{"version":3,"sources":["twilio/utils/index.ts","twilio/state/settings/settingsReducer.ts","constants.ts","hooks/useIsMounted.ts","twilio/hooks/deviceHooks/deviceHooks.tsx","twilio/state/index.tsx","twilio/state/useActiveSinkId/useActiveSinkId.ts","twilio/components/VideoProvider/useSelectedParticipant/useSelectedParticipant.tsx","twilio/hooks/useVideoContext/useVideoContext.ts","twilio/hooks/useIsTrackEnabled/useIsTrackEnabled.tsx","services/HttpService.ts","services/LoggerService.ts","services/BrowsersSupportedService.ts","twilio/components/VideoProvider/AttachVisibilityHandler/AttachVisibilityHandler.tsx","twilio/hooks/useLocalVideoToggle/useLocalVideoToggle.tsx","twilio/components/VideoProvider/useRoom/useRoom.tsx","twilio/components/VideoProvider/index.tsx","twilio/components/VideoProvider/useLocalTracks/useLocalTracks.ts","twilio/components/VideoProvider/useHandleRoomDisconnectionErrors/useHandleRoomDisconnectionErrors.ts","twilio/components/VideoProvider/useHandleTrackPublicationFailed/useHandleTrackPublicationFailed.ts","twilio/components/VideoProvider/useHandleOnDisconnect/useHandleOnDisconnect.ts","twilio/components/VideoProvider/useScreenShareToggle/useScreenShareToggle.tsx","twilio/theme.ts","components/HashiAsyncButton.tsx","assets/strings.ts","components/HashiContentContainers.tsx","components/HashiTextInput.tsx","ViewModels/AppViewModelArea/useAppViewModel.ts","Provider/RoomProvider.ts","components/HashiSpinner.tsx","components/HashiCleanButton.tsx","components/HashiBorderButton.tsx","views/WelcomeView.tsx","twilio/icons/AvatarIcon.tsx","twilio/hooks/useMediaStreamTrack/useMediaStreamTrack.ts","twilio/components/VideoTrack/VideoTrack.tsx","twilio/components/PreJoinScreens/DeviceSelectionScreen/LocalVideoPreview/LocalVideoPreview.tsx","twilio/components/AudioLevelIndicator/AudioLevelIndicator.tsx","twilio/components/LocalAudioLevelIndicator/LocalAudioLevelIndicator.tsx","components/HashiIconButton.tsx","twilio/components/DeviceSelectionDialog/AudioInputList/AudioInputList.tsx","twilio/components/DeviceSelectionDialog/AudioOutputList/AudioOutputList.tsx","twilio/components/DeviceSelectionDialog/VideoInputList/VideoInputList.tsx","components/RoomSettingsModal.tsx","views/TeethCheckView/components/SettingsMenuButton.tsx","hooks/useToggleTracksEnabled.ts","components/HashiIconToggleButton.tsx","components/HashiControlFab.tsx","components/ToggleVideoButton.tsx","components/ToggleAudioButton.tsx","views/TeethCheckView/components/TeethCheckToolBar.tsx","hooks/usePauseTracks.ts","views/TeethCheckView/TeethCheckView.tsx","assets/animations.ts","views/QuickWelcomeView.tsx","views/SessionEndedViews/Components/SessionEndedIcon.tsx","views/SessionEndedViews/SessionEndedView.tsx","hooks/useHashiRouting.ts","views/SessionEndedViews/LostConnectionView.tsx","NavigationControllers/useSessionEndedNavigation.tsx","views/SessionEndedViews/LeaveSessionView.tsx","NavigationControllers/SessionEndedNavigationController.tsx","views/RoomLoadingView.tsx","views/RoomView/components/EndCallButton.tsx","views/RoomView/components/FlipCameraButton/FlipCameraButton.tsx","twilio/hooks/useRoomState/useRoomState.tsx","views/RoomView/components/SettingsGear.tsx","views/RoomView/components/Controls.tsx","twilio/icons/ErrorIcon.tsx","twilio/icons/WarningIcon.tsx","twilio/components/Snackbar/Snackbar.tsx","twilio/components/ReconnectingNotification/ReconnectingNotification.tsx","twilio/components/ParticipantInfo/PinIcon/PinIcon.tsx","twilio/icons/ScreenShareIcon.tsx","twilio/hooks/useIsTrackSwitchedOff/useIsTrackSwitchedOff.tsx","twilio/hooks/usePublications/usePublications.tsx","twilio/hooks/useTrack/useTrack.tsx","twilio/hooks/useParticipantIsReconnecting/useParticipantIsReconnecting.ts","twilio/components/ParticipantInfo/ParticipantInfo.tsx","twilio/components/AudioTrack/AudioTrack.tsx","twilio/components/Publication/Publication.tsx","twilio/components/ParticipantTracks/ParticipantTracks.tsx","twilio/components/Participant/Participant.tsx","twilio/hooks/useDominantSpeaker/useDominantSpeaker.tsx","twilio/hooks/useParticipants/useParticipants.tsx","twilio/components/ParticipantList/ParticipantList.tsx","twilio/hooks/useVideoTrackDimensions/useVideoTrackDimensions.tsx","twilio/hooks/useScreenShareParticipant/useScreenShareParticipant.tsx","twilio/components/MainParticipantInfo/MainParticipantInfo.tsx","twilio/hooks/useMainParticipant/useMainParticipant.tsx","twilio/components/MainParticipant/MainParticipant.tsx","twilio/components/Room/Room.tsx","views/RoomView/RoomView.tsx","Playlist/models/AdEventType.ts","Playlist/providers/RouteProvider.ts","Playlist/providers/AdInterestsProvider.ts","Playlist/providers/AdEventProvider.ts","Playlist/components/CenterContentContainer.tsx","Playlist/components/PlaylistLoader.tsx","Playlist/components/VideoPlayer.tsx","Playlist/models/Ad.ts","Playlist/models/VideoAd.ts","Playlist/models/AdType.ts","Playlist/models/Playlist.ts","Playlist/ViewModels/PlaylistViewModelArea/useMakePlaylistViewModelValue.ts","Playlist/factories/PlaylistFactory.ts","Playlist/providers/PlaylistProvider.ts","Playlist/ViewModels/PlaylistViewModelArea/index.tsx","Playlist/ViewModels/PlaylistViewModelArea/usePlaylistViewModel.ts","Playlist/components/ImagePlayer.tsx","NavigationControllers/RoomNavigationController.tsx","Playlist/models/ImageAd.ts","Playlist/components/PlaylistControls.tsx","Playlist/components/PlaylistError.tsx","components/HashiOpacityVisabilityView.tsx","Playlist/components/PlaylistPlayer.tsx","Playlist/PlaylistModule.tsx","views/WaitingRoomView.tsx","assets/marimba_drop.wav","views/JoiningRoomView.tsx","NavigationControllers/RootNavigationController.tsx","NavigationControllers/useRootNavigation.tsx","ViewModels/AppViewModelArea/index.tsx","ViewModels/AppViewModelArea/useMakeAppViewModelValue.ts","hooks/useQuery.ts","components/HashiBrowserNotSupportedBanner.tsx","twilio/state/settings/renderDimensions.ts","twilio/utils/useConnectionOptions/useConnectionOptions.ts","App.tsx","reportWebVitals.ts","index.tsx"],"names":["isMobile","navigator","userAgent","test","removeUndefineds","obj","isPlainObject","target","key","val","initialSettings","trackSwitchOffMode","undefined","dominantSpeakerPriority","bandwidthProfileMode","maxTracks","maxAudioBitrate","renderDimensionLow","renderDimensionStandard","renderDimensionHigh","setting","settingsReducer","state","action","name","value","DEFAULT_VIDEO_CONSTRAINTS","width","height","frameRate","SELECTED_AUDIO_INPUT_KEY","SELECTED_AUDIO_OUTPUT_KEY","SELECTED_VIDEO_INPUT_KEY","useIsMounted","isMountedRef","useRef","useEffect","current","useDevices","useState","devices","setDevices","isMounted","getDevices","mediaDevices","enumerateDevices","then","addEventListener","removeEventListener","useAudioInputDevices","filter","device","kind","useVideoInputDevices","useAudioOutputDevices","StateContext","createContext","AppStateProvider","props","error","setError","audioOutputDevices","activeSinkId","_setActiveSinkId","setActiveSinkId","useCallback","sinkId","window","localStorage","setItem","selectedSinkId","getItem","some","deviceId","useActiveSinkId","useReducer","contextValue","settings","dispatchSetting","Provider","children","useAppState","context","useContext","Error","selectedParticipantContext","useSelectedParticipant","SelectedParticipantProvider","room","selectedParticipant","_setSelectedParticipant","onDisconnect","handleParticipantDisconnected","participant","prevParticipant","on","off","useVideoContext","VideoContext","useIsTrackEnabled","track","isEnabled","setIsEnabled","setEnabled","setDisabled","httpRequestMethods","httpService","url","accessToken","headers","request","this","getRequestObject","GET","fetchAsync","data","metadata","POST","PATCH","PUT","DELETE","uri","fetch","toString","response","ok","HttpError","text","JSON","parse","httpRequestMethod","authToken","body","method","Accept","stringify","statusType","status","json","logger","console","log","message","browsersSupportedService","browser","unsupportedBrowsers","Chrome","Firefox","IE","Edge","Opera","Safari","detectLoadBrowser","isIE","isEdge","isAndroid","isBlackBerry","isWindowsMobile","isIOS","hasOwnProperty","version","match","exec","replace","appName","appVersion","splice","AttachVisibilityHandler","localParticipant","localTracks","getLocalVideoTrack","removeLocalVideoTrack","onError","videoTrack","find","includes","isPublishing","setIspublishing","previousDeviceIdRef","a","mediaStreamTrack","getSettings","localTrackPublication","unpublishTrack","emit","exact","publishTrack","priority","logError","useLocalVideoToggle","isVideoEnabled","toggleVideoEnabled","shouldRepublishVideoOnForeground","handleVisibilityChange","document","visibilityState","TwilioVideo","Video","VideoProvider","options","onErrorCallback","audioTrack","setAudioTrack","setVideoTrack","isAcquiringLocalTracks","setIsAcquiringLocalTracks","localAudioDevices","localVideoDevices","hasAudio","length","hasVideo","getLocalAudioTrack","createLocalAudioTrack","newTrack","newOptions","Date","now","createLocalVideoTrack","stop","removeLocalAudioTrack","getAudioAndVideoTracks","Promise","resolve","selectedAudioDeviceId","selectedVideoDeviceId","hasSelectedAudioDevice","hasSelectedVideoDevice","localTrackConstraints","video","audio","createLocalTracks","tracks","finally","useLocalTracks","EventEmitter","setRoom","isConnecting","setIsConnecting","optionsRef","connect","token","preferredVideoCodecs","codec","simulcast","x","newRoom","disconnect","setMaxListeners","once","setTimeout","twilioRoom","videoTracks","forEach","publication","setPriority","useRoom","onDisconnected","useHandleRoomDisconnectionErrors","useHandleTrackPublicationFailed","useHandleOnDisconnect","isSharing","setIsSharing","stopScreenShareRef","shareScreen","getDisplayMedia","stream","getTracks","trackPublication","onended","catch","toggleScreenShare","useScreenShareToggle","isSharingScreen","isLocalAudioPausedRef","isLocalVideoPausedRef","defaultTheme","createMuiTheme","overrides","MuiCssBaseline","MuiButton","root","borderRadius","textTransform","color","fontSize","transition","transitions","create","duration","short","padding","contained","boxShadow","outlinedPrimary","border","startIcon","marginRight","MuiTypography","body1","MuiInputBase","MuiSelect","MuiDialogActions","MuiTextField","MuiInputLabel","marginBottom","fontWeight","MuiOutlinedInput","notchedOutline","borderColor","typography","fontFamily","palette","primary","main","brand","footerHeight","mobileFooterHeight","sidebarWidth","sidebarMobileHeight","sidebarMobilePadding","participantBorderWidth","mobileTopBarHeight","buttonHeight","buttonWidth","spinnerSize","ProductStrings","Strings","stringsJson","HashiFlexRowContainer","styled","div","HashiFlexAbsoluteCenterContainer","HashiTextInput","input","setValue","InputContainer","InputLabel","onClick","focus","label","TransparentInput","ref","onChange","event","useAppViewModel","AppViewModelContext","localStorageKey","roomProvider","roomCode","postAsync","appViewModel","RoomCodeRequired","getRoomTokenFromParticipantCode","roomDetails","setRoomCode","UnableToFindRoom","setCompanyName","CompanyName","setCustomerFirstName","CustomerFirstName","setCustomerLastName","CustomerLastName","setJwt","Jwt","setIsRecordingEnabled","IsRecordingEnabled","defaultProps","size","colors","PrimaryTitleText","HashiSpinner","styles","className","style","icon","faSpinner","HashiCleanButton","showButton","visible","ButtonWrapper","disabled","onPress","Button","HashiBorderButton","ContainerStyle","display","BorderButtonContainer","BorderButton","HashiFilledBorderButton","background","PrimaryTextButtonBackground","HashiAsyncButton","isLoading","setIsLoading","loadDataAsync","Container","element","clientHeight","clientWidth","LoadingContainer","WelcomeView","goToQuickWelcome","useRootNavigation","goToNext","alert","formattedCode","replaceAll","loadRoomDetailsAsync","logMessage","UnknownErrorOccured","FoundSessionButErrorOccured","LoginContainer","WelcomeText","ProductTitleText","ProductTitle","SessionInputLabel","paddingTop","JoinButtonLabel","AvatarIcon","xmlns","viewBox","fill","fillRule","cx","cy","r","strokeLinejoin","d","useMediaStreamTrack","setMediaStreamTrack","handleStarted","VideoTrack","isLocal","el","muted","attach","detach","isFrontFacing","facingMode","transform","objectFit","useStyles","makeStyles","theme","container","position","minHeight","overflow","avatarContainer","alignItems","justifyContent","top","right","bottom","left","zIndex","breakpoints","down","LocalVideoPreview","identity","classes","audioContext","clipId","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","i","volume","Math","min","max","log10","setAttribute","String","clipPathId","data-test-audio-indicator","id","y","clipPath","rx","ry","strokeWidth","data-test-audio-mute-icon","React","memo","LocalAudioLevelIndicator","HashiIconButton","iconSize","iconColor","iconStyles","iconPadding","pulseAnimationStyle","animation","animationIterationCount","pulseIterations","isPulseEnabled","Object","assign","AudioInputList","audioInputDevices","localAudioTrack","localAudioInputDeviceId","Typography","variant","gutterBottom","Grid","justify","FormControl","fullWidth","Select","e","newDeviceId","restart","map","MenuItem","AudioOutputList","activeOutputLabel","preview","maxHeight","margin","VideoInputList","videoInputDevices","localVideoTrack","localVideoInputDeviceId","flex","minWidth","headline","RoomSettingsModal","Dialog","open","onClose","DialogTitle","AudioVideoSettings","Divider","DialogContent","DropdownContainer","Audio","DialogActions","Done","SettingsMenu","useMediaQuery","deviceSettingsOpen","setDeviceSettingsOpen","faCog","useToggleTracksEnabled","isAudioEnabled","previousVideoDeviceIdRef","lastRunAudioTimeRef","lastRunVideoTimeRef","disableAllTracksAsync","disableAudioAsync","disableVideoAsync","enableAllTracksAsync","enableAudioAsync","enableVideoAsync","disable","ex","enable","HashiIconToggleButton","selected","isSelected","setIsSelected","selectedIcon","selectedIconColor","toggleOnTap","unSelectOnPress","selectedOnPress","HashiControlFabStyle","Wrapper","HashiControlFab","Fab","isDisabled","ToggleVideoButton","hasVideoDevices","lastClickTimeRef","toggleVideo","VideoIconButton","iconProps","faVideo","faVideoSlash","isFab","ToggleAudioButton","AudioIconButton","faMicrophone","faMicrophoneSlash","data-cy-audio-toggle","TeethCheckToolBar","ToggleCameraButton","faRepeatAlt","isButtonsDisabled","selectedDeviceId","deviceIndex","findIndex","newIndex","newDevice","ToolBarContainer","ToolBarIconContainer","IconContainer","PrimaryVideoOverlay","usePauseTracks","tracksEnabledService","playTracksAsync","pauseTracksAsync","TeethCheckView","jwt","audioPlayerRef","isRecordingEnabled","goToRoom","goToWelcome","disableButtons","DeviceErrorOccured","onContinue","play","TeethCheckViewContainer","ContentConatainer","VideoContainer","TopBarContainer","AudioLevelContainer","BelowVideoContainer","ByUsingThisServiceText","ByUsingThisService","ButtonContainerStyle","Start","FrontFacingCameraText","UseFrontCamera","HowDoYouLookTitle","HowDoYouLookText","HowDoYouLook","SecondaryText","animations","bounceInFromLeft","keyframes","slideInFromLeft","slideOutToLeft","bounceInFromRight","fadeIn","slideInBottom","slideOutBottom","QuickWelcomeView","appModel","goToDeviceSetup","WelcomeContainer","CenterEverything","WelcomeSideBySideWrap","WelcomeTextContainer","HelloText","Hello","NameText","customerFirstName","customerLastName","CompanyText","companyName","PrimaryBackground","SessionEndedIcon","iconStyle","SessionEndedView","clear","SessionEndedContainer","faCommentAltSmile","SessionEndedText","strings","YourSessionHasEnded","ThankYouText","ThanksForJoining","ReLiveConsultText","ReliveYourConsultation","SignInButtonContainer","SignIn","DividerBorderColor","useHashiRouting","routes","history","useHistory","location","useLocation","getRoute","component","path","route","pathname","LostConnectionView","faCommentAltDots","LostConnectionText","LostConnection","SessionEnded","useSessionEndedNavigation","showComponent","SessionEndedRoutes","goToSessionEndedView","goToLostConnectionView","goToLeaveSessionView","LeaveSessionView","rootNavigation","sessionEndedNavigation","faCommentAltExclamation","AreYouSureText","LeaveSessionText","ButtonContainer","ButtonContainerStyles","NoDontLeaveText","YesLeaveButtonText","marginTop","SessionEndedBaseRoute","SessionEndedNavigationController","RoomLoadingView","navigation","timeoutRef","clearTimeout","LoadingText","Loading","LookingForRoomText","TryingToFindRoomText","EndCallButton","goToSessionEnded","confirmDisconnectClick","data-cy-disconnect","faTimes","FlipCameraButton","supportsFacingMode","setSupportsFacingMode","videoDeviceList","toggleFacingMode","newFacingMode","faRepeat","useRoomState","setState","setRoomState","Menu","settingsOpen","setSettingsOpen","Controls","isReconnecting","ControlsContainer","isVisible","ControlBackground","ControlLayout","ShowHideSettings","controlsToBottomHeight","showSettingsSize","VideoControlsOverlay","ErrorIcon","stroke","WarningIcon","contentContainer","iconContainer","borderLeft","warning","Snackbar","handleClose","anchorOrigin","vertical","horizontal","_","reason","clsx","IconButton","aria-label","ReconnectingNotification","roomState","PinIcon","Tooltip","title","placement","SvgIcon","float","boxSizing","ScreenShareIcon","useIsTrackSwitchedOff","isSwitchedOff","setIsSwitchedOff","handleSwitchedOff","handleSwitchedOn","usePublications","publications","setPublications","Array","from","publicationAdded","prevPublications","publicationRemoved","p","useTrack","setTrack","removeTrack","useParticipantIsReconnecting","setIsReconnecting","handleReconnecting","handleReconnected","createStyles","innerContainer","infoContainer","flexDirection","reconnectingContainer","screenShareIconContainer","borderBottomRightRadius","borderTopLeftRadius","infoRowBottom","networkQualityContainer","typeography","hideParticipant","cursorPointer","cursor","ParticipantInfo","isLocalParticipant","audioPublication","videoPublication","trackName","Boolean","isScreenShareEnabled","isVideoSwitchedOff","isParticipantReconnecting","data-cy-participant","AudioTrack","audioEl","appendChild","remove","setSinkId","Publication","videoOnly","videoPriority","ParticipantTracks","filteredPublications","enableScreenShare","trackSid","Participant","useDominantSpeaker","dominantSpeaker","setDominantSpeaker","handleDominantSpeakerChanged","newDominantSpeaker","prevDominantSpeaker","useParticipants","participants","setParticipants","prevParticipants","participantConnected","participantDisconnected","ParticipantList","setSelectedParticipant","ParticipantsContainer","sid","LocalParticipant","dimensions","setDimensions","handleDimensionsChanged","useVideoTrackDimensions","isPortrait","LocalParticipantContainer","useScreenShareParticipant","screenShareParticipant","setScreenShareParticipant","updateScreenShareParticipant","concat","marginLeft","MainParticipantInfo","MainParticipantContainer","data-cy-main-participant","useMainParticipant","MainParticipant","mainParticipant","Room","RoomContainer","showControlsTimeout","RoomView","showControls","setShowControls","ShowControls","MainContainer","AdEventType","apiHost","routeProvider","getPlaylistRoute","adEventsRoute","adId","createAdInterestRoute","ad","deletePatientAdInterestRoute","adInterestId","adInterestsProvider","deleteAsync","interest","AdInterestId","Id","adEventProvider","postPlayForTwoSecondsAsync","postAdEventAsync","TwoSecondView","postCompletedAsync","FullView","postFailedAsync","FailedToPlay","type","getAdEventDto","adEventType","AdId","EventType","EventDate","dtoOut","CenterContentContainer","PlaylistLoader","LoaderContainer","VideoPlayer","isTwoSecondPlayLogged","usePlaylistViewModel","setIsPaused","isPaused","onAdEnd","on2SecondPlay","activeAd","videoPlayerRef","PlaylistVideo","src","publicUrl","onPlay","onPause","onEnded","VideoAd","onProgress","autoPlay","controls","playsInline","Ad","ThumbnailPublicUrl","uniqueId","hasBeenViewed","isFavorite","Component","minimumDuration","AdType","createElement","Playlist","ads","adInterestsEnabled","lastActiveAd","playlistFactory","dto","playlist","AdInterestsEnabled","Promos","fromAdDto","PublicUri","Type","Image","ImageLandscape","ImagePortrait","ImageAd","Name","Duration","ThumbnailPublicUri","UniqueId","playlistProvider","getAsync","playlistDto","factory","fromPlaylistDto","playlistAds","lastAdIndex","PlaylistContext","PlaylistViewModelArea","playlistViewModelValue","onDisablePlaylist","playlistAdsRef","activeAdIndex","setActiveAdIndex","setActiveAd","isAudioMuted","setIsAudioMuted","setIsFavorite","setAdInterestsEnabled","isFullScreen","setIsFullScreen","hasAds","setNewActiveAd","index","startPlaylistAsync","getMorePlaylistAds","advancePlayhead","toggleAdFavoriteAsync","SaveAdFavoriteAsync","DeleteAdFavoriteAsync","saveAdInterestAsync","interestId","deleteAdInterestAsync","openFullScreen","closeFullScreen","getNewPlaylist","refreshPlaylist","toggleFullScreen","useMakePlaylistViewModelValue","modelValue","twoSecondTimerRef","completedTimerRef","disconnectedTimeout","joiningTimeout","eventDebounceTimeout","ImagePlayer","adDuration","wireUpDoneEvent","PlaylistImage","alt","onLoad","img","iconSizePixels","PlaylistControls","PausePlayButton","togglePaused","pause","faPlay","faPause","MuteButton","toggleMute","MuteContainer","faVolumeSlash","faVolumeUp","FavoriteButton","isFavoriteDisabled","setIsFavoriteDisabled","toggleFavoriteAsync","HeartContainer","FavoriteHeartContainer","solidHeart","faHeart","fullScreenStyles","faExpand","maxWidth","backgroundColor","PlaylistError","FillHorizontal","Text","HashiOpacityVisibilityView","PlaylistPlayer","PlayerContainer","FullScreenStyles","PlaylistContainer","PlaylistViewer","FullScreenViewerStyles","PlaylistModule","WaitingRoomView","hasPlaylist","setHasPlaylist","WaitingRoomContainer","ContentContainer","TextContainer","LineBreak","ReadyText","GettingReadyText","GettingThingsReady","WaitText","PleaseWaitText","PleaseWait","HowText","HowToFavoriteText","HowToHeart","JoiningRoomView","progressValue","setProgressValue","progressIntervalRef","audioFile","waitTime","JoiningText","BorderLinearProgress","progressStyle","withStyles","colorPrimary","grey","bar","LinearProgress","RoomNavigationController","previousIsInWaitingRoomState","RoomNavigation","isInWaitingRoom","setIsInWaitingRoom","isJoiningRoom","setIsJoiningRoom","publishedTracks","dataTrack","isSubscribed","dataTrackEventAsync","subscribedEventAsync","goToWaitingRoom","setInWaitingRoom","RootNavigationController","AppViewModelArea","appViewModelValue","useMakeAppViewModelValue","URLSearchParams","search","get","useQuery","GetLocalStorageRoom","loadRoom","HashiBrowserNotSupportedBanner","BannerContainer","faExclamationTriangle","BannerText","BrowserUnsupported","RenderDimensions","resolution","getResolution","item","useConnectionOptions","roomType","connectionOptions","bandwidthProfile","mode","renderDimensions","low","standard","high","Number","networkQuality","local","remote","maxSubscriptionBitrate","VideoProviderArea","browserNotSupported","setBrowserNotSupported","isSupported","Background","App","basename","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","getElementById"],"mappings":"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","file":"static/js/main.89471dd4.chunk.js","sourcesContent":["import isPlainObject from 'is-plain-object';\r\n\r\nexport const isMobile = (() => {\r\n  if (typeof navigator === 'undefined' || typeof navigator.userAgent !== 'string') {\r\n    return false;\r\n  }\r\n  return /Mobile/.test(navigator.userAgent);\r\n})();\r\n\r\n// Recursively removes any object keys with a value of undefined\r\nexport function removeUndefineds<T>(obj: T): T {\r\n  if (!isPlainObject(obj)) return obj;\r\n\r\n  const target: { [name: string]: any } = {};\r\n\r\n  for (const key in obj) {\r\n    const val = obj[key];\r\n    if (typeof val !== 'undefined') {\r\n      target[key] = removeUndefineds(val);\r\n    }\r\n  }\r\n\r\n  return target as T;\r\n}\r\n","import { isMobile } from '../../utils';\r\nimport { RenderDimensionValue } from './renderDimensions';\r\nimport { Track, VideoBandwidthProfileOptions } from 'twilio-video';\r\n\r\nexport interface Settings {\r\n  trackSwitchOffMode: VideoBandwidthProfileOptions['trackSwitchOffMode'];\r\n  dominantSpeakerPriority?: Track.Priority;\r\n  bandwidthProfileMode: VideoBandwidthProfileOptions['mode'];\r\n  maxTracks: string;\r\n  maxAudioBitrate: string;\r\n  renderDimensionLow?: RenderDimensionValue;\r\n  renderDimensionStandard?: RenderDimensionValue;\r\n  renderDimensionHigh?: RenderDimensionValue;\r\n}\r\n\r\ntype SettingsKeys = keyof Settings;\r\n\r\nexport interface SettingsAction {\r\n  name: SettingsKeys;\r\n  value: string;\r\n}\r\n\r\nexport const initialSettings: Settings = {\r\n  trackSwitchOffMode: undefined,\r\n  dominantSpeakerPriority: 'standard',\r\n  bandwidthProfileMode: 'collaboration',\r\n  maxTracks: isMobile ? '5' : '10',\r\n  maxAudioBitrate: '16000',\r\n  renderDimensionLow: 'low',\r\n  renderDimensionStandard: '960p',\r\n  renderDimensionHigh: 'wide1080p',\r\n};\r\n\r\n// This inputLabels object is used by ConnectionOptions.tsx. It is used to populate the id, name, and label props\r\n// of the various input elements. Using a typed object like this (instead of strings) eliminates the possibility\r\n// of there being a typo.\r\nexport const inputLabels = (() => {\r\n  const target: any = {};\r\n  for (const setting in initialSettings) {\r\n    target[setting] = setting as SettingsKeys;\r\n  }\r\n  return target as { [key in SettingsKeys]: string };\r\n})();\r\n\r\nexport function settingsReducer(state: Settings, action: SettingsAction) {\r\n  return {\r\n    ...state,\r\n    [action.name]: action.value === 'default' ? undefined : action.value,\r\n  };\r\n}\r\n","export const DEFAULT_VIDEO_CONSTRAINTS: MediaStreamConstraints['video'] = {\r\n  width: 1280,\r\n  height: 720,\r\n  frameRate: 24,\r\n};\r\n\r\n// These are used to store the selected media devices in localStorage\r\nexport const SELECTED_AUDIO_INPUT_KEY = 'TwilioVideoApp-selectedAudioInput';\r\nexport const SELECTED_AUDIO_OUTPUT_KEY = 'TwilioVideoApp-selectedAudioOutput';\r\nexport const SELECTED_VIDEO_INPUT_KEY = 'TwilioVideoApp-selectedVideoInput';\r\n","import { useEffect, useRef } from 'react';\r\n\r\nexport const useIsMounted = () => {\r\n    const isMountedRef = useRef(false);\r\n    useEffect(() => {\r\n        isMountedRef.current = true;\r\n\r\n        return () => {\r\n            isMountedRef.current = false;\r\n        };\r\n    }, []);\r\n\r\n    return isMountedRef;\r\n};\r\n","import { useState, useEffect } from 'react';\r\nimport { useIsMounted } from '../../../hooks/useIsMounted';\r\n\r\nexport function useDevices() {\r\n    const [devices, setDevices] = useState<MediaDeviceInfo[]>([]);\r\n    const isMounted = useIsMounted();\r\n\r\n    useEffect(() => {\r\n        const getDevices = () =>\r\n            navigator.mediaDevices?.enumerateDevices().then((devices) => {\r\n                if (isMounted.current) {\r\n                    setDevices(devices);\r\n                }\r\n            });\r\n        navigator.mediaDevices?.addEventListener('devicechange', getDevices);\r\n        getDevices();\r\n\r\n        return () => {\r\n            navigator.mediaDevices?.removeEventListener(\r\n                'devicechange',\r\n                getDevices\r\n            );\r\n        };\r\n        // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, []);\r\n\r\n    return devices;\r\n}\r\n\r\nexport function useAudioInputDevices() {\r\n    const devices = useDevices();\r\n    return devices.filter((device) => device.kind === 'audioinput');\r\n}\r\n\r\nexport function useVideoInputDevices() {\r\n    const devices = useDevices();\r\n    return devices.filter((device) => device.kind === 'videoinput');\r\n}\r\n\r\nexport function useAudioOutputDevices() {\r\n    const devices = useDevices();\r\n    return devices.filter((device) => device.kind === 'audiooutput');\r\n}\r\n\r\nexport function useHasAudioInputDevices() {\r\n    const audioDevices = useAudioInputDevices();\r\n    return audioDevices.length > 0;\r\n}\r\n\r\nexport function useHasVideoInputDevices() {\r\n    const videoDevices = useVideoInputDevices();\r\n    return videoDevices.length > 0;\r\n}\r\n","import React, { createContext, useContext, useReducer, useState } from 'react';\r\nimport { RoomType } from '../types';\r\nimport { TwilioError } from 'twilio-video';\r\nimport {\r\n    settingsReducer,\r\n    initialSettings,\r\n    Settings,\r\n    SettingsAction,\r\n} from './settings/settingsReducer';\r\nimport useActiveSinkId from './useActiveSinkId/useActiveSinkId';\r\n\r\nexport interface StateContextType {\r\n    error: TwilioError | null;\r\n    setError(error: TwilioError | null): void;\r\n    user?: null | {\r\n        displayName: undefined;\r\n        photoURL: undefined;\r\n        passcode?: string;\r\n    };\r\n    signIn?(passcode?: string): Promise<void>;\r\n    signOut?(): Promise<void>;\r\n    isAuthReady?: boolean;\r\n    activeSinkId: string;\r\n    setActiveSinkId(sinkId: string): void;\r\n    settings: Settings;\r\n    dispatchSetting: React.Dispatch<SettingsAction>;\r\n    roomType?: RoomType;\r\n}\r\n\r\nexport const StateContext = createContext<StateContextType>(null!);\r\n\r\nexport default function AppStateProvider(props: React.PropsWithChildren<{}>) {\r\n    const [error, setError] = useState<TwilioError | null>(null);\r\n    const [activeSinkId, setActiveSinkId] = useActiveSinkId();\r\n    const [settings, dispatchSetting] = useReducer(\r\n        settingsReducer,\r\n        initialSettings\r\n    );\r\n\r\n    let contextValue = {\r\n        error,\r\n        setError,\r\n        activeSinkId,\r\n        setActiveSinkId,\r\n        settings,\r\n        dispatchSetting,\r\n    } as StateContextType;\r\n\r\n    return (\r\n        <StateContext.Provider value={contextValue}>\r\n            {props.children}\r\n        </StateContext.Provider>\r\n    );\r\n}\r\n\r\nexport function useAppState() {\r\n    const context = useContext(StateContext);\r\n    if (!context) {\r\n        throw new Error('useAppState must be used within the AppStateProvider');\r\n    }\r\n    return context;\r\n}\r\n","import { useCallback, useEffect, useState } from 'react';\r\nimport { SELECTED_AUDIO_OUTPUT_KEY } from '../../../constants';\r\nimport { useAudioOutputDevices } from '../../hooks/deviceHooks/deviceHooks';\r\n\r\nexport default function useActiveSinkId() {\r\n  const audioOutputDevices = useAudioOutputDevices();\r\n  const [activeSinkId, _setActiveSinkId] = useState('default');\r\n\r\n  const setActiveSinkId = useCallback(\r\n    (sinkId: string) => {\r\n      window.localStorage.setItem(SELECTED_AUDIO_OUTPUT_KEY, sinkId);\r\n      _setActiveSinkId(sinkId);\r\n    },\r\n    [_setActiveSinkId]\r\n  );\r\n\r\n  useEffect(() => {\r\n    const selectedSinkId = window.localStorage.getItem(SELECTED_AUDIO_OUTPUT_KEY);\r\n    const hasSelectedAudioOutputDevice = audioOutputDevices.some(\r\n      device => selectedSinkId && device.deviceId === selectedSinkId\r\n    );\r\n    if (hasSelectedAudioOutputDevice) {\r\n      _setActiveSinkId(selectedSinkId!);\r\n    }\r\n  }, [audioOutputDevices]);\r\n\r\n  return [activeSinkId, setActiveSinkId] as const;\r\n}\r\n","import React, { createContext, useContext, useState, useEffect } from 'react';\r\nimport { Participant, Room } from 'twilio-video';\r\n\r\ntype selectedParticipantContextType = [Participant | null, (participant: Participant) => void];\r\n\r\nexport const selectedParticipantContext = createContext<selectedParticipantContextType>(null!);\r\n\r\nexport default function useSelectedParticipant() {\r\n  const [selectedParticipant, setSelectedParticipant] = useContext(selectedParticipantContext);\r\n  return [selectedParticipant, setSelectedParticipant] as const;\r\n}\r\n\r\ntype SelectedParticipantProviderProps = {\r\n  room: Room;\r\n  children: React.ReactNode;\r\n};\r\n\r\nexport function SelectedParticipantProvider({ room, children }: SelectedParticipantProviderProps) {\r\n  const [selectedParticipant, _setSelectedParticipant] = useState<Participant | null>(null);\r\n  const setSelectedParticipant = (participant: Participant) =>\r\n    _setSelectedParticipant(prevParticipant => (prevParticipant === participant ? null : participant));\r\n\r\n  useEffect(() => {\r\n    const onDisconnect = () => _setSelectedParticipant(null);\r\n    const handleParticipantDisconnected = (participant: Participant) =>\r\n      _setSelectedParticipant(prevParticipant => (prevParticipant === participant ? null : prevParticipant));\r\n\r\n    room.on('disconnected', onDisconnect);\r\n    room.on('participantDisconnected', handleParticipantDisconnected);\r\n    return () => {\r\n      room.off('disconnected', onDisconnect);\r\n      room.off('participantDisconnected', handleParticipantDisconnected);\r\n    };\r\n  }, [room]);\r\n\r\n  return (\r\n    <selectedParticipantContext.Provider value={[selectedParticipant, setSelectedParticipant]}>\r\n      {children}\r\n    </selectedParticipantContext.Provider>\r\n  );\r\n}\r\n","import { useContext } from 'react';\r\nimport { VideoContext } from '../../components/VideoProvider';\r\n\r\nexport default function useVideoContext() {\r\n  const context = useContext(VideoContext);\r\n  if (!context) {\r\n    throw new Error('useVideoContext must be used within a VideoProvider');\r\n  }\r\n  return context;\r\n}\r\n","import { useState, useEffect } from 'react';\r\nimport { LocalAudioTrack, LocalVideoTrack, RemoteAudioTrack, RemoteVideoTrack } from 'twilio-video';\r\n\r\ntype TrackType = LocalAudioTrack | LocalVideoTrack | RemoteAudioTrack | RemoteVideoTrack | undefined;\r\n\r\nexport default function useIsTrackEnabled(track: TrackType) {\r\n  const [isEnabled, setIsEnabled] = useState(track ? track.isEnabled : false);\r\n\r\n  useEffect(() => {\r\n    setIsEnabled(track ? track.isEnabled : false);\r\n\r\n    if (track) {\r\n      const setEnabled = () => setIsEnabled(true);\r\n      const setDisabled = () => setIsEnabled(false);\r\n      track.on('enabled', setEnabled);\r\n      track.on('disabled', setDisabled);\r\n      return () => {\r\n        track.off('enabled', setEnabled);\r\n        track.off('disabled', setDisabled);\r\n      };\r\n    }\r\n  }, [track]);\r\n\r\n  return isEnabled;\r\n}\r\n","enum httpRequestMethods {\r\n    GET = 'GET',\r\n    POST = 'POST',\r\n    PATCH = 'PATCH',\r\n    DELETE = 'DELETE',\r\n    PUT = 'PUT',\r\n}\r\n\r\nclass HttpService {\r\n    public async getAsync<T>(\r\n        url: URL | string,\r\n        accessToken?: string,\r\n        headers?: IHttpHeaders\r\n    ): Promise<T> {\r\n        let request = this.getRequestObject(\r\n            httpRequestMethods.GET,\r\n            accessToken,\r\n            headers\r\n        );\r\n        return await this.fetchAsync(url, request);\r\n    }\r\n\r\n    public async postAsync<T>(\r\n        url: URL | string,\r\n        data?: object,\r\n        accessToken?: string,\r\n        metadata?: object,\r\n        headers?: IHttpHeaders\r\n    ): Promise<T> {\r\n        let request = this.getRequestObject(\r\n            httpRequestMethods.POST,\r\n            accessToken,\r\n            headers,\r\n            data,\r\n            metadata\r\n        );\r\n        return await this.fetchAsync(url, request);\r\n    }\r\n\r\n    public async patchAsync<T>(\r\n        url: URL | string,\r\n        data: object,\r\n        accessToken: string,\r\n        headers?: IHttpHeaders\r\n    ): Promise<T> {\r\n        let request = this.getRequestObject(\r\n            httpRequestMethods.PATCH,\r\n            accessToken,\r\n            headers,\r\n            data\r\n        );\r\n        return await this.fetchAsync(url, request);\r\n    }\r\n\r\n    public async putAsync<T>(\r\n        url: URL | string,\r\n        data: object,\r\n        accessToken: string,\r\n        headers?: IHttpHeaders\r\n    ): Promise<T> {\r\n        let request = this.getRequestObject(\r\n            httpRequestMethods.PUT,\r\n            accessToken,\r\n            headers,\r\n            data\r\n        );\r\n        return await this.fetchAsync(url, request);\r\n    }\r\n\r\n    public async deleteAsync(\r\n        url: URL | string,\r\n        accessToken: string,\r\n        headers?: IHttpHeaders\r\n    ): Promise<void> {\r\n        let request = this.getRequestObject(\r\n            httpRequestMethods.DELETE,\r\n            accessToken,\r\n            headers\r\n        );\r\n        return await this.fetchAsync(url, request);\r\n    }\r\n\r\n    private async fetchAsync<T>(\r\n        uri: URL | string,\r\n        request: RequestInit\r\n    ): Promise<T> {\r\n        let response = await fetch(uri.toString(), request);\r\n\r\n        if (!response.ok) {\r\n            throw new HttpError(response);\r\n        }\r\n\r\n        return response.text().then((text) => {\r\n            return text ? JSON.parse(text) : {};\r\n        });\r\n    }\r\n\r\n    private getRequestObject(\r\n        httpRequestMethod: httpRequestMethods,\r\n        authToken?: string,\r\n        headers?: IHttpHeaders,\r\n        data?: any,\r\n        metadata?: any\r\n    ): RequestInit {\r\n        let request = {} as RequestInit;\r\n        request.method = httpRequestMethod;\r\n\r\n        headers = headers ?? ({} as IHttpHeaders);\r\n\r\n        if (!headers['Content-Type']) {\r\n            headers['Content-Type'] = 'application/json';\r\n        }\r\n\r\n        if (!headers.Accept) {\r\n            headers['Accept'] = 'application/json';\r\n        }\r\n\r\n        if (authToken) {\r\n            headers['Authorization'] = `Bearer ${authToken}`;\r\n        }\r\n\r\n        request.headers = headers as any;\r\n\r\n        let body;\r\n\r\n        if (data) {\r\n            if (metadata) {\r\n                headers['X-Metadata'] = JSON.stringify(metadata);\r\n            }\r\n            if (data['size']) {\r\n                headers['Content-Length'] = data['size'];\r\n                body = data as Blob;\r\n            } else {\r\n                body = JSON.stringify(data);\r\n            }\r\n            request.body = body;\r\n        }\r\n\r\n        return request;\r\n    }\r\n}\r\n\r\nexport const httpService = new HttpService();\r\n\r\nexport type HttpErrorStatus = 'ClientError' | 'ServerError';\r\nexport type HttpStatus =\r\n    | 'Informational'\r\n    | 'Success'\r\n    | 'Redirection'\r\n    | HttpErrorStatus;\r\nexport interface HttpErrorBodyDTOin {\r\n    Message?: string;\r\n    Data?: any;\r\n}\r\nexport class HttpError extends Error {\r\n    public statusType?: HttpErrorStatus;\r\n    constructor(public response: Response) {\r\n        super('Response contained error');\r\n\r\n        const status = response.status;\r\n        if (!status) return;\r\n        if (status >= 400 && status < 500) {\r\n            this.statusType = 'ClientError';\r\n        } else if (status >= 500 && status < 600) {\r\n            this.statusType = 'ServerError';\r\n        }\r\n    }\r\n\r\n    public async bodyAsync(): Promise<HttpErrorBodyDTOin> {\r\n        return this.response.json();\r\n    }\r\n}\r\n\r\ninterface IHttpHeaders {\r\n    'Content-Type':\r\n        | 'application/json'\r\n        | 'application/octet-stream'\r\n        | 'image/jpeg'\r\n        | 'video/mp4';\r\n    Accept:\r\n        | 'application/json'\r\n        | 'application/octet-stream'\r\n        | 'image/jpeg'\r\n        | 'video/mp4';\r\n    Authorization: string;\r\n    'Content-Length': string;\r\n    'X-Metadata': string;\r\n}\r\n","class LoggerService {\r\n\r\n    public logError(error: Error) {\r\n        console.log(error)\r\n    }\r\n\r\n    public logMessage(message: string) {\r\n        console.log(message);\r\n    }\r\n}\r\n\r\nexport const logger = new LoggerService();","class BrowsersSupportedService {\r\n    public browser: BrowserVersion = {} as BrowserVersion;\r\n    public unsupportedBrowsers = {\r\n        Chrome: 55,\r\n        Firefox: 43,\r\n        IE: 11,\r\n        Edge: 79,\r\n        Opera: 43,\r\n        Safari: 10,\r\n    };\r\n    constructor() {\r\n        this.detectLoadBrowser();\r\n    }\r\n\r\n    /**\r\n     * Checks if the current browser is Internet Explorer.\r\n     */\r\n    public get isIE(): boolean {\r\n        return this.browser.name === 'IE';\r\n    }\r\n\r\n    /**\r\n     * Checks if the current browser is Edge.\r\n     */\r\n    public get isEdge(): boolean {\r\n        return this.browser.name === 'Edge';\r\n    }\r\n\r\n    /**\r\n     * Checks if the current browser is from Microsoft (Edge\r\n     * or Internet Explorer).\r\n     */\r\n    public get isMicrosoft(): boolean {\r\n        return this.isIE || this.isEdge;\r\n    }\r\n\r\n    /**\r\n     * Checks if the current browser is Firefox.\r\n     */\r\n    public get isFirefox(): boolean {\r\n        return this.browser.name === 'Firefox';\r\n    }\r\n\r\n    /**\r\n     * Checks if the current browser is Chrome.\r\n     */\r\n    public get isChrome(): boolean {\r\n        return this.browser.name === 'Chrome';\r\n    }\r\n\r\n    /**\r\n     * Checks if the current browser is Safari.\r\n     */\r\n    public get isSafari(): boolean {\r\n        return this.browser.name === 'Safari';\r\n    }\r\n\r\n    /**\r\n     * Checks if the current browser is from an Android device.\r\n     */\r\n    public get isAndroid(): boolean {\r\n        return /Android/i.test(navigator.userAgent);\r\n    }\r\n\r\n    /**\r\n     * Checks if the current browser is from a BlackBerry device.\r\n     */\r\n    public get isBlackBerry(): boolean {\r\n        return /BlackBerry/i.test(navigator.userAgent);\r\n    }\r\n\r\n    /**\r\n     * Checks if the current browser is from a Windows Mobile device.\r\n     */\r\n    public get isWindowsMobile(): boolean {\r\n        return /IEMobile/i.test(navigator.userAgent);\r\n    }\r\n\r\n    /**\r\n     * Checks if the current browser is Mobile Safari.\r\n     */\r\n    public get isIOS(): boolean {\r\n        return /iPhone|iPad|iPod/i.test(navigator.userAgent);\r\n    }\r\n\r\n    /**\r\n     * Checks if the current browser is a mobile browser.\r\n     */\r\n    public get isMobile(): boolean {\r\n        return (\r\n            this.isAndroid ||\r\n            this.isBlackBerry ||\r\n            this.isWindowsMobile ||\r\n            this.isIOS\r\n        );\r\n    }\r\n\r\n    /**\r\n     * Checks if the current browser is supported by\r\n     */\r\n    public isSupported(): boolean {\r\n        if (this.unsupportedBrowsers.hasOwnProperty(this.browser.name)) {\r\n            if (\r\n                +this.browser.version >\r\n                (this.unsupportedBrowsers as any)[this.browser.name]\r\n            ) {\r\n                return true;\r\n            }\r\n        }\r\n\r\n        return false;\r\n    }\r\n\r\n    private detectLoadBrowser(): void {\r\n        this.browser = (function () {\r\n            var userAgent = navigator.userAgent;\r\n            var version;\r\n            var name =\r\n                userAgent.match(\r\n                    /(opera|chrome|safari|firefox|msie|trident(?=\\/))\\/?\\s*(\\d+)/i\r\n                ) || [];\r\n\r\n            if (/trident/i.test(name[1])) {\r\n                version = /\\brv[ :]+(\\d+)/g.exec(userAgent) || [];\r\n                return {\r\n                    name: 'IE',\r\n                    version: version[1] || '',\r\n                } as BrowserVersion;\r\n            }\r\n\r\n            if (name[1] === 'Chrome') {\r\n                version = userAgent.match(/\\b(OPR|Edge)\\/(\\d+)/);\r\n                if (version != null) {\r\n                    return {\r\n                        name: version[1].replace('OPR', 'Opera'),\r\n                        version: version[2],\r\n                    } as BrowserVersion;\r\n                }\r\n            }\r\n\r\n            name = name[2]\r\n                ? [name[1], name[2]]\r\n                : [navigator.appName, navigator.appVersion, '-?'];\r\n\r\n            if ((version = userAgent.match(/version\\/(\\d+)/i)) != null) {\r\n                name.splice(1, 1, version[1]);\r\n            }\r\n\r\n            return { name: name[0], version: name[1] } as BrowserVersion;\r\n        })();\r\n    }\r\n}\r\n\r\nexport const browsersSupportedService = new BrowsersSupportedService();\r\n\r\ninterface BrowserVersion {\r\n    name: string;\r\n    version: string;\r\n}\r\n","import { isMobile } from '../../../utils';\r\nimport { useEffect, useRef } from 'react';\r\nimport useLocalVideoToggle from '../../../hooks/useLocalVideoToggle/useLocalVideoToggle';\r\nimport useVideoContext from '../../../hooks/useVideoContext/useVideoContext';\r\n\r\n/* \r\n  This component adds a visibilitychange handler to the document when\r\n  the user is using a mobile device. When the handler detects that\r\n  the browser has been backgrounded, it unpublishes the users local\r\n  video track. The browser cannot send video to the room when it has\r\n  been backgrounded, so unpublishing the track stops video capture\r\n  on the device, and triggers a UI update for all other participants\r\n  to show that this user's video track has been turned off.\r\n*/\r\n\r\nexport default function AttachVisibilityHandler() {\r\n  const { room } = useVideoContext();\r\n  const [isVideoEnabled, toggleVideoEnabled] = useLocalVideoToggle();\r\n  const shouldRepublishVideoOnForeground = useRef(false);\r\n\r\n  useEffect(() => {\r\n    if (isMobile) {\r\n      const handleVisibilityChange = () => {\r\n        // We don't need to unpublish the local video track if it has already been unpublished\r\n        if (document.visibilityState === 'hidden' && isVideoEnabled) {\r\n          shouldRepublishVideoOnForeground.current = true;\r\n          toggleVideoEnabled();\r\n\r\n          // Don't publish the local video track if it wasn't published before the app was backgrounded\r\n        } else if (shouldRepublishVideoOnForeground.current) {\r\n          shouldRepublishVideoOnForeground.current = false;\r\n          toggleVideoEnabled();\r\n        }\r\n      };\r\n\r\n      document.addEventListener('visibilitychange', handleVisibilityChange);\r\n      return () => {\r\n        document.removeEventListener('visibilitychange', handleVisibilityChange);\r\n      };\r\n    }\r\n  }, [isVideoEnabled, room, toggleVideoEnabled]);\r\n\r\n  return null;\r\n}\r\n","import { LocalVideoTrack } from 'twilio-video';\r\nimport { useCallback, useRef, useState } from 'react';\r\nimport useVideoContext from '../useVideoContext/useVideoContext';\r\nimport useIsTrackEnabled from '../useIsTrackEnabled/useIsTrackEnabled';\r\nimport { logger } from '../../../services';\r\n\r\nexport default function useLocalVideoToggle() {\r\n    const {\r\n        room: { localParticipant },\r\n        localTracks,\r\n        getLocalVideoTrack,\r\n        removeLocalVideoTrack,\r\n        onError,\r\n    } = useVideoContext();\r\n    const videoTrack = localTracks.find((track) =>\r\n        track.name.includes('camera')\r\n    ) as LocalVideoTrack;\r\n    const [isPublishing, setIspublishing] = useState(false);\r\n    const previousDeviceIdRef = useRef<string>();\r\n    const isEnabled = useIsTrackEnabled(videoTrack);\r\n\r\n    const toggleVideoEnabledAsync = useCallback(async () => {\r\n        try {\r\n            if (!isPublishing) {\r\n                if (videoTrack) {\r\n                    previousDeviceIdRef.current = videoTrack.mediaStreamTrack.getSettings().deviceId;\r\n                    const localTrackPublication = localParticipant?.unpublishTrack(\r\n                        videoTrack\r\n                    );\r\n                    // TODO: remove when SDK implements this event. See: https://issues.corp.twilio.com/browse/JSDK-2592\r\n                    localParticipant?.emit(\r\n                        'trackUnpublished',\r\n                        localTrackPublication\r\n                    );\r\n                    removeLocalVideoTrack();\r\n                } else {\r\n                    setIspublishing(true);\r\n                    const track = await getLocalVideoTrack({\r\n                        deviceId: { exact: previousDeviceIdRef.current },\r\n                    });\r\n                    await localParticipant?.publishTrack(track, {\r\n                        priority: 'low',\r\n                    });\r\n                }\r\n            }\r\n        } catch (ex) {\r\n            logger.logError(ex);\r\n            onError(ex);\r\n        } finally {\r\n            setIspublishing(false);\r\n        }\r\n    }, [\r\n        videoTrack,\r\n        localParticipant,\r\n        getLocalVideoTrack,\r\n        isPublishing,\r\n        onError,\r\n        removeLocalVideoTrack,\r\n    ]);\r\n\r\n    return [isEnabled, toggleVideoEnabledAsync] as const;\r\n}\r\n","import { Callback } from '../../../types';\r\nimport EventEmitter from 'events';\r\nimport { isMobile } from '../../../utils';\r\nimport Video, { ConnectOptions, LocalTrack, Room } from 'twilio-video';\r\nimport { useCallback, useEffect, useRef, useState } from 'react';\r\n\r\n// @ts-ignore\r\nwindow.TwilioVideo = Video;\r\n\r\nexport default function useRoom(localTracks: LocalTrack[], onError: Callback, options?: ConnectOptions) {\r\n  const [room, setRoom] = useState<Room>(new EventEmitter() as Room);\r\n  const [isConnecting, setIsConnecting] = useState(false);\r\n  const optionsRef = useRef(options);\r\n\r\n  useEffect(() => {\r\n    // This allows the connect function to always access the most recent version of the options object. This allows us to\r\n    // reliably use the connect function at any time.\r\n    optionsRef.current = options;\r\n  }, [options]);\r\n\r\n  const connect = useCallback(\r\n    async (token) => {\r\n      setIsConnecting(true);\r\n      try {\r\n        let newRoom = await Video.connect(token, {\r\n          ...optionsRef.current,\r\n          //Using VP8 only for a bug with iOS 15.1 audio issues seem to exist with simulcast being set to true.\r\n          preferredVideoCodecs: [{ codec: 'VP8', simulcast: false }],\r\n          tracks: localTracks.filter((x) => x.kind === 'audio'),\r\n        });\r\n        setRoom(newRoom);\r\n        const disconnect = () => newRoom.disconnect();\r\n\r\n        // This app can add up to 13 'participantDisconnected' listeners to the room object, which can trigger\r\n        // a warning from the EventEmitter object. Here we increase the max listeners to suppress the warning.\r\n        newRoom.setMaxListeners(15);\r\n\r\n        newRoom.once('disconnected', () => {\r\n          // Reset the room only after all other `disconnected` listeners have been called.\r\n          setTimeout(() => setRoom(new EventEmitter() as Room));\r\n          window.removeEventListener('beforeunload', disconnect);\r\n\r\n          if (isMobile) {\r\n            window.removeEventListener('pagehide', disconnect);\r\n          }\r\n        });\r\n\r\n        // @ts-ignore\r\n        window.twilioRoom = newRoom;\r\n\r\n        newRoom.localParticipant.videoTracks.forEach((publication) =>\r\n          // All video tracks are published with 'low' priority because the video track\r\n          // that is displayed in the 'MainParticipant' component will have it's priority\r\n          // set to 'high' via track.setPriority()\r\n          publication.setPriority('low')\r\n        );\r\n\r\n        setIsConnecting(false);\r\n\r\n        // Add a listener to disconnect from the room when a user closes their browser\r\n        window.addEventListener('beforeunload', disconnect);\r\n\r\n        if (isMobile) {\r\n          // Add a listener to disconnect from the room when a mobile user closes their browser\r\n          window.addEventListener('pagehide', disconnect);\r\n        }\r\n      } catch (ex) {\r\n        //Turn off is connecting and throw\r\n        setIsConnecting(false);\r\n        onError(ex);\r\n        throw ex;\r\n      }\r\n    },\r\n    [localTracks, onError]\r\n  );\r\n\r\n  return { room, isConnecting, connect };\r\n}\r\n","import React, { createContext, ReactNode, useRef, useState } from 'react';\r\nimport {\r\n    CreateLocalTrackOptions,\r\n    ConnectOptions,\r\n    LocalAudioTrack,\r\n    LocalVideoTrack,\r\n    Room,\r\n    TwilioError,\r\n} from 'twilio-video';\r\nimport { Callback, ErrorCallback } from '../../types';\r\nimport { SelectedParticipantProvider } from './useSelectedParticipant/useSelectedParticipant';\r\n\r\nimport AttachVisibilityHandler from './AttachVisibilityHandler/AttachVisibilityHandler';\r\nimport useHandleRoomDisconnectionErrors from './useHandleRoomDisconnectionErrors/useHandleRoomDisconnectionErrors';\r\nimport useHandleOnDisconnect from './useHandleOnDisconnect/useHandleOnDisconnect';\r\nimport useHandleTrackPublicationFailed from './useHandleTrackPublicationFailed/useHandleTrackPublicationFailed';\r\nimport useLocalTracks from './useLocalTracks/useLocalTracks';\r\nimport useRoom from './useRoom/useRoom';\r\nimport useScreenShareToggle from './useScreenShareToggle/useScreenShareToggle';\r\nimport { logger } from '../../../services';\r\n\r\n/*\r\n *  The hooks used by the VideoProvider component are different than the hooks found in the 'hooks/' directory. The hooks\r\n *  in the 'hooks/' directory can be used anywhere in a video application, and they can be used any number of times.\r\n *  the hooks in the 'VideoProvider/' directory are intended to be used by the VideoProvider component only. Using these hooks\r\n *  elsewhere in the application may cause problems as these hooks should not be used more than once in an application.\r\n */\r\n\r\nexport interface IVideoContext {\r\n    room: Room;\r\n    localTracks: (LocalAudioTrack | LocalVideoTrack)[];\r\n    isConnecting: boolean;\r\n    connect: (token: string) => Promise<void>;\r\n    onError: ErrorCallback;\r\n    onDisconnect: Callback;\r\n    getLocalVideoTrack: (\r\n        newOptions?: CreateLocalTrackOptions\r\n    ) => Promise<LocalVideoTrack>;\r\n    getLocalAudioTrack: (deviceId?: string) => Promise<LocalAudioTrack>;\r\n    isAcquiringLocalTracks: boolean;\r\n    removeLocalVideoTrack: () => void;\r\n    removeLocalAudioTrack: () => void;\r\n    isSharingScreen: boolean;\r\n    toggleScreenShare: () => void;\r\n    getAudioAndVideoTracks: () => Promise<void>;\r\n    isLocalAudioPausedRef: React.MutableRefObject<boolean>;\r\n    isLocalVideoPausedRef: React.MutableRefObject<boolean>;\r\n}\r\n\r\nexport const VideoContext = createContext<IVideoContext>(null!);\r\n\r\ninterface VideoProviderProps {\r\n    options?: ConnectOptions;\r\n    onError: ErrorCallback;\r\n    onDisconnect?: Callback;\r\n    children: ReactNode;\r\n}\r\n\r\nexport function VideoProvider({\r\n    options,\r\n    children,\r\n    onError = () => {},\r\n    onDisconnect = () => {},\r\n}: VideoProviderProps) {\r\n    const onErrorCallback = (error: TwilioError) => {\r\n        logger.logError(`ERROR: ${error.message}: ${error}` as any);\r\n        onError(error);\r\n    };\r\n\r\n    const {\r\n        localTracks,\r\n        getLocalVideoTrack,\r\n        getLocalAudioTrack,\r\n        isAcquiringLocalTracks,\r\n        removeLocalVideoTrack,\r\n        removeLocalAudioTrack,\r\n        getAudioAndVideoTracks,\r\n    } = useLocalTracks();\r\n    const { room, isConnecting, connect } = useRoom(\r\n        localTracks,\r\n        onErrorCallback,\r\n        options\r\n    );\r\n\r\n    // Register onError and onDisconnect callback functions.\r\n    useHandleRoomDisconnectionErrors(room, onError);\r\n    useHandleTrackPublicationFailed(room, onError);\r\n    useHandleOnDisconnect(room, onDisconnect);\r\n    const [isSharingScreen, toggleScreenShare] = useScreenShareToggle(\r\n        room,\r\n        onError\r\n    );\r\n    const isLocalAudioPausedRef = useRef<boolean>(false);\r\n    const isLocalVideoPausedRef = useRef<boolean>(false);\r\n\r\n    return (\r\n        <VideoContext.Provider\r\n            value={{\r\n                room,\r\n                localTracks,\r\n                isConnecting,\r\n                onError: onErrorCallback,\r\n                onDisconnect,\r\n                getLocalVideoTrack,\r\n                getLocalAudioTrack,\r\n                connect,\r\n                isAcquiringLocalTracks,\r\n                removeLocalVideoTrack,\r\n                removeLocalAudioTrack,\r\n                isSharingScreen,\r\n                toggleScreenShare,\r\n                getAudioAndVideoTracks,\r\n                isLocalAudioPausedRef,\r\n                isLocalVideoPausedRef,\r\n            }}\r\n        >\r\n            <SelectedParticipantProvider room={room}>\r\n                {children}\r\n            </SelectedParticipantProvider>\r\n            {/* \r\n        The AttachVisibilityHandler component is using the useLocalVideoToggle hook\r\n        which must be used within the VideoContext Provider.\r\n      */}\r\n            <AttachVisibilityHandler />\r\n        </VideoContext.Provider>\r\n    );\r\n}\r\n","import {\r\n    DEFAULT_VIDEO_CONSTRAINTS,\r\n    SELECTED_AUDIO_INPUT_KEY,\r\n    SELECTED_VIDEO_INPUT_KEY,\r\n} from '../../../../constants';\r\nimport { useCallback, useState } from 'react';\r\nimport Video, {\r\n    LocalVideoTrack,\r\n    LocalAudioTrack,\r\n    CreateLocalTrackOptions,\r\n} from 'twilio-video';\r\nimport {\r\n    useAudioInputDevices,\r\n    useVideoInputDevices,\r\n} from '../../../hooks/deviceHooks/deviceHooks';\r\n\r\nexport default function useLocalTracks() {\r\n    const [audioTrack, setAudioTrack] = useState<LocalAudioTrack>();\r\n    const [videoTrack, setVideoTrack] = useState<LocalVideoTrack>();\r\n    const [isAcquiringLocalTracks, setIsAcquiringLocalTracks] = useState(false);\r\n\r\n    const localAudioDevices = useAudioInputDevices();\r\n    const localVideoDevices = useVideoInputDevices();\r\n\r\n    const hasAudio = localAudioDevices.length > 0;\r\n    const hasVideo = localVideoDevices.length > 0;\r\n\r\n    const getLocalAudioTrack = useCallback((deviceId?: string) => {\r\n        const options: CreateLocalTrackOptions = {};\r\n\r\n        if (deviceId) {\r\n            options.deviceId = { exact: deviceId };\r\n        }\r\n\r\n        return Video.createLocalAudioTrack(options).then((newTrack) => {\r\n            setAudioTrack(newTrack);\r\n            return newTrack;\r\n        });\r\n    }, []);\r\n\r\n    const getLocalVideoTrack = useCallback(\r\n        (newOptions?: CreateLocalTrackOptions) => {\r\n            const options: CreateLocalTrackOptions = {\r\n                ...(DEFAULT_VIDEO_CONSTRAINTS as {}),\r\n                name: `camera-${Date.now()}`,\r\n                ...newOptions,\r\n            };\r\n\r\n            return Video.createLocalVideoTrack(options).then((newTrack) => {\r\n                setVideoTrack(newTrack);\r\n                return newTrack;\r\n            });\r\n        },\r\n        []\r\n    );\r\n\r\n    const removeLocalVideoTrack = useCallback(() => {\r\n        if (videoTrack) {\r\n            videoTrack.stop();\r\n            setVideoTrack(undefined);\r\n        }\r\n    }, [videoTrack]);\r\n\r\n    const removeLocalAudioTrack = useCallback(() => {\r\n        if (audioTrack) {\r\n            audioTrack.stop();\r\n            setAudioTrack(undefined);\r\n        }\r\n    }, [audioTrack]);\r\n\r\n    const getAudioAndVideoTracks = useCallback(() => {\r\n        if (!hasAudio && !hasVideo) return Promise.resolve();\r\n        if (isAcquiringLocalTracks || audioTrack || videoTrack)\r\n            return Promise.resolve();\r\n\r\n        setIsAcquiringLocalTracks(true);\r\n\r\n        const selectedAudioDeviceId = window.localStorage.getItem(\r\n            SELECTED_AUDIO_INPUT_KEY\r\n        );\r\n        const selectedVideoDeviceId = window.localStorage.getItem(\r\n            SELECTED_VIDEO_INPUT_KEY\r\n        );\r\n\r\n        const hasSelectedAudioDevice = localAudioDevices.some(\r\n            (device) =>\r\n                selectedAudioDeviceId &&\r\n                device.deviceId === selectedAudioDeviceId\r\n        );\r\n        const hasSelectedVideoDevice = localVideoDevices.some(\r\n            (device) =>\r\n                selectedVideoDeviceId &&\r\n                device.deviceId === selectedVideoDeviceId\r\n        );\r\n\r\n        const localTrackConstraints = {\r\n            video: hasVideo && {\r\n                ...(DEFAULT_VIDEO_CONSTRAINTS as {}),\r\n                name: `camera-${Date.now()}`,\r\n                ...(hasSelectedVideoDevice && {\r\n                    deviceId: { exact: selectedVideoDeviceId! },\r\n                }),\r\n            },\r\n            audio: hasSelectedAudioDevice\r\n                ? { deviceId: { exact: selectedAudioDeviceId! } }\r\n                : hasAudio,\r\n        };\r\n\r\n        return Video.createLocalTracks(localTrackConstraints)\r\n            .then((tracks) => {\r\n                const videoTrack = tracks.find(\r\n                    (track) => track.kind === 'video'\r\n                );\r\n                const audioTrack = tracks.find(\r\n                    (track) => track.kind === 'audio'\r\n                );\r\n                if (videoTrack) {\r\n                    setVideoTrack(videoTrack as LocalVideoTrack);\r\n                }\r\n                if (audioTrack) {\r\n                    setAudioTrack(audioTrack as LocalAudioTrack);\r\n                }\r\n            })\r\n            .finally(() => setIsAcquiringLocalTracks(false));\r\n    }, [\r\n        hasAudio,\r\n        hasVideo,\r\n        audioTrack,\r\n        videoTrack,\r\n        localAudioDevices,\r\n        localVideoDevices,\r\n        isAcquiringLocalTracks,\r\n    ]);\r\n\r\n    const localTracks = [audioTrack, videoTrack].filter(\r\n        (track) => track !== undefined\r\n    ) as (LocalAudioTrack | LocalVideoTrack)[];\r\n\r\n    return {\r\n        localTracks,\r\n        getLocalVideoTrack,\r\n        getLocalAudioTrack,\r\n        isAcquiringLocalTracks,\r\n        removeLocalVideoTrack,\r\n        removeLocalAudioTrack,\r\n        getAudioAndVideoTracks,\r\n    };\r\n}\r\n","import { Room, TwilioError } from 'twilio-video';\r\nimport { useEffect } from 'react';\r\n\r\nimport { Callback } from '../../../types';\r\n\r\nexport default function useHandleRoomDisconnectionErrors(room: Room, onError: Callback) {\r\n  useEffect(() => {\r\n    const onDisconnected = (room: Room, error: TwilioError) => {\r\n      if (error) {\r\n        onError(error);\r\n      }\r\n    };\r\n\r\n    room.on('disconnected', onDisconnected);\r\n    return () => {\r\n      room.off('disconnected', onDisconnected);\r\n    };\r\n  }, [room, onError]);\r\n}\r\n","import { Room } from 'twilio-video';\r\nimport { useEffect } from 'react';\r\n\r\nimport { Callback } from '../../../types';\r\n\r\nexport default function useHandleTrackPublicationFailed(room: Room, onError: Callback) {\r\n  const { localParticipant } = room;\r\n  useEffect(() => {\r\n    if (localParticipant) {\r\n      localParticipant.on('trackPublicationFailed', onError);\r\n      return () => {\r\n        localParticipant.off('trackPublicationFailed', onError);\r\n      };\r\n    }\r\n  }, [localParticipant, onError]);\r\n}\r\n","import { useEffect } from 'react';\r\nimport { Room } from 'twilio-video';\r\nimport { Callback } from '../../../types';\r\n\r\nexport default function useHandleOnDisconnect(room: Room, onDisconnect: Callback) {\r\n  useEffect(() => {\r\n    room.on('disconnected', onDisconnect);\r\n    return () => {\r\n      room.off('disconnected', onDisconnect);\r\n    };\r\n  }, [room, onDisconnect]);\r\n}\r\n","import { useState, useCallback, useRef } from 'react';\r\nimport { LogLevels, Track, Room } from 'twilio-video';\r\nimport { ErrorCallback } from '../../../types';\r\n\r\ninterface MediaStreamTrackPublishOptions {\r\n  name?: string;\r\n  priority: Track.Priority;\r\n  logLevel: LogLevels;\r\n}\r\n\r\nexport default function useScreenShareToggle(room: Room, onError: ErrorCallback) {\r\n  const [isSharing, setIsSharing] = useState(false);\r\n  const stopScreenShareRef = useRef<() => void>(null!);\r\n\r\n  const shareScreen = useCallback(() => {\r\n    navigator.mediaDevices\r\n      .getDisplayMedia({\r\n        audio: false,\r\n        video: {\r\n          frameRate: 10,\r\n          height: 1080,\r\n          width: 1920,\r\n        },\r\n      })\r\n      .then(stream => {\r\n        const track = stream.getTracks()[0];\r\n\r\n        // All video tracks are published with 'low' priority. This works because the video\r\n        // track that is displayed in the 'MainParticipant' component will have it's priority\r\n        // set to 'high' via track.setPriority()\r\n        room.localParticipant\r\n          .publishTrack(track, {\r\n            name: 'screen', // Tracks can be named to easily find them later\r\n            priority: 'low', // Priority is set to high by the subscriber when the video track is rendered\r\n          } as MediaStreamTrackPublishOptions)\r\n          .then(trackPublication => {\r\n            stopScreenShareRef.current = () => {\r\n              room.localParticipant.unpublishTrack(track);\r\n              // TODO: remove this if the SDK is updated to emit this event\r\n              room.localParticipant.emit('trackUnpublished', trackPublication);\r\n              track.stop();\r\n              setIsSharing(false);\r\n            };\r\n\r\n            track.onended = stopScreenShareRef.current;\r\n            setIsSharing(true);\r\n          })\r\n          .catch(onError);\r\n      })\r\n      .catch(error => {\r\n        // Don't display an error if the user closes the screen share dialog\r\n        if (error.name !== 'AbortError' && error.name !== 'NotAllowedError') {\r\n          onError(error);\r\n        }\r\n      });\r\n  }, [room, onError]);\r\n\r\n  const toggleScreenShare = useCallback(() => {\r\n    !isSharing ? shareScreen() : stopScreenShareRef.current();\r\n  }, [isSharing, shareScreen, stopScreenShareRef]);\r\n\r\n  return [isSharing, toggleScreenShare] as const;\r\n}\r\n","import { createMuiTheme } from '@material-ui/core';\r\n\r\ndeclare module '@material-ui/core/styles/createMuiTheme' {\r\n  interface Theme {\r\n    sidebarWidth: number;\r\n    sidebarMobileHeight: number;\r\n    brand: string;\r\n    footerHeight: number;\r\n    mobileTopBarHeight: number;\r\n    mobileFooterHeight: number;\r\n    sidebarMobilePadding: number;\r\n    participantBorderWidth: number;\r\n  }\r\n\r\n  // allow configuration using `createMuiTheme`\r\n  interface ThemeOptions {\r\n    sidebarWidth?: number;\r\n    sidebarMobileHeight?: number;\r\n    brand: string;\r\n    footerHeight: number;\r\n    mobileTopBarHeight: number;\r\n    mobileFooterHeight: number;\r\n    sidebarMobilePadding: number;\r\n    participantBorderWidth: number;\r\n  }\r\n}\r\n\r\nconst defaultTheme = createMuiTheme();\r\n\r\nexport default createMuiTheme({\r\n  overrides: {\r\n    MuiCssBaseline: {\r\n      '@global': {\r\n        'html, body, #root': {\r\n          height: '100%',\r\n        },\r\n      },\r\n    },\r\n    MuiButton: {\r\n      root: {\r\n        borderRadius: '4px',\r\n        textTransform: 'none',\r\n        color: 'rgb(40, 42, 43)',\r\n        fontSize: '0.9rem',\r\n        transition: defaultTheme.transitions.create(['background-color', 'box-shadow', 'border', 'color'], {\r\n          duration: defaultTheme.transitions.duration.short,\r\n        }),\r\n      },\r\n      text: {\r\n        padding: '6px 14px',\r\n      },\r\n      contained: {\r\n        boxShadow: 'none',\r\n        '&:hover': {\r\n          boxShadow: 'none',\r\n        },\r\n      },\r\n      outlinedPrimary: {\r\n        border: '2px solid #027AC5',\r\n        '&:hover': {\r\n          border: '2px solid rgb(1, 85, 137)',\r\n        },\r\n      },\r\n      startIcon: {\r\n        marginRight: '6px',\r\n      },\r\n    },\r\n    MuiTypography: {\r\n      body1: {\r\n        color: 'rgb(40, 42, 43)',\r\n        fontSize: '0.9rem',\r\n      },\r\n    },\r\n    MuiInputBase: {\r\n      root: {\r\n        fontSize: '0.9rem',\r\n      },\r\n    },\r\n    MuiSelect: {\r\n      root: {\r\n        padding: '0.85em',\r\n      },\r\n    },\r\n    MuiDialogActions: {\r\n      root: {\r\n        padding: '16px',\r\n      },\r\n    },\r\n    MuiTextField: {\r\n      root: {\r\n        color: 'rgb(40, 42, 43)',\r\n      },\r\n    },\r\n    MuiInputLabel: {\r\n      root: {\r\n        color: 'rgb(40, 42, 43)',\r\n        fontSize: '1.1rem',\r\n        marginBottom: '0.2em',\r\n        fontWeight: 500,\r\n      },\r\n    },\r\n    MuiOutlinedInput: {\r\n      notchedOutline: {\r\n        borderColor: 'rgb(136, 140, 142)',\r\n      },\r\n    },\r\n  },\r\n  typography: {\r\n    fontFamily: 'Inter, sans-serif',\r\n  },\r\n  palette: {\r\n    primary: {\r\n      main: '#027AC5',\r\n    },\r\n  },\r\n  brand: '#E22525',\r\n  footerHeight: 72,\r\n  mobileFooterHeight: 56,\r\n  sidebarWidth: 355,\r\n  sidebarMobileHeight: 90,\r\n  sidebarMobilePadding: 8,\r\n  participantBorderWidth: 2,\r\n  mobileTopBarHeight: 52,\r\n});\r\n","import React, { CSSProperties, useState } from 'react';\r\nimport { HashiSpinner } from './HashiSpinner';\r\nimport styled from 'styled-components';\r\nimport IHasChildren from './propInterfaces/IHasChildren';\r\nimport { HashiFilledBorderButton } from './HashiBorderButton';\r\nimport { useIsMounted } from '../hooks/useIsMounted';\r\n\r\nvar buttonHeight: number | undefined;\r\nvar buttonWidth: number | undefined;\r\nvar spinnerSize: number | undefined;\r\nvar fontSize = 16;\r\n\r\nexport const HashiAsyncButton = (props: IHashiAsyncTextButton) => {\r\n    fontSize = props.fontSize ?? fontSize;\r\n    const [isLoading, setIsLoading] = useState<boolean>();\r\n    const isMounted = useIsMounted();\r\n\r\n    const loadDataAsync = async () => {\r\n        setIsLoading(true);\r\n        await props.onPress();\r\n        if (isMounted.current) {\r\n            setIsLoading(false);\r\n        }\r\n    };\r\n\r\n    const setLoadingSize = (element: HTMLDivElement | null) => {\r\n        spinnerSize = fontSize + 3;\r\n        //We need to wait so everything is layed out before we get the sizes\r\n        setTimeout(() => {\r\n            buttonHeight = element?.clientHeight;\r\n            buttonWidth = element?.clientWidth;\r\n        }, 100);\r\n    };\r\n\r\n    return (\r\n        <HashiFilledBorderButton\r\n            ContainerStyle={props.ContainerStyle}\r\n            onPress={loadDataAsync}\r\n        >\r\n            <Container\r\n                ref={setLoadingSize}\r\n                style={{ height: buttonHeight, width: buttonWidth }}\r\n            >\r\n                {isLoading ? (\r\n                    <LoadingContainer>\r\n                        <HashiSpinner size={spinnerSize} />\r\n                    </LoadingContainer>\r\n                ) : (\r\n                    props.children\r\n                )}\r\n            </Container>\r\n        </HashiFilledBorderButton>\r\n    );\r\n};\r\n\r\nconst Container = styled.div``;\r\n\r\nconst LoadingContainer = styled.div`\r\n    text-align: center;\r\n`;\r\n\r\ninterface IHashiAsyncTextButton extends IHasChildren {\r\n    onPress: () => Promise<any>;\r\n    fontSize?: number;\r\n    ContainerStyle?: CSSProperties;\r\n}\r\n","import stringsJson from './strings.json';\r\nimport touchStrings from './touchMDStrings.json';\r\n\r\n//TODO: Get Product Switching setup\r\nexport const ProductStrings = touchStrings;\r\nexport const Strings = stringsJson;\r\n","import styled from 'styled-components';\r\n\r\nexport const HashiFlexRowContainer = styled.div`\r\n    display: flex;\r\n    flex-direction: row;\r\n    width: 100%;\r\n`;\r\n\r\nexport const HashiFlexColumnContainer = styled.div`\r\n    display: flex;\r\n    flex-direction: column;\r\n`;\r\n\r\nexport const HashiFlexAbsoluteCenterContainer = styled.div`\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin: auto;\r\n    height: 100%;\r\n    width: 100%;\r\n    overflow: hidden;\r\n`;\r\n","import React, { useRef, useState } from 'react';\r\nimport styled from 'styled-components';\r\n\r\nexport const HashiTextInput = (props: IHashiTextInputProps) => {\r\n    const input = useRef<HTMLInputElement>(null);\r\n    const [value, setValue] = useState<string>(props.value ?? '');\r\n\r\n    const setFocusToInput = () => {\r\n        input.current?.focus();\r\n    };\r\n\r\n    const onChangeEvent = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n        setValue(event.target.value);\r\n        if (props.onChange) {\r\n            props.onChange(event.target.value);\r\n        }\r\n    };\r\n\r\n    return (\r\n        <InputContainer>\r\n            <InputLabel onClick={setFocusToInput}>{props.label}</InputLabel>\r\n            <TransparentInput\r\n                ref={input}\r\n                value={value}\r\n                onChange={onChangeEvent}\r\n            />\r\n        </InputContainer>\r\n    );\r\n};\r\n\r\nconst TransparentInput = styled.input`\r\n    flex: 1;\r\n    --webkit-appearance: none;\r\n    border: none;\r\n    background-image: none;\r\n    background-color: transparent;\r\n    -webkit-box-shadow: none;\r\n    -moz-box-shadow: none;\r\n    box-shadow: none;\r\n    font-size: 16px;\r\n    line-height: 19px;\r\n    color: #ffffff;\r\n    margin-left: 10px;\r\n\r\n    @media (max-width: 380px) {\r\n        font-size: 14px;\r\n        line-height: 16px;\r\n    }\r\n`;\r\n\r\nconst InputLabel = styled.div`\r\n    font-size: 16px;\r\n    line-height: 19px;\r\n    color: rgba(255, 255, 255, 0.64);\r\n\r\n    @media (max-width: 380px) {\r\n        font-size: 14px;\r\n        line-height: 16px;\r\n    }\r\n`;\r\n\r\nconst InputContainer = styled.div`\r\n    height: 44px;\r\n    background: rgba(255, 255, 255, 0.1);\r\n    border: 1px solid rgba(255, 255, 255, 0.2);\r\n    box-sizing: border-box;\r\n    border-radius: 6px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    padding: 0px 12px;\r\n    margin-bottom: 10px;\r\n\r\n    input:nth-of-type(1) {\r\n        min-width: 0;\r\n    }\r\n\r\n    :focus-within {\r\n        border: 1px solid #ffffff;\r\n    }\r\n\r\n    @media (max-width: 380px) {\r\n        height: 40px;\r\n    }\r\n`;\r\n\r\ninterface IHashiTextInputProps {\r\n    label: string;\r\n    value?: string;\r\n    onChange?: (value: string) => any;\r\n}\r\n","import { useContext } from 'react';\r\nimport { AppViewModelContext } from '.';\r\n\r\nexport const useAppViewModel = () => {\r\n    const context = useContext(AppViewModelContext);\r\n    if (!context) {\r\n        throw new Error(\r\n            'useAppViewModel must be used within a AppViewModelArea'\r\n        );\r\n    }\r\n    return context;\r\n};\r\n","import { Strings } from '../assets/strings';\r\nimport { httpService } from '../services/HttpService';\r\nimport { IAppViewModelContext } from '../ViewModels/AppViewModelArea';\r\n\r\nconst localStorageKey = 'room';\r\nconst getRoomRoute = 'api/Rooms/RoomParticipantAccess';\r\nclass RoomProvider implements IRoomProvider {\r\n    public async getRoomTokenFromParticipantCode(\r\n        roomCode: string\r\n    ): Promise<IRoomDetailsDtoIn> {\r\n        return await httpService.postAsync<IRoomDetailsDtoIn>(\r\n            getRoomRoute,\r\n            undefined,\r\n            roomCode\r\n        );\r\n    }\r\n\r\n    public async loadRoomDetailsAsync(\r\n        roomCode: string | undefined,\r\n        appViewModel: IAppViewModelContext\r\n    ) {\r\n        if (!roomCode || roomCode.length < 9) {\r\n            throw new Error(Strings.RoomCodeRequired);\r\n        }\r\n\r\n        let roomDetails = await this.getRoomTokenFromParticipantCode(roomCode);\r\n\r\n        if (!roomDetails) {\r\n            appViewModel.setRoomCode(undefined);\r\n            throw new Error(Strings.UnableToFindRoom);\r\n        }\r\n        localStorage.setItem(localStorageKey, roomCode);\r\n\r\n        appViewModel.setCompanyName(roomDetails.CompanyName);\r\n        appViewModel.setCustomerFirstName(roomDetails.CustomerFirstName);\r\n        appViewModel.setCustomerLastName(roomDetails.CustomerLastName);\r\n        appViewModel.setJwt(roomDetails.Jwt);\r\n        appViewModel.setIsRecordingEnabled(roomDetails.IsRecordingEnabled);\r\n    }\r\n\r\n    public GetLocalStorageRoom() {\r\n        return localStorage.getItem(localStorageKey);\r\n    }\r\n}\r\n\r\ninterface IRoomProvider {\r\n    getRoomTokenFromParticipantCode(\r\n        roomCode: string\r\n    ): Promise<IRoomDetailsDtoIn>;\r\n    loadRoomDetailsAsync(\r\n        roomCode: string,\r\n        appViewModel: IAppViewModelContext\r\n    ): Promise<void>;\r\n}\r\ninterface IRoomDetailsDtoIn {\r\n    Jwt: string;\r\n    CompanyName: string;\r\n    CustomerFirstName: string;\r\n    CustomerLastName: string;\r\n    IsRecordingEnabled: boolean;\r\n}\r\n\r\nexport const roomProvider = new RoomProvider();\r\n","import { faSpinner } from '@fortawesome/pro-regular-svg-icons';\r\nimport React from 'react';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { CSSProperties } from '@material-ui/core/styles/withStyles';\r\nimport colors from '../assets/colors.json';\r\n\r\nconst defaultProps: IHashiSpinnerProps = {\r\n    size: 40,\r\n    color: colors.PrimaryTitleText,\r\n};\r\nexport const HashiSpinner = (props: IHashiSpinnerProps) => {\r\n    props = { ...defaultProps, ...props };\r\n\r\n    const styles: CSSProperties = {\r\n        fontSize: props.size,\r\n    };\r\n\r\n    return (\r\n        <FontAwesomeIcon\r\n            className={'fa-pulse'}\r\n            style={styles}\r\n            icon={faSpinner}\r\n            color={'white'}\r\n        />\r\n    );\r\n};\r\n\r\ninterface IHashiSpinnerProps {\r\n    size?: number;\r\n    color?: string;\r\n}\r\n","import styled from 'styled-components';\r\n\r\nexport const HashiCleanButton = (props: IHashiButtonProps) => {\r\n    const showButton = props.visible ?? true;\r\n\r\n    const onPress = () => {\r\n        if (props.disabled) {\r\n            return;\r\n        }\r\n        if (props.onPress) {\r\n            props.onPress();\r\n        }\r\n    };\r\n    return (\r\n        <ButtonWrapper>\r\n            {showButton && (\r\n                <Button onClick={onPress} style={props.style}>\r\n                    {props.children}\r\n                </Button>\r\n            )}\r\n        </ButtonWrapper>\r\n    );\r\n};\r\n\r\nconst ButtonWrapper = styled.div`\r\n    cursor: pointer;\r\n`;\r\nconst Button = styled.div`\r\n    :hover {\r\n        filter: brightness(90%);\r\n    }\r\n\r\n    :active {\r\n        filter: brightness(70%);\r\n    }\r\n`;\r\n\r\nexport interface IHashiButtonProps {\r\n    style?: React.CSSProperties;\r\n    visible?: boolean;\r\n    children: JSX.Element;\r\n    onPress?: () => any;\r\n    disabled?: boolean;\r\n}\r\n","import styled from 'styled-components';\r\nimport { HashiCleanButton } from './HashiCleanButton';\r\nimport IHasChildren from './propInterfaces/IHasChildren';\r\nimport colors from '../assets/colors.json';\r\nimport IHasStyle from './propInterfaces/IHasStyle';\r\nimport { CSSProperties } from 'react';\r\n\r\nconst defaultProps = {\r\n    fontSize: 16,\r\n};\r\nexport const HashiBorderButton = (props: IHashiBorderButtonProps) => {\r\n    props = { ...defaultProps, ...props };\r\n    props.ContainerStyle = { ...props.ContainerStyle, display: 'inline-block' };\r\n\r\n    return (\r\n        <BorderButtonContainer style={props.ContainerStyle}>\r\n            <HashiCleanButton onPress={props.onPress}>\r\n                <BorderButton\r\n                    fontSize={props.fontSize ?? defaultProps.fontSize}\r\n                    style={props.style}\r\n                >\r\n                    {props.children}\r\n                </BorderButton>\r\n            </HashiCleanButton>\r\n        </BorderButtonContainer>\r\n    );\r\n};\r\n\r\nexport const HashiFilledBorderButton = (props: IHashiBorderButtonProps) => {\r\n    const style = {\r\n        ...props.style,\r\n        background: colors.PrimaryTextButtonBackground,\r\n    };\r\n    return (\r\n        <HashiBorderButton {...props} style={style}>\r\n            {props.children}\r\n        </HashiBorderButton>\r\n    );\r\n};\r\n\r\nconst BorderButtonContainer = styled.div``;\r\n\r\nconst BorderButton = styled.div`\r\n    box-sizing: border-box;\r\n    cursor: pointer;\r\n    display: inline-block;\r\n    color: ${colors.PrimaryTitleText};\r\n    border-radius: 6px;\r\n    padding: 11px 19px;\r\n    font-weight: 500;\r\n    font-size: ${(props: IProps) => props.fontSize}px;\r\n    line-height: 19px;\r\n    border: 1px solid ${colors.PrimaryTextButtonBackground};\r\n    box-sizing: border-box;\r\n`;\r\n\r\ninterface IProps {\r\n    fontSize: number;\r\n}\r\n\r\ninterface IHashiBorderButtonProps extends IHasChildren, IHasStyle {\r\n    onPress?: () => void;\r\n    fontSize?: number;\r\n    ContainerStyle?: CSSProperties;\r\n}\r\n","import React from 'react';\r\nimport styled from 'styled-components';\r\nimport { Strings, ProductStrings } from '../assets/strings';\r\nimport colors from '../assets/colors.json';\r\nimport { HashiFlexAbsoluteCenterContainer } from '../components/HashiContentContainers';\r\nimport { HashiTextInput } from '../components/HashiTextInput';\r\nimport { useRootNavigation } from '../NavigationControllers/useRootNavigation';\r\nimport { useAppViewModel } from '../ViewModels/AppViewModelArea/useAppViewModel';\r\nimport { roomProvider } from '../Provider/RoomProvider';\r\nimport { HttpError, logger } from '../services';\r\nimport { HashiAsyncButton } from '../components/HashiAsyncButton';\r\n\r\nexport const WelcomeView = () => {\r\n    const appViewModel = useAppViewModel();\r\n    const { goToQuickWelcome } = useRootNavigation();\r\n\r\n    const goToNext = async () => {\r\n        if (!appViewModel.roomCode) {\r\n            alert(Strings.RoomCodeRequired);\r\n            return;\r\n        }\r\n\r\n        let formattedCode = appViewModel.roomCode.replaceAll(' ', '');\r\n\r\n        try {\r\n            await roomProvider.loadRoomDetailsAsync(\r\n                formattedCode,\r\n                appViewModel\r\n            );\r\n            goToQuickWelcome();\r\n        } catch (ex) {\r\n            logger.logError(ex);\r\n            logger.logMessage('Failed to get room details');\r\n            if (!(ex instanceof Error)) {\r\n                alert(Strings.UnknownErrorOccured);\r\n                return;\r\n            }\r\n\r\n            if (ex.message === Strings.RoomCodeRequired) {\r\n                alert(Strings.RoomCodeRequired);\r\n            } else if (\r\n                ex.message === Strings.UnableToFindRoom ||\r\n                (ex instanceof HttpError && ex.statusType === 'ClientError')\r\n            ) {\r\n                alert(Strings.UnableToFindRoom);\r\n            } else if (\r\n                ex.message === Strings.FoundSessionButErrorOccured &&\r\n                !(ex instanceof HttpError)\r\n            ) {\r\n                alert(Strings.FoundSessionButErrorOccured);\r\n            } else {\r\n                alert(Strings.UnknownErrorOccured);\r\n            }\r\n        }\r\n    };\r\n\r\n    return (\r\n        <HashiFlexAbsoluteCenterContainer>\r\n            <LoginContainer>\r\n                <WelcomeText>{Strings.WelcomeText}</WelcomeText>\r\n                <ProductTitleText>\r\n                    {ProductStrings.ProductTitle}\r\n                </ProductTitleText>\r\n                <HashiTextInput\r\n                    label={Strings.SessionInputLabel}\r\n                    value={appViewModel.roomCode}\r\n                    onChange={appViewModel.setRoomCode}\r\n                />\r\n                <HashiAsyncButton\r\n                    onPress={goToNext}\r\n                    ContainerStyle={{ paddingTop: 28 }}\r\n                >\r\n                    {Strings.JoinButtonLabel}\r\n                </HashiAsyncButton>\r\n            </LoginContainer>\r\n        </HashiFlexAbsoluteCenterContainer>\r\n    );\r\n};\r\n\r\nconst LoginContainer = styled.div`\r\n    padding: 20px;\r\n`;\r\n\r\nconst WelcomeText = styled.div`\r\n    font-size: 48px;\r\n    line-height: 58px;\r\n    font-weight: 300;\r\n    margin-bottom: 8px;\r\n    color: ${colors.PrimaryTitleText};\r\n\r\n    @media (max-width: 380px) {\r\n        font-size: 32px;\r\n        line-height: 38px;\r\n    }\r\n`;\r\n\r\nconst ProductTitleText = styled.div`\r\n    font-weight: 200;\r\n    font-size: 18px;\r\n    line-height: 22px;\r\n    margin-bottom: 36px;\r\n    color: ${colors.PrimaryTitleText};\r\n    opacity: 0.64;\r\n\r\n    @media (max-width: 380px) {\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n    }\r\n`;\r\n","import React from 'react';\r\n\r\nexport default function AvatarIcon() {\r\n  return (\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"73\" height=\"73\" viewBox=\"0 0 73 73\">\r\n      <g fill=\"none\" fillRule=\"evenodd\">\r\n        <circle cx=\"36.5\" cy=\"36.5\" r=\"36.5\" fill=\"#FFF\" />\r\n        <path\r\n          fill=\"#282A2B\"\r\n          strokeLinejoin=\"round\"\r\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\"\r\n        />\r\n      </g>\r\n    </svg>\r\n  );\r\n}\r\n","import { useState, useEffect } from 'react';\r\nimport { AudioTrack, VideoTrack } from 'twilio-video';\r\n\r\n/*\r\n * This hook allows components to reliably use the 'mediaStreamTrack' property of\r\n * an AudioTrack or a VideoTrack. Whenever 'localTrack.restart(...)' is called, it\r\n * will replace the mediaStreamTrack property of the localTrack, but the localTrack\r\n * object will stay the same. Therefore this hook is needed in order for components\r\n * to rerender in response to the mediaStreamTrack changing.\r\n */\r\nexport default function useMediaStreamTrack(track?: AudioTrack | VideoTrack) {\r\n  const [mediaStreamTrack, setMediaStreamTrack] = useState(track?.mediaStreamTrack);\r\n\r\n  useEffect(() => {\r\n    setMediaStreamTrack(track?.mediaStreamTrack);\r\n\r\n    if (track) {\r\n      const handleStarted = () => setMediaStreamTrack(track.mediaStreamTrack);\r\n      track.on('started', handleStarted);\r\n      return () => {\r\n        track.off('started', handleStarted);\r\n      };\r\n    }\r\n  }, [track]);\r\n\r\n  return mediaStreamTrack;\r\n}\r\n","import React, { useRef, useEffect, CSSProperties } from 'react';\r\nimport { IVideoTrack } from '../../types';\r\nimport { styled } from '@material-ui/core/styles';\r\nimport { Track } from 'twilio-video';\r\nimport useMediaStreamTrack from '../../hooks/useMediaStreamTrack/useMediaStreamTrack';\r\n\r\nconst Video = styled('video')({\r\n    width: '100%',\r\n    height: '100%',\r\n});\r\n\r\ninterface VideoTrackProps {\r\n    track: IVideoTrack;\r\n    isLocal?: boolean;\r\n    priority?: Track.Priority | null;\r\n}\r\n\r\nexport default function VideoTrack({\r\n    track,\r\n    isLocal,\r\n    priority,\r\n}: VideoTrackProps) {\r\n    const ref = useRef<HTMLVideoElement>(null!);\r\n    const mediaStreamTrack = useMediaStreamTrack(track);\r\n\r\n    useEffect(() => {\r\n        const el = ref.current;\r\n        el.muted = true;\r\n        if (track.setPriority && priority) {\r\n            track.setPriority(priority);\r\n        }\r\n        track.attach(el);\r\n        return () => {\r\n            track.detach(el);\r\n            if (track.setPriority && priority) {\r\n                // Passing `null` to setPriority will set the track's priority to that which it was published with.\r\n\r\n                //TODO: Did I break this?\r\n                track.setPriority(priority);\r\n            }\r\n        };\r\n    }, [track, priority]);\r\n\r\n    // The local video track is mirrored if it is not facing the environment.\r\n    const isFrontFacing =\r\n        mediaStreamTrack?.getSettings().facingMode !== 'environment';\r\n    const style: CSSProperties = {\r\n        transform: isLocal && isFrontFacing ? 'rotateY(180deg)' : '',\r\n        objectFit: 'contain',\r\n        borderRadius: isLocal ? '16px' : '',\r\n    };\r\n\r\n    return <Video ref={ref} style={style} />;\r\n}\r\n","import React from 'react';\r\nimport AvatarIcon from '../../../../icons/AvatarIcon';\r\nimport { makeStyles, Theme } from '@material-ui/core';\r\nimport { LocalVideoTrack } from 'twilio-video';\r\nimport VideoTrack from '../../../VideoTrack/VideoTrack';\r\nimport useVideoContext from '../../../../hooks/useVideoContext/useVideoContext';\r\n\r\nconst useStyles = makeStyles((theme: Theme) => ({\r\n    container: {\r\n        position: 'relative',\r\n        width: '100%',\r\n        height: '100%',\r\n        minHeight: '160px',\r\n        overflow: 'hidden',\r\n        background: 'black',\r\n        borderRadius: 16,\r\n    },\r\n    avatarContainer: {\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        justifyContent: 'center',\r\n        background: 'black',\r\n        position: 'absolute',\r\n        top: 0,\r\n        right: 0,\r\n        bottom: 0,\r\n        left: 0,\r\n        zIndex: 1,\r\n        [theme.breakpoints.down('sm')]: {\r\n            '& svg': {\r\n                transform: 'scale(0.7)',\r\n            },\r\n        },\r\n    },\r\n}));\r\n\r\nexport default function LocalVideoPreview({ identity }: { identity: string }) {\r\n    const classes = useStyles();\r\n    const { localTracks } = useVideoContext();\r\n\r\n    const videoTrack = localTracks.find((track) =>\r\n        track.name.includes('camera')\r\n    ) as LocalVideoTrack;\r\n\r\n    return (\r\n        <div className={classes.container}>\r\n            {videoTrack ? (\r\n                <VideoTrack track={videoTrack} isLocal />\r\n            ) : (\r\n                <div className={classes.avatarContainer}>\r\n                    <AvatarIcon />\r\n                </div>\r\n            )}\r\n        </div>\r\n    );\r\n}\r\n","import React, { useEffect, useRef, useState } from 'react';\r\nimport { AudioTrack, LocalAudioTrack, RemoteAudioTrack } from 'twilio-video';\r\nimport { interval } from 'd3-timer';\r\nimport useIsTrackEnabled from '../../hooks/useIsTrackEnabled/useIsTrackEnabled';\r\nimport useMediaStreamTrack from '../../hooks/useMediaStreamTrack/useMediaStreamTrack';\r\n\r\nlet clipId = 0;\r\nconst getUniqueClipId = () => clipId++;\r\n\r\n// @ts-ignore\r\nconst AudioContext = window.AudioContext || window.webkitAudioContext;\r\nlet audioContext: AudioContext;\r\n\r\nexport function initializeAnalyser(stream: MediaStream) {\r\n  audioContext = audioContext || new AudioContext();\r\n  const audioSource = audioContext.createMediaStreamSource(stream);\r\n\r\n  const analyser = audioContext.createAnalyser();\r\n  analyser.smoothingTimeConstant = 0.2;\r\n  analyser.fftSize = 256;\r\n\r\n  audioSource.connect(analyser);\r\n  return analyser;\r\n}\r\n\r\nfunction AudioLevelIndicator({ audioTrack, color = 'white' }: { audioTrack?: AudioTrack; color?: string }) {\r\n  const SVGRectRef = useRef<SVGRectElement>(null);\r\n  const [analyser, setAnalyser] = useState<AnalyserNode>();\r\n  const isTrackEnabled = useIsTrackEnabled(audioTrack as LocalAudioTrack | RemoteAudioTrack);\r\n  const mediaStreamTrack = useMediaStreamTrack(audioTrack);\r\n\r\n  useEffect(() => {\r\n    if (audioTrack && mediaStreamTrack && isTrackEnabled) {\r\n      // Here we create a new MediaStream from a clone of the mediaStreamTrack.\r\n      // A clone is created to allow multiple instances of this component for a single\r\n      // AudioTrack on iOS Safari.\r\n      let newMediaStream = new MediaStream([mediaStreamTrack.clone()]);\r\n\r\n      // Here we listen for the 'stopped' event on the audioTrack. When the audioTrack is stopped,\r\n      // we stop the cloned track that is stored in 'newMediaStream'. It is important that we stop\r\n      // all tracks when they are not in use. Browsers like Firefox don't let you create a new stream\r\n      // from a new audio device while the active audio device still has active tracks.\r\n      const stopAllMediaStreamTracks = () => newMediaStream.getTracks().forEach(track => track.stop());\r\n      audioTrack.on('stopped', stopAllMediaStreamTracks);\r\n\r\n      const reinitializeAnalyser = () => {\r\n        stopAllMediaStreamTracks();\r\n        newMediaStream = new MediaStream([mediaStreamTrack.clone()]);\r\n        setAnalyser(initializeAnalyser(newMediaStream));\r\n      };\r\n\r\n      setAnalyser(initializeAnalyser(newMediaStream));\r\n\r\n      // Here we reinitialize the AnalyserNode on focus to avoid an issue in Safari\r\n      // where the analysers stop functioning when the user switches to a new tab\r\n      // and switches back to the app.\r\n      window.addEventListener('focus', reinitializeAnalyser);\r\n\r\n      return () => {\r\n        stopAllMediaStreamTracks();\r\n        window.removeEventListener('focus', reinitializeAnalyser);\r\n        audioTrack.off('stopped', stopAllMediaStreamTracks);\r\n      };\r\n    }\r\n  }, [isTrackEnabled, mediaStreamTrack, audioTrack]);\r\n\r\n  useEffect(() => {\r\n    const SVGClipElement = SVGRectRef.current;\r\n\r\n    if (isTrackEnabled && SVGClipElement && analyser) {\r\n      const sampleArray = new Uint8Array(analyser.frequencyBinCount);\r\n\r\n      const timer = interval(() => {\r\n        analyser.getByteFrequencyData(sampleArray);\r\n        let values = 0;\r\n\r\n        const length = sampleArray.length;\r\n        for (let i = 0; i < length; i++) {\r\n          values += sampleArray[i];\r\n        }\r\n\r\n        const volume = Math.min(14, Math.max(0, Math.log10(values / length / 3) * 7));\r\n\r\n        SVGClipElement?.setAttribute('y', String(14 - volume));\r\n      }, 100);\r\n\r\n      return () => {\r\n        SVGClipElement.setAttribute('y', '14');\r\n        timer.stop();\r\n      };\r\n    }\r\n  }, [isTrackEnabled, analyser]);\r\n\r\n  // Each instance of this component will need a unique HTML ID\r\n  const clipPathId = `audio-level-clip-${getUniqueClipId()}`;\r\n\r\n  return isTrackEnabled ? (\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" data-test-audio-indicator>\r\n      <defs>\r\n        <clipPath id={clipPathId}>\r\n          <rect ref={SVGRectRef} x=\"0\" y=\"14\" width=\"24\" height=\"24\" />\r\n        </clipPath>\r\n      </defs>\r\n      <g fill=\"none\" fillRule=\"evenodd\" transform=\"translate(.5)\">\r\n        <rect\r\n          clipPath={`url(#${clipPathId})`}\r\n          width=\"5.2\"\r\n          height=\"10\"\r\n          x=\"9.5\"\r\n          y=\"3.5\"\r\n          rx=\"6\"\r\n          ry=\"3\"\r\n          fill=\"#23BF6E\"\r\n        ></rect>\r\n        <path\r\n          fill={color}\r\n          strokeWidth=\"0\"\r\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\"\r\n        />\r\n      </g>\r\n    </svg>\r\n  ) : (\r\n    <svg\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      width=\"24\"\r\n      height=\"24\"\r\n      viewBox=\"0 0 24 24\"\r\n      transform=\"translate(-0.5, 0)\"\r\n      data-test-audio-mute-icon\r\n    >\r\n      <g fill=\"none\" fillRule=\"evenodd\">\r\n        <path\r\n          fill={color}\r\n          strokeWidth=\"0\"\r\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\"\r\n          transform=\"translate(6.5 4)\"\r\n        />\r\n        <path\r\n          fill=\"red\"\r\n          strokeWidth=\"0\"\r\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\"\r\n          transform=\"translate(6.5 4)\"\r\n        />\r\n      </g>\r\n    </svg>\r\n  );\r\n}\r\n\r\nexport default React.memo(AudioLevelIndicator);\r\n","import React from 'react';\r\nimport { LocalAudioTrack } from 'twilio-video';\r\nimport useVideoContext from '../../hooks/useVideoContext/useVideoContext';\r\nimport AudioLevelIndicator from '../AudioLevelIndicator/AudioLevelIndicator';\r\n\r\nexport default function LocalAudioLevelIndicator() {\r\n  const { localTracks } = useVideoContext();\r\n  const audioTrack = localTracks.find(track => track.kind === 'audio') as LocalAudioTrack;\r\n\r\n  return <AudioLevelIndicator audioTrack={audioTrack} />;\r\n}\r\n","import { HashiCleanButton } from './HashiCleanButton';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { IconProp } from '@fortawesome/fontawesome-svg-core';\r\n\r\nconst defaultIconSize = '20px';\r\nconst defaultIconColor = '#000000';\r\nconst defaultIconPadding = 10;\r\nconst defaultAnimationIterations = 3;\r\n\r\nexport const HashiIconButton = (props: IHashiIconButtonProps) => {\r\n    const size = props.iconSize ?? defaultIconSize;\r\n    const color = props.iconColor ?? defaultIconColor;\r\n    const padding = props.iconPadding ?? defaultIconPadding;\r\n\r\n    let iconStyles: React.CSSProperties = {\r\n        fontSize: size,\r\n        padding: padding,\r\n    };\r\n\r\n    const pulseAnimationStyle: React.CSSProperties = {\r\n        boxShadow: '0 0 0 rgba(43, 43, 42, 0.4)',\r\n        animation: 'pulse 1s infinite',\r\n        animationIterationCount:\r\n            props.pulseIterations ?? defaultAnimationIterations,\r\n        borderRadius: '50%',\r\n    };\r\n\r\n    if (props.isPulseEnabled) {\r\n        Object.assign(iconStyles, pulseAnimationStyle as any);\r\n    }\r\n\r\n    return (\r\n        <HashiCleanButton\r\n            disabled={props.disabled}\r\n            onPress={props.onPress}\r\n            visible={props.visible}\r\n            style={props.style}\r\n        >\r\n            <FontAwesomeIcon\r\n                icon={props.icon}\r\n                style={iconStyles}\r\n                color={color}\r\n            />\r\n        </HashiCleanButton>\r\n    );\r\n};\r\nexport interface IHashiIconButtonProps {\r\n    style?: React.CSSProperties;\r\n    icon: IconProp;\r\n    iconSize?: string;\r\n    iconPadding?: number;\r\n    iconColor?: string;\r\n    visible?: boolean;\r\n    onPress?: () => any;\r\n    disabled?: boolean;\r\n    isPulseEnabled?: boolean;\r\n    pulseIterations?: number;\r\n}\r\n","import React from 'react';\r\nimport AudioLevelIndicator from '../../AudioLevelIndicator/AudioLevelIndicator';\r\nimport { LocalAudioTrack } from 'twilio-video';\r\nimport { FormControl, MenuItem, Typography, Select, Grid } from '@material-ui/core';\r\nimport { SELECTED_AUDIO_INPUT_KEY } from '../../../../constants';\r\nimport { useAudioInputDevices } from '../../../hooks/deviceHooks/deviceHooks';\r\nimport useMediaStreamTrack from '../../../hooks/useMediaStreamTrack/useMediaStreamTrack';\r\nimport useVideoContext from '../../../hooks/useVideoContext/useVideoContext';\r\n\r\nexport default function AudioInputList() {\r\n  const audioInputDevices = useAudioInputDevices();\r\n  const { localTracks } = useVideoContext();\r\n\r\n  const localAudioTrack = localTracks.find(track => track.kind === 'audio') as LocalAudioTrack;\r\n  const mediaStreamTrack = useMediaStreamTrack(localAudioTrack);\r\n  const localAudioInputDeviceId = mediaStreamTrack?.getSettings().deviceId;\r\n\r\n  function replaceTrack(newDeviceId: string) {\r\n    window.localStorage.setItem(SELECTED_AUDIO_INPUT_KEY, newDeviceId);\r\n    localAudioTrack?.restart({ deviceId: { exact: newDeviceId } });\r\n  }\r\n\r\n  return (\r\n    <div>\r\n      <Typography variant=\"subtitle2\" gutterBottom>\r\n        Audio Input\r\n      </Typography>\r\n      <Grid container alignItems=\"center\" justify=\"space-between\">\r\n        <div className=\"inputSelect\">\r\n          {audioInputDevices.length > 1 ? (\r\n            <FormControl fullWidth>\r\n              <Select\r\n                onChange={e => replaceTrack(e.target.value as string)}\r\n                value={localAudioInputDeviceId || ''}\r\n                variant=\"outlined\"\r\n              >\r\n                {audioInputDevices.map(device => (\r\n                  <MenuItem value={device.deviceId} key={device.deviceId}>\r\n                    {device.label}\r\n                  </MenuItem>\r\n                ))}\r\n              </Select>\r\n            </FormControl>\r\n          ) : (\r\n            <Typography>{localAudioTrack?.mediaStreamTrack.label || 'No Local Audio'}</Typography>\r\n          )}\r\n        </div>\r\n        <AudioLevelIndicator audioTrack={localAudioTrack} color=\"black\" />\r\n      </Grid>\r\n    </div>\r\n  );\r\n}\r\n","import React from 'react';\r\nimport { FormControl, MenuItem, Typography, Select } from '@material-ui/core';\r\nimport { useAppState } from '../../../state';\r\nimport { useAudioOutputDevices } from '../../../hooks/deviceHooks/deviceHooks';\r\n\r\nexport default function AudioOutputList() {\r\n  const audioOutputDevices = useAudioOutputDevices();\r\n  const { activeSinkId, setActiveSinkId } = useAppState();\r\n  const activeOutputLabel = audioOutputDevices.find(device => device.deviceId === activeSinkId)?.label;\r\n\r\n  return (\r\n    <div className=\"inputSelect\">\r\n      {audioOutputDevices.length > 1 ? (\r\n        <FormControl fullWidth>\r\n          <Typography variant=\"subtitle2\" gutterBottom>\r\n            Audio Output\r\n          </Typography>\r\n          <Select onChange={e => setActiveSinkId(e.target.value as string)} value={activeSinkId} variant=\"outlined\">\r\n            {audioOutputDevices.map(device => (\r\n              <MenuItem value={device.deviceId} key={device.deviceId}>\r\n                {device.label}\r\n              </MenuItem>\r\n            ))}\r\n          </Select>\r\n        </FormControl>\r\n      ) : (\r\n        <>\r\n          <Typography variant=\"subtitle2\">Audio Output</Typography>\r\n          <Typography>{activeOutputLabel || 'System Default Audio Output'}</Typography>\r\n        </>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n","import React from 'react';\r\nimport { DEFAULT_VIDEO_CONSTRAINTS, SELECTED_VIDEO_INPUT_KEY } from '../../../../constants';\r\nimport { FormControl, MenuItem, Typography, Select } from '@material-ui/core';\r\nimport { LocalVideoTrack } from 'twilio-video';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport VideoTrack from '../../VideoTrack/VideoTrack';\r\nimport useMediaStreamTrack from '../../../hooks/useMediaStreamTrack/useMediaStreamTrack';\r\nimport useVideoContext from '../../../hooks/useVideoContext/useVideoContext';\r\nimport { useVideoInputDevices } from '../../../hooks/deviceHooks/deviceHooks';\r\n\r\nconst useStyles = makeStyles({\r\n  preview: {\r\n    width: '300px',\r\n    maxHeight: '200px',\r\n    margin: '0.5em auto',\r\n    '& video': {\r\n      maxHeight: '200px',\r\n    },\r\n  },\r\n});\r\n\r\nexport default function VideoInputList() {\r\n  const classes = useStyles();\r\n  const videoInputDevices = useVideoInputDevices();\r\n  const { localTracks } = useVideoContext();\r\n\r\n  const localVideoTrack = localTracks.find(track => track.kind === 'video') as LocalVideoTrack;\r\n  const mediaStreamTrack = useMediaStreamTrack(localVideoTrack);\r\n  const localVideoInputDeviceId = mediaStreamTrack?.getSettings().deviceId;\r\n\r\n  function replaceTrack(newDeviceId: string) {\r\n    window.localStorage.setItem(SELECTED_VIDEO_INPUT_KEY, newDeviceId);\r\n    localVideoTrack.restart({\r\n      ...(DEFAULT_VIDEO_CONSTRAINTS as {}),\r\n      deviceId: { exact: newDeviceId },\r\n    });\r\n  }\r\n\r\n  return (\r\n    <div>\r\n      {localVideoTrack && (\r\n        <div className={classes.preview}>\r\n          <VideoTrack isLocal track={localVideoTrack} />\r\n        </div>\r\n      )}\r\n      {videoInputDevices.length > 1 ? (\r\n        <FormControl fullWidth>\r\n          <Typography variant=\"subtitle2\" gutterBottom>\r\n            Video Input\r\n          </Typography>\r\n          <Select\r\n            onChange={e => replaceTrack(e.target.value as string)}\r\n            value={localVideoInputDeviceId || ''}\r\n            variant=\"outlined\"\r\n          >\r\n            {videoInputDevices.map(device => (\r\n              <MenuItem value={device.deviceId} key={device.deviceId}>\r\n                {device.label}\r\n              </MenuItem>\r\n            ))}\r\n          </Select>\r\n        </FormControl>\r\n      ) : (\r\n        <>\r\n          <Typography variant=\"subtitle2\" gutterBottom>\r\n            Video Input\r\n          </Typography>\r\n          <Typography>{localVideoTrack?.mediaStreamTrack.label || 'No Local Video'}</Typography>\r\n        </>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n","import React from 'react';\r\n\r\nimport AudioInputList from '../twilio/components/DeviceSelectionDialog/AudioInputList/AudioInputList';\r\nimport AudioOutputList from '../twilio/components/DeviceSelectionDialog/AudioOutputList/AudioOutputList';\r\nimport {\r\n    DialogContent,\r\n    Typography,\r\n    Divider,\r\n    Dialog,\r\n    DialogActions,\r\n    Theme,\r\n    DialogTitle,\r\n} from '@material-ui/core';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport VideoInputList from '../twilio/components/DeviceSelectionDialog/VideoInputList/VideoInputList';\r\nimport { HashiFilledBorderButton } from './HashiBorderButton';\r\nimport { Strings } from '../assets/strings';\r\nimport styled from 'styled-components';\r\n\r\nconst useStyles = makeStyles((theme: Theme) => ({\r\n    container: {\r\n        flex: 1,\r\n        minWidth: '400px',\r\n        minHeight: '400px',\r\n        '& .inputSelect': {\r\n            flex: 1,\r\n        },\r\n    },\r\n    headline: {\r\n        marginBottom: '1.3em',\r\n        fontSize: '1.1rem',\r\n    },\r\n}));\r\n\r\nexport default function RoomSettingsModal(props: IRoomSettingsModalProps) {\r\n    const classes = useStyles();\r\n\r\n    return (\r\n        <Dialog open={props.open} onClose={props.onClose}>\r\n            <DialogTitle>{Strings.AudioVideoSettings}</DialogTitle>\r\n            <Divider />\r\n            <DialogContent className={classes.container}>\r\n                <DropdownContainer>\r\n                    <Typography variant='h6' className={classes.headline}>\r\n                        {Strings.Video}\r\n                    </Typography>\r\n                    <VideoInputList />\r\n                </DropdownContainer>\r\n                <Divider />\r\n                <DropdownContainer>\r\n                    <Typography variant='h6' className={classes.headline}>\r\n                        {Strings.Audio}\r\n                    </Typography>\r\n                    <AudioInputList />\r\n                </DropdownContainer>\r\n                <DropdownContainer>\r\n                    <AudioOutputList />\r\n                </DropdownContainer>\r\n            </DialogContent>\r\n            <Divider />\r\n            <DialogActions>\r\n                <HashiFilledBorderButton onPress={props.onClose}>\r\n                    {Strings.Done}\r\n                </HashiFilledBorderButton>\r\n            </DialogActions>\r\n        </Dialog>\r\n    );\r\n}\r\n\r\nconst DropdownContainer = styled.div`\r\n    margin: 2em 0 0.8em;\r\n    &:first-child {\r\n        margin: 1em 0 2em 0;\r\n    }\r\n`;\r\n\r\ninterface IRoomSettingsModalProps {\r\n    open: boolean;\r\n    onClose: () => void;\r\n}\r\n","import React, { useState } from 'react';\r\nimport { Theme, useMediaQuery } from '@material-ui/core';\r\nimport { HashiIconButton } from '../../../components/HashiIconButton';\r\nimport { faCog } from '@fortawesome/pro-light-svg-icons';\r\nimport RoomSettingsModal from '../../../components/RoomSettingsModal';\r\n\r\nexport default function SettingsMenu() {\r\n    const isMobile = useMediaQuery((theme: Theme) =>\r\n        theme.breakpoints.down('sm')\r\n    );\r\n    const [deviceSettingsOpen, setDeviceSettingsOpen] = useState(false);\r\n\r\n    return (\r\n        <>\r\n            {isMobile ? (\r\n                <></>\r\n            ) : (\r\n                <HashiIconButton\r\n                    onPress={() => setDeviceSettingsOpen(true)}\r\n                    icon={faCog}\r\n                    iconColor={'#ffffff'}\r\n                />\r\n            )}\r\n            <RoomSettingsModal\r\n                open={deviceSettingsOpen}\r\n                onClose={() => {\r\n                    setDeviceSettingsOpen(false);\r\n                }}\r\n            />\r\n        </>\r\n    );\r\n}\r\n","import { logger } from './../services/LoggerService';\r\nimport { LocalAudioTrack, LocalVideoTrack } from 'twilio-video';\r\nimport { useRef } from 'react';\r\nimport useVideoContext from '../twilio/hooks/useVideoContext/useVideoContext';\r\nimport {\r\n    SELECTED_AUDIO_INPUT_KEY,\r\n    SELECTED_VIDEO_INPUT_KEY,\r\n} from '../constants';\r\nimport useIsTrackEnabled from '../twilio/hooks/useIsTrackEnabled/useIsTrackEnabled';\r\n\r\nexport const useToggleTracksEnabled = () => {\r\n    const {\r\n        room: { localParticipant },\r\n        localTracks,\r\n        getLocalAudioTrack,\r\n        getLocalVideoTrack,\r\n        removeLocalAudioTrack,\r\n        removeLocalVideoTrack,\r\n        onError,\r\n    } = useVideoContext();\r\n    const audioTrack = localTracks.find(\r\n        (track) => track.kind === 'audio'\r\n    ) as LocalAudioTrack;\r\n    const isAudioEnabled = useIsTrackEnabled(audioTrack);\r\n    const selectedAudioDeviceId = window.localStorage.getItem(\r\n        SELECTED_AUDIO_INPUT_KEY\r\n    );\r\n    const selectedVideoDeviceId = window.localStorage.getItem(\r\n        SELECTED_VIDEO_INPUT_KEY\r\n    );\r\n    const previousDeviceIdRef = useRef<string | undefined | null>(\r\n        selectedAudioDeviceId\r\n    );\r\n    const videoTrack = localTracks.find((track) =>\r\n        track.name.includes('camera')\r\n    ) as LocalVideoTrack;\r\n    const previousVideoDeviceIdRef = useRef<string | undefined | null>(\r\n        selectedVideoDeviceId\r\n    );\r\n    const lastRunAudioTimeRef = useRef(0);\r\n    const lastRunVideoTimeRef = useRef(0);\r\n\r\n    const disableAllTracksAsync = async () => {\r\n        await disableAudioAsync();\r\n        await disableVideoAsync();\r\n    };\r\n\r\n    const enableAllTracksAsync = async () => {\r\n        await enableAudioAsync();\r\n        await enableVideoAsync();\r\n    };\r\n\r\n    const disableAudioAsync = async () => {\r\n        if (Date.now() - lastRunAudioTimeRef.current < 500) {\r\n            return;\r\n        }\r\n        lastRunAudioTimeRef.current = Date.now();\r\n        try {\r\n            if (audioTrack) {\r\n                audioTrack.disable();\r\n            }\r\n            removeLocalAudioTrack();\r\n        }\r\n        catch (ex) {\r\n            logger.logError(ex);\r\n            //Log Twilio Error\r\n            onError(ex);\r\n        }\r\n    };\r\n\r\n    const enableAudioAsync = async () => {\r\n        if (Date.now() - lastRunAudioTimeRef.current < 500) {\r\n            return;\r\n        }\r\n        if (isAudioEnabled) {\r\n            return;\r\n        }\r\n        lastRunAudioTimeRef.current = Date.now();\r\n        if (audioTrack) {\r\n            audioTrack.enable();\r\n        } else {\r\n            try {\r\n                const track = await getLocalAudioTrack(\r\n                    previousDeviceIdRef.current ?? undefined\r\n                );\r\n                await localParticipant.publishTrack(track, {\r\n                    priority: 'low',\r\n                });\r\n            } catch (ex) {\r\n                logger.logError(ex);\r\n                //Log Twilio Error\r\n                onError(ex);\r\n            }\r\n        }\r\n    };\r\n\r\n    const disableVideoAsync = async () => {\r\n        if (Date.now() - lastRunVideoTimeRef.current < 500) {\r\n            return;\r\n        }\r\n        if (!videoTrack?.isEnabled) {\r\n            return;\r\n        }\r\n        lastRunAudioTimeRef.current = Date.now();\r\n        try {\r\n            let deviceId = videoTrack.mediaStreamTrack.getSettings().deviceId;\r\n            if (deviceId) {\r\n                previousVideoDeviceIdRef.current = deviceId;\r\n                window.localStorage.setItem(SELECTED_VIDEO_INPUT_KEY, deviceId);\r\n            }\r\n            const localTrackPublication = localParticipant?.unpublishTrack(\r\n                videoTrack\r\n            );\r\n            // TODO: remove when SDK implements this event. See: https://issues.corp.twilio.com/browse/JSDK-2592\r\n            (localParticipant as any)?.emit(\r\n                'trackUnpublished',\r\n                localTrackPublication\r\n            );\r\n            removeLocalVideoTrack();\r\n        } catch (ex) {\r\n            logger.logError(ex);\r\n            //Log Twilio Error\r\n            onError(ex);\r\n        }\r\n    };\r\n\r\n    const enableVideoAsync = async () => {\r\n        if (Date.now() - lastRunVideoTimeRef.current < 500) {\r\n            return;\r\n        }\r\n        if (!!videoTrack?.isEnabled) {\r\n            return;\r\n        }\r\n        lastRunAudioTimeRef.current = Date.now();\r\n        try {\r\n            const track = await getLocalVideoTrack({\r\n                deviceId: {\r\n                    exact: previousVideoDeviceIdRef.current ?? undefined,\r\n                },\r\n            });\r\n            await localParticipant?.publishTrack(track, {\r\n                priority: 'low',\r\n            });\r\n        } catch (ex) {\r\n            logger.logError(ex);\r\n            //Log Twilio Error\r\n            onError(ex);\r\n        }\r\n    };\r\n\r\n    return {\r\n        isAudioEnabled: isAudioEnabled,\r\n        isVideoEnabled: !!videoTrack?.isEnabled,\r\n        enableAllTracksAsync,\r\n        disableAllTracksAsync,\r\n        enableAudioAsync,\r\n        disableAudioAsync,\r\n        enableVideoAsync,\r\n        disableVideoAsync,\r\n    };\r\n};\r\n","import { IconProp } from '@fortawesome/fontawesome-svg-core';\r\nimport { HashiIconButton, IHashiIconButtonProps } from './HashiIconButton';\r\nimport { useEffect, useState } from 'react';\r\n\r\nexport const HashiIconToggleButton = (props: IHashiIconToggleButton) => {\r\n    const [isSelected, setIsSelected] = useState<boolean>(!!props.selected);\r\n\r\n    useEffect(() => {\r\n        if (props.selected === isSelected) {\r\n            return;\r\n        }\r\n        setIsSelected(!!props.selected);\r\n    }, [props.selected, isSelected]);\r\n\r\n    const icon: IconProp = isSelected\r\n        ? //Some weird typscript bug is forcing me to cast one of these icons to any to stop the compiler form erroring.\r\n          (props.selectedIcon as any)\r\n        : props.icon;\r\n\r\n    const color = isSelected\r\n        ? props.selectedIconColor ?? props.iconColor\r\n        : props.iconColor;\r\n\r\n    const onPress = () => {\r\n        if (props.toggleOnTap) {\r\n            setIsSelected(!isSelected);\r\n        }\r\n        if (props.onPress) {\r\n            props.onPress();\r\n        }\r\n        if (props.unSelectOnPress && !isSelected) {\r\n            props.unSelectOnPress();\r\n        }\r\n        if (props.selectedOnPress && isSelected) {\r\n            props.selectedOnPress();\r\n        }\r\n    };\r\n\r\n    return (\r\n        <HashiIconButton\r\n            style={props.style}\r\n            icon={icon}\r\n            iconColor={color}\r\n            iconPadding={props.iconPadding}\r\n            iconSize={props.iconSize}\r\n            disabled={props.disabled}\r\n            visible={props.visible}\r\n            onPress={onPress}\r\n        />\r\n    );\r\n};\r\n\r\ninterface IHashiIconToggleButton extends IHashiIconButtonProps {\r\n    selected?: boolean;\r\n    selectedIcon: IconProp;\r\n    selectedIconColor?: string;\r\n    toggleOnTap?: boolean;\r\n    selectedOnPress?: () => void;\r\n    unSelectOnPress?: () => void;\r\n}\r\n","import Fab from '@material-ui/core/Fab';\r\nimport styled from 'styled-components';\r\nimport IProps from './propInterfaces/IDisableButtonProps';\r\n\r\nconst HashiControlFabStyle = {\r\n    background: '#555555',\r\n    height: '100%',\r\n    width: '100%',\r\n    color: '#FFFFFF',\r\n    fontSize: '12px',\r\n};\r\n\r\nconst HashiControlFab = (props: IProps) => (\r\n    <Wrapper>\r\n        <Fab\r\n            disabled={props.isDisabled}\r\n            onClick={props.onClick}\r\n            style={{ ...HashiControlFabStyle, ...props.style }}\r\n        >\r\n            <>{props.children}</>\r\n        </Fab>\r\n    </Wrapper>\r\n);\r\n\r\nconst Wrapper = styled.div`\r\n    height: 56px;\r\n    width: 56px;\r\n    font-size: 12px;\r\n    box-sizing: border-box;\r\n    margin: 12px;\r\n    @media (max-width: 370px), (max-height: 370px) {\r\n        margin: 8px;\r\n        height: 50px;\r\n        width: 50px;\r\n        font-size: 10px;\r\n    }\r\n`;\r\n\r\nexport default HashiControlFab;\r\n","import React, { useRef, useCallback } from 'react';\r\nimport { useHasVideoInputDevices } from '../twilio/hooks/deviceHooks/deviceHooks';\r\nimport { useToggleTracksEnabled } from '../hooks/useToggleTracksEnabled';\r\nimport { HashiIconToggleButton } from '../components/HashiIconToggleButton';\r\nimport colors from '../assets/colors.json';\r\nimport { faVideo, faVideoSlash } from '@fortawesome/pro-light-svg-icons';\r\nimport HashiControlFab from './HashiControlFab';\r\n\r\nconst iconColor = colors.PrimaryTitleText;\r\n\r\nexport const ToggleVideoButton = (props: IToggleVideoButton) => {\r\n    const hasVideoDevices = useHasVideoInputDevices();\r\n    const {\r\n        isVideoEnabled,\r\n        disableVideoAsync,\r\n        enableVideoAsync,\r\n    } = useToggleTracksEnabled();\r\n    const lastClickTimeRef = useRef(0);\r\n\r\n    const toggleVideo = useCallback(() => {\r\n        if (Date.now() - lastClickTimeRef.current > 500) {\r\n            lastClickTimeRef.current = Date.now();\r\n            if (isVideoEnabled) {\r\n                disableVideoAsync();\r\n            } else {\r\n                enableVideoAsync();\r\n            }\r\n        }\r\n    }, [isVideoEnabled, disableVideoAsync, enableVideoAsync]);\r\n\r\n    const VideoIconButton = (iconProps: IVideoIconProps) => {\r\n        return (\r\n            <HashiIconToggleButton\r\n                toggleOnTap={false}\r\n                iconSize={props.iconSize}\r\n                icon={faVideo}\r\n                selectedIcon={faVideoSlash}\r\n                selected={!isVideoEnabled}\r\n                onPress={iconProps.onPress}\r\n                disabled={!hasVideoDevices || props.isDisabled}\r\n                iconColor={props.iconColor ?? iconColor}\r\n            />\r\n        );\r\n    };\r\n\r\n    return props.isFab ? (\r\n        <HashiControlFab\r\n            onClick={toggleVideo}\r\n            isDisabled={!hasVideoDevices || props.isDisabled}\r\n        >\r\n            <VideoIconButton />\r\n        </HashiControlFab>\r\n    ) : (\r\n        <VideoIconButton onPress={toggleVideo} />\r\n    );\r\n};\r\n\r\ninterface IToggleVideoButton {\r\n    iconSize: string;\r\n    isDisabled: boolean;\r\n    iconColor?: string;\r\n    isFab?: boolean;\r\n}\r\n\r\ninterface IVideoIconProps {\r\n    onPress?: () => void;\r\n}\r\n","import React, { useCallback, useRef } from 'react';\r\nimport {\r\n    faMicrophoneSlash,\r\n    faMicrophone,\r\n} from '@fortawesome/pro-light-svg-icons';\r\nimport { useToggleTracksEnabled } from '../hooks/useToggleTracksEnabled';\r\nimport { HashiIconToggleButton } from './HashiIconToggleButton';\r\nimport HashiControlFab from './HashiControlFab';\r\n\r\nexport const ToggleAudioButton = (props: IToggleAudioButtonProps) => {\r\n    const {\r\n        isAudioEnabled,\r\n        enableAudioAsync,\r\n        disableAudioAsync,\r\n    } = useToggleTracksEnabled();\r\n    const lastClickTimeRef = useRef(0);\r\n\r\n    const onPress = useCallback(() => {\r\n        if (Date.now() - lastClickTimeRef.current > 500) {\r\n            lastClickTimeRef.current = Date.now();\r\n            if (isAudioEnabled) {\r\n                disableAudioAsync();\r\n            } else {\r\n                enableAudioAsync();\r\n            }\r\n        }\r\n    }, [isAudioEnabled, disableAudioAsync, enableAudioAsync]);\r\n\r\n    const AudioIconButton = (iconProps: IAudioIconButtonProps) => {\r\n        return (\r\n            <HashiIconToggleButton\r\n                toggleOnTap={false}\r\n                icon={faMicrophone}\r\n                selectedIcon={faMicrophoneSlash}\r\n                iconSize={props.iconSize}\r\n                iconColor={props.iconColor}\r\n                selected={!isAudioEnabled}\r\n                disabled={props.isDisabled}\r\n                onPress={iconProps.onPress}\r\n            />\r\n        );\r\n    };\r\n\r\n    return props.isFab ? (\r\n        <HashiControlFab\r\n            onClick={onPress}\r\n            isDisabled={props.isDisabled}\r\n            data-cy-audio-toggle\r\n        >\r\n            <AudioIconButton />\r\n        </HashiControlFab>\r\n    ) : (\r\n        <AudioIconButton onPress={onPress} />\r\n    );\r\n};\r\n\r\ninterface IToggleAudioButtonProps {\r\n    iconSize: string;\r\n    isDisabled: boolean;\r\n    iconColor?: string;\r\n    isFab?: boolean;\r\n}\r\n\r\ninterface IAudioIconButtonProps {\r\n    onPress?: () => void;\r\n}\r\n","import { faRepeatAlt } from '@fortawesome/pro-light-svg-icons';\r\nimport React from 'react';\r\nimport styled from 'styled-components';\r\nimport { LocalVideoTrack } from 'twilio-video';\r\nimport colors from '../../../assets/colors.json';\r\nimport { HashiIconButton } from '../../../components/HashiIconButton';\r\nimport {\r\n    DEFAULT_VIDEO_CONSTRAINTS,\r\n    SELECTED_VIDEO_INPUT_KEY,\r\n} from '../../../constants';\r\nimport { useVideoInputDevices } from '../../../twilio/hooks/deviceHooks/deviceHooks';\r\nimport useMediaStreamTrack from '../../../twilio/hooks/useMediaStreamTrack/useMediaStreamTrack';\r\nimport useVideoContext from '../../../twilio/hooks/useVideoContext/useVideoContext';\r\nimport SettingsMenuButton from '../components/SettingsMenuButton';\r\nimport { ToggleVideoButton } from '../../../components/ToggleVideoButton';\r\nimport { ToggleAudioButton } from '../../../components/ToggleAudioButton';\r\n\r\nconst iconSize = '20px';\r\nconst iconColor = colors.PrimaryTitleText;\r\n\r\nexport const TeethCheckToolBar = (props: ITeethCheckToolBarProps) => {\r\n    const { localTracks } = useVideoContext();\r\n    const devices = useVideoInputDevices();\r\n\r\n    const ToggleCameraButton = () => {\r\n        const localVideoTrack = localTracks.find(\r\n            (track) => track.kind === 'video'\r\n        ) as LocalVideoTrack;\r\n        const mediaStreamTrack = useMediaStreamTrack(localVideoTrack);\r\n\r\n        const toggleCamera = () => {\r\n            const selectedDeviceId = mediaStreamTrack?.getSettings().deviceId;\r\n            const deviceIndex = devices.findIndex(\r\n                (x) => x.deviceId === selectedDeviceId\r\n            );\r\n            const newIndex = deviceIndex < devices.length ? deviceIndex + 1 : 0;\r\n            const newDevice = devices[newIndex] ?? devices[0];\r\n            window.localStorage.setItem(\r\n                SELECTED_VIDEO_INPUT_KEY,\r\n                newDevice.deviceId\r\n            );\r\n            localVideoTrack.restart({\r\n                ...(DEFAULT_VIDEO_CONSTRAINTS as {}),\r\n                deviceId: { exact: newDevice.deviceId },\r\n            });\r\n        };\r\n\r\n        return devices.length > 1 ? (\r\n            <HashiIconButton\r\n                icon={faRepeatAlt}\r\n                iconSize={iconSize}\r\n                disabled={props.isButtonsDisabled}\r\n                iconColor={iconColor}\r\n                onPress={toggleCamera}\r\n            />\r\n        ) : (\r\n            <></>\r\n        );\r\n    };\r\n\r\n    return (\r\n        <ToolBarContainer>\r\n            <ToolBarIconContainer>\r\n                <IconContainer>\r\n                    <ToggleAudioButton\r\n                        iconSize={iconSize}\r\n                        iconColor={iconColor}\r\n                        isDisabled={props.isButtonsDisabled}\r\n                    />\r\n                </IconContainer>\r\n                <IconContainer>\r\n                    <ToggleVideoButton\r\n                        iconSize={iconSize}\r\n                        iconColor={iconColor}\r\n                        isDisabled={props.isButtonsDisabled}\r\n                    />\r\n                </IconContainer>\r\n                <ToggleCameraButton />\r\n                <SettingsMenuButton />\r\n            </ToolBarIconContainer>\r\n        </ToolBarContainer>\r\n    );\r\n};\r\n\r\nconst ToolBarContainer = styled.div`\r\n    z-index: 2;\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 51px;\r\n    background-color: ${colors.PrimaryVideoOverlay};\r\n    padding: 0 40px;\r\n    border-radius: 0 0 16px 16px;\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n`;\r\n\r\nconst ToolBarIconContainer = styled.div`\r\n    display: flex;\r\n    justify-content: space-between;\r\n`;\r\n\r\nconst IconContainer = styled.div`\r\n    display: flex;\r\n    width: 45px;\r\n    justify-content: center;\r\n`;\r\n\r\ninterface ITeethCheckToolBarProps {\r\n    isButtonsDisabled: boolean;\r\n}\r\n","import { useToggleTracksEnabled } from './useToggleTracksEnabled';\r\nimport useVideoContext from '../twilio/hooks/useVideoContext/useVideoContext';\r\n\r\nexport const usePauseTracks = () => {\r\n    const tracksEnabledService = useToggleTracksEnabled();\r\n    const { isLocalAudioPausedRef, isLocalVideoPausedRef } = useVideoContext();\r\n\r\n    const playTracksAsync = async () => {\r\n        if (isLocalAudioPausedRef.current && isLocalVideoPausedRef.current) {\r\n            await tracksEnabledService.enableAllTracksAsync();\r\n            isLocalAudioPausedRef.current = false;\r\n            isLocalVideoPausedRef.current = false;\r\n            return;\r\n        }\r\n        if (isLocalVideoPausedRef.current) {\r\n            await tracksEnabledService.enableVideoAsync();\r\n            isLocalVideoPausedRef.current = false;\r\n        }\r\n        if (isLocalAudioPausedRef.current) {\r\n            await tracksEnabledService.enableAudioAsync();\r\n            isLocalAudioPausedRef.current = false;\r\n        }\r\n    };\r\n\r\n    const pauseTracksAsync = async () => {\r\n        if (tracksEnabledService.isAudioEnabled) {\r\n            isLocalAudioPausedRef.current = true;\r\n        }\r\n        if (tracksEnabledService.isVideoEnabled) {\r\n            isLocalVideoPausedRef.current = true;\r\n        }\r\n        await tracksEnabledService.disableAllTracksAsync();\r\n    };\r\n\r\n    return { pauseTracksAsync, playTracksAsync };\r\n};\r\n","import styled from 'styled-components';\r\nimport React, { CSSProperties, useEffect } from 'react';\r\nimport useVideoContext from '../../twilio/hooks/useVideoContext/useVideoContext';\r\nimport LocalVideoPreview from '../../twilio/components/PreJoinScreens/DeviceSelectionScreen/LocalVideoPreview/LocalVideoPreview';\r\nimport LocalAudioLevelIndicator from '../../twilio/components/LocalAudioLevelIndicator/LocalAudioLevelIndicator';\r\nimport { useRootNavigation } from '../../NavigationControllers/useRootNavigation';\r\nimport colors from '../../assets/colors.json';\r\nimport { Strings } from '../../assets/strings';\r\nimport { HashiFlexAbsoluteCenterContainer } from '../../components';\r\nimport { TeethCheckToolBar } from './components/TeethCheckToolBar';\r\nimport { HashiAsyncButton } from '../../components/HashiAsyncButton';\r\nimport { logger } from '../../services';\r\nimport { useAppViewModel } from '../../ViewModels/AppViewModelArea/useAppViewModel';\r\nimport { usePauseTracks } from '../../hooks/usePauseTracks';\r\n\r\nexport function TeethCheckView() {\r\n    const { jwt, audioPlayerRef, isRecordingEnabled } = useAppViewModel();\r\n    const {\r\n        connect,\r\n        getAudioAndVideoTracks,\r\n        isAcquiringLocalTracks,\r\n        isConnecting,\r\n    } = useVideoContext();\r\n    const { goToRoom, goToWelcome } = useRootNavigation();\r\n    const disableButtons = isAcquiringLocalTracks || isConnecting;\r\n    const { pauseTracksAsync } = usePauseTracks();\r\n\r\n    useEffect(() => {\r\n        try {\r\n            getAudioAndVideoTracks();\r\n        } catch (ex) {\r\n            alert(Strings.DeviceErrorOccured);\r\n        }\r\n    }, []);\r\n\r\n    const onContinue = async () => {\r\n        //This allows us to play audio anywhere after this!\r\n        //Don't worry this audio player has no source.\r\n        audioPlayerRef?.current?.play();\r\n\r\n        if (!jwt) {\r\n            alert(Strings.UnableToFindRoom);\r\n            logger.logMessage('Missing jwt for twilio');\r\n            await pauseTracksAsync();\r\n            goToWelcome();\r\n            return;\r\n        }\r\n\r\n        try {\r\n            await pauseTracksAsync();\r\n            await connect(jwt);\r\n            goToRoom();\r\n        } catch (ex) {\r\n            logger.logError(ex);\r\n            alert(Strings.UnknownErrorOccured);\r\n        }\r\n    };\r\n\r\n    return (\r\n        <HashiFlexAbsoluteCenterContainer>\r\n            <TeethCheckViewContainer>\r\n                <ContentConatainer>\r\n                    <VideoContainer>\r\n                        <LocalVideoPreview identity={'you'} />\r\n                        <TopBarContainer>\r\n                            <AudioLevelContainer>\r\n                                <LocalAudioLevelIndicator />\r\n                            </AudioLevelContainer>\r\n                        </TopBarContainer>\r\n                        <TeethCheckToolBar isButtonsDisabled={disableButtons} />\r\n                    </VideoContainer>\r\n\r\n                    <BelowVideoContainer>\r\n                        {isRecordingEnabled ? (\r\n                            <ByUsingThisServiceText>\r\n                                {Strings.ByUsingThisService}\r\n                            </ByUsingThisServiceText>\r\n                        ) : (\r\n                            <HowDoYouLookTitle />\r\n                        )}\r\n                        <HashiAsyncButton\r\n                            ContainerStyle={ButtonContainerStyle}\r\n                            onPress={onContinue}\r\n                        >\r\n                            {Strings.Start}\r\n                        </HashiAsyncButton>\r\n                    </BelowVideoContainer>\r\n                    {isRecordingEnabled && <HowDoYouLookTitle />}\r\n                    <FrontFacingCameraText>\r\n                        {Strings.UseFrontCamera}\r\n                    </FrontFacingCameraText>\r\n                </ContentConatainer>\r\n            </TeethCheckViewContainer>\r\n        </HashiFlexAbsoluteCenterContainer>\r\n    );\r\n}\r\n\r\nconst ButtonContainerStyle: CSSProperties = {\r\n    margin: 'auto',\r\n};\r\n\r\nconst BelowVideoContainer = styled.div`\r\n    margin-top: 10px;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: space-between;\r\n`;\r\n\r\nconst TeethCheckViewContainer = styled.div`\r\n    width: 100%;\r\n    margin: auto;\r\n    overflow: auto;\r\n`;\r\n\r\nconst ContentConatainer = styled.div`\r\n    box-sizing: border-box;\r\n    padding: 20px;\r\n    width: 100%;\r\n    max-width: 800px;\r\n    min-width: 250px;\r\n    margin: auto;\r\n\r\n    @media (max-height: 500px) {\r\n        max-width: 60%;\r\n    }\r\n`;\r\n\r\nconst HowDoYouLookTitle = () => {\r\n    return <HowDoYouLookText>{Strings.HowDoYouLook}</HowDoYouLookText>;\r\n};\r\n\r\nconst HowDoYouLookText = styled.div`\r\n    flex: 1;\r\n    margin-top: 20px;\r\n    margin-bottom: 20px;\r\n    font-weight: 500;\r\n    font-size: 20px;\r\n    line-height: 24px;\r\n    min-width: 200px;\r\n    color: ${colors.PrimaryTitleText};\r\n`;\r\n\r\nconst ByUsingThisServiceText = styled.div`\r\n    flex: 1;\r\n    margin-right: 10px;\r\n    font-size: 11px;\r\n    line-height: 16px;\r\n    color: ${colors.SecondaryText};\r\n`;\r\n\r\nconst FrontFacingCameraText = styled.div`\r\n    margin-top: 10px;\r\n    font-size: 18px;\r\n    line-height: 23px;\r\n    color: ${colors.SecondaryText};\r\n\r\n    @media (min-width: 450px) {\r\n        max-width: 50%;\r\n    }\r\n`;\r\n\r\nconst VideoContainer = styled.div`\r\n    position: relative;\r\n    height: 60vh;\r\n`;\r\n\r\nconst TopBarContainer = styled.div`\r\n    z-index: 2;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n`;\r\n\r\nconst AudioLevelContainer = styled.div`\r\n    background-color: ${colors.PrimaryVideoOverlay};\r\n    border-radius: 16px 0 8px 0;\r\n    padding: 3px;\r\n    display: inline-flex;\r\n`;\r\n","import { keyframes } from 'styled-components';\r\n\r\nexport const animations = {\r\n    bounceInFromLeft: keyframes`\r\n        0% {\r\n         opacity: 0;\r\n         transform: translateX(-100%);\r\n        }\r\n        25% {\r\n            transform: translateX(30%);\r\n        }\r\n        75% {\r\n            transform: translateX(-5%);\r\n        }\r\n        100% {\r\n            opacity: 100\r\n            transform: translateX(0%);\r\n        }\r\n    `,\r\n\r\n    slideInFromLeft: keyframes`\r\n    from {\r\n        opacity: 0;\r\n        transform: translateX(-50%);\r\n    }\r\n    to {\r\n        opacity: 100\r\n        transform: translateX(0%);\r\n    }\r\n    `,\r\n\r\n    slideOutToLeft: keyframes`\r\n        from {\r\n            opacity: 100;\r\n            transform: translateX(0%);\r\n        }\r\n        to {\r\n            opacity: 0\r\n            transform: translateX(-50%);\r\n        }\r\n    `,\r\n\r\n    bounceInFromRight: keyframes`\r\n        0% {\r\n         opacity: 0;\r\n         transform: translateX(250%);\r\n        }\r\n        25% {\r\n            transform: translateX(251%);\r\n        }\r\n        75% {\r\n            transform: translateX(-10%);\r\n        }\r\n        90% {\r\n            transform: translateX(2%);\r\n        }\r\n        100% {\r\n            opacity: 100\r\n            transform: translateX(0%);\r\n        }\r\n    `,\r\n\r\n    fadeIn: keyframes`\r\n        0% {\r\n            opacity: 0;\r\n        }\r\n        80% {\r\n            opacity: 0;\r\n        }\r\n        100% {\r\n            opacity: 100;\r\n        }\r\n    `,\r\n\r\n    slideInBottom: keyframes`\r\n        from {\r\n            opacity: 0;\r\n            transform: translateY(50%)\r\n        }\r\n        to {\r\n            opacity: 100;\r\n            transform: translateY(0%)\r\n        }\r\n    `,\r\n\r\n    slideOutBottom: keyframes`\r\n        from {\r\n           opacity: 100;\r\n           transform: translateY(0%)\r\n        }\r\n        to {\r\n           opacity: 0;\r\n           transform: translateY(50%)\r\n        }\r\n`,\r\n};\r\n","import styled from 'styled-components';\r\nimport Strings from '../assets/strings.json';\r\nimport colors from '../assets/colors.json';\r\nimport { useAppViewModel } from '../ViewModels/AppViewModelArea/useAppViewModel';\r\nimport { HashiFlexAbsoluteCenterContainer } from '../components/HashiContentContainers';\r\nimport { animations } from '../assets/animations';\r\nimport { useRootNavigation } from '../NavigationControllers/useRootNavigation';\r\n\r\nexport const QuickWelcomeView = () => {\r\n    const appModel = useAppViewModel();\r\n    const { goToDeviceSetup } = useRootNavigation();\r\n\r\n    setTimeout(() => {\r\n        goToDeviceSetup();\r\n    }, 2500);\r\n\r\n    return (\r\n        <WelcomeContainer>\r\n            <CenterEverything>\r\n                <WelcomeSideBySideWrap>\r\n                    <HashiFlexAbsoluteCenterContainer>\r\n                        <WelcomeTextContainer>\r\n                            <HelloText>{Strings.Hello}</HelloText>\r\n                            <NameText>{appModel.customerFirstName}</NameText>\r\n                            <NameText>{appModel.customerLastName}</NameText>\r\n                            <WelcomeText>{Strings.WelcomeText}</WelcomeText>\r\n                            <CompanyText>{appModel.companyName}</CompanyText>\r\n                        </WelcomeTextContainer>\r\n                    </HashiFlexAbsoluteCenterContainer>\r\n                </WelcomeSideBySideWrap>\r\n            </CenterEverything>\r\n        </WelcomeContainer>\r\n    );\r\n};\r\n\r\nconst WelcomeContainer = styled.div`\r\n    height: 100%;\r\n    min-width: 250px;\r\n    background-color: ${colors.PrimaryBackground};\r\n    flex: 1;\r\n`;\r\n\r\nconst CenterEverything = styled.div`\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    height: 100%;\r\n`;\r\n\r\nconst WelcomeSideBySideWrap = styled.div`\r\n    display: flex;\r\n    flex-direction: row;\r\n    flex-wrap: wrap;\r\n`;\r\n\r\nconst WelcomeTextContainer = styled.div`\r\n    padding: 20px;\r\n    text-align: left;\r\n    flex: 1;\r\n    flex-direction: row;\r\n`;\r\n\r\nconst HelloText = styled.div`\r\n    font-weight: 500;\r\n    font-size: 28px;\r\n    line-height: 34px;\r\n    color: ${colors.PrimaryTitleText};\r\n    animation: ${animations.bounceInFromLeft} 1.1s ease-in-out;\r\n\r\n    @media (max-width: 300px) {\r\n        font-size: 20px;\r\n        line-height: 28px;\r\n    }\r\n`;\r\n\r\nconst NameText = styled.div`\r\n    margin-top: 2px;\r\n    font-weight: 300;\r\n    font-size: 48px;\r\n    line-height: 53px;\r\n    color: ${colors.PrimaryTitleText};\r\n    animation: ${animations.bounceInFromRight} 1.1s ease-in-out;\r\n`;\r\n\r\nconst WelcomeText = styled.div`\r\n    margin-top: 28px;\r\n    font-weight: 500;\r\n    font-size: 18px;\r\n    line-height: 22px;\r\n    color: ${colors.SecondaryText};\r\n    animation: ${animations.fadeIn} 1.3s ease-in-out;\r\n`;\r\n\r\nconst CompanyText = styled.div`\r\n    margin-top: 4px;\r\n    font-weight: 500;\r\n    font-size: 18px;\r\n    line-height: 22px;\r\n    color: ${colors.PrimaryTitleText};\r\n    animation: ${animations.fadeIn} 1.3s ease-in-out;\r\n`;\r\n","import { IconProp } from '@fortawesome/fontawesome-svg-core';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { CSSProperties } from 'react';\r\nimport colors from '../../../assets/colors.json';\r\n\r\nexport const SessionEndedIcon = (props: ISessionEndedIconProps) => {\r\n    return (\r\n        <FontAwesomeIcon\r\n            icon={props.icon}\r\n            style={iconStyle}\r\n            color={colors.PrimaryTextButtonBackground}\r\n        />\r\n    );\r\n};\r\n\r\nconst iconStyle: CSSProperties = {\r\n    fontSize: '70px',\r\n};\r\n\r\ninterface ISessionEndedIconProps {\r\n    icon: IconProp;\r\n}\r\n","import { faCommentAltSmile } from '@fortawesome/pro-light-svg-icons';\r\nimport React, { useEffect } from 'react';\r\nimport {\r\n    HashiFlexAbsoluteCenterContainer,\r\n    HashiFlexRowContainer,\r\n} from '../../components';\r\nimport colors from '../../assets/colors.json';\r\nimport strings from '../../assets/strings.json';\r\nimport styled from 'styled-components';\r\nimport { SessionEndedIcon } from './Components/SessionEndedIcon';\r\nimport useVideoContext from '../../twilio/hooks/useVideoContext/useVideoContext';\r\nimport { HashiFilledBorderButton } from '../../components/HashiBorderButton';\r\n\r\nexport const SessionEndedView = () => {\r\n    const {\r\n        room,\r\n        removeLocalAudioTrack,\r\n        removeLocalVideoTrack,\r\n    } = useVideoContext();\r\n\r\n    useEffect(() => {\r\n        removeLocalAudioTrack();\r\n        removeLocalVideoTrack();\r\n        room.disconnect?.();\r\n        localStorage.clear();\r\n    });\r\n\r\n    //TODO: Update this Value with the app Settings so we go to the correct place.\r\n    const goToSignIn = () => {\r\n        window.open('https://patient.touchmd.com', '_self');\r\n    };\r\n\r\n    return (\r\n        <HashiFlexAbsoluteCenterContainer>\r\n            <SessionEndedContainer>\r\n                <SessionEndedIcon icon={faCommentAltSmile} />\r\n                <SessionEndedText>\r\n                    {strings.YourSessionHasEnded}\r\n                </SessionEndedText>\r\n                <HashiFlexRowContainer>\r\n                    <Divider />\r\n                </HashiFlexRowContainer>\r\n                <ThankYouText>{strings.ThanksForJoining}</ThankYouText>\r\n                <ReLiveConsultText>\r\n                    {strings.ReliveYourConsultation}\r\n                </ReLiveConsultText>\r\n                <SignInButtonContainer>\r\n                    <HashiFilledBorderButton onPress={goToSignIn}>\r\n                        {strings.SignIn}\r\n                    </HashiFilledBorderButton>\r\n                </SignInButtonContainer>\r\n            </SessionEndedContainer>\r\n        </HashiFlexAbsoluteCenterContainer>\r\n    );\r\n};\r\n\r\nconst SessionEndedContainer = styled.div`\r\n    display: flex;\r\n    flex-direction: column;\r\n    margin: 10px;\r\n    align-items: center;\r\n`;\r\n\r\nconst SessionEndedText = styled.div`\r\n    display: flex;\r\n    color: ${colors.PrimaryTitleText};\r\n    font-size: 20px;\r\n    line-height: 25px;\r\n    margin-top: 18px;\r\n    max-width: 159px;\r\n    text-align: center;\r\n`;\r\n\r\nconst Divider = styled.div`\r\n    box-sizing: border-box;\r\n    flex: 1;\r\n    flex-direction: row;\r\n    border: 1px solid ${colors.DividerBorderColor};\r\n    margin-top: 40px;\r\n    max-width: 335px;\r\n`;\r\n\r\nconst ThankYouText = styled.div`\r\n    color: ${colors.PrimaryTitleText};\r\n    font-size: 20px;\r\n    line-height: 25px;\r\n    margin-top: 18px;\r\n    align-self: flex-start;\r\n`;\r\n\r\nconst ReLiveConsultText = styled.div`\r\n    color: ${colors.SecondaryText};\r\n    font-size: 16px;\r\n    line-height: 21px;\r\n    margin-top: 11px;\r\n    max-width: 333px;\r\n    align-self: flex-start;\r\n`;\r\n\r\nconst SignInButtonContainer = styled.div`\r\n    align-self: flex-start;\r\n    margin-top: 15px;\r\n`;\r\n","import { useHistory, useRouteMatch, useLocation } from 'react-router-dom';\r\nimport { IRoute } from '../NavigationControllers/dtos';\r\n\r\n//TODO: This should Probably be a Not Found/Error screen so Developer know whats happneing\r\nconst fallbackRoute = '/';\r\n\r\nexport const useHashiRouting = (routes: IRoute[]) => {\r\n    const history = useHistory();\r\n    const location = useLocation();\r\n\r\n    const showComponent = (component: () => JSX.Element) => {\r\n        const route = getRoute(component);\r\n        if (route === location.pathname) {\r\n            return;\r\n        }\r\n        history.replace(route);\r\n    };\r\n\r\n    const getRoute = (component: () => JSX.Element) => {\r\n        return (\r\n            routes.find((x) => x.component.name === component.name)?.path ??\r\n            fallbackRoute\r\n        );\r\n    };\r\n\r\n    return showComponent;\r\n};\r\n","import React from 'react';\r\nimport styled from 'styled-components';\r\nimport { HashiFlexAbsoluteCenterContainer } from '../../components';\r\nimport { SessionEndedIcon } from './Components/SessionEndedIcon';\r\nimport colors from '../../assets/colors.json';\r\nimport strings from '../../assets/strings.json';\r\nimport { faCommentAltDots } from '@fortawesome/pro-light-svg-icons';\r\n\r\nexport const LostConnectionView = () => {\r\n    return (\r\n        <HashiFlexAbsoluteCenterContainer>\r\n            <SessionEndedIcon icon={faCommentAltDots} />\r\n            <LostConnectionText>{strings.LostConnection}</LostConnectionText>\r\n            <SessionEndedText>{strings.SessionEnded}</SessionEndedText>\r\n        </HashiFlexAbsoluteCenterContainer>\r\n    );\r\n};\r\n\r\nconst LostConnectionText = styled.div`\r\n    color: ${colors.PrimaryTitleText};\r\n    font-size: 20px;\r\n    line-height: 25px;\r\n    margin-top: 18px;\r\n    max-width: 185px;\r\n    text-align: center;\r\n`;\r\n\r\nconst SessionEndedText = styled.div`\r\n    color: ${colors.SecondaryText};\r\n    margin-top: 10px;\r\n    font-size: 16px;\r\n    line-height: 21px;\r\n    text-align: center;\r\n`;\r\n","import { SessionEndedRoutes } from './SessionEndedNavigationController';\r\nimport { SessionEndedView } from '../views/SessionEndedViews/SessionEndedView';\r\nimport { useHashiRouting } from '../hooks/useHashiRouting';\r\nimport { LostConnectionView } from '../views/SessionEndedViews/LostConnectionView';\r\nimport { LeaveSessionView } from '../views/SessionEndedViews/LeaveSessionView';\r\n\r\nexport const useSessionEndedNavigation = () => {\r\n    const showComponent = useHashiRouting(SessionEndedRoutes);\r\n\r\n    const goToSessionEndedView = () => {\r\n        showComponent(SessionEndedView);\r\n    };\r\n\r\n    const goToLostConnectionView = () => {\r\n        showComponent(LostConnectionView);\r\n    };\r\n\r\n    const goToLeaveSessionView = () => {\r\n        showComponent(LeaveSessionView);\r\n    };\r\n\r\n    return {\r\n        goToSessionEndedView,\r\n        goToLostConnectionView,\r\n        goToLeaveSessionView,\r\n    };\r\n};\r\n","import React, { CSSProperties, useEffect } from 'react';\r\nimport styled from 'styled-components';\r\nimport { HashiFlexAbsoluteCenterContainer } from '../../components';\r\nimport { SessionEndedIcon } from './Components/SessionEndedIcon';\r\nimport colors from '../../assets/colors.json';\r\nimport strings from '../../assets/strings.json';\r\nimport { faCommentAltExclamation } from '@fortawesome/pro-light-svg-icons';\r\nimport { useRootNavigation } from '../../NavigationControllers/useRootNavigation';\r\nimport { useSessionEndedNavigation } from '../../NavigationControllers/useSessionEndedNavigation';\r\nimport {\r\n    HashiBorderButton,\r\n    HashiFilledBorderButton,\r\n} from '../../components/HashiBorderButton';\r\nimport { usePauseTracks } from '../../hooks/usePauseTracks';\r\n\r\nexport const LeaveSessionView = () => {\r\n    const rootNavigation = useRootNavigation();\r\n    const sessionEndedNavigation = useSessionEndedNavigation();\r\n    const { pauseTracksAsync } = usePauseTracks();\r\n\r\n    useEffect(() => {\r\n        pauseTracksAsync();\r\n    }, []);\r\n\r\n    const goBackPress = () => {\r\n        rootNavigation.goToRoom();\r\n    };\r\n\r\n    const endCallPress = () => {\r\n        sessionEndedNavigation.goToSessionEndedView();\r\n    };\r\n\r\n    return (\r\n        <HashiFlexAbsoluteCenterContainer>\r\n            <SessionEndedIcon icon={faCommentAltExclamation} />\r\n            <AreYouSureText>{strings.LeaveSessionText}</AreYouSureText>\r\n            <ButtonContainer>\r\n                <HashiFilledBorderButton\r\n                    onPress={goBackPress}\r\n                    ContainerStyle={ButtonContainerStyles}\r\n                >\r\n                    {strings.NoDontLeaveText}\r\n                </HashiFilledBorderButton>\r\n                <HashiBorderButton\r\n                    onPress={endCallPress}\r\n                    ContainerStyle={ButtonContainerStyles}\r\n                >\r\n                    {strings.YesLeaveButtonText}\r\n                </HashiBorderButton>\r\n            </ButtonContainer>\r\n        </HashiFlexAbsoluteCenterContainer>\r\n    );\r\n};\r\n\r\nconst AreYouSureText = styled.div`\r\n    color: ${colors.PrimaryTitleText};\r\n    font-size: 20px;\r\n    line-height: 25px;\r\n    margin-top: 18px;\r\n    max-width: 285px;\r\n    text-align: center;\r\n`;\r\n\r\nconst ButtonContainer = styled.div`\r\n    display: flex;\r\n    justify-content: space-around;\r\n`;\r\n\r\nconst ButtonContainerStyles: CSSProperties = {\r\n    margin: 10,\r\n    marginTop: 40,\r\n};\r\n","import React from 'react';\r\nimport { Switch, Route } from 'react-router-dom';\r\nimport { SessionEndedView } from '../views/SessionEndedViews/SessionEndedView';\r\nimport { LeaveSessionView } from '../views/SessionEndedViews/LeaveSessionView';\r\nimport { LostConnectionView } from '../views/SessionEndedViews/LostConnectionView';\r\nimport { IRoute } from './dtos';\r\n\r\nexport const SessionEndedBaseRoute = '/session-ended';\r\nexport var SessionEndedRoutes: IRoute[] = [\r\n    {\r\n        path: `${SessionEndedBaseRoute}/lost-connection`,\r\n        component: LostConnectionView,\r\n    },\r\n    {\r\n        path: `${SessionEndedBaseRoute}/ended`,\r\n        component: SessionEndedView,\r\n    },\r\n    {\r\n        path: `${SessionEndedBaseRoute}/`,\r\n        component: LeaveSessionView,\r\n    },\r\n];\r\n\r\nexport const SessionEndedNavigationController = () => {\r\n    return (\r\n        <Switch>\r\n            {SessionEndedRoutes.map((route, i) => (\r\n                <Route path={route.path} key={i}>\r\n                    <route.component />\r\n                </Route>\r\n            ))}\r\n        </Switch>\r\n    );\r\n};\r\n","import { useEffect, useRef } from 'react';\r\nimport styled from 'styled-components';\r\nimport colors from '../assets/colors.json';\r\nimport strings from '../assets/strings.json';\r\nimport { HashiFlexAbsoluteCenterContainer, HashiSpinner } from '../components';\r\nimport { useRootNavigation } from '../NavigationControllers/useRootNavigation';\r\nimport { Strings } from '../assets/strings';\r\n\r\nconst loadingTimeoutMilliseconds = 10000;\r\n\r\nexport const RoomLoadingView = () => {\r\n    var navigation = useRootNavigation();\r\n    var timeoutRef = useRef<NodeJS.Timeout>();\r\n\r\n    useEffect(() => {\r\n        //Loading View wait time bail out.\r\n        if (timeoutRef.current) {\r\n            clearTimeout(timeoutRef.current);\r\n        }\r\n        timeoutRef.current = setTimeout(() => {\r\n            navigation.goToWelcome();\r\n            alert(Strings.UnableToFindRoom);\r\n        }, loadingTimeoutMilliseconds);\r\n        return () => {\r\n            if (timeoutRef.current) {\r\n                clearTimeout(timeoutRef.current);\r\n            }\r\n        };\r\n    });\r\n\r\n    return (\r\n        <HashiFlexAbsoluteCenterContainer>\r\n            <HashiSpinner size={50} />\r\n            <LoadingText>{strings.Loading}</LoadingText>\r\n            <LookingForRoomText>\r\n                {strings.TryingToFindRoomText}\r\n            </LookingForRoomText>\r\n        </HashiFlexAbsoluteCenterContainer>\r\n    );\r\n};\r\n\r\nconst LoadingText = styled.div`\r\n    color: ${colors.PrimaryTitleText};\r\n    font-size: 20px;\r\n    line-height: 25px;\r\n    margin-top: 18px;\r\n    max-width: 185px;\r\n    text-align: center;\r\n`;\r\n\r\nconst LookingForRoomText = styled.div`\r\n    color: ${colors.SecondaryText};\r\n    font-size: 16px;\r\n    line-height: 21px;\r\n    margin-top: 10px;\r\n    max-width: 165px;\r\n    text-align: center;\r\n`;\r\n","import React from 'react';\r\n\r\nimport HashiControlFab from '../../../components/HashiControlFab';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faTimes } from '@fortawesome/pro-regular-svg-icons';\r\nimport IHasStyle from '../../../components/propInterfaces/IHasStyle';\r\nimport { useRootNavigation } from '../../../NavigationControllers/useRootNavigation';\r\n\r\nexport default function EndCallButton(props: IHasStyle) {\r\n    const { goToSessionEnded } = useRootNavigation();\r\n\r\n    const confirmDisconnectClick = async () => {\r\n        goToSessionEnded();\r\n    };\r\n\r\n    return (\r\n        <HashiControlFab\r\n            style={{ background: '#FD2E22', fontSize: '12px', ...props.style }}\r\n            onClick={confirmDisconnectClick}\r\n            data-cy-disconnect\r\n        >\r\n            <FontAwesomeIcon icon={faTimes} size='2x' />\r\n        </HashiControlFab>\r\n    );\r\n}\r\n","import React, { useCallback, useEffect, useState } from 'react';\r\nimport { DEFAULT_VIDEO_CONSTRAINTS } from '../../../../constants';\r\nimport { LocalVideoTrack } from 'twilio-video';\r\nimport useMediaStreamTrack from '../../../../twilio/hooks/useMediaStreamTrack/useMediaStreamTrack';\r\nimport useVideoContext from '../../../../twilio/hooks/useVideoContext/useVideoContext';\r\nimport { useVideoInputDevices } from '../../../../twilio/hooks/deviceHooks/deviceHooks';\r\nimport { faRepeat } from '@fortawesome/pro-light-svg-icons';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport IHasStyle from '../../../../components/propInterfaces/IHasStyle';\r\nimport HashiControlFab from '../../../../components/HashiControlFab';\r\n\r\nexport default function FlipCameraButton(props: IHasStyle) {\r\n    const { localTracks } = useVideoContext();\r\n    const [\r\n        supportsFacingMode,\r\n        setSupportsFacingMode,\r\n    ] = useState<Boolean | null>(null);\r\n    const videoTrack = localTracks.find((track) =>\r\n        track.name.includes('camera')\r\n    ) as LocalVideoTrack;\r\n    const mediaStreamTrack = useMediaStreamTrack(videoTrack);\r\n    const videoDeviceList = useVideoInputDevices();\r\n\r\n    useEffect(() => {\r\n        // The 'supportsFacingMode' variable determines if this component is rendered\r\n        // If 'facingMode' exists, we will set supportsFacingMode to true.\r\n        // However, if facingMode is ever undefined again (when the user unpublishes video), we\r\n        // won't set 'supportsFacingMode' to false. This prevents the icon from briefly\r\n        // disappearing when the user switches their front/rear camera.\r\n        const currentFacingMode = mediaStreamTrack?.getSettings().facingMode;\r\n        if (currentFacingMode && supportsFacingMode === null) {\r\n            setSupportsFacingMode(true);\r\n        }\r\n    }, [mediaStreamTrack, supportsFacingMode]);\r\n\r\n    const toggleFacingMode = useCallback(() => {\r\n        const newFacingMode =\r\n            mediaStreamTrack?.getSettings().facingMode === 'user'\r\n                ? 'environment'\r\n                : 'user';\r\n        videoTrack.restart({\r\n            ...(DEFAULT_VIDEO_CONSTRAINTS as {}),\r\n            facingMode: newFacingMode,\r\n        });\r\n    }, [mediaStreamTrack, videoTrack]);\r\n\r\n    function Button() {\r\n        return (\r\n            <HashiControlFab\r\n                style={props.style}\r\n                onClick={toggleFacingMode}\r\n                isDisabled={!videoTrack}\r\n            >\r\n                <FontAwesomeIcon icon={faRepeat} size='2x' />\r\n            </HashiControlFab>\r\n        );\r\n    }\r\n\r\n    return supportsFacingMode && videoDeviceList.length > 1 ? <Button /> : null;\r\n}\r\n","import { useEffect, useState } from 'react';\r\nimport useVideoContext from '../useVideoContext/useVideoContext';\r\n\r\ntype RoomStateType = 'disconnected' | 'connected' | 'reconnecting';\r\n\r\nexport default function useRoomState() {\r\n  const { room } = useVideoContext();\r\n  const [state, setState] = useState<RoomStateType>('disconnected');\r\n\r\n  useEffect(() => {\r\n    const setRoomState = () => setState((room.state || 'disconnected') as RoomStateType);\r\n    setRoomState();\r\n    room\r\n      .on('disconnected', setRoomState)\r\n      .on('reconnected', setRoomState)\r\n      .on('reconnecting', setRoomState);\r\n    return () => {\r\n      room\r\n        .off('disconnected', setRoomState)\r\n        .off('reconnected', setRoomState)\r\n        .off('reconnecting', setRoomState);\r\n    };\r\n  }, [room]);\r\n\r\n  return state;\r\n}\r\n","import React, { useState } from 'react';\r\nimport HashiControlFab from '../../../components/HashiControlFab';\r\nimport RoomSettingsModal from '../../../components/RoomSettingsModal';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faCog } from '@fortawesome/pro-light-svg-icons';\r\nimport IHasStyle from '../../../components/propInterfaces/IHasStyle';\r\n\r\nexport default function Menu(props: IHasStyle) {\r\n    const [settingsOpen, setSettingsOpen] = useState(false);\r\n\r\n    return (\r\n        <>\r\n            <HashiControlFab\r\n                style={props.style}\r\n                onClick={() => setSettingsOpen(true)}\r\n            >\r\n                <FontAwesomeIcon icon={faCog} size='2x' />\r\n            </HashiControlFab>\r\n            <RoomSettingsModal\r\n                open={settingsOpen}\r\n                onClose={() => {\r\n                    setSettingsOpen(false);\r\n                }}\r\n            />\r\n        </>\r\n    );\r\n}\r\n","import React from 'react';\r\nimport styled from 'styled-components';\r\nimport EndCallButton from './EndCallButton';\r\nimport FlipCameraButton from './FlipCameraButton/FlipCameraButton';\r\nimport useRoomState from '../../../twilio/hooks/useRoomState/useRoomState';\r\nimport { ToggleVideoButton } from '../../../components/ToggleVideoButton';\r\nimport { ToggleAudioButton } from '../../../components/ToggleAudioButton';\r\nimport SettingsGear from './SettingsGear';\r\nimport colors from '../../../assets/colors.json';\r\nimport { animations } from '../../../assets/animations';\r\n\r\nconst iconSize = '28px';\r\nconst iconColor = colors.PrimaryTitleText;\r\n\r\nexport default function Controls(props: IControlsProps) {\r\n    const roomState = useRoomState();\r\n    const isReconnecting = roomState === 'reconnecting';\r\n\r\n    return (\r\n        <ControlsContainer className={props.isVisible ? 'visible' : 'hide'}>\r\n            <ControlBackground>\r\n                <ControlLayout>\r\n                    <ToggleAudioButton\r\n                        isFab={true}\r\n                        iconSize={iconSize}\r\n                        iconColor={iconColor}\r\n                        isDisabled={isReconnecting}\r\n                    />\r\n                    <ToggleVideoButton\r\n                        isFab={true}\r\n                        iconSize={iconSize}\r\n                        iconColor={iconColor}\r\n                        isDisabled={isReconnecting}\r\n                    />\r\n                    <ShowHideSettings>\r\n                        <SettingsGear />\r\n                    </ShowHideSettings>\r\n                    <FlipCameraButton />\r\n                    <EndCallButton />\r\n                </ControlLayout>\r\n            </ControlBackground>\r\n        </ControlsContainer>\r\n    );\r\n}\r\n\r\nconst controlsToBottomHeight = '415px';\r\nconst showSettingsSize = '730px';\r\n\r\nconst ControlsContainer = styled.div`\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: flex-end;\r\n    z-index: 2;\r\n    bottom: 0;\r\n    position: fixed;\r\n    margin-bottom: 20px;\r\n\r\n    &.visible {\r\n        animation: ${animations.slideInBottom} 0.6s ease-out;\r\n    }\r\n\r\n    &.hide {\r\n        visibility: hidden;\r\n        transform: translateY(100%);\r\n        transition: all 0.6s;\r\n    }\r\n\r\n    @media (max-height: ${controlsToBottomHeight}) {\r\n        justify-content: flex-start;\r\n        align-items: center;\r\n        margin-left: 20px;\r\n        margin-bottom: 0;\r\n\r\n        &.visible {\r\n            animation: ${animations.slideInFromLeft} 0.6s ease-out;\r\n        }\r\n\r\n        &.hide {\r\n            visibility: hidden;\r\n            transform: translateX(-50%);\r\n            transition: all 0.6s;\r\n        }\r\n    }\r\n`;\r\n\r\nconst ControlLayout = styled.div`\r\n    display: flex;\r\n    flex-direction: row;\r\n\r\n    @media (max-height: ${controlsToBottomHeight}) {\r\n        flex-direction: column;\r\n    }\r\n`;\r\n\r\nconst ControlBackground = styled.div`\r\n    background-color: ${colors.VideoControlsOverlay};\r\n    border-radius: 16px;\r\n    padding: 8px;\r\n`;\r\n\r\nconst ShowHideSettings = styled.div`\r\n    @media (max-width: ${showSettingsSize}), (max-height: ${showSettingsSize}) {\r\n        display: none;\r\n    }\r\n`;\r\n\r\ninterface IControlsProps {\r\n    isVisible: boolean;\r\n}\r\n","import React from 'react';\r\n\r\nexport default function ErrorIcon() {\r\n  return (\r\n    <svg width=\"14px\" height=\"14px\" viewBox=\"0 0 14 14\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\">\r\n      <g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\r\n        <g transform=\"translate(-299.000000, -723.000000)\" fill=\"#D61F1F\">\r\n          <g transform=\"translate(276.000000, 704.000000)\">\r\n            <g transform=\"translate(23.000000, 19.000000)\">\r\n              <path\r\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\"\r\n                id=\"Error\"\r\n              ></path>\r\n            </g>\r\n          </g>\r\n        </g>\r\n      </g>\r\n    </svg>\r\n  );\r\n}\r\n","import React from 'react';\r\n\r\nexport default function WarningIcon() {\r\n  return (\r\n    <svg width=\"16px\" height=\"14px\" viewBox=\"0 0 16 14\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\">\r\n      <g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\r\n        <g transform=\"translate(-273.000000, -162.000000)\" fill=\"#E46216\">\r\n          <g transform=\"translate(251.000000, 143.000000)\">\r\n            <g transform=\"translate(22.000000, 19.000000)\">\r\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>\r\n            </g>\r\n          </g>\r\n        </g>\r\n      </g>\r\n    </svg>\r\n  );\r\n}\r\n","import React from 'react';\r\nimport clsx from 'clsx';\r\nimport CloseIcon from '@material-ui/icons/Close';\r\nimport ErrorIcon from '../../icons/ErrorIcon';\r\nimport { IconButton, makeStyles, Theme, Typography } from '@material-ui/core';\r\nimport MUISnackbar from '@material-ui/core/Snackbar';\r\nimport WarningIcon from '../../icons/WarningIcon';\r\n\r\ninterface SnackbarProps {\r\n  headline: string;\r\n  message: string;\r\n  variant?: 'error' | 'warning';\r\n  open: boolean;\r\n  handleClose?: () => void;\r\n}\r\n\r\nconst useStyles = makeStyles((theme: Theme) => ({\r\n  container: {\r\n    display: 'flex',\r\n    alignItems: 'baseline',\r\n    justifyContent: 'space-between',\r\n    width: '400px',\r\n    minHeight: '50px',\r\n    background: 'white',\r\n    padding: '1em',\r\n    borderRadius: '3px',\r\n    boxShadow: '0 12px 24px 4px rgba(40,42,43,0.2)',\r\n    [theme.breakpoints.down('sm')]: {\r\n      width: '100%',\r\n    },\r\n  },\r\n  contentContainer: {\r\n    display: 'flex',\r\n  },\r\n  iconContainer: {\r\n    display: 'flex',\r\n    padding: '0 1.3em 0 0.3em',\r\n    transform: 'translateY(4px)',\r\n  },\r\n  headline: {\r\n    fontWeight: 'bold',\r\n  },\r\n  error: {\r\n    borderLeft: '4px solid #D61F1F',\r\n  },\r\n  warning: {\r\n    borderLeft: '4px solid #E46216',\r\n  },\r\n}));\r\n\r\nexport default function Snackbar({ headline, message, variant, open, handleClose }: SnackbarProps) {\r\n  const classes = useStyles();\r\n\r\n  const handleOnClose = (_: React.SyntheticEvent | React.MouseEvent, reason?: string) => {\r\n    if (reason === 'clickaway') {\r\n      return;\r\n    }\r\n\r\n    handleClose?.();\r\n  };\r\n\r\n  return (\r\n    <MUISnackbar\r\n      anchorOrigin={{\r\n        vertical: 'top',\r\n        horizontal: 'right',\r\n      }}\r\n      open={open}\r\n      onClose={handleOnClose}\r\n    >\r\n      <div\r\n        className={clsx(classes.container, {\r\n          [classes.error]: variant === 'error',\r\n          [classes.warning]: variant === 'warning',\r\n        })}\r\n      >\r\n        <div className={classes.contentContainer}>\r\n          <div className={classes.iconContainer}>\r\n            {variant === 'warning' && <WarningIcon />}\r\n            {variant === 'error' && <ErrorIcon />}\r\n          </div>\r\n          <div>\r\n            <Typography variant=\"body1\" className={classes.headline} component=\"span\">\r\n              {headline}\r\n            </Typography>\r\n            <Typography variant=\"body1\" component=\"span\">\r\n              {' '}\r\n              {message}\r\n            </Typography>\r\n          </div>\r\n        </div>\r\n        <div>\r\n          {handleClose && (\r\n            <IconButton size=\"small\" aria-label=\"close\" color=\"inherit\" onClick={handleClose}>\r\n              <CloseIcon fontSize=\"small\" />\r\n            </IconButton>\r\n          )}\r\n        </div>\r\n      </div>\r\n    </MUISnackbar>\r\n  );\r\n}\r\n","import React from 'react';\r\nimport Snackbar from '../Snackbar/Snackbar';\r\nimport useRoomState from '../../hooks/useRoomState/useRoomState';\r\n\r\nexport default function ReconnectingNotification() {\r\n  const roomState = useRoomState();\r\n\r\n  return (\r\n    <Snackbar\r\n      variant=\"error\"\r\n      headline=\"Connection Lost:\"\r\n      message=\"Reconnecting to room...\"\r\n      open={roomState === 'reconnecting'}\r\n    />\r\n  );\r\n}\r\n","import React from 'react';\r\nimport Tooltip from '@material-ui/core/Tooltip';\r\nimport SvgIcon from '@material-ui/core/SvgIcon';\r\n\r\nexport default function PinIcon() {\r\n  return (\r\n    <Tooltip title=\"Participant is pinned. Click to un-pin.\" placement=\"top\">\r\n      <SvgIcon\r\n        style={{ float: 'right', background: 'rgba(0, 0, 0, 0.5)', padding: '0.1em', boxSizing: 'content-box' }}\r\n        width=\"26\"\r\n        height=\"26\"\r\n        viewBox=\"0 0 26 26\"\r\n      >\r\n        <path\r\n          fill=\"#FFF\"\r\n          fillRule=\"evenodd\"\r\n          strokeWidth=\"0\"\r\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\"\r\n        />\r\n      </SvgIcon>\r\n    </Tooltip>\r\n  );\r\n}\r\n","import React from 'react';\r\n\r\nexport default function ScreenShareIcon() {\r\n  return (\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\r\n      <path\r\n        fill=\"#707578\"\r\n        fillRule=\"evenodd\"\r\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\"\r\n      />\r\n    </svg>\r\n  );\r\n}\r\n","import { useState, useEffect } from 'react';\r\nimport { LocalVideoTrack, RemoteVideoTrack } from 'twilio-video';\r\n\r\ntype TrackType = RemoteVideoTrack | LocalVideoTrack | undefined | null;\r\n\r\n// The 'switchedOff' event is emitted when there is not enough bandwidth to support\r\n// a track. See: https://www.twilio.com/docs/video/tutorials/using-bandwidth-profile-api#understanding-track-switch-offs\r\n\r\nexport default function useIsTrackSwitchedOff(track: TrackType) {\r\n  const [isSwitchedOff, setIsSwitchedOff] = useState(track && track.isSwitchedOff);\r\n\r\n  useEffect(() => {\r\n    // Reset the value if the 'track' variable changes\r\n    setIsSwitchedOff(track && track.isSwitchedOff);\r\n\r\n    if (track) {\r\n      const handleSwitchedOff = () => setIsSwitchedOff(true);\r\n      const handleSwitchedOn = () => setIsSwitchedOff(false);\r\n      track.on('switchedOff', handleSwitchedOff);\r\n      track.on('switchedOn', handleSwitchedOn);\r\n      return () => {\r\n        track.off('switchedOff', handleSwitchedOff);\r\n        track.off('switchedOn', handleSwitchedOn);\r\n      };\r\n    }\r\n  }, [track]);\r\n\r\n  return !!isSwitchedOff;\r\n}\r\n","import { useEffect, useState } from 'react';\r\nimport { LocalTrackPublication, Participant, RemoteTrackPublication } from 'twilio-video';\r\n\r\ntype TrackPublication = LocalTrackPublication | RemoteTrackPublication;\r\n\r\nexport default function usePublications(participant: Participant) {\r\n  const [publications, setPublications] = useState<TrackPublication[]>([]);\r\n\r\n  useEffect(() => {\r\n    // Reset the publications when the 'participant' variable changes.\r\n    setPublications(Array.from(participant.tracks.values()) as TrackPublication[]);\r\n\r\n    const publicationAdded = (publication: TrackPublication) =>\r\n      setPublications(prevPublications => [...prevPublications, publication]);\r\n    const publicationRemoved = (publication: TrackPublication) =>\r\n      setPublications(prevPublications => prevPublications.filter(p => p !== publication));\r\n\r\n    participant.on('trackPublished', publicationAdded);\r\n    participant.on('trackUnpublished', publicationRemoved);\r\n    return () => {\r\n      participant.off('trackPublished', publicationAdded);\r\n      participant.off('trackUnpublished', publicationRemoved);\r\n    };\r\n  }, [participant]);\r\n\r\n  return publications;\r\n}\r\n","import { useEffect, useState } from 'react';\r\nimport { LocalTrackPublication, RemoteTrackPublication } from 'twilio-video';\r\n\r\nexport default function useTrack(publication: LocalTrackPublication | RemoteTrackPublication | undefined) {\r\n  const [track, setTrack] = useState(publication && publication.track);\r\n\r\n  useEffect(() => {\r\n    // Reset the track when the 'publication' variable changes.\r\n    setTrack(publication && publication.track);\r\n\r\n    if (publication) {\r\n      const removeTrack = () => setTrack(null);\r\n\r\n      publication.on('subscribed', setTrack);\r\n      publication.on('unsubscribed', removeTrack);\r\n      return () => {\r\n        publication.off('subscribed', setTrack);\r\n        publication.off('unsubscribed', removeTrack);\r\n      };\r\n    }\r\n  }, [publication]);\r\n\r\n  return track;\r\n}\r\n","import { useEffect, useState } from 'react';\r\nimport { Participant } from 'twilio-video';\r\n\r\nexport default function useParticipantIsReconnecting(participant: Participant) {\r\n  const [isReconnecting, setIsReconnecting] = useState(false);\r\n\r\n  useEffect(() => {\r\n    const handleReconnecting = () => setIsReconnecting(true);\r\n    const handleReconnected = () => setIsReconnecting(false);\r\n\r\n    handleReconnected(); // Reset state when there is a new participant\r\n\r\n    participant.on('reconnecting', handleReconnecting);\r\n    participant.on('reconnected', handleReconnected);\r\n    return () => {\r\n      participant.off('reconnecting', handleReconnecting);\r\n      participant.off('reconnected', handleReconnected);\r\n    };\r\n  }, [participant]);\r\n\r\n  return isReconnecting;\r\n}\r\n","import React from 'react';\r\nimport clsx from 'clsx';\r\nimport { createStyles, makeStyles, Theme } from '@material-ui/core/styles';\r\nimport {\r\n    LocalAudioTrack,\r\n    LocalVideoTrack,\r\n    Participant,\r\n    RemoteAudioTrack,\r\n    RemoteVideoTrack,\r\n} from 'twilio-video';\r\n\r\nimport AudioLevelIndicator from '../AudioLevelIndicator/AudioLevelIndicator';\r\nimport AvatarIcon from '../../icons/AvatarIcon';\r\nimport PinIcon from './PinIcon/PinIcon';\r\nimport ScreenShareIcon from '../../icons/ScreenShareIcon';\r\nimport Typography from '@material-ui/core/Typography';\r\n\r\nimport useIsTrackSwitchedOff from '../../hooks/useIsTrackSwitchedOff/useIsTrackSwitchedOff';\r\nimport usePublications from '../../hooks/usePublications/usePublications';\r\nimport useTrack from '../../hooks/useTrack/useTrack';\r\nimport useParticipantIsReconnecting from '../../hooks/useParticipantIsReconnecting/useParticipantIsReconnecting';\r\n\r\nconst useStyles = makeStyles((theme: Theme) =>\r\n    createStyles({\r\n        container: {\r\n            background: 'transparent',\r\n            display: 'flex',\r\n            alignItems: 'center',\r\n            width: '100%',\r\n            overflow: 'hidden',\r\n            marginBottom: '2em',\r\n            '& video': {\r\n                filter: 'none',\r\n                objectFit: 'contain !important',\r\n            },\r\n            borderRadius: '16px',\r\n        },\r\n        innerContainer: {\r\n            width: '100%',\r\n            background: 'transparent',\r\n            borderRadius: '16px',\r\n        },\r\n        infoContainer: {\r\n            position: 'absolute',\r\n            zIndex: 2,\r\n            display: 'flex',\r\n            flexDirection: 'column',\r\n            justifyContent: 'space-between',\r\n            background: 'transparent',\r\n            top: 0,\r\n            borderRadius: '16px',\r\n        },\r\n        avatarContainer: {\r\n            display: 'flex',\r\n            alignItems: 'center',\r\n            justifyContent: 'center',\r\n            background: 'black',\r\n            position: 'absolute',\r\n            top: 0,\r\n            right: 0,\r\n            bottom: 0,\r\n            left: 0,\r\n            zIndex: 1,\r\n            borderRadius: '16px',\r\n            [theme.breakpoints.down('sm')]: {\r\n                '& svg': {\r\n                    transform: 'scale(0.7)',\r\n                },\r\n            },\r\n        },\r\n        reconnectingContainer: {\r\n            position: 'absolute',\r\n            top: 0,\r\n            right: 0,\r\n            bottom: 0,\r\n            left: 0,\r\n            display: 'flex',\r\n            alignItems: 'center',\r\n            justifyContent: 'center',\r\n            background: 'rgba(40, 42, 43, 0.75)',\r\n            zIndex: 1,\r\n            borderRadius: '16px',\r\n        },\r\n        screenShareIconContainer: {\r\n            background: 'rgba(0, 0, 0, 0.5)',\r\n            padding: '0.18em 0.3em',\r\n            marginRight: '0.3em',\r\n            display: 'flex',\r\n            '& path': {\r\n                fill: 'white',\r\n            },\r\n            borderRadius: '16px',\r\n        },\r\n        identity: {\r\n            background: 'rgba(0, 0, 0, 0.5)',\r\n            color: 'white',\r\n            padding: '0.18em 0.3em',\r\n            margin: 0,\r\n            display: 'flex',\r\n            alignItems: 'center',\r\n            borderBottomRightRadius: '8px',\r\n            borderTopLeftRadius: '16px',\r\n        },\r\n        infoRowBottom: {\r\n            display: 'flex',\r\n            justifyContent: 'space-between',\r\n            position: 'absolute',\r\n            top: 0,\r\n            left: 0,\r\n        },\r\n        networkQualityContainer: {\r\n            width: '28px',\r\n            height: '28px',\r\n            display: 'flex',\r\n            alignItems: 'center',\r\n            justifyContent: 'center',\r\n            background: 'rgba(0, 0, 0, 0.5)',\r\n        },\r\n        typeography: {\r\n            color: 'white',\r\n            [theme.breakpoints.down('sm')]: {\r\n                fontSize: '0.75rem',\r\n            },\r\n        },\r\n        hideParticipant: {\r\n            display: 'none',\r\n        },\r\n        cursorPointer: {\r\n            cursor: 'pointer',\r\n        },\r\n    })\r\n);\r\n\r\ninterface ParticipantInfoProps {\r\n    participant: Participant;\r\n    children: React.ReactNode;\r\n    onClick?: () => void;\r\n    isSelected?: boolean;\r\n    isLocalParticipant?: boolean;\r\n    hideParticipant?: boolean;\r\n}\r\n\r\nexport default function ParticipantInfo({\r\n    participant,\r\n    onClick,\r\n    isSelected,\r\n    children,\r\n    isLocalParticipant,\r\n    hideParticipant,\r\n}: ParticipantInfoProps) {\r\n    const publications = usePublications(participant);\r\n\r\n    const audioPublication = publications.find((p) => p.kind === 'audio');\r\n    const videoPublication = publications.find((p) =>\r\n        p.trackName.includes('camera')\r\n    );\r\n\r\n    const isVideoEnabled = Boolean(videoPublication);\r\n    const isScreenShareEnabled = publications.find((p) =>\r\n        p.trackName.includes('screen')\r\n    );\r\n\r\n    const videoTrack = useTrack(videoPublication);\r\n    const isVideoSwitchedOff = useIsTrackSwitchedOff(\r\n        videoTrack as LocalVideoTrack | RemoteVideoTrack\r\n    );\r\n\r\n    const audioTrack = useTrack(audioPublication) as\r\n        | LocalAudioTrack\r\n        | RemoteAudioTrack\r\n        | undefined;\r\n    const isParticipantReconnecting = useParticipantIsReconnecting(participant);\r\n\r\n    const classes = useStyles();\r\n\r\n    return (\r\n        <div\r\n            className={clsx(classes.container, {\r\n                [classes.hideParticipant]: hideParticipant,\r\n                [classes.cursorPointer]: Boolean(onClick),\r\n            })}\r\n            onClick={onClick}\r\n            data-cy-participant={participant.identity}\r\n        >\r\n            <div className={classes.infoContainer}>\r\n                <div className={classes.infoRowBottom}>\r\n                    {isScreenShareEnabled && (\r\n                        <span className={classes.screenShareIconContainer}>\r\n                            <ScreenShareIcon />\r\n                        </span>\r\n                    )}\r\n                    <span className={classes.identity}>\r\n                        <AudioLevelIndicator audioTrack={audioTrack} />\r\n                    </span>\r\n                </div>\r\n                <div>{isSelected && <PinIcon />}</div>\r\n            </div>\r\n            <div className={classes.innerContainer}>\r\n                {(!isVideoEnabled || isVideoSwitchedOff) && (\r\n                    <div className={classes.avatarContainer}>\r\n                        <AvatarIcon />\r\n                    </div>\r\n                )}\r\n                {isParticipantReconnecting && (\r\n                    <div className={classes.reconnectingContainer}>\r\n                        <Typography\r\n                            variant='body1'\r\n                            className={classes.typeography}\r\n                        >\r\n                            Reconnecting...\r\n                        </Typography>\r\n                    </div>\r\n                )}\r\n                {children}\r\n            </div>\r\n        </div>\r\n    );\r\n}\r\n","import { useEffect, useRef } from 'react';\r\nimport { AudioTrack as IAudioTrack } from 'twilio-video';\r\nimport { useAppState } from '../../state';\r\n\r\ninterface AudioTrackProps {\r\n    track: IAudioTrack;\r\n}\r\n\r\nexport default function AudioTrack({ track }: AudioTrackProps) {\r\n    const { activeSinkId } = useAppState();\r\n    const audioEl = useRef<HTMLAudioElement>();\r\n\r\n    useEffect(() => {\r\n        audioEl.current = track.attach();\r\n        audioEl.current.setAttribute('data-cy-audio-track-name', track.name);\r\n        document.body.appendChild(audioEl.current);\r\n        return () => {\r\n            track.detach().forEach((el) => el.remove());\r\n        };\r\n    }, [track]);\r\n\r\n    useEffect(() => {\r\n        audioEl.current?.setSinkId?.(activeSinkId);\r\n    }, [activeSinkId]);\r\n\r\n    return null;\r\n}\r\n","import React from 'react';\r\nimport useTrack from '../../hooks/useTrack/useTrack';\r\nimport AudioTrack from '../AudioTrack/AudioTrack';\r\nimport VideoTrack from '../VideoTrack/VideoTrack';\r\n\r\nimport { IVideoTrack } from '../../types';\r\nimport {\r\n  AudioTrack as IAudioTrack,\r\n  LocalTrackPublication,\r\n  Participant,\r\n  RemoteTrackPublication,\r\n  Track,\r\n} from 'twilio-video';\r\n\r\ninterface PublicationProps {\r\n  publication: LocalTrackPublication | RemoteTrackPublication;\r\n  participant: Participant;\r\n  isLocalParticipant?: boolean;\r\n  videoOnly?: boolean;\r\n  videoPriority?: Track.Priority | null;\r\n}\r\n\r\nexport default function Publication({ publication, isLocalParticipant, videoOnly, videoPriority }: PublicationProps) {\r\n  const track = useTrack(publication);\r\n\r\n  if (!track) return null;\r\n\r\n  switch (track.kind) {\r\n    case 'video':\r\n      return (\r\n        <VideoTrack\r\n          track={track as IVideoTrack}\r\n          priority={videoPriority}\r\n          isLocal={track.name.includes('camera') && isLocalParticipant}\r\n        />\r\n      );\r\n    case 'audio':\r\n      return videoOnly ? null : <AudioTrack track={track as IAudioTrack} />;\r\n    default:\r\n      return null;\r\n  }\r\n}\r\n","import React from 'react';\r\nimport { Participant, Track } from 'twilio-video';\r\nimport Publication from '../Publication/Publication';\r\nimport usePublications from '../../hooks/usePublications/usePublications';\r\n\r\ninterface ParticipantTracksProps {\r\n    participant: Participant;\r\n    videoOnly?: boolean;\r\n    enableScreenShare?: boolean;\r\n    videoPriority?: Track.Priority | null;\r\n    isLocalParticipant?: boolean;\r\n}\r\n\r\n/*\r\n *  The object model for the Room object (found here: https://www.twilio.com/docs/video/migrating-1x-2x#object-model) shows\r\n *  that Participant objects have TrackPublications, and TrackPublication objects have Tracks.\r\n *\r\n *  The React components in this application follow the same pattern. This ParticipantTracks component renders Publications,\r\n *  and the Publication component renders Tracks.\r\n */\r\n\r\nexport default function ParticipantTracks({\r\n    participant,\r\n    videoOnly,\r\n    enableScreenShare,\r\n    videoPriority,\r\n    isLocalParticipant,\r\n}: ParticipantTracksProps) {\r\n    const publications = usePublications(participant);\r\n\r\n    let filteredPublications;\r\n\r\n    if (\r\n        enableScreenShare &&\r\n        publications.some((p) => p.trackName.includes('screen'))\r\n    ) {\r\n        filteredPublications = publications.filter(\r\n            (p) => !p.trackName.includes('camera')\r\n        );\r\n    } else {\r\n        filteredPublications = publications.filter(\r\n            (p) => !p.trackName.includes('screen')\r\n        );\r\n    }\r\n\r\n    return (\r\n        <>\r\n            {filteredPublications.map((publication) => (\r\n                <Publication\r\n                    key={publication.kind + publication.trackSid}\r\n                    publication={publication}\r\n                    participant={participant}\r\n                    isLocalParticipant={isLocalParticipant}\r\n                    videoOnly={videoOnly}\r\n                    videoPriority={videoPriority}\r\n                />\r\n            ))}\r\n        </>\r\n    );\r\n}\r\n","import React from 'react';\r\nimport ParticipantInfo from '../ParticipantInfo/ParticipantInfo';\r\nimport ParticipantTracks from '../ParticipantTracks/ParticipantTracks';\r\nimport { Participant as IParticipant } from 'twilio-video';\r\n\r\ninterface ParticipantProps {\r\n    participant: IParticipant;\r\n    videoOnly?: boolean;\r\n    enableScreenShare?: boolean;\r\n    onClick?: () => void;\r\n    isSelected?: boolean;\r\n    isDominantSpeaker?: boolean;\r\n    isLocalParticipant?: boolean;\r\n    hideParticipant?: boolean;\r\n}\r\n\r\nexport default function Participant({\r\n    participant,\r\n    videoOnly,\r\n    enableScreenShare,\r\n    onClick,\r\n    isSelected,\r\n    isLocalParticipant,\r\n    hideParticipant,\r\n}: ParticipantProps) {\r\n    return (\r\n        <ParticipantInfo\r\n            participant={participant}\r\n            onClick={onClick}\r\n            isSelected={isSelected}\r\n            isLocalParticipant={isLocalParticipant}\r\n            hideParticipant={hideParticipant}\r\n        >\r\n            <ParticipantTracks\r\n                participant={participant}\r\n                videoOnly={videoOnly}\r\n                enableScreenShare={enableScreenShare}\r\n                isLocalParticipant={isLocalParticipant}\r\n            />\r\n        </ParticipantInfo>\r\n    );\r\n}\r\n","import { useEffect, useState } from 'react';\r\nimport useVideoContext from '../useVideoContext/useVideoContext';\r\nimport { RemoteParticipant } from 'twilio-video';\r\n\r\nexport default function useDominantSpeaker() {\r\n  const { room } = useVideoContext();\r\n  const [dominantSpeaker, setDominantSpeaker] = useState(room.dominantSpeaker);\r\n\r\n  useEffect(() => {\r\n    // Sometimes, the 'dominantSpeakerChanged' event can emit 'null', which means that\r\n    // there is no dominant speaker. If we change the main participant when 'null' is\r\n    // emitted, the effect can be jarring to the user. Here we ignore any 'null' values\r\n    // and continue to display the previous dominant speaker as the main participant.\r\n    const handleDominantSpeakerChanged = (newDominantSpeaker: RemoteParticipant) => {\r\n      if (newDominantSpeaker !== null) {\r\n        setDominantSpeaker(newDominantSpeaker);\r\n      }\r\n    };\r\n\r\n    // Since 'null' values are ignored, we will need to listen for the 'participantDisconnected'\r\n    // event, so we can set the dominantSpeaker to 'null' when they disconnect.\r\n    const handleParticipantDisconnected = (participant: RemoteParticipant) => {\r\n      setDominantSpeaker(prevDominantSpeaker => {\r\n        return prevDominantSpeaker === participant ? null : prevDominantSpeaker;\r\n      });\r\n    };\r\n\r\n    room.on('dominantSpeakerChanged', handleDominantSpeakerChanged);\r\n    room.on('participantDisconnected', handleParticipantDisconnected);\r\n    return () => {\r\n      room.off('dominantSpeakerChanged', handleDominantSpeakerChanged);\r\n      room.off('participantDisconnected', handleParticipantDisconnected);\r\n    };\r\n  }, [room]);\r\n\r\n  return dominantSpeaker;\r\n}\r\n","import { useEffect, useState } from 'react';\r\nimport { RemoteParticipant } from 'twilio-video';\r\nimport useDominantSpeaker from '../useDominantSpeaker/useDominantSpeaker';\r\nimport useVideoContext from '../useVideoContext/useVideoContext';\r\n\r\nexport default function useParticipants() {\r\n  const { room } = useVideoContext();\r\n  const dominantSpeaker = useDominantSpeaker();\r\n  const [participants, setParticipants] = useState(Array.from(room.participants.values()));\r\n\r\n  // When the dominant speaker changes, they are moved to the front of the participants array.\r\n  // This means that the most recent dominant speakers will always be near the top of the\r\n  // ParticipantStrip component.\r\n  useEffect(() => {\r\n    if (dominantSpeaker) {\r\n      setParticipants(prevParticipants => [\r\n        dominantSpeaker,\r\n        ...prevParticipants.filter(participant => participant !== dominantSpeaker),\r\n      ]);\r\n    }\r\n  }, [dominantSpeaker]);\r\n\r\n  useEffect(() => {\r\n    const participantConnected = (participant: RemoteParticipant) =>\r\n      setParticipants(prevParticipants => [...prevParticipants, participant]);\r\n    const participantDisconnected = (participant: RemoteParticipant) =>\r\n      setParticipants(prevParticipants => prevParticipants.filter(p => p !== participant));\r\n    room.on('participantConnected', participantConnected);\r\n    room.on('participantDisconnected', participantDisconnected);\r\n    return () => {\r\n      room.off('participantConnected', participantConnected);\r\n      room.off('participantDisconnected', participantDisconnected);\r\n    };\r\n  }, [room]);\r\n\r\n  return participants;\r\n}\r\n","import React from 'react';\r\nimport Participant from '../Participant/Participant';\r\nimport useParticipants from '../../hooks/useParticipants/useParticipants';\r\nimport useVideoContext from '../../hooks/useVideoContext/useVideoContext';\r\nimport useSelectedParticipant from '../VideoProvider/useSelectedParticipant/useSelectedParticipant';\r\nimport styled from 'styled-components';\r\nimport useVideoTrackDimensions from '../../hooks/useVideoTrackDimensions/useVideoTrackDimensions';\r\nimport usePublications from '../../hooks/usePublications/usePublications';\r\nimport useTrack from '../../hooks/useTrack/useTrack';\r\nimport { Participant as IParticipant } from 'twilio-video';\r\n\r\nexport default function ParticipantList() {\r\n    const {\r\n        room: { localParticipant },\r\n    } = useVideoContext();\r\n    const participants = useParticipants();\r\n    const [\r\n        selectedParticipant,\r\n        setSelectedParticipant,\r\n    ] = useSelectedParticipant();\r\n\r\n    if (participants.length === 0) return null; // Don't render this component if there are no remote participants.\r\n\r\n    return (\r\n        <ParticipantsContainer>\r\n            <LocalParticipant participant={localParticipant} />\r\n            {participants.map((participant) => {\r\n                //Update this later if we want to show more then the Doctor and the patient.\r\n                //We need this looping for wiring up all the audio.\r\n                const hideParticipant = true;\r\n                return (\r\n                    <Participant\r\n                        key={participant.sid}\r\n                        participant={participant}\r\n                        isSelected={participant === selectedParticipant}\r\n                        onClick={() => setSelectedParticipant(participant)}\r\n                        hideParticipant={hideParticipant}\r\n                    />\r\n                );\r\n            })}\r\n        </ParticipantsContainer>\r\n    );\r\n}\r\n\r\nconst ParticipantsContainer = styled.div``;\r\n\r\nconst LocalParticipant = (props: ILocalParticipantProps) => {\r\n    const publications = usePublications(props.participant);\r\n    const track = useTrack(publications.find((x) => x.kind === 'video'));\r\n    const dimensions = useVideoTrackDimensions(track as any);\r\n    const isPortrait = (dimensions?.height ?? 0) > (dimensions?.width ?? 0);\r\n\r\n    return (\r\n        <LocalParticipantContainer\r\n            style={{ width: isPortrait ? '88px' : '155px' }}\r\n        >\r\n            <Participant\r\n                participant={props.participant}\r\n                isLocalParticipant={true}\r\n            />\r\n        </LocalParticipantContainer>\r\n    );\r\n};\r\n\r\ninterface ILocalParticipantProps {\r\n    participant: IParticipant;\r\n}\r\n\r\nconst LocalParticipantContainer = styled.div`\r\n    z-index: 10;\r\n    top: 0;\r\n    right: 0;\r\n    position: absolute;\r\n    width: 100px;\r\n    min-height: 88px;\r\n    margin: 20px;\r\n    box-sizing: border-box;\r\n    border-radius: 16px;\r\n`;\r\n","import { useState, useEffect } from 'react';\r\nimport { LocalVideoTrack, RemoteVideoTrack } from 'twilio-video';\r\n\r\ntype TrackType = LocalVideoTrack | RemoteVideoTrack;\r\n\r\nexport default function useVideoTrackDimensions(track?: TrackType) {\r\n  const [dimensions, setDimensions] = useState(track?.dimensions);\r\n\r\n  useEffect(() => {\r\n    setDimensions(track?.dimensions);\r\n\r\n    if (track) {\r\n      const handleDimensionsChanged = (track: TrackType) => setDimensions({\r\n        width: track.dimensions.width,\r\n        height: track.dimensions.height\r\n      });\r\n      track.on('dimensionsChanged', handleDimensionsChanged);\r\n      return () => {\r\n        track.off('dimensionsChanged', handleDimensionsChanged);\r\n      };\r\n    }\r\n  }, [track]);\r\n\r\n  return dimensions;\r\n}\r\n","import { useEffect, useState } from 'react';\r\nimport useVideoContext from '../useVideoContext/useVideoContext';\r\n\r\nimport { Participant, TrackPublication } from 'twilio-video';\r\n\r\n/*\r\n  Returns the participant that is sharing their screen (if any). This hook assumes that only one participant\r\n  can share their screen at a time.\r\n*/\r\nexport default function useScreenShareParticipant() {\r\n  const { room } = useVideoContext();\r\n  const [screenShareParticipant, setScreenShareParticipant] = useState<Participant>();\r\n\r\n  useEffect(() => {\r\n    if (room.state === 'connected') {\r\n      const updateScreenShareParticipant = () => {\r\n        setScreenShareParticipant(\r\n          Array.from<Participant>(room.participants.values())\r\n            // the screenshare participant could be the localParticipant\r\n            .concat(room.localParticipant)\r\n            .find((participant: Participant) =>\r\n              Array.from<TrackPublication>(participant.tracks.values()).find(track =>\r\n                track.trackName.includes('screen')\r\n              )\r\n            )\r\n        );\r\n      };\r\n      updateScreenShareParticipant();\r\n\r\n      room.on('trackPublished', updateScreenShareParticipant);\r\n      room.on('trackUnpublished', updateScreenShareParticipant);\r\n      room.on('participantDisconnected', updateScreenShareParticipant);\r\n\r\n      // the room object does not emit 'trackPublished' events for the localParticipant,\r\n      // so we need to listen for them here.\r\n      room.localParticipant.on('trackPublished', updateScreenShareParticipant);\r\n      room.localParticipant.on('trackUnpublished', updateScreenShareParticipant);\r\n      return () => {\r\n        room.off('trackPublished', updateScreenShareParticipant);\r\n        room.off('trackUnpublished', updateScreenShareParticipant);\r\n        room.off('participantDisconnected', updateScreenShareParticipant);\r\n\r\n        room.localParticipant.off('trackPublished', updateScreenShareParticipant);\r\n        room.localParticipant.off('trackUnpublished', updateScreenShareParticipant);\r\n      };\r\n    }\r\n  }, [room]);\r\n\r\n  return screenShareParticipant;\r\n}\r\n","import React from 'react';\r\nimport { makeStyles, Theme } from '@material-ui/core/styles';\r\nimport {\r\n    LocalAudioTrack,\r\n    LocalVideoTrack,\r\n    Participant,\r\n    RemoteAudioTrack,\r\n    RemoteVideoTrack,\r\n} from 'twilio-video';\r\n\r\nimport AvatarIcon from '../../icons/AvatarIcon';\r\nimport Typography from '@material-ui/core/Typography';\r\n\r\nimport useIsTrackSwitchedOff from '../../hooks/useIsTrackSwitchedOff/useIsTrackSwitchedOff';\r\nimport usePublications from '../../hooks/usePublications/usePublications';\r\nimport useScreenShareParticipant from '../../hooks/useScreenShareParticipant/useScreenShareParticipant';\r\nimport useTrack from '../../hooks/useTrack/useTrack';\r\nimport useVideoContext from '../../hooks/useVideoContext/useVideoContext';\r\nimport useParticipantIsReconnecting from '../../hooks/useParticipantIsReconnecting/useParticipantIsReconnecting';\r\nimport AudioLevelIndicator from '../AudioLevelIndicator/AudioLevelIndicator';\r\nimport styled from 'styled-components';\r\nimport useIsTrackEnabled from '../../hooks/useIsTrackEnabled/useIsTrackEnabled';\r\n\r\nconst useStyles = makeStyles((theme: Theme) => ({\r\n    container: {\r\n        position: 'relative',\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n    },\r\n    identity: {\r\n        background: 'rgba(0, 0, 0, 0.5)',\r\n        color: 'white',\r\n        padding: '0.1em 0.3em 0.1em 0',\r\n        fontSize: '1.2em',\r\n        display: 'inline-flex',\r\n        borderBottomRightRadius: '8px',\r\n        '& svg': {\r\n            marginLeft: '0.3em',\r\n        },\r\n    },\r\n    infoContainer: {\r\n        position: 'absolute',\r\n        zIndex: 2,\r\n        height: '100%',\r\n        width: '100%',\r\n    },\r\n    reconnectingContainer: {\r\n        position: 'absolute',\r\n        top: 0,\r\n        right: 0,\r\n        bottom: 0,\r\n        left: 0,\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        justifyContent: 'center',\r\n        background: 'rgba(40, 42, 43, 0.75)',\r\n        zIndex: 1,\r\n    },\r\n    avatarContainer: {\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        justifyContent: 'center',\r\n        background: 'black',\r\n        position: 'absolute',\r\n        top: 0,\r\n        right: 0,\r\n        bottom: 0,\r\n        left: 0,\r\n        zIndex: 1,\r\n        '& svg': {\r\n            transform: 'scale(2)',\r\n        },\r\n    },\r\n}));\r\n\r\ninterface MainParticipantInfoProps {\r\n    participant: Participant;\r\n    children: React.ReactNode;\r\n}\r\n\r\nexport default function MainParticipantInfo({\r\n    participant,\r\n    children,\r\n}: MainParticipantInfoProps) {\r\n    const classes = useStyles();\r\n    const {\r\n        room: { localParticipant },\r\n    } = useVideoContext();\r\n    const isLocal = localParticipant === participant;\r\n\r\n    const screenShareParticipant = useScreenShareParticipant();\r\n    const isRemoteParticipantScreenSharing =\r\n        screenShareParticipant && screenShareParticipant !== localParticipant;\r\n\r\n    const publications = usePublications(participant);\r\n    const videoPublication = publications.find((p) =>\r\n        p.trackName.includes('camera')\r\n    );\r\n    const screenSharePublication = publications.find((p) =>\r\n        p.trackName.includes('screen')\r\n    );\r\n\r\n    const videoTrack = useTrack(screenSharePublication || videoPublication);\r\n    const isVideoEnabled = useIsTrackEnabled(videoTrack as LocalVideoTrack | RemoteVideoTrack);\r\n\r\n    const audioPublication = publications.find((p) => p.kind === 'audio');\r\n    const audioTrack = useTrack(audioPublication) as\r\n        | LocalAudioTrack\r\n        | RemoteAudioTrack\r\n        | undefined;\r\n\r\n    const isVideoSwitchedOff = useIsTrackSwitchedOff(\r\n        videoTrack as LocalVideoTrack | RemoteVideoTrack\r\n    );\r\n    const isParticipantReconnecting = useParticipantIsReconnecting(participant);\r\n\r\n    return (\r\n        <MainParticipantContainer\r\n            data-cy-main-participant\r\n            data-cy-participant={participant.identity}\r\n        >\r\n            <div className={classes.infoContainer}>\r\n                <div className={classes.identity}>\r\n                    <AudioLevelIndicator audioTrack={audioTrack} />\r\n                </div>\r\n            </div>\r\n            {(!isVideoEnabled || isVideoSwitchedOff) && (\r\n                <div className={classes.avatarContainer}>\r\n                    <AvatarIcon />\r\n                </div>\r\n            )}\r\n            {isParticipantReconnecting && (\r\n                <div className={classes.reconnectingContainer}>\r\n                    <Typography variant='body1' style={{ color: 'white' }}>\r\n                        Reconnecting...\r\n                    </Typography>\r\n                </div>\r\n            )}\r\n            {children}\r\n        </MainParticipantContainer>\r\n    );\r\n}\r\n\r\nconst MainParticipantContainer = styled.div`\r\n    height: 100%;\r\n    width: 100%;\r\n`;\r\n","import useVideoContext from '../useVideoContext/useVideoContext';\r\nimport useDominantSpeaker from '../useDominantSpeaker/useDominantSpeaker';\r\nimport useParticipants from '../useParticipants/useParticipants';\r\nimport useScreenShareParticipant from '../useScreenShareParticipant/useScreenShareParticipant';\r\nimport useSelectedParticipant from '../../components/VideoProvider/useSelectedParticipant/useSelectedParticipant';\r\n\r\nexport default function useMainParticipant() {\r\n  const [selectedParticipant] = useSelectedParticipant();\r\n  const screenShareParticipant = useScreenShareParticipant();\r\n  const dominantSpeaker = useDominantSpeaker();\r\n  const participants = useParticipants();\r\n  const {\r\n    room: { localParticipant },\r\n  } = useVideoContext();\r\n  const remoteScreenShareParticipant = screenShareParticipant !== localParticipant ? screenShareParticipant : null;\r\n\r\n  // The participant that is returned is displayed in the main video area. Changing the order of the following\r\n  // variables will change the how the main speaker is determined.\r\n  return selectedParticipant || remoteScreenShareParticipant || dominantSpeaker || participants[0] || localParticipant;\r\n}\r\n","import MainParticipantInfo from '../MainParticipantInfo/MainParticipantInfo';\r\nimport ParticipantTracks from '../ParticipantTracks/ParticipantTracks';\r\nimport React from 'react';\r\nimport useMainParticipant from '../../hooks/useMainParticipant/useMainParticipant';\r\nimport useSelectedParticipant from '../VideoProvider/useSelectedParticipant/useSelectedParticipant';\r\nimport useScreenShareParticipant from '../../hooks/useScreenShareParticipant/useScreenShareParticipant';\r\nimport useVideoContext from '../../hooks/useVideoContext/useVideoContext';\r\n\r\nexport default function MainParticipant() {\r\n  const mainParticipant = useMainParticipant();\r\n  const {\r\n    room: { localParticipant },\r\n  } = useVideoContext();\r\n  const [selectedParticipant] = useSelectedParticipant();\r\n  const screenShareParticipant = useScreenShareParticipant();\r\n\r\n  const videoPriority =\r\n    (mainParticipant === selectedParticipant || mainParticipant === screenShareParticipant) &&\r\n    mainParticipant !== localParticipant\r\n      ? 'high'\r\n      : null;\r\n\r\n  return (\r\n    /* audio is disabled for this participant component because this participant's audio \r\n       is already being rendered in the <ParticipantStrip /> component.  */\r\n    <MainParticipantInfo participant={mainParticipant}>\r\n      <ParticipantTracks\r\n        participant={mainParticipant}\r\n        videoOnly\r\n        enableScreenShare={mainParticipant !== localParticipant}\r\n        videoPriority={videoPriority}\r\n        isLocalParticipant={mainParticipant === localParticipant}\r\n      />\r\n    </MainParticipantInfo>\r\n  );\r\n}\r\n","import React from 'react';\r\nimport ParticipantList from '../ParticipantList/ParticipantList';\r\nimport MainParticipant from '../MainParticipant/MainParticipant';\r\nimport styled from 'styled-components';\r\n\r\nexport default function Room() {\r\n    return (\r\n        <RoomContainer>\r\n            <MainParticipant />\r\n            <ParticipantList />\r\n        </RoomContainer>\r\n    );\r\n}\r\n\r\nconst RoomContainer = styled.div`\r\n    position: relative;\r\n    height: 100%;\r\n    width: 100%;\r\n    display: flex;\r\n`;\r\n","import React, { useEffect, useState } from 'react';\r\nimport Controls from './components/Controls';\r\nimport ReconnectingNotification from '../../twilio/components/ReconnectingNotification/ReconnectingNotification';\r\nimport Room from '../../twilio/components/Room/Room';\r\nimport { usePauseTracks } from '../../hooks/usePauseTracks';\r\nimport styled from 'styled-components';\r\n\r\nconst showControlsTime = 4000;\r\nvar showControlsTimeout: NodeJS.Timeout;\r\n\r\nexport default function RoomView() {\r\n    const [showControls, setShowControls] = useState(true);\r\n    const { playTracksAsync } = usePauseTracks();\r\n\r\n    useEffect(() => {\r\n        loadDataAsync();\r\n    }, []);\r\n\r\n    const loadDataAsync = async () => {\r\n        await playTracksAsync();\r\n        ShowControls();\r\n    };\r\n\r\n    const ShowControls = () => {\r\n        clearTimeout(showControlsTimeout);\r\n        setShowControls(true);\r\n        showControlsTimeout = setTimeout(() => {\r\n            setShowControls(false);\r\n        }, showControlsTime);\r\n    };\r\n\r\n    return (\r\n        <RoomContainer onClick={ShowControls}>\r\n            <MainContainer>\r\n                <ReconnectingNotification />\r\n                <Room />\r\n                <Controls isVisible={showControls} />\r\n            </MainContainer>\r\n        </RoomContainer>\r\n    );\r\n}\r\n\r\nconst RoomContainer = styled.div`\r\n    display: flex;\r\n    height: 100%;\r\n    width: 100%;\r\n`;\r\n\r\nconst MainContainer = styled.div`\r\n    overflow: hidden;\r\n    background-color: black;\r\n    height: 100%;\r\n    width: 100%;\r\n`;\r\n","export enum AdEventType {\r\n  TwoSecondView = 0,\r\n  FullView = 1,\r\n  FailedToPlay = 2,\r\n}\r\n","import { Ad } from '../models/Ad';\r\n\r\nconst apiHost = 'api';\r\nclass RouteProvider {\r\n    public getPlaylistRoute = () => `${apiHost}/Playlist`;\r\n\r\n    public adEventsRoute = (adId: number) => `${apiHost}/Ads/${adId}/Events`;\r\n\r\n    public createAdInterestRoute = (ad: Ad) =>\r\n        `${apiHost}/Ads/${ad?.id}/Interests`;\r\n\r\n    public deletePatientAdInterestRoute = (adInterestId: number) =>\r\n        `${apiHost}/AdInterests/${adInterestId}`;\r\n}\r\n\r\nexport const routeProvider = new RouteProvider();\r\n","import { routeProvider } from './RouteProvider';\r\nimport { httpService, logger } from '../../services';\r\nimport { IAdInterestDtoIn } from '../dtos';\r\nimport { Ad } from '../models/Ad';\r\n\r\nclass AdInterestsProvider {\r\n    public async deleteAdInterestAsync(\r\n        adInterestId: number,\r\n        accessToken: string\r\n    ): Promise<void> {\r\n        var uri = routeProvider.deletePatientAdInterestRoute(adInterestId);\r\n        await httpService.deleteAsync(uri, accessToken);\r\n    }\r\n\r\n    public async saveAdInterestAsync(ad: Ad, accessToken: string) {\r\n        var uri = routeProvider.createAdInterestRoute(ad);\r\n\r\n        try {\r\n            var interest = await httpService.postAsync<IAdInterestDtoIn>(\r\n                uri,\r\n                undefined,\r\n                accessToken\r\n            );\r\n            ad.AdInterestId = interest.Id;\r\n        } catch (ex) {\r\n            logger.logError(ex);\r\n            //nothing to do here.\r\n        }\r\n    }\r\n}\r\n\r\nexport const adInterestsProvider = new AdInterestsProvider();\r\n","import { httpService, logger } from '../../services';\r\nimport { IAdEventDtoOut } from '../dtos';\r\nimport { routeProvider } from './RouteProvider';\r\nimport { Ad } from '../models/Ad';\r\nimport { AdEventType } from '../models/AdEventType';\r\n\r\nclass AdEventProvider {\r\n    public postPlayForTwoSecondsAsync = async (ad: Ad, accessToken: string) => {\r\n        await this.postAdEventAsync(AdEventType.TwoSecondView, accessToken, ad);\r\n    };\r\n\r\n    public postCompletedAsync = async (ad: Ad, accessToken: string) => {\r\n        await this.postAdEventAsync(AdEventType.FullView, accessToken, ad);\r\n    };\r\n\r\n    public postFailedAsync = async (ad: Ad, accessToken: string) => {\r\n        await this.postAdEventAsync(AdEventType.FailedToPlay, accessToken, ad);\r\n    };\r\n\r\n    private postAdEventAsync = async (\r\n        type: AdEventType,\r\n        accessToken: string,\r\n        ad?: Ad\r\n    ) => {\r\n        if (!ad) {\r\n            return;\r\n        }\r\n        let event = this.getAdEventDto(ad.id, type);\r\n        await this.postAsync(accessToken, event);\r\n    };\r\n\r\n    private async postAsync(\r\n        accessToken: string,\r\n        dtoOut: IAdEventDtoOut\r\n    ): Promise<void> {\r\n        var uri = routeProvider.adEventsRoute(dtoOut.AdId);\r\n\r\n        try {\r\n            await httpService.postAsync(uri, dtoOut, accessToken);\r\n        } catch (ex) {\r\n            logger.logError(ex);\r\n            //Do nothing. We just want to try to post add event.\r\n            //Since we are streaming this shouldn't fail often.\r\n        }\r\n    }\r\n\r\n    private getAdEventDto = (adId: number, adEventType: AdEventType) => {\r\n        return {\r\n            AdId: adId,\r\n            EventType: adEventType,\r\n            EventDate: new Date(),\r\n        } as IAdEventDtoOut;\r\n    };\r\n}\r\n\r\nexport const adEventProvider = new AdEventProvider();\r\n","import styled from 'styled-components';\r\n\r\nexport const CenterContentContainer = styled.div`\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin: auto;\r\n    height: 100%;\r\n    width: 100%;\r\n    overflow: hidden;\r\n`;\r\n","import React from 'react';\r\nimport { faSpinner } from '@fortawesome/pro-regular-svg-icons';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { CenterContentContainer } from './CenterContentContainer';\r\nimport styled from 'styled-components';\r\n\r\nexport const PlaylistLoader = () => {\r\n    return (\r\n        <LoaderContainer>\r\n            <CenterContentContainer>\r\n                <FontAwesomeIcon\r\n                    className={'fa-pulse'}\r\n                    icon={faSpinner}\r\n                    color={'white'}\r\n                />\r\n                <LoadingText>Loading...</LoadingText>\r\n            </CenterContentContainer>\r\n        </LoaderContainer>\r\n    );\r\n};\r\n\r\nconst LoaderContainer = styled.div`\r\n    background-color: black;\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n`;\r\n\r\nconst LoadingText = styled.div`\r\n    margin-top: 10px;\r\n    font-size: 16px;\r\n    color: white;\r\n`;\r\n","import { useState } from 'react';\r\nimport styled from 'styled-components';\r\nimport usePlaylistViewModel from '../ViewModels/PlaylistViewModelArea/usePlaylistViewModel';\r\nimport { Ad } from '../models/Ad';\r\nimport { PlaylistLoader } from './PlaylistLoader';\r\nimport { VideoAd } from '../models/VideoAd';\r\n\r\nexport const VideoPlayer = (props: IVideoPlayerProps) => {\r\n    const {\r\n        setIsPaused,\r\n        isPaused,\r\n        onAdEnd,\r\n        on2SecondPlay,\r\n        activeAd,\r\n        onError,\r\n        videoPlayerRef,\r\n    } = usePlaylistViewModel();\r\n    const [isLoading, setIsLoading] = useState(true);\r\n    let isTwoSecondPlayLogged: boolean;\r\n\r\n    const videoLoadedEvent = () => {\r\n        setIsLoading(false);\r\n        setIsPaused(false);\r\n    };\r\n\r\n    const videoPausedEvent = () => {\r\n        if (isPaused) {\r\n            return;\r\n        }\r\n        setIsPaused(true);\r\n    };\r\n\r\n    const videoPlayedFor2SecondsEvent = () => {\r\n        if (isTwoSecondPlayLogged) {\r\n            return;\r\n        }\r\n        isTwoSecondPlayLogged = true;\r\n\r\n        on2SecondPlay(props.ad);\r\n    };\r\n\r\n    const videoEndedEvent = () => {\r\n        setIsLoading(true);\r\n        onAdEnd(props.ad);\r\n    };\r\n\r\n    const videoErroredEvent = (\r\n        error: React.SyntheticEvent<HTMLVideoElement, Event>\r\n    ) => {\r\n        setIsLoading(true);\r\n        if (!(activeAd instanceof VideoAd)) {\r\n            return;\r\n        }\r\n        onError(props.ad);\r\n    };\r\n\r\n    return (\r\n        <>\r\n            <PlaylistVideo\r\n                src={props.ad.publicUrl.toString()}\r\n                ref={videoPlayerRef}\r\n                onPlay={videoLoadedEvent}\r\n                onPause={videoPausedEvent}\r\n                onEnded={videoEndedEvent}\r\n                onError={videoErroredEvent}\r\n                onProgress={videoPlayedFor2SecondsEvent}\r\n                muted={true}\r\n                autoPlay={true}\r\n                controls={false}\r\n                playsInline={true}\r\n            ></PlaylistVideo>\r\n            {isLoading && <PlaylistLoader />}\r\n        </>\r\n    );\r\n};\r\n\r\nconst PlaylistVideo = styled.video`\r\n    height: 100%;\r\n    width: 100%;\r\n    object-fit: contain;\r\n    border-radius: 8px;\r\n`;\r\n\r\nexport interface IVideoPlayerProps {\r\n    ad: Ad;\r\n}\r\n","import { AdType } from './AdType';\r\n\r\nexport class Ad {\r\n    public static minimumDuration = 3;\r\n\r\n    constructor(\r\n        public id: number,\r\n        public name: string,\r\n        public type: AdType,\r\n        public publicUrl: URL,\r\n        public duration?: number,\r\n        public ThumbnailPublicUrl?: URL,\r\n        public uniqueId?: string\r\n    ) {}\r\n    public hasBeenViewed?: boolean;\r\n    public isFavorite?: boolean;\r\n    public AdInterestId?: number;\r\n    public Component?: () => React.FunctionComponentElement<any>;\r\n}\r\n","import React from 'react';\r\nimport { VideoPlayer, IVideoPlayerProps } from './../components/VideoPlayer';\r\nimport { Ad } from './Ad';\r\n\r\nexport class VideoAd extends Ad {\r\n    public Component: () => React.FunctionComponentElement<IVideoPlayerProps> = () =>\r\n        React.createElement(VideoPlayer, { ad: this });\r\n}\r\n","export enum AdType {\r\n  Video = 'Video',\r\n  Image = 'Image',\r\n  ImageLandscape = 'ImageLandscape',\r\n  VideoLandscape = 'VideoLandscape',\r\n  ImagePortrait = 'ImagePortrait',\r\n  VideoPortrait = 'VideoPortrait',\r\n}\r\n","import { Ad } from './Ad';\r\n\r\nexport class Playlist {\r\n    public ads: Ad[] = [];\r\n    public adInterestsEnabled?: boolean;\r\n}\r\n","import { adInterestsProvider } from '../../providers/AdInterestsProvider';\r\nimport { useState, useRef, MutableRefObject } from 'react';\r\nimport { Ad } from '../../models/Ad';\r\nimport { logger } from '../../../services';\r\nimport { adEventProvider } from '../../providers/AdEventProvider';\r\nimport { playlistProvider } from '../../providers/PlaylistProvider';\r\n\r\nconst adBuffer = 3;\r\nvar playlistAds: Ad[] = [];\r\nvar lastAdIndex: number = -1;\r\nvar lastActiveAd: Ad;\r\n\r\nexport default function useMakePlaylistViewModelValue(\r\n    accessToken: string,\r\n    onDisablePlaylist: (() => void) | undefined\r\n): IPlaylistViewModel {\r\n    const playlistAdsRef = useRef<Ad[]>(playlistAds);\r\n    const [activeAdIndex, setActiveAdIndex] = useState(lastAdIndex);\r\n    const [activeAd, setActiveAd] = useState<Ad | undefined>(lastActiveAd);\r\n    const [isPaused, setIsPaused] = useState(false);\r\n    const [isAudioMuted, setIsAudioMuted] = useState(true);\r\n    const [isFavorite, setIsFavorite] = useState(false);\r\n    const [adInterestsEnabled, setAdInterestsEnabled] = useState(true);\r\n    const [isFullScreen, setIsFullScreen] = useState(false);\r\n    const videoPlayerRef = useRef<HTMLVideoElement>(null);\r\n\r\n    const hasAds = () => {\r\n        return playlistAdsRef.current.length > 0;\r\n    };\r\n\r\n    const setNewActiveAd = (index: number) => {\r\n        lastAdIndex = index;\r\n        lastActiveAd = playlistAdsRef.current[index];\r\n        setActiveAdIndex(index);\r\n        setActiveAd(lastActiveAd);\r\n    };\r\n\r\n    const refreshPlaylist = () => {\r\n        setNewActiveAd(-1);\r\n        setAdInterestsEnabled(true);\r\n        playlistAds = [];\r\n        playlistAdsRef.current = [];\r\n        getMorePlaylistAds();\r\n    };\r\n\r\n    const startPlaylistAsync = async () => {\r\n        if (activeAdIndex > -1) {\r\n            return;\r\n        }\r\n        if (!hasAds()) {\r\n            await getMorePlaylistAds();\r\n        }\r\n        if (!hasAds()) {\r\n            onDisablePlaylist?.();\r\n        }\r\n        setNewActiveAd(0);\r\n    };\r\n\r\n    const advancePlayhead = () => {\r\n        let newIndex = activeAdIndex + 1;\r\n        setNewActiveAd(newIndex);\r\n\r\n        //Ads that just started playing can't already be favorited.\r\n        setIsFavorite(false);\r\n\r\n        let getMoreAds = newIndex + adBuffer === playlistAdsRef.current.length;\r\n\r\n        if (getMoreAds) {\r\n            getMorePlaylistAds();\r\n        }\r\n    };\r\n\r\n    const on2SecondPlay = async (ad: Ad) => {\r\n        await adEventProvider.postPlayForTwoSecondsAsync(ad, accessToken);\r\n    };\r\n\r\n    const onAdEnd = async (ad: Ad) => {\r\n        advancePlayhead();\r\n        await adEventProvider.postCompletedAsync(ad, accessToken);\r\n    };\r\n\r\n    const onError = async (ad: Ad) => {\r\n        advancePlayhead();\r\n        logger.logMessage(`${ad.name} failed to play`);\r\n        await adEventProvider.postFailedAsync(ad, accessToken);\r\n    };\r\n\r\n    const toggleAdFavoriteAsync = async () => {\r\n        if (!activeAd) {\r\n            return;\r\n        }\r\n        activeAd.isFavorite = !activeAd.isFavorite;\r\n        setIsFavorite(activeAd.isFavorite);\r\n\r\n        if (activeAd.isFavorite) {\r\n            await SaveAdFavoriteAsync(activeAd);\r\n        } else if (activeAd.AdInterestId) {\r\n            await DeleteAdFavoriteAsync(activeAd.AdInterestId);\r\n        }\r\n    };\r\n\r\n    const SaveAdFavoriteAsync = async (ad: Ad) => {\r\n        await adInterestsProvider.saveAdInterestAsync(ad, accessToken);\r\n    };\r\n\r\n    const DeleteAdFavoriteAsync = async (interestId: number) => {\r\n        await adInterestsProvider.deleteAdInterestAsync(\r\n            interestId,\r\n            accessToken\r\n        );\r\n    };\r\n\r\n    const toggleFullScreen = () => {\r\n        if (isFullScreen) {\r\n            closeFullScreen();\r\n        } else {\r\n            openFullScreen();\r\n        }\r\n    };\r\n\r\n    const openFullScreen = () => {\r\n        setIsFullScreen(true);\r\n    };\r\n\r\n    const closeFullScreen = () => {\r\n        setIsFullScreen(false);\r\n    };\r\n\r\n    const getMorePlaylistAds = async () => {\r\n        try {\r\n            var playlist = await playlistProvider.getNewPlaylist(accessToken);\r\n            if (playlist?.ads?.length > 0) {\r\n                playlistAds = [...playlistAds, ...playlist.ads];\r\n                playlistAdsRef.current = playlistAds;\r\n                setAdInterestsEnabled(!!playlist.adInterestsEnabled);\r\n            }\r\n        } catch (ex) {\r\n            logger.logError(ex);\r\n        }\r\n    };\r\n\r\n    return {\r\n        adInterestsEnabled,\r\n        activeAd,\r\n        playlistAdsRef,\r\n        hasAds,\r\n        refreshPlaylist,\r\n        startPlaylistAsync,\r\n        advancePlayhead,\r\n        on2SecondPlay,\r\n        onAdEnd,\r\n        onError,\r\n        toggleAdFavoriteAsync,\r\n        isPaused,\r\n        isFavorite,\r\n        isAudioMuted,\r\n        setIsAudioMuted,\r\n        setIsPaused,\r\n        setIsFavorite,\r\n        isFullScreen,\r\n        toggleFullScreen,\r\n        videoPlayerRef,\r\n    };\r\n}\r\n\r\nexport interface IPlaylistViewModel {\r\n    adInterestsEnabled: boolean;\r\n    activeAd: Ad | undefined;\r\n    playlistAdsRef: MutableRefObject<Ad[]>;\r\n    hasAds: () => boolean;\r\n    refreshPlaylist: () => void;\r\n    startPlaylistAsync: () => Promise<void>;\r\n    advancePlayhead: () => void;\r\n    on2SecondPlay: (ad: Ad) => void;\r\n    onAdEnd: (ad: Ad) => Promise<void>;\r\n    onError: (ad: Ad) => Promise<void>;\r\n    toggleAdFavoriteAsync: () => Promise<void>;\r\n    isAudioMuted: boolean;\r\n    isPaused: boolean;\r\n    isFavorite: boolean;\r\n    setIsAudioMuted: (value: boolean) => void;\r\n    setIsPaused: (value: boolean) => void;\r\n    setIsFavorite: (value: boolean) => void;\r\n    isFullScreen: boolean;\r\n    toggleFullScreen: () => void;\r\n    videoPlayerRef: React.RefObject<HTMLVideoElement>;\r\n}\r\n","import { VideoAd } from './../models/VideoAd';\r\nimport { ImageAd } from './../models/ImageAd';\r\nimport { IPlaylistDtoIn, IAdDtoIn } from '../dtos';\r\nimport { Playlist } from '../models/Playlist';\r\nimport { Ad } from '../models/Ad';\r\nimport { AdType } from '../models/AdType';\r\n\r\nclass PlaylistFactory {\r\n    public fromPlaylistDto(dto: IPlaylistDtoIn): Playlist {\r\n        var playlist = new Playlist();\r\n\r\n        if (dto == null) {\r\n            return playlist;\r\n        }\r\n\r\n        playlist.adInterestsEnabled = dto.AdInterestsEnabled;\r\n\r\n        var ads = dto.Promos?.map(this.fromAdDto).filter((x) => x) as Ad[];\r\n\r\n        playlist.ads = ads;\r\n\r\n        return playlist;\r\n    }\r\n\r\n    private fromAdDto(dto: IAdDtoIn): Ad | null {\r\n        if (dto?.PublicUri == null) {\r\n            return null;\r\n        }\r\n        const isImage =\r\n            dto.Type === AdType.Image ||\r\n            dto.Type === AdType.ImageLandscape ||\r\n            dto.Type === AdType.ImagePortrait;\r\n\r\n        return isImage\r\n            ? new ImageAd(\r\n                  dto.Id,\r\n                  dto.Name,\r\n                  dto.Type,\r\n                  dto.PublicUri,\r\n                  dto.Duration,\r\n                  dto.ThumbnailPublicUri,\r\n                  dto.UniqueId\r\n              )\r\n            : new VideoAd(\r\n                  dto.Id,\r\n                  dto.Name,\r\n                  dto.Type,\r\n                  dto.PublicUri,\r\n                  dto.Duration,\r\n                  dto.ThumbnailPublicUri,\r\n                  dto.UniqueId\r\n              );\r\n    }\r\n}\r\n\r\nexport const playlistFactory = new PlaylistFactory();\r\n","import { routeProvider } from './RouteProvider';\r\nimport { Playlist } from '../models/Playlist';\r\nimport { IPlaylistDtoIn } from '../dtos';\r\nimport { httpService } from '../../services';\r\nimport { playlistFactory as factory } from '../factories';\r\n\r\nclass PlaylistProvider {\r\n    async getNewPlaylist(accessToken: string): Promise<Playlist> {\r\n        var route = routeProvider.getPlaylistRoute();\r\n        var playlistDto = await httpService.getAsync<IPlaylistDtoIn>(\r\n            route,\r\n            accessToken\r\n        );\r\n        return factory.fromPlaylistDto(playlistDto);\r\n    }\r\n}\r\n\r\nexport const playlistProvider = new PlaylistProvider();\r\n","import { createContext, ReactNode } from 'react';\r\nimport useMakePlaylistViewModelValue, {\r\n    IPlaylistViewModel,\r\n} from './useMakePlaylistViewModelValue';\r\n\r\nexport const PlaylistContext = createContext<IPlaylistContext>(null!);\r\n\r\nexport const PlaylistViewModelArea = (props: IPlaylistProviderProps) => {\r\n    const playlistViewModelValue: IPlaylistViewModel = useMakePlaylistViewModelValue(\r\n        props.accessToken,\r\n        props.onDisablePlaylist\r\n    );\r\n    var modelValue = { ...playlistViewModelValue, ...props };\r\n\r\n    return (\r\n        <PlaylistContext.Provider value={modelValue}>\r\n            {props.children}\r\n        </PlaylistContext.Provider>\r\n    );\r\n};\r\n\r\ninterface IPlaylistContext extends IPlaylistViewModel, IPlaylistProviderProps {}\r\n\r\ninterface IPlaylistProviderProps {\r\n    children: ReactNode;\r\n    accessToken: string;\r\n    onDisablePlaylist?: () => void;\r\n}\r\n","import { useContext } from 'react';\r\nimport { PlaylistContext } from './index';\r\n\r\nexport default function usePlaylistViewModel() {\r\n    const context = useContext(PlaylistContext);\r\n    if (!context) {\r\n        throw new Error(\r\n            'usePlaylistContext must be used within a PlaylistProvider'\r\n        );\r\n    }\r\n    return context;\r\n}\r\n","import { useEffect, useState } from 'react';\r\nimport styled from 'styled-components';\r\nimport { logger } from '../../services';\r\nimport { Ad } from '../models/Ad';\r\nimport { ImageAd } from '../models/ImageAd';\r\nimport usePlaylistViewModel from '../ViewModels/PlaylistViewModelArea/usePlaylistViewModel';\r\nimport { PlaylistLoader } from './PlaylistLoader';\r\n\r\nconst defaultDuration = 10000;\r\n\r\nlet twoSecondTimerRef: NodeJS.Timeout;\r\nlet completedTimerRef: NodeJS.Timeout;\r\n\r\nexport const ImagePlayer = (props: IImagePlayerProps) => {\r\n    const [isLoading, setIsLoading] = useState(true);\r\n    const {\r\n        onAdEnd,\r\n        on2SecondPlay,\r\n        onError,\r\n        isPaused,\r\n        setIsPaused,\r\n    } = usePlaylistViewModel();\r\n    //Need to turn into seconds duration\r\n    const adDuration = props.ad.duration\r\n        ? props.ad.duration * 1000\r\n        : defaultDuration;\r\n\r\n    useEffect(() => {\r\n        if (!(props.ad instanceof ImageAd)) {\r\n            return;\r\n        }\r\n        if (isLoading) {\r\n            return;\r\n        }\r\n        if (isPaused) {\r\n            clearTimeout(completedTimerRef);\r\n        } else {\r\n            wireUpDoneEvent();\r\n        }\r\n    }, [isPaused]);\r\n\r\n    useEffect(() => {\r\n        return () => {\r\n            //Unmount logic Here\r\n            clearTimeout(twoSecondTimerRef);\r\n            clearTimeout(completedTimerRef);\r\n        };\r\n    }, []);\r\n\r\n    const wireUpDoneEvent = () => {\r\n        clearTimeout(completedTimerRef);\r\n        completedTimerRef = setTimeout(() => {\r\n            onAdEnd(props.ad);\r\n        }, adDuration);\r\n    };\r\n\r\n    const wireUp2SecondEvent = () => {\r\n        clearTimeout(twoSecondTimerRef);\r\n        twoSecondTimerRef = setTimeout(() => {\r\n            on2SecondPlay(props.ad);\r\n        }, 2000);\r\n    };\r\n\r\n    const onLoaded = () => {\r\n        if (!(props.ad instanceof ImageAd)) {\r\n            return;\r\n        }\r\n        setIsPaused(false);\r\n        setIsLoading(false);\r\n        wireUp2SecondEvent();\r\n        wireUpDoneEvent();\r\n    };\r\n\r\n    const onErrorEvent = (\r\n        error: React.SyntheticEvent<HTMLImageElement, Event>\r\n    ) => {\r\n        logger.logError(error as any);\r\n        if (!(props.ad instanceof ImageAd)) {\r\n            return;\r\n        }\r\n        onError(props.ad);\r\n    };\r\n\r\n    return (\r\n        <>\r\n            <PlaylistImage\r\n                src={props.ad.publicUrl.toString()}\r\n                alt={'Error occured loading.'}\r\n                onError={onErrorEvent}\r\n                onLoad={onLoaded}\r\n            />\r\n            {isLoading && <PlaylistLoader />}\r\n        </>\r\n    );\r\n};\r\n\r\nconst PlaylistImage = styled.img`\r\n    height: 100%;\r\n    width: 100%;\r\n    object-fit: contain;\r\n    border-radius: 8px;\r\n`;\r\n\r\nexport interface IImagePlayerProps {\r\n    ad: Ad;\r\n}\r\n","import React, { useEffect, useState } from 'react';\r\nimport RoomView from '../views/RoomView/RoomView';\r\nimport { WaitingRoomView } from '../views/WaitingRoomView';\r\nimport { JoiningRoomView } from '../views/JoiningRoomView';\r\nimport useRoomState from '../twilio/hooks/useRoomState/useRoomState';\r\nimport useMainParticipant from '../twilio/hooks/useMainParticipant/useMainParticipant';\r\nimport usePublications from '../twilio/hooks/usePublications/usePublications';\r\nimport { RoomLoadingView } from '../views/RoomLoadingView';\r\nimport { useSessionEndedNavigation } from './useSessionEndedNavigation';\r\nimport useVideoContext from '../twilio/hooks/useVideoContext/useVideoContext';\r\nimport { RemoteTrackPublication, Track } from 'twilio-video';\r\n\r\nconst waitTimeOnJoiningRoom = 3000;\r\nconst waitTimeBeforeGoingToWaitingRoom = 2000;\r\nconst waitTimeBeforeDisconnecting = 3000;\r\nvar disconnectedTimeout: NodeJS.Timeout;\r\nvar joiningTimeout: NodeJS.Timeout;\r\nvar eventDebounceTimeout: NodeJS.Timeout;\r\n\r\nexport const RoomNavigationBaseRoute = '/room';\r\nexport const RoomNavigationController = () => {\r\n    clearTimeout(disconnectedTimeout);\r\n    const roomState = useRoomState();\r\n    const { room } = useVideoContext();\r\n    const sessionEndedNavigation = useSessionEndedNavigation();\r\n\r\n    useEffect(() => {\r\n        const goToSessionEnded = () => {\r\n            sessionEndedNavigation.goToSessionEndedView();\r\n        };\r\n        room.on('participantDisconnected', goToSessionEnded);\r\n\r\n        return () => {\r\n            room.off('participantDisconnected', goToSessionEnded);\r\n        };\r\n        // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, [room]);\r\n\r\n    if (roomState === 'disconnected') {\r\n        //If we are disconnected for period of time go to sessionEnded.\r\n        disconnectedTimeout = setTimeout(() => {\r\n            sessionEndedNavigation.goToSessionEndedView();\r\n        }, waitTimeBeforeDisconnecting);\r\n    }\r\n\r\n    return roomState !== 'connected' ? <RoomLoadingView /> : <RoomNavigation />;\r\n};\r\n\r\nvar previousIsInWaitingRoomState = true;\r\nconst RoomNavigation = () => {\r\n    const [isInWaitingRoom, setIsInWaitingRoom] = useState(\r\n        previousIsInWaitingRoomState\r\n    );\r\n    const [isJoiningRoom, setIsJoiningRoom] = useState(false);\r\n    const mainParticipant = useMainParticipant();\r\n    const publishedTracks = usePublications(mainParticipant);\r\n\r\n    useEffect(() => {\r\n        let dataTrack = publishedTracks.find(\r\n            (x) => x.kind === 'data'\r\n        ) as RemoteTrackPublication;\r\n\r\n        if (dataTrack?.isSubscribed) {\r\n            dataTrack?.track?.on('message', dataTrackEventAsync);\r\n        } else {\r\n            dataTrack?.on('subscribed', subscribedEventAsync);\r\n        }\r\n\r\n        return () => {\r\n            dataTrack?.track?.off('message', dataTrackEventAsync);\r\n            dataTrack?.track?.off('subscribed', subscribedEventAsync);\r\n        };\r\n\r\n        // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, [publishedTracks]);\r\n\r\n    const subscribedEventAsync = async (track: Track) => {\r\n        track?.on('message', dataTrackEventAsync);\r\n    };\r\n\r\n    const dataTrackEventAsync = async (data: string) => {\r\n        clearTimeout(eventDebounceTimeout);\r\n        eventDebounceTimeout = setTimeout(async () => {\r\n            if (data === 'onGoToWaitingRoom') {\r\n                goToWaitingRoom();\r\n            }\r\n            if (data === 'onLeaveWaitingRoom') {\r\n                goToRoom();\r\n            }\r\n        }, 500);\r\n    };\r\n\r\n    const goToWaitingRoom = () => {\r\n        setInWaitingRoom(true);\r\n    };\r\n\r\n    const goToRoom = () => {\r\n        setIsJoiningRoom(true);\r\n        setInWaitingRoom(false);\r\n\r\n        clearTimeout(joiningTimeout);\r\n        joiningTimeout = setTimeout(async () => {\r\n            setIsJoiningRoom(false);\r\n        }, waitTimeOnJoiningRoom);\r\n    };\r\n\r\n    const setInWaitingRoom = (value: boolean) => {\r\n        setIsInWaitingRoom(value);\r\n        previousIsInWaitingRoomState = value;\r\n    };\r\n\r\n    return isJoiningRoom ? (\r\n        <JoiningRoomView waitTime={waitTimeBeforeGoingToWaitingRoom} />\r\n    ) : isInWaitingRoom ? (\r\n        <WaitingRoomView />\r\n    ) : (\r\n        <RoomView />\r\n    );\r\n};\r\n","import React from 'react';\r\nimport { ImagePlayer, IImagePlayerProps } from './../components/ImagePlayer';\r\nimport { Ad } from './Ad';\r\n\r\nexport class ImageAd extends Ad {\r\n    Component: () => React.FunctionComponentElement<IImagePlayerProps> = () =>\r\n        React.createElement(ImagePlayer, { ad: this });\r\n}\r\n","import styled from 'styled-components';\r\nimport { HashiIconButton } from '../../components/HashiIconButton';\r\nimport usePlaylistViewModel from '../ViewModels/PlaylistViewModelArea/usePlaylistViewModel';\r\nimport {\r\n    faExpand,\r\n    faHeart,\r\n    faPause,\r\n    faVolumeSlash,\r\n    faPlay,\r\n    faVolumeUp,\r\n} from '@fortawesome/pro-light-svg-icons';\r\nimport { faHeart as solidHeart } from '@fortawesome/pro-solid-svg-icons';\r\nimport { useState } from 'react';\r\n\r\nconst iconColor = 'rgba(255, 255, 255, 0.64)';\r\nconst iconSize = 20;\r\nconst iconSizePixels = `${20}px`;\r\n\r\nexport const PlaylistControls = () => {\r\n    const playlist = usePlaylistViewModel();\r\n\r\n    const PausePlayButton = () => {\r\n        const togglePaused = () => {\r\n            if (playlist.isPaused) {\r\n                playlist.videoPlayerRef.current?.play();\r\n            } else {\r\n                playlist.videoPlayerRef.current?.pause();\r\n            }\r\n            playlist.setIsPaused(!playlist.isPaused);\r\n        };\r\n        return (\r\n            <div>\r\n                {playlist.isPaused ? (\r\n                    <HashiIconButton\r\n                        icon={faPlay}\r\n                        iconSize={iconSizePixels}\r\n                        iconColor={iconColor}\r\n                        onPress={togglePaused}\r\n                    />\r\n                ) : (\r\n                    <HashiIconButton\r\n                        icon={faPause}\r\n                        iconSize={iconSizePixels}\r\n                        iconColor={iconColor}\r\n                        onPress={togglePaused}\r\n                    />\r\n                )}\r\n            </div>\r\n        );\r\n    };\r\n\r\n    const MuteButton = () => {\r\n        const toggleMute = () => {\r\n            if (playlist.videoPlayerRef.current) {\r\n                playlist.videoPlayerRef.current.muted = !playlist.isAudioMuted;\r\n            }\r\n            playlist.setIsAudioMuted(!playlist.isAudioMuted);\r\n        };\r\n        const MuteContainer = styled.div`\r\n            //This keeps both both icons the same size;\r\n            min-width: 45px;\r\n        `;\r\n        return (\r\n            <MuteContainer>\r\n                {playlist.isAudioMuted ? (\r\n                    <HashiIconButton\r\n                        isPulseEnabled={true}\r\n                        icon={faVolumeSlash}\r\n                        iconSize={iconSizePixels}\r\n                        iconColor={iconColor}\r\n                        onPress={toggleMute}\r\n                    />\r\n                ) : (\r\n                    <HashiIconButton\r\n                        icon={faVolumeUp}\r\n                        iconSize={iconSizePixels}\r\n                        iconColor={iconColor}\r\n                        onPress={toggleMute}\r\n                    />\r\n                )}\r\n            </MuteContainer>\r\n        );\r\n    };\r\n\r\n    const FavoriteButton = () => {\r\n        const [isFavoriteDisabled, setIsFavoriteDisabled] = useState(false);\r\n        const toggleFavoriteAsync = async () => {\r\n            setIsFavoriteDisabled(false);\r\n            await playlist.toggleAdFavoriteAsync();\r\n            setIsFavoriteDisabled(false);\r\n        };\r\n\r\n        const HeartContainer = styled.div`\r\n            position: relative;\r\n        `;\r\n\r\n        const FavoriteHeartContainer = styled.div`\r\n            position: absolute;\r\n            top: 1px;\r\n            left: 1px;\r\n        `;\r\n\r\n        return (\r\n            <HeartContainer>\r\n                <FavoriteHeartContainer>\r\n                    <HashiIconButton\r\n                        visible={playlist.isFavorite}\r\n                        onPress={toggleFavoriteAsync}\r\n                        icon={solidHeart}\r\n                        iconSize={`${iconSize - 2}px`}\r\n                        iconColor={'#DB1A1A'}\r\n                        disabled={isFavoriteDisabled}\r\n                    />\r\n                </FavoriteHeartContainer>\r\n                <HashiIconButton\r\n                    onPress={toggleFavoriteAsync}\r\n                    icon={faHeart}\r\n                    iconSize={iconSizePixels}\r\n                    iconColor={iconColor}\r\n                    disabled={isFavoriteDisabled}\r\n                />\r\n            </HeartContainer>\r\n        );\r\n    };\r\n\r\n    return (\r\n        <ControlsContainer\r\n            style={playlist.isFullScreen ? fullScreenStyles : {}}\r\n        >\r\n            <HashiIconButton\r\n                icon={faExpand}\r\n                iconSize={iconSizePixels}\r\n                iconColor={iconColor}\r\n                onPress={playlist.toggleFullScreen}\r\n            />\r\n            <PausePlayButton />\r\n            <MuteButton />\r\n            <FavoriteButton />\r\n        </ControlsContainer>\r\n    );\r\n};\r\n\r\nconst fullScreenStyles: React.CSSProperties = {\r\n    position: 'fixed',\r\n    bottom: 20,\r\n    left: 20,\r\n    right: 20,\r\n    maxWidth: 500,\r\n    margin: 'auto',\r\n    backgroundColor: 'rgba(0, 0, 0, 0.8)',\r\n};\r\n\r\nconst ControlsContainer = styled.div`\r\n    display: flex;\r\n    flex: 1;\r\n    justify-content: space-around;\r\n    margin-top: 10px;\r\n    background: rgba(255, 255, 255, 0.15);\r\n    border: 1px solid rgba(255, 255, 255, 0.2);\r\n    box-sizing: border-box;\r\n    border-radius: 8px;\r\n`;\r\n","import React from 'react';\r\nimport styled from 'styled-components';\r\nimport { CenterContentContainer } from '../components/CenterContentContainer';\r\n\r\nexport const PlaylistError = () => {\r\n    return (\r\n        <FillHorizontal>\r\n            <CenterContentContainer>\r\n                <Text>An error has occured</Text>\r\n            </CenterContentContainer>\r\n        </FillHorizontal>\r\n    );\r\n};\r\n\r\nconst FillHorizontal = styled.div`\r\n    background-color: black;\r\n    height: 100%;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    flex: 1;\r\n`;\r\nconst Text = styled.div`\r\n    color: white;\r\n`;\r\n","import styled from 'styled-components';\r\n\r\nexport const HashiOpacityVisibilityView = styled.div`\r\n    opacity: ${(props: IOpacityProps) => (props.isVisible ? 1 : 0)};\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n`;\r\n\r\ninterface IOpacityProps {\r\n    isVisible: boolean;\r\n}\r\n","import React, { useEffect } from 'react';\r\nimport styled from 'styled-components';\r\nimport { ImageAd } from '../models/ImageAd';\r\nimport { VideoAd } from '../models/VideoAd';\r\nimport usePlaylistViewModel from '../ViewModels/PlaylistViewModelArea/usePlaylistViewModel';\r\nimport { ImagePlayer } from './ImagePlayer';\r\nimport { PlaylistControls } from './PlaylistControls';\r\nimport { PlaylistError } from './PlaylistError';\r\nimport { VideoPlayer } from './VideoPlayer';\r\nimport { HashiOpacityVisibilityView } from '../../components/HashiOpacityVisabilityView';\r\n\r\nexport const PlaylistPlayer = () => {\r\n    const {\r\n        startPlaylistAsync,\r\n        activeAd,\r\n        hasAds,\r\n        isFullScreen,\r\n    } = usePlaylistViewModel();\r\n\r\n    useEffect(() => {\r\n        startPlaylistAsync();\r\n    }, []);\r\n\r\n    if (!hasAds()) {\r\n        //Return and empty view if no ads are present\r\n        return <></>;\r\n    }\r\n\r\n    if (!activeAd?.Component) {\r\n        //Error this shouldn't happen Ever.\r\n        return <PlaylistError />;\r\n    }\r\n\r\n    return (\r\n        <PlayerContainer style={isFullScreen ? FullScreenStyles : {}}>\r\n            <PlaylistContainer>\r\n                <PlaylistViewer\r\n                    style={isFullScreen ? FullScreenViewerStyles : {}}\r\n                >\r\n                    <HashiOpacityVisibilityView\r\n                        isVisible={activeAd instanceof ImageAd}\r\n                    >\r\n                        <ImagePlayer ad={activeAd} />\r\n                    </HashiOpacityVisibilityView>\r\n                    <HashiOpacityVisibilityView\r\n                        isVisible={activeAd instanceof VideoAd}\r\n                    >\r\n                        <VideoPlayer ad={activeAd} />\r\n                    </HashiOpacityVisibilityView>\r\n                </PlaylistViewer>\r\n                <PlaylistControls />\r\n            </PlaylistContainer>\r\n        </PlayerContainer>\r\n    );\r\n};\r\n\r\nconst FullScreenStyles: React.CSSProperties = {\r\n    position: 'fixed',\r\n    top: 0,\r\n    bottom: 0,\r\n    right: 0,\r\n    left: 0,\r\n    flex: 1,\r\n    justifyContent: 'center',\r\n    backgroundColor: 'black',\r\n};\r\n\r\nconst FullScreenViewerStyles: React.CSSProperties = {\r\n    position: 'unset',\r\n};\r\n\r\nconst PlayerContainer = styled.div`\r\n    flex: 1;\r\n    width: 100%;\r\n    height: 100%;\r\n`;\r\n\r\nconst PlaylistViewer = styled.div`\r\n    position: relative;\r\n    padding-bottom: 56.25%;\r\n    overflow: hidden;\r\n    background-color: black;\r\n    border-radius: 8px;\r\n`;\r\n\r\nconst PlaylistContainer = styled.div`\r\n    margin: 20px;\r\n`;\r\n","import React from 'react';\r\nimport { PlaylistPlayer } from './components/PlaylistPlayer';\r\nimport { PlaylistViewModelArea } from './ViewModels/PlaylistViewModelArea';\r\n\r\nexport const PlaylistModule = (props: IPlaylistModuleProps) => {\r\n    return (\r\n        <PlaylistViewModelArea {...props}>\r\n            <PlaylistPlayer />\r\n        </PlaylistViewModelArea>\r\n    );\r\n};\r\n\r\ninterface IPlaylistModuleProps {\r\n    accessToken: string;\r\n    onDisablePlaylist?: () => void;\r\n}\r\n","import React, { useEffect, useState } from 'react';\r\nimport styled from 'styled-components';\r\nimport colors from '../assets/colors.json';\r\nimport { HashiFlexAbsoluteCenterContainer } from '../components/HashiContentContainers';\r\nimport { Strings } from '../assets/strings';\r\nimport { PlaylistModule } from '../Playlist/PlaylistModule';\r\nimport { useAppViewModel } from '../ViewModels/AppViewModelArea/useAppViewModel';\r\nimport { usePauseTracks } from '../hooks/usePauseTracks';\r\n\r\nexport const WaitingRoomView = () => {\r\n    const { roomCode } = useAppViewModel();\r\n    const [hasPlaylist, setHasPlaylist] = useState(true);\r\n    const { pauseTracksAsync } = usePauseTracks();\r\n\r\n    useEffect(() => {\r\n        pauseTracksAsync();\r\n    }, []);\r\n\r\n    const onDisablePlaylist = () => {\r\n        setHasPlaylist(false);\r\n    };\r\n\r\n    return (\r\n        <HashiFlexAbsoluteCenterContainer>\r\n            <WaitingRoomContainer>\r\n                <ContentContainer>\r\n                    <WelcomeSideBySideWrap>\r\n                        {hasPlaylist && (\r\n                            <PlaylistContainer>\r\n                                <PlaylistModule\r\n                                    accessToken={roomCode!}\r\n                                    onDisablePlaylist={onDisablePlaylist}\r\n                                />\r\n                            </PlaylistContainer>\r\n                        )}\r\n                        <TextContainer>\r\n                            <HashiFlexAbsoluteCenterContainer>\r\n                                <WelcomeTextContainer>\r\n                                    <GettingReadyText />\r\n                                    <PleaseWaitText />\r\n                                    <LineBreak />\r\n                                    {hasPlaylist && <HowToFavoriteText />}\r\n                                </WelcomeTextContainer>\r\n                            </HashiFlexAbsoluteCenterContainer>\r\n                        </TextContainer>\r\n                    </WelcomeSideBySideWrap>\r\n                </ContentContainer>\r\n            </WaitingRoomContainer>\r\n        </HashiFlexAbsoluteCenterContainer>\r\n    );\r\n};\r\n\r\nconst WaitingRoomContainer = styled.div`\r\n    width: 100%;\r\n    margin: auto;\r\n    overflow: auto;\r\n`;\r\n\r\nconst ContentContainer = styled.div`\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    min-width: 250px;\r\n    margin: auto;\r\n`;\r\n\r\nconst WelcomeSideBySideWrap = styled.div`\r\n    display: flex;\r\n    flex-direction: row;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n`;\r\n\r\nconst PlaylistContainer = styled.div`\r\n    width: 100%;\r\n    margin: auto;\r\n    max-width: 50%;\r\n    @media (orientation: portrait) {\r\n        max-width: 100%;\r\n    }\r\n    @media (orientation: landscape) {\r\n        max-width: 50%;\r\n    }\r\n`;\r\n\r\nconst TextContainer = styled.div`\r\n    width: 100%;\r\n    max-width: 50%;\r\n    @media (orientation: portrait) {\r\n        max-width: 100%;\r\n    }\r\n    @media (orientation: landscape) {\r\n        max-width: 50%;\r\n    }\r\n`;\r\n\r\nconst WelcomeTextContainer = styled.div`\r\n    padding: 20px;\r\n    text-align: left;\r\n    flex-direction: row;\r\n`;\r\n\r\nconst ReadyText = styled.div`\r\n    font-weight: 500;\r\n    font-size: 20px;\r\n    line-height: 24px;\r\n    color: ${colors.PrimaryTitleText};\r\n\r\n    @media (max-width: 380px) {\r\n        font-size: 18px;\r\n        line-height: 22px;\r\n    }\r\n`;\r\nconst GettingReadyText = () => {\r\n    return <ReadyText>{Strings.GettingThingsReady}</ReadyText>;\r\n};\r\n\r\nconst WaitText = styled.div`\r\n    margin-top: 10px;\r\n    font-size: 18px;\r\n    line-height: 23px;\r\n    color: ${colors.SecondaryText};\r\n\r\n    @media (max-width: 380px) {\r\n        font-size: 16px;\r\n    }\r\n`;\r\nconst PleaseWaitText = () => {\r\n    return <WaitText>{Strings.PleaseWait}</WaitText>;\r\n};\r\n\r\nconst LineBreak = styled.div`\r\n    margin: 40px 0 20px 0;\r\n    border: 1px solid rgba(255, 255, 255, 0.2);\r\n`;\r\n\r\nconst HowText = styled.div`\r\n    font-size: 14px;\r\n    line-height: 18px;\r\n    color: ${colors.PrimaryTitleText};\r\n`;\r\nconst HowToFavoriteText = () => {\r\n    return <HowText>{Strings.HowToHeart}</HowText>;\r\n};\r\n","export default __webpack_public_path__ + \"static/media/marimba_drop.6e8f968c.wav\";","import { faCommentAltSmile } from '@fortawesome/pro-light-svg-icons';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport React, { useEffect, useRef, useState } from 'react';\r\nimport styled from 'styled-components';\r\nimport { HashiFlexAbsoluteCenterContainer } from '../components/HashiContentContainers';\r\nimport colors from '../assets/colors.json';\r\nimport strings from '../assets/strings.json';\r\nimport withStyles, { CSSProperties } from '@material-ui/core/styles/withStyles';\r\nimport { LinearProgress } from '@material-ui/core';\r\nimport { useIsMounted } from '../hooks/useIsMounted';\r\n//@ts-ignore\r\nimport audioFile from './../assets/marimba_drop.wav';\r\nimport { useAppViewModel } from '../ViewModels/AppViewModelArea/useAppViewModel';\r\n\r\nexport const JoiningRoomView = (props: IJoiningRoomProps) => {\r\n    const { audioPlayerRef } = useAppViewModel();\r\n    const [progressValue, setProgressValue] = useState(0);\r\n    const progressIntervalRef = useRef<number>(0);\r\n    const timeoutRef = useRef<NodeJS.Timeout>();\r\n    const isMountedRef = useIsMounted();\r\n\r\n    useEffect(() => {\r\n        if (timeoutRef.current) {\r\n            clearTimeout(timeoutRef.current);\r\n        }\r\n        if (progressValue === 100) {\r\n            return;\r\n        }\r\n        if (isMountedRef.current) {\r\n            timeoutRef.current = setTimeout(() => {\r\n                if (progressIntervalRef.current === 0) {\r\n                    if (audioPlayerRef?.current) {\r\n                        audioPlayerRef.current.src = audioFile;\r\n                        audioPlayerRef.current.play();\r\n                    }\r\n                    progressIntervalRef.current = props.waitTime / 10;\r\n                }\r\n                setProgressValue(progressValue + 10);\r\n            }, progressIntervalRef.current);\r\n        }\r\n        return () => {\r\n            if (timeoutRef.current) {\r\n                clearTimeout(timeoutRef.current);\r\n            }\r\n        };\r\n    });\r\n\r\n    return (\r\n        <>\r\n            <HashiFlexAbsoluteCenterContainer>\r\n                <FontAwesomeIcon\r\n                    icon={faCommentAltSmile}\r\n                    style={iconStyle}\r\n                    color={colors.PrimaryTextButtonBackground}\r\n                />\r\n                <JoiningText>{strings.JoiningText}</JoiningText>\r\n                <BorderLinearProgress\r\n                    variant='determinate'\r\n                    value={progressValue}\r\n                    style={progressStyle}\r\n                />\r\n            </HashiFlexAbsoluteCenterContainer>\r\n        </>\r\n    );\r\n};\r\n\r\nconst BorderLinearProgress = withStyles((theme) => ({\r\n    root: {\r\n        height: 10,\r\n        borderRadius: 5,\r\n    },\r\n    colorPrimary: {\r\n        backgroundColor:\r\n            theme.palette.grey[theme.palette.type === 'light' ? 200 : 700],\r\n    },\r\n    bar: {\r\n        borderRadius: 5,\r\n        backgroundColor: colors.PrimaryTextButtonBackground,\r\n    },\r\n}))(LinearProgress);\r\n\r\nconst iconStyle: CSSProperties = {\r\n    fontSize: '70px',\r\n};\r\n\r\nconst progressStyle: CSSProperties = {\r\n    width: 185,\r\n    margin: 25,\r\n};\r\n\r\nconst JoiningText = styled.div`\r\n    color: ${colors.PrimaryTitleText};\r\n    font-size: 20px;\r\n    line-height: 25px;\r\n    margin-top: 18px;\r\n    max-width: 185px;\r\n    text-align: center;\r\n`;\r\n\r\ninterface IJoiningRoomProps {\r\n    waitTime: number;\r\n}\r\n","import React from 'react';\r\nimport { Switch, Route } from 'react-router-dom';\r\nimport { WelcomeView } from '../views/WelcomeView';\r\nimport { TeethCheckView } from '../views/TeethCheckView/TeethCheckView';\r\nimport { QuickWelcomeView } from '../views/QuickWelcomeView';\r\nimport { IRoute } from './dtos';\r\nimport {\r\n    SessionEndedBaseRoute,\r\n    SessionEndedNavigationController,\r\n} from './SessionEndedNavigationController';\r\nimport { RoomLoadingView } from '../views/RoomLoadingView';\r\nimport {\r\n    RoomNavigationBaseRoute,\r\n    RoomNavigationController,\r\n} from '../NavigationControllers/RoomNavigationController';\r\n\r\nexport const routes: IRoute[] = [\r\n    {\r\n        path: '/device-setup',\r\n        component: TeethCheckView,\r\n    },\r\n    {\r\n        path: RoomNavigationBaseRoute,\r\n        component: RoomNavigationController,\r\n    },\r\n    {\r\n        path: SessionEndedBaseRoute,\r\n        component: SessionEndedNavigationController,\r\n    },\r\n    {\r\n        path: '/quick-welcome',\r\n        component: QuickWelcomeView,\r\n    },\r\n    {\r\n        path: '/welcome',\r\n        component: WelcomeView,\r\n    },\r\n    {\r\n        path: '/',\r\n        component: RoomLoadingView,\r\n    },\r\n];\r\n\r\nexport const RootNavigationController = () => {\r\n    return (\r\n        <Switch>\r\n            {routes.map((route, i) => (\r\n                <Route path={route.path} key={i}>\r\n                    <route.component />\r\n                </Route>\r\n            ))}\r\n        </Switch>\r\n    );\r\n};\r\n","import { routes } from './RootNavigationController';\r\nimport { TeethCheckView } from '../views/TeethCheckView/TeethCheckView';\r\nimport { WelcomeView } from '../views/WelcomeView';\r\nimport { QuickWelcomeView } from '../views/QuickWelcomeView';\r\nimport { useHashiRouting } from '../hooks/useHashiRouting';\r\nimport { SessionEndedNavigationController } from './SessionEndedNavigationController';\r\nimport { RoomNavigationController } from './RoomNavigationController';\r\n\r\nexport const useRootNavigation = () => {\r\n    const showComponent = useHashiRouting(routes);\r\n\r\n    const goToDeviceSetup = () => {\r\n        showComponent(TeethCheckView);\r\n    };\r\n\r\n    const goToRoom = () => {\r\n        showComponent(RoomNavigationController);\r\n    };\r\n\r\n    const goToSessionEnded = () => {\r\n        showComponent(SessionEndedNavigationController);\r\n    };\r\n\r\n    const goToWelcome = () => {\r\n        showComponent(WelcomeView);\r\n    };\r\n\r\n    const goToQuickWelcome = () => {\r\n        showComponent(QuickWelcomeView);\r\n    };\r\n\r\n    return {\r\n        goToDeviceSetup,\r\n        goToRoom,\r\n        goToSessionEnded,\r\n        goToWelcome,\r\n        goToQuickWelcome,\r\n    };\r\n};\r\n","import { createContext, ReactNode, useEffect, useRef } from 'react';\r\nimport {\r\n    IAppViewModelValue,\r\n    useMakeAppViewModelValue,\r\n} from './useMakeAppViewModelValue';\r\nimport useQuery from '../../hooks/useQuery';\r\nimport { useRootNavigation } from '../../NavigationControllers/useRootNavigation';\r\nimport { roomProvider } from '../../Provider/RoomProvider';\r\nimport { logger } from '../../services';\r\n\r\nexport const AppViewModelContext = createContext<IAppViewModelContext>(null!);\r\n\r\nexport const AppViewModelArea = (props: IAppViewModelAreaProps) => {\r\n    const appViewModelValue: IAppViewModelValue = useMakeAppViewModelValue();\r\n    const navigation = useRootNavigation();\r\n    const roomCode = useQuery('r') ?? roomProvider.GetLocalStorageRoom();\r\n    const audioPlayerRef = useRef<HTMLAudioElement>(null);\r\n\r\n    useEffect(() => {\r\n        if (!roomCode) {\r\n            navigation.goToWelcome();\r\n            return;\r\n        }\r\n\r\n        appViewModelValue.setRoomCode(roomCode);\r\n\r\n        loadRoom();\r\n        // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, [appViewModelValue.roomCode]);\r\n\r\n    const loadRoom = async () => {\r\n        if (!roomCode) {\r\n            return;\r\n        }\r\n        try {\r\n            await roomProvider.loadRoomDetailsAsync(\r\n                roomCode!,\r\n                appViewModelValue\r\n            );\r\n            setTimeout(() => {\r\n                //Show Loader minimum of 2 seconds\r\n                navigation.goToQuickWelcome();\r\n            }, 2000);\r\n        } catch (ex) {\r\n            //If we fail to load the room just take them to the welcome screen\r\n            localStorage.clear();\r\n            navigation.goToWelcome();\r\n            logger.logError(ex);\r\n        }\r\n    };\r\n\r\n    return (\r\n        <>\r\n            <AppViewModelContext.Provider\r\n                value={{ ...appViewModelValue, audioPlayerRef }}\r\n            >\r\n                {props.children}\r\n            </AppViewModelContext.Provider>\r\n            {/* This Audio Tag is Needed here so we can play sounds whenever we want. */}\r\n            <audio ref={audioPlayerRef} />\r\n        </>\r\n    );\r\n};\r\n\r\nexport interface IAppViewModelContext extends IAppViewModelValue {\r\n    audioPlayerRef?: React.RefObject<HTMLAudioElement>;\r\n}\r\n\r\ninterface IAppViewModelAreaProps {\r\n    children: ReactNode;\r\n}\r\n","import { useState } from 'react';\r\nexport const useMakeAppViewModelValue = (): IAppViewModelValue => {\r\n    const [customerFirstName, setCustomerFirstName] = useState<string>();\r\n    const [customerLastName, setCustomerLastName] = useState<string>();\r\n    const [roomCode, setRoomCode] = useState<string>();\r\n    const [jwt, setJwt] = useState<string>();\r\n    const [companyName, setCompanyName] = useState<string>();\r\n    const [isRecordingEnabled, setIsRecordingEnabled] = useState<boolean>();\r\n\r\n    return {\r\n        customerFirstName,\r\n        setCustomerFirstName,\r\n        customerLastName,\r\n        setCustomerLastName,\r\n        roomCode,\r\n        setRoomCode,\r\n        jwt,\r\n        setJwt,\r\n        companyName,\r\n        setCompanyName,\r\n        isRecordingEnabled,\r\n        setIsRecordingEnabled\r\n    };\r\n};\r\n\r\nexport interface IAppViewModelValue {\r\n    customerFirstName: string | undefined;\r\n    setCustomerFirstName: (value: string) => void;\r\n    customerLastName: string | undefined;\r\n    setCustomerLastName: (value: string) => void;\r\n    roomCode: string | undefined;\r\n    setRoomCode: (value: string | undefined) => void;\r\n    jwt: string | undefined;\r\n    setJwt: (value: string) => void;\r\n    companyName: string | undefined;\r\n    setCompanyName: (value: string) => void;\r\n    isRecordingEnabled: boolean | undefined;\r\n    setIsRecordingEnabled: (value: boolean) => void;\r\n}\r\n","import { useLocation } from \"react-router-dom\";\r\n\r\nexport default function useQuery(key: string): string | undefined{\r\n    return new URLSearchParams(useLocation().search).get(key) ?? undefined\r\n}","import { faExclamationTriangle } from '@fortawesome/pro-regular-svg-icons';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport styled from 'styled-components';\r\nimport { Strings } from '../assets/strings';\r\n\r\nexport const HashiBrowserNotSupportedBanner = () => {\r\n    return (\r\n        <BannerContainer>\r\n            <FontAwesomeIcon\r\n                icon={faExclamationTriangle}\r\n                fontSize={18}\r\n                color={'white'}\r\n                style={{ padding: 20 }}\r\n            />\r\n            <BannerText>{Strings.BrowserUnsupported}</BannerText>\r\n        </BannerContainer>\r\n    );\r\n};\r\n\r\nconst BannerContainer = styled.div`\r\n    display: flex;\r\n    width: 100%;\r\n    height: 65px;\r\n    background-color: #ff2719;\r\n    align-items: center;\r\n    justify-content: center;\r\n`;\r\n\r\nconst BannerText = styled.div`\r\n    font-size: 14px;\r\n    color: #ffffff;\r\n`;\r\n","import { VideoTrack } from 'twilio-video';\r\n\r\nexport type RenderDimensionValue =\r\n  | 'low'\r\n  | 'cif'\r\n  | 'vga'\r\n  | 'wvga'\r\n  | '540p'\r\n  | '720p'\r\n  | '960p'\r\n  | 'standard1080p'\r\n  | 'wide1080p'\r\n  | 'default';\r\n\r\nexport interface RenderDimension {\r\n  label: string;\r\n  value: RenderDimensionValue;\r\n  resolution?: VideoTrack.Dimensions;\r\n}\r\n\r\nexport const RenderDimensions: RenderDimension[] = [\r\n  {\r\n    label: 'Low (160 x 90)',\r\n    value: 'low',\r\n    resolution: { width: 160, height: 90 },\r\n  },\r\n  {\r\n    label: 'CIF (352 x 288)',\r\n    value: 'cif',\r\n    resolution: { width: 352, height: 288 },\r\n  },\r\n  {\r\n    label: 'VGA (640 x 480)',\r\n    value: 'vga',\r\n    resolution: { width: 640, height: 480 },\r\n  },\r\n  {\r\n    label: 'WVGA (800 x 480)',\r\n    value: 'wvga',\r\n    resolution: { width: 800, height: 480 },\r\n  },\r\n  {\r\n    label: 'HD 540P (960 x 540)',\r\n    value: '540p',\r\n    resolution: { width: 960, height: 540 },\r\n  },\r\n  {\r\n    label: 'HD 720P (1280 x 720)',\r\n    value: '720p',\r\n    resolution: { width: 1280, height: 720 },\r\n  },\r\n  {\r\n    label: 'HD 960P (1280 x 960)',\r\n    value: '960p',\r\n    resolution: { width: 1280, height: 960 },\r\n  },\r\n  {\r\n    label: 'HD Standard 1080P (1440 x 1080)',\r\n    value: 'standard1080p',\r\n    resolution: { width: 1440, height: 1080 },\r\n  },\r\n  {\r\n    label: 'HD Widescreen 1080P (1920 x 1080)',\r\n    value: 'wide1080p',\r\n    resolution: { width: 1920, height: 1080 },\r\n  },\r\n  {\r\n    label: 'Server Default',\r\n    value: 'default',\r\n    resolution: undefined,\r\n  },\r\n];\r\n\r\nexport function getResolution(value?: RenderDimensionValue) {\r\n  if (typeof value === 'undefined') {\r\n    return undefined;\r\n  }\r\n\r\n  return RenderDimensions.find(item => item.value === value)?.resolution;\r\n}\r\n","import { ConnectOptions } from 'twilio-video';\r\nimport { isMobile, removeUndefineds } from '..';\r\nimport { getResolution } from '../../state/settings/renderDimensions';\r\nimport { useAppState } from '../../state';\r\n\r\nexport default function useConnectionOptions() {\r\n  const { roomType, settings } = useAppState();\r\n\r\n  // See: https://media.twiliocdn.com/sdk/js/video/releases/2.0.0/docs/global.html#ConnectOptions\r\n  // for available connection options.\r\n  const connectionOptions: ConnectOptions = {\r\n    // Bandwidth Profile, Dominant Speaker, and Network Quality\r\n    // features are only available in Small Group or Group Rooms.\r\n    // Please set \"Room Type\" to \"Group\" or \"Small Group\" in your\r\n    // Twilio Console: https://www.twilio.com/console/video/configure\r\n    bandwidthProfile: {\r\n      video: {\r\n        mode: settings.bandwidthProfileMode,\r\n        dominantSpeakerPriority: settings.dominantSpeakerPriority,\r\n        renderDimensions: {\r\n          low: getResolution(settings.renderDimensionLow),\r\n          standard: getResolution(settings.renderDimensionStandard),\r\n          high: getResolution(settings.renderDimensionHigh),\r\n        },\r\n        maxTracks: Number(settings.maxTracks),\r\n      },\r\n    },\r\n    dominantSpeaker: true,\r\n    networkQuality: { local: 1, remote: 1 },\r\n\r\n    // Comment this line if you are playing music.\r\n    maxAudioBitrate: Number(settings.maxAudioBitrate),\r\n\r\n    // VP8 simulcast enables the media server in a Small Group or Group Room\r\n    // to adapt your encoded video quality for each RemoteParticipant based on\r\n    // their individual bandwidth constraints. Simulcast should be disabled if\r\n    // you are using Peer-to-Peer or 'Go' Rooms.\r\n    preferredVideoCodecs: [{ codec: 'VP8', simulcast: roomType !== 'peer-to-peer' && roomType !== 'go' }],\r\n  };\r\n\r\n  // For mobile browsers, limit the maximum incoming video bitrate to 2.5 Mbps.\r\n  if (isMobile && connectionOptions?.bandwidthProfile?.video) {\r\n    connectionOptions!.bandwidthProfile!.video!.maxSubscriptionBitrate = 2500000;\r\n  }\r\n\r\n  // Here we remove any 'undefined' values. The twilio-video SDK will only use defaults\r\n  // when no value is passed for an option. It will throw an error when 'undefined' is passed.\r\n  return removeUndefineds(connectionOptions);\r\n}\r\n","import React, { useState } from 'react';\r\nimport { BrowserRouter as Router } from 'react-router-dom';\r\nimport styled from 'styled-components';\r\nimport AppStateProvider from './twilio/state/index';\r\nimport { VideoProvider } from './twilio/components/VideoProvider';\r\nimport { MuiThemeProvider } from '@material-ui/core/styles';\r\nimport theme from './twilio/theme';\r\nimport { AppViewModelArea } from './ViewModels/AppViewModelArea';\r\nimport { HashiBrowserNotSupportedBanner } from './components/HashiBrowserNotSupportedBanner';\r\nimport { RootNavigationController } from './NavigationControllers/RootNavigationController';\r\nimport { logger, browsersSupportedService } from './services';\r\nimport useConnectionOptions from './twilio/utils/useConnectionOptions/useConnectionOptions';\r\n\r\nfunction App() {\r\n  return (\r\n    <Background>\r\n      <Router basename='/'>\r\n        <AppViewModelArea>\r\n          <AppStateProvider>\r\n            <VideoProviderArea />\r\n          </AppStateProvider>\r\n        </AppViewModelArea>\r\n      </Router>\r\n    </Background>\r\n  );\r\n}\r\n\r\nconst VideoProviderArea = () => {\r\n  const connectionOptions = useConnectionOptions();\r\n  const [browserNotSupported, setBrowserNotSupported] = useState(false);\r\n  const onError = (ex: any) => {\r\n    localStorage.clear();\r\n    logger.logError(ex);\r\n  };\r\n\r\n  if (!browsersSupportedService.isSupported()) {\r\n    if (!browserNotSupported) {\r\n      setBrowserNotSupported(true);\r\n    }\r\n  }\r\n\r\n  return (\r\n    <VideoProvider onError={onError}>\r\n      <MuiThemeProvider theme={theme}>\r\n        {browserNotSupported && <HashiBrowserNotSupportedBanner />}\r\n        <RootNavigationController />\r\n      </MuiThemeProvider>\r\n    </VideoProvider>\r\n  );\r\n};\r\n\r\nconst Background = styled.div`\r\n  flex: 1;\r\n  min-width: 250px;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: #003c4d;\r\n  display: flex;\r\n  flex-direction: column;\r\n`;\r\nexport default App;\r\n","import { ReportHandler } from 'web-vitals';\r\n\r\nconst reportWebVitals = (onPerfEntry?: ReportHandler) => {\r\n  if (onPerfEntry && onPerfEntry instanceof Function) {\r\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\r\n      getCLS(onPerfEntry);\r\n      getFID(onPerfEntry);\r\n      getFCP(onPerfEntry);\r\n      getLCP(onPerfEntry);\r\n      getTTFB(onPerfEntry);\r\n    });\r\n  }\r\n};\r\n\r\nexport default reportWebVitals;\r\n","import '@fontsource/inter';\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.css';\r\nimport App from './App';\r\nimport reportWebVitals from './reportWebVitals';\r\n\r\nReactDOM.render(\r\n    <React.StrictMode>\r\n        <App />\r\n    </React.StrictMode>,\r\n    document.getElementById('root')\r\n);\r\n\r\n// If you want to start measuring performance in your app, pass a function\r\n// to log results (for example: reportWebVitals(console.log))\r\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\r\nreportWebVitals();\r\n"],"sourceRoot":""}