everest-npm-features 0.0.1 → 0.0.2

package/dist/index-DxLB0ZV1.js

@@ -0,0 +1,760 @@
+import { jsxs as t, Fragment as F, jsx as e } from "react/jsx-runtime";
+import { useState as c, useEffect as N } from "react";
+import ge from "./hoc/withThemeProvider.js";
+import { P as _e, F as be } from "./PlayArrow-D98xCL5M.js";
+import { I as Ce } from "./Info-CkE3Gsf2.js";
+import { G as Ne } from "./generic-token-B_ptO5yb.js";
+import X from "./components/RocketRamp/Shared/Input/index.js";
+import { ID_TOKEN_SYMBOL as ve, FIAT_TO_EVER_ID as Ee, FIAT_TO_TOKEN as ke, ESTIMATE_TOOLTIP_TEXT as Te, VISA_PAYMENT as Ie, VISA_PAYMENT_ACTIVE as Fe, SEPA_PAYMENT as Pe, SEPA_PAYMENT_ACTIVE as Ae, PAYMENT_BANK as re, SEPA_ICON as ze, VISA_ICON as se, PAYMENT_PROVIDER_CHECKOUT as ne } from "./util/constants.js";
+import { a6 as Se } from "./constants-d3SWzaRo.js";
+import { a as Re, b as ce, c as Oe, d as we } from "./order-Cry6kuj8.js";
+import Me from "./components/Shared/tooltip.js";
+import { getCurrencySymbol as le, removeExtraSpace as Be } from "./util/functions.js";
+import Q from "./components/RocketRamp/Shared/Button/index.js";
+import de from "./components/RocketRamp/Shared/backBtn.js";
+import { T as i } from "./Typography-Dx54MRM5.js";
+import { B as m } from "./Box-BOgpENcC.js";
+import { G as o } from "./Grid2-B0mJbwjl.js";
+import { C as I } from "./CircularProgress-BAEiXRSn.js";
+import "@incodetech/welcome";
+import "./axios-BEX6n2A7.js";
+import { useSnackBar as Ve } from "./hooks/useSnackBar.js";
+import "./components/SignUp/pin.js";
+import { u as Le, a as $ } from "./react-redux-B4BZippc.js";
+import './assets/main.css';import './assets/index8.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 { c as De } from "./createSvgIcon-jkXneOQN.js";
+import { s as ae, p as We, h as Ye, v as qe } from "./index-ceeCtFuh.js";
+import { I as Ke } from "./TextField-BqIvz6Zw.js";
+import { F as Ue } from "./FormControl-Nd-4LC8N.js";
+import { S as Ge } from "./Select-DTQDmdn_.js";
+import { M as ie } from "./MenuItem-D12FP5Iq.js";
+import { L as je } from "./ListItemIcon-JAntieDc.js";
+import { I as oe } from "./IconButton-DAR3jsEV.js";
+const $e = (b) => ({
+  type: Se,
+  payload: b
+}), w = {
+  "confirm-payment": "_confirm-payment_alxbn_1",
+  "confirm-transaction-network": "_confirm-transaction-network_alxbn_33",
+  "buy-info": "_buy-info_alxbn_57"
+}, He = ({
+  setScreen: b,
+  orderData: k,
+  dispatch: p,
+  fiatAssets: g,
+  cryptoAssets: h,
+  getCryptoAssets: a,
+  showAlertMessage: u
+}) => {
+  const C = "USD", f = le(C), y = g.fiats, v = g.loader, x = h.featureTokens.list, P = h.featureTokens.default, l = h.loader, z = k.loader, E = k.estimate, S = E.crypto_out_amount, W = E.conversion_price, Y = E.total_fee;
+  let R = 0, M = 0;
+  const B = E.fee_breakdown;
+  for (let r = 0; r < B.length; r++) {
+    const s = B[r];
+    s.name === "ev_fee" ? R = Number(s.value) : s.name === "network_fee" && (M = Number(s.value));
+  }
+  const [_, O] = c({
+    symbol: ""
+  }), [A, V] = c(E.fiat_amount || "50"), [L, Z] = c(!1), [T, q] = c(0), [n, D] = c(0), [K, H] = c([]), [U, pe] = c(!1);
+  c(50), c(3e3), c(50), c(3e3);
+  const [ee, tt] = c("");
+  N(() => {
+    if (E.crypto_currency) {
+      const r = x.find(
+        (s) => s.symbol === E.crypto_currency
+      );
+      O(r);
+    } else
+      P.id && O(P);
+  }, [P, E.crypto_currency]), N(() => {
+    n && a(n);
+  }, [n]), N(() => {
+    if (y.length === 0)
+      return;
+    const r = [];
+    for (let s = 0; s < y.length; s++) {
+      if (y[s].symbol === C) {
+        const d = y[s].payment_options;
+        D(y[s].id);
+        let G = !1;
+        for (let j = 0; j < d.length; j++) {
+          const te = d[j];
+          te.active && (r.push(te), d[j].id === T && (G = !0));
+        }
+        G || q(r[0].id);
+      }
+      H(r);
+    }
+  }, [C, y]), N(() => {
+    if (_ && _.id && A && T && n) {
+      p(Re());
+      const r = setTimeout(() => {
+        he();
+      }, 1e3);
+      return () => clearTimeout(r);
+    }
+  }, [_, A, T, x, n]);
+  const he = () => {
+    var d;
+    const r = K.find((G) => G.id === T), s = r.payment_type;
+    p(
+      ce({
+        transaction_type: _.symbol === ve ? Ee : ke,
+        coin_amount: A,
+        exchange: _.exchange,
+        payment_type: s,
+        fiat_ccy: C,
+        crypto_ccy: _.symbol,
+        network: (d = _.network) == null ? void 0 : d.name,
+        payment_provider: r.payment_provider
+      })
+    );
+  }, ue = ({ value: r, label: s }) => {
+    let d;
+    if (s === "credit_debit_card" ? (d = Ie, T === r && (d = Fe)) : (d = Pe, T === r && (d = Ae)), s)
+      return /* @__PURE__ */ e(
+        m,
+        {
+          mt: 0.5,
+          sx: { cursor: "pointer" },
+          onClick: () => q(r * 1),
+          children: /* @__PURE__ */ e("img", { src: d, alt: "payment", width: "90%" })
+        }
+      );
+  }, fe = (r) => {
+    const s = r.target.value;
+    s ? /^([0-9.,]+)$/.test(s) && V(s) : V("");
+  }, ye = (r) => {
+    const s = x.find((d) => d.symbol === r);
+    O(s);
+  }, xe = () => {
+    if (!_.id)
+      return u({ message: "Please select token" }), !1;
+    if (!T)
+      return u({ message: "Please select payment method" }), !1;
+    if (!A)
+      return u({ message: "Please enter amount" }), !1;
+    if (!S)
+      return u({
+        message: "Please wait for the estimate to be calculated and then press next"
+      }), !1;
+    b(me);
+  };
+  return /* @__PURE__ */ t(F, { children: [
+    /* @__PURE__ */ t(o, { mt: 0.5, spacing: 1, container: !0, children: [
+      /* @__PURE__ */ e(o, { size: { xs: 3.5 }, children: /* @__PURE__ */ t(m, { className: w["buy-info"], children: [
+        /* @__PURE__ */ e(i, { variant: "2xl", children: /* @__PURE__ */ e("strong", { children: "Buy Credits" }) }),
+        /* @__PURE__ */ t(i, { variant: "md", children: [
+          "1 credit = ",
+          W,
+          f
+        ] })
+      ] }) }),
+      /* @__PURE__ */ e(o, { size: { xs: 6 }, children: /* @__PURE__ */ t(
+        m,
+        {
+          className: w["buy-info"],
+          sx: {
+            padding: "0px 50px !important",
+            alignItems: "center"
+          },
+          children: [
+            /* @__PURE__ */ e(i, { variant: "md", children: "MAX amount you can request:" }),
+            /* @__PURE__ */ e(i, { variant: "md", children: "267 credits" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ e(o, { size: { xs: 2.5 }, children: /* @__PURE__ */ t(
+        m,
+        {
+          className: w["buy-info"],
+          sx: {
+            background: "black !important",
+            color: "white !important"
+          },
+          children: [
+            /* @__PURE__ */ e(i, { variant: "md", className: "text-right", children: "Game Balance" }),
+            /* @__PURE__ */ e(i, { variant: "lg", className: "text-right", children: "34" })
+          ]
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ t(o, { mt: 2, spacing: 2, container: !0, children: [
+      /* @__PURE__ */ e(o, { size: { xs: 6 }, children: /* @__PURE__ */ e(
+        X,
+        {
+          label: "You Pay",
+          value: A,
+          onChange: fe,
+          type: "text",
+          labelFontWeight: 600,
+          error: L,
+          required: !0,
+          fullWidth: !0
+        }
+      ) }),
+      ee && /* @__PURE__ */ e(i, { variant: "caption", sx: { color: "red" }, children: /* @__PURE__ */ e("strong", { children: ee }) })
+    ] }),
+    /* @__PURE__ */ t(m, { className: "text-left", mt: 3, children: [
+      /* @__PURE__ */ e(i, { variant: "sm", fontWeight: 600, children: "Select Payment Method" }),
+      v ? /* @__PURE__ */ e(I, { sx: { ml: 1, mt: 3 }, size: 50 }) : /* @__PURE__ */ e(o, { mt: 0.5, container: !0, children: K.map((r) => /* @__PURE__ */ e(o, { size: { xs: 2.5 }, children: /* @__PURE__ */ e(
+        ue,
+        {
+          label: r.payment_type,
+          value: r.id
+        }
+      ) }, r.id)) })
+    ] }),
+    /* @__PURE__ */ t(o, { mt: 3, spacing: 2, container: !0, children: [
+      /* @__PURE__ */ e(o, { size: { xs: 6 }, children: /* @__PURE__ */ e(
+        X,
+        {
+          label: "You Receive",
+          labelFontWeight: 600,
+          value: S && (+S * 1).toFixed(5),
+          type: "text",
+          error: L,
+          readOnly: !0,
+          required: !0,
+          fullWidth: !0
+        }
+      ) }),
+      /* @__PURE__ */ e(o, { size: { xs: 5 }, className: "content-center", children: l ? /* @__PURE__ */ e(I, { sx: { ml: 1 }, size: 30 }) : /* @__PURE__ */ t(F, { children: [
+        /* @__PURE__ */ e(Ke, { children: " " }),
+        /* @__PURE__ */ e(Ue, { variant: "outlined", fullWidth: !0, children: /* @__PURE__ */ t(
+          Ge,
+          {
+            sx: { marginTop: "-2px" },
+            inputProps: {
+              sx: {
+                display: "flex",
+                alignItems: "center",
+                padding: "10px"
+              }
+            },
+            value: _.symbol,
+            onChange: (r) => ye(r.target.value),
+            children: [
+              /* @__PURE__ */ e(ie, { value: "", children: "Please select" }),
+              x.map((r) => /* @__PURE__ */ t(ie, { value: r.symbol, children: [
+                /* @__PURE__ */ e(je, { className: "dropdown-list-item", children: /* @__PURE__ */ e(
+                  "img",
+                  {
+                    src: r.icon_uri,
+                    onError: ({ currentTarget: s }) => {
+                      s.onerror = null, s.src = Ne;
+                    },
+                    alt: "tokenImg",
+                    width: "36",
+                    height: "36"
+                  }
+                ) }),
+                /* @__PURE__ */ e("span", { children: r.symbol.toUpperCase() })
+              ] }, r.id))
+            ]
+          }
+        ) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ e(m, { mt: 3, sx: { color: "#1A202C" }, children: /* @__PURE__ */ t(o, { container: !0, children: [
+      /* @__PURE__ */ e(o, { className: "text-left", size: { xs: 12 }, children: /* @__PURE__ */ t(
+        oe,
+        {
+          sx: { padding: "0" },
+          onClick: () => pe((r) => !r),
+          disableFocusRipple: !0,
+          disableRipple: !0,
+          children: [
+            /* @__PURE__ */ e(i, { variant: "md", fontWeight: 500, children: "Fee Calculation" }),
+            /* @__PURE__ */ e(
+              _e,
+              {
+                sx: {
+                  transform: `rotate(${U ? "90" : "0"}deg)`,
+                  fontSize: "15px"
+                }
+              }
+            )
+          ]
+        }
+      ) }),
+      U && /* @__PURE__ */ t(F, { children: [
+        /* @__PURE__ */ e(o, { className: "text-left", size: { xs: 6 }, children: /* @__PURE__ */ e(i, { variant: "caption", children: "Everest Fee" }) }),
+        /* @__PURE__ */ e(o, { className: "text-right", size: { xs: 6 }, children: /* @__PURE__ */ t(i, { variant: "caption", children: [
+          f,
+          z ? /* @__PURE__ */ e(
+            I,
+            {
+              sx: { ml: 1 },
+              size: 15,
+              color: "primary"
+            }
+          ) : R.toFixed(2)
+        ] }) }),
+        /* @__PURE__ */ e(o, { className: "text-left", size: { xs: 6 }, children: /* @__PURE__ */ e(i, { variant: "caption", children: "Network Fee" }) }),
+        /* @__PURE__ */ e(o, { className: "text-right", size: { xs: 6 }, children: /* @__PURE__ */ t(i, { variant: "caption", children: [
+          f,
+          z ? /* @__PURE__ */ e(
+            I,
+            {
+              sx: { ml: 1 },
+              size: 15,
+              color: "primary"
+            }
+          ) : M.toFixed(2)
+        ] }) })
+      ] }),
+      /* @__PURE__ */ e(o, { className: "text-left", size: { xs: 6 }, children: /* @__PURE__ */ e(i, { variant: "caption", children: "Total Fees" }) }),
+      /* @__PURE__ */ e(o, { className: "text-right", size: { xs: 6 }, children: /* @__PURE__ */ t(i, { variant: "caption", children: [
+        f,
+        z ? /* @__PURE__ */ e(I, { sx: { ml: 1 }, size: 15, color: "primary" }) : Number(Y).toFixed(2)
+      ] }) }),
+      _ && /* @__PURE__ */ t(F, { children: [
+        /* @__PURE__ */ e(o, { className: "text-left", size: { xs: 6 }, children: /* @__PURE__ */ t(i, { variant: "caption", children: [
+          "1 ",
+          _.symbol,
+          " ",
+          /* @__PURE__ */ e(
+            Me,
+            {
+              title: Te,
+              placement: "right",
+              children: /* @__PURE__ */ e(oe, { className: "info-fee-icon", children: /* @__PURE__ */ e(
+                Ce,
+                {
+                  sx: {
+                    fontSize: "14px"
+                  }
+                }
+              ) })
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ e(o, { className: "text-right", size: { xs: 6 }, children: /* @__PURE__ */ t(i, { variant: "caption", children: [
+          f,
+          z ? /* @__PURE__ */ e(
+            I,
+            {
+              sx: { ml: 1 },
+              size: 15,
+              color: "primary"
+            }
+          ) : Number(W).toFixed(2)
+        ] }) })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ e(m, { mt: 4, children: /* @__PURE__ */ e(
+      Q,
+      {
+        onClick: xe,
+        disabled: L || !S,
+        fullWidth: !0,
+        children: /* @__PURE__ */ e("strong", { children: "Next" })
+      }
+    ) })
+  ] });
+}, Xe = ({
+  setScreen: b,
+  partnerKey: k,
+  orderData: p,
+  dispatch: g,
+  walletAddress: h
+}) => {
+  const a = p.estimate, u = p.create.order_id, C = p.loader, f = a.fiat_amount, y = le(a.fiat_currency), [v, x] = c(!1);
+  N(() => {
+    u && v && b(Ze);
+  }, [u]), N(() => {
+    P();
+  }, []);
+  const P = () => {
+    g(
+      ce({
+        ...a,
+        transaction_type: a.transaction_type,
+        coin_amount: a.fiat_amount,
+        exchange: a.exchange,
+        payment_type: a.payment_type,
+        fiat_ccy: a.fiat_currency,
+        crypto_ccy: a.crypto_currency,
+        network: a.network,
+        payment_provider: a.payment_provider
+      })
+    );
+  }, l = () => {
+    g(
+      Oe({
+        apiKey: k,
+        quoteId: a.quote_id,
+        walletAddress: h
+      })
+    ), x(!0);
+  };
+  return /* @__PURE__ */ t(F, { children: [
+    /* @__PURE__ */ e(de, { onClickHandler: () => b(J) }),
+    /* @__PURE__ */ e(i, { mt: 2, variant: "sm", fontWeight: 600, children: "Using payment method" }),
+    /* @__PURE__ */ t(m, { mt: 2, className: w["confirm-payment"], children: [
+      /* @__PURE__ */ e(
+        "img",
+        {
+          src: a.payment_type === re ? ze : se,
+          width: 100,
+          alt: "payment"
+        }
+      ),
+      /* @__PURE__ */ e(i, { variant: "caption", component: "span", children: /* @__PURE__ */ e("strong", { children: a.payment_type === re ? "Bank Account" : "Debit Card" }) })
+    ] }),
+    /* @__PURE__ */ e(i, { mt: 4, variant: "sm", fontWeight: 600, children: "To Wallet Address" }),
+    /* @__PURE__ */ e(
+      m,
+      {
+        mt: 2,
+        className: w["confirm-payment"],
+        sx: { width: "100% !important" },
+        children: /* @__PURE__ */ e(i, { variant: "caption", component: "p", children: /* @__PURE__ */ e("strong", { children: h }) })
+      }
+    ),
+    /* @__PURE__ */ e(i, { mt: 3, variant: "sm", fontWeight: 600, component: "p", children: "Order Estimate Details" }),
+    /* @__PURE__ */ e(m, { sx: { color: "#A6A6A6" }, children: /* @__PURE__ */ t(o, { container: !0, children: [
+      /* @__PURE__ */ e(o, { className: "text-left", size: { xs: 6 }, children: /* @__PURE__ */ t(i, { variant: "caption", children: [
+        a.crypto_currency.toUpperCase(),
+        " @",
+        " ",
+        Number(a.conversion_price).toFixed(2),
+        " ",
+        a.fiat_currency
+      ] }) }),
+      /* @__PURE__ */ e(o, { className: "flex-right", size: { xs: 6 }, children: /* @__PURE__ */ e(
+        "span",
+        {
+          className: w["confirm-transaction-network"],
+          style: {
+            backgroundColor: a.network === "Ethereum" ? "#A1A9DC" : "#5D8CCC"
+          },
+          children: a.network
+        }
+      ) }),
+      /* @__PURE__ */ e(o, { className: "text-left", size: { xs: 6 }, children: /* @__PURE__ */ t(i, { variant: "caption", children: [
+        Number(a.crypto_out_amount).toFixed(5),
+        " ",
+        a.crypto_currency.toUpperCase()
+      ] }) }),
+      /* @__PURE__ */ e(o, { className: "text-right", size: { xs: 6 }, children: /* @__PURE__ */ t(i, { variant: "caption", children: [
+        (Number(f) - Number(a.total_fee)).toFixed(2),
+        " ",
+        a.fiat_currency
+      ] }) }),
+      /* @__PURE__ */ e(o, { className: "text-left", size: { xs: 6 }, children: /* @__PURE__ */ e(i, { variant: "caption", children: "Total Fees" }) }),
+      /* @__PURE__ */ e(o, { className: "text-right", size: { xs: 6 }, children: /* @__PURE__ */ t(i, { variant: "caption", children: [
+        Number(a.total_fee).toFixed(2),
+        " ",
+        a.fiat_currency
+      ] }) }),
+      /* @__PURE__ */ e(o, { className: "text-left", size: { xs: 6 }, children: /* @__PURE__ */ e(i, { variant: "caption", children: /* @__PURE__ */ e("strong", { children: "Order Total" }) }) }),
+      /* @__PURE__ */ e(o, { className: "text-right", size: { xs: 6 }, children: /* @__PURE__ */ e(i, { variant: "caption", children: /* @__PURE__ */ t("strong", { children: [
+        y,
+        Number(f).toFixed(2),
+        " ",
+        a.fiat_currency
+      ] }) }) })
+    ] }) }),
+    /* @__PURE__ */ e(m, { mt: 4, children: /* @__PURE__ */ e(
+      Q,
+      {
+        onClick: l,
+        disabled: C,
+        fullWidth: !0,
+        children: /* @__PURE__ */ e("strong", { children: C ? /* @__PURE__ */ t(F, { children: [
+          /* @__PURE__ */ e(I, { size: 15, color: "inherit" }),
+          " Processing..."
+        ] }) : "Payment Details" })
+      }
+    ) })
+  ] });
+}, Qe = De(/* @__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"), Je = ({
+  checkoutKey: b,
+  setScreen: k,
+  showAlertMessage: p,
+  rrBaseUrl: g,
+  orderData: h,
+  dispatch: a
+}) => {
+  const u = h.estimate, C = h.create.order_id, f = h.payment, [y, v] = c(!0), [x, P] = c(""), [l, z] = c(!1), [E, S] = c({
+    name: "",
+    billingAddress: {
+      addressLine1: ""
+    }
+  }), [W, Y] = c(!1), [R, M] = c(!0), [B, _] = c(!0), [O, A] = c(!0), [V, L] = c(!0);
+  N(() => {
+    f._links.redirect.href && window.location.replace(f._links.redirect.href);
+  }, [f]), N(() => {
+    S({
+      name: x,
+      billingAddress: {
+        addressLine1: ""
+      }
+    });
+  }, [x]), N(() => {
+    !B && !O && !V && x !== "" ? R && M(!1) : R || M(!0);
+  }, [x, B, O, V]);
+  const Z = (n, D, K, H = /./) => {
+    if (n !== "" && !H.test(n))
+      return !1;
+    D(n);
+    const U = typeof n == "string" ? Be(n) : n;
+    K(!U);
+  }, T = (n) => {
+    if (n && n.element)
+      switch (n.element) {
+        case "card-number":
+          _(n.isEmpty || !n.isValid);
+          break;
+        case "expiry-date":
+          A(n.isEmpty || !n.isValid);
+          break;
+        case "cvv":
+          L(n.isEmpty || !n.isValid);
+          break;
+        default:
+          console.log("NOOP");
+          break;
+      }
+  }, q = (n) => {
+    if (n === "") {
+      p({ message: "Error processing card" }), Y(!1), k(J);
+      return;
+    }
+    const D = {
+      token: n,
+      amount: Number(u.fiat_amount),
+      currency: u.fiat_currency,
+      reference: C,
+      success_url: `${g}/dashboard`,
+      fail_url: `${g}/dashboard?status=failed`
+    };
+    a(we(D));
+  };
+  return /* @__PURE__ */ t(F, { children: [
+    /* @__PURE__ */ e(de, { onClickHandler: () => k(me) }),
+    /* @__PURE__ */ t(i, { className: "text-center", variant: "subtitle1", mt: 2, children: [
+      /* @__PURE__ */ e("img", { src: se, width: 140, alt: "Debit Card" }),
+      /* @__PURE__ */ e("br", {}),
+      /* @__PURE__ */ e("b", { children: "Debit Card" })
+    ] }),
+    /* @__PURE__ */ t(
+      i,
+      {
+        className: "text-center d-flex items-center",
+        variant: "caption",
+        mt: 2,
+        children: [
+          /* @__PURE__ */ e(Qe, {}),
+          "   ",
+          /* @__PURE__ */ e("b", { style: { marginTop: "3px" }, children: "Fiat purchasing is not available for users with Chase and Citi bank accounts" })
+        ]
+      }
+    ),
+    u.payment_provider === ne && y && /* @__PURE__ */ e(m, { className: "text-center", mt: 8, children: /* @__PURE__ */ e(I, {}) }),
+    /* @__PURE__ */ e(m, { mt: 2, children: u.payment_provider === ne && /* @__PURE__ */ t(
+      ae,
+      {
+        config: {
+          debug: !1,
+          publicKey: b,
+          acceptedPaymentMethods: ["Visa", "Mastercard"],
+          cardholder: E,
+          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: () => {
+          v(!1);
+        },
+        frameValidationChanged: (n) => {
+          T(n);
+        },
+        cardSubmitted: () => {
+          Y(!0);
+        },
+        cardTokenized: (n) => {
+          q(n.token);
+        },
+        cardTokenizationFailed: (n) => {
+          alert("card tokenization failed"), console.log(n);
+        },
+        children: [
+          /* @__PURE__ */ e(
+            X,
+            {
+              label: "Name on Card",
+              value: x,
+              onChange: (n) => Z(n.target.value, P, z),
+              error: l
+            }
+          ),
+          /* @__PURE__ */ e(
+            We,
+            {
+              style: {
+                height: "4em",
+                margin: "20px 0",
+                padding: "20px",
+                border: "1px solid #999"
+              }
+            }
+          ),
+          /* @__PURE__ */ e(
+            Ye,
+            {
+              style: {
+                height: "4em",
+                margin: "20px 0",
+                padding: "20px",
+                border: "1px solid #999"
+              }
+            }
+          ),
+          /* @__PURE__ */ e(
+            qe,
+            {
+              style: {
+                height: "4em",
+                margin: "20px 0",
+                padding: "20px",
+                border: "1px solid #999"
+              }
+            }
+          ),
+          /* @__PURE__ */ e(
+            Q,
+            {
+              onClick: () => {
+                ae.submitCard();
+              },
+              fullWidth: !0,
+              disabled: R,
+              children: /* @__PURE__ */ e("strong", { children: W ? /* @__PURE__ */ t(F, { children: [
+                /* @__PURE__ */ e(I, { size: 15, color: "inherit" }),
+                " Processing..."
+              ] }) : "Pay" })
+            }
+          )
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ e(m, { mt: 8, children: /* @__PURE__ */ e("div", { id: "st-animated-card" }) })
+  ] });
+}, J = "FORM_SCREEN", me = "CONFIRM_SCREEN", Ze = "PAYMENT_SCREEN", et = ({ partnerKey: b, rrBaseUrl: k }) => {
+  const p = Le(), g = $((l) => l.order), h = g.error, a = $(
+    (l) => l.user.profile.everWalletAddress
+  ), u = $(
+    (l) => l.fiatAssets
+  ), C = $(
+    (l) => l.cryptoAssets
+  ), [f, y] = c(J), { showAlertMessage: v, snackBar: x } = Ve();
+  return N(() => {
+    h && v({ message: h });
+  }, [h]), N(() => {
+    p($e());
+  }, []), /* @__PURE__ */ t(F, { children: [
+    x,
+    /* @__PURE__ */ e(
+      m,
+      {
+        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(
+            He,
+            {
+              showAlertMessage: v,
+              setScreen: y,
+              fiatAssets: u,
+              cryptoAssets: C,
+              orderData: g,
+              dispatch: p,
+              getCryptoAssets: (l) => {
+                p(be({ type: "buy", id: l, partnerKey: b }));
+              }
+            }
+          ),
+          CONFIRM_SCREEN: /* @__PURE__ */ e(
+            Xe,
+            {
+              partnerKey: b,
+              setScreen: y,
+              showAlertMessage: v,
+              orderData: g,
+              dispatch: p,
+              walletAddress: a
+            }
+          ),
+          PAYMENT_SCREEN: /* @__PURE__ */ e(
+            Je,
+            {
+              checkoutKey: "pk_sbox_xnmwsvzydkhjeyi34z4b6ea5qi4",
+              setScreen: y,
+              showAlertMessage: v,
+              orderData: g,
+              rrBaseUrl: k,
+              dispatch: p
+            }
+          )
+        }[f]
+      }
+    )
+  ] });
+}, qt = ge(et);
+export {
+  He as B,
+  Je as C,
+  J as F,
+  Ze as P,
+  Xe as a,
+  me as b,
+  qt as i
+};