@billgangcom/theme-lib 1.121.0 → 1.121.1

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.
Files changed (42) hide show
  1. package/dist/{builder-CULKvuzI.js → builder-BLJW4r2I.js} +5 -5
  2. package/dist/{builder-GUSC-VqG.cjs → builder-CEuUvIOl.cjs} +2 -2
  3. package/dist/{builder-components-Bh7Wzulo.js → builder-components-B5VitaYF.js} +4 -4
  4. package/dist/{builder-components-DD74FeFy.cjs → builder-components-Bxh6HqE7.cjs} +1 -1
  5. package/dist/builder.cjs.js +1 -1
  6. package/dist/builder.es.js +23 -23
  7. package/dist/{charge-D2D0KO0N.js → charge-BJBo-Ac6.js} +6 -6
  8. package/dist/{charge--UEFO_yq.cjs → charge-C3aekkW0.cjs} +1 -1
  9. package/dist/{checkout-BPim1kWl.cjs → checkout-C0yD2KNO.cjs} +1 -1
  10. package/dist/{checkout-DmVjQ7qL.js → checkout-DJRMAUFt.js} +5 -5
  11. package/dist/exports.cjs.js +1 -1
  12. package/dist/exports.es.js +6 -6
  13. package/dist/{index-kAYyWOg3.cjs → index-0pbQYR0W.cjs} +1 -1
  14. package/dist/{index-DVRVUkVq.cjs → index-3ooWNOdm.cjs} +1 -1
  15. package/dist/{index-BSv52ixn.js → index-BVgZHPmL.js} +1 -1
  16. package/dist/{index-Co6SbqR4.cjs → index-BYph4R_R.cjs} +1 -1
  17. package/dist/{index-CqJBTbYk.js → index-BwkJb9iY.js} +5 -5
  18. package/dist/{index-BGcK4oXQ.js → index-C4RdZsKS.js} +5 -5
  19. package/dist/{index-CyjdClPE.cjs → index-Cy04C1Ft.cjs} +1 -1
  20. package/dist/{index-DmmQUpBX.js → index-DHu9EjiI.js} +2 -2
  21. package/dist/{index-DJeUikc5.cjs → index-DOq8Ex8r.cjs} +1 -1
  22. package/dist/{index-DhlWg3_R.js → index-DkCtdfUs.js} +5 -5
  23. package/dist/{index-CspqOvt6.js → index-DznvnZMn.js} +5 -5
  24. package/dist/{index-D3tHDwlB.cjs → index-WUENht00.cjs} +1 -1
  25. package/dist/index.cjs.js +1 -1
  26. package/dist/index.es.js +6 -6
  27. package/dist/order-DImEf9Qd.cjs +1 -0
  28. package/dist/{order-5WoovJR7.js → order-DjqVEizs.js} +72 -72
  29. package/dist/{subscription-DTxohDSL.cjs → subscription-DRM99xSt.cjs} +1 -1
  30. package/dist/{subscription-CgYzqQq4.js → subscription-Dy4VkIUb.js} +5 -5
  31. package/dist/{ticket-DwzKY7OF.cjs → ticket-DfRwG42e.cjs} +2 -2
  32. package/dist/{ticket-BjAWQBHH.js → ticket-UF6olQ4f.js} +49 -48
  33. package/dist/{top-up-C-TbJas2.js → top-up-BifI2B0D.js} +5 -5
  34. package/dist/{top-up-jTGvS5Wv.cjs → top-up-BrN49_Uk.cjs} +1 -1
  35. package/dist/{ui-components-B0NcrAD7.cjs → ui-components-BkVsTiHC.cjs} +1 -1
  36. package/dist/{ui-components-BKXG7k9L.js → ui-components-C6LT11Nu.js} +4 -4
  37. package/dist/ui.cjs.js +1 -1
  38. package/dist/ui.es.js +1 -1
  39. package/dist/{validation-BS6RZGb8.cjs → validation-B54ivxep.cjs} +1 -1
  40. package/dist/{validation-BDVKIwl1.js → validation-Cy2VBGwW.js} +5 -5
  41. package/package.json +1 -1
  42. package/dist/order-BF9gce6B.cjs +0 -1
@@ -2,14 +2,14 @@ var se = Object.defineProperty;
2
2
  var Ie = (n, r, e) => r in n ? se(n, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[r] = e;
3
3
  var H = (n, r, e) => Ie(n, typeof r != "symbol" ? r + "" : r, e);
4
4
  import { jsx as a, jsxs as h, Fragment as ue } from "react/jsx-runtime";
5
- import p from "react";
6
- import { j as Q, M as Z, r as ee, ab as de, e as W, v as G, O as pe, X as ge, p as $, K as U, c as oe, a as ne, b as q, f as R, ac as he, u as Se, V as re, J as me } from "./builder-CULKvuzI.js";
7
- import { y as Ce, z as we, N as fe, P as ye, B as be, D as N, E as ke, F as Le, u as Te, H as Ae, Q as Pe, U as Be } from "./charge-D2D0KO0N.js";
8
- import { e as v, g as V, E as j, k as Fe, I as K, M as De } from "./ui-components-BKXG7k9L.js";
9
- import { R as te, a as ce, b as ae, c as Re } from "./builder-components-Bh7Wzulo.js";
5
+ import g from "react";
6
+ import { j as Q, M as Z, r as ee, ab as de, e as W, v as G, O as pe, X as ge, p as $, K as U, c as oe, a as ne, b as q, f as R, ac as he, u as Se, V as re, J as me } from "./builder-BLJW4r2I.js";
7
+ import { y as Ce, z as we, N as fe, P as ye, B as be, D as N, E as ke, F as Le, u as Te, H as Ae, Q as Pe, U as Be } from "./charge-BJBo-Ac6.js";
8
+ import { e as v, g as V, E as j, k as Fe, I as K, M as De } from "./ui-components-C6LT11Nu.js";
9
+ import { R as te, a as ce, b as ae, c as Re } from "./builder-components-B5VitaYF.js";
10
10
  import "react-dom";
11
- import "./checkout-DmVjQ7qL.js";
12
- const ve = "_wrapper_1vt13_1", Me = "_bg_1vt13_10", xe = "_main_1vt13_32", He = "_noAnimation_1vt13_37", Ne = "_loading_1vt13_51", Ee = "_loadingContent_1vt13_61", Ue = "_loader_1vt13_66", P = {
11
+ import "./checkout-DJRMAUFt.js";
12
+ const ve = "_wrapper_1vt13_1", Me = "_bg_1vt13_10", xe = "_main_1vt13_32", He = "_noAnimation_1vt13_37", Ne = "_loading_1vt13_51", Ee = "_loadingContent_1vt13_61", Ue = "_loader_1vt13_66", B = {
13
13
  wrapper: ve,
14
14
  bg: Me,
15
15
  main: xe,
@@ -3240,8 +3240,8 @@ class Ge {
3240
3240
  }
3241
3241
  const J = new Ge();
3242
3242
  function $o(n) {
3243
- const [r, e] = p.useState("desktop");
3244
- return p.useEffect(() => {
3243
+ const [r, e] = g.useState("desktop");
3244
+ return g.useEffect(() => {
3245
3245
  const o = n.current;
3246
3246
  if (!o) return;
3247
3247
  const i = (s) => s >= 1081 ? "desktop" : s >= 720 ? "tablet" : "mobile", t = (s) => {
@@ -3257,7 +3257,7 @@ function $o(n) {
3257
3257
  }
3258
3258
  const qo = () => {
3259
3259
  const { balance: n, setBalance: r } = pe();
3260
- return p.useEffect(() => {
3260
+ return g.useEffect(() => {
3261
3261
  n || (async () => {
3262
3262
  if (!localStorage.getItem("token")) return;
3263
3263
  const i = await Ce();
@@ -3280,8 +3280,8 @@ const qo = () => {
3280
3280
  };
3281
3281
  }
3282
3282
  }, zo = () => {
3283
- const [n, r] = p.useState(null), { page: e, setPage: o } = ge(), [i, t] = p.useState(!0), [c, s] = p.useState(0);
3284
- p.useEffect(() => {
3283
+ const [n, r] = g.useState(null), { page: e, setPage: o } = ge(), [i, t] = g.useState(!0), [c, s] = g.useState(0);
3284
+ g.useEffect(() => {
3285
3285
  (async () => {
3286
3286
  t(!0);
3287
3287
  const { list: k, totalCount: C } = await Ve(e);
@@ -3402,19 +3402,19 @@ const qo = () => {
3402
3402
  "/support": "Support",
3403
3403
  "/cart": "Cart"
3404
3404
  }, Qe = ({ pagePath: n }) => {
3405
- const { sourceBlocks: r } = oe(), e = $(), [o, i] = p.useState(null), [t, c] = p.useState(!0), [s, u] = p.useState(null), { settings: m } = ne(), { addProducts: k } = Te(), { pageContext: C } = q(), { isAntistock: w, general: g } = U();
3406
- p.useEffect(() => {
3405
+ const { sourceBlocks: r } = oe(), e = $(), [o, i] = g.useState(null), [t, c] = g.useState(!0), [s, u] = g.useState(null), { settings: m } = ne(), { addProducts: k } = Te(), { pageContext: C } = q(), { isAntistock: w, general: p } = U();
3406
+ g.useEffect(() => {
3407
3407
  var S, L;
3408
- if (n === "/support" && ((S = g == null ? void 0 : g.info) != null && S.disableSupport)) {
3409
- const l = (L = g == null ? void 0 : g.info) == null ? void 0 : L.thirdPartySupportUrl;
3408
+ if (n === "/support" && ((S = p == null ? void 0 : p.info) != null && S.disableSupport)) {
3409
+ const l = (L = p == null ? void 0 : p.info) == null ? void 0 : L.thirdPartySupportUrl;
3410
3410
  l ? window.open(l, "_self") : e("/", { replace: !0 });
3411
3411
  }
3412
- }, [n, g]), p.useEffect(() => {
3412
+ }, [n, p]), g.useEffect(() => {
3413
3413
  c(!0);
3414
3414
  const S = async () => {
3415
3415
  const L = await Oe(
3416
3416
  encodeURIComponent(n),
3417
- g == null ? void 0 : g.info.passwordProtected
3417
+ p == null ? void 0 : p.info.passwordProtected
3418
3418
  );
3419
3419
  if (L) {
3420
3420
  const { data: l } = L;
@@ -3465,9 +3465,9 @@ const qo = () => {
3465
3465
  }
3466
3466
  c(!1);
3467
3467
  };
3468
- C.listings && g && S();
3469
- }, [n, C.listings, g]);
3470
- const B = (S) => {
3468
+ C.listings && p && S();
3469
+ }, [n, C.listings, p]);
3470
+ const A = (S) => {
3471
3471
  if (!S || !S.name)
3472
3472
  return /* @__PURE__ */ a(j, { error: "Block or block.name is undefined." });
3473
3473
  if (!r || !r[S.name])
@@ -3478,9 +3478,9 @@ const qo = () => {
3478
3478
  return !t && s === null ? /* @__PURE__ */ a(Ye, {}) : /* @__PURE__ */ h(
3479
3479
  "div",
3480
3480
  {
3481
- className: R(P.wrapper, {
3482
- [P.bg]: !w,
3483
- [P.loadingContent]: t
3481
+ className: R(B.wrapper, {
3482
+ [B.bg]: !w,
3483
+ [B.loadingContent]: t
3484
3484
  }),
3485
3485
  children: [
3486
3486
  /* @__PURE__ */ a(te, {}),
@@ -3495,14 +3495,14 @@ const qo = () => {
3495
3495
  /* @__PURE__ */ a(
3496
3496
  "div",
3497
3497
  {
3498
- className: R(P.main, {
3499
- [P.noAnimation]: w
3498
+ className: R(B.main, {
3499
+ [B.noAnimation]: w
3500
3500
  }),
3501
3501
  children: s.order && s.order.map((S) => /* @__PURE__ */ a(
3502
3502
  Re,
3503
3503
  {
3504
3504
  block: s.data[S],
3505
- render: B
3505
+ render: A
3506
3506
  },
3507
3507
  S
3508
3508
  ))
@@ -3515,8 +3515,8 @@ const qo = () => {
3515
3515
  pageContext: o
3516
3516
  }
3517
3517
  )
3518
- ] }) : /* @__PURE__ */ a("div", { className: P.loading, children: /* @__PURE__ */ a(v, {}) }),
3519
- t && /* @__PURE__ */ a("div", { className: P.loader, children: /* @__PURE__ */ a(v, {}) })
3518
+ ] }) : /* @__PURE__ */ a("div", { className: B.loading, children: /* @__PURE__ */ a(v, {}) }),
3519
+ t && /* @__PURE__ */ a("div", { className: B.loader, children: /* @__PURE__ */ a(v, {}) })
3520
3520
  ]
3521
3521
  }
3522
3522
  );
@@ -3891,7 +3891,7 @@ const Zo = () => {
3891
3891
  return async (t, c, s, u, m, k) => {
3892
3892
  const C = Z ? localStorage.getItem("fakeDomain") : window.location.hostname, w = `${n.slApi}/v1/public/${C}/tickets`;
3893
3893
  try {
3894
- const g = await ee({
3894
+ const p = await ee({
3895
3895
  method: "post",
3896
3896
  url: w,
3897
3897
  body: {
@@ -3912,21 +3912,22 @@ const Zo = () => {
3912
3912
  message: i ? "Support ticket successfully created. You can expect to hear from us soon." : "Ticket created successfully. We will contact you by mail",
3913
3913
  status: "success"
3914
3914
  }
3915
- ]), r(`/ticket/${g.data.id}/${g.data.accessToken}`), g;
3916
- } catch (g) {
3915
+ ]), r(`/ticket/${p.data.id}/${p.data.accessToken}`), p;
3916
+ } catch (p) {
3917
+ const A = p && (p.friendlyMessage || p.message) || String(p);
3917
3918
  o([
3918
3919
  ...e,
3919
3920
  {
3920
3921
  id: G(),
3921
- message: `Error: ${g}. Please try again later.`,
3922
+ message: A,
3922
3923
  status: "error"
3923
3924
  }
3924
3925
  ]);
3925
3926
  }
3926
3927
  };
3927
3928
  }, en = () => {
3928
- const { pages: n } = q(), [r, e] = p.useState(n);
3929
- return p.useEffect(() => {
3929
+ const { pages: n } = q(), [r, e] = g.useState(n);
3930
+ return g.useEffect(() => {
3930
3931
  e(n);
3931
3932
  }, [n]), r;
3932
3933
  };
@@ -3956,16 +3957,16 @@ const co = "_wrapper_ukunw_1", ao = "_ticketContainer_ukunw_23", io = "_title_uk
3956
3957
  imageModal: Po,
3957
3958
  imageModalClose: Bo
3958
3959
  }, Fo = () => {
3959
- const n = window.location.pathname.split("/"), r = n[n.length - 1], e = n[n.length - 2], [o, i] = p.useState(!0), [t, c] = p.useState(null), [s, u] = p.useState(""), [m, k] = p.useState(null), [C, w] = p.useState(null), [g, B] = p.useState(null), S = p.useRef(null), { executeRecaptcha: L } = Ae(), { isAntistock: l } = U(), M = re(), { setIsOpen: F } = me(), y = (t == null ? void 0 : t.status) === ie.CLOSED, z = p.useCallback(() => {
3960
+ const n = window.location.pathname.split("/"), r = n[n.length - 1], e = n[n.length - 2], [o, i] = g.useState(!0), [t, c] = g.useState(null), [s, u] = g.useState(""), [m, k] = g.useState(null), [C, w] = g.useState(null), [p, A] = g.useState(null), S = g.useRef(null), { executeRecaptcha: L } = Ae(), { isAntistock: l } = U(), M = re(), { setIsOpen: F } = me(), y = (t == null ? void 0 : t.status) === ie.CLOSED, z = g.useCallback(() => {
3960
3961
  var I;
3961
3962
  (I = S.current) == null || I.scrollIntoView({ behavior: "smooth" });
3962
- }, []), x = p.useCallback(async () => {
3963
+ }, []), x = g.useCallback(async () => {
3963
3964
  if (e && r) {
3964
3965
  const { data: I } = await Pe(e, r);
3965
3966
  c(I), i(!1);
3966
3967
  }
3967
3968
  }, [e, r]);
3968
- p.useEffect(() => {
3969
+ g.useEffect(() => {
3969
3970
  x();
3970
3971
  const I = setInterval(() => {
3971
3972
  x();
@@ -3978,7 +3979,7 @@ const co = "_wrapper_ukunw_1", ao = "_ticketContainer_ukunw_23", io = "_title_uk
3978
3979
  const b = (m == null ? void 0 : m.map((f) => ({
3979
3980
  imageId: parseInt(f.id),
3980
3981
  path: f.url
3981
- }))) || [], A = {
3982
+ }))) || [], P = {
3982
3983
  content: s,
3983
3984
  createdAt: (/* @__PURE__ */ new Date()).toISOString(),
3984
3985
  id: Date.now(),
@@ -3989,9 +3990,9 @@ const co = "_wrapper_ukunw_1", ao = "_ticketContainer_ukunw_23", io = "_title_uk
3989
3990
  c(
3990
3991
  (f) => f ? {
3991
3992
  ...f,
3992
- messages: [...f.messages, A]
3993
+ messages: [...f.messages, P]
3993
3994
  } : null
3994
- ), w(A.id), u(""), k(null), setTimeout(() => {
3995
+ ), w(P.id), u(""), k(null), setTimeout(() => {
3995
3996
  z();
3996
3997
  }, 100);
3997
3998
  try {
@@ -4004,7 +4005,7 @@ const co = "_wrapper_ukunw_1", ao = "_ticketContainer_ukunw_23", io = "_title_uk
4004
4005
  }, 1e4);
4005
4006
  }
4006
4007
  }, le = (I) => {
4007
- const b = /* @__PURE__ */ new Date(), A = new Date(I), f = Math.floor((b.getTime() - A.getTime()) / 1e3);
4008
+ const b = /* @__PURE__ */ new Date(), P = new Date(I), f = Math.floor((b.getTime() - P.getTime()) / 1e3);
4008
4009
  if (f < 60)
4009
4010
  return "just now";
4010
4011
  if (f < 3600) {
@@ -4013,12 +4014,12 @@ const co = "_wrapper_ukunw_1", ao = "_ticketContainer_ukunw_23", io = "_title_uk
4013
4014
  } else if (f < 10800) {
4014
4015
  const D = Math.floor(f / 3600);
4015
4016
  return `${D} hour${D > 1 ? "s" : ""} ago`;
4016
- } else return A.getFullYear() === b.getFullYear() ? A.toLocaleDateString("en-US", {
4017
+ } else return P.getFullYear() === b.getFullYear() ? P.toLocaleDateString("en-US", {
4017
4018
  month: "short",
4018
4019
  day: "2-digit",
4019
4020
  hour: "2-digit",
4020
4021
  minute: "2-digit"
4021
- }) : A.toLocaleDateString("en-US", {
4022
+ }) : P.toLocaleDateString("en-US", {
4022
4023
  year: "numeric",
4023
4024
  month: "short",
4024
4025
  day: "2-digit",
@@ -4073,7 +4074,7 @@ const co = "_wrapper_ukunw_1", ao = "_ticketContainer_ukunw_23", io = "_title_uk
4073
4074
  {
4074
4075
  className: d.messageImage,
4075
4076
  onClick: () => {
4076
- B(b.path), F(!0);
4077
+ A(b.path), F(!0);
4077
4078
  },
4078
4079
  children: /* @__PURE__ */ a(
4079
4080
  "img",
@@ -4138,7 +4139,7 @@ const co = "_wrapper_ukunw_1", ao = "_ticketContainer_ukunw_23", io = "_title_uk
4138
4139
  }
4139
4140
  )
4140
4141
  ] }),
4141
- g && /* @__PURE__ */ a(De, { close: () => B(null), children: /* @__PURE__ */ h(
4142
+ p && /* @__PURE__ */ a(De, { close: () => A(null), children: /* @__PURE__ */ h(
4142
4143
  "div",
4143
4144
  {
4144
4145
  className: d.imageModal,
@@ -4149,7 +4150,7 @@ const co = "_wrapper_ukunw_1", ao = "_ticketContainer_ukunw_23", io = "_title_uk
4149
4150
  {
4150
4151
  className: d.imageModalClose,
4151
4152
  onClick: () => {
4152
- B(null), F(!1);
4153
+ A(null), F(!1);
4153
4154
  },
4154
4155
  children: /* @__PURE__ */ a(K, { name: "X" })
4155
4156
  }
@@ -4157,7 +4158,7 @@ const co = "_wrapper_ukunw_1", ao = "_ticketContainer_ukunw_23", io = "_title_uk
4157
4158
  /* @__PURE__ */ a(
4158
4159
  "img",
4159
4160
  {
4160
- src: g,
4161
+ src: p,
4161
4162
  alt: "Full size"
4162
4163
  }
4163
4164
  )
@@ -1,11 +1,11 @@
1
1
  import { jsxs as n, jsx as e } from "react/jsx-runtime";
2
- import { O as f } from "./builder-CULKvuzI.js";
2
+ import { O as f } from "./builder-BLJW4r2I.js";
3
3
  import s from "react";
4
- import { i as l, W as m, l as d, g as _, x as h } from "./charge-D2D0KO0N.js";
5
- import { e as g } from "./ui-components-BKXG7k9L.js";
6
- import "./builder-components-Bh7Wzulo.js";
4
+ import { i as l, W as m, l as d, g as _, x as h } from "./charge-BJBo-Ac6.js";
5
+ import { e as g } from "./ui-components-C6LT11Nu.js";
6
+ import "./builder-components-B5VitaYF.js";
7
7
  import "react-dom";
8
- import "./ticket-BjAWQBHH.js";
8
+ import "./ticket-UF6olQ4f.js";
9
9
  const w = "_topUpContainer_1pag6_1", y = "_formWrapper_1pag6_15", u = "_header_1pag6_29", C = "_footer_1pag6_82", D = "_wrapper_1pag6_105", t = {
10
10
  topUpContainer: w,
11
11
  formWrapper: y,
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),l=require("./builder-GUSC-VqG.cjs"),c=require("react"),t=require("./charge--UEFO_yq.cjs"),d=require("./ui-components-B0NcrAD7.cjs");require("./builder-components-DD74FeFy.cjs");require("react-dom");require("./ticket-DwzKY7OF.cjs");const u="_topUpContainer_1pag6_1",f="_formWrapper_1pag6_15",h="_header_1pag6_29",g="_footer_1pag6_82",_="_wrapper_1pag6_105",r={topUpContainer:u,formWrapper:f,header:h,footer:g,wrapper:_},m=()=>{const{gatewaysDetail:o,setGatewaysDetail:n,balanceSettings:e,setBalanceSettings:i}=l.useCustomerDashboardStore();return c.useEffect(()=>{!o&&e&&(async()=>{const s=await t.getGatewaysDetail(e!=null&&e.isEnabled?(e==null?void 0:e.topUpSettings.gateways)||[]:[]);n(s)})()},[o,e]),c.useEffect(()=>{e||(async()=>{const s=await t.getBalanceSettings();i(s)})()},[e]),a.jsxs("div",{className:r.wrapper,children:[a.jsx(t.CheckoutHeader,{className:r.header}),a.jsx("div",{className:r.topUpContainer,children:e?a.jsx("div",{className:r.formWrapper,children:a.jsx(t.BalanceModal,{isModal:!1})}):a.jsx(d.Loader,{})}),a.jsx("div",{className:r.footer,children:a.jsx(t.CheckoutFooter,{})})]})};exports.TopUpBalance=m;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),l=require("./builder-CEuUvIOl.cjs"),c=require("react"),t=require("./charge-C3aekkW0.cjs"),d=require("./ui-components-BkVsTiHC.cjs");require("./builder-components-Bxh6HqE7.cjs");require("react-dom");require("./ticket-DfRwG42e.cjs");const u="_topUpContainer_1pag6_1",f="_formWrapper_1pag6_15",h="_header_1pag6_29",g="_footer_1pag6_82",_="_wrapper_1pag6_105",r={topUpContainer:u,formWrapper:f,header:h,footer:g,wrapper:_},m=()=>{const{gatewaysDetail:o,setGatewaysDetail:n,balanceSettings:e,setBalanceSettings:i}=l.useCustomerDashboardStore();return c.useEffect(()=>{!o&&e&&(async()=>{const s=await t.getGatewaysDetail(e!=null&&e.isEnabled?(e==null?void 0:e.topUpSettings.gateways)||[]:[]);n(s)})()},[o,e]),c.useEffect(()=>{e||(async()=>{const s=await t.getBalanceSettings();i(s)})()},[e]),a.jsxs("div",{className:r.wrapper,children:[a.jsx(t.CheckoutHeader,{className:r.header}),a.jsx("div",{className:r.topUpContainer,children:e?a.jsx("div",{className:r.formWrapper,children:a.jsx(t.BalanceModal,{isModal:!1})}):a.jsx(d.Loader,{})}),a.jsx("div",{className:r.footer,children:a.jsx(t.CheckoutFooter,{})})]})};exports.TopUpBalance=m;