everest-npm-features 0.0.22 → 0.0.24

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

@@ -1,19 +1,19 @@
 import { jsxs as a, jsx as e, Fragment as b } from "react/jsx-runtime";
-import { useRef as $e, useState as u, useEffect as y } from "react";
-import { u as B, a as Pe } from "../../../react-redux-C7I9-1M6.js";
-import { P as Be } from "../../../PlayArrow-1Y66tCVx.js";
-import { I as De } from "../../../Info-83BXSu73.js";
-import { G as ze } from "../../../generic-token-B_ptO5yb.js";
-import { getCentralLedgetNetwork as D, getNetworkBackGround as me, getCurrencySymbol as Ue } from "../../../util/functions.js";
-import de from "../Shared/TokenModal/index.js";
-import { formatNumberWithoutRounding as ue } from "../../../util/conversions.js";
-import { F as A } from "../../../constants-BJByDTQY.js";
+import { useRef as We, useState as u, useEffect as y } from "react";
+import { u as P, a as $e } from "../../../react-redux-C7I9-1M6.js";
+import { P as Pe } from "../../../PlayArrow-DRCGjsrx.js";
+import { I as Be } from "../../../Info-D2UkGxyK.js";
+import { G as De } from "../../../generic-token-B_ptO5yb.js";
+import { getCentralLedgetNetwork as B, getNetworkBackGround as ce, getCurrencySymbol as Ue } from "../../../util/functions.js";
+import me from "../Shared/TokenModal/index.js";
+import { formatNumberWithoutRounding as de } from "../../../util/conversions.js";
+import { F as z } from "../../../constants-CsMPRK0U.js";
 import { u as qe } from "../../../index-f15o1nhn.js";
-import { f as Ge, a as Ye, b as je } from "../../../cryptoAssets-BcVSdM1C.js";
-import { u as He } from "../../../wallet-z7NHqtCj.js";
-import { o as z, a as Ke, b as Xe, c as Ve, d as Je } from "../../../order-DhUA-ZNX.js";
+import { f as Ge, a as Ye, b as je } from "../../../cryptoAssets-CzNDY1j6.js";
+import { u as He } from "../../../wallet-DDW5KCHp.js";
+import { o as D, a as Ke, b as Xe, c as Ve, d as Je } from "../../../order-DmTHC7ZG.js";
 import { DIALOG_SUCCESS_ICON as Qe, TOKEN_TO_TOKEN as U, ARROW_ICON as Ze, ESTIMATE_TOOLTIP_TEXT as et } from "../../../util/constants.js";
-import { M as tt } from "../../../tooltip-CwdohO6q.js";
+import { M as tt } from "../../../tooltip-DGtrVEzU.js";
 import rt from "../../../hoc/withThemeProvider.js";
 import "../Shared/appButton.js";
 import "../Shared/Auth/otpForm.js";
@@ -30,46 +30,46 @@ import "../../../web3-u4qDZYpo.js";
 import "../../../index-B8QKlEgj.js";
 import "../../../index-ceeCtFuh.js";
 import { s as i } from "../../../styles.module-BFHktEw2.js";
-import { B as N } from "../../../Box-Be0E_-eR.js";
-import { G as n } from "../../../Grid-BaaKMDwM.js";
-import { T as l } from "../../../Typography-Ds4fpvK8.js";
-import { F as _ } from "../../../FormControl-Cc-02KHW.js";
-import { F as I } from "../../../FilledInput-n9W_V8GV.js";
-import { F as pe, I as q } from "../../../TextField-Cm9apaOp.js";
-import { C as h } from "../../../CircularProgress-fePUtoaj.js";
-import { S as G } from "../../../Select-DpKw-a6h.js";
-import { M as w } from "../../../MenuItem-BkJ_C9Xs.js";
-import { L as fe } from "../../../ListItemIcon-DIz-ZmJ0.js";
-import { I as he } from "../../../IconButton-8B2ygvr4.js";
-import { B as st } from "../../../Button-DCBtFwk3.js";
-const it = ({ partnerKey: M, navigate: Y }) => {
-  var le, ce;
-  const j = $e(null), { openDialog: xe, ConfirmDialog: ge } = nt(), { showAlertMessage: d } = at(), x = B((t) => t.order), v = B(
+import { B as k } from "../../../Box-B12x52NC.js";
+import { G as n } from "../../../Grid-BXyV_lM8.js";
+import { T as l } from "../../../Typography-DBlMiOti.js";
+import { F as N } from "../../../FormControl-DeeQCuu5.js";
+import { F as A } from "../../../FilledInput-DrGeWgue.js";
+import { F as ue, I as q } from "../../../TextField-q_SeLeNd.js";
+import { C as h } from "../../../CircularProgress-t8uGhLMo.js";
+import { S as G } from "../../../Select-Chubcks_.js";
+import { M as _ } from "../../../MenuItem-CeCt0bfa.js";
+import { L as pe } from "../../../ListItemIcon-GKRFb1Gr.js";
+import { I as fe } from "../../../IconButton-eWRhV6Q9.js";
+import { B as st } from "../../../Button-C57IMamW.js";
+const it = ({ partnerKey: I, navigate: Y }) => {
+  var ie, le;
+  const j = We(null), { openDialog: he, ConfirmDialog: xe } = nt(), { showAlertMessage: d } = at(), x = P((t) => t.order), w = P(
     (t) => t.cryptoAssets
-  ), H = B(qe), be = H.data, { loader: ye } = H, O = v.featureTokens.swap.inputList, r = v.featureTokens.swap.inputDefault, k = v.featureTokens.swap.outputList, o = v.featureTokens.swap.outputDefault, S = v.loader, R = x.error, K = x.create.order_id, F = x.loader, c = x.estimate[A], C = c.output_token.amount, X = c.conversion_price, we = c.total_fee, T = Number((le = c == null ? void 0 : c.input_token) == null ? void 0 : le.fiat_amount), V = Number((ce = c == null ? void 0 : c.output_token) == null ? void 0 : ce.fiat_amount);
+  ), H = P(qe), ge = H.data, { loader: be } = H, M = w.featureTokens.swap.inputList, r = w.featureTokens.swap.inputDefault, v = w.featureTokens.swap.outputList, o = w.featureTokens.swap.outputDefault, S = w.loader, O = x.error, K = x.create.order_id, F = x.loader, c = x.estimate[z], C = c.output_token.amount, X = c.conversion_price, ye = c.total_fee, T = Number((ie = c == null ? void 0 : c.input_token) == null ? void 0 : ie.fiat_amount), V = Number((le = c == null ? void 0 : c.output_token) == null ? void 0 : le.fiat_amount);
   let J = 0, Q = 0;
   const Z = c.fee_breakdown;
   for (let t = 0; t < Z.length; t++) {
     const s = Z[t];
     s.name === "ev_fee" ? J = Number(s.value) : s.name === "network_fee" && (Q = Number(s.value));
   }
-  const [g, E] = u("0.05"), [L, ve] = u(!1), [ke, ee] = u(!1), [Ne, te] = u(!1), [re, _e] = u(!1), [W, oe] = u(!1), [p, Se] = u(""), [$, Fe] = u(50), [Ce, Te] = u(1e4), [ae, Ae] = u(""), Ie = /^([0-9]*(\,|\.)[0-9]+|[0-9]+)$/, P = Ue("USD"), m = Pe(), Me = (t) => {
+  const [g, R] = u("0.05"), [E, we] = u(!1), [ve, ee] = u(!1), [ke, te] = u(!1), [re, Ne] = u(!1), [L, oe] = u(!1), [p, _e] = u(""), [W, Se] = u(50), [Fe, Ce] = u(1e4), [ae, Te] = u(""), ze = /^([0-9]*(\,|\.)[0-9]+|[0-9]+)$/, $ = Ue("USD"), m = $e(), Ae = (t) => {
     m(Ye(t));
-  }, ne = (t) => {
+  }, Ie = (t) => {
     m(je(t));
   };
   y(() => {
-    K && W && xe({
+    K && L && he({
       icon: Qe,
       title: "Swap Success",
       message: "Your transaction was successful for more details on the transaction, please view your transaction history.",
       cancelButtonText: "Swap again",
       onCancel: () => {
-        m(z()), oe(!1);
+        m(D()), oe(!1);
       },
       confirmButtonText: "Track Order",
       onConfirm: () => {
-        Y && Y("/history"), m(z());
+        Y && Y("/history"), m(D());
       },
       height: "490px"
     });
@@ -77,71 +77,71 @@ const it = ({ partnerKey: M, navigate: Y }) => {
     const t = j.current;
     (t == null ? void 0 : t.id) === r.id && (t == null ? void 0 : t.wallet) === p || (j.current = { id: r.id, wallet: p }, m(
       Ge({
-        type: A,
+        type: z,
         id: r.id,
+        outputId: o.id,
         walletAddress: p,
-        partnerKey: M
+        partnerKey: I
       })
     ));
   }, [r.id, p]), y(() => (m(He()), m(Ke(U)), () => {
-    m(z());
+    m(D());
   }), []), y(() => {
     const t = x.types.length;
     if (t > 0)
       for (let s = 0; s < t; s++) {
         const f = x.types[s];
         if (f.type === U) {
-          Fe(parseFloat(f.min_deposit_amount)), Te(parseFloat(f.max_deposit_amount));
+          Se(parseFloat(f.min_deposit_amount)), Ce(parseFloat(f.max_deposit_amount));
           break;
         }
       }
   }, [x.types]), y(() => {
-    R && d({ message: R });
-  }, [R]), y(() => {
+    O && d({ message: O });
+  }, [O]), y(() => {
     if (o && o.id && g) {
-      m(Xe(A)), ve(!1), Ae("");
+      m(Xe(z)), we(!1), Te("");
       const t = setTimeout(() => {
-        Oe();
+        Me();
       }, 1e3);
       return () => clearTimeout(t);
     }
   }, [g, r, o]);
-  const Oe = () => {
+  const Me = () => {
     r.network && o && o.network && m(
       Ve(
         {
-          apiKey: M,
+          apiKey: I,
           transaction_type: U,
           coin_amount: g,
           input_token: r.symbol,
-          input_token_network: D(
+          input_token_network: B(
             r.network.name
           ),
           exchange: r.exchange,
           output_token: o.symbol,
-          output_token_network: D(
+          output_token_network: B(
             o.network.name
           ),
           output_exchange: o.exchange
         },
-        A
+        z
       )
     );
+  }, Oe = (t) => {
+    _e(t);
   }, Re = (t) => {
-    Se(t);
-  }, Ee = (t) => {
     const s = t.target.value;
-    s ? /^([0-9.]+)$/.test(s) && E(ue(s, 8)) : E("");
-  }, se = (t) => {
-    if (k) {
-      const s = k.find((f) => f.symbol === t);
-      ne(s);
+    s ? /^([0-9.]+)$/.test(s) && R(de(s, 8)) : R("");
+  }, ne = (t) => {
+    if (v) {
+      const s = v.find((f) => f.symbol === t);
+      Ie(s);
     }
-  }, ie = (t) => {
-    ne({ symbol: "" });
-    const s = O.find((f) => f.symbol === t);
-    Me(s);
-  }, Le = () => {
+  }, se = (t) => {
+    const s = M.find((f) => f.symbol === t);
+    Ae(s);
+  }, Ee = () => {
     if (!r)
       return d({
         message: "Please select token you want to swap"
@@ -154,7 +154,7 @@ const it = ({ partnerKey: M, navigate: Y }) => {
       return d({ message: "Please enter amount" }), !1;
     if (!p)
       return d({ message: "Please select/enter wallet address" }), !1;
-    if (!Ie.test(g))
+    if (!ze.test(g))
       return d({ message: "Please provide a valid amount" }), !1;
     if (!C)
       return d({
@@ -164,31 +164,31 @@ const it = ({ partnerKey: M, navigate: Y }) => {
       return d({
         message: "You don't have enough balance to make this swap"
       }), !1;
-    if ($ * 1 > T * 1)
+    if (W * 1 > T * 1)
       return d({
         message: "The input amount of this transaction is below our minimum, please try a higher transaction amount"
       }), !1;
-    if (Ce * 1 < T * 1)
+    if (Fe * 1 < T * 1)
       return d({
         message: "The input amount of this transaction is above our maximum, please try a lower transaction amount"
       }), !1;
-    if (W)
+    if (L)
       return !1;
     oe(!0), m(
       Je({
-        apiKey: M,
+        apiKey: I,
         quoteId: c.quote_id,
         walletAddress: p
       })
     );
-  }, We = () => {
-    r && E(ue(r.fmt_balance + "", 8));
+  }, Le = () => {
+    r && R(de(r.fmt_balance + "", 8));
   };
   return /* @__PURE__ */ a(ot, { addPadding: !0, children: [
-    /* @__PURE__ */ a(N, { children: [
-      /* @__PURE__ */ e(ge, {}),
+    /* @__PURE__ */ a(k, { children: [
+      /* @__PURE__ */ e(xe, {}),
       /* @__PURE__ */ a(n, { container: !0, children: [
-        /* @__PURE__ */ e(n, { item: !0, xs: 2.5, children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e(n, { size: 2.5, children: /* @__PURE__ */ e(
           l,
           {
             className: i.label,
@@ -197,7 +197,7 @@ const it = ({ partnerKey: M, navigate: Y }) => {
             children: "You Swap"
           }
         ) }),
-        /* @__PURE__ */ e(n, { item: !0, xs: 9.5, children: p && r && /* @__PURE__ */ a(
+        /* @__PURE__ */ e(n, { size: 9.5, children: p && r && /* @__PURE__ */ a(
           l,
           {
             className: i["balance-label"],
@@ -209,37 +209,37 @@ const it = ({ partnerKey: M, navigate: Y }) => {
               " ",
               r.symbol,
               " ",
-              /* @__PURE__ */ e("span", { className: i["max-btn"], onClick: We, children: "MAX" })
+              /* @__PURE__ */ e("span", { className: i["max-btn"], onClick: Le, children: "MAX" })
             ]
           }
         ) })
       ] }),
       /* @__PURE__ */ a(n, { spacing: 0, mt: 0.5, container: !0, children: [
-        /* @__PURE__ */ e(n, { item: !0, xs: 6, children: /* @__PURE__ */ a(
-          _,
+        /* @__PURE__ */ e(n, { size: 6, children: /* @__PURE__ */ a(
+          N,
           {
             className: `${i.amount} ${i["fiat-field"]}`,
             fullWidth: !0,
             children: [
               /* @__PURE__ */ e(
-                I,
+                A,
                 {
                   disableUnderline: !0,
                   value: g,
-                  onChange: Ee,
+                  onChange: Re,
                   type: "text",
-                  placeholder: `${$ > 0 ? "$" + $ + " minimum value" : ""}`,
-                  error: L,
+                  placeholder: `${W > 0 ? "$" + W + " minimum value" : ""}`,
+                  error: E,
                   required: !0,
                   fullWidth: !0
                 }
               ),
-              /* @__PURE__ */ e(pe, { className: i["amount-symbol"], children: T > 0 ? "$" + (T * 1).toFixed(2) : /* @__PURE__ */ e(b, { children: " " }) })
+              /* @__PURE__ */ e(ue, { className: i["amount-symbol"], children: T > 0 ? "$" + (T * 1).toFixed(2) : /* @__PURE__ */ e(b, { children: " " }) })
             ]
           }
         ) }),
-        /* @__PURE__ */ e(n, { item: !0, xs: 6, className: "content-center", children: S ? /* @__PURE__ */ e(h, { sx: { ml: 1 }, size: 30 }) : /* @__PURE__ */ a(
-          _,
+        /* @__PURE__ */ e(n, { size: 6, className: "content-center", children: S ? /* @__PURE__ */ e(h, { sx: { ml: 1 }, size: 30 }) : /* @__PURE__ */ a(
+          N,
           {
             variant: "filled",
             className: `text-left ${i["crypto-picker"]}`,
@@ -248,14 +248,14 @@ const it = ({ partnerKey: M, navigate: Y }) => {
               (r == null ? void 0 : r.network) && /* @__PURE__ */ e(
                 q,
                 {
-                  className: `${i["network-label"]} ${i[me(r == null ? void 0 : r.network.name)]}`,
-                  children: D(r == null ? void 0 : r.network.name)
+                  className: `${i["network-label"]} ${i[ce(r == null ? void 0 : r.network.name)]}`,
+                  children: B(r == null ? void 0 : r.network.name)
                 }
               ),
               /* @__PURE__ */ a(
                 G,
                 {
-                  input: /* @__PURE__ */ e(I, { disableUnderline: !0 }),
+                  input: /* @__PURE__ */ e(A, { disableUnderline: !0 }),
                   sx: {
                     borderTopLeftRadius: 0,
                     "&::before": {
@@ -280,17 +280,17 @@ const it = ({ partnerKey: M, navigate: Y }) => {
                   variant: "filled",
                   value: r && r.symbol,
                   displayEmpty: !0,
-                  onChange: (t) => ie(t.target.value),
+                  onChange: (t) => se(t.target.value),
                   onOpen: (t) => {
                     te(!0), t.preventDefault();
                   },
                   defaultOpen: !1,
                   open: !1,
-                  error: L,
+                  error: E,
                   children: [
-                    /* @__PURE__ */ e(w, { value: "", children: "Please select input" }),
-                    O.map((t) => /* @__PURE__ */ a(w, { value: t.symbol, children: [
-                      /* @__PURE__ */ e(fe, { className: i["dropdown-list-item"], children: /* @__PURE__ */ e(
+                    /* @__PURE__ */ e(_, { value: "", children: "Please select input" }),
+                    M.map((t) => /* @__PURE__ */ a(_, { value: t.symbol, children: [
+                      /* @__PURE__ */ e(pe, { className: i["dropdown-list-item"], children: /* @__PURE__ */ e(
                         "img",
                         {
                           src: t.icon_uri,
@@ -310,7 +310,7 @@ const it = ({ partnerKey: M, navigate: Y }) => {
         ae && /* @__PURE__ */ e(l, { variant: "caption", sx: { color: "red" }, children: /* @__PURE__ */ e("strong", { children: ae }) })
       ] }),
       /* @__PURE__ */ a(n, { mt: 4, container: !0, children: [
-        /* @__PURE__ */ e(n, { item: !0, xs: 4, children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e(n, { size: 4, children: /* @__PURE__ */ e(
           l,
           {
             className: i.label,
@@ -319,26 +319,17 @@ const it = ({ partnerKey: M, navigate: Y }) => {
             children: "You Receive"
           }
         ) }),
-        /* @__PURE__ */ e(
-          n,
-          {
-            sx: { marginTop: "-20px" },
-            className: "text-center",
-            item: !0,
-            xs: 4,
-            children: /* @__PURE__ */ e("img", { src: Ze, alt: "arrow" })
-          }
-        )
+        /* @__PURE__ */ e(n, { sx: { marginTop: "-20px" }, className: "text-center", size: 4, children: /* @__PURE__ */ e("img", { src: Ze, alt: "arrow" }) })
       ] }),
       /* @__PURE__ */ a(n, { mt: 0.5, container: !0, children: [
-        /* @__PURE__ */ e(n, { item: !0, xs: 6, children: /* @__PURE__ */ a(
-          _,
+        /* @__PURE__ */ e(n, { size: 6, children: /* @__PURE__ */ a(
+          N,
           {
             className: `${i.amount} ${i["fiat-field"]}`,
             fullWidth: !0,
             children: [
               /* @__PURE__ */ e(
-                I,
+                A,
                 {
                   disableUnderline: !0,
                   value: C && parseFloat(C).toFixed(5),
@@ -347,18 +338,18 @@ const it = ({ partnerKey: M, navigate: Y }) => {
                   fullWidth: !0
                 }
               ),
-              /* @__PURE__ */ e(pe, { className: i["amount-symbol"], children: V > 0 ? "$" + (V * 1).toFixed(2) : /* @__PURE__ */ e(b, { children: " " }) })
+              /* @__PURE__ */ e(ue, { className: i["amount-symbol"], children: V > 0 ? "$" + (V * 1).toFixed(2) : /* @__PURE__ */ e(b, { children: " " }) })
             ]
           }
         ) }),
-        /* @__PURE__ */ e(n, { item: !0, xs: 6, className: "content-center", children: S ? /* @__PURE__ */ e(
+        /* @__PURE__ */ e(n, { size: 6, className: "content-center", children: S ? /* @__PURE__ */ e(
           h,
           {
             sx: { ml: 1 },
             size: 30
           }
         ) : /* @__PURE__ */ a(
-          _,
+          N,
           {
             variant: "filled",
             className: `text-left ${i["crypto-picker"]}`,
@@ -367,14 +358,14 @@ const it = ({ partnerKey: M, navigate: Y }) => {
               (o == null ? void 0 : o.network) && /* @__PURE__ */ e(
                 q,
                 {
-                  className: `${i["network-label"]} ${i[me(o == null ? void 0 : o.network.name)]}`,
+                  className: `${i["network-label"]} ${i[ce(o == null ? void 0 : o.network.name)]}`,
                   children: o == null ? void 0 : o.network.name
                 }
               ),
               /* @__PURE__ */ a(
                 G,
                 {
-                  input: /* @__PURE__ */ e(I, { disableUnderline: !0 }),
+                  input: /* @__PURE__ */ e(A, { disableUnderline: !0 }),
                   sx: {
                     borderTopLeftRadius: 0,
                     "&::before": {
@@ -399,21 +390,21 @@ const it = ({ partnerKey: M, navigate: Y }) => {
                   variant: "filled",
                   value: o && o.symbol,
                   displayEmpty: !0,
-                  onChange: (t) => se(t.target.value),
+                  onChange: (t) => ne(t.target.value),
                   onOpen: (t) => {
                     ee(!0), t.preventDefault();
                   },
                   defaultOpen: !1,
                   open: !1,
                   children: [
-                    /* @__PURE__ */ e(w, { value: "", children: "Please select output" }),
-                    k && k.map((t) => /* @__PURE__ */ a(w, { value: t.symbol, children: [
-                      /* @__PURE__ */ e(fe, { className: i["dropdown-list-item"], children: /* @__PURE__ */ e(
+                    /* @__PURE__ */ e(_, { value: "", children: "Please select output" }),
+                    v && v.map((t) => /* @__PURE__ */ a(_, { value: t.symbol, children: [
+                      /* @__PURE__ */ e(pe, { className: i["dropdown-list-item"], children: /* @__PURE__ */ e(
                         "img",
                         {
                           src: t.icon_uri,
                           onError: ({ currentTarget: s }) => {
-                            s.onerror = null, s.src = ze;
+                            s.onerror = null, s.src = De;
                           },
                           alt: "tokenImage",
                           width: "40",
@@ -429,18 +420,18 @@ const it = ({ partnerKey: M, navigate: Y }) => {
           }
         ) })
       ] }),
-      /* @__PURE__ */ e(N, { mt: 2.5, className: i["fee-area"], children: /* @__PURE__ */ a(n, { container: !0, children: [
-        /* @__PURE__ */ e(n, { className: "text-left", item: !0, xs: 12, children: /* @__PURE__ */ a(
-          he,
+      /* @__PURE__ */ e(k, { mt: 2.5, className: i["fee-area"], children: /* @__PURE__ */ a(n, { container: !0, children: [
+        /* @__PURE__ */ e(n, { className: "text-left", size: 12, children: /* @__PURE__ */ a(
+          fe,
           {
             sx: { padding: "0" },
-            onClick: () => _e((t) => !t),
+            onClick: () => Ne((t) => !t),
             disableFocusRipple: !0,
             disableRipple: !0,
             children: [
               /* @__PURE__ */ e(l, { variant: "caption", children: /* @__PURE__ */ e("strong", { children: "Fee Calculation" }) }),
               /* @__PURE__ */ e(
-                Be,
+                Pe,
                 {
                   sx: {
                     transform: `rotate(${re ? "90" : "0"}deg)`,
@@ -452,9 +443,9 @@ const it = ({ partnerKey: M, navigate: Y }) => {
           }
         ) }),
         re && /* @__PURE__ */ a(b, { 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: [
-            P,
+          /* @__PURE__ */ e(n, { className: "text-left", size: 6, children: /* @__PURE__ */ e(l, { variant: "caption", children: "Everest Fee" }) }),
+          /* @__PURE__ */ e(n, { className: "text-right", size: 6, children: /* @__PURE__ */ a(l, { variant: "caption", children: [
+            $,
             F ? /* @__PURE__ */ e(
               h,
               {
@@ -463,9 +454,9 @@ const it = ({ partnerKey: M, navigate: Y }) => {
               }
             ) : J.toFixed(2)
           ] }) }),
-          /* @__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: [
-            P,
+          /* @__PURE__ */ e(n, { className: "text-left", size: 6, children: /* @__PURE__ */ e(l, { variant: "caption", children: "Network Fee" }) }),
+          /* @__PURE__ */ e(n, { className: "text-right", size: 6, children: /* @__PURE__ */ a(l, { variant: "caption", children: [
+            $,
             F ? /* @__PURE__ */ e(
               h,
               {
@@ -475,25 +466,25 @@ const it = ({ partnerKey: M, navigate: Y }) => {
             ) : Q.toFixed(2)
           ] }) })
         ] }),
-        /* @__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: [
-          P,
+        /* @__PURE__ */ e(n, { className: "text-left", size: 6, children: /* @__PURE__ */ e(l, { variant: "caption", children: "Total Fees" }) }),
+        /* @__PURE__ */ e(n, { className: "text-right", size: 6, children: /* @__PURE__ */ a(l, { variant: "caption", children: [
+          $,
           F ? /* @__PURE__ */ e(
             h,
             {
               sx: { ml: 1 },
               size: 15
             }
-          ) : Number(we).toFixed(2)
+          ) : Number(ye).toFixed(2)
         ] }) }),
         o && r && /* @__PURE__ */ a(b, { children: [
-          /* @__PURE__ */ e(n, { className: "text-left", item: !0, xs: 6, children: /* @__PURE__ */ a(l, { variant: "caption", children: [
+          /* @__PURE__ */ e(n, { className: "text-left", size: 6, children: /* @__PURE__ */ a(l, { variant: "caption", children: [
             "1 ",
             r == null ? void 0 : r.symbol,
             " ",
-            /* @__PURE__ */ e(tt, { title: et, placement: "right", children: /* @__PURE__ */ e(he, { className: i["info-fee-icon"], children: /* @__PURE__ */ e(De, { sx: { fontSize: "14px" } }) }) })
+            /* @__PURE__ */ e(tt, { title: et, placement: "right", children: /* @__PURE__ */ e(fe, { className: i["info-fee-icon"], children: /* @__PURE__ */ e(Be, { sx: { fontSize: "14px" } }) }) })
           ] }) }),
-          /* @__PURE__ */ e(n, { className: "text-right", item: !0, xs: 6, children: /* @__PURE__ */ e(l, { variant: "caption", children: F ? /* @__PURE__ */ e(
+          /* @__PURE__ */ e(n, { className: "text-right", size: 6, children: /* @__PURE__ */ e(l, { variant: "caption", children: F ? /* @__PURE__ */ e(
             h,
             {
               sx: { ml: 1 },
@@ -502,36 +493,33 @@ const it = ({ partnerKey: M, navigate: Y }) => {
           ) : X && parseFloat(X).toFixed(6) + " " + (o == null ? void 0 : o.symbol) }) })
         ] })
       ] }) }),
-      /* @__PURE__ */ e(N, { sx: { alignItems: "left", width: "100%" }, children: ye ? /* @__PURE__ */ e(N, { mt: 2, sx: { textAlign: "center" }, children: /* @__PURE__ */ e(h, {}) }) : /* @__PURE__ */ e(b, { children: /* @__PURE__ */ a(
-        _,
+      /* @__PURE__ */ e(k, { sx: { alignItems: "left", width: "100%" }, children: be ? /* @__PURE__ */ e(k, { mt: 2, sx: { textAlign: "center" }, children: /* @__PURE__ */ e(h, {}) }) : /* @__PURE__ */ e(b, { children: /* @__PURE__ */ a(
+        N,
         {
           variant: "filled",
           fullWidth: !0,
           children: [
             !p && /* @__PURE__ */ e(q, { children: "Select wallet address" }),
-            /* @__PURE__ */ a(
+            /* @__PURE__ */ e(
               G,
               {
                 value: p,
-                onChange: (t) => Re(t.target.value),
-                children: [
-                  /* @__PURE__ */ e(w, { value: "", children: /* @__PURE__ */ e("em", { children: "None" }) }),
-                  be.map((t, s) => /* @__PURE__ */ e(w, { value: t.address, children: t.name + "(" + t.address + ")" }, s))
-                ]
+                onChange: (t) => Oe(t.target.value),
+                children: ge.map((t, s) => /* @__PURE__ */ e(_, { value: t.address, children: t.name + "(" + t.address + ")" }, s))
               }
             )
           ]
         }
       ) }) }),
-      /* @__PURE__ */ e(N, { mt: 4, children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e(k, { mt: 4, children: /* @__PURE__ */ e(
         st,
         {
           className: "wallet-btn",
           fullWidth: !0,
           variant: "contained",
-          onClick: Le,
-          disabled: L || !C,
-          children: /* @__PURE__ */ e("strong", { children: W ? /* @__PURE__ */ a(b, { children: [
+          onClick: Ee,
+          disabled: E || !C,
+          children: /* @__PURE__ */ e("strong", { children: L ? /* @__PURE__ */ a(b, { children: [
             /* @__PURE__ */ e(h, { size: 15, color: "inherit" }),
             " Processing..."
           ] }) : "Swap" })
@@ -539,23 +527,23 @@ const it = ({ partnerKey: M, navigate: Y }) => {
       ) })
     ] }),
     /* @__PURE__ */ e(
-      de,
+      me,
       {
-        open: Ne,
+        open: ke,
         setModal: te,
         loader: S,
-        tokenList: O,
-        tokenSelect: ie
+        tokenList: M,
+        tokenSelect: se
       }
     ),
     /* @__PURE__ */ e(
-      de,
+      me,
       {
-        open: ke,
+        open: ve,
         setModal: ee,
         loader: S,
-        tokenList: k ?? [],
-        tokenSelect: se,
+        tokenList: v ?? [],
+        tokenSelect: ne,
         showBalance: !1
       }
     )

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

@@ -1,9 +1,9 @@
 import { jsx as n, Fragment as s, jsxs as m } from "react/jsx-runtime";
 import { useState as o } from "react";
 import l from "../../../hoc/withThemeProvider.js";
-import { B as t } from "../../../Box-Be0E_-eR.js";
-import { G as i } from "../../../Grid2-DX2sucnU.js";
-import { T as c } from "../../../Typography-Ds4fpvK8.js";
+import { B as t } from "../../../Box-B12x52NC.js";
+import { G as i } from "../../../Grid-BXyV_lM8.js";
+import { T as c } from "../../../Typography-DBlMiOti.js";
 import '../../../assets/index.css';const p = "_container_1pyai_1", _ = "_active_1pyai_43", e = {
   container: p,
   "inner-container": "_inner-container_1pyai_13",