@multiversx/sdk-dapp-liquidity 2.1.0 → 2.2.0

package/reactjs/components/BridgeForm/Deposit.mjs

@@ -1,34 +1,37 @@
-import { jsx as n, Fragment as Ni, jsxs as s } from "react/jsx-runtime";
-import { faSpinner as Ai } from "@fortawesome/free-solid-svg-icons/faSpinner";
-import { FontAwesomeIcon as Di } from "@fortawesome/react-fontawesome";
-import { formatAmount as Si } from "@multiversx/sdk-dapp-utils/out/helpers/formatAmount";
+import { jsx as n, Fragment as Di, jsxs as s } from "react/jsx-runtime";
+import { faSpinner as Si } from "@fortawesome/free-solid-svg-icons/faSpinner";
+import { FontAwesomeIcon as Ri } from "@fortawesome/react-fontawesome";
+import { formatAmount as Mi } from "@multiversx/sdk-dapp-utils/out/helpers/formatAmount";
 import { useAppKitNetwork as ki } from "@reown/appkit/react";
-import { waitForTransactionReceipt as Ri } from "@wagmi/core";
-import Mi from "lodash/debounce";
-import { useRef as Pe, useState as x, useMemo as h, useCallback as g, useEffect as y } from "react";
-import { toast as M } from "react-toastify";
-import { useBridgeTokenSelection as Pi } from "./hooks/useBridgeTokenSelection.mjs";
-import { resolveSigningChainType as Vi } from "./utils/bridgeFormHelpers.mjs";
-import { MVX_CHAIN_IDS as Ve } from "../../../constants/index.mjs";
-import { getApiURL as Ei } from "../../../helpers/getApiURL.mjs";
+import { waitForTransactionReceipt as Ei } from "@wagmi/core";
+import Pi from "lodash/debounce";
+import { useRef as Ve, useState as y, useMemo as g, useCallback as f, useEffect as C } from "react";
+import { toast as k } from "react-toastify";
+import { useBridgeTokenSelection as Vi } from "./hooks/useBridgeTokenSelection.mjs";
+import { resolveSigningChainType as Fi } from "./utils/bridgeFormHelpers.mjs";
+import { MVX_CHAIN_IDS as Fe } from "../../../constants/index.mjs";
+import { getApiURL as Li } from "../../../helpers/getApiURL.mjs";
 import "../../constants/index.mjs";
-import { safeImageUrl as X } from "../../../helpers/safeImageUrl.mjs";
-import { ChainType as z } from "../../../types/chainType.mjs";
-import { useWeb3App as Fi } from "../../context/useWeb3App.mjs";
-import { sameBridgeApiChainId as le, toBridgeApiChainId as Li } from "../../helpers/resolveBridgeApiChainId.mjs";
-import { useAccount as Ui } from "../../hooks/useAccount.mjs";
-import { useBridgeApiChainId as ji } from "../../hooks/useBridgeApiChainId.mjs";
-import { useBridgeFormik as Hi, BridgeFormikValuesEnum as G } from "../../hooks/useBridgeFormik.mjs";
-import { useFetchBridgeData as Oi } from "../../hooks/useFetchBridgeData.mjs";
-import { useGetChainId as Wi } from "../../hooks/useGetChainId.mjs";
-import { useSendTransactions as Xi } from "../../hooks/useSendTransactions.mjs";
-import { useSignTransaction as zi } from "../../hooks/useSignTransaction.mjs";
-import { useInvalidateHistoryQuery as Gi } from "../../queries/useGetHistory.query.mjs";
-import { useGetRateMutation as Qi } from "../../queries/useGetRate.mutation.mjs";
-import { mxClsx as Ee } from "../../utils/mxClsx.mjs";
-import { AmountCard as Fe } from "../AmountCard/AmountCard.mjs";
-import { AmountInput as Le } from "../AmountInput/AmountInput.mjs";
-import { MxButton as _i } from "../base/MxButton/MxButton.mjs";
+import { safeImageUrl as z } from "../../../helpers/safeImageUrl.mjs";
+import "@solana/web3.js";
+import "bitcoinjs-lib";
+import "viem";
+import { ChainType as E } from "../../../types/chainType.mjs";
+import { useWeb3App as Ui } from "../../context/useWeb3App.mjs";
+import { sameBridgeApiChainId as de, toBridgeApiChainId as ji } from "../../helpers/resolveBridgeApiChainId.mjs";
+import { useAccount as Hi } from "../../hooks/useAccount.mjs";
+import { useBridgeApiChainId as Oi } from "../../hooks/useBridgeApiChainId.mjs";
+import { useBridgeFormik as Wi, BridgeFormikValuesEnum as G } from "../../hooks/useBridgeFormik.mjs";
+import { useFetchBridgeData as Xi } from "../../hooks/useFetchBridgeData.mjs";
+import { useGetChainId as zi } from "../../hooks/useGetChainId.mjs";
+import { useSendTransactions as Gi } from "../../hooks/useSendTransactions.mjs";
+import { useSignTransaction as Qi } from "../../hooks/useSignTransaction.mjs";
+import { useInvalidateHistoryQuery as _i } from "../../queries/useGetHistory.query.mjs";
+import { useGetRateMutation as $i } from "../../queries/useGetRate.mutation.mjs";
+import { mxClsx as Le } from "../../utils/mxClsx.mjs";
+import { AmountCard as Ue } from "../AmountCard/AmountCard.mjs";
+import { AmountInput as je } from "../AmountInput/AmountInput.mjs";
+import { MxButton as Ki } from "../base/MxButton/MxButton.mjs";
 import "../base/MxCard/MxCard.mjs";
 import "../base/MxLink/MxLink.mjs";
 import "../base/MxSearch/MxSearch.mjs";
@@ -37,332 +40,336 @@ import "@headlessui/react";
 import "react-dom";
 import "react-popper";
 import "../base/MxTooltip/components/TooltipContainer/TooltipContainer.mjs";
-import { BridgeHistory as $i } from "../BridgeHistory/BridgeHistory.mjs";
-import { BridgeConnectButton as Ki } from "../Connect/BridgeConnectButton.mjs";
+import { BridgeHistory as Yi } from "../BridgeHistory/BridgeHistory.mjs";
+import { BridgeConnectButton as Ji } from "../Connect/BridgeConnectButton.mjs";
 import "wagmi";
-import { MvxConnectButton as Yi } from "../Connect/MvxConnectButton.mjs";
-import { BridgeAccountDisplay as Ji } from "../Connect/BridgeAccountDisplay.mjs";
-import { MvxAccountDisplay as Zi } from "../Connect/MvxAccountDisplay.mjs";
+import { MvxConnectButton as Zi } from "../Connect/MvxConnectButton.mjs";
+import { BridgeAccountDisplay as Ti } from "../Connect/BridgeAccountDisplay.mjs";
+import { MvxAccountDisplay as et } from "../Connect/MvxAccountDisplay.mjs";
 import "@reown/appkit-controllers";
-import { ToggleDirection as Ti } from "../ToggleDirection/ToggleDirection.mjs";
-import { TokenSelector as Ue } from "../TokenSelector/TokenSelector.mjs";
+import { ToggleDirection as it } from "../ToggleDirection/ToggleDirection.mjs";
+import { TokenSelector as He } from "../TokenSelector/TokenSelector.mjs";
 let Q;
-const $t = ({
+const Tt = ({
   mvxChainId: _,
   mvxAddress: l,
-  username: je,
-  callbackRoute: He = "/",
-  firstTokenIdentifier: Oe,
-  secondTokenIdentifier: We,
+  username: Oe,
+  callbackRoute: We = "/",
+  firstTokenIdentifier: Xe,
+  secondTokenIdentifier: ze,
   firstTokenAmount: P,
-  secondTokenAmount: w,
-  refetchTrigger: Xe,
-  showHistory: ze,
-  forcedDestinationTokenSymbol: Ge,
+  secondTokenAmount: N,
+  refetchTrigger: Ge,
+  showHistory: Qe,
+  forcedDestinationTokenSymbol: _e,
   onSuccessfullySentTransaction: V,
   onFailedSentTransaction: I,
-  onHistoryClose: E,
-  onMvxConnect: ce,
-  onMvxDisconnect: Qe,
-  onNavigate: _e,
-  onChangeDirection: $e
+  onHistoryClose: F,
+  onMvxConnect: me,
+  onMvxDisconnect: $e,
+  onNavigate: Ke,
+  onChangeDirection: Ye
 }) => {
-  var we, Ne;
-  const Ke = Pe(null), de = Pe(void 0), [$, Ye] = x(!1), [F, N] = x(!1), [Je, Ze] = x(1), [K, Y] = x(0), f = Ui(), { switchNetwork: me } = ki(), ue = Gi(), {
-    config: pe,
-    options: he,
+  var Ae, De;
+  const Je = Ve(null), ue = Ve(void 0), [$, Ze] = y(!1), [L, w] = y(!1), [Te, ei] = y(1), [K, Y] = y(0), q = Hi(), { switchNetwork: pe } = ki(), he = _i(), {
+    config: ge,
+    options: fe,
     supportedChains: A,
     nativeAuthToken: J,
-    bridgeOnly: Te
-  } = Fi(), Z = Wi(), ge = ji(), {
-    evmTokensWithBalances: ei,
-    mvxTokensWithBalances: ii,
-    isTokensLoading: ti,
-    isLoadingEvmTokensBalances: ni,
-    isLoadingMvxTokensBalances: ri,
+    bridgeOnly: ii
+  } = Ui(), Z = zi(), qe = Oi(), {
+    evmTokensWithBalances: ti,
+    mvxTokensWithBalances: ni,
+    isTokensLoading: ri,
+    isLoadingEvmTokensBalances: ai,
+    isLoadingMvxTokensBalances: oi,
     chains: D = [],
-    isChainsLoading: oi
-  } = Oi({
-    refetchTrigger: Xe,
+    isChainsLoading: si
+  } = Xi({
+    refetchTrigger: Ge,
     mvxAddress: l,
-    mvxApiURL: he.mvxApiURL
-  }), T = ti || ni || ri || oi, ai = h(() => A.find((i) => le(i.id, Z)), [Z, A]), a = h(() => D.find(
+    mvxApiURL: fe.mvxApiURL
+  }), T = ri || ai || oi || si, li = g(() => A.find((i) => de(i.id, Z)), [Z, A]), o = g(() => D.find(
     (i) => i.chainId.toString() === _.toString()
-  ), [Z, D]), { evm: fe, solana: qe, bitcoin: be, sui: Ie } = zi(), ve = Xi(), {
-    mutate: si,
+  ), [Z, D]), { evm: be, solana: ve, bitcoin: Ie, sui: xe } = Qi(), Be = Gi(), {
+    mutate: ci,
     data: d,
     isPending: S,
-    error: v
-  } = Qi(), k = ((we = v == null ? void 0 : v.response) == null ? void 0 : we.status) === 400 ? (Ne = v == null ? void 0 : v.response) == null ? void 0 : Ne.data.message : void 0, li = g(
+    error: x
+  } = $i(), R = ((Ae = x == null ? void 0 : x.response) == null ? void 0 : Ae.status) === 400 ? (De = x == null ? void 0 : x.response) == null ? void 0 : De.data.message : void 0, di = f(
     (i) => {
-      const b = A.find(
-        (c) => le(c.id, i.id)
+      const v = A.find(
+        (c) => de(c.id, i.id)
       );
-      b && me(b);
+      v && pe(v);
     },
-    [A, me]
+    [A, pe]
   ), {
     firstToken: e,
-    secondToken: o,
-    fromOptions: L,
-    toOptions: ci,
+    secondToken: a,
+    fromOptions: U,
+    toOptions: mi,
     selectedChainOption: r,
-    onChangeFirstSelect: Be,
-    onChangeSecondSelect: di,
-    handleChangeDirection: mi
-  } = Pi({
+    onChangeFirstSelect: ye,
+    onChangeSecondSelect: ui,
+    handleChangeDirection: pi
+  } = Vi({
     chains: D,
-    activeChain: ai,
+    activeChain: li,
     sdkChains: A,
-    switchNetwork: li,
-    fromTokens: ei,
-    toTokens: ii,
-    firstTokenIdentifier: Oe,
-    secondTokenIdentifier: We,
-    forcedDestinationTokenSymbol: Ge,
+    switchNetwork: di,
+    fromTokens: ti,
+    toTokens: ni,
+    firstTokenIdentifier: Xe,
+    secondTokenIdentifier: ze,
+    forcedDestinationTokenSymbol: _e,
     isTokensLoading: T,
-    callbackRoute: He,
-    onNavigate: _e
-  }), ui = h(() => e ? Ve.includes(e.chainId.toString()) : !1, [e == null ? void 0 : e.chainId]), pi = h(() => o ? Ve.includes(o.chainId.toString()) : !1, [o == null ? void 0 : o.chainId]), [m, hi] = x(P ?? ""), [U, j] = x(w ?? ""), B = h(() => e ? D.find(
-    (i) => le(i.chainId, e.chainId)
-  ) ?? r : r, [e == null ? void 0 : e.chainId, D, r]), H = h(
-    () => Li(e == null ? void 0 : e.chainId) ?? ge,
-    [e == null ? void 0 : e.chainId, ge]
-  ), ee = f.address, Ce = f.isConnected && !!ee, ie = m !== "" && U !== "", te = g(
-    Mi(async (i) => {
-      !i || !Number(i) || !f.address || !(e != null && e.address) || !(o != null && o.address) || !r || !H || si({
+    callbackRoute: We,
+    onNavigate: Ke
+  }), hi = g(() => e ? Fe.includes(e.chainId.toString()) : !1, [e == null ? void 0 : e.chainId]), gi = g(() => a ? Fe.includes(a.chainId.toString()) : !1, [a == null ? void 0 : a.chainId]), [u, fi] = y(P ?? ""), [j, H] = y(N ?? ""), m = g(() => e ? D.find(
+    (i) => de(i.chainId, e.chainId)
+  ) ?? r : r, [e == null ? void 0 : e.chainId, D, r]), O = g(
+    () => ji(e == null ? void 0 : e.chainId) ?? qe,
+    [e == null ? void 0 : e.chainId, qe]
+  ), ee = q.address, Ce = q.isConnected && !!ee, ie = u !== "" && j !== "", te = f(
+    Pi(async (i) => {
+      !i || !Number(i) || !q.address || !(e != null && e.address) || !(a != null && a.address) || !r || !O || ci({
         nativeAuthToken: J ?? "",
         body: {
           tokenIn: e.address,
           amountIn: i,
-          fromChainId: H,
-          tokenOut: o.address,
+          fromChainId: O,
+          tokenOut: a.address,
           toChainId: _
         }
       });
     }, 500),
     [
-      f.address,
-      H,
+      q.address,
+      O,
       e == null ? void 0 : e.address,
-      o == null ? void 0 : o.address,
+      a == null ? void 0 : a.address,
       r
     ]
-  ), u = g((i) => {
-    hi(() => i);
-  }, []), C = g((i) => {
-    j(() => i);
-  }, []), gi = g(() => {
-    E == null || E();
-  }, [E]), fi = g(() => {
-    const i = Si({
+  ), p = f((i) => {
+    fi(() => i);
+  }, []), B = f((i) => {
+    H(() => i);
+  }, []), qi = f(() => {
+    F == null || F();
+  }, [F]), bi = f(() => {
+    const i = Mi({
       decimals: e == null ? void 0 : e.decimals,
       input: (e == null ? void 0 : e.balance) ?? "0",
       addCommas: !1,
       digits: 4
     });
-    q.setFieldValue("firstAmount", i), u(i);
-  }, [e == null ? void 0 : e.balance, e == null ? void 0 : e.decimals, u]), xe = g(
+    b.setFieldValue("firstAmount", i), p(i);
+  }, [e == null ? void 0 : e.balance, e == null ? void 0 : e.decimals, p]), Ne = f(
     async (i) => {
-      u(""), C(""), ue(), ue(), V == null || V(i);
+      p(""), B(""), he(), he(), V == null || V(i);
     },
     [
-      u,
-      C,
+      p,
+      B,
       V
     ]
-  ), qi = () => {
-    mi(), $e();
+  ), vi = () => {
+    pi(), Ye();
   };
-  y(() => {
-    const i = de.current;
-    if (de.current = r == null ? void 0 : r.chainId, !!i && (r == null ? void 0 : r.chainId) !== (e == null ? void 0 : e.chainId)) {
-      const b = L == null ? void 0 : L.find(
+  C(() => {
+    const i = ue.current;
+    if (ue.current = r == null ? void 0 : r.chainId, !!i && (r == null ? void 0 : r.chainId) !== (e == null ? void 0 : e.chainId)) {
+      const v = U == null ? void 0 : U.find(
         (c) => c.chainId.toString() === (r == null ? void 0 : r.chainId)
       );
-      if (!b)
+      if (!v)
         return;
-      Be(b);
+      ye(v);
     }
   }, [r == null ? void 0 : r.chainId]);
-  const bi = g(
+  const Ii = f(
     async ({
       transactions: i,
-      provider: b
+      provider: v
     }) => {
-      var Ae, De, Se;
+      var Se, Re, Me;
       const c = [];
-      N(!0), Y(() => i.length);
+      w(!0), Y(() => i.length);
       try {
-        let R = -1;
+        let M = -1;
         for (const t of i) {
-          ++R;
+          ++M;
           try {
-            switch (Vi(t, B)) {
-              case z.evm: {
-                const p = await fe.signTransaction({
+            switch (Fi(t, m)) {
+              case E.evm: {
+                const h = await be.signTransaction({
                   ...t,
                   value: BigInt(t.value),
                   gas: BigInt(t.gasLimit),
                   account: ee
                 });
-                if (!p || (c.push({
+                if (!h || (c.push({
                   ...t,
-                  txHash: p
-                }), R === i.length - 1 || !p))
+                  txHash: h
+                }), M === i.length - 1 || !h))
                   break;
-                const W = await Ri(
-                  pe,
+                const X = await Ei(
+                  ge,
                   {
                     confirmations: 1,
-                    hash: p
+                    hash: h
                   }
                 );
                 console.info({
-                  transactionReceipt: W,
-                  hash: p
+                  transactionReceipt: X,
+                  hash: h
                 });
                 break;
               }
-              case z.sol:
+              case E.sol:
                 if (!t.instructions || !t.feePayer)
                   break;
-                const se = await qe.signTransaction({
+                const ce = await ve.signTransaction({
                   feePayer: t.feePayer,
                   instructions: t.instructions,
                   recentBlockhash: t.recentBlockhash
                 });
-                if (!se)
+                if (!ce)
                   break;
                 c.push({
                   ...t,
-                  txHash: se
+                  txHash: ce
                 });
                 break;
-              case z.btc:
+              case E.btc:
                 if (!t.bitcoinParams) {
                   console.error("No bitcoin params");
                   break;
                 }
-                const wi = await be.signTransaction(
+                const Ai = await Ie.signTransaction(
                   t.bitcoinParams
                 );
                 c.push({
                   ...t,
-                  txHash: wi
+                  txHash: Ai
                 });
                 break;
-              case z.sui: {
-                const p = (Ae = t.suiParams) == null ? void 0 : Ae.transactionBytes, W = (De = t.suiParams) == null ? void 0 : De.sender;
-                if (!p || !W) {
+              case E.sui: {
+                const h = (Se = t.suiParams) == null ? void 0 : Se.transactionBytes, X = (Re = t.suiParams) == null ? void 0 : Re.sender;
+                if (!h || !X) {
                   console.error("No Sui transaction bytes or sender address");
                   break;
                 }
-                const Me = await Ie.signTransaction({
-                  transaction: p,
-                  address: W
+                const Pe = await xe.signTransaction({
+                  transaction: h,
+                  address: X
                 });
-                if (!Me)
+                if (!Pe)
                   break;
                 c.push({
                   ...t,
                   suiParams: {
                     ...t.suiParams,
-                    signature: Me
+                    signature: Pe
                   }
                 });
                 break;
               }
               default:
-                M.error("Provider not supported"), N(!1);
+                k.error("Provider not supported"), w(!1);
                 return;
             }
             Y(
-              () => i.length - 1 - R
+              () => i.length - 1 - M
             );
           } catch {
-            M.dismiss(), M.error("Transaction aborted"), I == null || I("Transaction aborted"), N(!1);
+            k.dismiss(), k.error("Transaction aborted"), I == null || I("Transaction aborted"), w(!1);
             return;
           }
         }
-        const { data: ae } = await ve({
+        const { data: le } = await Be({
           transactions: c,
-          provider: b,
-          url: Ei() ?? "",
+          provider: v,
+          url: Li() ?? "",
           token: J ?? ""
-        }), ke = ((Se = ae.transactions) == null ? void 0 : Se.map((t) => t.txHash).filter((t) => !!t)) ?? [], Re = c.map((t) => t.txHash).filter((t) => !!t), yi = ke.length > 0 ? ke : Re.length > 0 ? Re : ae.batchId ? [ae.batchId] : [];
-        xe(yi), N(!1);
-      } catch (R) {
-        console.error(R), M.dismiss(), M.error("Transaction cancelled"), I == null || I("Transaction cancelled"), N(!1), Y(0), vi(), u(""), C("");
+        }), ke = ((Me = le.transactions) == null ? void 0 : Me.map((t) => t.txHash).filter((t) => !!t)) ?? [], Ee = c.map((t) => t.txHash).filter((t) => !!t), wi = ke.length > 0 ? ke : Ee.length > 0 ? Ee : le.batchId ? [le.batchId] : [];
+        Ne(wi), w(!1);
+      } catch (M) {
+        console.error(M), k.dismiss(), k.error("Transaction cancelled"), I == null || I("Transaction cancelled"), w(!1), Y(0), Bi(), p(""), B("");
       }
     },
     [
-      B == null ? void 0 : B.chainType,
+      m == null ? void 0 : m.chainType,
       ee,
-      pe,
-      u,
-      C,
+      ge,
+      p,
+      B,
       J,
-      xe,
-      ve,
+      Ne,
+      Be,
+      Ie.signTransaction,
       be.signTransaction,
-      fe.signTransaction,
-      qe.signTransaction,
-      Ie.signTransaction
+      ve.signTransaction,
+      xe.signTransaction
     ]
   ), {
-    formik: q,
+    formik: b,
     firstAmountError: ne,
     secondAmountError: re,
-    fromChainError: oe,
-    handleBlur: O,
-    handleChange: ye,
-    handleSubmit: Ii,
-    resetSwapForm: vi
-  } = Hi({
+    fromChainError: ae,
+    senderAddressError: oe,
+    receiverAddressError: se,
+    handleBlur: W,
+    handleChange: we,
+    handleSubmit: xi,
+    resetSwapForm: Bi
+  } = Wi({
     isMvxConnected: !!l,
     rate: d,
-    sender: f.address ?? "",
+    sender: q.address ?? "",
     receiver: l ?? "",
     firstToken: e,
-    firstAmount: m,
-    fromChainId: H,
+    firstAmount: u,
+    fromChainId: O,
     toChainId: _,
-    secondToken: o,
-    secondAmount: U,
-    setForceRefetchRate: Ze,
-    onSubmit: bi
-  }), Bi = !!(ne || re || oe || k), Ci = h(() => m !== "" ? k ?? ne : void 0, [ne, m, k]), xi = h(() => U !== "" ? oe ?? re : void 0, [oe, re, U]);
-  return y(() => (m || j(""), te(m), Q && clearInterval(Q), Q = setInterval(() => {
-    te(m);
-  }, 50 * 1e3), () => clearInterval(Q)), [m, Je, te]), y(() => {
-    d != null && d.amountOut && (q.setFieldValue(G.secondAmount, d.amountOut), j(d.amountOut));
-  }, [d == null ? void 0 : d.amountOut]), y(() => {
-    k && (q.setFieldValue(G.secondAmount, "0"), j("0"));
-  }, [k]), y(() => {
-    P && (q.setFieldValue(
+    secondToken: a,
+    secondAmount: j,
+    setForceRefetchRate: ei,
+    senderChainType: m == null ? void 0 : m.chainType,
+    receiverChainType: E.mvx,
+    onSubmit: Ii
+  }), yi = !!(ne || re || ae || R || oe || se), Ci = g(() => u !== "" ? R ?? ne : void 0, [ne, u, R]), Ni = g(() => j !== "" ? ae ?? re : void 0, [ae, re, j]);
+  return C(() => (u || H(""), te(u), Q && clearInterval(Q), Q = setInterval(() => {
+    te(u);
+  }, 50 * 1e3), () => clearInterval(Q)), [u, Te, te]), C(() => {
+    d != null && d.amountOut && (b.setFieldValue(G.secondAmount, d.amountOut), H(d.amountOut));
+  }, [d == null ? void 0 : d.amountOut]), C(() => {
+    R && (b.setFieldValue(G.secondAmount, "0"), H("0"));
+  }, [R]), C(() => {
+    P && (b.setFieldValue(
       G.firstAmount,
       P
-    ), u(P));
-  }, []), y(() => {
-    w && (q.setFieldValue(
+    ), p(P));
+  }, []), C(() => {
+    N && (b.setFieldValue(
       G.secondAmount,
-      w
-    ), C(w));
-  }, [w]), /* @__PURE__ */ n(Ni, { children: /* @__PURE__ */ s(
+      N
+    ), B(N));
+  }, [N]), /* @__PURE__ */ n(Di, { children: /* @__PURE__ */ s(
     "form",
     {
-      ref: Ke,
+      ref: Je,
       noValidate: !0,
       className: "liq-flex liq-flex-col liq-gap-1 liq-relative",
       autoComplete: "off",
-      onSubmit: Ii,
+      onSubmit: xi,
       children: [
-        ze && /* @__PURE__ */ n($i, { mvxAddress: l, onClose: gi }),
+        Qe && /* @__PURE__ */ n(Yi, { mvxAddress: l, onClose: qi }),
         /* @__PURE__ */ s(
-          Fe,
+          Ue,
           {
-            className: Ee(
+            className: Le(
               "liq-pb-8 liq-pt-6 hover:liq-bg-neutral-700/50 sm:liq-pb-6",
               {
                 "liq-pointer-events-none": $,
@@ -373,52 +380,53 @@ const $t = ({
               /* @__PURE__ */ s("div", { className: "liq-flex liq-items-center liq-gap-1", children: [
                 /* @__PURE__ */ n("span", { children: "From" }),
                 /* @__PURE__ */ n(
-                  Ji,
+                  Ti,
                   {
                     disabled: S,
-                    activeChain: B
+                    activeChain: m
                   }
                 )
               ] }),
+              oe && /* @__PURE__ */ n("div", { className: "liq-text-red-400 liq-text-xs liq-mt-1", children: oe }),
               /* @__PURE__ */ s("div", { className: "liq-flex liq-justify-between liq-gap-1", children: [
                 /* @__PURE__ */ n(
-                  Le,
+                  je,
                   {
                     inputName: "firstAmount",
-                    inputValue: q.values.firstAmount,
+                    inputValue: b.values.firstAmount,
                     amountError: Ci,
                     disabled: !1,
-                    onInputDebounceChange: u,
-                    onInputChange: ye,
-                    onBlur: O
+                    onInputDebounceChange: p,
+                    onInputChange: we,
+                    onBlur: W
                   }
                 ),
                 /* @__PURE__ */ n(
-                  Ue,
+                  He,
                   {
                     name: "firstToken",
                     disabled: S,
-                    options: L,
+                    options: U,
                     areOptionsLoading: T,
-                    isMvxSelector: ui,
+                    isMvxSelector: hi,
                     isDestination: !1,
                     color: "neutral-850",
-                    onChange: Be,
-                    onBlur: O,
-                    onMaxBtnClick: fi,
+                    onChange: ye,
+                    onBlur: W,
+                    onMaxBtnClick: bi,
                     selectedOption: e,
-                    onTokenSelectorDisplay: (i) => Ye(i)
+                    onTokenSelectorDisplay: (i) => Ze(i)
                   }
                 )
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ n("div", { className: "liq-absolute liq-left-[6%] liq-top-[40%] -liq-mt-1 liq-z-10", children: Te && /* @__PURE__ */ n(Ti, { onChangeDirection: qi }) }),
+        /* @__PURE__ */ n("div", { className: "liq-absolute liq-left-[6%] liq-top-[40%] -liq-mt-1 liq-z-10", children: ii && /* @__PURE__ */ n(it, { onChangeDirection: vi }) }),
         /* @__PURE__ */ s(
-          Fe,
+          Ue,
           {
-            className: Ee(
+            className: Le(
               "liq-pb-8 liq-pt-6 hover:liq-bg-neutral-700/50 sm:liq-pb-6",
               {
                 "liq-pointer-events-none": $
@@ -428,44 +436,45 @@ const $t = ({
               /* @__PURE__ */ s("div", { className: "liq-flex liq-items-center liq-gap-1", children: [
                 /* @__PURE__ */ n("span", { children: "To" }),
                 /* @__PURE__ */ n(
-                  Zi,
+                  et,
                   {
                     accountAddress: l,
-                    chainIcon: X(a == null ? void 0 : a.pngUrl),
-                    username: je,
-                    accountExplorerUrl: `${he.mvxExplorerAddress}/accounts/${l}`,
+                    chainIcon: z(o == null ? void 0 : o.pngUrl),
+                    username: Oe,
+                    accountExplorerUrl: `${fe.mvxExplorerAddress}/accounts/${l}`,
                     showTag: !0,
-                    onDisconnect: Qe,
-                    onConnect: ce
+                    onDisconnect: $e,
+                    onConnect: me
                   }
                 )
               ] }),
+              se && /* @__PURE__ */ n("div", { className: "liq-text-red-400 liq-text-xs liq-mt-1", children: se }),
               /* @__PURE__ */ s("div", { className: "liq-flex liq-justify-between liq-gap-1", children: [
                 /* @__PURE__ */ n(
-                  Le,
+                  je,
                   {
                     inputName: "secondAmount",
-                    inputValue: q.values.secondAmount,
-                    amountError: xi,
+                    inputValue: b.values.secondAmount,
+                    amountError: Ni,
                     disabled: !1,
-                    onInputDebounceChange: C,
-                    onInputChange: ye,
-                    onBlur: O
+                    onInputDebounceChange: B,
+                    onInputChange: we,
+                    onBlur: W
                   }
                 ),
                 /* @__PURE__ */ n(
-                  Ue,
+                  He,
                   {
                     name: "secondToken",
                     disabled: S,
                     omitDisableClass: !0,
-                    options: ci,
+                    options: mi,
                     areOptionsLoading: T,
-                    isMvxSelector: pi,
+                    isMvxSelector: gi,
                     color: "neutral-850",
-                    onChange: di,
-                    onBlur: O,
-                    selectedOption: o
+                    onChange: ui,
+                    onBlur: W,
+                    selectedOption: a
                   }
                 )
               ] })
@@ -474,47 +483,47 @@ const $t = ({
         ),
         /* @__PURE__ */ s("div", { className: "liq-flex liq-items-center liq-justify-center", children: [
           !l && /* @__PURE__ */ n(
-            Yi,
+            Zi,
             {
               mvxAccountAddress: l,
-              icon: X(a == null ? void 0 : a.pngUrl),
-              onClick: ce
+              icon: z(o == null ? void 0 : o.pngUrl),
+              onClick: me
             }
           ),
           l && !Ce && /* @__PURE__ */ n(
-            Ki,
+            Ji,
             {
               className: "liq-w-full liq-rounded-xl liq-bg-neutral-850/50 liq-px-8 liq-py-3 liq-font-semibold liq-text-primary-200 liq-transition-colors liq-duration-200 hover:enabled:liq-bg-primary-700/80 disabled:liq-opacity-50",
               disabled: S,
-              activeChain: B
+              activeChain: m
             }
           ),
           l && Ce && /* @__PURE__ */ s(
-            _i,
+            Ki,
             {
               type: "submit",
               variant: "neutral-850",
               className: "liq-w-full disabled:liq-bg-neutral-850/50 liq-py-3 hover:enabled:liq-bg-primary !liq-text-primary-200",
-              disabled: !ie || S || !l || !f.address || Bi || F,
+              disabled: !ie || S || !l || !q.address || yi || L,
               children: [
-                ie && !F && /* @__PURE__ */ s("div", { className: "liq-flex liq-justify-center liq-items-center liq-gap-2", children: [
+                ie && !L && /* @__PURE__ */ s("div", { className: "liq-flex liq-justify-center liq-items-center liq-gap-2", children: [
                   /* @__PURE__ */ n("div", { children: "Deposit on " }),
                   /* @__PURE__ */ n(
                     "img",
                     {
-                      src: X(a == null ? void 0 : a.pngUrl),
+                      src: z(o == null ? void 0 : o.pngUrl),
                       alt: "",
                       className: "liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
                     }
                   ),
                   /* @__PURE__ */ n("div", { children: "MultiversX" })
                 ] }),
-                !ie && !F && /* @__PURE__ */ n("span", { className: "liq-text-neutral-100", children: "Enter amount" }),
-                F && /* @__PURE__ */ s("div", { className: "liq-flex liq-justify-center liq-items-center liq-gap-2", children: [
+                !ie && !L && /* @__PURE__ */ n("span", { className: "liq-text-neutral-100", children: "Enter amount" }),
+                L && /* @__PURE__ */ s("div", { className: "liq-flex liq-justify-center liq-items-center liq-gap-2", children: [
                   /* @__PURE__ */ n(
-                    Di,
+                    Ri,
                     {
-                      icon: Ai,
+                      icon: Si,
                       spin: !0,
                       className: "liq-mx-1 liq-flex liq-items-center"
                     }
@@ -523,7 +532,7 @@ const $t = ({
                   /* @__PURE__ */ n(
                     "img",
                     {
-                      src: X(a == null ? void 0 : a.pngUrl),
+                      src: z(o == null ? void 0 : o.pngUrl),
                       alt: "",
                       className: "liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
                     }
@@ -534,7 +543,7 @@ const $t = ({
             }
           )
         ] }),
-        f.address && K > 0 && /* @__PURE__ */ n("div", { className: "liq-flex liq-items-center liq-justify-center liq-text-neutral-300 liq-text-sm", children: /* @__PURE__ */ s("div", { children: [
+        q.address && K > 0 && /* @__PURE__ */ n("div", { className: "liq-flex liq-items-center liq-justify-center liq-text-neutral-300 liq-text-sm", children: /* @__PURE__ */ s("div", { children: [
           "You will be asked to sign ",
           K,
           " ",
@@ -547,5 +556,5 @@ const $t = ({
   ) });
 };
 export {
-  $t as Deposit
+  Tt as Deposit
 };