\n {languagePackage.hi}{patientProfile?.patientFirstName}{languagePackage.bookYourAppointmentOnline}\n
\n )\n } else {\n return (\n{languagePackage.bookAnAppointmentNow}
\n )\n }\n }\n\n const renderHaveBeenToClinic = () => {\n return (\n{languagePackage.haveYourBeenToOurClinicBefore}
\n\n \n\n \n
\n {insuranceHeader}
\n\n {languagePackage.insuranceHasChanged} \n \n
\n\n {eval(`insuranceUpdateDisabled${index}`) ?\n\n\n \n \n ) : null}\n\n
\n\n :\n \n {\n eval(`setSelectedInsuranceIndex${index}`)(idx)\n eval(`setInsuranceID${index}`)('')\n eval(`setInsuranceGroup${index}`)('')\n eval(`setInsurancePhone${index}`)('')\n }}/>\n {/* {*/}\n {/* eval(`setSelectedInsuranceIndex${index}`)(idx)*/}\n {/*}}>*/}\n {/* */}\n
\n {eval(`selectedInsuranceIndex${index}`) !== 0 && eval(`selectedInsuranceIndex${index}`) !== 1 ? (\n\n */}\n {/* */}\n {/* */}\n {/* */}\n {/* {returnInsuranceList(index).map((item, idx) => {*/}\n {/* return (*/}\n {/* */}\n {/* {({selected, active}) => {*/}\n {/* return (*/}\n {/* {*/}\n {/* eval(`setIsInsuranceListOpen${index}`)(false)*/}\n {/* eval(`setInsuranceID${index}`)('')*/}\n {/* eval(`setInsuranceGroup${index}`)('')*/}\n {/* eval(`setInsurancePhone${index}`)('')*/}\n {/* }}*/}\n {/* className={`${*/}\n {/* active ? 'bg-light-primary text-primary font-medium' : 'bg-white text-black font-normal'*/}\n {/* } w-full py-2 px-4 text-sm text-left`}*/}\n {/* >*/}\n {/* {idx > 0 ? item.title : '------'}*/}\n {/* */}\n {/* )*/}\n {/* }}*/}\n {/* */}\n {/* )*/}\n {/* })}*/}\n {/* */}\n {/* */}\n {/*
*/}\n {/*{languagePackage.PleaseSelectTypeOfInsurance}
\n\n\n
\n\n \n {\n const keyPressed = e.nativeEvent.data\n\n if (!(/^[A-Za-z0-9]+$/).test(keyPressed)) {\n return\n } else if (!(/[^%&',;=?$\\x22]+/).test(keyPressed)) {\n return\n } else {\n !focusType.insuranceID && setFocusType({\n ...focusType,\n insuranceID: true\n })\n eval(`setInsuranceID${index}`)(e.target.value)\n }\n\n }} value={eval(`insuranceID${index}`)} type=\"text\"\n className=\"w-full rounded-lg border focus:border-2 border-base-border focus:border-primary text-black text-base h-10 focus:outline-none focus:ring-2 focus:ring-primary\"/>\n
\n\n {languagePackage.insuranceID}
\n1 ? '' : 'hidden'} text-error text-base`}>{languagePackage.pleaseEnterYourInsuranceID}
\n\n {\n const keyPressed = e.nativeEvent.data\n\n if (!(/^[A-Za-z0-9]+$/).test(keyPressed)) {\n return\n } else if (!(/[^%&',;=?$\\x22]+/).test(keyPressed)) {\n return\n } else {\n !focusType.insuranceGroup && setFocusType({\n ...focusType,\n insuranceGroup: true\n })\n eval(`setInsuranceGroup${index}`)(e.target.value)\n }\n\n }} value={eval(`insuranceGroup${index}`)} type=\"text\"\n className=\" w-full rounded-lg border focus:border-2 border-base-border focus:border-primary text-black text-base h-10 focus:outline-none focus:ring-2 focus:ring-primary\"/>\n\n
\n {languagePackage.insuranceGroup}
\n\n
\n \n
\n {languagePackage.insurancePhone}
\n {\n if (e.key !== 'Backspace') {\n if (eval(`insurancePhone${index}`).length === 3) {\n eval(`setInsurancePhone${index}`)(eval(`insurancePhone${index}`) + '-')\n } else if (eval(`insurancePhone${index}`).length === 7) {\n eval(`setInsurancePhone${index}`)(eval(`insurancePhone${index}`) + '-')\n }\n }\n }} onChange={(e) => {\n\n !focusType2[`insurancePhone${index}`] && setFocusType2({\n ...focusType2,\n [eval(`insurancePhone${index}`)]: true\n })\n\n const value = e.target.value\n if (value.length >= 10 && !validatePhoneNumber(value)) {//copy & past the other format phone number.\n const reParsePhone = reParsePhoneNumber(value)\n eval(`setInsurancePhone${index}`)(reParsePhone)\n } else {\n eval(`setInsurancePhone${index}`)(value)\n }\n }} value={eval(`insurancePhone${index}`)} placeholder={'XXX-XXX-XXXX'}\n type={\"tel\"} maxLength=\"12\"\n className=\"placeholder-gray-500 w-full rounded-lg border focus:border-2 border-base-border focus:border-primary text-black text-base h-10 focus:outline-none focus:ring-2 focus:ring-primary\"/>\n1 && !validatePhoneNumber(eval(`insurancePhone${index}`)) ? '' : 'hidden'} text-error text-base`}>{eval(`insurancePhone${index}`).length ? 'The format of the phone number is incorrect.' : ''}
\n\n
\n }\n \n \n
\n {languagePackage.personalDetails}
\n\n
*/}\n \n \n )\n }\n\n const renderOfficeLocationSelector = (officeLocations) => {\n return (\n \n
\n \n {/*
\n )\n let $content = null\n if (timeSlots?.length > 0) {\n $content = $timeSlots\n } else if (timeSlots?.length === 0) {\n $content = $emptyTimeSlots\n }\n return (\n */}\n \n \n \n ) : null}\n \n )\n }\n\n const location = doctorProfile.officeLocations.length ? doctorProfile.officeLocations[selectedLocationIndex] : null\n const selectedOfficeAddress = location ? formatAddress(location.address, location.city, location.state, location.zip) : ''\n\n const renderWeekHeader = () => {\n const {minAvailableDate} = doctorProfile\n if (minAvailableDate === \"2999-12-31T23:59:59\") {\n return \n\n {timeSlots?.map((timeSlot, idx) => {\n const {dateTime, olid} = timeSlot\n const isSelected = (dateTime === selectedTimeSlot.dateTime && olid === selectedTimeSlot.olid)\n return (\n
\n \n )\n })}\n \n\n
\n {/* {languagePackage.phoneNumber}
\n\n {\n if (e.key !== 'Backspace') {\n if (phoneNumberStage2.length === 3) {\n setPhoneNumberStage2(phoneNumberStage2 + '-')\n } else if (phoneNumberStage2.length === 7) {\n setPhoneNumberStage2(phoneNumberStage2 + '-')\n }\n }\n }} onChange={(e) => {\n const value = e.target.value\n if (value.length >= 10 && !validatePhoneNumber(value)) {//copy & past the other format phone number.\n const reParsePhone = reParsePhoneNumber(value)\n setPhoneNumberStage2(reParsePhone)\n } else {\n setPhoneNumberStage2(value)\n }\n\n !focusType2.phoneNumber && setFocusType2({...focusType2, phoneNumber: true})\n }}\n value={phoneNumberStage2} type={\"tel\"} maxLength=\"12\"\n placeholder={phoneEmailUpdateDisabled ? \"XXX-XXX-XXXX\" : (patientProfile?.patientMobilePhone ? getMaskPhoneNumber(patientProfile?.patientMobilePhone) : \"N/A\")}\n className=\"placeholder-gray-500 w-full rounded-lg border focus:border-2 border-base-border focus:border-primary text-black text-base h-10 mt-2 focus:outline-none focus:ring-2 focus:ring-primary\"\n disabled={(phoneEmailUpdateDisabled) ? \"\" : \"disabled\"}/>\n{!phoneNumberStage2.length ? languagePackage.pleaseEnterYourPhoneNumber : 'The format of the phone number is incorrect.'}
\n */}\n
\n\n {patientProfile?.userInsureList?.map((item, index) =>\n renderInsuranceSection(index + 1, item)\n )}\n\n \n )\n }\n\n const renderPersonalDetails = () => {\n return (\n \n\n
\n {languagePackage.emailAddress}
\n {\n !focusType2.email && setFocusType2({...focusType2, email: true})\n setEmailStage2(e.target.value)\n }} value={emailStage2} type=\"email\"\n placeholder={phoneEmailUpdateDisabled ? \"Email Address\" : (patientProfile?.patientEMail ? getMaskEmail(patientProfile.patientEMail) : \"N/A\")}\n className=\"placeholder-gray-500 form-input w-full rounded-lg border focus:border-2 border-base-border focus:border-primary text-black text-base h-10 mt-2 focus:outline-none focus:ring-2 focus:ring-primary\"\n disabled={phoneEmailUpdateDisabled ? \"\" : \"disabled\"}/>\n{languagePackage.pleaseEnterYourAnValidEmailAddress}
\n{languagePackage.personalDetails}
\n\n
\n\n \n
\n\n {languagePackage.name}
\n {\n !focusType.firstName && setFocusType({...focusType, firstName: true})\n setFirstName(e.target.value)\n }} type=\"text\" placeholder={languagePackage.fistName} value={firstName}\n className=\"placeholder-gray-500 w-full rounded-lg border focus:border-2 border-base-border focus:border-primary text-black text-base h-10 mt-2 focus:outline-none focus:ring-2 focus:ring-primary\"/>\n{languagePackage.pleaseEnterYourName}
\n\n \n {\n !focusType.lastName && setFocusType({...focusType, lastName: true})\n setLastName(e.target.value)\n }} type=\"text\" placeholder={languagePackage.lastName} value={lastName}\n className=\"placeholder-gray-500 w-full rounded-lg border focus:border-2 border-base-border focus:border-primary text-black text-base h-10 mt-2 focus:outline-none focus:ring-2 focus:ring-primary\"/>\n
\n {languagePackage.pleaseEnterYourName}
\n\n
\n\n \n
\n\n {languagePackage.dateOfBirth}
\n {\n\n const keyInput = e.key\n\n if ((/^[0-9]*$/).test(keyInput) && e.key !== 'Backspace') {\n if (dob.length === 0) {\n if (parseInt(e.key) < 10 && parseInt(e.key) > 1) {\n setDob('0' + e.key + '/')\n } else {\n setDob(dob + e.key)\n }\n } else if (dob.length === 3) {\n const number = e.key\n if (parseInt(number) < 10 && parseInt(number) > 3) {\n const formatDob = dob.slice(0, 2) + '/0' + number + '/'\n setDob(formatDob)\n } else {\n setDob(dob + e.key)\n }\n } else if (dob.length === 1 || dob.length === 4) {\n setDob(dob + e.key + '/')\n } else if (dob.length < 10) {\n setDob(dob + e.key)\n }\n } else if (e.key === 'Backspace') {\n if (dob.length) {\n setDob(dob.slice(0, dob.length - 1))\n }\n } else {\n return\n }\n }}\n\n onChange={(e) => {\n let value = e.target.value\n if (value.length === 10 && !focusType.dob) {\n setFocusType({...focusType, dob: true})\n } else {\n setFocusType({...focusType, dob: false})\n }\n }}\n type={\"tel\"} maxLength={10}\n className=\"placeholder-gray-500 form-date w-full rounded-lg border focus:border-2 border-base-border focus:border-primary text-black text-base h-10 mt-2 text-left bg-white focus:ring-2 focus:ring-primary\"/>\n{!dob.length ? languagePackage.pleaseEnterYourBirthDay : languagePackage.DateOfBirthInCorrect}
\n\n
\n {languagePackage.phoneNumber}
\n {\n if (e.key !== 'Backspace') {\n if (phoneNumber.length === 3) {\n setPhoneNumber(phoneNumber + '-')\n } else if (phoneNumber.length === 7) {\n setPhoneNumber(phoneNumber + '-')\n }\n }\n }} onChange={(e) => {\n !focusType.phoneNumber && setFocusType({...focusType, phoneNumber: true})\n const value = e.target.value\n if (value.length >= 10 && !validatePhoneNumber(value)) {//copy & past the other format phone number.\n const reParsePhone = reParsePhoneNumber(value)\n setPhoneNumber(reParsePhone)\n } else {\n setPhoneNumber(value)\n }\n }} value={phoneNumber} type={\"tel\"} maxLength=\"12\" placeholder={'XXX-XXX-XXXX'}\n className=\"placeholder-gray-500 w-full rounded-lg border focus:border-2 border-base-border focus:border-primary text-black text-base h-10 mt-2 focus:outline-none focus:ring-2 focus:ring-primary\"/>\n{!phoneNumber.length ? languagePackage.pleaseEnterYourPhoneNumber : 'The format of the phone number is incorrect.'}
\n\n
\n\n {languagePackage.emailAddress}
\n {\n !focusType.email && setFocusType({...focusType, email: true})\n setEmail(e.target.value)\n }} type=\"email\" placeholder={languagePackage.emailAddress} value={email}\n className=\"placeholder-gray-500 form-input w-full rounded-lg border focus:border-2 border-base-border focus:border-primary text-black text-base h-10 mt-2 focus:outline-none focus:ring-2 focus:ring-primary\"/>\n{languagePackage.pleaseEnterYourAnValidEmailAddress}
\n{languagePackage.insurance}
\n\n {\n setSelectedInsuranceIndex(idx)\n setInsuranceID('')\n setInsuranceGroup('')\n setInsurancePhone('')\n }}/>\n {/* {*/}\n {/* setSelectedInsuranceIndex(idx)*/}\n {/*}}>*/}\n {/* */}\n
\n\n {selectedInsuranceIndex !== 0 && selectedInsuranceIndex !== 1 ? (\n */}\n {/* */}\n {/* */}\n {/* */}\n {/* {returnInsuranceList(1).map((item, idx) => {*/}\n {/* return (*/}\n {/* */}\n {/* {({selected, active}) => {*/}\n {/* return (*/}\n {/* {*/}\n {/* setIsInsuranceListOpen(false)*/}\n {/* setInsuranceID('')*/}\n {/* setInsuranceGroup('')*/}\n {/* setInsurancePhone('')*/}\n {/* }}*/}\n {/* className={`${*/}\n {/* active ? 'bg-light-primary text-primary font-medium' : 'bg-white text-black font-normal'*/}\n {/* } w-full py-2 px-4 text-sm text-left hover:bg-light-primary hover:text-primary hover:font-medium`}*/}\n {/* >*/}\n {/* /!*{selected && }*!/*/}\n {/* {idx > 0 ? item.title : '------'}*/}\n {/* */}\n {/* )*/}\n {/* }}*/}\n {/* */}\n {/* )*/}\n {/* })}*/}\n {/* */}\n {/* */}\n {/*
*/}\n {/*{languagePackage.PleaseSelectTypeOfInsurance}
\n\n
\n\n \n {\n const keyPressed = e.nativeEvent.data\n\n if (!(/^[A-Za-z0-9]+$/).test(keyPressed)) {\n return\n } else if (!(/[^%&',;=?$\\x22]+/).test(keyPressed)) {\n return\n } else {\n !focusType.insuranceID && setFocusType({...focusType, insuranceID: true})\n setInsuranceID(e.target.value)\n }\n\n }} value={insuranceID} type=\"text\"\n className=\"w-full rounded-lg border focus:border-2 border-base-border focus:border-primary text-black text-base h-10 focus:outline-none focus:ring-2 focus:ring-primary\"/>\n
\n\n {languagePackage.insuranceID}
\n1 && !insuranceID.length ? '' : 'hidden'} text-error text-base`}>{languagePackage.pleaseEnterYourInsuranceID}
\n\n {\n\n const keyPressed = e.nativeEvent.data\n\n if (!(/^[A-Za-z0-9]+$/).test(keyPressed)) {\n return\n } else if (!(/[^%&',;=?$\\x22]+/).test(keyPressed)) {\n return\n } else {\n !focusType.insuranceID && setFocusType({...focusType, insuranceID: true})\n setInsuranceGroup(e.target.value)\n }\n\n }} value={insuranceGroup} type=\"text\"\n className=\" w-full rounded-lg border focus:border-2 border-base-border focus:border-primary text-black text-base h-10 focus:outline-none focus:ring-2 focus:ring-primary\"/>\n\n
\n {languagePackage.insuranceGroup}
\n\n
\n \n
\n {languagePackage.insurancePhone}
\n {\n if (e.key !== 'Backspace') {\n if (insurancePhone.length === 3) {\n setInsurancePhone(insurancePhone + '-')\n } else if (insurancePhone.length === 7) {\n setInsurancePhone(insurancePhone + '-')\n }\n }\n }} onChange={(e) => {\n !focusType.insurancePhone && setFocusType({...focusType, insurancePhone: true})\n const value = e.target.value\n if (value.length >= 10 && !validatePhoneNumber(value)) {//copy & past the other format phone number.\n const reParsePhone = reParsePhoneNumber(value)\n setInsurancePhone(reParsePhone)\n } else {\n setInsurancePhone(value)\n }\n }} value={insurancePhone} placeholder={'XXX-XXX-XXXX'} type={\"tel\"} maxLength=\"12\"\n className=\"placeholder-gray-500 w-full rounded-lg border focus:border-2 border-base-border focus:border-primary text-black text-base h-10 focus:outline-none focus:ring-2 focus:ring-primary\"/>\n1 && insurancePhone.length && !validatePhoneNumber(insurancePhone) ? '' : 'hidden'} text-error text-base`}>{'The format of the phone number is incorrect.'}
\n{languagePackage.NoAppointmentsAreCurrentlyAvailable}
\n }\n return (\n \n
\n )\n }\n\n const renderTimeSlots = () => {\n if (!timeSlots) {\n return null\n }\n\n const $emptyTimeSlots = \n \n\n
\n\n \n {calendarWeekList.map(({month, date, day, week, isDisabled}, idx) => {\n const isSelected = date === selectedDateString\n return (\n {\n setSelectedDateString(date)\n getTimeSlotsWithSelectedDate(date)\n }} key={idx} month={month} day={day} week={week} isDisabled={isDisabled}\n isSelected={isSelected}/>\n )\n })}\n
\n\n \n\n \n \n {calendarWeekList.map(({month, date, day, week, isDisabled}, idx) => {\n const isSelected = date === selectedDateString\n return (\n {\n setSelectedDateString(date)\n getTimeSlotsWithSelectedDate(date)\n }} key={idx} month={month} day={day} week={week} isDisabled={isDisabled}\n isSelected={isSelected}/>\n )\n })}\n
\n {languagePackage.NoAppointmentsAreCurrentlyAvailable}
\n const $timeSlots = (\n\n {$content}\n
\n )\n }\n\n const renderVisitTypeSelector = () => {\n return (\n {languagePackage.chooseAnAppointmentType}
\n\n \n\n \n
\n {languagePackage.chooseAnAppointmentLocation}
\n\n {\n setSelectedLocationIndex(idx)\n }}>\n
\n \n \n \n 
1 ? '' : 'hidden'}`} alt={\"\"}/>\n \n {officeLocations.length > 1 ? (\n \n \n {officeLocations.map((loc, idx) => {\n const title = formatAddress(loc.address, loc.city, loc.state, loc.zip)\n return (\n \n {({selected, active}) => {\n return (\n \n {/*{selected && }*/}\n {title}\n
\n )\n }}\n \n )\n })}\n \n \n ) : null}\n {selectedOfficeAddress}
\n\n 
\n
\n ) : null}\n\n \n {languagePackage.virtualVisitGuide}
{languagePackage.selectAvailableTime}
\n\n {renderWeekHeader()}\n {renderTimeSlots()}\n
\n\n {patientProfile ? renderTargetPersonalDetails() : renderPersonalDetails()}\n\n \n {\n setMemo(e.target.value)\n }}\n />\n
\n\n {languagePackage.appointmentMemo}
\n\n
\n\n {renderBookBtn('hidden lg:flex flex justify-center items-center w-full py-2 lg:py-4 rounded-lg bg-primary hover:bg-primary-focus text-lg text-white mt-5 lg:mt-4 font-semibold')}\n \n \n
\n {\n !checkboxSelected && showCheckboxError ?\n \n
\n {languagePackage.appointmentConfirmNote}
\n{languagePackage.checkBoxErrorNote}
\n : null\n }\n\n \n {renderBookBtn('relative w-full py-2 lg:py-4 rounded-lg bg-primary hover:bg-primary-focus text-lg text-white font-semibold')}\n \n
\n \n
\n )\n }\n\n return (\n {\"For Existing Patients\"}
\n{\"If you have had an appointment with this doctor before, please schedule using your iClinicHealth account.\"}
\n\n
\n onLogin && onLogin()}>\n
\n {\"Log in\"}
\n onRegister && onRegister()}>\n
\n {\"Create Account\"}
\n{languagePackage.appointmentInformation}
\n {patientProfile ? null : renderHaveBeenToClinic()}\n {isHaveBeenToClinic && !user.userID ? renderLoginEditor() : renderAppointmentEditor()}\n{markers}
;\n }\n}\n","import React from 'react';\nimport GoogleMapMarkers from './google_map_markers';\n\nconst style = {\n width: '50%',\n height: '50%',\n left: '50%',\n top: '50%',\n // backgroundColor: 'red',\n margin: 0,\n padding: 0,\n position: 'absolute',\n // opacity: 0.3\n};\n\nexport default function (props) {\n return (\n \n
\n );\n}\n","import { Loader } from '@googlemaps/js-api-loader';\n\nlet loader_;\nlet loadPromise_;\nlet resolveCustomPromise_;\n\nconst _customPromise = new Promise((resolve) => {\n resolveCustomPromise_ = resolve;\n});\n\n// TODO add libraries language and other map options\nexport default (bootstrapURLKeys, heatmapLibrary) => {\n // call from outside google-map-react\n // will be as soon as loadPromise resolved\n if (!bootstrapURLKeys) {\n return _customPromise;\n }\n\n // avoid api to be loaded multiple times\n if (loadPromise_) {\n return loadPromise_;\n }\n\n if (!bootstrapURLKeys.libraries) {\n bootstrapURLKeys.libraries = [];\n }\n\n const libraries = [...bootstrapURLKeys.libraries];\n\n // note: heatmapLibrary will be deprecated on next major\n if (heatmapLibrary) {\n // if heatmapLibrary is present\n // check if we need to add visualization library\n if (libraries.length === 0 || !libraries.includes('visualization')) {\n // if the array isEmpty or visualization is\n // not present, push the visualization library\n libraries.push('visualization');\n }\n console.warn(\n \"heatmapLibrary will be deprecated in the future. Please use { libraries: ['visualization'] } in bootstrapURLKeys property instead\"\n );\n }\n\n if (process.env.NODE_ENV !== 'production') {\n if (Object.keys(bootstrapURLKeys).indexOf('callback') > -1) {\n const message = `\"callback\" key in bootstrapURLKeys is not allowed,\n use onGoogleApiLoaded property instead`;\n // eslint-disable-next-line no-console\n console.error(message);\n throw new Error(message);\n }\n }\n\n if (typeof window === 'undefined') {\n throw new Error('google map cannot be loaded outside browser env');\n }\n\n const { key, ...restKeys } = bootstrapURLKeys;\n\n // use single instance of Loader to avoid multiple api loads\n if (!loader_) {\n loader_ = new Loader({\n // need to keep key as a prop for backwards compatibility\n apiKey: key || '',\n ...restKeys,\n libraries,\n });\n }\n\n loadPromise_ = loader_.load().then(() => {\n resolveCustomPromise_(window.google.maps);\n return window.google.maps;\n });\n\n resolveCustomPromise_(loadPromise_);\n\n return loadPromise_;\n};\n","/* eslint-disable import/prefer-default-export */\n\nexport function wrap(n, min, max) {\n const d = max - min;\n return n === max ? n : ((((n - min) % d) + d) % d) + min;\n}\n","import { wrap } from './wrap';\n\nexport default class LatLng {\n static convert = (a) => {\n if (a instanceof LatLng) {\n return a;\n }\n\n if (Array.isArray(a)) {\n return new LatLng(a[0], a[1]);\n }\n\n if ('lng' in a && 'lat' in a) {\n return new LatLng(a.lat, a.lng);\n }\n\n return a;\n };\n\n constructor(lat, lng) {\n if (isNaN(lat) || isNaN(lng)) {\n throw new Error(`Invalid LatLng object: (${lat}, ${lng})`);\n }\n this.lat = +lat;\n this.lng = +lng;\n }\n\n wrap() {\n return new LatLng(this.lat, wrap(this.lng, -180, 180));\n }\n}\n","/* eslint-disable class-methods-use-this */\nimport Point from '@mapbox/point-geometry';\nimport LatLng from './lat_lng';\nimport { wrap } from './wrap';\n\n// A single transform, generally used for a single tile to be scaled, rotated, and zoomed.\nexport default class Transform {\n constructor(tileSize, minZoom, maxZoom) {\n this.tileSize = tileSize || 512; // constant\n\n this._minZoom = minZoom || 0;\n this._maxZoom = maxZoom || 52;\n\n this.latRange = [-85.05113, 85.05113];\n\n this.width = 0;\n this.height = 0;\n this.zoom = 0;\n this.center = new LatLng(0, 0);\n this.angle = 0;\n }\n\n get minZoom() {\n return this._minZoom;\n }\n\n set minZoom(zoom) {\n this._minZoom = zoom;\n this.zoom = Math.max(this.zoom, zoom);\n }\n\n get maxZoom() {\n return this._maxZoom;\n }\n\n set maxZoom(zoom) {\n this._maxZoom = zoom;\n this.zoom = Math.min(this.zoom, zoom);\n }\n\n get worldSize() {\n return this.tileSize * this.scale;\n }\n\n get centerPoint() {\n return new Point(0, 0); // this.size._div(2);\n }\n\n get size() {\n return new Point(this.width, this.height);\n }\n\n get bearing() {\n return (-this.angle / Math.PI) * 180;\n }\n\n set bearing(bearing) {\n this.angle = (-wrap(bearing, -180, 180) * Math.PI) / 180;\n }\n\n get zoom() {\n return this._zoom;\n }\n\n set zoom(zoom) {\n const zoomV = Math.min(Math.max(zoom, this.minZoom), this.maxZoom);\n this._zoom = zoomV;\n this.scale = this.zoomScale(zoomV);\n this.tileZoom = Math.floor(zoomV);\n this.zoomFraction = zoomV - this.tileZoom;\n }\n\n zoomScale(zoom) {\n return Math.pow(2, zoom);\n }\n\n scaleZoom(scale) {\n return Math.log(scale) / Math.LN2;\n }\n\n project(latlng, worldSize) {\n return new Point(\n this.lngX(latlng.lng, worldSize),\n this.latY(latlng.lat, worldSize)\n );\n }\n\n unproject(point, worldSize) {\n return new LatLng(\n this.yLat(point.y, worldSize),\n this.xLng(point.x, worldSize)\n );\n }\n\n get x() {\n return this.lngX(this.center.lng);\n }\n\n get y() {\n return this.latY(this.center.lat);\n }\n\n get point() {\n return new Point(this.x, this.y);\n }\n\n // lat/lon <-> absolute pixel coords convertion\n lngX(lon, worldSize) {\n return ((180 + lon) * (worldSize || this.worldSize)) / 360;\n }\n\n // latitude to absolute y coord\n latY(lat, worldSize) {\n const y =\n (180 / Math.PI) * Math.log(Math.tan(Math.PI / 4 + (lat * Math.PI) / 360));\n return ((180 - y) * (worldSize || this.worldSize)) / 360;\n }\n\n xLng(x, worldSize) {\n return (x * 360) / (worldSize || this.worldSize) - 180;\n }\n\n yLat(y, worldSize) {\n const y2 = 180 - (y * 360) / (worldSize || this.worldSize);\n return (360 / Math.PI) * Math.atan(Math.exp((y2 * Math.PI) / 180)) - 90;\n }\n\n locationPoint(latlng) {\n const p = this.project(latlng);\n return this.centerPoint._sub(this.point._sub(p)._rotate(this.angle));\n }\n\n pointLocation(p) {\n const p2 = this.centerPoint._sub(p)._rotate(-this.angle);\n return this.unproject(this.point.sub(p2));\n }\n}\n","import Point from '@mapbox/point-geometry';\n\nimport LatLng from './lat_lng';\nimport Transform from './transform';\n\nexport default class Geo {\n constructor(tileSize) {\n // left_top view пользует гугл\n // super();\n this.hasSize_ = false;\n this.hasView_ = false;\n this.transform_ = new Transform(tileSize || 512);\n }\n\n setView(center, zoom, bearing) {\n this.transform_.center = LatLng.convert(center);\n this.transform_.zoom = +zoom;\n this.transform_.bearing = +bearing;\n this.hasView_ = true;\n }\n\n setViewSize(width, height) {\n this.transform_.width = width;\n this.transform_.height = height;\n this.hasSize_ = true;\n }\n\n setMapCanvasProjection(maps, mapCanvasProjection) {\n this.maps_ = maps;\n this.mapCanvasProjection_ = mapCanvasProjection;\n }\n\n canProject() {\n return this.hasSize_ && this.hasView_;\n }\n\n hasSize() {\n return this.hasSize_;\n }\n\n /** Returns the pixel position relative to the map center. */\n fromLatLngToCenterPixel(ptLatLng) {\n return this.transform_.locationPoint(LatLng.convert(ptLatLng));\n }\n\n /**\n * Returns the pixel position relative to the map panes,\n * or relative to the map center if there are no panes.\n */\n fromLatLngToDivPixel(ptLatLng) {\n if (this.mapCanvasProjection_) {\n const latLng = new this.maps_.LatLng(ptLatLng.lat, ptLatLng.lng);\n return this.mapCanvasProjection_.fromLatLngToDivPixel(latLng);\n }\n return this.fromLatLngToCenterPixel(ptLatLng);\n }\n\n /** Returns the pixel position relative to the map top-left. */\n fromLatLngToContainerPixel(ptLatLng) {\n if (this.mapCanvasProjection_) {\n const latLng = new this.maps_.LatLng(ptLatLng.lat, ptLatLng.lng);\n return this.mapCanvasProjection_.fromLatLngToContainerPixel(latLng);\n }\n\n const pt = this.fromLatLngToCenterPixel(ptLatLng);\n pt.x -=\n this.transform_.worldSize * Math.round(pt.x / this.transform_.worldSize);\n\n pt.x += this.transform_.width / 2;\n pt.y += this.transform_.height / 2;\n\n return pt;\n }\n\n /** Returns the LatLng for the given offset from the map top-left. */\n fromContainerPixelToLatLng(ptXY) {\n if (this.mapCanvasProjection_) {\n const latLng = this.mapCanvasProjection_.fromContainerPixelToLatLng(ptXY);\n return { lat: latLng.lat(), lng: latLng.lng() };\n }\n\n const ptxy = { ...ptXY };\n ptxy.x -= this.transform_.width / 2;\n ptxy.y -= this.transform_.height / 2;\n const ptRes = this.transform_.pointLocation(Point.convert(ptxy));\n\n ptRes.lng -= 360 * Math.round(ptRes.lng / 360); // convert 2 google format\n return ptRes;\n }\n\n getWidth() {\n return this.transform_.width;\n }\n\n getHeight() {\n return this.transform_.height;\n }\n\n getZoom() {\n return this.transform_.zoom;\n }\n\n getCenter() {\n const ptRes = this.transform_.pointLocation({ x: 0, y: 0 });\n\n return ptRes;\n }\n\n getBounds(margins, roundFactor) {\n const bndT = (margins && margins[0]) || 0;\n const bndR = (margins && margins[1]) || 0;\n const bndB = (margins && margins[2]) || 0;\n const bndL = (margins && margins[3]) || 0;\n\n if (\n this.getWidth() - bndR - bndL > 0 &&\n this.getHeight() - bndT - bndB > 0\n ) {\n const topLeftCorner = this.transform_.pointLocation(\n Point.convert({\n x: bndL - this.getWidth() / 2,\n y: bndT - this.getHeight() / 2,\n })\n );\n const bottomRightCorner = this.transform_.pointLocation(\n Point.convert({\n x: this.getWidth() / 2 - bndR,\n y: this.getHeight() / 2 - bndB,\n })\n );\n\n let res = [\n topLeftCorner.lat,\n topLeftCorner.lng, // NW\n bottomRightCorner.lat,\n bottomRightCorner.lng, // SE\n bottomRightCorner.lat,\n topLeftCorner.lng, // SW\n topLeftCorner.lat,\n bottomRightCorner.lng, // NE\n ];\n\n if (roundFactor) {\n res = res.map((r) => Math.round(r * roundFactor) / roundFactor);\n }\n return res;\n }\n\n return [0, 0, 0, 0];\n }\n}\n","export default function raf(callback) {\n if (window.requestAnimationFrame) {\n return window.requestAnimationFrame(callback);\n }\n\n const nativeRaf =\n window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame;\n\n return nativeRaf\n ? nativeRaf(callback)\n : window.setTimeout(callback, 1e3 / 60);\n}\n","const log2 = Math.log2 ? Math.log2 : (x) => Math.log(x) / Math.LN2;\n\nexport default log2;\n","// source taken from https://github.com/rackt/redux/blob/master/src/utils/pick.js\n\nexport default function pick(obj, fn) {\n return Object.keys(obj).reduce((result, key) => {\n if (fn(obj[key])) {\n result[key] = obj[key]; // eslint-disable-line\n }\n return result;\n }, {});\n}\n","const isEmpty = (val) => {\n // check for empty object {}, array []\n if (val !== null && typeof val === 'object') {\n if (Object.keys(val).length === 0) {\n return true;\n }\n } else if (val === null || val === undefined || val === '') {\n // check for undefined, null and \"\"\n return true;\n }\n return false;\n};\n\nexport default isEmpty;\n","function isObjectLike(value) {\n return !!value && typeof value === 'object';\n}\n\nconst objectToString = Object.prototype.toString;\n\nexport default function isNumber(value) {\n const numberTag = '[object Number]';\n return (\n typeof value === 'number' ||\n (isObjectLike(value) && objectToString.call(value) === numberTag)\n );\n}\n","// http://stackoverflow.com/questions/5899783/detect-safari-chrome-ie-firefox-opera-with-user-agent\nlet detectBrowserResult_ = null;\n\nexport default function detectBrowser() {\n if (detectBrowserResult_) {\n return detectBrowserResult_;\n }\n\n if (typeof navigator !== 'undefined') {\n const isExplorer = navigator.userAgent.indexOf('MSIE') > -1;\n const isFirefox = navigator.userAgent.indexOf('Firefox') > -1;\n const isOpera = navigator.userAgent.toLowerCase().indexOf('op') > -1;\n\n let isChrome = navigator.userAgent.indexOf('Chrome') > -1;\n let isSafari = navigator.userAgent.indexOf('Safari') > -1;\n\n if (isChrome && isSafari) {\n isSafari = false;\n }\n\n if (isChrome && isOpera) {\n isChrome = false;\n }\n\n detectBrowserResult_ = {\n isExplorer,\n isFirefox,\n isOpera,\n isChrome,\n isSafari,\n };\n return detectBrowserResult_;\n }\n\n detectBrowserResult_ = {\n isChrome: true,\n isExplorer: false,\n isFirefox: false,\n isOpera: false,\n isSafari: false,\n };\n\n return detectBrowserResult_;\n}\n","// source taken from https://github.com/rackt/redux/blob/master/src/utils/isPlainObject.js\nconst fnToString = (fn) => Function.prototype.toString.call(fn);\n\n/**\n * @param {any} obj The object to inspect.\n * @returns {boolean} True if the argument appears to be a plain object.\n */\nexport default function isPlainObject(obj) {\n if (!obj || typeof obj !== 'object') {\n return false;\n }\n\n const proto =\n typeof obj.constructor === 'function'\n ? Object.getPrototypeOf(obj)\n : Object.prototype;\n\n if (proto === null) {\n return true;\n }\n\n const constructor = proto.constructor;\n\n return (\n typeof constructor === 'function' &&\n constructor instanceof constructor &&\n fnToString(constructor) === fnToString(Object)\n );\n}\n","// feature detection for passive support\n// see: https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#Safely_detecting_option_support\nfunction hasPassiveSupport() {\n let passiveSupported = false;\n\n try {\n const options = Object.defineProperty({}, 'passive', {\n get() {\n passiveSupported = true;\n },\n });\n\n window.addEventListener('test', options, options);\n window.removeEventListener('test', options, options);\n } catch (err) {\n passiveSupported = false;\n }\n\n return passiveSupported;\n}\n\nexport default function addPassiveEventListener(\n element,\n eventName,\n func,\n capture\n) {\n element.addEventListener(\n eventName,\n func,\n hasPassiveSupport()\n ? {\n capture,\n passive: true,\n }\n : capture\n );\n}\n","/* eslint-disable */\n/**\n* Detect Element Resize.\n* Forked in order to guard against unsafe 'window' and 'document' references.\n*\n* https://github.com/sdecima/javascript-detect-element-resize\n* Sebastian Decima\n*\n* version: 0.5.3\n**/\n\nimport addPassiveEventListener from './passiveEvents';\n\n// Reliable `window` and `document` detection\nvar canUseDOM = !!(typeof window !== 'undefined' &&\n window.document &&\n window.document.createElement);\n\n// Check `document` and `window` in case of server-side rendering\nvar _window;\nif (canUseDOM) {\n _window = window;\n} else if (typeof self !== 'undefined') {\n _window = self;\n} else {\n _window = this;\n}\n\nvar attachEvent = typeof document !== 'undefined' && document.attachEvent;\nvar stylesCreated = false;\n\nif (canUseDOM && !attachEvent) {\n var requestFrame = (function () {\n var raf = _window.requestAnimationFrame ||\n _window.mozRequestAnimationFrame ||\n _window.webkitRequestAnimationFrame ||\n function (fn) {\n return _window.setTimeout(fn, 20);\n };\n return function (fn) {\n return raf(fn);\n };\n })();\n\n var cancelFrame = (function () {\n var cancel = _window.cancelAnimationFrame ||\n _window.mozCancelAnimationFrame ||\n _window.webkitCancelAnimationFrame ||\n _window.clearTimeout;\n return function (id) {\n return cancel(id);\n };\n })();\n\n var resetTriggers = function (element) {\n var triggers = element.__resizeTriggers__,\n expand = triggers.firstElementChild,\n contract = triggers.lastElementChild,\n expandChild = expand.firstElementChild;\n contract.scrollLeft = contract.scrollWidth;\n contract.scrollTop = contract.scrollHeight;\n expandChild.style.width = expand.offsetWidth + 1 + 'px';\n expandChild.style.height = expand.offsetHeight + 1 + 'px';\n expand.scrollLeft = expand.scrollWidth;\n expand.scrollTop = expand.scrollHeight;\n };\n\n var checkTriggers = function (element) {\n return element.offsetWidth != element.__resizeLast__.width ||\n element.offsetHeight != element.__resizeLast__.height;\n };\n\n var scrollListener = function (e) {\n var element = this;\n resetTriggers(this);\n if (this.__resizeRAF__) cancelFrame(this.__resizeRAF__);\n this.__resizeRAF__ = requestFrame(function () {\n if (checkTriggers(element)) {\n element.__resizeLast__.width = element.offsetWidth;\n element.__resizeLast__.height = element.offsetHeight;\n element.__resizeListeners__.forEach(function (fn) {\n fn.call(element, e);\n });\n }\n });\n };\n\n /* Detect CSS Animations support to detect element display/re-attach */\n var animation = false,\n animationstring = 'animation',\n keyframeprefix = '',\n animationstartevent = 'animationstart',\n domPrefixes = 'Webkit Moz O ms'.split(' '),\n startEvents = 'webkitAnimationStart animationstart oAnimationStart MSAnimationStart'.split(\n ' '\n ),\n pfx = '';\n\n if (canUseDOM) {\n var elm = document.createElement('fakeelement');\n if (elm.style.animationName !== undefined) {\n animation = true;\n }\n\n if (animation === false) {\n for (var i = 0; i < domPrefixes.length; i++) {\n if (elm.style[domPrefixes[i] + 'AnimationName'] !== undefined) {\n pfx = domPrefixes[i];\n animationstring = pfx + 'Animation';\n keyframeprefix = '-' + pfx.toLowerCase() + '-';\n animationstartevent = startEvents[i];\n animation = true;\n break;\n }\n }\n }\n }\n\n var animationName = 'resizeanim';\n var animationKeyframes = '@' +\n keyframeprefix +\n 'keyframes ' +\n animationName +\n ' { from { opacity: 0; } to { opacity: 0; } } ';\n var animationStyle = keyframeprefix +\n 'animation: 1ms ' +\n animationName +\n '; ';\n}\n\nvar createStyles = function () {\n if (!stylesCreated) {\n //opacity:0 works around a chrome bug https://code.google.com/p/chromium/issues/detail?id=286360\n var css = (animationKeyframes ? animationKeyframes : '') +\n '.resize-triggers { ' +\n (animationStyle ? animationStyle : '') +\n 'visibility: hidden; opacity: 0; } ' +\n '.resize-triggers, .resize-triggers > div, .contract-trigger:before { content: \" \"; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }',\n head = document.head || document.getElementsByTagName('head')[0],\n style = document.createElement('style');\n\n style.type = 'text/css';\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n\n head.appendChild(style);\n stylesCreated = true;\n }\n};\n\nvar addResizeListener = function (element, fn) {\n if (element.parentNode === undefined) {\n var tempParentDiv = document.createElement('div');\n element.parentNode = tempParentDiv;\n }\n element = element.parentNode;\n if (attachEvent)\n element.attachEvent('onresize', fn);\n else {\n if (!element.__resizeTriggers__) {\n if (getComputedStyle(element).position == 'static')\n element.style.position = 'relative';\n createStyles();\n element.__resizeLast__ = {};\n element.__resizeListeners__ = [];\n (element.__resizeTriggers__ = document.createElement(\n 'div'\n )).className = 'resize-triggers';\n element.__resizeTriggers__.innerHTML = '' +\n '';\n element.appendChild(element.__resizeTriggers__);\n resetTriggers(element);\n\n addPassiveEventListener(element, 'scroll', scrollListener, true);\n\n /* Listen for a css animation to detect element display/re-attach */\n animationstartevent &&\n element.__resizeTriggers__.addEventListener(\n animationstartevent,\n function (e) {\n if (e.animationName == animationName) resetTriggers(element);\n }\n );\n }\n element.__resizeListeners__.push(fn);\n }\n};\n\nvar removeResizeListener = function (element, fn) {\n element = element.parentNode;\n if (attachEvent)\n element.detachEvent('onresize', fn);\n else {\n element.__resizeListeners__.splice(\n element.__resizeListeners__.indexOf(fn),\n 1\n );\n if (!element.__resizeListeners__.length) {\n element.removeEventListener('scroll', scrollListener);\n element.__resizeTriggers__ = !element.removeChild(\n element.__resizeTriggers__\n );\n }\n }\n};\n\nexport {\n addResizeListener,\n removeResizeListener,\n};\n","/* eslint-disable import/no-extraneous-dependencies, react/forbid-prop-types, react/no-find-dom-node, no-console, no-undef */\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport ReactDOM from 'react-dom';\n\n// helpers\nimport GoogleMapMap from './google_map_map';\nimport MarkerDispatcher from './marker_dispatcher';\nimport GoogleMapMarkers from './google_map_markers';\nimport GoogleMapMarkersPrerender from './google_map_markers_prerender';\nimport { generateHeatmap, optionsHeatmap } from './google_heatmap';\n\n// loaders\nimport googleMapLoader from './loaders/google_map_loader';\n\n// lib\nimport Geo from './lib/geo';\n\n// tools\nimport raf from './utils/raf';\nimport log2 from './utils/log2';\nimport omit from './utils/omit';\nimport pick from './utils/pick';\nimport isEmpty from './utils/isEmpty';\nimport isNumber from './utils/isNumber';\nimport detectBrowser from './utils/detect';\nimport shallowEqual from './utils/shallowEqual';\nimport isPlainObject from './utils/isPlainObject';\nimport isArraysEqualEps from './utils/isArraysEqualEps';\nimport {\n addResizeListener,\n removeResizeListener,\n} from './utils/detectElementResize';\nimport addPassiveEventListener from './utils/passiveEvents';\n\n// consts\nconst kEPS = 0.00001;\nconst K_GOOGLE_TILE_SIZE = 256;\n// real minZoom calculated here _getMinZoom\nconst K_IDLE_TIMEOUT = 100;\nconst K_IDLE_CLICK_TIMEOUT = 300;\nconst DEFAULT_MIN_ZOOM = 3;\n// Starting with version 3.32, the maps API calls `draw()` each frame during\n// a zoom animation.\nconst DRAW_CALLED_DURING_ANIMATION_VERSION = 32;\nconst IS_REACT_16 = ReactDOM.createPortal !== undefined;\n\nconst createPortal = IS_REACT_16\n ? ReactDOM.createPortal\n : ReactDOM.unstable_renderSubtreeIntoContainer;\n\nfunction defaultOptions_(/* maps */) {\n return {\n overviewMapControl: false,\n streetViewControl: false,\n rotateControl: true,\n mapTypeControl: false,\n // disable poi\n styles: [\n {\n featureType: 'poi',\n elementType: 'labels',\n stylers: [{ visibility: 'off' }],\n },\n ],\n minZoom: DEFAULT_MIN_ZOOM, // dynamically recalculted if possible during init\n };\n}\n\nconst latLng2Obj = (latLng) =>\n isPlainObject(latLng) ? latLng : { lat: latLng[0], lng: latLng[1] };\n\nconst _checkMinZoom = (zoom, minZoom) => {\n if (process.env.NODE_ENV !== 'production') {\n if (zoom < minZoom) {\n console.warn(\n 'GoogleMap: ' + // eslint-disable-line\n 'minZoom option is less than recommended ' +\n 'minZoom option for your map sizes.\\n' +\n 'overrided to value ' +\n minZoom\n );\n }\n }\n\n if (minZoom < zoom) {\n return zoom;\n }\n return minZoom;\n};\n\nconst isFullScreen = () =>\n document.fullscreen ||\n document.webkitIsFullScreen ||\n document.mozFullScreen ||\n document.msFullscreenElement;\n\nclass GoogleMap extends Component {\n static propTypes = {\n apiKey: PropTypes.string,\n bootstrapURLKeys: PropTypes.any,\n\n defaultCenter: PropTypes.oneOfType([\n PropTypes.array,\n PropTypes.shape({\n lat: PropTypes.number,\n lng: PropTypes.number,\n }),\n ]),\n center: PropTypes.oneOfType([\n PropTypes.array,\n PropTypes.shape({\n lat: PropTypes.number,\n lng: PropTypes.number,\n }),\n ]),\n defaultZoom: PropTypes.number,\n zoom: PropTypes.number,\n onBoundsChange: PropTypes.func,\n onChange: PropTypes.func,\n onClick: PropTypes.func,\n onChildClick: PropTypes.func,\n onChildMouseDown: PropTypes.func,\n onChildMouseUp: PropTypes.func,\n onChildMouseMove: PropTypes.func,\n onChildMouseEnter: PropTypes.func,\n onChildMouseLeave: PropTypes.func,\n onZoomAnimationStart: PropTypes.func,\n onZoomAnimationEnd: PropTypes.func,\n onDrag: PropTypes.func,\n onDragEnd: PropTypes.func,\n onMapTypeIdChange: PropTypes.func,\n onTilesLoaded: PropTypes.func,\n options: PropTypes.any,\n distanceToMouse: PropTypes.func,\n hoverDistance: PropTypes.number,\n debounced: PropTypes.bool,\n margin: PropTypes.array,\n googleMapLoader: PropTypes.any,\n onGoogleApiLoaded: PropTypes.func,\n yesIWantToUseGoogleMapApiInternals: PropTypes.bool,\n draggable: PropTypes.bool,\n style: PropTypes.any,\n resetBoundsOnResize: PropTypes.bool,\n layerTypes: PropTypes.arrayOf(PropTypes.string), // ['TransitLayer', 'TrafficLayer']\n shouldUnregisterMapOnUnmount: PropTypes.bool,\n };\n\n static defaultProps = {\n distanceToMouse(pt, mousePos /* , markerProps */) {\n return Math.sqrt(\n (pt.x - mousePos.x) * (pt.x - mousePos.x) +\n (pt.y - mousePos.y) * (pt.y - mousePos.y)\n );\n },\n hoverDistance: 30,\n debounced: true,\n options: defaultOptions_,\n googleMapLoader,\n yesIWantToUseGoogleMapApiInternals: false,\n style: {\n width: '100%',\n height: '100%',\n margin: 0,\n padding: 0,\n position: 'relative',\n },\n layerTypes: [],\n heatmap: {},\n heatmapLibrary: false,\n shouldUnregisterMapOnUnmount: true,\n };\n\n static googleMapLoader = googleMapLoader; // eslint-disable-line\n\n constructor(props) {\n super(props);\n this.mounted_ = false;\n this.initialized_ = false;\n this.googleApiLoadedCalled_ = false;\n\n this.map_ = null;\n this.maps_ = null;\n this.prevBounds_ = null;\n this.heatmap = null;\n\n this.layers_ = {};\n\n this.mouse_ = null;\n this.mouseMoveTime_ = 0;\n this.boundingRect_ = null;\n this.mouseInMap_ = true;\n\n this.dragTime_ = 0;\n this.fireMouseEventOnIdle_ = false;\n this.updateCounter_ = 0;\n\n this.markersDispatcher_ = new MarkerDispatcher(this);\n this.geoService_ = new Geo(K_GOOGLE_TILE_SIZE);\n this.centerIsObject_ = isPlainObject(this.props.center);\n\n this.minZoom_ = DEFAULT_MIN_ZOOM;\n this.defaultDraggableOption_ = true;\n\n this.zoomControlClickTime_ = 0;\n\n this.childMouseDownArgs_ = null;\n this.childMouseUpTime_ = 0;\n\n this.googleMapDom_ = null;\n\n if (process.env.NODE_ENV !== 'production') {\n if (this.props.apiKey) {\n console.warn(\n 'GoogleMap: ' + // eslint-disable-line no-console\n 'apiKey is deprecated, use ' +\n 'bootstrapURLKeys={{key: YOUR_API_KEY}} instead.'\n );\n }\n\n if (this.props.onBoundsChange) {\n console.warn(\n 'GoogleMap: ' + // eslint-disable-line no-console\n 'onBoundsChange is deprecated, use ' +\n 'onChange({center, zoom, bounds, ...other}) instead.'\n );\n }\n\n if (isEmpty(this.props.center) && isEmpty(this.props.defaultCenter)) {\n console.warn(\n 'GoogleMap: center or defaultCenter property must be defined' // eslint-disable-line no-console\n );\n }\n\n if (isEmpty(this.props.zoom) && isEmpty(this.props.defaultZoom)) {\n console.warn(\n 'GoogleMap: zoom or defaultZoom property must be defined' // eslint-disable-line no-console\n );\n }\n }\n\n if (this._isCenterDefined(this.props.center || this.props.defaultCenter)) {\n const propsCenter = latLng2Obj(\n this.props.center || this.props.defaultCenter\n );\n this.geoService_.setView(\n propsCenter,\n this.props.zoom || this.props.defaultZoom,\n 0\n );\n }\n\n this.zoomAnimationInProgress_ = false;\n\n this.state = {\n overlay: null,\n };\n }\n\n componentDidMount() {\n this.mounted_ = true;\n this.markersDispatcher_ = new MarkerDispatcher(this);\n addPassiveEventListener(window, 'resize', this._onWindowResize, false);\n addPassiveEventListener(window, 'keydown', this._onKeyDownCapture, true);\n const mapDom = ReactDOM.findDOMNode(this.googleMapDom_);\n // gmap can't prevent map drag if mousedown event already occured\n // the only workaround I find is prevent mousedown native browser event\n\n if (mapDom) {\n addPassiveEventListener(\n mapDom,\n 'mousedown',\n this._onMapMouseDownNative,\n true\n );\n }\n\n addPassiveEventListener(window, 'mouseup', this._onChildMouseUp, false);\n const bootstrapURLKeys = {\n ...(this.props.apiKey && { key: this.props.apiKey }),\n ...this.props.bootstrapURLKeys,\n };\n\n this.props.googleMapLoader(bootstrapURLKeys, this.props.heatmapLibrary); // we can start load immediatly\n\n setTimeout(\n () => {\n // to detect size\n this._setViewSize();\n if (\n this._isCenterDefined(this.props.center || this.props.defaultCenter)\n ) {\n this._initMap();\n }\n },\n 0,\n this\n );\n if (this.props.resetBoundsOnResize) {\n const that = this;\n addResizeListener(mapDom, that._mapDomResizeCallback);\n }\n }\n\n shouldComponentUpdate(nextProps, nextState) {\n // draggable does not affect inner components\n return (\n !shallowEqual(\n omit(this.props, ['draggable']),\n omit(nextProps, ['draggable'])\n ) || !shallowEqual(this.state, nextState)\n );\n }\n\n componentDidUpdate(prevProps) {\n if (process.env.NODE_ENV !== 'production') {\n if (!shallowEqual(prevProps.defaultCenter, this.props.defaultCenter)) {\n console.warn(\n \"GoogleMap: defaultCenter prop changed. You can't change default props.\"\n );\n }\n\n if (!shallowEqual(prevProps.defaultZoom, this.props.defaultZoom)) {\n console.warn(\n \"GoogleMap: defaultZoom prop changed. You can't change default props.\"\n );\n }\n }\n\n if (\n !this._isCenterDefined(prevProps.center) &&\n this._isCenterDefined(this.props.center)\n ) {\n setTimeout(() => this._initMap(), 0);\n }\n\n if (this.map_) {\n const centerLatLng = this.geoService_.getCenter();\n if (this._isCenterDefined(this.props.center)) {\n const currentCenter = latLng2Obj(this.props.center);\n const prevCenter = this._isCenterDefined(prevProps.center)\n ? latLng2Obj(prevProps.center)\n : null;\n\n if (\n !prevCenter ||\n Math.abs(currentCenter.lat - prevCenter.lat) +\n Math.abs(currentCenter.lng - prevCenter.lng) >\n kEPS\n ) {\n if (\n Math.abs(currentCenter.lat - centerLatLng.lat) +\n Math.abs(currentCenter.lng - centerLatLng.lng) >\n kEPS\n ) {\n this.map_.panTo({\n lat: currentCenter.lat,\n lng: currentCenter.lng,\n });\n }\n }\n }\n\n if (!isEmpty(this.props.zoom)) {\n // if zoom chaged by user\n if (Math.abs(this.props.zoom - prevProps.zoom) > 0) {\n this.map_.setZoom(this.props.zoom);\n }\n }\n\n if (!isEmpty(prevProps.draggable) && isEmpty(this.props.draggable)) {\n // reset to default\n this.map_.setOptions({ draggable: this.defaultDraggableOption_ });\n } else if (!shallowEqual(prevProps.draggable, this.props.draggable)) {\n // also prevent this on window 'mousedown' event to prevent map move\n this.map_.setOptions({ draggable: this.props.draggable });\n }\n\n // use shallowEqual to try avoid calling map._setOptions if only the ref changes\n if (\n !isEmpty(this.props.options) &&\n !shallowEqual(prevProps.options, this.props.options)\n ) {\n const mapPlainObjects = pick(this.maps_, isPlainObject);\n let options =\n typeof this.props.options === 'function'\n ? this.props.options(mapPlainObjects)\n : this.props.options;\n // remove zoom, center and draggable options as these are managed by google-maps-react\n options = omit(options, ['zoom', 'center', 'draggable']);\n\n if ('minZoom' in options) {\n const minZoom = this._computeMinZoom(options.minZoom);\n options.minZoom = _checkMinZoom(options.minZoom, minZoom);\n }\n\n this.map_.setOptions(options);\n }\n\n if (!shallowEqual(this.props.layerTypes, prevProps.layerTypes)) {\n Object.keys(this.layers_).forEach((layerKey) => {\n this.layers_[layerKey].setMap(null);\n delete this.layers_[layerKey];\n });\n this._setLayers(this.props.layerTypes);\n }\n\n if (\n this.heatmap &&\n !shallowEqual(this.props.heatmap.positions, prevProps.heatmap.positions)\n ) {\n this.heatmap.setData(\n this.props.heatmap.positions.map((p) => ({\n location: new this.maps_.LatLng(p.lat, p.lng),\n weight: p.weight,\n }))\n );\n }\n if (\n this.heatmap &&\n !shallowEqual(this.props.heatmap.options, prevProps.heatmap.options)\n ) {\n Object.keys(this.props.heatmap.options).forEach((option) => {\n this.heatmap.set(option, this.props.heatmap.options[option]);\n });\n }\n }\n // emit actions\n this.markersDispatcher_.emit('kON_CHANGE');\n\n if (!shallowEqual(this.props.hoverDistance, prevProps.hoverDistance)) {\n this.markersDispatcher_.emit('kON_MOUSE_POSITION_CHANGE');\n }\n }\n\n componentWillUnmount() {\n this.mounted_ = false;\n const mapDom = ReactDOM.findDOMNode(this.googleMapDom_);\n if (mapDom) {\n mapDom.removeEventListener('mousedown', this._onMapMouseDownNative, true);\n }\n window.removeEventListener('resize', this._onWindowResize);\n window.removeEventListener('keydown', this._onKeyDownCapture);\n window.removeEventListener('mouseup', this._onChildMouseUp, false);\n if (this.props.resetBoundsOnResize) {\n removeResizeListener(mapDom, this._mapDomResizeCallback);\n }\n\n if (this.overlay_) {\n // this triggers overlay_.onRemove(), which will unmount the \n 
\n
\n )\n };\n\n return (\n {\n e.stopPropagation()\n }} className={'w-full h-56 bg-blue-300'}>\n \n
\n )\n};\n\nexport default MMap;\n","import icon_chevron_right from '../../assets/images/icon_chevron_right.png'\nimport MMap from \"../../components/mMap\";\n\nconst OfficeLocation = ({address, lat, lng, isSelected, onClick, locationID}) => {\n return (\n \t\n\t\t\t\t
\n\t\t\t
\n\n\t\t\t{isSelected ? {address}
\n\t\t\t\t\n\t\t\t\t
\n\t)\n}\n\nexport default DoctorProfile\n","import{useMemo as t}from\"react\";import{getOwnerDocument as o}from'../utils/owner.js';function n(...e){return t(()=>o(...e),[...e])}export{n as useOwnerDocument};\n","import G,{createContext as X,createRef as N,Fragment as H,useContext as $,useEffect as q,useMemo as v,useReducer as z,useRef as K}from\"react\";import{useDisposables as j}from'../../hooks/use-disposables.js';import{useEvent as d}from'../../hooks/use-event.js';import{useId as O}from'../../hooks/use-id.js';import{useIsoMorphicEffect as L}from'../../hooks/use-iso-morphic-effect.js';import{useOutsideClick as Y}from'../../hooks/use-outside-click.js';import{useOwnerDocument as Z}from'../../hooks/use-owner.js';import{useResolveButtonType as ee}from'../../hooks/use-resolve-button-type.js';import{useSyncRefs as h}from'../../hooks/use-sync-refs.js';import{useTextValue as te}from'../../hooks/use-text-value.js';import{useTrackedPointer as ne}from'../../hooks/use-tracked-pointer.js';import{useTreeWalker as re}from'../../hooks/use-tree-walker.js';import{OpenClosedProvider as oe,State as D,useOpenClosed as ae}from'../../internal/open-closed.js';import{isDisabledReactIssue7711 as ie}from'../../utils/bugs.js';import{calculateActiveIndex as se,Focus as y}from'../../utils/calculate-active-index.js';import{disposables as k}from'../../utils/disposables.js';import{Focus as Q,FocusableMode as ue,focusFrom as le,isFocusableElement as pe,restoreFocusIfNecessary as W,sortByDomNode as ce}from'../../utils/focus-management.js';import{match as V}from'../../utils/match.js';import{Features as J,forwardRefWithAs as F,render as _}from'../../utils/render.js';import{Keys as c}from'../keyboard.js';var me=(r=>(r[r.Open=0]=\"Open\",r[r.Closed=1]=\"Closed\",r))(me||{}),de=(r=>(r[r.Pointer=0]=\"Pointer\",r[r.Other=1]=\"Other\",r))(de||{}),fe=(a=>(a[a.OpenMenu=0]=\"OpenMenu\",a[a.CloseMenu=1]=\"CloseMenu\",a[a.GoToItem=2]=\"GoToItem\",a[a.Search=3]=\"Search\",a[a.ClearSearch=4]=\"ClearSearch\",a[a.RegisterItem=5]=\"RegisterItem\",a[a.UnregisterItem=6]=\"UnregisterItem\",a))(fe||{});function w(e,u=r=>r){let r=e.activeItemIndex!==null?e.items[e.activeItemIndex]:null,s=ce(u(e.items.slice()),t=>t.dataRef.current.domRef.current),i=r?s.indexOf(r):null;return i===-1&&(i=null),{items:s,activeItemIndex:i}}let Te={[1](e){return e.menuState===1?e:{...e,activeItemIndex:null,menuState:1}},[0](e){return e.menuState===0?e:{...e,__demoMode:!1,menuState:0}},[2]:(e,u)=>{var i;let r=w(e),s=se(u,{resolveItems:()=>r.items,resolveActiveIndex:()=>r.activeItemIndex,resolveId:t=>t.id,resolveDisabled:t=>t.dataRef.current.disabled});return{...e,...r,searchQuery:\"\",activeItemIndex:s,activationTrigger:(i=u.trigger)!=null?i:1}},[3]:(e,u)=>{let s=e.searchQuery!==\"\"?0:1,i=e.searchQuery+u.value.toLowerCase(),o=(e.activeItemIndex!==null?e.items.slice(e.activeItemIndex+s).concat(e.items.slice(0,e.activeItemIndex+s)):e.items).find(l=>{var m;return((m=l.dataRef.current.textValue)==null?void 0:m.startsWith(i))&&!l.dataRef.current.disabled}),a=o?e.items.indexOf(o):-1;return a===-1||a===e.activeItemIndex?{...e,searchQuery:i}:{...e,searchQuery:i,activeItemIndex:a,activationTrigger:1}},[4](e){return e.searchQuery===\"\"?e:{...e,searchQuery:\"\",searchActiveItemIndex:null}},[5]:(e,u)=>{let r=w(e,s=>[...s,{id:u.id,dataRef:u.dataRef}]);return{...e,...r}},[6]:(e,u)=>{let r=w(e,s=>{let i=s.findIndex(t=>t.id===u.id);return i!==-1&&s.splice(i,1),s});return{...e,...r,activationTrigger:1}}},U=X(null);U.displayName=\"MenuContext\";function C(e){let u=$(U);if(u===null){let r=new Error(`<${e} /> is missing a parent component.`);throw Error.captureStackTrace&&Error.captureStackTrace(r,C),r}return u}function ye(e,u){return V(u.type,Te,e,u)}let Ie=H;function Me(e,u){let{__demoMode:r=!1,...s}=e,i=z(ye,{__demoMode:r,menuState:r?0:1,buttonRef:N(),itemsRef:N(),items:[],searchQuery:\"\",activeItemIndex:null,activationTrigger:1}),[{menuState:t,itemsRef:o,buttonRef:a},l]=i,m=h(u);Y([a,o],(g,R)=>{var p;l({type:1}),pe(R,ue.Loose)||(g.preventDefault(),(p=a.current)==null||p.focus())},t===0);let I=d(()=>{l({type:1})}),A=v(()=>({open:t===0,close:I}),[t,I]),f={ref:m};return G.createElement(U.Provider,{value:i},G.createElement(oe,{value:V(t,{[0]:D.Open,[1]:D.Closed})},_({ourProps:f,theirProps:s,slot:A,defaultTag:Ie,name:\"Menu\"})))}let ge=\"button\";function Re(e,u){var R;let r=O(),{id:s=`headlessui-menu-button-${r}`,...i}=e,[t,o]=C(\"Menu.Button\"),a=h(t.buttonRef,u),l=j(),m=d(p=>{switch(p.key){case c.Space:case c.Enter:case c.ArrowDown:p.preventDefault(),p.stopPropagation(),o({type:0}),l.nextFrame(()=>o({type:2,focus:y.First}));break;case c.ArrowUp:p.preventDefault(),p.stopPropagation(),o({type:0}),l.nextFrame(()=>o({type:2,focus:y.Last}));break}}),I=d(p=>{switch(p.key){case c.Space:p.preventDefault();break}}),A=d(p=>{if(ie(p.currentTarget))return p.preventDefault();e.disabled||(t.menuState===0?(o({type:1}),l.nextFrame(()=>{var M;return(M=t.buttonRef.current)==null?void 0:M.focus({preventScroll:!0})})):(p.preventDefault(),o({type:0})))}),f=v(()=>({open:t.menuState===0}),[t]),g={ref:a,id:s,type:ee(e,t.buttonRef),\"aria-haspopup\":\"menu\",\"aria-controls\":(R=t.itemsRef.current)==null?void 0:R.id,\"aria-expanded\":t.menuState===0,onKeyDown:m,onKeyUp:I,onClick:A};return _({ourProps:g,theirProps:i,slot:f,defaultTag:ge,name:\"Menu.Button\"})}let Ae=\"div\",be=J.RenderStrategy|J.Static;function Ee(e,u){var M,b;let r=O(),{id:s=`headlessui-menu-items-${r}`,...i}=e,[t,o]=C(\"Menu.Items\"),a=h(t.itemsRef,u),l=Z(t.itemsRef),m=j(),I=ae(),A=(()=>I!==null?(I&D.Open)===D.Open:t.menuState===0)();q(()=>{let n=t.itemsRef.current;n&&t.menuState===0&&n!==(l==null?void 0:l.activeElement)&&n.focus({preventScroll:!0})},[t.menuState,t.itemsRef,l]),re({container:t.itemsRef.current,enabled:t.menuState===0,accept(n){return n.getAttribute(\"role\")===\"menuitem\"?NodeFilter.FILTER_REJECT:n.hasAttribute(\"role\")?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT},walk(n){n.setAttribute(\"role\",\"none\")}});let f=d(n=>{var E,x;switch(m.dispose(),n.key){case c.Space:if(t.searchQuery!==\"\")return n.preventDefault(),n.stopPropagation(),o({type:3,value:n.key});case c.Enter:if(n.preventDefault(),n.stopPropagation(),o({type:1}),t.activeItemIndex!==null){let{dataRef:S}=t.items[t.activeItemIndex];(x=(E=S.current)==null?void 0:E.domRef.current)==null||x.click()}W(t.buttonRef.current);break;case c.ArrowDown:return n.preventDefault(),n.stopPropagation(),o({type:2,focus:y.Next});case c.ArrowUp:return n.preventDefault(),n.stopPropagation(),o({type:2,focus:y.Previous});case c.Home:case c.PageUp:return n.preventDefault(),n.stopPropagation(),o({type:2,focus:y.First});case c.End:case c.PageDown:return n.preventDefault(),n.stopPropagation(),o({type:2,focus:y.Last});case c.Escape:n.preventDefault(),n.stopPropagation(),o({type:1}),k().nextFrame(()=>{var S;return(S=t.buttonRef.current)==null?void 0:S.focus({preventScroll:!0})});break;case c.Tab:n.preventDefault(),n.stopPropagation(),o({type:1}),k().nextFrame(()=>{le(t.buttonRef.current,n.shiftKey?Q.Previous:Q.Next)});break;default:n.key.length===1&&(o({type:3,value:n.key}),m.setTimeout(()=>o({type:4}),350));break}}),g=d(n=>{switch(n.key){case c.Space:n.preventDefault();break}}),R=v(()=>({open:t.menuState===0}),[t]),p={\"aria-activedescendant\":t.activeItemIndex===null||(M=t.items[t.activeItemIndex])==null?void 0:M.id,\"aria-labelledby\":(b=t.buttonRef.current)==null?void 0:b.id,id:s,onKeyDown:f,onKeyUp:g,role:\"menu\",tabIndex:0,ref:a};return _({ourProps:p,theirProps:i,slot:R,defaultTag:Ae,features:be,visible:A,name:\"Menu.Items\"})}let Se=H;function xe(e,u){let r=O(),{id:s=`headlessui-menu-item-${r}`,disabled:i=!1,...t}=e,[o,a]=C(\"Menu.Item\"),l=o.activeItemIndex!==null?o.items[o.activeItemIndex].id===s:!1,m=K(null),I=h(u,m);L(()=>{if(o.__demoMode||o.menuState!==0||!l||o.activationTrigger===0)return;let T=k();return T.requestAnimationFrame(()=>{var P,B;(B=(P=m.current)==null?void 0:P.scrollIntoView)==null||B.call(P,{block:\"nearest\"})}),T.dispose},[o.__demoMode,m,l,o.menuState,o.activationTrigger,o.activeItemIndex]);let A=te(m),f=K({disabled:i,domRef:m,get textValue(){return A()}});L(()=>{f.current.disabled=i},[f,i]),L(()=>(a({type:5,id:s,dataRef:f}),()=>a({type:6,id:s})),[f,s]);let g=d(()=>{a({type:1})}),R=d(T=>{if(i)return T.preventDefault();a({type:1}),W(o.buttonRef.current)}),p=d(()=>{if(i)return a({type:2,focus:y.Nothing});a({type:2,focus:y.Specific,id:s})}),M=ne(),b=d(T=>M.update(T)),n=d(T=>{M.wasMoved(T)&&(i||l||a({type:2,focus:y.Specific,id:s,trigger:0}))}),E=d(T=>{M.wasMoved(T)&&(i||l&&a({type:2,focus:y.Nothing}))}),x=v(()=>({active:l,disabled:i,close:g}),[l,i,g]);return _({ourProps:{id:s,ref:I,role:\"menuitem\",tabIndex:i===!0?void 0:-1,\"aria-disabled\":i===!0?!0:void 0,disabled:void 0,onClick:R,onFocus:p,onPointerEnter:b,onMouseEnter:b,onPointerMove:n,onMouseMove:n,onPointerLeave:E,onMouseLeave:E},theirProps:t,slot:x,defaultTag:Se,name:\"Menu.Item\"})}let Pe=F(Me),ve=F(Re),he=F(Ee),De=F(xe),qe=Object.assign(Pe,{Button:ve,Items:he,Item:De});export{qe as Menu};\n","import{useEffect as m,useRef as E}from\"react\";import{getOwnerDocument as T}from'../utils/owner.js';import{useIsoMorphicEffect as N}from'./use-iso-morphic-effect.js';function F({container:e,accept:t,walk:r,enabled:c=!0}){let o=E(t),l=E(r);m(()=>{o.current=t,l.current=r},[t,r]),N(()=>{if(!e||!c)return;let n=T(e);if(!n)return;let f=o.current,p=l.current,d=Object.assign(i=>f(i),{acceptNode:f}),u=n.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,d,!1);for(;u.nextNode();)p(u.currentNode)},[e,c,o,l])}export{F as useTreeWalker};\n","import React, {useContext} from 'react'\nimport icon_logo from '../../assets/images/iClinicReach_logo_inverted.png'\nimport {Menu, Transition} from \"@headlessui/react\";\nimport {Fragment} from 'react'\nimport {Language} from \"../../utils/constant/enum\";\nimport {UserContext} from \"../../common/userContext\";\nimport {SettingsContext} from \"../../common/settingsContext\";\nimport {getLanguagePackage} from \"../../utils/tool/languageHelper\";\n\nconst Languages = [\n\t{title: 'English', type: Language.english, value: 'ENG'},\n\t{title: 'Español', type: Language.spanish, value: 'ESP'},\n\t{title: '中文', type: Language.chinese, value: '中文'},\n]\n\nconst NavBar = ({selectedLanguageType, onSelectLanguageType, onLogin, onSignOut}) => {\n\n\tconst {languageType} = useContext(SettingsContext)\n\tconst languagePackage = getLanguagePackage(languageType)\n\tconst user = useContext(UserContext)\n\n\tconst selectedLanguage = Languages.find((lan) => lan.type === selectedLanguageType) || Languages[0]\n\n\tconst onRefresh = () => {\n\t\twindow.location.reload()\n\t}\n\n\tconst $menuItem = (lan) => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t{doctorName}
\n\t\t\t\t\t\t{specialty?.replace(/,/g,', ')}
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{formatSupportLanguageList.map((item,idx) => {\n\t\t\t\t\t\t\t\treturn
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t{item}
\n\t\t\t\t\t\t\t\t{languagePackage.about} {doctorName}
\n\t\t\t\t{doctorProfile.profile}
\n\n\t\t\t\t{languagePackage.locationAndContact}
\n\t\t\t\t\n\t\t\t\t\t{doctorProfile.officeLocations.map((location, idx) => {\n\t\t\t\t\t\tconst {address, city, latitude, longitude, olid} = location\n\t\t\t\t\t\tconst isSelected = selectedLocationID === olid\n\t\t\t\t\t\tconst addr = `${address}, ${city}`\n\t\t\t\t\t\treturn
\n\t\t\t\n\t\t\t
\n\t)\n}\n\nexport default Footer\n","import {useContext, useState} from \"react\";\nimport icon_app_download_qr_code1 from \"../../assets/images/icon_down_load_qr_code1.png\";\nimport icon_app_store from \"../../assets/images/icon_app_store.png\";\nimport icon_google_play from \"../../assets/images/icon_google_play.png\";\nimport icon_app_logo from \"../../assets/images/icon_app_logo.png\";\nimport icon_app_download_qr_code2 from \"../../assets/images/icon_down_load_qr_code2.png\";\nimport {notifyPatientToRegister} from \"../service\";\nimport {GrayLog} from \"../../grayLog/grayLog\";\nimport {LogEventName} from \"../../grayLog/logKey\";\nimport {PromptContext} from \"../../common/promptContext\";\nimport {SettingsContext} from \"../../common/settingsContext\";\nimport {getLanguagePackage} from \"../../utils/tool/languageHelper\";\n\n\nconst AppPromoteView = ({registrationLink, patientToken, clinicExisting, hasAppAccount}) => {\n\n const [isRegistrationCodeSent, setIsRegistrationCodeSent] = useState(false);\n\n const {languageType} = useContext(SettingsContext)\n const languagePackage = getLanguagePackage(languageType)\n const {showSpinner, dismissSpinner} = useContext(PromptContext)\n\n const downloadIOS = () => {\n const url = 'https://itunes.apple.com/us/app/viphealth/id1265405734?mt=8';\n window.open(url)\n };\n\n const downloadAndroid = () => {\n const url = 'https://play.google.com/store/apps/details?id=com.react_viphealth';\n window.open(url)\n };\n\n const openApp = () => {\n const url = 'https://api-app-p.mdland.com/iClinicHealth/#/oa?src=1';\n window.open(url)\n }\n\n const onClickToDownloadApp = () => {\n if (isIOSPlatform()) {\n downloadIOS()\n } else if (isAndroidPlatform()) {\n downloadAndroid()\n } else {\n openApp()\n }\n };\n\n const sendRegistrationCode = () => {\n showSpinner();\n notifyPatientToRegister(patientToken, (result) => {\n dismissSpinner();\n setIsRegistrationCodeSent(true);\n GrayLog.event(LogEventName.getRegistrationCode, {successful: true});\n }, (error) => {\n dismissSpinner();\n GrayLog.event(LogEventName.getRegistrationCode, {successful: false, errMsg: error?.message});\n })\n };\n\n const onClickToSendRegistrationLink = () => {\n patientToken && sendRegistrationCode()\n };\n\n const isAndroidPlatform = () => {\n let u = navigator.userAgent;\n return u.indexOf('Android') > -1 || u.indexOf('Linux') > -1;\n };\n\n const isIOSPlatform = () => {\n return !!navigator.userAgent.match(/\\(i[^;]+;( U;)? CPU.+Mac OS X/);\n };\n\n // const is_weiXinPlatform = () => {\n // \tlet ua = navigator.userAgent.toLowerCase();\n // \treturn !!ua.match(/MicroMessenger/i);\n // };\n\n const isPCPlatform = () => {\n let userAgentInfo = navigator.userAgent;\n let Agents = [\"Android\", \"iPhone\",\n \"SymbianOS\", \"Windows Phone\",\n \"iPad\", \"iPod\"];\n let flag = true;\n for (let v = 0; v < Agents.length; v++) {\n if (userAgentInfo.indexOf(Agents[v]) > 0) {\n flag = false;\n break;\n }\n }\n return flag;\n };\n\n // const isMobilePlatform = () => {\n // \tconst ua = navigator.userAgent.toLowerCase();\n // \tconst testUa = regexp => regexp.test(ua);\n // \t// 系统\n // \tlet system = \"unknow\";\n // \tif (testUa(/windows|win32|win64|wow32|wow64/g)) {\n // \t\tsystem = \"windows\"; // windows系统\n // \t} else if (testUa(/macintosh|macintel/g)) {\n // \t\tsystem = \"macos\"; // macos系统\n // \t} else if (testUa(/x11/g)) {\n // \t\tsystem = \"linux\"; // linux系统\n // \t} else if (testUa(/android|adr/g)) {\n // \t\tsystem = \"android\"; // android系统\n // \t} else if (testUa(/ios|iphone|ipad|ipod|iwatch/g)) {\n // \t\tsystem = \"ios\"; // ios系统\n // \t}\n // \treturn system === \"android\" || system === \"ios\" || testUa(/mobile/g);\n // }\n\n const renderForDesktop = () => {\n return clinicExisting ? renderDesktopForClinicPatient() : renderDesktopForNonClinicPatient();\n };\n\n const renderDesktopForNonClinicPatient = () => {\n return (\n \n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\tCopyright @2021 All rights reserved MDLand International Corp.
\n\t\t\t\t{languagePackage.contact}\n\t\t\t\n
\n )\n }\n\n const renderDesktopForClinicPatient = () => {\n if (hasAppAccount) {\n return (\n {languagePackage.scanQrCode}
\n{languagePackage.useAppGuide}
\n\n\n
\n\n 1. {languagePackage.scanQRCodeToDownloadApp}
\n2. {languagePackage.askClinicFor} {languagePackage.registrationCode} {languagePackage.toLinkMedicalRecords}
\n\n
\n \n 
\n
\n \n
\n \n 
\n
\n \n 
\n
\n \n
\n )\n } else if (isRegistrationCodeSent) {\n return (\n {languagePackage.nextTimeBookAppointmentWithApp}
\n\n 
\n
\n \n {languagePackage.alreadyHasAppAccount}\n
\n\n
\n )\n } else if (patientToken) {\n return (\n {languagePackage.nextTimeBookAppointmentWithApp}
\n\n \n
\n \n {languagePackage.textMessageHasSent}\n
\n\n
\n )\n } else if (registrationLink) {\n return (\n {languagePackage.downloadAppToday}
\n{languagePackage.clickHere} {languagePackage.clickHereForRegistrationLink}
\n\n\n
\n \n 
\n
\n \n
\n \n \n
\n \n \n
\n \n
\n )\n }\n return null\n }\n\n const renderForMobile = () => {\n return clinicExisting ? renderMobileForClinicPatient() : renderMobileForNonClinicPatient();\n };\n\n const renderMobileForClinicPatient = () => {\n if (hasAppAccount) {\n return (\n {languagePackage.downloadAppToday}
\n{languagePackage.clickHere} {languagePackage.clickHereForRegistration}
\n\n\n
\n \n \n
\n \n
\n \n \n
\n \n \n
\n \n \n
\n )\n } else if (isRegistrationCodeSent) {\n return (\n \n {languagePackage.loginApp} {languagePackage.loginAppForReason}\n
\n\n \n
\n )\n } else if (patientToken) {\n return (\n \n {languagePackage.textMessageHasSent}\n
\n\n \n
\n )\n } else if (registrationLink) {\n return (\n \n {languagePackage.downloadAppToday}\n
\n \n {languagePackage.clickHere} {languagePackage.clickHereForRegistrationLink}\n
\n\n \n
\n )\n }\n return null\n }\n\n const renderMobileForNonClinicPatient = () => {\n return (\n \n {languagePackage.downloadAppToday}\n
\n \n {languagePackage.clickHere} {languagePackage.clickHereForRegistration}\n
\n\n \n
\n )\n }\n\n return (\n \n {languagePackage.downloadApp} {languagePackage.downloadAppForReason}\n
\n\n {isPCPlatform() ? renderForDesktop() : renderForMobile()}\n
\n )\n}\n\nexport default AppPromoteView\n","import {formatDateTimeToAMPM, formatEnglishName} from \"../../utils/tool/tool\";\nimport moment from 'moment'\nimport {\n\tAppointmentType,\n\tgetMontShortNameList,\n\tTimeFormat,\n\tgetWeekShortNameList,\n\tLanguage\n} from \"../../utils/constant/enum\";\nimport {useContext, useEffect} from 'react'\nimport {animateScroll as scroll} from 'react-scroll'\nimport icon_default_doctor_avatar from '../../assets/images/icon_default_doctor_avatar.png'\nimport icon_info from '../../assets/images/icon_info.png'\nimport {getLanguagePackage} from \"../../utils/tool/languageHelper\";\nimport AppPromoteView from \"./appPromoteView\";\nimport {SettingsContext} from \"../../common/settingsContext\";\n\nconst AppointmentRecord = ({doctorProfile, date, dateTime, appointmentType, onClickBookNew, address, patientProfile, patientToken}) => {\n\n\tconst {languageType} = useContext(SettingsContext)\n\tconst languagePackage = getLanguagePackage(languageType)\n\n\tuseEffect(() => {\n\t\tscroll.scrollToTop();\n\t}, [])\n\n\tconst doctorName = formatEnglishName(doctorProfile.employeeLastName, doctorProfile.employeeFirstName, doctorProfile.employeeMidName, doctorProfile.employeeTitleName, doctorProfile.employeeType);\n\tconst formatAppointmentDate = (date, selectedAvailableDateTime) => {\n\t\tconst m = moment(date, TimeFormat.MMDDYYYY)\n\t\tconst week = getWeekShortNameList(languagePackage)[m.weekday()]\n\t\tconst month = getMontShortNameList(languagePackage)[m.month()]\n\n\t\tlet day =m.date()\n\t\tif (day < 10) {\n\t\t\tday = '0' + day\n\t\t}\n\t\tconst formatDateTime = formatDateTimeToAMPM(selectedAvailableDateTime)\n\t\tconst isChinese = (languageType === Language.chinese)\n\t\treturn `${week}, ${month}${isChinese ? '' : ' '}${day}, ${formatDateTime}`\n\t}\n\n\tconst appointmentDate = formatAppointmentDate(date, dateTime)\n\tconst appointmentTypeTitle = appointmentType === AppointmentType.inClinic ? address : languagePackage.virtualVisit\n\tconst doctor_avatar = (doctorProfile.photoLink && doctorProfile.photoLink.length ? doctorProfile.photoLink : icon_default_doctor_avatar)\n\n\treturn (\n\t\t\n\t\t\t\n\t\t\t}\n\n\t\t\t\n\t\t
\n\t)\n}\n\nexport default AppointmentRecord\n","import React, {useContext} from 'react'\nimport errorImage from '../../assets/images/errorImage.png'\nimport requestFailedImg from '../../assets/images/request_failed.png'\nimport {getLanguagePackage} from \"../../utils/tool/languageHelper\";\nimport {SettingsContext} from \"../../common/settingsContext\";\n\nconst ErrorPage = ({isNotFound, onClickTryAgain}) => {\n\n const {languageType} = useContext(SettingsContext)\n const languagePackage = getLanguagePackage(languageType)\n\n const renderTryAgainBtn = () => {\n if (isNotFound) {\n return null\n }\n\n return (\n {languagePackage.appointmentRequestSent}
\n\t\t\t\n\t\t\t\t\n\t\t\t\t
\n\n\t\t\t\n\t\t\t\t\t
\n\t\t\t{doctorName}
\n\t\t\t\t\t{appointmentDate}
\n\t\t\t\t\t{appointmentTypeTitle}
\n\t\t\t\t{languagePackage.weHaveSuccessfullySentRequest}
\n\n\t\t\t{appointmentType === AppointmentType.virtual ? (\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t{languagePackage.appointmentConfirm}\n\t\t\t\t
\n\t\t\t) : null}\n\n\t\t\t{\n\t\t\t\t\n
\n )\n }\n\n const renderErrorTips = () => {\n if (isNotFound) {\n return (\n {languagePackage.refresh}
\n {languagePackage.notFoundTips} digitalhealth@mdland.com
\n )\n } else {\n return (\n{languagePackage.requestFailedTips} digitalhealth@mdland.com {languagePackage.forFurtherAssistance}
\n )\n }\n }\n\n return (\n\n 
\n
\n )\n}\n\nexport default ErrorPage\n\n","import{useEffect as d}from\"react\";import{useLatestValue as s}from'./use-latest-value.js';function E(n,e,a,t){let i=s(a);d(()=>{n=n!=null?n:window;function r(o){i.current(o)}return n.addEventListener(e,r,t),()=>n.removeEventListener(e,r,t)},[n,e,t])}export{E as useEventListener};\n","import{useEffect as u,useRef as n}from\"react\";import{microTask as o}from'../utils/micro-task.js';import{useEvent as f}from'./use-event.js';function c(t){let r=f(t),e=n(!1);u(()=>(e.current=!1,()=>{e.current=!0,o(()=>{e.current&&r()})}),[r])}export{c as useOnUnmount};\n","import{useRef as t}from\"react\";import{useWindowEvent as a}from'./use-window-event.js';var s=(r=>(r[r.Forwards=0]=\"Forwards\",r[r.Backwards=1]=\"Backwards\",r))(s||{});function n(){let e=t(0);return a(\"keydown\",o=>{o.key===\"Tab\"&&(e.current=o.shiftKey?1:0)},!0),e}export{s as Direction,n as useTabDirection};\n","import{useEffect as s,useRef as f}from\"react\";import{useEvent as i}from'./use-event.js';function m(u,t){let e=f([]),r=i(u);s(()=>{let o=[...e.current];for(let[n,a]of t.entries())if(e.current[n]!==a){let l=r(t,o);return e.current=t,l}},[r,...t])}export{m as useWatch};\n","import{onDocumentReady as d}from'./document-ready.js';let t=[];d(()=>{function e(n){n.target instanceof HTMLElement&&n.target!==document.body&&t[0]!==n.target&&(t.unshift(n.target),t=t.filter(r=>r!=null&&r.isConnected),t.splice(10))}window.addEventListener(\"click\",e,{capture:!0}),window.addEventListener(\"mousedown\",e,{capture:!0}),window.addEventListener(\"focus\",e,{capture:!0}),document.body.addEventListener(\"click\",e,{capture:!0}),document.body.addEventListener(\"mousedown\",e,{capture:!0}),document.body.addEventListener(\"focus\",e,{capture:!0})});export{t as history};\n","function t(n){function e(){document.readyState!==\"loading\"&&(n(),document.removeEventListener(\"DOMContentLoaded\",e))}typeof window!=\"undefined\"&&typeof document!=\"undefined\"&&(document.addEventListener(\"DOMContentLoaded\",e),e())}export{t as onDocumentReady};\n","import E,{useRef as d}from\"react\";import{useDisposables as U}from'../../hooks/use-disposables.js';import{useEvent as v}from'../../hooks/use-event.js';import{useEventListener as x}from'../../hooks/use-event-listener.js';import{useIsMounted as g}from'../../hooks/use-is-mounted.js';import{useOnUnmount as N}from'../../hooks/use-on-unmount.js';import{useOwnerDocument as I}from'../../hooks/use-owner.js';import{useServerHandoffComplete as G}from'../../hooks/use-server-handoff-complete.js';import{useSyncRefs as K}from'../../hooks/use-sync-refs.js';import{Direction as L,useTabDirection as W}from'../../hooks/use-tab-direction.js';import{useWatch as b}from'../../hooks/use-watch.js';import{Features as A,Hidden as O}from'../../internal/hidden.js';import{history as F}from'../../utils/active-element-history.js';import{Focus as p,focusElement as f,focusIn as M,FocusResult as V}from'../../utils/focus-management.js';import{match as k}from'../../utils/match.js';import{microTask as C}from'../../utils/micro-task.js';import{forwardRefWithAs as q,render as J}from'../../utils/render.js';function P(t){if(!t)return new Set;if(typeof t==\"function\")return new Set(t());let n=new Set;for(let e of t.current)e.current instanceof HTMLElement&&n.add(e.current);return n}let X=\"div\";var _=(r=>(r[r.None=1]=\"None\",r[r.InitialFocus=2]=\"InitialFocus\",r[r.TabLock=4]=\"TabLock\",r[r.FocusLock=8]=\"FocusLock\",r[r.RestoreFocus=16]=\"RestoreFocus\",r[r.All=30]=\"All\",r))(_||{});function z(t,n){let e=d(null),o=K(e,n),{initialFocus:l,containers:c,features:r=30,...s}=t;G()||(r=1);let i=I(e);Y({ownerDocument:i},Boolean(r&16));let u=Z({ownerDocument:i,container:e,initialFocus:l},Boolean(r&2));$({ownerDocument:i,container:e,containers:c,previousActiveElement:u},Boolean(r&8));let y=W(),R=v(a=>{let m=e.current;if(!m)return;(B=>B())(()=>{k(y.current,{[L.Forwards]:()=>{M(m,p.First,{skipElements:[a.relatedTarget]})},[L.Backwards]:()=>{M(m,p.Last,{skipElements:[a.relatedTarget]})}})})}),h=U(),H=d(!1),j={ref:o,onKeyDown(a){a.key==\"Tab\"&&(H.current=!0,h.requestAnimationFrame(()=>{H.current=!1}))},onBlur(a){let m=P(c);e.current instanceof HTMLElement&&m.add(e.current);let T=a.relatedTarget;T instanceof HTMLElement&&T.dataset.headlessuiFocusGuard!==\"true\"&&(S(m,T)||(H.current?M(e.current,k(y.current,{[L.Forwards]:()=>p.Next,[L.Backwards]:()=>p.Previous})|p.WrapAround,{relativeTo:a.target}):a.target instanceof HTMLElement&&f(a.target)))}};return E.createElement(E.Fragment,null,Boolean(r&4)&&E.createElement(O,{as:\"button\",type:\"button\",\"data-headlessui-focus-guard\":!0,onFocus:R,features:A.Focusable}),J({ourProps:j,theirProps:s,defaultTag:X,name:\"FocusTrap\"}),Boolean(r&4)&&E.createElement(O,{as:\"button\",type:\"button\",\"data-headlessui-focus-guard\":!0,onFocus:R,features:A.Focusable}))}let D=q(z),de=Object.assign(D,{features:_});function Q(t=!0){let n=d(F.slice());return b(([e],[o])=>{o===!0&&e===!1&&C(()=>{n.current.splice(0)}),o===!1&&e===!0&&(n.current=F.slice())},[t,F,n]),v(()=>{var e;return(e=n.current.find(o=>o!=null&&o.isConnected))!=null?e:null})}function Y({ownerDocument:t},n){let e=Q(n);b(()=>{n||(t==null?void 0:t.activeElement)===(t==null?void 0:t.body)&&f(e())},[n]),N(()=>{n&&f(e())})}function Z({ownerDocument:t,container:n,initialFocus:e},o){let l=d(null),c=g();return b(()=>{if(!o)return;let r=n.current;r&&C(()=>{if(!c.current)return;let s=t==null?void 0:t.activeElement;if(e!=null&&e.current){if((e==null?void 0:e.current)===s){l.current=s;return}}else if(r.contains(s)){l.current=s;return}e!=null&&e.current?f(e.current):M(r,p.First)===V.Error&&console.warn(\"There are no focusable elements inside the \n
\n {renderTryAgainBtn()}\n {isNotFound ? languagePackage.notFoundTitle : languagePackage.requestFailedTitle}
\n {renderErrorTips()}\n\n \n \n \t\t\t\n \t\t\n \n \n
\n \n \n \n \n 
\n {\n\n }}\n >\n \n
\n {'Loading...'}
\n