@tbisoftware/phone 2.0.8 → 2.0.9

package/dist/vue/index.js

@@ -1,47 +1,53 @@
-import { defineComponent as re, ref as p, computed as ee, onMounted as X, onUnmounted as Y, createElementBlock as m, openBlock as f, normalizeClass as K, unref as B, createCommentVNode as V, createBlock as ie, createElementVNode as e, withDirectives as ce, vModelText as de, toDisplayString as k, createTextVNode as te, Teleport as ue, Fragment as F, renderList as ve, normalizeStyle as fe, readonly as D, provide as ge, inject as he } from "vue";
-import { d as me, f as G, c as J, J as W, P as pe } from "../index-D8BnjTav.js";
-const ye = {
+import { defineComponent as fe, ref as b, computed as ie, onMounted as ae, onUnmounted as re, createElementBlock as w, openBlock as y, normalizeClass as Z, unref as G, createCommentVNode as F, createBlock as ge, createElementVNode as e, withDirectives as me, vModelText as he, toDisplayString as I, createTextVNode as ee, Teleport as pe, Fragment as te, renderList as Ce, normalizeStyle as ye, readonly as j, provide as xe, inject as we } from "vue";
+import { d as be, f as le, c as ne, J as oe, P as Se } from "../index-8z_LWKp3.js";
+const Ee = {
   key: 0,
   class: "flex gap-2 items-center"
-}, Ce = ["placeholder"], xe = ["disabled", "title"], we = {
+}, _e = ["placeholder"], ke = ["disabled", "title"], ze = {
   key: 0,
   class: "w-4 h-4 border-2 border-white border-t-transparent rounded-full animate-spin"
-}, be = {
+}, Ie = {
   key: 1,
   class: "w-4 h-4",
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, Se = {
+}, Me = {
   key: 1,
   class: "flex flex-col items-center gap-3 py-6"
-}, Ee = { class: "text-center" }, _e = { class: "text-base font-semibold" }, ke = { class: "text-sm text-gray-500" }, ze = {
+}, De = { class: "text-center" }, He = { class: "text-base font-semibold" }, Ue = { class: "text-sm text-gray-500" }, Re = {
   key: 2,
-  class: "flex flex-col items-center gap-4 py-6"
-}, He = { class: "text-center space-y-1" }, Ue = { class: "text-xl font-bold" }, Me = { class: "text-2xl font-mono text-green-600 tabular-nums" }, De = {
+  class: "flex flex-col items-center gap-3 py-6"
+}, Te = { class: "text-center" }, Le = { class: "text-sm text-gray-500" }, je = { class: "text-base font-semibold" }, Be = {
+  key: 0,
+  class: "text-sm text-gray-600"
+}, Ne = { class: "flex gap-3" }, Pe = {
   key: 3,
+  class: "flex flex-col items-center gap-4 py-6"
+}, Oe = { class: "text-center space-y-1" }, $e = { class: "text-xl font-bold" }, Ae = { class: "text-2xl font-mono text-green-600 tabular-nums" }, Ve = {
+  key: 4,
   class: "flex flex-col items-center gap-3 py-6"
-}, Re = {
+}, Fe = {
   key: 0,
   d: "M6.5 5.5 12 11l7-7-1-1-6 6-4.5-4.5H11V3H5v6h1.5V5.5zm17.21 11.17C20.66 13.78 16.54 12 12 12 7.46 12 3.34 13.78.29 16.67c-.18.18-.29.43-.29.71s.11.53.29.71l2.48 2.48c.18.18.43.29.71.29.27 0 .52-.11.7-.28.79-.74 1.69-1.36 2.66-1.85.33-.16.56-.5.56-.9v-3.1c1.45-.48 3-.73 4.6-.73 1.6 0 3.15.25 4.6.72v3.1c0 .39.23.74.56.9.98.49 1.87 1.12 2.67 1.85.18.18.43.28.7.28.28 0 .53-.11.71-.29l2.48-2.48c.18-.18.29-.43.29-.71s-.12-.52-.3-.7z"
-}, Ne = {
+}, Ke = {
   key: 1,
   d: "M12 9c-1.6 0-3.15.25-4.6.72v3.1c0 .39-.23.74-.56.9-.98.49-1.87 1.12-2.66 1.85-.18.18-.43.28-.7.28-.28 0-.53-.11-.71-.29L.29 13.08a.956.956 0 0 1-.29-.7c0-.28.11-.53.29-.71C3.34 8.78 7.46 7 12 7s8.66 1.78 11.71 4.67c.18.18.29.43.29.71 0 .28-.11.53-.29.71l-2.48 2.48c-.18.18-.43.29-.71.29-.27 0-.52-.11-.7-.28a11.27 11.27 0 0 0-2.67-1.85.996.996 0 0 1-.56-.9v-3.1C15.15 9.25 13.6 9 12 9z"
-}, Ie = { class: "text-center" }, Te = { class: "text-base font-semibold" }, Le = {
+}, Je = { class: "text-center" }, We = { class: "text-base font-semibold" }, qe = {
   key: 0,
   class: "fixed inset-0 z-50 flex"
-}, Pe = {
+}, Ge = {
   class: "fixed right-0 top-0 h-full w-full max-w-md bg-white shadow-xl",
   style: { "background-color": "white" }
-}, $e = { class: "flex flex-col h-full" }, Be = { class: "flex items-center justify-between p-4 border-b" }, Ve = { class: "text-lg font-semibold" }, je = { class: "text-sm text-gray-500" }, Ae = { class: "flex-1 overflow-y-auto p-4" }, Oe = {
+}, Qe = { class: "flex flex-col h-full" }, Xe = { class: "flex items-center justify-between p-4 border-b" }, Ye = { class: "text-lg font-semibold" }, Ze = { class: "text-sm text-gray-500" }, et = { class: "flex-1 overflow-y-auto p-4" }, tt = {
   key: 0,
   class: "text-center py-12 text-gray-500"
-}, Ke = {
+}, nt = {
   key: 1,
   class: "space-y-2"
-}, Fe = {
+}, ot = {
   key: 2,
   d: "M6.5 5.5 12 11l7-7-1-1-6 6-4.5-4.5H11V3H5v6h1.5V5.5zm17.21 11.17C20.66 13.78 16.54 12 12 12 7.46 12 3.34 13.78.29 16.67c-.18.18-.29.43-.29.71s.11.53.29.71l2.48 2.48c.18.18.43.29.71.29.27 0 .52-.11.7-.28.79-.74 1.69-1.36 2.66-1.85.33-.16.56-.5.56-.9v-3.1c1.45-.48 3-.73 4.6-.73 1.6 0 3.15.25 4.6.72v3.1c0 .39.23.74.56.9.98.49 1.87 1.12 2.67 1.85.18.18.43.28.7.28.28 0 .53-.11.71-.29l2.48-2.48c.18-.18.29-.43.29-.71s-.12-.52-.3-.7z"
-}, Je = { class: "flex-1 min-w-0" }, We = { class: "font-medium text-sm truncate" }, qe = { class: "flex items-center gap-2 text-xs text-gray-500" }, Ge = { class: "font-mono tabular-nums" }, Qe = ["onClick"], tt = /* @__PURE__ */ re({
+}, lt = { class: "flex-1 min-w-0" }, st = { class: "font-medium text-sm truncate" }, at = { class: "flex items-center gap-2 text-xs text-gray-500" }, rt = { class: "font-mono tabular-nums" }, it = ["onClick"], ft = /* @__PURE__ */ fe({
   __name: "Phone",
   props: {
     config: {},
@@ -49,146 +55,186 @@ const ye = {
     labels: { default: () => ({}) },
     onCallStart: {},
     onCallEnd: {},
-    onStatusChange: {}
+    onStatusChange: {},
+    onIncomingCall: {}
   },
-  emits: ["callStart", "callEnd", "statusChange"],
-  setup(v, { emit: R }) {
-    const y = v, C = R;
-    let c = null, g = null;
-    function w(s) {
-      return `${s.websocketUrl}|${s.sipUri}|${s.authorizationUser}`;
+  emits: ["callStart", "callEnd", "statusChange", "incomingCall"],
+  setup(S, { emit: O }) {
+    const c = S, d = O;
+    let a = null, B = null;
+    function r(l) {
+      return `${l.websocketUrl}|${l.sipUri}|${l.authorizationUser}`;
     }
-    function d(s) {
-      const t = w(s);
-      if (c && g === t)
-        return c;
-      if (c && g !== t) {
+    function p(l) {
+      const t = r(l);
+      if (a && B === t)
+        return a;
+      if (a && B !== t) {
         try {
-          c.ua.stop();
+          a.ua.stop();
         } catch {
         }
-        c = null;
+        a = null;
       }
-      g = t;
-      const E = {
-        sockets: [new W.WebSocketInterface(s.websocketUrl)],
-        uri: s.sipUri,
-        password: s.password,
-        registrar_server: s.registrarServer,
-        display_name: s.displayName,
-        authorization_user: s.authorizationUser,
+      B = t;
+      const m = {
+        sockets: [new oe.WebSocketInterface(l.websocketUrl)],
+        uri: l.sipUri,
+        password: l.password,
+        registrar_server: l.registrarServer,
+        display_name: l.displayName,
+        authorization_user: l.authorizationUser,
         connection_recovery_min_interval: 2,
         connection_recovery_max_interval: 30
-      }, U = new W.UA(E), Z = document.createElement("audio");
-      Z.autoplay = !0;
-      const T = {
-        ua: U,
-        audio: Z,
+      }, D = new oe.UA(m), V = document.createElement("audio");
+      V.autoplay = !0;
+      const P = {
+        ua: D,
+        audio: V,
         isStarted: !1,
         listeners: /* @__PURE__ */ new Set()
       };
-      return U.on("connecting", () => {
-        T.listeners.forEach((_) => _.onConnecting?.());
-      }), U.on("connected", () => {
-        T.listeners.forEach((_) => _.onConnected?.());
-      }), U.on("disconnected", () => {
-        T.listeners.forEach((_) => _.onDisconnected?.());
-      }), U.on("registered", () => {
-        T.listeners.forEach((_) => _.onRegistered?.());
-      }), U.on("unregistered", () => {
-        T.listeners.forEach((_) => _.onUnregistered?.());
-      }), U.on("registrationFailed", (_) => {
-        T.listeners.forEach((P) => P.onRegistrationFailed?.(_?.cause));
-      }), U.on("newRTCSession", (_) => {
-        const P = _.session;
-        P.direction === "outgoing" && (T.listeners.forEach(($) => $.onNewSession?.(P)), P.connection && (P.connection.addEventListener("addstream", ($) => {
-          if (!$.streams?.length) return;
-          const O = document.createElement("audio");
-          O.srcObject = $.streams[0], O.play();
-        }), P.connection.addEventListener("track", ($) => {
-          const O = document.createElement("audio");
-          O.srcObject = $.streams[0], O.play();
-        })));
-      }), c = T, T;
+      return D.on("connecting", () => {
+        P.listeners.forEach((U) => U.onConnecting?.());
+      }), D.on("connected", () => {
+        P.listeners.forEach((U) => U.onConnected?.());
+      }), D.on("disconnected", () => {
+        P.listeners.forEach((U) => U.onDisconnected?.());
+      }), D.on("registered", () => {
+        P.listeners.forEach((U) => U.onRegistered?.());
+      }), D.on("unregistered", () => {
+        P.listeners.forEach((U) => U.onUnregistered?.());
+      }), D.on("registrationFailed", (U) => {
+        P.listeners.forEach((T) => T.onRegistrationFailed?.(U?.cause));
+      }), D.on("newRTCSession", (U) => {
+        const T = U.session;
+        if (T.direction === "incoming") {
+          const A = T.remote_identity, K = A?.uri?.user || "Unknown", ve = A?.display_name || void 0;
+          P.listeners.forEach((q) => q.onIncomingSession?.(T, K, ve)), T.on("peerconnection", () => {
+            T.connection.addEventListener("addstream", (q) => {
+              if (!q.streams?.length) return;
+              const X = document.createElement("audio");
+              X.srcObject = q.streams[0], X.play();
+            }), T.connection.addEventListener("track", (q) => {
+              const X = document.createElement("audio");
+              X.srcObject = q.streams[0], X.play();
+            });
+          });
+          return;
+        }
+        P.listeners.forEach((A) => A.onNewSession?.(T)), T.connection && (T.connection.addEventListener("addstream", (A) => {
+          if (!A.streams?.length) return;
+          const K = document.createElement("audio");
+          K.srcObject = A.streams[0], K.play();
+        }), T.connection.addEventListener("track", (A) => {
+          const K = document.createElement("audio");
+          K.srcObject = A.streams[0], K.play();
+        }));
+      }), a = P, P;
     }
-    const o = p("disconnected"), r = p(""), i = p([]), b = p(0), u = p(!1), x = p("connecting"), S = p(!1);
-    let l = null, z = null, M = null, H = null, N = null;
-    const n = ee(() => ({ ...me, ...y.labels })), L = ee(() => {
-      switch (o.value) {
+    const n = b("disconnected"), u = b(""), f = b([]), _ = b(0), i = b(!1), g = b("connecting"), k = b(!1), o = b(null);
+    let h = null, M = null, x = null, H = null, E = null;
+    const z = ie(() => ({ ...be, ...c.labels })), Y = ie(() => {
+      switch (n.value) {
+        case "ringing":
+          return { text: z.value.incomingCall, color: "text-blue-500", icon: "ring" };
         case "progress":
-          return { text: `${n.value.calling}...`, color: "text-yellow-500", icon: "ring" };
+          return { text: `${z.value.calling}...`, color: "text-yellow-500", icon: "ring" };
         case "confirmed":
-          return { text: `${n.value.inCall} - ${G(b.value)}`, color: "text-green-500", icon: "inTalk" };
+          return { text: `${z.value.inCall} - ${le(_.value)}`, color: "text-green-500", icon: "inTalk" };
         case "failed":
-          return { text: n.value.callEnded, color: "text-red-500", icon: "missed" };
+          return { text: z.value.callEnded, color: "text-red-500", icon: "missed" };
         case "ended":
-          return { text: n.value.callEnded, color: "text-gray-500", icon: "hangup" };
+          return { text: z.value.callEnded, color: "text-gray-500", icon: "hangup" };
         default:
-          return { text: n.value.inactive, color: "text-gray-300", icon: "phone" };
+          return { text: z.value.inactive, color: "text-gray-300", icon: "phone" };
       }
     });
-    function I(s, t, a) {
-      const E = {
+    function N(l, t, s) {
+      const m = {
         id: Date.now().toString(),
-        number: s,
+        number: l,
         timestamp: Date.now(),
         duration: t,
-        status: a
+        status: s
       };
-      i.value = [E, ...i.value].slice(0, 50), localStorage.setItem("tbi-phone-call-history", JSON.stringify(i.value));
+      f.value = [m, ...f.value].slice(0, 50), localStorage.setItem("tbi-phone-call-history", JSON.stringify(f.value));
     }
-    function h() {
-      z && (z.terminate(), z = null);
+    function C() {
+      M && (M.terminate(), M = null), o.value = null;
     }
-    function A(s) {
-      if (!s.trim() || !l) return;
-      if (!u.value) {
+    function R() {
+      if (!o.value) return;
+      const { session: l, callerNumber: t } = o.value, s = {
+        mediaConstraints: { audio: !0, video: !1 }
+      };
+      try {
+        l.answer(s), M = l, c.onCallStart?.(t), d("callStart", t);
+      } catch (m) {
+        console.error("Failed to answer call:", m), n.value = "failed", c.onStatusChange?.("failed"), d("statusChange", "failed"), N(t, 0, "missed"), o.value = null, setTimeout(() => {
+          n.value = "disconnected", c.onStatusChange?.("disconnected"), d("statusChange", "disconnected");
+        }, 3e3);
+      }
+    }
+    function L() {
+      if (!o.value) return;
+      const { session: l, callerNumber: t } = o.value;
+      try {
+        l.terminate({ status_code: 603, reason_phrase: "Decline" });
+      } catch (s) {
+        console.error("Failed to reject call:", s);
+      }
+      N(t, 0, "missed"), o.value = null, n.value = "disconnected", c.onStatusChange?.("disconnected"), d("statusChange", "disconnected");
+    }
+    function v(l) {
+      if (!l.trim() || !h) return;
+      if (!i.value) {
         console.warn("Phone is not ready yet. Please wait for registration.");
         return;
       }
-      r.value = s, y.onCallStart?.(s), C("callStart", s);
-      const a = {
+      u.value = l, c.onCallStart?.(l), d("callStart", l);
+      const s = {
         eventHandlers: {
           progress: () => {
-            o.value = "progress", y.onStatusChange?.("progress"), C("statusChange", "progress");
+            n.value = "progress", c.onStatusChange?.("progress"), d("statusChange", "progress");
           },
-          failed: (E) => {
-            console.error("Call failed:", E?.cause), o.value = "failed", y.onStatusChange?.("failed"), C("statusChange", "failed"), I(s, 0, "failed"), y.onCallEnd?.(s, 0, "failed"), C("callEnd", s, 0, "failed"), z = null, setTimeout(() => {
-              o.value = "disconnected", y.onStatusChange?.("disconnected"), C("statusChange", "disconnected");
+          failed: (m) => {
+            console.error("Call failed:", m?.cause), n.value = "failed", c.onStatusChange?.("failed"), d("statusChange", "failed"), N(l, 0, "failed"), c.onCallEnd?.(l, 0, "failed"), d("callEnd", l, 0, "failed"), M = null, setTimeout(() => {
+              n.value = "disconnected", c.onStatusChange?.("disconnected"), d("statusChange", "disconnected");
             }, 3e3);
           },
           ended: () => {
-            o.value = "ended", y.onStatusChange?.("ended"), C("statusChange", "ended");
-            const E = M ? Math.floor((Date.now() - M) / 1e3) : 0;
-            I(s, E, "completed"), y.onCallEnd?.(s, E, "completed"), C("callEnd", s, E, "completed"), z = null, H && (clearInterval(H), H = null), setTimeout(() => {
-              o.value = "disconnected", y.onStatusChange?.("disconnected"), C("statusChange", "disconnected"), M = null, b.value = 0;
+            n.value = "ended", c.onStatusChange?.("ended"), d("statusChange", "ended");
+            const m = x ? Math.floor((Date.now() - x) / 1e3) : 0;
+            N(l, m, "completed"), c.onCallEnd?.(l, m, "completed"), d("callEnd", l, m, "completed"), M = null, H && (clearInterval(H), H = null), setTimeout(() => {
+              n.value = "disconnected", c.onStatusChange?.("disconnected"), d("statusChange", "disconnected"), x = null, _.value = 0;
             }, 2e3);
           },
           confirmed: () => {
-            o.value = "confirmed", y.onStatusChange?.("confirmed"), C("statusChange", "confirmed"), M = Date.now(), H = setInterval(() => {
-              M && (b.value = Math.floor((Date.now() - M) / 1e3));
+            n.value = "confirmed", c.onStatusChange?.("confirmed"), d("statusChange", "confirmed"), x = Date.now(), H = setInterval(() => {
+              x && (_.value = Math.floor((Date.now() - x) / 1e3));
             }, 1e3);
           }
         },
         mediaConstraints: { audio: !0, video: !1 }
       };
-      o.value = "progress", y.onStatusChange?.("progress"), C("statusChange", "progress");
+      n.value = "progress", c.onStatusChange?.("progress"), d("statusChange", "progress");
       try {
-        z = l.ua.call(s, a);
-      } catch (E) {
-        console.error("Failed to start call:", E), o.value = "failed", y.onStatusChange?.("failed"), C("statusChange", "failed"), I(s, 0, "failed"), setTimeout(() => {
-          o.value = "disconnected", y.onStatusChange?.("disconnected"), C("statusChange", "disconnected");
+        M = h.ua.call(l, s);
+      } catch (m) {
+        console.error("Failed to start call:", m), n.value = "failed", c.onStatusChange?.("failed"), d("statusChange", "failed"), N(l, 0, "failed"), setTimeout(() => {
+          n.value = "disconnected", c.onStatusChange?.("disconnected"), d("statusChange", "disconnected");
         }, 3e3);
       }
     }
-    function q(s) {
-      s.key === "Enter" && A(r.value);
+    function $(l) {
+      l.key === "Enter" && v(u.value);
     }
-    function se(s) {
-      r.value = s.number, S.value = !1, A(s.number);
+    function J(l) {
+      u.value = l.number, k.value = !1, v(l.number);
     }
-    function oe(s) {
-      switch (s) {
+    function W(l) {
+      switch (l) {
         case "completed":
           return "bg-green-100";
         case "failed":
@@ -197,8 +243,8 @@ const ye = {
           return "bg-yellow-100";
       }
     }
-    function le(s) {
-      switch (s) {
+    function de(l) {
+      switch (l) {
         case "completed":
           return "text-green-600";
         case "failed":
@@ -207,58 +253,79 @@ const ye = {
           return "text-yellow-600";
       }
     }
-    function ae(s) {
-      return new Date(s).toLocaleString("es-ES", {
+    function ue(l) {
+      return new Date(l).toLocaleString("es-ES", {
         day: "2-digit",
         month: "2-digit",
         hour: "2-digit",
         minute: "2-digit"
       });
     }
-    return X(() => {
-      l = d(y.config), l.ua.isRegistered() ? (u.value = !0, x.value = "connected") : l.ua.isConnected() && (x.value = "connected"), N = {
+    return ae(() => {
+      h = p(c.config), h.ua.isRegistered() ? (i.value = !0, g.value = "connected") : h.ua.isConnected() && (g.value = "connected"), E = {
         onConnecting: () => {
-          x.value = "connecting";
+          g.value = "connecting";
         },
         onConnected: () => {
-          x.value = "connected";
+          g.value = "connected";
         },
         onDisconnected: () => {
-          x.value = "disconnected", u.value = !1;
+          g.value = "disconnected", i.value = !1;
         },
         onRegistered: () => {
-          u.value = !0, x.value = "connected";
+          i.value = !0, g.value = "connected";
         },
         onUnregistered: () => {
-          u.value = !1;
+          i.value = !1;
         },
-        onRegistrationFailed: (a) => {
-          console.error("Registration failed:", a), u.value = !1, x.value = "failed";
+        onRegistrationFailed: (s) => {
+          console.error("Registration failed:", s), i.value = !1, g.value = "failed";
         },
-        onNewSession: (a) => {
-          z = a;
+        onNewSession: (s) => {
+          M = s;
+        },
+        onIncomingSession: (s, m, D) => {
+          if (M) {
+            s.terminate({ status_code: 486, reason_phrase: "Busy Here" });
+            return;
+          }
+          o.value = { session: s, callerNumber: m, callerName: D }, u.value = m, n.value = "ringing", c.onStatusChange?.("ringing"), d("statusChange", "ringing"), c.onIncomingCall?.(m, D), d("incomingCall", m, D), s.on("failed", (V) => {
+            console.error("Incoming call failed:", V?.cause), n.value = "failed", c.onStatusChange?.("failed"), d("statusChange", "failed"), N(m, 0, "missed"), o.value = null, M = null, setTimeout(() => {
+              n.value = "disconnected", c.onStatusChange?.("disconnected"), d("statusChange", "disconnected");
+            }, 3e3);
+          }), s.on("ended", () => {
+            n.value = "ended", c.onStatusChange?.("ended"), d("statusChange", "ended");
+            const V = x ? Math.floor((Date.now() - x) / 1e3) : 0;
+            N(m, V, "completed"), c.onCallEnd?.(m, V, "completed"), d("callEnd", m, V, "completed"), o.value = null, M = null, H && (clearInterval(H), H = null), setTimeout(() => {
+              n.value = "disconnected", c.onStatusChange?.("disconnected"), d("statusChange", "disconnected"), x = null, _.value = 0;
+            }, 2e3);
+          }), s.on("confirmed", () => {
+            n.value = "confirmed", c.onStatusChange?.("confirmed"), d("statusChange", "confirmed"), x = Date.now(), o.value = null, H = setInterval(() => {
+              x && (_.value = Math.floor((Date.now() - x) / 1e3));
+            }, 1e3);
+          });
         }
-      }, l.listeners.add(N), l.isStarted || (l.ua.start(), l.isStarted = !0);
-      const s = localStorage.getItem("tbi-phone-call-history");
-      if (s)
+      }, h.listeners.add(E), h.isStarted || (h.ua.start(), h.isStarted = !0);
+      const l = localStorage.getItem("tbi-phone-call-history");
+      if (l)
         try {
-          i.value = JSON.parse(s);
-        } catch (a) {
-          console.error("Error loading call history", a);
+          f.value = JSON.parse(l);
+        } catch (s) {
+          console.error("Error loading call history", s);
         }
-      const t = (a) => {
-        const U = a.detail.number;
-        o.value === "disconnected" && A(U);
+      const t = (s) => {
+        const D = s.detail.number;
+        n.value === "disconnected" && v(D);
       };
       window.addEventListener("StartCallEvent", t);
-    }), Y(() => {
-      H && clearInterval(H), l && N && l.listeners.delete(N);
-    }), (s, t) => (f(), m("div", {
-      class: K(B(J)("tbi-phone w-full max-w-md mx-auto bg-white rounded-2xl shadow-lg border border-gray-200 p-2", v.className))
+    }), re(() => {
+      H && clearInterval(H), h && E && h.listeners.delete(E);
+    }), (l, t) => (y(), w("div", {
+      class: Z(G(ne)("tbi-phone w-full max-w-md mx-auto bg-white rounded-2xl shadow-lg border border-gray-200 p-2", S.className))
     }, [
-      o.value === "disconnected" ? (f(), m("div", ye, [
+      n.value === "disconnected" ? (y(), w("div", Ee, [
         e("button", {
-          onClick: t[0] || (t[0] = (a) => S.value = !0),
+          onClick: t[0] || (t[0] = (s) => k.value = !0),
           class: "h-8 w-8 flex items-center justify-center rounded-xl border border-gray-200 hover:bg-gray-50 transition-colors",
           type: "button"
         }, [...t[5] || (t[5] = [
@@ -270,28 +337,28 @@ const ye = {
             e("path", { d: "M13 3a9 9 0 0 0-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42A8.954 8.954 0 0 0 13 21a9 9 0 0 0 0-18zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z" })
           ], -1)
         ])]),
-        ce(e("input", {
+        me(e("input", {
           type: "text",
-          "onUpdate:modelValue": t[1] || (t[1] = (a) => r.value = a),
-          onKeydown: q,
-          placeholder: n.value.placeholder,
+          "onUpdate:modelValue": t[1] || (t[1] = (s) => u.value = s),
+          onKeydown: $,
+          placeholder: z.value.placeholder,
           class: "flex-1 w-full h-8 px-3 rounded-xl border border-gray-200 text-sm focus:outline-none focus:ring-2 focus:ring-green-500 focus:border-transparent"
-        }, null, 40, Ce), [
-          [de, r.value]
+        }, null, 40, _e), [
+          [he, u.value]
         ]),
         e("button", {
-          onClick: t[2] || (t[2] = (a) => A(r.value)),
-          disabled: r.value.length < 9 || !u.value,
+          onClick: t[2] || (t[2] = (s) => v(u.value)),
+          disabled: u.value.length < 9 || !i.value,
           class: "h-8 w-8 flex items-center justify-center rounded-xl bg-green-500 hover:bg-green-600 disabled:bg-gray-300 disabled:cursor-not-allowed text-white transition-colors",
           type: "button",
-          title: u.value ? "Call" : "Connecting..."
+          title: i.value ? "Call" : "Connecting..."
         }, [
-          x.value === "connecting" ? (f(), m("div", we)) : (f(), m("svg", be, [...t[6] || (t[6] = [
+          g.value === "connecting" ? (y(), w("div", ze)) : (y(), w("svg", Ie, [...t[6] || (t[6] = [
             e("path", { d: "M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z" }, null, -1)
           ])]))
-        ], 8, xe)
-      ])) : V("", !0),
-      o.value === "progress" ? (f(), m("div", Se, [
+        ], 8, ke)
+      ])) : F("", !0),
+      n.value === "progress" ? (y(), w("div", Me, [
         t[8] || (t[8] = e("div", { class: "relative" }, [
           e("svg", {
             class: "w-12 h-12 text-yellow-500 animate-pulse",
@@ -302,12 +369,12 @@ const ye = {
           ]),
           e("div", { class: "absolute inset-0 rounded-full border-4 border-yellow-500/30 animate-ping" })
         ], -1)),
-        e("div", Ee, [
-          e("p", _e, k(n.value.calling) + " " + k(r.value), 1),
-          e("p", ke, k(n.value.waitingResponse), 1)
+        e("div", De, [
+          e("p", He, I(z.value.calling) + " " + I(u.value), 1),
+          e("p", Ue, I(z.value.waitingResponse), 1)
         ]),
         e("button", {
-          onClick: h,
+          onClick: C,
           class: "flex items-center gap-2 px-6 py-2 rounded-full bg-red-500 hover:bg-red-600 text-white text-sm font-medium transition-colors",
           type: "button"
         }, [
@@ -318,11 +385,58 @@ const ye = {
           }, [
             e("path", { d: "M12 9c-1.6 0-3.15.25-4.6.72v3.1c0 .39-.23.74-.56.9-.98.49-1.87 1.12-2.66 1.85-.18.18-.43.28-.7.28-.28 0-.53-.11-.71-.29L.29 13.08a.956.956 0 0 1-.29-.7c0-.28.11-.53.29-.71C3.34 8.78 7.46 7 12 7s8.66 1.78 11.71 4.67c.18.18.29.43.29.71 0 .28-.11.53-.29.71l-2.48 2.48c-.18.18-.43.29-.71.29-.27 0-.52-.11-.7-.28a11.27 11.27 0 0 0-2.67-1.85.996.996 0 0 1-.56-.9v-3.1C15.15 9.25 13.6 9 12 9z" })
           ], -1)),
-          te(" " + k(n.value.cancel), 1)
+          ee(" " + I(z.value.cancel), 1)
+        ])
+      ])) : F("", !0),
+      n.value === "ringing" && o.value ? (y(), w("div", Re, [
+        t[11] || (t[11] = e("div", { class: "relative" }, [
+          e("svg", {
+            class: "w-12 h-12 text-blue-500 animate-bounce",
+            viewBox: "0 0 24 24",
+            fill: "currentColor"
+          }, [
+            e("path", { d: "M15.05 5A7 7 0 0 1 19 8.95M15.05 1A11 11 0 0 1 23 8.94m-1 7.98v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z" })
+          ]),
+          e("div", { class: "absolute inset-0 rounded-full border-4 border-blue-500/30 animate-ping" })
+        ], -1)),
+        e("div", Te, [
+          e("p", Le, I(z.value.incomingCall), 1),
+          e("p", je, I(o.value.callerNumber), 1),
+          o.value.callerName ? (y(), w("p", Be, I(o.value.callerName), 1)) : F("", !0)
+        ]),
+        e("div", Ne, [
+          e("button", {
+            onClick: L,
+            class: "flex items-center gap-2 px-6 py-2 rounded-full bg-red-500 hover:bg-red-600 text-white text-sm font-medium transition-colors",
+            type: "button"
+          }, [
+            t[9] || (t[9] = e("svg", {
+              class: "w-4 h-4",
+              viewBox: "0 0 24 24",
+              fill: "currentColor"
+            }, [
+              e("path", { d: "M12 9c-1.6 0-3.15.25-4.6.72v3.1c0 .39-.23.74-.56.9-.98.49-1.87 1.12-2.66 1.85-.18.18-.43.28-.7.28-.28 0-.53-.11-.71-.29L.29 13.08a.956.956 0 0 1-.29-.7c0-.28.11-.53.29-.71C3.34 8.78 7.46 7 12 7s8.66 1.78 11.71 4.67c.18.18.29.43.29.71 0 .28-.11.53-.29.71l-2.48 2.48c-.18.18-.43.29-.71.29-.27 0-.52-.11-.7-.28a11.27 11.27 0 0 0-2.67-1.85.996.996 0 0 1-.56-.9v-3.1C15.15 9.25 13.6 9 12 9z" })
+            ], -1)),
+            ee(" " + I(z.value.reject), 1)
+          ]),
+          e("button", {
+            onClick: R,
+            class: "flex items-center gap-2 px-6 py-2 rounded-full bg-green-500 hover:bg-green-600 text-white text-sm font-medium transition-colors",
+            type: "button"
+          }, [
+            t[10] || (t[10] = e("svg", {
+              class: "w-4 h-4",
+              viewBox: "0 0 24 24",
+              fill: "currentColor"
+            }, [
+              e("path", { d: "M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z" })
+            ], -1)),
+            ee(" " + I(z.value.answer), 1)
+          ])
         ])
-      ])) : V("", !0),
-      o.value === "confirmed" ? (f(), m("div", ze, [
-        t[10] || (t[10] = e("div", { class: "relative" }, [
+      ])) : F("", !0),
+      n.value === "confirmed" ? (y(), w("div", Pe, [
+        t[13] || (t[13] = e("div", { class: "relative" }, [
           e("svg", {
             class: "w-12 h-12 text-green-500",
             viewBox: "0 0 24 24",
@@ -332,55 +446,55 @@ const ye = {
           ]),
           e("div", { class: "absolute inset-0 rounded-full bg-green-500/20 animate-pulse" })
         ], -1)),
-        e("div", He, [
-          e("p", Ue, k(r.value), 1),
-          e("p", Me, k(B(G)(b.value)), 1)
+        e("div", Oe, [
+          e("p", $e, I(u.value), 1),
+          e("p", Ae, I(G(le)(_.value)), 1)
         ]),
         e("button", {
-          onClick: h,
+          onClick: C,
           class: "flex items-center gap-2 px-6 py-2 rounded-full bg-red-500 hover:bg-red-600 text-white text-sm font-medium transition-colors",
           type: "button"
         }, [
-          t[9] || (t[9] = e("svg", {
+          t[12] || (t[12] = e("svg", {
             class: "w-4 h-4",
             viewBox: "0 0 24 24",
             fill: "currentColor"
           }, [
             e("path", { d: "M12 9c-1.6 0-3.15.25-4.6.72v3.1c0 .39-.23.74-.56.9-.98.49-1.87 1.12-2.66 1.85-.18.18-.43.28-.7.28-.28 0-.53-.11-.71-.29L.29 13.08a.956.956 0 0 1-.29-.7c0-.28.11-.53.29-.71C3.34 8.78 7.46 7 12 7s8.66 1.78 11.71 4.67c.18.18.29.43.29.71 0 .28-.11.53-.29.71l-2.48 2.48c-.18.18-.43.29-.71.29-.27 0-.52-.11-.7-.28a11.27 11.27 0 0 0-2.67-1.85.996.996 0 0 1-.56-.9v-3.1C15.15 9.25 13.6 9 12 9z" })
           ], -1)),
-          te(" " + k(n.value.hangUp), 1)
+          ee(" " + I(z.value.hangUp), 1)
         ])
-      ])) : V("", !0),
-      o.value === "failed" || o.value === "ended" ? (f(), m("div", De, [
-        (f(), m("svg", {
-          class: K(B(J)("w-12 h-12", o.value === "failed" ? "text-red-500" : "text-gray-500")),
+      ])) : F("", !0),
+      n.value === "failed" || n.value === "ended" ? (y(), w("div", Ve, [
+        (y(), w("svg", {
+          class: Z(G(ne)("w-12 h-12", n.value === "failed" ? "text-red-500" : "text-gray-500")),
           viewBox: "0 0 24 24",
           fill: "currentColor"
         }, [
-          o.value === "failed" ? (f(), m("path", Re)) : (f(), m("path", Ne))
+          n.value === "failed" ? (y(), w("path", Fe)) : (y(), w("path", Ke))
         ], 2)),
-        e("div", Ie, [
-          e("p", Te, k(L.value.text), 1)
+        e("div", Je, [
+          e("p", We, I(Y.value.text), 1)
         ])
-      ])) : V("", !0),
-      (f(), ie(ue, { to: "body" }, [
-        S.value ? (f(), m("div", Le, [
+      ])) : F("", !0),
+      (y(), ge(pe, { to: "body" }, [
+        k.value ? (y(), w("div", qe, [
           e("div", {
             class: "fixed inset-0 bg-black/50",
-            onClick: t[3] || (t[3] = (a) => S.value = !1)
+            onClick: t[3] || (t[3] = (s) => k.value = !1)
           }),
-          e("div", Pe, [
-            e("div", $e, [
-              e("div", Be, [
+          e("div", Ge, [
+            e("div", Qe, [
+              e("div", Xe, [
                 e("div", null, [
-                  e("h2", Ve, k(n.value.callHistory), 1),
-                  e("p", je, k(i.value.length === 0 ? n.value.noCallsRegistered : `${i.value.length} ${n.value.callsRegistered}`), 1)
+                  e("h2", Ye, I(z.value.callHistory), 1),
+                  e("p", Ze, I(f.value.length === 0 ? z.value.noCallsRegistered : `${f.value.length} ${z.value.callsRegistered}`), 1)
                 ]),
                 e("button", {
-                  onClick: t[4] || (t[4] = (a) => S.value = !1),
+                  onClick: t[4] || (t[4] = (s) => k.value = !1),
                   class: "h-8 w-8 flex items-center justify-center rounded-lg hover:bg-gray-100 transition-colors",
                   type: "button"
-                }, [...t[11] || (t[11] = [
+                }, [...t[14] || (t[14] = [
                   e("svg", {
                     class: "w-5 h-5",
                     viewBox: "0 0 24 24",
@@ -390,54 +504,54 @@ const ye = {
                   ], -1)
                 ])])
               ]),
-              e("div", Ae, [
-                i.value.length === 0 ? (f(), m("div", Oe, [
-                  t[12] || (t[12] = e("svg", {
+              e("div", et, [
+                f.value.length === 0 ? (y(), w("div", tt, [
+                  t[15] || (t[15] = e("svg", {
                     class: "w-12 h-12 mx-auto mb-2 opacity-50",
                     viewBox: "0 0 24 24",
                     fill: "currentColor"
                   }, [
                     e("path", { d: "M12 9c-1.6 0-3.15.25-4.6.72v3.1c0 .39-.23.74-.56.9-.98.49-1.87 1.12-2.66 1.85-.18.18-.43.28-.7.28-.28 0-.53-.11-.71-.29L.29 13.08a.956.956 0 0 1-.29-.7c0-.28.11-.53.29-.71C3.34 8.78 7.46 7 12 7s8.66 1.78 11.71 4.67c.18.18.29.43.29.71 0 .28-.11.53-.29.71l-2.48 2.48c-.18.18-.43.29-.71.29-.27 0-.52-.11-.7-.28a11.27 11.27 0 0 0-2.67-1.85.996.996 0 0 1-.56-.9v-3.1C15.15 9.25 13.6 9 12 9z" })
                   ], -1)),
-                  e("p", null, k(n.value.noCalls), 1)
-                ])) : (f(), m("div", Ke, [
-                  (f(!0), m(F, null, ve(i.value, (a, E) => (f(), m("div", {
-                    key: a.id,
+                  e("p", null, I(z.value.noCalls), 1)
+                ])) : (y(), w("div", nt, [
+                  (y(!0), w(te, null, Ce(f.value, (s, m) => (y(), w("div", {
+                    key: s.id,
                     class: "flex items-center gap-3 p-3 rounded-lg hover:bg-gray-50 transition-colors duration-200",
-                    style: fe({ animationDelay: `${E * 30}ms` })
+                    style: ye({ animationDelay: `${m * 30}ms` })
                   }, [
                     e("div", {
-                      class: K(B(J)("w-9 h-9 rounded-full flex items-center justify-center shrink-0", oe(a.status)))
+                      class: Z(G(ne)("w-9 h-9 rounded-full flex items-center justify-center shrink-0", W(s.status)))
                     }, [
-                      (f(), m("svg", {
-                        class: K(B(J)("w-4 h-4", le(a.status))),
+                      (y(), w("svg", {
+                        class: Z(G(ne)("w-4 h-4", de(s.status))),
                         viewBox: "0 0 24 24",
                         fill: "currentColor"
                       }, [
-                        a.status === "completed" ? (f(), m(F, { key: 0 }, [
-                          t[13] || (t[13] = e("path", { d: "M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z" }, null, -1)),
-                          t[14] || (t[14] = e("path", { d: "M16 3l-5 5-2-2-1.5 1.5L11 11l6.5-6.5z" }, null, -1))
-                        ], 64)) : a.status === "failed" ? (f(), m(F, { key: 1 }, [
-                          t[15] || (t[15] = e("path", { d: "M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z" }, null, -1)),
-                          t[16] || (t[16] = e("path", { d: "M19 6.41L17.59 5 15 7.59 12.41 5 11 6.41 13.59 9 11 11.59 12.41 13 15 10.41 17.59 13 19 11.59 16.41 9z" }, null, -1))
-                        ], 64)) : (f(), m("path", Fe))
+                        s.status === "completed" ? (y(), w(te, { key: 0 }, [
+                          t[16] || (t[16] = e("path", { d: "M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z" }, null, -1)),
+                          t[17] || (t[17] = e("path", { d: "M16 3l-5 5-2-2-1.5 1.5L11 11l6.5-6.5z" }, null, -1))
+                        ], 64)) : s.status === "failed" ? (y(), w(te, { key: 1 }, [
+                          t[18] || (t[18] = e("path", { d: "M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z" }, null, -1)),
+                          t[19] || (t[19] = e("path", { d: "M19 6.41L17.59 5 15 7.59 12.41 5 11 6.41 13.59 9 11 11.59 12.41 13 15 10.41 17.59 13 19 11.59 16.41 9z" }, null, -1))
+                        ], 64)) : (y(), w("path", ot))
                       ], 2))
                     ], 2),
-                    e("div", Je, [
-                      e("p", We, k(a.number), 1),
-                      e("div", qe, [
-                        e("span", null, k(ae(a.timestamp)), 1),
-                        a.duration > 0 ? (f(), m(F, { key: 0 }, [
-                          t[17] || (t[17] = e("span", null, "•", -1)),
-                          e("span", Ge, k(B(G)(a.duration)), 1)
-                        ], 64)) : V("", !0)
+                    e("div", lt, [
+                      e("p", st, I(s.number), 1),
+                      e("div", at, [
+                        e("span", null, I(ue(s.timestamp)), 1),
+                        s.duration > 0 ? (y(), w(te, { key: 0 }, [
+                          t[20] || (t[20] = e("span", null, "•", -1)),
+                          e("span", rt, I(G(le)(s.duration)), 1)
+                        ], 64)) : F("", !0)
                       ])
                     ]),
                     e("button", {
-                      onClick: (U) => se(a),
+                      onClick: (D) => J(s),
                       class: "h-8 w-8 flex items-center justify-center shrink-0 rounded-lg hover:bg-gray-100 transition-colors",
                       type: "button"
-                    }, [...t[18] || (t[18] = [
+                    }, [...t[21] || (t[21] = [
                       e("svg", {
                         class: "w-4 h-4",
                         viewBox: "0 0 24 24",
@@ -445,262 +559,321 @@ const ye = {
                       }, [
                         e("path", { d: "M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z" })
                       ], -1)
-                    ])], 8, Qe)
+                    ])], 8, it)
                   ], 4))), 128))
                 ]))
               ])
             ])
           ])
-        ])) : V("", !0)
+        ])) : F("", !0)
       ]))
     ], 2));
   }
-}), ne = /* @__PURE__ */ Symbol("Phone");
-let j = null, Q = null;
-function Xe(v) {
-  return `${v.websocketUrl}|${v.sipUri}|${v.authorizationUser}`;
+}), ce = /* @__PURE__ */ Symbol("Phone");
+let Q = null, se = null;
+function ct(S) {
+  return `${S.websocketUrl}|${S.sipUri}|${S.authorizationUser}`;
 }
-function Ye(v) {
-  const R = Xe(v);
-  if (j && Q === R)
-    return j;
-  if (j && Q !== R) {
+function dt(S) {
+  const O = ct(S);
+  if (Q && se === O)
+    return Q;
+  if (Q && se !== O) {
     try {
-      j.ua.stop();
+      Q.ua.stop();
     } catch {
     }
-    j = null;
+    Q = null;
   }
-  Q = R;
-  const C = {
-    sockets: [new W.WebSocketInterface(v.websocketUrl)],
-    uri: v.sipUri,
-    password: v.password,
-    registrar_server: v.registrarServer,
-    display_name: v.displayName,
-    authorization_user: v.authorizationUser,
+  se = O;
+  const d = {
+    sockets: [new oe.WebSocketInterface(S.websocketUrl)],
+    uri: S.sipUri,
+    password: S.password,
+    registrar_server: S.registrarServer,
+    display_name: S.displayName,
+    authorization_user: S.authorizationUser,
     connection_recovery_min_interval: 2,
     connection_recovery_max_interval: 30
-  }, c = new W.UA(C), g = document.createElement("audio");
-  g.autoplay = !0;
-  const w = {
-    ua: c,
-    audio: g,
+  }, a = new oe.UA(d), B = document.createElement("audio");
+  B.autoplay = !0;
+  const r = {
+    ua: a,
+    audio: B,
     isStarted: !1,
     listeners: /* @__PURE__ */ new Set()
   };
-  return c.on("connecting", () => {
-    w.listeners.forEach((d) => d.onConnecting?.());
-  }), c.on("connected", () => {
-    w.listeners.forEach((d) => d.onConnected?.());
-  }), c.on("disconnected", () => {
-    w.listeners.forEach((d) => d.onDisconnected?.());
-  }), c.on("registered", () => {
-    w.listeners.forEach((d) => d.onRegistered?.());
-  }), c.on("unregistered", () => {
-    w.listeners.forEach((d) => d.onUnregistered?.());
-  }), c.on("registrationFailed", (d) => {
-    w.listeners.forEach((o) => o.onRegistrationFailed?.(d?.cause));
-  }), c.on("newRTCSession", (d) => {
-    const o = d.session;
-    o.direction === "outgoing" && (w.listeners.forEach((r) => r.onNewSession?.(o)), o.connection && (o.connection.addEventListener("addstream", (r) => {
-      if (!r.streams?.length) return;
-      const i = document.createElement("audio");
-      i.srcObject = r.streams[0], i.play();
-    }), o.connection.addEventListener("track", (r) => {
-      const i = document.createElement("audio");
-      i.srcObject = r.streams[0], i.play();
-    })));
-  }), j = w, w;
+  return a.on("connecting", () => {
+    r.listeners.forEach((p) => p.onConnecting?.());
+  }), a.on("connected", () => {
+    r.listeners.forEach((p) => p.onConnected?.());
+  }), a.on("disconnected", () => {
+    r.listeners.forEach((p) => p.onDisconnected?.());
+  }), a.on("registered", () => {
+    r.listeners.forEach((p) => p.onRegistered?.());
+  }), a.on("unregistered", () => {
+    r.listeners.forEach((p) => p.onUnregistered?.());
+  }), a.on("registrationFailed", (p) => {
+    r.listeners.forEach((n) => n.onRegistrationFailed?.(p?.cause));
+  }), a.on("newRTCSession", (p) => {
+    const n = p.session;
+    if (n.direction === "incoming") {
+      const u = n.remote_identity, f = u?.uri?.user || "Unknown", _ = u?.display_name || void 0;
+      r.listeners.forEach((i) => i.onIncomingSession?.(n, f, _)), n.on("peerconnection", () => {
+        n.connection.addEventListener("addstream", (i) => {
+          if (!i.streams?.length) return;
+          const g = document.createElement("audio");
+          g.srcObject = i.streams[0], g.play();
+        }), n.connection.addEventListener("track", (i) => {
+          const g = document.createElement("audio");
+          g.srcObject = i.streams[0], g.play();
+        });
+      });
+      return;
+    }
+    r.listeners.forEach((u) => u.onNewSession?.(n)), n.connection && (n.connection.addEventListener("addstream", (u) => {
+      if (!u.streams?.length) return;
+      const f = document.createElement("audio");
+      f.srcObject = u.streams[0], f.play();
+    }), n.connection.addEventListener("track", (u) => {
+      const f = document.createElement("audio");
+      f.srcObject = u.streams[0], f.play();
+    }));
+  }), Q = r, r;
 }
-function nt(v) {
-  const { config: R, onCallStart: y, onCallEnd: C, onStatusChange: c } = v, g = p("disconnected"), w = p(""), d = p([]), o = p(0), r = p(!1), i = p("connecting");
-  let b = null, u = null, x = null, S = null;
-  const l = (n) => {
-    w.value = n;
-  }, z = (n, L, I) => {
-    const h = {
+function gt(S) {
+  const { config: O, onCallStart: c, onCallEnd: d, onStatusChange: a, onIncomingCall: B } = S, r = b("disconnected"), p = b(""), n = b([]), u = b(0), f = b(!1), _ = b("connecting"), i = b(null);
+  let g = null, k = null, o = null, h = null;
+  const M = (C) => {
+    p.value = C;
+  }, x = (C, R, L) => {
+    const v = {
       id: Date.now().toString(),
-      number: n,
+      number: C,
       timestamp: Date.now(),
-      duration: L,
-      status: I
+      duration: R,
+      status: L
     };
-    d.value = [h, ...d.value].slice(0, 50), localStorage.setItem("tbi-phone-call-history", JSON.stringify(d.value));
-  }, M = () => {
-    u && (u.terminate(), u = null);
-  }, H = (n) => {
-    if (!n.trim() || !b) return;
-    if (!r.value) {
+    n.value = [v, ...n.value].slice(0, 50), localStorage.setItem("tbi-phone-call-history", JSON.stringify(n.value));
+  }, H = () => {
+    k && (k.terminate(), k = null), i.value = null;
+  }, E = () => {
+    if (!i.value) return;
+    const { session: C, callerNumber: R } = i.value, L = {
+      mediaConstraints: { audio: !0, video: !1 }
+    };
+    try {
+      C.answer(L), k = C, c?.(R);
+    } catch (v) {
+      console.error("Failed to answer call:", v), r.value = "failed", a?.("failed"), x(R, 0, "missed"), i.value = null, setTimeout(() => {
+        r.value = "disconnected", a?.("disconnected");
+      }, 3e3);
+    }
+  }, z = () => {
+    if (!i.value) return;
+    const { session: C, callerNumber: R } = i.value;
+    try {
+      C.terminate({ status_code: 603, reason_phrase: "Decline" });
+    } catch (L) {
+      console.error("Failed to reject call:", L);
+    }
+    x(R, 0, "missed"), i.value = null, r.value = "disconnected", a?.("disconnected");
+  }, Y = (C) => {
+    if (!C.trim() || !g) return;
+    if (!f.value) {
       console.warn("Phone is not ready yet. Please wait for registration.");
       return;
     }
-    w.value = n, y?.(n);
-    const I = {
+    p.value = C, c?.(C);
+    const L = {
       eventHandlers: {
         progress: () => {
-          g.value = "progress", c?.("progress");
+          r.value = "progress", a?.("progress");
         },
-        failed: (h) => {
-          console.error("Call failed:", h?.cause), g.value = "failed", c?.("failed"), z(n, 0, "failed"), C?.(n, 0, "failed"), u = null, setTimeout(() => {
-            g.value = "disconnected", c?.("disconnected");
+        failed: (v) => {
+          console.error("Call failed:", v?.cause), r.value = "failed", a?.("failed"), x(C, 0, "failed"), d?.(C, 0, "failed"), k = null, setTimeout(() => {
+            r.value = "disconnected", a?.("disconnected");
           }, 3e3);
         },
         ended: () => {
-          g.value = "ended", c?.("ended");
-          const h = x ? Math.floor((Date.now() - x) / 1e3) : 0;
-          z(n, h, "completed"), C?.(n, h, "completed"), u = null, S && (clearInterval(S), S = null), setTimeout(() => {
-            g.value = "disconnected", c?.("disconnected"), x = null, o.value = 0;
+          r.value = "ended", a?.("ended");
+          const v = o ? Math.floor((Date.now() - o) / 1e3) : 0;
+          x(C, v, "completed"), d?.(C, v, "completed"), k = null, h && (clearInterval(h), h = null), setTimeout(() => {
+            r.value = "disconnected", a?.("disconnected"), o = null, u.value = 0;
           }, 2e3);
         },
         confirmed: () => {
-          g.value = "confirmed", c?.("confirmed"), x = Date.now(), S = setInterval(() => {
-            x && (o.value = Math.floor((Date.now() - x) / 1e3));
+          r.value = "confirmed", a?.("confirmed"), o = Date.now(), h = setInterval(() => {
+            o && (u.value = Math.floor((Date.now() - o) / 1e3));
           }, 1e3);
         }
       },
       mediaConstraints: { audio: !0, video: !1 }
     };
-    g.value = "progress", c?.("progress");
+    r.value = "progress", a?.("progress");
     try {
-      u = b.ua.call(n, I);
-    } catch (h) {
-      console.error("Failed to start call:", h), g.value = "failed", c?.("failed"), z(n, 0, "failed"), setTimeout(() => {
-        g.value = "disconnected", c?.("disconnected");
+      k = g.ua.call(C, L);
+    } catch (v) {
+      console.error("Failed to start call:", v), r.value = "failed", a?.("failed"), x(C, 0, "failed"), setTimeout(() => {
+        r.value = "disconnected", a?.("disconnected");
       }, 3e3);
     }
   };
-  X(() => {
-    b = Ye(R), b.ua.isRegistered() ? (r.value = !0, i.value = "connected") : b.ua.isConnected() && (i.value = "connected");
-    const n = {
+  ae(() => {
+    g = dt(O), g.ua.isRegistered() ? (f.value = !0, _.value = "connected") : g.ua.isConnected() && (_.value = "connected");
+    const C = {
       onConnecting: () => {
-        i.value = "connecting";
+        _.value = "connecting";
       },
       onConnected: () => {
-        i.value = "connected";
+        _.value = "connected";
       },
       onDisconnected: () => {
-        i.value = "disconnected", r.value = !1;
+        _.value = "disconnected", f.value = !1;
       },
       onRegistered: () => {
-        r.value = !0, i.value = "connected";
+        f.value = !0, _.value = "connected";
       },
       onUnregistered: () => {
-        r.value = !1;
+        f.value = !1;
+      },
+      onRegistrationFailed: (v) => {
+        console.error("Registration failed:", v), f.value = !1, _.value = "failed";
       },
-      onRegistrationFailed: (h) => {
-        console.error("Registration failed:", h), r.value = !1, i.value = "failed";
+      onNewSession: (v) => {
+        k = v;
       },
-      onNewSession: (h) => {
-        u = h;
+      onIncomingSession: (v, $, J) => {
+        if (k) {
+          v.terminate({ status_code: 486, reason_phrase: "Busy Here" });
+          return;
+        }
+        i.value = { session: v, callerNumber: $, callerName: J }, p.value = $, r.value = "ringing", a?.("ringing"), B?.($, J), v.on("failed", (W) => {
+          console.error("Incoming call failed:", W?.cause), r.value = "failed", a?.("failed"), x($, 0, "missed"), i.value = null, k = null, setTimeout(() => {
+            r.value = "disconnected", a?.("disconnected");
+          }, 3e3);
+        }), v.on("ended", () => {
+          r.value = "ended", a?.("ended");
+          const W = o ? Math.floor((Date.now() - o) / 1e3) : 0;
+          x($, W, "completed"), d?.($, W, "completed"), i.value = null, k = null, h && (clearInterval(h), h = null), setTimeout(() => {
+            r.value = "disconnected", a?.("disconnected"), o = null, u.value = 0;
+          }, 2e3);
+        }), v.on("confirmed", () => {
+          r.value = "confirmed", a?.("confirmed"), o = Date.now(), i.value = null, h = setInterval(() => {
+            o && (u.value = Math.floor((Date.now() - o) / 1e3));
+          }, 1e3);
+        });
       }
     };
-    b.listeners.add(n), b.isStarted || (b.ua.start(), b.isStarted = !0);
-    const L = localStorage.getItem("tbi-phone-call-history");
-    if (L)
+    g.listeners.add(C), g.isStarted || (g.ua.start(), g.isStarted = !0);
+    const R = localStorage.getItem("tbi-phone-call-history");
+    if (R)
       try {
-        d.value = JSON.parse(L);
-      } catch (h) {
-        console.error("Error loading call history", h);
+        n.value = JSON.parse(R);
+      } catch (v) {
+        console.error("Error loading call history", v);
       }
-    const I = (h) => {
-      const q = h.detail.number;
-      g.value === "disconnected" && H(q);
+    const L = (v) => {
+      const J = v.detail.number;
+      r.value === "disconnected" && Y(J);
     };
-    window.addEventListener("StartCallEvent", I);
-  }), Y(() => {
-    S && clearInterval(S);
+    window.addEventListener("StartCallEvent", L);
+  }), re(() => {
+    h && clearInterval(h);
   });
   const N = {
-    status: D(g),
-    callNumber: w,
-    setCallNumber: l,
-    callHistory: D(d),
-    currentCallDuration: D(o),
-    startCall: H,
-    endCall: M,
-    isReady: D(r),
-    connectionStatus: D(i)
+    status: j(r),
+    callNumber: p,
+    setCallNumber: M,
+    callHistory: j(n),
+    currentCallDuration: j(u),
+    startCall: Y,
+    endCall: H,
+    answerCall: E,
+    rejectCall: z,
+    isReady: j(f),
+    connectionStatus: j(_),
+    incomingCall: j(i)
   };
-  return ge(ne, N), N;
+  return xe(ce, N), N;
 }
-function st() {
-  const v = he(ne);
-  if (!v)
+function mt() {
+  const S = we(ce);
+  if (!S)
     throw new Error("usePhone must be used within a component that has called usePhoneProvider");
-  return v;
+  return S;
 }
-function ot(v, R = {}) {
+function ht(S, O = {}) {
   const {
-    onCallStart: y,
-    onCallEnd: C,
-    onStatusChange: c,
-    onConnectionChange: g,
-    persistHistory: w = !0,
-    historyKey: d = "tbi-phone-call-history"
-  } = R, o = p("disconnected"), r = p(""), i = p([]), b = p(0), u = p(!1), x = p("connecting"), S = p(null);
-  let l = null;
-  X(() => {
-    l = new pe(
-      v,
+    onCallStart: c,
+    onCallEnd: d,
+    onStatusChange: a,
+    onConnectionChange: B,
+    persistHistory: r = !0,
+    historyKey: p = "tbi-phone-call-history"
+  } = O, n = b("disconnected"), u = b(""), f = b([]), _ = b(0), i = b(!1), g = b("connecting"), k = b(null);
+  let o = null;
+  ae(() => {
+    o = new Se(
+      S,
       {
-        onStatusChange: (n) => {
-          o.value = n, c?.(n);
+        onStatusChange: (E) => {
+          n.value = E, a?.(E);
         },
-        onConnectionChange: (n) => {
-          x.value = n, l && (u.value = l.state.isReady), g?.(n);
+        onConnectionChange: (E) => {
+          g.value = E, o && (i.value = o.state.isReady), B?.(E);
         },
-        onCallStart: y,
-        onCallEnd: C,
-        onDurationUpdate: (n) => {
-          b.value = n;
+        onCallStart: c,
+        onCallEnd: d,
+        onDurationUpdate: (E) => {
+          _.value = E;
         },
-        onHistoryUpdate: (n) => {
-          i.value = n;
+        onHistoryUpdate: (E) => {
+          f.value = E;
         },
         onRegistered: () => {
-          u.value = !0;
+          i.value = !0;
         },
         onUnregistered: () => {
-          u.value = !1;
+          i.value = !1;
         }
       },
       {
-        persistHistory: w,
-        historyKey: d
+        persistHistory: r,
+        historyKey: p
       }
-    ), l.initialize(), o.value = l.state.status, r.value = l.state.callNumber, i.value = l.state.callHistory, u.value = l.state.isReady, x.value = l.state.connectionStatus, S.value = l.ua;
-  }), Y(() => {
-    l && (l.destroy(), l = null);
+    ), o.initialize(), n.value = o.state.status, u.value = o.state.callNumber, f.value = o.state.callHistory, i.value = o.state.isReady, g.value = o.state.connectionStatus, k.value = o.ua;
+  }), re(() => {
+    o && (o.destroy(), o = null);
   });
-  const z = (n) => {
-    r.value = n, l?.setCallNumber(n);
-  }, M = (n) => {
-    l?.startCall(n);
+  const h = (E) => {
+    u.value = E, o?.setCallNumber(E);
+  }, M = (E) => {
+    o?.startCall(E);
+  }, x = () => {
+    o?.endCall();
   }, H = () => {
-    l?.endCall();
-  }, N = () => {
-    l?.clearHistory(), i.value = [];
+    o?.clearHistory(), f.value = [];
   };
   return {
-    status: D(o),
-    callNumber: r,
-    setCallNumber: z,
-    callHistory: D(i),
-    clearCallHistory: N,
-    currentCallDuration: D(b),
+    status: j(n),
+    callNumber: u,
+    setCallNumber: h,
+    callHistory: j(f),
+    clearCallHistory: H,
+    currentCallDuration: j(_),
     startCall: M,
-    endCall: H,
-    isReady: D(u),
-    connectionStatus: D(x),
-    ua: S
+    endCall: x,
+    isReady: j(i),
+    connectionStatus: j(g),
+    ua: k
   };
 }
 export {
-  tt as Phone,
-  ne as PhoneKey,
-  tt as default,
-  st as usePhone,
-  ot as usePhoneManager,
-  nt as usePhoneProvider
+  ft as Phone,
+  ce as PhoneKey,
+  ft as default,
+  mt as usePhone,
+  ht as usePhoneManager,
+  gt as usePhoneProvider
 };