@multiversx/sdk-dapp-liquidity 2.1.0-alpha.0 → 2.1.0-alpha.2

package/reactjs/components/BridgeForm/Transfer.mjs

@@ -1,38 +1,38 @@
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { formatAmount } from "@multiversx/sdk-dapp-utils/out/helpers/formatAmount";
-import { useAppKitNetwork } from "@reown/appkit/react";
-import debounce from "lodash/debounce";
-import { useRef, useState, useMemo, useCallback, useEffect } from "react";
-import { toast } from "react-toastify";
-import { useBridgeTokenSelection } from "./hooks/useBridgeTokenSelection.mjs";
-import { MVX_CHAIN_IDS } from "../../../constants/index.mjs";
-import { getApiURL } from "../../../helpers/getApiURL.mjs";
+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 "../../constants/index.mjs";
-import { safeImageUrl } from "../../../helpers/safeImageUrl.mjs";
-import { ProviderType } from "../../../types/providerType.mjs";
-import { useWeb3App } from "../../context/useWeb3App.mjs";
-import { sameBridgeApiChainId, toBridgeApiChainId } from "../../helpers/resolveBridgeApiChainId.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 "yup";
 import "@multiversx/sdk-dapp-utils/out/helpers/parseAmount";
 import "bignumber.js";
-import { useAccount } from "../../hooks/useAccount.mjs";
+import { useAccount as qi } from "../../hooks/useAccount.mjs";
 import "axios";
-import { useBridgeFormik, BridgeFormikValuesEnum } from "../../hooks/useBridgeFormik.mjs";
-import { useFetchBridgeData } from "../../hooks/useFetchBridgeData.mjs";
-import { useBridgeApiChainId } from "../../hooks/useBridgeApiChainId.mjs";
+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 "@tanstack/react-query";
-import { useGetChainId } from "../../hooks/useGetChainId.mjs";
-import { useSendTransactions } from "../../hooks/useSendTransactions.mjs";
+import { useGetChainId as Ii } from "../../hooks/useGetChainId.mjs";
+import { useSendTransactions as Bi } from "../../hooks/useSendTransactions.mjs";
 import "@reown/appkit-adapter-solana/react";
 import "@solana/web3.js";
 import "wagmi";
 import "@reown/appkit-controllers";
-import { useInvalidateHistoryQuery } from "../../queries/useGetHistory.query.mjs";
-import { useGetRateMutation } from "../../queries/useGetRate.mutation.mjs";
-import { mxClsx } from "../../utils/mxClsx.mjs";
-import { AmountCard } from "../AmountCard/AmountCard.mjs";
-import { AmountInput } from "../AmountInput/AmountInput.mjs";
-import { MxButton } from "../base/MxButton/MxButton.mjs";
+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 "../base/MxCard/MxCard.mjs";
 import "../base/MxLink/MxLink.mjs";
 import "../base/MxSearch/MxSearch.mjs";
@@ -42,513 +42,400 @@ import "@headlessui/react";
 import "react-dom";
 import "react-popper";
 import "../base/MxTooltip/components/TooltipContainer/TooltipContainer.mjs";
-import { BridgeHistory } from "../BridgeHistory/BridgeHistory.mjs";
-import { BridgeConnectButton } from "../Connect/BridgeConnectButton.mjs";
-import { MvxConnectButton } from "../Connect/MvxConnectButton.mjs";
-import { BridgeAccountDisplay } from "../Connect/BridgeAccountDisplay.mjs";
-import { MvxAccountDisplay } from "../Connect/MvxAccountDisplay.mjs";
-import { ToggleDirection } from "../ToggleDirection/ToggleDirection.mjs";
-import { TokenSelector } from "../TokenSelector/TokenSelector.mjs";
-let fetchRateInterval;
-const Transfer = ({
-  mvxChainId,
-  mvxAddress,
-  username,
-  callbackRoute = "/",
-  firstTokenIdentifier,
-  secondTokenIdentifier,
-  firstTokenAmount,
-  secondTokenAmount,
-  refetchTrigger,
-  showHistory,
-  forcedDestinationTokenSymbol,
-  onSuccessfullySentTransaction,
-  onFailedSentTransaction,
-  onHistoryClose,
-  onMvxConnect,
-  onMvxDisconnect,
-  onNavigate,
-  onChangeDirection
+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";
+let U;
+const Ot = ({
+  mvxChainId: D,
+  mvxAddress: o,
+  username: ve,
+  callbackRoute: Ce = "/",
+  firstTokenIdentifier: Ie,
+  secondTokenIdentifier: Be,
+  firstTokenAmount: O,
+  secondTokenAmount: B,
+  refetchTrigger: Ae,
+  showHistory: xe,
+  forcedDestinationTokenSymbol: Ne,
+  onSuccessfullySentTransaction: p,
+  onFailedSentTransaction: f,
+  onHistoryClose: M,
+  onMvxConnect: S,
+  onMvxDisconnect: we,
+  onNavigate: ye,
+  onChangeDirection: De
 }) => {
-  var _a, _b;
-  const ref = useRef(null);
-  const [isTokenSelectorVisible, setIsTokenSelectorVisible] = useState(false);
-  const [forceRefetchRate, setForceRefetchRate] = useState(1);
-  const [siginingTransactionsCount, setSigningTransactionsCount] = useState(0);
-  const [latestTransactions, setLatestTransactions] = useState([]);
-  const account = useAccount();
-  const { switchNetwork } = useAppKitNetwork();
-  const invalidateHistoryQuery = useInvalidateHistoryQuery();
-  const {
-    options,
-    supportedChains: sdkChains,
-    nativeAuthToken,
-    bridgeOnly
-  } = useWeb3App();
-  const chainId = useGetChainId();
-  const bridgeApiChainId = useBridgeApiChainId();
-  const sendTransactions = useSendTransactions();
-  const {
-    signMvxTransactions,
-    resetMvxTransactionHash,
-    latestMvxTransactionHash
-  } = useWeb3App();
-  const {
-    evmTokensWithBalances,
-    mvxTokensWithBalances,
-    isTokensLoading: tokensLoading,
-    isLoadingEvmTokensBalances,
-    isLoadingMvxTokensBalances,
-    chains = [],
-    isChainsLoading
-  } = useFetchBridgeData({
-    refetchTrigger,
-    mvxAddress,
-    mvxApiURL: options.mvxApiURL
-  });
-  const isTokensLoading = tokensLoading || isLoadingEvmTokensBalances || isLoadingMvxTokensBalances || isChainsLoading;
-  const activeChain = useMemo(() => {
-    return sdkChains.find((chain) => sameBridgeApiChainId(chain.id, chainId));
-  }, [chainId, sdkChains]);
-  const mvxChain = useMemo(() => {
-    return chains.find(
-      (chain) => chain.chainId.toString() === mvxChainId.toString()
-    );
-  }, [chainId, chains]);
-  const {
-    mutate: getRate,
-    data: rate,
-    isPending: isPendingRate,
-    error: rateError
-  } = useGetRateMutation();
-  const rateValidationError = ((_a = rateError == null ? void 0 : rateError.response) == null ? void 0 : _a.status) === 400 ? (_b = rateError == null ? void 0 : rateError.response) == null ? void 0 : _b.data.message : void 0;
-  const handleSwitchNetwork = useCallback(
-    (chain) => {
-      const sdkChain = sdkChains.find(
-        (c) => sameBridgeApiChainId(c.id, chain.id)
+  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,
+    supportedChains: A,
+    nativeAuthToken: P,
+    bridgeOnly: Ve
+  } = he(), W = Ii(), oe = Ci(), ae = Bi(), {
+    signMvxTransactions: G,
+    resetMvxTransactionHash: Q,
+    latestMvxTransactionHash: _
+  } = he(), {
+    evmTokensWithBalances: Le,
+    mvxTokensWithBalances: Fe,
+    isTokensLoading: Ue,
+    isLoadingEvmTokensBalances: je,
+    isLoadingMvxTokensBalances: ke,
+    chains: x = [],
+    isChainsLoading: Pe
+  } = vi({
+    refetchTrigger: Ae,
+    mvxAddress: o,
+    mvxApiURL: ne.mvxApiURL
+  }), $ = Ue || je || ke || Pe, We = m(() => A.find((e) => Z(e.id, W)), [W, A]), g = m(() => x.find(
+    (e) => e.chainId.toString() === D.toString()
+  ), [W, x]), {
+    mutate: Ge,
+    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(
+    (e) => {
+      const v = A.find(
+        (si) => Z(si.id, e.id)
       );
-      if (sdkChain) {
-        switchNetwork(sdkChain);
-      }
+      v && te(v);
     },
-    [sdkChains, switchNetwork]
-  );
-  const {
-    firstToken,
-    secondToken,
-    fromOptions,
-    toOptions,
-    selectedChainOption,
-    onChangeFirstSelect,
-    onChangeSecondSelect,
-    handleChangeDirection: handleTokenChangeDirection
-  } = useBridgeTokenSelection({
-    chains,
-    activeChain,
-    sdkChains,
-    switchNetwork: handleSwitchNetwork,
-    fromTokens: mvxTokensWithBalances,
-    toTokens: evmTokensWithBalances,
-    firstTokenIdentifier,
-    secondTokenIdentifier,
-    forcedDestinationTokenSymbol,
-    isTokensLoading,
-    mvxChainId,
-    callbackRoute,
-    onNavigate
-  });
-  const handleChangeDirection = () => {
-    handleTokenChangeDirection();
-    onChangeDirection();
-  };
-  const [firstAmount, setFirstAmount] = useState(firstTokenAmount ?? "");
-  const [secondAmount, setSecondAmount] = useState(secondTokenAmount ?? "");
-  const isFirstTokenMvx = useMemo(() => {
-    return firstToken ? MVX_CHAIN_IDS.includes(firstToken.chainId.toString()) : false;
-  }, [firstToken == null ? void 0 : firstToken.chainId]);
-  const isSecondTokenMvx = useMemo(() => {
-    return secondToken ? MVX_CHAIN_IDS.includes(secondToken.chainId.toString()) : false;
-  }, [secondToken == null ? void 0 : secondToken.chainId]);
-  const secondTokenChain = useMemo(() => {
-    if (!secondToken) {
-      return selectedChainOption;
-    }
-    return chains.find(
-      (chain) => sameBridgeApiChainId(chain.chainId, secondToken.chainId)
-    ) ?? selectedChainOption;
-  }, [secondToken == null ? void 0 : secondToken.chainId, chains, selectedChainOption]);
-  const bridgeToChainId = useMemo(
-    () => toBridgeApiChainId(secondToken == null ? void 0 : secondToken.chainId) ?? bridgeApiChainId,
-    [secondToken == null ? void 0 : secondToken.chainId, bridgeApiChainId]
-  );
-  const bridgeAddress = account.address;
-  const isAuthenticated = account.isConnected && Boolean(bridgeAddress);
-  const hasAmounts = firstAmount !== "" && secondAmount !== "";
-  const fetchRateDebounced = useCallback(
-    debounce(async (amount) => {
-      if (!amount || !Number(amount) || !account.address || !(firstToken == null ? void 0 : firstToken.address) || !(secondToken == null ? void 0 : secondToken.address) || !selectedChainOption || !bridgeToChainId) {
-        return;
-      }
-      getRate({
-        nativeAuthToken: nativeAuthToken ?? "",
+    [A, te]
+  ), {
+    firstToken: i,
+    secondToken: t,
+    fromOptions: _e,
+    toOptions: $e,
+    selectedChainOption: y,
+    onChangeFirstSelect: ze,
+    onChangeSecondSelect: He,
+    handleChangeDirection: Ke
+  } = pi({
+    chains: x,
+    activeChain: We,
+    sdkChains: A,
+    switchNetwork: Qe,
+    fromTokens: Fe,
+    toTokens: Le,
+    firstTokenIdentifier: Ie,
+    secondTokenIdentifier: Be,
+    forcedDestinationTokenSymbol: Ne,
+    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 ?? "",
         body: {
-          tokenIn: firstToken.address,
-          amountIn: amount,
-          fromChainId: mvxChainId,
-          tokenOut: secondToken.address,
-          toChainId: bridgeToChainId
+          tokenIn: i.address,
+          amountIn: e,
+          fromChainId: D,
+          tokenOut: t.address,
+          toChainId: V
         }
       });
     }, 500),
     [
-      account.address,
-      bridgeToChainId,
-      firstToken == null ? void 0 : firstToken.address,
-      secondToken == null ? void 0 : secondToken.address,
-      selectedChainOption
+      s.address,
+      V,
+      i == null ? void 0 : i.address,
+      t == null ? void 0 : t.address,
+      y
     ]
-  );
-  const handleOnChangeFirstAmount = useCallback((amount) => {
-    setFirstAmount(() => amount);
-  }, []);
-  const handleOnChangeSecondAmount = useCallback((amount) => {
-    setSecondAmount(() => amount);
-  }, []);
-  const handleHistoryClose = useCallback(() => {
-    onHistoryClose == null ? void 0 : onHistoryClose();
-  }, [onHistoryClose]);
-  const handleOnFirstMaxBtnChange = useCallback(() => {
-    const formattedBalance = formatAmount({
-      decimals: firstToken == null ? void 0 : firstToken.decimals,
-      input: (firstToken == null ? void 0 : firstToken.balance) ?? "0",
-      addCommas: false,
+  ), d = u((e) => {
+    Ye(() => e);
+  }, []), b = u((e) => {
+    R(() => e);
+  }, []), Se = u(() => {
+    M == null || M();
+  }, [M]), Te = u(() => {
+    const e = ci({
+      decimals: i == null ? void 0 : i.decimals,
+      input: (i == null ? void 0 : i.balance) ?? "0",
+      addCommas: !1,
       digits: 4
     });
-    formik.setFieldValue("firstAmount", formattedBalance);
-    handleOnChangeFirstAmount(formattedBalance);
-  }, [firstToken == null ? void 0 : firstToken.balance, firstToken == null ? void 0 : firstToken.decimals, handleOnChangeFirstAmount]);
-  const onSuccess = useCallback(
-    async (txHashes) => {
-      handleOnChangeFirstAmount("");
-      handleOnChangeSecondAmount("");
-      invalidateHistoryQuery();
-      invalidateHistoryQuery();
-      onSuccessfullySentTransaction == null ? void 0 : onSuccessfullySentTransaction(txHashes);
+    h.setFieldValue("firstAmount", e), d(e);
+  }, [i == null ? void 0 : i.balance, i == null ? void 0 : i.decimals, d]), ei = u(
+    async (e) => {
+      d(""), b(""), re(), re(), p == null || p(e);
     },
     [
-      handleOnChangeFirstAmount,
-      handleOnChangeSecondAmount,
-      onSuccessfullySentTransaction
+      d,
+      b,
+      p
     ]
-  );
-  const onSubmit = useCallback(
-    async ({ transactions }) => {
-      setSigningTransactionsCount(() => transactions.length);
+  ), ii = u(
+    async ({ transactions: e }) => {
+      T(() => e.length);
       try {
-        if (!signMvxTransactions) {
+        if (!G)
           throw new Error("signMvxTransactions function is not provided");
-        }
-        await signMvxTransactions(transactions);
-        setLatestTransactions(transactions);
-      } catch (e) {
-        console.error(e);
-        toast.dismiss();
-        toast.error("Transaction cancelled");
-        onFailedSentTransaction == null ? void 0 : onFailedSentTransaction("Transaction cancelled");
-        setSigningTransactionsCount(0);
-        resetSwapForm();
-        handleOnChangeFirstAmount("");
-        handleOnChangeSecondAmount("");
+        await G(e), ie(e);
+      } catch (v) {
+        console.error(v), ue.dismiss(), ue.error("Transaction cancelled"), f == null || f("Transaction cancelled"), T(0), ri(), d(""), b("");
       }
     },
     [
-      bridgeAddress,
-      handleOnChangeFirstAmount,
-      handleOnChangeSecondAmount,
-      nativeAuthToken,
-      onSuccess,
-      signMvxTransactions
+      se,
+      d,
+      b,
+      P,
+      ei,
+      G
     ]
-  );
-  const {
-    formik,
-    firstAmountError,
-    secondAmountError,
-    fromChainError,
-    handleBlur,
-    handleChange,
-    handleSubmit,
-    resetSwapForm
-  } = useBridgeFormik({
-    isMvxConnected: Boolean(mvxAddress),
-    rate,
-    sender: mvxAddress ?? "",
-    receiver: account.address ?? "",
-    firstToken,
-    firstAmount,
-    fromChainId: mvxChainId,
-    toChainId: bridgeToChainId,
-    secondToken,
-    secondAmount,
-    setForceRefetchRate,
-    onSubmit
-  });
-  const hasError = Boolean(
-    firstAmountError || secondAmountError || fromChainError || rateValidationError
-  );
-  const amountErrorFirstInput = useMemo(() => {
-    return firstAmount !== "" ? rateValidationError ?? firstAmountError : void 0;
-  }, [firstAmountError, firstAmount, rateValidationError]);
-  const amountErrorSecondInput = useMemo(() => {
-    return secondAmount !== "" ? fromChainError ?? secondAmountError : void 0;
-  }, [fromChainError, secondAmountError, secondAmount]);
-  useEffect(() => {
-    if (!firstAmount) {
-      setSecondAmount("");
-    }
-    fetchRateDebounced(firstAmount);
-    if (fetchRateInterval) {
-      clearInterval(fetchRateInterval);
-    }
-    fetchRateInterval = setInterval(() => {
-      fetchRateDebounced(firstAmount);
-    }, 50 * 1e3);
-    return () => clearInterval(fetchRateInterval);
-  }, [firstAmount, forceRefetchRate, fetchRateDebounced]);
-  useEffect(() => {
-    if (!(rate == null ? void 0 : rate.amountOut)) {
-      return;
-    }
-    formik.setFieldValue(BridgeFormikValuesEnum.secondAmount, rate.amountOut);
-    setSecondAmount(rate.amountOut);
-  }, [rate == null ? void 0 : rate.amountOut]);
-  useEffect(() => {
-    if (rateValidationError) {
-      formik.setFieldValue(BridgeFormikValuesEnum.secondAmount, "0");
-      setSecondAmount("0");
-    }
-  }, [rateValidationError]);
-  useEffect(() => {
-    if (firstTokenAmount) {
-      formik.setFieldValue(
-        BridgeFormikValuesEnum.firstAmount,
-        firstTokenAmount
-      );
-      handleOnChangeFirstAmount(firstTokenAmount);
-    }
-  }, []);
-  useEffect(() => {
-    if (secondTokenAmount) {
-      formik.setFieldValue(
-        BridgeFormikValuesEnum.secondAmount,
-        secondTokenAmount
-      );
-      handleOnChangeSecondAmount(secondTokenAmount);
-    }
-  }, [secondTokenAmount]);
-  useEffect(() => {
-    if (latestMvxTransactionHash) {
+  ), {
+    formik: h,
+    firstAmountError: K,
+    secondAmountError: X,
+    fromChainError: Y,
+    handleBlur: L,
+    handleChange: ce,
+    handleSubmit: ti,
+    resetSwapForm: ri
+  } = bi({
+    isMvxConnected: !!o,
+    rate: n,
+    sender: o ?? "",
+    receiver: s.address ?? "",
+    firstToken: i,
+    firstAmount: l,
+    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(() => {
+    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(
+      F.firstAmount,
+      O
+    ), d(O));
+  }, []), I(() => {
+    B && (h.setFieldValue(
+      F.secondAmount,
+      B
+    ), b(B));
+  }, [B]), I(() => {
+    if (_)
       try {
-        const txHash = latestMvxTransactionHash;
-        sendTransactions({
-          transactions: latestTransactions.map((tx) => ({
-            ...tx,
-            txHash,
-            receiver: account.address
+        const e = _;
+        ae({
+          transactions: ee.map((v) => ({
+            ...v,
+            txHash: e,
+            receiver: s.address
           })),
-          provider: (rate == null ? void 0 : rate.provider) ?? ProviderType.None,
-          url: getApiURL() ?? "",
-          token: nativeAuthToken ?? ""
-        });
-        onSuccessfullySentTransaction == null ? void 0 : onSuccessfullySentTransaction([txHash]);
-      } catch (err) {
-        console.error("Error while sending transactions:", err);
-        onFailedSentTransaction == null ? void 0 : onFailedSentTransaction(
+          provider: (n == null ? void 0 : n.provider) ?? fi.None,
+          url: hi() ?? "",
+          token: P ?? ""
+        }), 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 {
-        resetMvxTransactionHash == null ? void 0 : resetMvxTransactionHash();
-        setLatestTransactions([]);
+        Q == null || Q(), ie([]);
       }
-    }
   }, [
-    latestMvxTransactionHash,
-    latestTransactions,
-    rate == null ? void 0 : rate.provider,
-    sendTransactions
-  ]);
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
+    _,
+    ee,
+    n == null ? void 0 : n.provider,
+    ae
+  ]), /* @__PURE__ */ r(li, { children: /* @__PURE__ */ a(
     "form",
     {
-      ref,
-      noValidate: true,
+      ref: Oe,
+      noValidate: !0,
       className: "liq-flex liq-flex-col liq-gap-1 liq-relative",
       autoComplete: "off",
-      onSubmit: handleSubmit,
+      onSubmit: ti,
       children: [
-        showHistory && /* @__PURE__ */ jsx(BridgeHistory, { mvxAddress, onClose: handleHistoryClose }),
-        /* @__PURE__ */ jsxs(
-          AmountCard,
+        xe && /* @__PURE__ */ r(wi, { mvxAddress: o, onClose: Se }),
+        /* @__PURE__ */ a(
+          ge,
           {
-            className: mxClsx(
+            className: fe(
               "liq-pb-8 liq-pt-6 hover:liq-bg-neutral-700/50 sm:liq-pb-6",
               {
-                "liq-pointer-events-none": isTokenSelectorVisible,
-                "focus-within:liq-outline-neutral-700/75 hover:liq-outline-neutral-700/55 hover:focus-within:liq-outline-neutral-700/80": !isTokenSelectorVisible
+                "liq-pointer-events-none": j,
+                "focus-within:liq-outline-neutral-700/75 hover:liq-outline-neutral-700/55 hover:focus-within:liq-outline-neutral-700/80": !j
               }
             ),
             children: [
-              /* @__PURE__ */ jsxs("div", { className: "liq-flex liq-items-center liq-gap-1", children: [
-                /* @__PURE__ */ jsx("span", { children: "From" }),
-                /* @__PURE__ */ jsx(
-                  MvxAccountDisplay,
+              /* @__PURE__ */ a("div", { className: "liq-flex liq-items-center liq-gap-1", children: [
+                /* @__PURE__ */ r("span", { children: "From" }),
+                /* @__PURE__ */ r(
+                  Mi,
                   {
-                    accountAddress: mvxAddress,
-                    chainIcon: safeImageUrl(mvxChain == null ? void 0 : mvxChain.pngUrl),
-                    username,
-                    accountExplorerUrl: `${options.mvxExplorerAddress}/accounts/${mvxAddress}`,
-                    showTag: true,
-                    onDisconnect: onMvxDisconnect,
-                    onConnect: onMvxConnect
+                    accountAddress: o,
+                    chainIcon: J(g == null ? void 0 : g.pngUrl),
+                    username: ve,
+                    accountExplorerUrl: `${ne.mvxExplorerAddress}/accounts/${o}`,
+                    showTag: !0,
+                    onDisconnect: we,
+                    onConnect: S
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs("div", { className: "liq-flex liq-justify-between liq-gap-1", children: [
-                /* @__PURE__ */ jsx(
-                  AmountInput,
+              /* @__PURE__ */ a("div", { className: "liq-flex liq-justify-between liq-gap-1", children: [
+                /* @__PURE__ */ r(
+                  qe,
                   {
                     inputName: "firstAmount",
-                    inputValue: formik.values.firstAmount,
-                    amountError: amountErrorFirstInput,
-                    disabled: false,
-                    onInputDebounceChange: handleOnChangeFirstAmount,
-                    onInputChange: handleChange,
-                    onBlur: handleBlur
+                    inputValue: h.values.firstAmount,
+                    amountError: oi,
+                    disabled: !1,
+                    onInputDebounceChange: d,
+                    onInputChange: ce,
+                    onBlur: L
                   }
                 ),
-                /* @__PURE__ */ jsx(
-                  TokenSelector,
+                /* @__PURE__ */ r(
+                  be,
                   {
                     name: "firstToken",
-                    disabled: isPendingRate,
-                    options: fromOptions,
-                    areOptionsLoading: isTokensLoading,
-                    isMvxSelector: isFirstTokenMvx,
-                    isDestination: false,
+                    disabled: N,
+                    options: _e,
+                    areOptionsLoading: $,
+                    isMvxSelector: Je,
+                    isDestination: !1,
                     color: "neutral-850",
-                    onChange: onChangeFirstSelect,
-                    onBlur: handleBlur,
-                    onMaxBtnClick: handleOnFirstMaxBtnChange,
-                    selectedOption: firstToken,
-                    onTokenSelectorDisplay: (visible) => setIsTokenSelectorVisible(visible)
+                    onChange: ze,
+                    onBlur: L,
+                    onMaxBtnClick: Te,
+                    selectedOption: i,
+                    onTokenSelectorDisplay: (e) => Me(e)
                   }
                 )
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ jsx("div", { className: "liq-absolute liq-left-[6%] liq-top-[40%] -liq-mt-1 liq-z-10", children: bridgeOnly && /* @__PURE__ */ jsx(ToggleDirection, { onChangeDirection: handleChangeDirection }) }),
-        /* @__PURE__ */ jsxs(
-          AmountCard,
+        /* @__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,
           {
-            className: mxClsx(
+            className: fe(
               "liq-pb-8 liq-pt-6 hover:liq-bg-neutral-700/50 sm:liq-pb-6",
               {
-                "liq-pointer-events-none": isTokenSelectorVisible
+                "liq-pointer-events-none": j
               }
             ),
             children: [
-              /* @__PURE__ */ jsxs("div", { className: "liq-flex liq-items-center liq-gap-1", children: [
-                /* @__PURE__ */ jsx("span", { children: "To" }),
-                /* @__PURE__ */ jsx(
-                  BridgeAccountDisplay,
+              /* @__PURE__ */ a("div", { className: "liq-flex liq-items-center liq-gap-1", children: [
+                /* @__PURE__ */ r("span", { children: "To" }),
+                /* @__PURE__ */ r(
+                  Oi,
                   {
-                    disabled: isPendingRate,
-                    activeChain: secondTokenChain
+                    disabled: N,
+                    activeChain: c
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs("div", { className: "liq-flex liq-justify-between liq-gap-1", children: [
-                /* @__PURE__ */ jsx(
-                  AmountInput,
+              /* @__PURE__ */ a("div", { className: "liq-flex liq-justify-between liq-gap-1", children: [
+                /* @__PURE__ */ r(
+                  qe,
                   {
                     inputName: "secondAmount",
-                    inputValue: formik.values.secondAmount,
-                    amountError: amountErrorSecondInput,
-                    disabled: false,
-                    onInputDebounceChange: handleOnChangeSecondAmount,
-                    onInputChange: handleChange,
-                    onBlur: handleBlur
+                    inputValue: h.values.secondAmount,
+                    amountError: ai,
+                    disabled: !1,
+                    onInputDebounceChange: b,
+                    onInputChange: ce,
+                    onBlur: L
                   }
                 ),
-                /* @__PURE__ */ jsx(
-                  TokenSelector,
+                /* @__PURE__ */ r(
+                  be,
                   {
                     name: "secondToken",
-                    disabled: isPendingRate,
-                    omitDisableClass: true,
-                    options: toOptions,
-                    areOptionsLoading: isTokensLoading,
-                    isMvxSelector: isSecondTokenMvx,
+                    disabled: N,
+                    omitDisableClass: !0,
+                    options: $e,
+                    areOptionsLoading: $,
+                    isMvxSelector: Ze,
                     color: "neutral-850",
-                    onChange: onChangeSecondSelect,
-                    onBlur: handleBlur,
-                    selectedOption: secondToken
+                    onChange: He,
+                    onBlur: L,
+                    selectedOption: t
                   }
                 )
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ jsxs("div", { className: "liq-flex liq-items-center liq-justify-center", children: [
-          !mvxAddress && /* @__PURE__ */ jsx(
-            MvxConnectButton,
+        /* @__PURE__ */ a("div", { className: "liq-flex liq-items-center liq-justify-center", children: [
+          !o && /* @__PURE__ */ r(
+            Di,
             {
-              mvxAccountAddress: mvxAddress,
-              icon: safeImageUrl(mvxChain == null ? void 0 : mvxChain.pngUrl),
-              onClick: onMvxConnect
+              mvxAccountAddress: o,
+              icon: J(g == null ? void 0 : g.pngUrl),
+              onClick: S
             }
           ),
-          mvxAddress && !isAuthenticated && /* @__PURE__ */ jsx(
-            BridgeConnectButton,
+          o && !le && /* @__PURE__ */ r(
+            yi,
             {
               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: isPendingRate,
-              activeChain: secondTokenChain
+              disabled: N,
+              activeChain: c
             }
           ),
-          mvxAddress && isAuthenticated && /* @__PURE__ */ jsxs(
-            MxButton,
+          o && le && /* @__PURE__ */ a(
+            Ni,
             {
               "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: !hasAmounts || isPendingRate || !mvxAddress || !account.address || hasError,
+              disabled: !z || N || !o || !s.address || ni,
               children: [
-                hasAmounts && /* @__PURE__ */ jsxs("div", { className: "liq-flex liq-justify-center liq-items-center liq-gap-2", children: [
-                  /* @__PURE__ */ jsx("div", { children: "Transfer to " }),
-                  /* @__PURE__ */ jsx(
+                z && /* @__PURE__ */ a("div", { className: "liq-flex liq-justify-center liq-items-center liq-gap-2", children: [
+                  /* @__PURE__ */ r("div", { children: "Transfer to " }),
+                  /* @__PURE__ */ r(
                     "img",
                     {
-                      src: safeImageUrl(secondTokenChain == null ? void 0 : secondTokenChain.pngUrl),
+                      src: J(c == null ? void 0 : c.pngUrl),
                       alt: "",
                       className: "liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
                     }
                   ),
-                  /* @__PURE__ */ jsx("div", { children: secondTokenChain == null ? void 0 : secondTokenChain.networkName })
+                  /* @__PURE__ */ r("div", { children: c == null ? void 0 : c.networkName })
                 ] }),
-                !hasAmounts && /* @__PURE__ */ jsx("span", { className: "liq-text-neutral-100", children: "Enter amount" })
+                !z && /* @__PURE__ */ r("span", { className: "liq-text-neutral-100", children: "Enter amount" })
               ]
             }
           )
         ] }),
-        account.address && siginingTransactionsCount > 0 && /* @__PURE__ */ jsx("div", { className: "liq-flex liq-items-center liq-justify-center liq-text-neutral-300 liq-text-sm", children: /* @__PURE__ */ jsxs("div", { children: [
+        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: [
           "You will be asked to sign ",
-          siginingTransactionsCount,
+          k,
           " ",
-          siginingTransactionsCount > 1 ? "transactions" : "transaction",
+          k > 1 ? "transactions" : "transaction",
           " ",
           "on your wallet"
         ] }) })
@@ -557,5 +444,5 @@ const Transfer = ({
   ) });
 };
 export {
-  Transfer
+  Ot as Transfer
 };