@multiversx/sdk-dapp-liquidity 2.0.0 → 2.1.0-alpha.1

package/reactjs/components/BridgeForm/Deposit.mjs

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