@tbisoftware/phone 2.0.6 → 2.0.8

package/dist/{usePhoneManager-OZM1GaNS.js → usePhoneManager-B0omS154.js}

@@ -1,24 +1,24 @@
-import { jsx as t, jsxs as o, Fragment as W } from "react/jsx-runtime";
-import { useState as p, useRef as j, useEffect as I, useCallback as k, createContext as q, useContext as G } from "react";
-import { J as F, d as Q, c as _, f as $, P as X } from "./index-TymkBND5.js";
-let z = null, B = null;
-function Y(e) {
+import { jsx as t, jsxs as o, Fragment as Q } from "react/jsx-runtime";
+import { useState as p, useRef as T, useEffect as H, useCallback as k, createContext as X, useContext as Y } from "react";
+import { J, d as Z, c as $, f as O, P as ee } from "./index-D8BnjTav.js";
+let D = null, _ = null;
+function te(e) {
   return `${e.websocketUrl}|${e.sipUri}|${e.authorizationUser}`;
 }
-function Z(e) {
-  const m = Y(e);
-  if (z && B === m)
-    return z;
-  if (z && B !== m) {
+function ne(e) {
+  const f = te(e);
+  if (D && _ === f)
+    return D;
+  if (D && _ !== f) {
     try {
-      z.ua.stop();
+      D.ua.stop();
     } catch {
     }
-    z = null;
+    D = null;
   }
-  B = m;
+  _ = f;
   const i = {
-    sockets: [new F.WebSocketInterface(e.websocketUrl)],
+    sockets: [new J.WebSocketInterface(e.websocketUrl)],
     uri: e.sipUri,
     password: e.password,
     registrar_server: e.registrarServer,
@@ -26,148 +26,153 @@ function Z(e) {
     authorization_user: e.authorizationUser,
     connection_recovery_min_interval: 2,
     connection_recovery_max_interval: 30
-  }, a = new F.UA(i), g = document.createElement("audio");
+  }, a = new J.UA(i), g = document.createElement("audio");
   g.autoplay = !0;
-  const h = {
+  const m = {
     ua: a,
     audio: g,
     isStarted: !1,
     listeners: /* @__PURE__ */ new Set()
   };
   return a.on("connecting", () => {
-    h.listeners.forEach((r) => r.onConnecting?.());
+    m.listeners.forEach((n) => n.onConnecting?.());
   }), a.on("connected", () => {
-    h.listeners.forEach((r) => r.onConnected?.());
+    m.listeners.forEach((n) => n.onConnected?.());
   }), a.on("disconnected", () => {
-    h.listeners.forEach((r) => r.onDisconnected?.());
+    m.listeners.forEach((n) => n.onDisconnected?.());
   }), a.on("registered", () => {
-    h.listeners.forEach((r) => r.onRegistered?.());
+    m.listeners.forEach((n) => n.onRegistered?.());
   }), a.on("unregistered", () => {
-    h.listeners.forEach((r) => r.onUnregistered?.());
-  }), a.on("registrationFailed", (r) => {
-    h.listeners.forEach((l) => l.onRegistrationFailed?.(r?.cause));
-  }), a.on("newRTCSession", (r) => {
-    const l = r.session;
-    l.direction === "outgoing" && (h.listeners.forEach((d) => d.onNewSession?.(l)), l.connection && (l.connection.addEventListener("addstream", (d) => {
+    m.listeners.forEach((n) => n.onUnregistered?.());
+  }), a.on("registrationFailed", (n) => {
+    m.listeners.forEach((l) => l.onRegistrationFailed?.(n?.cause));
+  }), a.on("newRTCSession", (n) => {
+    const l = n.session;
+    l.direction === "outgoing" && (m.listeners.forEach((d) => d.onNewSession?.(l)), l.connection && (l.connection.addEventListener("addstream", (d) => {
       var x = document.createElement("audio");
       d.streams !== void 0 && d.streams.length !== 0 && (x.srcObject = d.streams[0], x.play());
     }), l.connection.addEventListener("track", (d) => {
       var x = document.createElement("audio");
       x.srcObject = d.streams[0], x.play();
     })));
-  }), z = h, h;
+  }), D = m, m;
 }
-function ee(e) {
+function re(e) {
   e.isStarted || (e.ua.start(), e.isStarted = !0);
 }
-function te(e, m) {
-  e.listeners.add(m);
+function se(e, f) {
+  e.listeners.add(f);
 }
-function ne(e, m) {
-  e.listeners.delete(m);
+function oe(e, f) {
+  e.listeners.delete(f);
 }
-function re(e) {
+function ae(e) {
   return {
     isReady: e.ua.isRegistered(),
     isConnected: e.ua.isConnected()
   };
 }
-const K = q(null);
-function se({
+const W = X(null);
+function le({
   config: e,
-  children: m,
+  children: f,
   onCallStart: u,
   onCallEnd: i,
   onStatusChange: a
 }) {
-  const [g, h] = p(""), [r, l] = p("disconnected"), [d, x] = p(null), [P, N] = p(0), [s, M] = p([]), [b, f] = p(!1), [H, S] = p("connecting"), y = j(null), v = j(null), D = j(null);
-  I(() => {
-    v.current = d;
-  }, [d]), I(() => {
-    const n = Z(e);
-    D.current = n;
-    const C = re(n);
-    C.isReady ? (f(!0), S("connected")) : C.isConnected && S("connected");
-    const R = {
-      onConnecting: () => S("connecting"),
-      onConnected: () => S("connected"),
+  const [g, m] = p(""), [n, l] = p("disconnected"), [d, x] = p(null), [E, M] = p(0), [w, I] = p([]), [c, R] = p(!1), [v, h] = p("disconnected"), [y, C] = p(!1), z = T(null), L = T(null), j = T(null);
+  H(() => {
+    L.current = d;
+  }, [d]);
+  const A = k(() => {
+    y || (C(!0), h("connecting"));
+  }, [y]);
+  H(() => {
+    if (!y) return;
+    const s = ne(e);
+    j.current = s;
+    const b = ae(s);
+    b.isReady ? (R(!0), h("connected")) : b.isConnected && h("connected");
+    const P = {
+      onConnecting: () => h("connecting"),
+      onConnected: () => h("connected"),
       onDisconnected: () => {
-        S("disconnected"), f(!1);
+        h("disconnected"), R(!1);
       },
       onRegistered: () => {
-        f(!0), S("connected");
+        R(!0), h("connected");
       },
-      onUnregistered: () => f(!1),
-      onRegistrationFailed: (E) => {
-        console.error("Registration failed:", E), f(!1), S("failed");
+      onUnregistered: () => R(!1),
+      onRegistrationFailed: (U) => {
+        console.error("Registration failed:", U), R(!1), h("failed");
       },
-      onNewSession: (E) => {
-        y.current = E;
+      onNewSession: (U) => {
+        z.current = U;
       }
     };
-    return te(n, R), ee(n), () => {
-      ne(n, R);
+    return se(s, P), re(s), () => {
+      oe(s, P);
     };
-  }, [e.websocketUrl, e.sipUri, e.password, e.registrarServer, e.displayName, e.authorizationUser]), I(() => {
-    a?.(r);
-  }, [r, a]), I(() => {
-    const n = localStorage.getItem("tbi-phone-call-history");
-    if (n)
+  }, [y, e.websocketUrl, e.sipUri, e.password, e.registrarServer, e.displayName, e.authorizationUser]), H(() => {
+    a?.(n);
+  }, [n, a]), H(() => {
+    const s = localStorage.getItem("tbi-phone-call-history");
+    if (s)
       try {
-        M(JSON.parse(n));
-      } catch (C) {
-        console.error("Error loading call history", C);
+        I(JSON.parse(s));
+      } catch (b) {
+        console.error("Error loading call history", b);
       }
-  }, []), I(() => {
-    s.length > 0 && localStorage.setItem("tbi-phone-call-history", JSON.stringify(s));
-  }, [s]), I(() => {
-    if (r === "confirmed" && d) {
-      const n = setInterval(() => {
-        N(Math.floor((Date.now() - d) / 1e3));
+  }, []), H(() => {
+    w.length > 0 && localStorage.setItem("tbi-phone-call-history", JSON.stringify(w));
+  }, [w]), H(() => {
+    if (n === "confirmed" && d) {
+      const s = setInterval(() => {
+        M(Math.floor((Date.now() - d) / 1e3));
       }, 1e3);
-      return () => clearInterval(n);
+      return () => clearInterval(s);
     } else
-      N(0);
-  }, [r, d]), I(() => {
-    const n = (C) => {
-      const R = C.detail.number;
-      r === "disconnected" && L(R);
+      M(0);
+  }, [n, d]), H(() => {
+    const s = (b) => {
+      const P = b.detail.number;
+      n === "disconnected" && F(P);
     };
-    return window.addEventListener("StartCallEvent", n), () => {
-      window.removeEventListener("StartCallEvent", n);
+    return window.addEventListener("StartCallEvent", s), () => {
+      window.removeEventListener("StartCallEvent", s);
     };
-  }, [r]);
-  const U = k((n, C, R) => {
-    const E = {
+  }, [n]);
+  const r = k((s, b, P) => {
+    const U = {
       id: Date.now().toString(),
-      number: n,
+      number: s,
       timestamp: Date.now(),
-      duration: C,
-      status: R
+      duration: b,
+      status: P
     };
-    M((w) => [E, ...w].slice(0, 50));
-  }, []), A = k(() => {
-    y.current && (y.current.terminate(), y.current = null);
-  }, []), L = k((n) => {
-    const C = D.current;
-    if (!n.trim() || !C) return;
-    if (!b) {
+    I((S) => [U, ...S].slice(0, 50));
+  }, []), N = k(() => {
+    z.current && (z.current.terminate(), z.current = null);
+  }, []), F = k((s) => {
+    const b = j.current;
+    if (!s.trim() || !b) return;
+    if (!c) {
       console.warn("Phone is not ready yet. Please wait for registration.");
       return;
     }
-    h(n), u?.(n);
-    const E = {
+    m(s), u?.(s);
+    const U = {
       eventHandlers: {
         progress: () => {
           l("progress");
         },
-        failed: (w) => {
-          console.error("Call failed:", w?.cause), l("failed"), U(n, 0, "failed"), i?.(n, 0, "failed"), y.current = null, setTimeout(() => l("disconnected"), 3e3);
+        failed: (S) => {
+          console.error("Call failed:", S?.cause), l("failed"), r(s, 0, "failed"), i?.(s, 0, "failed"), z.current = null, setTimeout(() => l("disconnected"), 3e3);
         },
         ended: () => {
           l("ended");
-          const w = v.current, V = w ? Math.floor((Date.now() - w) / 1e3) : 0;
-          U(n, V, "completed"), i?.(n, V, "completed"), y.current = null, setTimeout(() => {
+          const S = L.current, K = S ? Math.floor((Date.now() - S) / 1e3) : 0;
+          r(s, K, "completed"), i?.(s, K, "completed"), z.current = null, setTimeout(() => {
             l("disconnected"), x(null);
           }, 2e3);
         },
@@ -179,74 +184,88 @@ function se({
     };
     l("progress");
     try {
-      const w = C.ua.call(n, E);
-      y.current = w;
-    } catch (w) {
-      console.error("Failed to start call:", w), l("failed"), U(n, 0, "failed"), setTimeout(() => l("disconnected"), 3e3);
+      const S = b.ua.call(s, U);
+      z.current = S;
+    } catch (S) {
+      console.error("Failed to start call:", S), l("failed"), r(s, 0, "failed"), setTimeout(() => l("disconnected"), 3e3);
     }
-  }, [U, u, i, b]), c = {
-    status: r,
+  }, [r, u, i, c]), G = {
+    status: n,
     callNumber: g,
-    setCallNumber: h,
-    callHistory: s,
-    currentCallDuration: P,
-    startCall: L,
-    endCall: A,
-    isReady: b,
-    connectionStatus: H
+    setCallNumber: m,
+    callHistory: w,
+    currentCallDuration: E,
+    startCall: F,
+    endCall: N,
+    isReady: c,
+    connectionStatus: v,
+    isInitialized: y,
+    initialize: A
   };
-  return /* @__PURE__ */ t(K.Provider, { value: c, children: m });
+  return /* @__PURE__ */ t(W.Provider, { value: G, children: f });
 }
-function oe() {
-  const e = G(K);
+function ce() {
+  const e = Y(W);
   if (!e)
     throw new Error("usePhone must be used within a PhoneProvider");
   return e;
 }
-const O = ({ className: e }) => /* @__PURE__ */ t("svg", { className: e, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ t("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" }) }), ae = ({ className: e }) => /* @__PURE__ */ t("svg", { className: e, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ t("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" }) }), le = ({ className: e }) => /* @__PURE__ */ t("svg", { className: e, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ t("path", { d: "M20 15.5c-1.25 0-2.45-.2-3.57-.57-.35-.12-.74-.03-1.02.24l-2.2 2.2c-2.83-1.45-5.15-3.76-6.59-6.59l2.2-2.21c.28-.26.36-.65.25-1C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1zM19 12h2c0-4.97-4.03-9-9-9v2c3.87 0 7 3.13 7 7zm-4 0h2c0-2.76-2.24-5-5-5v2c1.66 0 3 1.34 3 3z" }) }), T = ({ className: e }) => /* @__PURE__ */ t("svg", { className: e, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ t("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" }) }), J = ({ className: e }) => /* @__PURE__ */ t("svg", { className: e, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ t("path", { 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" }) }), ce = ({ className: e }) => /* @__PURE__ */ o("svg", { className: e, viewBox: "0 0 24 24", fill: "currentColor", children: [
+const V = ({ className: e }) => /* @__PURE__ */ t("svg", { className: e, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ t("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" }) }), ie = ({ className: e }) => /* @__PURE__ */ t("svg", { className: e, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ t("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" }) }), de = ({ className: e }) => /* @__PURE__ */ t("svg", { className: e, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ t("path", { d: "M20 15.5c-1.25 0-2.45-.2-3.57-.57-.35-.12-.74-.03-1.02.24l-2.2 2.2c-2.83-1.45-5.15-3.76-6.59-6.59l2.2-2.21c.28-.26.36-.65.25-1C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1zM19 12h2c0-4.97-4.03-9-9-9v2c3.87 0 7 3.13 7 7zm-4 0h2c0-2.76-2.24-5-5-5v2c1.66 0 3 1.34 3 3z" }) }), B = ({ className: e }) => /* @__PURE__ */ t("svg", { className: e, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ t("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" }) }), q = ({ className: e }) => /* @__PURE__ */ t("svg", { className: e, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ t("path", { 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" }) }), ue = ({ className: e }) => /* @__PURE__ */ o("svg", { className: e, viewBox: "0 0 24 24", fill: "currentColor", children: [
   /* @__PURE__ */ t("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" }),
   /* @__PURE__ */ t("path", { d: "M16 3l-5 5-2-2-1.5 1.5L11 11l6.5-6.5z" })
-] }), ie = ({ className: e }) => /* @__PURE__ */ o("svg", { className: e, viewBox: "0 0 24 24", fill: "currentColor", children: [
+] }), he = ({ className: e }) => /* @__PURE__ */ o("svg", { className: e, viewBox: "0 0 24 24", fill: "currentColor", children: [
   /* @__PURE__ */ t("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" }),
   /* @__PURE__ */ t("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" })
-] }), de = ({ className: e }) => /* @__PURE__ */ t("svg", { className: e, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ t("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" }) }), ue = ({ className: e }) => /* @__PURE__ */ t("svg", { className: e, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ t("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }) });
-function he({ className: e, labels: m }) {
+] }), me = ({ className: e }) => /* @__PURE__ */ t("svg", { className: e, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ t("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" }) }), fe = ({ className: e }) => /* @__PURE__ */ t("svg", { className: e, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ t("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }) }), ge = ({ className: e }) => /* @__PURE__ */ t("svg", { className: e, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ t("path", { d: "M13 3h-2v10h2V3zm4.83 2.17l-1.42 1.42C17.99 7.86 19 9.81 19 12c0 3.87-3.13 7-7 7s-7-3.13-7-7c0-2.19 1.01-4.14 2.58-5.42L6.17 5.17C4.23 6.82 3 9.26 3 12c0 4.97 4.03 9 9 9s9-4.03 9-9c0-2.74-1.23-5.18-3.17-6.83z" }) });
+function pe({ className: e, labels: f }) {
   const {
     status: u,
     callNumber: i,
     setCallNumber: a,
     callHistory: g,
-    currentCallDuration: h,
-    startCall: r,
+    currentCallDuration: m,
+    startCall: n,
     endCall: l,
     isReady: d,
-    connectionStatus: x
-  } = oe(), [P, N] = p(!1), s = { ...Q, ...m }, b = (() => {
+    connectionStatus: x,
+    isInitialized: E,
+    initialize: M
+  } = ce(), [w, I] = p(!1), c = { ...Z, ...f }, v = (() => {
     switch (u) {
       case "progress":
-        return { text: `${s.calling}...`, color: "text-yellow-500", Icon: ae };
+        return { text: `${c.calling}...`, color: "text-yellow-500", Icon: ie };
       case "confirmed":
-        return { text: `${s.inCall} - ${$(h)}`, color: "text-green-500", Icon: le };
+        return { text: `${c.inCall} - ${O(m)}`, color: "text-green-500", Icon: de };
       case "failed":
-        return { text: s.callEnded, color: "text-red-500", Icon: J };
+        return { text: c.callEnded, color: "text-red-500", Icon: q };
       case "ended":
-        return { text: s.callEnded, color: "text-gray-500", Icon: T };
+        return { text: c.callEnded, color: "text-gray-500", Icon: B };
       default:
-        return { text: s.inactive, color: "text-gray-300", Icon: O };
+        return { text: c.inactive, color: "text-gray-300", Icon: V };
     }
   })();
-  return /* @__PURE__ */ o("div", { className: _(
+  return /* @__PURE__ */ o("div", { className: $(
     "tbi-phone w-full max-w-md mx-auto bg-white rounded-2xl shadow-lg border border-gray-200 p-2",
     e
   ), children: [
-    u === "disconnected" && /* @__PURE__ */ o("div", { className: "flex gap-2 items-center", children: [
+    !E && /* @__PURE__ */ t("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ t(
+      "button",
+      {
+        onClick: M,
+        className: "h-8 w-8 flex items-center justify-center rounded-xl bg-gray-100 hover:bg-green-100 hover:text-green-600 text-gray-500 transition-colors",
+        type: "button",
+        title: c.turnOn,
+        children: /* @__PURE__ */ t(ge, { className: "w-5 h-5" })
+      }
+    ) }),
+    E && u === "disconnected" && /* @__PURE__ */ o("div", { className: "flex gap-2 items-center", children: [
       /* @__PURE__ */ t(
         "button",
         {
-          onClick: () => N(!0),
+          onClick: () => I(!0),
           className: "h-8 w-8 flex items-center justify-center rounded-xl border border-gray-200 hover:bg-gray-50 transition-colors",
           type: "button",
-          children: /* @__PURE__ */ t(de, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ t(me, { className: "w-4 h-4" })
         }
       ),
       /* @__PURE__ */ t(
@@ -254,38 +273,38 @@ function he({ className: e, labels: m }) {
         {
           type: "text",
           value: i,
-          onChange: (f) => a(f.target.value),
-          onKeyDown: (f) => {
-            f.key === "Enter" && r(i);
+          onChange: (h) => a(h.target.value),
+          onKeyDown: (h) => {
+            h.key === "Enter" && n(i);
           },
-          placeholder: s.placeholder,
+          placeholder: c.placeholder,
           className: "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"
         }
       ),
       /* @__PURE__ */ t(
         "button",
         {
-          onClick: () => r(i),
+          onClick: () => n(i),
           disabled: i.length < 9 || !d,
           className: "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: d ? "Call" : "Connecting...",
-          children: x === "connecting" ? /* @__PURE__ */ t("div", { className: "w-4 h-4 border-2 border-white border-t-transparent rounded-full animate-spin" }) : /* @__PURE__ */ t(O, { className: "w-4 h-4" })
+          children: x === "connecting" ? /* @__PURE__ */ t("div", { className: "w-4 h-4 border-2 border-white border-t-transparent rounded-full animate-spin" }) : /* @__PURE__ */ t(V, { className: "w-4 h-4" })
         }
       )
     ] }),
     u === "progress" && /* @__PURE__ */ o("div", { className: "flex flex-col items-center gap-3 py-6", children: [
       /* @__PURE__ */ o("div", { className: "relative", children: [
-        /* @__PURE__ */ t(b.Icon, { className: "w-12 h-12 text-yellow-500 animate-pulse" }),
+        /* @__PURE__ */ t(v.Icon, { className: "w-12 h-12 text-yellow-500 animate-pulse" }),
         /* @__PURE__ */ t("div", { className: "absolute inset-0 rounded-full border-4 border-yellow-500/30 animate-ping" })
       ] }),
       /* @__PURE__ */ o("div", { className: "text-center", children: [
         /* @__PURE__ */ o("p", { className: "text-base font-semibold", children: [
-          s.calling,
+          c.calling,
           " ",
           i
         ] }),
-        /* @__PURE__ */ t("p", { className: "text-sm text-gray-500", children: s.waitingResponse })
+        /* @__PURE__ */ t("p", { className: "text-sm text-gray-500", children: c.waitingResponse })
       ] }),
       /* @__PURE__ */ o(
         "button",
@@ -294,20 +313,20 @@ function he({ className: e, labels: m }) {
           className: "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",
           children: [
-            /* @__PURE__ */ t(T, { className: "w-4 h-4" }),
-            s.cancel
+            /* @__PURE__ */ t(B, { className: "w-4 h-4" }),
+            c.cancel
           ]
         }
       )
     ] }),
     u === "confirmed" && /* @__PURE__ */ o("div", { className: "flex flex-col items-center gap-4 py-6", children: [
       /* @__PURE__ */ o("div", { className: "relative", children: [
-        /* @__PURE__ */ t(b.Icon, { className: "w-12 h-12 text-green-500" }),
+        /* @__PURE__ */ t(v.Icon, { className: "w-12 h-12 text-green-500" }),
         /* @__PURE__ */ t("div", { className: "absolute inset-0 rounded-full bg-green-500/20 animate-pulse" })
       ] }),
       /* @__PURE__ */ o("div", { className: "text-center space-y-1", children: [
         /* @__PURE__ */ t("p", { className: "text-xl font-bold", children: i }),
-        /* @__PURE__ */ t("p", { className: "text-2xl font-mono text-green-600 tabular-nums", children: $(h) })
+        /* @__PURE__ */ t("p", { className: "text-2xl font-mono text-green-600 tabular-nums", children: O(m) })
       ] }),
       /* @__PURE__ */ o(
         "button",
@@ -316,79 +335,79 @@ function he({ className: e, labels: m }) {
           className: "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",
           children: [
-            /* @__PURE__ */ t(T, { className: "w-4 h-4" }),
-            s.hangUp
+            /* @__PURE__ */ t(B, { className: "w-4 h-4" }),
+            c.hangUp
           ]
         }
       )
     ] }),
     (u === "failed" || u === "ended") && /* @__PURE__ */ o("div", { className: "flex flex-col items-center gap-3 py-6", children: [
       /* @__PURE__ */ t(
-        b.Icon,
+        v.Icon,
         {
-          className: _(
+          className: $(
             "w-12 h-12",
             u === "failed" ? "text-red-500" : "text-gray-500"
           )
         }
       ),
-      /* @__PURE__ */ t("div", { className: "text-center", children: /* @__PURE__ */ t("p", { className: "text-base font-semibold", children: b.text }) })
+      /* @__PURE__ */ t("div", { className: "text-center", children: /* @__PURE__ */ t("p", { className: "text-base font-semibold", children: v.text }) })
     ] }),
-    P && /* @__PURE__ */ o("div", { className: "fixed inset-0 z-50 flex", children: [
+    w && /* @__PURE__ */ o("div", { className: "fixed inset-0 z-50 flex", children: [
       /* @__PURE__ */ t(
         "div",
         {
           className: "fixed inset-0 bg-black/50",
-          onClick: () => N(!1)
+          onClick: () => I(!1)
         }
       ),
       /* @__PURE__ */ t("div", { className: "fixed right-0 top-0 h-full w-full max-w-md bg-white shadow-xl", style: { backgroundColor: "white" }, children: /* @__PURE__ */ o("div", { className: "flex flex-col h-full", children: [
         /* @__PURE__ */ o("div", { className: "flex items-center justify-between p-4 border-b", children: [
           /* @__PURE__ */ o("div", { children: [
-            /* @__PURE__ */ t("h2", { className: "text-lg font-semibold", children: s.callHistory }),
-            /* @__PURE__ */ t("p", { className: "text-sm text-gray-500", children: g.length === 0 ? s.noCallsRegistered : `${g.length} ${s.callsRegistered}` })
+            /* @__PURE__ */ t("h2", { className: "text-lg font-semibold", children: c.callHistory }),
+            /* @__PURE__ */ t("p", { className: "text-sm text-gray-500", children: g.length === 0 ? c.noCallsRegistered : `${g.length} ${c.callsRegistered}` })
           ] }),
           /* @__PURE__ */ t(
             "button",
             {
-              onClick: () => N(!1),
+              onClick: () => I(!1),
               className: "h-8 w-8 flex items-center justify-center rounded-lg hover:bg-gray-100 transition-colors",
               type: "button",
-              children: /* @__PURE__ */ t(ue, { className: "w-5 h-5" })
+              children: /* @__PURE__ */ t(fe, { className: "w-5 h-5" })
             }
           )
         ] }),
         /* @__PURE__ */ t("div", { className: "flex-1 overflow-y-auto p-4", children: g.length === 0 ? /* @__PURE__ */ o("div", { className: "text-center py-12 text-gray-500", children: [
-          /* @__PURE__ */ t(T, { className: "w-12 h-12 mx-auto mb-2 opacity-50" }),
-          /* @__PURE__ */ t("p", { children: s.noCalls })
-        ] }) : /* @__PURE__ */ t("div", { className: "space-y-2", children: g.map((f, H) => /* @__PURE__ */ t(
-          me,
+          /* @__PURE__ */ t(B, { className: "w-12 h-12 mx-auto mb-2 opacity-50" }),
+          /* @__PURE__ */ t("p", { children: c.noCalls })
+        ] }) : /* @__PURE__ */ t("div", { className: "space-y-2", children: g.map((h, y) => /* @__PURE__ */ t(
+          xe,
           {
-            entry: f,
-            index: H,
+            entry: h,
+            index: y,
             onCall: () => {
-              a(f.number), N(!1), r(f.number);
+              a(h.number), I(!1), n(h.number);
             }
           },
-          f.id
+          h.id
         )) }) })
       ] }) })
     ] })
   ] });
 }
-function me({
+function xe({
   entry: e,
-  index: m,
+  index: f,
   onCall: u
 }) {
   const i = () => {
     switch (e.status) {
       case "completed":
-        return /* @__PURE__ */ t(ce, { className: "w-4 h-4 text-green-600" });
+        return /* @__PURE__ */ t(ue, { className: "w-4 h-4 text-green-600" });
       case "failed":
-        return /* @__PURE__ */ t(ie, { className: "w-4 h-4 text-red-600" });
+        return /* @__PURE__ */ t(he, { className: "w-4 h-4 text-red-600" });
       case "missed":
-        return /* @__PURE__ */ t(J, { className: "w-4 h-4 text-yellow-600" });
+        return /* @__PURE__ */ t(q, { className: "w-4 h-4 text-yellow-600" });
     }
   }, a = () => {
     switch (e.status) {
@@ -404,9 +423,9 @@ function me({
     "div",
     {
       className: "flex items-center gap-3 p-3 rounded-lg hover:bg-gray-50 transition-colors duration-200",
-      style: { animationDelay: `${m * 30}ms` },
+      style: { animationDelay: `${f * 30}ms` },
       children: [
-        /* @__PURE__ */ t("div", { className: _(
+        /* @__PURE__ */ t("div", { className: $(
           "w-9 h-9 rounded-full flex items-center justify-center shrink-0",
           a()
         ), children: i() }),
@@ -419,9 +438,9 @@ function me({
               hour: "2-digit",
               minute: "2-digit"
             }) }),
-            e.duration > 0 && /* @__PURE__ */ o(W, { children: [
+            e.duration > 0 && /* @__PURE__ */ o(Q, { children: [
               /* @__PURE__ */ t("span", { children: "•" }),
-              /* @__PURE__ */ t("span", { className: "font-mono tabular-nums", children: $(e.duration) })
+              /* @__PURE__ */ t("span", { className: "font-mono tabular-nums", children: O(e.duration) })
             ] })
           ] })
         ] }),
@@ -431,58 +450,58 @@ function me({
             onClick: u,
             className: "h-8 w-8 flex items-center justify-center shrink-0 rounded-lg hover:bg-gray-100 transition-colors",
             type: "button",
-            children: /* @__PURE__ */ t(O, { className: "w-4 h-4" })
+            children: /* @__PURE__ */ t(V, { className: "w-4 h-4" })
           }
         )
       ]
     }
   );
 }
-function xe({ config: e, className: m, onCallStart: u, onCallEnd: i, onStatusChange: a, labels: g }) {
+function be({ config: e, className: f, onCallStart: u, onCallEnd: i, onStatusChange: a, labels: g }) {
   return /* @__PURE__ */ t(
-    se,
+    le,
     {
       config: e,
       onCallStart: u,
       onCallEnd: i,
       onStatusChange: a,
-      children: /* @__PURE__ */ t(he, { className: m, labels: g })
+      children: /* @__PURE__ */ t(pe, { className: f, labels: g })
     }
   );
 }
-function ve(e, m = {}) {
+function we(e, f = {}) {
   const {
     onCallStart: u,
     onCallEnd: i,
     onStatusChange: a,
     onConnectionChange: g,
-    persistHistory: h = !0,
-    historyKey: r = "tbi-phone-call-history"
-  } = m, [l, d] = p("disconnected"), [x, P] = p(""), [N, s] = p([]), [M, b] = p(0), [f, H] = p(!1), [S, y] = p("connecting"), v = j(null);
-  I(() => {
-    const c = new X(
+    persistHistory: m = !0,
+    historyKey: n = "tbi-phone-call-history"
+  } = f, [l, d] = p("disconnected"), [x, E] = p(""), [M, w] = p([]), [I, c] = p(0), [R, v] = p(!1), [h, y] = p("connecting"), C = T(null);
+  H(() => {
+    const r = new ee(
       e,
       {
-        onStatusChange: (n) => {
-          d(n), a?.(n);
+        onStatusChange: (N) => {
+          d(N), a?.(N);
         },
-        onConnectionChange: (n) => {
-          y(n), (n === "connected" || n === "disconnected" || n === "failed") && H(c.state.isReady), g?.(n);
+        onConnectionChange: (N) => {
+          y(N), (N === "connected" || N === "disconnected" || N === "failed") && v(r.state.isReady), g?.(N);
         },
         onCallStart: u,
         onCallEnd: i,
-        onDurationUpdate: b,
-        onHistoryUpdate: s,
-        onRegistered: () => H(!0),
-        onUnregistered: () => H(!1)
+        onDurationUpdate: c,
+        onHistoryUpdate: w,
+        onRegistered: () => v(!0),
+        onUnregistered: () => v(!1)
       },
       {
-        persistHistory: h,
-        historyKey: r
+        persistHistory: m,
+        historyKey: n
       }
     );
-    return c.initialize(), v.current = c, d(c.state.status), P(c.state.callNumber), s(c.state.callHistory), H(c.state.isReady), y(c.state.connectionStatus), () => {
-      c.destroy(), v.current = null;
+    return r.initialize(), C.current = r, d(r.state.status), E(r.state.callNumber), w(r.state.callHistory), v(r.state.isReady), y(r.state.connectionStatus), () => {
+      r.destroy(), C.current = null;
     };
   }, [
     e.websocketUrl,
@@ -491,46 +510,46 @@ function ve(e, m = {}) {
     e.registrarServer,
     e.displayName,
     e.authorizationUser,
-    h,
-    r
-  ]), I(() => {
-    v.current && v.current.setEvents({
+    m,
+    n
+  ]), H(() => {
+    C.current && C.current.setEvents({
       onCallStart: u,
       onCallEnd: i,
-      onStatusChange: (c) => {
-        d(c), a?.(c);
+      onStatusChange: (r) => {
+        d(r), a?.(r);
       },
-      onConnectionChange: (c) => {
-        y(c), g?.(c);
+      onConnectionChange: (r) => {
+        y(r), g?.(r);
       }
     });
   }, [u, i, a, g]);
-  const D = k((c) => {
-    P(c), v.current?.setCallNumber(c);
-  }, []), U = k((c) => {
-    v.current?.startCall(c);
+  const z = k((r) => {
+    E(r), C.current?.setCallNumber(r);
+  }, []), L = k((r) => {
+    C.current?.startCall(r);
+  }, []), j = k(() => {
+    C.current?.endCall();
   }, []), A = k(() => {
-    v.current?.endCall();
-  }, []), L = k(() => {
-    v.current?.clearHistory(), s([]);
+    C.current?.clearHistory(), w([]);
   }, []);
   return {
     status: l,
     callNumber: x,
-    setCallNumber: D,
-    callHistory: N,
-    clearCallHistory: L,
-    currentCallDuration: M,
-    startCall: U,
-    endCall: A,
-    isReady: f,
-    connectionStatus: S,
-    ua: v.current?.ua ?? null
+    setCallNumber: z,
+    callHistory: M,
+    clearCallHistory: A,
+    currentCallDuration: I,
+    startCall: L,
+    endCall: j,
+    isReady: R,
+    connectionStatus: h,
+    ua: C.current?.ua ?? null
   };
 }
 export {
-  xe as P,
-  se as a,
-  ve as b,
-  oe as u
+  be as P,
+  le as a,
+  we as b,
+  ce as u
 };