everest-npm-features 0.0.44 → 0.0.46

package/dist/index-BTqlsA2t.js

@@ -0,0 +1,799 @@
+import { jsxs as a, Fragment as w, jsx as e } from "react/jsx-runtime";
+import { useMemo as Ze, useState as d, useEffect as h, useCallback as et } from "react";
+import tt from "./hoc/withThemeProvider.js";
+import { P as rt, f as nt } from "./PlayArrow-Cm8tJN8W.js";
+import { I as ot } from "./Info-BVeUSPyk.js";
+import { G as Ie } from "./generic-token-B_ptO5yb.js";
+import { PAYMENT_PROVIDER_PAYSAFE as it, ID_TOKEN_SYMBOL as Oe, FIAT_TO_EVER_ID as fe, FIAT_TO_TOKEN as he, ESTIMATE_TOOLTIP_TEXT as at, DIALOG_SUCCESS_ICON as st, PAYMENT_PROVIDER_PLAID as lt, PAYMENT_PROVIDER_CARDCORP as ct, PAYMENT_BANK as ke, SEPA_ICON as mt, VISA_ICON as dt } from "./util/constants.js";
+import { ap as B } from "./constants-BJhUp96H.js";
+import { c as pt, d as ut, u as ft } from "./index-BQNs1mvn.js";
+import { e as ht, f as $e, c as ye, g as yt, h as ze, i as _t } from "./order-fWKVFTau.js";
+import { M as xt } from "./tooltip-3UvETWtS.js";
+import { getCurrencySymbol as Ye, getNetworkBackGround as gt } from "./util/functions.js";
+import xe from "./components/Wallet/Shared/appButton.js";
+import Ct from "./components/Wallet/Shared/backBtn.js";
+import { s as m } from "./styles.module-CHEBh2ID.js";
+import { p as Nt, e as bt } from "./bank-BmV_keEr.js";
+import { u as vt } from "./index.esm-BsMAMhYW.js";
+import { a as W, u as Et } from "./react-redux-B4BZippc.js";
+import "./index-DlQqWbXG.js";
+import "./components/Wallet/Shared/Auth/otpForm.js";
+import { useSnackBarContext as Rt } from "./context/snackBarContext.js";
+import "./util/conversions.js";
+import "./index-CAoLi5Qq.js";
+import "./react-webcam-B3cXh1XT.js";
+import "./components/Shared/transition.js";
+import "./components/Wallet/Shared/pin.js";
+import "./moment-h96o7c8I.js";
+import "./web3-u4qDZYpo.js";
+import "./index-ceeCtFuh.js";
+import { useDialogContext as At } from "./context/dialogContext.js";
+import { T as s } from "./Typography-pAaje37G.js";
+import { B as S } from "./Box-B0YSYLco.js";
+import { G as i } from "./Grid-CFe3amXO.js";
+import { C as P } from "./CircularProgress-xZA3lvba.js";
+import { f as Ft } from "./cryptoAssets-Q_UWeuzR.js";
+import { u as Pt, a as St } from "./wallet-CuQDBP6a.js";
+import { AuthContainer as Mt } from "./components/Wallet/Shared/Container/index.js";
+import It from "./components/Wallet/Shared/CardPayment/index.js";
+import Ot from "./components/Shared/MinimalKyc/index.js";
+import kt from "./components/Wallet/Shared/Input/index.js";
+import zt from "./components/Wallet/Shared/CardCorp/index.js";
+import { c as wt } from "./countries-BVn1FubK.js";
+import Wt from "./components/Wallet/Shared/TokenModal/index.js";
+import { PaymentButton as Bt } from "./components/Wallet/Shared/Order/paymentButton.js";
+import we from "./components/Wallet/Shared/Order/selectCustomIcon.js";
+import { F as te } from "./FormControl-RtZDQMdA.js";
+import { F as le } from "./FilledInput-DuNqnPjc.js";
+import { F as We, I as Be } from "./TextField-DPpRUQe3.js";
+import { S as ue } from "./Select-CB5yWmyn.js";
+import { M as ce } from "./MenuItem-DUdYOJr4.js";
+import { L as Te } from "./ListItemIcon-CUcyTEEm.js";
+import { I as Le } from "./IconButton-DHm-hucF.js";
+const Tt = ({
+  setScreen: N,
+  orderData: y,
+  dispatch: E,
+  fiatAssets: x,
+  cryptoAssets: M,
+  getCryptoAssets: R,
+  showAlertMessage: c,
+  partnerKey: u,
+  walletAddress: b,
+  setWalletAddress: n,
+  outputToken: o,
+  setOutputToken: I,
+  paymentId: g,
+  setPaymentId: O,
+  currencyId: f,
+  setCurrencyId: V,
+  paymentOptions: j,
+  setPaymentOptions: v
+}) => {
+  var Pe, Se;
+  const H = W(pt), T = W(ut), { data: k, loader: X } = H, { data: re, loader: de } = T, L = x.fiats, ne = x.loader, z = M.featureTokens.buy.list, $ = M.featureTokens.buy.default, oe = M.loader, Y = y.loader, _ = y.estimate[B], J = _.crypto_out_amount, p = _.conversion_price, D = _.total_fee;
+  let ie = 0, ae = 0;
+  const ge = _.fee_breakdown;
+  for (let t = 0; t < ge.length; t++) {
+    const r = ge[t];
+    r.name === "ev_fee" ? ie = Number(r.value) : r.name === "network_fee" && (ae = Number(r.value));
+  }
+  const De = Ze(() => [
+    ...k,
+    ...re.filter(
+      (t) => !k.some(
+        (r) => r.address.toLowerCase() === t.address.toLowerCase()
+      )
+    )
+  ], [k, re]), [pe, Q] = d(!1), [q, qe] = d([]), [Ce, Ue] = d(!1), [Ne, Ke] = d(50), [be, Ge] = d(3e3), [Z, Ve] = d(50), [ve, je] = d(3e3), [Ee, ee] = d(""), [U, Re] = d(
+    _.fiat_amount || Z.toString()
+  ), [He, Ae] = d(!1), K = L.find((t) => t.id === f), A = Ye(K == null ? void 0 : K.symbol);
+  h(() => {
+    const t = [];
+    for (let r = 0; r < L.length; r++) {
+      const l = {}, C = L[r];
+      l.id = C.id, l.name = C.name, l.icon_uri = C.icon_uri, l.symbol = C.symbol, l.payment_options = [];
+      const F = C.payment_options;
+      for (let G = 0; G < F.length; G++) {
+        const Me = {}, se = F[G];
+        se.payment_provider !== it && se.active && se.payin_allowed && (Object.assign(Me, se), l.payment_options.push(Me));
+      }
+      l.payment_options.length > 0 && t.push(l);
+    }
+    qe(t);
+  }, [L]), h(() => {
+    if (!f || q.length === 0)
+      return;
+    const t = [];
+    for (let r = 0; r < q.length; r++) {
+      if (q[r].id === f) {
+        const l = q[r].payment_options;
+        let C = !1;
+        for (let F = 0; F < l.length; F++) {
+          const G = l[F];
+          G.active && (t.push(G), l[F].id === g && (C = !0));
+        }
+        C || O(t[0].id);
+      }
+      v(t);
+    }
+  }, [f, q]), h(() => {
+    !o.symbol && $ && $.id && I($);
+  }, [$]), h(() => {
+    f && R && R(f);
+  }, [f, b]), h(() => {
+    if (o && o.id && U && g && f) {
+      E(ht(B)), Q(!1), ee("");
+      const t = setTimeout(() => {
+        Xe();
+      }, 1e3);
+      return () => clearTimeout(t);
+    }
+  }, [o, U, g, z, f]);
+  const Xe = () => {
+    var C;
+    const t = parseFloat(U);
+    if (o.symbol === Oe) {
+      if (Ne > t)
+        return ee(
+          `Minimum value should be greater than ${A + Ne}`
+        ), Q(!0), !1;
+      if (be * 1 < t)
+        return ee(
+          `Maximum value should be less than ${A + be}`
+        ), Q(!0), !1;
+    } else {
+      if (Z * 1 > t)
+        return ee(
+          `Minimum value should be greater than ${A + Z}`
+        ), Q(!0), !1;
+      if (ve * 1 < t)
+        return ee(
+          `Maximum value should be less than ${A + ve}`
+        ), Q(!0), !1;
+    }
+    const r = j.find((F) => F.id === g), l = r.payment_type;
+    E(
+      $e(
+        {
+          apiKey: u,
+          transaction_type: o.symbol === Oe ? fe : he,
+          coin_amount: U,
+          exchange: o.exchange,
+          payment_type: l,
+          fiat_ccy: K == null ? void 0 : K.symbol,
+          crypto_ccy: o.symbol,
+          network: (C = o.network) == null ? void 0 : C.name,
+          payment_provider: r.payment_provider
+        },
+        B
+      )
+    );
+  };
+  h(() => {
+    const t = y.types.length;
+    if (t > 0)
+      for (let r = 0; r < t; r++) {
+        const l = y.types[r];
+        if (l.type === fe) {
+          Ke(parseFloat(l.min_deposit_amount)), Ge(parseFloat(l.max_deposit_amount));
+          break;
+        }
+        if (l.type === he) {
+          Ve(parseFloat(l.min_deposit_amount)), je(parseFloat(l.max_deposit_amount));
+          break;
+        }
+      }
+  }, [y.types]);
+  const Je = (t) => {
+    const r = t.target.value;
+    r ? /^([0-9.]+)$/.test(r) && Re(r) : Re("");
+  }, Fe = (t) => {
+    const r = z.find((l) => l.symbol === t);
+    I(r);
+  }, Qe = () => {
+    if (!o.id)
+      return c({ message: "Please select token" }), !1;
+    if (!g)
+      return c({ message: "Please select payment method" }), !1;
+    if (!U)
+      return c({ message: "Please enter amount" }), !1;
+    if (!b)
+      return c({ message: "Please select wallet address" }), !1;
+    if (!J)
+      return c({
+        message: "Please wait for the estimate to be calculated and then press next"
+      }), !1;
+    N(me);
+  };
+  return /* @__PURE__ */ a(w, { children: [
+    /* @__PURE__ */ e(i, { container: !0, children: /* @__PURE__ */ e(i, { size: { xs: 6 }, children: /* @__PURE__ */ e(s, { className: m.label, variant: "caption", component: "p", children: "You Pay" }) }) }),
+    /* @__PURE__ */ a(i, { mt: 0.5, spacing: 0, container: !0, className: m["field-set"], children: [
+      /* @__PURE__ */ e(i, { size: { xs: 7 }, children: /* @__PURE__ */ a(
+        te,
+        {
+          variant: "filled",
+          className: `${m.amount} ${m["fiat-field"]}`,
+          fullWidth: !0,
+          children: [
+            /* @__PURE__ */ e(
+              le,
+              {
+                value: U,
+                onChange: Je,
+                type: "text",
+                placeholder: `${Z > 0 ? "$" + Z + " minimum value" : ""}`,
+                error: pe,
+                disableUnderline: !0,
+                required: !0,
+                fullWidth: !0
+              }
+            ),
+            /* @__PURE__ */ e(We, { className: m["amount-symbol"], children: " " })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ e(i, { size: { xs: 5 }, className: "content-center", children: ne ? /* @__PURE__ */ e(
+        P,
+        {
+          sx: { ml: 1 },
+          size: 30
+        }
+      ) : /* @__PURE__ */ e(
+        te,
+        {
+          variant: "filled",
+          className: `text-left ${m["fiat-picker"]}`,
+          fullWidth: !0,
+          children: /* @__PURE__ */ e(
+            ue,
+            {
+              IconComponent: we,
+              input: /* @__PURE__ */ e(le, { disableUnderline: !0 }),
+              sx: {
+                borderTopLeftRadius: 0,
+                "&::before": {
+                  borderBottom: "none"
+                },
+                ".MuiSelect-select": {
+                  fontSize: "21px",
+                  fontWeight: "bold",
+                  color: "#16359d",
+                  padding: "28px 12px 23px !important"
+                },
+                ".dropdown-list-item, span": {
+                  position: "relative",
+                  bottom: "5px"
+                },
+                ".MuiSvgIcon-root": {
+                  fill: "#16359D !important"
+                }
+              },
+              value: f,
+              variant: "filled",
+              displayEmpty: !0,
+              onChange: (t) => V(t.target.value),
+              error: pe,
+              children: q.map((t) => /* @__PURE__ */ a(ce, { value: t.id, children: [
+                /* @__PURE__ */ e(Te, { className: m["dropdown-list-item"], children: /* @__PURE__ */ e(
+                  "img",
+                  {
+                    src: t.icon_uri,
+                    onError: ({ currentTarget: r }) => {
+                      r.onerror = null, r.src = Ie;
+                    },
+                    alt: "tokenImg",
+                    width: "40",
+                    height: "40"
+                  }
+                ) }),
+                /* @__PURE__ */ e("span", { children: t.symbol })
+              ] }, t.id))
+            }
+          )
+        }
+      ) }),
+      Ee && /* @__PURE__ */ e(s, { variant: "caption", sx: { color: "red" }, children: /* @__PURE__ */ e("strong", { children: Ee }) })
+    ] }),
+    /* @__PURE__ */ a(S, { className: "text-left", mt: 3, children: [
+      /* @__PURE__ */ e(s, { variant: "sm", fontWeight: 600, children: "Select Payment Method" }),
+      ne ? /* @__PURE__ */ e(P, { sx: { ml: 1, mt: 3 }, size: 50 }) : /* @__PURE__ */ e(i, { mt: 0.5, container: !0, children: j.map((t) => /* @__PURE__ */ e(i, { size: { xs: 2.5 }, children: /* @__PURE__ */ e(
+        Bt,
+        {
+          label: t.payment_type,
+          value: t.id,
+          paymentId: g,
+          setPaymentId: O
+        }
+      ) }, t.id)) })
+    ] }),
+    /* @__PURE__ */ e(i, { mt: 4, container: !0, children: /* @__PURE__ */ e(i, { size: { xs: 4 }, children: /* @__PURE__ */ e(s, { className: m.label, variant: "caption", component: "p", children: "You Receive" }) }) }),
+    /* @__PURE__ */ a(i, { mt: 0.5, container: !0, className: m["field-set"], children: [
+      /* @__PURE__ */ e(i, { size: { xs: 7 }, children: /* @__PURE__ */ a(
+        te,
+        {
+          className: `${m.amount} ${m["crypto-field"]}`,
+          fullWidth: !0,
+          children: [
+            /* @__PURE__ */ e(
+              le,
+              {
+                disableUnderline: !0,
+                value: J && parseFloat((+J * 1).toFixed(5)),
+                type: "text",
+                readOnly: !0,
+                fullWidth: !0
+              }
+            ),
+            /* @__PURE__ */ e(We, { className: m["crypto-helper-text"], children: +((Pe = _ == null ? void 0 : _.output_token) == null ? void 0 : Pe.fiat_amount) * 1 > 0 ? A + (+((Se = _ == null ? void 0 : _.output_token) == null ? void 0 : Se.fiat_amount) * 1).toFixed(2) : /* @__PURE__ */ e(w, { children: " " }) })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ e(i, { size: { xs: 5 }, className: "content-center", children: oe ? /* @__PURE__ */ e(P, { sx: { ml: 1 }, size: 30 }) : /* @__PURE__ */ a(
+        te,
+        {
+          variant: "filled",
+          className: `text-left ${m["crypto-picker"]}`,
+          fullWidth: !0,
+          children: [
+            (o == null ? void 0 : o.network) && /* @__PURE__ */ e(
+              Be,
+              {
+                className: `${m["network-label"]} ${m[gt(o == null ? void 0 : o.network.name)]}`,
+                children: o == null ? void 0 : o.network.name
+              }
+            ),
+            /* @__PURE__ */ a(
+              ue,
+              {
+                IconComponent: we,
+                input: /* @__PURE__ */ e(le, { disableUnderline: !0 }),
+                sx: {
+                  borderTopLeftRadius: 0,
+                  "&::before": {
+                    borderBottom: "none"
+                  },
+                  ".MuiSelect-select": {
+                    fontSize: "21px",
+                    fontWeight: "bold",
+                    color: "#16359d",
+                    padding: "28px 12px 23px !important"
+                  },
+                  ".dropdown-list-item, span": {
+                    position: "relative",
+                    bottom: "5px"
+                  },
+                  ".MuiSvgIcon-root": {
+                    fill: "#16359D !important"
+                  }
+                },
+                className: "buy-select-dd",
+                variant: "filled",
+                value: o.symbol,
+                displayEmpty: !0,
+                onChange: (t) => Fe(t.target.value),
+                onOpen: (t) => {
+                  Ae(!0), t.preventDefault();
+                },
+                defaultOpen: !1,
+                open: !1,
+                children: [
+                  /* @__PURE__ */ e(ce, { value: "", children: "Please select" }),
+                  z.map((t) => /* @__PURE__ */ a(ce, { value: t.symbol, children: [
+                    /* @__PURE__ */ e(Te, { className: m["dropdown-list-item"], children: /* @__PURE__ */ e(
+                      "img",
+                      {
+                        src: t.icon_uri,
+                        onError: ({ currentTarget: r }) => {
+                          r.onerror = null, r.src = Ie;
+                        },
+                        alt: "tokenImg",
+                        width: "40",
+                        height: "40"
+                      }
+                    ) }),
+                    /* @__PURE__ */ e("span", { children: t.symbol })
+                  ] }, t.id))
+                ]
+              }
+            )
+          ]
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ e(S, { mt: 3, sx: { color: "#1A202C" }, children: /* @__PURE__ */ a(i, { container: !0, children: [
+      /* @__PURE__ */ e(i, { className: "text-left", size: { xs: 12 }, children: /* @__PURE__ */ a(
+        Le,
+        {
+          sx: { padding: "0" },
+          onClick: () => Ue((t) => !t),
+          disableFocusRipple: !0,
+          disableRipple: !0,
+          children: [
+            /* @__PURE__ */ e(s, { variant: "caption", fontWeight: 700, children: "Fee Calculation" }),
+            /* @__PURE__ */ e(
+              rt,
+              {
+                sx: {
+                  transform: `rotate(${Ce ? "90" : "0"}deg)`,
+                  fontSize: "15px"
+                }
+              }
+            )
+          ]
+        }
+      ) }),
+      Ce && /* @__PURE__ */ a(w, { children: [
+        /* @__PURE__ */ e(i, { className: "text-left", size: { xs: 6 }, children: /* @__PURE__ */ e(s, { variant: "caption", children: "Everest Fee" }) }),
+        /* @__PURE__ */ e(i, { className: "text-right", size: { xs: 6 }, children: /* @__PURE__ */ a(s, { variant: "caption", children: [
+          A,
+          Y ? /* @__PURE__ */ e(
+            P,
+            {
+              sx: { ml: 1 },
+              size: 15,
+              color: "primary"
+            }
+          ) : ie.toFixed(2)
+        ] }) }),
+        /* @__PURE__ */ e(i, { className: "text-left", size: { xs: 6 }, children: /* @__PURE__ */ e(s, { variant: "caption", children: "Network Fee" }) }),
+        /* @__PURE__ */ e(i, { className: "text-right", size: { xs: 6 }, children: /* @__PURE__ */ a(s, { variant: "caption", children: [
+          A,
+          Y ? /* @__PURE__ */ e(
+            P,
+            {
+              sx: { ml: 1 },
+              size: 15,
+              color: "primary"
+            }
+          ) : ae.toFixed(2)
+        ] }) })
+      ] }),
+      /* @__PURE__ */ e(i, { className: "text-left", size: { xs: 6 }, children: /* @__PURE__ */ e(s, { variant: "caption", children: "Total Fees" }) }),
+      /* @__PURE__ */ e(i, { className: "text-right", size: { xs: 6 }, children: /* @__PURE__ */ a(s, { variant: "caption", children: [
+        A,
+        Y ? /* @__PURE__ */ e(P, { sx: { ml: 1 }, size: 15, color: "primary" }) : Number(D).toFixed(2)
+      ] }) }),
+      o && /* @__PURE__ */ a(w, { children: [
+        /* @__PURE__ */ e(i, { className: "text-left", size: { xs: 6 }, children: /* @__PURE__ */ a(s, { variant: "caption", children: [
+          "1 ",
+          o.symbol,
+          " ",
+          /* @__PURE__ */ e(
+            xt,
+            {
+              title: at,
+              placement: "right",
+              children: /* @__PURE__ */ e(Le, { className: "info-fee-icon", children: /* @__PURE__ */ e(
+                ot,
+                {
+                  sx: {
+                    fontSize: "14px"
+                  }
+                }
+              ) })
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ e(i, { className: "text-right", size: { xs: 6 }, children: /* @__PURE__ */ a(s, { variant: "caption", children: [
+          A,
+          Y ? /* @__PURE__ */ e(
+            P,
+            {
+              sx: { ml: 1 },
+              size: 15,
+              color: "primary"
+            }
+          ) : Number(p).toFixed(2)
+        ] }) })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ e(S, { sx: { alignItems: "left", width: "100%" }, children: X || de ? /* @__PURE__ */ e(S, { mt: 2, sx: { textAlign: "center" }, children: /* @__PURE__ */ e(P, {}) }) : /* @__PURE__ */ e(w, { children: /* @__PURE__ */ a(te, { variant: "filled", fullWidth: !0, children: [
+      !b && /* @__PURE__ */ e(Be, { children: "Select wallet address" }),
+      /* @__PURE__ */ e(
+        ue,
+        {
+          value: b,
+          onChange: (t) => n && n(t.target.value),
+          children: De.map((t, r) => /* @__PURE__ */ e(ce, { value: t.address, children: t.name + "(" + t.address + ")" }, r))
+        }
+      )
+    ] }) }) }),
+    /* @__PURE__ */ e(S, { mt: 4, children: /* @__PURE__ */ e(
+      xe,
+      {
+        onClick: Qe,
+        disabled: pe || !J,
+        fullWidth: !0,
+        children: /* @__PURE__ */ e("strong", { children: "Next" })
+      }
+    ) }),
+    /* @__PURE__ */ e(
+      Wt,
+      {
+        open: He,
+        setModal: Ae,
+        loader: oe,
+        tokenList: z,
+        tokenSelect: Fe
+      }
+    )
+  ] });
+}, Lt = ({
+  setScreen: N,
+  partnerKey: y,
+  orderData: E,
+  dispatch: x,
+  walletAddress: M,
+  plaidCountry: R,
+  navigate: c
+}) => {
+  const { openDialog: u } = At(), { plaidToken: b } = W(ft), n = E.estimate[B], o = E.create.order_id, I = E.loader, g = n.fiat_amount, O = Ye(n.fiat_currency), [f, V] = d(!1), v = {
+    onSuccess: et(() => {
+      u({
+        title: "Buy Success",
+        icon: st,
+        message: "Your transaction was successful. It can take a few minutes to receive your token.",
+        cancelButtonText: "Buy again",
+        onCancel: () => {
+          x(ye()), N(_e);
+        },
+        confirmButtonText: "Track Order",
+        onConfirm: () => {
+          c && c("/history"), x(ye());
+        },
+        height: "490px"
+      });
+    }, [o]),
+    onExit: () => {
+      k(), x(bt());
+    },
+    token: b
+  }, { open: H, ready: T } = vt(v);
+  h(() => {
+    T && b && H();
+  }, [T, b]), h(() => {
+    o && f && (n.payment_provider === lt ? x(
+      Nt({
+        country_code: R,
+        payment_id: E.create.provider_token
+      })
+    ) : n.payment_provider === ct ? N(Yt) : N($t));
+  }, [o]), h(() => {
+    k();
+  }, []);
+  const k = () => {
+    x(
+      $e(
+        {
+          apiKey: y,
+          transaction_type: n.transaction_type,
+          coin_amount: n.fiat_amount,
+          exchange: n.exchange,
+          payment_type: n.payment_type,
+          fiat_ccy: n.fiat_currency,
+          crypto_ccy: n.crypto_currency,
+          network: n.network,
+          payment_provider: n.payment_provider
+        },
+        B
+      )
+    );
+  }, X = () => {
+    x(
+      yt({
+        apiKey: y,
+        quoteId: n.quote_id,
+        walletAddress: M
+      })
+    ), V(!0);
+  };
+  return /* @__PURE__ */ a(w, { children: [
+    /* @__PURE__ */ e(
+      Ct,
+      {
+        onClickHandler: () => N(_e),
+        backBtnText: "Confirm Your Order"
+      }
+    ),
+    /* @__PURE__ */ e(s, { mt: 2, variant: "sm", fontWeight: 600, children: "Using payment method" }),
+    n.payment_type && /* @__PURE__ */ a(S, { mt: 2, className: m["confirm-payment"], children: [
+      /* @__PURE__ */ e(
+        "img",
+        {
+          src: n.payment_type === ke ? mt : dt,
+          width: 100,
+          alt: "payment"
+        }
+      ),
+      /* @__PURE__ */ e(s, { variant: "caption", component: "span", children: /* @__PURE__ */ e("strong", { children: n.payment_type === ke ? "Bank Account" : "Debit Card" }) })
+    ] }),
+    /* @__PURE__ */ e(s, { mt: 4, variant: "sm", fontWeight: 600, children: "To Wallet Address" }),
+    /* @__PURE__ */ e(
+      S,
+      {
+        mt: 2,
+        className: m["confirm-payment"],
+        sx: { width: "100% !important" },
+        children: /* @__PURE__ */ e(s, { variant: "caption", component: "p", children: /* @__PURE__ */ e("strong", { children: M }) })
+      }
+    ),
+    /* @__PURE__ */ e(s, { mt: 3, variant: "sm", fontWeight: 600, component: "p", children: "Order Estimate Details" }),
+    /* @__PURE__ */ e(S, { sx: { color: "#A6A6A6" }, children: /* @__PURE__ */ a(i, { container: !0, children: [
+      /* @__PURE__ */ e(i, { className: "text-left", size: { xs: 6 }, children: /* @__PURE__ */ a(s, { variant: "caption", children: [
+        n.crypto_currency.toUpperCase(),
+        " @",
+        " ",
+        Number(n.conversion_price).toFixed(2),
+        " ",
+        n.fiat_currency
+      ] }) }),
+      /* @__PURE__ */ e(i, { className: "flex-right", size: { xs: 6 }, children: /* @__PURE__ */ e(
+        "span",
+        {
+          className: m["confirm-transaction-network"],
+          style: {
+            backgroundColor: n.network === "Ethereum" ? "#A1A9DC" : "#5D8CCC"
+          },
+          children: n.network
+        }
+      ) }),
+      /* @__PURE__ */ e(i, { className: "text-left", size: { xs: 6 }, children: /* @__PURE__ */ a(s, { variant: "caption", children: [
+        Number(n.crypto_out_amount).toFixed(5),
+        " ",
+        n.crypto_currency.toUpperCase()
+      ] }) }),
+      /* @__PURE__ */ e(i, { className: "text-right", size: { xs: 6 }, children: /* @__PURE__ */ a(s, { variant: "caption", children: [
+        (Number(g) - Number(n.total_fee)).toFixed(2),
+        " ",
+        n.fiat_currency
+      ] }) }),
+      /* @__PURE__ */ e(i, { className: "text-left", size: { xs: 6 }, children: /* @__PURE__ */ e(s, { variant: "caption", children: "Total Fees" }) }),
+      /* @__PURE__ */ e(i, { className: "text-right", size: { xs: 6 }, children: /* @__PURE__ */ a(s, { variant: "caption", children: [
+        Number(n.total_fee).toFixed(2),
+        " ",
+        n.fiat_currency
+      ] }) }),
+      /* @__PURE__ */ e(i, { className: "text-left", size: { xs: 6 }, children: /* @__PURE__ */ e(s, { variant: "caption", children: /* @__PURE__ */ e("strong", { children: "Order Total" }) }) }),
+      /* @__PURE__ */ e(i, { className: "text-right", size: { xs: 6 }, children: /* @__PURE__ */ e(s, { variant: "caption", children: /* @__PURE__ */ a("strong", { children: [
+        O,
+        Number(g).toFixed(2),
+        " ",
+        n.fiat_currency
+      ] }) }) })
+    ] }) }),
+    /* @__PURE__ */ e(S, { mt: 4, children: /* @__PURE__ */ e(
+      xe,
+      {
+        onClick: X,
+        disabled: I,
+        fullWidth: !0,
+        children: /* @__PURE__ */ e("strong", { children: I ? /* @__PURE__ */ a(w, { children: [
+          /* @__PURE__ */ e(P, { size: 15, color: "inherit" }),
+          " Processing..."
+        ] }) : "Payment Details" })
+      }
+    ) })
+  ] });
+}, _e = "FORM_SCREEN", me = "CONFIRM_SCREEN", $t = "PAYMENT_SCREEN", Yt = "CARD_CORP_SCREEN", Dt = "MINIMAL_KYC_SCREEN", qt = ({
+  partnerKey: N,
+  baseUrl: y,
+  checkoutSdkKey: E,
+  cardCorpSrcUrl: x,
+  navigate: M
+}) => {
+  const { showAlertMessage: R } = Rt(), c = Et(), u = W((p) => p.order), b = u.create.provider_token, n = u.create.checkout_integrity, o = u.error, I = W(
+    (p) => p.user.profile
+  ), g = I.everWalletAddress, O = I.residentialAddress.country || "USA", f = W((p) => p.fiatAssets), V = W(
+    (p) => p.cryptoAssets
+  ), [j, v] = d(_e), [H, T] = d({
+    symbol: ""
+  }), [k, X] = d(0), [re, de] = d(1), [L, ne] = d([]), [z, $] = d(g), [oe, Y] = d("");
+  return h(() => {
+    if (O) {
+      const p = wt.find((D) => D.alpha3 === O);
+      p && Y(p.alpha2);
+    }
+  }, [O]), h(() => {
+    o && R({ message: o });
+  }, [o]), h(() => {
+    u.initMinimalKyc && (R({ message: o, type: "info" }), v(Dt));
+  }, [u.initMinimalKyc]), h(() => (c(nt()), c(ze(he)), c(ze(fe)), c(Pt()), c(St()), () => {
+    c(ye());
+  }), []), /* @__PURE__ */ e(Mt, { addPadding: !0, children: {
+    FORM_SCREEN: /* @__PURE__ */ e(
+      Tt,
+      {
+        showAlertMessage: R,
+        setScreen: v,
+        fiatAssets: f,
+        cryptoAssets: V,
+        orderData: u,
+        dispatch: c,
+        getCryptoAssets: (p) => {
+          c(
+            Ft({
+              type: B,
+              id: p,
+              partnerKey: N,
+              walletAddress: z
+            })
+          );
+        },
+        partnerKey: N,
+        walletAddress: z,
+        setWalletAddress: $,
+        outputToken: H,
+        setOutputToken: T,
+        paymentId: k,
+        setPaymentId: X,
+        currencyId: re,
+        setCurrencyId: de,
+        paymentOptions: L,
+        setPaymentOptions: ne
+      }
+    ),
+    CONFIRM_SCREEN: /* @__PURE__ */ e(
+      Lt,
+      {
+        partnerKey: N,
+        setScreen: v,
+        showAlertMessage: R,
+        orderData: u,
+        dispatch: c,
+        walletAddress: z,
+        plaidCountry: oe,
+        navigate: M
+      }
+    ),
+    PAYMENT_SCREEN: /* @__PURE__ */ e(
+      It,
+      {
+        checkoutKey: E,
+        orderData: u,
+        initPaymentRequest: (p) => {
+          const D = u.estimate[B], ie = u.create.order_id, ae = {
+            token: p,
+            amount: Number(D.fiat_amount),
+            currency: D.fiat_currency,
+            reference: ie,
+            success_url: `${y}/dashboard?payment=success`,
+            fail_url: `${y}/dashboard?payment=failed`
+          };
+          c(_t(ae));
+        },
+        backBtnFunc: () => v(me)
+      }
+    ),
+    CARD_CORP_SCREEN: /* @__PURE__ */ e(
+      zt,
+      {
+        checkoutId: b,
+        integrity: n,
+        onResultUrl: `${y}/dashboard`,
+        backBtnFunc: () => v(me),
+        srcUrl: x
+      }
+    ),
+    MINIMAL_KYC_SCREEN: /* @__PURE__ */ e(
+      Ot,
+      {
+        inputComponent: kt,
+        buttonComponent: xe,
+        onComplete: () => {
+          v(me);
+        }
+      }
+    )
+  }[j] });
+}, Dr = tt(qt);
+export {
+  Tt as B,
+  me as C,
+  _e as F,
+  Dt as M,
+  $t as P,
+  Lt as a,
+  Yt as b,
+  Dr as i
+};