everest-npm-features 0.0.41 → 0.0.43

package/dist/index-e2FmUhS_.js

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