everest-npm-features 0.0.7 → 0.0.9

package/dist/index-BMhrzXlc.js

@@ -0,0 +1,820 @@
+import { jsxs as r, Fragment as F, jsx as e } from "react/jsx-runtime";
+import { useState as c, useEffect as x } from "react";
+import Re from "./hoc/withThemeProvider.js";
+import { P as Oe, F as we } from "./PlayArrow-BWNpsDIu.js";
+import { I as Be } from "./Info-DTcjrneu.js";
+import { G as Le } from "./generic-token-B_ptO5yb.js";
+import te from "./components/RocketRamp/Shared/Input/index.js";
+import { ID_TOKEN_SYMBOL as pe, FIAT_TO_EVER_ID as re, FIAT_TO_TOKEN as ne, ESTIMATE_TOOLTIP_TEXT as Ve, VISA_PAYMENT as Ye, VISA_PAYMENT_ACTIVE as We, SEPA_PAYMENT as De, SEPA_PAYMENT_ACTIVE as qe, PAYMENT_BANK as ue, SEPA_ICON as Ke, VISA_ICON as ge, PAYMENT_PROVIDER_CHECKOUT as he } from "./util/constants.js";
+import { ae as $e } from "./constants-74hrsFxy.js";
+import { c as Ge, d as be, a as Ue, f as je, e as fe } from "./order-BJOkWhkX.js";
+import He from "./components/Shared/tooltip.js";
+import { getCurrencySymbol as Ce, removeExtraSpace as Xe, getOrionBalance as Qe } from "./util/functions.js";
+import ae from "./components/RocketRamp/Shared/Button/index.js";
+import Ne from "./components/RocketRamp/Shared/backBtn.js";
+import { T as s } from "./Typography-Du8mj1kr.js";
+import { B as f } from "./Box-Bt8cGqC7.js";
+import { G as o } from "./Grid2-IYppkw5f.js";
+import { C as I } from "./CircularProgress-B06C3TSm.js";
+import "@incodetech/welcome";
+import "./axios-BEX6n2A7.js";
+import { useSnackBar as Je } from "./hooks/useSnackBar.js";
+import "./components/SignUp/pin.js";
+import { f as Ze } from "./fiatAssets-BySmKCPn.js";
+import { u as et, a as V } from "./react-redux-B4BZippc.js";
+import './assets/main.css';import './assets/index10.css';/* empty css              */
+import "./util/conversions.js";
+import "./index-CAoLi5Qq.js";
+import "./react-webcam-B3cXh1XT.js";
+import "./components/Shared/transition.js";
+import "./components/Shared/pin.js";
+import "./moment-h96o7c8I.js";
+import "./index.esm-BsMAMhYW.js";
+import "./web3-u4qDZYpo.js";
+import "./index-B8QKlEgj.js";
+import tt from "./components/RocketRamp/MinimalKyc/form.js";
+import { c as rt } from "./createSvgIcon-DhzhBkIq.js";
+import { s as ye, p as nt, h as at, v as it } from "./index-ceeCtFuh.js";
+import { I as ot } from "./TextField-CWAqkoYU.js";
+import { F as st } from "./FormControl-C_Aq5EJK.js";
+import { S as ct } from "./Select-PHF4wwtI.js";
+import { M as xe } from "./MenuItem-B5Ey6jYk.js";
+import { L as lt } from "./ListItemIcon-DcAQQVML.js";
+import { I as _e } from "./IconButton-DS04obIe.js";
+const mt = (b) => ({
+  type: $e,
+  payload: b
+}), Y = {
+  "confirm-payment": "_confirm-payment_alxbn_1",
+  "confirm-transaction-network": "_confirm-transaction-network_alxbn_33",
+  "buy-info": "_buy-info_alxbn_57"
+}, dt = ({
+  setScreen: b,
+  orderData: _,
+  dispatch: p,
+  fiatAssets: u,
+  cryptoAssets: g,
+  getCryptoAssets: n,
+  showAlertMessage: y,
+  partnerKey: P,
+  balance: k,
+  store: v
+}) => {
+  const A = "USD", l = Ce(A), C = u.fiats, O = u.loader, N = g.featureTokens.list, S = g.featureTokens.default, $ = g.loader, d = _.loader, E = _.estimate, z = E.crypto_out_amount, W = E.conversion_price, G = E.total_fee;
+  let U = 0, D = 0;
+  const j = E.fee_breakdown;
+  for (let t = 0; t < j.length; t++) {
+    const i = j[t];
+    i.name === "ev_fee" ? U = Number(i.value) : i.name === "network_fee" && (D = Number(i.value));
+  }
+  const [h, q] = c({
+    symbol: ""
+  }), [K, R] = c(!1), [T, a] = c(0), [M, J] = c(0), [H, Z] = c([]), [se, ve] = c(!1), [ce, Ee] = c(50), [le, ke] = c(3e3), [ee, Ae] = c(50), [me, Ie] = c(3e3), [Fe, B] = c(""), [L, de] = c(
+    E.fiat_amount || ee.toString()
+  );
+  x(() => {
+    if (E.crypto_currency) {
+      const t = N.find(
+        (i) => i.symbol === E.crypto_currency
+      );
+      q(t);
+    } else
+      S && S.id && q(S);
+  }, [S, E.crypto_currency]), x(() => {
+    M && n(M);
+  }, [M]), x(() => {
+    if (C.length === 0)
+      return;
+    const t = [];
+    for (let i = 0; i < C.length; i++) {
+      if (C[i].symbol === A) {
+        const m = C[i].payment_options;
+        J(C[i].id);
+        let X = !1;
+        for (let w = 0; w < m.length; w++) {
+          const Q = m[w];
+          Q.active && (t.push(Q), m[w].id === T && (X = !0));
+        }
+        X || a(t[0].id);
+      }
+      Z(t);
+    }
+  }, [A, C]), x(() => {
+    if (h && h.id && L && T && M) {
+      p(Ge()), R(!1), B("");
+      const t = setTimeout(() => {
+        Te();
+      }, 1e3);
+      return () => clearTimeout(t);
+    }
+  }, [h, L, T, N, M]);
+  const Te = () => {
+    var w;
+    const t = parseFloat(L);
+    if (h.symbol === pe) {
+      if (ce > t)
+        return B(
+          `Minimum value should be greater than ${l + ce}`
+        ), R(!0), !1;
+      if (le * 1 < t)
+        return B(
+          `Maximum value should be less than ${l + le}`
+        ), R(!0), !1;
+    } else {
+      if (ee * 1 > t)
+        return B(
+          `Minimum value should be greater than ${l + ee}`
+        ), R(!0), !1;
+      if (me * 1 < t)
+        return B(
+          `Maximum value should be less than ${l + me}`
+        ), R(!0), !1;
+    }
+    const i = parseFloat(v.balance);
+    if (t > i)
+      return B(
+        `Store doesn't have enough balance. Currently only ${v.balance} credits can be purchased`
+      ), R(!0), !1;
+    const m = H.find((Q) => Q.id === T), X = m.payment_type;
+    p(
+      be({
+        apiKey: P,
+        transaction_type: h.symbol === pe ? re : ne,
+        coin_amount: L,
+        exchange: h.exchange,
+        payment_type: X,
+        fiat_ccy: A,
+        crypto_ccy: h.symbol,
+        network: (w = h.network) == null ? void 0 : w.name,
+        payment_provider: m.payment_provider
+      })
+    );
+  }, Me = ({ value: t, label: i }) => {
+    let m;
+    if (i === "credit_debit_card" ? (m = Ye, T === t && (m = We)) : (m = De, T === t && (m = qe)), i)
+      return /* @__PURE__ */ e(
+        f,
+        {
+          mt: 0.5,
+          sx: { cursor: "pointer" },
+          onClick: () => a(t * 1),
+          children: /* @__PURE__ */ e("img", { src: m, alt: "payment", width: "90%" })
+        }
+      );
+  };
+  x(() => {
+    const t = _.types.length;
+    if (t > 0)
+      for (let i = 0; i < t; i++) {
+        const m = _.types[i];
+        if (m.type === re) {
+          Ee(parseFloat(m.min_deposit_amount)), ke(parseFloat(m.max_deposit_amount));
+          break;
+        }
+        if (m.type === ne) {
+          Ae(parseFloat(m.min_deposit_amount)), Ie(parseFloat(m.max_deposit_amount));
+          break;
+        }
+      }
+  }, [_.types]);
+  const Pe = (t) => {
+    const i = t.target.value;
+    i ? /^([0-9]+)$/.test(i) && de(i) : de("");
+  }, Se = (t) => {
+    const i = N.find((m) => m.symbol === t);
+    q(i);
+  }, ze = () => {
+    if (!h.id)
+      return y({ message: "Please select token" }), !1;
+    if (!T)
+      return y({ message: "Please select payment method" }), !1;
+    if (!L)
+      return y({ message: "Please enter amount" }), !1;
+    if (!z)
+      return y({
+        message: "Please wait for the estimate to be calculated and then press next"
+      }), !1;
+    b(oe);
+  };
+  return /* @__PURE__ */ r(F, { children: [
+    /* @__PURE__ */ r(o, { mt: 0.5, spacing: 1, container: !0, children: [
+      /* @__PURE__ */ e(o, { size: { xs: 3.5 }, children: /* @__PURE__ */ r(f, { className: Y["buy-info"], children: [
+        /* @__PURE__ */ e(s, { variant: "2xl", children: /* @__PURE__ */ e("strong", { children: "Buy Credits" }) }),
+        /* @__PURE__ */ r(s, { variant: "md", children: [
+          "1 credit = ",
+          W,
+          l
+        ] })
+      ] }) }),
+      /* @__PURE__ */ e(o, { size: { xs: 6 }, children: /* @__PURE__ */ r(
+        f,
+        {
+          className: Y["buy-info"],
+          sx: {
+            padding: "0px 50px !important",
+            alignItems: "center"
+          },
+          children: [
+            /* @__PURE__ */ e(s, { variant: "md", children: "MAX amount you can request:" }),
+            /* @__PURE__ */ e(s, { variant: "md", children: v.balanceLoader ? /* @__PURE__ */ e(I, { sx: { ml: 1 }, size: 15, color: "primary" }) : /* @__PURE__ */ r(F, { children: [
+              v.balance,
+              " credits"
+            ] }) })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ e(o, { size: { xs: 2.5 }, children: /* @__PURE__ */ r(
+        f,
+        {
+          className: Y["buy-info"],
+          sx: {
+            background: "black !important",
+            color: "white !important"
+          },
+          children: [
+            /* @__PURE__ */ e(s, { variant: "md", className: "text-right", children: "Game Balance" }),
+            /* @__PURE__ */ e(s, { variant: "lg", className: "text-right", children: k })
+          ]
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ e(o, { mt: 2, spacing: 2, container: !0, children: /* @__PURE__ */ e(o, { size: { xs: 6 }, children: /* @__PURE__ */ e(
+      te,
+      {
+        label: "You Pay",
+        value: L,
+        onChange: Pe,
+        type: "text",
+        labelFontWeight: 600,
+        error: K,
+        errorText: Fe,
+        required: !0,
+        fullWidth: !0
+      }
+    ) }) }),
+    /* @__PURE__ */ r(f, { className: "text-left", mt: 3, children: [
+      /* @__PURE__ */ e(s, { variant: "sm", fontWeight: 600, children: "Select Payment Method" }),
+      O ? /* @__PURE__ */ e(I, { sx: { ml: 1, mt: 3 }, size: 50 }) : /* @__PURE__ */ e(o, { mt: 0.5, container: !0, children: H.map((t) => /* @__PURE__ */ e(o, { size: { xs: 2.5 }, children: /* @__PURE__ */ e(
+        Me,
+        {
+          label: t.payment_type,
+          value: t.id
+        }
+      ) }, t.id)) })
+    ] }),
+    /* @__PURE__ */ r(o, { mt: 3, spacing: 2, container: !0, children: [
+      /* @__PURE__ */ e(o, { size: { xs: 6 }, children: /* @__PURE__ */ e(
+        te,
+        {
+          label: "You Receive",
+          labelFontWeight: 600,
+          value: z && parseFloat((+z * 1).toFixed(5)),
+          type: "text",
+          error: K,
+          readOnly: !0,
+          required: !0,
+          fullWidth: !0
+        }
+      ) }),
+      /* @__PURE__ */ e(o, { size: { xs: 5 }, className: "content-center", children: $ ? /* @__PURE__ */ e(I, { sx: { ml: 1 }, size: 30 }) : /* @__PURE__ */ r(F, { children: [
+        /* @__PURE__ */ e(ot, { children: " " }),
+        /* @__PURE__ */ e(st, { variant: "outlined", fullWidth: !0, children: /* @__PURE__ */ r(
+          ct,
+          {
+            sx: { marginTop: "-2px" },
+            inputProps: {
+              sx: {
+                display: "flex",
+                alignItems: "center",
+                padding: "10px"
+              }
+            },
+            value: h.symbol,
+            onChange: (t) => Se(t.target.value),
+            children: [
+              /* @__PURE__ */ e(xe, { value: "", children: "Please select" }),
+              N.map((t) => /* @__PURE__ */ r(xe, { value: t.symbol, children: [
+                /* @__PURE__ */ e(lt, { className: "dropdown-list-item", children: /* @__PURE__ */ e(
+                  "img",
+                  {
+                    src: t.icon_uri,
+                    onError: ({ currentTarget: i }) => {
+                      i.onerror = null, i.src = Le;
+                    },
+                    alt: "tokenImg",
+                    width: "36",
+                    height: "36"
+                  }
+                ) }),
+                /* @__PURE__ */ e("span", { children: t.name })
+              ] }, t.id))
+            ]
+          }
+        ) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ e(f, { mt: 3, sx: { color: "#1A202C" }, children: /* @__PURE__ */ r(o, { container: !0, children: [
+      /* @__PURE__ */ e(o, { className: "text-left", size: { xs: 12 }, children: /* @__PURE__ */ r(
+        _e,
+        {
+          sx: { padding: "0" },
+          onClick: () => ve((t) => !t),
+          disableFocusRipple: !0,
+          disableRipple: !0,
+          children: [
+            /* @__PURE__ */ e(s, { variant: "md", fontWeight: 500, children: "Fee Calculation" }),
+            /* @__PURE__ */ e(
+              Oe,
+              {
+                sx: {
+                  transform: `rotate(${se ? "90" : "0"}deg)`,
+                  fontSize: "15px"
+                }
+              }
+            )
+          ]
+        }
+      ) }),
+      se && /* @__PURE__ */ r(F, { 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__ */ r(s, { variant: "caption", children: [
+          l,
+          d ? /* @__PURE__ */ e(I, { size: 30, color: "primary" }) : U.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__ */ r(s, { variant: "caption", children: [
+          l,
+          d ? /* @__PURE__ */ e(
+            I,
+            {
+              sx: { ml: 1 },
+              size: 15,
+              color: "primary"
+            }
+          ) : D.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__ */ r(s, { variant: "caption", children: [
+        l,
+        d ? /* @__PURE__ */ e(I, { sx: { ml: 1 }, size: 15, color: "primary" }) : Number(G).toFixed(2)
+      ] }) }),
+      h && /* @__PURE__ */ r(F, { children: [
+        /* @__PURE__ */ e(o, { className: "text-left", size: { xs: 6 }, children: /* @__PURE__ */ r(s, { variant: "caption", children: [
+          "1 ",
+          h.symbol,
+          " ",
+          /* @__PURE__ */ e(
+            He,
+            {
+              title: Ve,
+              placement: "right",
+              children: /* @__PURE__ */ e(_e, { className: "info-fee-icon", children: /* @__PURE__ */ e(
+                Be,
+                {
+                  sx: {
+                    fontSize: "14px"
+                  }
+                }
+              ) })
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ e(o, { className: "text-right", size: { xs: 6 }, children: /* @__PURE__ */ r(s, { variant: "caption", children: [
+          l,
+          d ? /* @__PURE__ */ e(
+            I,
+            {
+              sx: { ml: 1 },
+              size: 15,
+              color: "primary"
+            }
+          ) : Number(W).toFixed(2)
+        ] }) })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ e(f, { mt: 4, children: /* @__PURE__ */ e(
+      ae,
+      {
+        onClick: ze,
+        disabled: K || !z,
+        fullWidth: !0,
+        children: /* @__PURE__ */ e("strong", { children: "Next" })
+      }
+    ) })
+  ] });
+}, pt = ({
+  setScreen: b,
+  partnerKey: _,
+  orderData: p,
+  dispatch: u,
+  walletAddress: g
+}) => {
+  const n = p.estimate, y = p.create.order_id, P = p.loader, k = n.fiat_amount, v = Ce(n.fiat_currency), [A, l] = c(!1);
+  x(() => {
+    y && A && b(ft);
+  }, [y]), x(() => {
+    C();
+  }, []);
+  const C = () => {
+    u(
+      be({
+        ...n,
+        apiKey: _,
+        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
+      })
+    );
+  }, O = () => {
+    u(
+      Ue({
+        apiKey: _,
+        quoteId: n.quote_id,
+        walletAddress: g
+      })
+    ), l(!0);
+  };
+  return /* @__PURE__ */ r(F, { children: [
+    /* @__PURE__ */ e(Ne, { onClickHandler: () => b(ie) }),
+    /* @__PURE__ */ e(s, { mt: 2, variant: "sm", fontWeight: 600, children: "Using payment method" }),
+    /* @__PURE__ */ r(f, { mt: 2, className: Y["confirm-payment"], children: [
+      /* @__PURE__ */ e(
+        "img",
+        {
+          src: n.payment_type === ue ? Ke : ge,
+          width: 100,
+          alt: "payment"
+        }
+      ),
+      /* @__PURE__ */ e(s, { variant: "caption", component: "span", children: /* @__PURE__ */ e("strong", { children: n.payment_type === ue ? "Bank Account" : "Debit Card" }) })
+    ] }),
+    /* @__PURE__ */ e(s, { mt: 4, variant: "sm", fontWeight: 600, children: "To Wallet Address" }),
+    /* @__PURE__ */ e(
+      f,
+      {
+        mt: 2,
+        className: Y["confirm-payment"],
+        sx: { width: "100% !important" },
+        children: /* @__PURE__ */ e(s, { variant: "caption", component: "p", children: /* @__PURE__ */ e("strong", { children: g }) })
+      }
+    ),
+    /* @__PURE__ */ e(s, { mt: 3, variant: "sm", fontWeight: 600, component: "p", children: "Order Estimate Details" }),
+    /* @__PURE__ */ e(f, { sx: { color: "#A6A6A6" }, children: /* @__PURE__ */ r(o, { container: !0, children: [
+      /* @__PURE__ */ e(o, { className: "text-left", size: { xs: 6 }, children: /* @__PURE__ */ r(s, { variant: "caption", children: [
+        n.crypto_currency.toUpperCase(),
+        " @",
+        " ",
+        Number(n.conversion_price).toFixed(2),
+        " ",
+        n.fiat_currency
+      ] }) }),
+      /* @__PURE__ */ e(o, { className: "flex-right", size: { xs: 6 }, children: /* @__PURE__ */ e(
+        "span",
+        {
+          className: Y["confirm-transaction-network"],
+          style: {
+            backgroundColor: n.network === "Ethereum" ? "#A1A9DC" : "#5D8CCC"
+          },
+          children: n.network
+        }
+      ) }),
+      /* @__PURE__ */ e(o, { className: "text-left", size: { xs: 6 }, children: /* @__PURE__ */ r(s, { variant: "caption", children: [
+        Number(n.crypto_out_amount).toFixed(5),
+        " ",
+        n.crypto_currency.toUpperCase()
+      ] }) }),
+      /* @__PURE__ */ e(o, { className: "text-right", size: { xs: 6 }, children: /* @__PURE__ */ r(s, { variant: "caption", children: [
+        (Number(k) - Number(n.total_fee)).toFixed(2),
+        " ",
+        n.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__ */ r(s, { variant: "caption", children: [
+        Number(n.total_fee).toFixed(2),
+        " ",
+        n.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__ */ r("strong", { children: [
+        v,
+        Number(k).toFixed(2),
+        " ",
+        n.fiat_currency
+      ] }) }) })
+    ] }) }),
+    /* @__PURE__ */ e(f, { mt: 4, children: /* @__PURE__ */ e(
+      ae,
+      {
+        onClick: O,
+        disabled: P,
+        fullWidth: !0,
+        children: /* @__PURE__ */ e("strong", { children: P ? /* @__PURE__ */ r(F, { children: [
+          /* @__PURE__ */ e(I, { size: 15, color: "inherit" }),
+          " Processing..."
+        ] }) : "Payment Details" })
+      }
+    ) })
+  ] });
+}, ut = rt(/* @__PURE__ */ e("path", {
+  d: "M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8"
+}), "ErrorOutline"), ht = ({
+  checkoutKey: b,
+  setScreen: _,
+  showAlertMessage: p,
+  rrBaseUrl: u,
+  orderData: g,
+  dispatch: n
+}) => {
+  const y = g.estimate, P = g.create.order_id, k = g.payment, [v, A] = c(!0), [l, C] = c(""), [O, N] = c(!1), [S, $] = c({
+    name: "",
+    billingAddress: {
+      addressLine1: ""
+    }
+  }), [d, E] = c(!1), [z, W] = c(!0), [G, U] = c(!0), [D, j] = c(!0), [h, q] = c(!0);
+  x(() => {
+    k._links.redirect.href && window.location.replace(k._links.redirect.href);
+  }, [k]), x(() => {
+    $({
+      name: l,
+      billingAddress: {
+        addressLine1: ""
+      }
+    });
+  }, [l]), x(() => {
+    !G && !D && !h && l !== "" ? z && W(!1) : z || W(!0);
+  }, [l, G, D, h]);
+  const K = (a, M, J, H = /./) => {
+    if (a !== "" && !H.test(a))
+      return !1;
+    M(a);
+    const Z = typeof a == "string" ? Xe(a) : a;
+    J(!Z);
+  }, R = (a) => {
+    if (a && a.element)
+      switch (a.element) {
+        case "card-number":
+          U(a.isEmpty || !a.isValid);
+          break;
+        case "expiry-date":
+          j(a.isEmpty || !a.isValid);
+          break;
+        case "cvv":
+          q(a.isEmpty || !a.isValid);
+          break;
+        default:
+          console.log("NOOP");
+          break;
+      }
+  }, T = (a) => {
+    if (a === "") {
+      p({ message: "Error processing card" }), E(!1), _(ie);
+      return;
+    }
+    const M = {
+      token: a,
+      amount: Number(y.fiat_amount),
+      currency: y.fiat_currency,
+      reference: P,
+      success_url: `${u}/dashboard?payment=success`,
+      fail_url: `${u}/dashboard?payment=failed`
+    };
+    n(je(M));
+  };
+  return /* @__PURE__ */ r(F, { children: [
+    /* @__PURE__ */ e(Ne, { onClickHandler: () => _(oe) }),
+    /* @__PURE__ */ r(s, { className: "text-center", variant: "subtitle1", mt: 2, children: [
+      /* @__PURE__ */ e("img", { src: ge, width: 140, alt: "Debit Card" }),
+      /* @__PURE__ */ e("br", {}),
+      /* @__PURE__ */ e("b", { children: "Debit Card" })
+    ] }),
+    /* @__PURE__ */ r(
+      s,
+      {
+        className: "text-center d-flex items-center",
+        variant: "caption",
+        mt: 2,
+        children: [
+          /* @__PURE__ */ e(ut, {}),
+          "   ",
+          /* @__PURE__ */ e("b", { style: { marginTop: "3px" }, children: "Fiat purchasing is not available for users with Chase and Citi bank accounts" })
+        ]
+      }
+    ),
+    y.payment_provider === he && v && /* @__PURE__ */ e(f, { className: "text-center", mt: 8, children: /* @__PURE__ */ e(I, {}) }),
+    /* @__PURE__ */ e(f, { mt: 2, children: y.payment_provider === he && /* @__PURE__ */ r(
+      ye,
+      {
+        config: {
+          debug: !1,
+          publicKey: b,
+          acceptedPaymentMethods: ["Visa", "Mastercard"],
+          cardholder: S,
+          localization: {
+            cardNumberPlaceholder: "Card number",
+            expiryMonthPlaceholder: "MM",
+            expiryYearPlaceholder: "YY",
+            cvvPlaceholder: "CVV"
+          },
+          style: {
+            base: {
+              color: "black",
+              fontSize: "18px"
+            },
+            //   autofill: {
+            //     backgroundColor: "yellow",
+            //   },
+            //   hover: {
+            //     color: "blue",
+            //   },
+            focus: {
+              color: "blue"
+            },
+            valid: {
+              color: "green"
+            },
+            invalid: {
+              color: "red"
+            },
+            placeholder: {
+              base: {
+                color: "gray",
+                marginLeft: "20px"
+              }
+            }
+          }
+        },
+        ready: () => {
+          A(!1);
+        },
+        frameValidationChanged: (a) => {
+          R(a);
+        },
+        cardSubmitted: () => {
+          E(!0);
+        },
+        cardTokenized: (a) => {
+          T(a.token);
+        },
+        cardTokenizationFailed: (a) => {
+          alert("card tokenization failed"), console.log(a);
+        },
+        children: [
+          /* @__PURE__ */ e(
+            te,
+            {
+              label: "Name on Card",
+              value: l,
+              onChange: (a) => K(a.target.value, C, N),
+              error: O
+            }
+          ),
+          /* @__PURE__ */ e(
+            nt,
+            {
+              style: {
+                height: "4em",
+                margin: "20px 0",
+                padding: "20px",
+                border: "1px solid #999"
+              }
+            }
+          ),
+          /* @__PURE__ */ e(
+            at,
+            {
+              style: {
+                height: "4em",
+                margin: "20px 0",
+                padding: "20px",
+                border: "1px solid #999"
+              }
+            }
+          ),
+          /* @__PURE__ */ e(
+            it,
+            {
+              style: {
+                height: "4em",
+                margin: "20px 0",
+                padding: "20px",
+                border: "1px solid #999"
+              }
+            }
+          ),
+          /* @__PURE__ */ e(
+            ae,
+            {
+              onClick: () => {
+                ye.submitCard();
+              },
+              fullWidth: !0,
+              disabled: z,
+              children: /* @__PURE__ */ e("strong", { children: d ? /* @__PURE__ */ r(F, { children: [
+                /* @__PURE__ */ e(I, { size: 15, color: "inherit" }),
+                " Processing..."
+              ] }) : "Pay" })
+            }
+          )
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ e(f, { mt: 8, children: /* @__PURE__ */ e("div", { id: "st-animated-card" }) })
+  ] });
+}, ie = "FORM_SCREEN", oe = "CONFIRM_SCREEN", ft = "PAYMENT_SCREEN", yt = "MINIMAL_KYC_SCREEN", xt = ({ partnerKey: b, rrBaseUrl: _ }) => {
+  const p = et(), u = V((d) => d.order), g = V(
+    (d) => d.user.profile
+  ), n = u.error, y = V(
+    (d) => d.user.profile.everWalletAddress
+  ), P = V(
+    (d) => d.fiatAssets
+  ), k = V(
+    (d) => d.cryptoAssets
+  ), v = V((d) => d.app), [A, l] = c(ie), [C, O] = c(0), { showAlertMessage: N, snackBar: S } = Je();
+  return x(() => {
+    O(Qe(g.tokens.list));
+  }, [g.tokens]), x(() => {
+    n && N({ message: n });
+  }, [n]), x(() => {
+    u.initMinimalKyc && (N({ message: n, type: "info" }), l(yt));
+  }, [u.initMinimalKyc]), x(() => {
+    p(Ze()), p(fe(ne)), p(fe(re)), p(mt(v.store.info.id));
+  }, []), /* @__PURE__ */ r(F, { children: [
+    S,
+    /* @__PURE__ */ e(
+      f,
+      {
+        sx: {
+          padding: { xs: "1rem", md: "2rem" },
+          backgroundColor: "#FFFFFF",
+          borderRadius: "1rem",
+          boxShadow: "0px 0px 64px 0px rgba(247, 247, 248, 1)"
+        },
+        children: {
+          FORM_SCREEN: /* @__PURE__ */ e(
+            dt,
+            {
+              showAlertMessage: N,
+              setScreen: l,
+              fiatAssets: P,
+              cryptoAssets: k,
+              orderData: u,
+              dispatch: p,
+              getCryptoAssets: (d) => {
+                p(we({ type: "buy", id: d, partnerKey: b }));
+              },
+              partnerKey: b,
+              balance: C,
+              store: v.store
+            }
+          ),
+          CONFIRM_SCREEN: /* @__PURE__ */ e(
+            pt,
+            {
+              partnerKey: b,
+              setScreen: l,
+              showAlertMessage: N,
+              orderData: u,
+              dispatch: p,
+              walletAddress: y
+            }
+          ),
+          PAYMENT_SCREEN: /* @__PURE__ */ e(
+            ht,
+            {
+              checkoutKey: "pk_sbox_xnmwsvzydkhjeyi34z4b6ea5qi4",
+              setScreen: l,
+              showAlertMessage: N,
+              orderData: u,
+              rrBaseUrl: _,
+              dispatch: p
+            }
+          ),
+          MINIMAL_KYC_SCREEN: /* @__PURE__ */ e(
+            tt,
+            {
+              onComplete: () => {
+                l(oe);
+              }
+            }
+          )
+        }[A]
+      }
+    )
+  ] });
+}, sr = Re(xt);
+export {
+  dt as B,
+  ht as C,
+  ie as F,
+  yt as M,
+  ft as P,
+  pt as a,
+  oe as b,
+  sr as i
+};