everest-npm-features 0.0.60 → 0.0.62

package/dist/components/Wallet/Stake/id/index.js

@@ -1,39 +1,31 @@
-import { jsxs as t, Fragment as _, jsx as e } from "react/jsx-runtime";
-import F from "../../Shared/noData.js";
-import { M as f } from "../../../../tooltip-3UvETWtS.js";
-import { I as u } from "../../../../Info-BVeUSPyk.js";
-import { STAKE_ID_MIN_DAYS as g, STAKE_ID_MID_DAYS as x, STAKE_ID_MAX_DAYS as T } from "../../../../util/constants.js";
-import { s as r } from "../../../../styles.module-C1sNeKjL.js";
+import { jsxs as i, Fragment as B, jsx as e } from "react/jsx-runtime";
+import { Backdrop as F, CircularProgress as f, Grid as r, Box as a, Typography as t, IconButton as u, Divider as g, FormControl as M, TextField as Y } from "@mui/material";
+import R from "../../Shared/noData.js";
+import { M as x } from "../../../../tooltip-BW0UyWw7.js";
+import { I as k } from "../../../../Info-DOoRR7sR.js";
+import { STAKE_ID_MIN_DAYS as D, STAKE_ID_MID_DAYS as T, STAKE_ID_MAX_DAYS as v } from "../../../../util/constants.js";
+import { s as n } from "../../../../styles.module-C1sNeKjL.js";
 import c from "../../Shared/appButton.js";
-import { B as M } from "../../../../Backdrop-CioURPVG.js";
-import { C as k } from "../../../../CircularProgress-xZA3lvba.js";
-import { G as i } from "../../../../Grid-CFe3amXO.js";
-import { B as a } from "../../../../Box-B0YSYLco.js";
-import { T as n } from "../../../../Typography-pAaje37G.js";
-import { I as D } from "../../../../IconButton-DHm-hucF.js";
-import { D as I } from "../../../../Divider-BShhMFf4.js";
-import { F as Y } from "../../../../FormControl-RtZDQMdA.js";
-import { T as R } from "../../../../TextField-DPpRUQe3.js";
-const ie = ({
-  loader: v,
+const L = ({
+  loader: I,
   stakeData: d,
   totalStake: N,
   totalReward: y,
-  StakeItem: C,
-  stakeStart: z,
+  StakeItem: z,
+  stakeStart: C,
   amount: w,
-  setAmount: m,
-  stakeDuration: s,
-  setStakeDuration: l,
+  setAmount: h,
+  stakeDuration: l,
+  setStakeDuration: s,
   balanceLoader: S,
-  balance: h,
+  balance: m,
   onMoveToEthereum: A,
   onMoveToEverChain: E,
   ethereumBalance: $
 }) => {
   const b = (o) => {
-    o ? /^([0-9.,]+)$/.test(o) && m(o) : m("");
-  }, B = [
+    o ? /^([0-9.,]+)$/.test(o) && h(o) : h("");
+  }, _ = [
     "To earn reward tokens you must stake ID tokens in your EverWallet",
     "Staking Rewards...",
     `Commit for 90 days to earn 3% APY
@@ -44,55 +36,55 @@ Commit for 365 days to earn 18% APY`,
   ].join(`
 
 `);
-  return /* @__PURE__ */ t(_, { children: [
+  return /* @__PURE__ */ i(B, { children: [
     /* @__PURE__ */ e(
-      M,
+      F,
       {
         sx: {
           color: "#fff",
           zIndex: (o) => o.zIndex.drawer + 1e3
         },
-        open: v,
-        children: /* @__PURE__ */ e(k, { color: "inherit" })
+        open: I,
+        children: /* @__PURE__ */ e(f, { color: "inherit" })
       }
     ),
-    /* @__PURE__ */ t(i, { spacing: 2, container: !0, width: "100%", children: [
-      /* @__PURE__ */ e(i, { size: { xs: 12, md: 5 }, children: /* @__PURE__ */ e(a, { className: r["inner-container"], children: /* @__PURE__ */ t(a, { p: 3, children: [
-        /* @__PURE__ */ e(n, { className: r["heading-text"], variant: "h6", children: /* @__PURE__ */ e("strong", { children: "Current Stakes" }) }),
-        /* @__PURE__ */ t(i, { mt: 4, spacing: 1, container: !0, width: "100%", children: [
-          /* @__PURE__ */ e(i, { size: 6, children: /* @__PURE__ */ e(n, { className: "fs16", children: /* @__PURE__ */ e("strong", { children: "Total Staked" }) }) }),
-          /* @__PURE__ */ e(i, { size: 6, children: /* @__PURE__ */ t(n, { className: "text-right fs16 fw500", children: [
+    /* @__PURE__ */ i(r, { spacing: 2, container: !0, width: "100%", children: [
+      /* @__PURE__ */ e(r, { size: { xs: 12, md: 5 }, children: /* @__PURE__ */ e(a, { className: n["inner-container"], children: /* @__PURE__ */ i(a, { p: 3, children: [
+        /* @__PURE__ */ e(t, { className: n["heading-text"], variant: "h6", children: /* @__PURE__ */ e("strong", { children: "Current Stakes" }) }),
+        /* @__PURE__ */ i(r, { mt: 4, spacing: 1, container: !0, width: "100%", children: [
+          /* @__PURE__ */ e(r, { size: 6, children: /* @__PURE__ */ e(t, { className: "fs16", children: /* @__PURE__ */ e("strong", { children: "Total Staked" }) }) }),
+          /* @__PURE__ */ e(r, { size: 6, children: /* @__PURE__ */ i(t, { className: "text-right fs16 fw500", children: [
             N,
             " ID"
           ] }) }),
-          /* @__PURE__ */ e(i, { size: 6, children: /* @__PURE__ */ e(n, { className: "fs16", children: /* @__PURE__ */ e("strong", { children: "Total Reward" }) }) }),
-          /* @__PURE__ */ e(i, { size: 6, children: /* @__PURE__ */ t(n, { className: "text-right fs16 fw500", children: [
+          /* @__PURE__ */ e(r, { size: 6, children: /* @__PURE__ */ e(t, { className: "fs16", children: /* @__PURE__ */ e("strong", { children: "Total Reward" }) }) }),
+          /* @__PURE__ */ e(r, { size: 6, children: /* @__PURE__ */ i(t, { className: "text-right fs16 fw500", children: [
             y,
             " ID"
           ] }) })
         ] }),
-        /* @__PURE__ */ t(a, { mt: 6, children: [
-          d.length === 0 && /* @__PURE__ */ e(F, { text: "No ID are staked at the moment" }),
-          d.map((o, p) => /* @__PURE__ */ e(C, { data: o }, p))
+        /* @__PURE__ */ i(a, { mt: 6, children: [
+          d.length === 0 && /* @__PURE__ */ e(R, { text: "No ID are staked at the moment" }),
+          d.map((o, p) => /* @__PURE__ */ e(z, { data: o }, p))
         ] })
       ] }) }) }),
-      /* @__PURE__ */ e(i, { size: { xs: 12, md: 7 }, children: /* @__PURE__ */ t(a, { p: 3, className: r["inner-container"], children: [
+      /* @__PURE__ */ e(r, { size: { xs: 12, md: 7 }, children: /* @__PURE__ */ i(a, { p: 3, className: n["inner-container"], children: [
         /* @__PURE__ */ e(
-          n,
+          t,
           {
-            className: r["heading-text"],
+            className: n["heading-text"],
             variant: "h6",
             component: "span",
             children: /* @__PURE__ */ e("strong", { children: "Stake Tokens" })
           }
         ),
         /* @__PURE__ */ e(
-          f,
+          x,
           {
-            title: /* @__PURE__ */ e(a, { sx: { whiteSpace: "pre-line" }, children: B }),
+            title: /* @__PURE__ */ e(a, { sx: { whiteSpace: "pre-line" }, children: _ }),
             placement: "bottom",
-            children: /* @__PURE__ */ e(D, { className: r["info-icon"], children: /* @__PURE__ */ e(
-              u,
+            children: /* @__PURE__ */ e(u, { className: n["info-icon"], children: /* @__PURE__ */ e(
+              k,
               {
                 sx: {
                   fontSize: "26px",
@@ -102,23 +94,23 @@ Commit for 365 days to earn 18% APY`,
             ) })
           }
         ),
-        /* @__PURE__ */ t(a, { className: `${r["add-container"]} text-center`, children: [
-          /* @__PURE__ */ e(n, { variant: "h6", children: /* @__PURE__ */ e("strong", { children: "Available ID on EverChain" }) }),
-          S ? /* @__PURE__ */ e(k, {}) : /* @__PURE__ */ e(
-            n,
+        /* @__PURE__ */ i(a, { className: `${n["add-container"]} text-center`, children: [
+          /* @__PURE__ */ e(t, { variant: "h6", children: /* @__PURE__ */ e("strong", { children: "Available ID on EverChain" }) }),
+          S ? /* @__PURE__ */ e(f, {}) : /* @__PURE__ */ e(
+            t,
             {
               sx: { mt: 2 },
               className: "secondary-text-color",
               variant: "h3",
-              children: /* @__PURE__ */ t("strong", { children: [
-                h,
+              children: /* @__PURE__ */ i("strong", { children: [
+                m,
                 " ID"
               ] })
             }
           ),
-          /* @__PURE__ */ t(i, { className: "items-center", container: !0, mt: 4, width: "100%", children: [
-            /* @__PURE__ */ e(i, { size: 11, children: /* @__PURE__ */ t("fieldset", { className: r["move-id"], children: [
-              /* @__PURE__ */ e("legend", { className: r["move-id-text"], children: "Move ID Tokens" }),
+          /* @__PURE__ */ i(r, { className: "items-center", container: !0, mt: 4, width: "100%", children: [
+            /* @__PURE__ */ e(r, { size: 11, children: /* @__PURE__ */ i("fieldset", { className: n["move-id"], children: [
+              /* @__PURE__ */ e("legend", { className: n["move-id-text"], children: "Move ID Tokens" }),
               /* @__PURE__ */ e(
                 c,
                 {
@@ -135,18 +127,18 @@ Commit for 365 days to earn 18% APY`,
                     ml: { md: 3 },
                     mt: { xs: 1, md: 0 }
                   },
-                  onClick: () => A(Number(h)),
+                  onClick: () => A(Number(m)),
                   children: "To Ethereum"
                 }
               )
             ] }) }),
-            /* @__PURE__ */ e(i, { size: 1, children: /* @__PURE__ */ e(
-              f,
+            /* @__PURE__ */ e(r, { size: 1, children: /* @__PURE__ */ e(
+              x,
               {
                 title: "To stake your ID Token, the token must be on EverChain. To move ID Token from Ethereum to EverChain or back requires ETH to pay the network fees.",
                 placement: "top",
-                children: /* @__PURE__ */ e(D, { className: r["button-icon"], children: /* @__PURE__ */ e(
-                  u,
+                children: /* @__PURE__ */ e(u, { className: n["button-icon"], children: /* @__PURE__ */ e(
+                  k,
                   {
                     sx: {
                       fontSize: "24px",
@@ -157,8 +149,8 @@ Commit for 365 days to earn 18% APY`,
               }
             ) })
           ] }),
-          /* @__PURE__ */ t(
-            i,
+          /* @__PURE__ */ i(
+            r,
             {
               mt: 4,
               sx: {
@@ -170,39 +162,39 @@ Commit for 365 days to earn 18% APY`,
               width: "100%",
               children: [
                 /* @__PURE__ */ e(
-                  i,
+                  r,
                   {
-                    className: `${r["time-item"]} ${r["item-1st"]} ${s === g ? r.active : ""}`,
-                    onClick: () => l(g),
+                    className: `${n["time-item"]} ${n["item-1st"]} ${l === D ? n.active : ""}`,
+                    onClick: () => s(D),
                     size: 3.9,
-                    children: /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e("strong", { children: "90 Days" }) })
+                    children: /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e("strong", { children: "90 Days" }) })
                   }
                 ),
-                /* @__PURE__ */ e(i, { size: 0.01, children: /* @__PURE__ */ e(I, { orientation: "vertical" }) }),
+                /* @__PURE__ */ e(r, { size: 0.01, children: /* @__PURE__ */ e(g, { orientation: "vertical" }) }),
                 /* @__PURE__ */ e(
-                  i,
+                  r,
                   {
-                    className: `${r["time-item"]} ${s === x ? r.active : ""}`,
-                    onClick: () => l(x),
+                    className: `${n["time-item"]} ${l === T ? n.active : ""}`,
+                    onClick: () => s(T),
                     size: 3.9,
-                    children: /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e("strong", { children: "180 Days" }) })
+                    children: /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e("strong", { children: "180 Days" }) })
                   }
                 ),
-                /* @__PURE__ */ e(i, { size: 0.01, children: /* @__PURE__ */ e(I, { orientation: "vertical" }) }),
+                /* @__PURE__ */ e(r, { size: 0.01, children: /* @__PURE__ */ e(g, { orientation: "vertical" }) }),
                 /* @__PURE__ */ e(
-                  i,
+                  r,
                   {
-                    className: `${r["time-item"]} ${r["item-last"]} ${s === T ? r.active : ""}`,
-                    onClick: () => l(T),
+                    className: `${n["time-item"]} ${n["item-last"]} ${l === v ? n.active : ""}`,
+                    onClick: () => s(v),
                     size: 4,
-                    children: /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e("strong", { children: "365 Days" }) })
+                    children: /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e("strong", { children: "365 Days" }) })
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ e(Y, { sx: { mt: 4 }, fullWidth: !0, children: /* @__PURE__ */ e(
-            R,
+          /* @__PURE__ */ e(M, { sx: { mt: 4 }, fullWidth: !0, children: /* @__PURE__ */ e(
+            Y,
             {
               variant: "filled",
               placeholder: "Amount to Stake",
@@ -212,12 +204,12 @@ Commit for 365 days to earn 18% APY`,
               onChange: (o) => b(o.target.value)
             }
           ) }),
-          /* @__PURE__ */ e(c, { sx: { mt: 4 }, onClick: () => z(), fullWidth: !0, children: /* @__PURE__ */ e("strong", { children: "Stake" }) })
+          /* @__PURE__ */ e(c, { sx: { mt: 4 }, onClick: () => C(), fullWidth: !0, children: /* @__PURE__ */ e("strong", { children: "Stake" }) })
         ] })
       ] }) })
     ] })
   ] });
 };
 export {
-  ie as default
+  L as default
 };

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

@@ -2,45 +2,41 @@ import { jsx as t, Fragment as ne, jsxs as r } from "react/jsx-runtime";
 import { useState as s, useEffect as w } from "react";
 import Re from "./id/index.js";
 import ye from "./gems/index.js";
+import { Box as S, Grid as u, Typography as i, Dialog as Be, DialogContent as Ge, CircularProgress as Le } from "@mui/material";
 import { u as W } from "../../../react-redux-C7I9-1M6.js";
-import { ID_STAKE as i, STAKE_ID_MIN_DAYS as le, GEM_SYNTHETIC_TOKEN_SYMBOL as Be, EVER_CHAIN_NETWORK as C, GEMS_TOKEN_SYMBOL as z, ETHEREUM_NETWORK as N, ID_TOKEN_SYMBOL as $, GEMS_STAKE as R, STAKE_GEM_MAX_DAYS as Ge, STAKE_ID_ICON as Le, STAKE_GEM_ICON as Fe, STAKE_GEM_MAX_APY as Ke, STAKE_ID_MIN_APY as Pe, STAKE_ID_MID_DAYS as Ye, STAKE_ID_MID_APY as Oe, STAKE_ID_MAX_DAYS as We, STAKE_ID_MAX_APY as ze } from "../../../util/constants.js";
-import "../../../constants-DREDnCMu.js";
-import { a as $e } from "../../../index-BQNs1mvn.js";
-import { f as He } from "../../../wallet-DvfdQOju.js";
-import { s as Xe, a as je, b as qe } from "../../../stake-CdMc5H7D.js";
-import { fromHuman as Ue, numberFormat as x, toHuman as y } from "../../../util/conversions.js";
+import { ID_STAKE as c, STAKE_ID_MIN_DAYS as le, GEM_SYNTHETIC_TOKEN_SYMBOL as Fe, EVER_CHAIN_NETWORK as C, GEMS_TOKEN_SYMBOL as z, ETHEREUM_NETWORK as N, ID_TOKEN_SYMBOL as $, GEMS_STAKE as R, STAKE_GEM_MAX_DAYS as Ke, STAKE_ID_ICON as Pe, STAKE_GEM_ICON as Ye, STAKE_GEM_MAX_APY as Oe, STAKE_ID_MIN_APY as We, STAKE_ID_MID_DAYS as ze, STAKE_ID_MID_APY as $e, STAKE_ID_MAX_DAYS as He, STAKE_ID_MAX_APY as Xe } from "../../../util/constants.js";
+import "../../../constants-DrmtdI1J.js";
+import { a as je } from "../../../index-BQNs1mvn.js";
+import { f as qe } from "../../../wallet-CauUBXou.js";
+import { s as Ue, a as Ve, b as Je } from "../../../stake-Ct7-_aWW.js";
+import { fromHuman as Qe, numberFormat as x, toHuman as y } from "../../../util/conversions.js";
 import "../../../index-DlQqWbXG.js";
 import ie from "../Shared/appButton.js";
-import Ve from "../../../hoc/withThemeProvider.js";
-import { decimalNumbersWithCommaOrDot as Je } from "../../../util/regex.js";
-import "../Shared/Auth/otpForm.js";
-import { useSnackBarContext as Qe } from "../../../context/snackBarContext.js";
-import Ze from "../../../hooks/useEverestDispatch.js";
+import Ze from "../../../hoc/withThemeProvider.js";
+import { decimalNumbersWithCommaOrDot as et } from "../../../util/regex.js";
+import "../../../otpForm-fiNqeB5H.js";
+import { useSnackBarContext as tt } from "../../../context/snackBarContext.js";
+import at from "../../../hooks/useEverestDispatch.js";
 import "../../../index-CAoLi5Qq.js";
 import "../../../react-webcam-B3cXh1XT.js";
 import "../../Shared/transition.js";
-import "../../../tooltip-3UvETWtS.js";
-import "../Shared/pin.js";
+import "../../../tooltip-BW0UyWw7.js";
 import "../../../moment-h96o7c8I.js";
 import "../../../index.esm-BsMAMhYW.js";
 import "../../../web3-u4qDZYpo.js";
-import et from "../MoveToEthereumOrEverChain/index.js";
+import ot from "../MoveToEthereumOrEverChain/index.js";
 import "../../../index-ceeCtFuh.js";
 import "../../../index.esm-I_Bp2YLf.js";
 import "../../../context/dialogContext.js";
+import "@mui/icons-material";
 import { s as E } from "../../../styles.module-C1sNeKjL.js";
-import { B as S } from "../../../Box-B0YSYLco.js";
-import { G as u } from "../../../Grid-CFe3amXO.js";
-import { T as c } from "../../../Typography-pAaje37G.js";
-import { D as tt, a as at } from "../../../DialogContent-BMwlOnbW.js";
-import { C as ot } from "../../../CircularProgress-xZA3lvba.js";
 const st = ({
   navigate: ce,
   depositAddress: H,
   gemTokenAddress: de,
   idTokenAddress: me
 }) => {
-  const D = Ze(), { showAlertMessage: m } = Qe(), B = W($e).everWalletAddress, X = W((e) => e.user.wallets);
+  const b = at(), { showAlertMessage: m } = tt(), B = W(je).everWalletAddress, X = W((e) => e.user.wallets);
   X.loader;
   const G = X.data, ke = W((e) => e.stake), {
     loader: j,
@@ -48,7 +44,7 @@ const st = ({
     addLoader: ue,
     error: F,
     tx: q
-  } = ke, [a, U] = s(i), [V, fe] = s(!0), [J, he] = s(0), [pe, Se] = s(0), [Q, ge] = s(0), [_e, we] = s(0), [g, A] = s(null), [f, K] = s(""), [h, Z] = s(le), [P, xe] = s({
+  } = ke, [a, U] = s(c), [V, he] = s(!0), [J, fe] = s(0), [pe, Se] = s(0), [Q, ge] = s(0), [_e, we] = s(0), [g, A] = s(null), [h, K] = s(""), [f, Z] = s(le), [P, xe] = s({
     data: [],
     totalStake: 0,
     totalReward: 0
@@ -56,22 +52,22 @@ const st = ({
     data: [],
     totalStake: 0,
     totalReward: 0
-  }), [Ae, b] = s(!1), [Te, ee] = s(""), [ve, te] = s(""), [De, ae] = s(
+  }), [Ae, D] = s(!1), [Te, ee] = s(""), [ve, te] = s(""), [be, ae] = s(
     void 0
-  ), be = a === i ? 18 : 6, Ie = Ue(f.toString(), be);
-  let I = Ke;
-  a === i && (I = Pe, h === Ye ? I = Oe : h === We && (I = ze)), w(() => {
+  ), De = a === c ? 18 : 6, Ie = Qe(h.toString(), De);
+  let I = Oe;
+  a === c && (I = We, f === ze ? I = $e : f === He && (I = Xe)), w(() => {
     F && (Ce(), m({ message: F }));
   }, [F]), w(() => {
-    q && (b(!1), m({
+    q && (D(!1), m({
       message: "Token has been successfully staked.",
       type: "success"
     }), ce("/dashboard"));
   }, [q]), w(() => {
-    let e = Ge;
-    a === i && (e = le), Z(e), K("");
-  }, [a]), w(() => (D(Xe()), D(He()), () => {
-    D(je());
+    let e = Ke;
+    a === c && (e = le), Z(e), K("");
+  }, [a]), w(() => (b(Ue()), b(qe()), () => {
+    b(Ve());
   }), []), w(() => {
     if (B && G.length > 0) {
       const e = G.find(
@@ -81,9 +77,9 @@ const st = ({
         const o = e.tokens, l = o.length;
         for (let d = 0; d < l; d++) {
           const n = o[d], M = n.fmt_balance.replaceAll(",", ""), p = parseFloat(x(M)), k = n.network.toLowerCase();
-          n.symbol === Be && k === C.toLowerCase() && ge(p), n.symbol === z && k === N.toLowerCase() && we(p), n.symbol === $ && (k === C.toLowerCase() ? he(p) : k === N.toLowerCase() && Se(p));
+          n.symbol === Fe && k === C.toLowerCase() && ge(p), n.symbol === z && k === N.toLowerCase() && we(p), n.symbol === $ && (k === C.toLowerCase() ? fe(p) : k === N.toLowerCase() && Se(p));
         }
-        fe(!1);
+        he(!1);
       }
     }
   }, [B, G]), w(() => {
@@ -93,7 +89,7 @@ const st = ({
       let d = 0, n = 0, M = 0, p = 0;
       for (let k = 0; k < e; k++) {
         const _ = L[k], re = _.days_left;
-        if (_.token === i) {
+        if (_.token === c) {
           const T = y(_.tokens_staked, 18), v = y(_.reward_tokens, 18);
           o.push({
             tokensStake: parseFloat(x(T)),
@@ -121,44 +117,44 @@ const st = ({
     }
   }, [L]);
   const Me = () => {
-    D(
-      qe({
+    b(
+      Je({
         amount: Ie,
         type: a,
-        period: h.toString()
+        period: f.toString()
       })
     );
   }, Ce = () => {
-    b(!1);
+    D(!1);
     const { title: e, html: o, func: l } = oe();
     ee(e), te(o), ae(() => l);
   }, Ne = () => {
     O("review");
   }, O = (e) => {
-    if (!h) {
+    if (!f) {
       m({
         message: "Please select the stake duration period"
       });
       return;
     }
-    if (!f) {
+    if (!h) {
       m({ message: "Please provide the amount to stake" });
       return;
     }
-    if (!Je.test(f)) {
+    if (!et.test(h)) {
       m({
         message: "Please provide the valid amount"
       });
       return;
     }
-    const o = parseFloat(f.replaceAll(",", "."));
+    const o = parseFloat(h.replaceAll(",", "."));
     if (o * 1 <= 0) {
       m({
         message: "Please provide the amount greater than 0"
       });
       return;
     }
-    if (a === i && o * 1 > J * 1) {
+    if (a === c && o * 1 > J * 1) {
       m({ message: "Insufficient balance to stake" });
       return;
     }
@@ -167,9 +163,9 @@ const st = ({
       return;
     }
     let { title: l, html: d, func: n } = oe();
-    e === "review" && (l = "Please Review", d = `You are about to stake <strong>${f} ${a}</strong> Tokens for <strong>${h} days</strong> for ${a === R ? "up to" : ""} <strong>${I}% APY</strong>`, n = Me), ee(l), te(d), b(!0), ae(() => n);
+    e === "review" && (l = "Please Review", d = `You are about to stake <strong>${h} ${a}</strong> Tokens for <strong>${f} days</strong> for ${a === R ? "up to" : ""} <strong>${I}% APY</strong>`, n = Me), ee(l), te(d), D(!0), ae(() => n);
   }, oe = () => {
-    let e = "Are you sure?", o = `You will not have access to your ${a} Tokens during the staking period of <strong>${h} days</strong>`;
+    let e = "Are you sure?", o = `You will not have access to your ${a} Tokens during the staking period of <strong>${f} days</strong>`;
     return { title: e, html: o, func: Ne };
   }, se = ({ data: e }) => /* @__PURE__ */ r(
     S,
@@ -192,12 +188,12 @@ const st = ({
               /* @__PURE__ */ t(
                 "img",
                 {
-                  src: a === i ? Le : Fe,
+                  src: a === c ? Pe : Ye,
                   alt: "id",
                   width: 32
                 }
               ),
-              /* @__PURE__ */ t(c, { sx: { ml: "10px" }, variant: "h6", component: "span", children: /* @__PURE__ */ r("strong", { children: [
+              /* @__PURE__ */ t(i, { sx: { ml: "10px" }, variant: "h6", component: "span", children: /* @__PURE__ */ r("strong", { children: [
                 e.tokensStake,
                 " ",
                 a
@@ -206,10 +202,10 @@ const st = ({
           }
         ),
         /* @__PURE__ */ t(S, { sx: { padding: "20px" }, children: /* @__PURE__ */ r(u, { spacing: 1, container: !0, children: [
-          /* @__PURE__ */ t(u, { size: 6, children: /* @__PURE__ */ t(c, { className: "fs16", children: /* @__PURE__ */ t("strong", { children: "Days Remaining" }) }) }),
-          /* @__PURE__ */ t(u, { size: 6, children: /* @__PURE__ */ t(c, { className: "text-right fs16 fw500", children: e.days }) }),
-          /* @__PURE__ */ t(u, { size: 6, children: /* @__PURE__ */ t(c, { className: "fs16", children: /* @__PURE__ */ t("strong", { children: "Rewards" }) }) }),
-          /* @__PURE__ */ t(u, { size: 6, children: /* @__PURE__ */ r(c, { className: "text-right fs16 fw500", children: [
+          /* @__PURE__ */ t(u, { size: 6, children: /* @__PURE__ */ t(i, { className: "fs16", children: /* @__PURE__ */ t("strong", { children: "Days Remaining" }) }) }),
+          /* @__PURE__ */ t(u, { size: 6, children: /* @__PURE__ */ t(i, { className: "text-right fs16 fw500", children: e.days }) }),
+          /* @__PURE__ */ t(u, { size: 6, children: /* @__PURE__ */ t(i, { className: "fs16", children: /* @__PURE__ */ t("strong", { children: "Rewards" }) }) }),
+          /* @__PURE__ */ t(u, { size: 6, children: /* @__PURE__ */ r(i, { className: "text-right fs16 fw500", children: [
             e.tokensReward,
             " ID"
           ] }) })
@@ -218,7 +214,7 @@ const st = ({
     }
   );
   return g ? /* @__PURE__ */ t(ne, { children: /* @__PURE__ */ t(
-    et,
+    ot,
     {
       token: g.token,
       network: g.network,
@@ -238,17 +234,17 @@ const st = ({
           sx: { width: "250px", marginLeft: "-250px" },
           children: [
             /* @__PURE__ */ t(u, { className: E["sub-tabs-item"], size: 6, children: /* @__PURE__ */ t(
-              c,
+              i,
               {
                 fontSize: 25,
-                className: `font-bold ${a === i ? E.active : ""}`,
+                className: `font-bold ${a === c ? E.active : ""}`,
                 variant: "h5",
-                onClick: () => U(i),
+                onClick: () => U(c),
                 children: "ID"
               }
             ) }),
             /* @__PURE__ */ t(u, { className: E["sub-tabs-item"], size: 6, children: /* @__PURE__ */ t(
-              c,
+              i,
               {
                 fontSize: 25,
                 className: `font-bold ${a === R ? E.active : ""}`,
@@ -260,7 +256,7 @@ const st = ({
           ]
         }
       ) }),
-      a === i ? /* @__PURE__ */ t(
+      a === c ? /* @__PURE__ */ t(
         Re,
         {
           loader: j,
@@ -269,9 +265,9 @@ const st = ({
           totalReward: P.totalReward,
           StakeItem: se,
           stakeStart: O,
-          amount: f,
+          amount: h,
           setAmount: K,
-          stakeDuration: h,
+          stakeDuration: f,
           setStakeDuration: Z,
           balanceLoader: V,
           balance: J,
@@ -298,7 +294,7 @@ const st = ({
           totalReward: Y.totalReward,
           StakeItem: se,
           stakeStart: O,
-          amount: f,
+          amount: h,
           setAmount: K,
           balanceLoader: V,
           balance: Q,
@@ -319,7 +315,7 @@ const st = ({
       )
     ] }),
     /* @__PURE__ */ t(
-      tt,
+      Be,
       {
         open: Ae,
         fullWidth: !0,
@@ -330,10 +326,10 @@ const st = ({
             }
           }
         },
-        children: /* @__PURE__ */ r(at, { sx: { mt: 3 }, className: "stake-modal-content", children: [
-          /* @__PURE__ */ t(c, { variant: "h4", className: "text-center", children: /* @__PURE__ */ t("strong", { children: Te }) }),
+        children: /* @__PURE__ */ r(Ge, { sx: { mt: 3 }, className: "stake-modal-content", children: [
+          /* @__PURE__ */ t(i, { variant: "h4", className: "text-center", children: /* @__PURE__ */ t("strong", { children: Te }) }),
           /* @__PURE__ */ t(
-            c,
+            i,
             {
               sx: { mt: 5 },
               variant: "h6",
@@ -342,9 +338,9 @@ const st = ({
             }
           ),
           ue ? /* @__PURE__ */ r(S, { mt: 4, sx: { color: "#00B171", textAlign: "center" }, children: [
-            /* @__PURE__ */ t(ot, { size: 30 }),
+            /* @__PURE__ */ t(Le, { size: 30 }),
             /* @__PURE__ */ r(
-              c,
+              i,
               {
                 className: "secondary-text-color",
                 variant: "h5",
@@ -357,12 +353,12 @@ const st = ({
               }
             )
           ] }) : /* @__PURE__ */ r(S, { px: { xs: 6, md: 15 }, children: [
-            /* @__PURE__ */ t(ie, { sx: { mt: 6 }, onClick: De, fullWidth: !0, children: /* @__PURE__ */ t("strong", { children: "Ok" }) }),
+            /* @__PURE__ */ t(ie, { sx: { mt: 6 }, onClick: be, fullWidth: !0, children: /* @__PURE__ */ t("strong", { children: "Ok" }) }),
             /* @__PURE__ */ t(
               ie,
               {
                 variantType: "cancel",
-                onClick: () => b(!1),
+                onClick: () => D(!1),
                 sx: { mt: 2 },
                 fullWidth: !0,
                 children: "Cancel"
@@ -373,7 +369,7 @@ const st = ({
       }
     )
   ] });
-}, Wt = Ve(st);
+}, Kt = Ze(st);
 export {
-  Wt as default
+  Kt as default
 };