everest-npm-features 0.0.17 → 0.0.18

package/dist/index-Bqxs_jIU.js

@@ -1,709 +0,0 @@
-import { jsxs as a, Fragment as B, jsx as e } from "react/jsx-runtime";
-import { useState as m, useEffect as y } from "react";
-import Ye from "./hoc/withThemeProvider.js";
-import { P as Le, F as Ke } from "./PlayArrow-Dent7shn.js";
-import { I as Ve } from "./Info-DPMWjNcQ.js";
-import { G as ye } from "./generic-token-B_ptO5yb.js";
-import { PAYMENT_PROVIDER_PAYSAFE as Ue, ID_TOKEN_SYMBOL as be, FIAT_TO_EVER_ID as Z, FIAT_TO_TOKEN as ee, ESTIMATE_TOOLTIP_TEXT as je, VISA_PAYMENT as De, VISA_PAYMENT_ACTIVE as Ge, SEPA_PAYMENT as He, SEPA_PAYMENT_ACTIVE as Xe, PAYMENT_BANK as xe, SEPA_ICON as Je, VISA_ICON as Qe } from "./util/constants.js";
-import "./constants-A8X7fywY.js";
-import { b as Ze, c as ke, d as et, e as ge, f as tt } from "./order-DTnCUIx0.js";
-import nt from "./components/Shared/tooltip.js";
-import { getCurrencySymbol as Ae, getNetworkBackGround as rt, getOrionBalance as ot } from "./util/functions.js";
-import ne from "./components/Wallet/Shared/appButton.js";
-import it from "./components/Wallet/Shared/backBtn.js";
-import { T as s } from "./Typography-DiFeMX5p.js";
-import { B as M } from "./Box-rIIGCyb6.js";
-import { G as o } from "./Grid2-DJW3x_WO.js";
-import { C as I } from "./CircularProgress-CBhr9Pli.js";
-import { u as at, a as V } from "./react-redux-B4BZippc.js";
-import { f as st } from "./fiatAssets-Di1Dvl51.js";
-import { useSnackBarContext as ct } from "./context/snackBarContext.js";
-import { AuthContainer as lt } from "./components/Wallet/Shared/Container/index.js";
-import mt from "./components/Wallet/Shared/CardPayment/index.js";
-import dt from "./components/Shared/MinimalKyc/index.js";
-import pt from "./components/Wallet/Shared/Input/index.js";
-import ut from "./components/Wallet/Shared/TokenModal/index.js";
-import { F as G } from "./FormControl-uQi14shL.js";
-import { F as H } from "./FilledInput-Bvhqpjsa.js";
-import { F as Ne, I as ft } from "./TextField-BtFFWrf2.js";
-import { S as ve } from "./Select-BsqVGicz.js";
-import { M as Q } from "./MenuItem-BKHoKEhO.js";
-import { L as Ce } from "./ListItemIcon-BO6nZHNq.js";
-import { I as Ee } from "./IconButton-DRnoPKKH.js";
-import './assets/index8.css';const ht = "_label_qmb7n_77", _t = "_amount_qmb7n_147", d = {
-  "confirm-payment": "_confirm-payment_qmb7n_1",
-  "confirm-transaction-network": "_confirm-transaction-network_qmb7n_33",
-  "buy-info": "_buy-info_qmb7n_57",
-  label: ht,
-  "balance-label": "_balance-label_qmb7n_89",
-  "max-btn": "_max-btn_qmb7n_101",
-  amount: _t,
-  "MuiFilledInput-root": "_MuiFilledInput-root_qmb7n_159",
-  "fiat-field": "_fiat-field_qmb7n_175",
-  "amount-symbol": "_amount-symbol_qmb7n_183",
-  "crypto-picker": "_crypto-picker_qmb7n_201",
-  "fiat-picker": "_fiat-picker_qmb7n_209",
-  "network-label": "_network-label_qmb7n_217",
-  "eth-network": "_eth-network_qmb7n_243",
-  "everchain-network": "_everchain-network_qmb7n_251",
-  "buy-select-dd": "_buy-select-dd_qmb7n_261",
-  "MuiSelect-select": "_MuiSelect-select_qmb7n_277",
-  "dropdown-list-item": "_dropdown-list-item_qmb7n_291",
-  "fee-area": "_fee-area_qmb7n_315",
-  "info-fee-icon": "_info-fee-icon_qmb7n_325",
-  "wallet-caption-text": "_wallet-caption-text_qmb7n_335"
-}, yt = ({
-  setScreen: k,
-  orderData: b,
-  dispatch: A,
-  fiatAssets: f,
-  cryptoAssets: p,
-  getCryptoAssets: r,
-  showAlertMessage: h,
-  partnerKey: S
-}) => {
-  var fe, he;
-  const N = f.fiats, w = f.loader, v = p.featureTokens.list, _ = p.featureTokens.default, P = p.loader, F = b.loader, l = b.estimate, W = l.crypto_out_amount, re = l.conversion_price, u = l.total_fee;
-  let $ = 0, U = 0;
-  const j = l.fee_breakdown;
-  for (let t = 0; t < j.length; t++) {
-    const n = j[t];
-    n.name === "ev_fee" ? $ = Number(n.value) : n.name === "network_fee" && (U = Number(n.value));
-  }
-  const [c, X] = m({
-    symbol: ""
-  }), [J, Y] = m(!1), [T, oe] = m(0), [g, Ie] = m(1), [ie, Me] = m([]), [R, Te] = m([]), [ae, Se] = m(!1), [se, we] = m(50), [ce, Pe] = m(3e3), [L, Re] = m(50), [le, ze] = m(3e3), [me, K] = m(""), [z, de] = m(
-    l.fiat_amount || L.toString()
-  ), [Oe, pe] = m(!1), O = N.find((t) => t.id === g), C = Ae(O == null ? void 0 : O.symbol);
-  y(() => {
-    const t = [];
-    for (let n = 0; n < N.length; n++) {
-      const i = {}, x = N[n];
-      i.id = x.id, i.name = x.name, i.icon_uri = x.icon_uri, i.symbol = x.symbol, i.payment_options = [];
-      const E = x.payment_options;
-      for (let q = 0; q < E.length; q++) {
-        const _e = {}, D = E[q];
-        D.payment_provider !== Ue && D.active && D.payin_allowed && (Object.assign(_e, D), i.payment_options.push(_e));
-      }
-      i.payment_options.length > 0 && t.push(i);
-    }
-    Te(t);
-  }, [N]), y(() => {
-    if (!g || R.length === 0)
-      return;
-    const t = [];
-    for (let n = 0; n < R.length; n++) {
-      if (R[n].id === g) {
-        const i = R[n].payment_options;
-        let x = !1;
-        for (let E = 0; E < i.length; E++) {
-          const q = i[E];
-          q.active && (t.push(q), i[E].id === T && (x = !0));
-        }
-        x || oe(t[0].id);
-      }
-      Me(t);
-    }
-  }, [g, R]), y(() => {
-    if (l.crypto_currency) {
-      const t = v.find(
-        (n) => n.symbol === l.crypto_currency
-      );
-      X(t);
-    } else
-      _ && _.id && X(_);
-  }, [_, l.crypto_currency]), y(() => {
-    g && r(g);
-  }, [g]), y(() => {
-    if (c && c.id && z && T && g) {
-      A(Ze()), Y(!1), K("");
-      const t = setTimeout(() => {
-        qe();
-      }, 1e3);
-      return () => clearTimeout(t);
-    }
-  }, [c, z, T, v, g]);
-  const qe = () => {
-    var x;
-    const t = parseFloat(z);
-    if (c.symbol === be) {
-      if (se > t)
-        return K(
-          `Minimum value should be greater than ${C + se}`
-        ), Y(!0), !1;
-      if (ce * 1 < t)
-        return K(
-          `Maximum value should be less than ${C + ce}`
-        ), Y(!0), !1;
-    } else {
-      if (L * 1 > t)
-        return K(
-          `Minimum value should be greater than ${C + L}`
-        ), Y(!0), !1;
-      if (le * 1 < t)
-        return K(
-          `Maximum value should be less than ${C + le}`
-        ), Y(!0), !1;
-    }
-    const n = ie.find((E) => E.id === T), i = n.payment_type;
-    A(
-      ke({
-        apiKey: S,
-        transaction_type: c.symbol === be ? Z : ee,
-        coin_amount: z,
-        exchange: c.exchange,
-        payment_type: i,
-        fiat_ccy: O == null ? void 0 : O.symbol,
-        crypto_ccy: c.symbol,
-        network: (x = c.network) == null ? void 0 : x.name,
-        payment_provider: n.payment_provider
-      })
-    );
-  }, Be = ({ value: t, label: n }) => {
-    let i;
-    if (n === "credit_debit_card" ? (i = De, T === t && (i = Ge)) : (i = He, T === t && (i = Xe)), n)
-      return /* @__PURE__ */ e(
-        M,
-        {
-          mt: 0.5,
-          sx: { cursor: "pointer" },
-          onClick: () => oe(t * 1),
-          children: /* @__PURE__ */ e("img", { src: i, alt: "payment", width: "90%" })
-        }
-      );
-  };
-  y(() => {
-    const t = b.types.length;
-    if (t > 0)
-      for (let n = 0; n < t; n++) {
-        const i = b.types[n];
-        if (i.type === Z) {
-          we(parseFloat(i.min_deposit_amount)), Pe(parseFloat(i.max_deposit_amount));
-          break;
-        }
-        if (i.type === ee) {
-          Re(parseFloat(i.min_deposit_amount)), ze(parseFloat(i.max_deposit_amount));
-          break;
-        }
-      }
-  }, [b.types]);
-  const We = (t) => {
-    const n = t.target.value;
-    n ? /^([0-9]+)$/.test(n) && de(n) : de("");
-  }, ue = (t) => {
-    const n = v.find((i) => i.symbol === t);
-    X(n);
-  }, $e = () => {
-    if (!c.id)
-      return h({ message: "Please select token" }), !1;
-    if (!T)
-      return h({ message: "Please select payment method" }), !1;
-    if (!z)
-      return h({ message: "Please enter amount" }), !1;
-    if (!W)
-      return h({
-        message: "Please wait for the estimate to be calculated and then press next"
-      }), !1;
-    k(te);
-  };
-  return /* @__PURE__ */ a(B, { children: [
-    /* @__PURE__ */ e(o, { container: !0, children: /* @__PURE__ */ e(o, { size: { xs: 6 }, children: /* @__PURE__ */ e(s, { className: d.label, variant: "caption", component: "p", children: "You Pay" }) }) }),
-    /* @__PURE__ */ a(o, { mt: 0.5, spacing: 0, container: !0, children: [
-      /* @__PURE__ */ e(o, { size: { xs: 6 }, children: /* @__PURE__ */ a(
-        G,
-        {
-          variant: "filled",
-          className: `${d.amount} ${d["fiat-field"]}`,
-          fullWidth: !0,
-          children: [
-            /* @__PURE__ */ e(
-              H,
-              {
-                value: z,
-                onChange: We,
-                type: "text",
-                placeholder: `${L > 0 ? "$" + L + " minimum value" : ""}`,
-                error: J,
-                disableUnderline: !0,
-                required: !0,
-                fullWidth: !0
-              }
-            ),
-            /* @__PURE__ */ e(Ne, { className: d["amount-symbol"], children: " " })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ e(o, { size: { xs: 6 }, className: "content-center", children: w ? /* @__PURE__ */ e(
-        I,
-        {
-          sx: { ml: 1 },
-          size: 30
-        }
-      ) : /* @__PURE__ */ e(
-        G,
-        {
-          variant: "filled",
-          className: `text-left ${d["fiat-picker"]}`,
-          fullWidth: !0,
-          children: /* @__PURE__ */ e(
-            ve,
-            {
-              input: /* @__PURE__ */ e(H, { disableUnderline: !0 }),
-              sx: {
-                borderTopLeftRadius: 0,
-                "&::before": {
-                  borderBottom: "none"
-                },
-                ".MuiSelect-select": {
-                  fontSize: "21px",
-                  fontWeight: "bold",
-                  color: "#16359d",
-                  padding: "27px 12px 10px !important"
-                },
-                ".dropdown-list-item, span": {
-                  position: "relative",
-                  bottom: "5px"
-                },
-                ".MuiSvgIcon-root": {
-                  fill: "#16359D !important"
-                }
-              },
-              value: g,
-              variant: "filled",
-              displayEmpty: !0,
-              onChange: (t) => Ie(t.target.value),
-              error: J,
-              children: R.map((t) => /* @__PURE__ */ a(Q, { value: t.id, children: [
-                /* @__PURE__ */ e(Ce, { className: d["dropdown-list-item"], children: /* @__PURE__ */ e(
-                  "img",
-                  {
-                    src: t.icon_uri,
-                    onError: ({ currentTarget: n }) => {
-                      n.onerror = null, n.src = ye;
-                    },
-                    alt: "tokenImg",
-                    width: "40",
-                    height: "40"
-                  }
-                ) }),
-                /* @__PURE__ */ e("span", { children: t.symbol })
-              ] }, t.id))
-            }
-          )
-        }
-      ) }),
-      me && /* @__PURE__ */ e(s, { variant: "caption", sx: { color: "red" }, children: /* @__PURE__ */ e("strong", { children: me }) })
-    ] }),
-    /* @__PURE__ */ a(M, { className: "text-left", mt: 3, children: [
-      /* @__PURE__ */ e(s, { variant: "sm", fontWeight: 600, children: "Select Payment Method" }),
-      w ? /* @__PURE__ */ e(I, { sx: { ml: 1, mt: 3 }, size: 50 }) : /* @__PURE__ */ e(o, { mt: 0.5, container: !0, children: ie.map((t) => /* @__PURE__ */ e(o, { size: { xs: 2.5 }, children: /* @__PURE__ */ e(
-        Be,
-        {
-          label: t.payment_type,
-          value: t.id
-        }
-      ) }, t.id)) })
-    ] }),
-    /* @__PURE__ */ e(o, { mt: 4, container: !0, children: /* @__PURE__ */ e(o, { size: { xs: 4 }, children: /* @__PURE__ */ e(s, { className: d.label, variant: "caption", component: "p", children: "You Receive" }) }) }),
-    /* @__PURE__ */ a(o, { mt: 0.5, container: !0, children: [
-      /* @__PURE__ */ e(o, { size: { xs: 6 }, children: /* @__PURE__ */ a(
-        G,
-        {
-          className: `${d.amount} ${d["fiat-field"]}`,
-          fullWidth: !0,
-          children: [
-            /* @__PURE__ */ e(
-              H,
-              {
-                disableUnderline: !0,
-                value: W && parseFloat((+W * 1).toFixed(5)),
-                type: "text",
-                readOnly: !0,
-                fullWidth: !0
-              }
-            ),
-            /* @__PURE__ */ e(Ne, { className: d["amount-symbol"], children: +((fe = l == null ? void 0 : l.output_token) == null ? void 0 : fe.fiat_amount) * 1 > 0 ? C + (+((he = l == null ? void 0 : l.output_token) == null ? void 0 : he.fiat_amount) * 1).toFixed(2) : /* @__PURE__ */ e(B, { children: " " }) })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ e(o, { size: { xs: 6 }, className: "content-center", children: P ? /* @__PURE__ */ e(I, { sx: { ml: 1 }, size: 30 }) : /* @__PURE__ */ a(
-        G,
-        {
-          variant: "filled",
-          className: `text-left ${d["crypto-picker"]}`,
-          fullWidth: !0,
-          children: [
-            (c == null ? void 0 : c.network) && /* @__PURE__ */ e(
-              ft,
-              {
-                className: `${d["network-label"]} ${d[rt(c == null ? void 0 : c.network.name)]}`,
-                children: c == null ? void 0 : c.network.name
-              }
-            ),
-            /* @__PURE__ */ a(
-              ve,
-              {
-                input: /* @__PURE__ */ e(H, { disableUnderline: !0 }),
-                sx: {
-                  borderTopLeftRadius: 0,
-                  "&::before": {
-                    borderBottom: "none"
-                  },
-                  ".MuiSelect-select": {
-                    fontSize: "21px",
-                    fontWeight: "bold",
-                    color: "#16359d",
-                    padding: "27px 12px 10px !important"
-                  },
-                  ".dropdown-list-item, span": {
-                    position: "relative",
-                    bottom: "5px"
-                  },
-                  ".MuiSvgIcon-root": {
-                    fill: "#16359D !important"
-                  }
-                },
-                className: "buy-select-dd",
-                variant: "filled",
-                value: c.symbol,
-                displayEmpty: !0,
-                onChange: (t) => ue(t.target.value),
-                onOpen: (t) => {
-                  pe(!0), t.preventDefault();
-                },
-                defaultOpen: !1,
-                open: !1,
-                children: [
-                  /* @__PURE__ */ e(Q, { value: "", children: "Please select" }),
-                  v.map((t) => /* @__PURE__ */ a(Q, { value: t.symbol, children: [
-                    /* @__PURE__ */ e(Ce, { className: d["dropdown-list-item"], children: /* @__PURE__ */ e(
-                      "img",
-                      {
-                        src: t.icon_uri,
-                        onError: ({ currentTarget: n }) => {
-                          n.onerror = null, n.src = ye;
-                        },
-                        alt: "tokenImg",
-                        width: "40",
-                        height: "40"
-                      }
-                    ) }),
-                    /* @__PURE__ */ e("span", { children: t.symbol.toUpperCase() })
-                  ] }, t.id))
-                ]
-              }
-            )
-          ]
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ e(M, { mt: 3, sx: { color: "#1A202C" }, children: /* @__PURE__ */ a(o, { container: !0, children: [
-      /* @__PURE__ */ e(o, { className: "text-left", size: { xs: 12 }, children: /* @__PURE__ */ a(
-        Ee,
-        {
-          sx: { padding: "0" },
-          onClick: () => Se((t) => !t),
-          disableFocusRipple: !0,
-          disableRipple: !0,
-          children: [
-            /* @__PURE__ */ e(s, { variant: "caption", fontWeight: 500, children: "Fee Calculation" }),
-            /* @__PURE__ */ e(
-              Le,
-              {
-                sx: {
-                  transform: `rotate(${ae ? "90" : "0"}deg)`,
-                  fontSize: "15px"
-                }
-              }
-            )
-          ]
-        }
-      ) }),
-      ae && /* @__PURE__ */ a(B, { children: [
-        /* @__PURE__ */ e(o, { className: "text-left", size: { xs: 6 }, children: /* @__PURE__ */ e(s, { variant: "caption", children: "Everest Fee" }) }),
-        /* @__PURE__ */ e(o, { className: "text-right", size: { xs: 6 }, children: /* @__PURE__ */ a(s, { variant: "caption", children: [
-          C,
-          F ? /* @__PURE__ */ e(I, { size: 30, color: "primary" }) : $.toFixed(2)
-        ] }) }),
-        /* @__PURE__ */ e(o, { className: "text-left", size: { xs: 6 }, children: /* @__PURE__ */ e(s, { variant: "caption", children: "Network Fee" }) }),
-        /* @__PURE__ */ e(o, { className: "text-right", size: { xs: 6 }, children: /* @__PURE__ */ a(s, { variant: "caption", children: [
-          C,
-          F ? /* @__PURE__ */ e(
-            I,
-            {
-              sx: { ml: 1 },
-              size: 15,
-              color: "primary"
-            }
-          ) : U.toFixed(2)
-        ] }) })
-      ] }),
-      /* @__PURE__ */ e(o, { className: "text-left", size: { xs: 6 }, children: /* @__PURE__ */ e(s, { variant: "caption", children: "Total Fees" }) }),
-      /* @__PURE__ */ e(o, { className: "text-right", size: { xs: 6 }, children: /* @__PURE__ */ a(s, { variant: "caption", children: [
-        C,
-        F ? /* @__PURE__ */ e(I, { sx: { ml: 1 }, size: 15, color: "primary" }) : Number(u).toFixed(2)
-      ] }) }),
-      c && /* @__PURE__ */ a(B, { children: [
-        /* @__PURE__ */ e(o, { className: "text-left", size: { xs: 6 }, children: /* @__PURE__ */ a(s, { variant: "caption", children: [
-          "1 ",
-          c.symbol,
-          " ",
-          /* @__PURE__ */ e(
-            nt,
-            {
-              title: je,
-              placement: "right",
-              children: /* @__PURE__ */ e(Ee, { className: "info-fee-icon", children: /* @__PURE__ */ e(
-                Ve,
-                {
-                  sx: {
-                    fontSize: "14px"
-                  }
-                }
-              ) })
-            }
-          )
-        ] }) }),
-        /* @__PURE__ */ e(o, { className: "text-right", size: { xs: 6 }, children: /* @__PURE__ */ a(s, { variant: "caption", children: [
-          C,
-          F ? /* @__PURE__ */ e(
-            I,
-            {
-              sx: { ml: 1 },
-              size: 15,
-              color: "primary"
-            }
-          ) : Number(re).toFixed(2)
-        ] }) })
-      ] })
-    ] }) }),
-    /* @__PURE__ */ e(M, { mt: 4, children: /* @__PURE__ */ e(
-      ne,
-      {
-        onClick: $e,
-        disabled: J || !W,
-        fullWidth: !0,
-        children: /* @__PURE__ */ e("strong", { children: "Next" })
-      }
-    ) }),
-    /* @__PURE__ */ e(
-      ut,
-      {
-        open: Oe,
-        setModal: pe,
-        loader: P,
-        tokenList: v,
-        tokenSelect: ue
-      }
-    )
-  ] });
-}, bt = ({
-  setScreen: k,
-  partnerKey: b,
-  orderData: A,
-  dispatch: f,
-  walletAddress: p
-}) => {
-  const r = A.estimate, h = A.create.order_id, S = A.loader, N = r.fiat_amount, w = Ae(r.fiat_currency), [v, _] = m(!1);
-  y(() => {
-    h && v && k(xt);
-  }, [h]), y(() => {
-    P();
-  }, []);
-  const P = () => {
-    f(
-      ke({
-        ...r,
-        apiKey: b,
-        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
-      })
-    );
-  }, F = () => {
-    f(
-      et({
-        apiKey: b,
-        quoteId: r.quote_id,
-        walletAddress: p
-      })
-    ), _(!0);
-  };
-  return /* @__PURE__ */ a(B, { children: [
-    /* @__PURE__ */ e(
-      it,
-      {
-        onClickHandler: () => k(Fe),
-        backBtnText: "Confirm Your Order"
-      }
-    ),
-    /* @__PURE__ */ e(s, { mt: 2, variant: "sm", fontWeight: 600, children: "Using payment method" }),
-    /* @__PURE__ */ a(M, { mt: 2, className: d["confirm-payment"], children: [
-      /* @__PURE__ */ e(
-        "img",
-        {
-          src: r.payment_type === xe ? Je : Qe,
-          width: 100,
-          alt: "payment"
-        }
-      ),
-      /* @__PURE__ */ e(s, { variant: "caption", component: "span", children: /* @__PURE__ */ e("strong", { children: r.payment_type === xe ? "Bank Account" : "Debit Card" }) })
-    ] }),
-    /* @__PURE__ */ e(s, { mt: 4, variant: "sm", fontWeight: 600, children: "To Wallet Address" }),
-    /* @__PURE__ */ e(
-      M,
-      {
-        mt: 2,
-        className: d["confirm-payment"],
-        sx: { width: "100% !important" },
-        children: /* @__PURE__ */ e(s, { variant: "caption", component: "p", children: /* @__PURE__ */ e("strong", { children: p }) })
-      }
-    ),
-    /* @__PURE__ */ e(s, { mt: 3, variant: "sm", fontWeight: 600, component: "p", children: "Order Estimate Details" }),
-    /* @__PURE__ */ e(M, { sx: { color: "#A6A6A6" }, children: /* @__PURE__ */ a(o, { container: !0, children: [
-      /* @__PURE__ */ e(o, { 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(o, { className: "flex-right", size: { xs: 6 }, children: /* @__PURE__ */ e(
-        "span",
-        {
-          className: d["confirm-transaction-network"],
-          style: {
-            backgroundColor: r.network === "Ethereum" ? "#A1A9DC" : "#5D8CCC"
-          },
-          children: r.network
-        }
-      ) }),
-      /* @__PURE__ */ e(o, { 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(o, { className: "text-right", size: { xs: 6 }, children: /* @__PURE__ */ a(s, { variant: "caption", children: [
-        (Number(N) - Number(r.total_fee)).toFixed(2),
-        " ",
-        r.fiat_currency
-      ] }) }),
-      /* @__PURE__ */ e(o, { className: "text-left", size: { xs: 6 }, children: /* @__PURE__ */ e(s, { variant: "caption", children: "Total Fees" }) }),
-      /* @__PURE__ */ e(o, { className: "text-right", size: { xs: 6 }, children: /* @__PURE__ */ a(s, { variant: "caption", children: [
-        Number(r.total_fee).toFixed(2),
-        " ",
-        r.fiat_currency
-      ] }) }),
-      /* @__PURE__ */ e(o, { className: "text-left", size: { xs: 6 }, children: /* @__PURE__ */ e(s, { variant: "caption", children: /* @__PURE__ */ e("strong", { children: "Order Total" }) }) }),
-      /* @__PURE__ */ e(o, { className: "text-right", size: { xs: 6 }, children: /* @__PURE__ */ e(s, { variant: "caption", children: /* @__PURE__ */ a("strong", { children: [
-        w,
-        Number(N).toFixed(2),
-        " ",
-        r.fiat_currency
-      ] }) }) })
-    ] }) }),
-    /* @__PURE__ */ e(M, { mt: 4, children: /* @__PURE__ */ e(
-      ne,
-      {
-        onClick: F,
-        disabled: S,
-        fullWidth: !0,
-        children: /* @__PURE__ */ e("strong", { children: S ? /* @__PURE__ */ a(B, { children: [
-          /* @__PURE__ */ e(I, { size: 15, color: "inherit" }),
-          " Processing..."
-        ] }) : "Payment Details" })
-      }
-    ) })
-  ] });
-}, Fe = "FORM_SCREEN", te = "CONFIRM_SCREEN", xt = "PAYMENT_SCREEN", gt = "MINIMAL_KYC_SCREEN", Nt = ({ partnerKey: k, baseUrl: b, checkoutSdkKey: A }) => {
-  const f = at(), p = V((u) => u.order), r = V(
-    (u) => u.user.profile
-  ), h = p.error, S = V(
-    (u) => u.user.profile.everWalletAddress
-  ), N = V(
-    (u) => u.fiatAssets
-  ), w = V(
-    (u) => u.cryptoAssets
-  ), [v, _] = m(Fe), [P, F] = m(0), { showAlertMessage: l } = ct();
-  return y(() => {
-    F(ot(r.tokens.list));
-  }, [r.tokens]), y(() => {
-    h && l({ message: h });
-  }, [h]), y(() => {
-    p.initMinimalKyc && (l({ message: h, type: "info" }), _(gt));
-  }, [p.initMinimalKyc]), y(() => {
-    f(st()), f(ge(ee)), f(ge(Z));
-  }, []), /* @__PURE__ */ e(lt, { addPadding: !0, children: {
-    FORM_SCREEN: /* @__PURE__ */ e(
-      yt,
-      {
-        showAlertMessage: l,
-        setScreen: _,
-        fiatAssets: N,
-        cryptoAssets: w,
-        orderData: p,
-        dispatch: f,
-        getCryptoAssets: (u) => {
-          f(Ke({ type: "buy", id: u, partnerKey: k }));
-        },
-        partnerKey: k,
-        balance: P
-      }
-    ),
-    CONFIRM_SCREEN: /* @__PURE__ */ e(
-      bt,
-      {
-        partnerKey: k,
-        setScreen: _,
-        showAlertMessage: l,
-        orderData: p,
-        dispatch: f,
-        walletAddress: S
-      }
-    ),
-    PAYMENT_SCREEN: /* @__PURE__ */ e(
-      mt,
-      {
-        checkoutKey: A,
-        orderData: p,
-        initPaymentRequest: (u) => {
-          const $ = p.estimate, U = p.create.order_id, j = {
-            token: u,
-            amount: Number($.fiat_amount),
-            currency: $.fiat_currency,
-            reference: U,
-            success_url: `${b}/dashboard?payment=success`,
-            fail_url: `${b}/dashboard?payment=failed`
-          };
-          f(tt(j));
-        },
-        backBtnFunc: () => _(te)
-      }
-    ),
-    MINIMAL_KYC_SCREEN: /* @__PURE__ */ e(
-      dt,
-      {
-        inputComponent: pt,
-        buttonComponent: ne,
-        onComplete: () => {
-          _(te);
-        }
-      }
-    )
-  }[v] });
-}, en = Ye(Nt);
-export {
-  yt as B,
-  te as C,
-  Fe as F,
-  gt as M,
-  xt as P,
-  bt as a,
-  en as i
-};