everest-npm-features 0.0.2 → 0.0.4

package/dist/index-zP3Vu4Cl.js

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