@tmsoft/webphone 2.0.16 → 2.0.17

package/dist/webphone.es.js

@@ -7030,41 +7030,41 @@ var concatArrays = (e, t) => {
 		isArbitraryVariablePosition,
 		isArbitraryPosition,
 		{ position: [isArbitraryVariable, isArbitraryValue] }
-	], B = () => ["no-repeat", { repeat: [
+	], ym = () => ["no-repeat", { repeat: [
 		"",
 		"x",
 		"y",
 		"space",
 		"round"
-	] }], V = () => [
+	] }], B = () => [
 		"auto",
 		"cover",
 		"contain",
 		isArbitraryVariableSize,
 		isArbitrarySize,
 		{ size: [isArbitraryVariable, isArbitraryValue] }
-	], H = () => [
+	], V = () => [
 		isPercent,
 		isArbitraryVariableLength,
 		isArbitraryLength
-	], U = () => [
+	], H = () => [
 		"",
 		"none",
 		"full",
 		d,
 		isArbitraryVariable,
 		isArbitraryValue
-	], W = () => [
+	], U = () => [
 		"",
 		isNumber,
 		isArbitraryVariableLength,
 		isArbitraryLength
-	], G = () => [
+	], W = () => [
 		"solid",
 		"dashed",
 		"dotted",
 		"double"
-	], K = () => [
+	], G = () => [
 		"normal",
 		"multiply",
 		"screen",
@@ -7081,32 +7081,32 @@ var concatArrays = (e, t) => {
 		"saturation",
 		"color",
 		"luminosity"
-	], q = () => [
+	], K = () => [
 		isNumber,
 		isPercent,
 		isArbitraryVariablePosition,
 		isArbitraryPosition
-	], J = () => [
+	], q = () => [
 		"",
 		"none",
 		_,
 		isArbitraryVariable,
 		isArbitraryValue
-	], Y = () => [
+	], J = () => [
 		"none",
 		isNumber,
 		isArbitraryVariable,
 		isArbitraryValue
-	], Z = () => [
+	], Y = () => [
 		"none",
 		isNumber,
 		isArbitraryVariable,
 		isArbitraryValue
-	], Q = () => [
+	], Z = () => [
 		isNumber,
 		isArbitraryVariable,
 		isArbitraryValue
-	], ym = () => [
+	], Q = () => [
 		isFraction,
 		"full",
 		...O()
@@ -7496,7 +7496,7 @@ var concatArrays = (e, t) => {
 				"line-through",
 				"no-underline"
 			],
-			"text-decoration-style": [{ decoration: [...G(), "wavy"] }],
+			"text-decoration-style": [{ decoration: [...W(), "wavy"] }],
 			"text-decoration-thickness": [{ decoration: [
 				isNumber,
 				"from-font",
@@ -7587,8 +7587,8 @@ var concatArrays = (e, t) => {
 				"content"
 			] }],
 			"bg-position": [{ bg: z() }],
-			"bg-repeat": [{ bg: B() }],
-			"bg-size": [{ bg: V() }],
+			"bg-repeat": [{ bg: ym() }],
+			"bg-size": [{ bg: B() }],
 			"bg-image": [{ bg: [
 				"none",
 				{
@@ -7622,47 +7622,47 @@ var concatArrays = (e, t) => {
 				isArbitraryImage
 			] }],
 			"bg-color": [{ bg: R() }],
-			"gradient-from-pos": [{ from: H() }],
-			"gradient-via-pos": [{ via: H() }],
-			"gradient-to-pos": [{ to: H() }],
+			"gradient-from-pos": [{ from: V() }],
+			"gradient-via-pos": [{ via: V() }],
+			"gradient-to-pos": [{ to: V() }],
 			"gradient-from": [{ from: R() }],
 			"gradient-via": [{ via: R() }],
 			"gradient-to": [{ to: R() }],
-			rounded: [{ rounded: U() }],
-			"rounded-s": [{ "rounded-s": U() }],
-			"rounded-e": [{ "rounded-e": U() }],
-			"rounded-t": [{ "rounded-t": U() }],
-			"rounded-r": [{ "rounded-r": U() }],
-			"rounded-b": [{ "rounded-b": U() }],
-			"rounded-l": [{ "rounded-l": U() }],
-			"rounded-ss": [{ "rounded-ss": U() }],
-			"rounded-se": [{ "rounded-se": U() }],
-			"rounded-ee": [{ "rounded-ee": U() }],
-			"rounded-es": [{ "rounded-es": U() }],
-			"rounded-tl": [{ "rounded-tl": U() }],
-			"rounded-tr": [{ "rounded-tr": U() }],
-			"rounded-br": [{ "rounded-br": U() }],
-			"rounded-bl": [{ "rounded-bl": U() }],
-			"border-w": [{ border: W() }],
-			"border-w-x": [{ "border-x": W() }],
-			"border-w-y": [{ "border-y": W() }],
-			"border-w-s": [{ "border-s": W() }],
-			"border-w-e": [{ "border-e": W() }],
-			"border-w-t": [{ "border-t": W() }],
-			"border-w-r": [{ "border-r": W() }],
-			"border-w-b": [{ "border-b": W() }],
-			"border-w-l": [{ "border-l": W() }],
-			"divide-x": [{ "divide-x": W() }],
+			rounded: [{ rounded: H() }],
+			"rounded-s": [{ "rounded-s": H() }],
+			"rounded-e": [{ "rounded-e": H() }],
+			"rounded-t": [{ "rounded-t": H() }],
+			"rounded-r": [{ "rounded-r": H() }],
+			"rounded-b": [{ "rounded-b": H() }],
+			"rounded-l": [{ "rounded-l": H() }],
+			"rounded-ss": [{ "rounded-ss": H() }],
+			"rounded-se": [{ "rounded-se": H() }],
+			"rounded-ee": [{ "rounded-ee": H() }],
+			"rounded-es": [{ "rounded-es": H() }],
+			"rounded-tl": [{ "rounded-tl": H() }],
+			"rounded-tr": [{ "rounded-tr": H() }],
+			"rounded-br": [{ "rounded-br": H() }],
+			"rounded-bl": [{ "rounded-bl": H() }],
+			"border-w": [{ border: U() }],
+			"border-w-x": [{ "border-x": U() }],
+			"border-w-y": [{ "border-y": U() }],
+			"border-w-s": [{ "border-s": U() }],
+			"border-w-e": [{ "border-e": U() }],
+			"border-w-t": [{ "border-t": U() }],
+			"border-w-r": [{ "border-r": U() }],
+			"border-w-b": [{ "border-b": U() }],
+			"border-w-l": [{ "border-l": U() }],
+			"divide-x": [{ "divide-x": U() }],
 			"divide-x-reverse": ["divide-x-reverse"],
-			"divide-y": [{ "divide-y": W() }],
+			"divide-y": [{ "divide-y": U() }],
 			"divide-y-reverse": ["divide-y-reverse"],
 			"border-style": [{ border: [
-				...G(),
+				...W(),
 				"hidden",
 				"none"
 			] }],
 			"divide-style": [{ divide: [
-				...G(),
+				...W(),
 				"hidden",
 				"none"
 			] }],
@@ -7677,7 +7677,7 @@ var concatArrays = (e, t) => {
 			"border-color-l": [{ "border-l": R() }],
 			"divide-color": [{ divide: R() }],
 			"outline-style": [{ outline: [
-				...G(),
+				...W(),
 				"none",
 				"hidden"
 			] }],
@@ -7708,12 +7708,12 @@ var concatArrays = (e, t) => {
 				isArbitraryShadow
 			] }],
 			"inset-shadow-color": [{ "inset-shadow": R() }],
-			"ring-w": [{ ring: W() }],
+			"ring-w": [{ ring: U() }],
 			"ring-w-inset": ["ring-inset"],
 			"ring-color": [{ ring: R() }],
 			"ring-offset-w": [{ "ring-offset": [isNumber, isArbitraryLength] }],
 			"ring-offset-color": [{ "ring-offset": R() }],
-			"inset-ring-w": [{ "inset-ring": W() }],
+			"inset-ring-w": [{ "inset-ring": U() }],
 			"inset-ring-color": [{ "inset-ring": R() }],
 			"text-shadow": [{ "text-shadow": [
 				"none",
@@ -7728,11 +7728,11 @@ var concatArrays = (e, t) => {
 				isArbitraryValue
 			] }],
 			"mix-blend": [{ "mix-blend": [
-				...K(),
+				...G(),
 				"plus-darker",
 				"plus-lighter"
 			] }],
-			"bg-blend": [{ "bg-blend": K() }],
+			"bg-blend": [{ "bg-blend": G() }],
 			"mask-clip": [{ "mask-clip": [
 				"border",
 				"padding",
@@ -7748,37 +7748,37 @@ var concatArrays = (e, t) => {
 				"exclude"
 			] }],
 			"mask-image-linear-pos": [{ "mask-linear": [isNumber] }],
-			"mask-image-linear-from-pos": [{ "mask-linear-from": q() }],
-			"mask-image-linear-to-pos": [{ "mask-linear-to": q() }],
+			"mask-image-linear-from-pos": [{ "mask-linear-from": K() }],
+			"mask-image-linear-to-pos": [{ "mask-linear-to": K() }],
 			"mask-image-linear-from-color": [{ "mask-linear-from": R() }],
 			"mask-image-linear-to-color": [{ "mask-linear-to": R() }],
-			"mask-image-t-from-pos": [{ "mask-t-from": q() }],
-			"mask-image-t-to-pos": [{ "mask-t-to": q() }],
+			"mask-image-t-from-pos": [{ "mask-t-from": K() }],
+			"mask-image-t-to-pos": [{ "mask-t-to": K() }],
 			"mask-image-t-from-color": [{ "mask-t-from": R() }],
 			"mask-image-t-to-color": [{ "mask-t-to": R() }],
-			"mask-image-r-from-pos": [{ "mask-r-from": q() }],
-			"mask-image-r-to-pos": [{ "mask-r-to": q() }],
+			"mask-image-r-from-pos": [{ "mask-r-from": K() }],
+			"mask-image-r-to-pos": [{ "mask-r-to": K() }],
 			"mask-image-r-from-color": [{ "mask-r-from": R() }],
 			"mask-image-r-to-color": [{ "mask-r-to": R() }],
-			"mask-image-b-from-pos": [{ "mask-b-from": q() }],
-			"mask-image-b-to-pos": [{ "mask-b-to": q() }],
+			"mask-image-b-from-pos": [{ "mask-b-from": K() }],
+			"mask-image-b-to-pos": [{ "mask-b-to": K() }],
 			"mask-image-b-from-color": [{ "mask-b-from": R() }],
 			"mask-image-b-to-color": [{ "mask-b-to": R() }],
-			"mask-image-l-from-pos": [{ "mask-l-from": q() }],
-			"mask-image-l-to-pos": [{ "mask-l-to": q() }],
+			"mask-image-l-from-pos": [{ "mask-l-from": K() }],
+			"mask-image-l-to-pos": [{ "mask-l-to": K() }],
 			"mask-image-l-from-color": [{ "mask-l-from": R() }],
 			"mask-image-l-to-color": [{ "mask-l-to": R() }],
-			"mask-image-x-from-pos": [{ "mask-x-from": q() }],
-			"mask-image-x-to-pos": [{ "mask-x-to": q() }],
+			"mask-image-x-from-pos": [{ "mask-x-from": K() }],
+			"mask-image-x-to-pos": [{ "mask-x-to": K() }],
 			"mask-image-x-from-color": [{ "mask-x-from": R() }],
 			"mask-image-x-to-color": [{ "mask-x-to": R() }],
-			"mask-image-y-from-pos": [{ "mask-y-from": q() }],
-			"mask-image-y-to-pos": [{ "mask-y-to": q() }],
+			"mask-image-y-from-pos": [{ "mask-y-from": K() }],
+			"mask-image-y-to-pos": [{ "mask-y-to": K() }],
 			"mask-image-y-from-color": [{ "mask-y-from": R() }],
 			"mask-image-y-to-color": [{ "mask-y-to": R() }],
 			"mask-image-radial": [{ "mask-radial": [isArbitraryVariable, isArbitraryValue] }],
-			"mask-image-radial-from-pos": [{ "mask-radial-from": q() }],
-			"mask-image-radial-to-pos": [{ "mask-radial-to": q() }],
+			"mask-image-radial-from-pos": [{ "mask-radial-from": K() }],
+			"mask-image-radial-to-pos": [{ "mask-radial-to": K() }],
 			"mask-image-radial-from-color": [{ "mask-radial-from": R() }],
 			"mask-image-radial-to-color": [{ "mask-radial-to": R() }],
 			"mask-image-radial-shape": [{ "mask-radial": ["circle", "ellipse"] }],
@@ -7788,8 +7788,8 @@ var concatArrays = (e, t) => {
 			}] }],
 			"mask-image-radial-pos": [{ "mask-radial-at": w() }],
 			"mask-image-conic-pos": [{ "mask-conic": [isNumber] }],
-			"mask-image-conic-from-pos": [{ "mask-conic-from": q() }],
-			"mask-image-conic-to-pos": [{ "mask-conic-to": q() }],
+			"mask-image-conic-from-pos": [{ "mask-conic-from": K() }],
+			"mask-image-conic-to-pos": [{ "mask-conic-to": K() }],
 			"mask-image-conic-from-color": [{ "mask-conic-from": R() }],
 			"mask-image-conic-to-color": [{ "mask-conic-to": R() }],
 			"mask-mode": [{ mask: [
@@ -7806,8 +7806,8 @@ var concatArrays = (e, t) => {
 				"view"
 			] }],
 			"mask-position": [{ mask: z() }],
-			"mask-repeat": [{ mask: B() }],
-			"mask-size": [{ mask: V() }],
+			"mask-repeat": [{ mask: ym() }],
+			"mask-size": [{ mask: B() }],
 			"mask-type": [{ "mask-type": ["alpha", "luminance"] }],
 			"mask-image": [{ mask: [
 				"none",
@@ -7820,7 +7820,7 @@ var concatArrays = (e, t) => {
 				isArbitraryVariable,
 				isArbitraryValue
 			] }],
-			blur: [{ blur: J() }],
+			blur: [{ blur: q() }],
 			brightness: [{ brightness: [
 				isNumber,
 				isArbitraryVariable,
@@ -7873,7 +7873,7 @@ var concatArrays = (e, t) => {
 				isArbitraryVariable,
 				isArbitraryValue
 			] }],
-			"backdrop-blur": [{ "backdrop-blur": J() }],
+			"backdrop-blur": [{ "backdrop-blur": q() }],
 			"backdrop-brightness": [{ "backdrop-brightness": [
 				isNumber,
 				isArbitraryVariable,
@@ -7966,18 +7966,18 @@ var concatArrays = (e, t) => {
 				isArbitraryValue
 			] }],
 			"perspective-origin": [{ "perspective-origin": T() }],
-			rotate: [{ rotate: Y() }],
-			"rotate-x": [{ "rotate-x": Y() }],
-			"rotate-y": [{ "rotate-y": Y() }],
-			"rotate-z": [{ "rotate-z": Y() }],
-			scale: [{ scale: Z() }],
-			"scale-x": [{ "scale-x": Z() }],
-			"scale-y": [{ "scale-y": Z() }],
-			"scale-z": [{ "scale-z": Z() }],
+			rotate: [{ rotate: J() }],
+			"rotate-x": [{ "rotate-x": J() }],
+			"rotate-y": [{ "rotate-y": J() }],
+			"rotate-z": [{ "rotate-z": J() }],
+			scale: [{ scale: Y() }],
+			"scale-x": [{ "scale-x": Y() }],
+			"scale-y": [{ "scale-y": Y() }],
+			"scale-z": [{ "scale-z": Y() }],
 			"scale-3d": ["scale-3d"],
-			skew: [{ skew: Q() }],
-			"skew-x": [{ "skew-x": Q() }],
-			"skew-y": [{ "skew-y": Q() }],
+			skew: [{ skew: Z() }],
+			"skew-x": [{ "skew-x": Z() }],
+			"skew-y": [{ "skew-y": Z() }],
 			transform: [{ transform: [
 				isArbitraryVariable,
 				isArbitraryValue,
@@ -7988,10 +7988,10 @@ var concatArrays = (e, t) => {
 			] }],
 			"transform-origin": [{ origin: T() }],
 			"transform-style": [{ transform: ["3d", "flat"] }],
-			translate: [{ translate: ym() }],
-			"translate-x": [{ "translate-x": ym() }],
-			"translate-y": [{ "translate-y": ym() }],
-			"translate-z": [{ "translate-z": ym() }],
+			translate: [{ translate: Q() }],
+			"translate-x": [{ "translate-x": Q() }],
+			"translate-y": [{ "translate-y": Q() }],
+			"translate-z": [{ "translate-z": Q() }],
 			"translate-none": ["translate-none"],
 			accent: [{ accent: R() }],
 			appearance: [{ appearance: ["none", "auto"] }],
@@ -8315,29 +8315,26 @@ var cleanPhoneNumber = (e) => e.replace(/[^\d+*#]/g, ""), isValidPhoneOrExtensio
 const createSipService = (e) => {
 	let t = shallowRef(null), n = shallowRef(null), i = shallowRef(/* @__PURE__ */ new Map()), a = new Audio();
 	a.autoplay = !0;
-	let o = shallowRef(void 0), l = shallowRef(null), u = shallowRef(null), d = computed(() => t.value?.configuration.uri?.user || ""), { startRingtone: f, stopRingtone: p, startRingback: m, stopRingback: g, setNotificationVolume: _ } = useAudioSounds(), v = () => {
-		e.channels.value.some((e) => e.status === "incoming") ? f() : p();
-		let t = e.activeChannel.value;
-		t?.status === "calling" && !t.hasEarlyMedia ? m() : g();
-	}, y = (e) => {
+	let o = shallowRef(void 0), l = shallowRef(null), u = shallowRef(null), d = null, f = null, p = computed(() => t.value?.configuration.uri?.user || ""), { startRingtone: m, stopRingtone: g, startRingback: _, stopRingback: v, setNotificationVolume: y } = useAudioSounds(), b = () => {
+		e.channels.value.some((e) => e.status === "incoming") ? m() : g(), e.activeChannel.value?.status === "calling" ? _() : v();
+	}, x = (e) => {
 		a.volume = e / 100;
-	}, b = async (e) => {
+	}, S = async (e) => {
 		typeof a.setSinkId == "function" && await a.setSinkId(e);
-	}, x = (e) => {
+	}, w = (e) => {
 		o.value = e;
-	}, S = (e = !1) => {
+	}, T = (e = !1) => {
 		let t = {
 			echoCancellation: { ideal: !0 },
-			noiseSuppression: { ideal: !0 },
-			autoGainControl: { ideal: !0 },
-			channelCount: 1,
-			voiceIsolation: { ideal: !0 }
+			noiseSuppression: { ideal: !1 },
+			autoGainControl: { ideal: !1 },
+			channelCount: 1
 		};
 		return o.value && (t.deviceId = { exact: o.value }), {
 			audio: t,
 			video: e
 		};
-	}, w = async (i) => {
+	}, E = async (i) => {
 		if (!t.value) {
 			try {
 				(await navigator.mediaDevices.getUserMedia({ audio: !0 })).getTracks().forEach((e) => e.stop());
@@ -8359,15 +8356,15 @@ const createSipService = (e) => {
 					delegate: {
 						onConnect: () => e.setConnected(!0),
 						onDisconnect: () => e.setConnected(!1),
-						onInvite: (e) => D(e)
+						onInvite: (e) => k(e)
 					}
-				}), await t.value.start(), n.value = new Registerer(t.value), await n.value.register(), T();
+				}), await t.value.start(), n.value = new Registerer(t.value), await n.value.register(), D();
 			} catch {}
 		}
-	}, T = () => {
+	}, D = () => {
 		let t = null, n = Date.now(), i = (e = 1e3) => {
 			t && clearTimeout(t), t = setTimeout(async () => {
-				t = null, await E();
+				t = null, await O();
 			}, e);
 		}, a = () => {
 			if (document.visibilityState === "visible") {
@@ -8382,7 +8379,7 @@ const createSipService = (e) => {
 		}, l = null, u = () => {
 			l = setInterval(() => {
 				let e = Date.now(), t = e - n;
-				t > 1e4 && (console.log(`[SipJs] Heartbeat drift detected (${Math.round(t / 1e3)}s), device may have woken from sleep`), i(1500)), n = e;
+				t > 3e4 && (console.log(`[SipJs] Heartbeat drift detected (${Math.round(t / 1e3)}s), device may have woken from sleep`), i(1500)), n = e;
 			}, 1e3);
 		};
 		document.addEventListener("visibilitychange", a), window.addEventListener("online", o), window.addEventListener("offline", s), document.addEventListener("freeze", () => {
@@ -8390,12 +8387,16 @@ const createSipService = (e) => {
 		}), document.addEventListener("resume", () => {
 			console.log("[SipJs] Page resumed"), n = Date.now(), u(), i(1e3);
 		}), u();
-	}, E = async () => {
+	}, O = async () => {
 		if (t.value) {
 			if (!navigator.onLine) {
 				console.log("[SipJs] Skipping reconnect, device is offline");
 				return;
 			}
+			if (i.value.size > 0) {
+				console.log("[SipJs] Skipping reconnect, active calls in progress");
+				return;
+			}
 			try {
 				if (t.value.isConnected() || (console.log("[SipJs] Reconnecting..."), await t.value.reconnect()), n.value && t.value.isConnected()) try {
 					await n.value.register();
@@ -8404,7 +8405,7 @@ const createSipService = (e) => {
 				console.error("[SipJs] Reconnection failed:", e);
 			}
 		}
-	}, D = (t) => {
+	}, k = (t) => {
 		console.log("[SipJs] 📞 Llamada entrante recibida"), console.log("[SipJs] Remote Identity URI:", t.remoteIdentity.uri.toString()), console.log("[SipJs] Remote Identity URI user:", t.remoteIdentity.uri.user), console.log("[SipJs] Remote Identity displayName:", t.remoteIdentity.displayName);
 		let n = e.channels.value.find((e) => e.status === "idle");
 		if (!n) {
@@ -8419,7 +8420,7 @@ const createSipService = (e) => {
 			remoteNumber: s,
 			remoteDisplayName: t.remoteIdentity.displayName || void 0,
 			hasVideo: o
-		}), v(), e.setActiveChannelId(a), t.stateChange.addListener((n) => {
+		}), b(), e.setActiveChannelId(a), t.stateChange.addListener((n) => {
 			switch (n) {
 				case SessionState.Terminated: {
 					let n = e.channels.value.find((e) => e.id === a), o = extractCallerNumber(t.remoteIdentity.uri.user, t.remoteIdentity.displayName);
@@ -8446,18 +8447,18 @@ const createSipService = (e) => {
 						isHeld: !1,
 						hasVideo: !1,
 						hasEarlyMedia: !1
-					}), i.value.delete(a), e.activeChannelId.value === a && V(), v();
+					}), i.value.delete(a), e.activeChannelId.value === a && H(), b();
 					break;
 				}
 				case SessionState.Established:
 					e.updateChannelState(a, {
 						status: "connected",
 						startTime: Date.now()
-					}), e.activeChannelId.value === a && B(t), v();
+					}), e.activeChannelId.value === a && V(t), b();
 					break;
 			}
 		});
-	}, O = async (n, a = !1) => {
+	}, A = async (n, a = !1) => {
 		if (!t.value) return;
 		let o = e.activeChannelId.value;
 		if (i.value.has(o)) return;
@@ -8472,13 +8473,13 @@ const createSipService = (e) => {
 			status: "calling",
 			remoteNumber: n,
 			hasVideo: a
-		}), e.setLastDialedNumber(n), v(), l.stateChange.addListener((t) => {
+		}), e.setLastDialedNumber(n), b(), l.stateChange.addListener((t) => {
 			switch (t) {
 				case SessionState.Established:
 					e.channels.value.find((e) => e.id === o)?.status !== "connected" && (e.updateChannelState(o, {
 						status: "connected",
 						startTime: Date.now()
-					}), B(l), v());
+					}), V(l), b());
 					break;
 				case SessionState.Terminated: {
 					let t = e.channels.value.find((e) => e.id === o);
@@ -8506,38 +8507,38 @@ const createSipService = (e) => {
 						startTime: void 0,
 						keypadValue: "",
 						hasVideo: !1
-					}), i.value.delete(o), e.activeChannelId.value === o && V(), v();
+					}), i.value.delete(o), e.activeChannelId.value === o && H(), b();
 					break;
 				}
 			}
 		});
 		let u = {
-			sessionDescriptionHandlerOptions: { constraints: S(a) },
+			sessionDescriptionHandlerOptions: { constraints: T(a) },
 			requestDelegate: {
 				onProgress: (t) => {
-					(t.message.statusCode === 180 || t.message.statusCode === 183) && (t.message.body && (e.updateChannelState(o, { hasEarlyMedia: !0 }), B(l)), v());
+					(t.message.statusCode === 180 || t.message.statusCode === 183) && (t.message.body && (e.updateChannelState(o, { hasEarlyMedia: !0 }), V(l)), b());
 				},
 				onAccept: (t) => {
 					e.channels.value.find((e) => e.id === o)?.status !== "connected" && (e.updateChannelState(o, {
 						status: "connected",
 						startTime: Date.now()
-					}), B(l), v());
+					}), V(l), b());
 				}
 			}
 		};
 		await l.invite(u);
-	}, k = async (t = !1) => {
+	}, j = async (t = !1) => {
 		let n = i.value.get(e.activeChannelId.value);
 		if (n instanceof Invitation && n.state === SessionState.Initial) {
 			for (let [t, n] of i.value.entries()) if (t !== e.activeChannelId.value && n.state === SessionState.Established && !e.channels.value.find((e) => e.id === t)?.isHeld) try {
-				await M(n, !0), e.updateChannelState(t, { isHeld: !0 });
+				await P(n, !0), e.updateChannelState(t, { isHeld: !0 });
 			} catch (e) {
 				console.error(`[SipJs] Failed to hold channel ${t}:`, e);
 			}
-			let a = { sessionDescriptionHandlerOptions: { constraints: S(t) } };
-			await n.accept(a), v();
+			let a = { sessionDescriptionHandlerOptions: { constraints: T(t) } };
+			await n.accept(a), b();
 		}
-	}, A = async () => {
+	}, M = async () => {
 		let t = i.value.get(e.activeChannelId.value);
 		if (t) switch (t.state) {
 			case SessionState.Initial:
@@ -8548,7 +8549,7 @@ const createSipService = (e) => {
 				await t.bye();
 				break;
 		}
-	}, j = () => {
+	}, N = () => {
 		let t = i.value.get(e.activeChannelId.value);
 		if (!t) return;
 		let n = !e.isMuted.value, a = !1, o = t.sessionDescriptionHandler;
@@ -8557,26 +8558,26 @@ const createSipService = (e) => {
 		}), u.value && u.value.getAudioTracks().forEach((e) => {
 			e.enabled = !n, a = !0;
 		}), a || console.warn("[SipJs] No audio tracks found to mute/unmute"), e.setMuted(n);
-	}, M = async (e, t) => {
+	}, P = async (e, t) => {
 		let n = { sessionDescriptionHandlerOptions: { hold: t } };
 		await e.invite(n);
-	}, N = async () => {
+	}, F = async () => {
 		let t = i.value.get(e.activeChannelId.value);
 		if (t?.state !== SessionState.Established) return;
 		let n = !e.isHeld.value;
 		try {
-			await M(t, n), e.setHeld(n);
+			await P(t, n), e.setHeld(n);
 		} catch {}
-	}, P = async (t) => {
+	}, I = async (t) => {
 		let n = e.activeChannelId.value;
 		if (n === t) return;
 		let a = i.value.get(n), o = i.value.get(t), s = e.channels.value.find((e) => e.id === n), l = e.channels.value.find((e) => e.id === t);
 		if (a && a.state === SessionState.Established && !s?.isHeld) try {
-			await M(a, !0), e.updateChannelState(n, { isHeld: !0 });
+			await P(a, !0), e.updateChannelState(n, { isHeld: !0 });
 		} catch {}
-		if (e.setActiveChannelId(t), v(), o && o.state === SessionState.Established) {
+		if (e.setActiveChannelId(t), b(), o && o.state === SessionState.Established) {
 			if (l?.isHeld) try {
-				await M(o, !1), e.updateChannelState(t, { isHeld: !1 });
+				await P(o, !1), e.updateChannelState(t, { isHeld: !1 });
 			} catch {}
 			if (l?.isMuted) {
 				let e = o.sessionDescriptionHandler;
@@ -8586,9 +8587,9 @@ const createSipService = (e) => {
 					e.enabled = !1;
 				});
 			}
-			B(o);
-		} else V();
-	}, F = (t) => {
+			V(o);
+		} else H();
+	}, L = (t) => {
 		let n = i.value.get(e.activeChannelId.value);
 		if (n?.state !== SessionState.Established) return;
 		let a = { requestOptions: { body: {
@@ -8597,7 +8598,7 @@ const createSipService = (e) => {
 			contentDisposition: "signal"
 		} } };
 		n.info(a);
-	}, I = async (n) => {
+	}, R = async (n) => {
 		console.log("[SipJs] 🔄 transferCall iniciado"), console.log("[SipJs] Target:", n);
 		let a = e.activeChannelId.value, o = i.value.get(a);
 		if (!o) throw console.error("[SipJs] ❌ No hay sesión activa en el canal", a), Error("No active session to transfer");
@@ -8649,28 +8650,28 @@ const createSipService = (e) => {
 		} catch (e) {
 			throw console.error("[SipJs] ❌ Error en transferCall:", e), console.error("[SipJs] Error type:", e?.constructor?.name), console.error("[SipJs] Error message:", e instanceof Error ? e.message : String(e)), console.error("[SipJs] Error stack:", e instanceof Error ? e.stack : "N/A"), e;
 		}
-	}, L = async (t) => {
+	}, z = async (t) => {
 		console.log("[SipJs] 🔄 startAttendedTransfer iniciado"), console.log("[SipJs] Target:", t);
 		let n = e.activeChannelId.value, a = i.value.get(n);
 		if (console.log("[SipJs] Canal original:", n), console.log("[SipJs] Sesión original:", a?.state), !a || a.state !== SessionState.Established) throw console.error("[SipJs] ❌ No hay llamada establecida para transferir"), Error("No established call to transfer");
 		let o = e.channels.value.find((e) => e.status === "idle");
 		if (console.log("[SipJs] Canal de consulta encontrado:", o?.id), !o) throw console.error("[SipJs] ❌ No hay canales disponibles para llamada de consulta"), Error("No available channel for consultation call");
 		try {
-			console.log("[SipJs] 🔇 Poniendo llamada original en hold..."), await M(a, !0), e.updateChannelState(n, { isHeld: !0 }), console.log("[SipJs] ✅ Llamada original en hold");
+			console.log("[SipJs] 🔇 Poniendo llamada original en hold..."), await P(a, !0), e.updateChannelState(n, { isHeld: !0 }), console.log("[SipJs] ✅ Llamada original en hold");
 		} catch (e) {
 			throw console.error("[SipJs] ❌ Failed to hold original call:", e), Error("Failed to put call on hold");
 		}
 		console.log("[SipJs] 🔄 Cambiando al canal de consulta:", o.id), e.setActiveChannelId(o.id);
 		try {
-			console.log("[SipJs] 📞 Iniciando llamada de consulta a:", t), await O(t, !1), console.log("[SipJs] ✅ Llamada de consulta iniciada"), e.setTransferInProgress({
+			console.log("[SipJs] 📞 Iniciando llamada de consulta a:", t), await A(t, !1), console.log("[SipJs] ✅ Llamada de consulta iniciada"), e.setTransferInProgress({
 				originalChannelId: n,
 				consultationChannelId: o.id,
 				targetNumber: t
 			}), console.log("[SipJs] 📋 Transferencia en progreso registrada");
 		} catch (t) {
-			throw console.error("[SipJs] ❌ Failed to start consultation call:", t), console.log("[SipJs] 🔄 Volviendo al canal original y quitando hold..."), e.setActiveChannelId(n), await M(a, !1).catch(() => {}), e.updateChannelState(n, { isHeld: !1 }), Error("Failed to initiate consultation call");
+			throw console.error("[SipJs] ❌ Failed to start consultation call:", t), console.log("[SipJs] 🔄 Volviendo al canal original y quitando hold..."), e.setActiveChannelId(n), await P(a, !1).catch(() => {}), e.updateChannelState(n, { isHeld: !1 }), Error("Failed to initiate consultation call");
 		}
-	}, R = async () => {
+	}, ym = async () => {
 		console.log("[SipJs] 🔄 completeAttendedTransfer iniciado");
 		let n = e.transferInProgress.value;
 		if (!n) throw console.error("[SipJs] ❌ No hay transferencia en progreso"), Error("No transfer in progress");
@@ -8713,7 +8714,7 @@ const createSipService = (e) => {
 		} catch (e) {
 			throw console.error("[SipJs] Attended transfer failed:", e), e;
 		}
-	}, z = async () => {
+	}, B = async () => {
 		let t = e.transferInProgress.value;
 		if (!t) throw Error("No transfer in progress");
 		console.log("[SipJs] Canceling attended transfer...");
@@ -8724,47 +8725,63 @@ const createSipService = (e) => {
 			console.warn("[SipJs] Error ending consultation:", e);
 		}
 		if (n) try {
-			e.setActiveChannelId(t.originalChannelId), await M(n, !1), e.updateChannelState(t.originalChannelId, { isHeld: !1 }), console.log("[SipJs] Returned to original call");
+			e.setActiveChannelId(t.originalChannelId), await P(n, !1), e.updateChannelState(t.originalChannelId, { isHeld: !1 }), console.log("[SipJs] Returned to original call");
 		} catch (e) {
 			console.warn("[SipJs] Error resuming original call:", e);
 		}
 		e.setTransferInProgress(null);
-	}, B = (e) => {
-		let t = e.sessionDescriptionHandler?.peerConnection;
-		if (!t) return;
-		let n = t.getReceivers(), i = t.getSenders(), o = n.map((e) => e.track).filter((e) => !!e);
-		if (l.value) {
-			let e = l.value.getTracks();
-			if (e.length === o.length && o.every((t) => e.some((e) => e.id === t.id))) return;
-		}
-		a.pause(), a.srcObject = null;
-		let s = new MediaStream(o), d = new MediaStream();
-		i.forEach((e) => {
-			e.track && d.addTrack(e.track);
-		}), u.value = d, l.value = s, a.srcObject = s, a.play().catch((e) => {
-			e.name !== "AbortError" && console.warn(e);
-		});
-	}, V = () => {
-		a.pause(), a.srcObject = null, l.value?.getTracks().forEach((e) => e.stop()), u.value?.getTracks().forEach((e) => e.stop()), l.value = null, u.value = null;
+	}, V = (e) => {
+		let t = e.sessionDescriptionHandler;
+		if (!t) {
+			console.error("[SipJs] setupRemoteMedia: no sessionDescriptionHandler");
+			return;
+		}
+		let n = t.remoteMediaStream;
+		if (!n) {
+			console.error("[SipJs] setupRemoteMedia: no remoteMediaStream on SDH");
+			return;
+		}
+		if (l.value === n) return;
+		a.pause(), a.srcObject = null, d?.abort(), d = new AbortController(), l.value = n, u.value = t.localMediaStream ?? null;
+		let i = (e) => {
+			f?.abort(), f = new AbortController();
+			let { signal: t } = f, n = () => {
+				a.play().catch((e) => {
+					e.name !== "AbortError" && console.error("[SipJs] play() failed:", e.name, e.message);
+				});
+			};
+			e.addEventListener("mute", () => {
+				a.pause();
+			}, { signal: t }), e.addEventListener("unmute", () => {
+				n();
+			}, { signal: t }), e.muted || n();
+		};
+		n.addEventListener("addtrack", (e) => {
+			e.track.kind === "audio" && (a.srcObject = null, a.srcObject = n, i(e.track));
+		}, { signal: d.signal });
+		let [o] = n.getTracks();
+		o && (a.srcObject = n, i(o));
+	}, H = () => {
+		f?.abort(), f = null, d?.abort(), d = null, a.pause(), a.srcObject = null, l.value = null, u.value = null;
 	};
 	return {
-		initUserAgent: w,
-		makeCall: O,
-		answerCall: k,
-		hangupCall: A,
-		toggleMute: j,
-		toggleHold: N,
-		sendDTMF: F,
-		transferCall: I,
-		startAttendedTransfer: L,
-		completeAttendedTransfer: R,
-		cancelAttendedTransfer: z,
-		switchChannel: P,
-		extension: d,
-		setVolume: y,
-		setNotificationVolume: _,
-		setOutputDevice: b,
-		setInputDevice: x,
+		initUserAgent: E,
+		makeCall: A,
+		answerCall: j,
+		hangupCall: M,
+		toggleMute: N,
+		toggleHold: F,
+		sendDTMF: L,
+		transferCall: R,
+		startAttendedTransfer: z,
+		completeAttendedTransfer: ym,
+		cancelAttendedTransfer: B,
+		switchChannel: I,
+		extension: p,
+		setVolume: x,
+		setNotificationVolume: y,
+		setOutputDevice: S,
+		setInputDevice: w,
 		remoteStream: l,
 		localStream: u
 	};
@@ -16500,9 +16517,9 @@ var _hoisted_1$7 = { class: "wp:grid wp:grid-cols-3 wp:gap-x-6 wp:gap-y-3 wp:p-3
 			return t === "idle" ? "Disponible" : t === "calling" ? "Llamando..." : e?.isHeld ? `En espera - ${e.remoteNumber || e.keypadValue || "Unknown"}` : t === "connected" ? "Conectado" : t.charAt(0).toUpperCase() + t.slice(1);
 		}), R = computed(() => {
 			let e = g.value, t = e?.remoteNumber || e?.keypadValue, n = e?.remoteDisplayName;
-			if (console.log("[CallDisplay] 🔍 Buscando contacto para número:", t), console.log("[CallDisplay] 🏷️  Display name del PBX:", n || "N/A"), console.log("[CallDisplay] 📒 Contactos disponibles:", o.contacts?.length || 0), !t) return console.log("[CallDisplay] ⚠️ No hay número"), "Unknown";
-			let i = o.contacts?.find((e) => (console.log("[CallDisplay] Comparando con:", e.name, "-", e.number), e.number === t ? (console.log("[CallDisplay] ✅ Coincidencia exacta encontrada:", e.name), !0) : t.endsWith(e.number) || e.number.endsWith(t) ? (console.log("[CallDisplay] ✅ Coincidencia parcial encontrada:", e.name), !0) : !1)), a = i ? i.name : n || t;
-			return console.log("[CallDisplay] 📱 Resultado final:", a), a;
+			if (!t) return "Unknown";
+			let i = o.contacts?.find((e) => e.number === t || t.endsWith(e.number) || e.number.endsWith(t));
+			return i ? i.name : n || t;
 		}), z = computed(() => {
 			let e = g.value;
 			return e?.remoteNumber || e?.keypadValue || "";
@@ -17750,11 +17767,11 @@ var ToggleGroupItem_default = /* @__PURE__ */ defineComponent({
 		provide("webphone", _), provide("sip", v), watchEffect(() => {
 			i.mode === "webcall" && (i.to || console.error("WebPhone: \"to\" prop is required when mode is \"webcall\""), i.logo || console.error("WebPhone: \"logo\" prop is required when mode is \"webcall\""));
 		});
-		let { isDark: w, toggleDark: T } = useDarkMode(), E = ref(!1), D = ref(!1), O = ref(!1), A = ref(null), M = ref(null), P = ref(null), z = ref(null), H = ref(null), U = navigator.platform.toUpperCase().indexOf("MAC") >= 0 ? "⌘" : "Ctrl+", W = computed(() => i.mode === "webcall"), K = computed(() => x.value && x.value.getVideoTracks().length > 0), { isOnline: q } = useNetwork(), J = computed(() => q.value ? _.isConnected ? "connected" : "disconnected" : "offline"), Y = ref(null), Z = ref(!1), Q = computed(() => {
+		let { isDark: w, toggleDark: T } = useDarkMode(), E = ref(!1), D = ref(!1), O = ref(!1), A = ref(null), M = ref(null), P = ref(null), z = ref(null), V = ref(null), H = navigator.platform.toUpperCase().indexOf("MAC") >= 0 ? "⌘" : "Ctrl+", U = computed(() => i.mode === "webcall"), G = computed(() => x.value && x.value.getVideoTracks().length > 0), { isOnline: K } = useNetwork(), q = computed(() => K.value ? _.isConnected ? "connected" : "disconnected" : "offline"), J = ref(null), Y = ref(!1), Z = computed(() => {
 			let e = _.callStatus !== "idle";
-			return (Y.value?.canUsePip ?? !1) && e;
+			return (J.value?.canUsePip ?? !1) && e;
 		}), bm = () => {
-			Y.value?.toggle();
+			J.value?.toggle();
 		}, xm = async (e, t) => {
 			try {
 				t === "blind" ? await v.transferCall(e) : await v.startAttendedTransfer(e);
@@ -17775,9 +17792,9 @@ var ToggleGroupItem_default = /* @__PURE__ */ defineComponent({
 			}
 		};
 		watchEffect(() => {
-			z.value && x.value && (Z.value ? z.value.srcObject = null : z.value.srcObject = x.value), H.value && S.value && (Z.value ? H.value.srcObject = null : H.value.srcObject = S.value);
+			z.value && x.value && (Y.value ? z.value.srcObject = null : z.value.srcObject = x.value), V.value && S.value && (Y.value ? V.value.srcObject = null : V.value.srcObject = S.value);
 		});
-		let wm = computed(() => W.value ? P.value : M.value), { style: Tm } = useDraggable(A, {
+		let wm = computed(() => U.value ? P.value : M.value), { style: Tm } = useDraggable(A, {
 			initialValue: (() => {
 				let e = window.innerWidth < 640, t = window.innerWidth < 1024, n = 400;
 				return e ? n = window.innerWidth * .95 : t && (n = 360), {
@@ -17846,7 +17863,7 @@ var ToggleGroupItem_default = /* @__PURE__ */ defineComponent({
 				style: normalizeStyle(unref(Tm)),
 				class: "webphone-container wp:bg-white wp:dark:bg-neutral-900 wp:rounded-2xl wp:shadow-xl wp:w-[min(95vw,400px)] wp:fixed wp:z-50 wp:select-none wp:[&_button]:cursor-pointer wp:**:[[role=button]]:cursor-pointer"
 			}, [
-				W.value ? (openBlock(), createElementBlock("div", _hoisted_5, [createElementVNode("div", _hoisted_6, [
+				U.value ? (openBlock(), createElementBlock("div", _hoisted_5, [createElementVNode("div", _hoisted_6, [
 					createVNode(unref(Button_default), {
 						variant: "ghost",
 						size: "icon",
@@ -17868,11 +17885,11 @@ var ToggleGroupItem_default = /* @__PURE__ */ defineComponent({
 						o[22] ||= createElementVNode("span", { class: "wp:font-medium" }, " WebCall", -1),
 						createElementVNode("div", {
 							class: "wp:relative wp:flex wp:items-center",
-							title: J.value === "connected" ? "Conectado" : J.value === "disconnected" ? "Desconectado del servidor" : "Sin conexión a Internet"
-						}, [J.value === "offline" ? (openBlock(), createBlock(unref(WifiOff), {
+							title: q.value === "connected" ? "Conectado" : q.value === "disconnected" ? "Desconectado del servidor" : "Sin conexión a Internet"
+						}, [q.value === "offline" ? (openBlock(), createBlock(unref(WifiOff), {
 							key: 0,
 							class: "wp:w-3 wp:h-3 wp:text-red-500"
-						})) : J.value === "disconnected" ? (openBlock(), createBlock(unref(Wifi), {
+						})) : q.value === "disconnected" ? (openBlock(), createBlock(unref(Wifi), {
 							key: 1,
 							class: "wp:w-3 wp:h-3 wp:text-amber-500 wp:animate-pulse"
 						})) : (openBlock(), createBlock(unref(Wifi), {
@@ -17881,11 +17898,11 @@ var ToggleGroupItem_default = /* @__PURE__ */ defineComponent({
 						}))], 8, _hoisted_7)
 					], 2),
 					createElementVNode("div", _hoisted_8, [
-						Q.value ? (openBlock(), createBlock(unref(Button_default), {
+						Z.value ? (openBlock(), createBlock(unref(Button_default), {
 							key: 0,
 							variant: "ghost",
 							size: "icon",
-							class: normalizeClass(["wp:h-8 wp:w-8 wp:rounded-full", Z.value ? "wp:text-primary" : ""]),
+							class: normalizeClass(["wp:h-8 wp:w-8 wp:rounded-full", Y.value ? "wp:text-primary" : ""]),
 							title: "Picture-in-Picture",
 							onClick: bm
 						}, {
@@ -17922,7 +17939,7 @@ var ToggleGroupItem_default = /* @__PURE__ */ defineComponent({
 									_: 1
 								}), createVNode(unref(TooltipContent_default), { class: "wp:flex wp:items-center wp:gap-2" }, {
 									default: withCtx(() => [o[23] ||= createElementVNode("span", null, "Historial", -1), createVNode(unref(Kbd_default), null, {
-										default: withCtx(() => [createTextVNode(toDisplayString(unref(U)) + "H", 1)]),
+										default: withCtx(() => [createTextVNode(toDisplayString(unref(H)) + "H", 1)]),
 										_: 1
 									})]),
 									_: 1
@@ -17946,7 +17963,7 @@ var ToggleGroupItem_default = /* @__PURE__ */ defineComponent({
 									_: 1
 								}), createVNode(unref(TooltipContent_default), { class: "wp:flex wp:items-center wp:gap-2" }, {
 									default: withCtx(() => [o[24] ||= createElementVNode("span", null, "Configuración", -1), createVNode(unref(Kbd_default), null, {
-										default: withCtx(() => [createTextVNode(toDisplayString(unref(U)) + ",", 1)]),
+										default: withCtx(() => [createTextVNode(toDisplayString(unref(H)) + ",", 1)]),
 										_: 1
 									})]),
 									_: 1
@@ -17972,11 +17989,11 @@ var ToggleGroupItem_default = /* @__PURE__ */ defineComponent({
 					o[19] ||= createElementVNode("span", { class: "wp:font-medium" }, "WebPhone", -1),
 					createElementVNode("div", {
 						class: "wp:relative wp:flex wp:items-center",
-						title: J.value === "connected" ? "Conectado" : J.value === "disconnected" ? "Desconectado del servidor" : "Sin conexión a Internet"
-					}, [J.value === "offline" ? (openBlock(), createBlock(unref(WifiOff), {
+						title: q.value === "connected" ? "Conectado" : q.value === "disconnected" ? "Desconectado del servidor" : "Sin conexión a Internet"
+					}, [q.value === "offline" ? (openBlock(), createBlock(unref(WifiOff), {
 						key: 0,
 						class: "wp:w-3 wp:h-3 wp:text-red-500"
-					})) : J.value === "disconnected" ? (openBlock(), createBlock(unref(Wifi), {
+					})) : q.value === "disconnected" ? (openBlock(), createBlock(unref(Wifi), {
 						key: 1,
 						class: "wp:w-3 wp:h-3 wp:text-amber-500 wp:animate-pulse"
 					})) : (openBlock(), createBlock(unref(Wifi), {
@@ -17984,11 +18001,11 @@ var ToggleGroupItem_default = /* @__PURE__ */ defineComponent({
 						class: "wp:w-3 wp:h-3 wp:text-green-500"
 					}))], 8, _hoisted_3)
 				], 2), createElementVNode("div", _hoisted_4, [
-					Q.value ? (openBlock(), createBlock(unref(Button_default), {
+					Z.value ? (openBlock(), createBlock(unref(Button_default), {
 						key: 0,
 						variant: "ghost",
 						size: "icon",
-						class: normalizeClass(["wp:h-8 wp:w-8 wp:rounded-full", Z.value ? "wp:text-primary" : ""]),
+						class: normalizeClass(["wp:h-8 wp:w-8 wp:rounded-full", Y.value ? "wp:text-primary" : ""]),
 						title: "Picture-in-Picture",
 						onClick: bm
 					}, {
@@ -18025,7 +18042,7 @@ var ToggleGroupItem_default = /* @__PURE__ */ defineComponent({
 								_: 1
 							}), createVNode(unref(TooltipContent_default), { class: "wp:flex wp:items-center wp:gap-2" }, {
 								default: withCtx(() => [o[20] ||= createElementVNode("span", null, "Historial", -1), createVNode(unref(Kbd_default), null, {
-									default: withCtx(() => [createTextVNode(toDisplayString(unref(U)) + "H", 1)]),
+									default: withCtx(() => [createTextVNode(toDisplayString(unref(H)) + "H", 1)]),
 									_: 1
 								})]),
 								_: 1
@@ -18049,7 +18066,7 @@ var ToggleGroupItem_default = /* @__PURE__ */ defineComponent({
 								_: 1
 							}), createVNode(unref(TooltipContent_default), { class: "wp:flex wp:items-center wp:gap-2" }, {
 								default: withCtx(() => [o[21] ||= createElementVNode("span", null, "Configuración", -1), createVNode(unref(Kbd_default), null, {
-									default: withCtx(() => [createTextVNode(toDisplayString(unref(U)) + ",", 1)]),
+									default: withCtx(() => [createTextVNode(toDisplayString(unref(H)) + ",", 1)]),
 									_: 1
 								})]),
 								_: 1
@@ -18059,7 +18076,7 @@ var ToggleGroupItem_default = /* @__PURE__ */ defineComponent({
 						_: 1
 					})
 				])])])),
-				K.value && !Z.value ? (openBlock(), createElementBlock("div", _hoisted_10, [createElementVNode("video", {
+				G.value && !Y.value ? (openBlock(), createElementBlock("div", _hoisted_10, [createElementVNode("video", {
 					ref_key: "remoteVideoRef",
 					ref: z,
 					autoplay: "",
@@ -18067,14 +18084,14 @@ var ToggleGroupItem_default = /* @__PURE__ */ defineComponent({
 					class: "wp:w-full wp:h-full wp:object-cover"
 				}, null, 512), createElementVNode("div", _hoisted_11, [createElementVNode("video", {
 					ref_key: "localVideoRef",
-					ref: H,
+					ref: V,
 					autoplay: "",
 					playsinline: "",
 					muted: "",
 					class: "wp:w-full wp:h-full wp:object-cover"
 				}, null, 512)])])) : createCommentVNode("", !0),
 				createElementVNode("div", _hoisted_12, [
-					W.value ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_13, [createVNode(unref(ToggleGroup_default), {
+					U.value ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_13, [createVNode(unref(ToggleGroup_default), {
 						modelValue: Dm.value,
 						"onUpdate:modelValue": o[7] ||= (e) => Dm.value = e,
 						type: "single",
@@ -18098,8 +18115,8 @@ var ToggleGroupItem_default = /* @__PURE__ */ defineComponent({
 					createElementVNode("div", _hoisted_15, [(openBlock(!0), createElementBlock(Fragment, null, renderList(_.channels, (e) => withDirectives((openBlock(), createBlock(CallDisplay_default, {
 						key: e.id,
 						"channel-id": e.id,
-						"allow-input": !W.value,
-						"is-web-call": W.value,
+						"allow-input": !U.value,
+						"is-web-call": U.value,
 						contacts: i.contacts,
 						user: i.extension
 					}, null, 8, [
@@ -18111,14 +18128,14 @@ var ToggleGroupItem_default = /* @__PURE__ */ defineComponent({
 					])), [[vShow, e.id === _.activeChannelId]])), 128))]),
 					createElementVNode("div", { class: normalizeClass(["wp:transition-all wp:duration-300 wp:ease-in-out wp:overflow-hidden", _.isKeypadVisible ? "wp:max-h-[300px] wp:opacity-100" : "wp:max-h-0 wp:opacity-0"]) }, [createVNode(KeyPad_default)], 2),
 					createVNode(CallActions_default, {
-						destination: W.value ? i.to : void 0,
+						destination: U.value ? i.to : void 0,
 						"is-video": i.mode === "video",
 						onTransfer: o[8] ||= (e) => O.value = !0,
 						onCompleteTransfer: Sm,
 						onCancelTransfer: Cm
 					}, null, 8, ["destination", "is-video"])
 				]),
-				W.value ? (openBlock(), createElementBlock("div", _hoisted_16, [...o[25] ||= [createElementVNode("div", { class: "wp:text-[10px] wp:text-primary" }, "Powered By", -1), createElementVNode("div", { class: "wp:flex wp:items-center wp:gap-2" }, [createElementVNode("a", {
+				U.value ? (openBlock(), createElementBlock("div", _hoisted_16, [...o[25] ||= [createElementVNode("div", { class: "wp:text-[10px] wp:text-primary" }, "Powered By", -1), createElementVNode("div", { class: "wp:flex wp:items-center wp:gap-2" }, [createElementVNode("a", {
 					href: "https://www.nebula123.com",
 					target: "_blank",
 					class: "wp:text-[10px] wp:text-primary wp:hover:underline"
@@ -18144,15 +18161,15 @@ var ToggleGroupItem_default = /* @__PURE__ */ defineComponent({
 			}, null, 8, ["visible", "contacts"]),
 			createVNode(DocumentPip_default, {
 				ref_key: "documentPipRef",
-				ref: Y,
-				active: Z.value,
-				"onUpdate:active": o[13] ||= (e) => Z.value = e,
+				ref: J,
+				active: Y.value,
+				"onUpdate:active": o[13] ||= (e) => Y.value = e,
 				"is-connected": _.isConnected,
 				"remote-number": _.remoteNumber,
-				"has-video": K.value ?? !1,
+				"has-video": G.value ?? !1,
 				"remote-stream": unref(x),
 				"local-stream": unref(S),
-				destination: W.value ? i.to : void 0,
+				destination: U.value ? i.to : void 0,
 				"is-video": i.mode === "video",
 				"call-status": _.callStatus,
 				"is-muted": _.isMuted,