@spot-flow/checkout-inline-js 0.1.40 → 0.1.41-dev.1

package/dist/checkout-inline.es.js

@@ -53,14 +53,14 @@ let X = class extends Error {
   constructor(e, i) {
     super(e), this.status = i, this.name = "FetchError";
   }
-}, De = class extends Error {
+}, Be = class extends Error {
   constructor(e) {
     super(e), this.name = "AuthorizationError";
   }
 };
 const Oe = (n, e, i) => {
   if (!n)
-    throw new De("Missing authorization token");
+    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) => {
@@ -79,7 +79,7 @@ const Oe = (n, e, i) => {
       headers: o.headers
     };
   } catch (s) {
-    throw s instanceof X ? console.error(`FetchError: ${s.message} (status: ${s.status})`) : s instanceof De ? console.error(`AuthorizationError: ${s.message}`) : console.error(`Unexpected error: ${s}`), 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;
   }
 }, yi = async (n, e, i, t) => {
   try {
@@ -100,7 +100,7 @@ const Oe = (n, e, i) => {
       headers: o.headers
     };
   } catch (s) {
-    throw s instanceof X ? console.error(`FetchError: ${s.message} (status: ${s.status})`) : s instanceof De ? console.error(`AuthorizationError: ${s.message}`) : console.error(`Unexpected error: ${s}`), 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;
   }
 }, Ts = async (n, e, i, t) => {
   try {
@@ -118,7 +118,7 @@ const Oe = (n, e, i) => {
       headers: o.headers
     };
   } catch (s) {
-    throw s instanceof X ? console.error(`FetchError: ${s.message} (status: ${s.status})`) : s instanceof De ? console.error(`AuthorizationError: ${s.message}`) : console.error(`Unexpected error: ${s}`), 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;
   }
 }, gr = async (n, e, i, t) => {
   try {
@@ -136,7 +136,7 @@ const Oe = (n, e, i) => {
       headers: o.headers
     };
   } catch (s) {
-    throw s instanceof X ? console.error(`FetchError: ${s.message} (status: ${s.status})`) : s instanceof De ? console.error(`AuthorizationError: ${s.message}`) : console.error(`UnexpectedError: ${s}`), s;
+    throw s instanceof X ? console.error(`FetchError: ${s.message} (status: ${s.status})`) : s instanceof Be ? console.error(`AuthorizationError: ${s.message}`) : console.error(`UnexpectedError: ${s}`), s;
   }
 }, cn = async (n, e, i, t, s) => {
   try {
@@ -157,7 +157,7 @@ const Oe = (n, e, i) => {
       headers: a.headers
     };
   } catch (o) {
-    throw o instanceof X ? console.error(`FetchError: ${o.message} (status: ${o.status})`) : o instanceof De ? console.error(`AuthorizationError: ${o.message}`) : console.error(`Unexpected error: ${o}`), o;
+    throw o instanceof X ? console.error(`FetchError: ${o.message} (status: ${o.status})`) : o instanceof Be ? console.error(`AuthorizationError: ${o.message}`) : console.error(`Unexpected error: ${o}`), o;
   }
 };
 async function yr(n, e, i, t, s) {
@@ -176,7 +176,7 @@ async function yr(n, e, i, t, s) {
     }
     return await a.json();
   } catch (a) {
-    throw a instanceof X ? console.error(`FetchError: ${a.message} (status: ${a.status})`) : a instanceof De ? console.error(`AuthorizationError: ${a.message}`) : console.error(`Unexpected error: ${a}`), a;
+    throw a instanceof X ? console.error(`FetchError: ${a.message} (status: ${a.status})`) : a instanceof Be ? console.error(`AuthorizationError: ${a.message}`) : console.error(`Unexpected error: ${a}`), a;
   }
 }
 const Cr = async (n, e, i, t) => {
@@ -197,7 +197,7 @@ const Cr = async (n, e, i, t) => {
       headers: o.headers
     };
   } catch (s) {
-    throw s instanceof X ? console.error(`FetchError: ${s.message} (status: ${s.status})`) : s instanceof De ? console.error(`AuthorizationError: ${s.message}`) : console.error(`Unexpected error: ${s}`), s;
+    throw s instanceof X ? console.error(`FetchError: ${s.message} (status: ${s.status})`) : s instanceof Be ? console.error(`AuthorizationError: ${s.message}`) : console.error(`Unexpected error: ${s}`), s;
   }
 }, Sr = async (n, e, i, t) => {
   try {
@@ -215,7 +215,7 @@ const Cr = async (n, e, i, t) => {
     }
     return o.json();
   } catch (s) {
-    throw s instanceof X ? console.error(`FetchError: ${s.message} (status: ${s.status})`) : s instanceof De ? console.error(`AuthorizationError: ${s.message}`) : console.error(`Unexpected error: ${s}`), 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;
   }
 }, kr = async (n, e, i, t) => {
   try {
@@ -233,7 +233,7 @@ const Cr = async (n, e, i, t) => {
     }
     return o.json();
   } catch (s) {
-    throw s instanceof X ? console.error(`FetchError: ${s.message} (status: ${s.status})`) : s instanceof De ? console.error(`AuthorizationError: ${s.message}`) : console.error(`Unexpected error: ${s}`), 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) => {
   try {
@@ -251,7 +251,7 @@ const Cr = async (n, e, i, t) => {
       headers: o.headers
     };
   } catch (s) {
-    throw s instanceof X ? console.error(`FetchError: ${s.message} (status: ${s.status})`) : s instanceof De ? console.error(`AuthorizationError: ${s.message}`) : console.error(`Unexpected error: ${s}`), 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;
   }
 };
 async function wr(n, e, i, t, s) {
@@ -269,7 +269,7 @@ async function wr(n, e, i, t, s) {
     }
     return a.json();
   } catch (o) {
-    throw o instanceof X ? console.error(`FetchError: ${o.message} (status: ${o.status})`) : o instanceof De ? console.error(`AuthorizationError: ${o.message}`) : console.error(`Unexpected error: ${o}`), o;
+    throw o instanceof X ? console.error(`FetchError: ${o.message} (status: ${o.status})`) : o instanceof Be ? console.error(`AuthorizationError: ${o.message}`) : console.error(`Unexpected error: ${o}`), o;
   }
 }
 const Le = (n, e) => {
@@ -1190,7 +1190,7 @@ async function Ir(n, e) {
   const i = Uint8Array.from(atob(e), (d) => d.charCodeAt(0)), t = crypto.getRandomValues(new Uint8Array(12)), s = new TextEncoder().encode(n), o = await crypto.subtle.importKey("raw", i, { name: "AES-GCM" }, !1, ["encrypt"]), a = await crypto.subtle.encrypt({ name: "AES-GCM", iv: t }, o, s), l = new Uint8Array(t.length + a.byteLength);
   return l.set(t), l.set(new Uint8Array(a), t.length), btoa(String.fromCharCode.apply(null, l));
 }
-const Nr = `<div id="paymentSuccess">
+const Dr = `<div id="paymentSuccess">
     <div class="container-center min-h-[30dvh]">
         <div>
             <div class="container-center mb-5">
@@ -1234,7 +1234,7 @@ class ii {
     i && (this.message ? i.innerHTML = this.message : i.innerHTML = "Payment Successful"), e && (e.innerHTML = `${this.localCurrency !== this.currency ? this.localCurrency : this.currency} ${Le(this.amount)}`);
   }
   render() {
-    return Nr;
+    return Dr;
   }
 }
 const Es = `<div id="paymentWarning">
@@ -1301,7 +1301,7 @@ class Ln {
     return Es;
   }
 }
-const Br = `<div id="checkoutcardotp">
+const Nr = `<div id="checkoutcardotp">
   <div class="w-full">
     <div id="otp-content" class=" grid gap-4">
       <h5 class="text-black" id="otp-message">
@@ -1334,7 +1334,7 @@ const Br = `<div id="checkoutcardotp">
       </div>
     </div>
   </div>`;
-class Dr {
+class Br {
   constructor(e) {
     h(this, "container");
     h(this, "cardOtp");
@@ -1375,7 +1375,7 @@ class Dr {
     e && (e.innerHTML = this.otpMessage), this.attachListener();
   }
   render() {
-    return Br;
+    return Nr;
   }
 }
 const Hr = `<div id="checkoutcardpin">
@@ -23701,7 +23701,7 @@ const jr = `<div class="py-3 w-full">
     </div>
   </div>
 </div>`;
-class Be {
+class Ne {
   constructor(e) {
     h(this, "container");
     this.container = e;
@@ -24302,7 +24302,7 @@ function vt(n) {
   const e = n.type;
   return n.hasAttribute("data-rr-is-password") ? "password" : e ? _n(e) : null;
 }
-function Ns(n, e) {
+function Ds(n, e) {
   var i;
   let t;
   try {
@@ -24315,7 +24315,7 @@ function Ns(n, e) {
 }
 let Xr = 1;
 const el = new RegExp("[^a-z0-9-_:]"), Qn = -2;
-function Bs() {
+function Ns() {
   return Xr++;
 }
 function nl(n) {
@@ -24397,7 +24397,7 @@ function pt() {
   const n = document.createElement("a");
   return n.href = "", n.href;
 }
-function Ds(n, e, i, t) {
+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);
 }
 function Hs(n, e, i) {
@@ -24585,7 +24585,7 @@ function fl(n, e) {
   const M = n.attributes.length;
   for (let _ = 0; _ < M; _++) {
     const T = n.attributes[_];
-    Hs(C, T.name, T.value) || (w[T.name] = Ds(i, C, _n(T.name), T.value));
+    Hs(C, T.name, T.value) || (w[T.name] = Bs(i, C, _n(T.name), T.value));
   }
   if (C === "link" && o) {
     const _ = Array.from(i.styleSheets).find((I) => I.href === n.href);
@@ -24668,7 +24668,7 @@ function gl(n, e) {
   if (e.comment && n.type === ve.Comment)
     return !0;
   if (n.type === ve.Element) {
-    if (e.script && (n.tagName === "script" || n.tagName === "link" && (n.attributes.rel === "preload" || n.attributes.rel === "modulepreload") && n.attributes.as === "script" || n.tagName === "link" && n.attributes.rel === "prefetch" && typeof n.attributes.href == "string" && Ns(n.attributes.href) === "js"))
+    if (e.script && (n.tagName === "script" || n.tagName === "link" && (n.attributes.rel === "preload" || n.attributes.rel === "modulepreload") && n.attributes.as === "script" || n.tagName === "link" && n.attributes.rel === "prefetch" && typeof n.attributes.href == "string" && Ds(n.attributes.href) === "js"))
       return !0;
     if (e.headFavicon && (n.tagName === "link" && n.attributes.rel === "shortcut icon" || n.tagName === "meta" && (ne(n.attributes.name).match(/^msapplication-tile(image|color)$/) || ne(n.attributes.name) === "application-name" || ne(n.attributes.rel) === "icon" || ne(n.attributes.rel) === "apple-touch-icon" || ne(n.attributes.rel) === "shortcut icon")))
       return !0;
@@ -24689,7 +24689,7 @@ function gl(n, e) {
   }
   return !1;
 }
-function Nn(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));
@@ -24712,7 +24712,7 @@ function Nn(n, e) {
   if (!te)
     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 = Bs();
+  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)
     return null;
@@ -24751,19 +24751,19 @@ function Nn(n, e) {
       keepIframeSrcFn: K
     };
     if (!(U.type === ve.Element && U.tagName === "textarea" && U.attributes.value !== void 0)) for (const xe of Array.from(n.childNodes)) {
-      const we = Nn(xe, le);
+      const we = Dn(xe, le);
       we && U.childNodes.push(we);
     }
     if (qr(n) && n.shadowRoot)
       for (const xe of Array.from(n.shadowRoot.childNodes)) {
-        const we = Nn(xe, le);
+        const we = Dn(xe, le);
         we && (Wn(n.shadowRoot) && (we.isShadow = !0), U.childNodes.push(we));
       }
   }
   return n.parentNode && zn(n.parentNode) && Wn(n.parentNode) && (U.isShadow = !0), U.type === ve.Element && U.tagName === "iframe" && hl(n, () => {
     const le = n.contentDocument;
     if (le && A) {
-      const xe = Nn(le, {
+      const xe = Dn(le, {
         doc: le,
         mirror: t,
         blockClass: s,
@@ -24790,9 +24790,9 @@ function Nn(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" && Ns(U.attributes.href) === "css") && ml(n, () => {
+  }, _), 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, () => {
     if (T) {
-      const le = Nn(n, {
+      const le = Dn(n, {
         doc: i,
         mirror: t,
         blockClass: s,
@@ -24823,7 +24823,7 @@ function Nn(n, e) {
 }
 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 || {};
-  return Nn(n, {
+  return Dn(n, {
     doc: n,
     mirror: i,
     blockClass: t,
@@ -25125,7 +25125,7 @@ class Al {
         const p = zn(d.parentNode) ? this.mirror.getId(qs(d)) : this.mirror.getId(d.parentNode), v = s(d);
         if (p === -1 || v === -1)
           return t.addNode(d);
-        const g = Nn(d, {
+        const g = Dn(d, {
           doc: this.doc,
           mirror: this.mirror,
           blockClass: this.blockClass,
@@ -25271,7 +25271,7 @@ class Al {
               attributes: {},
               styleDiff: {},
               _unchangedStyles: {}
-            }, this.attributes.push(o), this.attributeMap.set(e.target, o)), t === "type" && i.tagName === "INPUT" && (e.oldValue || "").toLowerCase() === "password" && i.setAttribute("data-rr-is-password", "true"), !Hs(i.tagName, t) && (o.attributes[t] = Ds(this.doc, _n(i.tagName), _n(t), s), t === "style")) {
+            }, this.attributes.push(o), this.attributeMap.set(e.target, o)), t === "type" && i.tagName === "INPUT" && (e.oldValue || "").toLowerCase() === "password" && i.setAttribute("data-rr-is-password", "true"), !Hs(i.tagName, t) && (o.attributes[t] = Bs(this.doc, _n(i.tagName), _n(t), s), t === "style")) {
               if (!this.unattachedDoc)
                 try {
                   this.unattachedDoc = document.implementation.createHTMLDocument();
@@ -25546,7 +25546,7 @@ function Pl({ viewportResizeCb: n }, { win: e }) {
   return _e("resize", s, e);
 }
 const Il = ["INPUT", "TEXTAREA", "SELECT"], as = /* @__PURE__ */ new WeakMap();
-function Nl({ inputCb: n, doc: e, mirror: i, blockClass: t, blockSelector: s, ignoreClass: o, ignoreSelector: a, maskInputOptions: l, maskInputFn: d, sampling: p, userTriggeredOnInput: v }) {
+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);
     const T = A.isTrusted, I = _ && _.tagName;
@@ -25623,7 +25623,7 @@ function rn(n, e, i) {
     id: t
   }) : {};
 }
-function Bl({ styleSheetRuleCb: n, mirror: e, stylesheetManager: i }, { win: t }) {
+function Nl({ styleSheetRuleCb: n, mirror: e, stylesheetManager: i }, { win: t }) {
   if (!t.CSSStyleSheet || !t.CSSStyleSheet.prototype)
     return () => {
     };
@@ -25745,7 +25745,7 @@ function Ys({ mirror: n, stylesheetManager: e }, i) {
     });
   }));
 }
-function Dl({ styleDeclarationCb: n, mirror: e, ignoreCSSAttributes: i, stylesheetManager: t }, { win: s }) {
+function Bl({ styleDeclarationCb: n, mirror: e, ignoreCSSAttributes: i, stylesheetManager: t }, { win: s }) {
   const o = s.CSSStyleDeclaration.prototype.setProperty;
   s.CSSStyleDeclaration.prototype.setProperty = new Proxy(o, {
     apply: z((l, d, p) => {
@@ -25922,13 +25922,13 @@ function Kl(n, e = {}) {
   n.recordDOM && (t = Js(n, n.doc));
   const s = Tl(n), o = El(n), a = $s(n), l = Pl(n, {
     win: i
-  }), d = Nl(n), p = Hl(n);
+  }), d = Dl(n), p = Hl(n);
   let v = () => {
   }, g = () => {
   }, f = () => {
   }, y = () => {
   };
-  n.recordDOM && (v = Bl(n, { win: i }), g = Ys(n, n.doc), f = Dl(n, {
+  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 = [];
@@ -25986,7 +25986,7 @@ class rs {
 }
 class jl {
   constructor(e) {
-    this.iframes = /* @__PURE__ */ new WeakMap(), this.crossOriginIframeMap = /* @__PURE__ */ new WeakMap(), this.crossOriginIframeMirror = new rs(Bs), this.crossOriginIframeRootIdMap = /* @__PURE__ */ new WeakMap(), this.mutationCb = e.mutationCb, this.wrappedEmit = e.wrappedEmit, this.stylesheetManager = e.stylesheetManager, this.recordCrossOriginIframes = e.recordCrossOriginIframes, this.crossOriginIframeStyleMirror = new rs(this.stylesheetManager.styleMirror.generateId.bind(this.stylesheetManager.styleMirror)), this.mirror = e.mirror, this.recordCrossOriginIframes && window.addEventListener("message", this.handleMessage.bind(this));
+    this.iframes = /* @__PURE__ */ new WeakMap(), this.crossOriginIframeMap = /* @__PURE__ */ new WeakMap(), this.crossOriginIframeMirror = new rs(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));
   }
   addIframe(e) {
     this.iframes.set(e, !0), e.contentWindow && this.crossOriginIframeMap.set(e.contentWindow, e);
@@ -26213,13 +26213,13 @@ function ql(n, e, i, t) {
     p((t = t.apply(n, [])).next());
   });
 }
-var Bn = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/", zl = typeof Uint8Array > "u" ? [] : new Uint8Array(256);
-for (var bi = 0; bi < Bn.length; bi++)
-  zl[Bn.charCodeAt(bi)] = bi;
+var Nn = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/", zl = typeof Uint8Array > "u" ? [] : new Uint8Array(256);
+for (var bi = 0; bi < Nn.length; bi++)
+  zl[Nn.charCodeAt(bi)] = bi;
 var Wl = function(n) {
   var e = new Uint8Array(n), i, t = e.length, s = "";
   for (i = 0; i < t; i += 3)
-    s += Bn[e[i] >> 2], s += Bn[(e[i] & 3) << 4 | e[i + 1] >> 4], s += Bn[(e[i + 1] & 15) << 2 | e[i + 2] >> 6], s += Bn[e[i + 2] & 63];
+    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();
@@ -26774,48 +26774,48 @@ function si(n = {}) {
   } : y || {};
   Sl();
   let bn, on = 0;
-  const Te = (B) => {
+  const Te = (N) => {
     for (const de of U || [])
-      de.eventProcessor && (B = de.eventProcessor(B));
-    return M && !ze && (B = M(B)), B;
+      de.eventProcessor && (N = de.eventProcessor(N));
+    return M && !ze && (N = M(N)), N;
   };
-  re = (B, de) => {
+  re = (N, de) => {
     var Y;
-    if (!((Y = kn[0]) === null || Y === void 0) && Y.isFrozen() && B.type !== W.FullSnapshot && !(B.type === W.IncrementalSnapshot && B.data.source === q.Mutation) && kn.forEach((ue) => ue.unfreeze()), we)
-      e == null || e(Te(B), de);
+    if (!((Y = kn[0]) === null || Y === void 0) && Y.isFrozen() && N.type !== W.FullSnapshot && !(N.type === W.IncrementalSnapshot && N.data.source === q.Mutation) && kn.forEach((ue) => ue.unfreeze()), we)
+      e == null || e(Te(N), de);
     else if (ze) {
       const ue = {
         type: "rrweb",
-        event: Te(B),
+        event: Te(N),
         origin: window.location.origin,
         isCheckout: de
       };
       window.parent.postMessage(ue, "*");
     }
-    if (B.type === W.FullSnapshot)
-      bn = B, on = 0;
-    else if (B.type === W.IncrementalSnapshot) {
-      if (B.data.source === q.Mutation && B.data.isAttachIframe)
+    if (N.type === W.FullSnapshot)
+      bn = N, on = 0;
+    else if (N.type === W.IncrementalSnapshot) {
+      if (N.data.source === q.Mutation && N.data.isAttachIframe)
         return;
       on++;
-      const ue = t && on >= t, Pe = i && B.timestamp - bn.timestamp > i;
+      const ue = t && on >= t, Pe = i && N.timestamp - bn.timestamp > i;
       (ue || Pe) && Si(!0);
     }
   };
-  const Ze = (B) => {
+  const Ze = (N) => {
     re(me({
       type: W.IncrementalSnapshot,
-      data: Object.assign({ source: q.Mutation }, B)
+      data: Object.assign({ source: q.Mutation }, N)
     }));
-  }, fn = (B) => re(me({
+  }, fn = (N) => re(me({
     type: W.IncrementalSnapshot,
-    data: Object.assign({ source: q.Scroll }, B)
-  })), ae = (B) => re(me({
+    data: Object.assign({ source: q.Scroll }, N)
+  })), ae = (N) => re(me({
     type: W.IncrementalSnapshot,
-    data: Object.assign({ source: q.CanvasMutation }, B)
-  })), pe = (B) => re(me({
+    data: Object.assign({ source: q.CanvasMutation }, N)
+  })), pe = (N) => re(me({
     type: W.IncrementalSnapshot,
-    data: Object.assign({ source: q.AdoptedStyleSheet }, B)
+    data: Object.assign({ source: q.AdoptedStyleSheet }, N)
   })), Ie = new td({
     mutationCb: Ze,
     adoptedStyleSheetCb: pe
@@ -26826,8 +26826,8 @@ function si(n = {}) {
     recordCrossOriginIframes: G,
     wrappedEmit: re
   });
-  for (const B of U || [])
-    B.getMirror && B.getMirror({
+  for (const N of U || [])
+    N.getMirror && N.getMirror({
       nodeMirror: He,
       crossOriginIframeMirror: Ee.crossOriginIframeMirror,
       crossOriginIframeStyleMirror: Ee.crossOriginIframeStyleMirror
@@ -26868,7 +26868,7 @@ function si(n = {}) {
     },
     mirror: He
   });
-  Si = (B = !1) => {
+  Si = (N = !1) => {
     if (!I)
       return;
     re(me({
@@ -26878,7 +26878,7 @@ function si(n = {}) {
         width: Us(),
         height: Vs()
       }
-    }), B), Ie.reset(), je.init(), kn.forEach((Y) => Y.lock());
+    }), N), Ie.reset(), je.init(), kn.forEach((Y) => Y.lock());
     const de = yl(document, {
       mirror: He,
       blockClass: s,
@@ -26911,10 +26911,10 @@ function si(n = {}) {
         node: de,
         initialOffset: Os(window)
       }
-    }), B), kn.forEach((Y) => Y.unlock()), document.adoptedStyleSheets && document.adoptedStyleSheets.length > 0 && Ie.adoptStyleSheets(document.adoptedStyleSheets, He.getId(document));
+    }), N), kn.forEach((Y) => Y.unlock()), document.adoptedStyleSheets && document.adoptedStyleSheets.length > 0 && Ie.adoptStyleSheets(document.adoptedStyleSheets, He.getId(document));
   };
   try {
-    const B = [], de = (ue) => {
+    const N = [], de = (ue) => {
       var Pe;
       return z(Kl)({
         mutationCb: Ze,
@@ -27009,29 +27009,29 @@ function si(n = {}) {
     };
     Ee.addLoadListener((ue) => {
       try {
-        B.push(de(ue.contentDocument));
+        N.push(de(ue.contentDocument));
       } catch (Pe) {
         console.warn(Pe);
       }
     });
     const Y = () => {
-      Si(), B.push(de(document)), Ti = !0;
+      Si(), N.push(de(document)), Ti = !0;
     };
-    return document.readyState === "interactive" || document.readyState === "complete" ? Y() : (B.push(_e("DOMContentLoaded", () => {
+    return document.readyState === "interactive" || document.readyState === "complete" ? Y() : (N.push(_e("DOMContentLoaded", () => {
       re(me({
         type: W.DomContentLoaded,
         data: {}
       })), V === "DOMContentLoaded" && Y();
-    })), B.push(_e("load", () => {
+    })), N.push(_e("load", () => {
       re(me({
         type: W.Load,
         data: {}
       })), V === "load" && Y();
     }, window))), () => {
-      B.forEach((ue) => ue()), Ce.destroy(), Ti = !1, xl();
+      N.forEach((ue) => ue()), Ce.destroy(), Ti = !1, xl();
     };
-  } catch (B) {
-    console.warn(B);
+  } catch (N) {
+    console.warn(N);
   }
 }
 si.addCustomEvent = (n, e) => {
@@ -27901,10 +27901,10 @@ var bt = function(n) {
 }, hd = function() {
   var n = H.navigator.onLine;
   return m.isUndefined(n) || n;
-}, Ii = null, Ni = null;
-typeof JSON < "u" && (Ii = JSON.stringify, Ni = JSON.parse);
+}, Ii = null, Di = null;
+typeof JSON < "u" && (Ii = JSON.stringify, Di = JSON.parse);
 Ii = Ii || m.JSONEncode;
-Ni = Ni || m.JSONDecode;
+Di = Di || m.JSONDecode;
 m.toArray = m.toArray;
 m.isObject = m.isObject;
 m.JSONEncode = m.JSONEncode;
@@ -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 = Ni(n), m.isArray(n) || (this.reportError("Invalid storage entry:", n), n = null));
+    n = this.storage.getItem(this.storageKey), n && (n = Di(n), m.isArray(n) || (this.reportError("Invalid storage entry:", n), n = null));
   } catch (e) {
     this.reportError("Error retrieving queue", e), n = null;
   }
@@ -28743,7 +28743,7 @@ R.prototype.track_charge = R.prototype.track_charge;
 R.prototype.clear_charges = R.prototype.clear_charges;
 R.prototype.delete_user = R.prototype.delete_user;
 R.prototype.toString = R.prototype.toString;
-var Ct = "__mps", St = "__mpso", kt = "__mpus", wt = "__mpa", _t = "__mpap", Mt = "__mpr", At = "__mpu", lo = "$people_distinct_id", Bi = "__alias", ei = "__timers", Md = [
+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,
   St,
   kt,
@@ -28752,7 +28752,7 @@ var Ct = "__mps", St = "__mpso", kt = "__mpus", wt = "__mpa", _t = "__mpap", Mt
   Mt,
   At,
   lo,
-  Bi,
+  Ni,
   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";
@@ -28903,8 +28903,8 @@ var Lt, uo = function(n, e) {
 }, Se, co = 0, Ad = 1, Ld = function(n) {
   return n;
 }, ni = function() {
-}, Ne = "mixpanel", ho = "base64", xd = "json", xt = "$device:", Hn = H.XMLHttpRequest && "withCredentials" in new XMLHttpRequest(), mo = !Hn && Ge.indexOf("MSIE") === -1 && Ge.indexOf("Mozilla") === -1, Di = null;
-un.sendBeacon && (Di = 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() {
   return un.sendBeacon.apply(un, arguments);
 });
 var vo = {
@@ -28974,7 +28974,7 @@ var vo = {
   recorder_src: "https://cdn.mxpnl.com/libs/mixpanel-recorder.min.js"
 }, po = !1, L = function() {
 }, ht = function(n, e, i) {
-  var t, s = i === Ne ? Se : Se[i];
+  var t, s = i === De ? Se : Se[i];
   if (s && Lt === co)
     t = s;
   else {
@@ -28997,7 +28997,7 @@ L.prototype.init = function(n, e, i) {
     this.report_error("You must name your new library: init(token, config, name)");
     return;
   }
-  if (i === Ne) {
+  if (i === De) {
     this.report_error("You must initialize the main mixpanel object right after you include the Mixpanel js snippet");
     return;
   }
@@ -29014,7 +29014,7 @@ L.prototype._init = function(n, e, i) {
   if (this.set_config(m.extend({}, Ss, t, e, {
     name: i,
     token: n,
-    callback_fn: (i === Ne ? i : Ne + "." + i) + "._jsc"
+    callback_fn: (i === De ? i : De + "." + i) + "._jsc"
   })), this._jsc = ni, this.__dom_loaded_queue = [], this.__request_queue = [], this.__disabled_events = [], this._flags = {
     disable_all_events: !1,
     identify_called: !1
@@ -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(), Di && H.addEventListener) {
+    else if (this.init_batchers(), Bi && H.addEventListener) {
       var o = m.bind(function() {
         this.request_batchers.events.stopped || this.request_batchers.events.flush({ unloading: !0 });
       }, this);
@@ -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 = Di && l && i.transport.toLowerCase() === "sendbeacon", p = i.verbose;
+  var l = i.method === "POST", d = Bi && 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 = Di(n, a);
+      s = Bi(n, a);
     } catch (M) {
       v.report_error(M), s = !1;
     }
@@ -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(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", {
+  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", {
     distinct_id: n,
     $anon_distinct_id: d
   }, { skip_hooks: !0 });
@@ -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(Bi, n), this.track("$create_alias", {
+  return m.isUndefined(e) && (e = this.get_distinct_id()), n !== e ? (this._register_single(Ni, n), this.track("$create_alias", {
     alias: n,
     distinct_id: e
   }, {
@@ -29497,7 +29497,7 @@ L.prototype.get_property = function(n) {
 };
 L.prototype.toString = function() {
   var n = this.get_config("name");
-  return n !== Ne && (n = Ne + "." + n), n;
+  return n !== De && (n = De + "." + n), n;
 };
 L.prototype._event_is_disabled = function(n) {
   return m.isBlockedUA(Ge) || this._flags.disable_all_events || m.include(this.__disabled_events, n);
@@ -29616,20 +29616,20 @@ F.prototype.update_search_keyword = F.prototype.update_search_keyword;
 F.prototype.update_referrer_info = F.prototype.update_referrer_info;
 F.prototype.get_cross_subdomain = F.prototype.get_cross_subdomain;
 F.prototype.clear = F.prototype.clear;
-var Dn = {}, Ed = function() {
-  m.each(Dn, function(n, e) {
-    e !== Ne && (Se[e] = n);
+var Bn = {}, Ed = function() {
+  m.each(Bn, function(n, e) {
+    e !== De && (Se[e] = n);
   }), Se._ = m;
 }, Pd = function() {
   Se.init = function(n, e, i) {
     if (i)
-      return Se[i] || (Se[i] = Dn[i] = ht(n, e, i), Se[i]._loaded()), Se[i];
+      return Se[i] || (Se[i] = Bn[i] = ht(n, e, i), Se[i]._loaded()), Se[i];
     var t = Se;
-    Dn[Ne] ? t = Dn[Ne] : n && (t = ht(n, e, Ne), t._loaded(), Dn[Ne] = t), Se = t, Lt === Ad && (H[Ne] = Se), Ed();
+    Bn[De] ? t = Bn[De] : n && (t = ht(n, e, De), t._loaded(), Bn[De] = t), Se = t, Lt === Ad && (H[De] = Se), Ed();
   };
 }, Id = function() {
   function n() {
-    n.done || (n.done = !0, po = !0, mo = !1, m.each(Dn, function(t) {
+    n.done || (n.done = !0, po = !0, mo = !1, m.each(Bn, function(t) {
       t._dom_loaded();
     }));
   }
@@ -29655,13 +29655,13 @@ var Dn = {}, Ed = function() {
   }
   m.register_event(H, "load", n, !0);
 };
-function Nd(n) {
+function Dd(n) {
   return uo = n, Lt = co, Se = new L(), Pd(), Se.init(), Id(), Se;
 }
-function Bd(n, e) {
+function Nd(n, e) {
   e();
 }
-var P = Nd(Bd);
+var P = Dd(Nd);
 const bo = `<div id="checkoutConfirmationEnd">
     <div class="w-full">
         <div id="otp-content" class=" grid gap-4">
@@ -29719,7 +29719,7 @@ class fo {
     return bo;
   }
 }
-const Dd = `<div id="confirmationProgress">
+const Bd = `<div id="confirmationProgress">
     <div class="min-h-[20dvh]">
       <div>
         <div class="grid grid-rows-[auto_1fr] gap-4 mx-5">
@@ -29835,7 +29835,7 @@ class Hd {
     this.container.innerHTML = this.render(), this.attachListeners();
   }
   render() {
-    return Dd;
+    return Bd;
   }
 }
 class Rd {
@@ -29843,7 +29843,7 @@ class Rd {
     amount: e,
     totalAmount: i,
     container: t,
-    email: s,
+    customer: s,
     encryption: o,
     planId: a,
     // switchTab,
@@ -29875,7 +29875,7 @@ class Rd {
     h(this, "container");
     h(this, "onSuccess");
     h(this, "planId", "");
-    h(this, "email");
+    h(this, "customer");
     h(this, "token");
     h(this, "amount");
     h(this, "totalAmount");
@@ -29901,7 +29901,7 @@ class Rd {
     h(this, "retryingPayment");
     h(this, "isMaxRetriesReached");
     h(this, "isMobile", !1);
-    this.currency = d, this.onSuccess = f || (() => null), this.container = t, this.encryption = o, this.token = l, this.email = s, this.planId = a, this.amount = e, this.totalAmount = i, this.rdtCode = p, this.url = v, this.reference = g, this.callBackUrl = y, this.metadata = k, this.localCurrency = C, this._currentStep = 1, this.activeRef = "", this.contents = this.container.querySelector(
+    this.currency = d, this.onSuccess = f || (() => null), this.container = t, this.encryption = o, this.token = l, this.customer = s, this.planId = a, this.amount = e, this.totalAmount = i, this.rdtCode = p, this.url = v, this.reference = g, this.callBackUrl = y, this.metadata = k, this.localCurrency = C, this._currentStep = 1, this.activeRef = "", this.contents = this.container.querySelector(
       "#payment-content-view"
     ), this.cardResponse = {}, this.cardResponseHeader = {}, this.hidePaymentMethods = w, this.showPaymentMethods = M, this.onClose = A, this.restartTransactionProcess = _, this.retryingPayment = T, this.isMaxRetriesReached = !1, this.renderCardContent(), P.track("card_opens", {
       payment_method: "Card"
@@ -29944,9 +29944,7 @@ class Rd {
           channel: "card",
           currency: this.currency || "USD",
           planId: this.planId,
-          customer: {
-            email: this.email
-          },
+          customer: this.customer,
           reference: this.reference,
           encryptedCard: o,
           callBackUrl: this.callBackUrl,
@@ -30073,7 +30071,7 @@ class Rd {
     }
   }
   showLoader() {
-    this.pageLoader = new Be(this.contents), this.pageLoader.mountLoader();
+    this.pageLoader = new Ne(this.contents), this.pageLoader.mountLoader();
   }
   pinErrorStates(e, i, t) {
     const s = this.container.querySelector("#pin-error");
@@ -30335,7 +30333,7 @@ class Rd {
           }), this.cardPinForm.renderComponent();
           break;
         case 3:
-          this.cardOtpValidationForm = new Dr({
+          this.cardOtpValidationForm = new Br({
             container: this.contents,
             onClose: this.onClose,
             onAction: (a) => (l) => this.submitOtp.bind(this)(a, l),
@@ -30359,7 +30357,7 @@ class Rd {
           }), this.successScreen.renderComponent();
           break;
         case 6:
-          this.pageLoader = new Be(this.contents), this.pageLoader.mountLoader(), this.pageLoader.updateMessage("Verifying Payment");
+          this.pageLoader = new Ne(this.contents), this.pageLoader.mountLoader(), this.pageLoader.updateMessage("Verifying Payment");
           break;
         case 7:
           this.avsForm = new Kr({
@@ -30859,14 +30857,14 @@ var go = { exports: {} };
                 S.loading[r].push(b);
               else {
                 S.loading[r] = [b];
-                var x = O.createScriptRequest(S.getPath(r, u)), E = S.receivers.create(function(N) {
+                var x = O.createScriptRequest(S.getPath(r, u)), E = S.receivers.create(function(D) {
                   if (S.receivers.remove(E), S.loading[r]) {
-                    var D = S.loading[r];
+                    var B = S.loading[r];
                     delete S.loading[r];
                     for (var Z = function(ce) {
                       ce || x.cleanup();
-                    }, Q = 0; Q < D.length; Q++)
-                      D[Q](N, Z);
+                    }, Q = 0; Q < B.length; Q++)
+                      B[Q](D, Z);
                   }
                 });
                 x.send(E);
@@ -30968,31 +30966,31 @@ var go = { exports: {} };
             for (var E in u.headers)
               x.setRequestHeader(E, u.headers[E]);
             if (u.headersProvider != null) {
-              let N = u.headersProvider();
-              for (var E in N)
-                x.setRequestHeader(E, N[E]);
+              let D = u.headersProvider();
+              for (var E in D)
+                x.setRequestHeader(E, D[E]);
             }
             return x.onreadystatechange = function() {
               if (x.readyState === 4)
                 if (x.status === 200) {
-                  let N, D = !1;
+                  let D, B = !1;
                   try {
-                    N = JSON.parse(x.responseText), D = !0;
+                    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);
                   }
-                  D && S(null, N);
+                  B && S(null, D);
                 } else {
-                  let N = "";
+                  let D = "";
                   switch (b) {
                     case C.UserAuthentication:
-                      N = k.buildLogSuffix("authenticationEndpoint");
+                      D = k.buildLogSuffix("authenticationEndpoint");
                       break;
                     case C.ChannelAuthorization:
-                      N = `Clients must be authorized to join private or presence channels. ${k.buildLogSuffix("authorizationEndpoint")}`;
+                      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}. ${N}`), null);
+                  S(new V(x.status, `Unable to retrieve auth string from ${b.toString()} endpoint - received status: ${x.status} from ${u.endpoint}. ${D}`), null);
                 }
             }, x.send(r), x;
           };
@@ -31097,7 +31095,7 @@ var go = { exports: {} };
               r.push(b);
             }), r;
           }
-          function B(c) {
+          function N(c) {
             var r = [];
             return Ce(c, function(u) {
               r.push(u);
@@ -31164,7 +31162,7 @@ var go = { exports: {} };
           function di(c) {
             var r = [], u = [];
             return function b(S, x) {
-              var E, N, D;
+              var E, D, B;
               switch (typeof S) {
                 case "object":
                   if (!S)
@@ -31173,14 +31171,14 @@ var go = { exports: {} };
                     if (r[E] === S)
                       return { $ref: u[E] };
                   if (r.push(S), u.push(x), Object.prototype.toString.apply(S) === "[object Array]")
-                    for (D = [], E = 0; E < S.length; E += 1)
-                      D[E] = b(S[E], x + "[" + E + "]");
+                    for (B = [], E = 0; E < S.length; E += 1)
+                      B[E] = b(S[E], x + "[" + E + "]");
                   else {
-                    D = {};
-                    for (N in S)
-                      Object.prototype.hasOwnProperty.call(S, N) && (D[N] = b(S[N], x + "[" + JSON.stringify(N) + "]"));
+                    B = {};
+                    for (D in S)
+                      Object.prototype.hasOwnProperty.call(S, D) && (B[D] = b(S[D], x + "[" + JSON.stringify(D) + "]"));
                   }
-                  return D;
+                  return B;
                 case "number":
                 case "string":
                 case "boolean":
@@ -31225,14 +31223,14 @@ var go = { exports: {} };
             (u.headers !== void 0 || u.headersProvider != null) && oe.warn(`To send headers with the ${b.toString()} request, you must use AJAX, rather than JSONP.`);
             var x = c.nextAuthCallbackID.toString();
             c.nextAuthCallbackID++;
-            var E = c.getDocument(), N = E.createElement("script");
+            var E = c.getDocument(), D = E.createElement("script");
             c.auth_callbacks[x] = function(Q) {
               S(null, Q);
             };
-            var D = "Pusher.auth_callbacks['" + x + "']";
-            N.src = u.endpoint + "?callback=" + encodeURIComponent(D) + "&" + r;
+            var B = "Pusher.auth_callbacks['" + x + "']";
+            D.src = u.endpoint + "?callback=" + encodeURIComponent(B) + "&" + r;
             var Z = E.getElementsByTagName("head")[0] || E.documentElement;
-            Z.insertBefore(N, Z.firstChild);
+            Z.insertBefore(D, Z.firstChild);
           }, wo = ko;
           class _o {
             constructor(r) {
@@ -31270,10 +31268,10 @@ var go = { exports: {} };
           }
           var Ao = function(c, r) {
             return function(u, b) {
-              var S = "http" + (r ? "s" : "") + "://", x = S + (c.host || c.options.host) + c.options.path, E = O.createJSONPRequest(x, u), N = O.ScriptReceivers.create(function(D, Z) {
-                a.remove(N), E.cleanup(), Z && Z.host && (c.host = Z.host), b && b(D, Z);
+              var S = "http" + (r ? "s" : "") + "://", x = S + (c.host || c.options.host) + c.options.path, E = O.createJSONPRequest(x, u), D = O.ScriptReceivers.create(function(B, Z) {
+                a.remove(D), E.cleanup(), Z && Z.host && (c.host = Z.host), b && b(B, Z);
               });
-              E.send(N);
+              E.send(D);
             };
           }, Lo = {
             name: "jsonp",
@@ -31373,7 +31371,7 @@ var go = { exports: {} };
               return this;
             }
           }
-          class No extends Je {
+          class Do extends Je {
             constructor(r, u, b, S, x) {
               super(), this.initialize = O.transportConnectionInitializer, this.hooks = r, this.name = u, this.priority = b, this.key = S, this.options = x, this.state = "new", this.timeline = x.timeline, this.activityTimeout = x.activityTimeout, this.id = this.timeline.generateUniqueID();
             }
@@ -31460,10 +31458,10 @@ var go = { exports: {} };
               return this.hooks.isSupported(r);
             }
             createConnection(r, u, b, S) {
-              return new No(this.hooks, r, u, b, S);
+              return new Do(this.hooks, r, u, b, S);
             }
           }
-          var Bo = new xn({
+          var No = new xn({
             urls: To,
             handlesActivityChecks: !1,
             supportsPing: !1,
@@ -31487,17 +31485,17 @@ var go = { exports: {} };
             getSocket: function(c) {
               return O.HTTPFactory.createStreamingSocket(c);
             }
-          }, Pt), Nt = pe({
+          }, Pt), Dt = pe({
             getSocket: function(c) {
               return O.HTTPFactory.createPollingSocket(c);
             }
-          }, Pt), Bt = {
+          }, Pt), Nt = {
             isSupported: function() {
               return O.isXHRSupported();
             }
-          }, Do = new xn(pe({}, It, Bt)), Ho = new xn(pe({}, Nt, Bt)), Ro = {
-            ws: Bo,
-            xhr_streaming: Do,
+          }, Bo = new xn(pe({}, It, Nt)), Ho = new xn(pe({}, Dt, Nt)), Ro = {
+            ws: No,
+            xhr_streaming: Bo,
             xhr_polling: Ho
           }, ui = Ro, Oo = new xn({
             file: "sockjs",
@@ -31523,12 +31521,12 @@ var go = { exports: {} };
                 path: r
               }));
             }
-          }), Dt = {
+          }), Bt = {
             isSupported: function(c) {
               var r = O.isXDRSupported(c.useTLS);
               return r;
             }
-          }, Vo = new xn(pe({}, It, Dt)), Uo = new xn(pe({}, Nt, Dt));
+          }, Vo = new xn(pe({}, It, Bt)), Uo = new xn(pe({}, Dt, Bt));
           ui.xdr_streaming = Vo, ui.xdr_polling = Uo, ui.sockjs = Oo;
           var Ko = ui;
           class jo extends Je {
@@ -31554,17 +31552,17 @@ var go = { exports: {} };
               S = pe({}, S, {
                 activityTimeout: this.pingDelay
               });
-              var x = this.transport.createConnection(r, u, b, S), E = null, N = function() {
-                x.unbind("open", N), x.bind("closed", D), E = ae.now();
-              }, D = (Z) => {
-                if (x.unbind("closed", D), Z.code === 1002 || Z.code === 1003)
+              var x = this.transport.createConnection(r, u, b, S), E = null, D = function() {
+                x.unbind("open", D), x.bind("closed", B), E = ae.now();
+              }, B = (Z) => {
+                if (x.unbind("closed", B), Z.code === 1002 || Z.code === 1003)
                   this.manager.reportDeath();
                 else if (!Z.wasClean && E) {
                   var Q = ae.now() - E;
                   Q < 2 * this.maxPingDelay && (this.manager.reportDeath(), this.pingDelay = Math.max(Q / 2, this.minPingDelay));
                 }
               };
-              return x.bind("open", N), x;
+              return x.bind("open", D), x;
             }
             isSupported(r) {
               return this.manager.isAlive() && this.transport.isSupported(r);
@@ -31850,14 +31848,14 @@ var go = { exports: {} };
               });
             }
             return new (u || (u = Promise))(function(x, E) {
-              function N(Q) {
+              function D(Q) {
                 try {
                   Z(b.next(Q));
                 } catch (ce) {
                   E(ce);
                 }
               }
-              function D(Q) {
+              function B(Q) {
                 try {
                   Z(b.throw(Q));
                 } catch (ce) {
@@ -31865,7 +31863,7 @@ var go = { exports: {} };
                 }
               }
               function Z(Q) {
-                Q.done ? x(Q.value) : S(Q.value).then(N, D);
+                Q.done ? x(Q.value) : S(Q.value).then(D, B);
               }
               Z((b = b.apply(c, r || [])).next());
             });
@@ -31976,9 +31974,9 @@ var go = { exports: {} };
               }
               let x = this.nacl.secretbox.open(b, S, this.key);
               if (x === null) {
-                oe.debug("Failed to decrypt an event, probably because it was encrypted with a different key. Fetching a new key from the authEndpoint..."), this.authorize(this.pusher.connection.socket_id, (E, N) => {
+                oe.debug("Failed to decrypt an event, probably because it was encrypted with a different key. Fetching a new key from the authEndpoint..."), this.authorize(this.pusher.connection.socket_id, (E, D) => {
                   if (E) {
-                    oe.error(`Failed to make a request to the authEndpoint: ${N}. Unable to fetch new key, so dropping encrypted event`);
+                    oe.error(`Failed to make a request to the authEndpoint: ${D}. Unable to fetch new key, so dropping encrypted event`);
                     return;
                   }
                   if (x = this.nacl.secretbox.open(b, S, this.key), x === null) {
@@ -32164,7 +32162,7 @@ var go = { exports: {} };
               return this.channels[r] || (this.channels[r] = na(r, u)), this.channels[r];
             }
             all() {
-              return B(this.channels);
+              return N(this.channels);
             }
             find(r) {
               return this.channels[r];
@@ -32249,15 +32247,15 @@ var go = { exports: {} };
               return jn(this.strategies, ae.method("isSupported"));
             }
             connect(r, u) {
-              var b = this.strategies, S = 0, x = this.timeout, E = null, N = (D, Z) => {
-                Z ? u(null, Z) : (S = S + 1, this.loop && (S = S % b.length), S < b.length ? (x && (x = x * 2, this.timeoutLimit && (x = Math.min(x, this.timeoutLimit))), E = this.tryStrategy(b[S], r, { timeout: x, failFast: this.failFast }, N)) : u(!0));
+              var b = this.strategies, S = 0, x = this.timeout, E = null, D = (B, Z) => {
+                Z ? u(null, Z) : (S = S + 1, this.loop && (S = S % b.length), S < b.length ? (x && (x = x * 2, this.timeoutLimit && (x = Math.min(x, this.timeoutLimit))), E = this.tryStrategy(b[S], r, { timeout: x, failFast: this.failFast }, D)) : u(!0));
               };
-              return E = this.tryStrategy(b[S], r, { timeout: x, failFast: this.failFast }, N), {
+              return E = this.tryStrategy(b[S], r, { timeout: x, failFast: this.failFast }, D), {
                 abort: function() {
                   E.abort();
                 },
-                forceMinPriority: function(D) {
-                  r = D, E && E.forceMinPriority(D);
+                forceMinPriority: function(B) {
+                  r = B, E && E.forceMinPriority(B);
                 }
               };
             }
@@ -32265,14 +32263,14 @@ var go = { exports: {} };
               var x = null, E = null;
               return b.timeout > 0 && (x = new Te(b.timeout, function() {
                 E.abort(), S(!0);
-              })), E = r.connect(u, function(N, D) {
-                N && x && x.isRunning() && !b.failFast || (x && x.ensureAborted(), S(N, D));
+              })), E = r.connect(u, function(D, B) {
+                D && x && x.isRunning() && !b.failFast || (x && x.ensureAborted(), S(D, B));
               }), {
                 abort: function() {
                   x && x.ensureAborted(), E.abort();
                 },
-                forceMinPriority: function(N) {
-                  E.forceMinPriority(N);
+                forceMinPriority: function(D) {
+                  E.forceMinPriority(D);
                 }
               };
             }
@@ -32291,16 +32289,16 @@ var go = { exports: {} };
                     sa(S) && u(!0);
                     return;
                   }
-                  de(S, function(N) {
-                    N.forceMinPriority(E.transport.priority);
+                  de(S, function(D) {
+                    D.forceMinPriority(E.transport.priority);
                   }), u(null, E);
                 };
               });
             }
           }
           function ta(c, r, u) {
-            var b = Y(c, function(S, x, E, N) {
-              return S.connect(r, u(x, N));
+            var b = Y(c, function(S, x, E, D) {
+              return S.connect(r, u(x, D));
             });
             return {
               abort: function() {
@@ -32331,18 +32329,18 @@ var go = { exports: {} };
             connect(r, u) {
               var b = this.usingTLS, S = ra(b), x = S && S.cacheSkipCount ? S.cacheSkipCount : 0, E = [this.strategy];
               if (S && S.timestamp + this.ttl >= ae.now()) {
-                var N = this.transports[S.transport];
-                N && (["ws", "wss"].includes(S.transport) || x > 3 ? (this.timeline.info({
+                var D = this.transports[S.transport];
+                D && (["ws", "wss"].includes(S.transport) || x > 3 ? (this.timeline.info({
                   cached: !0,
                   transport: S.transport,
                   latency: S.latency
-                }), E.push(new Cn([N], {
+                }), E.push(new Cn([D], {
                   timeout: S.latency * 2 + 1e3,
                   failFast: !0
                 }))) : x++);
               }
-              var D = ae.now(), Z = E.pop().connect(r, function Q(ce, mi) {
-                ce ? (Ot(b), E.length > 0 ? (D = ae.now(), Z = E.pop().connect(r, Q)) : u(ce)) : (la(b, mi.transport.name, ae.now() - D, x), u(null, mi));
+              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));
               });
               return {
                 abort: function() {
@@ -32455,11 +32453,11 @@ var go = { exports: {} };
               httpPath: c.wsPath
             }), E = Object.assign({}, x, {
               useTLS: !0
-            }), N = Object.assign({}, r, {
+            }), D = Object.assign({}, r, {
               hostNonTLS: c.httpHost + ":" + c.httpPort,
               hostTLS: c.httpHost + ":" + c.httpsPort,
               httpPath: c.httpPath
-            }), D = {
+            }), B = {
               loop: !0,
               timeout: 15e3,
               timeoutLimit: 6e4
@@ -32470,16 +32468,16 @@ var go = { exports: {} };
               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, N), Ft = S("xhr_streaming", "xhr_streaming", 1, N, Q), or = S("xdr_streaming", "xdr_streaming", 1, N, Q), Gt = S("xhr_polling", "xhr_polling", 1, N), ar = S("xdr_polling", "xdr_polling", 1, N), qt = new Cn([ce], D), rr = new Cn([mi], D), lr = new Cn([sr], D), zt = new Cn([
+            }), 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)
-            ], D), Wt = new Cn([
+            ], B), Wt = new Cn([
               new Gn(qn(Gt), Gt, ar)
-            ], D), Zt = new Cn([
+            ], B), Zt = new Cn([
               new Gn(qn(zt), new Ji([
                 zt,
                 new ci(Wt, { delay: 4e3 })
               ]), Wt)
-            ], D), et = new Gn(qn(Zt), Zt, lr), nt;
+            ], B), et = new Gn(qn(Zt), Zt, lr), nt;
             return r.useTLS ? nt = new Ji([
               qt,
               new ci(et, { delay: 2e3 })
@@ -32829,7 +32827,7 @@ var go = { exports: {} };
             c[c.ERROR = 3] = "ERROR", c[c.INFO = 6] = "INFO", c[c.DEBUG = 7] = "DEBUG";
           })(Qi || (Qi = {}));
           var hi = Qi;
-          class Na {
+          class Da {
             constructor(r, u, b) {
               this.key = r, this.session = u, this.events = [], this.options = b || {}, this.sent = 0, this.uniqueID = 0;
             }
@@ -32867,7 +32865,7 @@ var go = { exports: {} };
               return this.uniqueID++, this.uniqueID;
             }
           }
-          class Ba {
+          class Na {
             constructor(r, u, b, S) {
               this.name = r, this.priority = u, this.transport = b, this.options = S || {};
             }
@@ -32883,20 +32881,20 @@ var go = { exports: {} };
               } else return jt(new G(), u);
               var b = !1, S = this.transport.createConnection(this.name, this.priority, this.options.key, this.options), x = null, E = function() {
                 S.unbind("initialized", E), S.connect();
-              }, N = function() {
+              }, D = function() {
                 x = $e.createHandshake(S, function(ce) {
                   b = !0, Q(), u(null, ce);
                 });
-              }, D = function(ce) {
+              }, B = function(ce) {
                 Q(), u(ce);
               }, Z = function() {
                 Q();
                 var ce;
                 ce = gn(S), u(new T(ce));
               }, Q = function() {
-                S.unbind("initialized", E), S.unbind("open", N), S.unbind("error", D), S.unbind("closed", Z);
+                S.unbind("initialized", E), S.unbind("open", D), S.unbind("error", B), S.unbind("closed", Z);
               };
-              return S.bind("initialized", E), S.bind("open", N), S.bind("error", D), S.bind("closed", Z), S.initialize(), {
+              return S.bind("initialized", E), S.bind("open", D), S.bind("error", B), S.bind("closed", Z), S.initialize(), {
                 abort: () => {
                   b || (Q(), x ? x.close() : S.close());
                 },
@@ -32916,13 +32914,13 @@ var go = { exports: {} };
               }
             };
           }
-          const { Transports: Da } = O;
+          const { Transports: Ba } = O;
           var Ha = function(c, r, u, b, S, x) {
-            var E = Da[u];
+            var E = Ba[u];
             if (!E)
               throw new K(u);
-            var N = (!c.enabledTransports || Ee(c.enabledTransports, r) !== -1) && (!c.disabledTransports || Ee(c.disabledTransports, r) === -1), D;
-            return N ? (S = Object.assign({ ignoreNullOrigin: c.ignoreNullOrigin }, S), D = new Ba(r, b, x ? x.getAssistant(E) : E, S)) : D = Ra, D;
+            var D = (!c.enabledTransports || Ee(c.enabledTransports, r) !== -1) && (!c.disabledTransports || Ee(c.disabledTransports, r) === -1), B;
+            return D ? (S = Object.assign({ ignoreNullOrigin: c.ignoreNullOrigin }, S), B = new Na(r, b, x ? x.getAssistant(E) : E, S)) : B = Ra, B;
           }, Ra = {
             isSupported: function() {
               return !1;
@@ -33152,7 +33150,7 @@ var go = { exports: {} };
               }));
             }
             constructor(r, u) {
-              tr(r), Oa(u), this.key = r, this.config = Ga(u, this), this.channels = $e.createChannels(), this.global_emitter = new Je(), this.sessionID = O.randomInt(1e9), this.timeline = new Na(this.key, this.sessionID, {
+              tr(r), Oa(u), this.key = r, this.config = Ga(u, this), this.channels = $e.createChannels(), this.global_emitter = new Je(), this.sessionID = O.randomInt(1e9), this.timeline = new Da(this.key, this.sessionID, {
                 cluster: this.config.cluster,
                 features: ye.getClientFeatures(),
                 params: this.config.timelineParams || {},
@@ -33176,8 +33174,8 @@ var go = { exports: {} };
               }), this.connection.bind("message", (S) => {
                 var x = S.event, E = x.indexOf("pusher_internal:") === 0;
                 if (S.channel) {
-                  var N = this.channel(S.channel);
-                  N && N.handleEvent(S);
+                  var D = this.channel(S.channel);
+                  D && D.handleEvent(S);
                 }
                 E || this.global_emitter.emit(S.event, S.data);
               }), this.connection.bind("connecting", () => {
@@ -33573,7 +33571,7 @@ class zd {
     totalAmount: i,
     closeModal: t,
     container: s,
-    email: o,
+    customer: o,
     token: a,
     currency: l,
     rdtCode: d,
@@ -33590,7 +33588,7 @@ class zd {
     h(this, "container");
     h(this, "contents");
     h(this, "closeModal");
-    h(this, "email");
+    h(this, "customer");
     h(this, "transferDetails");
     h(this, "transferConfirmationProgress");
     h(this, "transferConfirmationEnd");
@@ -33624,7 +33622,7 @@ class zd {
     h(this, "isMobile", !1);
     this.currency = l, this.container = s, this.contents = this.container.querySelector(
       "#payment-content-view"
-    ), this.closeModal = t, this.token = a, this.email = o, this.amount = e, this.totalAmount = i, this.rdtCode = d, this.url = p, this.reference = v, this._currentStep = 1, this.callBackUrl = g, this.metadata = f, this.localCurrency = y, this.disablePaymentMethods = k, this.paymentResponse = {}, this.paymentResponseHeaders = {}, this.restartTransactionProcess = C, this.hidePaymentMethods = w, this.retryingPayment = M, this.isMaxRetriesReached = !1, this.renderTransferContent(), this.paymentResponse = {}, this.activeRef = "", this.timerId = null, this.mainLoader = new Be(this.contents), this.mainLoader.mountLoader("25dvh"), this.currentStep === 1 && (this.abortController = new AbortController(), this.createTransfer()), this.isMobile = window.matchMedia("(max-width: 767px)").matches;
+    ), this.closeModal = t, this.token = a, this.customer = o, this.amount = e, this.totalAmount = i, this.rdtCode = d, this.url = p, this.reference = v, this._currentStep = 1, this.callBackUrl = g, this.metadata = f, this.localCurrency = y, this.disablePaymentMethods = k, this.paymentResponse = {}, this.paymentResponseHeaders = {}, this.restartTransactionProcess = C, this.hidePaymentMethods = w, this.retryingPayment = M, this.isMaxRetriesReached = !1, this.renderTransferContent(), this.paymentResponse = {}, this.activeRef = "", this.timerId = null, this.mainLoader = new Ne(this.contents), this.mainLoader.mountLoader("25dvh"), this.currentStep === 1 && (this.abortController = new AbortController(), this.createTransfer()), this.isMobile = window.matchMedia("(max-width: 767px)").matches;
   }
   get currentStep() {
     return this._currentStep;
@@ -33664,7 +33662,7 @@ class zd {
   async createTransfer() {
     requestAnimationFrame(() => {
       const e = this.container.querySelector("#loader"), i = this.container.querySelector("#details-content");
-      i && (this.mainLoader = new Be(this.contents), this.mainLoader.mountLoader("25dvh"), i.classList.add("hidden")), P.track("start_payment", {
+      i && (this.mainLoader = new Ne(this.contents), this.mainLoader.mountLoader("25dvh"), i.classList.add("hidden")), P.track("start_payment", {
         payment_method: "Transfer"
       }), (() => {
         var s, o;
@@ -33684,9 +33682,7 @@ class zd {
             amount: this.amount,
             channel: "bank_transfer",
             currency: this.currency,
-            customer: {
-              email: this.email
-            },
+            customer: this.customer,
             reference: this.reference,
             callBackUrl: this.callBackUrl,
             metadata: this.metadata,
@@ -34239,7 +34235,7 @@ class Yd {
     h(this, "amount");
     h(this, "ussd_detail");
     h(this, "reference");
-    h(this, "email");
+    h(this, "customer");
     // private abortController!: AbortController;
     h(this, "activeRef", "");
     h(this, "pageLoader");
@@ -34251,7 +34247,7 @@ class Yd {
       token: this.secret,
       rdtCode: e.rdtCode,
       url: e.url
-    }), this.currency = e.currency, this.amount = e.amount || 0, this.email = e.email, this.reference = e.reference, this.callBackUrl = e.callBackUrl, this.metadata = e.metadata, this.localCurrency = e.localCurrency, this.onError = e.onError ?? (() => null), this.pageLoader = new Be(this.container), this.pageLoader.mountLoader("25dvh"), this.pageLoader.updateMessage("Fetching selected bank code detail");
+    }), this.currency = e.currency, this.amount = e.amount || 0, this.customer = e.customer, this.reference = e.reference, this.callBackUrl = e.callBackUrl, this.metadata = e.metadata, this.localCurrency = e.localCurrency, this.onError = e.onError ?? (() => null), this.pageLoader = new Ne(this.container), this.pageLoader.mountLoader("25dvh"), this.pageLoader.updateMessage("Fetching selected bank code detail");
   }
   makePayment() {
     var e;
@@ -34261,9 +34257,7 @@ class Yd {
       amount: this.amount,
       currency: this.currency,
       channel: "ussd",
-      customer: {
-        email: this.email
-      },
+      customer: this.customer,
       bank: {
         code: ((e = this.selected) == null ? void 0 : e.code) || ""
       },
@@ -34363,7 +34357,7 @@ class Co {
     amount: s,
     totalAmount: o,
     currency: a,
-    email: l,
+    customer: l,
     reference: d,
     rdtCode: p,
     url: v,
@@ -34383,7 +34377,7 @@ class Co {
     h(this, "amount");
     h(this, "totalAmount");
     h(this, "currency");
-    h(this, "email");
+    h(this, "customer");
     h(this, "pageLoader");
     h(this, "reference");
     h(this, "onSuccess");
@@ -34408,7 +34402,7 @@ class Co {
     h(this, "hidePaymentMethods");
     h(this, "showPaymentMethods");
     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.email = 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(
+    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({
       token: this.secret,
@@ -34486,7 +34480,7 @@ class Co {
           amount: this.amount,
           totalAmount: this.totalAmount,
           currency: this.currency,
-          email: this.email || "",
+          customer: this.customer,
           onError: (t) => {
             this.currentStep = 3, this.warningScreen.setPaymentError(t);
           },
@@ -34505,7 +34499,7 @@ class Co {
         });
         break;
       case 4:
-        this.pageLoader = new Be(this.contents), this.pageLoader.mountLoader("25vh"), this.pageLoader.updateMessage(
+        this.pageLoader = new Ne(this.contents), this.pageLoader.mountLoader("25vh"), this.pageLoader.updateMessage(
           "We are confirming transaction status. This might take a few seconds.",
           "Please do not refresh this page"
         );
@@ -34736,7 +34730,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, B, de, Y, ue, Pe, J, an, jn, ai, ri, li, di, gn;
+    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;
     this.container.innerHTML = this.render(), this.amount = this.amount;
     const e = this.container.querySelector(
       "#merchant-logo-container"
@@ -34783,7 +34777,7 @@ class su {
     )} `) : d.innerHTML = ""), p && (this.currency === "USD" ? g && (g.innerHTML = `1 ${((ae = (fn = this.merchantDetail) == null ? void 0 : fn.rate) == null ? void 0 : ae.to) || "-"} = ${((Ie = (pe = this.merchantDetail) == null ? void 0 : pe.rate) == null ? void 0 : Ie.from) || "-"} ${Le(
       ((Ee = this.merchantDetail.rate) == null ? void 0 : Ee.rate) || 1,
       2
-    )} `) : p.innerHTML = ""), (je = (Ce = this.merchantDetail) == null ? void 0 : Ce.plan) != null && je.title || (B = this.metadata) != null && B.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());
+    )} `) : 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];
@@ -34865,7 +34859,7 @@ class su {
 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> -->
+    <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>
@@ -35743,7 +35737,7 @@ class pu {
     reference: l,
     onSuccess: d,
     url: p,
-    email: v,
+    customer: v,
     amount: g,
     totalAmount: f,
     token: y,
@@ -35768,7 +35762,7 @@ class pu {
     h(this, "mainLoader");
     h(this, "_currentStep");
     h(this, "successScreen");
-    h(this, "email");
+    h(this, "customer");
     h(this, "activeRef");
     h(this, "warningScreen");
     h(this, "amount");
@@ -35795,7 +35789,7 @@ class pu {
     h(this, "countryCode");
     this.container = e, this.onSuccess = d || (() => null), this.token = y, this.currency = k, this.amount = g, this.totalAmount = f, this.contents = this.container.querySelector(
       "#payment-content-view"
-    ), this._currentStep = 1, this.activeRef = "", this.token = i, this.email = v, this.metadata = s, this.localCurrency = t, this.callBackUrl = o, this.localCurrency = t, this.rdtCode = a, this.url = p, this.reference = l, this.merchantDetails = {}, this.disablePaymentMethods = C, this.hidePaymentMethods = w, this.showPaymentMethods = M, this.onClose = A, this.paymentResponse = {}, this.paymentResponseHeaders = {}, this.restartTransactionProcess = _, this.retryingPayment = T, this.isMaxRetriesReached = !1, this.countryCode = I, P.track("mobile_money_opens", {
+    ), this._currentStep = 1, this.activeRef = "", this.token = i, this.customer = v, this.metadata = s, this.localCurrency = t, this.callBackUrl = o, this.localCurrency = t, this.rdtCode = a, this.url = p, this.reference = l, this.merchantDetails = {}, this.disablePaymentMethods = C, this.hidePaymentMethods = w, this.showPaymentMethods = M, this.onClose = A, this.paymentResponse = {}, this.paymentResponseHeaders = {}, this.restartTransactionProcess = _, this.retryingPayment = T, this.isMaxRetriesReached = !1, this.countryCode = I, P.track("mobile_money_opens", {
       payment_method: "Mobile Money"
     }), this.isMobile = window.matchMedia("(max-width: 767px)").matches;
   }
@@ -35839,9 +35833,7 @@ class pu {
           amount: this.amount,
           channel: "mobile_money",
           currency: this.currency || "USD",
-          customer: {
-            email: this.email
-          },
+          customer: this.customer,
           reference: this.reference,
           callBackUrl: this.callBackUrl,
           metadata: this.metadata,
@@ -35904,7 +35896,7 @@ class pu {
     });
   }
   showLoader() {
-    this.pageLoader = new Be(this.contents), this.pageLoader.mountLoader();
+    this.pageLoader = new Ne(this.contents), this.pageLoader.mountLoader();
   }
   submitOtp(e, i) {
     e.preventDefault();
@@ -35991,7 +35983,7 @@ class pu {
         }), this.mobileMoneyForm.renderContent();
         break;
       case 2:
-        this.mainLoader = new Be(this.contents), this.mainLoader.mountLoader("25dvh"), this.mainLoader.updateMessage("Please wait");
+        this.mainLoader = new Ne(this.contents), this.mainLoader.mountLoader("25dvh"), this.mainLoader.updateMessage("Please wait");
         break;
       case 3:
         this.mobileMoneyConfirmation = new du({
@@ -36035,7 +36027,7 @@ class pu {
         }), this.mobileMoneyValidationForm.renderComponent();
         break;
       case 7:
-        this.pageLoader = new Be(this.contents), this.pageLoader.mountLoader(), this.pageLoader.updateMessage("Verifying Payment");
+        this.pageLoader = new Ne(this.contents), this.pageLoader.mountLoader(), this.pageLoader.updateMessage("Verifying Payment");
         break;
       case 8:
         this.mobileMoneyConfirmationEnd = new vu({
@@ -36146,7 +36138,7 @@ class fu {
     amount: e,
     totalAmount: i,
     container: t,
-    email: s,
+    customer: s,
     token: o,
     currency: a,
     rdtCode: l,
@@ -36167,7 +36159,7 @@ class fu {
     h(this, "warningScreen");
     h(this, "transactionIssuesScreen");
     h(this, "container");
-    h(this, "email");
+    h(this, "customer");
     h(this, "token");
     h(this, "amount");
     h(this, "totalAmount");
@@ -36190,7 +36182,7 @@ class fu {
     h(this, "isMobile", !1);
     h(this, "paymentResponse");
     h(this, "paymentResponseHeaders");
-    this.currency = a, this.container = t, this.token = o, this.email = s, this.amount = e, this.totalAmount = i, this.rdtCode = l, this.url = d, this.reference = p, this.callBackUrl = v, this.metadata = g, this.localCurrency = f, this._currentStep = 1, this.contents = this.container.querySelector(
+    this.currency = a, this.container = t, this.token = o, this.customer = s, this.amount = e, this.totalAmount = i, this.rdtCode = l, this.url = d, this.reference = p, this.callBackUrl = v, this.metadata = g, this.localCurrency = f, this._currentStep = 1, this.contents = this.container.querySelector(
       "#payment-content-view"
     ), this.hidePaymentMethods = y, this.showPaymentMethods = k, this.restartTransactionProcess = C, this.retryingPayment = w, this.isMaxRetriesReached = !1, this.paymentResponse = {}, this.paymentResponseHeaders = {}, this.renderEftContent(), P.track("eft_opens", {
       payment_method: "EFT"
@@ -36203,7 +36195,7 @@ class fu {
     this._currentStep = e, this.renderEftContent();
   }
   showLoader() {
-    this.pageLoader = new Be(this.contents), this.pageLoader.mountLoader(), this.pageLoader.updateMessage("Verifying Payment");
+    this.pageLoader = new Ne(this.contents), this.pageLoader.mountLoader(), this.pageLoader.updateMessage("Verifying Payment");
   }
   setPaymentError(e) {
     const i = this.container.querySelector("#payment-warning-text");
@@ -36238,9 +36230,7 @@ class fu {
           amount: this.amount,
           channel: "eft",
           currency: this.currency,
-          customer: {
-            email: this.email
-          },
+          customer: this.customer,
           reference: this.reference,
           callBackUrl: this.callBackUrl,
           metadata: this.metadata,
@@ -36348,7 +36338,7 @@ class fu {
           }), this.successScreen.renderComponent();
           break;
         case 3:
-          this.pageLoader = new Be(this.contents), this.pageLoader.mountLoader(), this.pageLoader.updateMessage("Verifying Payment");
+          this.pageLoader = new Ne(this.contents), this.pageLoader.mountLoader(), this.pageLoader.updateMessage("Verifying Payment");
           break;
         case 4:
           this.warningScreen = new Ln({
@@ -36391,22 +36381,21 @@ class fu {
 class gu {
   constructor({
     container: e,
-    email: i,
-    phoneNumber: t,
-    code: s,
-    encryption: o,
-    merchantKey: a,
-    modalContainer: l,
-    amount: d,
-    planId: p,
-    rdtCode: v,
-    url: g,
-    reference: f,
-    callBackUrl: y,
-    metadata: k,
-    localCurrency: C,
-    closePayment: w,
-    countryCode: M
+    customerDetails: i,
+    code: t,
+    encryption: s,
+    merchantKey: o,
+    modalContainer: a,
+    amount: l,
+    planId: d,
+    rdtCode: p,
+    url: v,
+    reference: g,
+    callBackUrl: f,
+    metadata: y,
+    localCurrency: k,
+    closePayment: C,
+    countryCode: w
   }) {
     h(this, "validChannels", []);
     h(this, "disabledChannels", []);
@@ -36428,8 +36417,7 @@ class gu {
     h(this, "encryption");
     h(this, "merchantKey");
     h(this, "planId");
-    h(this, "email");
-    h(this, "phoneNumber");
+    h(this, "customerDetails");
     h(this, "code");
     h(this, "amount", 0);
     h(this, "rdtCode");
@@ -36443,7 +36431,7 @@ class gu {
     h(this, "retryingPayment");
     h(this, "totalAmount");
     h(this, "countryCode");
-    this.validChannels = [], this.disabledChannels = [], this.selectedChannel = "", this.modalContainer = l, this.encryption = o, this.planId = p || "", this.merchantKey = a, this.email = i, this.phoneNumber = t, this.code = s, this.amount = d || 0, this.rdtCode = v || "", this.url = g || "", this.reference = f, this.mainLayout = e, this.callBackUrl = y, this.metadata = k || {}, this.localCurrency = C || "", this.isMobile = window.matchMedia("(max-width: 767px)").matches, this.currentPaymentMethod = "", this.currency = "", this.closePayment = w, this.retryingPayment = !1, this.totalAmount = 0, this.countryCode = M || "";
+    this.validChannels = [], this.disabledChannels = [], this.selectedChannel = "", this.modalContainer = a, this.encryption = s, this.planId = d || "", this.merchantKey = o, this.code = t, this.amount = l || 0, this.rdtCode = p || "", this.url = v || "", this.reference = g, this.mainLayout = e, this.callBackUrl = f, this.metadata = y || {}, this.localCurrency = k || "", this.isMobile = window.matchMedia("(max-width: 767px)").matches, this.currentPaymentMethod = "", this.currency = "", this.closePayment = C, this.retryingPayment = !1, this.totalAmount = 0, this.countryCode = w || "", this.customerDetails = i;
   }
   mountScreen(e, i, t, s) {
     var a, l;
@@ -36453,7 +36441,7 @@ class gu {
     );
     this.amount = (o == null ? void 0 : o.amount) || this.amount, this.totalAmount = this.merchantPlanDetail.totalAmount || this.amount, this.mainHeader = new su({
       container: document.getElementById("main-header"),
-      email: this.email,
+      email: this.customerDetails.email,
       amount: this.amount,
       metadata: this.metadata,
       currency: this.currency,
@@ -36490,7 +36478,7 @@ class gu {
       }).renderComponent();
     }), this.mainFooter.renderComponent(), this.setupPaymentMethodButtons(), this.selectedChannel && (this.currentPaymentMethod = this.selectedChannel), this.updatePaymentMethodView(
       this.merchantKey,
-      this.email,
+      this.customerDetails,
       this.amount,
       this.totalAmount,
       this.currency
@@ -36546,7 +36534,7 @@ class gu {
           totalAmount: s,
           currency: o,
           token: e,
-          email: i,
+          customer: i || this.customerDetails,
           planId: this.planId,
           rdtCode: this.rdtCode,
           url: this.url,
@@ -36572,7 +36560,7 @@ class gu {
           closeModal: this.closeModal.bind(this),
           token: e,
           container: this.modalContainer,
-          email: i,
+          customer: i || this.customerDetails,
           rdtCode: this.rdtCode,
           url: this.url,
           reference: this.reference,
@@ -36595,7 +36583,7 @@ class gu {
           secret: this.merchantKey,
           rdtCode: this.rdtCode,
           url: this.url,
-          email: this.email,
+          customer: i || this.customerDetails,
           reference: this.reference,
           callBackUrl: this.callBackUrl,
           metadata: this.metadata,
@@ -36611,7 +36599,7 @@ class gu {
       case "mobile_money":
         return this.mobileMoney = new pu({
           container: this.modalContainer,
-          email: this.email,
+          customer: i || this.customerDetails,
           currency: o,
           rdtCode: this.rdtCode,
           url: this.url,
@@ -36620,7 +36608,6 @@ class gu {
           totalAmount: this.totalAmount,
           metadata: this.metadata,
           localCurrency: this.localCurrency,
-          phoneNumber: this.phoneNumber,
           code: this.code,
           callBackUrl: this.callBackUrl,
           merchantKey: this.merchantKey,
@@ -36644,8 +36631,8 @@ class gu {
           amount: t,
           totalAmount: s,
           currency: o,
+          customer: i || this.customerDetails,
           token: e,
-          email: i,
           rdtCode: this.rdtCode,
           url: this.url,
           reference: this.reference,
@@ -36697,7 +36684,7 @@ class gu {
   setToDefaultEmptyContainer() {
     this.currentPaymentMethod = "", this.retryingPayment = !0, this.updatePaymentMethodView(
       this.merchantKey,
-      this.email,
+      this.customerDetails,
       this.amount,
       this.totalAmount,
       this.currency
@@ -36712,7 +36699,7 @@ class gu {
   switchTab(e) {
     this.currentPaymentMethod === e && e !== "" || (this.currentPaymentMethod === "bank_transfer" && this.currentPaymentMethod !== e && this.setToDefaultEmptyContainer(), this.setCurrentPaymentMethod(e), this.updatePaymentMethodView(
       this.merchantKey,
-      this.email,
+      this.customerDetails,
       this.amount,
       this.totalAmount,
       this.currency
@@ -36859,6 +36846,7 @@ class Au {
     h(this, "planId");
     h(this, "email");
     h(this, "amount");
+    h(this, "name");
     h(this, "rdtCode");
     h(this, "url");
     h(this, "phoneNumber");
@@ -36915,9 +36903,11 @@ class Au {
       callBackUrl: g,
       metadata: f,
       localCurrency: y,
-      countryCode: k
+      countryCode: k,
+      phoneNumber: C,
+      name: w
     } = e;
-    if (this.merchantKey = s || "", this.email = i || "", this.amount = a || 0, this.encryption = t || "", this.planId = o || "", this.rdtCode = l || "", this.reference = d || Mr(), this.url = v || "", this.callBackUrl = g || "", this.metadata = f || {}, this.countryCode = k || "", !s || !i)
+    if (this.merchantKey = s || "", this.email = i || "", this.amount = a || 0, this.encryption = t || "", this.planId = o || "", this.rdtCode = l || "", this.reference = d || 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({
       token: this.merchantKey,
@@ -36927,21 +36917,28 @@ class Au {
       container: this.mainLayout,
       modalContainer: this.modalContainer,
       merchantKey: s,
-      email: i,
       encryption: this.encryption,
       planId: this.planId,
       amount: this.amount,
       rdtCode: this.rdtCode,
       url: this.url,
-      phoneNumber: this.phoneNumber,
       code: this.code,
       reference: this.reference,
       callBackUrl: this.callBackUrl,
       metadata: this.metadata,
       localCurrency: this.localCurrency,
       countryCode: this.countryCode,
+      customerDetails: {
+        email: i || this.email,
+        ...this.name ? {
+          name: this.name
+        } : {},
+        ...this.phoneNumber ? {
+          phoneNumber: this.phoneNumber
+        } : {}
+      },
       closePayment: this.closePayment.bind(this)
-    }), this.mainLoader = new Be(this.mainLayout), this.mainError = new xs(this.mainLayout), this.mainLoader.mountLoader(), this.getPlanDetails();
+    }), this.mainLoader = new Ne(this.mainLayout), this.mainError = new xs(this.mainLayout), this.mainLoader.mountLoader(), this.getPlanDetails();
   }
   getAvailableChannels() {
     var o, a;