@coventia/softphone 0.4.0 → 0.5.1

package/dist/element/index.js

@@ -6931,7 +6931,7 @@ var require_jsx_runtime = __commonJS({
 });
 
 // src/element/index.ts
-var import_react46 = __toESM(require_react(), 1);
+var import_react47 = __toESM(require_react(), 1);
 var import_client = __toESM(require_client(), 1);
 
 // src/react/context.tsx
@@ -6950,7 +6950,7 @@ function useSoftphone() {
 }
 
 // src/ui/SoftphoneWidget.tsx
-var import_react44 = __toESM(require_react(), 1);
+var import_react45 = __toESM(require_react(), 1);
 
 // ../../node_modules/lucide-react/dist/esm/createLucideIcon.js
 var import_react3 = __toESM(require_react());
@@ -7178,6 +7178,19 @@ var Pause = createLucideIcon("Pause", [
   ["rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", key: "1okwgv" }]
 ]);
 
+// ../../node_modules/lucide-react/dist/esm/icons/phone-forwarded.js
+var PhoneForwarded = createLucideIcon("PhoneForwarded", [
+  ["polyline", { points: "18 2 22 6 18 10", key: "6vjanh" }],
+  ["line", { x1: "14", x2: "22", y1: "6", y2: "6", key: "1jsywh" }],
+  [
+    "path",
+    {
+      d: "M22 16.92v3a2 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",
+      key: "foiqr5"
+    }
+  ]
+]);
+
 // ../../node_modules/lucide-react/dist/esm/icons/phone-incoming.js
 var PhoneIncoming = createLucideIcon("PhoneIncoming", [
   ["polyline", { points: "16 2 16 8 22 8", key: "1ygljm" }],
@@ -7349,6 +7362,31 @@ function useIsLeader() {
     (0, import_react4.useCallback)(() => phone.isLeader, [phone])
   );
 }
+function useLine() {
+  const phone = useSoftphone();
+  const cache = (0, import_react4.useRef)(null);
+  return (0, import_react4.useSyncExternalStore)(
+    (0, import_react4.useCallback)(
+      (cb) => {
+        const offLine = phone.on("lineChanged" /* LineChanged */, () => cb());
+        const offClaim = phone.on("lineClaimChanged" /* LineClaimChanged */, () => cb());
+        return () => {
+          offLine();
+          offClaim();
+        };
+      },
+      [phone]
+    ),
+    (0, import_react4.useCallback)(() => {
+      const { line, lineWhere: where, lineClaim: claim } = phone;
+      const cached = cache.current;
+      if (cached?.line === line && cached.where === where && cached.claim === claim) return cached;
+      const view = { line, where, claim };
+      cache.current = view;
+      return view;
+    }, [phone])
+  );
+}
 function useActiveCall() {
   const phone = useSoftphone();
   return (0, import_react4.useSyncExternalStore)(
@@ -8787,6 +8825,22 @@ var ERROR_TEXT = {
   // thinks they dropped it will hang up on a client to "fix" it.
   "call/transfer-failed": { title: "No se pudo transferir. Sigues en la llamada" },
   "call/unsupported": { title: "Esta funci\xF3n no est\xE1 disponible" },
+  // ── Line owner ──────────────────────────────────────────────────────────────
+  /*
+    Not call outcomes: they answer "Recibir aquí" on `LineGate`, which has ONE line for them where the
+    explanation was, so it reads the pair as two sentences — `${title}. ${body}`. Split anyway, so the
+    title stands alone wherever there is only room for a headline (a host's own toast), under the same
+    one-line rules as every other non-fatal title. "Allí" because the gate has just said where: the
+    other softphone, the one that has the calls.
+  */
+  "line/claim-refused": {
+    title: "Est\xE1s en una llamada all\xED",
+    body: "Podr\xE1s recibirlas aqu\xED cuando cuelgues."
+  },
+  "line/unavailable": {
+    title: "No se ha podido cambiar",
+    body: "Int\xE9ntalo de nuevo."
+  },
   // ── Provider ────────────────────────────────────────────────────────────────
   "provider/provision-failed": {
     title: "No se pudo activar el tel\xE9fono",
@@ -10929,18 +10983,55 @@ function LeaderGate() {
   ] });
 }
 
+// src/ui/permission/LineGate.tsx
+var import_jsx_runtime24 = (
+  /*
+    `part` on all four, like `ErrorGate`: it replaces the whole dialpad, and inside `<coventia-softphone>`
+    a shadow root makes it otherwise unreachable from the host's CSS. `data-claim` is for the light-DOM
+    `/ui` path and for debugging — it cannot cross the shadow boundary either.
+  */
+  __toESM(require_jsx_runtime(), 1)
+);
+var BODY = "Las llamadas entran all\xED. Si prefieres recibirlas aqu\xED, pulsa \xABRecibir aqu\xED\xBB.";
+var sentence = (code) => `${ERROR_TEXT[code].title}. ${ERROR_TEXT[code].body ?? ""}`.trim();
+function LineGate() {
+  const softphone = useSoftphone();
+  const { where, claim } = useLine();
+  const take = () => {
+    softphone.takeLine().catch(() => {
+    });
+  };
+  const body = claim === "refused" ? sentence("line/claim-refused") : claim === "failed" ? sentence("line/unavailable") : BODY;
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "cv-gate", "data-claim": claim, part: "line-gate", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "cv-gate-mark", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(PhoneForwarded, { size: 22 }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h3", { className: "cv-gate-title", part: "line-title", children: where === "desktop" ? "Tu tel\xE9fono est\xE1 activo en la app de escritorio" : "Tu tel\xE9fono est\xE1 activo en otro sitio" }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { role: "status", part: "line-body", children: body }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      "button",
+      {
+        className: "cv-btn cv-btn--accent",
+        onClick: take,
+        disabled: claim === "claiming",
+        "aria-busy": claim === "claiming",
+        part: "line-claim",
+        children: claim === "claiming" ? "Cambiando\u2026" : "Recibir aqu\xED"
+      }
+    )
+  ] });
+}
+
 // src/ui/lib/useCallOutcome.ts
-var import_react37 = __toESM(require_react(), 1);
+var import_react38 = __toESM(require_react(), 1);
 var BACKSTOP_MS = 6e3;
 function useCallOutcome() {
   const softphone = useSoftphone();
-  const [code, setCode] = (0, import_react37.useState)(null);
-  const timer = (0, import_react37.useRef)(void 0);
-  const clear = (0, import_react37.useCallback)(() => {
+  const [code, setCode] = (0, import_react38.useState)(null);
+  const timer = (0, import_react38.useRef)(void 0);
+  const clear = (0, import_react38.useCallback)(() => {
     clearTimeout(timer.current);
     setCode(null);
   }, []);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     const off = softphone.on("error" /* Error */, (error) => {
       if (error.fatal) return;
       clearTimeout(timer.current);
@@ -10952,7 +11043,7 @@ function useCallOutcome() {
       clearTimeout(timer.current);
     };
   }, [softphone]);
-  (0, import_react37.useEffect)(() => softphone.on("incomingCall" /* IncomingCall */, () => clear()), [softphone, clear]);
+  (0, import_react38.useEffect)(() => softphone.on("incomingCall" /* IncomingCall */, () => clear()), [softphone, clear]);
   return {
     outcome: code === null ? null : { code, text: ERROR_TEXT[code].title },
     clear
@@ -10960,12 +11051,12 @@ function useCallOutcome() {
 }
 
 // src/ui/audio/useCallAudio.ts
-var import_react39 = __toESM(require_react(), 1);
+var import_react40 = __toESM(require_react(), 1);
 function useCallAudio(enabled) {
   const softphone = useSoftphone();
-  const remote = (0, import_react39.useRef)(null);
-  const tone = (0, import_react39.useRef)(null);
-  (0, import_react39.useEffect)(() => {
+  const remote = (0, import_react40.useRef)(null);
+  const tone = (0, import_react40.useRef)(null);
+  (0, import_react40.useEffect)(() => {
     if (!enabled || typeof document === "undefined") return;
     const prime = () => primeAudio();
     const gestures = ["pointerdown", "keydown"];
@@ -11059,7 +11150,7 @@ function useCallAudio(enabled) {
 }
 
 // src/ui/notices/TransferNotices.tsx
-var import_jsx_runtime24 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime25 = __toESM(require_jsx_runtime(), 1);
 function TransferNotices({
   notices,
   dismiss
@@ -11071,7 +11162,7 @@ function TransferNotices({
     if (notice.caller) void softphone.call(notice.caller).catch(() => {
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
     "div",
     {
       className: "cv-transfer-notices",
@@ -11079,20 +11170,20 @@ function TransferNotices({
       part: "transfer-notices",
       "data-has-notices": notices.length > 0,
       children: [
-        notices.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("p", { className: "cv-transfer-notices-count", children: [
+        notices.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("p", { className: "cv-transfer-notices-count", children: [
           notices.length,
           " traspasos sin conectar"
         ] }) : null,
-        notices.map((notice) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "cv-transfer-notice", part: "transfer-notice", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "cv-transfer-notice-mark", "aria-hidden": true, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(PhoneMissed, { size: 16 }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "cv-transfer-notice-body", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "cv-transfer-notice-header", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("p", { className: "cv-transfer-notice-title", children: [
+        notices.map((notice) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "cv-transfer-notice", part: "transfer-notice", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "cv-transfer-notice-mark", "aria-hidden": true, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(PhoneMissed, { size: 16 }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "cv-transfer-notice-body", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "cv-transfer-notice-header", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("p", { className: "cv-transfer-notice-title", children: [
                 "El traspaso a ",
                 notice.target,
                 " no se conect\xF3"
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                 "button",
                 {
                   type: "button",
@@ -11100,17 +11191,17 @@ function TransferNotices({
                   onClick: () => dismiss(notice.id),
                   "aria-label": "Descartar aviso",
                   part: "transfer-notice-dismiss",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(X, { size: 14 })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(X, { size: 14 })
                 }
               )
             ] }),
-            notice.caller ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("p", { className: "cv-transfer-notice-subtitle", children: [
+            notice.caller ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("p", { className: "cv-transfer-notice-subtitle", children: [
               notice.caller,
               " se ha desconectado."
             ] }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "cv-transfer-notice-footer", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "cv-transfer-notice-age", children: formatAge(elapsedSeconds(notice.at, now)) }),
-              notice.caller ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "cv-transfer-notice-footer", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "cv-transfer-notice-age", children: formatAge(elapsedSeconds(notice.at, now)) }),
+              notice.caller ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
                 "button",
                 {
                   type: "button",
@@ -11118,7 +11209,7 @@ function TransferNotices({
                   onClick: () => callBack(notice),
                   part: "transfer-notice-callback",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Phone, { size: 14, "aria-hidden": true }),
+                    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Phone, { size: 14, "aria-hidden": true }),
                     "Llamar de vuelta"
                   ]
                 }
@@ -11132,15 +11223,15 @@ function TransferNotices({
 }
 
 // src/ui/notices/useTransferNotices.ts
-var import_react42 = __toESM(require_react(), 1);
+var import_react43 = __toESM(require_react(), 1);
 function useTransferNotices() {
   const softphone = useSoftphone();
-  const [notices, setNotices] = (0, import_react42.useState)([]);
-  const nextId = (0, import_react42.useRef)(0);
-  const dismiss = (0, import_react42.useCallback)((id) => {
+  const [notices, setNotices] = (0, import_react43.useState)([]);
+  const nextId = (0, import_react43.useRef)(0);
+  const dismiss = (0, import_react43.useCallback)((id) => {
     setNotices((prev) => prev.filter((n) => n.id !== id));
   }, []);
-  (0, import_react42.useEffect)(
+  (0, import_react43.useEffect)(
     () => softphone.on("transferOutcome" /* TransferOutcome */, (payload) => {
       if (payload.status === "not-connected") {
         const id = nextId.current++;
@@ -11153,7 +11244,7 @@ function useTransferNotices() {
 }
 
 // src/ui/SoftphoneWidget.tsx
-var import_jsx_runtime25 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime26 = __toESM(require_jsx_runtime(), 1);
 function SoftphoneWidget(props) {
   const {
     contacts,
@@ -11169,16 +11260,17 @@ function SoftphoneWidget(props) {
   const fallback = softphone.sources;
   const contactsSource = contacts ?? fallback?.contacts;
   const historySource = history ?? fallback?.history;
-  const [tab, setTab] = (0, import_react44.useState)("dialer");
+  const [tab, setTab] = (0, import_react45.useState)("dialer");
   const call = useActiveCall();
   const isLeader = useIsLeader();
   const softphoneState = useSoftphoneState();
   const isFollower = !isLeader && softphoneState === "starting";
+  const isStandby = softphoneState === "standby";
   const mic = useMicPermission();
   useCallAudio(sounds);
   const blocked = requireMic && mic.state !== "ready";
   const fatal = useLastError();
-  const screenIsFree = !call && !blocked && !fatal && !isFollower;
+  const screenIsFree = !call && !blocked && !fatal && !isFollower && !isStandby;
   const { outcome, clear: clearOutcome } = useCallOutcome();
   const { notices: transferNotices, dismiss: dismissTransferNotice } = useTransferNotices();
   const retry = () => {
@@ -11198,15 +11290,15 @@ function SoftphoneWidget(props) {
     // optional parts of a phone, so this is never conditionally hidden.
     { id: "settings", icon: Settings, label: "Ajustes", show: true }
   ].filter((t) => t.show);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
     "div",
     {
       className: className ? `cv-softphone ${className}` : "cv-softphone",
       ...theme === "system" ? {} : { "data-cv-theme": theme },
       children: [
-        screenIsFree ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TransferNotices, { notices: transferNotices, dismiss: dismissTransferNotice }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "cv-body", children: isFollower ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(LeaderGate, {}) : blocked ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(MicPrompt, { state: mic.state, onRequest: () => void mic.request() }) : call ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(CallScreen, { call, keyTones: sounds, ...incomingCallAction ? { incomingCallAction } : {} }) : fatal ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ErrorGate, { error: fatal, onRetry: retry }) : tab === "contacts" && contactsSource ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ContactsTab, { source: contactsSource, ...contactAction ? { contactAction } : {} }) : tab === "history" && historySource ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(HistoryTab, { source: historySource }) : tab === "settings" ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SettingsTab, {}) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Dialpad, { outcome, onIntent: clearOutcome, keyTones: sounds }) }),
-        screenIsFree ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "cv-tabs", role: "tablist", children: tabs.map(({ id, icon: Icon3, label }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+        screenIsFree ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TransferNotices, { notices: transferNotices, dismiss: dismissTransferNotice }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "cv-body", children: isFollower ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(LeaderGate, {}) : isStandby && !call ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(LineGate, {}) : blocked ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(MicPrompt, { state: mic.state, onRequest: () => void mic.request() }) : call ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CallScreen, { call, keyTones: sounds, ...incomingCallAction ? { incomingCallAction } : {} }) : fatal ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ErrorGate, { error: fatal, onRetry: retry }) : tab === "contacts" && contactsSource ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ContactsTab, { source: contactsSource, ...contactAction ? { contactAction } : {} }) : tab === "history" && historySource ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(HistoryTab, { source: historySource }) : tab === "settings" ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SettingsTab, {}) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Dialpad, { outcome, onIntent: clearOutcome, keyTones: sounds }) }),
+        screenIsFree ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "cv-tabs", role: "tablist", children: tabs.map(({ id, icon: Icon3, label }) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
           "button",
           {
             role: "tab",
@@ -11214,8 +11306,8 @@ function SoftphoneWidget(props) {
             className: "cv-tab",
             onClick: () => setTab(id),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Icon3, { size: 20 }),
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: label })
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Icon3, { size: 20 }),
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { children: label })
             ]
           },
           id
@@ -11236,6 +11328,7 @@ var EVENTS = {
   callEnded: "cv-call-ended",
   error: "cv-error",
   leaderChanged: "cv-leadership-changed",
+  lineChanged: "cv-line-changed",
   transferOutcome: "cv-transfer-outcome"
 };
 var CoventiaSoftphoneElement = class extends HTMLElement {
@@ -11355,6 +11448,7 @@ var CoventiaSoftphoneElement = class extends HTMLElement {
         "leaderChanged" /* LeaderChanged */,
         ({ isLeader }) => this.#emit(EVENTS.leaderChanged, { isLeader })
       ),
+      phone.on("lineChanged" /* LineChanged */, ({ line, where }) => this.#emit(EVENTS.lineChanged, { line, where })),
       // Payload is already exactly `TransferOutcomeEvent` — no reshaping needed, unlike the events above.
       phone.on("transferOutcome" /* TransferOutcome */, (payload) => this.#emit(EVENTS.transferOutcome, payload))
     ];
@@ -11403,9 +11497,9 @@ var CoventiaSoftphoneElement = class extends HTMLElement {
       ...this.#config.incomingCallAction ? { incomingCallAction: this.#config.incomingCallAction } : {}
     };
     this.#root.render(
-      (0, import_react46.createElement)(
+      (0, import_react47.createElement)(
         SoftphoneProvider,
-        { softphone: this.#softphone, children: (0, import_react46.createElement)(SoftphoneWidget, widgetProps) }
+        { softphone: this.#softphone, children: (0, import_react47.createElement)(SoftphoneWidget, widgetProps) }
       )
     );
   }
@@ -11476,6 +11570,7 @@ lucide-react/dist/esm/icons/mic.js:
 lucide-react/dist/esm/icons/monitor-smartphone.js:
 lucide-react/dist/esm/icons/music.js:
 lucide-react/dist/esm/icons/pause.js:
+lucide-react/dist/esm/icons/phone-forwarded.js:
 lucide-react/dist/esm/icons/phone-incoming.js:
 lucide-react/dist/esm/icons/phone-missed.js:
 lucide-react/dist/esm/icons/phone-off.js: