everest-npm-features 0.0.56 → 0.0.58

package/dist/components/Wallet/Account/iban.js

@@ -1,79 +1,82 @@
-import { jsx as e, jsxs as o, Fragment as m } from "react/jsx-runtime";
-import { useRef as g, useState as S, useEffect as B } from "react";
-import { I as N } from "../../../Info-BVeUSPyk.js";
-import { DIALOG_SUCCESS_ICON as T, FEATURE_VIRTUAL_IBAN as l } from "../../../util/constants.js";
-import { M as w } from "../../../tooltip-3UvETWtS.js";
-import b from "../Shared/noData.js";
-import v from "./createIban.js";
-import { AuthInnerContainer as D } from "../Shared/Container/index.js";
-import E from "./ibanItem.js";
+import { jsx as r, jsxs as o, Fragment as l } from "react/jsx-runtime";
+import { useRef as g, useState as B, useEffect as N } from "react";
+import { I as T } from "../../../Info-BVeUSPyk.js";
+import { DIALOG_SUCCESS_ICON as w, FEATURE_VIRTUAL_IBAN as p } from "../../../util/constants.js";
+import { M as b } from "../../../tooltip-3UvETWtS.js";
+import D from "../Shared/noData.js";
+import E from "./createIban.js";
+import { AuthInnerContainer as P } from "../Shared/Container/index.js";
+import v from "./ibanItem.js";
 import { B as t } from "../../../Box-B0YSYLco.js";
 import { G as n } from "../../../Grid-CFe3amXO.js";
-import { T as P } from "../../../Typography-pAaje37G.js";
-import { I as z } from "../../../IconButton-DHm-hucF.js";
-import { C as L } from "../../../CircularProgress-xZA3lvba.js";
-const J = ({
-  dispatch: p,
+import { T as z } from "../../../Typography-pAaje37G.js";
+import { I as L } from "../../../IconButton-DHm-hucF.js";
+import { C as R } from "../../../CircularProgress-xZA3lvba.js";
+const Q = ({
+  dispatch: u,
   openDialog: a,
-  appKey: u,
-  appKeyEur: f,
-  paymentWidgetSrcUrl: h,
-  iban: r,
-  navigate: d,
+  appKey: f,
+  appKeyEur: h,
+  paymentWidgetSrcUrl: d,
+  iban: e,
+  navigate: i,
   AccountItem: I,
-  createIbanRequest: y
+  createIbanRequest: y,
+  tokenData: x
 }) => {
-  const i = r.data, x = r.loader, C = g(""), [R, A] = S("");
-  return B(() => {
+  const c = e.data, C = e.loader, A = g(""), [U, S] = B("");
+  return N(() => {
     new URLSearchParams(window.location.search).get("paymentStatus") === "success" && a({
       title: "Payment Success",
       message: "We have received your payment and will generate your Virtual IBAN after the payment has processed",
-      icon: T,
+      icon: w,
       width: "575px",
       confirmButtonText: "Continue"
     });
-  }, []), /* @__PURE__ */ e(D, { children: /* @__PURE__ */ o(t, { p: 3, children: [
+  }, []), /* @__PURE__ */ r(P, { children: /* @__PURE__ */ o(t, { p: 3, children: [
     /* @__PURE__ */ o(n, { spacing: 2, container: !0, alignItems: "center", children: [
       /* @__PURE__ */ o(n, { size: 8, children: [
-        /* @__PURE__ */ e(P, { color: "primary", variant: "h6", component: "span", children: /* @__PURE__ */ e("strong", { children: "Everest Accounts (Virtual IBAN)" }) }),
-        /* @__PURE__ */ e(
-          w,
+        /* @__PURE__ */ r(z, { color: "primary", variant: "h6", component: "span", children: /* @__PURE__ */ r("strong", { children: "Everest Accounts (Virtual IBAN)" }) }),
+        /* @__PURE__ */ r(
+          b,
           {
-            title: /* @__PURE__ */ e(t, { sx: { whiteSpace: "pre-line" }, children: "Create a Virtual IBAN of selected currency. This requires KYC" }),
+            title: /* @__PURE__ */ r(t, { sx: { whiteSpace: "pre-line" }, children: "Create a Virtual IBAN of selected currency. This requires KYC" }),
             placement: "bottom",
-            children: /* @__PURE__ */ e(z, { className: "info-fee-icon", children: /* @__PURE__ */ e(N, { sx: { fontSize: "26px", color: "#D9D9D9" } }) })
+            children: /* @__PURE__ */ r(L, { className: "info-fee-icon", children: /* @__PURE__ */ r(T, { sx: { fontSize: "26px", color: "#D9D9D9" } }) })
           }
         )
       ] }),
-      /* @__PURE__ */ e(n, { size: 4, children: /* @__PURE__ */ e(t, { sx: { textAlign: "right" }, children: /* @__PURE__ */ e(
-        v,
+      /* @__PURE__ */ r(n, { size: 4, children: /* @__PURE__ */ r(t, { sx: { textAlign: "right" }, children: /* @__PURE__ */ r(
+        E,
         {
           openDialog: a,
           createIbanRequest: y,
-          iban: r,
-          navigate: d,
-          currency: C,
-          setIbanCurrency: A,
-          from: l
+          iban: e,
+          navigate: i,
+          currency: A,
+          setIbanCurrency: S,
+          from: p
         }
       ) }) })
     ] }),
-    x ? /* @__PURE__ */ e(t, { mt: 4, className: "flex-center", children: /* @__PURE__ */ e(L, { color: "primary", size: 50 }) }) : /* @__PURE__ */ e(m, { children: i.length > 0 ? /* @__PURE__ */ e(m, { children: i.map((c, s) => /* @__PURE__ */ e(
-      E,
+    C ? /* @__PURE__ */ r(t, { mt: 4, className: "flex-center", children: /* @__PURE__ */ r(R, { color: "primary", size: 50 }) }) : /* @__PURE__ */ r(l, { children: c.length > 0 ? /* @__PURE__ */ r(l, { children: c.map((s, m) => /* @__PURE__ */ r(
+      v,
       {
-        data: c,
+        data: s,
         AccountItem: I,
-        dispatch: p,
-        appKey: u,
-        appKeyEur: f,
-        paymentWidgetSrcUrl: h,
-        iban: r,
-        from: l
+        dispatch: u,
+        appKey: f,
+        appKeyEur: h,
+        paymentWidgetSrcUrl: d,
+        iban: e,
+        navigate: i,
+        from: p,
+        tokenData: x
       },
-      s
-    )) }) : /* @__PURE__ */ e(b, { text: "You currently have no IBAN Accounts" }) })
+      m
+    )) }) : /* @__PURE__ */ r(D, { text: "You currently have no IBAN Accounts" }) })
   ] }) });
 };
 export {
-  J as default
+  Q as default
 };

package/dist/components/Wallet/Account/ibanItem.d.ts

@@ -1,5 +1,5 @@
 import { Dispatch } from 'react';
-import { Bank, BankActionTypes, BankState, Iban, Wallet, OrderActionTypes } from 'everest-npm-api';
+import { Bank, BankActionTypes, BankState, Iban, Wallet, OrderActionTypes, WalletAppState } from 'everest-npm-api';
 interface IbanItemProps {
     iban: BankState["iban"];
     data: Iban;
@@ -7,12 +7,15 @@ interface IbanItemProps {
     appKey: string;
     appKeyEur: string;
     paymentWidgetSrcUrl: string;
-    AccountItem: ({ data, type, children, }: {
+    navigate: (path: string) => void;
+    AccountItem: ({ data, type, children, rightAdornment, }: {
         data: Wallet | Bank;
         type: string;
         children?: React.ReactNode;
+        rightAdornment?: React.ReactNode;
     }) => JSX.Element;
     from?: string;
+    tokenData: WalletAppState["user"]["profile"]["tokens"];
 }
 declare const IbanItem: React.FC<IbanItemProps>;
 export default IbanItem;

package/dist/components/Wallet/Account/ibanItem.js

@@ -1,20 +1,20 @@
-import { jsx as e, Fragment as k, jsxs as o } from "react/jsx-runtime";
-import { useState as c, useMemo as M, useEffect as R } from "react";
-import "../../../constants-Dtk3Gd0Y.js";
-import { v as ie } from "../../../order-DuPcaU0K.js";
-import g from "../Shared/appButton.js";
-import { C as le } from "../../../ContentCopy-coPwrEuz.js";
-import { C as L } from "../../../Close-CNwiMz_O.js";
-import $ from "../../Shared/transition.js";
+import { jsx as e, Fragment as I, jsxs as n } from "react/jsx-runtime";
+import { useState as u, useMemo as f, useEffect as k } from "react";
+import "../../../constants-Styrbvke.js";
+import { v as ye } from "../../../order-uVUTqaQ2.js";
+import U from "../Shared/appButton.js";
+import { C as be } from "../../../ContentCopy-coPwrEuz.js";
+import { C as Y } from "../../../Close-CNwiMz_O.js";
+import q from "../../Shared/transition.js";
 import "../../../index-DlQqWbXG.js";
 import "../../../hoc/withThemeProvider.js";
-import { u as j } from "../../../react-redux-C7I9-1M6.js";
-import { GBP_ISO3 as se, FEATURE_EWALLET as ce } from "../../../util/constants.js";
+import { u as J } from "../../../react-redux-C7I9-1M6.js";
+import { GBP_ISO3 as K, FEATURE_EWALLET as ge, EURO_ISO3 as Ce, SYNTHETIC_EUR as ve, SYNTHETIC_GBP as Ie } from "../../../util/constants.js";
 import "../Shared/Auth/otpForm.js";
-import { useSnackBarContext as q } from "../../../context/snackBarContext.js";
+import { useSnackBarContext as ee } from "../../../context/snackBarContext.js";
 import "../../../util/conversions.js";
 import "../../../index-CAoLi5Qq.js";
-import ae from "../Shared/inputField.js";
+import Te from "../Shared/inputField.js";
 import "../../../react-webcam-B3cXh1XT.js";
 import "../../../tooltip-3UvETWtS.js";
 import "../Shared/pin.js";
@@ -22,153 +22,184 @@ import "../../../moment-h96o7c8I.js";
 import "../../../index.esm-BsMAMhYW.js";
 import "../../../web3-u4qDZYpo.js";
 import "../../../index-ceeCtFuh.js";
-import ue from "../Shared/CardCorp/index.js";
+import Ne from "../Shared/CardCorp/index.js";
 import "../../../context/dialogContext.js";
-import de from "./sendIban.js";
-import { G as a } from "../../../Grid-CFe3amXO.js";
-import { D as G, a as V } from "../../../DialogContent-BMwlOnbW.js";
-import { D as H } from "../../../DialogTitle-CfS0bb2K.js";
-import { T as v } from "../../../Typography-pAaje37G.js";
-import { I as D } from "../../../IconButton-DHm-hucF.js";
-import { B as S } from "../../../Box-B0YSYLco.js";
-import { C as me } from "../../../CircularProgress-xZA3lvba.js";
+import xe from "./sendIban.js";
+import { G as T } from "../../../Grid-CFe3amXO.js";
+import { D as Q, a as X } from "../../../DialogContent-BMwlOnbW.js";
+import { D as Z } from "../../../DialogTitle-CfS0bb2K.js";
+import { T as a } from "../../../Typography-pAaje37G.js";
+import { I as z } from "../../../IconButton-DHm-hucF.js";
+import { B as M } from "../../../Box-B0YSYLco.js";
+import { C as D } from "../../../CircularProgress-xZA3lvba.js";
 const i = ({
-  label: T,
+  label: N,
   value: r,
-  showCopyBtn: I
+  showCopyBtn: x
 }) => {
-  const { showAlertMessage: N } = q();
-  return /* @__PURE__ */ o(k, { children: [
-    /* @__PURE__ */ e(a, { size: 5, className: "d-flex items-center", children: /* @__PURE__ */ e("strong", { children: T }) }),
-    /* @__PURE__ */ o(a, { size: 7, className: "fw500 text-left d-flex items-center", children: [
+  const { showAlertMessage: B } = ee();
+  return /* @__PURE__ */ n(I, { children: [
+    /* @__PURE__ */ e(T, { size: 5, className: "d-flex items-center", children: /* @__PURE__ */ e("strong", { children: N }) }),
+    /* @__PURE__ */ n(T, { size: 7, className: "fw500 text-left d-flex items-center", children: [
       r,
-      I && /* @__PURE__ */ e(D, { onClick: () => {
-        navigator.clipboard.writeText(r), N({
-          message: `${T} has been copied successfully.`,
+      x && /* @__PURE__ */ e(z, { onClick: () => {
+        navigator.clipboard.writeText(r), B({
+          message: `${N} has been copied successfully.`,
           type: "success"
         });
-      }, children: /* @__PURE__ */ e(le, { fontSize: "small", color: "primary" }) })
+      }, children: /* @__PURE__ */ e(be, { fontSize: "small", color: "primary" }) })
     ] })
   ] });
-}, qe = ({
-  AccountItem: T,
+}, ir = ({
+  AccountItem: N,
   data: r,
-  appKey: I,
-  appKeyEur: N,
-  paymentWidgetSrcUrl: u,
-  dispatch: F,
-  iban: J,
-  from: K
+  appKey: x,
+  appKeyEur: B,
+  paymentWidgetSrcUrl: m,
+  dispatch: L,
+  iban: re,
+  navigate: Be,
+  from: ne,
+  tokenData: l
 }) => {
-  var O;
-  const [Q, w] = c(!1), [X, U] = c(!1), [p, _] = c(!1), [W, x] = c(""), [A, h] = c(null), [P, f] = c(null), [d, l] = c(!1), { showAlertMessage: C } = q(), s = K === ce, b = j(
-    (t) => t.order
-  ), B = b.v4Payment ?? null, y = b.v4PaymentLoader ?? !1, Y = j((t) => t.session.uuid), Z = () => {
-    x(""), h(null), f(null), l(!1), _(!0);
-  }, z = () => {
-    _(!1), x(""), h(null), f(null), l(!1);
-  }, ee = () => {
-    const t = Number(W);
-    if (!W || Number.isNaN(t) || t <= 0) {
-      C({
+  var $;
+  const [oe, R] = u(!1), [te, le] = u(!1), [h, O] = u(!1), [P, w] = u(""), [A, y] = u(null), [_, b] = u(null), [p, s] = u(!1), { showAlertMessage: g } = ee(), c = ne === ge, C = J(
+    (o) => o.order
+  ), E = C.v4Payment ?? null, v = C.v4PaymentLoader ?? !1, ie = J((o) => o.session.uuid), se = (l == null ? void 0 : l.loader) ?? !1, ce = () => {
+    w(""), y(null), b(null), s(!1), O(!0);
+  }, W = () => {
+    O(!1), w(""), y(null), b(null), s(!1);
+  }, ue = () => {
+    const o = Number(P);
+    if (!P || Number.isNaN(o) || o <= 0) {
+      g({
         message: "Please enter a valid amount greater than zero.",
         type: "error"
       });
       return;
     }
-    if (!I) {
-      C({
+    if (!x) {
+      g({
         message: "Unable to identify application key.",
         type: "error"
       });
       return;
     }
-    if (!N) {
-      C({
+    if (!B) {
+      g({
         message: "Unable to identify application EUR key.",
         type: "error"
       });
       return;
     }
-    const te = Math.round(t * 100);
-    F(
-      ie({
-        apiKey: N,
+    const G = Math.round(o * 100);
+    L(
+      ye({
+        apiKey: B,
         ccy: "EUR",
         transaction_type: "CHECKOUT",
-        amount: te,
-        uuid: Y ?? void 0
+        amount: G,
+        uuid: ie ?? void 0
       })
-    ), l(!0);
-  }, re = () => {
-    if (s) {
-      Z();
+    ), s(!0);
+  }, ae = () => {
+    if (c) {
+      ce();
       return;
     }
-    w(!0);
-  }, n = M(() => B ?? null, [B]), m = M(() => {
-    var t;
-    return n ? (n == null ? void 0 : n.checkout_id) ?? ((t = n == null ? void 0 : n.order) == null ? void 0 : t.provider_token) ?? (n == null ? void 0 : n.provider_token) ?? null : null;
-  }, [n]), E = ((O = n == null ? void 0 : n.order) == null ? void 0 : O.order_id) ?? null, oe = M(() => u ? u.endsWith("/") ? u : `${u}/` : "", [u]), ne = M(() => P ? `/?paymentId=${encodeURIComponent(P)}` : "/", [P]);
-  return R(() => {
-    d && m && (h(m), f(E ?? null), l(!1));
-  }, [d, m, E]), R(() => {
-    d && p && (!m || A || (h(m), f(E ?? null), l(!1)));
+    R(!0);
+  }, t = f(() => E ?? null, [E]), d = f(() => {
+    var o;
+    return t ? (t == null ? void 0 : t.checkout_id) ?? ((o = t == null ? void 0 : t.order) == null ? void 0 : o.provider_token) ?? (t == null ? void 0 : t.provider_token) ?? null : null;
+  }, [t]), S = (($ = t == null ? void 0 : t.order) == null ? void 0 : $.order_id) ?? null, me = f(() => m ? m.endsWith("/") ? m : `${m}/` : "", [m]), F = f(() => {
+    const o = (l == null ? void 0 : l.list) ?? [];
+    if (!o.length) return null;
+    const H = {
+      [Ce]: ve,
+      [K]: Ie
+    }[(r.currency ?? "").toUpperCase()] ?? null;
+    if (!H) return null;
+    const j = o.find((he) => he.symbol === H);
+    if (!j) return null;
+    const V = parseFloat(
+      (j.fmt_balance ?? "0").toString().replaceAll(",", "")
+    );
+    return Number.isNaN(V) ? null : V / 100;
+  }, [l == null ? void 0 : l.list, r.currency]), pe = f(() => F == null ? "--" : `${F.toLocaleString(void 0, {
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  })} ${r.currency ?? ""}`, [F, r.currency]), de = f(() => _ ? `/?paymentId=${encodeURIComponent(_)}` : "/", [_]);
+  k(() => {
+    p && d && (y(d), b(S ?? null), s(!1));
+  }, [p, d, S]), k(() => {
+    p && h && (!d || A || (y(d), b(S ?? null), s(!1)));
   }, [
-    d,
     p,
-    m,
+    h,
+    d,
     A,
-    E
-  ]), R(() => {
-    s && (p || (x(""), h(null), f(null)));
-  }, [s, p]), R(() => {
-    if (d && !y) {
-      if (B) {
-        l(!1);
+    S
+  ]), k(() => {
+    c && (h || (w(""), y(null), b(null)));
+  }, [c, h]), k(() => {
+    if (p && !v) {
+      if (E) {
+        s(!1);
         return;
       }
-      b.error && (C({
-        message: b.error,
+      C.error && (g({
+        message: C.error,
         type: "error"
-      }), l(!1));
+      }), s(!1));
     }
   }, [
-    d,
-    y,
-    B,
-    b.error,
-    C
-  ]), /* @__PURE__ */ e(k, { children: r.accountNumber ? /* @__PURE__ */ o(k, { children: [
-    /* @__PURE__ */ e(T, { type: "iban", data: r, children: /* @__PURE__ */ o(a, { my: 1, spacing: 2, container: !0, children: [
-      /* @__PURE__ */ e(a, { size: { md: 6 }, children: /* @__PURE__ */ e(g, { fullWidth: !0, onClick: re, children: s ? "Topup" : "Deposit" }) }),
-      /* @__PURE__ */ e(a, { size: { md: 3 }, children: /* @__PURE__ */ e(g, { fullWidth: !0, onClick: () => U(!0), children: "Send" }) }),
-      /* @__PURE__ */ e(a, { size: { md: 3 }, children: /* @__PURE__ */ e(g, { fullWidth: !0, onClick: () => w(!0), children: "Receive" }) })
-    ] }) }),
-    /* @__PURE__ */ o(
-      G,
+    p,
+    v,
+    E,
+    C.error,
+    g
+  ]);
+  const fe = /* @__PURE__ */ n(M, { display: "flex", alignItems: "center", gap: 0.75, children: [
+    /* @__PURE__ */ e(a, { component: "span", sx: { fontSize: 14, color: "text.secondary" }, children: "Balance:" }),
+    se ? /* @__PURE__ */ e(D, { size: 16, color: "inherit" }) : /* @__PURE__ */ e(
+      a,
+      {
+        component: "span",
+        sx: {
+          fontSize: 16,
+          fontWeight: 700,
+          color: "primary.main"
+        },
+        children: pe
+      }
+    )
+  ] });
+  return /* @__PURE__ */ e(I, { children: r.accountNumber ? /* @__PURE__ */ n(I, { children: [
+    /* @__PURE__ */ e(N, { type: "iban", data: r, rightAdornment: fe, children: /* @__PURE__ */ e(T, { my: 1, spacing: 2, container: !0, alignItems: "center", children: /* @__PURE__ */ e(T, { size: { xs: 12 }, children: /* @__PURE__ */ e(U, { fullWidth: !0, onClick: ae, children: c ? "Topup" : "Deposit" }) }) }) }),
+    /* @__PURE__ */ n(
+      Q,
       {
-        open: Q,
+        open: oe,
         fullWidth: !0,
-        onClose: () => w(!1),
-        TransitionComponent: $,
+        onClose: () => R(!1),
+        TransitionComponent: q,
         maxWidth: "md",
         children: [
-          /* @__PURE__ */ o(H, { className: "buy-modal-text-color", children: [
-            /* @__PURE__ */ e(v, { variant: "subtitle1", component: "p", children: /* @__PURE__ */ e("strong", { children: "Deposit / Receive" }) }),
+          /* @__PURE__ */ n(Z, { className: "buy-modal-text-color", children: [
+            /* @__PURE__ */ e(a, { variant: "subtitle1", component: "p", children: /* @__PURE__ */ e("strong", { children: "Deposit / Receive" }) }),
             /* @__PURE__ */ e(
-              D,
+              z,
               {
                 "aria-label": "close",
-                onClick: () => w(!1),
+                onClick: () => R(!1),
                 className: "menu-buttons",
-                children: /* @__PURE__ */ e(L, {})
+                children: /* @__PURE__ */ e(Y, {})
               }
             )
           ] }),
-          /* @__PURE__ */ o(V, { dividers: !0, children: [
-            /* @__PURE__ */ e(v, { variant: "h5", align: "center", children: /* @__PURE__ */ e("strong", { children: "Account Details" }) }),
-            /* @__PURE__ */ o(a, { container: !0, spacing: 2, sx: { padding: "5% 15%" }, children: [
+          /* @__PURE__ */ n(X, { dividers: !0, children: [
+            /* @__PURE__ */ e(a, { variant: "h5", align: "center", children: /* @__PURE__ */ e("strong", { children: "Account Details" }) }),
+            /* @__PURE__ */ n(T, { container: !0, spacing: 2, sx: { padding: "5% 15%" }, children: [
               /* @__PURE__ */ e(
                 i,
                 {
@@ -200,7 +231,7 @@ const i = ({
                   showCopyBtn: !0
                 }
               ),
-              r.currency === se && /* @__PURE__ */ o(k, { children: [
+              r.currency === K && /* @__PURE__ */ n(I, { children: [
                 /* @__PURE__ */ e(
                   i,
                   {
@@ -231,51 +262,51 @@ const i = ({
         ]
       }
     ),
-    s && /* @__PURE__ */ o(
-      G,
+    c && /* @__PURE__ */ n(
+      Q,
       {
-        open: p,
+        open: h,
         fullWidth: !0,
         maxWidth: "sm",
-        onClose: z,
-        TransitionComponent: $,
+        onClose: W,
+        TransitionComponent: q,
         children: [
-          /* @__PURE__ */ o(H, { className: "buy-modal-text-color", children: [
-            /* @__PURE__ */ e(v, { variant: "subtitle1", component: "p", children: /* @__PURE__ */ e("strong", { children: "E-Wallet Topup" }) }),
+          /* @__PURE__ */ n(Z, { className: "buy-modal-text-color", children: [
+            /* @__PURE__ */ e(a, { variant: "subtitle1", component: "p", children: /* @__PURE__ */ e("strong", { children: "E-Wallet Topup" }) }),
             /* @__PURE__ */ e(
-              D,
+              z,
               {
                 "aria-label": "close",
-                onClick: z,
+                onClick: W,
                 className: "menu-buttons",
-                children: /* @__PURE__ */ e(L, {})
+                children: /* @__PURE__ */ e(Y, {})
               }
             )
           ] }),
-          /* @__PURE__ */ e(V, { dividers: !0, children: A ? /* @__PURE__ */ o(S, { mt: 2, children: [
-            /* @__PURE__ */ e(v, { variant: "body1", mb: 2, children: "Complete your payment using the secure widget below." }),
+          /* @__PURE__ */ e(X, { dividers: !0, children: A ? /* @__PURE__ */ n(M, { mt: 2, children: [
+            /* @__PURE__ */ e(a, { variant: "body1", mb: 2, children: "Complete your payment using the secure widget below." }),
             /* @__PURE__ */ e(
-              ue,
+              Ne,
               {
                 checkoutId: A,
-                srcUrl: oe,
-                onResultUrl: ne
+                srcUrl: me,
+                onResultUrl: de
               }
             )
-          ] }) : /* @__PURE__ */ o(k, { children: [
-            /* @__PURE__ */ e(v, { variant: "body1", children: "Enter the amount you would like to add to this E-Wallet." }),
+          ] }) : /* @__PURE__ */ n(I, { children: [
+            /* @__PURE__ */ e(a, { variant: "body1", children: "Enter the amount you would like to add to this E-Wallet." }),
             /* @__PURE__ */ e(
-              ae,
+              Te,
               {
                 label: "Topup Amount",
                 type: "number",
-                value: W,
-                onChangeHandler: (t) => x(t),
+                value: P,
+                onChangeHandler: (o) => w(o),
                 inputProps: { min: "0", step: "0.01" }
               }
             ),
-            /* @__PURE__ */ o(
-              S,
+            /* @__PURE__ */ n(
+              M,
               {
                 mt: 4,
                 display: "flex",
@@ -283,22 +314,22 @@ const i = ({
                 gap: 2,
                 children: [
                   /* @__PURE__ */ e(
-                    g,
+                    U,
                     {
                       variantType: "secondary",
-                      onClick: z,
-                      disabled: y,
+                      onClick: W,
+                      disabled: v,
                       children: "Cancel"
                     }
                   ),
                   /* @__PURE__ */ e(
-                    g,
+                    U,
                     {
-                      onClick: ee,
-                      disabled: y,
-                      children: /* @__PURE__ */ o("strong", { children: [
-                        y ? /* @__PURE__ */ e(
-                          me,
+                      onClick: ue,
+                      disabled: v,
+                      children: /* @__PURE__ */ n("strong", { children: [
+                        v ? /* @__PURE__ */ e(
+                          D,
                           {
                             size: 18,
                             color: "inherit",
@@ -317,18 +348,18 @@ const i = ({
       }
     ),
     /* @__PURE__ */ e(
-      de,
+      xe,
       {
-        iban: J,
+        iban: re,
         data: r,
-        dispatch: F,
-        appKey: I,
-        openModal: X,
-        setOpenModal: U
+        dispatch: L,
+        appKey: x,
+        openModal: te,
+        setOpenModal: le
       }
     )
-  ] }) : /* @__PURE__ */ o(
-    S,
+  ] }) : /* @__PURE__ */ n(
+    M,
     {
       className: "text-center",
       sx: {
@@ -339,13 +370,13 @@ const i = ({
         borderRadius: "5px"
       },
       children: [
-        /* @__PURE__ */ o("p", { children: [
+        /* @__PURE__ */ n("p", { children: [
           r.currency,
           " ",
-          s ? "E-Wallet" : "Virtual IBAN",
+          c ? "E-Wallet" : "Virtual IBAN",
           " creation is in progress. Please wait while we generate your",
           " ",
-          s ? "E-Wallet" : "Virtual IBAN",
+          c ? "E-Wallet" : "Virtual IBAN",
           "."
         ] }),
         /* @__PURE__ */ e("p", { children: "This may take a few moments. Thank you for your patience!" })
@@ -354,5 +385,5 @@ const i = ({
   ) });
 };
 export {
-  qe as default
+  ir as default
 };