@3dsource/angular-unreal-module 0.0.94 → 0.0.97

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

@@ -1,9 +1,9 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, Injectable, signal, makeEnvironmentProviders, provideEnvironmentInitializer, ChangeDetectionStrategy, Component, Pipe, ElementRef, input, HostListener, Input, ViewChild, DestroyRef, computed, viewChild, effect, untracked, output, afterNextRender } from '@angular/core';
+import { InjectionToken, inject, Injectable, signal, ChangeDetectionStrategy, Component, Pipe, ElementRef, input, HostListener, Input, ViewChild, DestroyRef, computed, viewChild, effect, untracked, output, afterNextRender, makeEnvironmentProviders, provideEnvironmentInitializer } from '@angular/core';
 import { filter, withLatestFrom, distinctUntilChanged, switchMap, catchError, timeout, tap, map as map$1, takeUntil, exhaustMap, debounceTime, takeWhile, delay, skip as skip$1 } from 'rxjs/operators';
-import { createAction, props, Store, provideState, createReducer, on, createFeature, createSelector } from '@ngrx/store';
+import { createAction, props, createReducer, on, createFeature, Store, createSelector, provideState } from '@ngrx/store';
 import { concatLatestFrom } from '@ngrx/operators';
-import { Actions, ofType, provideEffects, createEffect } from '@ngrx/effects';
+import { Actions, ofType, createEffect, provideEffects } from '@ngrx/effects';
 import { skip, share, merge, Subject, interval, of, map, from, take, fromEvent, timer, throwError, defer, Observable, switchMap as switchMap$1, retry, timeout as timeout$1, tap as tap$1, startWith, takeUntil as takeUntil$1, auditTime, EMPTY, filter as filter$1, throttleTime, debounceTime as debounceTime$1, mergeMap, scan, concatMap, animationFrameScheduler, combineLatestWith, BehaviorSubject, distinctUntilChanged as distinctUntilChanged$1, concat } from 'rxjs';
 import { Falsy, Truthy, Logger, calculateMedian, clampf, Signal, tapLog, generateUuid, COLOR_CODES, where, KeyboardNumericCode, InvertedKeyMap, Semaphore, lerp, getCanvasCached, getSnapshot, whereNot, HEXtoRGB, RGBtoHSV, inverseLerp, HSVtoRGB, RGBtoHEX, fpIsASameAsB, fitIntoRectangle } from '@3dsource/utils';
 import { HttpClient } from '@angular/common/http';
@@ -312,102 +312,362 @@ const DEFAULT_RECONNECT_DELAY_MS = 1000;
 const DEFAULT_RECONNECT_ON_ICE_FAILURE = true;
 const DEFAULT_RECONNECT_ON_DATACHANNEL_CLOSE = true;
 
-class SubService {
-    constructor() {
-        this.store = inject(Store);
-        this.disconnect$ = this.store
-            .select(unrealFeature.selectCirrusConnected)
-            .pipe(skip(1), filter(Falsy), share());
-    }
-}
-
-class AFKService extends SubService {
-    constructor() {
-        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_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 = this.store.selectSignal(selectWarnTimeout);
-        this.isViewportReady = this.store.selectSignal(unrealFeature.selectViewportReady);
-        this.init();
-    }
-    init() {
-        merge(this.store.select(selectWarnTimeout), fromSignal(UnrealInternalSignalEvents.RestAfkTimer))
-            .pipe(withLatestFrom(this.store.select(unrealFeature.selectViewportReady)), filter(([, viewportReady]) => viewportReady))
-            .subscribe(() => this.resetAfkWarningTimer());
-        this.store
-            .select(unrealFeature.selectViewportReady)
-            .pipe(distinctUntilChanged(), filter(Truthy))
-            .subscribe(() => this.startAfkWarningTimer());
-        this.disconnect$.subscribe(() => this.stop());
-    }
-    hideOverlay() {
-        sendSignal(UnrealInternalSignalEvents.ClickableOverlay);
-        this.store.dispatch(setAfkTimerHide());
-    }
-    /**
-     * Start a timer which when elapsed will warn the user they are inactive.
-     */
-    startAfkWarningTimer() {
-        this.active = this.enabled;
-        this.resetAfkWarningTimer();
-    }
-    /**
-     * If the user interacts, then reset the warning timer.
-     */
-    resetAfkWarningTimer() {
-        if (this.active) {
-            this.clearTimers();
-            this.warnTimer = setTimeout(() => {
-                this.showAfkOverlay();
-            }, this.selectWarnTimeout() * 1000);
-        }
+const initialState = {
+    streamRequestContext: null,
+    environmentId: null,
+    lowBandwidthStats: undefined,
+    wasInitialized: false,
+    isFirstSuccessLoad: false,
+    isAfkTimerVisible: false,
+    lowBandwidth: false,
+    cirrusConnected: false,
+    establishingConnection: false,
+    isReconnecting: 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,
+        progressComplete: 0,
+    },
+    streamConfig: {
+        autoStart: true,
+        warnTimeout: DEFAULT_AFK_TIMEOUT,
+    },
+    loaderCommands: {
+        commandsInProgress: [],
+        totalCommandsStarted: 0,
+        totalCommandsCompleted: 0,
+    },
+    matchUrls: [],
+    streamClientCompanyId: '',
+    streamViewId: 'default',
+    videoIntroSrc: null,
+    imageIntroSrc: null,
+    imageLoadingSrc: '',
+    analyticsEvent: null,
+};
+const unrealReducer = createReducer(initialState, on(changeLowBandwidth, (state, { lowBandwidth, stats }) => ({
+    ...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) => {
+    return {
+        ...state,
+        viewportReady: true,
+        statusMessage: null,
+        errorMessage: null,
+    };
+}), on(setViewportNotReady, (state) => {
+    return { ...state, viewportReady: false };
+}), 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(disconnectStream, (state, errorMessage) => {
+    if (state.dataChannelConnected ||
+        state.disconnectReason === DisconnectReason.Destroy) {
+        return state;
     }
-    /**
-     * Update the count-down spans number for the overlay
-     * @param countdown the count down number to be inserted into the span for updating
-     */
-    updateCountDown(countdown) {
-        this.dispatchMessage(String(countdown));
+    return {
+        ...state,
+        errorMessage,
+        statusMessage: null,
+        wasInitialized: true,
+    };
+}), on(setFreezeFrameFromVideo, (state, freezeFrameFromVideo) => {
+    return {
+        ...state,
+        freezeFrameFromVideo: {
+            dataUrl: freezeFrameFromVideo.dataUrl,
+            progress: freezeFrameFromVideo.progress || null,
+        },
+    };
+}), on(setStatusMessage, (state, { statusMessage }) => {
+    return { ...state, statusMessage };
+}), on(setEstablishingConnection, (state, { value }) => {
+    return { ...state, establishingConnection: value };
+}), on(setStatusPercentSignallingServer, (state, { percent }) => {
+    return { ...state, statusPercentSignallingServer: percent };
+}), on(dataChannelConnected, (state, { statusMessage }) => {
+    return {
+        ...state,
+        statusMessage,
+        dataChannelConnected: true,
+        establishingConnection: false,
+        wasInitialized: true,
+    };
+}), on(setConfig, startStream, (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_AFK_TIMEOUT },
+    };
+}), on(initSignalling, (state, { resetDisconnectionReason = true }) => {
+    return {
+        ...state,
+        disconnectReason: resetDisconnectionReason
+            ? DisconnectReason.None
+            : state.disconnectReason,
+    };
+}), on(destroyRemoteConnections, (state, { reason }) => {
+    if (state.disconnectReason === DisconnectReason.Destroy) {
+        return state;
     }
-    /**
-     * Update the text overlays inner text
-     * @param message the update text to be inserted into the overlay
-     */
-    dispatchMessage(message) {
-        sendSignal(UnrealInternalSignalEvents.ClickableOverlay, {
+    return { ...state, disconnectReason: reason };
+}), on(reconnectPeerSuccess, (state) => {
+    return { ...state, isReconnecting: false };
+}), on(setSignalingName, (state, { instanceName }) => {
+    return { ...state, awsInstance: { ...state.awsInstance, instanceName } };
+}), on(setOrchestrationParameters, (state, { instanceName, streamRequestId, eta }) => {
+    return {
+        ...state,
+        awsInstance: {
+            ...state.awsInstance,
+            message: undefined,
+            instanceName,
+            streamRequestId,
+            eta,
+        },
+    };
+}), on(setOrchestrationProgress, (state, { progressComplete }) => {
+    return {
+        ...state,
+        awsInstance: {
+            ...state.awsInstance,
+            progressComplete,
+        },
+    };
+}), on(setOrchestrationMessage, (state, { message }) => {
+    return {
+        ...state,
+        awsInstance: {
+            ...state.awsInstance,
             message,
-            isActivityDetected: true,
-            className: 'clickableState',
-            onOverlayClick: () => this.reset(),
-        });
-    }
-    clearTimers() {
-        clearInterval(this.countdownTimer);
-        clearTimeout(this.warnTimer);
-    }
-    stop() {
-        this.clearTimers();
-        this.hideOverlay();
-    }
-    reset() {
-        this.hideOverlay();
-        clearInterval(this.countdownTimer);
-        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;
-        this.store.dispatch(setAfkTimerVisible());
-        this.updateCountDown(this.countdown);
-        if (InputOptions.controlScheme === EControlSchemeType.LockedMouse) {
-            document.exitPointerLock();
+        },
+    };
+}), on(setLoopBackCommandIsCompleted, (state) => {
+    return { ...state, isFirstSuccessLoad: true };
+}), on(setAfkTimerVisible, (state) => {
+    return { ...state, isAfkTimerVisible: true };
+}), on(setAfkTimerHide, (state) => {
+    return { ...state, isAfkTimerVisible: false };
+}), on(setOrchestrationContext, (state, { urls, environmentId, streamRequestContext }) => {
+    return {
+        ...state,
+        matchUrls: urls,
+        environmentId,
+        streamRequestContext,
+    };
+}), 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(saveAnalyticsEvent, (state, { event }) => {
+    return { ...state, analyticsEvent: event };
+}), 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(setCirrusConnected, (state) => {
+    return { ...state, cirrusConnected: true };
+}), on(setCirrusDisconnected, (state) => {
+    return {
+        ...initialState,
+        establishingConnection: state.establishingConnection,
+        disconnectReason: state.disconnectReason,
+        wasInitialized: state.wasInitialized,
+        isFirstSuccessLoad: state.isFirstSuccessLoad,
+        matchUrls: state.matchUrls,
+        streamClientCompanyId: state.streamClientCompanyId,
+        streamViewId: state.streamViewId,
+        imageIntroSrc: state.imageIntroSrc,
+        videoIntroSrc: state.videoIntroSrc,
+        imageLoadingSrc: state.imageLoadingSrc,
+        environmentId: state.environmentId,
+        streamRequestContext: state.streamRequestContext,
+        streamConfig: state.streamConfig,
+    };
+}), on(dropConnection, (state) => {
+    return { ...state, establishingConnection: false };
+}), on(resetDataChannelForReconnect, (state) => {
+    return {
+        ...state,
+        isReconnecting: true,
+        dataChannelConnected: false,
+        viewportReady: false,
+        statusMessage: 'Reconnecting...',
+    };
+}), on(setUnrealPlaywrightConfig, (state) => {
+    return {
+        ...state,
+        wasInitialized: true,
+        isFirstSuccessLoad: true,
+        cirrusConnected: true,
+        viewportReady: true,
+        dataChannelConnected: true,
+        isVideoPlaying: true,
+    };
+}), on(destroyUnrealScene, () => {
+    return initialState;
+}));
+
+const unrealFeature = createFeature({
+    name: 'unrealFeature',
+    reducer: unrealReducer,
+});
+
+class SubService {
+    constructor() {
+        this.store = inject(Store);
+        this.disconnect$ = this.store
+            .select(unrealFeature.selectCirrusConnected)
+            .pipe(skip(1), filter(Falsy), share());
+    }
+}
+
+class AFKService extends SubService {
+    constructor() {
+        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_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 = this.store.selectSignal(selectWarnTimeout);
+        this.isViewportReady = this.store.selectSignal(unrealFeature.selectViewportReady);
+        this.init();
+    }
+    init() {
+        merge(this.store.select(selectWarnTimeout), fromSignal(UnrealInternalSignalEvents.RestAfkTimer))
+            .pipe(withLatestFrom(this.store.select(unrealFeature.selectViewportReady)), filter(([, viewportReady]) => viewportReady))
+            .subscribe(() => this.resetAfkWarningTimer());
+        this.store
+            .select(unrealFeature.selectViewportReady)
+            .pipe(distinctUntilChanged(), filter(Truthy))
+            .subscribe(() => this.startAfkWarningTimer());
+        this.disconnect$.subscribe(() => this.stop());
+    }
+    hideOverlay() {
+        sendSignal(UnrealInternalSignalEvents.ClickableOverlay);
+        this.store.dispatch(setAfkTimerHide());
+    }
+    /**
+     * Start a timer which when elapsed will warn the user they are inactive.
+     */
+    startAfkWarningTimer() {
+        this.active = this.enabled;
+        this.resetAfkWarningTimer();
+    }
+    /**
+     * If the user interacts, then reset the warning timer.
+     */
+    resetAfkWarningTimer() {
+        if (this.active) {
+            this.clearTimers();
+            this.warnTimer = setTimeout(() => {
+                this.showAfkOverlay();
+            }, this.selectWarnTimeout() * 1000);
+        }
+    }
+    /**
+     * Update the count-down spans number for the overlay
+     * @param countdown the count down number to be inserted into the span for updating
+     */
+    updateCountDown(countdown) {
+        this.dispatchMessage(String(countdown));
+    }
+    /**
+     * Update the text overlays inner text
+     * @param message the update text to be inserted into the overlay
+     */
+    dispatchMessage(message) {
+        sendSignal(UnrealInternalSignalEvents.ClickableOverlay, {
+            message,
+            isActivityDetected: true,
+            className: 'clickableState',
+            onOverlayClick: () => this.reset(),
+        });
+    }
+    clearTimers() {
+        clearInterval(this.countdownTimer);
+        clearTimeout(this.warnTimer);
+    }
+    stop() {
+        this.clearTimers();
+        this.hideOverlay();
+    }
+    reset() {
+        this.hideOverlay();
+        clearInterval(this.countdownTimer);
+        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;
+        this.store.dispatch(setAfkTimerVisible());
+        this.updateCountDown(this.countdown);
+        if (InputOptions.controlScheme === EControlSchemeType.LockedMouse) {
+            document.exitPointerLock();
         }
         this.countdownTimer = setInterval(() => {
             this.countdown--;
@@ -3809,398 +4069,60 @@ class FpsMonitorService {
         if (newTarget !== this.currentFpsTarget) {
             this.currentFpsTarget = newTarget;
             this.store.dispatch(setMaxFps({ maxFps: newTarget }));
-        }
-        this.lastDecisionTime = now;
-        this.samples = [];
-    }
-    /**
-     * Get the next FPS target based on current target and decision.
-     * Clamps to valid FPS_STEPS range.
-     */
-    getNextFpsTarget(currentTarget, decision) {
-        const currentIndex = this.FPS_STEPS.indexOf(currentTarget);
-        // If current target is not in FPS_STEPS, find closest one
-        const validIndex = currentIndex === -1
-            ? this.findClosestFpsIndex(currentTarget)
-            : currentIndex;
-        const delta = decision === 'increase' ? 1 : -1;
-        const newIndex = clampf(0, this.FPS_STEPS.length - 1, validIndex + delta);
-        return this.FPS_STEPS[newIndex];
-    }
-    /**
-     * Find the closest FPS step index for a given target value.
-     */
-    findClosestFpsIndex(target) {
-        let closestIndex = 0;
-        let closestDiff = Math.abs(this.FPS_STEPS[0] - target);
-        for (let i = 1; i < this.FPS_STEPS.length; i++) {
-            const diff = Math.abs(this.FPS_STEPS[i] - target);
-            if (diff < closestDiff) {
-                closestDiff = diff;
-                closestIndex = i;
-            }
-        }
-        return closestIndex;
-    }
-    /** Average all collected samples for the current evaluation window. */
-    averageSamples() {
-        const len = this.samples.length;
-        if (len === 0)
-            return { fps: 0, bitrate: 0, qp: 0 };
-        let fps = 0;
-        let bitrate = 0;
-        let qp = 0;
-        for (const s of this.samples) {
-            fps += s.fps;
-            bitrate += s.bitrate;
-            qp += s.qp;
-        }
-        return { fps: fps / len, bitrate: bitrate / len, qp: qp / len };
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FpsMonitorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FpsMonitorService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FpsMonitorService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [] });
-
-function provideAngularUnrealModule(config) {
-    return makeEnvironmentProviders([
-        provideState(unrealFeature),
-        provideEffects([UnrealEffects]),
-        ConsoleExtensionsService,
-        InputService,
-        VideoService,
-        WebRtcPlayerService,
-        RegionsPingService,
-        FileReceiverService,
-        FileHandlerService,
-        FpsMonitorService,
-        AnalyticsService,
-        {
-            provide: StreamStatusTelemetryService,
-            useClass: config?.playwright
-                ? StreamStatusTelemetryPlaywrightService
-                : StreamStatusTelemetryService,
-        },
-        {
-            provide: CommandTelemetryService,
-            useClass: config?.playwright
-                ? CommandTelemetryPlaywrightService
-                : CommandTelemetryService,
-        },
-        {
-            provide: AggregatorService,
-            useClass: config?.playwright
-                ? AggregatorPlaywrightService
-                : AggregatorService,
-        },
-        {
-            provide: FreezeFrameService,
-            useClass: config?.playwright
-                ? FreezeFramePlaywrightService
-                : FreezeFrameService,
-        },
-        {
-            provide: UnrealCommunicatorService,
-            useClass: config?.playwright
-                ? UnrealCommunicatorPlaywrightService
-                : UnrealCommunicatorService,
-        },
-        {
-            provide: AFKService,
-            useClass: config?.playwright ? AfkPlaywrightService : AFKService,
-        },
-        {
-            provide: SignallingService,
-            useClass: config?.playwright
-                ? SignallingPlaywrightService
-                : SignallingService,
-        },
-        {
-            provide: ConsoleExtensionsService,
-            useClass: config?.playwright
-                ? ConsoleExtensionsPlaywrightService
-                : ConsoleExtensionsService,
-        },
-        {
-            provide: FileReceiverService,
-            useClass: config?.playwright
-                ? FileReceiverPlaywrightService
-                : FileReceiverService,
-        },
-        provideEnvironmentInitializer(() => {
-            inject(AggregatorService);
-            inject(InputService);
-            inject(StreamStatusTelemetryService);
-            inject(ConsoleExtensionsService);
-            inject(AFKService);
-            inject(FreezeFrameService);
-            inject(AnalyticsService);
-            inject(FpsMonitorService);
-        }),
-    ]);
-}
-
-const initialState = {
-    streamRequestContext: null,
-    environmentId: null,
-    lowBandwidthStats: undefined,
-    wasInitialized: false,
-    isFirstSuccessLoad: false,
-    isAfkTimerVisible: false,
-    lowBandwidth: false,
-    cirrusConnected: false,
-    establishingConnection: false,
-    isReconnecting: 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,
-        progressComplete: 0,
-    },
-    streamConfig: {
-        autoStart: true,
-        warnTimeout: DEFAULT_AFK_TIMEOUT,
-    },
-    loaderCommands: {
-        commandsInProgress: [],
-        totalCommandsStarted: 0,
-        totalCommandsCompleted: 0,
-    },
-    matchUrls: [],
-    streamClientCompanyId: '',
-    streamViewId: 'default',
-    videoIntroSrc: null,
-    imageIntroSrc: null,
-    imageLoadingSrc: '',
-    analyticsEvent: null,
-};
-const unrealReducer = createReducer(initialState, on(changeLowBandwidth, (state, { lowBandwidth, stats }) => ({
-    ...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) => {
-    return {
-        ...state,
-        viewportReady: true,
-        statusMessage: null,
-        errorMessage: null,
-    };
-}), on(setViewportNotReady, (state) => {
-    return { ...state, viewportReady: false };
-}), 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(disconnectStream, (state, errorMessage) => {
-    if (state.dataChannelConnected ||
-        state.disconnectReason === DisconnectReason.Destroy) {
-        return state;
-    }
-    return {
-        ...state,
-        errorMessage,
-        statusMessage: null,
-        wasInitialized: true,
-    };
-}), on(setFreezeFrameFromVideo, (state, freezeFrameFromVideo) => {
-    return {
-        ...state,
-        freezeFrameFromVideo: {
-            dataUrl: freezeFrameFromVideo.dataUrl,
-            progress: freezeFrameFromVideo.progress || null,
-        },
-    };
-}), on(setStatusMessage, (state, { statusMessage }) => {
-    return { ...state, statusMessage };
-}), on(setEstablishingConnection, (state, { value }) => {
-    return { ...state, establishingConnection: value };
-}), on(setStatusPercentSignallingServer, (state, { percent }) => {
-    return { ...state, statusPercentSignallingServer: percent };
-}), on(dataChannelConnected, (state, { statusMessage }) => {
-    return {
-        ...state,
-        statusMessage,
-        dataChannelConnected: true,
-        establishingConnection: false,
-        wasInitialized: true,
-    };
-}), on(setConfig, startStream, (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_AFK_TIMEOUT },
-    };
-}), on(initSignalling, (state, { resetDisconnectionReason = true }) => {
-    return {
-        ...state,
-        disconnectReason: resetDisconnectionReason
-            ? DisconnectReason.None
-            : state.disconnectReason,
-    };
-}), on(destroyRemoteConnections, (state, { reason }) => {
-    if (state.disconnectReason === DisconnectReason.Destroy) {
-        return state;
+        }
+        this.lastDecisionTime = now;
+        this.samples = [];
     }
-    return { ...state, disconnectReason: reason };
-}), on(reconnectPeerSuccess, (state) => {
-    return { ...state, isReconnecting: false };
-}), on(setSignalingName, (state, { instanceName }) => {
-    return { ...state, awsInstance: { ...state.awsInstance, instanceName } };
-}), on(setOrchestrationParameters, (state, { instanceName, streamRequestId, eta }) => {
-    return {
-        ...state,
-        awsInstance: {
-            ...state.awsInstance,
-            message: undefined,
-            instanceName,
-            streamRequestId,
-            eta,
-        },
-    };
-}), on(setOrchestrationProgress, (state, { progressComplete }) => {
-    return {
-        ...state,
-        awsInstance: {
-            ...state.awsInstance,
-            progressComplete,
-        },
-    };
-}), on(setOrchestrationMessage, (state, { message }) => {
-    return {
-        ...state,
-        awsInstance: {
-            ...state.awsInstance,
-            message,
-        },
-    };
-}), on(setLoopBackCommandIsCompleted, (state) => {
-    return { ...state, isFirstSuccessLoad: true };
-}), on(setAfkTimerVisible, (state) => {
-    return { ...state, isAfkTimerVisible: true };
-}), on(setAfkTimerHide, (state) => {
-    return { ...state, isAfkTimerVisible: false };
-}), on(setOrchestrationContext, (state, { urls, environmentId, streamRequestContext }) => {
-    return {
-        ...state,
-        matchUrls: urls,
-        environmentId,
-        streamRequestContext,
-    };
-}), 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(saveAnalyticsEvent, (state, { event }) => {
-    return { ...state, analyticsEvent: event };
-}), 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(setCirrusConnected, (state) => {
-    return { ...state, cirrusConnected: true };
-}), on(setCirrusDisconnected, (state) => {
-    return {
-        ...initialState,
-        establishingConnection: state.establishingConnection,
-        disconnectReason: state.disconnectReason,
-        wasInitialized: state.wasInitialized,
-        isFirstSuccessLoad: state.isFirstSuccessLoad,
-        matchUrls: state.matchUrls,
-        streamClientCompanyId: state.streamClientCompanyId,
-        streamViewId: state.streamViewId,
-        imageIntroSrc: state.imageIntroSrc,
-        videoIntroSrc: state.videoIntroSrc,
-        imageLoadingSrc: state.imageLoadingSrc,
-        environmentId: state.environmentId,
-        streamRequestContext: state.streamRequestContext,
-        streamConfig: state.streamConfig,
-    };
-}), on(dropConnection, (state) => {
-    return { ...state, establishingConnection: false };
-}), on(resetDataChannelForReconnect, (state) => {
-    return {
-        ...state,
-        isReconnecting: true,
-        dataChannelConnected: false,
-        viewportReady: false,
-        statusMessage: 'Reconnecting...',
-    };
-}), on(setUnrealPlaywrightConfig, (state) => {
-    return {
-        ...state,
-        wasInitialized: true,
-        isFirstSuccessLoad: true,
-        cirrusConnected: true,
-        viewportReady: true,
-        dataChannelConnected: true,
-        isVideoPlaying: true,
-    };
-}), on(destroyUnrealScene, () => {
-    return initialState;
-}));
-
-const unrealFeature = createFeature({
-    name: 'unrealFeature',
-    reducer: unrealReducer,
-});
+    /**
+     * Get the next FPS target based on current target and decision.
+     * Clamps to valid FPS_STEPS range.
+     */
+    getNextFpsTarget(currentTarget, decision) {
+        const currentIndex = this.FPS_STEPS.indexOf(currentTarget);
+        // If current target is not in FPS_STEPS, find closest one
+        const validIndex = currentIndex === -1
+            ? this.findClosestFpsIndex(currentTarget)
+            : currentIndex;
+        const delta = decision === 'increase' ? 1 : -1;
+        const newIndex = clampf(0, this.FPS_STEPS.length - 1, validIndex + delta);
+        return this.FPS_STEPS[newIndex];
+    }
+    /**
+     * Find the closest FPS step index for a given target value.
+     */
+    findClosestFpsIndex(target) {
+        let closestIndex = 0;
+        let closestDiff = Math.abs(this.FPS_STEPS[0] - target);
+        for (let i = 1; i < this.FPS_STEPS.length; i++) {
+            const diff = Math.abs(this.FPS_STEPS[i] - target);
+            if (diff < closestDiff) {
+                closestDiff = diff;
+                closestIndex = i;
+            }
+        }
+        return closestIndex;
+    }
+    /** Average all collected samples for the current evaluation window. */
+    averageSamples() {
+        const len = this.samples.length;
+        if (len === 0)
+            return { fps: 0, bitrate: 0, qp: 0 };
+        let fps = 0;
+        let bitrate = 0;
+        let qp = 0;
+        for (const s of this.samples) {
+            fps += s.fps;
+            bitrate += s.bitrate;
+            qp += s.qp;
+        }
+        return { fps: fps / len, bitrate: bitrate / len, qp: qp / len };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FpsMonitorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FpsMonitorService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FpsMonitorService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
 
 class UnrealErrorModalComponent {
     constructor() {
@@ -4945,7 +4867,7 @@ class LatencyTimings {
     OnAllLatencyTimingsReady(_) { }
 }
 
-function mapQpToQuality(VideoEncoderQP) {
+const mapQpToQuality = (VideoEncoderQP) => {
     const orangeQP = 26;
     const redQP = 35;
     let quality = 'lime';
@@ -4956,17 +4878,17 @@ function mapQpToQuality(VideoEncoderQP) {
         quality = 'orange';
     }
     return quality;
-}
+};
 
 const removeExileCommands = (state, idToRemove) => {
-    const exileTimout = 10000;
+    const exileTimeout = 10000;
     const out = { ...state };
     out.commandsInProgress = out.commandsInProgress.filter(whereNot({ id: idToRemove }));
     out.totalCommandsCompleted++;
     const time = new Date().getTime();
     const markForDelete = [];
     Object.entries(out.commandsInProgress).forEach(([, { id, timeStamp }]) => {
-        if (time - timeStamp > exileTimout) {
+        if (time - timeStamp > exileTimeout) {
             markForDelete.push(id);
         }
     });
@@ -5915,6 +5837,84 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
             args: [{ selector: 'app-low-bandwidth-detector', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FilterSettingsComponent], template: "@if (isReducedQuality() || isLowBandwidth()) {\n  <div\n    [class.expanded]=\"isIndicatorExpanded() && isLowBandwidth()\"\n    class=\"lbm-indicator freeze-loader\"\n  >\n    <div (click)=\"toggleIndicator(true)\" class=\"lbm-icon\">\n      <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 20 20\">\n        <path\n          fill=\"#85888E\"\n          d=\"M7.189 3.605c-.73.145-1.438.35-2.126.614A14.412 14.412 0 0 0 .896 6.666a1.08 1.08 0 0 0-.375.844c0 .34.118.629.354.865s.524.36.865.375c.34.014.65-.09.927-.313a11.89 11.89 0 0 1 3.385-1.916 10.94 10.94 0 0 1 1.235-.375l-.098-2.541ZM7.385 8.708a9.107 9.107 0 0 0-2.906 1.48c-.264.194-.402.464-.416.812-.014.347.104.646.354.896.236.236.524.364.864.385.34.02.664-.073.97-.281.422-.29.878-.53 1.368-.721a2.545 2.545 0 0 1-.166-.814l-.068-1.757ZM12.386 11.267c.094-.25.15-.52.161-.802l.068-1.755a9.019 9.019 0 0 1 2.927 1.52c.264.193.4.46.406.801.007.34-.114.635-.364.885a1.213 1.213 0 0 1-.865.365A1.614 1.614 0 0 1 13.77 12a6.574 6.574 0 0 0-1.385-.733ZM12.713 6.146l.098-2.542c.73.146 1.438.351 2.127.615 1.541.59 2.93 1.406 4.166 2.447.25.223.379.5.386.834.007.333-.115.625-.365.875a1.253 1.253 0 0 1-.864.375c-.34.014-.65-.09-.927-.313a11.892 11.892 0 0 0-3.386-1.916 10.94 10.94 0 0 0-1.235-.375ZM8.813 16.187c.32.32.715.48 1.187.48.472 0 .868-.16 1.188-.48.32-.32.479-.715.479-1.187 0-.473-.16-.868-.48-1.188-.319-.32-.715-.479-1.187-.479-.472 0-.868.16-1.187.48-.32.319-.48.714-.48 1.187 0 .472.16.868.48 1.187Z\"\n        />\n        <path\n          fill=\"#fff\"\n          fill-rule=\"evenodd\"\n          d=\"M10 .833c-.91 0-1.637.756-1.602 1.665l.304 7.92a1.299 1.299 0 0 0 2.596 0l.305-7.92A1.604 1.604 0 0 0 10 .833ZM8.813 16.187c.32.32.715.48 1.187.48.472 0 .868-.16 1.188-.48.32-.32.479-.715.479-1.187 0-.473-.16-.868-.48-1.188-.319-.32-.715-.479-1.187-.479-.472 0-.868.16-1.187.48-.32.319-.48.714-.48 1.187 0 .472.16.868.48 1.187Z\"\n          clip-rule=\"evenodd\"\n        />\n      </svg>\n    </div>\n\n    <div\n      [class.lbm-message--open]=\"isLowBandwidth() && isIndicatorExpanded()\"\n      class=\"lbm-message\"\n    >\n      <p class=\"lbm-description\">\n        Fluid Interactivity Modes were disabled due to an unstable connection.\n\n        <button\n          (click)=\"openLBMDialog()\"\n          [attr.data-testid]=\"'learn-more-lbm'\"\n          type=\"button\"\n          class=\"lbm-learn-more\"\n        >\n          Learn more\n        </button>\n      </p>\n      <button\n        (click)=\"toggleIndicator(false)\"\n        [attr.data-testid]=\"'close-lbm-indicator'\"\n        type=\"button\"\n        class=\"lbm-close\"\n      >\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"20\"\n          height=\"20\"\n          viewBox=\"0 0 20 20\"\n          fill=\"none\"\n        >\n          <path\n            d=\"M10.0001 11.2289L6.68618 14.5428C6.51951 14.7095 6.31818 14.7895 6.08218 14.7828C5.84618 14.7755 5.64485 14.6885 5.47818 14.5218C5.31151 14.3552 5.22818 14.1505 5.22818 13.9078C5.22818 13.6645 5.31151 13.4595 5.47818 13.2928L8.77107 9.99992L5.45718 6.68603C5.29051 6.51936 5.21051 6.3147 5.21718 6.07203C5.22451 5.8287 5.31151 5.6237 5.47818 5.45703C5.64485 5.29036 5.84951 5.20703 6.09218 5.20703C6.33551 5.20703 6.54051 5.29036 6.70718 5.45703L10.0001 8.77092L13.314 5.45703C13.4806 5.29036 13.6853 5.20703 13.928 5.20703C14.1713 5.20703 14.3763 5.29036 14.543 5.45703C14.7096 5.6237 14.793 5.8287 14.793 6.07203C14.793 6.3147 14.7096 6.51936 14.543 6.68603L11.2291 9.99992L14.543 13.3138C14.7096 13.4805 14.793 13.6818 14.793 13.9178C14.793 14.1538 14.7096 14.3552 14.543 14.5218C14.3763 14.6885 14.1713 14.7718 13.928 14.7718C13.6853 14.7718 13.4806 14.6885 13.314 14.5218L10.0001 11.2289Z\"\n            fill=\"white\"\n          />\n        </svg>\n      </button>\n    </div>\n  </div>\n}\n\n@if (isDevMode) {\n  <app-filter-settings />\n}\n", styles: [".freeze-loader,.lbm-indicator{--lbmPositionTop: 18px;--lbmPositionLeft: 18px;--lbmPositionRight: 18px;--lbmIndicatorSize: 36px;--lbmIndicatorBorderRadius: 8px;--lbmIndicatorCloseSize: 20px;--lbmPadding: 10px;--lbmTextSize: 13px;--lbmLineHeight: 20px;--lbmTextColor: #ffffff;--lbmBackgroundColor: rgba(17, 24, 39, .7);position:absolute;top:var(--lbmPositionTop);left:var(--lbmPositionLeft);z-index:10;display:flex;justify-content:center;align-items:flex-start;min-width:var(--lbmIndicatorSize);min-height:var(--lbmIndicatorSize);overflow:hidden}.freeze-loader.expanded,.lbm-indicator.expanded{--lbmPositionTop: 8px;--lbmPositionLeft: 8px;--lbmPositionRight: 8px;width:auto;max-width:calc(100% - var(--lbmPositionLeft) - var(--lbmPositionRight));padding:var(--lbmPadding);background:var(--lbmBackgroundColor);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--lbmIndicatorBorderRadius);gap:12px}.freeze-loader .lbm-icon,.lbm-indicator .lbm-icon{display:flex;width:var(--lbmIndicatorSize);height:var(--lbmIndicatorSize);padding:8px;color:#fff;background-color:var(--lbmBackgroundColor);border-radius:50%;flex-shrink:0;cursor:pointer}.freeze-loader .lbm-icon svg,.freeze-loader .lbm-icon img,.lbm-indicator .lbm-icon svg,.lbm-indicator .lbm-icon img{width:100%;height:100%}.freeze-loader .lbm-close,.lbm-indicator .lbm-close{position:absolute;top:0;right:0;width:var(--lbmIndicatorCloseSize);height:var(--lbmIndicatorCloseSize);background-color:transparent;border:none;padding:0;cursor:pointer}.freeze-loader .lbm-message,.lbm-indicator .lbm-message{position:relative;opacity:0;height:0;max-width:0;padding-right:24px;pointer-events:none;visibility:hidden;animation:closeMessage .3s forwards}.freeze-loader .lbm-message--open,.lbm-indicator .lbm-message--open{position:relative;visibility:visible;display:flex;align-items:center;align-self:center;pointer-events:all;gap:12px;max-width:fit-content;height:auto;opacity:1;animation:openMessage .3s forwards}.freeze-loader .lbm-description,.lbm-indicator .lbm-description{margin:0;font-size:var(--lbmTextSize);font-weight:400;line-height:var(--lbmLineHeight);color:var(--lbmTextColor)}.freeze-loader .lbm-learn-more,.lbm-indicator .lbm-learn-more{display:inline-flex;padding:0;font-size:var(--lbmTextSize);font-weight:400;line-height:var(--lbmLineHeight);color:var(--lbmTextColor);-webkit-text-decoration-line:underline;text-decoration-line:underline;background-color:transparent;border:none;cursor:pointer}.freeze-loader .lbm-learn-more:hover,.lbm-indicator .lbm-learn-more:hover{text-decoration:none}@keyframes openMessage{0%{opacity:0;max-width:0;height:0}10%{height:auto;max-width:fit-content}to{opacity:1;height:auto;max-width:fit-content}}@keyframes closeMessage{0%{opacity:1;max-width:fit-content}to{opacity:0;max-width:0}}\n"] }]
         }] });
 
+function provideAngularUnrealModule(config) {
+    return makeEnvironmentProviders([
+        provideState(unrealFeature),
+        provideEffects([UnrealEffects]),
+        ConsoleExtensionsService,
+        InputService,
+        VideoService,
+        WebRtcPlayerService,
+        RegionsPingService,
+        FileReceiverService,
+        FileHandlerService,
+        FpsMonitorService,
+        AnalyticsService,
+        {
+            provide: StreamStatusTelemetryService,
+            useClass: config?.playwright
+                ? StreamStatusTelemetryPlaywrightService
+                : StreamStatusTelemetryService,
+        },
+        {
+            provide: CommandTelemetryService,
+            useClass: config?.playwright
+                ? CommandTelemetryPlaywrightService
+                : CommandTelemetryService,
+        },
+        {
+            provide: AggregatorService,
+            useClass: config?.playwright
+                ? AggregatorPlaywrightService
+                : AggregatorService,
+        },
+        {
+            provide: FreezeFrameService,
+            useClass: config?.playwright
+                ? FreezeFramePlaywrightService
+                : FreezeFrameService,
+        },
+        {
+            provide: UnrealCommunicatorService,
+            useClass: config?.playwright
+                ? UnrealCommunicatorPlaywrightService
+                : UnrealCommunicatorService,
+        },
+        {
+            provide: AFKService,
+            useClass: config?.playwright ? AfkPlaywrightService : AFKService,
+        },
+        {
+            provide: SignallingService,
+            useClass: config?.playwright
+                ? SignallingPlaywrightService
+                : SignallingService,
+        },
+        {
+            provide: ConsoleExtensionsService,
+            useClass: config?.playwright
+                ? ConsoleExtensionsPlaywrightService
+                : ConsoleExtensionsService,
+        },
+        {
+            provide: FileReceiverService,
+            useClass: config?.playwright
+                ? FileReceiverPlaywrightService
+                : FileReceiverService,
+        },
+        provideEnvironmentInitializer(() => {
+            inject(AggregatorService);
+            inject(InputService);
+            inject(StreamStatusTelemetryService);
+            inject(ConsoleExtensionsService);
+            inject(AFKService);
+            inject(FreezeFrameService);
+            inject(AnalyticsService);
+            inject(FpsMonitorService);
+        }),
+    ]);
+}
+
 /**
  * Generated bundle index. Do not edit.
  */