@spot-flow/checkout-inline-js 0.1.37 → 0.1.38-dev.1

package/dist/checkout-inline.es.js

@@ -138,7 +138,7 @@ const Oe = (n, e, i) => {
   } 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;
   }
-}, un = async (n, e, i, t, s) => {
+}, cn = async (n, e, i, t, s) => {
   try {
     const o = Oe(n, t), a = await fetch(
       `${fe(Ue, s)}/payments/verify?reference=${e}`,
@@ -631,9 +631,9 @@ const Yt = [
   Discover: [16],
   UnionPay: [16],
   Verve: [16, 17, 18, 19]
-}, rn = class rn {
+}, ln = class ln {
 };
-h(rn, "createToast", (e, i) => {
+h(ln, "createToast", (e, i) => {
   const t = document.createElement("div");
   t.classList.add("toast", i, "grid", "grid-cols-[1fr_auto]");
   const s = document.createElement("span");
@@ -651,20 +651,20 @@ h(rn, "createToast", (e, i) => {
 </svg>
 <span id="custom-toast-msg">${e}</span>` : e, t.appendChild(s);
   const o = document.createElement("span");
-  return o.textContent = "×", o.classList.add("close-btn", "opacity-0"), o.onclick = () => rn.removeToast(t), t.appendChild(o), t;
-}), h(rn, "showToast", (e, i, t = 3e3) => {
+  return o.textContent = "×", o.classList.add("close-btn", "opacity-0"), o.onclick = () => ln.removeToast(t), t.appendChild(o), t;
+}), h(ln, "showToast", (e, i, t = 3e3) => {
   const s = document.getElementById("toast-container");
   if (s) {
-    const o = rn.createToast(e, i);
-    s.appendChild(o), o.offsetHeight, o.classList.add("show"), setTimeout(() => rn.removeToast(o), t);
+    const o = ln.createToast(e, i);
+    s.appendChild(o), o.offsetHeight, o.classList.add("show"), setTimeout(() => ln.removeToast(o), t);
   }
 }), // Function to remove a toast
-h(rn, "removeToast", (e) => {
+h(ln, "removeToast", (e) => {
   e.classList.remove("show"), e.addEventListener("transitionend", () => {
     e.parentElement && e.parentElement.removeChild(e);
   });
 });
-let ki = rn;
+let ki = ln;
 class Qt {
   constructor(e) {
     h(this, "container");
@@ -23729,7 +23729,7 @@ class Fr {
     return Gr;
   }
 }
-function cn(n, e, i) {
+function nn(n, e, i) {
   const s = e.get("spf-redirect-url") || i;
   s && setTimeout(() => {
     const o = new URL(s);
@@ -23781,7 +23781,7 @@ class Ri {
       this.container.innerHTML = this.renderSuccessComponent();
       const s = document.querySelector("#go-back-merchant");
       s && s.addEventListener("click", () => {
-        cn(
+        nn(
           this.paymentResponse,
           this.paymentResponseHeaders,
           this.callbackUrl
@@ -23791,7 +23791,7 @@ class Ri {
       this.container.innerHTML = this.renderErrorComponent();
       const s = document.querySelector("#go-back-merchant");
       s && s.addEventListener("click", () => {
-        cn(
+        nn(
           this.paymentResponse,
           this.paymentResponseHeaders,
           this.callbackUrl
@@ -25305,7 +25305,7 @@ function Li(n) {
   }
   return i(n, e);
 }
-function an(n, e, i) {
+function rn(n, e, i) {
   let t, s;
   return n ? (n.ownerNode ? t = e.getId(n.ownerNode) : s = i.getId(n), {
     styleId: s,
@@ -25319,7 +25319,7 @@ function Bl({ styleSheetRuleCb: n, mirror: e, stylesheetManager: i }, { win: t }
   const s = t.CSSStyleSheet.prototype.insertRule;
   t.CSSStyleSheet.prototype.insertRule = new Proxy(s, {
     apply: z((v, g, f) => {
-      const [y, k] = f, { id: C, styleId: w } = an(g, e, i.styleMirror);
+      const [y, k] = f, { id: C, styleId: w } = rn(g, e, i.styleMirror);
       return (C && C !== -1 || w && w !== -1) && n({
         id: C,
         styleId: w,
@@ -25330,7 +25330,7 @@ function Bl({ styleSheetRuleCb: n, mirror: e, stylesheetManager: i }, { win: t }
   const o = t.CSSStyleSheet.prototype.deleteRule;
   t.CSSStyleSheet.prototype.deleteRule = new Proxy(o, {
     apply: z((v, g, f) => {
-      const [y] = f, { id: k, styleId: C } = an(g, e, i.styleMirror);
+      const [y] = f, { id: k, styleId: C } = rn(g, e, i.styleMirror);
       return (k && k !== -1 || C && C !== -1) && n({
         id: k,
         styleId: C,
@@ -25341,7 +25341,7 @@ function Bl({ styleSheetRuleCb: n, mirror: e, stylesheetManager: i }, { win: t }
   let a;
   t.CSSStyleSheet.prototype.replace && (a = t.CSSStyleSheet.prototype.replace, t.CSSStyleSheet.prototype.replace = new Proxy(a, {
     apply: z((v, g, f) => {
-      const [y] = f, { id: k, styleId: C } = an(g, e, i.styleMirror);
+      const [y] = f, { id: k, styleId: C } = rn(g, e, i.styleMirror);
       return (k && k !== -1 || C && C !== -1) && n({
         id: k,
         styleId: C,
@@ -25352,7 +25352,7 @@ function Bl({ styleSheetRuleCb: n, mirror: e, stylesheetManager: i }, { win: t }
   let l;
   t.CSSStyleSheet.prototype.replaceSync && (l = t.CSSStyleSheet.prototype.replaceSync, t.CSSStyleSheet.prototype.replaceSync = new Proxy(l, {
     apply: z((v, g, f) => {
-      const [y] = f, { id: k, styleId: C } = an(g, e, i.styleMirror);
+      const [y] = f, { id: k, styleId: C } = rn(g, e, i.styleMirror);
       return (k && k !== -1 || C && C !== -1) && n({
         id: k,
         styleId: C,
@@ -25369,7 +25369,7 @@ function Bl({ styleSheetRuleCb: n, mirror: e, stylesheetManager: i }, { win: t }
       deleteRule: g.prototype.deleteRule
     }, g.prototype.insertRule = new Proxy(b[v].insertRule, {
       apply: z((f, y, k) => {
-        const [C, w] = k, { id: M, styleId: A } = an(y.parentStyleSheet, e, i.styleMirror);
+        const [C, w] = k, { id: M, styleId: A } = rn(y.parentStyleSheet, e, i.styleMirror);
         return (M && M !== -1 || A && A !== -1) && n({
           id: M,
           styleId: A,
@@ -25386,7 +25386,7 @@ function Bl({ styleSheetRuleCb: n, mirror: e, stylesheetManager: i }, { win: t }
       })
     }), g.prototype.deleteRule = new Proxy(b[v].deleteRule, {
       apply: z((f, y, k) => {
-        const [C] = k, { id: w, styleId: M } = an(y.parentStyleSheet, e, i.styleMirror);
+        const [C] = k, { id: w, styleId: M } = rn(y.parentStyleSheet, e, i.styleMirror);
         return (w && w !== -1 || M && M !== -1) && n({
           id: w,
           styleId: M,
@@ -25442,7 +25442,7 @@ function Dl({ styleDeclarationCb: n, mirror: e, ignoreCSSAttributes: i, styleshe
       const [g, f, y] = b;
       if (i.has(g))
         return o.apply(d, [g, f, y]);
-      const { id: k, styleId: C } = an((v = d.parentRule) === null || v === void 0 ? void 0 : v.parentStyleSheet, e, t.styleMirror);
+      const { id: k, styleId: C } = rn((v = d.parentRule) === null || v === void 0 ? void 0 : v.parentStyleSheet, e, t.styleMirror);
       return (k && k !== -1 || C && C !== -1) && n({
         id: k,
         styleId: C,
@@ -25462,7 +25462,7 @@ function Dl({ styleDeclarationCb: n, mirror: e, ignoreCSSAttributes: i, styleshe
       const [g] = b;
       if (i.has(g))
         return a.apply(d, [g]);
-      const { id: f, styleId: y } = an((v = d.parentRule) === null || v === void 0 ? void 0 : v.parentStyleSheet, e, t.styleMirror);
+      const { id: f, styleId: y } = rn((v = d.parentRule) === null || v === void 0 ? void 0 : v.parentStyleSheet, e, t.styleMirror);
       return (f && f !== -1 || y && y !== -1) && n({
         id: f,
         styleId: y,
@@ -26432,7 +26432,7 @@ function ti(n = {}) {
   if (we && !e)
     throw new Error("emit function is required");
   T !== void 0 && A.mousemove === void 0 && (A.mousemove = T), Re.reset();
-  const tn = g === !0 ? {
+  const sn = g === !0 ? {
     color: !0,
     date: !0,
     "datetime-local": !0,
@@ -26462,7 +26462,7 @@ function ti(n = {}) {
     headMetaDescKeywords: y === "all"
   } : y || {};
   Sl();
-  let pn, sn = 0;
+  let pn, on = 0;
   const Te = (B) => {
     for (const de of V || [])
       de.eventProcessor && (B = de.eventProcessor(B));
@@ -26482,12 +26482,12 @@ function ti(n = {}) {
       window.parent.postMessage(ue, "*");
     }
     if (B.type === W.FullSnapshot)
-      pn = B, sn = 0;
+      pn = B, on = 0;
     else if (B.type === W.IncrementalSnapshot) {
       if (B.data.source === q.Mutation && B.data.isAttachIframe)
         return;
-      sn++;
-      const ue = t && sn >= t, Pe = i && B.timestamp - pn.timestamp > i;
+      on++;
+      const ue = t && on >= t, Pe = i && B.timestamp - pn.timestamp > i;
       (ue || Pe) && Ci(!0);
     }
   };
@@ -26541,7 +26541,7 @@ function ti(n = {}) {
       maskTextClass: d,
       maskTextSelector: b,
       inlineStylesheet: v,
-      maskInputOptions: tn,
+      maskInputOptions: sn,
       dataURLOptions: _,
       maskTextFn: C,
       maskInputFn: k,
@@ -26575,7 +26575,7 @@ function ti(n = {}) {
       maskTextClass: d,
       maskTextSelector: b,
       inlineStylesheet: v,
-      maskAllInputs: tn,
+      maskAllInputs: sn,
       maskTextFn: C,
       slimDOM: We,
       dataURLOptions: _,
@@ -26607,10 +26607,10 @@ function ti(n = {}) {
       var Pe;
       return z(Kl)({
         mutationCb: Ze,
-        mousemoveCb: (J, on) => re(me({
+        mousemoveCb: (J, an) => re(me({
           type: W.IncrementalSnapshot,
           data: {
-            source: on,
+            source: an,
             positions: J
           }
         })),
@@ -26661,7 +26661,7 @@ function ti(n = {}) {
         ignoreSelector: l,
         maskTextClass: d,
         maskTextSelector: b,
-        maskInputOptions: tn,
+        maskInputOptions: sn,
         inlineStylesheet: v,
         sampling: A,
         recordDOM: I,
@@ -26686,11 +26686,11 @@ function ti(n = {}) {
         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: (on) => re(me({
+          callback: (an) => re(me({
             type: W.Plugin,
             data: {
               plugin: J.name,
-              payload: on
+              payload: an
             }
           }))
         }))) || []
@@ -26762,7 +26762,7 @@ if (typeof window > "u") {
   };
 } else
   R = window;
-var Zn = 24 * 60 * 60 * 1e3, tt = 8 * 1e3, Oi = Array.prototype, od = Function.prototype, io = Object.prototype, ln = Oi.slice, si = io.toString, Ui = io.hasOwnProperty, he = R.console, dn = R.navigator, ee = R.document, pi = R.opera, Ti = R.screen, Fe = dn.userAgent, st = od.bind, hs = Oi.forEach, ms = Oi.indexOf, vs = Oi.map, ad = Array.isArray, ct = {}, m = {
+var Zn = 24 * 60 * 60 * 1e3, tt = 8 * 1e3, Oi = Array.prototype, od = Function.prototype, io = Object.prototype, dn = Oi.slice, si = io.toString, Ui = io.hasOwnProperty, he = R.console, un = R.navigator, ee = R.document, pi = R.opera, Ti = R.screen, Fe = un.userAgent, st = od.bind, hs = Oi.forEach, ms = Oi.indexOf, vs = Oi.map, ad = Array.isArray, ct = {}, m = {
   trim: function(n) {
     return n.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "");
   }
@@ -26831,17 +26831,17 @@ var Zn = 24 * 60 * 60 * 1e3, tt = 8 * 1e3, Oi = Array.prototype, od = Function.p
 m.bind = function(n, e) {
   var i, t;
   if (st && n.bind === st)
-    return st.apply(n, ln.call(arguments, 1));
+    return st.apply(n, dn.call(arguments, 1));
   if (!m.isFunction(n))
     throw new TypeError();
-  return i = ln.call(arguments, 2), t = function() {
+  return i = dn.call(arguments, 2), t = function() {
     if (!(this instanceof t))
-      return n.apply(e, i.concat(ln.call(arguments)));
+      return n.apply(e, i.concat(dn.call(arguments)));
     var s = {};
     s.prototype = n.prototype;
     var o = new s();
     s.prototype = null;
-    var a = n.apply(o, i.concat(ln.call(arguments)));
+    var a = n.apply(o, i.concat(dn.call(arguments)));
     return Object(a) === a ? a : o;
   }, t;
 };
@@ -26860,7 +26860,7 @@ m.each = function(n, e, i) {
   }
 };
 m.extend = function(n) {
-  return m.each(ln.call(arguments, 1), function(e) {
+  return m.each(dn.call(arguments, 1), function(e) {
     for (var i in e)
       e[i] !== void 0 && (n[i] = e[i]);
   }), n;
@@ -26879,7 +26879,7 @@ m.isArguments = function(n) {
   return !!(n && Ui.call(n, "callee"));
 };
 m.toArray = function(n) {
-  return n ? n.toArray ? n.toArray() : m.isArray(n) || m.isArguments(n) ? ln.call(n) : m.values(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)
@@ -27545,13 +27545,13 @@ m.info = {
   properties: function(n) {
     return typeof n != "object" && (n = {}), m.extend(m.strip_empty_properties({
       $os: m.info.os(),
-      $browser: m.info.browser(Fe, dn.vendor, pi),
+      $browser: m.info.browser(Fe, un.vendor, pi),
       $referrer: ee.referrer,
       $referring_domain: m.info.referringDomain(ee.referrer),
       $device: m.info.device(Fe)
     }), {
       $current_url: m.info.currentUrl(),
-      $browser_version: m.info.browserVersion(Fe, dn.vendor, pi),
+      $browser_version: m.info.browserVersion(Fe, un.vendor, pi),
       $screen_height: Ti.height,
       $screen_width: Ti.width,
       mp_lib: "web",
@@ -27564,9 +27564,9 @@ m.info = {
   people_properties: function() {
     return m.extend(m.strip_empty_properties({
       $os: m.info.os(),
-      $browser: m.info.browser(Fe, dn.vendor, pi)
+      $browser: m.info.browser(Fe, un.vendor, pi)
     }), {
-      $browser_version: m.info.browserVersion(Fe, dn.vendor, pi)
+      $browser_version: m.info.browserVersion(Fe, un.vendor, pi)
     });
   },
   mpPageViewProperties: function() {
@@ -28142,18 +28142,18 @@ Ke.prototype.reportError = function(n, e) {
   }
 };
 R.__mp_recorder = Ke;
-var nn = function() {
+var tn = function() {
 };
-nn.prototype.create_properties = function() {
+tn.prototype.create_properties = function() {
 };
-nn.prototype.event_handler = function() {
+tn.prototype.event_handler = function() {
 };
-nn.prototype.after_track_handler = function() {
+tn.prototype.after_track_handler = function() {
 };
-nn.prototype.init = function(n) {
+tn.prototype.init = function(n) {
   return this.mp = n, this;
 };
-nn.prototype.track = function(n, e, i, t) {
+tn.prototype.track = function(n, e, i, t) {
   var s = this, o = m.dom_query(n);
   if (o.length === 0) {
     $.error("The DOM query (" + n + ") returned 0 elements");
@@ -28166,21 +28166,21 @@ nn.prototype.track = function(n, e, i, t) {
     });
   }, this), !0;
 };
-nn.prototype.track_callback = function(n, e, i, t) {
+tn.prototype.track_callback = function(n, e, i, t) {
   t = t || !1;
   var s = this;
   return function() {
     i.callback_fired || (i.callback_fired = !0, !(n && n(t, e) === !1) && s.after_track_handler(e, i, t));
   };
 };
-nn.prototype.create_properties = function(n, e) {
+tn.prototype.create_properties = function(n, e) {
   var i;
   return typeof n == "function" ? i = n(e) : i = m.extend({}, n), i;
 };
 var Hn = function() {
   this.override_event = "click";
 };
-m.inherit(Hn, nn);
+m.inherit(Hn, tn);
 Hn.prototype.create_properties = function(n, e) {
   var i = Hn.superclass.create_properties.apply(this, arguments);
   return e.href && (i.url = e.href), i;
@@ -28196,7 +28196,7 @@ Hn.prototype.after_track_handler = function(n, e) {
 var Ki = function() {
   this.override_event = "submit";
 };
-m.inherit(Ki, nn);
+m.inherit(Ki, tn);
 Ki.prototype.event_handler = function(n, e, i) {
   i.element = e, n.preventDefault();
 };
@@ -28593,8 +28593,8 @@ var Lt, uo = function(n, e) {
   return n;
 }, ei = function() {
 }, Ne = "mixpanel", ho = "base64", xd = "json", xt = "$device:", Dn = R.XMLHttpRequest && "withCredentials" in new XMLHttpRequest(), mo = !Dn && Fe.indexOf("MSIE") === -1 && Fe.indexOf("Mozilla") === -1, Bi = null;
-dn.sendBeacon && (Bi = function() {
-  return dn.sendBeacon.apply(dn, arguments);
+un.sendBeacon && (Bi = function() {
+  return un.sendBeacon.apply(un, arguments);
 });
 var vo = {
   track: "track/",
@@ -29178,7 +29178,7 @@ L.prototype.get_config = function(n) {
   return this.config[n];
 };
 L.prototype._run_hook = function(n) {
-  var e = (this.config.hooks[n] || Ld).apply(this, ln.call(arguments, 1));
+  var e = (this.config.hooks[n] || Ld).apply(this, dn.call(arguments, 1));
   return typeof e > "u" && (this.report_error(n + " hook did not return a value"), e = null), e;
 };
 L.prototype.get_property = function(n) {
@@ -29394,7 +29394,7 @@ class fo {
       "#goback-to-merchant"
     );
     e && e.addEventListener("click", () => {
-      cn(
+      nn(
         this.paymentResponse,
         this.paymentResponseHeaders,
         this.callBackUrl
@@ -29484,7 +29484,7 @@ class Rd {
       }
       o += 1;
       try {
-        const v = await un(
+        const v = await cn(
           e,
           this.ref,
           d,
@@ -29965,7 +29965,7 @@ class Hd {
   }
   async verifyPayment(e, i) {
     try {
-      const t = await un(
+      const t = await cn(
         this.token,
         this.activeRef,
         void 0,
@@ -29983,7 +29983,7 @@ class Hd {
   }
   async verifyPaymentProcess() {
     try {
-      const e = await un(
+      const e = await cn(
         this.token,
         this.reference,
         void 0,
@@ -30704,7 +30704,7 @@ var go = { exports: {} };
           }, ze = window.btoa || function(c) {
             return c.replace(/[\s\S]{1,3}/g, we);
           };
-          class tn {
+          class sn {
             constructor(r, u, p, S) {
               this.clear = u, this.timer = r(() => {
                 this.timer && (this.timer = S(this.timer));
@@ -30717,11 +30717,11 @@ var go = { exports: {} };
               this.timer && (this.clear(this.timer), this.timer = null);
             }
           }
-          var We = tn;
+          var We = sn;
           function pn(c) {
             window.clearTimeout(c);
           }
-          function sn(c) {
+          function on(c) {
             window.clearInterval(c);
           }
           class Te extends We {
@@ -30733,7 +30733,7 @@ var go = { exports: {} };
           }
           class Ze extends We {
             constructor(r, u) {
-              super(setInterval, sn, r, function(p) {
+              super(setInterval, on, r, function(p) {
                 return u(), p;
               });
             }
@@ -30821,7 +30821,7 @@ var go = { exports: {} };
               (r && r(p, S, c, u) || p) && (u[S] = p);
             }), u;
           }
-          function on(c) {
+          function an(c) {
             var r = [];
             return Ce(c, function(u, p) {
               r.push([p, u]);
@@ -30847,7 +30847,7 @@ var go = { exports: {} };
           function ri(c) {
             var r = J(c, function(p) {
               return p !== void 0;
-            }), u = Y(on(ai(r)), ae.method("join", "=")).join("&");
+            }), u = Y(an(ai(r)), ae.method("join", "=")).join("&");
             return u;
           }
           function li(c) {
@@ -33155,15 +33155,12 @@ class Gd {
     this.abortController && (l = this.abortController.signal);
     const d = async () => {
       if (this.timeLeft <= 0) {
-        a = !1, this.onAction(8), P.track("verify_payment", {
-          payment_method: "Transfer",
-          verification_status: "In Progress"
-        });
+        a = !1, this.onAction(8);
         return;
       }
       s += 1;
       try {
-        const b = await un(
+        const b = await cn(
           e,
           this.ref,
           l,
@@ -33314,9 +33311,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 = b, 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), P.track("transfer_opens", {
-      payment_method: "Transfer"
-    }), 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.email = o, this.amount = e, this.totalAmount = i, this.rdtCode = d, this.url = b, 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;
   }
   get currentStep() {
     return this._currentStep;
@@ -33341,7 +33336,7 @@ class zd {
   }
   async verifyTransfer() {
     try {
-      const e = await un(
+      const e = await cn(
         this.token,
         this.reference,
         void 0,
@@ -33356,7 +33351,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_transferProcess", {
+      i && (this.mainLoader = new Be(this.contents), this.mainLoader.mountLoader("25dvh"), i.classList.add("hidden")), P.track("start_payment", {
         payment_method: "Transfer"
       }), (() => {
         var s, o;
@@ -33425,7 +33420,7 @@ class zd {
     });
   }
   goBackToMerchant() {
-    cn(
+    nn(
       this.paymentResponse,
       this.paymentResponseHeaders,
       this.callBackUrl
@@ -34122,10 +34117,7 @@ class Co {
   validate() {
     let e;
     if (this.abortController ? e = this.abortController.signal : (this.abortController = new AbortController(), e = this.abortController.signal), this._retry_count <= 0) {
-      clearInterval(this.intervalPayment), this.currentStep = 3, P.track("verify_payment", {
-        payment_method: "USSD",
-        verification_status: "In Progress"
-      });
+      clearInterval(this.intervalPayment), this.currentStep = 3;
       return;
     }
     this.paymentService.verifyPayment(this.activeRef, e || this.abortController.signal).then(({ data: i, headers: t }) => {
@@ -34431,7 +34423,7 @@ class su {
     });
   }
   renderComponent() {
-    var F, U, j, te, ge, V, ke, le, xe, we, ze, tn, We, pn, sn, Te, Ze, fn, ae, be, Ie, Ee, Ce, je, B, de, Y, ue, Pe, J, on, Kn, oi, ai, ri, li, gn;
+    var F, U, j, te, ge, V, ke, le, xe, we, ze, sn, We, pn, on, Te, Ze, fn, ae, be, Ie, Ee, Ce, je, B, de, Y, ue, Pe, J, an, Kn, oi, ai, ri, li, gn;
     this.container.innerHTML = this.render(), this.amount = this.amount;
     const e = this.container.querySelector(
       "#merchant-logo-container"
@@ -34468,18 +34460,18 @@ class su {
         const jn = ((ze = (we = this.merchantDetail) == null ? void 0 : we.plan) == null ? void 0 : ze.title) || "";
         a.textContent = fi(jn);
       }
-      (tn = this.metadata) != null && tn.productName && (a.textContent = fi(
+      (sn = this.metadata) != null && sn.productName && (a.textContent = fi(
         this.metadata.productName
       ));
     }
-    d && (this.currency === "USD" ? v && (v.innerHTML = `1 ${((pn = (We = this.merchantDetail) == null ? void 0 : We.rate) == null ? void 0 : pn.to) || "-"} = ${((Te = (sn = this.merchantDetail) == null ? void 0 : sn.rate) == null ? void 0 : Te.from) || "-"} ${Le(
+    d && (this.currency === "USD" ? v && (v.innerHTML = `1 ${((pn = (We = this.merchantDetail) == null ? void 0 : We.rate) == null ? void 0 : pn.to) || "-"} = ${((Te = (on = this.merchantDetail) == null ? void 0 : on.rate) == null ? void 0 : Te.from) || "-"} ${Le(
       ((Ze = this.merchantDetail.rate) == null ? void 0 : Ze.rate) || 1,
       2
     )} `) : d.innerHTML = ""), b && (this.currency === "USD" ? g && (g.innerHTML = `1 ${((ae = (fn = this.merchantDetail) == null ? void 0 : fn.rate) == null ? void 0 : ae.to) || "-"} = ${((Ie = (be = this.merchantDetail) == null ? void 0 : be.rate) == null ? void 0 : Ie.from) || "-"} ${Le(
       ((Ee = this.merchantDetail.rate) == null ? void 0 : Ee.rate) || 1,
       2
     )} `) : b.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());
-    const I = this.localCurrency !== this.currency ? this.amount * (((on = (J = this.merchantDetail) == null ? void 0 : J.rate) == null ? void 0 : on.rate) || 1) : this.amount;
+    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 && (Kn = this.merchantDetail) != null && Kn.taxQuoteId && (oi = this.merchantDetail) != null && oi.totalAmount && (M.classList.remove("hidden"), M.children[1].innerHTML = `${this.localCurrency !== this.currency ? this.localCurrency : this.currency} ${Le(((ai = this.merchantDetail) == null ? void 0 : ai.totalAmount) - I, 2)}`), A && (ri = this.merchantDetail) != null && ri.taxQuoteId && (li = this.merchantDetail) != null && li.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];
     _ && 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();
@@ -34560,7 +34552,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>
@@ -35046,7 +35038,7 @@ class du {
       }
       o += 1;
       try {
-        const v = await un(
+        const v = await cn(
           e,
           this.ref,
           d,
@@ -35056,10 +35048,7 @@ class du {
         v.data.status === "failed" && (l = !1, clearTimeout(this.timer), clearInterval(this.timerId || void 0), this.setPaymentResponses(v.data, v.headers), P.track("verify_payment", {
           payment_method: "Mobile Money",
           verification_status: "Failed"
-        }), s(v)), v.data.status === "inProgress" && (l && (a = i * (o + 1), this.timer = setTimeout(b, a)), this.setPaymentResponses(v.data, v.headers), P.track("verify_payment", {
-          payment_method: "Mobile Money",
-          verification_status: "In Progress"
-        })), (v.data.status === "success" || v.data.status === "successful") && (this.setPaymentResponses(v.data, v.headers), l = !1, clearTimeout(this.timer), clearInterval(this.timerId || void 0), P.track("verify_payment", {
+        }), s(v)), v.data.status === "inProgress" && (l && (a = i * (o + 1), this.timer = setTimeout(b, a)), this.setPaymentResponses(v.data, v.headers)), (v.data.status === "success" || v.data.status === "successful") && (this.setPaymentResponses(v.data, v.headers), l = !1, clearTimeout(this.timer), clearInterval(this.timerId || void 0), P.track("verify_payment", {
           payment_method: "Mobile Money",
           verification_status: "Success"
         }), t(v));
@@ -35371,7 +35360,7 @@ class vu {
       ".details-form-button"
     );
     e && e.addEventListener("click", () => {
-      cn(
+      nn(
         this.paymentResponse,
         this.paymentResponseHeaders,
         this.callBackUrl
@@ -35520,6 +35509,12 @@ class bu {
           verification_status: "Failed"
         });
         return;
+      } else if (a.status === "success" || a.status === "successful") {
+        this.currentStep = 4, P.track("start_payment", {
+          payment_method: "Mobile Money",
+          verification_status: "Success"
+        }), nn(a, l, a == null ? void 0 : a.callBackUrl);
+        return;
       } else if (((d = a == null ? void 0 : a.authorization) == null ? void 0 : d.mode) === "otp") {
         this.activeRef = a.reference, this.currentStep = 6;
         return;
@@ -35568,14 +35563,18 @@ class bu {
         authentication_type: "OTP"
       });
       const d = this.container.querySelector("#otp-error");
-      l.code === "invalid_otp" ? d && (d.innerHTML = l.message) : this.currentStep = 3;
+      l.code === "invalid_otp" ? (d && (d.innerHTML = l.message), P.track("verify_payment", {
+        payment_method: "Mobile Money",
+        verification_status: "Failed",
+        authentication_type: "OTP"
+      })) : this.currentStep = 3;
     }).finally(() => {
       t && s && (t.classList.add("hidden"), s.classList.remove("hidden"));
     });
   }
   async verifyPaymentProcess() {
     try {
-      const e = await un(
+      const e = await cn(
         this.token,
         this.reference,
         void 0,
@@ -35588,7 +35587,7 @@ class bu {
     }
   }
   goBackToMerchant() {
-    cn(
+    nn(
       this.paymentResponse,
       this.paymentResponseHeaders,
       this.callBackUrl
@@ -35840,7 +35839,7 @@ class fu {
     i && (i.textContent = e);
   }
   goBackToMerchant() {
-    cn(
+    nn(
       this.paymentResponse,
       this.paymentResponseHeaders,
       this.callBackUrl
@@ -35925,7 +35924,7 @@ class fu {
   }
   async verifyPaymentProcess() {
     try {
-      const e = await un(
+      const e = await cn(
         this.token,
         this.reference,
         void 0,
@@ -35937,7 +35936,7 @@ class fu {
       i === "successful" ? (this.currentStep = 2, P.track("verify_payment", {
         payment_method: "EFT",
         verification_status: "Success"
-      }), cn(
+      }), nn(
         this.paymentResponse,
         this.paymentResponseHeaders,
         "success"