@3dsource/angular-unreal-module 0.0.35 → 0.0.36

package/fesm2022/3dsource-angular-unreal-module.mjs

@@ -1,11 +1,11 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, inject, Injectable, ChangeDetectionStrategy, Component, Pipe, DestroyRef, signal, ElementRef, input, HostListener, Input, ViewChild, computed, output } from '@angular/core';
-import { filter, withLatestFrom, distinctUntilChanged, first, catchError, map, tap, delay, takeUntil, switchMap as switchMap$1, debounceTime, exhaustMap, skip as skip$1 } from 'rxjs/operators';
+import { filter, withLatestFrom, distinctUntilChanged, switchMap, first, catchError, map as map$1, tap, delay, takeUntil, debounceTime, exhaustMap, skip as skip$1 } from 'rxjs/operators';
 import { createAction, props, createReducer, on, createFeature, Store, createSelector } from '@ngrx/store';
 import { Actions, createEffect, ofType } from '@ngrx/effects';
-import { skip, share, merge, timer, of, Subject, combineLatest, switchMap, timeout, retryWhen, take, fromEvent, from, tap as tap$1, interval, startWith, combineLatestWith, takeUntil as takeUntil$1, auditTime, map as map$1, EMPTY, debounceTime as debounceTime$1, scan, Observable, BehaviorSubject, first as first$1, distinctUntilChanged as distinctUntilChanged$1, concat } from 'rxjs';
+import { skip, share, merge, Subject, interval, map, from, take, fromEvent, timer, of, combineLatest, switchMap as switchMap$1, timeout, retryWhen, tap as tap$1, startWith, combineLatestWith, takeUntil as takeUntil$1, auditTime, EMPTY, debounceTime as debounceTime$1, scan, Observable, BehaviorSubject, first as first$1, distinctUntilChanged as distinctUntilChanged$1, concat } from 'rxjs';
 import { concatLatestFrom, mapResponse } from '@ngrx/operators';
-import { Falsy, Truthy, Logger, generateUuid, tapLog, COLOR_CODES, calculateMedian, clampf, Signal, where, KeyboardNumericCode, InvertedKeyMap, Semaphore, isEmpty, lerp, smoothTransition, getCanvasCached, getSnapshot, whereNot, HEXtoRGB, RGBtoHSV, inverseLerp, HSVtoRGB, RGBtoHEX, fpIsASameAsB, fitIntoRectangle } from '@3dsource/utils';
+import { Falsy, Truthy, Logger, calculateMedian, clampf, Signal, tapLog, generateUuid, COLOR_CODES, where, KeyboardNumericCode, InvertedKeyMap, Semaphore, isEmpty, lerp, smoothTransition, getCanvasCached, getSnapshot, whereNot, HEXtoRGB, RGBtoHSV, inverseLerp, HSVtoRGB, RGBtoHEX, fpIsASameAsB, fitIntoRectangle } from '@3dsource/utils';
 import { toSignal, takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';
 import { HttpClient } from '@angular/common/http';
 import { DialogRef, DIALOG_DATA, Dialog } from '@angular/cdk/dialog';
@@ -678,6 +678,309 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
             type: Injectable
         }] });
 
+class DataFlowMonitor {
+    /**
+     * Initializes the DataFlowMonitor monitor.
+     * @param yellowFlagThresholdPercentage - The percentage drop to trigger a YELLOW warning (default: 15%).
+     * @param redFlagThresholdPercentage - The percentage drop to trigger a RED warning (default: 30%).
+     * @param historyBufferLength - buffer length (default: 100).
+     * @param splitPoint - The point at which to split the history buffer into two halves (default: 0.5).
+     */
+    constructor(yellowFlagThresholdPercentage = 15, redFlagThresholdPercentage = 30, historyBufferLength = 100, splitPoint = 0.5) {
+        this.yellowFlagThresholdPercentage = yellowFlagThresholdPercentage;
+        this.redFlagThresholdPercentage = redFlagThresholdPercentage;
+        this.historyBufferLength = historyBufferLength;
+        this.splitPoint = splitPoint;
+        this.dataHistory = [];
+    }
+    reset() {
+        this.dataHistory.length = 0;
+    }
+    config(data) {
+        this.reset();
+        this.yellowFlagThresholdPercentage = data.yellowFlag;
+        this.redFlagThresholdPercentage = data.redFlag;
+    }
+    /**
+     * Adds a new bitrate measurement and checks for significant drops.
+     * @param currentValue - The current bitrate in kbps.
+     * @returns BitrateCheckResult indicating if a drop was detected.
+     */
+    addValue(currentValue) {
+        if (isNaN(currentValue) || currentValue < 1) {
+            return {};
+        }
+        const historyLength = this.dataHistory.length;
+        if (historyLength > this.historyBufferLength) {
+            this.dataHistory.shift();
+        }
+        this.dataHistory.push(currentValue);
+        if (historyLength < this.historyBufferLength) {
+            this.dataHistory.length = this.historyBufferLength;
+            this.dataHistory.fill(currentValue, 0, this.historyBufferLength);
+        }
+        const splitIndex = Math.floor(historyLength * this.splitPoint);
+        const firstHalf = this.dataHistory.slice(0, splitIndex);
+        const secondHalf = this.dataHistory.slice(splitIndex);
+        const firstHalfMedian = calculateMedian(firstHalf);
+        const secondHalfMedian = calculateMedian(secondHalf);
+        const dropPercentage = clampf(0, 100, ((firstHalfMedian - secondHalfMedian) / firstHalfMedian) * 100);
+        const isRedFlag = dropPercentage >= this.redFlagThresholdPercentage;
+        if (dropPercentage >= this.yellowFlagThresholdPercentage) {
+            return {
+                config: {
+                    yellowFlagThresholdPercentage: this.yellowFlagThresholdPercentage,
+                    redFlagThresholdPercentage: this.redFlagThresholdPercentage,
+                    historyBufferLength: this.historyBufferLength,
+                    splitPoint: this.splitPoint,
+                },
+                isDropDetected: true,
+                dropPercentage,
+                dataHistory: [...this.dataHistory],
+                activeMedian: secondHalfMedian,
+                quality: isRedFlag ? 'red' : 'orange',
+                message: `Significant flow drop detected: ${dropPercentage.toFixed(2)}% (from ${firstHalfMedian} to ${secondHalfMedian})`,
+            };
+        }
+        return {
+            config: {
+                yellowFlagThresholdPercentage: this.yellowFlagThresholdPercentage,
+                redFlagThresholdPercentage: this.redFlagThresholdPercentage,
+                historyBufferLength: this.historyBufferLength,
+                splitPoint: this.splitPoint,
+            },
+            isDropDetected: false,
+            dropPercentage,
+            dataHistory: [...this.dataHistory],
+            activeMedian: secondHalfMedian,
+            quality: 'lime',
+            message: 'Stable flow',
+        };
+    }
+}
+
+/**
+ * Default LBM Filter Parameters
+ */
+const DefaultFilterModel = {
+    minimumBitrate: 1600,
+    yellowFlag: 30,
+    redFlag: 50,
+    minimumFps: 5,
+    monitoringDelayTime: 5000,
+    initialBitrateEstimate: 1600,
+    initialErrorCovariance: 1,
+    processNoise: 3,
+    measurementNoise: 500,
+    panelOpen: false,
+};
+/**
+ * Global LBM Filter Parameters
+ */
+const FilterModel = { ...DefaultFilterModel };
+/**
+ * Bitrate Monitor Static Class
+ */
+const BITRATE_MONITOR = new DataFlowMonitor(FilterModel.yellowFlag, FilterModel.redFlag, 20);
+
+class VideoService extends SubService {
+    constructor() {
+        super();
+        this.latencyTestTimings = new LatencyTimings();
+        this.videoTrack$ = new Subject();
+        this.VideoEncoderQP = 0;
+        this.aggregatedStats = {};
+        this.kalmanFilter1D = new KalmanFilter1D(FilterModel.initialBitrateEstimate, FilterModel.initialErrorCovariance, FilterModel.processNoise, FilterModel.measurementNoise);
+        /**
+         * Aggregate video stats and emit it as videoStats$
+         */
+        this.videoStats$ = this.videoTrack$.pipe(
+        // IMPORTANT! DO NOT CHANGE THOSE NUMBERS, LBM Stats are based on those values
+        switchMap(({ pcClient }) => interval(250).pipe(map(() => pcClient))), switchMap((pcClient) => from(this.getStats(pcClient))), filter(Truthy), share());
+        Signal.on('setKalmanParams').subscribe((data) => {
+            this.kalmanFilter1D.config(data);
+            BITRATE_MONITOR.config(data);
+        });
+    }
+    setContainer(container) {
+        this.container = container;
+    }
+    setLatencyTimings(latencyTimings) {
+        this.latencyTestTimings.SetUETimings(latencyTimings);
+    }
+    setEncoder(data) {
+        this.VideoEncoderQP = Number(new TextDecoder('utf-16').decode(data));
+    }
+    create() {
+        this.disconnect$.pipe(take(1)).subscribe(() => this.destroy());
+        this.destroy();
+        this.createWebRtcVideo();
+        this.createWebRtcAudio();
+    }
+    attachVideoStream(stream, pcClient) {
+        if (this.video) {
+            this.video.srcObject = stream;
+            this.videoTrack$.next({ stream, pcClient });
+        }
+        else {
+            console.error('Video element is not defined.');
+        }
+    }
+    attachAudioStream(stream) {
+        // do nothing the video has the same media stream as the audio track we have here (they are linked)
+        if (this.video?.srcObject === stream) {
+            return;
+        }
+        // video element has some other media stream that is not associated with this audio track
+        else if (this.audio &&
+            this.video?.srcObject &&
+            this.video?.srcObject !== stream) {
+            this.audio.srcObject = stream;
+            this.playAudio(this.audio);
+        }
+    }
+    play() {
+        void this.video?.play();
+    }
+    async getStats(pcClient) {
+        if (!pcClient) {
+            return null;
+        }
+        const stats = await pcClient.getStats(null);
+        return this.generateAggregatedStatsFunction(stats);
+    }
+    generateAggregatedStatsFunction(stats) {
+        const newStat = {};
+        // store each type of codec we can get stats on
+        newStat.codecs = {};
+        newStat.currentRoundTripTime = -1;
+        stats.forEach((stat) => {
+            // Get the inbound-rtp for video
+            if (stat.type === 'inbound-rtp' && stat.kind === 'video') {
+                Object.assign(newStat, stat);
+                newStat.bytesReceivedStart =
+                    this.aggregatedStats && this.aggregatedStats.bytesReceivedStart
+                        ? this.aggregatedStats.bytesReceivedStart
+                        : stat.bytesReceived;
+                newStat.framesDecodedStart =
+                    this.aggregatedStats && this.aggregatedStats.framesDecodedStart
+                        ? this.aggregatedStats.framesDecodedStart
+                        : stat.framesDecoded;
+                newStat.timestampStart =
+                    this.aggregatedStats && this.aggregatedStats.timestampStart
+                        ? this.aggregatedStats.timestampStart
+                        : stat.timestamp;
+                if (this.aggregatedStats && this.aggregatedStats.timestamp) {
+                    // Get the mimetype of the video codec being used
+                    if (stat.codecId &&
+                        this.aggregatedStats.codecs &&
+                        Object.hasOwn(this.aggregatedStats.codecs, stat.codecId)) {
+                        newStat.videoCodec = this.aggregatedStats.codecs[stat.codecId];
+                    }
+                    if (this.aggregatedStats.bytesReceived) {
+                        // bitrate = bits received since last time / number of ms since last time
+                        // This is automatically in kbits (where k=1000) since time is in ms and stat we want is in seconds (so a '* 1000' then a '/ 1000' would negate each other)
+                        newStat.bitrate = Math.floor((8 *
+                            (newStat.bytesReceived - this.aggregatedStats.bytesReceived)) /
+                            (newStat.timestamp - this.aggregatedStats.timestamp));
+                    }
+                    if (this.aggregatedStats.bytesReceivedStart) {
+                        newStat.avgBitrate = Math.floor((8 *
+                            (newStat?.bytesReceived -
+                                this.aggregatedStats.bytesReceivedStart)) /
+                            (newStat.timestamp - this.aggregatedStats.timestampStart));
+                    }
+                    if (this.aggregatedStats.framesDecodedStart) {
+                        newStat.avgFrameRate = Math.floor((newStat.framesDecoded -
+                            this.aggregatedStats.framesDecodedStart) /
+                            ((newStat.timestamp - this.aggregatedStats.timestampStart) /
+                                1000));
+                    }
+                }
+            }
+            if (stat.type === 'candidate-pair' &&
+                Object.hasOwn(stat, 'currentRoundTripTime')) {
+                newStat.currentRoundTripTime = stat.currentRoundTripTime ?? 0;
+            }
+            // Store mimetype of each codec
+            if (Object.hasOwn(newStat, 'codecs') &&
+                stat.type === 'codec' &&
+                stat.mimeType &&
+                stat.id) {
+                const codecId = stat.id;
+                newStat.codecs[codecId] = stat.mimeType
+                    .replace('video/', '')
+                    .replace('audio/', '');
+            }
+        });
+        newStat.pixelRatio = +window.devicePixelRatio.toFixed(2);
+        if (this.aggregatedStats.receiveToCompositeMs) {
+            newStat.receiveToCompositeMs = this.aggregatedStats.receiveToCompositeMs;
+            this.latencyTestTimings.SetFrameDisplayDeltaTime(this.aggregatedStats.receiveToCompositeMs);
+        }
+        // Calculate duration of run
+        newStat.runTime = Math.floor((newStat.timestamp - newStat.timestampStart) / 1000);
+        newStat.kalmanBitrate = Math.floor(this.kalmanFilter1D.update(newStat.bitrate || FilterModel.initialBitrateEstimate));
+        newStat.dataFlowCheckResult = BITRATE_MONITOR.addValue(newStat.kalmanBitrate);
+        newStat.bitrateDrop = Math.floor(newStat.dataFlowCheckResult.dropPercentage);
+        this.aggregatedStats = newStat;
+        return this.onAggregatedStats(newStat);
+    }
+    onAggregatedStats(aggregatedStats) {
+        return {
+            quality: mapQpToQuality(this.VideoEncoderQP),
+            aggregatedStats: {
+                ...aggregatedStats,
+                VideoEncoderQP: this.VideoEncoderQP,
+            },
+        };
+    }
+    destroy() {
+        this.video = null;
+        this.audio = null;
+        while (this.container?.firstChild) {
+            this.container.removeChild(this.container.firstChild);
+        }
+        this.store.dispatch(changeStatusMainVideoOnScene({ isVideoPlaying: false }));
+    }
+    createWebRtcVideo() {
+        dispatchResize();
+        const video = document.createElement('video');
+        video.id = STREAMING_VIDEO_ID;
+        video.playsInline = true;
+        video.muted = true;
+        video.autoplay = true;
+        video.preload = 'auto';
+        video.disablePictureInPicture = true;
+        this.video = video;
+        this.container?.appendChild(this.video);
+        this.video.addEventListener('play', () => {
+            this.store.dispatch(changeStatusMainVideoOnScene({ isVideoPlaying: true }));
+        });
+        fromEvent(this.video, 'loadedmetadata')
+            .pipe(first(), filter((data) => this.video === data.target), tapLog('VideoService loadedmetadata:'))
+            .subscribe(() => sendSignal(UnrealInternalSignalEvents.OnVideoInitialized, this.video));
+    }
+    createWebRtcAudio() {
+        const audio = new Audio();
+        audio.id = 'streamingAudio';
+        this.audio = audio;
+    }
+    playAudio(audio) {
+        from(audio.play())
+            .pipe(catchError(() => fromEvent(document, 'click')), take(1))
+            .subscribe({
+            next: () => audio.play(),
+            error: () => ({}),
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: VideoService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: VideoService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: VideoService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
 class CommandTelemetryService {
     constructor() {
         this.appId = 'metabox-telemetry';
@@ -947,7 +1250,7 @@ class SignallingService extends SubService {
                 .pipe(tapLog('MatchMakerUrls changed:')),
             this.store.select(selectIsAutostart).pipe(tapLog('Autostart is:')),
         ])
-            .pipe(filter(([, autoStart]) => autoStart), map(([matchMakerUrls]) => [...matchMakerUrls].filter(Truthy)), filter((urls) => urls.length > 0))
+            .pipe(filter(([, autoStart]) => autoStart), map$1(([matchMakerUrls]) => [...matchMakerUrls].filter(Truthy)), filter((urls) => urls.length > 0))
             .subscribe((urls) => this.connectToSignaling(urls));
         this.store
             .select(selectWsUrl)
@@ -1007,7 +1310,7 @@ class SignallingService extends SubService {
                 if (!clientId || !viewId) {
                     console.error('Client ID or View ID is not set');
                 }
-            }), filter(([clientId, viewId]) => !!clientId && !!viewId), tapLog('Stream Id =>'), switchMap(([clientId, viewId]) => this.httpClient.get(`${signalingUrl}${clientId}/${viewId}`)), timeout(4000), filter((data) => {
+            }), filter(([clientId, viewId]) => !!clientId && !!viewId), tapLog('Stream Id =>'), switchMap$1(([clientId, viewId]) => this.httpClient.get(`${signalingUrl}${clientId}/${viewId}`)), timeout(4000), filter((data) => {
                 TelemetryStop('getSignaling', { ...data, multi: true });
                 if (data.signallingServer === '' || data.error) {
                     this.showStatusMessage(data?.mm_message || 'Server not found');
@@ -1154,106 +1457,65 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
             type: Injectable
         }], ctorParameters: () => [] });
 
-class VideoService extends SubService {
-    create() {
-        this.disconnect$.pipe(take(1)).subscribe(() => this.destroy());
-        this.destroy();
-        this.createWebRtcVideo();
-        this.createWebRtcAudio();
-    }
-    destroy() {
-        this.video = null;
-        this.audio = null;
-        while (this.container?.firstChild) {
-            this.container.removeChild(this.container.firstChild);
-        }
-        this.store.dispatch(changeStatusMainVideoOnScene({ isVideoPlaying: false }));
-    }
-    createWebRtcVideo() {
-        dispatchResize();
-        const video = document.createElement('video');
-        video.id = STREAMING_VIDEO_ID;
-        video.playsInline = true;
-        video.muted = true;
-        video.autoplay = true;
-        video.preload = 'auto';
-        video.disablePictureInPicture = true;
-        this.video = video;
-        this.container?.appendChild(this.video);
-        this.video.addEventListener('play', () => {
-            this.store.dispatch(changeStatusMainVideoOnScene({ isVideoPlaying: true }));
-        });
-        fromEvent(this.video, 'loadedmetadata')
-            .pipe(first(), filter((data) => this.video === data.target), tapLog('VideoService loadedmetadata:'))
-            .subscribe(() => sendSignal(UnrealInternalSignalEvents.OnVideoInitialized, this.video));
-    }
-    attachVideoStream(stream) {
-        if (this.video) {
-            this.video.srcObject = stream;
-        }
-        else {
-            console.error('Video element is not defined.');
-        }
-    }
-    attachAudioStream(stream) {
-        // do nothing the video has the same media stream as the audio track we have here (they are linked)
-        if (this.video?.srcObject === stream) {
-            return;
-        }
-        // video element has some other media stream that is not associated with this audio track
-        else if (this.audio &&
-            this.video?.srcObject &&
-            this.video?.srcObject !== stream) {
-            this.audio.srcObject = stream;
-            this.playAudio(this.audio);
-        }
-    }
-    createWebRtcAudio() {
-        const audio = new Audio();
-        audio.id = 'streamingAudio';
-        this.audio = audio;
-    }
-    playAudio(audio) {
-        from(audio.play())
-            .pipe(catchError(() => fromEvent(document, 'click')), take(1))
-            .subscribe({
-            next: () => audio.play(),
-            error: () => ({}),
-        });
-    }
-    play() {
-        void this.video?.play();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: VideoService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: VideoService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: VideoService, decorators: [{
-            type: Injectable
-        }] });
-
 class WebRtcPlayerService extends SubService {
     constructor() {
-        super(...arguments);
-        this.onAudioTrack$ = new Subject();
-        this.onVideoTrack$ = new Subject();
+        super();
         this.onDataChannelMessage$ = new Subject();
-        this.onWebRtcCandidate$ = new Subject();
-        this.onWebRtcOffer$ = new Subject();
+        this.signallingSrv = inject(SignallingService);
+        this.videoService = inject(VideoService);
         this.cfg = {};
         this.useMic = false;
         this.forceTURN = false;
-        this.preferSFU = false;
-        this.autoPlayAudio = true;
-        this.startVideoMuted = true;
         this.forceMonoAudio = false;
-        this.forceMaxBundle = false;
+        /**
+         * Never called for now
+         */
+        this.destroy$ = new Subject();
+        this.listenSignaling();
+    }
+    listenSignaling() {
+        const iceCandidateBuffer = [];
+        const processBuffer = () => {
+            iceCandidateBuffer.forEach((cnd) => {
+                this.handleCandidateFromServer(cnd);
+            });
+            iceCandidateBuffer.length = 0;
+        };
+        this.signallingSrv.onConfig$
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((config) => {
+            this.videoService.create();
+            this.setConfig(config);
+        });
+        this.signallingSrv.onWebRtcAnswer$
+            .pipe(filter(Truthy), takeUntil(this.destroy$))
+            .subscribe((answer) => {
+            this.receiveAnswer(answer);
+            processBuffer();
+        });
+        this.signallingSrv.onOffer$
+            .pipe(filter(Truthy), takeUntil(this.destroy$))
+            .subscribe(() => {
+            void this.createWebRtcOffer();
+        });
+        this.signallingSrv.onWebRtcIce$
+            .pipe(withLatestFrom(this.signallingSrv.onWebRtcAnswer$), takeUntil(this.destroy$))
+            .subscribe(([candidate, answerEstablished]) => {
+            TelemetryStop('iceCandidate', {
+                multi: true,
+            });
+            iceCandidateBuffer.push(candidate);
+            if (answerEstablished) {
+                processBuffer();
+            }
+        });
     }
     async createWebRtcOffer() {
         Logger.info('Creating offer');
         let offer;
         try {
             clearTimeout(this.webRtcErrorTimeout);
-            offer = await this.createOffer(this.cfg);
+            offer = await this.createPeerConnection(this.cfg);
             this.webRtcErrorTimeout = setTimeout(() => {
                 if (this.pcClient?.connectionState?.match(/connecting|failed/gi)) {
                     this.dispatchWebRtcError('WebRTCError: Timeout');
@@ -1337,55 +1599,20 @@ class WebRtcPlayerService extends SubService {
         //**********************
         //Config setup
         //**********************
-        this.cfg =
-            typeof parOptions.peerConnectionOptions !== 'undefined'
-                ? parOptions.peerConnectionOptions
-                : {};
-        //this.cfg.sdpSemantics = 'unified-plan';
-        // If this is true in Chrome 89+ SDP is sent that is incompatible with UE Pixel Streaming 4.26 and below.
-        // However 4.27 Pixel Streaming does not need this set to false as it supports `offerExtmapAllowMixed`.
-        // tdlr; uncomment this line for older versions of Pixel Streaming that need Chrome 89+.
-        //this.cfg.offerExtmapAllowMixed = false;
+        this.cfg = { ...parOptions.peerConnectionOptions };
         this.forceTURN = urlParams.has('ForceTURN');
         if (this.forceTURN) {
             Logger.info('Forcing TURN usage by setting ICE Transport Policy in peer connection config.');
             this.cfg.iceTransportPolicy = 'relay';
         }
-        this.cfg.bundlePolicy = 'balanced';
-        this.forceMaxBundle = urlParams.has('ForceMaxBundle');
-        if (this.forceMaxBundle) {
-            this.cfg.bundlePolicy = 'max-bundle';
-        }
+        this.cfg.bundlePolicy = urlParams.has('ForceMaxBundle')
+            ? 'max-bundle'
+            : 'balanced';
         //**********************
         //Variables
         //**********************
         this.pcClient = null;
         this.dcClient = null;
-        this.sdpConstraints = {
-            offerToReceiveAudio: false, //Note: if you don't need audio you can get improved latency by turning this off.
-            offerToReceiveVideo: true,
-        };
-        // See https://www.w3.org/TR/webrtc/#dom-rtcdatachannelinit for values (this is needed for Firefox to be consistent with Chrome.)
-        this.dataChannelOptions = { ordered: true };
-        // This is useful if the video/audio needs to autoplay (without user input) as browsers do not allow autoplay non-muted of sound sources without user interaction.
-        this.startVideoMuted =
-            typeof parOptions?.['startVideoMuted'] !== 'undefined'
-                ? !!parOptions?.['startVideoMuted']
-                : false;
-        this.autoPlayAudio =
-            typeof parOptions?.['autoPlayAudio'] !== 'undefined'
-                ? !!parOptions?.['autoPlayAudio']
-                : true;
-        // To force mono playback of WebRTC audio
-        this.forceMonoAudio = urlParams.has('ForceMonoAudio');
-        if (this.forceMonoAudio) {
-            Logger.info('Will attempt to force mono audio by munging the sdp in the browser.');
-        }
-        // To enable mic in browser use SSL/localhost and have ?useMic in the query string.
-        this.useMic = urlParams.has('useMic');
-        if (!this.useMic) {
-            Logger.info('Microphone access is not enabled. Pass ?useMic in the url to enable it.');
-        }
         // When ?useMic check for SSL or localhost
         const isLocalhostConnection = location.hostname === 'localhost' || location.hostname === '127.0.0.1';
         const isHttpsConnection = location.protocol === 'https:';
@@ -1394,11 +1621,6 @@ class WebRtcPlayerService extends SubService {
             Logger.error('Microphone access in the browser will not work if you are not on HTTPS or localhost. Disabling mic access.');
             Logger.error("For testing you can enable HTTP microphone access Chrome by visiting chrome://flags/ and enabling 'unsafely-treat-insecure-origin-as-secure'");
         }
-        // Prefer SFU or P2P connection
-        this.preferSFU = urlParams.has('preferSFU');
-        Logger.info(this.preferSFU
-            ? 'The browser will signal it would prefer an SFU connection. Remove ?preferSFU from the url to signal for P2P usage.'
-            : 'The browser will signal for a P2P connection. Pass ?preferSFU in the url to signal for SFU usage.');
     }
     dispatchWebRtcError(message) {
         Logger.error(message);
@@ -1407,409 +1629,188 @@ class WebRtcPlayerService extends SubService {
             message,
         }));
     }
-    async createOffer(config) {
+    async createPeerConnection(config) {
         this.closePC();
         this.pcClient = new RTCPeerConnection(config);
         TelemetryStart('Browser ICE gathering');
         TelemetryStart('Browser ICE connection');
         TelemetryStart('Signaling state change');
-        fromEvent(this.pcClient, 'signalingstatechange')
-            .pipe(map(() => this.pcClient?.signalingState), takeUntil(this.disconnect$))
+        this.handlePeerConnectionEvents(this.pcClient);
+        await this.setupTransceiversAsync(this.pcClient);
+        this.dcClient = this.createDataChannel(this.pcClient, 'cirrus', {
+            // See https://www.w3.org/TR/webrtc/#dom-rtcdatachannelinit for values (this is needed for Firefox to be consistent with Chrome.)
+            ordered: true,
+        });
+        this.disconnect$.pipe(first()).subscribe(() => {
+            this.closePC();
+        });
+        await this.createOffer(this.pcClient);
+    }
+    handlePeerConnectionEvents(pcClient) {
+        fromEvent(pcClient, 'signalingstatechange')
+            .pipe(map$1(() => this.pcClient?.signalingState), takeUntil(this.disconnect$))
             .subscribe((state) => {
             Logger.info('[Signaling state change] |', state, '|');
             TelemetryStop('Signaling state change', { state, multi: true });
         });
-        fromEvent(this.pcClient, 'iceconnectionstatechange')
-            .pipe(map(() => this.pcClient?.iceConnectionState), takeUntil(this.disconnect$))
+        fromEvent(pcClient, 'iceconnectionstatechange')
+            .pipe(map$1(() => this.pcClient?.iceConnectionState), takeUntil(this.disconnect$))
             .subscribe((state) => {
             Logger.info('[Browser ICE connection] |', state, '|');
             TelemetryStop('Browser ICE connection', { state, multi: true });
         });
-        fromEvent(this.pcClient, 'icegatheringstatechange')
-            .pipe(map(() => this.pcClient?.iceGatheringState), takeUntil(this.disconnect$))
+        fromEvent(pcClient, 'icegatheringstatechange')
+            .pipe(map$1(() => this.pcClient?.iceGatheringState), takeUntil(this.disconnect$))
             .subscribe((state) => {
             Logger.info('[Browser ICE gathering] |', state, '|');
             TelemetryStop('Browser ICE gathering', { state, multi: true });
         });
-        fromEvent(this.pcClient, 'connectionstatechange')
-            .pipe(map(() => this.pcClient?.connectionState), takeUntil(this.disconnect$))
+        fromEvent(pcClient, 'connectionstatechange')
+            .pipe(map$1(() => this.pcClient?.connectionState), takeUntil(this.disconnect$))
             .subscribe((state) => {
             Logger.info('[RTCPeerConnection state] |', state, '|');
         });
-        fromEvent(this.pcClient, 'icecandidate')
-            .pipe(map((e) => e.candidate), filter(Truthy), tap$1((candidate) => Logger.info('[Browser ICE candidate]', '| Type=', candidate.type, '| Protocol=', candidate.protocol, '| Address=', candidate.address, '| Port=', candidate.port, '|')), takeUntil(this.disconnect$))
-            .subscribe((data) => this.onWebRtcCandidate$.next(data));
-        fromEvent(this.pcClient, 'datachannel')
-            .pipe(tap$1(() => Logger.info('Data channel created for us by browser as we are a receiving peer.')), map((e) => e.channel), takeUntil(this.disconnect$))
+        fromEvent(pcClient, 'icecandidate')
+            .pipe(map$1((e) => e.candidate), filter(Truthy), tap$1((candidate) => Logger.info('[Browser ICE candidate]', '| Type=', candidate.type, '| Protocol=', candidate.protocol, '| Address=', candidate.address, '| Port=', candidate.port, '|')), takeUntil(this.disconnect$))
+            .subscribe((candidate) => this.signallingSrv.send(candidate));
+        fromEvent(pcClient, 'datachannel')
+            .pipe(tap$1(() => Logger.info('Data channel created for us by browser as we are a receiving peer.')), map$1((e) => e.channel), takeUntil(this.disconnect$))
             .subscribe((datachannel) => {
             this.dcClient = this.setupDataChannelCallbacks(datachannel);
         });
-        const onTrack$ = fromEvent(this.pcClient, 'track').pipe(filter((e) => !!e.track), tap$1((e) => Logger.info('Got track - ' +
+        const onTrack$ = fromEvent(pcClient, 'track').pipe(filter((e) => !!e.track), tap$1((e) => Logger.info('Got track - ' +
             e.track.kind +
             ' id=' +
             e.track.id +
             ' readyState=' +
-            e.track.readyState)), share());
-        onTrack$
-            .pipe(filter((e) => e.track.kind === 'audio'), map((e) => e.streams[0]), takeUntil(this.disconnect$))
-            .subscribe((data) => this.onAudioTrack$.next(data));
-        onTrack$
-            .pipe(filter((e) => e.track.kind === 'video'), map((e) => e.streams[0]), tap$1(() => Logger.info('Set video source from video track ontrack.')), takeUntil(this.disconnect$))
-            .subscribe((data) => this.onVideoTrack$.next(data));
-        await this.setupTransceiversAsync(this.pcClient);
-        this.dcClient = this.createDataChannel(this.pcClient, 'cirrus', this.dataChannelOptions);
-        this.disconnect$.pipe(first()).subscribe(() => {
-            this.closePC();
-        });
-        await this.handleCreateOffer();
-    }
-    async setupTransceiversAsync(pc) {
-        const hasTransceivers = pc.getTransceivers().length > 0;
-        // Setup a transceiver for getting UE video
-        pc.addTransceiver('video', { direction: 'recvonly' });
-        // Setup a transceiver for sending mic audio to UE and receiving audio from UE
-        if (!this.useMic) {
-            pc.addTransceiver('audio', { direction: 'recvonly' });
-        }
-        else {
-            const audioSendOptions = this.useMic
-                ? {
-                    autoGainControl: false,
-                    channelCount: 1,
-                    echoCancellation: false,
-                    latency: 0,
-                    noiseSuppression: false,
-                    sampleRate: 48000,
-                    sampleSize: 16,
-                    volume: 1.0,
-                }
-                : false;
-            // Note using mic on android chrome requires SSL or chrome://flags/ "unsafely-treat-insecure-origin-as-secure"
-            const stream = await navigator.mediaDevices.getUserMedia({
-                video: false,
-                audio: audioSendOptions,
-            });
-            if (stream) {
-                if (hasTransceivers) {
-                    for (const transceiver of pc.getTransceivers()) {
-                        if (transceiver &&
-                            transceiver.receiver &&
-                            transceiver.receiver.track &&
-                            transceiver.receiver.track.kind === 'audio') {
-                            for (const track of stream.getTracks()) {
-                                if (track.kind && track.kind == 'audio') {
-                                    transceiver.sender.replaceTrack(track);
-                                    transceiver.direction = 'sendrecv';
-                                }
-                            }
-                        }
-                    }
-                }
-                else {
-                    for (const track of stream.getTracks()) {
-                        if (track.kind && track.kind == 'audio') {
-                            pc.addTransceiver(track, { direction: 'sendrecv' });
-                        }
-                    }
-                }
-            }
-            else {
-                pc.addTransceiver('audio', { direction: 'recvonly' });
-            }
-        }
-    }
-    setupDataChannelCallbacks(datachannel) {
-        try {
-            TelemetryStart('DataChannel Connection');
-            // Inform browser we would like binary data as an ArrayBuffer (FF chooses Blob by default!)
-            datachannel.binaryType = 'arraybuffer';
-            fromEvent(datachannel, 'close')
-                .pipe(first())
-                .subscribe((e) => {
-                Logger.warn(`[DATACHANNEL] Data channel disconnected: ${datachannel.label}(${datachannel.id})`, e);
-                this.store.dispatch(destroyRemoteConnections({
-                    disconnectReason: DisconnectReason.dataChannelClosed,
-                }));
-            });
-            fromEvent(datachannel, 'error')
-                .pipe(takeUntil(this.disconnect$))
-                .subscribe((e) => {
-                const message = `[DATACHANNEL] Data channel error: ${datachannel.label}(${datachannel.id})`;
-                Logger.error(message, e);
-            });
-            fromEvent(datachannel, 'open')
-                .pipe(tap$1(() => {
-                Logger.info(`[DATACHANNEL] Data channel connected: ${datachannel.label}(${datachannel.id})`);
-            }), takeUntil(this.disconnect$))
-                .subscribe(() => {
-                TelemetryStop('DataChannel Connection');
-                this.onDataChannelConnected();
-            });
-            fromEvent(datachannel, 'message')
-                .pipe(map((e) => e.data), takeUntil(this.disconnect$))
-                .subscribe((data) => this.onDataChannelMessage$.next(data));
-            return datachannel;
-        }
-        catch (e) {
-            Logger.warn('[DATACHANNEL] Datachannel setup caused an exception: ', e);
-            return null;
-        }
-    }
-    onDataChannelConnected() {
-        let text = 'Session connected, video stream starting.';
-        if (navigator.userAgent.includes('Firefox')) {
-            text +=
-                '\n If you are experiencing connection problems please try Google Chrome';
-        }
-        this.store.dispatch(setStatusMessage({ message: text }));
-        this.store.dispatch(setDataChannelConnected({ value: true }));
-    }
-    async handleCreateOffer() {
-        try {
-            const offer = await this.pcClient.createOffer(this.sdpConstraints);
-            this.mungeSDP(offer);
-            this.pcClient?.setLocalDescription(offer);
-            this.onWebRtcOffer$.next(offer);
-            // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        }
-        catch (error) {
-            Logger.error("Couldn't create offer");
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: WebRtcPlayerService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: WebRtcPlayerService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: WebRtcPlayerService, decorators: [{
-            type: Injectable
-        }] });
-
-class DataFlowMonitor {
-    /**
-     * Initializes the DataFlowMonitor monitor.
-     * @param yellowFlagThresholdPercentage - The percentage drop to trigger a YELLOW warning (default: 15%).
-     * @param redFlagThresholdPercentage - The percentage drop to trigger a RED warning (default: 30%).
-     * @param historyBufferLength - buffer length (default: 100).
-     * @param splitPoint - The point at which to split the history buffer into two halves (default: 0.5).
-     */
-    constructor(yellowFlagThresholdPercentage = 15, redFlagThresholdPercentage = 30, historyBufferLength = 100, splitPoint = 0.5) {
-        this.yellowFlagThresholdPercentage = yellowFlagThresholdPercentage;
-        this.redFlagThresholdPercentage = redFlagThresholdPercentage;
-        this.historyBufferLength = historyBufferLength;
-        this.splitPoint = splitPoint;
-        this.dataHistory = [];
-    }
-    reset() {
-        this.dataHistory.length = 0;
-    }
-    config(data) {
-        this.reset();
-        this.yellowFlagThresholdPercentage = data.yellowFlag;
-        this.redFlagThresholdPercentage = data.redFlag;
-    }
-    /**
-     * Adds a new bitrate measurement and checks for significant drops.
-     * @param currentValue - The current bitrate in kbps.
-     * @returns BitrateCheckResult indicating if a drop was detected.
-     */
-    addValue(currentValue) {
-        if (isNaN(currentValue) || currentValue < 1) {
-            return {};
-        }
-        const historyLength = this.dataHistory.length;
-        if (historyLength > this.historyBufferLength) {
-            this.dataHistory.shift();
-        }
-        this.dataHistory.push(currentValue);
-        if (historyLength < this.historyBufferLength) {
-            this.dataHistory.length = this.historyBufferLength;
-            this.dataHistory.fill(currentValue, 0, this.historyBufferLength);
-        }
-        const splitIndex = Math.floor(historyLength * this.splitPoint);
-        const firstHalf = this.dataHistory.slice(0, splitIndex);
-        const secondHalf = this.dataHistory.slice(splitIndex);
-        const firstHalfMedian = calculateMedian(firstHalf);
-        const secondHalfMedian = calculateMedian(secondHalf);
-        const dropPercentage = clampf(0, 100, ((firstHalfMedian - secondHalfMedian) / firstHalfMedian) * 100);
-        const isRedFlag = dropPercentage >= this.redFlagThresholdPercentage;
-        if (dropPercentage >= this.yellowFlagThresholdPercentage) {
-            return {
-                config: {
-                    yellowFlagThresholdPercentage: this.yellowFlagThresholdPercentage,
-                    redFlagThresholdPercentage: this.redFlagThresholdPercentage,
-                    historyBufferLength: this.historyBufferLength,
-                    splitPoint: this.splitPoint,
-                },
-                isDropDetected: true,
-                dropPercentage,
-                dataHistory: [...this.dataHistory],
-                activeMedian: secondHalfMedian,
-                quality: isRedFlag ? 'red' : 'orange',
-                message: `Significant flow drop detected: ${dropPercentage.toFixed(2)}% (from ${firstHalfMedian} to ${secondHalfMedian})`,
-            };
-        }
-        return {
-            config: {
-                yellowFlagThresholdPercentage: this.yellowFlagThresholdPercentage,
-                redFlagThresholdPercentage: this.redFlagThresholdPercentage,
-                historyBufferLength: this.historyBufferLength,
-                splitPoint: this.splitPoint,
-            },
-            isDropDetected: false,
-            dropPercentage,
-            dataHistory: [...this.dataHistory],
-            activeMedian: secondHalfMedian,
-            quality: 'lime',
-            message: 'Stable flow',
-        };
-    }
-}
-
-/**
- * Default LBM Filter Parameters
- */
-const DefaultFilterModel = {
-    minimumBitrate: 1600,
-    yellowFlag: 30,
-    redFlag: 50,
-    minimumFps: 5,
-    monitoringDelayTime: 5000,
-    initialBitrateEstimate: 1600,
-    initialErrorCovariance: 1,
-    processNoise: 3,
-    measurementNoise: 500,
-    panelOpen: false,
-};
-/**
- * Global LBM Filter Parameters
- */
-const FilterModel = { ...DefaultFilterModel };
-/**
- * Bitrate Monitor Static Class
- */
-const BITRATE_MONITOR = new DataFlowMonitor(FilterModel.yellowFlag, FilterModel.redFlag, 20);
-
-class VideoStreamStatusService extends SubService {
-    constructor() {
-        super();
-        this.latencyTestTimings = new LatencyTimings();
-        this.webrtcPlayer = inject(WebRtcPlayerService);
-        this.aggregatedStats = {};
-        this.VideoEncoderQP = 0;
-        this.kalmanFilter1D = new KalmanFilter1D(FilterModel.initialBitrateEstimate, FilterModel.initialErrorCovariance, FilterModel.processNoise, FilterModel.measurementNoise);
-        this.videoStats$ = this.aggregateStats();
-        Signal.on('setKalmanParams').subscribe((data) => {
-            this.kalmanFilter1D.config(data);
-            BITRATE_MONITOR.config(data);
-        });
-    }
-    /**
-     * Aggregate video stats and emit it as videoStats$
-     */
-    aggregateStats() {
-        return this.webrtcPlayer.onVideoTrack$.pipe(
-        // IMPORTANT! DO NOT CHANGE THOSE NUMBERS, LBM Stats are based on those values
-        switchMap$1(() => interval(250)), switchMap$1(() => from(this.getStats(this.webrtcPlayer.pcClient))), filter(Truthy), share());
-    }
-    setEncoder(data) {
-        this.VideoEncoderQP = Number(new TextDecoder('utf-16').decode(data));
-    }
-    async getStats(pcClient) {
-        if (!pcClient) {
-            return null;
-        }
-        const stats = await pcClient.getStats(null);
-        return this.generateAggregatedStatsFunction(stats);
+            e.track.readyState)), share());
+        onTrack$
+            .pipe(filter((e) => e.track.kind === 'audio'), map$1((e) => e.streams[0]), takeUntil(this.disconnect$))
+            .subscribe((stream) => this.videoService.attachAudioStream(stream));
+        const videoTrack$ = onTrack$.pipe(filter((e) => e.track.kind === 'video'), map$1((e) => e.streams[0]), tap$1(() => Logger.info('Set video source from video track ontrack.')), takeUntil(this.disconnect$), share());
+        videoTrack$.subscribe((stream) => {
+            this.videoService.attachVideoStream(stream, this.pcClient);
+        });
     }
-    generateAggregatedStatsFunction(stats) {
-        const newStat = {};
-        // store each type of codec we can get stats on
-        newStat.codecs = {};
-        newStat.currentRoundTripTime = -1;
-        stats.forEach((stat) => {
-            // Get the inbound-rtp for video
-            if (stat.type === 'inbound-rtp' && stat.kind === 'video') {
-                Object.assign(newStat, stat);
-                newStat.bytesReceivedStart =
-                    this.aggregatedStats && this.aggregatedStats.bytesReceivedStart
-                        ? this.aggregatedStats.bytesReceivedStart
-                        : stat.bytesReceived;
-                newStat.framesDecodedStart =
-                    this.aggregatedStats && this.aggregatedStats.framesDecodedStart
-                        ? this.aggregatedStats.framesDecodedStart
-                        : stat.framesDecoded;
-                newStat.timestampStart =
-                    this.aggregatedStats && this.aggregatedStats.timestampStart
-                        ? this.aggregatedStats.timestampStart
-                        : stat.timestamp;
-                if (this.aggregatedStats && this.aggregatedStats.timestamp) {
-                    // Get the mimetype of the video codec being used
-                    if (stat.codecId &&
-                        this.aggregatedStats.codecs &&
-                        Object.hasOwn(this.aggregatedStats.codecs, stat.codecId)) {
-                        newStat.videoCodec = this.aggregatedStats.codecs[stat.codecId];
-                    }
-                    if (this.aggregatedStats.bytesReceived) {
-                        // bitrate = bits received since last time / number of ms since last time
-                        // This is automatically in kbits (where k=1000) since time is in ms and stat we want is in seconds (so a '* 1000' then a '/ 1000' would negate each other)
-                        newStat.bitrate = Math.floor((8 *
-                            (newStat.bytesReceived - this.aggregatedStats.bytesReceived)) /
-                            (newStat.timestamp - this.aggregatedStats.timestamp));
-                    }
-                    if (this.aggregatedStats.bytesReceivedStart) {
-                        newStat.avgBitrate = Math.floor((8 *
-                            (newStat?.bytesReceived -
-                                this.aggregatedStats.bytesReceivedStart)) /
-                            (newStat.timestamp - this.aggregatedStats.timestampStart));
+    async setupTransceiversAsync(pc) {
+        const hasTransceivers = pc.getTransceivers().length > 0;
+        // Setup a transceiver for getting UE video
+        pc.addTransceiver('video', { direction: 'recvonly' });
+        // Setup a transceiver for sending mic audio to UE and receiving audio from UE
+        if (!this.useMic) {
+            pc.addTransceiver('audio', { direction: 'recvonly' });
+        }
+        else {
+            const audioSendOptions = this.useMic
+                ? {
+                    autoGainControl: false,
+                    channelCount: 1,
+                    echoCancellation: false,
+                    latency: 0,
+                    noiseSuppression: false,
+                    sampleRate: 48000,
+                    sampleSize: 16,
+                    volume: 1.0,
+                }
+                : false;
+            // Note using mic on android chrome requires SSL or chrome://flags/ "unsafely-treat-insecure-origin-as-secure"
+            const stream = await navigator.mediaDevices.getUserMedia({
+                video: false,
+                audio: audioSendOptions,
+            });
+            if (stream) {
+                if (hasTransceivers) {
+                    for (const transceiver of pc.getTransceivers()) {
+                        if (transceiver &&
+                            transceiver.receiver &&
+                            transceiver.receiver.track &&
+                            transceiver.receiver.track.kind === 'audio') {
+                            for (const track of stream.getTracks()) {
+                                if (track.kind && track.kind == 'audio') {
+                                    transceiver.sender.replaceTrack(track);
+                                    transceiver.direction = 'sendrecv';
+                                }
+                            }
+                        }
                     }
-                    if (this.aggregatedStats.framesDecodedStart) {
-                        newStat.avgFrameRate = Math.floor((newStat.framesDecoded -
-                            this.aggregatedStats.framesDecodedStart) /
-                            ((newStat.timestamp - this.aggregatedStats.timestampStart) /
-                                1000));
+                }
+                else {
+                    for (const track of stream.getTracks()) {
+                        if (track.kind && track.kind == 'audio') {
+                            pc.addTransceiver(track, { direction: 'sendrecv' });
+                        }
                     }
                 }
             }
-            if (stat.type === 'candidate-pair' &&
-                Object.hasOwn(stat, 'currentRoundTripTime')) {
-                newStat.currentRoundTripTime = stat.currentRoundTripTime ?? 0;
-            }
-            // Store mimetype of each codec
-            if (Object.hasOwn(newStat, 'codecs') &&
-                stat.type === 'codec' &&
-                stat.mimeType &&
-                stat.id) {
-                const codecId = stat.id;
-                newStat.codecs[codecId] = stat.mimeType
-                    .replace('video/', '')
-                    .replace('audio/', '');
+            else {
+                pc.addTransceiver('audio', { direction: 'recvonly' });
             }
-        });
-        newStat.pixelRatio = +window.devicePixelRatio.toFixed(2);
-        if (this.aggregatedStats.receiveToCompositeMs) {
-            newStat.receiveToCompositeMs = this.aggregatedStats.receiveToCompositeMs;
-            this.latencyTestTimings.SetFrameDisplayDeltaTime(this.aggregatedStats.receiveToCompositeMs);
         }
-        // Calculate duration of run
-        newStat.runTime = Math.floor((newStat.timestamp - newStat.timestampStart) / 1000);
-        newStat.kalmanBitrate = Math.floor(this.kalmanFilter1D.update(newStat.bitrate || FilterModel.initialBitrateEstimate));
-        newStat.dataFlowCheckResult = BITRATE_MONITOR.addValue(newStat.kalmanBitrate);
-        newStat.bitrateDrop = Math.floor(newStat.dataFlowCheckResult.dropPercentage);
-        this.aggregatedStats = newStat;
-        return this.onAggregatedStats(newStat);
     }
-    onAggregatedStats(aggregatedStats) {
-        return {
-            quality: mapQpToQuality(this.VideoEncoderQP),
-            aggregatedStats: {
-                ...aggregatedStats,
-                VideoEncoderQP: this.VideoEncoderQP,
-            },
-        };
+    setupDataChannelCallbacks(datachannel) {
+        try {
+            TelemetryStart('DataChannel Connection');
+            // Inform browser we would like binary data as an ArrayBuffer (FF chooses Blob by default!)
+            datachannel.binaryType = 'arraybuffer';
+            fromEvent(datachannel, 'close')
+                .pipe(first())
+                .subscribe((e) => {
+                Logger.warn(`[DATACHANNEL] Data channel disconnected: ${datachannel.label}(${datachannel.id})`, e);
+                this.store.dispatch(destroyRemoteConnections({
+                    disconnectReason: DisconnectReason.dataChannelClosed,
+                }));
+            });
+            fromEvent(datachannel, 'error')
+                .pipe(takeUntil(this.disconnect$))
+                .subscribe((e) => {
+                const message = `[DATACHANNEL] Data channel error: ${datachannel.label}(${datachannel.id})`;
+                Logger.error(message, e);
+            });
+            fromEvent(datachannel, 'open')
+                .pipe(tap$1(() => {
+                Logger.info(`[DATACHANNEL] Data channel connected: ${datachannel.label}(${datachannel.id})`);
+            }), takeUntil(this.disconnect$))
+                .subscribe(() => {
+                TelemetryStop('DataChannel Connection');
+                this.onDataChannelConnected();
+            });
+            fromEvent(datachannel, 'message')
+                .pipe(map$1((e) => e.data), takeUntil(this.disconnect$))
+                .subscribe((data) => this.onDataChannelMessage$.next(data));
+            return datachannel;
+        }
+        catch (e) {
+            Logger.warn('[DATACHANNEL] Datachannel setup caused an exception: ', e);
+            return null;
+        }
+    }
+    onDataChannelConnected() {
+        let text = 'Session connected, video stream starting.';
+        if (navigator.userAgent.includes('Firefox')) {
+            text +=
+                '\n If you are experiencing connection problems please try Google Chrome';
+        }
+        this.store.dispatch(setStatusMessage({ message: text }));
+        this.store.dispatch(setDataChannelConnected({ value: true }));
+    }
+    async createOffer(pcClient) {
+        try {
+            const offer = await pcClient.createOffer({
+                offerToReceiveAudio: false, //Note: if you don't need audio you can get improved latency by turning this off.
+                offerToReceiveVideo: true,
+            });
+            this.mungeSDP(offer);
+            pcClient?.setLocalDescription(offer);
+            this.signallingSrv.send(offer);
+        }
+        catch {
+            Logger.error("Couldn't create offer");
+        }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: VideoStreamStatusService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: VideoStreamStatusService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: WebRtcPlayerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: WebRtcPlayerService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: VideoStreamStatusService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: WebRtcPlayerService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -1852,24 +1853,25 @@ const deepEqual = (a, b) => {
     return false;
 };
 
+const filteredLogs = [
+    {
+        command: 'onChangeSequence',
+    },
+];
 class AggregatorService extends SubService {
-    #unrealInitialConfig;
     constructor() {
         super();
         this.selectStreamConfig = toSignal(this.store.select(selectStreamConfig));
         this.videoService = inject(VideoService);
         this.webrtcPlayer = inject(WebRtcPlayerService);
         this.freezeFrame = inject(FreezeFrameService);
-        this.signallingSrv = inject(SignallingService);
-        this.stats = inject(VideoStreamStatusService);
-        this.#unrealInitialConfig = inject(UNREAL_CONFIG);
+        this.unrealInitialConfig = inject(UNREAL_CONFIG);
+        this.responseEventListeners = new Map();
         /**
-         * /Never called for now
-         * @
+         * Never called for now
          */
         this.destroy$ = new Subject();
         this.listenWebRTC();
-        this.listenSignaling();
         this.initialize();
     }
     init() {
@@ -1885,13 +1887,10 @@ class AggregatorService extends SubService {
                 this.startListenCallbacks();
             }
         });
-        this.unlockViewport$ = this.store
+        const unlockViewport$ = this.store
             .select(unrealFeature.selectViewportReady)
             .pipe(filter(Truthy));
-        this.unlockViewport$.subscribe(() => {
-            this.removeLoadScreen();
-        });
-        this.disconnect$.subscribe(() => {
+        merge(unlockViewport$, this.disconnect$).subscribe(() => {
             this.removeLoadScreen();
         });
         if (!this.selectStreamConfig()?.autoStart ||
@@ -1899,26 +1898,6 @@ class AggregatorService extends SubService {
             this.removeLoadScreen();
         }
         InputOptions.controlScheme = EControlSchemeType.HoveringMouse;
-        this.addExternalResponses();
-    }
-    /**
-     * @deprecated
-     * Hack for 3DS platform;
-     * TODO remove ASAP, use {@link BasicConfiguratorApiService.toMetaBoxHandlers.watchCallbacks}
-     * Add external responses to the list of responses
-     */
-    addExternalResponses() {
-        /*Signal.on('ADDRESPONSE')
-          .pipe(takeUntil(this.destroy$))
-          .subscribe((data: any) => {
-            this.addResponseEventListener(data.name!, (event) => {
-              this.externalApi.sendMessage({
-                action: FromMetaBoxApiAction.UnrealResponse,
-                name: data.name,
-                responseEvent: event,
-              });
-            });
-          });*/
     }
     addResponseEventListener(name, listener) {
         this.responseEventListeners.set(name, listener);
@@ -1939,24 +1918,9 @@ class AggregatorService extends SubService {
             // hiddenInput.blur();
         }
     }
-    exposeApi() {
-        // const globals: Window = window;
-        //     if ('apiReady' in globals) {
-        //       try {
-        //         const api = {
-        //           setStreamData: (streamData: StreamData) => {
-        //             this.streamConfig.setConfig(streamData.params);
-        //           },
-        //         };
-        //         globals.apiReady(api);
-        //       } catch (e) {
-        //         /!* empty *!/
-        //       }
-        //     }
-    }
     removeLoadScreen() {
         document
-            .getElementById(this.#unrealInitialConfig?.screenLockerContainerId ||
+            .getElementById(this.unrealInitialConfig?.screenLockerContainerId ||
             SCREEN_LOCKER_CONTAINER_ID)
             ?.remove();
     }
@@ -1997,66 +1961,12 @@ class AggregatorService extends SubService {
         Logger.colored(...COLOR_CODES.FROM_UNREAL, json);
     }
     resetResponseList() {
-        this.responseEventListeners = new Map();
-    }
-    listenSignaling() {
-        const iceCandidateBuffer = [];
-        const processBuffer = () => {
-            iceCandidateBuffer.forEach((cnd) => {
-                this.webrtcPlayer.handleCandidateFromServer(cnd);
-            });
-            iceCandidateBuffer.length = 0;
-        };
-        this.signallingSrv.onConfig$
-            .pipe(takeUntil(this.destroy$))
-            .subscribe((config) => {
-            this.videoService.create();
-            this.webrtcPlayer.setConfig(config);
-        });
-        this.signallingSrv.onWebRtcAnswer$
-            .pipe(filter(Truthy), takeUntil(this.destroy$))
-            .subscribe((answer) => {
-            this.webrtcPlayer.receiveAnswer(answer);
-            processBuffer();
-        });
-        this.signallingSrv.onOffer$
-            .pipe(filter(Truthy), takeUntil(this.destroy$))
-            .subscribe(() => {
-            void this.webrtcPlayer.createWebRtcOffer();
-        });
-        this.signallingSrv.onWebRtcIce$
-            .pipe(withLatestFrom(this.signallingSrv.onWebRtcAnswer$), takeUntil(this.destroy$))
-            .subscribe(([candidate, answerEstablished]) => {
-            TelemetryStop('iceCandidate', {
-                multi: true,
-            });
-            iceCandidateBuffer.push(candidate);
-            if (answerEstablished) {
-                processBuffer();
-            }
-        });
+        this.responseEventListeners.clear();
     }
     listenWebRTC() {
-        this.webrtcPlayer.onWebRtcOffer$
-            .pipe(takeUntil(this.destroy$))
-            .subscribe((offer) => this.signallingSrv.send(offer));
-        this.webrtcPlayer.onWebRtcCandidate$
-            .pipe(takeUntil(this.destroy$))
-            .subscribe((candidate) => this.signallingSrv.send(JSON.stringify({
-            type: 'iceCandidate',
-            candidate: candidate,
-        })));
         this.webrtcPlayer.onDataChannelMessage$
             .pipe(takeUntil(this.destroy$))
             .subscribe((data) => this.dataChannelMessageHandler(data));
-        this.webrtcPlayer.onAudioTrack$
-            .pipe(takeUntil(this.destroy$))
-            .subscribe((stream) => this.videoService.attachAudioStream(stream));
-        this.webrtcPlayer.onVideoTrack$
-            .pipe(takeUntil(this.destroy$))
-            .subscribe((stream) => {
-            this.videoService.attachVideoStream(stream);
-        });
     }
     dataChannelMessageHandler(data) {
         const view = new Uint8Array(data);
@@ -2097,13 +2007,13 @@ class AggregatorService extends SubService {
                 this.freezeFrame.invalidate();
                 break;
             case EToClientMessageType.VideoEncoderAvgQP:
-                this.stats.setEncoder(anyData);
+                this.videoService.setEncoder(anyData);
                 break;
             case EToClientMessageType.LatencyTest: {
                 const latencyTimings = decodeData(anyData);
                 Logger.colored(...COLOR_CODES.FROM_UNREAL, 'Got latency timings :', latencyTimings);
                 Logger.colored(...COLOR_CODES.FROM_UNREAL, latencyTimings);
-                this.stats.latencyTestTimings.SetUETimings(latencyTimings);
+                this.videoService.setLatencyTimings(latencyTimings);
                 break;
             }
             case EToClientMessageType.InitialSettings:
@@ -2125,11 +2035,6 @@ class AggregatorService extends SubService {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: AggregatorService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
-const filteredLogs = [
-    {
-        command: 'onChangeSequence',
-    },
-];
 
 class ConsoleExtensionsService extends SubService {
     constructor() {
@@ -2161,7 +2066,7 @@ class ConsoleExtensionsService extends SubService {
         window.restartApp = () => {
             this.store
                 .select(unrealFeature.selectAwsInstance)
-                .pipe(first(), filter((data) => !!data.instanceName), tapLog('Instance', `Restart initiated`), switchMap((data) => this.httpClient.get(`//${data.instanceName}/restartapp`)), catchError(() => of(null)))
+                .pipe(first(), filter((data) => !!data.instanceName), tapLog('Instance', `Restart initiated`), switchMap$1((data) => this.httpClient.get(`//${data.instanceName}/restartapp`)), catchError(() => of(null)))
                 .subscribe();
         };
         window.unrealHelp = () => {
@@ -2514,8 +2419,8 @@ class InputService extends SubService {
             offsetByY: 0,
             offsetByX: 0,
         };
-        const visibilityHiddenTrigger$ = fromEvent(document, 'visibilitychange').pipe(map(() => document.visibilityState === 'hidden'), filter(Truthy));
-        const visibilityVisibleTrigger$ = fromEvent(document, 'visibilitychange').pipe(map(() => document.visibilityState === 'visible'), filter(Truthy), startWith(true));
+        const visibilityHiddenTrigger$ = fromEvent(document, 'visibilitychange').pipe(map$1(() => document.visibilityState === 'hidden'), filter(Truthy));
+        const visibilityVisibleTrigger$ = fromEvent(document, 'visibilitychange').pipe(map$1(() => document.visibilityState === 'visible'), filter(Truthy), startWith(true));
         this.deactivatedVideoTrigger$ = merge(this.disconnect$, this.reInit$, visibilityHiddenTrigger$);
         fromSignal(UnrealInternalSignalEvents.OnVideoInitialized)
             .pipe(combineLatestWith(visibilityVisibleTrigger$, this.store
@@ -2974,7 +2879,7 @@ class RegionsPingService {
         }
     }
     getFastest(regionListUrl = this.unrealInitialConfig?.regionsPingUrl || '') {
-        return this.getProviders(regionListUrl).pipe(switchMap((providers) => this.getPingResult(providers)), catchError(() => of(null)), map((data) => data?.region_code));
+        return this.getProviders(regionListUrl).pipe(switchMap$1((providers) => this.getPingResult(providers)), catchError(() => of(null)), map$1((data) => data?.region_code));
     }
     getPingResult(providers) {
         const regions = providers.regions;
@@ -3060,9 +2965,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
         }], ctorParameters: () => [] });
 
 class StreamStatusTelemetryService {
-    #store = inject(Store);
-    #videoStatGenerator = inject(VideoStreamStatusService);
     constructor() {
+        this.store = inject(Store);
+        this.videoService = inject(VideoService);
         this.initTelemetry();
     }
     mapEventData(data, signalingServer, isLowBandwidth, lbmStats) {
@@ -3085,12 +2990,12 @@ class StreamStatusTelemetryService {
         };
     }
     initTelemetry() {
-        this.#videoStatGenerator.videoStats$
-            .pipe(withLatestFrom(this.#store.select(unrealFeature.selectAwsInstance), this.#store.select(unrealFeature.selectLowBandwidth), this.#store.select(unrealFeature.selectLowBandwidthStats)), auditTime(5000), map(([data, signalingServer, isLowBandwidth, lbmStats]) => this.mapEventData(data, signalingServer, isLowBandwidth, lbmStats)))
+        this.videoService.videoStats$
+            .pipe(withLatestFrom(this.store.select(unrealFeature.selectAwsInstance), this.store.select(unrealFeature.selectLowBandwidth), this.store.select(unrealFeature.selectLowBandwidthStats)), auditTime(5000), map$1(([data, signalingServer, isLowBandwidth, lbmStats]) => this.mapEventData(data, signalingServer, isLowBandwidth, lbmStats)))
             .subscribe((data) => this.trackEventToMixPanel(data));
     }
     trackEventToMixPanel(data) {
-        this.#store.dispatch(trackMixpanelEvent({ event: 'streamStatus', data }));
+        this.store.dispatch(trackMixpanelEvent({ event: 'streamStatus', data }));
     }
     init() {
         // do nothing, just to not forget to initialize Service
@@ -3130,15 +3035,15 @@ class UnrealEffects {
         this.signallingService = inject(SignallingService);
         this.scrollStrategy = inject(ScrollStrategyOptions).block();
         this.commandsSender = inject(UnrealCommunicatorService);
-        this.videoStatGenerator = inject(VideoStreamStatusService);
+        this.videoService = inject(VideoService);
         this.cirrusDisconnectEffect$ = createEffect(() => {
-            return this.actions$.pipe(ofType(setCirrusDisconnected), map$1(() => resetUnrealState()));
+            return this.actions$.pipe(ofType(setCirrusDisconnected), map(() => resetUnrealState()));
         });
         this.destroyConnections$ = createEffect(() => {
-            return this.actions$.pipe(ofType(destroyConnectionsAndResetState), map$1(() => destroyRemoteConnections({ disconnectReason: DisconnectReason.reset })));
+            return this.actions$.pipe(ofType(destroyConnectionsAndResetState), map(() => destroyRemoteConnections({ disconnectReason: DisconnectReason.reset })));
         });
         this.resetState$ = createEffect(() => {
-            return this.actions$.pipe(ofType(destroyConnectionsAndResetState), map$1(() => resetUnrealState()));
+            return this.actions$.pipe(ofType(destroyConnectionsAndResetState), map(() => resetUnrealState()));
         });
         this.destroyRemoteConnections$ = createEffect(() => {
             return this.actions$.pipe(ofType(destroyRemoteConnections), tap(({ disconnectReason }) => {
@@ -3153,16 +3058,16 @@ class UnrealEffects {
             return this.actions$.pipe(ofType(changeStreamResolutionAction), filter((size) => !!(size?.width && size?.height)), concatLatestFrom(() => [
                 this.store.select(unrealFeature.selectStreamResolution),
             ]), filter(([newSizes, savedSizes]) => !(newSizes.width === savedSizes.width &&
-                newSizes.height === savedSizes.height)), map$1(([sizes]) => changeStreamResolutionSuccessAction({
+                newSizes.height === savedSizes.height)), map(([sizes]) => changeStreamResolutionSuccessAction({
                 width: sizes.width,
                 height: sizes.height,
             })));
         });
         this.forceLBMOff$ = createEffect(() => {
-            return fromEvent(document, 'visibilitychange').pipe(map$1(() => document.visibilityState === 'visible'), filter(Truthy), tapLog('forceLBMOff$'), map$1(() => changeLowBandwidth({ lowBandwidth: false })));
+            return fromEvent(document, 'visibilitychange').pipe(map(() => document.visibilityState === 'visible'), filter(Truthy), tapLog('forceLBMOff$'), map(() => changeLowBandwidth({ lowBandwidth: false })));
         });
         this.resetFreezeFrameOnLowBandwidthTriggered$ = createEffect(() => {
-            return this.actions$.pipe(ofType(changeLowBandwidth), map$1((state) => state.lowBandwidth), distinctUntilChanged(), map$1(() => setFreezeFrame({ dataUrl: null, progress: null })));
+            return this.actions$.pipe(ofType(changeLowBandwidth), map((state) => state.lowBandwidth), distinctUntilChanged(), map(() => setFreezeFrame({ dataUrl: null, progress: null })));
         });
         this.sendLbmStat$ = this.store
             .select(unrealFeature.selectViewportReady)
@@ -3184,10 +3089,10 @@ class UnrealEffects {
             .pipe(catchError(() => EMPTY))))))
             .subscribe();
         this.resetAfk$ = createEffect(() => {
-            return this.actions$.pipe(ofType(setConfig, resetWarnTimeout, resetConfig), map$1(() => resetAfkAction()));
+            return this.actions$.pipe(ofType(setConfig, resetWarnTimeout, resetConfig), map(() => resetAfkAction()));
         });
         this.resetFreezeFrameOnViewportDestroy$ = createEffect(() => {
-            return this.actions$.pipe(ofType(setViewportReady), filter(Falsy), map$1(() => setFreezeFrame({ dataUrl: null, progress: null })));
+            return this.actions$.pipe(ofType(setViewportReady), filter(Falsy), map(() => setFreezeFrame({ dataUrl: null, progress: null })));
         });
         this.setMaxFps$ = createEffect(() => {
             return this.actions$.pipe(ofType(setMaxFps), tap(({ maxFps }) => {
@@ -3210,7 +3115,7 @@ class UnrealEffects {
                 this.store.select(unrealFeature.selectDataChannelConnected),
             ]), filter(([, , isCirrusConnected, isDataChannelConnected]) => {
                 return isCirrusConnected && !isDataChannelConnected;
-            }), switchMap(([awsInstance, ssData]) => {
+            }), switchMap$1(([awsInstance, ssData]) => {
                 const error = `DataChannel connection timeout ${DATA_CHANNEL_CONNECTION_TIMEOUT}ms, requesting new signaling.`;
                 Logger.error(error);
                 return this.http
@@ -3225,25 +3130,25 @@ class UnrealEffects {
                     Logger.error('Error sending timeout info:', error);
                     return of(null);
                 }));
-            }), map$1(() => destroyRemoteConnections({
+            }), map(() => destroyRemoteConnections({
                 disconnectReason: DisconnectReason.dataChannelTimeout,
             })));
         });
         this.destroyConnectionAndRestart$ = createEffect(() => {
-            return this.actions$.pipe(ofType(destroyRemoteConnections), filter(({ disconnectReason }) => disconnectReason === DisconnectReason.dataChannelTimeout), switchMap(() => this.actions$.pipe(ofType(resetUnrealState), first())), map$1(() => initSignalling()));
+            return this.actions$.pipe(ofType(destroyRemoteConnections), filter(({ disconnectReason }) => disconnectReason === DisconnectReason.dataChannelTimeout), switchMap$1(() => this.actions$.pipe(ofType(resetUnrealState), first())), map(() => initSignalling()));
         });
         this.showUnrealError$ = createEffect(() => {
-            return this.actions$.pipe(ofType(showUnrealErrorMessage), map$1(({ code }) => getRtcErrorMessage(code)), distinctUntilChanged(), filter(Truthy), switchMap((content) => this.dialog.open(UnrealErrorModalComponent, {
+            return this.actions$.pipe(ofType(showUnrealErrorMessage), map(({ code }) => getRtcErrorMessage(code)), distinctUntilChanged(), filter(Truthy), switchMap$1((content) => this.dialog.open(UnrealErrorModalComponent, {
                 scrollStrategy: this.scrollStrategy,
                 data: { content },
-            }).closed), map$1(() => showUnrealErrorMessage({ code: null })));
+            }).closed), map(() => showUnrealErrorMessage({ code: null })));
         });
         this.sendStatisticsToUnreal$ = createEffect(() => {
             return this.actions$.pipe(ofType(showUnrealErrorMessage), filter(({ code }) => code === 404), concatLatestFrom(() => [
                 this.store.select(unrealFeature.selectAwsInstance),
                 this.store.select(unrealFeature.selectStreamClientCompanyId),
                 this.store.select(unrealFeature.selectStreamViewId),
-            ]), switchMap(([action, instance, companyId, viewId]) => this.http
+            ]), switchMap$1(([action, instance, companyId, viewId]) => this.http
                 .post(this.unrealInitialConfig?.customErrorsEndpoint || '', {
                 client: instance.pollingUrl,
                 session_uuid: companyId,
@@ -3266,21 +3171,21 @@ class UnrealEffects {
                 }));
                 this.commandsSender.sendCommandToUnreal(getDebugModeCommand({ value: this.isDevMode }));
                 TelemetryStart('SetViewportReady');
-            }), switchMap(() => this.store.select(selectCommandsInProgress).pipe(debounceTime$1(500), first(), switchMap(() => observeCommandResponse(getLoopBackCommand(), (data) => this.commandsSender.sendCommandToUnreal(data))), switchMap(() => this.videoStatGenerator.videoStats$), filter((videoStats) => !!videoStats.aggregatedStats.framesPerSecond &&
+            }), switchMap$1(() => this.store.select(selectCommandsInProgress).pipe(debounceTime$1(500), first(), switchMap$1(() => observeCommandResponse(getLoopBackCommand(), (data) => this.commandsSender.sendCommandToUnreal(data))), switchMap$1(() => this.videoService.videoStats$), filter((videoStats) => !!videoStats.aggregatedStats.framesPerSecond &&
                 videoStats.aggregatedStats.framesPerSecond > MINIMAL_FPS &&
-                (videoStats.aggregatedStats.framesDecoded || 0) > 15), first(), map$1(() => setLoopBackCommandIsCompleted()))));
+                (videoStats.aggregatedStats.framesDecoded || 0) > 15), first(), map(() => setLoopBackCommandIsCompleted()))));
         });
         this.setViewportReadyBySetLoopBackCommandIsCompleted$ = createEffect(() => {
-            return this.actions$.pipe(ofType(setLoopBackCommandIsCompleted), tap(() => TelemetryStop('SetViewportReady', { ready: true })), map$1(() => setViewportReady({ value: true })));
+            return this.actions$.pipe(ofType(setLoopBackCommandIsCompleted), tap(() => TelemetryStop('SetViewportReady', { ready: true })), map(() => setViewportReady({ value: true })));
         });
         this.listenUnrealCallbackByInitSignalling$ = createEffect(() => {
-            return this.actions$.pipe(ofType(initSignalling), switchMap(() => fromSignal(UnrealInternalSignalEvents.UnrealCallback).pipe(map$1(({ json }) => json?.commandCallback
-                ?.correlationId), filter(Truthy), map$1((id) => commandCompleted({ id })))));
+            return this.actions$.pipe(ofType(initSignalling), switchMap$1(() => fromSignal(UnrealInternalSignalEvents.UnrealCallback).pipe(map(({ json }) => json?.commandCallback
+                ?.correlationId), filter(Truthy), map((id) => commandCompleted({ id })))));
         });
         this.setConfigByInitSignalling$ = createEffect(() => {
-            return this.actions$.pipe(ofType(initSignalling), concatLatestFrom(() => this.store.select(unrealFeature.selectMatchUrls)), switchMap(() => this.store
+            return this.actions$.pipe(ofType(initSignalling), concatLatestFrom(() => this.store.select(unrealFeature.selectMatchUrls)), switchMap$1(() => this.store
                 .select(unrealFeature.selectMatchUrls)
-                .pipe(filter((item) => item?.length > 0))), map$1((matchMakerUrls) => {
+                .pipe(filter((item) => item?.length > 0))), map((matchMakerUrls) => {
                 if (isEmpty(matchMakerUrls)) {
                     throw Error('Signalling URL(s) is empty');
                 }
@@ -3428,7 +3333,7 @@ const clampAndKeepMaxPercents = () => {
 function observeCommandResponse(data, sender, timeOut = 60000, dispatchOnTimeout = true) {
     const correlationId = generateUuid();
     const out = { ...data, correlationId };
-    const observable = fromSignal(UnrealInternalSignalEvents.UnrealCallback).pipe(map(({ json }) => {
+    const observable = fromSignal(UnrealInternalSignalEvents.UnrealCallback).pipe(map$1(({ json }) => {
         // Some callbacks do not have commandCallback wrapper,
         // so first we check if it exists,
         // then fallback to JSON itself
@@ -3461,7 +3366,7 @@ function decodeData(anyData) {
 function fromSignal(event) {
     return Signal.on(event).pipe(
     //tapLog('fromSignal', event), // <== for debugging, do not remove
-    map((data) => data.detail));
+    map$1((data) => data.detail));
 }
 /**
  * UnrealInternalSignalEvents commands list wrapper sender
@@ -3472,12 +3377,12 @@ function sendSignal(event, ...args) {
     Signal.broadcast(event, { detail: args?.[0] || null });
 }
 function fromUnrealCallBackSignal(command) {
-    return fromSignal(UnrealInternalSignalEvents.UnrealCallback).pipe(map((data) => data?.json), map((json) => {
+    return fromSignal(UnrealInternalSignalEvents.UnrealCallback).pipe(map$1((data) => data?.json), map$1((json) => {
         if ('commandCallback' in json) {
             return json?.commandCallback;
         }
         return json;
-    }), filter((json) => json.command === command), map((data) => data), map((data) => {
+    }), filter((json) => json.command === command), map$1((data) => data), map$1((data) => {
         if ('payload' in data) {
             return {
                 command: data.command,
@@ -3513,7 +3418,7 @@ const floatToSmoothPercents = () => {
     }), {
         previous: 0,
         current: 0,
-    }), switchMap(({ previous, current }) => {
+    }), switchMap$1(({ previous, current }) => {
         if (Math.abs(current - previous) > 0.95) {
             // Assume that big difference seems like switch between 0 and 1 immediately after resetLoaderState(),
             // so it should go to 'current' without transitions
@@ -3521,7 +3426,7 @@ const floatToSmoothPercents = () => {
         }
         return smoothTransition(previous, current, 300);
     }), // 300ms duration for smooth transition
-    map((value) => Math.floor(value * 100)));
+    map$1((value) => Math.floor(value * 100)));
 };
 
 const getImageFromVideoStream = (takeSizeFrom = 'video', imageOutput, sizes) => {
@@ -3912,7 +3817,7 @@ class VideoRecorder {
 
 class ClickableOverlayComponent {
     constructor() {
-        this.state = toSignal(fromSignal(UnrealInternalSignalEvents.ClickableOverlay).pipe(map((data) => (typeof data === 'object' ? data : null))));
+        this.state = toSignal(fromSignal(UnrealInternalSignalEvents.ClickableOverlay).pipe(map$1((data) => (typeof data === 'object' ? data : null))));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ClickableOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: ClickableOverlayComponent, isStandalone: true, selector: "app-clickable-overlay", ngImport: i0, template: "@if (state()) {\r\n  <div\r\n    (click)=\"state()?.onOverlayClick()\"\r\n    [ngClass]=\"state()?.className\"\r\n    id=\"videoPlayOverlay\"\r\n  >\r\n    @if (state()?.isActivityDetected) {\r\n      <div class=\"resume-box\">\r\n        <div aria-hidden=\"true\" class=\"resume-box__pic\" role=\"presentation\">\r\n          <div [innerHTML]=\"state()?.message\" class=\"text-number\"></div>\r\n        </div>\r\n        <div class=\"resume-box__text\">\r\n          <h3 class=\"resume-box__heading\">Session will time out soon</h3>\r\n          <p>\r\n            No activity detected. Press 'Continue' if you wish to keep your\r\n            session active\r\n          </p>\r\n        </div>\r\n        <src-button\r\n          [colorScheme]=\"'primary'\"\r\n          [isFullWidth]=\"true\"\r\n          [size]=\"'large'\"\r\n          [data-testid]=\"'continue-session'\"\r\n        >\r\n          Continue\r\n        </src-button>\r\n      </div>\r\n    }\r\n  </div>\r\n}\r\n", styles: ["#videoPlayOverlay{position:absolute;z-index:30;top:0;width:100%;height:100%;font-size:1.8em;font-family:var(--src-font-family-sans);background-color:#646464b3}.clickableState{display:flex;justify-content:center;align-items:center;cursor:pointer}.textDisplayState{display:flex}.hiddenState{display:none}.resume-box{width:340px;padding:32px 20px 20px;flex-direction:column;align-items:center;border-radius:var(--src-br-medium, 8px);background:var(--src-color-bg-default, #fff);box-shadow:0 26px 80px #0003,0 0 1px #0003}.resume-box .resume-box__pic{width:72px;height:72px;margin:0 auto 22px;border-radius:48px;background:#ecf0f2;padding:12px;display:flex;align-items:center;justify-content:center}.resume-box .resume-box__pic .text-number{color:var(--src-colors-text-default, #1f2937);text-align:center;font-family:var(--src-font-family-sans);font-size:30px;font-style:normal;font-weight:400;line-height:24px}.resume-box__text{margin-bottom:18px}.resume-box__text p{text-align:center;font-family:var(--src-font-family-sans);font-size:var(--src-fs-base);font-style:normal;font-weight:400;line-height:24px;color:var(--src-color-text-default-subdued, #6b7280)}.resume-box__text .resume-box__heading{color:var(--src-color-bg-default, #1f2937);text-align:center;font-family:var(--src-font-family-sans);font-size:18px;font-style:normal;font-weight:500;line-height:26px;margin-bottom:8px}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: SourceButtonComponent, selector: "src-button", inputs: ["type", "appearance", "colorScheme", "size", "customClass", "hasDisclosure", "isFullWidth", "isPressed", "isDisabled", "isLoading", "iconButton", "srcButtonConfig", "formID", "data-testid"], outputs: ["onClick", "onSubmit"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
@@ -3924,11 +3829,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
 
 class FreezeFrameComponent {
     constructor() {
-        this.#store = inject(Store);
-        this.freezeFrameProgressMessageFromVideo = toSignal(this.#store.select(selectFreezeFrameProgressMessageFromVideo));
-        this.combinedFreeze = toSignal(this.#store.select(selectFreezeFrameCombinedDataUrl));
+        this.store = inject(Store);
+        this.freezeFrameProgressMessageFromVideo = toSignal(this.store.select(selectFreezeFrameProgressMessageFromVideo));
+        this.combinedFreeze = toSignal(this.store.select(selectFreezeFrameCombinedDataUrl));
     }
-    #store;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: FreezeFrameComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: FreezeFrameComponent, isStandalone: true, selector: "app-freeze-frame", ngImport: i0, template: "<div class=\"freeze-images\">\r\n  @if (combinedFreeze()) {\r\n    <img\r\n      [src]=\"combinedFreeze()\"\r\n      class=\"videoStillImage\"\r\n      alt=\"freezeFrameImage\"\r\n    />\r\n  }\r\n\r\n  @if (freezeFrameProgressMessageFromVideo()) {\r\n    <div class=\"progress-status\">\r\n      {{ freezeFrameProgressMessageFromVideo() }}\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [".freeze-images{pointer-events:none;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}.freeze-images .freezeFrameOverlay{top:0;left:0;width:100%;height:100%;position:absolute;object-fit:cover;object-position:center}.freeze-images .videoStillImage{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;object-fit:cover}.freeze-images .progress-status{position:absolute;top:50%;left:50%;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:auto;height:auto;margin:0;padding:10px;background-color:#ffffffb3;border:1px solid grey;transform:translate(-50%,-50%)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
@@ -4111,21 +4015,21 @@ class VideoStatsComponent {
     constructor() {
         this.collapsed = false;
         this.store = inject(Store);
-        this.videoStatGenerator = inject(VideoStreamStatusService);
+        this.videoService = inject(VideoService);
         this.isDevMode = inject(DevModeService).isDevMode;
-        this.obs$ = this.videoStatGenerator.videoStats$;
+        this.obs$ = this.videoService.videoStats$;
         this.viewportReady = toSignal(this.store.select(unrealFeature.selectViewportReady));
         this.ssInfo = toSignal(this.store.select(selectSignalingParameters));
-        this.fpsTick = toSignal(this.obs$.pipe(map((stat, index) => ({ value: stat.aggregatedStats.framesPerSecond, hash: index }))));
-        this.fpsAvgTick = toSignal(this.obs$.pipe(map((stat, index) => ({ value: stat.aggregatedStats.avgFrameRate, hash: index }))));
-        this.bitrateTick = toSignal(this.obs$.pipe(map((stat, index) => ({ value: stat.aggregatedStats.bitrate, hash: index }))));
-        this.videoQP = toSignal(this.obs$.pipe(map((stat, index) => ({ value: stat.aggregatedStats.VideoEncoderQP, hash: index }))));
-        this.bitrateAverageTick = toSignal(this.obs$.pipe(map((stat, index) => ({ value: stat.aggregatedStats.avgBitrate, hash: index }))));
-        this.videoStatus = toSignal(this.obs$.pipe(map((event) => this.isDevMode &&
+        this.fpsTick = toSignal(this.obs$.pipe(map$1((stat, index) => ({ value: stat.aggregatedStats.framesPerSecond, hash: index }))));
+        this.fpsAvgTick = toSignal(this.obs$.pipe(map$1((stat, index) => ({ value: stat.aggregatedStats.avgFrameRate, hash: index }))));
+        this.bitrateTick = toSignal(this.obs$.pipe(map$1((stat, index) => ({ value: stat.aggregatedStats.bitrate, hash: index }))));
+        this.videoQP = toSignal(this.obs$.pipe(map$1((stat, index) => ({ value: stat.aggregatedStats.VideoEncoderQP, hash: index }))));
+        this.bitrateAverageTick = toSignal(this.obs$.pipe(map$1((stat, index) => ({ value: stat.aggregatedStats.avgBitrate, hash: index }))));
+        this.videoStatus = toSignal(this.obs$.pipe(map$1((event) => this.isDevMode &&
             {
                 ...event.aggregatedStats,
                 quality: event.quality,
-            }), filter(Boolean), map((data) => {
+            }), filter(Boolean), map$1((data) => {
             return this.fields
                 .map((key) => {
                 return {
@@ -4173,7 +4077,7 @@ class VideoStatsComponent {
     }
     updateGraph() {
         this.graphList = this.fields.map((key) => {
-            const stat = this.obs$.pipe(map((val, index) => {
+            const stat = this.obs$.pipe(map$1((val, index) => {
                 const value = val.aggregatedStats[key];
                 return { value, hash: index };
             }));
@@ -4183,7 +4087,7 @@ class VideoStatsComponent {
                 stat,
             };
         });
-        this.graphList$ = of(this.graphList).pipe(combineLatestWith(this.trigger$), map(([graphList]) => graphList.filter((r) => this.elementsToShow.includes(r.key))));
+        this.graphList$ = of(this.graphList).pipe(combineLatestWith(this.trigger$), map$1(([graphList]) => graphList.filter((r) => this.elementsToShow.includes(r.key))));
     }
     toggle() {
         this.collapsed = !this.collapsed;
@@ -4220,20 +4124,20 @@ class VideoStatsComponent {
         }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: VideoStatsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: VideoStatsComponent, isStandalone: true, selector: "app-video-stats", ngImport: i0, template: "@if (videoStatus()) {\r\n  @if (viewportReady()) {\r\n    <div class=\"settings-container\">\r\n      <button (click)=\"toggle()\" class=\"gear-button\">Stats</button>\r\n      <div (click)=\"toggle()\" [class.min]=\"collapsed\" id=\"aggregatedStats\">\r\n        <div class=\"forNerds\">\r\n          <div (click)=\"$event.stopPropagation()\" class=\"static\">\r\n            <li>\r\n              <app-stat-graph\r\n                [dataTick]=\"fpsTick()\"\r\n                label=\"FPS (higher is better)\"\r\n              />\r\n            </li>\r\n            <li>\r\n              <app-stat-graph\r\n                [dataTick]=\"videoQP()\"\r\n                label=\"QP (lower is better)\"\r\n                color=\"#D5ff07\"\r\n              />\r\n            </li>\r\n            <!--          <li>\r\n            <app-stat-graph\r\n              label=\"AvgFPS (higher is better)\"\r\n              [dataTick]=\"fpsAvgTick()\"\r\n              color=\"#00aa00\"\r\n            />\r\n          </li>-->\r\n            <li>\r\n              <app-stat-graph\r\n                [dataTick]=\"bitrateTick()\"\r\n                label=\"Bitrate\"\r\n                color=\"#D57F07\"\r\n              />\r\n            </li>\r\n            <!--          <li>\r\n            <app-stat-graph\r\n              label=\"AvgBitrate\"\r\n              [dataTick]=\"bitrateAverageTick()\"\r\n              color=\"#D50007\"\r\n            />\r\n          </li>-->\r\n          </div>\r\n          <div>\r\n            @for (graph of graphList$ | async; track graph) {\r\n              <li (click)=\"toggleGraph($event, graph.key, 0)\" class=\"graph\">\r\n                <app-stat-graph\r\n                  [label]=\"graph.key\"\r\n                  [dataTick]=\"graph.stat | async\"\r\n                  [color]=\"graph.color\"\r\n                />\r\n              </li>\r\n            }\r\n          </div>\r\n        </div>\r\n\r\n        @for (el of videoStatus(); track el.key + $index) {\r\n          <div (click)=\"toggleGraph($event, el.key, el.value)\" class=\"stat\">\r\n            <span>{{ el.key }}: </span>{{ el.value | json }}\r\n          </div>\r\n        }\r\n      </div>\r\n    </div>\r\n    @if (!collapsed) {\r\n      <div [innerHTML]=\"ssInfo() | safe: 'html'\" class=\"ssInfo\"></div>\r\n    }\r\n  }\r\n}\r\n", styles: [".settings-container{position:absolute;top:65px;left:10px;z-index:1000;bottom:10px}.gear-button{left:0;position:absolute;background:none;cursor:pointer;font-size:10px;font-weight:500;border:1px solid;border-radius:9px;background:#0162cc;color:#fff;padding:4px}.gear-button>*{color:#fff;filter:drop-shadow(1px 1px 1px rgb(0,0,0))}#aggregatedStats{max-height:calc(100% - 25px);overflow-y:auto;margin-top:25px;left:20px;z-index:31;max-width:400px;padding:10px;background-color:#fff3;border:1px solid grey}#aggregatedStats>*{color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}#aggregatedStats:empty{display:none}#aggregatedStats button{position:absolute;right:5px;top:5px}#aggregatedStats.min{display:none}#aggregatedStats .forNerds{width:100%}#aggregatedStats .forNerds li{list-style-type:none;height:60px}#aggregatedStats .forNerds li app-stat-graph{display:block;width:100%;height:100%}#aggregatedStats .stat{cursor:pointer}#aggregatedStats .stat span{font-weight:700}#aggregatedStats .graph{cursor:pointer}#aggregatedStats .static{pointer-events:all}.ssInfo{position:absolute;top:0;left:50%;transform:translate(-50%);color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;text-align:center;width:80%;pointer-events:none}\n"], dependencies: [{ kind: "component", type: StatGraphComponent, selector: "app-stat-graph", inputs: ["color", "tickStep", "label", "dataTick"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: JsonPipe, name: "json" }, { kind: "pipe", type: SafePipe, name: "safe" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: VideoStatsComponent, isStandalone: true, selector: "app-video-stats", ngImport: i0, template: "@if (videoStatus()) {\r\n  @if (viewportReady()) {\r\n    <div class=\"settings-container\">\r\n      <button (click)=\"toggle()\" class=\"gear-button\">Stats</button>\r\n      <div (click)=\"toggle()\" [class.min]=\"collapsed\" id=\"aggregatedStats\">\r\n        <div class=\"forNerds\">\r\n          <div (click)=\"$event.stopPropagation()\" class=\"static\">\r\n            <li>\r\n              <app-stat-graph\r\n                [dataTick]=\"fpsTick()\"\r\n                label=\"FPS (higher is better)\"\r\n              />\r\n            </li>\r\n            <li>\r\n              <app-stat-graph\r\n                [dataTick]=\"videoQP()\"\r\n                label=\"QP (lower is better)\"\r\n                color=\"#D5ff07\"\r\n              />\r\n            </li>\r\n            <li>\r\n              <app-stat-graph\r\n                [dataTick]=\"bitrateTick()\"\r\n                label=\"Bitrate\"\r\n                color=\"#D57F07\"\r\n              />\r\n            </li>\r\n          </div>\r\n          <div>\r\n            @for (graph of graphList$ | async; track graph) {\r\n              <li (click)=\"toggleGraph($event, graph.key, 0)\" class=\"graph\">\r\n                <app-stat-graph\r\n                  [label]=\"graph.key\"\r\n                  [dataTick]=\"graph.stat | async\"\r\n                  [color]=\"graph.color\"\r\n                />\r\n              </li>\r\n            }\r\n          </div>\r\n        </div>\r\n\r\n        @for (el of videoStatus(); track el.key + $index) {\r\n          <div (click)=\"toggleGraph($event, el.key, el.value)\" class=\"stat\">\r\n            <span>{{ el.key }}: </span>{{ el.value | json }}\r\n          </div>\r\n        }\r\n      </div>\r\n    </div>\r\n    @if (!collapsed) {\r\n      <div [innerHTML]=\"ssInfo() | safe: 'html'\" class=\"ssInfo\"></div>\r\n    }\r\n  }\r\n}\r\n", styles: [".settings-container{position:absolute;top:65px;left:10px;z-index:1000;bottom:10px}.gear-button{left:0;position:absolute;background:none;cursor:pointer;font-size:10px;font-weight:500;border:1px solid;border-radius:9px;background:#0162cc;color:#fff;padding:4px}.gear-button>*{color:#fff;filter:drop-shadow(1px 1px 1px rgb(0,0,0))}#aggregatedStats{max-height:calc(100% - 25px);overflow-y:auto;margin-top:25px;left:20px;z-index:31;max-width:400px;padding:10px;background-color:#fff3;border:1px solid grey}#aggregatedStats>*{color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}#aggregatedStats:empty{display:none}#aggregatedStats button{position:absolute;right:5px;top:5px}#aggregatedStats.min{display:none}#aggregatedStats .forNerds{width:100%}#aggregatedStats .forNerds li{list-style-type:none;height:60px}#aggregatedStats .forNerds li app-stat-graph{display:block;width:100%;height:100%}#aggregatedStats .stat{cursor:pointer}#aggregatedStats .stat span{font-weight:700}#aggregatedStats .graph{cursor:pointer}#aggregatedStats .static{pointer-events:all}.ssInfo{position:absolute;top:0;left:50%;transform:translate(-50%);color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;text-align:center;width:80%;pointer-events:none}\n"], dependencies: [{ kind: "component", type: StatGraphComponent, selector: "app-stat-graph", inputs: ["color", "tickStep", "label", "dataTick"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: JsonPipe, name: "json" }, { kind: "pipe", type: SafePipe, name: "safe" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: VideoStatsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-video-stats', changeDetection: ChangeDetectionStrategy.OnPush, imports: [StatGraphComponent, AsyncPipe, JsonPipe, SafePipe], template: "@if (videoStatus()) {\r\n  @if (viewportReady()) {\r\n    <div class=\"settings-container\">\r\n      <button (click)=\"toggle()\" class=\"gear-button\">Stats</button>\r\n      <div (click)=\"toggle()\" [class.min]=\"collapsed\" id=\"aggregatedStats\">\r\n        <div class=\"forNerds\">\r\n          <div (click)=\"$event.stopPropagation()\" class=\"static\">\r\n            <li>\r\n              <app-stat-graph\r\n                [dataTick]=\"fpsTick()\"\r\n                label=\"FPS (higher is better)\"\r\n              />\r\n            </li>\r\n            <li>\r\n              <app-stat-graph\r\n                [dataTick]=\"videoQP()\"\r\n                label=\"QP (lower is better)\"\r\n                color=\"#D5ff07\"\r\n              />\r\n            </li>\r\n            <!--          <li>\r\n            <app-stat-graph\r\n              label=\"AvgFPS (higher is better)\"\r\n              [dataTick]=\"fpsAvgTick()\"\r\n              color=\"#00aa00\"\r\n            />\r\n          </li>-->\r\n            <li>\r\n              <app-stat-graph\r\n                [dataTick]=\"bitrateTick()\"\r\n                label=\"Bitrate\"\r\n                color=\"#D57F07\"\r\n              />\r\n            </li>\r\n            <!--          <li>\r\n            <app-stat-graph\r\n              label=\"AvgBitrate\"\r\n              [dataTick]=\"bitrateAverageTick()\"\r\n              color=\"#D50007\"\r\n            />\r\n          </li>-->\r\n          </div>\r\n          <div>\r\n            @for (graph of graphList$ | async; track graph) {\r\n              <li (click)=\"toggleGraph($event, graph.key, 0)\" class=\"graph\">\r\n                <app-stat-graph\r\n                  [label]=\"graph.key\"\r\n                  [dataTick]=\"graph.stat | async\"\r\n                  [color]=\"graph.color\"\r\n                />\r\n              </li>\r\n            }\r\n          </div>\r\n        </div>\r\n\r\n        @for (el of videoStatus(); track el.key + $index) {\r\n          <div (click)=\"toggleGraph($event, el.key, el.value)\" class=\"stat\">\r\n            <span>{{ el.key }}: </span>{{ el.value | json }}\r\n          </div>\r\n        }\r\n      </div>\r\n    </div>\r\n    @if (!collapsed) {\r\n      <div [innerHTML]=\"ssInfo() | safe: 'html'\" class=\"ssInfo\"></div>\r\n    }\r\n  }\r\n}\r\n", styles: [".settings-container{position:absolute;top:65px;left:10px;z-index:1000;bottom:10px}.gear-button{left:0;position:absolute;background:none;cursor:pointer;font-size:10px;font-weight:500;border:1px solid;border-radius:9px;background:#0162cc;color:#fff;padding:4px}.gear-button>*{color:#fff;filter:drop-shadow(1px 1px 1px rgb(0,0,0))}#aggregatedStats{max-height:calc(100% - 25px);overflow-y:auto;margin-top:25px;left:20px;z-index:31;max-width:400px;padding:10px;background-color:#fff3;border:1px solid grey}#aggregatedStats>*{color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}#aggregatedStats:empty{display:none}#aggregatedStats button{position:absolute;right:5px;top:5px}#aggregatedStats.min{display:none}#aggregatedStats .forNerds{width:100%}#aggregatedStats .forNerds li{list-style-type:none;height:60px}#aggregatedStats .forNerds li app-stat-graph{display:block;width:100%;height:100%}#aggregatedStats .stat{cursor:pointer}#aggregatedStats .stat span{font-weight:700}#aggregatedStats .graph{cursor:pointer}#aggregatedStats .static{pointer-events:all}.ssInfo{position:absolute;top:0;left:50%;transform:translate(-50%);color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;text-align:center;width:80%;pointer-events:none}\n"] }]
+            args: [{ selector: 'app-video-stats', changeDetection: ChangeDetectionStrategy.OnPush, imports: [StatGraphComponent, AsyncPipe, JsonPipe, SafePipe], template: "@if (videoStatus()) {\r\n  @if (viewportReady()) {\r\n    <div class=\"settings-container\">\r\n      <button (click)=\"toggle()\" class=\"gear-button\">Stats</button>\r\n      <div (click)=\"toggle()\" [class.min]=\"collapsed\" id=\"aggregatedStats\">\r\n        <div class=\"forNerds\">\r\n          <div (click)=\"$event.stopPropagation()\" class=\"static\">\r\n            <li>\r\n              <app-stat-graph\r\n                [dataTick]=\"fpsTick()\"\r\n                label=\"FPS (higher is better)\"\r\n              />\r\n            </li>\r\n            <li>\r\n              <app-stat-graph\r\n                [dataTick]=\"videoQP()\"\r\n                label=\"QP (lower is better)\"\r\n                color=\"#D5ff07\"\r\n              />\r\n            </li>\r\n            <li>\r\n              <app-stat-graph\r\n                [dataTick]=\"bitrateTick()\"\r\n                label=\"Bitrate\"\r\n                color=\"#D57F07\"\r\n              />\r\n            </li>\r\n          </div>\r\n          <div>\r\n            @for (graph of graphList$ | async; track graph) {\r\n              <li (click)=\"toggleGraph($event, graph.key, 0)\" class=\"graph\">\r\n                <app-stat-graph\r\n                  [label]=\"graph.key\"\r\n                  [dataTick]=\"graph.stat | async\"\r\n                  [color]=\"graph.color\"\r\n                />\r\n              </li>\r\n            }\r\n          </div>\r\n        </div>\r\n\r\n        @for (el of videoStatus(); track el.key + $index) {\r\n          <div (click)=\"toggleGraph($event, el.key, el.value)\" class=\"stat\">\r\n            <span>{{ el.key }}: </span>{{ el.value | json }}\r\n          </div>\r\n        }\r\n      </div>\r\n    </div>\r\n    @if (!collapsed) {\r\n      <div [innerHTML]=\"ssInfo() | safe: 'html'\" class=\"ssInfo\"></div>\r\n    }\r\n  }\r\n}\r\n", styles: [".settings-container{position:absolute;top:65px;left:10px;z-index:1000;bottom:10px}.gear-button{left:0;position:absolute;background:none;cursor:pointer;font-size:10px;font-weight:500;border:1px solid;border-radius:9px;background:#0162cc;color:#fff;padding:4px}.gear-button>*{color:#fff;filter:drop-shadow(1px 1px 1px rgb(0,0,0))}#aggregatedStats{max-height:calc(100% - 25px);overflow-y:auto;margin-top:25px;left:20px;z-index:31;max-width:400px;padding:10px;background-color:#fff3;border:1px solid grey}#aggregatedStats>*{color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}#aggregatedStats:empty{display:none}#aggregatedStats button{position:absolute;right:5px;top:5px}#aggregatedStats.min{display:none}#aggregatedStats .forNerds{width:100%}#aggregatedStats .forNerds li{list-style-type:none;height:60px}#aggregatedStats .forNerds li app-stat-graph{display:block;width:100%;height:100%}#aggregatedStats .stat{cursor:pointer}#aggregatedStats .stat span{font-weight:700}#aggregatedStats .graph{cursor:pointer}#aggregatedStats .static{pointer-events:all}.ssInfo{position:absolute;top:0;left:50%;transform:translate(-50%);color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;text-align:center;width:80%;pointer-events:none}\n"] }]
         }], ctorParameters: () => [] });
 
 class UnrealStatusComponent {
     constructor() {
-        this.#store = inject(Store);
-        this.#unrealInitialConfig = inject(UNREAL_CONFIG, {
+        this.store = inject(Store);
+        this.unrealInitialConfig = inject(UNREAL_CONFIG, {
             optional: true,
         });
-        this.#onDisconnect$ = this.#store
+        this.onDisconnect$ = this.store
             .select(unrealFeature.selectCirrusConnected)
             .pipe(filter(Falsy));
         this.isDevMode = inject(DevModeService).isDevMode;
@@ -4241,11 +4145,8 @@ class UnrealStatusComponent {
         /**
          * An observable that emits smoothed percentage values from 0 to 100.
          */
-        this.messagePercents$ = toSignal(this.#onDisconnect$.pipe(switchMap(() => this.#store.select(selectTotalProgress).pipe(floatToSmoothPercents(), clampAndKeepMaxPercents(), combineLatestWith(this.#store.select(selectShowLoader)), map(([progress, showLoader]) => (showLoader ? progress || 0 : null))))));
+        this.messagePercents$ = toSignal(this.onDisconnect$.pipe(switchMap$1(() => this.store.select(selectTotalProgress).pipe(floatToSmoothPercents(), clampAndKeepMaxPercents(), combineLatestWith(this.store.select(selectShowLoader)), map$1(([progress, showLoader]) => (showLoader ? progress || 0 : null))))));
     }
-    #store;
-    #unrealInitialConfig;
-    #onDisconnect$;
     ngOnInit() {
         /**
          * A subject that emits null values to trigger nullification.
@@ -4260,24 +4161,24 @@ class UnrealStatusComponent {
         /**
          * An observable that emits the status message from the Unreal feature store.
          */
-        const signalingStatus$ = this.#store.select(unrealFeature.selectStatusMessage);
+        const signalingStatus$ = this.store.select(unrealFeature.selectStatusMessage);
         /**
          * An observable that emits connection status messages based on the Cirrus connection state.
          * Then call side effect to nullify the message.
          */
-        const cirrusConnected$ = this.#store
+        const cirrusConnected$ = this.store
             .select(unrealFeature.selectCirrusConnected)
-            .pipe(skip(1), switchMap((connected) => connected
+            .pipe(skip(1), switchMap$1((connected) => connected
             ? of('Creating Socket...')
             : of('Connection closed.').pipe(tap(() => nullify$.next(null)))));
         /**
          * An observable that emits the viewport visibility state.
          */
-        const viewportTrigger$ = this.#store.select(unrealFeature.selectViewportReady);
+        const viewportTrigger$ = this.store.select(unrealFeature.selectViewportReady);
         /**
          * An observable that will nullify any message displayed after 500 mSec, when viewport changes its state.
          */
-        const streamToggle$ = merge(viewportTrigger$.pipe(filter(Falsy), skip(1)), viewportTrigger$.pipe(filter(Truthy))).pipe(delay(500), map(() => null));
+        const streamToggle$ = merge(viewportTrigger$.pipe(filter(Falsy), skip(1)), viewportTrigger$.pipe(filter(Truthy))).pipe(delay(500), map$1(() => null));
         /**
          * A subscription that merges various status observables and emits debounced status via postMessage.
          */
@@ -4294,7 +4195,7 @@ class UnrealStatusComponent {
      * or any other relevant information that the iframe needs to process.
      */
     sendMessageToIndex(text) {
-        const objectElement = document.getElementById(this.#unrealInitialConfig?.screenLockerContainerId ||
+        const objectElement = document.getElementById(this.unrealInitialConfig?.screenLockerContainerId ||
             SCREEN_LOCKER_CONTAINER_ID);
         try {
             const objectDocument = objectElement.contentWindow;
@@ -4334,7 +4235,6 @@ class UnrealSceneComponent {
         this.commandsSender = inject(UnrealCommunicatorService);
         this.inputService = inject(InputService);
         this.videoService = inject(VideoService);
-        this.stats = inject(VideoStreamStatusService);
         this.streamTelemetryService = inject(StreamStatusTelemetryService);
         this.element = inject(ElementRef);
         this.destroyRef = inject(DestroyRef);
@@ -4364,23 +4264,23 @@ class UnrealSceneComponent {
         fromEvent(this.element.nativeElement, 'contextmenu')
             .pipe(takeUntilDestroyed(this.destroyRef))
             .subscribe((event) => event.preventDefault());
-        this.videoService.container = this.container.nativeElement;
-        const customSizeInputChanged$ = this.studioResolutionValues.pipe(filter(Truthy), distinctUntilChanged(), filter(({ width, height }) => this.width !== width || this.height !== height), map(({ width, height }) => ({ width, height })), tap(({ width, height }) => {
+        this.videoService.setContainer(this.container.nativeElement);
+        const customSizeInputChanged$ = this.studioResolutionValues.pipe(filter(Truthy), distinctUntilChanged(), filter(({ width, height }) => this.width !== width || this.height !== height), map$1(({ width, height }) => ({ width, height })), tap(({ width, height }) => {
             this.width = width;
             this.height = height;
         }));
         const resizeRequired$ = merge(fromSignal(UnrealInternalSignalEvents.OnVideoInitialized), fromEvent(window, 'resize'));
-        const videoStreamSizeChanged$ = this.stats?.videoStats$.pipe(filter(() => !this.isFreezeFrameLoading()), map((stats) => ({
+        const videoStreamSizeChanged$ = this.videoService?.videoStats$.pipe(filter(() => !this.isFreezeFrameLoading()), map$1((stats) => ({
             w: stats.aggregatedStats.frameWidth || 0,
             h: stats.aggregatedStats.frameHeight || 0,
         })), distinctUntilChanged((previous, current) => fpIsASameAsB(previous.w, current.w, SAME_SIZE_THRESHOLD) &&
             fpIsASameAsB(previous.h, current.h, SAME_SIZE_THRESHOLD)));
         merge(customSizeInputChanged$, resizeRequired$, videoStreamSizeChanged$)
-            .pipe(debounceTime$1(DEBOUNCE_TO_MANY_RESIZE_CALLS), switchMap(() => {
+            .pipe(debounceTime$1(DEBOUNCE_TO_MANY_RESIZE_CALLS), switchMap$1(() => {
             const key = Math.random();
             // Monitoring the size of the video stream
-            return timer(0, 300).pipe(take(3), map(() => key));
-        }), map((key) => ({ key, ...this.resizeValues })), distinctUntilChanged((previous, current) => fpIsASameAsB(previous.w, current.w, SAME_SIZE_THRESHOLD) &&
+            return timer(0, 300).pipe(take(3), map$1(() => key));
+        }), map$1((key) => ({ key, ...this.resizeValues })), distinctUntilChanged((previous, current) => fpIsASameAsB(previous.w, current.w, SAME_SIZE_THRESHOLD) &&
             fpIsASameAsB(previous.h, current.h, SAME_SIZE_THRESHOLD) &&
             previous.key === current.key), tap((size) => this.adaptVideo(size)), distinctUntilChanged((previous, current) => fpIsASameAsB(previous.w, current.w, SAME_SIZE_THRESHOLD) &&
             fpIsASameAsB(previous.h, current.h, SAME_SIZE_THRESHOLD)), combineLatestWith(this.store
@@ -4523,7 +4423,7 @@ class VideoLockerComponent {
         this.videoIntroSrc$ = this.store.select(unrealFeature.selectVideoIntroSrc);
         this.imageIntroSrc$ = this.store
             .select(unrealFeature.selectImageIntroSrc)
-            .pipe(map$1((src) => {
+            .pipe(map((src) => {
             // TODO need for demos site and need to delete this and move to demos
             if (!src) {
                 return null;
@@ -4587,19 +4487,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
 class WebrtcErrorModalComponent {
     constructor() {
         this.dialogRef = inject(DialogRef);
-        this.#store = inject(Store);
+        this.store = inject(Store);
     }
-    #store;
     close() {
         this.dialogRef.close();
     }
     closeModalWithCirrusDisconnect() {
-        this.#store
+        this.store
             .select(unrealFeature.selectCirrusConnected)
             .pipe(first())
             .subscribe((isConnected) => {
             if (!isConnected) {
-                this.#store.dispatch(destroyConnectionsAndResetState());
+                this.store.dispatch(destroyConnectionsAndResetState());
             }
             this.close();
         });
@@ -4664,23 +4563,23 @@ class LowBandwidthDetectorComponent {
         this.store = inject(Store);
         this.dialog = inject(Dialog);
         this.destroyRef = inject(DestroyRef);
-        this.videoStatGenerator = inject(VideoStreamStatusService);
+        this.videoService = inject(VideoService);
         this.devModeService = inject(DevModeService);
         this.viewportReady$ = this.store.select(unrealFeature.selectViewportReady);
         this.isLowBandwidth$ = this.store.select(unrealFeature.selectLowBandwidth);
         this.lowBandwidthTrigger$ = this.isLowBandwidth$.pipe(distinctUntilChanged$1(), filter(Truthy));
         this.highBandwidthTrigger$ = this.isLowBandwidth$.pipe(distinctUntilChanged$1(), filter(Falsy));
         this.viewPortDestroyedTrigger$ = this.viewportReady$.pipe(distinctUntilChanged$1(), filter(Falsy));
-        this.aggregatedStats$ = this.videoStatGenerator.videoStats$.pipe(map$1((data) => data.aggregatedStats), share());
-        this.nativeQuality$ = this.videoStatGenerator.videoStats$.pipe(map$1((data) => data.quality));
+        this.aggregatedStats$ = this.videoService.videoStats$.pipe(map((data) => data.aggregatedStats), share());
+        this.nativeQuality$ = this.videoService.videoStats$.pipe(map((data) => data.quality));
         this.monitoringTrigger$ = this.viewportReady$
-            .pipe(combineLatestWith(this.isLowBandwidth$), map$1(([viewPortReady, isLowBandwidth]) => viewPortReady && !isLowBandwidth))
+            .pipe(combineLatestWith(this.isLowBandwidth$), map(([viewPortReady, isLowBandwidth]) => viewPortReady && !isLowBandwidth))
             .pipe(share());
-        this.reTrigger$ = this.monitoringTrigger$.pipe(map$1(() => ({ quality: 'lime' })));
-        this.canSwitchToLowBand$ = this.monitoringTrigger$.pipe(debounceTime$1(100), switchMap((canSwitch) => concat(of(false), timer(FilterModel.monitoringDelayTime).pipe(map$1(() => canSwitch))).pipe(take(2), takeUntil$1(this.monitoringTrigger$))), distinctUntilChanged$1(), tapLog('DROP: [LOWBANDWIDTH] Monitoring Active =>'), share());
+        this.reTrigger$ = this.monitoringTrigger$.pipe(map(() => ({ quality: 'lime' })));
+        this.canSwitchToLowBand$ = this.monitoringTrigger$.pipe(debounceTime$1(100), switchMap$1((canSwitch) => concat(of(false), timer(FilterModel.monitoringDelayTime).pipe(map(() => canSwitch))).pipe(take(2), takeUntil$1(this.monitoringTrigger$))), distinctUntilChanged$1(), tapLog('DROP: [LOWBANDWIDTH] Monitoring Active =>'), share());
         this.videoQuality$ = merge(this.nativeQuality$, this.reTrigger$).pipe(share(), takeUntil$1(this.viewPortDestroyedTrigger$));
-        this.fps$ = this.aggregatedStats$.pipe(map$1((data) => data.framesPerSecond || 0));
-        this.bitrateDrop$ = this.aggregatedStats$.pipe(map$1((data) => data.dataFlowCheckResult), filter((br) => br.isDropDetected), takeUntil$1(merge(this.viewPortDestroyedTrigger$, this.reTrigger$)));
+        this.fps$ = this.aggregatedStats$.pipe(map((data) => data.framesPerSecond || 0));
+        this.bitrateDrop$ = this.aggregatedStats$.pipe(map((data) => data.dataFlowCheckResult), filter((br) => br.isDropDetected), takeUntil$1(merge(this.viewPortDestroyedTrigger$, this.reTrigger$)));
         this.fps = toSignal(this.fps$);
         this.nativeQuality = toSignal(this.nativeQuality$);
         this.isLowBandwidth = toSignal(this.isLowBandwidth$);
@@ -4700,9 +4599,9 @@ class LowBandwidthDetectorComponent {
             .pipe(filter(Truthy), tap(() => {
             BITRATE_MONITOR.reset();
             this.isReducedQuality.set(false);
-        }), switchMap(() => this.bitrateDrop$), tap(this.trySetLowBandwidth.bind(this)), map$1((dataFlowResult) => dataFlowResult?.isDropDetected), distinctUntilChanged$1(), tap(() => {
+        }), switchMap$1(() => this.bitrateDrop$), tap(this.trySetLowBandwidth.bind(this)), map((dataFlowResult) => dataFlowResult?.isDropDetected), distinctUntilChanged$1(), tap(() => {
             this.isReducedQuality.set(true);
-        }), switchMap(() => this.videoQuality$), filter((quality) => quality === 'lime'), tap(() => this.isReducedQuality.set(false)), takeUntilDestroyed(this.destroyRef))
+        }), switchMap$1(() => this.videoQuality$), filter((quality) => quality === 'lime'), tap(() => this.isReducedQuality.set(false)), takeUntilDestroyed(this.destroyRef))
             .subscribe();
     }
     trySetLowBandwidth(dataFlowResult) {
@@ -4771,5 +4670,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AFKService, AfkRestartScreenLockerComponent, AggregatorService, AnswerHandler, CONSOLE_COMMAND_DISABLE_MESSAGES, CONSOLE_COMMAND_ENABLE_MESSAGES, CONSOLE_COMMAND_PIXEL_QUALITY, ClickableOverlayComponent, CommandTelemetryService, ConfigHandler, ConsoleExtensionsService, DATA_CHANNEL_CONNECTION_TIMEOUT, DEBOUNCE_TO_MANY_RESIZE_CALLS, DEFAULT_TIMEOUT_PERIOD, DEFAULT_WARN_TIMEOUT, DataFlowMonitor, DevModeService, DisconnectReason, EControlSchemeType, EMessageType, EToClientMessageType, FULL_HD_HEIGHT, FULL_HD_WIDTH, FilterSettingsComponent, FreezeFrameComponent, FreezeFrameService, IceCandidateHandler, InputOptions, InputService, InstanceReadyHandler, InstanceReservedHandler, KalmanFilter1D, LatencyTimings, LowBandwidthDetectorComponent, LowBandwidthModalComponent, MINIMAL_FPS, MouseButton, MouseButtonsMask, OnCloseHandler, OnErrorHandler, OnMessageHandler, OnOpenHandler, OrchestrationMessageTypes, PingHandler, PlayerCountHandler, RegionsPingService, ResetTelemetry, SAME_SIZE_THRESHOLD, SCREEN_LOCKER_CONTAINER_ID, SSInfoHandler, STREAMING_VIDEO_ID, SafePipe, SignallingService, SpecialKeyCodes, StatGraphComponent, StreamStatusTelemetryService, SubService, TelemetryStart, TelemetryStop, UNREAL_CONFIG, UnrealCommunicatorService, UnrealEffects, UnrealInternalSignalEvents, UnrealSceneComponent, UnrealStatusMessage, VideoLockerComponent, VideoRecorder, VideoService, VideoStatsComponent, VideoStreamStatusService, WSCloseCode_NORMAL_AFK_TIMEOUT, WSCloseCode_NORMAL_CIRRUS_CLOSED, WSCloseCode_NORMAL_CLOSURE, WSCloseCode_NORMAL_MANUAL_DISCONNECT, WSCloseCodes, WS_OPEN_STATE, WS_TIMEOUT, WebRtcPlayerService, WebrtcErrorModalComponent, alignProductsToPlaneCommand, changeLowBandwidth, changeStatusMainVideoOnScene, changeStreamResolutionAction, changeStreamResolutionSuccessAction, clampAndKeepMaxPercents, clampPanToProductsCommand, commandCompleted, commandStarted, decodeData, destroyConnectionsAndResetState, destroyRemoteConnections, dispatchResize, filteredLogs, floatToSmoothPercents, forceResizeUnrealVideo, fromResizeObserver, fromSignal, fromUnrealCallBackSignal, getActiveUrl, getApplyCameraPresetCommand, getApplyZoomCommand, getCameraBoxCommand, getCameraRecenterCommand, getCameraSettingsCommand, getChangeGizmoTypeCommand, getChangeResolutionCommand, getClickSnapCommand, getControlSensitivityCommand, getDebugModeCommand, getDragCommand, getDragSequenceCommand, getDropCommand, getEnableComposureCommand, getEnableControlsCommand, getEnableSceneStateCallbackCommand, getEnableSpinnerModeCommand, getEnableTeleportCommand, getExecuteConsoleCommand, getFitToObjectsCommand, getFreezeFrameCommand, getImageFromVideoStream, getInitSequenceByObjectNameCommand, getJumpToSequenceCommand, getLoadLevelCommand, getLoadProductCommand, getLoadSceneStateCommand, getLoopBackCommand, getMoveSelectedCommand, getPauseSequenceCommand, getPlaySequenceCommand, getRequestCameraPresetCommand, getResetControlClampsCommand, getRotateSelectedCommand, getRtcErrorMessage, getSelectProductByObjectNameCommand, getSetCameraControlClampsCommand, getSetControlCameraModeCommand, getSetFpsCommand, getSetMaterialCommand, getSetPawnMovementModeCommand, getSetSettingsSequenceCommand, getStopSequenceCommand, getTakeRenderCommand, getTakeSpinnerRenderCommand, getTakeSpinnerRenderPreviewCommand, getUnLoadAllProductsCommand, getUnLoadProductByObjectNameCommand, getUnselectAllProductsCommand, getWeatherCommand, initSignalling, initialState, mapQpToQuality, observeCommandResponse, removeExileCommands, resetAfk, resetAfkAction, resetConfig, resetIntroSrc, resetUnrealState, resetUnrealStateAction, resetWarnTimeout, selectCommandProgress, selectCommandsInProgress, selectFreezeFrameCombinedDataUrl, selectFreezeFrameDataUrl, selectFreezeFrameDataUrlFromVideo, selectFreezeFrameProgressMessageFromVideo, selectIsAutostart, selectIsFreezeFrameLoading, selectIsVideoPlayingAndDataChannelConnected, selectLastCommandInProgress, selectLoaderCommands, selectMatchUrls, selectShowLoader, selectShowReconnectPopup, selectSignalingParameters, selectStreamConfig, selectTotalProgress, selectWarnTimeout, selectWsUrl, sendSignal, setAwsInstance, setCirrusConnected, setCirrusDisconnected, setConfig, setDataChannelConnected, setErrorMessage, setEstablishingConnection, setFreezeFrame, setFreezeFrameFromVideo, setIntroImageSrc, setIntroVideoSrc, setLoadingImageSrc, setLoopBackCommandIsCompleted, setMatchUrls, setMaxFps, setProductsLocationCommand, setSignalingName, setStatusMessage, setStatusPercentSignallingServer, setStreamClientCompanyId, setStreamViewId, setViewportReady, showUnrealErrorMessage, trackMixpanelEvent, unLoadAllLevelsCommand, unrealFeature, unrealReducer, updateCirrusInfo };
+export { AFKService, AfkRestartScreenLockerComponent, AggregatorService, AnswerHandler, CONSOLE_COMMAND_DISABLE_MESSAGES, CONSOLE_COMMAND_ENABLE_MESSAGES, CONSOLE_COMMAND_PIXEL_QUALITY, ClickableOverlayComponent, CommandTelemetryService, ConfigHandler, ConsoleExtensionsService, DATA_CHANNEL_CONNECTION_TIMEOUT, DEBOUNCE_TO_MANY_RESIZE_CALLS, DEFAULT_TIMEOUT_PERIOD, DEFAULT_WARN_TIMEOUT, DataFlowMonitor, DevModeService, DisconnectReason, EControlSchemeType, EMessageType, EToClientMessageType, FULL_HD_HEIGHT, FULL_HD_WIDTH, FilterSettingsComponent, FreezeFrameComponent, FreezeFrameService, IceCandidateHandler, InputOptions, InputService, InstanceReadyHandler, InstanceReservedHandler, KalmanFilter1D, LatencyTimings, LowBandwidthDetectorComponent, LowBandwidthModalComponent, MINIMAL_FPS, MouseButton, MouseButtonsMask, OnCloseHandler, OnErrorHandler, OnMessageHandler, OnOpenHandler, OrchestrationMessageTypes, PingHandler, PlayerCountHandler, RegionsPingService, ResetTelemetry, SAME_SIZE_THRESHOLD, SCREEN_LOCKER_CONTAINER_ID, SSInfoHandler, STREAMING_VIDEO_ID, SafePipe, SignallingService, SpecialKeyCodes, StatGraphComponent, StreamStatusTelemetryService, SubService, TelemetryStart, TelemetryStop, UNREAL_CONFIG, UnrealCommunicatorService, UnrealEffects, UnrealInternalSignalEvents, UnrealSceneComponent, UnrealStatusMessage, VideoLockerComponent, VideoRecorder, VideoService, VideoStatsComponent, WSCloseCode_NORMAL_AFK_TIMEOUT, WSCloseCode_NORMAL_CIRRUS_CLOSED, WSCloseCode_NORMAL_CLOSURE, WSCloseCode_NORMAL_MANUAL_DISCONNECT, WSCloseCodes, WS_OPEN_STATE, WS_TIMEOUT, WebRtcPlayerService, WebrtcErrorModalComponent, alignProductsToPlaneCommand, changeLowBandwidth, changeStatusMainVideoOnScene, changeStreamResolutionAction, changeStreamResolutionSuccessAction, clampAndKeepMaxPercents, clampPanToProductsCommand, commandCompleted, commandStarted, decodeData, destroyConnectionsAndResetState, destroyRemoteConnections, dispatchResize, floatToSmoothPercents, forceResizeUnrealVideo, fromResizeObserver, fromSignal, fromUnrealCallBackSignal, getActiveUrl, getApplyCameraPresetCommand, getApplyZoomCommand, getCameraBoxCommand, getCameraRecenterCommand, getCameraSettingsCommand, getChangeGizmoTypeCommand, getChangeResolutionCommand, getClickSnapCommand, getControlSensitivityCommand, getDebugModeCommand, getDragCommand, getDragSequenceCommand, getDropCommand, getEnableComposureCommand, getEnableControlsCommand, getEnableSceneStateCallbackCommand, getEnableSpinnerModeCommand, getEnableTeleportCommand, getExecuteConsoleCommand, getFitToObjectsCommand, getFreezeFrameCommand, getImageFromVideoStream, getInitSequenceByObjectNameCommand, getJumpToSequenceCommand, getLoadLevelCommand, getLoadProductCommand, getLoadSceneStateCommand, getLoopBackCommand, getMoveSelectedCommand, getPauseSequenceCommand, getPlaySequenceCommand, getRequestCameraPresetCommand, getResetControlClampsCommand, getRotateSelectedCommand, getRtcErrorMessage, getSelectProductByObjectNameCommand, getSetCameraControlClampsCommand, getSetControlCameraModeCommand, getSetFpsCommand, getSetMaterialCommand, getSetPawnMovementModeCommand, getSetSettingsSequenceCommand, getStopSequenceCommand, getTakeRenderCommand, getTakeSpinnerRenderCommand, getTakeSpinnerRenderPreviewCommand, getUnLoadAllProductsCommand, getUnLoadProductByObjectNameCommand, getUnselectAllProductsCommand, getWeatherCommand, initSignalling, initialState, mapQpToQuality, observeCommandResponse, removeExileCommands, resetAfk, resetAfkAction, resetConfig, resetIntroSrc, resetUnrealState, resetUnrealStateAction, resetWarnTimeout, selectCommandProgress, selectCommandsInProgress, selectFreezeFrameCombinedDataUrl, selectFreezeFrameDataUrl, selectFreezeFrameDataUrlFromVideo, selectFreezeFrameProgressMessageFromVideo, selectIsAutostart, selectIsFreezeFrameLoading, selectIsVideoPlayingAndDataChannelConnected, selectLastCommandInProgress, selectLoaderCommands, selectMatchUrls, selectShowLoader, selectShowReconnectPopup, selectSignalingParameters, selectStreamConfig, selectTotalProgress, selectWarnTimeout, selectWsUrl, sendSignal, setAwsInstance, setCirrusConnected, setCirrusDisconnected, setConfig, setDataChannelConnected, setErrorMessage, setEstablishingConnection, setFreezeFrame, setFreezeFrameFromVideo, setIntroImageSrc, setIntroVideoSrc, setLoadingImageSrc, setLoopBackCommandIsCompleted, setMatchUrls, setMaxFps, setProductsLocationCommand, setSignalingName, setStatusMessage, setStatusPercentSignallingServer, setStreamClientCompanyId, setStreamViewId, setViewportReady, showUnrealErrorMessage, trackMixpanelEvent, unLoadAllLevelsCommand, unrealFeature, unrealReducer, updateCirrusInfo };
 //# sourceMappingURL=3dsource-angular-unreal-module.mjs.map