@spot-flow/checkout-inline-js 0.1.42 → 0.1.43-dev.2

package/dist/checkout-inline.es.js

@@ -63,9 +63,9 @@ 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;
-}, Ve = "https://api.spotflow.co/api/v1", fr = async (n, e, i, t) => {
+}, Ue = "https://api.spotflow.co/api/v1", fr = async (n, e, i, t) => {
   try {
-    const s = Oe(n, i), o = await fetch(`${fe(Ve, t)}/payments`, {
+    const s = Oe(n, i), o = await fetch(`${fe(Ue, t)}/payments`, {
       method: "POST",
       headers: s,
       body: JSON.stringify(e)
@@ -84,7 +84,7 @@ const Oe = (n, e, i) => {
 }, yi = async (n, e, i, t) => {
   try {
     const s = Oe(n, i), o = await fetch(
-      `${fe(Ve, t)}/payments/authorize`,
+      `${fe(Ue, t)}/payments/authorize`,
       {
         method: "POST",
         headers: s,
@@ -104,7 +104,7 @@ const Oe = (n, e, i) => {
   }
 }, Ts = async (n, e, i, t) => {
   try {
-    const s = Oe(n, i), o = await fetch(`${fe(Ve, t)}/payments`, {
+    const s = Oe(n, i), o = await fetch(`${fe(Ue, t)}/payments`, {
       method: "POST",
       headers: s,
       body: JSON.stringify(e)
@@ -122,7 +122,7 @@ const Oe = (n, e, i) => {
   }
 }, gr = async (n, e, i, t) => {
   try {
-    const s = Oe(n, i), o = await fetch(`${fe(Ve, t)}/payments`, {
+    const s = Oe(n, i), o = await fetch(`${fe(Ue, t)}/payments`, {
       method: "POST",
       headers: s,
       body: JSON.stringify(e)
@@ -141,7 +141,7 @@ const Oe = (n, e, i) => {
 }, cn = async (n, e, i, t, s) => {
   try {
     const o = Oe(n, t), a = await fetch(
-      `${fe(Ve, s)}/payments/verify?reference=${e}`,
+      `${fe(Ue, s)}/payments/verify?reference=${e}`,
       {
         method: "GET",
         headers: o,
@@ -164,7 +164,7 @@ async function yr(n, e, i, t, s) {
   const o = Oe(n, i);
   try {
     const a = await fetch(
-      `${fe(Ve, t)}/mobile-money/providers?currency=${s || e}`,
+      `${fe(Ue, t)}/mobile-money/providers?currency=${s || e}`,
       {
         headers: o,
         method: "GET"
@@ -182,7 +182,7 @@ async function yr(n, e, i, t, s) {
 const Cr = async (n, e, i, t) => {
   try {
     const s = Oe(n, i), o = await fetch(
-      `${fe(Ve, t)}/payments/cancel`,
+      `${fe(Ue, t)}/payments/cancel`,
       {
         method: "POST",
         headers: s,
@@ -202,7 +202,7 @@ const Cr = async (n, e, i, t) => {
 }, Sr = async (n, e, i, t) => {
   try {
     const s = Oe(n, i, !0), o = await fetch(
-      `${fe(Ve, t)}/disputes/upload-documents`,
+      `${fe(Ue, t)}/disputes/upload-documents`,
       {
         method: "POST",
         headers: s,
@@ -220,7 +220,7 @@ const Cr = async (n, e, i, t) => {
 }, kr = async (n, e, i, t) => {
   try {
     const s = Oe(n, i), o = await fetch(
-      `${fe(Ve, t)}/disputes/reference`,
+      `${fe(Ue, t)}/disputes/reference`,
       {
         method: "POST",
         headers: s,
@@ -235,9 +235,9 @@ const Cr = 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;
   }
-}, Hi = async (n, e, i, t) => {
+}, Ri = async (n, e, i, t) => {
   try {
-    const s = Oe(n, i), o = await fetch(`${fe(Ve, t)}/payments/retry`, {
+    const s = Oe(n, i), o = await fetch(`${fe(Ue, t)}/payments/retry`, {
       method: "POST",
       headers: s,
       body: JSON.stringify(e)
@@ -257,7 +257,7 @@ const Cr = async (n, e, i, t) => {
 async function wr(n, e, i, t, s) {
   try {
     const o = Oe(n, t), a = await fetch(
-      `${fe(Ve, s)}/payments/tax-quotes?amount=${e || ""}&currency=${i || ""}`,
+      `${fe(Ue, s)}/payments/tax-quotes?amount=${e || ""}&currency=${i || ""}`,
       {
         headers: o,
         method: "GET"
@@ -342,7 +342,7 @@ const Le = (n, e) => {
   }
 };
 be.card.label, be.card.icon, be.card.key, be.bank_transfer.label, be.bank_transfer.icon, be.bank_transfer.key, be.ussd.label, be.ussd.icon, be.ussd.key, be.mobile_money.label, be.mobile_money.icon, be.mobile_money.key, be.eft.label, be.eft.icon, be.eft.key;
-const Yt = [
+const Qt = [
   {
     name: "MasterCard",
     icon: `<svg width="24" height="14" viewBox="0 0 24 14" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -914,8 +914,8 @@ const Yt = [
 </div>`, Mr = () => {
   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, ""), Ar = (n) => n.replace(/\D/g, ""), Lr = (n) => n.replace(/\D/g, "").replace(/(\d{4})(?=\d)/g, "$1 ").trim(), xr = (n) => ki(n).slice(0, 3), Tr = (n) => {
-  const e = ki(n);
+}, wi = (n = "") => n.replace(/\D+/g, ""), Ar = (n) => n.replace(/\D/g, ""), Lr = (n) => n.replace(/\D/g, "").replace(/(\d{4})(?=\d)/g, "$1 ").trim(), xr = (n) => wi(n).slice(0, 3), Tr = (n) => {
+  const e = wi(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;
@@ -975,8 +975,8 @@ h(ln, "removeToast", (e) => {
     e.parentElement && e.parentElement.removeChild(e);
   });
 });
-let wi = ln;
-class Qt {
+let _i = ln;
+class Xt {
   constructor(e) {
     h(this, "container");
     h(this, "onAction");
@@ -984,7 +984,7 @@ class Qt {
     h(this, "creditCardTypes");
     h(this, "merchantName");
     h(this, "currency");
-    this.container = e.container, this.onAction = e.onAction, this.creditCardTypes = [...Yt], this.cardDetailsValues = {
+    this.container = e.container, this.onAction = e.onAction, this.creditCardTypes = [...Qt], this.cardDetailsValues = {
       number: "",
       expiry: "",
       cvv: "",
@@ -1133,7 +1133,7 @@ class Qt {
     });
   }
   filterCreditCardType(e) {
-    e ? (this.creditCardTypes = Yt.filter(
+    e ? (this.creditCardTypes = Qt.filter(
       (i) => i.name === Er(e)
     ), this.displayCardTypes()) : (this.creditCardTypes = [], this.displayCardTypes());
   }
@@ -1547,7 +1547,7 @@ const Or = `<form id="card-avs-form">
   <p class="text-xxs text-grey-100">
     PCI DSS Certified
   </p>
-</div>`, Vr = [
+</div>`, Ur = [
   {
     code2: "AF",
     code3: "AFG",
@@ -23567,8 +23567,8 @@ const Or = `<form id="card-avs-form">
       }
     ]
   }
-], Ur = {
-  countries: Vr
+], Vr = {
+  countries: Ur
 };
 class Kr {
   constructor(e) {
@@ -23577,7 +23577,7 @@ class Kr {
     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 = Vr.countries.map((i) => ({
       label: i.name,
       value: i.name,
       // @ts-ignore
@@ -23641,7 +23641,7 @@ class Kr {
         t.appendChild(v);
       })));
     }
-    if (o === "state" && (this.contactDetails.state = a), o === "city" && (this.contactDetails.city = a), o === "code" && (this.contactDetails.code = ki(a), l = ki(a)), s.value = l, this.validateCard())
+    if (o === "state" && (this.contactDetails.state = a), o === "city" && (this.contactDetails.city = a), o === "code" && (this.contactDetails.code = wi(a), l = wi(a)), s.value = l, this.validateCard())
       i && i.removeAttribute("disabled");
     else if (i) {
       if (i.disabled)
@@ -24047,7 +24047,7 @@ function nn(n, e, i) {
     o.searchParams.append("status", n.status), o.searchParams.append("reference", n.reference), window.location.href = o.toString();
   }, 1800);
 }
-class Ri {
+class Oi {
   constructor(e) {
     h(this, "container");
     h(this, "transactionIssuesForm");
@@ -24198,7 +24198,7 @@ function Wr(n) {
   const i = ["@import", `url(${JSON.stringify(n.href)})`];
   return n.layerName === "" ? i.push("layer") : n.layerName && i.push(`layer(${n.layerName})`), n.supportsText && i.push(`supports(${n.supportsText})`), n.media.length && i.push(n.media.mediaText), i.join(" ") + ";";
 }
-function _i(n) {
+function Mi(n) {
   try {
     const e = n.rules || n.cssRules;
     return e ? zr(Array.from(e, Ps).join("")) : null;
@@ -24210,7 +24210,7 @@ function Ps(n) {
   let e;
   if (Jr(n))
     try {
-      e = _i(n.styleSheet) || Wr(n);
+      e = Mi(n.styleSheet) || Wr(n);
     } catch {
     }
   else if ($r(n) && n.selectorText.includes(":"))
@@ -24276,7 +24276,7 @@ class Is {
 function Yr() {
   return new Is();
 }
-function mt({ element: n, maskInputOptions: e, tagName: i, type: t, value: s, maskInputFn: o }) {
+function vt({ element: n, maskInputOptions: e, tagName: i, type: t, value: s, maskInputFn: o }) {
   let a = s || "";
   const l = t && _n(t);
   return (e[i.toLowerCase()] || l && e[l]) && (o ? a = o(a, n) : a = "*".repeat(a.length)), a;
@@ -24284,7 +24284,7 @@ function mt({ element: n, maskInputOptions: e, tagName: i, type: t, value: s, ma
 function _n(n) {
   return n.toLowerCase();
 }
-const Xt = "__rrweb_original__";
+const es = "__rrweb_original__";
 function Qr(n) {
   const e = n.getContext("2d");
   if (!e)
@@ -24292,13 +24292,13 @@ function Qr(n) {
   const i = 50;
   for (let t = 0; t < n.width; t += i)
     for (let s = 0; s < n.height; s += i) {
-      const o = e.getImageData, a = Xt in o ? o[Xt] : o;
+      const o = e.getImageData, a = es in o ? o[es] : o;
       if (new Uint32Array(a.call(e, t, s, Math.min(i, n.width - t), Math.min(i, n.height - s)).data.buffer).some((d) => d !== 0))
         return !1;
     }
   return !0;
 }
-function vt(n) {
+function pt(n) {
   const e = n.type;
   return n.hasAttribute("data-rr-is-password") ? "password" : e ? _n(e) : null;
 }
@@ -24328,9 +24328,9 @@ function il(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;
+let Tn, ns;
 const tl = /url\((?:(')([^']*)'|(")(.*?)"|([^)]*))\)/gm, sl = /^(?:[a-z+]+:)?\/\//i, ol = /^www\..*/i, al = /^(data:)([^,]*),(.*)/i;
-function Mi(n, e) {
+function Ai(n, e) {
   return (n || "").replace(tl, (i, t, s, o, a, l) => {
     const d = s || a || l, p = t || o || "";
     if (!d)
@@ -24393,12 +24393,12 @@ function In(n, e) {
 function ul(n) {
   return !!(n.tagName === "svg" || n.ownerSVGElement);
 }
-function pt() {
+function bt() {
   const n = document.createElement("a");
   return n.href = "", n.href;
 }
 function Bs(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" ? dl(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") ? In(n, t) : i === "srcset" ? dl(n, t) : i === "style" ? Ai(t, bt()) : e === "object" && i === "data" ? In(n, t) : t);
 }
 function Hs(n, e, i) {
   return (n === "video" || n === "audio") && e === "autoplay";
@@ -24420,17 +24420,17 @@ function cl(n, e, i) {
   }
   return !1;
 }
-function Ai(n, e, i) {
+function Li(n, e, i) {
   if (!n)
     return !1;
   if (n.nodeType !== n.ELEMENT_NODE)
-    return i ? Ai(n.parentNode, e, i) : !1;
+    return i ? Li(n.parentNode, e, i) : !1;
   for (let t = n.classList.length; t--; ) {
     const s = n.classList[t];
     if (e.test(s))
       return !0;
   }
-  return i ? Ai(n.parentNode, e, i) : !1;
+  return i ? Li(n.parentNode, e, i) : !1;
 }
 function Rs(n, e, i, t) {
   try {
@@ -24443,7 +24443,7 @@ function Rs(n, e, i, t) {
           return !0;
       } else if (s.classList.contains(e))
         return !0;
-    } else if (Ai(s, e, t))
+    } else if (Li(s, e, t))
       return !0;
     if (i) {
       if (t) {
@@ -24566,11 +24566,11 @@ function bl(n, e) {
   const d = a === "STYLE" ? !0 : void 0, p = a === "SCRIPT" ? !0 : void 0;
   if (d && l) {
     try {
-      n.nextSibling || n.previousSibling || !((i = n.parentNode.sheet) === null || i === void 0) && i.cssRules && (l = _i(n.parentNode.sheet));
+      n.nextSibling || n.previousSibling || !((i = n.parentNode.sheet) === null || i === void 0) && i.cssRules && (l = Mi(n.parentNode.sheet));
     } catch (v) {
       console.warn(`Cannot get CSS styles from text's parentNode. Error: ${v}`, n);
     }
-    l = Mi(l, pt());
+    l = Ai(l, bt());
   }
   return p && (l = "SCRIPT_PLACEHOLDER"), !d && !p && l && t && (l = s ? s(l, n.parentElement) : l.replace(/[\S]/g, "*")), {
     type: ve.Text,
@@ -24590,17 +24590,17 @@ function fl(n, e) {
   if (C === "link" && o) {
     const _ = Array.from(i.styleSheets).find((I) => I.href === n.href);
     let T = null;
-    _ && (T = _i(_)), T && (delete w.rel, delete w.href, w._cssText = Mi(T, _.href));
+    _ && (T = Mi(_)), T && (delete w.rel, delete w.href, w._cssText = Ai(T, _.href));
   }
   if (C === "style" && n.sheet && !(n.innerText || n.textContent || "").trim().length) {
-    const _ = _i(n.sheet);
-    _ && (w._cssText = Mi(_, pt()));
+    const _ = Mi(n.sheet);
+    _ && (w._cssText = Ai(_, bt()));
   }
   if (C === "input" || C === "textarea" || C === "select") {
     const _ = n.value, T = n.checked;
-    w.type !== "radio" && w.type !== "checkbox" && w.type !== "submit" && w.type !== "button" && _ ? w.value = mt({
+    w.type !== "radio" && w.type !== "checkbox" && w.type !== "submit" && w.type !== "button" && _ ? w.value = vt({
       element: n,
-      type: vt(n),
+      type: pt(n),
       tagName: C,
       value: _,
       maskInputOptions: a,
@@ -24618,13 +24618,13 @@ function fl(n, e) {
     }
   }
   if (C === "img" && p) {
-    Tn || (Tn = i.createElement("canvas"), es = Tn.getContext("2d"));
+    Tn || (Tn = i.createElement("canvas"), ns = Tn.getContext("2d"));
     const _ = n, T = _.crossOrigin;
     _.crossOrigin = "anonymous";
     const I = () => {
       _.removeEventListener("load", I);
       try {
-        Tn.width = _.naturalWidth, Tn.height = _.naturalHeight, es.drawImage(_, 0, 0), w.rr_dataURL = Tn.toDataURL(d.type, d.quality);
+        Tn.width = _.naturalWidth, Tn.height = _.naturalHeight, ns.drawImage(_, 0, 0), w.rr_dataURL = Tn.toDataURL(d.type, d.quality);
       } catch (K) {
         console.warn(`Cannot inline img src=${_.currentSrc}! Error: ${K}`);
       }
@@ -24691,14 +24691,14 @@ function gl(n, e) {
 }
 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;
-  let { needsMask: V } = e, { preserveWhiteSpace: j = !0 } = e;
-  !V && n.childNodes && (V = Rs(n, a, l, V === void 0));
+  let { needsMask: U } = e, { preserveWhiteSpace: j = !0 } = e;
+  !U && n.childNodes && (U = Rs(n, a, l, U === void 0));
   const te = vl(n, {
     doc: i,
     mirror: t,
     blockClass: s,
     blockSelector: o,
-    needsMask: V,
+    needsMask: U,
     inlineStylesheet: p,
     maskInputOptions: v,
     maskTextFn: g,
@@ -24713,24 +24713,24 @@ function Dn(n, e) {
     return console.warn(n, "not serialized"), null;
   let ge;
   t.hasNode(n) ? ge = t.getId(n) : gl(te, y) || !j && te.type === ve.Text && !te.isStyle && !te.textContent.replace(/^\s+|\s+$/gm, "").length ? ge = Qn : ge = Ns();
-  const U = Object.assign(te, { id: ge });
-  if (t.add(n, U), ge === Qn)
+  const V = Object.assign(te, { id: ge });
+  if (t.add(n, V), ge === Qn)
     return null;
   M && M(n);
   let ke = !d;
-  if (U.type === ve.Element) {
-    ke = ke && !U.needBlock, delete U.needBlock;
+  if (V.type === ve.Element) {
+    ke = ke && !V.needBlock, delete V.needBlock;
     const le = n.shadowRoot;
-    le && Wn(le) && (U.isShadowHost = !0);
+    le && Wn(le) && (V.isShadowHost = !0);
   }
-  if ((U.type === ve.Document || U.type === ve.Element) && ke) {
-    y.headWhitespace && U.type === ve.Element && U.tagName === "head" && (j = !1);
+  if ((V.type === ve.Document || V.type === ve.Element) && ke) {
+    y.headWhitespace && V.type === ve.Element && V.tagName === "head" && (j = !1);
     const le = {
       doc: i,
       mirror: t,
       blockClass: s,
       blockSelector: o,
-      needsMask: V,
+      needsMask: U,
       maskTextClass: a,
       maskTextSelector: l,
       skipChild: d,
@@ -24750,17 +24750,17 @@ function Dn(n, e) {
       stylesheetLoadTimeout: I,
       keepIframeSrcFn: K
     };
-    if (!(U.type === ve.Element && U.tagName === "textarea" && U.attributes.value !== void 0)) for (const xe of Array.from(n.childNodes)) {
+    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);
-      we && U.childNodes.push(we);
+      we && V.childNodes.push(we);
     }
     if (qr(n) && n.shadowRoot)
       for (const xe of Array.from(n.shadowRoot.childNodes)) {
         const we = Dn(xe, le);
-        we && (Wn(n.shadowRoot) && (we.isShadow = !0), U.childNodes.push(we));
+        we && (Wn(n.shadowRoot) && (we.isShadow = !0), V.childNodes.push(we));
       }
   }
-  return n.parentNode && zn(n.parentNode) && Wn(n.parentNode) && (U.isShadow = !0), U.type === ve.Element && U.tagName === "iframe" && hl(n, () => {
+  return n.parentNode && zn(n.parentNode) && Wn(n.parentNode) && (V.isShadow = !0), V.type === ve.Element && V.tagName === "iframe" && hl(n, () => {
     const le = n.contentDocument;
     if (le && A) {
       const xe = Dn(le, {
@@ -24768,7 +24768,7 @@ function Dn(n, e) {
         mirror: t,
         blockClass: s,
         blockSelector: o,
-        needsMask: V,
+        needsMask: U,
         maskTextClass: a,
         maskTextSelector: l,
         skipChild: !1,
@@ -24790,14 +24790,14 @@ function Dn(n, e) {
       });
       xe && A(n, xe);
     }
-  }, _), U.type === ve.Element && U.tagName === "link" && typeof U.attributes.rel == "string" && (U.attributes.rel === "stylesheet" || U.attributes.rel === "preload" && typeof U.attributes.href == "string" && Ds(U.attributes.href) === "css") && ml(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") && ml(n, () => {
     if (T) {
       const le = Dn(n, {
         doc: i,
         mirror: t,
         blockClass: s,
         blockSelector: o,
-        needsMask: V,
+        needsMask: U,
         maskTextClass: a,
         maskTextSelector: l,
         skipChild: !1,
@@ -24819,7 +24819,7 @@ function Dn(n, e) {
       });
       le && T(n, le);
     }
-  }, I), U;
+  }, I), V;
 }
 function yl(n, e) {
   const { mirror: i = new Is(), 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 || {};
@@ -24886,7 +24886,7 @@ function _e(n, e, i = document) {
 const Pn = `Please stop import mirror directly. Instead of that,\r
 now you can use replayer.getMirror() to access the mirror instance of a replayer,\r
 or you can use record.mirror to access the mirror instance during recording.`;
-let ns = {
+let is = {
   map: {},
   getId() {
     return console.error(Pn), -1;
@@ -24904,7 +24904,7 @@ let ns = {
     console.error(Pn);
   }
 };
-typeof window < "u" && window.Proxy && window.Reflect && (ns = new Proxy(ns, {
+typeof window < "u" && window.Proxy && window.Reflect && (is = new Proxy(is, {
   get(n, e, i) {
     return e === "map" && console.error(Pn), Reflect.get(n, e, i);
   }
@@ -24920,7 +24920,7 @@ function Xn(n, e, i = {}) {
     }, l));
   };
 }
-function Oi(n, e, i, t, s = window) {
+function Ui(n, e, i, t, s = window) {
   const o = s.Object.getOwnPropertyDescriptor(n, e);
   return s.Object.defineProperty(n, e, t ? i : {
     set(a) {
@@ -24928,9 +24928,9 @@ function Oi(n, e, i, t, s = window) {
         i.set.call(this, a);
       }, 0), o && o.set && o.set.call(this, a);
     }
-  }), () => Oi(n, e, o || {}, !0);
+  }), () => Ui(n, e, o || {}, !0);
 }
-function Un(n, e, i) {
+function Vn(n, e, i) {
   try {
     if (!(e in n))
       return () => {
@@ -24949,8 +24949,8 @@ function Un(n, e, i) {
     };
   }
 }
-let Li = Date.now;
-/[1-9][0-9]{12}/.test(Date.now().toString()) || (Li = () => (/* @__PURE__ */ new Date()).getTime());
+let xi = Date.now;
+/[1-9][0-9]{12}/.test(Date.now().toString()) || (xi = () => (/* @__PURE__ */ new Date()).getTime());
 function Os(n) {
   var e, i, t, s, o, a;
   const l = n.document;
@@ -24959,10 +24959,10 @@ function Os(n) {
     top: l.scrollingElement ? l.scrollingElement.scrollTop : n.pageYOffset !== void 0 ? n.pageYOffset : (l == null ? void 0 : l.documentElement.scrollTop) || ((o = (s = l == null ? void 0 : l.body) === null || s === void 0 ? void 0 : s.parentElement) === null || o === void 0 ? void 0 : o.scrollTop) || ((a = l == null ? void 0 : l.body) === null || a === void 0 ? void 0 : a.scrollTop) || 0
   };
 }
-function Vs() {
+function Us() {
   return window.innerHeight || document.documentElement && document.documentElement.clientHeight || document.body && document.body.clientHeight;
 }
-function Us() {
+function Vs() {
   return window.innerWidth || document.documentElement && document.documentElement.clientWidth || document.body && document.body.clientWidth;
 }
 function Ks(n) {
@@ -24978,7 +24978,7 @@ function Me(n, e, i, t) {
     if (typeof e == "string") {
       if (s.classList.contains(e) || t && s.closest("." + e) !== null)
         return !0;
-    } else if (Ai(s, e, t))
+    } else if (Li(s, e, t))
       return !0;
   } catch {
   }
@@ -24987,7 +24987,7 @@ function Me(n, e, i, t) {
 function Cl(n, e) {
   return e.getId(n) !== -1;
 }
-function it(n, e) {
+function tt(n, e) {
   return e.getId(n) === Qn;
 }
 function js(n, e) {
@@ -24996,7 +24996,7 @@ function js(n, e) {
   const i = e.getId(n);
   return e.has(i) ? n.parentNode && n.parentNode.nodeType === n.DOCUMENT_NODE ? !1 : n.parentNode ? js(n.parentNode, e) : !0 : !0;
 }
-function lt(n) {
+function dt(n) {
   return !!n.changedTouches;
 }
 function Sl(n = window) {
@@ -25017,7 +25017,7 @@ function Fs(n, e) {
 function Gs(n, e) {
   return !!(n.nodeName === "LINK" && n.nodeType === n.ELEMENT_NODE && n.getAttribute && n.getAttribute("rel") === "stylesheet" && e.getMeta(n));
 }
-function dt(n) {
+function ut(n) {
   return !!(n != null && n.shadowRoot);
 }
 class kl {
@@ -25070,7 +25070,7 @@ function zs(n) {
   return e ? e.contains(n) || _l(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) {
+function ts(n) {
   return "__ln" in n;
 }
 class Ml {
@@ -25091,10 +25091,10 @@ class Ml {
       previous: null,
       next: null
     };
-    if (e.__ln = i, e.previousSibling && is(e.previousSibling)) {
+    if (e.__ln = i, e.previousSibling && ts(e.previousSibling)) {
       const t = e.previousSibling.__ln.next;
       i.next = t, i.previous = e.previousSibling.__ln, e.previousSibling.__ln.next = i, t && (t.previous = i);
-    } else if (e.nextSibling && is(e.nextSibling) && e.nextSibling.__ln.previous) {
+    } else if (e.nextSibling && ts(e.nextSibling) && e.nextSibling.__ln.previous) {
       const t = e.nextSibling.__ln.previous;
       i.previous = t, i.next = e.nextSibling.__ln, e.nextSibling.__ln.previous = i, t && (t.next = i);
     } else
@@ -25106,7 +25106,7 @@ class Ml {
     this.head && (i.previous ? (i.previous.next = i.next, i.next ? i.next.previous = i.previous : this.tail = i.previous) : (this.head = i.next, this.head ? this.head.previous = null : this.tail = null), e.__ln && delete e.__ln, this.length--);
   }
 }
-const ts = (n, e) => `${n}@${e}`;
+const ss = (n, e) => `${n}@${e}`;
 class Al {
   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) => {
@@ -25143,7 +25143,7 @@ class Al {
           recordCanvas: this.recordCanvas,
           inlineImages: this.inlineImages,
           onSerialize: (f) => {
-            Fs(f, this.mirror) && this.iframeManager.addIframe(f), Gs(f, this.mirror) && this.stylesheetManager.trackLinkElement(f), dt(d) && this.shadowDomManager.addShadowRoot(d.shadowRoot, this.doc);
+            Fs(f, this.mirror) && this.iframeManager.addIframe(f), Gs(f, this.mirror) && this.stylesheetManager.trackLinkElement(f), ut(d) && this.shadowDomManager.addShadowRoot(d.shadowRoot, this.doc);
           },
           onIframeLoad: (f, y) => {
             this.iframeManager.attachIframe(f, y), this.shadowDomManager.observeAttachShadow(f);
@@ -25161,9 +25161,9 @@ class Al {
       for (; this.mapRemoves.length; )
         this.mirror.removeNodeFromMap(this.mapRemoves.shift());
       for (const d of this.movedSet)
-        ss(this.removes, d, this.mirror) && !this.movedSet.has(d.parentNode) || o(d);
+        os(this.removes, d, this.mirror) && !this.movedSet.has(d.parentNode) || o(d);
       for (const d of this.addedSet)
-        !os(this.droppedSet, d) && !ss(this.removes, d, this.mirror) || os(this.movedSet, d) ? o(d) : this.droppedSet.add(d);
+        !as(this.droppedSet, d) && !os(this.removes, d, this.mirror) || as(this.movedSet, d) ? o(d) : this.droppedSet.add(d);
       let a = null;
       for (; t.length; ) {
         let d = null;
@@ -25234,7 +25234,7 @@ class Al {
         _unchangedStyles: {}
       }, this.attributes.push(i), this.attributeMap.set(e, i)), i.attributes.value = Array.from(e.childNodes, (t) => t.textContent || "").join("");
     }, this.processMutation = (e) => {
-      if (!it(e.target, this.mirror))
+      if (!tt(e.target, this.mirror))
         switch (e.type) {
           case "characterData": {
             const i = e.target.textContent;
@@ -25248,8 +25248,8 @@ class Al {
             const i = e.target;
             let t = e.attributeName, s = e.target.getAttribute(t);
             if (t === "value") {
-              const a = vt(i);
-              s = mt({
+              const a = pt(i);
+              s = vt({
                 element: i,
                 maskInputOptions: this.maskInputOptions,
                 tagName: i.tagName,
@@ -25298,7 +25298,7 @@ class Al {
             }
             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) || !Cl(i, this.mirror) || (this.addedSet.has(i) ? (ut(this.addedSet, i), this.droppedSet.add(i)) : this.addedSet.has(e.target) && t === -1 || js(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) || tt(i, this.mirror) || !Cl(i, this.mirror) || (this.addedSet.has(i) ? (ct(this.addedSet, i), this.droppedSet.add(i)) : this.addedSet.has(e.target) && t === -1 || js(e.target, this.mirror) || (this.movedSet.has(i) && this.movedMap[ss(t, s)] ? ct(this.movedSet, i) : this.removes.push({
                 parentId: s,
                 id: t,
                 isShadow: zn(e.target) && Wn(e.target) ? !0 : void 0
@@ -25310,14 +25310,14 @@ class Al {
     }, this.genAdds = (e, i) => {
       if (!this.processedNodeManager.inOtherBuffer(e, this) && !(this.addedSet.has(e) || this.movedSet.has(e))) {
         if (this.mirror.hasNode(e)) {
-          if (it(e, this.mirror))
+          if (tt(e, this.mirror))
             return;
           this.movedSet.add(e);
           let t = null;
-          i && this.mirror.hasNode(i) && (t = this.mirror.getId(i)), t && t !== -1 && (this.movedMap[ts(this.mirror.getId(e), t)] = !0);
+          i && this.mirror.hasNode(i) && (t = this.mirror.getId(i)), t && t !== -1 && (this.movedMap[ss(this.mirror.getId(e), t)] = !0);
         } else
           this.addedSet.add(e), this.droppedSet.delete(e);
-        Me(e, this.blockClass, this.blockSelector, !1) || (e.childNodes.forEach((t) => this.genAdds(t)), dt(e) && e.shadowRoot.childNodes.forEach((t) => {
+        Me(e, this.blockClass, this.blockSelector, !1) || (e.childNodes.forEach((t) => this.genAdds(t)), ut(e) && e.shadowRoot.childNodes.forEach((t) => {
           this.processedNodeManager.add(t, this), this.genAdds(t, e);
         }));
       }
@@ -25369,10 +25369,10 @@ class Al {
     this.shadowDomManager.reset(), this.canvasManager.reset();
   }
 }
-function ut(n, e) {
-  n.delete(e), e.childNodes.forEach((i) => ut(n, i));
+function ct(n, e) {
+  n.delete(e), e.childNodes.forEach((i) => ct(n, i));
 }
-function ss(n, e, i) {
+function os(n, e, i) {
   return n.length === 0 ? !1 : Ws(n, e, i);
 }
 function Ws(n, e, i) {
@@ -25382,7 +25382,7 @@ function Ws(n, e, i) {
   const s = i.getId(t);
   return n.some((o) => o.id === s) ? !0 : Ws(n, t, i);
 }
-function os(n, e) {
+function as(n, e) {
   return n.size === 0 ? !1 : Zs(n, e);
 }
 function Zs(n, e) {
@@ -25444,12 +25444,12 @@ function Tl({ mousemoveCb: n, sampling: e, doc: i, mirror: t }) {
     const f = Date.now() - l;
     n(a.map((y) => (y.timeOffset -= f, y)), g), a = [], l = null;
   }), o), p = z(Xn(z((g) => {
-    const f = ti(g), { clientX: y, clientY: k } = lt(g) ? g.changedTouches[0] : g;
-    l || (l = Li()), a.push({
+    const f = ti(g), { clientX: y, clientY: k } = dt(g) ? g.changedTouches[0] : g;
+    l || (l = xi()), a.push({
       x: y,
       y: k,
       id: t.getId(f),
-      timeOffset: Li() - l
+      timeOffset: xi() - l
     }), d(typeof DragEvent < "u" && g instanceof DragEvent ? q.Drag : g instanceof MouseEvent ? q.MouseMove : q.TouchMove);
   }), s, {
     trailing: !1
@@ -25486,9 +25486,9 @@ function El({ mouseInteractionCb: n, doc: e, mirror: i, blockClass: t, blockSele
           break;
       }
       y === Ye.Touch ? Ae[v] === Ae.MouseDown ? k = "TouchStart" : Ae[v] === Ae.MouseUp && (k = "TouchEnd") : Ye.Pen;
-    } else lt(g) && (y = Ye.Touch);
+    } else dt(g) && (y = Ye.Touch);
     y !== null ? (d = y, (k.startsWith("Touch") && y === Ye.Touch || k.startsWith("Mouse") && y === Ye.Mouse) && (y = null)) : Ae[v] === Ae.Click && (y = d, d = null);
-    const C = lt(g) ? g.changedTouches[0] : g;
+    const C = dt(g) ? g.changedTouches[0] : g;
     if (!C)
       return;
     const w = i.getId(f), { clientX: M, clientY: A } = C;
@@ -25537,7 +25537,7 @@ function $s({ scrollCb: n, doc: e, mirror: i, blockClass: t, blockSelector: s, s
 function Pl({ viewportResizeCb: n }, { win: e }) {
   let i = -1, t = -1;
   const s = z(Xn(z(() => {
-    const o = Vs(), a = Us();
+    const o = Us(), a = Vs();
     (i !== o || t !== a) && (n({
       width: Number(a),
       height: Number(o)
@@ -25545,7 +25545,7 @@ function Pl({ viewportResizeCb: n }, { win: e }) {
   }), 200));
   return _e("resize", s, e);
 }
-const Il = ["INPUT", "TEXTAREA", "SELECT"], as = /* @__PURE__ */ new WeakMap();
+const Il = ["INPUT", "TEXTAREA", "SELECT"], rs = /* @__PURE__ */ new WeakMap();
 function Dl({ 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);
@@ -25553,17 +25553,17 @@ function Dl({ inputCb: n, doc: e, mirror: i, blockClass: t, blockSelector: s, ig
     if (_ && I === "OPTION" && (_ = _.parentElement), !_ || !I || Il.indexOf(I) < 0 || Me(_, t, s, !0) || _.classList.contains(o) || a && _.matches(a))
       return;
     let K = _.value, G = !1;
-    const V = vt(_) || "";
-    V === "radio" || V === "checkbox" ? G = _.checked : (l[I.toLowerCase()] || l[V]) && (K = mt({
+    const U = pt(_) || "";
+    U === "radio" || U === "checkbox" ? G = _.checked : (l[I.toLowerCase()] || l[U]) && (K = vt({
       element: _,
       maskInputOptions: l,
       tagName: I,
-      type: V,
+      type: U,
       value: K,
       maskInputFn: d
     })), f(_, v ? { text: K, isChecked: G, userTriggered: T } : { text: K, isChecked: G });
     const j = _.name;
-    V === "radio" && j && G && e.querySelectorAll(`input[type="radio"][name="${j}"]`).forEach((te) => {
+    U === "radio" && j && G && e.querySelectorAll(`input[type="radio"][name="${j}"]`).forEach((te) => {
       if (te !== _) {
         const ge = te.value;
         f(te, v ? { text: ge, isChecked: !G, userTriggered: !1 } : { text: ge, isChecked: !G });
@@ -25571,9 +25571,9 @@ function Dl({ inputCb: n, doc: e, mirror: i, blockClass: t, blockSelector: s, ig
     });
   }
   function f(A, _) {
-    const T = as.get(A);
+    const T = rs.get(A);
     if (!T || T.text !== _.text || T.isChecked !== _.isChecked) {
-      as.set(A, _);
+      rs.set(A, _);
       const I = i.getId(A);
       z(n)(Object.assign(Object.assign({}, _), { id: I }));
     }
@@ -25591,7 +25591,7 @@ function Dl({ inputCb: n, doc: e, mirror: i, blockClass: t, blockSelector: s, ig
     [C.HTMLSelectElement.prototype, "selectedIndex"],
     [C.HTMLOptionElement.prototype, "selected"]
   ];
-  return w && w.set && k.push(...M.map((A) => Oi(A[0], A[1], {
+  return w && w.set && k.push(...M.map((A) => Ui(A[0], A[1], {
     set() {
       z(g)({
         target: this,
@@ -25602,7 +25602,7 @@ function Dl({ inputCb: n, doc: e, mirror: i, blockClass: t, blockSelector: s, ig
     k.forEach((A) => A());
   });
 }
-function xi(n) {
+function Ti(n) {
   const e = [];
   function i(t, s) {
     if (vi("CSSGroupingRule") && t.parentRule instanceof CSSGroupingRule || vi("CSSMediaRule") && t.parentRule instanceof CSSMediaRule || vi("CSSSupportsRule") && t.parentRule instanceof CSSSupportsRule || vi("CSSConditionRule") && t.parentRule instanceof CSSConditionRule) {
@@ -25688,7 +25688,7 @@ function Nl({ styleSheetRuleCb: n, mirror: e, stylesheetManager: i }, { win: t }
             {
               rule: C,
               index: [
-                ...xi(y),
+                ...Ti(y),
                 w || 0
               ]
             }
@@ -25702,7 +25702,7 @@ function Nl({ styleSheetRuleCb: n, mirror: e, stylesheetManager: i }, { win: t }
           id: w,
           styleId: M,
           removes: [
-            { index: [...xi(y), C] }
+            { index: [...Ti(y), C] }
           ]
         }), f.apply(y, k);
       })
@@ -25762,7 +25762,7 @@ function Bl({ styleDeclarationCb: n, mirror: e, ignoreCSSAttributes: i, styleshe
           value: f,
           priority: y
         },
-        index: xi(d.parentRule)
+        index: Ti(d.parentRule)
       }), l.apply(d, p);
     })
   });
@@ -25780,7 +25780,7 @@ function Bl({ styleDeclarationCb: n, mirror: e, ignoreCSSAttributes: i, styleshe
         remove: {
           property: g
         },
-        index: xi(d.parentRule)
+        index: Ti(d.parentRule)
       }), l.apply(d, p);
     })
   }), z(() => {
@@ -25828,7 +25828,7 @@ function Rl({ fontCb: n, doc: e }) {
       fontSource: typeof p == "string" ? p : JSON.stringify(Array.from(new Uint8Array(p)))
     }), g;
   };
-  const a = Un(e.fonts, "add", function(l) {
+  const a = Vn(e.fonts, "add", function(l) {
     return function(d) {
       return setTimeout(z(() => {
         const p = s.get(d);
@@ -25864,10 +25864,10 @@ function Ol(n) {
   });
   return l(), _e("selectionchange", l);
 }
-function Vl({ doc: n, customElementCb: e }) {
+function Ul({ doc: n, customElementCb: e }) {
   const i = n.defaultView;
   return !i || !i.customElements ? () => {
-  } : Un(i.customElements, "define", function(s) {
+  } : Vn(i.customElements, "define", function(s) {
     return function(o, a, l) {
       try {
         e({
@@ -25882,7 +25882,7 @@ function Vl({ doc: n, customElementCb: e }) {
     };
   });
 }
-function Ul(n, e) {
+function Vl(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);
@@ -25917,7 +25917,7 @@ function Kl(n, e = {}) {
   if (!i)
     return () => {
     };
-  Ul(n, e);
+  Vl(n, e);
   let t;
   n.recordDOM && (t = Js(n, n.doc));
   const s = Tl(n), o = El(n), a = $s(n), l = Pl(n, {
@@ -25931,7 +25931,7 @@ function Kl(n, e = {}) {
   n.recordDOM && (v = Nl(n, { win: i }), g = Ys(n, n.doc), f = Bl(n, {
     win: i
   }), n.collectFonts && (y = Rl(n)));
-  const k = Ol(n), C = Vl(n), w = [];
+  const k = Ol(n), C = Ul(n), w = [];
   for (const M of n.plugins)
     w.push(M.observer(M.callback, i, M.options));
   return z(() => {
@@ -25944,7 +25944,7 @@ function vi(n) {
 function pi(n) {
   return !!(typeof window[n] < "u" && window[n].prototype && "insertRule" in window[n].prototype && "deleteRule" in window[n].prototype);
 }
-class rs {
+class ls {
   constructor(e) {
     this.generateIdFn = e, this.iframeIdToRemoteIdMap = /* @__PURE__ */ new WeakMap(), this.iframeRemoteIdToIdMap = /* @__PURE__ */ new WeakMap();
   }
@@ -25986,7 +25986,7 @@ class rs {
 }
 class jl {
   constructor(e) {
-    this.iframes = /* @__PURE__ */ new WeakMap(), this.crossOriginIframeMap = /* @__PURE__ */ new WeakMap(), this.crossOriginIframeMirror = new rs(Ns), 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 ls(Ns), this.crossOriginIframeRootIdMap = /* @__PURE__ */ new WeakMap(), this.mutationCb = e.mutationCb, this.wrappedEmit = e.wrappedEmit, this.stylesheetManager = e.stylesheetManager, this.recordCrossOriginIframes = e.recordCrossOriginIframes, this.crossOriginIframeStyleMirror = new ls(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);
@@ -26148,7 +26148,7 @@ class Fl {
   }
   patchAttachShadow(e, i) {
     const t = this;
-    this.restoreHandlers.push(Un(e.prototype, "attachShadow", function(s) {
+    this.restoreHandlers.push(Vn(e.prototype, "attachShadow", function(s) {
       return function(o) {
         const a = s.call(this, o);
         return this.shadowRoot && zs(this) && t.addShadowRoot(this.shadowRoot, i), a;
@@ -26222,10 +26222,10 @@ var Wl = function(n) {
     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();
+const ds = /* @__PURE__ */ new Map();
 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);
+  let i = ds.get(n);
+  return i || (i = /* @__PURE__ */ new Map(), ds.set(n, i)), i.has(e) || i.set(e, []), i.get(e);
 }
 const Qs = (n, e, i) => {
   if (!n || !(eo(n, e) || typeof n == "object"))
@@ -26308,7 +26308,7 @@ function Jl(n, e, i, t) {
     try {
       if (typeof e.CanvasRenderingContext2D.prototype[a] != "function")
         continue;
-      const l = Un(e.CanvasRenderingContext2D.prototype, a, function(d) {
+      const l = Vn(e.CanvasRenderingContext2D.prototype, a, function(d) {
         return function(...p) {
           return Me(this.canvas, i, t, !0) || setTimeout(() => {
             const v = Xs(p, e, this);
@@ -26322,7 +26322,7 @@ function Jl(n, e, i, t) {
       });
       s.push(l);
     } catch {
-      const d = Oi(e.CanvasRenderingContext2D.prototype, a, {
+      const d = Ui(e.CanvasRenderingContext2D.prototype, a, {
         set(p) {
           n(this.canvas, {
             type: Rn["2D"],
@@ -26341,10 +26341,10 @@ function Jl(n, e, i, t) {
 function $l(n) {
   return n === "experimental-webgl" ? "webgl" : n;
 }
-function ds(n, e, i, t) {
+function us(n, e, i, t) {
   const s = [];
   try {
-    const o = Un(n.HTMLCanvasElement.prototype, "getContext", function(a) {
+    const o = Vn(n.HTMLCanvasElement.prototype, "getContext", function(a) {
       return function(l, ...d) {
         if (!Me(this, e, i, !0)) {
           const p = $l(l);
@@ -26368,7 +26368,7 @@ function ds(n, e, i, t) {
     s.forEach((o) => o());
   };
 }
-function us(n, e, i, t, s, o, a) {
+function cs(n, e, i, t, s, o, a) {
   const l = [], d = Object.getOwnPropertyNames(n);
   for (const p of d)
     if (![
@@ -26380,7 +26380,7 @@ function us(n, e, i, t, s, o, a) {
       try {
         if (typeof n[p] != "function")
           continue;
-        const v = Un(n, p, function(g) {
+        const v = Vn(n, p, function(g) {
           return function(...f) {
             const y = g.apply(this, f);
             if (Qs(y, a, this), "tagName" in this.canvas && !Me(this.canvas, t, s, !0)) {
@@ -26396,7 +26396,7 @@ function us(n, e, i, t, s, o, a) {
         });
         l.push(v);
       } catch {
-        const g = Oi(n, p, {
+        const g = Ui(n, p, {
           set(f) {
             i(this.canvas, {
               type: e,
@@ -26412,7 +26412,7 @@ function us(n, e, i, t, s, o, a) {
 }
 function Yl(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)), () => {
+  return o.push(...cs(e.WebGLRenderingContext.prototype, Rn.WebGL, n, i, t, s, e)), typeof e.WebGL2RenderingContext < "u" && o.push(...cs(e.WebGL2RenderingContext.prototype, Rn.WebGL2, n, i, t, s, e)), () => {
     o.forEach((a) => a());
   };
 }
@@ -26555,7 +26555,7 @@ class id {
     });
   }
   initCanvasFPSObserver(e, i, t, s, o) {
-    const a = ds(i, t, s, !0), l = /* @__PURE__ */ new Map(), d = new nd();
+    const a = us(i, t, s, !0), l = /* @__PURE__ */ new Map(), d = new nd();
     d.onmessage = (k) => {
       const { id: C } = k.data;
       if (l.set(C, !1), !("base64" in k.data))
@@ -26626,7 +26626,7 @@ class id {
   }
   initCanvasMutationObserver(e, i, t) {
     this.startRAFTimestamping(), this.startPendingCanvasMutationFlusher();
-    const s = ds(e, i, t, !1), o = Jl(this.processMutation.bind(this), e, i, t), a = Yl(this.processMutation.bind(this), e, i, t, this.mirror);
+    const s = us(e, i, t, !1), o = Jl(this.processMutation.bind(this), e, i, t), a = Yl(this.processMutation.bind(this), e, i, t, this.mirror);
     this.resetObservers = () => {
       s(), o(), a();
     };
@@ -26725,12 +26725,12 @@ class sd {
   }
 }
 function me(n) {
-  return Object.assign(Object.assign({}, n), { timestamp: Li() });
+  return Object.assign(Object.assign({}, n), { timestamp: xi() });
 }
-let re, Si, tt, Ti = !1;
+let re, Si, st, Ei = !1;
 const He = Yr();
 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: V = n.recordAfter === "DOMContentLoaded" ? n.recordAfter : "load", userTriggeredOnInput: j = !1, collectFonts: te = !1, inlineImages: ge = !1, plugins: U, keepIframeSrcFn: ke = () => !1, ignoreCSSAttributes: le = /* @__PURE__ */ new Set([]), errorHandler: xe } = 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;
   Ll(xe);
   const we = G ? window.parent === window : !0;
   let ze = !1;
@@ -26775,7 +26775,7 @@ function si(n = {}) {
   Sl();
   let bn, on = 0;
   const Te = (N) => {
-    for (const de of U || [])
+    for (const de of V || [])
       de.eventProcessor && (N = de.eventProcessor(N));
     return M && !ze && (N = M(N)), N;
   };
@@ -26826,14 +26826,14 @@ function si(n = {}) {
     recordCrossOriginIframes: G,
     wrappedEmit: re
   });
-  for (const N of U || [])
+  for (const N of V || [])
     N.getMirror && N.getMirror({
       nodeMirror: He,
       crossOriginIframeMirror: Ee.crossOriginIframeMirror,
       crossOriginIframeStyleMirror: Ee.crossOriginIframeStyleMirror
     });
   const Ce = new sd();
-  tt = new id({
+  st = new id({
     recordCanvas: K,
     mutationCb: ae,
     win: window,
@@ -26862,7 +26862,7 @@ function si(n = {}) {
       slimDOMOptions: We,
       iframeManager: Ee,
       stylesheetManager: Ie,
-      canvasManager: tt,
+      canvasManager: st,
       keepIframeSrcFn: ke,
       processedNodeManager: Ce
     },
@@ -26875,8 +26875,8 @@ function si(n = {}) {
       type: W.Meta,
       data: {
         href: window.location.href,
-        width: Us(),
-        height: Vs()
+        width: Vs(),
+        height: Us()
       }
     }), N), Ie.reset(), je.init(), kn.forEach((Y) => Y.lock());
     const de = yl(document, {
@@ -26893,7 +26893,7 @@ function si(n = {}) {
       recordCanvas: K,
       inlineImages: ge,
       onSerialize: (Y) => {
-        Fs(Y, He) && Ee.addIframe(Y), Gs(Y, He) && Ie.trackLinkElement(Y), dt(Y) && je.addShadowRoot(Y.shadowRoot, document);
+        Fs(Y, He) && Ee.addIframe(Y), Gs(Y, He) && Ie.trackLinkElement(Y), ut(Y) && je.addShadowRoot(Y.shadowRoot, document);
       },
       onIframeLoad: (Y, ue) => {
         Ee.attachIframe(Y, ue), je.observeAttachShadow(Y);
@@ -26992,9 +26992,9 @@ function si(n = {}) {
         stylesheetManager: Ie,
         shadowDomManager: je,
         processedNodeManager: Ce,
-        canvasManager: tt,
+        canvasManager: st,
         ignoreCSSAttributes: le,
-        plugins: ((Pe = U == null ? void 0 : U.filter((J) => J.observer)) === null || Pe === void 0 ? void 0 : Pe.map((J) => ({
+        plugins: ((Pe = V == null ? void 0 : V.filter((J) => J.observer)) === null || Pe === void 0 ? void 0 : Pe.map((J) => ({
           observer: J.observer,
           options: J.options,
           callback: (an) => re(me({
@@ -27015,27 +27015,27 @@ function si(n = {}) {
       }
     });
     const Y = () => {
-      Si(), N.push(de(document)), Ti = !0;
+      Si(), N.push(de(document)), Ei = !0;
     };
     return document.readyState === "interactive" || document.readyState === "complete" ? Y() : (N.push(_e("DOMContentLoaded", () => {
       re(me({
         type: W.DomContentLoaded,
         data: {}
-      })), V === "DOMContentLoaded" && Y();
+      })), U === "DOMContentLoaded" && Y();
     })), N.push(_e("load", () => {
       re(me({
         type: W.Load,
         data: {}
-      })), V === "load" && Y();
+      })), U === "load" && Y();
     }, window))), () => {
-      N.forEach((ue) => ue()), Ce.destroy(), Ti = !1, xl();
+      N.forEach((ue) => ue()), Ce.destroy(), Ei = !1, xl();
     };
   } catch (N) {
     console.warn(N);
   }
 }
 si.addCustomEvent = (n, e) => {
-  if (!Ti)
+  if (!Ei)
     throw new Error("please add custom event after start recording");
   re(me({
     type: W.Custom,
@@ -27049,7 +27049,7 @@ si.freezePage = () => {
   kn.forEach((n) => n.freeze());
 };
 si.takeFullSnapshot = (n) => {
-  if (!Ti)
+  if (!Ei)
     throw new Error("please take full snapshot after start recording");
   Si(n);
 };
@@ -27059,21 +27059,21 @@ var no = /* @__PURE__ */ ((n) => (n[n.DomContentLoaded = 0] = "DomContentLoaded"
   LIB_VERSION: "2.55.1"
 }, H;
 if (typeof window > "u") {
-  var cs = {
+  var hs = {
     hostname: ""
   };
   H = {
     navigator: { userAgent: "", onLine: !0 },
     document: {
-      location: cs,
+      location: hs,
       referrer: ""
     },
     screen: { width: 0, height: 0 },
-    location: cs
+    location: hs
   };
 } else
   H = window;
-var Jn = 24 * 60 * 60 * 1e3, st = 8 * 1e3, Vi = Array.prototype, od = Function.prototype, io = Object.prototype, dn = Vi.slice, oi = io.toString, Ui = io.hasOwnProperty, he = H.console, un = H.navigator, ee = H.document, fi = H.opera, Ei = H.screen, Ge = un.userAgent, ot = od.bind, hs = Vi.forEach, ms = Vi.indexOf, vs = Vi.map, ad = Array.isArray, ct = {}, m = {
+var Jn = 24 * 60 * 60 * 1e3, ot = 8 * 1e3, Vi = Array.prototype, od = Function.prototype, io = Object.prototype, dn = Vi.slice, oi = io.toString, Ki = io.hasOwnProperty, he = H.console, un = H.navigator, ee = H.document, fi = H.opera, Pi = H.screen, Ge = un.userAgent, at = od.bind, ms = Vi.forEach, vs = Vi.indexOf, ps = Vi.map, ad = Array.isArray, ht = {}, m = {
   trim: function(n) {
     return n.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "");
   }
@@ -27128,21 +27128,21 @@ var Jn = 24 * 60 * 60 * 1e3, st = 8 * 1e3, Vi = Array.prototype, od = Function.p
       }
     }
   }
-}, at = function(n, e) {
+}, rt = function(n, e) {
   return function() {
     return arguments[0] = "[" + e + "] " + arguments[0], n.apply($, arguments);
   };
-}, Ki = function(n) {
+}, ji = function(n) {
   return {
-    log: at($.log, n),
-    error: at($.error, n),
-    critical: at($.critical, n)
+    log: rt($.log, n),
+    error: rt($.error, n),
+    critical: rt($.critical, n)
   };
 };
 m.bind = function(n, e) {
   var i, t;
-  if (ot && n.bind === ot)
-    return ot.apply(n, dn.call(arguments, 1));
+  if (at && n.bind === at)
+    return at.apply(n, dn.call(arguments, 1));
   if (!m.isFunction(n))
     throw new TypeError();
   return i = dn.call(arguments, 2), t = function() {
@@ -27158,15 +27158,15 @@ m.bind = function(n, e) {
 };
 m.each = function(n, e, i) {
   if (n != null) {
-    if (hs && n.forEach === hs)
+    if (ms && n.forEach === ms)
       n.forEach(e, i);
     else if (n.length === +n.length) {
       for (var t = 0, s = n.length; t < s; t++)
-        if (t in n && e.call(i, n[t], t, n) === ct)
+        if (t in n && e.call(i, n[t], t, n) === ht)
           return;
     } else
       for (var o in n)
-        if (Ui.call(n, o) && e.call(i, n[o], o, n) === ct)
+        if (Ki.call(n, o) && e.call(i, n[o], o, n) === ht)
           return;
   }
 };
@@ -27187,13 +27187,13 @@ m.isFunction = function(n) {
   }
 };
 m.isArguments = function(n) {
-  return !!(n && Ui.call(n, "callee"));
+  return !!(n && Ki.call(n, "callee"));
 };
 m.toArray = function(n) {
   return n ? n.toArray ? n.toArray() : m.isArray(n) || m.isArguments(n) ? dn.call(n) : m.values(n) : [];
 };
 m.map = function(n, e, i) {
-  if (vs && n.map === vs)
+  if (ps && n.map === ps)
     return n.map(e, i);
   var t = [];
   return m.each(n, function(s) {
@@ -27214,9 +27214,9 @@ m.values = function(n) {
 };
 m.include = function(n, e) {
   var i = !1;
-  return n === null ? i : ms && n.indexOf === ms ? n.indexOf(e) != -1 : (m.each(n, function(t) {
+  return n === null ? i : vs && n.indexOf === vs ? n.indexOf(e) != -1 : (m.each(n, function(t) {
     if (i || (i = t === e))
-      return ct;
+      return ht;
   }), i);
 };
 m.includes = function(n, e) {
@@ -27231,7 +27231,7 @@ m.isObject = function(n) {
 m.isEmptyObject = function(n) {
   if (m.isObject(n)) {
     for (var e in n)
-      if (Ui.call(n, e))
+      if (Ki.call(n, e))
         return !1;
     return !0;
   }
@@ -27321,7 +27321,7 @@ m.JSONEncode = /* @__PURE__ */ function() {
 ` + f + "]" : "[" + y.join(",") + "]", a = f, v;
           }
           for (p in k)
-            Ui.call(k, p) && (v = t(p, k), v && y.push(i(p) + (a ? ": " : ":") + v));
+            Ki.call(k, p) && (v = t(p, k), v && y.push(i(p) + (a ? ": " : ":") + v));
           return v = y.length === 0 ? "{}" : a ? "{" + y.join(",") + f + "}" : "{" + y.join(",") + "}", a = f, v;
       }
     };
@@ -27488,11 +27488,11 @@ m.UUID = /* @__PURE__ */ function() {
     return a.length > 0 && (l = d(l, a)), l.toString(16);
   };
   return function() {
-    var t = (Ei.height * Ei.width).toString(16);
+    var t = (Pi.height * Pi.width).toString(16);
     return n() + "-" + e() + "-" + i() + "-" + t + "-" + n();
   };
 }();
-var ps = [
+var bs = [
   "ahrefsbot",
   "ahrefssiteaudit",
   "baiduspider",
@@ -27521,8 +27521,8 @@ var ps = [
 ];
 m.isBlockedUA = function(n) {
   var e;
-  for (n = n.toLowerCase(), e = 0; e < ps.length; e++)
-    if (n.indexOf(ps[e]) !== -1)
+  for (n = n.toLowerCase(), e = 0; e < bs.length; e++)
+    if (n.indexOf(bs[e]) !== -1)
       return !0;
   return !1;
 };
@@ -27568,7 +27568,7 @@ m.cookie = {
     if (a)
       l = "; domain=" + a;
     else if (t) {
-      var v = bs(ee.location.hostname);
+      var v = fs(ee.location.hostname);
       l = v ? "; domain=." + v : "";
     }
     if (i) {
@@ -27582,7 +27582,7 @@ m.cookie = {
     if (a)
       l = "; domain=" + a;
     else if (t) {
-      var v = bs(ee.location.hostname);
+      var v = fs(ee.location.hostname);
       l = v ? "; domain=." + v : "";
     }
     if (i) {
@@ -27597,22 +27597,22 @@ m.cookie = {
     m.cookie.set(n, "", -1, e, !1, !1, i);
   }
 };
-var rt = null, Pi = function(n, e) {
-  if (rt !== null && !e)
-    return rt;
+var lt = null, Ii = function(n, e) {
+  if (lt !== null && !e)
+    return lt;
   var i = !0;
   try {
     n = n || window.localStorage;
-    var t = "__mplss_" + bt(8), s = "xyz";
+    var t = "__mplss_" + ft(8), s = "xyz";
     n.setItem(t, s), n.getItem(t) !== s && (i = !1), n.removeItem(t);
   } catch {
     i = !1;
   }
-  return rt = i, i;
+  return lt = i, i;
 };
 m.localStorage = {
   is_supported: function(n) {
-    var e = Pi(null, n);
+    var e = Ii(null, n);
     return e || $.error("localStorage unsupported; falling back to cookie store"), e;
   },
   error: function(n) {
@@ -27721,45 +27721,45 @@ m.dom_query = /* @__PURE__ */ function() {
           for (d == "*" ? k = n(w[f]) : k = w[f].getElementsByTagName(d), y = 0; y < k.length; y++)
             p[v++] = k[y];
         w = [], C = 0;
-        var V;
+        var U;
         switch (K) {
           case "=":
-            V = function(j) {
+            U = function(j) {
               return j.getAttribute(I) == G;
             };
             break;
           case "~":
-            V = function(j) {
+            U = function(j) {
               return j.getAttribute(I).match(new RegExp("\\b" + G + "\\b"));
             };
             break;
           case "|":
-            V = function(j) {
+            U = function(j) {
               return j.getAttribute(I).match(new RegExp("^" + G + "-?"));
             };
             break;
           case "^":
-            V = function(j) {
+            U = function(j) {
               return j.getAttribute(I).indexOf(G) === 0;
             };
             break;
           case "$":
-            V = function(j) {
+            U = function(j) {
               return j.getAttribute(I).lastIndexOf(G) == j.getAttribute(I).length - G.length;
             };
             break;
           case "*":
-            V = function(j) {
+            U = function(j) {
               return j.getAttribute(I).indexOf(G) > -1;
             };
             break;
           default:
-            V = function(j) {
+            U = function(j) {
               return j.getAttribute(I);
             };
         }
         for (w = [], C = 0, f = 0; f < p.length; f++)
-          V(p[f]) && (w[C++] = p[f]);
+          U(p[f]) && (w[C++] = p[f]);
         continue;
       }
       for (d = a, p = [], v = 0, f = 0; f < w.length; f++)
@@ -27863,11 +27863,11 @@ m.info = {
     }), {
       $current_url: m.info.currentUrl(),
       $browser_version: m.info.browserVersion(Ge, un.vendor, fi),
-      $screen_height: Ei.height,
-      $screen_width: Ei.width,
+      $screen_height: Pi.height,
+      $screen_width: Pi.width,
       mp_lib: "web",
       $lib_version: Xe.LIB_VERSION,
-      $insert_id: bt(),
+      $insert_id: ft(),
       time: m.timestamp() / 1e3
       // epoch time in seconds
     }, m.strip_empty_properties(n));
@@ -27890,10 +27890,10 @@ m.info = {
     });
   }
 };
-var bt = function(n) {
+var ft = 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;
-}, ud = /[a-z0-9][a-z0-9-]*\.[a-z]+$/i, cd = /[a-z0-9][a-z0-9-]+\.[a-z.]{2,6}$/i, bs = function(n) {
+}, ud = /[a-z0-9][a-z0-9-]*\.[a-z]+$/i, cd = /[a-z0-9][a-z0-9-]+\.[a-z.]{2,6}$/i, fs = function(n) {
   var e = cd, i = n.split("."), t = i[i.length - 1];
   (t.length > 4 || t === "com" || t === "org") && (e = ud);
   var s = n.match(e);
@@ -27901,10 +27901,10 @@ var bt = function(n) {
 }, hd = 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, Ni = null;
+typeof JSON < "u" && (Di = JSON.stringify, Ni = JSON.parse);
+Di = Di || m.JSONEncode;
+Ni = Ni || m.JSONDecode;
 m.toArray = m.toArray;
 m.isObject = m.isObject;
 m.JSONEncode = m.JSONEncode;
@@ -27933,35 +27933,35 @@ function to(n, e) {
   return i && $.warn("You are opted out of Mixpanel tracking. This will prevent the Mixpanel SDK from sending any data."), i;
 }
 function mn(n) {
-  return yt(n, function(e) {
+  return Ct(n, function(e) {
     return this.get_config(e);
   });
 }
 function vn(n) {
-  return yt(n, function(e) {
+  return Ct(n, function(e) {
     return this._get_config(e);
   });
 }
 function Kn(n) {
-  return yt(n, function(e) {
+  return Ct(n, function(e) {
     return this._get_config(e);
   });
 }
 function fd(n, e) {
-  e = e || {}, ft(e).remove(
-    gt(n, e),
+  e = e || {}, gt(e).remove(
+    yt(n, e),
     !!e.crossSubdomainCookie,
     e.cookieDomain
   );
 }
-function ft(n) {
+function gt(n) {
   return n = n || {}, n.persistenceType === "localStorage" ? m.localStorage : m.cookie;
 }
-function gt(n, e) {
+function yt(n, e) {
   return e = e || {}, (e.persistencePrefix || md) + n;
 }
 function so(n, e) {
-  return ft(e).get(gt(n, e));
+  return gt(e).get(yt(n, e));
 }
 function gd(n) {
   if (n && n.ignoreDnt)
@@ -27981,8 +27981,8 @@ function oo(n, e, i) {
     $.error("gdpr." + (n ? "optIn" : "optOut") + " called with an invalid token");
     return;
   }
-  i = i || {}, ft(i).set(
-    gt(e, i),
+  i = i || {}, gt(i).set(
+    yt(e, i),
     n ? 1 : 0,
     m.isNumber(i.cookieExpiration) ? i.cookieExpiration : null,
     !!i.crossSubdomainCookie,
@@ -27993,7 +27993,7 @@ function oo(n, e, i) {
     send_immediately: !0
   });
 }
-function yt(n, e) {
+function Ct(n, e) {
   return function() {
     var i = !1;
     try {
@@ -28013,7 +28013,7 @@ function yt(n, e) {
     typeof d == "function" && d(0);
   };
 }
-var yd = Ki("lock"), ao = function(n, e) {
+var yd = ji("lock"), ao = function(n, e) {
   e = e || {}, this.storageKey = n, this.storage = e.storage || window.localStorage, this.pollIntervalMS = e.pollIntervalMS || 100, this.timeoutMS = e.timeoutMS || 2e3;
 };
 ao.prototype.withLock = function(n, e, i) {
@@ -28042,7 +28042,7 @@ ao.prototype.withLock = function(n, e, i) {
       return !1;
     if (d.setItem(v, t), d.getItem(v) === t)
       return !0;
-    if (!Pi(d, !0))
+    if (!Ii(d, !0))
       throw new Error("localStorage support dropped while acquiring lock");
     return !1;
   }, w = function() {
@@ -28070,7 +28070,7 @@ ao.prototype.withLock = function(n, e, i) {
     }
   };
   try {
-    if (Pi(d, !0))
+    if (Ii(d, !0))
       w();
     else
       throw new Error("localStorage support check failed");
@@ -28078,12 +28078,12 @@ ao.prototype.withLock = function(n, e, i) {
     f(A);
   }
 };
-var fs = Ki("batch"), pn = function(n, e) {
-  e = e || {}, this.storageKey = n, this.storage = e.storage || window.localStorage, this.reportError = e.errorReporter || m.bind(fs.error, fs), this.lock = new ao(n, { storage: this.storage }), this.usePersistence = e.usePersistence, this.pid = e.pid || null, this.memQueue = [];
+var gs = ji("batch"), pn = function(n, e) {
+  e = e || {}, this.storageKey = n, this.storage = e.storage || window.localStorage, this.reportError = e.errorReporter || m.bind(gs.error, gs), this.lock = new ao(n, { storage: this.storage }), this.usePersistence = e.usePersistence, this.pid = e.pid || null, this.memQueue = [];
 };
 pn.prototype.enqueue = function(n, e, i) {
   var t = {
-    id: bt(),
+    id: ft(),
     flushAfter: (/* @__PURE__ */ new Date()).getTime() + e * 2,
     payload: n
   };
@@ -28118,7 +28118,7 @@ pn.prototype.fillBatch = function(n) {
   }
   return e;
 };
-var gs = function(n, e) {
+var ys = function(n, e) {
   var i = [];
   return m.each(n, function(t) {
     t.id && !e[t.id] && i.push(t);
@@ -28128,14 +28128,14 @@ pn.prototype.removeItemsByID = function(n, e) {
   var i = {};
   if (m.each(n, function(s) {
     i[s] = !0;
-  }), this.memQueue = gs(this.memQueue, i), !this.usePersistence)
+  }), this.memQueue = ys(this.memQueue, i), !this.usePersistence)
     e && e(!0);
   else {
     var t = m.bind(function() {
       var s;
       try {
         var o = this.readFromStorage();
-        if (o = gs(o, i), s = this.saveToStorage(o), s) {
+        if (o = ys(o, i), s = this.saveToStorage(o), s) {
           o = this.readFromStorage();
           for (var a = 0; a < o.length; a++) {
             var l = o[a];
@@ -28153,7 +28153,7 @@ pn.prototype.removeItemsByID = function(n, e) {
       e && e(o);
     }, m.bind(function(o) {
       var a = !1;
-      if (this.reportError("Error acquiring storage lock", o), !Pi(this.storage, !0) && (a = t(), !a))
+      if (this.reportError("Error acquiring storage lock", o), !Ii(this.storage, !0) && (a = t(), !a))
         try {
           this.storage.removeItem(this.storageKey);
         } catch (l) {
@@ -28163,7 +28163,7 @@ pn.prototype.removeItemsByID = function(n, e) {
     }, this), this.pid);
   }
 };
-var ys = function(n, e) {
+var Cs = function(n, e) {
   var i = [];
   return m.each(n, function(t) {
     var s = t.id;
@@ -28175,11 +28175,11 @@ var ys = function(n, e) {
   }), i;
 };
 pn.prototype.updatePayloads = function(n, e) {
-  this.memQueue = ys(this.memQueue, n), this.usePersistence ? this.lock.withLock(m.bind(function() {
+  this.memQueue = Cs(this.memQueue, n), this.usePersistence ? this.lock.withLock(m.bind(function() {
     var t;
     try {
       var s = this.readFromStorage();
-      s = ys(s, n), t = this.saveToStorage(s);
+      s = Cs(s, n), t = this.saveToStorage(s);
     } catch {
       this.reportError("Error updating items", n), t = !1;
     }
@@ -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 = Ni(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,37 +28207,37 @@ pn.prototype.saveToStorage = function(n) {
 pn.prototype.clear = function() {
   this.memQueue = [], this.usePersistence && this.storage.removeItem(this.storageKey);
 };
-var Cd = 10 * 60 * 1e3, $n = Ki("batch"), Ue = function(n, e) {
+var Cd = 10 * 60 * 1e3, $n = ji("batch"), Ve = function(n, e) {
   this.errorReporter = e.errorReporter, this.queue = new pn(n, {
     errorReporter: m.bind(this.reportError, this),
     storage: e.storage,
     usePersistence: e.usePersistence
   }), this.libConfig = e.libConfig, this.sendRequest = e.sendRequestFunc, this.beforeSendHook = e.beforeSendHook, this.stopAllBatching = e.stopAllBatchingFunc, this.batchSize = this.libConfig.batch_size, this.flushInterval = this.libConfig.batch_flush_interval_ms, this.stopped = !this.libConfig.batch_autostart, this.consecutiveRemovalFailures = 0, this.itemIdsSentSuccessfully = {}, this.flushOnlyOnInterval = e.flushOnlyOnInterval || !1;
 };
-Ue.prototype.enqueue = function(n, e) {
+Ve.prototype.enqueue = function(n, e) {
   this.queue.enqueue(n, this.flushInterval, e);
 };
-Ue.prototype.start = function() {
+Ve.prototype.start = function() {
   this.stopped = !1, this.consecutiveRemovalFailures = 0, this.flush();
 };
-Ue.prototype.stop = function() {
+Ve.prototype.stop = function() {
   this.stopped = !0, this.timeoutID && (clearTimeout(this.timeoutID), this.timeoutID = null);
 };
-Ue.prototype.clear = function() {
+Ve.prototype.clear = function() {
   this.queue.clear();
 };
-Ue.prototype.resetBatchSize = function() {
+Ve.prototype.resetBatchSize = function() {
   this.batchSize = this.libConfig.batch_size;
 };
-Ue.prototype.resetFlush = function() {
+Ve.prototype.resetFlush = function() {
   this.scheduleFlush(this.libConfig.batch_flush_interval_ms);
 };
-Ue.prototype.scheduleFlush = function(n) {
+Ve.prototype.scheduleFlush = function(n) {
   this.flushInterval = n, this.stopped || (this.timeoutID = setTimeout(m.bind(function() {
     this.stopped || this.flush();
   }, this), this.flushInterval));
 };
-Ue.prototype.flush = function(n) {
+Ve.prototype.flush = function(n) {
   try {
     if (this.requestInProgress) {
       $n.log("Flush: Request already in progress");
@@ -28316,7 +28316,7 @@ Ue.prototype.flush = function(n) {
     this.reportError("Error flushing request queue", v), this.resetFlush();
   }
 };
-Ue.prototype.reportError = function(n, e) {
+Ve.prototype.reportError = function(n, e) {
   if ($n.error.apply($n.error, arguments), this.errorReporter)
     try {
       e instanceof Error || (e = new Error(n)), this.errorReporter(n, e);
@@ -28324,7 +28324,7 @@ Ue.prototype.reportError = function(n, e) {
       $n.error(i);
     }
 };
-var wn = Ki("recorder"), Cs = H.CompressionStream, Sd = {
+var wn = ji("recorder"), Ss = H.CompressionStream, Sd = {
   batch_size: 1e3,
   batch_flush_interval_ms: 10 * 1e3,
   batch_request_timeout_ms: 90 * 1e3,
@@ -28347,7 +28347,7 @@ 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 Ue("__mprec", {
+  this.batcher = new Ve("__mprec", {
     libConfig: Sd,
     sendRequestFunc: m.bind(this.flushEventsWithOptOut, this),
     errorReporter: m.bind(this.reportError, this),
@@ -28363,7 +28363,7 @@ Ke.prototype.startRecording = function(n) {
     wn.log("Recording already in progress, skipping startRecording.");
     return;
   }
-  this.recordMaxMs = this.get_config("record_max_ms"), this.recordMaxMs > Jn && (this.recordMaxMs = Jn, wn.critical("record_max_ms cannot be greater than " + Jn + "ms. Capping value.")), this.recordMinMs = this.get_config("record_min_ms"), this.recordMinMs > st && (this.recordMinMs = st, wn.critical("record_min_ms cannot be greater than " + st + "ms. Capping value.")), this.recEvents = [], this.seqNo = 0, this.replayStartTime = (/* @__PURE__ */ new Date()).getTime(), this.replayId = m.UUID(), n || this.recordMinMs > 0 ? this.batcher.stop() : this.batcher.start();
+  this.recordMaxMs = this.get_config("record_max_ms"), this.recordMaxMs > Jn && (this.recordMaxMs = Jn, wn.critical("record_max_ms cannot be greater than " + Jn + "ms. Capping value.")), this.recordMinMs = this.get_config("record_min_ms"), this.recordMinMs > ot && (this.recordMinMs = ot, wn.critical("record_min_ms cannot be greater than " + ot + "ms. Capping value.")), this.recEvents = [], this.seqNo = 0, this.replayStartTime = (/* @__PURE__ */ new Date()).getTime(), this.replayId = m.UUID(), n || this.recordMinMs > 0 ? this.batcher.stop() : this.batcher.start();
   var e = m.bind(function() {
     clearTimeout(this.idleTimeoutId), this.idleTimeoutId = setTimeout(m.bind(function() {
       wn.log("Idle timeout reached, restarting recording."), this.resetRecording();
@@ -28435,8 +28435,8 @@ Ke.prototype._flushEvents = mn(function(n, e, i) {
     }, d = m.JSONEncode(n), p = this._mixpanel.get_property("$device_id");
     p && (l.$device_id = p);
     var v = this._mixpanel.get_property("$user_id");
-    if (v && (l.$user_id = v), Cs) {
-      var g = new Blob([d], { type: "application/json" }).stream(), f = g.pipeThrough(new Cs("gzip"));
+    if (v && (l.$user_id = v), Ss) {
+      var g = new Blob([d], { type: "application/json" }).stream(), f = g.pipeThrough(new Ss("gzip"));
       new Response(f).blob().then(m.bind(function(y) {
         l.format = "gzip", this._sendRequest(s, l, y, i);
       }, this));
@@ -28504,19 +28504,19 @@ On.prototype.after_track_handler = function(n, e) {
     window.location = e.href;
   }, 0);
 };
-var ji = function() {
+var Fi = function() {
   this.override_event = "submit";
 };
-m.inherit(ji, tn);
-ji.prototype.event_handler = function(n, e, i) {
+m.inherit(Fi, tn);
+Fi.prototype.event_handler = function(n, e, i) {
   i.element = e, n.preventDefault();
 };
-ji.prototype.after_track_handler = function(n, e) {
+Fi.prototype.after_track_handler = function(n, e) {
   setTimeout(function() {
     e.element.submit();
   }, 0);
 };
-var hn = "$set", Vn = "$set_once", Re = "$unset", Mn = "$add", qe = "$append", An = "$union", en = "$remove", _d = "$delete", ro = {
+var hn = "$set", Un = "$set_once", Re = "$unset", Mn = "$add", qe = "$append", An = "$union", en = "$remove", _d = "$delete", ro = {
   set_action: function(n, e) {
     var i = {}, t = {};
     return m.isObject(n) ? m.each(n, function(s, o) {
@@ -28533,7 +28533,7 @@ var hn = "$set", Vn = "$set_once", Re = "$unset", Mn = "$add", qe = "$append", A
     var i = {}, t = {};
     return m.isObject(n) ? m.each(n, function(s, o) {
       this._is_reserved_property(o) || (t[o] = s);
-    }, this) : t[n] = e, i[Vn] = t, i;
+    }, this) : t[n] = e, i[Un] = t, i;
   },
   union_action: function(n, e) {
     var i = {}, t = {};
@@ -28703,7 +28703,7 @@ R.prototype._identify_called = function() {
   return this._mixpanel._flags.identify_called === !0;
 };
 R.prototype._enqueue = function(n) {
-  hn in n ? this._mixpanel.persistence._add_to_people_queue(hn, n) : Vn in n ? this._mixpanel.persistence._add_to_people_queue(Vn, n) : Re in n ? this._mixpanel.persistence._add_to_people_queue(Re, n) : Mn in n ? this._mixpanel.persistence._add_to_people_queue(Mn, n) : qe in n ? this._mixpanel.persistence._add_to_people_queue(qe, n) : en in n ? this._mixpanel.persistence._add_to_people_queue(en, n) : An in n ? this._mixpanel.persistence._add_to_people_queue(An, n) : $.error("Invalid call to _enqueue():", n);
+  hn in n ? this._mixpanel.persistence._add_to_people_queue(hn, n) : Un in n ? this._mixpanel.persistence._add_to_people_queue(Un, n) : Re in n ? this._mixpanel.persistence._add_to_people_queue(Re, n) : Mn in n ? this._mixpanel.persistence._add_to_people_queue(Mn, n) : qe in n ? this._mixpanel.persistence._add_to_people_queue(qe, n) : en in n ? this._mixpanel.persistence._add_to_people_queue(en, n) : An in n ? this._mixpanel.persistence._add_to_people_queue(An, n) : $.error("Invalid call to _enqueue():", n);
 };
 R.prototype._flush_one_queue = function(n, e, i, t) {
   var s = this, o = m.extend({}, this._mixpanel.persistence.load_queue(n)), a = o;
@@ -28713,7 +28713,7 @@ R.prototype._flush_one_queue = function(n, e, i, t) {
 };
 R.prototype._flush = function(n, e, i, t, s, o, a) {
   var l = this;
-  this._flush_one_queue(hn, this.set, n), this._flush_one_queue(Vn, this.set_once, t), this._flush_one_queue(Re, this.unset, o, function(w) {
+  this._flush_one_queue(hn, this.set, n), this._flush_one_queue(Un, this.set_once, t), this._flush_one_queue(Re, this.unset, o, function(w) {
     return m.keys(w);
   }), this._flush_one_queue(Mn, this.increment, e), this._flush_one_queue(An, this.union, s);
   var d = this._mixpanel.persistence.load_queue(qe);
@@ -28743,16 +28743,16 @@ 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", lo = "$people_distinct_id", Ni = "__alias", ei = "__timers", Md = [
-  Ct,
+var St = "__mps", kt = "__mpso", wt = "__mpus", _t = "__mpa", Mt = "__mpap", At = "__mpr", Lt = "__mpu", lo = "$people_distinct_id", Bi = "__alias", ei = "__timers", Md = [
   St,
   kt,
   wt,
   _t,
   Mt,
   At,
+  Lt,
   lo,
-  Ni,
+  Bi,
   ei
 ], F = function(n) {
   this.props = {}, this.campaign_params_saved = !1, n.persistence_name ? this.name = "mp_" + n.persistence_name : this.name = "mp_" + n.token + "_mixpanel";
@@ -28843,20 +28843,20 @@ F.prototype.set_secure = function(n) {
   n !== this.secure && (this.secure = !!n, this.remove(), this.save());
 };
 F.prototype._add_to_people_queue = function(n, e) {
-  var i = this._get_queue_key(n), t = e[n], s = this._get_or_create_queue(hn), o = this._get_or_create_queue(Vn), a = this._get_or_create_queue(Re), l = this._get_or_create_queue(Mn), d = this._get_or_create_queue(An), p = this._get_or_create_queue(en, []), v = this._get_or_create_queue(qe, []);
-  i === Ct ? (m.extend(s, t), this._pop_from_people_queue(Mn, t), this._pop_from_people_queue(An, t), this._pop_from_people_queue(Re, t)) : i === St ? (m.each(t, function(g, f) {
+  var i = this._get_queue_key(n), t = e[n], s = this._get_or_create_queue(hn), o = this._get_or_create_queue(Un), a = this._get_or_create_queue(Re), l = this._get_or_create_queue(Mn), d = this._get_or_create_queue(An), p = this._get_or_create_queue(en, []), v = this._get_or_create_queue(qe, []);
+  i === St ? (m.extend(s, t), this._pop_from_people_queue(Mn, t), this._pop_from_people_queue(An, t), this._pop_from_people_queue(Re, t)) : i === kt ? (m.each(t, function(g, f) {
     f in o || (o[f] = g);
-  }), this._pop_from_people_queue(Re, t)) : i === kt ? m.each(t, function(g) {
+  }), this._pop_from_people_queue(Re, t)) : i === wt ? m.each(t, function(g) {
     m.each([s, o, l, d], function(f) {
       g in f && delete f[g];
     }), m.each(v, function(f) {
       g in f && delete f[g];
     }), a[g] = !0;
-  }) : i === wt ? (m.each(t, function(g, f) {
+  }) : i === _t ? (m.each(t, function(g, f) {
     f in s ? s[f] += g : (f in l || (l[f] = 0), l[f] += g);
-  }, this), this._pop_from_people_queue(Re, t)) : i === At ? (m.each(t, function(g, f) {
+  }, this), this._pop_from_people_queue(Re, t)) : i === Lt ? (m.each(t, function(g, f) {
     m.isArray(g) && (f in d || (d[f] = []), d[f] = d[f].concat(g));
-  }), this._pop_from_people_queue(Re, t)) : i === Mt ? (p.push(t), this._pop_from_people_queue(qe, t)) : i === _t && (v.push(t), this._pop_from_people_queue(Re, t)), $.log("MIXPANEL PEOPLE REQUEST (QUEUED, PENDING IDENTIFY):"), $.log(e), this.save();
+  }), this._pop_from_people_queue(Re, t)) : i === At ? (p.push(t), this._pop_from_people_queue(qe, t)) : i === Mt && (v.push(t), this._pop_from_people_queue(Re, t)), $.log("MIXPANEL PEOPLE REQUEST (QUEUED, PENDING IDENTIFY):"), $.log(e), this.save();
 };
 F.prototype._pop_from_people_queue = function(n, e) {
   var i = this.props[this._get_queue_key(n)];
@@ -28871,19 +28871,19 @@ F.prototype.load_queue = function(n) {
 };
 F.prototype._get_queue_key = function(n) {
   if (n === hn)
-    return Ct;
-  if (n === Vn)
     return St;
-  if (n === Re)
+  if (n === Un)
     return kt;
-  if (n === Mn)
+  if (n === Re)
     return wt;
-  if (n === qe)
+  if (n === Mn)
     return _t;
-  if (n === en)
+  if (n === qe)
     return Mt;
-  if (n === An)
+  if (n === en)
     return At;
+  if (n === An)
+    return Lt;
   $.error("Invalid queue:", n);
 };
 F.prototype._get_or_create_queue = function(n, e) {
@@ -28898,13 +28898,13 @@ F.prototype.remove_event_timer = function(n) {
   var e = this.load_prop(ei) || {}, i = e[n];
   return m.isUndefined(i) || (delete this.props[ei][n], this.save()), i;
 };
-var Lt, uo = function(n, e) {
+var xt, uo = function(n, e) {
   throw new Error(n + " not available in this build.");
 }, Se, co = 0, Ad = 1, Ld = function(n) {
   return n;
 }, ni = function() {
-}, De = "mixpanel", ho = "base64", xd = "json", xt = "$device:", Hn = H.XMLHttpRequest && "withCredentials" in new XMLHttpRequest(), mo = !Hn && Ge.indexOf("MSIE") === -1 && Ge.indexOf("Mozilla") === -1, Bi = null;
-un.sendBeacon && (Bi = function() {
+}, De = "mixpanel", ho = "base64", xd = "json", Tt = "$device:", Hn = H.XMLHttpRequest && "withCredentials" in new XMLHttpRequest(), mo = !Hn && Ge.indexOf("MSIE") === -1 && Ge.indexOf("Mozilla") === -1, Hi = null;
+un.sendBeacon && (Hi = function() {
   return un.sendBeacon.apply(un, arguments);
 });
 var vo = {
@@ -28912,7 +28912,7 @@ var vo = {
   engage: "engage/",
   groups: "groups/",
   record: "record/"
-}, Ss = {
+}, ks = {
   api_host: "https://api-js.mixpanel.com",
   api_routes: vo,
   api_method: "POST",
@@ -28973,9 +28973,9 @@ var vo = {
   record_sessions_percent: 0,
   recorder_src: "https://cdn.mxpnl.com/libs/mixpanel-recorder.min.js"
 }, po = !1, L = function() {
-}, ht = function(n, e, i) {
+}, mt = function(n, e, i) {
   var t, s = i === De ? Se : Se[i];
-  if (s && Lt === co)
+  if (s && xt === co)
     t = s;
   else {
     if (s && !m.isArray(s)) {
@@ -29001,17 +29001,17 @@ L.prototype.init = function(n, e, i) {
     this.report_error("You must initialize the main mixpanel object right after you include the Mixpanel js snippet");
     return;
   }
-  var t = ht(n, e, i);
+  var t = mt(n, e, i);
   return Se[i] = t, t._loaded(), t;
 };
 L.prototype._init = function(n, e, i) {
   e = e || {}, this.__loaded = !0, this.config = {};
   var t = {};
   if (!("api_payload_format" in e)) {
-    var s = e.api_host || Ss.api_host;
+    var s = e.api_host || ks.api_host;
     s.match(/\.mixpanel\.com/) && (t.api_payload_format = xd);
   }
-  if (this.set_config(m.extend({}, Ss, t, e, {
+  if (this.set_config(m.extend({}, ks, t, e, {
     name: i,
     token: n,
     callback_fn: (i === De ? i : De + "." + i) + "._jsc"
@@ -29023,7 +29023,7 @@ L.prototype._init = function(n, e, i) {
       this._batch_requests = !1, $.log("Turning off Mixpanel request-queueing; needs XHR and localStorage support"), m.each(this.get_batcher_configs(), function(d) {
         $.log("Clearing batch queue " + d.queue_key), m.localStorage.remove(d.queue_key);
       });
-    else if (this.init_batchers(), Bi && H.addEventListener) {
+    else if (this.init_batchers(), Hi && H.addEventListener) {
       var o = m.bind(function() {
         this.request_batchers.events.stopped || this.request_batchers.events.flush({ unloading: !0 });
       }, this);
@@ -29037,7 +29037,7 @@ L.prototype._init = function(n, e, i) {
   this.persistence = this.cookie = new F(this.config), this.unpersisted_superprops = {}, this._gdpr_init();
   var a = m.UUID();
   this.get_distinct_id() || this.register_once({
-    distinct_id: xt + a,
+    distinct_id: Tt + a,
     $device_id: a
   }, "");
   var l = this.get_config("track_pageview");
@@ -29139,7 +29139,7 @@ L.prototype._send_request = function(n, e, i, t) {
     verbose: this.get_config("verbose")
   }, a = null;
   !t && (m.isFunction(i) || typeof i == "string") && (t = i, i = null), i = m.extend(o, i || {}), Hn || (i.method = "GET");
-  var l = i.method === "POST", d = Bi && l && i.transport.toLowerCase() === "sendbeacon", p = i.verbose;
+  var l = i.method === "POST", d = Hi && l && i.transport.toLowerCase() === "sendbeacon", p = i.verbose;
   e.verbose && (p = !0), this.get_config("test") && (e.test = 1), p && (e.verbose = 1), this.get_config("img") && (e.img = 1), Hn || (t ? e.callback = t : (p || this.get_config("test")) && (e.callback = "(function(){})")), e.ip = this.get_config("ip") ? 1 : 0, e._ = (/* @__PURE__ */ new Date()).getTime().toString(), l && (a = "data=" + encodeURIComponent(e.data), delete e.data), n += "?" + m.HTTPBuildQuery(e);
   var v = this;
   if ("img" in e) {
@@ -29147,7 +29147,7 @@ L.prototype._send_request = function(n, e, i, t) {
     g.src = n, ee.body.appendChild(g);
   } else if (d) {
     try {
-      s = Bi(n, a);
+      s = Hi(n, a);
     } catch (M) {
       v.report_error(M), s = !1;
     }
@@ -29237,7 +29237,7 @@ L.prototype.get_batcher_configs = function() {
 L.prototype.init_batchers = function() {
   if (!this.are_batchers_initialized()) {
     var n = m.bind(function(i) {
-      return new Ue(
+      return new Ve(
         i.queue_key,
         {
           libConfig: this.config,
@@ -29398,7 +29398,7 @@ L.prototype.track_links = function() {
   return this._track_dom.call(this, On, arguments);
 };
 L.prototype.track_forms = function() {
-  return this._track_dom.call(this, ji, arguments);
+  return this._track_dom.call(this, Fi, arguments);
 };
 L.prototype.time_event = function(n) {
   if (m.isUndefined(n)) {
@@ -29409,22 +29409,22 @@ L.prototype.time_event = function(n) {
 };
 var Td = {
   persistent: !0
-}, Tt = function(n) {
+}, Et = function(n) {
   var e;
   return m.isObject(n) ? e = n : m.isUndefined(n) ? e = {} : e = { days: n }, m.extend({}, Td, e);
 };
 L.prototype.register = function(n, e) {
-  var i = Tt(e);
+  var i = Et(e);
   i.persistent ? this.persistence.register(n, i.days) : m.extend(this.unpersisted_superprops, n);
 };
 L.prototype.register_once = function(n, e, i) {
-  var t = Tt(i);
+  var t = Et(i);
   t.persistent ? this.persistence.register_once(n, e, t.days) : (typeof e > "u" && (e = "None"), m.each(n, function(s, o) {
     (!this.unpersisted_superprops.hasOwnProperty(o) || this.unpersisted_superprops[o] === e) && (this.unpersisted_superprops[o] = s);
   }, this));
 };
 L.prototype.unregister = function(n, e) {
-  e = Tt(e), e.persistent ? this.persistence.unregister(n) : delete this.unpersisted_superprops[n];
+  e = Et(e), e.persistent ? this.persistence.unregister(n) : delete this.unpersisted_superprops[n];
 };
 L.prototype._register_single = function(n, e) {
   var i = {};
@@ -29433,7 +29433,7 @@ L.prototype._register_single = function(n, e) {
 L.prototype.identify = function(n, e, i, t, s, o, a, l) {
   var d = this.get_distinct_id();
   if (n && d !== n) {
-    if (typeof n == "string" && n.indexOf(xt) === 0)
+    if (typeof n == "string" && n.indexOf(Tt) === 0)
       return this.report_error("distinct_id cannot have $device: prefix"), -1;
     this.register({ $user_id: n });
   }
@@ -29444,7 +29444,7 @@ L.prototype.identify = function(n, e, i, t, s, o, a, l) {
       $device_id: p
     }, "");
   }
-  n !== d && n !== this.get_property(Ni) && (this.unregister(Ni), this.register({ distinct_id: n })), this._flags.identify_called = !0, this.people._flush(e, i, t, s, o, a, l), n !== d && this.track("$identify", {
+  n !== d && n !== this.get_property(Bi) && (this.unregister(Bi), this.register({ distinct_id: n })), this._flags.identify_called = !0, this.people._flush(e, i, t, s, o, a, l), n !== d && this.track("$identify", {
     distinct_id: n,
     $anon_distinct_id: d
   }, { skip_hooks: !0 });
@@ -29453,7 +29453,7 @@ L.prototype.reset = function() {
   this.persistence.clear(), this._flags.identify_called = !1;
   var n = m.UUID();
   this.register_once({
-    distinct_id: xt + n,
+    distinct_id: Tt + n,
     $device_id: n
   }, "");
 };
@@ -29464,7 +29464,7 @@ L.prototype.alias = function(n, e) {
   if (n === this.get_property(lo))
     return this.report_error("Attempting to create alias for existing People user - aborting."), -2;
   var i = this;
-  return m.isUndefined(e) && (e = this.get_distinct_id()), n !== e ? (this._register_single(Ni, n), this.track("$create_alias", {
+  return m.isUndefined(e) && (e = this.get_distinct_id()), n !== e ? (this._register_single(Bi, n), this.track("$create_alias", {
     alias: n,
     distinct_id: e
   }, {
@@ -29623,9 +29623,9 @@ var Bn = {}, Ed = function() {
 }, Pd = 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];
+      return Se[i] || (Se[i] = Bn[i] = mt(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 === Ad && (H[De] = Se), Ed();
+    Bn[De] ? t = Bn[De] : n && (t = mt(n, e, De), t._loaded(), Bn[De] = t), Se = t, xt === Ad && (H[De] = Se), Ed();
   };
 }, Id = function() {
   function n() {
@@ -29656,7 +29656,7 @@ var Bn = {}, Ed = function() {
   m.register_event(H, "load", n, !0);
 };
 function Dd(n) {
-  return uo = n, Lt = co, Se = new L(), Pd(), Se.init(), Id(), Se;
+  return uo = n, xt = co, Se = new L(), Pd(), Se.init(), Id(), Se;
 }
 function Nd(n, e) {
   e();
@@ -29698,14 +29698,19 @@ class fo {
     h(this, "callBackUrl");
     h(this, "paymentResponse");
     h(this, "paymentResponseHeaders");
-    this.container = e.container, this.onAction = e.onAction, this.callBackUrl = e.callBackUrl, this.paymentResponse = e.paymentResponse, this.paymentResponseHeaders = e.paymentResponseHeaders;
+    h(this, "paymentMethod");
+    this.container = e.container, this.onAction = e.onAction, this.callBackUrl = e.callBackUrl, this.paymentResponse = e.paymentResponse, this.paymentResponseHeaders = e.paymentResponseHeaders, this.paymentMethod = e.paymentMethod;
   }
   attachListeners() {
     const e = this.container.querySelector(
       "#goback-to-merchant"
     );
     e && e.addEventListener("click", () => {
-      nn(
+      var i;
+      P.track("redirect_to_merchant", {
+        payment_method: this.paymentMethod,
+        status: (i = this.paymentResponse) == null ? void 0 : i.status
+      }), nn(
         this.paymentResponse,
         this.paymentResponseHeaders,
         this.callBackUrl
@@ -29713,7 +29718,11 @@ class fo {
     });
   }
   renderComponent() {
-    this.container.innerHTML = this.render(), this.attachListeners();
+    var e;
+    this.container.innerHTML = this.render(), P.track("payment_timeout", {
+      payment_method: this.paymentMethod,
+      status: (e = this.paymentResponse) == null ? void 0 : e.status
+    }), this.attachListeners();
   }
   render() {
     return bo;
@@ -29838,7 +29847,407 @@ class Hd {
     return Bd;
   }
 }
-class Rd {
+const Rd = `<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>
+    <a href="https://ribbon-scowl-35f.notion.site/Terms-Conditions-940742f0a1b144498ffc1786c5bc6a08?pvs=4" target="_blank" class="hover:font-bold">Terms</a>
+    <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>`, Od = `<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 go {
+  constructor({ container: e, closeCallback: i }) {
+    h(this, "container");
+    h(this, "closeCallback");
+    this.container = e, this.closeCallback = i;
+  }
+  render() {
+    return Od;
+  }
+  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 Ud(n) {
+  n.classList.remove("hidden"), requestAnimationFrame(() => {
+    n.classList.remove("opacity-0", "scale-95");
+  });
+}
+function ki(n) {
+  n.classList.add("opacity-0", "scale-95"), n.addEventListener(
+    "transitionend",
+    () => n.classList.add("hidden"),
+    { once: !0 }
+  );
+}
+class ws {
+  constructor({ container: e, testCardContainer: i }) {
+    h(this, "container");
+    h(this, "testCardContainer");
+    h(this, "testCardInstance", null);
+    this.container = e, this.testCardContainer = i;
+  }
+  attachListener() {
+    const e = this.container.querySelector(
+      "#test-cards-link"
+    );
+    e && e.addEventListener("click", () => {
+      this.testCardInstance || (this.testCardInstance = new go({
+        container: this.testCardContainer,
+        closeCallback: () => {
+          this.testCardContainer.innerHTML = "", ki(this.testCardContainer), e.classList.remove("text-tone-100", "font-bold");
+        }
+      })), this.testCardInstance.renderComponent(), Ud(this.testCardContainer), e.classList.add("text-tone-100", "font-bold");
+    });
+  }
+  renderComponent() {
+    this.container.innerHTML = this.render(), this.attachListener();
+  }
+  render() {
+    return Rd;
+  }
+}
+class Vd {
   constructor({
     amount: e,
     totalAmount: i,
@@ -29932,7 +30341,7 @@ class Rd {
           reference: this.reference,
           encryptedCard: o
         };
-        return Hi(
+        return Ri(
           this.token,
           d,
           this.rdtCode,
@@ -29970,6 +30379,12 @@ class Rd {
           verification_status: "Failed",
           authentication_type: "PIN"
         }), this.cardResponse = l, this.cardResponseHeader = d, l.providerMessage ? this.warningScreen.setPaymentError(l.providerMessage) : this.warningScreen.setPaymentError("Payment failed"), this.warningScreen.hideReportIssue();
+      else if (["success", "successful"].includes(l.status))
+        this.currentStep = 5, this.cardResponse = l, this.cardResponseHeader = d, P.track("verify_payment", {
+          payment_method: "Card",
+          verification_status: "Success",
+          authentication_type: "PIN"
+        }), this.redirectTo(l, d, "success");
       else if (!["success", "successful"].includes(l.status) && l.status !== "failed")
         if (this.cardResponse = l, this.cardResponseHeader = d, l != null && l.authorization) {
           if (this.activeRef = l.reference, ((p = l == null ? void 0 : l.authorization) == null ? void 0 : p.mode) === "pin") {
@@ -29990,11 +30405,6 @@ class Rd {
           }
         } else
           this.currentStep = 4, l.providerMessage ? this.warningScreen.setPaymentError(l.providerMessage) : this.warningScreen.setPaymentError("Error with Payment"), this.warningScreen.hideReportIssue();
-      else ["success", "successful"].includes(l.status) && (this.currentStep = 5, this.cardResponse = l, this.cardResponseHeader = d, P.track("verify_payment", {
-        payment_method: "Card",
-        verification_status: "Success",
-        authentication_type: "PIN"
-      }), this.redirectTo(l, d, "success"));
     }).catch((l) => {
       P.track("verify_payment", {
         payment_method: "Card",
@@ -30312,15 +30722,19 @@ class Rd {
     );
   }
   renderCardContent(e) {
-    var t, s;
+    var o, a;
     e && (this.merchantPlanDetail = e);
-    const i = document.getElementById("go-back");
-    if (this.currentStep !== 1 ? (this.hidePaymentMethods(), i == null || i.classList.add("hidden")) : this.showPaymentMethods(), this.isMobile && this.hidePaymentMethods(), this.contents) {
+    const i = document.getElementById(
+      "test-container"
+    ), t = this.container.querySelector(
+      "#test-cards-link"
+    ), s = document.getElementById("go-back");
+    if (this.currentStep !== 1 ? (this.hidePaymentMethods(), s == null || s.classList.add("hidden")) : this.showPaymentMethods(), this.isMobile && this.hidePaymentMethods(), this.contents) {
       switch (this.currentStep) {
         case 1:
-          this.cardDetailForm = new Qt({
+          this.cardDetailForm = new Xt({
             container: this.contents,
-            onAction: (a) => (l) => this.submitCardDetails.bind(this)(a, l),
+            onAction: (d) => (p) => this.submitCardDetails.bind(this)(d, p),
             merchantName: this.merchantPlanDetail.merchantName,
             currency: this.localCurrency !== this.currency ? this.localCurrency : this.currency
           }), this.cardDetailForm.renderContent();
@@ -30329,15 +30743,15 @@ class Rd {
           this.cardPinForm = new Rr({
             container: this.contents,
             onClose: this.onClose,
-            onAction: (a) => this.handlePinRequest.bind(this)(a)
+            onAction: (d) => this.handlePinRequest.bind(this)(d)
           }), this.cardPinForm.renderComponent();
           break;
         case 3:
           this.cardOtpValidationForm = new Br({
             container: this.contents,
             onClose: this.onClose,
-            onAction: (a) => (l) => this.submitOtp.bind(this)(a, l),
-            otpMessage: ((t = this.cardResponse) == null ? void 0 : t.providerMessage) || "Please enter your OTP sent to your phone"
+            onAction: (d) => (p) => this.submitOtp.bind(this)(d, p),
+            otpMessage: ((o = this.cardResponse) == null ? void 0 : o.providerMessage) || "Please enter your OTP sent to your phone"
           }), this.cardOtpValidationForm.renderComponent();
           break;
         case 4:
@@ -30345,7 +30759,7 @@ class Rd {
             container: this.contents,
             onAction: this.isMaxRetriesReached ? this.goBackToMerchant.bind(this) : this.restartTransactionProcess.bind(this),
             onReportIssue: () => this.currentStep = 8
-          }), this.contents.innerHTML = this.warningScreen.render(), this.warningScreen.attachListener();
+          }), this.contents.innerHTML = this.warningScreen.render(), this.warningScreen.attachListener(), ki(i), t.classList.remove("text-tone-100", "font-bold");
           break;
         case 5:
           this.successScreen = new ii({
@@ -30353,8 +30767,8 @@ class Rd {
             amount: this.totalAmount,
             currency: this.currency,
             localCurrency: this.localCurrency,
-            rate: (s = this.merchantPlanDetail) == null ? void 0 : s.rate.rate
-          }), this.successScreen.renderComponent();
+            rate: (a = this.merchantPlanDetail) == null ? void 0 : a.rate.rate
+          }), this.successScreen.renderComponent(), ki(i), t.classList.remove("text-tone-100", "font-bold");
           break;
         case 6:
           this.pageLoader = new Ne(this.contents), this.pageLoader.mountLoader(), this.pageLoader.updateMessage("Verifying Payment");
@@ -30362,16 +30776,16 @@ class Rd {
         case 7:
           this.avsForm = new Kr({
             container: this.contents,
-            onAction: (a) => (l) => this.validatedAVS.bind(this)(a, l)
+            onAction: (d) => (p) => this.validatedAVS.bind(this)(d, p)
           }), this.avsForm.renderComponent();
           break;
         case 8:
-          this.transactionIssuesScreen = new Ri({
+          this.transactionIssuesScreen = new Oi({
             container: this.contents,
             onAction: () => {
-              var a;
+              var d;
               this.currentStep = 4, this.warningScreen.setPaymentError(
-                ((a = this.cardResponse) == null ? void 0 : a.providerMessage) || "Payment failed"
+                ((d = this.cardResponse) == null ? void 0 : d.providerMessage) || "Payment failed"
               );
             },
             url: this.url,
@@ -30386,8 +30800,8 @@ class Rd {
         case 9:
           this.confirmationEnd = new fo({
             container: this.contents,
-            onAction: (a) => {
-              this.currentStep = a;
+            onAction: (d) => {
+              this.currentStep = d;
             },
             ref: this.reference,
             token: this.token,
@@ -30395,14 +30809,15 @@ class Rd {
             url: this.url,
             callBackUrl: this.callBackUrl,
             paymentResponse: this.cardResponse,
-            paymentResponseHeaders: this.cardResponseHeader
+            paymentResponseHeaders: this.cardResponseHeader,
+            paymentMethod: "Card"
           }), this.confirmationEnd.renderComponent();
           break;
         case 10:
           this.confirmationProgress = new Hd({
             container: this.contents,
-            onAction: (a) => {
-              this.currentStep = a;
+            onAction: (d) => {
+              this.currentStep = d;
             },
             ref: this.reference,
             onSuccess: this.onSuccess.bind(this),
@@ -30410,8 +30825,8 @@ class Rd {
             rdtCode: this.rdtCode,
             url: this.url,
             callBackUrl: this.callBackUrl,
-            setPaymentResponses: (a, l) => {
-              this.cardResponse = a, this.cardResponseHeader = l;
+            setPaymentResponses: (d, p) => {
+              this.cardResponse = d, this.cardResponseHeader = p;
             },
             step: {
               failed: 4,
@@ -30419,20 +30834,20 @@ class Rd {
               end: 9
             },
             paymentMethod: "Card"
-          }), this.confirmationProgress.renderComponent();
+          }), this.confirmationProgress.renderComponent(), ki(i), t.classList.remove("text-tone-100", "font-bold");
           break;
         default:
-          this.cardDetailForm = new Qt({
+          this.cardDetailForm = new Xt({
             container: this.contents,
-            onAction: (a) => (l) => this.submitCardDetails.bind(this)(a, l),
+            onAction: (d) => (p) => this.submitCardDetails.bind(this)(d, p),
             merchantName: this.merchantPlanDetail.merchantName,
             currency: this.localCurrency ? this.localCurrency : this.currency
           }), this.cardDetailForm.renderContent();
           break;
       }
       this.displayButtonText();
-      const o = this.container.querySelector("#card-currency");
-      o && (o.textContent = `${this.localCurrency ? this.localCurrency : this.currency} Card`);
+      const l = this.container.querySelector("#card-currency");
+      l && (l.textContent = `${this.localCurrency ? this.localCurrency : this.currency} Card`);
     }
   }
   redirectTo(e, i, t) {
@@ -30456,7 +30871,7 @@ class Rd {
     }
   }
 }
-const Od = `<div>
+const Kd = `<div>
   <div class="container-center h-[40vh] hidden" id="loader">
     <img src="" alt="loader gif" />
   </div>
@@ -30548,10 +30963,10 @@ const Od = `<div>
     </div>
   </div>
 </div>`;
-function Vd(n) {
+function jd(n) {
   return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
 }
-var go = { exports: {} };
+var yo = { exports: {} };
 /*!
  * Pusher JavaScript Library v8.4.0
  * https://pusher.com/
@@ -30655,9 +31070,9 @@ var go = { 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, V = 0, j = 0, te = 0; I < A - 4; I += 4)
-                  G = this._decodeChar(w.charCodeAt(I + 0)), V = this._decodeChar(w.charCodeAt(I + 1)), j = this._decodeChar(w.charCodeAt(I + 2)), te = this._decodeChar(w.charCodeAt(I + 3)), _[T++] = G << 2 | V >>> 4, _[T++] = V << 4 | j >>> 2, _[T++] = j << 6 | te, K |= G & a, K |= V & a, K |= j & a, K |= te & a;
-                if (I < A - 1 && (G = this._decodeChar(w.charCodeAt(I)), V = this._decodeChar(w.charCodeAt(I + 1)), _[T++] = G << 2 | V >>> 4, K |= G & a, K |= V & a), I < A - 2 && (j = this._decodeChar(w.charCodeAt(I + 2)), _[T++] = V << 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, 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)
                   throw new Error("Base64Coder: incorrect characters for decoding");
                 return _;
               }, C.prototype._encodeByte = function(w) {
@@ -30955,7 +31370,7 @@ var go = { exports: {} };
               super(r), Object.setPrototypeOf(this, new.target.prototype);
             }
           }
-          class V extends Error {
+          class U extends Error {
             constructor(r, u) {
               super(u), this.status = r, Object.setPrototypeOf(this, new.target.prototype);
             }
@@ -30977,7 +31392,7 @@ var go = { exports: {} };
                   try {
                     D = JSON.parse(x.responseText), B = !0;
                   } catch {
-                    S(new V(200, `JSON returned from ${b.toString()} endpoint was invalid, yet status code was 200. Data was: ${x.responseText}`), null);
+                    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);
                 } else {
@@ -30990,16 +31405,16 @@ var go = { exports: {} };
                       D = `Clients must be authorized to join private or presence channels. ${k.buildLogSuffix("authorizationEndpoint")}`;
                       break;
                   }
-                  S(new V(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}. ${D}`), null);
                 }
             }, x.send(r), x;
           };
           function ge(c) {
             return ze(xe(c));
           }
-          var U = String.fromCharCode, ke = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/", le = function(c) {
+          var V = String.fromCharCode, ke = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/", le = function(c) {
             var r = c.charCodeAt(0);
-            return r < 128 ? c : r < 2048 ? U(192 | r >>> 6) + U(128 | r & 63) : U(224 | r >>> 12 & 15) + U(128 | r >>> 6 & 63) + U(128 | r & 63);
+            return r < 128 ? c : r < 2048 ? V(192 | r >>> 6) + V(128 | r & 63) : V(224 | r >>> 12 & 15) + V(128 | r >>> 6 & 63) + V(128 | r & 63);
           }, xe = function(c) {
             return c.replace(/[^\x00-\x7F]/g, le);
           }, we = function(c) {
@@ -31216,7 +31631,7 @@ var go = { exports: {} };
             }
             log(r, ...u) {
               var b = Ie.apply(this, arguments);
-              Xi.log ? Xi.log(b) : Xi.logToConsole && r.bind(this)(b);
+              et.log ? et.log(b) : et.logToConsole && r.bind(this)(b);
             }
           }
           var oe = new Fn(), ko = function(c, r, u, b, S) {
@@ -31277,30 +31692,30 @@ var go = { exports: {} };
             name: "jsonp",
             getAgent: Ao
           }, xo = Lo;
-          function Fi(c, r, u) {
+          function Gi(c, r, u) {
             var b = c + (r.useTLS ? "s" : ""), S = r.useTLS ? r.hostTLS : r.hostNonTLS;
             return b + "://" + S + u;
           }
-          function Gi(c, r) {
+          function qi(c, r) {
             var u = "/app/" + c, b = "?protocol=" + d.PROTOCOL + "&client=js&version=" + d.VERSION + (r ? "&" + r : "");
             return u + b;
           }
           var To = {
             getInitial: function(c, r) {
-              var u = (r.httpPath || "") + Gi(c, "flash=false");
-              return Fi("ws", r, u);
+              var u = (r.httpPath || "") + qi(c, "flash=false");
+              return Gi("ws", r, u);
             }
           }, Eo = {
             getInitial: function(c, r) {
-              var u = (r.httpPath || "/pusher") + Gi(c);
-              return Fi("http", r, u);
+              var u = (r.httpPath || "/pusher") + qi(c);
+              return Gi("http", r, u);
             }
           }, Po = {
             getInitial: function(c, r) {
-              return Fi("http", r, r.httpPath || "/pusher");
+              return Gi("http", r, r.httpPath || "/pusher");
             },
             getPath: function(c, r) {
-              return Gi(c);
+              return qi(c);
             }
           };
           class Io {
@@ -31308,10 +31723,10 @@ var go = { exports: {} };
               this._callbacks = {};
             }
             get(r) {
-              return this._callbacks[qi(r)];
+              return this._callbacks[zi(r)];
             }
             add(r, u, b) {
-              var S = qi(r);
+              var S = zi(r);
               this._callbacks[S] = this._callbacks[S] || [], this._callbacks[S].push({
                 fn: u,
                 context: b
@@ -31322,7 +31737,7 @@ var go = { exports: {} };
                 this._callbacks = {};
                 return;
               }
-              var S = r ? [qi(r)] : je(this._callbacks);
+              var S = r ? [zi(r)] : je(this._callbacks);
               u || b ? this.removeCallback(S, u, b) : this.removeAllCallbacks(S);
             }
             removeCallback(r, u, b) {
@@ -31338,7 +31753,7 @@ var go = { exports: {} };
               }, this);
             }
           }
-          function qi(c) {
+          function zi(c) {
             return "_" + c;
           }
           class Je {
@@ -31474,26 +31889,26 @@ var go = { exports: {} };
             getSocket: function(c) {
               return O.createWebSocket(c);
             }
-          }), Pt = {
+          }), It = {
             urls: Eo,
             handlesActivityChecks: !1,
             supportsPing: !0,
             isInitialized: function() {
               return !0;
             }
-          }, It = pe({
+          }, Dt = pe({
             getSocket: function(c) {
               return O.HTTPFactory.createStreamingSocket(c);
             }
-          }, Pt), Dt = pe({
+          }, It), Nt = pe({
             getSocket: function(c) {
               return O.HTTPFactory.createPollingSocket(c);
             }
-          }, Pt), Nt = {
+          }, It), Bt = {
             isSupported: function() {
               return O.isXHRSupported();
             }
-          }, Bo = new xn(pe({}, It, Nt)), Ho = new xn(pe({}, Dt, Nt)), Ro = {
+          }, Bo = new xn(pe({}, Dt, Bt)), Ho = new xn(pe({}, Nt, Bt)), Ro = {
             ws: No,
             xhr_streaming: Bo,
             xhr_polling: Ho
@@ -31521,13 +31936,13 @@ var go = { exports: {} };
                 path: r
               }));
             }
-          }), Bt = {
+          }), Ht = {
             isSupported: function(c) {
               var r = O.isXDRSupported(c.useTLS);
               return r;
             }
-          }, Vo = new xn(pe({}, It, Bt)), Uo = new xn(pe({}, Dt, Bt));
-          ui.xdr_streaming = Vo, ui.xdr_polling = Uo, ui.sockjs = Oo;
+          }, Uo = new xn(pe({}, Dt, Ht)), Vo = new xn(pe({}, Nt, Ht));
+          ui.xdr_streaming = Uo, ui.xdr_polling = Vo, ui.sockjs = Oo;
           var Ko = ui;
           class jo extends Je {
             constructor() {
@@ -31568,7 +31983,7 @@ var go = { exports: {} };
               return this.manager.isAlive() && this.transport.isSupported(r);
             }
           }
-          const Ht = {
+          const Rt = {
             decodeMessage: function(c) {
               try {
                 var r = JSON.parse(c.data), u = r.data;
@@ -31591,7 +32006,7 @@ var go = { exports: {} };
               return JSON.stringify(c);
             },
             processHandshake: function(c) {
-              var r = Ht.decodeMessage(c);
+              var r = Rt.decodeMessage(c);
               if (r.event === "pusher:connection_established") {
                 if (!r.data.activity_timeout)
                   throw "No activity timeout specified in handshake";
@@ -31622,7 +32037,7 @@ var go = { exports: {} };
               } : null;
             }
           };
-          var yn = Ht;
+          var yn = Rt;
           class qo extends Je {
             constructor(r, u) {
               super(), this.id = r, this.transport = u, this.activityTimeout = u.activityTimeout, this.bindListeners();
@@ -31739,7 +32154,7 @@ var go = { exports: {} };
               this.timeline.isEmpty() || this.timeline.send(O.TimelineTransport.getAgent(this, r), u);
             }
           }
-          class zi extends Je {
+          class Wi extends Je {
             constructor(r, u) {
               super(function(b, S) {
                 oe.debug("No callbacks on " + r + " for " + b);
@@ -31782,7 +32197,7 @@ var go = { exports: {} };
                 r ? (this.subscriptionPending = !1, oe.error(r.toString()), this.emit("pusher:subscription_error", Object.assign({}, {
                   type: "AuthError",
                   error: r.message
-                }, r instanceof V ? { status: r.status } : {}))) : this.pusher.send_event("pusher:subscribe", {
+                }, r instanceof U ? { status: r.status } : {}))) : this.pusher.send_event("pusher:subscribe", {
                   auth: u.auth,
                   channel_data: u.channel_data,
                   channel: this.name
@@ -31801,7 +32216,7 @@ var go = { exports: {} };
               this.subscriptionCancelled = !1;
             }
           }
-          class Wi extends zi {
+          class Zi extends Wi {
             authorize(r, u) {
               return this.pusher.config.channelAuthorizer({
                 channelName: this.name,
@@ -31868,7 +32283,7 @@ var go = { exports: {} };
               Z((b = b.apply(c, r || [])).next());
             });
           };
-          class $o extends Wi {
+          class $o extends Zi {
             constructor(r, u) {
               super(r, u), this.members = new Zo();
             }
@@ -31923,8 +32338,8 @@ var go = { exports: {} };
               this.members.reset(), super.disconnect();
             }
           }
-          var Yo = s(1), Zi = s(0);
-          class Qo extends Wi {
+          var Yo = s(1), Ji = s(0);
+          class Qo extends Zi {
             constructor(r, u, b) {
               super(r, u), this.key = null, this.nacl = b;
             }
@@ -31939,7 +32354,7 @@ var go = { exports: {} };
                   u(new Error(`No shared_secret key in auth payload for encrypted channel: ${this.name}`), null);
                   return;
                 }
-                this.key = Object(Zi.decode)(x), delete S.shared_secret, u(null, S);
+                this.key = Object(Ji.decode)(x), delete S.shared_secret, u(null, S);
               });
             }
             trigger(r, u) {
@@ -31962,12 +32377,12 @@ var go = { exports: {} };
                 oe.error("Unexpected format for encrypted event, expected object with `ciphertext` and `nonce` fields, got: " + u);
                 return;
               }
-              let b = Object(Zi.decode)(u.ciphertext);
+              let b = Object(Ji.decode)(u.ciphertext);
               if (b.length < this.nacl.secretbox.overheadLength) {
                 oe.error(`Expected encrypted event ciphertext length to be ${this.nacl.secretbox.overheadLength}, got: ${b.length}`);
                 return;
               }
-              let S = Object(Zi.decode)(u.nonce);
+              let S = Object(Ji.decode)(u.nonce);
               if (S.length < this.nacl.secretbox.nonceLength) {
                 oe.error(`Expected encrypted event nonce length to be ${this.nacl.secretbox.nonceLength}, got: ${S.length}`);
                 return;
@@ -32201,10 +32616,10 @@ var go = { exports: {} };
               return new Xo(c, r);
             },
             createChannel(c, r) {
-              return new zi(c, r);
+              return new Wi(c, r);
             },
             createPrivateChannel(c, r) {
-              return new Wi(c, r);
+              return new Zi(c, r);
             },
             createPresenceChannel(c, r) {
               return new $o(c, r);
@@ -32222,7 +32637,7 @@ var go = { exports: {} };
               return new Go(c, r, u);
             }
           }, $e = ia;
-          class Rt {
+          class Ot {
             constructor(r) {
               this.options = r || {}, this.livesLeft = this.options.lives || 1 / 0;
             }
@@ -32275,7 +32690,7 @@ var go = { exports: {} };
               };
             }
           }
-          class Ji {
+          class $i {
             constructor(r) {
               this.strategies = r;
             }
@@ -32340,7 +32755,7 @@ var go = { exports: {} };
                 }))) : 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)) : (la(b, mi.transport.name, ae.now() - B, x), u(null, mi));
+                ce ? (Ut(b), E.length > 0 ? (B = ae.now(), Z = E.pop().connect(r, Q)) : u(ce)) : (la(b, mi.transport.name, ae.now() - B, x), u(null, mi));
               });
               return {
                 abort: function() {
@@ -32352,18 +32767,18 @@ var go = { exports: {} };
               };
             }
           }
-          function $i(c) {
+          function Yi(c) {
             return "pusherTransport" + (c ? "TLS" : "NonTLS");
           }
           function ra(c) {
             var r = O.getLocalStorage();
             if (r)
               try {
-                var u = r[$i(c)];
+                var u = r[Yi(c)];
                 if (u)
                   return JSON.parse(u);
               } catch {
-                Ot(c);
+                Ut(c);
               }
             return null;
           }
@@ -32371,7 +32786,7 @@ var go = { exports: {} };
             var S = O.getLocalStorage();
             if (S)
               try {
-                S[$i(c)] = gn({
+                S[Yi(c)] = gn({
                   timestamp: ae.now(),
                   transport: r,
                   latency: u,
@@ -32380,11 +32795,11 @@ var go = { exports: {} };
               } catch {
               }
           }
-          function Ot(c) {
+          function Ut(c) {
             var r = O.getLocalStorage();
             if (r)
               try {
-                delete r[$i(c)];
+                delete r[Yi(c)];
               } catch {
               }
           }
@@ -32443,9 +32858,9 @@ var go = { exports: {} };
           }
           var ua = function(c, r, u) {
             var b = {};
-            function S(Jt, dr, ur, cr, hr) {
-              var $t = u(c, Jt, dr, ur, cr, hr);
-              return b[Jt] = $t, $t;
+            function S($t, dr, ur, cr, hr) {
+              var Yt = u(c, $t, dr, ur, cr, hr);
+              return b[$t] = Yt, Yt;
             }
             var x = Object.assign({}, r, {
               hostNonTLS: c.wsHost + ":" + c.wsPort,
@@ -32461,31 +32876,31 @@ var go = { exports: {} };
               loop: !0,
               timeout: 15e3,
               timeoutLimit: 6e4
-            }, Z = new Rt({
+            }, Z = new Ot({
               minPingDelay: 1e4,
               maxPingDelay: c.activityTimeout
-            }), Q = new Rt({
+            }), Q = new Ot({
               lives: 2,
               minPingDelay: 1e4,
               maxPingDelay: c.activityTimeout
-            }), ce = S("ws", "ws", 3, x, Z), mi = S("wss", "ws", 3, E, Z), sr = S("sockjs", "sockjs", 1, D), Ft = S("xhr_streaming", "xhr_streaming", 1, D, Q), or = S("xdr_streaming", "xdr_streaming", 1, D, Q), Gt = S("xhr_polling", "xhr_polling", 1, D), ar = S("xdr_polling", "xdr_polling", 1, D), qt = new Cn([ce], B), rr = new Cn([mi], B), lr = new Cn([sr], B), zt = new Cn([
-              new Gn(qn(Ft), Ft, or)
-            ], B), Wt = new Cn([
-              new Gn(qn(Gt), Gt, ar)
+            }), ce = S("ws", "ws", 3, x, Z), mi = S("wss", "ws", 3, E, Z), sr = S("sockjs", "sockjs", 1, D), Gt = S("xhr_streaming", "xhr_streaming", 1, D, Q), or = S("xdr_streaming", "xdr_streaming", 1, D, Q), qt = S("xhr_polling", "xhr_polling", 1, D), ar = S("xdr_polling", "xdr_polling", 1, D), zt = new Cn([ce], B), rr = new Cn([mi], B), lr = new Cn([sr], B), Wt = new Cn([
+              new Gn(qn(Gt), Gt, or)
             ], B), Zt = new Cn([
-              new Gn(qn(zt), new Ji([
-                zt,
-                new ci(Wt, { delay: 4e3 })
-              ]), Wt)
-            ], B), et = new Gn(qn(Zt), Zt, lr), nt;
-            return r.useTLS ? nt = new Ji([
-              qt,
-              new ci(et, { delay: 2e3 })
-            ]) : nt = new Ji([
-              qt,
+              new Gn(qn(qt), qt, ar)
+            ], B), Jt = new Cn([
+              new Gn(qn(Wt), new $i([
+                Wt,
+                new ci(Zt, { delay: 4e3 })
+              ]), Zt)
+            ], B), nt = new Gn(qn(Jt), Jt, lr), it;
+            return r.useTLS ? it = new $i([
+              zt,
+              new ci(nt, { delay: 2e3 })
+            ]) : it = new $i([
+              zt,
               new ci(rr, { delay: 2e3 }),
-              new ci(et, { delay: 5e3 })
-            ]), new aa(new da(new Gn(qn(ce), nt, et)), b, {
+              new ci(nt, { delay: 5e3 })
+            ]), new aa(new da(new Gn(qn(ce), it, nt)), b, {
               ttl: 18e5,
               timeline: r.timeline,
               useTLS: r.useTLS
@@ -32546,14 +32961,14 @@ var go = { exports: {} };
               return this.position === r.length && r.length > pa;
             }
           }
-          var Yi;
+          var Qi;
           (function(c) {
             c[c.CONNECTING = 0] = "CONNECTING", c[c.OPEN = 1] = "OPEN", c[c.CLOSED = 3] = "CLOSED";
-          })(Yi || (Yi = {}));
-          var Sn = Yi, fa = 1;
+          })(Qi || (Qi = {}));
+          var Sn = Qi, fa = 1;
           class ga {
             constructor(r, u) {
-              this.hooks = r, this.session = Ut(1e3) + "/" + ka(8), this.location = ya(u), this.readyState = Sn.CONNECTING, this.openStream();
+              this.hooks = r, this.session = Kt(1e3) + "/" + ka(8), this.location = ya(u), this.readyState = Sn.CONNECTING, this.openStream();
             }
             send(r) {
               return this.sendRaw(JSON.stringify([r]));
@@ -32659,12 +33074,12 @@ var go = { exports: {} };
             var u = /(https?:\/\/)([^\/:]+)((\/|:)?.*)/.exec(c);
             return u[1] + r + u[3];
           }
-          function Ut(c) {
+          function Kt(c) {
             return O.randomInt(c);
           }
           function ka(c) {
             for (var r = [], u = 0; u < c; u++)
-              r.push(Ut(32).toString(32));
+              r.push(Kt(32).toString(32));
             return r.join("");
           }
           var wa = ga, _a = {
@@ -32725,11 +33140,11 @@ var go = { exports: {} };
             createRequest(c, r, u) {
               return new ba(c, r, u);
             }
-          }, Kt = Ea;
-          Kt.createXDR = function(c, r) {
+          }, jt = Ea;
+          jt.createXDR = function(c, r) {
             return this.createRequest(va, c, r);
           };
-          var Pa = Kt, Ia = {
+          var Pa = jt, Ia = {
             nextAuthCallbackID: 1,
             auth_callbacks: {},
             ScriptReceivers: a,
@@ -32822,11 +33237,11 @@ var go = { exports: {} };
                 return (window.crypto || window.msCrypto).getRandomValues(new Uint32Array(1))[0] / Math.pow(2, 32);
               }() * c);
             }
-          }, O = Ia, Qi;
+          }, O = Ia, Xi;
           (function(c) {
             c[c.ERROR = 3] = "ERROR", c[c.INFO = 6] = "INFO", c[c.DEBUG = 7] = "DEBUG";
-          })(Qi || (Qi = {}));
-          var hi = Qi;
+          })(Xi || (Xi = {}));
+          var hi = Xi;
           class Da {
             constructor(r, u, b) {
               this.key = r, this.session = u, this.events = [], this.options = b || {}, this.sent = 0, this.uniqueID = 0;
@@ -32877,8 +33292,8 @@ var go = { exports: {} };
             connect(r, u) {
               if (this.isSupported()) {
                 if (this.priority < r)
-                  return jt(new _(), u);
-              } else return jt(new G(), u);
+                  return Ft(new _(), u);
+              } else return Ft(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() {
@@ -32904,7 +33319,7 @@ var go = { exports: {} };
               };
             }
           }
-          function jt(c, r) {
+          function Ft(c, r) {
             return ae.defer(function() {
               r(c);
             }), {
@@ -32945,7 +33360,7 @@ var go = { exports: {} };
               throw "Options object must provide a cluster";
             "disableStats" in c && oe.warn("The disableStats option is deprecated in favor of enableStats");
           }
-          const Va = (c, r) => {
+          const Ua = (c, r) => {
             var u = "socket_id=" + encodeURIComponent(c.socketId);
             for (var b in r.params)
               u += "&" + encodeURIComponent(b) + "=" + encodeURIComponent(r.params[b]);
@@ -32956,11 +33371,11 @@ var go = { exports: {} };
             }
             return u;
           };
-          var Ua = (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.UserAuthentication, u);
             };
           };
@@ -33037,7 +33452,7 @@ var go = { exports: {} };
           }
           function $a(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 : Va(r);
           }
           function Ya(c, r) {
             let u;
@@ -33120,7 +33535,7 @@ var go = { exports: {} };
               const r = (u) => {
                 u.subscriptionPending && u.subscriptionCancelled ? u.reinstateSubscription() : !u.subscriptionPending && this.pusher.connection.state === "connected" && u.subscribe();
               };
-              this.serverToUserChannel = new zi(`#server-to-user-${this.user_data.id}`, this.pusher), this.serverToUserChannel.bind_global((u, b) => {
+              this.serverToUserChannel = new Wi(`#server-to-user-${this.user_data.id}`, this.pusher), this.serverToUserChannel.bind_global((u, b) => {
                 u.indexOf("pusher_internal:") === 0 || u.indexOf("pusher:") === 0 || this.emit(u, b);
               }), r(this.serverToUserChannel);
             }
@@ -33242,7 +33657,7 @@ var go = { 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;
+          var et = t.default = ye;
           function tr(c) {
             if (c == null)
               throw "You must pass your app key when you instantiate Pusher.";
@@ -33253,10 +33668,10 @@ var go = { exports: {} };
       ])
     );
   });
-})(go);
-var Ud = go.exports;
-const Kd = /* @__PURE__ */ Vd(Ud);
-class ks {
+})(yo);
+var Fd = yo.exports;
+const Gd = /* @__PURE__ */ jd(Fd);
+class _s {
   constructor(e) {
     h(this, "container");
     h(this, "onAction");
@@ -33319,7 +33734,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 Kd(M, {
+      var p = new Gd(M, {
         cluster: A
       }), v = p.subscribe(e.reference);
       v.bind("payment_status", (_) => {
@@ -33338,10 +33753,10 @@ class ks {
     this.attachListener();
   }
   render() {
-    return Od;
+    return Kd;
   }
 }
-const jd = `<div id="trasferConfirmationProgress">
+const qd = `<div id="trasferConfirmationProgress">
   <div>
     <div>
       <div class=" grid grid-rows-[auto_1fr] gap-4 mx-5">
@@ -33423,7 +33838,7 @@ const jd = `<div id="trasferConfirmationProgress">
     </div>
   </div>
 </div>`;
-class Fd {
+class zd {
   constructor(e) {
     h(this, "container");
     h(this, "onAction");
@@ -33529,10 +33944,10 @@ class Fd {
     this.container.innerHTML = this.render(), this.renderTransferDetailsComponent(e), this.attachListeners();
   }
   render() {
-    return jd;
+    return qd;
   }
 }
-const Gd = `<div id="paymenExpired">
+const Wd = `<div id="paymenExpired">
   <div class="container-center min-h-[30dvh]">
     <div>
       <div class="container-center mb-5">
@@ -33556,7 +33971,7 @@ const Gd = `<div id="paymenExpired">
     </div>
   </div>
 </div>`;
-class qd {
+class Zd {
   constructor(e) {
     h(this, "container");
     this.container = e.container;
@@ -33567,10 +33982,10 @@ class qd {
     this.container.innerHTML = this.render();
   }
   render() {
-    return Gd;
+    return Wd;
   }
 }
-class zd {
+class Jd {
   constructor({
     amount: e,
     totalAmount: i,
@@ -33676,7 +34091,7 @@ class zd {
             channel: "bank_transfer",
             reference: this.reference
           };
-          return Hi(
+          return Ri(
             this.token,
             a,
             this.rdtCode,
@@ -33708,7 +34123,7 @@ class zd {
         this.paymentResponse = s, this.paymentResponseHeaders = o, s.status === "failed" ? (this.currentStep = 7, s.providerMessage ? this.warningScreen.setPaymentError(s.providerMessage) : this.warningScreen.setPaymentError("Payment failed"), this.warningScreen.hideReportIssue(), P.track("stop_transferProcess", {
           payment_method: "Transfer",
           verification_status: "Failed"
-        })) : (e && i && (e.classList.add("hidden"), i.classList.remove("hidden")), this.activeRef = s.reference, this.paymentResponse = s, s.bankDetails && s.bankDetails.accountNumber ? (this.transferDetails = new ks({
+        })) : (e && i && (e.classList.add("hidden"), i.classList.remove("hidden")), this.activeRef = s.reference, this.paymentResponse = s, s.bankDetails && s.bankDetails.accountNumber ? (this.transferDetails = new _s({
           container: this.contents,
           onAction: (a) => {
             this.onSentVerify.bind(this)(a);
@@ -33749,7 +34164,7 @@ class zd {
     }), this.contents) {
       switch (this.currentStep) {
         case 1:
-          this.transferDetails = new ks({
+          this.transferDetails = new _s({
             container: this.contents,
             onAction: (s) => {
               this.onSentVerify.bind(this)(s);
@@ -33760,12 +34175,12 @@ class zd {
           });
           break;
         case 2:
-          this.transferExpired = new qd({
+          this.transferExpired = new Zd({
             container: this.contents
           }), this.transferExpired.renderComponent();
           break;
         case 5:
-          this.transferConfirmationProgress = new Fd({
+          this.transferConfirmationProgress = new zd({
             container: this.contents,
             onAction: (s, o) => {
               this.currentStep = s, s === 7 && o && this.warningScreen.setPaymentError(o);
@@ -33810,11 +34225,12 @@ class zd {
             url: this.url,
             callBackUrl: this.callBackUrl,
             paymentResponse: this.paymentResponse,
-            paymentResponseHeaders: this.paymentResponseHeaders
+            paymentResponseHeaders: this.paymentResponseHeaders,
+            paymentMethod: "Transfer"
           }), this.transferConfirmationEnd.renderComponent();
           break;
         case 9:
-          this.transactionIssuesScreen = new Ri({
+          this.transactionIssuesScreen = new Oi({
             container: this.contents,
             onAction: () => {
               var s;
@@ -33858,7 +34274,7 @@ class zd {
     this.abortController && this.abortController.abort();
   }
 }
-function ws() {
+function Ms() {
   return function(n, e) {
     let i = n[e];
     Object.defineProperty(n, e, {
@@ -33881,7 +34297,7 @@ class Qe extends Error {
     super(e), this.name = "AuthorizationError";
   }
 }
-class Et {
+class Pt {
   constructor(e) {
     h(this, "token");
     h(this, "baseurl", "https://api.spotflow.co/api/v1");
@@ -33897,7 +34313,7 @@ class Et {
     this.token = e.token, this.rdtCode = e.rdtCode, this.url = e.url, this.headers = this.getHeaders(this.token, this.rdtCode);
   }
 }
-class yo extends Et {
+class Co extends Pt {
   constructor(e) {
     super(e);
   }
@@ -34022,7 +34438,7 @@ class yo extends Et {
     }
   }
 }
-class Wd extends Et {
+class $d extends Pt {
   constructor(e) {
     super(e);
   }
@@ -34050,7 +34466,7 @@ class Wd extends Et {
     }
   }
 }
-class Zd extends Et {
+class Yd extends Pt {
   constructor(e) {
     super(e);
   }
@@ -34069,11 +34485,11 @@ class Zd extends Et {
       }
       return e.json();
     } catch (e) {
-      throw e instanceof se ? (wi.showToast(e.message, "error", 9e3), console.error(`FetchError: ${e.message} (status: ${e.status})`)) : e instanceof Qe ? console.error(`AuthorizationError: ${e.message}`) : console.error(`Unexpected error: ${e}`), e;
+      throw e instanceof se ? (_i.showToast(e.message, "error", 9e3), console.error(`FetchError: ${e.message} (status: ${e.status})`)) : e instanceof Qe ? console.error(`AuthorizationError: ${e.message}`) : console.error(`Unexpected error: ${e}`), e;
     }
   }
 }
-const Jd = `<form id="ussdBanks">
+const Qd = `<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">
@@ -34109,7 +34525,7 @@ const Jd = `<form id="ussdBanks">
     </div>
   </div>
 </form>`;
-class _s {
+class As {
   constructor(e) {
     h(this, "container");
     h(this, "bank_service");
@@ -34121,7 +34537,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 Zd({
+    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 Yd({
       token: e.merchantKey,
       rdtCode: e.rdtCode,
       url: e.url
@@ -34188,10 +34604,10 @@ class _s {
     }), this.displayButtonText(), this.attachListerner();
   }
   render() {
-    return Jd;
+    return Qd;
   }
 }
-const $d = `<div id="viewCode">
+const Xd = `<div id="viewCode">
   <div class="grid gap-4">
     <div class="text-center">
       <div class="md:w-4/5 mx-auto grid gap-3">
@@ -34229,7 +34645,7 @@ const $d = `<div id="viewCode">
     </div>
   </div>
 </div>`;
-class Yd {
+class eu {
   constructor(e) {
     h(this, "container");
     h(this, "selected");
@@ -34248,7 +34664,7 @@ class Yd {
     h(this, "metadata");
     h(this, "localCurrency");
     h(this, "onError");
-    this.container = e.container, this.selected = e.selected, this.onAction = e.onAction, this.secret = e.secret, this.paymentService = new yo({
+    this.container = e.container, this.selected = e.selected, this.onAction = e.onAction, this.secret = e.secret, this.paymentService = new Co({
       token: this.secret,
       rdtCode: e.rdtCode,
       url: e.url
@@ -34346,15 +34762,15 @@ class Yd {
     this.makePayment(), this.attachListener();
   }
   render() {
-    return $d;
+    return Xd;
   }
 }
-var Qd = Object.defineProperty, Xd = (n, e, i, t) => {
+var nu = Object.defineProperty, iu = (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 && Qd(e, i, s), s;
+  return s && nu(e, i, s), s;
 };
-class Co {
+class So {
   constructor({
     container: e,
     onSuccess: i,
@@ -34409,7 +34825,7 @@ class Co {
     h(this, "disablePaymentMethods");
     this.onSuccess = i || (() => null), this.container = e, this.secret = t, this.amount = s, this.totalAmount = o, this.currency = a, this.reference = d, this.customer = l, this.rdtCode = p, this.url = v, this.callBackUrl = g, this.metadata = f, this.localCurrency = y, this.merchantDetails = {}, this.hidePaymentMethods = k, this.showPaymentMethods = C, this.disablePaymentMethods = w, this.contents = this.container.querySelector(
       "#payment-content-view"
-    ), this._currentStep = 1, this.paymentService = new yo({
+    ), this._currentStep = 1, this.paymentService = new Co({
       token: this.secret,
       rdtCode: this.rdtCode,
       url: this.url
@@ -34459,7 +34875,7 @@ class Co {
     }
     switch (this.currentStep) {
       case 1:
-        this.bankDetail = new _s({
+        this.bankDetail = new As({
           container: this.contents,
           merchantKey: this.secret,
           onAction: this.onCodeSelect.bind(this),
@@ -34473,7 +34889,7 @@ class Co {
         }), this.bankDetail.renderContent();
         break;
       case 2:
-        this.viewUssdCode = new Yd({
+        this.viewUssdCode = new eu({
           container: this.contents,
           onAction: (t, s) => {
             this.activeRef = s, this.currentStep = 4, this.intervalPayment = setInterval(() => {
@@ -34519,7 +34935,7 @@ class Co {
         }), this.successScreen.renderComponent();
         break;
       default:
-        this.bankDetail = new _s({
+        this.bankDetail = new As({
           container: this.contents,
           merchantKey: this.secret,
           onAction: this.onCodeSelect.bind(this),
@@ -34540,11 +34956,11 @@ class Co {
     }, 400), this.currentStep = 2;
   }
 }
-Xd([
-  ws(),
-  ws()
-], Co.prototype, "selectedCode");
-const eu = {
+iu([
+  Ms(),
+  Ms()
+], So.prototype, "selectedCode");
+const tu = {
   NGN: "Nigerian Naira",
   USD: "US Dollar",
   GHS: "Ghanaian Cedi",
@@ -34552,8 +34968,8 @@ const eu = {
   ZAF: "South African Rand",
   USDT: "Tether",
   KSH: "Kenyan Shilling"
-}, nu = (n) => n == null ? void 0 : n.replace(/_/g, " ");
-function iu(n) {
+}, su = (n) => n == null ? void 0 : n.replace(/_/g, " ");
+function ou(n) {
   return n.split(" ").map(
     (e) => e.charAt(0).toUpperCase() + e.slice(1).toLowerCase()
     // Capitalize the first letter and make the rest lowercase
@@ -34561,11 +34977,11 @@ function iu(n) {
 }
 const gi = (n) => {
   if (n) {
-    const e = nu(n);
-    return iu(e);
+    const e = su(n);
+    return ou(e);
   }
   return "";
-}, tu = `<div>
+}, au = `<div>
   <button id="go-back" class="md:hidden" aria-label="Go back">
   </button>
 </div>
@@ -34702,7 +35118,7 @@ const gi = (n) => {
     <!-- Tab options -->
   </div>
 </div>`;
-class su {
+class ru {
   constructor(e) {
     h(this, "container");
     h(this, "email");
@@ -34735,7 +35151,7 @@ class su {
     });
   }
   renderComponent() {
-    var G, V, j, te, ge, U, 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, Ie, 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"
@@ -34758,9 +35174,9 @@ class su {
     ), C = this.container.querySelector("#source-rate"), w = this.container.querySelector("#source-rate-mob"), M = this.container.querySelector("#tax-rate"), A = this.container.querySelector("#tax-rate-mob"), _ = this.container.querySelector("#tooltip-localCurrency"), T = this.container.querySelector(
       "#tooltip-localCurrency-mob"
     );
-    if ((G = this.merchantDetail) != null && G.merchantLogo ? i && i.setAttribute("src", (V = this.merchantDetail) == null ? void 0 : V.merchantLogo) : e && (i == null || i.remove(), e.innerHTML = `<div class="font-semibold text-tone-100 rounded-2xl w-8 h-8 bg-tone-10 container-center uppercase">${this.merchantDetail.merchantName[0]}</div>`), t && (t.innerHTML = this.email), s && (s.innerHTML = this.email), o) {
+    if ((G = this.merchantDetail) != null && G.merchantLogo ? i && i.setAttribute("src", (U = this.merchantDetail) == null ? void 0 : U.merchantLogo) : e && (i == null || i.remove(), e.innerHTML = `<div class="font-semibold text-tone-100 rounded-2xl w-8 h-8 bg-tone-10 container-center uppercase">${this.merchantDetail.merchantName[0]}</div>`), t && (t.innerHTML = this.email), s && (s.innerHTML = this.email), o) {
       if ((te = (j = this.merchantDetail) == null ? void 0 : j.plan) != null && te.title) {
-        const Fn = ((U = (ge = this.merchantDetail) == null ? void 0 : ge.plan) == null ? void 0 : U.title) || "";
+        const Fn = ((V = (ge = this.merchantDetail) == null ? void 0 : ge.plan) == null ? void 0 : V.title) || "";
         o.textContent = gi(Fn);
       }
       (ke = this.metadata) != null && ke.productName && (o.textContent = gi(
@@ -34785,7 +35201,7 @@ class su {
     )} `) : 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 = eu[this.localCurrency];
+    const K = tu[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) {
@@ -34857,414 +35273,9 @@ class su {
       }
     }
   }
-  render() {
-    return tu;
-  }
-}
-const ou = `<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> -->
-    <a href="https://ribbon-scowl-35f.notion.site/Terms-Conditions-940742f0a1b144498ffc1786c5bc6a08?pvs=4" target="_blank" class="hover:font-bold">Terms</a>
-    <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>`, au = `<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/2030" 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/2030" 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/2030" 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/2030" 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/2030" 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 So {
-  constructor({ container: e, closeCallback: i }) {
-    h(this, "container");
-    h(this, "closeCallback");
-    this.container = e, this.closeCallback = i;
-  }
   render() {
     return au;
   }
-  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 ru(n) {
-  n.classList.remove("hidden"), requestAnimationFrame(() => {
-    n.classList.remove("opacity-0", "scale-95");
-  });
-}
-function Ms(n) {
-  n.classList.add("opacity-0", "scale-95"), n.addEventListener(
-    "transitionend",
-    () => n.classList.add("hidden"),
-    { once: !0 }
-  );
-}
-class As {
-  constructor({ container: e, testCardContainer: i }) {
-    h(this, "container");
-    h(this, "testCardContainer");
-    h(this, "testCardInstance", null);
-    h(this, "isVisible", !1);
-    this.container = e, this.testCardContainer = i;
-  }
-  attachListener() {
-    const e = this.container.querySelector(
-      "#test-cards-link"
-    );
-    e && e.addEventListener("click", () => {
-      if (this.isVisible) {
-        this.testCardContainer.innerHTML = "", Ms(this.testCardContainer), e.classList.remove("text-tone-100", "font-bold"), this.isVisible = !1;
-        return;
-      }
-      this.testCardInstance || (this.testCardInstance = new So({
-        container: this.testCardContainer,
-        closeCallback: () => {
-          this.testCardContainer.innerHTML = "", Ms(this.testCardContainer), e.classList.remove("text-tone-100", "font-bold"), this.isVisible = !1;
-        }
-      })), this.testCardInstance.renderComponent(), ru(this.testCardContainer), e.classList.add("text-tone-100", "font-bold"), this.isVisible = !0;
-    });
-  }
-  renderComponent() {
-    this.container.innerHTML = this.render(), this.attachListener();
-  }
-  render() {
-    return ou;
-  }
 }
 const lu = `<div id="mobileConfirmationProgress">
     <div>
@@ -35710,14 +35721,19 @@ class vu {
     h(this, "callBackUrl");
     h(this, "paymentResponse");
     h(this, "paymentResponseHeaders");
-    this.container = e.container, this.onAction = e.onAction, this.callBackUrl = e.callBackUrl, this.paymentResponse = e.paymentResponse, this.paymentResponseHeaders = e.paymentResponseHeaders;
+    h(this, "paymentMethod");
+    this.container = e.container, this.onAction = e.onAction, this.callBackUrl = e.callBackUrl, this.paymentResponse = e.paymentResponse, this.paymentResponseHeaders = e.paymentResponseHeaders, this.paymentMethod = e.paymentMethod;
   }
   attachListeners() {
     const e = this.container.querySelector(
       ".details-form-button"
     );
     e && e.addEventListener("click", () => {
-      nn(
+      var i;
+      P.track("redirect_to_merchant", {
+        payment_method: this.paymentMethod,
+        status: (i = this.paymentResponse) == null ? void 0 : i.status
+      }), nn(
         this.paymentResponse,
         this.paymentResponseHeaders,
         this.callBackUrl
@@ -35725,7 +35741,11 @@ class vu {
     });
   }
   renderComponent() {
-    this.container.innerHTML = this.render(), this.attachListeners();
+    var e;
+    this.container.innerHTML = this.render(), P.track("payment_timeout", {
+      payment_method: this.paymentMethod,
+      status: (e = this.paymentResponse) == null ? void 0 : e.status
+    }), this.attachListeners();
   }
   render() {
     return bo;
@@ -35827,7 +35847,7 @@ class pu {
             }
           }
         };
-        return Hi(
+        return Ri(
           this.token,
           d,
           this.rdtCode,
@@ -36047,11 +36067,12 @@ class pu {
           url: this.url,
           callBackUrl: this.callBackUrl,
           paymentResponse: this.paymentResponse,
-          paymentResponseHeaders: this.paymentResponseHeaders
+          paymentResponseHeaders: this.paymentResponseHeaders,
+          paymentMethod: "Mobile Money"
         }), this.mobileMoneyConfirmationEnd.renderComponent();
         break;
       case 9:
-        this.transactionIssuesScreen = new Ri({
+        this.transactionIssuesScreen = new Oi({
           container: this.contents,
           onAction: () => {
             var t;
@@ -36224,7 +36245,7 @@ class fu {
           channel: "eft",
           reference: this.reference
         };
-        return Hi(
+        return Ri(
           this.token,
           a,
           this.rdtCode,
@@ -36353,7 +36374,7 @@ class fu {
           }), this.contents.innerHTML = this.warningScreen.render(), this.warningScreen.attachListener();
           break;
         case 5:
-          this.transactionIssuesScreen = new Ri({
+          this.transactionIssuesScreen = new Oi({
             container: this.contents,
             onAction: () => {
               var o;
@@ -36444,7 +36465,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 su({
+    this.amount = (o == null ? void 0 : o.amount) || this.amount, this.totalAmount = this.merchantPlanDetail.totalAmount || this.amount, this.mainHeader = new ru({
       container: document.getElementById("main-header"),
       email: this.customerDetails.email,
       amount: this.amount,
@@ -36458,7 +36479,7 @@ class gu {
         this.closeBTN.bind(this)(d);
       },
       currentPaymentMethod: this.currentPaymentMethod
-    }), this.mainHeader.renderComponent(), this.testCard = new So({
+    }), this.mainHeader.renderComponent(), this.testCard = new go({
       container: document.getElementById("test-container"),
       closeCallback: () => {
         const d = document.getElementById(
@@ -36466,7 +36487,7 @@ class gu {
         );
         d && (d.innerHTML = "", d.classList.add("hidden"));
       }
-    }), this.mainFooter = new As({
+    }), this.mainFooter = new ws({
       container: document.getElementById("main-footer"),
       testCardContainer: document.getElementById(
         "test-container"
@@ -36477,7 +36498,7 @@ class gu {
       ), p = document.getElementById(
         "test-container"
       );
-      new As({
+      new ws({
         container: d,
         testCardContainer: p
       }).renderComponent();
@@ -36533,7 +36554,7 @@ class gu {
   updatePaymentMethodView(e, i, t, s, o) {
     switch (this.currentPaymentMethod) {
       case "card":
-        return this.card = new Rd({
+        return this.card = new Vd({
           container: this.modalContainer,
           amount: t,
           totalAmount: s,
@@ -36558,7 +36579,7 @@ class gu {
           retryingPayment: this.retryingPayment
         });
       case "bank_transfer":
-        return this.transfer = new zd({
+        return this.transfer = new Jd({
           amount: t,
           totalAmount: s,
           currency: o,
@@ -36580,7 +36601,7 @@ class gu {
           retryingPayment: this.retryingPayment
         });
       case "ussd":
-        return this.ussd = new Co({
+        return this.ussd = new So({
           container: this.modalContainer,
           amount: t,
           totalAmount: s,
@@ -36887,7 +36908,7 @@ class Au {
         verification_status: "Cancelled"
       }), P.track("checkout_closes");
     }).catch((t) => {
-      wi.showToast(t.message, "error");
+      _i.showToast(t.message, "error");
     });
   }
   getDeviceType() {
@@ -36914,7 +36935,7 @@ class Au {
     } = e;
     if (this.merchantKey = s || "", this.email = i || "", this.amount = a || 0, this.encryption = t || "", this.planId = o || "", this.rdtCode = l || "", this.reference = d || Mr(), this.url = v || "", this.callBackUrl = g || "", this.metadata = f || {}, this.countryCode = k || "", this.phoneNumber = C || "", this.name = w || "", !s || !i)
       throw this.mainError = new xs(this.mainLayout), this.mainError.renderContent(this.callBackUrl), this.showErrorIcon(), new Error("Merchant key or email is required");
-    this.currency = p || "", this.merchantConfigService = new Wd({
+    this.currency = p || "", this.merchantConfigService = new $d({
       token: this.merchantKey,
       rdtCode: this.rdtCode,
       url: this.url