callix-dialer-widget 2.8.4 → 2.8.5

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

@@ -43754,6 +43754,7 @@ const INITIAL_TRANSCRIPT = { segments: [], status: null, insight: null, interims
 const MAX_SEGMENTS = 300;
 const RECONNECT_MIN_MS = 500;
 const RECONNECT_MAX_MS = 5e3;
+const ENGINE_VIEW_TIMEOUT_MS = 15e3;
 const PENDING_COMMANDS_MAX = 10;
 const PENDING_COMMANDS_TTL_MS = 15e3;
 function engineWsUrl(baseUrl) {
@@ -43775,6 +43776,9 @@ class EngineClient {
     this.reconnectDelay = RECONNECT_MIN_MS;
     this.pendingCommands = [];
     this.reconnectTimer = null;
+    this.viewTimer = null;
+    this.lastSnapshotAt = null;
+    this.connectionError = null;
     this.closed = false;
     this.iceServers = [{ urls: "stun:stun.l.google.com:19302" }];
     this.pc = null;
@@ -43828,9 +43832,10 @@ class EngineClient {
     if (this.closed) this.closed = false;
     if (this.ws && (this.ws.readyState === WebSocket.OPEN || this.ws.readyState === WebSocket.CONNECTING)) return;
     const Impl = this.options.WebSocketImpl ?? WebSocket;
-    this.setState({ wsState: "connecting" });
+    this.setState({ wsState: "connecting", tabId: null, view: null });
     const ws = new Impl(engineWsUrl(this.options.url));
     this.ws = ws;
+    this.watchForView(ws);
     ws.onopen = () => {
       var _a2, _b;
       if (this.ws !== ws) return;
@@ -43840,6 +43845,7 @@ class EngineClient {
       }
       this.reconnectDelay = RECONNECT_MIN_MS;
       this.setState({ wsState: "open" });
+      this.watchForView(ws);
       const sessionToken = !this.session && this.options.sessionToken ? this.options.sessionToken() : null;
       const hello = {
         type: "hello",
@@ -43865,24 +43871,14 @@ class EngineClient {
       this.handle(message);
     };
     ws.onclose = () => {
-      if (this.ws !== ws) return;
-      this.ws = null;
-      const wasEngaged = this.state.engaged;
-      this.setState({ wsState: "closed", tabId: null, engaged: false });
-      if (wasEngaged) this.stopAudio();
-      if (this.closed) return;
-      this.log(`conexão com o motor caiu; nova tentativa em ${this.reconnectDelay} ms`);
-      this.reconnectTimer = setTimeout(() => {
-        this.reconnectTimer = null;
-        this.connect();
-      }, this.reconnectDelay);
-      this.reconnectDelay = Math.min(this.reconnectDelay * 2, RECONNECT_MAX_MS);
+      this.disconnected(ws, "Conexão com o motor interrompida. Reconectando...");
     };
     ws.onerror = () => void 0;
   }
   /** fecha de vez (sem reconectar) e solta o áudio */
   close() {
     this.closed = true;
+    this.clearViewTimer();
     if (this.reconnectTimer) {
       clearTimeout(this.reconnectTimer);
       this.reconnectTimer = null;
@@ -43896,7 +43892,39 @@ class EngineClient {
     }
     this.pendingCommands = [];
     this.rejectWaiters(new Error("a conexão com o motor foi encerrada"));
-    this.setState({ wsState: "closed", tabId: null, engaged: false });
+    this.userSignal.set(void 0);
+    this.setState({ wsState: "closed", tabId: null, view: null, engaged: false });
+  }
+  clearViewTimer() {
+    if (this.viewTimer) clearTimeout(this.viewTimer);
+    this.viewTimer = null;
+  }
+  watchForView(ws) {
+    var _a2, _b;
+    this.clearViewTimer();
+    this.viewTimer = setTimeout(() => {
+      if (this.ws !== ws) return;
+      this.disconnected(ws, "O motor parou de atualizar o estado. Reconectando...");
+      ws.close();
+    }, ENGINE_VIEW_TIMEOUT_MS);
+    (_b = (_a2 = this.viewTimer).unref) == null ? void 0 : _b.call(_a2);
+  }
+  disconnected(ws, message) {
+    if (this.ws !== ws) return;
+    this.ws = null;
+    this.clearViewTimer();
+    this.userSignal.set(void 0);
+    this.connectionError = message;
+    this.setState({ wsState: "closed", tabId: null, view: null, engaged: false, lastError: message });
+    this.stopAudio();
+    if (this.closed) return;
+    this.log(`conexão com o motor caiu; nova tentativa em ${this.reconnectDelay} ms`);
+    if (this.reconnectTimer) clearTimeout(this.reconnectTimer);
+    this.reconnectTimer = setTimeout(() => {
+      this.reconnectTimer = null;
+      this.connect();
+    }, this.reconnectDelay);
+    this.reconnectDelay = Math.min(this.reconnectDelay * 2, RECONNECT_MAX_MS);
   }
   /**
    * A view atual, ou a próxima que o host mandar (welcome/view). Com `accept`, espera uma
@@ -43906,7 +43934,7 @@ class EngineClient {
   waitForView(timeoutMs = 15e3, accept, options) {
     const rejected = this.state.rejected;
     if (rejected) return Promise.reject(new EngineAccessError(rejected.code, rejected.message));
-    if (!(options == null ? void 0 : options.fresh) && this.state.view && this.state.tabId && (!accept || accept(this.state.view))) return Promise.resolve(this.state.view);
+    if (!(options == null ? void 0 : options.fresh) && this.state.wsState === "open" && this.state.view && this.state.tabId && (!accept || accept(this.state.view))) return Promise.resolve(this.state.view);
     return new Promise((resolve, reject) => {
       const timer = setTimeout(() => {
         const index = this.viewWaiters.findIndex((w) => w.timer === timer);
@@ -43930,6 +43958,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 });
+        if (this.ws) this.watchForView(this.ws);
         this.flushPendingCommands();
         this.applyView(message.view);
         this.log(`sou a aba ${message.tabId}`);
@@ -43987,21 +44016,34 @@ class EngineClient {
     }
   }
   applyView(view) {
-    var _a2, _b;
+    var _a2, _b, _c;
     const previous = this.state.view;
+    const snapshotAt = (_a2 = view.snapshot) == null ? void 0 : _a2.at;
+    if (view.engine === "stopped" || view.engine === "crashed") {
+      this.clearViewTimer();
+    } else if (this.ws && (snapshotAt !== void 0 && snapshotAt !== this.lastSnapshotAt || (previous == null ? void 0 : previous.engine) === "stopped" || (previous == null ? void 0 : previous.engine) === "crashed")) {
+      this.watchForView(this.ws);
+    }
+    if (snapshotAt !== void 0) this.lastSnapshotAt = snapshotAt;
     const lost = view.sessionLost ?? null;
     const newlyLost = Boolean(lost) && !(previous == null ? void 0 : previous.sessionLost);
     if (newlyLost) {
       this.session = null;
       this.log(`o Callix derrubou a sessão: ${(lost == null ? void 0 : lost.message) ?? ""}`);
     }
-    const user = (_a2 = view.snapshot) == null ? void 0 : _a2.leg.user;
+    const user = (_b = view.snapshot) == null ? void 0 : _b.leg.user;
     this.userSignal.set(user ? { ...user, sessionId: 0 } : void 0);
-    const call = (_b = view.snapshot) == null ? void 0 : _b.leg.call;
+    const call = (_c = view.snapshot) == null ? void 0 : _c.leg.call;
     const patch = { view, sessionLost: lost ? { originator: lost.originator, message: lost.message } : null };
+    if (this.connectionError && this.state.lastError === this.connectionError) patch.lastError = null;
+    this.connectionError = null;
     if (call && typeof call.muted === "boolean" && call.muted !== this.state.inputMuted && call.state !== "ended") patch.inputMuted = call.muted;
     this.setState(patch);
     for (const waiter of this.viewWaiters.splice(0)) {
+      if (this.state.wsState !== "open" || !this.state.tabId) {
+        this.viewWaiters.push(waiter);
+        continue;
+      }
       if (waiter.accept && !waiter.accept(view)) {
         this.viewWaiters.push(waiter);
         continue;
@@ -44087,6 +44129,7 @@ class EngineClient {
   }
   command(command) {
     if (this.ws && this.ws.readyState === WebSocket.OPEN && this.state.tabId) {
+      this.setState({ lastError: null });
       this.send({ type: "command", command });
       this.log(`comando: ${command.name}${command.phone ? ` ${command.phone}` : ""}`);
       return;
@@ -44094,7 +44137,8 @@ class EngineClient {
     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.connectionError = "Sem conexão com o motor neste momento; o comando será enviado assim que ela voltar.";
+    this.setState({ lastError: this.connectionError });
     this.connect();
   }
   /** manda os comandos guardados que ainda fazem sentido (os velhos poderiam atingir outra chamada) */
@@ -44356,13 +44400,13 @@ class EngineCall {
     return Math.max(0, Math.floor((Date.now() - from) / 1e3));
   }
   answer() {
-    this.client.command({ name: "answer" });
+    engineCommand(this.client, { name: "answer" });
   }
   reject() {
-    this.client.command({ name: "reject" });
+    engineCommand(this.client, { name: "reject" });
   }
   hangup() {
-    this.client.command({ name: "hangup" });
+    engineCommand(this.client, { name: "hangup" });
   }
   isOnHold() {
     return { local: false, remote: false };
@@ -44381,7 +44425,7 @@ class EngineCall {
     this.client.setInputMuted(false);
   }
   sendDtmf(tones) {
-    this.client.command({ name: "dtmf", tones });
+    engineCommand(this.client, { name: "dtmf", tones });
   }
   on(event, listener) {
     let set = this.listeners.get(event);
@@ -44417,10 +44461,12 @@ class EngineCall {
   }
 }
 function operatorStateFromView(view, call) {
-  var _a2, _b, _c;
+  var _a2, _b, _c, _d, _e;
   if (!view) return void 0;
-  if (((_a2 = view.sessionLost) == null ? void 0 : _a2.originator) === "anotherDevice") return { state: "startupError", error: "userIsAlreadyConnectedOnAnotherDevice" };
-  const leg = (_b = view.snapshot) == null ? void 0 : _b.leg;
+  if (view.logoffError || ((_a2 = view.snapshot) == null ? void 0 : _a2.leg.logoffError)) return { state: "startupError", error: "unknownError" };
+  if (view.loggingOff || ((_b = view.snapshot) == null ? void 0 : _b.leg.loggingOff)) return { state: "starting" };
+  if (((_c = view.sessionLost) == null ? void 0 : _c.originator) === "anotherDevice") return { state: "startupError", error: "userIsAlreadyConnectedOnAnotherDevice" };
+  const leg = (_d = view.snapshot) == null ? void 0 : _d.leg;
   if (!leg) {
     if (view.engine === "starting") return { state: "starting" };
     if (view.engine === "running") return { state: "starting" };
@@ -44435,7 +44481,7 @@ function operatorStateFromView(view, call) {
     case "ringing":
       return { state: "callRinging", call: asCall };
     case "dialing":
-      return ((_c = leg.call) == null ? void 0 : _c.state) === "ringing" ? { state: "manualCallRinging", call: asCall } : { state: "manualCallSetup", call: asCall };
+      return ((_e = leg.call) == null ? void 0 : _e.state) === "ringing" ? { state: "manualCallRinging", call: asCall } : { state: "manualCallSetup", call: asCall };
     case "inCall":
       return { state: "callInProgress", call: asCall };
     case "afterCall":
@@ -44448,6 +44494,30 @@ function operatorStateFromView(view, call) {
       return { state: "startupError", error: "unknownError" };
   }
 }
+function operatorStateFromClientState(state, call) {
+  if (state.wsState !== "open" || !state.tabId || !state.view) return { state: "starting" };
+  if (state.rejected) return { state: "startupError", error: "unknownError" };
+  return operatorStateFromView(state.view, call);
+}
+function assertEngineCommand(client2, allowDisconnected = false) {
+  var _a2, _b, _c, _d;
+  const state = client2.getState();
+  const view = state.view;
+  const error2 = ((_a2 = state.rejected) == null ? void 0 : _a2.message) ?? ((_b = state.sessionLost) == null ? void 0 : _b.message) ?? (view == null ? void 0 : view.logoffError) ?? ((_c = view == null ? void 0 : view.snapshot) == null ? void 0 : _c.leg.logoffError);
+  if (error2) throw new Error(error2);
+  if ((view == null ? void 0 : view.loggingOff) || ((_d = view == null ? void 0 : view.snapshot) == null ? void 0 : _d.leg.loggingOff)) throw new Error("Aguarde o encerramento da sessão antes de usar o discador.");
+  if (state.wsState !== "open" || !state.tabId || !view) {
+    if (allowDisconnected) return;
+    throw new Error("Sem conexão com o motor. Aguarde a reconexão antes de usar o discador.");
+  }
+  if (view.engine !== "running" || !view.snapshot || view.snapshot.leg.status === "offline" || view.snapshot.leg.status === "error" || view.snapshot.leg.status === "starting") {
+    throw new Error("O atendimento ainda não está conectado ao Callix. Aguarde antes de usar o discador.");
+  }
+}
+function engineCommand(client2, command) {
+  assertEngineCommand(client2, command.name === "hangup");
+  client2.command(command);
+}
 function callInfoFromView(view) {
   var _a2;
   const leg = (_a2 = view == null ? void 0 : view.snapshot) == null ? void 0 : _a2.leg;
@@ -44479,9 +44549,9 @@ function callInfoFromView(view) {
   return { type: "manual", info: { successQualifications, discardQualifications } };
 }
 function useEngineCall(client2) {
-  var _a2, _b;
+  var _a2, _b, _c, _d, _e, _f, _g, _h;
   const state = useEngineState(client2);
-  const snapshot = ((_b = (_a2 = state.view) == null ? void 0 : _a2.snapshot) == null ? void 0 : _b.leg.call) ?? null;
+  const snapshot = state.wsState === "open" && state.tabId && !((_a2 = state.view) == null ? void 0 : _a2.logoffError) && !((_b = state.view) == null ? void 0 : _b.loggingOff) && !((_d = (_c = state.view) == null ? void 0 : _c.snapshot) == null ? void 0 : _d.leg.logoffError) && !((_f = (_e = state.view) == null ? void 0 : _e.snapshot) == null ? void 0 : _f.leg.loggingOff) ? ((_h = (_g = state.view) == null ? void 0 : _g.snapshot) == null ? void 0 : _h.leg.call) ?? null : null;
   const ref = useRef(null);
   if (!snapshot || snapshot.state === "ended") {
     ref.current = null;
@@ -44495,7 +44565,7 @@ function useEngineCall(client2) {
 function useEngineOperatorState(client2) {
   const state = useEngineState(client2);
   const call = useEngineCall(client2);
-  return useMemo(() => operatorStateFromView(state.view, call), [state.view, call]);
+  return useMemo(() => operatorStateFromClientState(state, call), [state, call]);
 }
 function useEngineCurrentCall(client2) {
   const call = useEngineCall(client2);
@@ -44520,15 +44590,16 @@ function useEngineControls(client2) {
     () => ({
       becomeAvailable: () => {
         var _a2, _b;
+        assertEngineCommand(client2);
         const status = (_b = (_a2 = client2.getState().view) == null ? void 0 : _a2.snapshot) == null ? void 0 : _b.leg.status;
-        if (status === "onBreak") client2.command({ name: "resume" });
+        if (status === "onBreak") engineCommand(client2, { name: "resume" });
       },
       goOffline: () => void 0,
-      enterOnBreak: (breakId) => client2.command(pauseCommand(breakId)),
-      makeManualCall: (phoneNumber) => client2.command({ name: "dial", phone: phoneNumber }),
+      enterOnBreak: (breakId) => engineCommand(client2, pauseCommand(breakId)),
+      makeManualCall: (phoneNumber) => engineCommand(client2, { name: "dial", phone: phoneNumber }),
       finishAfterCall: (data) => {
-        if (typeof data.qualificationId === "number") client2.command({ name: "qualify", qualificationId: data.qualificationId, result: data.result === "failure" ? "discard" : "success" });
-        else client2.command({ name: "finish" });
+        if (typeof data.qualificationId === "number") engineCommand(client2, { name: "qualify", qualificationId: data.qualificationId, result: data.result === "failure" ? "discard" : "success" });
+        else engineCommand(client2, { name: "finish" });
       }
     }),
     [client2]
@@ -44537,9 +44608,9 @@ function useEngineControls(client2) {
 function useEngineCurrentCallControls(client2) {
   return useMemo(
     () => ({
-      answer: () => client2.command({ name: "answer" }),
-      reject: () => client2.command({ name: "reject" }),
-      hangup: () => client2.command({ name: "hangup" }),
+      answer: () => engineCommand(client2, { name: "answer" }),
+      reject: () => engineCommand(client2, { name: "reject" }),
+      hangup: () => engineCommand(client2, { name: "hangup" }),
       isOnHold: () => ({ local: false, remote: false }),
       hold: async () => void 0,
       unhold: async () => void 0,
@@ -44592,13 +44663,14 @@ function engineOperator(client2) {
       goOffline: () => void 0,
       becomeAvailable: () => {
         var _a2, _b;
-        if (((_b = (_a2 = client2.getState().view) == null ? void 0 : _a2.snapshot) == null ? void 0 : _b.leg.status) === "onBreak") client2.command({ name: "resume" });
+        assertEngineCommand(client2);
+        if (((_b = (_a2 = client2.getState().view) == null ? void 0 : _a2.snapshot) == null ? void 0 : _b.leg.status) === "onBreak") engineCommand(client2, { name: "resume" });
       },
-      enterOnBreak: (breakId) => client2.command(pauseCommand(breakId)),
-      makeManualCall: (phoneNumber) => client2.command({ name: "dial", phone: phoneNumber }),
+      enterOnBreak: (breakId) => engineCommand(client2, pauseCommand(breakId)),
+      makeManualCall: (phoneNumber) => engineCommand(client2, { name: "dial", phone: phoneNumber }),
       finishAfterCall: (data) => {
-        if (typeof data.qualificationId === "number") client2.command({ name: "qualify", qualificationId: data.qualificationId, result: data.result === "failure" ? "discard" : "success" });
-        else client2.command({ name: "finish" });
+        if (typeof data.qualificationId === "number") engineCommand(client2, { name: "qualify", qualificationId: data.qualificationId, result: data.result === "failure" ? "discard" : "success" });
+        else engineCommand(client2, { name: "finish" });
       }
     };
     operators.set(client2, operator);
@@ -57872,8 +57944,14 @@ function LiveCaptionPanelInner({ client: client2, maxLines }) {
   ] });
 }
 function useDialerNotices(options = {}) {
+  var _a2, _b, _c;
   const operatorState = useCallOperatorState();
   const currentCall = useCallOperatorCurrentCall();
+  const engine = useEngineClient();
+  const subscribeEngine = useCallback((listener) => engine ? engine.subscribe(listener) : () => {
+  }, [engine]);
+  const readEngine = useCallback(() => (engine == null ? void 0 : engine.getState()) ?? null, [engine]);
+  const engineState = useSyncExternalStore(subscribeEngine, readEngine, readEngine);
   const [deviceIssue, setDeviceIssue] = useState(null);
   const [sessionDrop, setSessionDrop] = useState(null);
   const [callFailure, setCallFailure] = useState(null);
@@ -57886,7 +57964,7 @@ function useDialerNotices(options = {}) {
     setDeviceIssue(issue);
   }, [options.checkDevices]);
   useEffect(() => {
-    var _a2;
+    var _a3;
     if (options.checkDevices === false) return;
     let cancelled = false;
     const run = async () => {
@@ -57896,11 +57974,11 @@ function useDialerNotices(options = {}) {
     void run();
     const mediaDevices = typeof navigator !== "undefined" ? navigator.mediaDevices : void 0;
     const handler = () => void run();
-    (_a2 = mediaDevices == null ? void 0 : mediaDevices.addEventListener) == null ? void 0 : _a2.call(mediaDevices, "devicechange", handler);
+    (_a3 = mediaDevices == null ? void 0 : mediaDevices.addEventListener) == null ? void 0 : _a3.call(mediaDevices, "devicechange", handler);
     return () => {
-      var _a3;
+      var _a4;
       cancelled = true;
-      (_a3 = mediaDevices == null ? void 0 : mediaDevices.removeEventListener) == null ? void 0 : _a3.call(mediaDevices, "devicechange", handler);
+      (_a4 = mediaDevices == null ? void 0 : mediaDevices.removeEventListener) == null ? void 0 : _a4.call(mediaDevices, "devicechange", handler);
     };
   }, [options.checkDevices]);
   useCallOperatorEventListener("userSessionDropped", (data) => {
@@ -57909,8 +57987,8 @@ function useDialerNotices(options = {}) {
   useEffect(() => {
     if (!(currentCall == null ? void 0 : currentCall.on)) return;
     const handleFailed = (event) => {
-      var _a2;
-      const failure = (event == null ? void 0 : event.failure) ?? ((_a2 = currentCall.toCallData) == null ? void 0 : _a2.call(currentCall).failure) ?? null;
+      var _a3;
+      const failure = (event == null ? void 0 : event.failure) ?? ((_a3 = currentCall.toCallData) == null ? void 0 : _a3.call(currentCall).failure) ?? null;
       setCallFailure(failure ?? { cause: null });
       setDismissedCode(null);
       if (failureTimer.current) clearTimeout(failureTimer.current);
@@ -57918,14 +57996,14 @@ function useDialerNotices(options = {}) {
     };
     currentCall.on("failed", handleFailed);
     return () => {
-      var _a2;
-      (_a2 = currentCall.off) == null ? void 0 : _a2.call(currentCall, "failed", handleFailed);
+      var _a3;
+      (_a3 = currentCall.off) == null ? void 0 : _a3.call(currentCall, "failed", handleFailed);
     };
   }, [currentCall, ttl]);
   useEffect(() => {
-    var _a2, _b;
+    var _a3, _b2;
     if ((operatorState == null ? void 0 : operatorState.state) !== "manualCallFailed") return;
-    const failure = ((_b = (_a2 = operatorState.call) == null ? void 0 : _a2.toCallData) == null ? void 0 : _b.call(_a2).failure) ?? null;
+    const failure = ((_b2 = (_a3 = operatorState.call) == null ? void 0 : _a3.toCallData) == null ? void 0 : _b2.call(_a3).failure) ?? null;
     setCallFailure((current) => current ?? failure ?? { cause: null });
     setDismissedCode(null);
   }, [operatorState]);
@@ -57938,13 +58016,26 @@ function useDialerNotices(options = {}) {
   useEffect(() => () => {
     if (failureTimer.current) clearTimeout(failureTimer.current);
   }, []);
-  const notice = pickNotice({
+  let notice = pickNotice({
     deviceIssue,
     operatorState: (operatorState == null ? void 0 : operatorState.state) ?? null,
     startupError: (operatorState == null ? void 0 : operatorState.state) === "startupError" ? operatorState.error ?? null : null,
     sessionDrop,
     callFailure
   });
+  const logoffError = ((_a2 = engineState == null ? void 0 : engineState.view) == null ? void 0 : _a2.logoffError) ?? ((_c = (_b = engineState == null ? void 0 : engineState.view) == null ? void 0 : _b.snapshot) == null ? void 0 : _c.leg.logoffError);
+  const reconnecting = Boolean(engineState && (engineState.wsState !== "open" || !engineState.tabId));
+  const engineError = logoffError ?? (engineState == null ? void 0 : engineState.lastError);
+  if (engineState && !sessionDrop && (engineError || reconnecting)) {
+    notice = {
+      level: "error",
+      source: "offline",
+      title: logoffError ? "Saída não concluída" : reconnecting ? "Reconectando ao discador" : "Comando não concluído",
+      detail: engineError || "Aguardando a conexão e o estado atual do motor.",
+      action: logoffError ? "Clique em Sair novamente para concluir o encerramento da sessão." : reconnecting ? "Aguarde a conexão voltar antes de ligar." : "Confira o estado do discador e tente novamente.",
+      code: logoffError ? "engine:logoff" : reconnecting ? "engine:reconnecting" : "engine:command"
+    };
+  }
   const visible = notice && notice.code !== dismissedCode ? notice : null;
   const dismiss = useCallback(() => {
     if (!notice) return;
@@ -58778,7 +58869,7 @@ function AuthenticatedMobileDialer({
   showClientInfoModal = false,
   density
 }) {
-  var _a2, _b, _c, _d, _e, _f;
+  var _a2, _b, _c, _d, _e;
   const { skipManualQualification } = useDialerConfig();
   const [dialValue, setDialValue] = useState("");
   const [activeScreen, setActiveScreen] = useState("dialer");
@@ -58792,7 +58883,6 @@ function AuthenticatedMobileDialer({
   const [isClientInfoModalOpen, setIsClientInfoModalOpen] = useState(false);
   const [isDebugPanelOpen, setIsDebugPanelOpen] = useState(false);
   useDebugLogger();
-  const [currentBreakName, setCurrentBreakName] = useState(null);
   const [pauseStartTime, setPauseStartTime] = useState(null);
   const [pauseDurationSeconds, setPauseDurationSeconds] = useState(0);
   const [contactData, setContactData] = useState({
@@ -58828,6 +58918,10 @@ function AuthenticatedMobileDialer({
   const breaks = useSignal(operator == null ? void 0 : operator.breaks) || [];
   const userData = useSignal(operator == null ? void 0 : operator.user);
   const isOnBreak = (operatorState == null ? void 0 : operatorState.state) === "onBreak";
+  const activeBreak = (operatorState == null ? void 0 : operatorState.state) === "onBreak" ? operatorState.break : void 0;
+  const activeBreakId = activeBreak == null ? void 0 : activeBreak.id;
+  const hasConfirmedPauseState = isOnBreak || ["idle", "manualCallSetup", "manualCallRinging", "manualCallFailed", "callRinging", "callInProgress", "afterCall"].includes((operatorState == null ? void 0 : operatorState.state) ?? "");
+  const previousBreakRef = useRef({ isOnBreak, id: activeBreakId, confirmed: hasConfirmedPauseState });
   const [inputMuted, setInputMuted] = useCallOperatorAudioInputMuted();
   const haptic = useHaptic();
   const dtmf = useDTMF({ enabled: true });
@@ -58927,8 +59021,12 @@ function AuthenticatedMobileDialer({
   const INITIAL_BREAK_ID = 5;
   const INITIAL_BREAK_NAME = "Reunião";
   const callState = operatorState == null ? void 0 : operatorState.state;
-  const hasEnteredInitialBreakRef = useRef(false);
+  const hasEnteredInitialBreakRef = useRef(isOnBreak);
   useEffect(() => {
+    if (isOnBreak) {
+      hasEnteredInitialBreakRef.current = true;
+      return;
+    }
     if (breaks.length === 0 || callState !== "idle" || hasEnteredInitialBreakRef.current || isOnBreak) {
       return;
     }
@@ -58941,10 +59039,8 @@ function AuthenticatedMobileDialer({
     );
     if (reuniaoBreak) {
       console.log("[MobileDialer] Operador conectado (idle), entrando em pausa inicial:", reuniaoBreak.name);
-      Promise.resolve(goOnBreak(reuniaoBreak.id)).then(() => {
-        console.log("[MobileDialer] Pausa inicial aplicada com sucesso:", reuniaoBreak.name);
-        setCurrentBreakName(reuniaoBreak.name);
-        setPauseStartTime(Date.now());
+      Promise.resolve().then(() => goOnBreak(reuniaoBreak.id)).then(() => {
+        console.log("[MobileDialer] Pausa inicial solicitada:", reuniaoBreak.name);
       }).catch((err) => {
         console.error("[MobileDialer] Falha ao entrar em pausa:", err);
         hasEnteredInitialBreakRef.current = false;
@@ -58952,10 +59048,8 @@ function AuthenticatedMobileDialer({
     } else {
       const firstBreak = breaks[0];
       console.log('[MobileDialer] Pausa "Reunião" não encontrada, usando:', firstBreak.name);
-      Promise.resolve(goOnBreak(firstBreak.id)).then(() => {
-        console.log("[MobileDialer] Pausa inicial aplicada com sucesso:", firstBreak.name);
-        setCurrentBreakName(firstBreak.name);
-        setPauseStartTime(Date.now());
+      Promise.resolve().then(() => goOnBreak(firstBreak.id)).then(() => {
+        console.log("[MobileDialer] Pausa inicial solicitada:", firstBreak.name);
       }).catch((err) => {
         console.error("[MobileDialer] Falha ao entrar em pausa:", err);
         hasEnteredInitialBreakRef.current = false;
@@ -59037,7 +59131,8 @@ function AuthenticatedMobileDialer({
   const { notice: dialerNotice, dismiss: dismissDialerNotice, recheckDevices } = useDialerNotices();
   const [noticeHeight, setNoticeHeight] = useState(0);
   const isError = callStateStr === "startupError" || callStateStr === "offline" || (dialerNotice == null ? void 0 : dialerNotice.source) === "device" || (dialerNotice == null ? void 0 : dialerNotice.source) === "session";
-  const isIdle = !callStateStr || callStateStr === "starting" || callStateStr === "idle" || callStateStr === "manualCallSetup" || callStateStr === "onBreak";
+  const isReconnecting = !callStateStr || callStateStr === "starting";
+  const isIdle = callStateStr === "idle" || callStateStr === "onBreak";
   const isConnecting = callState === "manualCallSetup" || callState === "manualCallRinging" || callState === "callRinging";
   const isInCall = callState === "callInProgress";
   const isAfterCall = callState === "afterCall";
@@ -59070,22 +59165,32 @@ function AuthenticatedMobileDialer({
     return () => clearInterval(interval);
   }, [isInCall]);
   useEffect(() => {
-    if (!isOnBreak || !pauseStartTime) {
+    const previous = previousBreakRef.current;
+    if (!hasConfirmedPauseState) {
+      previousBreakRef.current = { ...previous, confirmed: false };
       return;
     }
-    const interval = setInterval(() => {
-      const elapsed = Math.floor((Date.now() - pauseStartTime) / 1e3);
-      setPauseDurationSeconds(elapsed);
-    }, 1e3);
-    return () => clearInterval(interval);
-  }, [isOnBreak, pauseStartTime]);
-  useEffect(() => {
-    if (!isOnBreak && currentBreakName) {
-      setCurrentBreakName(null);
+    previousBreakRef.current = { isOnBreak, id: activeBreakId, confirmed: true };
+    if (!isOnBreak) {
       setPauseStartTime(null);
       setPauseDurationSeconds(0);
+    } else if (previous.confirmed && !previous.isOnBreak || previous.isOnBreak && previous.id !== activeBreakId) {
+      setPauseStartTime(Date.now());
+      setPauseDurationSeconds(0);
     }
-  }, [isOnBreak, currentBreakName]);
+  }, [isOnBreak, activeBreakId, hasConfirmedPauseState]);
+  useEffect(() => {
+    if (!isOnBreak || pauseStartTime === null) {
+      return;
+    }
+    const update2 = () => {
+      const elapsed = Math.max(0, Math.floor((Date.now() - pauseStartTime) / 1e3));
+      setPauseDurationSeconds(elapsed);
+    };
+    update2();
+    const interval = setInterval(update2, 1e3);
+    return () => clearInterval(interval);
+  }, [isOnBreak, pauseStartTime]);
   useEffect(() => {
     const onClickToCall = (event) => {
       const task = event.detail;
@@ -59211,6 +59316,7 @@ function AuthenticatedMobileDialer({
     setDialValue((prev) => prev.slice(0, -1));
   }, [haptic]);
   const handleCall = useCallback(async () => {
+    if (!isIdle) return;
     console.log("[MobileDialer] handleCall triggered, dialValue:", dialValue);
     addLog("event", "Call", "📞 Iniciando chamada manual", { dialValue });
     const sanitized = sanitizeInput(dialValue);
@@ -59243,7 +59349,7 @@ function AuthenticatedMobileDialer({
       setCallError("Erro ao iniciar chamada.");
       haptic.notificationError();
     }
-  }, [dialValue, makeManualCall, sanitizeInput, haptic]);
+  }, [dialValue, makeManualCall, sanitizeInput, haptic, isIdle]);
   const handleHangup = useCallback(async () => {
     if (!hangup) return;
     addLog("event", "Call", "📴 Encerrando chamada");
@@ -59415,28 +59521,21 @@ function AuthenticatedMobileDialer({
     async (breakId) => {
       if (!goOnBreak) return;
       try {
-        const selectedBreak = breaks.find((b) => b.id === breakId);
         await goOnBreak(breakId);
         haptic.notificationSuccess();
-        setCurrentBreakName((selectedBreak == null ? void 0 : selectedBreak.name) ?? "Em pausa");
-        setPauseStartTime(Date.now());
-        setPauseDurationSeconds(0);
         setIsPauseModalOpen(false);
       } catch (error2) {
         console.error("Erro ao entrar em pausa", error2);
         haptic.notificationError();
       }
     },
-    [goOnBreak, breaks, haptic]
+    [goOnBreak, haptic]
   );
   const handleGoOffBreak = useCallback(async () => {
     if (!goOffBreak) return;
     try {
       await goOffBreak();
       haptic.notificationSuccess();
-      setCurrentBreakName(null);
-      setPauseStartTime(null);
-      setPauseDurationSeconds(0);
       setIsPauseModalOpen(false);
     } catch (error2) {
       console.error("Erro ao sair de pausa", error2);
@@ -59482,6 +59581,7 @@ function AuthenticatedMobileDialer({
     return activeCallNumber ? formatPhoneForDisplay(activeCallNumber) : "(--) ----- ----";
   }, [callInfo, formattedDial, activeCallNumber]);
   const callStatusLabel = useMemo(() => {
+    if (isReconnecting) return "Conectando...";
     if (isConnecting) return "Ligando...";
     if (isInCall) return "Em chamada";
     if (isAfterCall) return "Encerrando...";
@@ -59489,19 +59589,22 @@ function AuthenticatedMobileDialer({
     if (isError) return (dialerNotice == null ? void 0 : dialerNotice.title) ?? "Erro de conexão";
     if (isOnBreak) return "Em pausa";
     return "Disponível";
-  }, [callStateStr, dialerNotice, isAfterCall, isConnecting, isError, isInCall, isOnBreak]);
+  }, [callStateStr, dialerNotice, isAfterCall, isConnecting, isError, isInCall, isOnBreak, isReconnecting]);
   const statusBadgeClass = useMemo(() => {
+    if (isReconnecting) return "connecting";
     if (isError) return "error";
     if (isOnBreak) return "paused";
     return "available";
-  }, [isError, isOnBreak]);
-  const activeBreakName = (operatorState == null ? void 0 : operatorState.state) === "onBreak" ? (_b = operatorState.break) == null ? void 0 : _b.name : void 0;
+  }, [isError, isOnBreak, isReconnecting]);
+  const activeBreakName = activeBreak == null ? void 0 : activeBreak.name;
   const statusBadgeText = useMemo(() => {
+    if (isReconnecting) return "Conectando";
     if (isError) return (dialerNotice == null ? void 0 : dialerNotice.source) === "device" ? dialerNotice.title : "Erro";
-    if (isOnBreak) return currentBreakName || activeBreakName || "Em pausa";
+    if (isOnBreak) return activeBreakName || "Em pausa";
     return "Disponível";
-  }, [dialerNotice, isError, isOnBreak, currentBreakName, activeBreakName]);
+  }, [dialerNotice, isError, isOnBreak, activeBreakName, isReconnecting]);
   const pauseDurationLabel = useMemo(() => {
+    if (pauseStartTime === null) return "--:--";
     const hours = Math.floor(pauseDurationSeconds / 3600);
     const minutes = Math.floor(pauseDurationSeconds % 3600 / 60).toString().padStart(2, "0");
     const seconds = (pauseDurationSeconds % 60).toString().padStart(2, "0");
@@ -59509,7 +59612,7 @@ function AuthenticatedMobileDialer({
       return `${hours}:${minutes}:${seconds}`;
     }
     return `${minutes}:${seconds}`;
-  }, [pauseDurationSeconds]);
+  }, [pauseDurationSeconds, pauseStartTime]);
   const callDurationLabel = useMemo(() => {
     const m = Math.floor(callDurationSeconds / 60).toString().padStart(2, "0");
     const s = (callDurationSeconds % 60).toString().padStart(2, "0");
@@ -59550,7 +59653,7 @@ function AuthenticatedMobileDialer({
           isOnBreak ? /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: "resume-btn", id: "resumeBtn", onClick: handleGoOffBreak, children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: "fas fa-play" }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Voltar" })
-          ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: "pause-btn", id: "pauseBtn", onClick: () => setIsPauseModalOpen(true), children: [
+          ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: "pause-btn", id: "pauseBtn", disabled: isReconnecting || callStateStr === "offline" || callStateStr === "startupError", onClick: () => setIsPauseModalOpen(true), children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: "fas fa-pause" }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Pausa" })
           ] }),
@@ -59638,15 +59741,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"]) ?? ((_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("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("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"]) ?? ((_e = callInfo.info.campaignContact) == null ? void 0 : _e.label) ?? "--" })
+              /* @__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.jsxs("div", { className: "client-info-row", children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "client-info-label", children: "Empresa" }),
@@ -59843,7 +59946,7 @@ function AuthenticatedMobileDialer({
       {
         isOpen: isClientInfoModalOpen,
         campaignCallInfo,
-        campaignContactPhoneId: ((_f = currentCall == null ? void 0 : currentCall.data) == null ? void 0 : _f.campaignContactPhoneId) ?? null,
+        campaignContactPhoneId: ((_e = currentCall == null ? void 0 : currentCall.data) == null ? void 0 : _e.campaignContactPhoneId) ?? null,
         callDuration: callDurationSeconds,
         isCallActive: isInCall || isConnecting,
         onClose: () => setIsClientInfoModalOpen(false)
@@ -60878,7 +60981,7 @@ function ClickToCallAgent({ enabled = true, pollIntervalMs, sessionToken, onTask
   }, [enabled, pollIntervalMs, sessionToken]);
   return null;
 }
-const WIDGET_VERSION = "2.8.4";
+const WIDGET_VERSION = "2.8.5";
 let currentSipWebSocket = null;
 function sendSipUnregisterIfPossible(ws) {
   if (ws.readyState !== WebSocket.OPEN) return;
@@ -61236,6 +61339,7 @@ function DialerWrapper({ options, containerEl }) {
   const [tabDecided, setTabDecided] = useState(false);
   const [tabNote, setTabNote] = useState(null);
   const [engineWaiting, setEngineWaiting] = useState(false);
+  const [engineError, setEngineError] = useState(null);
   const busRef = useRef(null);
   const takeoverTimerRef = useRef(null);
   const isAuthenticatedRef = useRef(false);
@@ -61388,6 +61492,7 @@ function DialerWrapper({ options, containerEl }) {
     [options.domain, options.apiUrl]
   );
   const enterEngine = useCallback(async (user, domain, token) => {
+    var _a2, _b, _c, _d;
     if (token) {
       const skip = await fetchSkipQualification(domain, token);
       if (skip !== null) {
@@ -61398,6 +61503,16 @@ function DialerWrapper({ options, containerEl }) {
         }
       }
     }
+    const engineState = (_a2 = engineRef.current) == null ? void 0 : _a2.getState();
+    if (!engineState || engineState.wsState !== "open" || !engineState.tabId || !engineState.view || engineState.rejected) {
+      throw new Error("A conexão com o motor caiu. Aguarde a reconexão antes de entrar.");
+    }
+    if (engineState.view.engine !== "running" && engineState.view.engine !== "starting" || engineState.sessionLost || engineState.view.sessionLost) {
+      throw new Error("A sessão do motor foi encerrada durante a entrada. Entre novamente.");
+    }
+    if (engineState.view.logoffError || engineState.view.loggingOff || ((_b = engineState.view.snapshot) == null ? void 0 : _b.leg.logoffError) || ((_c = engineState.view.snapshot) == null ? void 0 : _c.leg.loggingOff)) {
+      throw new Error(engineState.view.logoffError || ((_d = engineState.view.snapshot) == null ? void 0 : _d.leg.logoffError) || "A sessão anterior ainda está sendo encerrada.");
+    }
     try {
       localStorage.setItem(LAST_USERNAME_KEY, user);
       if (token) {
@@ -61438,12 +61553,15 @@ function DialerWrapper({ options, containerEl }) {
     if (!engineMode || !username || isRestoringSession) return;
     const user = username;
     const client2 = ensureEngine(user);
-    setEngineWaiting(!client2.getState().view);
+    const initial = client2.getState();
+    setEngineWaiting(initial.wsState !== "open" || !initial.tabId || !initial.view);
     const fallback = setTimeout(() => setEngineWaiting(false), 15e3);
     let joining = false;
     let rejectedNote = false;
     const sync = () => {
-      const { view, sessionLost, rejected } = client2.getState();
+      var _a2;
+      const { view, sessionLost, rejected, wsState, tabId, lastError } = client2.getState();
+      setEngineError((view == null ? void 0 : view.logoffError) ?? ((_a2 = view == null ? void 0 : view.snapshot) == null ? void 0 : _a2.leg.logoffError) ?? lastError ?? null);
       if (!rejected && rejectedNote) {
         rejectedNote = false;
         setTabNote(null);
@@ -61461,7 +61579,7 @@ function DialerWrapper({ options, containerEl }) {
         setTabNote(rejected.message);
         return;
       }
-      if (!view) return;
+      if (wsState !== "open" || !tabId || !view) return;
       setEngineWaiting(false);
       const hasSession = (view.engine === "running" || view.engine === "starting") && !sessionLost;
       if (hasSession && !view.loggingOff && !view.logoffError && !logoffPendingRef.current && !isAuthenticatedRef.current && !isLoadingRef.current && !joining) {
@@ -62071,7 +62189,7 @@ function DialerWrapper({ options, containerEl }) {
         onLogin: handleLogin,
         onLogout: handleLogout,
         isLoadingSession: isLoading || isRestoringSession || deciding,
-        sessionError: error2,
+        sessionError: error2 || engineError,
         sessionStatus: loginStatus,
         loginConfirmation,
         onCancelLoginConfirmation: handleCancelLoginConfirmation,
@@ -62094,7 +62212,7 @@ function DialerWrapper({ options, containerEl }) {
           onLogin: handleLogin,
           onLogout: handleLogout,
           isLoadingSession: isLoading,
-          sessionError: error2,
+          sessionError: error2 || engineError,
           sessionStatus: loginStatus,
           variant: uiVariant,
           portalTarget,