@tmsoft/webphone 3.0.19 → 3.0.20

package/dist/webphone.es.js

@@ -7058,35 +7058,35 @@ var concatArrays = (e, t) => {
 		"y",
 		"space",
 		"round"
-	] }], V = () => [
+	] }], Gp = () => [
 		"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
-	], Gp = () => [
+	], Kp = () => [
 		"solid",
 		"dashed",
 		"dotted",
 		"double"
-	], Kp = () => [
+	], qp = () => [
 		"normal",
 		"multiply",
 		"screen",
@@ -7103,32 +7103,32 @@ var concatArrays = (e, t) => {
 		"saturation",
 		"color",
 		"luminosity"
-	], G = () => [
+	], W = () => [
 		isNumber,
 		isPercent,
 		isArbitraryVariablePosition,
 		isArbitraryPosition
-	], qp = () => [
+	], Jp = () => [
 		"",
 		"none",
 		_,
 		isArbitraryVariable,
 		isArbitraryValue
-	], K = () => [
+	], G = () => [
 		"none",
 		isNumber,
 		isArbitraryVariable,
 		isArbitraryValue
-	], q = () => [
+	], K = () => [
 		"none",
 		isNumber,
 		isArbitraryVariable,
 		isArbitraryValue
-	], J = () => [
+	], q = () => [
 		isNumber,
 		isArbitraryVariable,
 		isArbitraryValue
-	], Y = () => [
+	], J = () => [
 		isFraction,
 		"full",
 		...O()
@@ -7537,7 +7537,7 @@ var concatArrays = (e, t) => {
 				"line-through",
 				"no-underline"
 			],
-			"text-decoration-style": [{ decoration: [...Gp(), "wavy"] }],
+			"text-decoration-style": [{ decoration: [...Kp(), "wavy"] }],
 			"text-decoration-thickness": [{ decoration: [
 				isNumber,
 				"from-font",
@@ -7629,7 +7629,7 @@ var concatArrays = (e, t) => {
 			] }],
 			"bg-position": [{ bg: Wp() }],
 			"bg-repeat": [{ bg: B() }],
-			"bg-size": [{ bg: V() }],
+			"bg-size": [{ bg: Gp() }],
 			"bg-image": [{ bg: [
 				"none",
 				{
@@ -7663,49 +7663,49 @@ var concatArrays = (e, t) => {
 				isArbitraryImage
 			] }],
 			"bg-color": [{ bg: z() }],
-			"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: z() }],
 			"gradient-via": [{ via: z() }],
 			"gradient-to": [{ to: z() }],
-			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-bs": [{ "border-bs": W() }],
-			"border-w-be": [{ "border-be": 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-bs": [{ "border-bs": U() }],
+			"border-w-be": [{ "border-be": 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: [
-				...Gp(),
+				...Kp(),
 				"hidden",
 				"none"
 			] }],
 			"divide-style": [{ divide: [
-				...Gp(),
+				...Kp(),
 				"hidden",
 				"none"
 			] }],
@@ -7722,7 +7722,7 @@ var concatArrays = (e, t) => {
 			"border-color-l": [{ "border-l": z() }],
 			"divide-color": [{ divide: z() }],
 			"outline-style": [{ outline: [
-				...Gp(),
+				...Kp(),
 				"none",
 				"hidden"
 			] }],
@@ -7753,12 +7753,12 @@ var concatArrays = (e, t) => {
 				isArbitraryShadow
 			] }],
 			"inset-shadow-color": [{ "inset-shadow": z() }],
-			"ring-w": [{ ring: W() }],
+			"ring-w": [{ ring: U() }],
 			"ring-w-inset": ["ring-inset"],
 			"ring-color": [{ ring: z() }],
 			"ring-offset-w": [{ "ring-offset": [isNumber, isArbitraryLength] }],
 			"ring-offset-color": [{ "ring-offset": z() }],
-			"inset-ring-w": [{ "inset-ring": W() }],
+			"inset-ring-w": [{ "inset-ring": U() }],
 			"inset-ring-color": [{ "inset-ring": z() }],
 			"text-shadow": [{ "text-shadow": [
 				"none",
@@ -7773,11 +7773,11 @@ var concatArrays = (e, t) => {
 				isArbitraryValue
 			] }],
 			"mix-blend": [{ "mix-blend": [
-				...Kp(),
+				...qp(),
 				"plus-darker",
 				"plus-lighter"
 			] }],
-			"bg-blend": [{ "bg-blend": Kp() }],
+			"bg-blend": [{ "bg-blend": qp() }],
 			"mask-clip": [{ "mask-clip": [
 				"border",
 				"padding",
@@ -7793,37 +7793,37 @@ var concatArrays = (e, t) => {
 				"exclude"
 			] }],
 			"mask-image-linear-pos": [{ "mask-linear": [isNumber] }],
-			"mask-image-linear-from-pos": [{ "mask-linear-from": G() }],
-			"mask-image-linear-to-pos": [{ "mask-linear-to": G() }],
+			"mask-image-linear-from-pos": [{ "mask-linear-from": W() }],
+			"mask-image-linear-to-pos": [{ "mask-linear-to": W() }],
 			"mask-image-linear-from-color": [{ "mask-linear-from": z() }],
 			"mask-image-linear-to-color": [{ "mask-linear-to": z() }],
-			"mask-image-t-from-pos": [{ "mask-t-from": G() }],
-			"mask-image-t-to-pos": [{ "mask-t-to": G() }],
+			"mask-image-t-from-pos": [{ "mask-t-from": W() }],
+			"mask-image-t-to-pos": [{ "mask-t-to": W() }],
 			"mask-image-t-from-color": [{ "mask-t-from": z() }],
 			"mask-image-t-to-color": [{ "mask-t-to": z() }],
-			"mask-image-r-from-pos": [{ "mask-r-from": G() }],
-			"mask-image-r-to-pos": [{ "mask-r-to": G() }],
+			"mask-image-r-from-pos": [{ "mask-r-from": W() }],
+			"mask-image-r-to-pos": [{ "mask-r-to": W() }],
 			"mask-image-r-from-color": [{ "mask-r-from": z() }],
 			"mask-image-r-to-color": [{ "mask-r-to": z() }],
-			"mask-image-b-from-pos": [{ "mask-b-from": G() }],
-			"mask-image-b-to-pos": [{ "mask-b-to": G() }],
+			"mask-image-b-from-pos": [{ "mask-b-from": W() }],
+			"mask-image-b-to-pos": [{ "mask-b-to": W() }],
 			"mask-image-b-from-color": [{ "mask-b-from": z() }],
 			"mask-image-b-to-color": [{ "mask-b-to": z() }],
-			"mask-image-l-from-pos": [{ "mask-l-from": G() }],
-			"mask-image-l-to-pos": [{ "mask-l-to": G() }],
+			"mask-image-l-from-pos": [{ "mask-l-from": W() }],
+			"mask-image-l-to-pos": [{ "mask-l-to": W() }],
 			"mask-image-l-from-color": [{ "mask-l-from": z() }],
 			"mask-image-l-to-color": [{ "mask-l-to": z() }],
-			"mask-image-x-from-pos": [{ "mask-x-from": G() }],
-			"mask-image-x-to-pos": [{ "mask-x-to": G() }],
+			"mask-image-x-from-pos": [{ "mask-x-from": W() }],
+			"mask-image-x-to-pos": [{ "mask-x-to": W() }],
 			"mask-image-x-from-color": [{ "mask-x-from": z() }],
 			"mask-image-x-to-color": [{ "mask-x-to": z() }],
-			"mask-image-y-from-pos": [{ "mask-y-from": G() }],
-			"mask-image-y-to-pos": [{ "mask-y-to": G() }],
+			"mask-image-y-from-pos": [{ "mask-y-from": W() }],
+			"mask-image-y-to-pos": [{ "mask-y-to": W() }],
 			"mask-image-y-from-color": [{ "mask-y-from": z() }],
 			"mask-image-y-to-color": [{ "mask-y-to": z() }],
 			"mask-image-radial": [{ "mask-radial": [isArbitraryVariable, isArbitraryValue] }],
-			"mask-image-radial-from-pos": [{ "mask-radial-from": G() }],
-			"mask-image-radial-to-pos": [{ "mask-radial-to": G() }],
+			"mask-image-radial-from-pos": [{ "mask-radial-from": W() }],
+			"mask-image-radial-to-pos": [{ "mask-radial-to": W() }],
 			"mask-image-radial-from-color": [{ "mask-radial-from": z() }],
 			"mask-image-radial-to-color": [{ "mask-radial-to": z() }],
 			"mask-image-radial-shape": [{ "mask-radial": ["circle", "ellipse"] }],
@@ -7833,8 +7833,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": G() }],
-			"mask-image-conic-to-pos": [{ "mask-conic-to": G() }],
+			"mask-image-conic-from-pos": [{ "mask-conic-from": W() }],
+			"mask-image-conic-to-pos": [{ "mask-conic-to": W() }],
 			"mask-image-conic-from-color": [{ "mask-conic-from": z() }],
 			"mask-image-conic-to-color": [{ "mask-conic-to": z() }],
 			"mask-mode": [{ mask: [
@@ -7852,7 +7852,7 @@ var concatArrays = (e, t) => {
 			] }],
 			"mask-position": [{ mask: Wp() }],
 			"mask-repeat": [{ mask: B() }],
-			"mask-size": [{ mask: V() }],
+			"mask-size": [{ mask: Gp() }],
 			"mask-type": [{ "mask-type": ["alpha", "luminance"] }],
 			"mask-image": [{ mask: [
 				"none",
@@ -7865,7 +7865,7 @@ var concatArrays = (e, t) => {
 				isArbitraryVariable,
 				isArbitraryValue
 			] }],
-			blur: [{ blur: qp() }],
+			blur: [{ blur: Jp() }],
 			brightness: [{ brightness: [
 				isNumber,
 				isArbitraryVariable,
@@ -7918,7 +7918,7 @@ var concatArrays = (e, t) => {
 				isArbitraryVariable,
 				isArbitraryValue
 			] }],
-			"backdrop-blur": [{ "backdrop-blur": qp() }],
+			"backdrop-blur": [{ "backdrop-blur": Jp() }],
 			"backdrop-brightness": [{ "backdrop-brightness": [
 				isNumber,
 				isArbitraryVariable,
@@ -8011,18 +8011,18 @@ var concatArrays = (e, t) => {
 				isArbitraryValue
 			] }],
 			"perspective-origin": [{ "perspective-origin": T() }],
-			rotate: [{ rotate: K() }],
-			"rotate-x": [{ "rotate-x": K() }],
-			"rotate-y": [{ "rotate-y": K() }],
-			"rotate-z": [{ "rotate-z": K() }],
-			scale: [{ scale: q() }],
-			"scale-x": [{ "scale-x": q() }],
-			"scale-y": [{ "scale-y": q() }],
-			"scale-z": [{ "scale-z": q() }],
+			rotate: [{ rotate: G() }],
+			"rotate-x": [{ "rotate-x": G() }],
+			"rotate-y": [{ "rotate-y": G() }],
+			"rotate-z": [{ "rotate-z": G() }],
+			scale: [{ scale: K() }],
+			"scale-x": [{ "scale-x": K() }],
+			"scale-y": [{ "scale-y": K() }],
+			"scale-z": [{ "scale-z": K() }],
 			"scale-3d": ["scale-3d"],
-			skew: [{ skew: J() }],
-			"skew-x": [{ "skew-x": J() }],
-			"skew-y": [{ "skew-y": J() }],
+			skew: [{ skew: q() }],
+			"skew-x": [{ "skew-x": q() }],
+			"skew-y": [{ "skew-y": q() }],
 			transform: [{ transform: [
 				isArbitraryVariable,
 				isArbitraryValue,
@@ -8033,10 +8033,10 @@ var concatArrays = (e, t) => {
 			] }],
 			"transform-origin": [{ origin: T() }],
 			"transform-style": [{ transform: ["3d", "flat"] }],
-			translate: [{ translate: Y() }],
-			"translate-x": [{ "translate-x": Y() }],
-			"translate-y": [{ "translate-y": Y() }],
-			"translate-z": [{ "translate-z": Y() }],
+			translate: [{ translate: J() }],
+			"translate-x": [{ "translate-x": J() }],
+			"translate-y": [{ "translate-y": J() }],
+			"translate-z": [{ "translate-z": J() }],
 			"translate-none": ["translate-none"],
 			accent: [{ accent: z() }],
 			appearance: [{ appearance: ["none", "auto"] }],
@@ -8452,7 +8452,7 @@ const createSipService = (e, t = {}) => {
 			return;
 		}
 		try {
-			let [a] = (await navigator.mediaDevices.getUserMedia(V(!1))).getAudioTracks();
+			let [a] = (await navigator.mediaDevices.getUserMedia(Gp(!1))).getAudioTracks();
 			if (!a) return;
 			a.enabled = i;
 			let o = new MediaStream([a]);
@@ -8462,7 +8462,7 @@ const createSipService = (e, t = {}) => {
 		} catch (e) {
 			console.warn("[SipJs] Failed to recover outbound audio track:", e);
 		}
-	}, V = (e = !1) => {
+	}, Gp = (e = !1) => {
 		let t = {
 			echoCancellation: { ideal: !0 },
 			noiseSuppression: { ideal: !1 },
@@ -8473,6 +8473,16 @@ const createSipService = (e, t = {}) => {
 			audio: t,
 			video: e
 		};
+	}, V = async () => {
+		let t = i.value;
+		t && await t.register({ requestDelegate: {
+			onAccept: () => {
+				e.setConnected(!0);
+			},
+			onReject: () => {
+				e.setConnected(!1);
+			}
+		} });
 	}, H = async (t) => {
 		if (!n.value) {
 			try {
@@ -8493,18 +8503,18 @@ const createSipService = (e, t = {}) => {
 					reconnectionDelay: 5,
 					reconnectionAttempts: 3,
 					delegate: {
-						onConnect: () => e.setConnected(!0),
+						onConnect: () => {},
 						onDisconnect: () => e.setConnected(!1),
-						onInvite: (e) => G(e)
+						onInvite: (e) => Jp(e)
 					}
-				}), await n.value.start(), i.value = new Registerer(n.value), await i.value.register(), U();
+				}), await n.value.start(), i.value = new Registerer(n.value), await V(), Kp();
 			} catch {}
 		}
-	}, U = () => {
+	}, Kp = () => {
 		v = new AbortController();
 		let { signal: t } = v, n = Date.now(), i = (e = 1e3) => {
 			y && clearTimeout(y), y = setTimeout(async () => {
-				y = null, await Gp();
+				y = null, await qp();
 			}, e);
 		}, a = () => {
 			if (document.visibilityState === "visible") {
@@ -8527,7 +8537,7 @@ const createSipService = (e, t = {}) => {
 		}, { signal: t }), document.addEventListener("resume", () => {
 			console.log("[SipJs] Page resumed"), n = Date.now(), l(), i(1e3);
 		}, { signal: t }), l();
-	}, Gp = async () => {
+	}, qp = async () => {
 		if (n.value) {
 			if (!navigator.onLine) {
 				console.log("[SipJs] Skipping reconnect, device is offline");
@@ -8539,13 +8549,13 @@ const createSipService = (e, t = {}) => {
 			}
 			try {
 				if (n.value.isConnected() || (console.log("[SipJs] Reconnecting..."), await n.value.reconnect()), i.value && n.value.isConnected()) try {
-					await i.value.register();
+					await V();
 				} catch {}
 			} catch (e) {
 				console.error("[SipJs] Reconnection failed:", e);
 			}
 		}
-	}, Kp = async () => {
+	}, W = async () => {
 		v?.abort(), v = null, y &&= (clearTimeout(y), null), b &&= (clearInterval(b), null);
 		let e = i.value, t = n.value;
 		if (i.value = null, n.value = null, e) try {
@@ -8558,7 +8568,7 @@ const createSipService = (e, t = {}) => {
 		} catch (e) {
 			console.warn("[SipJs] UserAgent stop failed:", e);
 		}
-	}, G = (t) => {
+	}, Jp = (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) {
@@ -8600,7 +8610,7 @@ const createSipService = (e, t = {}) => {
 						isHeld: !1,
 						hasVideo: !1,
 						hasEarlyMedia: !1
-					}), a.value.delete(i), e.activeChannelId.value === i && tm(), P();
+					}), a.value.delete(i), e.activeChannelId.value === i && nm(), P();
 					break;
 				}
 				case SessionState.Established:
@@ -8611,7 +8621,7 @@ const createSipService = (e, t = {}) => {
 					break;
 			}
 		});
-	}, qp = async (t, i = !1) => {
+	}, G = async (t, i = !1) => {
 		if (!n.value) return;
 		let o = e.activeChannelId.value;
 		if (a.value.has(o)) return;
@@ -8660,13 +8670,13 @@ const createSipService = (e, t = {}) => {
 						startTime: void 0,
 						keypadValue: "",
 						hasVideo: !1
-					}), a.value.delete(o), e.activeChannelId.value === o && tm(), P();
+					}), a.value.delete(o), e.activeChannelId.value === o && nm(), P();
 					break;
 				}
 			}
 		});
 		let u = {
-			sessionDescriptionHandlerOptions: { constraints: V(i) },
+			sessionDescriptionHandlerOptions: { constraints: Gp(i) },
 			requestDelegate: {
 				onProgress: (t) => {
 					(t.message.statusCode === 180 || t.message.statusCode === 183) && (t.message.body && (e.updateChannelState(o, { hasEarlyMedia: !0 }), Q(l)), P());
@@ -8688,7 +8698,7 @@ const createSipService = (e, t = {}) => {
 			} catch (e) {
 				console.error(`[SipJs] Failed to hold channel ${t}:`, e);
 			}
-			let o = { sessionDescriptionHandlerOptions: { constraints: V(t) } };
+			let o = { sessionDescriptionHandlerOptions: { constraints: Gp(t) } };
 			e.updateChannelState(n, {
 				status: "connected",
 				startTime: Date.now()
@@ -8722,14 +8732,14 @@ const createSipService = (e, t = {}) => {
 	}, Y = async (e, t) => {
 		let n = { sessionDescriptionHandlerOptions: { hold: t } };
 		await e.invite(n);
-	}, Jp = async () => {
+	}, Z = async () => {
 		let t = a.value.get(e.activeChannelId.value);
 		if (t?.state !== SessionState.Established) return;
 		let n = !e.isHeld.value;
 		try {
 			await Y(t, n), e.setHeld(n), z(t, e.channels.value.find((t) => t.id === e.activeChannelId.value));
 		} catch {}
-	}, Z = async (t) => {
+	}, Yp = async (t) => {
 		let n = e.activeChannelId.value;
 		if (n === t) return;
 		let i = a.value.get(n), o = a.value.get(t), s = e.channels.value.find((e) => e.id === n), l = e.channels.value.find((e) => e.id === t);
@@ -8741,8 +8751,8 @@ const createSipService = (e, t = {}) => {
 				await Y(o, !1), e.updateChannelState(t, { isHeld: !1 });
 			} catch {}
 			z(o, e.channels.value.find((e) => e.id === t)), Q(o);
-		} else tm();
-	}, Yp = (t) => {
+		} else nm();
+	}, Xp = (t) => {
 		let n = a.value.get(e.activeChannelId.value);
 		if (n?.state !== SessionState.Established) return;
 		let i = { requestOptions: { body: {
@@ -8751,10 +8761,10 @@ const createSipService = (e, t = {}) => {
 			contentDisposition: "signal"
 		} } };
 		n.info(i);
-	}, Xp = (t, n) => {
+	}, Zp = (t, n) => {
 		let i = e.channels.value.find((e) => e.id === t);
 		!i || i.status !== "connected" || (Q(n), z(n, i), B(n), o.play().catch(() => {}));
-	}, Zp = async (t) => {
+	}, Qp = async (t) => {
 		console.log("[SipJs] 🔄 transferCall iniciado"), console.log("[SipJs] Target:", t);
 		let i = e.activeChannelId.value, o = a.value.get(i);
 		if (!o) throw console.error("[SipJs] ❌ No hay sesión activa en el canal", i), Error("No active session to transfer");
@@ -8774,7 +8784,7 @@ const createSipService = (e, t = {}) => {
 					},
 					onReject: (e) => {
 						let t = e.message.statusCode;
-						console.error("[SipJs] ❌ Transfer REFER rechazado:", t), console.error("[SipJs] Response completo:", e.message), Xp(i, o);
+						console.error("[SipJs] ❌ Transfer REFER rechazado:", t), console.error("[SipJs] Response completo:", e.message), Zp(i, o);
 					}
 				},
 				onNotify: (e) => {
@@ -8797,7 +8807,7 @@ const createSipService = (e, t = {}) => {
 									487: "Transferencia cancelada",
 									503: "Servicio no disponible - el destino puede estar fuera de línea"
 								}[t] || `Error en transferencia (código ${t})`;
-								console.warn("[SipJs] 💬", e), Xp(i, o);
+								console.warn("[SipJs] 💬", e), Zp(i, o);
 							} else t >= 100 && t < 200 && console.log("[SipJs] 📞 Transferencia en progreso:", t, n);
 						} else console.warn("[SipJs] ⚠️ No se pudo extraer el código de estado del NOTIFY body");
 					} else console.warn("[SipJs] ⚠️ NOTIFY sin body");
@@ -8806,7 +8816,7 @@ const createSipService = (e, t = {}) => {
 		} 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;
 		}
-	}, Qp = async (t) => {
+	}, $p = async (t) => {
 		console.log("[SipJs] 🔄 startAttendedTransfer iniciado"), console.log("[SipJs] Target:", t);
 		let n = e.activeChannelId.value, i = a.value.get(n);
 		if (console.log("[SipJs] Canal original:", n), console.log("[SipJs] Sesión original:", i?.state), !i || i.state !== SessionState.Established) throw console.error("[SipJs] ❌ No hay llamada establecida para transferir"), Error("No established call to transfer");
@@ -8819,7 +8829,7 @@ const createSipService = (e, t = {}) => {
 		}
 		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 qp(t, !1), console.log("[SipJs] ✅ Llamada de consulta iniciada"), e.setTransferInProgress({
+			console.log("[SipJs] 📞 Iniciando llamada de consulta a:", t), await G(t, !1), console.log("[SipJs] ✅ Llamada de consulta iniciada"), e.setTransferInProgress({
 				originalChannelId: n,
 				consultationChannelId: o.id,
 				targetNumber: t
@@ -8827,7 +8837,7 @@ const createSipService = (e, t = {}) => {
 		} 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 Y(i, !1).catch(() => {}), e.updateChannelState(n, { isHeld: !1 }), Error("Failed to initiate consultation call");
 		}
-	}, $p = async () => {
+	}, em = async () => {
 		console.log("[SipJs] 🔄 completeAttendedTransfer iniciado");
 		let t = e.transferInProgress.value;
 		if (!t) throw console.error("[SipJs] ❌ No hay transferencia en progreso"), Error("No transfer in progress");
@@ -8870,7 +8880,7 @@ const createSipService = (e, t = {}) => {
 		} catch (e) {
 			throw console.error("[SipJs] Attended transfer failed:", e), e;
 		}
-	}, em = async () => {
+	}, tm = async () => {
 		let t = e.transferInProgress.value;
 		if (!t) throw Error("No transfer in progress");
 		console.log("[SipJs] Canceling attended transfer...");
@@ -8917,23 +8927,23 @@ const createSipService = (e, t = {}) => {
 		}, { signal: g.signal });
 		let [s] = n.getTracks();
 		s && (o.srcObject = n, a(s), i && M(e, i.id));
-	}, tm = () => {
+	}, nm = () => {
 		_?.abort(), _ = null, g?.abort(), g = null, o.pause(), o.srcObject = null, u.value = null, d.value = null;
 	};
 	return {
 		initUserAgent: H,
-		stop: Kp,
-		makeCall: qp,
+		stop: W,
+		makeCall: G,
 		answerCall: K,
 		hangupCall: q,
 		toggleMute: J,
-		toggleHold: Jp,
-		sendDTMF: Yp,
-		transferCall: Zp,
-		startAttendedTransfer: Qp,
-		completeAttendedTransfer: $p,
-		cancelAttendedTransfer: em,
-		switchChannel: Z,
+		toggleHold: Z,
+		sendDTMF: Xp,
+		transferCall: Qp,
+		startAttendedTransfer: $p,
+		completeAttendedTransfer: em,
+		cancelAttendedTransfer: tm,
+		switchChannel: Yp,
 		extension: x,
 		setVolume: F,
 		setNotificationVolume: D,
@@ -17564,7 +17574,7 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 		provide("webphone", x), provide("sip", S), t({ stop: S.stop }), watchEffect(() => {
 			o.mode === "webcall" && (o.to || console.error("WebPhone: \"to\" prop is required when mode is \"webcall\""), o.logo || console.error("WebPhone: \"logo\" prop is required when mode is \"webcall\""));
 		});
-		let O = ref(!1), k = ref(!1), j = ref(!1), N = ref(null), F = ref(null), L = ref(null), V = navigator.platform.toUpperCase().indexOf("MAC") >= 0 ? "⌘" : "Ctrl+", H = computed(() => o.mode === "webcall"), U = ref(0), W = (e) => !!e && e.getVideoTracks().length > 0;
+		let O = ref(!1), k = ref(!1), j = ref(!1), N = ref(null), F = ref(null), L = ref(null), Gp = navigator.platform.toUpperCase().indexOf("MAC") >= 0 ? "⌘" : "Ctrl+", V = computed(() => o.mode === "webcall"), H = ref(0), U = (e) => !!e && e.getVideoTracks().length > 0;
 		watch(() => x.callStatus, (e) => {
 			if (e === "idle" && !x.isKeypadVisible) {
 				x.toggleKeypad();
@@ -17572,16 +17582,16 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 			}
 			e !== "idle" && x.isKeypadVisible && x.toggleKeypad();
 		});
-		let Kp = computed(() => x.channels.find((e) => e.id === x.activeChannelId) ?? null), G = (e) => {
+		let qp = computed(() => x.channels.find((e) => e.id === x.activeChannelId) ?? null), W = (e) => {
 			if (!e) return "";
 			let t = e.trim(), n = t.startsWith("+"), i = t.replace(/[^\d]/g, "");
 			return n ? `+${i}` : i;
-		}, qp = computed(() => {
-			let e = Kp.value?.remoteNumber || x.remoteNumber, t = G(e);
-			return o.contacts.find((e) => G(e.number) === t)?.name || e || "Llamada";
-		}), K = computed(() => (U.value, !!Kp.value?.hasVideo || W(E.value) || W(D.value))), { isOnline: q } = useNetwork(), J = computed(() => !q.value), Y = ref(null), Z = ref(!1), Qp = computed(() => o.enablePictureInPicture), Q = () => {
-			Qp.value && Y.value?.toggle();
-		}, tm = async (e, t) => {
+		}, Jp = computed(() => {
+			let e = qp.value?.remoteNumber || x.remoteNumber, t = W(e);
+			return o.contacts.find((e) => W(e.number) === t)?.name || e || "Llamada";
+		}), G = computed(() => (H.value, !!qp.value?.hasVideo || U(E.value) || U(D.value))), { isOnline: K } = useNetwork(), q = computed(() => !K.value), J = ref(null), Z = ref(!1), Qp = computed(() => o.enablePictureInPicture), tm = () => {
+			Qp.value && J.value?.toggle();
+		}, Q = async (e, t) => {
 			try {
 				t === "blind" ? await S.transferCall(e) : await S.startAttendedTransfer(e);
 			} catch (e) {
@@ -17620,14 +17630,14 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 			}
 			S.hangupCall();
 		}, cm = () => {
-			j.value = !0, Y.value?.close(), window.focus();
+			j.value = !0, J.value?.close(), window.focus();
 		}, lm = () => {
 			if (!Qp.value) return !1;
 			let e = x.callStatus !== "idle", t = document.hidden || !document.hasFocus();
 			return e && t && !Z.value;
 		}, $ = () => {
 			window.setTimeout(() => {
-				lm() && Y.value?.open();
+				lm() && J.value?.open();
 			}, 150);
 		};
 		watchEffect(() => {
@@ -17636,16 +17646,16 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 		let um = (e) => {
 			if (!e || typeof e.addEventListener != "function" || typeof e.removeEventListener != "function") return () => {};
 			let t = () => {
-				U.value += 1;
+				H.value += 1;
 			};
 			return e.addEventListener("addtrack", t), e.addEventListener("removetrack", t), () => {
 				e.removeEventListener("addtrack", t), e.removeEventListener("removetrack", t);
 			};
 		};
 		watch(E, (e, t, n) => {
-			U.value += 1, n(um(e));
+			H.value += 1, n(um(e));
 		}, { immediate: !0 }), watch(D, (e, t, n) => {
-			U.value += 1, n(um(e));
+			H.value += 1, n(um(e));
 		}, { immediate: !0 });
 		let dm = [
 			"button",
@@ -17698,7 +17708,7 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 		], _m = ref(!1), vm = computed({
 			get: () => x.activeChannelId.toString(),
 			set: async (e) => {
-				if (!J.value && e && !_m.value) {
+				if (!q.value && e && !_m.value) {
 					_m.value = !0;
 					try {
 						await T(parseInt(e));
@@ -17714,9 +17724,9 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 			let t = x.channels.find((t) => t.id === e);
 			return t ? t.isHeld || t.status === "held" : !1;
 		}, xm = (e) => {
-			J.value || (vm.value = e.toString());
+			q.value || (vm.value = e.toString());
 		}, Sm = (e) => {
-			if (!J.value && ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "h" && (e.preventDefault(), k.value = !0), (e.metaKey || e.ctrlKey) && e.key === "," && (e.preventDefault(), O.value = !0), (e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k" && (e.preventDefault(), x.toggleKeypad()), (e.metaKey || e.ctrlKey) && [
+			if (!q.value && ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "h" && (e.preventDefault(), k.value = !0), (e.metaKey || e.ctrlKey) && e.key === "," && (e.preventDefault(), O.value = !0), (e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k" && (e.preventDefault(), x.toggleKeypad()), (e.metaKey || e.ctrlKey) && [
 				"1",
 				"2",
 				"3"
@@ -17733,10 +17743,10 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 		}), watch(() => x.isConnected, (e) => {
 			v.value && a.set(v.value, e);
 		}, { immediate: !0 }), watch(Qp, (e) => {
-			!e && Z.value && Y.value?.close();
+			!e && Z.value && J.value?.close();
 		});
 		let Cm = ref(!1), wm = async () => {
-			Cm.value || J.value || !o.host || !o.extension || !o.password || (await w({
+			Cm.value || q.value || !o.host || !o.extension || !o.password || (await w({
 				uri: `sip:${o.extension}@${o.host}`,
 				transportOptions: { server: _.value },
 				authorizationUsername: o.extension,
@@ -17751,7 +17761,7 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 			}
 		}), onMounted(async () => {
 			window.addEventListener("keydown", Sm), document.addEventListener("visibilitychange", $), window.addEventListener("blur", $), window.addEventListener("pagehide", $), !(o.mode === "webcall" && (!o.to || !o.logo)) && await wm();
-		}), watch(() => q.value, async (e) => {
+		}), watch(() => K.value, async (e) => {
 			e && await wm();
 		}), onUnmounted(() => {
 			S.stop(), window.removeEventListener("keydown", Sm), document.removeEventListener("visibilitychange", $), window.removeEventListener("blur", $), window.removeEventListener("pagehide", $);
@@ -17760,12 +17770,12 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 				ref_key: "phoneRef",
 				ref: N,
 				style: normalizeStyle(unref(hm)),
-				class: normalizeClass(["webphone webphone-container wp:bg-white wp:dark:bg-neutral-800 wp:rounded-lg wp:shadow-sm wp:inset-shadow-2xs wp:w-[min(92vw,330px)] wp:fixed wp:z-50 wp:select-none wp:[&_button]:cursor-pointer wp:**:[[role=button]]:cursor-pointer", J.value ? "wp:opacity-70" : ""]),
+				class: normalizeClass(["webphone webphone-container wp:bg-white wp:dark:bg-neutral-800 wp:rounded-lg wp:shadow-sm wp:inset-shadow-2xs wp:w-[min(92vw,330px)] wp:fixed wp:z-50 wp:select-none wp:[&_button]:cursor-pointer wp:**:[[role=button]]:cursor-pointer", q.value ? "wp:opacity-70" : ""]),
 				"data-mode": o.mode,
 				"data-call-status": x.callStatus,
-				"data-network-status": J.value ? "offline" : "online"
+				"data-network-status": q.value ? "offline" : "online"
 			}, [
-				K.value && !Z.value ? (openBlock(), createElementBlock("div", _hoisted_2, [createElementVNode("video", {
+				G.value && !Z.value ? (openBlock(), createElementBlock("div", _hoisted_2, [createElementVNode("video", {
 					ref_key: "remoteVideoRef",
 					ref: F,
 					autoplay: "",
@@ -17780,14 +17790,14 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 					class: "webphone__video-local wp:w-full wp:h-full wp:object-cover"
 				}, null, 512)])])) : createCommentVNode("", !0),
 				createElementVNode("div", _hoisted_4, [
-					H.value ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_5, [createElementVNode("div", _hoisted_6, [
+					V.value ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_5, [createElementVNode("div", _hoisted_6, [
 						createElementVNode("div", _hoisted_7, [(openBlock(), createElementBlock(Fragment, null, renderList(gm, (e) => createElementVNode("button", {
 							key: e.value,
 							type: "button",
 							role: "radio",
 							"aria-checked": vm.value === e.value.toString(),
-							disabled: J.value,
-							title: `${e.label} (${unref(V)}${e.value + 1})`,
+							disabled: q.value,
+							title: `${e.label} (${unref(Gp)}${e.value + 1})`,
 							class: normalizeClass(["webphone__channel-button wp:flex wp:items-center wp:gap-1 wp:px-2 wp:py-2 wp:rounded-lg wp:transition-colors wp:duration-200 wp:outline-none wp:focus-visible:ring-2 wp:focus-visible:ring-[var(--p-primary-color)] wp:focus-visible:ring-offset-2 wp:focus-visible:ring-offset-white wp:dark:focus-visible:ring-offset-neutral-900", bm(e.value) ? "wp:bg-status-hold/12 hover:wp:bg-status-hold/18" : ym(e.value) ? "wp:bg-[var(--color-red)]/12 hover:wp:bg-[var(--color-red)]/18" : vm.value === e.value.toString() ? "wp:bg-[var(--p-primary-color)]/12" : "wp:hover:bg-neutral-100 wp:dark:hover:bg-neutral-800/80"]),
 							"data-channel-id": e.value,
 							"data-state": vm.value === e.value.toString() ? "active" : "idle",
@@ -17805,7 +17815,7 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 										size: "icon",
 										class: normalizeClass(["wp:h-8 wp:w-8 wp:rounded-full", Z.value ? "wp:text-primary" : ""]),
 										title: "Picture-in-Picture",
-										onClick: Q
+										onClick: tm
 									}, {
 										default: withCtx(() => [createVNode(unref(PictureInPicture2), { class: "wp:w-4 wp:h-4 wp:text-[var(--color-settings)]" })]),
 										_: 1
@@ -17834,7 +17844,7 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 									_: 1
 								}), createVNode(unref(TooltipContent_default), { class: "wp:flex wp:items-center wp:gap-2" }, {
 									default: withCtx(() => [t[9] ||= createElementVNode("span", null, "Configuración", -1), createVNode(unref(Kbd_default), null, {
-										default: withCtx(() => [createTextVNode(toDisplayString(unref(V)) + ",", 1)]),
+										default: withCtx(() => [createTextVNode(toDisplayString(unref(Gp)) + ",", 1)]),
 										_: 1
 									})]),
 									_: 1
@@ -17847,9 +17857,9 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 					createElementVNode("div", _hoisted_9, [(openBlock(!0), createElementBlock(Fragment, null, renderList(x.channels, (e) => withDirectives((openBlock(), createBlock(CallDisplay_default, {
 						key: e.id,
 						"channel-id": e.id,
-						"allow-input": !H.value,
-						"is-web-call": H.value,
-						"is-online": unref(q),
+						"allow-input": !V.value,
+						"is-web-call": V.value,
+						"is-online": unref(K),
 						contacts: o.contacts,
 						user: o.extension
 					}, null, 8, [
@@ -17866,8 +17876,8 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 					}, [createVNode(KeyPad_default)], 10, _hoisted_10),
 					createVNode(CallActions_default, {
 						class: "webphone__actions",
-						style: normalizeStyle(J.value ? "pointer-events: none;" : void 0),
-						destination: H.value ? o.to : void 0,
+						style: normalizeStyle(q.value ? "pointer-events: none;" : void 0),
+						destination: V.value ? o.to : void 0,
 						"is-video": o.mode === "video",
 						"on-answer": o.onAnswer,
 						"on-hangup": o.onHangup,
@@ -17884,8 +17894,8 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 						"on-reject"
 					])
 				]),
-				J.value ? (openBlock(), createElementBlock("div", _hoisted_11, [...t[10] ||= [createElementVNode("span", { class: "wp:text-sm wp:font-semibold wp:text-status-disconnected" }, "Sin internet", -1)]])) : createCommentVNode("", !0),
-				H.value ? (openBlock(), createElementBlock("div", _hoisted_12, [...t[11] ||= [createElementVNode("div", { class: "webphone__footer-label wp:text-[10px] wp:text-primary" }, "Powered By", -1), createElementVNode("div", { class: "webphone__footer-content wp:flex wp:items-center wp:gap-2" }, [createElementVNode("a", {
+				q.value ? (openBlock(), createElementBlock("div", _hoisted_11, [...t[10] ||= [createElementVNode("span", { class: "wp:text-sm wp:font-semibold wp:text-status-disconnected" }, "Sin internet", -1)]])) : createCommentVNode("", !0),
+				V.value ? (openBlock(), createElementBlock("div", _hoisted_12, [...t[11] ||= [createElementVNode("div", { class: "webphone__footer-label wp:text-[10px] wp:text-primary" }, "Powered By", -1), createElementVNode("div", { class: "webphone__footer-content wp:flex wp:items-center wp:gap-2" }, [createElementVNode("a", {
 					href: "https://www.nebula123.com",
 					target: "_blank",
 					class: "webphone__footer-link wp:text-[10px] wp:text-primary wp:hover:underline"
@@ -17905,27 +17915,27 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 				visible: j.value,
 				"onUpdate:visible": t[4] ||= (e) => j.value = e,
 				contacts: o.contacts,
-				onTransfer: tm
+				onTransfer: Q
 			}, null, 8, ["visible", "contacts"]),
 			createVNode(DocumentPip_default, {
 				ref_key: "documentPipRef",
-				ref: Y,
+				ref: J,
 				active: Z.value,
 				"onUpdate:active": t[5] ||= (e) => Z.value = e,
 				"auto-open-on-blur": Qp.value,
 				"is-connected": x.isConnected,
 				"remote-number": x.remoteNumber,
-				"caller-name": qp.value,
-				"has-video": K.value ?? !1,
+				"caller-name": Jp.value,
+				"has-video": G.value ?? !1,
 				"remote-stream": unref(E),
 				"local-stream": unref(D),
-				destination: H.value ? o.to : void 0,
+				destination: V.value ? o.to : void 0,
 				"is-video": o.mode === "video",
 				"call-status": x.callStatus,
 				"is-muted": x.isMuted,
 				"is-held": x.isHeld,
 				onTransfer: cm,
-				onTransferRequest: tm,
+				onTransferRequest: Q,
 				onHangup: om,
 				onReject: sm,
 				onAnswer: am,