callix-dialer-widget 2.8.2 → 2.8.3

package/WIDGET-README.md

@@ -154,6 +154,12 @@ guardado, a tela avisa que a conexão está voltando, e ele é enviado no recone
 tiver menos de 15 s; mais velho que isso é descartado, para não atingir outra chamada. Antes,
 um "encerrar" dado nesse momento deixava a chamada ativa no motor.
 
+Espelho e F5 no meio da chamada (2.8.3): a tela de chamada mostra o número da chamada em
+curso informado pelo SDK ou pelo motor quando ninguém digitou nada naquele teclado (antes
+aparecia "(--) ----- ----" na aba espelho). Click-to-call com o agente em pausa (2.8.3): o
+agente sai da pausa, espera o Callix liberá-lo (até 8 s) e disca; se não liberar, a tarefa
+volta à fila. No modo motor, um `dial` recebido em pausa faz o mesmo dentro do motor.
+
 Sem `engineUrl` nada muda: o SDK continua rodando no navegador como sempre.
 
 ## 🔐 Login e usuário conhecido

package/dist-widget/callix-dialer.es.js

@@ -58735,7 +58735,7 @@ function AuthenticatedMobileDialer({
   showClientInfoModal = false,
   density
 }) {
-  var _a2, _b, _c, _d, _e;
+  var _a2, _b, _c, _d, _e, _f;
   const { skipManualQualification } = useDialerConfig();
   const [dialValue, setDialValue] = useState("");
   const [activeScreen, setActiveScreen] = useState("dialer");
@@ -58775,6 +58775,7 @@ function AuthenticatedMobileDialer({
   const currentCall = useCallOperatorCurrentCall();
   const { hangup, answer, reject } = useCallOperatorCurrentCallControls();
   const callInfo = useCallOperatorCurrentCallInfo();
+  const activeCallNumber = ((_a2 = currentCall == null ? void 0 : currentCall.data) == null ? void 0 : _a2.destinationNumber) || (currentCall == null ? void 0 : currentCall.callerNumber) || "";
   const rawSuccessQualifications = useCallOperatorSuccessQualifications();
   const rawDiscardQualifications = useCallOperatorDiscardQualifications();
   const successQualifications = useMemo(() => rawSuccessQualifications ?? [], [rawSuccessQualifications]);
@@ -59349,6 +59350,8 @@ function AuthenticatedMobileDialer({
       phoneNumber = callInfo.info.campaignContact.phoneNumber;
     } else if (dialValue) {
       phoneNumber = dialValue;
+    } else if (activeCallNumber) {
+      phoneNumber = activeCallNumber;
     }
     const cleanNumber = phoneNumber.replace(/[^\d+]/g, "");
     let whatsappNumber = cleanNumber;
@@ -59364,7 +59367,7 @@ function AuthenticatedMobileDialer({
     const whatsappUrl = `https://wa.me/${whatsappNumber.replace("+", "")}?text=${encodedMessage}`;
     console.log("[MobileDialer] Abrindo WhatsApp com template:", whatsappUrl);
     window.open(whatsappUrl, "_blank");
-  }, [callInfo, dialValue, userData, username, contactData.finalData]);
+  }, [callInfo, dialValue, userData, username, contactData.finalData, activeCallNumber]);
   const handleGoOnBreak = useCallback(
     async (breakId) => {
       if (!goOnBreak) return;
@@ -59432,8 +59435,9 @@ function AuthenticatedMobileDialer({
     if ((callInfo == null ? void 0 : callInfo.type) === "campaign" && ((_a3 = callInfo.info.campaignContact) == null ? void 0 : _a3.phoneNumber)) {
       return formatPhoneForDisplay(callInfo.info.campaignContact.phoneNumber);
     }
-    return formattedDial || "(--) ----- ----";
-  }, [callInfo, formattedDial]);
+    if (formattedDial) return formattedDial;
+    return activeCallNumber ? formatPhoneForDisplay(activeCallNumber) : "(--) ----- ----";
+  }, [callInfo, formattedDial, activeCallNumber]);
   const callStatusLabel = useMemo(() => {
     if (isConnecting) return "Ligando...";
     if (isInCall) return "Em chamada";
@@ -59448,7 +59452,7 @@ function AuthenticatedMobileDialer({
     if (isOnBreak) return "paused";
     return "available";
   }, [isError, isOnBreak]);
-  const activeBreakName = (operatorState == null ? void 0 : operatorState.state) === "onBreak" ? (_a2 = operatorState.break) == null ? void 0 : _a2.name : void 0;
+  const activeBreakName = (operatorState == null ? void 0 : operatorState.state) === "onBreak" ? (_b = operatorState.break) == null ? void 0 : _b.name : void 0;
   const statusBadgeText = useMemo(() => {
     if (isError) return (dialerNotice == null ? void 0 : dialerNotice.source) === "device" ? dialerNotice.title : "Erro";
     if (isOnBreak) return currentBreakName || activeBreakName || "Em pausa";
@@ -59591,15 +59595,15 @@ function AuthenticatedMobileDialer({
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "client-card-header", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: "fas fa-user-circle client-avatar" }),
             /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "client-main-info", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "client-name", id: "clientName", children: findValue(contactData.finalData, ["DECISOR", "NOME", "CLIENTE", "PROSPECT"]) ?? ((_b = callInfo.info.campaignContact) == null ? void 0 : _b.label) ?? "--" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "client-company", id: "clientCompany", children: findValue(contactData.finalData, ["EMPRESA", "RAZAO SOCIAL", "RAZÃO SOCIAL", "RAZAO_SOCIAL"]) ?? ((_c = callInfo.info.campaign) == null ? void 0 : _c.name) ?? "--" })
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "client-name", id: "clientName", children: findValue(contactData.finalData, ["DECISOR", "NOME", "CLIENTE", "PROSPECT"]) ?? ((_c = callInfo.info.campaignContact) == null ? void 0 : _c.label) ?? "--" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "client-company", id: "clientCompany", children: findValue(contactData.finalData, ["EMPRESA", "RAZAO SOCIAL", "RAZÃO SOCIAL", "RAZAO_SOCIAL"]) ?? ((_d = callInfo.info.campaign) == null ? void 0 : _d.name) ?? "--" })
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "client-card-divider" }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "client-info-list", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "client-info-row", children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "client-info-label", children: "Socio" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "client-info-value", children: findValue(contactData.finalData, ["SOCIO", "PROSPECT", "DECISOR", "NOME", "CLIENTE"]) ?? ((_d = callInfo.info.campaignContact) == null ? void 0 : _d.label) ?? "--" })
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "client-info-value", children: findValue(contactData.finalData, ["SOCIO", "PROSPECT", "DECISOR", "NOME", "CLIENTE"]) ?? ((_e = callInfo.info.campaignContact) == null ? void 0 : _e.label) ?? "--" })
             ] }),
             /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "client-info-row", children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "client-info-label", children: "Empresa" }),
@@ -59796,7 +59800,7 @@ function AuthenticatedMobileDialer({
       {
         isOpen: isClientInfoModalOpen,
         campaignCallInfo,
-        campaignContactPhoneId: ((_e = currentCall == null ? void 0 : currentCall.data) == null ? void 0 : _e.campaignContactPhoneId) ?? null,
+        campaignContactPhoneId: ((_f = currentCall == null ? void 0 : currentCall.data) == null ? void 0 : _f.campaignContactPhoneId) ?? null,
         callDuration: callDurationSeconds,
         isCallActive: isInCall || isConnecting,
         onClose: () => setIsClientInfoModalOpen(false)
@@ -60563,6 +60567,7 @@ const BUSY_INTERVAL_FACTOR = 3;
 const DISPATCH_COOLDOWN_MS = 6e3;
 const CALL_START_TIMEOUT_MS = 4e3;
 const CALL_START_CHECK_MS = 100;
+const LEAVE_BREAK_TIMEOUT_MS = 8e3;
 const MAX_BACKOFF_MS = 6e4;
 const NOT_CONFIGURED_INTERVAL_MS = 5 * 6e4;
 const NOT_CONFIGURED_CODES = /* @__PURE__ */ new Set(["STORE_NOT_CONFIGURED", "SERVER_NOT_CONFIGURED"]);
@@ -60578,11 +60583,13 @@ function buildHeaders(sessionToken) {
 const delay = (ms2) => new Promise((resolve) => setTimeout(resolve, ms2));
 function ClickToCallAgent({ enabled = true, pollIntervalMs, sessionToken, onTask }) {
   const operatorState = useCallOperatorState();
-  const { makeManualCall } = useCallOperatorControls();
+  const { makeManualCall, becomeAvailable } = useCallOperatorControls();
   const stateRef = useRef(operatorState == null ? void 0 : operatorState.state);
   stateRef.current = operatorState == null ? void 0 : operatorState.state;
   const makeManualCallRef = useRef(makeManualCall);
   makeManualCallRef.current = makeManualCall;
+  const becomeAvailableRef = useRef(becomeAvailable);
+  becomeAvailableRef.current = becomeAvailable;
   const onTaskRef = useRef(onTask);
   onTaskRef.current = onTask;
   const tickerRef = useRef(null);
@@ -60644,6 +60651,16 @@ function ClickToCallAgent({ enabled = true, pollIntervalMs, sessionToken, onTask
       console.error("[ClickToCall] não foi possível confirmar a tarefa", options.taskId, "; o servidor a marcará como não confirmada");
       return false;
     };
+    const waitForOperatorState = (predicate, timeoutMs) => new Promise((resolve) => {
+      const deadline = Date.now() + timeoutMs;
+      const check = () => {
+        if (disposed) return resolve(false);
+        if (predicate(stateRef.current)) return resolve(true);
+        if (Date.now() >= deadline) return resolve(false);
+        setTimeout(check, CALL_START_CHECK_MS);
+      };
+      check();
+    });
     const waitForCallStart = () => new Promise((resolve) => {
       const deadline = Date.now() + CALL_START_TIMEOUT_MS;
       const check = () => {
@@ -60677,6 +60694,23 @@ function ClickToCallAgent({ enabled = true, pollIntervalMs, sessionToken, onTask
       } catch (error2) {
         console.warn("[ClickToCall] onTask lançou erro:", error2);
       }
+      if (presenceFromOperatorState(stateRef.current) === "on_break") {
+        console.log("[ClickToCall] operador em pausa: saindo da pausa para ligar");
+        try {
+          becomeAvailableRef.current();
+        } catch (error2) {
+          const message = error2 instanceof Error ? error2.message : String(error2);
+          console.error("[ClickToCall] becomeAvailable falhou:", message);
+          await ack({ taskId: task.id, status: "failed", error: `Não deu para sair da pausa: ${message}`, retry: true });
+          return;
+        }
+        const available = await waitForOperatorState((state2) => state2 === "idle", LEAVE_BREAK_TIMEOUT_MS);
+        if (!available) {
+          console.warn("[ClickToCall] o operador não saiu da pausa a tempo (estado", stateRef.current, "): devolvendo à fila");
+          await ack({ taskId: task.id, status: "failed", error: `Operador não saiu da pausa (${stateRef.current ?? "desconhecido"})`, retry: true });
+          return;
+        }
+      }
       try {
         makeManualCallRef.current(task.phone);
       } catch (error2) {
@@ -60780,7 +60814,7 @@ function ClickToCallAgent({ enabled = true, pollIntervalMs, sessionToken, onTask
   }, [enabled, pollIntervalMs, sessionToken]);
   return null;
 }
-const WIDGET_VERSION = "2.8.2";
+const WIDGET_VERSION = "2.8.3";
 let currentSipWebSocket = null;
 function sendSipUnregisterIfPossible(ws) {
   if (ws.readyState !== WebSocket.OPEN) return;