{"version":3,"sources":["components/VideoProvider/useSelectedParticipant/useSelectedParticipant.tsx","utils/index.ts","hooks/useLocalVideoToggle/useLocalVideoToggle.tsx","components/VideoProvider/AttachVisibilityHandler/AttachVisibilityHandler.tsx","constants.ts","components/VideoProvider/useBackgroundSettings/useBackgroundSettings.ts","images/MEDWhite.jpg","images/thumb/MEDWhite.jpg","images/MEDBlue.jpg","images/thumb/MEDBlue.jpg","images/PlainGrey.jpg","images/thumb/PlainGrey.jpg","hooks/useMediaStreamTrack/useMediaStreamTrack.ts","state/settings/settingsReducer.ts","hooks/useDevices/useDevices.tsx","state/useFirebaseAuth/useFirebaseAuth.ts","state/usePasscodeAuth/usePasscodeAuth.ts","state/index.tsx","state/useActiveSinkId/useActiveSinkId.ts","components/VideoProvider/useRoom/useRoom.tsx","components/VideoProvider/index.tsx","components/VideoProvider/useLocalTracks/useLocalTracks.ts","components/VideoProvider/useScreenShareToggle/useScreenShareToggle.tsx","components/VideoProvider/useHandleRoomDisconnection/useHandleRoomDisconnection.ts","components/VideoProvider/useHandleTrackPublicationFailed/useHandleTrackPublicationFailed.ts","components/VideoProvider/useRestartAudioTrackOnDeviceChange/useRestartAudioTrackOnDeviceChange.ts","hooks/useVideoContext/useVideoContext.ts","components/Buttons/EndCallButton/EndCallButton.tsx","components/AboutDialog/AboutDialog.tsx","icons/BackgroundIcon.tsx","hooks/useIsTrackEnabled/useIsTrackEnabled.tsx","components/AudioLevelIndicator/AudioLevelIndicator.tsx","components/DeviceSelectionDialog/AudioInputList/AudioInputList.tsx","components/DeviceSelectionDialog/AudioOutputList/AudioOutputList.tsx","components/VideoTrack/VideoTrack.tsx","hooks/useVideoTrackDimensions/useVideoTrackDimensions.tsx","components/DeviceSelectionDialog/VideoInputList/VideoInputList.tsx","components/DeviceSelectionDialog/DeviceSelectionDialog.tsx","icons/InfoIconOutlined.tsx","icons/StartRecordingIcon.tsx","icons/StopRecordingIcon.tsx","icons/SettingsIcon.tsx","components/ChatProvider/index.tsx","hooks/useChatContext/useChatContext.ts","hooks/useIsRecording/useIsRecording.ts","icons/FlipCameraIcon.tsx","components/MenuBar/Menu/Menu.tsx","hooks/useFlipCameraToggle/useFlipCameraToggle.tsx","hooks/useRoomState/useRoomState.tsx","icons/MicIcon.tsx","icons/MicOffIcon.tsx","components/Buttons/ToggleAudioButton/ToggleAudioButton.tsx","hooks/useLocalAudioToggle/useLocalAudioToggle.tsx","icons/ChatIcon.tsx","components/Buttons/ToggleChatButton/ToggleChatButton.tsx","icons/VideoOffIcon.tsx","icons/VideoOnIcon.tsx","components/Buttons/ToggleVideoButton/ToggleVideoButton.tsx","icons/ScreenShareIcon.tsx","hooks/useScreenShareParticipant/useScreenShareParticipant.tsx","components/Buttons/ToogleScreenShareButton/ToggleScreenShareButton.tsx","icons/ErrorIcon.tsx","icons/WarningIcon.tsx","icons/InfoIcon.tsx","components/Snackbar/Snackbar.tsx","icons/Snapshot.tsx","components/Buttons/ToggleSnapshotButton/ToggleSnapshotButton.tsx","components/MenuBar/MenuBar.tsx","components/MobileTopMenuBar/MobileTopMenuBar.tsx","components/PreJoinScreens/PatientInformationScreen/PatientInformationScreen.tsx","icons/AvatarIcon.tsx","components/LocalAudioLevelIndicator/LocalAudioLevelIndicator.tsx","components/PreJoinScreens/DeviceSelectionScreen/LocalVideoPreview/LocalVideoPreview.tsx","components/ConnectionOptionsDialog/ConnectionOptionsDialog.tsx","components/PreJoinScreens/DeviceSelectionScreen/SettingsMenu/SettingsMenu.tsx","components/PreJoinScreens/DeviceSelectionScreen/DeviceSelectionScreen.tsx","components/PreJoinScreens/CallEndedScreen/CallEndedScreen.tsx","components/IntroContainer/MyEmergencyDrLogo.tsx","components/IntroContainer/MED-logo-rgb.png","components/IntroContainer/IntroContainer.tsx","components/PreJoinScreens/MediaErrorSnackbar/MediaErrorSnackbar.tsx","components/PreJoinScreens/RoomNameScreen/TermsAndConditionsDialog/TermsAndConditionsDialog.tsx","constants/sitecodes.ts","utils/cleanSitecodeString.ts","constants/regex.ts","constants/categories.ts","components/PreJoinScreens/RoomNameScreen/RoomNameScreen.tsx","components/OverlayLoading/OverlayLoading.tsx","components/PreJoinScreens/PreJoinScreens.tsx","components/OverlayLoading/index.tsx","utils/checkSpecialSitecodes.ts","components/PreJoinScreens/CallCanceledScreen/CallCanceledScreen.tsx","components/RecordingNotifications/RecordingNotifications.tsx","components/ReconnectingNotification/ReconnectingNotification.tsx","icons/CloseIcon.tsx","components/ChatWindow/ChatWindowHeader/ChatWindowHeader.tsx","icons/FileAttachmentIcon.tsx","icons/SendMessageIcon.tsx","components/ChatWindow/ChatInput/ChatInput.tsx","components/ChatWindow/MessageList/MessageInfo/MessageInfo.tsx","components/ChatWindow/MessageList/MessageListScrollContainer/MessageListScrollContainer.tsx","components/ChatWindow/MessageList/TextMessage/TextMessage.tsx","icons/FileDownloadIcon.tsx","components/ChatWindow/MessageList/MediaMessage/MediaMessage.tsx","components/ChatWindow/MessageList/MessageList.tsx","components/ChatWindow/ChatWindow.tsx","components/NetworkQualityLevel/NetworkQualityLevel.tsx","hooks/useParticipantNetworkQualityLevel/useParticipantNetworkQualityLevel.tsx","components/ParticipantInfo/PinIcon/PinIcon.tsx","hooks/useIsTrackSwitchedOff/useIsTrackSwitchedOff.tsx","hooks/usePublications/usePublications.tsx","hooks/useTrack/useTrack.tsx","hooks/useParticipantIsReconnecting/useParticipantIsReconnecting.ts","components/ParticipantInfo/ParticipantInfo.tsx","components/AudioTrack/AudioTrack.tsx","components/Publication/Publication.tsx","components/ParticipantTracks/ParticipantTracks.tsx","components/Participant/Participant.tsx","hooks/useDominantSpeaker/useDominantSpeaker.tsx","hooks/useParticipants/useParticipants.tsx","hooks/useMainParticipant/useMainParticipant.tsx","components/ParticipantList/ParticipantList.tsx","components/MainParticipantInfo/MainParticipantInfo.tsx","components/MainParticipant/MainParticipant.tsx","components/BackgroundSelectionDialog/BackgroundSelectionHeader/BackgroundSelectionHeader.tsx","components/BackgroundSelectionDialog/BackgroundThumbnail/BackgroundThumbnail.tsx","components/BackgroundSelectionDialog/BackgroundSelectionDialog.tsx","components/Room/Room.tsx","images/Maintenance.jpg","images/Disaster.jpg","components/MaintenancePage/MaintenancePage.tsx","appConfig.ts","App.tsx","hooks/useHeight/useHeight.ts","components/ErrorDialog/ErrorDialog.tsx","components/ErrorDialog/enhanceMessage.ts","components/LoginPage/google-logo.svg","components/LoginPage/LoginPage.tsx","components/PrivateRoute/PrivateRoute.tsx","theme.ts","utils/useConnectionOptions/useConnectionOptions.ts","components/UnsupportedBrowserWarning/UnsupportedBrowserWarning.tsx","index.tsx"],"names":["selectedParticipantContext","createContext","useSelectedParticipant","useContext","SelectedParticipantProvider","room","children","useState","selectedParticipant","_setSelectedParticipant","useEffect","onDisconnect","handleParticipantDisconnected","participant","prevParticipant","on","off","Provider","value","isMobile","navigator","userAgent","test","removeUndefineds","obj","isPlainObject","target","key","val","getDeviceInfo","mediaDevices","enumerateDevices","devices","audioInputDevices","filter","device","kind","videoInputDevices","audioOutputDevices","hasAudioInputDevices","some","hasVideoInputDevices","isPermissionDenied","name","permissions","query","result","state","isIOS","includes","platform","document","useLocalVideoToggle","useVideoContext","localTracks","getLocalVideoTrack","removeLocalVideoTrack","onError","localParticipant","videoTrack","find","track","isPublishing","setIspublishing","toggleVideoEnabled","useCallback","localTrackPublication","unpublishTrack","emit","then","publishTrack","priority","catch","finally","AttachVisibilityHandler","isVideoEnabled","shouldRepublishVideoOnForeground","useRef","handleVisibilityChange","visibilityState","current","addEventListener","removeEventListener","blurProcessor","virtualBackgroundProcessor","DEFAULT_VIDEO_CONSTRAINTS","width","height","frameRate","SELECTED_AUDIO_INPUT_KEY","SELECTED_AUDIO_OUTPUT_KEY","SELECTED_VIDEO_INPUT_KEY","SELECTED_BACKGROUND_SETTINGS_KEY","VIDEOBASEURL","USER_DEFAULT_ROOM_KEY","TASK_ID","AWSConfig","s3Bucket","testDir","uatDir","prodDir","region","AZURE_APP_CONFIG_CONNECTION_STRING","process","AZURE_CONNECT_ID","AZURE_CONNECT_SECRET","images","MEDWhiteThumb","MEDBlueThumb","rawImagePaths","MEDWhite","MEDBlue","PlainGrey","imageElements","Map","getImage","index","Promise","resolve","reject","has","get","img","Image","onload","set","onerror","src","backgroundConfig","imageNames","virtualBackgroundAssets","setDefaultBackground","localStorageSettings","window","localStorage","getItem","searchStr","sessionStorage","defaultBackground","type","isAgentCall","URLSearchParams","JSON","parse","useMediaStreamTrack","mediaStreamTrack","setMediaStreamTrack","handleStarted","initialSettings","trackSwitchOffMode","undefined","dominantSpeakerPriority","bandwidthProfileMode","maxAudioBitrate","contentPreferencesMode","clientTrackSwitchOffControl","inputLabels","setting","settingsReducer","action","useDevices","deviceInfo","setDeviceInfo","getDevices","REACT_APP_FIREBASE_API_KEY","REACT_APP_FIREBASE_AUTH_DOMAIN","REACT_APP_FIREBASE_DATABASE_URL","REACT_APP_FIREBASE_STORAGE_BUCKET","REACT_APP_FIREBASE_MESSAGING_SENDER_ID","uri","location","href","match","endpoint","fetchToken","passcode","create_room","create_conversation","REACT_APP_DISABLE_TWILIO_CONVERSATIONS","console","log","user_identity","room_name","verify_passcode","fetch","method","headers","body","stringify","verifyPasscode","res","json","jsonResponse","status","isValid","error","message","ok","token","getErrorMessage","usePasscodeAuth","history","useHistory","user","setUser","isAuthReady","setIsAuthReady","getToken","errorMessage","statusText","Error","updateRecordingRules","room_sid","rules","code","search","getPasscode","setItem","slice","trim","verification","replace","pathname","removeItem","signIn","signOut","StateContext","AppStateProvider","props","setError","isFetching","setIsFetching","activeSinkId","_setActiveSinkId","setActiveSinkId","sinkId","selectedSinkId","deviceId","useActiveSinkId","useReducer","settings","dispatchSetting","roomType","setRoomType","taskSid","setTaskSid","contextValue","room_type","err","useAppState","context","TwilioVideo","Video","VideoContext","VideoProvider","options","onErrorCallback","audioTrack","setAudioTrack","setVideoTrack","mediaTrack","isAcquiringLocalTracks","setIsAcquiringLocalTracks","getLocalAudioTrack","exact","createLocalAudioTrack","newTrack","selectedVideoDeviceId","hasSelectedVideoDevice","Date","now","createLocalVideoTrack","removeLocalAudioTrack","stop","getAudioAndVideoTracks","selectedAudioDeviceId","hasSelectedAudioDevice","isCameraPermissionDenied","isMicrophonePermissionDenied","shouldAcquireAudio","localTrackConstraints","video","audio","createLocalTracks","tracks","newVideoTrack","newAudioTrack","getSettings","useLocalTracks","setRoom","isConnecting","setIsConnecting","optionsRef","connect","newRoom","Sentry","category","level","Info","data","VideoRoomMonitor","registerVideoRoom","disconnect","self","top","parent","postMessage","getTaskSid","setMaxListeners","once","setTimeout","endCall","twilioRoom","videoTracks","forEach","publication","setPriority","e","useRoom","isSharing","setIsSharing","stopScreenShareRef","shareScreen","getDisplayMedia","stream","getTracks","trackPublication","onended","toggleScreenShare","useScreenShareToggle","isSharingScreen","snapImage","setSnapImage","snapSending","setSnapSending","isStatic","setIsStatic","onDisconnected","_","useHandleRoomDisconnection","useHandleTrackPublicationFailed","handleDeviceChange","readyState","restart","useRestartAudioTrackOnDeviceChange","isBackgroundSelectionOpen","setIsBackgroundSelectionOpen","backgroundSettings","setBackgroundSettings","removeProcessor","processor","addProcessor","isSupported","handleProcessorChange","GaussianBlurBackgroundProcessor","assetsPath","loadModel","VirtualBackgroundProcessor","ImageFit","Cover","backgroundImage","fitType","useBackgroundSettings","useStyles","makeStyles","theme","createStyles","button","background","brand","color","typography","padding","spacing","display","flexDirection","justifyContent","alignItems","btnGroup","btn","backgroundColor","borderRadius","gray","EndCallButton","classes","handleEndCall","React","anchorEl","setAnchorEl","agentCall","setAgentCall","searchParams","agentName","agentRoom","open","Boolean","id","innerHeight","positionLeft","innerWidth","positionTop","Button","onClick","event","currentTarget","className","clsx","Popover","anchorPosition","left","anchorReference","Typography","AboutDialog","onClose","Dialog","fullWidth","maxWidth","DialogTitle","Divider","DialogContent","DialogContentText","String","version","appVersion","REACT_APP_GIT_TAG","REACT_APP_GIT_COMMIT","DialogActions","variant","autoFocus","BackgroundIcon","viewBox","fill","xmlns","fillRule","clipRule","d","useIsTrackEnabled","isEnabled","setIsEnabled","setEnabled","setDisabled","audioContext","clipId","getUniqueClipId","AudioContext","webkitAudioContext","initializeAnalyser","audioSource","createMediaStreamSource","analyser","createAnalyser","smoothingTimeConstant","fftSize","AudioLevelIndicator","SVGRectRef","setAnalyser","isTrackEnabled","newMediaStream","MediaStream","clone","stopAllMediaStreamTracks","reinitializeAnalyser","SVGClipElement","sampleArray","Uint8Array","frequencyBinCount","timer","interval","getByteFrequencyData","values","length","i","volume","Math","min","max","log10","setAttribute","clipPathId","ref","x","y","transform","clipPath","rx","ry","strokeWidth","memo","AudioInputList","localAudioTrack","localAudioInputDeviceId","gutterBottom","Grid","container","FormControl","Select","onChange","newDeviceId","map","MenuItem","label","AudioOutputList","activeOutputLabel","styled","VideoTrack","isLocal","dimensions","setDimensions","handleDimensionsChanged","useVideoTrackDimensions","isPortrait","el","muted","attach","detach","srcObject","isFrontFacing","facingMode","style","objectFit","preview","maxHeight","margin","VideoInputList","localVideoTrack","storedLocalVideoDeviceId","setStoredLocalVideoDeviceId","localVideoInputDeviceId","minHeight","breakpoints","down","float","paper","headline","marginBottom","fontSize","listSection","DeviceSelectionDialog","InfoIconOutlined","StartRecordingIcon","StopRecordingIcon","SettingsIcon","ChatContext","ChatProvider","isChatWindowOpenRef","isChatWindowOpen","setIsChatWindowOpen","conversation","setConversation","messages","setMessages","hasUnreadMessages","setHasUnreadMessages","chatClient","setChatClient","Client","create","client","handleMessageAdded","oldMessages","getMessages","newMessages","items","getConversationByUniqueName","sid","newConversation","chatConversation","useChatContext","useIsRecording","isRecording","setIsRecording","handleRecordingStarted","handleRecordingStopped","FlipCameraIcon","IconContainer","marginRight","Menu","useMediaQuery","aboutOpen","setAboutOpen","menuOpen","setMenuOpen","settingsOpen","setSettingsOpen","setIsAgentCall","anchorRef","supportsFacingMode","setSupportsFacingMode","toggleFacingMode","newFacingMode","flipCameraDisabled","flipCameraSupported","useFlipCameraToggle","isOpen","buttonClassName","anchorOrigin","vertical","horizontal","transformOrigin","disabled","all","toggleMonitor","useRoomState","setState","setRoomState","MicIcon","MicOffIcon","ToggleAudioButton","disable","enable","useLocalAudioToggle","isAudioEnabled","toggleAudioEnabled","hasAudioTrack","startIcon","ChatIcon","ANIMATION_DURATION","iconContainer","position","circle","opacity","transition","ring","border","animateRing","animation","animationIterationCount","ToggleChatButton","shouldAnimate","setShouldAnimate","handleNewMessage","VideoOffIcon","VideoOnIcon","ToggleVideoButton","lastClickTimeRef","toggleVideo","ScreenShareIcon","useScreenShareParticipant","screenShareParticipant","setScreenShareParticipant","updateScreenShareParticipant","Array","from","participants","concat","trackName","SCREEN_SHARE_TEXT","SHARE_IN_PROGRESS_TEXT","SHARE_NOT_SUPPORTED_TEXT","ToggleScreenShareButton","disableScreenShareButton","isScreenShareSupported","isDisabled","tooltipMessage","Tooltip","title","placement","PopperProps","disablePortal","cursor","ErrorIcon","stroke","WarningIcon","InfoIcon","boxShadow","contentContainer","lineHeight","fontWeight","borderLeft","warning","info","Snackbar","handleClose","reason","autoHideDuration","component","IconButton","size","ScreenShot","SNAPSHOT_TEXT","ToggleSnapshotButton","activeSnack","setActiveSnack","handleScreenshot","blob","Blob","reader","FileReader","captureDevice","ImageCapture","takePhoto","readAsDataURL","onloadend","base64","createElement","canvas","getContext","mode","getUserMedia","firstLoad","videoWidth","videoHeight","controls","autoplay","play","drawImage","toBlob","blobObj","pause","removeAttribute","load","CircularProgress","palette","default","bottom","right","footerHeight","zIndex","screenShareBanner","hideMobile","MenuBar","isReconnecting","justify","Hidden","smDown","flex","item","paddingLeft","mobileTopBarHeight","endCallButton","settingsButton","minWidth","MobileTopMenuBar","inputContainer","textFieldContainer","continueButton","RoomNameScreen","lastName","phonenumber","contactName","contactLastName","contactPhonenumber","setName","setLastName","setPhoneNumber","handleSubmit","oldName","setOldName","oldLastName","setOldLastName","oldPhone","setOldPhone","onSubmit","FormControlLabel","control","Checkbox","autoCapitalize","checked","InputLabel","shrink","htmlFor","TextField","AvatarIcon","cx","cy","r","strokeLinejoin","LocalAudioLevelIndicator","overflow","paddingTop","innerContainer","identityContainer","identity","avatarContainer","LocalVideoPreview","formControl","withDefault","ConnectionOptionsDialog","handleChange","handleNumberChange","xs","hidden","sm","placeholder","SettingsMenu","mobileButtonClass","deviceSettingsOpen","setDeviceSettingsOpen","connectionSettingsOpen","setConnectionSettingsOpen","getContentAnchorEl","marginTop","deviceButton","localPreviewContainer","paddingRight","joinButtons","mobileButtonBar","mobileButton","input","noBorder","DeviceSelectionScreen","roomName","email","setStep","patientName","patientLastName","patientPhoneNumber","siteCode","chatConnect","videoConnect","joinScreenSiteCode","setjoinScreenSiteCode","showSiteCodeField","setShowSiteCodeField","siteCodeError","setSiteCodeError","hasSiteFieldHospital","disableButtons","isStaticParam","direction","md","mdUp","InputProps","autoComplete","notchedOutline","step","isEndSession","Steps","callEnded","callCanceled","handleCancel","roomNameStep","isValidate","validateSiteCodeField","isTaskCreated","isEscalate","isAssignToAgent","linkExpireCode","callSid","outCallSid","workflowSid","environment","triageCat","phoneNumber","agentSID","escalate","response","newTaskId","TaskId","googleButton","textTransform","passcodeContainer","submitButton","fileButtonLoadingSpinner","marginLeft","rejoinButton","CallEndedScreen","deviceSelectionStep","medlogo","MyEmergencyDrLogo","role","swooshContainer","backgroundSize","backgroundPositionY","logoContainer","textAlign","logo","twilioLogo","myemergencydrLogo","content","IntroContainer","alt","MediaErrorSnackbar","isSnackbarDismissed","setIsSnackbarDismissed","isSnackbarOpen","hasAudio","hasVideo","getSnackbarContent","TermsAndConditionsDialog","onResult","onCloseClick","acceptTermsAndConditions","ASPEN_SITECODES","ASPEN_SITECODE","SPECIAL_SITECODES","INVALID_CHARACTERS","cleanSitecodeString","sitecode","invalidCharacters","pattern","RegExp","join","postCodeRegex","CATEGORIES_LIST","flexContainer","textFieldContainerHalf","disableSitecode","termsAndConditions","setCategory","setSiteCode","setTermsAndConditions","showRoomName","setShowRoomName","canSubmit","setCanSubmit","showConfirmDialog","setShowConfirmDialog","phoneError","setPhoneError","validate","hasUsername","displayName","task","timeout","url","siteCodeValue","URL","clearTimeout","labelId","categoryItem","rel","cleanedSitecode","SiteCodeValidStatus","loadingContainer","OverlayLoading","loading","checkSpecialSitecode","text","Snackbars","DEFAULT_POSTCODE","PreJoinScreens","URLRoomName","useParams","setPatientName","setPatientLastName","setPatientPhoneNumber","setRoomName","setLoading","setDisableSitecode","notStarted","sitecodeValidStatus","setSitecodeValidStatus","v2vCall","setV2vCall","setEmail","bypassForm","setBypassForm","haveTask","setHaveTask","executionFlag","setExecutionFlag","mediaError","setMediaError","handlePatientSubmit","preventDefault","rn","theTime","getTime","toString","uniqueCode","substr","updateBrowserState","newRoomName","origin","replaceState","encodeURI","checkSiteCode","found","dtheTime","duniqueCode","checkedAndPassed","checkedAndFailed","generateRoomName","phone","lastname","patientDetails","isName","decodeURIComponent","isSitecode","isLastName","isPostcode","isPhone","cleanedPostcode","isSpecial","dir","isLastname","ReconnectingNotification","roomState","RecordingNotifications","none","activeSnackbar","setActiveSnackbar","prevIsRecording","recordingInProgress","recordingStarted","recordingFinished","CloseIcon","borderBottom","closeChatWindow","ChatWindowHeader","FileAttachmentIcon","chatInputContainer","borderTop","textArea","resize","fontFamily","outline","buttonContainer","fileButtonContainer","textAreaContainer","isTextareaFocused","borderColor","primary","main","s3","AWS","S3","accessKeyId","ACCESS_KEY_ID","secretAccessKey","SECRET_ACCESS_KEY","ALLOWED_FILE_TYPES","ChatInput","messageBody","setMessageBody","isSendingFile","setIsSendingFile","fileSendError","setFileSendError","isValidMessage","textInputRef","fileInputRef","setIsTextareaFocused","handleSendFile","file","files","formData","FormData","append","sendMessage","extension","filename","split","date","toISOString","finalFile","dirName","params","Body","Bucket","Key","upload","arr","mime","bstr","atob","n","u8arr","charCodeAt","File","focus","handleSendMessage","TextareaAutosize","minRows","maxRows","onKeyPress","shiftKey","onFocus","onBlur","wrap","accept","click","messageInfoContainer","MessageInfo","author","dateCreated","isLocalParticipant","styles","outerContainer","innerScrollContainer","overflowY","messageListContainer","paddingBottom","visibility","showButton","MessageListScrollContainer","chatThreadRef","createRef","isScrolledToBottom","messageNotificationCount","handleScroll","throttle","innerScrollContainerEl","abs","clientHeight","scrollTop","scrollHeight","prevState","handleClick","scrollTo","behavior","this","scrollToBottom","prevProps","hasNewMessages","numberOfNewMessages","previousState","Component","withStyles","messageContainer","wordBreak","hyphens","whiteSpace","addLinks","matches","linkify","results","lastIndex","push","Link","TextMessage","FileDownloadIcon","mediaInfo","textOverflow","formatFileSize","bytes","suffixIndex","toFixed","FileMessage","media","getContentTemporaryUrl","getFormattedTime","toLocaleTimeString","hour","minute","toLowerCase","MessageList","idx","time","shouldDisplayMessageInfo","Fragment","chatWindowContainer","hide","ChatWindow","borderRight","STEP","BARS_ARRAY","NetworkQualityLevel","networkQualityLevel","setNetworkQualityLevel","handleNewtorkQualityLevelChange","newNetworkQualityLevel","useParticipantNetworkQualityLevel","PinIcon","SvgIcon","boxSizing","useIsTrackSwitchedOff","isSwitchedOff","setIsSwitchedOff","handleSwitchedOff","handleSwitchedOn","usePublications","publications","setPublications","publicationAdded","prevPublications","publicationRemoved","p","useTrack","setTrack","removeTrack","useParticipantIsReconnecting","setIsReconnecting","handleReconnecting","handleReconnected","participantBorderWidth","sidebarMobileHeight","infoContainer","reconnectingContainer","screenShareIconContainer","infoRowBottom","typeography","hideParticipant","cursorPointer","ParticipantInfo","isSelected","audioPublication","videoPublication","isScreenShareEnabled","isVideoSwitchedOff","isParticipantReconnecting","AudioTrack","audioEl","appendChild","remove","setSinkId","Publication","videoOnly","videoPriority","ParticipantTracks","filteredPublications","enableScreenShare","Participant","useDominantSpeaker","dominantSpeaker","setDominantSpeaker","handleDominantSpeakerChanged","newDominantSpeaker","prevDominantSpeaker","useParticipants","setParticipants","prevParticipants","participantConnected","participantDisconnected","useMainParticipant","gridArea","overflowX","transparentBackground","scrollContainer","sidebarWidth","sidebarMobilePadding","innerScrollContainerNotAgent","ParticipantList","setSelectedParticipant","mainParticipant","isRemoteParticipantScreenSharing","recordingIndicator","MainParticipantInfo","screenSharePublication","MainParticipant","closeBackgroundSelection","BackgroundSelectionHeader","thumbContainer","thumbIconContainer","grey","thumbIcon","thumbImage","thumbOverlay","BackgroundThumbnail","thumbnail","imagePath","thumbnailSelected","ThumbnailIcon","NoneIcon","blur","BlurIcon","image","selected","drawer","rightDrawerWidth","thumbnailContainer","flexWrap","BackgroundSelectionDialog","Drawer","anchor","transitionDuration","totalMobileSidebarHeight","gridTemplateColumns","gridTemplateRows","rightDrawerOpen","Room","backgroundRepeat","backgroundPosition","MaintenancePage","flag","MaintenanceImg","DisasterImg","connectionString","configClient","AppConfigurationClient","getFeatureFlag","maintenanceEnabled","disasterEnabled","getConfigurationSetting","maintenanceFlag","disasterFlag","tags","setConfigurationSetting","enabled","Container","Main","mobileFooterHeight","App","maintenanceModeEnabled","setMaintenanceModeEnabled","visualViewport","scale","setHeight","onResize","useHeight","featureFlagValue","fetchFeatureFlag","checkTabActive","windowOnBlur","windowOnFocus","ErrorDialog","dismissError","enhancedMessage","enhanceMessage","LoginPage","useLocation","isAuthEnabled","login","PrivateRoute","rest","renderChildren","render","to","defaultTheme","createTheme","overrides","MuiCssBaseline","MuiButton","root","transitions","duration","short","contained","outlinedPrimary","MuiTypography","body1","MuiInputBase","MuiSelect","MuiDialogActions","MuiTextField","MuiInputLabel","MuiOutlinedInput","useConnectionOptions","connectionOptions","bandwidthProfile","networkQuality","local","remote","Number","preferredVideoCodecs","codec","simulcast","REACT_APP_TWILIO_ENVIRONMENT","maxSubscriptionBitrate","wsServer","heading","UnsupportedBrowserWarning","Paper","dsn","integrations","BrowserTracing","tracesSampleRate","attachStacktrace","VideoApp","ReactDOM","CssBaseline","basename","path","getElementById"],"mappings":"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","file":"static/js/main.a4663946.chunk.js","sourcesContent":["import React, { createContext, useContext, useState, useEffect } from 'react';\nimport { Participant, Room } from 'twilio-video';\n\ntype selectedParticipantContextType = [Participant | null, (participant: Participant) => void];\n\nexport const selectedParticipantContext = createContext<selectedParticipantContextType>(null!);\n\nexport default function useSelectedParticipant() {\n  const [selectedParticipant, setSelectedParticipant] = useContext(selectedParticipantContext);\n  return [selectedParticipant, setSelectedParticipant] as const;\n}\n\ntype SelectedParticipantProviderProps = {\n  room: Room | null;\n  children: React.ReactNode;\n};\n\nexport function SelectedParticipantProvider({ room, children }: SelectedParticipantProviderProps) {\n  const [selectedParticipant, _setSelectedParticipant] = useState<Participant | null>(null);\n  const setSelectedParticipant = (participant: Participant) =>\n    _setSelectedParticipant(prevParticipant => (prevParticipant === participant ? null : participant));\n\n  useEffect(() => {\n    if (room) {\n      const onDisconnect = () => _setSelectedParticipant(null);\n      const handleParticipantDisconnected = (participant: Participant) =>\n        _setSelectedParticipant(prevParticipant => (prevParticipant === participant ? null : prevParticipant));\n\n      room.on('disconnected', onDisconnect);\n      room.on('participantDisconnected', handleParticipantDisconnected);\n      return () => {\n        room.off('disconnected', onDisconnect);\n        room.off('participantDisconnected', handleParticipantDisconnected);\n      };\n    }\n  }, [room]);\n\n  return (\n    <selectedParticipantContext.Provider value={[selectedParticipant, setSelectedParticipant]}>\n      {children}\n    </selectedParticipantContext.Provider>\n  );\n}\n","import { isPlainObject } from 'is-plain-object';\n\nexport const isMobile = (() => {\n  if (typeof navigator === 'undefined' || typeof navigator.userAgent !== 'string') {\n    return false;\n  }\n  return /Mobile/.test(navigator.userAgent);\n})();\n\n// Recursively removes any object keys with a value of undefined\nexport function removeUndefineds<T>(obj: T): T {\n  if (!isPlainObject(obj)) return obj;\n\n  const target: { [name: string]: any } = {};\n\n  for (const key in obj) {\n    const val = obj[key];\n    if (typeof val !== 'undefined') {\n      target[key] = removeUndefineds(val);\n    }\n  }\n\n  return target as T;\n}\n\nexport async function getDeviceInfo() {\n  const devices = await navigator.mediaDevices.enumerateDevices();\n\n  return {\n    audioInputDevices: devices.filter(device => device.kind === 'audioinput'),\n    videoInputDevices: devices.filter(device => device.kind === 'videoinput'),\n    audioOutputDevices: devices.filter(device => device.kind === 'audiooutput'),\n    hasAudioInputDevices: devices.some(device => device.kind === 'audioinput'),\n    hasVideoInputDevices: devices.some(device => device.kind === 'videoinput'),\n  };\n}\n\n// This function will return 'true' when the specified permission has been denied by the user.\n// If the API doesn't exist, or the query function returns an error, 'false' will be returned.\nexport async function isPermissionDenied(name: PermissionName) {\n  if (navigator.permissions) {\n    try {\n      const result = await navigator.permissions.query({ name });\n      return result.state === 'denied';\n    } catch {\n      return false;\n    }\n  } else {\n    return false;\n  }\n}\n\nexport const isIOS = (() => {\n  return (\n    ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.platform) ||\n    // iPad on iOS 13 detection\n    (navigator.userAgent.includes('Mac') && 'ontouchend' in document)\n  );\n})();\n","import { LocalVideoTrack } from 'twilio-video';\nimport { useCallback, useState } from 'react';\nimport useVideoContext from '../useVideoContext/useVideoContext';\n\nexport default function useLocalVideoToggle() {\n  const { room, localTracks, getLocalVideoTrack, removeLocalVideoTrack, onError } = useVideoContext();\n  const localParticipant = room?.localParticipant;\n  const videoTrack = localTracks.find(\n    track => !track.name.includes('screen') && track.kind === 'video'\n  ) as LocalVideoTrack;\n  const [isPublishing, setIspublishing] = useState(false);\n\n  const toggleVideoEnabled = useCallback(\n    (override: boolean = false) => {\n      if (!isPublishing) {\n        if (videoTrack && !override) {\n          const localTrackPublication = localParticipant?.unpublishTrack(videoTrack);\n          // TODO: remove when SDK implements this event. See: https://issues.corp.twilio.com/browse/JSDK-2592\n          localParticipant?.emit('trackUnpublished', localTrackPublication);\n          removeLocalVideoTrack();\n        } else {\n          setIspublishing(true);\n          getLocalVideoTrack()\n            .then((track: LocalVideoTrack) => localParticipant?.publishTrack(track, { priority: 'low' }))\n            .catch(onError)\n            .finally(() => {\n              setIspublishing(false);\n            });\n        }\n      }\n    },\n    [videoTrack, localParticipant, getLocalVideoTrack, isPublishing, onError, removeLocalVideoTrack]\n  );\n\n  return [!!videoTrack, toggleVideoEnabled] as const;\n}\n","import { isMobile } from '../../../utils';\nimport { useEffect, useRef } from 'react';\nimport useLocalVideoToggle from '../../../hooks/useLocalVideoToggle/useLocalVideoToggle';\nimport useVideoContext from '../../../hooks/useVideoContext/useVideoContext';\n\n/* \n  This component adds a visibilitychange handler to the document when\n  the user is using a mobile device. When the handler detects that\n  the browser has been backgrounded, it unpublishes the users local\n  video track. The browser cannot send video to the room when it has\n  been backgrounded, so unpublishing the track stops video capture\n  on the device, and triggers a UI update for all other participants\n  to show that this user's video track has been turned off.\n*/\n\nexport default function AttachVisibilityHandler() {\n  const { room } = useVideoContext();\n  const [isVideoEnabled, toggleVideoEnabled] = useLocalVideoToggle();\n  const shouldRepublishVideoOnForeground = useRef(false);\n\n  useEffect(() => {\n    if (room && isMobile) {\n      const handleVisibilityChange = () => {\n        // We don't need to unpublish the local video track if it has already been unpublished\n        if (document.visibilityState === 'hidden' && isVideoEnabled) {\n          shouldRepublishVideoOnForeground.current = true;\n          toggleVideoEnabled();\n\n          // Don't publish the local video track if it wasn't published before the app was backgrounded\n        } else if (shouldRepublishVideoOnForeground.current) {\n          shouldRepublishVideoOnForeground.current = false;\n          toggleVideoEnabled();\n        }\n      };\n\n      document.addEventListener('visibilitychange', handleVisibilityChange);\n      return () => {\n        document.removeEventListener('visibilitychange', handleVisibilityChange);\n      };\n    }\n  }, [isVideoEnabled, room, toggleVideoEnabled]);\n\n  return null;\n}\n","export const DEFAULT_VIDEO_CONSTRAINTS: MediaStreamConstraints['video'] = {\n  width: 1280,\n  height: 720,\n  frameRate: 24,\n};\n\n// These are used to store the selected media devices in localStorage\nexport const SELECTED_AUDIO_INPUT_KEY = 'TwilioVideoApp-selectedAudioInput';\nexport const SELECTED_AUDIO_OUTPUT_KEY = 'TwilioVideoApp-selectedAudioOutput';\nexport const SELECTED_VIDEO_INPUT_KEY = 'TwilioVideoApp-selectedVideoInput';\n// This is used to store the current background settings in localStorage\nexport const SELECTED_BACKGROUND_SETTINGS_KEY = 'TwilioVideoApp-selectedBackgroundSettings';\n// Used for calling twilio functions\nexport const TWILIO_FUNCTION_URL = 'https://sandstorm-robin-5218.twil.io';\n\nexport const VIDEOBASEURL = '/video-website';\n\nexport const USER_DEFAULT_ROOM_KEY = 'TwilioVideoApp-defaultRoomValue';\nexport const TASK_ID = 'TaskId';\n\nexport const MAINTAIN_START = '2021-12-14T08:00';\nexport const MAINTAIN_END = '2021-12-14T08:15';\nexport const AWSConfig = {\n  s3Bucket: 'connectedmed-videoimaging-prod',\n  testDir: '113-TEST',\n  uatDir: '213-UAT',\n  prodDir: '313-PROD',\n  region: 'ap-southeast-2',\n};\n\nexport const AZURE_APP_CONFIG_CONNECTION_STRING = `Endpoint=https://med-app.azconfig.io;Id=${process.env.AZURE_CONNECT_ID};Secret=${process.env.AZURE_CONNECT_SECRET}`;\n","import { LocalVideoTrack, Room } from 'twilio-video';\nimport { useState, useEffect, useCallback } from 'react';\nimport { SELECTED_BACKGROUND_SETTINGS_KEY, VIDEOBASEURL } from '../../../constants';\nimport {\n  GaussianBlurBackgroundProcessor,\n  VirtualBackgroundProcessor,\n  ImageFit,\n  isSupported,\n} from '@twilio/video-processors';\nimport MEDWhite from '../../../images/MEDWhite.jpg';\nimport MEDWhiteThumb from '../../../images/thumb/MEDWhite.jpg';\nimport MEDBlue from '../../../images/MEDBlue.jpg';\nimport MEDBlueThumb from '../../../images/thumb/MEDBlue.jpg';\nimport PlainGrey from '../../../images/PlainGrey.jpg';\nimport PlainGreyThumb from '../../../images/thumb/PlainGrey.jpg';\nimport { Thumbnail } from '../../BackgroundSelectionDialog/BackgroundThumbnail/BackgroundThumbnail';\n\nexport interface BackgroundSettings {\n  type: Thumbnail;\n  index?: number;\n}\n\nconst imageNames: string[] = ['MED White', 'MED Blue'];\n\nconst images = [MEDWhiteThumb, MEDBlueThumb, PlainGreyThumb];\n\nconst rawImagePaths = [MEDWhite, MEDBlue, PlainGrey];\n\nlet imageElements = new Map();\n\nconst getImage = (index: number): Promise<HTMLImageElement> => {\n  return new Promise((resolve, reject) => {\n    if (imageElements.has(index)) {\n      return resolve(imageElements.get(index));\n    }\n    const img = new Image();\n    img.onload = () => {\n      imageElements.set(index, img);\n      resolve(img);\n    };\n    img.onerror = reject;\n    img.src = rawImagePaths[index];\n  });\n};\n\nexport const backgroundConfig = {\n  imageNames,\n  images,\n};\n\nconst virtualBackgroundAssets = `${VIDEOBASEURL}/virtualbackground`;\nlet blurProcessor: GaussianBlurBackgroundProcessor;\nlet virtualBackgroundProcessor: VirtualBackgroundProcessor;\n\nconst setDefaultBackground = () => {\n  const localStorageSettings = window.localStorage.getItem(SELECTED_BACKGROUND_SETTINGS_KEY);\n  const searchStr = window.sessionStorage.getItem('searchStr');\n  let defaultBackground = { type: 'none', index: 0 };\n  if (!!searchStr) {\n    const searchParams = new URLSearchParams(searchStr);\n    const isAgentCall = searchParams.get('isAgentCall');\n    if (!!isAgentCall && isAgentCall === 'true') {\n      defaultBackground = { type: 'blur', index: 0 };\n    }\n  }\n  return localStorageSettings ? JSON.parse(localStorageSettings) : defaultBackground;\n};\n\nexport default function useBackgroundSettings(videoTrack: LocalVideoTrack | undefined, room?: Room | null) {\n  const [backgroundSettings, setBackgroundSettings] = useState<BackgroundSettings>(setDefaultBackground);\n\n  const removeProcessor = useCallback(() => {\n    if (videoTrack && videoTrack.processor) {\n      videoTrack.removeProcessor(videoTrack.processor);\n    }\n  }, [videoTrack]);\n\n  const addProcessor = useCallback(\n    (processor: GaussianBlurBackgroundProcessor | VirtualBackgroundProcessor) => {\n      if (!videoTrack || videoTrack.processor === processor) {\n        return;\n      }\n      removeProcessor();\n      videoTrack.addProcessor(processor);\n    },\n    [videoTrack, removeProcessor]\n  );\n\n  useEffect(() => {\n    if (!isSupported) {\n      return;\n    }\n    // make sure localParticipant has joined room before applying video processors\n    // this ensures that the video processors are not applied on the LocalVideoPreview\n    const handleProcessorChange = async () => {\n      if (!blurProcessor) {\n        blurProcessor = new GaussianBlurBackgroundProcessor({\n          assetsPath: virtualBackgroundAssets,\n        });\n        await blurProcessor.loadModel();\n      }\n      if (!virtualBackgroundProcessor) {\n        virtualBackgroundProcessor = new VirtualBackgroundProcessor({\n          assetsPath: virtualBackgroundAssets,\n          backgroundImage: await getImage(0),\n          fitType: ImageFit.Cover,\n        });\n        await virtualBackgroundProcessor.loadModel();\n      }\n      if (!room?.localParticipant) {\n        return;\n      }\n\n      if (backgroundSettings.type === 'blur') {\n        addProcessor(blurProcessor);\n      } else if (backgroundSettings.type === 'image' && typeof backgroundSettings.index === 'number') {\n        virtualBackgroundProcessor.backgroundImage = await getImage(backgroundSettings.index);\n        addProcessor(virtualBackgroundProcessor);\n      } else {\n        removeProcessor();\n      }\n    };\n    handleProcessorChange();\n    window.localStorage.setItem(SELECTED_BACKGROUND_SETTINGS_KEY, JSON.stringify(backgroundSettings));\n  }, [backgroundSettings, videoTrack, room, addProcessor, removeProcessor]);\n\n  return [backgroundSettings, setBackgroundSettings] as const;\n}\n","export default __webpack_public_path__ + \"static/media/MEDWhite.acdd7936.jpg\";","export default __webpack_public_path__ + \"static/media/MEDWhite.acdd7936.jpg\";","export default __webpack_public_path__ + \"static/media/MEDBlue.be506918.jpg\";","export default __webpack_public_path__ + \"static/media/MEDBlue.be506918.jpg\";","export default __webpack_public_path__ + \"static/media/PlainGrey.d8390bbf.jpg\";","export default __webpack_public_path__ + \"static/media/PlainGrey.d8390bbf.jpg\";","import { useState, useEffect } from 'react';\nimport { AudioTrack, VideoTrack } from 'twilio-video';\n\n/*\n * This hook allows components to reliably use the 'mediaStreamTrack' property of\n * an AudioTrack or a VideoTrack. Whenever 'localTrack.restart(...)' is called, it\n * will replace the mediaStreamTrack property of the localTrack, but the localTrack\n * object will stay the same. Therefore this hook is needed in order for components\n * to rerender in response to the mediaStreamTrack changing.\n */\nexport default function useMediaStreamTrack(track?: AudioTrack | VideoTrack) {\n  const [mediaStreamTrack, setMediaStreamTrack] = useState(track?.mediaStreamTrack);\n\n  useEffect(() => {\n    setMediaStreamTrack(track?.mediaStreamTrack);\n\n    if (track) {\n      const handleStarted = () => setMediaStreamTrack(track.mediaStreamTrack);\n      track.on('started', handleStarted);\n      return () => {\n        track.off('started', handleStarted);\n      };\n    }\n  }, [track]);\n\n  return mediaStreamTrack;\n}\n","import { Track, VideoBandwidthProfileOptions } from 'twilio-video';\n\nexport interface Settings {\n  trackSwitchOffMode: VideoBandwidthProfileOptions['trackSwitchOffMode'];\n  dominantSpeakerPriority?: Track.Priority;\n  bandwidthProfileMode: VideoBandwidthProfileOptions['mode'];\n  maxAudioBitrate: string;\n  contentPreferencesMode?: 'auto' | 'manual';\n  clientTrackSwitchOffControl?: 'auto' | 'manual';\n}\n\ntype SettingsKeys = keyof Settings;\n\nexport interface SettingsAction {\n  name: SettingsKeys;\n  value: string;\n}\n\nexport const initialSettings: Settings = {\n  trackSwitchOffMode: undefined,\n  dominantSpeakerPriority: 'standard',\n  bandwidthProfileMode: 'collaboration',\n  maxAudioBitrate: '16000',\n  contentPreferencesMode: 'auto',\n  clientTrackSwitchOffControl: 'auto',\n};\n\n// This inputLabels object is used by ConnectionOptions.tsx. It is used to populate the id, name, and label props\n// of the various input elements. Using a typed object like this (instead of strings) eliminates the possibility\n// of there being a typo.\nexport const inputLabels = (() => {\n  const target: any = {};\n  for (const setting in initialSettings) {\n    target[setting] = setting as SettingsKeys;\n  }\n  return target as { [key in SettingsKeys]: string };\n})();\n\nexport function settingsReducer(state: Settings, action: SettingsAction) {\n  return {\n    ...state,\n    [action.name]: action.value === 'default' ? undefined : action.value,\n  };\n}\n","import { useState, useEffect } from 'react';\nimport { getDeviceInfo } from '../../utils';\n\n// This returns the type of the value that is returned by a promise resolution\ntype ThenArg<T> = T extends PromiseLike<infer U> ? U : never;\n\nexport default function useDevices() {\n  const [deviceInfo, setDeviceInfo] = useState<ThenArg<ReturnType<typeof getDeviceInfo>>>({\n    audioInputDevices: [],\n    videoInputDevices: [],\n    audioOutputDevices: [],\n    hasAudioInputDevices: false,\n    hasVideoInputDevices: false,\n  });\n\n  useEffect(() => {\n    const getDevices = () => getDeviceInfo().then(devices => setDeviceInfo(devices));\n    navigator.mediaDevices.addEventListener('devicechange', getDevices);\n    getDevices();\n\n    return () => {\n      navigator.mediaDevices.removeEventListener('devicechange', getDevices);\n    };\n  }, []);\n\n  return deviceInfo;\n}\n","import { useCallback, useEffect, useState } from 'react';\nimport * as firebase from 'firebase/app';\nimport 'firebase/auth';\n\nconst firebaseConfig = {\n  apiKey: process.env.REACT_APP_FIREBASE_API_KEY,\n  authDomain: process.env.REACT_APP_FIREBASE_AUTH_DOMAIN,\n  databaseURL: process.env.REACT_APP_FIREBASE_DATABASE_URL,\n  storageBucket: process.env.REACT_APP_FIREBASE_STORAGE_BUCKET,\n  messagingSenderId: process.env.REACT_APP_FIREBASE_MESSAGING_SENDER_ID,\n};\n\nconst uri = window.location.href;\nlet endpoint = 'https://sandstorm-robin-5218.twil.io/flexvideotokenizer';\nif (uri?.match('-uat')) endpoint = 'https://ceil-mule-2668.twil.io/flexvideotokenizer';\nif (uri?.match('-test')) endpoint = 'https://ceil-mule-2668.twil.io/flexvideotokenizer';\nif (uri?.match('localhost')) endpoint = 'https://ceil-mule-2668.twil.io/flexvideotokenizer';\n\nexport default function useFirebaseAuth() {\n  const [user, setUser] = useState<firebase.User | null>(null);\n  const [isAuthReady, setIsAuthReady] = useState(false);\n\n  const getToken = useCallback(\n    async (user_identity: string, room_name: string) => {\n      const headers = new window.Headers();\n\n      const idToken = await user!.getIdToken();\n      headers.set('Authorization', idToken);\n      headers.set('content-type', 'application/json');\n\n      return fetch(endpoint, {\n        method: 'POST',\n        headers,\n        body: JSON.stringify({\n          user_identity,\n          room_name,\n          create_conversation: process.env.REACT_APP_DISABLE_TWILIO_CONVERSATIONS !== 'true',\n        }),\n      }).then(res => res.json());\n    },\n    [user]\n  );\n\n  const updateRecordingRules = useCallback(\n    async (room_sid, rules) => {\n      const headers = new window.Headers();\n\n      const idToken = await user!.getIdToken();\n      headers.set('Authorization', idToken);\n      headers.set('content-type', 'application/json');\n\n      return fetch(endpoint, {\n        method: 'POST',\n        headers,\n        body: JSON.stringify({ room_sid, rules }),\n      }).then(async res => {\n        const jsonResponse = await res.json();\n\n        if (!res.ok) {\n          const recordingError = new Error(\n            jsonResponse.error?.message || 'There was an error updating recording rules'\n          );\n          recordingError.code = jsonResponse.error?.code;\n          return Promise.reject(recordingError);\n        }\n\n        return jsonResponse;\n      });\n    },\n    [user]\n  );\n\n  useEffect(() => {\n    firebase.initializeApp(firebaseConfig);\n    firebase.auth().onAuthStateChanged(newUser => {\n      setUser(newUser);\n      setIsAuthReady(true);\n    });\n  }, []);\n\n  const signIn = useCallback(() => {\n    const provider = new firebase.auth.GoogleAuthProvider();\n    provider.addScope('https://www.googleapis.com/auth/plus.login');\n\n    return firebase\n      .auth()\n      .signInWithPopup(provider)\n      .then(newUser => {\n        setUser(newUser.user);\n      });\n  }, []);\n\n  const signOut = useCallback(() => {\n    return firebase\n      .auth()\n      .signOut()\n      .then(() => {\n        setUser(null);\n      });\n  }, []);\n\n  return { user, signIn, signOut, isAuthReady, getToken, updateRecordingRules };\n}\n","import { useCallback, useEffect, useState } from 'react';\nimport { useHistory } from 'react-router-dom';\n\nexport function getPasscode() {\n  const match = window?.location.search.match(/passcode=([^&]*)/);\n  const passcode = match ? match[1] : window.sessionStorage.getItem('passcode');\n  return passcode;\n}\n\nconst uri = window.location.href;\nlet endpoint = 'https://sandstorm-robin-5218.twil.io/flexvideotokenizer';\nif (uri?.match('-uat')) endpoint = 'https://ceil-mule-2668.twil.io/flexvideotokenizer';\nif (uri?.match('-test')) endpoint = 'https://ceil-mule-2668.twil.io/flexvideotokenizer';\nif (uri?.match('localhost')) endpoint = 'https://ceil-mule-2668.twil.io/flexvideotokenizer';\n\nexport function fetchToken(\n  name: string,\n  room: string,\n  passcode: string,\n  create_room = true,\n  create_conversation = process.env.REACT_APP_DISABLE_TWILIO_CONVERSATIONS !== 'true'\n) {\n  console.log({\n    user_identity: name,\n    room_name: room,\n    verify_passcode: true,\n    passcode,\n    create_room,\n    create_conversation,\n  });\n  return fetch(endpoint, {\n    method: 'POST',\n    headers: {\n      'content-type': 'application/json',\n    },\n\n    body: JSON.stringify({\n      user_identity: name,\n      room_name: room,\n      verify_passcode: true,\n      passcode,\n      create_room,\n      create_conversation,\n    }),\n  });\n}\n\nexport function verifyPasscode(passcode: string) {\n  return fetchToken('temp-name', 'temp-room', passcode, false /* create_room */, false /* create_conversation */).then(\n    async res => {\n      const jsonResponse = await res.json();\n      if (res.status === 401) {\n        return { isValid: false, error: jsonResponse.error?.message };\n      }\n\n      if (res.ok && jsonResponse.token) {\n        return { isValid: true };\n      }\n    }\n  );\n}\n\nexport function getErrorMessage(message: string) {\n  switch (message) {\n    case 'passcode incorrect':\n      return 'Passcode is incorrect';\n    case 'passcode expired':\n      return 'Passcode has expired';\n    default:\n      return message;\n  }\n}\n\nexport default function usePasscodeAuth() {\n  const history = useHistory();\n\n  const [user, setUser] = useState<{ displayName: undefined; photoURL: undefined; passcode: string } | null>(null);\n  const [isAuthReady, setIsAuthReady] = useState(false);\n\n  const getToken = useCallback(\n    (name: string, room: string) => {\n      return fetchToken(name, room, user!.passcode)\n        .then(async res => {\n          if (res.ok) {\n            return res;\n          }\n          const json = await res.json();\n          const errorMessage = getErrorMessage(json.error?.message || res.statusText);\n          throw Error(errorMessage);\n        })\n        .then(res => res.json());\n    },\n    [user]\n  );\n\n  const updateRecordingRules = useCallback(\n    async (room_sid, rules) => {\n      return fetch(endpoint, {\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        body: JSON.stringify({ room_sid, rules, passcode: user?.passcode }),\n        method: 'POST',\n      }).then(async res => {\n        const jsonResponse = await res.json();\n\n        if (!res.ok) {\n          const error = new Error(jsonResponse.error?.message || 'There was an error updating recording rules');\n          error.code = jsonResponse.error?.code;\n\n          return Promise.reject(error);\n        }\n\n        return jsonResponse;\n      });\n    },\n    [user]\n  );\n\n  useEffect(() => {\n    const passcode = getPasscode();\n\n    if (passcode) {\n      window.sessionStorage.setItem('searchStr', window.location.search?.slice(1).trim());\n      verifyPasscode(passcode)\n        .then(verification => {\n          if (verification?.isValid) {\n            setUser({ passcode } as any);\n            window.sessionStorage.setItem('passcode', passcode);\n            history.replace(window.location.pathname);\n          } else {\n            window.sessionStorage.removeItem('searchStr');\n          }\n        })\n        .then(() => setIsAuthReady(true));\n    } else {\n      setIsAuthReady(true);\n    }\n  }, [history]);\n\n  const signIn = useCallback((passcode: string) => {\n    return verifyPasscode(passcode).then(verification => {\n      if (verification?.isValid) {\n        setUser({ passcode } as any);\n        window.sessionStorage.setItem('passcode', passcode);\n      } else {\n        throw new Error(getErrorMessage(verification?.error));\n      }\n    });\n  }, []);\n\n  const signOut = useCallback(() => {\n    setUser(null);\n    window.sessionStorage.removeItem('passcode');\n    window.sessionStorage.removeItem('searchStr');\n    return Promise.resolve();\n  }, []);\n\n  return { user, isAuthReady, getToken, signIn, signOut, updateRecordingRules };\n}\n","import React, { createContext, useContext, useReducer, useState } from 'react';\nimport { RecordingRules, RoomType } from '../types';\nimport { TwilioError } from 'twilio-video';\nimport { settingsReducer, initialSettings, Settings, SettingsAction } from './settings/settingsReducer';\nimport useActiveSinkId from './useActiveSinkId/useActiveSinkId';\nimport useFirebaseAuth from './useFirebaseAuth/useFirebaseAuth';\nimport usePasscodeAuth from './usePasscodeAuth/usePasscodeAuth';\nimport { User } from 'firebase';\n\nexport interface StateContextType {\n  error: TwilioError | Error | null;\n  setError(error: TwilioError | Error | null): void;\n  getToken(name: string, room: string, passcode?: string): Promise<{ room_type: RoomType; token: string }>;\n  user?: User | null | { displayName: undefined; photoURL: undefined; passcode?: string };\n  signIn?(passcode?: string): Promise<void>;\n  signOut?(): Promise<void>;\n  isAuthReady?: boolean;\n  isFetching: boolean;\n  activeSinkId: string;\n  setActiveSinkId(sinkId: string): void;\n  settings: Settings;\n  dispatchSetting: React.Dispatch<SettingsAction>;\n  roomType?: RoomType;\n  updateRecordingRules(room_sid: string, rules: RecordingRules): Promise<object>;\n  taskSid: string;\n  setTaskSid(taskSid: string): void;\n}\n\nexport const StateContext = createContext<StateContextType>(null!);\n\nconst uri = window.location.href;\nlet endpoint = 'https://sandstorm-robin-5218.twil.io/flexvideotokenizer';\nif (uri?.match('-uat')) endpoint = 'https://ceil-mule-2668.twil.io/flexvideotokenizer';\nif (uri?.match('-test')) endpoint = 'https://ceil-mule-2668.twil.io/flexvideotokenizer';\nif (uri?.match('localhost')) endpoint = 'https://ceil-mule-2668.twil.io/flexvideotokenizer';\n\n/*\n  The 'react-hooks/rules-of-hooks' linting rules prevent React Hooks from being called\n  inside of if() statements. This is because hooks must always be called in the same order\n  every time a component is rendered. The 'react-hooks/rules-of-hooks' rule is disabled below\n  because the \"if (process.env.REACT_APP_SET_AUTH === 'firebase')\" statements are evaluated\n  at build time (not runtime). If the statement evaluates to false, then the code is not\n  included in the bundle that is produced (due to tree-shaking). Thus, in this instance, it\n  is ok to call hooks inside if() statements.\n*/\nexport default function AppStateProvider(props: React.PropsWithChildren<{}>) {\n  const [error, setError] = useState<TwilioError | null>(null);\n  const [isFetching, setIsFetching] = useState(false);\n  const [activeSinkId, setActiveSinkId] = useActiveSinkId();\n  const [settings, dispatchSetting] = useReducer(settingsReducer, initialSettings);\n  const [roomType, setRoomType] = useState<RoomType>();\n  const [taskSid, setTaskSid] = useState<string | null>(null);\n\n  let contextValue = {\n    error,\n    setError,\n    isFetching,\n    activeSinkId,\n    setActiveSinkId,\n    settings,\n    dispatchSetting,\n    roomType,\n    taskSid,\n    setTaskSid,\n  } as StateContextType;\n\n  if (process.env.REACT_APP_SET_AUTH === 'firebase') {\n    contextValue = {\n      ...contextValue,\n      ...useFirebaseAuth(), // eslint-disable-line react-hooks/rules-of-hooks\n    };\n  } else if (process.env.REACT_APP_SET_AUTH === 'passcode') {\n    contextValue = {\n      ...contextValue,\n      ...usePasscodeAuth(), // eslint-disable-line react-hooks/rules-of-hooks\n    };\n  } else {\n    contextValue = {\n      ...contextValue,\n      getToken: async (user_identity, room_name) => {\n        return fetch(endpoint, {\n          method: 'POST',\n          headers: {\n            'content-type': 'application/json',\n          },\n          body: JSON.stringify({\n            user_identity,\n            room_name,\n            create_conversation: process.env.REACT_APP_DISABLE_TWILIO_CONVERSATIONS !== 'true',\n          }),\n        }).then(res => res.json());\n      },\n      updateRecordingRules: async (room_sid, rules) => {\n        return fetch(endpoint, {\n          headers: {\n            'Content-Type': 'application/json',\n          },\n          body: JSON.stringify({ room_sid, rules }),\n          method: 'POST',\n        })\n          .then(async res => {\n            const jsonResponse = await res.json();\n\n            if (!res.ok) {\n              const recordingError = new Error(\n                jsonResponse.error?.message || 'There was an error updating recording rules'\n              );\n              recordingError.code = jsonResponse.error?.code;\n              return Promise.reject(recordingError);\n            }\n\n            return jsonResponse;\n          })\n          .catch(err => setError(err));\n      },\n    };\n  }\n\n  const getToken: StateContextType['getToken'] = (name, room) => {\n    setIsFetching(true);\n    return contextValue\n      .getToken(name, room)\n      .then(res => {\n        setRoomType(res.room_type);\n        setIsFetching(false);\n        return res;\n      })\n      .catch(err => {\n        setError(err);\n        setIsFetching(false);\n        return Promise.reject(err);\n      });\n  };\n\n  const updateRecordingRules: StateContextType['updateRecordingRules'] = (room_sid, rules) => {\n    setIsFetching(true);\n    return contextValue\n      .updateRecordingRules(room_sid, rules)\n      .then(res => {\n        setIsFetching(false);\n        return res;\n      })\n      .catch(err => {\n        setError(err);\n        setIsFetching(false);\n        return Promise.reject(err);\n      });\n  };\n\n  return (\n    <StateContext.Provider value={{ ...contextValue, getToken, updateRecordingRules }}>\n      {props.children}\n    </StateContext.Provider>\n  );\n}\n\nexport function useAppState() {\n  const context = useContext(StateContext);\n  if (!context) {\n    throw new Error('useAppState must be used within the AppStateProvider');\n  }\n  return context;\n}\n","import { useCallback, useEffect, useState } from 'react';\nimport { SELECTED_AUDIO_OUTPUT_KEY } from '../../constants';\nimport useDevices from '../../hooks/useDevices/useDevices';\n\nexport default function useActiveSinkId() {\n  const { audioOutputDevices } = useDevices();\n  const [activeSinkId, _setActiveSinkId] = useState('default');\n\n  const setActiveSinkId = useCallback((sinkId: string) => {\n    window.localStorage.setItem(SELECTED_AUDIO_OUTPUT_KEY, sinkId);\n    _setActiveSinkId(sinkId);\n  }, []);\n\n  useEffect(() => {\n    const selectedSinkId = window.localStorage.getItem(SELECTED_AUDIO_OUTPUT_KEY);\n    const hasSelectedAudioOutputDevice = audioOutputDevices.some(\n      device => selectedSinkId && device.deviceId === selectedSinkId\n    );\n    if (hasSelectedAudioOutputDevice) {\n      _setActiveSinkId(selectedSinkId!);\n    }\n  }, [audioOutputDevices]);\n\n  return [activeSinkId, setActiveSinkId] as const;\n}\n","import { Callback } from '../../../types';\nimport { isMobile } from '../../../utils';\nimport Video, { ConnectOptions, LocalTrack, Room } from 'twilio-video';\nimport { VideoRoomMonitor } from '@twilio/video-room-monitor';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { useAppState } from '../../../state';\nimport * as Sentry from '@sentry/react';\n\n// @ts-ignore\nwindow.TwilioVideo = Video;\n\nexport default function useRoom(localTracks: LocalTrack[], onError: Callback, options?: ConnectOptions) {\n  const [room, setRoom] = useState<Room | null>(null);\n  const [isConnecting, setIsConnecting] = useState(false);\n  const { setTaskSid } = useAppState();\n  const optionsRef = useRef(options);\n\n  useEffect(() => {\n    // This allows the connect function to always access the most recent version of the options object. This allows us to\n    // reliably use the connect function at any time.\n    optionsRef.current = options;\n  }, [options]);\n\n  const connect = useCallback(\n    token => {\n      setIsConnecting(true);\n      return Video.connect(token, { ...optionsRef.current, tracks: localTracks }).then(\n        newRoom => {\n          Sentry.addBreadcrumb({\n            type: 'debug',\n            category: '###RoomConnected',\n            level: Sentry.Severity.Info,\n            data: newRoom,\n          });\n          setRoom(newRoom);\n          VideoRoomMonitor.registerVideoRoom(newRoom);\n          const disconnect = () => {\n            // console.log('### RoomDisconnectEvent', room);\n            Sentry.addBreadcrumb({\n              type: 'debug',\n              category: '###RoomDisconnectEvent',\n              level: Sentry.Severity.Info,\n              data: newRoom || undefined,\n            });\n            return newRoom.disconnect();\n          };\n\n          if (window.self !== window.top) {\n            window.parent.postMessage({ getTaskSid: true }, '*');\n          }\n          // This app can add up to 13 'participantDisconnected' listeners to the room object, which can trigger\n          // a warning from the EventEmitter object. Here we increase the max listeners to suppress the warning.\n          newRoom.setMaxListeners(15);\n\n          newRoom.once('disconnected', () => {\n            // Reset the room only after all other `disconnected` listeners have been called.\n            setTimeout(() => setRoom(null));\n            window.parent.postMessage({ endCall: true }, '*');\n            window.removeEventListener('beforeunload', disconnect);\n            window.removeEventListener('message', disconnect);\n\n            if (isMobile) {\n              window.removeEventListener('pagehide', disconnect);\n            }\n          });\n\n          // @ts-ignore\n          window.twilioRoom = newRoom;\n\n          newRoom.localParticipant.videoTracks.forEach(publication =>\n            // All video tracks are published with 'low' priority because the video track\n            // that is displayed in the 'MainParticipant' component will have it's priority\n            // set to 'high' via track.setPriority()\n            publication.setPriority('low')\n          );\n\n          setIsConnecting(false);\n\n          // Add a listener to disconnect from the room when a user closes their browser\n          window.addEventListener('beforeunload', disconnect);\n\n          // Disconnet if task is transferred from plugin-med\n          window.addEventListener('message', e => {\n            if (e.data.taskSid) {\n              setTaskSid(e.data.taskSid);\n            } else {\n              disconnect();\n            }\n          });\n\n          if (isMobile) {\n            // Add a listener to disconnect from the room when a mobile user closes their browser\n            window.addEventListener('pagehide', disconnect);\n          }\n        },\n        error => {\n          onError(error);\n          setIsConnecting(false);\n        }\n      );\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [localTracks, onError, setTaskSid]\n  );\n\n  return { room, isConnecting, connect };\n}\n","import React, { createContext, ReactNode, useCallback, useState } from 'react';\nimport { CreateLocalTrackOptions, ConnectOptions, LocalAudioTrack, LocalVideoTrack, Room } from 'twilio-video';\nimport { ErrorCallback } from '../../types';\nimport { SelectedParticipantProvider } from './useSelectedParticipant/useSelectedParticipant';\n\nimport AttachVisibilityHandler from './AttachVisibilityHandler/AttachVisibilityHandler';\nimport useBackgroundSettings, { BackgroundSettings } from './useBackgroundSettings/useBackgroundSettings';\nimport useHandleRoomDisconnection from './useHandleRoomDisconnection/useHandleRoomDisconnection';\nimport useHandleTrackPublicationFailed from './useHandleTrackPublicationFailed/useHandleTrackPublicationFailed';\nimport useLocalTracks from './useLocalTracks/useLocalTracks';\nimport useRestartAudioTrackOnDeviceChange from './useRestartAudioTrackOnDeviceChange/useRestartAudioTrackOnDeviceChange';\nimport useRoom from './useRoom/useRoom';\nimport useScreenShareToggle from './useScreenShareToggle/useScreenShareToggle';\n\n/*\n *  The hooks used by the VideoProvider component are different than the hooks found in the 'hooks/' directory. The hooks\n *  in the 'hooks/' directory can be used anywhere in a video application, and they can be used any number of times.\n *  the hooks in the 'VideoProvider/' directory are intended to be used by the VideoProvider component only. Using these hooks\n *  elsewhere in the application may cause problems as these hooks should not be used more than once in an application.\n */\n\nexport interface IVideoContext {\n  room: Room | null;\n  localTracks: (LocalAudioTrack | LocalVideoTrack)[];\n  isConnecting: boolean;\n  connect: (token: string) => Promise<void>;\n  onError: ErrorCallback;\n  getLocalVideoTrack: (newOptions?: CreateLocalTrackOptions) => Promise<LocalVideoTrack>;\n  getLocalAudioTrack: (deviceId?: string) => Promise<LocalAudioTrack>;\n  isAcquiringLocalTracks: boolean;\n  removeLocalVideoTrack: () => void;\n  isSharingScreen: boolean;\n  toggleScreenShare: () => void;\n  getAudioAndVideoTracks: () => Promise<void>;\n  isBackgroundSelectionOpen: boolean;\n  setIsBackgroundSelectionOpen: (value: boolean) => void;\n  backgroundSettings: BackgroundSettings;\n  setBackgroundSettings: (settings: BackgroundSettings) => void;\n  isStatic: boolean;\n  setIsStatic: (isStatic: boolean) => void;\n  snapImage: string;\n  setSnapImage: (snapImage: string) => void;\n  snapSending: boolean;\n  setSnapSending: (snapSending: boolean) => void;\n}\n\nexport const VideoContext = createContext<IVideoContext>(null!);\n\ninterface VideoProviderProps {\n  options?: ConnectOptions;\n  onError: ErrorCallback;\n  children: ReactNode;\n}\n\nexport function VideoProvider({ options, children, onError = () => {} }: VideoProviderProps) {\n  const onErrorCallback: ErrorCallback = useCallback(\n    error => {\n      console.log(`ERROR: ${error.message}`, error);\n      onError(error);\n    },\n    [onError]\n  );\n\n  const {\n    localTracks,\n    getLocalVideoTrack,\n    getLocalAudioTrack,\n    isAcquiringLocalTracks,\n    removeLocalAudioTrack,\n    removeLocalVideoTrack,\n    getAudioAndVideoTracks,\n  } = useLocalTracks();\n  const { room, isConnecting, connect } = useRoom(localTracks, onErrorCallback, options);\n\n  const [isSharingScreen, toggleScreenShare] = useScreenShareToggle(room, onError);\n\n  const [snapImage, setSnapImage] = useState('');\n  const [snapSending, setSnapSending] = useState(false);\n  const [isStatic, setIsStatic] = useState(false);\n\n  // Register callback functions to be called on room disconnect.\n  useHandleRoomDisconnection(\n    room,\n    onError,\n    removeLocalAudioTrack,\n    removeLocalVideoTrack,\n    isSharingScreen,\n    toggleScreenShare\n  );\n  useHandleTrackPublicationFailed(room, onError);\n  useRestartAudioTrackOnDeviceChange(localTracks);\n\n  const [isBackgroundSelectionOpen, setIsBackgroundSelectionOpen] = useState(false);\n  const videoTrack = localTracks.find(track => !track.name.includes('screen') && track.kind === 'video') as\n    | LocalVideoTrack\n    | undefined;\n  const [backgroundSettings, setBackgroundSettings] = useBackgroundSettings(videoTrack, room);\n\n  return (\n    <VideoContext.Provider\n      value={{\n        room,\n        localTracks,\n        isConnecting,\n        onError: onErrorCallback,\n        getLocalVideoTrack,\n        getLocalAudioTrack,\n        connect,\n        isAcquiringLocalTracks,\n        removeLocalVideoTrack,\n        isSharingScreen,\n        toggleScreenShare,\n        getAudioAndVideoTracks,\n        snapImage,\n        setSnapImage,\n        snapSending,\n        setSnapSending,\n        isStatic,\n        setIsStatic,\n        isBackgroundSelectionOpen,\n        setIsBackgroundSelectionOpen,\n        backgroundSettings,\n        setBackgroundSettings,\n      }}\n    >\n      <SelectedParticipantProvider room={room}>{children}</SelectedParticipantProvider>\n      {/* \n        The AttachVisibilityHandler component is using the useLocalVideoToggle hook\n        which must be used within the VideoContext Provider.\n      */}\n      <AttachVisibilityHandler />\n    </VideoContext.Provider>\n  );\n}\n","import { DEFAULT_VIDEO_CONSTRAINTS, SELECTED_AUDIO_INPUT_KEY, SELECTED_VIDEO_INPUT_KEY } from '../../../constants';\nimport { getDeviceInfo, isPermissionDenied } from '../../../utils';\nimport { useCallback, useState } from 'react';\nimport Video, { LocalVideoTrack, LocalAudioTrack, CreateLocalTrackOptions } from 'twilio-video';\nimport useMediaStreamTrack from '../../../hooks/useMediaStreamTrack/useMediaStreamTrack';\n\nexport default function useLocalTracks() {\n  const [audioTrack, setAudioTrack] = useState<LocalAudioTrack>();\n  const [videoTrack, setVideoTrack] = useState<LocalVideoTrack>();\n  const mediaTrack = useMediaStreamTrack(videoTrack);\n  const [isAcquiringLocalTracks, setIsAcquiringLocalTracks] = useState(false);\n\n  const getLocalAudioTrack = useCallback((deviceId?: string) => {\n    const options: CreateLocalTrackOptions = {};\n\n    if (deviceId) {\n      options.deviceId = { exact: deviceId };\n    }\n\n    return Video.createLocalAudioTrack(options).then(newTrack => {\n      setAudioTrack(newTrack);\n      return newTrack;\n    });\n  }, []);\n\n  const getLocalVideoTrack = useCallback(async () => {\n    const selectedVideoDeviceId = window.localStorage.getItem(SELECTED_VIDEO_INPUT_KEY);\n\n    const { videoInputDevices } = await getDeviceInfo();\n\n    const hasSelectedVideoDevice = videoInputDevices.some(\n      device => selectedVideoDeviceId && device.deviceId === selectedVideoDeviceId\n    );\n\n    const options: CreateLocalTrackOptions = {\n      ...(DEFAULT_VIDEO_CONSTRAINTS as {}),\n      name: `camera-${Date.now()}`,\n      ...(hasSelectedVideoDevice && { deviceId: { exact: selectedVideoDeviceId! } }),\n    };\n\n    return Video.createLocalVideoTrack(options).then(newTrack => {\n      setVideoTrack(newTrack);\n      return newTrack;\n    });\n  }, []);\n\n  const removeLocalAudioTrack = useCallback(() => {\n    if (audioTrack) {\n      audioTrack.stop();\n      setAudioTrack(undefined);\n    }\n  }, [audioTrack]);\n\n  const removeLocalVideoTrack = useCallback(() => {\n    if (videoTrack) {\n      videoTrack.stop();\n      setVideoTrack(undefined);\n    }\n  }, [videoTrack]);\n\n  const getAudioAndVideoTracks = useCallback(async () => {\n    const { audioInputDevices, videoInputDevices, hasAudioInputDevices, hasVideoInputDevices } = await getDeviceInfo();\n\n    if (!hasAudioInputDevices && !hasVideoInputDevices) return Promise.resolve();\n    if (isAcquiringLocalTracks || audioTrack || videoTrack) return Promise.resolve();\n\n    setIsAcquiringLocalTracks(true);\n\n    const selectedAudioDeviceId = window.localStorage.getItem(SELECTED_AUDIO_INPUT_KEY);\n    const selectedVideoDeviceId = window.localStorage.getItem(SELECTED_VIDEO_INPUT_KEY);\n\n    const hasSelectedAudioDevice = audioInputDevices.some(\n      device => selectedAudioDeviceId && device.deviceId === selectedAudioDeviceId\n    );\n    const hasSelectedVideoDevice = videoInputDevices.some(\n      device => selectedVideoDeviceId && device.deviceId === selectedVideoDeviceId\n    );\n\n    // In Chrome, it is possible to deny permissions to only audio or only video.\n    // If that has happened, then we don't want to attempt to acquire the device.\n    const isCameraPermissionDenied = await isPermissionDenied('camera');\n    const isMicrophonePermissionDenied = await isPermissionDenied('microphone');\n\n    const shouldAcquireVideo = hasVideoInputDevices && !isCameraPermissionDenied;\n    const shouldAcquireAudio = hasAudioInputDevices && !isMicrophonePermissionDenied;\n\n    const localTrackConstraints = {\n      video: shouldAcquireVideo && {\n        ...(DEFAULT_VIDEO_CONSTRAINTS as {}),\n        name: `camera-${Date.now()}`,\n        ...(hasSelectedVideoDevice && { deviceId: { exact: selectedVideoDeviceId! } }),\n      },\n      audio:\n        shouldAcquireAudio &&\n        (hasSelectedAudioDevice ? { deviceId: { exact: selectedAudioDeviceId! } } : hasAudioInputDevices),\n    };\n\n    return Video.createLocalTracks(localTrackConstraints)\n      .then(tracks => {\n        const newVideoTrack = tracks.find(track => track.kind === 'video') as LocalVideoTrack;\n        const newAudioTrack = tracks.find(track => track.kind === 'audio') as LocalAudioTrack;\n        if (newVideoTrack) {\n          setVideoTrack(newVideoTrack);\n          // Save the deviceId so it can be picked up by the VideoInputList component. This only matters\n          // in cases where the user's video is disabled.\n          window.localStorage.setItem(SELECTED_VIDEO_INPUT_KEY, mediaTrack?.getSettings().deviceId ?? '');\n        }\n        if (newAudioTrack) {\n          setAudioTrack(newAudioTrack);\n        }\n\n        // These custom errors will be picked up by the MediaErrorSnackbar component.\n        if (isCameraPermissionDenied && isMicrophonePermissionDenied) {\n          const error = new Error();\n          error.name = 'NotAllowedError';\n          throw error;\n        }\n\n        if (isCameraPermissionDenied) {\n          throw new Error('CameraPermissionsDenied');\n        }\n\n        if (isMicrophonePermissionDenied) {\n          throw new Error('MicrophonePermissionsDenied');\n        }\n      })\n      .finally(() => setIsAcquiringLocalTracks(false));\n  }, [audioTrack, videoTrack, isAcquiringLocalTracks, mediaTrack]);\n\n  const localTracks = [audioTrack, videoTrack].filter(track => track !== undefined) as (\n    | LocalAudioTrack\n    | LocalVideoTrack\n  )[];\n\n  return {\n    localTracks,\n    getLocalVideoTrack,\n    getLocalAudioTrack,\n    isAcquiringLocalTracks,\n    removeLocalAudioTrack,\n    removeLocalVideoTrack,\n    getAudioAndVideoTracks,\n  };\n}\n","import { useState, useCallback, useRef } from 'react';\nimport { LogLevels, Track, Room } from 'twilio-video';\nimport { ErrorCallback } from '../../../types';\n\ninterface MediaStreamTrackPublishOptions {\n  name?: string;\n  priority: Track.Priority;\n  logLevel: LogLevels;\n}\n\nexport default function useScreenShareToggle(room: Room | null, onError: ErrorCallback) {\n  const [isSharing, setIsSharing] = useState(false);\n  const stopScreenShareRef = useRef<() => void>(null!);\n\n  const shareScreen = useCallback(() => {\n    navigator.mediaDevices\n      .getDisplayMedia({\n        audio: false,\n        video: {\n          frameRate: 10,\n          height: 1080,\n          width: 1920,\n        },\n      })\n      .then(stream => {\n        const track = stream.getTracks()[0];\n\n        // All video tracks are published with 'low' priority. This works because the video\n        // track that is displayed in the 'MainParticipant' component will have it's priority\n        // set to 'high' via track.setPriority()\n        room!.localParticipant\n          .publishTrack(track, {\n            name: 'screen', // Tracks can be named to easily find them later\n            priority: 'low', // Priority is set to high by the subscriber when the video track is rendered\n          } as MediaStreamTrackPublishOptions)\n          .then(trackPublication => {\n            stopScreenShareRef.current = () => {\n              room!.localParticipant.unpublishTrack(track);\n              // TODO: remove this if the SDK is updated to emit this event\n              room!.localParticipant.emit('trackUnpublished', trackPublication);\n              track.stop();\n              setIsSharing(false);\n            };\n\n            track.onended = stopScreenShareRef.current;\n            setIsSharing(true);\n          })\n          .catch(onError);\n      })\n      .catch(error => {\n        // Don't display an error if the user closes the screen share dialog\n        if (error.name !== 'AbortError' && error.name !== 'NotAllowedError') {\n          onError(error);\n        }\n      });\n  }, [room, onError]);\n\n  const toggleScreenShare = useCallback(() => {\n    if (room) {\n      !isSharing ? shareScreen() : stopScreenShareRef.current();\n    }\n  }, [isSharing, shareScreen, room]);\n\n  return [isSharing, toggleScreenShare] as const;\n}\n","import { Room, TwilioError } from 'twilio-video';\nimport { useEffect } from 'react';\n\nimport { Callback } from '../../../types';\n\nexport default function useHandleRoomDisconnection(\n  room: Room | null,\n  onError: Callback,\n  removeLocalAudioTrack: () => void,\n  removeLocalVideoTrack: () => void,\n  isSharingScreen: boolean,\n  toggleScreenShare: () => void\n) {\n  useEffect(() => {\n    if (room) {\n      const onDisconnected = (_: Room, error: TwilioError) => {\n        if (error) {\n          onError(error);\n        }\n\n        removeLocalAudioTrack();\n        removeLocalVideoTrack();\n        if (isSharingScreen) {\n          toggleScreenShare();\n        }\n      };\n\n      room.on('disconnected', onDisconnected);\n      return () => {\n        room.off('disconnected', onDisconnected);\n      };\n    }\n  }, [room, onError, removeLocalAudioTrack, removeLocalVideoTrack, isSharingScreen, toggleScreenShare]);\n}\n","import { Room } from 'twilio-video';\nimport { useEffect } from 'react';\n\nimport { Callback } from '../../../types';\n\nexport default function useHandleTrackPublicationFailed(room: Room | null, onError: Callback) {\n  useEffect(() => {\n    if (room) {\n      room.localParticipant.on('trackPublicationFailed', onError);\n      return () => {\n        room.localParticipant.off('trackPublicationFailed', onError);\n      };\n    }\n  }, [room, onError]);\n}\n","import { LocalAudioTrack, LocalVideoTrack } from 'twilio-video';\nimport { useEffect } from 'react';\n\n/*\n * If a user has published an audio track from an external audio input device and\n * disconnects the device, the published audio track will be stopped and the user\n * will no longer be heard by other participants.\n *\n * To prevent this issue, this hook will re-acquire a mediaStreamTrack from the system's\n * default audio device when it detects that the published audio device has been disconnected.\n */\n\nexport default function useRestartAudioTrackOnDeviceChange(localTracks: (LocalAudioTrack | LocalVideoTrack)[]) {\n  const audioTrack = localTracks.find(track => track.kind === 'audio');\n\n  useEffect(() => {\n    const handleDeviceChange = () => {\n      if (audioTrack?.mediaStreamTrack.readyState === 'ended') {\n        audioTrack.restart({});\n      }\n    };\n\n    navigator.mediaDevices.addEventListener('devicechange', handleDeviceChange);\n\n    return () => {\n      navigator.mediaDevices.removeEventListener('devicechange', handleDeviceChange);\n    };\n  }, [audioTrack]);\n}\n","import { useContext } from 'react';\nimport { VideoContext } from '../../components/VideoProvider';\n\n// Check video context\nexport default function useVideoContext() {\n  const context = useContext(VideoContext);\n  if (!context) {\n    throw new Error('useVideoContext must be used within a VideoProvider');\n  }\n  return context;\n}\n","import React, { useState, useEffect } from 'react';\nimport { createStyles, makeStyles, Theme } from '@material-ui/core/styles';\nimport Popover from '@material-ui/core/Popover';\nimport Typography from '@material-ui/core/Typography';\nimport { Button } from '@material-ui/core';\nimport clsx from 'clsx';\nimport useVideoContext from '../../../hooks/useVideoContext/useVideoContext';\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    button: {\n      background: theme.brand,\n      color: 'white',\n      '&:hover': {\n        background: '#600101',\n      },\n    },\n    typography: {\n      padding: theme.spacing(2),\n      width: '400px',\n      height: '200px',\n      display: 'flex',\n      flexDirection: 'column',\n      justifyContent: 'space-around',\n      alignItems: 'center',\n    },\n    btnGroup: {\n      display: 'flex',\n      flexDirection: 'row',\n      width: '100%',\n      justifyContent: 'space-around',\n    },\n    btn: {\n      width: '30%',\n      backgroundColor: '#027AC5',\n      borderRadius: '5px',\n      color: '#fff',\n    },\n    gray: {\n      backgroundColor: 'gray',\n    },\n  })\n);\n\nexport default function EndCallButton(props: { className?: string }) {\n  const classes = useStyles();\n  const { room } = useVideoContext();\n\n  const handleEndCall = () => {\n    window.sessionStorage.setItem('endSession', 'true');\n    room!.disconnect();\n  };\n\n  const [anchorEl, setAnchorEl] = React.useState<HTMLButtonElement | null>(null);\n  const [agentCall, setAgentCall] = useState<boolean>(false);\n\n  useEffect(() => {\n    const searchStr = window.sessionStorage.getItem('searchStr');\n    if (!!searchStr) {\n      const searchParams = new URLSearchParams(searchStr);\n      const isAgentCall = searchParams.get('isAgentCall');\n      const agentName = searchParams.get('name');\n      const agentRoom = searchParams.get('room');\n      if (isAgentCall === 'true' && !!agentRoom && !!agentName) {\n        setAgentCall(true);\n      }\n    }\n  }, []);\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleClose = () => {\n    setAnchorEl(null);\n  };\n\n  const open = Boolean(anchorEl);\n  const id = open ? 'simple-popover' : undefined;\n  const { innerHeight, innerWidth } = window;\n  const positionLeft = innerWidth / 2 - 200;\n  const positionTop = innerHeight / 2 - 100;\n\n  return (\n    <>\n      <Button\n        onClick={agentCall ? handleEndCall : handleClick}\n        className={clsx(classes.button, props.className)}\n        data-cy-disconnect\n      >\n        Disconnect\n      </Button>\n      {!agentCall && (\n        <Popover\n          id={id}\n          open={open}\n          anchorEl={anchorEl}\n          anchorPosition={{ left: positionLeft, top: positionTop }}\n          anchorReference=\"anchorPosition\"\n        >\n          <Typography className={classes.typography}>\n            <p>Are you sure you want to disconnect?</p>\n            <div className={classes.btnGroup}>\n              <Button className={classes.btn} onClick={handleEndCall}>\n                Yes\n              </Button>\n              <Button className={`${classes.btn} ${classes.gray}`} onClick={handleClose}>\n                No\n              </Button>\n            </div>\n          </Typography>\n        </Popover>\n      )}\n    </>\n  );\n}\n","import React, { PropsWithChildren } from 'react';\nimport Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogContentText from '@material-ui/core/DialogContentText';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport Divider from '@material-ui/core/Divider';\n\nimport { version as appVersion } from '../../../package.json';\nimport Video from 'twilio-video';\nimport { useAppState } from '../../state';\n\ninterface AboutDialogProps {\n  open: boolean;\n  onClose(): void;\n}\n\nfunction AboutDialog({ open, onClose }: PropsWithChildren<AboutDialogProps>) {\n  const { roomType } = useAppState();\n  return (\n    <Dialog open={open} onClose={onClose} fullWidth={true} maxWidth=\"xs\">\n      <DialogTitle>About</DialogTitle>\n      <Divider />\n      <DialogContent>\n        <DialogContentText>Browser supported: {String(Video.isSupported)}</DialogContentText>\n        <DialogContentText>SDK Version: {Video.version}</DialogContentText>\n        <DialogContentText>App Version: {appVersion}</DialogContentText>\n        <DialogContentText>Deployed Tag: {process.env.REACT_APP_GIT_TAG || 'N/A'}</DialogContentText>\n        <DialogContentText>Deployed Commit Hash: {process.env.REACT_APP_GIT_COMMIT || 'N/A'}</DialogContentText>\n        {roomType && <DialogContentText>Room Type: {roomType}</DialogContentText>}\n      </DialogContent>\n      <Divider />\n      <DialogActions>\n        <Button onClick={onClose} color=\"primary\" variant=\"contained\" autoFocus>\n          OK\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n}\n\nexport default AboutDialog;\n","import React from 'react';\n\nexport default function BackgroundIcon() {\n  return (\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M16 4.65H4C3.25442 4.65 2.65 5.25442 2.65 6V14C2.65 14.7456 3.25442 15.35 4 15.35H16C16.7456 15.35 17.35 14.7456 17.35 14V6C17.35 5.25442 16.7456 4.65 16 4.65ZM4 4C2.89543 4 2 4.89543 2 6V14C2 15.1046 2.89543 16 4 16H16C17.1046 16 18 15.1046 18 14V6C18 4.89543 17.1046 4 16 4H4Z\"\n        fill=\"#606B85\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M10 6.325C9.35111 6.325 8.82505 6.85107 8.82505 7.5C8.82505 8.14894 9.35111 8.675 10 8.675C10.649 8.675 11.175 8.14894 11.175 7.5C11.175 6.85107 10.649 6.325 10 6.325ZM8.17505 7.5C8.17505 6.49208 8.99213 5.675 10 5.675C11.008 5.675 11.825 6.49208 11.825 7.5C11.825 8.50792 11.008 9.325 10 9.325C8.99213 9.325 8.17505 8.50792 8.17505 7.5Z\"\n        fill=\"#606B85\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M10 10.325C8.24654 10.325 6.82505 11.7465 6.82505 13.5C6.82505 13.6795 6.67954 13.825 6.50005 13.825C6.32056 13.825 6.17505 13.6795 6.17505 13.5C6.17505 11.3875 7.88756 9.675 10 9.675C12.1125 9.675 13.825 11.3875 13.825 13.5C13.825 13.6795 13.6795 13.825 13.5 13.825C13.3206 13.825 13.175 13.6795 13.175 13.5C13.175 11.7465 11.7536 10.325 10 10.325Z\"\n        fill=\"#606B85\"\n      />\n    </svg>\n  );\n}\n","import { useState, useEffect } from 'react';\nimport { LocalAudioTrack, LocalVideoTrack, RemoteAudioTrack, RemoteVideoTrack } from 'twilio-video';\n\ntype TrackType = LocalAudioTrack | LocalVideoTrack | RemoteAudioTrack | RemoteVideoTrack | undefined;\n\nexport default function useIsTrackEnabled(track: TrackType) {\n  const [isEnabled, setIsEnabled] = useState(track ? track.isEnabled : false);\n\n  useEffect(() => {\n    setIsEnabled(track ? track.isEnabled : false);\n\n    if (track) {\n      const setEnabled = () => setIsEnabled(true);\n      const setDisabled = () => setIsEnabled(false);\n      track.on('enabled', setEnabled);\n      track.on('disabled', setDisabled);\n      return () => {\n        track.off('enabled', setEnabled);\n        track.off('disabled', setDisabled);\n      };\n    }\n  }, [track]);\n\n  return isEnabled;\n}\n","import React, { useEffect, useRef, useState } from 'react';\nimport { AudioTrack, LocalAudioTrack, RemoteAudioTrack } from 'twilio-video';\nimport { interval } from 'd3-timer';\nimport useIsTrackEnabled from '../../hooks/useIsTrackEnabled/useIsTrackEnabled';\nimport useMediaStreamTrack from '../../hooks/useMediaStreamTrack/useMediaStreamTrack';\n\nlet clipId = 0;\nconst getUniqueClipId = () => clipId++;\n\n// @ts-ignore\nconst AudioContext = window.AudioContext || window.webkitAudioContext;\nlet audioContext: AudioContext;\n\nexport function initializeAnalyser(stream: MediaStream) {\n  audioContext = audioContext || new AudioContext();\n  const audioSource = audioContext.createMediaStreamSource(stream);\n\n  const analyser = audioContext.createAnalyser();\n  analyser.smoothingTimeConstant = 0.2;\n  analyser.fftSize = 256;\n\n  audioSource.connect(analyser);\n  return analyser;\n}\n\nfunction AudioLevelIndicator({ audioTrack, color = 'white' }: { audioTrack?: AudioTrack; color?: string }) {\n  const SVGRectRef = useRef<SVGRectElement>(null);\n  const [analyser, setAnalyser] = useState<AnalyserNode>();\n  const isTrackEnabled = useIsTrackEnabled(audioTrack as LocalAudioTrack | RemoteAudioTrack);\n  const mediaStreamTrack = useMediaStreamTrack(audioTrack);\n\n  useEffect(() => {\n    if (audioTrack && mediaStreamTrack && isTrackEnabled) {\n      // Here we create a new MediaStream from a clone of the mediaStreamTrack.\n      // A clone is created to allow multiple instances of this component for a single\n      // AudioTrack on iOS Safari.\n      let newMediaStream = new MediaStream([mediaStreamTrack.clone()]);\n\n      // Here we listen for the 'stopped' event on the audioTrack. When the audioTrack is stopped,\n      // we stop the cloned track that is stored in 'newMediaStream'. It is important that we stop\n      // all tracks when they are not in use. Browsers like Firefox don't let you create a new stream\n      // from a new audio device while the active audio device still has active tracks.\n      const stopAllMediaStreamTracks = () => newMediaStream.getTracks().forEach(track => track.stop());\n      audioTrack.on('stopped', stopAllMediaStreamTracks);\n\n      const reinitializeAnalyser = () => {\n        stopAllMediaStreamTracks();\n        newMediaStream = new MediaStream([mediaStreamTrack.clone()]);\n        setAnalyser(initializeAnalyser(newMediaStream));\n      };\n\n      setAnalyser(initializeAnalyser(newMediaStream));\n\n      // Here we reinitialize the AnalyserNode on focus to avoid an issue in Safari\n      // where the analysers stop functioning when the user switches to a new tab\n      // and switches back to the app.\n      window.addEventListener('focus', reinitializeAnalyser);\n\n      return () => {\n        stopAllMediaStreamTracks();\n        window.removeEventListener('focus', reinitializeAnalyser);\n        audioTrack.off('stopped', stopAllMediaStreamTracks);\n      };\n    }\n  }, [isTrackEnabled, mediaStreamTrack, audioTrack]);\n\n  useEffect(() => {\n    const SVGClipElement = SVGRectRef.current;\n\n    if (isTrackEnabled && SVGClipElement && analyser) {\n      const sampleArray = new Uint8Array(analyser.frequencyBinCount);\n\n      const timer = interval(() => {\n        analyser.getByteFrequencyData(sampleArray);\n        let values = 0;\n\n        const length = sampleArray.length;\n        for (let i = 0; i < length; i++) {\n          values += sampleArray[i];\n        }\n\n        const volume = Math.min(14, Math.max(0, Math.log10(values / length / 3) * 7));\n\n        SVGClipElement?.setAttribute('y', String(14 - volume));\n      }, 100);\n\n      return () => {\n        SVGClipElement.setAttribute('y', '14');\n        timer.stop();\n      };\n    }\n  }, [isTrackEnabled, analyser]);\n\n  // Each instance of this component will need a unique HTML ID\n  const clipPathId = `audio-level-clip-${getUniqueClipId()}`;\n\n  return isTrackEnabled ? (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" data-test-audio-indicator>\n      <defs>\n        <clipPath id={clipPathId}>\n          <rect ref={SVGRectRef} x=\"0\" y=\"14\" width=\"24\" height=\"24\" />\n        </clipPath>\n      </defs>\n      <g fill=\"none\" fillRule=\"evenodd\" transform=\"translate(.5)\">\n        <rect\n          clipPath={`url(#${clipPathId})`}\n          width=\"5.2\"\n          height=\"10\"\n          x=\"9.5\"\n          y=\"3.5\"\n          rx=\"6\"\n          ry=\"3\"\n          fill=\"#23BF6E\"\n        ></rect>\n        <path\n          fill={color}\n          strokeWidth=\"0\"\n          d=\"M17.389 10.667c.276 0 .5.224.5.5 0 3.114-2.396 5.67-5.445 5.923v2.632c0 .276-.223.5-.5.5-.245 0-.45-.177-.491-.41l-.009-.09V17.09C8.395 16.836 6 14.281 6 11.167c0-.276.224-.5.5-.5s.5.224.5.5c0 2.73 2.214 4.944 4.944 4.944 2.731 0 4.945-2.214 4.945-4.944 0-.276.224-.5.5-.5zM11.944 4c1.566 0 2.834 1.268 2.834 2.833v4.334c0 1.564-1.268 2.833-2.834 2.833-1.564 0-2.833-1.27-2.833-2.833V6.833C9.111 5.268 10.38 4 11.944 4zm0 1c-1.012 0-1.833.82-1.833 1.833v4.334c0 1.012.822 1.833 1.833 1.833 1.013 0 1.834-.82 1.834-1.833V6.833c0-1.013-.82-1.833-1.834-1.833z\"\n        />\n      </g>\n    </svg>\n  ) : (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      transform=\"translate(-0.5, 0)\"\n      data-test-audio-mute-icon\n    >\n      <g fill=\"none\" fillRule=\"evenodd\">\n        <path\n          fill={color}\n          strokeWidth=\"0\"\n          d=\"M11.889 6.667c.276 0 .5.224.5.5 0 3.114-2.396 5.67-5.445 5.923v2.632c0 .276-.223.5-.5.5-.245 0-.45-.177-.491-.41l-.009-.09V13.09c-1.116-.093-2.145-.494-3-1.119l.717-.717c.793.54 1.751.857 2.783.857 2.731 0 4.945-2.214 4.945-4.944 0-.276.224-.5.5-.5zM1 6.667c.276 0 .5.224.5.5 0 .975.282 1.884.77 2.65l-.722.721C.888 9.58.5 8.418.5 7.167c0-.276.224-.5.5-.5zm8.277-1.031v1.53C9.278 8.732 8.01 10 6.445 10c-.446 0-.868-.103-1.243-.287l.776-.773c.149.039.306.06.467.06.963 0 1.751-.74 1.828-1.683l.006-.15v-.531l1-1zM6.444 0C8.01 0 9.278 1.268 9.278 2.833l-.002-.025-.999.999v-.974c0-.962-.74-1.75-1.682-1.827L6.445 1c-.962 0-1.751.74-1.828 1.683l-.006.15v4.334c0 .097.008.192.022.285l-.804.805c-.112-.269-.184-.558-.209-.86l-.009-.23V2.833C3.611 1.268 4.88 0 6.444 0z\"\n          transform=\"translate(6.5 4)\"\n        />\n        <path\n          fill=\"red\"\n          strokeWidth=\"0\"\n          d=\"M12.146.646c.196-.195.512-.195.708 0 .173.174.192.443.057.638l-.057.07-12 12c-.196.195-.512.195-.708 0-.173-.174-.192-.443-.057-.638l.057-.07 12-12z\"\n          transform=\"translate(6.5 4)\"\n        />\n      </g>\n    </svg>\n  );\n}\n\nexport default React.memo(AudioLevelIndicator);\n","import React from 'react';\nimport AudioLevelIndicator from '../../AudioLevelIndicator/AudioLevelIndicator';\nimport { LocalAudioTrack } from 'twilio-video';\nimport { FormControl, MenuItem, Typography, Select, Grid } from '@material-ui/core';\nimport { SELECTED_AUDIO_INPUT_KEY } from '../../../constants';\nimport useDevices from '../../../hooks/useDevices/useDevices';\nimport useMediaStreamTrack from '../../../hooks/useMediaStreamTrack/useMediaStreamTrack';\nimport useVideoContext from '../../../hooks/useVideoContext/useVideoContext';\n\nexport default function AudioInputList() {\n  const { audioInputDevices } = useDevices();\n  const { localTracks } = useVideoContext();\n\n  const localAudioTrack = localTracks.find(track => track.kind === 'audio') as LocalAudioTrack;\n  const mediaStreamTrack = useMediaStreamTrack(localAudioTrack);\n  const localAudioInputDeviceId = mediaStreamTrack?.getSettings().deviceId;\n\n  function replaceTrack(newDeviceId: string) {\n    window.localStorage.setItem(SELECTED_AUDIO_INPUT_KEY, newDeviceId);\n    localAudioTrack?.restart({ deviceId: { exact: newDeviceId } });\n  }\n\n  return (\n    <div>\n      <Typography variant=\"subtitle2\" gutterBottom>\n        Audio Input\n      </Typography>\n      <Grid container alignItems=\"center\" justifyContent=\"space-between\">\n        <div className=\"inputSelect\">\n          {audioInputDevices.length > 1 ? (\n            <FormControl fullWidth>\n              <Select\n                onChange={e => replaceTrack(e.target.value as string)}\n                value={localAudioInputDeviceId || ''}\n                variant=\"outlined\"\n              >\n                {audioInputDevices.map(device => (\n                  <MenuItem value={device.deviceId} key={device.deviceId}>\n                    {device.label}\n                  </MenuItem>\n                ))}\n              </Select>\n            </FormControl>\n          ) : (\n            <Typography>{localAudioTrack?.mediaStreamTrack.label || 'No Local Audio'}</Typography>\n          )}\n        </div>\n        <AudioLevelIndicator audioTrack={localAudioTrack} color=\"black\" />\n      </Grid>\n    </div>\n  );\n}\n","import React from 'react';\nimport { FormControl, MenuItem, Typography, Select } from '@material-ui/core';\nimport { useAppState } from '../../../state';\nimport useDevices from '../../../hooks/useDevices/useDevices';\n\nexport default function AudioOutputList() {\n  const { audioOutputDevices } = useDevices();\n  const { activeSinkId, setActiveSinkId } = useAppState();\n  const activeOutputLabel = audioOutputDevices.find(device => device.deviceId === activeSinkId)?.label;\n\n  return (\n    <div className=\"inputSelect\">\n      {audioOutputDevices.length > 1 ? (\n        <FormControl fullWidth>\n          <Typography variant=\"subtitle2\" gutterBottom>\n            Audio Output\n          </Typography>\n          <Select onChange={e => setActiveSinkId(e.target.value as string)} value={activeSinkId} variant=\"outlined\">\n            {audioOutputDevices.map(device => (\n              <MenuItem value={device.deviceId} key={device.deviceId}>\n                {device.label}\n              </MenuItem>\n            ))}\n          </Select>\n        </FormControl>\n      ) : (\n        <>\n          <Typography variant=\"subtitle2\">Audio Output</Typography>\n          <Typography>{activeOutputLabel || 'System Default Audio Output'}</Typography>\n        </>\n      )}\n    </div>\n  );\n}\n","import React, { useRef, useEffect } from 'react';\nimport { IVideoTrack } from '../../types';\nimport { styled } from '@material-ui/core/styles';\nimport { Track } from 'twilio-video';\nimport useMediaStreamTrack from '../../hooks/useMediaStreamTrack/useMediaStreamTrack';\nimport useVideoTrackDimensions from '../../hooks/useVideoTrackDimensions/useVideoTrackDimensions';\n\nconst Video = styled('video')({\n  width: '100%',\n  height: '100%',\n});\n\ninterface VideoTrackProps {\n  track: IVideoTrack;\n  isLocal?: boolean;\n  priority?: Track.Priority | null;\n}\n\nexport default function VideoTrack({ track, isLocal, priority }: VideoTrackProps) {\n  const ref = useRef<HTMLVideoElement>(null!);\n  const mediaStreamTrack = useMediaStreamTrack(track);\n  const dimensions = useVideoTrackDimensions(track);\n  const isPortrait = (dimensions?.height ?? 0) > (dimensions?.width ?? 0);\n\n  useEffect(() => {\n    const el = ref.current;\n    el.muted = true;\n    if (track.setPriority && priority) {\n      track.setPriority(priority);\n    }\n    track.attach(el);\n    return () => {\n      track.detach(el);\n\n      // This addresses a Chrome issue where the number of WebMediaPlayers is limited.\n      // See: https://github.com/twilio/twilio-video.js/issues/1528\n      el.srcObject = null;\n\n      if (track.setPriority && priority) {\n        // Passing `null` to setPriority will set the track's priority to that which it was published with.\n        track.setPriority(null);\n      }\n    };\n  }, [track, priority]);\n\n  // The local video track is mirrored if it is not facing the environment.\n  const isFrontFacing = mediaStreamTrack?.getSettings().facingMode !== 'environment';\n  const style = {\n    transform: isLocal && isFrontFacing ? 'rotateY(180deg)' : '',\n    objectFit: isPortrait || track.name.includes('screen') ? ('contain' as const) : ('cover' as const),\n  };\n\n  return <Video ref={ref} style={style} />;\n}\n","import { useState, useEffect } from 'react';\nimport { LocalVideoTrack, RemoteVideoTrack } from 'twilio-video';\n\ntype TrackType = LocalVideoTrack | RemoteVideoTrack;\n\nexport default function useVideoTrackDimensions(track?: TrackType) {\n  const [dimensions, setDimensions] = useState(track?.dimensions);\n\n  useEffect(() => {\n    setDimensions(track?.dimensions);\n\n    if (track) {\n      const handleDimensionsChanged = (newTrack: TrackType) =>\n        setDimensions({\n          width: newTrack.dimensions.width,\n          height: newTrack.dimensions.height,\n        });\n      track.on('dimensionsChanged', handleDimensionsChanged);\n      return () => {\n        track.off('dimensionsChanged', handleDimensionsChanged);\n      };\n    }\n  }, [track]);\n\n  return dimensions;\n}\n","import React, { useState } from 'react';\nimport { DEFAULT_VIDEO_CONSTRAINTS, SELECTED_VIDEO_INPUT_KEY } from '../../../constants';\nimport { FormControl, MenuItem, Typography, Select } from '@material-ui/core';\nimport { LocalVideoTrack } from 'twilio-video';\nimport { makeStyles } from '@material-ui/core/styles';\nimport VideoTrack from '../../VideoTrack/VideoTrack';\nimport useDevices from '../../../hooks/useDevices/useDevices';\nimport useMediaStreamTrack from '../../../hooks/useMediaStreamTrack/useMediaStreamTrack';\nimport useVideoContext from '../../../hooks/useVideoContext/useVideoContext';\n\nconst useStyles = makeStyles({\n  preview: {\n    width: '300px',\n    maxHeight: '200px',\n    margin: '0.5em auto',\n    '& video': {\n      maxHeight: '200px',\n    },\n  },\n});\n\nexport default function VideoInputList() {\n  const classes = useStyles();\n  const { videoInputDevices } = useDevices();\n  const { localTracks } = useVideoContext();\n\n  const localVideoTrack = localTracks.find(track => track.kind === 'video') as LocalVideoTrack | undefined;\n  const mediaStreamTrack = useMediaStreamTrack(localVideoTrack);\n  const [storedLocalVideoDeviceId, setStoredLocalVideoDeviceId] = useState(\n    window.localStorage.getItem(SELECTED_VIDEO_INPUT_KEY)\n  );\n  const localVideoInputDeviceId = mediaStreamTrack?.getSettings().deviceId || storedLocalVideoDeviceId;\n\n  function replaceTrack(newDeviceId: string) {\n    // Here we store the device ID in the component state. This is so we can re-render this component display\n    // to display the name of the selected device when it is changed while the users camera is off.\n    setStoredLocalVideoDeviceId(newDeviceId);\n    window.localStorage.setItem(SELECTED_VIDEO_INPUT_KEY, newDeviceId);\n    localVideoTrack?.restart({\n      ...(DEFAULT_VIDEO_CONSTRAINTS as {}),\n      deviceId: { exact: newDeviceId },\n    });\n  }\n\n  return (\n    <div>\n      {localVideoTrack && (\n        <div className={classes.preview}>\n          <VideoTrack isLocal track={localVideoTrack} />\n        </div>\n      )}\n      {videoInputDevices.length > 1 ? (\n        <FormControl fullWidth>\n          <Typography variant=\"subtitle2\" gutterBottom>\n            Video Input\n          </Typography>\n          <Select\n            onChange={e => replaceTrack(e.target.value as string)}\n            value={localVideoInputDeviceId || ''}\n            variant=\"outlined\"\n          >\n            {videoInputDevices.map(device => (\n              <MenuItem value={device.deviceId} key={device.deviceId}>\n                {device.label}\n              </MenuItem>\n            ))}\n          </Select>\n        </FormControl>\n      ) : (\n        <>\n          <Typography variant=\"subtitle2\" gutterBottom>\n            Video Input\n          </Typography>\n          <Typography>{localVideoTrack?.mediaStreamTrack.label || 'No Local Video'}</Typography>\n        </>\n      )}\n    </div>\n  );\n}\n","import React from 'react';\n\nimport AudioInputList from './AudioInputList/AudioInputList';\nimport AudioOutputList from './AudioOutputList/AudioOutputList';\nimport {\n  DialogContent,\n  Typography,\n  Divider,\n  Dialog,\n  DialogActions,\n  Button,\n  Theme,\n  DialogTitle,\n} from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\nimport VideoInputList from './VideoInputList/VideoInputList';\n\nconst useStyles = makeStyles((theme: Theme) => ({\n  container: {\n    width: '600px',\n    minHeight: '400px',\n    [theme.breakpoints.down('xs')]: {\n      width: 'calc(100vw - 32px)',\n    },\n    '& .inputSelect': {\n      width: 'calc(100% - 35px)',\n    },\n  },\n  button: {\n    float: 'right',\n  },\n  paper: {\n    [theme.breakpoints.down('xs')]: {\n      margin: '16px',\n    },\n  },\n  headline: {\n    marginBottom: '1.3em',\n    fontSize: '1.1rem',\n  },\n  listSection: {\n    margin: '2em 0 0.8em',\n    '&:first-child': {\n      margin: '1em 0 2em 0',\n    },\n  },\n}));\n\nexport default function DeviceSelectionDialog({ open, onClose }: { open: boolean; onClose: () => void }) {\n  const classes = useStyles();\n\n  return (\n    <Dialog open={open} onClose={onClose} classes={{ paper: classes.paper }}>\n      <DialogTitle>Audio and Video Settings</DialogTitle>\n      <Divider />\n      <DialogContent className={classes.container}>\n        <div className={classes.listSection}>\n          <Typography variant=\"h6\" className={classes.headline}>\n            Video\n          </Typography>\n          <VideoInputList />\n        </div>\n        <Divider />\n        <div className={classes.listSection}>\n          <Typography variant=\"h6\" className={classes.headline}>\n            Audio\n          </Typography>\n          <AudioInputList />\n        </div>\n        <div className={classes.listSection}>\n          <AudioOutputList />\n        </div>\n      </DialogContent>\n      <Divider />\n      <DialogActions>\n        <Button color=\"primary\" variant=\"contained\" className={classes.button} onClick={onClose}>\n          Done\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n}\n","import React from 'react';\n\nexport default function InfoIconOutlined() {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\n      <g fill=\"none\" fillRule=\"evenodd\">\n        <g fill=\"#707578\">\n          <path\n            d=\"M10 2c4.418 0 8 3.582 8 8s-3.582 8-8 8-8-3.582-8-8 3.582-8 8-8zm0 1.25c-3.728 0-6.75 3.022-6.75 6.75s3.022 6.75 6.75 6.75 6.75-3.022 6.75-6.75S13.728 3.25 10 3.25zM10 9c.552 0 1 .448 1 1v3c0 .552-.448 1-1 1s-1-.448-1-1v-3c0-.552.448-1 1-1zm0-3c.552 0 1 .448 1 1s-.448 1-1 1-1-.448-1-1 .448-1 1-1z\"\n            transform=\"translate(-1107 -888) translate(1082 799) translate(1 81) translate(24 8)\"\n          />\n        </g>\n      </g>\n    </svg>\n  );\n}\n","import React from 'react';\n\nexport default function StartRecordingIcon() {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\n      <g fill=\"none\" fillRule=\"evenodd\">\n        <g fill=\"#707578\">\n          <path\n            d=\"M14.714 5.286c2.604 2.603 2.604 6.825 0 9.428-2.603 2.604-6.825 2.604-9.428 0-2.604-2.603-2.604-6.825 0-9.428 2.603-2.604 6.825-2.604 9.428 0zm-8.703.725c-2.203 2.203-2.203 5.775 0 7.978 2.203 2.203 5.775 2.203 7.978 0 2.142-2.142 2.201-5.577.178-7.791l-.178-.187-.187-.178c-2.214-2.023-5.649-1.964-7.79.178zM10 5.833c2.301 0 4.167 1.866 4.167 4.167 0 2.301-1.866 4.167-4.167 4.167-2.301 0-4.167-1.866-4.167-4.167C5.833 7.699 7.7 5.833 10 5.833z\"\n            transform=\"translate(-175 -158) translate(150 141) translate(1 9) translate(24 8)\"\n          />\n        </g>\n      </g>\n    </svg>\n  );\n}\n","import React from 'react';\n\nexport default function StopRecordingIcon() {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\n      <g fill=\"none\" fillRule=\"evenodd\">\n        <g fill=\"#707578\">\n          <path\n            d=\"M15 3.333c.92 0 1.667.747 1.667 1.667v10c0 .92-.747 1.667-1.667 1.667H5c-.92 0-1.667-.747-1.667-1.667V5c0-.92.747-1.667 1.667-1.667h10zm0 .834H5c-.427 0-.78.321-.828.736L4.167 5v10c0 .427.321.78.736.828l.097.005h10c.427 0 .78-.321.828-.736l.005-.097V5c0-.427-.321-.78-.736-.828L15 4.167zm-.833 1.666v8.334H5.833V5.833h8.334z\"\n            transform=\"translate(-175 -158) translate(150 141) translate(1 9) translate(24 8)\"\n          />\n        </g>\n      </g>\n    </svg>\n  );\n}\n","import React from 'react';\n\nexport default function SettingsIcon() {\n  return (\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M16.774 14.14L16.3413 13.2506C16.3286 13.2244 16.3173 13.1974 16.3075 13.17C16.1465 12.7274 16.3736 12.2377 16.8155 12.0749L17.7467 11.7347C18.5055 11.4566 19.0077 10.7311 19.0011 9.92278C18.9944 9.11441 18.4804 8.39788 17.7172 8.13314L16.7859 7.81039C16.758 7.80094 16.7306 7.7894 16.7056 7.77843C16.2794 7.57999 16.0942 7.07384 16.2915 6.64668L16.7082 5.74887C17.049 5.01563 16.8921 4.14738 16.3163 3.58049C15.7405 3.0136 14.8703 2.87065 14.1431 3.2235L13.246 3.65462C13.2199 3.66744 13.1931 3.67882 13.1658 3.68869C12.954 3.76821 12.7189 3.75812 12.5148 3.66073C12.3097 3.56606 12.1511 3.39306 12.0746 3.18044L12.0741 3.17844L11.7334 2.25081C11.4547 1.49408 10.7313 0.994061 9.92513 1.00105C9.119 1.00804 8.40369 1.52053 8.13727 2.28199L7.8091 3.22223C7.79964 3.25006 7.78863 3.27733 7.7761 3.30391C7.57656 3.73058 7.06934 3.91499 6.64288 3.71592L5.74485 3.29868C5.01263 2.96105 4.14713 3.11998 3.58195 3.69585C3.01677 4.27171 2.87367 5.14046 3.22434 5.86685L3.65571 6.76067C3.66851 6.78686 3.67999 6.81368 3.69009 6.84103C3.85069 7.28399 3.62314 7.77372 3.18105 7.9366L2.25109 8.27683C1.74395 8.46368 1.33939 8.85649 1.13749 9.3581C0.935598 9.8597 0.955223 10.4232 1.19151 10.9093C1.41059 11.3666 1.80499 11.7159 2.28525 11.878L3.21579 12.2005C3.24614 12.2114 3.27565 12.2233 3.30063 12.2343C3.72728 12.4329 3.91226 12.9399 3.7139 13.3671L3.29483 14.2675C3.07772 14.742 3.06371 15.2845 3.25603 15.7693C3.44835 16.2542 3.83032 16.6393 4.31342 16.8354C4.34216 16.847 4.3712 16.8578 4.40056 16.8679C4.87879 17.0366 5.40471 17.0069 5.86112 16.7853L6.75557 16.3531C6.78218 16.3402 6.81093 16.3286 6.8356 16.3194C7.04851 16.2445 7.282 16.2542 7.48788 16.3465C7.6933 16.4413 7.85223 16.6144 7.92922 16.8273L8.27064 17.7606C8.55155 18.5147 9.27456 19.0117 10.079 19.0036C10.8834 18.9955 11.5969 18.4841 11.8635 17.7245L12.1864 16.7928C12.1968 16.7627 12.2087 16.7332 12.2201 16.7083C12.4211 16.2836 12.9258 16.099 13.3529 16.2939L14.2494 16.7105C14.9825 17.0512 15.8508 16.8933 16.4177 16.3161C16.9845 15.7389 17.1272 14.8675 16.774 14.14ZM15.4272 15.7438C15.1965 15.8557 14.9279 15.8582 14.6953 15.7505L13.7992 15.334C13.3395 15.1185 12.8127 15.0956 12.3358 15.2705C11.8589 15.4453 11.4714 15.8035 11.2594 16.2653C11.2334 16.3231 11.21 16.381 11.1879 16.4434L10.8648 17.3755C10.7896 17.5889 10.6327 17.7637 10.4286 17.8613C10.2245 17.959 9.9901 17.9714 9.77695 17.8959C9.53792 17.8159 9.34868 17.6308 9.26323 17.3935L8.92318 16.4634C8.74891 15.9867 8.39229 15.5989 7.93192 15.3856C7.47155 15.1724 6.94522 15.1511 6.46891 15.3264C6.40896 15.349 6.35008 15.3734 6.29456 15.4005L5.4017 15.832C5.198 15.9306 4.96337 15.9438 4.75003 15.8685C4.53569 15.7956 4.36017 15.6387 4.26376 15.4338C4.15381 15.2059 4.15081 14.9409 4.25558 14.7105L4.6727 13.8138C4.88722 13.3534 4.9098 12.8267 4.73547 12.3499C4.56113 11.8731 4.20422 11.4855 3.74357 11.2726C3.71568 11.26 3.68725 11.2477 3.65813 11.2359C3.62824 11.2238 3.59766 11.2124 3.56562 11.2012L2.6307 10.8774C2.29028 10.7597 2.06067 10.4405 2.0571 10.0801C2.05353 9.71966 2.27677 9.39575 2.61479 9.2709L3.54421 8.93088C4.05237 8.74551 4.45826 8.35329 4.66113 7.8516C4.864 7.34991 4.8448 6.7858 4.60832 6.29933L4.17719 5.40605C4.0208 5.08228 4.08434 4.69501 4.33601 4.43805C4.58769 4.18109 4.97337 4.1097 5.30004 4.2596L6.19629 4.67569C6.65433 4.89215 7.1799 4.91661 7.65626 4.74364C8.13263 4.57067 8.52036 4.21458 8.73335 3.75445C8.7625 3.69314 8.78809 3.6302 8.80997 3.56594L9.13622 2.6316C9.29214 2.18707 9.77837 1.95273 10.2227 2.10793C10.4645 2.18868 10.6555 2.37645 10.7405 2.61689L11.0804 3.54291C11.2533 4.01887 11.6082 4.40647 12.067 4.62043C12.5257 4.83438 13.0507 4.85716 13.5265 4.68374C13.5885 4.66176 13.6492 4.63608 13.7082 4.60683L14.6033 4.17624C14.8065 4.07688 15.0408 4.06283 15.2542 4.13722C15.4693 4.20945 15.6456 4.36621 15.7425 4.57137C15.8549 4.80183 15.8573 5.07079 15.749 5.30333L15.3321 6.20153C15.1187 6.66179 15.0968 7.18798 15.2714 7.66415C15.446 8.14033 15.8026 8.52742 16.2627 8.74013C16.3185 8.76535 16.3747 8.78849 16.4369 8.81002L17.3702 9.13315C17.7106 9.2515 17.9398 9.57117 17.9428 9.93176C17.9458 10.2924 17.722 10.6161 17.3836 10.7405L16.4524 11.0806C15.4631 11.4445 14.9535 12.54 15.3125 13.5312C15.335 13.5933 15.3607 13.6541 15.3895 13.7135L15.8224 14.6035C15.9214 14.807 15.9353 15.0416 15.8612 15.2555C15.787 15.4694 15.6309 15.6451 15.4272 15.7438L15.4272 15.7438ZM11.3877 6.5684C9.49155 5.80233 7.33291 6.71966 6.5662 8.61733C5.79949 10.515 6.71505 12.6744 8.61116 13.4405C10.5073 14.2065 12.6659 13.2892 13.4326 11.3915C14.197 9.49389 13.2821 7.33617 11.3877 6.5684ZM9.00779 12.4587C7.65343 11.9115 6.99946 10.3691 7.54711 9.01364C8.09476 7.65816 9.63664 7.00292 10.991 7.55012C12.3454 8.09732 12.9993 9.63974 12.4517 10.9952C11.9028 12.3495 10.3621 13.0042 9.00779 12.4587Z\"\n        fill=\"#606B85\"\n      />\n    </svg>\n  );\n}\n","import React, { createContext, useCallback, useEffect, useRef, useState } from 'react';\nimport { Client } from '@twilio/conversations';\nimport { Conversation } from '@twilio/conversations/lib/conversation';\nimport { Message } from '@twilio/conversations/lib/message';\nimport useVideoContext from '../../hooks/useVideoContext/useVideoContext';\n\ntype ChatContextType = {\n  isChatWindowOpen: boolean;\n  setIsChatWindowOpen: (isChatWindowOpen: boolean) => void;\n  connect: (token: string) => void;\n  hasUnreadMessages: boolean;\n  messages: Message[];\n  conversation: Conversation | null;\n};\n\nexport const ChatContext = createContext<ChatContextType>(null!);\n\nexport const ChatProvider: React.FC = ({ children }) => {\n  const { room, onError } = useVideoContext();\n  const isChatWindowOpenRef = useRef(false);\n  const [isChatWindowOpen, setIsChatWindowOpen] = useState(false);\n  const [conversation, setConversation] = useState<Conversation | null>(null);\n  const [messages, setMessages] = useState<Message[]>([]);\n  const [hasUnreadMessages, setHasUnreadMessages] = useState(false);\n  const [chatClient, setChatClient] = useState<Client>();\n\n  const connect = useCallback(\n    (token: string) => {\n      Client.create(token)\n        .then(client => {\n          //@ts-ignore\n          window.chatClient = client;\n          setChatClient(client);\n        })\n        .catch(e => {\n          console.error(e);\n          onError(new Error(\"There was a problem connecting to Twilio's conversation service.\"));\n        });\n    },\n    [onError]\n  );\n\n  useEffect(() => {\n    if (conversation) {\n      const handleMessageAdded = (message: Message) => setMessages(oldMessages => [...oldMessages, message]);\n      conversation.getMessages().then(newMessages => setMessages(newMessages.items));\n      conversation.on('messageAdded', handleMessageAdded);\n      return () => {\n        conversation.off('messageAdded', handleMessageAdded);\n      };\n    }\n  }, [conversation]);\n\n  useEffect(() => {\n    // If the chat window is closed and there are new messages, set hasUnreadMessages to true\n    if (!isChatWindowOpenRef.current && messages.length) {\n      setHasUnreadMessages(true);\n    }\n  }, [messages]);\n\n  useEffect(() => {\n    isChatWindowOpenRef.current = isChatWindowOpen;\n    if (isChatWindowOpen) setHasUnreadMessages(false);\n  }, [isChatWindowOpen]);\n\n  useEffect(() => {\n    if (room && chatClient) {\n      chatClient\n        .getConversationByUniqueName(room.sid)\n        .then(newConversation => {\n          //@ts-ignore\n          window.chatConversation = newConversation;\n          setConversation(newConversation);\n        })\n        .catch(e => {\n          console.error(e);\n          onError(new Error('There was a problem getting the Conversation associated with this room.'));\n        });\n    }\n  }, [room, chatClient, onError]);\n\n  return (\n    <ChatContext.Provider\n      value={{ isChatWindowOpen, setIsChatWindowOpen, connect, hasUnreadMessages, messages, conversation }}\n    >\n      {children}\n    </ChatContext.Provider>\n  );\n};\n","import { useContext } from 'react';\nimport { ChatContext } from '../../components/ChatProvider';\n\nexport default function useChatContext() {\n  const context = useContext(ChatContext);\n  if (!context) {\n    throw new Error('useChatContext must be used within a ChatProvider');\n  }\n  return context;\n}\n","import { useEffect, useState } from 'react';\nimport useVideoContext from '../useVideoContext/useVideoContext';\n\nexport default function useIsRecording() {\n  const { room } = useVideoContext();\n  const [isRecording, setIsRecording] = useState(Boolean(room?.isRecording));\n\n  useEffect(() => {\n    if (room) {\n      setIsRecording(room.isRecording);\n\n      const handleRecordingStarted = () => setIsRecording(true);\n      const handleRecordingStopped = () => setIsRecording(false);\n\n      room.on('recordingStarted', handleRecordingStarted);\n      room.on('recordingStopped', handleRecordingStopped);\n\n      return () => {\n        room.off('recordingStarted', handleRecordingStarted);\n        room.off('recordingStopped', handleRecordingStopped);\n      };\n    }\n  }, [room]);\n\n  return isRecording;\n}\n","import React from 'react';\n\nexport default function FlipCameraIcon() {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"25\" height=\"24\" viewBox=\"0 0 25 24\">\n      <g fill=\"none\" fillRule=\"evenodd\">\n        <g fill=\"#707578\">\n          <path\n            d=\"M12 3.5c4.694 0 8.5 3.806 8.5 8.5s-3.806 8.5-8.5 8.5-8.5-3.806-8.5-8.5S7.306 3.5 12 3.5zm0 1c-4.142 0-7.5 3.358-7.5 7.5 0 4.142 3.358 7.5 7.5 7.5 4.142 0 7.5-3.358 7.5-7.5 0-4.142-3.358-7.5-7.5-7.5zm1.367 3.429C14.959 8.492 16.1 10.215 16.1 12c0 1.16-.481 2.294-1.256 3.1h.356c.245 0 .45.177.492.41l.008.09c0 .245-.177.45-.41.492l-.09.008h-2.008l-.048-.003-.034-.005c-.088-.017-.167-.055-.233-.11l-.06-.06c-.037-.044-.067-.096-.087-.151l-.001-.004-.012-.04c-.004-.012-.007-.024-.009-.037v-.005c-.005-.024-.006-.042-.007-.06L12.7 13.6c0-.276.224-.5.5-.5.245 0 .45.177.492.41l.008.09v1.176c.833-.6 1.4-1.676 1.4-2.776 0-1.373-.886-2.71-2.067-3.129-.26-.092-.396-.377-.304-.638.092-.26.378-.396.638-.304zm-2.559-.03c.03.001.058.004.086.01l.062.016.018.006c.04.015.075.034.108.056.086.059.152.143.188.242l.001.004.008.025c.006.017.01.034.013.052l.008.09v2c0 .276-.224.5-.5.5-.245 0-.45-.177-.492-.41l-.008-.09V9.224c-.833.6-1.4 1.676-1.4 2.776 0 1.373.886 2.71 2.067 3.129.26.092.396.377.304.638-.092.26-.378.396-.638.304C9.041 15.508 7.9 13.785 7.9 12c0-1.16.481-2.294 1.255-3.1H8.8c-.245 0-.45-.177-.492-.41L8.3 8.4c0-.245.177-.45.41-.492L8.8 7.9h2.008z\"\n            transform=\"translate(-233 -689) translate(-1 673) translate(37 16) translate(197.298)\"\n          />\n        </g>\n      </g>\n    </svg>\n  );\n}\n","import React, { useState, useEffect, useRef } from 'react';\nimport AboutDialog from '../../AboutDialog/AboutDialog';\nimport BackgroundIcon from '../../../icons/BackgroundIcon';\nimport DeviceSelectionDialog from '../../DeviceSelectionDialog/DeviceSelectionDialog';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport InfoIconOutlined from '../../../icons/InfoIconOutlined';\nimport MoreIcon from '@material-ui/icons/MoreVert';\nimport StartRecordingIcon from '../../../icons/StartRecordingIcon';\nimport StopRecordingIcon from '../../../icons/StopRecordingIcon';\nimport SearchIcon from '@material-ui/icons/Search';\nimport SettingsIcon from '../../../icons/SettingsIcon';\nimport { Button, styled, Theme, useMediaQuery, Menu as MenuContainer, MenuItem, Typography } from '@material-ui/core';\nimport { isSupported } from '@twilio/video-processors';\n\nimport { useAppState } from '../../../state';\nimport useChatContext from '../../../hooks/useChatContext/useChatContext';\nimport useIsRecording from '../../../hooks/useIsRecording/useIsRecording';\nimport useVideoContext from '../../../hooks/useVideoContext/useVideoContext';\nimport FlipCameraIcon from '../../../icons/FlipCameraIcon';\nimport useFlipCameraToggle from '../../../hooks/useFlipCameraToggle/useFlipCameraToggle';\nimport { VideoRoomMonitor } from '@twilio/video-room-monitor';\n\nexport const IconContainer = styled('div')({\n  display: 'flex',\n  justifyContent: 'center',\n  width: '1.5em',\n  marginRight: '0.3em',\n});\n\nexport default function Menu(props: { buttonClassName?: string }) {\n  const isMobile = useMediaQuery((theme: Theme) => theme.breakpoints.down('sm'));\n  const [aboutOpen, setAboutOpen] = useState(false);\n  const [menuOpen, setMenuOpen] = useState(false);\n  const [settingsOpen, setSettingsOpen] = useState(false);\n  const [isAgentCall, setIsAgentCall] = useState<boolean>(false);\n\n  const { isFetching, updateRecordingRules, roomType } = useAppState();\n  const { setIsChatWindowOpen } = useChatContext();\n  const isRecording = useIsRecording();\n  const { room, setIsBackgroundSelectionOpen } = useVideoContext();\n\n  const anchorRef = useRef<HTMLButtonElement>(null);\n  const { flipCameraDisabled, toggleFacingMode, flipCameraSupported } = useFlipCameraToggle();\n\n  useEffect(() => {\n    const searchStr = window.sessionStorage.getItem('searchStr');\n    if (!!searchStr) {\n      const searchParams = new URLSearchParams(searchStr);\n      const agentCall = searchParams.get('isAgentCall');\n      if (!!agentCall && agentCall === 'true') {\n        setIsAgentCall(true);\n      }\n    }\n  }, []);\n\n  return (\n    <>\n      <Button\n        onClick={() => setMenuOpen(isOpen => !isOpen)}\n        ref={anchorRef}\n        className={props.buttonClassName}\n        data-cy-more-button\n      >\n        {isMobile ? (\n          <MoreIcon />\n        ) : (\n          <>\n            More\n            <ExpandMoreIcon />\n          </>\n        )}\n      </Button>\n      <MenuContainer\n        open={menuOpen}\n        onClose={() => setMenuOpen(isOpen => !isOpen)}\n        anchorEl={anchorRef.current}\n        anchorOrigin={{\n          vertical: 'top',\n          horizontal: 'left',\n        }}\n        transformOrigin={{\n          vertical: isMobile ? -55 : 'bottom',\n          horizontal: 'center',\n        }}\n      >\n        <MenuItem onClick={() => setSettingsOpen(true)}>\n          <IconContainer>\n            <SettingsIcon />\n          </IconContainer>\n          <Typography variant=\"body1\">Audio and Video Settings</Typography>\n        </MenuItem>\n\n        {isSupported && (\n          <MenuItem\n            onClick={() => {\n              setIsBackgroundSelectionOpen(true);\n              setIsChatWindowOpen(false);\n              setMenuOpen(false);\n            }}\n          >\n            <IconContainer>\n              <BackgroundIcon />\n            </IconContainer>\n            <Typography variant=\"body1\">Backgrounds</Typography>\n          </MenuItem>\n        )}\n\n        {flipCameraSupported && (\n          <MenuItem disabled={flipCameraDisabled} onClick={toggleFacingMode}>\n            <IconContainer>\n              <FlipCameraIcon />\n            </IconContainer>\n            <Typography variant=\"body1\">Flip Camera</Typography>\n          </MenuItem>\n        )}\n\n        {roomType !== 'peer-to-peer' && roomType !== 'go' && (\n          <MenuItem\n            disabled={isFetching || !isAgentCall}\n            onClick={() => {\n              setMenuOpen(false);\n              if (isRecording) {\n                updateRecordingRules(room!.sid, [{ type: 'exclude', all: true }]);\n              } else {\n                updateRecordingRules(room!.sid, [{ type: 'include', all: true }]);\n              }\n            }}\n            data-cy-recording-button\n          >\n            <IconContainer>{isRecording ? <StopRecordingIcon /> : <StartRecordingIcon />}</IconContainer>\n            <Typography variant=\"body1\">{isRecording ? 'Stop' : 'Start'} Recording</Typography>\n          </MenuItem>\n        )}\n\n        <MenuItem\n          onClick={() => {\n            VideoRoomMonitor.toggleMonitor();\n            setMenuOpen(false);\n          }}\n        >\n          <IconContainer>\n            <SearchIcon style={{ fill: '#707578', width: '0.9em' }} />\n          </IconContainer>\n          <Typography variant=\"body1\">Room Monitor</Typography>\n        </MenuItem>\n\n        <MenuItem onClick={() => setAboutOpen(true)}>\n          <IconContainer>\n            <InfoIconOutlined />\n          </IconContainer>\n          <Typography variant=\"body1\">About</Typography>\n        </MenuItem>\n      </MenuContainer>\n      <AboutDialog\n        open={aboutOpen}\n        onClose={() => {\n          setAboutOpen(false);\n          setMenuOpen(false);\n        }}\n      />\n      <DeviceSelectionDialog\n        open={settingsOpen}\n        onClose={() => {\n          setSettingsOpen(false);\n          setMenuOpen(false);\n        }}\n      />\n    </>\n  );\n}\n","import { useCallback, useEffect, useState } from 'react';\nimport { DEFAULT_VIDEO_CONSTRAINTS } from '../../constants';\nimport { LocalVideoTrack } from 'twilio-video';\nimport useDevices from '../useDevices/useDevices';\nimport useMediaStreamTrack from '../useMediaStreamTrack/useMediaStreamTrack';\nimport useVideoContext from '../useVideoContext/useVideoContext';\n\nexport default function useFlipCameraToggle() {\n  const { localTracks } = useVideoContext();\n  const [supportsFacingMode, setSupportsFacingMode] = useState(false);\n  const videoTrack = localTracks.find(track => !track.name.includes('screen') && track.kind === 'video') as\n    | LocalVideoTrack\n    | undefined;\n  const mediaStreamTrack = useMediaStreamTrack(videoTrack);\n  const { videoInputDevices } = useDevices();\n\n  useEffect(() => {\n    // The 'supportsFacingMode' variable determines if this component is rendered\n    // If 'facingMode' exists, we will set supportsFacingMode to true.\n    // However, if facingMode is ever undefined again (when the user unpublishes video), we\n    // won't set 'supportsFacingMode' to false. This prevents the icon from briefly\n    // disappearing when the user switches their front/rear camera.\n    const currentFacingMode = mediaStreamTrack?.getSettings().facingMode;\n    if (currentFacingMode && supportsFacingMode === false) {\n      setSupportsFacingMode(true);\n    }\n  }, [mediaStreamTrack, supportsFacingMode]);\n\n  const toggleFacingMode = useCallback(() => {\n    const newFacingMode = mediaStreamTrack?.getSettings().facingMode === 'user' ? 'environment' : 'user';\n    videoTrack?.restart({\n      ...(DEFAULT_VIDEO_CONSTRAINTS as {}),\n      facingMode: newFacingMode,\n    });\n  }, [mediaStreamTrack, videoTrack]);\n\n  return {\n    flipCameraDisabled: !videoTrack,\n    toggleFacingMode,\n    flipCameraSupported: supportsFacingMode && videoInputDevices.length > 1,\n  };\n}\n","import { useEffect, useState } from 'react';\nimport useVideoContext from '../useVideoContext/useVideoContext';\n\ntype RoomStateType = 'disconnected' | 'connected' | 'reconnecting';\n\nexport default function useRoomState() {\n  const { room } = useVideoContext();\n  const [state, setState] = useState<RoomStateType>('disconnected');\n\n  useEffect(() => {\n    if (room) {\n      const setRoomState = () => setState(room.state as RoomStateType);\n      setRoomState();\n      room\n        .on('disconnected', setRoomState)\n        .on('reconnected', setRoomState)\n        .on('reconnecting', setRoomState);\n      return () => {\n        room\n          .off('disconnected', setRoomState)\n          .off('reconnected', setRoomState)\n          .off('reconnecting', setRoomState);\n      };\n    }\n  }, [room]);\n\n  return state;\n}\n","import React from 'react';\n\nexport default function MicIcon() {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"17\" viewBox=\"0 0 12 17\">\n      <path\n        fill=\"#707578\"\n        fillRule=\"evenodd\"\n        d=\"M11.389 6.667c.276 0 .5.224.5.5 0 3.114-2.396 5.67-5.445 5.923v2.632c0 .276-.223.5-.5.5-.245 0-.45-.177-.491-.41l-.009-.09V13.09C2.395 12.836 0 10.281 0 7.167c0-.276.224-.5.5-.5s.5.224.5.5c0 2.73 2.214 4.944 4.944 4.944 2.731 0 4.945-2.214 4.945-4.944 0-.276.224-.5.5-.5zM5.944 0C7.51 0 8.778 1.268 8.778 2.833v4.334C8.778 8.73 7.51 10 5.944 10 4.38 10 3.111 8.73 3.111 7.167V2.833C3.111 1.268 4.38 0 5.944 0zm0 1c-1.012 0-1.833.82-1.833 1.833v4.334C4.111 8.179 4.933 9 5.944 9c1.013 0 1.834-.82 1.834-1.833V2.833C7.778 1.82 6.958 1 5.944 1z\"\n      />\n    </svg>\n  );\n}\n","import React from 'react';\n\nexport default function MicOffIcon() {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"25\" height=\"24\" viewBox=\"0 0 25 24\">\n      <g fill=\"none\" fillRule=\"evenodd\">\n        <path\n          fill=\"#707578\"\n          d=\"M11.889 6.667c.276 0 .5.224.5.5 0 3.114-2.396 5.67-5.445 5.923v2.632c0 .276-.223.5-.5.5-.245 0-.45-.177-.491-.41l-.009-.09V13.09c-1.116-.093-2.145-.494-3-1.119l.717-.717c.793.54 1.751.857 2.783.857 2.731 0 4.945-2.214 4.945-4.944 0-.276.224-.5.5-.5zM1 6.667c.276 0 .5.224.5.5 0 .975.282 1.884.77 2.65l-.722.721C.888 9.58.5 8.418.5 7.167c0-.276.224-.5.5-.5zm8.277-1.031v1.53C9.278 8.732 8.01 10 6.445 10c-.446 0-.868-.103-1.243-.287l.776-.773c.149.039.306.06.467.06.963 0 1.751-.74 1.828-1.683l.006-.15v-.531l1-1zM6.444 0C8.01 0 9.278 1.268 9.278 2.833l-.002-.025-.999.999v-.974c0-.962-.74-1.75-1.682-1.827L6.445 1c-.962 0-1.751.74-1.828 1.683l-.006.15v4.334c0 .097.008.192.022.285l-.804.805c-.112-.269-.184-.558-.209-.86l-.009-.23V2.833C3.611 1.268 4.88 0 6.444 0z\"\n          transform=\"translate(6.5 4)\"\n        />\n        <path\n          fill=\"red\"\n          d=\"M12.146.646c.196-.195.512-.195.708 0 .173.174.192.443.057.638l-.057.07-12 12c-.196.195-.512.195-.708 0-.173-.174-.192-.443-.057-.638l.057-.07 12-12z\"\n          transform=\"translate(6.5 4)\"\n        />\n      </g>\n    </svg>\n  );\n}\n","import React from 'react';\n\nimport Button from '@material-ui/core/Button';\nimport MicIcon from '../../../icons/MicIcon';\nimport MicOffIcon from '../../../icons/MicOffIcon';\n\nimport useLocalAudioToggle from '../../../hooks/useLocalAudioToggle/useLocalAudioToggle';\nimport useVideoContext from '../../../hooks/useVideoContext/useVideoContext';\n\nexport default function ToggleAudioButton(props: { disabled?: boolean; className?: string }) {\n  const [isAudioEnabled, toggleAudioEnabled] = useLocalAudioToggle();\n  const { localTracks } = useVideoContext();\n  const hasAudioTrack = localTracks.some(track => track.kind === 'audio');\n\n  return (\n    <Button\n      className={props.className}\n      onClick={toggleAudioEnabled}\n      disabled={!hasAudioTrack || props.disabled}\n      startIcon={isAudioEnabled ? <MicIcon /> : <MicOffIcon />}\n      data-cy-audio-toggle\n    >\n      {!hasAudioTrack ? 'No Audio' : isAudioEnabled ? 'Mute' : 'Unmute'}\n    </Button>\n  );\n}\n","import { LocalAudioTrack } from 'twilio-video';\nimport { useCallback } from 'react';\nimport useIsTrackEnabled from '../useIsTrackEnabled/useIsTrackEnabled';\nimport useVideoContext from '../useVideoContext/useVideoContext';\n\nexport default function useLocalAudioToggle() {\n  const { localTracks } = useVideoContext();\n  const audioTrack = localTracks.find(track => track.kind === 'audio') as LocalAudioTrack;\n  const isEnabled = useIsTrackEnabled(audioTrack);\n\n  const toggleAudioEnabled = useCallback(() => {\n    if (audioTrack) {\n      audioTrack.isEnabled ? audioTrack.disable() : audioTrack.enable();\n    }\n  }, [audioTrack]);\n\n  return [isEnabled, toggleAudioEnabled] as const;\n}\n","import React from 'react';\n\nexport default function ChatIcon() {\n  return (\n    <svg width=\"19\" height=\"17\" viewBox=\"0 0 19 17\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M0 1C0 0.723858 0.223858 0.5 0.5 0.5H18.5C18.7761 0.5 19 0.723858 19 1V13C19 13.2761 18.7761 13.5 18.5 13.5H9.3096L6.32421 16.361C6.1796 16.4996 5.96624 16.5385 5.78202 16.4599C5.59779 16.3813 5.47826 16.2003 5.47826 16V13.5H0.5C0.223858 13.5 0 13.2761 0 13V1ZM1 1.5V12.5H5.97826C6.2544 12.5 6.47826 12.7239 6.47826 13V14.8283L8.76274 12.639C8.85583 12.5498 8.97977 12.5 9.1087 12.5H18V1.5H1Z\"\n        fill=\"#707578\"\n      />\n    </svg>\n  );\n}\n","import React, { useEffect, useState } from 'react';\nimport Button from '@material-ui/core/Button';\nimport ChatIcon from '../../../icons/ChatIcon';\nimport clsx from 'clsx';\nimport { makeStyles } from '@material-ui/core';\nimport useChatContext from '../../../hooks/useChatContext/useChatContext';\nimport useVideoContext from '../../../hooks/useVideoContext/useVideoContext';\n\nexport const ANIMATION_DURATION = 700;\n\nconst useStyles = makeStyles({\n  iconContainer: {\n    position: 'relative',\n    display: 'flex',\n  },\n  circle: {\n    width: '10px',\n    height: '10px',\n    backgroundColor: '#5BB75B',\n    borderRadius: '50%',\n    position: 'absolute',\n    top: '-3px',\n    left: '13px',\n    opacity: 0,\n    transition: `opacity ${ANIMATION_DURATION * 0.5}ms ease-in`,\n  },\n  hasUnreadMessages: {\n    opacity: 1,\n  },\n  ring: {\n    border: '3px solid #5BB75B',\n    borderRadius: '30px',\n    height: '14px',\n    width: '14px',\n    position: 'absolute',\n    left: '11px',\n    top: '-5px',\n    opacity: 0,\n  },\n  animateRing: {\n    animation: `$expand ${ANIMATION_DURATION}ms ease-out`,\n    animationIterationCount: 1,\n  },\n  '@keyframes expand': {\n    '0%': {\n      transform: 'scale(0.1, 0.1)',\n      opacity: 0,\n    },\n    '50%': {\n      opacity: 1,\n    },\n    '100%': {\n      transform: 'scale(1.4, 1.4)',\n      opacity: 0,\n    },\n  },\n});\n\nexport default function ToggleChatButton() {\n  const classes = useStyles();\n  const [shouldAnimate, setShouldAnimate] = useState(false);\n  const { isChatWindowOpen, setIsChatWindowOpen, conversation, hasUnreadMessages } = useChatContext();\n  const { setIsBackgroundSelectionOpen } = useVideoContext();\n\n  const toggleChatWindow = () => {\n    setIsChatWindowOpen(!isChatWindowOpen);\n    setIsBackgroundSelectionOpen(false);\n  };\n\n  useEffect(() => {\n    if (shouldAnimate) {\n      setTimeout(() => setShouldAnimate(false), ANIMATION_DURATION);\n    }\n  }, [shouldAnimate]);\n\n  useEffect(() => {\n    if (conversation && !isChatWindowOpen) {\n      const handleNewMessage = () => setShouldAnimate(true);\n      conversation.on('messageAdded', handleNewMessage);\n      return () => {\n        conversation.off('messageAdded', handleNewMessage);\n      };\n    }\n  }, [conversation, isChatWindowOpen]);\n\n  return (\n    <Button\n      data-cy-chat-button\n      onClick={toggleChatWindow}\n      disabled={!conversation}\n      startIcon={\n        <div className={classes.iconContainer}>\n          <ChatIcon />\n          <div className={clsx(classes.ring, { [classes.animateRing]: shouldAnimate })} />\n          <div className={clsx(classes.circle, { [classes.hasUnreadMessages]: hasUnreadMessages })} />\n        </div>\n      }\n    >\n      Chat\n    </Button>\n  );\n}\n","import React from 'react';\n\nexport default function VideoOffIcon() {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\n      <g fill=\"none\" fillRule=\"evenodd\">\n        <path\n          fill=\"#707578\"\n          d=\"M10.503.85c.32 0 .611.125.827.329l-.696.697c-.025-.018-.053-.032-.084-.038l-.047-.006H1.207c-.102 0-.19.071-.216.165l-.008.059v7.866c0 .101.07.189.165.215l.059.008h1.156l-.983.983h-.173c-.624 0-1.139-.476-1.2-1.083L0 9.922V2.056C0 1.433.476.917 1.084.856l.123-.007h9.296zm5.49 1.124l.007.082v7.866c0 .337-.328.566-.635.47l-.076-.03-3.58-1.79v1.35c0 .623-.476 1.138-1.083 1.2l-.123.006H4.16l.984-.983h5.359c.101 0 .189-.07.215-.164l.008-.06V4.564l.983-.982.353-.353 3.227-1.612c.301-.15.652.04.704.358zm-.977.876L11.71 4.504v2.967l3.307 1.654V2.85z\"\n          transform=\"translate(4 6)\"\n        />\n        <path\n          fill=\"red\"\n          fillRule=\"nonzero\"\n          d=\"M13.06.144c.192-.192.503-.192.695 0 .171.17.19.436.057.627l-.057.068-12.29 12.29c-.192.193-.503.193-.695 0-.171-.17-.19-.435-.057-.626l.057-.069L13.06.144z\"\n          transform=\"translate(4 6)\"\n        />\n      </g>\n    </svg>\n  );\n}\n","import React from 'react';\n\nexport default function VideoOnIcon() {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"25\" height=\"24\" viewBox=\"0 0 25 24\">\n      <path\n        fill=\"#707578\"\n        fillRule=\"evenodd\"\n        d=\"M15.003 7c.665 0 1.206.542 1.206 1.207v1.349l3.58-1.789c.301-.15.652.04.704.358l.007.082v7.866c0 .365-.385.603-.711.44l-3.58-1.79v1.35c0 .623-.476 1.138-1.083 1.2l-.123.006H5.707c-.665 0-1.207-.542-1.207-1.206V8.207C4.5 7.542 5.042 7 5.707 7zm0 .983H5.707c-.122 0-.224.102-.224.224v7.866c0 .121.102.223.224.223h9.296c.122 0 .223-.102.223-.223V8.207c0-.122-.101-.224-.223-.224zm4.513 1.019l-3.307 1.654v2.968l3.307 1.653V9.002z\"\n      />\n    </svg>\n  );\n}\n","import React, { useCallback, useRef } from 'react';\n\nimport Button from '@material-ui/core/Button';\nimport VideoOffIcon from '../../../icons/VideoOffIcon';\nimport VideoOnIcon from '../../../icons/VideoOnIcon';\n\nimport useDevices from '../../../hooks/useDevices/useDevices';\nimport useLocalVideoToggle from '../../../hooks/useLocalVideoToggle/useLocalVideoToggle';\n\nexport default function ToggleVideoButton(props: { disabled?: boolean; className?: string }) {\n  const [isVideoEnabled, toggleVideoEnabled] = useLocalVideoToggle();\n  const lastClickTimeRef = useRef(0);\n  const { hasVideoInputDevices } = useDevices();\n\n  const toggleVideo = useCallback(() => {\n    if (Date.now() - lastClickTimeRef.current > 500) {\n      lastClickTimeRef.current = Date.now();\n      toggleVideoEnabled();\n    }\n  }, [toggleVideoEnabled]);\n\n  return (\n    <Button\n      className={props.className}\n      onClick={toggleVideo}\n      disabled={!hasVideoInputDevices || props.disabled}\n      startIcon={isVideoEnabled ? <VideoOnIcon /> : <VideoOffIcon />}\n    >\n      {!hasVideoInputDevices ? 'No Video' : isVideoEnabled ? 'Stop Video' : 'Start Video'}\n    </Button>\n  );\n}\n","import React from 'react';\n\nexport default function ScreenShareIcon() {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\n      <path\n        fill=\"#707578\"\n        fillRule=\"evenodd\"\n        d=\"M17.657 6.343c3.124 3.124 3.124 8.19 0 11.314-3.124 3.124-8.19 3.124-11.314 0-3.124-3.124-3.124-8.19 0-11.314 3.124-3.124 8.19-3.124 11.314 0zm-10.444.87c-2.643 2.644-2.643 6.93 0 9.574 2.644 2.643 6.93 2.643 9.574 0 2.57-2.57 2.641-6.693.214-9.35l-.214-.224L16.563 7c-2.657-2.427-6.78-2.356-9.35.214zm4.865.484l.02.003.026.005.041.01c.025.007.045.014.063.021l.043.019c.018.009.036.019.053.03.01.005.02.012.03.02.027.019.053.04.077.063l2.773 2.774c.24.24.24.63 0 .87-.213.214-.545.237-.785.071l-.085-.07-1.719-1.72v5.9c0 .34-.275.615-.615.615-.302 0-.553-.218-.605-.505l-.01-.11-.001-5.9-1.718 1.72c-.24.24-.63.24-.87 0-.214-.215-.238-.546-.072-.786l.072-.085 2.769-2.77.015-.014c.02-.018.04-.035.062-.05l.005-.004.008-.006c.027-.018.055-.034.085-.048l.034-.015.059-.02.032-.008c.021-.005.044-.008.068-.011l.038-.003H12.025l.027.002.026.002z\"\n      />\n    </svg>\n  );\n}\n","import { useEffect, useState } from 'react';\nimport useVideoContext from '../useVideoContext/useVideoContext';\n\nimport { Participant, TrackPublication } from 'twilio-video';\n\n/*\n  Returns the participant that is sharing their screen (if any). This hook assumes that only one participant\n  can share their screen at a time.\n*/\nexport default function useScreenShareParticipant() {\n  const { room } = useVideoContext();\n  const [screenShareParticipant, setScreenShareParticipant] = useState<Participant>();\n\n  useEffect(() => {\n    if (room) {\n      const updateScreenShareParticipant = () => {\n        setScreenShareParticipant(\n          Array.from<Participant>(room.participants.values())\n            // the screenshare participant could be the localParticipant\n            .concat(room.localParticipant)\n            .find((participant: Participant) =>\n              Array.from<TrackPublication>(participant.tracks.values()).find(track =>\n                track.trackName.includes('screen')\n              )\n            )\n        );\n      };\n      updateScreenShareParticipant();\n\n      room.on('trackPublished', updateScreenShareParticipant);\n      room.on('trackUnpublished', updateScreenShareParticipant);\n      room.on('participantDisconnected', updateScreenShareParticipant);\n\n      // the room object does not emit 'trackPublished' events for the localParticipant,\n      // so we need to listen for them here.\n      room.localParticipant.on('trackPublished', updateScreenShareParticipant);\n      room.localParticipant.on('trackUnpublished', updateScreenShareParticipant);\n      return () => {\n        room.off('trackPublished', updateScreenShareParticipant);\n        room.off('trackUnpublished', updateScreenShareParticipant);\n        room.off('participantDisconnected', updateScreenShareParticipant);\n\n        room.localParticipant.off('trackPublished', updateScreenShareParticipant);\n        room.localParticipant.off('trackUnpublished', updateScreenShareParticipant);\n      };\n    }\n  }, [room]);\n\n  return screenShareParticipant;\n}\n","import React from 'react';\nimport { createStyles, makeStyles, Theme } from '@material-ui/core/styles';\n\nimport Button from '@material-ui/core/Button';\nimport ScreenShareIcon from '../../../icons/ScreenShareIcon';\nimport Tooltip from '@material-ui/core/Tooltip';\n\nimport useScreenShareParticipant from '../../../hooks/useScreenShareParticipant/useScreenShareParticipant';\nimport useVideoContext from '../../../hooks/useVideoContext/useVideoContext';\n\nexport const SCREEN_SHARE_TEXT = 'Share Screen';\nexport const STOP_SCREEN_SHARE_TEXT = 'Stop Sharing Screen';\nexport const SHARE_IN_PROGRESS_TEXT = 'Cannot share screen when another user is sharing';\nexport const SHARE_NOT_SUPPORTED_TEXT = 'Screen sharing is not supported with this browser';\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    button: {\n      '&[disabled]': {\n        color: '#bbb',\n        '& svg *': {\n          fill: '#bbb',\n        },\n      },\n    },\n  })\n);\n\nexport default function ToggleScreenShareButton(props: { disabled?: boolean }) {\n  const classes = useStyles();\n  const screenShareParticipant = useScreenShareParticipant();\n  const { toggleScreenShare } = useVideoContext();\n  const disableScreenShareButton = Boolean(screenShareParticipant);\n  const isScreenShareSupported = navigator.mediaDevices && navigator.mediaDevices.getDisplayMedia;\n  const isDisabled = props.disabled || disableScreenShareButton || !isScreenShareSupported;\n\n  let tooltipMessage = '';\n\n  if (disableScreenShareButton) {\n    tooltipMessage = SHARE_IN_PROGRESS_TEXT;\n  }\n\n  if (!isScreenShareSupported) {\n    tooltipMessage = SHARE_NOT_SUPPORTED_TEXT;\n  }\n\n  return (\n    <Tooltip\n      title={tooltipMessage}\n      placement=\"top\"\n      PopperProps={{ disablePortal: true }}\n      style={{ cursor: isDisabled ? 'not-allowed' : 'pointer' }}\n    >\n      <span>\n        {/* The span element is needed because a disabled button will not emit hover events and we want to display\n          a tooltip when screen sharing is disabled */}\n        <Button\n          className={classes.button}\n          onClick={toggleScreenShare}\n          disabled={isDisabled}\n          startIcon={<ScreenShareIcon />}\n          data-cy-share-screen\n        >\n          {SCREEN_SHARE_TEXT}\n        </Button>\n      </span>\n    </Tooltip>\n  );\n}\n","import React from 'react';\n\nexport default function ErrorIcon() {\n  return (\n    <svg width=\"14px\" height=\"14px\" viewBox=\"0 0 14 14\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\">\n      <g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n        <g transform=\"translate(-299.000000, -723.000000)\" fill=\"#D61F1F\">\n          <g transform=\"translate(276.000000, 704.000000)\">\n            <g transform=\"translate(23.000000, 19.000000)\">\n              <path\n                d=\"M8.03935839,0.763849674 L13.2361503,5.96064161 C13.8101721,6.5346634 13.8101721,7.4653366 13.2361503,8.03935839 L8.03935839,13.2361503 C7.4653366,13.8101721 6.5346634,13.8101721 5.96064161,13.2361503 L0.763849674,8.03935839 C0.189827887,7.4653366 0.189827887,6.5346634 0.763849674,5.96064161 L5.96064161,0.763849674 C6.5346634,0.189827887 7.4653366,0.189827887 8.03935839,0.763849674 Z M7,8.66666667 C6.53976271,8.66666667 6.16666667,9.03976271 6.16666667,9.5 C6.16666667,9.96023729 6.53976271,10.3333333 7,10.3333333 C7.46023729,10.3333333 7.83333333,9.96023729 7.83333333,9.5 C7.83333333,9.03976271 7.46023729,8.66666667 7,8.66666667 Z M7.00842529,4.5 L6.99145559,4.5 C6.48802096,4.5 6.09771771,4.99363437 6.17690967,5.53663218 L6.53327351,7.40140326 C6.56721292,7.64822044 6.76519283,7.83333333 6.99711216,7.83333333 L7.00276873,7.83333333 C7.23468805,7.83333333 7.43266796,7.64822044 7.46660737,7.40140326 L7.82297121,5.53663218 C7.90216317,4.99363437 7.51751649,4.50617043 7.00842529,4.5 Z\"\n                id=\"Error\"\n              ></path>\n            </g>\n          </g>\n        </g>\n      </g>\n    </svg>\n  );\n}\n","import React from 'react';\n\nexport default function WarningIcon() {\n  return (\n    <svg width=\"16px\" height=\"14px\" viewBox=\"0 0 16 14\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\">\n      <g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n        <g transform=\"translate(-273.000000, -162.000000)\" fill=\"#E46216\">\n          <g transform=\"translate(251.000000, 143.000000)\">\n            <g transform=\"translate(22.000000, 19.000000)\">\n              <path d=\"M6.68405227,0.743750848 C7.26590697,-0.247916949 8.73410873,-0.247916949 9.31596344,0.743750848 L9.31596344,0.743750848 L15.7980583,11.7915293 C16.3754418,12.775573 15.6458879,14 14.4821027,14 L14.4821027,14 L1.5178827,14 C0.354135396,14 -0.375441293,12.775573 0.201934693,11.7915293 L0.201934693,11.7915293 Z M8,10 C7.44771525,10 7,10.4477153 7,11 C7,11.5522847 7.44771525,12 8,12 C8.55228475,12 9,11.5522847 9,11 C9,10.4477153 8.55228475,10 8,10 Z M8.01011035,5 L7.98974671,5 L7.87816923,5.00681158 C7.32928042,5.07427655 6.92320065,5.63308608 7.01229161,6.24395862 L7.01229161,6.24395862 L7.43992821,8.48168391 L7.46058982,8.57746523 C7.53403676,8.82448556 7.74990819,9 8.00332247,9 L8.00332247,9 L8.09436762,8.9919759 C8.33199007,8.94972242 8.5237268,8.74495557 8.55992884,8.48168391 L8.55992884,8.48168391 L8.98756545,6.24395862 L8.99896034,6.12268979 C9.02431547,5.52149772 8.58283795,5.00694173 8.01011035,5 L8.01011035,5 Z\"></path>\n            </g>\n          </g>\n        </g>\n      </g>\n    </svg>\n  );\n}\n","import React from 'react';\n\nexport default function InfoIcon() {\n  return (\n    <svg width=\"20px\" height=\"20px\" viewBox=\"0 0 20 20\">\n      <path\n        fill=\"#0263e0\"\n        fillRule=\"evenodd\"\n        d=\"M10 2a8 8 0 110 16 8 8 0 010-16zm0 7c-.26.01-.528.08-.707.24-.178.158-.292.355-.292.575v3.37c0 .21.11.428.292.577.173.14.457.247.707.237.26-.008.528-.078.707-.237.178-.16.292-.355.292-.577v-3.37a.766.766 0 00-.292-.575A1.14 1.14 0 0010 9zm0-3l-.266.036c-.17.047-.318.131-.441.253l-.156.198A.958.958 0 009 6.98v.04a.728.728 0 00.086.378c.04.121.108.227.206.315.09.094.197.163.321.202.12.06.248.09.386.084l.266-.035c.17-.047.318-.131.441-.253l.156-.198A.958.958 0 0011 7.02v-.04a.728.728 0 00-.086-.378.721.721 0 00-.206-.315.757.757 0 00-.321-.202.767.767 0 00-.386-.084z\"\n      ></path>\n    </svg>\n  );\n}\n","import React from 'react';\nimport clsx from 'clsx';\nimport CloseIcon from '@material-ui/icons/Close';\nimport ErrorIcon from '../../icons/ErrorIcon';\nimport { IconButton, makeStyles, Theme, Typography } from '@material-ui/core';\nimport MUISnackbar from '@material-ui/core/Snackbar';\nimport WarningIcon from '../../icons/WarningIcon';\nimport InfoIcon from '../../icons/InfoIcon';\n\ninterface SnackbarProps {\n  headline: string;\n  message: string | React.ReactNode;\n  variant?: 'error' | 'warning' | 'info';\n  open: boolean;\n  handleClose?: () => void;\n}\n\nconst useStyles = makeStyles((theme: Theme) => ({\n  container: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    width: '400px',\n    minHeight: '50px',\n    background: 'white',\n    padding: '1em',\n    borderRadius: '3px',\n    boxShadow: '0 12px 24px 4px rgba(40,42,43,0.2)',\n    [theme.breakpoints.down('sm')]: {\n      width: '100%',\n    },\n  },\n  contentContainer: {\n    display: 'flex',\n    lineHeight: 1.8,\n  },\n  iconContainer: {\n    display: 'flex',\n    padding: '0 1.3em 0 0.3em',\n    transform: 'translateY(3px)',\n  },\n  headline: {\n    fontWeight: 'bold',\n  },\n  error: {\n    borderLeft: '4px solid #D61F1F',\n  },\n  warning: {\n    borderLeft: '4px solid #E46216',\n  },\n  info: {\n    borderLeft: '4px solid #0263e0',\n  },\n}));\n\nexport default function Snackbar({ headline, message, variant, open, handleClose }: SnackbarProps) {\n  const classes = useStyles();\n\n  const handleOnClose = (_: React.SyntheticEvent | React.MouseEvent, reason?: string) => {\n    if (reason === 'clickaway') {\n      return;\n    }\n\n    handleClose?.();\n  };\n\n  return (\n    <MUISnackbar\n      anchorOrigin={{\n        vertical: 'top',\n        horizontal: 'right',\n      }}\n      style={{ top: 128 }}\n      open={open}\n      onClose={handleOnClose}\n      autoHideDuration={10000}\n    >\n      <div\n        className={clsx(classes.container, {\n          [classes.error]: variant === 'error',\n          [classes.warning]: variant === 'warning',\n          [classes.info]: variant === 'info',\n        })}\n      >\n        <div className={classes.contentContainer}>\n          <div className={classes.iconContainer}>\n            {variant === 'warning' && <WarningIcon />}\n            {variant === 'error' && <ErrorIcon />}\n            {variant === 'info' && <InfoIcon />}\n          </div>\n          <div>\n            <Typography variant=\"body1\" className={classes.headline} component=\"span\">\n              {headline}\n            </Typography>\n            <Typography variant=\"body1\" component=\"span\">\n              {' '}\n              {message}\n            </Typography>\n          </div>\n        </div>\n        <div>\n          {handleClose && (\n            <IconButton size=\"small\" aria-label=\"close\" color=\"inherit\" onClick={handleClose}>\n              <CloseIcon fontSize=\"small\" />\n            </IconButton>\n          )}\n        </div>\n      </div>\n    </MUISnackbar>\n  );\n}\n","import React from 'react';\n\nexport default function ScreenShot() {\n  return (\n    <svg\n      version=\"1.1\"\n      id=\"Capa_1\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      x=\"0px\"\n      y=\"0px\"\n      viewBox=\"0 0 512 512\"\n      height=\"20\"\n      width=\"20\"\n    >\n      <g>\n        <g>\n          <path\n            d=\"M492,404.571h-47.429c0-23.628,0-90.674,0-114.857c0-11.046-8.954-20-20-20c-11.046,0-20,8.954-20,20\n\t\t\tc0,24.221,0,91.235,0,114.857c-23.628,0-90.674,0-114.857,0c-11.046,0-20,8.954-20,20c0,11.046,8.954,20,20,20\n\t\t\tc24.221,0,91.235,0,114.857,0V492c0,11.046,8.954,20,20,20c11.046,0,20-8.954,20-20v-47.429H492c11.046,0,20-8.954,20-20\n\t\t\tC512,413.525,503.046,404.571,492,404.571z\"\n          />\n        </g>\n      </g>\n      <g>\n        <g>\n          <path\n            d=\"M154.857,0H20C8.954,0,0,8.954,0,20v134.857c0,11.046,8.954,20,20,20s20-8.954,20-20V40h114.857c11.046,0,20-8.954,20-20\n\t\t\tS165.903,0,154.857,0z\"\n          />\n        </g>\n      </g>\n      <g>\n        <g>\n          <path\n            d=\"M424.571,0H289.714c-11.046,0-20,8.954-20,20s8.954,20,20,20h114.857v114.857c0,11.046,8.954,20,20,20\n\t\t\tc11.046,0,20-8.954,20-20V20C444.571,8.954,435.617,0,424.571,0z\"\n          />\n        </g>\n      </g>\n      <g>\n        <g>\n          <path\n            d=\"M154.857,404.571H40V289.714c0-11.046-8.954-20-20-20s-20,8.954-20,20v134.857c0,11.046,8.954,20,20,20h134.857\n\t\t\tc11.046,0,20-8.954,20-20C174.857,413.525,165.903,404.571,154.857,404.571z\"\n          />\n        </g>\n      </g>\n      <g>\n        <g>\n          <path\n            d=\"M20,192.286c-11.046,0-20,8.954-20,20v20c0,11.046,8.954,20,20,20s20-8.954,20-20v-20\n\t\t\tC40,201.24,31.046,192.286,20,192.286z\"\n          />\n        </g>\n      </g>\n      <g>\n        <g>\n          <path\n            d=\"M424.571,192.286c-11.046,0-20,8.954-20,20v20c0,11.046,8.954,20,20,20c11.046,0,20-8.954,20-20v-20\n\t\t\tC444.571,201.24,435.617,192.286,424.571,192.286z\"\n          />\n        </g>\n      </g>\n      <g>\n        <g>\n          <path d=\"M232.286,0h-20c-11.046,0-20,8.954-20,20s8.954,20,20,20h20c11.046,0,20-8.954,20-20S243.332,0,232.286,0z\" />\n        </g>\n      </g>\n      <g>\n        <g>\n          <path\n            d=\"M232.286,404.571h-20c-11.046,0-20,8.954-20,20c0,11.046,8.954,20,20,20h20c11.046,0,20-8.954,20-20\n\t\t\tC252.286,413.525,243.332,404.571,232.286,404.571z\"\n          />\n        </g>\n      </g>\n      <g></g>\n      <g></g>\n      <g></g>\n      <g></g>\n      <g></g>\n      <g></g>\n      <g></g>\n      <g></g>\n      <g></g>\n      <g></g>\n      <g></g>\n      <g></g>\n      <g></g>\n      <g></g>\n      <g></g>\n    </svg>\n  );\n}\n","import React, { useContext, useState, useEffect, Fragment } from 'react';\nimport { Button, CircularProgress } from '@material-ui/core';\nimport { ChatContext } from '../../ChatProvider';\nimport { VideoContext } from '../../VideoProvider';\nimport Snackbar from '../../Snackbar/Snackbar';\nimport Snapshot from '../../../icons/Snapshot';\nimport useMediaStreamTrack from '../../../hooks/useMediaStreamTrack/useMediaStreamTrack';\nimport useLocalVideoToggle from '../../../hooks/useLocalVideoToggle/useLocalVideoToggle';\n// import { isIOS } from '../../../utils';\n\nexport const SNAPSHOT_TEXT = 'Snapshot';\n\nexport default function ToggleSnapshotButton(props: { disabled?: boolean }) {\n  const { setSnapImage, localTracks, snapSending, setSnapSending } = useContext(VideoContext);\n  const { setIsChatWindowOpen } = useContext(ChatContext);\n  const [activeSnack, setActiveSnack] = useState('');\n  const videoTrack = localTracks.find(track => track.name.includes('camera'));\n  const track = useMediaStreamTrack(videoTrack);\n  const [, toggleVideoEnabled] = useLocalVideoToggle();\n\n  useEffect(() => {\n    if (!!activeSnack) {\n      setTimeout(() => {\n        setActiveSnack('');\n      }, 5000);\n    }\n  }, [activeSnack]);\n\n  const handleScreenshot = async () => {\n    try {\n      if (videoTrack) {\n        setSnapSending(true);\n        let blob = new Blob();\n        var reader = new FileReader();\n        if ('ImageCapture' in window) {\n          const captureDevice = new ImageCapture(videoTrack.mediaStreamTrack);\n          blob = await captureDevice.takePhoto();\n          reader.readAsDataURL(blob);\n          reader.onloadend = () => {\n            var base64 = reader.result as string;\n            if (base64) {\n              setSnapImage(base64);\n              setIsChatWindowOpen(true);\n            } else {\n              setSnapSending(false);\n              setActiveSnack(\"Couldn't capture snapshot\");\n            }\n          };\n        } else {\n          const video = document.createElement('video');\n          const canvas = document.createElement('canvas');\n          const context = canvas.getContext('2d');\n\n          const mode = track?.getSettings().facingMode;\n          toggleVideoEnabled();\n\n          const stream = await navigator.mediaDevices.getUserMedia({\n            audio: false,\n            video: { facingMode: { exact: mode } },\n          });\n\n          let firstLoad = true;\n          video.srcObject = stream;\n          video.addEventListener('loadeddata', async () => {\n            if (firstLoad) {\n              const { videoWidth, videoHeight } = video;\n              canvas.width = videoWidth;\n              canvas.height = videoHeight;\n\n              video.controls = false;\n              video.muted = true;\n              video.setAttribute('muted', ''); // Safe check\n              video.setAttribute('playsinline', '');\n              video.autoplay = true;\n              setTimeout(async () => {\n                await video.play();\n                context!.drawImage(video, 0, 0, videoWidth, videoHeight);\n                canvas.toBlob(blobObj => {\n                  blob = blobObj!;\n                  reader.readAsDataURL(blob);\n                  reader.onloadend = () => {\n                    var base64 = reader.result as string;\n                    if (base64) {\n                      firstLoad = false;\n                      setSnapImage(base64);\n                      setIsChatWindowOpen(true);\n                      video.pause();\n                      video.removeAttribute('src');\n                      video.load();\n                      // if (!isIOS()) {\n                      setTimeout(() => {\n                        toggleVideoEnabled(true);\n                      }, 500);\n                      // }\n                    } else {\n                      setSnapSending(false);\n                      setActiveSnack(\"Couldn't capture snapshot\");\n                    }\n                  };\n                }, 'image/png');\n              }, 50);\n            }\n          });\n        }\n      } else {\n        setActiveSnack('You need to enable video to take snapshot');\n      }\n    } catch (error) {\n      console.log(error);\n    }\n  };\n\n  return (\n    <Fragment>\n      <Snackbar headline=\"Error\" message={activeSnack || ''} open={!!activeSnack} variant=\"error\" />\n      <Button\n        disabled={snapSending}\n        onClick={handleScreenshot}\n        startIcon={snapSending ? <CircularProgress size={24} /> : <Snapshot />}\n      >\n        {SNAPSHOT_TEXT}\n      </Button>\n    </Fragment>\n  );\n}\n","import React from 'react';\nimport { createStyles, makeStyles, Theme } from '@material-ui/core/styles';\n\nimport Button from '@material-ui/core/Button';\nimport EndCallButton from '../Buttons/EndCallButton/EndCallButton';\nimport Menu from './Menu/Menu';\nimport useRoomState from '../../hooks/useRoomState/useRoomState';\nimport { isMobile, isIOS } from '../../utils';\nimport useVideoContext from '../../hooks/useVideoContext/useVideoContext';\nimport { Typography, Grid, Hidden } from '@material-ui/core';\nimport ToggleAudioButton from '../Buttons/ToggleAudioButton/ToggleAudioButton';\nimport ToggleChatButton from '../Buttons/ToggleChatButton/ToggleChatButton';\nimport ToggleVideoButton from '../Buttons/ToggleVideoButton/ToggleVideoButton';\nimport ToggleScreenShareButton from '../Buttons/ToogleScreenShareButton/ToggleScreenShareButton';\nimport ToggleSnapshotButton from '../Buttons/ToggleSnapshotButton/ToggleSnapshotButton';\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    container: {\n      backgroundColor: theme.palette.background.default,\n      bottom: 0,\n      left: 0,\n      right: 0,\n      height: `${theme.footerHeight}px`,\n      position: 'fixed',\n      display: 'flex',\n      padding: '0 1.43em',\n      zIndex: 10,\n      [theme.breakpoints.down('sm')]: {\n        height: '120px',\n        padding: 0,\n      },\n    },\n    screenShareBanner: {\n      position: 'fixed',\n      zIndex: 8,\n      bottom: `${theme.footerHeight}px`,\n      left: 0,\n      right: 0,\n      height: '104px',\n      background: 'rgba(0, 0, 0, 0.5)',\n      '& h6': {\n        color: 'white',\n      },\n      '& button': {\n        background: 'white',\n        color: theme.brand,\n        border: `2px solid ${theme.brand}`,\n        margin: '0 2em',\n        '&:hover': {\n          color: '#600101',\n          border: `2px solid #600101`,\n          background: '#FFE9E7',\n        },\n      },\n    },\n    hideMobile: {\n      display: 'initial',\n      [theme.breakpoints.down('sm')]: {\n        display: 'none',\n      },\n    },\n  })\n);\n\nexport default function MenuBar() {\n  const classes = useStyles();\n  const { isSharingScreen, toggleScreenShare } = useVideoContext();\n  const roomState = useRoomState();\n  const isReconnecting = roomState === 'reconnecting';\n  const { room } = useVideoContext();\n  // const [width, setWidth] = useState<number>(window.innerWidth);\n\n  // function handleWindowSizeChange() {\n  //   setWidth(window.innerWidth);\n  // }\n  // useEffect(() => {\n  //   window.addEventListener('resize', handleWindowSizeChange);\n  //   return () => {\n  //     window.removeEventListener('resize', handleWindowSizeChange);\n  //   };\n  // }, []);\n\n  // let showSharescreenBtn: boolean = width > 420;\n\n  return (\n    <>\n      {isSharingScreen && (\n        <Grid container justify=\"center\" alignItems=\"center\" className={classes.screenShareBanner}>\n          <Typography variant=\"h6\">You are sharing your screen</Typography>\n          <Button onClick={() => toggleScreenShare()}>Stop Sharing</Button>\n        </Grid>\n      )}\n      <footer className={classes.container}>\n        <Grid container justify=\"space-around\" alignItems=\"center\">\n          <Hidden smDown>\n            <Grid style={{ flex: 1 }}>\n              <Typography variant=\"body1\">{room!.name}</Typography>\n            </Grid>\n          </Hidden>\n          <Grid item>\n            <Grid container justify=\"center\">\n              <ToggleAudioButton disabled={isReconnecting} />\n              <ToggleVideoButton disabled={isReconnecting} />\n              {!isSharingScreen && !isMobile && !isIOS && <ToggleScreenShareButton disabled={isReconnecting} />}\n              {process.env.REACT_APP_DISABLE_TWILIO_CONVERSATIONS !== 'true' && <ToggleChatButton />}\n              <ToggleSnapshotButton />\n            </Grid>\n          </Grid>\n          <Hidden smDown>\n            <Grid style={{ flex: 1 }}>\n              <Grid container justify=\"flex-end\">\n                <Menu />\n                <EndCallButton />\n              </Grid>\n            </Grid>\n          </Hidden>\n        </Grid>\n      </footer>\n    </>\n  );\n}\n","import { Grid, makeStyles, Theme, Typography } from '@material-ui/core';\nimport React from 'react';\nimport useVideoContext from '../../hooks/useVideoContext/useVideoContext';\nimport EndCallButton from '../Buttons/EndCallButton/EndCallButton';\nimport Menu from '../MenuBar/Menu/Menu';\n\nconst useStyles = makeStyles((theme: Theme) => ({\n  container: {\n    background: 'white',\n    paddingLeft: '1em',\n    display: 'none',\n    height: `${theme.mobileTopBarHeight}px`,\n    [theme.breakpoints.down('sm')]: {\n      display: 'flex',\n    },\n  },\n  endCallButton: {\n    height: '28px',\n    fontSize: '0.85rem',\n    padding: '0 0.6em',\n  },\n  settingsButton: {\n    [theme.breakpoints.down('sm')]: {\n      height: '28px',\n      minWidth: '28px',\n      border: '1px solid rgb(136, 140, 142)',\n      padding: 0,\n      margin: '0 1em',\n    },\n  },\n}));\n\nexport default function MobileTopMenuBar() {\n  const classes = useStyles();\n  const { room } = useVideoContext();\n\n  return (\n    <Grid container alignItems=\"center\" justifyContent=\"space-between\" className={classes.container}>\n      <Typography variant=\"subtitle1\">{room!.name}</Typography>\n      <div>\n        <EndCallButton className={classes.endCallButton} />\n        <Menu buttonClassName={classes.settingsButton} />\n      </div>\n    </Grid>\n  );\n}\n","import React, { useState, ChangeEvent, FormEvent } from 'react';\nimport { Typography, makeStyles, TextField, Grid, Button, InputLabel, Theme, Checkbox } from '@material-ui/core';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\n\nconst useStyles = makeStyles((theme: Theme) => ({\n  gutterBottom: {\n    marginBottom: '1em',\n  },\n  inputContainer: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    margin: '1em 0 2.5em',\n    '& div:not(:last-child)': {\n      marginRight: '1em',\n    },\n    [theme.breakpoints.down('sm')]: {\n      margin: '1em 0 1.5em',\n    },\n  },\n  textFieldContainer: {\n    width: '100%',\n  },\n  continueButton: {\n    [theme.breakpoints.down('sm')]: {\n      width: '100%',\n    },\n  },\n  errorMessage: {\n    color: 'red',\n    display: 'flex',\n    alignItems: 'center',\n    margin: '1em 0 0.2em',\n    '& svg': {\n      marginRight: '0.4em',\n    },\n  },\n}));\n\ninterface RoomNameScreenProps {\n  name: string;\n  lastName: string;\n  phonenumber: string;\n  contactName: string;\n  contactLastName: string;\n  contactPhonenumber: string;\n  setName: (name: string) => void;\n  setLastName: (lastName: string) => void;\n  setPhoneNumber: (phonenumber: string) => void;\n  handleSubmit: (event: FormEvent<HTMLFormElement>) => void;\n}\n\nexport default function RoomNameScreen({\n  name,\n  lastName,\n  phonenumber,\n  contactName,\n  contactLastName,\n  contactPhonenumber,\n  setName,\n  setLastName,\n  setPhoneNumber,\n  handleSubmit,\n}: RoomNameScreenProps) {\n  const classes = useStyles();\n  //const { user } = useAppState();\n  const [oldName, setOldName] = useState<string>('');\n  const [oldLastName, setOldLastName] = useState<string>('');\n  const [oldPhone, setOldPhone] = useState<string>('');\n\n  const handleNameChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setName(event.target.value);\n    setOldName(event.target.value);\n  };\n\n  const handlePhoneNumberChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setPhoneNumber(event.target.value);\n    setOldPhone(event.target.value);\n  };\n\n  const handleLastNameChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setLastName(event.target.value);\n    setOldLastName(event.target.value);\n  };\n\n  const handleContactDetailsChange = (event: ChangeEvent<HTMLInputElement>) => {\n    if (event.target.checked) {\n      setName(contactName);\n      setLastName(contactLastName);\n      setPhoneNumber(contactPhonenumber);\n    } else {\n      setName(oldName);\n      setLastName(oldLastName);\n      setPhoneNumber(oldPhone);\n    }\n  };\n\n  //const hasUsername = !window.location.search.includes('customIdentity=true') && user?.displayName;\n\n  return (\n    <>\n      <Typography variant=\"h5\" className={classes.gutterBottom}>\n        Patient Details\n      </Typography>\n      <form onSubmit={handleSubmit}>\n        <div className={classes.inputContainer}>\n          <div className={classes.textFieldContainer}>\n            <FormControlLabel\n              label=\"Same as contact details\"\n              control={\n                <Checkbox\n                  autoCapitalize=\"false\"\n                  id=\"input-same-as-contact-details\"\n                  size=\"small\"\n                  onChange={handleContactDetailsChange}\n                />\n              }\n            />\n          </div>\n\n          <div className={classes.textFieldContainer}>\n            <InputLabel shrink htmlFor=\"input-user-name\">\n              First Name\n            </InputLabel>\n            <TextField\n              id=\"input-user-name\"\n              variant=\"outlined\"\n              fullWidth\n              size=\"small\"\n              value={name}\n              onChange={handleNameChange}\n            />\n          </div>\n\n          <div className={classes.textFieldContainer}>\n            <InputLabel shrink htmlFor=\"input-last-name\">\n              Last Name\n            </InputLabel>\n            <TextField\n              autoCapitalize=\"false\"\n              id=\"input-last-name\"\n              variant=\"outlined\"\n              fullWidth\n              size=\"small\"\n              value={lastName}\n              onChange={handleLastNameChange}\n            />\n          </div>\n        </div>\n        <div className={classes.inputContainer}>\n          <div className={classes.textFieldContainer}>\n            <InputLabel shrink htmlFor=\"input-phone-number\">\n              Contact Number\n            </InputLabel>\n            <TextField\n              autoCapitalize=\"false\"\n              id=\"input-phone-number\"\n              variant=\"outlined\"\n              fullWidth\n              size=\"small\"\n              value={phonenumber}\n              onChange={handlePhoneNumberChange}\n            />\n          </div>\n        </div>\n        <Grid container justify=\"flex-end\">\n          <Button\n            variant=\"contained\"\n            type=\"submit\"\n            color=\"primary\"\n            disabled={!name || !lastName || !phonenumber}\n            className={classes.continueButton}\n          >\n            Continue\n          </Button>\n        </Grid>\n      </form>\n    </>\n  );\n}\n","import React from 'react';\n\nexport default function AvatarIcon() {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"73\" height=\"73\" viewBox=\"0 0 73 73\">\n      <g fill=\"none\" fillRule=\"evenodd\">\n        <circle cx=\"36.5\" cy=\"36.5\" r=\"36.5\" fill=\"#FFF\" />\n        <path\n          fill=\"#282A2B\"\n          strokeLinejoin=\"round\"\n          d=\"M30.973 23.925c-3.162 3.794-3.162 9.886 0 13.68l.262.301c.266.293.548.564.842.812l.192.154v2.95l-6.71 2.397-.213.082c-2.03.834-3.346 2.793-3.346 4.97v2.766c0 .532.431.963.963.963h27.874c.531 0 .962-.431.962-.963V49.27l-.005-.228-.015-.233c-.187-2.092-1.562-3.883-3.539-4.59l-6.71-2.397v-2.95l.192-.154c.393-.33.762-.702 1.104-1.112 3.162-3.795 3.162-9.887 0-13.681-3.25-3.9-8.603-3.9-11.853 0zm10.374 1.232c2.567 3.08 2.567 8.135 0 11.216-.404.484-.85.894-1.328 1.226-.26.18-.414.476-.414.791v4.111c0 .407.255.77.639.907l7.348 2.625c1.314.47 2.213 1.687 2.278 3.077l.004.183v1.781h-25.95l.002-1.804c0-1.394.843-2.65 2.131-3.18l.172-.065 7.327-2.617c.383-.137.639-.5.639-.907v-4.11c0-.316-.155-.612-.415-.792-.478-.332-.924-.742-1.328-1.226-2.567-3.08-2.567-8.135 0-11.216 2.427-2.912 6.248-2.974 8.735-.186l.16.186z\"\n        />\n      </g>\n    </svg>\n  );\n}\n","import React from 'react';\nimport { LocalAudioTrack } from 'twilio-video';\nimport useVideoContext from '../../hooks/useVideoContext/useVideoContext';\nimport AudioLevelIndicator from '../AudioLevelIndicator/AudioLevelIndicator';\n\nexport default function LocalAudioLevelIndicator() {\n  const { localTracks } = useVideoContext();\n  const audioTrack = localTracks.find(track => track.kind === 'audio') as LocalAudioTrack;\n\n  return <AudioLevelIndicator audioTrack={audioTrack} />;\n}\n","import React from 'react';\nimport AvatarIcon from '../../../../icons/AvatarIcon';\nimport { makeStyles, Theme, Typography } from '@material-ui/core';\nimport LocalAudioLevelIndicator from '../../../LocalAudioLevelIndicator/LocalAudioLevelIndicator';\nimport { LocalVideoTrack } from 'twilio-video';\nimport VideoTrack from '../../../VideoTrack/VideoTrack';\nimport useVideoContext from '../../../../hooks/useVideoContext/useVideoContext';\n\nconst useStyles = makeStyles((theme: Theme) => ({\n  container: {\n    position: 'relative',\n    height: 0,\n    overflow: 'hidden',\n    paddingTop: `${(9 / 16) * 100}%`,\n    background: 'black',\n  },\n  innerContainer: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    width: '100%',\n    height: '100%',\n  },\n  identityContainer: {\n    position: 'absolute',\n    bottom: 0,\n    zIndex: 1,\n  },\n  identity: {\n    background: 'rgba(0, 0, 0, 0.5)',\n    color: 'white',\n    padding: '0.18em 0.3em',\n    margin: 0,\n    display: 'flex',\n    alignItems: 'center',\n  },\n  avatarContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    background: 'black',\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    bottom: 0,\n    left: 0,\n    zIndex: 1,\n    [theme.breakpoints.down('sm')]: {\n      '& svg': {\n        transform: 'scale(0.7)',\n      },\n    },\n  },\n}));\n\nexport default function LocalVideoPreview({ identity }: { identity: string }) {\n  const classes = useStyles();\n  const { localTracks } = useVideoContext();\n\n  const videoTrack = localTracks.find(\n    track => !track.name.includes('screen') && track.kind === 'video'\n  ) as LocalVideoTrack;\n\n  return (\n    <div className={classes.container}>\n      <div className={classes.innerContainer}>\n        {videoTrack ? (\n          <VideoTrack track={videoTrack} isLocal />\n        ) : (\n          <div className={classes.avatarContainer}>\n            <AvatarIcon />\n          </div>\n        )}\n      </div>\n\n      <div className={classes.identityContainer}>\n        <span className={classes.identity}>\n          <LocalAudioLevelIndicator />\n          <Typography variant=\"body1\" color=\"inherit\" component=\"span\">\n            {identity}\n          </Typography>\n        </span>\n      </div>\n    </div>\n  );\n}\n","import React, { useCallback } from 'react';\nimport {\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Divider,\n  FormControl,\n  Grid,\n  InputLabel,\n  MenuItem,\n  Select,\n  TextField,\n  Theme,\n  Typography,\n} from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { inputLabels, Settings } from '../../state/settings/settingsReducer';\nimport { useAppState } from '../../state';\nimport useRoomState from '../../hooks/useRoomState/useRoomState';\n\nconst useStyles = makeStyles((theme: Theme) => ({\n  container: {\n    width: '600px',\n    minHeight: '400px',\n    [theme.breakpoints.down('xs')]: {\n      width: 'calc(100vw - 32px)',\n    },\n    '& .inputSelect': {\n      width: 'calc(100% - 35px)',\n    },\n  },\n  button: {\n    float: 'right',\n  },\n  paper: {\n    [theme.breakpoints.down('xs')]: {\n      margin: '16px',\n    },\n  },\n  formControl: {\n    display: 'block',\n    margin: '1.5em 0',\n    '&:first-child': {\n      margin: '0 0 1.5em 0',\n    },\n  },\n  label: {\n    width: '133%', // Labels have scale(0.75) applied to them, so this effectively makes the width 100%\n  },\n}));\n\nconst withDefault = (val?: string) => (typeof val === 'undefined' ? 'default' : val);\n\nexport default function ConnectionOptionsDialog({ open, onClose }: { open: boolean; onClose: () => void }) {\n  const classes = useStyles();\n  const { settings, dispatchSetting } = useAppState();\n  const roomState = useRoomState();\n  const isDisabled = roomState !== 'disconnected';\n\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<{ value: unknown; name?: string }>) => {\n      dispatchSetting({ name: e.target.name as keyof Settings, value: e.target.value as string });\n    },\n    [dispatchSetting]\n  );\n\n  const handleNumberChange = useCallback(\n    (e: React.ChangeEvent<{ value: unknown; name?: string }>) => {\n      if (!/[^\\d]/.test(e.target.value as string)) handleChange(e);\n    },\n    [handleChange]\n  );\n\n  return (\n    <Dialog open={open} onClose={onClose} classes={{ paper: classes.paper }}>\n      <DialogTitle>Connection Settings</DialogTitle>\n      <Divider />\n      <DialogContent className={classes.container}>\n        <Grid container spacing={2}>\n          <Grid item xs={12}>\n            <Typography hidden={!isDisabled} variant=\"body2\">\n              These settings cannot be changed when connected to a room.\n            </Typography>\n          </Grid>\n\n          <Grid item sm={6} xs={12}>\n            <FormControl className={classes.formControl}>\n              <InputLabel id={inputLabels.dominantSpeakerPriority}>Dominant Speaker Priority:</InputLabel>\n              <Select\n                fullWidth\n                disabled={isDisabled}\n                name={inputLabels.dominantSpeakerPriority}\n                label={inputLabels.dominantSpeakerPriority}\n                value={withDefault(settings.dominantSpeakerPriority)}\n                onChange={handleChange}\n              >\n                <MenuItem value=\"low\">Low</MenuItem>\n                <MenuItem value=\"standard\">Standard</MenuItem>\n                <MenuItem value=\"high\">High</MenuItem>\n                <MenuItem value=\"default\">Server Default</MenuItem>\n              </Select>\n            </FormControl>\n\n            <FormControl className={classes.formControl}>\n              <InputLabel id={inputLabels.trackSwitchOffMode}>Track Switch Off Mode:</InputLabel>\n              <Select\n                fullWidth\n                disabled={isDisabled}\n                name={inputLabels.trackSwitchOffMode}\n                label={inputLabels.trackSwitchOffMode}\n                value={withDefault(settings.trackSwitchOffMode)}\n                onChange={handleChange}\n              >\n                <MenuItem value=\"predicted\">Predicted</MenuItem>\n                <MenuItem value=\"detected\">Detected</MenuItem>\n                <MenuItem value=\"disabled\">Disabled</MenuItem>\n                <MenuItem value=\"default\">Server Default</MenuItem>\n              </Select>\n            </FormControl>\n\n            <FormControl className={classes.formControl}>\n              <InputLabel id={inputLabels.bandwidthProfileMode}>Mode:</InputLabel>\n              <Select\n                fullWidth\n                disabled={isDisabled}\n                name={inputLabels.bandwidthProfileMode}\n                label={inputLabels.bandwidthProfileMode}\n                value={withDefault(settings.bandwidthProfileMode)}\n                onChange={handleChange}\n              >\n                <MenuItem value=\"grid\">Grid</MenuItem>\n                <MenuItem value=\"collaboration\">Collaboration</MenuItem>\n                <MenuItem value=\"presentation\">Presentation</MenuItem>\n                <MenuItem value=\"default\">Server Default</MenuItem>\n              </Select>\n            </FormControl>\n          </Grid>\n          <Grid item sm={6} xs={12}>\n            <FormControl className={classes.formControl}>\n              <InputLabel id={inputLabels.clientTrackSwitchOffControl}>Client Track Switch Off Control:</InputLabel>\n              <Select\n                fullWidth\n                disabled={isDisabled}\n                name={inputLabels.clientTrackSwitchOffControl}\n                label={inputLabels.clientTrackSwitchOffControl}\n                value={withDefault(settings.clientTrackSwitchOffControl)}\n                onChange={handleChange}\n              >\n                <MenuItem value=\"auto\">Auto</MenuItem>\n                <MenuItem value=\"manual\">Manual</MenuItem>\n                <MenuItem value=\"default\">Default</MenuItem>\n              </Select>\n            </FormControl>\n\n            <FormControl className={classes.formControl}>\n              <InputLabel id={inputLabels.contentPreferencesMode}>Content Preferences Mode:</InputLabel>\n              <Select\n                fullWidth\n                disabled={isDisabled}\n                name={inputLabels.contentPreferencesMode}\n                label={inputLabels.contentPreferencesMode}\n                value={withDefault(settings.contentPreferencesMode)}\n                onChange={handleChange}\n              >\n                <MenuItem value=\"auto\">Auto</MenuItem>\n                <MenuItem value=\"manual\">Manual</MenuItem>\n                <MenuItem value=\"default\">Default</MenuItem>\n              </Select>\n            </FormControl>\n\n            <FormControl className={classes.formControl}>\n              <TextField\n                disabled={isDisabled}\n                fullWidth\n                id={inputLabels.maxAudioBitrate}\n                label=\"Max Audio Bitrate\"\n                placeholder=\"Leave blank for no limit\"\n                name={inputLabels.maxAudioBitrate}\n                value={withDefault(settings.maxAudioBitrate)}\n                onChange={handleNumberChange}\n              />\n            </FormControl>\n          </Grid>\n        </Grid>\n      </DialogContent>\n      <Divider />\n      <DialogActions>\n        <Button className={classes.button} color=\"primary\" variant=\"contained\" onClick={onClose}>\n          Done\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n}\n","import React, { useState, useRef } from 'react';\nimport Button from '@material-ui/core/Button';\nimport MenuContainer from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport MoreIcon from '@material-ui/icons/MoreVert';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles, Theme, useMediaQuery } from '@material-ui/core';\n\nimport AboutDialog from '../../../AboutDialog/AboutDialog';\nimport ConnectionOptionsDialog from '../../../ConnectionOptionsDialog/ConnectionOptionsDialog';\nimport DeviceSelectionDialog from '../../../DeviceSelectionDialog/DeviceSelectionDialog';\nimport SettingsIcon from '../../../../icons/SettingsIcon';\nimport { useAppState } from '../../../../state';\n\nconst useStyles = makeStyles({\n  settingsButton: {\n    margin: '1.8em 0 0',\n  },\n});\n\nexport default function SettingsMenu({ mobileButtonClass }: { mobileButtonClass?: string }) {\n  const classes = useStyles();\n  const { roomType } = useAppState();\n  const isMobile = useMediaQuery((theme: Theme) => theme.breakpoints.down('sm'));\n  const [menuOpen, setMenuOpen] = useState(false);\n  const [aboutOpen, setAboutOpen] = useState(false);\n  const [deviceSettingsOpen, setDeviceSettingsOpen] = useState(false);\n  const [connectionSettingsOpen, setConnectionSettingsOpen] = useState(false);\n\n  const anchorRef = useRef<HTMLButtonElement>(null);\n\n  return (\n    <>\n      {isMobile ? (\n        <Button\n          ref={anchorRef}\n          onClick={() => setMenuOpen(true)}\n          startIcon={<MoreIcon />}\n          className={mobileButtonClass}\n        >\n          More\n        </Button>\n      ) : (\n        <Button\n          ref={anchorRef}\n          onClick={() => setMenuOpen(true)}\n          startIcon={<SettingsIcon />}\n          className={classes.settingsButton}\n        >\n          Settings\n        </Button>\n      )}\n      <MenuContainer\n        open={menuOpen}\n        onClose={() => setMenuOpen(isOpen => !isOpen)}\n        anchorEl={anchorRef.current}\n        getContentAnchorEl={null}\n        anchorOrigin={{\n          vertical: 'top',\n          horizontal: isMobile ? 'left' : 'right',\n        }}\n        transformOrigin={{\n          vertical: 0,\n          horizontal: 'center',\n        }}\n      >\n        <MenuItem onClick={() => setAboutOpen(true)}>\n          <Typography variant=\"body1\">About</Typography>\n        </MenuItem>\n        <MenuItem onClick={() => setDeviceSettingsOpen(true)}>\n          <Typography variant=\"body1\">Audio and Video Settings</Typography>\n        </MenuItem>\n        {roomType !== 'peer-to-peer' && roomType !== 'go' && (\n          <MenuItem onClick={() => setConnectionSettingsOpen(true)}>\n            <Typography variant=\"body1\">Connection Settings</Typography>\n          </MenuItem>\n        )}\n      </MenuContainer>\n      <AboutDialog\n        open={aboutOpen}\n        onClose={() => {\n          setAboutOpen(false);\n          setMenuOpen(false);\n        }}\n      />\n      <DeviceSelectionDialog\n        open={deviceSettingsOpen}\n        onClose={() => {\n          setDeviceSettingsOpen(false);\n          setMenuOpen(false);\n        }}\n      />\n      <ConnectionOptionsDialog\n        open={connectionSettingsOpen}\n        onClose={() => {\n          setConnectionSettingsOpen(false);\n          setMenuOpen(false);\n        }}\n      />\n    </>\n  );\n}\n","import React, { ChangeEvent, useState, useEffect } from 'react';\nimport { makeStyles, Typography, Grid, Button, Theme, Hidden, TextField } from '@material-ui/core';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport LocalVideoPreview from './LocalVideoPreview/LocalVideoPreview';\nimport SettingsMenu from './SettingsMenu/SettingsMenu';\nimport { Steps } from '../PreJoinScreens';\nimport ToggleAudioButton from '../../Buttons/ToggleAudioButton/ToggleAudioButton';\nimport ToggleVideoButton from '../../Buttons/ToggleVideoButton/ToggleVideoButton';\nimport { useAppState } from '../../../state';\nimport useChatContext from '../../../hooks/useChatContext/useChatContext';\nimport useVideoContext from '../../../hooks/useVideoContext/useVideoContext';\nimport ErrorOutlineIcon from '@material-ui/icons/ErrorOutline';\n\nimport { TASK_ID } from '../../../constants';\n\n//import { AnyARecord } from 'dns';\n\n//const AccessToken = require('twilio').jwt.AccessToken;\n\nconst useStyles = makeStyles((theme: Theme) => ({\n  gutterBottom: {\n    marginBottom: '1em',\n  },\n  marginTop: {\n    marginTop: '1em',\n  },\n  deviceButton: {\n    width: '100%',\n    border: '2px solid #aaa',\n    margin: '1em 0',\n  },\n  localPreviewContainer: {\n    paddingRight: '2em',\n    [theme.breakpoints.down('sm')]: {\n      padding: '0 2.5em',\n    },\n  },\n  joinButtons: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    [theme.breakpoints.down('sm')]: {\n      flexDirection: 'column-reverse',\n      width: '100%',\n      '& button': {\n        margin: '0.5em 0',\n      },\n    },\n  },\n  mobileButtonBar: {\n    [theme.breakpoints.down('sm')]: {\n      display: 'flex',\n      justifyContent: 'space-between',\n      margin: '1.5em 0 1em',\n    },\n  },\n  mobileButton: {\n    padding: '0.8em 0',\n    margin: 0,\n  },\n  container: {\n    display: 'flex',\n    justifyContent: 'space-around',\n  },\n  textFieldContainer: {\n    width: '100%',\n  },\n  errorMessage: {\n    color: 'red',\n    display: 'flex',\n    alignItems: 'center',\n    // margin: '1em 0 0.2em',\n    '& svg': {\n      marginRight: '0.4em',\n    },\n  },\n  input: {\n    border: '2px solid #aaa',\n    marginBottom: '1em',\n  },\n  noBorder: {\n    border: 'none',\n  },\n}));\n\n// const DeviceSelectionScreenStaticSiteOptions: string[] = ['Board Round Queue', 'PSO Queue'];\n\ninterface DeviceSelectionScreenProps {\n  name: string;\n  roomName: string;\n  email: string;\n  phonenumber: string;\n  agentCall: boolean;\n  setStep: (step: Steps) => void;\n  lastName: string;\n  patientName: string;\n  patientLastName: string;\n  patientPhoneNumber: string;\n  siteCode: string;\n  category: string;\n  isStatic: boolean;\n}\n\nexport default function DeviceSelectionScreen({\n  name,\n  roomName,\n  email,\n  phonenumber,\n  agentCall,\n  setStep,\n  lastName,\n  patientName,\n  patientLastName,\n  patientPhoneNumber,\n  siteCode,\n  category,\n  isStatic,\n}: DeviceSelectionScreenProps) {\n  const classes = useStyles();\n  const { getToken, isFetching, setTaskSid } = useAppState();\n  const { connect: chatConnect } = useChatContext();\n  const { connect: videoConnect, isAcquiringLocalTracks, isConnecting } = useVideoContext();\n  const [joinScreenSiteCode, setjoinScreenSiteCode] = useState<string>('');\n  const [showSiteCodeField, setShowSiteCodeField] = useState<boolean>(false);\n  const [siteCodeError, setSiteCodeError] = useState<string>('');\n  const hasSiteFieldHospital = 'Katherine_Hospital';\n  const disableButtons = isFetching || isAcquiringLocalTracks || isConnecting;\n\n  useEffect(() => {\n    const searchStr = window.sessionStorage.getItem('searchStr');\n    if (!!searchStr) {\n      const searchParams = new URLSearchParams(searchStr);\n      // const agentName = searchParams.get('name');\n      const room = searchParams.get('room');\n      const isStaticParam = searchParams.get('isStatic');\n      if (!!isStaticParam && isStaticParam === 'true' && !!room && room === hasSiteFieldHospital) {\n        setShowSiteCodeField(true);\n      } else {\n        setShowSiteCodeField(false);\n      }\n    }\n  }, []);\n  const validateSiteCodeField = () => {\n    let isValidate = false;\n    if (showSiteCodeField) {\n      if (joinScreenSiteCode === hasSiteFieldHospital) {\n        isValidate = true;\n      } else {\n        isValidate = false;\n        setSiteCodeError('Invalid site code');\n      }\n    } else {\n      isValidate = true;\n    }\n    return isValidate;\n  };\n\n  const handleJoin = () => {\n    let isValidate = validateSiteCodeField();\n    if (isValidate) {\n      const searchStr: string = window.location.search || window.sessionStorage.getItem('searchStr') || '';\n      const searchParams = new URLSearchParams(searchStr);\n      const isTaskCreated = searchParams.get('task');\n      const isEscalate = searchParams.get('escalate') || '';\n      const isAssignToAgent = searchParams.get('agentSID') || '';\n      const linkExpireCode = searchParams.get('code') || '';\n      const callSid = searchParams.get('callSid') || '';\n      const outCallSid = searchParams.get('outCallSid') || '';\n\n      getToken(name, roomName).then(({ token }) => {\n        videoConnect(token);\n\n        process.env.REACT_APP_DISABLE_TWILIO_CONVERSATIONS !== 'true' && chatConnect(token);\n\n        let workflowSid: any = '';\n        if (searchParams.get('workflowId') !== null && searchParams.get('workflowId') !== '') {\n          workflowSid = searchParams.get('workflowId');\n        }\n\n        if (!agentCall && isTaskCreated === null) {\n          var uri = window.location.href;\n          var environment = 'prod';\n          if (uri.match('-uat')) environment = 'uat';\n          if (uri.match('-test')) environment = 'test';\n          if (uri.match('localhost')) environment = 'test';\n          console.log('all info', {\n            siteCode: siteCode,\n            triageCat: category,\n            from: phonenumber,\n            email: email,\n            room: roomName,\n            name: `${name} ${lastName}`,\n            patientName: `${patientName} ${patientLastName}`,\n            phoneNumber: phonenumber,\n            patientPhoneNumber: patientPhoneNumber,\n            workflowSid: workflowSid,\n            code: linkExpireCode,\n            agentSID: isAssignToAgent || '',\n            escalate: isEscalate || '',\n            callSid: callSid || '',\n            outCallSid: outCallSid || '',\n          });\n          fetch(\n            'https://9bar5krn82.execute-api.ap-southeast-2.amazonaws.com/' + environment + '/med-video-website-api',\n            {\n              headers: {\n                'Content-Type': 'application/json',\n                'X-API-Key': 'JLNS9E5LhG4SeRf6qHpza4C0wVPgXgJc7v0ICKKN',\n              },\n              method: 'POST',\n              body: JSON.stringify({\n                siteCode: siteCode,\n                triageCat: category,\n                from: phonenumber,\n                email: email,\n                room: roomName,\n                name: `${name} ${lastName}`,\n                patientName: `${patientName} ${patientLastName}`,\n                phoneNumber: phonenumber,\n                patientPhoneNumber: patientPhoneNumber,\n                workflowSid: workflowSid,\n                code: linkExpireCode,\n                agentSID: isAssignToAgent || '',\n                escalate: isEscalate || '',\n                callSid: callSid || '',\n                outCallSid: outCallSid || '',\n              }),\n            }\n          )\n            .then(response => {\n              return response.json();\n            })\n            .then(newTaskId => {\n              window.localStorage.setItem(TASK_ID, newTaskId.TaskId);\n              setTaskSid(newTaskId.TaskId);\n            });\n        }\n      });\n    }\n  };\n\n  const handleCancel = (step: any) => {\n    let isEndSession = window.sessionStorage.getItem('endSession'); //\n\n    if (isStatic && isEndSession === 'true') {\n      window.sessionStorage.getItem(''); //\n      setStep(Steps.callEnded);\n    } else if (isStatic && showSiteCodeField) {\n      setStep(Steps.callCanceled);\n    } else {\n      setStep(step);\n    }\n    window.parent.postMessage({ endCall: true }, '*');\n  };\n\n  if (isFetching || isConnecting) {\n    return (\n      <Grid container justify=\"center\" alignItems=\"center\" direction=\"column\" style={{ height: '100%' }}>\n        <div>\n          <CircularProgress variant=\"indeterminate\" />\n        </div>\n        <div>\n          <Typography variant=\"body2\" style={{ fontWeight: 'bold', fontSize: '16px' }}>\n            Joining Meeting\n          </Typography>\n        </div>\n      </Grid>\n    );\n  }\n  const handleSiteCodeChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setjoinScreenSiteCode(event.target.value);\n    // setCanSubmit(event.target.value.length > 0);\n  };\n  return (\n    <>\n      <Typography variant=\"h5\" className={classes.gutterBottom}>\n        Virtual Waiting Room\n      </Typography>\n\n      <Grid container justify=\"center\">\n        <Grid item md={7} sm={12} xs={12}>\n          <div className={classes.localPreviewContainer}>\n            <LocalVideoPreview identity={name} />\n          </div>\n          <div className={classes.mobileButtonBar}>\n            <Hidden mdUp>\n              <ToggleAudioButton className={classes.mobileButton} disabled={disableButtons} />\n              <ToggleVideoButton className={classes.mobileButton} disabled={disableButtons} />\n            </Hidden>\n            <SettingsMenu mobileButtonClass={classes.mobileButton} />\n          </div>\n        </Grid>\n        <Grid item md={5} sm={12} xs={12}>\n          <Grid container direction=\"column\" justify=\"space-between\" style={{ height: '100%' }}>\n            <div>\n              {showSiteCodeField ? (\n                <div className={classes.textFieldContainer}>\n                  <TextField\n                    placeholder=\"site code\"\n                    autoCapitalize=\"false\"\n                    id=\"input-site-code\"\n                    variant=\"outlined\"\n                    fullWidth\n                    size=\"small\"\n                    value={joinScreenSiteCode}\n                    onChange={handleSiteCodeChange}\n                    InputProps={{\n                      autoComplete: 'off',\n                      className: classes.input,\n                      classes: { notchedOutline: classes.noBorder },\n                    }}\n                  />\n                  <div>\n                    {siteCodeError && (\n                      <Typography variant=\"caption\" className={classes.errorMessage}>\n                        <ErrorOutlineIcon />\n                        {siteCodeError}\n                      </Typography>\n                    )}\n                  </div>\n                </div>\n              ) : null}\n              <Hidden smDown>\n                <ToggleAudioButton className={classes.deviceButton} disabled={disableButtons} />\n                <ToggleVideoButton className={classes.deviceButton} disabled={disableButtons} />\n              </Hidden>\n            </div>\n            <div className={classes.joinButtons}>\n              <Button variant=\"outlined\" color=\"primary\" onClick={() => handleCancel(Steps.roomNameStep)}>\n                Cancel\n              </Button>\n              <Button\n                variant=\"contained\"\n                color=\"primary\"\n                data-cy-join-now\n                onClick={handleJoin}\n                disabled={disableButtons}\n              >\n                Join\n              </Button>\n            </div>\n          </Grid>\n        </Grid>\n      </Grid>\n    </>\n  );\n}\n","import React from 'react';\nimport { Grid, makeStyles, Button } from '@material-ui/core';\nimport { Theme } from '@material-ui/core';\nimport Typography from '@material-ui/core/Typography';\nimport { Steps } from '../PreJoinScreens';\n\nconst useStyles = makeStyles((theme: Theme) => ({\n  googleButton: {\n    background: 'white',\n    color: 'rgb(0, 94, 166)',\n    borderRadius: '4px',\n    border: '2px solid rgb(2, 122, 197)',\n    margin: '1.8em 0 0.7em',\n    textTransform: 'none',\n    boxShadow: 'none',\n    padding: '0.3em 1em',\n    [theme.breakpoints.down('sm')]: {\n      width: '100%',\n    },\n    '&:hover': {\n      background: 'white',\n      boxShadow: 'none',\n    },\n  },\n  errorMessage: {\n    color: 'red',\n    display: 'flex',\n    alignItems: 'center',\n    margin: '1em 0 0.2em',\n    '& svg': {\n      marginRight: '0.4em',\n    },\n  },\n  gutterBottom: {\n    marginBottom: '1em',\n  },\n  passcodeContainer: {\n    minHeight: '120px',\n  },\n  submitButton: {\n    [theme.breakpoints.down('sm')]: {\n      width: '100%',\n    },\n  },\n  fileButtonLoadingSpinner: {\n    position: 'absolute',\n    top: '50%',\n    left: '50%',\n    marginLeft: '40px',\n  },\n  rejoinButton: {\n    marginTop: '10px',\n  },\n}));\n\ninterface CallEndedScreenProps {\n  setStep: (step: Steps) => void;\n}\nexport default function CallEndedScreen({ setStep }: CallEndedScreenProps) {\n  const classes = useStyles();\n  //const { signIn, user, isAuthReady } = useAppState();\n  //const history = useHistory();\n  //const location = useLocation<{ from: Location }>();\n\n  return (\n    <>\n      <Typography variant=\"h5\" className={classes.gutterBottom}>\n        Call Ended\n      </Typography>\n      <form>\n        <Grid container justify=\"space-between\">\n          <Grid container justify=\"flex-end\"></Grid>\n        </Grid>\n        <Grid container justify=\"flex-end\">\n          Thank you for using My Emergency Doctor\n        </Grid>\n        <Grid container justify=\"flex-end\">\n          <Button\n            variant=\"contained\"\n            color=\"primary\"\n            onClick={() => {\n              setStep(Steps.deviceSelectionStep);\n              window.sessionStorage.setItem('endSession', 'false');\n            }}\n            className={classes.rejoinButton}\n          >\n            Call Doctor\n          </Button>\n        </Grid>\n      </form>\n    </>\n  );\n}\n","import React, { SVGProps } from 'react';\nimport './MyEmergencyDrLogo.css';\nimport { makeStyles, Theme } from '@material-ui/core';\n\nconst useStyles = makeStyles((theme: Theme) => ({\n  medlogo: {\n    [theme.breakpoints.down('sm')]: {\n      display: 'none',\n    },\n  },\n}));\n\nexport default function MyEmergencyDrLogo(props: SVGProps<SVGSVGElement>) {\n  const classes = useStyles();\n\n  return (\n    <span className={classes.medlogo}>\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        aria-label=\"My Emergency Doctor Logo\"\n        role=\"img\"\n        viewBox=\"-15 -15 125 123\"\n        className=\"svg-medlogo\"\n      >\n        <defs></defs>\n      </svg>\n    </span>\n  );\n}\n\n//<path className=\"cls-2\" d=\"M361.48,487.61a12.68,12.68,0,0,1,11.14,6.62q7.13,5.14,14.16,0a12.71,12.71,0,0,1,5.09-5.11q5.16-7.12,0-14.16A12.7,12.7,0,1,1,404,475q-5.12,7,0,14.16a12.75,12.75,0,0,1,5.07,5.07q7.13,5.14,14.16,0a12.69,12.69,0,1,1,0,12.08q-7-5.13-14.16,0a12.72,12.72,0,0,1-5.1,5.08q-5.13,7.05,0,14.16a12.69,12.69,0,1,1-12.15,0q5.16-7.11,0-14.16a12.71,12.71,0,0,1-5.13-5.12q-7-5.13-14.16,0a12.69,12.69,0,1,1-11.14-18.77Z\" transform=\"translate(-348.79 -451.15)\"></path>\n//<path className=\"cls-1\" d=\"M361.48,451.15a12.69,12.69,0,1,1-12.69,12.69,12.69,12.69,0,0,1,12.69-12.69Zm72.93,72.93a12.69,12.69,0,1,1-12.69,12.69,12.7,12.7,0,0,1,12.69-12.69Zm0-72.93a12.69,12.69,0,1,1-12.69,12.69,12.7,12.7,0,0,1,12.69-12.69Zm-72.93,72.93a12.69,12.69,0,1,1-12.69,12.69,12.69,12.69,0,0,1,12.69-12.69Z\" transform=\"translate(-348.79 -451.15)\"></path>\n","export default __webpack_public_path__ + \"static/media/MED-logo-rgb.2178e097.png\";","import React from 'react';\nimport { makeStyles, Theme } from '@material-ui/core';\n//import Swoosh from './swoosh';\n//import VideoLogo from './VideoLogo';\n//import TwilioLogo from './TwilioLogo';\nimport MyEmergencyDrLogo from './MyEmergencyDrLogo';\n//import { useAppState } from '../../state';\n//import UserMenu from './UserMenu/UserMenu';\n//import { useLocation } from 'react-router-dom';\nimport logo from './MED-logo-rgb.png';\n\nconst useStyles = makeStyles((theme: Theme) => ({\n  background: {\n    //display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    background: '#f1f1f1',\n    height: '100%',\n  },\n  container: {\n    position: 'relative',\n    flex: '1',\n    margin: '10px',\n    [theme.breakpoints.down('sm')]: {\n      height: 'calc(100% - 20px)',\n    },\n  },\n  innerContainer: {\n    display: 'flex',\n    width: '888px',\n    height: 'auto',\n    borderRadius: '8px',\n    boxShadow: '0px 2px 4px 0px rgba(40, 42, 43, 0.3)',\n    overflow: 'hidden',\n    position: 'relative',\n    margin: 'auto',\n    [theme.breakpoints.down('sm')]: {\n      display: 'block',\n      height: 'calc(100% - 20px)',\n      width: 'calc(100% - 40px)',\n      margin: 'auto',\n      maxWidth: '400px',\n    },\n  },\n  swooshContainer: {\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    //backgroundImage: Swoosh,\n    backgroundColor: '#FFFFFF',\n    backgroundSize: 'cover',\n    width: '296px',\n    [theme.breakpoints.down('sm')]: {\n      width: '100%',\n      height: '100px',\n      backgroundPositionY: '140px',\n    },\n  },\n  logoContainer: {\n    position: 'absolute',\n    width: '210px',\n    textAlign: 'center',\n    [theme.breakpoints.down('sm')]: {\n      display: 'flex',\n      alignItems: 'center',\n      width: '90%',\n      textAlign: 'initial',\n      '& svg': {\n        height: '64px',\n      },\n    },\n  },\n  logo: {\n    width: '210px',\n  },\n  twilioLogo: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    margin: '20px',\n  },\n  myemergencydrLogo: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    margin: '20px',\n  },\n  content: {\n    background: 'white',\n    width: '100%',\n    padding: '4em',\n    flex: 1,\n    position: 'relative',\n    [theme.breakpoints.down('sm')]: {\n      padding: '2em',\n      height: '100%',\n    },\n  },\n  title: {\n    color: 'white',\n    margin: '1em 0 0',\n    [theme.breakpoints.down('sm')]: {\n      margin: 0,\n      fontSize: '1.1rem',\n    },\n  },\n}));\n\ninterface IntroContainerProps {\n  children: React.ReactNode;\n}\n\nconst IntroContainer = (props: IntroContainerProps) => {\n  const classes = useStyles();\n  //const { user } = useAppState();\n  //const location = useLocation();\n\n  return (\n    <div className={classes.background}>\n      <MyEmergencyDrLogo className={classes.myemergencydrLogo} />\n      {/*user && location.pathname !== '/login' && <UserMenu />*/}\n      <div className={classes.container}>\n        <div className={classes.innerContainer}>\n          <div className={classes.swooshContainer}>\n            <div className={classes.logoContainer}>\n              <img src={logo} alt=\"MyEmergencyDr Logo\" className={classes.logo} />\n            </div>\n          </div>\n          <div className={classes.content}>{props.children}</div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default IntroContainer;\n","import React, { useState } from 'react';\nimport Snackbar from '../../Snackbar/Snackbar';\nimport useDevices from '../../../hooks/useDevices/useDevices';\nimport useVideoContext from '../../../hooks/useVideoContext/useVideoContext';\n\nexport function getSnackbarContent(hasAudio: boolean, hasVideo: boolean, error?: Error) {\n  let headline = '';\n  let message = '';\n\n  switch (true) {\n    // These custom errors are thrown by the useLocalTracks hook. They are thrown when the user explicitly denies\n    // permission to only their camera, or only their microphone.\n    case error?.message === 'CameraPermissionsDenied':\n      headline = 'Unable to Access Media:';\n      message =\n        'The user has denied permission to use video. Please grant permission to the browser to access the camera.';\n      break;\n    case error?.message === 'MicrophonePermissionsDenied':\n      headline = 'Unable to Access Media:';\n      message =\n        'The user has denied permission to use audio. Please grant permission to the browser to access the microphone.';\n      break;\n\n    // This error is emitted when the user or the user's system has denied permission to use the media devices\n    case error?.name === 'NotAllowedError':\n      headline = 'Unable to Access Media:';\n\n      if (error!.message === 'Permission denied by system') {\n        // Chrome only\n        message =\n          'The operating system has blocked the browser from accessing the microphone or camera. Please check your operating system settings.';\n      } else {\n        message =\n          'The user has denied permission to use audio and video. Please grant permission to the browser to access the microphone and camera.';\n      }\n\n      break;\n\n    // This error is emitted when input devices are not connected or disabled in the OS settings\n    case error?.name === 'NotFoundError':\n      headline = 'Cannot Find Microphone or Camera:';\n      message =\n        'The browser cannot access the microphone or camera. Please make sure all input devices are connected and enabled.';\n      break;\n\n    // Other getUserMedia errors are less likely to happen in this app. Here we will display\n    // the system's error message directly to the user.\n    case Boolean(error):\n      headline = 'Error Acquiring Media:';\n      message = `${error!.name} ${error!.message}`;\n      break;\n\n    case !hasAudio && !hasVideo:\n      headline = 'No Camera or Microphone Detected:';\n      message = 'Other participants in the room will be unable to see and hear you.';\n      break;\n\n    case !hasVideo:\n      headline = 'No Camera Detected:';\n      message = 'Other participants in the room will be unable to see you.';\n      break;\n\n    case !hasAudio:\n      headline = 'No Microphone Detected:';\n      message = 'Other participants in the room will be unable to hear you.';\n  }\n\n  return {\n    headline,\n    message,\n  };\n}\n\nexport default function MediaErrorSnackbar({ error }: { error?: Error }) {\n  const { hasAudioInputDevices, hasVideoInputDevices } = useDevices();\n\n  const { isAcquiringLocalTracks } = useVideoContext();\n\n  const [isSnackbarDismissed, setIsSnackbarDismissed] = useState(false);\n\n  const isSnackbarOpen =\n    !isSnackbarDismissed &&\n    !isAcquiringLocalTracks &&\n    (Boolean(error) || !hasAudioInputDevices || !hasVideoInputDevices);\n\n  const { headline, message } = getSnackbarContent(hasAudioInputDevices, hasVideoInputDevices, error);\n\n  return (\n    <Snackbar\n      open={isSnackbarOpen}\n      handleClose={() => setIsSnackbarDismissed(true)}\n      headline={headline}\n      message={message}\n      variant=\"warning\"\n    />\n  );\n}\n","import React from 'react';\nimport { Button, Dialog, DialogActions, DialogContent, DialogTitle, Divider, Grid, Theme } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles((theme: Theme) => ({\n  container: {\n    width: '600px',\n    minHeight: '350px',\n    [theme.breakpoints.down('xs')]: {\n      width: 'calc(100vw - 32px)',\n    },\n    '& .inputSelect': {\n      width: 'calc(100% - 35px)',\n    },\n  },\n  button: {\n    float: 'right',\n  },\n  paper: {\n    [theme.breakpoints.down('xs')]: {\n      margin: '0px',\n    },\n    overflowx: 'clip',\n  },\n  formControl: {\n    display: 'block',\n    margin: '0 0',\n    '&:first-child': {\n      margin: '0 0 0 0',\n    },\n  },\n  label: {\n    width: '100%', // Labels have scale(0.75) applied to them, so this effectively makes the width 100%\n  },\n}));\n\nexport default function TermsAndConditionsDialog({\n  open,\n  onClose,\n  onResult,\n}: {\n  open: boolean;\n  onClose: () => void;\n  onResult: (acceptTermsAndConditions: boolean) => void;\n}) {\n  const classes = useStyles();\n  //const [termsAndConditions, setTermsAndConditions] = useState<boolean>(false);\n\n  const onCloseClick = (acceptTermsAndConditions: boolean) => {\n    onResult(acceptTermsAndConditions);\n  };\n\n  return (\n    <Dialog open={open} onClose={onClose} classes={{ paper: classes.paper }}>\n      <DialogTitle>Terms and Conditions (community-based patients)</DialogTitle>\n      <Divider />\n      <DialogContent className={classes.container}>\n        <Grid container spacing={2}>\n          <Grid item xs={12}>\n            <div>\n              <div style={{ background: 'red', color: 'white', borderRadius: '5px', textAlign: 'center' }}>\n                Has the patient been in a major accident?\n                <br />\n                Are they <u>unconscious</u> or <u>having chest pain</u>, <u>difficulty breathing</u> or{' '}\n                <u>uncontrolled bleeding</u>:<br />\n                <b>Please call “000” immediately</b>\n              </div>\n              <br />\n              My Emergency Doctor provides services for acute medical conditions.\n              <br />\n              We are not a GP tele-service.\n              <br />\n              <br />\n              <b>Please call “000” or refer to your GP</b>, if you, or the patient are:\n              <ul>\n                <li>\n                  Requiring <b>mental health and counselling services.</b>\n                </li>\n                <li>\n                  Requiring treatment for a <b>child younger than 1 month old.</b>\n                </li>\n                <li>\n                  A child <b>under 16 of age without an adult</b> present.\n                </li>\n                <li>\n                  Requiring{' '}\n                  <b>prescriptions for S8 medications such as oxycodone (endone) and other drugs of dependence.</b>\n                </li>\n                <li>\n                  Requiring <b>routine repeat prescriptions.</b>\n                </li>\n                <li>\n                  Requiring <b>prescriptions for medications such as Ozempic (Semaglutide)</b>\n                </li>\n              </ul>\n            </div>\n          </Grid>\n        </Grid>\n      </DialogContent>\n      <Divider />\n      <DialogActions>\n        <Button\n          style={{ background: '#E22525', color: 'white' }}\n          className={classes.button}\n          variant=\"contained\"\n          onClick={() => onCloseClick(false)}\n        >\n          Cancel\n        </Button>\n        <Button\n          className={classes.button}\n          color=\"primary\"\n          variant=\"contained\"\n          //disabled={!termsAndConditions}\n          onClick={() => onCloseClick(true)}\n        >\n          Accept\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n}\n","export const ASPEN_SITECODES = [\n  'ASPEN',\n  'Santos Ballera (Cooper Basin)',\n  'Santos Tanumbririni',\n  'Shell Prelude',\n  'Shell Magnetic 1',\n  'Origin Spring Gully',\n  'Origin Talinga',\n  'Paringa',\n  'Santos Arcadia (Surat Basin)',\n  'Santos Cattle Creek',\n  'Santos Devil Creek',\n  'Santos DLNG (Darwin Harbour)',\n  'Santos Fairview (Surat Basin)',\n  'Santos GLNG',\n  'Santos Moomba (Cooper Basin)',\n  'Santos Narrabri',\n  'Santos Ningaloo Vision',\n  'Santos Roma East (Surat Basin)',\n  'Santos Scotia',\n  'Santos Varanus Island',\n  'Shell Charlie',\n  'Shell Chinchilla',\n  'Shell Curtis Island',\n  'Shell Kenya',\n  'Shell Ruby Jo',\n  'Shell Windibri',\n  'Shell Woleebee Creek',\n  'Terrex',\n  'Bechtel Project',\n  'Evolution Ernest Henry',\n  'Evolution Lake Cowal',\n  'Evolution Mt Carlton',\n  'Origin Reedy Creek',\n  'Evolution Mt Rawdon',\n  'Evolution Mungari',\n  'Origin Bungaroo',\n  'Origin Condabri',\n  'Origin Eraring Power Station',\n  'Origin Gangarri',\n  'Origin Kyalla (Beetaloo)',\n];\n\nexport const ASPEN_SITECODE = 'ASPEN';\n\nexport const SPECIAL_SITECODES = ['FU123 - Followup', 'CALLBACK'];\n\nexport const INVALID_CHARACTERS = [' ', ':', '*', '?', '!', '#', '@', '$'];\n","import { INVALID_CHARACTERS } from '../constants/sitecodes';\n\nconst cleanSitecodeString = (sitecode: string = '', invalidCharacters: string[] = INVALID_CHARACTERS) => {\n  const pattern = new RegExp(`^[${invalidCharacters.join('')}]+|[${invalidCharacters.join('')}]+$`, 'g');\n\n  return sitecode.replace(pattern, '');\n};\n\nexport default cleanSitecodeString;\n","export const postCodeRegex = /^\\d{4}$/;\n","export const CATEGORIES_LIST = [\n  {\n    label: 'Select Category',\n    value: '',\n  },\n  {\n    label: 'CAT5',\n    value: 'CAT5',\n  },\n  {\n    label: 'CAT4',\n    value: 'CAT4',\n  },\n  {\n    label: 'CAT3',\n    value: 'CAT3',\n  },\n  {\n    label: 'CAT2',\n    value: 'CAT2',\n  },\n  {\n    label: 'CAT1',\n    value: 'CAT1',\n  },\n];\n","import React, { useState, ChangeEvent, useEffect, FormEvent } from 'react';\nimport {\n  Typography,\n  makeStyles,\n  TextField,\n  Grid,\n  Button,\n  InputLabel,\n  Theme,\n  Checkbox,\n  Select,\n  MenuItem,\n} from '@material-ui/core';\nimport { useAppState } from '../../../state';\nimport clsx from 'clsx';\nimport ErrorOutlineIcon from '@material-ui/icons/ErrorOutline';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport TermsAndConditionsDialog from './TermsAndConditionsDialog/TermsAndConditionsDialog';\nimport cleanSitecodeString from '../../../utils/cleanSitecodeString';\nimport { postCodeRegex } from '../../../constants/regex';\nimport { CATEGORIES_LIST } from '../../../constants/categories';\n\nconst useStyles = makeStyles((theme: Theme) => ({\n  gutterBottom: {\n    marginBottom: '1em',\n  },\n  inputContainer: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    margin: '1em 0 2em',\n    '& div:not(:last-child)': {\n      marginRight: '1em',\n    },\n    [theme.breakpoints.down('sm')]: {\n      margin: '1em 0 1.5em',\n    },\n  },\n  flexContainer: {\n    flexDirection: 'column',\n  },\n  textFieldContainer: {\n    width: '100%',\n  },\n  textFieldContainerHalf: {\n    width: '50%',\n  },\n  continueButton: {\n    [theme.breakpoints.down('sm')]: {\n      width: '100%',\n    },\n  },\n  errorMessage: {\n    color: 'red',\n    display: 'flex',\n    alignItems: 'center',\n    margin: '1em 0 0.2em',\n    '& svg': {\n      marginRight: '0.4em',\n    },\n  },\n}));\n\ninterface RoomNameScreenProps {\n  name: string;\n  roomName: string;\n  setName: (name: string) => void;\n  setRoomName: (roomName: string) => void;\n  email: string;\n  siteCode: string;\n  siteCodeError: string;\n  phonenumber: string;\n  disableSitecode: boolean;\n  lastName: string;\n  termsAndConditions: boolean;\n  category: string;\n  setCategory: (category: string) => void;\n  //termsAndConditionsTop: boolean;\n  setEmail: (email: string) => void;\n  setPhoneNumber: (phonenumber: string) => void;\n  setLastName: (lastName: string) => void;\n  setSiteCode: (siteCode: string) => void;\n  setTermsAndConditions: (termsAndConditions: boolean) => void;\n  handleSubmit: (event: FormEvent<HTMLFormElement> | null) => void;\n}\n\nexport default function RoomNameScreen({\n  name,\n  setName,\n  siteCode,\n  siteCodeError,\n  phonenumber,\n  disableSitecode,\n  lastName,\n  termsAndConditions,\n  category,\n  setCategory,\n  setPhoneNumber,\n  setLastName,\n  setSiteCode,\n  setTermsAndConditions,\n  handleSubmit,\n}: RoomNameScreenProps) {\n  const classes = useStyles();\n  const { user } = useAppState();\n  const [showRoomName, setShowRoomName] = useState<boolean>(false);\n  const [canSubmit, setCanSubmit] = useState<boolean>(false);\n  const [showConfirmDialog, setShowConfirmDialog] = useState<boolean>(false);\n  const [phoneError, setPhoneError] = useState<string>('');\n\n  const validate = () => {\n    let pattern = new RegExp(/^\\+?[0-9\\b]+$/);\n    let isValid = true;\n    if (!pattern.test(phonenumber)) {\n      isValid = false;\n    } else if (phonenumber.length < 8) {\n      isValid = false;\n    }\n    return isValid;\n  };\n  const handleNameChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setName(event.target.value);\n  };\n\n  function checkBeforeSubmit() {\n    const cleanedSitecode = cleanSitecodeString(siteCode);\n    if (cleanedSitecode !== siteCode) {\n      setSiteCode(cleanedSitecode);\n    }\n    if (!validate()) {\n      setPhoneError('Please enter a valid phone number');\n    } else if (cleanedSitecode.match(postCodeRegex) === null) {\n      setPhoneError('');\n      handleSubmit(null);\n    } else {\n      setPhoneError('');\n      setShowConfirmDialog(true);\n    }\n  }\n\n  const handlePhoneNumberChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setPhoneNumber(event.target.value);\n  };\n\n  const handleLastNameChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setLastName(event.target.value);\n  };\n\n  const handleSiteCodeChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setSiteCode(event.target.value);\n    setCanSubmit(event.target.value.length > 0);\n  };\n\n  const handleTermsAndConditionsChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setTermsAndConditions(event.target.checked);\n  };\n\n  const handleCategoryChange = (event: React.ChangeEvent<{ value: unknown }>) => {\n    setCategory(event.target.value as string);\n  };\n\n  const hasUsername = !window.location.search.includes('customIdentity=true') && user?.displayName;\n\n  useEffect(() => {\n    const searchStr = window.sessionStorage.getItem('searchStr');\n    if (!!searchStr) {\n      const searchParams = new URLSearchParams(searchStr);\n      const task = searchParams.get('task');\n      if (!!task) {\n        if (task === 'no') {\n          setSiteCode('');\n        }\n        setShowRoomName(task !== 'no');\n        setCanSubmit(task === 'no');\n      } else {\n        setShowRoomName(true);\n        // setCanSubmit(!!workflowId);\n      }\n    } else {\n      setShowRoomName(true);\n      setCanSubmit(siteCode?.length > 0);\n    }\n  }, [siteCode, setSiteCode, canSubmit]);\n  useEffect(() => {\n    setCanSubmit(!!(name && lastName && phonenumber && termsAndConditions));\n  }, [name, lastName, phonenumber, termsAndConditions]);\n\n  useEffect(() => {\n    const fetchSiteCode = () => {\n      const url = window.location.href;\n      const params = new URLSearchParams(new URL(url).search);\n      const siteCodeValue = params.get('sitecode');\n      if (siteCodeValue) {\n        setSiteCode(siteCodeValue);\n      }\n    };\n    const timeout = setTimeout(fetchSiteCode, 1000);\n    return () => {\n      clearTimeout(timeout);\n    };\n  }, [setSiteCode]);\n\n  return (\n    <>\n      <TermsAndConditionsDialog\n        open={showConfirmDialog}\n        onClose={() => {\n          setShowConfirmDialog(false);\n        }}\n        onResult={(acceptTermsAndConditions: boolean) => {\n          if (acceptTermsAndConditions) {\n            handleSubmit(null);\n          } else {\n            // do nothing\n            setShowConfirmDialog(false);\n          }\n        }}\n      />\n      <form>\n        <div className={classes.inputContainer}>\n          <div className={classes.textFieldContainer} style={{ display: showRoomName ? 'inline' : 'none' }}>\n            <InputLabel shrink htmlFor=\"input-site-code\">\n              Postcode or Site code\n            </InputLabel>\n            <TextField\n              autoCapitalize=\"false\"\n              id=\"input-site-code\"\n              variant=\"outlined\"\n              fullWidth\n              size=\"small\"\n              value={siteCode}\n              onChange={handleSiteCodeChange}\n              disabled={disableSitecode}\n            />\n          </div>\n          <div>\n            {siteCodeError && (\n              <Typography variant=\"caption\" className={classes.errorMessage}>\n                <ErrorOutlineIcon />\n                {siteCodeError}\n              </Typography>\n            )}\n          </div>\n        </div>\n\n        <div className={clsx(classes.inputContainer, classes.flexContainer)}>\n          <div className={classes.textFieldContainer}>\n            <InputLabel shrink htmlFor=\"input-phone-number\">\n              Contact number\n            </InputLabel>\n            <TextField\n              autoCapitalize=\"false\"\n              id=\"input-phone-number\"\n              variant=\"outlined\"\n              fullWidth\n              size=\"small\"\n              value={phonenumber}\n              onChange={handlePhoneNumberChange}\n            />\n          </div>\n          <div>\n            {phoneError && (\n              <Typography variant=\"caption\" className={classes.errorMessage}>\n                <ErrorOutlineIcon />\n                {phoneError}\n              </Typography>\n            )}\n          </div>\n        </div>\n\n        <div className={classes.inputContainer}>\n          {!hasUsername && (\n            <div className={classes.textFieldContainer}>\n              <InputLabel shrink htmlFor=\"input-user-name\">\n                First Name\n              </InputLabel>\n              <TextField\n                id=\"input-user-name\"\n                variant=\"outlined\"\n                fullWidth\n                size=\"small\"\n                value={name}\n                onChange={handleNameChange}\n              />\n            </div>\n          )}\n          <div className={classes.textFieldContainer}>\n            <InputLabel shrink htmlFor=\"input-last-name\">\n              Last Name\n            </InputLabel>\n            <TextField\n              autoCapitalize=\"false\"\n              id=\"input-last-name\"\n              variant=\"outlined\"\n              fullWidth\n              size=\"small\"\n              value={lastName}\n              onChange={handleLastNameChange}\n            />\n          </div>\n        </div>\n        <div className={classes.inputContainer}>\n          <div className={classes.textFieldContainer}>\n            <InputLabel shrink id=\"label-category\" htmlFor=\"input-category\">\n              Category (optional - only for hospital site usage)\n            </InputLabel>\n            <div className={classes.textFieldContainerHalf}>\n              <Select\n                fullWidth\n                labelId=\"label-category\"\n                id=\"input-category\"\n                value={category}\n                variant=\"outlined\"\n                onChange={handleCategoryChange}\n              >\n                {CATEGORIES_LIST.map(categoryItem => (\n                  <MenuItem key={categoryItem.value} value={categoryItem.value}>\n                    {categoryItem.label}\n                  </MenuItem>\n                ))}\n              </Select>\n            </div>\n          </div>\n        </div>\n\n        <div className={classes.inputContainer}>\n          <div className={classes.textFieldContainer}>\n            <FormControlLabel\n              label={\n                <div>\n                  <span>I agree with the </span>\n                  <a\n                    href=\"https://www.myemergencydr.com/service-terms-and-conditions/\"\n                    target=\"_blank\"\n                    rel=\"noreferrer\"\n                  >\n                    terms and conditions\n                  </a>\n                  <span> and </span>\n                  <a href=\"https://www.myemergencydr.com/privacy-policy/\" target=\"_blank\" rel=\"noreferrer\">\n                    privacy policy\n                  </a>\n                  <span> of this site</span>\n                </div>\n              }\n              control={\n                <Checkbox\n                  autoCapitalize=\"false\"\n                  id=\"input-terms-and-conditions\"\n                  size=\"small\"\n                  value={termsAndConditions}\n                  onChange={handleTermsAndConditionsChange}\n                />\n              }\n            />\n          </div>\n        </div>\n\n        <Grid container justify=\"flex-end\">\n          <Button\n            variant=\"contained\"\n            type=\"button\"\n            color=\"primary\"\n            disabled={!name || !lastName || !phonenumber || !termsAndConditions || !canSubmit}\n            className={classes.continueButton}\n            onClick={checkBeforeSubmit}\n          >\n            Continue\n          </Button>\n        </Grid>\n      </form>\n    </>\n  );\n}\n","import React from 'react';\nimport { CircularProgress, makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles(() => ({\n  loadingContainer: {\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    position: 'absolute',\n    width: '100%',\n    height: '100%',\n    backgroundColor: 'rgba(0, 0, 0, 0.18)',\n    zIndex: 100,\n    top: 0,\n    left: 0,\n  },\n}));\n\ninterface OverlayLoadingProps {\n  loading?: boolean;\n}\n\nconst OverlayLoading = ({ loading = false }: OverlayLoadingProps) => {\n  const classes = useStyles();\n  return loading ? (\n    <div className={classes.loadingContainer}>\n      <CircularProgress size={60} />\n    </div>\n  ) : null;\n};\n\nexport default OverlayLoading;\n","import React, { useState, useEffect, useCallback, FormEvent } from 'react';\nimport PatientInformationScreen from './PatientInformationScreen/PatientInformationScreen';\nimport DeviceSelectionScreen from './DeviceSelectionScreen/DeviceSelectionScreen';\nimport CallEndedScreen from './CallEndedScreen/CallEndedScreen';\nimport IntroContainer from '../IntroContainer/IntroContainer';\nimport MediaErrorSnackbar from './MediaErrorSnackbar/MediaErrorSnackbar';\nimport RoomNameScreen from './RoomNameScreen/RoomNameScreen';\nimport OverlayLoading from '../OverlayLoading';\nimport { useAppState } from '../../state';\nimport { useParams } from 'react-router-dom';\nimport useVideoContext from '../../hooks/useVideoContext/useVideoContext';\nimport { VIDEOBASEURL } from '../../constants';\nimport checkSpecialSitecode from '../../utils/checkSpecialSitecodes';\nimport { USER_DEFAULT_ROOM_KEY } from '../../constants';\nimport CallCanceledScreen from './CallCanceledScreen/CallCanceledScreen';\nimport * as Sentry from '@sentry/react';\nimport { postCodeRegex } from '../../constants/regex';\nimport { ASPEN_SITECODE } from '../../constants/sitecodes';\nimport cleanSitecodeString from '../../utils/cleanSitecodeString';\n\nexport enum Steps {\n  roomNameStep,\n  patientDetails,\n  deviceSelectionStep,\n  callEnded,\n  callCanceled,\n}\n\nexport enum SiteCodeValidStatus {\n  notStarted,\n  checkedAndPassed,\n  checkedAndFailed,\n}\n\nconst DEFAULT_POSTCODE = '9999';\n\nexport default function PreJoinScreens() {\n  const { user } = useAppState();\n  const { getAudioAndVideoTracks, room } = useVideoContext();\n  const { URLRoomName } = useParams();\n  const [step, setStep] = useState(Steps.roomNameStep);\n\n  const [patientName, setPatientName] = useState<string>('');\n  const [patientLastName, setPatientLastName] = useState<string>('');\n  const [patientPhoneNumber, setPatientPhoneNumber] = useState<string>('');\n  const [name, setName] = useState<string>(user?.displayName || '');\n  const [category, setCategory] = useState<string>('');\n  const [lastName, setLastName] = useState<string>('');\n  const [roomName, setRoomName] = useState<string>('');\n  const [loading, setLoading] = useState<boolean>(false);\n  const [disableSitecode, setDisableSitecode] = useState<boolean>(false);\n  const [siteCode, setSiteCode] = useState<string>('');\n  const [sitecodeValidStatus, setSitecodeValidStatus] = useState(SiteCodeValidStatus.notStarted);\n  const [v2vCall, setV2vCall] = useState<boolean>(false);\n  const [siteCodeError, setSiteCodeError] = useState<string>('');\n  const [email, setEmail] = useState<string>(user?.displayName || '');\n  const [phonenumber, setPhoneNumber] = useState<string>('');\n  const [agentCall, setAgentCall] = useState<boolean>(false);\n  const [bypassForm, setBypassForm] = useState<boolean>(false);\n  const [haveTask, setHaveTask] = useState<string>('');\n  const [isStatic, setIsStatic] = useState<boolean>(false);\n  const [executionFlag, setExecutionFlag] = useState<boolean>(false);\n  const [termsAndConditions, setTermsAndConditions] = useState<boolean>(false);\n  const [mediaError, setMediaError] = useState<Error>();\n\n  const handlePatientSubmit = useCallback((event: FormEvent<HTMLFormElement> | null) => {\n    event && event.preventDefault();\n\n    setStep(Steps.deviceSelectionStep);\n  }, []);\n\n  useEffect(() => {\n    let rn = window.localStorage.getItem(USER_DEFAULT_ROOM_KEY);\n    if (rn !== null) {\n      setSiteCode(rn);\n    }\n\n    const searchStr = window.sessionStorage.getItem('searchStr');\n    if (!!searchStr) {\n      const searchParams = new URLSearchParams(searchStr);\n      const agentName = searchParams.get('name');\n      const agentRoom = searchParams.get('room');\n      const task = searchParams.get('task');\n      const isAgentCall = searchParams.get('isAgentCall');\n      const isStaticParam = searchParams.get('isStatic');\n\n      setHaveTask('');\n      setIsStatic(false);\n      // AGENT CALL\n      if (isAgentCall === 'true' && !!agentRoom && !!agentName) {\n        setAgentCall(true);\n        setBypassForm(true);\n        setSiteCode('');\n        setRoomName(agentRoom);\n        setName(agentName);\n      }\n\n      // TASK\n      if (!!task && task === 'no') {\n        setHaveTask('no');\n      }\n\n      // STATIC\n      if (isStaticParam === 'true' && !!agentRoom) {\n        let d = new Date();\n        let theTime: string = d.getTime().toString();\n        let uniqueCode: string = theTime.substr(theTime.length - 5);\n        setIsStatic(true);\n        setSiteCode(agentRoom);\n        setRoomName(agentRoom);\n        setName(agentRoom + '_' + uniqueCode);\n        setBypassForm(true);\n      }\n    }\n  }, [isStatic, setIsStatic]);\n\n  const updateBrowserState = (code: string, newRoomName: string) => {\n    window.localStorage.setItem(USER_DEFAULT_ROOM_KEY, code);\n\n    if (!window.location.origin.includes('twil.io')) {\n      window.history.replaceState(\n        null,\n        '',\n        window.encodeURI(`${VIDEOBASEURL}/room/${newRoomName}${window.location.search || ''}`)\n      );\n    }\n  };\n\n  const checkSiteCode = async (code: string) => {\n    let uri = window.location.href;\n    let environment = 'prod';\n    if (uri?.match('-uat')) environment = 'uat';\n    if (uri?.match('-test')) environment = 'test';\n    if (uri?.match('localhost')) environment = 'test';\n    setLoading(true);\n    fetch('https://9903qvvoj1.execute-api.ap-southeast-2.amazonaws.com/' + environment + '/issitevalid/' + code, {\n      headers: { 'Content-Type': 'application/json', 'X-API-Key': 'QxzanvIyly6VKq7fH8gLx2NK1lBVAYyQ70qVlgjt' },\n      method: 'GET',\n    })\n      .then(response => {\n        return response.json();\n      })\n      .then(data => {\n        if (data !== null && data.found) {\n          let dd = new Date();\n          let dtheTime: string = dd.getTime().toString();\n          let duniqueCode: string = dtheTime.substr(dtheTime.length - 5);\n          //isValid = true;\n          const newRoomName = (code + '_' + duniqueCode).replace(' ', '').replace(/[^a-zA-Z0-9-_]/g, '');\n          setRoomName(newRoomName);\n          setStep(Steps.deviceSelectionStep);\n          setSiteCodeError('');\n          setSitecodeValidStatus(SiteCodeValidStatus.checkedAndPassed);\n          updateBrowserState(code, newRoomName);\n        } else {\n          setSiteCodeError('Invalid post code or site code.');\n          setSitecodeValidStatus(SiteCodeValidStatus.checkedAndFailed);\n        }\n        setLoading(false);\n      })\n      .catch(err => {\n        setSiteCodeError('Invalid post code or site code.');\n        setSitecodeValidStatus(SiteCodeValidStatus.checkedAndFailed);\n        setLoading(false);\n      });\n  };\n\n  const generateRoomName = (phone: string = '', firstname: string = '', lastname: string = '') => {\n    const newRoomName = (!!phone ? `${firstname}_${phone}` : lastname).replace(' ', '').replace(/[^a-zA-Z0-9-_]/g, '');\n    return newRoomName;\n  };\n\n  const handleSubmit = useCallback(\n    (event: FormEvent<HTMLFormElement> | null) => {\n      event?.preventDefault();\n      var newRoomName = '';\n\n      if (agentCall) {\n        //isValid = true;\n        newRoomName = roomName.replace(' ', '').replace(/[^a-zA-Z0-9-_]/g, '');\n        setStep(Steps.deviceSelectionStep);\n      } else if (isStatic) {\n        newRoomName = roomName.replace(' ', '').replace(/[^a-zA-Z0-9-_]/g, '');\n        setStep(Steps.deviceSelectionStep);\n      } else if (haveTask === 'no') {\n        //isValid = true;\n        newRoomName = (name + '_' + phonenumber).replace(' ', '').replace(/[^a-zA-Z0-9-_]/g, '');\n\n        setSiteCode('');\n        setRoomName(newRoomName);\n        setStep(Steps.deviceSelectionStep);\n      } else {\n        const cleanedSitecode = cleanSitecodeString(siteCode);\n\n        if (siteCode.match(postCodeRegex) === null) {\n          // SITE CODE\n          if (cleanedSitecode !== siteCode) {\n            setSiteCode(cleanedSitecode);\n          }\n          checkSiteCode(cleanedSitecode);\n        } else {\n          // POST CODE\n          newRoomName = generateRoomName(phonenumber, name, lastName);\n          setRoomName(newRoomName);\n          setStep(Steps.patientDetails);\n          updateBrowserState(cleanedSitecode, newRoomName);\n        }\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [phonenumber, siteCode, name, lastName, haveTask, agentCall, isStatic]\n  );\n\n  useEffect(() => {\n    const searchStr = window.sessionStorage.getItem('searchStr');\n\n    if (URLRoomName && !searchStr) {\n      setRoomName(URLRoomName);\n      if (user?.displayName) {\n        setStep(Steps.deviceSelectionStep);\n      }\n    }\n    if (!!searchStr) {\n      const searchParams = new URLSearchParams(searchStr);\n      const isStaticParam = searchParams.get('isStatic');\n      const isEscalate = searchParams.get('escalate') || '';\n      const isName = decodeURIComponent(searchParams.get('name') || '');\n      const isSitecode = decodeURIComponent(searchParams.get('sitecode') || '');\n      const isLastName = decodeURIComponent(searchParams.get('lastname') || '');\n      const isPostcode = decodeURIComponent(searchParams.get('postcode') || '');\n      const isPhone = decodeURIComponent(searchParams.get('phone') || '');\n      const isDisableSitecode = decodeURIComponent(searchParams.get('locked') || '');\n      if (isDisableSitecode === 'yes') {\n        setDisableSitecode(true);\n      }\n      const isEndSession = window.sessionStorage.getItem('endSession');\n\n      const cleanedSitecode = cleanSitecodeString(isSitecode);\n      const cleanedPostcode = cleanSitecodeString(isPostcode);\n      if (!!isStaticParam && isStaticParam === 'true' && isEndSession === 'true') {\n        /* TODO: Both the sessionStorage 'searchStr' and 'endSession' are playing a role as \n         controlling the status of the PrejoinScreen, sometimes they are conflicted. Better controllers\n         should be implemented here\n         */\n        // window.sessionStorage.removeItem('searchStr');\n        // window.sessionStorage.removeItem('endSession');\n        setBypassForm(false);\n        setStep(Steps.callEnded); //Thankyou, please come again screen\n      }\n      // voice to video link\n      else if (isEscalate && isName && (cleanedSitecode || cleanedPostcode) && !executionFlag) {\n        setV2vCall(true);\n        setExecutionFlag(true);\n        setName(isName);\n        setLastName(isLastName);\n        setPhoneNumber(isPhone);\n\n        if (cleanedSitecode) {\n          // Sitecode\n          setSiteCode(cleanedSitecode);\n\n          const isSpecial = checkSpecialSitecode(cleanedSitecode);\n          if (isSpecial === ASPEN_SITECODE) {\n            setSiteCode(ASPEN_SITECODE);\n            checkSiteCode(ASPEN_SITECODE);\n          } else {\n            let newRoomName;\n            if (isSpecial) {\n              newRoomName = generateRoomName(isPhone, isName, isLastName);\n              // special sitecode such as 'CALLBACK' and 'Followup'\n              setSiteCode(cleanedPostcode || DEFAULT_POSTCODE);\n              setSiteCodeError('');\n              setSitecodeValidStatus(SiteCodeValidStatus.checkedAndPassed);\n              updateBrowserState(cleanedSitecode, newRoomName);\n              setRoomName(newRoomName);\n            } else {\n              checkSiteCode(cleanedSitecode);\n            }\n          }\n        } else {\n          // Postcode\n          setSiteCode(cleanedPostcode);\n\n          const newRoomName = generateRoomName(isPhone, isName, isLastName);\n          setRoomName(newRoomName);\n          updateBrowserState(cleanedPostcode, newRoomName);\n          setStep(Steps.deviceSelectionStep);\n        }\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [user, URLRoomName, step]);\n\n  useEffect(() => {\n    if (bypassForm) {\n      handleSubmit(null);\n      setBypassForm(false);\n    }\n    // eslint-disable-next-line\n  }, [bypassForm]);\n\n  useEffect(() => {\n    if (step === Steps.deviceSelectionStep && !mediaError) {\n      getAudioAndVideoTracks().catch(error => {\n        console.dir(error);\n        setMediaError(error);\n      });\n    }\n  }, [getAudioAndVideoTracks, step, mediaError]);\n\n  useEffect(() => {\n    if (step === Steps.roomNameStep && room) {\n      setTimeout(function() {\n        Sentry.captureMessage(`RoomDisconnectEvent-${room.sid}`);\n      }, 5000);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [step]);\n\n  useEffect(() => {\n    if (\n      sitecodeValidStatus === SiteCodeValidStatus.checkedAndPassed ||\n      (sitecodeValidStatus === SiteCodeValidStatus.checkedAndFailed && v2vCall === true)\n    ) {\n      if (sitecodeValidStatus === SiteCodeValidStatus.checkedAndFailed) {\n        const searchStr = window.sessionStorage.getItem('searchStr');\n        let isPostcode = '';\n        let isPhone = '';\n        let isName = '';\n        let isLastname = '';\n        if (!!searchStr) {\n          const searchParams = new URLSearchParams(searchStr);\n          isPostcode = decodeURIComponent(searchParams.get('postcode') || '');\n          isName = decodeURIComponent(searchParams.get('name') || '');\n          isLastname = decodeURIComponent(searchParams.get('lastname') || '');\n          isPhone = decodeURIComponent(searchParams.get('phone') || '');\n        }\n        const cleanedPostcode = cleanSitecodeString(isPostcode);\n        const newRoomName = generateRoomName(isPhone, isName, isLastname);\n        setRoomName(newRoomName);\n        updateBrowserState(cleanedPostcode || DEFAULT_POSTCODE, newRoomName);\n        setSiteCode(cleanedPostcode || DEFAULT_POSTCODE);\n        setSiteCodeError('');\n      }\n      setStep(Steps.deviceSelectionStep);\n      setV2vCall(false);\n    }\n  }, [sitecodeValidStatus, v2vCall]);\n\n  return (\n    <IntroContainer>\n      <MediaErrorSnackbar error={mediaError} />\n      <OverlayLoading loading={loading} />\n      {step === Steps.roomNameStep && (\n        <RoomNameScreen\n          name={name}\n          roomName={roomName}\n          email={email}\n          phonenumber={phonenumber}\n          disableSitecode={disableSitecode}\n          lastName={lastName}\n          termsAndConditions={termsAndConditions}\n          siteCode={siteCode}\n          siteCodeError={siteCodeError}\n          setName={setName}\n          category={category}\n          setCategory={setCategory}\n          setRoomName={setRoomName}\n          setEmail={setEmail}\n          setPhoneNumber={setPhoneNumber}\n          setLastName={setLastName}\n          setSiteCode={setSiteCode}\n          setTermsAndConditions={setTermsAndConditions}\n          handleSubmit={handleSubmit}\n        />\n      )}\n\n      {step === Steps.patientDetails && (\n        <PatientInformationScreen\n          name={patientName}\n          lastName={patientLastName}\n          phonenumber={patientPhoneNumber}\n          contactName={name}\n          contactLastName={lastName}\n          contactPhonenumber={phonenumber}\n          setName={setPatientName}\n          setLastName={setPatientLastName}\n          setPhoneNumber={setPatientPhoneNumber}\n          handleSubmit={handlePatientSubmit}\n        />\n      )}\n\n      {step === Steps.deviceSelectionStep && (\n        <DeviceSelectionScreen\n          name={name}\n          roomName={roomName}\n          email={email}\n          phonenumber={phonenumber}\n          agentCall={agentCall}\n          setStep={setStep}\n          lastName={lastName}\n          patientName={patientName}\n          patientLastName={patientLastName}\n          patientPhoneNumber={patientPhoneNumber}\n          siteCode={siteCode}\n          category={category}\n          isStatic={isStatic}\n        />\n      )}\n\n      {step === Steps.callEnded && <CallEndedScreen setStep={setStep} />}\n      {step === Steps.callCanceled && <CallCanceledScreen />}\n    </IntroContainer>\n  );\n}\n","import OverlayLoading from './OverlayLoading';\nexport default OverlayLoading;\n","import { ASPEN_SITECODES, SPECIAL_SITECODES, ASPEN_SITECODE } from '../constants/sitecodes';\nconst checkSpecialSitecode = (sitecode: string) => {\n  if (SPECIAL_SITECODES?.includes(sitecode)) return true;\n  if (ASPEN_SITECODES?.includes(sitecode)) return ASPEN_SITECODE;\n  return false;\n};\n\nexport default checkSpecialSitecode;\n","import React from 'react';\nimport { Grid, makeStyles } from '@material-ui/core';\nimport { Theme } from '@material-ui/core';\nimport Typography from '@material-ui/core/Typography';\n\nconst useStyles = makeStyles((theme: Theme) => ({\n  googleButton: {\n    background: 'white',\n    color: 'rgb(0, 94, 166)',\n    borderRadius: '4px',\n    border: '2px solid rgb(2, 122, 197)',\n    margin: '1.8em 0 0.7em',\n    textTransform: 'none',\n    boxShadow: 'none',\n    padding: '0.3em 1em',\n    [theme.breakpoints.down('sm')]: {\n      width: '100%',\n    },\n    '&:hover': {\n      background: 'white',\n      boxShadow: 'none',\n    },\n  },\n  errorMessage: {\n    color: 'red',\n    display: 'flex',\n    alignItems: 'center',\n    margin: '1em 0 0.2em',\n    '& svg': {\n      marginRight: '0.4em',\n    },\n  },\n  gutterBottom: {\n    marginBottom: '1em',\n  },\n  passcodeContainer: {\n    minHeight: '120px',\n  },\n  submitButton: {\n    [theme.breakpoints.down('sm')]: {\n      width: '100%',\n    },\n  },\n  fileButtonLoadingSpinner: {\n    position: 'absolute',\n    top: '50%',\n    left: '50%',\n    marginLeft: '40px',\n  },\n}));\nconst text =\n  'Looks like you have cancelled your session with My Emergency Doctor. To join a video conference please relaunch the Katherine Hospital link';\n\nexport default function CallEndedScreen() {\n  const classes = useStyles();\n  return (\n    <>\n      <Typography variant=\"h6\" className={classes.gutterBottom}>\n        {text}\n      </Typography>\n      <form>\n        <Grid container justify=\"space-between\">\n          <Grid container justify=\"flex-end\"></Grid>\n        </Grid>\n        <Grid container justify=\"flex-end\">\n          Thankyou for using My Emergency Dr.\n        </Grid>\n      </form>\n    </>\n  );\n}\n","import React, { useEffect, useRef, useState } from 'react';\n// import { Link } from '@material-ui/core';\nimport Snackbar from '../Snackbar/Snackbar';\nimport useIsRecording from '../../hooks/useIsRecording/useIsRecording';\n\nenum Snackbars {\n  none,\n  recordingStarted,\n  recordingInProgress,\n  recordingFinished,\n}\n\nexport default function RecordingNotifications() {\n  const [activeSnackbar, setActiveSnackbar] = useState(Snackbars.none);\n  const prevIsRecording = useRef<boolean | null>(null);\n  const isRecording = useIsRecording();\n\n  useEffect(() => {\n    // Show \"Recording in progress\" snackbar when a user joins a room that is recording\n    if (isRecording && prevIsRecording.current === null) {\n      setActiveSnackbar(Snackbars.recordingInProgress);\n    }\n  }, [isRecording]);\n\n  useEffect(() => {\n    // Show \"Recording started\" snackbar when recording has started.\n    if (isRecording && prevIsRecording.current === false) {\n      setActiveSnackbar(Snackbars.recordingStarted);\n    }\n  }, [isRecording]);\n\n  useEffect(() => {\n    // Show \"Recording finished\" snackbar when recording has stopped.\n    if (!isRecording && prevIsRecording.current === true) {\n      setActiveSnackbar(Snackbars.recordingFinished);\n    }\n  }, [isRecording]);\n\n  useEffect(() => {\n    prevIsRecording.current = isRecording;\n  }, [isRecording]);\n\n  return (\n    <>\n      <Snackbar\n        open={activeSnackbar === Snackbars.recordingStarted}\n        handleClose={() => setActiveSnackbar(Snackbars.none)}\n        variant=\"info\"\n        headline=\"Recording has started.\"\n        message=\"\"\n      />\n      <Snackbar\n        open={activeSnackbar === Snackbars.recordingInProgress}\n        handleClose={() => setActiveSnackbar(Snackbars.none)}\n        variant=\"info\"\n        headline=\"Recording is in progress.\"\n        message=\"\"\n      />\n      <Snackbar\n        open={activeSnackbar === Snackbars.recordingFinished}\n        headline=\"Recording Complete\"\n        message=\"\"\n        // {\n        //   <>\n        //     You can view the recording in the{' '}\n        //     <Link target=\"_blank\" rel=\"noopener\" href=\"https://www.twilio.com/console/video/logs/recordings\">\n        //       Twilio Console\n        //     </Link>\n        //     . Recordings will be available once this room has ended.\n        //   </>\n        // }\n        variant=\"info\"\n        handleClose={() => setActiveSnackbar(Snackbars.none)}\n      />\n    </>\n  );\n}\n","import React from 'react';\nimport Snackbar from '../Snackbar/Snackbar';\nimport useRoomState from '../../hooks/useRoomState/useRoomState';\n\nexport default function ReconnectingNotification() {\n  const roomState = useRoomState();\n\n  return (\n    <Snackbar\n      variant=\"error\"\n      headline=\"Connection Lost:\"\n      message=\"Reconnecting to room...\"\n      open={roomState === 'reconnecting'}\n    />\n  );\n}\n","import React from 'react';\n\nexport default function CloseIcon() {\n  return (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M2.64645 2.64645C2.84171 2.45118 3.15829 2.45118 3.35355 2.64645L21.3536 20.6464C21.5488 20.8417 21.5488 21.1583 21.3536 21.3536C21.1583 21.5488 20.8417 21.5488 20.6464 21.3536L2.64645 3.35355C2.45118 3.15829 2.45118 2.84171 2.64645 2.64645Z\"\n        fill=\"#707578\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M21.3536 2.64645C21.5488 2.84171 21.5488 3.15829 21.3536 3.35355L3.35355 21.3536C3.15829 21.5488 2.84171 21.5488 2.64645 21.3536C2.45118 21.1583 2.45118 20.8417 2.64645 20.6464L20.6464 2.64645C20.8417 2.45118 21.1583 2.45118 21.3536 2.64645Z\"\n        fill=\"#707578\"\n      />\n    </svg>\n  );\n}\n","import React from 'react';\nimport { makeStyles, createStyles } from '@material-ui/core/styles';\nimport CloseIcon from '../../../icons/CloseIcon';\n\nimport useChatContext from '../../../hooks/useChatContext/useChatContext';\n\nconst useStyles = makeStyles(() =>\n  createStyles({\n    container: {\n      height: '56px',\n      background: '#F4F4F6',\n      borderBottom: '1px solid #E4E7E9',\n      display: 'flex',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      padding: '0 1em',\n    },\n    text: {\n      fontWeight: 'bold',\n    },\n    closeChatWindow: {\n      cursor: 'pointer',\n      display: 'flex',\n      background: 'transparent',\n      border: '0',\n      padding: '0.4em',\n    },\n  })\n);\n\nexport default function ChatWindowHeader() {\n  const classes = useStyles();\n  const { setIsChatWindowOpen } = useChatContext();\n\n  return (\n    <div className={classes.container}>\n      <div className={classes.text}>Chat</div>\n      <button className={classes.closeChatWindow} onClick={() => setIsChatWindowOpen(false)}>\n        <CloseIcon />\n      </button>\n    </div>\n  );\n}\n","import React from 'react';\n\nexport default function FileAttachmentIcon() {\n  return (\n    <svg width=\"24\" height=\"24\" viewBox=\"-1 0 24 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M18.7992 3.24259C16.6912 1.13458 13.5645 1.40622 11.3746 3.59615L2.53575 12.435C1.72631 13.2444 1.26254 14.2015 1.18557 15.1283C1.10946 16.0447 1.4074 16.9635 2.1822 17.7383C2.957 18.5131 3.87575 18.811 4.7922 18.7349C5.71899 18.6579 6.67606 18.1942 7.4855 17.3847L14.203 10.6672C14.7335 10.1367 15.0455 9.55355 15.116 9.01193C15.184 8.48967 15.035 7.9637 14.5566 7.48523C14.0781 7.00677 13.5521 6.85777 13.0299 6.92578C12.4883 6.99631 11.9051 7.30826 11.3746 7.83879L6.07128 13.1421C5.87602 13.3374 5.55944 13.3374 5.36418 13.1421C5.16891 12.9468 5.16892 12.6302 5.36418 12.435L10.6675 7.13168C11.3079 6.49124 12.0835 6.04058 12.9007 5.93415C13.7374 5.82521 14.5705 6.08492 15.2637 6.77813C15.9569 7.47134 16.2166 8.30442 16.1076 9.14105C16.0012 9.95832 15.5506 10.7339 14.9101 11.3743L8.1926 18.0918C7.24417 19.0403 6.07462 19.6318 4.87496 19.7315C3.66496 19.832 2.45745 19.4278 1.47509 18.4454C0.492729 17.463 0.0885105 16.2555 0.189 15.0455C0.288631 13.8459 0.880211 12.6763 1.82864 11.7279L10.6675 2.88904C13.1643 0.392265 16.929 -0.0417833 19.5063 2.53549C22.0836 5.11276 21.6495 8.87755 19.1528 11.3743L12.7888 17.7383C12.5935 17.9335 12.277 17.9335 12.0817 17.7383C11.8864 17.543 11.8864 17.2264 12.0817 17.0312L18.4457 10.6672C20.6356 8.47729 20.9072 5.35061 18.7992 3.24259Z\"\n        fill=\"#707578\"\n      />\n    </svg>\n  );\n}\n","import React from 'react';\n\nexport default function ScreenShareIcon() {\n  return (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M22.3539 1.64645C22.5491 1.84171 22.5491 2.15829 22.3539 2.35355L9.74515 14.9622C9.54989 15.1575 9.23331 15.1575 9.03805 14.9622C8.84279 14.767 8.84279 14.4504 9.03805 14.2551L21.6467 1.64645C21.842 1.45118 22.1586 1.45118 22.3539 1.64645Z\"\n        fill=\"#D8D8D8\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M22.3536 1.64646C22.4988 1.79171 22.5404 2.011 22.4585 2.19938L13.7629 22.1994C13.6863 22.3756 13.5155 22.4923 13.3235 22.4996C13.1316 22.507 12.9523 22.4037 12.8625 22.234L9.02139 14.9786L1.76606 11.1376C1.59627 11.0477 1.493 10.8685 1.50037 10.6765C1.50774 10.4845 1.62446 10.3137 1.80064 10.2371L21.8006 1.54148C21.989 1.45958 22.2083 1.50122 22.3536 1.64646ZM3.15222 10.7399L9.62525 14.1668C9.71385 14.2137 9.7863 14.2862 9.8332 14.3748L13.2601 20.8478L21.0354 2.96463L3.15222 10.7399Z\"\n        fill=\"#D8D8D8\"\n      />\n    </svg>\n  );\n}\n","import React, { useEffect, useRef, useState, useContext, useCallback } from 'react';\nimport { Button, CircularProgress, Grid, makeStyles } from '@material-ui/core';\nimport clsx from 'clsx';\nimport { Conversation } from '@twilio/conversations/lib/conversation';\nimport AWS from 'aws-sdk';\nimport FileAttachmentIcon from '../../../icons/FileAttachmentIcon';\nimport { isMobile } from '../../../utils';\nimport SendMessageIcon from '../../../icons/SendMessageIcon';\nimport Snackbar from '../../Snackbar/Snackbar';\nimport { VideoContext } from '../../VideoProvider';\nimport { useAppState } from '../../../state';\nimport { AWSConfig } from '../../../constants';\nimport TextareaAutosize from '@material-ui/core/TextareaAutosize';\n\nconst useStyles = makeStyles(theme => ({\n  chatInputContainer: {\n    borderTop: '1px solid #e4e7e9',\n    borderBottom: '1px solid #e4e7e9',\n    padding: '1em 1.2em 1em',\n  },\n  textArea: {\n    width: '100%',\n    border: '0',\n    resize: 'none',\n    fontSize: '14px',\n    fontFamily: 'Inter',\n    outline: 'none',\n  },\n  button: {\n    padding: '0.56em',\n    minWidth: 'auto',\n    '&:disabled': {\n      background: 'none',\n      '& path': {\n        fill: '#d8d8d8',\n      },\n    },\n  },\n  buttonContainer: {\n    margin: '1em 0 0 1em',\n    display: 'flex',\n  },\n  fileButtonContainer: {\n    position: 'relative',\n    marginRight: '1em',\n  },\n  fileButtonLoadingSpinner: {\n    position: 'absolute',\n    top: '50%',\n    left: '50%',\n    marginTop: -12,\n    marginLeft: -12,\n  },\n  textAreaContainer: {\n    display: 'flex',\n    marginTop: '0.4em',\n    padding: '0.48em 0.7em',\n    border: '2px solid transparent',\n  },\n  isTextareaFocused: {\n    borderColor: theme.palette.primary.main,\n    borderRadius: '4px',\n  },\n}));\n\nconst s3 = new AWS.S3({\n  accessKeyId: process.env.ACCESS_KEY_ID,\n  secretAccessKey: process.env.SECRET_ACCESS_KEY,\n  region: AWSConfig.region,\n});\n\ninterface ChatInputProps {\n  conversation: Conversation;\n  isChatWindowOpen: boolean;\n}\n\nconst ALLOWED_FILE_TYPES =\n  'audio/*, image/*, text/*, video/*, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document .xslx, .ppt, .pdf, .key, .svg, .csv';\n\nexport default function ChatInput({ conversation, isChatWindowOpen }: ChatInputProps) {\n  const classes = useStyles();\n  const { snapImage, setSnapImage, setSnapSending } = useContext(VideoContext);\n  const { taskSid } = useAppState();\n  const [messageBody, setMessageBody] = useState('');\n  const [isSendingFile, setIsSendingFile] = useState(false);\n  const [fileSendError, setFileSendError] = useState<string | null>(null);\n  const isValidMessage = /\\S/.test(messageBody);\n  const textInputRef = useRef<HTMLTextAreaElement>(null);\n  const fileInputRef = useRef<HTMLInputElement>(null);\n  const [isTextareaFocused, setIsTextareaFocused] = useState(false);\n\n  const handleSendFile = useCallback(\n    (event: any) => {\n      const file = event && event.target ? event.target.files?.[0] : event;\n      if (file) {\n        var formData = new FormData();\n        formData.append('userfile', file);\n        setIsSendingFile(true);\n        setFileSendError(null);\n        conversation\n          .sendMessage(formData)\n          .catch(e => {\n            if (e.code === 413) {\n              setFileSendError('File size is too large. Maximum file size is 150MB.');\n            } else {\n              setFileSendError('There was a problem uploading the file. Please try again.');\n            }\n            console.log('Problem sending file: ', e);\n          })\n          .finally(() => {\n            setIsSendingFile(false);\n            setSnapSending(false);\n          });\n\n        //aws upload\n        const roomName = (window as any).twilioRoom.name || '';\n        const sid = taskSid.replace(/\"/g, '');\n        const extension = file.type.replace(/(.*)\\//g, '');\n        const filename = file.name.split('.')[0];\n        const date = new Date().toISOString();\n        const finalFile = `${roomName}_${sid}_${date}_${filename}.${extension}`;\n        var uri = window.location.href;\n        var dirName = AWSConfig.prodDir;\n        if (uri?.match('-uat')) dirName = AWSConfig.uatDir;\n        if (uri?.match('-test')) dirName = AWSConfig.testDir;\n        if (uri?.match('localhost')) dirName = AWSConfig.testDir;\n        const params = {\n          Body: file,\n          Bucket: AWSConfig.s3Bucket,\n          Key: `${dirName}/${finalFile}`,\n        };\n\n        s3.upload(params, (err: any, data: any) => {\n          if (err) {\n            console.log('######error while upload', err);\n          } else {\n            console.log('######file successfully uploaded...', data);\n          }\n        });\n      }\n    },\n    [conversation, setSnapSending, taskSid]\n  );\n\n  useEffect(() => {\n    if (isChatWindowOpen) {\n      if (snapImage) {\n        let file;\n        var arr = snapImage.split(',') || [],\n          mime = arr[0].match(/:(.*?);/)![1],\n          bstr = atob(arr[1]),\n          n = bstr.length,\n          u8arr = new Uint8Array(n);\n\n        while (n--) {\n          u8arr[n] = bstr.charCodeAt(n);\n        }\n\n        file = new File([u8arr], 'snapshot.png', { type: mime });\n        handleSendFile(file);\n        setSnapImage('');\n      } else {\n        // When the chat window is opened, we will focus on the text input.\n        // This is so the user doesn't have to click on it to begin typing a message.\n        textInputRef.current?.focus();\n      }\n    }\n  }, [isChatWindowOpen, handleSendFile, snapImage, setSnapImage]);\n\n  const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n    setMessageBody(event.target.value);\n  };\n\n  // ensures pressing enter + shift creates a new line, so that enter on its own only sends the message:\n  const handleReturnKeyPress = (event: React.KeyboardEvent) => {\n    if (!isMobile && event.key === 'Enter' && !event.shiftKey) {\n      event.preventDefault();\n      handleSendMessage(messageBody);\n    }\n  };\n\n  const handleSendMessage = (message: string) => {\n    if (isValidMessage) {\n      conversation.sendMessage(message.trim());\n      setMessageBody('');\n    }\n  };\n\n  return (\n    <div className={classes.chatInputContainer}>\n      <Snackbar\n        open={Boolean(fileSendError)}\n        headline=\"Error\"\n        message={fileSendError || ''}\n        variant=\"error\"\n        handleClose={() => setFileSendError(null)}\n      />\n      <div\n        className={clsx(classes.textAreaContainer, {\n          [classes.isTextareaFocused]: isTextareaFocused,\n        })}\n      >\n        {/* \n        Here we add the \"isTextareaFocused\" class when the user is focused on the TextareaAutosize component.\n        This helps to ensure a consistent appearance across all browsers. Adding padding to the TextareaAutosize\n        component does not work well in Firefox. See: https://github.com/twilio/twilio-video-app-react/issues/498\n        */}\n        <TextareaAutosize\n          minRows={1}\n          maxRows={3}\n          className={classes.textArea}\n          aria-label=\"chat input\"\n          placeholder=\"Write a message...\"\n          onKeyPress={handleReturnKeyPress}\n          onChange={handleChange}\n          value={messageBody}\n          data-cy-chat-input\n          ref={textInputRef}\n          onFocus={() => setIsTextareaFocused(true)}\n          onBlur={() => setIsTextareaFocused(false)}\n        />\n      </div>\n\n      <Grid container alignItems=\"flex-end\" justifyContent=\"flex-end\" wrap=\"nowrap\">\n        {/* Since the file input element is invisible, we can hardcode an empty string as its value.\n        This allows users to upload the same file multiple times. */}\n        <input\n          ref={fileInputRef}\n          type=\"file\"\n          style={{ display: 'none' }}\n          onChange={handleSendFile}\n          value={''}\n          accept={ALLOWED_FILE_TYPES}\n        />\n        <div className={classes.buttonContainer}>\n          <div className={classes.fileButtonContainer}>\n            <Button className={classes.button} onClick={() => fileInputRef.current?.click()} disabled={isSendingFile}>\n              <FileAttachmentIcon />\n            </Button>\n\n            {isSendingFile && <CircularProgress size={24} className={classes.fileButtonLoadingSpinner} />}\n          </div>\n\n          <Button\n            className={classes.button}\n            onClick={() => handleSendMessage(messageBody)}\n            color=\"primary\"\n            variant=\"contained\"\n            disabled={!isValidMessage}\n            data-cy-send-message-button\n          >\n            <SendMessageIcon />\n          </Button>\n        </div>\n      </Grid>\n    </div>\n  );\n}\n","import React from 'react';\nimport { makeStyles, createStyles } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles(() =>\n  createStyles({\n    messageInfoContainer: {\n      display: 'flex',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      padding: '1.425em 0 0.083em',\n      fontSize: '12px',\n      color: '#606B85',\n    },\n  })\n);\n\ninterface MessageInfoProps {\n  author: string;\n  dateCreated: string;\n  isLocalParticipant: boolean;\n}\n\nexport default function MessageInfo({ author, dateCreated, isLocalParticipant }: MessageInfoProps) {\n  const classes = useStyles();\n\n  return (\n    <div className={classes.messageInfoContainer}>\n      <div>{isLocalParticipant ? `${author} (You)` : author}</div>\n      <div>{dateCreated}</div>\n    </div>\n  );\n}\n","/* istanbul ignore file */\nimport React from 'react';\nimport ArrowDownwardIcon from '@material-ui/icons/ArrowDownward';\nimport Button from '@material-ui/core/Button';\nimport clsx from 'clsx';\nimport { Message } from '@twilio/conversations/lib/message';\nimport throttle from 'lodash.throttle';\nimport { withStyles, WithStyles, createStyles } from '@material-ui/core/styles';\n\nconst styles = createStyles({\n  outerContainer: {\n    minHeight: 0,\n    flex: 1,\n    position: 'relative',\n  },\n  innerScrollContainer: {\n    height: '100%',\n    overflowY: 'auto',\n    padding: '0 1.2em 0',\n  },\n  messageListContainer: {\n    overflowY: 'auto',\n    flex: '1',\n    paddingBottom: '1em',\n  },\n  button: {\n    position: 'absolute',\n    bottom: '14px',\n    right: '2em',\n    zIndex: 100,\n    padding: '0.5em 0.9em',\n    visibility: 'hidden',\n    opacity: 0,\n    boxShadow: '0px 4px 16px rgba(18, 28, 45, 0.2)',\n    transition: 'all 0.5s ease',\n  },\n  showButton: {\n    visibility: 'visible',\n    opacity: 1,\n    bottom: '24px',\n  },\n});\n\ninterface MessageListScrollContainerProps extends WithStyles<typeof styles> {\n  messages: Message[];\n}\n\ninterface MessageListScrollContainerState {\n  isScrolledToBottom: boolean;\n  showButton: boolean;\n  messageNotificationCount: number;\n}\n\n/*\n * This component is a scrollable container that wraps around the 'MessageList' component.\n * The MessageList will ultimately grow taller than its container as it continues to receive\n * new messages, and users will need to have the ability to scroll up and down the chat window.\n * A \"new message\" button will be displayed when the user receives a new message, and is not scrolled\n * to the bottom. This button will be hidden if the user clicks on it, or manually scrolls\n * to the bottom. Otherwise, this component will auto-scroll to the bottom when a new message is\n * received, and the user is already scrolled to the bottom.\n *\n * Note that this component is tested with Cypress only.\n */\nexport class MessageListScrollContainer extends React.Component<\n  MessageListScrollContainerProps,\n  MessageListScrollContainerState\n> {\n  chatThreadRef = React.createRef<HTMLDivElement>();\n  state = { isScrolledToBottom: true, showButton: false, messageNotificationCount: 0 };\n\n  scrollToBottom() {\n    const innerScrollContainerEl = this.chatThreadRef.current!;\n    innerScrollContainerEl.scrollTop = innerScrollContainerEl!.scrollHeight;\n  }\n\n  componentDidMount() {\n    this.scrollToBottom();\n    this.chatThreadRef.current!.addEventListener('scroll', this.handleScroll);\n  }\n\n  // This component updates as users send new messages:\n  componentDidUpdate(prevProps: MessageListScrollContainerProps, prevState: MessageListScrollContainerState) {\n    const hasNewMessages = this.props.messages.length !== prevProps.messages.length;\n\n    if (prevState.isScrolledToBottom && hasNewMessages) {\n      this.scrollToBottom();\n    } else if (hasNewMessages) {\n      const numberOfNewMessages = this.props.messages.length - prevProps.messages.length;\n\n      this.setState(previousState => ({\n        // If there's at least one new message, show the 'new message' button:\n        showButton: !previousState.isScrolledToBottom,\n        // If 'new message' button is visible,\n        // messageNotificationCount will be the number of previously unread messages + the number of new messages.\n        // Otherwise, messageNotificationCount is set to 1:\n        messageNotificationCount: previousState.showButton\n          ? previousState.messageNotificationCount + numberOfNewMessages\n          : 1,\n      }));\n    }\n  }\n\n  handleScroll = throttle(() => {\n    const innerScrollContainerEl = this.chatThreadRef.current!;\n    // Because this.handleScroll() is a throttled method,\n    // it's possible that it can be called after this component unmounts, and this element will be null.\n    // Therefore, if it doesn't exist, don't do anything:\n    if (!innerScrollContainerEl) return;\n\n    // On systems using display scaling, scrollTop may return a decimal value, so we need to account for this in the\n    // \"isScrolledToBottom\" calculation.\n    const isScrolledToBottom =\n      Math.abs(\n        innerScrollContainerEl.clientHeight + innerScrollContainerEl.scrollTop - innerScrollContainerEl!.scrollHeight\n      ) < 1;\n\n    this.setState(prevState => ({\n      isScrolledToBottom,\n      showButton: isScrolledToBottom ? false : prevState.showButton,\n    }));\n  }, 300);\n\n  handleClick = () => {\n    const innerScrollContainerEl = this.chatThreadRef.current!;\n\n    innerScrollContainerEl.scrollTo({ top: innerScrollContainerEl.scrollHeight, behavior: 'smooth' });\n\n    this.setState({ showButton: false });\n  };\n\n  componentWillUnmount() {\n    const innerScrollContainerEl = this.chatThreadRef.current!;\n\n    innerScrollContainerEl.removeEventListener('scroll', this.handleScroll);\n  }\n\n  render() {\n    const { classes } = this.props;\n\n    return (\n      <div className={classes.outerContainer}>\n        <div className={classes.innerScrollContainer} ref={this.chatThreadRef} data-cy-message-list-inner-scroll>\n          <div className={classes.messageListContainer}>\n            {this.props.children}\n            <Button\n              className={clsx(classes.button, { [classes.showButton]: this.state.showButton })}\n              onClick={this.handleClick}\n              startIcon={<ArrowDownwardIcon />}\n              color=\"primary\"\n              variant=\"contained\"\n              data-cy-new-message-button\n            >\n              {this.state.messageNotificationCount} new message\n              {this.state.messageNotificationCount > 1 && 's'}\n            </Button>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default withStyles(styles)(MessageListScrollContainer);\n","import React from 'react';\nimport clsx from 'clsx';\nimport { Link } from '@material-ui/core';\nimport linkify from 'linkify-it';\nimport { makeStyles } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles({\n  messageContainer: {\n    borderRadius: '16px',\n    display: 'inline-flex',\n    alignItems: 'center',\n    padding: '0.5em 0.8em 0.6em',\n    margin: '0.3em 0 0',\n    wordBreak: 'break-word',\n    backgroundColor: '#E1E3EA',\n    hyphens: 'auto',\n    whiteSpace: 'pre-wrap',\n  },\n  isLocalParticipant: {\n    backgroundColor: '#CCE4FF',\n  },\n});\n\ninterface TextMessageProps {\n  body: string;\n  isLocalParticipant: boolean;\n}\n\nfunction addLinks(text: string) {\n  const matches = linkify().match(text);\n  if (!matches) return text;\n\n  const results = [];\n  let lastIndex = 0;\n\n  matches.forEach((match, i) => {\n    results.push(text.slice(lastIndex, match.index));\n    results.push(\n      <Link target=\"_blank\" rel=\"noreferrer\" href={match.url} key={i}>\n        {match.text}\n      </Link>\n    );\n    lastIndex = match.lastIndex;\n  });\n\n  results.push(text.slice(lastIndex, text.length));\n\n  return results;\n}\n\nexport default function TextMessage({ body, isLocalParticipant }: TextMessageProps) {\n  const classes = useStyles();\n\n  return (\n    <div>\n      <div\n        className={clsx(classes.messageContainer, {\n          [classes.isLocalParticipant]: isLocalParticipant,\n        })}\n      >\n        <div>{addLinks(body)}</div>\n      </div>\n    </div>\n  );\n}\n","import React from 'react';\n\nexport default function FileDownloadIcon() {\n  return (\n    <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M24.4111 30.2441C24.7365 29.9186 25.2641 29.9186 25.5896 30.2441L29.167 33.8215L32.7444 30.2441C33.0698 29.9186 33.5975 29.9186 33.9229 30.2441C34.2484 30.5695 34.2484 31.0972 33.9229 31.4226L29.7562 35.5893C29.4308 35.9147 28.9032 35.9147 28.5777 35.5893L24.4111 31.4226C24.0856 31.0972 24.0856 30.5695 24.4111 30.2441Z\"\n        fill=\"#14B053\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M29.1663 20.8334C24.1037 20.8334 19.9997 24.9375 19.9997 30.0001C19.9997 35.0627 24.1037 39.1667 29.1663 39.1667C34.229 39.1667 38.333 35.0627 38.333 30.0001C38.333 24.9375 34.229 20.8334 29.1663 20.8334ZM18.333 30.0001C18.333 24.017 23.1833 19.1667 29.1663 19.1667C35.1494 19.1667 39.9997 24.017 39.9997 30.0001C39.9997 35.9832 35.1494 40.8334 29.1663 40.8334C23.1833 40.8334 18.333 35.9832 18.333 30.0001Z\"\n        fill=\"#14B053\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M29.1663 24.1667C29.6266 24.1667 29.9997 24.5398 29.9997 25.0001V35.0001C29.9997 35.4603 29.6266 35.8334 29.1663 35.8334C28.7061 35.8334 28.333 35.4603 28.333 35.0001V25.0001C28.333 24.5398 28.7061 24.1667 29.1663 24.1667Z\"\n        fill=\"#14B053\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M18.3786 14.168C18.6994 14.1854 18.9816 14.3857 19.1039 14.6828L20.5389 18.1678C20.7141 18.5934 20.5112 19.0804 20.0856 19.2557C19.6601 19.4309 19.173 19.228 18.9978 18.8024L18.2281 16.9332L14.0649 24.5658C13.9392 24.7964 13.7121 24.9541 13.4521 24.9916C13.1922 25.029 12.9298 24.9417 12.7441 24.756L10.2283 22.2402L7.1817 28.3334H14.9317C15.3919 28.3334 15.765 28.7065 15.765 29.1668C15.765 29.627 15.3919 30.0001 14.9317 30.0001H5.83333C5.54452 30.0001 5.2763 29.8505 5.12446 29.6049C4.97262 29.3592 4.95882 29.0524 5.08798 28.7941L9.25464 20.4607C9.37444 20.2212 9.6021 20.0538 9.86652 20.0108C10.1309 19.9679 10.3998 20.0548 10.5893 20.2442L13.1351 22.79L17.6018 14.601C17.7556 14.319 18.0578 14.1505 18.3786 14.168Z\"\n        fill=\"#707578\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M8.33333 9.99992C7.41286 9.99992 6.66667 10.7461 6.66667 11.6666C6.66667 12.5871 7.41286 13.3333 8.33333 13.3333C9.25381 13.3333 10 12.5871 10 11.6666C10 10.7461 9.25381 9.99992 8.33333 9.99992ZM5 11.6666C5 9.82564 6.49238 8.33325 8.33333 8.33325C10.1743 8.33325 11.6667 9.82564 11.6667 11.6666C11.6667 13.5075 10.1743 14.9999 8.33333 14.9999C6.49238 14.9999 5 13.5075 5 11.6666Z\"\n        fill=\"#707578\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M0 0.833333C0 0.373096 0.373096 0 0.833333 0H19.1667C19.3877 0 19.5996 0.0877974 19.7559 0.244078L28.0893 8.57741C28.2455 8.73369 28.3333 8.94565 28.3333 9.16667V15.8333C28.3333 16.2936 27.9602 16.6667 27.5 16.6667C27.0398 16.6667 26.6667 16.2936 26.6667 15.8333V9.51185L18.8215 1.66667H1.66667V35H17.5C17.9602 35 18.3333 35.3731 18.3333 35.8333C18.3333 36.2936 17.9602 36.6667 17.5 36.6667H0.833333C0.373096 36.6667 0 36.2936 0 35.8333V0.833333Z\"\n        fill=\"#707578\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M19.1663 0C19.6266 0 19.9997 0.373096 19.9997 0.833333V8.33333H27.4997C27.9599 8.33333 28.333 8.70643 28.333 9.16667C28.333 9.6269 27.9599 10 27.4997 10H19.1663C18.7061 10 18.333 9.6269 18.333 9.16667V0.833333C18.333 0.373096 18.7061 0 19.1663 0Z\"\n        fill=\"#707578\"\n      />\n    </svg>\n  );\n}\n","import React from 'react';\nimport FileDownloadIcon from '../../../../icons/FileDownloadIcon';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Media } from '@twilio/conversations/lib/media';\n\nconst useStyles = makeStyles({\n  messageContainer: {\n    display: 'flex',\n    padding: '0.9em 1.5em',\n    margin: '0.6em 0',\n    border: '2px solid #e4e7e9',\n    borderRadius: '4px',\n    cursor: 'pointer',\n  },\n  iconContainer: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  mediaInfo: {\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'center',\n    marginLeft: '1.5em',\n    minWidth: 0,\n    '& p': {\n      margin: 0,\n      fontSize: '12px',\n    },\n  },\n  filename: {\n    fontWeight: 700,\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n  },\n  size: {\n    fontWeight: 400,\n  },\n});\n\ninterface MediaMessageProps {\n  media: Media;\n}\n\nexport function formatFileSize(bytes: number, suffixIndex = 0): string {\n  const suffixes = ['bytes', 'KB', 'MB', 'GB'];\n  if (bytes < 1000) return +bytes.toFixed(2) + ' ' + suffixes[suffixIndex];\n  return formatFileSize(bytes / 1024, suffixIndex + 1);\n}\n\nexport default function FileMessage({ media }: MediaMessageProps) {\n  const classes = useStyles();\n\n  const handleClick = () => {\n    media.getContentTemporaryUrl().then(url => {\n      const anchorEl = document.createElement('a');\n\n      anchorEl.href = url;\n      anchorEl.target = '_blank';\n      anchorEl.rel = 'noopener';\n\n      // setTimeout is needed in order to open files in iOS Safari.\n      setTimeout(() => {\n        anchorEl.click();\n      });\n    });\n  };\n\n  return (\n    <div className={classes.messageContainer} onClick={handleClick}>\n      <div className={classes.iconContainer}>\n        <FileDownloadIcon />\n      </div>\n      <div className={classes.mediaInfo}>\n        <p className={classes.filename}>{media.filename}</p>\n        <p className={classes.size}>{formatFileSize(media.size)} - Click to open</p>\n      </div>\n    </div>\n  );\n}\n","import React from 'react';\nimport { Message } from '@twilio/conversations/lib/message';\nimport MessageInfo from './MessageInfo/MessageInfo';\nimport MessageListScrollContainer from './MessageListScrollContainer/MessageListScrollContainer';\nimport TextMessage from './TextMessage/TextMessage';\nimport useVideoContext from '../../../hooks/useVideoContext/useVideoContext';\nimport MediaMessage from './MediaMessage/MediaMessage';\n\ninterface MessageListProps {\n  messages: Message[];\n}\n\nconst getFormattedTime = (message?: Message) =>\n  message?.dateCreated.toLocaleTimeString('en-us', { hour: 'numeric', minute: 'numeric' }).toLowerCase();\n\nexport default function MessageList({ messages }: MessageListProps) {\n  const { room } = useVideoContext();\n  const localParticipant = room!.localParticipant;\n\n  return (\n    <MessageListScrollContainer messages={messages}>\n      {messages.map((message, idx) => {\n        const time = getFormattedTime(message)!;\n        const previousTime = getFormattedTime(messages[idx - 1]);\n\n        // Display the MessageInfo component when the author or formatted timestamp differs from the previous message\n        const shouldDisplayMessageInfo = time !== previousTime || message.author !== messages[idx - 1]?.author;\n\n        const isLocalParticipant = localParticipant.identity === message.author;\n\n        return (\n          <React.Fragment key={message.sid}>\n            {shouldDisplayMessageInfo && (\n              <MessageInfo author={message.author} isLocalParticipant={isLocalParticipant} dateCreated={time} />\n            )}\n            {message.type === 'text' && <TextMessage body={message.body} isLocalParticipant={isLocalParticipant} />}\n            {message.type === 'media' && <MediaMessage media={message.media} />}\n          </React.Fragment>\n        );\n      })}\n    </MessageListScrollContainer>\n  );\n}\n","import React from 'react';\nimport { makeStyles, createStyles, Theme } from '@material-ui/core/styles';\nimport ChatWindowHeader from './ChatWindowHeader/ChatWindowHeader';\nimport ChatInput from './ChatInput/ChatInput';\nimport clsx from 'clsx';\nimport MessageList from './MessageList/MessageList';\nimport useChatContext from '../../hooks/useChatContext/useChatContext';\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    chatWindowContainer: {\n      background: '#FFFFFF',\n      zIndex: 9,\n      display: 'flex',\n      flexDirection: 'column',\n      borderLeft: '1px solid #E4E7E9',\n      [theme.breakpoints.down('sm')]: {\n        position: 'fixed',\n        top: 0,\n        left: 0,\n        bottom: 0,\n        right: 0,\n        zIndex: 100,\n      },\n    },\n    hide: {\n      display: 'none',\n    },\n  })\n);\n\n// In this component, we are toggling the visibility of the ChatWindow with CSS instead of\n// conditionally rendering the component in the DOM. This is done so that the ChatWindow is\n// not unmounted while a file upload is in progress.\n\nexport default function ChatWindow() {\n  const classes = useStyles();\n  const { isChatWindowOpen, messages, conversation } = useChatContext();\n\n  return (\n    <aside className={clsx(classes.chatWindowContainer, { [classes.hide]: !isChatWindowOpen })}>\n      <ChatWindowHeader />\n      <MessageList messages={messages} />\n      <ChatInput conversation={conversation!} isChatWindowOpen={isChatWindowOpen} />\n    </aside>\n  );\n}\n","import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Participant } from 'twilio-video';\nimport useParticipantNetworkQualityLevel from '../../hooks/useParticipantNetworkQualityLevel/useParticipantNetworkQualityLevel';\n\nconst useStyles = makeStyles({\n  outerContainer: {\n    width: '2em',\n    height: '2em',\n    padding: '0.9em',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    background: 'rgba(0, 0, 0, 0.5)',\n  },\n  innerContainer: {\n    display: 'flex',\n    alignItems: 'flex-end',\n    '& div': {\n      width: '2px',\n      marginRight: '1px',\n      '&:not(:last-child)': {\n        borderRight: 'none',\n      },\n    },\n  },\n});\n\nconst STEP = 3;\nconst BARS_ARRAY = [0, 1, 2, 3, 4];\n\nexport default function NetworkQualityLevel({ participant }: { participant: Participant }) {\n  const classes = useStyles();\n  const networkQualityLevel = useParticipantNetworkQualityLevel(participant);\n\n  if (networkQualityLevel === null) return null;\n\n  return (\n    <div className={classes.outerContainer}>\n      <div className={classes.innerContainer}>\n        {BARS_ARRAY.map(level => (\n          <div\n            key={level}\n            style={{\n              height: `${STEP * (level + 1)}px`,\n              background: networkQualityLevel > level ? 'white' : 'rgba(255, 255, 255, 0.2)',\n            }}\n          />\n        ))}\n      </div>\n    </div>\n  );\n}\n","import { useEffect, useState } from 'react';\nimport { Participant } from 'twilio-video';\n\nexport default function useParticipantNetworkQualityLevel(participant: Participant) {\n  const [networkQualityLevel, setNetworkQualityLevel] = useState(participant.networkQualityLevel);\n\n  useEffect(() => {\n    const handleNewtorkQualityLevelChange = (newNetworkQualityLevel: number) =>\n      setNetworkQualityLevel(newNetworkQualityLevel);\n\n    setNetworkQualityLevel(participant.networkQualityLevel);\n    participant.on('networkQualityLevelChanged', handleNewtorkQualityLevelChange);\n    return () => {\n      participant.off('networkQualityLevelChanged', handleNewtorkQualityLevelChange);\n    };\n  }, [participant]);\n\n  return networkQualityLevel;\n}\n","import React from 'react';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport SvgIcon from '@material-ui/core/SvgIcon';\n\nexport default function PinIcon() {\n  return (\n    <Tooltip title=\"Participant is pinned. Click to un-pin.\" placement=\"top\">\n      <SvgIcon\n        style={{ float: 'right', background: 'rgba(0, 0, 0, 0.5)', padding: '0.1em', boxSizing: 'content-box' }}\n        width=\"26\"\n        height=\"26\"\n        viewBox=\"0 0 26 26\"\n      >\n        <path\n          fill=\"#FFF\"\n          fillRule=\"evenodd\"\n          strokeWidth=\"0\"\n          d=\"M15.808 4.489c.208-.207.544-.207.75 0l4.953 4.952c.207.207.207.543 0 .75l-1.415 1.415c-.207.208-.543.208-.75 0l-.333-.333-3.007 3.007v2.611c0 .113-.035.222-.1.312l-.055.063-1.06 1.062c-.208.207-.544.207-.751 0l-2.809-2.81-5.992 5.993c-.207.207-.543.207-.75 0-.184-.184-.205-.47-.062-.677l.062-.073 5.991-5.993-2.808-2.808c-.184-.184-.204-.47-.061-.677l.061-.073 1.062-1.061c.1-.1.234-.156.375-.156h2.61l3.007-3.007-.332-.332c-.185-.184-.205-.47-.062-.677l.062-.073zm.376 1.125l-.666.664.333.333c.185.184.205.47.062.677l-.062.074-3.537 3.537c-.1.1-.234.155-.375.155h-2.61l-.531.531 2.803 2.803.005.006.005.005 2.804 2.803.53-.531v-2.61c0-.112.036-.221.102-.311l.054-.064 3.537-3.537c.208-.208.544-.208.75 0l.333.332.664-.666-4.201-4.201z\"\n        />\n      </SvgIcon>\n    </Tooltip>\n  );\n}\n","import { useState, useEffect } from 'react';\nimport { LocalVideoTrack, RemoteVideoTrack } from 'twilio-video';\nimport * as Sentry from '@sentry/react';\nimport useVideoContext from '../../hooks/useVideoContext/useVideoContext';\n\ntype TrackType = RemoteVideoTrack | LocalVideoTrack | undefined | null;\n\n// The 'switchedOff' event is emitted when there is not enough bandwidth to support\n// a track. See: https://www.twilio.com/docs/video/tutorials/using-bandwidth-profile-api#understanding-track-switch-offs\n\nexport default function useIsTrackSwitchedOff(track: TrackType) {\n  const [isSwitchedOff, setIsSwitchedOff] = useState(track && track.isSwitchedOff);\n  const { room } = useVideoContext();\n  useEffect(() => {\n    // Reset the value if the 'track' variable changes\n    setIsSwitchedOff(track && track.isSwitchedOff);\n\n    if (track) {\n      const handleSwitchedOff = () => {\n        setIsSwitchedOff(true);\n        Sentry.addBreadcrumb({\n          type: 'debug',\n          category: '###RoomSwitchedOff',\n          level: Sentry.Severity.Info,\n          data: { ...room, track: track.name } || undefined,\n        });\n      };\n      const handleSwitchedOn = () => {\n        setIsSwitchedOff(false);\n        Sentry.addBreadcrumb({\n          type: 'debug',\n          category: '###RoomSwitchedOn',\n          level: Sentry.Severity.Info,\n          data: { ...room, track: track.name } || undefined,\n        });\n      };\n\n      track.on('switchedOff', handleSwitchedOff);\n      track.on('switchedOn', handleSwitchedOn);\n      return () => {\n        track.off('switchedOff', handleSwitchedOff);\n        track.off('switchedOn', handleSwitchedOn);\n      };\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [track]);\n\n  return !!isSwitchedOff;\n}\n","import { useEffect, useState } from 'react';\nimport { LocalTrackPublication, Participant, RemoteTrackPublication } from 'twilio-video';\n\ntype TrackPublication = LocalTrackPublication | RemoteTrackPublication;\n\nexport default function usePublications(participant: Participant) {\n  const [publications, setPublications] = useState<TrackPublication[]>([]);\n\n  useEffect(() => {\n    // Reset the publications when the 'participant' variable changes.\n    setPublications(Array.from(participant.tracks.values()) as TrackPublication[]);\n\n    const publicationAdded = (publication: TrackPublication) =>\n      setPublications(prevPublications => [...prevPublications, publication]);\n    const publicationRemoved = (publication: TrackPublication) =>\n      setPublications(prevPublications => prevPublications.filter(p => p !== publication));\n\n    participant.on('trackPublished', publicationAdded);\n    participant.on('trackUnpublished', publicationRemoved);\n    return () => {\n      participant.off('trackPublished', publicationAdded);\n      participant.off('trackUnpublished', publicationRemoved);\n    };\n  }, [participant]);\n\n  return publications;\n}\n","import { useEffect, useState } from 'react';\nimport { LocalTrackPublication, RemoteTrackPublication } from 'twilio-video';\n\nexport default function useTrack(publication: LocalTrackPublication | RemoteTrackPublication | undefined) {\n  const [track, setTrack] = useState(publication && publication.track);\n\n  useEffect(() => {\n    // Reset the track when the 'publication' variable changes.\n    setTrack(publication && publication.track);\n\n    if (publication) {\n      const removeTrack = () => setTrack(null);\n\n      publication.on('subscribed', setTrack);\n      publication.on('unsubscribed', removeTrack);\n      return () => {\n        publication.off('subscribed', setTrack);\n        publication.off('unsubscribed', removeTrack);\n      };\n    }\n  }, [publication]);\n\n  return track;\n}\n","import { useEffect, useState } from 'react';\nimport { Participant } from 'twilio-video';\n\nexport default function useParticipantIsReconnecting(participant: Participant) {\n  const [isReconnecting, setIsReconnecting] = useState(false);\n\n  useEffect(() => {\n    const handleReconnecting = () => setIsReconnecting(true);\n    const handleReconnected = () => setIsReconnecting(false);\n\n    handleReconnected(); // Reset state when there is a new participant\n\n    participant.on('reconnecting', handleReconnecting);\n    participant.on('reconnected', handleReconnected);\n    return () => {\n      participant.off('reconnecting', handleReconnecting);\n      participant.off('reconnected', handleReconnected);\n    };\n  }, [participant]);\n\n  return isReconnecting;\n}\n","import React from 'react';\nimport clsx from 'clsx';\nimport { createStyles, makeStyles, Theme } from '@material-ui/core/styles';\nimport { LocalAudioTrack, LocalVideoTrack, Participant, RemoteAudioTrack, RemoteVideoTrack } from 'twilio-video';\n\nimport AudioLevelIndicator from '../AudioLevelIndicator/AudioLevelIndicator';\nimport AvatarIcon from '../../icons/AvatarIcon';\nimport NetworkQualityLevel from '../NetworkQualityLevel/NetworkQualityLevel';\nimport PinIcon from './PinIcon/PinIcon';\nimport ScreenShareIcon from '../../icons/ScreenShareIcon';\nimport Typography from '@material-ui/core/Typography';\n\nimport useIsTrackSwitchedOff from '../../hooks/useIsTrackSwitchedOff/useIsTrackSwitchedOff';\nimport usePublications from '../../hooks/usePublications/usePublications';\nimport useTrack from '../../hooks/useTrack/useTrack';\nimport useParticipantIsReconnecting from '../../hooks/useParticipantIsReconnecting/useParticipantIsReconnecting';\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    container: {\n      position: 'relative',\n      display: 'flex',\n      alignItems: 'center',\n      height: 0,\n      overflow: 'hidden',\n      marginBottom: '0.5em',\n      '& video': {\n        filter: 'none',\n        objectFit: 'contain !important',\n      },\n      borderRadius: '4px',\n      border: `${theme.participantBorderWidth}px solid rgb(245, 248, 255)`,\n      paddingTop: `calc(${(9 / 16) * 100}% - ${theme.participantBorderWidth}px)`,\n      background: 'black',\n      [theme.breakpoints.down('sm')]: {\n        height: theme.sidebarMobileHeight,\n        width: `${(theme.sidebarMobileHeight * 16) / 9}px`,\n        marginRight: '8px',\n        marginBottom: '0',\n        fontSize: '12px',\n        paddingTop: `${theme.sidebarMobileHeight - 2}px`,\n      },\n    },\n    innerContainer: {\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      width: '100%',\n      height: '100%',\n    },\n    infoContainer: {\n      position: 'absolute',\n      zIndex: 2,\n      display: 'flex',\n      flexDirection: 'column',\n      justifyContent: 'space-between',\n      height: '100%',\n      width: '100%',\n      background: 'transparent',\n      top: 0,\n    },\n    avatarContainer: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      background: 'black',\n      position: 'absolute',\n      top: 0,\n      right: 0,\n      bottom: 0,\n      left: 0,\n      zIndex: 1,\n      [theme.breakpoints.down('sm')]: {\n        '& svg': {\n          transform: 'scale(0.7)',\n        },\n      },\n    },\n    reconnectingContainer: {\n      position: 'absolute',\n      top: 0,\n      right: 0,\n      bottom: 0,\n      left: 0,\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      background: 'rgba(40, 42, 43, 0.75)',\n      zIndex: 1,\n    },\n    screenShareIconContainer: {\n      background: 'rgba(0, 0, 0, 0.5)',\n      padding: '0.18em 0.3em',\n      marginRight: '0.3em',\n      display: 'flex',\n      '& path': {\n        fill: 'white',\n      },\n    },\n    identity: {\n      background: 'rgba(0, 0, 0, 0.5)',\n      color: 'white',\n      padding: '0.18em 0.3em',\n      margin: 0,\n      display: 'flex',\n      alignItems: 'center',\n    },\n    infoRowBottom: {\n      display: 'flex',\n      justifyContent: 'space-between',\n      position: 'absolute',\n      bottom: 0,\n      left: 0,\n    },\n    typeography: {\n      color: 'white',\n      [theme.breakpoints.down('sm')]: {\n        fontSize: '0.75rem',\n      },\n    },\n    hideParticipant: {\n      display: 'none',\n    },\n    cursorPointer: {\n      cursor: 'pointer',\n    },\n  })\n);\n\ninterface ParticipantInfoProps {\n  participant: Participant;\n  children: React.ReactNode;\n  onClick?: () => void;\n  isSelected?: boolean;\n  isLocalParticipant?: boolean;\n  hideParticipant?: boolean;\n}\n\nexport default function ParticipantInfo({\n  participant,\n  onClick,\n  isSelected,\n  children,\n  isLocalParticipant,\n  hideParticipant,\n}: ParticipantInfoProps) {\n  const publications = usePublications(participant);\n\n  const audioPublication = publications.find(p => p.kind === 'audio');\n  const videoPublication = publications.find(p => !p.trackName.includes('screen') && p.kind === 'video');\n\n  const isVideoEnabled = Boolean(videoPublication);\n  const isScreenShareEnabled = publications.find(p => p.trackName.includes('screen'));\n\n  const videoTrack = useTrack(videoPublication);\n  const isVideoSwitchedOff = useIsTrackSwitchedOff(videoTrack as LocalVideoTrack | RemoteVideoTrack);\n\n  const audioTrack = useTrack(audioPublication) as LocalAudioTrack | RemoteAudioTrack | undefined;\n  const isParticipantReconnecting = useParticipantIsReconnecting(participant);\n\n  const classes = useStyles();\n\n  return (\n    <div\n      className={clsx(classes.container, {\n        [classes.hideParticipant]: hideParticipant,\n        [classes.cursorPointer]: Boolean(onClick),\n      })}\n      onClick={onClick}\n      data-cy-participant={participant.identity}\n    >\n      <div className={classes.infoContainer}>\n        <NetworkQualityLevel participant={participant} />\n        <div className={classes.infoRowBottom}>\n          {isScreenShareEnabled && (\n            <span className={classes.screenShareIconContainer}>\n              <ScreenShareIcon />\n            </span>\n          )}\n          <span className={classes.identity}>\n            <AudioLevelIndicator audioTrack={audioTrack} />\n            <Typography variant=\"body1\" className={classes.typeography} component=\"span\">\n              {participant.identity}\n              {isLocalParticipant && ' (You)'}\n            </Typography>\n          </span>\n        </div>\n        <div>{isSelected && <PinIcon />}</div>\n      </div>\n      <div className={classes.innerContainer}>\n        {(!isVideoEnabled || isVideoSwitchedOff) && (\n          <div className={classes.avatarContainer}>\n            <AvatarIcon />\n          </div>\n        )}\n        {isParticipantReconnecting && (\n          <div className={classes.reconnectingContainer}>\n            <Typography variant=\"body1\" className={classes.typeography}>\n              Reconnecting...\n            </Typography>\n          </div>\n        )}\n        {children}\n      </div>\n    </div>\n  );\n}\n","import { useEffect, useRef } from 'react';\nimport { AudioTrack as IAudioTrack } from 'twilio-video';\nimport { useAppState } from '../../state';\n\ninterface AudioTrackProps {\n  track: IAudioTrack;\n}\n\nexport default function AudioTrack({ track }: AudioTrackProps) {\n  const { activeSinkId } = useAppState();\n  const audioEl = useRef<HTMLAudioElement>();\n\n  useEffect(() => {\n    audioEl.current = track.attach();\n    audioEl.current.setAttribute('data-cy-audio-track-name', track.name);\n    document.body.appendChild(audioEl.current);\n    return () =>\n      track.detach().forEach(el => {\n        el.remove();\n\n        // This addresses a Chrome issue where the number of WebMediaPlayers is limited.\n        // See: https://github.com/twilio/twilio-video.js/issues/1528\n        el.srcObject = null;\n      });\n  }, [track]);\n\n  useEffect(() => {\n    audioEl.current?.setSinkId?.(activeSinkId);\n  }, [activeSinkId]);\n\n  return null;\n}\n","import React from 'react';\nimport useTrack from '../../hooks/useTrack/useTrack';\nimport AudioTrack from '../AudioTrack/AudioTrack';\nimport VideoTrack from '../VideoTrack/VideoTrack';\n\nimport { IVideoTrack } from '../../types';\nimport {\n  AudioTrack as IAudioTrack,\n  LocalTrackPublication,\n  Participant,\n  RemoteTrackPublication,\n  Track,\n} from 'twilio-video';\n\ninterface PublicationProps {\n  publication: LocalTrackPublication | RemoteTrackPublication;\n  participant: Participant;\n  isLocalParticipant?: boolean;\n  videoOnly?: boolean;\n  videoPriority?: Track.Priority | null;\n}\n\nexport default function Publication({ publication, isLocalParticipant, videoOnly, videoPriority }: PublicationProps) {\n  const track = useTrack(publication);\n\n  if (!track) return null;\n\n  switch (track.kind) {\n    case 'video':\n      return (\n        <VideoTrack\n          track={track as IVideoTrack}\n          priority={videoPriority}\n          isLocal={!track.name.includes('screen') && isLocalParticipant}\n        />\n      );\n    case 'audio':\n      return videoOnly ? null : <AudioTrack track={track as IAudioTrack} />;\n    default:\n      return null;\n  }\n}\n","import React from 'react';\nimport { Participant, Track } from 'twilio-video';\nimport Publication from '../Publication/Publication';\nimport usePublications from '../../hooks/usePublications/usePublications';\n\ninterface ParticipantTracksProps {\n  participant: Participant;\n  videoOnly?: boolean;\n  enableScreenShare?: boolean;\n  videoPriority?: Track.Priority | null;\n  isLocalParticipant?: boolean;\n}\n\n/*\n *  The object model for the Room object (found here: https://www.twilio.com/docs/video/migrating-1x-2x#object-model) shows\n *  that Participant objects have TrackPublications, and TrackPublication objects have Tracks.\n *\n *  The React components in this application follow the same pattern. This ParticipantTracks component renders Publications,\n *  and the Publication component renders Tracks.\n */\n\nexport default function ParticipantTracks({\n  participant,\n  videoOnly,\n  enableScreenShare,\n  videoPriority,\n  isLocalParticipant,\n}: ParticipantTracksProps) {\n  const publications = usePublications(participant);\n\n  let filteredPublications;\n\n  if (enableScreenShare && publications.some(p => p.trackName.includes('screen'))) {\n    // When displaying a screenshare track is allowed, and a screen share track exists,\n    // remove all video tracks without the name 'screen'.\n    filteredPublications = publications.filter(p => p.trackName.includes('screen') || p.kind !== 'video');\n  } else {\n    // Else, remove all screenshare tracks\n    filteredPublications = publications.filter(p => !p.trackName.includes('screen'));\n  }\n\n  return (\n    <>\n      {filteredPublications.map(publication => (\n        <Publication\n          // removed the random number added to the key\n          key={publication.kind}\n          publication={publication}\n          participant={participant}\n          isLocalParticipant={isLocalParticipant}\n          videoOnly={videoOnly}\n          videoPriority={videoPriority}\n        />\n      ))}\n    </>\n  );\n}\n","import React from 'react';\nimport ParticipantInfo from '../ParticipantInfo/ParticipantInfo';\nimport ParticipantTracks from '../ParticipantTracks/ParticipantTracks';\nimport { Participant as IParticipant } from 'twilio-video';\n\ninterface ParticipantProps {\n  participant: IParticipant;\n  videoOnly?: boolean;\n  enableScreenShare?: boolean;\n  onClick?: () => void;\n  isSelected?: boolean;\n  isLocalParticipant?: boolean;\n  hideParticipant?: boolean;\n}\n\nexport default function Participant({\n  participant,\n  videoOnly,\n  enableScreenShare,\n  onClick,\n  isSelected,\n  isLocalParticipant,\n  hideParticipant,\n}: ParticipantProps) {\n  return (\n    <ParticipantInfo\n      participant={participant}\n      onClick={onClick}\n      isSelected={isSelected}\n      isLocalParticipant={isLocalParticipant}\n      hideParticipant={hideParticipant}\n    >\n      <ParticipantTracks\n        participant={participant}\n        videoOnly={videoOnly}\n        enableScreenShare={enableScreenShare}\n        isLocalParticipant={isLocalParticipant}\n      />\n    </ParticipantInfo>\n  );\n}\n","import { useEffect, useState } from 'react';\nimport useVideoContext from '../useVideoContext/useVideoContext';\nimport { RemoteParticipant } from 'twilio-video';\n\nexport default function useDominantSpeaker() {\n  const { room } = useVideoContext();\n  const [dominantSpeaker, setDominantSpeaker] = useState(room?.dominantSpeaker ?? null);\n\n  useEffect(() => {\n    if (room) {\n      // Sometimes, the 'dominantSpeakerChanged' event can emit 'null', which means that\n      // there is no dominant speaker. If we change the main participant when 'null' is\n      // emitted, the effect can be jarring to the user. Here we ignore any 'null' values\n      // and continue to display the previous dominant speaker as the main participant.\n      const handleDominantSpeakerChanged = (newDominantSpeaker: RemoteParticipant) => {\n        if (newDominantSpeaker !== null) {\n          setDominantSpeaker(newDominantSpeaker);\n        }\n      };\n\n      // Since 'null' values are ignored, we will need to listen for the 'participantDisconnected'\n      // event, so we can set the dominantSpeaker to 'null' when they disconnect.\n      const handleParticipantDisconnected = (participant: RemoteParticipant) => {\n        setDominantSpeaker(prevDominantSpeaker => {\n          return prevDominantSpeaker === participant ? null : prevDominantSpeaker;\n        });\n      };\n\n      room.on('dominantSpeakerChanged', handleDominantSpeakerChanged);\n      room.on('participantDisconnected', handleParticipantDisconnected);\n      return () => {\n        room.off('dominantSpeakerChanged', handleDominantSpeakerChanged);\n        room.off('participantDisconnected', handleParticipantDisconnected);\n      };\n    }\n  }, [room]);\n\n  return dominantSpeaker;\n}\n","import { useEffect, useState } from 'react';\nimport { RemoteParticipant } from 'twilio-video';\nimport useDominantSpeaker from '../useDominantSpeaker/useDominantSpeaker';\nimport useVideoContext from '../useVideoContext/useVideoContext';\n\nexport default function useParticipants() {\n  const { room } = useVideoContext();\n  const dominantSpeaker = useDominantSpeaker();\n  const [participants, setParticipants] = useState(Array.from(room?.participants.values() ?? []));\n\n  // When the dominant speaker changes, they are moved to the front of the participants array.\n  // This means that the most recent dominant speakers will always be near the top of the\n  // ParticipantStrip component.\n  useEffect(() => {\n    if (dominantSpeaker) {\n      setParticipants(prevParticipants => [\n        dominantSpeaker,\n        ...prevParticipants.filter(participant => participant !== dominantSpeaker),\n      ]);\n    }\n  }, [dominantSpeaker]);\n\n  useEffect(() => {\n    if (room) {\n      const participantConnected = (participant: RemoteParticipant) =>\n        setParticipants(prevParticipants => [...prevParticipants, participant]);\n      const participantDisconnected = (participant: RemoteParticipant) =>\n        setParticipants(prevParticipants => prevParticipants.filter(p => p !== participant));\n      room.on('participantConnected', participantConnected);\n      room.on('participantDisconnected', participantDisconnected);\n      return () => {\n        room.off('participantConnected', participantConnected);\n        room.off('participantDisconnected', participantDisconnected);\n      };\n    }\n  }, [room]);\n\n  return participants;\n}\n","import useVideoContext from '../useVideoContext/useVideoContext';\nimport useDominantSpeaker from '../useDominantSpeaker/useDominantSpeaker';\nimport useParticipants from '../useParticipants/useParticipants';\nimport useScreenShareParticipant from '../useScreenShareParticipant/useScreenShareParticipant';\nimport useSelectedParticipant from '../../components/VideoProvider/useSelectedParticipant/useSelectedParticipant';\n\nexport default function useMainParticipant() {\n  const [selectedParticipant] = useSelectedParticipant();\n  const screenShareParticipant = useScreenShareParticipant();\n  const dominantSpeaker = useDominantSpeaker();\n  const participants = useParticipants();\n  const { room } = useVideoContext();\n  const localParticipant = room?.localParticipant;\n  const remoteScreenShareParticipant = screenShareParticipant !== localParticipant ? screenShareParticipant : null;\n\n  // The participant that is returned is displayed in the main video area. Changing the order of the following\n  // variables will change the how the main speaker is determined.\n  return selectedParticipant || remoteScreenShareParticipant || dominantSpeaker || participants[0] || localParticipant;\n}\n","import React, { useEffect, useState } from 'react';\nimport clsx from 'clsx';\nimport Participant from '../Participant/Participant';\nimport { makeStyles, createStyles, Theme } from '@material-ui/core/styles';\nimport useMainParticipant from '../../hooks/useMainParticipant/useMainParticipant';\nimport useParticipants from '../../hooks/useParticipants/useParticipants';\nimport useVideoContext from '../../hooks/useVideoContext/useVideoContext';\nimport useSelectedParticipant from '../VideoProvider/useSelectedParticipant/useSelectedParticipant';\nimport useScreenShareParticipant from '../../hooks/useScreenShareParticipant/useScreenShareParticipant';\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    container: {\n      overflowY: 'auto',\n      background: 'rgb(79, 83, 85)',\n      gridArea: '1 / 2 / 1 / 3',\n      zIndex: 5,\n      [theme.breakpoints.down('sm')]: {\n        gridArea: '2 / 1 / 3 / 3',\n        overflowY: 'initial',\n        overflowX: 'auto',\n        display: 'flex',\n        position: 'absolute',\n        bottom: '10px',\n      },\n    },\n    transparentBackground: {\n      background: 'transparent',\n    },\n    scrollContainer: {\n      display: 'flex',\n      justifyContent: 'center',\n    },\n    innerScrollContainer: {\n      width: `calc(${theme.sidebarWidth}px - 3em)`,\n      padding: '1.5em 0',\n      [theme.breakpoints.down('sm')]: {\n        width: 'auto',\n        padding: `${theme.sidebarMobilePadding}px`,\n        display: 'flex',\n      },\n    },\n    innerScrollContainerNotAgent: {\n      width: `calc(${theme.sidebarWidth}px - 3em)`,\n      padding: '1.5em 0',\n      [theme.breakpoints.down('sm')]: {\n        width: 'auto',\n        padding: `${theme.sidebarMobilePadding}px`,\n        display: 'flex',\n        '& > div:nth-child(1),& > div:nth-child(2)': {\n          width: `calc(${theme.sidebarWidth}px  - 3em)`,\n          height: '150px',\n        },\n      },\n    },\n  })\n);\n\nexport default function ParticipantList() {\n  const classes = useStyles();\n  const { room } = useVideoContext();\n  const localParticipant = room!.localParticipant;\n  const participants = useParticipants();\n  const [selectedParticipant, setSelectedParticipant] = useSelectedParticipant();\n  const screenShareParticipant = useScreenShareParticipant();\n  const mainParticipant = useMainParticipant();\n  const isRemoteParticipantScreenSharing = screenShareParticipant && screenShareParticipant !== localParticipant;\n  const [isAgentCall, setIsAgentCall] = useState<boolean>(false);\n\n  useEffect(() => {\n    const searchStr = window.sessionStorage.getItem('searchStr');\n    if (!!searchStr) {\n      const searchParams = new URLSearchParams(searchStr);\n      const agentCall = searchParams.get('isAgentCall');\n      console.log('agentCall list', agentCall);\n      if (!!agentCall && agentCall === 'true') {\n        setIsAgentCall(true);\n      }\n    }\n  }, []);\n  if (participants.length === 0) return null; // Don't render this component if there are no remote participants.\n\n  return (\n    <aside\n      className={clsx(classes.container, {\n        [classes.transparentBackground]: !isRemoteParticipantScreenSharing,\n      })}\n    >\n      <div className={classes.scrollContainer}>\n        <div className={isAgentCall ? classes.innerScrollContainer : classes.innerScrollContainerNotAgent}>\n          <Participant participant={localParticipant} isLocalParticipant={true} />\n          {participants.map(participant => {\n            const isSelected = participant === selectedParticipant;\n            const hideParticipant =\n              participant === mainParticipant && participant !== screenShareParticipant && !isSelected;\n            return (\n              <Participant\n                key={participant.sid}\n                participant={participant}\n                isSelected={participant === selectedParticipant}\n                onClick={() => setSelectedParticipant(participant)}\n                hideParticipant={hideParticipant}\n              />\n            );\n          })}\n        </div>\n      </div>\n    </aside>\n  );\n}\n","import React from 'react';\nimport clsx from 'clsx';\nimport { makeStyles, Theme } from '@material-ui/core/styles';\nimport { LocalAudioTrack, LocalVideoTrack, Participant, RemoteAudioTrack, RemoteVideoTrack } from 'twilio-video';\n\nimport AudioLevelIndicator from '../AudioLevelIndicator/AudioLevelIndicator';\nimport AvatarIcon from '../../icons/AvatarIcon';\nimport NetworkQualityLevel from '../NetworkQualityLevel/NetworkQualityLevel';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport Typography from '@material-ui/core/Typography';\n\nimport useIsRecording from '../../hooks/useIsRecording/useIsRecording';\nimport useIsTrackSwitchedOff from '../../hooks/useIsTrackSwitchedOff/useIsTrackSwitchedOff';\nimport useParticipantIsReconnecting from '../../hooks/useParticipantIsReconnecting/useParticipantIsReconnecting';\nimport usePublications from '../../hooks/usePublications/usePublications';\nimport useScreenShareParticipant from '../../hooks/useScreenShareParticipant/useScreenShareParticipant';\nimport useTrack from '../../hooks/useTrack/useTrack';\nimport useVideoContext from '../../hooks/useVideoContext/useVideoContext';\n\nconst useStyles = makeStyles((theme: Theme) => ({\n  container: {\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n  },\n  identity: {\n    background: 'rgba(0, 0, 0, 0.5)',\n    color: 'white',\n    padding: '0.1em 0.3em 0.1em 0',\n    display: 'inline-flex',\n    '& svg': {\n      marginLeft: '0.3em',\n    },\n    marginRight: '0.4em',\n    alignItems: 'center',\n  },\n  infoContainer: {\n    position: 'absolute',\n    zIndex: 2,\n    height: '100%',\n    width: '100%',\n  },\n  reconnectingContainer: {\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    bottom: 0,\n    left: 0,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    background: 'rgba(40, 42, 43, 0.75)',\n    zIndex: 1,\n  },\n  fullWidth: {\n    gridArea: '1 / 1 / 2 / 3',\n    [theme.breakpoints.down('sm')]: {\n      gridArea: '1 / 1 / 3 / 3',\n    },\n  },\n  avatarContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    background: 'black',\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    bottom: 0,\n    left: 0,\n    zIndex: 1,\n    '& svg': {\n      transform: 'scale(2)',\n    },\n  },\n  recordingIndicator: {\n    position: 'absolute',\n    bottom: 0,\n    display: 'flex',\n    alignItems: 'center',\n    background: 'rgba(0, 0, 0, 0.5)',\n    color: 'white',\n    padding: '0.1em 0.3em 0.1em 0',\n    fontSize: '1.2rem',\n    height: '28px',\n    [theme.breakpoints.down('sm')]: {\n      bottom: 'auto',\n      right: 0,\n      top: 0,\n    },\n  },\n  circle: {\n    height: '12px',\n    width: '12px',\n    background: 'red',\n    borderRadius: '100%',\n    margin: '0 0.6em',\n    animation: `1.25s $pulsate ease-out infinite`,\n  },\n  '@keyframes pulsate': {\n    '0%': {\n      background: `#A90000`,\n    },\n    '50%': {\n      background: '#f00',\n    },\n    '100%': {\n      background: '#A90000',\n    },\n  },\n}));\n\ninterface MainParticipantInfoProps {\n  participant: Participant;\n  children: React.ReactNode;\n}\n\nexport default function MainParticipantInfo({ participant, children }: MainParticipantInfoProps) {\n  const classes = useStyles();\n  const { room } = useVideoContext();\n  const localParticipant = room!.localParticipant;\n  const isLocal = localParticipant === participant;\n\n  const screenShareParticipant = useScreenShareParticipant();\n  const isRemoteParticipantScreenSharing = screenShareParticipant && screenShareParticipant !== localParticipant;\n\n  const publications = usePublications(participant);\n  const videoPublication = publications.find(p => !p.trackName.includes('screen') && p.kind === 'video');\n  const screenSharePublication = publications.find(p => p.trackName.includes('screen'));\n\n  const videoTrack = useTrack(screenSharePublication || videoPublication);\n  const isVideoEnabled = Boolean(videoTrack);\n\n  const audioPublication = publications.find(p => p.kind === 'audio');\n  const audioTrack = useTrack(audioPublication) as LocalAudioTrack | RemoteAudioTrack | undefined;\n\n  const isVideoSwitchedOff = useIsTrackSwitchedOff(videoTrack as LocalVideoTrack | RemoteVideoTrack);\n  const isParticipantReconnecting = useParticipantIsReconnecting(participant);\n\n  const isRecording = useIsRecording();\n\n  return (\n    <div\n      data-cy-main-participant\n      data-cy-participant={participant.identity}\n      className={clsx(classes.container, {\n        [classes.fullWidth]: !isRemoteParticipantScreenSharing,\n      })}\n    >\n      <div className={classes.infoContainer}>\n        <div style={{ display: 'flex' }}>\n          <div className={classes.identity}>\n            <AudioLevelIndicator audioTrack={audioTrack} />\n            <Typography variant=\"body1\" color=\"inherit\">\n              {participant.identity}\n              {isLocal && ' (You)'}\n              {screenSharePublication && ' - Screen'}\n            </Typography>\n          </div>\n          <NetworkQualityLevel participant={participant} />\n        </div>\n        {isRecording && (\n          <Tooltip\n            title=\"All participants' audio and video is currently being recorded. Visit the app settings to stop recording.\"\n            placement=\"top\"\n          >\n            <div className={classes.recordingIndicator}>\n              <div className={classes.circle}></div>\n              <Typography variant=\"body1\" color=\"inherit\" data-cy-recording-indicator>\n                Recording\n              </Typography>\n            </div>\n          </Tooltip>\n        )}\n      </div>\n      {(!isVideoEnabled || isVideoSwitchedOff) && (\n        <div className={classes.avatarContainer}>\n          <AvatarIcon />\n        </div>\n      )}\n      {isParticipantReconnecting && (\n        <div className={classes.reconnectingContainer}>\n          <Typography variant=\"body1\" style={{ color: 'white' }}>\n            Reconnecting...\n          </Typography>\n        </div>\n      )}\n      {children}\n    </div>\n  );\n}\n","import MainParticipantInfo from '../MainParticipantInfo/MainParticipantInfo';\nimport ParticipantTracks from '../ParticipantTracks/ParticipantTracks';\nimport React from 'react';\nimport useMainParticipant from '../../hooks/useMainParticipant/useMainParticipant';\nimport useSelectedParticipant from '../VideoProvider/useSelectedParticipant/useSelectedParticipant';\nimport useScreenShareParticipant from '../../hooks/useScreenShareParticipant/useScreenShareParticipant';\nimport useVideoContext from '../../hooks/useVideoContext/useVideoContext';\n\nexport default function MainParticipant() {\n  const mainParticipant = useMainParticipant();\n  const { room } = useVideoContext();\n  const localParticipant = room!.localParticipant;\n  const [selectedParticipant] = useSelectedParticipant();\n  const screenShareParticipant = useScreenShareParticipant();\n\n  const videoPriority =\n    (mainParticipant === selectedParticipant || mainParticipant === screenShareParticipant) &&\n    mainParticipant !== localParticipant\n      ? 'high'\n      : null;\n\n  return (\n    /* audio is disabled for this participant component because this participant's audio \n       is already being rendered in the <ParticipantStrip /> component.  */\n    <MainParticipantInfo participant={mainParticipant}>\n      <ParticipantTracks\n        participant={mainParticipant}\n        videoOnly\n        enableScreenShare={mainParticipant !== localParticipant}\n        videoPriority={videoPriority}\n        isLocalParticipant={mainParticipant === localParticipant}\n      />\n    </MainParticipantInfo>\n  );\n}\n","import React from 'react';\nimport { makeStyles, createStyles } from '@material-ui/core/styles';\nimport CloseIcon from '../../../icons/CloseIcon';\n\nconst useStyles = makeStyles(() =>\n  createStyles({\n    container: {\n      minHeight: '56px',\n      background: '#F4F4F6',\n      borderBottom: '1px solid #E4E7E9',\n      display: 'flex',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      padding: '0 1em',\n    },\n    text: {\n      fontWeight: 'bold',\n    },\n    closeBackgroundSelection: {\n      cursor: 'pointer',\n      display: 'flex',\n      background: 'transparent',\n      border: '0',\n      padding: '0.4em',\n    },\n  })\n);\n\ninterface BackgroundSelectionHeaderProps {\n  onClose: () => void;\n}\n\nexport default function BackgroundSelectionHeader({ onClose }: BackgroundSelectionHeaderProps) {\n  const classes = useStyles();\n  return (\n    <div className={classes.container}>\n      <div className={classes.text}>Backgrounds</div>\n      <button className={classes.closeBackgroundSelection} onClick={onClose}>\n        <CloseIcon />\n      </button>\n    </div>\n  );\n}\n","import React from 'react';\nimport clsx from 'clsx';\nimport BlurIcon from '@material-ui/icons/BlurOnOutlined';\nimport { makeStyles, Theme, createStyles } from '@material-ui/core/styles';\nimport NoneIcon from '@material-ui/icons/NotInterestedOutlined';\nimport useVideoContext from '../../../hooks/useVideoContext/useVideoContext';\n\nexport type Thumbnail = 'none' | 'blur' | 'image';\n\ninterface BackgroundThumbnailProps {\n  thumbnail: Thumbnail;\n  imagePath?: string;\n  name?: string;\n  index?: number;\n}\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    thumbContainer: {\n      margin: '5px',\n      width: 'calc(50% - 10px)',\n      display: 'flex',\n      position: 'relative',\n      '&::after': {\n        content: '\"\"',\n        paddingBottom: '55.5%',\n      },\n    },\n    thumbIconContainer: {\n      width: '100%',\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n      borderRadius: '10px',\n      border: `solid ${theme.palette.grey[400]}`,\n      '&.selected': {\n        border: `solid ${theme.palette.primary.main}`,\n        '& svg': {\n          color: `${theme.palette.primary.main}`,\n        },\n      },\n    },\n    thumbIcon: {\n      height: 50,\n      width: 50,\n      color: `${theme.palette.grey[400]}`,\n      '&.selected': {\n        color: `${theme.palette.primary.main}`,\n      },\n    },\n    thumbImage: {\n      width: '100%',\n      height: '100%',\n      position: 'absolute',\n      top: 0,\n      bottom: 0,\n      left: 0,\n      right: 0,\n      objectFit: 'cover',\n      borderRadius: '10px',\n      border: `solid ${theme.palette.grey[400]}`,\n      '&:hover': {\n        cursor: 'pointer',\n        '& svg': {\n          color: `${theme.palette.primary.main}`,\n        },\n        '& $thumbOverlay': {\n          visibility: 'visible',\n        },\n      },\n      '&.selected': {\n        border: `solid ${theme.palette.primary.main}`,\n        '& svg': {\n          color: `${theme.palette.primary.main}`,\n        },\n      },\n    },\n    thumbOverlay: {\n      position: 'absolute',\n      color: 'transparent',\n      padding: '20px',\n      fontSize: '14px',\n      fontWeight: 'bold',\n      width: '100%',\n      height: '100%',\n      borderRadius: '10px',\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n      '&:hover': {\n        background: 'rgba(95, 93, 128, 0.6)',\n        color: 'white',\n      },\n    },\n  })\n);\n\nexport default function BackgroundThumbnail({ thumbnail, imagePath, name, index }: BackgroundThumbnailProps) {\n  const classes = useStyles();\n  const { backgroundSettings, setBackgroundSettings } = useVideoContext();\n  const isImage = thumbnail === 'image';\n  const thumbnailSelected = isImage\n    ? backgroundSettings.index === index && backgroundSettings.type === 'image'\n    : backgroundSettings.type === thumbnail;\n  const icons = {\n    none: NoneIcon,\n    blur: BlurIcon,\n    image: null,\n  };\n  const ThumbnailIcon = icons[thumbnail];\n\n  return (\n    <div\n      className={classes.thumbContainer}\n      onClick={() =>\n        setBackgroundSettings({\n          type: thumbnail,\n          index: index,\n        })\n      }\n    >\n      {ThumbnailIcon ? (\n        <div className={clsx(classes.thumbIconContainer, { selected: thumbnailSelected })}>\n          <ThumbnailIcon className={classes.thumbIcon} />\n        </div>\n      ) : (\n        <img className={clsx(classes.thumbImage, { selected: thumbnailSelected })} src={imagePath} alt={name} />\n      )}\n      <div className={classes.thumbOverlay}>{name}</div>\n    </div>\n  );\n}\n","import React, { useState, useEffect } from 'react';\nimport BackgroundSelectionHeader from './BackgroundSelectionHeader/BackgroundSelectionHeader';\nimport BackgroundThumbnail from './BackgroundThumbnail/BackgroundThumbnail';\nimport Drawer from '@material-ui/core/Drawer';\nimport { makeStyles, Theme } from '@material-ui/core/styles';\nimport { backgroundConfig } from '../VideoProvider/useBackgroundSettings/useBackgroundSettings';\nimport useVideoContext from '../../hooks/useVideoContext/useVideoContext';\n\nconst useStyles = makeStyles((theme: Theme) => ({\n  drawer: {\n    display: 'flex',\n    width: theme.rightDrawerWidth,\n    height: `calc(100% - ${theme.footerHeight}px)`,\n  },\n  thumbnailContainer: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    padding: '5px',\n    overflowY: 'auto',\n  },\n}));\n\nfunction BackgroundSelectionDialog() {\n  const classes = useStyles();\n  const { isBackgroundSelectionOpen, setIsBackgroundSelectionOpen } = useVideoContext();\n  const [isAgentCall, setIsAgentCall] = useState<boolean>(false);\n  const imageNames = backgroundConfig.imageNames;\n  const images = backgroundConfig.images;\n\n  useEffect(() => {\n    const searchStr = window.sessionStorage.getItem('searchStr');\n    if (!!searchStr) {\n      const searchParams = new URLSearchParams(searchStr);\n      const agentCall = searchParams.get('isAgentCall');\n      if (!!agentCall && agentCall === 'true') {\n        setIsAgentCall(true);\n      }\n    }\n  }, []);\n\n  return (\n    <Drawer\n      variant=\"persistent\"\n      anchor=\"right\"\n      open={isBackgroundSelectionOpen}\n      transitionDuration={0}\n      classes={{\n        paper: classes.drawer,\n      }}\n    >\n      <BackgroundSelectionHeader onClose={() => setIsBackgroundSelectionOpen(false)} />\n      {isAgentCall ? (\n        <div className={classes.thumbnailContainer}>\n          <BackgroundThumbnail thumbnail={'none'} name={'None'} />\n          <BackgroundThumbnail thumbnail={'blur'} name={'Blur'} />\n          <BackgroundThumbnail thumbnail={'image'} name={imageNames[2]} index={2} imagePath={images[2]} />\n        </div>\n      ) : (\n        <div className={classes.thumbnailContainer}>\n          <BackgroundThumbnail thumbnail={'none'} name={'None'} />\n          {images.map((image, index) => (\n            <BackgroundThumbnail\n              thumbnail={'image'}\n              name={imageNames[index]}\n              index={index}\n              imagePath={image}\n              key={image}\n            />\n          ))}\n        </div>\n      )}\n    </Drawer>\n  );\n}\n\nexport default BackgroundSelectionDialog;\n","import React from 'react';\nimport clsx from 'clsx';\nimport { makeStyles, Theme } from '@material-ui/core';\nimport ChatWindow from '../ChatWindow/ChatWindow';\nimport ParticipantList from '../ParticipantList/ParticipantList';\nimport MainParticipant from '../MainParticipant/MainParticipant';\nimport useChatContext from '../../hooks/useChatContext/useChatContext';\nimport useParticipants from '../../hooks/useParticipants/useParticipants';\nimport BackgroundSelectionDialog from '../BackgroundSelectionDialog/BackgroundSelectionDialog';\nimport useVideoContext from '../../hooks/useVideoContext/useVideoContext';\nimport Snackbar from '../Snackbar/Snackbar';\n\nconst useStyles = makeStyles((theme: Theme) => {\n  const totalMobileSidebarHeight = `${theme.sidebarMobileHeight +\n    theme.sidebarMobilePadding * 2 +\n    theme.participantBorderWidth}px`;\n  return {\n    container: {\n      position: 'relative',\n      height: '100%',\n      display: 'grid',\n      gridTemplateColumns: `1fr ${theme.sidebarWidth}px`,\n      gridTemplateRows: '100%',\n      [theme.breakpoints.down('sm')]: {\n        gridTemplateColumns: `100%`,\n        gridTemplateRows: `calc(100% - ${totalMobileSidebarHeight}) ${totalMobileSidebarHeight}`,\n      },\n    },\n    rightDrawerOpen: { gridTemplateColumns: `1fr ${theme.sidebarWidth}px ${theme.rightDrawerWidth}px` },\n  };\n});\n\nexport default function Room() {\n  const classes = useStyles();\n  const { isChatWindowOpen } = useChatContext();\n  const participants = useParticipants();\n  const { isBackgroundSelectionOpen } = useVideoContext();\n\n  return (\n    <div\n      className={clsx(classes.container, {\n        [classes.rightDrawerOpen]: isChatWindowOpen || isBackgroundSelectionOpen,\n      })}\n    >\n      <Snackbar\n        headline=\"\"\n        message=\"You are now in the waiting room, we'll be with you shortly.\"\n        open={!participants.length}\n        variant=\"info\"\n      />\n      <MainParticipant />\n      <ParticipantList />\n      <ChatWindow />\n      <BackgroundSelectionDialog />\n    </div>\n  );\n}\n","export default __webpack_public_path__ + \"static/media/Maintenance.30cd3a9a.jpg\";","export default __webpack_public_path__ + \"static/media/Disaster.257e10e8.jpg\";","import React from 'react';\nimport { makeStyles, Theme } from '@material-ui/core';\nimport MaintenanceImg from '../../images/Maintenance.jpg';\nimport DisasterImg from '../../images/Disaster.jpg';\n\nconst useStyles = makeStyles((theme: Theme) => ({\n  container: {\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    width: '100%',\n    height: '100%',\n    backgroundColor: '#023c61',\n    backgroundRepeat: 'no-repeat',\n    backgroundSize: '60% auto',\n    backgroundPosition: 'center',\n    [`${theme.breakpoints.down('md')} and (orientation: portrait)`]: {\n      backgroundSize: '80% auto',\n      fontSize: '10px',\n    },\n    [`${theme.breakpoints.down('sm')} and (orientation: portrait)`]: {\n      backgroundSize: '80% auto',\n      fontSize: '10px',\n    },\n    [`${theme.breakpoints.down('sm')} and (orientation: landscape)`]: {\n      backgroundSize: 'auto 90%',\n      fontSize: '10px',\n    },\n  },\n  button: {\n    position: 'absolute',\n  },\n}));\ninterface MaintenancePageProps {\n  flag: string;\n}\nexport default function MaintenancePage({ flag }: MaintenancePageProps) {\n  const classes = useStyles();\n  return (\n    <div>\n      {flag === 'maintenance' ? (\n        <div className={classes.container} style={{ backgroundImage: `url(${MaintenanceImg})` }}>\n          <a className={classes.button} href=\"tel:1800123633\">\n            1800 123 633\n          </a>\n        </div>\n      ) : (\n        <div className={classes.container} style={{ backgroundImage: `url(${DisasterImg})` }}>\n          <a className={classes.button} href=\"tel:1800123633\">\n            1800 123 633\n          </a>\n        </div>\n      )}\n    </div>\n  );\n}\n","import { AppConfigurationClient } from '@azure/app-configuration';\nimport { AZURE_APP_CONFIG_CONNECTION_STRING } from './constants';\n\nconst connectionString: string = AZURE_APP_CONFIG_CONNECTION_STRING;\nconst configClient = new AppConfigurationClient(connectionString);\nconst maintenanceFlagKey: string = 'maintenancePage';\nconst disasterFlagKey: string = 'disasterPage';\nconst uri = window.location.href;\nlet environment = 'prod';\nif (uri?.match('-uat')) environment = 'uat';\nif (uri?.match('-test')) environment = 'test';\nif (uri?.match('localhost')) environment = 'test';\nconst getFeatureFlag = async () => {\n  try {\n    let maintenanceEnabled = false;\n    let disasterEnabled = false;\n    const maintenanceFlag = await configClient.getConfigurationSetting({\n      key: `.appconfig.featureflag/${maintenanceFlagKey.toString().trim()}`,\n      label: environment,\n    });\n    const disasterFlag = await configClient.getConfigurationSetting({\n      key: `.appconfig.featureflag/${disasterFlagKey.toString().trim()}`,\n      label: environment,\n    });\n\n    if (maintenanceFlag && maintenanceFlag.tags && maintenanceFlag.value && typeof maintenanceFlag === 'object') {\n      maintenanceFlag.tags['ttl'] = '0';\n      await configClient.setConfigurationSetting(maintenanceFlag);\n      maintenanceEnabled = JSON.parse(maintenanceFlag.value).enabled;\n    }\n    if (disasterFlag && disasterFlag.tags && disasterFlag.value && typeof disasterFlag === 'object') {\n      disasterFlag.tags['ttl'] = '0';\n      await configClient.setConfigurationSetting(disasterFlag);\n      disasterEnabled = JSON.parse(disasterFlag.value).enabled;\n    }\n    if (maintenanceEnabled) return { flag: 'maintenance', maintenanceEnabled: true };\n    if (disasterEnabled) return { flag: 'disaster', maintenanceEnabled: true };\n    return { flag: 'main', maintenanceEnabled: false };\n  } catch (error) {\n    console.log(error);\n    return { flag: 'main', maintenanceEnabled: false };\n  }\n};\n\nexport default getFeatureFlag;\n","import React, { useState, useEffect } from 'react';\nimport { styled, Theme } from '@material-ui/core/styles';\n\nimport MenuBar from './components/MenuBar/MenuBar';\nimport MobileTopMenuBar from './components/MobileTopMenuBar/MobileTopMenuBar';\nimport PreJoinScreens from './components/PreJoinScreens/PreJoinScreens';\nimport ReconnectingNotification from './components/ReconnectingNotification/ReconnectingNotification';\nimport RecordingNotifications from './components/RecordingNotifications/RecordingNotifications';\nimport Room from './components/Room/Room';\n\nimport useHeight from './hooks/useHeight/useHeight';\nimport useRoomState from './hooks/useRoomState/useRoomState';\nimport * as Sentry from '@sentry/react';\nimport MaintenancePage from './components/MaintenancePage/MaintenancePage';\nimport getFeatureFlag from './appConfig';\n\nconst Container = styled('div')({\n  display: 'grid',\n  gridTemplateRows: '1fr auto',\n});\n\nconst Main = styled('main')(({ theme }: { theme: Theme }) => ({\n  overflow: 'scroll',\n  paddingBottom: `${theme.footerHeight}px`, // Leave some space for the footer\n  background: 'black',\n  [theme.breakpoints.down('sm')]: {\n    paddingBottom: `${theme.mobileFooterHeight + theme.mobileTopBarHeight}px`, // Leave some space for the mobile header and footer\n  },\n}));\n\nexport default function App() {\n  const roomState = useRoomState();\n  const [maintenanceModeEnabled, setMaintenanceModeEnabled] = useState({\n    flag: 'main',\n    maintenanceEnabled: false,\n  });\n  // Here we would like the height of the main container to be the height of the viewport.\n  // On some mobile browsers, 'height: 100vh' sets the height equal to that of the screen,\n  // not the viewport. This looks bad when the mobile browsers location bar is open.\n  // We will dynamically set the height with 'window.innerHeight', which means that this\n  // will look good on mobile browsers even after the location bar opens or closes.\n  const height = useHeight();\n  useEffect(() => {\n    async function fetchFeatureFlag() {\n      const featureFlagValue = await getFeatureFlag();\n      setMaintenanceModeEnabled(featureFlagValue);\n    }\n    fetchFeatureFlag();\n  }, []);\n\n  useEffect(() => {\n    const checkTabActive = () => {\n      Sentry.addBreadcrumb({\n        type: 'debug',\n        category: '###tabVisibility',\n        level: Sentry.Severity.Info,\n        message: document.visibilityState,\n      });\n    };\n    window.addEventListener('visibilitychange', checkTabActive);\n    return () => {\n      window.removeEventListener('visibilitychange', checkTabActive);\n    };\n  }, []);\n\n  useEffect(() => {\n    const windowOnBlur = () => {\n      Sentry.addBreadcrumb({\n        type: 'debug',\n        category: '###windowOnBlur',\n        level: Sentry.Severity.Info,\n        message: 'onBlur',\n      });\n    };\n    window.addEventListener('blur', windowOnBlur);\n    return () => {\n      window.removeEventListener('blur', windowOnBlur);\n    };\n  }, []);\n  useEffect(() => {\n    const windowOnFocus = () => {\n      Sentry.addBreadcrumb({\n        type: 'debug',\n        category: '###windowOnFocus',\n        level: Sentry.Severity.Info,\n        message: 'onFocus',\n      });\n    };\n    window.addEventListener('focus', windowOnFocus);\n    return () => {\n      window.removeEventListener('focus', windowOnFocus);\n    };\n  }, []);\n\n  return (\n    <Container style={{ height }}>\n      {maintenanceModeEnabled.maintenanceEnabled ? (\n        <MaintenancePage flag={maintenanceModeEnabled.flag} />\n      ) : (\n        <>\n          {roomState === 'disconnected' ? (\n            <PreJoinScreens />\n          ) : (\n            <Main>\n              <ReconnectingNotification />\n              <RecordingNotifications />\n              <MobileTopMenuBar />\n              <Room />\n              <MenuBar />\n            </Main>\n          )}\n        </>\n      )}\n    </Container>\n  );\n}\n","import { useEffect, useState } from 'react';\n\nexport default function useHeight() {\n  const [height, setHeight] = useState(window.innerHeight * (window.visualViewport?.scale || 1));\n\n  useEffect(() => {\n    const onResize = () => {\n      setHeight(window.innerHeight * (window.visualViewport?.scale || 1));\n    };\n\n    window.addEventListener('resize', onResize);\n    return () => {\n      window.removeEventListener('resize', onResize);\n    };\n  });\n\n  return height + 'px';\n}\n","import React, { PropsWithChildren } from 'react';\nimport Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport DialogContentText from '@material-ui/core/DialogContentText';\nimport enhanceMessage from './enhanceMessage';\nimport { TwilioError } from 'twilio-video';\n\ninterface ErrorDialogProps {\n  dismissError: Function;\n  error: TwilioError | Error | null;\n}\n\nfunction ErrorDialog({ dismissError, error }: PropsWithChildren<ErrorDialogProps>) {\n  const { message, code } = error || {};\n  const enhancedMessage = enhanceMessage(message, code);\n\n  return (\n    <Dialog open={error !== null} onClose={() => dismissError()} fullWidth={true} maxWidth=\"xs\">\n      <DialogTitle>ERROR</DialogTitle>\n      <DialogContent>\n        <DialogContentText>{enhancedMessage}</DialogContentText>\n        {Boolean(code) && (\n          <pre>\n            <code>Error Code: {code}</code>\n          </pre>\n        )}\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={() => dismissError()} color=\"primary\" autoFocus>\n          OK\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n}\n\nexport default ErrorDialog;\n","// This function is used to provide error messages to the user that are\n// different than the error messages provided by the SDK.\nexport default function enhanceMessage(message = '', code?: number) {\n  switch (code) {\n    case 20101: // Invalid token error\n      return message + '. Please make sure you are using the correct credentials.';\n    default:\n      return message;\n  }\n}\n","var _desc, _defs, _g;\nvar _excluded = [\"title\", \"titleId\"];\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); }\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; }\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; }\nimport * as React from \"react\";\nfunction SvgGoogleLogo(_ref, svgRef) {\n  var title = _ref.title,\n    titleId = _ref.titleId,\n    props = _objectWithoutProperties(_ref, _excluded);\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: \"32px\",\n    height: \"32px\",\n    viewBox: \"7 7 32 32\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title === undefined ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, \"btn_google_light_normal_ios\") : title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _desc || (_desc = /*#__PURE__*/React.createElement(\"desc\", null, \"Created with Sketch.\")), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"filter\", {\n    x: \"-50%\",\n    y: \"-50%\",\n    width: \"200%\",\n    height: \"200%\",\n    filterUnits: \"objectBoundingBox\",\n    id: \"filter-1\"\n  }, /*#__PURE__*/React.createElement(\"feOffset\", {\n    dx: 0,\n    dy: 1,\n    in: \"SourceAlpha\",\n    result: \"shadowOffsetOuter1\"\n  }), /*#__PURE__*/React.createElement(\"feGaussianBlur\", {\n    stdDeviation: 0.5,\n    in: \"shadowOffsetOuter1\",\n    result: \"shadowBlurOuter1\"\n  }), /*#__PURE__*/React.createElement(\"feColorMatrix\", {\n    values: \"0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.168 0\",\n    in: \"shadowBlurOuter1\",\n    type: \"matrix\",\n    result: \"shadowMatrixOuter1\"\n  }), /*#__PURE__*/React.createElement(\"feOffset\", {\n    dx: 0,\n    dy: 0,\n    in: \"SourceAlpha\",\n    result: \"shadowOffsetOuter2\"\n  }), /*#__PURE__*/React.createElement(\"feGaussianBlur\", {\n    stdDeviation: 0.5,\n    in: \"shadowOffsetOuter2\",\n    result: \"shadowBlurOuter2\"\n  }), /*#__PURE__*/React.createElement(\"feColorMatrix\", {\n    values: \"0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.084 0\",\n    in: \"shadowBlurOuter2\",\n    type: \"matrix\",\n    result: \"shadowMatrixOuter2\"\n  }), /*#__PURE__*/React.createElement(\"feMerge\", null, /*#__PURE__*/React.createElement(\"feMergeNode\", {\n    in: \"shadowMatrixOuter1\"\n  }), /*#__PURE__*/React.createElement(\"feMergeNode\", {\n    in: \"shadowMatrixOuter2\"\n  }), /*#__PURE__*/React.createElement(\"feMergeNode\", {\n    in: \"SourceGraphic\"\n  }))), /*#__PURE__*/React.createElement(\"rect\", {\n    id: \"path-2\",\n    x: 0,\n    y: 0,\n    width: 40,\n    height: 40,\n    rx: 2\n  }))), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n    id: \"Google-Button\",\n    stroke: \"none\",\n    strokeWidth: 1,\n    fill: \"none\",\n    fillRule: \"evenodd\"\n  }, /*#__PURE__*/React.createElement(\"g\", {\n    id: \"9-PATCH\",\n    transform: \"translate(-608.000000, -160.000000)\"\n  }), /*#__PURE__*/React.createElement(\"g\", {\n    id: \"btn_google_light_normal\",\n    transform: \"translate(-1.000000, -1.000000)\"\n  }, /*#__PURE__*/React.createElement(\"g\", {\n    id: \"logo_googleg_48dp\",\n    transform: \"translate(15.000000, 15.000000)\"\n  }, /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M17.64,9.20454545 C17.64,8.56636364 17.5827273,7.95272727 17.4763636,7.36363636 L9,7.36363636 L9,10.845 L13.8436364,10.845 C13.635,11.97 13.0009091,12.9231818 12.0477273,13.5613636 L12.0477273,15.8195455 L14.9563636,15.8195455 C16.6581818,14.2527273 17.64,11.9454545 17.64,9.20454545 L17.64,9.20454545 Z\",\n    id: \"Shape\",\n    fill: \"#4285F4\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M9,18 C11.43,18 13.4672727,17.1940909 14.9563636,15.8195455 L12.0477273,13.5613636 C11.2418182,14.1013636 10.2109091,14.4204545 9,14.4204545 C6.65590909,14.4204545 4.67181818,12.8372727 3.96409091,10.71 L0.957272727,10.71 L0.957272727,13.0418182 C2.43818182,15.9831818 5.48181818,18 9,18 L9,18 Z\",\n    id: \"Shape\",\n    fill: \"#34A853\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M3.96409091,10.71 C3.78409091,10.17 3.68181818,9.59318182 3.68181818,9 C3.68181818,8.40681818 3.78409091,7.83 3.96409091,7.29 L3.96409091,4.95818182 L0.957272727,4.95818182 C0.347727273,6.17318182 0,7.54772727 0,9 C0,10.4522727 0.347727273,11.8268182 0.957272727,13.0418182 L3.96409091,10.71 L3.96409091,10.71 Z\",\n    id: \"Shape\",\n    fill: \"#FBBC05\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M9,3.57954545 C10.3213636,3.57954545 11.5077273,4.03363636 12.4404545,4.92545455 L15.0218182,2.34409091 C13.4631818,0.891818182 11.4259091,0 9,0 C5.48181818,0 2.43818182,2.01681818 0.957272727,4.95818182 L3.96409091,7.29 C4.67181818,5.16272727 6.65590909,3.57954545 9,3.57954545 L9,3.57954545 Z\",\n    id: \"Shape\",\n    fill: \"#EA4335\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M0,0 L18,0 L18,18 L0,18 L0,0 Z\",\n    id: \"Shape\"\n  })), /*#__PURE__*/React.createElement(\"g\", {\n    id: \"handles_square\"\n  })))));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgGoogleLogo);\nexport default __webpack_public_path__ + \"static/media/google-logo.8d51f170.svg\";\nexport { ForwardRef as ReactComponent };","import React, { FormEvent } from 'react';\nimport { useAppState } from '../../state';\nimport { Button, CircularProgress, Grid, makeStyles } from '@material-ui/core';\nimport { ReactComponent as GoogleLogo } from './google-logo.svg';\nimport { Theme } from '@material-ui/core';\nimport IntroContainer from '../IntroContainer/IntroContainer';\nimport Typography from '@material-ui/core/Typography';\nimport { useLocation, useHistory } from 'react-router-dom';\n\nconst useStyles = makeStyles((theme: Theme) => ({\n  googleButton: {\n    background: 'white',\n    color: 'rgb(0, 94, 166)',\n    borderRadius: '4px',\n    border: '2px solid rgb(2, 122, 197)',\n    margin: '1.8em 0 0.7em',\n    textTransform: 'none',\n    boxShadow: 'none',\n    padding: '0.3em 1em',\n    [theme.breakpoints.down('sm')]: {\n      width: '100%',\n    },\n    '&:hover': {\n      background: 'white',\n      boxShadow: 'none',\n    },\n  },\n  errorMessage: {\n    color: 'red',\n    display: 'flex',\n    alignItems: 'center',\n    margin: '1em 0 0.2em',\n    '& svg': {\n      marginRight: '0.4em',\n    },\n  },\n  gutterBottom: {\n    marginBottom: '1em',\n  },\n  passcodeContainer: {\n    minHeight: '120px',\n  },\n  submitButton: {\n    [theme.breakpoints.down('sm')]: {\n      width: '100%',\n    },\n  },\n  fileButtonLoadingSpinner: {\n    position: 'absolute',\n    top: '50%',\n    left: '50%',\n    marginLeft: '40px',\n  },\n}));\n\nexport default function LoginPage() {\n  const classes = useStyles();\n  const { signIn, user, isAuthReady } = useAppState();\n  const history = useHistory();\n  const location = useLocation<{ from: Location }>();\n  //const [passcode, setPasscode] = useState('8fWru2wcwxck');\n  //const [authError, setAuthError] = useState<Error | null>(null);\n\n  const isAuthEnabled = Boolean(process.env.REACT_APP_SET_AUTH);\n\n  const login = () => {\n    //setAuthError(null);\n    signIn?.('8fWru2wcwxck').then(() => {\n      //const searchStr = window.sessionStorage.getItem('searchStr');\n      //if (!searchStr) {\n      //    window.sessionStorage.setItem('searchStr',location?.state?.from.search);\n      //}\n      history.replace(location?.state?.from || { pathname: '/' });\n    });\n    //.catch(err => setAuthError(err));\n  };\n\n  const handleSubmit = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n    login();\n  };\n\n  if (user || !isAuthEnabled) {\n    history.replace('/');\n  }\n\n  if (!isAuthReady) {\n    return null;\n  }\n\n  const searchStr = window.sessionStorage.getItem('searchStr');\n  if (!searchStr) {\n    window.sessionStorage.setItem('searchStr', location?.state?.from.search);\n  }\n\n  login();\n\n  return (\n    <IntroContainer>\n      {process.env.REACT_APP_SET_AUTH === 'firebase' && (\n        <>\n          <Typography variant=\"h5\" className={classes.gutterBottom}>\n            Sign in to join a room\n          </Typography>\n          <Typography variant=\"body1\">Sign in using your Twilio Google Account</Typography>\n          <Button variant=\"contained\" className={classes.googleButton} onClick={login} startIcon={<GoogleLogo />}>\n            Sign in with Google\n          </Button>\n        </>\n      )}\n\n      {process.env.REACT_APP_SET_AUTH === 'passcode' && (\n        <>\n          <Typography variant=\"h5\" className={classes.gutterBottom}>\n            Please wait...\n          </Typography>\n          <form onSubmit={handleSubmit}>\n            <Grid container justify=\"space-between\">\n              <Grid container justify=\"flex-end\"></Grid>\n            </Grid>\n            <Grid container justify=\"flex-end\">\n              <CircularProgress size={36} className={classes.fileButtonLoadingSpinner} />\n            </Grid>\n          </form>\n        </>\n      )}\n    </IntroContainer>\n  );\n}\n","import React from 'react';\nimport { Redirect, Route, RouteProps } from 'react-router-dom';\nimport { useAppState } from '../../state';\n\nexport default function PrivateRoute({ children, ...rest }: RouteProps) {\n  const { isAuthReady, user } = useAppState();\n    \n  const renderChildren = user || !process.env.REACT_APP_SET_AUTH;\n\n  if (!renderChildren && !isAuthReady) {\n    return null;\n  }\n\n  return (\n    <Route\n      {...rest}\n      render={({ location }) =>\n        renderChildren ? (\n          children\n        ) : (\n          <Redirect\n            to={{\n              pathname: '/login',\n              state: { from: location },\n            }}\n          />\n        )\n      }\n    />\n  );\n}\n","import { createTheme } from '@material-ui/core';\n\ndeclare module '@material-ui/core/styles/createTheme' {\n  interface Theme {\n    sidebarWidth: number;\n    sidebarMobileHeight: number;\n    brand: string;\n    footerHeight: number;\n    mobileTopBarHeight: number;\n    mobileFooterHeight: number;\n    sidebarMobilePadding: number;\n    participantBorderWidth: number;\n    rightDrawerWidth: number;\n  }\n\n  // allow configuration using `createMuiTheme`\n  interface ThemeOptions {\n    sidebarWidth?: number;\n    sidebarMobileHeight?: number;\n    brand: string;\n    footerHeight: number;\n    mobileTopBarHeight: number;\n    mobileFooterHeight: number;\n    sidebarMobilePadding: number;\n    participantBorderWidth: number;\n    rightDrawerWidth?: number;\n  }\n}\n\nconst defaultTheme = createTheme();\n\nexport default createTheme({\n  overrides: {\n    MuiCssBaseline: {\n      '@global': {\n        'html, body, #root': {\n          height: '100%',\n        },\n      },\n    },\n    MuiButton: {\n      root: {\n        borderRadius: '4px',\n        textTransform: 'none',\n        color: 'rgb(40, 42, 43)',\n        fontSize: '0.9rem',\n        transition: defaultTheme.transitions.create(['background-color', 'box-shadow', 'border', 'color'], {\n          duration: defaultTheme.transitions.duration.short,\n        }),\n      },\n      text: {\n        padding: '6px 14px',\n      },\n      contained: {\n        boxShadow: 'none',\n        '&:hover': {\n          boxShadow: 'none',\n        },\n      },\n      outlinedPrimary: {\n        border: '2px solid #027AC5',\n        '&:hover': {\n          border: '2px solid rgb(1, 85, 137)',\n        },\n      },\n      startIcon: {\n        marginRight: '6px',\n      },\n    },\n    MuiTypography: {\n      body1: {\n        color: 'rgb(40, 42, 43)',\n        fontSize: '0.9rem',\n      },\n    },\n    MuiInputBase: {\n      root: {\n        fontSize: '0.9rem',\n      },\n    },\n    MuiSelect: {\n      root: {\n        padding: '0.85em',\n      },\n    },\n    MuiDialogActions: {\n      root: {\n        padding: '16px',\n      },\n    },\n    MuiTextField: {\n      root: {\n        color: 'rgb(40, 42, 43)',\n      },\n    },\n    MuiInputLabel: {\n      root: {\n        color: 'rgb(40, 42, 43)',\n        fontSize: '1.1rem',\n        marginBottom: '0.2em',\n        fontWeight: 500,\n      },\n    },\n    MuiOutlinedInput: {\n      notchedOutline: {\n        borderColor: 'rgb(136, 140, 142)',\n      },\n    },\n  },\n  typography: {\n    fontFamily: 'Inter, sans-serif',\n  },\n  palette: {\n    primary: {\n      main: '#027AC5',\n    },\n  },\n  brand: '#E22525',\n  footerHeight: 72,\n  mobileFooterHeight: 56,\n  sidebarWidth: 300,\n  sidebarMobileHeight: 90,\n  sidebarMobilePadding: 8,\n  participantBorderWidth: 2,\n  mobileTopBarHeight: 52,\n  rightDrawerWidth: 320,\n});\n","import { ConnectOptions } from 'twilio-video';\nimport { isMobile, removeUndefineds } from '..';\nimport { useAppState } from '../../state';\n\nexport default function useConnectionOptions() {\n  const { roomType, settings } = useAppState();\n\n  // See: https://sdk.twilio.com/js/video/releases/2.0.0/docs/global.html#ConnectOptions\n  // for available connection options.\n  const connectionOptions: ConnectOptions = {\n    // Bandwidth Profile, Dominant Speaker, and Network Quality\n    // features are only available in Small Group or Group Rooms.\n    // Please set \"Room Type\" to \"Group\" or \"Small Group\" in your\n    // Twilio Console: https://www.twilio.com/console/video/configure\n    bandwidthProfile: {\n      video: {\n        mode: settings.bandwidthProfileMode,\n        dominantSpeakerPriority: settings.dominantSpeakerPriority,\n        trackSwitchOffMode: settings.trackSwitchOffMode,\n        contentPreferencesMode: settings.contentPreferencesMode,\n        clientTrackSwitchOffControl: settings.clientTrackSwitchOffControl,\n      },\n    },\n    dominantSpeaker: true,\n    networkQuality: { local: 1, remote: 1 },\n\n    // Comment this line if you are playing music.\n    maxAudioBitrate: Number(settings.maxAudioBitrate),\n\n    // VP8 simulcast enables the media server in a Small Group or Group Room\n    // to adapt your encoded video quality for each RemoteParticipant based on\n    // their individual bandwidth constraints. Simulcast should be disabled if\n    // you are using Peer-to-Peer or 'Go' Rooms.\n    preferredVideoCodecs: [{ codec: 'VP8', simulcast: roomType !== 'peer-to-peer' && roomType !== 'go' }],\n\n    //@ts-ignore - Internal use only. This property is not exposed in type definitions.\n    environment: process.env.REACT_APP_TWILIO_ENVIRONMENT,\n  };\n\n  // For mobile browsers, limit the maximum incoming video bitrate to 2.5 Mbps.\n  if (isMobile && connectionOptions?.bandwidthProfile?.video) {\n    connectionOptions!.bandwidthProfile!.video!.maxSubscriptionBitrate = 2500000;\n  }\n\n  if (process.env.REACT_APP_TWILIO_ENVIRONMENT === 'dev') {\n    //@ts-ignore - Internal use only. This property is not exposed in type definitions.\n    connectionOptions!.wsServer = 'wss://us2.vss.dev.twilio.com/signaling';\n  }\n\n  // Here we remove any 'undefined' values. The twilio-video SDK will only use defaults\n  // when no value is passed for an option. It will throw an error when 'undefined' is passed.\n  return removeUndefineds(connectionOptions);\n}\n","import React from 'react';\nimport Video from 'twilio-video';\nimport { Container, Link, Typography, Paper, Grid } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles({\n  container: {\n    marginTop: '2.5em',\n  },\n  paper: {\n    padding: '1em',\n  },\n  heading: {\n    marginBottom: '0.4em',\n  },\n});\n\nexport default function UnsupportedBrowserWarning({ children }: { children: React.ReactElement }) {\n  const classes = useStyles();\n\n  if (!Video.isSupported) {\n    return (\n      <Container>\n        <Grid container justifyContent=\"center\" className={classes.container}>\n          <Grid item xs={12} sm={6}>\n            <Paper className={classes.paper}>\n              <Typography variant=\"h4\" className={classes.heading}>\n                Browser or context not supported\n              </Typography>\n              <Typography>\n                Please open this application in one of the{' '}\n                <Link\n                  href=\"https://www.twilio.com/docs/video/javascript#supported-browsers\"\n                  target=\"_blank\"\n                  rel=\"noopener\"\n                >\n                  supported browsers\n                </Link>\n                .\n                <br />\n                If you are using a supported browser, please ensure that this app is served over a{' '}\n                <Link\n                  href=\"https://developer.mozilla.org/en-US/docs/Web/Security/Secure_Contexts\"\n                  target=\"_blank\"\n                  rel=\"noopener\"\n                >\n                  secure context\n                </Link>{' '}\n                (e.g. https or localhost).\n              </Typography>\n            </Paper>\n          </Grid>\n        </Grid>\n      </Container>\n    );\n  }\n\n  return children;\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { CssBaseline } from '@material-ui/core';\nimport { MuiThemeProvider } from '@material-ui/core/styles';\n\nimport App from './App';\nimport AppStateProvider, { useAppState } from './state';\nimport { BrowserRouter as Router, Redirect, Route, Switch } from 'react-router-dom';\nimport ErrorDialog from './components/ErrorDialog/ErrorDialog';\nimport LoginPage from './components/LoginPage/LoginPage';\nimport PrivateRoute from './components/PrivateRoute/PrivateRoute';\nimport theme from './theme';\nimport './types';\nimport { ChatProvider } from './components/ChatProvider';\nimport { VideoProvider } from './components/VideoProvider';\nimport useConnectionOptions from './utils/useConnectionOptions/useConnectionOptions';\nimport UnsupportedBrowserWarning from './components/UnsupportedBrowserWarning/UnsupportedBrowserWarning';\nimport { VIDEOBASEURL } from './constants';\nimport './browser.css';\nimport * as Sentry from '@sentry/react';\nimport { BrowserTracing } from '@sentry/tracing';\n// import { CaptureConsole } from \"@sentry/integrations\";\n\nSentry.init({\n  dsn: 'https://a70385df885a4deab5e81118a6181777@o1198618.ingest.sentry.io/6321144',\n  integrations: [\n    new BrowserTracing(),\n    // new CaptureConsole({ levels: ['error',]})\n  ],\n  tracesSampleRate: 1.0,\n  attachStacktrace: true,\n});\n\nconst VideoApp = () => {\n  const { error, setError } = useAppState();\n  const connectionOptions = useConnectionOptions();\n\n  return (\n    <VideoProvider options={connectionOptions} onError={setError}>\n      <ErrorDialog dismissError={() => setError(null)} error={error} />\n      <ChatProvider>\n        <App />\n      </ChatProvider>\n    </VideoProvider>\n  );\n};\n\nReactDOM.render(\n  <MuiThemeProvider theme={theme}>\n    <CssBaseline />\n    <UnsupportedBrowserWarning>\n      <Router basename={VIDEOBASEURL}>\n        <AppStateProvider>\n          <Switch>\n            <PrivateRoute exact path=\"/\">\n              <VideoApp />\n            </PrivateRoute>\n            <PrivateRoute path=\"/room/:URLRoomName\">\n              <VideoApp />\n            </PrivateRoute>\n            <Route path=\"/login\">\n              <LoginPage />\n            </Route>\n            <Redirect to=\"/\" />\n          </Switch>\n        </AppStateProvider>\n      </Router>\n    </UnsupportedBrowserWarning>\n  </MuiThemeProvider>,\n  document.getElementById('root')\n);\n"],"sourceRoot":""}