mainstack-payments 1.0.46 → 1.0.47

package/build/mainstack-payments.js

@@ -1,5 +1,5 @@
 import { jsx as h, jsxs as M, Fragment as ot } from "react/jsx-runtime";
-import { Colors as Qe, InfoIcon as Xa, Paragraph as by, CountrySelect as L1, NotificationsFilledIcon as si, LockIcon as z1, customSnackbar as Et, SnackbarType as Pt, CancelFilledIcon as Eu, Button as dr, Loader as V1, ExpandMoreIcon as Kr, ClickTooltip as jh, DiscountIcon as j1, PhoneNumberInput as U1, MainstackProvider as G1, CustomSnackbarContainer as W1 } from "mainstack-design-system";
+import { Colors as Qe, InfoIcon as Xa, Paragraph as by, CountrySelect as L1, NotificationsFilledIcon as si, LockIcon as z1, customSnackbar as Ct, SnackbarType as At, CancelFilledIcon as Eu, Button as dr, Loader as V1, ExpandMoreIcon as Kr, ClickTooltip as jh, DiscountIcon as j1, PhoneNumberInput as U1, MainstackProvider as G1, CustomSnackbarContainer as W1 } from "mainstack-design-system";
 import * as L from "react";
 import Ae, { Children as vy, isValidElement as $i, createContext as gn, useContext as nt, useRef as be, useEffect as pe, useCallback as ue, useState as X, useId as so, useLayoutEffect as Fi, useMemo as st, forwardRef as Gt, useReducer as H1, useInsertionEffect as Fd, createElement as Md, cloneElement as Js, memo as Od, useSyncExternalStore as K1, Fragment as Z1, PureComponent as q1, useImperativeHandle as Y1 } from "react";
 import { createPortal as Sy } from "react-dom";
@@ -357,7 +357,7 @@ Qs.exports;
       return y.prototype = void 0, $;
     };
   }();
-  function Ct(y) {
+  function Tt(y) {
     var w = -1, $ = y == null ? 0 : y.length;
     for (this.clear(); ++w < $; ) {
       var V = y[w];
@@ -387,7 +387,7 @@ Qs.exports;
     var $ = this.__data__;
     return this.size += this.has(y) ? 0 : 1, $[y] = da && w === void 0 ? r : w, this;
   }
-  Ct.prototype.clear = Ql, Ct.prototype.delete = ec, Ct.prototype.get = dh, Ct.prototype.has = tc, Ct.prototype.set = nc;
+  Tt.prototype.clear = Ql, Tt.prototype.delete = ec, Tt.prototype.get = dh, Tt.prototype.has = tc, Tt.prototype.set = nc;
   function un(y) {
     var w = -1, $ = y == null ? 0 : y.length;
     for (this.clear(); ++w < $; ) {
@@ -426,9 +426,9 @@ Qs.exports;
   }
   function sc() {
     this.size = 0, this.__data__ = {
-      hash: new Ct(),
+      hash: new Tt(),
       map: new (Wi || un)(),
-      string: new Ct()
+      string: new Tt()
     };
   }
   function lc(y) {
@@ -5827,7 +5827,7 @@ var YT = /* @__PURE__ */ function() {
   }, e;
 }(), Ft = "-ms-", al = "-moz-", Me = "-webkit-", Uy = "comm", jd = "rule", Ud = "decl", XT = "@import", Gy = "@keyframes", JT = "@layer", QT = Math.abs, xl = String.fromCharCode, eE = Object.assign;
 function tE(e, t) {
-  return Tt(e, 0) ^ 45 ? (((t << 2 ^ Tt(e, 0)) << 2 ^ Tt(e, 1)) << 2 ^ Tt(e, 2)) << 2 ^ Tt(e, 3) : 0;
+  return Pt(e, 0) ^ 45 ? (((t << 2 ^ Pt(e, 0)) << 2 ^ Pt(e, 1)) << 2 ^ Pt(e, 2)) << 2 ^ Pt(e, 3) : 0;
 }
 function Wy(e) {
   return e.trim();
@@ -5841,7 +5841,7 @@ function Oe(e, t, n) {
 function Nu(e, t) {
   return e.indexOf(t);
 }
-function Tt(e, t) {
+function Pt(e, t) {
   return e.charCodeAt(t) | 0;
 }
 function fi(e, t, n) {
@@ -5870,13 +5870,13 @@ function aE() {
   return dt;
 }
 function oE() {
-  return dt = Ut > 0 ? Tt(lo, --Ut) : 0, eo--, dt === 10 && (eo = 1, wl--), dt;
+  return dt = Ut > 0 ? Pt(lo, --Ut) : 0, eo--, dt === 10 && (eo = 1, wl--), dt;
 }
 function Zt() {
-  return dt = Ut < Hy ? Tt(lo, Ut++) : 0, eo++, dt === 10 && (eo = 1, wl++), dt;
+  return dt = Ut < Hy ? Pt(lo, Ut++) : 0, eo++, dt === 10 && (eo = 1, wl++), dt;
 }
 function _n() {
-  return Tt(lo, Ut);
+  return Pt(lo, Ut);
 }
 function Vs() {
   return Ut;
@@ -5971,7 +5971,7 @@ function Us(e, t, n, r, a, o, i, s, l) {
   for (var c = 0, u = 0, d = i, f = 0, p = 0, g = 0, m = 1, b = 1, S = 1, x = 0, v = "", E = a, T = o, P = r, _ = v; b; )
     switch (g = x, x = Zt()) {
       case 40:
-        if (g != 108 && Tt(_, d - 1) == 58) {
+        if (g != 108 && Pt(_, d - 1) == 58) {
           Nu(_ += Oe(js(x), "&", "&\f"), "&\f") != -1 && (S = -1);
           break;
         }
@@ -6018,7 +6018,7 @@ function Us(e, t, n, r, a, o, i, s, l) {
               if (u === 0)
                 Us(_, t, P, P, E, o, d, s, T);
               else
-                switch (f === 99 && Tt(_, 3) === 110 ? 100 : f) {
+                switch (f === 99 && Pt(_, 3) === 110 ? 100 : f) {
                   case 100:
                   case 108:
                   case 109:
@@ -6239,29 +6239,29 @@ function qy(e, t) {
     case 5021:
     case 4765:
       if (Cn(e) - 1 - t > 6)
-        switch (Tt(e, t + 1)) {
+        switch (Pt(e, t + 1)) {
           case 109:
-            if (Tt(e, t + 4) !== 45)
+            if (Pt(e, t + 4) !== 45)
               break;
           case 102:
-            return Oe(e, /(.+:)(.+)-([^]+)/, "$1" + Me + "$2-$3$1" + al + (Tt(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
+            return Oe(e, /(.+:)(.+)-([^]+)/, "$1" + Me + "$2-$3$1" + al + (Pt(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
           case 115:
             return ~Nu(e, "stretch") ? qy(Oe(e, "stretch", "fill-available"), t) + e : e;
         }
       break;
     case 4949:
-      if (Tt(e, t + 1) !== 115)
+      if (Pt(e, t + 1) !== 115)
         break;
     case 6444:
-      switch (Tt(e, Cn(e) - 3 - (~Nu(e, "!important") && 10))) {
+      switch (Pt(e, Cn(e) - 3 - (~Nu(e, "!important") && 10))) {
         case 107:
           return Oe(e, ":", ":" + Me) + e;
         case 101:
-          return Oe(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + Me + (Tt(e, 14) === 45 ? "inline-" : "") + "box$3$1" + Me + "$2$3$1" + Ft + "$2box$3") + e;
+          return Oe(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + Me + (Pt(e, 14) === 45 ? "inline-" : "") + "box$3$1" + Me + "$2$3$1" + Ft + "$2box$3") + e;
       }
       break;
     case 5936:
-      switch (Tt(e, t + 11)) {
+      switch (Pt(e, t + 11)) {
         case 114:
           return Me + e + Ft + Oe(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
         case 108:
@@ -18290,11 +18290,11 @@ var $I = /* @__PURE__ */ Gt(function(e, t) {
   }, r));
 });
 $I.displayName = "Form";
-var At = [];
+var Et = [];
 for (var xu = 0; xu < 256; ++xu)
-  At.push((xu + 256).toString(16).slice(1));
+  Et.push((xu + 256).toString(16).slice(1));
 function FI(e, t = 0) {
-  return (At[e[t + 0]] + At[e[t + 1]] + At[e[t + 2]] + At[e[t + 3]] + "-" + At[e[t + 4]] + At[e[t + 5]] + "-" + At[e[t + 6]] + At[e[t + 7]] + "-" + At[e[t + 8]] + At[e[t + 9]] + "-" + At[e[t + 10]] + At[e[t + 11]] + At[e[t + 12]] + At[e[t + 13]] + At[e[t + 14]] + At[e[t + 15]]).toLowerCase();
+  return (Et[e[t + 0]] + Et[e[t + 1]] + Et[e[t + 2]] + Et[e[t + 3]] + "-" + Et[e[t + 4]] + Et[e[t + 5]] + "-" + Et[e[t + 6]] + Et[e[t + 7]] + "-" + Et[e[t + 8]] + Et[e[t + 9]] + "-" + Et[e[t + 10]] + Et[e[t + 11]] + Et[e[t + 12]] + Et[e[t + 13]] + Et[e[t + 14]] + Et[e[t + 15]]).toLowerCase();
 }
 var $s, MI = new Uint8Array(16);
 function OI() {
@@ -21751,80 +21751,86 @@ const qg = /* @__PURE__ */ new Map([
     (fe) => fe.name === ae
   )) == null ? void 0 : Pe.alpha2Code, Q = r.values.street, ce = async (fe) => {
     var pt, Bt, mt;
-    if (re(!0), fe.preventDefault(), !(!v || !E))
-      if (a)
-        c({
-          fullname: r.values.fullname,
+    if (fe.preventDefault(), !v || !E) {
+      Ct(
+        "Couldn't process payment, please reload and try again",
+        At.error
+      ), console.log("Stripe or elements is null");
+      return;
+    }
+    if (re(!0), a)
+      c({
+        fullname: r.values.fullname,
+        email: r.values.email,
+        reference: n == null ? void 0 : n.reference,
+        amount: 0
+      });
+    else {
+      const St = E == null ? void 0 : E.getElement(lg);
+      if (!St)
+        return;
+      let _e;
+      if (d === "ips" || g ? _e = await v.createPaymentMethod({
+        type: "card",
+        card: St,
+        billing_details: {
+          name: r.values.fullname,
           email: r.values.email,
-          reference: n == null ? void 0 : n.reference,
-          amount: 0
-        });
+          address: {
+            country: K,
+            line1: Q,
+            postal_code: O
+          }
+        }
+      }) : _e = await v.createToken(St, {
+        name: Ve,
+        address_country: K,
+        address_line1: Q,
+        address_zip: O
+      }), _e.error)
+        re(!1), Ct(
+          ((pt = _e == null ? void 0 : _e.error) == null ? void 0 : pt.message) ?? "An unexpected error occured",
+          At.error
+        );
       else {
-        const St = E == null ? void 0 : E.getElement(lg);
-        if (!St)
-          return;
-        let _e;
-        if (d === "ips" || g ? _e = await v.createPaymentMethod({
-          type: "card",
-          card: St,
-          billing_details: {
-            name: r.values.fullname,
-            email: r.values.email,
-            address: {
-              country: K,
-              line1: Q,
-              postal_code: O
+        const gt = {
+          amount: t,
+          currency: e,
+          metadata: {
+            ...n,
+            billing_address_line1: Q,
+            billing_address_country: K,
+            billing_address_postal_code: O
+          },
+          ...d === "ips" || g ? { payment_method_id: (Bt = _e == null ? void 0 : _e.paymentMethod) == null ? void 0 : Bt.id } : { source: (mt = _e == null ? void 0 : _e.token) == null ? void 0 : mt.id },
+          callback_url: f
+        };
+        he(gt, {
+          onSuccess: (De) => {
+            var k, I;
+            if ((k = De == null ? void 0 : De.data) != null && k.next_action) {
+              p({
+                url: (I = De == null ? void 0 : De.data) == null ? void 0 : I.next_action.redirect_to_url.url,
+                reference: De == null ? void 0 : De.reference
+              });
+              return;
             }
+            setTimeout(() => {
+              c({
+                fullname: r.values.fullname,
+                email: r.values.email,
+                reference: De == null ? void 0 : De.reference,
+                ...De.data
+              }), re(!1);
+            }, 3e3);
+          },
+          onError: (De) => {
+            var k;
+            re(!1), Ct((k = De == null ? void 0 : De.raw) == null ? void 0 : k.message, At.error);
           }
-        }) : _e = await v.createToken(St, {
-          name: Ve,
-          address_country: K,
-          address_line1: Q,
-          address_zip: O
-        }), _e.error)
-          re(!1), Et(
-            ((pt = _e == null ? void 0 : _e.error) == null ? void 0 : pt.message) ?? "An unexpected error occured",
-            Pt.error
-          );
-        else {
-          const gt = {
-            amount: t,
-            currency: e,
-            metadata: {
-              ...n,
-              billing_address_line1: Q,
-              billing_address_country: K,
-              billing_address_postal_code: O
-            },
-            ...d === "ips" || g ? { payment_method_id: (Bt = _e == null ? void 0 : _e.paymentMethod) == null ? void 0 : Bt.id } : { source: (mt = _e == null ? void 0 : _e.token) == null ? void 0 : mt.id },
-            callback_url: f
-          };
-          he(gt, {
-            onSuccess: (De) => {
-              var k, I;
-              if ((k = De == null ? void 0 : De.data) != null && k.next_action) {
-                p({
-                  url: (I = De == null ? void 0 : De.data) == null ? void 0 : I.next_action.redirect_to_url.url,
-                  reference: De == null ? void 0 : De.reference
-                });
-                return;
-              }
-              setTimeout(() => {
-                c({
-                  fullname: r.values.fullname,
-                  email: r.values.email,
-                  reference: De == null ? void 0 : De.reference,
-                  ...De.data
-                }), re(!1);
-              }, 3e3);
-            },
-            onError: (De) => {
-              var k;
-              re(!1), Et((k = De == null ? void 0 : De.raw) == null ? void 0 : k.message, Pt.error);
-            }
-          });
-        }
+        });
       }
+    }
   }, se = {
     backgroundColor: "#fff",
     iconColor: "#c4f0ff",
@@ -26766,9 +26772,9 @@ const Xg = "Payment Completed", RR = ({
             reference: P
           });
         } catch (ie) {
-          T.complete("fail"), Et(
+          T.complete("fail"), Ct(
             ((le = ie == null ? void 0 : ie.raw) == null ? void 0 : le.message) ?? "We couldn't initialize your payment",
-            Pt.error
+            At.error
           ), S(!1);
           return;
         }
@@ -26791,18 +26797,18 @@ const Xg = "Payment Completed", RR = ({
           { handleActions: !1 }
         );
         if (R)
-          T.complete("fail"), Et(
+          T.complete("fail"), Ct(
             (R == null ? void 0 : R.message) ?? "We couldn't process your payment",
-            Pt.error
+            At.error
           ), S(!1);
         else {
           if (T.complete("success"), D.status === "requires_action") {
             const { error: ie } = await u.confirmCardPayment(
               _
             );
-            ie ? Et(
+            ie ? Ct(
               "Payment failed, please add a new payment method",
-              Pt.error
+              At.error
             ) : setTimeout(() => {
               o({
                 fullname: r.values.fullname,
@@ -26813,7 +26819,7 @@ const Xg = "Payment Completed", RR = ({
               });
             }, 3e3);
           }
-          Et("Payment was successful", Pt.success), setTimeout(() => {
+          Ct("Payment was successful", At.success), setTimeout(() => {
             o({
               fullname: r.values.fullname,
               email: r.values.email,
@@ -26961,15 +26967,15 @@ const Au = (e) => Math.round((e + Number.EPSILON) * 100) / 100, vn = (e) => {
             type: (re = F == null ? void 0 : F.data) == null ? void 0 : re.discount_type,
             value: (Ve = F == null ? void 0 : F.data) == null ? void 0 : Ve.discount_value,
             isFullDiscount: ((je = F == null ? void 0 : F.data) == null ? void 0 : je.amount_to_pay) === 0
-          }), d == null || d(F == null ? void 0 : F.data), Et("Discount has been applied", Pt.success)) : Et(`${F == null ? void 0 : F.error}`, Pt.error);
+          }), d == null || d(F == null ? void 0 : F.data), Ct("Discount has been applied", At.success)) : Ct(`${F == null ? void 0 : F.error}`, At.error);
         } catch (F) {
-          Et(
+          Ct(
             `${((O = F == null ? void 0 : F.raw) == null ? void 0 : O.message) ?? (F == null ? void 0 : F.message) ?? "An Error occured applying discount code"}`,
-            Pt.error
+            At.error
           );
         }
       else
-        Et('"Kindly add a discount code"', Pt.info);
+        Ct('"Kindly add a discount code"', At.info);
   }, H = () => {
     i && (l(""), o({
       amount: 0,
@@ -27576,9 +27582,9 @@ const WR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
           throw new Error(v.message ?? "Couldn't load wallet integration");
       }
     } catch (x) {
-      f(!1), Et(
+      f(!1), Ct(
         ((S = x == null ? void 0 : x.raw) == null ? void 0 : S.message) ?? x ?? "We couldn't complete your payment",
-        Pt.error
+        At.error
       );
     }
   };
@@ -28157,9 +28163,9 @@ const WR = (e) => /* @__PURE__ */ M(cn, { viewBox: "0 0 32 32", ...e, fill: "non
             );
         }
       } catch (v) {
-        f(!1), Et(
+        f(!1), Ct(
           ((x = v == null ? void 0 : v.raw) == null ? void 0 : x.message) ?? v ?? "We couldn't complete your payment",
-          Pt.error
+          At.error
         );
       }
     }, [
@@ -28321,7 +28327,7 @@ const Tu = [
       ),
       currency: tn().required("Please select a currency."),
       ...a
-    }), { getAmount: da, getCountryCurrency: Hi } = IR(v), Ct = typeof window < "u" ? JSON.parse(window.localStorage.getItem("userIp")) : "", { mutate: Ql, isLoading: ec } = Ul(fe), { mutate: dh, isLoading: tc } = qf(fe), {
+    }), { getAmount: da, getCountryCurrency: Hi } = IR(v), Tt = typeof window < "u" ? JSON.parse(window.localStorage.getItem("userIp")) : "", { mutate: Ql, isLoading: ec } = Ul(fe), { mutate: dh, isLoading: tc } = qf(fe), {
       makePaystackPayment: nc,
       isInitializingPayment: un,
       isChargingCard: rc
@@ -28400,7 +28406,7 @@ const Tu = [
             var Eo;
             ge(!1);
             let Ca = ((Eo = To == null ? void 0 : To.raw) == null ? void 0 : Eo.message) ?? "Error loading payment gateway";
-            Ca.includes("ip_address") && (Ca = "Payment failed: An extension may be blocking us from completing your payment or your browser may be unsupported. Please try again."), Et(Ca, Pt.error);
+            Ca.includes("ip_address") && (Ca = "Payment failed: An extension may be blocking us from completing your payment or your browser may be unsupported. Please try again."), Ct(Ca, At.error);
           }
         });
       }
@@ -28412,7 +28418,7 @@ const Tu = [
         j.setFieldValue(q, ge);
       }
     }));
-    const cc = VR((He = j.values) == null ? void 0 : He.zipCode), nr = ae ? !1 : v !== (Ct == null ? void 0 : Ct.currency), Ki = j.values.country !== "" ? Hi((Ot = j == null ? void 0 : j.values) == null ? void 0 : Ot.country) : Ct == null ? void 0 : Ct.currency, fo = Hi(e == null ? void 0 : e.merchantCountry), uc = [Ue.USD, Ue.GBP, Ue.CAD, Ue.NGN].includes(
+    const cc = VR((He = j.values) == null ? void 0 : He.zipCode), nr = ae ? !1 : v !== (Tt == null ? void 0 : Tt.currency), Ki = j.values.country !== "" ? Hi((Ot = j == null ? void 0 : j.values) == null ? void 0 : Ot.country) : Tt == null ? void 0 : Tt.currency, fo = Hi(e == null ? void 0 : e.merchantCountry), uc = [Ue.USD, Ue.GBP, Ue.CAD, Ue.NGN].includes(
       fo
     ) && fo === v, ho = ae ? !1 : !(uc && fo === Ki), dc = Ki !== v, ha = [Ue.USD].includes(v), qi = Q ? ae ? !1 : dc || !ha : ho, {
       data: ee,
@@ -28426,7 +28432,7 @@ const Tu = [
         currency: v,
         slug: D,
         apply_tranche_fee: O,
-        ip: G ? F ?? (Ct == null ? void 0 : Ct.ip) : "",
+        ip: G ? F ?? (Tt == null ? void 0 : Tt.ip) : "",
         country: G ? ($t = an == null ? void 0 : an.find((q) => q.name === j.values.country)) == null ? void 0 : $t.alpha2Code : "",
         postal_code: G ? cc : "",
         product_id: (ar = e == null ? void 0 : e.metadata) == null ? void 0 : ar.product_id,
@@ -28558,7 +28564,7 @@ const Tu = [
           onError(ge) {
             var yt;
             let lt = ((yt = ge == null ? void 0 : ge.raw) == null ? void 0 : yt.message) ?? "Error loading payment gateway";
-            lt.includes("ip_address") && (lt = "Payment failed: An extension may be blocking us from completing your payment or your browser may be unsupported. Please try again."), Et(lt, Pt.error);
+            lt.includes("ip_address") && (lt = "Payment failed: An extension may be blocking us from completing your payment or your browser may be unsupported. Please try again."), Ct(lt, At.error);
           }
         }
       );
@@ -28571,9 +28577,9 @@ const Tu = [
     } = _a(), rs = async (q) => {
       var yt;
       if (q.preventDefault(), _t) {
-        Et(
+        Ct(
           `Error loading transaction information: ${((yt = _t == null ? void 0 : _t.raw) == null ? void 0 : yt.message) ?? _t ?? ""}, please reload or contact us.`,
-          Pt.error
+          At.error
         );
         return;
       }
@@ -28634,14 +28640,14 @@ const Tu = [
           email: j.values.email,
           reference: I == null ? void 0 : I.reference,
           ...yt.data
-        }) : Et(
+        }) : Ct(
           `${((ge = (q = yt == null ? void 0 : yt.error) == null ? void 0 : q.raw) == null ? void 0 : ge.message) ?? "Error verifying payment"}`,
-          Pt.error
+          At.error
         );
       } catch (yt) {
-        Et(
+        Ct(
           `${((lt = yt == null ? void 0 : yt.raw) == null ? void 0 : lt.message) ?? "Failed to complete transaction"}`,
-          Pt.error
+          At.error
         ), j.setSubmitting(!1), kt(!1);
       }
     }, rr = be(null), wc = (Bh = rr == null ? void 0 : rr.current) == null ? void 0 : Bh.offsetWidth, So = v === Ue.USD && N !== "ips" && mt > 0, xo = [

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mainstack-payments",
   "type": "module",
-  "version": "1.0.46",
+  "version": "1.0.47",
   "main": "build/mainstack-payments.js",
   "types": "build/src/index.d.ts",
   "files": [