ilibras-widget 1.5.2 → 1.6.0

package/CHANGELOG.md

@@ -4,6 +4,86 @@ Todas as mudanças notáveis neste projeto serão documentadas neste arquivo.
 
 ---
 
+## [1.6.0] - 2026-09-29
+
+### 🧭 Avisa antes de levar a pessoa para o iLibras
+
+Ao clicar em **Iniciar atendimento em Libras** ou em **Agendar uma conversa**,
+o widget agora mostra, no lugar do formulário, o aviso de que a pessoa será
+redirecionada para o iLibras — numa aba nova — e só segue quando ela confirma
+em **Continuar para o iLibras**. **Voltar** (ou Esc) devolve o formulário com o
+nome ainda preenchido.
+
+O atendimento só é criado **depois** do "sim". Criar antes e perguntar depois
+deixaria um atendimento órfão na fila de quem desistiu — com o alarme dos
+intérpretes tocando para ninguém.
+
+### 🗂️ A aba nova abre dentro do clique
+
+A aba do iLibras passa a ser aberta no próprio clique de confirmação, em
+branco ("Abrindo o iLibras…"), e só recebe o endereço quando o atendimento
+volta criado. Antes ela era aberta depois da resposta da API — e `window.open`
+depois de um `await` já não conta como gesto do usuário, que é quando o
+bloqueador de pop-up age. Se a criação falhar, a aba reservada é fechada e a
+pessoa volta ao formulário, onde está a explicação do que houve. O plano B de
+sempre (trocar a página da aba atual) continua valendo para quando nem a aba
+do clique é permitida.
+
+### ⚙️ Nova opção: `confirmarRedirecionamento`
+
+Ligada por padrão. Com `false`, o widget se comporta como antes da 1.6.0: o
+botão cria o atendimento e abre o iLibras direto.
+
+### ♿ Acessibilidade
+
+- O aviso é um `alertdialog` com título e texto ligados: ao receber o foco, o
+  leitor de tela lê os dois antes do botão.
+- O foco vai para **Continuar** ao abrir o aviso e volta ao botão que a pessoa
+  tinha apertado ao sair dele.
+- A região de status saiu de dentro do formulário: escondida junto com ele
+  durante o aviso, deixaria de anunciar o andamento do envio.
+- O botão de contorno (agendar, e agora também **Voltar**) ganhou foco visível
+  próprio, inclusive em alto contraste — antes dependia do padrão do navegador.
+
+### 🧪 Testes
+
+`tests/confirmacao.test.mjs` exercita o fluxo na build publicada, com rede e
+janelas simuladas: nada enviado antes da confirmação, aba aberta antes da
+requisição, aba fechada na falha, clique duplo criando um atendimento só.
+Rodada contra a 1.5.3, a suíte reprova em 9 de 10 casos — o único que passa é
+o da opção desligada, que é justamente o comportamento antigo.
+
+---
+
+## [1.5.3] - 2026-09-18
+
+### 🩹 Conserta o widget que sumiu da tela na 1.5.1
+
+A 1.5.1 escopou o estilo ao container para o tema do site não pintar o widget —
+e escopou demais.
+
+As classes de posição (`.ilibras-widget-bottom-right` e irmãs) ficam no
+**próprio** container, não num descendente dele. Viraram
+`#ilibras-widget-container .ilibras-widget-bottom-right`, com espaço, que não
+casa com nada: o container perdeu `bottom` e `right`, ficou `fixed` sem âncora
+e foi parar onde o fluxo o largou — milhares de pixels abaixo da tela. O widget
+sumiu de um site em produção.
+
+Agora o escopo dessas quatro é composto — `#ilibras-widget-container.classe` —
+e o das demais segue descendente.
+
+A mesma passagem trazia outros dois furos, dos quais só este deu as caras:
+
+- listas de seletores quebradas em várias linhas tinham só a última linha
+  escopada, e as demais ficavam expostas ao tema;
+- blocos `@media` inteiros passaram sem escopo, porque a regra logo depois da
+  chave do `@media` não era reconhecida.
+
+Os três estão cobertos por teste agora: 124 seletores escopados, 16 deles
+compostos, nenhum solto.
+
+---
+
 ## [1.5.2] - 2026-09-18
 
 ### 🗂️ Uma aba, não duas

package/README.md

@@ -168,6 +168,7 @@ new ILibrasWidget({
 | `buttonText` | `string` | `'Iniciar atendimento em Libras'` | Texto do botão de envio |
 | `agendamento` | `boolean` | `true` | Mostra o segundo botão, que leva direto à escolha de data e horário em vez da fila ao vivo. Deixe `false` em site que só atende ao vivo |
 | `scheduleButtonText` | `string` | `'Agendar uma conversa'` | Texto do botão de agendamento |
+| `confirmarRedirecionamento` | `boolean` | `true` | Avisa que a pessoa vai para o site do iLibras, numa aba nova, e só cria o atendimento depois que ela confirma. Com `false`, o botão cria o atendimento e abre o iLibras direto, como antes da v1.6.0 |
 | `token` | `string` | `''` | **OBRIGATÓRIO** — token de autenticação da API |
 | `zIndex` | `number` | `9999` | Z-index do widget |
 | `apiUrl` | `string` | endpoint de produção | Endpoint de cadastro. Troque apenas para apontar a um ambiente de homologação |

package/dist/ilibras-widget.cjs

@@ -1,5 +1,5 @@
 /*!
- * iLibras Widget v1.5.2
+ * iLibras Widget v1.6.0
  * https://github.com/Dimendes-Solucoes/Ilibras_widget
  * Licença MIT
  *
@@ -53,22 +53,22 @@ var CSS = `/**
 }
 
 /* Posicionamento */
-#ilibras-widget-container .ilibras-widget-bottom-right {
+#ilibras-widget-container.ilibras-widget-bottom-right {
   bottom: 30px;
   right: 30px;
 }
 
-#ilibras-widget-container .ilibras-widget-bottom-left {
+#ilibras-widget-container.ilibras-widget-bottom-left {
   bottom: 30px;
   left: 30px;
 }
 
-#ilibras-widget-container .ilibras-widget-top-right {
+#ilibras-widget-container.ilibras-widget-top-right {
   top: 30px;
   right: 30px;
 }
 
-#ilibras-widget-container .ilibras-widget-top-left {
+#ilibras-widget-container.ilibras-widget-top-left {
   top: 30px;
   left: 30px;
 }
@@ -101,7 +101,7 @@ var CSS = `/**
   height: 64px;
 }
 
-.ilibras-widget-button:hover,
+#ilibras-widget-container .ilibras-widget-button:hover,
 #ilibras-widget-container .ilibras-widget-button:active {
   transform: none;
   box-shadow: none;
@@ -131,7 +131,8 @@ var CSS = `/**
 }
 
 @keyframes ilibras-pulse {
-  0%, 100% {
+  0%,
+  100% {
     transform: scale(1);
   }
   50% {
@@ -164,23 +165,23 @@ var CSS = `/**
 }
 
 /* Posicionamento do modal baseado na posição do botão */
-.ilibras-widget-bottom-right .ilibras-widget-modal,
-#ilibras-widget-container .ilibras-widget-bottom-left .ilibras-widget-modal {
+#ilibras-widget-container.ilibras-widget-bottom-right .ilibras-widget-modal,
+#ilibras-widget-container.ilibras-widget-bottom-left .ilibras-widget-modal {
   bottom: 105px;
 }
 
-.ilibras-widget-top-right .ilibras-widget-modal,
-#ilibras-widget-container .ilibras-widget-top-left .ilibras-widget-modal {
+#ilibras-widget-container.ilibras-widget-top-right .ilibras-widget-modal,
+#ilibras-widget-container.ilibras-widget-top-left .ilibras-widget-modal {
   top: 105px;
 }
 
-.ilibras-widget-bottom-right .ilibras-widget-modal,
-#ilibras-widget-container .ilibras-widget-top-right .ilibras-widget-modal {
+#ilibras-widget-container.ilibras-widget-bottom-right .ilibras-widget-modal,
+#ilibras-widget-container.ilibras-widget-top-right .ilibras-widget-modal {
   right: 0;
 }
 
-.ilibras-widget-bottom-left .ilibras-widget-modal,
-#ilibras-widget-container .ilibras-widget-top-left .ilibras-widget-modal {
+#ilibras-widget-container.ilibras-widget-bottom-left .ilibras-widget-modal,
+#ilibras-widget-container.ilibras-widget-top-left .ilibras-widget-modal {
   left: 0;
 }
 
@@ -274,7 +275,7 @@ var CSS = `/**
   padding-left: 4px;
 }
 
-.ilibras-widget-form-group input[type="text"],
+#ilibras-widget-container .ilibras-widget-form-group input[type="text"],
 #ilibras-widget-container .ilibras-widget-form-group input[type="tel"] {
   background: #ffffff;
   border: 1px solid rgba(20,30,45,0.06);
@@ -283,7 +284,7 @@ var CSS = `/**
   border-radius: 8px;
 }
 
-.ilibras-widget-form-group input[type="text"]:focus,
+#ilibras-widget-container .ilibras-widget-form-group input[type="text"]:focus,
 #ilibras-widget-container .ilibras-widget-form-group input[type="tel"]:focus {
   background: white;
   border-color: #357ABD;
@@ -291,7 +292,7 @@ var CSS = `/**
   outline: none;
 }
 
-.ilibras-widget-form-group input[type="text"]::placeholder,
+#ilibras-widget-container .ilibras-widget-form-group input[type="text"]::placeholder,
 #ilibras-widget-container .ilibras-widget-form-group input[type="tel"]::placeholder {
   color: #6c757d;
 }
@@ -384,6 +385,42 @@ var CSS = `/**
   text-align: center;
 }
 
+/* Aviso de saída para o iLibras: toma o lugar do formulário até a pessoa
+   confirmar ou voltar. O atributo hidden precisa de regra própria nos dois —
+   o display: flex de cada um venceria o atributo, e os dois apareceriam
+   juntos. (Sem crase nos comentários deste arquivo: ele é embutido num
+   template literal do JS, e uma crase aqui muda a forma do build inteiro.) */
+#ilibras-widget-container .ilibras-widget-form[hidden],
+#ilibras-widget-container .ilibras-widget-confirmacao[hidden] {
+  display: none !important;
+}
+
+#ilibras-widget-container .ilibras-widget-confirmacao {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+#ilibras-widget-container .ilibras-widget-confirmacao-titulo {
+  margin: 0;
+  font-size: 17px;
+  font-weight: 600;
+  line-height: 1.35;
+  color: #073657;
+}
+
+#ilibras-widget-container .ilibras-widget-confirmacao-texto {
+  margin: 0 0 6px;
+  font-size: 14px;
+  line-height: 1.5;
+  color: #495057;
+}
+
+/* "Voltar" tem o visual do botão de agendar, sem a margem que o cola à dica. */
+#ilibras-widget-container .ilibras-widget-confirmacao .ilibras-widget-agendar {
+  margin-top: 0;
+}
+
 /* Responsividade */
 @media (max-width: 480px) {
   #ilibras-widget-container .ilibras-widget-modal {
@@ -391,15 +428,15 @@ var CSS = `/**
     max-width: 100%;
   }
 
-  .ilibras-widget-bottom-right,
-  #ilibras-widget-container .ilibras-widget-bottom-left {
+  #ilibras-widget-container.ilibras-widget-bottom-right,
+  #ilibras-widget-container.ilibras-widget-bottom-left {
     bottom: 20px;
     left: 20px !important;
     right: 20px !important;
   }
 
-  .ilibras-widget-top-right,
-  #ilibras-widget-container .ilibras-widget-top-left {
+  #ilibras-widget-container.ilibras-widget-top-right,
+  #ilibras-widget-container.ilibras-widget-top-left {
     top: 20px;
     left: 20px !important;
     right: 20px !important;
@@ -433,8 +470,8 @@ var CSS = `/**
   }
 }
 
-.ilibras-widget-button:focus-visible,
-.ilibras-widget-close:focus-visible,
+#ilibras-widget-container .ilibras-widget-button:focus-visible,
+#ilibras-widget-container .ilibras-widget-close:focus-visible,
 #ilibras-widget-container .ilibras-widget-submit:focus-visible {
   outline: 3px solid rgba(53,122,189,0.18);
   outline-offset: 3px;
@@ -459,8 +496,8 @@ var CSS = `/**
 /* Estados de erro: ver o bloco de acessibilidade no fim do arquivo. */
 
 /* Accessibilidade */
-.ilibras-widget-button:focus-visible,
-.ilibras-widget-close:focus-visible,
+#ilibras-widget-container .ilibras-widget-button:focus-visible,
+#ilibras-widget-container .ilibras-widget-close:focus-visible,
 #ilibras-widget-container .ilibras-widget-submit:focus-visible {
   outline: 3px solid #4A90E2;
   outline-offset: 2px;
@@ -485,14 +522,14 @@ var CSS = `/**
     color: #b0b0b0;
   }
 
-  .ilibras-widget-form-group input[type="text"],
+  #ilibras-widget-container .ilibras-widget-form-group input[type="text"],
   #ilibras-widget-container .ilibras-widget-form-group input[type="tel"] {
     background: #363636;
     border-color: #4a4a4a;
     color: #e0e0e0;
   }
 
-  .ilibras-widget-form-group input[type="text"]::placeholder,
+  #ilibras-widget-container .ilibras-widget-form-group input[type="text"]::placeholder,
   #ilibras-widget-container .ilibras-widget-form-group input[type="tel"]::placeholder {
     color: #6c6c6c;
   }
@@ -632,20 +669,22 @@ var CSS = `/**
   font-weight: 600;
 }
 
+/* Fora do formulário desde a v1.6.0, então a distância vem daqui e não do gap. */
 #ilibras-widget-container .ilibras-widget-status {
   font-size: 13px;
   color: #495057;
-  margin: 0;
+  margin: 14px 0 0;
   min-height: 1em;
 }
 
 /* Foco visível em tudo que recebe foco, inclusive campos — o :focus original
    trocava a sombra, que some em alto contraste. */
-.ilibras-widget-button:focus-visible,
-.ilibras-widget-close:focus-visible,
-.ilibras-widget-submit:focus-visible,
-.ilibras-widget-form-group input:focus-visible,
-.ilibras-widget-checkbox-label input:focus-visible,
+#ilibras-widget-container .ilibras-widget-button:focus-visible,
+#ilibras-widget-container .ilibras-widget-close:focus-visible,
+#ilibras-widget-container .ilibras-widget-submit:focus-visible,
+#ilibras-widget-container .ilibras-widget-agendar:focus-visible,
+#ilibras-widget-container .ilibras-widget-form-group input:focus-visible,
+#ilibras-widget-container .ilibras-widget-checkbox-label input:focus-visible,
 #ilibras-widget-container .ilibras-widget-fallback a:focus-visible {
   outline: 3px solid #1f4f7a;
   outline-offset: 2px;
@@ -654,16 +693,17 @@ var CSS = `/**
 /* Windows em alto contraste remove cor de fundo e borda sutil: sem isto o
    campo e o botão ficam sem contorno. */
 @media (forced-colors: active) {
-  .ilibras-widget-modal,
-  .ilibras-widget-form-group input,
-  .ilibras-widget-submit,
+  #ilibras-widget-container .ilibras-widget-modal,
+  #ilibras-widget-container .ilibras-widget-form-group input,
+  #ilibras-widget-container .ilibras-widget-submit,
   #ilibras-widget-container .ilibras-widget-aviso {
     border: 1px solid CanvasText;
   }
 
-  .ilibras-widget-button:focus-visible,
-  .ilibras-widget-close:focus-visible,
-  .ilibras-widget-submit:focus-visible,
+  #ilibras-widget-container .ilibras-widget-button:focus-visible,
+  #ilibras-widget-container .ilibras-widget-close:focus-visible,
+  #ilibras-widget-container .ilibras-widget-submit:focus-visible,
+  #ilibras-widget-container .ilibras-widget-agendar:focus-visible,
   #ilibras-widget-container .ilibras-widget-form-group input:focus-visible {
     outline: 3px solid Highlight;
   }
@@ -673,23 +713,23 @@ var CSS = `/**
    das pessoas com sensibilidade vestibular, isso causa mal-estar. */
 @media (prefers-reduced-motion: reduce) {
   #ilibras-widget-container,
-  .ilibras-widget-modal,
-  .ilibras-widget-submit,
-  .ilibras-widget-close,
+  #ilibras-widget-container .ilibras-widget-modal,
+  #ilibras-widget-container .ilibras-widget-submit,
+  #ilibras-widget-container .ilibras-widget-close,
   #ilibras-widget-container .ilibras-widget-badge {
     animation: none !important;
     transition: none !important;
   }
 
-  .ilibras-widget-submit:hover,
+  #ilibras-widget-container .ilibras-widget-submit:hover,
   #ilibras-widget-container .ilibras-widget-close:hover {
     transform: none;
   }
 }
 
 @media (prefers-color-scheme: dark) {
-  .ilibras-widget-legenda,
-  .ilibras-widget-dica,
+  #ilibras-widget-container .ilibras-widget-legenda,
+  #ilibras-widget-container .ilibras-widget-dica,
   #ilibras-widget-container .ilibras-widget-status {
     color: #c9c9c9;
   }
@@ -717,10 +757,15 @@ var CSS = `/**
     color: #9ecbff;
   }
 
-  #ilibras-widget-container .ilibras-widget-title {
+  #ilibras-widget-container .ilibras-widget-title,
+  #ilibras-widget-container .ilibras-widget-confirmacao-titulo {
     color: #e6f0f8;
   }
 
+  #ilibras-widget-container .ilibras-widget-confirmacao-texto {
+    color: #c9c9c9;
+  }
+
   #ilibras-widget-container .ilibras-widget-header {
     background: #1e1e1e;
     border-left-color: #333;
@@ -748,6 +793,10 @@ var defaultConfig = {
   // uma agenda que ninguém cobre é pior do que não ter o botão.
   agendamento: true,
   scheduleButtonText: "Agendar uma conversa",
+  // Avisa que a pessoa vai sair do site para o iLibras e espera a confirmação
+  // antes de criar o atendimento. Sair do site em que se estava, para uma aba
+  // nova, sem saber antes, desorienta — sobretudo quem usa leitor de tela.
+  confirmarRedirecionamento: true,
   token: "",
   zIndex: 9999,
   apiUrl: "https://sistema.ilibras.com.br/api/public/widget/cadastrar",
@@ -778,6 +827,7 @@ var ILibrasWidget = class {
     this.enviando = false;
     this.abertoEm = null;
     this.focoAnterior = null;
+    this.modoPendente = null;
     this.init();
   }
   init() {
@@ -880,10 +930,30 @@ var ILibrasWidget = class {
             <span class="ilibras-widget-dica ilibras-widget-dica-agendar" id="ilibras-widget-agendar-dica">
               Escolha data e horário em vez de esperar na fila.
             </span>` : ""}
-
-            <!-- Estado do envio, anunciado sem roubar o foco de quem digita. -->
-            <p class="ilibras-widget-status" id="ilibras-widget-status" role="status" aria-live="polite"></p>
           </form>
+
+          <!-- Aviso de saída do site. Ocupa o lugar do formulário em vez de
+               abrir uma janela por cima: o diálogo já é modal, e um segundo
+               diálogo empilhado confunde quem navega por leitor de tela. -->
+          <div id="ilibras-widget-confirmacao" class="ilibras-widget-confirmacao" role="alertdialog"
+               aria-labelledby="ilibras-widget-confirmacao-titulo"
+               aria-describedby="ilibras-widget-confirmacao-texto" hidden>
+            <h3 class="ilibras-widget-confirmacao-titulo" id="ilibras-widget-confirmacao-titulo">
+              Você será redirecionado para o iLibras
+            </h3>
+            <p class="ilibras-widget-confirmacao-texto" id="ilibras-widget-confirmacao-texto"></p>
+            <button type="button" id="ilibras-widget-confirmar" class="ilibras-widget-submit">
+              Continuar para o iLibras
+            </button>
+            <button type="button" id="ilibras-widget-voltar" class="ilibras-widget-agendar">
+              Voltar
+            </button>
+          </div>
+
+          <!-- Estado do envio, anunciado sem roubar o foco de quem digita. Fica
+               fora do formulário: escondido junto com ele durante o aviso de
+               saída, o leitor de tela deixaria de anunciar o que acontece. -->
+          <p class="ilibras-widget-status" id="ilibras-widget-status" role="status" aria-live="polite"></p>
         </div>
       </div>
     `;
@@ -896,6 +966,10 @@ var ILibrasWidget = class {
     this.agendar = container.querySelector("#ilibras-widget-agendar");
     this.aviso = container.querySelector("#ilibras-widget-aviso");
     this.status = container.querySelector("#ilibras-widget-status");
+    this.confirmacao = container.querySelector("#ilibras-widget-confirmacao");
+    this.confirmacaoTexto = container.querySelector("#ilibras-widget-confirmacao-texto");
+    this.confirmar = container.querySelector("#ilibras-widget-confirmar");
+    this.voltar = container.querySelector("#ilibras-widget-voltar");
   }
   escapar(texto) {
     const div = document.createElement("div");
@@ -908,6 +982,10 @@ var ILibrasWidget = class {
     this.modal.addEventListener("keydown", (e) => {
       if (e.key === "Escape") {
         e.stopPropagation();
+        if (!this.confirmacao.hidden) {
+          if (!this.enviando) this.cancelarConfirmacao();
+          return;
+        }
         this.closeWidget();
         return;
       }
@@ -923,6 +1001,8 @@ var ILibrasWidget = class {
     if (this.agendar) {
       this.agendar.addEventListener("click", (e) => this.handleSubmit(e, "agendamento"));
     }
+    this.confirmar.addEventListener("click", () => this.confirmarRedirecionamento());
+    this.voltar.addEventListener("click", () => this.cancelarConfirmacao());
   }
   prenderFoco(evento) {
     const focaveis = Array.from(this.modal.querySelectorAll(FOCAVEIS)).filter((el) => el.offsetParent !== null || el === document.activeElement);
@@ -952,6 +1032,7 @@ var ILibrasWidget = class {
     this.container.querySelector("#ilibras-name").focus();
   }
   closeWidget() {
+    this.mostrarFormulario();
     this.modal.classList.remove("ilibras-widget-modal-open");
     this.botao.classList.remove("ilibras-widget-button-open");
     this.botao.setAttribute("aria-expanded", "false");
@@ -1119,6 +1200,85 @@ var ILibrasWidget = class {
       invalido.focus();
       return;
     }
+    if (this.config.confirmarRedirecionamento) {
+      this.pedirConfirmacao(modo);
+      return;
+    }
+    await this.criarAtendimento(modo);
+  }
+  // ─── Aviso de saída ─────────────────────────────────────────────────────
+  /**
+   * Troca o formulário pelo aviso de que a pessoa vai para o iLibras. Nada é
+   * enviado ainda: o atendimento só nasce no "Continuar".
+   */
+  pedirConfirmacao(modo) {
+    this.modoPendente = modo;
+    this.confirmacaoTexto.textContent = modo === "agendamento" ? "O agendamento é feito no site do iLibras, que abre em uma nova aba. Lá você escolhe o dia e o horário da conversa." : "O atendimento em Libras acontece no site do iLibras, que abre em uma nova aba. Lá você entra na fila e aguarda um intérprete.";
+    this.confirmar.textContent = "Continuar para o iLibras";
+    this.form.hidden = true;
+    this.confirmacao.hidden = false;
+    this.anunciar("");
+    this.confirmar.focus();
+  }
+  /** "Voltar": o formulário reaparece como estava, com o nome digitado. */
+  cancelarConfirmacao() {
+    if (this.enviando) return;
+    const modo = this.modoPendente;
+    this.mostrarFormulario();
+    const origem = modo === "agendamento" && this.agendar ? this.agendar : this.submit;
+    origem.focus();
+  }
+  mostrarFormulario() {
+    this.modoPendente = null;
+    this.confirmacao.hidden = true;
+    this.form.hidden = false;
+  }
+  async confirmarRedirecionamento() {
+    if (this.enviando || !this.modoPendente) return;
+    const aba = this.reservarAba();
+    await this.criarAtendimento(this.modoPendente, aba);
+  }
+  /**
+   * Abre uma aba em branco para receber o iLibras assim que o atendimento
+   * existir. Devolve null quando o navegador barra — aí vale o caminho antigo.
+   */
+  reservarAba() {
+    let aba = null;
+    try {
+      aba = window.open("", "_blank");
+    } catch (e) {
+      aba = null;
+    }
+    if (!aba) return null;
+    aba.opener = null;
+    try {
+      const doc = aba.document;
+      doc.title = "Abrindo o iLibras…";
+      doc.documentElement.lang = "pt-BR";
+      doc.body.style.cssText = "font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;padding:32px;color:#073657";
+      doc.body.textContent = "Abrindo o iLibras…";
+    } catch (e) {
+    }
+    return aba;
+  }
+  /**
+   * Leva a pessoa ao endereço devolvido pelo iLibras: na aba reservada quando
+   * ela existe, numa aba nova quando não, e na atual como último recurso.
+   */
+  irPara(destino, abaReservada) {
+    if (abaReservada && !abaReservada.closed) {
+      abaReservada.location.href = destino;
+      return;
+    }
+    const aba = window.open(destino, "_blank");
+    if (aba) {
+      aba.opener = null;
+    } else {
+      window.location.assign(destino);
+    }
+  }
+  // ─── Criação do atendimento ─────────────────────────────────────────────
+  async criarAtendimento(modo, abaReservada = null) {
     const v = this.valores();
     const corpo = new FormData();
     corpo.append("nome", v.nome);
@@ -1131,15 +1291,17 @@ var ILibrasWidget = class {
       const destino = resultado.link_fila || resultado.link || resultado.url || resultado.redirect;
       if (!destino) throw new FalhaDeServico("resposta_inesperada");
       this.anunciar(modo === "agendamento" ? "Cadastro feito. Abrindo o calendário para escolher data e horário." : "Atendimento criado. Abrindo a sala de atendimento.");
-      const aba = window.open(destino, "_blank");
-      if (aba) {
-        aba.opener = null;
-      } else {
-        window.location.assign(destino);
-      }
+      this.irPara(destino, abaReservada);
       this.form.reset();
       this.closeWidget();
     } catch (erro) {
+      if (abaReservada && !abaReservada.closed) {
+        try {
+          abaReservada.close();
+        } catch (e) {
+        }
+      }
+      this.mostrarFormulario();
       this.tratarFalha(erro);
     } finally {
       this.travarEnvio(false, modo);
@@ -1147,14 +1309,25 @@ var ILibrasWidget = class {
   }
   travarEnvio(travado, modo = "fila") {
     this.enviando = travado;
-    for (const botao of [this.submit, this.agendar]) {
+    for (const botao of [this.submit, this.agendar, this.confirmar, this.voltar]) {
       if (botao) botao.disabled = travado;
     }
-    const usouAgendar = modo === "agendamento" && this.agendar;
-    const ativo = usouAgendar ? this.agendar : this.submit;
-    const rotulo = usouAgendar ? this.config.scheduleButtonText : this.config.buttonText;
+    let ativo;
+    let rotulo;
+    if (!this.confirmacao.hidden) {
+      ativo = this.confirmar;
+      rotulo = "Continuar para o iLibras";
+    } else {
+      const usouAgendar = modo === "agendamento" && this.agendar;
+      ativo = usouAgendar ? this.agendar : this.submit;
+      rotulo = usouAgendar ? this.config.scheduleButtonText : this.config.buttonText;
+    }
     ativo.setAttribute("aria-busy", travado ? "true" : "false");
     ativo.textContent = travado ? "Enviando..." : rotulo;
+    if (!travado) {
+      this.confirmar.setAttribute("aria-busy", "false");
+      this.confirmar.textContent = "Continuar para o iLibras";
+    }
     if (travado) this.anunciar("Enviando seus dados. Aguarde.");
   }
   /**