@tbisoftware/phone 1.0.12 → 2.0.4

package/dist/usePhoneManager-OZM1GaNS.js

@@ -0,0 +1,536 @@
+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) {
+  return `${e.websocketUrl}|${e.sipUri}|${e.authorizationUser}`;
+}
+function Z(e) {
+  const m = Y(e);
+  if (z && B === m)
+    return z;
+  if (z && B !== m) {
+    try {
+      z.ua.stop();
+    } catch {
+    }
+    z = null;
+  }
+  B = m;
+  const i = {
+    sockets: [new F.WebSocketInterface(e.websocketUrl)],
+    uri: e.sipUri,
+    password: e.password,
+    registrar_server: e.registrarServer,
+    display_name: e.displayName,
+    authorization_user: e.authorizationUser,
+    connection_recovery_min_interval: 2,
+    connection_recovery_max_interval: 30
+  }, a = new F.UA(i), g = document.createElement("audio");
+  g.autoplay = !0;
+  const h = {
+    ua: a,
+    audio: g,
+    isStarted: !1,
+    listeners: /* @__PURE__ */ new Set()
+  };
+  return a.on("connecting", () => {
+    h.listeners.forEach((r) => r.onConnecting?.());
+  }), a.on("connected", () => {
+    h.listeners.forEach((r) => r.onConnected?.());
+  }), a.on("disconnected", () => {
+    h.listeners.forEach((r) => r.onDisconnected?.());
+  }), a.on("registered", () => {
+    h.listeners.forEach((r) => r.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) => {
+      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;
+}
+function ee(e) {
+  e.isStarted || (e.ua.start(), e.isStarted = !0);
+}
+function te(e, m) {
+  e.listeners.add(m);
+}
+function ne(e, m) {
+  e.listeners.delete(m);
+}
+function re(e) {
+  return {
+    isReady: e.ua.isRegistered(),
+    isConnected: e.ua.isConnected()
+  };
+}
+const K = q(null);
+function se({
+  config: e,
+  children: m,
+  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"),
+      onDisconnected: () => {
+        S("disconnected"), f(!1);
+      },
+      onRegistered: () => {
+        f(!0), S("connected");
+      },
+      onUnregistered: () => f(!1),
+      onRegistrationFailed: (E) => {
+        console.error("Registration failed:", E), f(!1), S("failed");
+      },
+      onNewSession: (E) => {
+        y.current = E;
+      }
+    };
+    return te(n, R), ee(n), () => {
+      ne(n, R);
+    };
+  }, [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)
+      try {
+        M(JSON.parse(n));
+      } catch (C) {
+        console.error("Error loading call history", C);
+      }
+  }, []), 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));
+      }, 1e3);
+      return () => clearInterval(n);
+    } else
+      N(0);
+  }, [r, d]), I(() => {
+    const n = (C) => {
+      const R = C.detail.number;
+      r === "disconnected" && L(R);
+    };
+    return window.addEventListener("StartCallEvent", n), () => {
+      window.removeEventListener("StartCallEvent", n);
+    };
+  }, [r]);
+  const U = k((n, C, R) => {
+    const E = {
+      id: Date.now().toString(),
+      number: n,
+      timestamp: Date.now(),
+      duration: C,
+      status: R
+    };
+    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) {
+      console.warn("Phone is not ready yet. Please wait for registration.");
+      return;
+    }
+    h(n), u?.(n);
+    const E = {
+      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);
+        },
+        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(() => {
+            l("disconnected"), x(null);
+          }, 2e3);
+        },
+        confirmed: () => {
+          l("confirmed"), x(Date.now());
+        }
+      },
+      mediaConstraints: { audio: !0, video: !1 }
+    };
+    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);
+    }
+  }, [U, u, i, b]), c = {
+    status: r,
+    callNumber: g,
+    setCallNumber: h,
+    callHistory: s,
+    currentCallDuration: P,
+    startCall: L,
+    endCall: A,
+    isReady: b,
+    connectionStatus: H
+  };
+  return /* @__PURE__ */ t(K.Provider, { value: c, children: m });
+}
+function oe() {
+  const e = G(K);
+  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: [
+  /* @__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: [
+  /* @__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 }) {
+  const {
+    status: u,
+    callNumber: i,
+    setCallNumber: a,
+    callHistory: g,
+    currentCallDuration: h,
+    startCall: r,
+    endCall: l,
+    isReady: d,
+    connectionStatus: x
+  } = oe(), [P, N] = p(!1), s = { ...Q, ...m }, b = (() => {
+    switch (u) {
+      case "progress":
+        return { text: `${s.calling}...`, color: "text-yellow-500", Icon: ae };
+      case "confirmed":
+        return { text: `${s.inCall} - ${$(h)}`, color: "text-green-500", Icon: le };
+      case "failed":
+        return { text: s.callEnded, color: "text-red-500", Icon: J };
+      case "ended":
+        return { text: s.callEnded, color: "text-gray-500", Icon: T };
+      default:
+        return { text: s.inactive, color: "text-gray-300", Icon: O };
+    }
+  })();
+  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: [
+      /* @__PURE__ */ t(
+        "button",
+        {
+          onClick: () => N(!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" })
+        }
+      ),
+      /* @__PURE__ */ t(
+        "input",
+        {
+          type: "text",
+          value: i,
+          onChange: (f) => a(f.target.value),
+          onKeyDown: (f) => {
+            f.key === "Enter" && r(i);
+          },
+          placeholder: s.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),
+          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" })
+        }
+      )
+    ] }),
+    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("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,
+          " ",
+          i
+        ] }),
+        /* @__PURE__ */ t("p", { className: "text-sm text-gray-500", children: s.waitingResponse })
+      ] }),
+      /* @__PURE__ */ o(
+        "button",
+        {
+          onClick: l,
+          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
+          ]
+        }
+      )
+    ] }),
+    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("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__ */ o(
+        "button",
+        {
+          onClick: l,
+          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
+          ]
+        }
+      )
+    ] }),
+    (u === "failed" || u === "ended") && /* @__PURE__ */ o("div", { className: "flex flex-col items-center gap-3 py-6", children: [
+      /* @__PURE__ */ t(
+        b.Icon,
+        {
+          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 }) })
+    ] }),
+    P && /* @__PURE__ */ o("div", { className: "fixed inset-0 z-50 flex", children: [
+      /* @__PURE__ */ t(
+        "div",
+        {
+          className: "fixed inset-0 bg-black/50",
+          onClick: () => N(!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(
+            "button",
+            {
+              onClick: () => N(!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" })
+            }
+          )
+        ] }),
+        /* @__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,
+          {
+            entry: f,
+            index: H,
+            onCall: () => {
+              a(f.number), N(!1), r(f.number);
+            }
+          },
+          f.id
+        )) }) })
+      ] }) })
+    ] })
+  ] });
+}
+function me({
+  entry: e,
+  index: m,
+  onCall: u
+}) {
+  const i = () => {
+    switch (e.status) {
+      case "completed":
+        return /* @__PURE__ */ t(ce, { className: "w-4 h-4 text-green-600" });
+      case "failed":
+        return /* @__PURE__ */ t(ie, { className: "w-4 h-4 text-red-600" });
+      case "missed":
+        return /* @__PURE__ */ t(J, { className: "w-4 h-4 text-yellow-600" });
+    }
+  }, a = () => {
+    switch (e.status) {
+      case "completed":
+        return "bg-green-100";
+      case "failed":
+        return "bg-red-100";
+      case "missed":
+        return "bg-yellow-100";
+    }
+  };
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: "flex items-center gap-3 p-3 rounded-lg hover:bg-gray-50 transition-colors duration-200",
+      style: { animationDelay: `${m * 30}ms` },
+      children: [
+        /* @__PURE__ */ t("div", { className: _(
+          "w-9 h-9 rounded-full flex items-center justify-center shrink-0",
+          a()
+        ), children: i() }),
+        /* @__PURE__ */ o("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ t("p", { className: "font-medium text-sm truncate", children: e.number }),
+          /* @__PURE__ */ o("div", { className: "flex items-center gap-2 text-xs text-gray-500", children: [
+            /* @__PURE__ */ t("span", { children: new Date(e.timestamp).toLocaleString("es-ES", {
+              day: "2-digit",
+              month: "2-digit",
+              hour: "2-digit",
+              minute: "2-digit"
+            }) }),
+            e.duration > 0 && /* @__PURE__ */ o(W, { children: [
+              /* @__PURE__ */ t("span", { children: "•" }),
+              /* @__PURE__ */ t("span", { className: "font-mono tabular-nums", children: $(e.duration) })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ t(
+          "button",
+          {
+            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" })
+          }
+        )
+      ]
+    }
+  );
+}
+function xe({ config: e, className: m, onCallStart: u, onCallEnd: i, onStatusChange: a, labels: g }) {
+  return /* @__PURE__ */ t(
+    se,
+    {
+      config: e,
+      onCallStart: u,
+      onCallEnd: i,
+      onStatusChange: a,
+      children: /* @__PURE__ */ t(he, { className: m, labels: g })
+    }
+  );
+}
+function ve(e, m = {}) {
+  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(
+      e,
+      {
+        onStatusChange: (n) => {
+          d(n), a?.(n);
+        },
+        onConnectionChange: (n) => {
+          y(n), (n === "connected" || n === "disconnected" || n === "failed") && H(c.state.isReady), g?.(n);
+        },
+        onCallStart: u,
+        onCallEnd: i,
+        onDurationUpdate: b,
+        onHistoryUpdate: s,
+        onRegistered: () => H(!0),
+        onUnregistered: () => H(!1)
+      },
+      {
+        persistHistory: h,
+        historyKey: r
+      }
+    );
+    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;
+    };
+  }, [
+    e.websocketUrl,
+    e.sipUri,
+    e.password,
+    e.registrarServer,
+    e.displayName,
+    e.authorizationUser,
+    h,
+    r
+  ]), I(() => {
+    v.current && v.current.setEvents({
+      onCallStart: u,
+      onCallEnd: i,
+      onStatusChange: (c) => {
+        d(c), a?.(c);
+      },
+      onConnectionChange: (c) => {
+        y(c), g?.(c);
+      }
+    });
+  }, [u, i, a, g]);
+  const D = k((c) => {
+    P(c), v.current?.setCallNumber(c);
+  }, []), U = k((c) => {
+    v.current?.startCall(c);
+  }, []), A = k(() => {
+    v.current?.endCall();
+  }, []), L = k(() => {
+    v.current?.clearHistory(), s([]);
+  }, []);
+  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
+  };
+}
+export {
+  xe as P,
+  se as a,
+  ve as b,
+  oe as u
+};

package/dist/usePhoneManager-uj2opBKT.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),s=require("react"),b=require("./index-Br8w8pI3.cjs");let P=null,L=null;function V(t){return`${t.websocketUrl}|${t.sipUri}|${t.authorizationUser}`}function F(t){const x=V(t);if(P&&L===x)return P;if(P&&L!==x){try{P.ua.stop()}catch{}P=null}L=x;const i={sockets:[new b.JsSIP.WebSocketInterface(t.websocketUrl)],uri:t.sipUri,password:t.password,registrar_server:t.registrarServer,display_name:t.displayName,authorization_user:t.authorizationUser,connection_recovery_min_interval:2,connection_recovery_max_interval:30},o=new b.JsSIP.UA(i),f=document.createElement("audio");f.autoplay=!0;const h={ua:o,audio:f,isStarted:!1,listeners:new Set};return o.on("connecting",()=>{h.listeners.forEach(r=>r.onConnecting?.())}),o.on("connected",()=>{h.listeners.forEach(r=>r.onConnected?.())}),o.on("disconnected",()=>{h.listeners.forEach(r=>r.onDisconnected?.())}),o.on("registered",()=>{h.listeners.forEach(r=>r.onRegistered?.())}),o.on("unregistered",()=>{h.listeners.forEach(r=>r.onUnregistered?.())}),o.on("registrationFailed",r=>{h.listeners.forEach(l=>l.onRegistrationFailed?.(r?.cause))}),o.on("newRTCSession",r=>{const l=r.session;l.direction==="outgoing"&&(h.listeners.forEach(d=>d.onNewSession?.(l)),l.connection&&(l.connection.addEventListener("addstream",d=>{var g=document.createElement("audio");d.streams!==void 0&&d.streams.length!==0&&(g.srcObject=d.streams[0],g.play())}),l.connection.addEventListener("track",d=>{var g=document.createElement("audio");g.srcObject=d.streams[0],g.play()})))}),P=h,h}function K(t){t.isStarted||(t.ua.start(),t.isStarted=!0)}function J(t,x){t.listeners.add(x)}function q(t,x){t.listeners.delete(x)}function W(t){return{isReady:t.ua.isRegistered(),isConnected:t.ua.isConnected()}}const B=s.createContext(null);function _({config:t,children:x,onCallStart:u,onCallEnd:i,onStatusChange:o}){const[f,h]=s.useState(""),[r,l]=s.useState("disconnected"),[d,g]=s.useState(null),[k,w]=s.useState(0),[a,H]=s.useState([]),[j,m]=s.useState(!1),[S,N]=s.useState("connecting"),v=s.useRef(null),p=s.useRef(null),U=s.useRef(null);s.useEffect(()=>{p.current=d},[d]),s.useEffect(()=>{const n=F(t);U.current=n;const y=W(n);y.isReady?(m(!0),N("connected")):y.isConnected&&N("connected");const I={onConnecting:()=>N("connecting"),onConnected:()=>N("connected"),onDisconnected:()=>{N("disconnected"),m(!1)},onRegistered:()=>{m(!0),N("connected")},onUnregistered:()=>m(!1),onRegistrationFailed:E=>{console.error("Registration failed:",E),m(!1),N("failed")},onNewSession:E=>{v.current=E}};return J(n,I),K(n),()=>{q(n,I)}},[t.websocketUrl,t.sipUri,t.password,t.registrarServer,t.displayName,t.authorizationUser]),s.useEffect(()=>{o?.(r)},[r,o]),s.useEffect(()=>{const n=localStorage.getItem("tbi-phone-call-history");if(n)try{H(JSON.parse(n))}catch(y){console.error("Error loading call history",y)}},[]),s.useEffect(()=>{a.length>0&&localStorage.setItem("tbi-phone-call-history",JSON.stringify(a))},[a]),s.useEffect(()=>{if(r==="confirmed"&&d){const n=setInterval(()=>{w(Math.floor((Date.now()-d)/1e3))},1e3);return()=>clearInterval(n)}else w(0)},[r,d]),s.useEffect(()=>{const n=y=>{const I=y.detail.number;r==="disconnected"&&z(I)};return window.addEventListener("StartCallEvent",n),()=>{window.removeEventListener("StartCallEvent",n)}},[r]);const R=s.useCallback((n,y,I)=>{const E={id:Date.now().toString(),number:n,timestamp:Date.now(),duration:y,status:I};H(C=>[E,...C].slice(0,50))},[]),M=s.useCallback(()=>{v.current&&(v.current.terminate(),v.current=null)},[]),z=s.useCallback(n=>{const y=U.current;if(!n.trim()||!y)return;if(!j){console.warn("Phone is not ready yet. Please wait for registration.");return}h(n),u?.(n);const E={eventHandlers:{progress:()=>{l("progress")},failed:C=>{console.error("Call failed:",C?.cause),l("failed"),R(n,0,"failed"),i?.(n,0,"failed"),v.current=null,setTimeout(()=>l("disconnected"),3e3)},ended:()=>{l("ended");const C=p.current,A=C?Math.floor((Date.now()-C)/1e3):0;R(n,A,"completed"),i?.(n,A,"completed"),v.current=null,setTimeout(()=>{l("disconnected"),g(null)},2e3)},confirmed:()=>{l("confirmed"),g(Date.now())}},mediaConstraints:{audio:!0,video:!1}};l("progress");try{const C=y.ua.call(n,E);v.current=C}catch(C){console.error("Failed to start call:",C),l("failed"),R(n,0,"failed"),setTimeout(()=>l("disconnected"),3e3)}},[R,u,i,j]),c={status:r,callNumber:f,setCallNumber:h,callHistory:a,currentCallDuration:k,startCall:z,endCall:M,isReady:j,connectionStatus:S};return e.jsx(B.Provider,{value:c,children:x})}function $(){const t=s.useContext(B);if(!t)throw new Error("usePhone must be used within a PhoneProvider");return t}const T=({className:t})=>e.jsx("svg",{className:t,viewBox:"0 0 24 24",fill:"currentColor",children:e.jsx("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"})}),G=({className:t})=>e.jsx("svg",{className:t,viewBox:"0 0 24 24",fill:"currentColor",children:e.jsx("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"})}),Q=({className:t})=>e.jsx("svg",{className:t,viewBox:"0 0 24 24",fill:"currentColor",children:e.jsx("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"})}),D=({className:t})=>e.jsx("svg",{className:t,viewBox:"0 0 24 24",fill:"currentColor",children:e.jsx("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"})}),O=({className:t})=>e.jsx("svg",{className:t,viewBox:"0 0 24 24",fill:"currentColor",children:e.jsx("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"})}),X=({className:t})=>e.jsxs("svg",{className:t,viewBox:"0 0 24 24",fill:"currentColor",children:[e.jsx("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"}),e.jsx("path",{d:"M16 3l-5 5-2-2-1.5 1.5L11 11l6.5-6.5z"})]}),Y=({className:t})=>e.jsxs("svg",{className:t,viewBox:"0 0 24 24",fill:"currentColor",children:[e.jsx("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"}),e.jsx("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"})]}),Z=({className:t})=>e.jsx("svg",{className:t,viewBox:"0 0 24 24",fill:"currentColor",children:e.jsx("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"})}),ee=({className:t})=>e.jsx("svg",{className:t,viewBox:"0 0 24 24",fill:"currentColor",children:e.jsx("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 te({className:t,labels:x}){const{status:u,callNumber:i,setCallNumber:o,callHistory:f,currentCallDuration:h,startCall:r,endCall:l,isReady:d,connectionStatus:g}=$(),[k,w]=s.useState(!1),a={...b.defaultLabels,...x},j=(()=>{switch(u){case"progress":return{text:`${a.calling}...`,color:"text-yellow-500",Icon:G};case"confirmed":return{text:`${a.inCall} - ${b.formatDuration(h)}`,color:"text-green-500",Icon:Q};case"failed":return{text:a.callEnded,color:"text-red-500",Icon:O};case"ended":return{text:a.callEnded,color:"text-gray-500",Icon:D};default:return{text:a.inactive,color:"text-gray-300",Icon:T}}})();return e.jsxs("div",{className:b.cn("tbi-phone w-full max-w-md mx-auto bg-white rounded-2xl shadow-lg border border-gray-200 p-2",t),children:[u==="disconnected"&&e.jsxs("div",{className:"flex gap-2 items-center",children:[e.jsx("button",{onClick:()=>w(!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:e.jsx(Z,{className:"w-4 h-4"})}),e.jsx("input",{type:"text",value:i,onChange:m=>o(m.target.value),onKeyDown:m=>{m.key==="Enter"&&r(i)},placeholder:a.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"}),e.jsx("button",{onClick:()=>r(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:g==="connecting"?e.jsx("div",{className:"w-4 h-4 border-2 border-white border-t-transparent rounded-full animate-spin"}):e.jsx(T,{className:"w-4 h-4"})})]}),u==="progress"&&e.jsxs("div",{className:"flex flex-col items-center gap-3 py-6",children:[e.jsxs("div",{className:"relative",children:[e.jsx(j.Icon,{className:"w-12 h-12 text-yellow-500 animate-pulse"}),e.jsx("div",{className:"absolute inset-0 rounded-full border-4 border-yellow-500/30 animate-ping"})]}),e.jsxs("div",{className:"text-center",children:[e.jsxs("p",{className:"text-base font-semibold",children:[a.calling," ",i]}),e.jsx("p",{className:"text-sm text-gray-500",children:a.waitingResponse})]}),e.jsxs("button",{onClick:l,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:[e.jsx(D,{className:"w-4 h-4"}),a.cancel]})]}),u==="confirmed"&&e.jsxs("div",{className:"flex flex-col items-center gap-4 py-6",children:[e.jsxs("div",{className:"relative",children:[e.jsx(j.Icon,{className:"w-12 h-12 text-green-500"}),e.jsx("div",{className:"absolute inset-0 rounded-full bg-green-500/20 animate-pulse"})]}),e.jsxs("div",{className:"text-center space-y-1",children:[e.jsx("p",{className:"text-xl font-bold",children:i}),e.jsx("p",{className:"text-2xl font-mono text-green-600 tabular-nums",children:b.formatDuration(h)})]}),e.jsxs("button",{onClick:l,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:[e.jsx(D,{className:"w-4 h-4"}),a.hangUp]})]}),(u==="failed"||u==="ended")&&e.jsxs("div",{className:"flex flex-col items-center gap-3 py-6",children:[e.jsx(j.Icon,{className:b.cn("w-12 h-12",u==="failed"?"text-red-500":"text-gray-500")}),e.jsx("div",{className:"text-center",children:e.jsx("p",{className:"text-base font-semibold",children:j.text})})]}),k&&e.jsxs("div",{className:"fixed inset-0 z-50 flex",children:[e.jsx("div",{className:"fixed inset-0 bg-black/50",onClick:()=>w(!1)}),e.jsx("div",{className:"fixed right-0 top-0 h-full w-full max-w-md bg-white shadow-xl",style:{backgroundColor:"white"},children:e.jsxs("div",{className:"flex flex-col h-full",children:[e.jsxs("div",{className:"flex items-center justify-between p-4 border-b",children:[e.jsxs("div",{children:[e.jsx("h2",{className:"text-lg font-semibold",children:a.callHistory}),e.jsx("p",{className:"text-sm text-gray-500",children:f.length===0?a.noCallsRegistered:`${f.length} ${a.callsRegistered}`})]}),e.jsx("button",{onClick:()=>w(!1),className:"h-8 w-8 flex items-center justify-center rounded-lg hover:bg-gray-100 transition-colors",type:"button",children:e.jsx(ee,{className:"w-5 h-5"})})]}),e.jsx("div",{className:"flex-1 overflow-y-auto p-4",children:f.length===0?e.jsxs("div",{className:"text-center py-12 text-gray-500",children:[e.jsx(D,{className:"w-12 h-12 mx-auto mb-2 opacity-50"}),e.jsx("p",{children:a.noCalls})]}):e.jsx("div",{className:"space-y-2",children:f.map((m,S)=>e.jsx(se,{entry:m,index:S,onCall:()=>{o(m.number),w(!1),r(m.number)}},m.id))})})]})})]})]})}function se({entry:t,index:x,onCall:u}){const i=()=>{switch(t.status){case"completed":return e.jsx(X,{className:"w-4 h-4 text-green-600"});case"failed":return e.jsx(Y,{className:"w-4 h-4 text-red-600"});case"missed":return e.jsx(O,{className:"w-4 h-4 text-yellow-600"})}},o=()=>{switch(t.status){case"completed":return"bg-green-100";case"failed":return"bg-red-100";case"missed":return"bg-yellow-100"}};return e.jsxs("div",{className:"flex items-center gap-3 p-3 rounded-lg hover:bg-gray-50 transition-colors duration-200",style:{animationDelay:`${x*30}ms`},children:[e.jsx("div",{className:b.cn("w-9 h-9 rounded-full flex items-center justify-center shrink-0",o()),children:i()}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("p",{className:"font-medium text-sm truncate",children:t.number}),e.jsxs("div",{className:"flex items-center gap-2 text-xs text-gray-500",children:[e.jsx("span",{children:new Date(t.timestamp).toLocaleString("es-ES",{day:"2-digit",month:"2-digit",hour:"2-digit",minute:"2-digit"})}),t.duration>0&&e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"•"}),e.jsx("span",{className:"font-mono tabular-nums",children:b.formatDuration(t.duration)})]})]})]}),e.jsx("button",{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:e.jsx(T,{className:"w-4 h-4"})})]})}function ne({config:t,className:x,onCallStart:u,onCallEnd:i,onStatusChange:o,labels:f}){return e.jsx(_,{config:t,onCallStart:u,onCallEnd:i,onStatusChange:o,children:e.jsx(te,{className:x,labels:f})})}function re(t,x={}){const{onCallStart:u,onCallEnd:i,onStatusChange:o,onConnectionChange:f,persistHistory:h=!0,historyKey:r="tbi-phone-call-history"}=x,[l,d]=s.useState("disconnected"),[g,k]=s.useState(""),[w,a]=s.useState([]),[H,j]=s.useState(0),[m,S]=s.useState(!1),[N,v]=s.useState("connecting"),p=s.useRef(null);s.useEffect(()=>{const c=new b.PhoneManager(t,{onStatusChange:n=>{d(n),o?.(n)},onConnectionChange:n=>{v(n),(n==="connected"||n==="disconnected"||n==="failed")&&S(c.state.isReady),f?.(n)},onCallStart:u,onCallEnd:i,onDurationUpdate:j,onHistoryUpdate:a,onRegistered:()=>S(!0),onUnregistered:()=>S(!1)},{persistHistory:h,historyKey:r});return c.initialize(),p.current=c,d(c.state.status),k(c.state.callNumber),a(c.state.callHistory),S(c.state.isReady),v(c.state.connectionStatus),()=>{c.destroy(),p.current=null}},[t.websocketUrl,t.sipUri,t.password,t.registrarServer,t.displayName,t.authorizationUser,h,r]),s.useEffect(()=>{p.current&&p.current.setEvents({onCallStart:u,onCallEnd:i,onStatusChange:c=>{d(c),o?.(c)},onConnectionChange:c=>{v(c),f?.(c)}})},[u,i,o,f]);const U=s.useCallback(c=>{k(c),p.current?.setCallNumber(c)},[]),R=s.useCallback(c=>{p.current?.startCall(c)},[]),M=s.useCallback(()=>{p.current?.endCall()},[]),z=s.useCallback(()=>{p.current?.clearHistory(),a([])},[]);return{status:l,callNumber:g,setCallNumber:U,callHistory:w,clearCallHistory:z,currentCallDuration:H,startCall:R,endCall:M,isReady:m,connectionStatus:N,ua:p.current?.ua??null}}exports.Phone=ne;exports.PhoneProvider=_;exports.usePhone=$;exports.usePhoneManager=re;

package/dist/utils/cn.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Simple utility to merge class names
+ */
+export declare function cn(...classes: (string | undefined | null | false)[]): string;
+//# sourceMappingURL=cn.d.ts.map

package/dist/utils/cn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,wBAAgB,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,KAAK,CAAC,EAAE,GAAG,MAAM,CAE5E"}

package/dist/utils/formatDuration.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Formats a duration in seconds to a human-readable string (HH:MM:SS or MM:SS)
+ */
+export declare function formatDuration(seconds: number): string;
+//# sourceMappingURL=formatDuration.d.ts.map

package/dist/utils/formatDuration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatDuration.d.ts","sourceRoot":"","sources":["../../src/utils/formatDuration.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAStD"}