everest-npm-features 0.0.8 → 0.0.10

package/dist/index-DNVjDI72.js

@@ -0,0 +1,825 @@
+import { jsx as e, jsxs as r, Fragment as F } from "react/jsx-runtime";
+import { useState as l, useEffect as _ } from "react";
+import ze 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 ue, 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 Ke, SEPA_PAYMENT_ACTIVE as qe, PAYMENT_BANK as pe, SEPA_ICON as De, VISA_ICON as _e, 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 x } 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 W } 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 ge } from "./IconButton-DS04obIe.js";
+const mt = (C) => ({
+  type: $e,
+  payload: C
+}), dt = 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"), K = {
+  "confirm-payment": "_confirm-payment_alxbn_1",
+  "confirm-transaction-network": "_confirm-transaction-network_alxbn_33",
+  "buy-info": "_buy-info_alxbn_57"
+}, ut = ({
+  setScreen: C,
+  orderData: b,
+  dispatch: k,
+  fiatAssets: u,
+  cryptoAssets: p,
+  getCryptoAssets: n,
+  showAlertMessage: h,
+  partnerKey: M,
+  balance: g,
+  store: A
+}) => {
+  const E = "USD", d = Ce(E), f = u.fiats, z = u.loader, P = p.featureTokens.list, N = p.featureTokens.default, q = p.loader, O = b.loader, c = b.estimate, S = c.crypto_out_amount, D = c.conversion_price, j = c.total_fee;
+  let H = 0, $ = 0;
+  const X = c.fee_breakdown;
+  for (let t = 0; t < X.length; t++) {
+    const i = X[t];
+    i.name === "ev_fee" ? H = Number(i.value) : i.name === "network_fee" && ($ = Number(i.value));
+  }
+  const [y, G] = l({
+    symbol: ""
+  }), [U, R] = l(!1), [T, a] = l(0), [v, L] = l(0), [w, Z] = l([]), [se, ve] = l(!1), [ce, Ee] = l(50), [le, ke] = l(3e3), [ee, Ae] = l(50), [me, Ie] = l(3e3), [Fe, V] = l(""), [Y, de] = l(
+    c.fiat_amount || ee.toString()
+  );
+  _(() => {
+    if (c.crypto_currency) {
+      const t = P.find(
+        (i) => i.symbol === c.crypto_currency
+      );
+      G(t);
+    } else
+      N && N.id && G(N);
+  }, [N, c.crypto_currency]), _(() => {
+    v && n(v);
+  }, [v]), _(() => {
+    if (f.length === 0)
+      return;
+    const t = [];
+    for (let i = 0; i < f.length; i++) {
+      if (f[i].symbol === E) {
+        const m = f[i].payment_options;
+        L(f[i].id);
+        let Q = !1;
+        for (let B = 0; B < m.length; B++) {
+          const J = m[B];
+          J.active && (t.push(J), m[B].id === T && (Q = !0));
+        }
+        Q || a(t[0].id);
+      }
+      Z(t);
+    }
+  }, [E, f]), _(() => {
+    if (y && y.id && Y && T && v) {
+      k(Ge()), R(!1), V("");
+      const t = setTimeout(() => {
+        Te();
+      }, 1e3);
+      return () => clearTimeout(t);
+    }
+  }, [y, Y, T, P, v]);
+  const Te = () => {
+    var B;
+    const t = parseFloat(Y);
+    if (y.symbol === ue) {
+      if (ce > t)
+        return V(
+          `Minimum value should be greater than ${d + ce}`
+        ), R(!0), !1;
+      if (le * 1 < t)
+        return V(
+          `Maximum value should be less than ${d + le}`
+        ), R(!0), !1;
+    } else {
+      if (ee * 1 > t)
+        return V(
+          `Minimum value should be greater than ${d + ee}`
+        ), R(!0), !1;
+      if (me * 1 < t)
+        return V(
+          `Maximum value should be less than ${d + me}`
+        ), R(!0), !1;
+    }
+    const i = parseFloat(A.balance);
+    if (t > i)
+      return V(
+        `Store doesn't have enough balance. Currently only ${A.balance} credits can be purchased`
+      ), R(!0), !1;
+    const m = w.find((J) => J.id === T), Q = m.payment_type;
+    k(
+      be({
+        apiKey: M,
+        transaction_type: y.symbol === ue ? re : ne,
+        coin_amount: Y,
+        exchange: y.exchange,
+        payment_type: Q,
+        fiat_ccy: E,
+        crypto_ccy: y.symbol,
+        network: (B = y.network) == null ? void 0 : B.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 = Ke, T === t && (m = qe)), i)
+      return /* @__PURE__ */ e(
+        x,
+        {
+          mt: 0.5,
+          sx: { cursor: "pointer" },
+          onClick: () => a(t * 1),
+          children: /* @__PURE__ */ e("img", { src: m, alt: "payment", width: "90%" })
+        }
+      );
+  };
+  _(() => {
+    const t = b.types.length;
+    if (t > 0)
+      for (let i = 0; i < t; i++) {
+        const m = b.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;
+        }
+      }
+  }, [b.types]);
+  const Pe = (t) => {
+    const i = t.target.value;
+    i ? /^([0-9]+)$/.test(i) && de(i) : de("");
+  }, Se = (t) => {
+    const i = P.find((m) => m.symbol === t);
+    G(i);
+  }, Re = () => {
+    if (!y.id)
+      return h({ message: "Please select token" }), !1;
+    if (!T)
+      return h({ message: "Please select payment method" }), !1;
+    if (!Y)
+      return h({ message: "Please enter amount" }), !1;
+    if (!S)
+      return h({
+        message: "Please wait for the estimate to be calculated and then press next"
+      }), !1;
+    C(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(x, { className: K["buy-info"], children: [
+        /* @__PURE__ */ e(s, { variant: "2xl", children: /* @__PURE__ */ e("strong", { children: "Buy Credits" }) }),
+        /* @__PURE__ */ r(s, { variant: "md", children: [
+          "1 credit = ",
+          D,
+          d
+        ] })
+      ] }) }),
+      /* @__PURE__ */ e(o, { size: { xs: 6 }, children: /* @__PURE__ */ r(
+        x,
+        {
+          className: K["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: A.balanceLoader ? /* @__PURE__ */ e(I, { sx: { ml: 1 }, size: 15, color: "primary" }) : /* @__PURE__ */ r(F, { children: [
+              A.balance,
+              " credits"
+            ] }) })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ e(o, { size: { xs: 2.5 }, children: /* @__PURE__ */ r(
+        x,
+        {
+          className: K["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: g })
+          ]
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ e(o, { mt: 2, spacing: 2, container: !0, children: /* @__PURE__ */ e(o, { size: { xs: 6 }, children: /* @__PURE__ */ e(
+      te,
+      {
+        label: "You Pay",
+        value: Y,
+        onChange: Pe,
+        type: "text",
+        labelFontWeight: 600,
+        error: U,
+        errorText: Fe,
+        required: !0,
+        fullWidth: !0
+      }
+    ) }) }),
+    /* @__PURE__ */ r(x, { className: "text-left", mt: 3, children: [
+      /* @__PURE__ */ e(s, { variant: "sm", fontWeight: 600, children: "Select Payment Method" }),
+      z ? /* @__PURE__ */ e(I, { sx: { ml: 1, mt: 3 }, size: 50 }) : /* @__PURE__ */ e(o, { mt: 0.5, container: !0, children: w.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: S && parseFloat((+S * 1).toFixed(5)),
+          type: "text",
+          error: U,
+          readOnly: !0,
+          required: !0,
+          fullWidth: !0
+        }
+      ) }),
+      /* @__PURE__ */ e(o, { size: { xs: 5 }, className: "content-center", children: q ? /* @__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: y.symbol,
+            onChange: (t) => Se(t.target.value),
+            children: [
+              /* @__PURE__ */ e(xe, { value: "", children: "Please select" }),
+              P.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(x, { mt: 3, sx: { color: "#1A202C" }, children: /* @__PURE__ */ r(o, { container: !0, children: [
+      /* @__PURE__ */ e(o, { className: "text-left", size: { xs: 12 }, children: /* @__PURE__ */ r(
+        ge,
+        {
+          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: [
+          d,
+          O ? /* @__PURE__ */ e(I, { size: 30, color: "primary" }) : H.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: [
+          d,
+          O ? /* @__PURE__ */ e(
+            I,
+            {
+              sx: { ml: 1 },
+              size: 15,
+              color: "primary"
+            }
+          ) : $.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: [
+        d,
+        O ? /* @__PURE__ */ e(I, { sx: { ml: 1 }, size: 15, color: "primary" }) : Number(j).toFixed(2)
+      ] }) }),
+      y && /* @__PURE__ */ r(F, { children: [
+        /* @__PURE__ */ e(o, { className: "text-left", size: { xs: 6 }, children: /* @__PURE__ */ r(s, { variant: "caption", children: [
+          "1 ",
+          y.symbol,
+          " ",
+          /* @__PURE__ */ e(
+            He,
+            {
+              title: Ve,
+              placement: "right",
+              children: /* @__PURE__ */ e(ge, { 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: [
+          d,
+          O ? /* @__PURE__ */ e(
+            I,
+            {
+              sx: { ml: 1 },
+              size: 15,
+              color: "primary"
+            }
+          ) : Number(D).toFixed(2)
+        ] }) })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ e(x, { mt: 4, children: /* @__PURE__ */ e(
+      ae,
+      {
+        onClick: Re,
+        disabled: U || !S,
+        fullWidth: !0,
+        children: /* @__PURE__ */ e("strong", { children: "Next" })
+      }
+    ) })
+  ] });
+}, pt = ({
+  setScreen: C,
+  partnerKey: b,
+  orderData: k,
+  dispatch: u,
+  walletAddress: p
+}) => {
+  const n = k.estimate, h = k.create.order_id, M = k.loader, g = n.fiat_amount, A = Ce(n.fiat_currency), [E, d] = l(!1);
+  _(() => {
+    h && E && C(ft);
+  }, [h]), _(() => {
+    f();
+  }, []);
+  const f = () => {
+    u(
+      be({
+        ...n,
+        apiKey: b,
+        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 = () => {
+    u(
+      Ue({
+        apiKey: b,
+        quoteId: n.quote_id,
+        walletAddress: p
+      })
+    ), d(!0);
+  };
+  return /* @__PURE__ */ r(F, { children: [
+    /* @__PURE__ */ e(Ne, { onClickHandler: () => C(ie) }),
+    /* @__PURE__ */ e(s, { mt: 2, variant: "sm", fontWeight: 600, children: "Using payment method" }),
+    /* @__PURE__ */ r(x, { mt: 2, className: K["confirm-payment"], children: [
+      /* @__PURE__ */ e(
+        "img",
+        {
+          src: n.payment_type === pe ? De : _e,
+          width: 100,
+          alt: "payment"
+        }
+      ),
+      /* @__PURE__ */ e(s, { variant: "caption", component: "span", children: /* @__PURE__ */ e("strong", { children: n.payment_type === pe ? "Bank Account" : "Debit Card" }) })
+    ] }),
+    /* @__PURE__ */ e(s, { mt: 4, variant: "sm", fontWeight: 600, children: "To Wallet Address" }),
+    /* @__PURE__ */ e(
+      x,
+      {
+        mt: 2,
+        className: K["confirm-payment"],
+        sx: { width: "100% !important" },
+        children: /* @__PURE__ */ e(s, { variant: "caption", component: "p", children: /* @__PURE__ */ e("strong", { children: p }) })
+      }
+    ),
+    /* @__PURE__ */ e(s, { mt: 3, variant: "sm", fontWeight: 600, component: "p", children: "Order Estimate Details" }),
+    /* @__PURE__ */ e(x, { 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: K["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(g) - 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: [
+        A,
+        Number(g).toFixed(2),
+        " ",
+        n.fiat_currency
+      ] }) }) })
+    ] }) }),
+    /* @__PURE__ */ e(x, { mt: 4, children: /* @__PURE__ */ e(
+      ae,
+      {
+        onClick: z,
+        disabled: M,
+        fullWidth: !0,
+        children: /* @__PURE__ */ e("strong", { children: M ? /* @__PURE__ */ r(F, { children: [
+          /* @__PURE__ */ e(I, { size: 15, color: "inherit" }),
+          " Processing..."
+        ] }) : "Payment Details" })
+      }
+    ) })
+  ] });
+}, ht = ({
+  checkoutKey: C,
+  setScreen: b,
+  showAlertMessage: k,
+  rrBaseUrl: u,
+  orderData: p,
+  dispatch: n
+}) => {
+  const h = p.estimate, M = p.create.order_id, g = p.payment, [A, E] = l(!0), [d, f] = l(""), [z, P] = l(!1), [N, q] = l({
+    name: "",
+    billingAddress: {
+      addressLine1: ""
+    }
+  }), [O, c] = l(!1), [S, D] = l(!0), [j, H] = l(!0), [$, X] = l(!0), [y, G] = l(!0);
+  _(() => {
+    var a, v, L, w;
+    (v = (a = g == null ? void 0 : g._links) == null ? void 0 : a.redirect) != null && v.href && window.location.replace((w = (L = g == null ? void 0 : g._links) == null ? void 0 : L.redirect) == null ? void 0 : w.href);
+  }, [g]), _(() => {
+    q({
+      name: d,
+      billingAddress: {
+        addressLine1: ""
+      }
+    });
+  }, [d]), _(() => {
+    !j && !$ && !y && d !== "" ? S && D(!1) : S || D(!0);
+  }, [d, j, $, y]);
+  const U = (a, v, L, w = /./) => {
+    if (a !== "" && !w.test(a))
+      return !1;
+    v(a);
+    const Z = typeof a == "string" ? Xe(a) : a;
+    L(!Z);
+  }, R = (a) => {
+    if (a && a.element)
+      switch (a.element) {
+        case "card-number":
+          H(a.isEmpty || !a.isValid);
+          break;
+        case "expiry-date":
+          X(a.isEmpty || !a.isValid);
+          break;
+        case "cvv":
+          G(a.isEmpty || !a.isValid);
+          break;
+        default:
+          console.log("NOOP");
+          break;
+      }
+  }, T = (a) => {
+    if (a === "") {
+      k({ message: "Error processing card" }), c(!1), b(ie);
+      return;
+    }
+    const v = {
+      token: a,
+      amount: Number(h.fiat_amount),
+      currency: h.fiat_currency,
+      reference: M,
+      success_url: `${u}/dashboard?payment=success`,
+      fail_url: `${u}/dashboard?payment=failed`
+    };
+    n(je(v));
+  };
+  return /* @__PURE__ */ r(F, { children: [
+    /* @__PURE__ */ e(Ne, { onClickHandler: () => b(oe) }),
+    /* @__PURE__ */ r(s, { className: "text-center", variant: "subtitle1", mt: 2, children: [
+      /* @__PURE__ */ e("img", { src: _e, 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(dt, {}),
+          "   ",
+          /* @__PURE__ */ e("b", { style: { marginTop: "3px" }, children: "Fiat purchasing is not available for users with Chase and Citi bank accounts" })
+        ]
+      }
+    ),
+    h.payment_provider === he && A && /* @__PURE__ */ e(x, { className: "text-center", mt: 8, children: /* @__PURE__ */ e(I, {}) }),
+    /* @__PURE__ */ e(x, { mt: 2, children: h.payment_provider === he && /* @__PURE__ */ r(
+      ye,
+      {
+        config: {
+          debug: !1,
+          publicKey: C,
+          acceptedPaymentMethods: ["Visa", "Mastercard"],
+          cardholder: N,
+          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: () => {
+          E(!1);
+        },
+        frameValidationChanged: (a) => {
+          R(a);
+        },
+        cardSubmitted: () => {
+          c(!0);
+        },
+        cardTokenized: (a) => {
+          T(a.token);
+        },
+        cardTokenizationFailed: (a) => {
+          alert("card tokenization failed"), console.log(a);
+        },
+        children: [
+          /* @__PURE__ */ e(
+            te,
+            {
+              label: "Name on Card",
+              value: d,
+              onChange: (a) => U(a.target.value, f, P),
+              error: z
+            }
+          ),
+          /* @__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: S,
+              children: /* @__PURE__ */ e("strong", { children: O ? /* @__PURE__ */ r(F, { children: [
+                /* @__PURE__ */ e(I, { size: 15, color: "inherit" }),
+                " Processing..."
+              ] }) : "Pay" })
+            }
+          )
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ e(x, { 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: C,
+  rrBaseUrl: b,
+  checkoutSdkKey: k
+}) => {
+  const u = et(), p = W((c) => c.order), n = W(
+    (c) => c.user.profile
+  ), h = p.error, M = W(
+    (c) => c.user.profile.everWalletAddress
+  ), g = W(
+    (c) => c.fiatAssets
+  ), A = W(
+    (c) => c.cryptoAssets
+  ), E = W((c) => c.app), [d, f] = l(ie), [z, P] = l(0), { showAlertMessage: N, snackBar: q } = Je();
+  return _(() => {
+    P(Qe(n.tokens.list));
+  }, [n.tokens]), _(() => {
+    h && N({ message: h });
+  }, [h]), _(() => {
+    p.initMinimalKyc && (N({ message: h, type: "info" }), f(yt));
+  }, [p.initMinimalKyc]), _(() => {
+    u(Ze()), u(fe(ne)), u(fe(re)), u(mt(E.store.info.id));
+  }, []), /* @__PURE__ */ r(F, { children: [
+    q,
+    /* @__PURE__ */ e(
+      x,
+      {
+        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(
+            ut,
+            {
+              showAlertMessage: N,
+              setScreen: f,
+              fiatAssets: g,
+              cryptoAssets: A,
+              orderData: p,
+              dispatch: u,
+              getCryptoAssets: (c) => {
+                u(we({ type: "buy", id: c, partnerKey: C }));
+              },
+              partnerKey: C,
+              balance: z,
+              store: E.store
+            }
+          ),
+          CONFIRM_SCREEN: /* @__PURE__ */ e(
+            pt,
+            {
+              partnerKey: C,
+              setScreen: f,
+              showAlertMessage: N,
+              orderData: p,
+              dispatch: u,
+              walletAddress: M
+            }
+          ),
+          PAYMENT_SCREEN: /* @__PURE__ */ e(
+            ht,
+            {
+              checkoutKey: k,
+              setScreen: f,
+              showAlertMessage: N,
+              orderData: p,
+              rrBaseUrl: b,
+              dispatch: u
+            }
+          ),
+          MINIMAL_KYC_SCREEN: /* @__PURE__ */ e(
+            tt,
+            {
+              onComplete: () => {
+                f(oe);
+              }
+            }
+          )
+        }[d]
+      }
+    )
+  ] });
+}, sr = ze(xt);
+export {
+  ut as B,
+  ht as C,
+  ie as F,
+  yt as M,
+  ft as P,
+  pt as a,
+  oe as b,
+  sr as i
+};