\n \n \n Log in\n \n \n
\n );\n }\n}\n\nconst mapStateToProps = state => ({\n token: state.loginReducer.token,\n});\n\nconst mapDispatchToProps = dispatch => ({\n logout: bindActionCreators(loginActions.logout, dispatch),\n});\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(ExpiredSession);\nexport { ExpiredSession };\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport styles from './content.module.css';\n\nconst Content = ({ url, accept }) => (\n Whoops, your session has expired
\n \n
\n);\nContent.propTypes = {\n accept: PropTypes.func.isRequired,\n url: PropTypes.string.isRequired,\n};\n\nexport default Content;\nexport { styles };\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport { CSSTransitionGroup } from 'react-transition-group';\n\nimport Content from './components/Content';\nimport { actions } from './actions/actions';\nimport styles from './tncWrapper.module.css';\n\nclass TnCWrapper extends Component {\n static propTypes = {\n accept: PropTypes.func.isRequired,\n token: PropTypes.string.isRequired,\n };\n state = {\n show: false,\n };\n open = () => {\n this.setState({ show: true });\n };\n accept = () => {\n this.props.accept(this.props.token);\n };\n render() {\n return (\n \n \n Accept\n \n
\n )}\n \n );\n }\n}\n\nconst mapStateToProps = state => ({\n token: state.loginReducer.token,\n url: state.profileReducer.profile.TermsAndConditionsUrl,\n});\n\nconst mapDispatchToProps = dispatch => ({\n accept: token => bindActionCreators(actions.acceptTnC, dispatch)(token),\n});\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(TnCWrapper);\nexport { TnCWrapper };\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport { split, map, filter, compose } from 'lodash/fp';\nimport { CSSTransitionGroup } from 'react-transition-group';\n\nimport reactSStyles from 'react-s-alert/dist/s-alert-default.css';\nimport { ReactComponent as Cross } from '../../svgs/close.svg';\nimport styles from './alerts.module.css';\n\nclass Alerts extends Component {\n static propTypes = {\n classNames: PropTypes.string.isRequired,\n customFields: PropTypes.shape({\n error: PropTypes.bool,\n warning: PropTypes.bool,\n info: PropTypes.bool,\n success: PropTypes.bool,\n }).isRequired,\n id: PropTypes.string.isRequired,\n message: PropTypes.node.isRequired,\n handleClose: PropTypes.func.isRequired,\n };\n constructor(props) {\n super(props);\n this.onClose = this.onClose.bind(this);\n }\n state = {\n closing: false,\n };\n onClose() {\n this.setState({ closing: true });\n this.props.handleClose(this.props.id);\n }\n render() {\n const alertClasses = compose(\n filter(c => c),\n map(c => reactSStyles[c]),\n split(' '),\n )(this.props.classNames);\n const statusClasses = {\n [styles.error]: this.props.customFields.error,\n [styles.warning]: this.props.customFields.warning,\n [styles.info]: this.props.customFields.info,\n [styles.success]: this.props.customFields.success,\n };\n return (\n \n We've updated our \n Terms & Conditions\n
\n {this.props.message}
\n {this.props.children}
\n {isDesktop() && (\n \n
\n \n
\n \n
\n \n
\n \n {(accStore.privacySettingsWithOrg.AllowAccessMyDoctorNotes.Overridden ||\n accStore.privacySettingsWithOrg.AllowAccessMyDependantHealthRecords.Overridden ||\n accStore.privacySettingsWithOrg.AllowAccessMyHealthRecords.Overridden ||\n accStore.privacySettingsWithOrg.AllowAccessAndStoreMedications.Overridden) &&\n\n \n {/*}\n Practice Conditions \n \n */}\n
\n }\n \n
\n )\n }\n\n return (\n Practice Conditions
\n \n { text }\n
\n
\n
\n \n
\n
{ reason }
\n \n {practice.Pictures && 
}\n
\n \n \n \n accStore.updateUserPrivacySettingsWithOrg(\n practice.Id, \n () => accStore.getUserPrivacySettingsWithOrg(practice.Id, () => {}), \n accStore.privacySettingsWithOrg.AllowAccessAndStoreMedications.Allow,\n accStore.privacySettingsWithOrg.AllowAccessMyDependantHealthRecords.Allow,\n accStore.privacySettingsWithOrg.AllowAccessMyDoctorNotes.Allow,\n !accStore.privacySettingsWithOrg.AllowAccessMyHealthRecords.Allow,\n accStore.privacySettingsWithOrg.AllowShareMyHealthDataWithPractices,\n )} \n text={\"Vensa will access and store my health summary\"} \n disable={accStore.privacySettingsWithOrg.AllowAccessMyHealthRecords.Overridden}\n />\n \n accStore.updateUserPrivacySettingsWithOrg(\n practice.Id, \n () => accStore.getUserPrivacySettingsWithOrg(practice.Id, () => {}), \n accStore.privacySettingsWithOrg.AllowAccessAndStoreMedications.Allow,\n accStore.privacySettingsWithOrg.AllowAccessMyDependantHealthRecords.Allow,\n !accStore.privacySettingsWithOrg.AllowAccessMyDoctorNotes.Allow,\n accStore.privacySettingsWithOrg.AllowAccessMyHealthRecords.Allow,\n accStore.privacySettingsWithOrg.AllowShareMyHealthDataWithPractices,\n )} \n text={\"Vensa will access and store my consultation and history notes\"} \n disable={accStore.privacySettingsWithOrg.AllowAccessMyDoctorNotes.Overridden}\n />\n \n accStore.updateUserPrivacySettingsWithOrg(\n practice.Id, \n () => accStore.getUserPrivacySettingsWithOrg(practice.Id, () => {}), \n !accStore.privacySettingsWithOrg.AllowAccessAndStoreMedications.Allow,\n accStore.privacySettingsWithOrg.AllowAccessMyDependantHealthRecords.Allow,\n accStore.privacySettingsWithOrg.AllowAccessMyDoctorNotes.Allow,\n accStore.privacySettingsWithOrg.AllowAccessMyHealthRecords.Allow,\n accStore.privacySettingsWithOrg.AllowShareMyHealthDataWithPractices,\n )} \n text={\"Vensa will access and store my medications list and history\"} \n disable={accStore.privacySettingsWithOrg.AllowAccessAndStoreMedications.Overridden}\n />\n
\n {/* {(accStore.privacySettingsWithOrg.AllowAccessMyDoctorNotes.Overridden ||\n accStore.privacySettingsWithOrg.AllowAccessMyDependantHealthRecords.Overridden ||\n accStore.privacySettingsWithOrg.AllowAccessMyHealthRecords.Overridden ||\n accStore.privacySettingsWithOrg.AllowAccessAndStoreMedications.Overridden) && \n
\n Privacy Controls
\n Facility that has granted you access to your health records and for Vensa will store your records on your behalf
\n \n {/* {(accStore.privacySettingsWithOrg.AllowAccessMyDoctorNotes.Overridden ||\n accStore.privacySettingsWithOrg.AllowAccessMyDependantHealthRecords.Overridden ||\n accStore.privacySettingsWithOrg.AllowAccessMyHealthRecords.Overridden ||\n accStore.privacySettingsWithOrg.AllowAccessAndStoreMedications.Overridden) && \n
\n
\n } */}\n Practice Conditions
\n \n {accStore.privacySettingsWithOrg.AllowAccessMyDoctorNotes.Overridden ?\n accStore.privacySettingsWithOrg.AllowAccessMyDoctorNotes.Reason :\n accStore.privacySettingsWithOrg.AllowAccessMyHealthRecords.Overridden ?\n accStore.privacySettingsWithOrg.AllowAccessMyHealthRecords.Reason :\n accStore.privacySettingsWithOrg.AllowAccessMyDependantHealthRecords.Overridden ?\n accStore.privacySettingsWithOrg.AllowAccessMyDependantHealthRecords.Reason : \n accStore.privacySettingsWithOrg.AllowAccessAndStoreMedications.Overridden ?\n accStore.privacySettingsWithOrg.AllowAccessAndStoreMedications.Reason : \"\"\n }\n
\n \n
\n );\n}\n\nexport default PrivacyCard;","import React, { useState } from 'react';\nimport { observer } from 'mobx-react-lite';\n\nimport styles from './privacy.module.css'\nimport UIContainer from '../components/UIContainer';\nimport PrivacyCard from '../components/PrivacyCard';\nimport LearnMorePopUp from 'components/LearnMorePopUp/LearnMorePopUp';\nimport { go } from '../routes';\nimport { useComponentDidMount } from 'libs/newHttp';\nimport { useAccountStore } from 'store/mobx/mobx';\nimport ImgTextCard from 'components/ImgTextCard';\n\nconst Privacy = observer(() => {\n const [showPopUp, setShowPopUp] = useState(false);\n const accStore = useAccountStore();\n\n useComponentDidMount(() => {\n\n accStore.getIdentityRequestsStatus();\n })\n const togglePopUp = () => {\n setShowPopUp(!showPopUp)\n }\n\n return(\n \n 
\n This icon will appear when a Vensa App or feature is asking to use your personal information \n
\n
\n \n This icon will appear when a Vensa App or feature is asking to use your personal information \n
\n
Learn More
.\n \n togglePopUp()} />\n {showPopUp && togglePopUp()} type={\"PRIVACY_INFO\"}/>}\n {\n go.privacySettings(practice.OrganisationId); \n }}\n imageComp={practice.PictureUrl}\n crop={true}\n privacyCard={true}\n />\n }\n })}\n
\n YOUR PRIVACY WITH HEALTH PROVIDERS
\n {accStore.identityRequests.map((practice) => {\n if (practice.IdentityRequest || practice.PracticeVerification) {\n return Control your privacy and access rights to your data with the facilities you have chosen to affiliate with.
\n\n Vensa currently provides easy access to healthcare appointments. \n To access your private health information, you must first verify and secure your identity with your practice. \n This vital step ensures that you have control of your health records. \n
\n {item.UrlName}
\n \n Identity Partially Verified \n \n Your identitiy request sent on {moment.utc(practice.IdentityRequest!.RequestDate, 'YYYY-MM-DD').format('DD/MM/YYYY')} at {toNormalTime(practice.IdentityRequest!.RequestDate)} is currently pending with {practice.OrganisationName}.\n \n \n You can call them on {practice.Phone} to find out more.\n \n
\n }\n {practice.IdentityRequest!.Status === 1 && \n \n Identity Verified \n \n Your identitiy was verified on {moment.utc(practice.IdentityRequest!.RequestDate, 'YYYY-MM-DD').format('DD/MM/YYYY')} by {practice.OrganisationName}.\n \n
\n }\n {practice.IdentityRequest!.Status === 2 && \n \n Identity Verification Declined \n \n Your identitiy request on {moment.utc(practice.IdentityRequest!.RequestDate, 'YYYY-MM-DD').format('DD/MM/YYYY')} at {toNormalTime(practice.IdentityRequest!.RequestDate)} has been declined by {practice.OrganisationName}.\n \n \n You can find out more by calling them on {practice.Phone}.\n \n
\n }\n - \n
- \n {MobileVerified ?
: }\n Mobile Verification\n \n - \n {EmailVerified ?
: }\n Email Verification\n \n - \n {IdentityVerified ?
: }\n Identity Verification\n \n
\n \n Local identity verification is free. You must verify your identity with each medical centre you wish to use.\n setIdentityPopup(true)} style={{color: \"#07A3C8\", cursor: \"pointer\"}}> Learn more.\n \n {accountStore.identityRequests.length !== 0 && state === 0 && }\n
\n { state === 0 && accountStore.identityRequests && \n \n {showLabel && \n setState(1)} \n />\n }\n {accountStore.identityRequests.length !== 0 && \n {\n setState(2);\n setPracticeView(practice)\n }}\n showLabel={() => setShowLabel(true)} \n practices={accountStore.identityRequests} \n onGoNext={() => setState(1)}\n />\n }\n
\n }\n { state === 1 && - \n { props.mobile ?
- \n { props.email ?
- \n { props.identityVerified ?
\n \n
\n );\n}\n\nexport default PracticeCardMenu;\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\n\nimport styles from './practiceCard.module.css';\nimport PracticeCardMenu from '../PracticeCardMenu';\nimport dots from '../../../svgs/3dots.svg';\nimport noPic from '../../../svgs/patientSilhouette.svg'\nimport { ReactComponent as Arrow } from '../../../svgs/roundArrow.svg'\nimport { actions } from '../../../PracticesPage/actions/actions.js';\nimport { getStatus } from '../../DesktopIdentityPage/components/PracticeSelection';\nimport green from 'svgs/greenTickP.svg';\nimport orange from 'svgs/orangeTickP.svg';\nimport red from 'svgs/redCrossP.svg';\n\nclass PracticeCard extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n showOverlay: false, \n }\n this.states = [\n \"Online for Verification\", \n \"Identity verification is pending from practice\", \n \"The practice does not provide online verifications\",\n \"Online for verification for your profile is not possible, please call the practice on \" + this.props.practice.Phone + \".\",\n \"Identity verification declined by the practice\",\n \"Identity verified by the practice\",\n \"Identity already verified with this practice by another Vensa account\"\n ]\n\n this.status = [\n this.props.phone ? \n (\"Please call the practice on \" + this.props.phone + \" and ask them to enable vensa online.\"\n ) : ( \"Please call the practice and ask them to enable vensa online.\"), \n \"Offline for bookings/verification\",\n \"Online for verification\",\n ]\n\n this.toggleMenu = this.toggleMenu.bind(this);\n this.render = this.render.bind(this);\n }\n\n toggleMenu() {\n this.setState({ \n showOverlay: !this.state.showOverlay\n });\n }\n\n render() {\n let status = getStatus(this.props.practice);\n return (\n Remove this practice
\n {} : this.props.practiceOnClick}>\n {this.props.dots &&\n 
\n }\n {this.state.showOverlay && \n this.props.removePractice(this.props.item, this.props.token)}\n toggle={this.toggleMenu} \n />\n }\n {(status === 1 || status === 4 || status === 5) && \n
\n )\n }\n}\n\nconst mapStateToProps = state => ({\n token: state.loginReducer.token,\n list : state.practiceListingReducer.practices,\n});\n\nconst mapDispatchToProps = dispatch => ({\n removePractice: bindActionCreators(actions.unlinkPractice, dispatch),\n});\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n) (PracticeCard);","import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { observer } from 'mobx-react-lite';\nimport moment from 'moment'\n\nimport { toNormalTime } from 'libs/Dates';\nimport { ReactComponent as Back } from 'svgs/circleRightArrow.svg';\nimport { ReactComponent as Green } from 'svgs/approvedTick.svg';\nimport { ReactComponent as Orange } from 'svgs/pendingTickWarning.svg';\nimport { ReactComponent as Red } from 'svgs/declinedCrossWarning.svg';\nimport { ReactComponent as Call } from 'svgs/call.svg';\nimport { useAccountStore, useIdentityStore, usePracticesStore } from 'store/mobx/mobx';\nimport { go } from 'routes';\nimport UIContainer from 'components/UIContainer';\nimport { useComponentDidMount } from 'libs/newHttp';\n\nconst Container = styled.div`\n display: flex;\n flex-direction: column;\n position: relative;\n width: 100%;\n`\nconst IdentitiyTitle = styled.div`\n color: #F5722C;\n font-size: 21px;\n font-weight: 600;\n text-align: center;\n margin-bottom: 2rem;\n`\nconst Text = styled.div`\n font-size: 15px;\n text-align: center;\n margin: 1rem auto;\n`\nconst Card = styled.div`\n display: flex;\n flex-direction: column;\n border-radius: 0px 0px 4px 4px;\n background-color: white;\n padding: 1rem;\n box-shadow: 0px 3px 6px #00000029;\n margin: 5px;\n margin-top: 0px;\n`\nconst Image = styled.div`\n background-size: cover;\n background-position: center;\n width: 110%;\n height: 200px;\n transform: translateX(-5%);\n`\nconst Button = styled.div`\n background-color: #07A3C8;\n color: white;\n border-radius: 36px;\n padding: 1rem;\n margin: 1rem auto;\n text-align: center;\n font-size: 16px;\n box-shadow: 1px 3px 5px lightgray;\n width: 66%;\n margin-top: 2rem;\n`\ninterface IPractice {\n Address: string;\n AllowResubmit: boolean;\n BlackListed: boolean;\n BlackListedReason: string;\n EnrollmentStatusNotMeetPracticePolicy: boolean;\n ErrorMessage: string | null;\n IdentityRequest: {\n Status: number;\n RequestDate: string;\n UpdatedOn: string;\n Id: string;\n };\n IsOnline: boolean;\n IdentityVerified: boolean;\n MatchedPatientInPms: boolean;\n OnlineVerificationEnabled: boolean;\n OrganisationId: string;\n OrganisationName: string;\n Phone: string;\n PictureUrl: string;\n Pictures: string[]\n PracticeVerification: boolean;\n PracticeVerifiedOn: string;\n AlreadyVerifiedByOtherAccount: boolean;\n}\ninterface IProps {\n practice: IPractice;\n}\nconst ViewIdentitiyRequest: React.FC\n 
\n 
\n
\n }\n {(status !== 1 && status !== 4 && status !== 5) &&\n \n
\n {this.states[status]}
\n {this.props.practiceName}
\n {this.props.practiceAddress}
\n \n \n
\n }\n \n
\n {status === 0 && {this.props.practiceName}
\n {this.props.practiceAddress}
\n {this.states[status]}
\n \n Identity Verified \n \n Your identitiy was verified on {moment.utc(practice.PracticeVerifiedOn, 'YYYY-MM-DD').format('DD/MM/YYYY')}.\n \n \n Your verification was done offline with {practice.OrganisationName}.\n \n Verifying your identity gives you more control to your health information across the Vensa site. \n
\n \n Identity Partially Verified \n \n Your identitiy request sent on {moment.utc(practice.IdentityRequest!.RequestDate, 'YYYY-MM-DD').format('DD/MM/YYYY')} at {toNormalTime(practice.IdentityRequest!.RequestDate)} is currently pending with {practice.OrganisationName}.\n \n \n You can follow it up by giving them a call to access the status of your verification.\n \n window.location.href=\"tel:\" + practice.Phone} />\n
\n }\n {practice.IdentityRequest!.Status === 1 && \n \n Identity Verified \n \n Your identitiy was verified on {moment.utc(practice.IdentityRequest!.UpdatedOn, 'YYYY-MM-DD').format('DD/MM/YYYY')}.\n \n \n Your verification was done offline with {practice.OrganisationName}.\n \n Verifying your identity gives you more control to your health information across the Vensa site. \n
\n }\n {practice.IdentityRequest!.Status === 2 && practice.AllowResubmit === true &&\n \n Identity Verification Previously Declined \n \n Your identitiy request was sent on {moment.utc(practice.IdentityRequest!.RequestDate, 'YYYY-MM-DD').format('DD/MM/YYYY')} at {toNormalTime(practice.IdentityRequest!.RequestDate)} has been declined by {practice.OrganisationName}.\n \n \n The practice {practice.AllowResubmit} does allow for you to resubmit your identity request if you like you can start by following the link below.\n \n \n
\n }\n {practice.IdentityRequest!.Status === 2 && practice.AllowResubmit == false &&\n \n Identity Verification Declined \n \n Your identitiy request was sent on {moment.utc(practice.IdentityRequest!.RequestDate, 'YYYY-MM-DD').format('DD/MM/YYYY')} at {toNormalTime(practice.IdentityRequest!.RequestDate)} has been declined by {practice.OrganisationName}.\n \n \n You can follow it up by giving them a call and ask if they can provide your verification online. The practice will not allow you to put your identity verification online again.\n \n window.location.href=\"tel:\" + practice.Phone} />\n
\n }\n \n\t\t\t\t \n\t\t\t\t\t {() => \n\t\t\t\t\t\t \n\t\t\t\t
\n\t\t\t }\n\t\t\t {state === 1 &&\n\t\t\t\t \n\t\t\t\t\t\t\t {popUp &&\n\t\t\t\t\t\t\t\t setShowCard(false)}\n\t\t\t\t\t\t\t\t\t learnMoreClick={() => setLearnMorePopUp(true)}\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 {/*go.searchPractice*/}}\n\t\t\t\t\t\t\t\t\t isFetching={store.loading}\n\t\t\t\t\t\t\t\t\t text={\"+ Verify with New Practice\"}\n\t\t\t\t\t\t\t\t\t isUnActive={true}\n\t\t\t\t\t\t\t\t />\n\t\t\t\t\t\t\t }\n\t\t\t\t\t\t
\n\t\t\t\t\t }\n\t\t\t\t Local Identity
\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t You must verify your identity with every medical centre you wish to use.\n\t\t\t\t\t\t\t\t setLearnMorePopUp(true)}> Learn more.\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t {store.identityRequestsStatusComplete && !store.profile.IdentityVerified && !store.profile.PendingRequest && (showLabel || store.identityRequests.length < 1) &&\n\t\t\t\t\t\t\t\t setState(1)}\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
\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t{/*IDENTITY REQUESTS*/}\n\t\t\t\t\t\t\t {store.identityRequestsStatusComplete && store.identityRequests.map((item, i) => {\n\t\t\t\t\t\t\t\t let status = getStatus(item);\n\t\t\t\t\t\t\t\t if (status === 1 || status === 4 || status === 5) { \n\t\t\t\t\t\t\t\t\t check = true;\n\t\t\t\t\t\t\t\t }\n\t\t\t\t\t\t\t\t if (i === store.identityRequests.length - 1 && !check) {\n\t\t\t\t\t\t\t\t\t setShowLabel(true);\n\t\t\t\t\t\t\t\t }\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t return {\n\t\t\t\t\t\t\t\t\t\t\t\t if (status === 1 || status === 4 || status === 5) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t go.identityViewRequest(item.OrganisationId);\n\t\t\t\t\t\t\t\t\t\t\t\t\t return;\n\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 identityStore.setPractice(item.OrganisationId, item.OrganisationName, item.Address, item.Phone, item.PictureUrl, item.Pictures);\n\t\t\t\t\t\t\t\t\t\t\t\t if (store.profile.SecurityPinCodeSetup) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t go.identityPhoto();\n\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 else {\n\t\t\t\t\t\t\t\t\t\t\t\t\t store.setPinCodeFlowState(4);\n\t\t\t\t\t\t\t\t\t\t\t\t\t go.identityPin(); \n\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 //this.props.isMobileVerified ? go.identityPin() : go.identityMobile();\n\t\t\t\t\t\t\t\t\t\t\t\t //is.props.isPinSetup ? go.identityPhoto() : go.identityPin();\n\t\t\t\t\t\t\t\t\t\t\t }}\n\t\t\t\t\t\t\t\t\t\t />\n\t\t\t\t\t\t\t })}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t {store.identityRequests.length !== 0 &&\n\t\t\t\t\t\t\t\t \n 
\n {props.progressBar &&\n 
\n }\n
\n )\n}\n\nexport default ProgressCard;","import React from 'react';\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport { Observer } from 'mobx-react-lite';\n\nimport { actions as identityActions } from '../actions/actions';\n\nimport styles from './addPractice.module.css';\nimport checkIcon from '../../svgs/checkBlueWhite.svg';\nimport progressBar from '../../svgs/progressLvl1.svg';\nimport UIContainer from '../../components/UIContainer';\nimport ProgressCard from '../components/ProgressCard';\nimport CtaMenuButton from '../../components/CtaMenuButton';\nimport { ReactComponent as plus } from '../../svgs/plus.svg';\nimport PracticeCard from '../components/PracticeCard';\n//import PracticeCard from '../DesktopIdentityPage/components/PracticeCard';\nimport { actions } from '../../PracticesPage/actions/actions.js';\nimport { actions as searchActions } from '../../PracticesPage/PracticeSearch/actions/actions.js';\nimport { go } from '../../routes';\nimport { actions as notificationActions } from 'components/UIContainer/MobileUI/MainShell/actions/actions';\nimport { goBack } from 'routes/utils';\nimport { useComponentDidMount } from 'libs/newHttp';\nimport { useIdentityStore, useAccountStore } from 'store/mobx/mobx';\n\n\nconst AddPractice = ({token, getAllPractices, setNotification, isFetching, selectedPractice, setPractice}) => {\n const identityStore = useIdentityStore();\n const accountStore = useAccountStore();\n const onClick = () => {\n go.searchPractice(1, true);\n \n }\n\n useComponentDidMount(() => {\n //this.props.getPatientPractices(token);\n accountStore.getIdentityRequestsStatus(() => {});\n getAllPractices();\n setNotification({ isOpen: false, index: 2 })\n })\n let classnames = styles.container;\n \n return(\n \n {props.title &&
\n {props.title}
}\n {props.text}\n \n \n {() =>\n \n
\n \n {accountStore.identityRequests.map((item) => {\n let status = 0;\n if (item.IsOnline && item.IsUsingVensa) { status = 2; }\n else if (!item.IsOnline && item.IsUsingVensa) { status = 1; }\n else if (!item.IsOnline && !item.IsUsingVensa) { status = 0; }\n return {\n setPractice(item);\n identityStore.setPracticeSingle(item);\n if (accountStore.profile.SecurityPinCodeSetup) {\n go.identityPhoto();\n } else go.identityPin();\n //this.props.isMobileVerified ? go.identityPin() : go.identityMobile();\n //is.props.isPinSetup ? go.identityPhoto() : go.identityPin();\n }}\n />\n })}\n 0 ? \" Change Practice\" : \" Add Practice\"}\n icon={plus} \n onClick={onClick}\n iconStyles={styles.buttonIcon}\n textIconStyles={styles.textAdd} \n />\n
\n }\n \n
\n click the \"Add Practice\" button to get started.\n
\n {props[0].blueIcon &&\n {\n setWhatToRender(1);\n accStore.setPinCodeFlowState(1);\n\n setIs4Pin(true);\n setIs6Pin(false);\n }}\n />\n 
\n {\n setWhatToRender(1);\n accStore.setPinCodeFlowState(1);\n\n setIs4Pin(false);\n setIs6Pin(true);\n }}\n />\n
\n );\n case 1:\n return( \n Set your security PIN. Two options:
\n\n \n
\n );\n case 2: \n return (\n Enter security PIN code
\n {renderBoxes()} \n \n \n\n
\n
\n );\n case 3: \n return (\n This PIN Code Can Be Easily Guessed
\n Your PIN code will be used to unlock your health information and to protect access to your data stored in Vensa.
\n
{ \n setWhatToRender(0);\n accStore.setPinCodeFlowState(0);\n\n setBoxesV([\"\", \"\", \"\", \"\", \"\", \"\"]);\n }}>\n Change PIN Code\n
\n \n { /* eslint-disable-next-line*/ }\n { \n setWhatToRender(3);\n accStore.setPinCodeFlowState(3);\n\n setVerify(true);\n setBoxesV([\"\", \"\", \"\", \"\", \"\", \"\"]);\n }}>\n Use Anyway\n
\n \n \n
\n );\n case 4:\n return (\n Verify your new PIN
\n {renderBoxes()} \n \n\n 
*/}\n
\n )\n default: \n return(null);\n }\n } \n \n return (\n Create a PIN code
\n A PIN code provides extra security to protect your health data.
\n On login your PIN code will be required for validation. props[0].openFAQ()} className={styles.learnMore}>Learn more.
\n {/* {\n setWhatToRender(0);\n accStore.setPinCodeFlowState(0);\n }}>Setup PIN Code
\n {/* props[0].skipPhoto ? props[0].goNext() : go.identityPhoto()}>Set up later in security settings
*/}\n props[0].skipPhoto ? props[0].goNext() : go.identityPhoto()}>Set up later in security settings
\n \n window.scrollTo(0,0)} />\n
\n \n {!imageTaken ? (\n
\n ) : (\n \n
\n ) : (\n \n
\n \n
\n This will be used by the practice team for faster handling of your verification request from the practice.
\n\n
\n {\n //setCameraVisible(true);\n webcamRef.current.click();\n }}>\n Take a selfie picture\n
\n go.verifyPrivacy(0)}>Skip this step
\n \n
\n )}\n \n\n \n
\n \n
\n Your picture will be shared with your health provider.
\n \n \n \n {\n store.toggleProfilePhoto()\n }} />
\n
\n Make this picture my Vensa profile photo and share with health providers
\n
{\n store.uploadPhoto(() => go.verifyPrivacy(0))\n }}> My selfie is clear →
\n \n {\n webcamRef.current.click();\n setImageTaken(false);\n }}>\n Take a new selfie\n
\n \n
\n )}\n \n {
\n \n \n
}\n Hi\n \n \n \n \n \n
\n Place your face in the oval
\n \n\n \n \n \n
\n \n \n {headerState === 0 &&\n \n Privacy \n Privacy is a human right. The Vensa system is designed to: \n 1. Collect your data and store it on your behalf. We will never share it with anyone without your permission. \n 2. Provide transparency and control over your information. \n 3. Show you the above icon every time an app or feature asks to use your personal information. \n 4. Keep your information stored securely to the highest standard. \n \n \n {/*Learn More*/}\n \n \n }\n {headerState === 1 &&\n \n Privacy \n \n Set your default privacy across all providers you are connected with. You can change these anytime.\n \n \n Privacy \n storeId.toggleSetting(0)} text={\"Vensa will access and store my health summary\"} />\n storeId.toggleSetting(1)} text={\"Vensa will access and store my consultation and history notes\"} />\n storeId.toggleSetting(4)} text={\"Vensa will access and store my medications list and history\"} />\n \n \n \n }\n {headerState === 2 &&\n \n \n\n Recovery Method \n \n The contact details below can be used to recover your account if you forget your details or if you get locked out of your account.\n \n \n Trusted Email & Mobile \n Account Email: }\n \n {email} \n Verified > \n \n {storeAcc.profile.RecoveryEmail && Recovery Email: }\n { storeAcc.profile.RecoveryEmail &&\n \n {emailR} \n Verified > \n \n }\n \n {storeAcc.profile.Mobile} \n {storeAcc.profile.MobileVerified ? Verified > : Not Verified > }\n \n go.emailVerification(1, false, false)} style={{cursor: \"pointer\"}}>Add Additional Recovery Email }\n {!storeAcc.profile.RecoveryEmail && go.emailVerification(1, false, false)} style={{fontSize: \"13px\", lineHeight: \"15px\", cursor: \"pointer\"}}>(Recommended) } */}\n \n \n \n Trusted phone numbers and emails are used to verify your identity wen signing in (along with your PIN code) and to help recover your account if you have forgotten your info.\n \n \n \n\n \n }\n
\n )\n})\n\nexport default PrivacyControls;","import React from 'react';\n\nimport styles from './privacy.module.css'\nimport UIContainer from '../../components/UIContainer';\nimport ProgressCard from '../components/ProgressCard';\nimport privacyIcon from '../../svgs/privacy2.svg';\nimport progressBar from '../../svgs/progressBarLvl3.svg';\nimport PrivacyControls from './PrivacyControls/PrivacyControls';\nimport shield from 'svgs/whiteShield.svg';\nimport { go } from '../../routes';\n\nclass Privacy extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = { privacyInfo: true, state: this.props.location.state ? this.props.location.state.startAtState : 0 }\n this.myRef = React.createRef();\n }\n\n goNext = () => {\n this.myRef.current.scrollTop = 0;\n this.setState({ privacyInfo : false })\n }\n\n render() {\n return (\n \n
\n \n \n
\n {storeAcc.profile.RecoveryEmail && \n
\n {/* {!storeAcc.profile.RecoveryEmail && \n {this.state.state !== 2 ?\n
\n \n this.goNext()} setHeaderState={(state) => this.setState({state})} headerState={this.state.state}/>\n
\n \n
\n \n
\n \n
\n \n
\n \n \n \n\n \n
\n )\n}\n\nexport default PopUpLeavingFlow","import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { observer } from 'mobx-react-lite';\n\nimport loading from '../../../images/loadingGifPerma.gif';\nimport { useIdentityStore } from '../../../store/mobx/mobx';\nimport { useComponentDidMount } from '../../../libs/newHttp';\nimport tick from '../../../svgs/submitTick.svg';\n\nconst Loader = styled.img`\n margin: auto;\n display: block;\n opacity: ${(p: LoadingProps) => p.submitted ? '0' : '1'};\n transition: all 1s linear;\n`\nconst Tick = styled.img`\n position: absolute;\n opacity: 1;\n top: 220px; \n left: 223px;\n opacity: ${(p: TickProps) => p.state ? '1' : '0'};\n transform: ${(p: TickProps) => p.state ? 'translateY(-70px)' : 'none'};\n transition: all 1s ease-in-out;\n`\nconst Container = styled.div`\n margin: 4rem 0rem;\n`\nconst Title = styled.div`\n margin-top: 1rem;\n text-align: center;\n font-size: 23px;\n color: #6C6C6C;\n`\nconst Text = styled.div`\n text-align: center;\n font-size: 17px;\n color: #6C6C6C;\n padding: 0.5rem 3rem;\n font-weight: 300;\n`\n\ninterface LoadingProps {\n submitted: boolean;\n}\ninterface TickProps {\n state: boolean\n}\ninterface Props {\n onSuccess: () => void;\n onFailure: () => void;\n}\n\nconst Processing: React.FC\n
\n \n Identity request submitted successfully \n Redirecting... \n
\n \n Hold on \n We're submitting your identity request to {store.selectedPracticeName} \n
\n \n = observer(() => {\n const idStore = useIdentityStore();\n const practiceStore = usePracticesStore();\n const accStore = useAccountStore();\n const [loading, setLoading] = useState(true);\n const [showCard, setShowCard] = useState(true)\n const [identityPopup, setIdentityPopup] = useState(false);\n const [loaded, setLoaded] = useState(false);\n const [practice, setPractice] = useState({\n OrganisationId: \"\",\n AllowResubmit: false,\n OrganisationName: \"\",\n Address: \"\",\n OnlineVerificationEnabled: false,\n PictureUrl: \"\",\n PracticeVerifiedOn: \"\",\n IdentityRequest: {\n Status: 3,\n RequestDate: \"\",\n UpdatedOn: \"\",\n Id: \"\",\n },\n Phone: \"\",\n IdentityVerified: false,\n Pictures: [],\n IsOnline: true,\n MatchedPatientInPms: false,\n ErrorMessage: \"\",\n EnrollmentStatusNotMeetPracticePolicy: false,\n BlackListed: false,\n BlackListedReason: \"\",\n PracticeVerification: false,\n AlreadyVerifiedByOtherAccount: false,\n })\n \n useComponentDidMount(() => {\n let search = window.location.search;\n let params = new URLSearchParams(search);\n let orgId = params.get('id');\n // accStore.getProfile();\n\n accStore.getIdentityRequestsStatus(() => {\n accStore.identityRequests.map((practice) => {\n if (practice.IdentityRequest || practice.PracticeVerification) {\n if (orgId === practice.OrganisationId) {\n setPractice(practice);\n setLoading(false);\n setLoaded(true);\n }\n }\n })\n });\n })\n return(\n \n {identityPopup &&\n setIdentityPopup(false)} />\n }\n \n go.identity()}\n />\n setShowCard(false)} onClick={() => setIdentityPopup(true)} />\n\t\t\t\t}\n\n Identity Status \n \n Identity Verification \n {practice.OrganisationName} \n {practice.Address}\n )\n :\n (\n go.identity()} style={{\n transform: \"rotate(180deg)\",\n cursor: \"pointer\",\n position: \"absolute\",\n top: \"20px\",\n left: \"20px\",\n height: \"48px\",\n width: \"48px\",\n }}/>\n Identity Verification \n {practice.OrganisationName} \n {practice.Address}\n )\n }\n \n \n )\n})\n\nexport default ViewIdentitiyRequestDesktop;","import React, { useEffect } from 'react';\nimport styled from 'styled-components';\nimport { observer } from 'mobx-react-lite';\n\nimport { useAccountStore, useIdentityStore } from 'store/mobx/mobx';\nimport { useState } from 'react';\nimport { useRef } from 'react';\nimport UIContainer from 'components/UIContainer';\nimport PinCode from 'Identity/components/PinCode';\nimport PrivacyControls from 'Identity/Privacy/PrivacyControls/PrivacyControls';\nimport privacy from 'svgs/privacyPopUpLogo.svg'; \nimport { go } from 'routes';\nimport LearnMorePopUp from 'components/LearnMorePopUp/LearnMorePopUp';\n\nconst Container = styled.div`\n\n`\nconst Card = styled.div`\n background-color: white;\n border-radius: 4px;\n display: flex;\n flex-direction: column;\n padding: 2rem 0rem;\n box-shadow: 0px 3px 6px #00000029;\n position: relative;\n`\nconst Image = styled.img`\n display: block;\n margin: auto;\n height: 77px;\n width: 65px;\n`\nconst Margin = styled.div`\n margin: 5px;\n`\nconst CompleteVerificationFlow = observer(() => {\n const store = useAccountStore();\n const idStore = useIdentityStore();\n\n const [state, setState] = useState(store.profile.SecurityPinCodeSetup ? 1 : 0);\n const [headerState, setHeaderState] = useState(0);\n const ref = useRef(null);\n const [popUp, setPopUp] = useState(false);\n\n // Scroll to top of next page\n useEffect(() => {\n if (ref.current) {\n ref.current.scrollTop = 0;\n return;\n }\n \n idStore.setPracticeOrgId(store.profile.LatestPracticeId);\n \n if (idStore.selectedPracticeOrgId === \"\" || \n idStore.selectedPracticeOrgId === null ||\n idStore.selectedPracticeOrgId === undefined) { go.home(); }\n })\n\n const backFn = () => {\n if (store.pinCodeFlowState !== 4) {\n if (store.pinCodeFlowState !== 0) {\n store.setPinCodeFlowState(store.pinCodeFlowState - 1)\n return;\n }\n store.setPinCodeFlowState(4);\n }\n else go.home(); \n }\n \n return (\n \n state === 0 ? (\n backFn()}>\n )\n \n : (\n { \n if (headerState === 1) { setHeaderState(0); return; }\n if (store.profile.SecurityPinCodeSetup) { go.home(); return; }\n setState(0);\n }}>\n \n )\n )\n})\n\nexport default CompleteVerificationFlow;","import React, { CSSProperties, useState } from 'react';\nimport styled from 'styled-components';\nimport { observer } from 'mobx-react-lite';\n\nimport { ReactComponent as Lock } from 'svgs/blueLock.svg';\nimport { ReactComponent as Four } from 'svgs/4Pin.svg';\nimport { ReactComponent as Six } from 'svgs/6Pin.svg';\nimport PinControl from 'Identity/DesktopIdentityPage/components/PinControl';\nimport { ReactComponent as Arrow } from 'svgs/blueRightCircleArrow.svg';\nimport { ReactComponent as WhiteArrow } from 'svgs/rightWhiteArrow.svg';\nimport BlueButton from 'components/DesktopComponents/BlueButton';\n\ninterface IProps {\n goBack: () => void;\n goNext: () => void;\n learnMoreOnClick: () => void;\n}\n\nconst ButtonContainer = styled.div`\n display: flex;\n flex-direction: column;\n`\nconst Card = styled.div`\n width: 534px;\n height: 677px;\n position: relative;\n background-color: white;\n border-radius: 4px;\n margin: 1rem auto;\n box-shadow: 0px 3px 6px #00000029;\n`\nconst Text = styled.div`\n text-align: center;\n color: #07A3C8;\n font-size: 17px;\n margin-bottom: 1rem;\n`\nconst FlexH = styled.div`\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n`\nconst FlexV = styled.div`\n display: flex;\n flex-direction: column;\n width: 100%;\n align-items: center;\n margin: auto;\n`\nconst Button = styled.div`\n background-color: #07A3C8;\n color: white;\n border-radius: 4px;\n font-size: 13px;\n display: flex;\n height: 35px;\n width: 166px;\n flex-direction: row;\n cursor: pointer;\n text-align: center;\n margin-top: 1rem;\n align-items: center;\n`\nconst Link = styled.div`\n font-size: 14px;\n color: #07A3C8;\n margin: 1.5rem auto;\n cursor: pointer;\n`\nconst LineL = styled.div`\n width: 90%;\n border-bottom: 1px solid #DADADA;\n margin: 4rem 0rem;\n`\n\nconst backButtonStyle: CSSProperties = {\n position: 'absolute',\n left: '1rem',\n top: '1rem',\n transform: 'rotate(180deg)',\n cursor: 'pointer',\n height: '40px',\n width: '40px',\n}\n\n// Isolated Desktop Component for setting up a users pincode (Just flow in the card)\nconst SetupPinFlowDesktop: React. FC = observer(({ goBack, goNext, learnMoreOnClick }) => {\n const [state, setState] = useState(0);\n const [pinLength, setPinLength] = useState(0);\n \n const BackButtonFn = () => state === 0 ? goBack() : setState(state - 1)\n\n const renderState = () => {\n if (state === 0) {\n return (\n \n Create a PIN code \n A PIN code provides another layer of security to keep your data safe. \n Your PIN code will be required everytime you log in. Learn more. \n\n \n \n {/* goNext()}>Do it later */}\n \n \n )\n } else if (state === 1) {\n return (\n \n Set your security PIN. Two options: \n \n \n \n 4 digit PIN \n \n \n \n \n \n 6 digit PIN \n \n \n \n \n )\n } else if (state === 2) {\n return (\n \n Enter your new PIN code \n setState(3)} \n goBack={() => setState(1)}\n length={pinLength} \n ifGuessable={() => setState(4)}\n submitPin={false}\n />\n \n )\n } else if (state === 3) {\n return (\n \n Verify your new PIN code \n goNext()} \n goBack={() => setState(2)}\n length={pinLength} \n ifGuessable={() => {}}\n submitPin={false}\n />\n \n )\n } else if (state === 4) {\n return (\n \n This PIN code can be easily guessed \n Your PIN code is used to unlock your health information and to protect your data stored by Vensa. \n We recommend trying a different PIN code. \n \n setState(1)} />\n setState(3)}>Use anyway\n setState(3)}>(not recommended)\n \n \n )\n }\n }\n\n return (\n \n \n )\n})\n\nexport default SetupPinFlowDesktop;","import React, { CSSProperties, useState } from 'react';\nimport styled from 'styled-components';\nimport { observer } from 'mobx-react-lite';\n\nimport { ReactComponent as Arrow } from 'svgs/blueRightCircleArrow.svg';\nimport { ReactComponent as Privacy } from 'svgs/privacy.svg';\nimport { ReactComponent as WhiteArrow } from 'svgs/rightWhiteArrow.svg';\nimport Toggle from 'Privacy/components/PrivacyToggle';\nimport { useIdentityStore } from 'store/mobx/mobx';\n\nconst Card = styled.div`\n width: 534px;\n height: 677px;\n position: relative;\n background-color: white;\n border-radius: 4px;\n margin: 1rem auto;\n box-shadow: 0px 3px 6px #00000029;\n`\nconst Text = styled.div`\n text-align: center;\n color: #6C6C6C;\n font-size: 17px;\n margin-bottom: 1rem;\n text-align: left;\n`\nconst FlexH = styled.div`\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n`\nconst FlexV = styled.div`\n display: flex;\n flex-direction: column;\n width: 100%;\n align-items: center;\n margin: auto;\n`\nconst Button = styled.div`\n background-color: #07A3C8;\n color: white;\n border-radius: 4px;\n font-size: 13px;\n display: flex;\n height: 35px;\n width: 166px;\n flex-direction: row;\n cursor: pointer;\n text-align: center;\n align-items: center;\n`\nconst Link = styled.div`\n font-size: 13px;\n color: #07A3C8;\n margin: 1.5rem auto;\n cursor: pointer;\n`\nconst ToggleContainer = styled.div`\n margin: 0 2rem;\n`\nconst Line = styled.div`\n position: absolute;\n width: 100%;\n border-bottom: 1px solid #DADADA;\n margin: 0 -2rem; \n`\nconst SettingsTitle = styled.div`\n font-size: 15px;\n color: #6C6C6C;\n padding: 0.6rem 0rem;\n text-align: left;\n font-weight: 600;\n width: 100%;\n margin-left: 4rem;\n`\nconst backButtonStyle: CSSProperties = {\n position: 'absolute',\n left: '1rem',\n top: '1rem',\n transform: 'rotate(180deg)',\n cursor: 'pointer',\n height: '40px',\n width: '40px',\n}\n\ninterface IProps {\n learnMoreOnClick: () => void;\n goNext: () => void;\n goBack: () => void;\n}\n\nconst SetupPrivacySettingsDesktop: React.FC = observer(({goNext, goBack, learnMoreOnClick}) => {\n const [state, setState] = useState(0);\n const storeId = useIdentityStore();\n\n const BackButtonFn = () => state === 0 ? goBack() : setState(state - 1)\n\n return (\n \n \n Privacy \n Privacy is a human right. The Vensa system is designed to: \n 1. Collect your data and store it on your behalf. We will never share it with anyone without your permission. \n 2. Provide transparency and control over your information. \n 3. Show you the above icon every time an app or feature asks to use your personal information. \n 4. Keep your information stored securely to the highest standard. \n \n \n {/*} Learn More*/}\n \n \n }\n {state === 1 &&\n \n Privacy \n Set your default privacy across all providers you are connected with. You can change these anytime. \n Privacy Settings \n \n storeId.toggleSetting(0)} text={\"Vensa will access and store all my health records, such as lab results and conditions\"} />\n storeId.toggleSetting(1)} text={\"Vensa will access and store my consultation and history notes\"} />\n storeId.toggleSetting(4)} text={\"Vensa will access and store my medications list and history\"} />\n \n \n \n }\n \n )\n});\n\nexport default SetupPrivacySettingsDesktop;","import React, { CSSProperties, useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport Timer from 'react-compound-timer';\nimport { observer } from 'mobx-react-lite';\n\nimport { ReactComponent as Arrow } from 'svgs/blueRightCircleArrow.svg';\nimport { ReactComponent as Mobile } from 'svgs/phoneVerify.svg';\nimport { ReactComponent as WhiteArrow } from 'svgs/rightWhiteArrow.svg';\nimport { useAccountStore } from 'store/mobx/mobx';\nimport { isValidMobile } from 'libs/ValidBasicInfo';\n\nconst Card = styled.div`\n width: 534px;\n height: 677px;\n position: relative;\n background-color: white;\n border-radius: 4px;\n margin: 1rem auto;\n box-shadow: 0px 3px 6px #00000029;\n`\nconst Text = styled.div`\n color: #6C6C6C;\n font-size: 13px;\n margin: 1rem 0rem;\n width: 100%;\n text-align: left;\n`\nconst Title = styled.div`\n text-align: center;\n color: #6C6C6C;\n font-size: 17px;\n width: 100%;\n margin: 3rem 0 2rem;\n font-weight: bold;\n`\nconst FlexV = styled.div`\n display: flex;\n flex-direction: column;\n width: 100%;\n align-items: center;\n margin: auto;\n`\nconst Button = styled.div`\n background-color: #07A3C8;\n color: white;\n border-radius: 4px;\n font-size: 13px;\n display: flex;\n height: 35px;\n width: 166px;\n flex-direction: row;\n cursor: pointer;\n text-align: center;\n margin-top: 1rem;\n align-items: center;\n`\nconst Input = styled.input`\n border: 1px solid #DADADA;\n border-radius: 4px;\n width: 100%;\n font-size: 17px;\n padding: 0.5rem 1rem;\n outline: none;\n -moz-appearance: textfield;\n -webkit-appearance: none;\n`\nconst Num = styled.input`\n border: 1.5px solid #DADADA;\n padding: 10px;\n font-size: 18px; \n width: 40px;\n margin: 0rem 0.5rem;\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n }\n text-align: center;\n border-radius: 4px;\n transition: all 0.3s linear;\n`\nconst NumContainer = styled.div`\n display: flex;\n flex-direction: row;\n align-items: center;\n margin: 1rem auto;\n`\nconst Link = styled.div`\n color: #07A3C8;\n font-size: 13px;\n width: 100%;\n text-align: left;\n cursor: pointer;\n`\nconst TimerContainer = styled.div`\n width: 100%;\n margin: auto;\n font-size: 13px;\n margin: 2rem auto;\n text-align: center;\n`\n\nconst backButtonStyle: CSSProperties = {\n position: 'absolute',\n left: '1rem',\n top: '1rem',\n transform: 'rotate(180deg)',\n cursor: 'pointer',\n height: '40px',\n width: '40px',\n}\n\ninterface IProps {\n goNext: () => void;\n goBack: () => void;\n}\n\nconst MobileVerificationDesktop: React.FC = observer(({goNext, goBack}) => {\n const storeAcc = useAccountStore();\n\n const [state, setState] = useState(0);\n const [mobileNumber, setMobileNumber] = useState(storeAcc.profile.Mobile);\n const [isActive, setIsActive] = useState(false);\n const [resent, setResent] = useState(false);\n\n let ref1: React.RefObject = React.createRef();\n let ref2: React.RefObject = React.createRef();\n let ref3: React.RefObject = React.createRef();\n let ref4: React.RefObject = React.createRef();\n let refArr: React.RefObject[] = [ref1, ref2, ref3, ref4];\n const [incorrect, setIncorrect] = useState(false);\n\n const BackButtonFn = () => state === 0 ? goBack() : setState(state - 1)\n\n const onKeyDown = (e: any, id: number) => {\n if (e.key === \"Backspace\") {\n if (refArr[id].current!.value !== \"\") {\n refArr[id].current!.value = \"\";\n return\n }\n \n if (id !== 0) {\n refArr[id - 1].current!.value = \"\"; \n refArr[id - 1].current!.focus(); \n }\n }\n }\n const onChange = (e: React.FormEvent, id: number) => {\n const val: string = e.currentTarget.value;\n\n let isNum = /^\\d+$/.test(val)\n if (!isNum) { return; }\n\n if (refArr === null) { return; } else {\n refArr[id]!.current!.value = val;\n }\n\n if (id < 3) { refArr[id + 1].current!.focus(); }\n\n if (id === 3) {\n let code: string = \"\";\n \n code += refArr.map((item) => {\n return item!.current!.value;\n })\n\n // Send code check request\n // eslint-disable-next-line\n storeAcc.setVerifyCode(code.replace(/\\,/g, ''), 0);\n storeAcc.checkVerifyText(false, () => {}, () => goNext(), (value: boolean) => setIncorrect(value));\n }\n }\n\n useEffect(() => {\n setIsActive(isValidMobile(mobileNumber) && mobileNumber !== \"\");\n if (incorrect && ref1.current) {\n refArr.map((item) => {\n item.current!.value = \"\";\n })\n ref1.current.focus();\n }\n })\n\n return (\n \n \n Enter your mobile number \n Mobile number \n {\n // TODO: FIX REGEX\n if (!/^$|^\\d+$/.test(e.target.value)) { return; }\n else { setMobileNumber(e.target.value); }\n }}\n type={\"tel\"}\n />\n \n \n \n \n }\n {state === 1 &&\n \n Enter the 4-digit code sent to you on {mobileNumber} \n \n onKeyDown(e, 0)} onChange={(e) => onChange(e, 0)} type={\"number\"} maxLength={1} />\n onKeyDown(e, 1)} onChange={(e) => onChange(e, 1)} type={\"number\"} maxLength={1} />\n onKeyDown(e, 2)} onChange={(e) => onChange(e, 2)} type={\"number\"} maxLength={1} />\n onKeyDown(e, 3)} onChange={(e) => onChange(e, 3)} type={\"number\"} maxLength={1} />\n \n {!resent ? \n ( {\n storeAcc.sendVerifyText(mobileNumber, () => setResent(true), () => {}, mobileNumber !== storeAcc.profile.Mobile);\n }} style={{textAlign: \"center\", margin: \"auto\", marginTop: \"2rem\"}}>Resend Code) \n :\n (\n \n setResent(false),\n }\n ]}\n >\n Resend code in \n \n )\n }\n \n }\n \n )\n});\n\nexport default MobileVerificationDesktop;","import React, { useState } from 'react';\nimport { observer } from 'mobx-react-lite';\n\nimport styles from 'Identity/Processing/processing.module.css';\nimport { go } from 'routes/index';\nimport Transition from 'components/Transition';\nimport loadingGif from '../../images/LoadingGif.gif';\nimport Success from '../Processing/components/Success';\nimport { useComponentDidMount } from 'libs/newHttp';\nimport { useIdentityStore, useAccountStore } from 'store/mobx/mobx';\nimport Alert from 'libs/Alert';\nimport { goBack } from 'routes/utils';\n\nconst Processing = observer(() => {\n const [success, setSuccess] = useState(false);\n\n useComponentDidMount(() => {\n setTimeout(() => {\n setSuccess(true);\n }, 5000)\n\n })\n\n return (\n \n {!success && (\n {\n setTimeout(() => {\n go.home();\n }, 5000);\n }}/>\n )}\n \n );\n \n})\n\nexport default Processing;","var _defs, _g;\n\nvar _excluded = [\"svgRef\", \"title\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar SvgMainScript = function SvgMainScript(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n viewBox: \"-5211.25 -2117.724 31.079 39.816\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"style\", null, \"\\n .mainScript-1 {\\n fill: #fff;\\n }\\n\\n .mainScript-1, .mainScript-2 {\\n stroke: #585858;\\n stroke-width: 0.5px;\\n }\\n\\n .mainScript-2, .mainScript-3 {\\n fill: none;\\n }\\n\\n .mainScript-3 {\\n stroke: #f0f0f0;\\n stroke-width: 2px;\\n }\\n \"))), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Group_2819\",\n transform: \"translate(-5832.25 -2688.86)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_1797\",\n className: \"mainScript-1\",\n d: \"M2.184,0H28.4a2.184,2.184,0,0,1,2.184,2.184V37.132A2.184,2.184,0,0,1,28.4,39.316H7.193L0,32.149V2.184A2.184,2.184,0,0,1,2.184,0Z\",\n transform: \"translate(651.829 610.702) rotate(180)\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_1798\",\n className: \"mainScript-2\",\n d: \"M0,0H7.643V7.711\",\n transform: \"translate(651.829 578.96) rotate(180)\"\n }), /*#__PURE__*/React.createElement(\"g\", {\n id: \"Group_2818\",\n transform: \"translate(625.934 585.909)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_1799\",\n className: \"mainScript-3\",\n d: \"M5087,5534.875h21.23\",\n transform: \"translate(-5087 -5531.198)\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_1800\",\n className: \"mainScript-3\",\n d: \"M5087,5534.875h21.23\",\n transform: \"translate(-5087 -5527.42)\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_1801\",\n className: \"mainScript-3\",\n d: \"M5087,5534.875h13.64\",\n transform: \"translate(-5087 -5523.641)\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_1802\",\n className: \"mainScript-3\",\n d: \"M5087,5534.875h7.065\",\n transform: \"translate(-5087 -5534.875)\"\n })))));\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgMainScript, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/mainScript.ced92c86.svg\";\nexport { ForwardRef as ReactComponent };","import React from 'react';\nimport styled from 'styled-components';\n\nimport { ReactComponent as Arrow } from 'svgs/rightArrowNoLine.svg'\n\nconst Container = styled.div`\n height: 70px;\n width: 533px;\n background-color: #3CB9C0;\n color: white;\n display: flex;\n flex-direction: row;\n align-items: center;\n border-radius: 4px;\n box-shadow: 0px 3px 6px #00000029;\n margin: 1rem 0rem;\n margin-bottom: 0rem;\n margin: 1rem auto;\n`\nconst Text = styled.div`\n font-size: 15px;\n text-align: center;\n width: 100%;\n`\nconst TextContainer = styled.div`\n display: flex;\n flex-direction: row;\n height: 100%;\n align-items: center;\n width: 100%;\n`\n\n// Takes a list of titles and which number should be active\ninterface IProps {\n list: string[];\n active: number;\n}\n\nconst FlowStatus: React.FC = ({list, active}) => {\n return (\n \n {list.map((item, i) => \n \n {i + 1}. {item} \n \n )}\n \n )\n}\n\nexport default FlowStatus;","import React, { useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { observer } from 'mobx-react-lite';\n\nimport SetupPinFlowDesktop from './components/SetupPinFlowDesktop/SetupPinFlowDesktop';\nimport SetupPrivacySettingsDesktop from './components/SetupPrivacySettingsDesktop/SetupPrivacySettingsDesktop';\nimport UIContainer from 'components/UIContainer';\nimport RouteBar from 'components/DesktopComponents/RouteBar';\nimport TabBar from 'components/DesktopComponents/TabBar';\nimport { go } from 'routes';\nimport LearnMorePopUp from 'components/LearnMorePopUp/LearnMorePopUp';\nimport { useAccountStore, useIdentityStore } from 'store/mobx/mobx';\nimport MobileVerificationDesktop from './components/MobileVerificationDesktop/MobileVerificationDesktop';\nimport CompleteVerificationFlowProcessing from 'Identity/CompleteVerificationFlow/Processing.js';\nimport FlowStatus from './components/FlowStatus/FlowStatus';\n\nconst Outer = styled.div`\n width: 100%;\n background-color: #F9F9F9;\n overflow-y: auto;\n align-items: center;\n -ms-overflow-style: none; \n scrollbar-width: none; \n &::-webkit-scrollbar {\n display: none;\n }\n overflow: auto;\n`\nconst Title = styled.div`\n text-transform: uppercase;\n font-size: 13px;\n margin-top: 1rem;\n text-align: left;\n width: 100%;\n`\nconst Text = styled.div`\n font-size: 13px;\n margin-top: 0.5rem;\n width: 100%;\n text-align: left;\n`\nconst Card = styled.div`\n width: 534px;\n margin: 1rem auto;\n height: 677px;\n position: relative;\n background-color: white;\n border-radius: 4px;\n padding-top: 2rem;\n margin: auto;\n box-shadow: 0px 3px 6px #00000029;\n`\nconst Container = styled.div`\n width: 534px;\n margin: auto;\n`\n\nconst CompleteVerificationFlowDesktop = observer(() => {\n const [state, setState] = useState(0);\n const [popUp, setPopUp] = useState(false);\n const [learnMore, setLearnMore] = useState(false);\n \n const { MobileVerified } = useAccountStore().profile;\n const { patientVerification } = useAccountStore();\n // const { sendPrivacySettings, selectedPracticeOrgId, loading } = useIdentityStore();\n const store = useIdentityStore();\n const storeAc = useAccountStore();\n const pageRef = useRef(null);\n\n const BackButtonFn = () => state === 0 ? go.home() : setState(state - 1)\n\n const SubmitPrivacySettings = () => \n store.sendPrivacySettings(() => \n setState(MobileVerified ? 3 : 2), \n () => setState(1), \n store.selectedPracticeOrgId\n )\n\n const changeState = (newState: number) => {\n setState(newState);\n if (pageRef.current !== null) {\n const { y } = pageRef.current.getBoundingClientRect();\n pageRef.current.scrollTo(y, 0)\n }\n }\n \n store.setPracticeOrgId(storeAc.profile.LatestPracticeId);\n\n useEffect(() => {\n if (store.selectedPracticeOrgId === \"\" || \n store.selectedPracticeOrgId === null ||\n store.selectedPracticeOrgId === undefined) { go.home(); }\n })\n return (\n \n {popUp &&\n setPopUp(false)} type={\"SECURITY_FAQ\"} hideOnOverlayClick={true} /> \n }\n {learnMore &&\n setLearnMore(false)} type={\"IDENTITY_INFO\"}hideOnOverlayClick={true} /> \n }\n \n go.identity()}\n />\n \n Identity Status \n \n Local identity verification is free. You must verify your identity with each medical centre you wish to use.\n setLearnMore(true)} style={{color: \"#07A3C8\", cursor: \"pointer\"}}> Learn more.\n \n \n\n setPopUp(true)} goBack={BackButtonFn} goNext={() => changeState(1)} />}\n {state === 1 && setPopUp(true)} goBack={BackButtonFn} goNext={SubmitPrivacySettings} />}\n {state === 2 && setState(3)} />}\n {state === 3 && \n \n \n }\n \n \n )\n})\n\nexport default CompleteVerificationFlowDesktop;","import React, { lazy } from 'react';\nimport { isDesktop } from '../../config';\nimport { ProtectedRoute, push } from '../utils';\nimport Desktopidentity from 'Identity/DesktopIdentityPage/DesktopIdentityPage';\nimport Identity from 'Identity/index.js';\nimport MobileSelectPractice from '../../Identity/AddPractice/index.js';\nimport DesktopSelectPractice from 'Identity/DesktopIdentityPage/subroutes/SelectPractice';\nimport DesktopPin from 'Identity/DesktopIdentityPage/subroutes/PinSetup';\nimport MobilePin from 'Identity/SecurityPin/index.js';\nimport DesktopPhoto from 'Identity/DesktopIdentityPage/subroutes/PhotoSetup';\nimport MobilePhoto from '../../Identity/PhotoSecurity/index.js';\nimport MobilePrivacy from '../../Identity/Privacy/index.js';\nimport DesktopPrivacy from 'Identity/DesktopIdentityPage/subroutes/PrivacySetup';\nimport PopUp from 'components/DesktopComponents/PopUpLeavingFlow';\nimport DesktopSubmit from 'Identity/DesktopIdentityPage/subroutes/Submit';\nimport MobileSubmit from '../../Identity/SubmitRequest/index.js';\nimport MobileViewRequest from '../../Identity/ViewIdentityRequest/ViewIdentityRequest';\nimport DesktopViewRequest from '../../Identity/DesktopIdentityPage/components/ViewIdentityRequestDesktop';\nimport CompleteVerificationFlow from 'Identity/CompleteVerificationFlow/CompleteVerificationFlow';\nimport CompleteVerificationFlowDesktop from 'Identity/CompleteVerificationFlow/CompleteVerificationFlowDesktop/CompleteVerificationFlowDesktop';\nimport CompleteVerificationFlowProcessing from 'Identity/CompleteVerificationFlow/Processing.js';\n\nconst go = {\n identity: () => { push('/identity'); },\n verifyAtPractice: () => push('/identity-verify-practice'),\n verifyPrivacy: (startAtState) => push({\n\t\tpathname: '/identity-privacy-verification',\n\t\tstate: { startAtState }\n\t}),\n choosePractice: () => push('/identity-choose-practice'),\n searchPractice: (onFinishAdd, shouldAdd) => {\n push({\n pathname: '/identity-search-practice',\n state: { onFinishAdd, shouldAdd }\n })},\n identityPin: () => push('/identity-pin'),\n identityPhoto: () => push('/identity-photo'),\n identitySubmit: () => push('/identity-submit'),\n identityProcessing: () => push('/identity-processing'),\n identitySubmitted: (OrgId) => push({\n pathname: '/identity-submitted',\n search: '?id=' + OrgId\n }),\n identityStatus: () => push('/identity-status'),\n identityMobile: () => push('/identity-mobile-verification'),\n identityRegistrationError: () => push('./identity-registration-error'),\n identityViewRequest: (requestId) => push({\n pathname: '/identity/request',\n search: '?id=' + requestId\n }),\n\tidentityCompleteFlow: () => push('/complete-identity'),\n\tidentityCompleteFlowProcessing: () => push('/complete-identity-processing')\n};\n\nconst IdentityRoutes = [\n \n import(\n /* webpackChunkName: \"VerifyAtPracticeCard\" */ '../../Identity/VerifyAtPracticeCard/index.js'\n ),\n )}\n />,\n ,\n import('../../Identity/IdentityCompleted/index.js'))}\n/>,\n import('../../Identity/PracticeSearch/index.js'))}\n />,\n import('../../Identity/Processing/index.js'))}\n />,\n import('../../Identity/Submitted/index'))}\n />,\n import('../../Identity/MobileVerification/MobileVerificationPage'))}\n />,\n import('../../Identity/RegistrationError/RegistrationErrorPage'))}\n />, \n];\n\nexport default IdentityRoutes;\nexport { go };\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\n\nimport { actions } from '../components/UIContainer/actions/headerActions';\nimport UIContainer from '../components/UIContainer/index';\nimport styles from './messages.module.css';\nimport { isDesktop } from '../config';\n\nclass Messages extends Component {\n static propTypes = {\n setSideHeaderItem: PropTypes.func.isRequired,\n };\n componentDidMount() {\n if (isDesktop()) this.props.setSideHeaderItem('messages');\n }\n render() {\n return (\n \n \n );\n }\n}\n\nconst mapDispatchToProps = dispatch => ({\n setSideHeaderItem: bindActionCreators(actions.setSideHeaderItem, dispatch),\n});\n\nexport default connect(\n null,\n mapDispatchToProps,\n)(Messages);\n","import React from 'react';\nimport { ProtectedRoute, push } from '../utils';\nimport Messages from '../../MessagesPage';\n\nconst go = { messages: () => push('/messages') };\n\nconst MessagesRoutes = [\n \n }\n
\n);\n\nCardBanner.propTypes = {\n status: PropTypes.string,\n color: PropTypes.string,\n};\n\nexport default CardBanner;\n","import React from 'react';\nimport { map } from 'lodash/fp';\nimport moment from 'moment';\nimport { ReactComponent as ScriptIcon } from 'svgs/mainScript.svg';\nimport { ReactComponent as NotesIcon } from 'svgs/greyPencil.svg';\nimport CardBanner from '../../components/CardBanner'\nimport styles from './currentScript.module.css';\n\nconst CurrentScript = (script, onClick) => {\n const medsString = `${map(m => ` ${m}`)(Object.values(script.Medications))}`;\n return (\n \n
\n \n ); \n})\n\nexport default SubmitRequest;","import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { observer } from 'mobx-react-lite';\nimport moment from 'moment'\n\nimport { toNormalTime } from 'libs/Dates';\nimport { ReactComponent as Back } from 'svgs/circleRightArrow.svg';\nimport { ReactComponent as Green } from 'svgs/approvedTick.svg';\nimport { ReactComponent as Orange } from 'svgs/pendingTickWarning.svg';\nimport { ReactComponent as Red } from 'svgs/declinedCrossWarning.svg';\nimport { ReactComponent as Call } from 'svgs/call.svg';\nimport { useAccountStore, useIdentityStore, usePracticesStore } from 'store/mobx/mobx';\nimport { go } from 'routes';\nimport UIContainer from 'components/UIContainer';\nimport { useComponentDidMount } from 'libs/newHttp';\nimport { isDesktop } from 'config';\nimport RouteBar from 'components/DesktopComponents/RouteBar';\nimport TabBar from 'components/DesktopComponents/TabBar';\nimport { IIdentityRequestsStatus } from 'store/mobx/accountStore/accountStore.type';\nimport LearnMorePopUp from 'components/LearnMorePopUp/LearnMorePopUp';\nimport IdentityChecklistBanner from './IdentityChecklistBanner';\nimport { ReactComponent as Arrow } from 'svgs/blueRightCircleArrow.svg'; \n\nconst Container = styled.div`\n display: flex;\n flex-direction: column;\n position: relative;\n width: 100%;\n overflow-y: scroll;\n`\nconst IdentitiyTitle = styled.div`\n color: #F5722C;\n font-size: 21px;\n font-weight: 600;\n text-align: center;\n margin-bottom: 2rem;\n`\nconst Text = styled.div`\n font-size: 15px;\n margin: 1rem auto;\n width: 300px;\n`\nconst Card = styled.div`\n display: flex;\n flex-direction: column;\n border-radius: 0px 0px 4px 4px;\n background-color: white;\n padding: 2rem;\n padding-top: 1rem;\n margin: 1rem auto;\n box-shadow: 1px 2px 5px lightgray;\n width: 460px;\n position: relative;\n height: 700px;\n`\nconst Image = styled.div`\n background-size: cover;\n background-position: center;\n width: 110%;\n height: 200px;\n transform: translateX(-5%);\n`\nconst Button = styled.div`\n background-color: #07A3C8;\n color: white;\n border-radius: 36px;\n padding: 1rem;\n margin: 1rem auto;\n text-align: center;\n font-size: 16px;\n box-shadow: 1px 3px 5px lightgray;\n width: 66%;\n margin-top: 2rem;\n cursor: pointer;\n`\nconst Title = styled.div`\n text-transform: uppercase;\n font-size: 13px;\n margin-top: 1rem;\n text-align: left;\n margin 0.5rem auto;\n margin-top: 1rem;\n width: 460px;\n`\nconst PageTitle = styled.div`\n font-size: 17px;\n width: 100%;\n margin: 0.1rem auto;\n font-weight: 600;\n color: #585858;\n text-align: center;\n`\nconst Address = styled.div`\n font-size: 13px;\n width: 80%;\n margin: 1rem auto;\n text-align: center;\n color: #585858;\n`\nconst TextSmall = styled.div`\n font-size: 13px;\n margin: auto;\n margin-top: 0.2rem;\n text-align: left;\n width: 460px;\n`\n\ninterface IPractice {\n Address: string;\n AllowResubmit: boolean;\n BlackListed: boolean;\n BlackListedReason: string;\n EnrollmentStatusNotMeetPracticePolicy: boolean;\n ErrorMessage: string | null;\n IdentityRequest: {\n Status: number;\n RequestDate: string;\n UpdatedOn: string;\n Id: string;\n };\n IsOnline: boolean;\n MatchedPatientInPms: boolean;\n OnlineVerificationEnabled: boolean;\n OrganisationId: string;\n OrganisationName: string;\n Phone: string;\n PracticeVerifiedOn: string;\n PictureUrl: string;\n Pictures: string[]\n}\ninterface IProps {\n practice: IPractice;\n}\nconst ViewIdentitiyRequestDesktop: React.FC\n
\n \n {idStore.photo ?\n
\n \n : (\n 
\n )}\n
\n \n
\n {accStore.profile.FirstName} {accStore.profile.LastName}
\n{accStore.profile.Mobile}
\n{email}
\n {\n go.identityProcessing()\n }\n }> Submit Request
\n \n \n Local identity verification is free. You must verify your identity with each medical centre you wish to use. \n setIdentityPopup(true)} style={{color: \"#07A3C8\", cursor: \"pointer\"}}> Learn more.\n \n
\n {practice.PracticeVerification ?\n (\n \n Identity Verified \n \n Identity successfuly verified offline by the practice on {moment.utc(practice.PracticeVerifiedOn, 'YYYY-MM-DD').format('DD/MM/YYYY')}.\n \n
\n \n Identity Partially Verified \n \n Your identitiy request sent on {moment.utc(practice.IdentityRequest!.RequestDate, 'YYYY-MM-DD').format('DD/MM/YYYY')} at {toNormalTime(practice.IdentityRequest!.RequestDate)} is currently pending with {practice.OrganisationName}.\n \n \n You can follow it up by giving them a call on {practice.Phone} to access the status of your verification.\n \n
\n }\n {practice.IdentityRequest!.Status === 1 && \n \n Identity Verified \n \n Your identitiy was verified on {moment.utc(practice.IdentityRequest!.UpdatedOn, 'YYYY-MM-DD').format('DD/MM/YYYY')}.\n \n \n Your verification was done offline with {practice.OrganisationName}.\n \n Verifying your identity gives you more control to your health information across the Vensa site. \n
\n }\n {practice.IdentityRequest!.Status === 2 && practice.AllowResubmit &&\n \n Identity Verification Declined \n \n Your identitiy request was sent on {moment.utc(practice.IdentityRequest!.RequestDate, 'YYYY-MM-DD').format('DD/MM/YYYY')} at {toNormalTime(practice.IdentityRequest!.RequestDate)} has been declined by {practice.OrganisationName}.\n \n \n You can follow it up by giving them a call and ask if they can provide your verification online. The practice will not allow you to put your identity verification online again.\n \n window.location.href=\"tel:\" + practice.Phone} />\n
\n }\n {practice.IdentityRequest!.Status === 2 && !practice.AllowResubmit &&\n \n Identity Verification Previously Declined \n \n Your identitiy request was sent on {moment.utc(practice.IdentityRequest!.RequestDate, 'YYYY-MM-DD').format('DD/MM/YYYY')} at {toNormalTime(practice.IdentityRequest!.RequestDate)} has been declined by {practice.OrganisationName}.\n \n \n The practice does allow for you to resubmit your identity request if you like you can start by following the link below.\n \n \n
\n }\n \n {popUp &&\n setPopUp(false)} /> \n }\n setState(1)} openFAQ={() => setPopUp(true)} blueIcon={true}/>\n
\n \n \n setHeaderState(num)}\n goNext={() => {\n if (headerState === 1) { \n idStore.sendPrivacySettings(() => {}, () => {}, idStore.selectedPracticeOrgId);\n if (store.profile.MobileVerified) {\n go.identityCompleteFlowProcessing();\n return;\n } else {\n go.accountVerification(\"false\")\n }\n }\n }}\n />\n \n
\n \n
\n )}\n {success && (\n Hold on
\n Finalising your identity settings
\n Your inbox is currently empty
\n \n \n {status}\n
\n {\n statusCode === 11 && (\n \n \n )\n }\n {\n !isDesktop() && hasPatientNotes &&\n \n \n }\n
\n );\n};\n\nexport default CurrentScript;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport styles from './empty.module.css';\n\nconst Empty = ({ icon, text }) => (\n \n {moment(script.DateTime).format('DD/MM/YY')}\n
\n \n
\n {script.OrganisationName}
\n \n {medsString.substr(0, 60).trim()}\n {medsString.length > 60 && ...}\n
\n \n {`Prescription for ${script.FirstName} ${script.LastName}`}\n
\n {script.HasPatientNotes && \n \n 30 ? '135px' : '115px' }}\n >\n {text}\n
\n \n);\n\nEmpty.propTypes = {\n icon: PropTypes.element.isRequired,\n text: PropTypes.string.isRequired,\n};\n\nexport default Empty;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { map } from 'lodash/fp';\nimport classnames from 'classnames';\n\nimport DesktopCard from '../../../components/DesktopCard/index';\nimport Empty from '../EmptyFeedCard/index';\nimport styles from './sectionContainer.module.css';\n\nconst SectionContainer = ({\n heading,\n onClick,\n elements,\n emptyIcon,\n emptyText,\n activeHeader = true,\n}) => (\n {icon}
\n \n \n {heading}\n {elements.length > 0 && activeHeader && ` (${elements.length})`}\n
\n {elements.length ? (\n map(e => (\n \n 30 ? '135px' : '115px' }}\n >\n {text}\n
\n \n);\n\nEmptyFull.propTypes = {\n icon: PropTypes.element.isRequired,\n text: PropTypes.string.isRequired,\n};\n\nexport default EmptyFull;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { map } from 'lodash/fp';\nimport classnames from 'classnames';\n\nimport DesktopCard from '../../../components/DesktopCard/index';\nimport EmptyFull from '../EmptyFeedCardFull/index';\nimport styles from './fullsectionContainer.module.css';\n\nconst SectionContainerFull = ({\n heading,\n onClick,\n elements,\n fullemptyIcon,\n fullemptyText,\n activeHeader = true,\n}) => (\n {icon}
\n \n \n {heading}\n {elements.length > 0 && activeHeader && ` (${elements.length})`}\n
\n {elements.length ? (\n map(e => (\n \n
\n);\n\nMakeAppointmentCard.propTypes = {\n onClick: PropTypes.func.isRequired,\n};\n\nexport default MakeAppointmentCard;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { ReactComponent as DesktopMobile } from '../../../svgs/mainMobile.svg';\nimport styles from './verifyAccountCard.module.css';\n\nconst AccountVerify = ({ onClick }) => (\n \n Tēnā koe!\n
\n What would you llike to do?
\n \n \n \n
\n);\n\nAccountVerify.propTypes = {\n onClick: PropTypes.func.isRequired,\n};\n\nexport default AccountVerify;\n","import React, { Component } from 'react';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\n\nimport { actions } from '../actions/policyActions';\nimport styles from './privacyPolicy.module.css';\n\nclass PrivacyPolicy extends Component {\n componentWillUnmount() {\n if (!this.props.hasAccepted) this.props.acceptPP(this.props.token);\n }\n render() {\n const { url, hasAccepted } = this.props;\n return !hasAccepted ? (\n \n
\n Welcome to Vensa!
\n \n Please verify your account to fully enable your patient portal\n
\n \n \n We've updated our{' '}\n \n Privacy Policy\n {' '}\n to accomodate the exciting new features we have just launched.{' '}\n \n Click here\n {' '}\n to see our new releases.\n
\n ) : null;\n }\n}\n\nexport default connect(\n state => ({\n token: state.loginReducer.token,\n url: state.profileReducer.profile.PrivacyPolicyUrl,\n hasAccepted: state.profileReducer.profile.HasAcceptedPP,\n }),\n dispatch => ({\n acceptPP: bindActionCreators(actions.acceptPrivacyPolicy, dispatch),\n }),\n)(PrivacyPolicy);\n","import PropTypes from 'prop-types';\n\nconst scriptPropType = PropTypes.shape({\n Id: PropTypes.string.isRequired,\n Status: PropTypes.string.isRequired,\n FirstName: PropTypes.string.isRequired,\n LastName: PropTypes.string.isRequired,\n OrganisationName: PropTypes.string.isRequired,\n OrganisationId: PropTypes.string.isRequired,\n DateTime: PropTypes.string.isRequired,\n Medications: PropTypes.objectOf(PropTypes.string).isRequired,\n StatusColour: PropTypes.string.isRequired,\n Invoice: PropTypes.shape({\n Total: PropTypes.number.isRequired,\n Items: PropTypes.arrayOf(\n PropTypes.shape({\n Amount: PropTypes.number.isRequired,\n Name: PropTypes.string.isRequired,\n }),\n ),\n }),\n Read: PropTypes.bool,\n});\n\nconst fullScriptPropType = PropTypes.shape({\n Id: PropTypes.string.isRequired,\n Status: PropTypes.string,\n FirstName: PropTypes.string.isRequired,\n LastName: PropTypes.string.isRequired,\n OrganisationName: PropTypes.string.isRequired,\n OrganisationId: PropTypes.string.isRequired,\n DateTime: PropTypes.string.isRequired,\n Medications: PropTypes.objectOf(PropTypes.string).isRequired,\n StatusColour: PropTypes.string.isRequired,\n PmsUserName: PropTypes.string,\n PmsUserId: PropTypes.string,\n DependantId: PropTypes.string,\n Message: PropTypes.string,\n PmsUserTitle: PropTypes.string,\n PmsUserProfilePictureUrl: PropTypes.string,\n LocationName: PropTypes.string,\n LocationAddress: PropTypes.string,\n Invoice: PropTypes.shape({\n Total: PropTypes.number.isRequired,\n Items: PropTypes.arrayOf(\n PropTypes.shape({\n Amount: PropTypes.number.isRequired,\n Name: PropTypes.string.isRequired,\n }),\n ),\n }),\n PharmacyId: PropTypes.string,\n Read: PropTypes.bool,\n});\n\nconst detailsPropType = PropTypes.shape({\n Id: PropTypes.string,\n DependantId: PropTypes.string,\n Message: PropTypes.string,\n PmsUserName: PropTypes.string,\n PmsUserId: PropTypes.string,\n PmsUserTitle: PropTypes.string,\n PmsUserProfilePictureUrl: PropTypes.string,\n Invoice: PropTypes.shape({\n Total: PropTypes.number.isRequired,\n Items: PropTypes.arrayOf(\n PropTypes.shape({\n Amount: PropTypes.number.isRequired,\n Name: PropTypes.string.isRequired,\n }),\n ),\n }),\n PharmacyId: PropTypes.string,\n Status: PropTypes.string,\n StatusColour: PropTypes.string,\n DateTime: PropTypes.string,\n});\n\nexport { scriptPropType, detailsPropType, fullScriptPropType };\n","var _ellipse, _path, _path2, _g, _path3, _path4, _path5, _path6, _path7;\n\nvar _excluded = [\"svgRef\", \"title\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar SvgWavingKiwi = function SvgWavingKiwi(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Group_14973\",\n \"data-name\": \"Group 14973\",\n width: 126.568,\n height: 105.457,\n viewBox: \"0 0 126.568 105.457\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ellipse || (_ellipse = /*#__PURE__*/React.createElement(\"ellipse\", {\n id: \"Ellipse_855\",\n \"data-name\": \"Ellipse 855\",\n cx: 52.729,\n cy: 52.728,\n rx: 52.729,\n ry: 52.728,\n transform: \"translate(21.111 0)\",\n fill: \"#bcf1ff\"\n })), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n id: \"Intersection_25\",\n \"data-name\": \"Intersection 25\",\n d: \"M0,62.589c1.064-6.975,4.589-14.273,15.516-19.762,21.655-10.877,3.658-24.034,3.658-24.034H1.855c7.7-4.7,9.772-25.306,29.881-16.725C47.453,8.774,62.6,36.751,60.07,56.3A53.087,53.087,0,0,1,25.493,69.16,52.619,52.619,0,0,1,0,62.589Z\",\n transform: \"translate(48.232 36.297)\",\n fill: \"#b2926e\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n id: \"path\",\n d: \"M47.2,4.015c-5.365.568-14.75,6.184-29.159,18.266S-.906,43.187.145,44.907,10.35,38.128,29.25,29.189s29.464-8.7,37.977-13.731S76.4,2.218,72.651.329,66.3,5.338,60.916,4.4A49.223,49.223,0,0,0,47.2,4.015Z\",\n transform: \"matrix(0.914, 0.407, -0.407, 0.914, 18.356, 16.852)\",\n fill: \"#fec95f\"\n })), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Group_14166\",\n \"data-name\": \"Group 14166\",\n transform: \"translate(43.897 16.652)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n id: \"ellipse\",\n d: \"M8.727,0c4.85.025,8.807,4.982,8.838,11.073S13.688,22.079,8.838,22.054.031,17.072,0,10.982,3.876-.025,8.727,0Z\",\n transform: \"translate(3.553 3.56) rotate(9.27)\",\n fill: \"#fff\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"path-2\",\n \"data-name\": \"path\",\n d: \"M10.754,2.589C10.79,2.237,7.624-.016,5.585,0,2.066.009.036,4.615,0,4.966S2.907,1.828,5.444,1.406,10.719,2.94,10.754,2.589Z\",\n transform: \"translate(0.497 2.052) rotate(-11)\",\n fill: \"#b2926e\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"path-3\",\n \"data-name\": \"path\",\n d: \"M11.885,1.756c1.709,2.462.617,6.621-2.444,9.286s-6.926,2.823-8.634.351S.191,4.773,3.251,2.107,10.177-.716,11.885,1.756Z\",\n transform: \"translate(0.901 13.905) rotate(-34)\",\n fill: \"#b2926e\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"path-4\",\n \"data-name\": \"path\",\n d: \"M7.428,1.094c1.065,1.54.379,4.139-1.528,5.8S1.567,8.663.5,7.113s-.379-4.139,1.529-5.8S6.363-.446,7.428,1.094Z\",\n transform: \"translate(4.114 14.418) rotate(-34)\",\n fill: \"#585858\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"path-5\",\n \"data-name\": \"path\",\n d: \"M2.132,2.217C2.44,1.2,2.243.177,1.7.021S.454.6.146,1.656.035,3.7.582,3.852,1.823,3.277,2.132,2.217Z\",\n transform: \"matrix(-0.875, -0.485, 0.485, -0.875, 8.665, 13.955)\",\n fill: \"#fff\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"ellipse-2\",\n \"data-name\": \"ellipse\",\n d: \"M10.014,0c5.575.036,10.13,5.733,10.174,12.725S15.749,25.356,10.175,25.32.045,19.586,0,12.595,4.439-.036,10.014,0Z\",\n transform: \"matrix(0.965, 0.263, -0.263, 0.965, 19.47, 3.062)\",\n fill: \"#fff\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"path-6\",\n \"data-name\": \"path\",\n d: \"M13.215,1.965c1.9,2.752.692,7.4-2.71,10.373S2.8,15.486.9,12.723.208,5.324,3.61,2.349,11.312-.8,13.215,1.965Z\",\n transform: \"translate(16.367 14.817) rotate(-28)\",\n fill: \"#b2926e\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"path-7\",\n \"data-name\": \"path\",\n d: \"M8.259,1.225C9.446,2.946,8.685,5.85,6.565,7.7s-4.818,1.971-6,.239-.426-4.625,1.7-6.479S7.073-.5,8.259,1.225Z\",\n transform: \"translate(19.866 15.767) rotate(-28)\",\n fill: \"#585858\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"path-8\",\n \"data-name\": \"path\",\n d: \"M2.38,2.469C2.723,1.335,2.5.2,1.89.023S.5.662.162,1.841.04,4.112.651,4.287,2.036,3.648,2.38,2.469Z\",\n transform: \"translate(25.181 15.517) rotate(-147)\",\n fill: \"#fff\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"path-9\",\n \"data-name\": \"path\",\n d: \"M5.207,10.794c.292-.222,2.188-4.93.487-7.868A6.025,6.025,0,0,0,.019.071C-.273.293,2.894.917,4.527,3.816S4.915,11.016,5.207,10.794Z\",\n transform: \"translate(31.692 3.681) rotate(-11)\",\n fill: \"#b2926e\"\n }))), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_9293\",\n \"data-name\": \"Path 9293\",\n d: \"M2.6,11.223a15.484,15.484,0,0,0-2.457,10.6L14.982,5.065,13.162,0S6.106,5.729,2.6,11.223Z\",\n transform: \"translate(81.763 54.074) rotate(-16)\",\n fill: \"#a78866\"\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_9291\",\n \"data-name\": \"Path 9291\",\n d: \"M.66,31.258S-2.046,26.2,3.5,18.437A112.457,112.457,0,0,1,12.459,7.61c.84-.9,2.112-2.2,3.366-3.4C18.747,1.413,21.669-.64,22.85.183c2.617,1.828,1.072,19.665-3.42,33.5\",\n transform: \"translate(86.582 45.218) rotate(-2)\",\n fill: \"#b2926e\"\n })), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_9290\",\n \"data-name\": \"Path 9290\",\n d: \"M.659,31.259S-2.046,26.206,3.5,18.438A112.468,112.468,0,0,1,12.459,7.611c.84-.9,2.112-2.2,3.366-3.4C18.748,1.413,21.669-.64,22.85.183c2.117,1.479,1.931,12.712-.618,24.371-.575,2.63-1.3,5.378-2.16,8.019\",\n transform: \"translate(97.418 45.148) rotate(24)\",\n fill: \"#b2926e\",\n opacity: 0.302\n })), _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_9292\",\n \"data-name\": \"Path 9292\",\n d: \"M.647,30.615s-2.653-4.954,2.787-12.57A110.252,110.252,0,0,1,12.215,7.43c.824-.885,1.636-1.572,2.866-2.746C17.945,1.944,21.244-.658,22.4.149c2.566,1.793,1.682,18.2-2.722,31.756\",\n transform: \"translate(78.759 49.122) rotate(-13)\",\n fill: \"#b2926e\",\n opacity: 0.302\n })), _path7 || (_path7 = /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_9294\",\n \"data-name\": \"Path 9294\",\n d: \"M.011,2.255c-.217-.819,2.967.554,5.607.013S10.856-.72,11.612.208,10,4.826,6.483,5.548.227,3.077.011,2.255Z\",\n transform: \"translate(66.663 49.448) rotate(7)\",\n fill: \"#e5b452\"\n })));\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgWavingKiwi, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/wavingKiwi.4c645292.svg\";\nexport { ForwardRef as ReactComponent };","import React from 'react';\nimport styled from 'styled-components';\nimport { observer } from 'mobx-react-lite';\n\nimport { ReactComponent as BG } from 'svgs/desktopKiwiBg.svg';\n\nconst Container = styled.div`\n display: flex;\n flex-direction: column;\n overflow: visible;\n width: 100%;\n margin: 2rem 0rem;\n margin-top: 0px;\n`\nconst Top = styled.div`\n padding: 2rem;\n height: 360px;\n display: flex;\n flex-direction: row;\n padding-left: 3rem;\n position: relative;\n`\nconst Title = styled.div`\n font-size: 27px;\n margin-bottom: 1rem;\n`\nconst Text = styled.div`\n font-size: 20px;\n margin: 1rem 0rem;\n white-space: pre-wrap;\n color: #939393;\n`\nconst Banner = styled.div`\n background-color: #346672;\n height: 100px;\n width: 100%;\n position: relative;\n color: white;\n z-index: 10;\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 2rem;\n`\nconst TopInner = styled.div`\n position: relative;\n z-index: 10;\n display: flex;\n flex-direction: column;\n`\nconst BannerHeading = styled.div`\n font-size: 17px;\n font-weight: bold;\n margin: 0.1rem 0rem;\n`\nconst BannerText = styled.div`\n display: flex;\n flex-direction: column;\n text-align: center;\n flex-grow: 2;\n width: 100%;\n`\nconst BannerSub = styled.div`\n font-size: 13px;\n margin: 0.1rem 0rem;\n`\nconst BannerButton = styled.div`\n width: 110px;\n background-color: white;\n color: #346672;\n text-align: center;\n margin-right: auto;\n margin-left: auto;\n padding: 0.4rem;\n border-radius: 5px;\n font-weight: 600;\n box-shadow: 0px 3px 1px black;\n cursor: pointer;\n`\nconst Ratio = styled.div`\n color: white;\n font-weight: 600;\n margin: 0rem 1rem 0.3rem 1rem;\n font-size: 15px;\n text-align: center;\n`\nconst Link = styled.a`\n color: white;\n font-size: 14px;\n text-decoration: underline;\n cursor: pointer;\n margin: 1rem 4rem;\n font-weight: 400;\n`\n\nconst BannerButtonContainer = styled.div`\n flex-grow: 2;\n`\ninterface Props {\n title: string;\n text: string;\n bannerTitle?: string;\n bannerText?: string;\n buttonText?: string;\n onClick?: () => void;\n current?: number;\n total?: number;\n link?: () => void;\n linkText?: string;\n}\n\n// Full banner at the top of the desktop screen the optional paramateres are for the lower blue banner and if\n// not supplied they will not appear in the blue banner.\nconst FullBanner: React.FC\n {linkText && {linkText}}\n \n {buttonText &&\n
\n \n {/*({current}/{total}) */}\n \n {buttonText} \n \n
\n }\n \n {!Icon && \n 
window.location.href=\"tel:\" + callNumber} />\n }\n
\n);\n\nEmptyFeedCard.propTypes = {\n isFirstTime: PropTypes.bool.isRequired,\n buttonClick: PropTypes.func.isRequired,\n};\n\nexport default EmptyFeedCard;\n","import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport styled from 'styled-components';\n\nconst Container = styled.div`\n background-color: white;\n box-shadow: 0px 3px 6px #00000029;\n border-radius: 4px;\n padding: 0rem 0.6rem 1rem;\n text-align: center;\n border-top: 4px solid #FC7B7B;\n margin-bottom: 1rem;\n`\nconst Banner = styled.div`\n background-color: #FF6A65;\n color: white;\n font-size: 11px;\n padding: 3px 6px;\n margin: 1rem 0rem;\n margin-bottom: 1.5rem;\n border-radius: 24px;\n text-align: center;\n width: 60%;\n`\nconst Title = styled.div`\n font-weight: 600;\n margin: 0 0 0.588rem;\n font-size: 17px;\n`\nconst Text = styled.div`\n font-size: 17px;\n color: #6C6C6C;\n white-space: pre-wrap;\n margin: 1rem 0rem\n`\nconst ButtonContainer = styled.div`\n display: flex;\n flex-direction: row;\n width: 100%;\n`\nconst BlueButton = styled.div`\n background-color: #07A3C8;\n border: none;\n font-size: 15px;\n color: white;\n padding: 7px 20px;\n border-radius: 7px;\n width: 40%;\n margin: 1rem;\n margin-left: auto;\n`\nconst Link = styled.div`\n color: #07A3C8;\n font-size: 15px;\n border: none;\n margin: auto;\n`\n\ninterface Props {\n title: string;\n bannerText: string;\n button: boolean;\n link: boolean;\n text: string;\n buttonText: string;\n linkText: string;\n linkOnClick: () => void;\n buttonOnClick: () => void;\n restricted?: boolean;\n bannerColor?: string;\n}\n\nconst BannerEmptyFeedCard: React.FC\n {title} {/*isFirstTime ? `Hey ${name}, welcome to Vensa!` : `Kia ora ${name}!`*/}\n
\n {text}
\n \n {link &&\n \n }\n {button &&\n
\n {call &&\n \n
\n }\n {buttonText}
\n \n {restricted ? \n \n {bannerText} \n {title} \n {text} \n \n {link && {linkText}}\n {button && {buttonText} }\n \n \n :\n \n {bannerText} \n {title} \n {text} \n \n {link && {linkText}}\n {button && {buttonText} }\n \n \n }\n
\n\n )\n})\n\nexport default BannerEmptyFeedCard;","import React from 'react';\nimport styled from 'styled-components';\nimport { observer } from 'mobx-react-lite';\nimport styles from 'HealthFeed/HealthFeedDesktop/healthFeedDesktop.module.css';\nimport { useComponentDidMount } from 'libs/newHttp';\nimport { useAccountStore } from 'store/mobx/mobx';\nimport { useLocation } from 'react-router-dom';\n\nconst Container = styled.div`\n width: 100%;\n display: flex;\n flex-direction: row;\n background-color: #346672;\n padding: 0.3rem 3rem;\n height: 100px;\n font-size: 14px;\n`\nconst Banner = styled.div`\n background-color: #FF6A65;\n color: white;\n border: 2px solid white;\n padding: 2px 15px;\n border-radius: 15px;\n text-align: center;\n width: 185px;\n font-size: 11px;\n margin-top: auto;\n`\nconst FlexV = styled.div`\n display: flex;\n flex-direction: column;\n`\nconst Text = styled.div`\n color: white;\n white-space: pre-wrap;\n margin: 1rem 0rem;\n\n`\nconst ButtonContainer = styled.div`\n display: flex;\n flex-direction: row;\n align-items: center;\n margin: auto;\n`\nconst Link = styled.div`\n color: white;\n text-decoration: underline;\n margin: auto;\n margin-left: 0px;\n cursor: pointer;\n`\nconst Button = styled.div`\n color: #346672;\n background-color: white;\n border-radius: 4px;\n margin: auto;\n padding: 5px 25px;\n margin-left: 70px;\n font-weight: 600;\n cursor: pointer;\n box-shadow: 0px 2px 4px black;\n`\n\ninterface IProps {\n bannerText: string;\n text: string;\n linkText: string;\n linkOnClick: () => void;\n buttonText: string;\n buttonOnClick: () => void;\n height?: string;\n bannerColour?: string;\n}\n\nconst HalfBanner: React.FC\n
\n }\n \n {store.profile.FirstName && `Kia ora, ${store.profile.FirstName || ''}!`}\n
\n \n {store.profile.FirstName &&\n \"Here's a summary of what's happening on your patient profile\"}\n
\n \n
\n);\n\nVerifyAccountCard.propTypes = {\n onClick: PropTypes.func.isRequired,\n};\n\nexport default VerifyAccountCard;\n","import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { observer } from 'mobx-react-lite';\n\nimport EmptyFeedCard from '../../HealthFeedMobile/EmptyFeedCard';\nimport BannerEmptyFeedCard from '../../HealthFeedMobile/BannerEmptyFeedCard/BannerEmptyFeedCard';\nimport FullBanner from 'components/DesktopComponents/FullBanner';\nimport { useAccountStore, useIdentityStore, useMyHealthStore } from 'store/mobx/mobx';\nimport { go } from 'routes';\nimport { isDesktop } from 'config';\nimport HalfBanner from 'components/DesktopComponents/HalfBanner';\nimport AccountVerificationCard from 'HealthFeed/HealthFeedMobile/VerifyAccountCard';\nimport styles from 'HealthFeed/HealthFeedDesktop/healthFeedDesktop.module.css'\nimport { ReactComponent as labsIcon } from 'svgs/labs2.svg'\nimport LearnMorePopUp from 'components/LearnMorePopUp/LearnMorePopUp';\nimport Loading from 'components/loadingSpinner';\nimport { useLocation } from 'react-router';\n\nconst Container = styled.div`\n width: 100%;\n`\n\nconst FeedPriorityList = [\n \"NeedUserSetUpToCompleteIdentity\",\n \"MobileNotVerified\",\n \"EmailNotVerified\",\n \"IdentityNotVerified\",\n \"IdentityDeclined\",\n \"IdentityApproved\",\n \"IdentityInProgress\",\n \"PhotoIdentityNotVerified\",\n \"ConsumerNotAcknowledgedOfBlacklisted\",\n \"InvitedForLabResearch\",\n \"ConsentedForLabResearch\",\n \"NeedFeedBackForLabResultDoctorComments\",\n]\n\ninterface IFeed {\n Type: string;\n Item: any;\n}\ninterface IProps {\n feed: IFeed[]\n getFeed: () => void;\n hide: () => void;\n setShowPopUp?: (value: boolean) => void;\n}\nconst Notifications: React.FCAccount verification
\n \n {!isMobileVerified && !isEmailVerified ?\n \"To enable full access to Vensa services and receive health updates, please verify your email and mobile.\"\n :\n isMobileVerified ?\n \"To enable full access to Vensa services and receive health updates, please verify your email.\"\n :\n \"To enable full access to Vensa services and receive health updates, please verify your mobile number.\"\n }\n
\n \n {!isMobileVerified && !isEmailVerified ?\n
\n \n \n \n
\n :\n \n }\n Mobile Not Verified
;\n case \"EmailNotVerified\":\n return Email Not Verified
;\n case \"MobileNotVerified\":\n return (\n Photo Identity Not Verified
;\n case \"ConsumerNotAcknowledgedOfBlacklisted\":\n return (\n \n
\n )\n\n }\n }\n\n return (\n \n {store.profile.FirstName && `Kia ora, ${store.profile.FirstName || ''}!`}\n
\n \n {store.profile.FirstName &&\n \"Here's a summary of what's happening on your patient profile\"}\n
\n (use default privacy setting),\n handleClick: profile.handleSure,\n flavour: 'solid'\n },\n {\n text: 'Set up now',\n handleClick: () => { go.identityCompleteFlow(); },\n flavour: 'plain' \n }\n ]\n});\n\nexport const Activity2PopupsSet: (profile: ProfileVO, touch?: boolean) => Record
\n
,\n buttonData: [\n {\n text: 'Set up now',\n flavour: 'solid',\n handleClick: () => { go.identityCompleteFlow() }\n },\n {\n text: 'Set up later',\n flavour: 'plain',\n }\n ]\n },\n surePopup(profile)\n ] as PopupModel[],\n 'MasterWithAdultDependant': [\n {\n icon: Your profile is nearly set up!
\nWould you like to complete your privacy and security settings? It's super quick and easy.
\n\n
,\n buttonData: [\n {\n text: touch ? 'Set up PIN now' : 'Set up PIN/Privacy Now',\n flavour: 'solid',\n handleClick: () => { go.identityCompleteFlow(); }\n },\n {\n text: 'Set up later',\n flavour: 'plain'\n }\n ]\n },\n surePopup(profile)\n ] as PopupModel[],\n 'AdultDependant': [\n {\n icon: Someone has been added to your Care Circle - but you haven't set up a PIN.
\nWould you like to set one up now?
\nWithout a PIN everyone in your Circle can access your health data and payment details.
\n\n
,\n buttonData: [\n {\n text: touch ? 'Set up PIN now' : 'Set up PIN/Privacy Now',\n flavour: 'solid',\n handleClick: () => { go.identityCompleteFlow(); }\n },\n {\n text: touch ? 'Set up later' : 'Set up later, not now',\n flavour: touch ? 'hollow' : 'plain'\n }\n ]\n },\n surePopup(profile)\n ] as PopupModel[]\n});","import React from 'react';\nimport styles from './Section.module.scss';\n\ntype Props = {\n sn: string;\n title: string;\n content: string;\n}\n\nconst Section = ({\n sn,\n title,\n content\n}: Props) => {\n return (\n {touch ? '' : 'It is recommended to setup extra pin code and set privacy for your new member.'}
\nWould you like to set { touch ? 'up a PIN code' : 'one up now'}?
\nWithout a PIN everyone in your Circle can access your health data and payment details.
\n\n {sn}\n
\n )\n}\n\nexport default Section;","import React, { PropsWithChildren, ReactElement } from 'react';\nimport styles from './Template.module.scss';\nimport Section from './Section';\nimport FlavourButton, { ButtonFlavour } from '../MultiFlavourButton';\nimport { Touchable } from 'types';\nimport { withStyles } from 'hocs/withStyles';\nimport Divider from '../Divider';\n\nexport type PopupItems =\n {\n title: string; \n content: string\n }[];\n\ninterface PopupButton {\n text: string;\n handleClick?: () => void;\n flavour: ButtonFlavour;\n};\n\nexport type PopupModel = {\n icon?: ReactElement;\n title: string | ReactElement;\n content?: string | ReactElement;\n listData?: PopupItems;\n buttonData: PopupButton[];\n}\n\nconst adapter = (touch: boolean) => ({\n OkBtton: {\n style: {\n width: touch ? '80%' : '45%'\n }\n },\n CancelButton: {\n style: {\n width: touch ? '80%' : '45%'\n }\n }\n});\n\ntype Props = {\n model: PopupModel\n} & Touchable;\n\nconst Popup = ({\n model,\n touch = false,\n}: PropsWithChildren\n {title}\n
\n \n {content}
\n{model.content}
: model.content}\n {model.content &&{m.FirstName}
)(messages) : [];*/\n\nclass HealthFeedDesktop extends Component {\n static propTypes = {\n addAppStyles: PropTypes.func.isRequired,\n removeAppStyles: PropTypes.func.isRequired,\n setSideHeaderItem: PropTypes.func.isRequired,\n fetchFeed: PropTypes.func.isRequired,\n fetchAppt: PropTypes.func.isRequired,\n fetchScript: PropTypes.func.isRequired,\n fetchCurrentRequests: PropTypes.func.isRequired,\n fetchPastRequests: PropTypes.func.isRequired,\n\n getProfile: PropTypes.func.isRequired,\n setFirstTime: PropTypes.func.isRequired,\n appointments: PropTypes.arrayOf(appointmentPropType),\n profile: userPropType,\n token: PropTypes.string.isRequired,\n userName: PropTypes.string,\n firstTime: PropTypes.bool,\n isFetching: PropTypes.bool,\n scripts: PropTypes.arrayOf(scriptPropType),\n messages: PropTypes.arrayOf(PropTypes.string),\n };\n state = {\n showPopUp: false,\n showWaiting: false,\n };\n componentDidMount() {\n this.props.addAppStyles([styles.app]);\n this.props.fetchFeed(this.props.token);\n this.props.getProfile(this.props.token);\n this.props.setSideHeaderItem('healthFeed');\n }\n\n UNSAFE_componentWillReceiveProps(nextProps) {\n if (nextProps.profile.MobileVerified) {\n this.setState({ showPopUp: false });\n }\n if (nextProps.firstTime) {\n Alert.success('Welcome! You have successfully registered with Vensa.');\n this.props.setFirstTime(false);\n }\n }\n componentWillUnmount() {\n this.props.removeAppStyles([styles.app]);\n }\n togglePopUp = () => {\n this.setState({ showPopUp: !this.state.showPopUp });\n };\n handleApptClick = id => () => {\n this.props.fetchAppt(id, this.props.token);\n go.appointmentDetails(id, this.props.token);\n };\n handleScriptClick = id => () => {\n const token = this.props.token;\n this.props.fetchScript(id, token);\n this.props.fetchCurrentRequests(token);\n this.props.fetchPastRequests(token);\n go.prescriptionDetails(id);\n };\n\n handleSure = () => {\n this.setState({ showWaiting: true });\n store.skipPinCode(this.props.profile.LatestPracticeId);\n }\n\n handleSame = () => {\n this.setState({ showWaiting: true });\n store.employPinCode();\n }\n render() {\n const {\n userName,\n appointments,\n scripts,\n profile,\n isFetching,\n feed\n } = this.props;\n const onboardingModel = Activity2PopupsSet({\n ...this.props.profile,\n handleSure: this.handleSure,\n handleSame: this.handleSame\n })[this.props.profile.IdentitySetupPopup];\n return (\n <>\n {\n this.state.showWaiting && \n this.props.fetchFeed(this.props.token)} />\n \n {this.state.showPopUp && (\n \n \n )}\n \n
\n \n {profile.Id && (\n \n {this.props.feed.length > 1 && this.props.feed[0].Type === \"MobileNotVerified\" &&\n \n )}\n
\n \n
\n \n { }}\n cancel={handleSwitcheroo(1, 2)}\n />\n
\n }\n />\n \n );\n}\n\n\nconst mapStateToProps = state => ({\n token: state.loginReducer.token,\n dependants: state.fetchDependantsReducer.dependants,\n isFetchingDependants: state.fetchDependantsReducer.isFetching,\n isFetchingConnected: state.scriptMenuReducer.isFetchingConnected,\n practices: state.scriptMenuReducer.connectedPractices,\n orgId: state.scriptDetailsReducer.practice.Id,\n userId: state.profileReducer.profile.Id,\n userMobile: state.profileReducer.profile.Mobile,\n mobileVerified: state.profileReducer.profile.MobileVerified,\n});\nconst mapDispatchToProps = dispatch => ({\n /* eslint-disable max-len */\n overrideBackArrow: bindActionCreators(\n headerActions.overrideBackArrow,\n dispatch,\n ),\n clearBackArrow: bindActionCreators(headerActions.clearBackArrow, dispatch),\n fetchDoctors: bindActionCreators(menuActions.fetchDoctors, dispatch),\n fetchAllPractices: bindActionCreators(searchActions.fetchAllPractices, dispatch,),\n clearPracticeSelection: bindActionCreators(listActions.clearPracticeSelection, dispatch,),\n fetchConnectedPractices: bindActionCreators(menuActions.fetchConnectedPractices, dispatch,),\n clearScriptRequest: clearScriptRequest(dispatch),\n fetchDependants: bindActionCreators(dependantActions.fetchDependants, dispatch),\n setNotification: bindActionCreators(notificationActions.setWhiteBoxNotification, dispatch)\n /* eslint-enable max-len */\n});\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(InitialiseRequest);\nexport { InitialiseRequest };\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport appointmentsIcon from '../../../../images/appointments.png';\nimport addDependant from '../../../../svgs/ctaCareCircle.svg';\nimport heart from '../../../../svgs/ctaPhr.svg';\nimport addPractice from '../../../../images/addPractice.png';\nimport { ReactComponent as Script } from '../../../../svgs/scripts.svg';\nimport styles from './userActionsMenu.module.css';\n\nconst createMenuButton = (icon, label, onClickFn) => (\n \n);\n\nconst UserActionsMenu = ({\n appointmentsFn,\n dependantFn,\n practiceListingFn,\n scriptFn,\n phrFn\n}) => (\n \n {createMenuButton(\n 
,\n 'Make an Appointment',\n appointmentsFn,\n )}\n {createMenuButton(\n ,\n 'Order a Repeat Script',\n scriptFn,\n )}\n {createMenuButton(\n 
,\n 'My Health Records',\n phrFn,\n )}\n {createMenuButton(\n 
,\n 'Add a Practice',\n practiceListingFn,\n )}\n {createMenuButton(\n 
,\n 'Add to my Care Circle',\n dependantFn,\n )}\n
\n);\n\nUserActionsMenu.propTypes = {\n appointmentsFn: PropTypes.func.isRequired,\n dependantFn: PropTypes.func.isRequired,\n practiceListingFn: PropTypes.func.isRequired,\n scriptFn: PropTypes.func.isRequired,\n};\n\nexport default UserActionsMenu;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { map } from 'lodash/fp';\n\nimport { ReactComponent as Arrow } from '../../../../svgs/rightarrow2.svg';\nimport { clinicPropType } from '../../../../PracticesPage/propTypes/index';\nimport styles from './practiceList.module.css';\n\nconst PracticeList = ({\n practices,\n goToBooking,\n otherPractice,\n showArrow,\n arrowClick,\n}) => (\n \n {showArrow &&
\n \n);\n\nPracticeList.propTypes = {\n goToBooking: PropTypes.func.isRequired,\n otherPractice: PropTypes.func.isRequired,\n showArrow: PropTypes.bool,\n practices: PropTypes.arrayOf(clinicPropType).isRequired,\n arrowClick: PropTypes.func,\n};\n\nexport default PracticeList;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport { CSSTransitionGroup } from 'react-transition-group';\n\nimport Switcheroo from '../../../components/Switcheroo/index';\nimport { ReactComponent as Arrow } from '../../../svgs/rightarrow2.svg';\n// eslint-disable max-len\nimport PracticeSearch from '../../../PracticesPage/PracticeSearch/index';\nimport AccountVerificationPage from '../../AccountVerificationPage/index';\nimport ScriptMenuContainer from '../../../vScript/RequestScriptMobile/RequestScriptMobile';\nimport { actions } from '../../../vScript/actions/searchActions';\nimport { actions as headerActions } from '../../../components/UIContainer/actions/headerActions';\nimport { actions as scriptActions } from '../../../vScript/actions/menuActions';\nimport { actions as depActions } from '../../../DependantsPage/actions/actions';\nimport { actions as appActions } from '../../../PracticesPage/PracticeSearch/actions/actions';\n// eslint-enable max-len\nimport UserActions from './UserActionsMenu/index';\nimport PracticeList from './PracticeList/index';\nimport NotWithVensa from './NotWithVensa/index';\nimport { go } from '../../../routes';\nimport { clinicPropType } from '../../../PracticesPage/propTypes/index';\nimport styles from './menuPages.module.css';\nimport { actions as notificationActions } from 'components/UIContainer/MobileUI/MainShell/actions/actions';\nimport { getToken } from 'libs/newHttp';\n\nclass MenuPages extends Component {\n static propTypes = {\n practices: PropTypes.arrayOf(clinicPropType).isRequired,\n clearPracticeSelection: PropTypes.func.isRequired,\n getAllPractices: PropTypes.func.isRequired,\n fetchScriptPractices: PropTypes.func.isRequired,\n fetchConnectedPractices: PropTypes.func.isRequired,\n fetchDependants: PropTypes.func.isRequired,\n overrideBackArrow: PropTypes.func.isRequired,\n clearBackArrow: PropTypes.func.isRequired,\n token: PropTypes.string.isRequired,\n appointmentOnly: PropTypes.bool,\n isMobileVerified: PropTypes.bool,\n };\n state = {\n showError: false,\n showAccountVerification: false,\n };\n componentDidMount() {\n const token = getToken();\n this.props.clearPracticeSelection();\n this.props.getAllPractices();\n this.props.fetchConnectedPractices(token);\n if (this.props.appointmentOnly) {\n this.handleSwitcheroo(3, 1)();\n } else {\n this.props.fetchScriptPractices(token);\n this.props.fetchDependants(token);\n }\n }\n handleSwitcheroo = (next, current) => () => {\n if (this.switcheroo) {\n // opens mobile verification if user has not yet verified\n if (!this.props.mobileVerified && next === 5 && current !== 2) {\n this.props.overrideBackArrow(this.handleSwitcheroo(1, 2));\n this.switcheroo.setItemToShow(2, current);\n }\n // skips straight to 'other practice' page if user has no linked practices\n else if (next === 3 && this.props.practices.length < 1) {\n if (current === 1) this.switcheroo.setItemToShow(4, current);\n else if (current === 4) this.switcheroo.setItemToShow(1, current);\n } else this.switcheroo.setItemToShow(next, current);\n // resets arrow fn when closing mobile verification\n if (current === 2) this.props.clearBackArrow();\n }\n };\n toggleErrorPopUp = () => {\n this.setState({\n showError: !this.state.showError,\n });\n };\n handleNotWithVensa = practice => {\n this.toggleErrorPopUp();\n this.setState({\n practiceNotWithVensa: practice,\n });\n };\n goToBooking = e => {\n go.practiceProfile(e.UrlName || e);\n };\n render() {\n return (\n Where?
\n \n {map(p => (\n goToBooking(p.UrlName)}\n key={p.PracticeId}\n >\n {p.Name}\n
\n ))(practices)}\n \n Other practice...\n
\n \n
\n }\n thirdItem={\n \n {(this.props.practices.length > 0 ||\n !this.props.appointmentOnly) && (\n
\n }\n fifthItem={\n Choose your practice:
\n \n
\n }\n />\n {this.state.showError && (\n \n {\n this.cta = c;\n }}\n {...this.getCtaStyles()}\n onClick={this.props.ctaFn}\n icon={this.props.ctaIcon}\n />\n )}\n \n {this.state.showMenu && (\n
\n );\n }\n}\n\nconst mapStateToProps = state => ({\n ctaFn: state.appointmentsCTAReducer.ctaFn,\n ctaIcon: state.appointmentsCTAReducer.ctaIcon,\n showCta: state.appointmentsCTAReducer.showCta,\n appointments: state.fetchConfirmedAppointmentsReducer.appointments,\n pastAppointments: state.fetchPastAppointmentsReducer.appointments,\n});\nconst mapDispatchToProps = dispatch => ({\n changeCtaFn: bindActionCreators(actions.changeCtaFn, dispatch),\n changeCtaIcon: bindActionCreators(actions.changeCtaIcon, dispatch),\n});\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(Appointments);\nexport { styles };\n","import React from 'react';\nimport classnames from 'classnames';\n\nimport styles from './mainInfo.module.css';\nimport { fullScriptPropType } from '../../propTypes';\nimport Loading from 'components/loadingSpinner';\nimport { ReactComponent as NotesIcon } from 'svgs/greyPencil.svg';\n\nconst formatPrice = price => {\n if (!price) return '$ 0';\n const p = Math.abs(price).toString();\n const dollars = p.slice(0, -2);\n const cents = p.slice(-2);\n return `$ ${dollars}.${cents}`;\n};\n\nconst MainInfo = ({ script }) => (\n \n
\n {this.props.showCta && (\n \n {script.Invoice && (\n
\n )}\n \n);\n\nMainInfo.propTypes = {\n script: fullScriptPropType,\n};\n\nexport default MainInfo;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\n\nimport { CSSTransitionGroup } from 'react-transition-group';\n\nimport { actions } from '../actions/actions';\nimport { actions as searchActions } from '../../vScript/actions/searchActions';\nimport { actions as requestActions } from '../../vScript/actions/actions';\nimport BottomMenu from './BottomMenu';\nimport MainInfo from './MainInfo';\nimport styles from './scriptDetails.module.css';\nimport { go } from '../../routes';\nimport { isDesktop } from '../../config';\nimport { fullScriptPropType } from '../propTypes';\nimport Loading from 'components/loadingSpinner';\n\nclass ScriptDetailsMobile extends Component {\n static propTypes = {\n removeScript: PropTypes.func.isRequired,\n repeatScript: PropTypes.func.isRequired,\n goToAddMedications: PropTypes.func.isRequired,\n goToScripts: PropTypes.func.isRequired,\n searchMeds: PropTypes.func.isRequired,\n showMenu: PropTypes.bool,\n toggleMenu: PropTypes.func,\n allMeds: PropTypes.arrayOf(fullScriptPropType),\n token: PropTypes.string.isRequired,\n userId: PropTypes.string.isRequired,\n script: fullScriptPropType,\n toggleCard: PropTypes.func,\n };\n constructor(props) {\n super(props);\n this.handleRepeat = this.handleRepeat.bind(this);\n this.handleRemove = this.handleRemove.bind(this);\n }\n componentDidMount() {\n this.props.searchMeds('', this.props.token);\n }\n handleRepeat() {\n const script = this.props.script;\n const CTPP = Object.keys(script.CTPP).map(med =>\n this.props.allMeds.find(e => e.Id === med),\n );\n const FreeForm = Object.keys(script.FreeFormMedication).map(med => {\n return { Name: med };\n });\n this.props.repeatScript({\n firstName: script.FirstName,\n lastName: script.LastName,\n avatarUrl: script.ProfilePictureUrl,\n doctorName: script.PmsUserName,\n doctorId: script.PmsUserId,\n orgName: script.OrganisationName,\n orgId: script.OrganisationId,\n paymentEnabled: script.OrganisationPaymentEnabled,\n patientId: script.DependantId ? script.DependantId : this.props.userId,\n medications: CTPP.concat(FreeForm),\n });\n if (!isDesktop()) {\n this.props.goToAddMedications(script.Id);\n this.props.toggleCard();\n } else {\n this.props.setRepeatScriptId(script.Id);\n this.props.goToScripts();\n }\n }\n handleRemove() {\n this.props.removeScript(this.props.script.Id, this.props.token);\n if (!isDesktop()) this.props.toggleCard();\n }\n render() {\n return (\n \n {script.PatientNote &&\n
\n \n \n
\n }\n {script ?\n \n Patient Note\n
\n {script.PatientNote}
\n \n
\n :\n \n Pick up location\n {script.LocationAddress && (\n \n Get Directions\n \n )}\n
\n {script.LocationName}
\n {script.LocationAddress}
\n \n
\n \n \n
\n ),\n )}\n Payment details:
\n {script.Invoice.Items.map(\n item =>\n item.Amount && (\n {item.Name}
\n {`${\n Math.sign(item.Amount) === -1 ? '-' : ''\n } ${formatPrice(item.Amount)}`}
\n \n
\n Total
\n \n {script.StatusColour === 'Red'\n ? '$ 0.00'\n : `${formatPrice(script.Invoice.Total)}`}\n
\n \n \n {this.props.showMenu && (\n
\n );\n }\n}\n\nconst mapStateToProps = state => ({\n allMeds: state.searchMedsReducer.medications,\n userId: state.profileReducer.profile.Id,\n token: state.loginReducer.token,\n isFetching: state.scriptReducer.isFetchingDetails,\n});\nconst mapDispatchToProps = dispatch => ({\n /* eslint-disable max-len */\n repeatScript: bindActionCreators(requestActions.repeatScript, dispatch),\n removeScript: bindActionCreators(actions.removeScript, dispatch),\n goToAddMedications: (scriptId) => go.addMedication(scriptId),\n goToScripts: () => go.prescriptions(),\n searchMeds: bindActionCreators(searchActions.searchMeds, dispatch),\n setRepeatScriptId: bindActionCreators(actions.setRepeatScriptId, dispatch),\n /* eslint-enable max-len */\n});\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(ScriptDetailsMobile);\n","const formatMobile = mobile => {\n if (!mobile) return '';\n const newMobile = mobile.replace(/^\\+?64/, '0');\n return newMobile.replace(/(\\d{3})(\\d{3})(\\d)/, '$1 $2 $3');\n};\n\nexport { formatMobile };\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport moment from 'moment';\n\nimport CardBanner from '../../components/CardBanner/index';\nimport styles from './pending.module.css';\nimport { formatMobile } from '../../../libs/Mobile';\nimport { detailsPropType } from '../../propTypes';\n\nconst getBorderStyle = (isOpen, isMessage, color) => {\n if (isOpen && isMessage) {\n if (color === 'Red') return { borderLeft: '3px solid #FF6A65' };\n if (color === 'Green') return { borderLeft: '3px solid #23C373' };\n return {};\n }\n return {};\n};\n\nconst Pending = ({ details, status, color, statusCode, isOpen, hasPatientNotes }) => (\n \n \n
\n ) : (\n {`REF: ${details.Charge.Reference}`}
\n )}\n \n {isOpen && details.DoctorNote && (\n
\n )}\n \n);\n\nPending.propTypes = {\n status: PropTypes.string,\n color: PropTypes.string,\n details: detailsPropType,\n isOpen: PropTypes.bool,\n};\n\nexport default Pending;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport { map } from 'lodash/fp';\n\nimport styles from './medications.module.css';\n\nconst getMedsString = meds => `${meds.map(m => ` ${m}`)}`;\n\nconst Medications = ({ meds, isOpen }) => {\n const medsString = getMedsString(Object.values(meds));\n return (\n {details.DoctorNote}
\n )}\n {isOpen && details.DoctorNote && (\n \n
\n )}\n {`From ${details.OrganisationName} on`}
\n {`${moment(details.TextSentAt).format(\n 'DD/MM/YY',\n )} to ${formatMobile(details.TextSentTo)}`}
\n \n {medsString.substr(0, 80).trim()}\n {medsString.length > 80 && (\n ...\n )}\n
\n )}\n {isOpen &&\n map(\n m => (\n \n {m}\n
\n ),\n Object.values(meds),\n )}\n \n );\n};\n\nMedications.propTypes = {\n meds: PropTypes.objectOf(PropTypes.string),\n isOpen: PropTypes.bool.isRequired,\n};\n\nexport default Medications;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport moment from 'moment';\n\nimport { ReactComponent as ScriptIcon } from '../../../../svgs/scripts.svg';\nimport Medications from '../Medications/index';\nimport { fullScriptPropType } from '../../../propTypes/index';\nimport styles from './cardHeading.module.css';\n\nconst CardHeading = ({ script, isOpen }) => (\n \n \n {`at ${script.OrganisationName}`}\n
\n \n {!isOpen && (\n \n {!isOpen && \n \n {`${script.FirstName} ${script.LastName}`}\n
\n {isOpen && {script.PmsUserName}
}\n \n {moment(script.DateTime).format('DD/MM/YY')}\n
\n )}\n \n \n
\n )}\n \n
\n {`Requested on: ${moment(this.props.script.DateTime).format(\n 'DD/MM/YY',\n )}`}
\n {/* \n {map(f => {\n if (f.Type === 'Appointment') {\n return (\n
\n )\n};\n\nFeedList.propTypes = {\n feed: PropTypes.arrayOf(\n PropTypes.shape({\n Id: PropTypes.string.isRequired,\n Type: PropTypes.string.isRequired,\n Item: PropTypes.oneOfType([appointmentPropType, scriptPropType])\n .isRequired,\n }),\n ),\n setCtaText: PropTypes.func.isRequired,\n toggleOpenCardState: PropTypes.func.isRequired,\n};\n\nexport default FeedList;\n","var _ellipse, _path, _path2, _g, _path3, _path4, _path5, _path6, _path7;\n\nvar _excluded = [\"svgRef\", \"title\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar SvgWavingKiwi = function SvgWavingKiwi(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Group_14973\",\n \"data-name\": \"Group 14973\",\n width: 126.568,\n height: 105.457,\n viewBox: \"0 0 126.568 105.457\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ellipse || (_ellipse = /*#__PURE__*/React.createElement(\"ellipse\", {\n id: \"Ellipse_855\",\n \"data-name\": \"Ellipse 855\",\n cx: 52.729,\n cy: 52.728,\n rx: 52.729,\n ry: 52.728,\n transform: \"translate(21.111 0)\",\n fill: \"#bcf1ff\"\n })), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n id: \"Intersection_25\",\n \"data-name\": \"Intersection 25\",\n d: \"M0,62.589c1.064-6.975,4.589-14.273,15.516-19.762,21.655-10.877,3.658-24.034,3.658-24.034H1.855c7.7-4.7,9.772-25.306,29.881-16.725C47.453,8.774,62.6,36.751,60.07,56.3A53.087,53.087,0,0,1,25.493,69.16,52.619,52.619,0,0,1,0,62.589Z\",\n transform: \"translate(48.232 36.297)\",\n fill: \"#b2926e\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n id: \"path\",\n d: \"M47.2,4.015c-5.365.568-14.75,6.184-29.159,18.266S-.906,43.187.145,44.907,10.35,38.128,29.25,29.189s29.464-8.7,37.977-13.731S76.4,2.218,72.651.329,66.3,5.338,60.916,4.4A49.223,49.223,0,0,0,47.2,4.015Z\",\n transform: \"matrix(0.914, 0.407, -0.407, 0.914, 18.356, 16.852)\",\n fill: \"#fec95f\"\n })), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Group_14166\",\n \"data-name\": \"Group 14166\",\n transform: \"translate(43.897 16.652)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n id: \"ellipse\",\n d: \"M8.727,0c4.85.025,8.807,4.982,8.838,11.073S13.688,22.079,8.838,22.054.031,17.072,0,10.982,3.876-.025,8.727,0Z\",\n transform: \"translate(3.553 3.56) rotate(9.27)\",\n fill: \"#fff\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"path-2\",\n \"data-name\": \"path\",\n d: \"M10.754,2.589C10.79,2.237,7.624-.016,5.585,0,2.066.009.036,4.615,0,4.966S2.907,1.828,5.444,1.406,10.719,2.94,10.754,2.589Z\",\n transform: \"translate(0.497 2.052) rotate(-11)\",\n fill: \"#b2926e\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"path-3\",\n \"data-name\": \"path\",\n d: \"M11.885,1.756c1.709,2.462.617,6.621-2.444,9.286s-6.926,2.823-8.634.351S.191,4.773,3.251,2.107,10.177-.716,11.885,1.756Z\",\n transform: \"translate(0.901 13.905) rotate(-34)\",\n fill: \"#b2926e\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"path-4\",\n \"data-name\": \"path\",\n d: \"M7.428,1.094c1.065,1.54.379,4.139-1.528,5.8S1.567,8.663.5,7.113s-.379-4.139,1.529-5.8S6.363-.446,7.428,1.094Z\",\n transform: \"translate(4.114 14.418) rotate(-34)\",\n fill: \"#585858\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"path-5\",\n \"data-name\": \"path\",\n d: \"M2.132,2.217C2.44,1.2,2.243.177,1.7.021S.454.6.146,1.656.035,3.7.582,3.852,1.823,3.277,2.132,2.217Z\",\n transform: \"matrix(-0.875, -0.485, 0.485, -0.875, 8.665, 13.955)\",\n fill: \"#fff\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"ellipse-2\",\n \"data-name\": \"ellipse\",\n d: \"M10.014,0c5.575.036,10.13,5.733,10.174,12.725S15.749,25.356,10.175,25.32.045,19.586,0,12.595,4.439-.036,10.014,0Z\",\n transform: \"matrix(0.965, 0.263, -0.263, 0.965, 19.47, 3.062)\",\n fill: \"#fff\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"path-6\",\n \"data-name\": \"path\",\n d: \"M13.215,1.965c1.9,2.752.692,7.4-2.71,10.373S2.8,15.486.9,12.723.208,5.324,3.61,2.349,11.312-.8,13.215,1.965Z\",\n transform: \"translate(16.367 14.817) rotate(-28)\",\n fill: \"#b2926e\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"path-7\",\n \"data-name\": \"path\",\n d: \"M8.259,1.225C9.446,2.946,8.685,5.85,6.565,7.7s-4.818,1.971-6,.239-.426-4.625,1.7-6.479S7.073-.5,8.259,1.225Z\",\n transform: \"translate(19.866 15.767) rotate(-28)\",\n fill: \"#585858\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"path-8\",\n \"data-name\": \"path\",\n d: \"M2.38,2.469C2.723,1.335,2.5.2,1.89.023S.5.662.162,1.841.04,4.112.651,4.287,2.036,3.648,2.38,2.469Z\",\n transform: \"translate(25.181 15.517) rotate(-147)\",\n fill: \"#fff\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"path-9\",\n \"data-name\": \"path\",\n d: \"M5.207,10.794c.292-.222,2.188-4.93.487-7.868A6.025,6.025,0,0,0,.019.071C-.273.293,2.894.917,4.527,3.816S4.915,11.016,5.207,10.794Z\",\n transform: \"translate(31.692 3.681) rotate(-11)\",\n fill: \"#b2926e\"\n }))), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_9293\",\n \"data-name\": \"Path 9293\",\n d: \"M2.6,11.223a15.484,15.484,0,0,0-2.457,10.6L14.982,5.065,13.162,0S6.106,5.729,2.6,11.223Z\",\n transform: \"translate(81.763 54.074) rotate(-16)\",\n fill: \"#a78866\"\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_9291\",\n \"data-name\": \"Path 9291\",\n d: \"M.66,31.258S-2.046,26.2,3.5,18.437A112.457,112.457,0,0,1,12.459,7.61c.84-.9,2.112-2.2,3.366-3.4C18.747,1.413,21.669-.64,22.85.183c2.617,1.828,1.072,19.665-3.42,33.5\",\n transform: \"translate(86.582 45.218) rotate(-2)\",\n fill: \"#b2926e\"\n })), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_9290\",\n \"data-name\": \"Path 9290\",\n d: \"M.659,31.259S-2.046,26.206,3.5,18.438A112.468,112.468,0,0,1,12.459,7.611c.84-.9,2.112-2.2,3.366-3.4C18.748,1.413,21.669-.64,22.85.183c2.117,1.479,1.931,12.712-.618,24.371-.575,2.63-1.3,5.378-2.16,8.019\",\n transform: \"translate(97.418 45.148) rotate(24)\",\n fill: \"#b2926e\",\n opacity: 0.302\n })), _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_9292\",\n \"data-name\": \"Path 9292\",\n d: \"M.647,30.615s-2.653-4.954,2.787-12.57A110.252,110.252,0,0,1,12.215,7.43c.824-.885,1.636-1.572,2.866-2.746C17.945,1.944,21.244-.658,22.4.149c2.566,1.793,1.682,18.2-2.722,31.756\",\n transform: \"translate(78.759 49.122) rotate(-13)\",\n fill: \"#b2926e\",\n opacity: 0.302\n })), _path7 || (_path7 = /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_9294\",\n \"data-name\": \"Path 9294\",\n d: \"M.011,2.255c-.217-.819,2.967.554,5.607.013S10.856-.72,11.612.208,10,4.826,6.483,5.548.227,3.077.011,2.255Z\",\n transform: \"translate(66.663 49.448) rotate(7)\",\n fill: \"#e5b452\"\n })));\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgWavingKiwi, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/wavingKiwi.4c645292.svg\";\nexport { ForwardRef as ReactComponent };","import React, { FC, useState } from 'react'\n\nimport { ReactComponent as WavingKiwi } from './wavingKiwi.svg'\nimport styles from './index.module.css';\nimport LearnMorePopUp from 'components/LearnMorePopUp/LearnMorePopUp';\nimport { ReactComponent as Cross } from 'svgs/blueCross.svg';\n\ninterface IAddToHomeScreeCardProps {\n title: string;\n text: string;\n setShowPopUp: (show: boolean) => void;\n closeHook: () => void;\n}\n\nconst AddToHomeScreenCard : FC\n
\n ) \n }\n if (f.Type === 'Immunisations') {\n if (!requestSent.imms) {\n store.getImmunisations();\n setRequestSent({labs: requestSent.labs, imms: true, notes: requestSent.notes})\n }\n return (\n \n
\n ) \n }\n if (f.Type === 'DoctorNotes') {\n if (!requestSent.notes) {\n store.getImmunisations();\n setRequestSent({labs: requestSent.labs, imms: requestSent.imms, notes: true})\n }\n return (\n \n
\n ) \n }\n if (f.Type === 'Prescription') {\n return (\n \n
\n {\n popupType && \n \n
\n \n {title}\n
\n {text}
\n \n \n
\n \n
\n Add to Home Screen
\n \n {this.props.name && !this.props.isFetching && (\n \n \n {this.state.showNotification &&\n this.setState({showPopUp: true})} getFeed={() => this.props.getFeed(this.props.token)} hide={() => this.setState({showNotification: false})}/>\n }\n\n {this.props.isMobileVerified && (this.props.feed.length || !this.state.showNotification) \n && !window.localStorage.getItem('add-to-home-screen') && (\n this.setState({showPopUp: true})}\n title={\"Hey \" + this.props.name + \", You are good to go!\"}\n text=\"We suggest you take a tour to explore what you can do and add to the home screen!\"\n closeHook={() => this.setState({clickClose: true})}\n /> \n )}\n
\n )}\n {this.props.showCta && (\n \n
\n);\n\nconst NewScripts = ({ toggle }) => (\n Repeat Scripts are now available!
\n \n You can now request a repeat script online without calling your practice.\n
\n \n \n
\n);\n\nNoScripts.propTypes = {\n toggle: PropTypes.func.isRequired,\n};\n\nexport default NoScripts;\nexport { NewScripts }\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { map } from 'lodash/fp';\nimport classnames from 'classnames';\n\nimport PrescriptionCard from './PrescriptionCard/index';\nimport NoScripts, { NewScripts } from './NoScripts/index';\nimport styles from './prescriptionListMobile.module.css';\nimport { scriptPropType } from '../propTypes/index';\nimport LearnMorePopUp from 'components/LearnMorePopUp/LearnMorePopUp';\n\nconst PrescriptionListMobile = ({\n isFetching,\n currentRequests,\n pastRequests,\n setCtaText,\n toggleMenu,\n toggleOpenCardState,\n isOpen,\n}) => {\n const [showPopUp, setShowPopUp] = useState(false);\n\n if (isFetching) return ;\n else\n return (\n Do you need a repeat prescription?
\n \n You can now request a repeat prescription online - just tap the button below.\n
\n \n It should only take 2 minutes.
\n Repeat Script services may have a charge.\n
\n \n \n Repeat Script services may have a charge.\n
\n {showPopUp &&\n setShowPopUp(false)} />\n }\n \n setShowPopUp(true)} />\n
\n {currentRequests.length > 0 &&\n map(s => (\n
\n \n );\n};\n\nPrescriptionListMobile.propTypes = {\n isFetching: PropTypes.bool,\n toggleMenu: PropTypes.func.isRequired,\n setCtaText: PropTypes.func.isRequired,\n toggleOpenCardState: PropTypes.func.isRequired,\n pastRequests: PropTypes.arrayOf(scriptPropType),\n currentRequests: PropTypes.arrayOf(scriptPropType),\n};\n\nexport default PrescriptionListMobile;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport { CSSTransitionGroup } from 'react-transition-group';\n\nimport { actions as depActions } from '../DependantsPage/actions/actions';\nimport { actions as apptActions } from '../AppointmentsPage/actions/actions';\nimport { actions as searchActions } from '../vScript/actions/searchActions';\nimport { actions as menuActions } from '../vScript/actions/menuActions';\nimport { actions as profileActions } from '../components/UIContainer/MobileUI/MainShell/actions/profileActions';\nimport { actions } from './actions/actions';\nimport CtaMenuButton from '../components/CtaMenuButton/index';\n//import MenuContainer from '../vScript/RequestScriptMobile/RequestScriptMobile';\nimport PrescriptionListMobile from './PrescriptionListMobile/index';\nimport styles from './prescriptions.module.css';\nimport { scriptPropType } from './propTypes';\nimport Alert from '../libs/Alert';\nimport { getToken } from 'libs/newHttp';\nimport { go } from '../routes';\n\nclass Prescriptions extends Component {\n static propTypes = {\n fetchCurrentRequests: PropTypes.func.isRequired,\n fetchPastRequests: PropTypes.func.isRequired,\n fetchDependants: PropTypes.func.isRequired,\n fetchConnectedPractices: PropTypes.func.isRequired,\n fetchAllPractices: PropTypes.func.isRequired,\n changeCtaFn: PropTypes.func.isRequired,\n toggleCta: PropTypes.func.isRequired,\n ctaFn: PropTypes.func.isRequired,\n showCta: PropTypes.bool.isRequired,\n ctaIcon: PropTypes.func.isRequired,\n token: PropTypes.string.isRequired,\n currentRequests: PropTypes.arrayOf(scriptPropType),\n pastRequests: PropTypes.arrayOf(scriptPropType),\n isFetchingCurrent: PropTypes.bool,\n isFetchingPast: PropTypes.bool,\n removeSuccess: PropTypes.bool.isRequired,\n isRemoving: PropTypes.bool,\n };\n state = {\n showMenu: false,\n ctaText: 'Request Prescription',\n cardIsOpen: false,\n };\n componentDidMount() {\n const token = getToken();\n this.props.fetchCurrentRequests(token);\n this.props.fetchPastRequests(token);\n this.props.fetchDependants(token);\n this.props.fetchConnectedPractices(token);\n this.props.fetchAllPractices(token);\n this.props.changeCtaFn(this.toggleMenu);\n if (!this.props.showCta) this.props.toggleCta();\n }\n UNSAFE_componentWillReceiveProps(nextProps) {\n const token = getToken();\n if (\n nextProps.removeSuccess &&\n nextProps.removeSuccess !== this.props.removeSuccess\n ) {\n Alert.success('The prescription has been removed from your history');\n this.props.fetchCurrentRequests(token);\n this.props.fetchPastRequests(token);\n }\n }\n setCtaText = ctaText => {\n this.setState({ ctaText });\n };\n toggleOpenCardState = () => {\n this.setState({ cardIsOpen: !this.state.cardIsOpen }, this.changeCta);\n };\n changeCta = () => {\n if (!this.state.cardIsOpen) {\n this.props.changeCtaFn(this.toggleMenu);\n }\n };\n toggleMenu = () => {\n this.setState({ showMenu: !this.state.showMenu });\n };\n handleNoScriptClick = () => {\n if (this.cta) {\n this.cta.handleClick();\n }\n };\n render() {\n const {\n isFetchingCurrent,\n isFetchingPast,\n isRemoving,\n currentRequests,\n pastRequests,\n } = this.props;\n return (\n \n {currentRequests.length > 0 &&\n map(s => (\n
PAST REQUESTS
\n )}\n {pastRequests.length > 0 &&\n map(s => (\n \n {\n this.cta = c;\n }}\n buttonStyles={styles.ctaButton}\n iconStyles={styles.buttonIcon}\n textIconStyles={styles.textButtonIcon}\n text={this.state.ctaText}\n onClick={this.props.ctaFn}\n icon={this.props.ctaIcon}\n />\n )}\n \n {this.state.showMenu && go.selectPractice()}\n \n
\n );\n }\n}\n\nconst mapStateToProps = state => ({\n token: state.loginReducer.token,\n ctaFn: state.appointmentsCTAReducer.ctaFn,\n ctaIcon: state.appointmentsCTAReducer.ctaIcon,\n showCta: state.appointmentsCTAReducer.showCta,\n currentRequests: state.scriptReducer.currentRequests,\n isFetchingCurrent: state.scriptReducer.isFetchingCurrent,\n pastRequests: state.scriptReducer.pastRequests,\n isFetchingPast: state.scriptReducer.isFetchingPast,\n removeSuccess: state.scriptReducer.removeSuccess,\n isRemoving: state.scriptReducer.isRemoving,\n});\nconst mapDispatchToProps = dispatch => ({\n /* eslint-disable max-len */\n fetchCurrentRequests: bindActionCreators(\n actions.fetchCurrentRequests,\n dispatch,\n ),\n fetchPastRequests: bindActionCreators(actions.fetchPastRequests, dispatch),\n fetchDependants: bindActionCreators(depActions.fetchDependants, dispatch),\n fetchConnectedPractices: bindActionCreators(\n menuActions.fetchConnectedPractices,\n dispatch,\n ),\n fetchAllPractices: bindActionCreators(\n searchActions.fetchAllPractices,\n dispatch,\n ),\n changeCtaFn: bindActionCreators(apptActions.changeCtaFn, dispatch),\n toggleCta: bindActionCreators(apptActions.toggleCta, dispatch),\n getProfile: bindActionCreators(profileActions.getProfile, dispatch)\n /* eslint-enable max-len */\n});\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(Prescriptions);\nexport { styles };\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport styles from './sliderTab.module.css';\n\n// stateless shared can't user refs\n// eslint-disable-next-line react/prefer-stateless-function\nclass SliderItem extends Component {\n static propTypes = {\n tab: PropTypes.shape({\n text: PropTypes.string.isRequired,\n component: PropTypes.oneOfType([\n PropTypes.func.isRequired,\n PropTypes.object.isRequired,\n ]),\n }).isRequired,\n selectedTab: PropTypes.shape({\n text: PropTypes.string.isRequired,\n component: PropTypes.oneOfType([\n PropTypes.func.isRequired,\n PropTypes.object.isRequired,\n ]),\n }).isRequired,\n onClick: PropTypes.func.isRequired,\n };\n render() {\n return (\n \n
\n {this.props.showCta && (\n \n {this.state.leftArrow &&\n this.scrollToTab(\"My Health Feed\")} style={{position: \"absolute\", left: \"1rem\", top: \"-0.9rem\", transform: \"rotate(180deg)\"}} />\n }\n {\n this.slider = slider;\n }}\n\t\t onScroll={(e) => {\n\t\t\t this.setState({\n\t\t\t\t rightArrow: e.target.scrollLeft < (e.target.scrollWidth - e.target.clientWidth - 5),\n\t\t\t\t leftArrow: e.target.scrollLeft > 0\n\t\t\t })\n\t\t }}\n >\n {this.props.tabs.map((tab, i) => (\n {\n this[`${tab.text}`] = c;\n }}\n selectedTab={this.state.selectedTab}\n onClick={this.handleClick(tab, i)}\n key={tab.text}\n />\n ))}\n \n {this.state.rightArrow &&\n this.scrollToTab(\"My Health\")} style={{position: \"absolute\", right: \"1rem\", top: \"-0.9rem\"}} />\n } \n
\n );\n }\n}\n\nexport default Slider;\n","import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Box } from 'components/vensaComponents';\n\nexport const MyHealthNavBarButton: React.FC<{\n label: string;\n isSelected: boolean;\n onClick: () => void;\n}> = observer(({ label, isSelected, onClick }) => {\n return (\n { } : () => {\n myHealthStore.setHealthNavigator({\n keywords: label,\n isOpen: true,\n });\n }}>
}\n \n {Accidents?.length > 0 &&\n \n {Accidents.map(item => (\n \n }\n
\n );\n});\n","import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Box } from '../../../components/vensaComponents';\nimport { TabBox } from '../TabBox';\nimport { SummaryHeader } from './components/SummaryHeader';\nimport { CurrentConditionSection } from './components/CurrentConditionSection';\nimport { PastConditionSection } from './components/PastConditionSection';\nimport { AllergiesReactionsSection } from './components/AllergiesReactionsSection';\nimport { CurrentMedicationsSection } from './components/CurrentMedicationsSection';\nimport { PastMedicationsSection } from './components/PastMedicationsSection';\nimport { ProceduresSection } from './components/ProceduresSection';\nimport { HeightWeightBMISection } from './components/HeightWeightBMISection';\nimport { AccidentSection } from './components/AccidentSection';\n\nexport const SummaryTab: React.FC = observer(() => {\n\n return (\n \n \n {doesUserIdentifyVerified && profile.PrivacyPolicySetup && profile.MobileVerified && profile.EmailVerified ? (\n = ({title, subtitle, text}) => {\n const [showText, setShowText] = useState(false);\n\n return (\n \n setShowText(!showText)}>\n \n \n {text} \n \n \n )\n}\n\nexport default InfoDropdown;","import { observer } from 'mobx-react-lite';\nimport React from 'react';\nimport styled from 'styled-components';\n\nimport { ReactComponent as Line } from 'svgs/blueUnderline.svg';\nimport InfoDropdown from '../../../components/InfoDropdown';\n\nconst Container = styled.div`\n overflow: visible;\n`\nconst Title = styled.div`\n font-size: 25px;\n color: #6C6C6C;\n text-align: center;\n margin: 0rem 1rem;\n`\nconst Subtitle = styled.div`\n font-size: 17px;\n color: #6C6C6C;\n text-align: center;\n margin: 0.5rem;\n`\nconst Text = styled.div`\n text-align: left;\n font-size: 15px;\n color: #6C6C6C;\n margin: 1rem;\n`\nconst FlexH = styled.div`\n display: flex;\n flex-direction: row;\n width: 100%;\n`\nconst Content = styled.div`\n width: 100%;\n`\n\nconst EnglishConsent: React.FC = observer(() => {\n return (\n \n Would you like your lab results sent automatically? \n (Expand to view) \n \n Study Title: Analysis of Laboratory Result Patterns for automated informed patient notification and filing\n
\n\n Locality: Auckland \n Sponsor: Vensa \n \n
\n\n Lead Investigator:
Samuel Wong \n Contact phone number:
0800 228 946 \n \n \n \n )\n})\n\nexport default EnglishConsent;","import { useComponentDidMount } from 'libs/newHttp';\nimport { observer } from 'mobx-react-lite';\nimport React from 'react';\nimport { useState } from 'react';\nimport styled from 'styled-components';\n\nimport { ReactComponent as Line } from 'svgs/blueUnderline.svg';\nimport InfoDropdown from '../../../components/InfoDropdown';\n\nconst Container = styled.div`\n overflow: visible;\n`\nconst Title = styled.div`\n font-size: 25px;\n color: #6C6C6C;\n text-align: center;\n margin: 0rem 1rem;\n`\nconst Subtitle = styled.div`\n font-size: 17px;\n color: #6C6C6C;\n text-align: center;\n margin: 0.5rem;\n`\nconst Text = styled.div`\n text-align: left;\n font-size: 15px;\n color: #6C6C6C;\n margin: 1rem;\n`\nconst FlexH = styled.div`\n display: flex;\n flex-direction: row;\n width: 100%;\n`\nconst Content = styled.div`\n width: 100%;\n`\n\nconst SimplifiedChineseConsent: React.FC = observer(() => {\n return (\n \n 您想自动发送实验室结果吗？ \n 展开查看 \n \n 研究标题： 分析实验室结果模式，自动通知患者并进行归档\n
\n\n 地区：奥克兰市 \n 赞助商（如果有)： Vensa \n \n
\n\n 首席研究员:
Samuel Wong \n 联系电话：
0800 228 946 \n \n \n \n )\n})\n\nexport default SimplifiedChineseConsent;","import { useComponentDidMount } from 'libs/newHttp';\nimport { observer } from 'mobx-react-lite';\nimport React from 'react';\nimport { useState } from 'react';\nimport styled from 'styled-components';\n\nimport { ReactComponent as Line } from 'svgs/blueUnderline.svg';\nimport InfoDropdown from '../components/InfoDropdown';\nimport EnglishConsent from './components/Consent/EnglishConsent';\nimport SimplifiedChineseConsent from './components/Consent/SimplifiedChineseConsent';\n\ninterface ButtonProps {\n enabled: boolean;\n}\ninterface Props {\n onNext: () => void;\n}\n\nconst Container = styled.div`\n overflow: scroll;\n`\nconst Card = styled.div`\n border-radius: 4px;\n background-color: white;\n box-shadow: 0px 3px 6px #00000029;\n padding-top: 1rem;\n overflow: hidden;\n padding-bottom: 100px;\n`\nconst AgreeButtonContainer = styled.div`\n position: fixed;\n bottom: 0;\n left: 0;\n background-color: white;\n border: 1px solid #DADADA;\n height: 100px;\n width: 100%;\n padding: 1rem 1.3rem;\n`\nconst AgreeButton = styled.div`\n color: white;\n font-size: 21px;\n background-color: ${(props: ButtonProps) => props.enabled ? \"#07A3C8\" : \"#DADADA\"};\n height: 100%;\n border-radius: 4px;\n line-height: 3;\n text-align: center;\n transition: all 0.3s;\n`\nconst LanguageContainer = styled.div`\n display: flex;\n width: 100%;\n flex-direction: row;\n align-items: center;\n margin: 0rem 0.5rem;\n margin-bottom: 0.5rem;\n`\nconst Language = styled.div`\n font-size: 15px;\n color: #07A3C8;\n text-align: left;\n margin: 0rem 0.5rem;\n`\n\nconst LabResultsConsent: React.FC = observer(({onNext}) => {\n const [agreeEnabled, setAgreeEnabled] = useState(false)\n const [language, setLanguage] = useState(0);\n\n const handleScroll = (e: any) => {\n const bottom = e.target.scrollHeight - e.target.scrollTop <= (e.target.clientHeight + 70);\n if (bottom) {\n setAgreeEnabled(true);\n } else {\n setAgreeEnabled(false);\n }\n }\n\n return (\n handleScroll(e)}>\n \n \n setLanguage(0)} \n >\n English\n \n setLanguage(1)}\n >\n 中文\n \n \n {language === 0 &&\n \n \n { return }}>{language === 0 ? \"I Agree\" : \"我同意\"} \n \n \n )\n})\n\nexport default LabResultsConsent;","import LearnMorePopUp from 'components/LearnMorePopUp/LearnMorePopUp';\nimport React, { useEffect } from 'react';\nimport { useState } from 'react';\nimport styled from 'styled-components';\n\nimport Radio from 'components/CircleCheckbox/index';\nimport { ReactComponent as Note } from 'svgs/noteBentCorner.svg';\n\ninterface Props {\n name: string;\n practice: string;\n provider: string;\n question: string;\n popUps: boolean;\n onNext: (value: boolean) => void;\n}\n\nconst Container = styled.div`\n\n`\nconst Card = styled.div`\n border-radius: 4px;\n background-color: white;\n box-shadow: 0px 3px 6px #00000029;\n padding: 1rem;\n height: 500px;\n`\nconst FlexH = styled.div`\n display: flex;\n flex-direction: row;\n`\nconst FlexV = styled.div`\n display: flex;\n flex-direction: column;\n`\nconst Title = styled.div`\n font-size: 17px;\n font-weight: 600;\n color: #6C6C6C;\n text-align: left;\n margin-bottom: 0.1rem;\n`\nconst Subtitle = styled.div`\n font-size: 15px;\n font-weight: 300;\n color: #6C6C6C;\n margin: 0.1rem 0rem;\n text-align: left;\n text-transform: capitalize;\n`\nconst Text = styled.div`\n font-size: 17px;\n color: #6C6C6C;\n text-align: left;\n margin: 2rem auto;\n margin-bottom: 0rem;\n height: 80px;\n`\nconst Link = styled.div`\n color: #07A3C8;\n font-size: 17px;\n text-align: left;\n margin: 0.5rem 0rem;\n`\n\nconst ConsentQuestion: React.FC = ({name, practice, provider, question, popUps, onNext}) => {\n const [popUpType, setPopUpType] = useState(\"\");\n const [state, setState] = useState(0);\n const [selected, setSelected] = useState(false);\n\n useEffect(() => {\n setSelected(false);\n });\n const goNextYes = () => {\n setSelected(true);\n setState(1);\n onNext(true);\n }\n\n const goNextNo = () => {\n setSelected(true);\n setState(2);\n onNext(false);\n }\n\n return (\n \n \n \n \n {name} \n {practice} \n {provider} \n \n \n {question} \n \n \n \n \n \n \n {popUps && setPopUpType(\"PDH_STUDY_INVOLVEMENT\")}>Who's involved in the study?}\n {popUps && setPopUpType(\"PDH_INFORMATION_USAGE\")}>How is my information being used?}\n {popUpType !== \"\" &&\n setPopUpType(\"\")} />\n }\n \n \n )\n}\n\nexport default ConsentQuestion;","import { observer } from 'mobx-react-lite';\nimport React, { useState } from 'react';\nimport styled from 'styled-components';\n\nimport UIContainer from 'components/UIContainer';\nimport { go } from 'routes';\nimport LabResultsConsent from './Sections/LabResultsConsent';\nimport ConsentQuestion from './Sections/ConsentQuestion';\nimport { useAccountStore, useMyHealthStore } from 'store/mobx/mobx';\nimport LearnMorePopUp from 'components/LearnMorePopUp/LearnMorePopUp';\nimport Loading from 'components/loadingSpinner';\nimport { Redirect } from 'react-router';\n\nconst LabResultsResearchFlow: React.FC = observer(() => {\n const [state, setState] = useState(0);\n const [popUp, setPopUp] = useState(false);\n const store = useMyHealthStore();\n const { FirstName, LastName } = useAccountStore().profile;\n\n const name = FirstName + \" \" + LastName;\n const info = store.labInviteGeneralInfo;\n\n if (info.PatientId === \"\") return setState(1)} />\n } else if (state === 1) {\n question = {\n if (value === false) {\n setPopUp(true);\n }\n else {\n store.setConsent(value);\n setState(2);\n }\n }}\n />\n } else if (state === 2) {\n question = {\n store.setAllowInformationContinueUsedAfterWithdrawn(value);\n setState(3);\n }}\n />\n \n } else if (state === 3) {\n question = {\n store.setReceiveSummaryAfterResearch(value);\n store.postLabInvite(() => go.labResultsResearchProcessing());\n }}\n />\n }\n \n return (\n state === 0 ? go.home() : setState(state - 1)}>\n {question}\n {popUp &&\n setPopUp(false)} />\n }\n \n )\n})\n\nexport default LabResultsResearchFlow;","import CtaButton from 'components/CtaButton';\nimport LearnMorePopUp from 'components/LearnMorePopUp/LearnMorePopUp';\nimport React from 'react';\nimport { useState } from 'react';\nimport styled from 'styled-components';\n\nimport { ReactComponent as Note } from 'svgs/noteBentCorner.svg';\n\ninterface Props {\n name: string;\n practice: string;\n provider: string;\n question: string;\n answers: string[];\n popUps: boolean;\n onNext: (val: number) => void;\n openText: boolean;\n setChecked?: (checked: boolean) => void;\n setText?: (val: string) => void;\n}\n\nconst Container = styled.div`\n height: 100%;\n margin-bottom: 1rem;\n`\nconst Card = styled.div`\n border-radius: 4px;\n background-color: white;\n box-shadow: 0px 3px 6px #00000029;\n padding: 1rem;\n position: relative;\n height: 100%;\n`\nconst FlexH = styled.div`\n display: flex;\n flex-direction: row;\n`\nconst FlexV = styled.div`\n display: flex;\n flex-direction: column;\n`\nconst Title = styled.div`\n font-size: 17px;\n font-weight: 600;\n color: #6C6C6C;\n text-align: left;\n margin-bottom: 0.1rem;\n`\nconst Subtitle = styled.div`\n font-size: 15px;\n font-weight: 300;\n color: #6C6C6C;\n margin: 0.1rem 0rem;\n text-align: left;\n`\nconst Text = styled.div`\n font-size: 17px;\n color: #6C6C6C;\n text-align: left;\n margin: 2rem auto;\n margin-bottom: 0rem;\n height: 80px;\n`\nconst BigTitle = styled.div`\n color: #6C6C6C;\n font-size: 21px;\n text-align: left;\n margin: 0.5rem 0rem;\n font-weight: 500;\n margin-bottom: 2rem;\n`\nconst TextArea = styled.textarea`\n width: 100%;\n height: 283px;\n border: 1px solid #95989A;\n font-size: 17px;\n caret-color: #07A3C8;\n font-family: Roboto;\n padding: 1rem;\n`\n\nconst FeedbackQuestion: React.FC = ({name, practice, provider, question, onNext, answers, openText, setChecked, setText}) => {\n const [toggle, setToggle] = useState(false);\n const [freeText, setFreeText] = useState(\"\");\n\n return (\n \n {!openText ?\n \n \n \n {name} \n {practice} \n {provider} \n \n \n {question} \n \n {answers.map((item, i) => {\n return (\n \n {\n e.target.checked = false;\n onNext(i);\n }}\n />\n \n )\n })}\n \n \n :\n \n \n What improvements do you think are important?\n \n
\n \n go.privacy()}\n buttonOnClick={() => {\n setShow(false);\n store.sendAcknowledgement(0, () => setShow(false));\n }} // ACK 0}\n />\n }\n \n \n ) : (\n
\n );\n});\n\nMyHealthPage.displayName = 'MyHealthPage';\n\ninterface LinkDispatchProps {\n feed: any;\n}\n\nconst mapStateToProps = (state: any) => ({\n feed: state.feedReducer.feed,\n})\n\nexport default connect(mapStateToProps)(MyHealthPage);","var _g, _g2;\n\nvar _excluded = [\"svgRef\", \"title\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar SvgDropdownArrowDown = function SvgDropdownArrowDown(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Group_19301\",\n \"data-name\": \"Group 19301\",\n width: 22,\n height: 22,\n viewBox: \"0 0 22 22\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n id: \"arrow\",\n transform: \"translate(7.5 10.5)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_10809\",\n \"data-name\": \"Path 10809\",\n d: \"M0,0H0L3.231,3.231\",\n fill: \"none\",\n stroke: \"#07a3c8\",\n strokeLinecap: \"round\",\n strokeWidth: 1\n }), /*#__PURE__*/React.createElement(\"line\", {\n id: \"Line_1243\",\n \"data-name\": \"Line 1243\",\n x2: 3.231,\n y2: 3.231,\n transform: \"translate(6.462) rotate(90)\",\n fill: \"none\",\n stroke: \"#07a3c8\",\n strokeLinecap: \"round\",\n strokeWidth: 1\n }))), _g2 || (_g2 = /*#__PURE__*/React.createElement(\"g\", {\n id: \"rectangle-3\",\n fill: \"none\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M11,0A11,11,0,0,1,22,11a11.171,11.171,0,0,1-2.277,6.7A10.84,10.84,0,0,1,11,22,11,11,0,0,1,11,0Z\",\n stroke: \"none\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M 11 1 C 5.485979080200195 1 1 5.485979080200195 1 11 C 1 16.51401901245117 5.485979080200195 21 11 21 C 14.14671993255615 21 17.17895889282227 19.51150894165039 18.91518974304199 17.11293029785156 C 20.29857063293457 15.21407985687256 21 13.15738964080811 21 11 C 21 5.485979080200195 16.51401901245117 1 11 1 M 11 0 C 17.07513046264648 0 22 4.924869537353516 22 11 C 22 13.41182041168213 21.22380065917969 15.64235019683838 19.72344017028809 17.7017707824707 C 17.90838050842285 20.20925903320313 14.66331005096436 22 11 22 C 4.924869537353516 22 0 17.07513046264648 0 11 C 0 4.924869537353516 4.924869537353516 0 11 0 Z\",\n stroke: \"none\",\n fill: \"#07a3c8\"\n }))));\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgDropdownArrowDown, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/dropdownArrowDown.08d17a67.svg\";\nexport { ForwardRef as ReactComponent };","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\n// eslint-disable-next-line max-len\nimport { actions as listingActions } from '../../../../PracticesPage/actions/actions';\nimport { actions as appointmentActions } from '../../../../AppointmentsPage/actions/actions';\nimport { actions as feedActions } from '../../../../HealthFeed/actions/actions';\nimport { actions } from './actions/actions';\nimport { actions as profileActions } from './actions/profileActions';\nimport Appointments from '../../../../AppointmentsPage/index';\nimport UIContainer from '../../index';\nimport HealthFeed from '../../../../HealthFeed/HealthFeedMobile/index';\nimport RequestScript from '../../../../PrescriptionsPage/index';\nimport Slider from './components/Slider/index';\nimport Alert from '../../../../libs/Alert';\nimport { clearScriptRequest } from '../../../../selectors/scriptSelectors';\nimport MyHealthPage from 'MyHealthPage/MyHealthPage';\nimport { getToken } from 'libs/newHttp';\nimport { actions as WhiteBoxActions} from 'components/UIContainer/MobileUI/MainShell/actions/actions';\nimport { useDispatch } from 'react-redux';\nimport { useMyHealthStore } from 'store/mobx/mobx';\n\nconst sliderTabs = [\n {\n text: 'My Health Feed',\n component: HealthFeed,\n },\n {\n text: 'Appointments',\n component: Appointments,\n },\n {\n text: 'Prescriptions',\n component: RequestScript,\n },\n {\n text: 'My Health',\n component: MyHealthPage,\n },\n];\n\nclass MainShell extends Component {\n constructor(props) {\n super(props);\n\n const { location } = this.props\n\n let tab = 0;\n if (location.state !== undefined) {\n if (location.state.goTo !== undefined) {\n tab = location.state.goTo;\n }\n }\n \n this.state = {\n \n renderedComponent: this.props.sliderTabs[tab],\n };\n }\n static propTypes = {\n getConfirmedAppointments: PropTypes.func.isRequired,\n getPastAppointments: PropTypes.func.isRequired,\n getClinics: PropTypes.func.isRequired,\n getFeed: PropTypes.func.isRequired,\n getProfile: PropTypes.func.isRequired,\n setComponentIndex: PropTypes.func.isRequired,\n clearScriptRequest: PropTypes.func.isRequired,\n setFirstTime: PropTypes.func.isRequired,\n id: PropTypes.string,\n index: PropTypes.number.isRequired,\n firstTime: PropTypes.bool,\n removeSuccess: PropTypes.bool,\n sliderTabs: PropTypes.arrayOf(PropTypes.object.isRequired).isRequired,\n };\n\n componentDidMount() {\n const token = getToken();\n window.scrollTo(0, 0);\n this.props.clearScriptRequest();\n this.props.getProfile(token);\n this.props.getPastAppointments(token);\n this.props.getConfirmedAppointments(token);\n this.props.getFeed(token);\n this.props.getClinics(token);\n }\n UNSAFE_componentWillReceiveProps(nextProps) {\n if (nextProps.firstTime) {\n Alert.success('Welcome! You have successfully registered with Vensa.');\n this.props.setFirstTime(false);\n }\n if (\n nextProps.removeSuccess &&\n nextProps.removeSuccess !== this.props.removeSuccess\n ) {\n this.props.getFeed(this.props.id);\n Alert.success('The prescription has been removed from your history');\n }\n }\n setRenderedComponent = (component, index) => {\n this.props.closeWhiteNotification({ isOpen: false })\n this.setState({\n renderedComponent: component,\n });\n this.props.setComponentIndex(index);\n };\n\n \n render() {\n\n const isMyHealthPage = this.state.renderedComponent.text === 'My Health';\n return (\n \n {doesUserIdentifyVerified && !profile.PrivacyPolicySetup ?\n (\n {}} hide={() => {}} /> \n ) \n : \n (\n
\n )}\n \n \n {title} \n {subtitle} \n
\n {!showText ? \n \n
\n
Samuel Wong
0800 228 946
\n
\n
Samuel Wong
0800 228 946
Yes
\n No
\n {item}
\n