@spot-flow/checkout-inline-js 0.2.4-dev.2 → 0.2.5-dev.1

package/dist/checkout-inline.es.js

@@ -1723,7 +1723,7 @@ const Fs = new Pl({
       if (w === "en" || a) return f;
       const A = Object.keys(f), M = Object.values(f);
       return (await m(M, w)).reduce(
-        (D, G, q) => (D[A[q]] = G, D),
+        (D, F, q) => (D[A[q]] = F, D),
         {}
       );
     },
@@ -24924,12 +24924,12 @@ class Wl {
       const x = p.files, E = /(\.jpg|\.jpeg|\.png|\.pdf)$/i;
       if (x && x.length)
         if (E.exec(x[0].name)) {
-          const G = x[0];
+          const F = x[0];
           y && (y.innerHTML = `<span class="bg-primary text-white text-sm font-semibold py-2 px-3 rounded-md" id="upload-btn-text">
               Uploading...
           </span>`), setTimeout(async () => {
             var q;
-            this.uploadRes = await this.uploadEvidenceFile(G), (q = this.uploadRes) != null && q.url && this.documents.push(this.uploadRes.url), x[0].name && (m && (m.textContent = this.uploadRes.message), g && (g.textContent = `${x[0].name} | ${Math.floor(x[0].size / 1024)} KB . ${(/* @__PURE__ */ new Date()).toLocaleString(
+            this.uploadRes = await this.uploadEvidenceFile(F), (q = this.uploadRes) != null && q.url && this.documents.push(this.uploadRes.url), x[0].name && (m && (m.textContent = this.uploadRes.message), g && (g.textContent = `${x[0].name} | ${Math.floor(x[0].size / 1024)} KB . ${(/* @__PURE__ */ new Date()).toLocaleString(
               "en-us",
               {
                 day: "numeric",
@@ -25587,8 +25587,8 @@ function Cc(n, e) {
       x.removeEventListener("load", D);
       try {
         nt.width = x.naturalWidth, nt.height = x.naturalHeight, qs.drawImage(x, 0, 0), w.rr_dataURL = nt.toDataURL(c.type, c.quality);
-      } catch (G) {
-        console.warn(`Cannot inline img src=${x.currentSrc}! Error: ${G}`);
+      } catch (F) {
+        console.warn(`Cannot inline img src=${x.currentSrc}! Error: ${F}`);
       }
       E ? w.crossOrigin = E : x.removeAttribute("crossorigin");
     };
@@ -25652,15 +25652,15 @@ function Sc(n, e) {
   return !1;
 }
 function at(n, e) {
-  const { doc: t, mirror: i, blockClass: s, blockSelector: a, maskTextClass: o, maskTextSelector: l, skipChild: c = !1, inlineStylesheet: p = !0, maskInputOptions: m = {}, maskTextFn: g, maskInputFn: b, slimDOMOptions: y, dataURLOptions: S = {}, inlineImages: f = !1, recordCanvas: w = !1, onSerialize: A, onIframeLoad: M, iframeLoadTimeout: x = 5e3, onStylesheetLoad: E, stylesheetLoadTimeout: D = 5e3, keepIframeSrcFn: G = () => !1, newlyAddedElement: q = !1 } = e;
-  let { needsMask: K } = e, { preserveWhiteSpace: z = !0 } = e;
-  !K && n.childNodes && (K = Wa(n, o, l, K === void 0));
+  const { doc: t, mirror: i, blockClass: s, blockSelector: a, maskTextClass: o, maskTextSelector: l, skipChild: c = !1, inlineStylesheet: p = !0, maskInputOptions: m = {}, maskTextFn: g, maskInputFn: b, slimDOMOptions: y, dataURLOptions: S = {}, inlineImages: f = !1, recordCanvas: w = !1, onSerialize: A, onIframeLoad: M, iframeLoadTimeout: x = 5e3, onStylesheetLoad: E, stylesheetLoadTimeout: D = 5e3, keepIframeSrcFn: F = () => !1, newlyAddedElement: q = !1 } = e;
+  let { needsMask: G } = e, { preserveWhiteSpace: z = !0 } = e;
+  !G && n.childNodes && (G = Wa(n, o, l, G === void 0));
   const ce = fc(n, {
     doc: t,
     mirror: i,
     blockClass: s,
     blockSelector: a,
-    needsMask: K,
+    needsMask: G,
     inlineStylesheet: p,
     maskInputOptions: m,
     maskTextFn: g,
@@ -25668,7 +25668,7 @@ function at(n, e) {
     dataURLOptions: S,
     inlineImages: f,
     recordCanvas: w,
-    keepIframeSrcFn: G,
+    keepIframeSrcFn: F,
     newlyAddedElement: q
   });
   if (!ce)
@@ -25692,7 +25692,7 @@ function at(n, e) {
       mirror: i,
       blockClass: s,
       blockSelector: a,
-      needsMask: K,
+      needsMask: G,
       maskTextClass: o,
       maskTextSelector: l,
       skipChild: c,
@@ -25710,7 +25710,7 @@ function at(n, e) {
       iframeLoadTimeout: x,
       onStylesheetLoad: E,
       stylesheetLoadTimeout: D,
-      keepIframeSrcFn: G
+      keepIframeSrcFn: F
     };
     if (!(j.type === Se.Element && j.tagName === "textarea" && j.attributes.value !== void 0)) for (const Ke of Array.from(n.childNodes)) {
       const we = at(Ke, ve);
@@ -25730,7 +25730,7 @@ function at(n, e) {
         mirror: i,
         blockClass: s,
         blockSelector: a,
-        needsMask: K,
+        needsMask: G,
         maskTextClass: o,
         maskTextSelector: l,
         skipChild: !1,
@@ -25748,7 +25748,7 @@ function at(n, e) {
         iframeLoadTimeout: x,
         onStylesheetLoad: E,
         stylesheetLoadTimeout: D,
-        keepIframeSrcFn: G
+        keepIframeSrcFn: F
       });
       Ke && M(n, Ke);
     }
@@ -25759,7 +25759,7 @@ function at(n, e) {
         mirror: i,
         blockClass: s,
         blockSelector: a,
-        needsMask: K,
+        needsMask: G,
         maskTextClass: o,
         maskTextSelector: l,
         skipChild: !1,
@@ -25777,7 +25777,7 @@ function at(n, e) {
         iframeLoadTimeout: x,
         onStylesheetLoad: E,
         stylesheetLoadTimeout: D,
-        keepIframeSrcFn: G
+        keepIframeSrcFn: F
       });
       ve && E(n, ve);
     }
@@ -26514,18 +26514,18 @@ function Hc({ inputCb: n, doc: e, mirror: t, blockClass: i, blockSelector: s, ig
     const E = M.isTrusted, D = x && x.tagName;
     if (x && D === "OPTION" && (x = x.parentElement), !x || !D || Rc.indexOf(D) < 0 || He(x, i, s, !0) || x.classList.contains(a) || o && x.matches(o))
       return;
-    let G = x.value, q = !1;
-    const K = as(x) || "";
-    K === "radio" || K === "checkbox" ? q = x.checked : (l[D.toLowerCase()] || l[K]) && (G = ss({
+    let F = x.value, q = !1;
+    const G = as(x) || "";
+    G === "radio" || G === "checkbox" ? q = x.checked : (l[D.toLowerCase()] || l[G]) && (F = ss({
       element: x,
       maskInputOptions: l,
       tagName: D,
-      type: K,
-      value: G,
+      type: G,
+      value: F,
       maskInputFn: c
-    })), b(x, m ? { text: G, isChecked: q, userTriggered: E } : { text: G, isChecked: q });
+    })), b(x, m ? { text: F, isChecked: q, userTriggered: E } : { text: F, isChecked: q });
     const z = x.name;
-    K === "radio" && z && q && e.querySelectorAll(`input[type="radio"][name="${z}"]`).forEach((ce) => {
+    G === "radio" && z && q && e.querySelectorAll(`input[type="radio"][name="${z}"]`).forEach((ce) => {
       if (ce !== x) {
         const Le = ce.value;
         b(ce, m ? { text: Le, isChecked: !q, userTriggered: !1 } : { text: Le, isChecked: !q });
@@ -27692,7 +27692,7 @@ function Ce(n) {
 let me, ui, ji, Ci = !1;
 const Ye = ec();
 function Dt(n = {}) {
-  const { emit: e, checkoutEveryNms: t, checkoutEveryNth: i, blockClass: s = "rr-block", blockSelector: a = null, ignoreClass: o = "rr-ignore", ignoreSelector: l = null, maskTextClass: c = "rr-mask", maskTextSelector: p = null, inlineStylesheet: m = !0, maskAllInputs: g, maskInputOptions: b, slimDOMOptions: y, maskInputFn: S, maskTextFn: f, hooks: w, packFn: A, sampling: M = {}, dataURLOptions: x = {}, mousemoveWait: E, recordDOM: D = !0, recordCanvas: G = !1, recordCrossOriginIframes: q = !1, recordAfter: K = n.recordAfter === "DOMContentLoaded" ? n.recordAfter : "load", userTriggeredOnInput: z = !1, collectFonts: ce = !1, inlineImages: Le = !1, plugins: j, keepIframeSrcFn: Be = () => !1, ignoreCSSAttributes: ve = /* @__PURE__ */ new Set([]), errorHandler: Ke } = n;
+  const { emit: e, checkoutEveryNms: t, checkoutEveryNth: i, blockClass: s = "rr-block", blockSelector: a = null, ignoreClass: o = "rr-ignore", ignoreSelector: l = null, maskTextClass: c = "rr-mask", maskTextSelector: p = null, inlineStylesheet: m = !0, maskAllInputs: g, maskInputOptions: b, slimDOMOptions: y, maskInputFn: S, maskTextFn: f, hooks: w, packFn: A, sampling: M = {}, dataURLOptions: x = {}, mousemoveWait: E, recordDOM: D = !0, recordCanvas: F = !1, recordCrossOriginIframes: q = !1, recordAfter: G = n.recordAfter === "DOMContentLoaded" ? n.recordAfter : "load", userTriggeredOnInput: z = !1, collectFonts: ce = !1, inlineImages: Le = !1, plugins: j, keepIframeSrcFn: Be = () => !1, ignoreCSSAttributes: ve = /* @__PURE__ */ new Set([]), errorHandler: Ke } = n;
   Ec(Ke);
   const we = q ? window.parent === window : !0;
   let hn = !1;
@@ -27796,7 +27796,7 @@ function Dt(n = {}) {
     });
   const Pe = new rd();
   ji = new ad({
-    recordCanvas: G,
+    recordCanvas: F,
     mutationCb: he,
     win: window,
     blockClass: s,
@@ -27818,7 +27818,7 @@ function Dt(n = {}) {
       dataURLOptions: x,
       maskTextFn: f,
       maskInputFn: S,
-      recordCanvas: G,
+      recordCanvas: F,
       inlineImages: Le,
       sampling: M,
       slimDOMOptions: mn,
@@ -27852,7 +27852,7 @@ function Dt(n = {}) {
       maskTextFn: f,
       slimDOM: mn,
       dataURLOptions: x,
-      recordCanvas: G,
+      recordCanvas: F,
       inlineImages: Le,
       onSerialize: (te) => {
         $a(te, Ye) && je.addIframe(te), eo(te, Ye) && ze.trackLinkElement(te), Yi(te) && on.addShadowRoot(te.shadowRoot, document);
@@ -27938,7 +27938,7 @@ function Dt(n = {}) {
         inlineStylesheet: m,
         sampling: M,
         recordDOM: D,
-        recordCanvas: G,
+        recordCanvas: F,
         inlineImages: Le,
         userTriggeredOnInput: z,
         collectFonts: ce,
@@ -27983,12 +27983,12 @@ function Dt(n = {}) {
       me(Ce({
         type: X.DomContentLoaded,
         data: {}
-      })), K === "DOMContentLoaded" && te();
+      })), G === "DOMContentLoaded" && te();
     })), H.push(Re("load", () => {
       me(Ce({
         type: X.Load,
         data: {}
-      })), K === "load" && te();
+      })), G === "load" && te();
     }, window))), () => {
       H.forEach((fe) => fe()), Pe.destroy(), Ci = !1, Pc();
     };
@@ -28678,50 +28678,50 @@ v.dom_query = /* @__PURE__ */ function() {
       var E = o.match(dd);
       if (E) {
         c = E[1];
-        var D = E[2], G = E[3], q = E[4];
+        var D = E[2], F = E[3], q = E[4];
         for (c || (c = "*"), p = [], m = 0, b = 0; b < w.length; b++)
           for (c == "*" ? S = n(w[b]) : S = w[b].getElementsByTagName(c), y = 0; y < S.length; y++)
             p[m++] = S[y];
         w = [], f = 0;
-        var K;
-        switch (G) {
+        var G;
+        switch (F) {
           case "=":
-            K = function(z) {
+            G = function(z) {
               return z.getAttribute(D) == q;
             };
             break;
           case "~":
-            K = function(z) {
+            G = function(z) {
               return z.getAttribute(D).match(new RegExp("\\b" + q + "\\b"));
             };
             break;
           case "|":
-            K = function(z) {
+            G = function(z) {
               return z.getAttribute(D).match(new RegExp("^" + q + "-?"));
             };
             break;
           case "^":
-            K = function(z) {
+            G = function(z) {
               return z.getAttribute(D).indexOf(q) === 0;
             };
             break;
           case "$":
-            K = function(z) {
+            G = function(z) {
               return z.getAttribute(D).lastIndexOf(q) == z.getAttribute(D).length - q.length;
             };
             break;
           case "*":
-            K = function(z) {
+            G = function(z) {
               return z.getAttribute(D).indexOf(q) > -1;
             };
             break;
           default:
-            K = function(z) {
+            G = function(z) {
               return z.getAttribute(D);
             };
         }
         for (w = [], f = 0, b = 0; b < p.length; b++)
-          K(p[b]) && (w[f++] = p[b]);
+          G(p[b]) && (w[f++] = p[b]);
         continue;
       }
       for (c = o, p = [], m = 0, b = 0; b < w.length; b++)
@@ -31304,7 +31304,7 @@ class jd {
     restartTransactionProcess: x,
     retryingPayment: E,
     keys: D,
-    testcardIsVisible: G
+    testcardIsVisible: F
   }) {
     d(this, "contents");
     d(this, "cardDetailForm");
@@ -31353,7 +31353,7 @@ class jd {
     d(this, "otpMessage");
     d(this, "rawAvsData");
     d(this, "translatedAvsData");
-    this.currency = c, this.onSuccess = b || (() => null), this.keys = D, this.testcardIsVisible = G, this.container = i, this.encryption = a, this.token = l, this.customer = s, this.planId = o, this.amount = e, this.totalAmount = t, this.rdtCode = p, this.url = m, this.reference = g, this.callBackUrl = y, this.metadata = S, this.localCurrency = f, this._currentStep = 1, this.activeRef = "", this.contents = this.container.querySelector(
+    this.currency = c, this.onSuccess = b || (() => null), this.keys = D, this.testcardIsVisible = F, this.container = i, this.encryption = a, this.token = l, this.customer = s, this.planId = o, this.amount = e, this.totalAmount = t, this.rdtCode = p, this.url = m, this.reference = g, this.callBackUrl = y, this.metadata = S, this.localCurrency = f, this._currentStep = 1, this.activeRef = "", this.contents = this.container.querySelector(
       "#payment-content-view"
     ), this.cardResponse = {}, this.cardResponseHeader = {}, this.hidePaymentMethods = w, this.showPaymentMethods = A, this.onClose = M, this.restartTransactionProcess = x, this.retryingPayment = E, this.isMaxRetriesReached = !1, this.isCancelledPlan = !1, this.errorText = "", this.otpMessage = "", this.renderCardContent(), this.rawAvsData = {
       "billing-address": "Billing address",
@@ -32342,9 +32342,9 @@ var To = { exports: {} };
               }, f.prototype.decode = function(w) {
                 if (w.length === 0)
                   return new Uint8Array(0);
-                for (var A = this._getPaddingLength(w), M = w.length - A, x = new Uint8Array(this.maxDecodedLength(M)), E = 0, D = 0, G = 0, q = 0, K = 0, z = 0, ce = 0; D < M - 4; D += 4)
-                  q = this._decodeChar(w.charCodeAt(D + 0)), K = this._decodeChar(w.charCodeAt(D + 1)), z = this._decodeChar(w.charCodeAt(D + 2)), ce = this._decodeChar(w.charCodeAt(D + 3)), x[E++] = q << 2 | K >>> 4, x[E++] = K << 4 | z >>> 2, x[E++] = z << 6 | ce, G |= q & o, G |= K & o, G |= z & o, G |= ce & o;
-                if (D < M - 1 && (q = this._decodeChar(w.charCodeAt(D)), K = this._decodeChar(w.charCodeAt(D + 1)), x[E++] = q << 2 | K >>> 4, G |= q & o, G |= K & o), D < M - 2 && (z = this._decodeChar(w.charCodeAt(D + 2)), x[E++] = K << 4 | z >>> 2, G |= z & o), D < M - 3 && (ce = this._decodeChar(w.charCodeAt(D + 3)), x[E++] = z << 6 | ce, G |= ce & o), G !== 0)
+                for (var A = this._getPaddingLength(w), M = w.length - A, x = new Uint8Array(this.maxDecodedLength(M)), E = 0, D = 0, F = 0, q = 0, G = 0, z = 0, ce = 0; D < M - 4; D += 4)
+                  q = this._decodeChar(w.charCodeAt(D + 0)), G = this._decodeChar(w.charCodeAt(D + 1)), z = this._decodeChar(w.charCodeAt(D + 2)), ce = this._decodeChar(w.charCodeAt(D + 3)), x[E++] = q << 2 | G >>> 4, x[E++] = G << 4 | z >>> 2, x[E++] = z << 6 | ce, F |= q & o, F |= G & o, F |= z & o, F |= ce & o;
+                if (D < M - 1 && (q = this._decodeChar(w.charCodeAt(D)), G = this._decodeChar(w.charCodeAt(D + 1)), x[E++] = q << 2 | G >>> 4, F |= q & o, F |= G & o), D < M - 2 && (z = this._decodeChar(w.charCodeAt(D + 2)), x[E++] = G << 4 | z >>> 2, F |= z & o), D < M - 3 && (ce = this._decodeChar(w.charCodeAt(D + 3)), x[E++] = z << 6 | ce, F |= ce & o), F !== 0)
                   throw new Error("Base64Coder: incorrect characters for decoding");
                 return x;
               }, f.prototype._encodeByte = function(w) {
@@ -32544,7 +32544,7 @@ var To = { exports: {} };
                 k.loading[r].push(C);
               else {
                 k.loading[r] = [C];
-                var T = F.createScriptRequest(k.getPath(r, u)), I = k.receivers.create(function(B) {
+                var T = K.createScriptRequest(k.getPath(r, u)), I = k.receivers.create(function(B) {
                   if (k.receivers.remove(I), k.loading[r]) {
                     var O = k.loading[r];
                     delete k.loading[r];
@@ -32558,7 +32558,7 @@ var To = { exports: {} };
               }
             }
             getRoot(r) {
-              var u, C = F.getDocument().location.protocol;
+              var u, C = K.getDocument().location.protocol;
               return r && r.useTLS || C === "https:" ? u = this.options.cdn_https : u = this.options.cdn_http, u.replace(/\/*$/, "") + "/" + this.options.version;
             }
             getPath(r, u) {
@@ -32632,7 +32632,7 @@ var To = { exports: {} };
               super(r), Object.setPrototypeOf(this, new.target.prototype);
             }
           }
-          class G extends Error {
+          class F extends Error {
             constructor(r) {
               super(r), Object.setPrototypeOf(this, new.target.prototype);
             }
@@ -32642,13 +32642,13 @@ var To = { exports: {} };
               super(r), Object.setPrototypeOf(this, new.target.prototype);
             }
           }
-          class K extends Error {
+          class G extends Error {
             constructor(r, u) {
               super(u), this.status = r, Object.setPrototypeOf(this, new.target.prototype);
             }
           }
           var ce = function(h, r, u, C, k) {
-            const T = F.createXHR();
+            const T = K.createXHR();
             T.open("POST", u.endpoint, !0), T.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
             for (var I in u.headers)
               T.setRequestHeader(I, u.headers[I]);
@@ -32664,7 +32664,7 @@ var To = { exports: {} };
                   try {
                     B = JSON.parse(T.responseText), O = !0;
                   } catch {
-                    k(new K(200, `JSON returned from ${C.toString()} endpoint was invalid, yet status code was 200. Data was: ${T.responseText}`), null);
+                    k(new G(200, `JSON returned from ${C.toString()} endpoint was invalid, yet status code was 200. Data was: ${T.responseText}`), null);
                   }
                   O && k(null, B);
                 } else {
@@ -32677,7 +32677,7 @@ var To = { exports: {} };
                       B = `Clients must be authorized to join private or presence channels. ${S.buildLogSuffix("authorizationEndpoint")}`;
                       break;
                   }
-                  k(new K(T.status, `Unable to retrieve auth string from ${C.toString()} endpoint - received status: ${T.status} from ${u.endpoint}. ${B}`), null);
+                  k(new G(T.status, `Unable to retrieve auth string from ${C.toString()} endpoint - received status: ${T.status} from ${u.endpoint}. ${B}`), null);
                 }
             }, T.send(r), T;
           };
@@ -32946,7 +32946,7 @@ var To = { exports: {} };
             send(r) {
               if (!this.request) {
                 var u = Nt(this.data), C = this.url + "/" + r.number + "?" + u;
-                this.request = F.createScriptRequest(C), this.request.send(r);
+                this.request = K.createScriptRequest(C), this.request.send(r);
               }
             }
             cleanup() {
@@ -32955,7 +32955,7 @@ var To = { exports: {} };
           }
           var jt = function(h, r) {
             return function(u, C) {
-              var k = "http" + (r ? "s" : "") + "://", T = k + (h.host || h.options.host) + h.options.path, I = F.createJSONPRequest(T, u), B = F.ScriptReceivers.create(function(O, $) {
+              var k = "http" + (r ? "s" : "") + "://", T = k + (h.host || h.options.host) + h.options.path, I = K.createJSONPRequest(T, u), B = K.ScriptReceivers.create(function(O, $) {
                 o.remove(B), I.cleanup(), $ && $.host && (h.host = $.host), C && C(O, $);
               });
               I.send(B);
@@ -33060,7 +33060,7 @@ var To = { exports: {} };
           }
           class Yt extends We {
             constructor(r, u, C, k, T) {
-              super(), this.initialize = F.transportConnectionInitializer, this.hooks = r, this.name = u, this.priority = C, this.key = k, this.options = T, this.state = "new", this.timeline = T.timeline, this.activityTimeout = T.activityTimeout, this.id = this.timeline.generateUniqueID();
+              super(), this.initialize = K.transportConnectionInitializer, this.hooks = r, this.name = u, this.priority = C, this.key = k, this.options = T, this.state = "new", this.timeline = T.timeline, this.activityTimeout = T.activityTimeout, this.id = this.timeline.generateUniqueID();
             }
             handlesActivityChecks() {
               return !!this.hooks.handlesActivityChecks;
@@ -33153,13 +33153,13 @@ var To = { exports: {} };
             handlesActivityChecks: !1,
             supportsPing: !1,
             isInitialized: function() {
-              return !!F.getWebSocketAPI();
+              return !!K.getWebSocketAPI();
             },
             isSupported: function() {
-              return !!F.getWebSocketAPI();
+              return !!K.getWebSocketAPI();
             },
             getSocket: function(h) {
-              return F.createWebSocket(h);
+              return K.createWebSocket(h);
             }
           }), yt = {
             urls: Zt,
@@ -33170,15 +33170,15 @@ var To = { exports: {} };
             }
           }, Je = ke({
             getSocket: function(h) {
-              return F.HTTPFactory.createStreamingSocket(h);
+              return K.HTTPFactory.createStreamingSocket(h);
             }
           }, yt), xn = ke({
             getSocket: function(h) {
-              return F.HTTPFactory.createPollingSocket(h);
+              return K.HTTPFactory.createPollingSocket(h);
             }
           }, yt), bn = {
             isSupported: function() {
-              return F.isXHRSupported();
+              return K.isXHRSupported();
             }
           }, ws = new vn(ke({}, Je, bn)), ks = new vn(ke({}, xn, bn)), Ze = {
             ws: Xt,
@@ -33210,7 +33210,7 @@ var To = { exports: {} };
             }
           }), ei = {
             isSupported: function(h) {
-              var r = F.isXDRSupported(h.useTLS);
+              var r = K.isXDRSupported(h.useTLS);
               return r;
             }
           }, Io = new vn(ke({}, Je, ei)), Do = new vn(ke({}, xn, ei));
@@ -33423,7 +33423,7 @@ var To = { exports: {} };
               this.timeline = r, this.options = u || {};
             }
             send(r, u) {
-              this.timeline.isEmpty() || this.timeline.send(F.TimelineTransport.getAgent(this, r), u);
+              this.timeline.isEmpty() || this.timeline.send(K.TimelineTransport.getAgent(this, r), u);
             }
           }
           class Ii extends We {
@@ -33469,7 +33469,7 @@ var To = { exports: {} };
                 r ? (this.subscriptionPending = !1, oe.error(r.toString()), this.emit("pusher:subscription_error", Object.assign({}, {
                   type: "AuthError",
                   error: r.message
-                }, r instanceof K ? { status: r.status } : {}))) : this.pusher.send_event("pusher:subscribe", {
+                }, r instanceof G ? { status: r.status } : {}))) : this.pusher.send_event("pusher:subscribe", {
                   auth: u.auth,
                   channel_data: u.channel_data,
                   channel: this.name
@@ -33688,7 +33688,7 @@ var To = { exports: {} };
           class zo extends We {
             constructor(r, u) {
               super(), this.state = "initialized", this.connection = null, this.key = r, this.options = u, this.timeline = this.options.timeline, this.usingTLS = this.options.useTLS, this.errorCallbacks = this.buildErrorCallbacks(), this.connectionCallbacks = this.buildConnectionCallbacks(this.errorCallbacks), this.handshakeCallbacks = this.buildHandshakeCallbacks(this.errorCallbacks);
-              var C = F.getNetwork();
+              var C = K.getNetwork();
               C.bind("online", () => {
                 this.timeline.info({ netinfo: "online" }), (this.state === "connecting" || this.state === "unavailable") && this.retryIn(0);
               }), C.bind("offline", () => {
@@ -34043,7 +34043,7 @@ var To = { exports: {} };
             return "pusherTransport" + (h ? "TLS" : "NonTLS");
           }
           function er(h) {
-            var r = F.getLocalStorage();
+            var r = K.getLocalStorage();
             if (r)
               try {
                 var u = r[Hi(h)];
@@ -34055,7 +34055,7 @@ var To = { exports: {} };
             return null;
           }
           function nr(h, r, u, C) {
-            var k = F.getLocalStorage();
+            var k = K.getLocalStorage();
             if (k)
               try {
                 k[Hi(h)] = Fn({
@@ -34068,7 +34068,7 @@ var To = { exports: {} };
               }
           }
           function xs(h) {
-            var r = F.getLocalStorage();
+            var r = K.getLocalStorage();
             if (r)
               try {
                 delete r[Hi(h)];
@@ -34209,10 +34209,10 @@ var To = { exports: {} };
             start(r) {
               this.position = 0, this.xhr = this.hooks.getRequest(this), this.unloader = () => {
                 this.close();
-              }, F.addUnloadListener(this.unloader), this.xhr.open(this.method, this.url, !0), this.xhr.setRequestHeader && this.xhr.setRequestHeader("Content-Type", "application/json"), this.xhr.send(r);
+              }, K.addUnloadListener(this.unloader), this.xhr.open(this.method, this.url, !0), this.xhr.setRequestHeader && this.xhr.setRequestHeader("Content-Type", "application/json"), this.xhr.send(r);
             }
             close() {
-              this.unloader && (F.removeUnloadListener(this.unloader), this.unloader = null), this.xhr && (this.hooks.abortRequest(this.xhr), this.xhr = null);
+              this.unloader && (K.removeUnloadListener(this.unloader), this.unloader = null), this.xhr && (this.hooks.abortRequest(this.xhr), this.xhr = null);
             }
             onChunk(r, u) {
               for (; ; ) {
@@ -34254,7 +34254,7 @@ var To = { exports: {} };
             sendRaw(r) {
               if (this.readyState === jn.OPEN)
                 try {
-                  return F.createSocketRequest("POST", Ls(mr(this.location, this.session))).start(r), !0;
+                  return K.createSocketRequest("POST", Ls(mr(this.location, this.session))).start(r), !0;
                 } catch {
                   return !1;
                 }
@@ -34309,7 +34309,7 @@ var To = { exports: {} };
               this.onerror && this.onerror(r);
             }
             openStream() {
-              this.stream = F.createSocketRequest("POST", Ls(this.hooks.getReceiveURL(this.location, this.session))), this.stream.bind("chunk", (r) => {
+              this.stream = K.createSocketRequest("POST", Ls(this.hooks.getReceiveURL(this.location, this.session))), this.stream.bind("chunk", (r) => {
                 this.onChunk(r);
               }), this.stream.bind("finished", (r) => {
                 this.hooks.onFinished(this, r);
@@ -34347,7 +34347,7 @@ var To = { exports: {} };
             return u[1] + r + u[3];
           }
           function Ts(h) {
-            return F.randomInt(h);
+            return K.randomInt(h);
           }
           function vr(h) {
             for (var r = [], u = 0; u < h; u++)
@@ -34381,7 +34381,7 @@ var To = { exports: {} };
             }
           }, Cr = yr, Sr = {
             getRequest: function(h) {
-              var r = F.getXHRAPI(), u = new r();
+              var r = K.getXHRAPI(), u = new r();
               return u.onreadystatechange = u.onprogress = function() {
                 switch (u.readyState) {
                   case 3:
@@ -34509,7 +34509,7 @@ var To = { exports: {} };
                 return (window.crypto || window.msCrypto).getRandomValues(new Uint32Array(1))[0] / Math.pow(2, 32);
               }() * h);
             }
-          }, F = Mr, Oi;
+          }, K = Mr, Oi;
           (function(h) {
             h[h.ERROR = 3] = "ERROR", h[h.INFO = 6] = "INFO", h[h.DEBUG = 7] = "DEBUG";
           })(Oi || (Oi = {}));
@@ -34601,11 +34601,11 @@ var To = { exports: {} };
               }
             };
           }
-          const { Transports: Tr } = F;
+          const { Transports: Tr } = K;
           var _r = function(h, r, u, C, k, T) {
             var I = Tr[u];
             if (!I)
-              throw new G(u);
+              throw new F(u);
             var B = (!h.enabledTransports || je(h.enabledTransports, r) !== -1) && (!h.disabledTransports || je(h.disabledTransports, r) === -1), O;
             return B ? (k = Object.assign({ ignoreNullOrigin: h.ignoreNullOrigin }, k), O = new Lr(r, C, T ? T.getAssistant(I) : I, k)) : O = Er, O;
           }, Er = {
@@ -34644,11 +34644,11 @@ var To = { exports: {} };
             return u;
           };
           var Dr = (h) => {
-            if (typeof F.getAuthorizers()[h.transport] > "u")
+            if (typeof K.getAuthorizers()[h.transport] > "u")
               throw `'${h.transport}' is not a recognized auth transport`;
             return (r, u) => {
               const C = Ir(r, h);
-              F.getAuthorizers()[h.transport](F, C, h, f.UserAuthentication, u);
+              K.getAuthorizers()[h.transport](K, C, h, f.UserAuthentication, u);
             };
           };
           const Br = (h, r) => {
@@ -34664,11 +34664,11 @@ var To = { exports: {} };
             return u;
           };
           var Rr = (h) => {
-            if (typeof F.getAuthorizers()[h.transport] > "u")
+            if (typeof K.getAuthorizers()[h.transport] > "u")
               throw `'${h.transport}' is not a recognized auth transport`;
             return (r, u) => {
               const C = Br(r, h);
-              F.getAuthorizers()[h.transport](F, C, h, f.ChannelAuthorization, u);
+              K.getAuthorizers()[h.transport](K, C, h, f.ChannelAuthorization, u);
             };
           };
           const Hr = (h, r, u) => {
@@ -34717,7 +34717,7 @@ var To = { exports: {} };
             return `ws-${h}.pusher.com`;
           }
           function Fr(h) {
-            return F.getProtocol() === "https:" ? !0 : h.forceTLS !== !1;
+            return K.getProtocol() === "https:" ? !0 : h.forceTLS !== !1;
           }
           function Kr(h) {
             return "enableStats" in h ? h.enableStats : "disableStats" in h ? !h.disableStats : !1;
@@ -34832,12 +34832,12 @@ var To = { exports: {} };
                 Te.instances[r].connect();
             }
             static getClientFeatures() {
-              return on(ee({ ws: F.Transports.ws }, function(r) {
+              return on(ee({ ws: K.Transports.ws }, function(r) {
                 return r.isSupported({});
               }));
             }
             constructor(r, u) {
-              Jr(r), Pr(u), this.key = r, this.config = Nr(u, this), this.channels = fn.createChannels(), this.global_emitter = new We(), this.sessionID = F.randomInt(1e9), this.timeline = new xr(this.key, this.sessionID, {
+              Jr(r), Pr(u), this.key = r, this.config = Nr(u, this), this.channels = fn.createChannels(), this.global_emitter = new We(), this.sessionID = K.randomInt(1e9), this.timeline = new xr(this.key, this.sessionID, {
                 cluster: this.config.cluster,
                 features: Te.getClientFeatures(),
                 params: this.config.timelineParams || {},
@@ -34846,9 +34846,9 @@ var To = { exports: {} };
                 version: c.VERSION
               }), this.config.enableStats && (this.timelineSender = fn.createTimelineSender(this.timeline, {
                 host: this.config.statsHost,
-                path: "/timeline/v2/" + F.TimelineTransport.name
+                path: "/timeline/v2/" + K.TimelineTransport.name
               }));
-              var C = (k) => F.getDefaultStrategy(this.config, k, _r);
+              var C = (k) => K.getDefaultStrategy(this.config, k, _r);
               this.connection = fn.createConnectionManager(this.key, {
                 getStrategy: C,
                 timeline: this.timeline,
@@ -34928,13 +34928,13 @@ var To = { exports: {} };
               this.user.signin();
             }
           }
-          Te.instances = [], Te.isReady = !1, Te.logToConsole = !1, Te.Runtime = F, Te.ScriptReceivers = F.ScriptReceivers, Te.DependenciesReceivers = F.DependenciesReceivers, Te.auth_callbacks = F.auth_callbacks;
+          Te.instances = [], Te.isReady = !1, Te.logToConsole = !1, Te.Runtime = K, Te.ScriptReceivers = K.ScriptReceivers, Te.DependenciesReceivers = K.DependenciesReceivers, Te.auth_callbacks = K.auth_callbacks;
           var Ui = i.default = Te;
           function Jr(h) {
             if (h == null)
               throw "You must pass your app key when you instantiate Pusher.";
           }
-          F.setup(Te);
+          K.setup(Te);
         }
         /******/
       ])
@@ -36558,11 +36558,11 @@ class hu {
       "#designated-rate-mob"
     ), w = this.container.querySelector(
       "#designated-rate-no-plan"
-    ), A = this.container.querySelector("#source-rate"), M = this.container.querySelector("#source-rate-mob"), x = this.container.querySelector("#tax-rate"), E = this.container.querySelector("#tax-rate-mob"), D = this.container.querySelector("#tooltip-localCurrency"), G = this.container.querySelector(
+    ), A = this.container.querySelector("#source-rate"), M = this.container.querySelector("#source-rate-mob"), x = this.container.querySelector("#tax-rate"), E = this.container.querySelector("#tax-rate-mob"), D = this.container.querySelector("#tooltip-localCurrency"), F = this.container.querySelector(
       "#tooltip-localCurrency-mob"
     ), q = this.container.querySelector(
       "#select-payment-method-text"
-    ), K = this.container.querySelector("#amount-text"), z = this.container.querySelector("#what-is-this"), ce = this.container.querySelector("#reflect"), Le = this.container.querySelector("#please-note"), j = this.container.querySelector("#what-is-this-mob"), Be = this.container.querySelector("#reflect-mob"), ve = this.container.querySelector("#please-note-mob"), Ke = this.container.querySelector("#to-pay-text"), we = this.container.querySelector("#language-dropdown");
+    ), G = this.container.querySelector("#amount-text"), z = this.container.querySelector("#what-is-this"), ce = this.container.querySelector("#reflect"), Le = this.container.querySelector("#please-note"), j = this.container.querySelector("#what-is-this-mob"), Be = this.container.querySelector("#reflect-mob"), ve = this.container.querySelector("#please-note-mob"), Ke = this.container.querySelector("#to-pay-text"), we = this.container.querySelector("#language-dropdown");
     if (we) {
       const Je = this.currency === "USD" ? this.localCurrency : this.currency, xn = (mn = is(
         Je,
@@ -36584,7 +36584,7 @@ class hu {
         }
       });
     }
-    if (q && (q.innerHTML = Z.select_payment_method_text), K && (K.innerHTML = `${Z.amount}:`), Ke && (Ke.innerHTML = `${Z["to-pay"]}:`), z && (z.innerHTML = P["what-is-this"]), ce && (ce.innerHTML = P["rate-reflect-note"]), Le && (Le.innerHTML = P["rate-please-note"]), j && (j.innerHTML = P["what-is-this"]), Be && (Be.innerHTML = P["rate-reflect-note"]), ve && (ve.innerHTML = P["rate-please-note"]), (Un = this.merchantDetail) != null && Un.merchantLogo ? t && t.setAttribute("src", (An = this.merchantDetail) == null ? void 0 : An.merchantLogo) : e && (t == null || t.remove(), e.innerHTML = `<div class="font-semibold text-tone-100 rounded-2xl w-8 h-8 bg-tone-10 container-center uppercase">${this.merchantDetail.merchantName[0]}</div>`), i && (i.innerHTML = this.email), s && (s.innerHTML = this.email), l) {
+    if (q && (q.innerHTML = Z.select_payment_method_text), G && (G.innerHTML = `${Z.amount}:`), Ke && (Ke.innerHTML = `${Z["to-pay"]}:`), z && (z.innerHTML = P["what-is-this"]), ce && (ce.innerHTML = P["rate-reflect-note"]), Le && (Le.innerHTML = P["rate-please-note"]), j && (j.innerHTML = P["what-is-this"]), Be && (Be.innerHTML = P["rate-reflect-note"]), ve && (ve.innerHTML = P["rate-please-note"]), (Un = this.merchantDetail) != null && Un.merchantLogo ? t && t.setAttribute("src", (An = this.merchantDetail) == null ? void 0 : An.merchantLogo) : e && (t == null || t.remove(), e.innerHTML = `<div class="font-semibold text-tone-100 rounded-2xl w-8 h-8 bg-tone-10 container-center uppercase">${this.merchantDetail.merchantName[0]}</div>`), i && (i.innerHTML = this.email), s && (s.innerHTML = this.email), l) {
       if ((pn = (Ge = this.merchantDetail) == null ? void 0 : Ge.plan) != null && pn.title) {
         const Je = ((he = (Vn = this.merchantDetail) == null ? void 0 : Vn.plan) == null ? void 0 : he.title) || "";
         l.textContent = li(Je);
@@ -36616,7 +36616,7 @@ class hu {
     const hn = this.localCurrency !== this.currency ? this.amount * (((Jt = (Qt = this.merchantDetail) == null ? void 0 : Qt.rate) == null ? void 0 : Jt.rate) || 1) : this.amount;
     x && ($n = this.merchantDetail) != null && $n.taxQuoteId && (We = this.merchantDetail) != null && We.totalAmount && (x.classList.remove("hidden"), x.children[1].innerHTML = `${this.localCurrency !== this.currency ? this.localCurrency : this.currency} ${_e(((Yt = this.merchantDetail) == null ? void 0 : Yt.totalAmount) - hn, 2)}`), E && (vn = this.merchantDetail) != null && vn.taxQuoteId && (Xt = this.merchantDetail) != null && Xt.totalAmount && (E.classList.remove("hidden"), E.children[1].innerHTML = `${this.localCurrency !== this.currency ? this.localCurrency : this.currency} ${_e(((yt = this.merchantDetail) == null ? void 0 : yt.totalAmount) - hn, 2)}`);
     const an = ru[this.localCurrency];
-    D && this.localCurrency && (D.innerHTML = an ? `${an} (${this.localCurrency})` : this.localCurrency), G && this.localCurrency && (G.innerHTML = an ? `${an} (${this.localCurrency})` : this.localCurrency), this.renderPaymentOptions(this.container), this.attachListeners();
+    D && this.localCurrency && (D.innerHTML = an ? `${an} (${this.localCurrency})` : this.localCurrency), F && this.localCurrency && (F.innerHTML = an ? `${an} (${this.localCurrency})` : this.localCurrency), this.renderPaymentOptions(this.container), this.attachListeners();
   }
   renderPaymentOptions(e) {
     const t = e.querySelector(".payment-options"), i = In(this.currency, this.localCurrency);
@@ -37245,7 +37245,8 @@ class Su {
     onClose: M,
     restartTransactionProcess: x,
     retryingPayment: E,
-    countryCode: D
+    countryCode: D,
+    planId: F
   }) {
     d(this, "contents");
     d(this, "mobileMoneyForm");
@@ -37272,6 +37273,7 @@ class Su {
     d(this, "token");
     d(this, "callBackUrl");
     d(this, "rdtCode");
+    d(this, "planId", "");
     d(this, "merchantDetails");
     d(this, "onClose");
     d(this, "hidePaymentMethods");
@@ -37288,7 +37290,7 @@ class Su {
     d(this, "otpMessage");
     this.container = e, this.onSuccess = c || (() => null), this.token = y, this.currency = S, this.amount = g, this.totalAmount = b, this.contents = this.container.querySelector(
       "#payment-content-view"
-    ), this._currentStep = 1, this.activeRef = "", this.token = t, this.customer = m, this.metadata = s, this.localCurrency = i, this.callBackUrl = a, this.localCurrency = i, this.rdtCode = o, this.url = p, this.reference = l, this.merchantDetails = {}, this.disablePaymentMethods = f, this.hidePaymentMethods = w, this.showPaymentMethods = A, this.onClose = M, this.paymentResponse = {}, this.paymentResponseHeaders = {}, this.restartTransactionProcess = x, this.retryingPayment = E, this.isMaxRetriesReached = !1, this.countryCode = D, this.errorText = "", this.otpMessage = "", _.track("mobile_money_opens", {
+    ), this._currentStep = 1, this.activeRef = "", this.token = t, this.customer = m, this.metadata = s, this.localCurrency = i, this.callBackUrl = a, this.localCurrency = i, this.rdtCode = o, this.url = p, this.reference = l, this.planId = F, this.merchantDetails = {}, this.disablePaymentMethods = f, this.hidePaymentMethods = w, this.showPaymentMethods = A, this.onClose = M, this.paymentResponse = {}, this.paymentResponseHeaders = {}, this.restartTransactionProcess = x, this.retryingPayment = E, this.isMaxRetriesReached = !1, this.countryCode = D, this.errorText = "", this.otpMessage = "", _.track("mobile_money_opens", {
       payment_method: "Mobile Money"
     }), this.isMobile = window.matchMedia("(max-width: 767px)").matches;
   }
@@ -37360,6 +37362,9 @@ class Su {
           ...this.countryCode && {
             countryCode: this.countryCode
           },
+          ...this.planId && {
+            planId: this.planId
+          },
           deviceInformation: a
         };
         return ul(
@@ -39333,6 +39338,7 @@ class Du {
           url: this.url,
           token: e,
           amount: this.amount,
+          planId: this.planId,
           totalAmount: this.totalAmount,
           metadata: this.metadata,
           localCurrency: this.localCurrency,