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

package/reactjs/components/BridgeForm/Deposit.js

@@ -1,674 +1,2 @@
 #!/usr/bin/env node
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const faSpinner = require("@fortawesome/free-solid-svg-icons/faSpinner");
-const reactFontawesome = require("@fortawesome/react-fontawesome");
-const formatAmount = require("@multiversx/sdk-dapp-utils/out/helpers/formatAmount");
-const react = require("@reown/appkit/react");
-const core = require("@wagmi/core");
-const debounce = require("lodash/debounce");
-const React = require("react");
-const reactToastify = require("react-toastify");
-const reactjs_components_BridgeForm_hooks_useBridgeTokenSelection = require("./hooks/useBridgeTokenSelection.js");
-const reactjs_components_BridgeForm_utils_bridgeFormHelpers = require("./utils/bridgeFormHelpers.js");
-const constants_index = require("../../../constants/index.js");
-const helpers_getApiURL = require("../../../helpers/getApiURL.js");
-const types_chainType = require("../../../types/chainType.js");
-const reactjs_context_useWeb3App = require("../../context/useWeb3App.js");
-const reactjs_helpers_resolveBridgeApiChainId = require("../../helpers/resolveBridgeApiChainId.js");
-const reactjs_hooks_useAccount = require("../../hooks/useAccount.js");
-const reactjs_hooks_useBridgeApiChainId = require("../../hooks/useBridgeApiChainId.js");
-const reactjs_hooks_useBridgeFormik = require("../../hooks/useBridgeFormik.js");
-const reactjs_hooks_useFetchBridgeData = require("../../hooks/useFetchBridgeData.js");
-const reactjs_hooks_useGetChainId = require("../../hooks/useGetChainId.js");
-const reactjs_hooks_useSendTransactions = require("../../hooks/useSendTransactions.js");
-const reactjs_hooks_useSignTransaction = require("../../hooks/useSignTransaction.js");
-const reactjs_queries_useGetHistory_query = require("../../queries/useGetHistory.query.js");
-const reactjs_queries_useGetRate_mutation = require("../../queries/useGetRate.mutation.js");
-const reactjs_utils_mxClsx = require("../../utils/mxClsx.js");
-const reactjs_components_AmountCard_AmountCard = require("../AmountCard/AmountCard.js");
-const reactjs_components_AmountInput_AmountInput = require("../AmountInput/AmountInput.js");
-const reactjs_components_base_MxButton_MxButton = require("../base/MxButton/MxButton.js");
-require("../base/MxCard/MxCard.js");
-require("../base/MxLink/MxLink.js");
-require("../base/MxSearch/MxSearch.js");
-require("@fortawesome/free-solid-svg-icons/faClose");
-require("@headlessui/react");
-require("react-dom");
-require("react-popper");
-require("../base/MxTooltip/components/TooltipContainer/TooltipContainer.js");
-require("../../constants/index.js");
-const reactjs_components_BridgeHistory_BridgeHistory = require("../BridgeHistory/BridgeHistory.js");
-const reactjs_components_Connect_BridgeConnectButton = require("../Connect/BridgeConnectButton.js");
-require("wagmi");
-const reactjs_components_Connect_MvxConnectButton = require("../Connect/MvxConnectButton.js");
-const reactjs_components_Connect_BridgeAccountDisplay = require("../Connect/BridgeAccountDisplay.js");
-const reactjs_components_Connect_MvxAccountDisplay = require("../Connect/MvxAccountDisplay.js");
-require("@reown/appkit-controllers");
-const reactjs_components_ToggleDirection_ToggleDirection = require("../ToggleDirection/ToggleDirection.js");
-const reactjs_components_TokenSelector_TokenSelector = require("../TokenSelector/TokenSelector.js");
-let fetchRateInterval;
-const Deposit = ({
-  mvxChainId,
-  mvxAddress,
-  username,
-  callbackRoute = "/",
-  firstTokenIdentifier,
-  secondTokenIdentifier,
-  firstTokenAmount,
-  secondTokenAmount,
-  refetchTrigger,
-  showHistory,
-  forcedDestinationTokenSymbol,
-  onSuccessfullySentTransaction,
-  onFailedSentTransaction,
-  onHistoryClose,
-  onMvxConnect,
-  onMvxDisconnect,
-  onNavigate,
-  onChangeDirection
-}) => {
-  var _a, _b;
-  const ref = React.useRef(null);
-  const [isTokenSelectorVisible, setIsTokenSelectorVisible] = React.useState(false);
-  const [pendingSigning, setPendingSigning] = React.useState(false);
-  const [forceRefetchRate, setForceRefetchRate] = React.useState(1);
-  const [siginingTransactionsCount, setSigningTransactionsCount] = React.useState(0);
-  const account = reactjs_hooks_useAccount.useAccount();
-  const { switchNetwork } = react.useAppKitNetwork();
-  const {
-    config,
-    options,
-    supportedChains: sdkChains,
-    nativeAuthToken,
-    bridgeOnly
-  } = reactjs_context_useWeb3App.useWeb3App();
-  const chainId = reactjs_hooks_useGetChainId.useGetChainId();
-  const bridgeApiChainId = reactjs_hooks_useBridgeApiChainId.useBridgeApiChainId();
-  const {
-    evmTokensWithBalances,
-    mvxTokensWithBalances,
-    isTokensLoading: tokensLoading,
-    isLoadingEvmTokensBalances,
-    isLoadingMvxTokensBalances,
-    chains = [],
-    isChainsLoading
-  } = reactjs_hooks_useFetchBridgeData.useFetchBridgeData({
-    refetchTrigger,
-    mvxAddress,
-    mvxApiURL: options.mvxApiURL
-  });
-  const isTokensLoading = tokensLoading || isLoadingEvmTokensBalances || isLoadingMvxTokensBalances || isChainsLoading;
-  const activeChain = React.useMemo(() => {
-    return sdkChains.find((chain) => reactjs_helpers_resolveBridgeApiChainId.sameBridgeApiChainId(chain.id, chainId));
-  }, [chainId, sdkChains]);
-  const mvxChain = React.useMemo(() => {
-    return chains.find(
-      (chain) => chain.chainId.toString() === mvxChainId.toString()
-    );
-  }, [chainId, chains]);
-  const { evm, solana, bitcoin, sui } = reactjs_hooks_useSignTransaction.useSignTransaction();
-  const sendTransactions = reactjs_hooks_useSendTransactions.useSendTransactions();
-  const {
-    mutate: getRate,
-    data: rate,
-    isPending: isPendingRate,
-    error: rateError
-  } = reactjs_queries_useGetRate_mutation.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 = React.useCallback(
-    (chain) => {
-      const sdkChain = sdkChains.find(
-        (c) => reactjs_helpers_resolveBridgeApiChainId.sameBridgeApiChainId(c.id, chain.id)
-      );
-      if (sdkChain) {
-        switchNetwork(sdkChain);
-      }
-    },
-    [sdkChains, switchNetwork]
-  );
-  const {
-    firstToken,
-    secondToken,
-    fromOptions,
-    toOptions,
-    selectedChainOption,
-    onChangeFirstSelect,
-    onChangeSecondSelect,
-    handleChangeDirection: handleTokenChangeDirection
-  } = reactjs_components_BridgeForm_hooks_useBridgeTokenSelection.useBridgeTokenSelection({
-    chains,
-    activeChain,
-    sdkChains,
-    switchNetwork: handleSwitchNetwork,
-    fromTokens: evmTokensWithBalances,
-    toTokens: mvxTokensWithBalances,
-    firstTokenIdentifier,
-    secondTokenIdentifier,
-    forcedDestinationTokenSymbol,
-    isTokensLoading,
-    callbackRoute,
-    onNavigate
-  });
-  const isFirstTokenMvx = React.useMemo(() => {
-    return firstToken ? constants_index.MVX_CHAIN_IDS.includes(firstToken.chainId.toString()) : false;
-  }, [firstToken == null ? void 0 : firstToken.chainId]);
-  const isSecondTokenMvx = React.useMemo(() => {
-    return secondToken ? constants_index.MVX_CHAIN_IDS.includes(secondToken.chainId.toString()) : false;
-  }, [secondToken == null ? void 0 : secondToken.chainId]);
-  const [firstAmount, setFirstAmount] = React.useState(firstTokenAmount ?? "");
-  const [secondAmount, setSecondAmount] = React.useState(secondTokenAmount ?? "");
-  const firstTokenChain = React.useMemo(() => {
-    if (!firstToken) {
-      return selectedChainOption;
-    }
-    return chains.find(
-      (chain) => reactjs_helpers_resolveBridgeApiChainId.sameBridgeApiChainId(chain.chainId, firstToken.chainId)
-    ) ?? selectedChainOption;
-  }, [firstToken == null ? void 0 : firstToken.chainId, chains, selectedChainOption]);
-  const bridgeFromChainId = React.useMemo(
-    () => reactjs_helpers_resolveBridgeApiChainId.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 = React.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 ?? "",
-        body: {
-          tokenIn: firstToken.address,
-          amountIn: amount,
-          fromChainId: bridgeFromChainId,
-          tokenOut: secondToken.address,
-          toChainId: mvxChainId
-        }
-      });
-    }, 500),
-    [
-      account.address,
-      bridgeFromChainId,
-      firstToken == null ? void 0 : firstToken.address,
-      secondToken == null ? void 0 : secondToken.address,
-      selectedChainOption
-    ]
-  );
-  const handleOnChangeFirstAmount = React.useCallback((amount) => {
-    setFirstAmount(() => amount);
-  }, []);
-  const handleOnChangeSecondAmount = React.useCallback((amount) => {
-    setSecondAmount(() => amount);
-  }, []);
-  const handleHistoryClose = React.useCallback(() => {
-    onHistoryClose == null ? void 0 : onHistoryClose();
-  }, [onHistoryClose]);
-  const handleOnFirstMaxBtnChange = React.useCallback(() => {
-    const formattedBalance = formatAmount.formatAmount({
-      decimals: firstToken == null ? void 0 : firstToken.decimals,
-      input: (firstToken == null ? void 0 : firstToken.balance) ?? "0",
-      addCommas: false,
-      digits: 4
-    });
-    formik.setFieldValue("firstAmount", formattedBalance);
-    handleOnChangeFirstAmount(formattedBalance);
-  }, [firstToken == null ? void 0 : firstToken.balance, firstToken == null ? void 0 : firstToken.decimals, handleOnChangeFirstAmount]);
-  const onSuccess = React.useCallback(
-    async (txHashes) => {
-      handleOnChangeFirstAmount("");
-      handleOnChangeSecondAmount("");
-      reactjs_queries_useGetHistory_query.invalidateHistoryQuery();
-      reactjs_queries_useGetHistory_query.invalidateHistoryQuery();
-      onSuccessfullySentTransaction == null ? void 0 : onSuccessfullySentTransaction(txHashes);
-    },
-    [
-      handleOnChangeFirstAmount,
-      handleOnChangeSecondAmount,
-      onSuccessfullySentTransaction
-    ]
-  );
-  const handleChangeDirection = () => {
-    handleTokenChangeDirection();
-    onChangeDirection();
-  };
-  React.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)
-      );
-      if (!selectedOption) {
-        return;
-      }
-      onChangeFirstSelect(selectedOption);
-    }
-  }, [selectedChainOption == null ? void 0 : selectedChainOption.chainId]);
-  const onSubmit = React.useCallback(
-    async ({
-      transactions,
-      provider
-    }) => {
-      var _a2, _b2, _c;
-      const signedTransactions = [];
-      setPendingSigning(true);
-      setSigningTransactionsCount(() => transactions.length);
-      try {
-        let txIndex = -1;
-        for (const transaction of transactions) {
-          ++txIndex;
-          try {
-            switch (reactjs_components_BridgeForm_utils_bridgeFormHelpers.resolveSigningChainType(transaction, firstTokenChain)) {
-              case types_chainType.ChainType.evm: {
-                const hash = await evm.signTransaction({
-                  ...transaction,
-                  value: BigInt(transaction.value),
-                  gas: BigInt(transaction.gasLimit),
-                  account: bridgeAddress
-                });
-                if (!hash) {
-                  break;
-                }
-                signedTransactions.push({
-                  ...transaction,
-                  txHash: hash
-                });
-                if (txIndex === transactions.length - 1 || !hash) {
-                  break;
-                }
-                const transactionReceipt = await core.waitForTransactionReceipt(
-                  config,
-                  {
-                    confirmations: 1,
-                    hash
-                  }
-                );
-                console.info({
-                  transactionReceipt,
-                  hash
-                });
-                break;
-              }
-              case types_chainType.ChainType.sol:
-                if (!transaction.instructions || !transaction.feePayer) {
-                  break;
-                }
-                const txHash = await solana.signTransaction({
-                  feePayer: transaction.feePayer,
-                  instructions: transaction.instructions,
-                  recentBlockhash: transaction.recentBlockhash
-                });
-                if (!txHash) {
-                  break;
-                }
-                signedTransactions.push({
-                  ...transaction,
-                  txHash
-                });
-                break;
-              case types_chainType.ChainType.btc:
-                if (!transaction.bitcoinParams) {
-                  console.error("No bitcoin params");
-                  break;
-                }
-                const psbt = await bitcoin.signTransaction(
-                  transaction.bitcoinParams
-                );
-                signedTransactions.push({
-                  ...transaction,
-                  txHash: psbt
-                });
-                break;
-              case types_chainType.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) {
-                  console.error("No Sui transaction bytes or sender address");
-                  break;
-                }
-                const signature = await sui.signTransaction({
-                  transaction: serializedTx,
-                  address: sender
-                });
-                if (!signature) {
-                  break;
-                }
-                signedTransactions.push({
-                  ...transaction,
-                  suiParams: {
-                    ...transaction.suiParams,
-                    signature
-                  }
-                });
-                break;
-              }
-              default:
-                reactToastify.toast.error("Provider not supported");
-                setPendingSigning(false);
-                return;
-            }
-            setSigningTransactionsCount(
-              () => transactions.length - 1 - txIndex
-            );
-          } catch (e) {
-            reactToastify.toast.dismiss();
-            reactToastify.toast.error("Transaction aborted");
-            onFailedSentTransaction == null ? void 0 : onFailedSentTransaction("Transaction aborted");
-            setPendingSigning(false);
-            return;
-          }
-        }
-        const { data: batch } = await sendTransactions({
-          transactions: signedTransactions,
-          provider,
-          url: helpers_getApiURL.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);
-        reactToastify.toast.dismiss();
-        reactToastify.toast.error("Transaction cancelled");
-        onFailedSentTransaction == null ? void 0 : onFailedSentTransaction("Transaction cancelled");
-        setPendingSigning(false);
-        setSigningTransactionsCount(0);
-        resetSwapForm();
-        handleOnChangeFirstAmount("");
-        handleOnChangeSecondAmount("");
-      }
-    },
-    [
-      firstTokenChain == null ? void 0 : firstTokenChain.chainType,
-      bridgeAddress,
-      config,
-      handleOnChangeFirstAmount,
-      handleOnChangeSecondAmount,
-      nativeAuthToken,
-      onSuccess,
-      sendTransactions,
-      bitcoin.signTransaction,
-      evm.signTransaction,
-      solana.signTransaction,
-      sui.signTransaction
-    ]
-  );
-  const {
-    formik,
-    firstAmountError,
-    secondAmountError,
-    fromChainError,
-    handleBlur,
-    handleChange,
-    handleSubmit,
-    resetSwapForm
-  } = reactjs_hooks_useBridgeFormik.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 = React.useMemo(() => {
-    return firstAmount !== "" ? rateValidationError ?? firstAmountError : void 0;
-  }, [firstAmountError, firstAmount, rateValidationError]);
-  const amountErrorSecondInput = React.useMemo(() => {
-    return secondAmount !== "" ? fromChainError ?? secondAmountError : void 0;
-  }, [fromChainError, secondAmountError, secondAmount]);
-  React.useEffect(() => {
-    if (!firstAmount) {
-      setSecondAmount("");
-    }
-    fetchRateDebounced(firstAmount);
-    if (fetchRateInterval) {
-      clearInterval(fetchRateInterval);
-    }
-    fetchRateInterval = setInterval(() => {
-      fetchRateDebounced(firstAmount);
-    }, 50 * 1e3);
-    return () => clearInterval(fetchRateInterval);
-  }, [firstAmount, forceRefetchRate, fetchRateDebounced]);
-  React.useEffect(() => {
-    if (!(rate == null ? void 0 : rate.amountOut)) {
-      return;
-    }
-    formik.setFieldValue(reactjs_hooks_useBridgeFormik.BridgeFormikValuesEnum.secondAmount, rate.amountOut);
-    setSecondAmount(rate.amountOut);
-  }, [rate == null ? void 0 : rate.amountOut]);
-  React.useEffect(() => {
-    if (rateValidationError) {
-      formik.setFieldValue(reactjs_hooks_useBridgeFormik.BridgeFormikValuesEnum.secondAmount, "0");
-      setSecondAmount("0");
-    }
-  }, [rateValidationError]);
-  React.useEffect(() => {
-    if (firstTokenAmount) {
-      formik.setFieldValue(
-        reactjs_hooks_useBridgeFormik.BridgeFormikValuesEnum.firstAmount,
-        firstTokenAmount
-      );
-      handleOnChangeFirstAmount(firstTokenAmount);
-    }
-  }, []);
-  React.useEffect(() => {
-    if (secondTokenAmount) {
-      formik.setFieldValue(
-        reactjs_hooks_useBridgeFormik.BridgeFormikValuesEnum.secondAmount,
-        secondTokenAmount
-      );
-      handleOnChangeSecondAmount(secondTokenAmount);
-    }
-  }, [secondTokenAmount]);
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(
-    "form",
-    {
-      ref,
-      noValidate: true,
-      className: "liq-flex liq-flex-col liq-gap-1 liq-relative",
-      autoComplete: "off",
-      onSubmit: handleSubmit,
-      children: [
-        showHistory && /* @__PURE__ */ jsxRuntime.jsx(reactjs_components_BridgeHistory_BridgeHistory.BridgeHistory, { mvxAddress, onClose: handleHistoryClose }),
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          reactjs_components_AmountCard_AmountCard.AmountCard,
-          {
-            className: reactjs_utils_mxClsx.mxClsx(
-              "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
-              }
-            ),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liq-flex liq-items-center liq-gap-1", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { children: "From" }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  reactjs_components_Connect_BridgeAccountDisplay.BridgeAccountDisplay,
-                  {
-                    disabled: isPendingRate,
-                    activeChain: firstTokenChain
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liq-flex liq-justify-between liq-gap-1", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  reactjs_components_AmountInput_AmountInput.AmountInput,
-                  {
-                    inputName: "firstAmount",
-                    inputValue: formik.values.firstAmount,
-                    amountError: amountErrorFirstInput,
-                    disabled: false,
-                    onInputDebounceChange: handleOnChangeFirstAmount,
-                    onInputChange: handleChange,
-                    onBlur: handleBlur
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  reactjs_components_TokenSelector_TokenSelector.TokenSelector,
-                  {
-                    name: "firstToken",
-                    disabled: isPendingRate,
-                    options: fromOptions,
-                    areOptionsLoading: isTokensLoading,
-                    isMvxSelector: isFirstTokenMvx,
-                    isDestination: false,
-                    color: "neutral-850",
-                    onChange: onChangeFirstSelect,
-                    onBlur: handleBlur,
-                    onMaxBtnClick: handleOnFirstMaxBtnChange,
-                    selectedOption: firstToken,
-                    onTokenSelectorDisplay: (visible) => setIsTokenSelectorVisible(visible)
-                  }
-                )
-              ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-absolute liq-left-[6%] liq-top-[40%] -liq-mt-1 liq-z-10", children: bridgeOnly && /* @__PURE__ */ jsxRuntime.jsx(reactjs_components_ToggleDirection_ToggleDirection.ToggleDirection, { onChangeDirection: handleChangeDirection }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          reactjs_components_AmountCard_AmountCard.AmountCard,
-          {
-            className: reactjs_utils_mxClsx.mxClsx(
-              "liq-pb-8 liq-pt-6 hover:liq-bg-neutral-700/50 sm:liq-pb-6",
-              {
-                "liq-pointer-events-none": isTokenSelectorVisible
-              }
-            ),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liq-flex liq-items-center liq-gap-1", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { children: "To" }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  reactjs_components_Connect_MvxAccountDisplay.MvxAccountDisplay,
-                  {
-                    accountAddress: mvxAddress,
-                    chainIcon: (mvxChain == null ? void 0 : mvxChain.pngUrl) ?? "",
-                    username,
-                    accountExplorerUrl: `${options.mvxExplorerAddress}/accounts/${mvxAddress}`,
-                    showTag: true,
-                    onDisconnect: onMvxDisconnect,
-                    onConnect: onMvxConnect
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liq-flex liq-justify-between liq-gap-1", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  reactjs_components_AmountInput_AmountInput.AmountInput,
-                  {
-                    inputName: "secondAmount",
-                    inputValue: formik.values.secondAmount,
-                    amountError: amountErrorSecondInput,
-                    disabled: false,
-                    onInputDebounceChange: handleOnChangeSecondAmount,
-                    onInputChange: handleChange,
-                    onBlur: handleBlur
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  reactjs_components_TokenSelector_TokenSelector.TokenSelector,
-                  {
-                    name: "secondToken",
-                    disabled: isPendingRate,
-                    omitDisableClass: true,
-                    options: toOptions,
-                    areOptionsLoading: isTokensLoading,
-                    isMvxSelector: isSecondTokenMvx,
-                    color: "neutral-850",
-                    onChange: onChangeSecondSelect,
-                    onBlur: handleBlur,
-                    selectedOption: secondToken
-                  }
-                )
-              ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liq-flex liq-items-center liq-justify-center", children: [
-          !mvxAddress && /* @__PURE__ */ jsxRuntime.jsx(
-            reactjs_components_Connect_MvxConnectButton.MvxConnectButton,
-            {
-              mvxAccountAddress: mvxAddress,
-              icon: (mvxChain == null ? void 0 : mvxChain.pngUrl) ?? "",
-              onClick: onMvxConnect
-            }
-          ),
-          mvxAddress && !isAuthenticated && /* @__PURE__ */ jsxRuntime.jsx(
-            reactjs_components_Connect_BridgeConnectButton.BridgeConnectButton,
-            {
-              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
-            }
-          ),
-          mvxAddress && isAuthenticated && /* @__PURE__ */ jsxRuntime.jsxs(
-            reactjs_components_base_MxButton_MxButton.MxButton,
-            {
-              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,
-              children: [
-                hasAmounts && !pendingSigning && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liq-flex liq-justify-center liq-items-center liq-gap-2", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { children: "Deposit on " }),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    "img",
-                    {
-                      src: (mvxChain == null ? void 0 : mvxChain.pngUrl) ?? "",
-                      alt: "",
-                      className: "liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { children: "MultiversX" })
-                ] }),
-                !hasAmounts && !pendingSigning && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "liq-text-neutral-100", children: "Enter amount" }),
-                pendingSigning && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liq-flex liq-justify-center liq-items-center liq-gap-2", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    reactFontawesome.FontAwesomeIcon,
-                    {
-                      icon: faSpinner.faSpinner,
-                      spin: true,
-                      className: "liq-mx-1 liq-flex liq-items-center"
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { children: "Depositing on" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    "img",
-                    {
-                      src: (mvxChain == null ? void 0 : mvxChain.pngUrl) ?? "",
-                      alt: "",
-                      className: "liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { children: "MultiversX" })
-                ] })
-              ]
-            }
-          )
-        ] }),
-        account.address && siginingTransactionsCount > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-flex liq-items-center liq-justify-center liq-text-neutral-300 liq-text-sm", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          "You will be asked to sign ",
-          siginingTransactionsCount,
-          " ",
-          siginingTransactionsCount > 1 ? "transactions" : "transaction",
-          " ",
-          "on your wallet"
-        ] }) })
-      ]
-    }
-  ) });
-};
-exports.Deposit = Deposit;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),js=require("@fortawesome/free-solid-svg-icons/faSpinner"),Is=require("@fortawesome/react-fontawesome"),Cs=require("@multiversx/sdk-dapp-utils/out/helpers/formatAmount"),Bs=require("@reown/appkit/react"),vs=require("@wagmi/core"),ys=require("lodash/debounce"),t=require("react"),k=require("react-toastify"),As=require("./hooks/useBridgeTokenSelection.js"),ks=require("./utils/bridgeFormHelpers.js"),Se=require("../../../constants/index.js"),Ss=require("../../../helpers/getApiURL.js");require("../../constants/index.js");const H=require("../../../helpers/safeImageUrl.js"),L=require("../../../types/chainType.js"),ws=require("../../context/useWeb3App.js"),T=require("../../helpers/resolveBridgeApiChainId.js"),Ns=require("../../hooks/useAccount.js"),Ms=require("../../hooks/useBridgeApiChainId.js"),S=require("../../hooks/useBridgeFormik.js"),Ds=require("../../hooks/useFetchBridgeData.js"),Fs=require("../../hooks/useGetChainId.js"),Rs=require("../../hooks/useSendTransactions.js"),Es=require("../../hooks/useSignTransaction.js"),Vs=require("../../queries/useGetHistory.query.js"),Ps=require("../../queries/useGetRate.mutation.js"),we=require("../../utils/mxClsx.js"),Ne=require("../AmountCard/AmountCard.js"),Me=require("../AmountInput/AmountInput.js"),Us=require("../base/MxButton/MxButton.js");require("../base/MxCard/MxCard.js");require("../base/MxLink/MxLink.js");require("../base/MxSearch/MxSearch.js");require("@fortawesome/free-solid-svg-icons/faClose");require("@headlessui/react");require("react-dom");require("react-popper");require("../base/MxTooltip/components/TooltipContainer/TooltipContainer.js");const Hs=require("../BridgeHistory/BridgeHistory.js"),Ls=require("../Connect/BridgeConnectButton.js");require("wagmi");const Ts=require("../Connect/MvxConnectButton.js"),Os=require("../Connect/BridgeAccountDisplay.js"),Gs=require("../Connect/MvxAccountDisplay.js");require("@reown/appkit-controllers");const Ws=require("../ToggleDirection/ToggleDirection.js"),De=require("../TokenSelector/TokenSelector.js");let O;const Xs=({mvxChainId:G,mvxAddress:c,username:Fe,callbackRoute:Re="/",firstTokenIdentifier:Ee,secondTokenIdentifier:Ve,firstTokenAmount:w,secondTokenAmount:j,refetchTrigger:Pe,showHistory:Ue,forcedDestinationTokenSymbol:He,onSuccessfullySentTransaction:N,onFailedSentTransaction:f,onHistoryClose:M,onMvxConnect:re,onMvxDisconnect:Le,onNavigate:Te,onChangeDirection:Oe})=>{var je,Ie;const Ge=t.useRef(null),ae=t.useRef(void 0),[W,We]=t.useState(!1),[D,I]=t.useState(!1),[Xe,ze]=t.useState(1),[X,z]=t.useState(0),g=Ns.useAccount(),{switchNetwork:oe}=Bs.useAppKitNetwork(),ce=Vs.useInvalidateHistoryQuery(),{config:le,options:ue,supportedChains:C,nativeAuthToken:Q,bridgeOnly:Qe}=ws.useWeb3App(),$=Fs.useGetChainId(),de=Ms.useBridgeApiChainId(),{evmTokensWithBalances:$e,mvxTokensWithBalances:Ke,isTokensLoading:Ye,isLoadingEvmTokensBalances:Je,isLoadingMvxTokensBalances:Ze,chains:B=[],isChainsLoading:es}=Ds.useFetchBridgeData({refetchTrigger:Pe,mvxAddress:c,mvxApiURL:ue.mvxApiURL}),K=Ye||Je||Ze||es,ss=t.useMemo(()=>C.find(n=>T.sameBridgeApiChainId(n.id,$)),[$,C]),o=t.useMemo(()=>B.find(n=>n.chainId.toString()===G.toString()),[$,B]),{evm:me,solana:he,bitcoin:ge,sui:pe}=Es.useSignTransaction(),qe=Rs.useSendTransactions(),{mutate:ts,data:u,isPending:v,error:b}=Ps.useGetRateMutation(),y=((je=b==null?void 0:b.response)==null?void 0:je.status)===400?(Ie=b==null?void 0:b.response)==null?void 0:Ie.data.message:void 0,ns=t.useCallback(n=>{const q=C.find(l=>T.sameBridgeApiChainId(l.id,n.id));q&&oe(q)},[C,oe]),{firstToken:e,secondToken:a,fromOptions:F,toOptions:is,selectedChainOption:r,onChangeFirstSelect:fe,onChangeSecondSelect:rs,handleChangeDirection:as}=As.useBridgeTokenSelection({chains:B,activeChain:ss,sdkChains:C,switchNetwork:ns,fromTokens:$e,toTokens:Ke,firstTokenIdentifier:Ee,secondTokenIdentifier:Ve,forcedDestinationTokenSymbol:He,isTokensLoading:K,callbackRoute:Re,onNavigate:Te}),os=t.useMemo(()=>e?Se.MVX_CHAIN_IDS.includes(e.chainId.toString()):!1,[e==null?void 0:e.chainId]),cs=t.useMemo(()=>a?Se.MVX_CHAIN_IDS.includes(a.chainId.toString()):!1,[a==null?void 0:a.chainId]),[d,ls]=t.useState(w??""),[R,E]=t.useState(j??""),x=t.useMemo(()=>e?B.find(n=>T.sameBridgeApiChainId(n.chainId,e.chainId))??r:r,[e==null?void 0:e.chainId,B,r]),V=t.useMemo(()=>T.toBridgeApiChainId(e==null?void 0:e.chainId)??de,[e==null?void 0:e.chainId,de]),Y=g.address,be=g.isConnected&&!!Y,J=d!==""&&R!=="",Z=t.useCallback(ys(async n=>{!n||!Number(n)||!g.address||!(e!=null&&e.address)||!(a!=null&&a.address)||!r||!V||ts({nativeAuthToken:Q??"",body:{tokenIn:e.address,amountIn:n,fromChainId:V,tokenOut:a.address,toChainId:G}})},500),[g.address,V,e==null?void 0:e.address,a==null?void 0:a.address,r]),m=t.useCallback(n=>{ls(()=>n)},[]),_=t.useCallback(n=>{E(()=>n)},[]),us=t.useCallback(()=>{M==null||M()},[M]),ds=t.useCallback(()=>{const n=Cs.formatAmount({decimals:e==null?void 0:e.decimals,input:(e==null?void 0:e.balance)??"0",addCommas:!1,digits:4});p.setFieldValue("firstAmount",n),m(n)},[e==null?void 0:e.balance,e==null?void 0:e.decimals,m]),xe=t.useCallback(async n=>{m(""),_(""),ce(),ce(),N==null||N(n)},[m,_,N]),ms=()=>{as(),Oe()};t.useEffect(()=>{const n=ae.current;if(ae.current=r==null?void 0:r.chainId,!!n&&(r==null?void 0:r.chainId)!==(e==null?void 0:e.chainId)){const q=F==null?void 0:F.find(l=>l.chainId.toString()===(r==null?void 0:r.chainId));if(!q)return;fe(q)}},[r==null?void 0:r.chainId]);const hs=t.useCallback(async({transactions:n,provider:q})=>{var Ce,Be,ve;const l=[];I(!0),z(()=>n.length);try{let A=-1;for(const i of n){++A;try{switch(ks.resolveSigningChainType(i,x)){case L.ChainType.evm:{const h=await me.signTransaction({...i,value:BigInt(i.value),gas:BigInt(i.gasLimit),account:Y});if(!h||(l.push({...i,txHash:h}),A===n.length-1||!h))break;const U=await vs.waitForTransactionReceipt(le,{confirmations:1,hash:h});console.info({transactionReceipt:U,hash:h});break}case L.ChainType.sol:if(!i.instructions||!i.feePayer)break;const ie=await he.signTransaction({feePayer:i.feePayer,instructions:i.instructions,recentBlockhash:i.recentBlockhash});if(!ie)break;l.push({...i,txHash:ie});break;case L.ChainType.btc:if(!i.bitcoinParams){console.error("No bitcoin params");break}const _s=await ge.signTransaction(i.bitcoinParams);l.push({...i,txHash:_s});break;case L.ChainType.sui:{const h=(Ce=i.suiParams)==null?void 0:Ce.transactionBytes,U=(Be=i.suiParams)==null?void 0:Be.sender;if(!h||!U){console.error("No Sui transaction bytes or sender address");break}const ke=await pe.signTransaction({transaction:h,address:U});if(!ke)break;l.push({...i,suiParams:{...i.suiParams,signature:ke}});break}default:k.toast.error("Provider not supported"),I(!1);return}z(()=>n.length-1-A)}catch{k.toast.dismiss(),k.toast.error("Transaction aborted"),f==null||f("Transaction aborted"),I(!1);return}}const{data:ne}=await qe({transactions:l,provider:q,url:Ss.getApiURL()??"",token:Q??""}),ye=((ve=ne.transactions)==null?void 0:ve.map(i=>i.txHash).filter(i=>!!i))??[],Ae=l.map(i=>i.txHash).filter(i=>!!i),xs=ye.length>0?ye:Ae.length>0?Ae:ne.batchId?[ne.batchId]:[];xe(xs),I(!1)}catch(A){console.error(A),k.toast.dismiss(),k.toast.error("Transaction cancelled"),f==null||f("Transaction cancelled"),I(!1),z(0),ps(),m(""),_("")}},[x==null?void 0:x.chainType,Y,le,m,_,Q,xe,qe,ge.signTransaction,me.signTransaction,he.signTransaction,pe.signTransaction]),{formik:p,firstAmountError:ee,secondAmountError:se,fromChainError:te,handleBlur:P,handleChange:_e,handleSubmit:gs,resetSwapForm:ps}=S.useBridgeFormik({isMvxConnected:!!c,rate:u,sender:g.address??"",receiver:c??"",firstToken:e,firstAmount:d,fromChainId:V,toChainId:G,secondToken:a,secondAmount:R,setForceRefetchRate:ze,onSubmit:hs}),qs=!!(ee||se||te||y),fs=t.useMemo(()=>d!==""?y??ee:void 0,[ee,d,y]),bs=t.useMemo(()=>R!==""?te??se:void 0,[te,se,R]);return t.useEffect(()=>(d||E(""),Z(d),O&&clearInterval(O),O=setInterval(()=>{Z(d)},50*1e3),()=>clearInterval(O)),[d,Xe,Z]),t.useEffect(()=>{u!=null&&u.amountOut&&(p.setFieldValue(S.BridgeFormikValuesEnum.secondAmount,u.amountOut),E(u.amountOut))},[u==null?void 0:u.amountOut]),t.useEffect(()=>{y&&(p.setFieldValue(S.BridgeFormikValuesEnum.secondAmount,"0"),E("0"))},[y]),t.useEffect(()=>{w&&(p.setFieldValue(S.BridgeFormikValuesEnum.firstAmount,w),m(w))},[]),t.useEffect(()=>{j&&(p.setFieldValue(S.BridgeFormikValuesEnum.secondAmount,j),_(j))},[j]),s.jsx(s.Fragment,{children:s.jsxs("form",{ref:Ge,noValidate:!0,className:"liq-flex liq-flex-col liq-gap-1 liq-relative",autoComplete:"off",onSubmit:gs,children:[Ue&&s.jsx(Hs.BridgeHistory,{mvxAddress:c,onClose:us}),s.jsxs(Ne.AmountCard,{className:we.mxClsx("liq-pb-8 liq-pt-6 hover:liq-bg-neutral-700/50 sm:liq-pb-6",{"liq-pointer-events-none":W,"focus-within:liq-outline-neutral-700/75 hover:liq-outline-neutral-700/55 hover:focus-within:liq-outline-neutral-700/80":!W}),children:[s.jsxs("div",{className:"liq-flex liq-items-center liq-gap-1",children:[s.jsx("span",{children:"From"}),s.jsx(Os.BridgeAccountDisplay,{disabled:v,activeChain:x})]}),s.jsxs("div",{className:"liq-flex liq-justify-between liq-gap-1",children:[s.jsx(Me.AmountInput,{inputName:"firstAmount",inputValue:p.values.firstAmount,amountError:fs,disabled:!1,onInputDebounceChange:m,onInputChange:_e,onBlur:P}),s.jsx(De.TokenSelector,{name:"firstToken",disabled:v,options:F,areOptionsLoading:K,isMvxSelector:os,isDestination:!1,color:"neutral-850",onChange:fe,onBlur:P,onMaxBtnClick:ds,selectedOption:e,onTokenSelectorDisplay:n=>We(n)})]})]}),s.jsx("div",{className:"liq-absolute liq-left-[6%] liq-top-[40%] -liq-mt-1 liq-z-10",children:Qe&&s.jsx(Ws.ToggleDirection,{onChangeDirection:ms})}),s.jsxs(Ne.AmountCard,{className:we.mxClsx("liq-pb-8 liq-pt-6 hover:liq-bg-neutral-700/50 sm:liq-pb-6",{"liq-pointer-events-none":W}),children:[s.jsxs("div",{className:"liq-flex liq-items-center liq-gap-1",children:[s.jsx("span",{children:"To"}),s.jsx(Gs.MvxAccountDisplay,{accountAddress:c,chainIcon:H.safeImageUrl(o==null?void 0:o.pngUrl),username:Fe,accountExplorerUrl:`${ue.mvxExplorerAddress}/accounts/${c}`,showTag:!0,onDisconnect:Le,onConnect:re})]}),s.jsxs("div",{className:"liq-flex liq-justify-between liq-gap-1",children:[s.jsx(Me.AmountInput,{inputName:"secondAmount",inputValue:p.values.secondAmount,amountError:bs,disabled:!1,onInputDebounceChange:_,onInputChange:_e,onBlur:P}),s.jsx(De.TokenSelector,{name:"secondToken",disabled:v,omitDisableClass:!0,options:is,areOptionsLoading:K,isMvxSelector:cs,color:"neutral-850",onChange:rs,onBlur:P,selectedOption:a})]})]}),s.jsxs("div",{className:"liq-flex liq-items-center liq-justify-center",children:[!c&&s.jsx(Ts.MvxConnectButton,{mvxAccountAddress:c,icon:H.safeImageUrl(o==null?void 0:o.pngUrl),onClick:re}),c&&!be&&s.jsx(Ls.BridgeConnectButton,{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:v,activeChain:x}),c&&be&&s.jsxs(Us.MxButton,{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:!J||v||!c||!g.address||qs||D,children:[J&&!D&&s.jsxs("div",{className:"liq-flex liq-justify-center liq-items-center liq-gap-2",children:[s.jsx("div",{children:"Deposit on "}),s.jsx("img",{src:H.safeImageUrl(o==null?void 0:o.pngUrl),alt:"",className:"liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"}),s.jsx("div",{children:"MultiversX"})]}),!J&&!D&&s.jsx("span",{className:"liq-text-neutral-100",children:"Enter amount"}),D&&s.jsxs("div",{className:"liq-flex liq-justify-center liq-items-center liq-gap-2",children:[s.jsx(Is.FontAwesomeIcon,{icon:js.faSpinner,spin:!0,className:"liq-mx-1 liq-flex liq-items-center"}),s.jsx("div",{children:"Depositing on"}),s.jsx("img",{src:H.safeImageUrl(o==null?void 0:o.pngUrl),alt:"",className:"liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"}),s.jsx("div",{children:"MultiversX"})]})]})]}),g.address&&X>0&&s.jsx("div",{className:"liq-flex liq-items-center liq-justify-center liq-text-neutral-300 liq-text-sm",children:s.jsxs("div",{children:["You will be asked to sign ",X," ",X>1?"transactions":"transaction"," ","on your wallet"]})})]})})};exports.Deposit=Xs;