@tmsoft/webphone 5.0.11 → 5.0.12

package/dist/webphone.es.js

@@ -7094,7 +7094,7 @@ var concatArrays = (e, t) => {
 		"max",
 		"fit",
 		...O()
-	], hm = () => [
+	], R = () => [
 		isFraction,
 		"screen",
 		"full",
@@ -7105,7 +7105,7 @@ var concatArrays = (e, t) => {
 		"max",
 		"fit",
 		...O()
-	], R = () => [
+	], z = () => [
 		isFraction,
 		"screen",
 		"full",
@@ -7117,16 +7117,16 @@ var concatArrays = (e, t) => {
 		"max",
 		"fit",
 		...O()
-	], z = () => [
+	], B = () => [
 		e,
 		isArbitraryVariable,
 		isArbitraryValue
-	], gm = () => [
+	], hm = () => [
 		...w(),
 		isArbitraryVariablePosition,
 		isArbitraryPosition,
 		{ position: [isArbitraryVariable, isArbitraryValue] }
-	], B = () => ["no-repeat", { repeat: [
+	], gm = () => ["no-repeat", { repeat: [
 		"",
 		"x",
 		"y",
@@ -7160,7 +7160,7 @@ var concatArrays = (e, t) => {
 		"dashed",
 		"dotted",
 		"double"
-	], vm = () => [
+	], G = () => [
 		"normal",
 		"multiply",
 		"screen",
@@ -7177,12 +7177,12 @@ var concatArrays = (e, t) => {
 		"saturation",
 		"color",
 		"luminosity"
-	], G = () => [
+	], K = () => [
 		isNumber,
 		isPercent,
 		isArbitraryVariablePosition,
 		isArbitraryPosition
-	], K = () => [
+	], vm = () => [
 		"",
 		"none",
 		_,
@@ -7193,16 +7193,16 @@ var concatArrays = (e, t) => {
 		isNumber,
 		isArbitraryVariable,
 		isArbitraryValue
-	], q = () => [
+	], bm = () => [
 		"none",
 		isNumber,
 		isArbitraryVariable,
 		isArbitraryValue
-	], J = () => [
+	], q = () => [
 		isNumber,
 		isArbitraryVariable,
 		isArbitraryValue
-	], Y = () => [
+	], J = () => [
 		isFraction,
 		"full",
 		...O()
@@ -7491,12 +7491,12 @@ var concatArrays = (e, t) => {
 			"space-y": [{ "space-y": O() }],
 			"space-y-reverse": ["space-y-reverse"],
 			size: [{ size: L() }],
-			"inline-size": [{ inline: ["auto", ...hm()] }],
-			"min-inline-size": [{ "min-inline": ["auto", ...hm()] }],
-			"max-inline-size": [{ "max-inline": ["none", ...hm()] }],
-			"block-size": [{ block: ["auto", ...R()] }],
-			"min-block-size": [{ "min-block": ["auto", ...R()] }],
-			"max-block-size": [{ "max-block": ["none", ...R()] }],
+			"inline-size": [{ inline: ["auto", ...R()] }],
+			"min-inline-size": [{ "min-inline": ["auto", ...R()] }],
+			"max-inline-size": [{ "max-inline": ["none", ...R()] }],
+			"block-size": [{ block: ["auto", ...z()] }],
+			"min-block-size": [{ "min-block": ["auto", ...z()] }],
+			"max-block-size": [{ "max-block": ["none", ...z()] }],
 			w: [{ w: [
 				l,
 				"screen",
@@ -7603,8 +7603,8 @@ var concatArrays = (e, t) => {
 				"start",
 				"end"
 			] }],
-			"placeholder-color": [{ placeholder: z() }],
-			"text-color": [{ text: z() }],
+			"placeholder-color": [{ placeholder: B() }],
+			"text-color": [{ text: B() }],
 			"text-decoration": [
 				"underline",
 				"overline",
@@ -7619,7 +7619,7 @@ var concatArrays = (e, t) => {
 				isArbitraryVariable,
 				isArbitraryLength
 			] }],
-			"text-decoration-color": [{ decoration: z() }],
+			"text-decoration-color": [{ decoration: B() }],
 			"underline-offset": [{ "underline-offset": [
 				isNumber,
 				"auto",
@@ -7701,8 +7701,8 @@ var concatArrays = (e, t) => {
 				"padding",
 				"content"
 			] }],
-			"bg-position": [{ bg: gm() }],
-			"bg-repeat": [{ bg: B() }],
+			"bg-position": [{ bg: hm() }],
+			"bg-repeat": [{ bg: gm() }],
 			"bg-size": [{ bg: V() }],
 			"bg-image": [{ bg: [
 				"none",
@@ -7736,13 +7736,13 @@ var concatArrays = (e, t) => {
 				isArbitraryVariableImage,
 				isArbitraryImage
 			] }],
-			"bg-color": [{ bg: z() }],
+			"bg-color": [{ bg: B() }],
 			"gradient-from-pos": [{ from: H() }],
 			"gradient-via-pos": [{ via: H() }],
 			"gradient-to-pos": [{ to: H() }],
-			"gradient-from": [{ from: z() }],
-			"gradient-via": [{ via: z() }],
-			"gradient-to": [{ to: z() }],
+			"gradient-from": [{ from: B() }],
+			"gradient-via": [{ via: B() }],
+			"gradient-to": [{ to: B() }],
 			rounded: [{ rounded: U() }],
 			"rounded-s": [{ "rounded-s": U() }],
 			"rounded-e": [{ "rounded-e": U() }],
@@ -7783,18 +7783,18 @@ var concatArrays = (e, t) => {
 				"hidden",
 				"none"
 			] }],
-			"border-color": [{ border: z() }],
-			"border-color-x": [{ "border-x": z() }],
-			"border-color-y": [{ "border-y": z() }],
-			"border-color-s": [{ "border-s": z() }],
-			"border-color-e": [{ "border-e": z() }],
-			"border-color-bs": [{ "border-bs": z() }],
-			"border-color-be": [{ "border-be": z() }],
-			"border-color-t": [{ "border-t": z() }],
-			"border-color-r": [{ "border-r": z() }],
-			"border-color-b": [{ "border-b": z() }],
-			"border-color-l": [{ "border-l": z() }],
-			"divide-color": [{ divide: z() }],
+			"border-color": [{ border: B() }],
+			"border-color-x": [{ "border-x": B() }],
+			"border-color-y": [{ "border-y": B() }],
+			"border-color-s": [{ "border-s": B() }],
+			"border-color-e": [{ "border-e": B() }],
+			"border-color-bs": [{ "border-bs": B() }],
+			"border-color-be": [{ "border-be": B() }],
+			"border-color-t": [{ "border-t": B() }],
+			"border-color-r": [{ "border-r": B() }],
+			"border-color-b": [{ "border-b": B() }],
+			"border-color-l": [{ "border-l": B() }],
+			"divide-color": [{ divide: B() }],
 			"outline-style": [{ outline: [
 				..._m(),
 				"none",
@@ -7811,7 +7811,7 @@ var concatArrays = (e, t) => {
 				isArbitraryVariableLength,
 				isArbitraryLength
 			] }],
-			"outline-color": [{ outline: z() }],
+			"outline-color": [{ outline: B() }],
 			shadow: [{ shadow: [
 				"",
 				"none",
@@ -7819,39 +7819,39 @@ var concatArrays = (e, t) => {
 				isArbitraryVariableShadow,
 				isArbitraryShadow
 			] }],
-			"shadow-color": [{ shadow: z() }],
+			"shadow-color": [{ shadow: B() }],
 			"inset-shadow": [{ "inset-shadow": [
 				"none",
 				p,
 				isArbitraryVariableShadow,
 				isArbitraryShadow
 			] }],
-			"inset-shadow-color": [{ "inset-shadow": z() }],
+			"inset-shadow-color": [{ "inset-shadow": B() }],
 			"ring-w": [{ ring: W() }],
 			"ring-w-inset": ["ring-inset"],
-			"ring-color": [{ ring: z() }],
+			"ring-color": [{ ring: B() }],
 			"ring-offset-w": [{ "ring-offset": [isNumber, isArbitraryLength] }],
-			"ring-offset-color": [{ "ring-offset": z() }],
+			"ring-offset-color": [{ "ring-offset": B() }],
 			"inset-ring-w": [{ "inset-ring": W() }],
-			"inset-ring-color": [{ "inset-ring": z() }],
+			"inset-ring-color": [{ "inset-ring": B() }],
 			"text-shadow": [{ "text-shadow": [
 				"none",
 				m,
 				isArbitraryVariableShadow,
 				isArbitraryShadow
 			] }],
-			"text-shadow-color": [{ "text-shadow": z() }],
+			"text-shadow-color": [{ "text-shadow": B() }],
 			opacity: [{ opacity: [
 				isNumber,
 				isArbitraryVariable,
 				isArbitraryValue
 			] }],
 			"mix-blend": [{ "mix-blend": [
-				...vm(),
+				...G(),
 				"plus-darker",
 				"plus-lighter"
 			] }],
-			"bg-blend": [{ "bg-blend": vm() }],
+			"bg-blend": [{ "bg-blend": G() }],
 			"mask-clip": [{ "mask-clip": [
 				"border",
 				"padding",
@@ -7867,39 +7867,39 @@ var concatArrays = (e, t) => {
 				"exclude"
 			] }],
 			"mask-image-linear-pos": [{ "mask-linear": [isNumber] }],
-			"mask-image-linear-from-pos": [{ "mask-linear-from": G() }],
-			"mask-image-linear-to-pos": [{ "mask-linear-to": G() }],
-			"mask-image-linear-from-color": [{ "mask-linear-from": z() }],
-			"mask-image-linear-to-color": [{ "mask-linear-to": z() }],
-			"mask-image-t-from-pos": [{ "mask-t-from": G() }],
-			"mask-image-t-to-pos": [{ "mask-t-to": G() }],
-			"mask-image-t-from-color": [{ "mask-t-from": z() }],
-			"mask-image-t-to-color": [{ "mask-t-to": z() }],
-			"mask-image-r-from-pos": [{ "mask-r-from": G() }],
-			"mask-image-r-to-pos": [{ "mask-r-to": G() }],
-			"mask-image-r-from-color": [{ "mask-r-from": z() }],
-			"mask-image-r-to-color": [{ "mask-r-to": z() }],
-			"mask-image-b-from-pos": [{ "mask-b-from": G() }],
-			"mask-image-b-to-pos": [{ "mask-b-to": G() }],
-			"mask-image-b-from-color": [{ "mask-b-from": z() }],
-			"mask-image-b-to-color": [{ "mask-b-to": z() }],
-			"mask-image-l-from-pos": [{ "mask-l-from": G() }],
-			"mask-image-l-to-pos": [{ "mask-l-to": G() }],
-			"mask-image-l-from-color": [{ "mask-l-from": z() }],
-			"mask-image-l-to-color": [{ "mask-l-to": z() }],
-			"mask-image-x-from-pos": [{ "mask-x-from": G() }],
-			"mask-image-x-to-pos": [{ "mask-x-to": G() }],
-			"mask-image-x-from-color": [{ "mask-x-from": z() }],
-			"mask-image-x-to-color": [{ "mask-x-to": z() }],
-			"mask-image-y-from-pos": [{ "mask-y-from": G() }],
-			"mask-image-y-to-pos": [{ "mask-y-to": G() }],
-			"mask-image-y-from-color": [{ "mask-y-from": z() }],
-			"mask-image-y-to-color": [{ "mask-y-to": z() }],
+			"mask-image-linear-from-pos": [{ "mask-linear-from": K() }],
+			"mask-image-linear-to-pos": [{ "mask-linear-to": K() }],
+			"mask-image-linear-from-color": [{ "mask-linear-from": B() }],
+			"mask-image-linear-to-color": [{ "mask-linear-to": B() }],
+			"mask-image-t-from-pos": [{ "mask-t-from": K() }],
+			"mask-image-t-to-pos": [{ "mask-t-to": K() }],
+			"mask-image-t-from-color": [{ "mask-t-from": B() }],
+			"mask-image-t-to-color": [{ "mask-t-to": B() }],
+			"mask-image-r-from-pos": [{ "mask-r-from": K() }],
+			"mask-image-r-to-pos": [{ "mask-r-to": K() }],
+			"mask-image-r-from-color": [{ "mask-r-from": B() }],
+			"mask-image-r-to-color": [{ "mask-r-to": B() }],
+			"mask-image-b-from-pos": [{ "mask-b-from": K() }],
+			"mask-image-b-to-pos": [{ "mask-b-to": K() }],
+			"mask-image-b-from-color": [{ "mask-b-from": B() }],
+			"mask-image-b-to-color": [{ "mask-b-to": B() }],
+			"mask-image-l-from-pos": [{ "mask-l-from": K() }],
+			"mask-image-l-to-pos": [{ "mask-l-to": K() }],
+			"mask-image-l-from-color": [{ "mask-l-from": B() }],
+			"mask-image-l-to-color": [{ "mask-l-to": B() }],
+			"mask-image-x-from-pos": [{ "mask-x-from": K() }],
+			"mask-image-x-to-pos": [{ "mask-x-to": K() }],
+			"mask-image-x-from-color": [{ "mask-x-from": B() }],
+			"mask-image-x-to-color": [{ "mask-x-to": B() }],
+			"mask-image-y-from-pos": [{ "mask-y-from": K() }],
+			"mask-image-y-to-pos": [{ "mask-y-to": K() }],
+			"mask-image-y-from-color": [{ "mask-y-from": B() }],
+			"mask-image-y-to-color": [{ "mask-y-to": B() }],
 			"mask-image-radial": [{ "mask-radial": [isArbitraryVariable, isArbitraryValue] }],
-			"mask-image-radial-from-pos": [{ "mask-radial-from": G() }],
-			"mask-image-radial-to-pos": [{ "mask-radial-to": G() }],
-			"mask-image-radial-from-color": [{ "mask-radial-from": z() }],
-			"mask-image-radial-to-color": [{ "mask-radial-to": z() }],
+			"mask-image-radial-from-pos": [{ "mask-radial-from": K() }],
+			"mask-image-radial-to-pos": [{ "mask-radial-to": K() }],
+			"mask-image-radial-from-color": [{ "mask-radial-from": B() }],
+			"mask-image-radial-to-color": [{ "mask-radial-to": B() }],
 			"mask-image-radial-shape": [{ "mask-radial": ["circle", "ellipse"] }],
 			"mask-image-radial-size": [{ "mask-radial": [{
 				closest: ["side", "corner"],
@@ -7907,10 +7907,10 @@ var concatArrays = (e, t) => {
 			}] }],
 			"mask-image-radial-pos": [{ "mask-radial-at": w() }],
 			"mask-image-conic-pos": [{ "mask-conic": [isNumber] }],
-			"mask-image-conic-from-pos": [{ "mask-conic-from": G() }],
-			"mask-image-conic-to-pos": [{ "mask-conic-to": G() }],
-			"mask-image-conic-from-color": [{ "mask-conic-from": z() }],
-			"mask-image-conic-to-color": [{ "mask-conic-to": z() }],
+			"mask-image-conic-from-pos": [{ "mask-conic-from": K() }],
+			"mask-image-conic-to-pos": [{ "mask-conic-to": K() }],
+			"mask-image-conic-from-color": [{ "mask-conic-from": B() }],
+			"mask-image-conic-to-color": [{ "mask-conic-to": B() }],
 			"mask-mode": [{ mask: [
 				"alpha",
 				"luminance",
@@ -7924,8 +7924,8 @@ var concatArrays = (e, t) => {
 				"stroke",
 				"view"
 			] }],
-			"mask-position": [{ mask: gm() }],
-			"mask-repeat": [{ mask: B() }],
+			"mask-position": [{ mask: hm() }],
+			"mask-repeat": [{ mask: gm() }],
 			"mask-size": [{ mask: V() }],
 			"mask-type": [{ "mask-type": ["alpha", "luminance"] }],
 			"mask-image": [{ mask: [
@@ -7939,7 +7939,7 @@ var concatArrays = (e, t) => {
 				isArbitraryVariable,
 				isArbitraryValue
 			] }],
-			blur: [{ blur: K() }],
+			blur: [{ blur: vm() }],
 			brightness: [{ brightness: [
 				isNumber,
 				isArbitraryVariable,
@@ -7957,7 +7957,7 @@ var concatArrays = (e, t) => {
 				isArbitraryVariableShadow,
 				isArbitraryShadow
 			] }],
-			"drop-shadow-color": [{ "drop-shadow": z() }],
+			"drop-shadow-color": [{ "drop-shadow": B() }],
 			grayscale: [{ grayscale: [
 				"",
 				isNumber,
@@ -7992,7 +7992,7 @@ var concatArrays = (e, t) => {
 				isArbitraryVariable,
 				isArbitraryValue
 			] }],
-			"backdrop-blur": [{ "backdrop-blur": K() }],
+			"backdrop-blur": [{ "backdrop-blur": vm() }],
 			"backdrop-brightness": [{ "backdrop-brightness": [
 				isNumber,
 				isArbitraryVariable,
@@ -8089,14 +8089,14 @@ var concatArrays = (e, t) => {
 			"rotate-x": [{ "rotate-x": ym() }],
 			"rotate-y": [{ "rotate-y": ym() }],
 			"rotate-z": [{ "rotate-z": ym() }],
-			scale: [{ scale: q() }],
-			"scale-x": [{ "scale-x": q() }],
-			"scale-y": [{ "scale-y": q() }],
-			"scale-z": [{ "scale-z": q() }],
+			scale: [{ scale: bm() }],
+			"scale-x": [{ "scale-x": bm() }],
+			"scale-y": [{ "scale-y": bm() }],
+			"scale-z": [{ "scale-z": bm() }],
 			"scale-3d": ["scale-3d"],
-			skew: [{ skew: J() }],
-			"skew-x": [{ "skew-x": J() }],
-			"skew-y": [{ "skew-y": J() }],
+			skew: [{ skew: q() }],
+			"skew-x": [{ "skew-x": q() }],
+			"skew-y": [{ "skew-y": q() }],
 			transform: [{ transform: [
 				isArbitraryVariable,
 				isArbitraryValue,
@@ -8107,14 +8107,14 @@ var concatArrays = (e, t) => {
 			] }],
 			"transform-origin": [{ origin: T() }],
 			"transform-style": [{ transform: ["3d", "flat"] }],
-			translate: [{ translate: Y() }],
-			"translate-x": [{ "translate-x": Y() }],
-			"translate-y": [{ "translate-y": Y() }],
-			"translate-z": [{ "translate-z": Y() }],
+			translate: [{ translate: J() }],
+			"translate-x": [{ "translate-x": J() }],
+			"translate-y": [{ "translate-y": J() }],
+			"translate-z": [{ "translate-z": J() }],
 			"translate-none": ["translate-none"],
-			accent: [{ accent: z() }],
+			accent: [{ accent: B() }],
 			appearance: [{ appearance: ["none", "auto"] }],
-			"caret-color": [{ caret: z() }],
+			"caret-color": [{ caret: B() }],
 			"color-scheme": [{ scheme: [
 				"normal",
 				"dark",
@@ -8238,14 +8238,14 @@ var concatArrays = (e, t) => {
 				isArbitraryVariable,
 				isArbitraryValue
 			] }],
-			fill: [{ fill: ["none", ...z()] }],
+			fill: [{ fill: ["none", ...B()] }],
 			"stroke-w": [{ stroke: [
 				isNumber,
 				isArbitraryVariableLength,
 				isArbitraryLength,
 				isArbitraryNumber
 			] }],
-			stroke: [{ stroke: ["none", ...z()] }],
+			stroke: [{ stroke: ["none", ...B()] }],
 			"forced-color-adjust": [{ "forced-color-adjust": ["auto", "none"] }]
 		},
 		conflictingClassGroups: {
@@ -8565,10 +8565,17 @@ var sipSharedWorker_default = "/assets/sipSharedWorker-HqRmUaB2.js", SharedWorke
 		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 = {}) => {
+const RECOVERY_DELAYS_MS = [
+	1e3,
+	2e3,
+	5e3,
+	1e4,
+	2e4,
+	3e4
+], createSipService = (e, t = {}) => {
 	let n = shallowRef(null), i = shallowRef(null), a = shallowRef(/* @__PURE__ */ new Map()), o = new Audio();
 	o.autoplay = !0;
-	let l = shallowRef(void 0), u = shallowRef(null), d = shallowRef(null), f = /* @__PURE__ */ new Map(), p = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new Set(), g = /* @__PURE__ */ new Map(), _ = !1, v = null, y = null, b = null, x = null, S = null, w = computed(() => n.value?.configuration.uri?.user || ""), { startRingtone: T, stopRingtone: E, startRingback: D, stopRingback: O, playAutoAnswerBeep: k, setNotificationVolume: A, setRingtoneVolume: j, setRingtoneTone: M } = useAudioSounds(), N = (e) => e instanceof Inviter || e instanceof Invitation ? e.request?.callId || e.dialog?.callId || e.id || crypto.randomUUID() : e.dialog?.callId || e.id || crypto.randomUUID(), P = (e) => {
+	let l = shallowRef(void 0), u = shallowRef(null), d = shallowRef(null), f = /* @__PURE__ */ new Map(), p = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new Set(), g = /* @__PURE__ */ new Map(), _ = !1, v = null, y = null, b = null, x = null, S = null, w = null, T = 0, E = null, D = computed(() => n.value?.configuration.uri?.user || ""), { startRingtone: O, stopRingtone: k, startRingback: A, stopRingback: j, playAutoAnswerBeep: M, setNotificationVolume: N, setRingtoneVolume: P, setRingtoneTone: F } = useAudioSounds(), I = (e) => e instanceof Inviter || e instanceof Invitation ? e.request?.callId || e.dialog?.callId || e.id || crypto.randomUUID() : e.dialog?.callId || e.id || crypto.randomUUID(), L = (e) => {
 		if (!(e instanceof Invitation)) return;
 		let t = e.request;
 		if (!t) return;
@@ -8577,23 +8584,23 @@ const createSipService = (e, t = {}) => {
 			...i ? { id: i } : {},
 			...n ? { name: n } : {}
 		};
-	}, F = (e, n, i, a) => {
-		let o = P(e), s = {
+	}, R = (e, n, i, a) => {
+		let o = L(e), s = {
 			channelId: n,
-			sipCallId: N(e),
+			sipCallId: I(e),
 			direction: i,
 			remoteNumber: a,
 			...o ? { queue: o } : {}
 		};
 		return f.set(n, s), t.onCallContext?.(s), s;
-	}, I = (e, n) => {
+	}, z = (e, n) => {
 		let i = f.get(e);
 		i && t.onCallState?.({
 			...i,
 			state: n,
 			timestamp: Date.now()
 		});
-	}, L = (e, n) => {
+	}, B = (e, n) => {
 		if (a.value.get(n) !== e || e.state !== SessionState.Established) return;
 		let i = f.get(n), o = e.sessionDescriptionHandler, s = o?.localMediaStream ?? d.value, l = o?.remoteMediaStream ?? u.value, m = s?.getAudioTracks() ?? [], g = l?.getAudioTracks() ?? [];
 		if (!i || !s || !l || m.length === 0 || g.length === 0) return;
@@ -8609,7 +8616,7 @@ const createSipService = (e, t = {}) => {
 		}));
 	}, hm = (e) => {
 		f.delete(e), p.delete(e), m.delete(e);
-	}, R = (n, i) => {
+	}, gm = (n, i) => {
 		if (a.value.get(n) !== i) return;
 		let o = g.get(i);
 		o && clearTimeout(o), g.delete(i);
@@ -8626,7 +8633,7 @@ const createSipService = (e, t = {}) => {
 			hasEarlyMedia: !1
 		});
 		let d = e.transferInProgress.value;
-		if (d && (d.originalChannelId === n || d.consultationChannelId === n) && e.setTransferInProgress(null), e.activeChannelId.value === n && $(), B(), l) {
+		if (d && (d.originalChannelId === n || d.consultationChannelId === n) && e.setTransferInProgress(null), e.activeChannelId.value === n && Hm(), U(), l) {
 			try {
 				e.addCallLog({
 					number: l.remoteNumber,
@@ -8648,11 +8655,11 @@ const createSipService = (e, t = {}) => {
 				console.warn("[SipJs] Call ended, but the state callback failed:", e);
 			}
 		}
-	}, z = (e, t) => {
+	}, V = (e, t) => {
 		g.has(t) || g.set(t, setTimeout(() => {
-			console.warn("[SipJs] Hangup did not terminate; releasing local call state"), gm(t), R(e, t);
+			console.warn("[SipJs] Hangup did not terminate; releasing local call state"), H(t), gm(e, t);
 		}, 5e3));
-	}, gm = (e) => {
+	}, H = (e) => {
 		if (e.state !== SessionState.Terminated) try {
 			e.dispose().catch((e) => {
 				console.warn("[SipJs] Session disposal failed:", e);
@@ -8660,15 +8667,15 @@ const createSipService = (e, t = {}) => {
 		} catch (e) {
 			console.warn("[SipJs] Session disposal failed:", e);
 		}
-	}, 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 Tm(n);
-	}, H = (e) => {
+	}, U = () => {
+		e.channels.value.some((e) => e.status === "incoming") && !isAutoAnswerEnabled() ? O() : k(), e.activeChannel.value?.status === "calling" ? A() : j();
+	}, _m = async (e, t, n) => {
+		await M(), isAutoAnswerEnabled() && a.value.get(e) === t && t.state === SessionState.Initial && await Am(n);
+	}, G = (e) => {
 		o.volume = e / 100;
-	}, U = async (e) => {
+	}, K = async (e) => {
 		typeof o.setSinkId == "function" && await o.setSinkId(e);
-	}, _m = async (t) => {
+	}, vm = 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");
@@ -8686,7 +8693,7 @@ const createSipService = (e, t = {}) => {
 		let i = [], o = [];
 		try {
 			for (let { sender: e } of n) {
-				let n = await navigator.mediaDevices.getUserMedia(J(!1, t));
+				let n = await navigator.mediaDevices.getUserMedia(Y(!1, t));
 				i.push(n);
 				let [a] = n.getAudioTracks(), s = e.track;
 				if (!a || !s) throw Error("Could not acquire an audio track for the selected microphone");
@@ -8707,7 +8714,7 @@ const createSipService = (e, t = {}) => {
 					e !== l && d.value?.removeTrack(e);
 				}), d.value.getTracks().includes(l) || d.value.addTrack(l)));
 				try {
-					L(n, t);
+					B(n, t);
 				} catch (e) {
 					console.error("[SipJs] Media-ready callback failed after microphone switch:", e);
 				}
@@ -8723,32 +8730,32 @@ 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);
 		}
-	}, vm = (e, t) => {
+	}, ym = (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);
 		}), n;
-	}, G = (e) => {
+	}, bm = (e) => {
 		let t = !1;
 		return d.value && d.value.getAudioTracks().forEach((n) => {
 			n.enabled = e, t = !0;
 		}), t;
-	}, K = (e, t) => {
-		let n = !(t?.isHeld || t?.isMuted), i = vm(e, n), a = G(n);
+	}, q = (e, t) => {
+		let n = !(t?.isHeld || t?.isMuted), i = ym(e, n), a = bm(n);
 		!i && !a && console.warn("[SipJs] No audio tracks found to apply channel audio state");
-	}, ym = (t) => {
+	}, J = (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) => {
+	}, xm = async (e) => {
 		let t = e.sessionDescriptionHandler?.peerConnection;
 		if (!t) return;
-		let n = ym(e), i = !(n?.isHeld || n?.isMuted), o = t.getSenders().find((e) => e.track?.kind === "audio");
+		let n = J(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);
+			o.track.enabled = i, n && B(e, n.id);
 			return;
 		}
 		try {
-			let o = await navigator.mediaDevices.getUserMedia(J(!1));
+			let o = await navigator.mediaDevices.getUserMedia(Y(!1));
 			if (![...a.value.values()].includes(e)) {
 				o.getTracks().forEach((e) => e.stop());
 				return;
@@ -8759,11 +8766,11 @@ const createSipService = (e, t = {}) => {
 			let l = new MediaStream([s]);
 			d.value = l;
 			let u = t.getSenders().find((e) => e.track === null);
-			u ? await u.replaceTrack(s) : t.addTrack(s, l), K(e, n), n && L(e, n.id);
+			u ? await u.replaceTrack(s) : t.addTrack(s, l), q(e, n), n && B(e, n.id);
 		} catch (e) {
 			console.warn("[SipJs] Failed to recover outbound audio track:", e);
 		}
-	}, J = (e = !1, t = l.value) => {
+	}, Y = (e = !1, t = l.value) => {
 		let n = {
 			echoCancellation: { ideal: !0 },
 			noiseSuppression: { ideal: !1 },
@@ -8774,17 +8781,19 @@ const createSipService = (e, t = {}) => {
 			audio: n,
 			video: e
 		};
-	}, Y = async () => {
+	}, Sm = async () => {
 		let t = i.value;
 		t && await t.register({ requestDelegate: {
 			onAccept: () => {
-				e.setConnected(!0);
+				e.setConnected(!0), T = 0;
 			},
-			onReject: () => {
+			onReject: (t) => {
 				e.setConnected(!1);
+				let n = t?.message?.statusCode;
+				n === 401 || n === 403 || n === 404 || Z();
 			}
 		} });
-	}, bm = async (t) => {
+	}, Cm = async (t) => {
 		if (!n.value) {
 			try {
 				(await navigator.mediaDevices.getUserMedia({ audio: !0 })).getTracks().forEach((e) => e.stop());
@@ -8805,12 +8814,13 @@ const createSipService = (e, t = {}) => {
 					transportOptions: o,
 					authorizationUsername: t.authorizationUsername,
 					authorizationPassword: t.authorizationPassword,
-					reconnectionDelay: 5,
-					reconnectionAttempts: 3,
+					reconnectionAttempts: 0,
 					delegate: {
 						onConnect: () => {},
-						onDisconnect: () => e.setConnected(!1),
-						onInvite: (e) => wm(e)
+						onDisconnect: () => {
+							e.setConnected(!1), Z();
+						},
+						onInvite: (e) => Om(e)
 					}
 				}, l = typeof SharedWorker < "u", u = l;
 				l && (s.transportConstructor = SharedWorkerTransport, s.transportOptions = {
@@ -8825,7 +8835,7 @@ const createSipService = (e, t = {}) => {
 					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();
+					await n.value.start(), i.value = new Registerer(n.value), await Sm();
 				} catch (e) {
 					if (!u) throw e;
 					console.warn("[SipJs] SharedWorker connection failed, retrying with native WebSocket", e);
@@ -8836,9 +8846,9 @@ const createSipService = (e, t = {}) => {
 					} 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();
+					delete s.transportConstructor, s.transportOptions = o, n.value = new UserAgent(s), await n.value.start(), i.value = new Registerer(n.value), await Sm();
 				}
-				xm();
+				wm();
 			} catch (e) {
 				console.error("[SipJs] Failed to initialize WSS/SIP connection", e);
 				let t = n.value;
@@ -8849,11 +8859,11 @@ const createSipService = (e, t = {}) => {
 				}
 			}
 		}
-	}, xm = () => {
+	}, wm = () => {
 		b = new AbortController();
 		let { signal: t } = b, n = Date.now(), i = (e = 1e3) => {
 			x && clearTimeout(x), x = setTimeout(async () => {
-				x = null, await Sm();
+				x = null, await Em();
 			}, e);
 		}, a = () => {
 			if (document.visibilityState === "visible") {
@@ -8875,8 +8885,22 @@ const createSipService = (e, t = {}) => {
 			console.log("[SipJs] Page frozen"), S &&= (clearInterval(S), null);
 		}, { signal: t }), document.addEventListener("resume", () => {
 			console.log("[SipJs] Page resumed"), n = Date.now(), l(), i(1e3);
-		}, { signal: t }), l();
-	}, Sm = async () => {
+		}, { signal: t }), l(), Tm();
+	}, Z = () => {
+		if (w || !n.value) return;
+		let t = RECOVERY_DELAYS_MS[Math.min(T, RECOVERY_DELAYS_MS.length - 1)];
+		w = setTimeout(async () => {
+			if (w = null, !n.value || e.isConnected.value) {
+				T = 0;
+				return;
+			}
+			T++, await Em(), e.isConnected.value || Z();
+		}, t);
+	}, Tm = () => {
+		E && clearInterval(E), E = setInterval(() => {
+			n.value && !e.isConnected.value && Z();
+		}, 3e4);
+	}, Em = async () => {
 		if (n.value) {
 			if (!navigator.onLine) {
 				console.log("[SipJs] Skipping reconnect, device is offline");
@@ -8888,25 +8912,25 @@ const createSipService = (e, t = {}) => {
 			}
 			try {
 				if (n.value.isConnected() || (console.log("[SipJs] Reconnecting..."), await n.value.reconnect()), i.value && n.value.isConnected()) try {
-					await Y();
+					await Sm();
 				} catch {}
 			} catch (e) {
 				console.error("[SipJs] Reconnection failed:", e);
 			}
 		}
-	}, Cm = async () => {
-		b?.abort(), b = null, x &&= (clearTimeout(x), null), S &&= (clearInterval(S), null);
+	}, Dm = async () => {
+		b?.abort(), b = null, x &&= (clearTimeout(x), null), S &&= (clearInterval(S), null), E &&= (clearInterval(E), null), w &&= (clearTimeout(w), null), T = 0;
 		for (let [e, t] of a.value.entries()) {
 			let n;
 			try {
-				await Promise.race([Em(e, t), new Promise((e) => {
+				await Promise.race([jm(e, t), new Promise((e) => {
 					n = setTimeout(e, 1500);
 				})]);
 			} finally {
 				n && clearTimeout(n);
 			}
 		}
-		$();
+		Hm();
 		let e = i.value, t = n.value;
 		if (i.value = null, n.value = null, e) try {
 			await e.unregister();
@@ -8918,7 +8942,7 @@ const createSipService = (e, t = {}) => {
 		} catch (e) {
 			console.warn("[SipJs] UserAgent stop failed:", e);
 		}
-	}, wm = (t) => {
+	}, Om = (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) {
@@ -8933,21 +8957,21 @@ const createSipService = (e, t = {}) => {
 			remoteNumber: s,
 			remoteDisplayName: t.remoteIdentity.displayName || void 0,
 			hasVideo: o
-		}), F(t, i, "incoming", s), I(i, "ringing"), B(), e.setActiveChannelId(i), isAutoAnswerEnabled() && V(i, t, o), t.stateChange.addListener((n) => {
+		}), R(t, i, "incoming", s), z(i, "ringing"), U(), e.setActiveChannelId(i), isAutoAnswerEnabled() && _m(i, t, o), t.stateChange.addListener((n) => {
 			switch (n) {
 				case SessionState.Terminated:
-					R(i, t);
+					gm(i, t);
 					break;
 				case SessionState.Established:
 					if (a.value.get(i) !== t) break;
 					m.add(i), e.updateChannelState(i, {
 						status: "connected",
 						startTime: Date.now()
-					}), I(i, "connected"), e.activeChannelId.value === i && (Lm(t), q(t).then(() => L(t, i))), B();
+					}), z(i, "connected"), e.activeChannelId.value === i && (Vm(t), xm(t).then(() => B(t, i))), U();
 					break;
 			}
 		});
-	}, Z = async (t, i = !1) => {
+	}, km = async (t, i = !1) => {
 		if (!n.value) return;
 		let o = e.activeChannelId.value;
 		if (a.value.has(o)) return;
@@ -8958,71 +8982,71 @@ const createSipService = (e, t = {}) => {
 		}
 		if (!s) return;
 		let l = new Inviter(n.value, s, { earlyMedia: _ });
-		a.value.set(o, l), F(l, o, "outgoing", t), I(o, "dialing"), e.updateChannelState(o, {
+		a.value.set(o, l), R(l, o, "outgoing", t), z(o, "dialing"), e.updateChannelState(o, {
 			status: "calling",
 			remoteNumber: t,
 			hasVideo: i
-		}), e.setLastDialedNumber(t), B(), l.stateChange.addListener((t) => {
+		}), e.setLastDialedNumber(t), U(), l.stateChange.addListener((t) => {
 			switch (t) {
 				case SessionState.Established:
 					if (a.value.get(o) !== l) break;
 					m.add(o), e.channels.value.find((e) => e.id === o)?.status !== "connected" && (e.updateChannelState(o, {
 						status: "connected",
 						startTime: Date.now()
-					}), I(o, "connected"), Lm(l), q(l).then(() => L(l, o)), B());
+					}), z(o, "connected"), Vm(l), xm(l).then(() => B(l, o)), U());
 					break;
 				case SessionState.Terminated:
-					R(o, l);
+					gm(o, l);
 					break;
 			}
 		});
 		let u = {
-			sessionDescriptionHandlerOptions: { constraints: J(i) },
+			sessionDescriptionHandlerOptions: { constraints: Y(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 }), Lm(l)), B());
+					a.value.get(o) === l && (t.message.statusCode === 180 || t.message.statusCode === 183) && (t.message.body && (e.updateChannelState(o, { hasEarlyMedia: !0 }), Vm(l)), U());
 				},
 				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"), Lm(l), q(l).then(() => L(l, o)), B());
+					}), z(o, "connected"), Vm(l), xm(l).then(() => B(l, o)), U());
 				}
 			}
 		};
 		try {
 			await l.invite(u);
 		} catch (e) {
-			throw R(o, l), e;
+			throw gm(o, l), e;
 		}
-	}, Tm = async (t = !1) => {
+	}, Am = 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, {
+			k(), e.updateChannelState(n, {
 				status: "connected",
 				startTime: Date.now()
-			}), B();
+			}), U();
 			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 {
 				await Q(n, !0), e.updateChannelState(t, { isHeld: !0 });
 			} catch (e) {
 				console.error(`[SipJs] Failed to hold channel ${t}:`, e);
 			}
 			let o = { sessionDescriptionHandlerOptions: {
-				constraints: J(t),
+				constraints: Y(t),
 				iceGatheringTimeout: 1e3
 			} };
 			try {
-				await i.accept(o), B();
+				await i.accept(o), U();
 			} catch (t) {
 				let i = a.value.get(n);
 				throw i instanceof Invitation && i.state === SessionState.Initial && (e.updateChannelState(n, {
 					status: "incoming",
 					startTime: void 0
-				}), B()), t;
+				}), U()), t;
 			}
 		}
-	}, Em = async (e, t) => {
-		z(e, t);
+	}, jm = async (e, t) => {
+		V(e, t);
 		try {
 			switch (t.state) {
 				case SessionState.Initial:
@@ -9036,40 +9060,40 @@ const createSipService = (e, t = {}) => {
 		} catch (e) {
 			console.warn("[SipJs] Hangup signaling failed:", e);
 		} finally {
-			gm(t), R(e, t);
+			H(t), gm(e, t);
 		}
-	}, Dm = async () => {
+	}, Mm = async () => {
 		let t = e.activeChannelId.value, n = a.value.get(t);
-		n && await Em(t, n);
-	}, Om = () => {
+		n && await jm(t, n);
+	}, Nm = () => {
 		let t = a.value.get(e.activeChannelId.value);
 		if (!t) return;
 		let n = !e.isMuted.value;
-		e.setMuted(n), K(t, e.channels.value.find((t) => t.id === e.activeChannelId.value));
+		e.setMuted(n), q(t, e.channels.value.find((t) => t.id === e.activeChannelId.value));
 	}, Q = async (e, t) => {
 		let n = { sessionDescriptionHandlerOptions: { hold: t } };
 		await e.invite(n);
-	}, km = async () => {
+	}, Pm = 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));
+			await Q(t, n), e.setHeld(n), q(t, e.channels.value.find((t) => t.id === e.activeChannelId.value));
 		} catch {}
-	}, Am = async (t) => {
+	}, Fm = 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);
 		if (i && i.state === SessionState.Established && !s?.isHeld) try {
-			await Q(i, !0), e.updateChannelState(n, { isHeld: !0 }), K(i, e.channels.value.find((e) => e.id === n));
+			await Q(i, !0), e.updateChannelState(n, { isHeld: !0 }), q(i, e.channels.value.find((e) => e.id === n));
 		} catch {}
-		if (e.setActiveChannelId(t), B(), o && o.state === SessionState.Established) {
+		if (e.setActiveChannelId(t), U(), o && o.state === SessionState.Established) {
 			if (l?.isHeld) try {
 				await Q(o, !1), e.updateChannelState(t, { isHeld: !1 });
 			} catch {}
-			K(o, e.channels.value.find((e) => e.id === t)), Lm(o);
-		} else $();
-	}, jm = (t) => {
+			q(o, e.channels.value.find((e) => e.id === t)), Vm(o);
+		} else Hm();
+	}, Im = (t) => {
 		if (!/^[0-9*#]$/.test(t)) return;
 		let n = a.value.get(e.activeChannelId.value);
 		if (n?.state !== SessionState.Established) return;
@@ -9084,10 +9108,10 @@ const createSipService = (e, t = {}) => {
 			contentDisposition: "signal"
 		} } };
 		n.info(o);
-	}, Mm = (t, n) => {
+	}, Lm = (t, n) => {
 		let i = e.channels.value.find((e) => e.id === t);
-		!i || i.status !== "connected" || (Lm(n), K(n, i), q(n), o.play().catch(() => {}));
-	}, Nm = async (t) => {
+		!i || i.status !== "connected" || (Vm(n), q(n, i), xm(n), o.play().catch(() => {}));
+	}, $ = 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");
@@ -9107,7 +9131,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), Mm(i, o);
+						console.error("[SipJs] ❌ Transfer REFER rechazado:", t), console.error("[SipJs] Response completo:", e.message), Lm(i, o);
 					}
 				},
 				onNotify: (e) => {
@@ -9130,7 +9154,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), Mm(i, o);
+								console.warn("[SipJs] 💬", e), Lm(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");
@@ -9139,7 +9163,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;
 		}
-	}, Pm = async (t) => {
+	}, Rm = 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");
@@ -9152,7 +9176,7 @@ const createSipService = (e, t = {}) => {
 		}
 		console.log("[SipJs] 🔄 Cambiando al canal de consulta:", o.id), e.setActiveChannelId(o.id);
 		try {
-			console.log("[SipJs] 📞 Iniciando llamada de consulta a:", t), await Z(t, !1), console.log("[SipJs] ✅ Llamada de consulta iniciada"), e.setTransferInProgress({
+			console.log("[SipJs] 📞 Iniciando llamada de consulta a:", t), await km(t, !1), console.log("[SipJs] ✅ Llamada de consulta iniciada"), e.setTransferInProgress({
 				originalChannelId: n,
 				consultationChannelId: o.id,
 				targetNumber: t
@@ -9160,7 +9184,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");
 		}
-	}, Fm = async () => {
+	}, zm = 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");
@@ -9188,7 +9212,7 @@ const createSipService = (e, t = {}) => {
 						if (n && n[1]) {
 							let a = parseInt(n[1]);
 							a >= 200 && a < 300 ? setTimeout(() => {
-								Em(t.originalChannelId, i), Em(t.consultationChannelId, o), e.setTransferInProgress(null);
+								jm(t.originalChannelId, i), jm(t.consultationChannelId, o), e.setTransferInProgress(null);
 							}, 500) : a >= 400 && (console.error("[SipJs] Attended transfer failed with status:", a), e.setTransferInProgress(null));
 						}
 					}
@@ -9203,13 +9227,13 @@ const createSipService = (e, t = {}) => {
 		} catch (e) {
 			throw console.error("[SipJs] Attended transfer failed:", e), e;
 		}
-	}, Im = async () => {
+	}, Bm = 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 Em(t.consultationChannelId, i), console.log("[SipJs] Consultation call ended");
+			await jm(t.consultationChannelId, i), console.log("[SipJs] Consultation call ended");
 		} catch (e) {
 			console.warn("[SipJs] Error ending consultation:", e);
 		}
@@ -9219,7 +9243,7 @@ const createSipService = (e, t = {}) => {
 			console.warn("[SipJs] Error resuming original call:", e);
 		}
 		e.setTransferInProgress(null);
-	}, Lm = (e) => {
+	}, Vm = (e) => {
 		let t = e.sessionDescriptionHandler;
 		if (!t) {
 			console.error("[SipJs] setupRemoteMedia: no sessionDescriptionHandler");
@@ -9232,8 +9256,8 @@ 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 = ym(e);
-		K(e, i), i && L(e, i.id);
+		let i = J(e);
+		q(e, i), i && B(e, i.id);
 		let a = (e) => {
 			y?.abort(), y = new AbortController();
 			let { signal: t } = y, n = () => {
@@ -9246,34 +9270,34 @@ const createSipService = (e, t = {}) => {
 			}, { signal: t }), n();
 		};
 		n.addEventListener("addtrack", (t) => {
-			t.track.kind === "audio" && (o.srcObject = null, o.srcObject = n, a(t.track), i && L(e, i.id));
+			t.track.kind === "audio" && (o.srcObject = null, o.srcObject = n, a(t.track), i && B(e, i.id));
 		}, { signal: v.signal });
 		let [s] = n.getTracks();
-		s && (o.srcObject = n, a(s), i && L(e, i.id));
-	}, $ = () => {
+		s && (o.srcObject = n, a(s), i && B(e, i.id));
+	}, Hm = () => {
 		y?.abort(), y = null, v?.abort(), v = null, o.pause(), o.srcObject = null, u.value = null, d.value = null;
 	};
 	return {
-		initUserAgent: bm,
-		stop: Cm,
-		makeCall: Z,
-		answerCall: Tm,
-		hangupCall: Dm,
-		toggleMute: Om,
-		toggleHold: km,
-		sendDTMF: jm,
-		transferCall: Nm,
-		startAttendedTransfer: Pm,
-		completeAttendedTransfer: Fm,
-		cancelAttendedTransfer: Im,
-		switchChannel: Am,
-		extension: w,
-		setVolume: H,
-		setNotificationVolume: A,
-		setRingtoneVolume: j,
-		setRingtoneTone: M,
-		setOutputDevice: U,
-		setInputDevice: _m,
+		initUserAgent: Cm,
+		stop: Dm,
+		makeCall: km,
+		answerCall: Am,
+		hangupCall: Mm,
+		toggleMute: Nm,
+		toggleHold: Pm,
+		sendDTMF: Im,
+		transferCall: $,
+		startAttendedTransfer: Rm,
+		completeAttendedTransfer: zm,
+		cancelAttendedTransfer: Bm,
+		switchChannel: Fm,
+		extension: D,
+		setVolume: G,
+		setNotificationVolume: N,
+		setRingtoneVolume: P,
+		setRingtoneTone: F,
+		setOutputDevice: K,
+		setInputDevice: vm,
 		remoteStream: u,
 		localStream: d
 	};
@@ -16339,19 +16363,19 @@ var IconDelete_default = { render: render$1 }, _hoisted_1$7 = ["data-call-status
 			p(e);
 		}, L = async () => {
 			await o(), await D.onHangup?.();
-		}, R = () => {
+		}, z = () => {
 			if (D.onReject) {
 				D.onReject();
 				return;
 			}
 			o();
-		}, z = computed(() => {
+		}, B = computed(() => {
 			let e = {};
 			return i.channels.forEach((t) => {
 				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;
-		}), gm = computed(() => z.value[i.activeChannelId] ?? "wp:text-[var(--p-primary-color)]");
+		}), hm = computed(() => B.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
@@ -16374,7 +16398,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", gm.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", hm.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 }, [
@@ -16402,7 +16426,7 @@ var IconDelete_default = { render: render$1 }, _hoisted_1$7 = ["data-call-status
 				createVNode(unref(Button_default), {
 					variant: "destructive",
 					size: "icon",
-					onClick: R,
+					onClick: z,
 					"aria-label": "Reject",
 					class: "webphone-actions__button webphone-actions__button--hangup webphone-actions__button--reject wp:w-12 wp:h-12 wp:rounded-full wp:border-0 wp:bg-gradient-to-r wp:from-destructive/60 wp:to-destructive/90 wp:hover:from-destructive/70 wp:hover:to-destructive/95"
 				}, {
@@ -16771,12 +16795,12 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 		useIntervalFn(() => {
 			L.value = Date.now();
 		}, 1e3);
-		let R = computed(() => {
+		let z = computed(() => {
 			let e = p.value?.startTime, t = p.value?.status || "idle";
 			if (!e || t !== "connected") return "00:00:00";
 			let n = Math.floor((L.value - e) / 1e3);
 			return n < 0 ? "00:00:00" : `${Math.floor(n / 3600).toString().padStart(2, "0")}:${Math.floor(n % 3600 / 60).toString().padStart(2, "0")}:${(n % 60).toString().padStart(2, "0")}`;
-		}), z = computed(() => {
+		}), B = computed(() => {
 			if (!o.isOnline) return "Sin internet";
 			if (!t.isConnected) return "Sin conexión";
 			let e = p.value, n = e?.status || "idle";
@@ -16807,11 +16831,11 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 			(p.value?.status || "idle") === "connected" ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: normalizeClass([_.value, "webphone-display__connected-status wp:w-full wp:flex wp:items-center wp:justify-between wp:gap-2 wp:text-3xl wp:font-light wp:mb-5"])
-			}, [createElementVNode("div", _hoisted_2$4, [createVNode(unref(icon_phone_default), { class: "webphone-display__connected-status-icon wp:w-4 wp:h-4" }), i[3] ||= createElementVNode("span", { class: "webphone-display__connected-status-text wp:text-sm wp:montserrat wp:font-medium" }, "En llamada", -1)]), createElementVNode("span", _hoisted_3$4, toDisplayString(R.value), 1)], 2)) : createCommentVNode("", !0),
+			}, [createElementVNode("div", _hoisted_2$4, [createVNode(unref(icon_phone_default), { class: "webphone-display__connected-status-icon wp:w-4 wp:h-4" }), i[3] ||= createElementVNode("span", { class: "webphone-display__connected-status-text wp:text-sm wp:montserrat wp:font-medium" }, "En llamada", -1)]), createElementVNode("span", _hoisted_3$4, toDisplayString(z.value), 1)], 2)) : createCommentVNode("", !0),
 			o.user ? (openBlock(), createElementBlock("span", {
 				key: 1,
 				class: normalizeClass([_.value, "webphone-display__user wp:font-bold wp:text-lg wp:flex wp:items-center wp:gap-1 wp:transition-colors wp:duration-300"])
-			}, [createElementVNode("div", _hoisted_4$4, [createVNode(unref(icon_phone_default), { class: "webphone-display__user-icon wp:size-6 wp:shrink-0 montserrat" }), createTextVNode(" " + toDisplayString(o.user), 1)]), createElementVNode("div", { class: normalizeClass(["webphone-display__status-text wp:font-semibold wp:tracking-wider wp:text-sm wp:text-[var(--color-primary)] montserrat", _.value]) }, toDisplayString(z.value), 3)], 2)) : createCommentVNode("", !0),
+			}, [createElementVNode("div", _hoisted_4$4, [createVNode(unref(icon_phone_default), { class: "webphone-display__user-icon wp:size-6 wp:shrink-0 montserrat" }), createTextVNode(" " + toDisplayString(o.user), 1)]), createElementVNode("div", { class: normalizeClass(["webphone-display__status-text wp:font-semibold wp:tracking-wider wp:text-sm wp:text-[var(--color-primary)] montserrat", _.value]) }, toDisplayString(B.value), 3)], 2)) : createCommentVNode("", !0),
 			(p.value?.status || "idle") === "idle" && o.allowInput ? (openBlock(), createElementBlock("div", _hoisted_5$4, [createElementVNode("div", {
 				class: "webphone-display__dialer-container wp:relative wp:w-full wp:max-w-80",
 				ref_key: "containerRef",
@@ -17407,7 +17431,7 @@ var _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2
 			classic: "original",
 			"original-loud": "aurora",
 			"original-intense": "resonancia"
-		}, R = async () => {
+		}, z = async () => {
 			try {
 				await navigator.mediaDevices.getUserMedia({ audio: !0 });
 				let e = await navigator.mediaDevices.enumerateDevices();
@@ -17425,7 +17449,7 @@ var _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2
 			} catch (e) {
 				console.error("Error loading devices", e);
 			}
-		}, z = (e) => {
+		}, B = (e) => {
 			let t = String(e);
 			D.value = t, v(t);
 		}, V = (e) => {
@@ -17441,18 +17465,18 @@ 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);
 			}
-		}), vm = computed({
+		}), G = computed({
 			get: () => [N.value],
 			set: (e) => {
 				N.value = e[0] ?? 100, b(N.value);
 			}
-		}), G = (e) => {
+		}), K = (e) => {
 			F.value = String(e), x(F.value);
-		}, K = (e) => {
+		}, vm = (e) => {
 			I.value = e;
 		};
 		return onMounted(() => {
-			R(), p(k.value), y(j.value), b(N.value), localStorage.removeItem("webphone-custom-ringtone");
+			z(), p(k.value), y(j.value), b(N.value), localStorage.removeItem("webphone-custom-ringtone");
 			let e = L[F.value] ?? F.value;
 			F.value = [
 				"original",
@@ -17479,7 +17503,7 @@ var _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2
 							_: 1
 						}), createVNode(unref(Select_default), {
 							modelValue: unref(D),
-							"onUpdate:modelValue": [o[0] ||= (e) => isRef(D) ? D.value = e : null, z]
+							"onUpdate:modelValue": [o[0] ||= (e) => isRef(D) ? D.value = e : null, B]
 						}, {
 							default: withCtx(() => [createVNode(unref(SelectTrigger_default), { class: "wp:w-full" }, {
 								default: withCtx(() => [createVNode(unref(SelectValue_default), { placeholder: "Select Microphone" })]),
@@ -17548,8 +17572,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: vm.value,
-							"onUpdate:modelValue": o[4] ||= (e) => vm.value = e,
+							modelValue: G.value,
+							"onUpdate:modelValue": o[4] ||= (e) => G.value = e,
 							max: 100,
 							step: 1
 						}, null, 8, ["modelValue"])]),
@@ -17558,7 +17582,7 @@ var _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2
 							_: 1
 						}), createVNode(unref(Select_default), {
 							"model-value": unref(F),
-							"onUpdate:modelValue": G
+							"onUpdate:modelValue": K
 						}, {
 							default: withCtx(() => [createVNode(unref(SelectTrigger_default), { class: "wp:w-full" }, {
 								default: withCtx(() => [createVNode(unref(SelectValue_default), { placeholder: "Seleccionar tono" })]),
@@ -17597,7 +17621,7 @@ var _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2
 							"aria-label": unref(I) ? "Desactivar respuesta automática" : "Activar respuesta automática",
 							class: normalizeClass(["wp:flex wp:h-7 wp:w-12 wp:shrink-0 wp:cursor-pointer wp:items-center wp:justify-start wp:rounded-full wp:border-0 wp:p-0.5 wp:transition-colors wp:focus-visible:ring-2 wp:focus-visible:ring-primary/50"]),
 							style: normalizeStyle({ backgroundColor: unref(I) ? "var(--color-primary-500)" : "var(--muted)" }),
-							"onUpdate:modelValue": K
+							"onUpdate:modelValue": vm
 						}, {
 							default: withCtx(() => [createElementVNode("span", { class: normalizeClass(["wp:pointer-events-none wp:block wp:h-6 wp:w-6 wp:shrink-0 wp:rounded-full wp:bg-white wp:shadow-sm wp:transition-transform", unref(I) ? "wp:translate-x-5" : "wp:translate-x-0"]) }, null, 2)]),
 							_: 1
@@ -18011,14 +18035,14 @@ var _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2
 		onMounted(() => {
 			o.value = "documentPictureInPicture" in window, document.addEventListener("visibilitychange", y), window.addEventListener("blur", b);
 		}), onUnmounted(() => {
-			document.removeEventListener("visibilitychange", y), window.removeEventListener("blur", b), g &&= (clearTimeout(g), null), S(), R();
+			document.removeEventListener("visibilitychange", y), window.removeEventListener("blur", b), g &&= (clearTimeout(g), null), S(), z();
 		});
 		let _ = () => {
 			let e = i.callStatus !== "idle", t = document.hidden || !document.hasFocus();
 			return i.autoOpenOnBlur !== !1 && e && o.value && t && !l.value && !u.value;
 		}, v = () => {
 			_() && (g && clearTimeout(g), g = setTimeout(() => {
-				_() && hm();
+				_() && R();
 			}, 120));
 		}, y = () => {
 			v();
@@ -18035,9 +18059,9 @@ var _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2
 			return `${t.toString().padStart(2, "0")}:${n.toString().padStart(2, "0")}`;
 		};
 		watch(() => i.callStatus, (e, t) => {
-			e === "connected" && t !== "connected" ? x() : e === "idle" && t !== "idle" && (S(), l.value && R());
+			e === "connected" && t !== "connected" ? x() : e === "idle" && t !== "idle" && (S(), l.value && z());
 		}, { immediate: !0 }), watch(() => i.isConnected, (e) => {
-			!e && l.value && (S(), R());
+			!e && l.value && (S(), z());
 		}), watch(() => [
 			i.callStatus,
 			i.isMuted,
@@ -18111,7 +18135,7 @@ var _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2
 					n.className = "pip-btn pip-btn-answer", n.title = "Contestar", n.innerHTML = E.phone, n.onclick = () => a("answer", !1), t.appendChild(n);
 					let o = e.createElement("button");
 					o.className = "pip-btn pip-btn-hangup", o.title = "Rechazar", o.innerHTML = E.phoneOff, o.onclick = () => {
-						a("hangup"), R();
+						a("hangup"), z();
 					}, t.appendChild(o);
 				} else if (i.callStatus === "connected") {
 					let n = e.createElement("button");
@@ -18122,12 +18146,12 @@ var _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2
 					s.className = "pip-btn pip-btn-transfer", s.title = "Transferir", s.innerHTML = E.transfer, s.onclick = () => a("transfer"), t.appendChild(s);
 					let l = e.createElement("button");
 					l.className = "pip-btn pip-btn-hangup", l.title = "Colgar", l.innerHTML = E.phoneOff, l.onclick = () => {
-						a("hangup"), R();
+						a("hangup"), z();
 					}, t.appendChild(l);
 				} else if (i.callStatus === "calling") {
 					let n = e.createElement("button");
 					n.className = "pip-btn pip-btn-hangup", n.title = "Cancelar", n.innerHTML = E.phoneOff, n.onclick = () => {
-						a("hangup"), R();
+						a("hangup"), z();
 					}, t.appendChild(n);
 				}
 			}
@@ -18143,7 +18167,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);
-		}, hm = async () => {
+		}, R = async () => {
 			if (!(!o.value || l.value || u.value)) {
 				u.value = !0;
 				try {
@@ -18163,14 +18187,14 @@ var _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2
 					u.value = !1;
 				}
 			}
-		}, R = () => {
+		}, z = () => {
 			L(), d.value && (d.value.close(), d.value = null, l.value = !1, a("update:active", !1));
 		};
 		return t({
-			open: hm,
-			close: R,
+			open: R,
+			close: z,
 			toggle: () => {
-				l.value ? R() : hm();
+				l.value ? z() : R();
 			},
 			isActive: l,
 			isSupported: o,
@@ -18273,45 +18297,45 @@ 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 vm = computed(() => x.channels.find((e) => e.id === x.activeChannelId) ?? null), G = (e) => {
+		let G = computed(() => x.channels.find((e) => e.id === x.activeChannelId) ?? null), K = (e) => {
 			if (!e) return "";
 			let t = e.trim(), n = t.startsWith("+"), i = t.replace(/[^\d]/g, "");
 			return n ? `+${i}` : i;
-		}, K = computed(() => {
-			let e = vm.value?.remoteNumber || x.remoteNumber, t = G(e), n = o.contacts.find((e) => G(e.number) === t);
+		}, vm = computed(() => {
+			let e = G.value?.remoteNumber || x.remoteNumber, t = K(e), n = o.contacts.find((e) => K(e.number) === t);
 			return n?.name ? o.maskNumber && /^[+\d\s().*#-]+$/.test(n.name.trim()) ? maskPhoneNumber(n.name, o.extensions) : n.name : o.maskNumber && e ? maskPhoneNumber(e, o.extensions) : e || "Llamada";
 		}), ym = computed(() => {
-			let e = vm.value?.remoteNumber || x.remoteNumber;
+			let e = G.value?.remoteNumber || x.remoteNumber;
 			return o.maskNumber ? maskPhoneNumber(e, o.extensions) : e;
-		}), q = computed(() => (U.value, !!vm.value?.hasVideo || W(E.value) || W(D.value))), { isOnline: J } = useNetwork(), Y = computed(() => !J.value), xm = ref(null), Z = ref(!1), Dm = computed(() => o.enablePictureInPicture), Om = () => {
-			Dm.value && xm.value?.toggle();
-		}, Q = async (e, t) => {
+		}), bm = computed(() => (U.value, !!G.value?.hasVideo || W(E.value) || W(D.value))), { isOnline: q } = useNetwork(), J = computed(() => !q.value), Y = ref(null), Z = ref(!1), Dm = computed(() => o.enablePictureInPicture), Om = () => {
+			Dm.value && Y.value?.toggle();
+		}, km = 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.");
 			}
-		}, km = async () => {
+		}, Am = async () => {
 			try {
 				await S.completeAttendedTransfer();
 			} catch (e) {
 				console.error("[WebPhone] Complete transfer error:", e), alert(e instanceof Error ? e.message : "Failed to complete transfer.");
 			}
-		}, Am = async () => {
+		}, jm = async () => {
 			try {
 				await S.cancelAttendedTransfer();
 			} catch (e) {
 				console.error("[WebPhone] Cancel transfer error:", e), alert(e instanceof Error ? e.message : "Failed to cancel transfer.");
 			}
-		}, jm = (e) => {
-			x.keypadValue = e, S.makeCall(e);
 		}, Mm = (e) => {
+			x.keypadValue = e, S.makeCall(e);
+		}, Nm = (e) => {
 			if (o.onAnswer) {
 				o.onAnswer(e);
 				return;
 			}
 			S.answerCall(e);
-		}, Nm = async () => {
+		}, Q = async () => {
 			await S.hangupCall(), await o.onHangup?.();
 		}, Pm = () => {
 			if (o.onReject) {
@@ -18320,14 +18344,14 @@ var _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2
 			}
 			S.hangupCall();
 		}, Fm = () => {
-			j.value = !0, xm.value?.close(), window.focus();
+			j.value = !0, Y.value?.close(), window.focus();
 		}, Im = () => {
 			if (!Dm.value) return !1;
 			let e = x.callStatus !== "idle", t = document.hidden || !document.hasFocus();
 			return e && t && !Z.value;
 		}, $ = () => {
 			window.setTimeout(() => {
-				Im() && xm.value?.open();
+				Im() && Y.value?.open();
 			}, 150);
 		};
 		watchEffect(() => {
@@ -18358,15 +18382,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(", "), Bm = () => {
+		].join(", "), Vm = () => {
 			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: Vm, y: Hm, style: Um } = useDraggable(N, {
+		}, { x: Hm, y: Um, style: Wm } = useDraggable(N, {
 			initialValue: computed(() => {
-				let e = Bm();
+				let e = Vm();
 				return {
 					x: o.position.x ?? e.x,
 					y: o.position.y ?? e.y
@@ -18379,10 +18403,10 @@ var _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2
 			}
 		});
 		watch(() => o.position, (e) => {
-			let t = Bm();
-			Vm.value = e.x ?? t.x, Hm.value = e.y ?? t.y;
+			let t = Vm();
+			Hm.value = e.x ?? t.x, Um.value = e.y ?? t.y;
 		}, { deep: !0 });
-		let Wm = [
+		let Gm = [
 			{
 				label: "Canal 1",
 				value: 0
@@ -18395,36 +18419,36 @@ var _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2
 				label: "Canal 3",
 				value: 2
 			}
-		], Gm = ref(!1), Km = computed({
+		], Km = ref(!1), qm = computed({
 			get: () => x.activeChannelId.toString(),
 			set: async (e) => {
-				if (!Y.value && e && !Gm.value) {
-					Gm.value = !0;
+				if (!J.value && e && !Km.value) {
+					Km.value = !0;
 					try {
 						await T(parseInt(e));
 					} finally {
-						Gm.value = !1;
+						Km.value = !1;
 					}
 				}
 			}
-		}), qm = (e) => {
+		}), Jm = (e) => {
 			let t = x.channels.find((t) => t.id === e);
 			return t ? t.status === "connected" || t.status === "calling" || t.status === "incoming" : !1;
-		}, Jm = (e) => {
+		}, Ym = (e) => {
 			let t = x.channels.find((t) => t.id === e);
 			return t ? t.isHeld || t.status === "held" : !1;
-		}, Ym = (e) => {
-			Y.value || (Km.value = e.toString());
 		}, Xm = (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) && [
+			J.value || (qm.value = e.toString());
+		}, Zm = (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",
 				"3"
 			].includes(e.key))) {
 				e.preventDefault();
 				let t = parseInt(e.key) - 1;
-				Gm.value || (Gm.value = !0, T(t).finally(() => {
-					Gm.value = !1;
+				Km.value || (Km.value = !0, T(t).finally(() => {
+					Km.value = !1;
 				}));
 			}
 		};
@@ -18433,40 +18457,40 @@ var _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2
 		}), watch(() => x.isConnected, (e) => {
 			v.value && a.set(v.value, e);
 		}, { immediate: !0 }), watch(Dm, (e) => {
-			!e && Z.value && xm.value?.close();
+			!e && Z.value && Y.value?.close();
 		});
-		let Zm = ref(!1), Qm = async () => {
-			Zm.value || Y.value || !o.host || !o.extension || !o.password || (await w({
+		let Qm = ref(!1), $m = async () => {
+			Qm.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,
 				earlyMedia: o.earlyMedia
-			}), S.extension.value && (Zm.value = !0, o.mode === "webcall" && o.to && S.makeCall(o.to)));
+			}), S.extension.value && (Qm.value = !0, o.mode === "webcall" && o.to && S.makeCall(o.to)));
 		};
 		return provide("webphoneRegistration", {
 			isConnected: computed(() => x.isConnected),
-			register: () => Qm(),
+			register: () => $m(),
 			unregister: async () => {
-				await S.stop(), Zm.value = !1;
+				await S.stop(), Qm.value = !1;
 			}
 		}), onMounted(async () => {
-			window.addEventListener("keydown", Xm), document.addEventListener("visibilitychange", $), window.addEventListener("blur", $), window.addEventListener("pagehide", $), !(o.mode === "webcall" && (!o.to || !o.logo)) && await Qm();
-		}), watch(() => J.value, async (e) => {
-			e && await Qm();
+			window.addEventListener("keydown", Zm), document.addEventListener("visibilitychange", $), window.addEventListener("blur", $), window.addEventListener("pagehide", $), !(o.mode === "webcall" && (!o.to || !o.logo)) && await $m();
+		}), watch(() => q.value, async (e) => {
+			e && await $m();
 		}), onUnmounted(() => {
-			S.stop(), window.removeEventListener("keydown", Xm), document.removeEventListener("visibilitychange", $), window.removeEventListener("blur", $), window.removeEventListener("pagehide", $);
+			S.stop(), window.removeEventListener("keydown", Zm), 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(Um)),
-				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" : ""]),
+				style: normalizeStyle(unref(Wm)),
+				class: normalizeClass(["webphone webphone-container wp:bg-white wp:dark:bg-neutral-800 wp:rounded-lg wp:shadow-sm wp:inset-shadow-2xs wp:w-[min(92vw,330px)] wp:fixed wp:z-50 wp:select-none wp:[&_button]:cursor-pointer wp:**:[[role=button]]:cursor-pointer", J.value ? "wp:opacity-70" : ""]),
 				"data-mode": o.mode,
 				"data-call-status": x.callStatus,
-				"data-network-status": Y.value ? "offline" : "online"
+				"data-network-status": J.value ? "offline" : "online"
 			}, [
-				q.value && !Z.value ? (openBlock(), createElementBlock("div", _hoisted_2, [createElementVNode("video", {
+				bm.value && !Z.value ? (openBlock(), createElementBlock("div", _hoisted_2, [createElementVNode("video", {
 					ref_key: "remoteVideoRef",
 					ref: F,
 					autoplay: "",
@@ -18482,22 +18506,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(Wm, (e) => createElementVNode("button", {
+						createElementVNode("div", _hoisted_7, [(openBlock(), createElementBlock(Fragment, null, renderList(Gm, (e) => createElementVNode("button", {
 							key: e.value,
 							type: "button",
 							role: "radio",
-							"aria-checked": Km.value === e.value.toString(),
-							disabled: Y.value,
+							"aria-checked": qm.value === e.value.toString(),
+							disabled: J.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", Jm(e.value) ? "wp:bg-status-hold/12 hover:wp:bg-status-hold/18" : qm(e.value) ? "wp:bg-[var(--color-red)]/12 hover:wp:bg-[var(--color-red)]/18" : Km.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", Ym(e.value) ? "wp:bg-status-hold/12 hover:wp:bg-status-hold/18" : Jm(e.value) ? "wp:bg-[var(--color-red)]/12 hover:wp:bg-[var(--color-red)]/18" : qm.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": Km.value === e.value.toString() ? "active" : "idle",
-							"data-call-state": Jm(e.value) ? "held" : qm(e.value) ? "busy" : "available",
-							onClick: (t) => Ym(e.value)
+							"data-state": qm.value === e.value.toString() ? "active" : "idle",
+							"data-call-state": Ym(e.value) ? "held" : Jm(e.value) ? "busy" : "available",
+							onClick: (t) => Xm(e.value)
 						}, [createVNode(unref(icon_phone_default), {
-							class: normalizeClass(["webphone__channel-icon wp:size-3 wp:shrink-0", Jm(e.value) ? "wp:text-status-hold" : qm(e.value) ? "wp:text-[var(--color-red)]" : Km.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", Ym(e.value) ? "wp:text-status-hold" : Jm(e.value) ? "wp:text-[var(--color-red)]" : qm.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", Jm(e.value) ? "wp:text-status-hold" : qm(e.value) ? "wp:text-[var(--color-red)]" : Km.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", Ym(e.value) ? "wp:text-status-hold" : Jm(e.value) ? "wp:text-[var(--color-red)]" : qm.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": "" }, {
@@ -18550,7 +18574,7 @@ var _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2
 						"channel-id": e.id,
 						"allow-input": !H.value,
 						"is-web-call": H.value,
-						"is-online": unref(J),
+						"is-online": unref(q),
 						contacts: o.contacts,
 						user: o.extension,
 						"mask-number": o.maskNumber,
@@ -18571,15 +18595,15 @@ var _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2
 					}, [createVNode(KeyPad_default)], 10, _hoisted_10),
 					createVNode(CallActions_default, {
 						class: "webphone__actions",
-						style: normalizeStyle(Y.value ? "pointer-events: none;" : void 0),
+						style: normalizeStyle(J.value ? "pointer-events: none;" : void 0),
 						destination: H.value ? o.to : void 0,
 						"is-video": o.mode === "video",
 						"on-answer": o.onAnswer,
 						"on-hangup": o.onHangup,
 						"on-reject": o.onReject,
 						onTransfer: t[1] ||= (e) => j.value = !0,
-						onCompleteTransfer: km,
-						onCancelTransfer: Am
+						onCompleteTransfer: Am,
+						onCancelTransfer: jm
 					}, null, 8, [
 						"style",
 						"destination",
@@ -18589,7 +18613,7 @@ var _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2
 						"on-reject"
 					])
 				]),
-				Y.value ? (openBlock(), createElementBlock("div", _hoisted_11, [...t[10] ||= [createElementVNode("span", { class: "wp:text-sm wp:font-semibold wp:text-status-disconnected" }, "Sin internet", -1)]])) : createCommentVNode("", !0),
+				J.value ? (openBlock(), createElementBlock("div", _hoisted_11, [...t[10] ||= [createElementVNode("span", { class: "wp:text-sm wp:font-semibold wp:text-status-disconnected" }, "Sin internet", -1)]])) : createCommentVNode("", !0),
 				H.value ? (openBlock(), createElementBlock("div", _hoisted_12, [...t[11] ||= [createElementVNode("div", { class: "webphone__footer-label wp:text-[10px] wp:text-primary" }, "Powered By", -1), createElementVNode("div", { class: "webphone__footer-content wp:flex wp:items-center wp:gap-2" }, [createElementVNode("a", {
 					href: "https://www.nebula123.com",
 					target: "_blank",
@@ -18606,7 +18630,7 @@ var _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2
 				contacts: o.contacts,
 				"mask-number": o.maskNumber,
 				extensions: o.extensions,
-				onCall: jm
+				onCall: Mm
 			}, null, 8, [
 				"visible",
 				"contacts",
@@ -18619,7 +18643,7 @@ var _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2
 				contacts: o.contacts,
 				"mask-number": o.maskNumber,
 				extensions: o.extensions,
-				onTransfer: Q
+				onTransfer: km
 			}, null, 8, [
 				"visible",
 				"contacts",
@@ -18628,14 +18652,14 @@ var _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2
 			]),
 			createVNode(DocumentPip_default, {
 				ref_key: "documentPipRef",
-				ref: xm,
+				ref: Y,
 				active: Z.value,
 				"onUpdate:active": t[5] ||= (e) => Z.value = e,
 				"auto-open-on-blur": Dm.value,
 				"is-connected": x.isConnected,
 				"remote-number": ym.value,
-				"caller-name": K.value,
-				"has-video": q.value ?? !1,
+				"caller-name": vm.value,
+				"has-video": bm.value ?? !1,
 				"remote-stream": unref(E),
 				"local-stream": unref(D),
 				destination: H.value ? o.to : void 0,
@@ -18644,10 +18668,10 @@ var _hoisted_1$3 = { class: "wp:flex wp:flex-col wp:gap-6 wp:py-4" }, _hoisted_2
 				"is-muted": x.isMuted,
 				"is-held": x.isHeld,
 				onTransfer: Fm,
-				onTransferRequest: Q,
-				onHangup: Nm,
+				onTransferRequest: km,
+				onHangup: Q,
 				onReject: Pm,
-				onAnswer: Mm,
+				onAnswer: Nm,
 				onToggleMute: t[6] ||= (e) => unref(S).toggleMute(),
 				onToggleHold: t[7] ||= (e) => unref(S).toggleHold()
 			}, null, 8, [