\n */}\n {/* */}\n {/*
*/}\n \n \n );\n}\n\nexport default ClockIn;\n","import React, { useState, useEffect } from \"react\";\nimport { useHistory } from \"react-router-dom\";\n\nimport moment from \"moment\";\nimport * as api from \"../../../api\";\nimport Loader from \"../../reusables/Loader\";\n\nfunction ClockOut({\n clockInData,\n setClockIn,\n getClockInStatusLoader,\n // authState,\n}) {\n // const { authState } = useOktaAuth();\n const authState = JSON.parse(localStorage.getItem(\"auth0-token-storage\"));\n const accessToken = authState?.access_token;\n const [popupVisible, setPopupVisible] = useState(false);\n\n const [postData, setPostData] = useState({\n facilityId: 380,\n latitude: 51.16570369999999, // latitude of agintil\n longitude: -0.7552394, // longitude of agintil\n });\n const [loader, setLoader] = useState(false);\n\n const today = new Date();\n const history = useHistory();\n\n const clockInTime = moment(clockInData.TimeStampUtc);\n\n const d = new Date(clockInTime);\n\n let diffMs = today.getTime() - d.getTime(); // difference in milliseconds\n let hoursRendered = Math.floor(diffMs / (1000 * 60 * 60)); // difference in hours\n let minutesRendered = Math.floor((diffMs % (1000 * 60 * 60)) / (1000 * 60)); //\n\n const formatOptions = {\n weekday: \"long\",\n year: \"numeric\",\n month: \"long\",\n day: \"numeric\",\n };\n\n const currentDateTime = today.toLocaleDateString(\"en-US\", formatOptions);\n const [time, setTime] = useState(\"\");\n let interval;\n\n const updateTime = () => {\n interval = setInterval(() => {\n const currentTime = new Date().toLocaleTimeString();\n setTime(currentTime);\n }, 1000);\n };\n\n useEffect(() => {\n // clockInStatus();\n updateTime();\n return () => {\n clearInterval(interval);\n };\n }, []);\n\n const submitClockOut = async (e) => {\n e.preventDefault();\n let _postData = {};\n setLoader(true);\n\n function getPosition(pos) {\n _postData.latitude = pos.coords.latitude;\n _postData.longitude = pos.coords.longitude;\n }\n\n if (navigator.geolocation) {\n _postData = {\n facilityId: 380,\n latitude: null,\n longitude: null,\n };\n\n navigator.geolocation.getCurrentPosition(getPosition);\n }\n\n if (!authState || !authState.access_token) return;\n try {\n const clockOut = await api.postClockInAndOut(_postData, accessToken);\n setClockIn((prev) => !prev);\n console.log(\"Clocked Out Successfully!\", clockOut);\n localStorage.removeItem(\"facility\");\n history.push(\"/landing-page\");\n } catch (error) {\n console.log(\"Error Clocking Out\", error);\n if (\n\t\t\t\terror?.response?.status === 401 &&\n\t\t\t\terror?.response?.data?.errors?.length > 0 &&\n\t\t\t\terror?.response?.data?.errors[0]?.message === \"Invalid Token\"\n\t\t\t) {\n\t\t\t\thandleExpiration();\n\t\t\t}\n } finally {\n setLoader(false);\n }\n };\n\n // useEffect(async () => {\n // if (postData.facilityId !== 0) {\n // await submitClockOut();\n // }\n // }, [postData]);\n\n const handleCancel = (e) => {\n e.preventDefault();\n setPopupVisible(false);\n };\n\n const handleExpiration = () => {\n\t\tlocalStorage.removeItem(\"auth0-token-storage\");\n\t\tlocalStorage.removeItem(\"user-claims\");\n\t\thistory.push(\"/login\");\n\t};\n\n return (\n <>\n \n
\n\n {/* \n await submitClockIn(e)}\n >\n {loader || getClockInStatusLoader ? (\n
\n \n
\n ) : (\n \"Clock In\"\n )}\n \n \n {/* */}\n \n \n
*/}\n \n \n );\n}\n\nexport default ClockOut;\n","/* eslint-disable react-hooks/exhaustive-deps */\n//import packages\nimport React, { useState, useEffect, useRef } from \"react\";\nimport { NavLink, useLocation, useHistory } from \"react-router-dom\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { toast, Toaster } from \"react-hot-toast\";\n// Push Notification\nimport { db } from \"../../firebase/firebase\";\nimport { ref, onValue, off } from \"firebase/database\";\n\nimport * as api from \"../../api\";\nimport moment from \"moment\";\nimport userRoles from \"../../role\";\n\n//import assets\nimport logo from \"../../assets/images/hapi-partner-logo.png\";\n\n//import other components\n// import SearchBar from \"../searchbar/searchbar\";\n// import NavInfo from \"../nav-info/info\";\nimport ClockIn from \"../pages/landing_page/ClockIn\";\nimport ClockOut from \"../pages/landing_page/ClockOut\";\nimport Loader from \"../reusables/Loader\";\nimport ResidentDetails from \"../pages/notifications/ResidentDetails\";\n\nfunction Navbar({\n searchTerm,\n setSearchTerm,\n setSort,\n changeURLPatient,\n confirmShowed,\n setConfirmShowed,\n saved,\n setSaved,\n currentPage,\n setCurrentPage,\n setNavBarLoader,\n selectedOption,\n notificationData,\n setNotificationData,\n notificationLoader,\n unreadCount,\n setUnreadCount,\n}) {\n // const { authState, oktaAuth } = useOktaAuth();\n const authState = JSON.parse(localStorage.getItem(\"auth0-token-storage\"));\n const userClaims = JSON.parse(localStorage.getItem(\"user-claims\"));\n const accessToken = authState?.access_token;\n const userId = userClaims?._id ? userClaims?._id : null;\n const { facilityManagerRole, careHomeManagerRole } = userRoles();\n const history = useHistory();\n const location = useLocation();\n // For Clock in and Out Button\n const [clockInData, setClockInData] = useState(null);\n const [showClock, setShowClock] = useState(false);\n const [clockInToggle, setClockInToggle] = useState(false);\n const [getClockInStatusLoader, setGetClockInStatusLoader] = useState(false);\n let param =\n location?.search?.split(\"&\")?.filter((item) => item !== \"\") ?? null;\n const [paramState] = useState({\n facility:\n param[3]?.split(\"=\")[1] === \"null\" || !param[3]?.split(\"=\")[1]\n ? null\n : param[3]?.split(\"=\")[1].split(\",\").length > 1\n ? param[3]\n ?.split(\"=\")[1]\n ?.split(\",\")\n ?.map((i) => parseInt(i))\n : [parseInt(param[3].split(\"=\")[1])],\n filter:\n param[4]?.split(\"=\")[1] === \"all\" || !param[4]?.split(\"=\")[1]\n ? \"all\"\n : param[4].split(\"=\")[1],\n });\n const [showPopup, setShowPopup] = useState(false);\n let notifRef = useRef();\n\n const handleBellClick = () => {\n setUnreadCount(false);\n setShowPopup(!showPopup);\n };\n\n useEffect(() => {\n let handler = (e) => {\n if (notifRef.current && !notifRef.current.contains(e.target)) {\n setShowPopup(false);\n }\n };\n document.addEventListener(\"mousedown\", handler);\n return () => {\n document.removeEventListener(\"mousedown\", handler);\n };\n }, []);\n\n useEffect(() => {\n async function data() {\n if (!authState) {\n // When user isn't authenticated, forget any user info\n // setUserInfo(null);\n setShowClock(false);\n } else {\n // oktaAuth.getUser().then((info) => {\n // setUserInfo(info);\n setShowClock(true);\n // });\n }\n }\n data();\n }, [authState]); // Update if authState changes\n\n const handleExpiration = () => {\n localStorage.removeItem(\"auth0-token-storage\");\n localStorage.removeItem(\"user-claims\");\n history.push(\"/login\");\n };\n\n const clockInStatus = async () => {\n if (!authState || !authState.access_token) return;\n\n setGetClockInStatusLoader(true);\n try {\n const data = await api.getClockInStatus(accessToken);\n\n if (\n data?.data?.data &&\n data?.data?.data[data?.data?.data?.length - 1]?.Description ===\n \"Clock In\"\n ) {\n setClockInData(data.data.data[0]);\n } else {\n setClockInData(null);\n }\n } catch (error) {\n // history.push(\"/dashboard\");\n console.log(\"error getting clock in status\", error);\n if (\n error?.response?.status === 401 &&\n error?.response?.data?.errors?.length > 0 &&\n error?.response?.data?.errors[0]?.message === \"Invalid Token\"\n ) {\n handleExpiration();\n }\n } finally {\n setGetClockInStatusLoader(false);\n }\n };\n\n useEffect(() => {\n clockInStatus();\n }, [accessToken, clockInToggle]);\n\n const handleNotifClick = (residentId) => {\n history.push(`/allConsents/${residentId}`);\n setShowPopup(false);\n };\n\n const handlePushNotifications = () => {\n let isMounted = false;\n const notifRef = ref(db, `${userId}/notif`);\n const onDataChange = (snapshot) => {\n const data = snapshot.val();\n if (data) {\n const innerObjectKey = Object.keys(data).find((key) => data[key]._id);\n const array = innerObjectKey ? data[innerObjectKey] : null;\n // console.log(array);\n if (array && array !== null) {\n if (isMounted) {\n setNotificationData((prevArray) => [array, ...prevArray]);\n setUnreadCount(true);\n toast(array.notes + \" a \" + array.event);\n } else {\n isMounted = true;\n }\n }\n }\n };\n onValue(notifRef, onDataChange);\n return () => {\n isMounted = false;\n off(notifRef, onDataChange);\n };\n };\n\n useEffect(() => {\n handlePushNotifications();\n }, []);\n\n return (\n <>\n \n
\n\n {/* \n {\n // if (popupVisible) {\n // setPopupVisible(false);\n // } else {\n // setPopupVisible(true);\n // }\n // }}\n onClick={async (e) => submitClockOut(e)}\n >\n {loader || getClockInStatusLoader ? (\n
\n \n
\n ) : (\n \"Clock Out\"\n )}\n \n \n \n {currentDateTime} {time}\n \n
\n \n
\n \n Clocking out will render you {hoursRendered === 0 ? hoursRendered : hoursRendered - 1} hour(s) and{\" \"}\n {minutesRendered} mins.\n
\n\n Do you wish to continue?\n
\n\n \n Cancel\n \n await submitClockOut(e)}\n >\n Okay\n \n
\n \n \n \n No Notifications Available\n
\n )}\n {notificationData.length > 4 && (\n \n \n {!clockInData ? (\n
\n )}\n \n = 0\n ? \"/login\"\n : \"/landing-page\"\n }`}\n >\n
\n \n {location.pathname.indexOf(\"/patients\") >= 0 ? (\n <>\n {location.pathname.indexOf(\"/patients/add\") >= 0 ||\n location.pathname.indexOf(\"/patients/edit\") >= 0 ? null : (\n
\n {facilityManagerRole || careHomeManagerRole ? null : (\n \n {selectedOption.length <= 0 ? null : (\n {\n setNavBarLoader(true);\n setSearchTerm(e.target.value);\n setCurrentPage(1);\n changeURLPatient(\n null,\n 1,\n null,\n paramState.facility,\n paramState.filter\n );\n setNavBarLoader(false);\n }}\n />\n )}\n
\n )}\n {location.pathname.indexOf(\"/patients/add\") >= 0 ||\n location.pathname.indexOf(\"/patients/edit\") >= 0 ? null : (\n \n
\n )}\n \n ) : null}\n \n {\n setSort(e.target.value);\n changeURLPatient(\n null,\n 1,\n null,\n paramState.facility,\n paramState.filter\n );\n }}\n >\n \n \n \n \n \n \n \n \n \n \n
\n SORT BY:
\n\n
\n ) : (\n \n
\n )}\n \n {location.pathname.includes(\"/login\") ||\n location.pathname.includes(\"/forgotPassword\") ||\n location.pathname.includes(\"/sign-up\") ||\n location.pathname.includes(\n \"/consent\"\n ) ? null : !authState ? null : (\n handleNotifClick(data.resident)}\n >\n
\n ))}\n \n ) : (\n \n \n \n {unreadCount > 5 ? \"5+\" : unreadCount}\n \n )} */}\n {unreadCount && (\n \n )}\n\n {showPopup && (\n \n {!notificationLoader ? (\n <>\n \n
\n {notificationData && notificationData.length > 0 ? (\n <>\n {notificationData.slice(0, 5).map((data, index) => (\n Notifications
\n\n \n \n \n {data.notes}\n \n \n
\n {/* \n
*/}\n \n
\n \n
\n\n setShowPopup(false)}\n >\n \n See all\n \n \n
\n )}\n \n ) : (\n \n
\n )}\n \n )}\n \n )}\n \n \n \n \n );\n}\n\nexport default Navbar;\n","import React, { Component } from \"react\";\r\n\r\n// Font Awesome Icons\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { library } from \"@fortawesome/fontawesome-svg-core\";\r\nimport { fab } from \"@fortawesome/free-brands-svg-icons\";\r\nimport { far } from \"@fortawesome/free-regular-svg-icons\";\r\nimport { fas } from \"@fortawesome/free-solid-svg-icons\";\r\nlibrary.add(fab, far, fas);\r\n\r\nclass Footer extends Component {\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n\r\nexport default Footer;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport moment from \"moment\";\r\n\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport Modal from \"react-bootstrap/Modal\";\r\nimport Button from \"react-bootstrap/Button\";\r\nimport AvatarImg from \"../../assets/svg/Handovers/ClientProfile.svg\";\r\nimport Avatar from \"react-avatar-edit\";\r\nimport * as api from \"../../api\";\r\nimport \"./user-info.css\";\r\nimport Swal from \"sweetalert2\";\r\n\r\nconst UserInfo = ({ firstName, lastName, id }) => {\r\n const history = useHistory();\r\n const authState = JSON.parse(localStorage.getItem(\"auth0-token-storage\"));\r\n const accessToken = authState?.access_token;\r\n const userId = id;\r\n const [greeting, setGreeting] = useState(\"\");\r\n const [avatarPic, setAvatarPic] = useState(null);\r\n const [preview, setPreview] = useState(\"\");\r\n const [picture, setPicture] = useState({\r\n picture: \"\",\r\n });\r\n const [show, setShow] = useState(false);\r\n const [loader, setLoader] = useState(false);\r\n\r\n const generateGreetings = (currentHour) => {\r\n if (currentHour >= 0 && currentHour < 12) {\r\n setGreeting(\"Good Morning\");\r\n } else if (currentHour >= 12 && currentHour < 17) {\r\n setGreeting(\"Good Afternoon\");\r\n } else if (currentHour >= 17) {\r\n setGreeting(\"Good Evening\");\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (!authState) {\r\n localStorage.removeItem(\"auth0-token-storage\");\r\n localStorage.removeItem(\"user-claims\");\r\n }\r\n }, [authState]);\r\n\r\n useEffect(() => {\r\n generateGreetings(moment().format(\"HH\"));\r\n }, []);\r\n\r\n const getUserPhoto = async () => {\r\n setLoader(true);\r\n try {\r\n const data = await api.getUserPhoto(userId, accessToken);\r\n // console.log(data.data.data);\r\n const img = data.data.data;\r\n setPreview(img);\r\n setLoader(false);\r\n } catch (err) {\r\n setLoader(false);\r\n console.log(\"error getting user photo\", err);\r\n invalidToken(err);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n getUserPhoto();\r\n }, []);\r\n\r\n const onClose = () => {\r\n setPreview(\"\");\r\n getUserPhoto();\r\n };\r\n\r\n const onCrop = (view) => {\r\n setPreview(view);\r\n };\r\n\r\n const onBeforeFileLoad = (elem) => {\r\n if (elem.target.files[0].size > 3000000) {\r\n Swal.fire({\r\n title: \"Error!\",\r\n html: \"File is too big\",\r\n icon: \"error\",\r\n confirmButtonColor: \"#833f84\",\r\n });\r\n elem.target.value = \"\";\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n // console.log(preview);\r\n setPicture({ ...picture, picture: preview });\r\n }, [preview]);\r\n\r\n const cancelUpdatePhoto = () => {\r\n if (preview === \"\" || preview === null) {\r\n setPreview(\"\");\r\n setShow(false);\r\n } else {\r\n setShow(false);\r\n getUserPhoto();\r\n }\r\n };\r\n\r\n const exportImage = () => {\r\n const img = new Image();\r\n img.src = preview;\r\n\r\n return new Promise((resolve) => {\r\n img.onload = () => {\r\n const canvas = document.createElement(\"canvas\");\r\n const ctx = canvas.getContext(\"2d\");\r\n\r\n // Set the desired export resolution\r\n const exportQuality = 0.5; // Adjust quality\r\n const width = img.width * exportQuality;\r\n const height = img.height * exportQuality;\r\n\r\n canvas.width = width;\r\n canvas.height = height;\r\n\r\n // Draw the image onto the canvas\r\n ctx.drawImage(img, 0, 0, width, height);\r\n\r\n // Export the image as a high-quality PNG\r\n const highQualityImage = canvas.toDataURL(\"image/png\", 1.0);\r\n\r\n // Resolve the promise with the exported image\r\n resolve(highQualityImage);\r\n };\r\n });\r\n };\r\n\r\n const updatePhoto = async () => {\r\n setLoader(true);\r\n try {\r\n const exportedPicture = await exportImage();\r\n const imageUpload = {\r\n picture: exportedPicture,\r\n };\r\n await api.updateUserPhoto(imageUpload, userId, accessToken);\r\n Swal.fire({\r\n title: \"Success!\",\r\n icon: \"success\",\r\n html: \"Photo updated successfully!\",\r\n confirmButtonColor: \"#833f84\",\r\n });\r\n setLoader(false);\r\n setShow(false);\r\n } catch (error) {\r\n console.log(\"error updating user photo\", error);\r\n Swal.fire({\r\n title: \"Error!\",\r\n html: \"Error Updating Photo\",\r\n icon: \"error\",\r\n confirmButtonColor: \"#833f84\",\r\n });\r\n setAvatarPic(null);\r\n setPreview(\"\");\r\n getUserPhoto();\r\n setLoader(false);\r\n setShow(false);\r\n invalidToken(error);\r\n }\r\n };\r\n\r\n const invalidToken = (error) => {\r\n if (\r\n error?.response?.status === 401 &&\r\n error?.response?.data?.errors?.length > 0 &&\r\n error?.response?.data?.errors[0]?.message === \"Invalid Token\"\r\n ) {\r\n handleExpiration();\r\n }\r\n };\r\n\r\n const handleExpiration = () => {\r\n localStorage.removeItem(\"auth0-token-storage\");\r\n localStorage.removeItem(\"user-claims\");\r\n history.push(\"/login\");\r\n };\r\n\r\n const capitalize = (name) => name.charAt(0).toUpperCase() + name.slice(1);\r\n\r\n const accountName =\r\n firstName === \"Demo\" || firstName === \"demo\"\r\n ? `${capitalize(firstName)} ${capitalize(lastName)}`\r\n : capitalize(firstName);\r\n\r\n return (\r\n \r\n setShow(true)}\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 {firstName[0].toUpperCase()}\r\n {lastName[0].toUpperCase()}\r\n
*/}\r\n {!loader ? (\r\n preview ? (\r\nEdit
\r\n\r\n {greeting}, {accountName}!\r\n
\r\n {/*\r\n
\r\n Hapi Loved Ones
\r\n \r\n\n setIsNavClosed(true)}\n >\n \n Close\n \n {userClaims ? (\n <>\n = 0\n ? \" active\"\n : \"\")\n }\n >\n \n = 0\n ? \"show\"\n : \"\"\n }`}\n id=\"physiotherapyDropdown\"\n >\n = 0\n ? \" active\"\n : \"\")\n }\n >\n \n handleChangeURL(\n e,\n \"/facilities/physiotherapy/progressNotes?page=1&physiotherapist=null&facility=null\"\n )\n }\n >\n = 0\n ? \" active\"\n : \"\")\n }\n >\n \n handleChangeURL(\n e,\n \"/facilities/physiotherapy/assessments?page=1&physiotherapist=null&facility=null\"\n )\n }\n >\n
\n {/* Dietetics */}\n \n {/* {roles.includes(\"superadmin\") ||\n roles.includes(\"admin\") ||\n roles.includes(\"partner\") ||\n roles.includes(\"supermanager\") ? ( */}\n {/* \n handleChangeURL(e, '/landing-page')}\n >\n = 0\n ? \" active\"\n : \"\")\n }\n >\n handleChangeURL(e, \"/landing-page\")}\n >\n 
\n DASHBOARD\n \n \n )}\n {/* ) : null} */}\n {/* {roles.includes(\"superadmin\") ||\n roles.includes(\"admin\") ||\n roles.includes(\"partner\") ||\n roles.includes(\"supermanager\") ? ( */}\n {!isHapiPartnerUser ? null : (\n = 0 ? \" active\" : \"\")\n }\n >\n handleChangeURL(e, \"/schedules\")}\n >\n 
\n SCHEDULE\n \n \n )}\n {!isHapiPartnerUser ? null : (\n <>\n {adminRole ||\n facilityManagerRole ||\n clinicalManagerRole ||\n careHomeManagerRole ? (\n <>\n = 0\n ? \"active\"\n : \"\"\n }`}\n >\n \n = 0\n ? \"show\"\n : \"\"\n }`}\n id=\"facilityDropdown\"\n >\n {/* Podiatrist */}\n = 0\n ? \" active\"\n : \"\")\n }\n >\n \n = 0\n ? \"show\"\n : \"\"\n }`}\n id=\"podiatryDropdown\"\n >\n = 0\n ? \" active\"\n : \"\")\n }\n >\n \n handleChangeURL(\n e,\n \"/facilities/podiatry/progressNotes?page=1&podiatrist=null&facility=null\"\n )\n }\n >\n = 0\n ? \" active\"\n : \"\")\n }\n >\n \n handleChangeURL(\n e,\n \"/facilities/podiatry/assessments?page=1&podiatrist=null&facility=null\"\n )\n }\n >\n = 0\n ? \" active\"\n : \"\")\n }\n >\n \n handleChangeURL(\n e,\n \"/facilities/podiatry/carePlans?page=1&podiatrist=null&facility=null\"\n )\n }\n >\n
\n {/* Physiotherapy */}\n \n
\n TERMS AND CONDITIONS
\n\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t- \n\t\t\t\t\t\t\t\t
- HR \n\t\t\t\t\t\t\t\t
- KompliWise \n\t\t\t\t\t\t\t\t
- Journal Club \n\t\t\t\t\t\t\t
\n {userClaims && authState ? (\n
\n
\r\n //
\r\n // );\r\n // }\r\n\r\n // return lovedOnesFormData;\r\n // };\r\n\r\n // if (!authState) return null;\r\n\r\n if (loading) return \r\n // \r\n // {\r\n // handleLovedOnesChange(e, i);\r\n // }}\r\n // className={`form-control ${\r\n // errorIndicator === `lastname${i}` ? \"border border-danger\" : \"\"\r\n // }`}\r\n // type=\"text\"\r\n // name=\"lastName\"\r\n // required\r\n // />\r\n //
\r\n // \r\n // \r\n // {\r\n // handleLovedOnesChange(e, i);\r\n // }}\r\n // className={`form-control ${\r\n // errorIndicator === `randomwords${i}`\r\n // ? \"border border-danger\"\r\n // : \"\"\r\n // }`}\r\n // type=\"text\"\r\n // name=\"randomWords\"\r\n // required\r\n // placeholder=\"Separated by comma\"\r\n // />\r\n //
\r\n // \r\n // \r\n // {\r\n // handleLovedOnesChange(e, i);\r\n // }}\r\n // className=\"form-control\"\r\n // type=\"date\"\r\n // name=\"dateOfBirth\"\r\n // required\r\n // />\r\n //
\r\n // \r\n {errorMessage && (\r\n
\r\n );\r\n};\r\n\r\nexport default Signup;\r\n","import React, { useState, useEffect } from \"react\";\nimport iso from \"iso-3166-1\";\nimport { NavLink } from \"react-router-dom\";\nimport moment from \"moment\";\n\nimport AlertsTop from \"../reusables/AlertsTop\";\nimport Loader from \"../reusables/Loader\";\nimport Swal from \"sweetalert2\";\nimport * as api from \"../../api\";\nimport { Spinner } from \"react-bootstrap\";\n\nconst RegisterCareHome = () => {\n const [loading, setLoading] = useState(false);\n const [registerSuccessful, setRegisterSuccessful] = useState(false);\n const [successMessage, setSuccessMessage] = useState(null);\n const [facilities, setFacilities] = useState([]);\n const [errorMessage, setErrorMessage] = useState();\n const [facilitiesMap, setFacilitiesMap] = useState();\n const [errorIndicator, setErrorIndicator] = useState();\n const [countries, setCountries] = useState([]);\n const [practices, setPractices] = useState([]);\n const [signupError, setsignupError] = useState(null);\n const [confirmPassword, setConfirmPassword] = useState(\"\");\n const [userInfo, setUserInfo] = useState({\n firstName: \"\",\n middleName: \"\",\n lastName: \"\",\n nickName: \"\",\n dateOfBirth: moment(new Date()).format(\"YYYY-MM-DD\"),\n gender: \"male\",\n address: \"\",\n zipCode: \"\",\n countryCode: \"\",\n practice: \"64775dcefa713c353e6b522b\",\n email: \"\",\n password: \"\",\n facility: \"\",\n clientApp: [\"HAPIPARTNERS\", \"HAPICLIENT\", \"HAPIA\"],\n facilityName: \"\",\n });\n const [birthday, setBirthday] = useState({\n day: moment().date().toString(),\n month: moment().format(\"MM\"),\n year: moment().year().toString(),\n });\n\n useEffect(() => {\n if (facilities && facilities.length > 0) {\n setUserInfo({\n ...userInfo,\n facility: facilities[0]?.id,\n facilityName: facilities[0]?.longName,\n });\n }\n }, [facilities]);\n\n useEffect(() => {\n if (countries && countries.length > 0) {\n setUserInfo({\n ...userInfo,\n countryCode: countries[0]?.alpha3,\n });\n }\n }, [countries]);\n\n // useEffect(() => {\n // if (birthday && birthday !== \"\") {\n // const birthDate = moment(birthday, \"DD/MM/YYYY\").format(\"YYYY-MM-DD\");\n // setUserInfo({\n // ...userInfo,\n // dateOfBirth: birthDate,\n // });\n // }\n // }, [birthday]);\n\n useEffect(() => {\n if (iso.all().length > 0) {\n setCountries(iso.all());\n }\n }, [iso]);\n\n useEffect(() => {\n if (practices) {\n setUserInfo({\n ...userInfo,\n practice: practices[0]?._id,\n });\n }\n }, [practices]);\n const validateForm = () => {\n let isValid = false;\n\n if (\n userInfo.firstName === \"\" ||\n // userInfo.middleName === \"\" ||\n userInfo.lastName === \"\" ||\n userInfo.nickName === \"\" ||\n userInfo.dateOfBirth === \"\" ||\n // userInfo.address === \"\" ||\n // userInfo.zipCode === \"\" ||\n userInfo.countryCode === \"\" ||\n userInfo.email === \"\" ||\n userInfo.password === \"\"\n ) {\n if (userInfo.firstName === \"\") {\n setErrorIndicator(\"firstName\");\n // } else if (userInfo.middleName === \"\") {\n // setErrorIndicator(\"middleName\");\n } else if (userInfo.lastName === \"\") {\n setErrorIndicator(\"lastName\");\n } else if (userInfo.nickName === \"\") {\n setErrorIndicator(\"nickName\");\n } else if (userInfo.dateOfBirth === \"\") {\n setErrorIndicator(\"dateOfBirth\");\n // } else if (userInfo.address === \"\") {\n // setErrorIndicator(\"address\");\n // } else if (userInfo.zipCode === \"\") {\n // setErrorIndicator(\"zipCode\");\n } else if (userInfo.countryCode === \"\") {\n setErrorIndicator(\"countryCode\");\n } else if (userInfo.email === \"\") {\n setErrorIndicator(\"email\");\n } else if (userInfo.password === \"\") {\n setErrorIndicator(\"password\");\n }\n setErrorMessage(\"Please fill in all the fields.\");\n isValid = false;\n } else if (userInfo.password !== confirmPassword) {\n setErrorMessage(\"Passwords do not match.\");\n setErrorIndicator(\"password\");\n isValid = false;\n } else if (userInfo.password.length <= 8) {\n setErrorMessage(\"Password needs to be longer than 8 characters.\");\n setErrorIndicator(\"password\");\n isValid = false;\n } else {\n isValid = true;\n }\n\n return isValid;\n };\n\n useEffect(() => {\n const getAllFacilities = async () => {\n try {\n const res = await api.fetchAllFacilities();\n const facilities = res.data.data.data;\n\n const facilityInfo = [];\n let map = [];\n \n facilities.forEach((facility) => {\n const facilityName = facility.FacilityName;\n\n // Regex to find the first dash outside parentheses\n const match = facilityName.match(/ - (?![^(]*\\))/);\n let longName;\n\n if (match) {\n const splitIndex = match.index;\n longName = facilityName.slice(splitIndex + 3); // Extract text after the dash\n } else {\n longName = facilityName;\n }\n\n facilityInfo.push({\n id: facility.FacilityID,\n longName,\n });\n map[facility.FacilityID] = facility.FacilityName;\n });\n\n setFacilitiesMap(map);\n setFacilities(facilityInfo);\n } catch (err) {\n console.error(err);\n }\n };\n\n getAllFacilities();\n }, []);\n\n const handleSubmit = async (e) => {\n e.preventDefault();\n setLoading(true);\n try {\n if (validateForm()) {\n console.log(userInfo);\n userInfo.facilityName = facilitiesMap[userInfo.facility];\n const data = await api.signUpCarehome(userInfo);\n if (data) {\n Swal.fire({\n html: \"Successfully signed up! An email will be sent to you once the admin approved your request!\",\n icon: \"success\",\n title: \"Success\",\n confirmButtonColor: \"#833f84\",\n });\n }\n setLoading(false);\n } else {\n setLoading(false);\n }\n } catch (error) {\n setLoading(false);\n setsignupError(error.response.data.errors);\n }\n };\n\n useEffect(() => {\n if (signupError) {\n const errors = signupError.map((err) => {\n return err.message + \"\\r\\n\";\n });\n Swal.fire({\n title: \"Error!\",\n html: errors,\n icon: \"error\",\n confirmButtonColor: \"#833f84\",\n });\n }\n }, [signupError]);\n\n const getPractice = async () => {\n setLoading(true);\n try {\n const data = await api.getPractices();\n const practice = data.data.data;\n setPractices(practice);\n setLoading(false);\n } catch (error) {\n setLoading(false);\n }\n };\n\n useEffect(() => {\n getPractice();\n }, []);\n\n const handleChange = (event) => {\n const { value, name } = event.target;\n\n if (name === \"facility\") {\n setUserInfo({ ...userInfo, facilityName: facilitiesMap[value] });\n setUserInfo({ ...userInfo, facility: value });\n return;\n }\n\n setUserInfo({ ...userInfo, [name]: value });\n };\n\n const handleChangeBirthday = (e) => {\n setBirthday({ ...birthday, [e.target.name]: e.target.value });\n };\n\n useEffect(() => {\n if (birthday.day && birthday.month && birthday.year) {\n const combinedDate = moment(\n `${birthday.year}-${birthday.month}-${birthday.day}`,\n \"YYYY-MM-DD\"\n ).format(\"YYYY-MM-DD\");\n setUserInfo({\n ...userInfo,\n dateOfBirth: combinedDate,\n });\n }\n }, [birthday.day, birthday.month, birthday.year]);\n\n const renderDays = () => {\n const { month, year } = birthday;\n const numDays = moment(`${year}-${month}`, \"YYYY-MM\").daysInMonth();\n const days = [];\n\n for (let i = 1; i <= numDays; i++) {\n const dayValue = i < 10 ? `0${i}` : i;\n days.push(\n \n );\n }\n return days;\n };\n\n const renderMonths = () => {\n const months = [];\n for (let i = 1; i <= 12; i++) {\n const monthValue = i < 10 ? `0${i}` : i;\n months.push(\n \n );\n }\n return months;\n };\n\n const renderYears = () => {\n const years = [];\n const currentYear = new Date().getFullYear();\n for (let i = currentYear; i >= 1900; i--) {\n years.push(\n \n );\n }\n return years;\n };\n\n if (loading) return \r\n {successMessage ? (\r\n
\r\n {successMessage}
\r\n ) : null}\r\n \r\n\n {errorMessage && (\n \n Register Carehome Manager\n \n {/* {\n setErrorMessage(\"\");\n setErrorIndicator(\"\");\n setSuccessMessage(\"\");\n }}\n >\n Go back to login\n */}\n
\n \n \n \n );\n};\n\nexport default RegisterCareHome;\n","export default __webpack_public_path__ + \"static/media/hapiyouicon.8e05f154.png\";","//import React from \"react\";\r\nimport React from \"react\";\r\nimport { useHistory } from \"react-router-dom\";\r\n\r\n//images\r\nimport logo from \"../../assets/images/hapiyouicon.png\";\r\n\r\nconst Welcome = () => {\r\n const history = useHistory();\r\n\r\n // const { authState, oktaAuth } = useOktaAuth();\r\n // const accessToken = authState.accessToken;\r\n const authState = JSON.parse(localStorage.getItem(\"auth0-token-storage\"));\r\n const accessToken = authState?.access_token;\r\n console.log(authState);\r\n\r\n const handleExpiration = () => {\r\n // oktaAuth.signOut();\r\n localStorage.removeItem(\"auth0-token-storage\");\r\n localStorage.removeItem(\"user-claims\");\r\n history.push(\"/login\");\r\n };\r\n\r\n return !accessToken ? (\r\n handleExpiration()\r\n ) : (\r\n \n {successMessage ? (\n
\n\n {successMessage}
\n ) : null}\n\n {/*
\n\n \n \n \n \n {practices &&\n practices.map((data, index) => (\n \n ))}\n \n
*/}\n \n \n
\n \n
\n\n \n \n
\n \n \n setConfirmPassword(e.target.value)}\n className={`form-control ${\n errorIndicator === \"confirmPassword\"\n ? \"border border-danger\"\n : \"\"\n }`}\n type=\"password\"\n name=\"confirmPassword\"\n />\n
\n \r\n
\r\n );\r\n};\r\n\r\nexport default Welcome;\r\n","import React from \"react\";\r\nimport { useHistory } from \"react-router-dom\";\r\n\r\nconst HomeDashboard = () => {\r\n // const { authState, oktaAuth } = useOktaAuth();\r\n const authState = JSON.parse(localStorage.getItem(\"auth0-token-storage\"));\r\n const history = useHistory();\r\n\r\n const handleExpiration = () => {\r\n // oktaAuth.signOut();\r\n localStorage.removeItem(\"auth0-token-storage\");\r\n localStorage.removeItem(\"user-claims\");\r\n history.push(\"/login\");\r\n };\r\n\r\n return !authState.access_token ? (\r\n handleExpiration()\r\n ) : (\r\n \r\n 
\r\n
\r\n \r\n HapiYou is a digital platform that connects you, the patient, with\r\n medical professionals for same day healthcare appointments and tracks\r\n your health care progression, educating you along the way. Putting you\r\n in control of your health and wellbeing.\r\n
\r\n\r\n
\r\n );\r\n};\r\n\r\nexport default HomeDashboard;\r\n","import React from \"react\";\r\n\r\nconst About = () => {\r\n return (\r\n Please clock in to view appointments
\r\n\r\n
\r\n );\r\n};\r\n\r\nexport default About;\r\n","import React from \"react\";\r\n\r\nconst Contact = () => {\r\n return (\r\n \r\n
\r\n About Page
\r\n\r\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\r\n eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad\r\n minim veniam, quis nostrud exercitation ullamco laboris nisi ut\r\n aliquip ex ea commodo consequat. Duis aute irure dolor in\r\n reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\r\n pariatur. Excepteur sint occaecat cupidatat non proident, sunt in\r\n culpa qui officia deserunt mollit anim id est laborum.\r\n
\r\n\r\n
\r\n );\r\n};\r\n\r\nexport default Contact;\r\n","import React from \"react\";\r\n\r\nconst NotFound = () => {\r\n return (\r\n \r\n
\r\n Contact Page
\r\n\r\n
\r\n );\r\n};\r\n\r\nexport default NotFound;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport \"./Users.css\";\r\n\r\nimport { Link, Redirect } from \"react-router-dom\";\r\n\r\nimport Pagination from \"../../reusables/Paginator/Pagination\";\r\n\r\nimport * as api from \"../../../api\";\r\n\r\nimport Loader from \"../../reusables/Loader\";\r\n\r\nlet PageSize = 20;\r\n\r\nconst Users = () => {\r\n // const { authState } = useOktaAuth();\r\n // const accessToken = authState.accessToken;\r\n const authState = JSON.parse(localStorage.getItem(\"auth0-token-storage\"));\r\n const accessToken = authState?.access_token;\r\n const history = useHistory();\r\n const [loader, setLoader] = useState(false);\r\n\r\n const [users, setUsers] = useState([]);\r\n const [allRoles, setAllRoles] = useState([]);\r\n const [allFacilites, setAllFacilites] = useState([]);\r\n const [currentPage, setCurrentPage] = useState(1);\r\n const [currentTableData, setCurrentTableData] = useState([]);\r\n\r\n const getUserRoles = (roleIds) => {\r\n let userRoles = [];\r\n allRoles.forEach((role) => {\r\n roleIds.forEach((userRole) => {\r\n if (role._id === userRole) {\r\n userRoles.push(role.name);\r\n }\r\n });\r\n });\r\n\r\n // console.log(\"asdfwegasvwsed roles\", userRoles);\r\n return \r\n
\r\n PAGE NOT FOUND
\r\n{userRoles.toString()}
;\r\n };\r\n\r\n const getUserFacilities = (facilityIds) => {\r\n let userFacilities = [];\r\n allFacilites.forEach((facility) => {\r\n facilityIds.forEach((userFacility) => {\r\n if (facility.facilityId === Number(userFacility)) {\r\n userFacilities.push(facility.facilityShortName);\r\n }\r\n });\r\n });\r\n\r\n return{userFacilities.toString()}
;\r\n };\r\n\r\n // const deleteUser = async (id) => {\r\n // \tconsole.log(`user with id ${id} deleted`);\r\n // };\r\n\r\n useEffect(() => {\r\n const getAllRoles = async () => {\r\n try {\r\n setLoader(true);\r\n const { data } = await api.fetchRoles();\r\n console.log(\"all roles\", data);\r\n setAllRoles(data);\r\n } catch (error) {\r\n console.log(\"error getting roles\", error);\r\n setLoader(false);\r\n if (\r\n error?.response?.status === 401 &&\r\n error?.response?.data?.errors?.length > 0 &&\r\n error?.response?.data?.errors[0]?.message === \"Invalid Token\"\r\n ) {\r\n handleExpiration();\r\n }\r\n }\r\n };\r\n\r\n const getAllFacilities = async () => {\r\n try {\r\n setLoader(true);\r\n const data = await api.fetchFacilities(accessToken);\r\n\r\n const facilities = data.data.data.data;\r\n setAllFacilites(facilities);\r\n } catch (error) {\r\n console.log(\"error getting facilites\", error);\r\n if (\r\n error?.response?.status === 401 &&\r\n error?.response?.data?.errors?.length > 0 &&\r\n error?.response?.data?.errors[0]?.message === \"Invalid Token\"\r\n ) {\r\n handleExpiration();\r\n }\r\n }\r\n };\r\n\r\n const getAllUsers = async () => {\r\n try {\r\n setLoader(true);\r\n const { data } = await api.getAllUsers(accessToken);\r\n setUsers(data);\r\n setLoader(false);\r\n } catch (error) {\r\n setLoader(false);\r\n console.log(\"error getting users\", error);\r\n if (\r\n error?.response?.status === 401 &&\r\n error?.response?.data?.errors?.length > 0 &&\r\n error?.response?.data?.errors[0]?.message === \"Invalid Token\"\r\n ) {\r\n handleExpiration();\r\n }\r\n }\r\n };\r\n getAllRoles();\r\n getAllFacilities();\r\n getAllUsers();\r\n }, [authState, accessToken]);\r\n\r\n useEffect(() => {\r\n const getCurrentTableData = () => {\r\n const firstPageIndex = (currentPage - 1) * PageSize;\r\n const lastPageIndex = firstPageIndex + PageSize;\r\n const newData = users.slice(firstPageIndex, lastPageIndex);\r\n setCurrentTableData(newData);\r\n };\r\n getCurrentTableData();\r\n }, [currentPage, loader, users]);\r\n\r\n const handleExpiration = () => {\r\n\t\tlocalStorage.removeItem(\"auth0-token-storage\");\r\n\t\tlocalStorage.removeItem(\"user-claims\");\r\n\t\thistory.push(\"/login\");\r\n\t};\r\n\r\n return authState === null ||\r\n authState === undefined ||\r\n authState?.accessToken === undefined ||\r\n authState?.accessToken === null ? (\r\n\r\n \r\n \r\n
\r\n )}\r\n\r\n setCurrentPage(page)}\r\n />\r\n
\r\n );\r\n};\r\n\r\nexport default Users;\r\n","//packages\r\nimport React, { useState, useEffect } from \"react\";\r\nimport { useHistory, useParams } from \"react-router-dom\";\r\n\r\n//Okta related packages\r\n\r\nimport * as api from \"../../../api\";\r\n\r\n//assets needed\r\nimport Loader from \"../../reusables/Loader\";\r\n// import AlertsTop from \"../../reusables/AlertsTop\";\r\nimport Select from \"react-select\";\r\n\r\n//start of function for the component\r\nconst UpdateUser = () => {\r\n // get the _id from the URL\r\n const { _id } = useParams();\r\n\r\n //okta stuff\r\n // const { authState } = useOktaAuth();\r\n const authState = JSON.parse(localStorage.getItem(\"auth0-token-storage\"));\r\n const accessToken = authState?.access_token;\r\n\r\n const [loaderText, setLoaderText] = useState(\"\");\r\n\r\n const [facilityOptions, setFacilityOptions] = useState([]);\r\n const [selectedFacilites, setSelectedFacilites] = useState([]);\r\n\r\n const [roleOptions, setRoleOptions] = useState([]);\r\n const [selectedRoles, setSelectedRoles] = useState([]);\r\n\r\n // const trueFalseAuth = authState.isAuthenticated;\r\n // console.log(trueFalseAuth);\r\n // const accessToken = authState.accessToken;\r\n // console.log(accessToken);\r\n\r\n //useState Returns a stateful value, and a function to update it.\r\n //the stateful value is what you'll use later when you render via map method (inside return)\r\n //React components has a built-in state object. The state object is where you store property values that belongs to the component. When the state object changes, the component re-renders.\r\n const [user, setUser] = useState({\r\n title: \"\",\r\n firstName: \"\",\r\n middleName: \"\",\r\n lastName: \"\",\r\n nickName: \"\",\r\n email: \"\",\r\n zipCode: \"\",\r\n roleIds: [],\r\n facilityIds: [],\r\n });\r\n\r\n const [loader, setLoader] = useState(false);\r\n\r\n // const [error, setAlert] = useState({\r\n // \terrorPresent: false,\r\n // \terrorText: \"\",\r\n // \tbsClass: \"\",\r\n // });\r\n\r\n //destructure above so you can access patient.username by using only \"username\", and so on. These are empty initially as can be seen above.\r\n const { title, firstName, middleName, lastName, nickName, email, zipCode } =\r\n user;\r\n\r\n //to trigger when typing on a form input\r\n const onInputChange = (e) => {\r\n setUser({ ...user, [e.target.name]: e.target.value }); //basically you're setting the patient object to whatever is being typed in the form as they key in the key-value pair matches the \"name\" in the form. And this will be the new value of object \"patient\" to be used below in axios\r\n };\r\n\r\n let history = useHistory();\r\n\r\n const onSubmit = async (e) => {\r\n e.preventDefault(); //to prevent 'Submit' button to submit and refresh page\r\n setLoaderText(\"Updating user info...\");\r\n setLoader(true);\r\n console.log(\"selected facilites\", selectedFacilites);\r\n\r\n let userFacilites = [];\r\n let userRoles = [];\r\n let postData;\r\n selectedFacilites.forEach((facility) => {\r\n userFacilites.push(facility.value);\r\n });\r\n\r\n selectedRoles.forEach((role) => {\r\n userRoles.push(role.value);\r\n });\r\n\r\n console.log(\"facilities to push\", userFacilites);\r\n postData = {\r\n firstName: user.firstName,\r\n lastName: user.lastName,\r\n middleName: user.middleName,\r\n title: user.title,\r\n nickName: user.nickName,\r\n zipCode: user.zipCode,\r\n roleIds: userRoles,\r\n facilityIds: userFacilites,\r\n };\r\n\r\n console.log(\"postdata\", postData);\r\n\r\n try {\r\n await api.updateUser(postData, _id, accessToken);\r\n setLoader(false);\r\n history.push(\"/users\");\r\n } catch (error) {\r\n console.log(\"error updating a user\", error);\r\n setLoader(false);\r\n if (\r\n\t\t\t\terror?.response?.status === 401 &&\r\n\t\t\t\terror?.response?.data?.errors?.length > 0 &&\r\n\t\t\t\terror?.response?.data?.errors[0]?.message === \"Invalid Token\"\r\n\t\t\t) {\r\n\t\t\t\thandleExpiration();\r\n\t\t\t}\r\n }\r\n };\r\n\r\n const getAllRoles = async (user) => {\r\n try {\r\n const data = await api.fetchRoles();\r\n\r\n const allRoles = data.data;\r\n\r\n let options = [];\r\n let currentRoles = [];\r\n\r\n allRoles.forEach((role) => {\r\n options.push({\r\n value: role._id,\r\n label: role.name,\r\n });\r\n\r\n user.roleIds.forEach((userRoles) => {\r\n console.log(\"current role iteration\", userRoles);\r\n console.log(\"current role all roles\", role.name);\r\n if (userRoles === role._id) {\r\n currentRoles.push({\r\n value: role._id,\r\n label: role.name,\r\n });\r\n }\r\n });\r\n });\r\n\r\n setRoleOptions(options);\r\n setSelectedRoles(currentRoles);\r\n } catch (error) {\r\n console.log(\"there was an error getting all roles\", error);\r\n if (\r\n\t\t\t\terror?.response?.status === 401 &&\r\n\t\t\t\terror?.response?.data?.errors?.length > 0 &&\r\n\t\t\t\terror?.response?.data?.errors[0]?.message === \"Invalid Token\"\r\n\t\t\t) {\r\n\t\t\t\thandleExpiration();\r\n\t\t\t}\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n const getAllFacilities = async (user) => {\r\n try {\r\n setLoader(true);\r\n const data = await api.fetchFacilities(accessToken);\r\n console.log(\"current facilities llength\", data.data.data.data.length);\r\n const facilities = data.data.data.data;\r\n\r\n let options = [];\r\n let currentFacilities = [];\r\n\r\n facilities.forEach((facility) => {\r\n options.push({\r\n value: facility.facilityId,\r\n label: facility.facilityShortName,\r\n });\r\n\r\n user.facilityIds.forEach((userFacility) => {\r\n if (Number(userFacility) === facility.facilityId) {\r\n currentFacilities.push({\r\n value: facility.facilityId,\r\n label: facility.facilityShortName,\r\n });\r\n }\r\n });\r\n });\r\n\r\n console.log(\"users current facilities\", user.facilityIds);\r\n\r\n console.log(\"facilities options\", facilityOptions);\r\n setFacilityOptions(options);\r\n setSelectedFacilites(currentFacilities);\r\n } catch (error) {\r\n console.log(\"error getting facilites\", error);\r\n setLoader(false);\r\n if (\r\n error?.response?.status === 401 &&\r\n error?.response?.data?.errors?.length > 0 &&\r\n error?.response?.data?.errors[0]?.message === \"Invalid Token\"\r\n ) {\r\n handleExpiration();\r\n }\r\n }\r\n };\r\n\r\n const getCurrentUser = async () => {\r\n try {\r\n setLoaderText(\"Getting user info...\");\r\n setLoader(true);\r\n const response = await api.getUser(_id, accessToken);\r\n let data = response.data.data;\r\n\r\n await getAllRoles(data);\r\n await getAllFacilities(data);\r\n\r\n // setPatient({ ...data, random_words: data.random_words.toString() });\r\n setUser(data);\r\n setLoader(false);\r\n } catch (error) {\r\n console.log(\"something went wrong\", error);\r\n setLoader(false);\r\n if (\r\n error?.response?.status === 401 &&\r\n error?.response?.data?.errors?.length > 0 &&\r\n error?.response?.data?.errors[0]?.message === \"Invalid Token\"\r\n ) {\r\n handleExpiration();\r\n }\r\n }\r\n };\r\n getCurrentUser();\r\n // eslint-disable-next-line\r\n }, [_id, accessToken]);\r\n\r\n const handleExpiration = () => {\r\n\t\tlocalStorage.removeItem(\"auth0-token-storage\");\r\n\t\tlocalStorage.removeItem(\"user-claims\");\r\n\t\thistory.push(\"/login\");\r\n\t};\r\n\r\n //Below is the html component to render the component plus latest values from the variables in the state above\r\n return (\r\n \r\n
\r\n {loader ? (\r\n \r\n
\r\n \r\n \r\n SORT BY:\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 Loading...
\r\n| First Name | \r\nMiddle Name | \r\nLast Name | \r\nNick Name | \r\nRoles | \r\nFacilities | \r\nActions | \r\n|
|---|---|---|---|---|---|---|---|
| {user.firstName} | \r\n{user.middleName} | \r\n{user.lastName} | \r\n{user.nickName} | \r\n{user.email} | \r\n{getUserRoles(user.roleIds)} | \r\n{getUserFacilities(user.facilityIds)} | \r\n\r\n | \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default UpdateUser;\r\n","export default __webpack_public_path__ + \"static/media/Plus.bfbb39be.svg\";","import React from \"react\";\nimport { NavLink } from \"react-router-dom\";\nimport \"./support.style.css\";\nimport { useHistory } from \"react-router-dom\";\n\n//SVG icons\nimport Plus from \"../../../assets/svg/Support/Overview/Plus.svg\";\n\n// Font Awesome Icons\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nconst SupportRequests = () => {\n // const { authState, oktaAuth } = useOktaAuth();\n const authState = JSON.parse(localStorage.getItem(\"auth0-token-storage\"));\n const accessToken = authState?.access_token;\n const history = useHistory();\n\n const handleExpiration = () => {\n // oktaAuth.signOut();\n localStorage.removeItem(\"auth0-token-storage\");\n localStorage.removeItem(\"user-claims\");\n history.push(\"/login\");\n };\n\n return !accessToken ? (\n handleExpiration()\n ) : (\n \r\n
\r\n\r\n Edit User
\r\n {/* {error.errorPresent ? (\r\n\t\t\t\t\t\r\n {loader ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n )}\r\n {loaderText}
\r\n\n
\n \n \n \n \n \n
\n \n
\n \n Your support requests\n
\n\n \n
\n\n \n
\n \n \n
\n \n
\n \n \n \n \n \n
\n \n \n \n
\n\n \n
\n MAKE SUPPORT TICKET
\n\n
\n\n \n
\n TICKET #
\n\n
\n CATEGORY
\n\n
\n REQUEST STATUS
\n\n
\n LAST UPDATED
\n\n \n 1-20 of 300\n \n
\n
\n \n 1-20 of 300\n \n
\n \n \n
\n \n \n
\n\n \n
\n #12345
\n \n Lorem ipsum dolot sit\n
\n \n \n Resolved\n \n
\n 05-18-22
\n \n \n VIEW\n \n
\n \n Anim pariatur cliche reprehenderit, enim eiusmod high life\n accusamus terry richardson ad squid. 3 wolf moon officia\n aute, non cupidatat skateboard dolor brunch. Food truck\n quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor,\n sunt aliqua put a bird on it squid single-origin coffee\n nulla assumenda shoreditch et. Nihil anim keffiyeh\n helvetica, craft beer labore wes anderson cred nesciunt\n sapiente ea proident. Ad vegan excepteur butcher vice lomo.\n Leggings occaecat craft beer farm-to-table, raw denim\n aesthetic synth nesciunt you probably haven't heard of them\n accusamus labore sustainable VHS.\n
\n \n \n
\n\n \n
\n #54321
\n \n Lorem ipsum dolot sit\n
\n \n \n Resolved\n \n
\n 05-18-22
\n \n \n 1\n \n \n VIEW\n \n
\n \n Anim pariatur cliche reprehenderit, enim eiusmod high life\n accusamus terry richardson ad squid. 3 wolf moon officia\n aute, non cupidatat skateboard dolor brunch. Food truck\n quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor,\n sunt aliqua put a bird on it squid single-origin coffee\n nulla assumenda shoreditch et. Nihil anim keffiyeh\n helvetica, craft beer labore wes anderson cred nesciunt\n sapiente ea proident. Ad vegan excepteur butcher vice lomo.\n Leggings occaecat craft beer farm-to-table, raw denim\n aesthetic synth nesciunt you probably haven't heard of them\n accusamus labore sustainable VHS.\n
\n \n
\n \n \n );\n};\n\nexport default SupportRequests;\n","import React from \"react\";\nimport { NavLink } from \"react-router-dom\";\nimport \"./support.style.css\";\n\nconst CreateTicket = () => {\n return (\n
\n
\n );\n};\n\nexport default CreateTicket;\n","import React from \"react\";\nimport { NavLink } from \"react-router-dom\";\n\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\n\nconst TicketSuccess = () => {\n return (\n \n \n
\n
\n
\n
\n \n
\n
\n
\n
\n \n );\n};\n\nexport default TicketSuccess;\n","import React, { useEffect } from \"react\";\nimport { useHistory } from \"react-router-dom\";\n\nconst ContactSupport = () => {\n\tconst history = useHistory();\n\n // useEffect(() => {\n // window.__lc = window.__lc || {};\n // window.__lc.license = 16086690;\n\n // function initLiveChat() {\n // var n = document.createElement(\"script\");\n // n.async = true;\n // n.type = \"text/javascript\";\n // n.src = \"https://cdn.livechatinc.com/tracking.js\";\n // document.head.appendChild(n);\n // }\n\n // if (!window.__lc.asyncInit) {\n // initLiveChat();\n // window.__lc.asyncInit = true;\n // }\n // }, []);\n\n return (\n <>\n \n \n
\n \n
\n TICKET CREATED
\n\n Ticket has been created successfully.{\" \"}\n
\nYour Ticket Number is HAPI012345
\n\n \n \n Go Back\n \n \n
\n < Back
\n \n\n
\n \n );\n};\n\nexport default ContactSupport;\n","export default __webpack_public_path__ + \"static/media/ClientProfile.c57f62b0.svg\";","export default __webpack_public_path__ + \"static/media/Alert.7d21240f.svg\";","export default __webpack_public_path__ + \"static/media/Check.9a4be96e.svg\";","export default __webpack_public_path__ + \"static/media/Pending.54452d58.svg\";","import React from \"react\";\nimport { Button } from \"react-bootstrap\";\nimport { NavLink } from \"react-router-dom\";\nimport jsPDF from \"jspdf\";\nimport autoTable from \"jspdf-autotable\";\nimport * as api from \"../../../api\";\nimport moment from \"moment\";\nimport usePracticeHook from \"../../../practice\";\nimport userRoles from \"../../../role\";\n\nconst superAdminFacilitySchedulesData = [\n {\n facilityId: 351,\n facilityName: \"Agincare Homes Fulford\",\n podiatryServices: {\n podiatristName: \"Aries Resurreccion\",\n podiatrySchedule: [\n {\n FirstName: \"Jeffrey\",\n LastName: \"Gomez\",\n KnownAs: \"Jeff\",\n WardFloorRoom: \"2\",\n DateOfBirth: \"1976-06-14\",\n DaysSinceLastTreatment: 52,\n HasConsentOnFile: false,\n PaymentType: \"Facility Funding\",\n AssessmentDue: true,\n Notes: \"My Notes 1\",\n },\n {\n FirstName: \"John\",\n LastName: \"Doe\",\n KnownAs: \"John\",\n WardFloorRoom: \"21\",\n DateOfBirth: \"1956-07-12\",\n DaysSinceLastTreatment: 152,\n HasConsentOnFile: true,\n PaymentType: \"Facility Funding\",\n AssessmentDue: true,\n Notes: \"My Notes 2\",\n },\n ],\n },\n physioServices: {\n physioName: \"Kirstin Wilkinson\",\n physioSchedule: [\n {\n FirstName: \"Jeffrey\",\n LastName: \"Gomez\",\n KnownAs: \"Jeff\",\n WardFloorRoom: \"2\",\n DateOfBirth: \"1976-06-14\",\n DaysSinceLastTreatment: 52,\n HasConsentOnFile: false,\n PaymentType: \"Facility Funding\",\n AssessmentDue: true,\n Notes: \"My Notes 1\",\n },\n ],\n },\n dieteticsServices: {\n dietitianName: \"Louise Bula\",\n dieteticsSchedule: [\n {\n FirstName: \"Jeffrey\",\n LastName: \"Gomez\",\n KnownAs: \"Jeff\",\n WardFloorRoom: \"2\",\n DateOfBirth: \"1976-06-14\",\n DaysSinceLastTreatment: 52,\n HasConsentOnFile: false,\n PaymentType: \"Facility Funding\",\n AssessmentDue: true,\n Notes: \"My Notes 2\",\n },\n ],\n },\n },\n {\n facilityId: 358,\n facilityName: \"Agincare Homes Tilford\",\n podiatryServices: {\n podiatristName: \"Aries Resurreccion\",\n podiatrySchedule: [{}],\n },\n physioServies: {\n physioName: \"Kirstin Wilkinson\",\n physioSchedule: [{}],\n },\n dieteticsServices: {\n dietitianName: \"Louise Bula\",\n dietitianSchedule: [{}],\n },\n },\n];\n\nconst DashboardSummary = ({ scheduleData }) => {\n const authState = JSON.parse(localStorage.getItem(\"auth0-token-storage\"));\n const accessToken = authState?.access_token;\n const { hasPhysioPractice } = usePracticeHook();\n const { adminRole } = userRoles();\n const dateToday = moment(new Date()).format(\"DD_MM_YYYY\");\n\n // const newPatient = scheduleData.map((patient) =>\n // patient.ResidentsToBeTreated.filter((a) => {\n // return a.CreatedOn.split(\"T\")[0];\n // })\n // );\n\n // const filteredDateCreated = newPatient[0].filter(\n // (d) => d.CreatedOn.split(\"T\")[0] === moment(new Date()).format(\"YYYY-MM-DD\")\n // );\n\n const downloadTable = async (facilityId) => {\n const doc = new jsPDF(\"l\", \"pt\");\n try {\n let _allPatients = await api.fetchPatients(accessToken, null);\n\n _allPatients = _allPatients.data.data.data.filter(\n (facility) => facility.FacilityId === facilityId\n );\n const tableData = _allPatients[0]?.ResidentsToBeTreated ?? [];\n\n autoTable(doc, {\n headStyles: {\n fillColor: [243, 105, 23],\n minCellHeight: 30,\n valign: \"middle\",\n halign: \"center\",\n fontSize: 8,\n },\n columnStyles: {\n 10: { cellWidth: 80 },\n },\n styles: { fontSize: 9, cellPadding: 0.5, overflow: \"linebreak\" },\n head: [\n [\n \"#\",\n \"First Name\",\n \"Last Name\",\n \"Known As\",\n \"Ward/Floor/Room\",\n \"Date of Birth\",\n \"Consent on file\",\n \"Payment Type\",\n \"Weeks Since Treatment\",\n \"AssessDue\",\n \"Treat (Circle one)\",\n \"Notes\",\n ],\n ],\n body: tableData.map((patient, index) => [\n { content: index + 1, colSpan: 1, rowSpan: 1 },\n { content: patient.FirstName, colSpan: 1, rowSpan: 1 },\n { content: patient.LastName, colSpan: 1, rowSpan: 1 },\n { content: patient.KnownAs ?? \"\", colSpan: 1, rowSpan: 1 },\n {\n content: patient.WardName ?? \"\" + \" / \" + patient.RoomNumber ?? \"\",\n colSpan: 1,\n rowSpan: 1,\n },\n {\n content: patient?.DateOfBirth\n ? moment(patient.DateOfBirth).format(\"MMM-D-YYYY\")\n : \"\"\n ? Math.floor(parseInt(patient.DaysSinceLastTreatment) / 7)\n : \"\",\n colSpan: 1,\n rowSpan: 1,\n },\n {\n content: patient.HasConsentOnFile === true ? \"yes\" : \"no\",\n colSpan: 1,\n rowSpan: 1,\n },\n { content: patient.PaymentType ?? \"\", colSpan: 1, rowSpan: 1 },\n {\n content: patient?.DaysSinceLastTreatment\n ? Math.floor(parseInt(patient.DaysSinceLastTreatment) / 7)\n : \"\",\n colSpan: 1,\n rowSpan: 1,\n },\n {\n content: patient.AssessmentDue === true ? \"yes\" : \"no\",\n colSpan: 1,\n rowSpan: 1,\n },\n { content: \"Yes / No\", colSpan: 1, rowSpan: 1 },\n { content: \"\", colSpan: 1, rowSpan: 1 },\n ]),\n margin: { top: 20, left: 20, right: 20, bottom: 30 },\n bodyStyles: {\n minCellHeight: 23,\n valign: \"middle\",\n halign: \"center\",\n fontSize: 8,\n },\n didDrawPage: (data) => {\n doc.setFontSize(7);\n doc.text(\n `Page ${data.pageNumber}`,\n doc.internal.pageSize.width - 20,\n doc.internal.pageSize.height - 20,\n { align: \"right\", style: \"italic\" }\n );\n },\n });\n\n doc.save(`Schedule_${dateToday}.pdf`);\n } catch (err) {\n console.error(err);\n }\n };\n\n const countDoneTodayPatients = (patients) => {\n return (\n patients.filter(\n (patient) =>\n patient.TreatmentDue === true ||\n patient.NeedsUrgentTreatment === true ||\n (patient?.CreatedOn &&\n moment(new Date()).format(\"YYYY-MM-DD\") ===\n moment(patient.CreatedOn.split(\"T\")[0]).format(\"YYYY-MM-DD\")) ||\n (patient?.progress_notes &&\n patient.progress_notes.length > 0 &&\n patient.progress_notes[patient.progress_notes.length - 1] &&\n moment(new Date()).format(\"YYYY-MM-DD\") ===\n moment(\n patient.progress_notes[\n patient.progress_notes.length - 1\n ].updatedAt.split(\"T\")[0]\n ).format(\"YYYY-MM-DD\")) ||\n (patient?.progress_notes &&\n patient.progress_notes.length > 0 &&\n patient.progress_notes[patient.progress_notes.length - 1] &&\n moment(new Date()).format(\"YYYY-MM-DD\") ===\n moment(\n patient.progress_notes[\n patient.progress_notes.length - 1\n ].createdAt.split(\"T\")[0]\n ).format(\"YYYY-MM-DD\"))\n ).length ?? 0\n );\n };\n\n return (\n \n To contact support please send an email to{\" \"}\n \n support@hapihealthcare.com\n \n
\n\n \n
\n \n
\n \n Facility:\n
\n{schedFacility.facilityName}
\n\n
\n \n Services\n
\n\n
\n \n
\n \n Podiatry:\n
\n\n {schedFacility?.podiatryServices?.podiatristName}\n
\n\n \n await downloadScheduleTable(\n schedFacility.facilityId,\n \"podiatry\"\n )\n }\n >\n Download Schedules\n \n
\n \n
\n \n
\n \n Dietetics:\n
\n\n {schedFacility?.dieteticsServices?.dietitianName}\n
\n\n \n await downloadScheduleTable(\n schedFacility.facilityId,\n \"dietetics\"\n )\n }\n >\n Download Schedules\n \n
\n \n
\n \n ))\n ) : (\n <>\n \n
\n \n Physiotherapy:\n
\n\n {schedFacility?.physioServies?.physioName}\n
\n\n \n await downloadScheduleTable(\n schedFacility.facilityId,\n \"physio\"\n )\n }\n >\n Download Schedules\n \n
\n \n
\n )}\n \n
\n \n Facility:\n
\n{data.FacilityName}
\n\n \n {data.Address}\n \n
\n \n Address:\n
\n\n
\n \n Contact Number:\n
\n{data.Phone}
\n\n
\n \n Period:\n
\n{data.Period}
\n\n \n {countDoneTodayPatients(data.ResidentsToBeTreated)}\n \n
\n \n Residents to be Seen:\n
\n\n \n {data.ResidentsDueForAssessment}\n \n
\n \n Residents Due for Assessment:\n
\n\n \n {data.ResidentsDueForTreatment}\n \n
\n \n Residents Due for Treatment:\n
\n\n \n {data.UrgentTreatmentResidentCount}\n \n
\n \n Urgent Residents:\n
\n\n \n {data.ResidentsConfirmed ?? 0}\n \n
\n \n Confirmed Bookings:\n
\n\n
\n \n ))\n ) : (\n <>\n \n
\n
\n \n )}\n \n );\n};\n\nexport default DashboardSummary;\n","import React from \"react\";\nimport { Button } from \"react-bootstrap\";\nimport { NavLink } from \"react-router-dom\";\nimport jsPDF from \"jspdf\";\nimport autoTable from \"jspdf-autotable\";\nimport * as api from \"../../../api\";\nimport moment from \"moment\";\nimport usePracticeHook from \"../../../practice\";\nimport userRoles from \"../../../role\";\n\nconst superAdminFacilitySchedulesData = [\n {\n facilityId: 101,\n facilityName: \"Demo Care Home \",\n podiatryServices: {\n podiatristName: \"Demo Podiatrist \",\n podiatrySchedule: [\n {\n FirstName: \"Jeffrey\",\n LastName: \"Gomez\",\n KnownAs: \"Jeff\",\n WardFloorRoom: \"2\",\n DateOfBirth: \"1976-06-14\",\n DaysSinceLastTreatment: 52,\n HasConsentOnFile: false,\n PaymentType: \"Facility Funding\",\n AssessmentDue: true,\n Notes: \"My Notes 1\",\n },\n {\n FirstName: \"John\",\n LastName: \"Doe\",\n KnownAs: \"John\",\n WardFloorRoom: \"21\",\n DateOfBirth: \"1956-07-12\",\n DaysSinceLastTreatment: 152,\n HasConsentOnFile: true,\n PaymentType: \"Facility Funding\",\n AssessmentDue: true,\n Notes: \"My Notes 2\",\n },\n ],\n },\n physioServices: {\n physioName: \"Demo Physiotherapist\",\n physioSchedule: [\n {\n FirstName: \"Jeffrey\",\n LastName: \"Gomez\",\n KnownAs: \"Jeff\",\n WardFloorRoom: \"2\",\n DateOfBirth: \"1976-06-14\",\n DaysSinceLastTreatment: 52,\n HasConsentOnFile: false,\n PaymentType: \"Facility Funding\",\n AssessmentDue: true,\n Notes: \"My Notes 1\",\n },\n ],\n },\n dieteticsServices: {\n dietitianName: \"Demo Dietetics\",\n dieteticsSchedule: [\n {\n FirstName: \"Jeffrey\",\n LastName: \"Gomez\",\n KnownAs: \"Jeff\",\n WardFloorRoom: \"2\",\n DateOfBirth: \"1976-06-14\",\n DaysSinceLastTreatment: 52,\n HasConsentOnFile: false,\n PaymentType: \"Facility Funding\",\n AssessmentDue: true,\n Notes: \"My Notes 2\",\n },\n ],\n },\n },\n // {\n // facilityId: 358,\n // facilityName: \"Agincare Homes Tilford\",\n // podiatryServices: {\n // podiatristName: \"Aries Resurreccion\",\n // podiatrySchedule: [{}],\n // },\n // physioServices: {\n // physioName: \"Monisha Thandu\",\n // physioSchedule: [{}],\n // },\n // dieteticsServices: {\n // dietitianName: \"Louise Bula\",\n // dietitianSchedule: [{}],\n // },\n // },\n];\n\nconst AdminDashboardSummary = ({ scheduleData }) => {\n const authState = JSON.parse(localStorage.getItem(\"auth0-token-storage\"));\n const accessToken = authState?.access_token;\n const { hasPhysioPractice } = usePracticeHook();\n const { adminRole } = userRoles();\n const dateToday = moment(new Date()).format(\"DD_MM_YYYY\");\n\n // const newPatient = scheduleData.map((patient) =>\n // patient.ResidentsToBeTreated.filter((a) => {\n // return a.CreatedOn.split(\"T\")[0];\n // })\n // );\n\n // const filteredDateCreated = newPatient[0].filter(\n // (d) => d.CreatedOn.split(\"T\")[0] === moment(new Date()).format(\"YYYY-MM-DD\")\n // );\n\n const downloadScheduleTable = async (facilityId, serviceName) => {\n const doc = new jsPDF(\"l\", \"pt\");\n try {\n let _allPatients = superAdminFacilitySchedulesData.filter(\n (facility) => facility.facilityId === facilityId\n );\n\n const tableData =\n _allPatients[0][serviceName + \"Services\"][serviceName + \"Schedule\"] ??\n [];\n\n autoTable(doc, {\n headStyles: {\n fillColor: [243, 105, 23],\n minCellHeight: 30,\n valign: \"middle\",\n halign: \"center\",\n fontSize: 8,\n },\n columnStyles: {\n 10: { cellWidth: 80 },\n },\n styles: { fontSize: 9, cellPadding: 0.5, overflow: \"linebreak\" },\n head: [\n [\n \"#\",\n \"First Name\",\n \"Last Name\",\n \"Known As\",\n \"Ward/Floor/Room\",\n \"Date of Birth\",\n \"Consent on file\",\n \"Payment Type\",\n \"Weeks Since Treatment\",\n \"AssessDue\",\n \"Treat (Circle one)\",\n \"Notes\",\n ],\n ],\n body: tableData.map((patient, index) => [\n { content: index + 1, colSpan: 1, rowSpan: 1 },\n { content: patient.FirstName, colSpan: 1, rowSpan: 1 },\n { content: patient.LastName, colSpan: 1, rowSpan: 1 },\n { content: patient.KnownAs ?? \"\", colSpan: 1, rowSpan: 1 },\n { content: patient.WardFloorRoom ?? \"\", colSpan: 1, rowSpan: 1 },\n {\n content: patient?.DateOfBirth\n ? moment(patient.DateOfBirth).format(\"MMM-D-YYYY\")\n : \"\"\n ? Math.floor(parseInt(patient.DaysSinceLastTreatment) / 7)\n : \"\",\n colSpan: 1,\n rowSpan: 1,\n },\n {\n content: patient.HasConsentOnFile === true ? \"yes\" : \"no\",\n colSpan: 1,\n rowSpan: 1,\n },\n { content: patient.PaymentType ?? \"\", colSpan: 1, rowSpan: 1 },\n {\n content: patient?.DaysSinceLastTreatment\n ? Math.floor(parseInt(patient.DaysSinceLastTreatment) / 7)\n : \"\",\n colSpan: 1,\n rowSpan: 1,\n },\n {\n content: patient.AssessmentDue === true ? \"yes\" : \"no\",\n colSpan: 1,\n rowSpan: 1,\n },\n { content: \"Yes / No\", colSpan: 1, rowSpan: 1 },\n { content: \"\", colSpan: 1, rowSpan: 1 },\n ]),\n margin: { top: 20, left: 20, right: 20, bottom: 30 },\n bodyStyles: {\n minCellHeight: 23,\n valign: \"middle\",\n halign: \"center\",\n fontSize: 8,\n },\n didDrawPage: (data) => {\n doc.setFontSize(7);\n doc.text(\n `Page ${data.pageNumber}`,\n doc.internal.pageSize.width - 20,\n doc.internal.pageSize.height - 20,\n { align: \"right\", style: \"italic\" }\n );\n },\n });\n\n doc.save(\n `${\n serviceName.charAt(0).toUpperCase() + serviceName.slice(1)\n }_Schedule_${dateToday}.pdf`\n );\n } catch (err) {\n console.error(err);\n }\n };\n\n const countDoneTodayPatients = (patients) => {\n return (\n patients.filter(\n (patient) =>\n patient.TreatmentDue === true ||\n patient.NeedsUrgentTreatment === true ||\n (patient?.CreatedOn &&\n moment(new Date()).format(\"YYYY-MM-DD\") ===\n moment(patient.CreatedOn.split(\"T\")[0]).format(\"YYYY-MM-DD\")) ||\n (patient?.progress_notes &&\n patient.progress_notes.length > 0 &&\n patient.progress_notes[patient.progress_notes.length - 1] &&\n moment(new Date()).format(\"YYYY-MM-DD\") ===\n moment(\n patient.progress_notes[\n patient.progress_notes.length - 1\n ].updatedAt.split(\"T\")[0]\n ).format(\"YYYY-MM-DD\")) ||\n (patient?.progress_notes &&\n patient.progress_notes.length > 0 &&\n patient.progress_notes[patient.progress_notes.length - 1] &&\n moment(new Date()).format(\"YYYY-MM-DD\") ===\n moment(\n patient.progress_notes[\n patient.progress_notes.length - 1\n ].createdAt.split(\"T\")[0]\n ).format(\"YYYY-MM-DD\"))\n ).length ?? 0\n );\n };\n\n return (\n \n
\n \n
\n <>\n {superAdminFacilitySchedulesData &&\n superAdminFacilitySchedulesData.length > 0 ? (\n superAdminFacilitySchedulesData.map((schedFacility, index) => (\n 1 &&\n superAdminFacilitySchedulesData.length - 1 !== index\n ? \"border-bottom\"\n : \"\"\n } px-3 pt-2 pb-3`}\n key={index}\n >\n
\n ))\n ) : (\n <>\n \n
\n \n Facility:\n
\n{schedFacility.facilityName}
\n\n
\n \n Services\n
\n\n
\n \n
\n \n Podiatry:\n
\n\n {schedFacility?.podiatryServices?.podiatristName}\n
\n\n \n await downloadScheduleTable(\n schedFacility.facilityId,\n \"podiatry\"\n )\n }\n >\n Download Schedules\n \n
\n \n
\n \n
\n \n Physiotherapy:\n
\n\n {schedFacility?.physioServices?.physioName}\n
\n\n \n await downloadScheduleTable(\n schedFacility.facilityId,\n \"physio\"\n )\n }\n >\n Download Schedules\n \n
\n \n
\n \n
\n \n Dietetics:\n
\n\n {schedFacility?.dieteticsServices?.dietitianName}\n
\n\n \n await downloadScheduleTable(\n schedFacility.facilityId,\n \"dietetics\"\n )\n }\n >\n Download Schedules\n \n
\n \n \n {/*
\n \n
\n \n Pending Adding Lovedones Request\n
\n\n {pendingLovedOnes && pendingLovedOnes.length > 0 ? (\n pendingLovedOnes.map((data, index) => (\n 1 &&\n pendingLovedOnes.length - 1 !== index\n ? \"border-bottom\"\n : \"\"\n } px-2 mb-2 pb-3`}\n key={index}\n >\n
\n \n ))\n ) : (\n <>\n \n
\n \n {data.FirstName + \" \" + data.LastName}\n
\n\n {data.facilityName.split(\"-\")[0]}\n
\n\n approveLovedOneRequest(data)}\n >\n
\n \n
\n \n {data.requestorFirstName.charAt(0).toUpperCase() +\n data.requestorFirstName.slice(1) +\n \" \" +\n data.requestorLastName.charAt(0).toUpperCase() +\n data.requestorLastName.slice(1)}\n
\n{data.requestorEmail}
\n\n
*/}\n \n \n \n \n SAVE\n
\n \n
\n \n
\n \n \n
\n \n
\n \n Today's Facility Schedules\n
\n\n \n
\n \n
\n \n )}\n \n \n ) : null} */}\n\n \n
\n \n
\n \n \n
\n \n
\n {/* \n {/* Appointments */}\n Today's Appointment\n {/* {hasPhysioPractice\n ? \"Today's Physiotherapy Appointment\"\n : hasDiatecianPractice\n ? \"Today's Dietitian Appointments\"\n : otherServicesRole\n ? \"Today's Other Services Schedules\"\n : \"Today's Podiatry Appointment\"} */}\n
\n\n \n
*/}\n \n
\n {/* Replace scheduleData.map by appointments.map */}\n {/* {searchInDashboard(scheduleData).map((appointment, index) => {\n return (\n \n
\n );\n })} */}\n\n {/* \n
\n \n
\n \n
\n \n {appointment.lastName}, {appointment.firstName}\n
\n\n {moment(appointment.start).format(\"hh:mm A\") +\n \" - \" +\n moment(appointment.end).format(\"hh:mm A\")}\n
\n\n
\n {appointment.isUrgent ? (\n
\n \n
*/}\n \n )}\n \n \n\n {adminRole || facilityManagerRole || careHomeManagerRole ? (\n \n
\n \n
\n \n
\n \n Events\n
\nBirthdays
\n )}\n {announcements &&\n announcements.length > 0 &&\n announcements.map((announcement, index) => {\n let date = new Date(announcement.BirthDate);\n let month = date.getMonth();\n let day = date.getDate();\n\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n );\n })}\n {hasPhysioPractice ? null : (\n <>\n {\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{months[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmonth\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t].toUpperCase()}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{day}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tannouncement.FullName\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{/*
\n \n
*/}\n \n {announcement.FullName}\n
\nRelease Notes
}\n {releaseNotesVersion &&\n releaseNotesVersion\n .slice(0)\n .reverse()\n .map((data, index) => (\n\n \n HapiPartner {data.version} - {data.releaseDate}\n \n
\n \n ))}\n \n )}\n \n )\n // : (\n // <>\n // \n \n
\n \n
\n \n Tasks\n
\n\n
\n );\n })}\n \n ) : (\n <>\n \n {!loader && allMyTasks.length > 0 ? (\n <>\n \n handleOpenTask(task)}\n style={{ cursor: \"pointer\" }}\n data-target={`#task${task._id}`}\n >\n
\n \n
\n {allMyTasks &&\n allMyTasks.map((task, index) => {\n return (\n Subject
\nStatus
\n\n {task.subject.charAt(0).toUpperCase() +\n task.subject.slice(1).toLowerCase()}\n
\n\n {task.status === \"done\"\n ? \"Completed\"\n : task.status === \"deferred\"\n ? \"Deferred\"\n : \"Active\"}\n {/* {task.status.charAt(0).toUpperCase() +\n task.status.slice(1).toLowerCase()} */}\n
\n\n
\n \n \n
\n \n \n \n
\n \n \n
\n \n onChangeDate(date, \"startDate\")}\n primaryColor=\"#f36917\"\n placeholder=\"dd/mm/yyyy\"\n />\n
*/}\n \n \n
\n \n onChangeDate(date, \"endDate\")}\n primaryColor=\"#f36917\"\n placeholder=\"dd/mm/yyyy\"\n />\n
*/}\n \n \n
\n \n
\n \n Notifications\n
\n\n {notificationData && notificationData.length > 0 ? (\n <>\n {notificationData.slice(0, 4).map((data, index) => (\n \n \n No Notifications Available\n
\n \n )}\n {notificationData.length > 3 && (\n \n \n {/* {data.residentFullName} */}\n \n
\n {/* \n {data.notes}\n
\n\n
\n
*/}\n \n ))}\n \n ) : (\n <>\n \n
\n \n
\n\n \n \n See all\n \n \n
\n )}\n \n \n ) : (\n \n
\n )}\n \n \n \n );\n};\n\nexport default Notifications;\n","/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { useState, useEffect } from \"react\";\nimport \"./landing.style.css\";\nimport moment from \"moment\";\n\nimport * as api from \"../../../api\";\nimport { useHistory } from \"react-router-dom\";\nimport Appointments from \"./Appointments\";\n// import LandingPageProfile from \"./LandingPageProfile\";\nimport Events from \"./Events\";\nimport Tasks from \"./Tasks\";\nimport LovedOneRequest from \"./LovedOneRequest\";\nimport Notifications from \"./Notifications\";\nimport UserRoles from \"../../../role\";\n\nconst LandingPage = ({ notificationData, notificationLoader }) => {\n // const { authState, oktaAuth } = useOktaAuth();\n // const accessToken = authState.accessToken;\n const authState = JSON.parse(localStorage.getItem(\"auth0-token-storage\"));\n const accessToken = authState?.access_token;\n const { careHomeManagerRole } = UserRoles();\n\n // For Schedules\n const [scheduleData, setScheduleData] = useState([]);\n const [dateContext] = useState(moment());\n const [loader, setLoader] = useState(true);\n const history = useHistory();\n const [searchItem] = useState(\"\");\n const [searchParam] = useState([\"lastName\", \"firstName\", \"residentId\"]);\n\n const searchInDashboard = (items) => {\n return items.filter((item) => {\n return searchParam.some((newItem) => {\n return (\n item[newItem]\n .toString()\n .toLowerCase()\n .indexOf(searchItem.toLowerCase()) > -1\n );\n });\n });\n };\n\n const handleExpiration = () => {\n localStorage.removeItem(\"auth0-token-storage\");\n localStorage.removeItem(\"user-claims\");\n history.push(\"/login\");\n };\n\n // const urgentPatients = scheduleData.filter((a) => {\n // return a.isUrgent === true;\n // });\n\n // const differentFacilities = [\n // ...new Set(scheduleData.map((f) => f.facilityId)),\n // ];\n\n useEffect(() => {\n const getSchedule = async () => {\n setLoader(true);\n const dateFrom = `${dateContext.format(\"YYYY\")}-${dateContext.format(\n \"MM\"\n )}-1`;\n const dateTo = `${dateContext.format(\"YYYY\")}-${dateContext.format(\n \"MM\"\n )}-${dateContext.daysInMonth()}`;\n try {\n const data = await api.getAppointmentsToday(\n dateFrom,\n dateTo,\n accessToken\n );\n const schedule = data.data.data.data;\n // const mergedScheduleInfo = [];\n // schedule.forEach((schedule) => {\n // schedule.ResidentsToBeTreated.forEach((resident) => {\n // mergedScheduleInfo.push({\n // firstName: resident.FirstName,\n // lastName: resident.LastName,\n // facilityId: schedule.FacilityId,\n // isUrgent: resident.NeedsUrgentTreatment,\n // start: resident.StartDateTime,\n // end: resident.EndDateTime,\n // residentId: resident.ResidentId,\n // });\n // });\n // });\n // console.log(\"schedule\", mergedScheduleInfo);\n // setScheduleData(mergedScheduleInfo);\n setScheduleData(schedule);\n setLoader(false);\n } catch (error) {\n console.log(\"get schedules error\");\n if (\n error?.response?.status === 401 &&\n error?.response?.data?.errors?.length > 0 &&\n error?.response?.data?.errors[0]?.message === \"Invalid Token\"\n ) {\n handleExpiration();\n }\n setLoader(false);\n }\n };\n\n getSchedule();\n }, [dateContext, accessToken]);\n\n // const handleExpiration = () => {\n // // oktaAuth.signOut();\n // localStorage.removeItem(\"auth0-token-storage\");\n // history.push(\"/login\");\n // };\n\n return !accessToken ? (\n handleExpiration()\n ) : (\n <>\n \n
\n \n );\n};\n\nexport default LandingPage;\n","//general packages\r\nimport React, { useState, useEffect } from \"react\";\r\nimport { Route, Switch, useHistory, useLocation } from \"react-router-dom\";\r\nimport PrivateRoute from \"./PrivateRoute\";\r\nimport * as api from \"./api\";\r\n\r\n//okta packages & config\r\n// import { SecureRoute, Security, LoginCallback } from \"@okta/okta-react\";\r\n// import { OktaAuth, toRelativeUrl } from \"@okta/okta-auth-js\";\r\n// import { oktaAuthConfig, oktaSignInConfig } from \"./config\";\r\n\r\n//layouts\r\nimport Navbar from \"./components/layouts/Navbar\";\r\nimport Footer from \"./components/layouts/Footer\";\r\nimport SideBar from \"./components/layouts/SideBar\";\r\n\r\n//pages\r\n// import Login from \"./components/pages/Login\";\r\nimport Signup from \"./components/pages/Signup\";\r\nimport RegisterCareHome from \"./components/pages/RegisterCareHome\";\r\nimport Welcome from \"./components/pages/Welcome\";\r\nimport HomeDashboard from \"./components/pages/HomeDashboard\";\r\nimport About from \"./components/pages/About\";\r\nimport Contact from \"./components/pages/Contact\";\r\nimport NotFound from \"./components/pages/NotFound\";\r\n\r\nimport Users from \"./components/pages/users/Users\";\r\nimport UpdateUser from \"./components/pages/users/UpdateUser\";\r\n\r\n//pages for patients\r\n// import Patients from \"./components/pages/patients/Patients\";\r\n// import PatientPage from \"./components/pages/patients/PatientPage\";\r\n// import CreatePatient from \"./components/pages/patients/CreatePatient\";\r\n// import UpdatePatient from \"./components/pages/patients/UpdatePatient\";\r\n// import AddMedication from \"./components/pages/patients/datacategories/AddMedication\";\r\n// import ReadMedications from \"./components/pages/patients/datacategories/ReadMedications\";\r\n// import UpdateMedication from \"./components/pages/patients/datacategories/UpdateMedication\";\r\n\r\n//pages for schedule\r\n// import Schedules from \"./components/pages/schedules/Schedules\";\r\n// import ProgressNotes from \"./components/pages/progress_notes/ProgressNotes\";\r\n// import Assessments from \"./components/pages/assessments/Assessments\";\r\n// import CarePlans from \"./components/pages/careplans/CarePlans\";\r\n// import Loved1s from \"./components/pages/loved1s/Loved1s\";\r\n// import UpdateLovedOnes from \"./components/pages/loved1s/UpdateLoved1s\";\r\n\r\n// pages for support\r\nimport SupportRequests from \"./components/pages/support/SupportRequests\";\r\nimport CreateTicket from \"./components/pages/support/CreateTicket\";\r\nimport TicketSuccess from \"./components/pages/support/TicketSuccess\";\r\nimport ContactSupport from \"./components/pages/support/ContactSupport\";\r\n\r\n// Landing page\r\nimport LandingPage from \"./components/pages/landing_page/LandingPage\";\r\n\r\n// Push Notification\r\nimport { db } from \"./firebase/firebase\";\r\nimport { ref, onValue, off } from \"firebase/database\";\r\n// import { generateToken, messaging } from \"./firebase/firebase\";\r\n// import { onMessage } from \"firebase/messaging\";\r\nimport toast from \"react-hot-toast\";\r\n\r\n// // Font Awesome Icons\r\n// import { library } from \"@fortawesome/fontawesome-svg-core\";\r\n// import { fab } from \"@fortawesome/free-brands-svg-icons\";\r\n// import { far } from \"@fortawesome/free-regular-svg-icons\";\r\n// import { fas } from \"@fortawesome/free-solid-svg-icons\";\r\n// library.add(fab, far, fas);\r\n\r\n// import AddProgressNotes from \"./components/pages/progress_notes/AddProgressNotes\";\r\n// import DeletePatient from \"./components/pages/patients/DeletePatient\";\r\n// import TermsAndConditions from \"./components/layouts/TermsAndConditions\";\r\n// import Handover from \"./components/pages/handovers/Handover\";\r\n// import NoHandovers from \"./components/pages/NoHandovers\";\r\n// import AddVisit from \"./components/pages/visits/AddVisit\";\r\n// import VisitDetails from \"./components/pages/visits/VisitDetails\";\r\n// import ActivityDetails from \"./components/pages/visits/ActivityDetails\";\r\n// import Handovers from \"./components/pages/handovers/Handovers\";\r\n//this one uses your Okta details like domain and clientId so it can be used in the login widget\r\n// const oktaAuth = new OktaAuth(oktaAuthConfig);\r\n\r\nconst Login = React.lazy(() => import(\"./components/pages/Login\"));\r\nconst ForgotPassword = React.lazy(() =>\r\n\timport(\"./components/pages/ForgotPassword\")\r\n);\r\n\r\n// Patients\r\nconst Patients = React.lazy(() =>\r\n\timport(\"./components/pages/patients/Patients\")\r\n);\r\nconst PatientPage = React.lazy(() =>\r\n\timport(\"./components/pages/patients/PatientPage\")\r\n);\r\nconst CreatePatient = React.lazy(() =>\r\n\timport(\"./components/pages/patients/CreatePatient\")\r\n);\r\nconst UpdatePatient = React.lazy(() =>\r\n\timport(\"./components/pages/patients/UpdatePatient\")\r\n);\r\nconst AddMedication = React.lazy(() =>\r\n\timport(\"./components/pages/patients/datacategories/AddMedication\")\r\n);\r\nconst ReadMedications = React.lazy(() =>\r\n\timport(\"./components/pages/patients/datacategories/ReadMedications\")\r\n);\r\nconst UpdateMedication = React.lazy(() =>\r\n\timport(\"./components/pages/patients/datacategories/UpdateMedication\")\r\n);\r\n\r\n// Schedules\r\nconst Schedules = React.lazy(() =>\r\n\timport(\"./components/pages/schedules/Schedules\")\r\n);\r\n\r\nconst Tasks = React.lazy(() => import(\"./components/pages/tasks/Tasks\"));\r\n\r\nconst ProgressNotes = React.lazy(() =>\r\n\timport(\"./components/pages/progress_notes/ProgressNotes\")\r\n);\r\nconst Assessments = React.lazy(() =>\r\n\timport(\"./components/pages/assessments/Assessments\")\r\n);\r\nconst CarePlans = React.lazy(() =>\r\n\timport(\"./components/pages/careplans/CarePlans\")\r\n);\r\nconst Loved1s = React.lazy(() => import(\"./components/pages/loved1s/Loved1s\"));\r\n\r\nconst ResidentLoved1s = React.lazy(() =>\r\n\timport(\"./components/pages/loved1s/ResidentLoved1s\")\r\n);\r\n\r\nconst PracticeThread = React.lazy(() =>\r\n\timport(\"./components/pages/loved1s/PracticeThread\")\r\n);\r\n\r\nconst ThreadLists = React.lazy(() =>\r\n\timport(\"./components/pages/loved1s/ThreadLists\")\r\n);\r\n\r\nconst LovedOneThread = React.lazy(() =>\r\n\timport(\"./components/pages/loved1s/LovedOneThread\")\r\n);\r\n\r\nconst UpdateLovedOnes = React.lazy(() =>\r\n\timport(\"./components/pages/loved1s/UpdateLoved1s\")\r\n);\r\n\r\nconst AddProgressNotes = React.lazy(() =>\r\n\timport(\"./components/pages/progress_notes/AddProgressNotes\")\r\n);\r\nconst DeletePatient = React.lazy(() =>\r\n\timport(\"./components/pages/patients/DeletePatient\")\r\n);\r\nconst TermsAndConditions = React.lazy(() =>\r\n\timport(\"./components/layouts/TermsAndConditions\")\r\n);\r\nconst Handover = React.lazy(() =>\r\n\timport(\"./components/pages/handovers/Handover\")\r\n);\r\nconst NoHandovers = React.lazy(() => import(\"./components/pages/NoHandovers\"));\r\nconst AddVisit = React.lazy(() => import(\"./components/pages/visits/AddVisit\"));\r\nconst ViewVisits = React.lazy(() =>\r\n\timport(\"./components/pages/visits/ViewVisits\")\r\n);\r\nconst FacilityVisitDetails = React.lazy(() =>\r\n\timport(\"./components/pages/visits/FacilityVisitDetails\")\r\n);\r\nconst Treatments = React.lazy(() =>\r\n\timport(\"./components/pages/treatments/Treatments\")\r\n);\r\n\r\nconst VisitDetails = React.lazy(() =>\r\n\timport(\"./components/pages/visits/VisitDetails\")\r\n);\r\nconst ActivityDetails = React.lazy(() =>\r\n\timport(\"./components/pages/visits/ActivityDetails\")\r\n);\r\nconst Handovers = React.lazy(() =>\r\n\timport(\"./components/pages/handovers/Handovers\")\r\n);\r\n\r\n// imports for allergies page\r\nconst Allergies = React.lazy(() =>\r\n\timport(\"./components/pages/allergies/Allergies\")\r\n);\r\nconst Medications = React.lazy(() =>\r\n\timport(\"./components/pages/medications/Medications\")\r\n);\r\nconst AddConsent = React.lazy(() =>\r\n\timport(\"./components/pages/consents/AddConsent\")\r\n);\r\nconst ConsentLists = React.lazy(() =>\r\n import(\"./components/pages/consents/ConsentLists\")\r\n);\r\n\r\nconst RequestConsent = React.lazy(() =>\r\n\timport(\"./components/pages/consents/RequestConsent\")\r\n);\r\n\r\nconst ReleaseNotes = React.lazy(() =>\r\n\timport(\"./components/pages/release_notes/ReleaseNotes\")\r\n);\r\n\r\nconst Referrals = React.lazy(() =>\r\n\timport(\"./components/pages/referrals/Referral\")\r\n);\r\n\r\nconst Referrallists = React.lazy(() =>\r\n\timport(\"./components/pages/referrals/ReferralLists\")\r\n);\r\n\r\nconst GeneralCareHome = React.lazy(() =>\r\n\timport(\"./components/pages/carehome/GeneralCareHome\")\r\n);\r\n\r\nconst PodiatryProgressNotes = React.lazy(() =>\r\n\timport(\"./components/pages/facilities/podiatry/PodiatryProgressNotes\")\r\n);\r\n\r\nconst PodiatryAssessments = React.lazy(() =>\r\n\timport(\"./components/pages/facilities/podiatry/PodiatryAssessments\")\r\n);\r\n\r\nconst PodiatryCarePlans = React.lazy(() =>\r\n\timport(\"./components/pages/facilities/podiatry/PodiatryCarePlans\")\r\n);\r\n\r\nconst PhysioProgressNotes = React.lazy(() =>\r\n\timport(\"./components/pages/facilities/physiotherapy/PhysioProgressNotes\")\r\n);\r\n\r\nconst PhysioAssessments = React.lazy(() =>\r\n\timport(\"./components/pages/facilities/physiotherapy/PhysioAssessments\")\r\n);\r\n\r\nconst DieteticsProgressNotes = React.lazy(() =>\r\n\timport(\"./components/pages/facilities/dietetics/DieteticsProgressNotes\")\r\n);\r\n\r\nconst DieteticsAssessments = React.lazy(() =>\r\n\timport(\"./components/pages/facilities/dietetics/DieteticsAssessments\")\r\n);\r\n\r\nconst ChatPage = React.lazy(() => import(\"./components/pages/chats/Chat\"));\r\n\r\nconst AllSettings = React.lazy(() =>\r\n\timport(\"./components/pages/settings/AllSettings\")\r\n);\r\n\r\nconst Notifications = React.lazy(() =>\r\n\timport(\"./components/pages/notifications/Notifications\")\r\n);\r\n\r\nconst RegisterAccount = React.lazy(() =>\r\n import(\"./components/pages/accountManagement/RegisterAccount\")\r\n);\r\n\r\nconst AccountLists = React.lazy(() =>\r\n import(\"./components/pages/accountManagement/AccountLists\")\r\n);\r\n\r\nconst Subscriptions = React.lazy(() =>\r\n import(\"./components/pages/subscriptions/Subscriptions\")\r\n);\r\n\r\nconst Validate = React.lazy(() => import(\"./Validate\"));\r\nconst ProcessBookingConfirmation = React.lazy(() =>\r\n import(\"./components/booking/ProcessBooking\")\r\n);\r\nconst MultiProcessBookingConfirmation = React.lazy(() =>\r\n import(\"./components/booking/MultiProcessBooking\")\r\n);\r\nconst SuccessBookingConfirmation = React.lazy(() =>\r\n import(\"./components/booking/SuccessBooking\")\r\n);\r\nconst CancelBookingConfirmation = React.lazy(() =>\r\n import(\"./components/booking/CancelBooking\")\r\n);\r\nconst SetResidentActive = React.lazy(() =>\r\n import(\"./components/resident-status/SetActive\")\r\n);\r\nconst SetResidentInActive = React.lazy(() =>\r\n import(\"./components/resident-status/SetInActive\")\r\n);\r\nconst MultiStatusManager = React.lazy(() =>\r\n import(\"./components/resident-status/MultiStatusManager\")\r\n);\r\nconst LovedOnePayment = React.lazy(() =>\r\n import(\"./components/booking/LovedOnePayment\")\r\n);\r\n\r\nfunction AppWithRouterAccess() {\r\n\tconst authState = JSON.parse(localStorage.getItem(\"auth0-token-storage\"));\r\n\tconst accessToken = authState?.access_token;\r\n\tlet history = useHistory();\r\n\r\n\tconst [searchTerm, setSearchTerm] = useState(\"\");\r\n\tconst [selectedOption, setSelectedOption] = useState([]);\r\n\tconst [isNavClosed, setIsNavClosed] = useState(false);\r\n\tconst [saved, setSaved] = useState(true);\r\n\tconst [confirmShowed, setConfirmShowed] = useState(false);\r\n\tconst [sort, setSort] = useState(\"\");\r\n\tconst location = useLocation();\r\n\tlet param =\r\n\t\tlocation?.search?.split(\"&\")?.filter((item) => item !== \"\") ?? null;\r\n\tconst [currentPage, setCurrentPage] = useState(\r\n\t\tparseInt(param[0]?.split(\"=\")[1] ?? \"0\") === 0\r\n\t\t\t? null\r\n\t\t\t: parseInt(param[0]?.split(\"=\")[1])\r\n\t);\r\n\tconst [navbarLoader, setNavBarLoader] = useState(false);\r\n\tconst [notificationData, setNotificationData] = useState([]);\r\n\tconst [notificationLoader, setNotificationLoader] = useState(false);\r\n\tconst [unreadCount, setUnreadCount] = useState(false);\r\n\r\n\t//this one forwards to login page when a secure route is accessed\r\n\t// const customAuthHandler = () => {\r\n\t// history.push(\"/login\");\r\n\t// };\r\n\r\n\t// const restoreOriginalUri = async (_oktaAuth, originalUri) => {\r\n\t// if (originalUri) {\r\n\t// history.replace(toRelativeUrl(originalUri, window.location.origin));\r\n\t// }\r\n\t// };\r\n\r\n const changeURLPatient = (\r\n patientId,\r\n page,\r\n tabOpen,\r\n facility,\r\n filter,\r\n ward,\r\n funding,\r\n inactiveResident,\r\n date = null\r\n ) => {\r\n if (confirmShowed) return;\r\n if (!saved) {\r\n setConfirmShowed(true);\r\n if (\r\n !window.confirm(\r\n \"Are you sure you want to leave this page? Unsaved changes will be discarded\"\r\n )\r\n ) {\r\n setConfirmShowed(false);\r\n return false;\r\n }\r\n setConfirmShowed(false);\r\n }\r\n setSaved(true);\r\n history.replace({\r\n search:\r\n `?page=${page ?? 1}&patientId=${patientId ?? \"null\"}&tab=${\r\n tabOpen ?? \"1\"\r\n }&facility=${\r\n facility && facility.length > 0 ? facility.join(\",\") : \"null\"\r\n }&filter=${filter ?? \"today\"}&ward=${\r\n ward && ward.length > 0 ? ward.join(\",\") : \"null\"\r\n }&funding=${funding ?? \"null\"}&inactiveResident=${\r\n inactiveResident ?? \"false\"\r\n }` + (date != null ? `&date=${date}` : \"\"),\r\n });\r\n\r\n\t\treturn true;\r\n\t};\r\n\r\n\t// for push notification\r\n\tconst getNotifications = async () => {\r\n\t\ttry {\r\n\t\t\tsetNotificationLoader(true);\r\n\t\t\tconst res = await api.getPushNotification(accessToken);\r\n\t\t\tconst notif = res.data.data.sort(\r\n\t\t\t\t(a, b) => new Date(b.createdAt) - new Date(a.createdAt)\r\n\t\t\t);\r\n\t\t\tsetNotificationData(notif);\r\n\t\t\tsetNotificationLoader(false);\r\n\t\t} catch (error) {\r\n\t\t\tconsole.log(error);\r\n\t\t\tsetNotificationLoader(false);\r\n\t\t}\r\n\t};\r\n\r\n\tuseEffect(() => {\r\n\t\tgetNotifications();\r\n\t}, [accessToken]);\r\n\r\n // useEffect(() => {\r\n // generateToken();\r\n // onMessage(messaging, (payload) => {\r\n // console.log(payload);\r\n // setNotificationData((prevArray) => [payload, ...prevArray]);\r\n // toast(payload.data.event + \" - \" + payload.data.notes);\r\n // });\r\n // }, []);\r\n if (window.location.pathname.includes(\"/releaseNotes/\")) {\r\n return (\r\n \n
\n \n {/*
\n \n
*/}\n {/* \n \n See schedule?\n \n
\n \n You have {scheduleData.length} appointments in{\" \"}\n {differentFacilities.length} different facilities,{\" \"}\n {urgentPatients.length} of the patients are urgent.\n
\n\n
*/}\n \n setSearchItem(e.target.value)}\n />\n
\n \n {/* Appointments */}\n
\n \n
\n\n \n
\n \r\n {/* */}\r\n\t\t\t{!window.location.pathname.includes(\"/consent\") &&\r\n\t\t\t\t!window.location.pathname.includes(\"/validate\") && (\r\n\t\t\t\t\t
\r\n \r\n\r\n\t\t\t\r\n\t\t\t{/* */}\r\n\t\t\r\n\t);\r\n}\r\n\r\nexport default AppWithRouterAccess;\r\n","//general packages\r\nimport React, { Suspense } from \"react\";\r\nimport { BrowserRouter as Router } from \"react-router-dom\";\r\n\r\n//main\r\nimport AppWithRouterAccess from \"./AppWithRouterAccess\";\r\n\r\n// Font Awesome Icons\r\nimport { library } from \"@fortawesome/fontawesome-svg-core\";\r\nimport { fab } from \"@fortawesome/free-brands-svg-icons\";\r\nimport { far } from \"@fortawesome/free-regular-svg-icons\";\r\nimport { fas } from \"@fortawesome/free-solid-svg-icons\";\r\nimport Loader from \"./components/reusables/Loader\";\r\nlibrary.add(fab, far, fas);\r\nfunction App() {\r\n\treturn (\r\n\t\t\r\n\t\t\t\t\r\n {/* For switching between pages */}\r\n \r\n {/* Private Routes */}\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\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\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\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\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\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\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 {/* Public Routes */}\r\n \r\n\r\n \r\n
\r\n \r\n\t\t\t\t\t{window.location.pathname.includes(\"/consent\") ||\r\n\t\t\t\t\twindow.location.pathname.includes(\r\n\t\t\t\t\t\t\"/validate\"\r\n\t\t\t\t\t) ? null : !isNavClosed ? (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t setIsNavClosed(false)}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t)}\r\n\r\n \r\n\t\t\t\t\t\t\t{/* Note that there are Links
\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\r\n {props.text}\r\n
\r\n );\r\n};\r\n\r\nexport default AlertsTop;\r\n","import React, { useState, useEffect } from \"react\";\nimport * as api from \"../../../api\";\n\nconst ResidentDetails = ({ residentId }) => {\n const authState = JSON.parse(localStorage.getItem(\"auth0-token-storage\"));\n const accessToken = authState?.access_token;\n const [residentInfo, setResidentInfo] = useState([]);\n const [loader, setLoader] = useState(false);\n\n useEffect(() => {\n const getResidentDetails = async () => {\n try {\n setLoader(true);\n const res = await api.getPatient(residentId, accessToken);\n const patient = res.data.data;\n setResidentInfo(patient.Fullname);\n setLoader(false);\n } catch (error) {\n console.log(error);\n setLoader(false);\n }\n };\n\n getResidentDetails();\n }, []);\n \n return <>{!loader && <>{residentInfo}};\n};\n\nexport default ResidentDetails;\n","import { useMemo } from 'react';\r\n\r\nexport const DOTS = '...';\r\n\r\nconst range = (start, end) => {\r\n let length = end - start + 1;\r\n return Array.from({ length }, (_, idx) => idx + start);\r\n};\r\n\r\nexport const usePagination = ({\r\n totalCount,\r\n pageSize,\r\n siblingCount = 1,\r\n currentPage\r\n}) => {\r\n const paginationRange = useMemo(() => {\r\n const totalPageCount = Math.ceil(totalCount / pageSize);\r\n\r\n // Pages count is determined as siblingCount + firstPage + lastPage + currentPage + 2*DOTS\r\n const totalPageNumbers = siblingCount + 5;\r\n\r\n /*\r\n If the number of pages is less than the page numbers we want to show in our\r\n paginationComponent, we return the range [1..totalPageCount]\r\n */\r\n if (totalPageNumbers >= totalPageCount) {\r\n return range(1, totalPageCount);\r\n }\r\n\r\n const leftSiblingIndex = Math.max(currentPage - siblingCount, 1);\r\n const rightSiblingIndex = Math.min(\r\n currentPage + siblingCount,\r\n totalPageCount\r\n );\r\n\r\n /*\r\n We do not want to show dots if there is only one position left \r\n after/before the left/right page count as that would lead to a change if our Pagination\r\n component size which we do not want\r\n */\r\n const shouldShowLeftDots = leftSiblingIndex > 2;\r\n const shouldShowRightDots = rightSiblingIndex < totalPageCount - 2;\r\n\r\n const firstPageIndex = 1;\r\n const lastPageIndex = totalPageCount;\r\n\r\n if (!shouldShowLeftDots && shouldShowRightDots) {\r\n let leftItemCount = 3 + 2 * siblingCount;\r\n let leftRange = range(1, leftItemCount);\r\n\r\n return [...leftRange, DOTS, totalPageCount];\r\n }\r\n\r\n if (shouldShowLeftDots && !shouldShowRightDots) {\r\n let rightItemCount = 3 + 2 * siblingCount;\r\n let rightRange = range(\r\n totalPageCount - rightItemCount + 1,\r\n totalPageCount\r\n );\r\n return [firstPageIndex, DOTS, ...rightRange];\r\n }\r\n\r\n if (shouldShowLeftDots && shouldShowRightDots) {\r\n let middleRange = range(leftSiblingIndex, rightSiblingIndex);\r\n return [firstPageIndex, DOTS, ...middleRange, DOTS, lastPageIndex];\r\n }\r\n }, [totalCount, pageSize, siblingCount, currentPage]);\r\n\r\n return paginationRange;\r\n};\r\n","import { initializeApp } from \"firebase/app\";\nimport { getDatabase } from \"firebase/database\";\nimport { getMessaging, getToken } from \"firebase/messaging\";\n\nconst firebaseConfig = {\n apiKey: \"AIzaSyDLJ_1gbebSA8GjdHqFWAxyezFXDg8OaJk\",\n authDomain: \"hapi-healthcare-d7364.firebaseapp.com\",\n databaseURL:\n \"https://hapi-healthcare-d7364-default-rtdb.europe-west1.firebasedatabase.app\",\n projectId: \"hapi-healthcare-d7364\",\n storageBucket: \"hapi-healthcare-d7364.appspot.com\",\n messagingSenderId: \"483467584071\",\n appId: \"1:483467584071:web:e2e0a89df0d2ab3cee8762\",\n measurementId: \"G-XY2KSBTCJ4\",\n};\n\n// const firebaseConfig = {\n// apiKey: \"AIzaSyBOruYoVCVW9AnE-9GA1KTSbhvrnDrTgMU\",\n// authDomain: \"hapi-healthcare-chat.firebaseapp.com\",\n// databaseURL:\n// \"https://hapi-healthcare-chat-default-rtdb.europe-west1.firebasedatabase.app\",\n// projectId: \"hapi-healthcare-chat\",\n// storageBucket: \"hapi-healthcare-chat.appspot.com\",\n// messagingSenderId: \"1061820464741\",\n// appId: \"1:1061820464741:web:0a1bc136eb6217cb0a908c\",\n// measurementId: \"G-VDT88QKPDH\",\n// };\n\n// Initialize Firebase\nconst app = initializeApp(firebaseConfig);\nexport const db = getDatabase(app);\nexport const messaging = getMessaging(app);\n\nexport const generateToken = async () => {\n const permission = await Notification.requestPermission();\n console.log(permission);\n\n if (permission === \"granted\") {\n const token = await getToken(messaging, {\n vapidKey:\n \"BDfbfeqR8CIU_lvGJV2ikA5KIUHF-c-kO82VRmy3sjpFlVB2NAEstyg2dETwV8AAxgn_TjwReRafGQ4xh1NW3jA\",\n });\n console.log(token);\n }\n};\n","export default __webpack_public_path__ + \"static/media/ClientProfile.c57f62b0.svg\";","import React from 'react';\r\nimport { usePagination, DOTS } from './usePagination';\r\nimport './pagination.css';\r\n\r\nconst Pagination = props => {\r\n const {\r\n changeURL,\r\n siblingCount = 1,\r\n currentPage,\r\n totalCount,\r\n pageSize,\r\n paramState,\r\n getAllPatientsLoader,\r\n getNowPatientsLoader,\r\n inactive\r\n } = props;\r\n\r\n const paginationRange = usePagination({\r\n totalCount,\r\n currentPage,\r\n siblingCount,\r\n pageSize\r\n });\r\n\r\n if (currentPage === 0 || !paginationRange || paginationRange.length < 2) {\r\n return null;\r\n }\r\n\r\n const onNext = (e) => {\r\n changeURL(e, null, currentPage + 1, paramState.tab, paramState.facility, paramState.filter, paramState.ward, paramState.funding, paramState.inactiveResident, paramState.date);\r\n };\r\n\r\n const onPrevious = (e) => {\r\n changeURL(e, null, currentPage - 1, paramState.tab, paramState.facility, paramState.filter, paramState.ward, paramState.funding, paramState.inactiveResident, paramState.date);\r\n };\r\n\r\n let lastPage = paginationRange[paginationRange.length - 1];\r\n \r\n return (!getAllPatientsLoader && !getNowPatientsLoader && !inactive && \r\n \r\n {\r\n currentPage !== 1 ? (\r\n \r\n Previous\r\n \r\n ) : null\r\n }\r\n\r\n {paginationRange && paginationRange.map((pageNumber, index) => {\r\n\r\n // If the pageItem is a DOT, render the DOTS unicode character\r\n if (pageNumber === DOTS) {\r\n return … ;\r\n }\r\n\r\n // Render our Page Pills\r\n return (\r\n changeURL(e, null, pageNumber, paramState.tab, paramState.facility, paramState.filter, paramState.ward, paramState.funding, paramState.inactiveResident, paramState.date)}\r\n >\r\n {pageNumber}\r\n \r\n );\r\n })}\r\n {\r\n currentPage !== lastPage ? (\r\n \r\n Next\r\n \r\n ) : null\r\n }\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Pagination;"],"sourceRoot":""}