@multiversx/sdk-dapp-liquidity 1.1.1-alpha.0 → 1.1.1-alpha.1

package/package.json

@@ -28,7 +28,7 @@
   },
   "homepage": "https://github.com/multiversx/mx-sdk-dapp-liquidity#readme",
   "license": "MIT",
-  "version": "1.1.1-alpha.0",
+  "version": "1.1.1-alpha.1",
   "main": "index.js",
   "module": "index.mjs",
   "types": "index.d.ts",

package/reactjs/components/BridgeForm/BridgeForm.d.ts

@@ -12,10 +12,12 @@ interface BridgeFormProps {
     forcedDestinationTokenSymbol?: string;
     onSuccessfullySentTransaction?: (txHashes?: string[]) => void;
     onFailedSentTransaction?: (message?: string) => void;
+    onSuccessfullySentMvxTransaction?: (txHashes?: string[]) => void;
+    onFailedSentMvxTransaction?: (message?: string) => void;
     onHistoryClose?: () => void;
     onMvxConnect: () => void;
     onMvxDisconnect?: () => void;
     onNavigate?: (url: string, options?: object) => void;
 }
-export declare const BridgeForm: ({ mvxChainId, mvxAddress, username, callbackRoute, firstTokenIdentifier, secondTokenIdentifier, firstTokenAmount, secondTokenAmount, refetchTrigger, showHistory, forcedDestinationTokenSymbol, onSuccessfullySentTransaction, onFailedSentTransaction, onMvxConnect, onMvxDisconnect, onHistoryClose, onNavigate }: BridgeFormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BridgeForm: ({ mvxChainId, mvxAddress, username, callbackRoute, firstTokenIdentifier, secondTokenIdentifier, firstTokenAmount, secondTokenAmount, refetchTrigger, showHistory, forcedDestinationTokenSymbol, onSuccessfullySentTransaction, onSuccessfullySentMvxTransaction, onFailedSentMvxTransaction, onFailedSentTransaction, onMvxConnect, onMvxDisconnect, onHistoryClose, onNavigate }: BridgeFormProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/reactjs/components/BridgeForm/BridgeForm.js

@@ -18,6 +18,8 @@ const BridgeForm = ({
   showHistory,
   forcedDestinationTokenSymbol,
   onSuccessfullySentTransaction,
+  onSuccessfullySentMvxTransaction,
+  onFailedSentMvxTransaction,
   onFailedSentTransaction,
   onMvxConnect,
   onMvxDisconnect,
@@ -26,7 +28,6 @@ const BridgeForm = ({
 }) => {
   const [direction, setDirection] = React.useState("deposit");
   const handleChangeDirection = () => {
-    console.log("handleChangeDirection", direction);
     setDirection(
       (prevState) => prevState === "deposit" ? "withdraw" : "deposit"
     );
@@ -70,8 +71,8 @@ const BridgeForm = ({
       forcedDestinationTokenSymbol,
       direction,
       onChangeDirection: handleChangeDirection,
-      onSuccessfullySentTransaction,
-      onFailedSentTransaction,
+      onSuccessfullySentTransaction: onSuccessfullySentMvxTransaction,
+      onFailedSentTransaction: onFailedSentMvxTransaction,
       onHistoryClose,
       onMvxConnect,
       onMvxDisconnect,

package/reactjs/components/BridgeForm/BridgeForm.mjs

@@ -15,6 +15,8 @@ const BridgeForm = ({
   showHistory,
   forcedDestinationTokenSymbol,
   onSuccessfullySentTransaction,
+  onSuccessfullySentMvxTransaction,
+  onFailedSentMvxTransaction,
   onFailedSentTransaction,
   onMvxConnect,
   onMvxDisconnect,
@@ -23,7 +25,6 @@ const BridgeForm = ({
 }) => {
   const [direction, setDirection] = useState("deposit");
   const handleChangeDirection = () => {
-    console.log("handleChangeDirection", direction);
     setDirection(
       (prevState) => prevState === "deposit" ? "withdraw" : "deposit"
     );
@@ -67,8 +68,8 @@ const BridgeForm = ({
       forcedDestinationTokenSymbol,
       direction,
       onChangeDirection: handleChangeDirection,
-      onSuccessfullySentTransaction,
-      onFailedSentTransaction,
+      onSuccessfullySentTransaction: onSuccessfullySentMvxTransaction,
+      onFailedSentTransaction: onFailedSentMvxTransaction,
       onHistoryClose,
       onMvxConnect,
       onMvxDisconnect,

package/reactjs/components/BridgeForm/Deposit.js

@@ -2,7 +2,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
 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");
@@ -42,6 +41,7 @@ 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");
+const reactjs_components_ToggleDirection_ToggleDirection = require("../ToggleDirection/ToggleDirection.js");
 const reactjs_components_TokenSelector_TokenSelector = require("../TokenSelector/TokenSelector.js");
 const viem = require("viem");
 const actions = require("viem/actions");
@@ -332,9 +332,7 @@ const Deposit = ({
     },
     [fromOptions, updateUrlParams]
   );
-  const handleChangeDirection = (e) => {
-    e.preventDefault();
-    e.stopPropagation();
+  const handleChangeDirection = () => {
     if (!firstToken || !secondToken) {
       return;
     }
@@ -622,7 +620,6 @@ const Deposit = ({
     });
   }, [mvxTokensWithBalances, secondToken == null ? void 0 : secondToken.address]);
   React.useEffect(() => {
-    console.log("Deposit");
     if (firstTokenAmount) {
       formik.setFieldValue(
         reactjs_hooks_useBridgeFormik.BridgeFormikValuesEnum.firstAmount,
@@ -704,13 +701,7 @@ const Deposit = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("button", { className: "inline-block", onClick: handleChangeDirection, children: /* @__PURE__ */ jsxRuntime.jsx(
-          reactFontawesome.FontAwesomeIcon,
-          {
-            icon: freeSolidSvgIcons.faExchangeAlt,
-            className: "liq-h-6 liq-w-6 liq-text-neutral-100 liq-mx-auto liq-my-2"
-          }
-        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-absolute liq-left-[6%] liq-top-[40%] -liq-mt-1 liq-z-10", children: /* @__PURE__ */ jsxRuntime.jsx(reactjs_components_ToggleDirection_ToggleDirection.ToggleDirection, { onChangeDirection: handleChangeDirection }) }),
         /* @__PURE__ */ jsxRuntime.jsxs(
           reactjs_components_AmountCard_AmountCard.AmountCard,
           {

package/reactjs/components/BridgeForm/Deposit.mjs

@@ -1,5 +1,4 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { faExchangeAlt } from "@fortawesome/free-solid-svg-icons";
 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";
@@ -39,6 +38,7 @@ import "wagmi";
 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";
 import { hexToString } from "viem";
 import { waitForTransactionReceipt as waitForTransactionReceipt$1, getTransaction, call } from "viem/actions";
@@ -329,9 +329,7 @@ const Deposit = ({
     },
     [fromOptions, updateUrlParams]
   );
-  const handleChangeDirection = (e) => {
-    e.preventDefault();
-    e.stopPropagation();
+  const handleChangeDirection = () => {
     if (!firstToken || !secondToken) {
       return;
     }
@@ -619,7 +617,6 @@ const Deposit = ({
     });
   }, [mvxTokensWithBalances, secondToken == null ? void 0 : secondToken.address]);
   useEffect(() => {
-    console.log("Deposit");
     if (firstTokenAmount) {
       formik.setFieldValue(
         BridgeFormikValuesEnum.firstAmount,
@@ -701,13 +698,7 @@ const Deposit = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsx("button", { className: "inline-block", onClick: handleChangeDirection, children: /* @__PURE__ */ jsx(
-          FontAwesomeIcon,
-          {
-            icon: faExchangeAlt,
-            className: "liq-h-6 liq-w-6 liq-text-neutral-100 liq-mx-auto liq-my-2"
-          }
-        ) }),
+        /* @__PURE__ */ jsx("div", { className: "liq-absolute liq-left-[6%] liq-top-[40%] -liq-mt-1 liq-z-10", children: /* @__PURE__ */ jsx(ToggleDirection, { onChangeDirection: handleChangeDirection }) }),
         /* @__PURE__ */ jsxs(
           AmountCard,
           {

package/reactjs/components/BridgeForm/Transfer.js

@@ -2,19 +2,28 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
-const reactFontawesome = require("@fortawesome/react-fontawesome");
 const formatAmount = require("@multiversx/sdk-dapp-utils/out/helpers/formatAmount");
 const react = require("@reown/appkit/react");
 const debounce = require("lodash/debounce");
 const React = require("react");
 const reactToastify = require("react-toastify");
+const helpers_getApiURL = require("../../../helpers/getApiURL.js");
+const types_providerType = require("../../../types/providerType.js");
 const reactjs_constants_index = require("../../constants/index.js");
 const reactjs_context_useWeb3App = require("../../context/useWeb3App.js");
+require("yup");
+require("@multiversx/sdk-dapp-utils/out/helpers/parseAmount");
+require("../../../bignumber-B8vjg9qn.js");
 const reactjs_hooks_useAccount = require("../../hooks/useAccount.js");
+require("axios");
 const reactjs_hooks_useBridgeFormik = require("../../hooks/useBridgeFormik.js");
 const reactjs_hooks_useFetchBridgeData = require("../../hooks/useFetchBridgeData.js");
+require("@tanstack/react-query");
 const reactjs_hooks_useGetChainId = require("../../hooks/useGetChainId.js");
+const reactjs_hooks_useSendTransactions = require("../../hooks/useSendTransactions.js");
+require("@reown/appkit-adapter-solana/react");
+require("@solana/web3.js");
+require("wagmi");
 const reactjs_queries_useGetHistory_query = require("../../queries/useGetHistory.query.js");
 const reactjs_queries_useGetRate_mutation = require("../../queries/useGetRate.mutation.js");
 const reactjs_utils_getCompletePathname = require("../../utils/getCompletePathname.js");
@@ -27,16 +36,17 @@ require("../base/MxCard/MxCard.js");
 require("../base/MxLink/MxLink.js");
 require("../base/MxSearch/MxSearch.js");
 require("@fortawesome/free-solid-svg-icons/faClose");
+require("@fortawesome/react-fontawesome");
 require("@headlessui/react");
 require("react-dom");
 require("react-popper");
 require("../base/MxTooltip/components/TooltipContainer/TooltipContainer.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");
+const reactjs_components_ToggleDirection_ToggleDirection = require("../ToggleDirection/ToggleDirection.js");
 const reactjs_components_TokenSelector_TokenSelector = require("../TokenSelector/TokenSelector.js");
 const getConnections = require("../../../getConnections-DufiP2Qa.js");
 let fetchRateInterval;
@@ -66,6 +76,7 @@ const Transfer = ({
   const [isTokenSelectorVisible, setIsTokenSelectorVisible] = React.useState(false);
   const [forceRefetchRate, setForceRefetchRate] = React.useState(1);
   const [siginingTransactionsCount, setSigningTransactionsCount] = React.useState(0);
+  const [latestTransactions, setLatestTransactions] = React.useState([]);
   const account = reactjs_hooks_useAccount.useAccount();
   const { switchNetwork } = react.useAppKitNetwork();
   const {
@@ -75,7 +86,12 @@ const Transfer = ({
     nativeAuthToken
   } = reactjs_context_useWeb3App.useWeb3App();
   const chainId = reactjs_hooks_useGetChainId.useGetChainId();
-  const { signMvxTransactions } = reactjs_context_useWeb3App.useWeb3App();
+  const sendTransactions = reactjs_hooks_useSendTransactions.useSendTransactions();
+  const {
+    signMvxTransactions,
+    resetMvxTransactionHash,
+    latestMvxTransactionHash
+  } = reactjs_context_useWeb3App.useWeb3App();
   const {
     evmTokensWithBalances,
     mvxTokensWithBalances,
@@ -290,9 +306,7 @@ const Transfer = ({
     },
     [fromOptions, updateUrlParams]
   );
-  const handleChangeDirection = (e) => {
-    e.preventDefault();
-    e.stopPropagation();
+  const handleChangeDirection = () => {
     if (!firstToken || !secondToken) {
       return;
     }
@@ -371,10 +385,8 @@ const Transfer = ({
     async ({ transactions }) => {
       setSigningTransactionsCount(() => transactions.length);
       try {
-        const signedTransactions = await signMvxTransactions(
-          transactions
-        );
-        console.log("Signed transactions:", signedTransactions);
+        await signMvxTransactions(transactions);
+        setLatestTransactions(transactions);
       } catch (e) {
         console.error(e);
         reactToastify.toast.dismiss();
@@ -426,16 +438,7 @@ const Transfer = ({
   const amountErrorSecondInput = React.useMemo(() => {
     return secondAmount !== "" ? fromChainError ?? secondAmountError : void 0;
   }, [fromChainError, secondAmountError, secondAmount]);
-  console.log("Transfer", {
-    firstTokenIdentifier,
-    secondTokenIdentifier,
-    firstTokenAmount,
-    secondTokenAmount
-  });
   React.useEffect(() => {
-    console.log({
-      firstAmount
-    });
     if (!firstAmount) {
       setSecondAmount("");
     }
@@ -497,7 +500,6 @@ const Transfer = ({
     });
   }, [mvxTokensWithBalances, secondToken == null ? void 0 : secondToken.address]);
   React.useEffect(() => {
-    console.log("Transfer");
     if (firstTokenAmount) {
       formik.setFieldValue(
         reactjs_hooks_useBridgeFormik.BridgeFormikValuesEnum.firstAmount,
@@ -515,6 +517,25 @@ const Transfer = ({
       handleOnChangeSecondAmount(secondTokenAmount);
     }
   }, [secondTokenAmount]);
+  React.useEffect(() => {
+    if (latestMvxTransactionHash) {
+      const txHash = latestMvxTransactionHash;
+      resetMvxTransactionHash == null ? void 0 : resetMvxTransactionHash();
+      onSuccessfullySentTransaction == null ? void 0 : onSuccessfullySentTransaction([txHash]);
+      sendTransactions({
+        transactions: latestTransactions,
+        provider: (rate == null ? void 0 : rate.provider) ?? types_providerType.ProviderType.None,
+        url: helpers_getApiURL.getApiURL() ?? "",
+        token: nativeAuthToken ?? ""
+      });
+      setLatestTransactions([]);
+    }
+  }, [
+    latestMvxTransactionHash,
+    latestTransactions,
+    rate == null ? void 0 : rate.provider,
+    sendTransactions
+  ]);
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(
     "form",
     {
@@ -584,13 +605,7 @@ const Transfer = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("button", { className: "inline-block", onClick: handleChangeDirection, children: /* @__PURE__ */ jsxRuntime.jsx(
-          reactFontawesome.FontAwesomeIcon,
-          {
-            icon: freeSolidSvgIcons.faExchangeAlt,
-            className: "liq-h-6 liq-w-6 liq-text-neutral-100 liq-mx-auto liq-my-2"
-          }
-        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-absolute liq-left-[6%] liq-top-[40%] -liq-mt-1 liq-z-10", children: /* @__PURE__ */ jsxRuntime.jsx(reactjs_components_ToggleDirection_ToggleDirection.ToggleDirection, { onChangeDirection: handleChangeDirection }) }),
         /* @__PURE__ */ jsxRuntime.jsxs(
           reactjs_components_AmountCard_AmountCard.AmountCard,
           {

package/reactjs/components/BridgeForm/Transfer.mjs

@@ -1,17 +1,26 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { faExchangeAlt } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 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 { getApiURL } from "../../../helpers/getApiURL.mjs";
+import { ProviderType } from "../../../types/providerType.mjs";
 import { safeWindow } from "../../constants/index.mjs";
 import { useWeb3App } from "../../context/useWeb3App.mjs";
+import "yup";
+import "@multiversx/sdk-dapp-utils/out/helpers/parseAmount";
+import "../../../bignumber-CKZkoo0g.mjs";
 import { useAccount } from "../../hooks/useAccount.mjs";
+import "axios";
 import { useBridgeFormik, BridgeFormikValuesEnum } from "../../hooks/useBridgeFormik.mjs";
 import { useFetchBridgeData } from "../../hooks/useFetchBridgeData.mjs";
+import "@tanstack/react-query";
 import { useGetChainId } from "../../hooks/useGetChainId.mjs";
+import { useSendTransactions } from "../../hooks/useSendTransactions.mjs";
+import "@reown/appkit-adapter-solana/react";
+import "@solana/web3.js";
+import "wagmi";
 import { invalidateHistoryQuery } from "../../queries/useGetHistory.query.mjs";
 import { useGetRateMutation } from "../../queries/useGetRate.mutation.mjs";
 import { getCompletePathname } from "../../utils/getCompletePathname.mjs";
@@ -24,16 +33,17 @@ import "../base/MxCard/MxCard.mjs";
 import "../base/MxLink/MxLink.mjs";
 import "../base/MxSearch/MxSearch.mjs";
 import "@fortawesome/free-solid-svg-icons/faClose";
+import "@fortawesome/react-fontawesome";
 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 "wagmi";
 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";
 import { g as getConnections } from "../../../getConnections-BBxOUh4c.mjs";
 let fetchRateInterval;
@@ -63,6 +73,7 @@ const Transfer = ({
   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 {
@@ -72,7 +83,12 @@ const Transfer = ({
     nativeAuthToken
   } = useWeb3App();
   const chainId = useGetChainId();
-  const { signMvxTransactions } = useWeb3App();
+  const sendTransactions = useSendTransactions();
+  const {
+    signMvxTransactions,
+    resetMvxTransactionHash,
+    latestMvxTransactionHash
+  } = useWeb3App();
   const {
     evmTokensWithBalances,
     mvxTokensWithBalances,
@@ -287,9 +303,7 @@ const Transfer = ({
     },
     [fromOptions, updateUrlParams]
   );
-  const handleChangeDirection = (e) => {
-    e.preventDefault();
-    e.stopPropagation();
+  const handleChangeDirection = () => {
     if (!firstToken || !secondToken) {
       return;
     }
@@ -368,10 +382,8 @@ const Transfer = ({
     async ({ transactions }) => {
       setSigningTransactionsCount(() => transactions.length);
       try {
-        const signedTransactions = await signMvxTransactions(
-          transactions
-        );
-        console.log("Signed transactions:", signedTransactions);
+        await signMvxTransactions(transactions);
+        setLatestTransactions(transactions);
       } catch (e) {
         console.error(e);
         toast.dismiss();
@@ -423,16 +435,7 @@ const Transfer = ({
   const amountErrorSecondInput = useMemo(() => {
     return secondAmount !== "" ? fromChainError ?? secondAmountError : void 0;
   }, [fromChainError, secondAmountError, secondAmount]);
-  console.log("Transfer", {
-    firstTokenIdentifier,
-    secondTokenIdentifier,
-    firstTokenAmount,
-    secondTokenAmount
-  });
   useEffect(() => {
-    console.log({
-      firstAmount
-    });
     if (!firstAmount) {
       setSecondAmount("");
     }
@@ -494,7 +497,6 @@ const Transfer = ({
     });
   }, [mvxTokensWithBalances, secondToken == null ? void 0 : secondToken.address]);
   useEffect(() => {
-    console.log("Transfer");
     if (firstTokenAmount) {
       formik.setFieldValue(
         BridgeFormikValuesEnum.firstAmount,
@@ -512,6 +514,25 @@ const Transfer = ({
       handleOnChangeSecondAmount(secondTokenAmount);
     }
   }, [secondTokenAmount]);
+  useEffect(() => {
+    if (latestMvxTransactionHash) {
+      const txHash = latestMvxTransactionHash;
+      resetMvxTransactionHash == null ? void 0 : resetMvxTransactionHash();
+      onSuccessfullySentTransaction == null ? void 0 : onSuccessfullySentTransaction([txHash]);
+      sendTransactions({
+        transactions: latestTransactions,
+        provider: (rate == null ? void 0 : rate.provider) ?? ProviderType.None,
+        url: getApiURL() ?? "",
+        token: nativeAuthToken ?? ""
+      });
+      setLatestTransactions([]);
+    }
+  }, [
+    latestMvxTransactionHash,
+    latestTransactions,
+    rate == null ? void 0 : rate.provider,
+    sendTransactions
+  ]);
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
     "form",
     {
@@ -581,13 +602,7 @@ const Transfer = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsx("button", { className: "inline-block", onClick: handleChangeDirection, children: /* @__PURE__ */ jsx(
-          FontAwesomeIcon,
-          {
-            icon: faExchangeAlt,
-            className: "liq-h-6 liq-w-6 liq-text-neutral-100 liq-mx-auto liq-my-2"
-          }
-        ) }),
+        /* @__PURE__ */ jsx("div", { className: "liq-absolute liq-left-[6%] liq-top-[40%] -liq-mt-1 liq-z-10", children: /* @__PURE__ */ jsx(ToggleDirection, { onChangeDirection: handleChangeDirection }) }),
         /* @__PURE__ */ jsxs(
           AmountCard,
           {

package/reactjs/components/ToggleDirection/ToggleDirection.d.ts

@@ -0,0 +1,3 @@
+export declare const ToggleDirection: ({ onChangeDirection }: {
+    onChangeDirection: () => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/reactjs/components/ToggleDirection/ToggleDirection.js

@@ -0,0 +1,23 @@
+#!/usr/bin/env node
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const HugImage = "data:image/svg+xml,%3csvg%20width='23'%20height='23'%20viewBox='0%200%2023%2023'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='23'%20height='23'%20rx='11.5'%20fill='%2314151A'/%3e%3ccircle%20cx='11.5'%20cy='7'%20r='1'%20fill='%23737373'/%3e%3ccircle%20cx='11.5'%20cy='10'%20r='1'%20fill='%23737373'/%3e%3cpath%20d='M11.4297%2016.1641L8.89844%2013.6328C8.86328%2013.5977%208.86328%2013.5391%208.89844%2013.5039C8.93359%2013.4688%208.99219%2013.4688%209.02734%2013.5039L11.5%2015.9648L13.9609%2013.5039C13.9961%2013.4688%2014.0547%2013.4688%2014.0898%2013.5039C14.125%2013.5391%2014.125%2013.5977%2014.0898%2013.6328L11.5586%2016.1641C11.5234%2016.1992%2011.4648%2016.1992%2011.4297%2016.1641Z'%20fill='%23737373'/%3e%3cpath%20d='M9.02734%2013.5039L8.67379%2013.8575L8.67463%2013.8583L9.02734%2013.5039ZM11.5%2015.9648L11.1473%2016.3192L11.5008%2016.6711L11.8536%2016.3184L11.5%2015.9648ZM11.7832%2015.8105L9.25199%2013.2793L8.54488%2013.9864L11.0761%2016.5176L11.7832%2015.8105ZM9.25199%2013.2793C9.4121%2013.4394%209.4121%2013.6974%209.25199%2013.8575L8.54488%2013.1504C8.31447%2013.3808%208.31447%2013.7559%208.54488%2013.9864L9.25199%2013.2793ZM9.25199%2013.8575C9.09189%2014.0176%208.8339%2014.0176%208.67379%2013.8575L9.3809%2013.1504C9.15048%2012.9199%208.7753%2012.9199%208.54488%2013.1504L9.25199%2013.8575ZM8.67463%2013.8583L11.1473%2016.3192L11.8527%2015.6105L9.38006%2013.1495L8.67463%2013.8583ZM11.8536%2016.3184L14.3145%2013.8575L13.6074%2013.1504L11.1464%2015.6113L11.8536%2016.3184ZM14.3145%2013.8575C14.1544%2014.0176%2013.8964%2014.0176%2013.7363%2013.8575L14.4434%2013.1504C14.213%2012.9199%2013.8378%2012.9199%2013.6074%2013.1504L14.3145%2013.8575ZM13.7363%2013.8575C13.5762%2013.6974%2013.5762%2013.4394%2013.7363%2013.2793L14.4434%2013.9864C14.6738%2013.7559%2014.6738%2013.3808%2014.4434%2013.1504L13.7363%2013.8575ZM13.7363%2013.2793L11.205%2015.8105L11.9121%2016.5176L14.4434%2013.9864L13.7363%2013.2793ZM11.205%2015.8105C11.3651%2015.6504%2011.6231%2015.6504%2011.7832%2015.8105L11.0761%2016.5176C11.3066%2016.748%2011.6817%2016.748%2011.9121%2016.5176L11.205%2015.8105Z'%20fill='%23737373'/%3e%3c/svg%3e";
+const ToggleDirection = ({
+  onChangeDirection
+}) => {
+  const handleChangeDirection = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    onChangeDirection();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("button", { className: "liq-inline-block", onClick: handleChangeDirection, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "img",
+    {
+      src: HugImage,
+      alt: "",
+      className: "liq-h-6 liq-w-6 liq-text-neutral-100 liq-mx-auto liq-my-2"
+    }
+  ) });
+};
+exports.ToggleDirection = ToggleDirection;

package/reactjs/components/ToggleDirection/ToggleDirection.mjs

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+const HugImage = "data:image/svg+xml,%3csvg%20width='23'%20height='23'%20viewBox='0%200%2023%2023'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='23'%20height='23'%20rx='11.5'%20fill='%2314151A'/%3e%3ccircle%20cx='11.5'%20cy='7'%20r='1'%20fill='%23737373'/%3e%3ccircle%20cx='11.5'%20cy='10'%20r='1'%20fill='%23737373'/%3e%3cpath%20d='M11.4297%2016.1641L8.89844%2013.6328C8.86328%2013.5977%208.86328%2013.5391%208.89844%2013.5039C8.93359%2013.4688%208.99219%2013.4688%209.02734%2013.5039L11.5%2015.9648L13.9609%2013.5039C13.9961%2013.4688%2014.0547%2013.4688%2014.0898%2013.5039C14.125%2013.5391%2014.125%2013.5977%2014.0898%2013.6328L11.5586%2016.1641C11.5234%2016.1992%2011.4648%2016.1992%2011.4297%2016.1641Z'%20fill='%23737373'/%3e%3cpath%20d='M9.02734%2013.5039L8.67379%2013.8575L8.67463%2013.8583L9.02734%2013.5039ZM11.5%2015.9648L11.1473%2016.3192L11.5008%2016.6711L11.8536%2016.3184L11.5%2015.9648ZM11.7832%2015.8105L9.25199%2013.2793L8.54488%2013.9864L11.0761%2016.5176L11.7832%2015.8105ZM9.25199%2013.2793C9.4121%2013.4394%209.4121%2013.6974%209.25199%2013.8575L8.54488%2013.1504C8.31447%2013.3808%208.31447%2013.7559%208.54488%2013.9864L9.25199%2013.2793ZM9.25199%2013.8575C9.09189%2014.0176%208.8339%2014.0176%208.67379%2013.8575L9.3809%2013.1504C9.15048%2012.9199%208.7753%2012.9199%208.54488%2013.1504L9.25199%2013.8575ZM8.67463%2013.8583L11.1473%2016.3192L11.8527%2015.6105L9.38006%2013.1495L8.67463%2013.8583ZM11.8536%2016.3184L14.3145%2013.8575L13.6074%2013.1504L11.1464%2015.6113L11.8536%2016.3184ZM14.3145%2013.8575C14.1544%2014.0176%2013.8964%2014.0176%2013.7363%2013.8575L14.4434%2013.1504C14.213%2012.9199%2013.8378%2012.9199%2013.6074%2013.1504L14.3145%2013.8575ZM13.7363%2013.8575C13.5762%2013.6974%2013.5762%2013.4394%2013.7363%2013.2793L14.4434%2013.9864C14.6738%2013.7559%2014.6738%2013.3808%2014.4434%2013.1504L13.7363%2013.8575ZM13.7363%2013.2793L11.205%2015.8105L11.9121%2016.5176L14.4434%2013.9864L13.7363%2013.2793ZM11.205%2015.8105C11.3651%2015.6504%2011.6231%2015.6504%2011.7832%2015.8105L11.0761%2016.5176C11.3066%2016.748%2011.6817%2016.748%2011.9121%2016.5176L11.205%2015.8105Z'%20fill='%23737373'/%3e%3c/svg%3e";
+const ToggleDirection = ({
+  onChangeDirection
+}) => {
+  const handleChangeDirection = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    onChangeDirection();
+  };
+  return /* @__PURE__ */ jsx("button", { className: "liq-inline-block", onClick: handleChangeDirection, children: /* @__PURE__ */ jsx(
+    "img",
+    {
+      src: HugImage,
+      alt: "",
+      className: "liq-h-6 liq-w-6 liq-text-neutral-100 liq-mx-auto liq-my-2"
+    }
+  ) });
+};
+export {
+  ToggleDirection
+};

package/reactjs/context/Web3AppProvider.d.ts

@@ -1,5 +1,4 @@
 import { InitOptions } from '../init/init';
-import { ServerTransaction } from '../../types';
 import { PropsWithChildren } from 'react';
 import { ResolvedRegister } from '@wagmi/core';
 import { AppKitNetwork } from '@reown/appkit-common';
@@ -13,7 +12,12 @@ export type Web3AppContextProps = {
     supportedChains: AppKitNetwork[];
     nativeAuthToken: string;
     bridgeOnly?: boolean;
-    signMvxTransactions: (transactions: ITransaction[]) => Promise<ServerTransaction[]>;
+    signMvxTransactions: (transactions: ITransaction[]) => Promise<{
+        error?: string;
+        batchId?: string;
+    }>;
+    latestMvxTransactionHash?: string;
+    resetMvxTransactionHash?: () => void;
 };
 export declare const Web3AppContext: import('react').Context<Web3AppContextProps | undefined>;
-export declare function Web3AppProvider({ children, config, appKit, options, supportedChains, nativeAuthToken, bridgeOnly, signMvxTransactions }: PropsWithChildren<Web3AppContextProps>): import("react/jsx-runtime").JSX.Element;
+export declare function Web3AppProvider({ children, config, appKit, options, supportedChains, nativeAuthToken, bridgeOnly, signMvxTransactions, latestMvxTransactionHash, resetMvxTransactionHash }: PropsWithChildren<Web3AppContextProps>): import("react/jsx-runtime").JSX.Element;

package/reactjs/context/Web3AppProvider.js

@@ -18,7 +18,9 @@ function Web3AppProvider({
   supportedChains,
   nativeAuthToken,
   bridgeOnly = true,
-  signMvxTransactions
+  signMvxTransactions,
+  latestMvxTransactionHash,
+  resetMvxTransactionHash
 }) {
   const value = React.useMemo(() => {
     return {
@@ -28,7 +30,9 @@ function Web3AppProvider({
       supportedChains,
       nativeAuthToken,
       bridgeOnly,
-      signMvxTransactions
+      signMvxTransactions,
+      latestMvxTransactionHash,
+      resetMvxTransactionHash
     };
   }, [config, appKit, options, nativeAuthToken, signMvxTransactions]);
   return /* @__PURE__ */ jsxRuntime.jsx(Web3AppContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(wagmi.WagmiProvider, { config, children: /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: queryClient, children }) }) });

package/reactjs/context/Web3AppProvider.mjs

@@ -15,7 +15,9 @@ function Web3AppProvider({
   supportedChains,
   nativeAuthToken,
   bridgeOnly = true,
-  signMvxTransactions
+  signMvxTransactions,
+  latestMvxTransactionHash,
+  resetMvxTransactionHash
 }) {
   const value = useMemo(() => {
     return {
@@ -25,7 +27,9 @@ function Web3AppProvider({
       supportedChains,
       nativeAuthToken,
       bridgeOnly,
-      signMvxTransactions
+      signMvxTransactions,
+      latestMvxTransactionHash,
+      resetMvxTransactionHash
     };
   }, [config, appKit, options, nativeAuthToken, signMvxTransactions]);
   return /* @__PURE__ */ jsx(Web3AppContext.Provider, { value, children: /* @__PURE__ */ jsx(WagmiProvider, { config, children: /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children }) }) });

package/reactjs/hooks/useFetchTokens.d.ts

@@ -51,5 +51,5 @@ export declare const useFetchTokens: ({ mvxAddress, mvxApiURL, refetchTrigger }:
         }[];
         isNative?: boolean;
     }[] | undefined;
-    tokens: import('../..').TokenType[] | undefined;
+    tokens: import('../../index.ts').TokenType[] | undefined;
 };

package/reactjs/hooks/useFetchTokens.js

@@ -5,6 +5,7 @@ const react = require("@reown/appkit/react");
 const React = require("react");
 const reactjs_hooks_useAccount = require("./useAccount.js");
 const constants_index = require("../../constants/index.js");
+const reactjs_context_useWeb3App = require("../context/useWeb3App.js");
 const reactjs_queries_useGetAllTokens_query = require("../queries/useGetAllTokens.query.js");
 const reactjs_queries_useGetMvxTokensBalances_query = require("../queries/useGetMvxTokensBalances.query.js");
 const reactjs_queries_useGetNonMvxTokensBalances_query = require("../queries/useGetNonMvxTokensBalances.query.js");
@@ -15,11 +16,15 @@ const useFetchTokens = ({
 }) => {
   const { chainId } = react.useAppKitNetwork();
   const account = reactjs_hooks_useAccount.useAccount();
+  const { nativeAuthToken, bridgeOnly } = reactjs_context_useWeb3App.useWeb3App();
   const {
     data: tokens,
     isLoading: isTokensLoading,
     isError: isTokensError
-  } = reactjs_queries_useGetAllTokens_query.useGetAllTokensQuery();
+  } = reactjs_queries_useGetAllTokens_query.useGetAllTokensQuery({
+    nativeAuthToken,
+    bridgeOnly
+  });
   const evmTokens = React.useMemo(
     () => tokens == null ? void 0 : tokens.filter(
       (token) => !constants_index.MVX_CHAIN_IDS.includes(token.chainId.toString()) && token.chainId.toLowerCase() !== "fiat"

package/reactjs/hooks/useFetchTokens.mjs

@@ -2,6 +2,7 @@ import { useAppKitNetwork } from "@reown/appkit/react";
 import { useMemo, useEffect } from "react";
 import { useAccount } from "./useAccount.mjs";
 import { MVX_CHAIN_IDS } from "../../constants/index.mjs";
+import { useWeb3App } from "../context/useWeb3App.mjs";
 import { useGetAllTokensQuery } from "../queries/useGetAllTokens.query.mjs";
 import { useGetMvxTokensBalancesQuery, invalidateMvxTokensBalancesQuery } from "../queries/useGetMvxTokensBalances.query.mjs";
 import { useGetNonMvxTokensBalancesQuery, invalidateEvmTokensBalances } from "../queries/useGetNonMvxTokensBalances.query.mjs";
@@ -12,11 +13,15 @@ const useFetchTokens = ({
 }) => {
   const { chainId } = useAppKitNetwork();
   const account = useAccount();
+  const { nativeAuthToken, bridgeOnly } = useWeb3App();
   const {
     data: tokens,
     isLoading: isTokensLoading,
     isError: isTokensError
-  } = useGetAllTokensQuery();
+  } = useGetAllTokensQuery({
+    nativeAuthToken,
+    bridgeOnly
+  });
   const evmTokens = useMemo(
     () => tokens == null ? void 0 : tokens.filter(
       (token) => !MVX_CHAIN_IDS.includes(token.chainId.toString()) && token.chainId.toLowerCase() !== "fiat"

package/reactjs/queries/useGetAllTokens.query.d.ts

@@ -1,3 +1,6 @@
 import { AxiosError } from 'axios';
 
-export declare const useGetAllTokensQuery: () => import('@tanstack/react-query').UseQueryResult<import('../..').TokenType[], AxiosError<unknown, any>>;
+export declare const useGetAllTokensQuery: ({ nativeAuthToken, bridgeOnly }: {
+    nativeAuthToken?: string;
+    bridgeOnly?: boolean;
+}) => import('@tanstack/react-query').UseQueryResult<import('../..').TokenType[], AxiosError<unknown, any>>;

package/reactjs/queries/useGetAllTokens.query.js

@@ -4,14 +4,15 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const reactQuery = require("@tanstack/react-query");
 const api_getTokens = require("../../api/getTokens.js");
 const helpers_getApiURL = require("../../helpers/getApiURL.js");
-const reactjs_context_useWeb3App = require("../context/useWeb3App.js");
-const useGetAllTokensQuery = () => {
-  const { nativeAuthToken, bridgeOnly } = reactjs_context_useWeb3App.useWeb3App();
+const useGetAllTokensQuery = ({
+  nativeAuthToken,
+  bridgeOnly = true
+}) => {
   const queryFn = async () => {
     try {
       const { data } = await api_getTokens.getTokens({
         url: helpers_getApiURL.getApiURL(),
-        nativeAuthToken,
+        nativeAuthToken: nativeAuthToken ?? "",
         bridgeOnly: Boolean(bridgeOnly)
       });
       return data;

package/reactjs/queries/useGetAllTokens.query.mjs

@@ -1,14 +1,15 @@
 import { useQuery } from "@tanstack/react-query";
 import { getTokens } from "../../api/getTokens.mjs";
 import { getApiURL } from "../../helpers/getApiURL.mjs";
-import { useWeb3App } from "../context/useWeb3App.mjs";
-const useGetAllTokensQuery = () => {
-  const { nativeAuthToken, bridgeOnly } = useWeb3App();
+const useGetAllTokensQuery = ({
+  nativeAuthToken,
+  bridgeOnly = true
+}) => {
   const queryFn = async () => {
     try {
       const { data } = await getTokens({
         url: getApiURL(),
-        nativeAuthToken,
+        nativeAuthToken: nativeAuthToken ?? "",
         bridgeOnly: Boolean(bridgeOnly)
       });
       return data;

package/style.css

@@ -548,6 +548,9 @@ video {
 .liq-left-6{
     left: 1.5rem;
 }
+.liq-left-\[6\%\]{
+    left: 6%;
+}
 .liq-left-auto{
     left: auto;
 }
@@ -566,6 +569,9 @@ video {
 .liq-top-12{
     top: 3rem;
 }
+.liq-top-\[40\%\]{
+    top: 40%;
+}
 .\!liq-z-\[15\]{
     z-index: 15 !important;
 }
@@ -599,6 +605,9 @@ video {
 .\!liq-mr-2{
     margin-right: 0.5rem !important;
 }
+.-liq-mt-1{
+    margin-top: -0.25rem;
+}
 .liq-mb-1{
     margin-bottom: 0.25rem;
 }

package/reactjs/hooks/useFiatData.d.ts

@@ -1,33 +0,0 @@
-export declare const useFiatData: ({ mvxAddress, mvxApiURL, refetchTrigger }: {
-    mvxAddress?: string;
-    mvxApiURL: string;
-    refetchTrigger?: number;
-}) => {
-    isTokensLoading: boolean;
-    isTokensError: boolean;
-    isLoadingMvxTokensBalances: boolean;
-    isErrorMvxTokensBalances: boolean;
-    mvxTokensWithBalances: {
-        balance: string;
-        chainId: string;
-        address: string;
-        name: string;
-        symbol: string;
-        decimals: number;
-        crosschain: boolean;
-        pngUrl: string;
-        svgUrl: string;
-        metadata: {
-            minBridgeAmount: string;
-            maxBridgeAmount: string;
-        };
-        availableTokens?: {
-            address: string;
-            chainId: string;
-            symbol: string;
-        }[];
-        isNative?: boolean;
-    }[] | undefined;
-    currencies: import('../..').TokenType[] | undefined;
-    tokens: import('../..').TokenType[] | undefined;
-};

package/reactjs/hooks/useFiatData.js

@@ -1,68 +0,0 @@
-#!/usr/bin/env node
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const constants_index = require("../../constants/index.js");
-const reactjs_queries_useGetAllTokens_query = require("../queries/useGetAllTokens.query.js");
-const reactjs_queries_useGetMvxTokensBalances_query = require("../queries/useGetMvxTokensBalances.query.js");
-const useFiatData = ({
-  mvxAddress,
-  mvxApiURL,
-  refetchTrigger
-}) => {
-  const {
-    data: tokens,
-    isLoading: isTokensLoading,
-    isError: isTokensError
-  } = reactjs_queries_useGetAllTokens_query.useGetAllTokensQuery();
-  const mvxTokens = React.useMemo(
-    () => tokens == null ? void 0 : tokens.filter(
-      (token) => constants_index.MVX_CHAIN_IDS.includes(token.chainId.toString())
-    ),
-    [tokens]
-  );
-  const currencies = React.useMemo(() => {
-    return tokens == null ? void 0 : tokens.filter((token) => !token.chainId);
-  }, [tokens]);
-  const {
-    data: mvxTokensBalances,
-    isLoading: isLoadingMvxTokensBalances,
-    isError: isErrorMvxTokensBalances
-  } = reactjs_queries_useGetMvxTokensBalances_query.useGetMvxTokensBalancesQuery({
-    tokens: mvxTokens ?? [],
-    mvxAddress,
-    apiURL: mvxApiURL
-  });
-  const mvxTokensWithBalances = React.useMemo(() => {
-    return mvxTokens == null ? void 0 : mvxTokens.map((token) => {
-      const foundToken = mvxTokensBalances == null ? void 0 : mvxTokensBalances.find(
-        (mvxToken) => mvxToken.address === token.address
-      );
-      if (!foundToken) {
-        return {
-          ...token,
-          balance: "0"
-        };
-      }
-      return {
-        ...foundToken,
-        balance: foundToken.balance.toString()
-      };
-    });
-  }, [mvxTokens, mvxTokensBalances]);
-  React.useEffect(() => {
-    if (mvxAddress) {
-      reactjs_queries_useGetMvxTokensBalances_query.invalidateMvxTokensBalancesQuery();
-    }
-  }, [refetchTrigger, mvxAddress]);
-  return {
-    isTokensLoading,
-    isTokensError,
-    isLoadingMvxTokensBalances,
-    isErrorMvxTokensBalances,
-    mvxTokensWithBalances,
-    currencies,
-    tokens
-  };
-};
-exports.useFiatData = useFiatData;

package/reactjs/hooks/useFiatData.mjs

@@ -1,67 +0,0 @@
-import { useMemo, useEffect } from "react";
-import { MVX_CHAIN_IDS } from "../../constants/index.mjs";
-import { useGetAllTokensQuery } from "../queries/useGetAllTokens.query.mjs";
-import { useGetMvxTokensBalancesQuery, invalidateMvxTokensBalancesQuery } from "../queries/useGetMvxTokensBalances.query.mjs";
-const useFiatData = ({
-  mvxAddress,
-  mvxApiURL,
-  refetchTrigger
-}) => {
-  const {
-    data: tokens,
-    isLoading: isTokensLoading,
-    isError: isTokensError
-  } = useGetAllTokensQuery();
-  const mvxTokens = useMemo(
-    () => tokens == null ? void 0 : tokens.filter(
-      (token) => MVX_CHAIN_IDS.includes(token.chainId.toString())
-    ),
-    [tokens]
-  );
-  const currencies = useMemo(() => {
-    return tokens == null ? void 0 : tokens.filter((token) => !token.chainId);
-  }, [tokens]);
-  const {
-    data: mvxTokensBalances,
-    isLoading: isLoadingMvxTokensBalances,
-    isError: isErrorMvxTokensBalances
-  } = useGetMvxTokensBalancesQuery({
-    tokens: mvxTokens ?? [],
-    mvxAddress,
-    apiURL: mvxApiURL
-  });
-  const mvxTokensWithBalances = useMemo(() => {
-    return mvxTokens == null ? void 0 : mvxTokens.map((token) => {
-      const foundToken = mvxTokensBalances == null ? void 0 : mvxTokensBalances.find(
-        (mvxToken) => mvxToken.address === token.address
-      );
-      if (!foundToken) {
-        return {
-          ...token,
-          balance: "0"
-        };
-      }
-      return {
-        ...foundToken,
-        balance: foundToken.balance.toString()
-      };
-    });
-  }, [mvxTokens, mvxTokensBalances]);
-  useEffect(() => {
-    if (mvxAddress) {
-      invalidateMvxTokensBalancesQuery();
-    }
-  }, [refetchTrigger, mvxAddress]);
-  return {
-    isTokensLoading,
-    isTokensError,
-    isLoadingMvxTokensBalances,
-    isErrorMvxTokensBalances,
-    mvxTokensWithBalances,
-    currencies,
-    tokens
-  };
-};
-export {
-  useFiatData
-};