@coventia/softphone 0.4.0 → 0.5.0

package/dist/ui/index.d.cts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { g as Contact, D as ContactsSource, G as HistorySource, a as Call, p as RingtoneOption } from '../call-C6YpT6uR.cjs';
-export { Q as CallHistoryEntry, U as ContactsPage } from '../call-C6YpT6uR.cjs';
+import { g as Contact, K as ContactsSource, M as HistorySource, a as Call, s as RingtoneOption } from '../call-FqcvDg1t.cjs';
+export { X as CallHistoryEntry, Y as ContactsPage } from '../call-FqcvDg1t.cjs';
 
 /**
  * Shaped like a Lucide icon (`size`, `className`, both optional — every SVG prop Lucide's own icons

package/dist/ui/index.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { g as Contact, D as ContactsSource, G as HistorySource, a as Call, p as RingtoneOption } from '../call-C6YpT6uR.js';
-export { Q as CallHistoryEntry, U as ContactsPage } from '../call-C6YpT6uR.js';
+import { g as Contact, K as ContactsSource, M as HistorySource, a as Call, s as RingtoneOption } from '../call-FqcvDg1t.js';
+export { X as CallHistoryEntry, Y as ContactsPage } from '../call-FqcvDg1t.js';
 
 /**
  * Shaped like a Lucide icon (`size`, `className`, both optional — every SVG prop Lucide's own icons

package/dist/ui/index.js

@@ -1,6 +1,6 @@
 import { isWebRtcSupported } from '../chunk-KAXEMJ7E.js';
-import { useSoftphone, useSoftphoneState, useCall, usePresence, useActiveCall, useIsLeader, useLastError, useDevices } from '../chunk-UHNLEBBO.js';
-import '../chunk-7R6LOOAI.js';
+import { useSoftphone, useSoftphoneState, useCall, usePresence, useActiveCall, useIsLeader, useLastError, useDevices, useLine } from '../chunk-I3RSC52R.js';
+import '../chunk-N4PLEYFJ.js';
 import { isOutboundNumberRefused } from '../chunk-5E5OEXS2.js';
 import { forwardRef, createElement, useState, useRef, useLayoutEffect, useEffect, useCallback, useMemo, useSyncExternalStore, useId } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -225,6 +225,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" }],
@@ -1669,6 +1682,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",
@@ -3751,6 +3780,40 @@ function LeaderGate() {
     /* @__PURE__ */ jsx("p", { part: "leader-body", children: "Solo una pesta\xF1a puede usar el tel\xE9fono a la vez. Cierra la otra para activar esta." })
   ] });
 }
+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 (
+    /*
+      `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.
+    */
+    /* @__PURE__ */ jsxs("div", { className: "cv-gate", "data-claim": claim, part: "line-gate", children: [
+      /* @__PURE__ */ jsx("span", { className: "cv-gate-mark", children: /* @__PURE__ */ jsx(PhoneForwarded, { size: 22 }) }),
+      /* @__PURE__ */ 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__ */ jsx("p", { role: "status", part: "line-body", children: body }),
+      /* @__PURE__ */ 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"
+        }
+      )
+    ] })
+  );
+}
 var BACKSTOP_MS = 6e3;
 function useCallOutcome() {
   const softphone = useSoftphone();
@@ -3982,11 +4045,12 @@ function SoftphoneWidget(props) {
   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 = () => {
@@ -4013,7 +4077,7 @@ function SoftphoneWidget(props) {
       ...theme === "system" ? {} : { "data-cv-theme": theme },
       children: [
         screenIsFree ? /* @__PURE__ */ jsx(TransferNotices, { notices: transferNotices, dismiss: dismissTransferNotice }) : null,
-        /* @__PURE__ */ jsx("div", { className: "cv-body", children: isFollower ? /* @__PURE__ */ jsx(LeaderGate, {}) : blocked ? /* @__PURE__ */ jsx(MicPrompt, { state: mic.state, onRequest: () => void mic.request() }) : call ? /* @__PURE__ */ jsx(CallScreen, { call, keyTones: sounds, ...incomingCallAction ? { incomingCallAction } : {} }) : fatal ? /* @__PURE__ */ jsx(ErrorGate, { error: fatal, onRetry: retry }) : tab === "contacts" && contactsSource ? /* @__PURE__ */ jsx(ContactsTab, { source: contactsSource, ...contactAction ? { contactAction } : {} }) : tab === "history" && historySource ? /* @__PURE__ */ jsx(HistoryTab, { source: historySource }) : tab === "settings" ? /* @__PURE__ */ jsx(SettingsTab, {}) : /* @__PURE__ */ jsx(Dialpad, { outcome, onIntent: clearOutcome, keyTones: sounds }) }),
+        /* @__PURE__ */ jsx("div", { className: "cv-body", children: isFollower ? /* @__PURE__ */ jsx(LeaderGate, {}) : isStandby && !call ? /* @__PURE__ */ jsx(LineGate, {}) : blocked ? /* @__PURE__ */ jsx(MicPrompt, { state: mic.state, onRequest: () => void mic.request() }) : call ? /* @__PURE__ */ jsx(CallScreen, { call, keyTones: sounds, ...incomingCallAction ? { incomingCallAction } : {} }) : fatal ? /* @__PURE__ */ jsx(ErrorGate, { error: fatal, onRetry: retry }) : tab === "contacts" && contactsSource ? /* @__PURE__ */ jsx(ContactsTab, { source: contactsSource, ...contactAction ? { contactAction } : {} }) : tab === "history" && historySource ? /* @__PURE__ */ jsx(HistoryTab, { source: historySource }) : tab === "settings" ? /* @__PURE__ */ jsx(SettingsTab, {}) : /* @__PURE__ */ jsx(Dialpad, { outcome, onIntent: clearOutcome, keyTones: sounds }) }),
         screenIsFree ? /* @__PURE__ */ jsx("div", { className: "cv-tabs", role: "tablist", children: tabs.map(({ id, icon: Icon3, label }) => /* @__PURE__ */ jsxs(
           "button",
           {
@@ -4059,6 +4123,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: