callix-dialer-widget 2.8.1 → 2.8.3

package/WIDGET-README.md

@@ -145,7 +145,20 @@ Pausas no modo motor (2.8.1): a lista de pausas é a do serviço no Callix, traz
 do motor; a pausa escolhida vai no comando `pause` e o discador mostra o nome dela. Com um
 motor anterior ao 2.8.1 a lista cai numa pausa única ("Pausa") e o motor usa a configurada
 nele. O widget também informa a própria versão ao host, que a registra no log: é o jeito de
-achar navegadores com um build antigo em cache.
+achar navegadores com um build antigo em cache. No console da página, `CallixDialer.version`
+diz qual build está carregado.
+
+Comandos durante uma queda da conexão (2.8.2): um clique dado enquanto a conexão com o host
+está caída ou reconectando (rede instável) não se perde mais em silêncio. O comando fica
+guardado, a tela avisa que a conexão está voltando, e ele é enviado no reconectar, se ainda
+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.
 

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

@@ -43754,6 +43754,8 @@ const INITIAL_TRANSCRIPT = { segments: [], status: null, insight: null, interims
 const MAX_SEGMENTS = 300;
 const RECONNECT_MIN_MS = 500;
 const RECONNECT_MAX_MS = 5e3;
+const PENDING_COMMANDS_MAX = 10;
+const PENDING_COMMANDS_TTL_MS = 15e3;
 function engineWsUrl(baseUrl) {
   const url = new URL(baseUrl, typeof window !== "undefined" ? window.location.href : "http://localhost");
   url.protocol = url.protocol === "https:" ? "wss:" : "ws:";
@@ -43771,6 +43773,7 @@ class EngineClient {
     this.viewWaiters = [];
     this.ws = null;
     this.reconnectDelay = RECONNECT_MIN_MS;
+    this.pendingCommands = [];
     this.reconnectTimer = null;
     this.closed = false;
     this.iceServers = [{ urls: "stun:stun.l.google.com:19302" }];
@@ -43921,6 +43924,7 @@ class EngineClient {
       case "welcome": {
         if (Array.isArray(message.iceServers) && message.iceServers.length > 0) this.iceServers = message.iceServers;
         this.setState({ tabId: message.tabId, rejected: null });
+        this.flushPendingCommands();
         this.applyView(message.view);
         this.log(`sou a aba ${message.tabId}`);
         if (this.options.autoEngage !== false && message.view.engagedTabId !== message.tabId) this.engage();
@@ -44039,8 +44043,29 @@ class EngineClient {
     this.send({ type: "release" });
   }
   command(command) {
-    this.send({ type: "command", command });
-    this.log(`comando: ${command.name}${command.phone ? ` ${command.phone}` : ""}`);
+    if (this.ws && this.ws.readyState === WebSocket.OPEN && this.state.tabId) {
+      this.send({ type: "command", command });
+      this.log(`comando: ${command.name}${command.phone ? ` ${command.phone}` : ""}`);
+      return;
+    }
+    this.pendingCommands.push({ command, at: Date.now() });
+    if (this.pendingCommands.length > PENDING_COMMANDS_MAX) this.pendingCommands.shift();
+    this.log(`comando: ${command.name} guardado até a conexão com o motor voltar`);
+    this.setState({ lastError: "Sem conexão com o motor neste momento; o comando será enviado assim que ela voltar." });
+    this.connect();
+  }
+  /** manda os comandos guardados que ainda fazem sentido (os velhos poderiam atingir outra chamada) */
+  flushPendingCommands() {
+    const now = Date.now();
+    const pending = this.pendingCommands.splice(0);
+    for (const entry of pending) {
+      if (now - entry.at > PENDING_COMMANDS_TTL_MS) {
+        this.log(`comando ${entry.command.name} descartado: a conexão demorou demais para voltar`);
+        continue;
+      }
+      this.send({ type: "command", command: entry.command });
+      this.log(`comando: ${entry.command.name} (enviado depois da reconexão)`);
+    }
   }
   // ------------------------------------------------------------------ áudio
   setInputMuted(muted) {
@@ -58710,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");
@@ -58750,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]);
@@ -59324,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;
@@ -59339,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;
@@ -59407,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";
@@ -59423,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";
@@ -59566,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" }),
@@ -59771,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)
@@ -60538,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"]);
@@ -60553,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);
@@ -60619,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 = () => {
@@ -60652,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) {
@@ -60755,7 +60814,7 @@ function ClickToCallAgent({ enabled = true, pollIntervalMs, sessionToken, onTask
   }, [enabled, pollIntervalMs, sessionToken]);
   return null;
 }
-const WIDGET_VERSION = "2.8.1";
+const WIDGET_VERSION = "2.8.3";
 let currentSipWebSocket = null;
 function sendSipUnregisterIfPossible(ws) {
   if (ws.readyState !== WebSocket.OPEN) return;