\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default LoadingScreen;\r\n","/* eslint-disable import/prefer-default-export */\r\nexport const THEMES = {\r\n LIGHT: 'LIGHT',\r\n ONE_DARK: 'ONE_DARK',\r\n UNICORN: 'UNICORN'\r\n};\r\n\r\nexport const socketBaseURL = process.env.REACT_APP_SOCKETBASEURL;\r\nexport const offices = [\r\n { role_id: 6, name: 'ENGINEERING' },\r\n { role_id: 8, name: 'FIRE' },\r\n { role_id: 9, name: 'MPDO' },\r\n { role_id: 12, name: 'TREASURY' },\r\n { role_id: 7, name: 'REVIEWER' },\r\n { role_id: 13, name: 'REQUIREMENTS REVIEWER' },\r\n { role_id: 14, name: 'ELECTRICAL REVIEWER' },\r\n { role_id: 15, name: 'ARCHITECTURAL REVIEWER' },\r\n { role_id: 16, name: 'STRUCTURAL REVIEWER' },\r\n { role_id: 17, name: 'PLUMBING REVIEWER' }\r\n];\r\n","import axios from 'axios';\r\nimport authService from 'src/services/authService';\r\n\r\nexport const LOGIN_REQUEST = '@account/login-request';\r\nexport const LOGIN_SUCCESS = '@account/login-success';\r\nexport const LOGIN_FAILURE = '@account/login-failure';\r\nexport const SILENT_LOGIN = '@account/silent-login';\r\nexport const LOGOUT = '@account/logout';\r\nexport const REGISTER = '@account/register'; \r\nexport const UPDATE_PROFILE = '@account/updateProfile'; \r\n\r\nexport function login(email, password) {\r\n return async (dispatch) => {\r\n try {\r\n dispatch({ type: LOGIN_REQUEST });\r\n\r\n const user = await authService.loginWithEmailAndPassword(email, password);\r\n\r\n dispatch({\r\n type: LOGIN_SUCCESS,\r\n payload: {\r\n user\r\n }\r\n });\r\n } catch (error) {\r\n dispatch({ type: LOGIN_FAILURE });\r\n throw error;\r\n }\r\n };\r\n}\r\n\r\nexport function setUserData(user) {\r\n return (dispatch) => dispatch({\r\n type: SILENT_LOGIN,\r\n payload: {\r\n user\r\n }\r\n });\r\n}\r\n\r\nexport function logout() {\r\n return async (dispatch) => {\r\n authService.logout();\r\n\r\n dispatch({\r\n type: LOGOUT\r\n });\r\n };\r\n}\r\n\r\nexport function register(data) { \r\n const request = axios.post('/api/auth/signup', data); \r\n return (dispatch) => {\r\n request.then((response) => dispatch({\r\n type: REGISTER,\r\n payload: response.data\r\n }));\r\n };\r\n}\r\n\r\nexport function updateProfile(update) { \r\n const request = axios.post('/api/account/update-profile', { update }); \r\n return (dispatch) => {\r\n request.then((response) => dispatch({\r\n type: UPDATE_PROFILE,\r\n payload: response.data\r\n }));\r\n };\r\n};\r\n ","/* eslint-disable */\r\nimport { Chart } from 'react-chartjs-2';\r\n\r\n// ChartJS extension rounded bar chart\r\n// https://codepen.io/jedtrow/full/ygRYgo\r\nfunction draw() {\r\n const { ctx } = this._chart;\r\n const vm = this._view;\r\n let { borderWidth } = vm;\r\n\r\n let left;\r\n let right;\r\n let top;\r\n let bottom;\r\n let signX;\r\n let signY;\r\n let borderSkipped;\r\n let radius;\r\n\r\n // If radius is less than 0 or is large enough to cause drawing errors a max\r\n // radius is imposed. If cornerRadius is not defined set it to 0.\r\n let { cornerRadius } = this._chart.config.options;\r\n if (cornerRadius < 0) {\r\n cornerRadius = 0;\r\n }\r\n\r\n if (typeof cornerRadius === 'undefined') {\r\n cornerRadius = 0;\r\n }\r\n\r\n if (!vm.horizontal) {\r\n // bar\r\n left = vm.x - vm.width / 2;\r\n right = vm.x + vm.width / 2;\r\n top = vm.y;\r\n bottom = vm.base;\r\n signX = 1;\r\n signY = bottom > top ? 1 : -1;\r\n borderSkipped = vm.borderSkipped || 'bottom';\r\n } else {\r\n // horizontal bar\r\n left = vm.base;\r\n right = vm.x;\r\n top = vm.y - vm.height / 2;\r\n bottom = vm.y + vm.height / 2;\r\n signX = right > left ? 1 : -1;\r\n signY = 1;\r\n borderSkipped = vm.borderSkipped || 'left';\r\n }\r\n\r\n // Canvas doesn't allow us to stroke inside the width so we can\r\n // adjust the sizes to fit if we're setting a stroke on the line\r\n if (borderWidth) {\r\n // borderWidth shold be less than bar width and bar height.\r\n const barSize = Math.min(Math.abs(left - right), Math.abs(top - bottom));\r\n borderWidth = borderWidth > barSize ? barSize : borderWidth;\r\n const halfStroke = borderWidth / 2;\r\n // Adjust borderWidth when bar top position is near vm.base(zero).\r\n const borderLeft = left + (borderSkipped !== 'left' ? halfStroke * signX : 0);\r\n const borderRight = right + (borderSkipped !== 'right' ? -halfStroke * signX : 0);\r\n const borderTop = top + (borderSkipped !== 'top' ? halfStroke * signY : 0);\r\n const borderBottom = bottom + (borderSkipped !== 'bottom' ? -halfStroke * signY : 0);\r\n // not become a vertical line?\r\n if (borderLeft !== borderRight) {\r\n top = borderTop;\r\n bottom = borderBottom;\r\n }\r\n // not become a horizontal line?\r\n if (borderTop !== borderBottom) {\r\n left = borderLeft;\r\n right = borderRight;\r\n }\r\n }\r\n\r\n ctx.beginPath();\r\n ctx.fillStyle = vm.backgroundColor;\r\n ctx.strokeStyle = vm.borderColor;\r\n ctx.lineWidth = borderWidth;\r\n\r\n // Corner points, from bottom-left to bottom-right clockwise\r\n // | 1 2 |\r\n // | 0 3 |\r\n const corners = [[left, bottom], [left, top], [right, top], [right, bottom]];\r\n\r\n // Find first (starting) corner with fallback to 'bottom'\r\n const borders = ['bottom', 'left', 'top', 'right'];\r\n let startCorner = borders.indexOf(borderSkipped, 0);\r\n if (startCorner === -1) {\r\n startCorner = 0;\r\n }\r\n\r\n function cornerAt(index) {\r\n return corners[(startCorner + index) % 4];\r\n }\r\n\r\n // Draw rectangle from 'startCorner'\r\n let corner = cornerAt(0);\r\n ctx.moveTo(corner[0], corner[1]);\r\n\r\n for (let i = 1; i < 4; i += 1) {\r\n corner = cornerAt(i);\r\n let nextCornerId = i + 1;\r\n if (nextCornerId === 4) {\r\n nextCornerId = 0;\r\n }\r\n\r\n const width = corners[2][0] - corners[1][0];\r\n const height = corners[0][1] - corners[1][1];\r\n const x = corners[1][0];\r\n const y = corners[1][1];\r\n\r\n radius = cornerRadius;\r\n // Fix radius being too large\r\n if (radius > Math.abs(height) / 2) {\r\n radius = Math.floor(Math.abs(height) / 2);\r\n }\r\n if (radius > Math.abs(width) / 2) {\r\n radius = Math.floor(Math.abs(width) / 2);\r\n }\r\n\r\n if (height < 0) {\r\n // Negative values in a standard bar chart\r\n const xTl = x;\r\n const xTr = x + width;\r\n const yTl = y + height;\r\n const yTr = y + height;\r\n\r\n const xBl = x;\r\n const xBr = x + width;\r\n const yBl = y;\r\n const yBr = y;\r\n\r\n // Draw\r\n ctx.moveTo(xBl + radius, yBl);\r\n ctx.lineTo(xBr - radius, yBr);\r\n ctx.quadraticCurveTo(xBr, yBr, xBr, yBr - radius);\r\n ctx.lineTo(xTr, yTr + radius);\r\n ctx.quadraticCurveTo(xTr, yTr, xTr - radius, yTr);\r\n ctx.lineTo(xTl + radius, yTl);\r\n ctx.quadraticCurveTo(xTl, yTl, xTl, yTl + radius);\r\n ctx.lineTo(xBl, yBl - radius);\r\n ctx.quadraticCurveTo(xBl, yBl, xBl + radius, yBl);\r\n } else if (width < 0) {\r\n // Negative values in a horizontal bar chart\r\n const xTl = x + width;\r\n const xTr = x;\r\n const yTl = y;\r\n const yTr = y;\r\n\r\n const xBl = x + width;\r\n const xBr = x;\r\n const yBl = y + height;\r\n const yBr = y + height;\r\n\r\n // Draw\r\n ctx.moveTo(xBl + radius, yBl);\r\n ctx.lineTo(xBr - radius, yBr);\r\n ctx.quadraticCurveTo(xBr, yBr, xBr, yBr - radius);\r\n ctx.lineTo(xTr, yTr + radius);\r\n ctx.quadraticCurveTo(xTr, yTr, xTr - radius, yTr);\r\n ctx.lineTo(xTl + radius, yTl);\r\n ctx.quadraticCurveTo(xTl, yTl, xTl, yTl + radius);\r\n ctx.lineTo(xBl, yBl - radius);\r\n ctx.quadraticCurveTo(xBl, yBl, xBl + radius, yBl);\r\n } else {\r\n // Positive Value\r\n ctx.moveTo(x + radius, y);\r\n ctx.lineTo(x + width - radius, y);\r\n ctx.quadraticCurveTo(x + width, y, x + width, y + radius);\r\n ctx.lineTo(x + width, y + height - radius);\r\n ctx.quadraticCurveTo(\r\n x + width,\r\n y + height,\r\n x + width - radius,\r\n y + height\r\n );\r\n ctx.lineTo(x + radius, y + height);\r\n ctx.quadraticCurveTo(x, y + height, x, y + height - radius);\r\n ctx.lineTo(x, y + radius);\r\n ctx.quadraticCurveTo(x, y, x + radius, y);\r\n }\r\n }\r\n\r\n ctx.fill();\r\n if (borderWidth) {\r\n ctx.stroke();\r\n }\r\n}\r\n\r\nChart.helpers.extend(Chart.elements.Rectangle.prototype, {\r\n draw\r\n});\r\n","export function restoreSettings() {\r\n let settings = null;\r\n\r\n try {\r\n const storedData = localStorage.getItem('settings');\r\n\r\n if (storedData) {\r\n settings = JSON.parse(storedData);\r\n }\r\n } catch (err) {\r\n // If stored data is not a strigified JSON this might fail,\r\n // that's why we catch the error\r\n }\r\n\r\n return settings;\r\n}\r\n\r\nexport function storeSettings(settings) {\r\n localStorage.setItem('settings', JSON.stringify(settings));\r\n}\r\n","import React, { createContext, useState, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport _ from 'lodash';\r\nimport { THEMES } from 'src/constants';\r\nimport { storeSettings } from 'src/utils/settings';\r\n\r\nconst SettingsContext = createContext();\r\n\r\nconst defaultSettings = {\r\n direction: 'ltr',\r\n responsiveFontSizes: true,\r\n theme: THEMES.LIGHT\r\n};\r\n\r\nexport function SettingsProvider({ settings, children }) {\r\n const [currentSettings, setCurrentSettings] = useState(\r\n settings || defaultSettings\r\n );\r\n\r\n const handleSaveSettings = (updatedSettings = {}) => {\r\n const mergedSettings = _.merge({}, currentSettings, updatedSettings);\r\n\r\n setCurrentSettings(mergedSettings);\r\n storeSettings(mergedSettings);\r\n };\r\n\r\n useEffect(() => {\r\n document.dir = currentSettings.direction;\r\n }, [currentSettings]);\r\n\r\n return (\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default SlashScreen;\r\n","import React, { useContext, useEffect, useState } from 'react';\r\nimport { useDispatch } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport SplashScreen from 'src/components/SplashScreen';\r\nimport { setUserData, logout } from 'src/actions/accountActions';\r\nimport authService from 'src/services/authService';\r\nimport { socketBaseURL } from 'src/constants';\r\nimport socketio from 'socket.io-client';\r\nimport { SocketContext } from 'src/context/SocketContext';\r\nfunction Auth({ children }) {\r\n const dispatch = useDispatch();\r\n const [isLoading, setLoading] = useState(true);\r\n const { setSocket } = useContext(SocketContext);\r\n\r\n useEffect(() => {\r\n const initAuth = async () => {\r\n authService.setAxiosInterceptors({\r\n onLogout: () => dispatch(logout())\r\n });\r\n\r\n authService.handleAuthentication();\r\n\r\n if (authService.isAuthenticated()) {\r\n const user = await authService.loginInWithToken();\r\n\r\n let newsocket = socketio.connect(socketBaseURL, {\r\n query: {\r\n token: localStorage.getItem('accessToken')\r\n }\r\n });\r\n setSocket(newsocket);\r\n\r\n await dispatch(setUserData(user));\r\n }\r\n\r\n setLoading(false);\r\n };\r\n\r\n initAuth();\r\n\r\n // eslint-disable-next-line\r\n }, [dispatch]);\r\n\r\n if (isLoading) {\r\n return \r\n \r\n We use Cookies to ensure that we give you the best experience on our\r\n website. Read our\r\n {' '}\r\n \r\n Privacy Policy\r\n \r\n .\r\n \r\n \r\n \r\n I Agree\r\n \r\n \r\n
\r\n - \r\n {items.reduce(\r\n (acc, item) => reduceChildRoutes({ acc, item, ...rest }),\r\n []\r\n )}\r\n
- \r\n {contacts.allIds.map((contactId) => {\r\n const contact = contacts.byId[contactId];\r\n\r\n return (\r\n
- \r\n {notifications.map(notification => {\r\n let extras =\r\n notification.type?.trim() === 'inquiry-message'\r\n ? JSON.parse(notification.extras)\r\n : null;\r\n\r\n let inquiry_id = extras?.inquiry_id ?? '';\r\n let url = `/${\r\n user_type === 'user' ? 'app/users' : 'requirements-reviewer'\r\n }/inquiries?inquiry_id=${inquiry_id}`;\r\n\r\n return (\r\n
\r\n setMobileNavOpen(!isMobileNavOpen)}\r\n onHideDesktopSidebar={() =>\r\n setIsDesktopHideSidebar(!isDesktopHideSidebar)\r\n }\r\n />\r\n\r\n setMobileNavOpen(false)}\r\n openMobile={isMobileNavOpen}\r\n isDesktopHideSidebar={isDesktopHideSidebar}\r\n />\r\n\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nDashboardLayout.propTypes = {\r\n children: PropTypes.any\r\n};\r\n\r\nexport default DashboardLayout;\r\n","import React from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport { Redirect } from 'react-router-dom';\r\nimport PropTypes from 'prop-types';\r\n\r\nfunction AuthGuard({ children }) {\r\n const account = useSelector(state => state.account);\r\n\r\n if (!account.user) {\r\n return \r\n
\r\n {children}
\r\n \r\n \r\n \r\n \r\n \r\n \r\n Introducing\r\n \r\n \r\n Building Permit and Certificate of Occupancy System\r\n \r\n \r\n \r\n Makabagong paraan ng pagkuha ng permiso sa pagtatayo ng gusali\r\n sa bayan ng Guiguinto.\r\n {''}\r\n \r\n \r\n {' '}\r\n Para sa huwarang pamamahala at paglilingkod.{' '}\r\n \r\n \r\n \r\n \r\n \r\n \r\n Sugod Makabagong Guiguinto!\r\n \r\n\r\n \r\n history.push('/guides')}\r\n >\r\n Paano kumuha ng building permit\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nHero.propTypes = {\r\n className: PropTypes.string\r\n};\r\n\r\nexport default Hero;\r\n","import React from 'react';\r\nimport { makeStyles } from '@material-ui/core';\r\nimport Page from 'src/components/Page';\r\nimport Hero from './Hero'; \r\nconst useStyles = makeStyles(() => ({\r\n root: {}\r\n}));\r\n\r\nfunction HomeView() {\r\n const classes = useStyles();\r\n\r\n return (\r\n \r\n ![\"Shapes\"](\"/static/home/shapes.svg\")
\r\n
\r\n \r\n \r\n ![\"Presentation\"](\"/static/home/dark-light.png\")
\r\n
\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nMainLayout.propTypes = {\r\n children: PropTypes.any\r\n};\r\n\r\nexport default MainLayout;\r\n","import React from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport { Redirect } from 'react-router-dom';\r\nimport PropTypes from 'prop-types';\r\n\r\nfunction EngineeringGuard({ children }) {\r\n const account = useSelector(state => state.account);\r\n\r\n if (!account.user) {\r\n return \r\n
\r\n \r\n
\r\n \r\n {children}\r\n
\r\n