@multiversx/sdk-dapp-liquidity 2.2.0 → 2.3.0-alpha.0

package/reactjs/components/BridgeForm/Transfer.mjs

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