everest-npm-features 0.0.32 → 0.0.33

package/dist/index-BIpSerUL.js

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