everest-npm-features 0.0.52 → 0.0.54

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

@@ -1,15 +1,15 @@
-import { jsx as e, Fragment as E, jsxs as r } from "react/jsx-runtime";
-import { useState as l, useMemo as M, useEffect as R } from "react";
-import "../../../constants-t7n9qCW3.js";
-import { v as ie } from "../../../order-jqH948WM.js";
+import { jsx as e, Fragment as R, jsxs as o } from "react/jsx-runtime";
+import { useState as s, useMemo as E, useEffect as M } 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 O } from "../../../Close-CNwiMz_O.js";
+import { C as L } from "../../../Close-CNwiMz_O.js";
 import $ from "../../Shared/transition.js";
 import "../../../index-DlQqWbXG.js";
 import "../../../hoc/withThemeProvider.js";
 import { u as j } from "../../../react-redux-C7I9-1M6.js";
-import { FEATURE_EWALLET as se } from "../../../util/constants.js";
+import { GBP_ISO3 as se, FEATURE_EWALLET as ce } from "../../../util/constants.js";
 import "../Shared/Auth/otpForm.js";
 import { useSnackBarContext as q } from "../../../context/snackBarContext.js";
 import "../../../util/conversions.js";
@@ -22,76 +22,76 @@ import "../../../moment-h96o7c8I.js";
 import "../../../index.esm-BsMAMhYW.js";
 import "../../../web3-u4qDZYpo.js";
 import "../../../index-ceeCtFuh.js";
-import ce from "../Shared/CardCorp/index.js";
+import ue from "../Shared/CardCorp/index.js";
 import "../../../context/dialogContext.js";
-import ue from "./sendIban.js";
-import { G as s } from "../../../Grid-CFe3amXO.js";
-import { D as V, a as G } from "../../../DialogContent-BMwlOnbW.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 F } from "../../../IconButton-DHm-hucF.js";
-import { B as D } from "../../../Box-B0YSYLco.js";
-import { C as de } from "../../../CircularProgress-xZA3lvba.js";
-const d = ({
+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";
+const c = ({
   label: k,
-  value: o,
+  value: r,
   showCopyBtn: T
 }) => {
   const { showAlertMessage: I } = q();
-  return /* @__PURE__ */ r(E, { children: [
-    /* @__PURE__ */ e(s, { size: 5, className: "d-flex items-center", children: /* @__PURE__ */ e("strong", { children: k }) }),
-    /* @__PURE__ */ r(s, { size: 7, className: "fw500 text-left d-flex items-center", children: [
-      o,
-      T && /* @__PURE__ */ e(F, { onClick: () => {
-        navigator.clipboard.writeText(o), I({
+  return /* @__PURE__ */ o(R, { children: [
+    /* @__PURE__ */ e(a, { size: 5, className: "d-flex items-center", children: /* @__PURE__ */ e("strong", { children: k }) }),
+    /* @__PURE__ */ o(a, { size: 7, className: "fw500 text-left d-flex items-center", children: [
+      r,
+      T && /* @__PURE__ */ e(D, { onClick: () => {
+        navigator.clipboard.writeText(r), I({
           message: `${k} has been copied successfully.`,
           type: "success"
         });
       }, children: /* @__PURE__ */ e(le, { fontSize: "small", color: "primary" }) })
     ] })
   ] });
-}, He = ({
+}, qe = ({
   AccountItem: k,
-  data: o,
+  data: r,
   appKey: T,
   appKeyEur: I,
-  paymentWidgetSrcUrl: a,
-  dispatch: U,
+  paymentWidgetSrcUrl: u,
+  dispatch: F,
   iban: J,
   from: K
 }) => {
-  var L;
-  const [Q, N] = l(!1), [X, S] = l(!1), [m, _] = l(!1), [W, w] = l(""), [x, p] = l(null), [P, f] = l(null), [c, i] = l(!1), { showAlertMessage: h } = q(), C = K === se, y = j(
+  var O;
+  const [Q, w] = s(!1), [X, U] = s(!1), [p, _] = s(!1), [W, N] = s(""), [x, f] = s(null), [P, h] = s(null), [d, i] = s(!1), { showAlertMessage: C } = q(), l = K === ce, y = j(
     (t) => t.order
   ), A = y.v4Payment ?? null, b = y.v4PaymentLoader ?? !1, Y = j((t) => t.session.uuid), Z = () => {
-    w(""), p(null), f(null), i(!1), _(!0);
+    N(""), f(null), h(null), i(!1), _(!0);
   }, z = () => {
-    _(!1), w(""), p(null), f(null), i(!1);
+    _(!1), N(""), f(null), h(null), i(!1);
   }, ee = () => {
     const t = Number(W);
     if (!W || Number.isNaN(t) || t <= 0) {
-      h({
+      C({
         message: "Please enter a valid amount greater than zero.",
         type: "error"
       });
       return;
     }
     if (!T) {
-      h({
+      C({
         message: "Unable to identify application key.",
         type: "error"
       });
       return;
     }
     if (!I) {
-      h({
+      C({
         message: "Unable to identify application EUR key.",
         type: "error"
       });
       return;
     }
     const te = Math.round(t * 100);
-    U(
+    F(
       ie({
         apiKey: I,
         ccy: "EUR",
@@ -101,104 +101,118 @@ const d = ({
       })
     ), i(!0);
   }, re = () => {
-    if (C) {
+    if (l) {
       Z();
       return;
     }
-    N(!0);
-  }, n = M(() => A ?? null, [A]), u = M(() => {
+    w(!0);
+  }, n = E(() => A ?? null, [A]), m = E(() => {
     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]), B = ((L = n == null ? void 0 : n.order) == null ? void 0 : L.order_id) ?? null, oe = M(() => a ? a.endsWith("/") ? a : `${a}/` : "", [a]), ne = M(() => P ? `/?paymentId=${encodeURIComponent(P)}` : "/", [P]);
-  return R(() => {
-    c && u && (p(u), f(B ?? null), i(!1));
-  }, [c, u, B]), R(() => {
-    c && m && (!u || x || (p(u), f(B ?? null), i(!1)));
+  }, [n]), B = ((O = n == null ? void 0 : n.order) == null ? void 0 : O.order_id) ?? null, oe = E(() => u ? u.endsWith("/") ? u : `${u}/` : "", [u]), ne = E(() => P ? `/?paymentId=${encodeURIComponent(P)}` : "/", [P]);
+  return M(() => {
+    d && m && (f(m), h(B ?? null), i(!1));
+  }, [d, m, B]), M(() => {
+    d && p && (!m || x || (f(m), h(B ?? null), i(!1)));
   }, [
-    c,
+    d,
+    p,
     m,
-    u,
     x,
     B
-  ]), R(() => {
-    C && (m || (w(""), p(null), f(null)));
-  }, [C, m]), R(() => {
-    if (c && !b) {
+  ]), M(() => {
+    l && (p || (N(""), f(null), h(null)));
+  }, [l, p]), M(() => {
+    if (d && !b) {
       if (A) {
         i(!1);
         return;
       }
-      y.error && (h({
+      y.error && (C({
         message: y.error,
         type: "error"
       }), i(!1));
     }
-  }, [c, b, A, y.error, h]), /* @__PURE__ */ e(E, { children: o.accountNumber ? /* @__PURE__ */ r(E, { children: [
-    /* @__PURE__ */ e(k, { type: "iban", data: o, children: /* @__PURE__ */ r(s, { my: 1, spacing: 2, container: !0, children: [
-      /* @__PURE__ */ e(s, { size: { md: 6 }, children: /* @__PURE__ */ e(g, { fullWidth: !0, onClick: re, children: C ? "Topup" : "Deposit" }) }),
-      /* @__PURE__ */ e(s, { size: { md: 3 }, children: /* @__PURE__ */ e(g, { fullWidth: !0, onClick: () => S(!0), children: "Send" }) }),
-      /* @__PURE__ */ e(s, { size: { md: 3 }, children: /* @__PURE__ */ e(g, { fullWidth: !0, onClick: () => N(!0), children: "Receive" }) })
+  }, [
+    d,
+    b,
+    A,
+    y.error,
+    C
+  ]), /* @__PURE__ */ e(R, { children: r.accountNumber ? /* @__PURE__ */ o(R, { children: [
+    /* @__PURE__ */ e(k, { 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: l ? "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__ */ r(
-      V,
+    /* @__PURE__ */ o(
+      G,
       {
         open: Q,
         fullWidth: !0,
-        onClose: () => N(!1),
+        onClose: () => w(!1),
         TransitionComponent: $,
         maxWidth: "md",
         children: [
-          /* @__PURE__ */ r(H, { className: "buy-modal-text-color", 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__ */ e(
-              F,
+              D,
               {
                 "aria-label": "close",
-                onClick: () => N(!1),
+                onClick: () => w(!1),
                 className: "menu-buttons",
-                children: /* @__PURE__ */ e(O, {})
+                children: /* @__PURE__ */ e(L, {})
               }
             )
           ] }),
-          /* @__PURE__ */ r(G, { dividers: !0, children: [
+          /* @__PURE__ */ o(V, { dividers: !0, children: [
             /* @__PURE__ */ e(v, { variant: "h5", align: "center", children: /* @__PURE__ */ e("strong", { children: "Account Details" }) }),
-            /* @__PURE__ */ r(s, { container: !0, spacing: 2, sx: { padding: "5% 15%" }, children: [
+            /* @__PURE__ */ o(a, { container: !0, spacing: 2, sx: { padding: "5% 15%" }, children: [
               /* @__PURE__ */ e(
-                d,
+                c,
                 {
                   label: "Account Title",
-                  value: `${o.ownerFirstName} ${o.ownerLastName}`
+                  value: `${r.ownerFirstName} ${r.ownerLastName}`
                 }
               ),
               /* @__PURE__ */ e(
-                d,
+                c,
                 {
                   label: "Bank Account Currency",
-                  value: o.currency || ""
+                  value: r.currency || ""
                 }
               ),
-              /* @__PURE__ */ e(d, { label: "Bank Name", value: o.bankName || "" }),
+              /* @__PURE__ */ e(c, { label: "Bank Name", value: r.bankName || "" }),
               /* @__PURE__ */ e(
-                d,
+                c,
                 {
                   label: "Bank Address",
-                  value: o.bankBranchAddress || "",
+                  value: r.bankBranchAddress || "",
                   showCopyBtn: !0
                 }
               ),
               /* @__PURE__ */ e(
-                d,
+                c,
                 {
                   label: "Virtual IBAN",
-                  value: o.accountNumber || "",
+                  value: r.accountNumber || "",
+                  showCopyBtn: !0
+                }
+              ),
+              r.currency === se && /* @__PURE__ */ e(
+                c,
+                {
+                  label: "Sort Code",
+                  value: r.sortCode || "",
                   showCopyBtn: !0
                 }
               ),
               /* @__PURE__ */ e(
-                d,
+                c,
                 {
                   label: "BIC/Swift Code",
-                  value: o.bicCode || "",
+                  value: r.bicCode || "",
                   showCopyBtn: !0
                 }
               )
@@ -207,38 +221,38 @@ const d = ({
         ]
       }
     ),
-    C && /* @__PURE__ */ r(
-      V,
+    l && /* @__PURE__ */ o(
+      G,
       {
-        open: m,
+        open: p,
         fullWidth: !0,
         maxWidth: "sm",
         onClose: z,
         TransitionComponent: $,
         children: [
-          /* @__PURE__ */ r(H, { className: "buy-modal-text-color", 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__ */ e(
-              F,
+              D,
               {
                 "aria-label": "close",
                 onClick: z,
                 className: "menu-buttons",
-                children: /* @__PURE__ */ e(O, {})
+                children: /* @__PURE__ */ e(L, {})
               }
             )
           ] }),
-          /* @__PURE__ */ e(G, { dividers: !0, children: x ? /* @__PURE__ */ r(D, { mt: 2, children: [
+          /* @__PURE__ */ e(V, { dividers: !0, children: x ? /* @__PURE__ */ o(S, { mt: 2, children: [
             /* @__PURE__ */ e(v, { variant: "body1", mb: 2, children: "Complete your payment using the secure widget below." }),
             /* @__PURE__ */ e(
-              ce,
+              ue,
               {
                 checkoutId: x,
                 srcUrl: oe,
                 onResultUrl: ne
               }
             )
-          ] }) : /* @__PURE__ */ r(E, { children: [
+          ] }) : /* @__PURE__ */ o(R, { children: [
             /* @__PURE__ */ e(v, { variant: "body1", children: "Enter the amount you would like to add to this E-Wallet." }),
             /* @__PURE__ */ e(
               ae,
@@ -246,56 +260,65 @@ const d = ({
                 label: "Topup Amount",
                 type: "number",
                 value: W,
-                onChangeHandler: (t) => w(t),
+                onChangeHandler: (t) => N(t),
                 inputProps: { min: "0", step: "0.01" }
               }
             ),
-            /* @__PURE__ */ r(D, { mt: 4, display: "flex", justifyContent: "flex-end", gap: 2, children: [
-              /* @__PURE__ */ e(
-                g,
-                {
-                  variantType: "secondary",
-                  onClick: z,
-                  disabled: b,
-                  children: "Cancel"
-                }
-              ),
-              /* @__PURE__ */ e(
-                g,
-                {
-                  onClick: ee,
-                  disabled: b,
-                  children: /* @__PURE__ */ r("strong", { children: [
-                    b ? /* @__PURE__ */ e(
-                      de,
-                      {
-                        size: 18,
-                        color: "inherit",
-                        sx: { mr: 1 }
-                      }
-                    ) : null,
-                    "Confirm Topup"
-                  ] })
-                }
-              )
-            ] })
+            /* @__PURE__ */ o(
+              S,
+              {
+                mt: 4,
+                display: "flex",
+                justifyContent: "flex-end",
+                gap: 2,
+                children: [
+                  /* @__PURE__ */ e(
+                    g,
+                    {
+                      variantType: "secondary",
+                      onClick: z,
+                      disabled: b,
+                      children: "Cancel"
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    g,
+                    {
+                      onClick: ee,
+                      disabled: b,
+                      children: /* @__PURE__ */ o("strong", { children: [
+                        b ? /* @__PURE__ */ e(
+                          me,
+                          {
+                            size: 18,
+                            color: "inherit",
+                            sx: { mr: 1 }
+                          }
+                        ) : null,
+                        "Confirm Topup"
+                      ] })
+                    }
+                  )
+                ]
+              }
+            )
           ] }) })
         ]
       }
     ),
     /* @__PURE__ */ e(
-      ue,
+      de,
       {
         iban: J,
-        data: o,
-        dispatch: U,
+        data: r,
+        dispatch: F,
         appKey: T,
         openModal: X,
-        setOpenModal: S
+        setOpenModal: U
       }
     )
-  ] }) : /* @__PURE__ */ r(
-    D,
+  ] }) : /* @__PURE__ */ o(
+    S,
     {
       className: "text-center",
       sx: {
@@ -306,10 +329,14 @@ const d = ({
         borderRadius: "5px"
       },
       children: [
-        /* @__PURE__ */ r("p", { children: [
-          "We have received your payment and ",
-          o.currency,
-          " Virtual IBAN creation is in progress. Please wait while we generate your Virtual IBAN."
+        /* @__PURE__ */ o("p", { children: [
+          r.currency,
+          " ",
+          l ? "E-Wallet" : "Virtual IBAN",
+          " creation is in progress. Please wait while we generate your",
+          " ",
+          l ? "E-Wallet" : "Virtual IBAN",
+          "."
         ] }),
         /* @__PURE__ */ e("p", { children: "This may take a few moments. Thank you for your patience!" })
       ]
@@ -317,5 +344,5 @@ const d = ({
   ) });
 };
 export {
-  He as default
+  qe as default
 };