@multiversx/sdk-dapp-liquidity 2.1.0 → 2.2.0

package/reactjs/components/BridgeForm/Transfer.mjs

@@ -1,38 +1,41 @@
-import { jsx as r, Fragment as li, jsxs as a } from "react/jsx-runtime";
-import { formatAmount as ci } from "@multiversx/sdk-dapp-utils/out/helpers/formatAmount";
-import { useAppKitNetwork as di } from "@reown/appkit/react";
-import mi from "lodash/debounce";
-import { useRef as ui, useState as C, useMemo as m, useCallback as u, useEffect as I } from "react";
-import { toast as ue } from "react-toastify";
-import { useBridgeTokenSelection as pi } from "./hooks/useBridgeTokenSelection.mjs";
-import { MVX_CHAIN_IDS as pe } from "../../../constants/index.mjs";
-import { getApiURL as hi } from "../../../helpers/getApiURL.mjs";
+import { jsx as r, Fragment as di, jsxs as s } from "react/jsx-runtime";
+import { formatAmount as mi } from "@multiversx/sdk-dapp-utils/out/helpers/formatAmount";
+import { useAppKitNetwork as pi } from "@reown/appkit/react";
+import ui from "lodash/debounce";
+import { useRef as hi, useState as C, useMemo as m, useCallback as p, useEffect as I } from "react";
+import { toast as he } from "react-toastify";
+import { useBridgeTokenSelection as fi } from "./hooks/useBridgeTokenSelection.mjs";
+import { MVX_CHAIN_IDS as fe } from "../../../constants/index.mjs";
+import { getApiURL as gi } from "../../../helpers/getApiURL.mjs";
 import "../../constants/index.mjs";
-import { safeImageUrl as J } from "../../../helpers/safeImageUrl.mjs";
-import { ProviderType as fi } from "../../../types/providerType.mjs";
-import { useWeb3App as he } from "../../context/useWeb3App.mjs";
-import { sameBridgeApiChainId as Z, toBridgeApiChainId as gi } from "../../helpers/resolveBridgeApiChainId.mjs";
+import { safeImageUrl as S } from "../../../helpers/safeImageUrl.mjs";
+import "@solana/web3.js";
+import "bitcoinjs-lib";
+import "viem";
+import { ChainType as qi } from "../../../types/chainType.mjs";
+import { ProviderType as bi } from "../../../types/providerType.mjs";
+import { useWeb3App as ge } from "../../context/useWeb3App.mjs";
+import { sameBridgeApiChainId as T, toBridgeApiChainId as vi } from "../../helpers/resolveBridgeApiChainId.mjs";
 import "yup";
 import "@multiversx/sdk-dapp-utils/out/helpers/parseAmount";
 import "bignumber.js";
-import { useAccount as qi } from "../../hooks/useAccount.mjs";
+import { useAccount as Ci } from "../../hooks/useAccount.mjs";
 import "axios";
-import { useBridgeFormik as bi, BridgeFormikValuesEnum as F } from "../../hooks/useBridgeFormik.mjs";
-import { useFetchBridgeData as vi } from "../../hooks/useFetchBridgeData.mjs";
-import { useBridgeApiChainId as Ci } from "../../hooks/useBridgeApiChainId.mjs";
+import { useBridgeFormik as Ii, BridgeFormikValuesEnum as F } from "../../hooks/useBridgeFormik.mjs";
+import { useFetchBridgeData as xi } from "../../hooks/useFetchBridgeData.mjs";
+import { useBridgeApiChainId as Ai } from "../../hooks/useBridgeApiChainId.mjs";
 import "@tanstack/react-query";
-import { useGetChainId as Ii } from "../../hooks/useGetChainId.mjs";
-import { useSendTransactions as Bi } from "../../hooks/useSendTransactions.mjs";
+import { useGetChainId as Bi } from "../../hooks/useGetChainId.mjs";
+import { useSendTransactions as Ni } from "../../hooks/useSendTransactions.mjs";
 import "@reown/appkit-adapter-solana/react";
-import "@solana/web3.js";
 import "wagmi";
 import "@reown/appkit-controllers";
-import { useInvalidateHistoryQuery as Ai } from "../../queries/useGetHistory.query.mjs";
-import { useGetRateMutation as xi } from "../../queries/useGetRate.mutation.mjs";
-import { mxClsx as fe } from "../../utils/mxClsx.mjs";
-import { AmountCard as ge } from "../AmountCard/AmountCard.mjs";
-import { AmountInput as qe } from "../AmountInput/AmountInput.mjs";
-import { MxButton as Ni } from "../base/MxButton/MxButton.mjs";
+import { useInvalidateHistoryQuery as wi } from "../../queries/useGetHistory.query.mjs";
+import { useGetRateMutation as yi } from "../../queries/useGetRate.mutation.mjs";
+import { mxClsx as qe } from "../../utils/mxClsx.mjs";
+import { AmountCard as be } from "../AmountCard/AmountCard.mjs";
+import { AmountInput as ve } from "../AmountInput/AmountInput.mjs";
+import { MxButton as Di } from "../base/MxButton/MxButton.mjs";
 import "../base/MxCard/MxCard.mjs";
 import "../base/MxLink/MxLink.mjs";
 import "../base/MxSearch/MxSearch.mjs";
@@ -42,105 +45,105 @@ import "@headlessui/react";
 import "react-dom";
 import "react-popper";
 import "../base/MxTooltip/components/TooltipContainer/TooltipContainer.mjs";
-import { BridgeHistory as wi } from "../BridgeHistory/BridgeHistory.mjs";
-import { BridgeConnectButton as yi } from "../Connect/BridgeConnectButton.mjs";
-import { MvxConnectButton as Di } from "../Connect/MvxConnectButton.mjs";
-import { BridgeAccountDisplay as Oi } from "../Connect/BridgeAccountDisplay.mjs";
-import { MvxAccountDisplay as Mi } from "../Connect/MvxAccountDisplay.mjs";
-import { ToggleDirection as Ei } from "../ToggleDirection/ToggleDirection.mjs";
-import { TokenSelector as be } from "../TokenSelector/TokenSelector.mjs";
+import { BridgeHistory as Ei } from "../BridgeHistory/BridgeHistory.mjs";
+import { BridgeConnectButton as Oi } from "../Connect/BridgeConnectButton.mjs";
+import { MvxConnectButton as Mi } from "../Connect/MvxConnectButton.mjs";
+import { BridgeAccountDisplay as Ri } from "../Connect/BridgeAccountDisplay.mjs";
+import { MvxAccountDisplay as Vi } from "../Connect/MvxAccountDisplay.mjs";
+import { ToggleDirection as Li } from "../ToggleDirection/ToggleDirection.mjs";
+import { TokenSelector as Ce } from "../TokenSelector/TokenSelector.mjs";
 let U;
-const Ot = ({
+const Ft = ({
   mvxChainId: D,
   mvxAddress: o,
-  username: ve,
-  callbackRoute: Ce = "/",
-  firstTokenIdentifier: Ie,
+  username: Ie,
+  callbackRoute: xe = "/",
+  firstTokenIdentifier: Ae,
   secondTokenIdentifier: Be,
-  firstTokenAmount: O,
-  secondTokenAmount: B,
-  refetchTrigger: Ae,
-  showHistory: xe,
-  forcedDestinationTokenSymbol: Ne,
-  onSuccessfullySentTransaction: p,
+  firstTokenAmount: E,
+  secondTokenAmount: x,
+  refetchTrigger: Ne,
+  showHistory: we,
+  forcedDestinationTokenSymbol: ye,
+  onSuccessfullySentTransaction: u,
   onFailedSentTransaction: f,
-  onHistoryClose: M,
-  onMvxConnect: S,
-  onMvxDisconnect: we,
-  onNavigate: ye,
-  onChangeDirection: De
+  onHistoryClose: O,
+  onMvxConnect: ee,
+  onMvxDisconnect: De,
+  onNavigate: Ee,
+  onChangeDirection: Oe
 }) => {
-  var de, me;
-  const Oe = ui(null), [j, Me] = C(!1), [Ee, Re] = C(1), [k, T] = C(0), [ee, ie] = C([]), s = qi(), { switchNetwork: te } = di(), re = Ai(), {
-    options: ne,
+  var pe, ue;
+  const Me = hi(null), [j, Re] = C(!1), [Ve, Le] = C(1), [P, ie] = C(0), [te, re] = C([]), l = Ci(), { switchNetwork: ne } = pi(), oe = wi(), {
+    options: ae,
     supportedChains: A,
-    nativeAuthToken: P,
-    bridgeOnly: Ve
-  } = he(), W = Ii(), oe = Ci(), ae = Bi(), {
+    nativeAuthToken: W,
+    bridgeOnly: Fe
+  } = ge(), k = Bi(), se = Ai(), le = Ni(), {
     signMvxTransactions: G,
     resetMvxTransactionHash: Q,
     latestMvxTransactionHash: _
-  } = he(), {
-    evmTokensWithBalances: Le,
-    mvxTokensWithBalances: Fe,
-    isTokensLoading: Ue,
-    isLoadingEvmTokensBalances: je,
+  } = ge(), {
+    evmTokensWithBalances: Ue,
+    mvxTokensWithBalances: je,
+    isTokensLoading: Pe,
+    isLoadingEvmTokensBalances: We,
     isLoadingMvxTokensBalances: ke,
-    chains: x = [],
-    isChainsLoading: Pe
-  } = vi({
-    refetchTrigger: Ae,
+    chains: B = [],
+    isChainsLoading: Ge
+  } = xi({
+    refetchTrigger: Ne,
     mvxAddress: o,
-    mvxApiURL: ne.mvxApiURL
-  }), $ = Ue || je || ke || Pe, We = m(() => A.find((e) => Z(e.id, W)), [W, A]), g = m(() => x.find(
+    mvxApiURL: ae.mvxApiURL
+  }), $ = Pe || We || ke || Ge, Qe = m(() => A.find((e) => T(e.id, k)), [k, A]), g = m(() => B.find(
     (e) => e.chainId.toString() === D.toString()
-  ), [W, x]), {
-    mutate: Ge,
+  ), [k, B]), {
+    mutate: _e,
     data: n,
     isPending: N,
     error: q
-  } = xi(), w = ((de = q == null ? void 0 : q.response) == null ? void 0 : de.status) === 400 ? (me = q == null ? void 0 : q.response) == null ? void 0 : me.data.message : void 0, Qe = u(
+  } = yi(), w = ((pe = q == null ? void 0 : q.response) == null ? void 0 : pe.status) === 400 ? (ue = q == null ? void 0 : q.response) == null ? void 0 : ue.data.message : void 0, $e = p(
     (e) => {
       const v = A.find(
-        (si) => Z(si.id, e.id)
+        (ci) => T(ci.id, e.id)
       );
-      v && te(v);
+      v && ne(v);
     },
-    [A, te]
+    [A, ne]
   ), {
     firstToken: i,
     secondToken: t,
-    fromOptions: _e,
-    toOptions: $e,
+    fromOptions: ze,
+    toOptions: He,
     selectedChainOption: y,
-    onChangeFirstSelect: ze,
-    onChangeSecondSelect: He,
-    handleChangeDirection: Ke
-  } = pi({
-    chains: x,
-    activeChain: We,
+    onChangeFirstSelect: Ke,
+    onChangeSecondSelect: Xe,
+    handleChangeDirection: Ye
+  } = fi({
+    chains: B,
+    activeChain: Qe,
     sdkChains: A,
-    switchNetwork: Qe,
-    fromTokens: Fe,
-    toTokens: Le,
-    firstTokenIdentifier: Ie,
+    switchNetwork: $e,
+    fromTokens: je,
+    toTokens: Ue,
+    firstTokenIdentifier: Ae,
     secondTokenIdentifier: Be,
-    forcedDestinationTokenSymbol: Ne,
+    forcedDestinationTokenSymbol: ye,
     isTokensLoading: $,
     mvxChainId: D,
-    callbackRoute: Ce,
-    onNavigate: ye
-  }), Xe = () => {
-    Ke(), De();
-  }, [l, Ye] = C(O ?? ""), [E, R] = C(B ?? ""), Je = m(() => i ? pe.includes(i.chainId.toString()) : !1, [i == null ? void 0 : i.chainId]), Ze = m(() => t ? pe.includes(t.chainId.toString()) : !1, [t == null ? void 0 : t.chainId]), c = m(() => t ? x.find(
-    (e) => Z(e.chainId, t.chainId)
-  ) ?? y : y, [t == null ? void 0 : t.chainId, x, y]), V = m(
-    () => gi(t == null ? void 0 : t.chainId) ?? oe,
-    [t == null ? void 0 : t.chainId, oe]
-  ), se = s.address, le = s.isConnected && !!se, z = l !== "" && E !== "", H = u(
-    mi(async (e) => {
-      !e || !Number(e) || !s.address || !(i != null && i.address) || !(t != null && t.address) || !y || !V || Ge({
-        nativeAuthToken: P ?? "",
+    callbackRoute: xe,
+    onNavigate: Ee
+  }), Je = () => {
+    Ye(), Oe();
+  }, [c, Ze] = C(E ?? ""), [M, R] = C(x ?? ""), Se = m(() => i ? fe.includes(i.chainId.toString()) : !1, [i == null ? void 0 : i.chainId]), Te = m(() => t ? fe.includes(t.chainId.toString()) : !1, [t == null ? void 0 : t.chainId]), a = m(() => t ? B.find(
+    (e) => T(e.chainId, t.chainId)
+  ) ?? y : y, [t == null ? void 0 : t.chainId, B, y]), V = m(
+    () => vi(t == null ? void 0 : t.chainId) ?? se,
+    [t == null ? void 0 : t.chainId, se]
+  ), ce = l.address, de = l.isConnected && !!ce, z = c !== "" && M !== "", H = p(
+    ui(async (e) => {
+      !e || !Number(e) || !l.address || !(i != null && i.address) || !(t != null && t.address) || !y || !V || _e({
+        nativeAuthToken: W ?? "",
         body: {
           tokenIn: i.address,
           amountIn: e,
@@ -151,52 +154,52 @@ const Ot = ({
       });
     }, 500),
     [
-      s.address,
+      l.address,
       V,
       i == null ? void 0 : i.address,
       t == null ? void 0 : t.address,
       y
     ]
-  ), d = u((e) => {
-    Ye(() => e);
-  }, []), b = u((e) => {
+  ), d = p((e) => {
+    Ze(() => e);
+  }, []), b = p((e) => {
     R(() => e);
-  }, []), Se = u(() => {
-    M == null || M();
-  }, [M]), Te = u(() => {
-    const e = ci({
+  }, []), ei = p(() => {
+    O == null || O();
+  }, [O]), ii = p(() => {
+    const e = mi({
       decimals: i == null ? void 0 : i.decimals,
       input: (i == null ? void 0 : i.balance) ?? "0",
       addCommas: !1,
       digits: 4
     });
     h.setFieldValue("firstAmount", e), d(e);
-  }, [i == null ? void 0 : i.balance, i == null ? void 0 : i.decimals, d]), ei = u(
+  }, [i == null ? void 0 : i.balance, i == null ? void 0 : i.decimals, d]), ti = p(
     async (e) => {
-      d(""), b(""), re(), re(), p == null || p(e);
+      d(""), b(""), oe(), oe(), u == null || u(e);
     },
     [
       d,
       b,
-      p
+      u
     ]
-  ), ii = u(
+  ), ri = p(
     async ({ transactions: e }) => {
-      T(() => e.length);
+      ie(() => e.length);
       try {
         if (!G)
           throw new Error("signMvxTransactions function is not provided");
-        await G(e), ie(e);
+        await G(e), re(e);
       } catch (v) {
-        console.error(v), ue.dismiss(), ue.error("Transaction cancelled"), f == null || f("Transaction cancelled"), T(0), ri(), d(""), b("");
+        console.error(v), he.dismiss(), he.error("Transaction cancelled"), f == null || f("Transaction cancelled"), ie(0), oi(), d(""), b("");
       }
     },
     [
-      se,
+      ce,
       d,
       b,
-      P,
-      ei,
+      W,
+      ti,
       G
     ]
   ), {
@@ -204,81 +207,85 @@ const Ot = ({
     firstAmountError: K,
     secondAmountError: X,
     fromChainError: Y,
+    senderAddressError: J,
+    receiverAddressError: Z,
     handleBlur: L,
-    handleChange: ce,
-    handleSubmit: ti,
-    resetSwapForm: ri
-  } = bi({
+    handleChange: me,
+    handleSubmit: ni,
+    resetSwapForm: oi
+  } = Ii({
     isMvxConnected: !!o,
     rate: n,
     sender: o ?? "",
-    receiver: s.address ?? "",
+    receiver: l.address ?? "",
     firstToken: i,
-    firstAmount: l,
+    firstAmount: c,
     fromChainId: D,
     toChainId: V,
     secondToken: t,
-    secondAmount: E,
-    setForceRefetchRate: Re,
-    onSubmit: ii
-  }), ni = !!(K || X || Y || w), oi = m(() => l !== "" ? w ?? K : void 0, [K, l, w]), ai = m(() => E !== "" ? Y ?? X : void 0, [Y, X, E]);
-  return I(() => (l || R(""), H(l), U && clearInterval(U), U = setInterval(() => {
-    H(l);
-  }, 50 * 1e3), () => clearInterval(U)), [l, Ee, H]), I(() => {
+    secondAmount: M,
+    setForceRefetchRate: Le,
+    senderChainType: qi.mvx,
+    receiverChainType: a == null ? void 0 : a.chainType,
+    onSubmit: ri
+  }), ai = !!(K || X || Y || w || J || Z), si = m(() => c !== "" ? w ?? K : void 0, [K, c, w]), li = m(() => M !== "" ? Y ?? X : void 0, [Y, X, M]);
+  return I(() => (c || R(""), H(c), U && clearInterval(U), U = setInterval(() => {
+    H(c);
+  }, 50 * 1e3), () => clearInterval(U)), [c, Ve, H]), I(() => {
     n != null && n.amountOut && (h.setFieldValue(F.secondAmount, n.amountOut), R(n.amountOut));
   }, [n == null ? void 0 : n.amountOut]), I(() => {
     w && (h.setFieldValue(F.secondAmount, "0"), R("0"));
   }, [w]), I(() => {
-    O && (h.setFieldValue(
+    E && (h.setFieldValue(
       F.firstAmount,
-      O
-    ), d(O));
+      E
+    ), d(E));
   }, []), I(() => {
-    B && (h.setFieldValue(
+    x && (h.setFieldValue(
       F.secondAmount,
-      B
-    ), b(B));
-  }, [B]), I(() => {
+      x
+    ), b(x));
+  }, [x]), I(() => {
     if (_)
       try {
         const e = _;
-        ae({
-          transactions: ee.map((v) => ({
+        le({
+          transactions: te.map((v) => ({
             ...v,
             txHash: e,
-            receiver: s.address
+            receiver: l.address
           })),
-          provider: (n == null ? void 0 : n.provider) ?? fi.None,
-          url: hi() ?? "",
-          token: P ?? ""
-        }), p == null || p([e]);
+          provider: (n == null ? void 0 : n.provider) ?? bi.None,
+          url: gi() ?? "",
+          token: W ?? ""
+        }), u == null || u([e]);
       } catch (e) {
         console.error("Error while sending transactions:", e), f == null || f(
           "An error occurred while sending the transaction"
         );
         return;
       } finally {
-        Q == null || Q(), ie([]);
+        Q == null || Q(), re([]);
       }
   }, [
     _,
-    ee,
+    te,
     n == null ? void 0 : n.provider,
-    ae
-  ]), /* @__PURE__ */ r(li, { children: /* @__PURE__ */ a(
+    le
+  ]), /* @__PURE__ */ r(di, { children: /* @__PURE__ */ s(
     "form",
     {
-      ref: Oe,
+      ref: Me,
       noValidate: !0,
       className: "liq-flex liq-flex-col liq-gap-1 liq-relative",
       autoComplete: "off",
-      onSubmit: ti,
+      onSubmit: ni,
       children: [
-        xe && /* @__PURE__ */ r(wi, { mvxAddress: o, onClose: Se }),
-        /* @__PURE__ */ a(
-          ge,
+        we && /* @__PURE__ */ r(Ei, { mvxAddress: o, onClose: ei }),
+        /* @__PURE__ */ s(
+          be,
           {
-            className: fe(
+            className: qe(
               "liq-pb-8 liq-pt-6 hover:liq-bg-neutral-700/50 sm:liq-pb-6",
               {
                 "liq-pointer-events-none": j,
@@ -286,100 +293,102 @@ const Ot = ({
               }
             ),
             children: [
-              /* @__PURE__ */ a("div", { className: "liq-flex liq-items-center liq-gap-1", children: [
+              /* @__PURE__ */ s("div", { className: "liq-flex liq-items-center liq-gap-1", children: [
                 /* @__PURE__ */ r("span", { children: "From" }),
                 /* @__PURE__ */ r(
-                  Mi,
+                  Vi,
                   {
                     accountAddress: o,
-                    chainIcon: J(g == null ? void 0 : g.pngUrl),
-                    username: ve,
-                    accountExplorerUrl: `${ne.mvxExplorerAddress}/accounts/${o}`,
+                    chainIcon: S(g == null ? void 0 : g.pngUrl),
+                    username: Ie,
+                    accountExplorerUrl: `${ae.mvxExplorerAddress}/accounts/${o}`,
                     showTag: !0,
-                    onDisconnect: we,
-                    onConnect: S
+                    onDisconnect: De,
+                    onConnect: ee
                   }
                 )
               ] }),
-              /* @__PURE__ */ a("div", { className: "liq-flex liq-justify-between liq-gap-1", children: [
+              J && /* @__PURE__ */ r("div", { className: "liq-text-red-400 liq-text-xs liq-mt-1", children: J }),
+              /* @__PURE__ */ s("div", { className: "liq-flex liq-justify-between liq-gap-1", children: [
                 /* @__PURE__ */ r(
-                  qe,
+                  ve,
                   {
                     inputName: "firstAmount",
                     inputValue: h.values.firstAmount,
-                    amountError: oi,
+                    amountError: si,
                     disabled: !1,
                     onInputDebounceChange: d,
-                    onInputChange: ce,
+                    onInputChange: me,
                     onBlur: L
                   }
                 ),
                 /* @__PURE__ */ r(
-                  be,
+                  Ce,
                   {
                     name: "firstToken",
                     disabled: N,
-                    options: _e,
+                    options: ze,
                     areOptionsLoading: $,
-                    isMvxSelector: Je,
+                    isMvxSelector: Se,
                     isDestination: !1,
                     color: "neutral-850",
-                    onChange: ze,
+                    onChange: Ke,
                     onBlur: L,
-                    onMaxBtnClick: Te,
+                    onMaxBtnClick: ii,
                     selectedOption: i,
-                    onTokenSelectorDisplay: (e) => Me(e)
+                    onTokenSelectorDisplay: (e) => Re(e)
                   }
                 )
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ r("div", { className: "liq-absolute liq-left-[6%] liq-top-[40%] -liq-mt-1 liq-z-10", children: Ve && /* @__PURE__ */ r(Ei, { onChangeDirection: Xe }) }),
-        /* @__PURE__ */ a(
-          ge,
+        /* @__PURE__ */ r("div", { className: "liq-absolute liq-left-[6%] liq-top-[40%] -liq-mt-1 liq-z-10", children: Fe && /* @__PURE__ */ r(Li, { onChangeDirection: Je }) }),
+        /* @__PURE__ */ s(
+          be,
           {
-            className: fe(
+            className: qe(
               "liq-pb-8 liq-pt-6 hover:liq-bg-neutral-700/50 sm:liq-pb-6",
               {
                 "liq-pointer-events-none": j
               }
             ),
             children: [
-              /* @__PURE__ */ a("div", { className: "liq-flex liq-items-center liq-gap-1", children: [
+              /* @__PURE__ */ s("div", { className: "liq-flex liq-items-center liq-gap-1", children: [
                 /* @__PURE__ */ r("span", { children: "To" }),
                 /* @__PURE__ */ r(
-                  Oi,
+                  Ri,
                   {
                     disabled: N,
-                    activeChain: c
+                    activeChain: a
                   }
                 )
               ] }),
-              /* @__PURE__ */ a("div", { className: "liq-flex liq-justify-between liq-gap-1", children: [
+              Z && /* @__PURE__ */ r("div", { className: "liq-text-red-400 liq-text-xs liq-mt-1", children: Z }),
+              /* @__PURE__ */ s("div", { className: "liq-flex liq-justify-between liq-gap-1", children: [
                 /* @__PURE__ */ r(
-                  qe,
+                  ve,
                   {
                     inputName: "secondAmount",
                     inputValue: h.values.secondAmount,
-                    amountError: ai,
+                    amountError: li,
                     disabled: !1,
                     onInputDebounceChange: b,
-                    onInputChange: ce,
+                    onInputChange: me,
                     onBlur: L
                   }
                 ),
                 /* @__PURE__ */ r(
-                  be,
+                  Ce,
                   {
                     name: "secondToken",
                     disabled: N,
                     omitDisableClass: !0,
-                    options: $e,
+                    options: He,
                     areOptionsLoading: $,
-                    isMvxSelector: Ze,
+                    isMvxSelector: Te,
                     color: "neutral-850",
-                    onChange: He,
+                    onChange: Xe,
                     onBlur: L,
                     selectedOption: t
                   }
@@ -388,54 +397,54 @@ const Ot = ({
             ]
           }
         ),
-        /* @__PURE__ */ a("div", { className: "liq-flex liq-items-center liq-justify-center", children: [
+        /* @__PURE__ */ s("div", { className: "liq-flex liq-items-center liq-justify-center", children: [
           !o && /* @__PURE__ */ r(
-            Di,
+            Mi,
             {
               mvxAccountAddress: o,
-              icon: J(g == null ? void 0 : g.pngUrl),
-              onClick: S
+              icon: S(g == null ? void 0 : g.pngUrl),
+              onClick: ee
             }
           ),
-          o && !le && /* @__PURE__ */ r(
-            yi,
+          o && !de && /* @__PURE__ */ r(
+            Oi,
             {
               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: N,
-              activeChain: c
+              activeChain: a
             }
           ),
-          o && le && /* @__PURE__ */ a(
-            Ni,
+          o && de && /* @__PURE__ */ s(
+            Di,
             {
               "data-testid": "submit-button",
               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: !z || N || !o || !s.address || ni,
+              disabled: !z || N || !o || !l.address || ai,
               children: [
-                z && /* @__PURE__ */ a("div", { className: "liq-flex liq-justify-center liq-items-center liq-gap-2", children: [
+                z && /* @__PURE__ */ s("div", { className: "liq-flex liq-justify-center liq-items-center liq-gap-2", children: [
                   /* @__PURE__ */ r("div", { children: "Transfer to " }),
                   /* @__PURE__ */ r(
                     "img",
                     {
-                      src: J(c == null ? void 0 : c.pngUrl),
+                      src: S(a == null ? void 0 : a.pngUrl),
                       alt: "",
                       className: "liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
                     }
                   ),
-                  /* @__PURE__ */ r("div", { children: c == null ? void 0 : c.networkName })
+                  /* @__PURE__ */ r("div", { children: a == null ? void 0 : a.networkName })
                 ] }),
                 !z && /* @__PURE__ */ r("span", { className: "liq-text-neutral-100", children: "Enter amount" })
               ]
             }
           )
         ] }),
-        s.address && k > 0 && /* @__PURE__ */ r("div", { className: "liq-flex liq-items-center liq-justify-center liq-text-neutral-300 liq-text-sm", children: /* @__PURE__ */ a("div", { children: [
+        l.address && P > 0 && /* @__PURE__ */ r("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,
+          P,
           " ",
-          k > 1 ? "transactions" : "transaction",
+          P > 1 ? "transactions" : "transaction",
           " ",
           "on your wallet"
         ] }) })
@@ -444,5 +453,5 @@ const Ot = ({
   ) });
 };
 export {
-  Ot as Transfer
+  Ft as Transfer
 };