@multiversx/sdk-dapp-liquidity 2.4.0-alpha.1 → 2.4.0

package/reactjs/components/BridgeForm/Deposit.mjs

@@ -10,148 +10,148 @@ import { AmountCard as o } from "../AmountCard/AmountCard.mjs";
 import "../AmountCard/index.mjs";
 import { AmountInput as s } from "../AmountInput/AmountInput.mjs";
 import "../AmountInput/index.mjs";
-import { useAccount as c } from "../../hooks/useAccount.mjs";
-import { useWeb3App as ee } from "../../context/useWeb3App.mjs";
-import { BridgeFormikValuesEnum as l, useBridgeFormik as te } from "../../hooks/useBridgeFormik.mjs";
-import { sameBridgeApiChainId as u, toBridgeApiChainId as ne } from "../../helpers/resolveBridgeApiChainId.mjs";
-import { useBridgeApiChainId as re } from "../../hooks/useBridgeApiChainId.mjs";
-import { t as ie } from "../../../hooks-DMIHvAKb.mjs";
-import { useGetChainId as ae } from "../../hooks/useGetChainId.mjs";
-import { useSendTransactions as oe } from "../../hooks/useSendTransactions.mjs";
-import { useSignTransaction as se } from "../../hooks/useSignTransaction.mjs";
-import { resolveSigningChainType as ce } from "./utils/bridgeFormHelpers.mjs";
-import { useBridgeTokenSelection as le } from "./hooks/useBridgeTokenSelection.mjs";
-import { useDisconnectOnChainTypeChange as ue } from "../../hooks/useDisconnectOnChainTypeChange.mjs";
-import { useNamespaceAddress as de } from "../../hooks/useNamespaceAddress.mjs";
-import { useInvalidateHistoryQuery as fe } from "../../queries/useGetHistory.query.mjs";
-import { useGetRateMutation as pe } from "../../queries/useGetRate.mutation.mjs";
-import { t as me } from "../../../BridgeHistory-BUSiuT1d.mjs";
+import { sameBridgeApiChainId as c, toBridgeApiChainId as ee } from "../../helpers/resolveBridgeApiChainId.mjs";
+import { resolveSigningChainType as te } from "./utils/bridgeFormHelpers.mjs";
+import { useBridgeTokenSelection as ne } from "./hooks/useBridgeTokenSelection.mjs";
+import { useWeb3App as re } from "../../context/useWeb3App.mjs";
+import { useAccount as ie } from "../../hooks/useAccount.mjs";
+import { useBridgeApiChainId as ae } from "../../hooks/useBridgeApiChainId.mjs";
+import { BridgeFormikValuesEnum as l, useBridgeFormik as oe } from "../../hooks/useBridgeFormik.mjs";
+import { useDisconnectOnChainTypeChange as se } from "../../hooks/useDisconnectOnChainTypeChange.mjs";
+import { useGetChainId as ce } from "../../hooks/useGetChainId.mjs";
+import { useSendTransactions as le } from "../../hooks/useSendTransactions.mjs";
+import { useSignTransaction as ue } from "../../hooks/useSignTransaction.mjs";
+import { t as de } from "../../../useFetchBridgeData-C9hzwYG6.mjs";
+import { useNamespaceAddress as fe } from "../../hooks/useNamespaceAddress.mjs";
+import { useInvalidateHistoryQuery as pe } from "../../queries/useGetHistory.query.mjs";
+import { useGetRateMutation as me } from "../../queries/useGetRate.mutation.mjs";
+import { t as he } from "../../../BridgeHistory-B86lT8s-.mjs";
 import "../BridgeHistory/index.mjs";
-import { BridgeConnectButton as he } from "../Connect/BridgeConnectButton.mjs";
-import { MvxConnectButton as ge } from "../Connect/MvxConnectButton.mjs";
-import { BridgeAccountDisplay as _e } from "../Connect/BridgeAccountDisplay.mjs";
-import { MvxAccountDisplay as ve } from "../Connect/MvxAccountDisplay.mjs";
+import { BridgeConnectButton as ge } from "../Connect/BridgeConnectButton.mjs";
+import { MvxConnectButton as _e } from "../Connect/MvxConnectButton.mjs";
+import { BridgeAccountDisplay as ve } from "../Connect/BridgeAccountDisplay.mjs";
+import { MvxAccountDisplay as ye } from "../Connect/MvxAccountDisplay.mjs";
 import "../Connect/index.mjs";
-import { t as ye } from "../../../ToggleDirection-BLDXxUlN.mjs";
-import { TokenSelector as be } from "../TokenSelector/TokenSelector.mjs";
+import { t as be } from "../../../ToggleDirection-BLDXxUlN.mjs";
+import { TokenSelector as xe } from "../TokenSelector/TokenSelector.mjs";
 import "../TokenSelector/index.mjs";
-import { Fragment as xe, jsx as d, jsxs as f } from "react/jsx-runtime";
-import { useCallback as p, useEffect as m, useMemo as h, useRef as Se, useState as g } from "react";
-import { FontAwesomeIcon as Ce } from "@fortawesome/react-fontawesome";
-import { useAppKitNetwork as we } from "@reown/appkit/react";
+import { Fragment as Se, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { useCallback as f, useEffect as p, useMemo as m, useRef as Ce, useState as h } from "react";
+import { FontAwesomeIcon as we } from "@fortawesome/react-fontawesome";
 import { formatAmount as Te } from "@multiversx/sdk-dapp-utils/out/helpers/formatAmount";
 import { faSpinner as Ee } from "@fortawesome/free-solid-svg-icons/faSpinner";
-import { waitForTransactionReceipt as De } from "@wagmi/core";
-import Oe from "lodash/debounce";
-import { toast as _ } from "react-toastify";
+import { useAppKitNetwork as De } from "@reown/appkit/react";
+import { waitForTransactionReceipt as Oe } from "@wagmi/core";
+import ke from "lodash/debounce";
+import { toast as g } from "react-toastify";
 //#region src/reactjs/components/BridgeForm/Deposit.tsx
-var v, y = ({ mvxChainId: y, mvxAddress: b, username: ke, callbackRoute: Ae = "/", firstTokenIdentifier: je, secondTokenIdentifier: Me, firstTokenAmount: x, secondTokenAmount: S, refetchTrigger: Ne, showHistory: Pe, forcedDestinationTokenSymbol: Fe, onSuccessfullySentTransaction: Ie, onFailedSentTransaction: Le, onHistoryClose: Re, onMvxConnect: ze, onMvxDisconnect: Be, onNavigate: Ve, onChangeDirection: He }) => {
-	let Ue = Se(null), We = Se(void 0), [C, Ge] = g(!1), [w, T] = g(!1), [Ke, qe] = g(1), [E, D] = g(0), Je = c(), { switchNetwork: Ye } = we(), Xe = fe(), { config: Ze, options: Qe, supportedChains: O, nativeAuthToken: k, bridgeOnly: $e } = ee(), A = ae(), et = re(), { evmTokensWithBalances: tt, mvxTokensWithBalances: nt, isTokensLoading: rt, isLoadingEvmTokensBalances: it, isLoadingMvxTokensBalances: at, chains: j = [], isChainsLoading: ot } = ie({
-		refetchTrigger: Ne,
-		mvxAddress: b,
-		mvxApiURL: Qe.mvxApiURL
-	}), M = rt || it || at || ot, st = h(() => O.find((e) => u(e.id, A)), [A, O]), N = h(() => j.find((e) => e.chainId.toString() === y.toString()), [A, j]), { evm: ct, solana: lt, bitcoin: ut, sui: dt } = se(), ft = oe(), { mutate: pt, data: P, isPending: F, error: mt } = pe(), I = mt?.response?.status === 400 ? mt?.response?.data.message : void 0, { firstToken: L, secondToken: R, fromOptions: z, toOptions: ht, selectedChainOption: B, onChangeFirstSelect: gt, onChangeSecondSelect: _t, handleChangeDirection: vt } = le({
-		chains: j,
-		activeChain: st,
-		sdkChains: O,
-		switchNetwork: p((e) => {
-			let t = O.find((t) => u(t.id, e.id));
-			t && Ye(t);
-		}, [O, Ye]),
-		fromTokens: tt,
-		toTokens: nt,
-		firstTokenIdentifier: je,
-		secondTokenIdentifier: Me,
-		forcedDestinationTokenSymbol: Fe,
-		isTokensLoading: M,
-		callbackRoute: Ae,
-		onNavigate: Ve
-	}), yt = h(() => L ? e.includes(L.chainId.toString()) : !1, [L?.chainId]), bt = h(() => R ? e.includes(R.chainId.toString()) : !1, [R?.chainId]), [V, xt] = g(x ?? ""), [H, U] = g(S ?? ""), W = h(() => L ? j.find((e) => u(e.chainId, L.chainId)) ?? B : B, [
-		L?.chainId,
-		j,
-		B
-	]), G = h(() => ne(L?.chainId) ?? et, [L?.chainId, et]);
-	ue(W?.chainType);
-	let K = de(W?.chainType), St = K, Ct = Je.isConnected && !!K, q = V !== "" && H !== "", J = p(Oe(async (e) => {
-		!e || !Number(e) || !K || !L?.address || !R?.address || !B || !G || pt({
-			nativeAuthToken: k ?? "",
+var _, v = ({ mvxChainId: v, mvxAddress: y, username: Ae, callbackRoute: je = "/", firstTokenIdentifier: Me, secondTokenIdentifier: Ne, firstTokenAmount: b, secondTokenAmount: x, refetchTrigger: Pe, showHistory: Fe, forcedDestinationTokenSymbol: Ie, onSuccessfullySentTransaction: Le, onFailedSentTransaction: Re, onHistoryClose: ze, onMvxConnect: Be, onMvxDisconnect: Ve, onNavigate: He, onChangeDirection: Ue }) => {
+	let We = Ce(null), Ge = Ce(void 0), [S, Ke] = h(!1), [C, w] = h(!1), [qe, Je] = h(1), [T, E] = h(0), Ye = ie(), { switchNetwork: Xe } = De(), Ze = pe(), { config: Qe, options: $e, supportedChains: D, nativeAuthToken: O, bridgeOnly: et } = re(), k = ce(), tt = ae(), { evmTokensWithBalances: nt, mvxTokensWithBalances: rt, isTokensLoading: it, isLoadingEvmTokensBalances: at, isLoadingMvxTokensBalances: ot, chains: A = [], isChainsLoading: st } = de({
+		refetchTrigger: Pe,
+		mvxAddress: y,
+		mvxApiURL: $e.mvxApiURL
+	}), j = it || at || ot || st, ct = m(() => D.find((e) => c(e.id, k)), [k, D]), M = m(() => A.find((e) => e.chainId.toString() === v.toString()), [k, A]), { evm: lt, solana: ut, bitcoin: dt, sui: ft } = ue(), pt = le(), { mutate: mt, data: N, isPending: P, error: ht } = me(), F = ht?.response?.status === 400 ? ht?.response?.data.message : void 0, { firstToken: I, secondToken: L, fromOptions: R, toOptions: gt, selectedChainOption: z, onChangeFirstSelect: _t, onChangeSecondSelect: vt, handleChangeDirection: yt } = ne({
+		chains: A,
+		activeChain: ct,
+		sdkChains: D,
+		switchNetwork: f((e) => {
+			let t = D.find((t) => c(t.id, e.id));
+			t && Xe(t);
+		}, [D, Xe]),
+		fromTokens: nt,
+		toTokens: rt,
+		firstTokenIdentifier: Me,
+		secondTokenIdentifier: Ne,
+		forcedDestinationTokenSymbol: Ie,
+		isTokensLoading: j,
+		callbackRoute: je,
+		onNavigate: He
+	}), bt = m(() => I ? e.includes(I.chainId.toString()) : !1, [I?.chainId]), xt = m(() => L ? e.includes(L.chainId.toString()) : !1, [L?.chainId]), [B, St] = h(b ?? ""), [V, H] = h(x ?? ""), U = m(() => I ? A.find((e) => c(e.chainId, I.chainId)) ?? z : z, [
+		I?.chainId,
+		A,
+		z
+	]), W = m(() => ee(I?.chainId) ?? tt, [I?.chainId, tt]);
+	se(U?.chainType);
+	let G = fe(U?.chainType), Ct = G, wt = Ye.isConnected && !!G, K = B !== "" && V !== "", q = f(ke(async (e) => {
+		!e || !Number(e) || !G || !I?.address || !L?.address || !z || !W || mt({
+			nativeAuthToken: O ?? "",
 			body: {
-				tokenIn: L.address,
+				tokenIn: I.address,
 				amountIn: e,
-				fromChainId: G,
-				tokenOut: R.address,
-				toChainId: y
+				fromChainId: W,
+				tokenOut: L.address,
+				toChainId: v
 			}
 		});
 	}, 500), [
-		K,
 		G,
+		W,
+		I?.address,
 		L?.address,
-		R?.address,
-		B,
-		y,
-		k,
-		pt
-	]), Y = p((e) => {
-		xt(() => e);
-	}, []), X = p((e) => {
-		U(() => e);
-	}, []), wt = p(() => {
-		Re?.();
-	}, [Re]), Tt = p(() => {
+		z,
+		v,
+		O,
+		mt
+	]), J = f((e) => {
+		St(() => e);
+	}, []), Y = f((e) => {
+		H(() => e);
+	}, []), Tt = f(() => {
+		ze?.();
+	}, [ze]), Et = f(() => {
 		let e = Te({
-			decimals: L?.decimals,
-			input: L?.balance ?? "0",
+			decimals: I?.decimals,
+			input: I?.balance ?? "0",
 			addCommas: !1,
 			digits: 4
 		});
-		Z.setFieldValue("firstAmount", e), Y(e);
+		X.setFieldValue("firstAmount", e), J(e);
 	}, [
-		L?.balance,
-		L?.decimals,
-		Y
-	]), Et = p(async (e) => {
-		Y(""), X(""), Xe(), Xe(), Ie?.(e);
+		I?.balance,
+		I?.decimals,
+		J
+	]), Dt = f(async (e) => {
+		J(""), Y(""), Ze(), Ze(), Le?.(e);
 	}, [
+		J,
 		Y,
-		X,
-		Ie
-	]), Dt = () => {
-		vt(), He();
+		Le
+	]), Ot = () => {
+		yt(), Ue();
 	};
-	m(() => {
-		let e = We.current;
-		if (We.current = B?.chainId, e && L?.chainId && B?.chainId !== L.chainId) {
-			let e = z?.find((e) => e.chainId.toString() === B?.chainId);
+	p(() => {
+		let e = Ge.current;
+		if (Ge.current = z?.chainId, e && I?.chainId && z?.chainId !== I.chainId) {
+			let e = R?.find((e) => e.chainId.toString() === z?.chainId);
 			if (!e) return;
-			gt(e);
+			_t(e);
 		}
 	}, [
-		B?.chainId,
-		L?.chainId,
-		z
+		z?.chainId,
+		I?.chainId,
+		R
 	]);
-	let Ot = p(async ({ transactions: e, provider: n }) => {
+	let kt = f(async ({ transactions: e, provider: n }) => {
 		let i = [];
-		T(!0), D(() => e.length);
+		w(!0), E(() => e.length);
 		try {
 			let a = -1;
 			for (let t of e) {
 				++a;
 				try {
-					switch (ce(t, W)) {
+					switch (te(t, U)) {
 						case r.evm: {
-							let n = await ct.signTransaction({
+							let n = await lt.signTransaction({
 								...t,
 								value: BigInt(t.value),
 								gas: BigInt(t.gasLimit),
-								account: St
+								account: Ct
 							});
 							if (!n || (i.push({
 								...t,
 								txHash: n
 							}), a === e.length - 1 || !n)) break;
-							let r = await De(Ze, {
+							let r = await Oe(Qe, {
 								confirmations: 1,
 								hash: n
 							});
@@ -163,7 +163,7 @@ var v, y = ({ mvxChainId: y, mvxAddress: b, username: ke, callbackRoute: Ae = "/
 						}
 						case r.sol:
 							if (!t.instructions || !t.feePayer) break;
-							let n = await lt.signTransaction({
+							let n = await ut.signTransaction({
 								feePayer: t.feePayer,
 								instructions: t.instructions,
 								recentBlockhash: t.recentBlockhash
@@ -179,7 +179,7 @@ var v, y = ({ mvxChainId: y, mvxAddress: b, username: ke, callbackRoute: Ae = "/
 								console.error("No bitcoin params");
 								break;
 							}
-							let o = await ut.signTransaction(t.bitcoinParams);
+							let o = await dt.signTransaction(t.bitcoinParams);
 							i.push({
 								...t,
 								txHash: o
@@ -191,7 +191,7 @@ var v, y = ({ mvxChainId: y, mvxAddress: b, username: ke, callbackRoute: Ae = "/
 								console.error("No Sui transaction bytes or sender address");
 								break;
 							}
-							let r = await dt.signTransaction({
+							let r = await ft.signTransaction({
 								transaction: e,
 								address: n
 							});
@@ -206,246 +206,246 @@ var v, y = ({ mvxChainId: y, mvxAddress: b, username: ke, callbackRoute: Ae = "/
 							break;
 						}
 						default:
-							_.error("Provider not supported"), T(!1);
+							g.error("Provider not supported"), w(!1);
 							return;
 					}
-					D(() => e.length - 1 - a);
+					E(() => e.length - 1 - a);
 				} catch {
-					_.dismiss(), _.error("Transaction aborted"), Le?.("Transaction aborted"), T(!1);
+					g.dismiss(), g.error("Transaction aborted"), Re?.("Transaction aborted"), w(!1);
 					return;
 				}
 			}
-			let { data: o } = await ft({
+			let { data: o } = await pt({
 				transactions: i,
 				provider: n,
 				url: t() ?? "",
-				token: k ?? ""
+				token: O ?? ""
 			}), s = o.transactions?.map((e) => e.txHash).filter((e) => !!e) ?? [], c = i.map((e) => e.txHash).filter((e) => !!e);
-			Et(s.length > 0 ? s : c.length > 0 ? c : o.batchId ? [o.batchId] : []), T(!1);
+			Dt(s.length > 0 ? s : c.length > 0 ? c : o.batchId ? [o.batchId] : []), w(!1);
 		} catch (e) {
-			console.error(e), _.dismiss(), _.error("Transaction cancelled"), Le?.("Transaction cancelled"), T(!1), D(0), It(), Y(""), X("");
+			console.error(e), g.dismiss(), g.error("Transaction cancelled"), Re?.("Transaction cancelled"), w(!1), E(0), It(), J(""), Y("");
 		}
 	}, [
-		W,
-		St,
-		Ze,
+		U,
+		Ct,
+		Qe,
+		J,
 		Y,
-		X,
-		k,
-		Et,
-		ft,
-		ut.signTransaction,
-		ct.signTransaction,
+		O,
+		Dt,
+		pt,
+		dt.signTransaction,
 		lt.signTransaction,
-		dt.signTransaction
-	]), { formik: Z, firstAmountError: kt, secondAmountError: At, fromChainError: jt, senderAddressError: Mt, receiverAddressError: Nt, confirmRateError: Q, handleBlur: $, handleChange: Pt, handleSubmit: Ft, resetSwapForm: It } = te({
-		isMvxConnected: !!b,
-		rate: P,
-		sender: K ?? "",
-		receiver: b ?? "",
-		firstToken: L,
-		firstAmount: V,
-		fromChainId: G,
-		toChainId: y,
-		secondToken: R,
-		secondAmount: H,
-		setForceRefetchRate: qe,
-		senderChainType: W?.chainType,
+		ut.signTransaction,
+		ft.signTransaction
+	]), { formik: X, firstAmountError: At, secondAmountError: jt, fromChainError: Mt, senderAddressError: Nt, receiverAddressError: Z, confirmRateError: Q, handleBlur: $, handleChange: Pt, handleSubmit: Ft, resetSwapForm: It } = oe({
+		isMvxConnected: !!y,
+		rate: N,
+		sender: G ?? "",
+		receiver: y ?? "",
+		firstToken: I,
+		firstAmount: B,
+		fromChainId: W,
+		toChainId: v,
+		secondToken: L,
+		secondAmount: V,
+		setForceRefetchRate: Je,
+		senderChainType: U?.chainType,
 		receiverChainType: r.mvx,
-		onSubmit: Ot
-	}), Lt = !!(kt || At || jt || I || Mt || Nt || Q), Rt = h(() => V === "" ? void 0 : I ?? kt, [
-		kt,
-		V,
-		I
-	]), zt = h(() => H === "" ? void 0 : jt ?? At, [
-		jt,
+		onSubmit: kt
+	}), Lt = !!(At || jt || Mt || F || Nt || Z || Q), Rt = m(() => B === "" ? void 0 : F ?? At, [
 		At,
-		H
+		B,
+		F
+	]), zt = m(() => V === "" ? void 0 : Mt ?? jt, [
+		Mt,
+		jt,
+		V
 	]);
-	return m(() => (V || U(""), J(V), v && clearInterval(v), v = setInterval(() => {
-		J(V);
-	}, 50 * 1e3), () => clearInterval(v)), [
-		V,
-		Ke,
-		J
-	]), m(() => {
-		P?.amountOut && (Z.setFieldValue(l.secondAmount, P.amountOut), U(P.amountOut));
-	}, [P?.amountOut]), m(() => {
-		I && (Z.setFieldValue(l.secondAmount, "0"), U("0"));
-	}, [I]), m(() => {
-		x && (Z.setFieldValue(l.firstAmount, x), Y(x));
-	}, []), m(() => {
-		S && (Z.setFieldValue(l.secondAmount, S), X(S));
-	}, [S]), /* @__PURE__ */ d(xe, { children: /* @__PURE__ */ f("form", {
-		ref: Ue,
+	return p(() => (B || H(""), q(B), _ && clearInterval(_), _ = setInterval(() => {
+		q(B);
+	}, 50 * 1e3), () => clearInterval(_)), [
+		B,
+		qe,
+		q
+	]), p(() => {
+		N?.amountOut && (X.setFieldValue(l.secondAmount, N.amountOut), H(N.amountOut));
+	}, [N?.amountOut]), p(() => {
+		F && (X.setFieldValue(l.secondAmount, "0"), H("0"));
+	}, [F]), p(() => {
+		b && (X.setFieldValue(l.firstAmount, b), J(b));
+	}, []), p(() => {
+		x && (X.setFieldValue(l.secondAmount, x), Y(x));
+	}, [x]), /* @__PURE__ */ u(Se, { children: /* @__PURE__ */ d("form", {
+		ref: We,
 		noValidate: !0,
 		className: "liq-flex liq-flex-col liq-gap-1 liq-relative",
 		autoComplete: "off",
 		onSubmit: Ft,
 		children: [
-			Pe && /* @__PURE__ */ d(me, {
-				mvxAddress: b,
-				onClose: wt
+			Fe && /* @__PURE__ */ u(he, {
+				mvxAddress: y,
+				onClose: Tt
 			}),
-			/* @__PURE__ */ f(o, {
+			/* @__PURE__ */ d(o, {
 				className: i("liq-pb-8 liq-pt-6 hover:liq-bg-neutral-700/50 sm:liq-pb-6", {
-					"liq-pointer-events-none": C,
-					"focus-within:liq-outline-neutral-700/75 hover:liq-outline-neutral-700/55 hover:focus-within:liq-outline-neutral-700/80": !C
+					"liq-pointer-events-none": S,
+					"focus-within:liq-outline-neutral-700/75 hover:liq-outline-neutral-700/55 hover:focus-within:liq-outline-neutral-700/80": !S
 				}),
 				children: [
-					/* @__PURE__ */ f("div", {
+					/* @__PURE__ */ d("div", {
 						className: "liq-flex liq-items-center liq-gap-1",
-						children: [/* @__PURE__ */ d("span", { children: "From" }), /* @__PURE__ */ d(_e, {
-							disabled: F,
-							activeChain: W
+						children: [/* @__PURE__ */ u("span", { children: "From" }), /* @__PURE__ */ u(ve, {
+							disabled: P,
+							activeChain: U
 						})]
 					}),
-					Mt && /* @__PURE__ */ d("div", {
+					Nt && /* @__PURE__ */ u("div", {
 						className: "liq-text-red-400 liq-text-xs liq-mt-1",
-						children: Mt
+						children: Nt
 					}),
-					/* @__PURE__ */ f("div", {
+					/* @__PURE__ */ d("div", {
 						className: "liq-flex liq-justify-between liq-gap-1",
-						children: [/* @__PURE__ */ d(s, {
+						children: [/* @__PURE__ */ u(s, {
 							inputName: "firstAmount",
-							inputValue: Z.values.firstAmount,
+							inputValue: X.values.firstAmount,
 							amountError: Rt,
 							disabled: !1,
-							onInputDebounceChange: Y,
+							onInputDebounceChange: J,
 							onInputChange: Pt,
 							onBlur: $
-						}), /* @__PURE__ */ d(be, {
+						}), /* @__PURE__ */ u(xe, {
 							name: "firstToken",
-							disabled: F,
-							options: z,
-							areOptionsLoading: M,
-							isMvxSelector: yt,
+							disabled: P,
+							options: R,
+							areOptionsLoading: j,
+							isMvxSelector: bt,
 							isDestination: !1,
 							color: "neutral-850",
-							onChange: gt,
+							onChange: _t,
 							onBlur: $,
-							onMaxBtnClick: Tt,
-							selectedOption: L,
-							onTokenSelectorDisplay: (e) => Ge(e)
+							onMaxBtnClick: Et,
+							selectedOption: I,
+							onTokenSelectorDisplay: (e) => Ke(e)
 						})]
 					})
 				]
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ u("div", {
 				className: "liq-absolute liq-left-[6%] liq-top-[40%] -liq-mt-1 liq-z-10",
-				children: $e && /* @__PURE__ */ d(ye, { onChangeDirection: Dt })
+				children: et && /* @__PURE__ */ u(be, { onChangeDirection: Ot })
 			}),
-			/* @__PURE__ */ f(o, {
-				className: i("liq-pb-8 liq-pt-6 hover:liq-bg-neutral-700/50 sm:liq-pb-6", { "liq-pointer-events-none": C }),
+			/* @__PURE__ */ d(o, {
+				className: i("liq-pb-8 liq-pt-6 hover:liq-bg-neutral-700/50 sm:liq-pb-6", { "liq-pointer-events-none": S }),
 				children: [
-					/* @__PURE__ */ f("div", {
+					/* @__PURE__ */ d("div", {
 						className: "liq-flex liq-items-center liq-gap-1",
-						children: [/* @__PURE__ */ d("span", { children: "To" }), /* @__PURE__ */ d(ve, {
-							accountAddress: b,
-							chainIcon: n(N?.pngUrl),
-							username: ke,
-							accountExplorerUrl: `${Qe.mvxExplorerAddress}/accounts/${b}`,
+						children: [/* @__PURE__ */ u("span", { children: "To" }), /* @__PURE__ */ u(ye, {
+							accountAddress: y,
+							chainIcon: n(M?.pngUrl),
+							username: Ae,
+							accountExplorerUrl: `${$e.mvxExplorerAddress}/accounts/${y}`,
 							showTag: !0,
-							onDisconnect: Be,
-							onConnect: ze
+							onDisconnect: Ve,
+							onConnect: Be
 						})]
 					}),
-					Nt && /* @__PURE__ */ d("div", {
+					Z && /* @__PURE__ */ u("div", {
 						className: "liq-text-red-400 liq-text-xs liq-mt-1",
-						children: Nt
+						children: Z
 					}),
-					Q && /* @__PURE__ */ d("div", {
+					Q && /* @__PURE__ */ u("div", {
 						className: "liq-text-red-400 liq-text-xs liq-mt-1",
 						children: Q
 					}),
-					/* @__PURE__ */ f("div", {
+					/* @__PURE__ */ d("div", {
 						className: "liq-flex liq-justify-between liq-gap-1",
-						children: [/* @__PURE__ */ d(s, {
+						children: [/* @__PURE__ */ u(s, {
 							inputName: "secondAmount",
-							inputValue: Z.values.secondAmount,
+							inputValue: X.values.secondAmount,
 							amountError: zt,
 							disabled: !1,
-							onInputDebounceChange: X,
+							onInputDebounceChange: Y,
 							onInputChange: Pt,
 							onBlur: $
-						}), /* @__PURE__ */ d(be, {
+						}), /* @__PURE__ */ u(xe, {
 							name: "secondToken",
-							disabled: F,
+							disabled: P,
 							omitDisableClass: !0,
-							options: ht,
-							areOptionsLoading: M,
-							isMvxSelector: bt,
+							options: gt,
+							areOptionsLoading: j,
+							isMvxSelector: xt,
 							color: "neutral-850",
-							onChange: _t,
+							onChange: vt,
 							onBlur: $,
-							selectedOption: R
+							selectedOption: L
 						})]
 					})
 				]
 			}),
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ d("div", {
 				className: "liq-flex liq-items-center liq-justify-center",
 				children: [
-					!b && /* @__PURE__ */ d(ge, {
-						mvxAccountAddress: b,
-						icon: n(N?.pngUrl),
-						onClick: ze
+					!y && /* @__PURE__ */ u(_e, {
+						mvxAccountAddress: y,
+						icon: n(M?.pngUrl),
+						onClick: Be
 					}),
-					b && !Ct && /* @__PURE__ */ d(he, {
+					y && !wt && /* @__PURE__ */ u(ge, {
 						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: F,
-						activeChain: W
+						disabled: P,
+						activeChain: U
 					}),
-					b && Ct && /* @__PURE__ */ f(a, {
+					y && wt && /* @__PURE__ */ d(a, {
 						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: !q || F || !b || !K || Lt || w,
+						disabled: !K || P || !y || !G || Lt || C,
 						children: [
-							q && !w && /* @__PURE__ */ f("div", {
+							K && !C && /* @__PURE__ */ d("div", {
 								className: "liq-flex liq-justify-center liq-items-center liq-gap-2",
 								children: [
-									/* @__PURE__ */ d("div", { children: "Deposit on " }),
-									/* @__PURE__ */ d("img", {
-										src: n(N?.pngUrl),
+									/* @__PURE__ */ u("div", { children: "Deposit on " }),
+									/* @__PURE__ */ u("img", {
+										src: n(M?.pngUrl),
 										alt: "",
 										className: "liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
 									}),
-									/* @__PURE__ */ d("div", { children: "MultiversX" })
+									/* @__PURE__ */ u("div", { children: "MultiversX" })
 								]
 							}),
-							!q && !w && /* @__PURE__ */ d("span", {
+							!K && !C && /* @__PURE__ */ u("span", {
 								className: "liq-text-neutral-100",
 								children: "Enter amount"
 							}),
-							w && /* @__PURE__ */ f("div", {
+							C && /* @__PURE__ */ d("div", {
 								className: "liq-flex liq-justify-center liq-items-center liq-gap-2",
 								children: [
-									/* @__PURE__ */ d(Ce, {
+									/* @__PURE__ */ u(we, {
 										icon: Ee,
 										spin: !0,
 										className: "liq-mx-1 liq-flex liq-items-center"
 									}),
-									/* @__PURE__ */ d("div", { children: "Depositing on" }),
-									/* @__PURE__ */ d("img", {
-										src: n(N?.pngUrl),
+									/* @__PURE__ */ u("div", { children: "Depositing on" }),
+									/* @__PURE__ */ u("img", {
+										src: n(M?.pngUrl),
 										alt: "",
 										className: "liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
 									}),
-									/* @__PURE__ */ d("div", { children: "MultiversX" })
+									/* @__PURE__ */ u("div", { children: "MultiversX" })
 								]
 							})
 						]
 					})
 				]
 			}),
-			K && E > 0 && /* @__PURE__ */ d("div", {
+			G && T > 0 && /* @__PURE__ */ u("div", {
 				className: "liq-flex liq-items-center liq-justify-center liq-text-neutral-300 liq-text-sm",
-				children: /* @__PURE__ */ f("div", { children: [
+				children: /* @__PURE__ */ d("div", { children: [
 					"You will be asked to sign ",
-					E,
+					T,
 					" ",
-					E > 1 ? "transactions" : "transaction",
+					T > 1 ? "transactions" : "transaction",
 					" ",
 					"on your wallet"
 				] })
@@ -454,4 +454,4 @@ var v, y = ({ mvxChainId: y, mvxAddress: b, username: ke, callbackRoute: Ae = "/
 	}) });
 };
 //#endregion
-export { y as Deposit };
+export { v as Deposit };