@spot-flow/checkout-inline-js 0.1.44 → 0.1.45

package/dist/checkout-inline.es.js

@@ -1,7 +1,7 @@
-import './index.css';var hr = Object.defineProperty;
-var mr = (n, e, i) => e in n ? hr(n, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : n[e] = i;
-var h = (n, e, i) => mr(n, typeof e != "symbol" ? e + "" : e, i);
-const vr = `<div id="checkout-modal">
+import './index.css';var cr = Object.defineProperty;
+var hr = (n, e, i) => e in n ? cr(n, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : n[e] = i;
+var h = (n, e, i) => hr(n, typeof e != "symbol" ? e + "" : e, i);
+const mr = `<div id="checkout-modal">
   <div role="dialog" class="relative z-50" aria-labelledby="modal-title" aria-modal="true">
     <div class="fixed inset-0 bg-black bg-opacity-30 transition-opacity" aria-hidden="true"></div>
 
@@ -15,7 +15,7 @@ const vr = `<div id="checkout-modal">
       </div>
     </div>
   </div>
-</div>`, pr = `<div class="relative flex flex-1 flex-col gap-3 pb-5" id="main">
+</div>`, vr = `<div class="relative flex flex-1 flex-col gap-3 pb-5" id="main">
 
   <div class="relative px-4 md:px-7 lg:px-8 py-4 flex flex-col gap-1 flex-1">
     <!-- header -->
@@ -63,7 +63,7 @@ const Oe = (n, e, i) => {
     throw new Be("Missing authorization token");
   const t = new Headers();
   return i || t.append("Content-Type", "application/json"), t.append("Authorization", `Bearer ${n}`), e && t.append("Spotflow-Payment-Code", e), t;
-}, Ue = "https://api.spotflow.co/api/v1", br = async (n, e, i, t) => {
+}, Ue = "https://api.spotflow.co/api/v1", pr = async (n, e, i, t) => {
   try {
     const s = Oe(n, i), o = await fetch(`${fe(Ue, t)}/payments`, {
       method: "POST",
@@ -120,7 +120,7 @@ const Oe = (n, e, i) => {
   } catch (s) {
     throw s instanceof X ? console.error(`FetchError: ${s.message} (status: ${s.status})`) : s instanceof Be ? console.error(`AuthorizationError: ${s.message}`) : console.error(`Unexpected error: ${s}`), s;
   }
-}, fr = async (n, e, i, t) => {
+}, br = async (n, e, i, t) => {
   try {
     const s = Oe(n, i), o = await fetch(`${fe(Ue, t)}/payments`, {
       method: "POST",
@@ -160,7 +160,7 @@ const Oe = (n, e, i) => {
     throw o instanceof X ? console.error(`FetchError: ${o.message} (status: ${o.status})`) : o instanceof Be ? console.error(`AuthorizationError: ${o.message}`) : console.error(`Unexpected error: ${o}`), o;
   }
 };
-async function gr(n, e, i, t, s) {
+async function fr(n, e, i, t, s) {
   const o = Oe(n, i);
   try {
     const a = await fetch(
@@ -179,7 +179,7 @@ async function gr(n, e, i, t, s) {
     throw a instanceof X ? console.error(`FetchError: ${a.message} (status: ${a.status})`) : a instanceof Be ? console.error(`AuthorizationError: ${a.message}`) : console.error(`Unexpected error: ${a}`), a;
   }
 }
-const yr = async (n, e, i, t) => {
+const gr = async (n, e, i, t) => {
   try {
     const s = Oe(n, i), o = await fetch(
       `${fe(Ue, t)}/payments/cancel`,
@@ -199,7 +199,7 @@ const yr = async (n, e, i, t) => {
   } catch (s) {
     throw s instanceof X ? console.error(`FetchError: ${s.message} (status: ${s.status})`) : s instanceof Be ? console.error(`AuthorizationError: ${s.message}`) : console.error(`Unexpected error: ${s}`), s;
   }
-}, Cr = async (n, e, i, t) => {
+}, yr = async (n, e, i, t) => {
   try {
     const s = Oe(n, i, !0), o = await fetch(
       `${fe(Ue, t)}/disputes/upload-documents`,
@@ -217,7 +217,7 @@ const yr = async (n, e, i, t) => {
   } catch (s) {
     throw s instanceof X ? console.error(`FetchError: ${s.message} (status: ${s.status})`) : s instanceof Be ? console.error(`AuthorizationError: ${s.message}`) : console.error(`Unexpected error: ${s}`), s;
   }
-}, Sr = async (n, e, i, t) => {
+}, Cr = async (n, e, i, t) => {
   try {
     const s = Oe(n, i), o = await fetch(
       `${fe(Ue, t)}/disputes/reference`,
@@ -254,7 +254,7 @@ const yr = async (n, e, i, t) => {
     throw s instanceof X ? console.error(`FetchError: ${s.message} (status: ${s.status})`) : s instanceof Be ? console.error(`AuthorizationError: ${s.message}`) : console.error(`Unexpected error: ${s}`), s;
   }
 };
-async function kr(n, e, i, t, s) {
+async function Sr(n, e, i, t, s) {
   try {
     const o = Oe(n, t), a = await fetch(
       `${fe(Ue, s)}/payments/tax-quotes?amount=${e || ""}&currency=${i || ""}`,
@@ -825,7 +825,7 @@ const Yt = [
 
 `
   }
-], wr = `<div>
+], kr = `<div>
   <form id="checkoutcard">
     <div>
       <div class="container-between">
@@ -852,14 +852,14 @@ const Yt = [
               </div>
             </div>
 
-            <div class="relative w-14 md:w-20">
-              <div class="w-4/5 md:w-3/5 ml-auto">
+            <div class="relative w-16 md:w-20">
+              <div class="w-4/5 md:w-3/5">
                 <input class="details-input-container" type="tel" id="card-expiry" name="expiry" placeholder="MM/YY"
                   required minlength="5" />
               </div>
             </div>
 
-            <div class="relative w-12 md:w-16">
+            <div class="relative w-14 md:w-16">
               <div class="w-4/5 md:w-3/5 ml-auto">
                 <input class="details-input-container" type="tel" id="card-cvv" name="cvv" placeholder="CVV" required
                   minlength="3" />
@@ -911,16 +911,16 @@ const Yt = [
       accordance with their terms.
     </p>
   </div>
-</div>`, _r = () => {
+</div>`, wr = () => {
   const n = Date.now().toString(36), e = "xxxx-xxxx-xxx-xxxx".replace(/[x]/g, () => Math.floor(Math.random() * 16).toString(16));
   return `SPF-${n}-${e}`.toUpperCase();
-}, ki = (n = "") => n.replace(/\D+/g, ""), Mr = (n) => n.replace(/\D/g, ""), Ar = (n) => n.replace(/\D/g, "").replace(/(\d{4})(?=\d)/g, "$1 ").trim(), Lr = (n) => ki(n).slice(0, 3), xr = (n) => {
+}, ki = (n = "") => n.replace(/\D+/g, ""), _r = (n) => n.replace(/\D/g, ""), Mr = (n) => n.replace(/\D/g, "").replace(/(\d{4})(?=\d)/g, "$1 ").trim(), Ar = (n) => ki(n).slice(0, 3), Lr = (n) => {
   const e = ki(n);
   return e.length >= 3 ? `${e.slice(0, 2)}/${e.slice(2, 4)}` : e;
 }, Yn = (n) => {
   const e = Math.floor(n / 60), i = n % 60;
   return `${String(e).padStart(2, "0")}:${String(i).padStart(2, "0")}`;
-}, Tr = (n) => {
+}, xr = (n) => {
   n = n.replace(/\D/g, "");
   const e = {
     Visa: /^4/,
@@ -935,7 +935,7 @@ const Yt = [
     if (t.test(n))
       return i;
   return "Unknown";
-}, Er = {
+}, Tr = {
   Visa: [16],
   MasterCard: [16],
   "American Express": [15],
@@ -1020,7 +1020,7 @@ class Qt {
     ), l && l.addEventListener("submit", (d) => {
       var p, v, g;
       d.preventDefault(), this.onAction(d)({
-        pan: Mr(this.cardDetailsValues.number),
+        pan: _r(this.cardDetailsValues.number),
         cvv: this.cardDetailsValues.cvv,
         expiryMonth: (p = this.cardDetailsValues) == null ? void 0 : p.expiry.split("/")[0].trim(),
         expiryYear: (v = this.cardDetailsValues) == null ? void 0 : v.expiry.split("/")[1].trim(),
@@ -1049,14 +1049,14 @@ class Qt {
       return;
     }
     if (s === "number") {
-      a = Ar(o);
+      a = Mr(o);
       const v = a.replace(/\s+/g, ""), g = this.validateCreditCard(v);
       this.filterCreditCardType(o);
       const f = (l = this.creditCardTypes[0]) == null ? void 0 : l.name;
       f && En.map((y) => {
         if (y.name === this.currency)
           if (y.cardTypes.includes(f)) {
-            const k = Er[f];
+            const k = Tr[f];
             if (k.length > 1) {
               const C = k.some(
                 (w) => v.length === w
@@ -1084,7 +1084,7 @@ class Qt {
       });
     } else if (s === "expiry") {
       const v = /* @__PURE__ */ new Date();
-      a = xr(o);
+      a = Lr(o);
       const g = a.split("/"), f = (d = g[0]) == null ? void 0 : d.trim(), y = (p = g[1]) == null ? void 0 : p.trim(), k = (/* @__PURE__ */ new Date()).getFullYear() % 100, C = v.getMonth() + 1;
       let w = !0;
       (parseInt(y) === k && parseInt(f) < C || parseInt(y) < k) && (w = !1), (y == null ? void 0 : y.length) === 2 && this.checkInputValidity(
@@ -1093,7 +1093,7 @@ class Qt {
         "Your card has expired",
         g.join("").length === 4
       );
-    } else s === "cvv" ? a = Lr(o) : s === "name" && (a = o);
+    } else s === "cvv" ? a = Ar(o) : s === "name" && (a = o);
     if (this.cardDetailsValues = {
       ...this.cardDetailsValues,
       [s]: a
@@ -1134,7 +1134,7 @@ class Qt {
   }
   filterCreditCardType(e) {
     e ? (this.creditCardTypes = Yt.filter(
-      (i) => i.name === Tr(e)
+      (i) => i.name === xr(e)
     ), this.displayCardTypes()) : (this.creditCardTypes = [], this.displayCardTypes());
   }
   emptyCardState(e, i) {
@@ -1183,14 +1183,14 @@ class Qt {
     e && (e.innerHTML = this.merchantName), this.attachListener(), this.hideCardHolderInput();
   }
   render() {
-    return wr;
+    return kr;
   }
 }
-async function Pr(n, e) {
+async function Er(n, e) {
   const i = Uint8Array.from(atob(e), (d) => d.charCodeAt(0)), t = crypto.getRandomValues(new Uint8Array(12)), s = new TextEncoder().encode(n), o = await crypto.subtle.importKey("raw", i, { name: "AES-GCM" }, !1, ["encrypt"]), a = await crypto.subtle.encrypt({ name: "AES-GCM", iv: t }, o, s), l = new Uint8Array(t.length + a.byteLength);
   return l.set(t), l.set(new Uint8Array(a), t.length), btoa(String.fromCharCode.apply(null, l));
 }
-const Ir = `<div id="paymentSuccess">
+const Pr = `<div id="paymentSuccess">
     <div class="container-center min-h-[30dvh]">
         <div>
             <div class="container-center mb-5">
@@ -1234,7 +1234,7 @@ class ii {
     i && (this.message ? i.innerHTML = this.message : i.innerHTML = "Payment Successful"), e && (e.innerHTML = `${this.localCurrency !== this.currency ? this.localCurrency : this.currency} ${Le(this.amount)}`);
   }
   render() {
-    return Ir;
+    return Pr;
   }
 }
 const Ts = `<div id="paymentWarning">
@@ -1334,7 +1334,7 @@ const Dr = `<div id="checkoutcardotp">
       </div>
     </div>
   </div>`;
-class Nr {
+class Ir {
   constructor(e) {
     h(this, "container");
     h(this, "cardOtp");
@@ -1378,7 +1378,7 @@ class Nr {
     return Dr;
   }
 }
-const Br = `<div id="checkoutcardpin">
+const Nr = `<div id="checkoutcardpin">
   <div>
     <div id="pin-content" class="grid gap-4">
       <h5>
@@ -1407,7 +1407,7 @@ const Br = `<div id="checkoutcardpin">
     </div>
   </div>
 </div>`;
-class Hr {
+class Br {
   constructor(e) {
     h(this, "container");
     h(this, "cardPin");
@@ -1464,10 +1464,10 @@ class Hr {
     this.container.innerHTML = this.render(), this.attachListener();
   }
   render() {
-    return Br;
+    return Nr;
   }
 }
-const Rr = `<form id="card-avs-form">
+const Hr = `<form id="card-avs-form">
   <div>
     <h5 class="text-grey-400 font-semibold text-sm">Billing address</h5>
     <div class="mt-2 mb-3 md:mb-5 border border-grey-100 rounded-lg p-3 grid grid-rows-1 gap-3">
@@ -1547,7 +1547,7 @@ const Rr = `<form id="card-avs-form">
   <p class="text-xxs text-grey-100">
     PCI DSS Certified
   </p>
-</div>`, Or = [
+</div>`, Rr = [
   {
     code2: "AF",
     code3: "AFG",
@@ -23567,17 +23567,17 @@ const Rr = `<form id="card-avs-form">
       }
     ]
   }
-], Ur = {
-  countries: Or
+], Or = {
+  countries: Rr
 };
-class Vr {
+class Ur {
   constructor(e) {
     h(this, "container");
     h(this, "onAction");
     h(this, "contactDetails");
     h(this, "countries", []);
     h(this, "states", []);
-    this.container = e.container, this.onAction = e.onAction, this.countries = Ur.countries.map((i) => ({
+    this.container = e.container, this.onAction = e.onAction, this.countries = Or.countries.map((i) => ({
       label: i.name,
       value: i.name,
       // @ts-ignore
@@ -23683,10 +23683,10 @@ class Vr {
     this.attachListeners();
   }
   render() {
-    return Rr;
+    return Hr;
   }
 }
-const Kr = `<div class="py-3 w-full">
+const Vr = `<div class="py-3 w-full">
   <div class="container-center flex-col gap-4 h-[40dvh]" id="loader-container">
     <svg class="animate-spin" width="40" height="40" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
       <path
@@ -23731,10 +23731,10 @@ class Ne {
   renderComponent() {
   }
   render() {
-    return Kr;
+    return Vr;
   }
 }
-const jr = `<div class="relative gap-3 pb-5" id="transaction-issues-form">
+const Kr = `<div class="relative gap-3 pb-5" id="transaction-issues-form">
     <div class="border-b border-tone-70 pb-3 container-center">
 
         <svg width="84" height="24" viewBox="0 0 84 24" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -23922,7 +23922,7 @@ const jr = `<div class="relative gap-3 pb-5" id="transaction-issues-form">
         </form>
     </div>
 </div>`;
-class Fr {
+class jr {
   constructor(e) {
     h(this, "container");
     h(this, "formValues");
@@ -23957,7 +23957,7 @@ class Fr {
     })), l && (l.value || d && (d.classList.add("top-1/2"), d.classList.remove("inset-y-4")), l == null || l.addEventListener("change", (A) => {
       this.handleInputChange(A, k), l.value ? d && (d.classList.add("inset-y-4"), d.classList.remove("top-1/2")) : d && (d.classList.add("top-1/2"), d.classList.remove("inset-y-4"));
     })), p && p.addEventListener("change", (A) => {
-      var I;
+      var D;
       A.preventDefault();
       const _ = p.files, T = /(\.jpg|\.jpeg|\.png|\.pdf)$/i;
       if (_ && _.length)
@@ -23989,7 +23989,7 @@ class Fr {
   <path fill-rule="evenodd" clip-rule="evenodd" d="M15.7575 6.70896C15.833 5.65166 14.9215 4.80402 13.8855 4.92374C12.8255 5.04625 11.1897 5.2085 9.99944 5.2085C8.80915 5.2085 7.17339 5.04625 6.11336 4.92374C5.07742 4.80402 4.16587 5.65165 4.24139 6.70896L4.95534 16.7042C5.00946 17.4619 5.57382 18.1025 6.34831 18.219C7.17881 18.3438 8.70272 18.5433 10.0004 18.5418C11.2821 18.5403 12.8122 18.3417 13.6464 18.218C14.4222 18.1029 14.9894 17.4618 15.0437 16.7019L15.7575 6.70896ZM14.0769 6.57939C14.0797 6.57906 14.082 6.57925 14.082 6.57925L14.0842 6.57976C14.086 6.5804 14.0889 6.58192 14.0918 6.58464C14.0937 6.58644 14.0951 6.58864 14.0951 6.58864L14.095 6.59022L13.382 16.5723C12.5565 16.6943 11.1415 16.8738 9.99847 16.8752C8.84301 16.8765 7.43683 16.6967 6.61695 16.5739L5.90382 6.59022L5.90376 6.58864C5.90376 6.58864 5.90518 6.58644 5.90708 6.58464C5.90995 6.58192 5.91286 6.5804 5.91471 6.57976L5.91691 6.57925C5.91691 6.57925 5.91913 6.57906 5.92202 6.57939C6.98392 6.70211 8.70397 6.87516 9.99944 6.87516C11.2949 6.87516 13.0149 6.70211 14.0769 6.57939Z" fill="#98A2B3"/>
   </svg>
   `));
-          }, 1e3), y && (I = p.files) != null && I.length && y.addEventListener("click", () => {
+          }, 1e3), y && (D = p.files) != null && D.length && y.addEventListener("click", () => {
             p.value = "", p.value || (f && (f.innerHTML = `<svg width="32" height="32" viewBox="0 0 32 32" fill="none"
                     xmlns="http://www.w3.org/2000/svg">
                     <circle cx="16" cy="16" r="16" fill="#E6E6E7" />
@@ -24037,7 +24037,7 @@ class Fr {
     this.container.innerHTML = this.render(), this.attachListener();
   }
   render() {
-    return jr;
+    return Kr;
   }
 }
 function nn(n, e, i) {
@@ -24077,7 +24077,7 @@ class Ri {
   }
   uploadEvidenceFile(e) {
     const i = new FormData();
-    return i.append("file", e), Cr(this.token, i, this.rdtCode, this.url).then((t) => ({
+    return i.append("file", e), yr(this.token, i, this.rdtCode, this.url).then((t) => ({
       message: "Upload successfully",
       status: "success",
       url: t.data
@@ -24088,7 +24088,7 @@ class Ri {
     }));
   }
   submitDisputeForm(e) {
-    Sr(this.token, e, this.rdtCode, this.url).then((t) => {
+    Cr(this.token, e, this.rdtCode, this.url).then((t) => {
       this.container.innerHTML = this.renderSuccessComponent();
       const s = document.querySelector("#go-back-merchant");
       s && s.addEventListener("click", () => {
@@ -24163,7 +24163,7 @@ class Ri {
     ), t = document.querySelector("#main-footer");
     switch (e && (e.style.display = "none"), i && i.classList.remove("box-container"), t && (t.style.display = "none"), this.currentStep) {
       case 1:
-        this.transactionIssuesForm = new Fr({
+        this.transactionIssuesForm = new jr({
           container: this.container,
           uploadEvidenceFile: this.uploadEvidenceFile.bind(this),
           onAction: this.submitDisputeForm.bind(this),
@@ -24178,7 +24178,7 @@ var ve;
 (function(n) {
   n[n.Document = 0] = "Document", n[n.DocumentType = 1] = "DocumentType", n[n.Element = 2] = "Element", n[n.Text = 3] = "Text", n[n.CDATA = 4] = "CDATA", n[n.Comment = 5] = "Comment";
 })(ve || (ve = {}));
-function Gr(n) {
+function Fr(n) {
   return n.nodeType === n.ELEMENT_NODE;
 }
 function zn(n) {
@@ -24188,10 +24188,10 @@ function zn(n) {
 function Wn(n) {
   return Object.prototype.toString.call(n) === "[object ShadowRoot]";
 }
-function qr(n) {
+function Gr(n) {
   return n.includes(" background-clip: text;") && !n.includes(" -webkit-background-clip: text;") && (n = n.replace(" background-clip: text;", " -webkit-background-clip: text; background-clip: text;")), n;
 }
-function zr(n) {
+function qr(n) {
   const { cssText: e } = n;
   if (e.split('"').length < 3)
     return e;
@@ -24201,30 +24201,30 @@ function zr(n) {
 function _i(n) {
   try {
     const e = n.rules || n.cssRules;
-    return e ? qr(Array.from(e, Es).join("")) : null;
+    return e ? Gr(Array.from(e, Es).join("")) : null;
   } catch {
     return null;
   }
 }
 function Es(n) {
   let e;
-  if (Zr(n))
+  if (Wr(n))
     try {
-      e = _i(n.styleSheet) || zr(n);
+      e = _i(n.styleSheet) || qr(n);
     } catch {
     }
-  else if (Jr(n) && n.selectorText.includes(":"))
-    return Wr(n.cssText);
+  else if (Zr(n) && n.selectorText.includes(":"))
+    return zr(n.cssText);
   return e || n.cssText;
 }
-function Wr(n) {
+function zr(n) {
   const e = /(\[(?:[\w-]+)[^\\])(:(?:[\w-]+)\])/gm;
   return n.replace(e, "$1\\$2");
 }
-function Zr(n) {
+function Wr(n) {
   return "styleSheet" in n;
 }
-function Jr(n) {
+function Zr(n) {
   return "selectorText" in n;
 }
 class Ps {
@@ -24273,7 +24273,7 @@ class Ps {
     this.idNodeMap = /* @__PURE__ */ new Map(), this.nodeMetaMap = /* @__PURE__ */ new WeakMap();
   }
 }
-function $r() {
+function Jr() {
   return new Ps();
 }
 function mt({ element: n, maskInputOptions: e, tagName: i, type: t, value: s, maskInputFn: o }) {
@@ -24285,7 +24285,7 @@ function _n(n) {
   return n.toLowerCase();
 }
 const Xt = "__rrweb_original__";
-function Yr(n) {
+function $r(n) {
   const e = n.getContext("2d");
   if (!e)
     return !0;
@@ -24302,7 +24302,7 @@ function vt(n) {
   const e = n.type;
   return n.hasAttribute("data-rr-is-password") ? "password" : e ? _n(e) : null;
 }
-function Is(n, e) {
+function Ds(n, e) {
   var i;
   let t;
   try {
@@ -24313,34 +24313,34 @@ function Is(n, e) {
   const s = /\.([0-9a-z]+)(?:$)/i, o = t.pathname.match(s);
   return (i = o == null ? void 0 : o[1]) !== null && i !== void 0 ? i : null;
 }
-let Qr = 1;
-const Xr = new RegExp("[^a-z0-9-_:]"), Qn = -2;
-function Ds() {
-  return Qr++;
+let Yr = 1;
+const Qr = new RegExp("[^a-z0-9-_:]"), Qn = -2;
+function Is() {
+  return Yr++;
 }
-function el(n) {
+function Xr(n) {
   if (n instanceof HTMLFormElement)
     return "form";
   const e = _n(n.tagName);
-  return Xr.test(e) ? "div" : e;
+  return Qr.test(e) ? "div" : e;
 }
-function nl(n) {
+function el(n) {
   let e = "";
   return n.indexOf("//") > -1 ? e = n.split("/").slice(0, 3).join("/") : e = n.split("/")[0], e = e.split("?")[0], e;
 }
 let Tn, es;
-const il = /url\((?:(')([^']*)'|(")(.*?)"|([^)]*))\)/gm, tl = /^(?:[a-z+]+:)?\/\//i, sl = /^www\..*/i, ol = /^(data:)([^,]*),(.*)/i;
+const nl = /url\((?:(')([^']*)'|(")(.*?)"|([^)]*))\)/gm, il = /^(?:[a-z+]+:)?\/\//i, tl = /^www\..*/i, sl = /^(data:)([^,]*),(.*)/i;
 function Mi(n, e) {
-  return (n || "").replace(il, (i, t, s, o, a, l) => {
+  return (n || "").replace(nl, (i, t, s, o, a, l) => {
     const d = s || a || l, p = t || o || "";
     if (!d)
       return i;
-    if (tl.test(d) || sl.test(d))
+    if (il.test(d) || tl.test(d))
       return `url(${p}${d}${p})`;
-    if (ol.test(d))
+    if (sl.test(d))
       return `url(${p}${d}${p})`;
     if (d[0] === "/")
-      return `url(${p}${nl(e) + d}${p})`;
+      return `url(${p}${el(e) + d}${p})`;
     const v = e.split("/"), g = d.split("/");
     v.pop();
     for (const f of g)
@@ -24348,8 +24348,8 @@ function Mi(n, e) {
     return `url(${p}${v.join("/")}${p})`;
   });
 }
-const al = /^[^ \t\n\r\u000c]+/, rl = /^[, \t\n\r\u000c]+/;
-function ll(n, e) {
+const ol = /^[^ \t\n\r\u000c]+/, al = /^[, \t\n\r\u000c]+/;
+function rl(n, e) {
   if (e.trim() === "")
     return e;
   let i = 0;
@@ -24359,13 +24359,13 @@ function ll(n, e) {
     return l ? (a = l[0], i += a.length, a) : "";
   }
   const s = [];
-  for (; t(rl), !(i >= e.length); ) {
-    let o = t(al);
+  for (; t(al), !(i >= e.length); ) {
+    let o = t(ol);
     if (o.slice(-1) === ",")
-      o = In(n, o.substring(0, o.length - 1)), s.push(o);
+      o = Dn(n, o.substring(0, o.length - 1)), s.push(o);
     else {
       let a = "";
-      o = In(n, o);
+      o = Dn(n, o);
       let l = !1;
       for (; ; ) {
         const d = e.charAt(i);
@@ -24384,13 +24384,13 @@ function ll(n, e) {
   }
   return s.join(", ");
 }
-function In(n, e) {
+function Dn(n, e) {
   if (!e || e.trim() === "")
     return e;
   const i = n.createElement("a");
   return i.href = e, i.href;
 }
-function dl(n) {
+function ll(n) {
   return !!(n.tagName === "svg" || n.ownerSVGElement);
 }
 function pt() {
@@ -24398,12 +24398,12 @@ function pt() {
   return n.href = "", n.href;
 }
 function Ns(n, e, i, t) {
-  return t && (i === "src" || i === "href" && !(e === "use" && t[0] === "#") || i === "xlink:href" && t[0] !== "#" || i === "background" && (e === "table" || e === "td" || e === "th") ? In(n, t) : i === "srcset" ? ll(n, t) : i === "style" ? Mi(t, pt()) : e === "object" && i === "data" ? In(n, t) : t);
+  return t && (i === "src" || i === "href" && !(e === "use" && t[0] === "#") || i === "xlink:href" && t[0] !== "#" || i === "background" && (e === "table" || e === "td" || e === "th") ? Dn(n, t) : i === "srcset" ? rl(n, t) : i === "style" ? Mi(t, pt()) : e === "object" && i === "data" ? Dn(n, t) : t);
 }
 function Bs(n, e, i) {
   return (n === "video" || n === "audio") && e === "autoplay";
 }
-function ul(n, e, i) {
+function dl(n, e, i) {
   try {
     if (typeof e == "string") {
       if (n.classList.contains(e))
@@ -24456,7 +24456,7 @@ function Hs(n, e, i, t) {
   }
   return !1;
 }
-function cl(n, e, i) {
+function ul(n, e, i) {
   const t = n.contentWindow;
   if (!t)
     return;
@@ -24480,7 +24480,7 @@ function cl(n, e, i) {
     return setTimeout(e, 0), n.addEventListener("load", e);
   n.addEventListener("load", e);
 }
-function hl(n, e, i) {
+function cl(n, e, i) {
   let t = !1, s;
   try {
     s = n.sheet;
@@ -24496,8 +24496,8 @@ function hl(n, e, i) {
     clearTimeout(o), t = !0, e();
   });
 }
-function ml(n, e) {
-  const { doc: i, mirror: t, blockClass: s, blockSelector: o, needsMask: a, inlineStylesheet: l, maskInputOptions: d = {}, maskTextFn: p, maskInputFn: v, dataURLOptions: g = {}, inlineImages: f, recordCanvas: y, keepIframeSrcFn: k, newlyAddedElement: C = !1 } = e, w = vl(i, t);
+function hl(n, e) {
+  const { doc: i, mirror: t, blockClass: s, blockSelector: o, needsMask: a, inlineStylesheet: l, maskInputOptions: d = {}, maskTextFn: p, maskInputFn: v, dataURLOptions: g = {}, inlineImages: f, recordCanvas: y, keepIframeSrcFn: k, newlyAddedElement: C = !1 } = e, w = ml(i, t);
   switch (n.nodeType) {
     case n.DOCUMENT_NODE:
       return n.compatMode !== "CSS1Compat" ? {
@@ -24517,7 +24517,7 @@ function ml(n, e) {
         rootId: w
       };
     case n.ELEMENT_NODE:
-      return bl(n, {
+      return pl(n, {
         doc: i,
         blockClass: s,
         blockSelector: o,
@@ -24532,7 +24532,7 @@ function ml(n, e) {
         rootId: w
       });
     case n.TEXT_NODE:
-      return pl(n, {
+      return vl(n, {
         needsMask: a,
         maskTextFn: p,
         rootId: w
@@ -24553,13 +24553,13 @@ function ml(n, e) {
       return !1;
   }
 }
-function vl(n, e) {
+function ml(n, e) {
   if (!e.hasNode(n))
     return;
   const i = e.getId(n);
   return i === 1 ? void 0 : i;
 }
-function pl(n, e) {
+function vl(n, e) {
   var i;
   const { needsMask: t, maskTextFn: s, rootId: o } = e, a = n.parentNode && n.parentNode.tagName;
   let l = n.textContent;
@@ -24579,8 +24579,8 @@ function pl(n, e) {
     rootId: o
   };
 }
-function bl(n, e) {
-  const { doc: i, blockClass: t, blockSelector: s, inlineStylesheet: o, maskInputOptions: a = {}, maskInputFn: l, dataURLOptions: d = {}, inlineImages: p, recordCanvas: v, keepIframeSrcFn: g, newlyAddedElement: f = !1, rootId: y } = e, k = ul(n, t, s), C = el(n);
+function pl(n, e) {
+  const { doc: i, blockClass: t, blockSelector: s, inlineStylesheet: o, maskInputOptions: a = {}, maskInputFn: l, dataURLOptions: d = {}, inlineImages: p, recordCanvas: v, keepIframeSrcFn: g, newlyAddedElement: f = !1, rootId: y } = e, k = dl(n, t, s), C = Xr(n);
   let w = {};
   const M = n.attributes.length;
   for (let _ = 0; _ < M; _++) {
@@ -24588,7 +24588,7 @@ function bl(n, e) {
     Bs(C, T.name, T.value) || (w[T.name] = Ns(i, C, _n(T.name), T.value));
   }
   if (C === "link" && o) {
-    const _ = Array.from(i.styleSheets).find((I) => I.href === n.href);
+    const _ = Array.from(i.styleSheets).find((D) => D.href === n.href);
     let T = null;
     _ && (T = _i(_)), T && (delete w.rel, delete w.href, w._cssText = Mi(T, _.href));
   }
@@ -24609,20 +24609,20 @@ function bl(n, e) {
   }
   if (C === "option" && (n.selected && !a.select ? w.selected = !0 : delete w.selected), C === "canvas" && v) {
     if (n.__context === "2d")
-      Yr(n) || (w.rr_dataURL = n.toDataURL(d.type, d.quality));
+      $r(n) || (w.rr_dataURL = n.toDataURL(d.type, d.quality));
     else if (!("__context" in n)) {
       const _ = n.toDataURL(d.type, d.quality), T = document.createElement("canvas");
       T.width = n.width, T.height = n.height;
-      const I = T.toDataURL(d.type, d.quality);
-      _ !== I && (w.rr_dataURL = _);
+      const D = T.toDataURL(d.type, d.quality);
+      _ !== D && (w.rr_dataURL = _);
     }
   }
   if (C === "img" && p) {
     Tn || (Tn = i.createElement("canvas"), es = Tn.getContext("2d"));
     const _ = n, T = _.crossOrigin;
     _.crossOrigin = "anonymous";
-    const I = () => {
-      _.removeEventListener("load", I);
+    const D = () => {
+      _.removeEventListener("load", D);
       try {
         Tn.width = _.naturalWidth, Tn.height = _.naturalHeight, es.drawImage(_, 0, 0), w.rr_dataURL = Tn.toDataURL(d.type, d.quality);
       } catch (K) {
@@ -24630,7 +24630,7 @@ function bl(n, e) {
       }
       T ? w.crossOrigin = T : _.removeAttribute("crossorigin");
     };
-    _.complete && _.naturalWidth !== 0 ? I() : _.addEventListener("load", I);
+    _.complete && _.naturalWidth !== 0 ? D() : _.addEventListener("load", D);
   }
   if (C === "audio" || C === "video") {
     const _ = w;
@@ -24655,7 +24655,7 @@ function bl(n, e) {
     tagName: C,
     attributes: w,
     childNodes: [],
-    isSVG: dl(n) || void 0,
+    isSVG: ll(n) || void 0,
     needBlock: k,
     rootId: y,
     isCustom: A
@@ -24664,11 +24664,11 @@ function bl(n, e) {
 function ne(n) {
   return n == null ? "" : n.toLowerCase();
 }
-function fl(n, e) {
+function bl(n, e) {
   if (e.comment && n.type === ve.Comment)
     return !0;
   if (n.type === ve.Element) {
-    if (e.script && (n.tagName === "script" || n.tagName === "link" && (n.attributes.rel === "preload" || n.attributes.rel === "modulepreload") && n.attributes.as === "script" || n.tagName === "link" && n.attributes.rel === "prefetch" && typeof n.attributes.href == "string" && Is(n.attributes.href) === "js"))
+    if (e.script && (n.tagName === "script" || n.tagName === "link" && (n.attributes.rel === "preload" || n.attributes.rel === "modulepreload") && n.attributes.as === "script" || n.tagName === "link" && n.attributes.rel === "prefetch" && typeof n.attributes.href == "string" && Ds(n.attributes.href) === "js"))
       return !0;
     if (e.headFavicon && (n.tagName === "link" && n.attributes.rel === "shortcut icon" || n.tagName === "meta" && (ne(n.attributes.name).match(/^msapplication-tile(image|color)$/) || ne(n.attributes.name) === "application-name" || ne(n.attributes.rel) === "icon" || ne(n.attributes.rel) === "apple-touch-icon" || ne(n.attributes.rel) === "shortcut icon")))
       return !0;
@@ -24689,11 +24689,11 @@ function fl(n, e) {
   }
   return !1;
 }
-function Dn(n, e) {
-  const { doc: i, mirror: t, blockClass: s, blockSelector: o, maskTextClass: a, maskTextSelector: l, skipChild: d = !1, inlineStylesheet: p = !0, maskInputOptions: v = {}, maskTextFn: g, maskInputFn: f, slimDOMOptions: y, dataURLOptions: k = {}, inlineImages: C = !1, recordCanvas: w = !1, onSerialize: M, onIframeLoad: A, iframeLoadTimeout: _ = 5e3, onStylesheetLoad: T, stylesheetLoadTimeout: I = 5e3, keepIframeSrcFn: K = () => !1, newlyAddedElement: G = !1 } = e;
+function In(n, e) {
+  const { doc: i, mirror: t, blockClass: s, blockSelector: o, maskTextClass: a, maskTextSelector: l, skipChild: d = !1, inlineStylesheet: p = !0, maskInputOptions: v = {}, maskTextFn: g, maskInputFn: f, slimDOMOptions: y, dataURLOptions: k = {}, inlineImages: C = !1, recordCanvas: w = !1, onSerialize: M, onIframeLoad: A, iframeLoadTimeout: _ = 5e3, onStylesheetLoad: T, stylesheetLoadTimeout: D = 5e3, keepIframeSrcFn: K = () => !1, newlyAddedElement: G = !1 } = e;
   let { needsMask: U } = e, { preserveWhiteSpace: j = !0 } = e;
   !U && n.childNodes && (U = Hs(n, a, l, U === void 0));
-  const te = ml(n, {
+  const te = hl(n, {
     doc: i,
     mirror: t,
     blockClass: s,
@@ -24712,7 +24712,7 @@ function Dn(n, e) {
   if (!te)
     return console.warn(n, "not serialized"), null;
   let ge;
-  t.hasNode(n) ? ge = t.getId(n) : fl(te, y) || !j && te.type === ve.Text && !te.isStyle && !te.textContent.replace(/^\s+|\s+$/gm, "").length ? ge = Qn : ge = Ds();
+  t.hasNode(n) ? ge = t.getId(n) : bl(te, y) || !j && te.type === ve.Text && !te.isStyle && !te.textContent.replace(/^\s+|\s+$/gm, "").length ? ge = Qn : ge = Is();
   const V = Object.assign(te, { id: ge });
   if (t.add(n, V), ge === Qn)
     return null;
@@ -24747,23 +24747,23 @@ function Dn(n, e) {
       onIframeLoad: A,
       iframeLoadTimeout: _,
       onStylesheetLoad: T,
-      stylesheetLoadTimeout: I,
+      stylesheetLoadTimeout: D,
       keepIframeSrcFn: K
     };
     if (!(V.type === ve.Element && V.tagName === "textarea" && V.attributes.value !== void 0)) for (const xe of Array.from(n.childNodes)) {
-      const we = Dn(xe, le);
+      const we = In(xe, le);
       we && V.childNodes.push(we);
     }
-    if (Gr(n) && n.shadowRoot)
+    if (Fr(n) && n.shadowRoot)
       for (const xe of Array.from(n.shadowRoot.childNodes)) {
-        const we = Dn(xe, le);
+        const we = In(xe, le);
         we && (Wn(n.shadowRoot) && (we.isShadow = !0), V.childNodes.push(we));
       }
   }
-  return n.parentNode && zn(n.parentNode) && Wn(n.parentNode) && (V.isShadow = !0), V.type === ve.Element && V.tagName === "iframe" && cl(n, () => {
+  return n.parentNode && zn(n.parentNode) && Wn(n.parentNode) && (V.isShadow = !0), V.type === ve.Element && V.tagName === "iframe" && ul(n, () => {
     const le = n.contentDocument;
     if (le && A) {
-      const xe = Dn(le, {
+      const xe = In(le, {
         doc: le,
         mirror: t,
         blockClass: s,
@@ -24785,14 +24785,14 @@ function Dn(n, e) {
         onIframeLoad: A,
         iframeLoadTimeout: _,
         onStylesheetLoad: T,
-        stylesheetLoadTimeout: I,
+        stylesheetLoadTimeout: D,
         keepIframeSrcFn: K
       });
       xe && A(n, xe);
     }
-  }, _), V.type === ve.Element && V.tagName === "link" && typeof V.attributes.rel == "string" && (V.attributes.rel === "stylesheet" || V.attributes.rel === "preload" && typeof V.attributes.href == "string" && Is(V.attributes.href) === "css") && hl(n, () => {
+  }, _), V.type === ve.Element && V.tagName === "link" && typeof V.attributes.rel == "string" && (V.attributes.rel === "stylesheet" || V.attributes.rel === "preload" && typeof V.attributes.href == "string" && Ds(V.attributes.href) === "css") && cl(n, () => {
     if (T) {
-      const le = Dn(n, {
+      const le = In(n, {
         doc: i,
         mirror: t,
         blockClass: s,
@@ -24814,16 +24814,16 @@ function Dn(n, e) {
         onIframeLoad: A,
         iframeLoadTimeout: _,
         onStylesheetLoad: T,
-        stylesheetLoadTimeout: I,
+        stylesheetLoadTimeout: D,
         keepIframeSrcFn: K
       });
       le && T(n, le);
     }
-  }, I), V;
+  }, D), V;
 }
-function gl(n, e) {
-  const { mirror: i = new Ps(), blockClass: t = "rr-block", blockSelector: s = null, maskTextClass: o = "rr-mask", maskTextSelector: a = null, inlineStylesheet: l = !0, inlineImages: d = !1, recordCanvas: p = !1, maskAllInputs: v = !1, maskTextFn: g, maskInputFn: f, slimDOM: y = !1, dataURLOptions: k, preserveWhiteSpace: C, onSerialize: w, onIframeLoad: M, iframeLoadTimeout: A, onStylesheetLoad: _, stylesheetLoadTimeout: T, keepIframeSrcFn: I = () => !1 } = e || {};
-  return Dn(n, {
+function fl(n, e) {
+  const { mirror: i = new Ps(), blockClass: t = "rr-block", blockSelector: s = null, maskTextClass: o = "rr-mask", maskTextSelector: a = null, inlineStylesheet: l = !0, inlineImages: d = !1, recordCanvas: p = !1, maskAllInputs: v = !1, maskTextFn: g, maskInputFn: f, slimDOM: y = !1, dataURLOptions: k, preserveWhiteSpace: C, onSerialize: w, onIframeLoad: M, iframeLoadTimeout: A, onStylesheetLoad: _, stylesheetLoadTimeout: T, keepIframeSrcFn: D = () => !1 } = e || {};
+  return In(n, {
     doc: n,
     mirror: i,
     blockClass: t,
@@ -24875,7 +24875,7 @@ function gl(n, e) {
     iframeLoadTimeout: A,
     onStylesheetLoad: _,
     stylesheetLoadTimeout: T,
-    keepIframeSrcFn: I,
+    keepIframeSrcFn: D,
     newlyAddedElement: !1
   });
 }
@@ -24984,7 +24984,7 @@ function Me(n, e, i, t) {
   }
   return !!(i && (s.matches(i) || t && s.closest(i) !== null));
 }
-function yl(n, e) {
+function gl(n, e) {
   return e.getId(n) !== -1;
 }
 function it(n, e) {
@@ -24999,7 +24999,7 @@ function Ks(n, e) {
 function lt(n) {
   return !!n.changedTouches;
 }
-function Cl(n = window) {
+function yl(n = window) {
   "NodeList" in n && !n.NodeList.prototype.forEach && (n.NodeList.prototype.forEach = Array.prototype.forEach), "DOMTokenList" in n && !n.DOMTokenList.prototype.forEach && (n.DOMTokenList.prototype.forEach = Array.prototype.forEach), Node.prototype.contains || (Node.prototype.contains = (...e) => {
     let i = e[0];
     if (!(0 in e))
@@ -25020,7 +25020,7 @@ function Fs(n, e) {
 function dt(n) {
   return !!(n != null && n.shadowRoot);
 }
-class Sl {
+class Cl {
   constructor() {
     this.id = 1, this.styleIDMap = /* @__PURE__ */ new WeakMap(), this.idStyleMap = /* @__PURE__ */ new Map();
   }
@@ -25052,28 +25052,28 @@ function Gs(n) {
   let t = null;
   return ((i = (e = n.getRootNode) === null || e === void 0 ? void 0 : e.call(n)) === null || i === void 0 ? void 0 : i.nodeType) === Node.DOCUMENT_FRAGMENT_NODE && n.getRootNode().host && (t = n.getRootNode().host), t;
 }
-function kl(n) {
+function Sl(n) {
   let e = n, i;
   for (; i = Gs(e); )
     e = i;
   return e;
 }
-function wl(n) {
+function kl(n) {
   const e = n.ownerDocument;
   if (!e)
     return !1;
-  const i = kl(n);
+  const i = Sl(n);
   return e.contains(i);
 }
 function qs(n) {
   const e = n.ownerDocument;
-  return e ? e.contains(n) || wl(n) : !1;
+  return e ? e.contains(n) || kl(n) : !1;
 }
 var W = /* @__PURE__ */ ((n) => (n[n.DomContentLoaded = 0] = "DomContentLoaded", n[n.Load = 1] = "Load", n[n.FullSnapshot = 2] = "FullSnapshot", n[n.IncrementalSnapshot = 3] = "IncrementalSnapshot", n[n.Meta = 4] = "Meta", n[n.Custom = 5] = "Custom", n[n.Plugin = 6] = "Plugin", n))(W || {}), q = /* @__PURE__ */ ((n) => (n[n.Mutation = 0] = "Mutation", n[n.MouseMove = 1] = "MouseMove", n[n.MouseInteraction = 2] = "MouseInteraction", n[n.Scroll = 3] = "Scroll", n[n.ViewportResize = 4] = "ViewportResize", n[n.Input = 5] = "Input", n[n.TouchMove = 6] = "TouchMove", n[n.MediaInteraction = 7] = "MediaInteraction", n[n.StyleSheetRule = 8] = "StyleSheetRule", n[n.CanvasMutation = 9] = "CanvasMutation", n[n.Font = 10] = "Font", n[n.Log = 11] = "Log", n[n.Drag = 12] = "Drag", n[n.StyleDeclaration = 13] = "StyleDeclaration", n[n.Selection = 14] = "Selection", n[n.AdoptedStyleSheet = 15] = "AdoptedStyleSheet", n[n.CustomElement = 16] = "CustomElement", n))(q || {}), Ae = /* @__PURE__ */ ((n) => (n[n.MouseUp = 0] = "MouseUp", n[n.MouseDown = 1] = "MouseDown", n[n.Click = 2] = "Click", n[n.ContextMenu = 3] = "ContextMenu", n[n.DblClick = 4] = "DblClick", n[n.Focus = 5] = "Focus", n[n.Blur = 6] = "Blur", n[n.TouchStart = 7] = "TouchStart", n[n.TouchMove_Departed = 8] = "TouchMove_Departed", n[n.TouchEnd = 9] = "TouchEnd", n[n.TouchCancel = 10] = "TouchCancel", n))(Ae || {}), Ye = /* @__PURE__ */ ((n) => (n[n.Mouse = 0] = "Mouse", n[n.Pen = 1] = "Pen", n[n.Touch = 2] = "Touch", n))(Ye || {}), Rn = /* @__PURE__ */ ((n) => (n[n["2D"] = 0] = "2D", n[n.WebGL = 1] = "WebGL", n[n.WebGL2 = 2] = "WebGL2", n))(Rn || {});
 function is(n) {
   return "__ln" in n;
 }
-class _l {
+class wl {
   constructor() {
     this.length = 0, this.head = null, this.tail = null;
   }
@@ -25107,14 +25107,14 @@ class _l {
   }
 }
 const ts = (n, e) => `${n}@${e}`;
-class Ml {
+class _l {
   constructor() {
     this.frozen = !1, this.locked = !1, this.texts = [], this.attributes = [], this.attributeMap = /* @__PURE__ */ new WeakMap(), this.removes = [], this.mapRemoves = [], this.movedMap = {}, this.addedSet = /* @__PURE__ */ new Set(), this.movedSet = /* @__PURE__ */ new Set(), this.droppedSet = /* @__PURE__ */ new Set(), this.processMutations = (e) => {
       e.forEach(this.processMutation), this.emit();
     }, this.emit = () => {
       if (this.frozen || this.locked)
         return;
-      const e = [], i = /* @__PURE__ */ new Set(), t = new _l(), s = (d) => {
+      const e = [], i = /* @__PURE__ */ new Set(), t = new wl(), s = (d) => {
         let p = d, v = Qn;
         for (; v === Qn; )
           p = p && p.nextSibling, v = p && this.mirror.getId(p);
@@ -25125,7 +25125,7 @@ class Ml {
         const p = zn(d.parentNode) ? this.mirror.getId(Gs(d)) : this.mirror.getId(d.parentNode), v = s(d);
         if (p === -1 || v === -1)
           return t.addNode(d);
-        const g = Dn(d, {
+        const g = In(d, {
           doc: this.doc,
           mirror: this.mirror,
           blockClass: this.blockClass,
@@ -25298,7 +25298,7 @@ class Ml {
             }
             e.addedNodes.forEach((i) => this.genAdds(i, e.target)), e.removedNodes.forEach((i) => {
               const t = this.mirror.getId(i), s = zn(e.target) ? this.mirror.getId(e.target.host) : this.mirror.getId(e.target);
-              Me(e.target, this.blockClass, this.blockSelector, !1) || it(i, this.mirror) || !yl(i, this.mirror) || (this.addedSet.has(i) ? (ut(this.addedSet, i), this.droppedSet.add(i)) : this.addedSet.has(e.target) && t === -1 || Ks(e.target, this.mirror) || (this.movedSet.has(i) && this.movedMap[ts(t, s)] ? ut(this.movedSet, i) : this.removes.push({
+              Me(e.target, this.blockClass, this.blockSelector, !1) || it(i, this.mirror) || !gl(i, this.mirror) || (this.addedSet.has(i) ? (ut(this.addedSet, i), this.droppedSet.add(i)) : this.addedSet.has(e.target) && t === -1 || Ks(e.target, this.mirror) || (this.movedSet.has(i) && this.movedMap[ts(t, s)] ? ut(this.movedSet, i) : this.removes.push({
                 parentId: s,
                 id: t,
                 isShadow: zn(e.target) && Wn(e.target) ? !0 : void 0
@@ -25390,10 +25390,10 @@ function Ws(n, e) {
   return i ? n.has(i) ? !0 : Ws(n, i) : !1;
 }
 let Zn;
-function Al(n) {
+function Ml(n) {
   Zn = n;
 }
-function Ll() {
+function Al() {
   Zn = void 0;
 }
 const z = (n) => Zn ? (...i) => {
@@ -25419,7 +25419,7 @@ function ti(n) {
 }
 function Zs(n, e) {
   var i, t;
-  const s = new Ml();
+  const s = new _l();
   kn.push(s), s.init(n);
   let o = window.MutationObserver || window.__rrMutationObserver;
   const a = (t = (i = window == null ? void 0 : window.Zone) === null || i === void 0 ? void 0 : i.__symbol__) === null || t === void 0 ? void 0 : t.call(i, "MutationObserver");
@@ -25434,7 +25434,7 @@ function Zs(n, e) {
     subtree: !0
   }), l;
 }
-function xl({ mousemoveCb: n, sampling: e, doc: i, mirror: t }) {
+function Ll({ mousemoveCb: n, sampling: e, doc: i, mirror: t }) {
   if (e.mousemove === !1)
     return () => {
     };
@@ -25462,7 +25462,7 @@ function xl({ mousemoveCb: n, sampling: e, doc: i, mirror: t }) {
     v.forEach((g) => g());
   });
 }
-function Tl({ mouseInteractionCb: n, doc: e, mirror: i, blockClass: t, blockSelector: s, sampling: o }) {
+function xl({ mouseInteractionCb: n, doc: e, mirror: i, blockClass: t, blockSelector: s, sampling: o }) {
   if (o.mouseInteraction === !1)
     return () => {
     };
@@ -25534,7 +25534,7 @@ function Js({ scrollCb: n, doc: e, mirror: i, blockClass: t, blockSelector: s, s
   }), o.scroll || 100));
   return _e("scroll", a, e);
 }
-function El({ viewportResizeCb: n }, { win: e }) {
+function Tl({ viewportResizeCb: n }, { win: e }) {
   let i = -1, t = -1;
   const s = z(Xn(z(() => {
     const o = Os(), a = Us();
@@ -25545,19 +25545,19 @@ function El({ viewportResizeCb: n }, { win: e }) {
   }), 200));
   return _e("resize", s, e);
 }
-const Pl = ["INPUT", "TEXTAREA", "SELECT"], as = /* @__PURE__ */ new WeakMap();
-function Il({ inputCb: n, doc: e, mirror: i, blockClass: t, blockSelector: s, ignoreClass: o, ignoreSelector: a, maskInputOptions: l, maskInputFn: d, sampling: p, userTriggeredOnInput: v }) {
+const El = ["INPUT", "TEXTAREA", "SELECT"], as = /* @__PURE__ */ new WeakMap();
+function Pl({ inputCb: n, doc: e, mirror: i, blockClass: t, blockSelector: s, ignoreClass: o, ignoreSelector: a, maskInputOptions: l, maskInputFn: d, sampling: p, userTriggeredOnInput: v }) {
   function g(A) {
     let _ = ti(A);
-    const T = A.isTrusted, I = _ && _.tagName;
-    if (_ && I === "OPTION" && (_ = _.parentElement), !_ || !I || Pl.indexOf(I) < 0 || Me(_, t, s, !0) || _.classList.contains(o) || a && _.matches(a))
+    const T = A.isTrusted, D = _ && _.tagName;
+    if (_ && D === "OPTION" && (_ = _.parentElement), !_ || !D || El.indexOf(D) < 0 || Me(_, t, s, !0) || _.classList.contains(o) || a && _.matches(a))
       return;
     let K = _.value, G = !1;
     const U = vt(_) || "";
-    U === "radio" || U === "checkbox" ? G = _.checked : (l[I.toLowerCase()] || l[U]) && (K = mt({
+    U === "radio" || U === "checkbox" ? G = _.checked : (l[D.toLowerCase()] || l[U]) && (K = mt({
       element: _,
       maskInputOptions: l,
-      tagName: I,
+      tagName: D,
       type: U,
       value: K,
       maskInputFn: d
@@ -25574,8 +25574,8 @@ function Il({ inputCb: n, doc: e, mirror: i, blockClass: t, blockSelector: s, ig
     const T = as.get(A);
     if (!T || T.text !== _.text || T.isChecked !== _.isChecked) {
       as.set(A, _);
-      const I = i.getId(A);
-      z(n)(Object.assign(Object.assign({}, _), { id: I }));
+      const D = i.getId(A);
+      z(n)(Object.assign(Object.assign({}, _), { id: D }));
     }
   }
   const k = (p.input === "last" ? ["change"] : ["input", "change"]).map((A) => _e(A, z(g), e)), C = e.defaultView;
@@ -25745,7 +25745,7 @@ function $s({ mirror: n, stylesheetManager: e }, i) {
     });
   }));
 }
-function Nl({ styleDeclarationCb: n, mirror: e, ignoreCSSAttributes: i, stylesheetManager: t }, { win: s }) {
+function Il({ styleDeclarationCb: n, mirror: e, ignoreCSSAttributes: i, stylesheetManager: t }, { win: s }) {
   const o = s.CSSStyleDeclaration.prototype.setProperty;
   s.CSSStyleDeclaration.prototype.setProperty = new Proxy(o, {
     apply: z((l, d, p) => {
@@ -25787,7 +25787,7 @@ function Nl({ styleDeclarationCb: n, mirror: e, ignoreCSSAttributes: i, styleshe
     s.CSSStyleDeclaration.prototype.setProperty = o, s.CSSStyleDeclaration.prototype.removeProperty = a;
   });
 }
-function Bl({ mediaInteractionCb: n, blockClass: e, blockSelector: i, mirror: t, sampling: s, doc: o }) {
+function Nl({ mediaInteractionCb: n, blockClass: e, blockSelector: i, mirror: t, sampling: s, doc: o }) {
   const a = z((d) => Xn(z((p) => {
     const v = ti(p);
     if (!v || Me(v, e, i, !0))
@@ -25813,7 +25813,7 @@ function Bl({ mediaInteractionCb: n, blockClass: e, blockSelector: i, mirror: t,
     l.forEach((d) => d());
   });
 }
-function Hl({ fontCb: n, doc: e }) {
+function Bl({ fontCb: n, doc: e }) {
   const i = e.defaultView;
   if (!i)
     return () => {
@@ -25842,7 +25842,7 @@ function Hl({ fontCb: n, doc: e }) {
     t.forEach((l) => l());
   });
 }
-function Rl(n) {
+function Hl(n) {
   const { doc: e, mirror: i, blockClass: t, blockSelector: s, selectionCb: o } = n;
   let a = !0;
   const l = z(() => {
@@ -25864,7 +25864,7 @@ function Rl(n) {
   });
   return l(), _e("selectionchange", l);
 }
-function Ol({ doc: n, customElementCb: e }) {
+function Rl({ doc: n, customElementCb: e }) {
   const i = n.defaultView;
   return !i || !i.customElements ? () => {
   } : Vn(i.customElements, "define", function(s) {
@@ -25882,7 +25882,7 @@ function Ol({ doc: n, customElementCb: e }) {
     };
   });
 }
-function Ul(n, e) {
+function Ol(n, e) {
   const { mutationCb: i, mousemoveCb: t, mouseInteractionCb: s, scrollCb: o, viewportResizeCb: a, inputCb: l, mediaInteractionCb: d, styleSheetRuleCb: p, styleDeclarationCb: v, canvasMutationCb: g, fontCb: f, selectionCb: y, customElementCb: k } = n;
   n.mutationCb = (...C) => {
     e.mutation && e.mutation(...C), i(...C);
@@ -25912,26 +25912,26 @@ function Ul(n, e) {
     e.customElement && e.customElement(...C), k(...C);
   };
 }
-function Vl(n, e = {}) {
+function Ul(n, e = {}) {
   const i = n.doc.defaultView;
   if (!i)
     return () => {
     };
-  Ul(n, e);
+  Ol(n, e);
   let t;
   n.recordDOM && (t = Zs(n, n.doc));
-  const s = xl(n), o = Tl(n), a = Js(n), l = El(n, {
+  const s = Ll(n), o = xl(n), a = Js(n), l = Tl(n, {
     win: i
-  }), d = Il(n), p = Bl(n);
+  }), d = Pl(n), p = Nl(n);
   let v = () => {
   }, g = () => {
   }, f = () => {
   }, y = () => {
   };
-  n.recordDOM && (v = Dl(n, { win: i }), g = $s(n, n.doc), f = Nl(n, {
+  n.recordDOM && (v = Dl(n, { win: i }), g = $s(n, n.doc), f = Il(n, {
     win: i
-  }), n.collectFonts && (y = Hl(n)));
-  const k = Rl(n), C = Ol(n), w = [];
+  }), n.collectFonts && (y = Bl(n)));
+  const k = Hl(n), C = Rl(n), w = [];
   for (const M of n.plugins)
     w.push(M.observer(M.callback, i, M.options));
   return z(() => {
@@ -25984,9 +25984,9 @@ class rs {
     return i || (i = /* @__PURE__ */ new Map(), this.iframeRemoteIdToIdMap.set(e, i)), i;
   }
 }
-class Kl {
+class Vl {
   constructor(e) {
-    this.iframes = /* @__PURE__ */ new WeakMap(), this.crossOriginIframeMap = /* @__PURE__ */ new WeakMap(), this.crossOriginIframeMirror = new rs(Ds), this.crossOriginIframeRootIdMap = /* @__PURE__ */ new WeakMap(), this.mutationCb = e.mutationCb, this.wrappedEmit = e.wrappedEmit, this.stylesheetManager = e.stylesheetManager, this.recordCrossOriginIframes = e.recordCrossOriginIframes, this.crossOriginIframeStyleMirror = new rs(this.stylesheetManager.styleMirror.generateId.bind(this.stylesheetManager.styleMirror)), this.mirror = e.mirror, this.recordCrossOriginIframes && window.addEventListener("message", this.handleMessage.bind(this));
+    this.iframes = /* @__PURE__ */ new WeakMap(), this.crossOriginIframeMap = /* @__PURE__ */ new WeakMap(), this.crossOriginIframeMirror = new rs(Is), this.crossOriginIframeRootIdMap = /* @__PURE__ */ new WeakMap(), this.mutationCb = e.mutationCb, this.wrappedEmit = e.wrappedEmit, this.stylesheetManager = e.stylesheetManager, this.recordCrossOriginIframes = e.recordCrossOriginIframes, this.crossOriginIframeStyleMirror = new rs(this.stylesheetManager.styleMirror.generateId.bind(this.stylesheetManager.styleMirror)), this.mirror = e.mirror, this.recordCrossOriginIframes && window.addEventListener("message", this.handleMessage.bind(this));
   }
   addIframe(e) {
     this.iframes.set(e, !0), e.contentWindow && this.crossOriginIframeMap.set(e.contentWindow, e);
@@ -26124,7 +26124,7 @@ class Kl {
     });
   }
 }
-class jl {
+class Kl {
   constructor(e) {
     this.shadowDoms = /* @__PURE__ */ new WeakSet(), this.restoreHandlers = [], this.mutationCb = e.mutationCb, this.scrollCb = e.scrollCb, this.bypassOptions = e.bypassOptions, this.mirror = e.mirror, this.init();
   }
@@ -26178,7 +26178,7 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-function Fl(n, e) {
+function jl(n, e) {
   var i = {};
   for (var t in n) Object.prototype.hasOwnProperty.call(n, t) && e.indexOf(t) < 0 && (i[t] = n[t]);
   if (n != null && typeof Object.getOwnPropertySymbols == "function")
@@ -26186,7 +26186,7 @@ function Fl(n, e) {
       e.indexOf(t[s]) < 0 && Object.prototype.propertyIsEnumerable.call(n, t[s]) && (i[t[s]] = n[t[s]]);
   return i;
 }
-function Gl(n, e, i, t) {
+function Fl(n, e, i, t) {
   function s(o) {
     return o instanceof i ? o : new i(function(a) {
       a(o);
@@ -26213,24 +26213,24 @@ function Gl(n, e, i, t) {
     p((t = t.apply(n, [])).next());
   });
 }
-var Nn = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/", ql = typeof Uint8Array > "u" ? [] : new Uint8Array(256);
+var Nn = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/", Gl = typeof Uint8Array > "u" ? [] : new Uint8Array(256);
 for (var bi = 0; bi < Nn.length; bi++)
-  ql[Nn.charCodeAt(bi)] = bi;
-var zl = function(n) {
+  Gl[Nn.charCodeAt(bi)] = bi;
+var ql = function(n) {
   var e = new Uint8Array(n), i, t = e.length, s = "";
   for (i = 0; i < t; i += 3)
     s += Nn[e[i] >> 2], s += Nn[(e[i] & 3) << 4 | e[i + 1] >> 4], s += Nn[(e[i + 1] & 15) << 2 | e[i + 2] >> 6], s += Nn[e[i + 2] & 63];
   return t % 3 === 2 ? s = s.substring(0, s.length - 1) + "=" : t % 3 === 1 && (s = s.substring(0, s.length - 2) + "=="), s;
 };
 const ls = /* @__PURE__ */ new Map();
-function Wl(n, e) {
+function zl(n, e) {
   let i = ls.get(n);
   return i || (i = /* @__PURE__ */ new Map(), ls.set(n, i)), i.has(e) || i.set(e, []), i.get(e);
 }
 const Ys = (n, e, i) => {
   if (!n || !(Xs(n, e) || typeof n == "object"))
     return;
-  const t = n.constructor.name, s = Wl(i, t);
+  const t = n.constructor.name, s = zl(i, t);
   let o = s.indexOf(n);
   return o === -1 && (o = s.length, s.push(n)), o;
 };
@@ -26245,7 +26245,7 @@ function Ci(n, e, i) {
       args: [Object.values(n)]
     };
   if (n instanceof ArrayBuffer) {
-    const t = n.constructor.name, s = zl(n);
+    const t = n.constructor.name, s = ql(n);
     return {
       rr_type: t,
       base64: s
@@ -26302,7 +26302,7 @@ const Qs = (n, e, i) => n.map((t) => Ci(t, e, i)), Xs = (n, e) => !![
   "WebGLVertexArrayObject",
   "WebGLVertexArrayObjectOES"
 ].filter((s) => typeof e[s] == "function").find((s) => n instanceof e[s]);
-function Zl(n, e, i, t) {
+function Wl(n, e, i, t) {
   const s = [], o = Object.getOwnPropertyNames(e.CanvasRenderingContext2D.prototype);
   for (const a of o)
     try {
@@ -26338,7 +26338,7 @@ function Zl(n, e, i, t) {
     s.forEach((a) => a());
   };
 }
-function Jl(n) {
+function Zl(n) {
   return n === "experimental-webgl" ? "webgl" : n;
 }
 function ds(n, e, i, t) {
@@ -26347,7 +26347,7 @@ function ds(n, e, i, t) {
     const o = Vn(n.HTMLCanvasElement.prototype, "getContext", function(a) {
       return function(l, ...d) {
         if (!Me(this, e, i, !0)) {
-          const p = Jl(l);
+          const p = Zl(l);
           if ("__context" in this || (this.__context = p), t && ["webgl", "webgl2"].includes(p))
             if (d[0] && typeof d[0] == "object") {
               const v = d[0];
@@ -26410,13 +26410,13 @@ function us(n, e, i, t, s, o, a) {
       }
   return l;
 }
-function $l(n, e, i, t, s) {
+function Jl(n, e, i, t, s) {
   const o = [];
   return o.push(...us(e.WebGLRenderingContext.prototype, Rn.WebGL, n, i, t, s, e)), typeof e.WebGL2RenderingContext < "u" && o.push(...us(e.WebGL2RenderingContext.prototype, Rn.WebGL2, n, i, t, s, e)), () => {
     o.forEach((a) => a());
   };
 }
-function Yl(n, e) {
+function $l(n, e) {
   var i = n.toString(), t = i.split(`
 `);
   t.pop(), t.shift();
@@ -26425,17 +26425,17 @@ function Yl(n, e) {
 `;
   return t;
 }
-function Ql(n, e) {
-  var i = Yl(n), t = new Blob(i, { type: "application/javascript" });
+function Yl(n, e) {
+  var i = $l(n), t = new Blob(i, { type: "application/javascript" });
   return URL.createObjectURL(t);
 }
-function Xl(n, e) {
+function Ql(n, e) {
   var i;
   return function(s) {
-    return i = i || Ql(n), new Worker(i, s);
+    return i = i || Yl(n), new Worker(i, s);
   };
 }
-var ed = Xl(
+var Xl = Ql(
   /* rollup-plugin-web-worker-loader */
   function() {
     (function() {
@@ -26510,18 +26510,18 @@ var ed = Xl(
           if ("OffscreenCanvas" in globalThis) {
             const { id: v, bitmap: g, width: f, height: y, dataURLOptions: k } = p.data, C = l(f, y, k), w = new OffscreenCanvas(f, y);
             w.getContext("2d").drawImage(g, 0, 0), g.close();
-            const A = yield w.convertToBlob(k), _ = A.type, T = yield A.arrayBuffer(), I = s(T);
-            if (!o.has(v) && (yield C) === I)
-              return o.set(v, I), d.postMessage({ id: v });
-            if (o.get(v) === I)
+            const A = yield w.convertToBlob(k), _ = A.type, T = yield A.arrayBuffer(), D = s(T);
+            if (!o.has(v) && (yield C) === D)
+              return o.set(v, D), d.postMessage({ id: v });
+            if (o.get(v) === D)
               return d.postMessage({ id: v });
             d.postMessage({
               id: v,
               type: _,
-              base64: I,
+              base64: D,
               width: f,
               height: y
-            }), o.set(v, I);
+            }), o.set(v, D);
           } else
             return d.postMessage({ id: p.data.id });
         });
@@ -26529,7 +26529,7 @@ var ed = Xl(
     })();
   }
 );
-class nd {
+class ed {
   reset() {
     this.pendingCanvasMutations.clear(), this.resetObservers && this.resetObservers();
   }
@@ -26555,7 +26555,7 @@ class nd {
     });
   }
   initCanvasFPSObserver(e, i, t, s, o) {
-    const a = ds(i, t, s, !0), l = /* @__PURE__ */ new Map(), d = new ed();
+    const a = ds(i, t, s, !0), l = /* @__PURE__ */ new Map(), d = new Xl();
     d.onmessage = (k) => {
       const { id: C } = k.data;
       if (l.set(C, !1), !("base64" in k.data))
@@ -26601,7 +26601,7 @@ class nd {
         g = requestAnimationFrame(y);
         return;
       }
-      v = k, f().forEach((C) => Gl(this, void 0, void 0, function* () {
+      v = k, f().forEach((C) => Fl(this, void 0, void 0, function* () {
         var w;
         const M = this.mirror.getId(C);
         if (l.get(M) || C.width === 0 || C.height === 0)
@@ -26626,7 +26626,7 @@ class nd {
   }
   initCanvasMutationObserver(e, i, t) {
     this.startRAFTimestamping(), this.startPendingCanvasMutationFlusher();
-    const s = ds(e, i, t, !1), o = Zl(this.processMutation.bind(this), e, i, t), a = $l(this.processMutation.bind(this), e, i, t, this.mirror);
+    const s = ds(e, i, t, !1), o = Wl(this.processMutation.bind(this), e, i, t), a = Jl(this.processMutation.bind(this), e, i, t, this.mirror);
     this.resetObservers = () => {
       s(), o(), a();
     };
@@ -26652,13 +26652,13 @@ class nd {
     const t = this.pendingCanvasMutations.get(e);
     if (!t || i === -1)
       return;
-    const s = t.map((a) => Fl(a, ["type"])), { type: o } = t[0];
+    const s = t.map((a) => jl(a, ["type"])), { type: o } = t[0];
     this.mutationCb({ id: i, type: o, commands: s }), this.pendingCanvasMutations.delete(e);
   }
 }
-class id {
+class nd {
   constructor(e) {
-    this.trackedLinkElements = /* @__PURE__ */ new WeakSet(), this.styleMirror = new Sl(), this.mutationCb = e.mutationCb, this.adoptedStyleSheetCb = e.adoptedStyleSheetCb;
+    this.trackedLinkElements = /* @__PURE__ */ new WeakSet(), this.styleMirror = new Cl(), this.mutationCb = e.mutationCb, this.adoptedStyleSheetCb = e.adoptedStyleSheetCb;
   }
   attachLinkElement(e, i) {
     "_cssText" in i.attributes && this.mutationCb({
@@ -26701,7 +26701,7 @@ class id {
   trackStylesheetInLinkElement(e) {
   }
 }
-class td {
+class id {
   constructor() {
     this.nodeMap = /* @__PURE__ */ new WeakMap(), this.loop = !0, this.periodicallyClear();
   }
@@ -26728,10 +26728,10 @@ function me(n) {
   return Object.assign(Object.assign({}, n), { timestamp: Li() });
 }
 let re, Si, tt, Ti = !1;
-const He = $r();
+const He = Jr();
 function si(n = {}) {
-  const { emit: e, checkoutEveryNms: i, checkoutEveryNth: t, blockClass: s = "rr-block", blockSelector: o = null, ignoreClass: a = "rr-ignore", ignoreSelector: l = null, maskTextClass: d = "rr-mask", maskTextSelector: p = null, inlineStylesheet: v = !0, maskAllInputs: g, maskInputOptions: f, slimDOMOptions: y, maskInputFn: k, maskTextFn: C, hooks: w, packFn: M, sampling: A = {}, dataURLOptions: _ = {}, mousemoveWait: T, recordDOM: I = !0, recordCanvas: K = !1, recordCrossOriginIframes: G = !1, recordAfter: U = n.recordAfter === "DOMContentLoaded" ? n.recordAfter : "load", userTriggeredOnInput: j = !1, collectFonts: te = !1, inlineImages: ge = !1, plugins: V, keepIframeSrcFn: ke = () => !1, ignoreCSSAttributes: le = /* @__PURE__ */ new Set([]), errorHandler: xe } = n;
-  Al(xe);
+  const { emit: e, checkoutEveryNms: i, checkoutEveryNth: t, blockClass: s = "rr-block", blockSelector: o = null, ignoreClass: a = "rr-ignore", ignoreSelector: l = null, maskTextClass: d = "rr-mask", maskTextSelector: p = null, inlineStylesheet: v = !0, maskAllInputs: g, maskInputOptions: f, slimDOMOptions: y, maskInputFn: k, maskTextFn: C, hooks: w, packFn: M, sampling: A = {}, dataURLOptions: _ = {}, mousemoveWait: T, recordDOM: D = !0, recordCanvas: K = !1, recordCrossOriginIframes: G = !1, recordAfter: U = n.recordAfter === "DOMContentLoaded" ? n.recordAfter : "load", userTriggeredOnInput: j = !1, collectFonts: te = !1, inlineImages: ge = !1, plugins: V, keepIframeSrcFn: ke = () => !1, ignoreCSSAttributes: le = /* @__PURE__ */ new Set([]), errorHandler: xe } = n;
+  Ml(xe);
   const we = G ? window.parent === window : !0;
   let ze = !1;
   if (!we)
@@ -26772,7 +26772,7 @@ function si(n = {}) {
     headMetaAuthorship: y === "all",
     headMetaDescKeywords: y === "all"
   } : y || {};
-  Cl();
+  yl();
   let bn, on = 0;
   const Te = (N) => {
     for (const de of V || [])
@@ -26816,13 +26816,13 @@ function si(n = {}) {
   })), pe = (N) => re(me({
     type: W.IncrementalSnapshot,
     data: Object.assign({ source: q.AdoptedStyleSheet }, N)
-  })), Ie = new id({
+  })), De = new nd({
     mutationCb: Ze,
     adoptedStyleSheetCb: pe
-  }), Ee = new Kl({
+  }), Ee = new Vl({
     mirror: He,
     mutationCb: Ze,
-    stylesheetManager: Ie,
+    stylesheetManager: De,
     recordCrossOriginIframes: G,
     wrappedEmit: re
   });
@@ -26832,8 +26832,8 @@ function si(n = {}) {
       crossOriginIframeMirror: Ee.crossOriginIframeMirror,
       crossOriginIframeStyleMirror: Ee.crossOriginIframeStyleMirror
     });
-  const Ce = new td();
-  tt = new nd({
+  const Ce = new id();
+  tt = new ed({
     recordCanvas: K,
     mutationCb: ae,
     win: window,
@@ -26843,7 +26843,7 @@ function si(n = {}) {
     sampling: A.canvas,
     dataURLOptions: _
   });
-  const je = new jl({
+  const je = new Kl({
     mutationCb: Ze,
     scrollCb: fn,
     bypassOptions: {
@@ -26861,7 +26861,7 @@ function si(n = {}) {
       sampling: A,
       slimDOMOptions: We,
       iframeManager: Ee,
-      stylesheetManager: Ie,
+      stylesheetManager: De,
       canvasManager: tt,
       keepIframeSrcFn: ke,
       processedNodeManager: Ce
@@ -26869,7 +26869,7 @@ function si(n = {}) {
     mirror: He
   });
   Si = (N = !1) => {
-    if (!I)
+    if (!D)
       return;
     re(me({
       type: W.Meta,
@@ -26878,8 +26878,8 @@ function si(n = {}) {
         width: Us(),
         height: Os()
       }
-    }), N), Ie.reset(), je.init(), kn.forEach((Y) => Y.lock());
-    const de = gl(document, {
+    }), N), De.reset(), je.init(), kn.forEach((Y) => Y.lock());
+    const de = fl(document, {
       mirror: He,
       blockClass: s,
       blockSelector: o,
@@ -26893,13 +26893,13 @@ function si(n = {}) {
       recordCanvas: K,
       inlineImages: ge,
       onSerialize: (Y) => {
-        js(Y, He) && Ee.addIframe(Y), Fs(Y, He) && Ie.trackLinkElement(Y), dt(Y) && je.addShadowRoot(Y.shadowRoot, document);
+        js(Y, He) && Ee.addIframe(Y), Fs(Y, He) && De.trackLinkElement(Y), dt(Y) && je.addShadowRoot(Y.shadowRoot, document);
       },
       onIframeLoad: (Y, ue) => {
         Ee.attachIframe(Y, ue), je.observeAttachShadow(Y);
       },
       onStylesheetLoad: (Y, ue) => {
-        Ie.attachLinkElement(Y, ue);
+        De.attachLinkElement(Y, ue);
       },
       keepIframeSrcFn: ke
     });
@@ -26911,12 +26911,12 @@ function si(n = {}) {
         node: de,
         initialOffset: Rs(window)
       }
-    }), N), kn.forEach((Y) => Y.unlock()), document.adoptedStyleSheets && document.adoptedStyleSheets.length > 0 && Ie.adoptStyleSheets(document.adoptedStyleSheets, He.getId(document));
+    }), N), kn.forEach((Y) => Y.unlock()), document.adoptedStyleSheets && document.adoptedStyleSheets.length > 0 && De.adoptStyleSheets(document.adoptedStyleSheets, He.getId(document));
   };
   try {
     const N = [], de = (ue) => {
       var Pe;
-      return z(Vl)({
+      return z(Ul)({
         mutationCb: Ze,
         mousemoveCb: (J, an) => re(me({
           type: W.IncrementalSnapshot,
@@ -26975,7 +26975,7 @@ function si(n = {}) {
         maskInputOptions: sn,
         inlineStylesheet: v,
         sampling: A,
-        recordDOM: I,
+        recordDOM: D,
         recordCanvas: K,
         inlineImages: ge,
         userTriggeredOnInput: j,
@@ -26989,7 +26989,7 @@ function si(n = {}) {
         dataURLOptions: _,
         mirror: He,
         iframeManager: Ee,
-        stylesheetManager: Ie,
+        stylesheetManager: De,
         shadowDomManager: je,
         processedNodeManager: Ce,
         canvasManager: tt,
@@ -27028,7 +27028,7 @@ function si(n = {}) {
         data: {}
       })), U === "load" && Y();
     }, window))), () => {
-      N.forEach((ue) => ue()), Ce.destroy(), Ti = !1, Ll();
+      N.forEach((ue) => ue()), Ce.destroy(), Ti = !1, Al();
     };
   } catch (N) {
     console.warn(N);
@@ -27073,7 +27073,7 @@ if (typeof window > "u") {
   };
 } else
   H = window;
-var Jn = 24 * 60 * 60 * 1e3, st = 8 * 1e3, Ui = Array.prototype, sd = Function.prototype, no = Object.prototype, dn = Ui.slice, oi = no.toString, Vi = no.hasOwnProperty, he = H.console, un = H.navigator, ee = H.document, fi = H.opera, Ei = H.screen, Ge = un.userAgent, ot = sd.bind, hs = Ui.forEach, ms = Ui.indexOf, vs = Ui.map, od = Array.isArray, ct = {}, m = {
+var Jn = 24 * 60 * 60 * 1e3, st = 8 * 1e3, Ui = Array.prototype, td = Function.prototype, no = Object.prototype, dn = Ui.slice, oi = no.toString, Vi = no.hasOwnProperty, he = H.console, un = H.navigator, ee = H.document, fi = H.opera, Ei = H.screen, Ge = un.userAgent, ot = td.bind, hs = Ui.forEach, ms = Ui.indexOf, vs = Ui.map, sd = Array.isArray, ct = {}, m = {
   trim: function(n) {
     return n.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "");
   }
@@ -27176,7 +27176,7 @@ m.extend = function(n) {
       e[i] !== void 0 && (n[i] = e[i]);
   }), n;
 };
-m.isArray = od || function(n) {
+m.isArray = sd || function(n) {
   return oi.call(n) === "[object Array]";
 };
 m.isFunction = function(n) {
@@ -27679,7 +27679,7 @@ m.register_event = function() {
     this.cancelBubble = !0;
   }, n;
 }();
-var ad = new RegExp('^(\\w*)\\[(\\w+)([=~\\|\\^\\$\\*]?)=?"?([^\\]"]*)"?\\]$');
+var od = new RegExp('^(\\w*)\\[(\\w+)([=~\\|\\^\\$\\*]?)=?"?([^\\]"]*)"?\\]$');
 m.dom_query = /* @__PURE__ */ function() {
   function n(s) {
     return s.all ? s.all : s.getElementsByTagName("*");
@@ -27713,10 +27713,10 @@ m.dom_query = /* @__PURE__ */ function() {
           i(p[f], _) && (w[C++] = p[f]);
         continue;
       }
-      var T = a.match(ad);
+      var T = a.match(od);
       if (T) {
         d = T[1];
-        var I = T[2], K = T[3], G = T[4];
+        var D = T[2], K = T[3], G = T[4];
         for (d || (d = "*"), p = [], v = 0, f = 0; f < w.length; f++)
           for (d == "*" ? k = n(w[f]) : k = w[f].getElementsByTagName(d), y = 0; y < k.length; y++)
             p[v++] = k[y];
@@ -27725,37 +27725,37 @@ m.dom_query = /* @__PURE__ */ function() {
         switch (K) {
           case "=":
             U = function(j) {
-              return j.getAttribute(I) == G;
+              return j.getAttribute(D) == G;
             };
             break;
           case "~":
             U = function(j) {
-              return j.getAttribute(I).match(new RegExp("\\b" + G + "\\b"));
+              return j.getAttribute(D).match(new RegExp("\\b" + G + "\\b"));
             };
             break;
           case "|":
             U = function(j) {
-              return j.getAttribute(I).match(new RegExp("^" + G + "-?"));
+              return j.getAttribute(D).match(new RegExp("^" + G + "-?"));
             };
             break;
           case "^":
             U = function(j) {
-              return j.getAttribute(I).indexOf(G) === 0;
+              return j.getAttribute(D).indexOf(G) === 0;
             };
             break;
           case "$":
             U = function(j) {
-              return j.getAttribute(I).lastIndexOf(G) == j.getAttribute(I).length - G.length;
+              return j.getAttribute(D).lastIndexOf(G) == j.getAttribute(D).length - G.length;
             };
             break;
           case "*":
             U = function(j) {
-              return j.getAttribute(I).indexOf(G) > -1;
+              return j.getAttribute(D).indexOf(G) > -1;
             };
             break;
           default:
             U = function(j) {
-              return j.getAttribute(I);
+              return j.getAttribute(D);
             };
         }
         for (w = [], C = 0, f = 0; f < p.length; f++)
@@ -27773,17 +27773,17 @@ m.dom_query = /* @__PURE__ */ function() {
     return m.isElement(s) ? [s] : m.isObject(s) && !m.isUndefined(s.length) ? s : t.call(this, s);
   };
 }();
-var rd = ["utm_source", "utm_medium", "utm_campaign", "utm_content", "utm_term", "utm_id", "utm_source_platform", "utm_campaign_id", "utm_creative_format", "utm_marketing_tactic"], ld = ["dclid", "fbclid", "gclid", "ko_click_id", "li_fat_id", "msclkid", "sccid", "ttclid", "twclid", "wbraid"];
+var ad = ["utm_source", "utm_medium", "utm_campaign", "utm_content", "utm_term", "utm_id", "utm_source_platform", "utm_campaign_id", "utm_creative_format", "utm_marketing_tactic"], rd = ["dclid", "fbclid", "gclid", "ko_click_id", "li_fat_id", "msclkid", "sccid", "ttclid", "twclid", "wbraid"];
 m.info = {
   campaignParams: function(n) {
     var e = "", i = {};
-    return m.each(rd, function(t) {
+    return m.each(ad, function(t) {
       e = m.getQueryParam(ee.URL, t), e.length ? i[t] = e : n !== void 0 && (i[t] = n);
     }), i;
   },
   clickParams: function() {
     var n = "", e = {};
-    return m.each(ld, function(i) {
+    return m.each(rd, function(i) {
       n = m.getQueryParam(ee.URL, i), n.length && (e[i] = n);
     }), e;
   },
@@ -27893,18 +27893,18 @@ m.info = {
 var bt = function(n) {
   var e = Math.random().toString(36).substring(2, 10) + Math.random().toString(36).substring(2, 10);
   return n ? e.substring(0, n) : e;
-}, dd = /[a-z0-9][a-z0-9-]*\.[a-z]+$/i, ud = /[a-z0-9][a-z0-9-]+\.[a-z.]{2,6}$/i, bs = function(n) {
-  var e = ud, i = n.split("."), t = i[i.length - 1];
-  (t.length > 4 || t === "com" || t === "org") && (e = dd);
+}, ld = /[a-z0-9][a-z0-9-]*\.[a-z]+$/i, dd = /[a-z0-9][a-z0-9-]+\.[a-z.]{2,6}$/i, bs = function(n) {
+  var e = dd, i = n.split("."), t = i[i.length - 1];
+  (t.length > 4 || t === "com" || t === "org") && (e = ld);
   var s = n.match(e);
   return s ? s[0] : "";
-}, cd = function() {
+}, ud = function() {
   var n = H.navigator.onLine;
   return m.isUndefined(n) || n;
-}, Ii = null, Di = null;
-typeof JSON < "u" && (Ii = JSON.stringify, Di = JSON.parse);
-Ii = Ii || m.JSONEncode;
-Di = Di || m.JSONDecode;
+}, Di = null, Ii = null;
+typeof JSON < "u" && (Di = JSON.stringify, Ii = JSON.parse);
+Di = Di || m.JSONEncode;
+Ii = Ii || m.JSONDecode;
 m.toArray = m.toArray;
 m.isObject = m.isObject;
 m.JSONEncode = m.JSONEncode;
@@ -27916,18 +27916,18 @@ m.info.device = m.info.device;
 m.info.browser = m.info.browser;
 m.info.browserVersion = m.info.browserVersion;
 m.info.properties = m.info.properties;
-var hd = "__mp_opt_in_out_";
-function md(n, e) {
+var cd = "__mp_opt_in_out_";
+function hd(n, e) {
   so(!0, n, e);
 }
-function vd(n, e) {
+function md(n, e) {
   so(!1, n, e);
 }
-function pd(n, e) {
+function vd(n, e) {
   return to(n, e) === "1";
 }
 function io(n, e) {
-  if (fd(e))
+  if (bd(e))
     return $.warn('This browser has "Do Not Track" enabled. This will prevent the Mixpanel SDK from sending any data. To ignore the "Do Not Track" browser setting, initialize the Mixpanel instance with the config "ignore_dnt: true"'), !0;
   var i = to(n, e) === "0";
   return i && $.warn("You are opted out of Mixpanel tracking. This will prevent the Mixpanel SDK from sending any data."), i;
@@ -27947,7 +27947,7 @@ function Kn(n) {
     return this._get_config(e);
   });
 }
-function bd(n, e) {
+function pd(n, e) {
   e = e || {}, ft(e).remove(
     gt(n, e),
     !!e.crossSubdomainCookie,
@@ -27958,12 +27958,12 @@ function ft(n) {
   return n = n || {}, n.persistenceType === "localStorage" ? m.localStorage : m.cookie;
 }
 function gt(n, e) {
-  return e = e || {}, (e.persistencePrefix || hd) + n;
+  return e = e || {}, (e.persistencePrefix || cd) + n;
 }
 function to(n, e) {
   return ft(e).get(gt(n, e));
 }
-function fd(n) {
+function bd(n) {
   if (n && n.ignoreDnt)
     return !1;
   var e = n && n.window || H, i = e.navigator || {}, t = !1;
@@ -28013,7 +28013,7 @@ function yt(n, e) {
     typeof d == "function" && d(0);
   };
 }
-var gd = Ki("lock"), oo = function(n, e) {
+var fd = Ki("lock"), oo = function(n, e) {
   e = e || {}, this.storageKey = n, this.storage = e.storage || window.localStorage, this.pollIntervalMS = e.pollIntervalMS || 100, this.timeoutMS = e.timeoutMS || 2e3;
 };
 oo.prototype.withLock = function(n, e, i) {
@@ -28022,7 +28022,7 @@ oo.prototype.withLock = function(n, e, i) {
     e && e(A);
   }, y = function(A) {
     if ((/* @__PURE__ */ new Date()).getTime() - s > l) {
-      gd.error("Timeout waiting for mutex on " + o + "; clearing lock. [" + t + "]"), d.removeItem(g), d.removeItem(v), w();
+      fd.error("Timeout waiting for mutex on " + o + "; clearing lock. [" + t + "]"), d.removeItem(g), d.removeItem(v), w();
       return;
     }
     setTimeout(function() {
@@ -28191,7 +28191,7 @@ pn.prototype.updatePayloads = function(n, e) {
 pn.prototype.readFromStorage = function() {
   var n;
   try {
-    n = this.storage.getItem(this.storageKey), n && (n = Di(n), m.isArray(n) || (this.reportError("Invalid storage entry:", n), n = null));
+    n = this.storage.getItem(this.storageKey), n && (n = Ii(n), m.isArray(n) || (this.reportError("Invalid storage entry:", n), n = null));
   } catch (e) {
     this.reportError("Error retrieving queue", e), n = null;
   }
@@ -28199,7 +28199,7 @@ pn.prototype.readFromStorage = function() {
 };
 pn.prototype.saveToStorage = function(n) {
   try {
-    return this.storage.setItem(this.storageKey, Ii(n)), !0;
+    return this.storage.setItem(this.storageKey, Di(n)), !0;
   } catch (e) {
     return this.reportError("Error saving queue", e), !1;
   }
@@ -28207,7 +28207,7 @@ pn.prototype.saveToStorage = function(n) {
 pn.prototype.clear = function() {
   this.memQueue = [], this.usePersistence && this.storage.removeItem(this.storageKey);
 };
-var yd = 10 * 60 * 1e3, $n = Ki("batch"), Ve = function(n, e) {
+var gd = 10 * 60 * 1e3, $n = Ki("batch"), Ve = function(n, e) {
   this.errorReporter = e.errorReporter, this.queue = new pn(n, {
     errorReporter: m.bind(this.reportError, this),
     storage: e.storage,
@@ -28274,9 +28274,9 @@ Ve.prototype.flush = function(n) {
           this.queue.updatePayloads(l);
         else if (m.isObject(v) && v.error === "timeout" && (/* @__PURE__ */ new Date()).getTime() - i >= e)
           this.reportError("Network timeout; retrying"), this.flush();
-        else if (m.isObject(v) && (v.httpStatusCode >= 500 || v.httpStatusCode === 429 || v.httpStatusCode <= 0 && !cd() || v.error === "timeout")) {
+        else if (m.isObject(v) && (v.httpStatusCode >= 500 || v.httpStatusCode === 429 || v.httpStatusCode <= 0 && !ud() || v.error === "timeout")) {
           var f = this.flushInterval * 2;
-          v.retryAfter && (f = parseInt(v.retryAfter, 10) * 1e3 || f), f = Math.min(yd, f), this.reportError("Error; retry in " + f + " ms"), this.scheduleFlush(f);
+          v.retryAfter && (f = parseInt(v.retryAfter, 10) * 1e3 || f), f = Math.min(gd, f), this.reportError("Error; retry in " + f + " ms"), this.scheduleFlush(f);
         } else if (m.isObject(v) && v.httpStatusCode === 413)
           if (s.length > 1) {
             var y = Math.max(1, Math.floor(t / 2));
@@ -28324,12 +28324,12 @@ Ve.prototype.reportError = function(n, e) {
       $n.error(i);
     }
 };
-var wn = Ki("recorder"), Cs = H.CompressionStream, Cd = {
+var wn = Ki("recorder"), Cs = H.CompressionStream, yd = {
   batch_size: 1e3,
   batch_flush_interval_ms: 10 * 1e3,
   batch_request_timeout_ms: 90 * 1e3,
   batch_autostart: !0
-}, Sd = /* @__PURE__ */ new Set([
+}, Cd = /* @__PURE__ */ new Set([
   Fe.MouseMove,
   Fe.MouseInteraction,
   Fe.Scroll,
@@ -28340,15 +28340,15 @@ var wn = Ki("recorder"), Cs = H.CompressionStream, Cd = {
   Fe.Drag,
   Fe.Selection
 ]);
-function kd(n) {
-  return n.type === eo.IncrementalSnapshot && Sd.has(n.data.source);
+function Sd(n) {
+  return n.type === eo.IncrementalSnapshot && Cd.has(n.data.source);
 }
 var Ke = function(n) {
   this._mixpanel = n, this._stopRecording = null, this.recEvents = [], this.seqNo = 0, this.replayId = null, this.replayStartTime = null, this.sendBatchId = null, this.idleTimeoutId = null, this.maxTimeoutId = null, this.recordMaxMs = Jn, this.recordMinMs = 0, this._initBatcher();
 };
 Ke.prototype._initBatcher = function() {
   this.batcher = new Ve("__mprec", {
-    libConfig: Cd,
+    libConfig: yd,
     sendRequestFunc: m.bind(this.flushEventsWithOptOut, this),
     errorReporter: m.bind(this.reportError, this),
     flushOnlyOnInterval: !0,
@@ -28371,7 +28371,7 @@ Ke.prototype.startRecording = function(n) {
   }, this), i = this.get_config("record_block_selector");
   (i === "" || i === null) && (i = void 0), this._stopRecording = si({
     emit: m.bind(function(t) {
-      this.batcher.enqueue(t), kd(t) && (this.batcher.stopped && (/* @__PURE__ */ new Date()).getTime() - this.replayStartTime >= this.recordMinMs && this.batcher.start(), e());
+      this.batcher.enqueue(t), Sd(t) && (this.batcher.stopped && (/* @__PURE__ */ new Date()).getTime() - this.replayStartTime >= this.recordMinMs && this.batcher.start(), e());
     }, this),
     blockClass: this.get_config("record_block_class"),
     blockSelector: i,
@@ -28516,7 +28516,7 @@ ji.prototype.after_track_handler = function(n, e) {
     e.element.submit();
   }, 0);
 };
-var hn = "$set", Un = "$set_once", Re = "$unset", Mn = "$add", qe = "$append", An = "$union", en = "$remove", wd = "$delete", ao = {
+var hn = "$set", Un = "$set_once", Re = "$unset", Mn = "$add", qe = "$append", An = "$union", en = "$remove", kd = "$delete", ao = {
   set_action: function(n, e) {
     var i = {}, t = {};
     return m.isObject(n) ? m.each(n, function(s, o) {
@@ -28555,7 +28555,7 @@ var hn = "$set", Un = "$set_once", Re = "$unset", Mn = "$add", qe = "$append", A
   },
   delete_action: function() {
     var n = {};
-    return n[wd] = "", n;
+    return n[kd] = "", n;
   }
 }, ie = function() {
 };
@@ -28743,7 +28743,7 @@ R.prototype.track_charge = R.prototype.track_charge;
 R.prototype.clear_charges = R.prototype.clear_charges;
 R.prototype.delete_user = R.prototype.delete_user;
 R.prototype.toString = R.prototype.toString;
-var Ct = "__mps", St = "__mpso", kt = "__mpus", wt = "__mpa", _t = "__mpap", Mt = "__mpr", At = "__mpu", ro = "$people_distinct_id", Ni = "__alias", ei = "__timers", _d = [
+var Ct = "__mps", St = "__mpso", kt = "__mpus", wt = "__mpa", _t = "__mpap", Mt = "__mpr", At = "__mpu", ro = "$people_distinct_id", Ni = "__alias", ei = "__timers", wd = [
   Ct,
   St,
   kt,
@@ -28762,7 +28762,7 @@ var Ct = "__mps", St = "__mpso", kt = "__mpus", wt = "__mpa", _t = "__mpap", Mt
 F.prototype.properties = function() {
   var n = {};
   return this.load(), m.each(this.props, function(e, i) {
-    m.include(_d, i) || (n[i] = e);
+    m.include(wd, i) || (n[i] = e);
   }), n;
 };
 F.prototype.load = function() {
@@ -28900,10 +28900,10 @@ F.prototype.remove_event_timer = function(n) {
 };
 var Lt, lo = function(n, e) {
   throw new Error(n + " not available in this build.");
-}, Se, uo = 0, Md = 1, Ad = function(n) {
+}, Se, uo = 0, _d = 1, Md = function(n) {
   return n;
 }, ni = function() {
-}, De = "mixpanel", co = "base64", Ld = "json", xt = "$device:", Hn = H.XMLHttpRequest && "withCredentials" in new XMLHttpRequest(), ho = !Hn && Ge.indexOf("MSIE") === -1 && Ge.indexOf("Mozilla") === -1, Bi = null;
+}, Ie = "mixpanel", co = "base64", Ad = "json", xt = "$device:", Hn = H.XMLHttpRequest && "withCredentials" in new XMLHttpRequest(), ho = !Hn && Ge.indexOf("MSIE") === -1 && Ge.indexOf("Mozilla") === -1, Bi = null;
 un.sendBeacon && (Bi = function() {
   return un.sendBeacon.apply(un, arguments);
 });
@@ -28974,7 +28974,7 @@ var mo = {
   recorder_src: "https://cdn.mxpnl.com/libs/mixpanel-recorder.min.js"
 }, vo = !1, L = function() {
 }, ht = function(n, e, i) {
-  var t, s = i === De ? Se : Se[i];
+  var t, s = i === Ie ? Se : Se[i];
   if (s && Lt === uo)
     t = s;
   else {
@@ -28997,7 +28997,7 @@ L.prototype.init = function(n, e, i) {
     this.report_error("You must name your new library: init(token, config, name)");
     return;
   }
-  if (i === De) {
+  if (i === Ie) {
     this.report_error("You must initialize the main mixpanel object right after you include the Mixpanel js snippet");
     return;
   }
@@ -29009,12 +29009,12 @@ L.prototype._init = function(n, e, i) {
   var t = {};
   if (!("api_payload_format" in e)) {
     var s = e.api_host || Ss.api_host;
-    s.match(/\.mixpanel\.com/) && (t.api_payload_format = Ld);
+    s.match(/\.mixpanel\.com/) && (t.api_payload_format = Ad);
   }
   if (this.set_config(m.extend({}, Ss, t, e, {
     name: i,
     token: n,
-    callback_fn: (i === De ? i : De + "." + i) + "._jsc"
+    callback_fn: (i === Ie ? i : Ie + "." + i) + "._jsc"
   })), this._jsc = ni, this.__dom_loaded_queue = [], this.__request_queue = [], this.__disabled_events = [], this._flags = {
     disable_all_events: !1,
     identify_called: !1
@@ -29407,11 +29407,11 @@ L.prototype.time_event = function(n) {
   }
   this._event_is_disabled(n) || this.persistence.set_event_timer(n, (/* @__PURE__ */ new Date()).getTime());
 };
-var xd = {
+var Ld = {
   persistent: !0
 }, Tt = function(n) {
   var e;
-  return m.isObject(n) ? e = n : m.isUndefined(n) ? e = {} : e = { days: n }, m.extend({}, xd, e);
+  return m.isObject(n) ? e = n : m.isUndefined(n) ? e = {} : e = { days: n }, m.extend({}, Ld, e);
 };
 L.prototype.register = function(n, e) {
   var i = Tt(e);
@@ -29489,7 +29489,7 @@ L.prototype.get_config = function(n) {
   return this.config[n];
 };
 L.prototype._run_hook = function(n) {
-  var e = (this.config.hooks[n] || Ad).apply(this, dn.call(arguments, 1));
+  var e = (this.config.hooks[n] || Md).apply(this, dn.call(arguments, 1));
   return typeof e > "u" && (this.report_error(n + " hook did not return a value"), e = null), e;
 };
 L.prototype.get_property = function(n) {
@@ -29497,7 +29497,7 @@ L.prototype.get_property = function(n) {
 };
 L.prototype.toString = function() {
   var n = this.get_config("name");
-  return n !== De && (n = De + "." + n), n;
+  return n !== Ie && (n = Ie + "." + n), n;
 };
 L.prototype._event_is_disabled = function(n) {
   return m.isBlockedUA(Ge) || this._flags.disable_all_events || m.include(this.__disabled_events, n);
@@ -29549,16 +29549,16 @@ L.prototype._gdpr_call_func = function(n, e) {
 L.prototype.opt_in_tracking = function(n) {
   n = m.extend({
     enable_persistence: !0
-  }, n), this._gdpr_call_func(md, n), this._gdpr_update_persistence(n);
+  }, n), this._gdpr_call_func(hd, n), this._gdpr_update_persistence(n);
 };
 L.prototype.opt_out_tracking = function(n) {
   n = m.extend({
     clear_persistence: !0,
     delete_user: !0
-  }, n), n.delete_user && this.people && this.people._identify_called() && (this.people.delete_user(), this.people.clear_charges()), this._gdpr_call_func(vd, n), this._gdpr_update_persistence(n);
+  }, n), n.delete_user && this.people && this.people._identify_called() && (this.people.delete_user(), this.people.clear_charges()), this._gdpr_call_func(md, n), this._gdpr_update_persistence(n);
 };
 L.prototype.has_opted_in_tracking = function(n) {
-  return this._gdpr_call_func(pd, n);
+  return this._gdpr_call_func(vd, n);
 };
 L.prototype.has_opted_out_tracking = function(n) {
   return this._gdpr_call_func(io, n);
@@ -29566,7 +29566,7 @@ L.prototype.has_opted_out_tracking = function(n) {
 L.prototype.clear_opt_in_out_tracking = function(n) {
   n = m.extend({
     enable_persistence: !0
-  }, n), this._gdpr_call_func(bd, n), this._gdpr_update_persistence(n);
+  }, n), this._gdpr_call_func(pd, n), this._gdpr_update_persistence(n);
 };
 L.prototype.report_error = function(n, e) {
   $.error.apply($.error, arguments);
@@ -29616,18 +29616,18 @@ F.prototype.update_search_keyword = F.prototype.update_search_keyword;
 F.prototype.update_referrer_info = F.prototype.update_referrer_info;
 F.prototype.get_cross_subdomain = F.prototype.get_cross_subdomain;
 F.prototype.clear = F.prototype.clear;
-var Bn = {}, Td = function() {
+var Bn = {}, xd = function() {
   m.each(Bn, function(n, e) {
-    e !== De && (Se[e] = n);
+    e !== Ie && (Se[e] = n);
   }), Se._ = m;
-}, Ed = function() {
+}, Td = function() {
   Se.init = function(n, e, i) {
     if (i)
       return Se[i] || (Se[i] = Bn[i] = ht(n, e, i), Se[i]._loaded()), Se[i];
     var t = Se;
-    Bn[De] ? t = Bn[De] : n && (t = ht(n, e, De), t._loaded(), Bn[De] = t), Se = t, Lt === Md && (H[De] = Se), Td();
+    Bn[Ie] ? t = Bn[Ie] : n && (t = ht(n, e, Ie), t._loaded(), Bn[Ie] = t), Se = t, Lt === _d && (H[Ie] = Se), xd();
   };
-}, Pd = function() {
+}, Ed = function() {
   function n() {
     n.done || (n.done = !0, vo = !0, ho = !1, m.each(Bn, function(t) {
       t._dom_loaded();
@@ -29655,13 +29655,13 @@ var Bn = {}, Td = function() {
   }
   m.register_event(H, "load", n, !0);
 };
-function Id(n) {
-  return lo = n, Lt = uo, Se = new L(), Ed(), Se.init(), Pd(), Se;
+function Pd(n) {
+  return lo = n, Lt = uo, Se = new L(), Td(), Se.init(), Ed(), Se;
 }
 function Dd(n, e) {
   e();
 }
-var P = Id(Dd);
+var P = Pd(Dd);
 const po = `<div id="checkoutConfirmationEnd">
     <div class="w-full">
         <div id="otp-content" class=" grid gap-4">
@@ -29728,7 +29728,7 @@ class bo {
     return po;
   }
 }
-const Nd = `<div id="confirmationProgress">
+const Id = `<div id="confirmationProgress">
     <div class="min-h-[20dvh]">
       <div>
         <div class="grid grid-rows-[auto_1fr] gap-4 mx-5">
@@ -29758,7 +29758,7 @@ const Nd = `<div id="confirmationProgress">
       </div>
     </div>
   </div>`;
-class Bd {
+class Nd {
   constructor(e) {
     h(this, "container");
     h(this, "onAction");
@@ -29844,10 +29844,10 @@ class Bd {
     this.container.innerHTML = this.render(), this.attachListeners();
   }
   render() {
-    return Nd;
+    return Id;
   }
 }
-class Hd {
+class Bd {
   constructor({
     amount: e,
     totalAmount: i,
@@ -29930,7 +29930,7 @@ class Hd {
     });
     const t = this.container.querySelector(".spinner"), s = this.container.querySelector(
       "#details-form-button-text"
-    ), o = await Pr(
+    ), o = await Er(
       JSON.stringify(i),
       this.encryption
     );
@@ -29965,7 +29965,7 @@ class Hd {
             taxQuoteId: this.merchantPlanDetail.taxQuoteId
           }
         };
-        return br(
+        return pr(
           this.token,
           d,
           this.rdtCode,
@@ -30357,14 +30357,14 @@ class Hd {
           }), this.cardDetailForm.renderContent();
           break;
         case 2:
-          this.cardPinForm = new Hr({
+          this.cardPinForm = new Br({
             container: this.contents,
             onClose: this.onClose,
             onAction: (a) => this.handlePinRequest.bind(this)(a)
           }), this.cardPinForm.renderComponent();
           break;
         case 3:
-          this.cardOtpValidationForm = new Nr({
+          this.cardOtpValidationForm = new Ir({
             container: this.contents,
             onClose: this.onClose,
             onAction: (a) => (l) => this.submitOtp.bind(this)(a, l),
@@ -30391,7 +30391,7 @@ class Hd {
           this.pageLoader = new Ne(this.contents), this.pageLoader.mountLoader(), this.pageLoader.updateMessage("Verifying Payment");
           break;
         case 7:
-          this.avsForm = new Vr({
+          this.avsForm = new Ur({
             container: this.contents,
             onAction: (a) => (l) => this.validatedAVS.bind(this)(a, l)
           }), this.avsForm.renderComponent();
@@ -30431,7 +30431,7 @@ class Hd {
           }), this.confirmationEnd.renderComponent();
           break;
         case 10:
-          this.confirmationProgress = new Bd({
+          this.confirmationProgress = new Nd({
             container: this.contents,
             onAction: (a) => {
               this.currentStep = a;
@@ -30488,7 +30488,7 @@ class Hd {
     }
   }
 }
-const Rd = `<div>
+const Hd = `<div>
   <div class="container-center h-[40vh] hidden" id="loader">
     <img src="" alt="loader gif" />
   </div>
@@ -30580,7 +30580,7 @@ const Rd = `<div>
     </div>
   </div>
 </div>`;
-function Od(n) {
+function Rd(n) {
   return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
 }
 var fo = { exports: {} };
@@ -30687,9 +30687,9 @@ var fo = { exports: {} };
               }, C.prototype.decode = function(w) {
                 if (w.length === 0)
                   return new Uint8Array(0);
-                for (var M = this._getPaddingLength(w), A = w.length - M, _ = new Uint8Array(this.maxDecodedLength(A)), T = 0, I = 0, K = 0, G = 0, U = 0, j = 0, te = 0; I < A - 4; I += 4)
-                  G = this._decodeChar(w.charCodeAt(I + 0)), U = this._decodeChar(w.charCodeAt(I + 1)), j = this._decodeChar(w.charCodeAt(I + 2)), te = this._decodeChar(w.charCodeAt(I + 3)), _[T++] = G << 2 | U >>> 4, _[T++] = U << 4 | j >>> 2, _[T++] = j << 6 | te, K |= G & a, K |= U & a, K |= j & a, K |= te & a;
-                if (I < A - 1 && (G = this._decodeChar(w.charCodeAt(I)), U = this._decodeChar(w.charCodeAt(I + 1)), _[T++] = G << 2 | U >>> 4, K |= G & a, K |= U & a), I < A - 2 && (j = this._decodeChar(w.charCodeAt(I + 2)), _[T++] = U << 4 | j >>> 2, K |= j & a), I < A - 3 && (te = this._decodeChar(w.charCodeAt(I + 3)), _[T++] = j << 6 | te, K |= te & a), K !== 0)
+                for (var M = this._getPaddingLength(w), A = w.length - M, _ = new Uint8Array(this.maxDecodedLength(A)), T = 0, D = 0, K = 0, G = 0, U = 0, j = 0, te = 0; D < A - 4; D += 4)
+                  G = this._decodeChar(w.charCodeAt(D + 0)), U = this._decodeChar(w.charCodeAt(D + 1)), j = this._decodeChar(w.charCodeAt(D + 2)), te = this._decodeChar(w.charCodeAt(D + 3)), _[T++] = G << 2 | U >>> 4, _[T++] = U << 4 | j >>> 2, _[T++] = j << 6 | te, K |= G & a, K |= U & a, K |= j & a, K |= te & a;
+                if (D < A - 1 && (G = this._decodeChar(w.charCodeAt(D)), U = this._decodeChar(w.charCodeAt(D + 1)), _[T++] = G << 2 | U >>> 4, K |= G & a, K |= U & a), D < A - 2 && (j = this._decodeChar(w.charCodeAt(D + 2)), _[T++] = U << 4 | j >>> 2, K |= j & a), D < A - 3 && (te = this._decodeChar(w.charCodeAt(D + 3)), _[T++] = j << 6 | te, K |= te & a), K !== 0)
                   throw new Error("Base64Coder: incorrect characters for decoding");
                 return _;
               }, C.prototype._encodeByte = function(w) {
@@ -30889,14 +30889,14 @@ var fo = { exports: {} };
                 S.loading[r].push(b);
               else {
                 S.loading[r] = [b];
-                var x = O.createScriptRequest(S.getPath(r, u)), E = S.receivers.create(function(D) {
+                var x = O.createScriptRequest(S.getPath(r, u)), E = S.receivers.create(function(I) {
                   if (S.receivers.remove(E), S.loading[r]) {
                     var B = S.loading[r];
                     delete S.loading[r];
                     for (var Z = function(ce) {
                       ce || x.cleanup();
                     }, Q = 0; Q < B.length; Q++)
-                      B[Q](D, Z);
+                      B[Q](I, Z);
                   }
                 });
                 x.send(E);
@@ -30972,7 +30972,7 @@ var fo = { exports: {} };
               super(r), Object.setPrototypeOf(this, new.target.prototype);
             }
           }
-          class I extends Error {
+          class D extends Error {
             constructor(r) {
               super(r), Object.setPrototypeOf(this, new.target.prototype);
             }
@@ -30998,31 +30998,31 @@ var fo = { exports: {} };
             for (var E in u.headers)
               x.setRequestHeader(E, u.headers[E]);
             if (u.headersProvider != null) {
-              let D = u.headersProvider();
-              for (var E in D)
-                x.setRequestHeader(E, D[E]);
+              let I = u.headersProvider();
+              for (var E in I)
+                x.setRequestHeader(E, I[E]);
             }
             return x.onreadystatechange = function() {
               if (x.readyState === 4)
                 if (x.status === 200) {
-                  let D, B = !1;
+                  let I, B = !1;
                   try {
-                    D = JSON.parse(x.responseText), B = !0;
+                    I = JSON.parse(x.responseText), B = !0;
                   } catch {
                     S(new U(200, `JSON returned from ${b.toString()} endpoint was invalid, yet status code was 200. Data was: ${x.responseText}`), null);
                   }
-                  B && S(null, D);
+                  B && S(null, I);
                 } else {
-                  let D = "";
+                  let I = "";
                   switch (b) {
                     case C.UserAuthentication:
-                      D = k.buildLogSuffix("authenticationEndpoint");
+                      I = k.buildLogSuffix("authenticationEndpoint");
                       break;
                     case C.ChannelAuthorization:
-                      D = `Clients must be authorized to join private or presence channels. ${k.buildLogSuffix("authorizationEndpoint")}`;
+                      I = `Clients must be authorized to join private or presence channels. ${k.buildLogSuffix("authorizationEndpoint")}`;
                       break;
                   }
-                  S(new U(x.status, `Unable to retrieve auth string from ${b.toString()} endpoint - received status: ${x.status} from ${u.endpoint}. ${D}`), null);
+                  S(new U(x.status, `Unable to retrieve auth string from ${b.toString()} endpoint - received status: ${x.status} from ${u.endpoint}. ${I}`), null);
                 }
             }, x.send(r), x;
           };
@@ -31101,7 +31101,7 @@ var fo = { exports: {} };
             }
             return c;
           }
-          function Ie() {
+          function De() {
             for (var c = ["Pusher"], r = 0; r < arguments.length; r++)
               typeof arguments[r] == "string" ? c.push(arguments[r]) : c.push(gn(arguments[r]));
             return c.join(" : ");
@@ -31194,7 +31194,7 @@ var fo = { exports: {} };
           function di(c) {
             var r = [], u = [];
             return function b(S, x) {
-              var E, D, B;
+              var E, I, B;
               switch (typeof S) {
                 case "object":
                   if (!S)
@@ -31207,8 +31207,8 @@ var fo = { exports: {} };
                       B[E] = b(S[E], x + "[" + E + "]");
                   else {
                     B = {};
-                    for (D in S)
-                      Object.prototype.hasOwnProperty.call(S, D) && (B[D] = b(S[D], x + "[" + JSON.stringify(D) + "]"));
+                    for (I in S)
+                      Object.prototype.hasOwnProperty.call(S, I) && (B[I] = b(S[I], x + "[" + JSON.stringify(I) + "]"));
                   }
                   return B;
                 case "number":
@@ -31247,24 +31247,24 @@ var fo = { exports: {} };
               window.console && window.console.error ? window.console.error(r) : this.globalLogWarn(r);
             }
             log(r, ...u) {
-              var b = Ie.apply(this, arguments);
+              var b = De.apply(this, arguments);
               Xi.log ? Xi.log(b) : Xi.logToConsole && r.bind(this)(b);
             }
           }
-          var oe = new Fn(), So = function(c, r, u, b, S) {
+          var oe = new Fn(), Co = function(c, r, u, b, S) {
             (u.headers !== void 0 || u.headersProvider != null) && oe.warn(`To send headers with the ${b.toString()} request, you must use AJAX, rather than JSONP.`);
             var x = c.nextAuthCallbackID.toString();
             c.nextAuthCallbackID++;
-            var E = c.getDocument(), D = E.createElement("script");
+            var E = c.getDocument(), I = E.createElement("script");
             c.auth_callbacks[x] = function(Q) {
               S(null, Q);
             };
             var B = "Pusher.auth_callbacks['" + x + "']";
-            D.src = u.endpoint + "?callback=" + encodeURIComponent(B) + "&" + r;
+            I.src = u.endpoint + "?callback=" + encodeURIComponent(B) + "&" + r;
             var Z = E.getElementsByTagName("head")[0] || E.documentElement;
-            Z.insertBefore(D, Z.firstChild);
-          }, ko = So;
-          class wo {
+            Z.insertBefore(I, Z.firstChild);
+          }, So = Co;
+          class ko {
             constructor(r) {
               this.src = r;
             }
@@ -31284,7 +31284,7 @@ var fo = { exports: {} };
               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;
             }
           }
-          class _o {
+          class wo {
             constructor(r, u) {
               this.url = r, this.data = u;
             }
@@ -31298,17 +31298,17 @@ var fo = { exports: {} };
               this.request && this.request.cleanup();
             }
           }
-          var Mo = function(c, r) {
+          var _o = function(c, r) {
             return function(u, b) {
-              var S = "http" + (r ? "s" : "") + "://", x = S + (c.host || c.options.host) + c.options.path, E = O.createJSONPRequest(x, u), D = O.ScriptReceivers.create(function(B, Z) {
-                a.remove(D), E.cleanup(), Z && Z.host && (c.host = Z.host), b && b(B, Z);
+              var S = "http" + (r ? "s" : "") + "://", x = S + (c.host || c.options.host) + c.options.path, E = O.createJSONPRequest(x, u), I = O.ScriptReceivers.create(function(B, Z) {
+                a.remove(I), E.cleanup(), Z && Z.host && (c.host = Z.host), b && b(B, Z);
               });
-              E.send(D);
+              E.send(I);
             };
-          }, Ao = {
+          }, Mo = {
             name: "jsonp",
-            getAgent: Mo
-          }, Lo = Ao;
+            getAgent: _o
+          }, Ao = Mo;
           function Fi(c, r, u) {
             var b = c + (r.useTLS ? "s" : ""), S = r.useTLS ? r.hostTLS : r.hostNonTLS;
             return b + "://" + S + u;
@@ -31317,17 +31317,17 @@ var fo = { exports: {} };
             var u = "/app/" + c, b = "?protocol=" + d.PROTOCOL + "&client=js&version=" + d.VERSION + (r ? "&" + r : "");
             return u + b;
           }
-          var xo = {
+          var Lo = {
             getInitial: function(c, r) {
               var u = (r.httpPath || "") + Gi(c, "flash=false");
               return Fi("ws", r, u);
             }
-          }, To = {
+          }, xo = {
             getInitial: function(c, r) {
               var u = (r.httpPath || "/pusher") + Gi(c);
               return Fi("http", r, u);
             }
-          }, Eo = {
+          }, To = {
             getInitial: function(c, r) {
               return Fi("http", r, r.httpPath || "/pusher");
             },
@@ -31335,7 +31335,7 @@ var fo = { exports: {} };
               return Gi(c);
             }
           };
-          class Po {
+          class Eo {
             constructor() {
               this._callbacks = {};
             }
@@ -31375,7 +31375,7 @@ var fo = { exports: {} };
           }
           class Je {
             constructor(r) {
-              this.callbacks = new Po(), this.global_callbacks = [], this.failThrough = r;
+              this.callbacks = new Eo(), this.global_callbacks = [], this.failThrough = r;
             }
             bind(r, u, b) {
               return this.callbacks.add(r, u, b), this;
@@ -31403,7 +31403,7 @@ var fo = { exports: {} };
               return this;
             }
           }
-          class Io extends Je {
+          class Po extends Je {
             constructor(r, u, b, S, x) {
               super(), this.initialize = O.transportConnectionInitializer, this.hooks = r, this.name = u, this.priority = b, this.key = S, this.options = x, this.state = "new", this.timeline = x.timeline, this.activityTimeout = x.activityTimeout, this.id = this.timeline.generateUniqueID();
             }
@@ -31490,11 +31490,11 @@ var fo = { exports: {} };
               return this.hooks.isSupported(r);
             }
             createConnection(r, u, b, S) {
-              return new Io(this.hooks, r, u, b, S);
+              return new Po(this.hooks, r, u, b, S);
             }
           }
           var Do = new xn({
-            urls: xo,
+            urls: Lo,
             handlesActivityChecks: !1,
             supportsPing: !1,
             isInitialized: function() {
@@ -31507,17 +31507,17 @@ var fo = { exports: {} };
               return O.createWebSocket(c);
             }
           }), Pt = {
-            urls: To,
+            urls: xo,
             handlesActivityChecks: !1,
             supportsPing: !0,
             isInitialized: function() {
               return !0;
             }
-          }, It = pe({
+          }, Dt = pe({
             getSocket: function(c) {
               return O.HTTPFactory.createStreamingSocket(c);
             }
-          }, Pt), Dt = pe({
+          }, Pt), It = pe({
             getSocket: function(c) {
               return O.HTTPFactory.createPollingSocket(c);
             }
@@ -31525,13 +31525,13 @@ var fo = { exports: {} };
             isSupported: function() {
               return O.isXHRSupported();
             }
-          }, No = new xn(pe({}, It, Nt)), Bo = new xn(pe({}, Dt, Nt)), Ho = {
+          }, Io = new xn(pe({}, Dt, Nt)), No = new xn(pe({}, It, Nt)), Bo = {
             ws: Do,
-            xhr_streaming: No,
-            xhr_polling: Bo
-          }, ui = Ho, Ro = new xn({
+            xhr_streaming: Io,
+            xhr_polling: No
+          }, ui = Bo, Ho = new xn({
             file: "sockjs",
-            urls: Eo,
+            urls: To,
             handlesActivityChecks: !0,
             supportsPing: !1,
             isSupported: function() {
@@ -31558,10 +31558,10 @@ var fo = { exports: {} };
               var r = O.isXDRSupported(c.useTLS);
               return r;
             }
-          }, Oo = new xn(pe({}, It, Bt)), Uo = new xn(pe({}, Dt, Bt));
-          ui.xdr_streaming = Oo, ui.xdr_polling = Uo, ui.sockjs = Ro;
-          var Vo = ui;
-          class Ko extends Je {
+          }, Ro = new xn(pe({}, Dt, Bt)), Oo = new xn(pe({}, It, Bt));
+          ui.xdr_streaming = Ro, ui.xdr_polling = Oo, ui.sockjs = Ho;
+          var Uo = ui;
+          class Vo extends Je {
             constructor() {
               super();
               var r = this;
@@ -31575,8 +31575,8 @@ var fo = { exports: {} };
               return window.navigator.onLine === void 0 ? !0 : window.navigator.onLine;
             }
           }
-          var jo = new Ko();
-          class Fo {
+          var Ko = new Vo();
+          class jo {
             constructor(r, u, b) {
               this.manager = r, this.transport = u, this.minPingDelay = b.minPingDelay, this.maxPingDelay = b.maxPingDelay, this.pingDelay = void 0;
             }
@@ -31584,8 +31584,8 @@ var fo = { exports: {} };
               S = pe({}, S, {
                 activityTimeout: this.pingDelay
               });
-              var x = this.transport.createConnection(r, u, b, S), E = null, D = function() {
-                x.unbind("open", D), x.bind("closed", B), E = ae.now();
+              var x = this.transport.createConnection(r, u, b, S), E = null, I = function() {
+                x.unbind("open", I), x.bind("closed", B), E = ae.now();
               }, B = (Z) => {
                 if (x.unbind("closed", B), Z.code === 1002 || Z.code === 1003)
                   this.manager.reportDeath();
@@ -31594,7 +31594,7 @@ var fo = { exports: {} };
                   Q < 2 * this.maxPingDelay && (this.manager.reportDeath(), this.pingDelay = Math.max(Q / 2, this.minPingDelay));
                 }
               };
-              return x.bind("open", D), x;
+              return x.bind("open", I), x;
             }
             isSupported(r) {
               return this.manager.isAlive() && this.transport.isSupported(r);
@@ -31655,7 +31655,7 @@ var fo = { exports: {} };
             }
           };
           var yn = Ht;
-          class Go extends Je {
+          class Fo extends Je {
             constructor(r, u) {
               super(), this.id = r, this.transport = u, this.activityTimeout = u.activityTimeout, this.bindListeners();
             }
@@ -31729,7 +31729,7 @@ var fo = { exports: {} };
               b && this.emit("error", b), u && this.emit(u, { action: u, error: b });
             }
           }
-          class qo {
+          class Go {
             constructor(r, u) {
               this.transport = r, this.callback = u, this.bindListeners();
             }
@@ -31747,7 +31747,7 @@ var fo = { exports: {} };
                   return;
                 }
                 u.action === "connected" ? this.finish("connected", {
-                  connection: new Go(u.id, this.transport),
+                  connection: new Fo(u.id, this.transport),
                   activityTimeout: u.activityTimeout
                 }) : (this.finish(u.action, { error: u.error }), this.transport.close());
               }, this.onClosed = (r) => {
@@ -31763,7 +31763,7 @@ var fo = { exports: {} };
               this.callback(pe({ transport: this.transport, action: r }, u));
             }
           }
-          class zo {
+          class qo {
             constructor(r, u) {
               this.timeline = r, this.options = u || {};
             }
@@ -31841,7 +31841,7 @@ var fo = { exports: {} };
               }, u);
             }
           }
-          class Wo {
+          class zo {
             constructor() {
               this.reset();
             }
@@ -31873,14 +31873,14 @@ var fo = { exports: {} };
               this.members = {}, this.count = 0, this.myID = null, this.me = null;
             }
           }
-          var Zo = function(c, r, u, b) {
+          var Wo = function(c, r, u, b) {
             function S(x) {
               return x instanceof u ? x : new u(function(E) {
                 E(x);
               });
             }
             return new (u || (u = Promise))(function(x, E) {
-              function D(Q) {
+              function I(Q) {
                 try {
                   Z(b.next(Q));
                 } catch (ce) {
@@ -31895,17 +31895,17 @@ var fo = { exports: {} };
                 }
               }
               function Z(Q) {
-                Q.done ? x(Q.value) : S(Q.value).then(D, B);
+                Q.done ? x(Q.value) : S(Q.value).then(I, B);
               }
               Z((b = b.apply(c, r || [])).next());
             });
           };
-          class Jo extends Wi {
+          class Zo extends Wi {
             constructor(r, u) {
-              super(r, u), this.members = new Wo();
+              super(r, u), this.members = new zo();
             }
             authorize(r, u) {
-              super.authorize(r, (b, S) => Zo(this, void 0, void 0, function* () {
+              super.authorize(r, (b, S) => Wo(this, void 0, void 0, function* () {
                 if (!b)
                   if (S = S, S.channel_data != null) {
                     var x = JSON.parse(S.channel_data);
@@ -31955,8 +31955,8 @@ var fo = { exports: {} };
               this.members.reset(), super.disconnect();
             }
           }
-          var $o = s(1), Zi = s(0);
-          class Yo extends Wi {
+          var Jo = s(1), Zi = s(0);
+          class $o extends Wi {
             constructor(r, u, b) {
               super(r, u), this.key = null, this.nacl = b;
             }
@@ -31975,7 +31975,7 @@ var fo = { exports: {} };
               });
             }
             trigger(r, u) {
-              throw new I("Client events are not currently supported for encrypted channels");
+              throw new D("Client events are not currently supported for encrypted channels");
             }
             handleEvent(r) {
               var u = r.event, b = r.data;
@@ -32006,9 +32006,9 @@ var fo = { exports: {} };
               }
               let x = this.nacl.secretbox.open(b, S, this.key);
               if (x === null) {
-                oe.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, (E, D) => {
+                oe.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, (E, I) => {
                   if (E) {
-                    oe.error(`Failed to make a request to the authEndpoint: ${D}. Unable to fetch new key, so dropping encrypted event`);
+                    oe.error(`Failed to make a request to the authEndpoint: ${I}. Unable to fetch new key, so dropping encrypted event`);
                     return;
                   }
                   if (x = this.nacl.secretbox.open(b, S, this.key), x === null) {
@@ -32022,7 +32022,7 @@ var fo = { exports: {} };
               this.emit(r, this.getDataToEmit(x));
             }
             getDataToEmit(r) {
-              let u = Object($o.decode)(r);
+              let u = Object(Jo.decode)(r);
               try {
                 return JSON.parse(u);
               } catch {
@@ -32030,7 +32030,7 @@ var fo = { exports: {} };
               }
             }
           }
-          class Qo extends Je {
+          class Yo extends Je {
             constructor(r, u) {
               super(), this.state = "initialized", this.connection = null, this.key = r, this.options = u, this.timeline = this.options.timeline, this.usingTLS = this.options.useTLS, this.errorCallbacks = this.buildErrorCallbacks(), this.connectionCallbacks = this.buildConnectionCallbacks(this.errorCallbacks), this.handshakeCallbacks = this.buildHandshakeCallbacks(this.errorCallbacks);
               var b = O.getNetwork();
@@ -32186,12 +32186,12 @@ var fo = { exports: {} };
               return this.state === "connecting" || this.state === "connected";
             }
           }
-          class Xo {
+          class Qo {
             constructor() {
               this.channels = {};
             }
             add(r, u) {
-              return this.channels[r] || (this.channels[r] = ea(r, u)), this.channels[r];
+              return this.channels[r] || (this.channels[r] = Xo(r, u)), this.channels[r];
             }
             all() {
               return N(this.channels);
@@ -32209,12 +32209,12 @@ var fo = { exports: {} };
               });
             }
           }
-          function ea(c, r) {
+          function Xo(c, r) {
             if (c.indexOf("private-encrypted-") === 0) {
               if (r.config.nacl)
                 return $e.createEncryptedChannel(c, r, r.config.nacl);
               let u = "Tried to subscribe to a private-encrypted- channel but no nacl implementation available", b = k.buildLogSuffix("encryptedChannelSupport");
-              throw new I(`${u}. ${b}`);
+              throw new D(`${u}. ${b}`);
             } else {
               if (c.indexOf("private-") === 0)
                 return $e.createPrivateChannel(c, r);
@@ -32225,12 +32225,12 @@ var fo = { exports: {} };
               return $e.createChannel(c, r);
             }
           }
-          var na = {
+          var ea = {
             createChannels() {
-              return new Xo();
+              return new Qo();
             },
             createConnectionManager(c, r) {
-              return new Qo(c, r);
+              return new Yo(c, r);
             },
             createChannel(c, r) {
               return new zi(c, r);
@@ -32239,21 +32239,21 @@ var fo = { exports: {} };
               return new Wi(c, r);
             },
             createPresenceChannel(c, r) {
-              return new Jo(c, r);
+              return new Zo(c, r);
             },
             createEncryptedChannel(c, r, u) {
-              return new Yo(c, r, u);
+              return new $o(c, r, u);
             },
             createTimelineSender(c, r) {
-              return new zo(c, r);
+              return new qo(c, r);
             },
             createHandshake(c, r) {
-              return new qo(c, r);
+              return new Go(c, r);
             },
             createAssistantToTheTransportManager(c, r, u) {
-              return new Fo(c, r, u);
+              return new jo(c, r, u);
             }
-          }, $e = na;
+          }, $e = ea;
           class Rt {
             constructor(r) {
               this.options = r || {}, this.livesLeft = this.options.lives || 1 / 0;
@@ -32279,10 +32279,10 @@ var fo = { exports: {} };
               return jn(this.strategies, ae.method("isSupported"));
             }
             connect(r, u) {
-              var b = this.strategies, S = 0, x = this.timeout, E = null, D = (B, Z) => {
-                Z ? u(null, Z) : (S = S + 1, this.loop && (S = S % b.length), S < b.length ? (x && (x = x * 2, this.timeoutLimit && (x = Math.min(x, this.timeoutLimit))), E = this.tryStrategy(b[S], r, { timeout: x, failFast: this.failFast }, D)) : u(!0));
+              var b = this.strategies, S = 0, x = this.timeout, E = null, I = (B, Z) => {
+                Z ? u(null, Z) : (S = S + 1, this.loop && (S = S % b.length), S < b.length ? (x && (x = x * 2, this.timeoutLimit && (x = Math.min(x, this.timeoutLimit))), E = this.tryStrategy(b[S], r, { timeout: x, failFast: this.failFast }, I)) : u(!0));
               };
-              return E = this.tryStrategy(b[S], r, { timeout: x, failFast: this.failFast }, D), {
+              return E = this.tryStrategy(b[S], r, { timeout: x, failFast: this.failFast }, I), {
                 abort: function() {
                   E.abort();
                 },
@@ -32295,14 +32295,14 @@ var fo = { exports: {} };
               var x = null, E = null;
               return b.timeout > 0 && (x = new Te(b.timeout, function() {
                 E.abort(), S(!0);
-              })), E = r.connect(u, function(D, B) {
-                D && x && x.isRunning() && !b.failFast || (x && x.ensureAborted(), S(D, B));
+              })), E = r.connect(u, function(I, B) {
+                I && x && x.isRunning() && !b.failFast || (x && x.ensureAborted(), S(I, B));
               }), {
                 abort: function() {
                   x && x.ensureAborted(), E.abort();
                 },
-                forceMinPriority: function(D) {
-                  E.forceMinPriority(D);
+                forceMinPriority: function(I) {
+                  E.forceMinPriority(I);
                 }
               };
             }
@@ -32315,26 +32315,26 @@ var fo = { exports: {} };
               return jn(this.strategies, ae.method("isSupported"));
             }
             connect(r, u) {
-              return ia(this.strategies, r, function(b, S) {
+              return na(this.strategies, r, function(b, S) {
                 return function(x, E) {
                   if (S[b].error = x, x) {
-                    ta(S) && u(!0);
+                    ia(S) && u(!0);
                     return;
                   }
-                  de(S, function(D) {
-                    D.forceMinPriority(E.transport.priority);
+                  de(S, function(I) {
+                    I.forceMinPriority(E.transport.priority);
                   }), u(null, E);
                 };
               });
             }
           }
-          function ia(c, r, u) {
-            var b = Y(c, function(S, x, E, D) {
-              return S.connect(r, u(x, D));
+          function na(c, r, u) {
+            var b = Y(c, function(S, x, E, I) {
+              return S.connect(r, u(x, I));
             });
             return {
               abort: function() {
-                de(b, sa);
+                de(b, ta);
               },
               forceMinPriority: function(S) {
                 de(b, function(x) {
@@ -32343,15 +32343,15 @@ var fo = { exports: {} };
               }
             };
           }
-          function ta(c) {
+          function ia(c) {
             return ai(c, function(r) {
               return !!r.error;
             });
           }
-          function sa(c) {
+          function ta(c) {
             !c.error && !c.aborted && (c.abort(), c.aborted = !0);
           }
-          class oa {
+          class sa {
             constructor(r, u, b) {
               this.strategy = r, this.transports = u, this.ttl = b.ttl || 1800 * 1e3, this.usingTLS = b.useTLS, this.timeline = b.timeline;
             }
@@ -32359,20 +32359,20 @@ var fo = { exports: {} };
               return this.strategy.isSupported();
             }
             connect(r, u) {
-              var b = this.usingTLS, S = aa(b), x = S && S.cacheSkipCount ? S.cacheSkipCount : 0, E = [this.strategy];
+              var b = this.usingTLS, S = oa(b), x = S && S.cacheSkipCount ? S.cacheSkipCount : 0, E = [this.strategy];
               if (S && S.timestamp + this.ttl >= ae.now()) {
-                var D = this.transports[S.transport];
-                D && (["ws", "wss"].includes(S.transport) || x > 3 ? (this.timeline.info({
+                var I = this.transports[S.transport];
+                I && (["ws", "wss"].includes(S.transport) || x > 3 ? (this.timeline.info({
                   cached: !0,
                   transport: S.transport,
                   latency: S.latency
-                }), E.push(new Cn([D], {
+                }), E.push(new Cn([I], {
                   timeout: S.latency * 2 + 1e3,
                   failFast: !0
                 }))) : x++);
               }
               var B = ae.now(), Z = E.pop().connect(r, function Q(ce, mi) {
-                ce ? (Ot(b), E.length > 0 ? (B = ae.now(), Z = E.pop().connect(r, Q)) : u(ce)) : (ra(b, mi.transport.name, ae.now() - B, x), u(null, mi));
+                ce ? (Ot(b), E.length > 0 ? (B = ae.now(), Z = E.pop().connect(r, Q)) : u(ce)) : (aa(b, mi.transport.name, ae.now() - B, x), u(null, mi));
               });
               return {
                 abort: function() {
@@ -32387,7 +32387,7 @@ var fo = { exports: {} };
           function $i(c) {
             return "pusherTransport" + (c ? "TLS" : "NonTLS");
           }
-          function aa(c) {
+          function oa(c) {
             var r = O.getLocalStorage();
             if (r)
               try {
@@ -32399,7 +32399,7 @@ var fo = { exports: {} };
               }
             return null;
           }
-          function ra(c, r, u, b) {
+          function aa(c, r, u, b) {
             var S = O.getLocalStorage();
             if (S)
               try {
@@ -32454,7 +32454,7 @@ var fo = { exports: {} };
               return b.connect(r, u);
             }
           }
-          class la {
+          class ra {
             constructor(r) {
               this.strategy = r;
             }
@@ -32473,10 +32473,10 @@ var fo = { exports: {} };
               return c.isSupported();
             };
           }
-          var da = function(c, r, u) {
+          var la = function(c, r, u) {
             var b = {};
-            function S(Jt, lr, dr, ur, cr) {
-              var $t = u(c, Jt, lr, dr, ur, cr);
+            function S(Jt, rr, lr, dr, ur) {
+              var $t = u(c, Jt, rr, lr, dr, ur);
               return b[Jt] = $t, $t;
             }
             var x = Object.assign({}, r, {
@@ -32485,7 +32485,7 @@ var fo = { exports: {} };
               httpPath: c.wsPath
             }), E = Object.assign({}, x, {
               useTLS: !0
-            }), D = Object.assign({}, r, {
+            }), I = Object.assign({}, r, {
               hostNonTLS: c.httpHost + ":" + c.httpPort,
               hostTLS: c.httpHost + ":" + c.httpsPort,
               httpPath: c.httpPath
@@ -32500,36 +32500,36 @@ var fo = { exports: {} };
               lives: 2,
               minPingDelay: 1e4,
               maxPingDelay: c.activityTimeout
-            }), ce = S("ws", "ws", 3, x, Z), mi = S("wss", "ws", 3, E, Z), tr = S("sockjs", "sockjs", 1, D), Ft = S("xhr_streaming", "xhr_streaming", 1, D, Q), sr = S("xdr_streaming", "xdr_streaming", 1, D, Q), Gt = S("xhr_polling", "xhr_polling", 1, D), or = S("xdr_polling", "xdr_polling", 1, D), qt = new Cn([ce], B), ar = new Cn([mi], B), rr = new Cn([tr], B), zt = new Cn([
-              new Gn(qn(Ft), Ft, sr)
+            }), ce = S("ws", "ws", 3, x, Z), mi = S("wss", "ws", 3, E, Z), ir = S("sockjs", "sockjs", 1, I), Ft = S("xhr_streaming", "xhr_streaming", 1, I, Q), tr = S("xdr_streaming", "xdr_streaming", 1, I, Q), Gt = S("xhr_polling", "xhr_polling", 1, I), sr = S("xdr_polling", "xdr_polling", 1, I), qt = new Cn([ce], B), or = new Cn([mi], B), ar = new Cn([ir], B), zt = new Cn([
+              new Gn(qn(Ft), Ft, tr)
             ], B), Wt = new Cn([
-              new Gn(qn(Gt), Gt, or)
+              new Gn(qn(Gt), Gt, sr)
             ], B), Zt = new Cn([
               new Gn(qn(zt), new Ji([
                 zt,
                 new ci(Wt, { delay: 4e3 })
               ]), Wt)
-            ], B), et = new Gn(qn(Zt), Zt, rr), nt;
+            ], B), et = new Gn(qn(Zt), Zt, ar), nt;
             return r.useTLS ? nt = new Ji([
               qt,
               new ci(et, { delay: 2e3 })
             ]) : nt = new Ji([
               qt,
-              new ci(ar, { delay: 2e3 }),
+              new ci(or, { delay: 2e3 }),
               new ci(et, { delay: 5e3 })
-            ]), new oa(new la(new Gn(qn(ce), nt, et)), b, {
+            ]), new sa(new ra(new Gn(qn(ce), nt, et)), b, {
               ttl: 18e5,
               timeline: r.timeline,
               useTLS: r.useTLS
             });
-          }, ua = da, ca = function() {
+          }, da = la, ua = function() {
             var c = this;
             c.timeline.info(c.buildTimelineMessage({
               transport: c.name + (c.options.useTLS ? "s" : "")
             })), c.hooks.isInitialized() ? c.changeState("initialized") : c.hooks.file ? (c.changeState("initializing"), g.load(c.hooks.file, { useTLS: c.options.useTLS }, function(r, u) {
               c.hooks.isInitialized() ? (c.changeState("initialized"), u(!0)) : (r && c.onError(r), c.onClose(), u(!1));
             })) : c.onClose();
-          }, ha = {
+          }, ca = {
             getRequest: function(c) {
               var r = new window.XDomainRequest();
               return r.ontimeout = function() {
@@ -32545,9 +32545,9 @@ var fo = { exports: {} };
             abortRequest: function(c) {
               c.ontimeout = c.onerror = c.onprogress = c.onload = null, c.abort();
             }
-          }, ma = ha;
-          const va = 256 * 1024;
-          class pa extends Je {
+          }, ha = ca;
+          const ma = 256 * 1024;
+          class va extends Je {
             constructor(r, u, b) {
               super(), this.hooks = r, this.method = u, this.url = b;
             }
@@ -32575,17 +32575,17 @@ var fo = { exports: {} };
               return b !== -1 ? (this.position += b + 1, u.slice(0, b)) : null;
             }
             isBufferTooLong(r) {
-              return this.position === r.length && r.length > va;
+              return this.position === r.length && r.length > ma;
             }
           }
           var Yi;
           (function(c) {
             c[c.CONNECTING = 0] = "CONNECTING", c[c.OPEN = 1] = "OPEN", c[c.CLOSED = 3] = "CLOSED";
           })(Yi || (Yi = {}));
-          var Sn = Yi, ba = 1;
-          class fa {
+          var Sn = Yi, pa = 1;
+          class ba {
             constructor(r, u) {
-              this.hooks = r, this.session = Vt(1e3) + "/" + Sa(8), this.location = ga(u), this.readyState = Sn.CONNECTING, this.openStream();
+              this.hooks = r, this.session = Vt(1e3) + "/" + Ca(8), this.location = fa(u), this.readyState = Sn.CONNECTING, this.openStream();
             }
             send(r) {
               return this.sendRaw(JSON.stringify([r]));
@@ -32599,7 +32599,7 @@ var fo = { exports: {} };
             sendRaw(r) {
               if (this.readyState === Sn.OPEN)
                 try {
-                  return O.createSocketRequest("POST", Ut(ya(this.location, this.session))).start(r), !0;
+                  return O.createSocketRequest("POST", Ut(ga(this.location, this.session))).start(r), !0;
                 } catch {
                   return !1;
                 }
@@ -32642,7 +32642,7 @@ var fo = { exports: {} };
               }
             }
             onOpen(r) {
-              this.readyState === Sn.CONNECTING ? (r && r.hostname && (this.location.base = Ca(this.location.base, r.hostname)), this.readyState = Sn.OPEN, this.onopen && this.onopen()) : this.onClose(1006, "Server lost session", !0);
+              this.readyState === Sn.CONNECTING ? (r && r.hostname && (this.location.base = ya(this.location.base, r.hostname)), this.readyState = Sn.OPEN, this.onopen && this.onopen()) : this.onClose(1006, "Server lost session", !0);
             }
             onEvent(r) {
               this.readyState === Sn.OPEN && this.onmessage && this.onmessage({ data: r });
@@ -32673,33 +32673,33 @@ var fo = { exports: {} };
               this.stream && (this.stream.unbind_all(), this.stream.close(), this.stream = null);
             }
           }
-          function ga(c) {
+          function fa(c) {
             var r = /([^\?]*)\/*(\??.*)/.exec(c);
             return {
               base: r[1],
               queryString: r[2]
             };
           }
-          function ya(c, r) {
+          function ga(c, r) {
             return c.base + "/" + r + "/xhr_send";
           }
           function Ut(c) {
             var r = c.indexOf("?") === -1 ? "?" : "&";
-            return c + r + "t=" + +/* @__PURE__ */ new Date() + "&n=" + ba++;
+            return c + r + "t=" + +/* @__PURE__ */ new Date() + "&n=" + pa++;
           }
-          function Ca(c, r) {
+          function ya(c, r) {
             var u = /(https?:\/\/)([^\/:]+)((\/|:)?.*)/.exec(c);
             return u[1] + r + u[3];
           }
           function Vt(c) {
             return O.randomInt(c);
           }
-          function Sa(c) {
+          function Ca(c) {
             for (var r = [], u = 0; u < c; u++)
               r.push(Vt(32).toString(32));
             return r.join("");
           }
-          var ka = fa, wa = {
+          var Sa = ba, ka = {
             getReceiveURL: function(c, r) {
               return c.base + "/" + r + "/xhr_streaming" + c.queryString;
             },
@@ -32712,7 +32712,7 @@ var fo = { exports: {} };
             onFinished: function(c, r) {
               c.onClose(1006, "Connection interrupted (" + r + ")", !1);
             }
-          }, _a = wa, Ma = {
+          }, wa = ka, _a = {
             getReceiveURL: function(c, r) {
               return c.base + "/" + r + "/xhr" + c.queryString;
             },
@@ -32724,7 +32724,7 @@ var fo = { exports: {} };
             onFinished: function(c, r) {
               r === 200 ? c.reconnect() : c.onClose(1006, "Connection interrupted (" + r + ")", !1);
             }
-          }, Aa = Ma, La = {
+          }, Ma = _a, Aa = {
             getRequest: function(c) {
               var r = O.getXHRAPI(), u = new r();
               return u.onreadystatechange = u.onprogress = function() {
@@ -32741,36 +32741,36 @@ var fo = { exports: {} };
             abortRequest: function(c) {
               c.onreadystatechange = null, c.abort();
             }
-          }, xa = La, Ta = {
+          }, La = Aa, xa = {
             createStreamingSocket(c) {
-              return this.createSocket(_a, c);
+              return this.createSocket(wa, c);
             },
             createPollingSocket(c) {
-              return this.createSocket(Aa, c);
+              return this.createSocket(Ma, c);
             },
             createSocket(c, r) {
-              return new ka(c, r);
+              return new Sa(c, r);
             },
             createXHR(c, r) {
-              return this.createRequest(xa, c, r);
+              return this.createRequest(La, c, r);
             },
             createRequest(c, r, u) {
-              return new pa(c, r, u);
+              return new va(c, r, u);
             }
-          }, Kt = Ta;
+          }, Kt = xa;
           Kt.createXDR = function(c, r) {
-            return this.createRequest(ma, c, r);
+            return this.createRequest(ha, c, r);
           };
-          var Ea = Kt, Pa = {
+          var Ta = Kt, Ea = {
             nextAuthCallbackID: 1,
             auth_callbacks: {},
             ScriptReceivers: a,
             DependenciesReceivers: v,
-            getDefaultStrategy: ua,
-            Transports: Vo,
-            transportConnectionInitializer: ca,
-            HTTPFactory: Ea,
-            TimelineTransport: Lo,
+            getDefaultStrategy: da,
+            Transports: Uo,
+            transportConnectionInitializer: ua,
+            HTTPFactory: Ta,
+            TimelineTransport: Ao,
             getXHRAPI() {
               return window.XMLHttpRequest;
             },
@@ -32791,7 +32791,7 @@ var fo = { exports: {} };
               return this.getDocument().location.protocol;
             },
             getAuthorizers() {
-              return { ajax: te, jsonp: ko };
+              return { ajax: te, jsonp: So };
             },
             onDocumentBody(c) {
               document.body ? c() : setTimeout(() => {
@@ -32799,10 +32799,10 @@ var fo = { exports: {} };
               }, 0);
             },
             createJSONPRequest(c, r) {
-              return new _o(c, r);
+              return new wo(c, r);
             },
             createScriptRequest(c) {
-              return new wo(c);
+              return new ko(c);
             },
             getLocalStorage() {
               try {
@@ -32822,7 +32822,7 @@ var fo = { exports: {} };
               return new ActiveXObject("Microsoft.XMLHTTP");
             },
             getNetwork() {
-              return jo;
+              return Ko;
             },
             createWebSocket(c) {
               var r = this.getWebSocketAPI();
@@ -32854,12 +32854,12 @@ var fo = { exports: {} };
                 return (window.crypto || window.msCrypto).getRandomValues(new Uint32Array(1))[0] / Math.pow(2, 32);
               }() * c);
             }
-          }, O = Pa, Qi;
+          }, O = Ea, Qi;
           (function(c) {
             c[c.ERROR = 3] = "ERROR", c[c.INFO = 6] = "INFO", c[c.DEBUG = 7] = "DEBUG";
           })(Qi || (Qi = {}));
           var hi = Qi;
-          class Ia {
+          class Pa {
             constructor(r, u, b) {
               this.key = r, this.session = u, this.events = [], this.options = b || {}, this.sent = 0, this.uniqueID = 0;
             }
@@ -32913,7 +32913,7 @@ var fo = { exports: {} };
               } else return jt(new G(), u);
               var b = !1, S = this.transport.createConnection(this.name, this.priority, this.options.key, this.options), x = null, E = function() {
                 S.unbind("initialized", E), S.connect();
-              }, D = function() {
+              }, I = function() {
                 x = $e.createHandshake(S, function(ce) {
                   b = !0, Q(), u(null, ce);
                 });
@@ -32924,9 +32924,9 @@ var fo = { exports: {} };
                 var ce;
                 ce = gn(S), u(new T(ce));
               }, Q = function() {
-                S.unbind("initialized", E), S.unbind("open", D), S.unbind("error", B), S.unbind("closed", Z);
+                S.unbind("initialized", E), S.unbind("open", I), S.unbind("error", B), S.unbind("closed", Z);
               };
-              return S.bind("initialized", E), S.bind("open", D), S.bind("error", B), S.bind("closed", Z), S.initialize(), {
+              return S.bind("initialized", E), S.bind("open", I), S.bind("error", B), S.bind("closed", Z), S.initialize(), {
                 abort: () => {
                   b || (Q(), x ? x.close() : S.close());
                 },
@@ -32946,14 +32946,14 @@ var fo = { exports: {} };
               }
             };
           }
-          const { Transports: Na } = O;
-          var Ba = function(c, r, u, b, S, x) {
-            var E = Na[u];
+          const { Transports: Ia } = O;
+          var Na = function(c, r, u, b, S, x) {
+            var E = Ia[u];
             if (!E)
               throw new K(u);
-            var D = (!c.enabledTransports || Ee(c.enabledTransports, r) !== -1) && (!c.disabledTransports || Ee(c.disabledTransports, r) === -1), B;
-            return D ? (S = Object.assign({ ignoreNullOrigin: c.ignoreNullOrigin }, S), B = new Da(r, b, x ? x.getAssistant(E) : E, S)) : B = Ha, B;
-          }, Ha = {
+            var I = (!c.enabledTransports || Ee(c.enabledTransports, r) !== -1) && (!c.disabledTransports || Ee(c.disabledTransports, r) === -1), B;
+            return I ? (S = Object.assign({ ignoreNullOrigin: c.ignoreNullOrigin }, S), B = new Da(r, b, x ? x.getAssistant(E) : E, S)) : B = Ba, B;
+          }, Ba = {
             isSupported: function() {
               return !1;
             },
@@ -32970,14 +32970,14 @@ var fo = { exports: {} };
               };
             }
           };
-          function Ra(c) {
+          function Ha(c) {
             if (c == null)
               throw "You must pass an options object";
             if (c.cluster == null)
               throw "Options object must provide a cluster";
             "disableStats" in c && oe.warn("The disableStats option is deprecated in favor of enableStats");
           }
-          const Oa = (c, r) => {
+          const Ra = (c, r) => {
             var u = "socket_id=" + encodeURIComponent(c.socketId);
             for (var b in r.params)
               u += "&" + encodeURIComponent(b) + "=" + encodeURIComponent(r.params[b]);
@@ -32988,15 +32988,15 @@ var fo = { exports: {} };
             }
             return u;
           };
-          var Ua = (c) => {
+          var Oa = (c) => {
             if (typeof O.getAuthorizers()[c.transport] > "u")
               throw `'${c.transport}' is not a recognized auth transport`;
             return (r, u) => {
-              const b = Oa(r, c);
+              const b = Ra(r, c);
               O.getAuthorizers()[c.transport](O, b, c, C.UserAuthentication, u);
             };
           };
-          const Va = (c, r) => {
+          const Ua = (c, r) => {
             var u = "socket_id=" + encodeURIComponent(c.socketId);
             u += "&channel_name=" + encodeURIComponent(c.channelName);
             for (var b in r.params)
@@ -33008,15 +33008,15 @@ var fo = { exports: {} };
             }
             return u;
           };
-          var Ka = (c) => {
+          var Va = (c) => {
             if (typeof O.getAuthorizers()[c.transport] > "u")
               throw `'${c.transport}' is not a recognized auth transport`;
             return (r, u) => {
-              const b = Va(r, c);
+              const b = Ua(r, c);
               O.getAuthorizers()[c.transport](O, b, c, C.ChannelAuthorization, u);
             };
           };
-          const ja = (c, r, u) => {
+          const Ka = (c, r, u) => {
             const b = {
               authTransport: r.transport,
               authEndpoint: r.endpoint,
@@ -33030,7 +33030,7 @@ var fo = { exports: {} };
               u(E, b).authorize(S.socketId, x);
             };
           };
-          function Fa(c, r) {
+          function ja(c, r) {
             let u = {
               activityTimeout: c.activityTimeout || d.activityTimeout,
               cluster: c.cluster,
@@ -33043,46 +33043,46 @@ var fo = { exports: {} };
               wsPath: c.wsPath || d.wsPath,
               wsPort: c.wsPort || d.wsPort,
               wssPort: c.wssPort || d.wssPort,
-              enableStats: Za(c),
-              httpHost: Ga(c),
-              useTLS: Wa(c),
-              wsHost: qa(c),
-              userAuthenticator: Ja(c),
-              channelAuthorizer: Ya(c, r)
+              enableStats: Wa(c),
+              httpHost: Fa(c),
+              useTLS: za(c),
+              wsHost: Ga(c),
+              userAuthenticator: Za(c),
+              channelAuthorizer: $a(c, r)
             };
             return "disabledTransports" in c && (u.disabledTransports = c.disabledTransports), "enabledTransports" in c && (u.enabledTransports = c.enabledTransports), "ignoreNullOrigin" in c && (u.ignoreNullOrigin = c.ignoreNullOrigin), "timelineParams" in c && (u.timelineParams = c.timelineParams), "nacl" in c && (u.nacl = c.nacl), u;
           }
-          function Ga(c) {
+          function Fa(c) {
             return c.httpHost ? c.httpHost : c.cluster ? `sockjs-${c.cluster}.pusher.com` : d.httpHost;
           }
-          function qa(c) {
-            return c.wsHost ? c.wsHost : za(c.cluster);
+          function Ga(c) {
+            return c.wsHost ? c.wsHost : qa(c.cluster);
           }
-          function za(c) {
+          function qa(c) {
             return `ws-${c}.pusher.com`;
           }
-          function Wa(c) {
+          function za(c) {
             return O.getProtocol() === "https:" ? !0 : c.forceTLS !== !1;
           }
-          function Za(c) {
+          function Wa(c) {
             return "enableStats" in c ? c.enableStats : "disableStats" in c ? !c.disableStats : !1;
           }
-          function Ja(c) {
+          function Za(c) {
             const r = Object.assign(Object.assign({}, d.userAuthentication), c.userAuthentication);
-            return "customHandler" in r && r.customHandler != null ? r.customHandler : Ua(r);
+            return "customHandler" in r && r.customHandler != null ? r.customHandler : Oa(r);
           }
-          function $a(c, r) {
+          function Ja(c, r) {
             let u;
             return "channelAuthorization" in c ? u = Object.assign(Object.assign({}, d.channelAuthorization), c.channelAuthorization) : (u = {
               transport: c.authTransport || d.authTransport,
               endpoint: c.authEndpoint || d.authEndpoint
-            }, "auth" in c && ("params" in c.auth && (u.params = c.auth.params), "headers" in c.auth && (u.headers = c.auth.headers)), "authorizer" in c && (u.customHandler = ja(r, u, c.authorizer))), u;
+            }, "auth" in c && ("params" in c.auth && (u.params = c.auth.params), "headers" in c.auth && (u.headers = c.auth.headers)), "authorizer" in c && (u.customHandler = Ka(r, u, c.authorizer))), u;
           }
-          function Ya(c, r) {
-            const u = $a(c, r);
-            return "customHandler" in u && u.customHandler != null ? u.customHandler : Ka(u);
+          function $a(c, r) {
+            const u = Ja(c, r);
+            return "customHandler" in u && u.customHandler != null ? u.customHandler : Va(u);
           }
-          class Qa extends Je {
+          class Ya extends Je {
             constructor(r) {
               super(function(u, b) {
                 oe.debug(`No callbacks on watchlist events for ${u}`);
@@ -33100,14 +33100,14 @@ var fo = { exports: {} };
               });
             }
           }
-          function Xa() {
+          function Qa() {
             let c, r;
             return { promise: new Promise((b, S) => {
               c = b, r = S;
             }), resolve: c, reject: r };
           }
-          var er = Xa;
-          class nr extends Je {
+          var Xa = Qa;
+          class er extends Je {
             constructor(r) {
               super(function(u, b) {
                 oe.debug("No callbacks on user for " + u);
@@ -33122,7 +33122,7 @@ var fo = { exports: {} };
                 });
               }, this.pusher = r, this.pusher.connection.bind("state_change", ({ previous: u, current: b }) => {
                 u !== "connected" && b === "connected" && this._signin(), u === "connected" && b !== "connected" && (this._cleanup(), this._newSigninPromiseIfNeeded());
-              }), this.watchlist = new Qa(r), this.pusher.connection.bind("message", (u) => {
+              }), this.watchlist = new Ya(r), this.pusher.connection.bind("message", (u) => {
                 var b = u.event;
                 b === "pusher:signin_success" && this._onSigninSuccess(u.data), this.serverToUserChannel && this.serverToUserChannel.name === u.channel && this.serverToUserChannel.handleEvent(u);
               });
@@ -33162,7 +33162,7 @@ var fo = { exports: {} };
             _newSigninPromiseIfNeeded() {
               if (!this.signin_requested || this.signinDonePromise && !this.signinDonePromise.done)
                 return;
-              const { promise: r, resolve: u, reject: b } = er();
+              const { promise: r, resolve: u, reject: b } = Xa();
               r.done = !1;
               const S = () => {
                 r.done = !0;
@@ -33182,7 +33182,7 @@ var fo = { exports: {} };
               }));
             }
             constructor(r, u) {
-              ir(r), Ra(u), this.key = r, this.config = Fa(u, this), this.channels = $e.createChannels(), this.global_emitter = new Je(), this.sessionID = O.randomInt(1e9), this.timeline = new Ia(this.key, this.sessionID, {
+              nr(r), Ha(u), this.key = r, this.config = ja(u, this), this.channels = $e.createChannels(), this.global_emitter = new Je(), this.sessionID = O.randomInt(1e9), this.timeline = new Pa(this.key, this.sessionID, {
                 cluster: this.config.cluster,
                 features: ye.getClientFeatures(),
                 params: this.config.timelineParams || {},
@@ -33193,7 +33193,7 @@ var fo = { exports: {} };
                 host: this.config.statsHost,
                 path: "/timeline/v2/" + O.TimelineTransport.name
               }));
-              var b = (S) => O.getDefaultStrategy(this.config, S, Ba);
+              var b = (S) => O.getDefaultStrategy(this.config, S, Na);
               this.connection = $e.createConnectionManager(this.key, {
                 getStrategy: b,
                 timeline: this.timeline,
@@ -33206,8 +33206,8 @@ var fo = { exports: {} };
               }), this.connection.bind("message", (S) => {
                 var x = S.event, E = x.indexOf("pusher_internal:") === 0;
                 if (S.channel) {
-                  var D = this.channel(S.channel);
-                  D && D.handleEvent(S);
+                  var I = this.channel(S.channel);
+                  I && I.handleEvent(S);
                 }
                 E || this.global_emitter.emit(S.event, S.data);
               }), this.connection.bind("connecting", () => {
@@ -33216,7 +33216,7 @@ var fo = { exports: {} };
                 this.channels.disconnect();
               }), this.connection.bind("error", (S) => {
                 oe.warn(S);
-              }), ye.instances.push(this), this.timeline.info({ instances: ye.instances.length }), this.user = new nr(this), ye.isReady && this.connect();
+              }), ye.instances.push(this), this.timeline.info({ instances: ye.instances.length }), this.user = new er(this), ye.isReady && this.connect();
             }
             channel(r) {
               return this.channels.find(r);
@@ -33275,7 +33275,7 @@ var fo = { exports: {} };
           }
           ye.instances = [], ye.isReady = !1, ye.logToConsole = !1, ye.Runtime = O, ye.ScriptReceivers = O.ScriptReceivers, ye.DependenciesReceivers = O.DependenciesReceivers, ye.auth_callbacks = O.auth_callbacks;
           var Xi = t.default = ye;
-          function ir(c) {
+          function nr(c) {
             if (c == null)
               throw "You must pass your app key when you instantiate Pusher.";
           }
@@ -33286,8 +33286,8 @@ var fo = { exports: {} };
     );
   });
 })(fo);
-var Ud = fo.exports;
-const Vd = /* @__PURE__ */ Od(Ud);
+var Od = fo.exports;
+const Ud = /* @__PURE__ */ Rd(Od);
 class ks {
   constructor(e) {
     h(this, "container");
@@ -33351,7 +33351,7 @@ class ks {
       2
     )}`), t && this.payment.bankDetails && (t.innerHTML = (C = this.payment.bankDetails) == null ? void 0 : C.bankName), s && this.payment.bankDetails && (s.innerHTML = (w = this.payment.bankDetails) == null ? void 0 : w.accountName), o && this.payment.bankDetails && (o.innerHTML = this.payment.bankDetails.accountNumber), a && (a.innerHTML = Yn(this.initialTime)), this.startTimer("poll"), e.status === "inProgress") {
       const M = "45654f3ce4c9512ea9a4", A = "us2";
-      var p = new Vd(M, {
+      var p = new Ud(M, {
         cluster: A
       }), v = p.subscribe(e.reference);
       v.bind("payment_status", (_) => {
@@ -33370,10 +33370,10 @@ class ks {
     this.attachListener();
   }
   render() {
-    return Rd;
+    return Hd;
   }
 }
-const Kd = `<div id="trasferConfirmationProgress">
+const Vd = `<div id="trasferConfirmationProgress">
   <div>
     <div>
       <div class=" grid grid-rows-[auto_1fr] gap-4 mx-5">
@@ -33455,7 +33455,7 @@ const Kd = `<div id="trasferConfirmationProgress">
     </div>
   </div>
 </div>`;
-class jd {
+class Kd {
   constructor(e) {
     h(this, "container");
     h(this, "onAction");
@@ -33561,10 +33561,10 @@ class jd {
     this.container.innerHTML = this.render(), this.renderTransferDetailsComponent(e), this.attachListeners();
   }
   render() {
-    return Kd;
+    return Vd;
   }
 }
-const Fd = `<div id="paymenExpired">
+const jd = `<div id="paymenExpired">
   <div class="container-center min-h-[30dvh]">
     <div>
       <div class="container-center mb-5">
@@ -33588,7 +33588,7 @@ const Fd = `<div id="paymenExpired">
     </div>
   </div>
 </div>`;
-class Gd {
+class Fd {
   constructor(e) {
     h(this, "container");
     this.container = e.container;
@@ -33599,10 +33599,10 @@ class Gd {
     this.container.innerHTML = this.render();
   }
   render() {
-    return Fd;
+    return jd;
   }
 }
-class qd {
+class Gd {
   constructor({
     amount: e,
     totalAmount: i,
@@ -33792,12 +33792,12 @@ class qd {
           });
           break;
         case 2:
-          this.transferExpired = new Gd({
+          this.transferExpired = new Fd({
             container: this.contents
           }), this.transferExpired.renderComponent();
           break;
         case 5:
-          this.transferConfirmationProgress = new jd({
+          this.transferConfirmationProgress = new Kd({
             container: this.contents,
             onAction: (s, o) => {
               this.currentStep = s, s === 7 && o && this.warningScreen.setPaymentError(o);
@@ -34055,7 +34055,7 @@ class go extends Et {
     }
   }
 }
-class zd extends Et {
+class qd extends Et {
   constructor(e) {
     super(e);
   }
@@ -34083,7 +34083,7 @@ class zd extends Et {
     }
   }
 }
-class Wd extends Et {
+class zd extends Et {
   constructor(e) {
     super(e);
   }
@@ -34106,7 +34106,7 @@ class Wd extends Et {
     }
   }
 }
-const Zd = `<form id="ussdBanks">
+const Wd = `<form id="ussdBanks">
   <div>
     <h5 class="text-grey-400 font-semibold text-sm">Please choose your bank to begin payment</h5>
     <div class="mt-2">
@@ -34154,7 +34154,7 @@ class _s {
     h(this, "rate");
     h(this, "amount");
     h(this, "totalAmount");
-    this.container = e.container, this.currency = e.currency, this.localCurrency = e.localCurrency, this.rate = e.rate, this.amount = e.amount, this.totalAmount = e.totalAmount, this.bank_list = [], this.bank_service = new Wd({
+    this.container = e.container, this.currency = e.currency, this.localCurrency = e.localCurrency, this.rate = e.rate, this.amount = e.amount, this.totalAmount = e.totalAmount, this.bank_list = [], this.bank_service = new zd({
       token: e.merchantKey,
       rdtCode: e.rdtCode,
       url: e.url
@@ -34221,10 +34221,10 @@ class _s {
     }), this.displayButtonText(), this.attachListerner();
   }
   render() {
-    return Zd;
+    return Wd;
   }
 }
-const Jd = `<div id="viewCode">
+const Zd = `<div id="viewCode">
   <div class="grid gap-4">
     <div class="text-center">
       <div class="md:w-4/5 mx-auto grid gap-3">
@@ -34262,7 +34262,7 @@ const Jd = `<div id="viewCode">
     </div>
   </div>
 </div>`;
-class $d {
+class Jd {
   constructor(e) {
     h(this, "container");
     h(this, "selected");
@@ -34379,13 +34379,13 @@ class $d {
     this.makePayment(), this.attachListener();
   }
   render() {
-    return Jd;
+    return Zd;
   }
 }
-var Yd = Object.defineProperty, Qd = (n, e, i, t) => {
+var $d = Object.defineProperty, Yd = (n, e, i, t) => {
   for (var s = void 0, o = n.length - 1, a; o >= 0; o--)
     (a = n[o]) && (s = a(e, i, s) || s);
-  return s && Yd(e, i, s), s;
+  return s && $d(e, i, s), s;
 };
 class yo {
   constructor({
@@ -34506,7 +34506,7 @@ class yo {
         }), this.bankDetail.renderContent();
         break;
       case 2:
-        this.viewUssdCode = new $d({
+        this.viewUssdCode = new Jd({
           container: this.contents,
           onAction: (t, s) => {
             this.activeRef = s, this.currentStep = 4, this.intervalPayment = setInterval(() => {
@@ -34573,11 +34573,11 @@ class yo {
     }, 400), this.currentStep = 2;
   }
 }
-Qd([
+Yd([
   ws(),
   ws()
 ], yo.prototype, "selectedCode");
-const Xd = {
+const Qd = {
   NGN: "Nigerian Naira",
   USD: "US Dollar",
   GHS: "Ghanaian Cedi",
@@ -34585,8 +34585,8 @@ const Xd = {
   ZAF: "South African Rand",
   USDT: "Tether",
   KSH: "Kenyan Shilling"
-}, eu = (n) => n == null ? void 0 : n.replace(/_/g, " ");
-function nu(n) {
+}, Xd = (n) => n == null ? void 0 : n.replace(/_/g, " ");
+function eu(n) {
   return n.split(" ").map(
     (e) => e.charAt(0).toUpperCase() + e.slice(1).toLowerCase()
     // Capitalize the first letter and make the rest lowercase
@@ -34594,11 +34594,11 @@ function nu(n) {
 }
 const gi = (n) => {
   if (n) {
-    const e = eu(n);
-    return nu(e);
+    const e = Xd(n);
+    return eu(e);
   }
   return "";
-}, iu = `<div>
+}, nu = `<div>
   <button id="go-back" class="md:hidden" aria-label="Go back">
   </button>
 </div>
@@ -34735,7 +34735,7 @@ const gi = (n) => {
     <!-- Tab options -->
   </div>
 </div>`;
-class tu {
+class iu {
   constructor(e) {
     h(this, "container");
     h(this, "email");
@@ -34768,7 +34768,7 @@ class tu {
     });
   }
   renderComponent() {
-    var G, U, j, te, ge, V, ke, le, xe, we, ze, sn, We, bn, on, Te, Ze, fn, ae, pe, Ie, Ee, Ce, je, N, de, Y, ue, Pe, J, an, jn, ai, ri, li, di, gn;
+    var G, U, j, te, ge, V, ke, le, xe, we, ze, sn, We, bn, on, Te, Ze, fn, ae, pe, De, Ee, Ce, je, N, de, Y, ue, Pe, J, an, jn, ai, ri, li, di, gn;
     this.container.innerHTML = this.render(), this.amount = this.amount;
     const e = this.container.querySelector(
       "#merchant-logo-container"
@@ -34812,13 +34812,13 @@ class tu {
     d && (this.currency === "USD" ? v && (v.innerHTML = `1 ${((bn = (We = this.merchantDetail) == null ? void 0 : We.rate) == null ? void 0 : bn.to) || "-"} = ${((Te = (on = this.merchantDetail) == null ? void 0 : on.rate) == null ? void 0 : Te.from) || "-"} ${Le(
       ((Ze = this.merchantDetail.rate) == null ? void 0 : Ze.rate) || 1,
       2
-    )} `) : d.innerHTML = ""), p && (this.currency === "USD" ? g && (g.innerHTML = `1 ${((ae = (fn = this.merchantDetail) == null ? void 0 : fn.rate) == null ? void 0 : ae.to) || "-"} = ${((Ie = (pe = this.merchantDetail) == null ? void 0 : pe.rate) == null ? void 0 : Ie.from) || "-"} ${Le(
+    )} `) : d.innerHTML = ""), p && (this.currency === "USD" ? g && (g.innerHTML = `1 ${((ae = (fn = this.merchantDetail) == null ? void 0 : fn.rate) == null ? void 0 : ae.to) || "-"} = ${((De = (pe = this.merchantDetail) == null ? void 0 : pe.rate) == null ? void 0 : De.from) || "-"} ${Le(
       ((Ee = this.merchantDetail.rate) == null ? void 0 : Ee.rate) || 1,
       2
     )} `) : p.innerHTML = ""), (je = (Ce = this.merchantDetail) == null ? void 0 : Ce.plan) != null && je.title || (N = this.metadata) != null && N.productName ? f && (f.innerHTML = `${this.currency} ${Le(this.amount, 2)}`) : (k && (k.innerHTML = `<span> ${this.currency} ${Le(this.amount, 2)} </span>`), o && a && (o.remove(), a == null || a.remove()), this.localCurrency ? f == null || f.remove() : l && l.remove()), y && (y.innerHTML = `${this.currency} ${Le(this.amount, 2)}`), C && (this.localCurrency && this.localCurrency !== this.currency ? C.children[1].innerHTML = `${this.localCurrency} ${Le(this.amount * (((Y = (de = this.merchantDetail) == null ? void 0 : de.rate) == null ? void 0 : Y.rate) || 1), 2)}` : C.remove()), w && (this.localCurrency && this.localCurrency !== this.currency ? w.children[1].innerHTML = `${this.localCurrency} ${Le(this.amount * (((Pe = (ue = this.merchantDetail) == null ? void 0 : ue.rate) == null ? void 0 : Pe.rate) || 1), 2)}` : w.remove());
-    const I = this.localCurrency !== this.currency ? this.amount * (((an = (J = this.merchantDetail) == null ? void 0 : J.rate) == null ? void 0 : an.rate) || 1) : this.amount;
-    M && (jn = this.merchantDetail) != null && jn.taxQuoteId && (ai = this.merchantDetail) != null && ai.totalAmount && (M.classList.remove("hidden"), M.children[1].innerHTML = `${this.localCurrency !== this.currency ? this.localCurrency : this.currency} ${Le(((ri = this.merchantDetail) == null ? void 0 : ri.totalAmount) - I, 2)}`), A && (li = this.merchantDetail) != null && li.taxQuoteId && (di = this.merchantDetail) != null && di.totalAmount && (A.classList.remove("hidden"), A.children[1].innerHTML = `${this.localCurrency !== this.currency ? this.localCurrency : this.currency} ${Le(((gn = this.merchantDetail) == null ? void 0 : gn.totalAmount) - I, 2)}`);
-    const K = Xd[this.localCurrency];
+    const D = this.localCurrency !== this.currency ? this.amount * (((an = (J = this.merchantDetail) == null ? void 0 : J.rate) == null ? void 0 : an.rate) || 1) : this.amount;
+    M && (jn = this.merchantDetail) != null && jn.taxQuoteId && (ai = this.merchantDetail) != null && ai.totalAmount && (M.classList.remove("hidden"), M.children[1].innerHTML = `${this.localCurrency !== this.currency ? this.localCurrency : this.currency} ${Le(((ri = this.merchantDetail) == null ? void 0 : ri.totalAmount) - D, 2)}`), A && (li = this.merchantDetail) != null && li.taxQuoteId && (di = this.merchantDetail) != null && di.totalAmount && (A.classList.remove("hidden"), A.children[1].innerHTML = `${this.localCurrency !== this.currency ? this.localCurrency : this.currency} ${Le(((gn = this.merchantDetail) == null ? void 0 : gn.totalAmount) - D, 2)}`);
+    const K = Qd[this.localCurrency];
     _ && this.localCurrency && (_.innerHTML = K ? `${K} (${this.localCurrency})` : this.localCurrency), T && this.localCurrency && (T.innerHTML = K ? `${K} (${this.localCurrency})` : this.localCurrency), this.renderPaymentOptions(this.container), this.attachListeners();
   }
   renderPaymentOptions(e) {
@@ -34891,10 +34891,10 @@ class tu {
     }
   }
   render() {
-    return iu;
+    return nu;
   }
 }
-const su = `<div class="flex items-center justify-center md:justify-between w-full text-xxs mt-5">
+const tu = `<div class="flex items-center justify-center md:justify-between w-full text-xxs mt-5">
   <div class="text-tone-60"><span>Powered by</span> <span class="font-bold">Spotflow</span></div>
   <div class="align-center text-tone-60 hidden md:flex gap-4">
     <!-- <span id="test-cards-link"  class="hover:font-bold">Test Cards</span> -->
@@ -34902,371 +34902,7 @@ const su = `<div class="flex items-center justify-center md:justify-between w-fu
     <a href="https://ribbon-scowl-35f.notion.site/Privacy-Policy-Spotflow-3997ee8d923d4cd39a3dc43b7249b713" target="_blank" class="hover:font-bold">Privacy</a>
     <a href="mailto:hello@spotflow.one" class="hover:font-bold">Contact</a>
   </div>
-</div>`, ou = `<div class="box-container  flex-1">
-    <!-- test-cards.html -->
-    <div class="bg-gray-100 py-2 px-4 rounded-lg mt-4 relative">
-        <div class="flex items-start gap-4 mb-4">
-            <nav id="test-card-tabs"
-                class="flex w-full font-medium items-start gap-6 border-b border-tone-10 text-base text-tone-40 mb-2">
-                <button class="tab-btn active-tab" data-target="no-auth">No auth</button>
-                <button class="tab-btn" data-target="pin">Pin</button>
-                <button class="tab-btn" data-target="pin-otp">Pin + OTP</button>
-                <button class="tab-btn" data-target="3ds">3DS</button>
-                <button class="tab-btn" data-target="avs">AVS</button>
-            </nav>
-            <!-- Close Icon -->
-            <button id="close-test-card" class="text-gray-500 hover:text-black">
-                ✕
-            </button>
-        </div>
-
-        <!-- Section contents -->
-        <div id="no-auth" class="tab-content grid gap-3 border border-tone-50 px-6 py-4 rounded-2xl mb-4">
-            <div class="flex justify-between items-center">
-                <span class="text-tone-60 font-medium text-sm">Number</span>
-                <div class="flex items-center gap-1">
-                    <span data-copy-value="4111112000062555" class="text-tone-100 text-sm font-medium">4111112000062555</span>
-                    <button class="copy-btn p-1 hover:opacity-80 transition-opacity">
-                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                            <path
-                                d="M4.66667 3.99992V1.99992C4.66667 1.82311 4.7369 1.65354 4.86193 1.52851C4.98695 1.40349 5.15652 1.33325 5.33333 1.33325H13.3333C13.5101 1.33325 13.6797 1.40349 13.8047 1.52851C13.9298 1.65354 14 1.82311 14 1.99992V11.3333C14 11.5101 13.9298 11.6796 13.8047 11.8047C13.6797 11.9297 13.5101 11.9999 13.3333 11.9999H11.3333V13.9999C11.3333 14.3679 11.0333 14.6666 10.662 14.6666H2.67133C2.58342 14.6671 2.49626 14.6503 2.41488 14.617C2.3335 14.5837 2.25949 14.5347 2.19711 14.4728C2.13472 14.4108 2.0852 14.3372 2.05137 14.256C2.01754 14.1749 2.00009 14.0878 2 13.9999L2.002 4.66659C2.002 4.29859 2.302 3.99992 2.67333 3.99992H4.66667ZM3.33533 5.33325L3.33333 13.3333H10V5.33325H3.33533ZM6 3.99992H11.3333V10.6666H12.6667V2.66659H6V3.99992Z"
-                                fill="#0D0716" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
-            <div class="flex justify-between items-center">
-                <span class="text-tone-60 font-medium text-sm">Expiry</span>
-                <div class="flex items-center gap-1">
-                    <span data-copy-value="12/30" class="text-tone-100 text-sm font-medium">12/2030 </span>
-                    <button class="copy-btn p-1 hover:opacity-80 transition-opacity">
-                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                            <path
-                                d="M4.66667 3.99992V1.99992C4.66667 1.82311 4.7369 1.65354 4.86193 1.52851C4.98695 1.40349 5.15652 1.33325 5.33333 1.33325H13.3333C13.5101 1.33325 13.6797 1.40349 13.8047 1.52851C13.9298 1.65354 14 1.82311 14 1.99992V11.3333C14 11.5101 13.9298 11.6796 13.8047 11.8047C13.6797 11.9297 13.5101 11.9999 13.3333 11.9999H11.3333V13.9999C11.3333 14.3679 11.0333 14.6666 10.662 14.6666H2.67133C2.58342 14.6671 2.49626 14.6503 2.41488 14.617C2.3335 14.5837 2.25949 14.5347 2.19711 14.4728C2.13472 14.4108 2.0852 14.3372 2.05137 14.256C2.01754 14.1749 2.00009 14.0878 2 13.9999L2.002 4.66659C2.002 4.29859 2.302 3.99992 2.67333 3.99992H4.66667ZM3.33533 5.33325L3.33333 13.3333H10V5.33325H3.33533ZM6 3.99992H11.3333V10.6666H12.6667V2.66659H6V3.99992Z"
-                                fill="#0D0716" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
-            <div class="flex justify-between items-center">
-                <span class="text-tone-60 font-medium text-sm">CVV</span>
-                <div class="flex items-center gap-1">
-                    <span data-copy-value="455" class="text-tone-100 text-sm font-medium">455 </span>
-                    <button class="copy-btn p-1 hover:opacity-80 transition-opacity">
-                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                            <path
-                                d="M4.66667 3.99992V1.99992C4.66667 1.82311 4.7369 1.65354 4.86193 1.52851C4.98695 1.40349 5.15652 1.33325 5.33333 1.33325H13.3333C13.5101 1.33325 13.6797 1.40349 13.8047 1.52851C13.9298 1.65354 14 1.82311 14 1.99992V11.3333C14 11.5101 13.9298 11.6796 13.8047 11.8047C13.6797 11.9297 13.5101 11.9999 13.3333 11.9999H11.3333V13.9999C11.3333 14.3679 11.0333 14.6666 10.662 14.6666H2.67133C2.58342 14.6671 2.49626 14.6503 2.41488 14.617C2.3335 14.5837 2.25949 14.5347 2.19711 14.4728C2.13472 14.4108 2.0852 14.3372 2.05137 14.256C2.01754 14.1749 2.00009 14.0878 2 13.9999L2.002 4.66659C2.002 4.29859 2.302 3.99992 2.67333 3.99992H4.66667ZM3.33533 5.33325L3.33333 13.3333H10V5.33325H3.33533ZM6 3.99992H11.3333V10.6666H12.6667V2.66659H6V3.99992Z"
-                                fill="#0D0716" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
-        </div>
-
-        <!-- Pin -->
-        <div id="pin" class="hidden tab-content">
-            <div class=" grid gap-3 border border-tone-50 px-6 py-4 rounded-2xl mb-4">
-                <div class="flex justify-between items-center">
-                    <span class="text-tone-60 font-medium text-sm">Number</span>
-                    <div class="flex items-center gap-1">
-                        <span data-copy-value="5555558684543932"
-                            class="text-tone-100 text-sm font-medium">5555558684543932 </span>
-                        <button class="copy-btn p-1 hover:opacity-80 transition-opacity">
-                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
-                                xmlns="http://www.w3.org/2000/svg">
-                                <path
-                                    d="M4.66667 3.99992V1.99992C4.66667 1.82311 4.7369 1.65354 4.86193 1.52851C4.98695 1.40349 5.15652 1.33325 5.33333 1.33325H13.3333C13.5101 1.33325 13.6797 1.40349 13.8047 1.52851C13.9298 1.65354 14 1.82311 14 1.99992V11.3333C14 11.5101 13.9298 11.6796 13.8047 11.8047C13.6797 11.9297 13.5101 11.9999 13.3333 11.9999H11.3333V13.9999C11.3333 14.3679 11.0333 14.6666 10.662 14.6666H2.67133C2.58342 14.6671 2.49626 14.6503 2.41488 14.617C2.3335 14.5837 2.25949 14.5347 2.19711 14.4728C2.13472 14.4108 2.0852 14.3372 2.05137 14.256C2.01754 14.1749 2.00009 14.0878 2 13.9999L2.002 4.66659C2.002 4.29859 2.302 3.99992 2.67333 3.99992H4.66667ZM3.33533 5.33325L3.33333 13.3333H10V5.33325H3.33533ZM6 3.99992H11.3333V10.6666H12.6667V2.66659H6V3.99992Z"
-                                    fill="#0D0716" />
-                            </svg>
-                        </button>
-                    </div>
-                </div>
-
-                <div class="flex justify-between items-center">
-                    <span class="text-tone-60 font-medium text-sm">Expiry</span>
-                    <div class="flex items-center gap-1">
-                        <span data-copy-value="12/30" class="text-tone-100 text-sm font-medium">12/2030</span>
-                        <button class="copy-btn p-1 hover:opacity-80 transition-opacity">
-                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
-                                xmlns="http://www.w3.org/2000/svg">
-                                <path
-                                    d="M4.66667 3.99992V1.99992C4.66667 1.82311 4.7369 1.65354 4.86193 1.52851C4.98695 1.40349 5.15652 1.33325 5.33333 1.33325H13.3333C13.5101 1.33325 13.6797 1.40349 13.8047 1.52851C13.9298 1.65354 14 1.82311 14 1.99992V11.3333C14 11.5101 13.9298 11.6796 13.8047 11.8047C13.6797 11.9297 13.5101 11.9999 13.3333 11.9999H11.3333V13.9999C11.3333 14.3679 11.0333 14.6666 10.662 14.6666H2.67133C2.58342 14.6671 2.49626 14.6503 2.41488 14.617C2.3335 14.5837 2.25949 14.5347 2.19711 14.4728C2.13472 14.4108 2.0852 14.3372 2.05137 14.256C2.01754 14.1749 2.00009 14.0878 2 13.9999L2.002 4.66659C2.002 4.29859 2.302 3.99992 2.67333 3.99992H4.66667ZM3.33533 5.33325L3.33333 13.3333H10V5.33325H3.33533ZM6 3.99992H11.3333V10.6666H12.6667V2.66659H6V3.99992Z"
-                                    fill="#0D0716" />
-                            </svg>
-                        </button>
-                    </div>
-                </div>
-                <div class="flex justify-between items-center">
-                    <span class="text-tone-60 font-medium text-sm">CVV</span>
-                    <div class="flex items-center gap-1">
-                        <span data-copy-value="321" class="text-tone-100 text-sm font-medium">321</span>
-                        <button class="copy-btn p-1 hover:opacity-80 transition-opacity">
-                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
-                                xmlns="http://www.w3.org/2000/svg">
-                                <path
-                                    d="M4.66667 3.99992V1.99992C4.66667 1.82311 4.7369 1.65354 4.86193 1.52851C4.98695 1.40349 5.15652 1.33325 5.33333 1.33325H13.3333C13.5101 1.33325 13.6797 1.40349 13.8047 1.52851C13.9298 1.65354 14 1.82311 14 1.99992V11.3333C14 11.5101 13.9298 11.6796 13.8047 11.8047C13.6797 11.9297 13.5101 11.9999 13.3333 11.9999H11.3333V13.9999C11.3333 14.3679 11.0333 14.6666 10.662 14.6666H2.67133C2.58342 14.6671 2.49626 14.6503 2.41488 14.617C2.3335 14.5837 2.25949 14.5347 2.19711 14.4728C2.13472 14.4108 2.0852 14.3372 2.05137 14.256C2.01754 14.1749 2.00009 14.0878 2 13.9999L2.002 4.66659C2.002 4.29859 2.302 3.99992 2.67333 3.99992H4.66667ZM3.33533 5.33325L3.33333 13.3333H10V5.33325H3.33533ZM6 3.99992H11.3333V10.6666H12.6667V2.66659H6V3.99992Z"
-                                    fill="#0D0716" />
-                            </svg>
-                        </button>
-                    </div>
-                </div>
-                <div class="flex justify-between items-center">
-                    <span class="text-tone-60 font-medium text-sm">Pin</span>
-                    <div class="flex items-center gap-1">
-                        <span data-copy-value="4321" class="text-tone-100 text-sm font-medium">4321</span>
-                        <button class="copy-btn p-1 hover:opacity-80 transition-opacity">
-                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
-                                xmlns="http://www.w3.org/2000/svg">
-                                <path
-                                    d="M4.66667 3.99992V1.99992C4.66667 1.82311 4.7369 1.65354 4.86193 1.52851C4.98695 1.40349 5.15652 1.33325 5.33333 1.33325H13.3333C13.5101 1.33325 13.6797 1.40349 13.8047 1.52851C13.9298 1.65354 14 1.82311 14 1.99992V11.3333C14 11.5101 13.9298 11.6796 13.8047 11.8047C13.6797 11.9297 13.5101 11.9999 13.3333 11.9999H11.3333V13.9999C11.3333 14.3679 11.0333 14.6666 10.662 14.6666H2.67133C2.58342 14.6671 2.49626 14.6503 2.41488 14.617C2.3335 14.5837 2.25949 14.5347 2.19711 14.4728C2.13472 14.4108 2.0852 14.3372 2.05137 14.256C2.01754 14.1749 2.00009 14.0878 2 13.9999L2.002 4.66659C2.002 4.29859 2.302 3.99992 2.67333 3.99992H4.66667ZM3.33533 5.33325L3.33333 13.3333H10V5.33325H3.33533ZM6 3.99992H11.3333V10.6666H12.6667V2.66659H6V3.99992Z"
-                                    fill="#0D0716" />
-                            </svg>
-                        </button>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <!-- Pin + OTP -->
-        <div id="pin-otp" class="tab-content hidden">
-            <div class=" grid gap-3 border border-tone-50 px-6 py-4 rounded-2xl mb-4">
-                <div class="flex justify-between items-center">
-                    <span class="text-tone-60 font-medium text-sm">Number</span>
-                    <div class="flex items-center gap-1">
-                        <span data-copy-value="5555567973581842" class="text-tone-100 text-sm font-medium">5555567973581842</span>
-                        <button class="copy-btn p-1 hover:opacity-80 transition-opacity">
-                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
-                                xmlns="http://www.w3.org/2000/svg">
-                                <path
-                                    d="M4.66667 3.99992V1.99992C4.66667 1.82311 4.7369 1.65354 4.86193 1.52851C4.98695 1.40349 5.15652 1.33325 5.33333 1.33325H13.3333C13.5101 1.33325 13.6797 1.40349 13.8047 1.52851C13.9298 1.65354 14 1.82311 14 1.99992V11.3333C14 11.5101 13.9298 11.6796 13.8047 11.8047C13.6797 11.9297 13.5101 11.9999 13.3333 11.9999H11.3333V13.9999C11.3333 14.3679 11.0333 14.6666 10.662 14.6666H2.67133C2.58342 14.6671 2.49626 14.6503 2.41488 14.617C2.3335 14.5837 2.25949 14.5347 2.19711 14.4728C2.13472 14.4108 2.0852 14.3372 2.05137 14.256C2.01754 14.1749 2.00009 14.0878 2 13.9999L2.002 4.66659C2.002 4.29859 2.302 3.99992 2.67333 3.99992H4.66667ZM3.33533 5.33325L3.33333 13.3333H10V5.33325H3.33533ZM6 3.99992H11.3333V10.6666H12.6667V2.66659H6V3.99992Z"
-                                    fill="#0D0716" />
-                            </svg>
-                        </button>
-                    </div>
-                </div>
-                <div class="flex justify-between items-center">
-                    <span class="text-tone-60 font-medium text-sm">Expiry</span>
-                    <div class="flex items-center gap-1">
-                        <span data-copy-value="12/30" class="text-tone-100 text-sm font-medium">12/2030</span>
-                        <button class="copy-btn p-1 hover:opacity-80 transition-opacity">
-                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
-                                xmlns="http://www.w3.org/2000/svg">
-                                <path
-                                    d="M4.66667 3.99992V1.99992C4.66667 1.82311 4.7369 1.65354 4.86193 1.52851C4.98695 1.40349 5.15652 1.33325 5.33333 1.33325H13.3333C13.5101 1.33325 13.6797 1.40349 13.8047 1.52851C13.9298 1.65354 14 1.82311 14 1.99992V11.3333C14 11.5101 13.9298 11.6796 13.8047 11.8047C13.6797 11.9297 13.5101 11.9999 13.3333 11.9999H11.3333V13.9999C11.3333 14.3679 11.0333 14.6666 10.662 14.6666H2.67133C2.58342 14.6671 2.49626 14.6503 2.41488 14.617C2.3335 14.5837 2.25949 14.5347 2.19711 14.4728C2.13472 14.4108 2.0852 14.3372 2.05137 14.256C2.01754 14.1749 2.00009 14.0878 2 13.9999L2.002 4.66659C2.002 4.29859 2.302 3.99992 2.67333 3.99992H4.66667ZM3.33533 5.33325L3.33333 13.3333H10V5.33325H3.33533ZM6 3.99992H11.3333V10.6666H12.6667V2.66659H6V3.99992Z"
-                                    fill="#0D0716" />
-                            </svg>
-                        </button>
-                    </div>
-                </div>
-                <div class="flex justify-between items-center">
-                    <span class="text-tone-60 font-medium text-sm">CVV</span>
-                    <div class="flex items-center gap-1">
-                        <span data-copy-value="321" class="text-tone-100 text-sm font-medium">321</span>
-                        <button class="copy-btn p-1 hover:opacity-80 transition-opacity">
-                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
-                                xmlns="http://www.w3.org/2000/svg">
-                                <path
-                                    d="M4.66667 3.99992V1.99992C4.66667 1.82311 4.7369 1.65354 4.86193 1.52851C4.98695 1.40349 5.15652 1.33325 5.33333 1.33325H13.3333C13.5101 1.33325 13.6797 1.40349 13.8047 1.52851C13.9298 1.65354 14 1.82311 14 1.99992V11.3333C14 11.5101 13.9298 11.6796 13.8047 11.8047C13.6797 11.9297 13.5101 11.9999 13.3333 11.9999H11.3333V13.9999C11.3333 14.3679 11.0333 14.6666 10.662 14.6666H2.67133C2.58342 14.6671 2.49626 14.6503 2.41488 14.617C2.3335 14.5837 2.25949 14.5347 2.19711 14.4728C2.13472 14.4108 2.0852 14.3372 2.05137 14.256C2.01754 14.1749 2.00009 14.0878 2 13.9999L2.002 4.66659C2.002 4.29859 2.302 3.99992 2.67333 3.99992H4.66667ZM3.33533 5.33325L3.33333 13.3333H10V5.33325H3.33533ZM6 3.99992H11.3333V10.6666H12.6667V2.66659H6V3.99992Z"
-                                    fill="#0D0716" />
-                            </svg>
-                        </button>
-                    </div>
-                </div>
-                <div class="flex justify-between items-center">
-                    <span class="text-tone-60 font-medium text-sm">Pin</span>
-                    <div class="flex items-center gap-1">
-                        <span data-copy-value="4321" class="text-tone-100 text-sm font-medium">4321</span>
-                        <button class="copy-btn p-1 hover:opacity-80 transition-opacity">
-                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
-                                xmlns="http://www.w3.org/2000/svg">
-                                <path
-                                    d="M4.66667 3.99992V1.99992C4.66667 1.82311 4.7369 1.65354 4.86193 1.52851C4.98695 1.40349 5.15652 1.33325 5.33333 1.33325H13.3333C13.5101 1.33325 13.6797 1.40349 13.8047 1.52851C13.9298 1.65354 14 1.82311 14 1.99992V11.3333C14 11.5101 13.9298 11.6796 13.8047 11.8047C13.6797 11.9297 13.5101 11.9999 13.3333 11.9999H11.3333V13.9999C11.3333 14.3679 11.0333 14.6666 10.662 14.6666H2.67133C2.58342 14.6671 2.49626 14.6503 2.41488 14.617C2.3335 14.5837 2.25949 14.5347 2.19711 14.4728C2.13472 14.4108 2.0852 14.3372 2.05137 14.256C2.01754 14.1749 2.00009 14.0878 2 13.9999L2.002 4.66659C2.002 4.29859 2.302 3.99992 2.67333 3.99992H4.66667ZM3.33533 5.33325L3.33333 13.3333H10V5.33325H3.33533ZM6 3.99992H11.3333V10.6666H12.6667V2.66659H6V3.99992Z"
-                                    fill="#0D0716" />
-                            </svg>
-                        </button>
-                    </div>
-                </div>
-                 <div class="flex justify-between items-center">
-                    <span class="text-tone-60 font-medium text-sm">OTP</span>
-                    <div class="flex items-center gap-1">
-                        <span data-copy-value="654321" class="text-tone-100 text-sm font-medium">654321</span>
-                        <button class="copy-btn p-1 hover:opacity-80 transition-opacity">
-                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
-                                xmlns="http://www.w3.org/2000/svg">
-                                <path
-                                    d="M4.66667 3.99992V1.99992C4.66667 1.82311 4.7369 1.65354 4.86193 1.52851C4.98695 1.40349 5.15652 1.33325 5.33333 1.33325H13.3333C13.5101 1.33325 13.6797 1.40349 13.8047 1.52851C13.9298 1.65354 14 1.82311 14 1.99992V11.3333C14 11.5101 13.9298 11.6796 13.8047 11.8047C13.6797 11.9297 13.5101 11.9999 13.3333 11.9999H11.3333V13.9999C11.3333 14.3679 11.0333 14.6666 10.662 14.6666H2.67133C2.58342 14.6671 2.49626 14.6503 2.41488 14.617C2.3335 14.5837 2.25949 14.5347 2.19711 14.4728C2.13472 14.4108 2.0852 14.3372 2.05137 14.256C2.01754 14.1749 2.00009 14.0878 2 13.9999L2.002 4.66659C2.002 4.29859 2.302 3.99992 2.67333 3.99992H4.66667ZM3.33533 5.33325L3.33333 13.3333H10V5.33325H3.33533ZM6 3.99992H11.3333V10.6666H12.6667V2.66659H6V3.99992Z"
-                                    fill="#0D0716" />
-                            </svg>
-                        </button>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <!-- 3DS -->
-        <div id="3ds" class="tab-content hidden"> 
-            <div class=" grid gap-3 border border-tone-50 px-6 py-4 rounded-2xl mb-4">
-                <div class="flex justify-between items-center">
-                    <span class="text-tone-60 font-medium text-sm">Number</span>
-                    <div class="flex items-center gap-1">
-                        <span data-copy-value="5555558684543932"
-                            class="text-tone-100 text-sm font-medium">5555577124976817 </span>
-                        <button class="copy-btn p-1 hover:opacity-80 transition-opacity">
-                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
-                                xmlns="http://www.w3.org/2000/svg">
-                                <path
-                                    d="M4.66667 3.99992V1.99992C4.66667 1.82311 4.7369 1.65354 4.86193 1.52851C4.98695 1.40349 5.15652 1.33325 5.33333 1.33325H13.3333C13.5101 1.33325 13.6797 1.40349 13.8047 1.52851C13.9298 1.65354 14 1.82311 14 1.99992V11.3333C14 11.5101 13.9298 11.6796 13.8047 11.8047C13.6797 11.9297 13.5101 11.9999 13.3333 11.9999H11.3333V13.9999C11.3333 14.3679 11.0333 14.6666 10.662 14.6666H2.67133C2.58342 14.6671 2.49626 14.6503 2.41488 14.617C2.3335 14.5837 2.25949 14.5347 2.19711 14.4728C2.13472 14.4108 2.0852 14.3372 2.05137 14.256C2.01754 14.1749 2.00009 14.0878 2 13.9999L2.002 4.66659C2.002 4.29859 2.302 3.99992 2.67333 3.99992H4.66667ZM3.33533 5.33325L3.33333 13.3333H10V5.33325H3.33533ZM6 3.99992H11.3333V10.6666H12.6667V2.66659H6V3.99992Z"
-                                    fill="#0D0716" />
-                            </svg>
-                        </button>
-                    </div>
-                </div>
-
-                <div class="flex justify-between items-center">
-                    <span class="text-tone-60 font-medium text-sm">Expiry</span>
-                    <div class="flex items-center gap-1">
-                        <span data-copy-value="12/30" class="text-tone-100 text-sm font-medium">12/2030</span>
-                        <button class="copy-btn p-1 hover:opacity-80 transition-opacity">
-                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
-                                xmlns="http://www.w3.org/2000/svg">
-                                <path
-                                    d="M4.66667 3.99992V1.99992C4.66667 1.82311 4.7369 1.65354 4.86193 1.52851C4.98695 1.40349 5.15652 1.33325 5.33333 1.33325H13.3333C13.5101 1.33325 13.6797 1.40349 13.8047 1.52851C13.9298 1.65354 14 1.82311 14 1.99992V11.3333C14 11.5101 13.9298 11.6796 13.8047 11.8047C13.6797 11.9297 13.5101 11.9999 13.3333 11.9999H11.3333V13.9999C11.3333 14.3679 11.0333 14.6666 10.662 14.6666H2.67133C2.58342 14.6671 2.49626 14.6503 2.41488 14.617C2.3335 14.5837 2.25949 14.5347 2.19711 14.4728C2.13472 14.4108 2.0852 14.3372 2.05137 14.256C2.01754 14.1749 2.00009 14.0878 2 13.9999L2.002 4.66659C2.002 4.29859 2.302 3.99992 2.67333 3.99992H4.66667ZM3.33533 5.33325L3.33333 13.3333H10V5.33325H3.33533ZM6 3.99992H11.3333V10.6666H12.6667V2.66659H6V3.99992Z"
-                                    fill="#0D0716" />
-                            </svg>
-                        </button>
-                    </div>
-                </div>
-                <div class="flex justify-between items-center">
-                    <span class="text-tone-60 font-medium text-sm">CVV</span>
-                    <div class="flex items-center gap-1">
-                        <span data-copy-value="321" class="text-tone-100 text-sm font-medium">321</span>
-                        <button class="copy-btn p-1 hover:opacity-80 transition-opacity">
-                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
-                                xmlns="http://www.w3.org/2000/svg">
-                                <path
-                                    d="M4.66667 3.99992V1.99992C4.66667 1.82311 4.7369 1.65354 4.86193 1.52851C4.98695 1.40349 5.15652 1.33325 5.33333 1.33325H13.3333C13.5101 1.33325 13.6797 1.40349 13.8047 1.52851C13.9298 1.65354 14 1.82311 14 1.99992V11.3333C14 11.5101 13.9298 11.6796 13.8047 11.8047C13.6797 11.9297 13.5101 11.9999 13.3333 11.9999H11.3333V13.9999C11.3333 14.3679 11.0333 14.6666 10.662 14.6666H2.67133C2.58342 14.6671 2.49626 14.6503 2.41488 14.617C2.3335 14.5837 2.25949 14.5347 2.19711 14.4728C2.13472 14.4108 2.0852 14.3372 2.05137 14.256C2.01754 14.1749 2.00009 14.0878 2 13.9999L2.002 4.66659C2.002 4.29859 2.302 3.99992 2.67333 3.99992H4.66667ZM3.33533 5.33325L3.33333 13.3333H10V5.33325H3.33533ZM6 3.99992H11.3333V10.6666H12.6667V2.66659H6V3.99992Z"
-                                    fill="#0D0716" />
-                            </svg>
-                        </button>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <!-- AVS -->
-        <div id="avs" class="tab-content hidden">
-             <div class=" grid gap-3 border border-tone-50 px-6 py-4 rounded-2xl mb-4">
-                <div class="flex justify-between items-center">
-                    <span class="text-tone-60 font-medium text-sm">Number</span>
-                    <div class="flex items-center gap-1">
-                        <span data-copy-value="4111124373708482"
-                            class="text-tone-100 text-sm font-medium">4111124373708482 </span>
-                        <button class="copy-btn p-1 hover:opacity-80 transition-opacity">
-                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
-                                xmlns="http://www.w3.org/2000/svg">
-                                <path
-                                    d="M4.66667 3.99992V1.99992C4.66667 1.82311 4.7369 1.65354 4.86193 1.52851C4.98695 1.40349 5.15652 1.33325 5.33333 1.33325H13.3333C13.5101 1.33325 13.6797 1.40349 13.8047 1.52851C13.9298 1.65354 14 1.82311 14 1.99992V11.3333C14 11.5101 13.9298 11.6796 13.8047 11.8047C13.6797 11.9297 13.5101 11.9999 13.3333 11.9999H11.3333V13.9999C11.3333 14.3679 11.0333 14.6666 10.662 14.6666H2.67133C2.58342 14.6671 2.49626 14.6503 2.41488 14.617C2.3335 14.5837 2.25949 14.5347 2.19711 14.4728C2.13472 14.4108 2.0852 14.3372 2.05137 14.256C2.01754 14.1749 2.00009 14.0878 2 13.9999L2.002 4.66659C2.002 4.29859 2.302 3.99992 2.67333 3.99992H4.66667ZM3.33533 5.33325L3.33333 13.3333H10V5.33325H3.33533ZM6 3.99992H11.3333V10.6666H12.6667V2.66659H6V3.99992Z"
-                                    fill="#0D0716" />
-                            </svg>
-                        </button>
-                    </div>
-                </div>
-
-                <div class="flex justify-between items-center">
-                    <span class="text-tone-60 font-medium text-sm">Expiry</span>
-                    <div class="flex items-center gap-1">
-                        <span data-copy-value="12/30" class="text-tone-100 text-sm font-medium">12/2030</span>
-                        <button class="copy-btn p-1 hover:opacity-80 transition-opacity">
-                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
-                                xmlns="http://www.w3.org/2000/svg">
-                                <path
-                                    d="M4.66667 3.99992V1.99992C4.66667 1.82311 4.7369 1.65354 4.86193 1.52851C4.98695 1.40349 5.15652 1.33325 5.33333 1.33325H13.3333C13.5101 1.33325 13.6797 1.40349 13.8047 1.52851C13.9298 1.65354 14 1.82311 14 1.99992V11.3333C14 11.5101 13.9298 11.6796 13.8047 11.8047C13.6797 11.9297 13.5101 11.9999 13.3333 11.9999H11.3333V13.9999C11.3333 14.3679 11.0333 14.6666 10.662 14.6666H2.67133C2.58342 14.6671 2.49626 14.6503 2.41488 14.617C2.3335 14.5837 2.25949 14.5347 2.19711 14.4728C2.13472 14.4108 2.0852 14.3372 2.05137 14.256C2.01754 14.1749 2.00009 14.0878 2 13.9999L2.002 4.66659C2.002 4.29859 2.302 3.99992 2.67333 3.99992H4.66667ZM3.33533 5.33325L3.33333 13.3333H10V5.33325H3.33533ZM6 3.99992H11.3333V10.6666H12.6667V2.66659H6V3.99992Z"
-                                    fill="#0D0716" />
-                            </svg>
-                        </button>
-                    </div>
-                </div>
-                <div class="flex justify-between items-center">
-                    <span class="text-tone-60 font-medium text-sm">CVV</span>
-                    <div class="flex items-center gap-1">
-                        <span data-copy-value="321" class="text-tone-100 text-sm font-medium">321</span>
-                        <button class="copy-btn p-1 hover:opacity-80 transition-opacity">
-                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
-                                xmlns="http://www.w3.org/2000/svg">
-                                <path
-                                    d="M4.66667 3.99992V1.99992C4.66667 1.82311 4.7369 1.65354 4.86193 1.52851C4.98695 1.40349 5.15652 1.33325 5.33333 1.33325H13.3333C13.5101 1.33325 13.6797 1.40349 13.8047 1.52851C13.9298 1.65354 14 1.82311 14 1.99992V11.3333C14 11.5101 13.9298 11.6796 13.8047 11.8047C13.6797 11.9297 13.5101 11.9999 13.3333 11.9999H11.3333V13.9999C11.3333 14.3679 11.0333 14.6666 10.662 14.6666H2.67133C2.58342 14.6671 2.49626 14.6503 2.41488 14.617C2.3335 14.5837 2.25949 14.5347 2.19711 14.4728C2.13472 14.4108 2.0852 14.3372 2.05137 14.256C2.01754 14.1749 2.00009 14.0878 2 13.9999L2.002 4.66659C2.002 4.29859 2.302 3.99992 2.67333 3.99992H4.66667ZM3.33533 5.33325L3.33333 13.3333H10V5.33325H3.33533ZM6 3.99992H11.3333V10.6666H12.6667V2.66659H6V3.99992Z"
-                                    fill="#0D0716" />
-                            </svg>
-                        </button>
-                    </div>
-                </div>
-                 <div class="flex justify-between items-center">
-                    <span class="text-tone-60 font-medium text-sm">OTP</span>
-                    <div class="flex flex-col items-end gap-1">
-                        <span  class="text-tone-100 text-sm font-medium">Address: 1, Spotflow Street</span>
-                        <span  class="text-tone-100 text-sm font-medium">City: Lekki</span>
-                        <span class="text-tone-100 text-sm font-medium">State: Lagos</span>
-                        <span  class="text-tone-100 text-sm font-medium">Country: Nigeria</span>
-                        <span  class="text-tone-100 text-sm font-medium">ZIP: 101233</span>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
 </div>`;
-class Co {
-  constructor({ container: e, closeCallback: i }) {
-    h(this, "container");
-    h(this, "closeCallback");
-    this.container = e, this.closeCallback = i;
-  }
-  render() {
-    return ou;
-  }
-  attachListener() {
-    const e = this.container.querySelector(
-      "#close-test-card"
-    );
-    e == null || e.addEventListener("click", () => this.closeCallback());
-    const i = this.container.querySelectorAll(
-      "#test-card-tabs .tab-btn"
-    ), t = this.container.querySelectorAll(".tab-content");
-    i.forEach((o) => {
-      o.addEventListener("click", () => {
-        i.forEach((l) => l.classList.remove("active-tab")), o.classList.add("active-tab");
-        const a = o.getAttribute("data-target");
-        t.forEach((l) => {
-          l.id === a ? l.classList.remove("hidden") : l.classList.add("hidden");
-        });
-      });
-    }), this.container.querySelectorAll(".copy-btn").forEach((o) => {
-      o.addEventListener("click", async (a) => {
-        const d = a.currentTarget.previousElementSibling.getAttribute("data-copy-value") || "";
-        d && (await navigator.clipboard.writeText(d), o.innerHTML = '<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 2V1H10V2H5ZM4.75 0C4.33579 0 4 0.335786 4 0.75V1H3.5C2.67157 1 2 1.67157 2 2.5V12.5C2 13.3284 2.67157 14 3.5 14H7V13H3.5C3.22386 13 3 12.7761 3 12.5V2.5C3 2.22386 3.22386 2 3.5 2H4V2.25C4 2.66421 4.33579 3 4.75 3H10.25C10.6642 3 11 2.66421 11 2.25V2H11.5C11.7761 2 12 2.22386 12 2.5V7H13V2.5C13 1.67157 12.3284 1 11.5 1H11V0.75C11 0.335786 10.6642 0 10.25 0H4.75ZM9 8.5C9 8.77614 8.77614 9 8.5 9C8.22386 9 8 8.77614 8 8.5C8 8.22386 8.22386 8 8.5 8C8.77614 8 9 8.22386 9 8.5ZM10.5 9C10.7761 9 11 8.77614 11 8.5C11 8.22386 10.7761 8 10.5 8C10.2239 8 10 8.22386 10 8.5C10 8.77614 10.2239 9 10.5 9ZM13 8.5C13 8.77614 12.7761 9 12.5 9C12.2239 9 12 8.77614 12 8.5C12 8.22386 12.2239 8 12.5 8C12.7761 8 13 8.22386 13 8.5ZM14.5 9C14.7761 9 15 8.77614 15 8.5C15 8.2239 14.7761 8 14.5 8C14.2239 8 14 8.22386 14 8.5C14 8.77614 14.2239 9 14.5 9ZM15 10.5C15 10.7761 14.7761 11 14.5 11C14.2239 11 14 10.7761 14 10.5C14 10.2239 14.2239 10 14.5 10C14.7761 10 15 10.2239 15 10.5ZM14.5 13C14.7761 13 15 12.7761 15 12.5C15 12.2239 14.7761 12 14.5 12C14.2239 12 14 12.2239 14 12.5C14 12.7761 14.2239 13 14.5 13ZM14.5 15C14.7761 15 15 14.7761 15 14.5C15 14.2239 14.7761 14 14.5 14C14.2239 14 14 14.2239 14 14.5C14 14.7761 14.2239 15 14.5 15ZM8.5 11C8.77614 11 9 10.7761 9 10.5C9 10.2239 8.77614 10 8.5 10C8.22386 10 8 10.2239 8 10.5C8 10.7761 8.22386 11 8.5 11ZM9 12.5C9 12.7761 8.77614 13 8.5 13C8.22386 13 8 12.7761 8 12.5C8 12.2239 8.22386 12 8.5 12C8.77614 12 9 12.2239 9 12.5ZM8.5 15C8.77614 15 9 14.7761 9 14.5C9 14.2239 8.77614 14 8.5 14C8.22386 14 8 14.2239 8 14.5C8 14.7761 8.22386 15 8.5 15ZM11 14.5C11 14.7761 10.7761 15 10.5 15C10.2239 15 10 14.7761 10 14.5C10 14.2239 10.2239 14 10.5 14C10.7761 14 11 14.2239 11 14.5ZM12.5 15C12.7761 15 13 14.7761 13 14.5C13 14.2239 12.7761 14 12.5 14C12.2239 14 12 14.2239 12 14.5C12 14.7761 12.2239 15 12.5 15Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path></svg>', setTimeout(() => {
-          o.innerHTML = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path
-                d="M4.66667 3.99992V1.99992C4.66667 1.82311 4.7369 1.65354 4.86193 1.52851C4.98695 1.40349 5.15652 1.33325 5.33333 1.33325H13.3333C13.5101 1.33325 13.6797 1.40349 13.8047 1.52851C13.9298 1.65354 14 1.82311 14 1.99992V11.3333C14 11.5101 13.9298 11.6796 13.8047 11.8047C13.6797 11.9297 13.5101 11.9999 13.3333 11.9999H11.3333V13.9999C11.3333 14.3679 11.0333 14.6666 10.662 14.6666H2.67133C2.58342 14.6671 2.49626 14.6503 2.41488 14.617C2.3335 14.5837 2.25949 14.5347 2.19711 14.4728C2.13472 14.4108 2.0852 14.3372 2.05137 14.256C2.01754 14.1749 2.00009 14.0878 2 13.9999L2.002 4.66659C2.002 4.29859 2.302 3.99992 2.67333 3.99992H4.66667ZM3.33533 5.33325L3.33333 13.3333H10V5.33325H3.33533ZM6 3.99992H11.3333V10.6666H12.6667V2.66659H6V3.99992Z"
-                fill="#0D0716" />
-            </svg>`;
-        }, 1e3));
-      });
-    });
-  }
-  renderComponent() {
-    this.container.innerHTML = this.render(), this.attachListener();
-  }
-}
-function au(n) {
-  n.classList.remove("hidden"), requestAnimationFrame(() => {
-    n.classList.remove("opacity-0", "scale-95");
-  });
-}
-function ru(n) {
-  n.classList.add("opacity-0", "scale-95"), n.addEventListener(
-    "transitionend",
-    () => n.classList.add("hidden"),
-    { once: !0 }
-  );
-}
 class Ms {
   constructor({ container: e, testCardContainer: i }) {
     h(this, "container");
@@ -35275,26 +34911,15 @@ class Ms {
     this.container = e, this.testCardContainer = i;
   }
   attachListener() {
-    const e = this.container.querySelector(
-      "#test-cards-link"
-    );
-    e && e.addEventListener("click", () => {
-      this.testCardInstance || (this.testCardInstance = new Co({
-        container: this.testCardContainer,
-        closeCallback: () => {
-          this.testCardContainer.innerHTML = "", ru(this.testCardContainer), e.classList.remove("text-tone-100", "font-bold");
-        }
-      })), this.testCardInstance.renderComponent(), au(this.testCardContainer), e.classList.add("text-tone-100", "font-bold");
-    });
   }
   renderComponent() {
     this.container.innerHTML = this.render(), this.attachListener();
   }
   render() {
-    return su;
+    return tu;
   }
 }
-const lu = `<div id="mobileConfirmationProgress">
+const su = `<div id="mobileConfirmationProgress">
     <div>
       <div>
         <div class=" grid grid-rows-[auto_1fr] gap-4 mx-5">
@@ -35334,7 +34959,7 @@ const lu = `<div id="mobileConfirmationProgress">
       </div>
     </div>
   </div>`;
-class du {
+class ou {
   constructor(e) {
     h(this, "container");
     h(this, "onAction");
@@ -35418,10 +35043,10 @@ class du {
     this.container.innerHTML = this.render(), this.attachListeners();
   }
   render() {
-    return lu;
+    return su;
   }
 }
-const uu = `<form id="mobile-money-form">
+const au = `<form id="mobile-money-form">
   <div>
     <h5 class="text-grey-400 font-semibold text-sm">Please enter your Mobile Money details to begin payment</h5>
 
@@ -35499,7 +35124,7 @@ const uu = `<form id="mobile-money-form">
   </div>
 
 </form>`;
-class cu {
+class ru {
   constructor(e) {
     h(this, "container");
     h(this, "payment");
@@ -35621,7 +35246,7 @@ class cu {
     this.displayButtonText(), this.attachListener();
   }
   renderContent() {
-    this.switchScreen(2), gr(
+    this.switchScreen(2), fr(
       this.merchantKey,
       this.currency,
       this.rdtCode,
@@ -35642,10 +35267,10 @@ class cu {
     });
   }
   render() {
-    return uu;
+    return au;
   }
 }
-const hu = `<div id="checkoutMobileOtp">
+const lu = `<div id="checkoutMobileOtp">
   <div class="w-full">
     <div id="otp-content" class=" grid gap-4">
       <h5 class="text-black" id="otp-message">
@@ -35685,7 +35310,7 @@ const hu = `<div id="checkoutMobileOtp">
       </div>
     </div>
   </div>`;
-class mu {
+class du {
   constructor(e) {
     h(this, "container");
     h(this, "momoOtp");
@@ -35728,10 +35353,10 @@ class mu {
     e && (e.innerHTML = this.otpMessage), this.attachListener();
   }
   render() {
-    return hu;
+    return lu;
   }
 }
-class vu {
+class uu {
   constructor(e) {
     h(this, "container");
     h(this, "onAction");
@@ -35768,7 +35393,7 @@ class vu {
     return po;
   }
 }
-class pu {
+class cu {
   constructor({
     container: e,
     merchantKey: i,
@@ -35790,7 +35415,7 @@ class pu {
     onClose: A,
     restartTransactionProcess: _,
     retryingPayment: T,
-    countryCode: I
+    countryCode: D
   }) {
     h(this, "contents");
     h(this, "mobileMoneyForm");
@@ -35831,7 +35456,7 @@ class pu {
     h(this, "countryCode");
     this.container = e, this.onSuccess = d || (() => null), this.token = y, this.currency = k, this.amount = g, this.totalAmount = f, this.contents = this.container.querySelector(
       "#payment-content-view"
-    ), this._currentStep = 1, this.activeRef = "", this.token = i, this.customer = v, this.metadata = s, this.localCurrency = t, this.callBackUrl = o, this.localCurrency = t, this.rdtCode = a, this.url = p, this.reference = l, this.merchantDetails = {}, this.disablePaymentMethods = C, this.hidePaymentMethods = w, this.showPaymentMethods = M, this.onClose = A, this.paymentResponse = {}, this.paymentResponseHeaders = {}, this.restartTransactionProcess = _, this.retryingPayment = T, this.isMaxRetriesReached = !1, this.countryCode = I, P.track("mobile_money_opens", {
+    ), this._currentStep = 1, this.activeRef = "", this.token = i, this.customer = v, this.metadata = s, this.localCurrency = t, this.callBackUrl = o, this.localCurrency = t, this.rdtCode = a, this.url = p, this.reference = l, this.merchantDetails = {}, this.disablePaymentMethods = C, this.hidePaymentMethods = w, this.showPaymentMethods = M, this.onClose = A, this.paymentResponse = {}, this.paymentResponseHeaders = {}, this.restartTransactionProcess = _, this.retryingPayment = T, this.isMaxRetriesReached = !1, this.countryCode = D, P.track("mobile_money_opens", {
       payment_method: "Mobile Money"
     }), this.isMobile = window.matchMedia("(max-width: 767px)").matches;
   }
@@ -35897,7 +35522,7 @@ class pu {
             countryCode: this.countryCode
           }
         };
-        return fr(
+        return br(
           this.token,
           d,
           this.rdtCode,
@@ -36005,7 +35630,7 @@ class pu {
     }
     switch (this.currentStep === 6 ? this.hidePaymentMethods() : this.showPaymentMethods(), this.isMobile && this.hidePaymentMethods(), this.currentStep) {
       case 1:
-        this.mobileMoneyForm = new cu({
+        this.mobileMoneyForm = new ru({
           container: this.contents,
           merchantKey: this.token,
           url: this.url,
@@ -36028,7 +35653,7 @@ class pu {
         this.mainLoader = new Ne(this.contents), this.mainLoader.mountLoader("25dvh"), this.mainLoader.updateMessage("Please wait");
         break;
       case 3:
-        this.mobileMoneyConfirmation = new du({
+        this.mobileMoneyConfirmation = new ou({
           container: this.contents,
           onAction: (t) => {
             this.currentStep = t;
@@ -36061,7 +35686,7 @@ class pu {
         }), this.contents.innerHTML = this.warningScreen.render(), this.warningScreen.attachListener();
         break;
       case 6:
-        this.mobileMoneyValidationForm = new mu({
+        this.mobileMoneyValidationForm = new du({
           container: this.contents,
           onClose: this.onClose,
           onAction: (t) => (s) => this.submitOtp.bind(this)(t, s),
@@ -36072,7 +35697,7 @@ class pu {
         this.pageLoader = new Ne(this.contents), this.pageLoader.mountLoader(), this.pageLoader.updateMessage("Verifying Payment");
         break;
       case 8:
-        this.mobileMoneyConfirmationEnd = new vu({
+        this.mobileMoneyConfirmationEnd = new uu({
           container: this.contents,
           onAction: (t) => {
             this.currentStep = t;
@@ -36110,7 +35735,7 @@ class pu {
     this.attachInputListeners();
   }
 }
-const bu = `<div id="eft-authenticate-container">
+const hu = `<div id="eft-authenticate-container">
     <div class="pt-3">
         <div class="container-center">
             <svg width="98" height="32" viewBox="0 0 98 32" fill="none" xmlns="http://www.w3.org/2000/svg"
@@ -36173,10 +35798,10 @@ class As {
     this.container.innerHTML = this.render(), this.attachListener();
   }
   render() {
-    return bu;
+    return hu;
   }
 }
-class fu {
+class mu {
   constructor({
     amount: e,
     totalAmount: i,
@@ -36421,7 +36046,360 @@ class fu {
     }
   }
 }
-class gu {
+const vu = `<div class="box-container  flex-1">
+    <!-- test-cards.html -->
+    <div class="bg-gray-100 py-2 px-4 rounded-lg mt-4 relative">
+        <div class="flex items-start gap-4 mb-4">
+            <nav id="test-card-tabs"
+                class="flex w-full font-medium items-start gap-6 border-b border-tone-10 text-base text-tone-40 mb-2">
+                <button class="tab-btn active-tab" data-target="no-auth">No auth</button>
+                <button class="tab-btn" data-target="pin">Pin</button>
+                <button class="tab-btn" data-target="pin-otp">Pin + OTP</button>
+                <button class="tab-btn" data-target="3ds">3DS</button>
+                <button class="tab-btn" data-target="avs">AVS</button>
+            </nav>
+            <!-- Close Icon -->
+            <button id="close-test-card" class="text-gray-500 hover:text-black">
+                ✕
+            </button>
+        </div>
+
+        <!-- Section contents -->
+        <div id="no-auth" class="tab-content grid gap-3 border border-tone-50 px-6 py-4 rounded-2xl mb-4">
+            <div class="flex justify-between items-center">
+                <span class="text-tone-60 font-medium text-sm">Number</span>
+                <div class="flex items-center gap-1">
+                    <span data-copy-value="4111112000062555" class="text-tone-100 text-sm font-medium">4111112000062555</span>
+                    <button class="copy-btn p-1 hover:opacity-80 transition-opacity">
+                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path
+                                d="M4.66667 3.99992V1.99992C4.66667 1.82311 4.7369 1.65354 4.86193 1.52851C4.98695 1.40349 5.15652 1.33325 5.33333 1.33325H13.3333C13.5101 1.33325 13.6797 1.40349 13.8047 1.52851C13.9298 1.65354 14 1.82311 14 1.99992V11.3333C14 11.5101 13.9298 11.6796 13.8047 11.8047C13.6797 11.9297 13.5101 11.9999 13.3333 11.9999H11.3333V13.9999C11.3333 14.3679 11.0333 14.6666 10.662 14.6666H2.67133C2.58342 14.6671 2.49626 14.6503 2.41488 14.617C2.3335 14.5837 2.25949 14.5347 2.19711 14.4728C2.13472 14.4108 2.0852 14.3372 2.05137 14.256C2.01754 14.1749 2.00009 14.0878 2 13.9999L2.002 4.66659C2.002 4.29859 2.302 3.99992 2.67333 3.99992H4.66667ZM3.33533 5.33325L3.33333 13.3333H10V5.33325H3.33533ZM6 3.99992H11.3333V10.6666H12.6667V2.66659H6V3.99992Z"
+                                fill="#0D0716" />
+                        </svg>
+                    </button>
+                </div>
+            </div>
+            <div class="flex justify-between items-center">
+                <span class="text-tone-60 font-medium text-sm">Expiry</span>
+                <div class="flex items-center gap-1">
+                    <span data-copy-value="12/30" class="text-tone-100 text-sm font-medium">12/2030 </span>
+                    <button class="copy-btn p-1 hover:opacity-80 transition-opacity">
+                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path
+                                d="M4.66667 3.99992V1.99992C4.66667 1.82311 4.7369 1.65354 4.86193 1.52851C4.98695 1.40349 5.15652 1.33325 5.33333 1.33325H13.3333C13.5101 1.33325 13.6797 1.40349 13.8047 1.52851C13.9298 1.65354 14 1.82311 14 1.99992V11.3333C14 11.5101 13.9298 11.6796 13.8047 11.8047C13.6797 11.9297 13.5101 11.9999 13.3333 11.9999H11.3333V13.9999C11.3333 14.3679 11.0333 14.6666 10.662 14.6666H2.67133C2.58342 14.6671 2.49626 14.6503 2.41488 14.617C2.3335 14.5837 2.25949 14.5347 2.19711 14.4728C2.13472 14.4108 2.0852 14.3372 2.05137 14.256C2.01754 14.1749 2.00009 14.0878 2 13.9999L2.002 4.66659C2.002 4.29859 2.302 3.99992 2.67333 3.99992H4.66667ZM3.33533 5.33325L3.33333 13.3333H10V5.33325H3.33533ZM6 3.99992H11.3333V10.6666H12.6667V2.66659H6V3.99992Z"
+                                fill="#0D0716" />
+                        </svg>
+                    </button>
+                </div>
+            </div>
+            <div class="flex justify-between items-center">
+                <span class="text-tone-60 font-medium text-sm">CVV</span>
+                <div class="flex items-center gap-1">
+                    <span data-copy-value="321" class="text-tone-100 text-sm font-medium">321 </span>
+                    <button class="copy-btn p-1 hover:opacity-80 transition-opacity">
+                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path
+                                d="M4.66667 3.99992V1.99992C4.66667 1.82311 4.7369 1.65354 4.86193 1.52851C4.98695 1.40349 5.15652 1.33325 5.33333 1.33325H13.3333C13.5101 1.33325 13.6797 1.40349 13.8047 1.52851C13.9298 1.65354 14 1.82311 14 1.99992V11.3333C14 11.5101 13.9298 11.6796 13.8047 11.8047C13.6797 11.9297 13.5101 11.9999 13.3333 11.9999H11.3333V13.9999C11.3333 14.3679 11.0333 14.6666 10.662 14.6666H2.67133C2.58342 14.6671 2.49626 14.6503 2.41488 14.617C2.3335 14.5837 2.25949 14.5347 2.19711 14.4728C2.13472 14.4108 2.0852 14.3372 2.05137 14.256C2.01754 14.1749 2.00009 14.0878 2 13.9999L2.002 4.66659C2.002 4.29859 2.302 3.99992 2.67333 3.99992H4.66667ZM3.33533 5.33325L3.33333 13.3333H10V5.33325H3.33533ZM6 3.99992H11.3333V10.6666H12.6667V2.66659H6V3.99992Z"
+                                fill="#0D0716" />
+                        </svg>
+                    </button>
+                </div>
+            </div>
+        </div>
+
+        <!-- Pin -->
+        <div id="pin" class="hidden tab-content">
+            <div class=" grid gap-3 border border-tone-50 px-6 py-4 rounded-2xl mb-4">
+                <div class="flex justify-between items-center">
+                    <span class="text-tone-60 font-medium text-sm">Number</span>
+                    <div class="flex items-center gap-1">
+                        <span data-copy-value="5555558684543932"
+                            class="text-tone-100 text-sm font-medium">5555558684543932 </span>
+                        <button class="copy-btn p-1 hover:opacity-80 transition-opacity">
+                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M4.66667 3.99992V1.99992C4.66667 1.82311 4.7369 1.65354 4.86193 1.52851C4.98695 1.40349 5.15652 1.33325 5.33333 1.33325H13.3333C13.5101 1.33325 13.6797 1.40349 13.8047 1.52851C13.9298 1.65354 14 1.82311 14 1.99992V11.3333C14 11.5101 13.9298 11.6796 13.8047 11.8047C13.6797 11.9297 13.5101 11.9999 13.3333 11.9999H11.3333V13.9999C11.3333 14.3679 11.0333 14.6666 10.662 14.6666H2.67133C2.58342 14.6671 2.49626 14.6503 2.41488 14.617C2.3335 14.5837 2.25949 14.5347 2.19711 14.4728C2.13472 14.4108 2.0852 14.3372 2.05137 14.256C2.01754 14.1749 2.00009 14.0878 2 13.9999L2.002 4.66659C2.002 4.29859 2.302 3.99992 2.67333 3.99992H4.66667ZM3.33533 5.33325L3.33333 13.3333H10V5.33325H3.33533ZM6 3.99992H11.3333V10.6666H12.6667V2.66659H6V3.99992Z"
+                                    fill="#0D0716" />
+                            </svg>
+                        </button>
+                    </div>
+                </div>
+
+                <div class="flex justify-between items-center">
+                    <span class="text-tone-60 font-medium text-sm">Expiry</span>
+                    <div class="flex items-center gap-1">
+                        <span data-copy-value="12/30" class="text-tone-100 text-sm font-medium">12/2030</span>
+                        <button class="copy-btn p-1 hover:opacity-80 transition-opacity">
+                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M4.66667 3.99992V1.99992C4.66667 1.82311 4.7369 1.65354 4.86193 1.52851C4.98695 1.40349 5.15652 1.33325 5.33333 1.33325H13.3333C13.5101 1.33325 13.6797 1.40349 13.8047 1.52851C13.9298 1.65354 14 1.82311 14 1.99992V11.3333C14 11.5101 13.9298 11.6796 13.8047 11.8047C13.6797 11.9297 13.5101 11.9999 13.3333 11.9999H11.3333V13.9999C11.3333 14.3679 11.0333 14.6666 10.662 14.6666H2.67133C2.58342 14.6671 2.49626 14.6503 2.41488 14.617C2.3335 14.5837 2.25949 14.5347 2.19711 14.4728C2.13472 14.4108 2.0852 14.3372 2.05137 14.256C2.01754 14.1749 2.00009 14.0878 2 13.9999L2.002 4.66659C2.002 4.29859 2.302 3.99992 2.67333 3.99992H4.66667ZM3.33533 5.33325L3.33333 13.3333H10V5.33325H3.33533ZM6 3.99992H11.3333V10.6666H12.6667V2.66659H6V3.99992Z"
+                                    fill="#0D0716" />
+                            </svg>
+                        </button>
+                    </div>
+                </div>
+                <div class="flex justify-between items-center">
+                    <span class="text-tone-60 font-medium text-sm">CVV</span>
+                    <div class="flex items-center gap-1">
+                        <span data-copy-value="321" class="text-tone-100 text-sm font-medium">321</span>
+                        <button class="copy-btn p-1 hover:opacity-80 transition-opacity">
+                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M4.66667 3.99992V1.99992C4.66667 1.82311 4.7369 1.65354 4.86193 1.52851C4.98695 1.40349 5.15652 1.33325 5.33333 1.33325H13.3333C13.5101 1.33325 13.6797 1.40349 13.8047 1.52851C13.9298 1.65354 14 1.82311 14 1.99992V11.3333C14 11.5101 13.9298 11.6796 13.8047 11.8047C13.6797 11.9297 13.5101 11.9999 13.3333 11.9999H11.3333V13.9999C11.3333 14.3679 11.0333 14.6666 10.662 14.6666H2.67133C2.58342 14.6671 2.49626 14.6503 2.41488 14.617C2.3335 14.5837 2.25949 14.5347 2.19711 14.4728C2.13472 14.4108 2.0852 14.3372 2.05137 14.256C2.01754 14.1749 2.00009 14.0878 2 13.9999L2.002 4.66659C2.002 4.29859 2.302 3.99992 2.67333 3.99992H4.66667ZM3.33533 5.33325L3.33333 13.3333H10V5.33325H3.33533ZM6 3.99992H11.3333V10.6666H12.6667V2.66659H6V3.99992Z"
+                                    fill="#0D0716" />
+                            </svg>
+                        </button>
+                    </div>
+                </div>
+                <div class="flex justify-between items-center">
+                    <span class="text-tone-60 font-medium text-sm">Pin</span>
+                    <div class="flex items-center gap-1">
+                        <span data-copy-value="4321" class="text-tone-100 text-sm font-medium">4321</span>
+                        <button class="copy-btn p-1 hover:opacity-80 transition-opacity">
+                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M4.66667 3.99992V1.99992C4.66667 1.82311 4.7369 1.65354 4.86193 1.52851C4.98695 1.40349 5.15652 1.33325 5.33333 1.33325H13.3333C13.5101 1.33325 13.6797 1.40349 13.8047 1.52851C13.9298 1.65354 14 1.82311 14 1.99992V11.3333C14 11.5101 13.9298 11.6796 13.8047 11.8047C13.6797 11.9297 13.5101 11.9999 13.3333 11.9999H11.3333V13.9999C11.3333 14.3679 11.0333 14.6666 10.662 14.6666H2.67133C2.58342 14.6671 2.49626 14.6503 2.41488 14.617C2.3335 14.5837 2.25949 14.5347 2.19711 14.4728C2.13472 14.4108 2.0852 14.3372 2.05137 14.256C2.01754 14.1749 2.00009 14.0878 2 13.9999L2.002 4.66659C2.002 4.29859 2.302 3.99992 2.67333 3.99992H4.66667ZM3.33533 5.33325L3.33333 13.3333H10V5.33325H3.33533ZM6 3.99992H11.3333V10.6666H12.6667V2.66659H6V3.99992Z"
+                                    fill="#0D0716" />
+                            </svg>
+                        </button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- Pin + OTP -->
+        <div id="pin-otp" class="tab-content hidden">
+            <div class=" grid gap-3 border border-tone-50 px-6 py-4 rounded-2xl mb-4">
+                <div class="flex justify-between items-center">
+                    <span class="text-tone-60 font-medium text-sm">Number</span>
+                    <div class="flex items-center gap-1">
+                        <span data-copy-value="5555567973581842" class="text-tone-100 text-sm font-medium">5555567973581842</span>
+                        <button class="copy-btn p-1 hover:opacity-80 transition-opacity">
+                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M4.66667 3.99992V1.99992C4.66667 1.82311 4.7369 1.65354 4.86193 1.52851C4.98695 1.40349 5.15652 1.33325 5.33333 1.33325H13.3333C13.5101 1.33325 13.6797 1.40349 13.8047 1.52851C13.9298 1.65354 14 1.82311 14 1.99992V11.3333C14 11.5101 13.9298 11.6796 13.8047 11.8047C13.6797 11.9297 13.5101 11.9999 13.3333 11.9999H11.3333V13.9999C11.3333 14.3679 11.0333 14.6666 10.662 14.6666H2.67133C2.58342 14.6671 2.49626 14.6503 2.41488 14.617C2.3335 14.5837 2.25949 14.5347 2.19711 14.4728C2.13472 14.4108 2.0852 14.3372 2.05137 14.256C2.01754 14.1749 2.00009 14.0878 2 13.9999L2.002 4.66659C2.002 4.29859 2.302 3.99992 2.67333 3.99992H4.66667ZM3.33533 5.33325L3.33333 13.3333H10V5.33325H3.33533ZM6 3.99992H11.3333V10.6666H12.6667V2.66659H6V3.99992Z"
+                                    fill="#0D0716" />
+                            </svg>
+                        </button>
+                    </div>
+                </div>
+                <div class="flex justify-between items-center">
+                    <span class="text-tone-60 font-medium text-sm">Expiry</span>
+                    <div class="flex items-center gap-1">
+                        <span data-copy-value="12/30" class="text-tone-100 text-sm font-medium">12/2030</span>
+                        <button class="copy-btn p-1 hover:opacity-80 transition-opacity">
+                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M4.66667 3.99992V1.99992C4.66667 1.82311 4.7369 1.65354 4.86193 1.52851C4.98695 1.40349 5.15652 1.33325 5.33333 1.33325H13.3333C13.5101 1.33325 13.6797 1.40349 13.8047 1.52851C13.9298 1.65354 14 1.82311 14 1.99992V11.3333C14 11.5101 13.9298 11.6796 13.8047 11.8047C13.6797 11.9297 13.5101 11.9999 13.3333 11.9999H11.3333V13.9999C11.3333 14.3679 11.0333 14.6666 10.662 14.6666H2.67133C2.58342 14.6671 2.49626 14.6503 2.41488 14.617C2.3335 14.5837 2.25949 14.5347 2.19711 14.4728C2.13472 14.4108 2.0852 14.3372 2.05137 14.256C2.01754 14.1749 2.00009 14.0878 2 13.9999L2.002 4.66659C2.002 4.29859 2.302 3.99992 2.67333 3.99992H4.66667ZM3.33533 5.33325L3.33333 13.3333H10V5.33325H3.33533ZM6 3.99992H11.3333V10.6666H12.6667V2.66659H6V3.99992Z"
+                                    fill="#0D0716" />
+                            </svg>
+                        </button>
+                    </div>
+                </div>
+                <div class="flex justify-between items-center">
+                    <span class="text-tone-60 font-medium text-sm">CVV</span>
+                    <div class="flex items-center gap-1">
+                        <span data-copy-value="321" class="text-tone-100 text-sm font-medium">321</span>
+                        <button class="copy-btn p-1 hover:opacity-80 transition-opacity">
+                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M4.66667 3.99992V1.99992C4.66667 1.82311 4.7369 1.65354 4.86193 1.52851C4.98695 1.40349 5.15652 1.33325 5.33333 1.33325H13.3333C13.5101 1.33325 13.6797 1.40349 13.8047 1.52851C13.9298 1.65354 14 1.82311 14 1.99992V11.3333C14 11.5101 13.9298 11.6796 13.8047 11.8047C13.6797 11.9297 13.5101 11.9999 13.3333 11.9999H11.3333V13.9999C11.3333 14.3679 11.0333 14.6666 10.662 14.6666H2.67133C2.58342 14.6671 2.49626 14.6503 2.41488 14.617C2.3335 14.5837 2.25949 14.5347 2.19711 14.4728C2.13472 14.4108 2.0852 14.3372 2.05137 14.256C2.01754 14.1749 2.00009 14.0878 2 13.9999L2.002 4.66659C2.002 4.29859 2.302 3.99992 2.67333 3.99992H4.66667ZM3.33533 5.33325L3.33333 13.3333H10V5.33325H3.33533ZM6 3.99992H11.3333V10.6666H12.6667V2.66659H6V3.99992Z"
+                                    fill="#0D0716" />
+                            </svg>
+                        </button>
+                    </div>
+                </div>
+                <div class="flex justify-between items-center">
+                    <span class="text-tone-60 font-medium text-sm">Pin</span>
+                    <div class="flex items-center gap-1">
+                        <span data-copy-value="4321" class="text-tone-100 text-sm font-medium">4321</span>
+                        <button class="copy-btn p-1 hover:opacity-80 transition-opacity">
+                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M4.66667 3.99992V1.99992C4.66667 1.82311 4.7369 1.65354 4.86193 1.52851C4.98695 1.40349 5.15652 1.33325 5.33333 1.33325H13.3333C13.5101 1.33325 13.6797 1.40349 13.8047 1.52851C13.9298 1.65354 14 1.82311 14 1.99992V11.3333C14 11.5101 13.9298 11.6796 13.8047 11.8047C13.6797 11.9297 13.5101 11.9999 13.3333 11.9999H11.3333V13.9999C11.3333 14.3679 11.0333 14.6666 10.662 14.6666H2.67133C2.58342 14.6671 2.49626 14.6503 2.41488 14.617C2.3335 14.5837 2.25949 14.5347 2.19711 14.4728C2.13472 14.4108 2.0852 14.3372 2.05137 14.256C2.01754 14.1749 2.00009 14.0878 2 13.9999L2.002 4.66659C2.002 4.29859 2.302 3.99992 2.67333 3.99992H4.66667ZM3.33533 5.33325L3.33333 13.3333H10V5.33325H3.33533ZM6 3.99992H11.3333V10.6666H12.6667V2.66659H6V3.99992Z"
+                                    fill="#0D0716" />
+                            </svg>
+                        </button>
+                    </div>
+                </div>
+                 <div class="flex justify-between items-center">
+                    <span class="text-tone-60 font-medium text-sm">OTP</span>
+                    <div class="flex items-center gap-1">
+                        <span data-copy-value="654321" class="text-tone-100 text-sm font-medium">654321</span>
+                        <button class="copy-btn p-1 hover:opacity-80 transition-opacity">
+                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M4.66667 3.99992V1.99992C4.66667 1.82311 4.7369 1.65354 4.86193 1.52851C4.98695 1.40349 5.15652 1.33325 5.33333 1.33325H13.3333C13.5101 1.33325 13.6797 1.40349 13.8047 1.52851C13.9298 1.65354 14 1.82311 14 1.99992V11.3333C14 11.5101 13.9298 11.6796 13.8047 11.8047C13.6797 11.9297 13.5101 11.9999 13.3333 11.9999H11.3333V13.9999C11.3333 14.3679 11.0333 14.6666 10.662 14.6666H2.67133C2.58342 14.6671 2.49626 14.6503 2.41488 14.617C2.3335 14.5837 2.25949 14.5347 2.19711 14.4728C2.13472 14.4108 2.0852 14.3372 2.05137 14.256C2.01754 14.1749 2.00009 14.0878 2 13.9999L2.002 4.66659C2.002 4.29859 2.302 3.99992 2.67333 3.99992H4.66667ZM3.33533 5.33325L3.33333 13.3333H10V5.33325H3.33533ZM6 3.99992H11.3333V10.6666H12.6667V2.66659H6V3.99992Z"
+                                    fill="#0D0716" />
+                            </svg>
+                        </button>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- 3DS -->
+        <div id="3ds" class="tab-content hidden"> 
+            <div class=" grid gap-3 border border-tone-50 px-6 py-4 rounded-2xl mb-4">
+                <div class="flex justify-between items-center">
+                    <span class="text-tone-60 font-medium text-sm">Number</span>
+                    <div class="flex items-center gap-1">
+                        <span data-copy-value="5555558684543932"
+                            class="text-tone-100 text-sm font-medium">5555577124976817 </span>
+                        <button class="copy-btn p-1 hover:opacity-80 transition-opacity">
+                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M4.66667 3.99992V1.99992C4.66667 1.82311 4.7369 1.65354 4.86193 1.52851C4.98695 1.40349 5.15652 1.33325 5.33333 1.33325H13.3333C13.5101 1.33325 13.6797 1.40349 13.8047 1.52851C13.9298 1.65354 14 1.82311 14 1.99992V11.3333C14 11.5101 13.9298 11.6796 13.8047 11.8047C13.6797 11.9297 13.5101 11.9999 13.3333 11.9999H11.3333V13.9999C11.3333 14.3679 11.0333 14.6666 10.662 14.6666H2.67133C2.58342 14.6671 2.49626 14.6503 2.41488 14.617C2.3335 14.5837 2.25949 14.5347 2.19711 14.4728C2.13472 14.4108 2.0852 14.3372 2.05137 14.256C2.01754 14.1749 2.00009 14.0878 2 13.9999L2.002 4.66659C2.002 4.29859 2.302 3.99992 2.67333 3.99992H4.66667ZM3.33533 5.33325L3.33333 13.3333H10V5.33325H3.33533ZM6 3.99992H11.3333V10.6666H12.6667V2.66659H6V3.99992Z"
+                                    fill="#0D0716" />
+                            </svg>
+                        </button>
+                    </div>
+                </div>
+
+                <div class="flex justify-between items-center">
+                    <span class="text-tone-60 font-medium text-sm">Expiry</span>
+                    <div class="flex items-center gap-1">
+                        <span data-copy-value="12/30" class="text-tone-100 text-sm font-medium">12/2030</span>
+                        <button class="copy-btn p-1 hover:opacity-80 transition-opacity">
+                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M4.66667 3.99992V1.99992C4.66667 1.82311 4.7369 1.65354 4.86193 1.52851C4.98695 1.40349 5.15652 1.33325 5.33333 1.33325H13.3333C13.5101 1.33325 13.6797 1.40349 13.8047 1.52851C13.9298 1.65354 14 1.82311 14 1.99992V11.3333C14 11.5101 13.9298 11.6796 13.8047 11.8047C13.6797 11.9297 13.5101 11.9999 13.3333 11.9999H11.3333V13.9999C11.3333 14.3679 11.0333 14.6666 10.662 14.6666H2.67133C2.58342 14.6671 2.49626 14.6503 2.41488 14.617C2.3335 14.5837 2.25949 14.5347 2.19711 14.4728C2.13472 14.4108 2.0852 14.3372 2.05137 14.256C2.01754 14.1749 2.00009 14.0878 2 13.9999L2.002 4.66659C2.002 4.29859 2.302 3.99992 2.67333 3.99992H4.66667ZM3.33533 5.33325L3.33333 13.3333H10V5.33325H3.33533ZM6 3.99992H11.3333V10.6666H12.6667V2.66659H6V3.99992Z"
+                                    fill="#0D0716" />
+                            </svg>
+                        </button>
+                    </div>
+                </div>
+                <div class="flex justify-between items-center">
+                    <span class="text-tone-60 font-medium text-sm">CVV</span>
+                    <div class="flex items-center gap-1">
+                        <span data-copy-value="321" class="text-tone-100 text-sm font-medium">321</span>
+                        <button class="copy-btn p-1 hover:opacity-80 transition-opacity">
+                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M4.66667 3.99992V1.99992C4.66667 1.82311 4.7369 1.65354 4.86193 1.52851C4.98695 1.40349 5.15652 1.33325 5.33333 1.33325H13.3333C13.5101 1.33325 13.6797 1.40349 13.8047 1.52851C13.9298 1.65354 14 1.82311 14 1.99992V11.3333C14 11.5101 13.9298 11.6796 13.8047 11.8047C13.6797 11.9297 13.5101 11.9999 13.3333 11.9999H11.3333V13.9999C11.3333 14.3679 11.0333 14.6666 10.662 14.6666H2.67133C2.58342 14.6671 2.49626 14.6503 2.41488 14.617C2.3335 14.5837 2.25949 14.5347 2.19711 14.4728C2.13472 14.4108 2.0852 14.3372 2.05137 14.256C2.01754 14.1749 2.00009 14.0878 2 13.9999L2.002 4.66659C2.002 4.29859 2.302 3.99992 2.67333 3.99992H4.66667ZM3.33533 5.33325L3.33333 13.3333H10V5.33325H3.33533ZM6 3.99992H11.3333V10.6666H12.6667V2.66659H6V3.99992Z"
+                                    fill="#0D0716" />
+                            </svg>
+                        </button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- AVS -->
+        <div id="avs" class="tab-content hidden">
+             <div class=" grid gap-3 border border-tone-50 px-6 py-4 rounded-2xl mb-4">
+                <div class="flex justify-between items-center">
+                    <span class="text-tone-60 font-medium text-sm">Number</span>
+                    <div class="flex items-center gap-1">
+                        <span data-copy-value="4111124373708482"
+                            class="text-tone-100 text-sm font-medium">4111124373708482 </span>
+                        <button class="copy-btn p-1 hover:opacity-80 transition-opacity">
+                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M4.66667 3.99992V1.99992C4.66667 1.82311 4.7369 1.65354 4.86193 1.52851C4.98695 1.40349 5.15652 1.33325 5.33333 1.33325H13.3333C13.5101 1.33325 13.6797 1.40349 13.8047 1.52851C13.9298 1.65354 14 1.82311 14 1.99992V11.3333C14 11.5101 13.9298 11.6796 13.8047 11.8047C13.6797 11.9297 13.5101 11.9999 13.3333 11.9999H11.3333V13.9999C11.3333 14.3679 11.0333 14.6666 10.662 14.6666H2.67133C2.58342 14.6671 2.49626 14.6503 2.41488 14.617C2.3335 14.5837 2.25949 14.5347 2.19711 14.4728C2.13472 14.4108 2.0852 14.3372 2.05137 14.256C2.01754 14.1749 2.00009 14.0878 2 13.9999L2.002 4.66659C2.002 4.29859 2.302 3.99992 2.67333 3.99992H4.66667ZM3.33533 5.33325L3.33333 13.3333H10V5.33325H3.33533ZM6 3.99992H11.3333V10.6666H12.6667V2.66659H6V3.99992Z"
+                                    fill="#0D0716" />
+                            </svg>
+                        </button>
+                    </div>
+                </div>
+
+                <div class="flex justify-between items-center">
+                    <span class="text-tone-60 font-medium text-sm">Expiry</span>
+                    <div class="flex items-center gap-1">
+                        <span data-copy-value="12/30" class="text-tone-100 text-sm font-medium">12/2030</span>
+                        <button class="copy-btn p-1 hover:opacity-80 transition-opacity">
+                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M4.66667 3.99992V1.99992C4.66667 1.82311 4.7369 1.65354 4.86193 1.52851C4.98695 1.40349 5.15652 1.33325 5.33333 1.33325H13.3333C13.5101 1.33325 13.6797 1.40349 13.8047 1.52851C13.9298 1.65354 14 1.82311 14 1.99992V11.3333C14 11.5101 13.9298 11.6796 13.8047 11.8047C13.6797 11.9297 13.5101 11.9999 13.3333 11.9999H11.3333V13.9999C11.3333 14.3679 11.0333 14.6666 10.662 14.6666H2.67133C2.58342 14.6671 2.49626 14.6503 2.41488 14.617C2.3335 14.5837 2.25949 14.5347 2.19711 14.4728C2.13472 14.4108 2.0852 14.3372 2.05137 14.256C2.01754 14.1749 2.00009 14.0878 2 13.9999L2.002 4.66659C2.002 4.29859 2.302 3.99992 2.67333 3.99992H4.66667ZM3.33533 5.33325L3.33333 13.3333H10V5.33325H3.33533ZM6 3.99992H11.3333V10.6666H12.6667V2.66659H6V3.99992Z"
+                                    fill="#0D0716" />
+                            </svg>
+                        </button>
+                    </div>
+                </div>
+                <div class="flex justify-between items-center">
+                    <span class="text-tone-60 font-medium text-sm">CVV</span>
+                    <div class="flex items-center gap-1">
+                        <span data-copy-value="321" class="text-tone-100 text-sm font-medium">321</span>
+                        <button class="copy-btn p-1 hover:opacity-80 transition-opacity">
+                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M4.66667 3.99992V1.99992C4.66667 1.82311 4.7369 1.65354 4.86193 1.52851C4.98695 1.40349 5.15652 1.33325 5.33333 1.33325H13.3333C13.5101 1.33325 13.6797 1.40349 13.8047 1.52851C13.9298 1.65354 14 1.82311 14 1.99992V11.3333C14 11.5101 13.9298 11.6796 13.8047 11.8047C13.6797 11.9297 13.5101 11.9999 13.3333 11.9999H11.3333V13.9999C11.3333 14.3679 11.0333 14.6666 10.662 14.6666H2.67133C2.58342 14.6671 2.49626 14.6503 2.41488 14.617C2.3335 14.5837 2.25949 14.5347 2.19711 14.4728C2.13472 14.4108 2.0852 14.3372 2.05137 14.256C2.01754 14.1749 2.00009 14.0878 2 13.9999L2.002 4.66659C2.002 4.29859 2.302 3.99992 2.67333 3.99992H4.66667ZM3.33533 5.33325L3.33333 13.3333H10V5.33325H3.33533ZM6 3.99992H11.3333V10.6666H12.6667V2.66659H6V3.99992Z"
+                                    fill="#0D0716" />
+                            </svg>
+                        </button>
+                    </div>
+                </div>
+                 <div class="flex justify-between items-center">
+                    <span class="text-tone-60 font-medium text-sm">OTP</span>
+                    <div class="flex flex-col items-end gap-1">
+                        <span  class="text-tone-100 text-sm font-medium">Address: 1, Spotflow Street</span>
+                        <span  class="text-tone-100 text-sm font-medium">City: Lekki</span>
+                        <span class="text-tone-100 text-sm font-medium">State: Lagos</span>
+                        <span  class="text-tone-100 text-sm font-medium">Country: Nigeria</span>
+                        <span  class="text-tone-100 text-sm font-medium">ZIP: 101233</span>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>`;
+class pu {
+  constructor({ container: e, closeCallback: i }) {
+    h(this, "container");
+    h(this, "closeCallback");
+    this.container = e, this.closeCallback = i;
+  }
+  render() {
+    return vu;
+  }
+  attachListener() {
+    const e = this.container.querySelector(
+      "#close-test-card"
+    );
+    e == null || e.addEventListener("click", () => this.closeCallback());
+    const i = this.container.querySelectorAll(
+      "#test-card-tabs .tab-btn"
+    ), t = this.container.querySelectorAll(".tab-content");
+    i.forEach((o) => {
+      o.addEventListener("click", () => {
+        i.forEach((l) => l.classList.remove("active-tab")), o.classList.add("active-tab");
+        const a = o.getAttribute("data-target");
+        t.forEach((l) => {
+          l.id === a ? l.classList.remove("hidden") : l.classList.add("hidden");
+        });
+      });
+    }), this.container.querySelectorAll(".copy-btn").forEach((o) => {
+      o.addEventListener("click", async (a) => {
+        const d = a.currentTarget.previousElementSibling.getAttribute("data-copy-value") || "";
+        d && (await navigator.clipboard.writeText(d), o.innerHTML = '<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 2V1H10V2H5ZM4.75 0C4.33579 0 4 0.335786 4 0.75V1H3.5C2.67157 1 2 1.67157 2 2.5V12.5C2 13.3284 2.67157 14 3.5 14H7V13H3.5C3.22386 13 3 12.7761 3 12.5V2.5C3 2.22386 3.22386 2 3.5 2H4V2.25C4 2.66421 4.33579 3 4.75 3H10.25C10.6642 3 11 2.66421 11 2.25V2H11.5C11.7761 2 12 2.22386 12 2.5V7H13V2.5C13 1.67157 12.3284 1 11.5 1H11V0.75C11 0.335786 10.6642 0 10.25 0H4.75ZM9 8.5C9 8.77614 8.77614 9 8.5 9C8.22386 9 8 8.77614 8 8.5C8 8.22386 8.22386 8 8.5 8C8.77614 8 9 8.22386 9 8.5ZM10.5 9C10.7761 9 11 8.77614 11 8.5C11 8.22386 10.7761 8 10.5 8C10.2239 8 10 8.22386 10 8.5C10 8.77614 10.2239 9 10.5 9ZM13 8.5C13 8.77614 12.7761 9 12.5 9C12.2239 9 12 8.77614 12 8.5C12 8.22386 12.2239 8 12.5 8C12.7761 8 13 8.22386 13 8.5ZM14.5 9C14.7761 9 15 8.77614 15 8.5C15 8.2239 14.7761 8 14.5 8C14.2239 8 14 8.22386 14 8.5C14 8.77614 14.2239 9 14.5 9ZM15 10.5C15 10.7761 14.7761 11 14.5 11C14.2239 11 14 10.7761 14 10.5C14 10.2239 14.2239 10 14.5 10C14.7761 10 15 10.2239 15 10.5ZM14.5 13C14.7761 13 15 12.7761 15 12.5C15 12.2239 14.7761 12 14.5 12C14.2239 12 14 12.2239 14 12.5C14 12.7761 14.2239 13 14.5 13ZM14.5 15C14.7761 15 15 14.7761 15 14.5C15 14.2239 14.7761 14 14.5 14C14.2239 14 14 14.2239 14 14.5C14 14.7761 14.2239 15 14.5 15ZM8.5 11C8.77614 11 9 10.7761 9 10.5C9 10.2239 8.77614 10 8.5 10C8.22386 10 8 10.2239 8 10.5C8 10.7761 8.22386 11 8.5 11ZM9 12.5C9 12.7761 8.77614 13 8.5 13C8.22386 13 8 12.7761 8 12.5C8 12.2239 8.22386 12 8.5 12C8.77614 12 9 12.2239 9 12.5ZM8.5 15C8.77614 15 9 14.7761 9 14.5C9 14.2239 8.77614 14 8.5 14C8.22386 14 8 14.2239 8 14.5C8 14.7761 8.22386 15 8.5 15ZM11 14.5C11 14.7761 10.7761 15 10.5 15C10.2239 15 10 14.7761 10 14.5C10 14.2239 10.2239 14 10.5 14C10.7761 14 11 14.2239 11 14.5ZM12.5 15C12.7761 15 13 14.7761 13 14.5C13 14.2239 12.7761 14 12.5 14C12.2239 14 12 14.2239 12 14.5C12 14.7761 12.2239 15 12.5 15Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path></svg>', setTimeout(() => {
+          o.innerHTML = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M4.66667 3.99992V1.99992C4.66667 1.82311 4.7369 1.65354 4.86193 1.52851C4.98695 1.40349 5.15652 1.33325 5.33333 1.33325H13.3333C13.5101 1.33325 13.6797 1.40349 13.8047 1.52851C13.9298 1.65354 14 1.82311 14 1.99992V11.3333C14 11.5101 13.9298 11.6796 13.8047 11.8047C13.6797 11.9297 13.5101 11.9999 13.3333 11.9999H11.3333V13.9999C11.3333 14.3679 11.0333 14.6666 10.662 14.6666H2.67133C2.58342 14.6671 2.49626 14.6503 2.41488 14.617C2.3335 14.5837 2.25949 14.5347 2.19711 14.4728C2.13472 14.4108 2.0852 14.3372 2.05137 14.256C2.01754 14.1749 2.00009 14.0878 2 13.9999L2.002 4.66659C2.002 4.29859 2.302 3.99992 2.67333 3.99992H4.66667ZM3.33533 5.33325L3.33333 13.3333H10V5.33325H3.33533ZM6 3.99992H11.3333V10.6666H12.6667V2.66659H6V3.99992Z"
+                fill="#0D0716" />
+            </svg>`;
+        }, 1e3));
+      });
+    });
+  }
+  renderComponent() {
+    this.container.innerHTML = this.render(), this.attachListener();
+  }
+}
+class bu {
   constructor({
     container: e,
     customerDetails: i,
@@ -36482,7 +36460,7 @@ class gu {
     const o = (l = (a = this.merchantPlanDetail.plan) == null ? void 0 : a.pricingOptions) == null ? void 0 : l.find(
       (d) => d.currency === this.currency
     );
-    this.amount = (o == null ? void 0 : o.amount) || this.amount, this.totalAmount = this.merchantPlanDetail.totalAmount || this.amount, this.mainHeader = new tu({
+    this.amount = (o == null ? void 0 : o.amount) || this.amount, this.totalAmount = this.merchantPlanDetail.totalAmount || this.amount, this.mainHeader = new iu({
       container: document.getElementById("main-header"),
       email: this.customerDetails.email,
       amount: this.amount,
@@ -36496,7 +36474,7 @@ class gu {
         this.closeBTN.bind(this)(d);
       },
       currentPaymentMethod: this.currentPaymentMethod
-    }), this.mainHeader.renderComponent(), this.testCard = new Co({
+    }), this.mainHeader.renderComponent(), this.testCard = new pu({
       container: document.getElementById("test-container"),
       closeCallback: () => {
         const d = document.getElementById(
@@ -36571,7 +36549,7 @@ class gu {
   updatePaymentMethodView(e, i, t, s, o) {
     switch (this.currentPaymentMethod) {
       case "card":
-        return this.card = new Hd({
+        return this.card = new Bd({
           container: this.modalContainer,
           amount: t,
           totalAmount: s,
@@ -36596,7 +36574,7 @@ class gu {
           retryingPayment: this.retryingPayment
         });
       case "bank_transfer":
-        return this.transfer = new qd({
+        return this.transfer = new Gd({
           amount: t,
           totalAmount: s,
           currency: o,
@@ -36640,7 +36618,7 @@ class gu {
           }
         });
       case "mobile_money":
-        return this.mobileMoney = new pu({
+        return this.mobileMoney = new cu({
           container: this.modalContainer,
           customer: i || this.customerDetails,
           currency: o,
@@ -36669,7 +36647,7 @@ class gu {
           countryCode: this.countryCode || ""
         });
       case "eft":
-        return this.eft = new fu({
+        return this.eft = new mu({
           container: this.modalContainer,
           amount: t,
           totalAmount: s,
@@ -36794,7 +36772,7 @@ class gu {
     e && e();
   }
   render() {
-    return pr;
+    return vr;
   }
 }
 class Ls {
@@ -36833,8 +36811,8 @@ class Ls {
     `;
   }
 }
-const yu = "data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='10'%20y='11.6667'%20width='20'%20height='18.3333'%20fill='white'/%3e%3cpath%20d='M19.9955%2036.6666C15.5754%2036.6706%2011.3352%2034.9161%208.20965%2031.7898C5.08414%2028.6635%203.33001%2024.4222%203.33399%2020.0009V19.6676C3.47026%2012.9884%207.57901%207.0353%2013.7747%204.54029C19.9704%202.04528%2027.0568%203.49007%2031.7819%208.21164C36.5512%2012.9782%2037.9786%2020.1498%2035.398%2026.38C32.8174%2032.6101%2026.7375%2036.6706%2019.9955%2036.6666ZM19.9955%2022.3508L24.3109%2026.6672L26.6601%2024.3174L22.3448%2020.0009L26.6601%2015.6845L24.3109%2013.3347L19.9955%2017.6511L15.6802%2013.3347L13.3309%2015.6845L17.6463%2020.0009L13.3309%2024.3174L15.6802%2026.6672L19.9955%2022.3525V22.3508Z'%20fill='%23D62020'/%3e%3c/svg%3e";
-class Cu {
+const fu = "data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='10'%20y='11.6667'%20width='20'%20height='18.3333'%20fill='white'/%3e%3cpath%20d='M19.9955%2036.6666C15.5754%2036.6706%2011.3352%2034.9161%208.20965%2031.7898C5.08414%2028.6635%203.33001%2024.4222%203.33399%2020.0009V19.6676C3.47026%2012.9884%207.57901%207.0353%2013.7747%204.54029C19.9704%202.04528%2027.0568%203.49007%2031.7819%208.21164C36.5512%2012.9782%2037.9786%2020.1498%2035.398%2026.38C32.8174%2032.6101%2026.7375%2036.6706%2019.9955%2036.6666ZM19.9955%2022.3508L24.3109%2026.6672L26.6601%2024.3174L22.3448%2020.0009L26.6601%2015.6845L24.3109%2013.3347L19.9955%2017.6511L15.6802%2013.3347L13.3309%2015.6845L17.6463%2020.0009L13.3309%2024.3174L15.6802%2026.6672L19.9955%2022.3525V22.3508Z'%20fill='%23D62020'/%3e%3c/svg%3e";
+class gu {
   constructor(e) {
     h(this, "container");
     h(this, "currency", "");
@@ -36875,7 +36853,7 @@ class Cu {
       `;
   }
 }
-class Au {
+class _u {
   constructor() {
     h(this, "modalContainer");
     h(this, "mainLayout");
@@ -36900,7 +36878,7 @@ class Au {
     h(this, "metadata");
     h(this, "localCurrency");
     h(this, "countryCode");
-    this.merchantKey = "", this.email = "", this.amount = 0, this.planId = "", this.encryption = "", this.phoneNumber = "", this.code = "", this.modalContainer = document.createElement("div"), this.rdtCode = "", this.reference = "", this.currency = "", this.url = "", this.callBackUrl = "", this.metadata = {}, this.localCurrency = "", this.countryCode = "", this.modalContainer.innerHTML = vr, P.init("11162d9a0801daeaf786f1200cd3112b", { debug: !1 }), document.body.appendChild(this.modalContainer);
+    this.merchantKey = "", this.email = "", this.amount = 0, this.planId = "", this.encryption = "", this.phoneNumber = "", this.code = "", this.modalContainer = document.createElement("div"), this.rdtCode = "", this.reference = "", this.currency = "", this.url = "", this.callBackUrl = "", this.metadata = {}, this.localCurrency = "", this.countryCode = "", this.modalContainer.innerHTML = mr, P.init("11162d9a0801daeaf786f1200cd3112b", { debug: !1 }), document.body.appendChild(this.modalContainer);
     const i = document.getElementById(
       "main-layout-container-screen"
     );
@@ -36911,7 +36889,7 @@ class Au {
     const e = {
       reference: this.reference
     };
-    yr(
+    gr(
       this.merchantKey,
       e,
       this.rdtCode,
@@ -36950,13 +36928,13 @@ class Au {
       phoneNumber: C,
       name: w
     } = e;
-    if (this.merchantKey = s || "", this.email = i || "", this.amount = a || 0, this.encryption = t || "", this.planId = o || "", this.rdtCode = l || "", this.reference = d || _r(), this.url = v || "", this.callBackUrl = g || "", this.metadata = f || {}, this.countryCode = k || "", this.phoneNumber = C || "", this.name = w || "", !s || !i)
+    if (this.merchantKey = s || "", this.email = i || "", this.amount = a || 0, this.encryption = t || "", this.planId = o || "", this.rdtCode = l || "", this.reference = d || wr(), this.url = v || "", this.callBackUrl = g || "", this.metadata = f || {}, this.countryCode = k || "", this.phoneNumber = C || "", this.name = w || "", !s || !i)
       throw this.mainError = new Ls(this.mainLayout), this.mainError.renderContent(this.callBackUrl), this.showErrorIcon(), new Error("Merchant key or email is required");
-    this.currency = p || "", this.merchantConfigService = new zd({
+    this.currency = p || "", this.merchantConfigService = new qd({
       token: this.merchantKey,
       rdtCode: this.rdtCode,
       url: this.url
-    }), this.localCurrency = y || "", this.mainScreen = new gu({
+    }), this.localCurrency = y || "", this.mainScreen = new bu({
       container: this.mainLayout,
       modalContainer: this.modalContainer,
       merchantKey: s,
@@ -36996,7 +36974,7 @@ class Au {
     this.merchantConfigService.getMerchantConfig(this.planId, e).then(async (i) => {
       var a, l;
       if (i.taxEnabled) {
-        const d = await kr(
+        const d = await Sr(
           this.merchantKey,
           this.localCurrency !== this.currency ? this.amount * i.rate.rate : this.amount,
           // Convert to local currency if available
@@ -37020,7 +36998,7 @@ class Au {
       }), P.track("checkout_opens");
       const { validChannels: t, disabledChannels: s } = this.getAvailableChannels();
       if (((a = this.merchantPlanDetail) == null ? void 0 : a.limits) && this.merchantPlanDetail.limits.length > 0 && (t.length === 0 || t[0] === "ussd" && t.length === 1)) {
-        const d = new Cu(this.mainLayout);
+        const d = new gu(this.mainLayout);
         this.mainError = d;
         let p = 0;
         throw (l = this.merchantPlanDetail) != null && l.limits && this.merchantPlanDetail.limits.length > 0 && (p = Math.max(
@@ -37040,12 +37018,12 @@ class Au {
   showErrorIcon() {
     var i;
     const e = this.mainLayout.querySelector("#shared-error-container");
-    e && (e.classList.remove("hidden"), e.parentElement.classList.add("mx-auto"), e.classList.add("flex", "flex-col", "items-center", "gap-2"), (i = e.querySelector("img")) == null || i.setAttribute("src", yu));
+    e && (e.classList.remove("hidden"), e.parentElement.classList.add("mx-auto"), e.classList.add("flex", "flex-col", "items-center", "gap-2"), (i = e.querySelector("img")) == null || i.setAttribute("src", fu));
   }
   closeModal() {
     this.modalContainer && this.modalContainer.parentNode && document.body.removeChild(this.modalContainer), this.mainScreen.closeModal();
   }
 }
 export {
-  Au as CheckoutForm
+  _u as CheckoutForm
 };