mainstack-payments 1.0.1 → 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -12982,7 +12982,7 @@ function YF(e = {}) {
12982
12982
  const { render: t, toastComponent: n = qF } = e;
12983
12983
  return (a) => typeof t == "function" ? t({ ...a, ...e }) : /* @__PURE__ */ m(n, { ...a, ...e });
12984
12984
  }
12985
- var [XF, qN] = Kt({
12985
+ var [XF, q8] = Kt({
12986
12986
  name: "ToastOptionsContext",
12987
12987
  strict: !1
12988
12988
  }), JF = (e) => {
@@ -13471,7 +13471,7 @@ function fM(e) {
13471
13471
  (t) => pl(t)
13472
13472
  );
13473
13473
  }
13474
- var [YN, pM] = Kt({
13474
+ var [Y8, pM] = Kt({
13475
13475
  strict: !1,
13476
13476
  name: "ButtonGroupContext"
13477
13477
  });
@@ -15358,7 +15358,7 @@ function Rs(e = {}) {
15358
15358
  })
15359
15359
  };
15360
15360
  }
15361
- var [iO, XN] = Kt({
15361
+ var [iO, X8] = Kt({
15362
15362
  name: "InputGroupStylesContext",
15363
15363
  errorMessage: `useInputGroupStyles returned is 'undefined'. Seems you forgot to wrap the components in "<InputGroup />" `
15364
15364
  }), eb = De(
@@ -18699,15 +18699,15 @@ let gn = {
18699
18699
  }, md = {
18700
18700
  min: "${path} field must be later than ${min}",
18701
18701
  max: "${path} field must be at earlier than ${max}"
18702
- }, eN = {
18702
+ }, e8 = {
18703
18703
  isValue: "${path} field must be ${value}"
18704
18704
  }, gd = {
18705
18705
  noUnknown: "${path} field has unspecified keys: ${unknown}"
18706
- }, tN = {
18706
+ }, t8 = {
18707
18707
  min: "${path} field must have at least ${min} items",
18708
18708
  max: "${path} field must have less than or equal to ${max} items",
18709
18709
  length: "${path} must have ${length} items"
18710
- }, nN = {
18710
+ }, n8 = {
18711
18711
  notType: (e) => {
18712
18712
  const {
18713
18713
  path: t,
@@ -18729,9 +18729,9 @@ Object.assign(/* @__PURE__ */ Object.create(null), {
18729
18729
  number: Q9,
18730
18730
  date: md,
18731
18731
  object: gd,
18732
- array: tN,
18733
- boolean: eN,
18734
- tuple: nN
18732
+ array: t8,
18733
+ boolean: e8,
18734
+ tuple: n8
18735
18735
  });
18736
18736
  const Jf = (e) => e && e.__isYupSchema__;
18737
18737
  class cl {
@@ -18884,7 +18884,7 @@ function ma(e) {
18884
18884
  }
18885
18885
  return t.OPTIONS = e, t;
18886
18886
  }
18887
- function rN(e, t, n, r = n) {
18887
+ function r8(e, t, n, r = n) {
18888
18888
  let a, o, i;
18889
18889
  return t ? (Br.forEach(t, (s, l, c) => {
18890
18890
  let u = l ? s.slice(1, s.length - 1) : s;
@@ -19393,7 +19393,7 @@ for (const e of ["validate", "validateSync"])
19393
19393
  parent: a,
19394
19394
  parentPath: o,
19395
19395
  schema: i
19396
- } = rN(this, t, n, r.context);
19396
+ } = r8(this, t, n, r.context);
19397
19397
  return i[e](a && a[o], Object.assign({}, r, {
19398
19398
  parent: a,
19399
19399
  path: t
@@ -19403,8 +19403,8 @@ for (const e of ["equals", "is"])
19403
19403
  En.prototype[e] = En.prototype.oneOf;
19404
19404
  for (const e of ["not", "nope"])
19405
19405
  En.prototype[e] = En.prototype.notOneOf;
19406
- const aN = /^(\d{4}|[+-]\d{6})(?:-?(\d{2})(?:-?(\d{2}))?)?(?:[ T]?(\d{2}):?(\d{2})(?::?(\d{2})(?:[,.](\d{1,}))?)?(?:(Z)|([+-])(\d{2})(?::?(\d{2}))?)?)?$/;
19407
- function oN(e) {
19406
+ const a8 = /^(\d{4}|[+-]\d{6})(?:-?(\d{2})(?:-?(\d{2}))?)?(?:[ T]?(\d{2}):?(\d{2})(?::?(\d{2})(?:[,.](\d{1,}))?)?(?:(Z)|([+-])(\d{2})(?::?(\d{2}))?)?)?$/;
19407
+ function o8(e) {
19408
19408
  const t = vd(e);
19409
19409
  if (!t)
19410
19410
  return Date.parse ? Date.parse(e) : Number.NaN;
@@ -19415,7 +19415,7 @@ function oN(e) {
19415
19415
  }
19416
19416
  function vd(e) {
19417
19417
  var t, n;
19418
- const r = aN.exec(e);
19418
+ const r = a8.exec(e);
19419
19419
  return r ? {
19420
19420
  year: Fn(r[1]),
19421
19421
  month: Fn(r[2], 1) - 1,
@@ -19437,13 +19437,13 @@ function vd(e) {
19437
19437
  function Fn(e, t = 0) {
19438
19438
  return Number(e) || t;
19439
19439
  }
19440
- let iN = (
19440
+ let i8 = (
19441
19441
  // eslint-disable-next-line
19442
19442
  /^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/
19443
- ), sN = (
19443
+ ), s8 = (
19444
19444
  // eslint-disable-next-line
19445
19445
  /^((https?|ftp):)?\/\/(((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(\#((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/i
19446
- ), lN = /^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i, cN = "^\\d{4}-\\d{2}-\\d{2}", uN = "\\d{2}:\\d{2}:\\d{2}", dN = "(([+-]\\d{2}(:?\\d{2})?)|Z)", fN = new RegExp(`${cN}T${uN}(\\.\\d+)?${dN}$`), pN = (e) => Fr(e) || e === e.trim(), hN = {}.toString();
19446
+ ), l8 = /^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i, c8 = "^\\d{4}-\\d{2}-\\d{2}", u8 = "\\d{2}:\\d{2}:\\d{2}", d8 = "(([+-]\\d{2}(:?\\d{2})?)|Z)", f8 = new RegExp(`${c8}T${u8}(\\.\\d+)?${d8}$`), p8 = (e) => Fr(e) || e === e.trim(), h8 = {}.toString();
19447
19447
  function zt() {
19448
19448
  return new c1();
19449
19449
  }
@@ -19459,7 +19459,7 @@ class c1 extends En {
19459
19459
  if (!r.spec.coerce || r.isType(t) || Array.isArray(t))
19460
19460
  return t;
19461
19461
  const a = t != null && t.toString ? t.toString() : t;
19462
- return a === hN ? t : a;
19462
+ return a === h8 ? t : a;
19463
19463
  });
19464
19464
  });
19465
19465
  }
@@ -19533,21 +19533,21 @@ class c1 extends En {
19533
19533
  });
19534
19534
  }
19535
19535
  email(t = Tt.email) {
19536
- return this.matches(iN, {
19536
+ return this.matches(i8, {
19537
19537
  name: "email",
19538
19538
  message: t,
19539
19539
  excludeEmptyString: !0
19540
19540
  });
19541
19541
  }
19542
19542
  url(t = Tt.url) {
19543
- return this.matches(sN, {
19543
+ return this.matches(s8, {
19544
19544
  name: "url",
19545
19545
  message: t,
19546
19546
  excludeEmptyString: !0
19547
19547
  });
19548
19548
  }
19549
19549
  uuid(t = Tt.uuid) {
19550
- return this.matches(lN, {
19550
+ return this.matches(l8, {
19551
19551
  name: "uuid",
19552
19552
  message: t,
19553
19553
  excludeEmptyString: !1
@@ -19559,7 +19559,7 @@ class c1 extends En {
19559
19559
  message: n = "",
19560
19560
  allowOffset: r = !1,
19561
19561
  precision: a = void 0
19562
- } = t : n = t), this.matches(fN, {
19562
+ } = t : n = t), this.matches(f8, {
19563
19563
  name: "datetime",
19564
19564
  message: n || Tt.datetime,
19565
19565
  excludeEmptyString: !0
@@ -19599,7 +19599,7 @@ class c1 extends En {
19599
19599
  return this.transform((n) => n != null ? n.trim() : n).test({
19600
19600
  message: t,
19601
19601
  name: "trim",
19602
- test: pN
19602
+ test: p8
19603
19603
  });
19604
19604
  }
19605
19605
  lowercase(t = Tt.lowercase) {
@@ -19622,16 +19622,16 @@ class c1 extends En {
19622
19622
  }
19623
19623
  }
19624
19624
  zt.prototype = c1.prototype;
19625
- let mN = /* @__PURE__ */ new Date(""), gN = (e) => Object.prototype.toString.call(e) === "[object Date]";
19625
+ let m8 = /* @__PURE__ */ new Date(""), g8 = (e) => Object.prototype.toString.call(e) === "[object Date]";
19626
19626
  class Ul extends En {
19627
19627
  constructor() {
19628
19628
  super({
19629
19629
  type: "date",
19630
19630
  check(t) {
19631
- return gN(t) && !isNaN(t.getTime());
19631
+ return g8(t) && !isNaN(t.getTime());
19632
19632
  }
19633
19633
  }), this.withMutation(() => {
19634
- this.transform((t, n, r) => !r.spec.coerce || r.isType(t) || t === null ? t : (t = oN(t), isNaN(t) ? Ul.INVALID_DATE : new Date(t)));
19634
+ this.transform((t, n, r) => !r.spec.coerce || r.isType(t) || t === null ? t : (t = o8(t), isNaN(t) ? Ul.INVALID_DATE : new Date(t)));
19635
19635
  });
19636
19636
  }
19637
19637
  prepareParam(t, n) {
@@ -19677,9 +19677,9 @@ class Ul extends En {
19677
19677
  });
19678
19678
  }
19679
19679
  }
19680
- Ul.INVALID_DATE = mN;
19680
+ Ul.INVALID_DATE = m8;
19681
19681
  Ul.prototype;
19682
- function vN(e, t = []) {
19682
+ function v8(e, t = []) {
19683
19683
  let n = [], r = /* @__PURE__ */ new Set(), a = new Set(t.map(([i, s]) => `${i}-${s}`));
19684
19684
  function o(i, s) {
19685
19685
  let l = Br.split(i)[0];
@@ -19702,7 +19702,7 @@ function Bg(e, t) {
19702
19702
  function u1(e) {
19703
19703
  return (t, n) => Bg(e, t) - Bg(e, n);
19704
19704
  }
19705
- const yN = (e, t, n) => {
19705
+ const y8 = (e, t, n) => {
19706
19706
  if (typeof e != "string")
19707
19707
  return e;
19708
19708
  let r = e;
@@ -19727,7 +19727,7 @@ function Ls(e) {
19727
19727
  types: e.spec.types.map(Ls)
19728
19728
  }) : "optional" in e ? e.optional() : e;
19729
19729
  }
19730
- const bN = (e, t) => {
19730
+ const b8 = (e, t) => {
19731
19731
  const n = [...Br.normalizePath(t)];
19732
19732
  if (n.length === 1)
19733
19733
  return n[0] in e;
@@ -19735,11 +19735,11 @@ const bN = (e, t) => {
19735
19735
  return !!(a && r in a);
19736
19736
  };
19737
19737
  let Lg = (e) => Object.prototype.toString.call(e) === "[object Object]";
19738
- function SN(e, t) {
19738
+ function S8(e, t) {
19739
19739
  let n = Object.keys(e.fields);
19740
19740
  return Object.keys(t).filter((r) => n.indexOf(r) === -1);
19741
19741
  }
19742
- const xN = u1([]);
19742
+ const x8 = u1([]);
19743
19743
  function yd(e) {
19744
19744
  return new d1(e);
19745
19745
  }
@@ -19750,7 +19750,7 @@ class d1 extends En {
19750
19750
  check(n) {
19751
19751
  return Lg(n) || typeof n == "function";
19752
19752
  }
19753
- }), this.fields = /* @__PURE__ */ Object.create(null), this._sortErrors = xN, this._nodes = [], this._excludedEdges = [], this.withMutation(() => {
19753
+ }), this.fields = /* @__PURE__ */ Object.create(null), this._sortErrors = x8, this._nodes = [], this._excludedEdges = [], this.withMutation(() => {
19754
19754
  t && this.shape(t);
19755
19755
  });
19756
19756
  }
@@ -19858,7 +19858,7 @@ class d1 extends En {
19858
19858
  }
19859
19859
  setFields(t, n) {
19860
19860
  let r = this.clone();
19861
- return r.fields = t, r._nodes = vN(t, n), r._sortErrors = u1(Object.keys(t)), n && (r._excludedEdges = n), r;
19861
+ return r.fields = t, r._nodes = v8(t, n), r._sortErrors = u1(Object.keys(t)), n && (r._excludedEdges = n), r;
19862
19862
  }
19863
19863
  shape(t, n = []) {
19864
19864
  return this.clone().withMutation((r) => {
@@ -19893,12 +19893,12 @@ class d1 extends En {
19893
19893
  if (!o)
19894
19894
  return o;
19895
19895
  let i = o;
19896
- return bN(o, t) && (i = Object.assign({}, o), r || delete i[t], i[n] = a(o)), i;
19896
+ return b8(o, t) && (i = Object.assign({}, o), r || delete i[t], i[n] = a(o)), i;
19897
19897
  });
19898
19898
  }
19899
19899
  /** Parse an input JSON string to an object */
19900
19900
  json() {
19901
- return this.transform(yN);
19901
+ return this.transform(y8);
19902
19902
  }
19903
19903
  noUnknown(t = !0, n = gd.noUnknown) {
19904
19904
  typeof t != "boolean" && (n = t, t = !0);
@@ -19909,7 +19909,7 @@ class d1 extends En {
19909
19909
  test(a) {
19910
19910
  if (a == null)
19911
19911
  return !0;
19912
- const o = SN(this.schema, a);
19912
+ const o = S8(this.schema, a);
19913
19913
  return !t || o.length === 0 || this.createError({
19914
19914
  params: {
19915
19915
  unknown: o.join(", ")
@@ -21634,13 +21634,13 @@ const jg = /* @__PURE__ */ new Map([
21634
21634
  [A.YT, /^976\d{2}$/],
21635
21635
  [A.PE, /^\d{5}$/],
21636
21636
  [A.INTL, /^(?:[A-Z0-9]+([- ]?[A-Z0-9]+)*)?$/i]
21637
- ]), wN = (e, t) => {
21637
+ ]), w8 = (e, t) => {
21638
21638
  if (!jg.has(t))
21639
21639
  throw Error(`Invalid country code: ${t}`);
21640
21640
  return jg.get(t).test(e);
21641
- }, CN = (e, t) => {
21641
+ }, C8 = (e, t) => {
21642
21642
  try {
21643
- return wN(e, t);
21643
+ return w8(e, t);
21644
21644
  } catch (n) {
21645
21645
  return console.error(n), !0;
21646
21646
  }
@@ -21804,7 +21804,7 @@ const jg = /* @__PURE__ */ new Map([
21804
21804
  t && /* @__PURE__ */ m(Ee, { position: "absolute", right: "6px", children: t })
21805
21805
  ]
21806
21806
  }
21807
- ), EN = ({
21807
+ ), E8 = ({
21808
21808
  currency: e,
21809
21809
  amount: t,
21810
21810
  metadata: n,
@@ -21927,7 +21927,7 @@ const jg = /* @__PURE__ */ new Map([
21927
21927
  },
21928
21928
  lineHeight: "28px",
21929
21929
  letterSpacing: "-0.2px"
21930
- }, F = (L = Gt == null ? void 0 : Gt.find((V) => V.name === r.values.country)) != null && L.alpha2Code && J ? CN(
21930
+ }, F = (L = Gt == null ? void 0 : Gt.find((V) => V.name === r.values.country)) != null && L.alpha2Code && J ? C8(
21931
21931
  J,
21932
21932
  ((X = Gt == null ? void 0 : Gt.find((V) => V.name === r.values.country)) == null ? void 0 : X.alpha2Code) ?? ""
21933
21933
  ) : null;
@@ -22181,40 +22181,49 @@ const jg = /* @__PURE__ */ new Map([
22181
22181
  flexDirection: "column",
22182
22182
  alignItems: "center",
22183
22183
  children: [
22184
- /* @__PURE__ */ $(le, { gap: "10px", width: `${G}px`, mt: "12px", children: [
22185
- !(y != null && y.hideBackButton) && /* @__PURE__ */ m(
22186
- dl,
22187
- {
22188
- bgColor: "#F2F4F7",
22189
- color: "#111215",
22190
- label: (y == null ? void 0 : y.back_button_label) ?? "Back",
22191
- width: "144px",
22192
- fontFamily: "inherit",
22193
- onClick: b
22194
- }
22195
- ),
22196
- /* @__PURE__ */ m(
22197
- dl,
22198
- {
22199
- bgColor: l,
22200
- label: "Confirm Payment",
22201
- maxWidth: `${G}px`,
22202
- width: "full",
22203
- onClick: (V) => {
22204
- je(V);
22205
- },
22206
- isLoading: P,
22207
- disabled: P,
22208
- _hover: {
22209
- opacity: 0.8,
22210
- _after: {
22211
- background: l
22184
+ /* @__PURE__ */ $(
22185
+ le,
22186
+ {
22187
+ gap: "10px",
22188
+ width: `${G}px`,
22189
+ mt: "12px",
22190
+ flexDirection: { base: "column", md: "row" },
22191
+ children: [
22192
+ !(y != null && y.hideBackButton) && /* @__PURE__ */ m(
22193
+ dl,
22194
+ {
22195
+ bgColor: "#F2F4F7",
22196
+ color: "#111215",
22197
+ label: (y == null ? void 0 : y.back_button_label) ?? "Back",
22198
+ width: { base: "100%", md: "144px" },
22199
+ fontFamily: "inherit",
22200
+ onClick: b
22212
22201
  }
22213
- },
22214
- fontFamily: "inherit"
22215
- }
22216
- )
22217
- ] }),
22202
+ ),
22203
+ /* @__PURE__ */ m(
22204
+ dl,
22205
+ {
22206
+ bgColor: l,
22207
+ label: "Confirm Payment",
22208
+ maxWidth: `${G}px`,
22209
+ width: "full",
22210
+ onClick: (V) => {
22211
+ je(V);
22212
+ },
22213
+ isLoading: P,
22214
+ disabled: P,
22215
+ _hover: {
22216
+ opacity: 0.8,
22217
+ _after: {
22218
+ background: l
22219
+ }
22220
+ },
22221
+ fontFamily: "inherit"
22222
+ }
22223
+ )
22224
+ ]
22225
+ }
22226
+ ),
22218
22227
  /* @__PURE__ */ $(
22219
22228
  le,
22220
22229
  {
@@ -26245,7 +26254,7 @@ const jg = /* @__PURE__ */ new Map([
26245
26254
  },
26246
26255
  flag: "https://restcountries.eu/data/zwe.svg"
26247
26256
  }
26248
- ], AN = (e, t, n, r) => {
26257
+ ], A8 = (e, t, n, r) => {
26249
26258
  var s, l;
26250
26259
  if (e === "USD")
26251
26260
  return Number(t);
@@ -26255,7 +26264,7 @@ const jg = /* @__PURE__ */ new Map([
26255
26264
  )) == null ? void 0 : l.rate) || 0
26256
26265
  ), o = Number(t) * Number(a), i = (c) => r ? c + r / 100 * c : c;
26257
26266
  return e === "NGN" ? o : i(e === "UGX" ? Math.ceil(o / 100) * 100 : o);
26258
- }, TN = (e, t, n) => {
26267
+ }, T8 = (e, t, n) => {
26259
26268
  var a, o;
26260
26269
  const r = Number(
26261
26270
  ((o = (a = Array.isArray(n) ? n : n == null ? void 0 : n.currency_rate) == null ? void 0 : a.find(
@@ -26263,9 +26272,9 @@ const jg = /* @__PURE__ */ new Map([
26263
26272
  )) == null ? void 0 : o.rate) || 0
26264
26273
  );
26265
26274
  return Number(t) / Number(r);
26266
- }, _N = (e) => ({
26267
- getAmount: AN,
26268
- getAmountInUSD: TN,
26275
+ }, _8 = (e) => ({
26276
+ getAmount: A8,
26277
+ getAmountInUSD: T8,
26269
26278
  getCountryNameByCurrency: () => {
26270
26279
  var r;
26271
26280
  return (r = zg.filter(
@@ -26280,7 +26289,7 @@ const jg = /* @__PURE__ */ new Map([
26280
26289
  }
26281
26290
  });
26282
26291
  var hn = /* @__PURE__ */ ((e) => (e.GHS = "GHS", e.NGN = "NGN", e.UGX = "UGX", e.USD = "USD", e.GBP = "GBP", e.EUR = "EUR", e.BGN = "BGN", e.CZK = "CZK", e.DKK = "DKK", e.HUF = "HUF", e.PLN = "PLN", e.RON = "RON", e.SEK = "SEK", e.CAD = "CAD", e))(hn || {});
26283
- const Vg = "Payment Completed", kN = ({
26292
+ const Vg = "Payment Completed", k8 = ({
26284
26293
  src: e,
26285
26294
  isOpen: t,
26286
26295
  handleCloseModal: n
@@ -26420,7 +26429,7 @@ const Vg = "Payment Completed", kN = ({
26420
26429
  )
26421
26430
  }
26422
26431
  );
26423
- }, Ug = "data:image/png;base64,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", PN = ({
26432
+ }, Ug = "data:image/png;base64,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", P8 = ({
26424
26433
  isOpen: e,
26425
26434
  onClose: t,
26426
26435
  children: n,
@@ -26459,7 +26468,7 @@ const Vg = "Payment Completed", kN = ({
26459
26468
  ]
26460
26469
  }
26461
26470
  )
26462
- ] }), $N = ({
26471
+ ] }), $8 = ({
26463
26472
  isOpen: e,
26464
26473
  onClose: t
26465
26474
  }) => {
@@ -26524,7 +26533,7 @@ const Vg = "Payment Completed", kN = ({
26524
26533
  ] })
26525
26534
  ]
26526
26535
  }
26527
- ) : /* @__PURE__ */ $(PN, { isOpen: e, onClose: t, children: [
26536
+ ) : /* @__PURE__ */ $(P8, { isOpen: e, onClose: t, children: [
26528
26537
  /* @__PURE__ */ m(al, { src: Ug, width: "24px", height: "24px" }),
26529
26538
  /* @__PURE__ */ m(
26530
26539
  td,
@@ -26559,7 +26568,7 @@ const Vg = "Payment Completed", kN = ({
26559
26568
  }
26560
26569
  )
26561
26570
  ] }) });
26562
- }, FN = (e) => /* @__PURE__ */ $(An, { viewBox: "0 0 32 32", ...e, fill: "none", children: [
26571
+ }, F8 = (e) => /* @__PURE__ */ $(An, { viewBox: "0 0 32 32", ...e, fill: "none", children: [
26563
26572
  /* @__PURE__ */ $("g", { clipPath: "url(#clip0_2605_4730)", children: [
26564
26573
  /* @__PURE__ */ m("path", { d: "M32 0H0V32H32V0Z", fill: "#1D1D1F" }),
26565
26574
  /* @__PURE__ */ m(
@@ -26571,7 +26580,7 @@ const Vg = "Payment Completed", kN = ({
26571
26580
  )
26572
26581
  ] }),
26573
26582
  /* @__PURE__ */ m("defs", { children: /* @__PURE__ */ m("clipPath", { id: "clip0_2605_4730", children: /* @__PURE__ */ m("rect", { width: "32", height: "32", rx: "16", fill: "white" }) }) })
26574
- ] }), MN = (e) => /* @__PURE__ */ $(An, { viewBox: "0 0 32 32", ...e, fill: "none", children: [
26583
+ ] }), M8 = (e) => /* @__PURE__ */ $(An, { viewBox: "0 0 32 32", ...e, fill: "none", children: [
26575
26584
  /* @__PURE__ */ m("rect", { x: "0.4", y: "0.4", width: "31.2", height: "31.2", rx: "15.6", fill: "white" }),
26576
26585
  /* @__PURE__ */ m(
26577
26586
  "rect",
@@ -26645,7 +26654,7 @@ const Vg = "Payment Completed", kN = ({
26645
26654
  ...n,
26646
26655
  children: t ? /* @__PURE__ */ m(le, { justifyContent: "center", children: /* @__PURE__ */ m(Wg, { width: "20px", height: "20px" }) }) : /* @__PURE__ */ m(St, { children: e })
26647
26656
  }
26648
- ), ON = ({
26657
+ ), O8 = ({
26649
26658
  currency: e,
26650
26659
  metadata: t,
26651
26660
  amount: n,
@@ -26774,7 +26783,7 @@ const Vg = "Payment Completed", kN = ({
26774
26783
  alignItems: "center",
26775
26784
  children: [
26776
26785
  /* @__PURE__ */ $(le, { alignItems: "center", gap: "12px", children: [
26777
- /* @__PURE__ */ m(FN, { boxSize: "32px" }),
26786
+ /* @__PURE__ */ m(F8, { boxSize: "32px" }),
26778
26787
  /* @__PURE__ */ m(
26779
26788
  Ae,
26780
26789
  {
@@ -26800,7 +26809,7 @@ const Vg = "Payment Completed", kN = ({
26800
26809
  alignItems: "center",
26801
26810
  children: [
26802
26811
  /* @__PURE__ */ $(le, { alignItems: "center", gap: "12px", children: [
26803
- /* @__PURE__ */ m(MN, { boxSize: "32px" }),
26812
+ /* @__PURE__ */ m(M8, { boxSize: "32px" }),
26804
26813
  /* @__PURE__ */ m(
26805
26814
  Ae,
26806
26815
  {
@@ -26819,7 +26828,7 @@ const Vg = "Payment Completed", kN = ({
26819
26828
  }
26820
26829
  ) })
26821
26830
  ] }) });
26822
- }, RN = (e, t) => {
26831
+ }, R8 = (e, t) => {
26823
26832
  const n = E1.create({
26824
26833
  baseURL: e,
26825
26834
  timeout: 3e4
@@ -26833,7 +26842,7 @@ const Vg = "Payment Completed", kN = ({
26833
26842
  });
26834
26843
  return n.interceptors.request.use(r, (a) => Promise.reject(a)), { Request: n };
26835
26844
  };
26836
- function IN(e, t) {
26845
+ function I8(e, t) {
26837
26846
  const [n, r] = se(e);
26838
26847
  return me(() => {
26839
26848
  const a = setTimeout(() => r(e), t || 500);
@@ -26849,7 +26858,7 @@ const gu = (e) => Math.round((e + Number.EPSILON) * 100) / 100, qn = (e) => {
26849
26858
  (n == null ? void 0 : n.length) > 3 && i + 1 !== (n == null ? void 0 : n.length) && (i + 1) % 3 === 0 && i + 1 >= 3 ? r.push(n[i], ",") : r.push(n[i]);
26850
26859
  const a = e && gu(Number(e)).toString().split(".")[1];
26851
26860
  return `${r.reverse().join("") || 0}${a ? `.${((o = a || "") == null ? void 0 : o.padEnd(2, "0")) || "00"}` : ""}`;
26852
- }, DN = ({
26861
+ }, D8 = ({
26853
26862
  styles: e,
26854
26863
  summaryTitle: t,
26855
26864
  currency: n,
@@ -27204,7 +27213,7 @@ const gu = (e) => Math.round((e + Number.EPSILON) * 100) / 100, qn = (e) => {
27204
27213
  ]
27205
27214
  }
27206
27215
  );
27207
- }, NN = ({
27216
+ }, N8 = ({
27208
27217
  title: e,
27209
27218
  showFullname: t,
27210
27219
  showEmail: n,
@@ -27323,7 +27332,7 @@ const gu = (e) => Math.round((e + Number.EPSILON) * 100) / 100, qn = (e) => {
27323
27332
  a,
27324
27333
  l
27325
27334
  ] });
27326
- function BN({ Request: e }) {
27335
+ function B8({ Request: e }) {
27327
27336
  const { mutate: t, isLoading: n } = Df(e), { mutate: r, isLoading: a } = Nf(e);
27328
27337
  return {
27329
27338
  makePaystackPayment: ({
@@ -27353,7 +27362,7 @@ function BN({ Request: e }) {
27353
27362
  isChargingCard: a
27354
27363
  };
27355
27364
  }
27356
- const LN = (e) => /* @__PURE__ */ $(An, { viewBox: "0 0 32 32", ...e, fill: "none", children: [
27365
+ const L8 = (e) => /* @__PURE__ */ $(An, { viewBox: "0 0 32 32", ...e, fill: "none", children: [
27357
27366
  /* @__PURE__ */ m("g", { clipPath: "url(#clip0_2605_970)", children: /* @__PURE__ */ m(
27358
27367
  "path",
27359
27368
  {
@@ -27362,7 +27371,7 @@ const LN = (e) => /* @__PURE__ */ $(An, { viewBox: "0 0 32 32", ...e, fill: "non
27362
27371
  }
27363
27372
  ) }),
27364
27373
  /* @__PURE__ */ m("defs", { children: /* @__PURE__ */ m("clipPath", { id: "clip0_2605_970", children: /* @__PURE__ */ m("rect", { width: "32", height: "32", fill: "white" }) }) })
27365
- ] }), jN = ({
27374
+ ] }), j8 = ({
27366
27375
  Request: e,
27367
27376
  metadata: t,
27368
27377
  amount: n,
@@ -27437,7 +27446,7 @@ const LN = (e) => /* @__PURE__ */ $(An, { viewBox: "0 0 32 32", ...e, fill: "non
27437
27446
  disabled: p,
27438
27447
  children: /* @__PURE__ */ $(le, { justifyContent: "space-between", w: "full", alignItems: "center", children: [
27439
27448
  /* @__PURE__ */ $(le, { alignItems: "center", gap: "12px", children: [
27440
- /* @__PURE__ */ m(LN, { boxSize: "32px" }),
27449
+ /* @__PURE__ */ m(L8, { boxSize: "32px" }),
27441
27450
  /* @__PURE__ */ m(
27442
27451
  Ae,
27443
27452
  {
@@ -27455,7 +27464,7 @@ const LN = (e) => /* @__PURE__ */ $(An, { viewBox: "0 0 32 32", ...e, fill: "non
27455
27464
  ] })
27456
27465
  }
27457
27466
  );
27458
- }, zN = (e) => /* @__PURE__ */ $(An, { viewBox: "0 0 32 32", ...e, fill: "none", children: [
27467
+ }, z8 = (e) => /* @__PURE__ */ $(An, { viewBox: "0 0 32 32", ...e, fill: "none", children: [
27459
27468
  /* @__PURE__ */ m("rect", { width: "32", height: "32", rx: "16", fill: "#FFF0E9" }),
27460
27469
  /* @__PURE__ */ $("g", { clipPath: "url(#clip0_2569_4677)", children: [
27461
27470
  /* @__PURE__ */ m(
@@ -27707,7 +27716,7 @@ const LN = (e) => /* @__PURE__ */ $(An, { viewBox: "0 0 32 32", ...e, fill: "non
27707
27716
  }
27708
27717
  ) })
27709
27718
  ] })
27710
- ] }), VN = () => /* @__PURE__ */ $(Ee, { mt: "16px", children: [
27719
+ ] }), V8 = () => /* @__PURE__ */ $(Ee, { mt: "16px", children: [
27711
27720
  /* @__PURE__ */ m(
27712
27721
  Ae,
27713
27722
  {
@@ -27769,7 +27778,7 @@ const LN = (e) => /* @__PURE__ */ $(An, { viewBox: "0 0 32 32", ...e, fill: "non
27769
27778
  "PLN",
27770
27779
  "RON",
27771
27780
  "SEK"
27772
- ], JN = sn(
27781
+ ], J8 = sn(
27773
27782
  ({
27774
27783
  paymentConfig: e,
27775
27784
  summaryTitle: t,
@@ -27783,7 +27792,7 @@ const LN = (e) => /* @__PURE__ */ $(An, { viewBox: "0 0 32 32", ...e, fill: "non
27783
27792
  onInitializePayment: c,
27784
27793
  onPaymentComplete: u,
27785
27794
  hasApiKey: d,
27786
- PreCheckoutBanner: f
27795
+ preCheckoutBanner: f
27787
27796
  }, p) => {
27788
27797
  var to, Mi, Oi, Ri, no, Ii, Di, Ni, oa, Bi, Li, ji, vr, ia, sa, la, zi, ro, ca, ao, dn, Wn, Vi, oo, Ui, io, Gi, Wi, so, Hi, v, w, k, z;
27789
27798
  const {
@@ -27811,7 +27820,7 @@ const LN = (e) => /* @__PURE__ */ $(An, { viewBox: "0 0 32 32", ...e, fill: "non
27811
27820
  cryptoRedirectUrl: je,
27812
27821
  isFreeTrial: M,
27813
27822
  itemsList: F
27814
- } = e, K = b == null ? void 0 : b.hideDetails, L = b == null ? void 0 : b.isSingleColumn, X = ((to = b == null ? void 0 : b.showDefaultInputFields) == null ? void 0 : to.email) ?? !0, V = ((Mi = b == null ? void 0 : b.showDefaultInputFields) == null ? void 0 : Mi.phone) ?? !1, q = ((Oi = b == null ? void 0 : b.showDefaultInputFields) == null ? void 0 : Oi.fullname) ?? !0, { Request: Z } = RN(O, {
27823
+ } = e, K = b == null ? void 0 : b.hideDetails, L = b == null ? void 0 : b.isSingleColumn, X = ((to = b == null ? void 0 : b.showDefaultInputFields) == null ? void 0 : to.email) ?? !0, V = ((Mi = b == null ? void 0 : b.showDefaultInputFields) == null ? void 0 : Mi.phone) ?? !1, q = ((Oi = b == null ? void 0 : b.showDefaultInputFields) == null ? void 0 : Oi.fullname) ?? !0, { Request: Z } = R8(O, {
27815
27824
  "x-is-api-client-payment": d ?? !1
27816
27825
  }), [re, oe] = se(""), [W, Se] = se(h), [I, Be] = se(!1), [ht, Dt] = se(!1), [it, ut] = se({
27817
27826
  openModal: !1,
@@ -27858,11 +27867,11 @@ const LN = (e) => /* @__PURE__ */ $(An, { viewBox: "0 0 32 32", ...e, fill: "non
27858
27867
  fullname: zt().required("Please enter your Fullname"),
27859
27868
  currency: zt().required("Please select a currency."),
27860
27869
  ...a
27861
- }), { getAmount: fr, getCountryCurrency: Qr } = _N(g), Zt = typeof window < "u" ? JSON.parse(window.localStorage.getItem("userIp")) : "", { mutate: ea, isLoading: Za } = Df(Z), { mutate: Vn, isLoading: ta } = Nf(Z), {
27870
+ }), { getAmount: fr, getCountryCurrency: Qr } = _8(g), Zt = typeof window < "u" ? JSON.parse(window.localStorage.getItem("userIp")) : "", { mutate: ea, isLoading: Za } = Df(Z), { mutate: Vn, isLoading: ta } = Nf(Z), {
27862
27871
  makePaystackPayment: Gl,
27863
27872
  isInitializingPayment: Ti,
27864
27873
  isChargingCard: Wl
27865
- } = BN({ Request: Z }), {
27874
+ } = B8({ Request: Z }), {
27866
27875
  data: Hl,
27867
27876
  refetch: pr,
27868
27877
  isLoading: Kl
@@ -27945,7 +27954,7 @@ const LN = (e) => /* @__PURE__ */ $(An, { viewBox: "0 0 32 32", ...e, fill: "non
27945
27954
  ee.setFieldValue(N, Y);
27946
27955
  }
27947
27956
  }));
27948
- const qt = IN((no = ee.values) == null ? void 0 : no.zipCode), Un = M ? !1 : g !== (Zt == null ? void 0 : Zt.currency), Yl = ee.values.country !== "" ? Qr((Ii = ee == null ? void 0 : ee.values) == null ? void 0 : Ii.country) !== g : (Zt == null ? void 0 : Zt.currency) !== g, _i = M ? !1 : Yl || g !== hn.USD, { data: ie, isLoading: ki } = F3(
27957
+ const qt = I8((no = ee.values) == null ? void 0 : no.zipCode), Un = M ? !1 : g !== (Zt == null ? void 0 : Zt.currency), Yl = ee.values.country !== "" ? Qr((Ii = ee == null ? void 0 : ee.values) == null ? void 0 : Ii.country) !== g : (Zt == null ? void 0 : Zt.currency) !== g, _i = M ? !1 : Yl || g !== hn.USD, { data: ie, isLoading: ki } = F3(
27949
27958
  {
27950
27959
  account_id: S,
27951
27960
  // only use price when discount has a value, this is due to rerendering issues using price causes
@@ -28130,20 +28139,20 @@ const LN = (e) => /* @__PURE__ */ $(An, { viewBox: "0 0 32 32", ...e, fill: "non
28130
28139
  }
28131
28140
  }, aa = Ce(null), cc = (Hi = aa == null ? void 0 : aa.current) == null ? void 0 : Hi.offsetWidth, uc = g === hn.USD && Ne !== "ips" && W > 0, dc = [
28132
28141
  {
28133
- name: "mastercard",
28134
- src: "https://res.cloudinary.com/mainstack-co/image/upload/v1743072642/payment_lib/MasterCard_logo.svg"
28142
+ name: "visa",
28143
+ src: "https://res.cloudinary.com/mainstack-co/image/upload/v1743682005/payment_lib/visa.png"
28135
28144
  },
28136
28145
  {
28137
- name: "visa",
28138
- src: "https://res.cloudinary.com/mainstack-co/image/upload/v1743072642/payment_lib/Visa_logo.svg"
28146
+ name: "mastercard",
28147
+ src: "https://res.cloudinary.com/mainstack-co/image/upload/v1743682004/payment_lib/MasterCard.png"
28139
28148
  },
28140
28149
  {
28141
28150
  name: "amex",
28142
- src: "https://res.cloudinary.com/mainstack-co/image/upload/v1743072642/payment_lib/American_Express_logo.svg"
28151
+ src: "https://res.cloudinary.com/mainstack-co/image/upload/v1743682005/payment_lib/American_Express.png"
28143
28152
  },
28144
28153
  {
28145
28154
  name: "jcb",
28146
- src: "https://res.cloudinary.com/mainstack-co/image/upload/v1743072642/payment_lib/JCB_Logo.svg"
28155
+ src: "https://res.cloudinary.com/mainstack-co/image/upload/v1743682005/payment_lib/JCB.png"
28147
28156
  }
28148
28157
  ], [fc, pc] = se(0), Qa = Ce(null);
28149
28158
  me(() => {
@@ -28178,7 +28187,7 @@ const LN = (e) => /* @__PURE__ */ $(An, { viewBox: "0 0 32 32", ...e, fill: "non
28178
28187
  ref: aa,
28179
28188
  colSpan: K || L ? 12 : { base: 12, lg: 5 },
28180
28189
  children: /* @__PURE__ */ m(
28181
- DN,
28190
+ D8,
28182
28191
  {
28183
28192
  itemsList: F,
28184
28193
  styles: {
@@ -28216,7 +28225,7 @@ const LN = (e) => /* @__PURE__ */ $(An, { viewBox: "0 0 32 32", ...e, fill: "non
28216
28225
  )
28217
28226
  }
28218
28227
  ),
28219
- /* @__PURE__ */ $(
28228
+ /* @__PURE__ */ m(
28220
28229
  ed,
28221
28230
  {
28222
28231
  colSpan: K || L ? 12 : { base: 12, lg: 7 },
@@ -28224,311 +28233,282 @@ const LN = (e) => /* @__PURE__ */ $(An, { viewBox: "0 0 32 32", ...e, fill: "non
28224
28233
  justifyContent: "center",
28225
28234
  ref: Qa,
28226
28235
  pb: "100px",
28227
- pt: "48px",
28228
- children: [
28236
+ pt: { base: "20px", lg: "48px" },
28237
+ children: /* @__PURE__ */ $(Ee, { width: "560px", children: [
28229
28238
  /* @__PURE__ */ m(St, { children: f }),
28230
- /* @__PURE__ */ $(Ee, { width: "560px", children: [
28231
- /* @__PURE__ */ m(u9, { value: ee, children: /* @__PURE__ */ m("form", { onSubmit: ee.handleSubmit, children: s ?? /* @__PURE__ */ $(Ee, { children: [
28232
- /* @__PURE__ */ $(
28233
- le,
28234
- {
28235
- py: "20px",
28236
- justifyContent: "space-between",
28237
- alignItems: "center",
28238
- cursor: "pointer",
28239
- onClick: () => {
28240
- mr(), mc(), Dt(!1);
28241
- },
28242
- opacity: eo ? 1 : 0.6,
28243
- transition: "opacity 0.2s",
28244
- children: [
28245
- pl(n) ? /* @__PURE__ */ m(St, { children: n }) : /* @__PURE__ */ $(Ee, { children: [
28246
- /* @__PURE__ */ m(
28247
- Ae,
28248
- {
28249
- fontSize: "1rem",
28250
- lineHeight: "32px",
28251
- fontWeight: 700,
28252
- letterSpacing: "-0.2px",
28253
- fontFamily: "inherit",
28254
- children: n ?? "Checkout Details"
28255
- }
28256
- ),
28257
- /* @__PURE__ */ m(
28258
- Ae,
28259
- {
28260
- color: "#7D879B",
28261
- fontFamily: "Onest",
28262
- fontSize: "14px",
28263
- lineHeight: "28px",
28264
- letterSpacing: "-0.2px",
28265
- children: "Your contact information for order confirmation"
28266
- }
28267
- )
28268
- ] }),
28239
+ /* @__PURE__ */ m(u9, { value: ee, children: /* @__PURE__ */ m("form", { onSubmit: ee.handleSubmit, children: s ?? /* @__PURE__ */ $(Ee, { children: [
28240
+ /* @__PURE__ */ $(
28241
+ le,
28242
+ {
28243
+ py: "20px",
28244
+ justifyContent: "space-between",
28245
+ alignItems: "center",
28246
+ cursor: "pointer",
28247
+ onClick: () => {
28248
+ mr(), mc(), Dt(!1);
28249
+ },
28250
+ opacity: eo ? 1 : 0.6,
28251
+ transition: "opacity 0.2s",
28252
+ children: [
28253
+ pl(n) ? /* @__PURE__ */ m(St, { children: n }) : /* @__PURE__ */ $(Ee, { children: [
28269
28254
  /* @__PURE__ */ m(
28270
- bu,
28271
- {
28272
- transform: eo ? "rotate(0deg)" : "rotate(180deg)",
28273
- transition: "transform 0.2s",
28274
- boxSize: "20px"
28275
- }
28276
- )
28277
- ]
28278
- }
28279
- ),
28280
- /* @__PURE__ */ m(ni, { in: eo, children: /* @__PURE__ */ m(Ee, { transition: "all 0.2s", children: /* @__PURE__ */ m(
28281
- NN,
28282
- {
28283
- title: n,
28284
- showFullname: q,
28285
- showEmail: X,
28286
- showPhone: V,
28287
- customForm: r,
28288
- values: ee.values,
28289
- errors: {
28290
- fullname: (w = ee == null ? void 0 : ee.errors) == null ? void 0 : w.fullname,
28291
- email: (k = ee == null ? void 0 : ee.errors) == null ? void 0 : k.email,
28292
- phone: (z = ee == null ? void 0 : ee.errors) == null ? void 0 : z.phone
28293
- },
28294
- setFieldValue: ee.setFieldValue,
28295
- proceedButton: /* @__PURE__ */ $(le, { mt: "12px", gap: "10px", children: [
28296
- !(b != null && b.hideBackButton) && /* @__PURE__ */ m(
28297
- dl,
28255
+ Ae,
28298
28256
  {
28299
- bgColor: "#F2F4F7",
28300
- color: "#111215",
28301
- label: (b == null ? void 0 : b.back_button_label) ?? "Back",
28302
- width: "144px",
28257
+ fontSize: "1rem",
28258
+ lineHeight: "32px",
28259
+ fontWeight: 700,
28260
+ letterSpacing: "-0.2px",
28303
28261
  fontFamily: "inherit",
28304
- onClick: l
28262
+ children: n ?? "Checkout Details"
28305
28263
  }
28306
28264
  ),
28307
28265
  /* @__PURE__ */ m(
28308
- dl,
28266
+ Ae,
28309
28267
  {
28310
- bgColor: b == null ? void 0 : b.theme_color,
28311
- label: (b == null ? void 0 : b.button_label) ?? "Pay for Product",
28312
- position: "relative",
28313
- width: "100%",
28314
- type: "submit",
28315
- onClick: ac,
28316
- _hover: {
28317
- opacity: 0.8,
28318
- _after: {
28319
- background: b == null ? void 0 : b.theme_color
28320
- }
28321
- },
28322
- fontFamily: "inherit",
28323
- disabled: ki,
28324
- fontSize: "14px"
28268
+ color: "#7D879B",
28269
+ fontFamily: "Onest",
28270
+ fontSize: "14px",
28271
+ lineHeight: "28px",
28272
+ letterSpacing: "-0.2px",
28273
+ children: "Your contact information for order confirmation"
28325
28274
  }
28326
28275
  )
28327
- ] })
28328
- }
28329
- ) }) })
28330
- ] }) }) }),
28331
- /* @__PURE__ */ $(Ee, { children: [
28332
- /* @__PURE__ */ $(
28333
- le,
28334
- {
28335
- py: "20px",
28336
- justifyContent: "space-between",
28337
- alignItems: "center",
28338
- cursor: "pointer",
28339
- opacity: gr ? 1 : 0.6,
28340
- transition: "opacity 0.2s",
28341
- children: [
28342
- /* @__PURE__ */ $(Ee, { children: [
28343
- /* @__PURE__ */ m(
28344
- Ae,
28276
+ ] }),
28277
+ /* @__PURE__ */ m(
28278
+ bu,
28279
+ {
28280
+ transform: eo ? "rotate(0deg)" : "rotate(180deg)",
28281
+ transition: "transform 0.2s",
28282
+ boxSize: "20px"
28283
+ }
28284
+ )
28285
+ ]
28286
+ }
28287
+ ),
28288
+ /* @__PURE__ */ m(ni, { in: eo, children: /* @__PURE__ */ m(Ee, { transition: "all 0.2s", children: /* @__PURE__ */ m(
28289
+ N8,
28290
+ {
28291
+ title: n,
28292
+ showFullname: q,
28293
+ showEmail: X,
28294
+ showPhone: V,
28295
+ customForm: r,
28296
+ values: ee.values,
28297
+ errors: {
28298
+ fullname: (w = ee == null ? void 0 : ee.errors) == null ? void 0 : w.fullname,
28299
+ email: (k = ee == null ? void 0 : ee.errors) == null ? void 0 : k.email,
28300
+ phone: (z = ee == null ? void 0 : ee.errors) == null ? void 0 : z.phone
28301
+ },
28302
+ setFieldValue: ee.setFieldValue,
28303
+ proceedButton: /* @__PURE__ */ $(
28304
+ le,
28305
+ {
28306
+ mt: "12px",
28307
+ gap: "10px",
28308
+ flexDirection: { base: "column", md: "row" },
28309
+ children: [
28310
+ !(b != null && b.hideBackButton) && /* @__PURE__ */ m(
28311
+ dl,
28345
28312
  {
28346
- fontSize: "1rem",
28347
- lineHeight: "32px",
28348
- fontWeight: 700,
28349
- letterSpacing: "-0.2px",
28313
+ bgColor: "#F2F4F7",
28314
+ color: "#111215",
28315
+ label: (b == null ? void 0 : b.back_button_label) ?? "Back",
28316
+ width: { base: "100%", md: "144px" },
28350
28317
  fontFamily: "inherit",
28351
- children: "Payment Method"
28318
+ onClick: l
28352
28319
  }
28353
28320
  ),
28354
28321
  /* @__PURE__ */ m(
28355
- Ae,
28322
+ dl,
28356
28323
  {
28357
- color: "#7D879B",
28358
- fontFamily: "Onest",
28359
- fontSize: "14px",
28360
- lineHeight: "28px",
28361
- letterSpacing: "-0.2px",
28362
- children: "Secure options to complete your purchase"
28324
+ bgColor: (b == null ? void 0 : b.theme_color) ?? "#111215",
28325
+ label: (b == null ? void 0 : b.button_label) ?? "Pay for Product",
28326
+ position: "relative",
28327
+ width: "100%",
28328
+ type: "submit",
28329
+ onClick: ac,
28330
+ _hover: {
28331
+ opacity: 0.8,
28332
+ _after: {
28333
+ background: b == null ? void 0 : b.theme_color
28334
+ }
28335
+ },
28336
+ fontFamily: "inherit",
28337
+ disabled: ki,
28338
+ fontSize: "14px"
28363
28339
  }
28364
28340
  )
28365
- ] }),
28341
+ ]
28342
+ }
28343
+ )
28344
+ }
28345
+ ) }) })
28346
+ ] }) }) }),
28347
+ /* @__PURE__ */ $(Ee, { children: [
28348
+ /* @__PURE__ */ $(
28349
+ le,
28350
+ {
28351
+ py: "20px",
28352
+ justifyContent: "space-between",
28353
+ alignItems: "center",
28354
+ cursor: "pointer",
28355
+ opacity: gr ? 1 : 0.6,
28356
+ transition: "opacity 0.2s",
28357
+ children: [
28358
+ /* @__PURE__ */ $(Ee, { children: [
28359
+ /* @__PURE__ */ m(
28360
+ Ae,
28361
+ {
28362
+ fontSize: "1rem",
28363
+ lineHeight: "32px",
28364
+ fontWeight: 700,
28365
+ letterSpacing: "-0.2px",
28366
+ fontFamily: "inherit",
28367
+ children: "Payment Method"
28368
+ }
28369
+ ),
28366
28370
  /* @__PURE__ */ m(
28367
- bu,
28371
+ Ae,
28368
28372
  {
28369
- transform: gr ? "rotate(0deg)" : "rotate(180deg)",
28370
- transition: "transform 0.2s",
28371
- boxSize: "20px"
28373
+ color: "#7D879B",
28374
+ fontFamily: "Onest",
28375
+ fontSize: "14px",
28376
+ lineHeight: "28px",
28377
+ letterSpacing: "-0.2px",
28378
+ children: "Secure options to complete your purchase"
28372
28379
  }
28373
28380
  )
28374
- ]
28375
- }
28376
- ),
28377
- /* @__PURE__ */ m(ni, { in: gr, children: /* @__PURE__ */ $(Ee, { transition: "all 0.2s", children: [
28378
- /* @__PURE__ */ $(
28379
- fl,
28380
- {
28381
- onClick: (N) => {
28382
- ht || $i(N);
28383
- },
28384
- isLoading: ql || Zl,
28385
- children: [
28386
- /* @__PURE__ */ $(le, { justifyContent: "space-between", children: [
28387
- /* @__PURE__ */ $(le, { alignItems: "center", gap: "12px", children: [
28388
- /* @__PURE__ */ m(zN, { boxSize: "32px" }),
28389
- /* @__PURE__ */ m(
28390
- Ae,
28391
- {
28392
- color: "#111215",
28393
- fontFamily: "Onest",
28394
- fontSize: "14px",
28395
- lineHeight: "28px",
28396
- letterSpacing: "-0.2px",
28397
- fontWeight: 600,
28398
- children: "Pay with Credit or Debit Card"
28399
- }
28400
- )
28401
- ] }),
28402
- /* @__PURE__ */ $(le, { alignItems: "center", gap: "12px", children: [
28403
- /* @__PURE__ */ m(
28404
- le,
28405
- {
28406
- alignItems: "center",
28407
- justify: "center",
28408
- gap: "2px",
28409
- w: "full",
28410
- flexWrap: { base: "wrap" },
28411
- display: { base: "none", lg: "flex" },
28412
- children: dc.map((N, Y) => /* @__PURE__ */ m(Ee, { flexShrink: 0, children: /* @__PURE__ */ m(
28413
- al,
28414
- {
28415
- src: N.src,
28416
- alt: `${N.name}-logo`,
28417
- width: "32px",
28418
- height: "50px",
28419
- objectFit: "cover"
28420
- }
28421
- ) }, Y))
28422
- }
28423
- ),
28424
- /* @__PURE__ */ m(
28425
- Vo,
28426
- {
28427
- transform: "rotate(-90deg)",
28428
- boxSize: "24px"
28429
- }
28430
- )
28431
- ] })
28432
- ] }),
28433
- /* @__PURE__ */ m(Ee, { ref: he, children: /* @__PURE__ */ m(
28434
- Bs,
28435
- {
28436
- stripe: hr,
28437
- children: /* @__PURE__ */ m(
28438
- EN,
28439
- {
28440
- metadata: {
28441
- ...st,
28442
- reference: re
28443
- },
28444
- currency: g,
28445
- amount: Xt,
28446
- discount_code: Qe,
28447
- formik: ee,
28448
- isFree: Xt === 0 || (T == null ? void 0 : T.isFullDiscount),
28449
- showPayment: ht,
28450
- showCheckoutForm: I,
28451
- onCancel: oc,
28452
- btn_color: b == null ? void 0 : b.theme_color,
28453
- onPaymentComplete: u,
28454
- Request: Z,
28455
- paymentModel: Ne,
28456
- callbackUrl: E,
28457
- setIframeUrl: ({ url: N, reference: Y }) => {
28458
- ut({
28459
- openModal: !0,
28460
- url: N,
28461
- reference: Y
28462
- });
28463
- },
28464
- isEuroCurrencies: vu.indexOf(g) > -1,
28465
- paymentWidth: fc,
28466
- customizations: b,
28467
- onGoBack: l
28468
- }
28469
- )
28470
- },
28471
- Jt
28472
- ) })
28473
- ]
28474
- }
28475
- ),
28476
- /* @__PURE__ */ $(le, { alignItems: "center", gap: "18px", my: "16px", children: [
28477
- /* @__PURE__ */ m(nd, {}),
28381
+ ] }),
28478
28382
  /* @__PURE__ */ m(
28479
- Ae,
28383
+ bu,
28480
28384
  {
28481
- color: "#7D879B",
28482
- fontFamily: "Onest",
28483
- fontSize: "14px",
28484
- lineHeight: "28px",
28485
- letterSpacing: "-0.2px",
28486
- flexShrink: 0,
28487
- children: "Or Pay with"
28385
+ transform: gr ? "rotate(0deg)" : "rotate(180deg)",
28386
+ transition: "transform 0.2s",
28387
+ boxSize: "20px"
28488
28388
  }
28489
- ),
28490
- /* @__PURE__ */ m(nd, {})
28491
- ] }),
28492
- /* @__PURE__ */ $(le, { gap: "12px", children: [
28493
- (Re("wallet") || !(T != null && T.isFullDiscount)) && /* @__PURE__ */ $(St, { children: [
28494
- " ",
28495
- R && g !== hn.NGN && g !== hn.GHS && /* @__PURE__ */ m(
28389
+ )
28390
+ ]
28391
+ }
28392
+ ),
28393
+ /* @__PURE__ */ m(ni, { in: gr, children: /* @__PURE__ */ $(Ee, { transition: "all 0.2s", children: [
28394
+ /* @__PURE__ */ $(
28395
+ fl,
28396
+ {
28397
+ onClick: (N) => {
28398
+ ht || $i(N);
28399
+ },
28400
+ isLoading: ql || Zl,
28401
+ children: [
28402
+ /* @__PURE__ */ $(le, { justifyContent: "space-between", children: [
28403
+ /* @__PURE__ */ $(le, { alignItems: "center", gap: "12px", children: [
28404
+ /* @__PURE__ */ m(z8, { boxSize: "32px" }),
28405
+ /* @__PURE__ */ m(
28406
+ Ae,
28407
+ {
28408
+ color: "#111215",
28409
+ fontFamily: "Onest",
28410
+ fontSize: "14px",
28411
+ lineHeight: "28px",
28412
+ letterSpacing: "-0.2px",
28413
+ fontWeight: 600,
28414
+ children: "Pay with Credit or Debit Card"
28415
+ }
28416
+ )
28417
+ ] }),
28418
+ /* @__PURE__ */ $(le, { alignItems: "center", gap: "12px", children: [
28419
+ /* @__PURE__ */ m(
28420
+ le,
28421
+ {
28422
+ alignItems: "center",
28423
+ justify: "center",
28424
+ gap: "2px",
28425
+ w: "full",
28426
+ flexWrap: { base: "wrap" },
28427
+ display: { base: "none", lg: "flex" },
28428
+ children: dc.map((N, Y) => /* @__PURE__ */ m(Ee, { flexShrink: 0, children: /* @__PURE__ */ m(
28429
+ al,
28430
+ {
28431
+ src: N.src,
28432
+ alt: `${N.name}-logo`,
28433
+ width: "32px",
28434
+ height: "20px",
28435
+ objectFit: "cover"
28436
+ }
28437
+ ) }, Y))
28438
+ }
28439
+ ),
28440
+ /* @__PURE__ */ m(
28441
+ Vo,
28442
+ {
28443
+ transform: "rotate(-90deg)",
28444
+ boxSize: "24px"
28445
+ }
28446
+ )
28447
+ ] })
28448
+ ] }),
28449
+ /* @__PURE__ */ m(Ee, { ref: he, children: /* @__PURE__ */ m(
28496
28450
  Bs,
28497
28451
  {
28498
28452
  stripe: hr,
28499
- options: {
28500
- appearance: {
28501
- variables: { borderRadius: "100px" }
28502
- }
28503
- },
28504
28453
  children: /* @__PURE__ */ m(
28505
- ON,
28454
+ E8,
28506
28455
  {
28507
- metadata: st,
28456
+ metadata: {
28457
+ ...st,
28458
+ reference: re
28459
+ },
28508
28460
  currency: g,
28509
- stripeCountry: vu.indexOf(g) > -1 ? "GB" : "US",
28510
28461
  amount: Xt,
28462
+ discount_code: Qe,
28511
28463
  formik: ee,
28512
- checkForErrors: async () => {
28513
- if (c) {
28514
- const Y = await c(
28515
- ee.values
28516
- );
28517
- if (Y != null && Y.terminate)
28518
- return Y == null ? void 0 : Y.terminate;
28519
- }
28520
- const N = await ee.validateForm();
28521
- return Object.keys(N).length > 0;
28522
- },
28464
+ isFree: Xt === 0 || (T == null ? void 0 : T.isFullDiscount),
28465
+ showPayment: ht,
28466
+ showCheckoutForm: I,
28467
+ onCancel: oc,
28468
+ btn_color: b == null ? void 0 : b.theme_color,
28523
28469
  onPaymentComplete: u,
28524
- Request: Z
28470
+ Request: Z,
28471
+ paymentModel: Ne,
28472
+ callbackUrl: E,
28473
+ setIframeUrl: ({ url: N, reference: Y }) => {
28474
+ ut({
28475
+ openModal: !0,
28476
+ url: N,
28477
+ reference: Y
28478
+ });
28479
+ },
28480
+ isEuroCurrencies: vu.indexOf(g) > -1,
28481
+ paymentWidth: fc,
28482
+ customizations: b,
28483
+ onGoBack: l
28525
28484
  }
28526
28485
  )
28527
28486
  },
28528
28487
  Jt
28529
- )
28530
- ] }),
28531
- Re("crypto") && B && uc && /* @__PURE__ */ m(
28488
+ ) })
28489
+ ]
28490
+ }
28491
+ ),
28492
+ /* @__PURE__ */ $(le, { alignItems: "center", gap: "18px", my: "16px", children: [
28493
+ /* @__PURE__ */ m(nd, {}),
28494
+ /* @__PURE__ */ m(
28495
+ Ae,
28496
+ {
28497
+ color: "#7D879B",
28498
+ fontFamily: "Onest",
28499
+ fontSize: "14px",
28500
+ lineHeight: "28px",
28501
+ letterSpacing: "-0.2px",
28502
+ flexShrink: 0,
28503
+ children: "Or Pay with"
28504
+ }
28505
+ ),
28506
+ /* @__PURE__ */ m(nd, {})
28507
+ ] }),
28508
+ /* @__PURE__ */ $(le, { gap: "12px", children: [
28509
+ (Re("wallet") || !(T != null && T.isFullDiscount)) && /* @__PURE__ */ $(St, { children: [
28510
+ " ",
28511
+ R && g !== hn.NGN && g !== hn.GHS && /* @__PURE__ */ m(
28532
28512
  Bs,
28533
28513
  {
28534
28514
  stripe: hr,
@@ -28538,37 +28518,72 @@ const LN = (e) => /* @__PURE__ */ $(An, { viewBox: "0 0 32 32", ...e, fill: "non
28538
28518
  }
28539
28519
  },
28540
28520
  children: /* @__PURE__ */ m(
28541
- jN,
28521
+ O8,
28542
28522
  {
28543
28523
  metadata: st,
28544
28524
  currency: g,
28525
+ stripeCountry: vu.indexOf(g) > -1 ? "GB" : "US",
28545
28526
  amount: Xt,
28546
- Request: Z,
28547
- redirectUrl: je,
28527
+ formik: ee,
28548
28528
  checkForErrors: async () => {
28549
28529
  if (c) {
28550
- const Y = await c(ee.values);
28530
+ const Y = await c(
28531
+ ee.values
28532
+ );
28551
28533
  if (Y != null && Y.terminate)
28552
28534
  return Y == null ? void 0 : Y.terminate;
28553
28535
  }
28554
28536
  const N = await ee.validateForm();
28555
28537
  return Object.keys(N).length > 0;
28556
- }
28538
+ },
28539
+ onPaymentComplete: u,
28540
+ Request: Z
28557
28541
  }
28558
28542
  )
28559
28543
  },
28560
28544
  Jt
28561
28545
  )
28562
28546
  ] }),
28563
- /* @__PURE__ */ m(VN, {})
28564
- ] }) })
28565
- ] })
28547
+ Re("crypto") && B && uc && /* @__PURE__ */ m(
28548
+ Bs,
28549
+ {
28550
+ stripe: hr,
28551
+ options: {
28552
+ appearance: {
28553
+ variables: { borderRadius: "100px" }
28554
+ }
28555
+ },
28556
+ children: /* @__PURE__ */ m(
28557
+ j8,
28558
+ {
28559
+ metadata: st,
28560
+ currency: g,
28561
+ amount: Xt,
28562
+ Request: Z,
28563
+ redirectUrl: je,
28564
+ checkForErrors: async () => {
28565
+ if (c) {
28566
+ const Y = await c(ee.values);
28567
+ if (Y != null && Y.terminate)
28568
+ return Y == null ? void 0 : Y.terminate;
28569
+ }
28570
+ const N = await ee.validateForm();
28571
+ return Object.keys(N).length > 0;
28572
+ }
28573
+ }
28574
+ )
28575
+ },
28576
+ Jt
28577
+ )
28578
+ ] }),
28579
+ /* @__PURE__ */ m(V8, {})
28580
+ ] }) })
28566
28581
  ] })
28567
- ]
28582
+ ] })
28568
28583
  }
28569
28584
  ),
28570
28585
  /* @__PURE__ */ m(
28571
- kN,
28586
+ k8,
28572
28587
  {
28573
28588
  isOpen: it == null ? void 0 : it.openModal,
28574
28589
  handleCloseModal: lc,
@@ -28576,7 +28591,7 @@ const LN = (e) => /* @__PURE__ */ $(An, { viewBox: "0 0 32 32", ...e, fill: "non
28576
28591
  }
28577
28592
  ),
28578
28593
  /* @__PURE__ */ m(
28579
- $N,
28594
+ $8,
28580
28595
  {
28581
28596
  isOpen: ic,
28582
28597
  onClose: Fi
@@ -28586,10 +28601,10 @@ const LN = (e) => /* @__PURE__ */ $(An, { viewBox: "0 0 32 32", ...e, fill: "non
28586
28601
  }
28587
28602
  ) });
28588
28603
  }
28589
- ), QN = ({ children: e }) => /* @__PURE__ */ m(eM, { children: /* @__PURE__ */ $(v1, { children: [
28604
+ ), Q8 = ({ children: e }) => /* @__PURE__ */ m(eM, { children: /* @__PURE__ */ $(v1, { children: [
28590
28605
  /* @__PURE__ */ m(y1, {}),
28591
28606
  e
28592
- ] }) }), e8 = ({
28607
+ ] }) }), eN = ({
28593
28608
  showBackButton: e,
28594
28609
  onGoBack: t,
28595
28610
  themeColor: n,
@@ -28640,20 +28655,20 @@ const LN = (e) => /* @__PURE__ */ $(An, { viewBox: "0 0 32 32", ...e, fill: "non
28640
28655
  )
28641
28656
  ] });
28642
28657
  export {
28643
- EN as CheckoutForm,
28644
- NN as ContactForm,
28645
- DN as FeesSummaryCard,
28646
- JN as MainstackPayments,
28647
- QN as MainstackPaymentsProvider,
28648
- kN as PaymentActionModal,
28649
- $N as PaystackPaymentErrorModal,
28650
- e8 as PaystackPayments,
28651
- ON as WalletPay,
28658
+ E8 as CheckoutForm,
28659
+ N8 as ContactForm,
28660
+ D8 as FeesSummaryCard,
28661
+ J8 as MainstackPayments,
28662
+ Q8 as MainstackPaymentsProvider,
28663
+ k8 as PaymentActionModal,
28664
+ $8 as PaystackPaymentErrorModal,
28665
+ eN as PaystackPayments,
28666
+ O8 as WalletPay,
28652
28667
  R3 as useApplyDiscount,
28653
28668
  Nf as useChargePayment,
28654
28669
  F3 as useGetTransactionFees,
28655
28670
  Df as useInitPayment,
28656
28671
  M3 as useIntentPayment,
28657
- BN as usePaystackPayment,
28672
+ B8 as usePaystackPayment,
28658
28673
  O3 as useVerifyPayment
28659
28674
  };