@tmsoft/webphone 5.0.9 → 5.0.10

package/dist/webphone.es.js

@@ -7094,7 +7094,7 @@ var concatArrays = (e, t) => {
 		"max",
 		"fit",
 		...O()
-	], dm = () => [
+	], pm = () => [
 		isFraction,
 		"screen",
 		"full",
@@ -7121,7 +7121,7 @@ var concatArrays = (e, t) => {
 		e,
 		isArbitraryVariable,
 		isArbitraryValue
-	], fm = () => [
+	], mm = () => [
 		...w(),
 		isArbitraryVariablePosition,
 		isArbitraryPosition,
@@ -7155,12 +7155,12 @@ var concatArrays = (e, t) => {
 		isNumber,
 		isArbitraryVariableLength,
 		isArbitraryLength
-	], pm = () => [
+	], hm = () => [
 		"solid",
 		"dashed",
 		"dotted",
 		"double"
-	], mm = () => [
+	], gm = () => [
 		"normal",
 		"multiply",
 		"screen",
@@ -7188,7 +7188,7 @@ var concatArrays = (e, t) => {
 		_,
 		isArbitraryVariable,
 		isArbitraryValue
-	], hm = () => [
+	], _m = () => [
 		"none",
 		isNumber,
 		isArbitraryVariable,
@@ -7491,9 +7491,9 @@ var concatArrays = (e, t) => {
 			"space-y": [{ "space-y": O() }],
 			"space-y-reverse": ["space-y-reverse"],
 			size: [{ size: L() }],
-			"inline-size": [{ inline: ["auto", ...dm()] }],
-			"min-inline-size": [{ "min-inline": ["auto", ...dm()] }],
-			"max-inline-size": [{ "max-inline": ["none", ...dm()] }],
+			"inline-size": [{ inline: ["auto", ...pm()] }],
+			"min-inline-size": [{ "min-inline": ["auto", ...pm()] }],
+			"max-inline-size": [{ "max-inline": ["none", ...pm()] }],
 			"block-size": [{ block: ["auto", ...R()] }],
 			"min-block-size": [{ "min-block": ["auto", ...R()] }],
 			"max-block-size": [{ "max-block": ["none", ...R()] }],
@@ -7611,7 +7611,7 @@ var concatArrays = (e, t) => {
 				"line-through",
 				"no-underline"
 			],
-			"text-decoration-style": [{ decoration: [...pm(), "wavy"] }],
+			"text-decoration-style": [{ decoration: [...hm(), "wavy"] }],
 			"text-decoration-thickness": [{ decoration: [
 				isNumber,
 				"from-font",
@@ -7701,7 +7701,7 @@ var concatArrays = (e, t) => {
 				"padding",
 				"content"
 			] }],
-			"bg-position": [{ bg: fm() }],
+			"bg-position": [{ bg: mm() }],
 			"bg-repeat": [{ bg: B() }],
 			"bg-size": [{ bg: V() }],
 			"bg-image": [{ bg: [
@@ -7774,12 +7774,12 @@ var concatArrays = (e, t) => {
 			"divide-y": [{ "divide-y": W() }],
 			"divide-y-reverse": ["divide-y-reverse"],
 			"border-style": [{ border: [
-				...pm(),
+				...hm(),
 				"hidden",
 				"none"
 			] }],
 			"divide-style": [{ divide: [
-				...pm(),
+				...hm(),
 				"hidden",
 				"none"
 			] }],
@@ -7796,7 +7796,7 @@ var concatArrays = (e, t) => {
 			"border-color-l": [{ "border-l": z() }],
 			"divide-color": [{ divide: z() }],
 			"outline-style": [{ outline: [
-				...pm(),
+				...hm(),
 				"none",
 				"hidden"
 			] }],
@@ -7847,11 +7847,11 @@ var concatArrays = (e, t) => {
 				isArbitraryValue
 			] }],
 			"mix-blend": [{ "mix-blend": [
-				...mm(),
+				...gm(),
 				"plus-darker",
 				"plus-lighter"
 			] }],
-			"bg-blend": [{ "bg-blend": mm() }],
+			"bg-blend": [{ "bg-blend": gm() }],
 			"mask-clip": [{ "mask-clip": [
 				"border",
 				"padding",
@@ -7924,7 +7924,7 @@ var concatArrays = (e, t) => {
 				"stroke",
 				"view"
 			] }],
-			"mask-position": [{ mask: fm() }],
+			"mask-position": [{ mask: mm() }],
 			"mask-repeat": [{ mask: B() }],
 			"mask-size": [{ mask: V() }],
 			"mask-type": [{ "mask-type": ["alpha", "luminance"] }],
@@ -8085,10 +8085,10 @@ var concatArrays = (e, t) => {
 				isArbitraryValue
 			] }],
 			"perspective-origin": [{ "perspective-origin": T() }],
-			rotate: [{ rotate: hm() }],
-			"rotate-x": [{ "rotate-x": hm() }],
-			"rotate-y": [{ "rotate-y": hm() }],
-			"rotate-z": [{ "rotate-z": hm() }],
+			rotate: [{ rotate: _m() }],
+			"rotate-x": [{ "rotate-x": _m() }],
+			"rotate-y": [{ "rotate-y": _m() }],
+			"rotate-z": [{ "rotate-z": _m() }],
 			scale: [{ scale: q() }],
 			"scale-x": [{ "scale-x": q() }],
 			"scale-y": [{ "scale-y": q() }],
@@ -8456,7 +8456,110 @@ const AUTO_ANSWER_STORAGE_KEY = "webphone-auto-answer", isAutoAnswerEnabled = ()
 		return !1;
 	}
 };
-var QUEUE_NAME_HEADER = "X-Nebula-Queue", QUEUE_ID_HEADER = "X-Nebula-Queue-Id";
+var sipSharedWorker_default = "/assets/sipSharedWorker-HqRmUaB2.js", SharedWorkerTransport = class {
+	serverUrl;
+	keepAliveInterval;
+	clientId;
+	connectionId;
+	stateEventEmitter = new EmitterImpl();
+	port;
+	currentState = TransportState.Disconnected;
+	connectPromise;
+	connectResolve;
+	connectReject;
+	connectTimeout;
+	onConnect;
+	onDisconnect;
+	onMessage;
+	constructor(e, t) {
+		this.serverUrl = t.server, this.keepAliveInterval = t.keepAliveInterval ?? 30, this.clientId = t.clientId, this.connectionId = t.connectionId;
+		let n = new SharedWorker(sipSharedWorker_default, { name: `webphone-sip-${this.connectionId}` });
+		this.port = n.port, n.addEventListener("error", (e) => {
+			this.handle({
+				type: "error",
+				error: e.message || "SharedWorker failed to load"
+			});
+		}), this.port.addEventListener("message", (e) => this.handle(e.data)), this.port.start();
+	}
+	get protocol() {
+		return new URL(this.serverUrl).protocol.replace(":", "").toUpperCase();
+	}
+	get server() {
+		return this.serverUrl;
+	}
+	get state() {
+		return this.currentState;
+	}
+	get stateChange() {
+		return this.stateEventEmitter;
+	}
+	isConnected() {
+		return this.currentState === TransportState.Connected;
+	}
+	connect() {
+		return this.isConnected() ? Promise.resolve() : this.connectPromise ? this.connectPromise : (this.transition(TransportState.Connecting), this.connectPromise = new Promise((e, t) => {
+			this.connectResolve = e, this.connectReject = t;
+		}), this.connectTimeout = setTimeout(() => {
+			if (this.currentState !== TransportState.Connecting) return;
+			let e = /* @__PURE__ */ Error(`SharedWorker did not connect to ${this.serverUrl}`);
+			this.transition(TransportState.Disconnected), this.connectReject?.(e), this.clearPromise();
+		}, 1e4), this.post({
+			type: "connect",
+			clientId: this.clientId,
+			connectionId: this.connectionId,
+			server: this.serverUrl,
+			keepAliveInterval: this.keepAliveInterval
+		}), this.connectPromise);
+	}
+	async disconnect() {
+		this.currentState !== TransportState.Disconnected && (this.transition(TransportState.Disconnecting), this.connectReject?.(/* @__PURE__ */ Error("SharedWorker WebSocket disconnected")), this.clearPromise(), this.post({
+			type: "disconnect",
+			clientId: this.clientId,
+			connectionId: this.connectionId
+		}), this.transition(TransportState.Disconnected));
+	}
+	async dispose() {
+		await this.disconnect(), this.port.close();
+	}
+	send(e) {
+		return this.isConnected() ? (this.post({
+			type: "send",
+			clientId: this.clientId,
+			connectionId: this.connectionId,
+			data: e
+		}), Promise.resolve()) : Promise.reject(/* @__PURE__ */ Error("SharedWorker WebSocket is not connected"));
+	}
+	post(e) {
+		this.port.postMessage(e);
+	}
+	handle(e) {
+		switch (e.type) {
+			case "connected":
+				this.transition(TransportState.Connected), this.connectResolve?.(), this.clearPromise(), this.onConnect?.();
+				break;
+			case "message":
+				this.isConnected() && this.onMessage?.(e.data);
+				break;
+			case "error":
+				if (this.currentState === TransportState.Connecting) {
+					let t = Error(e.error);
+					this.transition(TransportState.Disconnected), this.connectReject?.(t), this.clearPromise();
+				}
+				break;
+			case "disconnected": {
+				let t = this.isConnected(), n = e.error ? Error(e.error) : void 0;
+				this.transition(TransportState.Disconnected), this.connectReject && (this.connectReject(n ?? /* @__PURE__ */ Error("SharedWorker WebSocket disconnected")), this.clearPromise()), t && this.onDisconnect?.(n);
+				break;
+			}
+		}
+	}
+	clearPromise() {
+		this.connectTimeout && clearTimeout(this.connectTimeout), this.connectTimeout = void 0, this.connectPromise = void 0, this.connectResolve = void 0, this.connectReject = void 0;
+	}
+	transition(e) {
+		this.currentState !== e && (this.currentState = e, this.stateEventEmitter.emit(e));
+	}
+}, QUEUE_NAME_HEADER = "X-Nebula-Queue", QUEUE_ID_HEADER = "X-Nebula-Queue-Id";
 const createSipService = (e, t = {}) => {
 	let n = shallowRef(null), i = shallowRef(null), a = shallowRef(/* @__PURE__ */ new Map()), o = new Audio();
 	o.autoplay = !0;
@@ -8499,14 +8602,14 @@ const createSipService = (e, t = {}) => {
 			localStream: s,
 			remoteStream: l
 		}));
-	}, dm = (e) => {
+	}, pm = (e) => {
 		f.delete(e), p.delete(e), m.delete(e);
 	}, R = (n, i) => {
 		if (a.value.get(n) !== i) return;
 		let o = g.get(i);
 		o && clearTimeout(o), g.delete(i);
 		let s = e.channels.value.find((e) => e.id === n), l = f.get(n), u = m.has(n) || s?.status === "connected";
-		dm(n), a.value.delete(n), e.updateChannelState(n, {
+		pm(n), a.value.delete(n), e.updateChannelState(n, {
 			status: "idle",
 			remoteNumber: "",
 			remoteDisplayName: void 0,
@@ -8542,9 +8645,9 @@ const createSipService = (e, t = {}) => {
 		}
 	}, z = (e, t) => {
 		g.has(t) || g.set(t, setTimeout(() => {
-			console.warn("[SipJs] Hangup did not terminate; releasing local call state"), fm(t), R(e, t);
+			console.warn("[SipJs] Hangup did not terminate; releasing local call state"), mm(t), R(e, t);
 		}, 5e3));
-	}, fm = (e) => {
+	}, mm = (e) => {
 		if (e.state !== SessionState.Terminated) try {
 			e.dispose().catch((e) => {
 				console.warn("[SipJs] Session disposal failed:", e);
@@ -8555,12 +8658,12 @@ const createSipService = (e, t = {}) => {
 	}, B = () => {
 		e.channels.value.some((e) => e.status === "incoming") && !isAutoAnswerEnabled() ? T() : E(), e.activeChannel.value?.status === "calling" ? D() : O();
 	}, V = async (e, t, n) => {
-		await k(), isAutoAnswerEnabled() && a.value.get(e) === t && t.state === SessionState.Initial && await xm(n);
+		await k(), isAutoAnswerEnabled() && a.value.get(e) === t && t.state === SessionState.Initial && await Cm(n);
 	}, H = (e) => {
 		o.volume = e / 100;
 	}, U = async (e) => {
 		typeof o.setSinkId == "function" && await o.setSinkId(e);
-	}, pm = async (t) => {
+	}, hm = async (t) => {
 		if (!t) return;
 		let n = [...a.value.entries()].flatMap(([e, t]) => {
 			let n = t.sessionDescriptionHandler, i = n?.peerConnection?.getSenders().find((e) => e.track?.kind === "audio");
@@ -8615,7 +8718,7 @@ const createSipService = (e, t = {}) => {
 		} catch (e) {
 			await Promise.allSettled(o.map(({ sender: e, previousTrack: t }) => e.replaceTrack(t))), i.forEach((e) => e.getTracks().forEach((e) => e.stop())), console.warn("[SipJs] Failed to switch microphone:", e);
 		}
-	}, mm = (e, t) => {
+	}, gm = (e, t) => {
 		let n = !1, i = e.sessionDescriptionHandler;
 		return i?.peerConnection && i.peerConnection.getSenders().forEach((e) => {
 			e.track && e.track.kind === "audio" && (e.track.enabled = t, n = !0);
@@ -8626,15 +8729,15 @@ const createSipService = (e, t = {}) => {
 			n.enabled = e, t = !0;
 		}), t;
 	}, K = (e, t) => {
-		let n = !(t?.isHeld || t?.isMuted), i = mm(e, n), a = G(n);
+		let n = !(t?.isHeld || t?.isMuted), i = gm(e, n), a = G(n);
 		!i && !a && console.warn("[SipJs] No audio tracks found to apply channel audio state");
-	}, hm = (t) => {
+	}, _m = (t) => {
 		for (let [n, i] of a.value.entries()) if (i === t) return e.channels.value.find((e) => e.id === n) || null;
 		return e.activeChannel.value || null;
 	}, q = async (e) => {
 		let t = e.sessionDescriptionHandler?.peerConnection;
 		if (!t) return;
-		let n = hm(e), i = !(n?.isHeld || n?.isMuted), o = t.getSenders().find((e) => e.track?.kind === "audio");
+		let n = _m(e), i = !(n?.isHeld || n?.isMuted), o = t.getSenders().find((e) => e.track?.kind === "audio");
 		if (o?.track) {
 			o.track.enabled = i, n && L(e, n.id);
 			return;
@@ -8676,7 +8779,7 @@ const createSipService = (e, t = {}) => {
 				e.setConnected(!1);
 			}
 		} });
-	}, gm = async (t) => {
+	}, vm = async (t) => {
 		if (!n.value) {
 			try {
 				(await navigator.mediaDevices.getUserMedia({ audio: !0 })).getTracks().forEach((e) => e.stop());
@@ -8687,13 +8790,14 @@ const createSipService = (e, t = {}) => {
 			try {
 				let a = UserAgent.makeURI(t.uri);
 				if (!a) throw Error("Invalid URI");
-				_ = t.earlyMedia ?? !1, n.value = new UserAgent({
+				_ = t.earlyMedia ?? !1;
+				let o = {
+					server: t.transportOptions.server,
+					keepAliveInterval: t.transportOptions.keepAliveInterval ?? 30
+				}, s = {
 					uri: a,
 					logLevel: "error",
-					transportOptions: {
-						server: t.transportOptions.server,
-						keepAliveInterval: t.transportOptions.keepAliveInterval ?? 30
-					},
+					transportOptions: o,
 					authorizationUsername: t.authorizationUsername,
 					authorizationPassword: t.authorizationPassword,
 					reconnectionDelay: 5,
@@ -8701,16 +8805,50 @@ const createSipService = (e, t = {}) => {
 					delegate: {
 						onConnect: () => {},
 						onDisconnect: () => e.setConnected(!1),
-						onInvite: (e) => bm(e)
+						onInvite: (e) => Sm(e)
 					}
-				}), await n.value.start(), i.value = new Registerer(n.value), await Y(), _m();
-			} catch {}
+				}, l = typeof SharedWorker < "u", u = l;
+				l && (s.transportConstructor = SharedWorkerTransport, s.transportOptions = {
+					...o,
+					clientId: crypto.randomUUID(),
+					connectionId: `${t.transportOptions.server}|${t.uri}|${crypto.randomUUID()}`
+				});
+				try {
+					n.value = new UserAgent(s);
+				} catch (e) {
+					if (!l) throw e;
+					u = !1, console.warn("[SipJs] SharedWorker unavailable, using native WebSocket transport", e), delete s.transportConstructor, s.transportOptions = o, n.value = new UserAgent(s);
+				}
+				try {
+					await n.value.start(), i.value = new Registerer(n.value), await Y();
+				} catch (e) {
+					if (!u) throw e;
+					console.warn("[SipJs] SharedWorker connection failed, retrying with native WebSocket", e);
+					let t = n.value;
+					n.value = null, i.value = null;
+					try {
+						await t?.stop();
+					} catch (e) {
+						console.warn("[SipJs] Failed to clean up SharedWorker transport", e);
+					}
+					delete s.transportConstructor, s.transportOptions = o, n.value = new UserAgent(s), await n.value.start(), i.value = new Registerer(n.value), await Y();
+				}
+				ym();
+			} catch (e) {
+				console.error("[SipJs] Failed to initialize WSS/SIP connection", e);
+				let t = n.value;
+				if (n.value = null, i.value = null, t !== null) try {
+					await t.stop();
+				} catch (e) {
+					console.warn("[SipJs] Failed to clean up after connection error", e);
+				}
+			}
 		}
-	}, _m = () => {
+	}, ym = () => {
 		b = new AbortController();
 		let { signal: t } = b, n = Date.now(), i = (e = 1e3) => {
 			x && clearTimeout(x), x = setTimeout(async () => {
-				x = null, await vm();
+				x = null, await bm();
 			}, e);
 		}, a = () => {
 			if (document.visibilityState === "visible") {
@@ -8733,7 +8871,7 @@ const createSipService = (e, t = {}) => {
 		}, { signal: t }), document.addEventListener("resume", () => {
 			console.log("[SipJs] Page resumed"), n = Date.now(), l(), i(1e3);
 		}, { signal: t }), l();
-	}, vm = async () => {
+	}, bm = async () => {
 		if (n.value) {
 			if (!navigator.onLine) {
 				console.log("[SipJs] Skipping reconnect, device is offline");
@@ -8751,12 +8889,12 @@ const createSipService = (e, t = {}) => {
 				console.error("[SipJs] Reconnection failed:", e);
 			}
 		}
-	}, ym = async () => {
+	}, xm = async () => {
 		b?.abort(), b = null, x &&= (clearTimeout(x), null), S &&= (clearInterval(S), null);
 		for (let [e, t] of a.value.entries()) {
 			let n;
 			try {
-				await Promise.race([Sm(e, t), new Promise((e) => {
+				await Promise.race([wm(e, t), new Promise((e) => {
 					n = setTimeout(e, 1500);
 				})]);
 			} finally {
@@ -8775,7 +8913,7 @@ const createSipService = (e, t = {}) => {
 		} catch (e) {
 			console.warn("[SipJs] UserAgent stop failed:", e);
 		}
-	}, bm = (t) => {
+	}, Sm = (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" && !a.value.has(e.id));
 		if (!n) {
@@ -8800,7 +8938,7 @@ const createSipService = (e, t = {}) => {
 					m.add(i), e.updateChannelState(i, {
 						status: "connected",
 						startTime: Date.now()
-					}), I(i, "connected"), e.activeChannelId.value === i && (Nm(t), q(t).then(() => L(t, i))), B();
+					}), I(i, "connected"), e.activeChannelId.value === i && (Fm(t), q(t).then(() => L(t, i))), B();
 					break;
 			}
 		});
@@ -8826,7 +8964,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()
-					}), I(o, "connected"), Nm(l), q(l).then(() => L(l, o)), B());
+					}), I(o, "connected"), Fm(l), q(l).then(() => L(l, o)), B());
 					break;
 				case SessionState.Terminated:
 					R(o, l);
@@ -8837,13 +8975,13 @@ const createSipService = (e, t = {}) => {
 			sessionDescriptionHandlerOptions: { constraints: J(i) },
 			requestDelegate: {
 				onProgress: (t) => {
-					a.value.get(o) === l && (t.message.statusCode === 180 || t.message.statusCode === 183) && (t.message.body && (e.updateChannelState(o, { hasEarlyMedia: !0 }), Nm(l)), B());
+					a.value.get(o) === l && (t.message.statusCode === 180 || t.message.statusCode === 183) && (t.message.body && (e.updateChannelState(o, { hasEarlyMedia: !0 }), Fm(l)), B());
 				},
 				onAccept: (t) => {
 					a.value.get(o) === l && e.channels.value.find((e) => e.id === o)?.status !== "connected" && (m.add(o), e.updateChannelState(o, {
 						status: "connected",
 						startTime: Date.now()
-					}), I(o, "connected"), Nm(l), q(l).then(() => L(l, o)), B());
+					}), I(o, "connected"), Fm(l), q(l).then(() => L(l, o)), B());
 				}
 			}
 		};
@@ -8852,7 +8990,7 @@ const createSipService = (e, t = {}) => {
 		} catch (e) {
 			throw R(o, l), e;
 		}
-	}, xm = async (t = !1) => {
+	}, Cm = async (t = !1) => {
 		let n = e.activeChannelId.value, i = a.value.get(n);
 		if (i instanceof Invitation && i.state === SessionState.Initial) {
 			E(), e.updateChannelState(n, {
@@ -8878,7 +9016,7 @@ const createSipService = (e, t = {}) => {
 				}), B()), t;
 			}
 		}
-	}, Sm = async (e, t) => {
+	}, wm = async (e, t) => {
 		z(e, t);
 		try {
 			switch (t.state) {
@@ -8893,12 +9031,12 @@ const createSipService = (e, t = {}) => {
 		} catch (e) {
 			console.warn("[SipJs] Hangup signaling failed:", e);
 		} finally {
-			fm(t), R(e, t);
+			mm(t), R(e, t);
 		}
-	}, Cm = async () => {
+	}, Tm = async () => {
 		let t = e.activeChannelId.value, n = a.value.get(t);
-		n && await Sm(t, n);
-	}, wm = () => {
+		n && await wm(t, n);
+	}, Em = () => {
 		let t = a.value.get(e.activeChannelId.value);
 		if (!t) return;
 		let n = !e.isMuted.value;
@@ -8906,14 +9044,14 @@ const createSipService = (e, t = {}) => {
 	}, Q = async (e, t) => {
 		let n = { sessionDescriptionHandlerOptions: { hold: t } };
 		await e.invite(n);
-	}, Tm = async () => {
+	}, Dm = async () => {
 		let t = a.value.get(e.activeChannelId.value);
 		if (t?.state !== SessionState.Established) return;
 		let n = !e.isHeld.value;
 		try {
 			await Q(t, n), e.setHeld(n), K(t, e.channels.value.find((t) => t.id === e.activeChannelId.value));
 		} catch {}
-	}, Em = async (t) => {
+	}, Om = 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);
@@ -8924,9 +9062,9 @@ const createSipService = (e, t = {}) => {
 			if (l?.isHeld) try {
 				await Q(o, !1), e.updateChannelState(t, { isHeld: !1 });
 			} catch {}
-			K(o, e.channels.value.find((e) => e.id === t)), Nm(o);
+			K(o, e.channels.value.find((e) => e.id === t)), Fm(o);
 		} else $();
-	}, Dm = (t) => {
+	}, km = (t) => {
 		if (!/^[0-9*#]$/.test(t)) return;
 		let n = a.value.get(e.activeChannelId.value);
 		if (n?.state !== SessionState.Established) return;
@@ -8941,10 +9079,10 @@ const createSipService = (e, t = {}) => {
 			contentDisposition: "signal"
 		} } };
 		n.info(o);
-	}, Om = (t, n) => {
+	}, Am = (t, n) => {
 		let i = e.channels.value.find((e) => e.id === t);
-		!i || i.status !== "connected" || (Nm(n), K(n, i), q(n), o.play().catch(() => {}));
-	}, km = async (t) => {
+		!i || i.status !== "connected" || (Fm(n), K(n, i), q(n), o.play().catch(() => {}));
+	}, jm = 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");
@@ -8964,7 +9102,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), Om(i, o);
+						console.error("[SipJs] ❌ Transfer REFER rechazado:", t), console.error("[SipJs] Response completo:", e.message), Am(i, o);
 					}
 				},
 				onNotify: (e) => {
@@ -8987,7 +9125,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), Om(i, o);
+								console.warn("[SipJs] 💬", e), Am(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");
@@ -8996,7 +9134,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;
 		}
-	}, Am = async (t) => {
+	}, Mm = 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");
@@ -9017,7 +9155,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 Q(i, !1).catch(() => {}), e.updateChannelState(n, { isHeld: !1 }), Error("Failed to initiate consultation call");
 		}
-	}, jm = async () => {
+	}, Nm = 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");
@@ -9045,7 +9183,7 @@ const createSipService = (e, t = {}) => {
 						if (n && n[1]) {
 							let a = parseInt(n[1]);
 							a >= 200 && a < 300 ? setTimeout(() => {
-								Sm(t.originalChannelId, i), Sm(t.consultationChannelId, o), e.setTransferInProgress(null);
+								wm(t.originalChannelId, i), wm(t.consultationChannelId, o), e.setTransferInProgress(null);
 							}, 500) : a >= 400 && (console.error("[SipJs] Attended transfer failed with status:", a), e.setTransferInProgress(null));
 						}
 					}
@@ -9060,13 +9198,13 @@ const createSipService = (e, t = {}) => {
 		} catch (e) {
 			throw console.error("[SipJs] Attended transfer failed:", e), e;
 		}
-	}, Mm = async () => {
+	}, Pm = async () => {
 		let t = e.transferInProgress.value;
 		if (!t) throw Error("No transfer in progress");
 		console.log("[SipJs] Canceling attended transfer...");
 		let n = a.value.get(t.originalChannelId), i = a.value.get(t.consultationChannelId);
 		if (i) try {
-			await Sm(t.consultationChannelId, i), console.log("[SipJs] Consultation call ended");
+			await wm(t.consultationChannelId, i), console.log("[SipJs] Consultation call ended");
 		} catch (e) {
 			console.warn("[SipJs] Error ending consultation:", e);
 		}
@@ -9076,7 +9214,7 @@ const createSipService = (e, t = {}) => {
 			console.warn("[SipJs] Error resuming original call:", e);
 		}
 		e.setTransferInProgress(null);
-	}, Nm = (e) => {
+	}, Fm = (e) => {
 		let t = e.sessionDescriptionHandler;
 		if (!t) {
 			console.error("[SipJs] setupRemoteMedia: no sessionDescriptionHandler");
@@ -9089,7 +9227,7 @@ const createSipService = (e, t = {}) => {
 		}
 		if (u.value === n) return;
 		o.pause(), o.srcObject = null, v?.abort(), v = new AbortController(), u.value = n, d.value = t.localMediaStream ?? null;
-		let i = hm(e);
+		let i = _m(e);
 		K(e, i), i && L(e, i.id);
 		let a = (e) => {
 			y?.abort(), y = new AbortController();
@@ -9111,26 +9249,26 @@ const createSipService = (e, t = {}) => {
 		y?.abort(), y = null, v?.abort(), v = null, o.pause(), o.srcObject = null, u.value = null, d.value = null;
 	};
 	return {
-		initUserAgent: gm,
-		stop: ym,
+		initUserAgent: vm,
+		stop: xm,
 		makeCall: Z,
-		answerCall: xm,
-		hangupCall: Cm,
-		toggleMute: wm,
-		toggleHold: Tm,
-		sendDTMF: Dm,
-		transferCall: km,
-		startAttendedTransfer: Am,
-		completeAttendedTransfer: jm,
-		cancelAttendedTransfer: Mm,
-		switchChannel: Em,
+		answerCall: Cm,
+		hangupCall: Tm,
+		toggleMute: Em,
+		toggleHold: Dm,
+		sendDTMF: km,
+		transferCall: jm,
+		startAttendedTransfer: Mm,
+		completeAttendedTransfer: Nm,
+		cancelAttendedTransfer: Pm,
+		switchChannel: Om,
 		extension: w,
 		setVolume: H,
 		setNotificationVolume: A,
 		setRingtoneVolume: j,
 		setRingtoneTone: M,
 		setOutputDevice: U,
-		setInputDevice: pm,
+		setInputDevice: hm,
 		remoteStream: u,
 		localStream: d
 	};
@@ -16208,7 +16346,7 @@ var IconDelete_default = { render: render$1 }, _hoisted_1$7 = ["data-call-status
 				let n = t.status === "connected" || t.status === "calling" || t.status === "incoming";
 				e[t.id] = n ? "wp:text-[var(--color-red)]" : "wp:text-[var(--color-avaible)]";
 			}), e;
-		}), fm = computed(() => z.value[i.activeChannelId] ?? "wp:text-[var(--p-primary-color)]");
+		}), mm = computed(() => z.value[i.activeChannelId] ?? "wp:text-[var(--p-primary-color)]");
 		return (e, t) => (openBlock(), createElementBlock("div", {
 			class: "webphone-actions wp:flex wp:justify-center wp:items-center wp:gap-2 wp:px-4 wp:relative wp:mb-4",
 			"data-call-status": unref(i).callStatus
@@ -16231,7 +16369,7 @@ var IconDelete_default = { render: render$1 }, _hoisted_1$7 = ["data-call-status
 				"aria-label": "Video Call",
 				class: "webphone-actions__button webphone-actions__button--video wp:w-full wp:px-4 wp:bg-transparent wp:border wp:border-primary wp:hover:bg-[var(--p-primary-color)]/8"
 			}, {
-				default: withCtx(() => [createVNode(unref(videocall_icon_default), { class: normalizeClass(["webphone-actions__button-icon wp:size-6 wp:text-primary wp:dark:text-white", fm.value]) }, null, 8, ["class"]), t[13] ||= createElementVNode("span", { class: "webphone-actions__button-label wp:w-full wp:text-primary wp:text-xs wp:dark:text-white" }, " Video llamada a extensiones ", -1)]),
+				default: withCtx(() => [createVNode(unref(videocall_icon_default), { class: normalizeClass(["webphone-actions__button-icon wp:size-6 wp:text-primary wp:dark:text-white", mm.value]) }, null, 8, ["class"]), t[13] ||= createElementVNode("span", { class: "webphone-actions__button-label wp:w-full wp:text-primary wp:text-xs wp:dark:text-white" }, " Video llamada a extensiones ", -1)]),
 				_: 1
 			})) : createCommentVNode("", !0)])) : createCommentVNode("", !0),
 			unref(i).callStatus === "incoming" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
@@ -17297,7 +17435,7 @@ var _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2
 			set: (e) => {
 				j.value = e[0], y(j.value);
 			}
-		}), mm = computed({
+		}), gm = computed({
 			get: () => [N.value],
 			set: (e) => {
 				N.value = e[0] ?? 100, b(N.value);
@@ -17404,8 +17542,8 @@ var _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2
 							default: withCtx(() => [...o[12] ||= [createTextVNode("Volumen del tono", -1)]]),
 							_: 1
 						}), createElementVNode("span", _hoisted_12$2, toDisplayString(unref(N)) + "%", 1)]), createVNode(unref(Slider_default), {
-							modelValue: mm.value,
-							"onUpdate:modelValue": o[4] ||= (e) => mm.value = e,
+							modelValue: gm.value,
+							"onUpdate:modelValue": o[4] ||= (e) => gm.value = e,
 							max: 100,
 							step: 1
 						}, null, 8, ["modelValue"])]),
@@ -17868,7 +18006,7 @@ var _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2
 			return i.autoOpenOnBlur !== !1 && e && o.value && t && !l.value && !u.value;
 		}, v = () => {
 			_() && (g && clearTimeout(g), g = setTimeout(() => {
-				_() && dm();
+				_() && pm();
 			}, 120));
 		}, y = () => {
 			v();
@@ -17993,7 +18131,7 @@ var _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2
 			}, 1e3));
 		}, L = () => {
 			m &&= (clearInterval(m), null);
-		}, dm = async () => {
+		}, pm = async () => {
 			if (!(!o.value || l.value || u.value)) {
 				u.value = !0;
 				try {
@@ -18017,10 +18155,10 @@ var _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2
 			L(), d.value && (d.value.close(), d.value = null, l.value = !1, a("update:active", !1));
 		};
 		return t({
-			open: dm,
+			open: pm,
 			close: R,
 			toggle: () => {
-				l.value ? R() : dm();
+				l.value ? R() : pm();
 			},
 			isActive: l,
 			isSupported: o,
@@ -18122,67 +18260,67 @@ 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 mm = computed(() => x.channels.find((e) => e.id === x.activeChannelId) ?? null), G = (e) => {
+		let gm = 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;
 		}, K = computed(() => {
-			let e = mm.value?.remoteNumber || x.remoteNumber, t = G(e), n = o.contacts.find((e) => G(e.number) === t);
+			let e = gm.value?.remoteNumber || x.remoteNumber, t = G(e), n = o.contacts.find((e) => G(e.number) === t);
 			return n?.name ? n.name : o.maskNumber && e ? maskPhoneNumber(e) : e || "Llamada";
-		}), hm = computed(() => {
-			let e = mm.value?.remoteNumber || x.remoteNumber;
+		}), _m = computed(() => {
+			let e = gm.value?.remoteNumber || x.remoteNumber;
 			return o.maskNumber ? maskPhoneNumber(e) : e;
-		}), q = computed(() => (U.value, !!mm.value?.hasVideo || W(E.value) || W(D.value))), { isOnline: J } = useNetwork(), Y = computed(() => !J.value), _m = ref(null), Z = ref(!1), Cm = computed(() => o.enablePictureInPicture), wm = () => {
-			Cm.value && _m.value?.toggle();
+		}), q = computed(() => (U.value, !!gm.value?.hasVideo || W(E.value) || W(D.value))), { isOnline: J } = useNetwork(), Y = computed(() => !J.value), ym = ref(null), Z = ref(!1), Tm = computed(() => o.enablePictureInPicture), Em = () => {
+			Tm.value && ym.value?.toggle();
 		}, Q = 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.");
 			}
-		}, Tm = async () => {
+		}, Dm = async () => {
 			try {
 				await S.completeAttendedTransfer();
 			} catch (e) {
 				console.error("[WebPhone] Complete transfer error:", e), alert(e instanceof Error ? e.message : "Failed to complete transfer.");
 			}
-		}, Em = async () => {
+		}, Om = 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) => {
+		}, km = (e) => {
 			x.keypadValue = e, S.makeCall(e);
-		}, Om = (e) => {
+		}, Am = (e) => {
 			if (o.onAnswer) {
 				o.onAnswer(e);
 				return;
 			}
 			S.answerCall(e);
-		}, km = async () => {
+		}, jm = async () => {
 			await S.hangupCall(), await o.onHangup?.();
-		}, Am = () => {
+		}, Mm = () => {
 			if (o.onReject) {
 				o.onReject();
 				return;
 			}
 			S.hangupCall();
-		}, jm = () => {
-			j.value = !0, _m.value?.close(), window.focus();
-		}, Mm = () => {
-			if (!Cm.value) return !1;
+		}, Nm = () => {
+			j.value = !0, ym.value?.close(), window.focus();
+		}, Pm = () => {
+			if (!Tm.value) return !1;
 			let e = x.callStatus !== "idle", t = document.hidden || !document.hasFocus();
 			return e && t && !Z.value;
 		}, $ = () => {
 			window.setTimeout(() => {
-				Mm() && _m.value?.open();
+				Pm() && ym.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 Pm = (e) => {
+		let Im = (e) => {
 			if (!e || typeof e.addEventListener != "function" || typeof e.removeEventListener != "function") return () => {};
 			let t = () => {
 				U.value += 1;
@@ -18192,11 +18330,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(Pm(e));
+			U.value += 1, n(Im(e));
 		}, { immediate: !0 }), watch(D, (e, t, n) => {
-			U.value += 1, n(Pm(e));
+			U.value += 1, n(Im(e));
 		}, { immediate: !0 });
-		let Fm = [
+		let Lm = [
 			"button",
 			"a",
 			"input",
@@ -18207,15 +18345,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(", "), Im = () => {
+		].join(", "), Rm = () => {
 			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: Lm, y: Rm, style: zm } = useDraggable(N, {
+		}, { x: zm, y: Bm, style: Vm } = useDraggable(N, {
 			initialValue: computed(() => {
-				let e = Im();
+				let e = Rm();
 				return {
 					x: o.position.x ?? e.x,
 					y: o.position.y ?? e.y
@@ -18224,14 +18362,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(Fm)) return !1;
+				if (n instanceof HTMLElement && n.closest(Lm)) return !1;
 			}
 		});
 		watch(() => o.position, (e) => {
-			let t = Im();
-			Lm.value = e.x ?? t.x, Rm.value = e.y ?? t.y;
+			let t = Rm();
+			zm.value = e.x ?? t.x, Bm.value = e.y ?? t.y;
 		}, { deep: !0 });
-		let Bm = [
+		let Hm = [
 			{
 				label: "Canal 1",
 				value: 0
@@ -18244,27 +18382,27 @@ var _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2
 				label: "Canal 3",
 				value: 2
 			}
-		], Vm = ref(!1), Hm = computed({
+		], Um = ref(!1), Wm = computed({
 			get: () => x.activeChannelId.toString(),
 			set: async (e) => {
-				if (!Y.value && e && !Vm.value) {
-					Vm.value = !0;
+				if (!Y.value && e && !Um.value) {
+					Um.value = !0;
 					try {
 						await T(parseInt(e));
 					} finally {
-						Vm.value = !1;
+						Um.value = !1;
 					}
 				}
 			}
-		}), Um = (e) => {
+		}), Gm = (e) => {
 			let t = x.channels.find((t) => t.id === e);
 			return t ? t.status === "connected" || t.status === "calling" || t.status === "incoming" : !1;
-		}, Wm = (e) => {
+		}, Km = (e) => {
 			let t = x.channels.find((t) => t.id === e);
 			return t ? t.isHeld || t.status === "held" : !1;
-		}, Gm = (e) => {
-			Y.value || (Hm.value = e.toString());
-		}, Km = (e) => {
+		}, qm = (e) => {
+			Y.value || (Wm.value = e.toString());
+		}, Jm = (e) => {
 			if (!Y.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",
@@ -18272,44 +18410,44 @@ 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;
-				Vm.value || (Vm.value = !0, T(t).finally(() => {
-					Vm.value = !1;
+				Um.value || (Um.value = !0, T(t).finally(() => {
+					Um.value = !1;
 				}));
 			}
 		};
 		watch(() => x.callStatus, () => {
-			Mm() && $();
+			Pm() && $();
 		}), watch(() => x.isConnected, (e) => {
 			v.value && a.set(v.value, e);
-		}, { immediate: !0 }), watch(Cm, (e) => {
-			!e && Z.value && _m.value?.close();
+		}, { immediate: !0 }), watch(Tm, (e) => {
+			!e && Z.value && ym.value?.close();
 		});
-		let qm = ref(!1), Jm = async () => {
-			qm.value || Y.value || !o.host || !o.extension || !o.password || (await w({
+		let Ym = ref(!1), Xm = async () => {
+			Ym.value || Y.value || !o.host || !o.extension || !o.password || (await w({
 				uri: `sip:${o.extension}@${o.host}`,
 				transportOptions: { server: _.value },
 				authorizationUsername: o.extension,
 				authorizationPassword: o.password,
 				earlyMedia: o.earlyMedia
-			}), S.extension.value && (qm.value = !0, o.mode === "webcall" && o.to && S.makeCall(o.to)));
+			}), S.extension.value && (Ym.value = !0, o.mode === "webcall" && o.to && S.makeCall(o.to)));
 		};
 		return provide("webphoneRegistration", {
 			isConnected: computed(() => x.isConnected),
-			register: () => Jm(),
+			register: () => Xm(),
 			unregister: async () => {
-				await S.stop(), qm.value = !1;
+				await S.stop(), Ym.value = !1;
 			}
 		}), onMounted(async () => {
-			window.addEventListener("keydown", Km), document.addEventListener("visibilitychange", $), window.addEventListener("blur", $), window.addEventListener("pagehide", $), !(o.mode === "webcall" && (!o.to || !o.logo)) && await Jm();
+			window.addEventListener("keydown", Jm), document.addEventListener("visibilitychange", $), window.addEventListener("blur", $), window.addEventListener("pagehide", $), !(o.mode === "webcall" && (!o.to || !o.logo)) && await Xm();
 		}), watch(() => J.value, async (e) => {
-			e && await Jm();
+			e && await Xm();
 		}), onUnmounted(() => {
-			S.stop(), window.removeEventListener("keydown", Km), document.removeEventListener("visibilitychange", $), window.removeEventListener("blur", $), window.removeEventListener("pagehide", $);
+			S.stop(), window.removeEventListener("keydown", Jm), document.removeEventListener("visibilitychange", $), window.removeEventListener("blur", $), window.removeEventListener("pagehide", $);
 		}), (e, t) => (openBlock(), createElementBlock(Fragment, null, [
 			createElementVNode("div", {
 				ref_key: "phoneRef",
 				ref: N,
-				style: normalizeStyle(unref(zm)),
+				style: normalizeStyle(unref(Vm)),
 				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", Y.value ? "wp:opacity-70" : ""]),
 				"data-mode": o.mode,
 				"data-call-status": x.callStatus,
@@ -18331,22 +18469,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(Bm, (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": Hm.value === e.value.toString(),
+							"aria-checked": Wm.value === e.value.toString(),
 							disabled: Y.value,
 							title: `${e.label} (${unref(V)}${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", Wm(e.value) ? "wp:bg-status-hold/12 hover:wp:bg-status-hold/18" : Um(e.value) ? "wp:bg-[var(--color-red)]/12 hover:wp:bg-[var(--color-red)]/18" : Hm.value === e.value.toString() ? "wp:bg-[var(--p-primary-color)]/12" : "wp:hover:bg-neutral-100 wp:dark:hover:bg-neutral-800/80"]),
+							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", Km(e.value) ? "wp:bg-status-hold/12 hover:wp:bg-status-hold/18" : Gm(e.value) ? "wp:bg-[var(--color-red)]/12 hover:wp:bg-[var(--color-red)]/18" : Wm.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": Hm.value === e.value.toString() ? "active" : "idle",
-							"data-call-state": Wm(e.value) ? "held" : Um(e.value) ? "busy" : "available",
-							onClick: (t) => Gm(e.value)
+							"data-state": Wm.value === e.value.toString() ? "active" : "idle",
+							"data-call-state": Km(e.value) ? "held" : Gm(e.value) ? "busy" : "available",
+							onClick: (t) => qm(e.value)
 						}, [createVNode(unref(icon_phone_default), {
-							class: normalizeClass(["webphone__channel-icon wp:size-3 wp:shrink-0", Wm(e.value) ? "wp:text-status-hold" : Um(e.value) ? "wp:text-[var(--color-red)]" : Hm.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", Km(e.value) ? "wp:text-status-hold" : Gm(e.value) ? "wp:text-[var(--color-red)]" : Wm.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-[11px] wp:leading-none manrope wp:font-bold", Wm(e.value) ? "wp:text-status-hold" : Um(e.value) ? "wp:text-[var(--color-red)]" : Hm.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-[11px] wp:leading-none manrope wp:font-bold", Km(e.value) ? "wp:text-status-hold" : Gm(e.value) ? "wp:text-[var(--color-red)]" : Wm.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": "" }, {
@@ -18355,7 +18493,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: wm
+										onClick: Em
 									}, {
 										default: withCtx(() => [createVNode(unref(PictureInPicture2), { class: "wp:w-4 wp:h-4 wp:text-[var(--color-settings)]" })]),
 										_: 1
@@ -18425,8 +18563,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: Tm,
-						onCancelTransfer: Em
+						onCompleteTransfer: Dm,
+						onCancelTransfer: Om
 					}, null, 8, [
 						"style",
 						"destination",
@@ -18452,7 +18590,7 @@ var _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2
 				"onUpdate:visible": t[3] ||= (e) => k.value = e,
 				contacts: o.contacts,
 				"mask-number": o.maskNumber,
-				onCall: Dm
+				onCall: km
 			}, null, 8, [
 				"visible",
 				"contacts",
@@ -18466,12 +18604,12 @@ var _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2
 			}, null, 8, ["visible", "contacts"]),
 			createVNode(DocumentPip_default, {
 				ref_key: "documentPipRef",
-				ref: _m,
+				ref: ym,
 				active: Z.value,
 				"onUpdate:active": t[5] ||= (e) => Z.value = e,
-				"auto-open-on-blur": Cm.value,
+				"auto-open-on-blur": Tm.value,
 				"is-connected": x.isConnected,
-				"remote-number": hm.value,
+				"remote-number": _m.value,
 				"caller-name": K.value,
 				"has-video": q.value ?? !1,
 				"remote-stream": unref(E),
@@ -18481,11 +18619,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: jm,
+				onTransfer: Nm,
 				onTransferRequest: Q,
-				onHangup: km,
-				onReject: Am,
-				onAnswer: Om,
+				onHangup: jm,
+				onReject: Mm,
+				onAnswer: Am,
 				onToggleMute: t[6] ||= (e) => unref(S).toggleMute(),
 				onToggleHold: t[7] ||= (e) => unref(S).toggleHold()
 			}, null, 8, [