@signalwire/js 4.0.0-beta.1 → 4.0.0-beta.3

package/dist/browser.mjs

@@ -6685,7 +6685,7 @@ var require_share = /* @__PURE__ */ __commonJSMin(((exports) => {
 	var Subject_1$6 = require_Subject();
 	var Subscriber_1$1 = require_Subscriber();
 	var lift_1$19 = require_lift();
-	function share$1(options) {
+	function share$3(options) {
 		if (options === void 0) options = {};
 		var _a = options.connector, connector = _a === void 0 ? function() {
 			return new Subject_1$6.Subject();
@@ -6743,7 +6743,7 @@ var require_share = /* @__PURE__ */ __commonJSMin(((exports) => {
 			})(wrapperSource);
 		};
 	}
-	exports.share = share$1;
+	exports.share = share$3;
 	function handleReset(reset, on) {
 		var args = [];
 		for (var _i = 2; _i < arguments.length; _i++) args[_i - 2] = arguments[_i];
@@ -8941,11 +8941,21 @@ var Destroyable = class {
 		this._destroyed$ = new import_cjs$22.Subject();
 	}
 	destroy() {
+		this._observableCache?.clear();
 		this.subscriptions.forEach((sub) => sub.unsubscribe());
 		this.subjects.forEach((subject) => subject.complete());
 		this._destroyed$.next();
 		this._destroyed$.complete();
 	}
+	cachedObservable(key, factory) {
+		this._observableCache ??= /* @__PURE__ */ new Map();
+		let cached = this._observableCache.get(key);
+		if (!cached) {
+			cached = factory();
+			this._observableCache.set(key, cached);
+		}
+		return cached;
+	}
 	subscribeTo(observable, observerOrNext) {
 		const subscription = observable.subscribe(observerOrNext);
 		this.subscriptions.push(subscription);
@@ -8966,7 +8976,7 @@ var Destroyable = class {
 		return subject;
 	}
 	get $() {
-		return (0, import_cjs$22.merge)(...this.subjects.map((s) => s instanceof import_cjs$22.BehaviorSubject ? s.pipe((0, import_cjs$22.skip)(1)) : s)).pipe((0, import_cjs$22.map)((_) => this));
+		return this.cachedObservable("$", () => (0, import_cjs$22.merge)(...this.subjects.map((s) => s instanceof import_cjs$22.BehaviorSubject ? s.pipe((0, import_cjs$22.skip)(1)) : s)).pipe((0, import_cjs$22.map)((_) => this)));
 	}
 	/**
 	* Observable that emits when the instance is destroyed
@@ -9954,8 +9964,9 @@ const selectDevice = (devices = [], selected, preferred) => {
 	return selected;
 };
 var NavigatorDeviceController = class extends Destroyable {
-	constructor() {
+	constructor(webRTCApiProvider) {
 		super();
+		this.webRTCApiProvider = webRTCApiProvider;
 		this.deviceChangeHandler = () => {
 			logger$19.debug("[DeviceController] Device change detected");
 			this.enumerateDevices();
@@ -9979,25 +9990,25 @@ var NavigatorDeviceController = class extends Destroyable {
 		return {};
 	}
 	get errors$() {
-		return this._errors$.asObservable().pipe((0, import_cjs$20.takeUntil)(this.destroyed$));
+		return this.cachedObservable("errors$", () => this._errors$.asObservable().pipe((0, import_cjs$20.takeUntil)(this.destroyed$)));
 	}
 	get audioInputDevices$() {
-		return this._devicesState$.pipe((0, import_cjs$20.map)((state) => state.audioinput), (0, import_cjs$20.distinctUntilChanged)(), (0, import_cjs$20.takeUntil)(this.destroyed$));
+		return this.cachedObservable("audioInputDevices$", () => this._devicesState$.pipe((0, import_cjs$20.map)((state) => state.audioinput), (0, import_cjs$20.distinctUntilChanged)(), (0, import_cjs$20.takeUntil)(this.destroyed$)));
 	}
 	get audioOutputDevices$() {
-		return this._devicesState$.pipe((0, import_cjs$20.map)((state) => state.audiooutput), (0, import_cjs$20.distinctUntilChanged)(), (0, import_cjs$20.takeUntil)(this.destroyed$));
+		return this.cachedObservable("audioOutputDevices$", () => this._devicesState$.pipe((0, import_cjs$20.map)((state) => state.audiooutput), (0, import_cjs$20.distinctUntilChanged)(), (0, import_cjs$20.takeUntil)(this.destroyed$)));
 	}
 	get videoInputDevices$() {
-		return this._devicesState$.pipe((0, import_cjs$20.map)((state) => state.videoinput), (0, import_cjs$20.distinctUntilChanged)(), (0, import_cjs$20.takeUntil)(this.destroyed$));
+		return this.cachedObservable("videoInputDevices$", () => this._devicesState$.pipe((0, import_cjs$20.map)((state) => state.videoinput), (0, import_cjs$20.distinctUntilChanged)(), (0, import_cjs$20.takeUntil)(this.destroyed$)));
 	}
 	get selectedAudioInputDevice$() {
-		return this._selectedDevicesState$.asObservable().pipe((0, import_cjs$20.map)((state) => state.audioinput), (0, import_cjs$20.distinctUntilChanged)(), (0, import_cjs$20.takeUntil)(this.destroyed$), (0, import_cjs$20.tap)((info) => logger$19.debug("[DeviceController] Selected audio input device changed:", info)));
+		return this.cachedObservable("selectedAudioInputDevice$", () => this._selectedDevicesState$.asObservable().pipe((0, import_cjs$20.map)((state) => state.audioinput), (0, import_cjs$20.distinctUntilChanged)(), (0, import_cjs$20.takeUntil)(this.destroyed$), (0, import_cjs$20.tap)((info) => logger$19.debug("[DeviceController] Selected audio input device changed:", info))));
 	}
 	get selectedAudioOutputDevice$() {
-		return this._selectedDevicesState$.asObservable().pipe((0, import_cjs$20.map)((state) => state.audiooutput), (0, import_cjs$20.distinctUntilChanged)(), (0, import_cjs$20.takeUntil)(this.destroyed$), (0, import_cjs$20.tap)((info) => logger$19.debug("[DeviceController] Selected audio output device changed:", info)));
+		return this.cachedObservable("selectedAudioOutputDevice$", () => this._selectedDevicesState$.asObservable().pipe((0, import_cjs$20.map)((state) => state.audiooutput), (0, import_cjs$20.distinctUntilChanged)(), (0, import_cjs$20.takeUntil)(this.destroyed$), (0, import_cjs$20.tap)((info) => logger$19.debug("[DeviceController] Selected audio output device changed:", info))));
 	}
 	get selectedVideoInputDevice$() {
-		return this._selectedDevicesState$.asObservable().pipe((0, import_cjs$20.map)((state) => state.videoinput), (0, import_cjs$20.distinctUntilChanged)(), (0, import_cjs$20.takeUntil)(this.destroyed$), (0, import_cjs$20.tap)((info) => logger$19.debug("[DeviceController] Selected video input device changed:", info)));
+		return this.cachedObservable("selectedVideoInputDevice$", () => this._selectedDevicesState$.asObservable().pipe((0, import_cjs$20.map)((state) => state.videoinput), (0, import_cjs$20.distinctUntilChanged)(), (0, import_cjs$20.takeUntil)(this.destroyed$), (0, import_cjs$20.tap)((info) => logger$19.debug("[DeviceController] Selected video input device changed:", info))));
 	}
 	get selectedAudioInputDevice() {
 		return this._selectedDevicesState$.value.audioinput;
@@ -10037,24 +10048,22 @@ var NavigatorDeviceController = class extends Destroyable {
 		});
 	}
 	init() {
-		if (navigator.mediaDevices) {
-			this.subscribeTo(this._devicesState$.pipe((0, import_cjs$20.debounceTime)(PreferencesContainer.instance.deviceDebounceTime)), (devicesState) => {
-				const currentSelected = this._selectedDevicesState$.value;
-				const newAudioInput = selectDevice(devicesState.audioinput, currentSelected.audioinput, PreferencesContainer.instance.preferredAudioInput);
-				const newAudioOutput = selectDevice(devicesState.audiooutput, currentSelected.audiooutput, PreferencesContainer.instance.preferredAudioOutput);
-				const newVideoInput = selectDevice(devicesState.videoinput, currentSelected.videoinput, PreferencesContainer.instance.preferredVideoInput);
-				if (newAudioInput !== currentSelected.audioinput || newAudioOutput !== currentSelected.audiooutput || newVideoInput !== currentSelected.videoinput) this._selectedDevicesState$.next({
-					audioinput: newAudioInput,
-					audiooutput: newAudioOutput,
-					videoinput: newVideoInput
-				});
+		this.subscribeTo(this._devicesState$.pipe((0, import_cjs$20.debounceTime)(PreferencesContainer.instance.deviceDebounceTime)), (devicesState) => {
+			const currentSelected = this._selectedDevicesState$.value;
+			const newAudioInput = selectDevice(devicesState.audioinput, currentSelected.audioinput, PreferencesContainer.instance.preferredAudioInput);
+			const newAudioOutput = selectDevice(devicesState.audiooutput, currentSelected.audiooutput, PreferencesContainer.instance.preferredAudioOutput);
+			const newVideoInput = selectDevice(devicesState.videoinput, currentSelected.videoinput, PreferencesContainer.instance.preferredVideoInput);
+			if (newAudioInput !== currentSelected.audioinput || newAudioOutput !== currentSelected.audiooutput || newVideoInput !== currentSelected.videoinput) this._selectedDevicesState$.next({
+				audioinput: newAudioInput,
+				audiooutput: newAudioOutput,
+				videoinput: newVideoInput
 			});
-			this.enumerateDevices();
-		}
+		});
+		this.enumerateDevices();
 	}
 	enableDeviceMonitoring() {
 		this.disableDeviceMonitoring();
-		navigator.mediaDevices.addEventListener("devicechange", this.deviceChangeHandler);
+		this.webRTCApiProvider.mediaDevices.addEventListener("devicechange", this.deviceChangeHandler);
 		if (PreferencesContainer.instance.devicePollingInterval > 0) this._devicesPoolingSubscription = (0, import_cjs$20.interval)(PreferencesContainer.instance.devicePollingInterval).subscribe(() => {
 			logger$19.debug("[DeviceController] Polling devices due to interval");
 			this.enumerateDevices();
@@ -10062,7 +10071,7 @@ var NavigatorDeviceController = class extends Destroyable {
 		this.enumerateDevices();
 	}
 	disableDeviceMonitoring() {
-		navigator.mediaDevices.removeEventListener("devicechange", this.deviceChangeHandler);
+		this.webRTCApiProvider.mediaDevices.removeEventListener("devicechange", this.deviceChangeHandler);
 		if (this._devicesPoolingSubscription) {
 			this._devicesPoolingSubscription.unsubscribe();
 			this._devicesPoolingSubscription = void 0;
@@ -10070,7 +10079,7 @@ var NavigatorDeviceController = class extends Destroyable {
 	}
 	async enumerateDevices() {
 		try {
-			const devicesByKind = (await navigator.mediaDevices.enumerateDevices()).reduce((acc, device) => {
+			const devicesByKind = (await this.webRTCApiProvider.mediaDevices.enumerateDevices()).reduce((acc, device) => {
 				acc[device.kind].push(device);
 				return acc;
 			}, {
@@ -10093,7 +10102,7 @@ var NavigatorDeviceController = class extends Destroyable {
 		if (deviceInfo.kind === "audiooutput") return null;
 		try {
 			const constraints = this.deviceInfoToConstraints(deviceInfo);
-			const stream = await navigator.mediaDevices.getUserMedia({
+			const stream = await this.webRTCApiProvider.mediaDevices.getUserMedia({
 				audio: deviceInfo.kind === "audioinput" ? constraints : false,
 				video: deviceInfo.kind === "videoinput" ? constraints : false
 			});
@@ -10265,9 +10274,23 @@ var DependencyContainer = class {
 		this._webSocketConstructor = WebSocketConstructor;
 	}
 	get deviceController() {
-		this._deviceController ??= new NavigatorDeviceController();
+		this._deviceController ??= new NavigatorDeviceController(this.webRTCApiProvider);
 		return this._deviceController;
 	}
+	get webRTCApiProvider() {
+		if (!this._webRTCApiProvider) {
+			if (typeof RTCPeerConnection === "undefined" || typeof navigator === "undefined") throw new DependencyError("WebRTCApiProvider: RTCPeerConnection or navigator.mediaDevices is not available. Please provide a custom webRTCApiProvider in SignalWireOptions.");
+			this._webRTCApiProvider = {
+				RTCPeerConnection,
+				mediaDevices: navigator.mediaDevices
+			};
+		}
+		return this._webRTCApiProvider;
+	}
+	set webRTCApiProvider(webRTCApiProvider) {
+		this._webRTCApiProvider = webRTCApiProvider;
+		this._deviceController = void 0;
+	}
 	get authorizationStateKey() {
 		return `sw:${this.subscriberId}:as`;
 	}
@@ -11658,7 +11681,7 @@ var SelfCapabilities = class extends Destroyable {
 	}
 	/** Observable for self member capabilities */
 	get self$() {
-		return this._state$.pipe((0, import_cjs$17.map)((state) => state.self), (0, import_cjs$17.distinctUntilChanged)());
+		return this.cachedObservable("self$", () => this._state$.pipe((0, import_cjs$17.map)((state) => state.self), (0, import_cjs$17.distinctUntilChanged)()));
 	}
 	/** Current self member capabilities */
 	get self() {
@@ -11666,7 +11689,7 @@ var SelfCapabilities = class extends Destroyable {
 	}
 	/** Observable for other member capabilities */
 	get member$() {
-		return this._state$.pipe((0, import_cjs$17.map)((state) => state.member), (0, import_cjs$17.distinctUntilChanged)());
+		return this.cachedObservable("member$", () => this._state$.pipe((0, import_cjs$17.map)((state) => state.member), (0, import_cjs$17.distinctUntilChanged)()));
 	}
 	/** Current other member capabilities */
 	get member() {
@@ -11674,7 +11697,7 @@ var SelfCapabilities = class extends Destroyable {
 	}
 	/** Observable for end call capability */
 	get end$() {
-		return this._state$.pipe((0, import_cjs$17.map)((state) => state.end), (0, import_cjs$17.distinctUntilChanged)());
+		return this.cachedObservable("end$", () => this._state$.pipe((0, import_cjs$17.map)((state) => state.end), (0, import_cjs$17.distinctUntilChanged)()));
 	}
 	/** Current end call capability */
 	get end() {
@@ -11682,7 +11705,7 @@ var SelfCapabilities = class extends Destroyable {
 	}
 	/** Observable for set layout capability */
 	get setLayout$() {
-		return this._state$.pipe((0, import_cjs$17.map)((state) => state.setLayout), (0, import_cjs$17.distinctUntilChanged)());
+		return this.cachedObservable("setLayout$", () => this._state$.pipe((0, import_cjs$17.map)((state) => state.setLayout), (0, import_cjs$17.distinctUntilChanged)()));
 	}
 	/** Current set layout capability */
 	get setLayout() {
@@ -11690,7 +11713,7 @@ var SelfCapabilities = class extends Destroyable {
 	}
 	/** Observable for send digit capability */
 	get sendDigit$() {
-		return this._state$.pipe((0, import_cjs$17.map)((state) => state.sendDigit), (0, import_cjs$17.distinctUntilChanged)());
+		return this.cachedObservable("sendDigit$", () => this._state$.pipe((0, import_cjs$17.map)((state) => state.sendDigit), (0, import_cjs$17.distinctUntilChanged)()));
 	}
 	/** Current send digit capability */
 	get sendDigit() {
@@ -11698,7 +11721,7 @@ var SelfCapabilities = class extends Destroyable {
 	}
 	/** Observable for vmuted hide capability */
 	get vmutedHide$() {
-		return this._state$.pipe((0, import_cjs$17.map)((state) => state.vmutedHide), (0, import_cjs$17.distinctUntilChanged)());
+		return this.cachedObservable("vmutedHide$", () => this._state$.pipe((0, import_cjs$17.map)((state) => state.vmutedHide), (0, import_cjs$17.distinctUntilChanged)()));
 	}
 	/** Current vmuted hide capability */
 	get vmutedHide() {
@@ -11706,7 +11729,7 @@ var SelfCapabilities = class extends Destroyable {
 	}
 	/** Observable for lock capability */
 	get lock$() {
-		return this._state$.pipe((0, import_cjs$17.map)((state) => state.lock), (0, import_cjs$17.distinctUntilChanged)());
+		return this.cachedObservable("lock$", () => this._state$.pipe((0, import_cjs$17.map)((state) => state.lock), (0, import_cjs$17.distinctUntilChanged)()));
 	}
 	/** Current lock capability */
 	get lock() {
@@ -11714,7 +11737,7 @@ var SelfCapabilities = class extends Destroyable {
 	}
 	/** Observable for device capability */
 	get device$() {
-		return this._state$.pipe((0, import_cjs$17.map)((state) => state.device), (0, import_cjs$17.distinctUntilChanged)());
+		return this.cachedObservable("device$", () => this._state$.pipe((0, import_cjs$17.map)((state) => state.device), (0, import_cjs$17.distinctUntilChanged)()));
 	}
 	/** Current device capability */
 	get device() {
@@ -11722,7 +11745,7 @@ var SelfCapabilities = class extends Destroyable {
 	}
 	/** Observable for screenshare capability */
 	get screenshare$() {
-		return this._state$.pipe((0, import_cjs$17.map)((state) => state.screenshare), (0, import_cjs$17.distinctUntilChanged)());
+		return this.cachedObservable("screenshare$", () => this._state$.pipe((0, import_cjs$17.map)((state) => state.screenshare), (0, import_cjs$17.distinctUntilChanged)()));
 	}
 	/** Current screenshare capability */
 	get screenshare() {
@@ -11775,83 +11798,83 @@ var Participant = class extends Destroyable {
 	}
 	/** Observable of the participant's display name. */
 	get name$() {
-		return this._state$.pipe((0, import_operators$1.map)((state) => state.name), (0, import_operators$1.distinctUntilChanged)(), filterNull());
+		return this.cachedObservable("name$", () => this._state$.pipe((0, import_operators$1.map)((state) => state.name), (0, import_operators$1.distinctUntilChanged)(), filterNull()));
 	}
 	/** Observable of the participant type (e.g. `'member'`, `'screen'`). */
 	get type$() {
-		return this._state$.pipe((0, import_operators$1.map)((state) => state.type), (0, import_operators$1.distinctUntilChanged)(), filterNull());
+		return this.cachedObservable("type$", () => this._state$.pipe((0, import_operators$1.map)((state) => state.type), (0, import_operators$1.distinctUntilChanged)(), filterNull()));
 	}
 	/** Observable indicating whether the participant has raised their hand. */
 	get handraised$() {
-		return this._state$.pipe((0, import_operators$1.map)((state) => state.handraised), (0, import_operators$1.distinctUntilChanged)(), filterNull());
+		return this.cachedObservable("handraised$", () => this._state$.pipe((0, import_operators$1.map)((state) => state.handraised), (0, import_operators$1.distinctUntilChanged)(), filterNull()));
 	}
 	/** Observable indicating whether the participant is visible in the layout. */
 	get visible$() {
-		return this._state$.pipe((0, import_operators$1.map)((state) => state.visible), (0, import_operators$1.distinctUntilChanged)(), filterNull());
+		return this.cachedObservable("visible$", () => this._state$.pipe((0, import_operators$1.map)((state) => state.visible), (0, import_operators$1.distinctUntilChanged)(), filterNull()));
 	}
 	/** Observable indicating whether the participant's audio is muted. */
 	get audioMuted$() {
-		return this._state$.pipe((0, import_operators$1.map)((state) => state.audio_muted), (0, import_operators$1.distinctUntilChanged)(), filterNull());
+		return this.cachedObservable("audioMuted$", () => this._state$.pipe((0, import_operators$1.map)((state) => state.audio_muted), (0, import_operators$1.distinctUntilChanged)(), filterNull()));
 	}
 	/** Observable indicating whether the participant's video is muted. */
 	get videoMuted$() {
-		return this._state$.pipe((0, import_operators$1.map)((state) => state.video_muted), (0, import_operators$1.distinctUntilChanged)(), filterNull());
+		return this.cachedObservable("videoMuted$", () => this._state$.pipe((0, import_operators$1.map)((state) => state.video_muted), (0, import_operators$1.distinctUntilChanged)(), filterNull()));
 	}
 	/** Observable indicating whether the participant is deafened. */
 	get deaf$() {
-		return this._state$.pipe((0, import_operators$1.map)((state) => state.deaf), (0, import_operators$1.distinctUntilChanged)(), filterNull());
+		return this.cachedObservable("deaf$", () => this._state$.pipe((0, import_operators$1.map)((state) => state.deaf), (0, import_operators$1.distinctUntilChanged)(), filterNull()));
 	}
 	/** Observable of the participant's microphone input volume. */
 	get inputVolume$() {
-		return this._state$.pipe((0, import_operators$1.map)((state) => state.input_volume), (0, import_operators$1.distinctUntilChanged)(), filterNull());
+		return this.cachedObservable("inputVolume$", () => this._state$.pipe((0, import_operators$1.map)((state) => state.input_volume), (0, import_operators$1.distinctUntilChanged)(), filterNull()));
 	}
 	/** Observable of the participant's speaker output volume. */
 	get outputVolume$() {
-		return this._state$.pipe((0, import_operators$1.map)((state) => state.output_volume), (0, import_operators$1.distinctUntilChanged)(), filterNull());
+		return this.cachedObservable("outputVolume$", () => this._state$.pipe((0, import_operators$1.map)((state) => state.output_volume), (0, import_operators$1.distinctUntilChanged)(), filterNull()));
 	}
 	/** Observable of the microphone input sensitivity level. */
 	get inputSensitivity$() {
-		return this._state$.pipe((0, import_operators$1.map)((state) => state.input_sensitivity), (0, import_operators$1.distinctUntilChanged)(), filterNull());
+		return this.cachedObservable("inputSensitivity$", () => this._state$.pipe((0, import_operators$1.map)((state) => state.input_sensitivity), (0, import_operators$1.distinctUntilChanged)(), filterNull()));
 	}
 	/** Observable indicating whether echo cancellation is enabled. */
 	get echoCancellation$() {
-		return this._state$.pipe((0, import_operators$1.map)((state) => state.echo_cancellation), (0, import_operators$1.distinctUntilChanged)(), filterNull());
+		return this.cachedObservable("echoCancellation$", () => this._state$.pipe((0, import_operators$1.map)((state) => state.echo_cancellation), (0, import_operators$1.distinctUntilChanged)(), filterNull()));
 	}
 	/** Observable indicating whether auto-gain control is enabled. */
 	get autoGain$() {
-		return this._state$.pipe((0, import_operators$1.map)((state) => state.auto_gain), (0, import_operators$1.distinctUntilChanged)(), filterNull());
+		return this.cachedObservable("autoGain$", () => this._state$.pipe((0, import_operators$1.map)((state) => state.auto_gain), (0, import_operators$1.distinctUntilChanged)(), filterNull()));
 	}
 	/** Observable indicating whether noise suppression is enabled. */
 	get noiseSuppression$() {
-		return this._state$.pipe((0, import_operators$1.map)((state) => state.noise_suppression), (0, import_operators$1.distinctUntilChanged)(), filterNull());
+		return this.cachedObservable("noiseSuppression$", () => this._state$.pipe((0, import_operators$1.map)((state) => state.noise_suppression), (0, import_operators$1.distinctUntilChanged)(), filterNull()));
 	}
 	/** Observable indicating whether low-bitrate mode is active. */
 	get lowbitrate$() {
-		return this._state$.pipe((0, import_operators$1.map)((state) => state.lowbitrate), (0, import_operators$1.distinctUntilChanged)(), filterNull());
+		return this.cachedObservable("lowbitrate$", () => this._state$.pipe((0, import_operators$1.map)((state) => state.lowbitrate), (0, import_operators$1.distinctUntilChanged)(), filterNull()));
 	}
 	/** Observable indicating whether noise reduction is active. */
 	get denoise$() {
-		return this._state$.pipe((0, import_operators$1.map)((state) => state.denoise), (0, import_operators$1.distinctUntilChanged)(), filterNull());
+		return this.cachedObservable("denoise$", () => this._state$.pipe((0, import_operators$1.map)((state) => state.denoise), (0, import_operators$1.distinctUntilChanged)(), filterNull()));
 	}
 	/** Observable of custom metadata for this participant. */
 	get meta$() {
-		return this._state$.pipe((0, import_operators$1.map)((state) => state.meta), (0, import_operators$1.distinctUntilChanged)(), filterNull());
+		return this.cachedObservable("meta$", () => this._state$.pipe((0, import_operators$1.map)((state) => state.meta), (0, import_operators$1.distinctUntilChanged)(), filterNull()));
 	}
 	/** Observable of the participant's subscriber ID. */
 	get subscriberId$() {
-		return this._state$.pipe((0, import_operators$1.map)((state) => state.subscriber_id), (0, import_operators$1.distinctUntilChanged)(), filterNull());
+		return this.cachedObservable("subscriberId$", () => this._state$.pipe((0, import_operators$1.map)((state) => state.subscriber_id), (0, import_operators$1.distinctUntilChanged)(), filterNull()));
 	}
 	/** Observable of the participant's address ID. */
 	get addressId$() {
-		return this._state$.pipe((0, import_operators$1.map)((state) => state.address_id), (0, import_operators$1.distinctUntilChanged)(), filterNull());
+		return this.cachedObservable("addressId$", () => this._state$.pipe((0, import_operators$1.map)((state) => state.address_id), (0, import_operators$1.distinctUntilChanged)(), filterNull()));
 	}
 	/** Observable of the server node ID for this participant. */
 	get nodeId$() {
-		return this._state$.pipe((0, import_operators$1.map)((state) => state.node_id), (0, import_operators$1.distinctUntilChanged)(), filterNull());
+		return this.cachedObservable("nodeId$", () => this._state$.pipe((0, import_operators$1.map)((state) => state.node_id), (0, import_operators$1.distinctUntilChanged)(), filterNull()));
 	}
 	/** Observable indicating whether the participant is currently speaking. */
 	get isTalking$() {
-		return this._state$.pipe((0, import_operators$1.map)((state) => state.talking), (0, import_operators$1.distinctUntilChanged)(), filterNull());
+		return this.cachedObservable("isTalking$", () => this._state$.pipe((0, import_operators$1.map)((state) => state.talking), (0, import_operators$1.distinctUntilChanged)(), filterNull()));
 	}
 	/** Whether the participant is currently speaking. */
 	get isTalking() {
@@ -11859,7 +11882,7 @@ var Participant = class extends Destroyable {
 	}
 	/** Observable of the participant's layout position. */
 	get position$() {
-		return this._state$.pipe((0, import_operators$1.map)((state) => state.position), (0, import_operators$1.distinctUntilChanged)(), filterNull());
+		return this.cachedObservable("position$", () => this._state$.pipe((0, import_operators$1.map)((state) => state.position), (0, import_operators$1.distinctUntilChanged)(), filterNull()));
 	}
 	/** Current layout position. */
 	get position() {
@@ -12178,7 +12201,7 @@ function isJSONRPCRequest(value) {
 	return isObject(value) && hasProperty(value, "jsonrpc") && value.jsonrpc === "2.0" && hasProperty(value, "id") && typeof value.id === "string" && hasProperty(value, "method") && typeof value.method === "string";
 }
 function isJSONRPCResponse(value) {
-	return isObject(value) && hasProperty(value, "jsonrpc") && value.jsonrpc === "2.0" && hasProperty(value, "id") && typeof value.id === "string" && hasProperty(value, "result");
+	return isObject(value) && hasProperty(value, "jsonrpc") && value.jsonrpc === "2.0" && hasProperty(value, "id") && typeof value.id === "string" && (hasProperty(value, "result") || hasProperty(value, "error"));
 }
 
 //#endregion
@@ -12376,10 +12399,10 @@ var CallEventsManager = class extends Destroyable {
 		this.initSubscriptions();
 	}
 	get participants$() {
-		return this._participants$.asObservable().pipe((0, import_cjs$14.map)((participantsRecord) => Object.values(participantsRecord)));
+		return this.cachedObservable("participants$", () => this._participants$.asObservable().pipe((0, import_cjs$14.map)((participantsRecord) => Object.values(participantsRecord))));
 	}
 	get self$() {
-		return this._self$.asObservable().pipe(filterNull());
+		return this.cachedObservable("self$", () => this._self$.asObservable().pipe(filterNull()));
 	}
 	get status$() {
 		return this._status$.asObservable();
@@ -12397,40 +12420,40 @@ var CallEventsManager = class extends Destroyable {
 		return this.callIds.has(callId);
 	}
 	get recording$() {
-		return this._sessionState$.pipe((0, import_cjs$14.map)((state) => state.recording), (0, import_cjs$14.distinctUntilChanged)(), filterNull());
+		return this.cachedObservable("recording$", () => this._sessionState$.pipe((0, import_cjs$14.map)((state) => state.recording), (0, import_cjs$14.distinctUntilChanged)(), filterNull()));
 	}
 	get recordings$() {
-		return this._sessionState$.pipe((0, import_cjs$14.map)((state) => state.recordings), (0, import_cjs$14.distinctUntilChanged)(), filterNull());
+		return this.cachedObservable("recordings$", () => this._sessionState$.pipe((0, import_cjs$14.map)((state) => state.recordings), (0, import_cjs$14.distinctUntilChanged)(), filterNull()));
 	}
 	get streaming$() {
-		return this._sessionState$.pipe((0, import_cjs$14.map)((state) => state.streaming), (0, import_cjs$14.distinctUntilChanged)(), filterNull());
+		return this.cachedObservable("streaming$", () => this._sessionState$.pipe((0, import_cjs$14.map)((state) => state.streaming), (0, import_cjs$14.distinctUntilChanged)(), filterNull()));
 	}
 	get streams$() {
-		return this._sessionState$.pipe((0, import_cjs$14.map)((state) => state.streams), (0, import_cjs$14.distinctUntilChanged)(), filterNull());
+		return this.cachedObservable("streams$", () => this._sessionState$.pipe((0, import_cjs$14.map)((state) => state.streams), (0, import_cjs$14.distinctUntilChanged)(), filterNull()));
 	}
 	get playbacks$() {
-		return this._sessionState$.pipe((0, import_cjs$14.map)((state) => state.playbacks), (0, import_cjs$14.distinctUntilChanged)(), filterNull());
+		return this.cachedObservable("playbacks$", () => this._sessionState$.pipe((0, import_cjs$14.map)((state) => state.playbacks), (0, import_cjs$14.distinctUntilChanged)(), filterNull()));
 	}
 	get raiseHandPriority$() {
-		return this._sessionState$.pipe((0, import_cjs$14.map)((state) => state.prioritize_handraise), (0, import_cjs$14.distinctUntilChanged)(), filterNull());
+		return this.cachedObservable("raiseHandPriority$", () => this._sessionState$.pipe((0, import_cjs$14.map)((state) => state.prioritize_handraise), (0, import_cjs$14.distinctUntilChanged)(), filterNull()));
 	}
 	get locked$() {
-		return this._sessionState$.pipe((0, import_cjs$14.map)((state) => state.locked), (0, import_cjs$14.distinctUntilChanged)(), filterNull());
+		return this.cachedObservable("locked$", () => this._sessionState$.pipe((0, import_cjs$14.map)((state) => state.locked), (0, import_cjs$14.distinctUntilChanged)(), filterNull()));
 	}
 	get meta$() {
-		return this._sessionState$.pipe((0, import_cjs$14.map)((state) => state.meta), (0, import_cjs$14.distinctUntilChanged)(), filterNull());
+		return this.cachedObservable("meta$", () => this._sessionState$.pipe((0, import_cjs$14.map)((state) => state.meta), (0, import_cjs$14.distinctUntilChanged)(), filterNull()));
 	}
 	get capabilities$() {
-		return this._sessionState$.pipe((0, import_cjs$14.map)((state) => state.capabilities), (0, import_cjs$14.distinctUntilChanged)(), filterNull());
+		return this.cachedObservable("capabilities$", () => this._sessionState$.pipe((0, import_cjs$14.map)((state) => state.capabilities), (0, import_cjs$14.distinctUntilChanged)(), filterNull()));
 	}
 	get layout$() {
-		return this._sessionState$.pipe((0, import_cjs$14.map)((state) => state.layout_name), (0, import_cjs$14.distinctUntilChanged)(), filterNull());
+		return this.cachedObservable("layout$", () => this._sessionState$.pipe((0, import_cjs$14.map)((state) => state.layout_name), (0, import_cjs$14.distinctUntilChanged)(), filterNull()));
 	}
 	get layouts$() {
-		return this._sessionState$.pipe((0, import_cjs$14.map)((state) => state.layouts), (0, import_cjs$14.distinctUntilChanged)(), filterNull());
+		return this.cachedObservable("layouts$", () => this._sessionState$.pipe((0, import_cjs$14.map)((state) => state.layouts), (0, import_cjs$14.distinctUntilChanged)(), filterNull()));
 	}
 	get layoutLayers$() {
-		return this._sessionState$.pipe((0, import_cjs$14.map)((state) => state.layout_layers), (0, import_cjs$14.distinctUntilChanged)(), filterNull());
+		return this.cachedObservable("layoutLayers$", () => this._sessionState$.pipe((0, import_cjs$14.map)((state) => state.layout_layers), (0, import_cjs$14.distinctUntilChanged)(), filterNull()));
 	}
 	get self() {
 		return this._self$.value;
@@ -12566,19 +12589,19 @@ var CallEventsManager = class extends Destroyable {
 		this._participants$.next(this._participants$.value);
 	}
 	get callJoinedEvent$() {
-		return this.webRtcCallSession.callEvent$.pipe((0, import_cjs$14.filter)(isCallJoinedPayload), (0, import_cjs$14.tap)((event) => {
+		return this.cachedObservable("callJoinedEvent$", () => this.webRtcCallSession.callEvent$.pipe((0, import_cjs$14.filter)(isCallJoinedPayload), (0, import_cjs$14.tap)((event) => {
 			logger$15.debug("[CallEventsManager] Call joined event:", event);
-		}));
+		})));
 	}
 	get layoutChangedEvent$() {
-		return this.webRtcCallSession.callEvent$.pipe(filterAs(isLayoutChangedPayload, "layout"), (0, import_cjs$14.tap)((event) => {
+		return this.cachedObservable("layoutChangedEvent$", () => this.webRtcCallSession.callEvent$.pipe(filterAs(isLayoutChangedPayload, "layout"), (0, import_cjs$14.tap)((event) => {
 			logger$15.debug("[CallEventsManager] Layout changed event:", event);
-		}));
+		})));
 	}
 	get memberUpdates$() {
-		return (0, import_cjs$14.merge)(this.webRtcCallSession.memberJoined$, this.webRtcCallSession.memberUpdated$, this.webRtcCallSession.memberTalking$).pipe((0, import_cjs$14.map)((event) => event.member), (0, import_cjs$14.tap)((event) => {
+		return this.cachedObservable("memberUpdates$", () => (0, import_cjs$14.merge)(this.webRtcCallSession.memberJoined$, this.webRtcCallSession.memberUpdated$, this.webRtcCallSession.memberTalking$).pipe((0, import_cjs$14.map)((event) => event.member), (0, import_cjs$14.tap)((event) => {
 			logger$15.debug("[CallEventsManager] Member update event:", event);
-		}));
+		})));
 	}
 	destroy() {
 		Object.values(this._participants$.value).forEach((participant) => {
@@ -13220,7 +13243,7 @@ var RTCPeerConnectionController = class extends Destroyable {
 						logger$11.debug(`[RTCPeerConnectionController] ${kind} input device selected: none`);
 						return;
 					}
-					const streamTrack = (await navigator.mediaDevices.getUserMedia({ [kind]: {
+					const streamTrack = (await this.getUserMedia({ [kind]: {
 						...track.getConstraints(),
 						...this.deviceController.deviceInfoToConstraints(deviceInfo)
 					} })).getTracks().find((t) => t.kind === kind);
@@ -13309,43 +13332,43 @@ var RTCPeerConnectionController = class extends Destroyable {
 		};
 	}
 	get iceGatheringState$() {
-		return this._iceGatheringState$.asObservable().pipe((0, import_cjs$11.takeUntil)(this.destroyed$));
+		return this.cachedObservable("iceGatheringState$", () => this._iceGatheringState$.asObservable().pipe((0, import_cjs$11.takeUntil)(this.destroyed$)));
 	}
 	get mediaTrackEnded$() {
-		return this.localStreamController.mediaTrackEnded$.pipe((0, import_cjs$11.takeUntil)(this.destroyed$));
+		return this.cachedObservable("mediaTrackEnded$", () => this.localStreamController.mediaTrackEnded$.pipe((0, import_cjs$11.takeUntil)(this.destroyed$)));
 	}
 	get errors$() {
-		return this._errors$.asObservable().pipe((0, import_cjs$11.takeUntil)(this.destroyed$));
+		return this.cachedObservable("errors$", () => this._errors$.asObservable().pipe((0, import_cjs$11.takeUntil)(this.destroyed$)));
 	}
 	get iceCandidates$() {
-		return this._iceCandidates$.asObservable().pipe((0, import_cjs$11.takeUntil)(this.destroyed$));
+		return this.cachedObservable("iceCandidates$", () => this._iceCandidates$.asObservable().pipe((0, import_cjs$11.takeUntil)(this.destroyed$)));
 	}
 	get initialized$() {
-		return this._initialized$.asObservable().pipe((0, import_cjs$11.filter)((initialized) => initialized), (0, import_cjs$11.takeUntil)(this.destroyed$));
+		return this.cachedObservable("initialized$", () => this._initialized$.asObservable().pipe((0, import_cjs$11.filter)((initialized) => initialized), (0, import_cjs$11.takeUntil)(this.destroyed$)));
 	}
 	get remoteDescription$() {
-		return this._remoteDescription$.asObservable().pipe((0, import_cjs$11.takeUntil)(this.destroyed$));
+		return this.cachedObservable("remoteDescription$", () => this._remoteDescription$.asObservable().pipe((0, import_cjs$11.takeUntil)(this.destroyed$)));
 	}
 	get localStream$() {
-		return this.localStreamController.localStream$.pipe((0, import_cjs$11.takeUntil)(this.destroyed$));
+		return this.cachedObservable("localStream$", () => this.localStreamController.localStream$.pipe((0, import_cjs$11.takeUntil)(this.destroyed$)));
 	}
 	get remoteStream$() {
-		return this._remoteStream$.asObservable().pipe((0, import_cjs$11.takeUntil)(this.destroyed$));
+		return this.cachedObservable("remoteStream$", () => this._remoteStream$.asObservable().pipe((0, import_cjs$11.takeUntil)(this.destroyed$)));
 	}
 	get localAudioTracks$() {
-		return this.localStreamController.localAudioTracks$.pipe((0, import_cjs$11.takeUntil)(this.destroyed$));
+		return this.cachedObservable("localAudioTracks$", () => this.localStreamController.localAudioTracks$.pipe((0, import_cjs$11.takeUntil)(this.destroyed$)));
 	}
 	get localVideoTracks$() {
-		return this.localStreamController.localVideoTracks$.pipe((0, import_cjs$11.takeUntil)(this.destroyed$));
+		return this.cachedObservable("localVideoTracks$", () => this.localStreamController.localVideoTracks$.pipe((0, import_cjs$11.takeUntil)(this.destroyed$)));
 	}
 	get iceConnectionState$() {
-		return this._iceConnectionState$.asObservable().pipe((0, import_cjs$11.takeUntil)(this.destroyed$));
+		return this.cachedObservable("iceConnectionState$", () => this._iceConnectionState$.asObservable().pipe((0, import_cjs$11.takeUntil)(this.destroyed$)));
 	}
 	get connectionState$() {
-		return this._connectionState$.asObservable().pipe((0, import_cjs$11.takeUntil)(this.destroyed$));
+		return this.cachedObservable("connectionState$", () => this._connectionState$.asObservable().pipe((0, import_cjs$11.takeUntil)(this.destroyed$)));
 	}
 	get signalingState$() {
-		return this._signalingState$.asObservable().pipe((0, import_cjs$11.takeUntil)(this.destroyed$));
+		return this.cachedObservable("signalingState$", () => this._signalingState$.asObservable().pipe((0, import_cjs$11.takeUntil)(this.destroyed$)));
 	}
 	get type() {
 		return this._type;
@@ -13411,7 +13434,7 @@ var RTCPeerConnectionController = class extends Destroyable {
 		};
 	}
 	get WebRTCPeerConnectionConstructor() {
-		return this.options.WebRTCPeerConnectionConstructor ?? RTCPeerConnection;
+		return this.options.webRTCApiProvider?.RTCPeerConnection ?? RTCPeerConnection;
 	}
 	get offerOptions() {
 		const options = { iceRestart: this.firstSDPExchangeCompleted ? true : void 0 };
@@ -13678,10 +13701,12 @@ var RTCPeerConnectionController = class extends Destroyable {
 		}
 	}
 	async getUserMedia(constraints) {
-		return this.options.getUserMedia?.(constraints) ?? navigator.mediaDevices.getUserMedia(constraints);
+		return (this.options.webRTCApiProvider?.mediaDevices ?? navigator.mediaDevices).getUserMedia(constraints);
 	}
 	async getDisplayMedia(options) {
-		return this.options.getDisplayMedia?.(options) ?? navigator.mediaDevices.getDisplayMedia(options);
+		const mediaDevices = this.options.webRTCApiProvider?.mediaDevices ?? navigator.mediaDevices;
+		if (!mediaDevices.getDisplayMedia) throw new DependencyError("getDisplayMedia is not supported by the current WebRTC provider");
+		return mediaDevices.getDisplayMedia(options);
 	}
 	async setupRemoteTracks() {
 		if (!this.peerConnection) throw new DependencyError("RTCPeerConnection is not initialized");
@@ -13846,11 +13871,12 @@ var VertoManager = class extends Destroyable {
 	}
 };
 var WebRTCVertoManager = class extends VertoManager {
-	constructor(webRtcCallSession, attachManager, deviceController, options = {}) {
+	constructor(webRtcCallSession, attachManager, deviceController, webRTCApiProvider, options = {}) {
 		super(webRtcCallSession);
 		this.webRtcCallSession = webRtcCallSession;
 		this.attachManager = attachManager;
 		this.deviceController = deviceController;
+		this.webRTCApiProvider = webRTCApiProvider;
 		this._rtcPeerConnections$ = this.createBehaviorSubject([]);
 		this._selfId$ = this.createBehaviorSubject(null);
 		this._signalingStatus$ = this.createBehaviorSubject(null);
@@ -13924,11 +13950,11 @@ var WebRTCVertoManager = class extends VertoManager {
 		return rtcPeerConnection;
 	}
 	get signalingStatus$() {
-		return (0, import_cjs$10.merge)(this._signalingStatus$.pipe(filterNull()), this.mainPeerConnection.connectionState$.pipe((0, import_cjs$10.filter)((connectionState) => [
+		return this.cachedObservable("signalingStatus$", () => (0, import_cjs$10.merge)(this._signalingStatus$.pipe(filterNull()), this.mainPeerConnection.connectionState$.pipe((0, import_cjs$10.filter)((connectionState) => [
 			"connected",
 			"disconnected",
 			"failed"
-		].includes(connectionState))));
+		].includes(connectionState)))));
 	}
 	initSubscriptions() {
 		this.subscribeTo(this.vertoAnswer$, (event) => {
@@ -13976,19 +14002,19 @@ var WebRTCVertoManager = class extends VertoManager {
 		return this._selfId$.value;
 	}
 	get vertoAnswer$() {
-		return this.webRtcCallSession.webrtcMessages$.pipe(filterAs(isVertoAnswerInnerParams, "params"), (0, import_cjs$10.takeUntil)(this.destroyed$));
+		return this.cachedObservable("vertoAnswer$", () => this.webRtcCallSession.webrtcMessages$.pipe(filterAs(isVertoAnswerInnerParams, "params"), (0, import_cjs$10.takeUntil)(this.destroyed$)));
 	}
 	get vertoMediaParams$() {
-		return this.webRtcCallSession.webrtcMessages$.pipe(filterAs(isVertoMediaParamsInnerParams, "params"), (0, import_cjs$10.takeUntil)(this.destroyed$));
+		return this.cachedObservable("vertoMediaParams$", () => this.webRtcCallSession.webrtcMessages$.pipe(filterAs(isVertoMediaParamsInnerParams, "params"), (0, import_cjs$10.takeUntil)(this.destroyed$)));
 	}
 	get vertoBye$() {
-		return this.webRtcCallSession.webrtcMessages$.pipe(filterAs(isVertoByeMessage, "params"), (0, import_cjs$10.takeUntil)(this.destroyed$));
+		return this.cachedObservable("vertoBye$", () => this.webRtcCallSession.webrtcMessages$.pipe(filterAs(isVertoByeMessage, "params"), (0, import_cjs$10.takeUntil)(this.destroyed$)));
 	}
 	get vertoAttach$() {
-		return this.webRtcCallSession.webrtcMessages$.pipe(filterAs(isVertoAttachMessage, "params"), (0, import_cjs$10.takeUntil)(this.destroyed$));
+		return this.cachedObservable("vertoAttach$", () => this.webRtcCallSession.webrtcMessages$.pipe(filterAs(isVertoAttachMessage, "params"), (0, import_cjs$10.takeUntil)(this.destroyed$)));
 	}
 	get vertoPing$() {
-		return this.webRtcCallSession.webrtcMessages$.pipe(filterAs(isVertoPingInnerParams, "params"), (0, import_cjs$10.takeUntil)(this.destroyed$));
+		return this.cachedObservable("vertoPing$", () => this.webRtcCallSession.webrtcMessages$.pipe(filterAs(isVertoPingInnerParams, "params"), (0, import_cjs$10.takeUntil)(this.destroyed$)));
 	}
 	async executeVerto(message, optionals = {}) {
 		const webrtcVertoMessage = WebrtcVerto({
@@ -14013,7 +14039,7 @@ var WebRTCVertoManager = class extends VertoManager {
 	}
 	async sendLocalDescription(message, rtcPeerConnController) {
 		const vertoMethod = message.method;
-		const optionalsParams = this.getSendLocalSDPOptionalParams(rtcPeerConnController);
+		const optionalsParams = this.getSendLocalSDPOptionalParams(rtcPeerConnController, vertoMethod);
 		try {
 			const response = await this.executeVerto(message, optionalsParams);
 			switch (vertoMethod) {
@@ -14090,6 +14116,7 @@ var WebRTCVertoManager = class extends VertoManager {
 			inputVideoStream: options.inputVideoStream,
 			receiveAudio: options.receiveAudio,
 			receiveVideo: options.receiveVideo,
+			webRTCApiProvider: this.webRTCApiProvider,
 			...this.RTCPeerConnectionConfig
 		}, options.initOffer, this.deviceController);
 		this.setupLocalDescriptionHandler(rtcPeerConnController);
@@ -14156,18 +14183,18 @@ var WebRTCVertoManager = class extends VertoManager {
 			this.callSession?.destroy();
 		});
 	}
-	getSendLocalSDPOptionalParams(rtcPeerConnController) {
+	getSendLocalSDPOptionalParams(rtcPeerConnController, vertoMethod) {
 		let subscribe = void 0;
-		const initial = !rtcPeerConnController.firstSDPExchangeCompleted;
-		if (initial) {
+		if (!rtcPeerConnController.firstSDPExchangeCompleted) {
 			subscribe = [];
 			if (rtcPeerConnController.isMainDevice) subscribe.push(...PreferencesContainer.instance.inviteSubscribeMainDevice);
 			else if (rtcPeerConnController.isAdditionalDevice) subscribe.push(...PreferencesContainer.instance.inviteSubscribeAdditionalDevice);
 			else if (rtcPeerConnController.isScreenShare) subscribe.push(...PreferencesContainer.instance.inviteSubscribeScreenshare);
 		}
+		const isInvite = vertoMethod === "verto.invite";
 		return {
 			callID: rtcPeerConnController.id,
-			node_id: initial ? "" : this._nodeId$.value ?? "",
+			node_id: isInvite ? "" : this._nodeId$.value ?? "",
 			subscribe
 		};
 	}
@@ -14268,7 +14295,8 @@ var WebRTCVertoManager = class extends VertoManager {
 			rtcPeerConnController = new RTCPeerConnectionController({
 				...options,
 				...this.RTCPeerConnectionConfig,
-				propose
+				propose,
+				webRTCApiProvider: this.webRTCApiProvider
 			}, void 0, this.deviceController);
 			this.setupLocalDescriptionHandler(rtcPeerConnController);
 			if (propose === "screenshare") this._screenShareId = rtcPeerConnController.id;
@@ -14550,7 +14578,7 @@ var WebRTCCall = class extends Destroyable {
 	}
 	/** Observable of the current call status (e.g. `'ringing'`, `'connected'`). */
 	get status$() {
-		return (0, import_cjs$9.merge)(this._status$.asObservable(), this.vertoManager.signalingStatus$);
+		return this.cachedObservable("status$", () => (0, import_cjs$9.merge)(this._status$.asObservable(), this.vertoManager.signalingStatus$));
 	}
 	/** Observable of the participants list, emits on join/leave/update. */
 	get participants$() {
@@ -14654,7 +14682,7 @@ var WebRTCCall = class extends Destroyable {
 		return this.vertoManager.mediaDirections;
 	}
 	get participantsId$() {
-		return this.participants$.pipe((0, import_cjs$9.map)((participants) => participants.map((participant) => participant.id)));
+		return this.cachedObservable("participantsId$", () => this.participants$.pipe((0, import_cjs$9.map)((participants) => participants.map((participant) => participant.id))));
 	}
 	/** Executes a raw JSON-RPC request on the client session. */
 	async execute(request, options) {
@@ -14689,35 +14717,35 @@ var WebRTCCall = class extends Destroyable {
 		}
 	}
 	get callSessionEvents$() {
-		return this.clientSession.signalingEvent$.pipe((0, import_cjs$9.filter)((event) => this.isCallSessionEvent(event)), (0, import_cjs$9.tap)((event) => logger$9.debug("[Call] Received call session event:", event)), (0, import_cjs$9.takeUntil)(this.destroyed$));
+		return this.cachedObservable("callSessionEvents$", () => this.clientSession.signalingEvent$.pipe((0, import_cjs$9.filter)((event) => this.isCallSessionEvent(event)), (0, import_cjs$9.tap)((event) => logger$9.debug("[Call] Received call session event:", event)), (0, import_cjs$9.takeUntil)(this.destroyed$), (0, import_cjs$9.share)()));
 	}
 	/** Observable of call-updated events. */
 	get callUpdated$() {
-		return this.callSessionEvents$.pipe(filterAs(isCallUpdatedMetadata, "params"), (0, import_cjs$9.takeUntil)(this.destroyed$));
+		return this.cachedObservable("callUpdated$", () => this.callSessionEvents$.pipe(filterAs(isCallUpdatedMetadata, "params"), (0, import_cjs$9.takeUntil)(this.destroyed$)));
 	}
 	/** Observable of member-joined events. */
 	get memberJoined$() {
-		return this.callSessionEvents$.pipe(filterAs(isMemberJoinedMetadata, "params"), (0, import_cjs$9.takeUntil)(this.destroyed$));
+		return this.cachedObservable("memberJoined$", () => this.callSessionEvents$.pipe(filterAs(isMemberJoinedMetadata, "params"), (0, import_cjs$9.takeUntil)(this.destroyed$)));
 	}
 	/** Observable of member-left events. */
 	get memberLeft$() {
-		return this.callSessionEvents$.pipe(filterAs(isMemberLeftMetadata, "params"), (0, import_cjs$9.takeUntil)(this.destroyed$));
+		return this.cachedObservable("memberLeft$", () => this.callSessionEvents$.pipe(filterAs(isMemberLeftMetadata, "params"), (0, import_cjs$9.takeUntil)(this.destroyed$)));
 	}
 	/** Observable of member-updated events (mute, volume, etc.). */
 	get memberUpdated$() {
-		return this.callSessionEvents$.pipe(filterAs(isMemberUpdatedMetadata, "params"), (0, import_cjs$9.takeUntil)(this.destroyed$));
+		return this.cachedObservable("memberUpdated$", () => this.callSessionEvents$.pipe(filterAs(isMemberUpdatedMetadata, "params"), (0, import_cjs$9.takeUntil)(this.destroyed$)));
 	}
 	/** Observable of member-talking events (speech start/stop). */
 	get memberTalking$() {
-		return this.callSessionEvents$.pipe(filterAs(isMemberTalkingMetadata, "params"), (0, import_cjs$9.takeUntil)(this.destroyed$));
+		return this.cachedObservable("memberTalking$", () => this.callSessionEvents$.pipe(filterAs(isMemberTalkingMetadata, "params"), (0, import_cjs$9.takeUntil)(this.destroyed$)));
 	}
 	/** Observable of call state-change events. */
 	get callStates$() {
-		return this.callSessionEvents$.pipe(filterAs(isCallStateMetadata, "params"), (0, import_cjs$9.takeUntil)(this.destroyed$));
+		return this.cachedObservable("callStates$", () => this.callSessionEvents$.pipe(filterAs(isCallStateMetadata, "params"), (0, import_cjs$9.takeUntil)(this.destroyed$)));
 	}
 	/** Observable of layout-changed events. */
 	get layoutUpdates$() {
-		return this.callSessionEvents$.pipe(filterAs(isLayoutChangedMetadata, "params"), (0, import_cjs$9.takeUntil)(this.destroyed$));
+		return this.cachedObservable("layoutUpdates$", () => this.callSessionEvents$.pipe(filterAs(isLayoutChangedMetadata, "params"), (0, import_cjs$9.takeUntil)(this.destroyed$)));
 	}
 	/** Underlying `RTCPeerConnection`, for advanced use cases. */
 	get rtcPeerConnection() {
@@ -14725,19 +14753,19 @@ var WebRTCCall = class extends Destroyable {
 	}
 	/** Observable of raw signaling events as plain objects. */
 	get signalingEvent$() {
-		return this.callEvent$.pipe((0, import_cjs$9.map)((event) => JSON.parse(JSON.stringify(event))));
+		return this.cachedObservable("signalingEvent$", () => this.callEvent$.pipe((0, import_cjs$9.map)((event) => JSON.parse(JSON.stringify(event)))));
 	}
 	/** Observable of WebRTC-specific signaling messages. */
 	get webrtcMessages$() {
-		return this.callSessionEvents$.pipe(filterAs(isWebrtcMessageMetadata, "params"), (0, import_cjs$9.tap)((event) => logger$9.debug("[Call] Event is a WebRTC message event:", event)), (0, import_cjs$9.takeUntil)(this.destroyed$));
+		return this.cachedObservable("webrtcMessages$", () => this.callSessionEvents$.pipe(filterAs(isWebrtcMessageMetadata, "params"), (0, import_cjs$9.tap)((event) => logger$9.debug("[Call] Event is a WebRTC message event:", event)), (0, import_cjs$9.takeUntil)(this.destroyed$), (0, import_cjs$9.share)()));
 	}
 	/** Observable of call-level signaling events. */
 	get callEvent$() {
-		return this.callSessionEvents$.pipe(filterAs(isSignalwireCallMetadata, "params"), (0, import_cjs$9.tap)((event) => logger$9.debug("[Call] Event is a call event:", event)), (0, import_cjs$9.takeUntil)(this.destroyed$));
+		return this.cachedObservable("callEvent$", () => this.callSessionEvents$.pipe(filterAs(isSignalwireCallMetadata, "params"), (0, import_cjs$9.tap)((event) => logger$9.debug("[Call] Event is a call event:", event)), (0, import_cjs$9.takeUntil)(this.destroyed$), (0, import_cjs$9.share)()));
 	}
 	/** Observable of layout-changed signaling events. */
 	get layoutEvent$() {
-		return this.callEvent$.pipe(filterAs(isLayoutChangedMetadata, "params"));
+		return this.cachedObservable("layoutEvent$", () => this.callEvent$.pipe(filterAs(isLayoutChangedMetadata, "params")));
 	}
 	/** Hangs up the call and releases all resources. */
 	async hangup() {
@@ -14798,10 +14826,11 @@ var WebRTCCall = class extends Destroyable {
 * Eliminates circular dependencies by centralizing Call and Manager creation.
 */
 var CallFactory = class {
-	constructor(sessionManager, deviceController, attachManager) {
+	constructor(sessionManager, deviceController, attachManager, webRTCApiProvider) {
 		this.sessionManager = sessionManager;
 		this.deviceController = deviceController;
 		this.attachManager = attachManager;
+		this.webRTCApiProvider = webRTCApiProvider;
 	}
 	/**
 	* Create a new WebRTCCall with properly initialized managers
@@ -14810,7 +14839,7 @@ var CallFactory = class {
 		return new WebRTCCall(this.sessionManager, options, {
 			initializeManagers: (callInstance) => {
 				return {
-					vertoManager: new WebRTCVertoManager(callInstance, this.attachManager, this.deviceController, {
+					vertoManager: new WebRTCVertoManager(callInstance, this.attachManager, this.deviceController, this.webRTCApiProvider, {
 						nodeId: options.nodeId,
 						onError: (error) => {
 							callInstance.emitError(error);
@@ -14890,7 +14919,7 @@ var EntityCollection = class extends Destroyable {
 		return this.fetchController.hasMore ?? true;
 	}
 	get updated$() {
-		return this.loading$.pipe((0, import_cjs$8.distinctUntilChanged)(), (0, import_cjs$8.skip)(1), (0, import_cjs$8.filter)((loading) => !loading), (0, import_cjs$8.map)(() => void 0), (0, import_cjs$8.takeUntil)(this._destroy$));
+		return this.cachedObservable("updated$", () => this.loading$.pipe((0, import_cjs$8.distinctUntilChanged)(), (0, import_cjs$8.skip)(1), (0, import_cjs$8.filter)((loading) => !loading), (0, import_cjs$8.map)(() => void 0), (0, import_cjs$8.takeUntil)(this._destroy$)));
 	}
 	get values() {
 		return Array.from(this.collectionData.values());
@@ -14970,7 +14999,7 @@ var EntityCollectionTransformed = class {
 		return this.originalCollection.values.filter(this.filter).map(this.mapper);
 	}
 	get values$() {
-		return this.originalCollection.values$.pipe((0, import_cjs$8.map)((values) => values.filter(this.filter).map(this.mapper)));
+		return this._values$ ??= this.originalCollection.values$.pipe((0, import_cjs$8.map)((values) => values.filter(this.filter).map(this.mapper)));
 	}
 	get$(id) {
 		const original$ = this.originalCollection.get$(id);
@@ -15044,7 +15073,7 @@ var Address = class extends Destroyable {
 	}
 	/** Observable of the human-readable display name. */
 	get displayName$() {
-		return this._state$.pipe(filterNull(), (0, import_cjs$7.map)((state) => state.display_name), (0, import_cjs$7.takeUntil)(this.destroyed$));
+		return this.cachedObservable("displayName$", () => this._state$.pipe(filterNull(), (0, import_cjs$7.map)((state) => state.display_name), (0, import_cjs$7.takeUntil)(this.destroyed$)));
 	}
 	/** Human-readable display name. */
 	get displayName() {
@@ -15053,7 +15082,7 @@ var Address = class extends Destroyable {
 	}
 	/** Observable of the preview image URL. */
 	get previewUrl$() {
-		return this._state$.pipe(filterNull(), (0, import_cjs$7.map)((state) => state.preview_url), (0, import_cjs$7.takeUntil)(this.destroyed$));
+		return this.cachedObservable("previewUrl$", () => this._state$.pipe(filterNull(), (0, import_cjs$7.map)((state) => state.preview_url), (0, import_cjs$7.takeUntil)(this.destroyed$)));
 	}
 	/** Preview image URL. */
 	get previewUrl() {
@@ -15062,7 +15091,7 @@ var Address = class extends Destroyable {
 	}
 	/** Observable of the cover image URL. */
 	get coverUrl$() {
-		return this._state$.pipe(filterNull(), (0, import_cjs$7.shareReplay)(1), (0, import_cjs$7.map)((state) => state.cover_url), (0, import_cjs$7.takeUntil)(this.destroyed$));
+		return this.cachedObservable("coverUrl$", () => this._state$.pipe(filterNull(), (0, import_cjs$7.shareReplay)(1), (0, import_cjs$7.map)((state) => state.cover_url), (0, import_cjs$7.takeUntil)(this.destroyed$)));
 	}
 	/** Cover image URL. */
 	get coverUrl() {
@@ -15071,7 +15100,7 @@ var Address = class extends Destroyable {
 	}
 	/** Observable of the underlying resource ID. */
 	get resourceId$() {
-		return this._state$.pipe(filterNull(), (0, import_cjs$7.shareReplay)(1), (0, import_cjs$7.map)((state) => state.resource_id), (0, import_cjs$7.takeUntil)(this.destroyed$));
+		return this.cachedObservable("resourceId$", () => this._state$.pipe(filterNull(), (0, import_cjs$7.shareReplay)(1), (0, import_cjs$7.map)((state) => state.resource_id), (0, import_cjs$7.takeUntil)(this.destroyed$)));
 	}
 	/** Underlying resource ID. */
 	get resourceId() {
@@ -15080,7 +15109,7 @@ var Address = class extends Destroyable {
 	}
 	/** Observable of the resource type (e.g. `'room'`, `'subscriber'`). */
 	get type$() {
-		return this._state$.pipe(filterNull(), (0, import_cjs$7.shareReplay)(1), (0, import_cjs$7.map)((state) => state.type), (0, import_cjs$7.takeUntil)(this.destroyed$));
+		return this.cachedObservable("type$", () => this._state$.pipe(filterNull(), (0, import_cjs$7.shareReplay)(1), (0, import_cjs$7.map)((state) => state.type), (0, import_cjs$7.takeUntil)(this.destroyed$)));
 	}
 	/** Resource type (e.g. `'room'`, `'subscriber'`). */
 	get type() {
@@ -15089,7 +15118,7 @@ var Address = class extends Destroyable {
 	}
 	/** Observable of available communication channels (audio, video, messaging). */
 	get channels$() {
-		return this._state$.pipe(filterNull(), (0, import_cjs$7.shareReplay)(1), (0, import_cjs$7.map)((state) => state.channels), (0, import_cjs$7.takeUntil)(this.destroyed$));
+		return this.cachedObservable("channels$", () => this._state$.pipe(filterNull(), (0, import_cjs$7.shareReplay)(1), (0, import_cjs$7.map)((state) => state.channels), (0, import_cjs$7.takeUntil)(this.destroyed$)));
 	}
 	/** Available communication channels. */
 	get channels() {
@@ -15103,7 +15132,7 @@ var Address = class extends Destroyable {
 	}
 	/** Observable indicating whether the address (room) is locked. */
 	get locked$() {
-		return this._state$.pipe(filterNull(), (0, import_cjs$7.shareReplay)(1), (0, import_cjs$7.map)((state) => state.locked), (0, import_cjs$7.takeUntil)(this.destroyed$));
+		return this.cachedObservable("locked$", () => this._state$.pipe(filterNull(), (0, import_cjs$7.shareReplay)(1), (0, import_cjs$7.map)((state) => state.locked), (0, import_cjs$7.takeUntil)(this.destroyed$)));
 	}
 	/** Sends a text message to this address. */
 	async sendText(text) {
@@ -15226,7 +15255,7 @@ const getAddressSearchURI = (options) => {
 	return name;
 };
 var ClientSessionManager = class extends Destroyable {
-	constructor(credential, transport, storage, authorizationStateKey, deviceController, attachManager) {
+	constructor(credential, transport, storage, authorizationStateKey, deviceController, attachManager, webRTCApiProvider) {
 		super();
 		this.credential = credential;
 		this.transport = transport;
@@ -15249,11 +15278,11 @@ var ClientSessionManager = class extends Destroyable {
 		this._calls$ = this.createBehaviorSubject({});
 		this._iceServers$ = this.createBehaviorSubject([]);
 		attachManager.setSession(this);
-		this.callFactory = new CallFactory(this, deviceController, attachManager);
+		this.callFactory = new CallFactory(this, deviceController, attachManager, webRTCApiProvider);
 		this.initialized$ = (0, import_cjs$5.defer)(() => (0, import_cjs$5.from)(this.init())).pipe((0, import_cjs$5.shareReplay)(1), (0, import_cjs$5.takeUntil)(this.destroyed$));
 	}
 	get incomingCalls$() {
-		return this.calls$.pipe((0, import_cjs$5.map)((calls) => calls.filter((call) => call.direction === "inbound")));
+		return this.cachedObservable("incomingCalls$", () => this.calls$.pipe((0, import_cjs$5.map)((calls) => calls.filter((call) => call.direction === "inbound"))));
 	}
 	get incomingCalls() {
 		return Object.values(this._calls$.value).filter((call) => call.direction === "inbound");
@@ -15265,7 +15294,7 @@ var ClientSessionManager = class extends Destroyable {
 		return this._subscriberInfo$.value;
 	}
 	get calls$() {
-		return this._calls$.pipe((0, import_cjs$5.map)((calls) => Object.values(calls)));
+		return this.cachedObservable("calls$", () => this._calls$.pipe((0, import_cjs$5.map)((calls) => Object.values(calls))));
 	}
 	get calls() {
 		return Object.values(this._calls$.value);
@@ -15368,20 +15397,20 @@ var ClientSessionManager = class extends Destroyable {
 		}
 	}
 	get authStateEvent$() {
-		return this.signalingEvent$.pipe((0, import_cjs$5.tap)((msg) => {
+		return this.cachedObservable("authStateEvent$", () => this.signalingEvent$.pipe((0, import_cjs$5.tap)((msg) => {
 			logger$6.debug("[Session] Received incoming message:", msg);
 		}), filterAs(isSignalwireAuthorizationStateMetadata, "params"), (0, import_cjs$5.tap)((event) => {
 			logger$6.debug("[Session] Authorization state event received:", event.authorization_state);
-		}));
+		})));
 	}
 	get signalingEvent$() {
-		return this.transport.incomingEvent$.pipe(filterAs(isSignalwireRequest, "params"));
+		return this.cachedObservable("signalingEvent$", () => this.transport.incomingEvent$.pipe(filterAs(isSignalwireRequest, "params"), (0, import_cjs$5.share)()));
 	}
 	get vertoInvite$() {
-		return this.signalingEvent$.pipe((0, import_cjs$5.filter)(isWebrtcMessageMetadata), (0, import_cjs$5.filter)((event) => isVertoInviteMessage(event.params)), (0, import_cjs$5.map)((event) => ({
+		return this.cachedObservable("vertoInvite$", () => this.signalingEvent$.pipe((0, import_cjs$5.filter)(isWebrtcMessageMetadata), (0, import_cjs$5.filter)((event) => isVertoInviteMessage(event.params)), (0, import_cjs$5.map)((event) => ({
 			node_id: event.node_id,
 			...event.params.params
-		})));
+		}))));
 	}
 	get contexts() {
 		return [];
@@ -15546,6 +15575,9 @@ var ClientSessionWrapper = class {
 	get signalingEvent$() {
 		return this.clientSessionManager.signalingEvent$;
 	}
+	get iceServers() {
+		return this.clientSessionManager.iceServers;
+	}
 	async execute(request, options) {
 		return this.clientSessionManager.execute(request, options);
 	}
@@ -16138,6 +16170,7 @@ var SignalWire = class extends Destroyable {
 		if (this._options.storageImplementation) this._deps.storageImpl = this._options.storageImplementation;
 		if (this._options.webSocketConstructor) this._deps.WebSocket = this._options.webSocketConstructor;
 		if (this._options.savePreferences) this.preferences.enableSavePreferences(this._deps.storage);
+		if (this._options.webRTCApiProvider) this._deps.webRTCApiProvider = this._options.webRTCApiProvider;
 		this._deviceController = this._deps.deviceController;
 		if (!this._options.skipDeviceMonitoring) this._deviceController.enableDeviceMonitoring();
 		this.subscribeTo(this._deviceController.errors$, (error) => {
@@ -16193,7 +16226,7 @@ var SignalWire = class extends Destroyable {
 	async init() {
 		this._subscriber$.next(new Subscriber(this._deps.http));
 		if (!this._options.skipConnection) await this.connect();
-		if (this._options.skipReconnect && this._attachManager) await this._attachManager.flush();
+		if (!this._options.reconnectAttachedCalls && this._attachManager) await this._attachManager.flush();
 		if (!this._options.skipRegister) this.register();
 		this.handleAttachments();
 	}
@@ -16262,7 +16295,7 @@ var SignalWire = class extends Destroyable {
 		};
 		this._transport = new TransportManager(this._deps.storage, this._deps.protocolKey, this._deps.WebSocket, PreferencesContainer.instance.relayHost ?? this._deps.relayHost, errorHandler);
 		this._attachManager = new AttachManager(this._deps.storage, this._deps.deviceController, PreferencesContainer.instance.reconnectCallsTimeout, this._deps.attachedCallsKey);
-		this._clientSession = new ClientSessionManager(this._deps.credential, this._transport, this._deps.storage, this._deps.authorizationStateKey, this._deps.deviceController, this._attachManager);
+		this._clientSession = new ClientSessionManager(this._deps.credential, this._transport, this._deps.storage, this._deps.authorizationStateKey, this._deps.deviceController, this._attachManager, this._deps.webRTCApiProvider);
 		this._publicSession = new ClientSessionWrapper(this._clientSession);
 		this.subscribeTo(this._clientSession.errors$, (error) => {
 			this._errors$.next(error);
@@ -16332,7 +16365,7 @@ var SignalWire = class extends Destroyable {
 	}
 	/** Observable that emits `true` when the client is both connected and authenticated. */
 	get ready$() {
-		return this._isConnected$.pipe((0, import_cjs.switchMap)((connected) => connected ? this._clientSession.authenticated$ : (0, import_cjs.of)(false)));
+		return this.cachedObservable("ready$", () => this._isConnected$.pipe((0, import_cjs.switchMap)((connected) => connected ? this._clientSession.authenticated$ : (0, import_cjs.of)(false))));
 	}
 	/** Observable stream of errors from transport, authentication, and devices. */
 	get errors$() {
@@ -16624,5 +16657,5 @@ emitReadyEvent();
 if (typeof process === "undefined") globalThis.process = { env: { NODE_ENV: "production" } };
 
 //#endregion
-export { Address, CallCreateError, ClientPreferences, CollectionFetchError, MediaTrackError, MessageParseError, Participant, SelfParticipant, SignalWire, StaticCredentialProvider, Subscriber, VertoPongError, WebRTCCall, embeddableCall, isSelfParticipant, ready, version };
+export { Address, CallCreateError, ClientPreferences, CollectionFetchError, InvalidCredentialsError, MediaTrackError, MessageParseError, Participant, SelfCapabilities, SelfParticipant, SignalWire, StaticCredentialProvider, Subscriber, UnexpectedError, VertoPongError, WebRTCCall, embeddableCall, isSelfParticipant, ready, version };
 //# sourceMappingURL=browser.mjs.map