@spot-flow/checkout-inline-js 0.1.33-dev.3 → 0.1.33-dev.4

package/dist/checkout-inline.es.js

@@ -319,7 +319,7 @@ const fr = async (n, e, i, t) => {
   }
 };
 be.card.label, be.card.icon, be.card.key, be.bank_transfer.label, be.bank_transfer.icon, be.bank_transfer.key, be.ussd.label, be.ussd.icon, be.ussd.key, be.mobile_money.label, be.mobile_money.icon, be.mobile_money.key, be.eft.label, be.eft.icon, be.eft.key;
-const qt = [
+const zt = [
   {
     name: "MasterCard",
     icon: `<svg width="24" height="14" viewBox="0 0 24 14" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -390,7 +390,7 @@ const qt = [
 </svg>
 `
   }
-], zt = [
+], nt = [
   {
     name: "GHS",
     dialCode: "+233",
@@ -438,7 +438,7 @@ const qt = [
     name: "ZAR",
     dialCode: "+27",
     length: "9",
-    cardTypes: ["Visa", "MasterCard", "Amex", "Diners Club"],
+    cardTypes: ["Visa", "MasterCard", "American Express", "Diners Club"],
     icon: `<svg xmlns="http://www.w3.org/2000/svg" id="flag-icons-za" viewBox="0 0 512 512">
   <defs>
     <clipPath id="za-a">
@@ -560,9 +560,10 @@ const qt = [
     Visa: /^4/,
     MasterCard: /^5[1-5]|^2(2[2-9]|[3-6]|7[01])/,
     "American Express": /^3[47]/,
-    Discover: /^6(?:011|5|4[4-9]|22)/,
+    Discover: /^6(?:011|5[0-9]{2})[0-9]{12}$/,
     UnionPay: /^62/,
-    Verve: /^506099|^5061[0-8]|^50619|^6500[02]|^5078[6-9]|^65003[1-3]/
+    Verve: /^((506(0|1))|(507(8|9))|(6500))[0-9]{12,15}$/,
+    "Diners Club": /^3(?:0[0-5]|[68][0-9])[0-9]{11}$/
   };
   for (const [i, t] of Object.entries(e))
     if (t.test(n))
@@ -574,7 +575,7 @@ const qt = [
   "American Express": [15],
   Discover: [16],
   UnionPay: [16],
-  Verve: [16, 19]
+  Verve: [16, 17, 18, 19]
 }, an = class an {
 };
 h(an, "createToast", (e, i) => {
@@ -616,11 +617,12 @@ class Wt {
     h(this, "cardDetailsValues");
     h(this, "creditCardTypes");
     h(this, "merchantName");
-    this.container = e.container, this.onAction = e.onAction, this.creditCardTypes = [...qt], this.cardDetailsValues = {
+    h(this, "currency");
+    this.container = e.container, this.onAction = e.onAction, this.creditCardTypes = [...zt], this.cardDetailsValues = {
       number: "",
       expiry: "",
       cvv: ""
-    }, this.merchantName = e.merchantName;
+    }, this.merchantName = e.merchantName, this.currency = e.currency;
   }
   attachListener() {
     const e = document.querySelector("#pci-dss");
@@ -676,32 +678,35 @@ class Wt {
       const v = r.replace(/\s+/g, ""), g = this.validateCreditCard(v);
       this.filterCreditCardType(o);
       const f = (l = this.creditCardTypes[0]) == null ? void 0 : l.name;
-      if (f)
-        if (f === "Visa" || f === "MasterCard" || f === "Verve") {
-          const y = Lr[f];
-          y.length > 1 ? (v.length === y[0] && this.checkInputValidity(
-            g,
-            t,
-            "Your card number is invalid",
-            v.length >= 14 && v.length <= 19
-          ), v.length === y[y.length - 1] && this.checkInputValidity(
-            g,
-            t,
-            "Your card number is invalid",
-            v.length >= 14 && v.length <= 19
-          )) : v.length === y[0] && this.checkInputValidity(
-            g,
-            t,
-            "Your card number is invalid",
-            v.length >= 14 && v.length <= 19
-          );
-        } else
-          this.checkInputValidity(
-            !1,
-            t,
-            "Invalid card. Only locally issued cards are accepted.",
-            o.trim().length >= 14 && o.trim().length <= 19
-          );
+      f && nt.map((y) => {
+        if (y.name === this.currency)
+          if (y.cardTypes.includes(f)) {
+            const k = Lr[f];
+            if (k.length > 1) {
+              const C = k.some(
+                (w) => v.length === w
+              );
+              this.checkInputValidity(
+                g,
+                t,
+                "Your card number is invalid",
+                C
+              );
+            } else
+              v.length === k[0] && this.checkInputValidity(
+                g,
+                t,
+                "Your card number is invalid",
+                v.length >= 14 && v.length <= 19
+              );
+          } else
+            this.checkInputValidity(
+              !1,
+              t,
+              "Invalid card. Only locally issued cards are accepted.",
+              o.trim().length >= 14 && o.trim().length <= 19
+            );
+      });
     } else if (s === "expiry") {
       const v = /* @__PURE__ */ new Date();
       r = Ar(o);
@@ -747,7 +752,7 @@ class Wt {
     });
   }
   filterCreditCardType(e) {
-    e ? (this.creditCardTypes = qt.filter(
+    e ? (this.creditCardTypes = zt.filter(
       (i) => i.name === Mr(e)
     ), this.displayCardTypes()) : (this.creditCardTypes = [], this.displayCardTypes());
   }
@@ -23894,7 +23899,7 @@ class As {
 function Wr() {
   return new As();
 }
-function at({ element: n, maskInputOptions: e, tagName: i, type: t, value: s, maskInputFn: o }) {
+function rt({ element: n, maskInputOptions: e, tagName: i, type: t, value: s, maskInputFn: o }) {
   let r = s || "";
   const l = t && kn(t);
   return (e[i.toLowerCase()] || l && e[l]) && (o ? r = o(r, n) : r = "*".repeat(r.length)), r;
@@ -23916,7 +23921,7 @@ function Zr(n) {
     }
   return !0;
 }
-function rt(n) {
+function lt(n) {
   const e = n.type;
   return n.hasAttribute("data-rr-is-password") ? "password" : e ? kn(e) : null;
 }
@@ -24011,12 +24016,12 @@ function En(n, e) {
 function al(n) {
   return !!(n.tagName === "svg" || n.ownerSVGElement);
 }
-function lt() {
+function dt() {
   const n = document.createElement("a");
   return n.href = "", n.href;
 }
 function Ts(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") ? En(n, t) : i === "srcset" ? ol(n, t) : i === "style" ? gi(t, lt()) : e === "object" && i === "data" ? En(n, t) : t);
+  return t && (i === "src" || i === "href" && !(e === "use" && t[0] === "#") || i === "xlink:href" && t[0] !== "#" || i === "background" && (e === "table" || e === "td" || e === "th") ? En(n, t) : i === "srcset" ? ol(n, t) : i === "style" ? gi(t, dt()) : e === "object" && i === "data" ? En(n, t) : t);
 }
 function Es(n, e, i) {
   return (n === "video" || n === "audio") && e === "autoplay";
@@ -24188,7 +24193,7 @@ function hl(n, e) {
     } catch (v) {
       console.warn(`Cannot get CSS styles from text's parentNode. Error: ${v}`, n);
     }
-    l = gi(l, lt());
+    l = gi(l, dt());
   }
   return b && (l = "SCRIPT_PLACEHOLDER"), !u && !b && l && t && (l = s ? s(l, n.parentElement) : l.replace(/[\S]/g, "*")), {
     type: me.Text,
@@ -24212,13 +24217,13 @@ function ml(n, e) {
   }
   if (C === "style" && n.sheet && !(n.innerText || n.textContent || "").trim().length) {
     const _ = fi(n.sheet);
-    _ && (w._cssText = gi(_, lt()));
+    _ && (w._cssText = gi(_, dt()));
   }
   if (C === "input" || C === "textarea" || C === "select") {
     const _ = n.value, x = n.checked;
-    w.type !== "radio" && w.type !== "checkbox" && w.type !== "submit" && w.type !== "button" && _ ? w.value = at({
+    w.type !== "radio" && w.type !== "checkbox" && w.type !== "submit" && w.type !== "button" && _ ? w.value = rt({
       element: n,
-      type: rt(n),
+      type: lt(n),
       tagName: C,
       value: _,
       maskInputOptions: r,
@@ -24614,7 +24619,7 @@ function Rs(n, e) {
   const i = e.getId(n);
   return e.has(i) ? n.parentNode && n.parentNode.nodeType === n.DOCUMENT_NODE ? !1 : n.parentNode ? Rs(n.parentNode, e) : !0 : !0;
 }
-function nt(n) {
+function it(n) {
   return !!n.changedTouches;
 }
 function fl(n = window) {
@@ -24635,7 +24640,7 @@ function Ds(n, e) {
 function Os(n, e) {
   return !!(n.nodeName === "LINK" && n.nodeType === n.ELEMENT_NODE && n.getAttribute && n.getAttribute("rel") === "stylesheet" && e.getMeta(n));
 }
-function it(n) {
+function tt(n) {
   return !!(n != null && n.shadowRoot);
 }
 class gl {
@@ -24761,7 +24766,7 @@ class kl {
           recordCanvas: this.recordCanvas,
           inlineImages: this.inlineImages,
           onSerialize: (f) => {
-            Ds(f, this.mirror) && this.iframeManager.addIframe(f), Os(f, this.mirror) && this.stylesheetManager.trackLinkElement(f), it(u) && this.shadowDomManager.addShadowRoot(u.shadowRoot, this.doc);
+            Ds(f, this.mirror) && this.iframeManager.addIframe(f), Os(f, this.mirror) && this.stylesheetManager.trackLinkElement(f), tt(u) && this.shadowDomManager.addShadowRoot(u.shadowRoot, this.doc);
           },
           onIframeLoad: (f, y) => {
             this.iframeManager.attachIframe(f, y), this.shadowDomManager.observeAttachShadow(f);
@@ -24866,8 +24871,8 @@ class kl {
             const i = e.target;
             let t = e.attributeName, s = e.target.getAttribute(t);
             if (t === "value") {
-              const r = rt(i);
-              s = at({
+              const r = lt(i);
+              s = rt({
                 element: i,
                 maskInputOptions: this.maskInputOptions,
                 tagName: i.tagName,
@@ -24916,7 +24921,7 @@ class kl {
             }
             e.addedNodes.forEach((i) => this.genAdds(i, e.target)), e.removedNodes.forEach((i) => {
               const t = this.mirror.getId(i), s = Vn(e.target) ? this.mirror.getId(e.target.host) : this.mirror.getId(e.target);
-              Me(e.target, this.blockClass, this.blockSelector, !1) || Ji(i, this.mirror) || !pl(i, this.mirror) || (this.addedSet.has(i) ? (tt(this.addedSet, i), this.droppedSet.add(i)) : this.addedSet.has(e.target) && t === -1 || Rs(e.target, this.mirror) || (this.movedSet.has(i) && this.movedMap[Qt(t, s)] ? tt(this.movedSet, i) : this.removes.push({
+              Me(e.target, this.blockClass, this.blockSelector, !1) || Ji(i, this.mirror) || !pl(i, this.mirror) || (this.addedSet.has(i) ? (st(this.addedSet, i), this.droppedSet.add(i)) : this.addedSet.has(e.target) && t === -1 || Rs(e.target, this.mirror) || (this.movedSet.has(i) && this.movedMap[Qt(t, s)] ? st(this.movedSet, i) : this.removes.push({
                 parentId: s,
                 id: t,
                 isShadow: Vn(e.target) && Gn(e.target) ? !0 : void 0
@@ -24935,7 +24940,7 @@ class kl {
           i && this.mirror.hasNode(i) && (t = this.mirror.getId(i)), t && t !== -1 && (this.movedMap[Qt(this.mirror.getId(e), t)] = !0);
         } else
           this.addedSet.add(e), this.droppedSet.delete(e);
-        Me(e, this.blockClass, this.blockSelector, !1) || (e.childNodes.forEach((t) => this.genAdds(t)), it(e) && e.shadowRoot.childNodes.forEach((t) => {
+        Me(e, this.blockClass, this.blockSelector, !1) || (e.childNodes.forEach((t) => this.genAdds(t)), tt(e) && e.shadowRoot.childNodes.forEach((t) => {
           this.processedNodeManager.add(t, this), this.genAdds(t, e);
         }));
       }
@@ -24987,8 +24992,8 @@ class kl {
     this.shadowDomManager.reset(), this.canvasManager.reset();
   }
 }
-function tt(n, e) {
-  n.delete(e), e.childNodes.forEach((i) => tt(n, i));
+function st(n, e) {
+  n.delete(e), e.childNodes.forEach((i) => st(n, i));
 }
 function Xt(n, e, i) {
   return n.length === 0 ? !1 : Ks(n, e, i);
@@ -25062,7 +25067,7 @@ function Al({ mousemoveCb: n, sampling: e, doc: i, mirror: t }) {
     const f = Date.now() - l;
     n(r.map((y) => (y.timeOffset -= f, y)), g), r = [], l = null;
   }), o), b = z(Zn(z((g) => {
-    const f = Qn(g), { clientX: y, clientY: k } = nt(g) ? g.changedTouches[0] : g;
+    const f = Qn(g), { clientX: y, clientY: k } = it(g) ? g.changedTouches[0] : g;
     l || (l = Ci()), r.push({
       x: y,
       y: k,
@@ -25104,9 +25109,9 @@ function Ml({ mouseInteractionCb: n, doc: e, mirror: i, blockClass: t, blockSele
           break;
       }
       y === Ye.Touch ? Le[v] === Le.MouseDown ? k = "TouchStart" : Le[v] === Le.MouseUp && (k = "TouchEnd") : Ye.Pen;
-    } else nt(g) && (y = Ye.Touch);
+    } else it(g) && (y = Ye.Touch);
     y !== null ? (u = y, (k.startsWith("Touch") && y === Ye.Touch || k.startsWith("Mouse") && y === Ye.Mouse) && (y = null)) : Le[v] === Le.Click && (y = u, u = null);
-    const C = nt(g) ? g.changedTouches[0] : g;
+    const C = it(g) ? g.changedTouches[0] : g;
     if (!C)
       return;
     const w = i.getId(f), { clientX: A, clientY: M } = C;
@@ -25171,8 +25176,8 @@ function El({ inputCb: n, doc: e, mirror: i, blockClass: t, blockSelector: s, ig
     if (_ && N === "OPTION" && (_ = _.parentElement), !_ || !N || Tl.indexOf(N) < 0 || Me(_, t, s, !0) || _.classList.contains(o) || r && _.matches(r))
       return;
     let G = _.value, F = !1;
-    const U = rt(_) || "";
-    U === "radio" || U === "checkbox" ? F = _.checked : (l[N.toLowerCase()] || l[U]) && (G = at({
+    const U = lt(_) || "";
+    U === "radio" || U === "checkbox" ? F = _.checked : (l[N.toLowerCase()] || l[U]) && (G = rt({
       element: _,
       maskInputOptions: l,
       tagName: N,
@@ -26511,7 +26516,7 @@ function Xn(n = {}) {
       recordCanvas: G,
       inlineImages: fe,
       onSerialize: ($) => {
-        Ds($, Be) && xe.addIframe($), Os($, Be) && Pe.trackLinkElement($), it($) && Ue.addShadowRoot($.shadowRoot, document);
+        Ds($, Be) && xe.addIframe($), Os($, Be) && Pe.trackLinkElement($), tt($) && Ue.addShadowRoot($.shadowRoot, document);
       },
       onIframeLoad: ($, ge) => {
         xe.attachIframe($, ge), Ue.observeAttachShadow($);
@@ -26691,7 +26696,7 @@ if (typeof window > "u") {
   };
 } else
   D = window;
-var qn = 24 * 60 * 60 * 1e3, Yi = 8 * 1e3, Ni = Array.prototype, nd = Function.prototype, Js = Object.prototype, rn = Ni.slice, ei = Js.toString, Ii = Js.hasOwnProperty, ce = D.console, ln = D.navigator, X = D.document, di = D.opera, wi = D.screen, Ve = ln.userAgent, Qi = nd.bind, rs = Ni.forEach, ls = Ni.indexOf, ds = Ni.map, id = Array.isArray, st = {}, m = {
+var qn = 24 * 60 * 60 * 1e3, Yi = 8 * 1e3, Ni = Array.prototype, nd = Function.prototype, Js = Object.prototype, rn = Ni.slice, ei = Js.toString, Ii = Js.hasOwnProperty, ce = D.console, ln = D.navigator, X = D.document, di = D.opera, wi = D.screen, Ve = ln.userAgent, Qi = nd.bind, rs = Ni.forEach, ls = Ni.indexOf, ds = Ni.map, id = Array.isArray, ot = {}, m = {
   trim: function(n) {
     return n.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "");
   }
@@ -26780,11 +26785,11 @@ m.each = function(n, e, i) {
       n.forEach(e, i);
     else if (n.length === +n.length) {
       for (var t = 0, s = n.length; t < s; t++)
-        if (t in n && e.call(i, n[t], t, n) === st)
+        if (t in n && e.call(i, n[t], t, n) === ot)
           return;
     } else
       for (var o in n)
-        if (Ii.call(n, o) && e.call(i, n[o], o, n) === st)
+        if (Ii.call(n, o) && e.call(i, n[o], o, n) === ot)
           return;
   }
 };
@@ -26834,7 +26839,7 @@ m.include = function(n, e) {
   var i = !1;
   return n === null ? i : ls && n.indexOf === ls ? n.indexOf(e) != -1 : (m.each(n, function(t) {
     if (i || (i = t === e))
-      return st;
+      return ot;
   }), i);
 };
 m.includes = function(n, e) {
@@ -27221,7 +27226,7 @@ var et = null, _i = function(n, e) {
   var i = !0;
   try {
     n = n || window.localStorage;
-    var t = "__mplss_" + dt(8), s = "xyz";
+    var t = "__mplss_" + ut(8), s = "xyz";
     n.setItem(t, s), n.getItem(t) !== s && (i = !1), n.removeItem(t);
   } catch {
     i = !1;
@@ -27485,7 +27490,7 @@ m.info = {
       $screen_width: wi.width,
       mp_lib: "web",
       $lib_version: Xe.LIB_VERSION,
-      $insert_id: dt(),
+      $insert_id: ut(),
       time: m.timestamp() / 1e3
       // epoch time in seconds
     }, m.strip_empty_properties(n));
@@ -27508,7 +27513,7 @@ m.info = {
     });
   }
 };
-var dt = function(n) {
+var ut = function(n) {
   var e = Math.random().toString(36).substring(2, 10) + Math.random().toString(36).substring(2, 10);
   return n ? e.substring(0, n) : e;
 }, ad = /[a-z0-9][a-z0-9-]*\.[a-z]+$/i, rd = /[a-z0-9][a-z0-9-]+\.[a-z.]{2,6}$/i, cs = function(n) {
@@ -27551,35 +27556,35 @@ function $s(n, e) {
   return i && J.warn("You are opted out of Mixpanel tracking. This will prevent the Mixpanel SDK from sending any data."), i;
 }
 function cn(n) {
-  return ht(n, function(e) {
+  return mt(n, function(e) {
     return this.get_config(e);
   });
 }
 function hn(n) {
-  return ht(n, function(e) {
+  return mt(n, function(e) {
     return this._get_config(e);
   });
 }
 function Hn(n) {
-  return ht(n, function(e) {
+  return mt(n, function(e) {
     return this._get_config(e);
   });
 }
 function md(n, e) {
-  e = e || {}, ut(e).remove(
-    ct(n, e),
+  e = e || {}, ct(e).remove(
+    ht(n, e),
     !!e.crossSubdomainCookie,
     e.cookieDomain
   );
 }
-function ut(n) {
+function ct(n) {
   return n = n || {}, n.persistenceType === "localStorage" ? m.localStorage : m.cookie;
 }
-function ct(n, e) {
+function ht(n, e) {
   return e = e || {}, (e.persistencePrefix || dd) + n;
 }
 function Ys(n, e) {
-  return ut(e).get(ct(n, e));
+  return ct(e).get(ht(n, e));
 }
 function vd(n) {
   if (n && n.ignoreDnt)
@@ -27599,8 +27604,8 @@ function Qs(n, e, i) {
     J.error("gdpr." + (n ? "optIn" : "optOut") + " called with an invalid token");
     return;
   }
-  i = i || {}, ut(i).set(
-    ct(e, i),
+  i = i || {}, ct(i).set(
+    ht(e, i),
     n ? 1 : 0,
     m.isNumber(i.cookieExpiration) ? i.cookieExpiration : null,
     !!i.crossSubdomainCookie,
@@ -27611,7 +27616,7 @@ function Qs(n, e, i) {
     send_immediately: !0
   });
 }
-function ht(n, e) {
+function mt(n, e) {
   return function() {
     var i = !1;
     try {
@@ -27701,7 +27706,7 @@ var hs = Bi("batch"), mn = function(n, e) {
 };
 mn.prototype.enqueue = function(n, e, i) {
   var t = {
-    id: dt(),
+    id: ut(),
     flushAfter: (/* @__PURE__ */ new Date()).getTime() + e * 2,
     payload: n
   };
@@ -28361,14 +28366,14 @@ O.prototype.track_charge = O.prototype.track_charge;
 O.prototype.clear_charges = O.prototype.clear_charges;
 O.prototype.delete_user = O.prototype.delete_user;
 O.prototype.toString = O.prototype.toString;
-var mt = "__mps", vt = "__mpso", bt = "__mpus", pt = "__mpa", ft = "__mpap", gt = "__mpr", yt = "__mpu", no = "$people_distinct_id", Li = "__alias", Jn = "__timers", Sd = [
-  mt,
+var vt = "__mps", bt = "__mpso", pt = "__mpus", ft = "__mpa", gt = "__mpap", yt = "__mpr", Ct = "__mpu", no = "$people_distinct_id", Li = "__alias", Jn = "__timers", Sd = [
   vt,
   bt,
   pt,
   ft,
   gt,
   yt,
+  Ct,
   no,
   Li,
   Jn
@@ -28462,19 +28467,19 @@ V.prototype.set_secure = function(n) {
 };
 V.prototype._add_to_people_queue = function(n, e) {
   var i = this._get_queue_key(n), t = e[n], s = this._get_or_create_queue(un), o = this._get_or_create_queue(Dn), r = this._get_or_create_queue(Re), l = this._get_or_create_queue(wn), u = this._get_or_create_queue(_n), b = this._get_or_create_queue(en, []), v = this._get_or_create_queue(Ge, []);
-  i === mt ? (m.extend(s, t), this._pop_from_people_queue(wn, t), this._pop_from_people_queue(_n, t), this._pop_from_people_queue(Re, t)) : i === vt ? (m.each(t, function(g, f) {
+  i === vt ? (m.extend(s, t), this._pop_from_people_queue(wn, t), this._pop_from_people_queue(_n, t), this._pop_from_people_queue(Re, t)) : i === bt ? (m.each(t, function(g, f) {
     f in o || (o[f] = g);
-  }), this._pop_from_people_queue(Re, t)) : i === bt ? m.each(t, function(g) {
+  }), this._pop_from_people_queue(Re, t)) : i === pt ? m.each(t, function(g) {
     m.each([s, o, l, u], function(f) {
       g in f && delete f[g];
     }), m.each(v, function(f) {
       g in f && delete f[g];
     }), r[g] = !0;
-  }) : i === pt ? (m.each(t, function(g, f) {
+  }) : i === ft ? (m.each(t, function(g, f) {
     f in s ? s[f] += g : (f in l || (l[f] = 0), l[f] += g);
-  }, this), this._pop_from_people_queue(Re, t)) : i === yt ? (m.each(t, function(g, f) {
+  }, this), this._pop_from_people_queue(Re, t)) : i === Ct ? (m.each(t, function(g, f) {
     m.isArray(g) && (f in u || (u[f] = []), u[f] = u[f].concat(g));
-  }), this._pop_from_people_queue(Re, t)) : i === gt ? (b.push(t), this._pop_from_people_queue(Ge, t)) : i === ft && (v.push(t), this._pop_from_people_queue(Re, t)), J.log("MIXPANEL PEOPLE REQUEST (QUEUED, PENDING IDENTIFY):"), J.log(e), this.save();
+  }), this._pop_from_people_queue(Re, t)) : i === yt ? (b.push(t), this._pop_from_people_queue(Ge, t)) : i === gt && (v.push(t), this._pop_from_people_queue(Re, t)), J.log("MIXPANEL PEOPLE REQUEST (QUEUED, PENDING IDENTIFY):"), J.log(e), this.save();
 };
 V.prototype._pop_from_people_queue = function(n, e) {
   var i = this.props[this._get_queue_key(n)];
@@ -28489,19 +28494,19 @@ V.prototype.load_queue = function(n) {
 };
 V.prototype._get_queue_key = function(n) {
   if (n === un)
-    return mt;
-  if (n === Dn)
     return vt;
-  if (n === Re)
+  if (n === Dn)
     return bt;
-  if (n === wn)
+  if (n === Re)
     return pt;
-  if (n === Ge)
+  if (n === wn)
     return ft;
-  if (n === en)
+  if (n === Ge)
     return gt;
-  if (n === _n)
+  if (n === en)
     return yt;
+  if (n === _n)
+    return Ct;
   J.error("Invalid queue:", n);
 };
 V.prototype._get_or_create_queue = function(n, e) {
@@ -28516,12 +28521,12 @@ V.prototype.remove_event_timer = function(n) {
   var e = this.load_prop(Jn) || {}, i = e[n];
   return m.isUndefined(i) || (delete this.props[Jn][n], this.save()), i;
 };
-var Ct, io = function(n, e) {
+var St, io = function(n, e) {
   throw new Error(n + " not available in this build.");
 }, Se, to = 0, kd = 1, wd = function(n) {
   return n;
 }, $n = function() {
-}, Ne = "mixpanel", so = "base64", _d = "json", St = "$device:", In = D.XMLHttpRequest && "withCredentials" in new XMLHttpRequest(), oo = !In && Ve.indexOf("MSIE") === -1 && Ve.indexOf("Mozilla") === -1, Ti = null;
+}, Ne = "mixpanel", so = "base64", _d = "json", kt = "$device:", In = D.XMLHttpRequest && "withCredentials" in new XMLHttpRequest(), oo = !In && Ve.indexOf("MSIE") === -1 && Ve.indexOf("Mozilla") === -1, Ti = null;
 ln.sendBeacon && (Ti = function() {
   return ln.sendBeacon.apply(ln, arguments);
 });
@@ -28591,9 +28596,9 @@ var ao = {
   record_sessions_percent: 0,
   recorder_src: "https://cdn.mxpnl.com/libs/mixpanel-recorder.min.js"
 }, ro = !1, L = function() {
-}, ot = function(n, e, i) {
+}, at = function(n, e, i) {
   var t, s = i === Ne ? Se : Se[i];
-  if (s && Ct === to)
+  if (s && St === to)
     t = s;
   else {
     if (s && !m.isArray(s)) {
@@ -28619,7 +28624,7 @@ L.prototype.init = function(n, e, i) {
     this.report_error("You must initialize the main mixpanel object right after you include the Mixpanel js snippet");
     return;
   }
-  var t = ot(n, e, i);
+  var t = at(n, e, i);
   return Se[i] = t, t._loaded(), t;
 };
 L.prototype._init = function(n, e, i) {
@@ -28655,7 +28660,7 @@ L.prototype._init = function(n, e, i) {
   this.persistence = this.cookie = new V(this.config), this.unpersisted_superprops = {}, this._gdpr_init();
   var r = m.UUID();
   this.get_distinct_id() || this.register_once({
-    distinct_id: St + r,
+    distinct_id: kt + r,
     $device_id: r
   }, "");
   var l = this.get_config("track_pageview");
@@ -29027,22 +29032,22 @@ L.prototype.time_event = function(n) {
 };
 var Ad = {
   persistent: !0
-}, kt = function(n) {
+}, wt = function(n) {
   var e;
   return m.isObject(n) ? e = n : m.isUndefined(n) ? e = {} : e = { days: n }, m.extend({}, Ad, e);
 };
 L.prototype.register = function(n, e) {
-  var i = kt(e);
+  var i = wt(e);
   i.persistent ? this.persistence.register(n, i.days) : m.extend(this.unpersisted_superprops, n);
 };
 L.prototype.register_once = function(n, e, i) {
-  var t = kt(i);
+  var t = wt(i);
   t.persistent ? this.persistence.register_once(n, e, t.days) : (typeof e > "u" && (e = "None"), m.each(n, function(s, o) {
     (!this.unpersisted_superprops.hasOwnProperty(o) || this.unpersisted_superprops[o] === e) && (this.unpersisted_superprops[o] = s);
   }, this));
 };
 L.prototype.unregister = function(n, e) {
-  e = kt(e), e.persistent ? this.persistence.unregister(n) : delete this.unpersisted_superprops[n];
+  e = wt(e), e.persistent ? this.persistence.unregister(n) : delete this.unpersisted_superprops[n];
 };
 L.prototype._register_single = function(n, e) {
   var i = {};
@@ -29051,7 +29056,7 @@ L.prototype._register_single = function(n, e) {
 L.prototype.identify = function(n, e, i, t, s, o, r, l) {
   var u = this.get_distinct_id();
   if (n && u !== n) {
-    if (typeof n == "string" && n.indexOf(St) === 0)
+    if (typeof n == "string" && n.indexOf(kt) === 0)
       return this.report_error("distinct_id cannot have $device: prefix"), -1;
     this.register({ $user_id: n });
   }
@@ -29071,7 +29076,7 @@ L.prototype.reset = function() {
   this.persistence.clear(), this._flags.identify_called = !1;
   var n = m.UUID();
   this.register_once({
-    distinct_id: St + n,
+    distinct_id: kt + n,
     $device_id: n
   }, "");
 };
@@ -29241,9 +29246,9 @@ var Nn = {}, Md = function() {
 }, Ld = function() {
   Se.init = function(n, e, i) {
     if (i)
-      return Se[i] || (Se[i] = Nn[i] = ot(n, e, i), Se[i]._loaded()), Se[i];
+      return Se[i] || (Se[i] = Nn[i] = at(n, e, i), Se[i]._loaded()), Se[i];
     var t = Se;
-    Nn[Ne] ? t = Nn[Ne] : n && (t = ot(n, e, Ne), t._loaded(), Nn[Ne] = t), Se = t, Ct === kd && (D[Ne] = Se), Md();
+    Nn[Ne] ? t = Nn[Ne] : n && (t = at(n, e, Ne), t._loaded(), Nn[Ne] = t), Se = t, St === kd && (D[Ne] = Se), Md();
   };
 }, Td = function() {
   function n() {
@@ -29274,7 +29279,7 @@ var Nn = {}, Md = function() {
   m.register_event(D, "load", n, !0);
 };
 function Ed(n) {
-  return io = n, Ct = to, Se = new L(), Ld(), Se.init(), Td(), Se;
+  return io = n, St = to, Se = new L(), Ld(), Se.init(), Td(), Se;
 }
 function xd(n, e) {
   e();
@@ -29786,7 +29791,8 @@ class Pd {
           this.cardDetailForm = new Wt({
             container: this.contents,
             onAction: (r) => (l) => this.submitCardDetails.bind(this)(r, l),
-            merchantName: this.merchantPlanDetail.merchantName
+            merchantName: this.merchantPlanDetail.merchantName,
+            currency: this.localCurrency ? this.localCurrency : this.currency
           }), this.cardDetailForm.renderContent();
           break;
         case 2:
@@ -29866,7 +29872,8 @@ class Pd {
           this.cardDetailForm = new Wt({
             container: this.contents,
             onAction: (r) => (l) => this.submitCardDetails.bind(this)(r, l),
-            merchantName: this.merchantPlanDetail.merchantName
+            merchantName: this.merchantPlanDetail.merchantName,
+            currency: this.localCurrency ? this.localCurrency : this.currency
           }), this.cardDetailForm.renderContent();
           break;
       }
@@ -30576,7 +30583,7 @@ var co = { exports: {} };
               a.push([p, d]);
             }), a;
           }
-          function _t(c, a) {
+          function At(c, a) {
             for (var d = 0; d < c.length; d++)
               if (a(c[d], d, c))
                 return !0;
@@ -30914,26 +30921,26 @@ var co = { exports: {} };
             getSocket: function(c) {
               return H.createWebSocket(c);
             }
-          }), At = {
+          }), Mt = {
             urls: Lo,
             handlesActivityChecks: !1,
             supportsPing: !0,
             isInitialized: function() {
               return !0;
             }
-          }, Mt = ve({
+          }, Lt = ve({
             getSocket: function(c) {
               return H.HTTPFactory.createStreamingSocket(c);
             }
-          }, At), Lt = ve({
+          }, Mt), Tt = ve({
             getSocket: function(c) {
               return H.HTTPFactory.createPollingSocket(c);
             }
-          }, At), Tt = {
+          }, Mt), Et = {
             isSupported: function() {
               return H.isXHRSupported();
             }
-          }, No = new Mn(ve({}, Mt, Tt)), Io = new Mn(ve({}, Lt, Tt)), Bo = {
+          }, No = new Mn(ve({}, Lt, Et)), Io = new Mn(ve({}, Tt, Et)), Bo = {
             ws: Po,
             xhr_streaming: No,
             xhr_polling: Io
@@ -30961,12 +30968,12 @@ var co = { exports: {} };
                 path: a
               }));
             }
-          }), Et = {
+          }), xt = {
             isSupported: function(c) {
               var a = H.isXDRSupported(c.useTLS);
               return a;
             }
-          }, Do = new Mn(ve({}, Mt, Et)), Oo = new Mn(ve({}, Lt, Et));
+          }, Do = new Mn(ve({}, Lt, xt)), Oo = new Mn(ve({}, Tt, xt));
           ii.xdr_streaming = Do, ii.xdr_polling = Oo, ii.sockjs = Ro;
           var Ho = ii;
           class Uo extends Je {
@@ -31008,7 +31015,7 @@ var co = { exports: {} };
               return this.manager.isAlive() && this.transport.isSupported(a);
             }
           }
-          const xt = {
+          const Pt = {
             decodeMessage: function(c) {
               try {
                 var a = JSON.parse(c.data), d = a.data;
@@ -31031,7 +31038,7 @@ var co = { exports: {} };
               return JSON.stringify(c);
             },
             processHandshake: function(c) {
-              var a = xt.decodeMessage(c);
+              var a = Pt.decodeMessage(c);
               if (a.event === "pusher:connection_established") {
                 if (!a.data.activity_timeout)
                   throw "No activity timeout specified in handshake";
@@ -31062,7 +31069,7 @@ var co = { exports: {} };
               } : null;
             }
           };
-          var pn = xt;
+          var pn = Pt;
           class Vo extends Je {
             constructor(a, d) {
               super(), this.id = a, this.transport = d, this.activityTimeout = d.activityTimeout, this.bindListeners();
@@ -31662,7 +31669,7 @@ var co = { exports: {} };
               return new jo(c, a, d);
             }
           }, $e = Xo;
-          class Pt {
+          class Nt {
             constructor(a) {
               this.options = a || {}, this.livesLeft = this.options.lives || 1 / 0;
             }
@@ -31684,7 +31691,7 @@ var co = { exports: {} };
               this.strategies = a, this.loop = !!d.loop, this.failFast = !!d.failFast, this.timeout = d.timeout, this.timeoutLimit = d.timeoutLimit;
             }
             isSupported() {
-              return _t(this.strategies, ae.method("isSupported"));
+              return At(this.strategies, ae.method("isSupported"));
             }
             connect(a, d) {
               var p = this.strategies, S = 0, T = this.timeout, E = null, I = (R, Z) => {
@@ -31720,7 +31727,7 @@ var co = { exports: {} };
               this.strategies = a;
             }
             isSupported() {
-              return _t(this.strategies, ae.method("isSupported"));
+              return At(this.strategies, ae.method("isSupported"));
             }
             connect(a, d) {
               return ea(this.strategies, a, function(p, S) {
@@ -31780,7 +31787,7 @@ var co = { exports: {} };
                 }))) : T++);
               }
               var R = ae.now(), Z = E.pop().connect(a, function Y(ue, oi) {
-                ue ? (Nt(p), E.length > 0 ? (R = ae.now(), Z = E.pop().connect(a, Y)) : d(ue)) : (oa(p, oi.transport.name, ae.now() - R, T), d(null, oi));
+                ue ? (It(p), E.length > 0 ? (R = ae.now(), Z = E.pop().connect(a, Y)) : d(ue)) : (oa(p, oi.transport.name, ae.now() - R, T), d(null, oi));
               });
               return {
                 abort: function() {
@@ -31803,7 +31810,7 @@ var co = { exports: {} };
                 if (d)
                   return JSON.parse(d);
               } catch {
-                Nt(c);
+                It(c);
               }
             return null;
           }
@@ -31820,7 +31827,7 @@ var co = { exports: {} };
               } catch {
               }
           }
-          function Nt(c) {
+          function It(c) {
             var a = H.getLocalStorage();
             if (a)
               try {
@@ -31883,9 +31890,9 @@ var co = { exports: {} };
           }
           var ra = function(c, a, d) {
             var p = {};
-            function S(Gt, ar, rr, lr, dr) {
-              var Ft = d(c, Gt, ar, rr, lr, dr);
-              return p[Gt] = Ft, Ft;
+            function S(Ft, ar, rr, lr, dr) {
+              var qt = d(c, Ft, ar, rr, lr, dr);
+              return p[Ft] = qt, qt;
             }
             var T = Object.assign({}, a, {
               hostNonTLS: c.wsHost + ":" + c.wsPort,
@@ -31901,28 +31908,28 @@ var co = { exports: {} };
               loop: !0,
               timeout: 15e3,
               timeoutLimit: 6e4
-            }, Z = new Pt({
+            }, Z = new Nt({
               minPingDelay: 1e4,
               maxPingDelay: c.activityTimeout
-            }), Y = new Pt({
+            }), Y = new Nt({
               lives: 2,
               minPingDelay: 1e4,
               maxPingDelay: c.activityTimeout
-            }), ue = S("ws", "ws", 3, T, Z), oi = S("wss", "ws", 3, E, Z), nr = S("sockjs", "sockjs", 1, I), Ot = S("xhr_streaming", "xhr_streaming", 1, I, Y), ir = S("xdr_streaming", "xdr_streaming", 1, I, Y), Ht = S("xhr_polling", "xhr_polling", 1, I), tr = S("xdr_polling", "xdr_polling", 1, I), Ut = new fn([ue], R), sr = new fn([oi], R), or = new fn([nr], R), Kt = new fn([
-              new Kn(jn(Ot), Ot, ir)
-            ], R), jt = new fn([
-              new Kn(jn(Ht), Ht, tr)
+            }), ue = S("ws", "ws", 3, T, Z), oi = S("wss", "ws", 3, E, Z), nr = S("sockjs", "sockjs", 1, I), Ht = S("xhr_streaming", "xhr_streaming", 1, I, Y), ir = S("xdr_streaming", "xdr_streaming", 1, I, Y), Ut = S("xhr_polling", "xhr_polling", 1, I), tr = S("xdr_polling", "xdr_polling", 1, I), Kt = new fn([ue], R), sr = new fn([oi], R), or = new fn([nr], R), jt = new fn([
+              new Kn(jn(Ht), Ht, ir)
             ], R), Vt = new fn([
-              new Kn(jn(Kt), new Vi([
-                Kt,
-                new ti(jt, { delay: 4e3 })
-              ]), jt)
-            ], R), Wi = new Kn(jn(Vt), Vt, or), Zi;
+              new Kn(jn(Ut), Ut, tr)
+            ], R), Gt = new fn([
+              new Kn(jn(jt), new Vi([
+                jt,
+                new ti(Vt, { delay: 4e3 })
+              ]), Vt)
+            ], R), Wi = new Kn(jn(Gt), Gt, or), Zi;
             return a.useTLS ? Zi = new Vi([
-              Ut,
+              Kt,
               new ti(Wi, { delay: 2e3 })
             ]) : Zi = new Vi([
-              Ut,
+              Kt,
               new ti(sr, { delay: 2e3 }),
               new ti(Wi, { delay: 5e3 })
             ]), new ta(new aa(new Kn(jn(ue), Zi, Wi)), p, {
@@ -31993,7 +32000,7 @@ var co = { exports: {} };
           var gn = Fi, va = 1;
           class ba {
             constructor(a, d) {
-              this.hooks = a, this.session = Bt(1e3) + "/" + ya(8), this.location = pa(d), this.readyState = gn.CONNECTING, this.openStream();
+              this.hooks = a, this.session = Rt(1e3) + "/" + ya(8), this.location = pa(d), this.readyState = gn.CONNECTING, this.openStream();
             }
             send(a) {
               return this.sendRaw(JSON.stringify([a]));
@@ -32007,7 +32014,7 @@ var co = { exports: {} };
             sendRaw(a) {
               if (this.readyState === gn.OPEN)
                 try {
-                  return H.createSocketRequest("POST", It(fa(this.location, this.session))).start(a), !0;
+                  return H.createSocketRequest("POST", Bt(fa(this.location, this.session))).start(a), !0;
                 } catch {
                   return !1;
                 }
@@ -32062,7 +32069,7 @@ var co = { exports: {} };
               this.onerror && this.onerror(a);
             }
             openStream() {
-              this.stream = H.createSocketRequest("POST", It(this.hooks.getReceiveURL(this.location, this.session))), this.stream.bind("chunk", (a) => {
+              this.stream = H.createSocketRequest("POST", Bt(this.hooks.getReceiveURL(this.location, this.session))), this.stream.bind("chunk", (a) => {
                 this.onChunk(a);
               }), this.stream.bind("finished", (a) => {
                 this.hooks.onFinished(this, a);
@@ -32091,7 +32098,7 @@ var co = { exports: {} };
           function fa(c, a) {
             return c.base + "/" + a + "/xhr_send";
           }
-          function It(c) {
+          function Bt(c) {
             var a = c.indexOf("?") === -1 ? "?" : "&";
             return c + a + "t=" + +/* @__PURE__ */ new Date() + "&n=" + va++;
           }
@@ -32099,12 +32106,12 @@ var co = { exports: {} };
             var d = /(https?:\/\/)([^\/:]+)((\/|:)?.*)/.exec(c);
             return d[1] + a + d[3];
           }
-          function Bt(c) {
+          function Rt(c) {
             return H.randomInt(c);
           }
           function ya(c) {
             for (var a = [], d = 0; d < c; d++)
-              a.push(Bt(32).toString(32));
+              a.push(Rt(32).toString(32));
             return a.join("");
           }
           var Ca = ba, Sa = {
@@ -32165,11 +32172,11 @@ var co = { exports: {} };
             createRequest(c, a, d) {
               return new ma(c, a, d);
             }
-          }, Rt = La;
-          Rt.createXDR = function(c, a) {
+          }, Dt = La;
+          Dt.createXDR = function(c, a) {
             return this.createRequest(ca, c, a);
           };
-          var Ta = Rt, Ea = {
+          var Ta = Dt, Ea = {
             nextAuthCallbackID: 1,
             auth_callbacks: {},
             ScriptReceivers: r,
@@ -32317,8 +32324,8 @@ var co = { exports: {} };
             connect(a, d) {
               if (this.isSupported()) {
                 if (this.priority < a)
-                  return Dt(new _(), d);
-              } else return Dt(new F(), d);
+                  return Ot(new _(), d);
+              } else return Ot(new F(), d);
               var p = !1, S = this.transport.createConnection(this.name, this.priority, this.options.key, this.options), T = null, E = function() {
                 S.unbind("initialized", E), S.connect();
               }, I = function() {
@@ -32344,7 +32351,7 @@ var co = { exports: {} };
               };
             }
           }
-          function Dt(c, a) {
+          function Ot(c, a) {
             return ae.defer(function() {
               a(c);
             }), {
@@ -33315,7 +33322,7 @@ class Qe extends Error {
     super(e), this.name = "AuthorizationError";
   }
 }
-class wt {
+class _t {
   constructor(e) {
     h(this, "token");
     h(this, "baseurl", "https://api.spotflow.co/api/v1");
@@ -33331,7 +33338,7 @@ class wt {
     this.token = e.token, this.rdtCode = e.rdtCode, this.url = e.url, this.headers = this.getHeaders(this.token, this.rdtCode);
   }
 }
-class ho extends wt {
+class ho extends _t {
   constructor(e) {
     super(e);
   }
@@ -33456,7 +33463,7 @@ class ho extends wt {
     }
   }
 }
-class jd extends wt {
+class jd extends _t {
   constructor(e) {
     super(e);
   }
@@ -33484,7 +33491,7 @@ class jd extends wt {
     }
   }
 }
-class Vd extends wt {
+class Vd extends _t {
   constructor(e) {
     super(e);
   }
@@ -34045,15 +34052,15 @@ const ui = (n) => {
 
           <div
             class="text-xs w-0 absolute transition-all duration-500 hidden rotate-45 left-0 top-5 z-30 text-[#98A2B3] hover:block bg-white p-3 rounded-lg lg:max-w-[20rem] translate-x-[-45%] min-w-[15rem] md:min-w-[18rem] shadow before:h-4 before:w-4 before:absolute before:-top-0 before:left-0 before:translate-x-[-45%] before:-translate-y-1 before:bg-white before:rotate-45 group-hover:rotate-0 hover:rotate-0 hover:opacity-100 group-hover:block group-hover:w-full hover:w-full">
-            <p class="text-black font-medium text-xs">
+            <p class="text-gray-700 font-medium text-xs">
               What is this?
             </p>
-            <p class="text-xs">
+            <p class="text-xs text-tone-100 font-normal">
               This rate reflects the current exchange rate for
               converting United States Dollars (USD) to <span id="tooltip-localCurrency"> Nigerian Naira
-                (NGN) </span>. Please note that exchange rates are subject to
+                (NGN) </span>. <span class="font-semibold">Please note that exchange rates are subject to
               change and may vary slightly at the time of the
-              transaction.
+              transaction.</span>
             </p>
           </div>
         </div>
@@ -34534,7 +34541,7 @@ class su {
       "#phone-number-error"
     );
     if (!e || !i || !t) return;
-    const r = this.localCurrency ? this.localCurrency : this.currency, l = zt.find((u) => u.name === r);
+    const r = this.localCurrency ? this.localCurrency : this.currency, l = nt.find((u) => u.name === r);
     e.value.length > Number((l == null ? void 0 : l.length) || "9") ? (s && (s.classList.remove("border-tone-40"), s.classList.add("border-[#D62020]"), e.classList.remove("text-tone-100"), e.classList.add("text-[#D62020]")), o && (o.classList.remove("hidden"), o.classList.add("block"), o.innerHTML = "Please enter a valid Ghana Mobile Money number.")) : (s && (s.classList.remove("border-[#D62020]"), s.classList.add("border-tone-40"), e.classList.remove("text-[#D62020]"), e.classList.add("text-tone-100")), o && (o.classList.remove("block"), o.classList.add("hidden"))), e.value.length > 0 && e.value.length === Number((l == null ? void 0 : l.length) || "9") && i.value ? t.disabled = !1 : t.disabled = !0;
   }
   attachListener() {
@@ -34583,7 +34590,7 @@ class su {
         i.appendChild(u), i.classList.remove("text-tone-50"), i.classList.add("text-tone-100");
       });
     }
-    const t = this.container.querySelector("#region-code"), s = this.localCurrency ? this.localCurrency : this.currency, o = zt.find((r) => r.name === s);
+    const t = this.container.querySelector("#region-code"), s = this.localCurrency ? this.localCurrency : this.currency, o = nt.find((r) => r.name === s);
     if (t) {
       t.innerHTML = `
       ${o == null ? void 0 : o.icon}
@@ -35781,7 +35788,7 @@ class mu {
           <h5 id="error-message-div" class="text-tone-100 font-semibold text-2xl text-center mb-1">Transaction limit reached</h5>
          <div class="w-4/5 mx-auto">
             <p class="text-tone-100 text-sm text-center mb-5" id="error-desc">
-              You're almost there! Please note we can only process <span class='font-bold'>up to ${this.currency} ${this.maxAmount}</span> per transaction. 
+              You're almost there! Please note that we can only process transactions within a specific limit.
             </p>
           </div>
           <div class="container-center hidden" id="error-action-container">