everest-npm-features 0.0.1 → 0.0.3

package/dist/components/Swap/index.js

@@ -0,0 +1,489 @@
+import { jsxs as n, Fragment as u, jsx as e } from "react/jsx-runtime";
+import { useRef as Ne, useState as a, useEffect as X } from "react";
+import { a as Fe, u as Ie } from "../../react-redux-B4BZippc.js";
+import { c as Ae, a as Se, P as Ce } from "../../PlayArrow-D_p2nwO8.js";
+import { I as Le } from "../../Info-CkE3Gsf2.js";
+import { G as Me } from "../../generic-token-B_ptO5yb.js";
+import { getNetworkBackGround as J, getCentralLedgetNetwork as Te, getCurrencySymbol as We } from "../../util/functions.js";
+import K from "../Shared/TokenModal/index.js";
+import { formatNumberWithoutRounding as Q } from "../../util/conversions.js";
+import "../../constants-SKm7VF9k.js";
+import { ARROW_ICON as Oe, ESTIMATE_TOOLTIP_TEXT as Re } from "../../util/constants.js";
+import Ee from "../Shared/tooltip.js";
+import Pe from "../Shared/ConnectWallet/index.js";
+import "@incodetech/welcome";
+import "../../axios-BEX6n2A7.js";
+import { useSnackBar as $e } from "../../hooks/useSnackBar.js";
+import "../SignUp/pin.js";
+import '../../assets/main.css';import '../../assets/index2.css';/* empty css                  */
+import "../../index-CAoLi5Qq.js";
+import "../../react-webcam-B3cXh1XT.js";
+import "../Shared/transition.js";
+import "../Shared/pin.js";
+import "../../moment-h96o7c8I.js";
+import "../../index.esm-BsMAMhYW.js";
+import "../../index-B8QKlEgj.js";
+import "../../index-ceeCtFuh.js";
+import { B as h } from "../../Box-BOgpENcC.js";
+import { G as l } from "../../Grid-EISqvBSJ.js";
+import { T as i } from "../../Typography-Dx54MRM5.js";
+import { F as f } from "../../FormControl-Nd-4LC8N.js";
+import { F as Z, S as C } from "../../Select-DTQDmdn_.js";
+import { F as ee, I as L } from "../../TextField-BqIvz6Zw.js";
+import { C as d } from "../../CircularProgress-BAEiXRSn.js";
+import { M as x } from "../../MenuItem-D12FP5Iq.js";
+import { L as te } from "../../ListItemIcon-JAntieDc.js";
+import { I as ae } from "../../IconButton-DAR3jsEV.js";
+import { B as ze } from "../../Button-DXdgxFxa.js";
+const Be = "_label_cuehd_1", De = "_amount_cuehd_71", s = {
+  label: Be,
+  "balance-label": "_balance-label_cuehd_13",
+  "max-btn": "_max-btn_cuehd_25",
+  amount: De,
+  "MuiFilledInput-root": "_MuiFilledInput-root_cuehd_91",
+  "amount-symbol": "_amount-symbol_cuehd_107",
+  "crypto-picker": "_crypto-picker_cuehd_125",
+  "fiat-picker": "_fiat-picker_cuehd_133",
+  "network-label": "_network-label_cuehd_141",
+  "eth-network": "_eth-network_cuehd_167",
+  "everchain-network": "_everchain-network_cuehd_175",
+  "buy-select-dd": "_buy-select-dd_cuehd_185",
+  "MuiSelect-select": "_MuiSelect-select_cuehd_201",
+  "dropdown-list-item": "_dropdown-list-item_cuehd_215",
+  "fee-area": "_fee-area_cuehd_239",
+  "info-fee-icon": "_info-fee-icon_cuehd_249",
+  "wallet-caption-text": "_wallet-caption-text_cuehd_259"
+}, Gt = () => {
+  const { showAlertMessage: m, snackBar: ne } = $e(), M = Fe((t) => t.cryptoAssets.tokens);
+  Ne();
+  const [g, Ge] = a(""), [y, Ye] = a(""), [p, N] = a("0.5"), [F, qe] = a(!1);
+  a([]), a({});
+  const [_, He] = a(!1), [re, Ue] = a(0), [le, je] = a(0), [se, Ve] = a(0);
+  a("");
+  const [oe, T] = a(!1), [W, Xe] = a(!1), [I, Je] = a([]), [o, O] = a();
+  a({});
+  const [ie, R] = a(!1), [E, ce] = a(!0), [v, me] = a([]), [r, de] = a(), [P, ue] = a(!1), [$, pe] = a(!1), [b, Ke] = a(0), [z, Qe] = a(0);
+  a(!0), a(!1);
+  const [he, B] = a(""), [D, G] = a(""), [w, Y] = a(""), [fe, Ze] = a(!0), [xe, et] = a([]);
+  a([]), a([]), a([]);
+  const [A, tt] = a(50), [ge, at] = a(1e4), [q, nt] = a("");
+  parseFloat(p.replaceAll(",", "."));
+  let H = "0.00";
+  p && y && (H = y);
+  const _e = /^([0-9]*(\,|\.)[0-9]+|[0-9]+)$/, S = We("USD"), U = Ie();
+  X(() => {
+    U(Ae()), U(Se());
+  }, []), X(() => {
+    w || (me(M), ce(!1));
+  }, [M, w]), console.log("inputTokenList", v);
+  const ve = (t) => {
+    G(t), Y(t), B("");
+  }, be = (t) => {
+    B(t), Y(t), G("");
+  }, we = (t) => {
+    const c = t.target.value;
+    c ? /^([0-9.,]+)$/.test(c) && N(Q(c, 8)) : N("");
+  }, j = (t) => {
+    const c = I.find((k) => k.id === t);
+    O(c);
+  }, V = (t) => {
+    O({});
+    const c = v.find((k) => k.id === t);
+    de(c);
+  }, ke = () => {
+    if (!r)
+      return m({
+        message: "Please select token you want to swap"
+      }), !1;
+    if (!o)
+      return m({
+        message: "Please select token you want to receive"
+      }), !1;
+    if (!p)
+      return m({ message: "Please enter amount" }), !1;
+    if (!w)
+      return m({ message: "Please select/enter wallet address" }), !1;
+    if (!_e.test(p))
+      return m({ message: "Please provide a valid amount" }), !1;
+    if (!g)
+      return m({
+        message: "Please wait for the estimate to be calculated and then press next"
+      }), !1;
+    if (p > r.fmt_balance)
+      return m({
+        message: "You don't have enough balance to make this swap"
+      }), !1;
+    if (A * 1 > b * 1)
+      return m({
+        message: "The input amount of this transaction is below our minimum, please try a higher transaction amount"
+      }), !1;
+    if (ge * 1 < b * 1)
+      return m({
+        message: "The input amount of this transaction is above our maximum, please try a lower transaction amount"
+      }), !1;
+    if ($)
+      return !1;
+    pe(!0), alert("TRade");
+  }, ye = () => {
+    r && N(Q(r.fmt_balance + "", 8));
+  };
+  return /* @__PURE__ */ n(u, { children: [
+    ne,
+    /* @__PURE__ */ n(h, { children: [
+      /* @__PURE__ */ n(l, { container: !0, children: [
+        /* @__PURE__ */ e(l, { item: !0, xs: 2.5, children: /* @__PURE__ */ e(
+          i,
+          {
+            className: s.label,
+            variant: "caption",
+            component: "p",
+            children: "You Swap"
+          }
+        ) }),
+        /* @__PURE__ */ e(l, { item: !0, xs: 9.5, children: w && r && /* @__PURE__ */ n(
+          i,
+          {
+            className: s["balance-label"],
+            variant: "caption",
+            component: "p",
+            children: [
+              "You Have: ",
+              r.fmt_balance,
+              " ",
+              r.symbol,
+              " ",
+              /* @__PURE__ */ e("span", { className: s["max-btn"], onClick: ye, children: "MAX" })
+            ]
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ n(l, { mt: 0.5, container: !0, children: [
+        /* @__PURE__ */ e(l, { item: !0, xs: 6, children: /* @__PURE__ */ n(f, { variant: "filled", className: s.amount, fullWidth: !0, children: [
+          /* @__PURE__ */ e(
+            Z,
+            {
+              value: p,
+              onChange: we,
+              type: "text",
+              placeholder: `${A > 0 ? "$" + A + " minimum value" : ""}`,
+              error: F,
+              required: !0,
+              fullWidth: !0
+            }
+          ),
+          /* @__PURE__ */ e(ee, { className: s["amount-symbol"], children: b > 0 ? "$" + (b * 1).toFixed(2) : /* @__PURE__ */ e(u, { children: " " }) })
+        ] }) }),
+        /* @__PURE__ */ e(l, { item: !0, xs: 6, className: "content-center", children: E ? /* @__PURE__ */ e(
+          d,
+          {
+            sx: { ml: 1 },
+            size: 30
+          }
+        ) : /* @__PURE__ */ n(
+          f,
+          {
+            variant: "filled",
+            className: `text-left ${s["crypto-picker"]}`,
+            fullWidth: !0,
+            children: [
+              (r == null ? void 0 : r.network) && /* @__PURE__ */ e(
+                L,
+                {
+                  className: `${s["network-label"]} ${s[J(r == null ? void 0 : r.network)]}`,
+                  children: Te(r == null ? void 0 : r.network)
+                }
+              ),
+              /* @__PURE__ */ n(
+                C,
+                {
+                  sx: {
+                    fontWeight: "bold",
+                    ".MuiSvgIcon-root ": {
+                      fill: "#16359D !important"
+                    },
+                    padding: r && r.id > 0 ? "0px" : "4.95px"
+                  },
+                  className: s["buy-select-dd"],
+                  value: r && r.id,
+                  variant: "filled",
+                  displayEmpty: !0,
+                  onChange: (t) => V(t.target.value),
+                  onOpen: (t) => {
+                    R(!0), t.preventDefault();
+                  },
+                  defaultOpen: !1,
+                  open: !1,
+                  error: F,
+                  children: [
+                    /* @__PURE__ */ e(x, { value: "", children: "Please select input" }),
+                    v.map((t) => /* @__PURE__ */ n(x, { value: t.id, children: [
+                      /* @__PURE__ */ e(te, { className: s["dropdown-list-item"], children: /* @__PURE__ */ e(
+                        "img",
+                        {
+                          src: t.icon_uri,
+                          alt: "US Flag",
+                          width: "40",
+                          height: "40"
+                        }
+                      ) }),
+                      /* @__PURE__ */ e("span", { children: t.symbol })
+                    ] }, t.id))
+                  ]
+                }
+              )
+            ]
+          }
+        ) }),
+        q && /* @__PURE__ */ e(i, { variant: "caption", sx: { color: "red" }, children: /* @__PURE__ */ e("strong", { children: q }) })
+      ] }),
+      /* @__PURE__ */ n(l, { mt: 4, container: !0, children: [
+        /* @__PURE__ */ e(l, { item: !0, xs: 4, children: /* @__PURE__ */ e(
+          i,
+          {
+            className: s.label,
+            variant: "caption",
+            component: "p",
+            children: "You Receive"
+          }
+        ) }),
+        /* @__PURE__ */ e(
+          l,
+          {
+            sx: { marginTop: "-20px" },
+            className: "text-center",
+            item: !0,
+            xs: 4,
+            children: /* @__PURE__ */ e("img", { src: Oe, alt: "arrow" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ n(l, { mt: 0.5, container: !0, children: [
+        /* @__PURE__ */ e(l, { item: !0, xs: 6, children: /* @__PURE__ */ n(f, { className: s.amount, fullWidth: !0, children: [
+          /* @__PURE__ */ e(
+            Z,
+            {
+              value: g && parseFloat(g).toFixed(5),
+              type: "text",
+              readOnly: !0,
+              fullWidth: !0
+            }
+          ),
+          /* @__PURE__ */ e(ee, { className: s["amount-symbol"], children: z > 0 ? "$" + (z * 1).toFixed(2) : /* @__PURE__ */ e(u, { children: " " }) })
+        ] }) }),
+        /* @__PURE__ */ e(l, { item: !0, xs: 6, className: "content-center", children: W ? /* @__PURE__ */ e(
+          d,
+          {
+            sx: { ml: 1 },
+            size: 30
+          }
+        ) : /* @__PURE__ */ n(
+          f,
+          {
+            variant: "filled",
+            className: `text-left ${s["crypto-picker"]}`,
+            fullWidth: !0,
+            children: [
+              (o == null ? void 0 : o.network) && /* @__PURE__ */ e(
+                L,
+                {
+                  className: `${s["network-label"]} ${s[J(o == null ? void 0 : o.network)]}`,
+                  children: o == null ? void 0 : o.network
+                }
+              ),
+              /* @__PURE__ */ n(
+                C,
+                {
+                  sx: {
+                    fontWeight: "bold",
+                    ".MuiSvgIcon-root ": {
+                      fill: "#16359D !important"
+                    },
+                    padding: o && o.id > 0 ? "0px" : "4.95px"
+                  },
+                  className: s["buy-select-dd"],
+                  variant: "filled",
+                  value: o && o.id,
+                  displayEmpty: !0,
+                  onChange: (t) => j(t.target.value),
+                  onOpen: (t) => {
+                    T(!0), t.preventDefault();
+                  },
+                  defaultOpen: !1,
+                  open: !1,
+                  children: [
+                    /* @__PURE__ */ e(x, { value: "", children: "Please select output" }),
+                    I.map((t) => /* @__PURE__ */ n(x, { value: t.id, children: [
+                      /* @__PURE__ */ e(te, { className: s["dropdown-list-item"], children: /* @__PURE__ */ e(
+                        "img",
+                        {
+                          src: t.icon_uri,
+                          onError: ({ currentTarget: c }) => {
+                            c.onerror = null, c.src = Me;
+                          },
+                          alt: "tokenImage",
+                          width: "40",
+                          height: "40"
+                        }
+                      ) }),
+                      /* @__PURE__ */ e("span", { children: t.symbol.toUpperCase() })
+                    ] }, t.id))
+                  ]
+                }
+              )
+            ]
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ e(h, { mt: 2.5, className: s["fee-area"], children: /* @__PURE__ */ n(l, { container: !0, children: [
+        /* @__PURE__ */ e(l, { className: "text-left", item: !0, xs: 12, children: /* @__PURE__ */ n(
+          ae,
+          {
+            sx: { padding: "0" },
+            onClick: () => ue((t) => !t),
+            disableFocusRipple: !0,
+            disableRipple: !0,
+            children: [
+              /* @__PURE__ */ e(i, { variant: "caption", children: /* @__PURE__ */ e("strong", { children: "Fee Calculation" }) }),
+              /* @__PURE__ */ e(
+                Ce,
+                {
+                  sx: {
+                    transform: `rotate(${P ? "90" : "0"}deg)`,
+                    fontSize: "15px"
+                  }
+                }
+              )
+            ]
+          }
+        ) }),
+        P && /* @__PURE__ */ n(u, { children: [
+          /* @__PURE__ */ e(l, { className: "text-left", item: !0, xs: 6, children: /* @__PURE__ */ e(i, { variant: "caption", children: "Everest Fee" }) }),
+          /* @__PURE__ */ e(l, { className: "text-right", item: !0, xs: 6, children: /* @__PURE__ */ n(i, { variant: "caption", children: [
+            S,
+            _ ? /* @__PURE__ */ e(
+              d,
+              {
+                sx: { ml: 1 },
+                size: 15
+              }
+            ) : le.toFixed(2)
+          ] }) }),
+          /* @__PURE__ */ e(l, { className: "text-left", item: !0, xs: 6, children: /* @__PURE__ */ e(i, { variant: "caption", children: "Network Fee" }) }),
+          /* @__PURE__ */ e(l, { className: "text-right", item: !0, xs: 6, children: /* @__PURE__ */ n(i, { variant: "caption", children: [
+            S,
+            _ ? /* @__PURE__ */ e(
+              d,
+              {
+                sx: { ml: 1 },
+                size: 15
+              }
+            ) : se.toFixed(2)
+          ] }) })
+        ] }),
+        /* @__PURE__ */ e(l, { className: "text-left", item: !0, xs: 6, children: /* @__PURE__ */ e(i, { variant: "caption", children: "Total Fees" }) }),
+        /* @__PURE__ */ e(l, { className: "text-right", item: !0, xs: 6, children: /* @__PURE__ */ n(i, { variant: "caption", children: [
+          S,
+          _ ? /* @__PURE__ */ e(
+            d,
+            {
+              sx: { ml: 1 },
+              size: 15
+            }
+          ) : re.toFixed(2)
+        ] }) }),
+        o && r && /* @__PURE__ */ n(u, { children: [
+          /* @__PURE__ */ e(l, { className: "text-left", item: !0, xs: 6, children: /* @__PURE__ */ n(i, { variant: "caption", children: [
+            "1 ",
+            r == null ? void 0 : r.symbol,
+            " ",
+            /* @__PURE__ */ e(Ee, { title: Re, placement: "right", children: /* @__PURE__ */ e(ae, { className: s["info-fee-icon"], children: /* @__PURE__ */ e(Le, { sx: { fontSize: "14px" } }) }) })
+          ] }) }),
+          /* @__PURE__ */ e(l, { className: "text-right", item: !0, xs: 6, children: /* @__PURE__ */ e(i, { variant: "caption", children: _ ? /* @__PURE__ */ e(
+            d,
+            {
+              sx: { ml: 1 },
+              size: 15
+            }
+          ) : parseFloat(H).toFixed(6) + " " + (o == null ? void 0 : o.symbol) }) })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ e(
+        Pe,
+        {
+          disabled: !y,
+          walletAddress: he,
+          from: "swap",
+          addressHandler: be
+        }
+      ),
+      /* @__PURE__ */ e(h, { sx: { alignItems: "left", width: "100%" }, children: fe ? /* @__PURE__ */ e(h, { mt: 2, sx: { textAlign: "center" }, children: /* @__PURE__ */ e(d, {}) }) : /* @__PURE__ */ n(u, { children: [
+        /* @__PURE__ */ e(
+          i,
+          {
+            className: s["wallet-caption-text"],
+            mt: 1,
+            mb: 1,
+            variant: "caption",
+            component: "p",
+            children: "Or"
+          }
+        ),
+        /* @__PURE__ */ n(
+          f,
+          {
+            variant: "filled",
+            fullWidth: !0,
+            children: [
+              !D && /* @__PURE__ */ e(L, { children: "Select wallet address" }),
+              /* @__PURE__ */ e(
+                C,
+                {
+                  value: D,
+                  onChange: (t) => ve(t.target.value),
+                  children: xe.map((t, c) => /* @__PURE__ */ e(x, { value: t.address, children: t.name + "(" + t.address + ")" }, c))
+                }
+              )
+            ]
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ e(h, { mt: 4, children: /* @__PURE__ */ e(
+        ze,
+        {
+          className: "wallet-btn",
+          fullWidth: !0,
+          variant: "contained",
+          onClick: ke,
+          disabled: F || !g,
+          children: /* @__PURE__ */ e("strong", { children: $ ? /* @__PURE__ */ n(u, { children: [
+            /* @__PURE__ */ e(d, { size: 15, color: "inherit" }),
+            " Processing..."
+          ] }) : "Swap" })
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ e(
+      K,
+      {
+        open: ie,
+        setModal: R,
+        loader: E,
+        tokenList: v,
+        tokenSelect: V
+      }
+    ),
+    /* @__PURE__ */ e(
+      K,
+      {
+        open: oe,
+        setModal: T,
+        loader: W,
+        tokenList: I,
+        tokenSelect: j
+      }
+    )
+  ] });
+};
+export {
+  Gt as default
+};

package/dist/components/SwapAndUniSwap/index.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const _default: React.FC<object & import('../../hoc/withThemeProvider').WithThemeProviderProps>;
+export default _default;

package/dist/components/SwapAndUniSwap/index.js

@@ -0,0 +1,43 @@
+import { jsx as e, Fragment as s, jsxs as c } from "react/jsx-runtime";
+import { useState as o } from "react";
+import l from "../Swap/index.js";
+import p from "../../hoc/withThemeProvider.js";
+import { B as i } from "../../Box-BOgpENcC.js";
+import { G as a } from "../../Grid2-B0mJbwjl.js";
+import { T as m } from "../../Typography-Dx54MRM5.js";
+import '../../assets/index.css';const d = "_container_1pyai_1", _ = "_active_1pyai_43", n = {
+  container: d,
+  "inner-container": "_inner-container_1pyai_13",
+  "menu-btn": "_menu-btn_1pyai_29",
+  active: _,
+  "menu-item": "_menu-item_1pyai_53",
+  "menu-text": "_menu-text_1pyai_65"
+}, h = () => {
+  const [t, r] = o(!1);
+  return /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(i, { className: n.container, children: /* @__PURE__ */ c(i, { className: `${n["inner-container"]} text-center`, children: [
+    /* @__PURE__ */ e(i, { mb: 4, className: n["menu-btn"], children: /* @__PURE__ */ c(a, { container: !0, spacing: 5, sx: { width: "370px" }, children: [
+      /* @__PURE__ */ e(a, { className: n["menu-item"], size: 6, children: /* @__PURE__ */ e(
+        m,
+        {
+          className: `${n["menu-text"]} font-bold ${t ? "" : n.active}`,
+          variant: "h4",
+          onClick: () => r(!1),
+          children: "Everest"
+        }
+      ) }),
+      /* @__PURE__ */ e(a, { className: n["menu-item"], size: 6, children: /* @__PURE__ */ e(
+        m,
+        {
+          className: `${n["menu-text"]} font-bold ${t ? n.active : ""}`,
+          variant: "h4",
+          onClick: () => r(!0),
+          children: "Uniswap"
+        }
+      ) })
+    ] }) }),
+    t ? /* @__PURE__ */ e("h1", { children: "UniSwap" }) : /* @__PURE__ */ e(l, {})
+  ] }) }) });
+}, S = p(h);
+export {
+  S as default
+};