@sendity/client 0.1.3 → 0.1.5

package/dist/sendity-client.js

@@ -105,10 +105,12 @@ const pt = `<template id="sendity-tpl">
     --sendity-radius:           1rem; /* 16 — radius-xl */
     --sendity-surface:          #ffffff;
     --sendity-shadow:           0 12px 28px -6px rgb(28 25 23 / 0.14), 0 6px 12px -6px rgb(28 25 23 / 0.08);
-    --sendity-shadow-accent:    0 8px 24px -6px rgb(16 185 129 / 0.35);
+    --sendity-shadow-success:   0 0 0 1px rgb(16 185 129 / 0.18), 0 18px 46px -18px rgb(16 185 129 / 0.78);
+    --sendity-shadow-error:     0 0 0 1px rgb(244 63 94 / 0.18), 0 18px 46px -18px rgb(244 63 94 / 0.78);
 
     /* Card layout */
     --sendity-width: 320px;
+    --sendity-body-min-height: 11.875rem;
     --sendity-crossfade-duration: 220ms;
 
     color-scheme: light;
@@ -130,8 +132,12 @@ const pt = `<template id="sendity-tpl">
     transition: box-shadow .35s ease;
 }
 
-.sendity:has(.code--verified) {
-    box-shadow: var(--sendity-shadow-accent), var(--sendity-shadow);
+.sendity.sendity--verified {
+    box-shadow: var(--sendity-shadow-success), var(--sendity-shadow);
+}
+
+.sendity.sendity--expired {
+    box-shadow: var(--sendity-shadow-error), var(--sendity-shadow);
 }
 
 .sendity-body {
@@ -139,6 +145,7 @@ const pt = `<template id="sendity-tpl">
     flex: 1;
     display: flex;
     flex-direction: column;
+    min-height: var(--sendity-body-min-height);
     padding: 1.25rem 1.25rem 1rem;
     gap: 0.875rem;
 }
@@ -210,6 +217,16 @@ const pt = `<template id="sendity-tpl">
     font-family: var(--sendity-code-font-family);
 }
 
+.sendity .code--placeholder .formatted-code {
+    filter: blur(0.45rem);
+    opacity: 0.55;
+    user-select: none;
+}
+
+.sendity .code--placeholder {
+    pointer-events: none;
+}
+
 .sendity .verifiers {
     display: grid;
     grid-template-columns: 1fr;
@@ -283,15 +300,26 @@ const pt = `<template id="sendity-tpl">
 .sendity .verifiers a.chan .icon svg,
 .sendity .verifiers button.chan .icon svg { width: 100%; height: 100%; display: block; }
 
-.sendity .verifiers button.chan.primary {
+.sendity .verifiers button.chan.primary,
+.sendity .verifiers button.chan.error {
     width: 100%;
     color: #ffffff;
+}
+
+.sendity .verifiers button.chan.primary {
     background: var(--sendity-primary-color);
     border-color: var(--sendity-primary-color);
 }
 .sendity .verifiers button.chan.primary:hover { background: var(--sendity-primary-hover); border-color: var(--sendity-primary-hover); }
 .sendity .verifiers button.chan.primary:disabled { opacity: 0.7; cursor: wait; }
 
+.sendity .verifiers button.chan.error {
+    background: var(--sendity-error-color);
+    border-color: var(--sendity-error-color);
+}
+.sendity .verifiers button.chan.error:hover { background: var(--sendity-error-fg); border-color: var(--sendity-error-fg); }
+.sendity .verifiers button.chan.error:disabled { opacity: 0.7; cursor: wait; }
+
 .sendity .verifiers a.chan.email {
     color: var(--sendity-email-fg);
     background: var(--sendity-email-bg);
@@ -508,7 +536,10 @@ const pt = `<template id="sendity-tpl">
     height: 0.5rem;
     border-radius: 999px;
     background: var(--sendity-primary-color);
+    color: var(--sendity-error-color);
     position: relative;
+    display: inline-grid;
+    place-items: center;
     flex: none;
 }
 .sendity .footer-spinner::after {
@@ -521,6 +552,21 @@ const pt = `<template id="sendity-tpl">
     animation: sendity-pulse 1.6s ease-out infinite;
 }
 
+.sendity .footer-indicator--error {
+    width: 1rem;
+    height: 1rem;
+    background: transparent;
+}
+.sendity .footer-indicator--error::after {
+    content: none;
+    animation: none;
+}
+.sendity .footer-indicator--error svg {
+    width: 1rem;
+    height: 1rem;
+    display: block;
+}
+
 @keyframes sendity-pulse { to { transform: scale(2.4); opacity: 0; } }
 
 /* Inherit dark surfaces when consumer page enables a dark theme on the host. */
@@ -551,6 +597,8 @@ const pt = `<template id="sendity-tpl">
     --sendity-whatsapp-bg-hover: rgb(16 185 129 / 0.26);
     --sendity-btn-shadow: inset 0 1px 0 0 rgb(255 255 255 / 0.06), 0 1px 2px 0 rgb(0 0 0 / 0.4);
     --sendity-shadow: 0 12px 28px -6px rgb(0 0 0 / 0.55), 0 6px 12px -6px rgb(0 0 0 / 0.4);
+    --sendity-shadow-success: 0 0 0 1px rgb(16 185 129 / 0.24), 0 18px 46px -18px rgb(16 185 129 / 0.9);
+    --sendity-shadow-error: 0 0 0 1px rgb(244 63 94 / 0.24), 0 18px 46px -18px rgb(244 63 94 / 0.9);
 }
 `;
 class qe {
@@ -560,8 +608,8 @@ class qe {
   /**
    * Listen for a whisper event on the channel instance.
    */
-  listenForWhisper(i, o) {
-    return this.listen(".client-" + i, o);
+  listenForWhisper(i, s) {
+    return this.listen(".client-" + i, s);
   }
   /**
    * Listen for an event on the channel instance.
@@ -578,8 +626,8 @@ class qe {
   /**
    * Stop listening for a whisper event on the channel instance.
    */
-  stopListeningForWhisper(i, o) {
-    return this.stopListening(".client-" + i, o);
+  stopListeningForWhisper(i, s) {
+    return this.stopListening(".client-" + i, s);
   }
 }
 class Ct {
@@ -613,8 +661,8 @@ class Ue extends qe {
   /**
    * Create a new class instance.
    */
-  constructor(i, o, a) {
-    super(), this.name = o, this.pusher = i, this.options = a, this.eventFormatter = new Ct(this.options.namespace), this.subscribe();
+  constructor(i, s, a) {
+    super(), this.name = s, this.pusher = i, this.options = a, this.eventFormatter = new Ct(this.options.namespace), this.subscribe();
   }
   /**
    * Subscribe to a Pusher channel.
@@ -631,30 +679,30 @@ class Ue extends qe {
   /**
    * Listen for an event on the channel instance.
    */
-  listen(i, o) {
-    return this.on(this.eventFormatter.format(i), o), this;
+  listen(i, s) {
+    return this.on(this.eventFormatter.format(i), s), this;
   }
   /**
    * Listen for all events on the channel instance.
    */
   listenToAll(i) {
-    return this.subscription.bind_global((o, a) => {
-      if (o.startsWith("pusher:"))
+    return this.subscription.bind_global((s, a) => {
+      if (s.startsWith("pusher:"))
         return;
       let h = String(this.options.namespace ?? "").replace(
         /\./g,
         "\\"
-      ), u = o.startsWith(h) ? o.substring(h.length + 1) : "." + o;
-      i(u, a);
+      ), d = s.startsWith(h) ? s.substring(h.length + 1) : "." + s;
+      i(d, a);
     }), this;
   }
   /**
    * Stop listening for an event on the channel instance.
    */
-  stopListening(i, o) {
-    return o ? this.subscription.unbind(
+  stopListening(i, s) {
+    return s ? this.subscription.unbind(
       this.eventFormatter.format(i),
-      o
+      s
     ) : this.subscription.unbind(this.eventFormatter.format(i)), this;
   }
   /**
@@ -675,25 +723,25 @@ class Ue extends qe {
    * Register a callback to be called anytime a subscription error occurs.
    */
   error(i) {
-    return this.on("pusher:subscription_error", (o) => {
-      i(o);
+    return this.on("pusher:subscription_error", (s) => {
+      i(s);
     }), this;
   }
   /**
    * Bind a channel to an event.
    */
-  on(i, o) {
-    return this.subscription.bind(i, o), this;
+  on(i, s) {
+    return this.subscription.bind(i, s), this;
   }
 }
 class St extends Ue {
   /**
    * Send a whisper event to other clients in the channel.
    */
-  whisper(i, o) {
+  whisper(i, s) {
     return this.pusher.channels.channels[this.name].trigger(
       `client-${i}`,
-      o
+      s
     ), this;
   }
 }
@@ -701,45 +749,45 @@ class Di extends Ue {
   /**
    * Send a whisper event to other clients in the channel.
    */
-  whisper(i, o) {
+  whisper(i, s) {
     return this.pusher.channels.channels[this.name].trigger(
       `client-${i}`,
-      o
+      s
     ), this;
   }
 }
-class Wi extends St {
+class Fi extends St {
   /**
    * Register a callback to be called anytime the member list changes.
    */
   here(i) {
-    return this.on("pusher:subscription_succeeded", (o) => {
-      i(Object.keys(o.members).map((a) => o.members[a]));
+    return this.on("pusher:subscription_succeeded", (s) => {
+      i(Object.keys(s.members).map((a) => s.members[a]));
     }), this;
   }
   /**
    * Listen for someone joining the channel.
    */
   joining(i) {
-    return this.on("pusher:member_added", (o) => {
-      i(o.info);
+    return this.on("pusher:member_added", (s) => {
+      i(s.info);
     }), this;
   }
   /**
    * Send a whisper event to other clients in the channel.
    */
-  whisper(i, o) {
+  whisper(i, s) {
     return this.pusher.channels.channels[this.name].trigger(
       `client-${i}`,
-      o
+      s
     ), this;
   }
   /**
    * Listen for someone leaving the channel.
    */
   leaving(i) {
-    return this.on("pusher:member_removed", (o) => {
-      i(o.info);
+    return this.on("pusher:member_removed", (s) => {
+      i(s.info);
     }), this;
   }
 }
@@ -747,8 +795,8 @@ class Tt extends qe {
   /**
    * Create a new class instance.
    */
-  constructor(i, o, a) {
-    super(), this.events = {}, this.listeners = {}, this.name = o, this.socket = i, this.options = a, this.eventFormatter = new Ct(this.options.namespace), this.subscribe();
+  constructor(i, s, a) {
+    super(), this.events = {}, this.listeners = {}, this.name = s, this.socket = i, this.options = a, this.eventFormatter = new Ct(this.options.namespace), this.subscribe();
   }
   /**
    * Subscribe to a Socket.io channel.
@@ -771,21 +819,21 @@ class Tt extends qe {
   /**
    * Listen for an event on the channel instance.
    */
-  listen(i, o) {
-    return this.on(this.eventFormatter.format(i), o), this;
+  listen(i, s) {
+    return this.on(this.eventFormatter.format(i), s), this;
   }
   /**
    * Stop listening for an event on the channel instance.
    */
-  stopListening(i, o) {
-    return this.unbindEvent(this.eventFormatter.format(i), o), this;
+  stopListening(i, s) {
+    return this.unbindEvent(this.eventFormatter.format(i), s), this;
   }
   /**
    * Register a callback to be called anytime a subscription succeeds.
    */
   subscribed(i) {
-    return this.on("connect", (o) => {
-      i(o);
+    return this.on("connect", (s) => {
+      i(s);
     }), this;
   }
   /**
@@ -797,10 +845,10 @@ class Tt extends qe {
   /**
    * Bind the channel's socket to an event and store the callback.
    */
-  on(i, o) {
+  on(i, s) {
     return this.listeners[i] = this.listeners[i] || [], this.events[i] || (this.events[i] = (a, h) => {
-      this.name === a && this.listeners[i] && this.listeners[i].forEach((u) => u(h));
-    }, this.socket.on(i, this.events[i])), this.listeners[i].push(o), this;
+      this.name === a && this.listeners[i] && this.listeners[i].forEach((d) => d(h));
+    }, this.socket.on(i, this.events[i])), this.listeners[i].push(s), this;
   }
   /**
    * Unbind the channel's socket from all stored event callbacks.
@@ -813,31 +861,31 @@ class Tt extends qe {
   /**
    * Unbind the listeners for the given event.
    */
-  unbindEvent(i, o) {
-    this.listeners[i] = this.listeners[i] || [], o && (this.listeners[i] = this.listeners[i].filter(
-      (a) => a !== o
-    )), (!o || this.listeners[i].length === 0) && (this.events[i] && (this.socket.removeListener(i, this.events[i]), delete this.events[i]), delete this.listeners[i]);
+  unbindEvent(i, s) {
+    this.listeners[i] = this.listeners[i] || [], s && (this.listeners[i] = this.listeners[i].filter(
+      (a) => a !== s
+    )), (!s || this.listeners[i].length === 0) && (this.events[i] && (this.socket.removeListener(i, this.events[i]), delete this.events[i]), delete this.listeners[i]);
   }
 }
-class _t extends Tt {
+class xt extends Tt {
   /**
    * Send a whisper event to other clients in the channel.
    */
-  whisper(i, o) {
+  whisper(i, s) {
     return this.socket.emit("client event", {
       channel: this.name,
       event: `client-${i}`,
-      data: o
+      data: s
     }), this;
   }
 }
-class Fi extends _t {
+class Wi extends xt {
   /**
    * Register a callback to be called anytime the member list changes.
    */
   here(i) {
-    return this.on("presence:subscribed", (o) => {
-      i(o.map((a) => a.user_info));
+    return this.on("presence:subscribed", (s) => {
+      i(s.map((a) => a.user_info));
     }), this;
   }
   /**
@@ -846,17 +894,17 @@ class Fi extends _t {
   joining(i) {
     return this.on(
       "presence:joining",
-      (o) => i(o.user_info)
+      (s) => i(s.user_info)
     ), this;
   }
   /**
    * Send a whisper event to other clients in the channel.
    */
-  whisper(i, o) {
+  whisper(i, s) {
     return this.socket.emit("client event", {
       channel: this.name,
       event: `client-${i}`,
-      data: o
+      data: s
     }), this;
   }
   /**
@@ -865,7 +913,7 @@ class Fi extends _t {
   leaving(i) {
     return this.on(
       "presence:leaving",
-      (o) => i(o.user_info)
+      (s) => i(s.user_info)
     ), this;
   }
 }
@@ -883,7 +931,7 @@ class ge extends qe {
   /**
    * Listen for an event on the channel instance.
    */
-  listen(i, o) {
+  listen(i, s) {
     return this;
   }
   /**
@@ -895,7 +943,7 @@ class ge extends qe {
   /**
    * Stop listening for an event on the channel instance.
    */
-  stopListening(i, o) {
+  stopListening(i, s) {
     return this;
   }
   /**
@@ -913,15 +961,15 @@ class ge extends qe {
   /**
    * Bind a channel to an event.
    */
-  on(i, o) {
+  on(i, s) {
     return this;
   }
 }
-class xt extends ge {
+class Et extends ge {
   /**
    * Send a whisper event to other clients in the channel.
    */
-  whisper(i, o) {
+  whisper(i, s) {
     return this;
   }
 }
@@ -929,11 +977,11 @@ class Bi extends ge {
   /**
    * Send a whisper event to other clients in the channel.
    */
-  whisper(i, o) {
+  whisper(i, s) {
     return this;
   }
 }
-class $i extends xt {
+class $i extends Et {
   /**
    * Register a callback to be called anytime the member list changes.
    */
@@ -949,7 +997,7 @@ class $i extends xt {
   /**
    * Send a whisper event to other clients in the channel.
    */
-  whisper(i, o) {
+  whisper(i, s) {
     return this;
   }
   /**
@@ -959,7 +1007,7 @@ class $i extends xt {
     return this;
   }
 }
-const Et = class kt {
+const _t = class kt {
   /**
    * Create a new class instance.
    */
@@ -975,18 +1023,18 @@ const Et = class kt {
       ...i,
       broadcaster: i.broadcaster
     };
-    let o = this.csrfToken();
-    o && (this.options.auth.headers["X-CSRF-TOKEN"] = o, this.options.userAuthentication.headers["X-CSRF-TOKEN"] = o), o = this.options.bearerToken, o && (this.options.auth.headers.Authorization = "Bearer " + o, this.options.userAuthentication.headers.Authorization = "Bearer " + o);
+    let s = this.csrfToken();
+    s && (this.options.auth.headers["X-CSRF-TOKEN"] = s, this.options.userAuthentication.headers["X-CSRF-TOKEN"] = s), s = this.options.bearerToken, s && (this.options.auth.headers.Authorization = "Bearer " + s, this.options.userAuthentication.headers.Authorization = "Bearer " + s);
   }
   /**
    * Extract the CSRF token from the page.
    */
   csrfToken() {
-    var i, o;
-    return typeof window < "u" && (i = window.Laravel) != null && i.csrfToken ? window.Laravel.csrfToken : this.options.csrfToken ? this.options.csrfToken : typeof document < "u" && typeof document.querySelector == "function" ? ((o = document.querySelector('meta[name="csrf-token"]')) == null ? void 0 : o.getAttribute("content")) ?? null : null;
+    var i, s;
+    return typeof window < "u" && (i = window.Laravel) != null && i.csrfToken ? window.Laravel.csrfToken : this.options.csrfToken ? this.options.csrfToken : typeof document < "u" && typeof document.querySelector == "function" ? ((s = document.querySelector('meta[name="csrf-token"]')) == null ? void 0 : s.getAttribute("content")) ?? null : null;
   }
 };
-Et._defaultOptions = {
+_t._defaultOptions = {
   auth: {
     headers: {}
   },
@@ -1001,7 +1049,7 @@ Et._defaultOptions = {
   key: null,
   namespace: "App.Events"
 };
-let Ne = Et;
+let Ne = _t;
 class fe extends Ne {
   constructor() {
     super(...arguments), this.channels = {};
@@ -1033,8 +1081,8 @@ class fe extends Ne {
   /**
    * Listen for an event on a channel instance.
    */
-  listen(i, o, a) {
-    return this.channel(i).listen(o, a);
+  listen(i, s, a) {
+    return this.channel(i).listen(s, a);
   }
   /**
    * Get a channel instance by name.
@@ -1070,7 +1118,7 @@ class fe extends Ne {
    * Get a presence channel instance by name.
    */
   presenceChannel(i) {
-    return this.channels["presence-" + i] || (this.channels["presence-" + i] = new Wi(
+    return this.channels["presence-" + i] || (this.channels["presence-" + i] = new Fi(
       this.pusher,
       "presence-" + i,
       this.options
@@ -1085,8 +1133,8 @@ class fe extends Ne {
       "private-" + i,
       "private-encrypted-" + i,
       "presence-" + i
-    ].forEach((o) => {
-      this.leaveChannel(o);
+    ].forEach((s) => {
+      this.leaveChannel(s);
     });
   }
   /**
@@ -1121,14 +1169,14 @@ class fe extends Ne {
    * Subscribe to connection status changes.
    */
   onConnectionChange(i) {
-    const o = () => {
+    const s = () => {
       i(this.connectionStatus());
     }, a = ["state_change", "connected", "disconnected"];
     return a.forEach((h) => {
-      this.pusher.connection.bind(h, o);
+      this.pusher.connection.bind(h, s);
     }), () => {
       a.forEach((h) => {
-        this.pusher.connection.unbind(h, o);
+        this.pusher.connection.unbind(h, s);
       });
     };
   }
@@ -1152,8 +1200,8 @@ class Xi extends Ne {
       this.options.host ?? void 0,
       this.options
     ), this.socket.io.on("reconnect", () => {
-      Object.values(this.channels).forEach((o) => {
-        o.subscribe();
+      Object.values(this.channels).forEach((s) => {
+        s.subscribe();
       });
     });
   }
@@ -1172,8 +1220,8 @@ class Xi extends Ne {
   /**
    * Listen for an event on a channel instance.
    */
-  listen(i, o, a) {
-    return this.channel(i).listen(o, a);
+  listen(i, s, a) {
+    return this.channel(i).listen(s, a);
   }
   /**
    * Get a channel instance by name.
@@ -1189,7 +1237,7 @@ class Xi extends Ne {
    * Get a private channel instance by name.
    */
   privateChannel(i) {
-    return this.channels["private-" + i] || (this.channels["private-" + i] = new _t(
+    return this.channels["private-" + i] || (this.channels["private-" + i] = new xt(
       this.socket,
       "private-" + i,
       this.options
@@ -1199,7 +1247,7 @@ class Xi extends Ne {
    * Get a presence channel instance by name.
    */
   presenceChannel(i) {
-    return this.channels["presence-" + i] || (this.channels["presence-" + i] = new Fi(
+    return this.channels["presence-" + i] || (this.channels["presence-" + i] = new Wi(
       this.socket,
       "presence-" + i,
       this.options
@@ -1209,8 +1257,8 @@ class Xi extends Ne {
    * Leave the given channel, as well as its private and presence variants.
    */
   leave(i) {
-    [i, "private-" + i, "presence-" + i].forEach((o) => {
-      this.leaveChannel(o);
+    [i, "private-" + i, "presence-" + i].forEach((s) => {
+      this.leaveChannel(s);
     });
   }
   /**
@@ -1235,7 +1283,7 @@ class Xi extends Ne {
    * Subscribe to connection status changes.
    */
   onConnectionChange(i) {
-    const o = () => {
+    const s = () => {
       i(this.connectionStatus());
     }, a = [
       "connect",
@@ -1247,10 +1295,10 @@ class Xi extends Ne {
       "reconnect_failed"
     ];
     return a.forEach((h) => {
-      this.socket.on(h, o);
+      this.socket.on(h, s);
     }), () => {
       a.forEach((h) => {
-        this.socket.off(h, o);
+        this.socket.off(h, s);
       });
     };
   }
@@ -1273,7 +1321,7 @@ class mt extends Ne {
   /**
    * Listen for an event on a channel instance.
    */
-  listen(i, o, a) {
+  listen(i, s, a) {
     return new ge();
   }
   /**
@@ -1286,7 +1334,7 @@ class mt extends Ne {
    * Get a private channel instance by name.
    */
   privateChannel(i) {
-    return new xt();
+    return new Et();
   }
   /**
    * Get a private encrypted channel instance by name.
@@ -1410,8 +1458,8 @@ class Vi {
   /**
    * Listen for an event on a channel instance.
    */
-  listen(i, o, a) {
-    return this.connector.listen(i, o, a);
+  listen(i, s, a) {
+    return this.connector.listen(i, s, a);
   }
   /**
    * Get a private channel instance by name.
@@ -1458,8 +1506,8 @@ class Vi {
    */
   registerVueRequestInterceptor() {
     Vue.http.interceptors.push(
-      (i, o) => {
-        this.socketId() && i.headers.set("X-Socket-ID", this.socketId()), o();
+      (i, s) => {
+        this.socketId() && i.headers.set("X-Socket-ID", this.socketId()), s();
       }
     );
   }
@@ -1476,7 +1524,7 @@ class Vi {
    */
   registerjQueryAjaxSetup() {
     typeof jQuery.ajax < "u" && jQuery.ajaxPrefilter(
-      (i, o, a) => {
+      (i, s, a) => {
         this.socketId() && a.setRequestHeader("X-Socket-Id", this.socketId());
       }
     );
@@ -1505,150 +1553,150 @@ function Gi() {
     })(self, () => (
       /******/
       (() => {
-        var o = {
+        var s = {
           /***/
           594(m, g) {
             var y = this && this.__extends || /* @__PURE__ */ (function() {
-              var _ = function(d, f) {
-                return _ = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(S, L) {
+              var x = function(u, f) {
+                return x = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(S, L) {
                   S.__proto__ = L;
                 } || function(S, L) {
                   for (var q in L) L.hasOwnProperty(q) && (S[q] = L[q]);
-                }, _(d, f);
+                }, x(u, f);
               };
-              return function(d, f) {
-                _(d, f);
+              return function(u, f) {
+                x(u, f);
                 function S() {
-                  this.constructor = d;
+                  this.constructor = u;
                 }
-                d.prototype = f === null ? Object.create(f) : (S.prototype = f.prototype, new S());
+                u.prototype = f === null ? Object.create(f) : (S.prototype = f.prototype, new S());
               };
             })();
             Object.defineProperty(g, "__esModule", { value: !0 });
-            var x = 256, w = (
+            var E = 256, w = (
               /** @class */
               (function() {
-                function _(d) {
-                  d === void 0 && (d = "="), this._paddingCharacter = d;
+                function x(u) {
+                  u === void 0 && (u = "="), this._paddingCharacter = u;
                 }
-                return _.prototype.encodedLength = function(d) {
-                  return this._paddingCharacter ? (d + 2) / 3 * 4 | 0 : (d * 8 + 5) / 6 | 0;
-                }, _.prototype.encode = function(d) {
-                  for (var f = "", S = 0; S < d.length - 2; S += 3) {
-                    var L = d[S] << 16 | d[S + 1] << 8 | d[S + 2];
+                return x.prototype.encodedLength = function(u) {
+                  return this._paddingCharacter ? (u + 2) / 3 * 4 | 0 : (u * 8 + 5) / 6 | 0;
+                }, x.prototype.encode = function(u) {
+                  for (var f = "", S = 0; S < u.length - 2; S += 3) {
+                    var L = u[S] << 16 | u[S + 1] << 8 | u[S + 2];
                     f += this._encodeByte(L >>> 18 & 63), f += this._encodeByte(L >>> 12 & 63), f += this._encodeByte(L >>> 6 & 63), f += this._encodeByte(L >>> 0 & 63);
                   }
-                  var q = d.length - S;
+                  var q = u.length - S;
                   if (q > 0) {
-                    var L = d[S] << 16 | (q === 2 ? d[S + 1] << 8 : 0);
+                    var L = u[S] << 16 | (q === 2 ? u[S + 1] << 8 : 0);
                     f += this._encodeByte(L >>> 18 & 63), f += this._encodeByte(L >>> 12 & 63), q === 2 ? f += this._encodeByte(L >>> 6 & 63) : f += this._paddingCharacter || "", f += this._paddingCharacter || "";
                   }
                   return f;
-                }, _.prototype.maxDecodedLength = function(d) {
-                  return this._paddingCharacter ? d / 4 * 3 | 0 : (d * 6 + 7) / 8 | 0;
-                }, _.prototype.decodedLength = function(d) {
-                  return this.maxDecodedLength(d.length - this._getPaddingLength(d));
-                }, _.prototype.decode = function(d) {
-                  if (d.length === 0)
+                }, x.prototype.maxDecodedLength = function(u) {
+                  return this._paddingCharacter ? u / 4 * 3 | 0 : (u * 6 + 7) / 8 | 0;
+                }, x.prototype.decodedLength = function(u) {
+                  return this.maxDecodedLength(u.length - this._getPaddingLength(u));
+                }, x.prototype.decode = function(u) {
+                  if (u.length === 0)
                     return new Uint8Array(0);
-                  for (var f = this._getPaddingLength(d), S = d.length - f, L = new Uint8Array(this.maxDecodedLength(S)), q = 0, j = 0, z = 0, J = 0, D = 0, H = 0, G = 0; j < S - 4; j += 4)
-                    J = this._decodeChar(d.charCodeAt(j + 0)), D = this._decodeChar(d.charCodeAt(j + 1)), H = this._decodeChar(d.charCodeAt(j + 2)), G = this._decodeChar(d.charCodeAt(j + 3)), L[q++] = J << 2 | D >>> 4, L[q++] = D << 4 | H >>> 2, L[q++] = H << 6 | G, z |= J & x, z |= D & x, z |= H & x, z |= G & x;
-                  if (j < S - 1 && (J = this._decodeChar(d.charCodeAt(j)), D = this._decodeChar(d.charCodeAt(j + 1)), L[q++] = J << 2 | D >>> 4, z |= J & x, z |= D & x), j < S - 2 && (H = this._decodeChar(d.charCodeAt(j + 2)), L[q++] = D << 4 | H >>> 2, z |= H & x), j < S - 3 && (G = this._decodeChar(d.charCodeAt(j + 3)), L[q++] = H << 6 | G, z |= G & x), z !== 0)
+                  for (var f = this._getPaddingLength(u), S = u.length - f, L = new Uint8Array(this.maxDecodedLength(S)), q = 0, M = 0, z = 0, J = 0, D = 0, H = 0, G = 0; M < S - 4; M += 4)
+                    J = this._decodeChar(u.charCodeAt(M + 0)), D = this._decodeChar(u.charCodeAt(M + 1)), H = this._decodeChar(u.charCodeAt(M + 2)), G = this._decodeChar(u.charCodeAt(M + 3)), L[q++] = J << 2 | D >>> 4, L[q++] = D << 4 | H >>> 2, L[q++] = H << 6 | G, z |= J & E, z |= D & E, z |= H & E, z |= G & E;
+                  if (M < S - 1 && (J = this._decodeChar(u.charCodeAt(M)), D = this._decodeChar(u.charCodeAt(M + 1)), L[q++] = J << 2 | D >>> 4, z |= J & E, z |= D & E), M < S - 2 && (H = this._decodeChar(u.charCodeAt(M + 2)), L[q++] = D << 4 | H >>> 2, z |= H & E), M < S - 3 && (G = this._decodeChar(u.charCodeAt(M + 3)), L[q++] = H << 6 | G, z |= G & E), z !== 0)
                     throw new Error("Base64Coder: incorrect characters for decoding");
                   return L;
-                }, _.prototype._encodeByte = function(d) {
-                  var f = d;
-                  return f += 65, f += 25 - d >>> 8 & 6, f += 51 - d >>> 8 & -75, f += 61 - d >>> 8 & -15, f += 62 - d >>> 8 & 3, String.fromCharCode(f);
-                }, _.prototype._decodeChar = function(d) {
-                  var f = x;
-                  return f += (42 - d & d - 44) >>> 8 & -x + d - 43 + 62, f += (46 - d & d - 48) >>> 8 & -x + d - 47 + 63, f += (47 - d & d - 58) >>> 8 & -x + d - 48 + 52, f += (64 - d & d - 91) >>> 8 & -x + d - 65 + 0, f += (96 - d & d - 123) >>> 8 & -x + d - 97 + 26, f;
-                }, _.prototype._getPaddingLength = function(d) {
+                }, x.prototype._encodeByte = function(u) {
+                  var f = u;
+                  return f += 65, f += 25 - u >>> 8 & 6, f += 51 - u >>> 8 & -75, f += 61 - u >>> 8 & -15, f += 62 - u >>> 8 & 3, String.fromCharCode(f);
+                }, x.prototype._decodeChar = function(u) {
+                  var f = E;
+                  return f += (42 - u & u - 44) >>> 8 & -E + u - 43 + 62, f += (46 - u & u - 48) >>> 8 & -E + u - 47 + 63, f += (47 - u & u - 58) >>> 8 & -E + u - 48 + 52, f += (64 - u & u - 91) >>> 8 & -E + u - 65 + 0, f += (96 - u & u - 123) >>> 8 & -E + u - 97 + 26, f;
+                }, x.prototype._getPaddingLength = function(u) {
                   var f = 0;
                   if (this._paddingCharacter) {
-                    for (var S = d.length - 1; S >= 0 && d[S] === this._paddingCharacter; S--)
+                    for (var S = u.length - 1; S >= 0 && u[S] === this._paddingCharacter; S--)
                       f++;
-                    if (d.length < 4 || f > 2)
+                    if (u.length < 4 || f > 2)
                       throw new Error("Base64Coder: incorrect padding");
                   }
                   return f;
-                }, _;
+                }, x;
               })()
             );
             g.Coder = w;
             var R = new w();
-            function T(_) {
-              return R.encode(_);
+            function T(x) {
+              return R.encode(x);
             }
             g.encode = T;
-            function A(_) {
-              return R.decode(_);
+            function A(x) {
+              return R.decode(x);
             }
             g.decode = A;
-            var W = (
+            var F = (
               /** @class */
-              (function(_) {
-                y(d, _);
-                function d() {
-                  return _ !== null && _.apply(this, arguments) || this;
+              (function(x) {
+                y(u, x);
+                function u() {
+                  return x !== null && x.apply(this, arguments) || this;
                 }
-                return d.prototype._encodeByte = function(f) {
+                return u.prototype._encodeByte = function(f) {
                   var S = f;
                   return S += 65, S += 25 - f >>> 8 & 6, S += 51 - f >>> 8 & -75, S += 61 - f >>> 8 & -13, S += 62 - f >>> 8 & 49, String.fromCharCode(S);
-                }, d.prototype._decodeChar = function(f) {
-                  var S = x;
-                  return S += (44 - f & f - 46) >>> 8 & -x + f - 45 + 62, S += (94 - f & f - 96) >>> 8 & -x + f - 95 + 63, S += (47 - f & f - 58) >>> 8 & -x + f - 48 + 52, S += (64 - f & f - 91) >>> 8 & -x + f - 65 + 0, S += (96 - f & f - 123) >>> 8 & -x + f - 97 + 26, S;
-                }, d;
+                }, u.prototype._decodeChar = function(f) {
+                  var S = E;
+                  return S += (44 - f & f - 46) >>> 8 & -E + f - 45 + 62, S += (94 - f & f - 96) >>> 8 & -E + f - 95 + 63, S += (47 - f & f - 58) >>> 8 & -E + f - 48 + 52, S += (64 - f & f - 91) >>> 8 & -E + f - 65 + 0, S += (96 - f & f - 123) >>> 8 & -E + f - 97 + 26, S;
+                }, u;
               })(w)
             );
-            g.URLSafeCoder = W;
-            var N = new W();
-            function F(_) {
-              return N.encode(_);
+            g.URLSafeCoder = F;
+            var N = new F();
+            function W(x) {
+              return N.encode(x);
             }
-            g.encodeURLSafe = F;
-            function te(_) {
-              return N.decode(_);
+            g.encodeURLSafe = W;
+            function te(x) {
+              return N.decode(x);
             }
-            g.decodeURLSafe = te, g.encodedLength = function(_) {
-              return R.encodedLength(_);
-            }, g.maxDecodedLength = function(_) {
-              return R.maxDecodedLength(_);
-            }, g.decodedLength = function(_) {
-              return R.decodedLength(_);
+            g.decodeURLSafe = te, g.encodedLength = function(x) {
+              return R.encodedLength(x);
+            }, g.maxDecodedLength = function(x) {
+              return R.maxDecodedLength(x);
+            }, g.decodedLength = function(x) {
+              return R.decodedLength(x);
             };
           },
           /***/
           978(m, g) {
             var y = "utf8: invalid source encoding";
-            function x(w) {
+            function E(w) {
               for (var R = [], T = 0; T < w.length; T++) {
                 var A = w[T];
                 if (A & 128) {
-                  var W = void 0;
+                  var F = void 0;
                   if (A < 224) {
                     if (T >= w.length)
                       throw new Error(y);
                     var N = w[++T];
                     if ((N & 192) !== 128)
                       throw new Error(y);
-                    A = (A & 31) << 6 | N & 63, W = 128;
+                    A = (A & 31) << 6 | N & 63, F = 128;
                   } else if (A < 240) {
                     if (T >= w.length - 1)
                       throw new Error(y);
-                    var N = w[++T], F = w[++T];
-                    if ((N & 192) !== 128 || (F & 192) !== 128)
+                    var N = w[++T], W = w[++T];
+                    if ((N & 192) !== 128 || (W & 192) !== 128)
                       throw new Error(y);
-                    A = (A & 15) << 12 | (N & 63) << 6 | F & 63, W = 2048;
+                    A = (A & 15) << 12 | (N & 63) << 6 | W & 63, F = 2048;
                   } else if (A < 248) {
                     if (T >= w.length - 2)
                       throw new Error(y);
-                    var N = w[++T], F = w[++T], te = w[++T];
-                    if ((N & 192) !== 128 || (F & 192) !== 128 || (te & 192) !== 128)
+                    var N = w[++T], W = w[++T], te = w[++T];
+                    if ((N & 192) !== 128 || (W & 192) !== 128 || (te & 192) !== 128)
                       throw new Error(y);
-                    A = (A & 15) << 18 | (N & 63) << 12 | (F & 63) << 6 | te & 63, W = 65536;
+                    A = (A & 15) << 18 | (N & 63) << 12 | (W & 63) << 6 | te & 63, F = 65536;
                   } else
                     throw new Error(y);
-                  if (A < W || A >= 55296 && A <= 57343)
+                  if (A < F || A >= 55296 && A <= 57343)
                     throw new Error(y);
                   if (A >= 65536) {
                     if (A > 1114111)
@@ -1660,7 +1708,7 @@ function Gi() {
               }
               return R.join("");
             }
-            g.D4 = x;
+            g.D4 = E;
           },
           /***/
           721(m, g, y) {
@@ -1671,25 +1719,25 @@ function Gi() {
             y.d(g, {
               default: () => (
                 /* binding */
-                ue
+                de
               )
             });
-            class x {
+            class E {
               constructor(e, t) {
                 this.lastId = 0, this.prefix = e, this.name = t;
               }
               create(e) {
                 this.lastId++;
-                var t = this.lastId, r = this.prefix + t, s = this.name + "[" + t + "]", c = !1, l = function() {
+                var t = this.lastId, r = this.prefix + t, o = this.name + "[" + t + "]", c = !1, l = function() {
                   c || (e.apply(null, arguments), c = !0);
                 };
-                return this[t] = l, { number: t, id: r, name: s, callback: l };
+                return this[t] = l, { number: t, id: r, name: o, callback: l };
               }
               remove(e) {
                 delete this[e.number];
               }
             }
-            var w = new x("_pusher_script_", "Pusher.ScriptReceivers"), R = {
+            var w = new E("_pusher_script_", "Pusher.ScriptReceivers"), R = {
               VERSION: "8.5.0",
               PROTOCOL: 7,
               wsPort: 80,
@@ -1723,19 +1771,19 @@ function Gi() {
                 this.options = e, this.receivers = e.receivers || w, this.loading = {};
               }
               load(e, t, r) {
-                var s = this;
-                if (s.loading[e] && s.loading[e].length > 0)
-                  s.loading[e].push(r);
+                var o = this;
+                if (o.loading[e] && o.loading[e].length > 0)
+                  o.loading[e].push(r);
                 else {
-                  s.loading[e] = [r];
-                  var c = C.createScriptRequest(s.getPath(e, t)), l = s.receivers.create(function(p) {
-                    if (s.receivers.remove(l), s.loading[e]) {
-                      var b = s.loading[e];
-                      delete s.loading[e];
-                      for (var E = function(I) {
+                  o.loading[e] = [r];
+                  var c = C.createScriptRequest(o.getPath(e, t)), l = o.receivers.create(function(p) {
+                    if (o.receivers.remove(l), o.loading[e]) {
+                      var b = o.loading[e];
+                      delete o.loading[e];
+                      for (var _ = function(I) {
                         I || c.cleanup();
                       }, k = 0; k < b.length; k++)
-                        b[k](p, E);
+                        b[k](p, _);
                     }
                   });
                   c.send(l);
@@ -1749,14 +1797,14 @@ function Gi() {
                 return this.getRoot(t) + "/" + e + this.options.suffix + ".js";
               }
             }
-            var W = new x("_pusher_dependencies", "Pusher.DependenciesReceivers"), N = new A({
+            var F = new E("_pusher_dependencies", "Pusher.DependenciesReceivers"), N = new A({
               cdn_http: T.cdn_http,
               cdn_https: T.cdn_https,
               version: T.VERSION,
               suffix: T.dependency_suffix,
-              receivers: W
+              receivers: F
             });
-            const F = {
+            const W = {
               baseUrl: "https://pusher.com",
               urls: {
                 authenticationEndpoint: {
@@ -1775,17 +1823,17 @@ function Gi() {
                   fullUrl: "https://github.com/pusher/pusher-js/tree/cc491015371a4bde5743d1c87a0fbac0feb53195#encrypted-channel-support"
                 }
               }
-            }, _ = { buildLogSuffix: function(n) {
-              const e = "See:", t = F.urls[n];
+            }, x = { buildLogSuffix: function(n) {
+              const e = "See:", t = W.urls[n];
               if (!t)
                 return "";
               let r;
-              return t.fullUrl ? r = t.fullUrl : t.path && (r = F.baseUrl + t.path), r ? `${e} ${r}` : "";
+              return t.fullUrl ? r = t.fullUrl : t.path && (r = W.baseUrl + t.path), r ? `${e} ${r}` : "";
             } };
-            var d;
+            var u;
             (function(n) {
               n.UserAuthentication = "user-authentication", n.ChannelAuthorization = "channel-authorization";
-            })(d || (d = {}));
+            })(u || (u = {}));
             class f extends Error {
               constructor(e) {
                 super(e), Object.setPrototypeOf(this, new.target.prototype);
@@ -1806,7 +1854,7 @@ function Gi() {
                 super(e), Object.setPrototypeOf(this, new.target.prototype);
               }
             }
-            class j extends Error {
+            class M extends Error {
               constructor(e) {
                 super(e), Object.setPrototypeOf(this, new.target.prototype);
               }
@@ -1831,7 +1879,7 @@ function Gi() {
                 super(t), this.status = e, Object.setPrototypeOf(this, new.target.prototype);
               }
             }
-            const Lt = function(n, e, t, r, s) {
+            const Lt = function(n, e, t, r, o) {
               const c = C.createXHR();
               c.open("POST", t.endpoint, !0), c.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
               for (var l in t.headers)
@@ -1848,20 +1896,20 @@ function Gi() {
                     try {
                       p = JSON.parse(c.responseText), b = !0;
                     } catch {
-                      s(new H(200, `JSON returned from ${r.toString()} endpoint was invalid, yet status code was 200. Data was: ${c.responseText}`), null);
+                      o(new H(200, `JSON returned from ${r.toString()} endpoint was invalid, yet status code was 200. Data was: ${c.responseText}`), null);
                     }
-                    b && s(null, p);
+                    b && o(null, p);
                   } else {
                     let p = "";
                     switch (r) {
-                      case d.UserAuthentication:
-                        p = _.buildLogSuffix("authenticationEndpoint");
+                      case u.UserAuthentication:
+                        p = x.buildLogSuffix("authenticationEndpoint");
                         break;
-                      case d.ChannelAuthorization:
-                        p = `Clients must be authorized to join private or presence channels. ${_.buildLogSuffix("authorizationEndpoint")}`;
+                      case u.ChannelAuthorization:
+                        p = `Clients must be authorized to join private or presence channels. ${x.buildLogSuffix("authorizationEndpoint")}`;
                         break;
                     }
-                    s(new H(c.status, `Unable to retrieve auth string from ${r.toString()} endpoint - received status: ${c.status} from ${t.endpoint}. ${p}`), null);
+                    o(new H(c.status, `Unable to retrieve auth string from ${r.toString()} endpoint - received status: ${c.status} from ${t.endpoint}. ${p}`), null);
                   }
               }, c.send(e), c;
             };
@@ -1885,9 +1933,9 @@ function Gi() {
               return n.replace(/[\s\S]{1,3}/g, Ot);
             };
             class Ut {
-              constructor(e, t, r, s) {
+              constructor(e, t, r, o) {
                 this.clear = t, this.timer = e(() => {
-                  this.timer && (this.timer = s(this.timer));
+                  this.timer && (this.timer = o(this.timer));
                 }, r);
               }
               isRunning() {
@@ -1901,7 +1949,7 @@ function Gi() {
             function Nt(n) {
               window.clearTimeout(n);
             }
-            function jt(n) {
+            function Mt(n) {
               window.clearInterval(n);
             }
             class Y extends ze {
@@ -1911,9 +1959,9 @@ function Gi() {
                 });
               }
             }
-            class Mt extends ze {
+            class jt extends ze {
               constructor(e, t) {
-                super(setInterval, jt, e, function(r) {
+                super(setInterval, Mt, e, function(r) {
                   return t(), r;
                 });
               }
@@ -1933,11 +1981,11 @@ function Gi() {
               }
             };
             const U = zt;
-            function M(n, ...e) {
+            function j(n, ...e) {
               for (var t = 0; t < e.length; t++) {
                 var r = e[t];
-                for (var s in r)
-                  r[s] && r[s].constructor && r[s].constructor === Object ? n[s] = M(n[s] || {}, r[s]) : n[s] = r[s];
+                for (var o in r)
+                  r[o] && r[o].constructor && r[o].constructor === Object ? n[o] = j(n[o] || {}, r[o]) : n[o] = r[o];
               }
               return n;
             }
@@ -1952,7 +2000,7 @@ function Gi() {
                 return -1;
               if (t && n.indexOf === t)
                 return n.indexOf(e);
-              for (var r = 0, s = n.length; r < s; r++)
+              for (var r = 0, o = n.length; r < o; r++)
                 if (n[r] === e)
                   return r;
               return -1;
@@ -1977,20 +2025,20 @@ function Gi() {
               for (var r = 0; r < n.length; r++)
                 e.call(t || window, n[r], r, n);
             }
-            function We(n, e) {
+            function Fe(n, e) {
               for (var t = [], r = 0; r < n.length; r++)
                 t.push(e(n[r], r, n, t));
               return t;
             }
-            function Wt(n, e) {
+            function Ft(n, e) {
               var t = {};
-              return B(n, function(r, s) {
-                t[s] = e(r);
+              return B(n, function(r, o) {
+                t[o] = e(r);
               }), t;
             }
-            function Fe(n, e) {
-              e = e || function(s) {
-                return !!s;
+            function We(n, e) {
+              e = e || function(o) {
+                return !!o;
               };
               for (var t = [], r = 0; r < n.length; r++)
                 e(n[r], r, n, t) && t.push(n[r]);
@@ -1998,11 +2046,11 @@ function Gi() {
             }
             function Be(n, e) {
               var t = {};
-              return B(n, function(r, s) {
-                (e && e(r, s, n, t) || r) && (t[s] = r);
+              return B(n, function(r, o) {
+                (e && e(r, o, n, t) || r) && (t[o] = r);
               }), t;
             }
-            function Ft(n) {
+            function Wt(n) {
               var e = [];
               return B(n, function(t, r) {
                 e.push([r, t]);
@@ -2021,40 +2069,40 @@ function Gi() {
               return !0;
             }
             function $t(n) {
-              return Wt(n, function(e) {
+              return Ft(n, function(e) {
                 return typeof e == "object" && (e = ae(e)), encodeURIComponent(Pt(e.toString()));
               });
             }
             function Xt(n) {
               var e = Be(n, function(r) {
                 return r !== void 0;
-              }), t = We(Ft($t(e)), U.method("join", "=")).join("&");
+              }), t = Fe(Wt($t(e)), U.method("join", "=")).join("&");
               return t;
             }
             function Vt(n) {
               var e = [], t = [];
-              return (function r(s, c) {
+              return (function r(o, c) {
                 var l, p, b;
-                switch (typeof s) {
+                switch (typeof o) {
                   case "object":
-                    if (!s)
+                    if (!o)
                       return null;
                     for (l = 0; l < e.length; l += 1)
-                      if (e[l] === s)
+                      if (e[l] === o)
                         return { $ref: t[l] };
-                    if (e.push(s), t.push(c), Object.prototype.toString.apply(s) === "[object Array]")
-                      for (b = [], l = 0; l < s.length; l += 1)
-                        b[l] = r(s[l], c + "[" + l + "]");
+                    if (e.push(o), t.push(c), Object.prototype.toString.apply(o) === "[object Array]")
+                      for (b = [], l = 0; l < o.length; l += 1)
+                        b[l] = r(o[l], c + "[" + l + "]");
                     else {
                       b = {};
-                      for (p in s)
-                        Object.prototype.hasOwnProperty.call(s, p) && (b[p] = r(s[p], c + "[" + JSON.stringify(p) + "]"));
+                      for (p in o)
+                        Object.prototype.hasOwnProperty.call(o, p) && (b[p] = r(o[p], c + "[" + JSON.stringify(p) + "]"));
                     }
                     return b;
                   case "number":
                   case "string":
                   case "boolean":
-                    return s;
+                    return o;
                 }
               })(n, "$");
             }
@@ -2088,22 +2136,22 @@ function Gi() {
               }
               log(e, ...t) {
                 var r = Ht.apply(this, arguments);
-                ue.log ? ue.log(r) : ue.logToConsole && e.bind(this)(r);
+                de.log ? de.log(r) : de.logToConsole && e.bind(this)(r);
               }
             }
             const P = new Jt();
-            var Gt = function(n, e, t, r, s) {
+            var Gt = function(n, e, t, r, o) {
               (t.headers !== void 0 || t.headersProvider != null) && P.warn(`To send headers with the ${r.toString()} request, you must use AJAX, rather than JSONP.`);
               var c = n.nextAuthCallbackID.toString();
               n.nextAuthCallbackID++;
               var l = n.getDocument(), p = l.createElement("script");
               n.auth_callbacks[c] = function(k) {
-                s(null, k);
+                o(null, k);
               };
               var b = "Pusher.auth_callbacks['" + c + "']";
               p.src = t.endpoint + "?callback=" + encodeURIComponent(b) + "&" + e;
-              var E = l.getElementsByTagName("head")[0] || l.documentElement;
-              E.insertBefore(p, E.firstChild);
+              var _ = l.getElementsByTagName("head")[0] || l.documentElement;
+              _.insertBefore(p, _.firstChild);
             };
             const Yt = Gt;
             class Kt {
@@ -2119,8 +2167,8 @@ function Gi() {
                 }) : t.script.onreadystatechange = function() {
                   (t.script.readyState === "loaded" || t.script.readyState === "complete") && e.callback(null);
                 }, t.script.async === void 0 && document.attachEvent && /opera/i.test(navigator.userAgent) ? (t.errorScript = document.createElement("script"), t.errorScript.id = e.id + "_error", t.errorScript.text = e.name + "('" + r + "');", t.script.async = t.errorScript.async = !1) : t.script.async = !0;
-                var s = document.getElementsByTagName("head")[0];
-                s.insertBefore(t.script, s.firstChild), t.errorScript && s.insertBefore(t.errorScript, t.script.nextSibling);
+                var o = document.getElementsByTagName("head")[0];
+                o.insertBefore(t.script, o.firstChild), t.errorScript && o.insertBefore(t.errorScript, t.script.nextSibling);
               }
               cleanup() {
                 this.script && (this.script.onload = this.script.onerror = null, this.script.onreadystatechange = null), this.script && this.script.parentNode && this.script.parentNode.removeChild(this.script), this.errorScript && this.errorScript.parentNode && this.errorScript.parentNode.removeChild(this.errorScript), this.script = null, this.errorScript = null;
@@ -2142,8 +2190,8 @@ function Gi() {
             }
             var Zt = function(n, e) {
               return function(t, r) {
-                var s = "http" + (e ? "s" : "") + "://", c = s + (n.host || n.options.host) + n.options.path, l = C.createJSONPRequest(c, t), p = C.ScriptReceivers.create(function(b, E) {
-                  w.remove(p), l.cleanup(), E && E.host && (n.host = E.host), r && r(b, E);
+                var o = "http" + (e ? "s" : "") + "://", c = o + (n.host || n.options.host) + n.options.path, l = C.createJSONPRequest(c, t), p = C.ScriptReceivers.create(function(b, _) {
+                  w.remove(p), l.cleanup(), _ && _.host && (n.host = _.host), r && r(b, _);
                 });
                 l.send(p);
               };
@@ -2153,8 +2201,8 @@ function Gi() {
             };
             const tn = en;
             function ye(n, e, t) {
-              var r = n + (e.useTLS ? "s" : ""), s = e.useTLS ? e.hostTLS : e.hostNonTLS;
-              return r + "://" + s + t;
+              var r = n + (e.useTLS ? "s" : ""), o = e.useTLS ? e.hostTLS : e.hostNonTLS;
+              return r + "://" + o + t;
             }
             function be(n, e) {
               var t = "/app/" + n, r = "?protocol=" + T.PROTOCOL + "&client=js&version=" + T.VERSION + (e ? "&" + e : "");
@@ -2186,8 +2234,8 @@ function Gi() {
                 return this._callbacks[we(e)];
               }
               add(e, t, r) {
-                var s = we(e);
-                this._callbacks[s] = this._callbacks[s] || [], this._callbacks[s].push({
+                var o = we(e);
+                this._callbacks[o] = this._callbacks[o] || [], this._callbacks[o].push({
                   fn: t,
                   context: r
                 });
@@ -2197,14 +2245,14 @@ function Gi() {
                   this._callbacks = {};
                   return;
                 }
-                var s = e ? [we(e)] : De(this._callbacks);
-                t || r ? this.removeCallback(s, t, r) : this.removeAllCallbacks(s);
+                var o = e ? [we(e)] : De(this._callbacks);
+                t || r ? this.removeCallback(o, t, r) : this.removeAllCallbacks(o);
               }
               removeCallback(e, t, r) {
-                ie(e, function(s) {
-                  this._callbacks[s] = Fe(this._callbacks[s] || [], function(c) {
+                ie(e, function(o) {
+                  this._callbacks[o] = We(this._callbacks[o] || [], function(c) {
                     return t && t !== c.fn || r && r !== c.context;
-                  }), this._callbacks[s].length === 0 && delete this._callbacks[s];
+                  }), this._callbacks[o].length === 0 && delete this._callbacks[o];
                 }, this);
               }
               removeAllCallbacks(e) {
@@ -2230,25 +2278,25 @@ function Gi() {
                 return this.callbacks.remove(e, t, r), this;
               }
               unbind_global(e) {
-                return e ? (this.global_callbacks = Fe(this.global_callbacks || [], (t) => t !== e), this) : (this.global_callbacks = [], this);
+                return e ? (this.global_callbacks = We(this.global_callbacks || [], (t) => t !== e), this) : (this.global_callbacks = [], this);
               }
               unbind_all() {
                 return this.unbind(), this.unbind_global(), this;
               }
               emit(e, t, r) {
-                for (var s = 0; s < this.global_callbacks.length; s++)
-                  this.global_callbacks[s](e, t);
+                for (var o = 0; o < this.global_callbacks.length; o++)
+                  this.global_callbacks[o](e, t);
                 var c = this.callbacks.get(e), l = [];
                 if (r ? l.push(t, r) : t && l.push(t), c && c.length > 0)
-                  for (var s = 0; s < c.length; s++)
-                    c[s].fn.apply(c[s].context || window, l);
+                  for (var o = 0; o < c.length; o++)
+                    c[o].fn.apply(c[o].context || window, l);
                 else this.failThrough && this.failThrough(e, t);
                 return this;
               }
             }
             class an extends $ {
-              constructor(e, t, r, s, c) {
-                super(), this.initialize = C.transportConnectionInitializer, this.hooks = e, this.name = t, this.priority = r, this.key = s, this.options = c, this.state = "new", this.timeline = c.timeline, this.activityTimeout = c.activityTimeout, this.id = this.timeline.generateUniqueID();
+              constructor(e, t, r, o, c) {
+                super(), this.initialize = C.transportConnectionInitializer, this.hooks = e, this.name = t, this.priority = r, this.key = o, this.options = c, this.state = "new", this.timeline = c.timeline, this.activityTimeout = c.activityTimeout, this.id = this.timeline.generateUniqueID();
               }
               handlesActivityChecks() {
                 return !!this.hooks.handlesActivityChecks;
@@ -2322,7 +2370,7 @@ function Gi() {
                 })), this.emit(e, t);
               }
               buildTimelineMessage(e) {
-                return M({ cid: this.id }, e);
+                return j({ cid: this.id }, e);
               }
             }
             class ee {
@@ -2332,8 +2380,8 @@ function Gi() {
               isSupported(e) {
                 return this.hooks.isSupported(e);
               }
-              createConnection(e, t, r, s) {
-                return new an(this.hooks, e, t, r, s);
+              createConnection(e, t, r, o) {
+                return new an(this.hooks, e, t, r, o);
               }
             }
             var cn = new ee({
@@ -2356,11 +2404,11 @@ function Gi() {
               isInitialized: function() {
                 return !0;
               }
-            }, Ve = M({
+            }, Ve = j({
               getSocket: function(n) {
                 return C.HTTPFactory.createStreamingSocket(n);
               }
-            }, Xe), Je = M({
+            }, Xe), Je = j({
               getSocket: function(n) {
                 return C.HTTPFactory.createPollingSocket(n);
               }
@@ -2368,13 +2416,13 @@ function Gi() {
               isSupported: function() {
                 return C.isXHRSupported();
               }
-            }, hn = new ee(M({}, Ve, Ge)), ln = new ee(M({}, Je, Ge)), un = {
+            }, hn = new ee(j({}, Ve, Ge)), ln = new ee(j({}, Je, Ge)), dn = {
               ws: cn,
               xhr_streaming: hn,
               xhr_polling: ln
             };
-            const ce = un;
-            var dn = new ee({
+            const ce = dn;
+            var un = new ee({
               file: "sockjs",
               urls: sn,
               handlesActivityChecks: !0,
@@ -2403,8 +2451,8 @@ function Gi() {
                 var e = C.isXDRSupported(n.useTLS);
                 return e;
               }
-            }, fn = new ee(M({}, Ve, Ye)), pn = new ee(M({}, Je, Ye));
-            ce.xdr_streaming = fn, ce.xdr_polling = pn, ce.sockjs = dn;
+            }, fn = new ee(j({}, Ve, Ye)), pn = new ee(j({}, Je, Ye));
+            ce.xdr_streaming = fn, ce.xdr_polling = pn, ce.sockjs = un;
             const mn = ce;
             class gn extends $ {
               constructor() {
@@ -2425,16 +2473,16 @@ function Gi() {
               constructor(e, t, r) {
                 this.manager = e, this.transport = t, this.minPingDelay = r.minPingDelay, this.maxPingDelay = r.maxPingDelay, this.pingDelay = void 0;
               }
-              createConnection(e, t, r, s) {
-                s = M({}, s, {
+              createConnection(e, t, r, o) {
+                o = j({}, o, {
                   activityTimeout: this.pingDelay
                 });
-                var c = this.transport.createConnection(e, t, r, s), l = null, p = function() {
+                var c = this.transport.createConnection(e, t, r, o), l = null, p = function() {
                   c.unbind("open", p), c.bind("closed", b), l = U.now();
-                }, b = (E) => {
-                  if (c.unbind("closed", b), E.code === 1002 || E.code === 1003)
+                }, b = (_) => {
+                  if (c.unbind("closed", b), _.code === 1002 || _.code === 1003)
                     this.manager.reportDeath();
-                  else if (!E.wasClean && l) {
+                  else if (!_.wasClean && l) {
                     var k = U.now() - l;
                     k < 2 * this.maxPingDelay && (this.manager.reportDeath(), this.pingDelay = Math.max(k / 2, this.minPingDelay));
                   }
@@ -2460,8 +2508,8 @@ function Gi() {
                     data: t
                   };
                   return e.user_id && (r.user_id = e.user_id), r;
-                } catch (s) {
-                  throw { type: "MessageParseError", error: s, data: n.data };
+                } catch (o) {
+                  throw { type: "MessageParseError", error: o, data: n.data };
                 }
               },
               encodeMessage: function(n) {
@@ -2510,8 +2558,8 @@ function Gi() {
                 return this.transport.send(e);
               }
               send_event(e, t, r) {
-                var s = { event: e, data: t };
-                return r && (s.channel = r), P.debug("Event sent", s), this.send(K.encodeMessage(s));
+                var o = { event: e, data: t };
+                return r && (o.channel = r), P.debug("Event sent", o), this.send(K.encodeMessage(o));
               }
               ping() {
                 this.transport.supportsPing() ? this.transport.ping() : this.send_event("pusher:ping", {});
@@ -2522,9 +2570,9 @@ function Gi() {
               bindListeners() {
                 var e = {
                   message: (r) => {
-                    var s;
+                    var o;
                     try {
-                      s = K.decodeMessage(r);
+                      o = K.decodeMessage(r);
                     } catch (c) {
                       this.emit("error", {
                         type: "MessageParseError",
@@ -2532,12 +2580,12 @@ function Gi() {
                         data: r.data
                       });
                     }
-                    if (s !== void 0) {
-                      switch (P.debug("Event recd", s), s.event) {
+                    if (o !== void 0) {
+                      switch (P.debug("Event recd", o), o.event) {
                         case "pusher:error":
                           this.emit("error", {
                             type: "PusherError",
-                            data: s.data
+                            data: o.data
                           });
                           break;
                         case "pusher:ping":
@@ -2547,7 +2595,7 @@ function Gi() {
                           this.emit("pong");
                           break;
                       }
-                      this.emit("message", s);
+                      this.emit("message", o);
                     }
                   },
                   activity: () => {
@@ -2560,12 +2608,12 @@ function Gi() {
                     t(), r && r.code && this.handleCloseEvent(r), this.transport = null, this.emit("closed");
                   }
                 }, t = () => {
-                  B(e, (r, s) => {
-                    this.transport.unbind(s, r);
+                  B(e, (r, o) => {
+                    this.transport.unbind(o, r);
                   });
                 };
-                B(e, (r, s) => {
-                  this.transport.bind(s, r);
+                B(e, (r, o) => {
+                  this.transport.bind(o, r);
                 });
               }
               handleCloseEvent(e) {
@@ -2604,7 +2652,7 @@ function Gi() {
                 this.transport.unbind("message", this.onMessage), this.transport.unbind("closed", this.onClosed);
               }
               finish(e, t) {
-                this.callback(M({ transport: this.transport, action: e }, t));
+                this.callback(j({ transport: this.transport, action: e }, t));
               }
             }
             class Cn {
@@ -2617,7 +2665,7 @@ function Gi() {
             }
             class Ce extends $ {
               constructor(e, t) {
-                super(function(r, s) {
+                super(function(r, o) {
                   P.debug("No callbacks on " + e + " for " + r);
                 }), this.name = e, this.pusher = t, this.subscribed = !1, this.subscriptionPending = !1, this.subscriptionCancelled = !1;
               }
@@ -2628,7 +2676,7 @@ function Gi() {
                 if (e.indexOf("client-") !== 0)
                   throw new f("Event '" + e + "' does not start with 'client-'");
                 if (!this.subscribed) {
-                  var r = _.buildLogSuffix("triggeringClientEvents");
+                  var r = x.buildLogSuffix("triggeringClientEvents");
                   P.warn(`Client event triggered before channel 'subscription_succeeded' event . ${r}`);
                 }
                 return this.pusher.send_event(e, t, this.name);
@@ -2643,8 +2691,8 @@ function Gi() {
                 else if (t === "pusher_internal:subscription_count")
                   this.handleSubscriptionCountEvent(e);
                 else if (t.indexOf("pusher_internal:") !== 0) {
-                  var s = {};
-                  this.emit(t, r, s);
+                  var o = {};
+                  this.emit(t, r, o);
                 }
               }
               handleSubscriptionSucceededEvent(e) {
@@ -2718,7 +2766,7 @@ function Gi() {
               }
             }
             var Tn = function(n, e, t, r) {
-              function s(c) {
+              function o(c) {
                 return c instanceof t ? c : new t(function(l) {
                   l(c);
                 });
@@ -2726,42 +2774,42 @@ function Gi() {
               return new (t || (t = Promise))(function(c, l) {
                 function p(k) {
                   try {
-                    E(r.next(k));
+                    _(r.next(k));
                   } catch (I) {
                     l(I);
                   }
                 }
                 function b(k) {
                   try {
-                    E(r.throw(k));
+                    _(r.throw(k));
                   } catch (I) {
                     l(I);
                   }
                 }
-                function E(k) {
-                  k.done ? c(k.value) : s(k.value).then(p, b);
+                function _(k) {
+                  k.done ? c(k.value) : o(k.value).then(p, b);
                 }
-                E((r = r.apply(n, e || [])).next());
+                _((r = r.apply(n, e || [])).next());
               });
             };
-            class _n extends Se {
+            class xn extends Se {
               constructor(e, t) {
                 super(e, t), this.members = new Sn();
               }
               authorize(e, t) {
-                super.authorize(e, (r, s) => Tn(this, void 0, void 0, function* () {
+                super.authorize(e, (r, o) => Tn(this, void 0, void 0, function* () {
                   if (!r)
-                    if (s = s, s.channel_data != null) {
-                      var c = JSON.parse(s.channel_data);
+                    if (o = o, o.channel_data != null) {
+                      var c = JSON.parse(o.channel_data);
                       this.members.setMyID(c.user_id);
                     } else if (yield this.pusher.user.signinDonePromise, this.pusher.user.user_data != null)
                       this.members.setMyID(this.pusher.user.user_data.id);
                     else {
-                      let l = _.buildLogSuffix("authorizationEndpoint");
+                      let l = x.buildLogSuffix("authorizationEndpoint");
                       P.error(`Invalid auth response for channel '${this.name}', expected 'channel_data' field. ${l}, or the user should be signed in.`), t("Invalid auth response");
                       return;
                     }
-                  t(r, s);
+                  t(r, o);
                 }));
               }
               handleEvent(e) {
@@ -2769,8 +2817,8 @@ function Gi() {
                 if (t.indexOf("pusher_internal:") === 0)
                   this.handleInternalEvent(e);
                 else {
-                  var r = e.data, s = {};
-                  e.user_id && (s.user_id = e.user_id), this.emit(t, r, s);
+                  var r = e.data, o = {};
+                  e.user_id && (o.user_id = e.user_id), this.emit(t, r, o);
                 }
               }
               handleInternalEvent(e) {
@@ -2783,8 +2831,8 @@ function Gi() {
                     this.handleSubscriptionCountEvent(e);
                     break;
                   case "pusher_internal:member_added":
-                    var s = this.members.addMember(r);
-                    this.emit("pusher:member_added", s);
+                    var o = this.members.addMember(r);
+                    this.emit("pusher:member_added", o);
                     break;
                   case "pusher_internal:member_removed":
                     var c = this.members.removeMember(r);
@@ -2799,23 +2847,23 @@ function Gi() {
                 this.members.reset(), super.disconnect();
               }
             }
-            var xn = y(978), Te = y(594);
-            class En extends Se {
+            var En = y(978), Te = y(594);
+            class _n extends Se {
               constructor(e, t, r) {
                 super(e, t), this.key = null, this.nacl = r;
               }
               authorize(e, t) {
-                super.authorize(e, (r, s) => {
+                super.authorize(e, (r, o) => {
                   if (r) {
-                    t(r, s);
+                    t(r, o);
                     return;
                   }
-                  let c = s.shared_secret;
+                  let c = o.shared_secret;
                   if (!c) {
                     t(new Error(`No shared_secret key in auth payload for encrypted channel: ${this.name}`), null);
                     return;
                   }
-                  this.key = (0, Te.decode)(c), delete s.shared_secret, t(null, s);
+                  this.key = (0, Te.decode)(c), delete o.shared_secret, t(null, o);
                 });
               }
               trigger(e, t) {
@@ -2843,19 +2891,19 @@ function Gi() {
                   P.error(`Expected encrypted event ciphertext length to be ${this.nacl.secretbox.overheadLength}, got: ${r.length}`);
                   return;
                 }
-                let s = (0, Te.decode)(t.nonce);
-                if (s.length < this.nacl.secretbox.nonceLength) {
-                  P.error(`Expected encrypted event nonce length to be ${this.nacl.secretbox.nonceLength}, got: ${s.length}`);
+                let o = (0, Te.decode)(t.nonce);
+                if (o.length < this.nacl.secretbox.nonceLength) {
+                  P.error(`Expected encrypted event nonce length to be ${this.nacl.secretbox.nonceLength}, got: ${o.length}`);
                   return;
                 }
-                let c = this.nacl.secretbox.open(r, s, this.key);
+                let c = this.nacl.secretbox.open(r, o, this.key);
                 if (c === null) {
                   P.debug("Failed to decrypt an event, probably because it was encrypted with a different key. Fetching a new key from the authEndpoint..."), this.authorize(this.pusher.connection.socket_id, (l, p) => {
                     if (l) {
                       P.error(`Failed to make a request to the authEndpoint: ${p}. Unable to fetch new key, so dropping encrypted event`);
                       return;
                     }
-                    if (c = this.nacl.secretbox.open(r, s, this.key), c === null) {
+                    if (c = this.nacl.secretbox.open(r, o, this.key), c === null) {
                       P.error("Failed to decrypt event with new key. Dropping encrypted event");
                       return;
                     }
@@ -2866,7 +2914,7 @@ function Gi() {
                 this.emit(e, this.getDataToEmit(c));
               }
               getDataToEmit(e) {
-                let t = (0, xn.D4)(e);
+                let t = (0, En.D4)(e);
                 try {
                   return JSON.parse(t);
                 } catch {
@@ -2963,7 +3011,7 @@ function Gi() {
                 this.activityTimer && this.activityTimer.ensureAborted();
               }
               buildConnectionCallbacks(e) {
-                return M({}, e, {
+                return j({}, e, {
                   message: (t) => {
                     this.resetActivityCheck(), this.emit("message", t);
                   },
@@ -2982,7 +3030,7 @@ function Gi() {
                 });
               }
               buildHandshakeCallbacks(e) {
-                return M({}, e, {
+                return j({}, e, {
                   connected: (t) => {
                     this.activityTimeout = Math.min(this.options.activityTimeout, t.activityTimeout, t.connection.activityTimeout || 1 / 0), this.clearUnavailableTimer(), this.setConnection(t.connection), this.socket_id = this.connection.id, this.updateState("connected", { socket_id: this.socket_id });
                   }
@@ -3025,8 +3073,8 @@ function Gi() {
               updateState(e, t) {
                 var r = this.state;
                 if (this.state = e, r !== e) {
-                  var s = e;
-                  s === "connected" && (s += " with new socket ID " + t.socket_id), P.debug("State changed", r + " -> " + s), this.timeline.info({ state: e, params: t }), this.emit("state_change", { previous: r, current: e }), this.emit(e, t);
+                  var o = e;
+                  o === "connected" && (o += " with new socket ID " + t.socket_id), P.debug("State changed", r + " -> " + o), this.timeline.info({ state: e, params: t }), this.emit("state_change", { previous: r, current: e }), this.emit(e, t);
                 }
               }
               shouldRetry() {
@@ -3060,7 +3108,7 @@ function Gi() {
               if (n.indexOf("private-encrypted-") === 0) {
                 if (e.config.nacl)
                   return X.createEncryptedChannel(n, e, e.config.nacl);
-                let t = "Tried to subscribe to a private-encrypted- channel but no nacl implementation available", r = _.buildLogSuffix("encryptedChannelSupport");
+                let t = "Tried to subscribe to a private-encrypted- channel but no nacl implementation available", r = x.buildLogSuffix("encryptedChannelSupport");
                 throw new z(`${t}. ${r}`);
               } else {
                 if (n.indexOf("private-") === 0)
@@ -3086,10 +3134,10 @@ function Gi() {
                 return new Se(n, e);
               },
               createPresenceChannel(n, e) {
-                return new _n(n, e);
+                return new xn(n, e);
               },
               createEncryptedChannel(n, e, t) {
-                return new En(n, e, t);
+                return new _n(n, e, t);
               },
               createTimelineSender(n, e) {
                 return new Cn(n, e);
@@ -3127,10 +3175,10 @@ function Gi() {
                 return $e(this.strategies, U.method("isSupported"));
               }
               connect(e, t) {
-                var r = this.strategies, s = 0, c = this.timeout, l = null, p = (b, E) => {
-                  E ? t(null, E) : (s = s + 1, this.loop && (s = s % r.length), s < r.length ? (c && (c = c * 2, this.timeoutLimit && (c = Math.min(c, this.timeoutLimit))), l = this.tryStrategy(r[s], e, { timeout: c, failFast: this.failFast }, p)) : t(!0));
+                var r = this.strategies, o = 0, c = this.timeout, l = null, p = (b, _) => {
+                  _ ? t(null, _) : (o = o + 1, this.loop && (o = o % r.length), o < r.length ? (c && (c = c * 2, this.timeoutLimit && (c = Math.min(c, this.timeoutLimit))), l = this.tryStrategy(r[o], e, { timeout: c, failFast: this.failFast }, p)) : t(!0));
                 };
-                return l = this.tryStrategy(r[s], e, { timeout: c, failFast: this.failFast }, p), {
+                return l = this.tryStrategy(r[o], e, { timeout: c, failFast: this.failFast }, p), {
                   abort: function() {
                     l.abort();
                   },
@@ -3139,12 +3187,12 @@ function Gi() {
                   }
                 };
               }
-              tryStrategy(e, t, r, s) {
+              tryStrategy(e, t, r, o) {
                 var c = null, l = null;
                 return r.timeout > 0 && (c = new Y(r.timeout, function() {
-                  l.abort(), s(!0);
+                  l.abort(), o(!0);
                 })), l = e.connect(t, function(p, b) {
-                  p && c && c.isRunning() && !r.failFast || (c && c.ensureAborted(), s(p, b));
+                  p && c && c.isRunning() && !r.failFast || (c && c.ensureAborted(), o(p, b));
                 }), {
                   abort: function() {
                     c && c.ensureAborted(), l.abort();
@@ -3155,7 +3203,7 @@ function Gi() {
                 };
               }
             }
-            class _e {
+            class xe {
               constructor(e) {
                 this.strategies = e;
               }
@@ -3163,13 +3211,13 @@ function Gi() {
                 return $e(this.strategies, U.method("isSupported"));
               }
               connect(e, t) {
-                return Rn(this.strategies, e, function(r, s) {
+                return Rn(this.strategies, e, function(r, o) {
                   return function(c, l) {
-                    if (s[r].error = c, c) {
-                      In(s) && t(!0);
+                    if (o[r].error = c, c) {
+                      In(o) && t(!0);
                       return;
                     }
-                    ie(s, function(p) {
+                    ie(o, function(p) {
                       p.forceMinPriority(l.transport.priority);
                     }), t(null, l);
                   };
@@ -3177,16 +3225,16 @@ function Gi() {
               }
             }
             function Rn(n, e, t) {
-              var r = We(n, function(s, c, l, p) {
-                return s.connect(e, t(c, p));
+              var r = Fe(n, function(o, c, l, p) {
+                return o.connect(e, t(c, p));
               });
               return {
                 abort: function() {
                   ie(r, On);
                 },
-                forceMinPriority: function(s) {
+                forceMinPriority: function(o) {
                   ie(r, function(c) {
-                    c.forceMinPriority(s);
+                    c.forceMinPriority(o);
                   });
                 }
               };
@@ -3207,39 +3255,39 @@ function Gi() {
                 return this.strategy.isSupported();
               }
               connect(e, t) {
-                var r = this.usingTLS, s = Un(r), c = s && s.cacheSkipCount ? s.cacheSkipCount : 0, l = [this.strategy];
-                if (s && s.timestamp + this.ttl >= U.now()) {
-                  var p = this.transports[s.transport];
-                  p && (["ws", "wss"].includes(s.transport) || c > 3 ? (this.timeline.info({
+                var r = this.usingTLS, o = Un(r), c = o && o.cacheSkipCount ? o.cacheSkipCount : 0, l = [this.strategy];
+                if (o && o.timestamp + this.ttl >= U.now()) {
+                  var p = this.transports[o.transport];
+                  p && (["ws", "wss"].includes(o.transport) || c > 3 ? (this.timeline.info({
                     cached: !0,
-                    transport: s.transport,
-                    latency: s.latency
+                    transport: o.transport,
+                    latency: o.latency
                   }), l.push(new Q([p], {
-                    timeout: s.latency * 2 + 1e3,
+                    timeout: o.latency * 2 + 1e3,
                     failFast: !0
                   }))) : c++);
                 }
-                var b = U.now(), E = l.pop().connect(e, function k(I, de) {
-                  I ? (Ze(r), l.length > 0 ? (b = U.now(), E = l.pop().connect(e, k)) : t(I)) : (Nn(r, de.transport.name, U.now() - b, c), t(null, de));
+                var b = U.now(), _ = l.pop().connect(e, function k(I, ue) {
+                  I ? (Ze(r), l.length > 0 ? (b = U.now(), _ = l.pop().connect(e, k)) : t(I)) : (Nn(r, ue.transport.name, U.now() - b, c), t(null, ue));
                 });
                 return {
                   abort: function() {
-                    E.abort();
+                    _.abort();
                   },
                   forceMinPriority: function(k) {
-                    e = k, E && E.forceMinPriority(k);
+                    e = k, _ && _.forceMinPriority(k);
                   }
                 };
               }
             }
-            function xe(n) {
+            function Ee(n) {
               return "pusherTransport" + (n ? "TLS" : "NonTLS");
             }
             function Un(n) {
               var e = C.getLocalStorage();
               if (e)
                 try {
-                  var t = e[xe(n)];
+                  var t = e[Ee(n)];
                   if (t)
                     return JSON.parse(t);
                 } catch {
@@ -3248,10 +3296,10 @@ function Gi() {
               return null;
             }
             function Nn(n, e, t, r) {
-              var s = C.getLocalStorage();
-              if (s)
+              var o = C.getLocalStorage();
+              if (o)
                 try {
-                  s[xe(n)] = ae({
+                  o[Ee(n)] = ae({
                     timestamp: U.now(),
                     transport: e,
                     latency: t,
@@ -3264,7 +3312,7 @@ function Gi() {
               var e = C.getLocalStorage();
               if (e)
                 try {
-                  delete e[xe(n)];
+                  delete e[Ee(n)];
                 } catch {
                 }
             }
@@ -3276,15 +3324,15 @@ function Gi() {
                 return this.strategy.isSupported();
               }
               connect(e, t) {
-                var r = this.strategy, s, c = new Y(this.options.delay, function() {
-                  s = r.connect(e, t);
+                var r = this.strategy, o, c = new Y(this.options.delay, function() {
+                  o = r.connect(e, t);
                 });
                 return {
                   abort: function() {
-                    c.ensureAborted(), s && s.abort();
+                    c.ensureAborted(), o && o.abort();
                   },
                   forceMinPriority: function(l) {
-                    e = l, s && s.forceMinPriority(l);
+                    e = l, o && o.forceMinPriority(l);
                   }
                 };
               }
@@ -3302,7 +3350,7 @@ function Gi() {
                 return r.connect(e, t);
               }
             }
-            class jn {
+            class Mn {
               constructor(e) {
                 this.strategy = e;
               }
@@ -3310,8 +3358,8 @@ function Gi() {
                 return this.strategy.isSupported();
               }
               connect(e, t) {
-                var r = this.strategy.connect(e, function(s, c) {
-                  c && r.abort(), t(s, c);
+                var r = this.strategy.connect(e, function(o, c) {
+                  c && r.abort(), t(o, c);
                 });
                 return r;
               }
@@ -3321,11 +3369,11 @@ function Gi() {
                 return n.isSupported();
               };
             }
-            var Mn = function(n, e, t) {
+            var jn = function(n, e, t) {
               var r = {};
-              function s(dt, Ui, Ni, ji, Mi) {
-                var ft = t(n, dt, Ui, Ni, ji, Mi);
-                return r[dt] = ft, ft;
+              function o(ut, Ui, Ni, Mi, ji) {
+                var ft = t(n, ut, Ui, Ni, Mi, ji);
+                return r[ut] = ft, ft;
               }
               var c = Object.assign({}, e, {
                 hostNonTLS: n.wsHost + ":" + n.wsPort,
@@ -3341,37 +3389,37 @@ function Gi() {
                 loop: !0,
                 timeout: 15e3,
                 timeoutLimit: 6e4
-              }, E = new Qe({
+              }, _ = new Qe({
                 minPingDelay: 1e4,
                 maxPingDelay: n.activityTimeout
               }), k = new Qe({
                 lives: 2,
                 minPingDelay: 1e4,
                 maxPingDelay: n.activityTimeout
-              }), I = s("ws", "ws", 3, c, E), de = s("wss", "ws", 3, l, E), Pi = s("sockjs", "sockjs", 1, p), ot = s("xhr_streaming", "xhr_streaming", 1, p, k), Ri = s("xdr_streaming", "xdr_streaming", 1, p, k), at = s("xhr_polling", "xhr_polling", 1, p), Ii = s("xdr_polling", "xdr_polling", 1, p), ct = new Q([I], b), Oi = new Q([de], b), qi = new Q([Pi], b), ht = new Q([
+              }), I = o("ws", "ws", 3, c, _), ue = o("wss", "ws", 3, l, _), Pi = o("sockjs", "sockjs", 1, p), ot = o("xhr_streaming", "xhr_streaming", 1, p, k), Ri = o("xdr_streaming", "xdr_streaming", 1, p, k), at = o("xhr_polling", "xhr_polling", 1, p), Ii = o("xdr_polling", "xdr_polling", 1, p), ct = new Q([I], b), Oi = new Q([ue], b), qi = new Q([Pi], b), ht = new Q([
                 new re(se(ot), ot, Ri)
               ], b), lt = new Q([
                 new re(se(at), at, Ii)
-              ], b), ut = new Q([
-                new re(se(ht), new _e([
+              ], b), dt = new Q([
+                new re(se(ht), new xe([
                   ht,
                   new he(lt, { delay: 4e3 })
                 ]), lt)
-              ], b), Ae = new re(se(ut), ut, qi), Le;
-              return e.useTLS ? Le = new _e([
+              ], b), Ae = new re(se(dt), dt, qi), Le;
+              return e.useTLS ? Le = new xe([
                 ct,
                 new he(Ae, { delay: 2e3 })
-              ]) : Le = new _e([
+              ]) : Le = new xe([
                 ct,
                 new he(Oi, { delay: 2e3 }),
                 new he(Ae, { delay: 5e3 })
-              ]), new qn(new jn(new re(se(I), Le, Ae)), r, {
+              ]), new qn(new Mn(new re(se(I), Le, Ae)), r, {
                 ttl: 18e5,
                 timeline: e.timeline,
                 useTLS: e.useTLS
               });
             };
-            const zn = Mn;
+            const zn = jn;
             function Hn() {
               var n = this;
               n.timeline.info(n.buildTimelineMessage({
@@ -3397,7 +3445,7 @@ function Gi() {
                 n.ontimeout = n.onerror = n.onprogress = n.onload = null, n.abort();
               }
             };
-            const Wn = Dn, Fn = 256 * 1024;
+            const Fn = Dn, Wn = 256 * 1024;
             class Bn extends $ {
               constructor(e, t, r) {
                 super(), this.hooks = e, this.method = t, this.url = r;
@@ -3426,14 +3474,14 @@ function Gi() {
                 return r !== -1 ? (this.position += r + 1, t.slice(0, r)) : null;
               }
               isBufferTooLong(e) {
-                return this.position === e.length && e.length > Fn;
+                return this.position === e.length && e.length > Wn;
               }
             }
-            var Ee;
+            var _e;
             (function(n) {
               n[n.CONNECTING = 0] = "CONNECTING", n[n.OPEN = 1] = "OPEN", n[n.CLOSED = 3] = "CLOSED";
-            })(Ee || (Ee = {}));
-            const Z = Ee;
+            })(_e || (_e = {}));
+            const Z = _e;
             var $n = 1;
             class Xn {
               constructor(e, t) {
@@ -3478,8 +3526,8 @@ function Gi() {
                       break;
                     case "a":
                       t = JSON.parse(e.data.slice(1) || "[]");
-                      for (var s = 0; s < t.length; s++)
-                        this.onEvent(t[s]);
+                      for (var o = 0; o < t.length; o++)
+                        this.onEvent(t[o]);
                       break;
                     case "m":
                       t = JSON.parse(e.data.slice(1) || "null"), this.onEvent(t);
@@ -3619,13 +3667,13 @@ function Gi() {
             };
             const nt = ri;
             nt.createXDR = function(n, e) {
-              return this.createRequest(Wn, n, e);
+              return this.createRequest(Fn, n, e);
             };
             var si = {
               nextAuthCallbackID: 1,
               auth_callbacks: {},
               ScriptReceivers: w,
-              DependenciesReceivers: W,
+              DependenciesReceivers: F,
               getDefaultStrategy: zn,
               Transports: mn,
               transportConnectionInitializer: Hn,
@@ -3726,7 +3774,7 @@ function Gi() {
                 this.key = e, this.session = t, this.events = [], this.options = r || {}, this.sent = 0, this.uniqueID = 0;
               }
               log(e, t) {
-                e <= this.options.level && (this.events.push(M({}, t, { timestamp: U.now() })), this.options.limit && this.events.length > this.options.limit && this.events.shift());
+                e <= this.options.level && (this.events.push(j({}, t, { timestamp: U.now() })), this.options.limit && this.events.length > this.options.limit && this.events.shift());
               }
               error(e) {
                 this.log(le.ERROR, e);
@@ -3741,7 +3789,7 @@ function Gi() {
                 return this.events.length === 0;
               }
               send(e, t) {
-                var r = M({
+                var r = j({
                   session: this.session,
                   bundle: this.sent + 1,
                   key: this.key,
@@ -3751,8 +3799,8 @@ function Gi() {
                   features: this.options.features,
                   timeline: this.events
                 }, this.options.params);
-                return this.events = [], e(r, (s, c) => {
-                  s || this.sent++, t && t(s, c);
+                return this.events = [], e(r, (o, c) => {
+                  o || this.sent++, t && t(o, c);
                 }), !0;
               }
               generateUniqueID() {
@@ -3760,8 +3808,8 @@ function Gi() {
               }
             }
             class ai {
-              constructor(e, t, r, s) {
-                this.name = e, this.priority = t, this.transport = r, this.options = s || {};
+              constructor(e, t, r, o) {
+                this.name = e, this.priority = t, this.transport = r, this.options = o || {};
               }
               isSupported() {
                 return this.transport.isSupported({
@@ -3773,27 +3821,27 @@ function Gi() {
                   if (this.priority < e)
                     return it(new q(), t);
                 } else return it(new D(), t);
-                var r = !1, s = this.transport.createConnection(this.name, this.priority, this.options.key, this.options), c = null, l = function() {
-                  s.unbind("initialized", l), s.connect();
+                var r = !1, o = this.transport.createConnection(this.name, this.priority, this.options.key, this.options), c = null, l = function() {
+                  o.unbind("initialized", l), o.connect();
                 }, p = function() {
-                  c = X.createHandshake(s, function(I) {
+                  c = X.createHandshake(o, function(I) {
                     r = !0, k(), t(null, I);
                   });
                 }, b = function(I) {
                   k(), t(I);
-                }, E = function() {
+                }, _ = function() {
                   k();
                   var I;
-                  I = ae(s), t(new j(I));
+                  I = ae(o), t(new M(I));
                 }, k = function() {
-                  s.unbind("initialized", l), s.unbind("open", p), s.unbind("error", b), s.unbind("closed", E);
+                  o.unbind("initialized", l), o.unbind("open", p), o.unbind("error", b), o.unbind("closed", _);
                 };
-                return s.bind("initialized", l), s.bind("open", p), s.bind("error", b), s.bind("closed", E), s.initialize(), {
+                return o.bind("initialized", l), o.bind("open", p), o.bind("error", b), o.bind("closed", _), o.initialize(), {
                   abort: () => {
-                    r || (k(), c ? c.close() : s.close());
+                    r || (k(), c ? c.close() : o.close());
                   },
                   forceMinPriority: (I) => {
-                    r || this.priority < I && (c ? c.close() : s.close());
+                    r || this.priority < I && (c ? c.close() : o.close());
                   }
                 };
               }
@@ -3809,12 +3857,12 @@ function Gi() {
               };
             }
             const { Transports: ci } = C;
-            var hi = function(n, e, t, r, s, c) {
+            var hi = function(n, e, t, r, o, c) {
               var l = ci[t];
               if (!l)
                 throw new J(t);
               var p = (!n.enabledTransports || He(n.enabledTransports, e) !== -1) && (!n.disabledTransports || He(n.disabledTransports, e) === -1), b;
-              return p ? (s = Object.assign({ ignoreNullOrigin: n.ignoreNullOrigin }, s), b = new ai(e, r, c ? c.getAssistant(l) : l, s)) : b = li, b;
+              return p ? (o = Object.assign({ ignoreNullOrigin: n.ignoreNullOrigin }, o), b = new ai(e, r, c ? c.getAssistant(l) : l, o)) : b = li, b;
             }, li = {
               isSupported: function() {
                 return !1;
@@ -3832,29 +3880,29 @@ function Gi() {
                 };
               }
             };
-            function ui(n) {
+            function di(n) {
               if (n == null)
                 throw "You must pass an options object";
               if (n.cluster == null)
                 throw "Options object must provide a cluster";
               "disableStats" in n && P.warn("The disableStats option is deprecated in favor of enableStats");
             }
-            const di = (n, e) => {
+            const ui = (n, e) => {
               var t = "socket_id=" + encodeURIComponent(n.socketId);
               for (var r in e.params)
                 t += "&" + encodeURIComponent(r) + "=" + encodeURIComponent(e.params[r]);
               if (e.paramsProvider != null) {
-                let s = e.paramsProvider();
-                for (var r in s)
-                  t += "&" + encodeURIComponent(r) + "=" + encodeURIComponent(s[r]);
+                let o = e.paramsProvider();
+                for (var r in o)
+                  t += "&" + encodeURIComponent(r) + "=" + encodeURIComponent(o[r]);
               }
               return t;
             }, fi = (n) => {
               if (typeof C.getAuthorizers()[n.transport] > "u")
                 throw `'${n.transport}' is not a recognized auth transport`;
               return (e, t) => {
-                const r = di(e, n);
-                C.getAuthorizers()[n.transport](C, r, n, d.UserAuthentication, t);
+                const r = ui(e, n);
+                C.getAuthorizers()[n.transport](C, r, n, u.UserAuthentication, t);
               };
             }, pi = (n, e) => {
               var t = "socket_id=" + encodeURIComponent(n.socketId);
@@ -3862,9 +3910,9 @@ function Gi() {
               for (var r in e.params)
                 t += "&" + encodeURIComponent(r) + "=" + encodeURIComponent(e.params[r]);
               if (e.paramsProvider != null) {
-                let s = e.paramsProvider();
-                for (var r in s)
-                  t += "&" + encodeURIComponent(r) + "=" + encodeURIComponent(s[r]);
+                let o = e.paramsProvider();
+                for (var r in o)
+                  t += "&" + encodeURIComponent(r) + "=" + encodeURIComponent(o[r]);
               }
               return t;
             }, mi = (n) => {
@@ -3872,7 +3920,7 @@ function Gi() {
                 throw `'${n.transport}' is not a recognized auth transport`;
               return (e, t) => {
                 const r = pi(e, n);
-                C.getAuthorizers()[n.transport](C, r, n, d.ChannelAuthorization, t);
+                C.getAuthorizers()[n.transport](C, r, n, u.ChannelAuthorization, t);
               };
             }, gi = (n, e, t) => {
               const r = {
@@ -3883,9 +3931,9 @@ function Gi() {
                   headers: e.headers
                 }
               };
-              return (s, c) => {
-                const l = n.channel(s.channelName);
-                t(l, r).authorize(s.socketId, c);
+              return (o, c) => {
+                const l = n.channel(o.channelName);
+                t(l, r).authorize(o.socketId, c);
               };
             };
             function rt(n, e) {
@@ -3906,7 +3954,7 @@ function Gi() {
                 useTLS: wi(n),
                 wsHost: yi(n),
                 userAuthenticator: Si(n),
-                channelAuthorizer: _i(n, e)
+                channelAuthorizer: xi(n, e)
               };
               return "disabledTransports" in n && (t.disabledTransports = n.disabledTransports), "enabledTransports" in n && (t.enabledTransports = n.enabledTransports), "ignoreNullOrigin" in n && (t.ignoreNullOrigin = n.ignoreNullOrigin), "timelineParams" in n && (t.timelineParams = n.timelineParams), "nacl" in n && (t.nacl = n.nacl), t;
             }
@@ -3943,11 +3991,11 @@ function Gi() {
                 };
               return t;
             }
-            function _i(n, e) {
+            function xi(n, e) {
               const t = Ti(n, e);
               return st(t) ? t.customHandler : mi(t);
             }
-            class xi extends $ {
+            class Ei extends $ {
               constructor(e) {
                 super(function(t, r) {
                   P.debug(`No callbacks on watchlist events for ${t}`);
@@ -3965,13 +4013,13 @@ function Gi() {
                 });
               }
             }
-            function Ei() {
+            function _i() {
               let n, e;
-              return { promise: new Promise((r, s) => {
-                n = r, e = s;
+              return { promise: new Promise((r, o) => {
+                n = r, e = o;
               }), resolve: n, reject: e };
             }
-            const ki = Ei;
+            const ki = _i;
             class Ai extends $ {
               constructor(e) {
                 super(function(t, r) {
@@ -3987,7 +4035,7 @@ function Gi() {
                   });
                 }, this.pusher = e, this.pusher.connection.bind("state_change", ({ previous: t, current: r }) => {
                   t !== "connected" && r === "connected" && this._signin(), t === "connected" && r !== "connected" && (this._cleanup(), this._newSigninPromiseIfNeeded());
-                }), this.watchlist = new xi(e), this.pusher.connection.bind("message", (t) => {
+                }), this.watchlist = new Ei(e), this.pusher.connection.bind("message", (t) => {
                   var r = t.event;
                   r === "pusher:signin_success" && this._onSigninSuccess(t.data), this.serverToUserChannel && this.serverToUserChannel.name === t.channel && this.serverToUserChannel.handleEvent(t);
                 });
@@ -4047,7 +4095,7 @@ function Gi() {
                 }));
               }
               constructor(e, t) {
-                Li(e), ui(t), this.key = e, this.options = t, this.config = rt(this.options, this), this.channels = X.createChannels(), this.global_emitter = new $(), this.sessionID = C.randomInt(1e9), this.timeline = new oi(this.key, this.sessionID, {
+                Li(e), di(t), this.key = e, this.options = t, this.config = rt(this.options, this), this.channels = X.createChannels(), this.global_emitter = new $(), this.sessionID = C.randomInt(1e9), this.timeline = new oi(this.key, this.sessionID, {
                   cluster: this.config.cluster,
                   features: O.getClientFeatures(),
                   params: this.config.timelineParams || {},
@@ -4058,7 +4106,7 @@ function Gi() {
                   host: this.config.statsHost,
                   path: "/timeline/v2/" + C.TimelineTransport.name
                 }));
-                var r = (s) => C.getDefaultStrategy(this.config, s, hi);
+                var r = (o) => C.getDefaultStrategy(this.config, o, hi);
                 this.connection = X.createConnectionManager(this.key, {
                   getStrategy: r,
                   timeline: this.timeline,
@@ -4068,19 +4116,19 @@ function Gi() {
                   useTLS: !!this.config.useTLS
                 }), this.connection.bind("connected", () => {
                   this.subscribeAll(), this.timelineSender && this.timelineSender.send(this.connection.isUsingTLS());
-                }), this.connection.bind("message", (s) => {
-                  var c = s.event, l = c.indexOf("pusher_internal:") === 0;
-                  if (s.channel) {
-                    var p = this.channel(s.channel);
-                    p && p.handleEvent(s);
+                }), this.connection.bind("message", (o) => {
+                  var c = o.event, l = c.indexOf("pusher_internal:") === 0;
+                  if (o.channel) {
+                    var p = this.channel(o.channel);
+                    p && p.handleEvent(o);
                   }
-                  l || this.global_emitter.emit(s.event, s.data);
+                  l || this.global_emitter.emit(o.event, o.data);
                 }), this.connection.bind("connecting", () => {
                   this.channels.disconnect();
                 }), this.connection.bind("disconnected", () => {
                   this.channels.disconnect();
-                }), this.connection.bind("error", (s) => {
-                  P.warn(s);
+                }), this.connection.bind("error", (o) => {
+                  P.warn(o);
                 }), O.instances.push(this), this.timeline.info({ instances: O.instances.length }), this.user = new Ai(this), O.isReady && this.connect();
               }
               switchCluster(e) {
@@ -4096,7 +4144,7 @@ function Gi() {
               connect() {
                 if (this.connection.connect(), this.timelineSender && !this.timelineSenderTimer) {
                   var e = this.connection.isUsingTLS(), t = this.timelineSender;
-                  this.timelineSenderTimer = new Mt(6e4, function() {
+                  this.timelineSenderTimer = new jt(6e4, function() {
                     t.send(e);
                   });
                 }
@@ -4143,7 +4191,7 @@ function Gi() {
               }
             }
             O.instances = [], O.isReady = !1, O.logToConsole = !1, O.Runtime = C, O.ScriptReceivers = C.ScriptReceivers, O.DependenciesReceivers = C.DependenciesReceivers, O.auth_callbacks = C.auth_callbacks;
-            const ue = O;
+            const de = O;
             function Li(n) {
               if (n == null)
                 throw "You must pass your app key when you instantiate Pusher.";
@@ -4165,14 +4213,14 @@ function Gi() {
             exports: {}
             /******/
           };
-          return o[m].call(y.exports, y, y.exports, h), y.exports;
+          return s[m].call(y.exports, y, y.exports, h), y.exports;
         }
         h.d = (m, g) => {
           for (var y in g)
             h.o(g, y) && !h.o(m, y) && Object.defineProperty(m, y, { enumerable: !0, get: g[y] });
         }, h.o = (m, g) => Object.prototype.hasOwnProperty.call(m, g);
-        var u = h(721);
-        return u;
+        var d = h(721);
+        return d;
       })()
     ));
   })(Pe)), Pe.exports;
@@ -4256,61 +4304,61 @@ function V(v) {
   }
 }
 const vt = `<svg role="img" viewBox="0 0 512 512" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><title>Email</title><path d="M64 112c-8.8 0-16 7.2-16 16l0 22.1L220.5 291.7c20.7 17 50.4 17 71.1 0L464 150.1l0-22.1c0-8.8-7.2-16-16-16L64 112zM48 212.2L48 384c0 8.8 7.2 16 16 16l384 0c8.8 0 16-7.2 16-16l0-171.8L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128C0 92.7 28.7 64 64 64l384 0c35.3 0 64 28.7 64 64l0 256c0 35.3-28.7 64-64 64L64 448c-35.3 0-64-28.7-64-64L0 128z"/></svg>
-`, yt = '<svg role="img" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><title>WhatsApp</title><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z"/></svg>', tr = '<svg viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M4.998 9.332A5.002 5.002 0 0 1 13.2 5.5H11a1 1 0 1 0 0 2h4.5a1 1 0 0 0 1-1V2a1 1 0 1 0-2 0v1.74A7.002 7.002 0 0 0 3 9.332a1 1 0 1 0 1.998 0ZM15.002 10.668A5.002 5.002 0 0 1 6.8 14.5H9a1 1 0 1 0 0-2H4.5a1 1 0 0 0-1 1V18a1 1 0 1 0 2 0v-1.74a7.002 7.002 0 0 0 11.5-5.592 1 1 0 1 0-1.998 0Z" clip-rule="evenodd" /></svg>', je = "sendityAuthRequest", nr = "https://sendity.io/api", ir = ["mailto:verify@sendity.io"], rr = 600 * 1e3, sr = 5e3, or = 15e3, Ie = 2e3, pe = 220, At = 0;
-function Me(v, i) {
+`, yt = '<svg role="img" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><title>WhatsApp</title><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z"/></svg>', tr = '<svg viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M4.998 9.332A5.002 5.002 0 0 1 13.2 5.5H11a1 1 0 1 0 0 2h4.5a1 1 0 0 0 1-1V2a1 1 0 1 0-2 0v1.74A7.002 7.002 0 0 0 3 9.332a1 1 0 1 0 1.998 0ZM15.002 10.668A5.002 5.002 0 0 1 6.8 14.5H9a1 1 0 1 0 0-2H4.5a1 1 0 0 0-1 1V18a1 1 0 1 0 2 0v-1.74a7.002 7.002 0 0 0 11.5-5.592 1 1 0 1 0-1.998 0Z" clip-rule="evenodd" /></svg>', nr = '<svg viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16ZM7.22 6.22a.75.75 0 0 0-1.06 1.06L8.88 10l-2.72 2.72a.75.75 0 1 0 1.06 1.06L9.94 11.06l2.72 2.72a.75.75 0 1 0 1.06-1.06L11 10l2.72-2.72a.75.75 0 0 0-1.06-1.06L9.94 8.94 7.22 6.22Z" clip-rule="evenodd" /></svg>', Me = "sendityAuthRequest", ir = "https://sendity.io/api", rr = ["mailto:verify@sendity.io"], sr = 600 * 1e3, or = 5e3, ar = 15e3, Ie = 2e3, pe = 220, At = 0;
+function je(v, i) {
   return `sendity:auth-request:${encodeURIComponent(v)}:${encodeURIComponent(i)}`;
 }
-function bt(v, i, o, a = Date.now()) {
-  v.removeItem(je);
-  const h = Me(i, o), u = v.getItem(h);
-  if (!u) return null;
+function bt(v, i, s, a = Date.now()) {
+  v.removeItem(Me);
+  const h = je(i, s), d = v.getItem(h);
+  if (!d) return null;
   try {
-    const m = JSON.parse(u);
+    const m = JSON.parse(d);
     if (typeof m.id != "string" || typeof m.clientSecret != "string" || typeof m.createdAt != "number")
       throw new Error("invalid stored auth request");
-    return a - m.createdAt >= rr ? (v.removeItem(h), null) : { id: m.id, clientSecret: m.clientSecret };
+    return a - m.createdAt >= sr ? (v.removeItem(h), null) : { id: m.id, clientSecret: m.clientSecret };
   } catch {
     return v.removeItem(h), null;
   }
 }
-function ar(v, i, o, a, h = Date.now()) {
-  v.setItem(Me(i, o), JSON.stringify({ ...a, createdAt: h }));
+function cr(v, i, s, a, h = Date.now()) {
+  v.setItem(je(i, s), JSON.stringify({ ...a, createdAt: h }));
 }
-function wt(v, i, o) {
-  v.removeItem(Me(i, o)), v.removeItem(je);
+function wt(v, i, s) {
+  v.removeItem(je(i, s)), v.removeItem(Me);
 }
 function me() {
-  return window.localStorage.removeItem(je), window.sessionStorage;
+  return window.localStorage.removeItem(Me), window.sessionStorage;
 }
-function cr(v, i = window.location.origin) {
-  return v.filter((o) => hr(o, i));
+function hr(v, i = window.location.origin) {
+  return v.filter((s) => lr(s, i));
 }
-function hr(v, i) {
+function lr(v, i) {
   try {
-    const o = new URL(v, i);
-    return ["http:", "https:", "mailto:", "whatsapp:"].includes(o.protocol);
+    const s = new URL(v, i);
+    return ["http:", "https:", "mailto:", "whatsapp:"].includes(s.protocol);
   } catch {
     return !1;
   }
 }
-function lr(v, i, o) {
-  return v === "push" ? { start: !1, delayMs: 0 } : v === "polling" || !i || !o ? { start: !0, delayMs: 0 } : { start: !0, delayMs: At };
+function dr(v, i, s) {
+  return v === "push" ? { start: !1, delayMs: 0 } : v === "polling" || !i || !s ? { start: !0, delayMs: 0 } : { start: !0, delayMs: At };
 }
 const ve = class ve extends HTMLElement {
   constructor() {
-    super(), this.pollTimer = null, this.fallbackPollTimer = null, this.authenticatedEventTimer = null, this.codeContainerEl = null, this.codeEl = null, this.promptEl = null, this.successEl = null, this.spinnerEl = null, this.verifiersEl = null, this.footerEl = null, this.footerBrandEl = null, this.footerStatusEl = null, this.footerMessageEl = null, this.footerTimerEl = null, this.footerObserver = null, this.footerWaitTimer = null, this.footerTransitionTimer = null, this.successTransitionTimer = null, this.timerInterval = null, this.currentConfig = null, this.destroyed = !1, this.lastCode = void 0, this.echo = null, this.authenticated = !1;
+    super(), this.pollTimer = null, this.fallbackPollTimer = null, this.authenticatedEventTimer = null, this.rootEl = null, this.codeContainerEl = null, this.codeEl = null, this.promptEl = null, this.successEl = null, this.spinnerEl = null, this.verifiersEl = null, this.footerEl = null, this.footerBrandEl = null, this.footerStatusEl = null, this.footerMessageEl = null, this.footerTimerEl = null, this.footerIndicatorEl = null, this.footerObserver = null, this.authStartObserver = null, this.authFlowStarted = !1, this.footerWaitTimer = null, this.footerTransitionTimer = null, this.successTransitionTimer = null, this.timerInterval = null, this.currentConfig = null, this.destroyed = !1, this.lastCode = void 0, this.echo = null, this.authenticated = !1;
     const i = this.attachShadow({ mode: "open" });
     this.injectTailwind(i);
-    const o = document.createElement("div");
-    o.innerHTML = pt;
-    const a = o.querySelector("template"), h = a ? a.content.cloneNode(!0) : document.createRange().createContextualFragment(pt), u = document.createElement("style");
-    u.textContent = zi, i.appendChild(u), i.appendChild(h);
+    const s = document.createElement("div");
+    s.innerHTML = pt;
+    const a = s.querySelector("template"), h = a ? a.content.cloneNode(!0) : document.createRange().createContextualFragment(pt), d = document.createElement("style");
+    d.textContent = zi, i.appendChild(d), i.appendChild(h);
   }
   static get observedAttributes() {
     return ["server-url", "public-key", "verify-urls", "lang", "transport", "hide-footer", "footer", "authenticated-event-delay-ms"];
   }
   connectedCallback() {
-    this.codeContainerEl = this.shadowRoot?.querySelector(".code"), this.codeEl = this.shadowRoot?.querySelector(".formatted-code"), this.promptEl = this.shadowRoot?.querySelector(".prompt"), this.successEl = this.shadowRoot?.querySelector(".success"), this.spinnerEl = this.shadowRoot?.querySelector(".spinner"), this.verifiersEl = this.shadowRoot?.querySelector(".verifiers"), this.footerEl = this.shadowRoot?.querySelector(".sendity-footer"), this.footerBrandEl = this.shadowRoot?.querySelector(".footer-brand"), this.footerStatusEl = this.shadowRoot?.querySelector(".footer-status"), this.footerMessageEl = this.shadowRoot?.querySelector(".footer-message"), this.footerTimerEl = this.shadowRoot?.querySelector(".footer-timer");
+    this.rootEl = this.shadowRoot?.querySelector(".sendity"), this.codeContainerEl = this.shadowRoot?.querySelector(".code"), this.codeEl = this.shadowRoot?.querySelector(".formatted-code"), this.promptEl = this.shadowRoot?.querySelector(".prompt"), this.successEl = this.shadowRoot?.querySelector(".success"), this.spinnerEl = this.shadowRoot?.querySelector(".spinner"), this.verifiersEl = this.shadowRoot?.querySelector(".verifiers"), this.footerEl = this.shadowRoot?.querySelector(".sendity-footer"), this.footerBrandEl = this.shadowRoot?.querySelector(".footer-brand"), this.footerStatusEl = this.shadowRoot?.querySelector(".footer-status"), this.footerMessageEl = this.shadowRoot?.querySelector(".footer-message"), this.footerTimerEl = this.shadowRoot?.querySelector(".footer-timer"), this.footerIndicatorEl = this.shadowRoot?.querySelector(".footer-spinner");
     try {
       this.currentConfig = this.resolveConfig();
     } catch (i) {
@@ -4320,7 +4368,7 @@ const ve = class ve extends HTMLElement {
     this.configureFooter(), this.dispatchPublicEvent("sendity:ready", {
       transport: this.currentConfig.transport,
       channel: this.primaryChannel(this.currentConfig.verifyUrls)
-    }), this.showLoading(), this.renderVerifiers(this.currentConfig.verifyUrls), this.start();
+    }), this.showPlaceholderCode(), this.renderVerifiers(this.currentConfig.verifyUrls), this.startWhenVisible();
   }
   disconnectedCallback() {
     this.stop(), this.destroyed = !0;
@@ -4328,30 +4376,41 @@ const ve = class ve extends HTMLElement {
   attributeChangedCallback() {
     this.isConnected && (this.currentConfig = this.resolveConfig(), this.configureFooter(), this.renderVerifiers(this.currentConfig.verifyUrls));
   }
+  startWhenVisible() {
+    if (!(this.authFlowStarted || this.destroyed)) {
+      if (!("IntersectionObserver" in window)) {
+        this.start();
+        return;
+      }
+      this.authStartObserver?.disconnect(), this.authStartObserver = new IntersectionObserver((i) => {
+        i.some((a) => a.isIntersecting && a.intersectionRatio > 0) && (this.authStartObserver?.disconnect(), this.authStartObserver = null, this.start());
+      }), this.authStartObserver.observe(this);
+    }
+  }
   start() {
-    this.step().then((i) => {
+    this.authFlowStarted || (this.authFlowStarted = !0, this.step().then((i) => {
       this.authenticated || this.destroyed || this.configureRealtime(i);
     }).catch((i) => {
       this.handleInitialError(i);
-    });
+    }));
   }
   stop() {
-    this.pollTimer !== null && (clearInterval(this.pollTimer), this.pollTimer = null), this.fallbackPollTimer !== null && (clearTimeout(this.fallbackPollTimer), this.fallbackPollTimer = null), this.footerWaitTimer !== null && (clearTimeout(this.footerWaitTimer), this.footerWaitTimer = null), this.authenticatedEventTimer !== null && (clearTimeout(this.authenticatedEventTimer), this.authenticatedEventTimer = null), this.footerTransitionTimer !== null && (clearTimeout(this.footerTransitionTimer), this.footerTransitionTimer = null), this.successTransitionTimer !== null && (clearTimeout(this.successTransitionTimer), this.successTransitionTimer = null), this.stopCountdown(), this.footerObserver?.disconnect(), this.footerObserver = null, this.echo && this.activeAuthRequestId && this.echo.leave(`sendity.auth-requests.${this.activeAuthRequestId}`), this.echo?.disconnect(), this.echo = null;
+    this.pollTimer !== null && (clearInterval(this.pollTimer), this.pollTimer = null), this.fallbackPollTimer !== null && (clearTimeout(this.fallbackPollTimer), this.fallbackPollTimer = null), this.footerWaitTimer !== null && (clearTimeout(this.footerWaitTimer), this.footerWaitTimer = null), this.authenticatedEventTimer !== null && (clearTimeout(this.authenticatedEventTimer), this.authenticatedEventTimer = null), this.footerTransitionTimer !== null && (clearTimeout(this.footerTransitionTimer), this.footerTransitionTimer = null), this.successTransitionTimer !== null && (clearTimeout(this.successTransitionTimer), this.successTransitionTimer = null), this.stopCountdown(), this.footerObserver?.disconnect(), this.footerObserver = null, this.authStartObserver?.disconnect(), this.authStartObserver = null, this.echo && this.activeAuthRequestId && this.echo.leave(`sendity.auth-requests.${this.activeAuthRequestId}`), this.echo?.disconnect(), this.echo = null;
   }
   // Inject Tailwind CSS into the Shadow DOM so Tailwind utility classes
   // used in sendity.html work within the component. We cache the processed
   // CSS text across instances to avoid redundant network requests and ensure
   // the Tailwind layer is inserted before component CSS.
   injectTailwind(i) {
-    const o = document.createElement("style");
-    o.setAttribute("data-sendity-tw", ""), i.appendChild(o);
+    const s = document.createElement("style");
+    s.setAttribute("data-sendity-tw", ""), i.appendChild(s);
     const a = this.constructor;
     if (a.tailwindCssText !== null) {
       if (a.tailwindCssText)
-        o.textContent = a.tailwindCssText;
+        s.textContent = a.tailwindCssText;
       else {
         const h = document.createElement("link");
-        h.rel = "stylesheet", h.href = Re, i.insertBefore(h, o);
+        h.rel = "stylesheet", h.href = Re, i.insertBefore(h, s);
       }
       return;
     }
@@ -4362,10 +4421,10 @@ const ve = class ve extends HTMLElement {
     })), a.tailwindLoading.then(() => {
       if (!this.destroyed && i)
         if (a.tailwindCssText)
-          o.textContent = a.tailwindCssText;
+          s.textContent = a.tailwindCssText;
         else {
           const h = document.createElement("link");
-          h.rel = "stylesheet", h.href = Re, i.insertBefore(h, o);
+          h.rel = "stylesheet", h.href = Re, i.insertBefore(h, s);
         }
     });
   }
@@ -4375,7 +4434,7 @@ const ve = class ve extends HTMLElement {
         this.footerEl.hidden = !0, this.footerWaitTimer !== null && (clearTimeout(this.footerWaitTimer), this.footerWaitTimer = null), this.footerObserver?.disconnect(), this.footerObserver = null;
         return;
       }
-      this.footerEl.hidden = !1, this.footerEl.classList.remove("footer--waiting", "footer--transitioning", "footer--leaving"), this.footerBrandEl?.removeAttribute("hidden"), this.footerStatusEl?.setAttribute("hidden", ""), this.observeFooterVisibility();
+      this.footerEl.hidden = !1, this.footerEl.classList.remove("footer--waiting", "footer--transitioning", "footer--leaving", "footer--verified"), this.setFooterIndicatorWaiting(), this.footerBrandEl?.removeAttribute("hidden"), this.footerStatusEl?.setAttribute("hidden", ""), this.observeFooterVisibility();
     }
   }
   isFooterHidden() {
@@ -4390,10 +4449,16 @@ const ve = class ve extends HTMLElement {
   scheduleFooterWaitingState() {
     this.footerWaitTimer !== null || this.isFooterHidden() || (this.footerWaitTimer = window.setTimeout(() => {
       this.footerWaitTimer = null, this.showFooterWaitingState();
-    }, or));
+    }, ar));
+  }
+  setFooterIndicatorWaiting() {
+    this.footerIndicatorEl && (this.footerIndicatorEl.classList.remove("footer-indicator--error"), this.footerIndicatorEl.innerHTML = "", this.footerIndicatorEl.removeAttribute("hidden"));
+  }
+  setFooterIndicatorError() {
+    this.footerIndicatorEl && (this.footerIndicatorEl.classList.add("footer-indicator--error"), this.footerIndicatorEl.innerHTML = nr, this.footerIndicatorEl.removeAttribute("hidden"));
   }
   showFooterWaitingState() {
-    this.isFooterHidden() || (this.currentConfig && this.footerMessageEl && (this.footerMessageEl.textContent = this.waitingFooterMessage()), this.footerEl?.classList.add("footer--waiting", "footer--transitioning"), this.footerBrandEl?.removeAttribute("hidden"), this.footerStatusEl?.removeAttribute("hidden"), this.footerTransitionTimer !== null && clearTimeout(this.footerTransitionTimer), this.footerTransitionTimer = window.setTimeout(() => {
+    this.isFooterHidden() || (this.currentConfig && this.footerMessageEl && (this.footerMessageEl.textContent = this.waitingFooterMessage()), this.setFooterIndicatorWaiting(), this.footerEl?.classList.add("footer--waiting", "footer--transitioning"), this.footerBrandEl?.removeAttribute("hidden"), this.footerStatusEl?.removeAttribute("hidden"), this.footerTransitionTimer !== null && clearTimeout(this.footerTransitionTimer), this.footerTransitionTimer = window.setTimeout(() => {
       this.footerTransitionTimer = null, this.footerEl?.classList.remove("footer--transitioning"), this.footerBrandEl?.setAttribute("hidden", "");
     }, pe), this.startCountdown());
   }
@@ -4405,13 +4470,13 @@ const ve = class ve extends HTMLElement {
     }
     const i = () => {
       if (!this.footerTimerEl || !this.activeAuthRequestExpiresAt) return;
-      const o = new Date(this.activeAuthRequestExpiresAt).getTime();
-      if (Number.isNaN(o)) {
+      const s = new Date(this.activeAuthRequestExpiresAt).getTime();
+      if (Number.isNaN(s)) {
         this.footerTimerEl.setAttribute("hidden", "");
         return;
       }
-      const a = Math.max(0, Math.floor((o - Date.now()) / 1e3)), h = Math.floor(a / 60), u = String(a % 60).padStart(2, "0");
-      this.footerTimerEl.textContent = `${h}:${u}`, this.footerTimerEl.classList.toggle("low", a > 0 && a <= 60), this.footerTimerEl.removeAttribute("hidden"), a <= 0 && this.timerInterval !== null && (clearInterval(this.timerInterval), this.timerInterval = null, this.showExpiredState());
+      const a = Math.max(0, Math.floor((s - Date.now()) / 1e3)), h = Math.floor(a / 60), d = String(a % 60).padStart(2, "0");
+      this.footerTimerEl.textContent = `${h}:${d}`, this.footerTimerEl.classList.toggle("low", a > 0 && a <= 60), this.footerTimerEl.removeAttribute("hidden"), a <= 0 && this.timerInterval !== null && (clearInterval(this.timerInterval), this.timerInterval = null, this.showExpiredState());
     };
     i(), this.timerInterval = window.setInterval(i, 1e3);
   }
@@ -4420,9 +4485,9 @@ const ve = class ve extends HTMLElement {
   }
   showExpiredState() {
     if (!(this.authenticated || this.destroyed || !this.currentConfig)) {
-      if (this.stopAuthTransports(), this.codeContainerEl?.classList.remove("code--active"), this.codeContainerEl?.classList.add("code--expired"), this.spinnerEl?.setAttribute("hidden", ""), this.codeEl?.removeAttribute("hidden"), !this.isFooterHidden()) {
+      if (this.stopAuthTransports(), this.rootEl?.classList.remove("sendity--verified"), this.rootEl?.classList.add("sendity--expired"), this.codeContainerEl?.classList.remove("code--active", "code--placeholder"), this.codeContainerEl?.classList.add("code--expired"), this.spinnerEl?.setAttribute("hidden", ""), this.codeEl?.removeAttribute("hidden"), !this.isFooterHidden()) {
         const i = V(this.currentConfig.lang);
-        this.footerMessageEl && (this.footerMessageEl.textContent = i.ui.codeExpired), this.footerEl?.classList.add("footer--waiting", "footer--transitioning"), this.footerBrandEl?.removeAttribute("hidden"), this.footerStatusEl?.removeAttribute("hidden"), this.footerTimerEl?.setAttribute("hidden", ""), this.footerTransitionTimer !== null && clearTimeout(this.footerTransitionTimer), this.footerTransitionTimer = window.setTimeout(() => {
+        this.footerMessageEl && (this.footerMessageEl.textContent = i.ui.codeExpired), this.setFooterIndicatorError(), this.footerEl?.classList.add("footer--waiting", "footer--transitioning"), this.footerBrandEl?.removeAttribute("hidden"), this.footerStatusEl?.removeAttribute("hidden"), this.footerTimerEl?.setAttribute("hidden", ""), this.footerTransitionTimer !== null && clearTimeout(this.footerTransitionTimer), this.footerTransitionTimer = window.setTimeout(() => {
           this.footerTransitionTimer = null, this.footerEl?.classList.remove("footer--transitioning"), this.footerBrandEl?.setAttribute("hidden", "");
         }, pe);
       }
@@ -4433,23 +4498,23 @@ const ve = class ve extends HTMLElement {
     if (!this.verifiersEl || !this.currentConfig) return;
     const i = V(this.currentConfig.lang);
     this.verifiersEl.innerHTML = "", this.verifiersEl.classList.remove("is-two", "verifiers--exiting"), this.verifiersEl.removeAttribute("aria-hidden");
-    const o = document.createElement("button");
-    o.type = "button", o.className = "chan primary", o.addEventListener("click", () => {
-      o.disabled = !0, this.requestNewAuthRequest().catch((u) => {
-        console.warn("[sendity-auth] failed to request a new code", u), o.disabled = !1;
+    const s = document.createElement("button");
+    s.type = "button", s.className = "chan error", s.addEventListener("click", () => {
+      s.disabled = !0, this.requestNewAuthRequest().catch((d) => {
+        console.warn("[sendity-auth] failed to request a new code", d), s.disabled = !1;
       });
     });
     const a = document.createElement("span");
-    a.className = "icon", a.setAttribute("aria-hidden", "true"), a.innerHTML = tr, o.appendChild(a);
+    a.className = "icon", a.setAttribute("aria-hidden", "true"), a.innerHTML = tr, s.appendChild(a);
     const h = document.createElement("span");
-    h.className = "label", h.textContent = i.ui.getNewCode, o.appendChild(h), this.verifiersEl.appendChild(o);
+    h.className = "label", h.textContent = i.ui.getNewCode, s.appendChild(h), this.verifiersEl.appendChild(s);
   }
   async requestNewAuthRequest() {
     this.currentConfig || (this.currentConfig = this.resolveConfig());
     const i = this.currentConfig;
-    this.stopAuthTransports(), this.stopCountdown(), this.codeContainerEl?.classList.remove("code--expired");
-    const o = await this.createAuthRequest(i.serverUrl, i.publicKey, me());
-    this.renderVerifiers(i.verifyUrls), this.showFooterWaitingState(), this.configureRealtime(o);
+    this.stopAuthTransports(), this.stopCountdown(), this.rootEl?.classList.remove("sendity--expired", "sendity--verified"), this.setFooterIndicatorWaiting(), this.codeContainerEl?.classList.remove("code--expired");
+    const s = await this.createAuthRequest(i.serverUrl, i.publicKey, me());
+    this.renderVerifiers(i.verifyUrls), this.showFooterWaitingState(), this.configureRealtime(s);
   }
   handleInitialError(i) {
     console.error("[sendity-auth] Unable to initialize authentication", i), this.renderError("Unable to initialize authentication, see console for details"), this.dispatchEvent(
@@ -4464,31 +4529,31 @@ const ve = class ve extends HTMLElement {
     const i = {
       lang: navigator.language?.startsWith("de") ? "de" : navigator.language?.startsWith("fr") ? "fr" : "en",
       transport: "auto"
-    }, o = (R) => this.getAttribute(R) ?? void 0, a = o("server-url")?.trim() || nr, h = o("public-key")?.trim();
+    }, s = (R) => this.getAttribute(R) ?? void 0, a = s("server-url")?.trim() || ir, h = s("public-key")?.trim();
     if (!h)
       throw new Error("Missing required sendity-auth attribute: public-key");
-    let u = [...ir];
-    const m = o("verify-urls");
+    let d = [...rr];
+    const m = s("verify-urls");
     if (m)
       try {
-        if (u = JSON.parse(m), !Array.isArray(u)) throw new Error("verify-urls not array");
-        u = u.map(String);
+        if (d = JSON.parse(m), !Array.isArray(d)) throw new Error("verify-urls not array");
+        d = d.map(String);
       } catch {
-        u = m.split(",").map((R) => R.trim()).filter(Boolean);
+        d = m.split(",").map((R) => R.trim()).filter(Boolean);
       }
-    if (u = cr(u), u.length === 0)
+    if (d = hr(d), d.length === 0)
       throw new Error("Missing required sendity-auth attribute: verify-urls");
-    let g = o("lang") || i.lang;
+    let g = s("lang") || i.lang;
     g !== "en" && g !== "de" && g !== "fr" && (g = i.lang);
-    const y = o("transport"), x = y === "push" || y === "polling" ? y : i.transport, w = this.parseAuthenticatedEventDelayMs(o("authenticated-event-delay-ms"));
-    return { serverUrl: a, publicKey: h, verifyUrls: u, lang: g, transport: x, authenticatedEventDelayMs: w };
+    const y = s("transport"), E = y === "push" || y === "polling" ? y : i.transport, w = this.parseAuthenticatedEventDelayMs(s("authenticated-event-delay-ms"));
+    return { serverUrl: a, publicKey: h, verifyUrls: d, lang: g, transport: E, authenticatedEventDelayMs: w };
   }
   parseAuthenticatedEventDelayMs(i) {
     if (i === void 0 || i.trim() === "") return Ie;
-    const o = Number(i);
-    return !Number.isFinite(o) || o < 0 ? Ie : Math.round(o);
+    const s = Number(i);
+    return !Number.isFinite(s) || s < 0 ? Ie : Math.round(s);
   }
-  async createAuthRequest(i, o, a) {
+  async createAuthRequest(i, s, a) {
     const h = await fetch(this.joinUrl(i, "/auth-requests"), {
       method: "POST",
       mode: "cors",
@@ -4496,31 +4561,31 @@ const ve = class ve extends HTMLElement {
         "Content-Type": "application/json",
         Accept: "application/json"
       },
-      body: JSON.stringify({ public_key: o })
+      body: JSON.stringify({ public_key: s })
     });
     if (!h.ok) throw new Error(`Auth request creation failed: ${h.status}`);
-    const u = await h.json();
-    if (!u.id) throw new Error("Missing id from server response");
-    const m = this.extractClientSecret(u);
+    const d = await h.json();
+    if (!d.id) throw new Error("Missing id from server response");
+    const m = this.extractClientSecret(d);
     if (!m) throw new Error("Missing client secret from server response");
-    return ar(a, i, o, { id: String(u.id), clientSecret: m }), this.activeAuthRequestId = String(u.id), this.activeAuthRequestSecret = m, this.updateActiveAuthRequestExpiry(u), this.updateCode(u.formattedCode ?? u.code), this.dispatchPublicEvent("sendity:challenge-created", {
-      verificationId: String(u.id),
-      code: u.formattedCode ?? u.code ?? "",
+    return cr(a, i, s, { id: String(d.id), clientSecret: m }), this.activeAuthRequestId = String(d.id), this.activeAuthRequestSecret = m, this.updateActiveAuthRequestExpiry(d), this.updateCode(d.formattedCode ?? d.code), this.dispatchPublicEvent("sendity:challenge-created", {
+      verificationId: String(d.id),
+      code: d.formattedCode ?? d.code ?? "",
       channel: this.primaryChannel(this.currentConfig?.verifyUrls ?? [])
-    }), u;
+    }), d;
   }
   async step() {
     this.currentConfig || (this.currentConfig = this.resolveConfig());
-    const { serverUrl: i, publicKey: o } = this.currentConfig, a = me(), h = bt(a, i, o), u = h?.id;
-    if (!u)
-      return await this.createAuthRequest(i, o, a);
-    this.activeAuthRequestId = u, this.activeAuthRequestSecret = h.clientSecret;
+    const { serverUrl: i, publicKey: s } = this.currentConfig, a = me(), h = bt(a, i, s), d = h?.id;
+    if (!d)
+      return await this.createAuthRequest(i, s, a);
+    this.activeAuthRequestId = d, this.activeAuthRequestSecret = h.clientSecret;
     const m = await fetch(
-      this.authRequestStatusUrl(i, u),
+      this.authRequestStatusUrl(i, d),
       this.authRequestStatusInit(h.clientSecret)
     );
     if (m.status !== 200)
-      return wt(a, i, o), await this.step();
+      return wt(a, i, s), await this.step();
     const g = await m.json();
     if (g.status === "verified")
       return this.handleAuthenticated(g), g;
@@ -4532,17 +4597,17 @@ const ve = class ve extends HTMLElement {
   }
   configureRealtime(i) {
     this.currentConfig || (this.currentConfig = this.resolveConfig());
-    const { transport: o } = this.currentConfig, a = i?.broadcasting, h = !!(a?.key && a.channel && a.authEndpoint);
-    let u = !1;
-    o !== "polling" && h && a ? u = this.subscribeToBroadcasting(a) : o === "push" && console.warn("[sendity-auth] Push transport requested, but server response does not contain broadcasting metadata");
-    const m = lr(o, h, u);
+    const { transport: s } = this.currentConfig, a = i?.broadcasting, h = !!(a?.key && a.channel && a.authEndpoint);
+    let d = !1;
+    s !== "polling" && h && a ? d = this.subscribeToBroadcasting(a) : s === "push" && console.warn("[sendity-auth] Push transport requested, but server response does not contain broadcasting metadata");
+    const m = dr(s, h, d);
     m.start && this.startPolling(m.delayMs);
   }
   subscribeToBroadcasting(i) {
     if (!this.currentConfig || !i.key || !i.channel || !i.authEndpoint) return !1;
     try {
       window.Pusher = Ki;
-      const o = (i.scheme ?? "https") === "https", a = i.port ?? (o ? 443 : 80);
+      const s = (i.scheme ?? "https") === "https", a = i.port ?? (s ? 443 : 80);
       return this.echo = new Vi({
         broadcaster: "reverb",
         key: i.key,
@@ -4550,8 +4615,8 @@ const ve = class ve extends HTMLElement {
         wsPort: a,
         wssPort: a,
         wsPath: i.wsPath ?? "/ws",
-        forceTLS: o,
-        encrypted: o,
+        forceTLS: s,
+        encrypted: s,
         enabledTransports: ["ws", "wss"],
         authEndpoint: this.joinUrl(this.currentConfig.serverUrl, i.authEndpoint),
         auth: {
@@ -4565,20 +4630,20 @@ const ve = class ve extends HTMLElement {
       }), this.echo.private(i.channel).listen(i.event ?? ".authenticated", (h) => {
         this.handleAuthenticated(h);
       }), !0;
-    } catch (o) {
-      return console.warn("[sendity-auth] realtime subscription failed, falling back to polling if enabled", o), this.currentConfig.transport === "auto" && this.startPolling(At), !1;
+    } catch (s) {
+      return console.warn("[sendity-auth] realtime subscription failed, falling back to polling if enabled", s), this.currentConfig.transport === "auto" && this.startPolling(At), !1;
     }
   }
   startPolling(i) {
     if (this.pollTimer !== null || this.authenticated) return;
-    const o = () => {
+    const s = () => {
       this.pollTimer !== null || this.authenticated || this.destroyed || (this.pollTimer = window.setInterval(() => {
         this.step().catch((a) => console.warn("[sendity-auth] poll failed", a));
-      }, sr));
+      }, or));
     };
     i > 0 ? this.fallbackPollTimer = window.setTimeout(() => {
-      this.fallbackPollTimer = null, o();
-    }, i) : o();
+      this.fallbackPollTimer = null, s();
+    }, i) : s();
   }
   handleAuthenticated(i) {
     if (this.authenticated) return;
@@ -4589,34 +4654,34 @@ const ve = class ve extends HTMLElement {
       return;
     }
     this.authenticated = !0, this.currentConfig && wt(me(), this.currentConfig.serverUrl, this.currentConfig.publicKey), this.stopAuthTransports(), this.showSuccess(i);
-    const o = this.toPublicAuthenticatedDetail(i), a = this.currentConfig?.authenticatedEventDelayMs ?? Ie;
+    const s = this.toPublicAuthenticatedDetail(i), a = this.currentConfig?.authenticatedEventDelayMs ?? Ie;
     this.authenticatedEventTimer = window.setTimeout(() => {
-      this.authenticatedEventTimer = null, !this.destroyed && this.dispatchPublicEvent("sendity:authenticated", o);
+      this.authenticatedEventTimer = null, !this.destroyed && this.dispatchPublicEvent("sendity:authenticated", s);
     }, a);
   }
   stopAuthTransports() {
     this.pollTimer !== null && (clearInterval(this.pollTimer), this.pollTimer = null), this.fallbackPollTimer !== null && (clearTimeout(this.fallbackPollTimer), this.fallbackPollTimer = null), this.echo && this.activeAuthRequestId && this.echo.leave(`sendity.auth-requests.${this.activeAuthRequestId}`), this.echo?.disconnect(), this.echo = null;
   }
-  dispatchPublicEvent(i, o) {
-    this.dispatchEvent(new CustomEvent(i, { bubbles: !0, composed: !0, detail: o }));
+  dispatchPublicEvent(i, s) {
+    this.dispatchEvent(new CustomEvent(i, { bubbles: !0, composed: !0, detail: s }));
   }
   toPublicAuthenticatedDetail(i) {
-    const o = String(i.auth_request_id ?? i.authRequestId ?? this.activeAuthRequestId ?? ""), a = i.channel ?? this.primaryChannel(this.currentConfig?.verifyUrls ?? []), h = i.expires_at ?? i.expiresAt;
+    const s = String(i.auth_request_id ?? i.authRequestId ?? this.activeAuthRequestId ?? ""), a = i.channel ?? this.primaryChannel(this.currentConfig?.verifyUrls ?? []), h = i.expires_at ?? i.expiresAt;
     return {
-      sessionId: o,
+      sessionId: s,
       channel: a,
       ...i.identifier ? { address: i.identifier } : {},
-      verificationId: o,
+      verificationId: s,
       signedResult: String(i.authorization ?? ""),
       ...h ? { expiresAt: String(h) } : {}
     };
   }
   primaryChannel(i) {
-    const o = i[0] ?? "";
-    return o.startsWith("mailto:") ? "email" : o.startsWith("whatsapp:") || o.startsWith("whatsapp://") ? "whatsapp" : "unknown";
+    const s = i[0] ?? "";
+    return s.startsWith("mailto:") ? "email" : s.startsWith("whatsapp:") || s.startsWith("whatsapp://") ? "whatsapp" : "unknown";
   }
-  authRequestStatusUrl(i, o) {
-    return new URL(this.joinUrl(i, `/auth-requests/${encodeURIComponent(o)}`)).toString();
+  authRequestStatusUrl(i, s) {
+    return new URL(this.joinUrl(i, `/auth-requests/${encodeURIComponent(s)}`)).toString();
   }
   authRequestStatusInit(i) {
     return {
@@ -4632,18 +4697,18 @@ const ve = class ve extends HTMLElement {
     return String(i.client_secret ?? i.clientSecret ?? "");
   }
   updateActiveAuthRequestExpiry(i) {
-    const o = i.expires_at ?? i.expiresAt;
-    o && (this.activeAuthRequestExpiresAt = String(o));
+    const s = i.expires_at ?? i.expiresAt;
+    s && (this.activeAuthRequestExpiresAt = String(s));
   }
   waitingFooterMessage() {
     if (!this.currentConfig) return "";
-    const i = V(this.currentConfig.lang), o = this.formatExpiryTime(this.activeAuthRequestExpiresAt, this.currentConfig.lang);
-    return o ? i.ui.footerWaitingUntil.replace("(Time)", o) : i.ui.footerWaiting;
+    const i = V(this.currentConfig.lang), s = this.formatExpiryTime(this.activeAuthRequestExpiresAt, this.currentConfig.lang);
+    return s ? i.ui.footerWaitingUntil.replace("(Time)", s) : i.ui.footerWaiting;
   }
-  formatExpiryTime(i, o) {
+  formatExpiryTime(i, s) {
     if (!i) return null;
     const a = new Date(i);
-    return Number.isNaN(a.getTime()) ? null : new Intl.DateTimeFormat(this.localeForLang(o), { timeStyle: "short" }).format(a);
+    return Number.isNaN(a.getTime()) ? null : new Intl.DateTimeFormat(this.localeForLang(s), { timeStyle: "short" }).format(a);
   }
   localeForLang(i) {
     switch (i) {
@@ -4657,18 +4722,18 @@ const ve = class ve extends HTMLElement {
   }
   async fetchAuthorizationAfterAuthenticatedSignal() {
     this.currentConfig || (this.currentConfig = this.resolveConfig());
-    const i = bt(me(), this.currentConfig.serverUrl, this.currentConfig.publicKey), o = this.activeAuthRequestId ?? i?.id, a = this.activeAuthRequestSecret ?? i?.clientSecret;
-    if (!o || !a)
+    const i = bt(me(), this.currentConfig.serverUrl, this.currentConfig.publicKey), s = this.activeAuthRequestId ?? i?.id, a = this.activeAuthRequestSecret ?? i?.clientSecret;
+    if (!s || !a)
       throw new Error("Cannot fetch authorization without an active auth request id and client secret");
     const h = await fetch(
-      this.authRequestStatusUrl(this.currentConfig.serverUrl, o),
+      this.authRequestStatusUrl(this.currentConfig.serverUrl, s),
       this.authRequestStatusInit(a)
     );
     if (!h.ok)
       throw new Error(`Authorization fetch failed: ${h.status}`);
-    const u = await h.json();
-    if (u.status === "verified" && u.authorization) {
-      this.handleAuthenticated(u);
+    const d = await h.json();
+    if (d.status === "verified" && d.authorization) {
+      this.handleAuthenticated(d);
       return;
     }
     throw new Error("Verified auth request did not include authorization");
@@ -4677,33 +4742,37 @@ const ve = class ve extends HTMLElement {
     if (!this.codeEl) return;
     if (!!(i && String(i).trim().length > 0)) {
       const a = String(i);
-      this.lastCode = a, this.codeEl.textContent = a, this.codeContainerEl?.classList.remove("code--expired"), this.showCodeState();
-    } else {
-      this.lastCode = void 0;
-      const a = this.codeEl.getAttribute("data-placeholder") || "••••";
-      this.codeEl.textContent = a, this.showLoading();
-    }
+      this.lastCode = a, this.codeEl.textContent = a, this.codeContainerEl?.classList.remove("code--expired", "code--placeholder"), this.showCodeState();
+    } else
+      this.lastCode = void 0, this.showPlaceholderCode();
     this.currentConfig && this.renderVerifiers(this.currentConfig.verifyUrls);
   }
+  showPlaceholderCode() {
+    this.codeEl && (this.lastCode = void 0, this.spinnerEl?.setAttribute("hidden", ""), this.codeEl.textContent = this.randomPlaceholderCode(), this.codeEl.removeAttribute("hidden"), this.rootEl?.classList.remove("sendity--expired", "sendity--verified"), this.codeContainerEl?.classList.remove("code--active", "code--verified", "code--expired", "code--exiting", "code--collapsed"), this.codeContainerEl?.classList.add("code--placeholder"), this.codeContainerEl?.removeAttribute("aria-hidden"), this.promptEl?.setAttribute("hidden", ""), this.successEl?.setAttribute("hidden", ""));
+  }
+  randomPlaceholderCode() {
+    const i = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789", s = () => i[Math.floor(Math.random() * i.length)], a = () => `${s()}${s()}${s()}`;
+    return `SDY-${a()}-${a()}`;
+  }
   renderError(i) {
     this.codeEl && (this.codeEl.textContent = i), this.verifiersEl && (this.verifiersEl.innerHTML = "");
   }
   showLoading() {
-    this.spinnerEl?.removeAttribute("hidden"), this.codeContainerEl?.classList.remove("code--active", "code--verified", "code--expired"), this.codeEl?.setAttribute("hidden", ""), this.promptEl?.setAttribute("hidden", ""), this.successEl?.setAttribute("hidden", "");
+    this.spinnerEl?.removeAttribute("hidden"), this.codeContainerEl?.classList.remove("code--active", "code--verified", "code--expired", "code--placeholder"), this.codeEl?.setAttribute("hidden", ""), this.promptEl?.setAttribute("hidden", ""), this.successEl?.setAttribute("hidden", "");
   }
   showCodeState() {
-    if (this.spinnerEl?.setAttribute("hidden", ""), this.codeContainerEl?.classList.remove("code--verified"), this.codeContainerEl?.classList.remove("code--exiting", "code--collapsed"), this.codeContainerEl?.classList.add("code--active"), this.codeContainerEl?.removeAttribute("aria-hidden"), this.verifiersEl?.classList.remove("verifiers--exiting"), this.verifiersEl?.removeAttribute("aria-hidden"), this.codeEl?.removeAttribute("hidden"), this.currentConfig && this.promptEl) {
+    if (this.spinnerEl?.setAttribute("hidden", ""), this.rootEl?.classList.remove("sendity--expired", "sendity--verified"), this.codeContainerEl?.classList.remove("code--verified", "code--placeholder"), this.codeContainerEl?.classList.remove("code--exiting", "code--collapsed"), this.codeContainerEl?.classList.add("code--active"), this.codeContainerEl?.removeAttribute("aria-hidden"), this.verifiersEl?.classList.remove("verifiers--exiting"), this.verifiersEl?.removeAttribute("aria-hidden"), this.codeEl?.removeAttribute("hidden"), this.currentConfig && this.promptEl) {
       const i = V(this.currentConfig.lang);
       this.promptEl.textContent = i.ui.sendCodePrompt, this.promptEl.classList.remove("prompt--exiting"), this.promptEl.removeAttribute("aria-hidden"), this.promptEl.removeAttribute("hidden");
     }
     this.successEl?.setAttribute("hidden", "");
   }
   showSuccess(i) {
-    this.spinnerEl?.setAttribute("hidden", ""), this.codeContainerEl?.classList.remove("code--active"), this.codeContainerEl?.classList.add("code--verified", "code--exiting"), this.promptEl?.classList.add("prompt--exiting"), this.footerWaitTimer !== null && (clearTimeout(this.footerWaitTimer), this.footerWaitTimer = null), this.stopCountdown();
-    const o = this.isFooterHidden();
-    if (this.footerEl && (this.footerEl.hidden = o, this.footerEl.classList.remove("footer--leaving"), o || (this.footerEl.classList.add("footer--waiting", "footer--transitioning", "footer--verified"), window.setTimeout(() => {
+    this.rootEl?.classList.remove("sendity--expired"), this.rootEl?.classList.add("sendity--verified"), this.spinnerEl?.setAttribute("hidden", ""), this.codeContainerEl?.classList.remove("code--active", "code--placeholder"), this.codeContainerEl?.classList.add("code--verified", "code--exiting"), this.promptEl?.classList.add("prompt--exiting"), this.footerWaitTimer !== null && (clearTimeout(this.footerWaitTimer), this.footerWaitTimer = null), this.stopCountdown();
+    const s = this.isFooterHidden();
+    if (this.footerEl && (this.footerEl.hidden = s, this.footerEl.classList.remove("footer--leaving"), s || (this.footerEl.classList.add("footer--waiting", "footer--transitioning", "footer--verified"), window.setTimeout(() => {
       this.footerEl?.classList.remove("footer--transitioning"), this.footerBrandEl && (this.footerBrandEl.hidden = !0);
-    }, pe))), this.footerStatusEl && (this.footerStatusEl.hidden = o), this.footerMessageEl) {
+    }, pe))), this.footerStatusEl && (this.footerStatusEl.hidden = s), this.footerMessageEl) {
       const a = i.identifier && i.identifier.trim().length > 0 ? i.identifier.trim() : this.destinationAddressForChannel(i.channel ?? this.primaryChannel(this.currentConfig?.verifyUrls ?? []));
       this.footerMessageEl.textContent = a ? `Verified ${a}` : "Verified";
     }
@@ -4721,15 +4790,15 @@ const ve = class ve extends HTMLElement {
     }, pe);
   }
   destinationAddressForChannel(i) {
-    const o = this.currentConfig?.verifyUrls ?? [], a = o.find((h) => this.channelClass(h) === i) ?? o[0];
+    const s = this.currentConfig?.verifyUrls ?? [], a = s.find((h) => this.channelClass(h) === i) ?? s[0];
     if (!a) return null;
     try {
       const h = new URL(a, window.location.origin);
       if (h.protocol === "mailto:")
         return decodeURIComponent(h.pathname || h.href.replace(/^mailto:/, "").split("?")[0]) || null;
       if (h.protocol === "whatsapp:" || h.protocol === "whatsapp://") {
-        const u = h.searchParams.get("phone") || h.pathname.replace(/^\/+/, "");
-        return u ? `+${u.replace(/^\+/, "")}` : null;
+        const d = h.searchParams.get("phone") || h.pathname.replace(/^\/+/, "");
+        return d ? `+${d.replace(/^\+/, "")}` : null;
       }
     } catch {
       if (a.startsWith("mailto:")) return a.replace(/^mailto:/, "").split("?")[0] || null;
@@ -4743,18 +4812,18 @@ const ve = class ve extends HTMLElement {
   renderVerifiers(i) {
     if (!this.verifiersEl) return;
     this.verifiersEl.innerHTML = "", this.verifiersEl.classList.toggle("is-two", i.length === 2);
-    const o = this.currentConfig;
+    const s = this.currentConfig;
     i.forEach((a, h) => {
       if (h > 0 && i.length === 2) {
         const w = document.createElement("div");
         w.className = "divider", w.setAttribute("aria-hidden", "true");
         const R = document.createElement("span");
-        R.textContent = o.lang === "de" ? "oder" : o.lang === "fr" ? "ou" : "or", w.appendChild(R), this.verifiersEl.appendChild(w);
+        R.textContent = s.lang === "de" ? "oder" : s.lang === "fr" ? "ou" : "or", w.appendChild(R), this.verifiersEl.appendChild(w);
       }
-      const u = document.createElement("div");
-      u.className = "opt";
+      const d = document.createElement("div");
+      d.className = "opt";
       const m = document.createElement("a");
-      m.className = "chan " + this.channelClass(a), m.href = this.buildLink(a, o.lang), m.target = "_blank", m.rel = "noopener noreferrer", m.addEventListener("click", () => {
+      m.className = "chan " + this.channelClass(a), m.href = this.buildLink(a, s.lang), m.target = "_blank", m.rel = "noopener noreferrer", m.addEventListener("click", () => {
         this.footerWaitTimer !== null && (clearTimeout(this.footerWaitTimer), this.footerWaitTimer = null), this.showFooterWaitingState();
       });
       const g = this.iconForUrl(a);
@@ -4763,51 +4832,51 @@ const ve = class ve extends HTMLElement {
         w.className = "icon", w.setAttribute("aria-hidden", "true"), w.innerHTML = g, m.appendChild(w);
       }
       const y = document.createElement("span");
-      y.className = "label", y.textContent = this.channelLabel(a, o.lang), m.appendChild(y), u.appendChild(m);
-      const x = this.destinationText(a, o.lang);
-      if (x) {
+      y.className = "label", y.textContent = this.channelLabel(a, s.lang), m.appendChild(y), d.appendChild(m);
+      const E = this.destinationText(a, s.lang);
+      if (E) {
         const w = document.createElement("a");
-        w.className = "dest", w.href = m.href, w.target = "_blank", w.rel = "noopener noreferrer", w.textContent = x, u.appendChild(w);
+        w.className = "dest", w.href = m.href, w.target = "_blank", w.rel = "noopener noreferrer", w.textContent = E, d.appendChild(w);
       }
-      this.verifiersEl.appendChild(u);
+      this.verifiersEl.appendChild(d);
     });
   }
   channelClass(i) {
     try {
-      const o = new URL(i, window.location.origin);
-      if (o.protocol === "mailto:") return "email";
-      if (o.protocol === "whatsapp:" || o.protocol === "whatsapp://") return "whatsapp";
+      const s = new URL(i, window.location.origin);
+      if (s.protocol === "mailto:") return "email";
+      if (s.protocol === "whatsapp:" || s.protocol === "whatsapp://") return "whatsapp";
     } catch {
       if (i.startsWith("mailto:")) return "email";
       if (i.startsWith("whatsapp:") || i.startsWith("whatsapp://")) return "whatsapp";
     }
     return "generic";
   }
-  channelLabel(i, o) {
-    const a = V(o), h = this.channelClass(i);
+  channelLabel(i, s) {
+    const a = V(s), h = this.channelClass(i);
     if (h === "email") return a.labels.email;
     if (h === "whatsapp") return a.labels.whatsapp;
     try {
-      const u = new URL(i, window.location.origin);
-      return u.protocol.startsWith("http") ? u.hostname : u.protocol.replace(":", "");
+      const d = new URL(i, window.location.origin);
+      return d.protocol.startsWith("http") ? d.hostname : d.protocol.replace(":", "");
     } catch {
       return i;
     }
   }
-  destinationText(i, o) {
-    const h = V(o).ui.toPrefix ?? "to";
+  destinationText(i, s) {
+    const h = V(s).ui.toPrefix ?? "to";
     try {
-      const u = new URL(i, window.location.origin);
-      if (u.protocol === "mailto:") {
-        const m = decodeURIComponent(u.pathname || u.href.replace(/^mailto:/, "").split("?")[0]);
+      const d = new URL(i, window.location.origin);
+      if (d.protocol === "mailto:") {
+        const m = decodeURIComponent(d.pathname || d.href.replace(/^mailto:/, "").split("?")[0]);
         return m ? `${h} ${m}` : null;
       }
-      if (u.protocol === "whatsapp:" || u.protocol === "whatsapp://") {
-        const m = u.searchParams.get("phone") || u.pathname.replace(/^\/+/, "");
+      if (d.protocol === "whatsapp:" || d.protocol === "whatsapp://") {
+        const m = d.searchParams.get("phone") || d.pathname.replace(/^\/+/, "");
         return m ? `${h} +${m.replace(/^\+/, "")}` : null;
       }
-      if (u.protocol.startsWith("http") && (u.hostname === "wa.me" || u.hostname === "api.whatsapp.com")) {
-        const m = u.pathname.replace(/^\/+/, "").replace(/[^0-9]/g, "");
+      if (d.protocol.startsWith("http") && (d.hostname === "wa.me" || d.hostname === "api.whatsapp.com")) {
+        const m = d.pathname.replace(/^\/+/, "").replace(/[^0-9]/g, "");
         return m ? `${h} +${m}` : null;
       }
     } catch {
@@ -4816,17 +4885,17 @@ const ve = class ve extends HTMLElement {
   }
   iconForUrl(i) {
     try {
-      const o = new URL(i, window.location.origin);
-      if (o.protocol === "mailto:") return vt;
-      if (o.protocol === "whatsapp:" || o.protocol === "whatsapp://") return yt;
+      const s = new URL(i, window.location.origin);
+      if (s.protocol === "mailto:") return vt;
+      if (s.protocol === "whatsapp:" || s.protocol === "whatsapp://") return yt;
     } catch {
       if (i.startsWith("mailto:")) return vt;
       if (i.startsWith("whatsapp:") || i.startsWith("whatsapp://")) return yt;
     }
     return null;
   }
-  labelForUrl(i, o) {
-    const a = V(o);
+  labelForUrl(i, s) {
+    const a = V(s);
     try {
       const h = new URL(i, window.location.origin);
       return h.protocol === "mailto:" ? `${a.ui.by} ${a.labels.email}` : h.protocol.startsWith("http") ? h.hostname : h.protocol === "whatsapp:" ? `${a.ui.by} ${a.labels.whatsapp}` : h.protocol.replace(":", "");
@@ -4834,38 +4903,38 @@ const ve = class ve extends HTMLElement {
       return i.startsWith("mailto:") ? `${a.ui.by} ${a.labels.email}` : i.startsWith("whatsapp:") || i.startsWith("whatsapp://") ? `${a.ui.by} ${a.labels.whatsapp}` : i;
     }
   }
-  buildLink(i, o) {
-    const a = this.lastCode, h = V(o), u = window.location.host;
+  buildLink(i, s) {
+    const a = this.lastCode, h = V(s), d = window.location.host;
     if (!a) return i;
     if (i.startsWith("mailto:")) {
-      const [m, g = ""] = i.split("?"), y = new URLSearchParams(g), x = this.applyTemplate(h.templates.emailSubject, u, a), w = this.applyTemplate(h.templates.emailBody, u, a);
-      y.set("subject", x), y.set("body", w);
+      const [m, g = ""] = i.split("?"), y = new URLSearchParams(g), E = this.applyTemplate(h.templates.emailSubject, d, a), w = this.applyTemplate(h.templates.emailBody, d, a);
+      y.set("subject", E), y.set("body", w);
       const R = this.toQuery(y);
       return `${m}?${R}`;
     }
     if (i.startsWith("whatsapp:") || i.startsWith("whatsapp://")) {
-      const [m, g = ""] = i.split("?"), y = new URLSearchParams(g), x = this.applyTemplate(h.templates.whatsappText, u, a);
-      y.set("text", x);
+      const [m, g = ""] = i.split("?"), y = new URLSearchParams(g), E = this.applyTemplate(h.templates.whatsappText, d, a);
+      y.set("text", E);
       const w = this.toQuery(y);
       return `${m}?${w}`;
     }
     return i;
   }
-  applyTemplate(i, o, a) {
-    return i.replaceAll("(Host)", o).replaceAll("(Code)", a);
+  applyTemplate(i, s, a) {
+    return i.replaceAll("(Host)", s).replaceAll("(Code)", a);
   }
   // Build query string without using URLSearchParams.toString() because it encodes
   // spaces as '+', which breaks expectations for many mail clients handling mailto:
   // We use encodeURIComponent so spaces become '%20' and follow RFC 3986 style.
   toQuery(i) {
-    const o = [];
+    const s = [];
     return i.forEach((a, h) => {
-      const u = encodeURIComponent(h), m = encodeURIComponent(a);
-      o.push(`${u}=${m}`);
-    }), o.join("&");
+      const d = encodeURIComponent(h), m = encodeURIComponent(a);
+      s.push(`${d}=${m}`);
+    }), s.join("&");
   }
-  joinUrl(i, o) {
-    return i.endsWith("/") && o.startsWith("/") ? i + o.slice(1) : !i.endsWith("/") && !o.startsWith("/") ? i + "/" + o : i + o;
+  joinUrl(i, s) {
+    return i.endsWith("/") && s.startsWith("/") ? i + s.slice(1) : !i.endsWith("/") && !s.startsWith("/") ? i + "/" + s : i + s;
   }
 };
 ve.tailwindCssText = null, ve.tailwindLoading = null;