\n \n \n {title}\n \n \n {children}\n \n {/* \n \n */}\n \n
\n );\n};\n\nexport default DialogContainer\n","/* eslint-disable no-undef */\nimport React, { HTMLAttributes } from 'react';\nimport { Helmet } from 'react-helmet';\nimport { useLocation } from 'react-router';\nimport PropTypes from 'prop-types';\n\nexport interface IPageProps\n extends HTMLAttributes\n \n {title} \n \n {children}\n
\n );\n}\n\nPage.propTypes = {\n children: PropTypes.node,\n title: PropTypes.string\n};\n\nexport default Page;\n","import { Button, colors, makeStyles } from '@material-ui/core';\nimport { Theme } from 'grid-styled';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport QRCode from \"qrcode.react\";\nimport { useReactToPrint } from 'react-to-print';\nimport DialogContainer from '../../../../components/modals/dialog-container';\n\nconst useStyles = makeStyles((theme: Theme) => ({\n root: {\n display: \"grid\",\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n qr: {\n margin: \"auto\",\n },\n printButton: {\n color: colors.common.white,\n backgroundColor: colors.green[400],\n '&:hover': {\n backgroundColor: colors.green[900]\n },\n },\n bottom: {\n display: \"flex\",\n float: \"right\",\n },\n p: {\n margin: \"auto\"\n },\n img: {\n paddingTop: 20,\n margin: \"auto\"\n }\n }));\n\nconst UserQRCode = (props: any) => {\n const {\n id,\n qrCodeString,\n size,\n userfullname,\n subType,\n handleClose,\n open\n } = props;\n\n const [ openModal, setOpenModal ] = useState(open);\n\n const classes = useStyles();\n\n const myRef = useRef(null);\n\n const staffOrPatientString = subType === 'patients' ? 'Client' : 'Staff';\n\n const closeIt = () => {\n setOpenModal( false);\n handleClose();\n };\n\n useEffect(() => {\n if (!openModal) {\n handleClose()\n }\n\n return () => {};\n }, [handleClose, openModal]);\n\n const printQR = \n useReactToPrint( {\n content: () => myRef.current,\n })\n\n const qrHeader = () => {\n if (subType === 'patients') {\n return 'AT Patient';\n }\n return 'AT Staff';\n }\n\n return (\n \n \n
\n );\n}\n\nexport default UserQRCode;\n","import { convertDataToObject } from \"../utils/functions\";\n\nexport const APIURL_PRODUCTION = 'https://api2.augmenttherapy.com';\nexport const APIURL_TESTING = 'https://at-admin-api-test.azurewebsites.net'; \nexport var RUN_MODE = \"production\"; // \"production\" or \"testing\"\n\nexport const AdminVersion = \"1.4.0\";\n\nexport const ReportDaysPrevious: number = 45; //45;\nexport const chartType = \"line\"; //\"area\"; //\"line\"; //\"column\";\nexport const chartStack:boolean = false; //false; //true;\nexport const AppStoreURL:string = \"https://apps.apple.com/us/app/arwell-pro/id6463829198\";\nexport const ATnewsURL:string = \"https://augmenttherapy.com/support/\";\nexport const ATtherapistRemoteURL:string = \"https://admin1.augmenttherapy.com/remote/index.html\";\nexport const ATsupportSite:string = \"https://augmenttherapy.com/providers/\";\nexport const ATtelehealthinstall:string = \"https://admin1.augmenttherapy.com//telehealth/atinstaller.msi\";\nexport const ATuserguide:string = \"https://augmenttherapy.com/wp-content/uploads/2023/04/Augment-Therapy-User-Guide-3.29.23.pdf\";\nexport const ATexerciseGuide:string = \"https://augmenttherapy.com/wp-content/uploads/2023/04/AT-Exercise-Reference-Guide-9.1.pdf\";\nexport const ATsetupAndUseLink:string = \"https://augmenttherapy.com/support/\";\nexport const TimeZoneOptions: any = [\n {label:\"Hawaiian (HST)\",value:\"Hawaiian Standard Time\"},\n {label:\"Pacific (PST)\",value:\"Pacific Standard Time\"},\n {label:\"Mountain (MST)\",value:\"Mountain Standard Time\"},\n {label:\"Central (CST)\",value:\"Central Standard Time\"},\n {label:\"Eastern (EST)\",value:\"Eastern Standard Time\"},\n {label:\"GMT Standard (GMT)\",value:\"GMT Standard Time\"}\n];\n\nexport const ATadlTasks = [\"Bowl of Cereal\",\"Brush Teeth\",\"Casual Clothing, Female\",\"Daily Clothing, Female\",\"Formal Clothing, Female\",\"Fried Eggs\",\"Hamburgers\",\"Laundry\",\"PB&J Sandwich\"];\n\nexport const ATtaskDetailStats = {\n columns: [\n { field: 'startTime', title: 'Start Time', shortTitle: 'Started' },\n { field: 'totalRepsDurationL', title: 'Repetitions Duration (Left)', shortTitle: 'Reps Duration (L)' },\n { field: 'totalRepsDurationR', title: 'Repetitions Duration (Right)', shortTitle: 'Reps Duration (R)' },\n { field: 'totalRepsDuration', title: 'Repetitions Duration (Total)', shortTitle: 'Reps Duration (Total)' },\n { field: 'mpm', title: 'Estimated Movements Per Minute', shortTitle: 'Est. movements per minute' },\n { field: 'maxRepDurationL', title: 'Max Repetitions Duration (Left)', shortTitle: 'Max Reps Duration (L)' },\n { field: 'maxRepDurationR', title: 'Max Repetitions Duration (Right)', shortTitle: 'Max Reps Duration (R)'},\n { field: 'maxRepDuration', title: 'Max Repetitions Duration (Total)', shortTitle: 'Max Reps Duration (Total)' },\n { field: 'restTime', title: 'Rest Time', shortTitle: 'Rest' },\n { field: 'distance', title: 'Distance (Inches)', shortTitle: 'Distance (In.)' },\n { field: 'height', title: 'Height (Inches)', shortTitle: 'Height (In.)' },\n { field: 'taskSteps', title: 'Steps', shortTitle: 'Steps'},\n { field: 'avgAngleL', title: 'Average Angle (Left)', shortTitle: 'Average Angle (L)' },\n { field: 'avgAngleR', title: 'Average Angle (Right)', shortTitle: 'Average Angle (R)' },\n { field: 'maxAngleL', title: 'Max Angle (Left)', shortTitle: 'Max Angle (L)' },\n { field: 'maxAngleR', title: 'Max Angle (Right)', shortTitle: 'Max Angle (R)' },\n { field: 'secondsRequested', title: 'Time Requested', shortTitle: 'Time Requested' },\n { field: 'repetitions', title: 'Total Repetitions', shortTitle: 'Total Reps' },\n ]\n };\n\n export const TasksThatUseDuration = [\"Arm Circles\", \"Candy Town\", \"Goal Kick\", \"Grover's Dance Party\",\"March in Place\", \"Music Mayhem\", \"Nature Hike\", \"Obstacle Course\", \"Run in Place\", \"Sit and Reach\", \"Skiing\", \"Snackland\", \"Surfing\", \"The Count's Jumping Jacks\"];\n\n export const TaskBenefitsRawData = `\n EXERCISE,STRENGTH ,BILATERAL COORDINATION,RANGE OF MOTION,DYNAMIC BALANCE,STATIC BALANCE,CARDIOVASCULAR ENDURANCE,POSTURAL STABILITY,BODY AWARENESS,MOTOR CONTROL,MOTOR PLANNING,STANDING ENDURANCE,WEIGHT SHIFT,EXECUTIVE FUNCTION,MIDLINE CROSSING,LATERAL MOVEMENT,VISUAL MOTOR ,VISUAL DISCRIMINATION,COGNITIVE SKILLS\nAbby's Deep Breathing,,X,X,,,,X,X,X,,,,X,X,,X,,X\nAir Writing,,X,X,X,X,,X,X,X,X,X,X,X,X,,,,X\nArm Circles,X,X,X,X,,X,X,X,,,X,,,,,,,\nAvatar Guitar,,X,,X,,X,,,,,X,,,,,,,\nBall Pit,,,X,X,X,X,X,X,,,X,X,,,,,,\nBowl of Cereal,,,X,X,X,,X,X,X,X,X,,X,X,,,,X\nBowling,,X,,X,,,,,X,X,X,,X,,,,,\nBridges,X,,X,,X,,X,,X,,,,,,,,,\nBrush Teeth,,,X,X,X,,X,X,X,X,X,,X,X,,,,X\nCandy Town,,X,,X,,X,,X,,X,,,X,,,,,X\nCastleton,,X,,X,,X,,X,,X,,,X,,,,,X\n\"Casual Clothing, Female\",,,X,X,X,,X,X,X,X,X,,X,X,,,,X\nChild's Pose,X,,X,,,,X,X,X,,,,X,,,,,\nCobra,X,,X,,,,X,X,X,,,,X,,,,,\nColor Ball,,X,X,X,,X,X,X,X,X,X,X,X,X,X,X,X,X\nCookie Ball,,X,,X,,X,,X,,X,X,,X,,,,,\n\"Daily Clothing, Female\",,,X,X,X,,X,X,X,X,X,,X,X,,,,X\n\"Daily Clothing, Male\",,,X,X,X,,X,X,X,X,X,,X,X,,,,X\nDownward Dog,X,,X,,X,,X,X,X,,,,X,,,,,\nElmo's Air Writing,,X,X,X,X,,X,X,X,X,X,X,X,X,,,,X\nElmo's Shoulder Abduction,,,X,X,,,X,X,,,X,,,,,,,X\nFigure 4 Stretch,,,X,,,,,X,,X,,,,X,,,,\nFlying,,X,,X,,X,X,X,,X,,,X,,,,,X\n\"Formal Clothing, Female\",,,X,X,X,,X,X,X,X,X,,X,X,,,,X\nFried Eggs,,,X,X,X,,X,X,X,X,X,,X,X,,,,X\nGrover's Dance Party,,,,X,,X,,X,,,,,,,X,,,\nHamburgers,,,X,X,X,,X,X,X,X,X,,X,X,,,,X\nHip Abduction,X,,,X,,,X,X,,,X,X,,,,,,\nHip Extension,X,,,X,,,X,X,,,X,X,,,,,,\nHop,X,X,,X,,,,X,X,X,,,,,,,,\nIWall,,X,,X,,X,,X,,X,X,X,X,X,X,,,X\nJump in Place,X,X,,X,,,,X,,X,,,,,,,,\nGoal Kick,,X,,X,,,X,X,X,X,X,X,X,,,,,\nLaundry,,,X,X,X,,X,X,X,X,X,,X,X,,,,X\nLunges,,,,,,,,,,,,,,,,,,\nMarch in Place,X,X,,X,,X,X,X,,,,X,,,,,,\nMemory Cards,,,X,X,X,,X,X,X,X,X,,X,X,,,,X\nMini Squats,X,,,X,,X,X,X,X,X,X,,,,,,,\nMusic Mayhem,,X,X,X,,X,X,X,,X,X,X,,X,X,,X,\nNature Hike,,X,,X,,X,,X,,X,,,X,,,,,X\nObstacle Course,,X,,X,,X,,X,X,X,X,X,X,,X,,,X\nPBJ Sandwich,,,X,X,X,,X,X,X,X,X,,X,X,,,,X\nPickleball,,X,,X,,,,X,,X,X,X,X,,,,,\nPlank,X,,,,,,X,X,,X,,,,,,,,\nPuddle Jumper,X,X,,X,,,,X,X,X,,,,,,,,\nPunch Ball,,X,,X,,X,,X,,X,X,,X,,,,,\nRocket Launcher,X,X,,X,,X,X,X,X,X,X,X,,,,,,\nRun in Place,X,X,,X,,X,,X,,X,,,,,,,,\nSeated Long Arc Quad,X,X,X,,X,X,X,X,X,,,,,,,,,\nSesame Memory Cards,,,X,X,X,,X,X,X,X,X,,X,X,,,,X\nShoulder Abduction,,,X,X,,,X,X,,,X,,,,,,,\nShoulder Flexion,,,X,,,,X,X,,,X,,,,,,,\nSingle Limb Stance,X,,,,X,X,X,X,X,,X,X,,,,,,\nSit and Reach,,X,X,X,X,,X,X,,X,X,X,,X,,,X,\nSkiing,,X,,X,X,,X,X,X,X,X,X,X,,,,,\nSnackland,,X,,X,,X,,X,,X,,,X,,,,,X\nSnow Globe,,,,X,X,X,X,X,,,X,X,,,,,,\nStanding Tolerance,X,,,,X,X,X,X,X,,X,,,,,,,\nStar Catcher,,X,,X,,X,X,X,,X,,,X,,,,,X\nSurfing,,X,,X,X,,X,X,X,X,X,X,X,,,,X,\nThe Count's Jumping Jacks,,X,,X,,X,,X,X,X,,,,,,,,\nTown,,X,,X,,X,,X,,X,,,X,,,,,X\nWarrior Pose,X,X,X,X,X,,X,X,X,X,X,X,,,,,,\nYoga with Bert,X,X,X,X,X,,X,X,X,X,,,,,,,,\nYoga,X,X,X,X,X,,X,X,X,X,,,,,,,,\nHide and Seek,,,,X,,X,,X,X,X,X,X,X,,,X,X,X\nPeridot Hop,X,X,,X,,,,X,X,X,,,,,,,,\nPeridot Mini Squats,X,,,X,,X,X,X,X,X,X,,,,,,,\nPeridot Run In Place,X,X,,X,,X,,X,,X,,,,,,,,\nPeridot Speech Trainer,,,,,,,,,,,,,,,,,,X\n`;\n\nexport const ATtaskBenefits = convertDataToObject(TaskBenefitsRawData);\n\n","import React from 'react';\nimport { navigate, usePath, getQueryParams, useQueryParams, setQueryParams } from 'hookrouter';\nimport { colors } from '@material-ui/core';\nimport DashboardIcon from '@material-ui/icons/Dashboard';\nimport LocationCityIcon from '@material-ui/icons/LocationCity';\nimport FaceIcon from '@material-ui/icons/Face';\nimport HomeWorkIcon from '@material-ui/icons/HomeWork';\nimport HelpCenterIcon from '@material-ui/icons/Help';\nimport PeopleIcon from '@material-ui/icons/PeopleOutlined';\nimport ListIcon from '@material-ui/icons/List';\nimport PersonPinCircleIcon from '@material-ui/icons/PersonPinCircle';\n\nimport {\n UserRoles\n} from './user-roles';\n\nexport const Navigations = {\n auth: {\n login: '/login',\n autologin: '/autologin',\n agreement: '/agreement',\n completeConsent: '/complete-consent',\n accountSecurity: {\n root: '',\n resetPasswordLink: 'reset-password',\n resetPassword: 'confirm-reset',\n completeSetup: 'complete-setup',\n updatePassword: 'update-password',\n consentSuccess: 'consent-success',\n consentFailure: 'consent-failure',\n },\n },\n dashboard: {\n root: '/dashboard',\n default: 'default',\n analytics: 'analytics',\n },\n facilities: {\n root: '/facilities',\n hospitals: 'hospitals',\n clinics: 'clinics',\n default: 'default',\n },\n users: {\n root: '/users',\n staff: 'staff',\n therapists: 'therapists',\n patients: 'patients',\n default: 'default',\n },\n sessions: {\n root: '/sessions',\n sessions: 'sessions',\n tasks: 'tasks',\n default: 'default',\n },\n session: {\n root: '/session',\n default: 'default',\n },\n resources: {\n root: '/resources',\n default: 'default'\n },\n tutorials: {\n root: '/tutorials',\n default: 'default'\n },\n telehealth: {\n root: '/telehealth',\n default: 'default'\n },\n exportdata: {\n root: '/exportdata',\n default: 'default'\n }\n}\n\nexport const DefaultRoute = Navigations.dashboard.root;\n\nexport default [\n {\n items: [\n {\n title: 'Dashboard',\n roles: [ UserRoles.SUPERUSER, UserRoles.SYSTEMADMIN, UserRoles.COMPANYADMIN, UserRoles.FACILITYADMIN ],\n href: `${Navigations.dashboard.root}`,\n icon: DashboardIcon\n },\n {\n title: 'Hospitals',\n roles: [ UserRoles.SUPERUSER],\n icon: LocationCityIcon,\n href: `${Navigations.facilities.root}/${Navigations.facilities.hospitals}`,\n onClick: (e: any) => {\n e.preventDefault();\n setQueryParams({}, true);\n }\n },\n {\n title: 'Clinics',\n roles: [ UserRoles.SUPERUSER, UserRoles.SYSTEMADMIN, UserRoles.COMPANYADMIN],\n icon: HomeWorkIcon,\n href: `${Navigations.facilities.root}/${Navigations.facilities.clinics}`,\n onClick: (e: any) => {\n e.preventDefault();\n setQueryParams({}, true);\n }\n },\n {\n title: 'Admins',\n roles: [ UserRoles.SUPERUSER, UserRoles.SYSTEMADMIN, UserRoles.COMPANYADMIN ],\n icon: PersonPinCircleIcon,\n href: `${Navigations.users.root}/${Navigations.users.staff}`,\n onClick: (e: any) => {\n e.preventDefault();\n setQueryParams({}, true);\n }\n },\n {\n title: 'Therapists',\n roles: [ UserRoles.SUPERUSER, UserRoles.SYSTEMADMIN, UserRoles.COMPANYADMIN, UserRoles.FACILITYADMIN ],\n icon: PeopleIcon,\n href: `${Navigations.users.root}/${Navigations.users.therapists}`,\n onClick: (e: any) => {\n e.preventDefault();\n setQueryParams({}, true);\n }\n },\n {\n title: 'Therapist',\n roles: [ UserRoles.USER ],\n },\n {\n title: 'Patients',\n roles: [ UserRoles.SUPERUSER, UserRoles.SYSTEMADMIN, UserRoles.COMPANYADMIN, UserRoles.FACILITYADMIN, UserRoles.USER ],\n icon: FaceIcon,\n href: `${Navigations.users.root}/${Navigations.users.patients}`,\n onClick: (e: any) => {\n e.preventDefault();\n setQueryParams({}, true);\n }\n },\n {\n title: 'Tutorials',\n roles: [ UserRoles.SUPERUSER, UserRoles.SYSTEMADMIN, UserRoles.COMPANYADMIN, UserRoles.FACILITYADMIN, UserRoles.USER, UserRoles.ENDUSER ],\n href: `${Navigations.tutorials.root}`,\n icon: HelpCenterIcon\n },\n {\n title: 'Resources',\n roles: [ UserRoles.SUPERUSER, UserRoles.SYSTEMADMIN, UserRoles.COMPANYADMIN, UserRoles.FACILITYADMIN, UserRoles.USER, UserRoles.ENDUSER ],\n href: `${Navigations.resources.root}`,\n icon: ListIcon\n }\n \n ]\n }\n];\n","export const UserRoles = {\n SUPERUSER: 'Superuser',\n SYSTEMADMIN: 'SystemAdmin', // hospital\n COMPANYADMIN: 'CompanyAdmin',\n FACILITYADMIN: 'FacilityAdmin', // clinic\n USER: 'User', // therapist\n ENDUSER: 'EndUser', // patient\n}","export enum AuthActionType {\n AutoLogin = 'AUTO_LOGIN',\n RestoreSession = 'RESTORE_SESSION',\n RestoreSessionFailure = 'RESTORE_SESSION_FAILURE',\n Login = 'LOGIN',\n LoginSuccess = 'LOGIN_SUCCESS',\n LoginFailure = 'LOGIN_FAILURE',\n Logout = 'LOGOUT',\n\n ResetPasswordLink = 'RESET_PASSWORD_LINK',\n ResetPasswordLinkSuccess = 'RESET_PASSWORD_LINK_SUCCESS',\n ResetPasswordLinkFailure = 'RESET_PASSWORD_LINK_FAILURE',\n\n ResetPasswordTokenValidate = 'RESET_PASSWORD_TOKEN_VALIDATE',\n ResetPasswordTokenValidateSuccess = 'RESET_PASSWORD_TOKEN_VALIDATE_SUCCESS',\n ResetPasswordTokenValidateFailure = 'RESET_PASSWORD_TOKEN_VALIDATE_FAILURE',\n\n CompleteConsent = 'COMPLETE_CONSENT',\n CompleteConsentSuccess = 'COMPLETE_CONSENT_SUCCESS',\n CompleteConsentFailure = 'COMPLETE_CONSENT_FAILURE',\n\n CompleteSetup = 'COMPLETE_SETUP',\n CompleteSetupSuccess = 'COMPLETE_SETUP_SUCCESS',\n CompleteSetupFailure = 'COMPLETE_SETUP_FAILURE',\n \n ResetPassword = 'RESET_PASSWORD',\n ResetPasswordSuccess = 'RESET_PASSWORD_SUCCESS',\n ResetPasswordFailure = 'RESET_PASSWORD_FAILURE',\n\n UpdatePassword = 'UPDATE_PASSWORD',\n UpdatePasswordSuccess = 'UPDATE_PASSWORD_SUCCESS',\n UpdatePasswordFailure = 'UPDATE_PASSWORD_FAILURE',\n\n UpdateAuthErrors = 'UPDATE_AUTH_ERRORS'\n}","export enum DashboardActionType {\n GetReportUsage = 'DASHBOARD_GET_REPORT_USAGE',\n GetReportUsageSuccess = 'DASHBOARD_GET_REPORT_USAGE_SUCCESS',\n GetReportUsageFailure = 'DASHBOARD_GET_REPORT_USAGE_FAILURE',\n GetReportTimeline = 'DASHBOARD_GET_REPORT_TIMELINE',\n GetReportTimelineSuccess = 'DASHBOARD_GET_REPORT_TIMELINE_SUCCESS',\n GetReportTimelineFailure = 'DASHBOARD_GET_REPORT_TIMELINE_FAILURE',\n}","export enum FacilityActionType {\n GetFacilities = 'GET_FACILITIES',\n GetFacilitiesSuccess = 'GET_FACILITIES_SUCCESS',\n GetFacilitiesFailure = 'GET_FACILITIES_FAILURE',\n\n PostFacility = 'POST_FACILITY',\n PostFacilitySuccess = 'POST_FACILITY_SUCCESS',\n PostFacilityFailure = 'POST_FACILITY_FAILURE',\n\n DeleteFacilities = 'DELETE_FACILITIES',\n DeleteFacilitiesSuccess = 'DELETE_FACILITIES_SUCCESS',\n DeleteFacilitiesFailure = 'DELETE_FACILITIES_FAILURE',\n\n GetUsers = 'GET_USERS',\n GetUsersSuccess = 'USERS_GET_SUCCESS',\n GetUsersFailure = 'USERS_GET_FAILURE',\n\n PostUser = 'POST_USER',\n PostUserSuccess = 'POST_USER_SUCCESS',\n PostUserFailure = 'POST_USER_FAILURE',\n\n DeleteUsers = 'DELETE_USERS',\n DeleteUsersSuccess = 'DELETE_USERS_SUCCESS',\n DeleteUsersFailure = 'DELETE_USERS_FAILURE',\n\n RemoveUsers = 'REMOVE_USERS',\n RemoveUsersSuccess = 'REMOVE_USERS_SUCCESS',\n RemoveUsersFailure = 'REMOVE_USERS_FAILURE',\n\n RecoverUsers = 'RECOVER_USERS',\n RecoverUsersSuccess = 'RECOVER_USERS_SUCCESS',\n RecoverUsersFailure = 'RECOVER_USERS_FAILURE',\n\n GetUserReportUsage = 'GET_USER_REPORT_USAGE',\n GetUserReportUsageSuccess = 'GET_USER_REPORT_USAGE_SUCCESS',\n GetUserReportUsageFailure = 'GET_USER_REPORT_USAGE_FAILURE',\n\n GetDataExport = 'GET_DATA_EXPORT',\n GetDataExportSuccess = 'GET_DATA_EXPORT_SUCCESS',\n GetDataExportFailure = 'GET_DATA_EXPORT_FAILURE',\n\n PostUserSendInvite = 'POST_USER_SEND_INVITE',\n PostUserSendInviteSuccess = 'POST_USER_SEND_INVITE_SUCCESS',\n PostUserSendInviteFailure = 'POST_USER_SEND_INVITE_FAILURE',\n\n PostUserSendConsent = 'POST_USER_SEND_CONSENT',\n PostUserSendConsentSuccess = 'POST_USER_SEND_CONSENT_SUCCESS',\n PostUserSendConsentFailure = 'POST_USER_SEND_CONSENT_FAILURE',\n\n SetActiveFacility = 'SET_ACTIVE_FACILITY',\n}","export enum UserActionType {\n GetUserInfo = 'USER_GET_PROFILE',\n GetUserInfoSuccess = 'USER_GET_PROFILE_SUCCESS',\n GetUserInfoFailure = 'USER_GET_PROFILE_FAILURE',\n RestoreUserInfo = 'RESTORE_USER_INFO',\n\n PostSignAgreement = 'USER_POST_SIGN_AGREEMENT',\n PostSignAgreementSuccess = 'USER_POST_SIGN_AGREEMENT_SUCCESS',\n PostSignAgreementFailure = 'USER_POST_SIGN_AGREEMENT_FAILURE',\n}","import { ATtaskBenefits } from \"../settings/app\";\n\nexport const getActiveFacilityPayload = (subType: any, uid: string) => {\n const payload: any = {};\n\n if (['hospitals'].indexOf(subType) >= 0) {\n payload.activeClinic = null;\n payload.activeTherapist = null;\n payload.activePatient = null;\n payload.activeSession = null;\n if (!uid)\n payload.activeHospital = null;\n } else if (['clinics'].indexOf(subType) >= 0) {\n payload.activeTherapist = null;\n payload.activePatient = null;\n payload.activeSession = null;\n if (!uid)\n payload.activeClinic = null;\n } else if (['therapists'].indexOf(subType) >= 0) {\n payload.activePatient = null;\n payload.activeSession = null;\n if (!uid)\n payload.activeTherapist = null;\n } else if (['patients'].indexOf(subType) >= 0) {\n payload.activeSession = null;\n if (!uid)\n payload.activePatient = null;\n }\n\n return payload;\n}\n\nexport const getInternalTaskName = (taskName: string) => {\n if (ATtaskBenefits.hasOwnProperty(taskName)) \n {\n return taskName;\n }\n // exceptions for tasks with different names\n switch (taskName) {\n case \"Dance Party\":\n return \"Grover's Dance Party\";\n case \"Snack Land\":\n return \"Snackland\";\n case \"Jumping Jacks\":\n return \"The Count's Jumping Jacks\";\n case \"Shoulder Abduction SS\":\n return \"Elmo's Shoulder Abduction\";\n case \"Yoga Sesame\":\n return \"Yoga with Bert\";\n case \"Deep Breathing\":\n return \"Abby's Deep Breathing\";\n case \"Talk to Peridot\":\n return \"Peridot Speech Trainer\";\n case \"Memory Sesame\":\n return \"Sesame Memory Cards\";\n case \"Peridot Run in Place\":\n return \"Peridot Run In Place\";\n case \"Casual Clothing, Female\":\n return \"Casual Clothing, Female\";\n }\n console.log(\"Task name not found: \" + taskName);\n return taskName;\n }","export const combineInt8Array = (a: any, b: any) => {\n const c = new Int8Array(a.length + b.length);\n c.set(a);\n c.set(b, a.length);\n return c;\n};\n\nexport const combineFloat32Array = (a: any, b: any) => {\n var c = new Float32Array(a.length + b.length);\n c.set(a);\n c.set(b, a.length);\n return c;\n};\n\nexport const byteToInt32 = (_byte: any, _offset: number) => {\n return (\n (_byte[_offset] & 255) +\n ((_byte[_offset + 1] & 255) << 8) +\n ((_byte[_offset + 2] & 255) << 16) +\n ((_byte[_offset + 3] & 255) << 24)\n );\n //return _byte[_offset] + _byte[_offset + 1] * 256 + _byte[_offset + 2] * 256 * 256 + _byte[_offset + 3] * 256 * 256 * 256;\n};\n\nexport const dataURLtoBlob = (dataurl: any) => {\n var arr = dataurl.split(\",\"),\n mime = arr[0].match(/:(.*?);/)[1],\n bstr = atob(arr[1]),\n n = bstr.length,\n u8arr = new Uint8Array(n);\n while (n--) {\n u8arr[n] = bstr.charCodeAt(n);\n }\n return new Blob([u8arr], { type: mime });\n};\n\nexport const blobToDataURL = (blob: Blob, callback: any) => {\n const a = new FileReader();\n a.onload = (e: any) => {\n callback(e.target.result);\n };\n a.readAsDataURL(blob);\n};\n\nexport const base64toBlob = (\n b64Data: any,\n dataCode: number,\n dataId: number,\n contentType = \"\"\n) => {\n const byteCharacters = atob(b64Data);\n const byteArrays = [\n new Uint8Array(int32ToBytes(dataCode)).reverse(),\n new Uint8Array(int32ToBytes(dataId)).reverse(),\n new Uint8Array(int32ToBytes(byteCharacters.length, 4)).reverse(),\n new Uint8Array(int32ToBytes(0, 4)).reverse(),\n ];\n const contentArrays = [];\n\n for (let i = 0; i < byteCharacters.length; i++) {\n contentArrays.push(byteCharacters.charCodeAt(i));\n }\n\n byteArrays.push(new Uint8Array(contentArrays));\n const blob = new Blob(byteArrays, { type: contentType });\n return blob;\n};\n\nexport const blobTobase64 = (blob: any) => {\n var reader = new FileReader();\n reader.readAsDataURL(blob);\n reader.onloadend = function () {\n var base64data = reader.result;\n };\n};\n\nexport const int32ToBytes = (\n num: number,\n byteNum: number = 4,\n byteOffset: number = 0\n) => {\n const arr = new ArrayBuffer(byteNum); // an Int32 takes 4 bytes\n const view = new DataView(arr);\n view.setUint32(byteOffset, num, false); // byteOffset = 0; litteEndian = false\n return arr;\n};\n\nexport const bytesToInt32 = (arr: Uint8Array, byteOffset: number = 0) => {\n const view = new DataView(arr.buffer);\n return view.getUint32(byteOffset); // byteOffset = 0; litteEndian = false\n};\n\nexport const convertDataToObject = (data: string, categoryMarker: string = \"X\") => {\n const lines = data.trim().split('\\n');\n const headers = lines[0].split(',').map(header => header.trim());\n const result: any = {};\n\n for (let i = 1; i < lines.length; i++) {\n const values = lines[i].split(',').map(value => value.trim());\n const task = values[0].replace(/\"/g, '');\n result[task] = [];\n\n for (let j = 1; j < values.length; j++) {\n if (values[j] === categoryMarker) {\n result[task].push(headers[j]);\n }\n }\n }\n\n return result;\n};\n","import { colors } from '@material-ui/core';\n\nconst buildGradient = (start: string, end: string) => `linear-gradient(180deg, ${start} 0%, ${end} 100%)`;\n\nconst grey = buildGradient(colors.grey[400], colors.grey[600]);\nconst blue = buildGradient(colors.blue[700], colors.blue[900]);\nconst indigo = buildGradient(colors.indigo[400], colors.indigo[600]);\nconst green = buildGradient(colors.green[400], colors.green[600]);\nconst orange = buildGradient(colors.orange[400], colors.orange[700]);\nconst red = buildGradient(colors.red[500], colors.red[700]);\n\nexport default {\n grey,\n blue,\n indigo,\n green,\n orange,\n red\n};\n","function memoize(fn) {\n var cache = Object.create(null);\n return function (arg) {\n if (cache[arg] === undefined) cache[arg] = fn(arg);\n return cache[arg];\n };\n}\n\nexport default memoize;\n","function stylis_min (W) {\n function M(d, c, e, h, a) {\n for (var m = 0, b = 0, v = 0, n = 0, q, g, x = 0, K = 0, k, u = k = q = 0, l = 0, r = 0, I = 0, t = 0, B = e.length, J = B - 1, y, f = '', p = '', F = '', G = '', C; l < B;) {\n g = e.charCodeAt(l);\n l === J && 0 !== b + n + v + m && (0 !== b && (g = 47 === b ? 10 : 47), n = v = m = 0, B++, J++);\n\n if (0 === b + n + v + m) {\n if (l === J && (0 < r && (f = f.replace(N, '')), 0 < f.trim().length)) {\n switch (g) {\n case 32:\n case 9:\n case 59:\n case 13:\n case 10:\n break;\n\n default:\n f += e.charAt(l);\n }\n\n g = 59;\n }\n\n switch (g) {\n case 123:\n f = f.trim();\n q = f.charCodeAt(0);\n k = 1;\n\n for (t = ++l; l < B;) {\n switch (g = e.charCodeAt(l)) {\n case 123:\n k++;\n break;\n\n case 125:\n k--;\n break;\n\n case 47:\n switch (g = e.charCodeAt(l + 1)) {\n case 42:\n case 47:\n a: {\n for (u = l + 1; u < J; ++u) {\n switch (e.charCodeAt(u)) {\n case 47:\n if (42 === g && 42 === e.charCodeAt(u - 1) && l + 2 !== u) {\n l = u + 1;\n break a;\n }\n\n break;\n\n case 10:\n if (47 === g) {\n l = u + 1;\n break a;\n }\n\n }\n }\n\n l = u;\n }\n\n }\n\n break;\n\n case 91:\n g++;\n\n case 40:\n g++;\n\n case 34:\n case 39:\n for (; l++ < J && e.charCodeAt(l) !== g;) {\n }\n\n }\n\n if (0 === k) break;\n l++;\n }\n\n k = e.substring(t, l);\n 0 === q && (q = (f = f.replace(ca, '').trim()).charCodeAt(0));\n\n switch (q) {\n case 64:\n 0 < r && (f = f.replace(N, ''));\n g = f.charCodeAt(1);\n\n switch (g) {\n case 100:\n case 109:\n case 115:\n case 45:\n r = c;\n break;\n\n default:\n r = O;\n }\n\n k = M(c, r, k, g, a + 1);\n t = k.length;\n 0 < A && (r = X(O, f, I), C = H(3, k, r, c, D, z, t, g, a, h), f = r.join(''), void 0 !== C && 0 === (t = (k = C.trim()).length) && (g = 0, k = ''));\n if (0 < t) switch (g) {\n case 115:\n f = f.replace(da, ea);\n\n case 100:\n case 109:\n case 45:\n k = f + '{' + k + '}';\n break;\n\n case 107:\n f = f.replace(fa, '$1 $2');\n k = f + '{' + k + '}';\n k = 1 === w || 2 === w && L('@' + k, 3) ? '@-webkit-' + k + '@' + k : '@' + k;\n break;\n\n default:\n k = f + k, 112 === h && (k = (p += k, ''));\n } else k = '';\n break;\n\n default:\n k = M(c, X(c, f, I), k, h, a + 1);\n }\n\n F += k;\n k = I = r = u = q = 0;\n f = '';\n g = e.charCodeAt(++l);\n break;\n\n case 125:\n case 59:\n f = (0 < r ? f.replace(N, '') : f).trim();\n if (1 < (t = f.length)) switch (0 === u && (q = f.charCodeAt(0), 45 === q || 96 < q && 123 > q) && (t = (f = f.replace(' ', ':')).length), 0 < A && void 0 !== (C = H(1, f, c, d, D, z, p.length, h, a, h)) && 0 === (t = (f = C.trim()).length) && (f = '\\x00\\x00'), q = f.charCodeAt(0), g = f.charCodeAt(1), q) {\n case 0:\n break;\n\n case 64:\n if (105 === g || 99 === g) {\n G += f + e.charAt(l);\n break;\n }\n\n default:\n 58 !== f.charCodeAt(t - 1) && (p += P(f, q, g, f.charCodeAt(2)));\n }\n I = r = u = q = 0;\n f = '';\n g = e.charCodeAt(++l);\n }\n }\n\n switch (g) {\n case 13:\n case 10:\n 47 === b ? b = 0 : 0 === 1 + q && 107 !== h && 0 < f.length && (r = 1, f += '\\x00');\n 0 < A * Y && H(0, f, c, d, D, z, p.length, h, a, h);\n z = 1;\n D++;\n break;\n\n case 59:\n case 125:\n if (0 === b + n + v + m) {\n z++;\n break;\n }\n\n default:\n z++;\n y = e.charAt(l);\n\n switch (g) {\n case 9:\n case 32:\n if (0 === n + m + b) switch (x) {\n case 44:\n case 58:\n case 9:\n case 32:\n y = '';\n break;\n\n default:\n 32 !== g && (y = ' ');\n }\n break;\n\n case 0:\n y = '\\\\0';\n break;\n\n case 12:\n y = '\\\\f';\n break;\n\n case 11:\n y = '\\\\v';\n break;\n\n case 38:\n 0 === n + b + m && (r = I = 1, y = '\\f' + y);\n break;\n\n case 108:\n if (0 === n + b + m + E && 0 < u) switch (l - u) {\n case 2:\n 112 === x && 58 === e.charCodeAt(l - 3) && (E = x);\n\n case 8:\n 111 === K && (E = K);\n }\n break;\n\n case 58:\n 0 === n + b + m && (u = l);\n break;\n\n case 44:\n 0 === b + v + n + m && (r = 1, y += '\\r');\n break;\n\n case 34:\n case 39:\n 0 === b && (n = n === g ? 0 : 0 === n ? g : n);\n break;\n\n case 91:\n 0 === n + b + v && m++;\n break;\n\n case 93:\n 0 === n + b + v && m--;\n break;\n\n case 41:\n 0 === n + b + m && v--;\n break;\n\n case 40:\n if (0 === n + b + m) {\n if (0 === q) switch (2 * x + 3 * K) {\n case 533:\n break;\n\n default:\n q = 1;\n }\n v++;\n }\n\n break;\n\n case 64:\n 0 === b + v + n + m + u + k && (k = 1);\n break;\n\n case 42:\n case 47:\n if (!(0 < n + m + v)) switch (b) {\n case 0:\n switch (2 * g + 3 * e.charCodeAt(l + 1)) {\n case 235:\n b = 47;\n break;\n\n case 220:\n t = l, b = 42;\n }\n\n break;\n\n case 42:\n 47 === g && 42 === x && t + 2 !== l && (33 === e.charCodeAt(t + 2) && (p += e.substring(t, l + 1)), y = '', b = 0);\n }\n }\n\n 0 === b && (f += y);\n }\n\n K = x;\n x = g;\n l++;\n }\n\n t = p.length;\n\n if (0 < t) {\n r = c;\n if (0 < A && (C = H(2, p, r, d, D, z, t, h, a, h), void 0 !== C && 0 === (p = C).length)) return G + p + F;\n p = r.join(',') + '{' + p + '}';\n\n if (0 !== w * E) {\n 2 !== w || L(p, 2) || (E = 0);\n\n switch (E) {\n case 111:\n p = p.replace(ha, ':-moz-$1') + p;\n break;\n\n case 112:\n p = p.replace(Q, '::-webkit-input-$1') + p.replace(Q, '::-moz-$1') + p.replace(Q, ':-ms-input-$1') + p;\n }\n\n E = 0;\n }\n }\n\n return G + p + F;\n }\n\n function X(d, c, e) {\n var h = c.trim().split(ia);\n c = h;\n var a = h.length,\n m = d.length;\n\n switch (m) {\n case 0:\n case 1:\n var b = 0;\n\n for (d = 0 === m ? '' : d[0] + ' '; b < a; ++b) {\n c[b] = Z(d, c[b], e).trim();\n }\n\n break;\n\n default:\n var v = b = 0;\n\n for (c = []; b < a; ++b) {\n for (var n = 0; n < m; ++n) {\n c[v++] = Z(d[n] + ' ', h[b], e).trim();\n }\n }\n\n }\n\n return c;\n }\n\n function Z(d, c, e) {\n var h = c.charCodeAt(0);\n 33 > h && (h = (c = c.trim()).charCodeAt(0));\n\n switch (h) {\n case 38:\n return c.replace(F, '$1' + d.trim());\n\n case 58:\n return d.trim() + c.replace(F, '$1' + d.trim());\n\n default:\n if (0 < 1 * e && 0 < c.indexOf('\\f')) return c.replace(F, (58 === d.charCodeAt(0) ? '' : '$1') + d.trim());\n }\n\n return d + c;\n }\n\n function P(d, c, e, h) {\n var a = d + ';',\n m = 2 * c + 3 * e + 4 * h;\n\n if (944 === m) {\n d = a.indexOf(':', 9) + 1;\n var b = a.substring(d, a.length - 1).trim();\n b = a.substring(0, d).trim() + b + ';';\n return 1 === w || 2 === w && L(b, 1) ? '-webkit-' + b + b : b;\n }\n\n if (0 === w || 2 === w && !L(a, 1)) return a;\n\n switch (m) {\n case 1015:\n return 97 === a.charCodeAt(10) ? '-webkit-' + a + a : a;\n\n case 951:\n return 116 === a.charCodeAt(3) ? '-webkit-' + a + a : a;\n\n case 963:\n return 110 === a.charCodeAt(5) ? '-webkit-' + a + a : a;\n\n case 1009:\n if (100 !== a.charCodeAt(4)) break;\n\n case 969:\n case 942:\n return '-webkit-' + a + a;\n\n case 978:\n return '-webkit-' + a + '-moz-' + a + a;\n\n case 1019:\n case 983:\n return '-webkit-' + a + '-moz-' + a + '-ms-' + a + a;\n\n case 883:\n if (45 === a.charCodeAt(8)) return '-webkit-' + a + a;\n if (0 < a.indexOf('image-set(', 11)) return a.replace(ja, '$1-webkit-$2') + a;\n break;\n\n case 932:\n if (45 === a.charCodeAt(4)) switch (a.charCodeAt(5)) {\n case 103:\n return '-webkit-box-' + a.replace('-grow', '') + '-webkit-' + a + '-ms-' + a.replace('grow', 'positive') + a;\n\n case 115:\n return '-webkit-' + a + '-ms-' + a.replace('shrink', 'negative') + a;\n\n case 98:\n return '-webkit-' + a + '-ms-' + a.replace('basis', 'preferred-size') + a;\n }\n return '-webkit-' + a + '-ms-' + a + a;\n\n case 964:\n return '-webkit-' + a + '-ms-flex-' + a + a;\n\n case 1023:\n if (99 !== a.charCodeAt(8)) break;\n b = a.substring(a.indexOf(':', 15)).replace('flex-', '').replace('space-between', 'justify');\n return '-webkit-box-pack' + b + '-webkit-' + a + '-ms-flex-pack' + b + a;\n\n case 1005:\n return ka.test(a) ? a.replace(aa, ':-webkit-') + a.replace(aa, ':-moz-') + a : a;\n\n case 1e3:\n b = a.substring(13).trim();\n c = b.indexOf('-') + 1;\n\n switch (b.charCodeAt(0) + b.charCodeAt(c)) {\n case 226:\n b = a.replace(G, 'tb');\n break;\n\n case 232:\n b = a.replace(G, 'tb-rl');\n break;\n\n case 220:\n b = a.replace(G, 'lr');\n break;\n\n default:\n return a;\n }\n\n return '-webkit-' + a + '-ms-' + b + a;\n\n case 1017:\n if (-1 === a.indexOf('sticky', 9)) break;\n\n case 975:\n c = (a = d).length - 10;\n b = (33 === a.charCodeAt(c) ? a.substring(0, c) : a).substring(d.indexOf(':', 7) + 1).trim();\n\n switch (m = b.charCodeAt(0) + (b.charCodeAt(7) | 0)) {\n case 203:\n if (111 > b.charCodeAt(8)) break;\n\n case 115:\n a = a.replace(b, '-webkit-' + b) + ';' + a;\n break;\n\n case 207:\n case 102:\n a = a.replace(b, '-webkit-' + (102 < m ? 'inline-' : '') + 'box') + ';' + a.replace(b, '-webkit-' + b) + ';' + a.replace(b, '-ms-' + b + 'box') + ';' + a;\n }\n\n return a + ';';\n\n case 938:\n if (45 === a.charCodeAt(5)) switch (a.charCodeAt(6)) {\n case 105:\n return b = a.replace('-items', ''), '-webkit-' + a + '-webkit-box-' + b + '-ms-flex-' + b + a;\n\n case 115:\n return '-webkit-' + a + '-ms-flex-item-' + a.replace(ba, '') + a;\n\n default:\n return '-webkit-' + a + '-ms-flex-line-pack' + a.replace('align-content', '').replace(ba, '') + a;\n }\n break;\n\n case 973:\n case 989:\n if (45 !== a.charCodeAt(3) || 122 === a.charCodeAt(4)) break;\n\n case 931:\n case 953:\n if (!0 === la.test(d)) return 115 === (b = d.substring(d.indexOf(':') + 1)).charCodeAt(0) ? P(d.replace('stretch', 'fill-available'), c, e, h).replace(':fill-available', ':stretch') : a.replace(b, '-webkit-' + b) + a.replace(b, '-moz-' + b.replace('fill-', '')) + a;\n break;\n\n case 962:\n if (a = '-webkit-' + a + (102 === a.charCodeAt(5) ? '-ms-' + a : '') + a, 211 === e + h && 105 === a.charCodeAt(13) && 0 < a.indexOf('transform', 10)) return a.substring(0, a.indexOf(';', 27) + 1).replace(ma, '$1-webkit-$2') + a;\n }\n\n return a;\n }\n\n function L(d, c) {\n var e = d.indexOf(1 === c ? ':' : '{'),\n h = d.substring(0, 3 !== c ? e : 10);\n e = d.substring(e + 1, d.length - 1);\n return R(2 !== c ? h : h.replace(na, '$1'), e, c);\n }\n\n function ea(d, c) {\n var e = P(c, c.charCodeAt(0), c.charCodeAt(1), c.charCodeAt(2));\n return e !== c + ';' ? e.replace(oa, ' or ($1)').substring(4) : '(' + c + ')';\n }\n\n function H(d, c, e, h, a, m, b, v, n, q) {\n for (var g = 0, x = c, w; g < A; ++g) {\n switch (w = S[g].call(B, d, x, e, h, a, m, b, v, n, q)) {\n case void 0:\n case !1:\n case !0:\n case null:\n break;\n\n default:\n x = w;\n }\n }\n\n if (x !== c) return x;\n }\n\n function T(d) {\n switch (d) {\n case void 0:\n case null:\n A = S.length = 0;\n break;\n\n default:\n if ('function' === typeof d) S[A++] = d;else if ('object' === typeof d) for (var c = 0, e = d.length; c < e; ++c) {\n T(d[c]);\n } else Y = !!d | 0;\n }\n\n return T;\n }\n\n function U(d) {\n d = d.prefix;\n void 0 !== d && (R = null, d ? 'function' !== typeof d ? w = 1 : (w = 2, R = d) : w = 0);\n return U;\n }\n\n function B(d, c) {\n var e = d;\n 33 > e.charCodeAt(0) && (e = e.trim());\n V = e;\n e = [V];\n\n if (0 < A) {\n var h = H(-1, c, e, e, D, z, 0, 0, 0, 0);\n void 0 !== h && 'string' === typeof h && (c = h);\n }\n\n var a = M(O, e, c, 0, 0);\n 0 < A && (h = H(-2, a, e, e, D, z, a.length, 0, 0, 0), void 0 !== h && (a = h));\n V = '';\n E = 0;\n z = D = 1;\n return a;\n }\n\n var ca = /^\\0+/g,\n N = /[\\0\\r\\f]/g,\n aa = /: */g,\n ka = /zoo|gra/,\n ma = /([,: ])(transform)/g,\n ia = /,\\r+?/g,\n F = /([\\t\\r\\n ])*\\f?&/g,\n fa = /@(k\\w+)\\s*(\\S*)\\s*/,\n Q = /::(place)/g,\n ha = /:(read-only)/g,\n G = /[svh]\\w+-[tblr]{2}/,\n da = /\\(\\s*(.*)\\s*\\)/g,\n oa = /([\\s\\S]*?);/g,\n ba = /-self|flex-/g,\n na = /[^]*?(:[rp][el]a[\\w-]+)[^]*/,\n la = /stretch|:\\s*\\w+\\-(?:conte|avail)/,\n ja = /([^-])(image-set\\()/,\n z = 1,\n D = 1,\n E = 0,\n w = 1,\n O = [],\n S = [],\n A = 0,\n R = null,\n Y = 0,\n V = '';\n B.use = T;\n B.set = U;\n void 0 !== W && U(W);\n return B;\n}\n\nexport default stylis_min;\n","var unitlessKeys = {\n animationIterationCount: 1,\n borderImageOutset: 1,\n borderImageSlice: 1,\n borderImageWidth: 1,\n boxFlex: 1,\n boxFlexGroup: 1,\n boxOrdinalGroup: 1,\n columnCount: 1,\n columns: 1,\n flex: 1,\n flexGrow: 1,\n flexPositive: 1,\n flexShrink: 1,\n flexNegative: 1,\n flexOrder: 1,\n gridRow: 1,\n gridRowEnd: 1,\n gridRowSpan: 1,\n gridRowStart: 1,\n gridColumn: 1,\n gridColumnEnd: 1,\n gridColumnSpan: 1,\n gridColumnStart: 1,\n msGridRow: 1,\n msGridRowSpan: 1,\n msGridColumn: 1,\n msGridColumnSpan: 1,\n fontWeight: 1,\n lineHeight: 1,\n opacity: 1,\n order: 1,\n orphans: 1,\n tabSize: 1,\n widows: 1,\n zIndex: 1,\n zoom: 1,\n WebkitLineClamp: 1,\n // SVG-related properties\n fillOpacity: 1,\n floodOpacity: 1,\n stopOpacity: 1,\n strokeDasharray: 1,\n strokeDashoffset: 1,\n strokeMiterlimit: 1,\n strokeOpacity: 1,\n strokeWidth: 1\n};\n\nexport default unitlessKeys;\n","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport withStyles from '../styles/withStyles';\nimport Fade from '../Fade';\nexport var styles = {\n /* Styles applied to the root element. */\n root: {\n // Improve scrollable dialog support.\n zIndex: -1,\n position: 'fixed',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n right: 0,\n bottom: 0,\n top: 0,\n left: 0,\n backgroundColor: 'rgba(0, 0, 0, 0.5)',\n WebkitTapHighlightColor: 'transparent'\n },\n\n /* Styles applied to the root element if `invisible={true}`. */\n invisible: {\n backgroundColor: 'transparent'\n }\n};\nvar Backdrop = /*#__PURE__*/React.forwardRef(function Backdrop(props, ref) {\n var children = props.children,\n classes = props.classes,\n className = props.className,\n _props$invisible = props.invisible,\n invisible = _props$invisible === void 0 ? false : _props$invisible,\n open = props.open,\n transitionDuration = props.transitionDuration,\n _props$TransitionComp = props.TransitionComponent,\n TransitionComponent = _props$TransitionComp === void 0 ? Fade : _props$TransitionComp,\n other = _objectWithoutProperties(props, [\"children\", \"classes\", \"className\", \"invisible\", \"open\", \"transitionDuration\", \"TransitionComponent\"]);\n\n return /*#__PURE__*/React.createElement(TransitionComponent, _extends({\n in: open,\n timeout: transitionDuration\n }, other), /*#__PURE__*/React.createElement(\"div\", {\n className: clsx(classes.root, className, invisible && classes.invisible),\n \"aria-hidden\": true,\n ref: ref\n }, children));\n});\nprocess.env.NODE_ENV !== \"production\" ? Backdrop.propTypes = {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * The content of the component.\n */\n children: PropTypes.node,\n\n /**\n * Override or extend the styles applied to the component.\n * See [CSS API](#css) below for more details.\n */\n classes: PropTypes.object,\n\n /**\n * @ignore\n */\n className: PropTypes.string,\n\n /**\n * If `true`, the backdrop is invisible.\n * It can be used when rendering a popover or a custom select component.\n */\n invisible: PropTypes.bool,\n\n /**\n * If `true`, the backdrop is open.\n */\n open: PropTypes.bool.isRequired,\n\n /**\n * The duration for the transition, in milliseconds.\n * You may specify a single timeout for all transitions, or individually with an object.\n */\n transitionDuration: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({\n appear: PropTypes.number,\n enter: PropTypes.number,\n exit: PropTypes.number\n })])\n} : void 0;\nexport default withStyles(styles, {\n name: 'MuiBackdrop'\n})(Backdrop);","import _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport withStyles from '../styles/withStyles';\nimport { alpha } from '../styles/colorManipulator';\nimport ButtonBase from '../ButtonBase';\nimport capitalize from '../utils/capitalize';\nexport var styles = function styles(theme) {\n return {\n /* Styles applied to the root element. */\n root: _extends({}, theme.typography.button, {\n boxSizing: 'border-box',\n minWidth: 64,\n padding: '6px 16px',\n borderRadius: theme.shape.borderRadius,\n color: theme.palette.text.primary,\n transition: theme.transitions.create(['background-color', 'box-shadow', 'border'], {\n duration: theme.transitions.duration.short\n }),\n '&:hover': {\n textDecoration: 'none',\n backgroundColor: alpha(theme.palette.text.primary, theme.palette.action.hoverOpacity),\n // Reset on touch devices, it doesn't add specificity\n '@media (hover: none)': {\n backgroundColor: 'transparent'\n },\n '&$disabled': {\n backgroundColor: 'transparent'\n }\n },\n '&$disabled': {\n color: theme.palette.action.disabled\n }\n }),\n\n /* Styles applied to the span element that wraps the children. */\n label: {\n width: '100%',\n // Ensure the correct width for iOS Safari\n display: 'inherit',\n alignItems: 'inherit',\n justifyContent: 'inherit'\n },\n\n /* Styles applied to the root element if `variant=\"text\"`. */\n text: {\n padding: '6px 8px'\n },\n\n /* Styles applied to the root element if `variant=\"text\"` and `color=\"primary\"`. */\n textPrimary: {\n color: theme.palette.primary.main,\n '&:hover': {\n backgroundColor: alpha(theme.palette.primary.main, theme.palette.action.hoverOpacity),\n // Reset on touch devices, it doesn't add specificity\n '@media (hover: none)': {\n backgroundColor: 'transparent'\n }\n }\n },\n\n /* Styles applied to the root element if `variant=\"text\"` and `color=\"secondary\"`. */\n textSecondary: {\n color: theme.palette.secondary.main,\n '&:hover': {\n backgroundColor: alpha(theme.palette.secondary.main, theme.palette.action.hoverOpacity),\n // Reset on touch devices, it doesn't add specificity\n '@media (hover: none)': {\n backgroundColor: 'transparent'\n }\n }\n },\n\n /* Styles applied to the root element if `variant=\"outlined\"`. */\n outlined: {\n padding: '5px 15px',\n border: \"1px solid \".concat(theme.palette.type === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)'),\n '&$disabled': {\n border: \"1px solid \".concat(theme.palette.action.disabledBackground)\n }\n },\n\n /* Styles applied to the root element if `variant=\"outlined\"` and `color=\"primary\"`. */\n outlinedPrimary: {\n color: theme.palette.primary.main,\n border: \"1px solid \".concat(alpha(theme.palette.primary.main, 0.5)),\n '&:hover': {\n border: \"1px solid \".concat(theme.palette.primary.main),\n backgroundColor: alpha(theme.palette.primary.main, theme.palette.action.hoverOpacity),\n // Reset on touch devices, it doesn't add specificity\n '@media (hover: none)': {\n backgroundColor: 'transparent'\n }\n }\n },\n\n /* Styles applied to the root element if `variant=\"outlined\"` and `color=\"secondary\"`. */\n outlinedSecondary: {\n color: theme.palette.secondary.main,\n border: \"1px solid \".concat(alpha(theme.palette.secondary.main, 0.5)),\n '&:hover': {\n border: \"1px solid \".concat(theme.palette.secondary.main),\n backgroundColor: alpha(theme.palette.secondary.main, theme.palette.action.hoverOpacity),\n // Reset on touch devices, it doesn't add specificity\n '@media (hover: none)': {\n backgroundColor: 'transparent'\n }\n },\n '&$disabled': {\n border: \"1px solid \".concat(theme.palette.action.disabled)\n }\n },\n\n /* Styles applied to the root element if `variant=\"contained\"`. */\n contained: {\n color: theme.palette.getContrastText(theme.palette.grey[300]),\n backgroundColor: theme.palette.grey[300],\n boxShadow: theme.shadows[2],\n '&:hover': {\n backgroundColor: theme.palette.grey.A100,\n boxShadow: theme.shadows[4],\n // Reset on touch devices, it doesn't add specificity\n '@media (hover: none)': {\n boxShadow: theme.shadows[2],\n backgroundColor: theme.palette.grey[300]\n },\n '&$disabled': {\n backgroundColor: theme.palette.action.disabledBackground\n }\n },\n '&$focusVisible': {\n boxShadow: theme.shadows[6]\n },\n '&:active': {\n boxShadow: theme.shadows[8]\n },\n '&$disabled': {\n color: theme.palette.action.disabled,\n boxShadow: theme.shadows[0],\n backgroundColor: theme.palette.action.disabledBackground\n }\n },\n\n /* Styles applied to the root element if `variant=\"contained\"` and `color=\"primary\"`. */\n containedPrimary: {\n color: theme.palette.primary.contrastText,\n backgroundColor: theme.palette.primary.main,\n '&:hover': {\n backgroundColor: theme.palette.primary.dark,\n // Reset on touch devices, it doesn't add specificity\n '@media (hover: none)': {\n backgroundColor: theme.palette.primary.main\n }\n }\n },\n\n /* Styles applied to the root element if `variant=\"contained\"` and `color=\"secondary\"`. */\n containedSecondary: {\n color: theme.palette.secondary.contrastText,\n backgroundColor: theme.palette.secondary.main,\n '&:hover': {\n backgroundColor: theme.palette.secondary.dark,\n // Reset on touch devices, it doesn't add specificity\n '@media (hover: none)': {\n backgroundColor: theme.palette.secondary.main\n }\n }\n },\n\n /* Styles applied to the root element if `disableElevation={true}`. */\n disableElevation: {\n boxShadow: 'none',\n '&:hover': {\n boxShadow: 'none'\n },\n '&$focusVisible': {\n boxShadow: 'none'\n },\n '&:active': {\n boxShadow: 'none'\n },\n '&$disabled': {\n boxShadow: 'none'\n }\n },\n\n /* Pseudo-class applied to the ButtonBase root element if the button is keyboard focused. */\n focusVisible: {},\n\n /* Pseudo-class applied to the root element if `disabled={true}`. */\n disabled: {},\n\n /* Styles applied to the root element if `color=\"inherit\"`. */\n colorInherit: {\n color: 'inherit',\n borderColor: 'currentColor'\n },\n\n /* Styles applied to the root element if `size=\"small\"` and `variant=\"text\"`. */\n textSizeSmall: {\n padding: '4px 5px',\n fontSize: theme.typography.pxToRem(13)\n },\n\n /* Styles applied to the root element if `size=\"large\"` and `variant=\"text\"`. */\n textSizeLarge: {\n padding: '8px 11px',\n fontSize: theme.typography.pxToRem(15)\n },\n\n /* Styles applied to the root element if `size=\"small\"` and `variant=\"outlined\"`. */\n outlinedSizeSmall: {\n padding: '3px 9px',\n fontSize: theme.typography.pxToRem(13)\n },\n\n /* Styles applied to the root element if `size=\"large\"` and `variant=\"outlined\"`. */\n outlinedSizeLarge: {\n padding: '7px 21px',\n fontSize: theme.typography.pxToRem(15)\n },\n\n /* Styles applied to the root element if `size=\"small\"` and `variant=\"contained\"`. */\n containedSizeSmall: {\n padding: '4px 10px',\n fontSize: theme.typography.pxToRem(13)\n },\n\n /* Styles applied to the root element if `size=\"large\"` and `variant=\"contained\"`. */\n containedSizeLarge: {\n padding: '8px 22px',\n fontSize: theme.typography.pxToRem(15)\n },\n\n /* Styles applied to the root element if `size=\"small\"`. */\n sizeSmall: {},\n\n /* Styles applied to the root element if `size=\"large\"`. */\n sizeLarge: {},\n\n /* Styles applied to the root element if `fullWidth={true}`. */\n fullWidth: {\n width: '100%'\n },\n\n /* Styles applied to the startIcon element if supplied. */\n startIcon: {\n display: 'inherit',\n marginRight: 8,\n marginLeft: -4,\n '&$iconSizeSmall': {\n marginLeft: -2\n }\n },\n\n /* Styles applied to the endIcon element if supplied. */\n endIcon: {\n display: 'inherit',\n marginRight: -4,\n marginLeft: 8,\n '&$iconSizeSmall': {\n marginRight: -2\n }\n },\n\n /* Styles applied to the icon element if supplied and `size=\"small\"`. */\n iconSizeSmall: {\n '& > *:first-child': {\n fontSize: 18\n }\n },\n\n /* Styles applied to the icon element if supplied and `size=\"medium\"`. */\n iconSizeMedium: {\n '& > *:first-child': {\n fontSize: 20\n }\n },\n\n /* Styles applied to the icon element if supplied and `size=\"large\"`. */\n iconSizeLarge: {\n '& > *:first-child': {\n fontSize: 22\n }\n }\n };\n};\nvar Button = /*#__PURE__*/React.forwardRef(function Button(props, ref) {\n var children = props.children,\n classes = props.classes,\n className = props.className,\n _props$color = props.color,\n color = _props$color === void 0 ? 'default' : _props$color,\n _props$component = props.component,\n component = _props$component === void 0 ? 'button' : _props$component,\n _props$disabled = props.disabled,\n disabled = _props$disabled === void 0 ? false : _props$disabled,\n _props$disableElevati = props.disableElevation,\n disableElevation = _props$disableElevati === void 0 ? false : _props$disableElevati,\n _props$disableFocusRi = props.disableFocusRipple,\n disableFocusRipple = _props$disableFocusRi === void 0 ? false : _props$disableFocusRi,\n endIconProp = props.endIcon,\n focusVisibleClassName = props.focusVisibleClassName,\n _props$fullWidth = props.fullWidth,\n fullWidth = _props$fullWidth === void 0 ? false : _props$fullWidth,\n _props$size = props.size,\n size = _props$size === void 0 ? 'medium' : _props$size,\n startIconProp = props.startIcon,\n _props$type = props.type,\n type = _props$type === void 0 ? 'button' : _props$type,\n _props$variant = props.variant,\n variant = _props$variant === void 0 ? 'text' : _props$variant,\n other = _objectWithoutProperties(props, [\"children\", \"classes\", \"className\", \"color\", \"component\", \"disabled\", \"disableElevation\", \"disableFocusRipple\", \"endIcon\", \"focusVisibleClassName\", \"fullWidth\", \"size\", \"startIcon\", \"type\", \"variant\"]);\n\n var startIcon = startIconProp && /*#__PURE__*/React.createElement(\"span\", {\n className: clsx(classes.startIcon, classes[\"iconSize\".concat(capitalize(size))])\n }, startIconProp);\n var endIcon = endIconProp && /*#__PURE__*/React.createElement(\"span\", {\n className: clsx(classes.endIcon, classes[\"iconSize\".concat(capitalize(size))])\n }, endIconProp);\n return /*#__PURE__*/React.createElement(ButtonBase, _extends({\n className: clsx(classes.root, classes[variant], className, color === 'inherit' ? classes.colorInherit : color !== 'default' && classes[\"\".concat(variant).concat(capitalize(color))], size !== 'medium' && [classes[\"\".concat(variant, \"Size\").concat(capitalize(size))], classes[\"size\".concat(capitalize(size))]], disableElevation && classes.disableElevation, disabled && classes.disabled, fullWidth && classes.fullWidth),\n component: component,\n disabled: disabled,\n focusRipple: !disableFocusRipple,\n focusVisibleClassName: clsx(classes.focusVisible, focusVisibleClassName),\n ref: ref,\n type: type\n }, other), /*#__PURE__*/React.createElement(\"span\", {\n className: classes.label\n }, startIcon, children, endIcon));\n});\nprocess.env.NODE_ENV !== \"production\" ? Button.propTypes = {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * The content of the button.\n */\n children: PropTypes.node,\n\n /**\n * Override or extend the styles applied to the component.\n * See [CSS API](#css) below for more details.\n */\n classes: PropTypes.object,\n\n /**\n * @ignore\n */\n className: PropTypes.string,\n\n /**\n * The color of the component. It supports those theme colors that make sense for this component.\n */\n color: PropTypes.oneOf(['default', 'inherit', 'primary', 'secondary']),\n\n /**\n * The component used for the root node.\n * Either a string to use a HTML element or a component.\n */\n component: PropTypes\n /* @typescript-to-proptypes-ignore */\n .elementType,\n\n /**\n * If `true`, the button will be disabled.\n */\n disabled: PropTypes.bool,\n\n /**\n * If `true`, no elevation is used.\n */\n disableElevation: PropTypes.bool,\n\n /**\n * If `true`, the keyboard focus ripple will be disabled.\n */\n disableFocusRipple: PropTypes.bool,\n\n /**\n * If `true`, the ripple effect will be disabled.\n *\n * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure\n * to highlight the element by applying separate styles with the `focusVisibleClassName`.\n */\n disableRipple: PropTypes.bool,\n\n /**\n * Element placed after the children.\n */\n endIcon: PropTypes.node,\n\n /**\n * @ignore\n */\n focusVisibleClassName: PropTypes.string,\n\n /**\n * If `true`, the button will take up the full width of its container.\n */\n fullWidth: PropTypes.bool,\n\n /**\n * The URL to link to when the button is clicked.\n * If defined, an `a` element will be used as the root node.\n */\n href: PropTypes.string,\n\n /**\n * The size of the button.\n * `small` is equivalent to the dense button styling.\n */\n size: PropTypes.oneOf(['large', 'medium', 'small']),\n\n /**\n * Element placed before the children.\n */\n startIcon: PropTypes.node,\n\n /**\n * @ignore\n */\n type: PropTypes.oneOfType([PropTypes.oneOf(['button', 'reset', 'submit']), PropTypes.string]),\n\n /**\n * The variant to use.\n */\n variant: PropTypes.oneOf(['contained', 'outlined', 'text'])\n} : void 0;\nexport default withStyles(styles, {\n name: 'MuiButton'\n})(Button);","import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport useEventCallback from '../utils/useEventCallback';\nvar useEnhancedEffect = typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect;\n/**\n * @ignore - internal component.\n */\n\nfunction Ripple(props) {\n var classes = props.classes,\n _props$pulsate = props.pulsate,\n pulsate = _props$pulsate === void 0 ? false : _props$pulsate,\n rippleX = props.rippleX,\n rippleY = props.rippleY,\n rippleSize = props.rippleSize,\n inProp = props.in,\n _props$onExited = props.onExited,\n onExited = _props$onExited === void 0 ? function () {} : _props$onExited,\n timeout = props.timeout;\n\n var _React$useState = React.useState(false),\n leaving = _React$useState[0],\n setLeaving = _React$useState[1];\n\n var rippleClassName = clsx(classes.ripple, classes.rippleVisible, pulsate && classes.ripplePulsate);\n var rippleStyles = {\n width: rippleSize,\n height: rippleSize,\n top: -(rippleSize / 2) + rippleY,\n left: -(rippleSize / 2) + rippleX\n };\n var childClassName = clsx(classes.child, leaving && classes.childLeaving, pulsate && classes.childPulsate);\n var handleExited = useEventCallback(onExited); // Ripple is used for user feedback (e.g. click or press) so we want to apply styles with the highest priority\n\n useEnhancedEffect(function () {\n if (!inProp) {\n // react-transition-group#onExit\n setLeaving(true); // react-transition-group#onExited\n\n var timeoutId = setTimeout(handleExited, timeout);\n return function () {\n clearTimeout(timeoutId);\n };\n }\n\n return undefined;\n }, [handleExited, inProp, timeout]);\n return /*#__PURE__*/React.createElement(\"span\", {\n className: rippleClassName,\n style: rippleStyles\n }, /*#__PURE__*/React.createElement(\"span\", {\n className: childClassName\n }));\n}\n\nprocess.env.NODE_ENV !== \"production\" ? Ripple.propTypes = {\n /**\n * Override or extend the styles applied to the component.\n * See [CSS API](#css) below for more details.\n */\n classes: PropTypes.object.isRequired,\n\n /**\n * @ignore - injected from TransitionGroup\n */\n in: PropTypes.bool,\n\n /**\n * @ignore - injected from TransitionGroup\n */\n onExited: PropTypes.func,\n\n /**\n * If `true`, the ripple pulsates, typically indicating the keyboard focus state of an element.\n */\n pulsate: PropTypes.bool,\n\n /**\n * Diameter of the ripple.\n */\n rippleSize: PropTypes.number,\n\n /**\n * Horizontal position of the ripple center.\n */\n rippleX: PropTypes.number,\n\n /**\n * Vertical position of the ripple center.\n */\n rippleY: PropTypes.number,\n\n /**\n * exit delay\n */\n timeout: PropTypes.number.isRequired\n} : void 0;\nexport default Ripple;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { TransitionGroup } from 'react-transition-group';\nimport clsx from 'clsx';\nimport withStyles from '../styles/withStyles';\nimport Ripple from './Ripple';\nvar DURATION = 550;\nexport var DELAY_RIPPLE = 80;\nexport var styles = function styles(theme) {\n return {\n /* Styles applied to the root element. */\n root: {\n overflow: 'hidden',\n pointerEvents: 'none',\n position: 'absolute',\n zIndex: 0,\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n borderRadius: 'inherit'\n },\n\n /* Styles applied to the internal `Ripple` components `ripple` class. */\n ripple: {\n opacity: 0,\n position: 'absolute'\n },\n\n /* Styles applied to the internal `Ripple` components `rippleVisible` class. */\n rippleVisible: {\n opacity: 0.3,\n transform: 'scale(1)',\n animation: \"$enter \".concat(DURATION, \"ms \").concat(theme.transitions.easing.easeInOut)\n },\n\n /* Styles applied to the internal `Ripple` components `ripplePulsate` class. */\n ripplePulsate: {\n animationDuration: \"\".concat(theme.transitions.duration.shorter, \"ms\")\n },\n\n /* Styles applied to the internal `Ripple` components `child` class. */\n child: {\n opacity: 1,\n display: 'block',\n width: '100%',\n height: '100%',\n borderRadius: '50%',\n backgroundColor: 'currentColor'\n },\n\n /* Styles applied to the internal `Ripple` components `childLeaving` class. */\n childLeaving: {\n opacity: 0,\n animation: \"$exit \".concat(DURATION, \"ms \").concat(theme.transitions.easing.easeInOut)\n },\n\n /* Styles applied to the internal `Ripple` components `childPulsate` class. */\n childPulsate: {\n position: 'absolute',\n left: 0,\n top: 0,\n animation: \"$pulsate 2500ms \".concat(theme.transitions.easing.easeInOut, \" 200ms infinite\")\n },\n '@keyframes enter': {\n '0%': {\n transform: 'scale(0)',\n opacity: 0.1\n },\n '100%': {\n transform: 'scale(1)',\n opacity: 0.3\n }\n },\n '@keyframes exit': {\n '0%': {\n opacity: 1\n },\n '100%': {\n opacity: 0\n }\n },\n '@keyframes pulsate': {\n '0%': {\n transform: 'scale(1)'\n },\n '50%': {\n transform: 'scale(0.92)'\n },\n '100%': {\n transform: 'scale(1)'\n }\n }\n };\n};\n/**\n * @ignore - internal component.\n *\n * TODO v5: Make private\n */\n\nvar TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(props, ref) {\n var _props$center = props.center,\n centerProp = _props$center === void 0 ? false : _props$center,\n classes = props.classes,\n className = props.className,\n other = _objectWithoutProperties(props, [\"center\", \"classes\", \"className\"]);\n\n var _React$useState = React.useState([]),\n ripples = _React$useState[0],\n setRipples = _React$useState[1];\n\n var nextKey = React.useRef(0);\n var rippleCallback = React.useRef(null);\n React.useEffect(function () {\n if (rippleCallback.current) {\n rippleCallback.current();\n rippleCallback.current = null;\n }\n }, [ripples]); // Used to filter out mouse emulated events on mobile.\n\n var ignoringMouseDown = React.useRef(false); // We use a timer in order to only show the ripples for touch \"click\" like events.\n // We don't want to display the ripple for touch scroll events.\n\n var startTimer = React.useRef(null); // This is the hook called once the previous timeout is ready.\n\n var startTimerCommit = React.useRef(null);\n var container = React.useRef(null);\n React.useEffect(function () {\n return function () {\n clearTimeout(startTimer.current);\n };\n }, []);\n var startCommit = React.useCallback(function (params) {\n var pulsate = params.pulsate,\n rippleX = params.rippleX,\n rippleY = params.rippleY,\n rippleSize = params.rippleSize,\n cb = params.cb;\n setRipples(function (oldRipples) {\n return [].concat(_toConsumableArray(oldRipples), [/*#__PURE__*/React.createElement(Ripple, {\n key: nextKey.current,\n classes: classes,\n timeout: DURATION,\n pulsate: pulsate,\n rippleX: rippleX,\n rippleY: rippleY,\n rippleSize: rippleSize\n })]);\n });\n nextKey.current += 1;\n rippleCallback.current = cb;\n }, [classes]);\n var start = React.useCallback(function () {\n var event = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n var cb = arguments.length > 2 ? arguments[2] : undefined;\n var _options$pulsate = options.pulsate,\n pulsate = _options$pulsate === void 0 ? false : _options$pulsate,\n _options$center = options.center,\n center = _options$center === void 0 ? centerProp || options.pulsate : _options$center,\n _options$fakeElement = options.fakeElement,\n fakeElement = _options$fakeElement === void 0 ? false : _options$fakeElement;\n\n if (event.type === 'mousedown' && ignoringMouseDown.current) {\n ignoringMouseDown.current = false;\n return;\n }\n\n if (event.type === 'touchstart') {\n ignoringMouseDown.current = true;\n }\n\n var element = fakeElement ? null : container.current;\n var rect = element ? element.getBoundingClientRect() : {\n width: 0,\n height: 0,\n left: 0,\n top: 0\n }; // Get the size of the ripple\n\n var rippleX;\n var rippleY;\n var rippleSize;\n\n if (center || event.clientX === 0 && event.clientY === 0 || !event.clientX && !event.touches) {\n rippleX = Math.round(rect.width / 2);\n rippleY = Math.round(rect.height / 2);\n } else {\n var _ref = event.touches ? event.touches[0] : event,\n clientX = _ref.clientX,\n clientY = _ref.clientY;\n\n rippleX = Math.round(clientX - rect.left);\n rippleY = Math.round(clientY - rect.top);\n }\n\n if (center) {\n rippleSize = Math.sqrt((2 * Math.pow(rect.width, 2) + Math.pow(rect.height, 2)) / 3); // For some reason the animation is broken on Mobile Chrome if the size if even.\n\n if (rippleSize % 2 === 0) {\n rippleSize += 1;\n }\n } else {\n var sizeX = Math.max(Math.abs((element ? element.clientWidth : 0) - rippleX), rippleX) * 2 + 2;\n var sizeY = Math.max(Math.abs((element ? element.clientHeight : 0) - rippleY), rippleY) * 2 + 2;\n rippleSize = Math.sqrt(Math.pow(sizeX, 2) + Math.pow(sizeY, 2));\n } // Touche devices\n\n\n if (event.touches) {\n // check that this isn't another touchstart due to multitouch\n // otherwise we will only clear a single timer when unmounting while two\n // are running\n if (startTimerCommit.current === null) {\n // Prepare the ripple effect.\n startTimerCommit.current = function () {\n startCommit({\n pulsate: pulsate,\n rippleX: rippleX,\n rippleY: rippleY,\n rippleSize: rippleSize,\n cb: cb\n });\n }; // Delay the execution of the ripple effect.\n\n\n startTimer.current = setTimeout(function () {\n if (startTimerCommit.current) {\n startTimerCommit.current();\n startTimerCommit.current = null;\n }\n }, DELAY_RIPPLE); // We have to make a tradeoff with this value.\n }\n } else {\n startCommit({\n pulsate: pulsate,\n rippleX: rippleX,\n rippleY: rippleY,\n rippleSize: rippleSize,\n cb: cb\n });\n }\n }, [centerProp, startCommit]);\n var pulsate = React.useCallback(function () {\n start({}, {\n pulsate: true\n });\n }, [start]);\n var stop = React.useCallback(function (event, cb) {\n clearTimeout(startTimer.current); // The touch interaction occurs too quickly.\n // We still want to show ripple effect.\n\n if (event.type === 'touchend' && startTimerCommit.current) {\n event.persist();\n startTimerCommit.current();\n startTimerCommit.current = null;\n startTimer.current = setTimeout(function () {\n stop(event, cb);\n });\n return;\n }\n\n startTimerCommit.current = null;\n setRipples(function (oldRipples) {\n if (oldRipples.length > 0) {\n return oldRipples.slice(1);\n }\n\n return oldRipples;\n });\n rippleCallback.current = cb;\n }, []);\n React.useImperativeHandle(ref, function () {\n return {\n pulsate: pulsate,\n start: start,\n stop: stop\n };\n }, [pulsate, start, stop]);\n return /*#__PURE__*/React.createElement(\"span\", _extends({\n className: clsx(classes.root, className),\n ref: container\n }, other), /*#__PURE__*/React.createElement(TransitionGroup, {\n component: null,\n exit: true\n }, ripples));\n});\nprocess.env.NODE_ENV !== \"production\" ? TouchRipple.propTypes = {\n /**\n * If `true`, the ripple starts at the center of the component\n * rather than at the point of interaction.\n */\n center: PropTypes.bool,\n\n /**\n * Override or extend the styles applied to the component.\n * See [CSS API](#css) below for more details.\n */\n classes: PropTypes.object.isRequired,\n\n /**\n * @ignore\n */\n className: PropTypes.string\n} : void 0;\nexport default withStyles(styles, {\n flip: false,\n name: 'MuiTouchRipple'\n})( /*#__PURE__*/React.memo(TouchRipple));","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport * as ReactDOM from 'react-dom';\nimport clsx from 'clsx';\nimport { elementTypeAcceptingRef, refType } from '@material-ui/utils';\nimport useForkRef from '../utils/useForkRef';\nimport useEventCallback from '../utils/useEventCallback';\nimport deprecatedPropType from '../utils/deprecatedPropType';\nimport withStyles from '../styles/withStyles';\nimport useIsFocusVisible from '../utils/useIsFocusVisible';\nimport TouchRipple from './TouchRipple';\nexport var styles = {\n /* Styles applied to the root element. */\n root: {\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n position: 'relative',\n WebkitTapHighlightColor: 'transparent',\n backgroundColor: 'transparent',\n // Reset default value\n // We disable the focus ring for mouse, touch and keyboard users.\n outline: 0,\n border: 0,\n margin: 0,\n // Remove the margin in Safari\n borderRadius: 0,\n padding: 0,\n // Remove the padding in Firefox\n cursor: 'pointer',\n userSelect: 'none',\n verticalAlign: 'middle',\n '-moz-appearance': 'none',\n // Reset\n '-webkit-appearance': 'none',\n // Reset\n textDecoration: 'none',\n // So we take precedent over the style of a native element.\n color: 'inherit',\n '&::-moz-focus-inner': {\n borderStyle: 'none' // Remove Firefox dotted outline.\n\n },\n '&$disabled': {\n pointerEvents: 'none',\n // Disable link interactions\n cursor: 'default'\n },\n '@media print': {\n colorAdjust: 'exact'\n }\n },\n\n /* Pseudo-class applied to the root element if `disabled={true}`. */\n disabled: {},\n\n /* Pseudo-class applied to the root element if keyboard focused. */\n focusVisible: {}\n};\n/**\n * `ButtonBase` contains as few styles as possible.\n * It aims to be a simple building block for creating a button.\n * It contains a load of style reset and some focus/ripple logic.\n */\n\nvar ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {\n var action = props.action,\n buttonRefProp = props.buttonRef,\n _props$centerRipple = props.centerRipple,\n centerRipple = _props$centerRipple === void 0 ? false : _props$centerRipple,\n children = props.children,\n classes = props.classes,\n className = props.className,\n _props$component = props.component,\n component = _props$component === void 0 ? 'button' : _props$component,\n _props$disabled = props.disabled,\n disabled = _props$disabled === void 0 ? false : _props$disabled,\n _props$disableRipple = props.disableRipple,\n disableRipple = _props$disableRipple === void 0 ? false : _props$disableRipple,\n _props$disableTouchRi = props.disableTouchRipple,\n disableTouchRipple = _props$disableTouchRi === void 0 ? false : _props$disableTouchRi,\n _props$focusRipple = props.focusRipple,\n focusRipple = _props$focusRipple === void 0 ? false : _props$focusRipple,\n focusVisibleClassName = props.focusVisibleClassName,\n onBlur = props.onBlur,\n onClick = props.onClick,\n onFocus = props.onFocus,\n onFocusVisible = props.onFocusVisible,\n onKeyDown = props.onKeyDown,\n onKeyUp = props.onKeyUp,\n onMouseDown = props.onMouseDown,\n onMouseLeave = props.onMouseLeave,\n onMouseUp = props.onMouseUp,\n onTouchEnd = props.onTouchEnd,\n onTouchMove = props.onTouchMove,\n onTouchStart = props.onTouchStart,\n onDragLeave = props.onDragLeave,\n _props$tabIndex = props.tabIndex,\n tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex,\n TouchRippleProps = props.TouchRippleProps,\n _props$type = props.type,\n type = _props$type === void 0 ? 'button' : _props$type,\n other = _objectWithoutProperties(props, [\"action\", \"buttonRef\", \"centerRipple\", \"children\", \"classes\", \"className\", \"component\", \"disabled\", \"disableRipple\", \"disableTouchRipple\", \"focusRipple\", \"focusVisibleClassName\", \"onBlur\", \"onClick\", \"onFocus\", \"onFocusVisible\", \"onKeyDown\", \"onKeyUp\", \"onMouseDown\", \"onMouseLeave\", \"onMouseUp\", \"onTouchEnd\", \"onTouchMove\", \"onTouchStart\", \"onDragLeave\", \"tabIndex\", \"TouchRippleProps\", \"type\"]);\n\n var buttonRef = React.useRef(null);\n\n function getButtonNode() {\n // #StrictMode ready\n return ReactDOM.findDOMNode(buttonRef.current);\n }\n\n var rippleRef = React.useRef(null);\n\n var _React$useState = React.useState(false),\n focusVisible = _React$useState[0],\n setFocusVisible = _React$useState[1];\n\n if (disabled && focusVisible) {\n setFocusVisible(false);\n }\n\n var _useIsFocusVisible = useIsFocusVisible(),\n isFocusVisible = _useIsFocusVisible.isFocusVisible,\n onBlurVisible = _useIsFocusVisible.onBlurVisible,\n focusVisibleRef = _useIsFocusVisible.ref;\n\n React.useImperativeHandle(action, function () {\n return {\n focusVisible: function focusVisible() {\n setFocusVisible(true);\n buttonRef.current.focus();\n }\n };\n }, []);\n React.useEffect(function () {\n if (focusVisible && focusRipple && !disableRipple) {\n rippleRef.current.pulsate();\n }\n }, [disableRipple, focusRipple, focusVisible]);\n\n function useRippleHandler(rippleAction, eventCallback) {\n var skipRippleAction = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : disableTouchRipple;\n return useEventCallback(function (event) {\n if (eventCallback) {\n eventCallback(event);\n }\n\n var ignore = skipRippleAction;\n\n if (!ignore && rippleRef.current) {\n rippleRef.current[rippleAction](event);\n }\n\n return true;\n });\n }\n\n var handleMouseDown = useRippleHandler('start', onMouseDown);\n var handleDragLeave = useRippleHandler('stop', onDragLeave);\n var handleMouseUp = useRippleHandler('stop', onMouseUp);\n var handleMouseLeave = useRippleHandler('stop', function (event) {\n if (focusVisible) {\n event.preventDefault();\n }\n\n if (onMouseLeave) {\n onMouseLeave(event);\n }\n });\n var handleTouchStart = useRippleHandler('start', onTouchStart);\n var handleTouchEnd = useRippleHandler('stop', onTouchEnd);\n var handleTouchMove = useRippleHandler('stop', onTouchMove);\n var handleBlur = useRippleHandler('stop', function (event) {\n if (focusVisible) {\n onBlurVisible(event);\n setFocusVisible(false);\n }\n\n if (onBlur) {\n onBlur(event);\n }\n }, false);\n var handleFocus = useEventCallback(function (event) {\n // Fix for https://github.com/facebook/react/issues/7769\n if (!buttonRef.current) {\n buttonRef.current = event.currentTarget;\n }\n\n if (isFocusVisible(event)) {\n setFocusVisible(true);\n\n if (onFocusVisible) {\n onFocusVisible(event);\n }\n }\n\n if (onFocus) {\n onFocus(event);\n }\n });\n\n var isNonNativeButton = function isNonNativeButton() {\n var button = getButtonNode();\n return component && component !== 'button' && !(button.tagName === 'A' && button.href);\n };\n /**\n * IE 11 shim for https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/repeat\n */\n\n\n var keydownRef = React.useRef(false);\n var handleKeyDown = useEventCallback(function (event) {\n // Check if key is already down to avoid repeats being counted as multiple activations\n if (focusRipple && !keydownRef.current && focusVisible && rippleRef.current && event.key === ' ') {\n keydownRef.current = true;\n event.persist();\n rippleRef.current.stop(event, function () {\n rippleRef.current.start(event);\n });\n }\n\n if (event.target === event.currentTarget && isNonNativeButton() && event.key === ' ') {\n event.preventDefault();\n }\n\n if (onKeyDown) {\n onKeyDown(event);\n } // Keyboard accessibility for non interactive elements\n\n\n if (event.target === event.currentTarget && isNonNativeButton() && event.key === 'Enter' && !disabled) {\n event.preventDefault();\n\n if (onClick) {\n onClick(event);\n }\n }\n });\n var handleKeyUp = useEventCallback(function (event) {\n // calling preventDefault in keyUp on a \n {/* ![\"Augment]()
*/}\n
\n AT {staffOrPatientString}
\n {userfullname}
\n\n \n
\n \n