hanc-webrtc-widgets 2.8.6 → 2.8.7

package/dist/hanc-webrtc-widgets.es.js

@@ -46210,6 +46210,7 @@ const xk = {
   close_btn: "Close",
   failed_title: "We couldn't reach you",
   retry_btn: "Try again",
+  reload_to_retry: "Reload the page to make another callback.",
   rate_limited_title: "Too many requests",
   rate_limited_body: "You've already submitted a few callbacks recently. Try again in {n} {unit}.",
   error_rate_limit_phone: "Too many callback requests for this number. Try again later.",
@@ -46253,6 +46254,7 @@ const xk = {
   close_btn: "Schließen",
   failed_title: "Wir konnten Sie nicht erreichen",
   retry_btn: "Erneut versuchen",
+  reload_to_retry: "Laden Sie die Seite neu, um einen weiteren Rückruf anzufordern.",
   rate_limited_title: "Zu viele Anfragen",
   rate_limited_body: "Sie haben kürzlich bereits mehrere Rückrufe angefordert. Versuchen Sie es in {n} {unit} erneut.",
   error_rate_limit_phone: "Zu viele Rückrufanfragen für diese Nummer. Versuchen Sie es später erneut.",
@@ -46296,6 +46298,7 @@ const xk = {
   close_btn: "Fermer",
   failed_title: "Nous n'avons pas pu vous joindre",
   retry_btn: "Réessayer",
+  reload_to_retry: "Rechargez la page pour demander un nouveau rappel.",
   rate_limited_title: "Trop de demandes",
   rate_limited_body: "Vous avez déjà soumis plusieurs rappels récemment. Réessayez dans {n} {unit}.",
   error_rate_limit_phone: "Trop de demandes de rappel pour ce numéro. Réessayez plus tard.",
@@ -46339,6 +46342,7 @@ const xk = {
   close_btn: "Cerrar",
   failed_title: "No pudimos contactarte",
   retry_btn: "Reintentar",
+  reload_to_retry: "Recarga la página para solicitar otra llamada.",
   rate_limited_title: "Demasiadas solicitudes",
   rate_limited_body: "Has enviado varias solicitudes recientemente. Inténtalo de nuevo en {n} {unit}.",
   error_rate_limit_phone: "Demasiadas solicitudes para este número. Inténtalo más tarde.",
@@ -46382,6 +46386,7 @@ const xk = {
   close_btn: "Chiudi",
   failed_title: "Non siamo riusciti a raggiungerti",
   retry_btn: "Riprova",
+  reload_to_retry: "Ricarica la pagina per richiedere un'altra chiamata.",
   rate_limited_title: "Troppe richieste",
   rate_limited_body: "Hai già inviato diverse richieste di recente. Riprova fra {n} {unit}.",
   error_rate_limit_phone: "Troppe richieste per questo numero. Riprova più tardi.",
@@ -46425,6 +46430,7 @@ const xk = {
   close_btn: "Fechar",
   failed_title: "Não conseguimos contactá-lo",
   retry_btn: "Tentar de novo",
+  reload_to_retry: "Recarregue a página para pedir outra chamada.",
   rate_limited_title: "Demasiados pedidos",
   rate_limited_body: "Já submeteu vários pedidos recentemente. Tente novamente em {n} {unit}.",
   error_rate_limit_phone: "Demasiados pedidos para este número. Tente mais tarde.",
@@ -46468,6 +46474,7 @@ const xk = {
   close_btn: "Zamknij",
   failed_title: "Nie udało nam się do Ciebie dodzwonić",
   retry_btn: "Spróbuj ponownie",
+  reload_to_retry: "Odśwież stronę, aby zamówić kolejne oddzwonienie.",
   rate_limited_title: "Zbyt wiele żądań",
   rate_limited_body: "Wysłałeś już ostatnio kilka próśb. Spróbuj ponownie za {n} {unit}.",
   error_rate_limit_phone: "Zbyt wiele próśb dla tego numeru. Spróbuj później.",
@@ -46511,6 +46518,7 @@ const xk = {
   close_btn: "Zavřít",
   failed_title: "Nepodařilo se nám se s vámi spojit",
   retry_btn: "Zkusit znovu",
+  reload_to_retry: "Obnovte stránku, abyste si vyžádali další zavolání.",
   rate_limited_title: "Příliš mnoho požadavků",
   rate_limited_body: "Nedávno jste již odeslal několik požadavků. Zkuste to za {n} {unit}.",
   error_rate_limit_phone: "Příliš mnoho požadavků pro toto číslo. Zkuste to později.",
@@ -46554,6 +46562,7 @@ const xk = {
   close_btn: "Bezárás",
   failed_title: "Nem tudtuk elérni Önt",
   retry_btn: "Újra",
+  reload_to_retry: "Frissítse az oldalt egy újabb visszahívás kéréséhez.",
   rate_limited_title: "Túl sok kérés",
   rate_limited_body: "Nemrég már több visszahívást küldött. Próbálja újra {n} {unit} múlva.",
   error_rate_limit_phone: "Túl sok kérés erre a számra. Próbálja később.",
@@ -46597,6 +46606,7 @@ const xk = {
   close_btn: "Kapat",
   failed_title: "Size ulaşamadık",
   retry_btn: "Tekrar dene",
+  reload_to_retry: "Yeni bir geri arama talep etmek için sayfayı yenileyin.",
   rate_limited_title: "Çok fazla istek",
   rate_limited_body: "Yakın zamanda birkaç istek gönderdiniz. {n} {unit} sonra tekrar deneyin.",
   error_rate_limit_phone: "Bu numara için çok fazla istek. Daha sonra deneyin.",
@@ -46640,6 +46650,7 @@ const xk = {
   close_btn: "Жабу",
   failed_title: "Сізге қол жеткізе алмадық",
   retry_btn: "Қайталау",
+  reload_to_retry: "Жаңа кері қоңырау сұрату үшін бетті қайта жүктеңіз.",
   rate_limited_title: "Тым көп сұраныс",
   rate_limited_body: "Сіз жуырда бірнеше сұраныс жібердіңіз. {n} {unit} кейін қайталаңыз.",
   error_rate_limit_phone: "Бұл нөмірге сұраныс тым көп. Кейін қайталаңыз.",
@@ -46683,6 +46694,7 @@ const xk = {
   close_btn: "关闭",
   failed_title: "我们无法联系到您",
   retry_btn: "重试",
+  reload_to_retry: "刷新页面以再次申请回拨。",
   rate_limited_title: "请求过多",
   rate_limited_body: "您最近已经提交了几次回电请求。请在 {n} {unit} 后重试。",
   error_rate_limit_phone: "此号码请求过多。请稍后再试。",
@@ -46726,6 +46738,7 @@ const xk = {
   close_btn: "Закрыть",
   failed_title: "Не удалось до вас дозвониться",
   retry_btn: "Повторить",
+  reload_to_retry: "Перезагрузите страницу, чтобы запросить ещё один звонок.",
   rate_limited_title: "Слишком много запросов",
   rate_limited_body: "Вы недавно уже отправляли несколько запросов. Повторите через {n} {unit}.",
   error_rate_limit_phone: "Слишком много запросов для этого номера. Попробуйте позже.",
@@ -46769,6 +46782,7 @@ const xk = {
   close_btn: "Закрити",
   failed_title: "Не вдалося до вас додзвонитися",
   retry_btn: "Повторити",
+  reload_to_retry: "Перезавантажте сторінку, щоб замовити ще один дзвінок.",
   rate_limited_title: "Забагато запитів",
   rate_limited_body: "Ви нещодавно вже надіслали кілька запитів. Спробуйте за {n} {unit}.",
   error_rate_limit_phone: "Забагато запитів для цього номера. Спробуйте пізніше.",
@@ -46902,13 +46916,19 @@ const NE = 5e3, Tk = {
 };
 let gt = class extends ti {
   constructor() {
-    super(...arguments), this.agentId = "", this.apiBaseUrl = mi, this.skipFetch = !1, this.manifestOverride = null, this.theme = "", this.locale = "", this.view = { kind: "loading" }, this.manifest = null, this.selectedCountry = null, this.phoneRaw = "", this.phoneError = "", this.apiError = null, this.pickerOpen = !1, this.pickerSearch = "", this.pollAbort = null, this.pollTimer = null, this.lastFocusedBeforeOpen = null, this.onDocumentKey = (t) => {
+    super(...arguments), this.agentId = "", this.apiBaseUrl = mi, this.skipFetch = !1, this.manifestOverride = null, this.theme = "", this.locale = "", this.view = { kind: "loading" }, this.manifest = null, this.selectedCountry = null, this.phoneRaw = "", this.phoneError = "", this.apiError = null, this.pickerOpen = !1, this.pickerSearch = "", this.postSubmitView = null, this.pollAbort = null, this.pollTimer = null, this.lastFocusedBeforeOpen = null, this.onDocumentKey = (t) => {
       t.key === "Escape" && this.view.kind !== "closed" && this.view.kind !== "loading" && this.close();
     }, this.open = () => {
-      this.manifest && (this.lastFocusedBeforeOpen = document.activeElement, this.view = { kind: "form" }, setTimeout(() => {
-        const t = this.renderRoot.querySelector(".phone-input");
-        t == null || t.focus();
-      }, 50));
+      if (this.manifest) {
+        if (this.lastFocusedBeforeOpen = document.activeElement, this.postSubmitView) {
+          this.view = this.postSubmitView, (this.postSubmitView.kind === "queued" || this.postSubmitView.kind === "dialing") && this.startPolling(this.postSubmitView.request_id);
+          return;
+        }
+        this.view = { kind: "form" }, setTimeout(() => {
+          const t = this.renderRoot.querySelector(".phone-input");
+          t == null || t.focus();
+        }, 50);
+      }
     }, this.close = () => {
       var t, A;
       this.stopPolling(), this.view = { kind: "closed" }, this.apiError = null, (A = (t = this.lastFocusedBeforeOpen) == null ? void 0 : t.focus) == null || A.call(t), this.lastFocusedBeforeOpen = null;
@@ -47021,7 +47041,7 @@ let gt = class extends ti {
         request_id: i.request_id,
         position: i.position,
         eta_seconds: i.estimated_wait_seconds
-      }, this.startPolling(i.request_id);
+      }, this.postSubmitView = this.view, this.startPolling(i.request_id);
     } catch (i) {
       this.handleSubmitError(i);
     }
@@ -47034,11 +47054,11 @@ let gt = class extends ti {
       "plan_required",
       "domain_not_allowed",
       "agent_not_found"
-    ].includes(t.body.error_code) ? this.view = {
+    ].includes(t.body.error_code) ? this.setPostSubmitView({
       kind: "failed",
       reason: t.body.message ?? "Something went wrong.",
       can_retry: !1
-    } : this.view = { kind: "form" }) : (console.error("[hanc-callback] submit error:", t), this.apiError = {
+    }) : this.view = { kind: "form" }) : (console.error("[hanc-callback] submit error:", t), this.apiError = {
       error_code: "unknown",
       message: "Network error. Please try again."
     }, this.view = { kind: "form" });
@@ -47051,7 +47071,7 @@ let gt = class extends ti {
       await lk(t, this.apiBaseUrl);
     } catch {
     }
-    this.close();
+    this.postSubmitView = null, this.close();
   }
   // ---------------------------------------------------------------------------
   // polling
@@ -47085,32 +47105,35 @@ let gt = class extends ti {
   onPollUpdate(t, A) {
     switch (A.status) {
       case "queued":
-        this.view = {
+        this.setPostSubmitView({
           kind: "queued",
           request_id: t,
           position: A.position ?? 0,
           eta_seconds: A.estimated_wait_seconds ?? 0
-        };
+        });
         return;
       case "dialing":
-        this.view = { kind: "dialing", request_id: t };
+        this.setPostSubmitView({ kind: "dialing", request_id: t });
         return;
       case "completed":
-        this.stopPolling(), this.view = { kind: "completed" };
+        this.stopPolling(), this.setPostSubmitView({ kind: "completed" });
         return;
       case "failed":
       case "expired":
-        this.stopPolling(), this.view = {
+        this.stopPolling(), this.setPostSubmitView({
           kind: "failed",
           reason: A.failure_reason ?? "unknown",
-          can_retry: !0
-        };
+          can_retry: !1
+        });
         return;
       case "cancelled":
         this.stopPolling(), this.view = { kind: "closed" };
         return;
     }
   }
+  setPostSubmitView(t) {
+    this.view = t, this.postSubmitView = t;
+  }
   // ---------------------------------------------------------------------------
   // render
   // ---------------------------------------------------------------------------
@@ -47328,6 +47351,7 @@ let gt = class extends ti {
         ${this.checkIcon()}
         <h3>${t.completed_title}</h3>
         <p>${t.completed_body}</p>
+        <p class="status-hint">${t.reload_to_retry}</p>
         <button class="submit-btn" type="button" @click=${this.close}>
           ${t.close_btn}
         </button>
@@ -47345,15 +47369,10 @@ let gt = class extends ti {
         ${this.alertIcon()}
         <h3>${t.failed_title}</h3>
         <p>${A}</p>
-        ${this.view.can_retry ? _A`<button
-              class="submit-btn"
-              type="button"
-              @click=${() => this.view = { kind: "form" }}
-            >
-              ${t.retry_btn}
-            </button>` : _A`<button class="ghost-btn" type="button" @click=${this.close}>
-              ${t.close_btn}
-            </button>`}
+        <p class="status-hint">${t.reload_to_retry}</p>
+        <button class="ghost-btn" type="button" @click=${this.close}>
+          ${t.close_btn}
+        </button>
       </div>
     `;
   }
@@ -47785,6 +47804,12 @@ gt.styles = $g`
       font-weight: 500;
       color: var(--cb-fg);
     }
+    .status .status-hint {
+      font-size: 12px;
+      color: var(--cb-muted);
+      opacity: 0.75;
+      margin-top: 8px;
+    }
     .ringing {
       animation: shake 1s infinite cubic-bezier(0.36, 0, 0.66, -0.56);
       transform-origin: center;