everest-npm-features 0.0.22 → 0.0.24

package/dist/index-eEYiDlpX.js

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