everest-npm-features 0.0.17 → 0.0.18

package/dist/components/Wallet/Swap/index.js

@@ -1,97 +1,131 @@
-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-Dent7shn.js";
+import { jsxs as a, jsx as e, Fragment as x } from "react/jsx-runtime";
+import { useState as u, useEffect as v } from "react";
+import { u as P, a as Oe } from "../../../react-redux-C7I9-1M6.js";
+import { P as Ee } from "../../../PlayArrow-BYMBg9J8.js";
 import { I as Le } from "../../../Info-DPMWjNcQ.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-A8X7fywY.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 "../../../hoc/withThemeProvider.js";
+import { G as We } from "../../../generic-token-B_ptO5yb.js";
+import { getCentralLedgetNetwork as D, getNetworkBackGround as se, getCurrencySymbol as Re } from "../../../util/functions.js";
+import ie from "../Shared/TokenModal/index.js";
+import { formatNumberWithoutRounding as le } from "../../../util/conversions.js";
+import { F as $e } from "../../../constants-QcvnheTz.js";
+import { u as Pe } from "../../../index-f15o1nhn.js";
+import { f as De, a as ze, b as Be } from "../../../cryptoAssets-DBfxll21.js";
+import { u as Ue } from "../../../wallet-D7MEPP5y.js";
+import { o as z, a as qe, b as Ge, c as Ye } from "../../../order-6L4LZOBs.js";
+import { DIALOG_SUCCESS_ICON as je, TOKEN_TO_TOKEN as He, ARROW_ICON as Ke, ESTIMATE_TOOLTIP_TEXT as Xe } from "../../../util/constants.js";
+import { M as Ve } from "../../../tooltip-BVZ66d8C.js";
+import Je from "../../../hoc/withThemeProvider.js";
 import "../Shared/appButton.js";
 import "../Shared/Auth/otpForm.js";
-import "../../../context/snackBarContext.js";
-import { useSnackBar as $e } from "../../../hooks/useSnackBar.js";
+import { AuthContainer as Qe } from "../Shared/Container/index.js";
+import { useSnackBarContext as Ze } from "../../../context/snackBarContext.js";
+import { useDialog as et } from "../../../hooks/useDialog/index.js";
 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 "../../../web3-u4qDZYpo.js";
 import "../../../index-B8QKlEgj.js";
 import "../../../index-ceeCtFuh.js";
-import { B as h } from "../../../Box-rIIGCyb6.js";
-import { G as l } from "../../../Grid-C6plET3a.js";
-import { T as i } from "../../../Typography-DiFeMX5p.js";
-import { F as f } from "../../../FormControl-uQi14shL.js";
-import { F as Z } from "../../../FilledInput-Bvhqpjsa.js";
-import { F as ee, I as C } from "../../../TextField-BtFFWrf2.js";
-import { C as d } from "../../../CircularProgress-CBhr9Pli.js";
-import { S as L } from "../../../Select-BsqVGicz.js";
-import { M as x } from "../../../MenuItem-BKHoKEhO.js";
-import { L as te } from "../../../ListItemIcon-BO6nZHNq.js";
-import { I as ae } from "../../../IconButton-DRnoPKKH.js";
-import { B as ze } from "../../../Button-Csuq67Py.js";
-import '../../../assets/index2.css';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"
-}, Yt = () => {
-  const { showAlertMessage: m, snackBar: ne } = $e(), M = Fe((t) => t.cryptoAssets.tokens);
-  Ne(null);
-  const [g, Ge] = a(""), [k, 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 && k && (H = k);
-  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((y) => y.id === t);
-    O(c);
-  }, V = (t) => {
-    O({});
-    const c = v.find((y) => y.id === t);
-    de(c);
-  }, ye = () => {
+import { s } from "../../../styles.module-BFHktEw2.js";
+import { B as w } from "../../../Box-rIIGCyb6.js";
+import { G as n } from "../../../Grid-C6plET3a.js";
+import { T as l } from "../../../Typography-DiFeMX5p.js";
+import { F as y } from "../../../FormControl-uQi14shL.js";
+import { F as A } from "../../../FilledInput-Bvhqpjsa.js";
+import { F as ce, I as B } from "../../../TextField-BtFFWrf2.js";
+import { C as p } from "../../../CircularProgress-CBhr9Pli.js";
+import { S as U } from "../../../Select-BsqVGicz.js";
+import { M as k } from "../../../MenuItem-BKHoKEhO.js";
+import { L as me } from "../../../ListItemIcon-BO6nZHNq.js";
+import { I as de } from "../../../IconButton-DRnoPKKH.js";
+import { B as tt } from "../../../Button-Csuq67Py.js";
+const rt = ({ partnerKey: I, navigate: q }) => {
+  var ae, ne;
+  const { openDialog: ue, ConfirmDialog: pe } = et(), { showAlertMessage: m } = Ze(), N = P((t) => t.order), g = P(
+    (t) => t.cryptoAssets
+  ), G = P(Pe), fe = G.data, { loader: he } = G, M = g.featureTokens.swap.inputList, r = g.featureTokens.swap.inputDefault, b = g.featureTokens.swap.outputList, o = g.featureTokens.swap.outputDefault, _ = g.loader, O = N.error, Y = N.create.order_id, S = N.loader, c = N.estimate, C = c.output_token.amount, xe = c.conversion_price, ge = c.total_fee, F = Number((ae = c == null ? void 0 : c.input_token) == null ? void 0 : ae.fiat_amount), j = Number((ne = c == null ? void 0 : c.output_token) == null ? void 0 : ne.fiat_amount);
+  let H = 0, K = 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" && (K = Number(i.value));
+  }
+  const [f, E] = u("50"), [L, be] = u(!1), [ve, V] = u(!1), [we, J] = u(!1), [Q, ye] = u(!1), [W, Z] = u(!1), [h, ke] = u(""), [R, ot] = u(50), [Ne, at] = u(1e4), [ee, _e] = u(""), Se = /^([0-9]*(\,|\.)[0-9]+|[0-9]+)$/, $ = Re("USD"), d = Oe(), Ce = (t) => {
+    d(ze(t));
+  }, te = (t) => {
+    d(Be(t));
+  };
+  v(() => {
+    Y && W && ue({
+      icon: je,
+      title: "Swap Success",
+      message: "Your transaction was successful for more details on the transaction, please view your transaction history.",
+      cancelButtonText: "Swap again",
+      onCancel: () => {
+        d(z()), Z(!1);
+      },
+      confirmButtonText: "Track Order",
+      onConfirm: () => {
+        q && q("/history"), d(z());
+      },
+      height: "490px"
+    });
+  }, [Y]), v(() => {
+    d(
+      De({
+        type: $e,
+        id: r.id,
+        walletAddress: h,
+        partnerKey: I
+      })
+    );
+  }, [r.id, h]), v(() => (d(Ue()), () => {
+    d(z());
+  }), []), v(() => {
+    O && m({ message: O });
+  }, [O]), v(() => {
+    if (o && o.id && f) {
+      d(qe()), be(!1), _e("");
+      const t = setTimeout(() => {
+        Fe();
+      }, 1e3);
+      return () => clearTimeout(t);
+    }
+  }, [f, r, o]);
+  const Fe = () => {
+    r.network && o && o.network && d(
+      Ge({
+        apiKey: I,
+        transaction_type: He,
+        coin_amount: f,
+        input_token: r.symbol,
+        input_token_network: D(r.network.name),
+        exchange: r.exchange,
+        output_token: o.symbol,
+        output_token_network: D(
+          o.network.name
+        ),
+        output_exchange: o.exchange
+      })
+    );
+  }, Te = (t) => {
+    ke(t);
+  }, Ae = (t) => {
+    const i = t.target.value;
+    i ? /^([0-9.,]+)$/.test(i) && E(le(i, 8)) : E("");
+  }, re = (t) => {
+    if (b) {
+      const i = b.find((T) => T.symbol === t);
+      te(i);
+    }
+  }, oe = (t) => {
+    te({});
+    const i = M.find((T) => T.symbol === t);
+    Ce(i);
+  }, Ie = () => {
     if (!r)
       return m({
         message: "Please select token you want to swap"
@@ -100,40 +134,46 @@ import '../../../assets/index2.css';const Be = "_label_cuehd_1", De = "_amount_c
       return m({
         message: "Please select token you want to receive"
       }), !1;
-    if (!p)
+    if (!f)
       return m({ message: "Please enter amount" }), !1;
-    if (!w)
+    if (!h)
       return m({ message: "Please select/enter wallet address" }), !1;
-    if (!_e.test(p))
+    if (!Se.test(f))
       return m({ message: "Please provide a valid amount" }), !1;
-    if (!g)
+    if (!C)
       return m({
         message: "Please wait for the estimate to be calculated and then press next"
       }), !1;
-    if (p > r.fmt_balance)
+    if (r.fmt_balance && f > r.fmt_balance)
       return m({
         message: "You don't have enough balance to make this swap"
       }), !1;
-    if (A * 1 > b * 1)
+    if (R * 1 > F * 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)
+    if (Ne * 1 < F * 1)
       return m({
         message: "The input amount of this transaction is above our maximum, please try a lower transaction amount"
       }), !1;
-    if ($)
+    if (W)
       return !1;
-    pe(!0), alert("TRade");
-  }, ke = () => {
-    r && N(Q(r.fmt_balance + "", 8));
+    Z(!0), d(
+      Ye({
+        apiKey: I,
+        quoteId: c.quote_id,
+        walletAddress: h
+      })
+    );
+  }, Me = () => {
+    r && E(le(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,
+  return /* @__PURE__ */ a(Qe, { addPadding: !0, children: [
+    /* @__PURE__ */ a(w, { children: [
+      /* @__PURE__ */ e(pe, {}),
+      /* @__PURE__ */ a(n, { container: !0, children: [
+        /* @__PURE__ */ e(n, { item: !0, xs: 2.5, children: /* @__PURE__ */ e(
+          l,
           {
             className: s.label,
             variant: "caption",
@@ -141,8 +181,8 @@ import '../../../assets/index2.css';const Be = "_label_cuehd_1", De = "_amount_c
             children: "You Swap"
           }
         ) }),
-        /* @__PURE__ */ e(l, { item: !0, xs: 9.5, children: w && r && /* @__PURE__ */ n(
-          i,
+        /* @__PURE__ */ e(n, { item: !0, xs: 9.5, children: h && r && /* @__PURE__ */ a(
+          l,
           {
             className: s["balance-label"],
             variant: "caption",
@@ -153,72 +193,88 @@ import '../../../assets/index2.css';const Be = "_label_cuehd_1", De = "_amount_c
               " ",
               r.symbol,
               " ",
-              /* @__PURE__ */ e("span", { className: s["max-btn"], onClick: ke, children: "MAX" })
+              /* @__PURE__ */ e("span", { className: s["max-btn"], onClick: Me, 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,
+      /* @__PURE__ */ a(n, { spacing: 0, mt: 0.5, container: !0, children: [
+        /* @__PURE__ */ e(n, { item: !0, xs: 6, children: /* @__PURE__ */ a(
+          y,
           {
-            sx: { ml: 1 },
-            size: 30
+            className: `${s.amount} ${s["fiat-field"]}`,
+            fullWidth: !0,
+            children: [
+              /* @__PURE__ */ e(
+                A,
+                {
+                  disableUnderline: !0,
+                  value: f,
+                  onChange: Ae,
+                  type: "text",
+                  placeholder: `${R > 0 ? "$" + R + " minimum value" : ""}`,
+                  error: L,
+                  required: !0,
+                  fullWidth: !0
+                }
+              ),
+              /* @__PURE__ */ e(ce, { className: s["amount-symbol"], children: F > 0 ? "$" + (F * 1).toFixed(2) : /* @__PURE__ */ e(x, { children: " " }) })
+            ]
           }
-        ) : /* @__PURE__ */ n(
-          f,
+        ) }),
+        /* @__PURE__ */ e(n, { item: !0, xs: 6, className: "content-center", children: _ ? /* @__PURE__ */ e(p, { sx: { ml: 1 }, size: 30 }) : /* @__PURE__ */ a(
+          y,
           {
             variant: "filled",
             className: `text-left ${s["crypto-picker"]}`,
             fullWidth: !0,
             children: [
               (r == null ? void 0 : r.network) && /* @__PURE__ */ e(
-                C,
+                B,
                 {
-                  className: `${s["network-label"]} ${s[J(r == null ? void 0 : r.network.symbol)]}`,
-                  children: Te(r == null ? void 0 : r.network.symbol)
+                  className: `${s["network-label"]} ${s[se(r == null ? void 0 : r.network.name)]}`,
+                  children: D(r == null ? void 0 : r.network.name)
                 }
               ),
-              /* @__PURE__ */ n(
-                L,
+              /* @__PURE__ */ a(
+                U,
                 {
+                  input: /* @__PURE__ */ e(A, { disableUnderline: !0 }),
                   sx: {
-                    fontWeight: "bold",
-                    ".MuiSvgIcon-root ": {
+                    borderTopLeftRadius: 0,
+                    "&::before": {
+                      borderBottom: "none"
+                    },
+                    ".MuiSelect-select": {
+                      fontSize: "21px",
+                      fontWeight: "bold",
+                      color: "#16359d",
+                      padding: "27px 12px 10px !important"
+                    },
+                    ".dropdown-list-item, span": {
+                      position: "relative",
+                      bottom: "5px"
+                    },
+                    ".MuiSvgIcon-root": {
                       fill: "#16359D !important"
                     },
-                    padding: r && r.id > 0 ? "0px" : "4.95px"
+                    padding: r.symbol !== "" ? "0px" : "4.95px"
                   },
-                  className: s["buy-select-dd"],
-                  value: r && r.id,
+                  className: "buy-select-dd",
                   variant: "filled",
+                  value: r && r.symbol,
                   displayEmpty: !0,
-                  onChange: (t) => V(t.target.value),
+                  onChange: (t) => oe(t.target.value),
                   onOpen: (t) => {
-                    R(!0), t.preventDefault();
+                    J(!0), t.preventDefault();
                   },
                   defaultOpen: !1,
                   open: !1,
-                  error: F,
+                  error: L,
                   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(
+                    /* @__PURE__ */ e(k, { value: "", children: "Please select input" }),
+                    M.map((t) => /* @__PURE__ */ a(k, { value: t.symbol, children: [
+                      /* @__PURE__ */ e(me, { className: s["dropdown-list-item"], children: /* @__PURE__ */ e(
                         "img",
                         {
                           src: t.icon_uri,
@@ -235,11 +291,11 @@ import '../../../assets/index2.css';const Be = "_label_cuehd_1", De = "_amount_c
             ]
           }
         ) }),
-        q && /* @__PURE__ */ e(i, { variant: "caption", sx: { color: "red" }, children: /* @__PURE__ */ e("strong", { children: q }) })
+        ee && /* @__PURE__ */ e(l, { variant: "caption", sx: { color: "red" }, children: /* @__PURE__ */ e("strong", { children: ee }) })
       ] }),
-      /* @__PURE__ */ n(l, { mt: 4, container: !0, children: [
-        /* @__PURE__ */ e(l, { item: !0, xs: 4, children: /* @__PURE__ */ e(
-          i,
+      /* @__PURE__ */ a(n, { mt: 4, container: !0, children: [
+        /* @__PURE__ */ e(n, { item: !0, xs: 4, children: /* @__PURE__ */ e(
+          l,
           {
             className: s.label,
             variant: "caption",
@@ -248,78 +304,100 @@ import '../../../assets/index2.css';const Be = "_label_cuehd_1", De = "_amount_c
           }
         ) }),
         /* @__PURE__ */ e(
-          l,
+          n,
           {
             sx: { marginTop: "-20px" },
             className: "text-center",
             item: !0,
             xs: 4,
-            children: /* @__PURE__ */ e("img", { src: Oe, alt: "arrow" })
+            children: /* @__PURE__ */ e("img", { src: Ke, 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,
+      /* @__PURE__ */ a(n, { mt: 0.5, container: !0, children: [
+        /* @__PURE__ */ e(n, { item: !0, xs: 6, children: /* @__PURE__ */ a(
+          y,
+          {
+            className: `${s.amount} ${s["fiat-field"]}`,
+            fullWidth: !0,
+            children: [
+              /* @__PURE__ */ e(
+                A,
+                {
+                  disableUnderline: !0,
+                  value: C && parseFloat(C).toFixed(5),
+                  type: "text",
+                  readOnly: !0,
+                  fullWidth: !0
+                }
+              ),
+              /* @__PURE__ */ e(ce, { className: s["amount-symbol"], children: j > 0 ? "$" + (j * 1).toFixed(2) : /* @__PURE__ */ e(x, { children: " " }) })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ e(n, { item: !0, xs: 6, className: "content-center", children: _ ? /* @__PURE__ */ e(
+          p,
           {
             sx: { ml: 1 },
             size: 30
           }
-        ) : /* @__PURE__ */ n(
-          f,
+        ) : /* @__PURE__ */ a(
+          y,
           {
             variant: "filled",
             className: `text-left ${s["crypto-picker"]}`,
             fullWidth: !0,
             children: [
               (o == null ? void 0 : o.network) && /* @__PURE__ */ e(
-                C,
+                B,
                 {
-                  className: `${s["network-label"]} ${s[J(o == null ? void 0 : o.network.symbol)]}`,
-                  children: o == null ? void 0 : o.network.symbol
+                  className: `${s["network-label"]} ${s[se(o == null ? void 0 : o.network.name)]}`,
+                  children: o == null ? void 0 : o.network.name
                 }
               ),
-              /* @__PURE__ */ n(
-                L,
+              /* @__PURE__ */ a(
+                U,
                 {
+                  input: /* @__PURE__ */ e(A, { disableUnderline: !0 }),
                   sx: {
-                    fontWeight: "bold",
-                    ".MuiSvgIcon-root ": {
+                    borderTopLeftRadius: 0,
+                    "&::before": {
+                      borderBottom: "none"
+                    },
+                    ".MuiSelect-select": {
+                      fontSize: "21px",
+                      fontWeight: "bold",
+                      color: "#16359d",
+                      padding: "27px 12px 10px !important"
+                    },
+                    ".dropdown-list-item, span": {
+                      position: "relative",
+                      bottom: "5px"
+                    },
+                    ".MuiSvgIcon-root": {
                       fill: "#16359D !important"
                     },
-                    padding: o && o.id > 0 ? "0px" : "4.95px"
+                    padding: o && o.symbol !== "" ? "0px" : "4.95px"
                   },
-                  className: s["buy-select-dd"],
+                  className: "buy-select-dd",
                   variant: "filled",
-                  value: o && o.id,
+                  value: o && o.symbol,
                   displayEmpty: !0,
-                  onChange: (t) => j(t.target.value),
+                  onChange: (t) => re(t.target.value),
                   onOpen: (t) => {
-                    T(!0), t.preventDefault();
+                    V(!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(
+                    /* @__PURE__ */ e(k, { value: "", children: "Please select output" }),
+                    b && b.map((t) => /* @__PURE__ */ a(k, { value: t.symbol, children: [
+                      /* @__PURE__ */ e(me, { className: s["dropdown-list-item"], children: /* @__PURE__ */ e(
                         "img",
                         {
                           src: t.icon_uri,
-                          onError: ({ currentTarget: c }) => {
-                            c.onerror = null, c.src = Me;
+                          onError: ({ currentTarget: i }) => {
+                            i.onerror = null, i.src = We;
                           },
                           alt: "tokenImage",
                           width: "40",
@@ -335,21 +413,21 @@ import '../../../assets/index2.css';const Be = "_label_cuehd_1", De = "_amount_c
           }
         ) })
       ] }),
-      /* @__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,
+      /* @__PURE__ */ e(w, { mt: 2.5, className: s["fee-area"], children: /* @__PURE__ */ a(n, { container: !0, children: [
+        /* @__PURE__ */ e(n, { className: "text-left", item: !0, xs: 12, children: /* @__PURE__ */ a(
+          de,
           {
             sx: { padding: "0" },
-            onClick: () => ue((t) => !t),
+            onClick: () => ye((t) => !t),
             disableFocusRipple: !0,
             disableRipple: !0,
             children: [
-              /* @__PURE__ */ e(i, { variant: "caption", children: /* @__PURE__ */ e("strong", { children: "Fee Calculation" }) }),
+              /* @__PURE__ */ e(l, { variant: "caption", children: /* @__PURE__ */ e("strong", { children: "Fee Calculation" }) }),
               /* @__PURE__ */ e(
-                Ce,
+                Ee,
                 {
                   sx: {
-                    transform: `rotate(${P ? "90" : "0"}deg)`,
+                    transform: `rotate(${Q ? "90" : "0"}deg)`,
                     fontSize: "15px"
                   }
                 }
@@ -357,134 +435,112 @@ import '../../../assets/index2.css';const Be = "_label_cuehd_1", De = "_amount_c
             ]
           }
         ) }),
-        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,
+        Q && /* @__PURE__ */ a(x, { children: [
+          /* @__PURE__ */ e(n, { className: "text-left", item: !0, xs: 6, children: /* @__PURE__ */ e(l, { variant: "caption", children: "Everest Fee" }) }),
+          /* @__PURE__ */ e(n, { className: "text-right", item: !0, xs: 6, children: /* @__PURE__ */ a(l, { variant: "caption", children: [
+            $,
+            S ? /* @__PURE__ */ e(
+              p,
               {
                 sx: { ml: 1 },
                 size: 15
               }
-            ) : le.toFixed(2)
+            ) : H.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,
+          /* @__PURE__ */ e(n, { className: "text-left", item: !0, xs: 6, children: /* @__PURE__ */ e(l, { variant: "caption", children: "Network Fee" }) }),
+          /* @__PURE__ */ e(n, { className: "text-right", item: !0, xs: 6, children: /* @__PURE__ */ a(l, { variant: "caption", children: [
+            $,
+            S ? /* @__PURE__ */ e(
+              p,
               {
                 sx: { ml: 1 },
                 size: 15
               }
-            ) : se.toFixed(2)
+            ) : K.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,
+        /* @__PURE__ */ e(n, { className: "text-left", item: !0, xs: 6, children: /* @__PURE__ */ e(l, { variant: "caption", children: "Total Fees" }) }),
+        /* @__PURE__ */ e(n, { className: "text-right", item: !0, xs: 6, children: /* @__PURE__ */ a(l, { variant: "caption", children: [
+          $,
+          S ? /* @__PURE__ */ e(
+            p,
             {
               sx: { ml: 1 },
               size: 15
             }
-          ) : re.toFixed(2)
+          ) : Number(ge).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: [
+        o && r && /* @__PURE__ */ a(x, { children: [
+          /* @__PURE__ */ e(n, { className: "text-left", item: !0, xs: 6, children: /* @__PURE__ */ a(l, { 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(Ve, { title: Xe, placement: "right", children: /* @__PURE__ */ e(de, { 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,
+          /* @__PURE__ */ e(n, { className: "text-right", item: !0, xs: 6, children: /* @__PURE__ */ e(l, { variant: "caption", children: S ? /* @__PURE__ */ e(
+            p,
             {
               sx: { ml: 1 },
               size: 15
             }
-          ) : parseFloat(H).toFixed(6) + " " + (o == null ? void 0 : o.symbol) }) })
+          ) : parseFloat(xe).toFixed(6) + " " + (o == null ? void 0 : o.symbol) }) })
         ] })
       ] }) }),
-      /* @__PURE__ */ e(
-        Pe,
+      /* @__PURE__ */ e(w, { sx: { alignItems: "left", width: "100%" }, children: he ? /* @__PURE__ */ e(w, { mt: 2, sx: { textAlign: "center" }, children: /* @__PURE__ */ e(p, {}) }) : /* @__PURE__ */ e(x, { children: /* @__PURE__ */ a(
+        y,
         {
-          disabled: !k,
-          walletAddress: he,
-          from: "swap",
-          addressHandler: be
+          variant: "filled",
+          fullWidth: !0,
+          children: [
+            !h && /* @__PURE__ */ e(B, { children: "Select wallet address" }),
+            /* @__PURE__ */ e(
+              U,
+              {
+                value: h,
+                onChange: (t) => Te(t.target.value),
+                children: fe.map((t, i) => /* @__PURE__ */ e(k, { value: t.address, children: t.name + "(" + t.address + ")" }, i))
+              }
+            )
+          ]
         }
-      ),
-      /* @__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(C, { children: "Select wallet address" }),
-              /* @__PURE__ */ e(
-                L,
-                {
-                  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,
+      ) }) }),
+      /* @__PURE__ */ e(w, { mt: 4, children: /* @__PURE__ */ e(
+        tt,
         {
           className: "wallet-btn",
           fullWidth: !0,
           variant: "contained",
-          onClick: ye,
-          disabled: F || !g,
-          children: /* @__PURE__ */ e("strong", { children: $ ? /* @__PURE__ */ n(u, { children: [
-            /* @__PURE__ */ e(d, { size: 15, color: "inherit" }),
+          onClick: Ie,
+          disabled: L || !C,
+          children: /* @__PURE__ */ e("strong", { children: W ? /* @__PURE__ */ a(x, { children: [
+            /* @__PURE__ */ e(p, { size: 15, color: "inherit" }),
             " Processing..."
           ] }) : "Swap" })
         }
       ) })
     ] }),
     /* @__PURE__ */ e(
-      K,
+      ie,
       {
-        open: ie,
-        setModal: R,
-        loader: E,
-        tokenList: v,
-        tokenSelect: V
+        open: we,
+        setModal: J,
+        loader: _,
+        tokenList: M,
+        tokenSelect: oe
       }
     ),
     /* @__PURE__ */ e(
-      K,
+      ie,
       {
-        open: oe,
-        setModal: T,
-        loader: W,
-        tokenList: I,
-        tokenSelect: j
+        open: ve,
+        setModal: V,
+        loader: _,
+        tokenList: b ?? [],
+        tokenSelect: re
       }
     )
   ] });
-};
+}, Vt = Je(rt);
 export {
-  Yt as default
+  Vt as default
 };