everest-npm-features 0.0.57 → 0.0.59

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

@@ -1,20 +1,20 @@
-import { jsx as e, Fragment as v, jsxs as o } from "react/jsx-runtime";
-import { useState as a, useMemo as B, useEffect as E } from "react";
-import "../../../constants-Dtk3Gd0Y.js";
-import { v as le } from "../../../order-DuPcaU0K.js";
-import z from "../Shared/appButton.js";
-import { C as se } from "../../../ContentCopy-coPwrEuz.js";
-import { C as O } from "../../../Close-CNwiMz_O.js";
-import L 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-DREDnCMu.js";
+import { v as ye } from "../../../order-DGBbo_Ox.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 $ } from "../../../react-redux-C7I9-1M6.js";
-import { GBP_ISO3 as ae, 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 V } from "../../../context/snackBarContext.js";
+import { useSnackBarContext as ee } from "../../../context/snackBarContext.js";
 import "../../../util/conversions.js";
 import "../../../index-CAoLi5Qq.js";
-import ue from "../Shared/inputField.js";
+import Te from "../Shared/inputField.js";
 import "../../../react-webcam-B3cXh1XT.js";
 import "../../../tooltip-3UvETWtS.js";
 import "../Shared/pin.js";
@@ -22,180 +22,185 @@ import "../../../moment-h96o7c8I.js";
 import "../../../index.esm-BsMAMhYW.js";
 import "../../../web3-u4qDZYpo.js";
 import "../../../index-ceeCtFuh.js";
-import de from "../Shared/CardCorp/index.js";
+import Ne from "../Shared/CardCorp/index.js";
+import "../../../index.esm-I_Bp2YLf.js";
 import "../../../context/dialogContext.js";
-import me from "./sendIban.js";
-import { G as p } from "../../../Grid-CFe3amXO.js";
-import { T as m } from "../../../Typography-pAaje37G.js";
-import { D as j, a as G } from "../../../DialogContent-BMwlOnbW.js";
-import { D as H } from "../../../DialogTitle-CfS0bb2K.js";
-import { I as S } from "../../../IconButton-DHm-hucF.js";
-import { B as D } from "../../../Box-B0YSYLco.js";
-import { C as pe } 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: x,
+  label: N,
   value: r,
-  showCopyBtn: k
+  showCopyBtn: x
 }) => {
-  const { showAlertMessage: I } = V();
-  return /* @__PURE__ */ o(v, { children: [
-    /* @__PURE__ */ e(p, { size: 5, className: "d-flex items-center", children: /* @__PURE__ */ e("strong", { children: x }) }),
-    /* @__PURE__ */ o(p, { 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,
-      k && /* @__PURE__ */ e(S, { onClick: () => {
-        navigator.clipboard.writeText(r), I({
-          message: `${x} 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(se, { fontSize: "small", color: "primary" }) })
+      }, children: /* @__PURE__ */ e(be, { fontSize: "small", color: "primary" }) })
     ] })
   ] });
-}, Je = ({
-  AccountItem: x,
+}, sr = ({
+  AccountItem: N,
   data: r,
-  appKey: k,
-  appKeyEur: I,
-  paymentWidgetSrcUrl: c,
-  dispatch: F,
-  iban: q,
-  navigate: J,
-  from: K
+  appKey: x,
+  appKeyEur: B,
+  paymentWidgetSrcUrl: m,
+  dispatch: L,
+  iban: re,
+  navigate: Be,
+  from: ne,
+  tokenData: l
 }) => {
-  var _;
-  const [Q, M] = a(!1), [X, Y] = a(!1), [f, U] = a(!1), [P, T] = a(""), [N, h] = a(null), [R, y] = a(null), [u, l] = a(!1), { showAlertMessage: b } = V(), s = K === ce, C = $(
-    (t) => t.order
-  ), w = C.v4Payment ?? null, g = C.v4PaymentLoader ?? !1, Z = $((t) => t.session.uuid), ee = () => {
-    T(""), h(null), y(null), l(!1), U(!0);
+  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 = () => {
-    U(!1), T(""), h(null), y(null), l(!1);
-  }, re = () => {
-    const t = Number(P);
-    if (!P || Number.isNaN(t) || t <= 0) {
-      b({
+    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 (!k) {
-      b({
+    if (!x) {
+      g({
         message: "Unable to identify application key.",
         type: "error"
       });
       return;
     }
-    if (!I) {
-      b({
+    if (!B) {
+      g({
         message: "Unable to identify application EUR key.",
         type: "error"
       });
       return;
     }
-    const ie = Math.round(t * 100);
-    F(
-      le({
-        apiKey: I,
+    const G = Math.round(o * 100);
+    L(
+      ye({
+        apiKey: B,
         ccy: "EUR",
         transaction_type: "CHECKOUT",
-        amount: ie,
-        uuid: Z ?? void 0
+        amount: G,
+        uuid: ie ?? void 0
       })
-    ), l(!0);
-  }, oe = () => {
-    if (s) {
-      ee();
+    ), s(!0);
+  }, ae = () => {
+    if (c) {
+      ce();
       return;
     }
-    M(!0);
-  }, n = B(() => w ?? null, [w]), d = B(() => {
-    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]), A = ((_ = n == null ? void 0 : n.order) == null ? void 0 : _.order_id) ?? null, ne = B(() => c ? c.endsWith("/") ? c : `${c}/` : "", [c]), te = B(() => R ? `/?paymentId=${encodeURIComponent(R)}` : "/", [R]);
-  return E(() => {
-    u && d && (h(d), y(A ?? null), l(!1));
-  }, [u, d, A]), E(() => {
-    u && f && (!d || N || (h(d), y(A ?? 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)));
   }, [
-    u,
-    f,
+    p,
+    h,
     d,
-    N,
-    A
-  ]), E(() => {
-    s && (f || (T(""), h(null), y(null)));
-  }, [s, f]), E(() => {
-    if (u && !g) {
-      if (w) {
-        l(!1);
+    A,
+    S
+  ]), k(() => {
+    c && (h || (w(""), y(null), b(null)));
+  }, [c, h]), k(() => {
+    if (p && !v) {
+      if (E) {
+        s(!1);
         return;
       }
-      C.error && (b({
+      C.error && (g({
         message: C.error,
         type: "error"
-      }), l(!1));
+      }), s(!1));
     }
   }, [
-    u,
-    g,
-    w,
+    p,
+    v,
+    E,
     C.error,
-    b
-  ]), /* @__PURE__ */ e(v, { children: r.accountNumber ? /* @__PURE__ */ o(v, { children: [
-    /* @__PURE__ */ e(x, { type: "iban", data: r, children: /* @__PURE__ */ o(p, { my: 1, spacing: 2, container: !0, alignItems: "center", children: [
-      /* @__PURE__ */ e(p, { size: { md: 6, xs: 12 }, children: /* @__PURE__ */ e(z, { fullWidth: !0, onClick: oe, children: s ? "Topup" : "Deposit" }) }),
-      /* @__PURE__ */ e(
-        p,
-        {
-          size: { md: 6, xs: 12 },
-          sx: {
-            display: "flex",
-            justifyContent: { md: "flex-end", xs: "flex-start" },
-            mt: { md: 0, xs: 1.5 }
-          },
-          children: /* @__PURE__ */ e(
-            m,
-            {
-              component: "button",
-              sx: {
-                background: "none",
-                border: "none",
-                padding: 0,
-                cursor: "pointer",
-                color: "primary.main",
-                textDecoration: "underline",
-                fontSize: 14
-              },
-              onClick: () => J("/history"),
-              children: "History"
-            }
-          )
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ o(
-      j,
+    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,
       {
-        open: Q,
+        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: oe,
         fullWidth: !0,
-        onClose: () => M(!1),
-        TransitionComponent: L,
+        onClose: () => R(!1),
+        TransitionComponent: q,
         maxWidth: "md",
         children: [
-          /* @__PURE__ */ o(H, { className: "buy-modal-text-color", children: [
-            /* @__PURE__ */ e(m, { 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(
-              S,
+              z,
               {
                 "aria-label": "close",
-                onClick: () => M(!1),
+                onClick: () => R(!1),
                 className: "menu-buttons",
-                children: /* @__PURE__ */ e(O, {})
+                children: /* @__PURE__ */ e(Y, {})
               }
             )
           ] }),
-          /* @__PURE__ */ o(G, { dividers: !0, children: [
-            /* @__PURE__ */ e(m, { variant: "h5", align: "center", children: /* @__PURE__ */ e("strong", { children: "Account Details" }) }),
-            /* @__PURE__ */ o(p, { 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,
                 {
@@ -227,7 +232,7 @@ const i = ({
                   showCopyBtn: !0
                 }
               ),
-              r.currency === ae && /* @__PURE__ */ o(v, { children: [
+              r.currency === K && /* @__PURE__ */ n(I, { children: [
                 /* @__PURE__ */ e(
                   i,
                   {
@@ -258,51 +263,51 @@ const i = ({
         ]
       }
     ),
-    s && /* @__PURE__ */ o(
-      j,
+    c && /* @__PURE__ */ n(
+      Q,
       {
-        open: f,
+        open: h,
         fullWidth: !0,
         maxWidth: "sm",
         onClose: W,
-        TransitionComponent: L,
+        TransitionComponent: q,
         children: [
-          /* @__PURE__ */ o(H, { className: "buy-modal-text-color", children: [
-            /* @__PURE__ */ e(m, { 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(
-              S,
+              z,
               {
                 "aria-label": "close",
                 onClick: W,
                 className: "menu-buttons",
-                children: /* @__PURE__ */ e(O, {})
+                children: /* @__PURE__ */ e(Y, {})
               }
             )
           ] }),
-          /* @__PURE__ */ e(G, { dividers: !0, children: N ? /* @__PURE__ */ o(D, { mt: 2, children: [
-            /* @__PURE__ */ e(m, { 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(
-              de,
+              Ne,
               {
-                checkoutId: N,
-                srcUrl: ne,
-                onResultUrl: te
+                checkoutId: A,
+                srcUrl: me,
+                onResultUrl: de
               }
             )
-          ] }) : /* @__PURE__ */ o(v, { children: [
-            /* @__PURE__ */ e(m, { 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(
-              ue,
+              Te,
               {
                 label: "Topup Amount",
                 type: "number",
                 value: P,
-                onChangeHandler: (t) => T(t),
+                onChangeHandler: (o) => w(o),
                 inputProps: { min: "0", step: "0.01" }
               }
             ),
-            /* @__PURE__ */ o(
-              D,
+            /* @__PURE__ */ n(
+              M,
               {
                 mt: 4,
                 display: "flex",
@@ -310,22 +315,22 @@ const i = ({
                 gap: 2,
                 children: [
                   /* @__PURE__ */ e(
-                    z,
+                    U,
                     {
                       variantType: "secondary",
                       onClick: W,
-                      disabled: g,
+                      disabled: v,
                       children: "Cancel"
                     }
                   ),
                   /* @__PURE__ */ e(
-                    z,
+                    U,
                     {
-                      onClick: re,
-                      disabled: g,
-                      children: /* @__PURE__ */ o("strong", { children: [
-                        g ? /* @__PURE__ */ e(
-                          pe,
+                      onClick: ue,
+                      disabled: v,
+                      children: /* @__PURE__ */ n("strong", { children: [
+                        v ? /* @__PURE__ */ e(
+                          D,
                           {
                             size: 18,
                             color: "inherit",
@@ -344,18 +349,18 @@ const i = ({
       }
     ),
     /* @__PURE__ */ e(
-      me,
+      xe,
       {
-        iban: q,
+        iban: re,
         data: r,
-        dispatch: F,
-        appKey: k,
-        openModal: X,
-        setOpenModal: Y
+        dispatch: L,
+        appKey: x,
+        openModal: te,
+        setOpenModal: le
       }
     )
-  ] }) : /* @__PURE__ */ o(
-    D,
+  ] }) : /* @__PURE__ */ n(
+    M,
     {
       className: "text-center",
       sx: {
@@ -366,13 +371,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!" })
@@ -381,5 +386,5 @@ const i = ({
   ) });
 };
 export {
-  Je as default
+  sr as default
 };