callix-dialer-widget 2.4.0 → 2.5.1

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

@@ -48425,6 +48425,125 @@ if (!globalTwind.__twindInitialized) {
   setup(config);
   globalTwind.__twindInitialized = true;
 }
+const AUDIO_ISSUES = {
+  unsupported: { level: "error", title: "Navegador sem acesso ao microfone", detail: "Este navegador não permite usar o microfone pela página.", action: "Use Chrome, Edge ou Firefox atualizados." },
+  "insecure-context": { level: "error", title: "Página sem HTTPS", detail: "O navegador só libera o microfone em páginas HTTPS (ou localhost).", action: "Abra o discador pelo endereço com https://." },
+  "no-microphone": { level: "error", title: "Sem microfone", detail: "Nenhum microfone foi encontrado neste computador, por isso o discador não consegue conectar nem ligar.", action: "Conecte um fone ou headset e confira se o microfone está habilitado nas configurações de som do Windows; o discador reconhece sozinho quando aparecer." },
+  "mic-permission-denied": { level: "error", title: "Microfone bloqueado pelo navegador", detail: "O navegador não permitiu que o discador use o microfone.", action: "Clique no cadeado ao lado do endereço, permita o microfone e recarregue a página." },
+  "mic-unavailable": { level: "error", title: "Microfone em uso ou com falha", detail: "Outro programa pode estar usando o microfone, ou o dispositivo falhou ao iniciar.", action: "Feche outros aplicativos de áudio (Teams, Meet, gravadores) e tente de novo." },
+  "no-speaker": { level: "warning", title: "Sem saída de som", detail: "Nenhum alto-falante ou fone foi encontrado: você não vai ouvir o cliente.", action: "Conecte um fone e confira o dispositivo de saída nas configurações de som." },
+  "enumerate-failed": { level: "warning", title: "Não foi possível verificar os dispositivos de áudio", detail: "O navegador não listou os dispositivos de áudio.", action: "Confira as permissões da página e recarregue." }
+};
+function audioIssue(kind, detailSuffix) {
+  const base = AUDIO_ISSUES[kind];
+  return { ...base, detail: detailSuffix ? `${base.detail} (${detailSuffix})` : base.detail, kind, source: "device", code: `device:${kind}` };
+}
+const NO_DEVICE_ERRORS = /* @__PURE__ */ new Set(["NotFoundError", "DevicesNotFoundError", "OverconstrainedError"]);
+const DENIED_ERRORS = /* @__PURE__ */ new Set(["NotAllowedError", "PermissionDeniedError", "PermissionDismissedError", "SecurityError"]);
+const UNAVAILABLE_ERRORS = /* @__PURE__ */ new Set(["NotReadableError", "TrackStartError", "AbortError", "SourceUnavailableError"]);
+function classifyGetUserMediaError(error2) {
+  const name = (error2 == null ? void 0 : error2.name) ?? "";
+  if (NO_DEVICE_ERRORS.has(name)) return "no-microphone";
+  if (DENIED_ERRORS.has(name)) return "mic-permission-denied";
+  if (UNAVAILABLE_ERRORS.has(name)) return "mic-unavailable";
+  return "mic-unavailable";
+}
+async function checkAudioDevices(options = {}) {
+  const mediaDevices = options.mediaDevices === void 0 ? typeof navigator !== "undefined" ? navigator.mediaDevices : null : options.mediaDevices;
+  const secure = options.isSecureContext ?? (typeof window !== "undefined" ? window.isSecureContext !== false : true);
+  if (!mediaDevices || typeof mediaDevices.getUserMedia !== "function") return audioIssue(secure ? "unsupported" : "insecure-context");
+  try {
+    const stream = await mediaDevices.getUserMedia({ audio: true });
+    for (const track of stream.getTracks()) track.stop();
+  } catch (error2) {
+    const kind = classifyGetUserMediaError(error2);
+    const name = error2 == null ? void 0 : error2.name;
+    return audioIssue(kind, kind === "mic-unavailable" && name ? name : void 0);
+  }
+  if (typeof mediaDevices.enumerateDevices !== "function") return null;
+  let devices;
+  try {
+    devices = await mediaDevices.enumerateDevices();
+  } catch {
+    return audioIssue("enumerate-failed");
+  }
+  if (!devices.some((device) => device.kind === "audioinput")) return audioIssue("no-microphone");
+  const canListOutputs = options.canListOutputs ?? (typeof HTMLMediaElement !== "undefined" && "setSinkId" in HTMLMediaElement.prototype);
+  if (canListOutputs && !devices.some((device) => device.kind === "audiooutput")) return audioIssue("no-speaker");
+  return null;
+}
+const STARTUP_NOTICES = {
+  missingAudioPermissions: { level: "error", title: "Discador sem acesso ao microfone", detail: "O Callix não conseguiu usar o microfone para iniciar o atendimento.", action: "Conecte ou habilite um microfone, permita o uso no navegador e recarregue a página." },
+  maxUsersReached: { level: "error", title: "Limite de usuários do Callix atingido", detail: "O serviço já está com o número máximo de agentes conectados.", action: "Aguarde um colega sair ou fale com o supervisor." },
+  userIsAlreadyConnectedOnAnotherDevice: { level: "error", title: "Usuário já conectado em outro lugar", detail: "Este login está ativo em outro computador, aba ou no Callix web.", action: "Saia de lá (ou feche a outra aba) e entre de novo aqui." },
+  unknownError: { level: "error", title: "O discador não conseguiu iniciar", detail: "O Callix não respondeu como esperado ao iniciar o atendimento.", action: "Recarregue a página; se continuar, confira a internet e avise o suporte." }
+};
+function describeStartupError(error2) {
+  const kind = error2 && error2 in STARTUP_NOTICES ? error2 : "unknownError";
+  return { ...STARTUP_NOTICES[kind], source: "startup", code: `startup:${kind}` };
+}
+const SESSION_DROP_NOTICES = {
+  exclusiveLogin: { level: "error", title: "Você entrou em outro lugar", detail: "Este login foi aberto em outro computador, aba ou no Callix web, e a sessão daqui foi encerrada.", action: "Feche o outro acesso e entre de novo aqui." },
+  supervisor: { level: "error", title: "Sessão encerrada pelo supervisor", detail: "Um supervisor desconectou você do atendimento.", action: "Fale com o supervisor antes de entrar de novo." },
+  userBlocked: { level: "error", title: "Usuário bloqueado", detail: "Seu usuário foi bloqueado no Callix.", action: "Fale com o supervisor ou o administrador." },
+  breakTimeLimit: { level: "warning", title: "Tempo de pausa excedido", detail: "A pausa passou do limite e o Callix encerrou a sessão.", action: "Entre de novo para voltar ao atendimento." },
+  manualCallTimeLimit: { level: "warning", title: "Tempo de chamada manual excedido", detail: "A chamada manual passou do limite configurado e a sessão foi encerrada.", action: "Entre de novo para continuar." },
+  idle: { level: "warning", title: "Sessão encerrada por inatividade", detail: "Ficou muito tempo sem atividade e o Callix desconectou.", action: "Entre de novo para continuar." },
+  user: { level: "warning", title: "Você saiu do atendimento", detail: "A sessão foi encerrada a seu pedido.", action: "Entre de novo quando quiser voltar." }
+};
+function describeSessionDrop(originator) {
+  const kind = originator && originator in SESSION_DROP_NOTICES ? originator : null;
+  if (!kind) return { level: "error", source: "session", code: "session:unknown", title: "Sessão encerrada", detail: `A sessão no Callix foi encerrada${originator ? ` (${originator})` : ""}.`, action: "Entre de novo para continuar." };
+  return { ...SESSION_DROP_NOTICES[kind], source: "session", code: `session:${kind}` };
+}
+function describeOffline() {
+  return { level: "error", source: "offline", code: "offline", title: "Discador desconectado do Callix", detail: "O atendimento está offline: sem internet, sem microfone ou o Callix derrubou a conexão.", action: "Confira a internet e o microfone; o discador tenta reconectar sozinho. Se não voltar, recarregue a página." };
+}
+const REJECT_REASONS = {
+  1: { title: "Número inválido", detail: "O Callix recusou o número discado.", action: "Confira o DDD e o número." },
+  2: { title: "Usuário não encontrado", detail: "O Callix não reconheceu o usuário para esta chamada.", action: "Saia e entre de novo no discador." },
+  3: { title: "Equipe bloqueada para ligar", detail: "Sua equipe está sem permissão de chamada manual neste momento.", action: "Fale com o supervisor." },
+  4: { title: "Número na black list", detail: "Este número está na lista de bloqueio e não pode ser discado." },
+  5: { title: "Sem rota para este número", detail: "A telefonia não tem rota de saída para este destino.", action: "Confira o número ou fale com o suporte." },
+  6: { title: "Chamada recusada pelo Callix", detail: "O Callix não autorizou esta chamada." },
+  7: { title: "Erro interno do Callix", detail: "O Callix falhou ao iniciar a chamada.", action: "Tente de novo em instantes." },
+  8: { title: "Ligação internacional não autorizada", detail: "Chamadas internacionais estão desligadas para o seu usuário.", action: "Fale com o supervisor." },
+  9: { title: "Saldo de telefonia insuficiente", detail: "A conta de telefonia do Callix está sem saldo.", action: "Avise o administrador." },
+  10: { title: "Caixa postal ou silêncio", detail: "A chamada caiu em caixa postal ou ninguém falou do outro lado." }
+};
+const CAUSES = {
+  Busy: { title: "Número ocupado", detail: "O destino está em outra ligação.", action: "Tente de novo em alguns minutos." },
+  Unavailable: { title: "Número indisponível", detail: "O destino não atendeu ou está fora de área." },
+  "Not Found": { title: "Número não existe", detail: "A operadora respondeu que este número não existe.", action: "Confira o DDD e o número." },
+  "Address Incomplete": { title: "Número incompleto", detail: "Faltam dígitos no número discado.", action: "Confira o DDD e o número." },
+  "Blocked By Carrier": { title: "Bloqueado pela operadora", detail: "A operadora bloqueou a chamada para este destino." },
+  Rejected: { title: "Chamada recusada", detail: "O destino ou a operadora recusou a chamada." },
+  "SIP Failure Code": { title: "Falha na telefonia", detail: "A operadora devolveu um erro ao completar a chamada.", action: "Tente de novo; se repetir, avise o suporte." },
+  "Bad Media Description": { title: "Falha de áudio na chamada", detail: "A negociação de áudio com a operadora falhou.", action: "Recarregue a página e tente de novo." },
+  "Silence or Machine Detected": { title: "Caixa postal ou silêncio", detail: "A chamada caiu em caixa postal ou ninguém falou do outro lado." }
+};
+function describeCallFailure(failure) {
+  const reject = (failure == null ? void 0 : failure.rejectReason) != null ? REJECT_REASONS[failure.rejectReason] : void 0;
+  const cause = (failure == null ? void 0 : failure.cause) ? CAUSES[failure.cause] : void 0;
+  const chosen = reject ?? cause;
+  if (chosen) return { level: "warning", source: "call", code: `call:${(failure == null ? void 0 : failure.rejectReason) != null ? `reject-${failure.rejectReason}` : failure == null ? void 0 : failure.cause}`, ...chosen };
+  const raw = (failure == null ? void 0 : failure.message) || (failure == null ? void 0 : failure.cause);
+  return { level: "warning", source: "call", code: "call:unknown", title: "Chamada não concluída", detail: raw ? `O Callix informou: ${raw}.` : "O Callix não informou o motivo.", action: "Tente de novo; se repetir, avise o suporte." };
+}
+function pickNotice(inputs) {
+  if (inputs.sessionDrop) return describeSessionDrop(inputs.sessionDrop);
+  if (inputs.operatorState === "startupError") {
+    if (inputs.startupError === "missingAudioPermissions" && inputs.deviceIssue) {
+      const action = inputs.deviceIssue.action ?? "";
+      return { ...inputs.deviceIssue, action: /recarregue a página/i.test(action) ? action : `${action} Depois, recarregue a página para o discador iniciar.`.trim() };
+    }
+    return describeStartupError(inputs.startupError);
+  }
+  if (inputs.deviceIssue) return inputs.deviceIssue;
+  if (inputs.operatorState === "manualCallFailed" || inputs.callFailure) return describeCallFailure(inputs.callFailure);
+  if (inputs.operatorState === "offline") return describeOffline();
+  return null;
+}
 const DEFAULT_API_BASE_URL = "https://callix-zeta.vercel.app";
 function resolveApiBaseUrl() {
   if (typeof window === "undefined") {
@@ -52115,6 +52234,10 @@ function AuthenticatedDialer({
   const visibleInputRef = useRef(null);
   const [callError, setCallError] = useState(null);
   const [availabilityError, setAvailabilityError] = useState(null);
+  clientSdkReactExports.useCallOperatorEventListener("userSessionDropped", (data) => {
+    const notice = describeSessionDrop(data == null ? void 0 : data.originator);
+    setAvailabilityError(`${notice.title}: ${notice.detail}${notice.action ? ` ${notice.action}` : ""}`);
+  });
   const [afterCallError, setAfterCallError] = useState(null);
   const [isSubmittingAfterCall, setIsSubmittingAfterCall] = useState(false);
   const [afterCallResult, setAfterCallResult] = useState("success");
@@ -52306,7 +52429,11 @@ function AuthenticatedDialer({
         const inputs = devices.filter((device) => device.kind === "audioinput");
         const outputs = devices.filter((device) => device.kind === "audiooutput");
         setAudioDevices({ inputs, outputs });
-        setAudioDeviceError(null);
+        const issue = await checkAudioDevices();
+        if (cancelled) {
+          return;
+        }
+        setAudioDeviceError(issue ? `${issue.title}: ${issue.detail}${issue.action ? ` ${issue.action}` : ""}` : null);
         setSelectedInputId((prev) => {
           var _a4;
           return prev ?? ((_a4 = inputs[0]) == null ? void 0 : _a4.deviceId) ?? null;
@@ -52521,9 +52648,8 @@ function AuthenticatedDialer({
       return;
     }
     const handleFailed = (event) => {
-      var _a3, _b2;
-      const cause = ((_a3 = event == null ? void 0 : event.failure) == null ? void 0 : _a3.message) || ((_b2 = event == null ? void 0 : event.failure) == null ? void 0 : _b2.cause);
-      setCallError(cause ? `Chamada nao concluida: ${cause}` : "Chamada nao concluida.");
+      const notice = describeCallFailure(event == null ? void 0 : event.failure);
+      setCallError(`${notice.title}: ${notice.detail}${notice.action ? ` ${notice.action}` : ""}`);
     };
     currentCall.on("failed", handleFailed);
     return () => {
@@ -54430,6 +54556,179 @@ function filterHistoryItems(items, query) {
   }
   return items.filter((item) => itemMatchesHistoryQuery(item, parsed));
 }
+const EXPORT_STATUS = { pending: 1, inProgress: 2, completed: 3 };
+const EXPORT_KIND_LABELS = { manual: "Chamadas manuais", campaign: "Chamadas de campanha" };
+const EXPORT_CONTENT_LABELS = { audio: "Áudios (zip)", data: "Dados (planilha)" };
+const dayInBrasilia = (date) => new Intl.DateTimeFormat("en-CA", { timeZone: "America/Sao_Paulo", year: "numeric", month: "2-digit", day: "2-digit" }).format(date);
+function defaultExportRange(now = /* @__PURE__ */ new Date()) {
+  return { from: dayInBrasilia(new Date(now.getTime() - 30 * 24 * 36e5)), to: dayInBrasilia(now) };
+}
+function formatFileSize(bytes) {
+  if (!bytes || bytes <= 0) return "";
+  if (bytes < 1024 * 1024) return `${Math.max(1, Math.round(bytes / 1024))} KB`;
+  return `${(bytes / 1024 / 1024).toFixed(1)} MB`;
+}
+function describeExport(summary) {
+  const what = `${summary.kind ? EXPORT_KIND_LABELS[summary.kind] : "Exportação"} · ${summary.content ? EXPORT_CONTENT_LABELS[summary.content].toLowerCase() : ""}`.replace(/ · $/, "");
+  if (summary.status === EXPORT_STATUS.completed) return `${what}: pronta${summary.fileSize ? ` (${formatFileSize(summary.fileSize)})` : ""}`;
+  if (summary.status === EXPORT_STATUS.inProgress) return `${what}: processando${summary.progress ? ` ${summary.progress}%` : ""}`;
+  if (summary.status === EXPORT_STATUS.pending) return `${what}: na fila do Callix`;
+  return `${what}: ${summary.statusLabel}`;
+}
+async function readError(response, fallback) {
+  const body = await response.json().catch(() => null);
+  return typeof (body == null ? void 0 : body.error) === "string" && body.error ? body.error : fallback;
+}
+async function createCallExport(apiBaseUrl, headers, request) {
+  const response = await fetch(`${apiBaseUrl}/api/call-exports`, { method: "POST", headers: { "Content-Type": "application/json", ...headers }, credentials: "omit", body: JSON.stringify(request) });
+  if (!response.ok) throw new Error(await readError(response, `Não foi possível pedir a exportação (${response.status})`));
+  const body = await response.json();
+  return body.export;
+}
+async function listCallExports(apiBaseUrl, headers) {
+  const response = await fetch(`${apiBaseUrl}/api/call-exports`, { method: "GET", headers, credentials: "omit" });
+  if (!response.ok) throw new Error(await readError(response, `Não foi possível listar as exportações (${response.status})`));
+  const body = await response.json();
+  return body.items ?? [];
+}
+async function fetchCallExportDownload(apiBaseUrl, headers, id) {
+  const response = await fetch(`${apiBaseUrl}/api/call-exports/${encodeURIComponent(id)}/download`, { method: "GET", headers, credentials: "omit" });
+  const body = await response.json().catch(() => null);
+  if (response.ok && (body == null ? void 0 : body.url) && body.export) return { state: "ready", url: body.url, filename: body.filename ?? null, fileSize: body.fileSize ?? null, export: body.export };
+  if (response.status === 409 && (body == null ? void 0 : body.export)) {
+    return body.export.status <= EXPORT_STATUS.completed ? { state: "pending", export: body.export } : { state: "failed", message: body.error ?? `Exportação ${body.export.statusLabel}`, export: body.export };
+  }
+  return { state: "failed", message: (body == null ? void 0 : body.error) ?? `Não foi possível consultar a exportação (${response.status})`, export: body == null ? void 0 : body.export };
+}
+const RECENT_LIMIT = 3;
+function CallExportPanel({ apiBaseUrl, getAuthHeaders: getAuthHeaders2, onClose, pollIntervalMs = 5e3 }) {
+  const [range] = useState(() => defaultExportRange());
+  const [kind, setKind] = useState("manual");
+  const [content, setContent] = useState("audio");
+  const [from, setFrom] = useState(range.from);
+  const [to, setTo] = useState(range.to);
+  const [submitting, setSubmitting] = useState(false);
+  const [error2, setError] = useState(null);
+  const [job, setJob] = useState(null);
+  const [download, setDownload] = useState(null);
+  const [recent, setRecent] = useState([]);
+  const [opening, setOpening] = useState(null);
+  const mounted = useRef(true);
+  useEffect(() => {
+    mounted.current = true;
+    return () => {
+      mounted.current = false;
+    };
+  }, []);
+  useEffect(() => {
+    let active = true;
+    listCallExports(apiBaseUrl, getAuthHeaders2()).then((items) => {
+      if (active) setRecent(items.slice(0, RECENT_LIMIT));
+    }).catch(() => void 0);
+    return () => {
+      active = false;
+    };
+  }, [apiBaseUrl, getAuthHeaders2]);
+  useEffect(() => {
+    if (!job || (download == null ? void 0 : download.state) === "ready" || (download == null ? void 0 : download.state) === "failed") return;
+    let timer = null;
+    let active = true;
+    const check = async () => {
+      const result2 = await fetchCallExportDownload(apiBaseUrl, getAuthHeaders2(), job.id);
+      if (!active) return;
+      setDownload(result2);
+      if (result2.state === "pending") {
+        setJob(result2.export);
+        timer = setTimeout(check, pollIntervalMs);
+      } else if (result2.state === "ready") {
+        setJob(result2.export);
+        setRecent((items) => [result2.export, ...items.filter((i2) => i2.id !== result2.export.id)].slice(0, RECENT_LIMIT));
+      }
+    };
+    void check();
+    return () => {
+      active = false;
+      if (timer) clearTimeout(timer);
+    };
+  }, [job == null ? void 0 : job.id, apiBaseUrl, getAuthHeaders2, pollIntervalMs]);
+  const submit = useCallback(async () => {
+    setError(null);
+    if (!from || !to) {
+      setError("Informe o período.");
+      return;
+    }
+    if (to < from) {
+      setError("O fim do período vem antes do início.");
+      return;
+    }
+    setSubmitting(true);
+    setDownload(null);
+    try {
+      const created = await createCallExport(apiBaseUrl, getAuthHeaders2(), { kind, content, from, to });
+      if (!mounted.current) return;
+      setJob(created);
+      setRecent((items) => [created, ...items.filter((i2) => i2.id !== created.id)].slice(0, RECENT_LIMIT));
+    } catch (err) {
+      if (mounted.current) setError(err instanceof Error ? err.message : "Não foi possível pedir a exportação.");
+    } finally {
+      if (mounted.current) setSubmitting(false);
+    }
+  }, [apiBaseUrl, getAuthHeaders2, kind, content, from, to]);
+  const openRecent = useCallback(
+    async (item) => {
+      setOpening(item.id);
+      setError(null);
+      try {
+        const result2 = await fetchCallExportDownload(apiBaseUrl, getAuthHeaders2(), item.id);
+        if (!mounted.current) return;
+        if (result2.state === "ready") window.open(result2.url, "_blank", "noopener,noreferrer");
+        else setError(result2.state === "pending" ? describeExport(result2.export) : result2.message);
+      } finally {
+        if (mounted.current) setOpening(null);
+      }
+    },
+    [apiBaseUrl, getAuthHeaders2]
+  );
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "export-panel", role: "region", "aria-label": "Exportar histórico", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "export-panel-header", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "export-panel-title", children: "Exportar histórico" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: "export-panel-close", onClick: onClose, "aria-label": "Fechar exportação", children: /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: "fas fa-xmark", "aria-hidden": "true" }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "export-panel-form", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "export-panel-field", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Tipo" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("select", { value: kind, onChange: (event) => setKind(event.target.value), "aria-label": "Tipo de chamada", children: Object.keys(EXPORT_KIND_LABELS).map((value) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value, children: EXPORT_KIND_LABELS[value] }, value)) })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "export-panel-field", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Conteúdo" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("select", { value: content, onChange: (event) => setContent(event.target.value), "aria-label": "Conteúdo", children: Object.keys(EXPORT_CONTENT_LABELS).map((value) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value, children: EXPORT_CONTENT_LABELS[value] }, value)) })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "export-panel-field", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "De" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("input", { type: "date", value: from, max: to, onChange: (event) => setFrom(event.target.value), "aria-label": "Início do período" })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "export-panel-field", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Até" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("input", { type: "date", value: to, min: from, onChange: (event) => setTo(event.target.value), "aria-label": "Fim do período" })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: "retry-btn export-panel-submit", onClick: () => void submit(), disabled: submitting, children: submitting ? "Pedindo..." : "Exportar" })
+    ] }),
+    error2 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "export-panel-error", role: "alert", children: error2 }),
+    job && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "export-panel-job", role: "status", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: (download == null ? void 0 : download.state) === "failed" ? download.message : describeExport(job) }),
+      (download == null ? void 0 : download.state) === "ready" && /* @__PURE__ */ jsxRuntimeExports.jsxs("a", { className: "export-panel-link", href: download.url, target: "_blank", rel: "noopener noreferrer", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: "fas fa-download", "aria-hidden": "true" }),
+        " Baixar ",
+        download.filename ?? "arquivo"
+      ] })
+    ] }),
+    recent.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: "export-panel-recent", "aria-label": "Exportações recentes", children: recent.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: describeExport(item) }),
+      item.status === EXPORT_STATUS.completed && /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: "export-panel-recent-btn", onClick: () => void openRecent(item), disabled: opening === item.id, children: opening === item.id ? "..." : "Baixar" })
+    ] }, item.id)) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "export-panel-hint", children: "O Callix prepara o arquivo em alguns minutos; o link de download vale por cerca de uma hora." })
+  ] });
+}
 const DEFAULT_QUALIFICATION = "chamada sem qualificação";
 const SEARCH_DEBOUNCE_MS = 350;
 const DETAILS_TITLE = "Ver detalhes da chamada";
@@ -54903,6 +55202,7 @@ function CallHistoryList({
 }) {
   const [openPlayerId, setOpenPlayerId] = useState(null);
   const [selectedId, setSelectedId] = useState(null);
+  const [exportOpen, setExportOpen] = useState(false);
   const recordings = useRecordings(apiBaseUrl, getAuthHeaders2);
   const { retain } = recordings;
   const [draft, setDraft] = useState(query ?? "");
@@ -54988,8 +55288,12 @@ function CallHistoryList({
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "history-header", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "header-title", children: "Recentes" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: "history-refresh-btn", onClick: onRefresh, disabled: isLoading, "aria-label": "Atualizar histórico", children: /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: `fas fa-arrows-rotate ${isLoading ? "fa-spin" : ""}`, "aria-hidden": "true" }) })
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "history-header-actions", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: `history-refresh-btn history-export-btn ${exportOpen ? "active" : ""}`, onClick: () => setExportOpen((open) => !open), "aria-label": "Exportar histórico", "aria-pressed": exportOpen, title: "Exportar áudios ou dados do período", children: /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: "fas fa-file-export", "aria-hidden": "true" }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: "history-refresh-btn", onClick: onRefresh, disabled: isLoading, "aria-label": "Atualizar histórico", children: /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: `fas fa-arrows-rotate ${isLoading ? "fa-spin" : ""}`, "aria-hidden": "true" }) })
+      ] })
     ] }),
+    exportOpen && /* @__PURE__ */ jsxRuntimeExports.jsx(CallExportPanel, { apiBaseUrl, getAuthHeaders: getAuthHeaders2, onClose: () => setExportOpen(false) }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "history-search-bar", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "history-search", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: "fas fa-magnifying-glass history-search-icon", "aria-hidden": "true" }),
@@ -56500,6 +56804,122 @@ function DebugPanel({ onClose }) {
     showCopySuccess && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles.copySuccess, children: "✅ Logs copiados para a área de transferência!" })
   ] });
 }
+function DialerNoticeBanner({ notice, onDismiss, onRecheck, onHeightChange }) {
+  const ref = useRef(null);
+  const visible = notice !== null;
+  useLayoutEffect(() => {
+    const el = ref.current;
+    if (!onHeightChange) return;
+    if (!el) {
+      onHeightChange(0);
+      return;
+    }
+    const report = () => onHeightChange(el.offsetHeight);
+    report();
+    if (typeof ResizeObserver === "undefined") return;
+    const observer = new ResizeObserver(report);
+    observer.observe(el);
+    return () => {
+      observer.disconnect();
+      onHeightChange(0);
+    };
+  }, [visible, onHeightChange]);
+  if (!notice) return null;
+  const dismissible = notice.source === "call" || notice.source === "session";
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref, className: `dialer-notice ${notice.level}`, role: notice.level === "error" ? "alert" : "status", "data-code": notice.code, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: `fas ${notice.level === "error" ? "fa-circle-exclamation" : "fa-triangle-exclamation"} dialer-notice-icon`, "aria-hidden": "true" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "dialer-notice-body", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { className: "dialer-notice-title", children: notice.title }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "dialer-notice-detail", children: notice.detail }),
+      notice.action && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "dialer-notice-action", children: notice.action }),
+      notice.source === "device" && onRecheck && /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: "dialer-notice-btn", onClick: onRecheck, children: "Verificar de novo" })
+    ] }),
+    dismissible && onDismiss && /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: "dialer-notice-close", onClick: onDismiss, "aria-label": "Fechar aviso", children: /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: "fas fa-xmark", "aria-hidden": "true" }) })
+  ] });
+}
+function useDialerNotices(options = {}) {
+  const operatorState = clientSdkReactExports.useCallOperatorState();
+  const currentCall = clientSdkReactExports.useCallOperatorCurrentCall();
+  const [deviceIssue, setDeviceIssue] = useState(null);
+  const [sessionDrop, setSessionDrop] = useState(null);
+  const [callFailure, setCallFailure] = useState(null);
+  const [dismissedCode, setDismissedCode] = useState(null);
+  const failureTimer = useRef(null);
+  const ttl = options.callFailureTtlMs ?? 2e4;
+  const recheckDevices = useCallback(async () => {
+    if (options.checkDevices === false) return;
+    const issue = await checkAudioDevices();
+    setDeviceIssue(issue);
+  }, [options.checkDevices]);
+  useEffect(() => {
+    var _a2;
+    if (options.checkDevices === false) return;
+    let cancelled = false;
+    const run = async () => {
+      const issue = await checkAudioDevices();
+      if (!cancelled) setDeviceIssue(issue);
+    };
+    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);
+    return () => {
+      var _a3;
+      cancelled = true;
+      (_a3 = mediaDevices == null ? void 0 : mediaDevices.removeEventListener) == null ? void 0 : _a3.call(mediaDevices, "devicechange", handler);
+    };
+  }, [options.checkDevices]);
+  clientSdkReactExports.useCallOperatorEventListener("userSessionDropped", (data) => {
+    setSessionDrop((data == null ? void 0 : data.originator) ?? "unknown");
+  });
+  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;
+      setCallFailure(failure ?? { cause: null });
+      setDismissedCode(null);
+      if (failureTimer.current) clearTimeout(failureTimer.current);
+      failureTimer.current = setTimeout(() => setCallFailure(null), ttl);
+    };
+    currentCall.on("failed", handleFailed);
+    return () => {
+      var _a2;
+      (_a2 = currentCall.off) == null ? void 0 : _a2.call(currentCall, "failed", handleFailed);
+    };
+  }, [currentCall, ttl]);
+  useEffect(() => {
+    var _a2, _b;
+    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;
+    setCallFailure((current) => current ?? failure ?? { cause: null });
+    setDismissedCode(null);
+  }, [operatorState]);
+  useEffect(() => {
+    if ((operatorState == null ? void 0 : operatorState.state) === "callInProgress" || (operatorState == null ? void 0 : operatorState.state) === "manualCallRinging" || (operatorState == null ? void 0 : operatorState.state) === "callRinging") {
+      setCallFailure(null);
+    }
+    if ((operatorState == null ? void 0 : operatorState.state) === "idle" || (operatorState == null ? void 0 : operatorState.state) === "onBreak") setSessionDrop(null);
+  }, [operatorState == null ? void 0 : operatorState.state]);
+  useEffect(() => () => {
+    if (failureTimer.current) clearTimeout(failureTimer.current);
+  }, []);
+  const 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 visible = notice && notice.code !== dismissedCode ? notice : null;
+  const dismiss = useCallback(() => {
+    if (!notice) return;
+    if (notice.source === "call") setCallFailure(null);
+    else if (notice.source === "session") setSessionDrop(null);
+    else setDismissedCode(notice.code);
+  }, [notice]);
+  return { notice: visible, deviceIssue, dismiss, recheckDevices };
+}
 const VIEWPORT_MARGIN$1 = 16;
 const BASE_WIDTH = 520;
 const FALLBACK_HEIGHT = 600;
@@ -57562,7 +57982,9 @@ function AuthenticatedMobileDialer({
     };
   }, [campaignFormKey]);
   const callStateStr = callState;
-  const isError = callStateStr === "startup.error" || callStateStr === "offline";
+  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 isConnecting = callState === "manualCallSetup" || callState === "manualCallRinging" || callState === "callRinging";
   const isInCall = callState === "callInProgress";
@@ -58008,20 +58430,21 @@ function AuthenticatedMobileDialer({
     if (isConnecting) return "Ligando...";
     if (isInCall) return "Em chamada";
     if (isAfterCall) return "Encerrando...";
-    if (isError) return "Erro de conexão";
+    if (callStateStr === "manualCallFailed") return "Chamada não concluída";
+    if (isError) return (dialerNotice == null ? void 0 : dialerNotice.title) ?? "Erro de conexão";
     if (isOnBreak) return "Em pausa";
     return "Disponível";
-  }, [isAfterCall, isConnecting, isError, isInCall, isOnBreak]);
+  }, [callStateStr, dialerNotice, isAfterCall, isConnecting, isError, isInCall, isOnBreak]);
   const statusBadgeClass = useMemo(() => {
     if (isError) return "error";
     if (isOnBreak) return "paused";
     return "available";
   }, [isError, isOnBreak]);
   const statusBadgeText = useMemo(() => {
-    if (isError) return "Erro";
+    if (isError) return (dialerNotice == null ? void 0 : dialerNotice.source) === "device" ? dialerNotice.title : "Erro";
     if (isOnBreak) return currentBreakName || "Em pausa";
     return "Disponível";
-  }, [isError, isOnBreak, currentBreakName]);
+  }, [dialerNotice, isError, isOnBreak, currentBreakName]);
   const pauseDurationLabel = useMemo(() => {
     const hours = Math.floor(pauseDurationSeconds / 3600);
     const minutes = Math.floor(pauseDurationSeconds % 3600 / 60).toString().padStart(2, "0");
@@ -58057,7 +58480,7 @@ function AuthenticatedMobileDialer({
       addLog("info", "Debug", "🔒 Painel de debug fechado");
     } });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "phone-container", "data-density": density === "compact" ? "compact" : "comfortable", children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "phone-container", "data-density": density === "compact" ? "compact" : "comfortable", style: { "--notice-h": `${noticeHeight}px` }, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `screen dialer-screen ${activeScreen === "dialer" ? "active" : ""}`, id: "dialerScreen", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "dialer-header", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "status-container", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: `status-badge ${statusBadgeClass}`, id: "statusBadge", children: [
@@ -58075,6 +58498,7 @@ function AuthenticatedMobileDialer({
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Pausa" })
         ] }) })
       ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(DialerNoticeBanner, { notice: dialerNotice, onDismiss: dismissDialerNotice, onRecheck: () => void recheckDevices(), onHeightChange: setNoticeHeight }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "phone-number-display", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         PhoneNumberInput,
         {
@@ -59129,7 +59553,7 @@ function ClickToCallAgent({ enabled = true, pollIntervalMs, sessionToken, onTask
   }, [enabled, pollIntervalMs, sessionToken]);
   return null;
 }
-const WIDGET_VERSION = "2.4.0";
+const WIDGET_VERSION = "2.5.1";
 let currentSipWebSocket = null;
 function sendSipUnregisterIfPossible(ws) {
   if (ws.readyState !== WebSocket.OPEN) return;