everest-npm-features 0.0.16 → 0.0.18

package/dist/index-BEdISdN-.js

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