everest-npm-features 0.0.53 → 0.0.55

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

@@ -1,15 +1,15 @@
-import { jsx as e, Fragment as R, jsxs as r } from "react/jsx-runtime";
-import { useState as s, useMemo as E, useEffect as M } from "react";
+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 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,51 +22,51 @@ 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 de from "./sendIban.js";
 import { G as a } from "../../../Grid-CFe3amXO.js";
-import { D as V, a as G } from "../../../DialogContent-BMwlOnbW.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 m = ({
-  label: k,
-  value: o,
-  showCopyBtn: T
+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 i = ({
+  label: T,
+  value: r,
+  showCopyBtn: I
 }) => {
-  const { showAlertMessage: I } = q();
-  return /* @__PURE__ */ r(R, { children: [
-    /* @__PURE__ */ e(a, { size: 5, className: "d-flex items-center", children: /* @__PURE__ */ e("strong", { children: k }) }),
-    /* @__PURE__ */ r(a, { size: 7, className: "fw500 text-left d-flex items-center", children: [
-      o,
-      T && /* @__PURE__ */ e(F, { onClick: () => {
-        navigator.clipboard.writeText(o), I({
-          message: `${k} has been copied successfully.`,
+  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: [
+      r,
+      I && /* @__PURE__ */ e(D, { onClick: () => {
+        navigator.clipboard.writeText(r), N({
+          message: `${T} has been copied successfully.`,
           type: "success"
         });
       }, children: /* @__PURE__ */ e(le, { fontSize: "small", color: "primary" }) })
     ] })
   ] });
-}, He = ({
-  AccountItem: k,
-  data: o,
-  appKey: T,
-  appKeyEur: I,
-  paymentWidgetSrcUrl: c,
-  dispatch: U,
+}, qe = ({
+  AccountItem: T,
+  data: r,
+  appKey: I,
+  appKeyEur: N,
+  paymentWidgetSrcUrl: u,
+  dispatch: F,
   iban: J,
   from: K
 }) => {
-  var L;
-  const [Q, N] = s(!1), [X, S] = s(!1), [p, _] = s(!1), [W, w] = s(""), [x, f] = s(null), [P, h] = s(null), [u, i] = s(!1), { showAlertMessage: C } = q(), l = K === se, b = j(
+  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
-  ), A = b.v4Payment ?? null, y = b.v4PaymentLoader ?? !1, Y = j((t) => t.session.uuid), Z = () => {
-    w(""), f(null), h(null), i(!1), _(!0);
+  ), 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), w(""), f(null), h(null), i(!1);
+    _(!1), x(""), h(null), f(null), l(!1);
   }, ee = () => {
     const t = Number(W);
     if (!W || Number.isNaN(t) || t <= 0) {
@@ -76,14 +76,14 @@ const m = ({
       });
       return;
     }
-    if (!T) {
+    if (!I) {
       C({
         message: "Unable to identify application key.",
         type: "error"
       });
       return;
     }
-    if (!I) {
+    if (!N) {
       C({
         message: "Unable to identify application EUR key.",
         type: "error"
@@ -91,114 +91,138 @@ const m = ({
       return;
     }
     const te = Math.round(t * 100);
-    U(
+    F(
       ie({
-        apiKey: I,
+        apiKey: N,
         ccy: "EUR",
         transaction_type: "CHECKOUT",
         amount: te,
         uuid: Y ?? void 0
       })
-    ), i(!0);
+    ), l(!0);
   }, re = () => {
-    if (l) {
+    if (s) {
       Z();
       return;
     }
-    N(!0);
-  }, n = E(() => A ?? null, [A]), d = E(() => {
+    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]), B = ((L = n == null ? void 0 : n.order) == null ? void 0 : L.order_id) ?? null, oe = E(() => c ? c.endsWith("/") ? c : `${c}/` : "", [c]), ne = E(() => P ? `/?paymentId=${encodeURIComponent(P)}` : "/", [P]);
-  return M(() => {
-    u && d && (f(d), h(B ?? null), i(!1));
-  }, [u, d, B]), M(() => {
-    u && p && (!d || x || (f(d), h(B ?? null), i(!1)));
+  }, [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)));
   }, [
-    u,
-    p,
     d,
-    x,
-    B
-  ]), M(() => {
-    l && (p || (w(""), f(null), h(null)));
-  }, [l, p]), M(() => {
-    if (u && !y) {
-      if (A) {
-        i(!1);
+    p,
+    m,
+    A,
+    E
+  ]), R(() => {
+    s && (p || (x(""), h(null), f(null)));
+  }, [s, p]), R(() => {
+    if (d && !y) {
+      if (B) {
+        l(!1);
         return;
       }
       b.error && (C({
         message: b.error,
         type: "error"
-      }), i(!1));
+      }), l(!1));
     }
-  }, [u, y, A, b.error, C]), /* @__PURE__ */ e(R, { children: o.accountNumber ? /* @__PURE__ */ r(R, { children: [
-    /* @__PURE__ */ e(k, { type: "iban", data: o, children: /* @__PURE__ */ r(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: () => S(!0), children: "Send" }) }),
-      /* @__PURE__ */ e(a, { size: { md: 3 }, children: /* @__PURE__ */ e(g, { fullWidth: !0, onClick: () => N(!0), children: "Receive" }) })
+  }, [
+    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__ */ 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(a, { container: !0, spacing: 2, sx: { padding: "5% 15%" }, children: [
+            /* @__PURE__ */ o(a, { container: !0, spacing: 2, sx: { padding: "5% 15%" }, children: [
               /* @__PURE__ */ e(
-                m,
+                i,
                 {
                   label: "Account Title",
-                  value: `${o.ownerFirstName} ${o.ownerLastName}`
+                  value: `${r.ownerFirstName} ${r.ownerLastName}`
                 }
               ),
               /* @__PURE__ */ e(
-                m,
+                i,
                 {
                   label: "Bank Account Currency",
-                  value: o.currency || ""
+                  value: r.currency || ""
                 }
               ),
-              /* @__PURE__ */ e(m, { label: "Bank Name", value: o.bankName || "" }),
+              /* @__PURE__ */ e(i, { label: "Bank Name", value: r.bankName || "" }),
               /* @__PURE__ */ e(
-                m,
+                i,
                 {
                   label: "Bank Address",
-                  value: o.bankBranchAddress || "",
+                  value: r.bankBranchAddress || "",
                   showCopyBtn: !0
                 }
               ),
               /* @__PURE__ */ e(
-                m,
+                i,
                 {
                   label: "Virtual IBAN",
-                  value: o.accountNumber || "",
+                  value: r.accountNumber || "",
                   showCopyBtn: !0
                 }
               ),
+              r.currency === se && /* @__PURE__ */ o(k, { children: [
+                /* @__PURE__ */ e(
+                  i,
+                  {
+                    label: "Account Number",
+                    value: (r.accountNumber || "").slice(-8),
+                    showCopyBtn: !0
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  i,
+                  {
+                    label: "Sort Code",
+                    value: r.sortCode || "",
+                    showCopyBtn: !0
+                  }
+                )
+              ] }),
               /* @__PURE__ */ e(
-                m,
+                i,
                 {
                   label: "BIC/Swift Code",
-                  value: o.bicCode || "",
+                  value: r.bicCode || "",
                   showCopyBtn: !0
                 }
               )
@@ -207,8 +231,8 @@ const m = ({
         ]
       }
     ),
-    l && /* @__PURE__ */ r(
-      V,
+    s && /* @__PURE__ */ o(
+      G,
       {
         open: p,
         fullWidth: !0,
@@ -216,29 +240,29 @@ const m = ({
         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: 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(
-              ce,
+              ue,
               {
-                checkoutId: x,
+                checkoutId: A,
                 srcUrl: oe,
                 onResultUrl: ne
               }
             )
-          ] }) : /* @__PURE__ */ r(R, { children: [
+          ] }) : /* @__PURE__ */ o(k, { children: [
             /* @__PURE__ */ e(v, { variant: "body1", children: "Enter the amount you would like to add to this E-Wallet." }),
             /* @__PURE__ */ e(
               ae,
@@ -246,56 +270,65 @@ const m = ({
                 label: "Topup Amount",
                 type: "number",
                 value: W,
-                onChangeHandler: (t) => w(t),
+                onChangeHandler: (t) => x(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: y,
-                  children: "Cancel"
-                }
-              ),
-              /* @__PURE__ */ e(
-                g,
-                {
-                  onClick: ee,
-                  disabled: y,
-                  children: /* @__PURE__ */ r("strong", { children: [
-                    y ? /* @__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: y,
+                      children: "Cancel"
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    g,
+                    {
+                      onClick: ee,
+                      disabled: y,
+                      children: /* @__PURE__ */ o("strong", { children: [
+                        y ? /* @__PURE__ */ e(
+                          me,
+                          {
+                            size: 18,
+                            color: "inherit",
+                            sx: { mr: 1 }
+                          }
+                        ) : null,
+                        "Confirm Topup"
+                      ] })
+                    }
+                  )
+                ]
+              }
+            )
           ] }) })
         ]
       }
     ),
     /* @__PURE__ */ e(
-      ue,
+      de,
       {
         iban: J,
-        data: o,
-        dispatch: U,
-        appKey: T,
+        data: r,
+        dispatch: F,
+        appKey: I,
         openModal: X,
-        setOpenModal: S
+        setOpenModal: U
       }
     )
-  ] }) : /* @__PURE__ */ r(
-    D,
+  ] }) : /* @__PURE__ */ o(
+    S,
     {
       className: "text-center",
       sx: {
@@ -306,12 +339,13 @@ const m = ({
         borderRadius: "5px"
       },
       children: [
-        /* @__PURE__ */ r("p", { children: [
-          o.currency,
+        /* @__PURE__ */ o("p", { children: [
+          r.currency,
+          " ",
+          s ? "E-Wallet" : "Virtual IBAN",
+          " creation is in progress. Please wait while we generate your",
           " ",
-          l ? "E-Wallet" : "Virtual IBAN",
-          " creation is in progress. Please wait while we generate your ",
-          l ? "E-Wallet" : "Virtual IBAN",
+          s ? "E-Wallet" : "Virtual IBAN",
           "."
         ] }),
         /* @__PURE__ */ e("p", { children: "This may take a few moments. Thank you for your patience!" })
@@ -320,5 +354,5 @@ const m = ({
   ) });
 };
 export {
-  He as default
+  qe as default
 };