@3dsource/angular-unreal-module 0.0.39 → 0.0.42-dev.0

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

@@ -1,13 +1,12 @@
 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, switchMap, first, catchError, map as map$1, tap, delay, takeUntil, debounceTime, exhaustMap, takeWhile, 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 { createAction, props, Store, provideState, createReducer, on, createFeature, createSelector } from '@ngrx/store';
+import { provideEffects, Actions, createEffect, ofType } from '@ngrx/effects';
 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, concatMap, animationFrameScheduler, Observable, BehaviorSubject, first as first$1, distinctUntilChanged as distinctUntilChanged$1, concat } from 'rxjs';
-import { concatLatestFrom, mapResponse } from '@ngrx/operators';
 import { Falsy, Truthy, Logger, calculateMedian, clampf, Signal, tapLog, generateUuid, COLOR_CODES, where, KeyboardNumericCode, InvertedKeyMap, Semaphore, isEmpty, lerp, 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 { toSignal, takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';
 import { DialogRef, DIALOG_DATA, Dialog } from '@angular/cdk/dialog';
 import { ScrollStrategyOptions } from '@angular/cdk/overlay';
 import { SourceButtonComponent, SourceIconButtonComponent, SourceLoadingComponent } from '@3dsource/source-ui-native';
@@ -110,6 +109,7 @@ const setFreezeFrameFromVideo = createAction(scoped `set freeze frame from video
 const setEstablishingConnection = createAction(scoped `set establishing connection`, props());
 const setDataChannelConnected = createAction(scoped `set data channel connected`, props());
 const setConfig = createAction(scoped `set config`, props());
+const setMatchMakerUrls = createAction(scoped `set match makers urls`, props());
 const setErrorMessage = createAction(scoped `set error message`, props());
 const setViewportReady = createAction(scoped `set viewport ready`, props());
 const changeStreamResolutionAction = createAction(scoped `change stream resolution`, props());
@@ -121,6 +121,7 @@ const commandCompleted = createAction(scoped `command completed`, props());
 const setLoopBackCommandIsCompleted = createAction(scoped `set loopBack command is completed`);
 const showUnrealErrorMessage = createAction(scoped `show unreal error message`, props());
 const initSignalling = createAction(scoped `init signalling`);
+const setIsFreezeLoaderPercents = createAction(scoped `set is freeze loader percents`);
 const resetConfig = createAction(scoped `reset config`);
 const resetAfkAction = createAction(scoped `reset afk action`);
 const resetWarnTimeout = createAction(scoped `reset config warn timeout`);
@@ -237,261 +238,12 @@ const FULL_HD_WIDTH = 1920;
 const FULL_HD_HEIGHT = 1080;
 const WS_TIMEOUT = 2000;
 const WS_OPEN_STATE = 1;
-const DEFAULT_TIMEOUT_PERIOD = 15;
-const DEFAULT_WARN_TIMEOUT = 120;
+const DEFAULT_AFK_TIMEOUT_PERIOD = 15;
+const DEFAULT_AFK_TIMEOUT = 120;
 const DATA_CHANNEL_CONNECTION_TIMEOUT = 8000; // 8000 ms;
 const SIGNALLING_PERCENT_VALUE = 56;
 const SCREEN_LOCKER_CONTAINER_ID = '3dsource_start_screen';
 
-const initialState = {
-    lowBandwidthStats: undefined,
-    wasInitialized: false,
-    isFirstSuccessLoad: false,
-    lowBandwidth: false,
-    cirrusConnected: false,
-    establishingConnection: false,
-    viewportReady: false,
-    dataChannelConnected: false,
-    isVideoPlaying: false,
-    statusPercentSignallingServer: null,
-    statusMessage: null,
-    errorMessage: null,
-    ssInfo: null,
-    ssData: null,
-    streamResolution: { width: null, height: null },
-    freezeFrameFromVideo: { dataUrl: null, progress: null },
-    freezeFrame: { dataUrl: null, progress: null },
-    disconnectReason: DisconnectReason.none,
-    awsInstance: {
-        wsUrl: null,
-        instanceName: null,
-        pollingUrl: null,
-    },
-    streamConfig: {
-        autoStart: true,
-        warnTimeout: DEFAULT_WARN_TIMEOUT,
-        matchMakerUrls: [],
-    },
-    loaderCommands: {
-        commandsInProgress: [],
-        totalCommandsStarted: 0,
-        totalCommandsCompleted: 0,
-    },
-    matchUrls: [],
-    streamClientCompanyId: '',
-    streamViewId: 'default',
-    videoIntroSrc: null,
-    imageIntroSrc: null,
-    imageLoadingSrc: '',
-};
-const unrealReducer = createReducer(initialState, on(changeLowBandwidth, (state, { lowBandwidth, stats }) => {
-    return {
-        ...state,
-        lowBandwidth: lowBandwidth,
-        lowBandwidthStats: lowBandwidth ? stats : undefined,
-    };
-}), on(changeStatusMainVideoOnScene, (state, { isVideoPlaying }) => {
-    return {
-        ...state,
-        isVideoPlaying: isVideoPlaying,
-    };
-}), on(setAwsInstance, (state, { instanceName, wsUrl, pollingUrl }) => {
-    return {
-        ...state,
-        awsInstance: {
-            instanceName,
-            wsUrl,
-            pollingUrl,
-        },
-    };
-}), on(setViewportReady, (state, { value }) => {
-    return {
-        ...state,
-        viewportReady: value,
-        statusMessage: value ? null : state.statusMessage,
-        errorMessage: value ? null : state.errorMessage,
-    };
-}), on(updateCirrusInfo, (state, { ssInfo, ssData }) => {
-    return {
-        ...state,
-        ssInfo: ssInfo, // For back compatibility
-        ssData: ssData, // Contains all the data from the ssInfo as object
-    };
-}), on(changeStreamResolutionSuccessAction, (state, { width, height }) => {
-    return {
-        ...state,
-        streamResolution: {
-            width: width,
-            height: height,
-        },
-    };
-}), on(setFreezeFrame, (state, freezeFrame) => {
-    return {
-        ...state,
-        freezeFrame: {
-            dataUrl: freezeFrame.progress === 0 ||
-                freezeFrame.progress === 1 ||
-                freezeFrame.progress === null
-                ? freezeFrame.dataUrl
-                : state.freezeFrame.dataUrl,
-            progress: freezeFrame.progress || null,
-        },
-    };
-}), on(setErrorMessage, (state, errorMessage) => {
-    if (state.dataChannelConnected) {
-        return state;
-    }
-    return {
-        ...state,
-        errorMessage: errorMessage,
-        statusMessage: null,
-    };
-}), on(setFreezeFrameFromVideo, (state, freezeFrameFromVideo) => {
-    return {
-        ...state,
-        freezeFrameFromVideo: {
-            dataUrl: freezeFrameFromVideo.dataUrl,
-            progress: freezeFrameFromVideo.progress || null,
-        },
-    };
-}), on(setStatusMessage, (state, { message }) => {
-    return {
-        ...state,
-        statusMessage: message,
-    };
-}), on(setEstablishingConnection, (state, { value }) => {
-    return {
-        ...state,
-        establishingConnection: value,
-    };
-}), on(setStatusPercentSignallingServer, (state, { percent }) => {
-    return {
-        ...state,
-        statusPercentSignallingServer: percent,
-    };
-}), on(setDataChannelConnected, (state, { value }) => {
-    return {
-        ...state,
-        dataChannelConnected: value,
-        wasInitialized: value ? true : state.wasInitialized,
-    };
-}), on(setConfig, (state, { config }) => {
-    return {
-        ...state,
-        streamConfig: { ...state.streamConfig, ...config },
-    };
-}), on(resetConfig, (state) => {
-    return {
-        ...state,
-        streamConfig: initialState.streamConfig,
-    };
-}), on(resetWarnTimeout, (state) => {
-    return {
-        ...state,
-        streamConfig: {
-            ...state.streamConfig,
-            warnTimeout: DEFAULT_WARN_TIMEOUT,
-        },
-    };
-}), on(setCirrusConnected, (state) => {
-    return {
-        ...state,
-        cirrusConnected: true,
-    };
-}), on(setCirrusDisconnected, (state) => {
-    return {
-        ...state,
-        cirrusConnected: false,
-    };
-}), on(initSignalling, (state) => {
-    return {
-        ...state,
-        disconnectReason: DisconnectReason.none,
-    };
-}), on(setSignalingName, (state, { instanceName }) => {
-    return {
-        ...state,
-        awsInstance: { ...state.awsInstance, instanceName },
-    };
-}), on(setLoopBackCommandIsCompleted, (state) => {
-    return {
-        ...state,
-        isFirstSuccessLoad: true,
-    };
-}), on(setMatchUrls, (state, { urls }) => {
-    return {
-        ...state,
-        matchUrls: urls,
-    };
-}), on(setStreamClientCompanyId, (state, { id }) => {
-    return {
-        ...state,
-        streamClientCompanyId: id,
-    };
-}), on(setStreamViewId, (state, { id }) => {
-    return {
-        ...state,
-        streamViewId: id,
-    };
-}), on(setIntroImageSrc, (state, { src }) => {
-    return {
-        ...state,
-        imageIntroSrc: src,
-    };
-}), on(setLoadingImageSrc, (state, { src }) => {
-    return {
-        ...state,
-        imageLoadingSrc: src,
-    };
-}), on(setIntroVideoSrc, (state, { src }) => {
-    return {
-        ...state,
-        videoIntroSrc: src,
-    };
-}), on(resetIntroSrc, (state) => {
-    return {
-        ...state,
-        imageIntroSrc: '',
-        videoIntroSrc: '',
-    };
-}), on(commandStarted, (state, { id, command }) => {
-    return {
-        ...state,
-        loaderCommands: {
-            ...state.loaderCommands,
-            totalCommandsStarted: state.loaderCommands.totalCommandsStarted + 1,
-            commandsInProgress: [
-                ...state.loaderCommands.commandsInProgress,
-                { id, command, timeStamp: new Date().getTime() },
-            ],
-        },
-    };
-}), on(commandCompleted, (state, { id }) => {
-    return {
-        ...state,
-        loaderCommands: removeExileCommands(state.loaderCommands, id),
-    };
-}), on(resetUnrealState, (state) => {
-    return {
-        ...initialState,
-        wasInitialized: state.wasInitialized,
-        isFirstSuccessLoad: state.isFirstSuccessLoad,
-        matchUrls: state.matchUrls,
-        streamClientCompanyId: state.streamClientCompanyId,
-        streamViewId: state.streamViewId,
-        imageIntroSrc: state.imageIntroSrc,
-        videoIntroSrc: state.videoIntroSrc,
-        imageLoadingSrc: state.imageLoadingSrc,
-    };
-}), on(resetUnrealStateAction, () => {
-    return initialState;
-}));
-
-const unrealFeature = createFeature({
-    name: 'unrealFeature',
-    reducer: unrealReducer,
-});
-
 class SubService {
     constructor() {
         this.store = inject(Store);
@@ -506,10 +258,11 @@ class AFKService extends SubService {
         super();
         // Optionally detect if the user is not interacting (AFK) and disconnect them.
         this.enabled = true; // Set to true to enable the AFK system.
-        this.closeTimeout = DEFAULT_TIMEOUT_PERIOD; // The time after the warning when we disconnect the user.
+        this.closeTimeout = DEFAULT_AFK_TIMEOUT_PERIOD; // The time after the warning when we disconnect the user.
         this.active = false; // Whether the AFK system is currently looking for inactivity.
         this.countdown = 0; // The inactivity warning overlay has a countdown to show time until disconnect.
-        this.selectWarnTimeout = toSignal(this.store.select(selectWarnTimeout));
+        this.selectWarnTimeout = this.store.selectSignal(selectWarnTimeout);
+        this.isViewportReady = this.store.selectSignal(unrealFeature.selectViewportReady);
         this.initAfk();
     }
     initAfk() {
@@ -576,6 +329,9 @@ class AFKService extends SubService {
         this.startAfkWarningTimer();
     }
     showAfkOverlay() {
+        if (!this.isViewportReady()) {
+            return;
+        }
         // Pause the timer while the user is looking at the inactivity warning overlay.
         this.active = false;
         this.countdown = this.closeTimeout;
@@ -636,9 +392,6 @@ class FreezeFrameService extends SubService {
         }
         else {
             this.dispatchInProgress();
-            /* Logger.warn(
-              `received next chunk (${view.length} bytes) of freeze frame: ${this.jpeg.length}/${this.size}`,
-            );*/
         }
     }
     dispatchInProgress() {
@@ -1253,7 +1006,7 @@ class SignallingService extends SubService {
         });
         combineLatest([
             this.store
-                .select(selectMatchUrls)
+                .select(selectMatchMakerUrls)
                 .pipe(tapLog('MatchMakerUrls changed:')),
             this.store.select(selectIsAutostart).pipe(tapLog('Autostart is:')),
         ])
@@ -2061,9 +1814,7 @@ class ConsoleExtensionsService extends SubService {
             this.store
                 .select(unrealFeature.selectLowBandwidth)
                 .pipe(first())
-                .subscribe((isLow) => {
-                this.store.dispatch(changeLowBandwidth({ lowBandwidth: !isLow }));
-            });
+                .subscribe((isLow) => this.store.dispatch(changeLowBandwidth({ lowBandwidth: !isLow })));
             return 'LowBandwidth => toggled';
         };
         window.setMaxFps = (maxFps) => {
@@ -2076,9 +1827,7 @@ class ConsoleExtensionsService extends SubService {
                 .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 = () => {
-            this.unrealHelp();
-        };
+        window.unrealHelp = () => this.unrealHelp();
         window.setWarnTime = (time) => {
             this.store.dispatch(setConfig({ config: { warnTimeout: time } }));
         };
@@ -2998,7 +2747,7 @@ class StreamStatusTelemetryService {
     }
     initTelemetry() {
         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)))
+            .pipe(withLatestFrom(this.store.select(unrealFeature.selectAwsInstance), this.store.select(unrealFeature.selectLowBandwidth), this.store.select(unrealFeature.selectLowBandwidthStats), this.store.select(unrealFeature.selectCirrusConnected)), auditTime(5000), filter(([, , , , cirrusConnected]) => cirrusConnected), map$1(([data, signalingServer, isLowBandwidth, lbmStats]) => this.mapEventData(data, signalingServer, isLowBandwidth, lbmStats)))
             .subscribe((data) => this.trackEventToMixPanel(data));
     }
     trackEventToMixPanel(data) {
@@ -3014,6 +2763,286 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
             type: Injectable
         }], ctorParameters: () => [] });
 
+// In @3dsource/angular-unreal-module/src/lib/providers.ts
+function provideAngularUnrealModule() {
+    return [
+        provideState(unrealFeature),
+        provideEffects([UnrealEffects]),
+        AFKService,
+        AggregatorService,
+        CommandTelemetryService,
+        ConsoleExtensionsService,
+        FreezeFrameService,
+        InputService,
+        SignallingService,
+        StreamStatusTelemetryService,
+        UnrealCommunicatorService,
+        VideoService,
+        WebRtcPlayerService,
+        RegionsPingService,
+    ];
+}
+
+const initialState = {
+    lowBandwidthStats: undefined,
+    wasInitialized: false,
+    isFirstSuccessLoad: false,
+    lowBandwidth: false,
+    cirrusConnected: false,
+    establishingConnection: false,
+    viewportReady: false,
+    dataChannelConnected: false,
+    isVideoPlaying: false,
+    isFreezeLoaderPercents: false,
+    statusPercentSignallingServer: null,
+    statusMessage: null,
+    errorMessage: null,
+    ssInfo: null,
+    ssData: null,
+    streamResolution: { width: null, height: null },
+    freezeFrameFromVideo: { dataUrl: null, progress: null },
+    freezeFrame: { dataUrl: null, progress: null },
+    disconnectReason: DisconnectReason.none,
+    awsInstance: {
+        wsUrl: null,
+        instanceName: null,
+        pollingUrl: null,
+    },
+    streamConfig: {
+        autoStart: true,
+        warnTimeout: DEFAULT_AFK_TIMEOUT,
+    },
+    matchMakerUrls: [],
+    loaderCommands: {
+        commandsInProgress: [],
+        totalCommandsStarted: 0,
+        totalCommandsCompleted: 0,
+    },
+    matchUrls: [],
+    streamClientCompanyId: '',
+    streamViewId: 'default',
+    videoIntroSrc: null,
+    imageIntroSrc: null,
+    imageLoadingSrc: '',
+};
+const unrealReducer = createReducer(initialState, on(changeLowBandwidth, (state, { lowBandwidth, stats }) => {
+    return {
+        ...state,
+        lowBandwidth: lowBandwidth,
+        lowBandwidthStats: lowBandwidth ? stats : undefined,
+    };
+}), on(changeStatusMainVideoOnScene, (state, { isVideoPlaying }) => {
+    return {
+        ...state,
+        isVideoPlaying: isVideoPlaying,
+    };
+}), on(setAwsInstance, (state, { instanceName, wsUrl, pollingUrl }) => {
+    return {
+        ...state,
+        awsInstance: {
+            instanceName,
+            wsUrl,
+            pollingUrl,
+        },
+    };
+}), on(setViewportReady, (state, { value }) => {
+    return {
+        ...state,
+        viewportReady: value,
+        statusMessage: value ? null : state.statusMessage,
+        errorMessage: value ? null : state.errorMessage,
+    };
+}), on(updateCirrusInfo, (state, { ssInfo, ssData }) => {
+    return {
+        ...state,
+        ssInfo: ssInfo, // For back compatibility
+        ssData: ssData, // Contains all the data from the ssInfo as an object
+    };
+}), on(changeStreamResolutionSuccessAction, (state, { width, height }) => {
+    return {
+        ...state,
+        streamResolution: {
+            width: width,
+            height: height,
+        },
+    };
+}), on(setFreezeFrame, (state, freezeFrame) => {
+    return {
+        ...state,
+        freezeFrame: {
+            dataUrl: freezeFrame.progress === 0 ||
+                freezeFrame.progress === 1 ||
+                freezeFrame.progress === null
+                ? freezeFrame.dataUrl
+                : state.freezeFrame.dataUrl,
+            progress: freezeFrame.progress || null,
+        },
+    };
+}), on(setErrorMessage, (state, errorMessage) => {
+    if (state.dataChannelConnected) {
+        return state;
+    }
+    return {
+        ...state,
+        errorMessage: errorMessage,
+        statusMessage: null,
+    };
+}), on(setFreezeFrameFromVideo, (state, freezeFrameFromVideo) => {
+    return {
+        ...state,
+        freezeFrameFromVideo: {
+            dataUrl: freezeFrameFromVideo.dataUrl,
+            progress: freezeFrameFromVideo.progress || null,
+        },
+    };
+}), on(setStatusMessage, (state, { message }) => {
+    return {
+        ...state,
+        statusMessage: message,
+    };
+}), on(setEstablishingConnection, (state, { value }) => {
+    return {
+        ...state,
+        establishingConnection: value,
+    };
+}), on(setIsFreezeLoaderPercents, (state) => {
+    return {
+        ...state,
+        isFreezeLoaderPercents: true,
+    };
+}), on(setStatusPercentSignallingServer, (state, { percent }) => {
+    return {
+        ...state,
+        statusPercentSignallingServer: percent,
+    };
+}), on(setDataChannelConnected, (state, { value }) => {
+    return {
+        ...state,
+        dataChannelConnected: value,
+        wasInitialized: value ? true : state.wasInitialized,
+    };
+}), on(setConfig, (state, { config }) => {
+    return {
+        ...state,
+        streamConfig: { ...state.streamConfig, ...config },
+    };
+}), on(setMatchMakerUrls, (state, { matchMakerUrls }) => {
+    return {
+        ...state,
+        matchMakerUrls,
+    };
+}), on(resetConfig, (state) => {
+    return {
+        ...state,
+        streamConfig: initialState.streamConfig,
+    };
+}), on(resetWarnTimeout, (state) => {
+    return {
+        ...state,
+        streamConfig: {
+            ...state.streamConfig,
+            warnTimeout: DEFAULT_AFK_TIMEOUT,
+        },
+    };
+}), on(setCirrusConnected, (state) => {
+    return {
+        ...state,
+        cirrusConnected: true,
+    };
+}), on(setCirrusDisconnected, (state) => {
+    return {
+        ...state,
+        cirrusConnected: false,
+    };
+}), on(initSignalling, (state) => {
+    return {
+        ...state,
+        disconnectReason: DisconnectReason.none,
+    };
+}), on(setSignalingName, (state, { instanceName }) => {
+    return {
+        ...state,
+        awsInstance: { ...state.awsInstance, instanceName },
+    };
+}), on(setLoopBackCommandIsCompleted, (state) => {
+    return {
+        ...state,
+        isFirstSuccessLoad: true,
+    };
+}), on(setMatchUrls, (state, { urls }) => {
+    return {
+        ...state,
+        matchUrls: urls,
+    };
+}), on(setStreamClientCompanyId, (state, { id }) => {
+    return {
+        ...state,
+        streamClientCompanyId: id,
+    };
+}), on(setStreamViewId, (state, { id }) => {
+    return {
+        ...state,
+        streamViewId: id,
+    };
+}), on(setIntroImageSrc, (state, { src }) => {
+    return {
+        ...state,
+        imageIntroSrc: src,
+    };
+}), on(setLoadingImageSrc, (state, { src }) => {
+    return {
+        ...state,
+        imageLoadingSrc: src,
+    };
+}), on(setIntroVideoSrc, (state, { src }) => {
+    return {
+        ...state,
+        videoIntroSrc: src,
+    };
+}), on(resetIntroSrc, (state) => {
+    return {
+        ...state,
+        imageIntroSrc: '',
+        videoIntroSrc: '',
+    };
+}), on(commandStarted, (state, { id, command }) => {
+    return {
+        ...state,
+        loaderCommands: {
+            ...state.loaderCommands,
+            totalCommandsStarted: state.loaderCommands.totalCommandsStarted + 1,
+            commandsInProgress: [
+                ...state.loaderCommands.commandsInProgress,
+                { id, command, timeStamp: new Date().getTime() },
+            ],
+        },
+    };
+}), on(commandCompleted, (state, { id }) => {
+    return {
+        ...state,
+        loaderCommands: removeExileCommands(state.loaderCommands, id),
+    };
+}), on(resetUnrealState, (state) => {
+    return {
+        ...initialState,
+        wasInitialized: state.wasInitialized,
+        isFirstSuccessLoad: state.isFirstSuccessLoad,
+        matchUrls: state.matchUrls,
+        streamClientCompanyId: state.streamClientCompanyId,
+        streamViewId: state.streamViewId,
+        imageIntroSrc: state.imageIntroSrc,
+        videoIntroSrc: state.videoIntroSrc,
+        imageLoadingSrc: state.imageLoadingSrc,
+    };
+}), on(resetUnrealStateAction, () => {
+    return initialState;
+}));
+
+const unrealFeature = createFeature({
+    name: 'unrealFeature',
+    reducer: unrealReducer,
+});
+
 class UnrealErrorModalComponent {
     constructor() {
         this.dialogRef = inject(DialogRef);
@@ -3023,7 +3052,7 @@ class UnrealErrorModalComponent {
         this.dialogRef.close();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: UnrealErrorModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: UnrealErrorModalComponent, isStandalone: true, selector: "app-unreal-error-modal", ngImport: i0, template: "<div class=\"src-modal src-modal--small\">\n  <div class=\"src-modal__header\">\n    <div\n      class=\"src-modal__title\"\n      [attr.data-testid]=\"'unreal-error-header-title'\"\n    >\n      Warning\n    </div>\n  </div>\n  <div class=\"src-modal__body\">\n    <div>{{ dialogData.content }}</div>\n  </div>\n  <div class=\"src-modal__footer\">\n    <src-button [colorScheme]=\"'secondary'\" (onClick)=\"close()\">\n      Ok\n    </src-button>\n  </div>\n</div>\n", styles: [""], dependencies: [{ 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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: UnrealErrorModalComponent, isStandalone: true, selector: "app-unreal-error-modal", ngImport: i0, template: "<div class=\"src-modal src-modal--small\">\n  <div class=\"src-modal__header\">\n    <div\n      class=\"src-modal__title\"\n      [attr.data-testid]=\"'unreal-error-header-title'\"\n    >\n      Warning\n    </div>\n  </div>\n  <div class=\"src-modal__body\">\n    <div>{{ dialogData.content }}</div>\n  </div>\n  <div class=\"src-modal__footer\">\n    <src-button [colorScheme]=\"'secondary'\" (onClick)=\"close()\">\n      Ok\n    </src-button>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: SourceButtonComponent, selector: "src-button", inputs: ["type", "appearance", "colorScheme", "size", "state", "customClass", "hasDisclosure", "isFullWidth", "isPressed", "isDisabled", "isLoading", "iconButton", "srcButtonConfig", "formID", "data-testid"], outputs: ["onClick", "onSubmit"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: UnrealErrorModalComponent, decorators: [{
             type: Component,
@@ -3064,9 +3093,7 @@ class UnrealEffects {
             }));
         }, { dispatch: false });
         this.changeStreamResolution$ = createEffect(() => {
-            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 &&
+            return this.actions$.pipe(ofType(changeStreamResolutionAction), filter((size) => !!(size?.width && size?.height)), withLatestFrom(this.store.select(unrealFeature.selectStreamResolution)), filter(([newSizes, savedSizes]) => !(newSizes.width === savedSizes.width &&
                 newSizes.height === savedSizes.height)), map(([sizes]) => changeStreamResolutionSuccessAction({
                 width: sizes.width,
                 height: sizes.height,
@@ -3080,11 +3107,7 @@ class UnrealEffects {
         });
         this.sendLbmStat$ = this.store
             .select(unrealFeature.selectViewportReady)
-            .pipe(distinctUntilChanged(), filter(Truthy), exhaustMap(() => this.actions$.pipe(ofType(changeLowBandwidth), filter(({ lowBandwidth }) => lowBandwidth), concatLatestFrom(() => [
-            this.store.select(unrealFeature.selectAwsInstance),
-            this.store.select(unrealFeature.selectStreamClientCompanyId),
-            this.store.select(unrealFeature.selectStreamViewId),
-        ]), first(), exhaustMap(([, instance, companyId, viewId]) => this.http
+            .pipe(distinctUntilChanged(), filter(Truthy), exhaustMap(() => this.actions$.pipe(ofType(changeLowBandwidth), filter(({ lowBandwidth }) => lowBandwidth), withLatestFrom(this.store.select(unrealFeature.selectAwsInstance), this.store.select(unrealFeature.selectStreamClientCompanyId), this.store.select(unrealFeature.selectStreamViewId)), first(), exhaustMap(([, instance, companyId, viewId]) => this.http
             .post(this.unrealInitialConfig?.customErrorsEndpoint || '', {
             message: {
                 type: 'front',
@@ -3118,13 +3141,7 @@ class UnrealEffects {
         }, { dispatch: false });
         this.setDataChannelTimeoutCheck$ = createEffect(() => {
             return this.actions$.pipe(ofType(setAwsInstance), filter(({ wsUrl }) => !!wsUrl), tap(() => Logger.info(`DataChannel timeout check started with next timeout: ${this.dataChannelConnectionTimeout}`)), debounceTime$1(this.dataChannelConnectionTimeout), // Timeout, if not connected, sends an error report, then reconnects
-            concatLatestFrom(() => [
-                this.store.select(unrealFeature.selectSsData),
-                this.store.select(unrealFeature.selectCirrusConnected),
-                this.store.select(unrealFeature.selectDataChannelConnected),
-            ]), filter(([, , isCirrusConnected, isDataChannelConnected]) => {
-                return isCirrusConnected && !isDataChannelConnected;
-            }), switchMap$1(([awsInstance, ssData]) => {
+            withLatestFrom(this.store.select(unrealFeature.selectSsData), this.store.select(unrealFeature.selectCirrusConnected), this.store.select(unrealFeature.selectDataChannelConnected)), filter(([, , isCirrusConnected, isDataChannelConnected]) => isCirrusConnected && !isDataChannelConnected), switchMap$1(([awsInstance, ssData]) => {
                 const error = `DataChannel connection timeout ${this.dataChannelConnectionTimeout}ms, requesting new signaling.`;
                 Logger.error(error);
                 return this.http
@@ -3144,7 +3161,7 @@ class UnrealEffects {
             })));
         });
         this.destroyConnectionAndRestart$ = createEffect(() => {
-            return this.actions$.pipe(ofType(destroyRemoteConnections), filter(({ disconnectReason }) => disconnectReason === DisconnectReason.dataChannelTimeout), switchMap$1(() => this.actions$.pipe(ofType(resetUnrealState), first())), map(() => initSignalling()));
+            return this.actions$.pipe(ofType(destroyRemoteConnections), filter(({ disconnectReason }) => disconnectReason === DisconnectReason.dataChannelTimeout), tap(() => this.store.dispatch(setIsFreezeLoaderPercents())), switchMap$1(() => this.actions$.pipe(ofType(resetUnrealState), first())), map(() => initSignalling()));
         });
         this.showUnrealError$ = createEffect(() => {
             return this.actions$.pipe(ofType(showUnrealErrorMessage), map(({ code }) => getRtcErrorMessage(code)), distinctUntilChanged(), filter(Truthy), switchMap$1((content) => this.dialog.open(UnrealErrorModalComponent, {
@@ -3153,11 +3170,7 @@ class UnrealEffects {
             }).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$1(([action, instance, companyId, viewId]) => this.http
+            return this.actions$.pipe(ofType(showUnrealErrorMessage), filter(({ code }) => code === 404), withLatestFrom(this.store.select(unrealFeature.selectAwsInstance), this.store.select(unrealFeature.selectStreamClientCompanyId), this.store.select(unrealFeature.selectStreamViewId)), switchMap$1(([action, instance, companyId, viewId]) => this.http
                 .post(this.unrealInitialConfig?.customErrorsEndpoint || '', {
                 client: instance.pollingUrl,
                 session_uuid: companyId,
@@ -3168,9 +3181,9 @@ class UnrealEffects {
                     info: action?.error ?? '',
                 },
             })
-                .pipe(mapResponse({
-                next: () => console.log(`successfully send to ${this.unrealInitialConfig?.customErrorsEndpoint}`),
-                error: () => console.error(`get error from ${this.unrealInitialConfig?.customErrorsEndpoint}`),
+                .pipe(tap(() => console.log(`successfully send to ${this.unrealInitialConfig?.customErrorsEndpoint}`)), catchError(() => {
+                console.error(`get error from ${this.unrealInitialConfig?.customErrorsEndpoint}`);
+                return EMPTY;
             }))));
         }, { dispatch: false });
         this.initAppBySetDataChannelConnected$ = createEffect(() => {
@@ -3193,13 +3206,13 @@ class UnrealEffects {
                 ?.correlationId), filter(Truthy), map((id) => commandCompleted({ id })))));
         });
         this.setConfigByInitSignalling$ = createEffect(() => {
-            return this.actions$.pipe(ofType(initSignalling), concatLatestFrom(() => this.store.select(unrealFeature.selectMatchUrls)), switchMap$1(() => this.store
+            return this.actions$.pipe(ofType(initSignalling), withLatestFrom(this.store.select(unrealFeature.selectMatchUrls)), switchMap$1(() => this.store
                 .select(unrealFeature.selectMatchUrls)
                 .pipe(filter((item) => item?.length > 0))), map((matchMakerUrls) => {
                 if (isEmpty(matchMakerUrls)) {
                     throw Error('Signalling URL(s) is empty');
                 }
-                return setConfig({ config: { matchMakerUrls } });
+                return setMatchMakerUrls({ matchMakerUrls });
             }));
         });
     }
@@ -3218,8 +3231,8 @@ const selectIsFreezeFrameLoading = createSelector(unrealFeature.selectFreezeFram
     : false);
 const selectFreezeFrameCombinedDataUrl = createSelector(selectFreezeFrameDataUrlFromVideo, selectFreezeFrameDataUrl, (dataUrlFromVideo, remoteDataUrl) => dataUrlFromVideo || remoteDataUrl || null);
 const selectStreamConfig = createSelector(unrealFeature.selectStreamConfig, (config) => config);
-const selectWarnTimeout = createSelector(selectStreamConfig, (config) => config?.warnTimeout || DEFAULT_WARN_TIMEOUT);
-const selectMatchUrls = createSelector(selectStreamConfig, (config) => (config?.matchMakerUrls || []).filter(Truthy));
+const selectWarnTimeout = createSelector(selectStreamConfig, (config) => config?.warnTimeout || DEFAULT_AFK_TIMEOUT);
+const selectMatchMakerUrls = createSelector(unrealFeature.selectMatchMakerUrls, (urls) => (urls || []).filter(Truthy));
 const selectIsAutostart = createSelector(selectStreamConfig, (config) => config?.autoStart);
 const selectWsUrl = createSelector(unrealFeature.selectAwsInstance, (instance) => instance?.wsUrl);
 const selectShowReconnectPopup = createSelector(unrealFeature.selectWasInitialized, unrealFeature.selectCirrusConnected, unrealFeature.selectEstablishingConnection, unrealFeature.selectImageIntroSrc, unrealFeature.selectVideoIntroSrc, (wasInitialized, connected, establishing, imageSrc, videoSrc) => wasInitialized && !connected && !establishing && !imageSrc && !videoSrc);
@@ -3340,7 +3353,7 @@ function OnOpenHandler() {
 }
 
 const clampAndKeepMaxPercents = () => {
-    return (source) => source.pipe(scan((acc, value) => value === 0 ? value : clampf(0, 100, Math.max(acc, value)), 0));
+    return (source) => source.pipe(scan((maxProgress, currentProgress) => currentProgress > maxProgress ? currentProgress : maxProgress, 0));
 };
 
 function observeCommandResponse(data, sender, timeOut = 60000, dispatchOnTimeout = true) {
@@ -3861,7 +3874,7 @@ class ClickableOverlayComponent {
         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.3", ngImport: i0, type: ClickableOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: ClickableOverlayComponent, isStandalone: true, selector: "app-clickable-overlay", ngImport: i0, template: "@if (state()) {\n  <div\n    (click)=\"state()?.onOverlayClick()\"\n    [ngClass]=\"state()?.className\"\n    id=\"videoPlayOverlay\"\n  >\n    @if (state()?.isActivityDetected) {\n      <div class=\"resume-box\">\n        <div aria-hidden=\"true\" class=\"resume-box__pic\" role=\"presentation\">\n          <div [innerHTML]=\"state()?.message\" class=\"text-number\"></div>\n        </div>\n        <div class=\"resume-box__text\">\n          <h3 class=\"resume-box__heading\">Session will time out soon</h3>\n          <p>\n            No activity detected. Press 'Continue' if you wish to keep your\n            session active\n          </p>\n        </div>\n        <src-button\n          [colorScheme]=\"'primary'\"\n          [isFullWidth]=\"true\"\n          [size]=\"'large'\"\n          [data-testid]=\"'continue-session'\"\n        >\n          Continue\n        </src-button>\n      </div>\n    }\n  </div>\n}\n", styles: ["#videoPlayOverlay{position:absolute;z-index:30;top:0;width:100%;height:100%;font-size:1.8em;font-family:var(--src-font-family-body);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-border-rounded-parent, 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-body);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-body);font-size:var(--src-font-size-sm, 14px);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-body);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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: ClickableOverlayComponent, isStandalone: true, selector: "app-clickable-overlay", ngImport: i0, template: "@if (state()) {\n  <div\n    (click)=\"state()?.onOverlayClick()\"\n    [ngClass]=\"state()?.className\"\n    id=\"videoPlayOverlay\"\n  >\n    @if (state()?.isActivityDetected) {\n      <div class=\"resume-box\">\n        <div aria-hidden=\"true\" class=\"resume-box__pic\" role=\"presentation\">\n          <div [innerHTML]=\"state()?.message\" class=\"text-number\"></div>\n        </div>\n        <div class=\"resume-box__text\">\n          <h3 class=\"resume-box__heading\">Session will time out soon</h3>\n          <p>\n            No activity detected. Press 'Continue' if you wish to keep your\n            session active\n          </p>\n        </div>\n        <src-button\n          [colorScheme]=\"'primary'\"\n          [isFullWidth]=\"true\"\n          [size]=\"'large'\"\n          [data-testid]=\"'continue-session'\"\n        >\n          Continue\n        </src-button>\n      </div>\n    }\n  </div>\n}\n", styles: ["#videoPlayOverlay{position:absolute;z-index:30;top:0;width:100%;height:100%;font-size:1.8em;font-family:var(--src-font-family-body);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-border-rounded-parent, 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-body);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-body);font-size:var(--src-font-size-sm, 14px);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-body);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", "state", "customClass", "hasDisclosure", "isFullWidth", "isPressed", "isDisabled", "isLoading", "iconButton", "srcButtonConfig", "formID", "data-testid"], outputs: ["onClick", "onSubmit"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: ClickableOverlayComponent, decorators: [{
             type: Component,
@@ -3923,7 +3936,7 @@ class LowBandwidthModalComponent {
         this.dialogRef.close(value || false);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: LowBandwidthModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: LowBandwidthModalComponent, isStandalone: true, selector: "app-low-bandwidth-modal", ngImport: i0, template: "<div [attr.data-testid]=\"'low-bandwidth'\" class=\"src-modal src-modal--lbm\">\n  <header class=\"src-modal__header\">\n    <h6 [attr.data-testid]=\"'title'\" class=\"src-modal__title\">\n      Unstable Connection\n    </h6>\n  </header>\n  <section class=\"src-modal__body\">\n    <div\n      [innerHtml]=\"\n        'Fluid Interactivity Modes were disabled due to an unstable connection. Showcase Gallery Mode is enabled. To regain full functionality, switch to Interactive Mode.'\n          | safe: 'html'\n      \"\n      class=\"src-modal__scroll-box\"\n    ></div>\n  </section>\n  <footer class=\"src-modal__footer\">\n    <div class=\"src-modal__buttons\">\n      <src-button\n        (onClick)=\"close(true)\"\n        [data-testid]=\"'switch-to-interactive-mode'\"\n      >\n        Switch\n      </src-button>\n\n      <src-button\n        (onClick)=\"close()\"\n        [data-testid]=\"'close-lbm-modal'\"\n        colorScheme=\"primary\"\n      >\n        Ok\n      </src-button>\n    </div>\n  </footer>\n</div>\n", styles: [".src-modal--lbm{width:360px}.src-modal--lbm .src-modal__body{font-size:14px;line-height:24px}.src-modal--lbm .src-modal__buttons{display:flex;gap:8px}\n"], dependencies: [{ 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"] }, { kind: "pipe", type: SafePipe, name: "safe" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: LowBandwidthModalComponent, isStandalone: true, selector: "app-low-bandwidth-modal", ngImport: i0, template: "<div [attr.data-testid]=\"'low-bandwidth'\" class=\"src-modal src-modal--lbm\">\n  <header class=\"src-modal__header\">\n    <h6 [attr.data-testid]=\"'title'\" class=\"src-modal__title\">\n      Unstable Connection\n    </h6>\n  </header>\n  <section class=\"src-modal__body\">\n    <div\n      [innerHtml]=\"\n        'Fluid Interactivity Modes were disabled due to an unstable connection. Showcase Gallery Mode is enabled. To regain full functionality, switch to Interactive Mode.'\n          | safe: 'html'\n      \"\n      class=\"src-modal__scroll-box\"\n    ></div>\n  </section>\n  <footer class=\"src-modal__footer\">\n    <div class=\"src-modal__buttons\">\n      <src-button\n        (onClick)=\"close(true)\"\n        [data-testid]=\"'switch-to-interactive-mode'\"\n      >\n        Switch\n      </src-button>\n\n      <src-button\n        (onClick)=\"close()\"\n        [data-testid]=\"'close-lbm-modal'\"\n        colorScheme=\"primary\"\n      >\n        Ok\n      </src-button>\n    </div>\n  </footer>\n</div>\n", styles: [".src-modal--lbm{width:360px}.src-modal--lbm .src-modal__body{font-size:14px;line-height:24px}.src-modal--lbm .src-modal__buttons{display:flex;gap:8px}\n"], dependencies: [{ kind: "component", type: SourceButtonComponent, selector: "src-button", inputs: ["type", "appearance", "colorScheme", "size", "state", "customClass", "hasDisclosure", "isFullWidth", "isPressed", "isDisabled", "isLoading", "iconButton", "srcButtonConfig", "formID", "data-testid"], outputs: ["onClick", "onSubmit"] }, { kind: "pipe", type: SafePipe, name: "safe" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: LowBandwidthModalComponent, decorators: [{
             type: Component,
@@ -3967,7 +3980,7 @@ class AfkRestartScreenLockerComponent {
         this.playCallBack = null;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AfkRestartScreenLockerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: AfkRestartScreenLockerComponent, isStandalone: true, selector: "app-afk-restart-screen-locker", ngImport: i0, template: "@if (!isViewportReady()) {\n  <div class=\"preload\">\n    <div class=\"back\">\n      @if (imageLoadingSrc()) {\n        <img\n          [ngSrc]=\"imageLoadingSrc()!\"\n          fill\n          loading=\"lazy\"\n          alt=\"image loading src\"\n        />\n      }\n    </div>\n\n    @if (showReconnectPopup()) {\n      <div class=\"stream-message-wrapper\">\n        <div class=\"resume-box\">\n          @if (isSecondStart()) {\n            <div class=\"resume-box__text\">\n              Your stream has been paused due to inactivity\n            </div>\n          }\n\n          <src-button\n            (onClick)=\"connect()\"\n            [isFullWidth]=\"true\"\n            [size]=\"'large'\"\n            [colorScheme]=\"'primary'\"\n            [data-testid]=\"'connect-button'\"\n            class=\"connect-button\"\n          >\n            {{ isSecondStart() ? 'Resume' : 'Start' }}\n          </src-button>\n        </div>\n      </div>\n    }\n  </div>\n}\n", styles: [".preload{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center}.preload .back{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.preload .back img{width:100%;height:100%;object-fit:cover}.preload .stream-message-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;z-index:3;display:flex;align-items:center;justify-content:center}.resume-box{padding:16px;position:absolute;bottom:0;left:50%;gap:12px;display:flex;transform:translate(-50%,-50%);flex-direction:column;align-items:center;border-radius:var(--src-border-rounded-parent, 8px);background:var(--src-color-bg-default, #fff);box-shadow:0 26px 80px #0003,0 0 1px #0003}.resume-box .connect-button{width:100%}.resume-box__text{color:var(--src-color-gray-500, #6b7280);text-align:center;font-family:var(--src-font-family-body);font-size:14px;font-style:normal;font-weight:400;line-height:24px}.preload .message-loader{position:absolute;bottom:20px;left:50%;display:block;margin:auto;transform:translate(-50%)}.preload .message-loader>p{margin:0;line-height:1;transition:all ease .35s}.preload .message-loader>p span{font-size:10px;transition:all ease .35s}@media (min-width: 1900px){.preload .message-loader{bottom:40px}}\n"], dependencies: [{ kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { 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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: AfkRestartScreenLockerComponent, isStandalone: true, selector: "app-afk-restart-screen-locker", ngImport: i0, template: "@if (!isViewportReady()) {\n  <div class=\"preload\">\n    <div class=\"back\">\n      @if (imageLoadingSrc()) {\n        <img\n          [ngSrc]=\"imageLoadingSrc()!\"\n          fill\n          loading=\"lazy\"\n          alt=\"image loading src\"\n        />\n      }\n    </div>\n\n    @if (showReconnectPopup()) {\n      <div class=\"stream-message-wrapper\">\n        <div class=\"resume-box\">\n          @if (isSecondStart()) {\n            <div class=\"resume-box__text\">\n              Your stream has been paused due to inactivity\n            </div>\n          }\n\n          <src-button\n            (onClick)=\"connect()\"\n            [isFullWidth]=\"true\"\n            [size]=\"'large'\"\n            [colorScheme]=\"'primary'\"\n            [data-testid]=\"'connect-button'\"\n            class=\"connect-button\"\n          >\n            {{ isSecondStart() ? 'Resume' : 'Start' }}\n          </src-button>\n        </div>\n      </div>\n    }\n  </div>\n}\n", styles: [".preload{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center}.preload .back{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.preload .back img{width:100%;height:100%;object-fit:cover}.preload .stream-message-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;z-index:3;display:flex;align-items:center;justify-content:center}.resume-box{padding:16px;position:absolute;bottom:0;left:50%;gap:12px;display:flex;transform:translate(-50%,-50%);flex-direction:column;align-items:center;border-radius:var(--src-border-rounded-parent, 8px);background:var(--src-color-bg-default, #fff);box-shadow:0 26px 80px #0003,0 0 1px #0003}.resume-box .connect-button{width:100%}.resume-box__text{color:var(--src-color-gray-500, #6b7280);text-align:center;font-family:var(--src-font-family-body);font-size:14px;font-style:normal;font-weight:400;line-height:24px}.preload .message-loader{position:absolute;bottom:20px;left:50%;display:block;margin:auto;transform:translate(-50%)}.preload .message-loader>p{margin:0;line-height:1;transition:all ease .35s}.preload .message-loader>p span{font-size:10px;transition:all ease .35s}@media (min-width: 1900px){.preload .message-loader{bottom:40px}}\n"], dependencies: [{ kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "decoding", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "component", type: SourceButtonComponent, selector: "src-button", inputs: ["type", "appearance", "colorScheme", "size", "state", "customClass", "hasDisclosure", "isFullWidth", "isPressed", "isDisabled", "isLoading", "iconButton", "srcButtonConfig", "formID", "data-testid"], outputs: ["onClick", "onSubmit"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AfkRestartScreenLockerComponent, decorators: [{
             type: Component,
@@ -4178,7 +4191,7 @@ class UnrealStatusComponent {
         this.unrealInitialConfig = inject(UNREAL_CONFIG, {
             optional: true,
         });
-        this.onDisconnect$ = this.store
+        this.resetLoaderTrigger$ = this.store
             .select(unrealFeature.selectCirrusConnected)
             .pipe(filter(Falsy));
         this.isDevMode = inject(DevModeService).isDevMode;
@@ -4186,7 +4199,7 @@ class UnrealStatusComponent {
         /**
          * An observable that emits smoothed percentage values from 0 to 100.
          */
-        this.messagePercents$ = toSignal(this.onDisconnect$.pipe(switchMap$1(() => this.store.select(selectTotalProgress).pipe(scan((maxProgress, currentProgress) => currentProgress > maxProgress ? currentProgress : maxProgress, 0), floatToSmoothPercents(), clampAndKeepMaxPercents(), combineLatestWith(this.store.select(selectShowLoader)), map$1(([progress, showLoader]) => (showLoader ? progress || 0 : null))))));
+        this.messagePercents$ = toSignal(this.resetLoaderTrigger$.pipe(withLatestFrom(this.store.select(unrealFeature.selectIsFreezeLoaderPercents)), filter(([, isFreezeLoaderPercents]) => !isFreezeLoaderPercents), switchMap$1(() => this.store.select(selectTotalProgress).pipe(startWith(0), clampAndKeepMaxPercents(), floatToSmoothPercents(), combineLatestWith(this.store.select(selectShowLoader)), map$1(([progress, showLoader]) => (showLoader ? progress || 0 : null))))));
     }
     ngOnInit() {
         /**
@@ -4515,7 +4528,7 @@ class VideoLockerComponent {
         videoContainer.appendChild(videoElement);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: VideoLockerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: VideoLockerComponent, isStandalone: true, selector: "app-video-locker", viewQueries: [{ propertyName: "videoElement", first: true, predicate: ["videoPlayerCover"], descendants: true }], ngImport: i0, template: "@if (imageIntroSrc$ | async; as url) {\n  <div class=\"backImage\">\n    <img [ngSrc]=\"url\" fill alt=\"Loading...\" />\n  </div>\n} @else if (videoIntroSrc$ | async) {\n  <div #videoPlayerCover class=\"backVideo\"></div>\n}\n", styles: [".backVideo{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.backVideo video{position:absolute;width:100%;height:100%;object-fit:cover}.backImage{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.backImage img{position:absolute;width:100%;height:100%;object-fit:cover}\n"], dependencies: [{ kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: VideoLockerComponent, isStandalone: true, selector: "app-video-locker", viewQueries: [{ propertyName: "videoElement", first: true, predicate: ["videoPlayerCover"], descendants: true }], ngImport: i0, template: "@if (imageIntroSrc$ | async; as url) {\n  <div class=\"backImage\">\n    <img [ngSrc]=\"url\" fill alt=\"Loading...\" />\n  </div>\n} @else if (videoIntroSrc$ | async) {\n  <div #videoPlayerCover class=\"backVideo\"></div>\n}\n", styles: [".backVideo{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.backVideo video{position:absolute;width:100%;height:100%;object-fit:cover}.backImage{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.backImage img{position:absolute;width:100%;height:100%;object-fit:cover}\n"], dependencies: [{ kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "decoding", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: VideoLockerComponent, decorators: [{
             type: Component,
@@ -4545,7 +4558,7 @@ class WebrtcErrorModalComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WebrtcErrorModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: WebrtcErrorModalComponent, isStandalone: true, selector: "app-webrtc-error-modal", ngImport: i0, template: "<div [attr.data-testid]=\"'webrtc-error-modal'\" class=\"src-modal\">\n  <header class=\"src-modal__header\">\n    <div [attr.data-testid]=\"'title'\" class=\"src-modal__title\">\n      WebRTC error\n    </div>\n  </header>\n  <section class=\"src-modal__body\">\n    <div style=\"text-align: left\">\n      An internet connection type (WebRTC) appears to be blocked either by your\n      browser settings or your current network. If WebRTC is blocked on your\n      browser you may be able to adjust these settings yourself based on\n      instructions here:\n      <a href=\"https://myownconference.com/blog/en/webrtc/\" target=\"blank\"\n        >https://myownconference.com/blog/en/webrtc/</a\n      >\n      <br /><br />\n      Trying a different web browser may help confirm this as well. If WebRTC is\n      blocked by your network, try switching to a different network if possible\n      or contact your network administrator.<br /><br />\n      WebRTC is common, safe and increasingly utilised method for streaming real\n      time 3D experiences via a web browser. It typically consumes no more\n      bandwidth than streaming an HD video.\n    </div>\n  </section>\n  <footer class=\"src-modal__footer\">\n    <src-button\n      (onClick)=\"closeModalWithCirrusDisconnect()\"\n      [data-testid]=\"'close-webrtc-error-modal'\"\n      [colorScheme]=\"'primary'\"\n    >\n      Ok\n    </src-button>\n  </footer>\n</div>\n", styles: [".src-modal{--modalBodyPadding: 20px 8px 20px 20px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}.src-modal ::ng-deep .ng-scroll-content{--_scrollbar-content-width: initial;--_viewport-padding-right: 12px}.src-modal__body{width:100%}.src-modal__body p{color:var(--src-color-bg-default, #1f2937);font-size:14px;font-style:normal;font-weight:400;line-height:24px;margin-top:0}.src-modal__body a{word-wrap:break-word;white-space:normal}\n"], dependencies: [{ 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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: WebrtcErrorModalComponent, isStandalone: true, selector: "app-webrtc-error-modal", ngImport: i0, template: "<div [attr.data-testid]=\"'webrtc-error-modal'\" class=\"src-modal\">\n  <header class=\"src-modal__header\">\n    <div [attr.data-testid]=\"'title'\" class=\"src-modal__title\">\n      WebRTC error\n    </div>\n  </header>\n  <section class=\"src-modal__body\">\n    <div style=\"text-align: left\">\n      An internet connection type (WebRTC) appears to be blocked either by your\n      browser settings or your current network. If WebRTC is blocked on your\n      browser you may be able to adjust these settings yourself based on\n      instructions here:\n      <a href=\"https://myownconference.com/blog/en/webrtc/\" target=\"blank\"\n        >https://myownconference.com/blog/en/webrtc/</a\n      >\n      <br /><br />\n      Trying a different web browser may help confirm this as well. If WebRTC is\n      blocked by your network, try switching to a different network if possible\n      or contact your network administrator.<br /><br />\n      WebRTC is common, safe and increasingly utilised method for streaming real\n      time 3D experiences via a web browser. It typically consumes no more\n      bandwidth than streaming an HD video.\n    </div>\n  </section>\n  <footer class=\"src-modal__footer\">\n    <src-button\n      (onClick)=\"closeModalWithCirrusDisconnect()\"\n      [data-testid]=\"'close-webrtc-error-modal'\"\n      [colorScheme]=\"'primary'\"\n    >\n      Ok\n    </src-button>\n  </footer>\n</div>\n", styles: [".src-modal{--modalBodyPadding: 20px 8px 20px 20px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}.src-modal ::ng-deep .ng-scroll-content{--_scrollbar-content-width: initial;--_viewport-padding-right: 12px}.src-modal__body{width:100%}.src-modal__body p{color:var(--src-color-bg-default, #1f2937);font-size:14px;font-style:normal;font-weight:400;line-height:24px;margin-top:0}.src-modal__body a{word-wrap:break-word;white-space:normal}\n"], dependencies: [{ kind: "component", type: SourceButtonComponent, selector: "src-button", inputs: ["type", "appearance", "colorScheme", "size", "state", "customClass", "hasDisclosure", "isFullWidth", "isPressed", "isDisabled", "isLoading", "iconButton", "srcButtonConfig", "formID", "data-testid"], outputs: ["onClick", "onSubmit"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WebrtcErrorModalComponent, decorators: [{
             type: Component,
@@ -4711,5 +4724,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", 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, SIGNALLING_PERCENT_VALUE, 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, getFreezeFrameNative, 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, getUnfreezeFrameNative, 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, smoothTransition, 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_AFK_TIMEOUT, DEFAULT_AFK_TIMEOUT_PERIOD, 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, SIGNALLING_PERCENT_VALUE, 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, getFreezeFrameNative, 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, getUnfreezeFrameNative, getUnselectAllProductsCommand, getWeatherCommand, initSignalling, initialState, mapQpToQuality, observeCommandResponse, provideAngularUnrealModule, removeExileCommands, resetAfk, resetAfkAction, resetConfig, resetIntroSrc, resetUnrealState, resetUnrealStateAction, resetWarnTimeout, selectCommandProgress, selectCommandsInProgress, selectFreezeFrameCombinedDataUrl, selectFreezeFrameDataUrl, selectFreezeFrameDataUrlFromVideo, selectFreezeFrameProgressMessageFromVideo, selectIsAutostart, selectIsFreezeFrameLoading, selectIsVideoPlayingAndDataChannelConnected, selectLastCommandInProgress, selectLoaderCommands, selectMatchMakerUrls, selectShowLoader, selectShowReconnectPopup, selectSignalingParameters, selectStreamConfig, selectTotalProgress, selectWarnTimeout, selectWsUrl, sendSignal, setAwsInstance, setCirrusConnected, setCirrusDisconnected, setConfig, setDataChannelConnected, setErrorMessage, setEstablishingConnection, setFreezeFrame, setFreezeFrameFromVideo, setIntroImageSrc, setIntroVideoSrc, setIsFreezeLoaderPercents, setLoadingImageSrc, setLoopBackCommandIsCompleted, setMatchMakerUrls, setMatchUrls, setMaxFps, setProductsLocationCommand, setSignalingName, setStatusMessage, setStatusPercentSignallingServer, setStreamClientCompanyId, setStreamViewId, setViewportReady, showUnrealErrorMessage, smoothTransition, trackMixpanelEvent, unLoadAllLevelsCommand, unrealFeature, unrealReducer, updateCirrusInfo };
 //# sourceMappingURL=3dsource-angular-unreal-module.mjs.map