everest-npm-features 0.0.23 → 0.0.24

package/dist/tokenRow-BR8f4g7G.js

@@ -0,0 +1,198 @@
+import { jsx as e, Fragment as p, jsxs as t } from "react/jsx-runtime";
+import { useState as b, Fragment as E } from "react";
+import { G as w } from "./generic-token-B_ptO5yb.js";
+import { A as y } from "./ArrowRight-rYkfGJuF.js";
+import { A as G } from "./ArrowDropDown-BC_iEASy.js";
+import { US_DOLLAR_ISO3 as o } from "./util/constants.js";
+import { numberFormat as z } from "./util/conversions.js";
+import { G as r } from "./Grid-BXyV_lM8.js";
+import { D as N } from "./Divider-Dy5hKfey.js";
+import { B as S } from "./Button-C57IMamW.js";
+import './assets/tokenRow.css';const W = "_container_boumk_1", c = {
+  container: W,
+  "inner-container": "_inner-container_boumk_13",
+  "portfolio-info": "_portfolio-info_boumk_27",
+  "currency-toggle": "_currency-toggle_boumk_41",
+  "profile-feat-btn": "_profile-feat-btn_boumk_65",
+  "text-color": "_text-color_boumk_81",
+  "dropdown-list-item": "_dropdown-list-item_boumk_89",
+  "balance-item": "_balance-item_boumk_101",
+  "crdt-links": "_crdt-links_boumk_119"
+}, q = ({
+  token: s,
+  currencyData: d,
+  fiatBalance: h,
+  isWithdraw: D,
+  showExpanded: m,
+  setMarketToken: _,
+  inValidMarketTokenList: u,
+  currency: n,
+  currencySymbol: a,
+  navigate: I
+}) => {
+  const [x, F] = b(!1), [R, g] = b([]), C = async (i) => {
+    m && i.wallets && (F((l) => !l), g(x ? [] : i.wallets));
+  }, v = (i, l) => {
+    i.stopPropagation(), I("/withdraw", l);
+  }, A = (i) => {
+    switch (i) {
+      case "ID":
+        return "Everest ID";
+      case "CRDT":
+        return d.label;
+      default:
+        return i;
+    }
+  }, f = (i, l) => {
+    switch (i) {
+      case "ETH":
+        return { se: "eth_" + l };
+      case "Mainnet ID":
+      case "ID":
+        return { se: "mainnetID_" + l };
+      case "EverChain ID":
+        return { se: "everchainID_" + l };
+      case "CRDT":
+        return { se: "crdt_" + l };
+      default:
+        return { se: i + "_" + l };
+    }
+  }, T = s.symbol.replace(".c", "");
+  return /* @__PURE__ */ e(p, { children: /* @__PURE__ */ t(
+    r,
+    {
+      className: `${c["balance-item"]} ${m ? "cursor-pointer" : ""}`,
+      ...f(s.name, "bar"),
+      onClick: () => C(s),
+      rowSpacing: { xs: 2, md: 0 },
+      container: !0,
+      children: [
+        /* @__PURE__ */ e(r, { size: 4, sx: { display: { xs: "flex", md: "none" } }, children: /* @__PURE__ */ e("strong", { children: "Token" }) }),
+        /* @__PURE__ */ t(r, { className: "text-mob-right", size: { xs: 8, md: 5 }, children: [
+          s.icon_uri ? /* @__PURE__ */ e(
+            "img",
+            {
+              alt: "",
+              src: s.icon_uri,
+              onError: ({ currentTarget: i }) => {
+                i.onerror = null, i.src = w;
+              },
+              width: 40,
+              height: 40
+            }
+          ) : /* @__PURE__ */ e("img", { src: w, width: 40, height: 40 }),
+          " ",
+          /* @__PURE__ */ t("span", { className: c["text-color"], children: [
+            /* @__PURE__ */ e("strong", { children: A(s.symbol) }),
+            D && s.symbol === "EUR.c" ? /* @__PURE__ */ e("span", { className: c["crdt-links"], children: /* @__PURE__ */ e(
+              "span",
+              {
+                className: "text-underline",
+                onClick: (i) => v(i, s),
+                children: "Withdraw"
+              }
+            ) }) : null
+          ] })
+        ] }),
+        /* @__PURE__ */ e(r, { size: 4, sx: { display: { xs: "flex", md: "none" } }, children: /* @__PURE__ */ e("strong", { children: "Qty." }) }),
+        /* @__PURE__ */ e(
+          r,
+          {
+            className: "text-right fw500",
+            size: { xs: 8, md: 2 },
+            title: s.balance,
+            children: s.name === "CRDT" ? d.symbol + h : z(s.balance)
+          }
+        ),
+        /* @__PURE__ */ e(r, { size: 6, sx: { display: { xs: "flex", md: "none" } }, children: /* @__PURE__ */ e("strong", { children: "Per Token" }) }),
+        /* @__PURE__ */ t(
+          r,
+          {
+            className: "text-right fw500",
+            sx: { color: "#00B171" },
+            size: { xs: 6, md: 2 },
+            children: [
+              a,
+              n === o ? s.usd_unit.toFixed(5) * 1 : s.eur_unit.toFixed(5) * 1
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(r, { size: 6, sx: { display: { xs: "flex", md: "none" } }, children: /* @__PURE__ */ t("strong", { children: [
+          "Value (",
+          n,
+          ")"
+        ] }) }),
+        /* @__PURE__ */ t(r, { className: "text-right fw500", size: { xs: 6, md: 2 }, children: [
+          a,
+          n === o ? s.balance_usd.toFixed(5) * 1 : s.balance_eur.toFixed(5) * 1
+        ] }),
+        m && /* @__PURE__ */ e(r, { className: "text-center-right", size: { xs: 12, md: 1 }, children: s.wallets && s.wallets.length > 0 ? /* @__PURE__ */ e("span", { className: c["text-color"], children: x ? /* @__PURE__ */ e(G, { sx: { fontSize: "35px" } }) : /* @__PURE__ */ e(y, { sx: { fontSize: "35px" } }) }) : null }),
+        R.map((i, l) => /* @__PURE__ */ t(E, { children: [
+          /* @__PURE__ */ e(N, { sx: { width: "100%" } }),
+          /* @__PURE__ */ t(
+            r,
+            {
+              container: !0,
+              rowSpacing: { xs: 2, md: 0 },
+              sx: { padding: "17px 0px" },
+              children: [
+                /* @__PURE__ */ e(r, { size: 4, sx: { display: { xs: "flex", md: "none" } }, children: /* @__PURE__ */ e("strong", { children: "Wallet" }) }),
+                /* @__PURE__ */ e(r, { className: "text-mob-right", size: { xs: 8, md: 5 }, children: /* @__PURE__ */ e("span", { className: "wallet-token secondary-text-color", children: /* @__PURE__ */ e("strong", { children: i.walletName }) }) }),
+                /* @__PURE__ */ e(r, { size: 4, sx: { display: { xs: "flex", md: "none" } }, children: /* @__PURE__ */ e("strong", { children: "Qty." }) }),
+                /* @__PURE__ */ e(
+                  r,
+                  {
+                    className: "text-right fw500",
+                    size: { xs: 8, md: 2 },
+                    title: i.balance,
+                    ...i.walletName === "EverWallet" && f(s.name, "everwallet_balance"),
+                    children: s.name === "CRDT" ? d.symbol + h : z(i.balance)
+                  }
+                ),
+                /* @__PURE__ */ e(r, { size: 6, sx: { display: { xs: "flex", md: "none" } }, children: /* @__PURE__ */ e("strong", { children: "Per Token" }) }),
+                /* @__PURE__ */ t(
+                  r,
+                  {
+                    className: "text-right fw500",
+                    sx: { color: "#00B171" },
+                    size: { xs: 6, md: 2 },
+                    children: [
+                      a,
+                      n === o ? s.usd_unit.toFixed(5) * 1 : s.eur_unit.toFixed(5) * 1
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ e(r, { size: 6, sx: { display: { xs: "flex", md: "none" } }, children: /* @__PURE__ */ e("strong", { children: "Value" }) }),
+                /* @__PURE__ */ t(r, { className: "text-right fw500", size: { xs: 6, md: 2 }, children: [
+                  a,
+                  n === o ? i.balance_usd.toFixed(5) * 1 : i.balance_eur.toFixed(5) * 1
+                ] })
+              ]
+            }
+          )
+        ] }, l)),
+        x && u && !u.includes(T) ? /* @__PURE__ */ t(p, { children: [
+          /* @__PURE__ */ e(N, { sx: { width: "100%", mt: 1 } }),
+          /* @__PURE__ */ e(r, { container: !0, children: /* @__PURE__ */ e(r, { className: "flex-center", size: 12, children: /* @__PURE__ */ e(
+            S,
+            {
+              onClick: () => _ && _(s),
+              className: "wallet-btn",
+              variant: "contained",
+              sx: {
+                mt: 1,
+                width: { xs: "70%", md: "30%" }
+              },
+              children: /* @__PURE__ */ e("strong", { children: "Market Info" })
+            }
+          ) }) })
+        ] }) : ""
+      ]
+    },
+    s.name
+  ) });
+};
+export {
+  q as T,
+  c as s
+};