@tmsoft/webphone 3.0.8 → 3.0.9

package/dist/webphone.es.js

@@ -7052,13 +7052,13 @@ var concatArrays = (e, t) => {
 		isArbitraryVariablePosition,
 		isArbitraryPosition,
 		{ position: [isArbitraryVariable, isArbitraryValue] }
-	], Yp = () => ["no-repeat", { repeat: [
+	], Vp = () => ["no-repeat", { repeat: [
 		"",
 		"x",
 		"y",
 		"space",
 		"round"
-	] }], Xp = () => [
+	] }], Hp = () => [
 		"auto",
 		"cover",
 		"contain",
@@ -7081,12 +7081,12 @@ var concatArrays = (e, t) => {
 		isNumber,
 		isArbitraryVariableLength,
 		isArbitraryLength
-	], Zp = () => [
+	], Up = () => [
 		"solid",
 		"dashed",
 		"dotted",
 		"double"
-	], Qp = () => [
+	], Wp = () => [
 		"normal",
 		"multiply",
 		"screen",
@@ -7108,7 +7108,7 @@ var concatArrays = (e, t) => {
 		isPercent,
 		isArbitraryVariablePosition,
 		isArbitraryPosition
-	], $p = () => [
+	], Gp = () => [
 		"",
 		"none",
 		_,
@@ -7537,7 +7537,7 @@ var concatArrays = (e, t) => {
 				"line-through",
 				"no-underline"
 			],
-			"text-decoration-style": [{ decoration: [...Zp(), "wavy"] }],
+			"text-decoration-style": [{ decoration: [...Up(), "wavy"] }],
 			"text-decoration-thickness": [{ decoration: [
 				isNumber,
 				"from-font",
@@ -7628,8 +7628,8 @@ var concatArrays = (e, t) => {
 				"content"
 			] }],
 			"bg-position": [{ bg: V() }],
-			"bg-repeat": [{ bg: Yp() }],
-			"bg-size": [{ bg: Xp() }],
+			"bg-repeat": [{ bg: Vp() }],
+			"bg-size": [{ bg: Hp() }],
 			"bg-image": [{ bg: [
 				"none",
 				{
@@ -7700,12 +7700,12 @@ var concatArrays = (e, t) => {
 			"divide-y": [{ "divide-y": W() }],
 			"divide-y-reverse": ["divide-y-reverse"],
 			"border-style": [{ border: [
-				...Zp(),
+				...Up(),
 				"hidden",
 				"none"
 			] }],
 			"divide-style": [{ divide: [
-				...Zp(),
+				...Up(),
 				"hidden",
 				"none"
 			] }],
@@ -7722,7 +7722,7 @@ var concatArrays = (e, t) => {
 			"border-color-l": [{ "border-l": B() }],
 			"divide-color": [{ divide: B() }],
 			"outline-style": [{ outline: [
-				...Zp(),
+				...Up(),
 				"none",
 				"hidden"
 			] }],
@@ -7773,11 +7773,11 @@ var concatArrays = (e, t) => {
 				isArbitraryValue
 			] }],
 			"mix-blend": [{ "mix-blend": [
-				...Qp(),
+				...Wp(),
 				"plus-darker",
 				"plus-lighter"
 			] }],
-			"bg-blend": [{ "bg-blend": Qp() }],
+			"bg-blend": [{ "bg-blend": Wp() }],
 			"mask-clip": [{ "mask-clip": [
 				"border",
 				"padding",
@@ -7851,8 +7851,8 @@ var concatArrays = (e, t) => {
 				"view"
 			] }],
 			"mask-position": [{ mask: V() }],
-			"mask-repeat": [{ mask: Yp() }],
-			"mask-size": [{ mask: Xp() }],
+			"mask-repeat": [{ mask: Vp() }],
+			"mask-size": [{ mask: Hp() }],
 			"mask-type": [{ "mask-type": ["alpha", "luminance"] }],
 			"mask-image": [{ mask: [
 				"none",
@@ -7865,7 +7865,7 @@ var concatArrays = (e, t) => {
 				isArbitraryVariable,
 				isArbitraryValue
 			] }],
-			blur: [{ blur: $p() }],
+			blur: [{ blur: Gp() }],
 			brightness: [{ brightness: [
 				isNumber,
 				isArbitraryVariable,
@@ -7918,7 +7918,7 @@ var concatArrays = (e, t) => {
 				isArbitraryVariable,
 				isArbitraryValue
 			] }],
-			"backdrop-blur": [{ "backdrop-blur": $p() }],
+			"backdrop-blur": [{ "backdrop-blur": Gp() }],
 			"backdrop-brightness": [{ "backdrop-brightness": [
 				isNumber,
 				isArbitraryVariable,
@@ -8442,7 +8442,7 @@ const createSipService = (e, t = {}) => {
 			return;
 		}
 		try {
-			let [a] = (await navigator.mediaDevices.getUserMedia(Yp(!1))).getAudioTracks();
+			let [a] = (await navigator.mediaDevices.getUserMedia(Vp(!1))).getAudioTracks();
 			if (!a) return;
 			a.enabled = i;
 			let o = new MediaStream([a]);
@@ -8452,7 +8452,7 @@ const createSipService = (e, t = {}) => {
 		} catch (e) {
 			console.warn("[SipJs] Failed to recover outbound audio track:", e);
 		}
-	}, Yp = (e = !1) => {
+	}, Vp = (e = !1) => {
 		let t = {
 			echoCancellation: { ideal: !0 },
 			noiseSuppression: { ideal: !1 },
@@ -8463,7 +8463,7 @@ const createSipService = (e, t = {}) => {
 			audio: t,
 			video: e
 		};
-	}, Xp = async (t) => {
+	}, Hp = async (t) => {
 		if (!n.value) {
 			try {
 				(await navigator.mediaDevices.getUserMedia({ audio: !0 })).getTracks().forEach((e) => e.stop());
@@ -8485,7 +8485,7 @@ const createSipService = (e, t = {}) => {
 					delegate: {
 						onConnect: () => e.setConnected(!0),
 						onDisconnect: () => e.setConnected(!1),
-						onInvite: (e) => Qp(e)
+						onInvite: (e) => Wp(e)
 					}
 				}), await n.value.start(), i.value = new Registerer(n.value), await i.value.register(), H();
 			} catch {}
@@ -8535,7 +8535,7 @@ const createSipService = (e, t = {}) => {
 				console.error("[SipJs] Reconnection failed:", e);
 			}
 		}
-	}, Zp = async () => {
+	}, Up = 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 {
@@ -8548,7 +8548,7 @@ const createSipService = (e, t = {}) => {
 		} catch (e) {
 			console.warn("[SipJs] UserAgent stop failed:", e);
 		}
-	}, Qp = (t) => {
+	}, Wp = (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) {
@@ -8590,14 +8590,14 @@ const createSipService = (e, t = {}) => {
 						isHeld: !1,
 						hasVideo: !1,
 						hasEarlyMedia: !1
-					}), a.value.delete(i), e.activeChannelId.value === i && sm(), N();
+					}), a.value.delete(i), e.activeChannelId.value === i && $p(), N();
 					break;
 				}
 				case SessionState.Established:
 					m.add(i), e.updateChannelState(i, {
 						status: "connected",
 						startTime: Date.now()
-					}), A(i, "connected"), e.activeChannelId.value === i && (om(t), V(t).then(() => j(t, i))), N();
+					}), A(i, "connected"), e.activeChannelId.value === i && (Qp(t), V(t).then(() => j(t, i))), N();
 					break;
 			}
 		});
@@ -8622,7 +8622,7 @@ const createSipService = (e, t = {}) => {
 					m.add(o), e.channels.value.find((e) => e.id === o)?.status !== "connected" && (e.updateChannelState(o, {
 						status: "connected",
 						startTime: Date.now()
-					}), A(o, "connected"), om(l), V(l).then(() => j(l, o)), N());
+					}), A(o, "connected"), Qp(l), V(l).then(() => j(l, o)), N());
 					break;
 				case SessionState.Terminated: {
 					let n = e.channels.value.find((e) => e.id === o);
@@ -8650,27 +8650,27 @@ const createSipService = (e, t = {}) => {
 						startTime: void 0,
 						keypadValue: "",
 						hasVideo: !1
-					}), a.value.delete(o), e.activeChannelId.value === o && sm(), N();
+					}), a.value.delete(o), e.activeChannelId.value === o && $p(), N();
 					break;
 				}
 			}
 		});
 		let u = {
-			sessionDescriptionHandlerOptions: { constraints: Yp(i) },
+			sessionDescriptionHandlerOptions: { constraints: Vp(i) },
 			requestDelegate: {
 				onProgress: (t) => {
-					(t.message.statusCode === 180 || t.message.statusCode === 183) && (t.message.body && (e.updateChannelState(o, { hasEarlyMedia: !0 }), om(l)), N());
+					(t.message.statusCode === 180 || t.message.statusCode === 183) && (t.message.body && (e.updateChannelState(o, { hasEarlyMedia: !0 }), Qp(l)), N());
 				},
 				onAccept: (t) => {
 					e.channels.value.find((e) => e.id === o)?.status !== "connected" && (m.add(o), e.updateChannelState(o, {
 						status: "connected",
 						startTime: Date.now()
-					}), A(o, "connected"), om(l), V(l).then(() => j(l, o)), N());
+					}), A(o, "connected"), Qp(l), V(l).then(() => j(l, o)), N());
 				}
 			}
 		};
 		await l.invite(u);
-	}, $p = async (t = !1) => {
+	}, Gp = async (t = !1) => {
 		let n = e.activeChannelId.value, i = a.value.get(n);
 		if (i instanceof Invitation && i.state === SessionState.Initial) {
 			for (let [t, n] of a.value.entries()) if (t !== e.activeChannelId.value && n.state === SessionState.Established && !e.channels.value.find((e) => e.id === t)?.isHeld) try {
@@ -8678,7 +8678,7 @@ const createSipService = (e, t = {}) => {
 			} catch (e) {
 				console.error(`[SipJs] Failed to hold channel ${t}:`, e);
 			}
-			let o = { sessionDescriptionHandlerOptions: { constraints: Yp(t) } };
+			let o = { sessionDescriptionHandlerOptions: { constraints: Vp(t) } };
 			e.updateChannelState(n, {
 				status: "connected",
 				startTime: Date.now()
@@ -8719,7 +8719,7 @@ const createSipService = (e, t = {}) => {
 		try {
 			await J(t, n), e.setHeld(n), z(t, e.channels.value.find((t) => t.id === e.activeChannelId.value));
 		} catch {}
-	}, em = async (t) => {
+	}, Kp = 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);
@@ -8730,8 +8730,8 @@ const createSipService = (e, t = {}) => {
 			if (l?.isHeld) try {
 				await J(o, !1), e.updateChannelState(t, { isHeld: !1 });
 			} catch {}
-			z(o, e.channels.value.find((e) => e.id === t)), om(o);
-		} else sm();
+			z(o, e.channels.value.find((e) => e.id === t)), Qp(o);
+		} else $p();
 	}, Z = (t) => {
 		let n = a.value.get(e.activeChannelId.value);
 		if (n?.state !== SessionState.Established) return;
@@ -8741,10 +8741,10 @@ const createSipService = (e, t = {}) => {
 			contentDisposition: "signal"
 		} } };
 		n.info(i);
-	}, tm = (t, n) => {
+	}, qp = (t, n) => {
 		let i = e.channels.value.find((e) => e.id === t);
-		!i || i.status !== "connected" || (om(n), z(n, i), V(n), o.play().catch(() => {}));
-	}, nm = async (t) => {
+		!i || i.status !== "connected" || (Qp(n), z(n, i), V(n), o.play().catch(() => {}));
+	}, Jp = 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");
@@ -8764,7 +8764,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), tm(i, o);
+						console.error("[SipJs] ❌ Transfer REFER rechazado:", t), console.error("[SipJs] Response completo:", e.message), qp(i, o);
 					}
 				},
 				onNotify: (e) => {
@@ -8787,7 +8787,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), tm(i, o);
+								console.warn("[SipJs] 💬", e), qp(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");
@@ -8796,7 +8796,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;
 		}
-	}, rm = async (t) => {
+	}, Yp = 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");
@@ -8817,7 +8817,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 J(i, !1).catch(() => {}), e.updateChannelState(n, { isHeld: !1 }), Error("Failed to initiate consultation call");
 		}
-	}, im = async () => {
+	}, Xp = 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");
@@ -8860,7 +8860,7 @@ const createSipService = (e, t = {}) => {
 		} catch (e) {
 			throw console.error("[SipJs] Attended transfer failed:", e), e;
 		}
-	}, am = async () => {
+	}, Zp = async () => {
 		let t = e.transferInProgress.value;
 		if (!t) throw Error("No transfer in progress");
 		console.log("[SipJs] Canceling attended transfer...");
@@ -8876,7 +8876,7 @@ const createSipService = (e, t = {}) => {
 			console.warn("[SipJs] Error resuming original call:", e);
 		}
 		e.setTransferInProgress(null);
-	}, om = (e) => {
+	}, Qp = (e) => {
 		let t = e.sessionDescriptionHandler;
 		if (!t) {
 			console.error("[SipJs] setupRemoteMedia: no sessionDescriptionHandler");
@@ -8909,23 +8909,23 @@ const createSipService = (e, t = {}) => {
 		}, { signal: g.signal });
 		let [s] = n.getTracks();
 		s && (o.srcObject = n, a(s), i && j(e, i.id));
-	}, sm = () => {
+	}, $p = () => {
 		_?.abort(), _ = null, g?.abort(), g = null, o.pause(), o.srcObject = null, u.value = null, d.value = null;
 	};
 	return {
-		initUserAgent: Xp,
-		stop: Zp,
+		initUserAgent: Hp,
+		stop: Up,
 		makeCall: G,
-		answerCall: $p,
+		answerCall: Gp,
 		hangupCall: K,
 		toggleMute: q,
 		toggleHold: Y,
 		sendDTMF: Z,
-		transferCall: nm,
-		startAttendedTransfer: rm,
-		completeAttendedTransfer: im,
-		cancelAttendedTransfer: am,
-		switchChannel: em,
+		transferCall: Jp,
+		startAttendedTransfer: Yp,
+		completeAttendedTransfer: Xp,
+		cancelAttendedTransfer: Zp,
+		switchChannel: Kp,
 		extension: x,
 		setVolume: P,
 		setNotificationVolume: D,
@@ -14824,89 +14824,6 @@ var _hoisted_1$17 = {
 			_: 3
 		}, 16));
 	}
-}), [injectToggleGroupRootContext, provideToggleGroupRootContext] = createContext("ToggleGroupRoot"), Toggle_default$1 = /* @__PURE__ */ defineComponent({
-	__name: "Toggle",
-	props: {
-		defaultValue: {
-			type: Boolean,
-			required: !1
-		},
-		modelValue: {
-			type: [Boolean, null],
-			required: !1,
-			default: void 0
-		},
-		disabled: {
-			type: Boolean,
-			required: !1,
-			default: !1
-		},
-		asChild: {
-			type: Boolean,
-			required: !1
-		},
-		as: {
-			type: null,
-			required: !1,
-			default: "button"
-		},
-		name: {
-			type: String,
-			required: !1
-		},
-		required: {
-			type: Boolean,
-			required: !1
-		}
-	},
-	emits: ["update:modelValue"],
-	setup(e, { emit: t }) {
-		let n = e, i = t, { forwardRef: a, currentElement: o } = useForwardExpose(), d = injectToggleGroupRootContext(null), f = useVModel(n, "modelValue", i, {
-			defaultValue: n.defaultValue,
-			passive: n.modelValue === void 0
-		});
-		function p() {
-			f.value = !f.value;
-		}
-		let m = computed(() => f.value ? "on" : "off"), g = useFormControl(o);
-		return (e, t) => (openBlock(), createBlock(unref(Primitive), {
-			ref: unref(a),
-			type: e.as === "button" ? "button" : void 0,
-			"as-child": n.asChild,
-			as: e.as,
-			"aria-pressed": unref(f),
-			"data-state": m.value,
-			"data-disabled": e.disabled ? "" : void 0,
-			disabled: e.disabled,
-			onClick: p
-		}, {
-			default: withCtx(() => [renderSlot(e.$slots, "default", {
-				modelValue: unref(f),
-				disabled: e.disabled,
-				pressed: unref(f),
-				state: m.value
-			}), unref(g) && e.name && !unref(d) ? (openBlock(), createBlock(VisuallyHiddenInput_default, {
-				key: 0,
-				type: "checkbox",
-				name: e.name,
-				value: unref(f),
-				required: e.required
-			}, null, 8, [
-				"name",
-				"value",
-				"required"
-			])) : createCommentVNode("v-if", !0)]),
-			_: 3
-		}, 8, [
-			"type",
-			"as-child",
-			"as",
-			"aria-pressed",
-			"data-state",
-			"data-disabled",
-			"disabled"
-		]));
-	}
 }), TooltipArrow_default = /* @__PURE__ */ defineComponent({
 	__name: "TooltipArrow",
 	props: {
@@ -16311,7 +16228,7 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 }, _hoisted_16$1 = {
 	key: 4,
 	class: "webphone-display__non-idle wp:flex wp:flex-col wp:items-center wp:justify-center wp:gap-2"
-}, _hoisted_17$1 = { class: "webphone-display__non-idle-row wp:flex wp:items-center wp:gap-4" }, _hoisted_18$1 = { class: "webphone-display__non-idle-caller wp:flex wp:flex-col wp:items-center" }, _hoisted_19$1 = { class: "webphone-display__non-idle-name wp:text-md wp:font-bold wp:text-neutral-800 wp:dark:text-white" }, _hoisted_20$1 = {
+}, _hoisted_17$1 = { class: "webphone-display__non-idle-row wp:flex wp:items-center wp:gap-4" }, _hoisted_18 = { class: "webphone-display__non-idle-caller wp:flex wp:flex-col wp:items-center" }, _hoisted_19 = { class: "webphone-display__non-idle-name wp:text-md wp:font-bold wp:text-neutral-800 wp:dark:text-white" }, _hoisted_20 = {
 	key: 0,
 	class: "webphone-display__non-idle-number wp:text-sm wp:text-muted-foreground"
 }, CallDisplay_default = /* @__PURE__ */ defineComponent({
@@ -16482,7 +16399,7 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 			})) : (openBlock(), createBlock(unref(CircleUser), {
 				key: 4,
 				class: "wp:w-3 wp:h-3"
-			}))], 2), createElementVNode("div", _hoisted_9$4, [createElementVNode("span", _hoisted_10$3, toDisplayString(e.name), 1), createElementVNode("span", _hoisted_11$3, toDisplayString(e.number), 1)])], 40, _hoisted_8$4))), 128))], 512), [[vShow, v.value && x.value && (T.value.length > 0 || S.value)]])], 512)])) : (p.value?.status || "idle") === "connected" ? (openBlock(), createElementBlock("div", _hoisted_12$3, [createElementVNode("div", _hoisted_13$1, [createElementVNode("div", _hoisted_14$1, " En llamada con " + toDisplayString(L.value), 1), L.value === z.value ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_15$1, toDisplayString(z.value), 1))])])) : (p.value?.status || "idle") === "idle" ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_16$1, [createElementVNode("div", _hoisted_17$1, [createElementVNode("div", _hoisted_18$1, [createElementVNode("div", _hoisted_19$1, toDisplayString(L.value), 1), L.value === z.value ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_20$1, toDisplayString(z.value), 1))]), createVNode(unref(TooltipProvider_default), null, {
+			}))], 2), createElementVNode("div", _hoisted_9$4, [createElementVNode("span", _hoisted_10$3, toDisplayString(e.name), 1), createElementVNode("span", _hoisted_11$3, toDisplayString(e.number), 1)])], 40, _hoisted_8$4))), 128))], 512), [[vShow, v.value && x.value && (T.value.length > 0 || S.value)]])], 512)])) : (p.value?.status || "idle") === "connected" ? (openBlock(), createElementBlock("div", _hoisted_12$3, [createElementVNode("div", _hoisted_13$1, [createElementVNode("div", _hoisted_14$1, " En llamada con " + toDisplayString(L.value), 1), L.value === z.value ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_15$1, toDisplayString(z.value), 1))])])) : (p.value?.status || "idle") === "idle" ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_16$1, [createElementVNode("div", _hoisted_17$1, [createElementVNode("div", _hoisted_18, [createElementVNode("div", _hoisted_19, toDisplayString(L.value), 1), L.value === z.value ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_20, toDisplayString(z.value), 1))]), createVNode(unref(TooltipProvider_default), null, {
 				default: withCtx(() => [createVNode(unref(Tooltip_default), null, {
 					default: withCtx(() => [createVNode(unref(TooltipTrigger_default), { "as-child": "" }), createVNode(unref(TooltipContent_default), { class: "wp:flex wp:items-center wp:gap-2" }, {
 						default: withCtx(() => [createElementVNode("span", null, toDisplayString(unref(t).isKeypadVisible ? "Ocultar" : "Mostrar") + " teclado", 1), createVNode(unref(Kbd_default), null, {
@@ -16935,107 +16852,48 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 		let t = e, n = reactiveOmit(t, "class");
 		return (e, i) => (openBlock(), createBlock(unref(Separator_default$1), mergeProps({ "data-slot": "separator" }, unref(n), { class: unref(cn)("wp:bg-border wp:shrink-0 wp:data-[orientation=horizontal]:h-px wp:data-[orientation=horizontal]:w-full wp:data-[orientation=vertical]:h-full wp:data-[orientation=vertical]:w-px", t.class) }), null, 16, ["class"]));
 	}
-}), Toggle_default = /* @__PURE__ */ defineComponent({
-	__name: "Toggle",
-	props: {
-		defaultValue: { type: Boolean },
-		modelValue: { type: [Boolean, null] },
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		asChild: { type: Boolean },
-		as: {},
-		name: {},
-		required: { type: Boolean },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		variant: { default: "default" },
-		size: { default: "default" }
-	},
-	emits: ["update:modelValue"],
-	setup(e, { emit: t }) {
-		let n = e, i = t, a = useForwardPropsEmits(reactiveOmit(n, "class", "size", "variant"), i);
-		return (t, i) => (openBlock(), createBlock(unref(Toggle_default$1), mergeProps({ "data-slot": "toggle" }, unref(a), { class: unref(cn)(unref(toggleVariants)({
-			variant: e.variant,
-			size: e.size
-		}), n.class) }), {
-			default: withCtx((e) => [renderSlot(t.$slots, "default", normalizeProps(guardReactiveProps(e)))]),
-			_: 3
-		}, 16, ["class"]));
-	}
-});
-const toggleVariants = cva("wp:inline-flex wp:items-center wp:justify-center wp:gap-2 wp:rounded-md wp:text-sm wp:font-medium wp:hover:bg-muted wp:hover:text-muted-foreground wp:disabled:pointer-events-none wp:disabled:opacity-50 wp:data-[state=on]:bg-accent wp:data-[state=on]:text-accent-foreground wp:[&_svg]:pointer-events-none wp:[&_svg:not([class*='size-'])]:size-4 wp:[&_svg]:shrink-0 wp:focus-visible:border-ring wp:focus-visible:ring-ring/50 wp:focus-visible:ring-[3px] wp:outline-none wp:transition-[color,box-shadow] wp:aria-invalid:ring-destructive/20 wp:dark:aria-invalid:ring-destructive/40 wp:aria-invalid:border-destructive wp:whitespace-nowrap", {
-	variants: {
-		variant: {
-			default: "wp:bg-transparent",
-			outline: "wp:border wp:border-input wp:bg-transparent wp:shadow-xs wp:hover:bg-accent wp:hover:text-accent-foreground"
-		},
-		size: {
-			default: "wp:h-9 wp:px-2 wp:min-w-9",
-			sm: "wp:h-8 wp:px-1.5 wp:min-w-8",
-			lg: "wp:h-10 wp:px-2.5 wp:min-w-10"
-		}
-	},
-	defaultVariants: {
-		variant: "default",
-		size: "default"
-	}
-});
-var _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2$3 = { class: "wp:flex wp:items-center wp:justify-between wp:gap-2" }, _hoisted_3$3 = { class: "wp:flex wp:flex-col" }, _hoisted_4$3 = { class: "wp:text-sm wp:text-muted-foreground" }, _hoisted_5$3 = { class: "wp:flex wp:flex-col wp:gap-2" }, _hoisted_6$3 = { class: "wp:flex wp:flex-col wp:gap-2" }, _hoisted_7$3 = { class: "wp:flex wp:flex-col wp:gap-4" }, _hoisted_8$3 = { class: "wp:flex wp:justify-between" }, _hoisted_9$3 = { class: "wp:text-sm wp:text-muted-foreground" }, _hoisted_10$2 = { class: "wp:flex wp:flex-col wp:gap-4" }, _hoisted_11$2 = { class: "wp:flex wp:justify-between" }, _hoisted_12$2 = { class: "wp:text-sm wp:text-muted-foreground" }, _hoisted_13 = { class: "wp:flex wp:flex-col wp:gap-3" }, _hoisted_14 = { class: "wp:grid wp:grid-cols-2 wp:gap-2 wp:text-sm" }, _hoisted_15 = { class: "wp:flex wp:items-center wp:justify-between wp:gap-2" }, _hoisted_16 = { class: "wp:flex wp:items-center wp:justify-between wp:gap-2" }, _hoisted_17 = { class: "wp:flex wp:items-center wp:justify-between wp:gap-2" }, _hoisted_18 = { class: "wp:flex wp:items-center wp:justify-between wp:gap-2" }, _hoisted_19 = { class: "wp:flex wp:items-center wp:justify-between wp:gap-2" }, _hoisted_20 = { class: "wp:flex wp:items-center wp:justify-between wp:gap-2" }, AudioSettingsDialog_default = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2$3 = { class: "wp:flex wp:flex-col wp:gap-2" }, _hoisted_3$3 = { class: "wp:flex wp:flex-col wp:gap-2" }, _hoisted_4$3 = { class: "wp:flex wp:flex-col wp:gap-4" }, _hoisted_5$3 = { class: "wp:flex wp:justify-between" }, _hoisted_6$3 = { class: "wp:text-sm wp:text-muted-foreground" }, _hoisted_7$3 = { class: "wp:flex wp:flex-col wp:gap-4" }, _hoisted_8$3 = { class: "wp:flex wp:justify-between" }, _hoisted_9$3 = { class: "wp:text-sm wp:text-muted-foreground" }, _hoisted_10$2 = { class: "wp:flex wp:flex-col wp:gap-3" }, _hoisted_11$2 = { class: "wp:grid wp:grid-cols-2 wp:gap-2 wp:text-sm" }, _hoisted_12$2 = { class: "wp:flex wp:items-center wp:justify-between wp:gap-2" }, _hoisted_13 = { class: "wp:flex wp:items-center wp:justify-between wp:gap-2" }, _hoisted_14 = { class: "wp:flex wp:items-center wp:justify-between wp:gap-2" }, _hoisted_15 = { class: "wp:flex wp:items-center wp:justify-between wp:gap-2" }, _hoisted_16 = { class: "wp:flex wp:items-center wp:justify-between wp:gap-2" }, _hoisted_17 = { class: "wp:flex wp:items-center wp:justify-between wp:gap-2" }, AudioSettingsDialog_default = /* @__PURE__ */ defineComponent({
 	__name: "AudioSettingsDialog",
 	props: { visible: { type: Boolean } },
 	emits: ["update:visible"],
 	setup(e, { emit: t }) {
-		let i = t, a = navigator.platform.toUpperCase().indexOf("MAC") >= 0 ? "⌘" : "Ctrl+", { setVolume: o, setOutputDevice: p, setInputDevice: _, setNotificationVolume: v } = inject("sip"), y = inject("webphoneRegistration"), b = ref(!1), x = async (e) => {
-			b.value = !0;
-			try {
-				e ? await y.register() : await y.unregister();
-			} finally {
-				b.value = !1;
-			}
-		}, S = ref([]), E = ref([]), D = useStorage("webphone-input-device", ""), O = useStorage("webphone-output-device", ""), k = useStorage("webphone-volume", 100), A = useStorage("webphone-notification-volume", 100), j = async () => {
+		let i = t, a = navigator.platform.toUpperCase().indexOf("MAC") >= 0 ? "⌘" : "Ctrl+", { setVolume: o, setOutputDevice: p, setInputDevice: _, setNotificationVolume: v } = inject("sip"), y = ref([]), b = ref([]), x = useStorage("webphone-input-device", ""), S = useStorage("webphone-output-device", ""), E = useStorage("webphone-volume", 100), D = useStorage("webphone-notification-volume", 100), O = async () => {
 			try {
 				await navigator.mediaDevices.getUserMedia({ audio: !0 });
 				let e = await navigator.mediaDevices.enumerateDevices();
-				S.value = e.filter((e) => e.kind === "audioinput").map((e, t) => ({
+				y.value = e.filter((e) => e.kind === "audioinput").map((e, t) => ({
 					deviceId: e.deviceId,
 					label: e.label || `Microphone ${t + 1}`
-				})), E.value = e.filter((e) => e.kind === "audiooutput").map((e, t) => ({
+				})), b.value = e.filter((e) => e.kind === "audiooutput").map((e, t) => ({
 					deviceId: e.deviceId,
 					label: e.label || `Speaker ${t + 1}`
 				}));
-				let t = S.value.some((e) => e.deviceId === D.value);
-				(!D.value || !t) && S.value.length > 0 && (D.value = S.value[0]?.deviceId ?? "");
-				let n = E.value.some((e) => e.deviceId === O.value);
-				(!O.value || !n) && E.value.length > 0 && (O.value = E.value[0]?.deviceId ?? ""), D.value && _(D.value), O.value && p(O.value);
+				let t = y.value.some((e) => e.deviceId === x.value);
+				(!x.value || !t) && y.value.length > 0 && (x.value = y.value[0]?.deviceId ?? "");
+				let n = b.value.some((e) => e.deviceId === S.value);
+				(!S.value || !n) && b.value.length > 0 && (S.value = b.value[0]?.deviceId ?? ""), x.value && _(x.value), S.value && p(S.value);
 			} catch (e) {
 				console.error("Error loading devices", e);
 			}
-		}, M = (e) => {
+		}, k = (e) => {
 			let t = String(e);
-			D.value = t, _(t);
-		}, N = (e) => {
+			x.value = t, _(t);
+		}, A = (e) => {
 			let t = String(e);
-			O.value = t, p(t);
-		}, F = (e, t = 35) => e.length <= t ? e : e.substring(0, t) + "...", I = computed({
-			get: () => [k.value],
+			S.value = t, p(t);
+		}, j = (e, t = 35) => e.length <= t ? e : e.substring(0, t) + "...", M = computed({
+			get: () => [E.value],
 			set: (e) => {
-				k.value = e[0], o(k.value);
+				E.value = e[0], o(E.value);
 			}
-		}), L = computed({
-			get: () => [A.value],
+		}), N = computed({
+			get: () => [D.value],
 			set: (e) => {
-				A.value = e[0], v(A.value);
+				D.value = e[0], v(D.value);
 			}
 		});
 		return onMounted(() => {
-			j(), o(k.value), v(A.value);
+			O(), o(E.value), v(D.value);
 		}), (t, o) => e.visible ? (openBlock(), createBlock(unref(Dialog_default), {
 			key: 0,
 			open: e.visible,
@@ -17051,43 +16909,24 @@ var _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2
 						_: 1
 					}),
 					createElementVNode("div", _hoisted_1$3, [
-						createElementVNode("div", _hoisted_2$3, [createElementVNode("div", _hoisted_3$3, [createVNode(unref(Label_default), null, {
-							default: withCtx(() => [...o[7] ||= [createTextVNode("Extensión SIP", -1)]]),
-							_: 1
-						}), createElementVNode("span", _hoisted_4$3, toDisplayString(unref(y).isConnected.value ? "Registrada" : "Sin registrar"), 1)]), createVNode(unref(Toggle_default), {
-							"model-value": unref(y).isConnected.value,
-							disabled: b.value,
-							"aria-label": "Registrar o desregistrar la extensión SIP",
-							"onUpdate:modelValue": x
-						}, {
-							default: withCtx(() => [unref(y).isConnected.value ? (openBlock(), createBlock(unref(Check), {
-								key: 0,
-								class: "wp:w-4 wp:h-4"
-							})) : (openBlock(), createBlock(unref(X), {
-								key: 1,
-								class: "wp:w-4 wp:h-4"
-							}))]),
-							_: 1
-						}, 8, ["model-value", "disabled"])]),
-						createVNode(unref(Separator_default)),
-						createElementVNode("div", _hoisted_5$3, [createVNode(unref(Label_default), null, {
-							default: withCtx(() => [...o[8] ||= [createTextVNode("Microphone", -1)]]),
+						createElementVNode("div", _hoisted_2$3, [createVNode(unref(Label_default), null, {
+							default: withCtx(() => [...o[7] ||= [createTextVNode("Microphone", -1)]]),
 							_: 1
 						}), createVNode(unref(Select_default), {
-							modelValue: unref(D),
-							"onUpdate:modelValue": [o[0] ||= (e) => isRef(D) ? D.value = e : null, M]
+							modelValue: unref(x),
+							"onUpdate:modelValue": [o[0] ||= (e) => isRef(x) ? x.value = e : null, k]
 						}, {
 							default: withCtx(() => [createVNode(unref(SelectTrigger_default), { class: "wp:w-full" }, {
 								default: withCtx(() => [createVNode(unref(SelectValue_default), { placeholder: "Select Microphone" })]),
 								_: 1
 							}), createVNode(unref(SelectContent_default), null, {
 								default: withCtx(() => [createVNode(unref(SelectGroup_default), null, {
-									default: withCtx(() => [(openBlock(!0), createElementBlock(Fragment, null, renderList(S.value, (e) => (openBlock(), createBlock(unref(SelectItem_default), {
+									default: withCtx(() => [(openBlock(!0), createElementBlock(Fragment, null, renderList(y.value, (e) => (openBlock(), createBlock(unref(SelectItem_default), {
 										key: e.deviceId,
 										value: e.deviceId,
 										title: e.label
 									}, {
-										default: withCtx(() => [createTextVNode(toDisplayString(F(e.label)), 1)]),
+										default: withCtx(() => [createTextVNode(toDisplayString(j(e.label)), 1)]),
 										_: 2
 									}, 1032, ["value", "title"]))), 128))]),
 									_: 1
@@ -17096,24 +16935,24 @@ var _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2
 							})]),
 							_: 1
 						}, 8, ["modelValue"])]),
-						createElementVNode("div", _hoisted_6$3, [createVNode(unref(Label_default), null, {
-							default: withCtx(() => [...o[9] ||= [createTextVNode("Speaker", -1)]]),
+						createElementVNode("div", _hoisted_3$3, [createVNode(unref(Label_default), null, {
+							default: withCtx(() => [...o[8] ||= [createTextVNode("Speaker", -1)]]),
 							_: 1
 						}), createVNode(unref(Select_default), {
-							modelValue: unref(O),
-							"onUpdate:modelValue": [o[1] ||= (e) => isRef(O) ? O.value = e : null, N]
+							modelValue: unref(S),
+							"onUpdate:modelValue": [o[1] ||= (e) => isRef(S) ? S.value = e : null, A]
 						}, {
 							default: withCtx(() => [createVNode(unref(SelectTrigger_default), { class: "wp:w-full" }, {
 								default: withCtx(() => [createVNode(unref(SelectValue_default), { placeholder: "Select Speaker" })]),
 								_: 1
 							}), createVNode(unref(SelectContent_default), null, {
 								default: withCtx(() => [createVNode(unref(SelectGroup_default), null, {
-									default: withCtx(() => [(openBlock(!0), createElementBlock(Fragment, null, renderList(E.value, (e) => (openBlock(), createBlock(unref(SelectItem_default), {
+									default: withCtx(() => [(openBlock(!0), createElementBlock(Fragment, null, renderList(b.value, (e) => (openBlock(), createBlock(unref(SelectItem_default), {
 										key: e.deviceId,
 										value: e.deviceId,
 										title: e.label
 									}, {
-										default: withCtx(() => [createTextVNode(toDisplayString(F(e.label)), 1)]),
+										default: withCtx(() => [createTextVNode(toDisplayString(j(e.label)), 1)]),
 										_: 2
 									}, 1032, ["value", "title"]))), 128))]),
 									_: 1
@@ -17122,50 +16961,50 @@ var _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2
 							})]),
 							_: 1
 						}, 8, ["modelValue"])]),
-						createElementVNode("div", _hoisted_7$3, [createElementVNode("div", _hoisted_8$3, [createVNode(unref(Label_default), null, {
-							default: withCtx(() => [...o[10] ||= [createTextVNode("Media Volume", -1)]]),
+						createElementVNode("div", _hoisted_4$3, [createElementVNode("div", _hoisted_5$3, [createVNode(unref(Label_default), null, {
+							default: withCtx(() => [...o[9] ||= [createTextVNode("Media Volume", -1)]]),
 							_: 1
-						}), createElementVNode("span", _hoisted_9$3, toDisplayString(unref(k)) + "%", 1)]), createVNode(unref(Slider_default), {
-							modelValue: I.value,
-							"onUpdate:modelValue": o[2] ||= (e) => I.value = e,
+						}), createElementVNode("span", _hoisted_6$3, toDisplayString(unref(E)) + "%", 1)]), createVNode(unref(Slider_default), {
+							modelValue: M.value,
+							"onUpdate:modelValue": o[2] ||= (e) => M.value = e,
 							max: 100,
 							step: 1
 						}, null, 8, ["modelValue"])]),
-						createElementVNode("div", _hoisted_10$2, [createElementVNode("div", _hoisted_11$2, [createVNode(unref(Label_default), null, {
-							default: withCtx(() => [...o[11] ||= [createTextVNode("Notification Volume", -1)]]),
+						createElementVNode("div", _hoisted_7$3, [createElementVNode("div", _hoisted_8$3, [createVNode(unref(Label_default), null, {
+							default: withCtx(() => [...o[10] ||= [createTextVNode("Notification Volume", -1)]]),
 							_: 1
-						}), createElementVNode("span", _hoisted_12$2, toDisplayString(unref(A)) + "%", 1)]), createVNode(unref(Slider_default), {
-							modelValue: L.value,
-							"onUpdate:modelValue": o[3] ||= (e) => L.value = e,
+						}), createElementVNode("span", _hoisted_9$3, toDisplayString(unref(D)) + "%", 1)]), createVNode(unref(Slider_default), {
+							modelValue: N.value,
+							"onUpdate:modelValue": o[3] ||= (e) => N.value = e,
 							max: 100,
 							step: 1
 						}, null, 8, ["modelValue"])]),
 						createVNode(unref(Separator_default)),
-						createElementVNode("div", _hoisted_13, [createVNode(unref(Label_default), { class: "wp:text-base" }, {
-							default: withCtx(() => [...o[12] ||= [createTextVNode("Atajos de teclado", -1)]]),
+						createElementVNode("div", _hoisted_10$2, [createVNode(unref(Label_default), { class: "wp:text-base" }, {
+							default: withCtx(() => [...o[11] ||= [createTextVNode("Atajos de teclado", -1)]]),
 							_: 1
-						}), createElementVNode("div", _hoisted_14, [
-							createElementVNode("div", _hoisted_15, [o[13] ||= createElementVNode("span", { class: "wp:text-muted-foreground" }, "Historial", -1), createVNode(unref(Kbd_default), null, {
+						}), createElementVNode("div", _hoisted_11$2, [
+							createElementVNode("div", _hoisted_12$2, [o[12] ||= createElementVNode("span", { class: "wp:text-muted-foreground" }, "Historial", -1), createVNode(unref(Kbd_default), null, {
 								default: withCtx(() => [createTextVNode(toDisplayString(unref(a)) + "H", 1)]),
 								_: 1
 							})]),
-							createElementVNode("div", _hoisted_16, [o[14] ||= createElementVNode("span", { class: "wp:text-muted-foreground" }, "Configuración", -1), createVNode(unref(Kbd_default), null, {
+							createElementVNode("div", _hoisted_13, [o[13] ||= createElementVNode("span", { class: "wp:text-muted-foreground" }, "Configuración", -1), createVNode(unref(Kbd_default), null, {
 								default: withCtx(() => [createTextVNode(toDisplayString(unref(a)) + ",", 1)]),
 								_: 1
 							})]),
-							createElementVNode("div", _hoisted_17, [o[15] ||= createElementVNode("span", { class: "wp:text-muted-foreground" }, "Teclado", -1), createVNode(unref(Kbd_default), null, {
+							createElementVNode("div", _hoisted_14, [o[14] ||= createElementVNode("span", { class: "wp:text-muted-foreground" }, "Teclado", -1), createVNode(unref(Kbd_default), null, {
 								default: withCtx(() => [createTextVNode(toDisplayString(unref(a)) + "K", 1)]),
 								_: 1
 							})]),
-							createElementVNode("div", _hoisted_18, [o[16] ||= createElementVNode("span", { class: "wp:text-muted-foreground" }, "Línea 1", -1), createVNode(unref(Kbd_default), null, {
+							createElementVNode("div", _hoisted_15, [o[15] ||= createElementVNode("span", { class: "wp:text-muted-foreground" }, "Línea 1", -1), createVNode(unref(Kbd_default), null, {
 								default: withCtx(() => [createTextVNode(toDisplayString(unref(a)) + "1", 1)]),
 								_: 1
 							})]),
-							createElementVNode("div", _hoisted_19, [o[17] ||= createElementVNode("span", { class: "wp:text-muted-foreground" }, "Línea 2", -1), createVNode(unref(Kbd_default), null, {
+							createElementVNode("div", _hoisted_16, [o[16] ||= createElementVNode("span", { class: "wp:text-muted-foreground" }, "Línea 2", -1), createVNode(unref(Kbd_default), null, {
 								default: withCtx(() => [createTextVNode(toDisplayString(unref(a)) + "2", 1)]),
 								_: 1
 							})]),
-							createElementVNode("div", _hoisted_20, [o[18] ||= createElementVNode("span", { class: "wp:text-muted-foreground" }, "Línea 3", -1), createVNode(unref(Kbd_default), null, {
+							createElementVNode("div", _hoisted_17, [o[17] ||= createElementVNode("span", { class: "wp:text-muted-foreground" }, "Línea 3", -1), createVNode(unref(Kbd_default), null, {
 								default: withCtx(() => [createTextVNode(toDisplayString(unref(a)) + "3", 1)]),
 								_: 1
 							})])
@@ -17176,7 +17015,7 @@ var _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2
 							variant: "secondary",
 							onClick: o[4] ||= (e) => i("update:visible", !1)
 						}, {
-							default: withCtx(() => [...o[19] ||= [createTextVNode("Close", -1)]]),
+							default: withCtx(() => [...o[18] ||= [createTextVNode("Close", -1)]]),
 							_: 1
 						})]),
 						_: 1
@@ -17712,7 +17551,7 @@ var _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2
 		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), Xp = 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), Hp = navigator.platform.toUpperCase().indexOf("MAC") >= 0 ? "⌘" : "Ctrl+", H = computed(() => o.mode === "webcall"), U = ref(0), W = (e) => !!e && e.getVideoTracks().length > 0;
 		watch(() => x.callStatus, (e) => {
 			if (e === "idle" && !x.isKeypadVisible) {
 				x.toggleKeypad();
@@ -17720,68 +17559,68 @@ var _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2
 			}
 			e !== "idle" && x.isKeypadVisible && x.toggleKeypad();
 		});
-		let Qp = computed(() => x.channels.find((e) => e.id === x.activeChannelId) ?? null), G = (e) => {
+		let Wp = computed(() => x.channels.find((e) => e.id === x.activeChannelId) ?? null), G = (e) => {
 			if (!e) return "";
 			let t = e.trim(), n = t.startsWith("+"), i = t.replace(/[^\d]/g, "");
 			return n ? `+${i}` : i;
-		}, $p = computed(() => {
-			let e = Qp.value?.remoteNumber || x.remoteNumber, t = G(e);
+		}, Gp = computed(() => {
+			let e = Wp.value?.remoteNumber || x.remoteNumber, t = G(e);
 			return o.contacts.find((e) => G(e.number) === t)?.name || e || "Llamada";
-		}), K = computed(() => (U.value, !!Qp.value?.hasVideo || W(E.value) || W(D.value))), { isOnline: q } = useNetwork(), J = computed(() => !q.value), Y = ref(null), Z = ref(!1), im = computed(() => o.enablePictureInPicture), sm = () => {
-			im.value && Y.value?.toggle();
-		}, cm = async (e, t) => {
+		}), K = computed(() => (U.value, !!Wp.value?.hasVideo || W(E.value) || W(D.value))), { isOnline: q } = useNetwork(), J = computed(() => !q.value), Y = ref(null), Z = ref(!1), Xp = computed(() => o.enablePictureInPicture), $p = () => {
+			Xp.value && Y.value?.toggle();
+		}, em = async (e, t) => {
 			try {
 				t === "blind" ? await S.transferCall(e) : await S.startAttendedTransfer(e);
 			} catch (e) {
 				console.error("[WebPhone] Transfer error:", e), alert(e instanceof Error ? e.message : "Transfer failed. Please try again.");
 			}
-		}, lm = async () => {
+		}, tm = async () => {
 			try {
 				await S.completeAttendedTransfer();
 			} catch (e) {
 				console.error("[WebPhone] Complete transfer error:", e), alert(e instanceof Error ? e.message : "Failed to complete transfer.");
 			}
-		}, um = async () => {
+		}, nm = async () => {
 			try {
 				await S.cancelAttendedTransfer();
 			} catch (e) {
 				console.error("[WebPhone] Cancel transfer error:", e), alert(e instanceof Error ? e.message : "Failed to cancel transfer.");
 			}
-		}, dm = (e) => {
+		}, rm = (e) => {
 			x.keypadValue = e, S.makeCall(e);
-		}, fm = (e) => {
+		}, im = (e) => {
 			if (o.onAnswer) {
 				o.onAnswer(e);
 				return;
 			}
 			S.answerCall(e);
-		}, pm = () => {
+		}, am = () => {
 			if (o.onHangup) {
 				o.onHangup();
 				return;
 			}
 			S.hangupCall();
-		}, mm = () => {
+		}, om = () => {
 			if (o.onReject) {
 				o.onReject();
 				return;
 			}
 			S.hangupCall();
-		}, hm = () => {
+		}, sm = () => {
 			j.value = !0, Y.value?.close(), window.focus();
-		}, gm = () => {
-			if (!im.value) return !1;
+		}, cm = () => {
+			if (!Xp.value) return !1;
 			let e = x.callStatus !== "idle", t = document.hidden || !document.hasFocus();
 			return e && t && !Z.value;
 		}, Q = () => {
 			window.setTimeout(() => {
-				gm() && Y.value?.open();
+				cm() && Y.value?.open();
 			}, 150);
 		};
 		watchEffect(() => {
 			F.value && (Z.value || !E.value ? F.value.srcObject = null : F.value.srcObject = E.value), L.value && (Z.value || !D.value ? L.value.srcObject = null : L.value.srcObject = D.value);
 		});
-		let _m = (e) => {
+		let lm = (e) => {
 			if (!e || typeof e.addEventListener != "function" || typeof e.removeEventListener != "function") return () => {};
 			let t = () => {
 				U.value += 1;
@@ -17791,11 +17630,11 @@ var _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2
 			};
 		};
 		watch(E, (e, t, n) => {
-			U.value += 1, n(_m(e));
+			U.value += 1, n(lm(e));
 		}, { immediate: !0 }), watch(D, (e, t, n) => {
-			U.value += 1, n(_m(e));
+			U.value += 1, n(lm(e));
 		}, { immediate: !0 });
-		let vm = [
+		let um = [
 			"button",
 			"a",
 			"input",
@@ -17806,15 +17645,15 @@ var _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2
 			"[role=\"button\"]",
 			"[role=\"radio\"]",
 			"[data-no-drag]"
-		].join(", "), ym = () => {
+		].join(", "), dm = () => {
 			let e = window.innerWidth < 640, t = window.innerWidth < 1024, n = 360;
 			return e ? n = window.innerWidth * .9 : t && (n = 340), {
 				x: Math.max(0, (window.innerWidth - n) / 2),
 				y: e ? 30 : 80
 			};
-		}, { x: bm, y: xm, style: Sm } = useDraggable(N, {
+		}, { x: fm, y: pm, style: mm } = useDraggable(N, {
 			initialValue: computed(() => {
-				let e = ym();
+				let e = dm();
 				return {
 					x: o.position.x ?? e.x,
 					y: o.position.y ?? e.y
@@ -17823,14 +17662,14 @@ var _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2
 			preventDefault: !0,
 			onStart: (e, t) => {
 				let n = t.target;
-				if (n instanceof HTMLElement && n.closest(vm)) return !1;
+				if (n instanceof HTMLElement && n.closest(um)) return !1;
 			}
 		});
 		watch(() => o.position, (e) => {
-			let t = ym();
-			bm.value = e.x ?? t.x, xm.value = e.y ?? t.y;
+			let t = dm();
+			fm.value = e.x ?? t.x, pm.value = e.y ?? t.y;
 		}, { deep: !0 });
-		let Cm = [
+		let hm = [
 			{
 				label: "Canal 1",
 				value: 0
@@ -17843,27 +17682,27 @@ var _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2
 				label: "Canal 3",
 				value: 2
 			}
-		], wm = ref(!1), $ = computed({
+		], gm = ref(!1), $ = computed({
 			get: () => x.activeChannelId.toString(),
 			set: async (e) => {
-				if (!J.value && e && !wm.value) {
-					wm.value = !0;
+				if (!J.value && e && !gm.value) {
+					gm.value = !0;
 					try {
 						await T(parseInt(e));
 					} finally {
-						wm.value = !1;
+						gm.value = !1;
 					}
 				}
 			}
-		}), Tm = (e) => {
+		}), _m = (e) => {
 			let t = x.channels.find((t) => t.id === e);
 			return t ? t.status === "connected" || t.status === "calling" || t.status === "incoming" : !1;
-		}, Em = (e) => {
+		}, vm = (e) => {
 			let t = x.channels.find((t) => t.id === e);
 			return t ? t.isHeld || t.status === "held" : !1;
-		}, Dm = (e) => {
+		}, ym = (e) => {
 			J.value || ($.value = e.toString());
-		}, Om = (e) => {
+		}, bm = (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) && [
 				"1",
 				"2",
@@ -17871,43 +17710,43 @@ var _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2
 			].includes(e.key))) {
 				e.preventDefault();
 				let t = parseInt(e.key) - 1;
-				wm.value || (wm.value = !0, T(t).finally(() => {
-					wm.value = !1;
+				gm.value || (gm.value = !0, T(t).finally(() => {
+					gm.value = !1;
 				}));
 			}
 		};
 		watch(() => x.callStatus, () => {
-			gm() && Q();
+			cm() && Q();
 		}), watch(() => x.isConnected, (e) => {
 			v.value && a.set(v.value, e);
-		}, { immediate: !0 }), watch(im, (e) => {
+		}, { immediate: !0 }), watch(Xp, (e) => {
 			!e && Z.value && Y.value?.close();
 		});
-		let km = ref(!1), Am = async () => {
-			km.value || J.value || !o.host || !o.extension || !o.password || (await w({
+		let xm = ref(!1), Sm = async () => {
+			xm.value || J.value || !o.host || !o.extension || !o.password || (await w({
 				uri: `sip:${o.extension}@${o.host}`,
 				transportOptions: { server: _.value },
 				authorizationUsername: o.extension,
 				authorizationPassword: o.password
-			}), S.extension.value && (km.value = !0, o.mode === "webcall" && o.to && S.makeCall(o.to)));
+			}), S.extension.value && (xm.value = !0, o.mode === "webcall" && o.to && S.makeCall(o.to)));
 		};
 		return provide("webphoneRegistration", {
 			isConnected: computed(() => x.isConnected),
-			register: () => Am(),
+			register: () => Sm(),
 			unregister: async () => {
-				await S.stop(), km.value = !1;
+				await S.stop(), xm.value = !1;
 			}
 		}), onMounted(async () => {
-			window.addEventListener("keydown", Om), document.addEventListener("visibilitychange", Q), window.addEventListener("blur", Q), window.addEventListener("pagehide", Q), !(o.mode === "webcall" && (!o.to || !o.logo)) && await Am();
+			window.addEventListener("keydown", bm), document.addEventListener("visibilitychange", Q), window.addEventListener("blur", Q), window.addEventListener("pagehide", Q), !(o.mode === "webcall" && (!o.to || !o.logo)) && await Sm();
 		}), watch(() => q.value, async (e) => {
-			e && await Am();
+			e && await Sm();
 		}), onUnmounted(() => {
-			S.stop(), window.removeEventListener("keydown", Om), document.removeEventListener("visibilitychange", Q), window.removeEventListener("blur", Q), window.removeEventListener("pagehide", Q);
+			S.stop(), window.removeEventListener("keydown", bm), document.removeEventListener("visibilitychange", Q), window.removeEventListener("blur", Q), window.removeEventListener("pagehide", Q);
 		}), (e, t) => (openBlock(), createElementBlock(Fragment, null, [
 			createElementVNode("div", {
 				ref_key: "phoneRef",
 				ref: N,
-				style: normalizeStyle(unref(Sm)),
+				style: normalizeStyle(unref(mm)),
 				class: normalizeClass(["webphone webphone-container wp:bg-white wp:dark:bg-neutral-800 wp:rounded-2xl 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" : ""]),
 				"data-mode": o.mode,
 				"data-call-status": x.callStatus,
@@ -17929,22 +17768,22 @@ var _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2
 				}, null, 512)])])) : createCommentVNode("", !0),
 				createElementVNode("div", _hoisted_4, [
 					H.value ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_5, [createElementVNode("div", _hoisted_6, [
-						createElementVNode("div", _hoisted_7, [(openBlock(), createElementBlock(Fragment, null, renderList(Cm, (e) => createElementVNode("button", {
+						createElementVNode("div", _hoisted_7, [(openBlock(), createElementBlock(Fragment, null, renderList(hm, (e) => createElementVNode("button", {
 							key: e.value,
 							type: "button",
 							role: "radio",
 							"aria-checked": $.value === e.value.toString(),
 							disabled: J.value,
-							title: `${e.label} (${unref(Xp)}${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", Em(e.value) ? "wp:bg-status-hold/12 hover:wp:bg-status-hold/18" : Tm(e.value) ? "wp:bg-[var(--color-red)]/12 hover:wp:bg-[var(--color-red)]/18" : $.value === e.value.toString() ? "wp:bg-[var(--p-primary-color)]/12" : "wp:hover:bg-neutral-100 wp:dark:hover:bg-neutral-800/80"]),
+							title: `${e.label} (${unref(Hp)}${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", vm(e.value) ? "wp:bg-status-hold/12 hover:wp:bg-status-hold/18" : _m(e.value) ? "wp:bg-[var(--color-red)]/12 hover:wp:bg-[var(--color-red)]/18" : $.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": $.value === e.value.toString() ? "active" : "idle",
-							"data-call-state": Em(e.value) ? "held" : Tm(e.value) ? "busy" : "available",
-							onClick: (t) => Dm(e.value)
+							"data-call-state": vm(e.value) ? "held" : _m(e.value) ? "busy" : "available",
+							onClick: (t) => ym(e.value)
 						}, [createVNode(unref(icon_phone_default), {
-							class: normalizeClass(["webphone__channel-icon wp:size-3 wp:shrink-0", Em(e.value) ? "wp:text-status-hold" : Tm(e.value) ? "wp:text-[var(--color-red)]" : $.value === e.value.toString() ? "wp:text-[var(--p-primary-color)]" : "wp:text-neutral-400"]),
+							class: normalizeClass(["webphone__channel-icon wp:size-3 wp:shrink-0", vm(e.value) ? "wp:text-status-hold" : _m(e.value) ? "wp:text-[var(--color-red)]" : $.value === e.value.toString() ? "wp:text-[var(--p-primary-color)]" : "wp:text-neutral-400"]),
 							"stroke-width": 1.8
-						}, null, 8, ["class"]), createElementVNode("span", { class: normalizeClass(["webphone__channel-label wp:text-[12px] wp:leading-none ibrand", Em(e.value) ? "wp:text-status-hold" : Tm(e.value) ? "wp:text-[var(--color-red)]" : $.value === e.value.toString() ? "wp:text-[var(--p-primary-color)]" : "wp:text-neutral-500 wp:dark:text-neutral-400"]) }, toDisplayString(e.label), 3)], 10, _hoisted_8)), 64))]),
+						}, null, 8, ["class"]), createElementVNode("span", { class: normalizeClass(["webphone__channel-label wp:text-[12px] wp:leading-none ibrand", vm(e.value) ? "wp:text-status-hold" : _m(e.value) ? "wp:text-[var(--color-red)]" : $.value === e.value.toString() ? "wp:text-[var(--p-primary-color)]" : "wp:text-neutral-500 wp:dark:text-neutral-400"]) }, toDisplayString(e.label), 3)], 10, _hoisted_8)), 64))]),
 						createVNode(unref(TooltipProvider_default), null, {
 							default: withCtx(() => [createVNode(unref(Tooltip_default), null, {
 								default: withCtx(() => [createVNode(unref(TooltipTrigger_default), { "as-child": "" }, {
@@ -17953,7 +17792,7 @@ var _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2
 										size: "icon",
 										class: normalizeClass(["wp:h-8 wp:w-8 wp:rounded-full", Z.value ? "wp:text-primary" : ""]),
 										title: "Picture-in-Picture",
-										onClick: sm
+										onClick: $p
 									}, {
 										default: withCtx(() => [createVNode(unref(PictureInPicture2), { class: "wp:w-4 wp:h-4 wp:text-[var(--color-settings)]" })]),
 										_: 1
@@ -17982,7 +17821,7 @@ var _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2
 									_: 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(Xp)) + ",", 1)]),
+										default: withCtx(() => [createTextVNode(toDisplayString(unref(Hp)) + ",", 1)]),
 										_: 1
 									})]),
 									_: 1
@@ -18021,8 +17860,8 @@ var _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2
 						"on-hangup": o.onHangup,
 						"on-reject": o.onReject,
 						onTransfer: t[1] ||= (e) => j.value = !0,
-						onCompleteTransfer: lm,
-						onCancelTransfer: um
+						onCompleteTransfer: tm,
+						onCancelTransfer: nm
 					}, null, 8, [
 						"style",
 						"destination",
@@ -18047,23 +17886,23 @@ var _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2
 				visible: k.value,
 				"onUpdate:visible": t[3] ||= (e) => k.value = e,
 				contacts: o.contacts,
-				onCall: dm
+				onCall: rm
 			}, null, 8, ["visible", "contacts"]),
 			createVNode(TransferDialog_default, {
 				visible: j.value,
 				"onUpdate:visible": t[4] ||= (e) => j.value = e,
 				contacts: o.contacts,
-				onTransfer: cm
+				onTransfer: em
 			}, null, 8, ["visible", "contacts"]),
 			createVNode(DocumentPip_default, {
 				ref_key: "documentPipRef",
 				ref: Y,
 				active: Z.value,
 				"onUpdate:active": t[5] ||= (e) => Z.value = e,
-				"auto-open-on-blur": im.value,
+				"auto-open-on-blur": Xp.value,
 				"is-connected": x.isConnected,
 				"remote-number": x.remoteNumber,
-				"caller-name": $p.value,
+				"caller-name": Gp.value,
 				"has-video": K.value ?? !1,
 				"remote-stream": unref(E),
 				"local-stream": unref(D),
@@ -18072,11 +17911,11 @@ var _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2
 				"call-status": x.callStatus,
 				"is-muted": x.isMuted,
 				"is-held": x.isHeld,
-				onTransfer: hm,
-				onTransferRequest: cm,
-				onHangup: pm,
-				onReject: mm,
-				onAnswer: fm,
+				onTransfer: sm,
+				onTransferRequest: em,
+				onHangup: am,
+				onReject: om,
+				onAnswer: im,
 				onToggleMute: t[6] ||= (e) => unref(S).toggleMute(),
 				onToggleHold: t[7] ||= (e) => unref(S).toggleHold()
 			}, null, 8, [