;\r\n\r\n private _resolve: (value?: TD | PromiseLike| ) => void;\r\n\r\n private _reject: (reason?: any) => void;\r\n\r\n constructor() {\r\n this.basePromise = new Promise | ((rv, rj) => {\r\n this._resolve = rv;\r\n this._reject = rj;\r\n });\r\n }\r\n\r\n public resolve(value?: TD) {\r\n this._resolve(value);\r\n }\r\n\r\n public reject(reason?: any) {\r\n this._reject(reason);\r\n }\r\n\r\n public promise(): Promise {\r\n return new Promise((rv, rj) => {\r\n this.basePromise.then(x => rv(x), x => rj(x));\r\n });\r\n }\r\n\r\n public createDeferred(): Deferred {\r\n const defer = new Deferred();\r\n\r\n this.promise().then(x => defer.resolve(x), x => defer.reject(x));\r\n\r\n return defer;\r\n }\r\n}\r\n","import { VideoRoomLoggerService } from '../services/video-room-logger.service';\r\nimport { OpenTokSession } from './open-tok/open-tok-session';\r\nimport { Subject, Observable, Subscription } from 'rxjs';\r\nimport { DataChannelMessage } from './data-channel-message';\r\nimport { OpenTokSignalEvent } from './open-tok/open-tok-signal-event';\r\n\r\nexport class DataChannel {\r\n\r\n get messageReceived$(): Observable {\r\n return this.messageReceivedSubject.asObservable();\r\n }\r\n\r\n private readonly messageReceivedSubject = new Subject();\r\n\r\n private readonly _sessionSubscriptions: Subscription[] = [];\r\n\r\n constructor(\r\n private _openTokSession: OpenTokSession,\r\n private _logger: VideoRoomLoggerService) {\r\n\r\n // subscribe to session events\r\n this._sessionSubscriptions.push(\r\n this._openTokSession.signal$.subscribe((event) => this.onSignal(event)),\r\n );\r\n }\r\n\r\n destroy() {\r\n for (const subscription of this._sessionSubscriptions) {\r\n subscription.unsubscribe();\r\n }\r\n }\r\n\r\n private onSignal(event: OpenTokSignalEvent) {\r\n this.messageReceivedSubject.next({\r\n type: this.getMessageTypeByEventType(event.type),\r\n data: event.data,\r\n });\r\n }\r\n\r\n private static readonly SignalEventTypePrefix = 'signal:';\r\n\r\n private getMessageTypeByEventType(signalEventType: string) {\r\n if (!signalEventType || !signalEventType.startsWith(DataChannel.SignalEventTypePrefix)) {\r\n return signalEventType;\r\n }\r\n\r\n return signalEventType.substring(DataChannel.SignalEventTypePrefix.length);\r\n }\r\n\r\n async sendMessageAsync(message: DataChannelMessage) {\r\n const signalError = await this._openTokSession.signalAsync(message.type, message.data);\r\n if (signalError) {\r\n throw signalError;\r\n }\r\n }\r\n}\r\n","import { VideoRoomLoggerService } from '../services/video-room-logger.service';\r\nimport { Participant } from './participant';\r\nimport { LocalVideoPublication } from './local-video-publication';\r\nimport { VideoRoomDataService } from '../services/video-room-data.service';\r\nimport { OpenTokSession } from './open-tok/open-tok-session';\r\nimport * as OT from '@opentok/client';\r\nimport { LocalScreenPublication } from './local-screen-publication';\r\n\r\nexport class LocalParticipant extends Participant {\r\n\r\n localVideoPublication: LocalVideoPublication;\r\n\r\n isScreenSharingAvailable: boolean;\r\n\r\n localScreenPublication: LocalScreenPublication;\r\n\r\n constructor(\r\n participantFullName: string,\r\n private _openTokSession: OpenTokSession,\r\n private _logger: VideoRoomLoggerService,\r\n protected _dataService: VideoRoomDataService,\r\n private _roomId: string) {\r\n super();\r\n\r\n this.isLocal = true;\r\n this.fullName = participantFullName;\r\n\r\n this.checkScreenSharingCapability();\r\n\r\n this.localVideoPublication = new LocalVideoPublication(\r\n this,\r\n this._openTokSession,\r\n this._logger,\r\n this._dataService,\r\n this._roomId);\r\n\r\n this.localScreenPublication = new LocalScreenPublication(\r\n this,\r\n this._openTokSession,\r\n this._logger);\r\n }\r\n\r\n destroy() {\r\n if (this.localVideoPublication) {\r\n this.localVideoPublication.destroy();\r\n }\r\n if (this.localScreenPublication) {\r\n this.localScreenPublication.destroy();\r\n }\r\n }\r\n\r\n private checkScreenSharingCapability() {\r\n OT.checkScreenSharingCapability(response => {\r\n if (!response.supported || response.extensionRegistered === false) {\r\n this._logger.trace('screen_sharing_not_supported_by_browser');\r\n }\r\n else if (response.extensionInstalled === false) {\r\n this._logger.trace('screen_sharing_extension_not_installed');\r\n }\r\n else {\r\n this._logger.trace('screen_sharing_available');\r\n this.isScreenSharingAvailable = true;\r\n }\r\n });\r\n }\r\n\r\n /**\r\n * Request device access.\r\n * Start streaming video in html element.\r\n */\r\n async initializeVideoPublicationAsync(): Promise {\r\n\r\n await this.localVideoPublication.initializeAsync();\r\n }\r\n}\r\n","import * as OT from '@opentok/client';\r\n\r\nimport { Deferred } from '../helpers/deferred';\r\nimport { OpenTokPublisher } from './open-tok/open-tok-publisher';\r\nimport { OpenTokSession } from './open-tok/open-tok-session';\r\nimport { Participant } from './participant';\r\nimport { Publication } from './publication';\r\nimport { PublicationType } from './publication-type';\r\nimport { Subscription } from 'rxjs';\r\nimport { VideoRoomLoggerService } from '../services/video-room-logger.service';\r\n\r\nexport class LocalScreenPublication extends Publication {\r\n\r\n private _openTokPublisher: OpenTokPublisher;\r\n\r\n private readonly _publisherSubscriptions: Subscription[] = [];\r\n\r\n isScreenSharingStarting: boolean;\r\n\r\n isScreenSharingStarted: boolean;\r\n\r\n constructor(\r\n participant: Participant,\r\n private _openTokSession: OpenTokSession,\r\n private _logger: VideoRoomLoggerService) {\r\n super();\r\n\r\n this.type = PublicationType.Screen;\r\n this.isLocal = true;\r\n this.participant = participant;\r\n }\r\n\r\n destroy() {\r\n this.destroyOpenTokPublisherAndClearItsSubscriptions();\r\n }\r\n\r\n async startAsync(): Promise {\r\n\r\n if (this.isScreenSharingStarting || this.isScreenSharingStarted) {\r\n this._logger.warning('Screen sharing is starting or started (ignored)');\r\n return { name: 'started_already', message: '' };\r\n }\r\n\r\n this.isScreenSharingStarting = true;\r\n\r\n try {\r\n this._logger.trace('LocalScreenPublication_starting');\r\n\r\n const initializationDeferred = new Deferred();\r\n\r\n const otPublisher = OT.initPublisher(\r\n this.videoElementContainer,\r\n {\r\n videoSource: 'screen',\r\n insertMode: 'append',\r\n width: '100%',\r\n height: '100%',\r\n fitMode: 'contain',\r\n style: {\r\n archiveStatusDisplayMode: 'off',\r\n buttonDisplayMode: 'off'\r\n } \r\n },\r\n (error?: OT.OTError) => {\r\n if (error) {\r\n this._logger.error('OT.initPublisher: error', error);\r\n initializationDeferred.resolve(error);\r\n }\r\n else {\r\n this._logger.trace('OT.initPublisher: success');\r\n initializationDeferred.resolve(null);\r\n }\r\n }\r\n );\r\n\r\n this._openTokPublisher = new OpenTokPublisher(otPublisher, this._logger);\r\n // subscribe to publisher events\r\n this._publisherSubscriptions.push(\r\n this._openTokPublisher.streamDestroyed$.subscribe(() => this.onPublisherStreamDestroyed()),\r\n );\r\n\r\n const initializationError = await initializationDeferred.promise();\r\n if (initializationError) {\r\n this.destroyOpenTokPublisherAndClearItsSubscriptions();\r\n return initializationError;\r\n }\r\n\r\n // todo: Chrome shows Stop sharing panel before the publishing - think about UX\r\n // what will happen if Chrome's 'Stop sharing' is pressed in progress of publishing?\r\n\r\n const publishingError = await this.publishAsync();\r\n if (publishingError) {\r\n this.destroyOpenTokPublisherAndClearItsSubscriptions();\r\n return publishingError;\r\n }\r\n\r\n this.isScreenSharingStarted = true;\r\n return null;\r\n }\r\n finally {\r\n this.isScreenSharingStarting = false;\r\n }\r\n }\r\n\r\n private async publishAsync(): Promise {\r\n this._logger.trace('LocalScreenPublication_publishing');\r\n\r\n const error = await this._openTokSession.publishAsync(this._openTokPublisher);\r\n // todo: retry couple times if it's relevant\r\n return error;\r\n }\r\n\r\n private onPublisherStreamDestroyed() {\r\n this.isScreenSharingStarted = false;\r\n this.destroyOpenTokPublisherAndClearItsSubscriptions();\r\n }\r\n\r\n stopSharing() {\r\n if (!this.isScreenSharingStarted) {\r\n this._logger.warning('Screen sharing is not started (ignored)');\r\n return;\r\n }\r\n\r\n if (this._openTokPublisher) {\r\n // should trigger publisher.streamDestroyed event\r\n this._openTokSession.unpublish(this._openTokPublisher);\r\n }\r\n else {\r\n this._logger.error('stopSharing(): _openTokPublisher is null');\r\n }\r\n }\r\n\r\n private destroyOpenTokPublisherAndClearItsSubscriptions() {\r\n if (this._openTokPublisher) {\r\n this._openTokPublisher.destroy();\r\n this._openTokPublisher = null;\r\n }\r\n\r\n for (const subscription of this._publisherSubscriptions) {\r\n subscription.unsubscribe();\r\n }\r\n this._publisherSubscriptions.length = 0;\r\n }\r\n}\r\n","import * as OT from '@opentok/client';\r\n\r\nimport { Deferred } from '../helpers/deferred';\r\nimport { Device } from './device';\r\nimport { OpenTokPublisher } from './open-tok/open-tok-publisher';\r\nimport { OpenTokSession } from './open-tok/open-tok-session';\r\nimport { OpenTokStreamPropertyChangedEvent } from './open-tok/open-tok-stream-property-changed-event';\r\nimport { Participant } from './participant';\r\nimport { Publication } from './publication';\r\nimport { PublicationType } from './publication-type';\r\nimport { Subscription } from 'rxjs';\r\nimport { VideoRoomDataService } from '../services/video-room-data.service';\r\nimport { VideoRoomLoggerService } from '../services/video-room-logger.service';\r\nimport { connectableObservableDescriptor } from 'rxjs/internal/observable/ConnectableObservable';\r\nimport { delay } from 'rxjs/operators';\r\nimport { ɵConsole } from '@angular/core';\r\n\r\nexport class LocalVideoPublication extends Publication {\r\n\r\n isVideoMuted: boolean;\r\n\r\n isVideoMuting: boolean;\r\n\r\n // isAudioMuted is defined on Publication level\r\n\r\n isAudioMuting: boolean;\r\n\r\n isDeviceAccessDenied: boolean;\r\n\r\n isAllowedToJoin: boolean;\r\n\r\n private _openTokPublisher: OpenTokPublisher;\r\n\r\n private readonly _sessionSubscriptions: Subscription[] = [];\r\n\r\n private _activeAudioSourceDeviceId: string;\r\n\r\n constructor(\r\n participant: Participant,\r\n private _openTokSession: OpenTokSession,\r\n private _logger: VideoRoomLoggerService,\r\n protected _dataService: VideoRoomDataService,\r\n private _roomId: string) {\r\n super();\r\n\r\n this.type = PublicationType.Video;\r\n this.isLocal = true;\r\n this.participant = participant;\r\n\r\n // subscribe to session events\r\n this._sessionSubscriptions.push(\r\n this._openTokSession.streamPropertyChanged$.subscribe((event) => this.onOpenTokStreamPropertyChanged(event)),\r\n );\r\n }\r\n\r\n destroy() {\r\n if (this._openTokPublisher) {\r\n this._openTokPublisher.destroy();\r\n }\r\n\r\n for (const subscription of this._sessionSubscriptions) {\r\n subscription.unsubscribe();\r\n }\r\n }\r\n\r\n async initializeAsync(): Promise {\r\n\r\n this._logger.trace('LocalVideoPublication_initializing');\r\n\r\n const deferred = new Deferred();\r\n\r\n const otPublisher = OT.initPublisher(\r\n this.videoElementContainer,\r\n {\r\n insertMode: 'append',\r\n width: '100%',\r\n height: '100%',\r\n fitMode: 'contain',\r\n style: {\r\n archiveStatusDisplayMode: 'off',\r\n buttonDisplayMode: 'off'\r\n }\r\n },\r\n (error?: OT.OTError) => {\r\n if (error) {\r\n // todo: analyze error, are all errors related to denied access?\r\n if (!otPublisher.publishAudio && !otPublisher.publishVideo)\r\n {\r\n this.isDeviceAccessDenied = true;\r\n }\r\n \r\n this.isDeviceAccessDenied = true;\r\n this._logger.error('OT.initPublisher: error', error);\r\n deferred.resolve(error);\r\n }\r\n else {\r\n if (!otPublisher.publishAudio && !otPublisher.publishVideo)\r\n {\r\n this.isDeviceAccessDenied = true;\r\n }\r\n this._logger.trace('OT.initPublisher: success');\r\n deferred.resolve(null);\r\n }\r\n }\r\n ); \r\n\r\n this._openTokPublisher = new OpenTokPublisher(otPublisher, this._logger);\r\n\r\n const error = await deferred.promise();\r\n if (!error) {\r\n this.onActiveAudioSourceChanged();\r\n }\r\n\r\n return error;\r\n }\r\n\r\n async publishAsync(): Promise {\r\n this._logger.trace('LocalVideoPublication_publishing');\r\n \r\n const error = await this._openTokSession.publishAsync(this._openTokPublisher);\r\n // todo: retry couple times if it's relevant\r\n return error.message;\r\n }\r\n\r\n /**\r\n * Toggle between muted/unmuted state.\r\n */\r\n toggleAudio() {\r\n if (this.isAudioMuting) {\r\n this._logger.warning('LocalVideoPublication.toggleAudio() is in progress (ignored)');\r\n return;\r\n }\r\n\r\n const muteAudio = !this.isAudioMuted;\r\n this._logger.trace('LocalVideoPublication.toggleAudio()', { muteAudio: muteAudio });\r\n\r\n this._openTokPublisher.otPublisher.publishAudio(!muteAudio);\r\n // if the publisher is published (stream exists)\r\n if (this._openTokPublisher.otPublisher.stream) {\r\n // wait until it's changed on stream level\r\n // todo: set timeout\r\n this.isAudioMuting = true;\r\n }\r\n else {\r\n // if not, set immediately\r\n this.isAudioMuted = muteAudio;\r\n }\r\n }\r\n\r\n /**\r\n * Toggle between muted/unmuted state.\r\n */\r\n toggleVideo() {\r\n if (this.isVideoMuting) {\r\n this._logger.warning('LocalVideoPublication.toggleVideo() is in progress (ignored)');\r\n return;\r\n }\r\n\r\n const muteVideo = !this.isVideoMuted;\r\n this._logger.trace('LocalVideoPublication.toggleVideo()', { muteVideo: muteVideo });\r\n\r\n this._openTokPublisher.otPublisher.publishVideo(!muteVideo);\r\n // if the publisher is published (stream exists)\r\n if (this._openTokPublisher.otPublisher.stream) {\r\n // wait until it's changed on stream level\r\n // todo: add timeout - if video publish is not possible (for instance, OT_HARDWARE_ERROR when camera is occupied by another app) it's stuck in 'muting' state\r\n this.isVideoMuting = true;\r\n }\r\n else {\r\n // if not, set immediately\r\n this.isVideoMuted = muteVideo;\r\n }\r\n }\r\n\r\n private onOpenTokStreamPropertyChanged(event: OpenTokStreamPropertyChangedEvent) {\r\n if (event.stream !== this._openTokPublisher.otPublisher.stream) {\r\n // not own stream\r\n return;\r\n }\r\n\r\n switch (event.changedProperty) {\r\n case 'hasAudio':\r\n this.isAudioMuting = false;\r\n this.isAudioMuted = !event.newValue;\r\n break;\r\n\r\n case 'hasVideo':\r\n this.isVideoMuting = false;\r\n this.isVideoMuted = !event.newValue;\r\n break;\r\n }\r\n }\r\n\r\n async getAudioDevicesAsync(): Promise {\r\n // todo: remove after refactoring of setTimeout(..., 500) - see below\r\n // todo: fixes the workaround if access on device is requested (Firefox)\r\n this.onActiveAudioSourceChanged();\r\n\r\n const deferred = new Deferred();\r\n OT.getDevices((error: OT.OTError, devices: OT.Device[]) => {\r\n if (error) {\r\n this._logger.error('getAudioDevicesAsync()', { error: error });\r\n deferred.reject(error);\r\n }\r\n else {\r\n deferred.resolve(devices.filter(x => x.kind === 'audioInput'));\r\n }\r\n });\r\n\r\n return deferred.promise();\r\n }\r\n\r\n setAudioSource(audioDevice: Device) {\r\n\r\n // todo: test - looks like it doesn't work in Edge\r\n\r\n this._logger.trace('audio_source_set', { device: audioDevice });\r\n this._openTokPublisher.setAudioSource(audioDevice.deviceId);\r\n\r\n // todo: find a way, it's not clear how to subscribe on audioSource change, the workaround with setTimeout 500ms is used\r\n setTimeout(() => {\r\n this.onActiveAudioSourceChanged();\r\n },\r\n 500);\r\n\r\n // todo: save selected audio device in local storage and use it next time from the start (if it's presented)\r\n }\r\n\r\n private onActiveAudioSourceChanged() {\r\n this._activeAudioSourceDeviceId = this._openTokPublisher.getAudioSourceDeviceId();\r\n }\r\n\r\n get activeAudioSourceDeviceId() {\r\n return this._activeAudioSourceDeviceId;\r\n }\r\n\r\n async cycleVideoAsync(): Promise {\r\n const nextDeviceInfo = await this._openTokPublisher.cycleVideoAsync();\r\n // todo: set active video device id?\r\n }\r\n}\r\n","import { VideoRoomLoggerService } from '../../services/video-room-logger.service';\r\nimport * as OT from '@opentok/client';\r\nimport { Subject } from 'rxjs';\r\n\r\n/*\r\n * Wrapper around OT.Publisher.\r\n */\r\nexport class OpenTokPublisher {\r\n\r\n get streamDestroyed$() {\r\n return this.streamDestroyedSubject.asObservable();\r\n }\r\n\r\n private readonly streamDestroyedSubject = new Subject<{ stream: OT.Stream; reason: string; }>();\r\n\r\n constructor(\r\n public readonly otPublisher: OT.Publisher,\r\n private readonly _logger: VideoRoomLoggerService) {\r\n\r\n this.otPublisher.on('accessAllowed', () => this.onAccessAllowed());\r\n this.otPublisher.on('accessDenied', () => this.onAccessDenied());\r\n this.otPublisher.on('accessDialogClosed', () => this.onAccessDialogClosed());\r\n this.otPublisher.on('accessDialogOpened', () => this.onAccessDialogOpened());\r\n\r\n // tbd: implement special logic that checks if audio-level has been changed for some period of time\r\n // todo: audioLevelUpdated should be used by call settings and microphone icon\r\n // tbd: the event happens very often - correct strategy is to update some bond field once per 100ms\r\n // this.otPublisher.on('audioLevelUpdated', (event) => {});\r\n\r\n this.otPublisher.on('destroyed', () => this.onDestroyed());\r\n this.otPublisher.on('mediaStopped', () => this.onMediaStopped());\r\n this.otPublisher.on('streamCreated', (event) => this.onStreamCreated(event));\r\n this.otPublisher.on('streamDestroyed', (event) => this.onStreamDestroyed(event));\r\n this.otPublisher.on('videoDimensionsChanged', (event) => this.onVideoDimensionsChanged(event));\r\n this.otPublisher.on('videoElementCreated', () => this.onVideoElementCreated());\r\n }\r\n\r\n destroy() {\r\n this.otPublisher.off('accessAllowed');\r\n this.otPublisher.off('accessDenied');\r\n this.otPublisher.off('accessDialogClosed');\r\n this.otPublisher.off('accessDialogOpened');\r\n\r\n // todo: audioLevelUpdated is on/off by CallSettings at the moment, refactor\r\n //this.publisher.off('audioLevelUpdated');\r\n\r\n this.otPublisher.off('destroyed');\r\n this.otPublisher.off('mediaStopped');\r\n this.otPublisher.off('streamCreated');\r\n this.otPublisher.off('streamDestroyed');\r\n this.otPublisher.off('videoDimensionsChanged');\r\n this.otPublisher.off('videoElementCreated');\r\n\r\n this.otPublisher.destroy();\r\n }\r\n\r\n private onAccessAllowed() {\r\n this._logger.trace('publisher.accessAllowed');\r\n }\r\n\r\n private onAccessDenied() {\r\n this._logger.trace('publisher.accessDenied');\r\n }\r\n\r\n private onAccessDialogOpened() {\r\n this._logger.trace('publisher.accessDialogOpened');\r\n }\r\n\r\n private onAccessDialogClosed() {\r\n this._logger.trace('publisher.onAccessDialogClosed');\r\n }\r\n\r\n private onDestroyed() {\r\n this._logger.trace('publisher.destroyed');\r\n }\r\n\r\n private onMediaStopped() {\r\n // tbd: log track? when it happens? how to reproduce? should happen on mute?\r\n this._logger.trace('publisher.mediaStopped');\r\n }\r\n\r\n private onStreamCreated(event: OT.Event<'streamCreated', OT.Publisher> & { stream: OT.Stream; }) {\r\n // tbd: when it should happen?\r\n this._logger.trace('publisher.streamCreated', { stream: event.stream });\r\n }\r\n\r\n private onStreamDestroyed(event: OT.Event<'streamDestroyed', OT.Publisher> & { stream: OT.Stream; reason: string; }) {\r\n this._logger.trace('publisher.streamDestroyed', { streamId: event.stream.streamId, reason: event.reason });\r\n this.streamDestroyedSubject.next(event);\r\n }\r\n\r\n private onVideoDimensionsChanged(event: OT.VideoDimensionsChangedEvent) {\r\n this._logger.trace('publisher.videoDimensionsChanged', { newValue: event.newValue, oldValue: event.oldValue });\r\n }\r\n\r\n private onVideoElementCreated() {\r\n this._logger.trace('publisher.videoElementCreated');\r\n }\r\n\r\n setAudioSource(audioDeviceId: string) {\r\n this.otPublisher.setAudioSource(audioDeviceId);\r\n }\r\n\r\n getAudioSourceDeviceId(): string {\r\n return this.otPublisher.getAudioSource().getSettings().deviceId;\r\n }\r\n\r\n async cycleVideoAsync(): Promise<{ deviceId: string }> {\r\n return this.otPublisher.cycleVideo();\r\n }\r\n}\r\n","import { VideoRoomLoggerService } from '../../services/video-room-logger.service';\r\nimport { Subject } from 'rxjs';\r\nimport * as OT from '@opentok/client';\r\nimport { Deferred } from '../../helpers/deferred';\r\nimport { OpenTokPublisher } from './open-tok-publisher';\r\nimport { OpenTokStreamPropertyChangedEvent } from './open-tok-stream-property-changed-event';\r\nimport { OpenTokSignalEvent } from './open-tok-signal-event';\r\n\r\n/*\r\n * Wrapper around OT.Session.\r\n */\r\nexport class OpenTokSession {\r\n\r\n get archiveStarted$() {\r\n return this.archiveStartedSubject.asObservable();\r\n }\r\n\r\n get archiveStopped$() {\r\n return this.archiveStoppedSubject.asObservable();\r\n }\r\n\r\n get connectionCreated$() {\r\n return this.connectionCreatedSubject.asObservable();\r\n }\r\n\r\n get connectionDestroyed$() {\r\n return this.connectionDestroyedSubject.asObservable();\r\n }\r\n\r\n get sessionConnected$() {\r\n return this.sessionConnectedSubject.asObservable();\r\n }\r\n\r\n get sessionDisconnected$() {\r\n return this.sessionDisconnectedSubject.asObservable();\r\n }\r\n\r\n get sessionReconnected$() {\r\n return this.sessionReconnectedSubject.asObservable();\r\n }\r\n\r\n get sessionReconnecting$() {\r\n return this.sessionReconnectingSubject.asObservable();\r\n }\r\n\r\n get signal$() {\r\n return this.signalSubject.asObservable();\r\n }\r\n\r\n get streamCreated$() {\r\n return this.streamCreatedSubject.asObservable();\r\n }\r\n\r\n get streamDestroyed$() {\r\n return this.streamDestroyedSubject.asObservable();\r\n }\r\n\r\n get streamPropertyChanged$() {\r\n return this.streamPropertyChangedSubject.asObservable();\r\n }\r\n\r\n private readonly archiveStartedSubject = new Subject<{ id: string; name: string; }>();\r\n private readonly archiveStoppedSubject = new Subject<{ id: string; name: string; }>();\r\n private readonly connectionCreatedSubject = new Subject<{ connection: OT.Connection; }>();\r\n private readonly connectionDestroyedSubject = new Subject<{ connection: OT.Connection; reason: string; }>();\r\n private readonly sessionConnectedSubject = new Subject();\r\n private readonly sessionDisconnectedSubject = new Subject<{ reason: string; }>();\r\n private readonly sessionReconnectedSubject = new Subject();\r\n private readonly sessionReconnectingSubject = new Subject();\r\n private readonly signalSubject = new Subject();\r\n private readonly streamCreatedSubject = new Subject<{ stream: OT.Stream; }>();\r\n private readonly streamDestroyedSubject = new Subject<{ stream: OT.Stream; }>();\r\n private readonly streamPropertyChangedSubject = new Subject();\r\n\r\n constructor(\r\n public readonly otSession: OT.Session,\r\n private readonly _logger: VideoRoomLoggerService) {\r\n\r\n // subscribe to all events\r\n this.otSession.on('archiveStarted', (event) => this.onArchiveStarted(event));\r\n this.otSession.on('archiveStopped', (event) => this.onArchiveStopped(event));\r\n this.otSession.on('connectionCreated', (event) => this.onConnectionCreated(event));\r\n this.otSession.on('connectionDestroyed', (event) => this.onConnectionDestroyed(event));\r\n this.otSession.on('sessionConnected', () => this.onSessionConnected());\r\n this.otSession.on('sessionDisconnected', (event) => this.onSessionDisconnected(event));\r\n this.otSession.on('sessionReconnected', () => this.onSessionReconnected());\r\n this.otSession.on('sessionReconnecting', () => this.onSessionReconnecting());\r\n this.otSession.on('signal', (event) => this.onSignal(event));\r\n this.otSession.on('streamCreated', (event) => this.onStreamCreated(event));\r\n this.otSession.on('streamDestroyed', (event) => this.onStreamDestroyed(event));\r\n this.otSession.on('streamPropertyChanged', (event) => this.onStreamPropertyChanged(event));\r\n }\r\n\r\n destroy() {\r\n this.otSession.off('archiveStarted');\r\n this.otSession.off('archiveStopped');\r\n this.otSession.off('connectionCreated');\r\n this.otSession.off('connectionDestroyed');\r\n this.otSession.off('sessionConnected');\r\n this.otSession.off('sessionDisconnected');\r\n this.otSession.off('sessionReconnected');\r\n this.otSession.off('sessionReconnecting');\r\n this.otSession.off('signal');\r\n this.otSession.off('streamCreated');\r\n this.otSession.off('streamDestroyed');\r\n this.otSession.off('streamPropertyChanged');\r\n\r\n this.otSession.disconnect();\r\n }\r\n\r\n /**\r\n * @returns error or null if success.\r\n */\r\n async connectAsync(token: string): Promise {\r\n\r\n const deferred = new Deferred();\r\n\r\n this.otSession.connect(\r\n token,\r\n error => {\r\n if (error) {\r\n this._logger.error('session_connection_error', error);\r\n deferred.resolve(error);\r\n }\r\n else {\r\n deferred.resolve(null);\r\n }\r\n });\r\n\r\n return deferred.promise();\r\n }\r\n\r\n /**\r\n * @returns error or null if success.\r\n */\r\n async publishAsync(openTokPublisher: OpenTokPublisher): Promise {\r\n\r\n const deferred = new Deferred();\r\n\r\n this.otSession.publish(\r\n openTokPublisher.otPublisher,\r\n (error?: OT.OTError) => {\r\n if (error) {\r\n this._logger.error('session.publish: error', error);\r\n deferred.resolve(error);\r\n }\r\n else {\r\n this._logger.trace('session.publish: success');\r\n deferred.resolve(null);\r\n }\r\n });\r\n\r\n return deferred.promise();\r\n }\r\n\r\n unpublish(openTokPublisher: OpenTokPublisher) {\r\n this.otSession.unpublish(openTokPublisher.otPublisher);\r\n }\r\n\r\n async signalAsync(type?: string, data?: string): Promise {\r\n\r\n const deferred = new Deferred();\r\n\r\n this.otSession.signal(\r\n { type: type, data: data },\r\n (error?: OT.OTError) => {\r\n if (error) {\r\n this._logger.error('session.signal: error', error);\r\n deferred.resolve(error);\r\n }\r\n else {\r\n deferred.resolve(null);\r\n }\r\n });\r\n\r\n return deferred.promise();\r\n }\r\n\r\n //#region Session's event handlers\r\n\r\n private onArchiveStarted(event: OT.Event<'archiveStarted', OT.Session> & { id: string; name: string; }) {\r\n this._logger.trace('session.archiveStarted', { id: event.id });\r\n this.archiveStartedSubject.next(event);\r\n }\r\n\r\n private onArchiveStopped(event: OT.Event<'archiveStopped', OT.Session> & { id: string; name: string; }) {\r\n this._logger.trace('session.archiveStopped', { id: event.id });\r\n this.archiveStoppedSubject.next(event);\r\n }\r\n\r\n private onConnectionCreated(event: OT.Event<'connectionCreated', OT.Session> & { connection: OT.Connection }) {\r\n this._logger.trace('session.connectionCreated', { connectionId: event.connection.connectionId });\r\n //this consoles whenever someone joins successfully into the room\r\n this.playEnterAudio();\r\n this.connectionCreatedSubject.next(event);\r\n }\r\n\r\n private onConnectionDestroyed(event: OT.Event<'connectionDestroyed', OT.Session> & { connection: OT.Connection, reason: string; }) {\r\n this._logger.trace('session.connectionDestroyed', { connectionId: event.connection.connectionId, reason: event.reason });\r\n this.playExitAudio();\r\n this.connectionDestroyedSubject.next(event);\r\n }\r\n\r\n private onSessionConnected() {\r\n this._logger.trace('session.sessionConnected', { connection: this.otSession.connection });\r\n this.sessionConnectedSubject.next();\r\n }\r\n\r\n private onSessionDisconnected(event: OT.Event<'sessionDisconnected', OT.Session> & { reason: string; }) {\r\n this._logger.trace('session.sessionDisconnected', { reason: event.reason });\r\n this.sessionDisconnectedSubject.next(event);\r\n }\r\n\r\n private onSessionReconnected() {\r\n this._logger.trace('session.sessionReconnected');\r\n this.sessionReconnectedSubject.next();\r\n }\r\n\r\n private onSessionReconnecting() {\r\n this._logger.trace('session.sessionReconnecting');\r\n this.sessionReconnectingSubject.next();\r\n }\r\n\r\n private onSignal(event: OpenTokSignalEvent) {\r\n // no logging at the moment\r\n this.signalSubject.next(event);\r\n }\r\n\r\n private onStreamCreated(event: OT.Event<'streamCreated', OT.Session> & { stream: OT.Stream }) {\r\n this._logger.trace('session.streamCreated', { stream: event.stream });\r\n this.streamCreatedSubject.next(event);\r\n }\r\n\r\n private onStreamDestroyed(event: OT.Event<'streamDestroyed', OT.Session> & { stream: OT.Stream, reason: string }) {\r\n this._logger.trace('session.streamDestroyed', { reason: event.reason, streamId: event.stream.streamId });\r\n this.streamDestroyedSubject.next(event);\r\n }\r\n\r\n private onStreamPropertyChanged(event: OpenTokStreamPropertyChangedEvent) {\r\n this._logger.trace(\r\n 'session.streamPropertyChanged',\r\n {\r\n streamId: event.stream.streamId,\r\n changedProperty: event.changedProperty,\r\n oldValue: event.oldValue,\r\n newValue: event.newValue\r\n });\r\n this.streamPropertyChangedSubject.next(event);\r\n }\r\n\r\n public playEnterAudio(){\r\n const audio = new Audio(\"assets/audio/enter.wav\");\r\n audio.load();\r\n audio.play();\r\n }\r\n public playExitAudio(){\r\n const audio = new Audio(\"assets/audio/answeringbeep.mp3\");\r\n audio.load();\r\n audio.play();\r\n }\r\n //#endregion\r\n}\r\n","import { VideoRoomLoggerService } from '../../services/video-room-logger.service';\r\nimport * as OT from '@opentok/client';\r\n\r\n/**\r\n * @summary Wrapper around OT.Subscriber.\r\n */\r\nexport class OpenTokSubscriber {\r\n\r\n _streamId: string;\r\n\r\n constructor(\r\n public readonly otSubscriber: OT.Subscriber,\r\n private readonly _logger: VideoRoomLoggerService) {\r\n\r\n this._streamId = otSubscriber.stream.streamId;\r\n\r\n this.otSubscriber.on('audioLevelUpdated', (event) => this.onAudioLevelUpdated(event));\r\n this.otSubscriber.on('connected', () => this.onConnected());\r\n this.otSubscriber.on('destroyed', (event) => this.onDestroyed(event));\r\n this.otSubscriber.on('videoDimensionsChanged', (event) => this.onVideoDimensionsChanged(event));\r\n this.otSubscriber.on('videoDisabled', (event) => this.onVideoDisabled(event));\r\n this.otSubscriber.on('videoDisableWarning', () => this.onVideoDisableWarning());\r\n this.otSubscriber.on('videoDisableWarningLifted', () => this.onVideoDisableWarningLifted());\r\n this.otSubscriber.on('videoElementCreated', () => this.onVideoElementCreated());\r\n this.otSubscriber.on('videoEnabled', (event) => this.onVideoEnabled(event));\r\n }\r\n\r\n destroy() {\r\n this.otSubscriber.off('audioLevelUpdated');\r\n this.otSubscriber.off('connected');\r\n this.otSubscriber.off('destroyed');\r\n this.otSubscriber.off('videoDimensionsChanged');\r\n this.otSubscriber.off('videoDisabled');\r\n this.otSubscriber.off('videoDisableWarning');\r\n this.otSubscriber.off('videoDisableWarningLifted');\r\n this.otSubscriber.off('videoElementCreated');\r\n this.otSubscriber.off('videoEnabled');\r\n }\r\n\r\n private onAudioLevelUpdated(event: OT.Event<'audioLevelUpdated', OT.Subscriber> & { audioLevel: number }) {\r\n // tbd: do we need this handler?\r\n }\r\n\r\n private onConnected() {\r\n this._logger.trace('subscriber.connected', { streamId: this._streamId });\r\n }\r\n\r\n private onDestroyed(event: OT.Event<'destroyed', OT.Subscriber> & { reason: string }) {\r\n this._logger.trace('subscriber.destroyed', { streamId: this._streamId, reason: event.reason });\r\n }\r\n\r\n private onVideoDimensionsChanged(event: OT.VideoDimensionsChangedEvent) {\r\n this._logger.trace('subscriber.videoDimensionsChanged', { streamId: this._streamId, newValue: event.newValue, oldValue: event.oldValue });\r\n }\r\n\r\n private onVideoDisabled(event: OT.Event<'videoDisabled', OT.Subscriber> & { reason: string }) {\r\n this._logger.trace('subscriber.videoDisabled', { streamId: this._streamId, reason: event.reason });\r\n }\r\n\r\n private onVideoDisableWarning() {\r\n this._logger.trace('subscriber.videoDisableWarning', { streamId: this._streamId });\r\n }\r\n\r\n private onVideoDisableWarningLifted() {\r\n this._logger.trace('subscriber.videoDisableWarningLifted', { streamId: this._streamId });\r\n }\r\n\r\n private onVideoElementCreated() {\r\n this._logger.trace('subscriber.videoElementCreated', { streamId: this._streamId });\r\n }\r\n\r\n private onVideoEnabled(event: OT.Event<'videoEnabled', OT.Subscriber> & { reason: string }) {\r\n this._logger.trace('subscriber.videoEnabled', { streamId: this._streamId, reason: event.reason });\r\n }\r\n}\r\n","export abstract class Participant {\r\n\r\n isLocal: boolean;\r\n\r\n fullName: string;\r\n}\r\n","export enum PublicationType {\r\n Video = 1,\r\n Screen\r\n}\r\n","import { PublicationType } from './publication-type';\r\nimport { Participant } from './participant';\r\n\r\nexport abstract class Publication {\r\n\r\n type: PublicationType;\r\n\r\n isLocal: boolean;\r\n\r\n videoElementContainer: HTMLElement;\r\n\r\n participant: Participant;\r\n\r\n isAudioMuted: boolean;\r\n\r\n constructor() {\r\n this.videoElementContainer = document.createElement('div');\r\n this.videoElementContainer.className = 'video-element-container';\r\n }\r\n\r\n abstract destroy();\r\n}\r\n","import { Participant } from './participant';\r\nimport { VideoRoomLoggerService } from '../services/video-room-logger.service';\r\nimport { RemotePublication } from './remote-publication';\r\nimport * as OT from '@opentok/client';\r\n\r\nexport class RemoteParticipant extends Participant {\r\n\r\n participantId: string;\r\n\r\n publications: RemotePublication[] = [];\r\n\r\n constructor(\r\n participantId: string,\r\n participantFullName: string,\r\n private _logger: VideoRoomLoggerService) {\r\n super();\r\n\r\n this.isLocal = false;\r\n this.fullName = participantFullName;\r\n\r\n this.participantId = participantId;\r\n }\r\n\r\n destroy() {\r\n for (const publication of this.publications) {\r\n publication.destroy();\r\n }\r\n }\r\n\r\n addPublication(publication: RemotePublication) {\r\n this.publications.push(publication);\r\n publication.participant = this;\r\n }\r\n\r\n removePublication(publicationId: string): RemotePublication {\r\n const publicationIndex = this.publications.findIndex(x => x.publicationId === publicationId);\r\n if (publicationIndex === -1) {\r\n this._logger.error('publication_not_found', { publicationId: publicationId });\r\n return null;\r\n }\r\n\r\n const publication = this.publications[publicationIndex];\r\n this.publications.splice(publicationIndex, 1);\r\n publication.destroy();\r\n\r\n return publication;\r\n }\r\n\r\n static getParticipantId(otConnection: OT.Connection): string {\r\n return otConnection.connectionId;\r\n }\r\n\r\n static createFromConnection(otConnection: OT.Connection, logger: VideoRoomLoggerService): RemoteParticipant {\r\n let dataObject: any;\r\n try {\r\n dataObject = JSON.parse(otConnection.data);\r\n }\r\n catch (error) {\r\n logger.error('invalid_connection_data_json', error);\r\n dataObject = null;\r\n }\r\n \r\n const fullName = dataObject && dataObject.FullName\r\n ? dataObject.FullName\r\n : '';\r\n\r\n return new RemoteParticipant(\r\n RemoteParticipant.getParticipantId(otConnection),\r\n fullName,\r\n logger\r\n );\r\n }\r\n}\r\n","import * as OT from '@opentok/client';\r\n\r\nimport { Deferred } from '../helpers/deferred';\r\nimport { OpenTokSession } from './open-tok/open-tok-session';\r\nimport { OpenTokStreamPropertyChangedEvent } from './open-tok/open-tok-stream-property-changed-event';\r\nimport { OpenTokSubscriber } from './open-tok/open-tok-subscriber';\r\nimport { Publication } from './publication';\r\nimport { PublicationType } from './publication-type';\r\nimport { RemoteParticipant } from './remote-participant';\r\nimport { Subscription } from 'rxjs';\r\nimport { VideoRoomLoggerService } from '../services/video-room-logger.service';\r\n\r\nexport class RemotePublication extends Publication {\r\n\r\n participantId: string;\r\n\r\n publicationId: string;\r\n\r\n private fullName: string;\r\n\r\n private _openTokSubscriber: OpenTokSubscriber;\r\n\r\n private readonly _sessionSubscriptions: Subscription[] = [];\r\n\r\n constructor(\r\n private _otStream: OT.Stream,\r\n private _openTokSession: OpenTokSession,\r\n private _logger: VideoRoomLoggerService) {\r\n super();\r\n\r\n this.type = this._otStream.videoType === 'screen'\r\n ? PublicationType.Screen\r\n : PublicationType.Video;\r\n this.isLocal = false;\r\n\r\n this.participantId = RemoteParticipant.getParticipantId(this._otStream.connection);\r\n this.publicationId = RemotePublication.getPublicationId(this._otStream);\r\n\r\n // subscribe to session events\r\n this._sessionSubscriptions.push(\r\n this._openTokSession.streamPropertyChanged$.subscribe((event) => this.onOpenTokStreamPropertyChanged(event)),\r\n );\r\n }\r\n\r\n destroy() {\r\n if (this._openTokSubscriber) {\r\n this._openTokSubscriber.destroy();\r\n }\r\n\r\n for (const subscription of this._sessionSubscriptions) {\r\n subscription.unsubscribe();\r\n }\r\n }\r\n\r\n /**\r\n * Start receiving remote publication.\r\n * @returns OT.Error or null if success.\r\n */\r\n async subscribeAsync(): Promise {\r\n\r\n this._logger.trace('RemotePublication_subscribing', { streamId: this._otStream.streamId });\r\n\r\n const deferred = new Deferred();\r\n\r\n // set initial values\r\n this.isAudioMuted = !this._otStream.hasAudio;\r\n\r\n const otSubscriber = this._openTokSession.otSession.subscribe(\r\n this._otStream,\r\n this.videoElementContainer,\r\n {\r\n insertMode: 'append',\r\n width: '100%',\r\n height: '100%',\r\n fitMode: 'contain',\r\n style: {\r\n buttonDisplayMode: 'off'\r\n },\r\n subscribeToVideo:true,\r\n insertDefaultUI: true\r\n },\r\n (error?: OT.OTError) => {\r\n if (error) {\r\n this._logger.error('session.subscribe: error', error);\r\n deferred.resolve(error);\r\n\r\n // todo: repeat couple of times if failed\r\n // tbd: reconnect if destroyed due to internet issues? can this happen without session disconnect?\r\n }\r\n else {\r\n this._logger.trace('session.subscribe: success');\r\n deferred.resolve(null);\r\n\r\n // prepare subscriber - for instance, set backgroundImageURI for participant without video stream\r\n }\r\n }\r\n );\r\n\r\n this._openTokSubscriber = new OpenTokSubscriber(otSubscriber, this._logger);\r\n\r\n return deferred.promise();\r\n }\r\n\r\n private onOpenTokStreamPropertyChanged(event: OpenTokStreamPropertyChangedEvent) {\r\n if (event.stream !== this._otStream) {\r\n // not own stream\r\n return;\r\n }\r\n\r\n switch (event.changedProperty) {\r\n case 'hasAudio':\r\n this.isAudioMuted = !event.newValue;\r\n break;\r\n }\r\n }\r\n\r\n static getPublicationId(otStream: OT.Stream): string {\r\n return otStream.streamId;\r\n }\r\n}\r\n","export enum RoomState {\r\n Initializing = 1,\r\n UnsupportedBrowser,\r\n RequestingVideoRoomData,\r\n DeviceAccessRequesting,\r\n DeviceAccessDenied,\r\n Connecting,\r\n NetworkError,\r\n Connected,\r\n Ended,\r\n OutOfHours,\r\n AlreadyTaken,\r\n OutOfTime,\r\n LinkExpired\r\n}\r\n","import { Observable, Subject, Subscription, timer } from 'rxjs';\r\n\r\nimport { DataChannel } from './data-channel';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\nimport { ENGINE_METHOD_DIGESTS } from 'constants';\r\nimport { GetVideoRoomInformation } from './get-video-room-information';\r\nimport { Injectable } from '@angular/core';\r\nimport { JsonPipe } from '@angular/common';\r\nimport { LocalParticipant } from './local-participant';\r\nimport { LoggingHelperService } from '../services/logging-helper.service';\r\nimport { OpenTokService } from '../services/open-tok.service';\r\nimport { OpenTokSession } from './open-tok/open-tok-session';\r\nimport { ParticipantsChangedEvent } from './participants-changed-event';\r\nimport { Publication } from './publication';\r\nimport { PublicationType } from './publication-type';\r\nimport { RemoteParticipant } from './remote-participant';\r\nimport { RemotePublication } from './remote-publication';\r\nimport { RoomEndReason } from './room-end-reason';\r\nimport { RoomState } from './room-state';\r\nimport { RoomStateChangedEvent } from './room-state-changed-event';\r\nimport { VideoRoomDataService } from '../services/video-room-data.service';\r\nimport { VideoRoomLoggerService } from '../services/video-room-logger.service';\r\n\r\n/**\r\n * Root object that represents all state and technical aspects of video-chat room.\r\n */\r\n@Injectable()\r\nexport class Room {\r\n\r\n private _state: RoomState = RoomState.Initializing;\r\n public _disconnectTimeRemaining: number = 7200;\r\n public _disconnectTimeRemainingString: string;\r\n public _expireTimeRemaining: number = 300;\r\n public _expireTimeRemainingString: string;\r\n public _isAgent : boolean;\r\n public _isLead : boolean;\r\n private _roomId: string;\r\n private _tokenId: string;\r\n\r\n get state(): RoomState {\r\n return this._state;\r\n }\r\n\r\n set state(value: RoomState) {\r\n if (this._state === value) {\r\n this._logger.warning(`state is already '${this._loggingHelperService.getRoomStateReadableName(value)}'`);\r\n return;\r\n }\r\n\r\n const roomStateChangedEvent: RoomStateChangedEvent = {\r\n oldValue: this._state,\r\n newValue: value,\r\n };\r\n\r\n this._state = value;\r\n this._logger.trace(`state = '${this._loggingHelperService.getRoomStateReadableName(value)}'`);\r\n\r\n // set default status message\r\n switch (this._state) {\r\n case RoomState.Connecting:\r\n this._statusMessage = 'Connecting';\r\n break;\r\n case RoomState.Ended:\r\n this._statusMessage = 'Ended'\r\n break; \r\n }\r\n\r\n this.roomStateChangedSubject.next(roomStateChangedEvent);\r\n }\r\n\r\n private _statusMessage: string;\r\n\r\n get statusMessage(): string {\r\n if (this._statusMessage) {\r\n return this._statusMessage;\r\n }\r\n else if (this.waitingForOthersMessage && this.remoteParticipants.length === 0) {\r\n return this.waitingForOthersMessage;\r\n }\r\n else {\r\n return null;\r\n }\r\n }\r\n\r\n waitingForOthersMessage: string;\r\n\r\n localParticipant: LocalParticipant;\r\n\r\n remoteParticipants: RemoteParticipant[] = [];\r\n\r\n dataChannel: DataChannel;\r\n\r\n private _getVideoRoomData: GetVideoRoomInformation;\r\n\r\n private _openTokSession: OpenTokSession;\r\n\r\n private readonly _sessionSubscriptions: Subscription[] = [];\r\n\r\n private _expirationSubscription : Subscription;\r\n\r\n private _disconnectSubscription : Subscription;\r\n\r\n //#region Events\r\n\r\n get roomStateChanged$(): Observable {\r\n return this.roomStateChangedSubject.asObservable();\r\n }\r\n\r\n get recordingEnabled$(): Observable {\r\n return this.recordingEnabledSubject.asObservable();\r\n }\r\n\r\n get sessionConnected$(): Observable {\r\n return this.sessionConnectedSubject.asObservable();\r\n }\r\n\r\n get participantsChanged$(): Observable {\r\n return this.participantsChangedSubject.asObservable();\r\n }\r\n\r\n get roomEnded$(): Observable {\r\n return this.roomEndedSubject.asObservable();\r\n }\r\n\r\n get dataChannelOpened$(): Observable {\r\n return this.dataChannelOpenedSubject.asObservable();\r\n }\r\n\r\n private readonly roomStateChangedSubject = new Subject();\r\n private readonly recordingEnabledSubject = new Subject();\r\n private readonly sessionConnectedSubject = new Subject();\r\n private readonly participantsChangedSubject = new Subject();\r\n private readonly roomEndedSubject = new Subject();\r\n private readonly dataChannelOpenedSubject = new Subject();\r\n\r\n //#endregion\r\n\r\n // main publication to display\r\n mainPublication: Publication;\r\n\r\n // list of all publications except main\r\n secondaryPublications: Publication[];\r\n\r\n constructor(\r\n private _openTokService: OpenTokService,\r\n protected _dataService: VideoRoomDataService,\r\n private _logger: VideoRoomLoggerService,\r\n private _deviceDetectorService: DeviceDetectorService,\r\n private _loggingHelperService: LoggingHelperService) {\r\n }\r\n\r\n private destroy() {\r\n if (this.localParticipant) {\r\n this.localParticipant.destroy();\r\n }\r\n\r\n for (const remoteParticipant of this.remoteParticipants) {\r\n remoteParticipant.destroy();\r\n }\r\n\r\n if (this.dataChannel) {\r\n this.dataChannel.destroy();\r\n }\r\n\r\n if (this._openTokSession) {\r\n this._openTokSession.destroy();\r\n }\r\n \r\n for (const subscription of this._sessionSubscriptions) {\r\n subscription.unsubscribe();\r\n }\r\n\r\n if (this._expirationSubscription != null)\r\n {\r\n this._expirationSubscription.unsubscribe(); \r\n }\r\n \r\n if (this._disconnectSubscription != null)\r\n {\r\n this._disconnectSubscription.unsubscribe();\r\n } \r\n }\r\n\r\n end(reason: RoomEndReason) {\r\n if (this.state === RoomState.Ended) {\r\n return;\r\n }\r\n\r\n this.destroy();\r\n if (reason == \"out_of_time\")\r\n {\r\n this.state = RoomState.OutOfTime\r\n }\r\n else\r\n {\r\n this.state = RoomState.Ended;\r\n this.disconnectTimer.arguments\r\n }\r\n this._logger.trace('room_ended', { reason: reason });\r\n this.roomEndedSubject.next(reason);\r\n }\r\n\r\n disconnectTimer() {\r\n this._disconnectTimeRemaining = 7200;\r\n const source = timer(1000, 2000);\r\n this._disconnectSubscription = \r\n source.subscribe(val => {\r\n if (this._disconnectTimeRemaining >= 0)\r\n {\r\n this._disconnectTimeRemaining = this._disconnectTimeRemaining - 1;\r\n // this._disconnectTimeRemainingString = this.secondsToHms(this._disconnectTimeRemaining);\r\n }\r\n else\r\n {\r\n //make request to disconnect everyone\r\n this._dataService.disconnectVideoRoomConnections(this._getVideoRoomData.videoRoomData.openTokSessionData.sessionId);\r\n this._disconnectSubscription.unsubscribe();\r\n }\r\n }); \r\n }\r\n\r\n expireTimer() {\r\n const source = timer(1000, 2000);\r\n this._expirationSubscription =\r\n source.subscribe(val => { \r\n if (this._expireTimeRemaining > 0)\r\n {\r\n this._expireTimeRemaining = this._expireTimeRemaining - 1;\r\n // this._expireTimeRemainingString = this.secondsToHms(this._expireTimeRemaining);\r\n }\r\n else\r\n {\r\n //make request to expire the lead's current link\r\n this._dataService.expireConsumerToken(this._tokenId);\r\n this._expirationSubscription.unsubscribe();\r\n } \r\n });\r\n }\r\n\r\n cancelExpireTimer() {\r\n this._sessionSubscriptions.pop();\r\n }\r\n\r\n secondsToHms(seconds) {\r\n seconds = Number(seconds);\r\n var h = Math.floor(seconds / 3600);\r\n var m = Math.floor(seconds % 3600 / 60);\r\n var s = Math.floor(seconds % 3600 % 60);\r\n\r\n var hDisplay = h > 0 ? h + (h == 1 ? \" hour \" : \" hours \") : \"\";\r\n var mDisplay = m > 0 ? m + (m == 1 ? \" minute \" : \" minutes \") : \"\";\r\n\r\n return hDisplay + mDisplay; \r\n }\r\n\r\n async requestNewToken(tokenId : string)\r\n {\r\n this._dataService.sendNewToken(tokenId);\r\n }\r\n \r\n async runAsync(tokenId: string, roomId : string, loginId : string) {\r\n try {\r\n\r\n // check browser compatibility\r\n const isBrowserCompatible = this._openTokService.checkBrowserCompatibility();\r\n if (!isBrowserCompatible) {\r\n this.state = RoomState.UnsupportedBrowser;\r\n this._logger.warning('browser_not_supported', this._deviceDetectorService.getDeviceInfo());\r\n return;\r\n }\r\n\r\n // request room data\r\n const isVideoRoomDataReceived = await this.requestVideoRoomDataAsync(tokenId, roomId, loginId);\r\n if (!isVideoRoomDataReceived) {\r\n return;\r\n }\r\n\r\n this._tokenId = tokenId;\r\n // initialize session and related objects\r\n this.initializeSession();\r\n this.initializeDataChannel();\r\n\r\n // initialize local participant\r\n this.state = RoomState.DeviceAccessRequesting;\r\n this._isAgent = this._getVideoRoomData.isAgent;\r\n this._isLead = this._getVideoRoomData.isLead;\r\n this.localParticipant = new LocalParticipant(\r\n this._getVideoRoomData.videoRoomData.userFullName,\r\n this._openTokSession,\r\n this._logger,\r\n this._dataService,\r\n this._tokenId);\r\n await this.localParticipant.initializeVideoPublicationAsync();\r\n if (this.localParticipant.localVideoPublication.isDeviceAccessDenied) {\r\n this.state = RoomState.DeviceAccessDenied;\r\n return;\r\n }\r\n\r\n //make sure audio is disabled before they can even see the page.\r\n await this.localParticipant.localVideoPublication.toggleVideo();\r\n\r\n this.disconnectTimer();\r\n\r\n this.updatePublications();\r\n this.onParticipantsChanged();\r\n\r\n // connect to the session\r\n const isConnected = await this.connectToSessionAsync();\r\n if (!isConnected) {\r\n return;\r\n }\r\n\r\n //if we have no other participant, start the timer to expire the link\r\n if (isConnected && this.remoteParticipants.length < 1)\r\n {\r\n this.expireTimer();\r\n }\r\n\r\n // publish local video/audio\r\n const error = this.localParticipant.localVideoPublication.publishAsync()\r\n .then(\r\n (errorCode) =>\r\n {\r\n if (errorCode == \"NotAllowed\")\r\n {\r\n this.state = RoomState.AlreadyTaken;\r\n }\r\n } \r\n ); \r\n }\r\n catch (error) {\r\n this._logger.error('Room.runAsync(): unhandled_error', error);\r\n }\r\n }\r\n\r\n private async requestVideoRoomDataAsync(tokenId: string, roomId : string, loginId : string): Promise {\r\n var currentTime = new Date().toLocaleTimeString('en-US', { hour12: false, \r\n hour: \"numeric\", \r\n minute: \"numeric\"}); \r\n\r\n this.state = RoomState.RequestingVideoRoomData;\r\n\r\n try {\r\n var outOfHoursAttempt = false;\r\n if ((currentTime > '22:00' || currentTime < '07:00'))\r\n {\r\n outOfHoursAttempt = true; \r\n }\r\n\r\n // tbd: use _componentCancellationTokenSource.promise() ?\r\n this._getVideoRoomData = await this._dataService.getVideoRoomDataAsync(tokenId, roomId, loginId, outOfHoursAttempt);\r\n this._logger.trace('room_data_received');\r\n\r\n this._isLead = this._getVideoRoomData.isLead;\r\n this._isAgent = this._getVideoRoomData.isAgent; \r\n\r\n console.log(outOfHoursAttempt + \":\", this._isLead);\r\n if (outOfHoursAttempt && this._isLead)\r\n {\r\n this.state = RoomState.OutOfHours;\r\n return false;\r\n }\r\n\r\n if (this._getVideoRoomData.errors != null)\r\n {\r\n var firstError = this._getVideoRoomData.errors[0];\r\n\r\n if (firstError.code == 'TokenAlreadyTaken')\r\n {\r\n this.state = RoomState.AlreadyTaken;\r\n return true;\r\n } \r\n else if (firstError.code == 'TokenExpired' && this._isLead)\r\n {\r\n this.state = RoomState.LinkExpired;\r\n return true;\r\n }\r\n else if (firstError.code == 'TokenExpired' && this._isAgent)\r\n {\r\n this.state = RoomState.AlreadyTaken;\r\n return true;\r\n }\r\n else if (firstError.code == 'TokenError')\r\n {\r\n this.state = RoomState.NetworkError;\r\n return true;\r\n }\r\n else\r\n {\r\n this.state = RoomState.NetworkError;\r\n }\r\n }\r\n\r\n if (this._getVideoRoomData.videoRoomData != null)\r\n {\r\n this.state = RoomState.NetworkError\r\n }\r\n\r\n return true;\r\n }\r\n catch (error) {\r\n // tbd: we can try 1 more time with some delay\r\n this._logger.error('getVideoRoomDataAsync()', error);\r\n // let user to retry\r\n this.state = RoomState.NetworkError;\r\n return false;\r\n }\r\n };\r\n\r\n private initializeSession() {\r\n this._openTokSession = this._openTokService.createSession(\r\n this._getVideoRoomData.videoRoomData.openTokSessionData.apiKey,\r\n this._getVideoRoomData.videoRoomData.openTokSessionData.sessionId);\r\n // subscribe to session events\r\n this._sessionSubscriptions.push(\r\n this._openTokSession.streamCreated$.subscribe((event) => this.addRemotePublication(event.stream)),\r\n this._openTokSession.streamDestroyed$.subscribe((event) => this.removeRemotePublication(event.stream)),\r\n this._openTokSession.archiveStarted$.subscribe(() => this.recordingEnabledSubject.next(true)),\r\n this._openTokSession.archiveStopped$.subscribe(() => this.recordingEnabledSubject.next(false)),\r\n this._openTokSession.sessionConnected$.subscribe(() => this.onSessionConnected()),\r\n this._openTokSession.sessionDisconnected$.subscribe((event) => this.onSessionDisconnected(event))\r\n );\r\n }\r\n\r\n private initializeDataChannel() {\r\n this.dataChannel = new DataChannel(this._openTokSession, this._logger);\r\n this.dataChannelOpenedSubject.next(this.dataChannel);\r\n }\r\n\r\n private async connectToSessionAsync(): Promise { \r\n this.state = RoomState.Connecting;\r\n\r\n if (this._isAgent)\r\n {\r\n var isAllowedToJoin = await this._dataService.verifyRoomStatus(this._tokenId); \r\n if (!isAllowedToJoin)\r\n {\r\n this.state = RoomState.AlreadyTaken;\r\n return false;\r\n } \r\n } \r\n\r\n // connect to the session\r\n const connectionError = await this._openTokSession.connectAsync(this._getVideoRoomData.videoRoomData.openTokSessionData.token);\r\n if (connectionError) {\r\n // tbd: add support for unknown error?\r\n //if (error.name === 'OT_NOT_CONNECTED') {\r\n // showMessage('Failed to connect. Please check your connection and try connecting again.');\r\n //} else {\r\n // showMessage('An unknown error occurred connecting. Please try again later.');\r\n //}\r\n\r\n this.state = RoomState.NetworkError;\r\n return false;\r\n }\r\n\r\n if (this._isLead === true && this.remoteParticipants.length < 1)\r\n {\r\n this._statusMessage = \"WaitingForAgent\";\r\n } \r\n else if (this._isLead === false && this.remoteParticipants.length < 1)\r\n {\r\n this._statusMessage = \"WaitingForConsumer\";\r\n }\r\n\r\n this.state = RoomState.Connected;\r\n return true;\r\n };\r\n\r\n private onSessionConnected() {\r\n this.sessionConnectedSubject.next(true);\r\n }\r\n\r\n private onSessionDisconnected(event: { reason: string }) {\r\n if (event.reason === 'networkDisconnected') {\r\n // todo: try to reconnect automatically couple times\r\n // tbd: show something special instead of ?\r\n this.state = RoomState.NetworkError;\r\n }\r\n else if (event.reason === 'forceDisconnected')\r\n {\r\n this.state = RoomState.OutOfTime;\r\n }\r\n\r\n this.sessionConnectedSubject.next(false);\r\n }\r\n\r\n private addRemotePublication(stream: OT.Stream) {\r\n const remotePublication = new RemotePublication(stream, this._openTokSession, this._logger);\r\n // run stream receiving in parallel (without await)\r\n remotePublication.subscribeAsync();\r\n\r\n // find existing participant\r\n let remoteParticipant = this.remoteParticipants.find(x => x.participantId === remotePublication.participantId);\r\n let isNewParticipant: boolean;\r\n if (!remoteParticipant) {\r\n // create new participant by connection data (connection data should be specified during OT token issuing)\r\n remoteParticipant = RemoteParticipant.createFromConnection(stream.connection, this._logger);\r\n this.remoteParticipants.push(remoteParticipant);\r\n isNewParticipant = true;\r\n }\r\n else {\r\n isNewParticipant = false;\r\n }\r\n\r\n remoteParticipant.addPublication(remotePublication);\r\n this.updatePublications();\r\n\r\n if (isNewParticipant) {\r\n this.onParticipantsChanged();\r\n }\r\n }\r\n\r\n private removeRemotePublication(stream: OT.Stream) {\r\n const participantId = RemoteParticipant.getParticipantId(stream.connection);\r\n // find existing participant\r\n const remoteParticipant = this.remoteParticipants.find(x => x.participantId === participantId);\r\n if (!remoteParticipant) {\r\n this._logger.error('participant_not_found', { participantId: participantId });\r\n return;\r\n }\r\n\r\n const publicationId = RemotePublication.getPublicationId(stream);\r\n remoteParticipant.removePublication(publicationId);\r\n\r\n if (remoteParticipant.publications.length === 0) {\r\n this.remoteParticipants.splice(this.remoteParticipants.indexOf(remoteParticipant), 1);\r\n remoteParticipant.destroy();\r\n this.onParticipantsChanged();\r\n }\r\n\r\n this.updatePublications();\r\n }\r\n\r\n private updatePublications() {\r\n if (this.remoteParticipants.length > 0) {\r\n if (this._expirationSubscription != null)\r\n {\r\n this._expirationSubscription.unsubscribe();\r\n }\r\n\r\n //make sure that we remove the intro screens when someone joins the call.\r\n this._statusMessage = null;\r\n\r\n // flattening of all remote publications\r\n // https://schneidenbach.gitbooks.io/typescript-cookbook/functional-programming/flattening-array-of-arrays.html\r\n const allRemotePublications = ([] as RemotePublication[]).concat(...this.remoteParticipants.map(x => x.publications));\r\n\r\n // screen publications have priority\r\n const firstScreenPublication = allRemotePublications.find(x => x.type === PublicationType.Screen);\r\n if (firstScreenPublication) {\r\n this.mainPublication = firstScreenPublication;\r\n }\r\n else {\r\n // first remote publication\r\n this.mainPublication = allRemotePublications[0];\r\n }\r\n\r\n this.secondaryPublications = allRemotePublications.filter(x => x !== this.mainPublication);\r\n\r\n // local video publication has the lowest priority and it's displayed always last\r\n // local screen publication is not displayed (published only)\r\n this.secondaryPublications.push(this.localParticipant.localVideoPublication);\r\n }\r\n else {\r\n // only local participant on the call\r\n this.mainPublication = this.localParticipant.localVideoPublication;\r\n this.secondaryPublications = []; \r\n }\r\n }\r\n\r\n private onParticipantsChanged() {\r\n this.participantsChangedSubject.next({\r\n totalParticipants: 1 + this.remoteParticipants.length,\r\n });\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { RoomState } from '../models/room-state';\r\nimport { VideoRoomDisplayMode } from '../components/video-room/video-room-display-mode';\r\nimport { Room } from '../models/room';\r\n\r\n@Injectable()\r\nexport class LoggingHelperService {\r\n\r\n getRoomStateReadableName(value: RoomState) {\r\n switch (value) {\r\n case RoomState.Initializing:\r\n return 'initializing';\r\n case RoomState.UnsupportedBrowser:\r\n return 'unsupported_browser';\r\n case RoomState.RequestingVideoRoomData:\r\n return 'requesting_video_room_data';\r\n case RoomState.NetworkError:\r\n return 'network_error';\r\n case RoomState.AlreadyTaken:\r\n return \"already_taken\";\r\n case RoomState.OutOfHours:\r\n return \"out_of_hours\";\r\n case RoomState.OutOfTime:\r\n return 'out_of_time';\r\n case RoomState.DeviceAccessRequesting:\r\n return 'device_access_requesting';\r\n case RoomState.DeviceAccessDenied:\r\n return 'device_access_denied';\r\n case RoomState.Connecting:\r\n return 'connecting';\r\n case RoomState.Connected:\r\n return 'connected';\r\n case RoomState.Ended:\r\n return 'ended'; \r\n default:\r\n return `${value}`;\r\n }\r\n }\r\n\r\n getVideoRoomDisplayModeReadableName(value: VideoRoomDisplayMode) {\r\n switch (value) {\r\n case VideoRoomDisplayMode.Desktop:\r\n return 'desktop';\r\n case VideoRoomDisplayMode.Mobile:\r\n return 'mobile';\r\n default:\r\n return `${value}`;\r\n }\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { DeviceInfo, DeviceDetectorService } from 'ngx-device-detector';\r\nimport { VideoRoomLoggerService } from './video-room-logger.service';\r\nimport { OpenTokSession } from '../models/open-tok/open-tok-session';\r\nimport * as OT from '@opentok/client';\r\n\r\n/**\r\n * Helpers around OT SDK.\r\n */\r\n@Injectable()\r\nexport class OpenTokService {\r\n\r\n readonly deviceInfo: DeviceInfo; \r\n constructor(\r\n public readonly deviceDetectorService: DeviceDetectorService,\r\n private readonly _logger: VideoRoomLoggerService) {\r\n this.deviceInfo = this.deviceDetectorService.getDeviceInfo();\r\n }\r\n\r\n checkBrowserCompatibility(): boolean {\r\n if (OT.checkSystemRequirements() === 1) {\r\n if (this.deviceInfo.os.toLowerCase() === 'ios') {\r\n return this.deviceInfo.browser.toLowerCase() !== 'safari' || this.deviceInfo.browser.toLowerCase() !== 'chrome' || this.deviceInfo.browser.toLowerCase() !== 'firefox';\r\n }\r\n return true;\r\n }\r\n\r\n return false;\r\n }\r\n\r\n createSession(apiKey: string, sessionId: string): OpenTokSession {\r\n const otSession = OT.initSession(apiKey, sessionId);\r\n return new OpenTokSession(otSession, this._logger);\r\n }\r\n}\r\n","import { GetVideoRoomInformation } from '../models/get-video-room-information';\r\n\r\nexport abstract class VideoRoomDataService {\r\n //change this too?\r\n abstract getVideoRoomDataAsync(tokenId: string, roomId :string, loginId : string, outOfHours?: boolean, cancellationToken?: Promise): Promise;\r\n // abstract getVideoRoomDataAsync(outOfHours: boolean, tokenId?: string, roomId? :string, loginId? : string): Promise;\r\n \r\n abstract verifyRoomStatus(tokenId: string);\r\n\r\n abstract logOutOfHoursAttempt(tokenId: string);\r\n\r\n abstract disconnectVideoRoomConnections(sessionId: string);\r\n\r\n abstract expireConsumerToken(tokenId: string);\r\n\r\n abstract sendNewToken(tokenId: string);\r\n}\r\n","export abstract class VideoRoomLoggerService {\r\n\r\n abstract trace(message: string, data?: any);\r\n\r\n abstract info(message: string, data?: any);\r\n\r\n abstract warning(message: string, data?: any);\r\n\r\n abstract error(message: string, data?: any);\r\n}\r\n","import { AlreadyTakenComponent } from './components/already-taken/already-taken.component';\r\nimport { CallEndedComponent } from './components/call-ended/call-ended.component';\r\nimport { ClipboardModule } from 'ngx-clipboard';\r\nimport { CommonModule } from '@angular/common';\r\nimport { DeviceAccessDeniedComponent } from './components/device-access-denied/device-access-denied.component';\r\nimport { DeviceAccessRequestingComponent } from './components/device-access-requesting/device-access-requesting.component';\r\nimport { LandingDesctopPageComponent } from './components/landing_page/landing-page-desc/landing-page-desc.component';\r\nimport { LandingMobilePageComponent } from './components/landing_page/landing-page-mobile.component';\r\nimport { LinkExpiredComponent } from './components/link-expired/link-expired.component';\r\nimport { LoggingHelperService } from './services/logging-helper.service';\r\nimport { MicPermissionComponent } from './components/mic-permission-screen/mic-permission-screen.component'\r\nimport { NetworkErrorComponent } from './components/network-error/network-error.component';\r\nimport { NgModule } from '@angular/core';\r\nimport { OpenTokService } from './services/open-tok.service';\r\nimport { OutOfHoursComponent } from './components/out-of-hours/out-of-hours.component';\r\nimport { OutOfTimeComponent } from './components/out-of-time/out-of-time.component';\r\nimport { PopoverModule } from 'ngx-smart-popover';\r\nimport { PublicationComponent } from './components/publication/publication.component';\r\nimport { PublicationStatusComponent } from './components/publication-status/publication-status.component';\r\nimport { PublicationStatusMobileComponent } from './components/publication-status-mobile/publication-status-mobile.component';\r\nimport { UnsupportedBrowserComponent } from './components/unsupported-browser/unsupported-browser.component';\r\nimport { VideoRoomComponent } from './components/video-room/video-room.component';\r\nimport { VideoRoomDesktopCommandPanelComponent } from './components/video-room-desktop-command-panel/video-room-desktop-command-panel.component';\r\nimport { VideoRoomDesktopComponent } from './components/video-room-desktop/video-room-desktop.component';\r\nimport { VideoRoomExtensionsDirective } from './components/video-room/video-room-extensions.directive';\r\nimport { VideoRoomMobileComponent } from './components/video-room-mobile/video-room-mobile.component';\r\nimport { WaitingForAgent } from './components/waiting-for-agent/waiting-for-agent.component';\r\nimport { WaitingForConsumer } from './components/waiting-for-consumer/waiting-for-consumer.component';\r\n\r\nconst PUBLIC_COMPONENTS = [\r\n VideoRoomComponent,\r\n VideoRoomExtensionsDirective\r\n];\r\n\r\nconst SUB_COMPONENTS = [\r\n UnsupportedBrowserComponent,\r\n NetworkErrorComponent,\r\n DeviceAccessRequestingComponent,\r\n DeviceAccessDeniedComponent,\r\n VideoRoomDesktopComponent,\r\n VideoRoomDesktopCommandPanelComponent,\r\n VideoRoomMobileComponent,\r\n PublicationComponent,\r\n PublicationStatusComponent,\r\n PublicationStatusMobileComponent,\r\n WaitingForAgent,\r\n OutOfHoursComponent,\r\n CallEndedComponent,\r\n AlreadyTakenComponent,\r\n OutOfTimeComponent,\r\n WaitingForConsumer,\r\n LinkExpiredComponent,\r\n LandingDesctopPageComponent,\r\n LandingMobilePageComponent,\r\n MicPermissionComponent\r\n];\r\n\r\n@NgModule({\r\n declarations: [\r\n PUBLIC_COMPONENTS,\r\n SUB_COMPONENTS\r\n ],\r\n imports: [\r\n CommonModule,\r\n // todo: use Clipboard from Angular CDK\r\n ClipboardModule,\r\n PopoverModule\r\n ],\r\n providers: [\r\n OpenTokService,\r\n LoggingHelperService\r\n ],\r\n exports: [\r\n PUBLIC_COMPONENTS\r\n ]\r\n})\r\nexport class VideoRoomCoreModule {\r\n}\r\n","/*\r\n * Public API Surface of video-room\r\n */\r\n\r\nexport { VideoRoomCoreModule } from './video-lib.module';\r\nexport { VideoRoomDataService } from './services/video-room-data.service';\r\nexport { VideoRoomData } from './models/video-room-data';\r\nexport { OpenTokSessionData } from './models/open-tok/open-tok-session-data';\r\nexport { VideoRoomLoggerService } from './services/video-room-logger.service';\r\nexport { Room } from './models/room';\r\nexport { DataChannel } from './models/data-channel';\r\nexport { DataChannelMessage } from './models/data-channel-message';\r\nexport { ParticipantsChangedEvent } from './models/participants-changed-event';\r\nexport { RoomEndReason } from './models/room-end-reason';\r\nexport { VideoRoomComponent } from './components/video-room/video-room.component';\r\nexport { VideoRoomDisplayMode } from './components/video-room/video-room-display-mode';\r\nexport { VideoRoomExtensionsDirective } from './components/video-room/video-room-extensions.directive';\r\n","export * from './lib/video-lib';","import { NgModule } from '@angular/core';\r\nimport { RouterModule } from '@angular/router';\r\nimport { routes } from './routes';\r\nimport { DeviceDetectorModule } from 'ngx-device-detector';\r\n\r\n@NgModule({\r\n imports: [\r\n RouterModule.forRoot(routes),\r\n DeviceDetectorModule.forRoot()\r\n ],\r\n exports: [\r\n RouterModule\r\n ]\r\n})\r\nexport class AppRoutingModule {\r\n}\r\n","module.exports = \".app-layout {\\n width: 100%;\\n height: 100%;\\n display: flex;\\n flex-direction: column;\\n}\\n.app-layout .app-header {\\n background: #FFFFFF;\\n display: flex;\\n height: 8vh;\\n color: white;\\n padding: 0 15px;\\n}\\n.app-layout .app-content {\\n flex-grow: 1;\\n overflow-y: auto;\\n background-color: #fff;\\n height: calc(100vh - 46px);\\n border: 3px solid gray;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvQzpcXFVzZXJzXFxkYW5pYVxcRG9jdW1lbnRzXFxHaXRcXFNldEhlbGxvVmlkZW8vc3JjXFxhcHBcXGFwcC5jb21wb25lbnQuc2NzcyIsInNyYy9hcHAvYXBwLmNvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UsV0FBQTtFQUNBLFlBQUE7RUFDQSxhQUFBO0VBQ0Esc0JBQUE7QUNDRjtBRENFO0VBQ0UsbUJBQUE7RUFDQSxhQUFBO0VBQ0EsV0FBQTtFQUNBLFlBQUE7RUFDQSxlQUFBO0FDQ0o7QURFRTtFQUNFLFlBQUE7RUFDQSxnQkFBQTtFQUNBLHNCQUFBO0VBQ0EsMEJBQUE7RUFDQSxzQkFBQTtBQ0FKIiwiZmlsZSI6InNyYy9hcHAvYXBwLmNvbXBvbmVudC5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmFwcC1sYXlvdXQge1xyXG4gIHdpZHRoOiAxMDAlO1xyXG4gIGhlaWdodDogMTAwJTtcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XHJcblxyXG4gIC5hcHAtaGVhZGVyIHtcclxuICAgIGJhY2tncm91bmQ6ICNGRkZGRkY7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgaGVpZ2h0OiA4dmg7XHJcbiAgICBjb2xvcjogd2hpdGU7XHJcbiAgICBwYWRkaW5nOiAwIDE1cHg7XHJcbiAgfVxyXG5cclxuICAuYXBwLWNvbnRlbnQge1xyXG4gICAgZmxleC1ncm93OiAxO1xyXG4gICAgb3ZlcmZsb3cteTogYXV0bztcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XHJcbiAgICBoZWlnaHQ6IGNhbGMoMTAwdmggLSA0NnB4KTtcclxuICAgIGJvcmRlcjogM3B4IHNvbGlkIGdyYXk7XHJcbiAgfVxyXG59XHJcbiIsIi5hcHAtbGF5b3V0IHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbn1cbi5hcHAtbGF5b3V0IC5hcHAtaGVhZGVyIHtcbiAgYmFja2dyb3VuZDogI0ZGRkZGRjtcbiAgZGlzcGxheTogZmxleDtcbiAgaGVpZ2h0OiA4dmg7XG4gIGNvbG9yOiB3aGl0ZTtcbiAgcGFkZGluZzogMCAxNXB4O1xufVxuLmFwcC1sYXlvdXQgLmFwcC1jb250ZW50IHtcbiAgZmxleC1ncm93OiAxO1xuICBvdmVyZmxvdy15OiBhdXRvO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICBoZWlnaHQ6IGNhbGMoMTAwdmggLSA0NnB4KTtcbiAgYm9yZGVyOiAzcHggc29saWQgZ3JheTtcbn0iXX0= */\"","import { Component } from '@angular/core';\r\nimport { Router, ActivationEnd } from '@angular/router';\r\nimport { filter, tap } from 'rxjs/operators';\r\n\r\n@Component({\r\n selector: 'app-root',\r\n templateUrl: './app.component.html',\r\n styleUrls: ['./app.component.scss']\r\n})\r\nexport class AppComponent {\r\n\r\n componentTitle: string;\r\n\r\n constructor(private router: Router) {\r\n this.router.events\r\n .pipe(\r\n filter(event => event instanceof ActivationEnd),\r\n tap(event => {\r\n if (event instanceof ActivationEnd) {\r\n if (event.snapshot.component) {\r\n this.componentTitle = event.snapshot.data.title;\r\n }\r\n }\r\n })\r\n )\r\n .subscribe();\r\n }\r\n}\r\n","import { APP_INITIALIZER, NgModule } from '@angular/core';\r\nimport { VideoRoomDataService, VideoRoomLoggerService } from 'video-lib';\r\n\r\nimport { AppComponent } from './app.component';\r\nimport { AppRoutingModule } from './app-routing.module';\r\nimport { BrowserModule } from '@angular/platform-browser';\r\nimport { CommonModule } from '@angular/common';\r\nimport { DemoVideoRoomDataService } from './services/video-data.service';\r\nimport { DemoVideoRoomLoggerService } from './services/video-logger.service';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { HttpClientModule } from '@angular/common/http';\r\nimport { MenuComponent } from './menu/menu.component';\r\nimport { VideoRoomCoreModule } from 'video-lib';\r\nimport { VideoRoomTestPageComponent } from './video/connect.component';\r\n\r\n@NgModule({\r\n declarations: [\r\n AppComponent,\r\n MenuComponent,\r\n VideoRoomTestPageComponent\r\n ],\r\n imports: [\r\n CommonModule,\r\n BrowserModule,\r\n AppRoutingModule,\r\n FormsModule,\r\n HttpClientModule,\r\n VideoRoomCoreModule\r\n ],\r\n providers: [\r\n {\r\n provide: VideoRoomDataService,\r\n useClass: DemoVideoRoomDataService\r\n },\r\n {\r\n provide: DemoVideoRoomLoggerService,\r\n useClass: DemoVideoRoomLoggerService,\r\n },\r\n {\r\n provide: VideoRoomLoggerService,\r\n useExisting: DemoVideoRoomLoggerService\r\n },\r\n // {\r\n // provide: APP_INITIALIZER,\r\n // useFactory: (logger: DemoVideoRoomLoggerService) => {\r\n // return async () => {\r\n // await logger.initAsync();\r\n // };\r\n // },\r\n // deps: [DemoVideoRoomLoggerService],\r\n // multi: true\r\n // }\r\n ],\r\n bootstrap: [AppComponent]\r\n})\r\nexport class AppModule {\r\n}\r\n","module.exports = \"ul {\\n display: flex;\\n height: 100%;\\n list-style-type: none;\\n margin: 0;\\n padding: 0;\\n align-items: center;\\n}\\nul li {\\n margin-left: 10px;\\n}\\nul li:first-of-type {\\n margin-left: 0;\\n}\\nul li a {\\n color: white;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvbWVudS9DOlxcVXNlcnNcXGRhbmlhXFxEb2N1bWVudHNcXEdpdFxcU2V0SGVsbG9WaWRlby9zcmNcXGFwcFxcbWVudVxcbWVudS5jb21wb25lbnQuc2NzcyIsInNyYy9hcHAvbWVudS9tZW51LmNvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UsYUFBQTtFQUNBLFlBQUE7RUFDQSxxQkFBQTtFQUNBLFNBQUE7RUFDQSxVQUFBO0VBQ0EsbUJBQUE7QUNDRjtBRENFO0VBQ0UsaUJBQUE7QUNDSjtBRENJO0VBQ0UsY0FBQTtBQ0NOO0FERUk7RUFDRSxZQUFBO0FDQU4iLCJmaWxlIjoic3JjL2FwcC9tZW51L21lbnUuY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyJ1bCB7XHJcbiAgZGlzcGxheTogZmxleDtcclxuICBoZWlnaHQ6IDEwMCU7XHJcbiAgbGlzdC1zdHlsZS10eXBlOiBub25lO1xyXG4gIG1hcmdpbjogMDtcclxuICBwYWRkaW5nOiAwO1xyXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcblxyXG4gIGxpIHtcclxuICAgIG1hcmdpbi1sZWZ0OiAxMHB4O1xyXG5cclxuICAgICY6Zmlyc3Qtb2YtdHlwZSB7XHJcbiAgICAgIG1hcmdpbi1sZWZ0OiAwO1xyXG4gICAgfVxyXG5cclxuICAgIGEge1xyXG4gICAgICBjb2xvcjogd2hpdGU7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsInVsIHtcbiAgZGlzcGxheTogZmxleDtcbiAgaGVpZ2h0OiAxMDAlO1xuICBsaXN0LXN0eWxlLXR5cGU6IG5vbmU7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cbnVsIGxpIHtcbiAgbWFyZ2luLWxlZnQ6IDEwcHg7XG59XG51bCBsaTpmaXJzdC1vZi10eXBlIHtcbiAgbWFyZ2luLWxlZnQ6IDA7XG59XG51bCBsaSBhIHtcbiAgY29sb3I6IHdoaXRlO1xufSJdfQ== */\"","import { Component } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { routes } from '../routes';\r\n\r\n@Component({\r\n selector: 'menu-component',\r\n templateUrl: './menu.component.html',\r\n styleUrls: ['./menu.component.scss']\r\n})\r\nexport class MenuComponent {\r\n\r\n readonly components: { path: string, title: string }[];\r\n\r\n constructor(private router: Router) {\r\n const children = routes.find(x => x.path === 'video').children;\r\n this.components = children.map(x => ({\r\n path: x.path,\r\n title: x.data.title\r\n }));\r\n }\r\n\r\n isActive(currentRoute: any[], exact = true): boolean {\r\n return this.router.isActive(this.router.createUrlTree(currentRoute), exact);\r\n }\r\n}\r\n","export class RegisterClientSessionCommandResponse {\r\n clientSessionUniqueId?: string | null;\r\n}\r\n\r\nexport class RegisterClientSessionCommand {\r\n startedAt?: Date | null;\r\n startedAtUtc?: Date | null;\r\n userAgent?: string | null;\r\n initialUrl?: string | null;\r\n}\r\n\r\nexport class RegisterClientSessionLogRecordsCommand {\r\n clientSessionUniqueId?: string | null;\r\n records?: ClientSessionLogRecordDto[] | null;\r\n}\r\n\r\nexport class ClientSessionLogRecordDto {\r\n type: ClientSessionLogRecordTypeEnum;\r\n level: ClientSessionLogRecordLevelEnum;\r\n loggedAtUtc: Date;\r\n message?: string | null;\r\n dataJson?: string | null;\r\n}\r\n\r\nexport enum ClientSessionLogRecordTypeEnum {\r\n Logger = 1,\r\n ConsoleLog = 2,\r\n}\r\n\r\nexport enum ClientSessionLogRecordLevelEnum {\r\n Trace = 0,\r\n Debug = 1,\r\n Information = 2,\r\n Warning = 3,\r\n Error = 4,\r\n Critical = 5,\r\n None = 6,\r\n}\r\n","import { Routes } from '@angular/router';\r\nimport { VideoRoomTestPageComponent } from './video/connect.component';\r\n\r\nexport const routes: Routes = [\r\n {path: '**', \r\n data: {\r\n title: 'SetSchedule Hello'\r\n },\r\n component: VideoRoomTestPageComponent \r\n ,pathMatch: 'full'}\r\n ];","import { VideoRoomData, VideoRoomDataService } from 'video-lib';\r\n\r\nimport { GetVideoRoomInformation } from 'projects/video-lib/src/lib/models/get-video-room-information';\r\nimport { HttpClient } from '@angular/common/http';\r\nimport { Injectable } from '@angular/core';\r\nimport { Location } from '@angular/common';\r\n\r\n@Injectable()\r\nexport class DemoVideoRoomDataService extends VideoRoomDataService {\r\n public url = 'https://dev.setschedule.com/';\r\n // public url = 'localhost:4200';\r\n \r\n constructor(private _http: HttpClient, private loc: Location) {\r\n super(); \r\n }\r\n\r\n //async getVideoRoomDataAsync(roomId: string, outOfHours:boolean, cancellationToken?: Promise)\r\n // async getVideoRoomDataAsync(outOfHours:boolean, cancellationToken?: Promise, tokenId?: string, roomId? : string, loginId? : string): Promise {\r\n async getVideoRoomDataAsync(tokenId: string, roomId : string, loginId : string, outOfHours:boolean): Promise {\r\n if (window.location.href.includes('test-stg'))\r\n {\r\n this.url = 'https://dev.setschedule.com/'\r\n }\r\n else if (window.location.href.includes('localhost'))\r\n {\r\n this.url= 'https://dev.setschedule.com/';\r\n }\r\n else\r\n {\r\n this.url = 'https://api2.setschedule.com/'\r\n }\r\n // console.log(\"outOfHours \" + outOfHours);\r\n //check that both strings arent empty, waf's generating url so should be safe\r\n if(loginId && roomId)\r\n {\r\n console.log(loginId);\r\n console.log(roomId);\r\n console.log(\"for concierge\")\r\n // https://test-stg-setconnect.setschedule.com/?roomId={0}&loginId={1}\r\n const data = await this._http.get(this.url + 'api2.4/Video/GetVideoRoomData?roomId=' + roomId + \"&loginId=\" + loginId + \"&outOfHoursAttempt=\" + outOfHours).toPromise();\r\n return data;\r\n }\r\n console.log(\"for users\")\r\n const data = await this._http.get(this.url + 'api2.4/Video/GetVideoRoomData?tokenId=' + tokenId + \"&outOfHoursAttempt=\" + outOfHours).toPromise();\r\n return data; \r\n \r\n }\r\n\r\n async verifyRoomStatus(tokenId: string) {\r\n if (window.location.href.includes('test-stg'))\r\n {\r\n this.url = 'https://dev.setschedule.com/'\r\n }\r\n else if (window.location.href.includes('localhost'))\r\n {\r\n this.url= 'https://dev.setschedule.com/';\r\n }\r\n else\r\n {\r\n this.url = 'https://api2.setschedule.com/'\r\n }\r\n\r\n const data = await this._http.get(this.url + 'api2.4/Video/VerifyRoomStatus?tokenId=' + tokenId).toPromise();\r\n return data; \r\n }\r\n\r\n async logOutOfHoursAttempt(tokenId: string) {\r\n if (window.location.href.includes('test-stg'))\r\n {\r\n this.url = 'https://dev.setschedule.com/'\r\n }\r\n else if (window.location.href.includes('localhost'))\r\n {\r\n this.url= 'https://dev.setschedule.com/';\r\n }\r\n else\r\n {\r\n this.url = 'https://api2.setschedule.com/'\r\n }\r\n\r\n var response = await this._http.post(\r\n this.url + 'api2.4/Video/LogOutOfHoursAttempt/' + tokenId,\r\n null\r\n );\r\n\r\n response.subscribe();\r\n }\r\n\r\n async disconnectVideoRoomConnections(sessionId: string) {\r\n if (window.location.href.includes('test-stg'))\r\n {\r\n this.url = 'https://dev.setschedule.com/'\r\n }\r\n else if (window.location.href.includes('localhost'))\r\n {\r\n this.url= 'https://dev.setschedule.com/';\r\n }\r\n else\r\n {\r\n this.url = 'https://api2.setschedule.com/'\r\n }\r\n \r\n var response = await this._http.post(\r\n this.url + 'api2.4/Video/Disconnect/' + sessionId,\r\n null\r\n );\r\n\r\n response.subscribe();\r\n }\r\n\r\n async expireConsumerToken(tokenId: string) {\r\n if (window.location.href.includes('test-stg'))\r\n {\r\n this.url = 'https://dev.setschedule.com/'\r\n }\r\n else if (window.location.href.includes('localhost'))\r\n {\r\n this.url= 'https://dev.setschedule.com/';\r\n }\r\n else\r\n {\r\n this.url = 'https://api2.setschedule.com/'\r\n }\r\n \r\n var response = await this._http.post(\r\n this.url + 'api2.4/Video/Expire/' + tokenId,\r\n null\r\n );\r\n\r\n response.subscribe();\r\n }\r\n\r\n async sendNewToken(tokenId: string)\r\n {\r\n if (window.location.href.includes('test-stg'))\r\n {\r\n this.url = 'https://dev.setschedule.com/'\r\n }\r\n else if (window.location.href.includes('localhost'))\r\n {\r\n this.url= 'https://dev.setschedule.com/';\r\n }\r\n else\r\n {\r\n this.url = 'https://api2.setschedule.com/'\r\n }\r\n \r\n var response = await this._http.post(\r\n this.url + 'api2.4/Video/RequestNewLink/' + tokenId,\r\n null\r\n );\r\n\r\n response.subscribe();\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { HttpClient } from '@angular/common/http';\r\nimport { VideoRoomLoggerService } from 'video-lib';\r\nimport { ClientSessionLogRecordTypeEnum } from 'src/app/models/models';\r\nimport { RegisterClientSessionCommand } from 'src/app/models/models';\r\nimport { RegisterClientSessionCommandResponse } from 'src/app/models/models';\r\nimport { ClientSessionLogRecordDto } from 'src/app/models/models';\r\nimport { RegisterClientSessionLogRecordsCommand } from 'src/app/models/models';\r\nimport { ClientSessionLogRecordLevelEnum } from 'src/app/models/models';\r\nimport * as moment from 'moment';\r\n\r\ntype ConsoleLogEvent = CustomEvent<{ methodName: keyof Console; arguments: any[] }>;\r\n\r\n@Injectable()\r\nexport class DemoVideoRoomLoggerService extends VideoRoomLoggerService {\r\n\r\n constructor(private _http: HttpClient) {\r\n super();\r\n }\r\n\r\n private _clientSessionUniqueId: string;\r\n\r\n private _logRecords: ClientSessionLogRecordDto[] = [];\r\n\r\n async initAsync() {\r\n try {\r\n return;\r\n // // todo: RegisterClientSessionCommand should be interface?\r\n // const request: RegisterClientSessionCommand = new RegisterClientSessionCommand();\r\n // request.initialUrl = location.href;\r\n // request.userAgent = window.navigator.userAgent;\r\n // const nowMoment = moment();\r\n // // todo: fix - how to pass local datetime via Date object?\r\n // request.startedAt = nowMoment.toDate();\r\n // request.startedAtUtc = nowMoment.toDate();\r\n\r\n // const response = await this._http.post(\r\n // 'api/ClientSessionLog/RegisterClientSession',\r\n // request\r\n // ).toPromise();\r\n\r\n // this._clientSessionUniqueId = response.clientSessionUniqueId;\r\n // this.subscribeToExtendedLoggingSources();\r\n // this.runClientLogSync();\r\n\r\n }\r\n catch (error) {\r\n console.error('LoggerService initialization failed.', error);\r\n }\r\n }\r\n\r\n private _syncPeriodMs = 1000;\r\n\r\n private runClientLogSync() {\r\n this.scheduleNextLogSending();\r\n }\r\n\r\n private scheduleNextLogSending() {\r\n setTimeout(\r\n async () => {\r\n await this.sendLogRecordsAsync();\r\n this.scheduleNextLogSending();\r\n },\r\n this._syncPeriodMs);\r\n }\r\n\r\n private async sendLogRecordsAsync() {\r\n if (this._logRecords.length === 0) {\r\n return;\r\n }\r\n return;\r\n // const logRecordsToSend = this._logRecords.splice(0, this._logRecords.length);\r\n // const request = new RegisterClientSessionLogRecordsCommand();\r\n // request.clientSessionUniqueId = this._clientSessionUniqueId;\r\n // request.records = logRecordsToSend;\r\n\r\n // try {\r\n // await this._http.post(\r\n // 'api/ClientSessionLog/RegisterClientSessionLogRecords',\r\n // request\r\n // ).toPromise();\r\n\r\n // }\r\n // catch (error) {\r\n // // tbd: handle in different way? re-try couple of times (instead of losing records due to bad connection)?\r\n // this.error('Previous SYNC failed.', error);\r\n // }\r\n }\r\n\r\n private logImplementation(\r\n type: ClientSessionLogRecordTypeEnum,\r\n level: ClientSessionLogRecordLevelEnum,\r\n message?: string,\r\n data?: any) {\r\n\r\n try {\r\n const logRecord = new ClientSessionLogRecordDto();\r\n logRecord.type = type;\r\n logRecord.level = level;\r\n logRecord.loggedAtUtc = moment.utc().toDate();\r\n logRecord.message = message;\r\n logRecord.dataJson = data ? JSON.stringify(data) : null;\r\n\r\n // tbd: save to sessionStorage to survive browser refresh (if yes, then session id should also survive browser refresh somehow)?\r\n this._logRecords.push(logRecord);\r\n\r\n }\r\n catch (error) {\r\n // ignore\r\n }\r\n }\r\n\r\n public trace(message: string, data?: any) {\r\n // info to avoid stack trace in console\r\n console.info(message, data);\r\n this.logImplementation(ClientSessionLogRecordTypeEnum.Logger, ClientSessionLogRecordLevelEnum.Information, message, data);\r\n }\r\n\r\n public info(message: string, data?: any) {\r\n console.info(message, data);\r\n this.logImplementation(ClientSessionLogRecordTypeEnum.Logger, ClientSessionLogRecordLevelEnum.Information, message, data);\r\n }\r\n\r\n public warning(message: string, data?: any) {\r\n console.warn(message, data);\r\n this.logImplementation(ClientSessionLogRecordTypeEnum.Logger, ClientSessionLogRecordLevelEnum.Warning, message, data);\r\n }\r\n\r\n public error(message: string, error?: any) {\r\n console.error(message, error);\r\n this.logImplementation(ClientSessionLogRecordTypeEnum.Logger, ClientSessionLogRecordLevelEnum.Error, message, error);\r\n }\r\n\r\n private _logConsoleLog = false;\r\n\r\n private subscribeToExtendedLoggingSources() {\r\n window.addEventListener(\r\n 'console_log',\r\n (event: ConsoleLogEvent) => {\r\n if (!this._logConsoleLog || !event.detail) {\r\n return;\r\n }\r\n\r\n let logLevel: ClientSessionLogRecordLevelEnum;\r\n switch (event.detail.methodName) {\r\n case 'debug':\r\n logLevel = ClientSessionLogRecordLevelEnum.Debug;\r\n break;\r\n case 'trace':\r\n logLevel = ClientSessionLogRecordLevelEnum.Trace;\r\n break;\r\n case 'info':\r\n logLevel = ClientSessionLogRecordLevelEnum.Information;\r\n break;\r\n case 'warn':\r\n logLevel = ClientSessionLogRecordLevelEnum.Warning;\r\n break;\r\n case 'error':\r\n logLevel = ClientSessionLogRecordLevelEnum.Error;\r\n break;\r\n case 'log':\r\n default:\r\n logLevel = ClientSessionLogRecordLevelEnum.None;\r\n break;\r\n }\r\n\r\n this.logImplementation(\r\n ClientSessionLogRecordTypeEnum.ConsoleLog,\r\n logLevel,\r\n null,\r\n event.detail.arguments);\r\n });\r\n }\r\n\r\n public enableExtendedLogging(\r\n settings: {\r\n consoleLog: boolean;\r\n }) {\r\n this._logConsoleLog = settings.consoleLog;\r\n }\r\n}\r\n","module.exports = \":host {\\n display: block;\\n height: 100%;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvdmlkZW8vQzpcXFVzZXJzXFxkYW5pYVxcRG9jdW1lbnRzXFxHaXRcXFNldEhlbGxvVmlkZW8vc3JjXFxhcHBcXHZpZGVvXFxjb25uZWN0LmNvbXBvbmVudC5zY3NzIiwic3JjL2FwcC92aWRlby9jb25uZWN0LmNvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UsY0FBQTtFQUNBLFlBQUE7QUNDRiIsImZpbGUiOiJzcmMvYXBwL3ZpZGVvL2Nvbm5lY3QuY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyI6aG9zdCB7XHJcbiAgZGlzcGxheTogYmxvY2s7XHJcbiAgaGVpZ2h0OiAxMDAlO1xyXG59XHJcblxyXG5cclxuIiwiOmhvc3Qge1xuICBkaXNwbGF5OiBibG9jaztcbiAgaGVpZ2h0OiAxMDAlO1xufSJdfQ== */\"","import { Component, OnInit, OnDestroy } from '@angular/core';\r\nimport { VideoRoomDisplayMode, DataChannel } from 'video-lib';\r\nimport { DemoVideoRoomLoggerService } from '../services/video-logger.service';\r\nimport { Subscription } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'connect-component',\r\n templateUrl: './connect.component.html',\r\n styleUrls: ['./connect.component.scss']\r\n})\r\nexport class VideoRoomTestPageComponent implements OnInit, OnDestroy {\r\n\r\n VideoRoomDisplayMode = VideoRoomDisplayMode;\r\n\r\n dataChannel: DataChannel;\r\n\r\n private readonly _dataChannelSubscriptions: Subscription[] = [];\r\n\r\n constructor(private _logger: DemoVideoRoomLoggerService) {\r\n this._logger.enableExtendedLogging({\r\n consoleLog: true\r\n });\r\n }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n ngOnDestroy(): void {\r\n for (const subscription of this._dataChannelSubscriptions) {\r\n subscription.unsubscribe();\r\n }\r\n\r\n this._logger.enableExtendedLogging({\r\n consoleLog: false\r\n });\r\n }\r\n\r\n onDataChannelOpened(dataChannel: DataChannel) {\r\n this.dataChannel = dataChannel;\r\n this._dataChannelSubscriptions.push(\r\n this.dataChannel.messageReceived$.subscribe((message) => {\r\n }),\r\n );\r\n }\r\n\r\n async onSendMessage() {\r\n if (!this.dataChannel) {\r\n console.error('DataChannel is not presented.');\r\n return;\r\n }\r\n\r\n this.dataChannel.sendMessageAsync({\r\n type: 'msg',\r\n data: JSON.stringify({ text: 'Test Text', userId: 1 })\r\n });\r\n }\r\n}\r\n","// This file can be replaced during build by using the `fileReplacements` array.\r\n// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.\r\n// The list of file replacements can be found in `angular.json`.\r\n\r\nexport const environment = {\r\n production: false\r\n};\r\n\r\n/*\r\n * For easier debugging in development mode, you can import the following file\r\n * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.\r\n *\r\n * This import should be commented out in production mode because it will have a negative impact\r\n * on performance if an error is thrown.\r\n */\r\n// import 'zone.js/dist/zone-error'; // Included with Angular CLI.\r\n","import { enableProdMode } from '@angular/core';\r\nimport { platformBrowserDynamic } from '@angular/platform-browser-dynamic';\r\n\r\nimport { AppModule } from './app/app.module';\r\nimport { environment } from './environments/environment';\r\n\r\nif (environment.production) {\r\n enableProdMode();\r\n}\r\n\r\nplatformBrowserDynamic().bootstrapModule(AppModule)\r\n .catch(err => console.error(err));\r\n"],"sourceRoot":""} | ![\\\"SetSchedule](\\\"https://res.cloudinary.com/setschedule/image/upload/v1660243544/SetHello-logo.png\\\")
\\r\\n ![](\\\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAABHNCSVQICAgIfAhkiAAABd9JREFUWEfNl2uMXVUVx39rn3Punem90+nQztyZgQKNBQwtChXoAzvUR+aDvBQIiVFJ9INGDWAgmBi0AjXGhhASMIGQkBghEJBECBXH1GTaO1NIKKDS2sZSjQWczoPO9HFn7uOcs5fZd9qJnbmvmSmJ+8v5sPde63f+a+219xL+j4acCxYFEdDF2poXjL6ER2f6PEi3g2mLlJSYOImqh5VYxSsiTPrYiRyMpYeHx+UO4kYhG4LR11gSpbvXGd+uVzVXIHwKywUiskyhCfCg7LQg6ISFIYHDonZfbHVP0OK9J1cPTdWDqgmjirCn83JrudNivmSES1RpmY5KvaEubDlEDwi6K4r0ucSWkQMi2Go7axqNdp9/h6L3i/BpINUYxGxXp6HQg6CP+D3DL88LxikSZrvuNsjPEM5bGMQsl6IWZVywW72e4ScrAc1RRvvxI9N5j4j5OUhLvWAsYD5v1f4kGDn669nJfRaMAymZzG2eeNuBC8+JInNoVVGGsPZH3tjw7/8X6CyYUn/7lcbzHwPpATEL+OsGt5RDtsdDvyfXHz14ZtMMjO5sa7XJ5geAHyiSatDqwpepTorwqEkUHpUN4yedoRmYUn9mg+d5zyhy+cI9zGunCvoXC3cHPUN7ZmD0b5mUPe7dpSIPA8G8TC5msVIUsQ+ZOHpCvjCWKyuT7++82DfmeRHZWMl2Lg99byfZ+37A59eU6F1XIlkDOYph57sJdu1LcM2lIb3riixdUpFawWY9Cb8rmz8+JK6mRAMdvYK/A8SfveWM4W0vtFAMBSPK9u+c4otXlqpq8saBgHueWopVIRko996a45YNRYI51gHVoufZW/nzcJ/o6ySjdNcvBXNvJesnJoWn/rCEF7PNM5fADdfkefjOyaow255P8cqbzeV5V39v2ZjnhzdOsaK18sUuEm83UfwL0f72dOwH/ahcXcn6yUnh6b5mXtjljEvZ+Fc35tn6jeowv3oxxUsDZ+CVr20q8P0bpli+tMorQ3TAU3ub6O7WVbGk9oNUjGoYw+D+gEdeTjM8YWhvtTzw9Rw9a8Oqyuw95LP12RZGJgyZNstdN0/y5atKJCqFqSwfJ6K4uF6iwczNWO+VatXWKXEqL7x5MODIqMeqTMx1a0osSVY/RqXI/UCCw0c9LuqIufaykGUprXHXOy/2Jgl3d/1UxGyrdUKduC6RwwiSPhhT+6Iom1Yolignre/Vv1iE+McSZc//LfCtxZSLc7JXeVrCbPegINc1atD9dWyhGMLEKeGjjz1yBSHVpKxsj2lLa7kGeXXUm+NP+KNE2a5/gVnVCIwL08hxw8D+gB1vNXF4aDojnWMH6Cro6u6IG68tsnltiY42S+AepA0MdzVInO0eV6St3vpSCG8dCvjNzmYOfOBzwQpL9/KYzDJLKqlMFqUMOnTM44NRjzUXh3y7N8/6S8PKxW6OQz0iUbY7D+Ie1TXH6HFh++/S/ONDn97PFdjymbCsQnPidJ+iMFWEfw757NoX0PdOE5d0Rzz0zRzL0g10MapjDmYKZLpc1hj5IrxzOMBaWLc6JF1jx2QB9h4Kyqdu/WVhzXtsxqXYEYkGurOobK4H4+bLeSHTuVGrP3BJ7rRwX5dPjQy1tk8023m9xXtVobWRTZ/MGh1Xa293t7aJBzNfQb3HgZXTDVkjfdFiscotTCzwb9X4Ps+OvF5+z+iDmLCn4wrje/e7mqOQodwpfhJQDkJc5zkC9Mdx+Hiwe+w9eRB7dnfwp0wqSuomwdykYj4rTimhfeEN3Gn1pnumKUFGFf1IhL/aONrhJ0YHZRP5MxpX7CidUmzuWhmLrrWerPaEiyysFKRDYbmBVkXSqCYRcWXN2VFEI1RKguYsnBA4hjKsov9R5YhB3w+jwt+bBo5/6JSYHei6PbPTlP72FHgrMKYtErtUII0nTVhJYG2AYFAsxoSolkALCjlfzclCpONNJjrGljHXDdQsOHVh6qVpGda5mD7yDVS36hYXDVMPdj7z/wWruWIwCSSPuwAAAABJRU5ErkJggg==\\\")
![](\\\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAeCAYAAAAy2w7YAAAABHNCSVQICAgIfAhkiAAAAmdJREFUSEvNlt9tE0EQxn9rH++hApwKIBWQVEBeEZyJK4ipAKeCJBXE9gnxmlSAXQHuANOBeY+yaPZf1uu723MCEiNZkXK7+818M/PNKDJWwQT4kjl2UsKi7Yz6b4DmcIb9NVofxh9g9ayIchF3/Z6lTh76Cm8e4J179Nj9lZxsCrh7D+scYCPQDRwUcK7hTMGg7SEN6x5MPsLMn6tgqmExhKn8rxbI5eVSwUHO0+T7qgejBxgDn+SbhpGA7QBVcAWcxw9oWAK3ajfhp4D8XrU4NCstK48m4XpPnDfLLhUlDCjbbymgAdmibg5jBZceVsPnoY2uk0lO+5YiXzT04MiXvYnoGwzu4WcEYnhNERKVqFWDuaXYg61KOAoRxZRpuBta3nesC5CrVmleQ2MohiSa3/cwGMHmqUByz+Xsxr1holJJbq5LW5q11iUif7GyTWyiKuBQgGJOW1V4T6DQJkKfqmxvvBbksqGBIy/jkZFzSqTqu7t7IUDaP/SvgKTAApCGzRBetjXNntSFiERZBCgkrUNEctmodwHTNtWu7LlH6uawUPDWV0cXye8iFUk1mxyFBO8rOxmaQ5GJFCk31H64Ll4P4bCLx21n4jeBXyUMjNbF9P2NqOL3gIsSJgYoSdyW6u4bXVKZQdLCPEqEddOHk9xmkzpRM2rCFAhATnVl4TAq4WxcwnUuKndXRDRW/S3d3JqwdWCyeCi46sEyjbCCU21bQyZsvF+Eyeqd3NkZHJgIolkuUhMFaVta/PxJ7zWuW1Ig2laLaeYONitg0tTw2QXS9YRQdOwiMTl0m5EMyNsXsMgpyh9aHNnaqCf5VwAAAABJRU5ErkJggg==\\\")
\\r\\n \\r\\n