everest-npm-features 0.0.44 → 0.0.46

package/dist/index-e2FmUhS_.js

@@ -1,760 +0,0 @@
-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
-};