@3dsource/angular-unreal-module 0.0.196 → 0.0.199

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

@@ -34,7 +34,7 @@ var UnrealButtonComponent = class UnrealButtonComponent {
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: UnrealButtonComponent,
 			deps: [],
@@ -44,7 +44,7 @@ var UnrealButtonComponent = class UnrealButtonComponent {
 	static {
 		this.ɵcmp = i0.ɵɵngDeclareComponent({
 			minVersion: "17.1.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			type: UnrealButtonComponent,
 			isStandalone: true,
 			selector: "app-unreal-button",
@@ -109,7 +109,7 @@ var UnrealButtonComponent = class UnrealButtonComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.1",
+	version: "22.2.3",
 	ngImport: i0,
 	type: UnrealButtonComponent,
 	decorators: [{
@@ -1427,7 +1427,7 @@ var WebrtcErrorModalComponent = class WebrtcErrorModalComponent {
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: WebrtcErrorModalComponent,
 			deps: [],
@@ -1437,7 +1437,7 @@ var WebrtcErrorModalComponent = class WebrtcErrorModalComponent {
 	static {
 		this.ɵcmp = i0.ɵɵngDeclareComponent({
 			minVersion: "14.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			type: WebrtcErrorModalComponent,
 			isStandalone: true,
 			selector: "app-webrtc-error-modal",
@@ -1465,7 +1465,7 @@ var WebrtcErrorModalComponent = class WebrtcErrorModalComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.1",
+	version: "22.2.3",
 	ngImport: i0,
 	type: WebrtcErrorModalComponent,
 	decorators: [{
@@ -1494,7 +1494,7 @@ var DevModeService = class DevModeService {
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: DevModeService,
 			deps: [],
@@ -1504,7 +1504,7 @@ var DevModeService = class DevModeService {
 	static {
 		this.ɵprov = i0.ɵɵngDeclareInjectable({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: DevModeService,
 			providedIn: "root"
@@ -1513,7 +1513,7 @@ var DevModeService = class DevModeService {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.1",
+	version: "22.2.3",
 	ngImport: i0,
 	type: DevModeService,
 	decorators: [{
@@ -1687,7 +1687,7 @@ var RegionsPingService = class RegionsPingService {
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: RegionsPingService,
 			deps: [],
@@ -1697,7 +1697,7 @@ var RegionsPingService = class RegionsPingService {
 	static {
 		this.ɵprov = i0.ɵɵngDeclareInjectable({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: RegionsPingService,
 			providedIn: "root"
@@ -1706,7 +1706,7 @@ var RegionsPingService = class RegionsPingService {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.1",
+	version: "22.2.3",
 	ngImport: i0,
 	type: RegionsPingService,
 	decorators: [{
@@ -2133,7 +2133,7 @@ var SignallingService = class SignallingService extends SubService {
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: SignallingService,
 			deps: [],
@@ -2143,7 +2143,7 @@ var SignallingService = class SignallingService extends SubService {
 	static {
 		this.ɵprov = i0.ɵɵngDeclareInjectable({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: SignallingService,
 			providedIn: "root"
@@ -2152,7 +2152,7 @@ var SignallingService = class SignallingService extends SubService {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.1",
+	version: "22.2.3",
 	ngImport: i0,
 	type: SignallingService,
 	decorators: [{
@@ -2214,10 +2214,16 @@ function iceSnapshot(stats) {
 	};
 }
 var VideoService = class VideoService extends SubService {
+	get video() {
+		return this.video$.value;
+	}
+	set video(video) {
+		this.video$.next(video);
+	}
 	constructor() {
 		super();
 		this.isVideoPlaying = this.store.selectSignal(unrealFeature.selectIsVideoPlaying);
-		this.video = null;
+		this.video$ = new BehaviorSubject(null);
 		this.audio = null;
 		this.container = null;
 		this.latencyTestTimings = new LatencyTimings();
@@ -2454,7 +2460,7 @@ var VideoService = class VideoService extends SubService {
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: VideoService,
 			deps: [],
@@ -2464,7 +2470,7 @@ var VideoService = class VideoService extends SubService {
 	static {
 		this.ɵprov = i0.ɵɵngDeclareInjectable({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: VideoService,
 			providedIn: "root"
@@ -2473,7 +2479,7 @@ var VideoService = class VideoService extends SubService {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.1",
+	version: "22.2.3",
 	ngImport: i0,
 	type: VideoService,
 	decorators: [{
@@ -2568,7 +2574,7 @@ var WebRtcPlayerService = class WebRtcPlayerService extends SubService {
 			const pc = this.pcClient;
 			if (!pc) return;
 			await this.setupTransceiversAsync(pc);
-			this.dcClient = this.createDataChannel(pc, "UnrealDcConnection", { ordered: true });
+			this.createDataChannel(pc, "UnrealDcConnection", { ordered: true });
 			await this.createOffer(pc);
 		} catch (e) {
 			Logger.error("Failed to create WebRTC offer", e);
@@ -2581,15 +2587,17 @@ var WebRtcPlayerService = class WebRtcPlayerService extends SubService {
 	setupPeerConnection(config) {
 		this.closePC();
 		Logger.log("Creating new RTCPeerConnection with config");
-		this.pcClient = new RTCPeerConnection(config);
-		this.handlePeerConnectionEvents(this.pcClient);
+		this.ownPeerConnection(new RTCPeerConnection(config));
+	}
+	ownPeerConnection(pc) {
+		this.pcClient = pc;
+		this.handlePeerConnectionEvents(pc);
 		this.disconnect$.pipe(take(1), takeUntil$1(this.destroy$)).subscribe(() => {
 			this.closePC();
 		});
 	}
 	createDataChannel(pc, label, options) {
-		const datachannel = pc.createDataChannel(label, options);
-		return this.setupDataChannelCallbacks(datachannel);
+		this.ownDataChannel(pc.createDataChannel(label, options));
 	}
 	handleCandidateFromServer(iceCandidate) {
 		try {
@@ -2709,23 +2717,19 @@ var WebRtcPlayerService = class WebRtcPlayerService extends SubService {
 		return true;
 	}
 	adopt(pc, dc, stream, config, dcBuffer) {
-		this.closePC();
-		this.pcClient = pc;
 		this.cfg = config ?? {};
-		this.remoteDescriptionSet = true;
+		this.videoService.create();
 		pc.onicecandidate = null;
 		pc.ondatachannel = null;
 		pc.ontrack = null;
-		this.handlePeerConnectionEvents(pc);
-		this.disconnect$.pipe(take(1), takeUntil$1(this.destroy$)).subscribe(() => this.closePC());
+		this.closePC();
+		this.ownPeerConnection(pc);
+		this.remoteDescriptionSet = true;
+		this.videoService.attachVideoStream(stream, pc);
 		dc.onmessage = null;
 		dc.onopen = null;
 		dc.onclose = null;
-		this.dcClient = this.setupDataChannelCallbacks(dc);
-		for (const buffered of dcBuffer) this.onDataChannelMessage$.next(buffered);
-		this.onDataChannelConnected();
-		this.videoService.create();
-		this.videoService.attachVideoStream(stream, pc);
+		this.ownDataChannel(dc, dcBuffer);
 	}
 	setConfig(parOptions = {}) {
 		const urlParams = new URLSearchParams(window.location.search);
@@ -2778,9 +2782,7 @@ var WebRtcPlayerService = class WebRtcPlayerService extends SubService {
 			type: "iceCandidate",
 			candidate
 		}));
-		fromEvent(pcClient, "datachannel").pipe(tap((e) => Logger.info(`[DATACHANNEL] Received remote DC: label="${e.channel.label}" id=${e.channel.id} protocol="${e.channel.protocol}" ordered=${e.channel.ordered}`)), map$1((e) => e.channel), takeUntil$1(merge(this.disconnect$, this.destroy$))).subscribe((datachannel) => {
-			this.dcClient = this.setupDataChannelCallbacks(datachannel);
-		});
+		fromEvent(pcClient, "datachannel").pipe(tap((e) => Logger.info(`[DATACHANNEL] Received remote DC: label="${e.channel.label}" id=${e.channel.id} protocol="${e.channel.protocol}" ordered=${e.channel.ordered}`)), map$1((e) => e.channel), takeUntil$1(merge(this.disconnect$, this.destroy$))).subscribe((datachannel) => this.ownDataChannel(datachannel));
 		const onTrack$ = fromEvent(pcClient, "track").pipe(takeUntil$1(merge(this.disconnect$, this.destroy$)), filter$1((e) => !!e.track), tap((e) => Logger.info("Got track - " + e.track.kind + " id=" + e.track.id + " readyState=" + e.track.readyState)), share());
 		onTrack$.pipe(filter$1((e) => e.track.kind === "audio"), map$1((e) => e.streams[0])).subscribe((stream) => this.videoService.attachAudioStream(stream));
 		onTrack$.pipe(filter$1((e) => e.track.kind === "video"), map$1((e) => e.streams[0]), tap(() => Logger.info("Set video source from video track ontrack."))).subscribe((stream) => {
@@ -2818,7 +2820,8 @@ var WebRtcPlayerService = class WebRtcPlayerService extends SubService {
 			} else pc.addTransceiver("audio", { direction: "recvonly" });
 		}
 	}
-	setupDataChannelCallbacks(datachannel) {
+	ownDataChannel(datachannel, replay = []) {
+		this.dcClient = datachannel;
 		try {
 			Logger.log(`[DATACHANNEL] Setting up datachannel "${datachannel.label}" callbacks...`);
 			datachannel.binaryType = "arraybuffer";
@@ -2833,14 +2836,14 @@ var WebRtcPlayerService = class WebRtcPlayerService extends SubService {
 				const message = `[DATACHANNEL] Data channel "${datachannel.label}" error. id:${datachannel.id}`;
 				Logger.error(message, e);
 			});
-			fromEvent(datachannel, "open").pipe(tap(() => {
-				Logger.info(`[DATACHANNEL] Data channel "${datachannel.label}" connected. id:${datachannel.id}`);
-			}), takeUntil$1(merge(this.disconnect$, this.destroy$))).subscribe(() => this.onDataChannelConnected());
 			fromEvent(datachannel, "message").pipe(map$1((e) => e.data), takeUntil$1(merge(this.disconnect$, this.destroy$))).subscribe((data) => this.onDataChannelMessage$.next(data));
-			return datachannel;
+			for (const buffered of replay) this.onDataChannelMessage$.next(buffered);
+			(datachannel.readyState === "open" ? of(null) : fromEvent(datachannel, "open").pipe(take(1))).pipe(tap(() => {
+				Logger.info(`[DATACHANNEL] Data channel "${datachannel.label}" connected. id:${datachannel.id}`);
+			}), switchMap$1(() => this.videoService.video$.pipe(filter$1(Truthy), take(1))), takeUntil$1(merge(this.disconnect$, this.destroy$))).subscribe(() => this.onDataChannelConnected());
 		} catch (e) {
 			Logger.warn("[DATACHANNEL] Datachannel setup caused an exception: ", e);
-			return null;
+			this.dcClient = null;
 		}
 	}
 	onDataChannelConnected() {
@@ -2872,7 +2875,7 @@ var WebRtcPlayerService = class WebRtcPlayerService extends SubService {
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: WebRtcPlayerService,
 			deps: [],
@@ -2882,7 +2885,7 @@ var WebRtcPlayerService = class WebRtcPlayerService extends SubService {
 	static {
 		this.ɵprov = i0.ɵɵngDeclareInjectable({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: WebRtcPlayerService,
 			providedIn: "root"
@@ -2891,7 +2894,7 @@ var WebRtcPlayerService = class WebRtcPlayerService extends SubService {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.1",
+	version: "22.2.3",
 	ngImport: i0,
 	type: WebRtcPlayerService,
 	decorators: [{
@@ -2990,7 +2993,7 @@ var StreamAdoptionService = class StreamAdoptionService {
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: StreamAdoptionService,
 			deps: [],
@@ -3000,7 +3003,7 @@ var StreamAdoptionService = class StreamAdoptionService {
 	static {
 		this.ɵprov = i0.ɵɵngDeclareInjectable({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: StreamAdoptionService,
 			providedIn: "root"
@@ -3009,7 +3012,7 @@ var StreamAdoptionService = class StreamAdoptionService {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.1",
+	version: "22.2.3",
 	ngImport: i0,
 	type: StreamAdoptionService,
 	decorators: [{
@@ -3041,7 +3044,7 @@ var UnrealCallbackService = class UnrealCallbackService {
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: UnrealCallbackService,
 			deps: [],
@@ -3051,7 +3054,7 @@ var UnrealCallbackService = class UnrealCallbackService {
 	static {
 		this.ɵprov = i0.ɵɵngDeclareInjectable({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: UnrealCallbackService,
 			providedIn: "root"
@@ -3060,7 +3063,7 @@ var UnrealCallbackService = class UnrealCallbackService {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.1",
+	version: "22.2.3",
 	ngImport: i0,
 	type: UnrealCallbackService,
 	decorators: [{
@@ -3163,7 +3166,7 @@ var UnrealCommunicatorService = class UnrealCommunicatorService extends SubServi
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: UnrealCommunicatorService,
 			deps: [],
@@ -3173,7 +3176,7 @@ var UnrealCommunicatorService = class UnrealCommunicatorService extends SubServi
 	static {
 		this.ɵprov = i0.ɵɵngDeclareInjectable({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: UnrealCommunicatorService,
 			providedIn: "root"
@@ -3182,7 +3185,7 @@ var UnrealCommunicatorService = class UnrealCommunicatorService extends SubServi
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.1",
+	version: "22.2.3",
 	ngImport: i0,
 	type: UnrealCommunicatorService,
 	decorators: [{
@@ -3203,7 +3206,7 @@ var UnrealErrorModalComponent = class UnrealErrorModalComponent {
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: UnrealErrorModalComponent,
 			deps: [],
@@ -3213,7 +3216,7 @@ var UnrealErrorModalComponent = class UnrealErrorModalComponent {
 	static {
 		this.ɵcmp = i0.ɵɵngDeclareComponent({
 			minVersion: "14.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			type: UnrealErrorModalComponent,
 			isStandalone: true,
 			selector: "app-unreal-error-modal",
@@ -3241,7 +3244,7 @@ var UnrealErrorModalComponent = class UnrealErrorModalComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.1",
+	version: "22.2.3",
 	ngImport: i0,
 	type: UnrealErrorModalComponent,
 	decorators: [{
@@ -3479,7 +3482,7 @@ var UnrealEffects = class UnrealEffects {
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: UnrealEffects,
 			deps: [],
@@ -3489,7 +3492,7 @@ var UnrealEffects = class UnrealEffects {
 	static {
 		this.ɵprov = i0.ɵɵngDeclareInjectable({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: UnrealEffects
 		});
@@ -3497,7 +3500,7 @@ var UnrealEffects = class UnrealEffects {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.1",
+	version: "22.2.3",
 	ngImport: i0,
 	type: UnrealEffects,
 	decorators: [{ type: Injectable }]
@@ -3812,7 +3815,7 @@ var AFKService = class AFKService extends SubService {
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: AFKService,
 			deps: [],
@@ -3822,7 +3825,7 @@ var AFKService = class AFKService extends SubService {
 	static {
 		this.ɵprov = i0.ɵɵngDeclareInjectable({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: AFKService,
 			providedIn: "root"
@@ -3831,7 +3834,7 @@ var AFKService = class AFKService extends SubService {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.1",
+	version: "22.2.3",
 	ngImport: i0,
 	type: AFKService,
 	decorators: [{
@@ -3860,7 +3863,7 @@ var LoadingProgressService = class LoadingProgressService {
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: LoadingProgressService,
 			deps: [],
@@ -3870,7 +3873,7 @@ var LoadingProgressService = class LoadingProgressService {
 	static {
 		this.ɵprov = i0.ɵɵngDeclareInjectable({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: LoadingProgressService,
 			providedIn: "root"
@@ -3879,7 +3882,7 @@ var LoadingProgressService = class LoadingProgressService {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.1",
+	version: "22.2.3",
 	ngImport: i0,
 	type: LoadingProgressService,
 	decorators: [{
@@ -3962,7 +3965,7 @@ var FreezeFrameService = class FreezeFrameService extends SubService {
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: FreezeFrameService,
 			deps: [],
@@ -3972,7 +3975,7 @@ var FreezeFrameService = class FreezeFrameService extends SubService {
 	static {
 		this.ɵprov = i0.ɵɵngDeclareInjectable({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: FreezeFrameService,
 			providedIn: "root"
@@ -3981,7 +3984,7 @@ var FreezeFrameService = class FreezeFrameService extends SubService {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.1",
+	version: "22.2.3",
 	ngImport: i0,
 	type: FreezeFrameService,
 	decorators: [{
@@ -4074,7 +4077,7 @@ var FileReceiverService = class FileReceiverService extends SubService {
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: FileReceiverService,
 			deps: [],
@@ -4084,7 +4087,7 @@ var FileReceiverService = class FileReceiverService extends SubService {
 	static {
 		this.ɵprov = i0.ɵɵngDeclareInjectable({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: FileReceiverService,
 			providedIn: "root"
@@ -4093,7 +4096,7 @@ var FileReceiverService = class FileReceiverService extends SubService {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.1",
+	version: "22.2.3",
 	ngImport: i0,
 	type: FileReceiverService,
 	decorators: [{
@@ -4239,7 +4242,7 @@ var AggregatorService = class AggregatorService extends SubService {
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: AggregatorService,
 			deps: [],
@@ -4249,7 +4252,7 @@ var AggregatorService = class AggregatorService extends SubService {
 	static {
 		this.ɵprov = i0.ɵɵngDeclareInjectable({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: AggregatorService,
 			providedIn: "root"
@@ -4258,7 +4261,7 @@ var AggregatorService = class AggregatorService extends SubService {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.1",
+	version: "22.2.3",
 	ngImport: i0,
 	type: AggregatorService,
 	decorators: [{
@@ -4316,7 +4319,10 @@ var ConsoleExtensionsService = class ConsoleExtensionsService extends SubService
 			};
 			this.#commandsSender.sendCommandToUnreal({
 				command: MetaBoxCommand.FChangeResolutionCommand,
-				payload: { resolution }
+				payload: {
+					resolution,
+					payloadVersion: this.unrealConfig?.disableFovRecalculation ? EPayloadVersion.disableFovRecalculation : void 0
+				}
 			});
 			return `Resolution set to ${resolution.x}x${resolution.y}`;
 		};
@@ -4420,7 +4426,7 @@ var ConsoleExtensionsService = class ConsoleExtensionsService extends SubService
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: ConsoleExtensionsService,
 			deps: [],
@@ -4430,7 +4436,7 @@ var ConsoleExtensionsService = class ConsoleExtensionsService extends SubService
 	static {
 		this.ɵprov = i0.ɵɵngDeclareInjectable({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: ConsoleExtensionsService,
 			providedIn: "root"
@@ -4439,7 +4445,7 @@ var ConsoleExtensionsService = class ConsoleExtensionsService extends SubService
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.1",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ConsoleExtensionsService,
 	decorators: [{
@@ -4890,7 +4896,7 @@ var InputService = class InputService extends SubService {
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: InputService,
 			deps: [],
@@ -4900,7 +4906,7 @@ var InputService = class InputService extends SubService {
 	static {
 		this.ɵprov = i0.ɵɵngDeclareInjectable({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: InputService,
 			providedIn: "root"
@@ -4909,7 +4915,7 @@ var InputService = class InputService extends SubService {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.1",
+	version: "22.2.3",
 	ngImport: i0,
 	type: InputService,
 	decorators: [{
@@ -4974,7 +4980,7 @@ var StreamStatusTelemetryService = class StreamStatusTelemetryService extends Su
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: StreamStatusTelemetryService,
 			deps: [],
@@ -4984,7 +4990,7 @@ var StreamStatusTelemetryService = class StreamStatusTelemetryService extends Su
 	static {
 		this.ɵprov = i0.ɵɵngDeclareInjectable({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: StreamStatusTelemetryService,
 			providedIn: "root"
@@ -4993,7 +4999,7 @@ var StreamStatusTelemetryService = class StreamStatusTelemetryService extends Su
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.1",
+	version: "22.2.3",
 	ngImport: i0,
 	type: StreamStatusTelemetryService,
 	decorators: [{
@@ -5848,7 +5854,7 @@ var StreamStatusTelemetryService2 = class StreamStatusTelemetryService2 {
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: StreamStatusTelemetryService2,
 			deps: [],
@@ -5858,7 +5864,7 @@ var StreamStatusTelemetryService2 = class StreamStatusTelemetryService2 {
 	static {
 		this.ɵprov = i0.ɵɵngDeclareInjectable({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: StreamStatusTelemetryService2,
 			providedIn: "root"
@@ -5867,7 +5873,7 @@ var StreamStatusTelemetryService2 = class StreamStatusTelemetryService2 {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.1",
+	version: "22.2.3",
 	ngImport: i0,
 	type: StreamStatusTelemetryService2,
 	decorators: [{
@@ -5970,7 +5976,7 @@ var FileHandlerService = class FileHandlerService {
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: FileHandlerService,
 			deps: [],
@@ -5980,7 +5986,7 @@ var FileHandlerService = class FileHandlerService {
 	static {
 		this.ɵprov = i0.ɵɵngDeclareInjectable({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: FileHandlerService,
 			providedIn: "root"
@@ -5989,7 +5995,7 @@ var FileHandlerService = class FileHandlerService {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.1",
+	version: "22.2.3",
 	ngImport: i0,
 	type: FileHandlerService,
 	decorators: [{
@@ -6065,7 +6071,7 @@ var AnalyticsService = class AnalyticsService extends SubService {
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: AnalyticsService,
 			deps: [],
@@ -6075,7 +6081,7 @@ var AnalyticsService = class AnalyticsService extends SubService {
 	static {
 		this.ɵprov = i0.ɵɵngDeclareInjectable({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: AnalyticsService,
 			providedIn: "root"
@@ -6084,7 +6090,7 @@ var AnalyticsService = class AnalyticsService extends SubService {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.1",
+	version: "22.2.3",
 	ngImport: i0,
 	type: AnalyticsService,
 	decorators: [{
@@ -6250,7 +6256,7 @@ var FpsMonitorService = class FpsMonitorService extends SubService {
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: FpsMonitorService,
 			deps: [],
@@ -6260,7 +6266,7 @@ var FpsMonitorService = class FpsMonitorService extends SubService {
 	static {
 		this.ɵprov = i0.ɵɵngDeclareInjectable({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: FpsMonitorService,
 			providedIn: "root"
@@ -6269,7 +6275,7 @@ var FpsMonitorService = class FpsMonitorService extends SubService {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.1",
+	version: "22.2.3",
 	ngImport: i0,
 	type: FpsMonitorService,
 	decorators: [{
@@ -6304,7 +6310,7 @@ var AfkTimeoutModalComponent = class AfkTimeoutModalComponent {
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: AfkTimeoutModalComponent,
 			deps: [],
@@ -6314,7 +6320,7 @@ var AfkTimeoutModalComponent = class AfkTimeoutModalComponent {
 	static {
 		this.ɵcmp = i0.ɵɵngDeclareComponent({
 			minVersion: "17.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			type: AfkTimeoutModalComponent,
 			isStandalone: true,
 			selector: "app-afk-timeout-modal",
@@ -6367,7 +6373,7 @@ var AfkTimeoutModalComponent = class AfkTimeoutModalComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.1",
+	version: "22.2.3",
 	ngImport: i0,
 	type: AfkTimeoutModalComponent,
 	decorators: [{
@@ -6409,7 +6415,7 @@ var FreezeFrameComponent = class FreezeFrameComponent {
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: FreezeFrameComponent,
 			deps: [],
@@ -6419,7 +6425,7 @@ var FreezeFrameComponent = class FreezeFrameComponent {
 	static {
 		this.ɵcmp = i0.ɵɵngDeclareComponent({
 			minVersion: "17.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			type: FreezeFrameComponent,
 			isStandalone: true,
 			selector: "app-freeze-frame",
@@ -6432,7 +6438,7 @@ var FreezeFrameComponent = class FreezeFrameComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.1",
+	version: "22.2.3",
 	ngImport: i0,
 	type: FreezeFrameComponent,
 	decorators: [{
@@ -6458,7 +6464,7 @@ var ImageLoadingSrcComponent = class ImageLoadingSrcComponent {
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: ImageLoadingSrcComponent,
 			deps: [],
@@ -6468,7 +6474,7 @@ var ImageLoadingSrcComponent = class ImageLoadingSrcComponent {
 	static {
 		this.ɵcmp = i0.ɵɵngDeclareComponent({
 			minVersion: "17.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			type: ImageLoadingSrcComponent,
 			isStandalone: true,
 			selector: "app-image-loading-src",
@@ -6503,7 +6509,7 @@ var ImageLoadingSrcComponent = class ImageLoadingSrcComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.1",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ImageLoadingSrcComponent,
 	decorators: [{
@@ -6581,7 +6587,7 @@ var StatGraphComponent = class StatGraphComponent {
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: StatGraphComponent,
 			deps: [],
@@ -6591,7 +6597,7 @@ var StatGraphComponent = class StatGraphComponent {
 	static {
 		this.ɵcmp = i0.ɵɵngDeclareComponent({
 			minVersion: "17.2.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			type: StatGraphComponent,
 			isStandalone: true,
 			selector: "app-stat-graph",
@@ -6642,7 +6648,7 @@ var StatGraphComponent = class StatGraphComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.1",
+	version: "22.2.3",
 	ngImport: i0,
 	type: StatGraphComponent,
 	decorators: [{
@@ -6708,7 +6714,7 @@ var UnrealResumeSlotDirective = class UnrealResumeSlotDirective {
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: UnrealResumeSlotDirective,
 			deps: [],
@@ -6718,7 +6724,7 @@ var UnrealResumeSlotDirective = class UnrealResumeSlotDirective {
 	static {
 		this.ɵdir = i0.ɵɵngDeclareDirective({
 			minVersion: "14.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			type: UnrealResumeSlotDirective,
 			isStandalone: true,
 			selector: "ng-template[unrealResumeSlot]",
@@ -6728,7 +6734,7 @@ var UnrealResumeSlotDirective = class UnrealResumeSlotDirective {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.1",
+	version: "22.2.3",
 	ngImport: i0,
 	type: UnrealResumeSlotDirective,
 	decorators: [{
@@ -6746,7 +6752,7 @@ var UnrealAfkSlotDirective = class UnrealAfkSlotDirective {
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: UnrealAfkSlotDirective,
 			deps: [],
@@ -6756,7 +6762,7 @@ var UnrealAfkSlotDirective = class UnrealAfkSlotDirective {
 	static {
 		this.ɵdir = i0.ɵɵngDeclareDirective({
 			minVersion: "14.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			type: UnrealAfkSlotDirective,
 			isStandalone: true,
 			selector: "ng-template[unrealAfkSlot]",
@@ -6766,7 +6772,7 @@ var UnrealAfkSlotDirective = class UnrealAfkSlotDirective {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.1",
+	version: "22.2.3",
 	ngImport: i0,
 	type: UnrealAfkSlotDirective,
 	decorators: [{
@@ -6784,7 +6790,7 @@ var UnrealStatusSlotDirective = class UnrealStatusSlotDirective {
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: UnrealStatusSlotDirective,
 			deps: [],
@@ -6794,7 +6800,7 @@ var UnrealStatusSlotDirective = class UnrealStatusSlotDirective {
 	static {
 		this.ɵdir = i0.ɵɵngDeclareDirective({
 			minVersion: "14.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			type: UnrealStatusSlotDirective,
 			isStandalone: true,
 			selector: "ng-template[unrealStatusSlot]",
@@ -6804,7 +6810,7 @@ var UnrealStatusSlotDirective = class UnrealStatusSlotDirective {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.1",
+	version: "22.2.3",
 	ngImport: i0,
 	type: UnrealStatusSlotDirective,
 	decorators: [{
@@ -6829,7 +6835,7 @@ var UnrealSpinnerComponent = class UnrealSpinnerComponent {
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: UnrealSpinnerComponent,
 			deps: [],
@@ -6839,7 +6845,7 @@ var UnrealSpinnerComponent = class UnrealSpinnerComponent {
 	static {
 		this.ɵcmp = i0.ɵɵngDeclareComponent({
 			minVersion: "17.1.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			type: UnrealSpinnerComponent,
 			isStandalone: true,
 			selector: "app-unreal-spinner",
@@ -6889,7 +6895,7 @@ var UnrealSpinnerComponent = class UnrealSpinnerComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.1",
+	version: "22.2.3",
 	ngImport: i0,
 	type: UnrealSpinnerComponent,
 	decorators: [{
@@ -6967,7 +6973,7 @@ var UnrealStatusComponent = class UnrealStatusComponent {
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: UnrealStatusComponent,
 			deps: [],
@@ -6977,7 +6983,7 @@ var UnrealStatusComponent = class UnrealStatusComponent {
 	static {
 		this.ɵcmp = i0.ɵɵngDeclareComponent({
 			minVersion: "17.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			type: UnrealStatusComponent,
 			isStandalone: true,
 			selector: "app-unreal-status",
@@ -7027,7 +7033,7 @@ var UnrealStatusComponent = class UnrealStatusComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.1",
+	version: "22.2.3",
 	ngImport: i0,
 	type: UnrealStatusComponent,
 	decorators: [{
@@ -7080,7 +7086,7 @@ var SafePipe = class SafePipe {
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: SafePipe,
 			deps: [],
@@ -7090,7 +7096,7 @@ var SafePipe = class SafePipe {
 	static {
 		this.ɵpipe = i0.ɵɵngDeclarePipe({
 			minVersion: "14.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: SafePipe,
 			isStandalone: true,
@@ -7100,7 +7106,7 @@ var SafePipe = class SafePipe {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.1",
+	version: "22.2.3",
 	ngImport: i0,
 	type: SafePipe,
 	decorators: [{
@@ -7210,7 +7216,7 @@ var VideoStatsComponent = class VideoStatsComponent {
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: VideoStatsComponent,
 			deps: [],
@@ -7220,7 +7226,7 @@ var VideoStatsComponent = class VideoStatsComponent {
 	static {
 		this.ɵcmp = i0.ɵɵngDeclareComponent({
 			minVersion: "17.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			type: VideoStatsComponent,
 			isStandalone: true,
 			selector: "app-video-stats",
@@ -7256,7 +7262,7 @@ var VideoStatsComponent = class VideoStatsComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.1",
+	version: "22.2.3",
 	ngImport: i0,
 	type: VideoStatsComponent,
 	decorators: [{
@@ -7318,7 +7324,7 @@ var ResumeStreamButtonComponent = class ResumeStreamButtonComponent {
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: ResumeStreamButtonComponent,
 			deps: [],
@@ -7328,7 +7334,7 @@ var ResumeStreamButtonComponent = class ResumeStreamButtonComponent {
 	static {
 		this.ɵcmp = i0.ɵɵngDeclareComponent({
 			minVersion: "17.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			type: ResumeStreamButtonComponent,
 			isStandalone: true,
 			selector: "app-resume-stream-button",
@@ -7381,7 +7387,7 @@ var ResumeStreamButtonComponent = class ResumeStreamButtonComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.1",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ResumeStreamButtonComponent,
 	decorators: [{
@@ -7466,7 +7472,7 @@ var IntroSrcComponent = class IntroSrcComponent {
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: IntroSrcComponent,
 			deps: [],
@@ -7476,7 +7482,7 @@ var IntroSrcComponent = class IntroSrcComponent {
 	static {
 		this.ɵcmp = i0.ɵɵngDeclareComponent({
 			minVersion: "17.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			type: IntroSrcComponent,
 			isStandalone: true,
 			selector: "app-intro-src",
@@ -7518,7 +7524,7 @@ var IntroSrcComponent = class IntroSrcComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.1",
+	version: "22.2.3",
 	ngImport: i0,
 	type: IntroSrcComponent,
 	decorators: [{
@@ -7714,14 +7720,14 @@ var UnrealSceneComponent = class UnrealSceneComponent {
 					x: size.w,
 					y: size.h
 				},
-				payloadVersion: this.isStudio() ? EPayloadVersion.disableFovRecalculation : void 0
+				payloadVersion: this.isStudio() || this.unrealConfig?.disableFovRecalculation ? EPayloadVersion.disableFovRecalculation : void 0
 			}
 		});
 	}
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
 			minVersion: "12.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			ngImport: i0,
 			type: UnrealSceneComponent,
 			deps: [],
@@ -7731,7 +7737,7 @@ var UnrealSceneComponent = class UnrealSceneComponent {
 	static {
 		this.ɵcmp = i0.ɵɵngDeclareComponent({
 			minVersion: "17.0.0",
-			version: "22.2.1",
+			version: "22.2.3",
 			type: UnrealSceneComponent,
 			isStandalone: true,
 			selector: "app-unreal-scene",
@@ -7850,7 +7856,7 @@ var UnrealSceneComponent = class UnrealSceneComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.1",
+	version: "22.2.3",
 	ngImport: i0,
 	type: UnrealSceneComponent,
 	decorators: [{