everest-npm-features 0.0.48 → 0.0.50

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

@@ -1,16 +1,20 @@
-import { jsx as e, Fragment as m, jsxs as o } from "react/jsx-runtime";
-import { useState as u } from "react";
-import c from "../Shared/appButton.js";
-import { C } from "../../../ContentCopy-coPwrEuz.js";
-import { C as g } from "../../../Close-CNwiMz_O.js";
-import B from "../../Shared/transition.js";
+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 g from "../Shared/appButton.js";
+import { C as le } from "../../../ContentCopy-coPwrEuz.js";
+import { C as O } 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 "../Shared/Auth/otpForm.js";
-import "../../../constants-BSdmHYnc.js";
-import { useSnackBarContext as x } from "../../../context/snackBarContext.js";
+import { useSnackBarContext as q } from "../../../context/snackBarContext.js";
 import "../../../util/conversions.js";
 import "../../../index-CAoLi5Qq.js";
+import ae from "../Shared/inputField.js";
 import "../../../react-webcam-B3cXh1XT.js";
 import "../../../tooltip-3UvETWtS.js";
 import "../Shared/pin.js";
@@ -18,106 +22,183 @@ 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 "../../../context/dialogContext.js";
-import k from "./sendIban.js";
-import { G as t } from "../../../Grid-CFe3amXO.js";
-import { D as N, a as v } from "../../../DialogContent-BMwlOnbW.js";
-import { D as w } from "../../../DialogTitle-CfS0bb2K.js";
-import { T as h } from "../../../Typography-pAaje37G.js";
-import { I as f } from "../../../IconButton-DHm-hucF.js";
-import { B as I } from "../../../Box-B0YSYLco.js";
-const n = ({
-  label: i,
-  value: r,
-  showCopyBtn: a
+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 { 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 = ({
+  label: k,
+  value: o,
+  showCopyBtn: T
 }) => {
-  const { showAlertMessage: s } = x();
-  return /* @__PURE__ */ o(m, { children: [
-    /* @__PURE__ */ e(t, { size: 5, className: "d-flex items-center", children: /* @__PURE__ */ e("strong", { children: i }) }),
-    /* @__PURE__ */ o(t, { size: 7, className: "fw500 text-left d-flex items-center", children: [
-      r,
-      a && /* @__PURE__ */ e(f, { onClick: () => {
-        navigator.clipboard.writeText(r), s({
-          message: `${i} has been copied successfully.`,
+  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({
+          message: `${k} has been copied successfully.`,
           type: "success"
         });
-      }, children: /* @__PURE__ */ e(C, { fontSize: "small", color: "primary" }) })
+      }, children: /* @__PURE__ */ e(le, { fontSize: "small", color: "primary" }) })
     ] })
   ] });
-}, re = ({
-  AccountItem: i,
-  data: r,
-  appKey: a,
-  dispatch: s,
-  iban: p
+}, He = ({
+  AccountItem: k,
+  data: o,
+  appKey: T,
+  appKeyEur: I,
+  paymentWidgetSrcUrl: a,
+  dispatch: U,
+  iban: J,
+  from: K
 }) => {
-  const [y, l] = u(!1), [b, d] = u(!1);
-  return /* @__PURE__ */ e(m, { children: r.accountNumber ? /* @__PURE__ */ o(m, { children: [
-    /* @__PURE__ */ e(i, { type: "iban", data: r, children: /* @__PURE__ */ o(t, { my: 1, spacing: 2, container: !0, children: [
-      /* @__PURE__ */ e(t, { size: { md: 6 }, children: /* @__PURE__ */ e(c, { fullWidth: !0, onClick: () => l(!0), children: "Deposit" }) }),
-      /* @__PURE__ */ e(t, { size: { md: 3 }, children: /* @__PURE__ */ e(c, { fullWidth: !0, onClick: () => d(!0), children: "Send" }) }),
-      /* @__PURE__ */ e(t, { size: { md: 3 }, children: /* @__PURE__ */ e(c, { fullWidth: !0, onClick: () => l(!0), children: "Receive" }) })
+  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(
+    (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);
+  }, z = () => {
+    _(!1), w(""), p(null), f(null), i(!1);
+  }, ee = () => {
+    const t = Number(W);
+    if (!W || Number.isNaN(t) || t <= 0) {
+      h({
+        message: "Please enter a valid amount greater than zero.",
+        type: "error"
+      });
+      return;
+    }
+    if (!T) {
+      h({
+        message: "Unable to identify application key.",
+        type: "error"
+      });
+      return;
+    }
+    if (!I) {
+      h({
+        message: "Unable to identify application EUR key.",
+        type: "error"
+      });
+      return;
+    }
+    const te = Math.round(t * 100);
+    U(
+      ie({
+        apiKey: I,
+        ccy: "EUR",
+        transaction_type: "CHECKOUT",
+        amount: te,
+        uuid: Y ?? void 0
+      })
+    ), i(!0);
+  }, re = () => {
+    if (C) {
+      Z();
+      return;
+    }
+    N(!0);
+  }, n = M(() => A ?? null, [A]), u = 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 = 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)));
+  }, [
+    c,
+    m,
+    u,
+    x,
+    B
+  ]), R(() => {
+    C && (m || (w(""), p(null), f(null)));
+  }, [C, m]), R(() => {
+    if (c && !b) {
+      if (A) {
+        i(!1);
+        return;
+      }
+      y.error && (h({
+        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" }) })
     ] }) }),
-    /* @__PURE__ */ o(
-      N,
+    /* @__PURE__ */ r(
+      V,
       {
-        open: y,
+        open: Q,
         fullWidth: !0,
-        onClose: () => l(!1),
-        TransitionComponent: B,
+        onClose: () => N(!1),
+        TransitionComponent: $,
         maxWidth: "md",
         children: [
-          /* @__PURE__ */ o(w, { className: "buy-modal-text-color", children: [
-            /* @__PURE__ */ e(h, { variant: "subtitle1", component: "p", children: /* @__PURE__ */ e("strong", { children: "Deposit / Receive" }) }),
+          /* @__PURE__ */ r(H, { className: "buy-modal-text-color", children: [
+            /* @__PURE__ */ e(v, { variant: "subtitle1", component: "p", children: /* @__PURE__ */ e("strong", { children: "Deposit / Receive" }) }),
             /* @__PURE__ */ e(
-              f,
+              F,
               {
                 "aria-label": "close",
-                onClick: () => l(!1),
+                onClick: () => N(!1),
                 className: "menu-buttons",
-                children: /* @__PURE__ */ e(g, {})
+                children: /* @__PURE__ */ e(O, {})
               }
             )
           ] }),
-          /* @__PURE__ */ o(v, { dividers: !0, children: [
-            /* @__PURE__ */ e(h, { variant: "h5", align: "center", children: /* @__PURE__ */ e("strong", { children: "Account Details" }) }),
-            /* @__PURE__ */ o(t, { container: !0, spacing: 2, sx: { padding: "5% 15%" }, children: [
+          /* @__PURE__ */ r(G, { 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__ */ e(
-                n,
+                d,
                 {
                   label: "Account Title",
-                  value: `${r.ownerFirstName} ${r.ownerLastName}`
+                  value: `${o.ownerFirstName} ${o.ownerLastName}`
                 }
               ),
               /* @__PURE__ */ e(
-                n,
+                d,
                 {
                   label: "Bank Account Currency",
-                  value: r.currency || ""
+                  value: o.currency || ""
                 }
               ),
-              /* @__PURE__ */ e(n, { label: "Bank Name", value: r.bankName || "" }),
+              /* @__PURE__ */ e(d, { label: "Bank Name", value: o.bankName || "" }),
               /* @__PURE__ */ e(
-                n,
+                d,
                 {
                   label: "Bank Address",
-                  value: r.bankBranchAddress || "",
+                  value: o.bankBranchAddress || "",
                   showCopyBtn: !0
                 }
               ),
               /* @__PURE__ */ e(
-                n,
+                d,
                 {
                   label: "Virtual IBAN",
-                  value: r.accountNumber || "",
+                  value: o.accountNumber || "",
                   showCopyBtn: !0
                 }
               ),
               /* @__PURE__ */ e(
-                n,
+                d,
                 {
                   label: "BIC/Swift Code",
-                  value: r.bicCode || "",
+                  value: o.bicCode || "",
                   showCopyBtn: !0
                 }
               )
@@ -126,19 +207,95 @@ const n = ({
         ]
       }
     ),
+    C && /* @__PURE__ */ r(
+      V,
+      {
+        open: m,
+        fullWidth: !0,
+        maxWidth: "sm",
+        onClose: z,
+        TransitionComponent: $,
+        children: [
+          /* @__PURE__ */ r(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,
+              {
+                "aria-label": "close",
+                onClick: z,
+                className: "menu-buttons",
+                children: /* @__PURE__ */ e(O, {})
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e(G, { dividers: !0, children: x ? /* @__PURE__ */ r(D, { mt: 2, children: [
+            /* @__PURE__ */ e(v, { variant: "body1", mb: 2, children: "Complete your payment using the secure widget below." }),
+            /* @__PURE__ */ e(
+              ce,
+              {
+                checkoutId: x,
+                srcUrl: oe,
+                onResultUrl: ne
+              }
+            )
+          ] }) : /* @__PURE__ */ r(E, { children: [
+            /* @__PURE__ */ e(v, { variant: "body1", children: "Enter the amount you would like to add to this E-Wallet." }),
+            /* @__PURE__ */ e(
+              ae,
+              {
+                label: "Topup Amount",
+                type: "number",
+                value: W,
+                onChangeHandler: (t) => w(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__ */ e(
-      k,
+      ue,
       {
-        iban: p,
-        data: r,
-        dispatch: s,
-        appKey: a,
-        openModal: b,
-        setOpenModal: d
+        iban: J,
+        data: o,
+        dispatch: U,
+        appKey: T,
+        openModal: X,
+        setOpenModal: S
       }
     )
-  ] }) : /* @__PURE__ */ o(
-    I,
+  ] }) : /* @__PURE__ */ r(
+    D,
     {
       className: "text-center",
       sx: {
@@ -149,9 +306,9 @@ const n = ({
         borderRadius: "5px"
       },
       children: [
-        /* @__PURE__ */ o("p", { children: [
+        /* @__PURE__ */ r("p", { children: [
           "We have received your payment and ",
-          r.currency,
+          o.currency,
           " Virtual IBAN creation is in progress. Please wait while we generate your Virtual IBAN."
         ] }),
         /* @__PURE__ */ e("p", { children: "This may take a few moments. Thank you for your patience!" })
@@ -160,5 +317,5 @@ const n = ({
   ) });
 };
 export {
-  re as default
+  He as default
 };

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

@@ -2,6 +2,8 @@ interface AccountProps {
     baseUrl: string;
     checkoutSdkKey: string;
     appKey: string;
+    appKeyEur: string;
+    paymentWidgetSrcUrl: string;
     navigate: (path: string) => void;
 }
 declare const _default: import('react').FC<AccountProps & import('../../../hoc/withThemeProvider').WithThemeProviderProps>;