@multiversx/sdk-dapp-liquidity 1.1.0-alpha.25 → 1.1.0-alpha.27

package/package.json

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

package/reactjs/components/BridgeForm/BridgeForm.js

@@ -5,6 +5,7 @@ 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 debounce = require("lodash/debounce");
 const React = require("react");
 const reactToastify = require("react-toastify");
@@ -36,7 +37,6 @@ 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("@reown/appkit/react");
 require("wagmi");
 const reactjs_components_Connect_MvxConnectButton = require("../Connect/MvxConnectButton.js");
 const reactjs_components_Connect_BridgeAccountDisplay = require("../Connect/BridgeAccountDisplay.js");
@@ -144,6 +144,7 @@ const BridgeForm = ({
   const [pendingSigning, setPendingSigning] = React.useState(false);
   const [siginingTransactionsCount, setSigningTransactionsCount] = React.useState(0);
   const account = reactjs_hooks_useAccount.useAccount();
+  const { switchNetwork } = react.useAppKitNetwork();
   const { config, options, supportedChains: sdkChains } = reactjs_context_useWeb3App.useWeb3App();
   const chainId = reactjs_hooks_useGetChainId.useGetChainId();
   const {
@@ -400,6 +401,12 @@ const BridgeForm = ({
       updateUrlParams({
         firstTokenId: firstOption == null ? void 0 : firstOption.address
       });
+      const selectedOptionChain = (sdkChains == null ? void 0 : sdkChains.find(
+        (chain) => chain.id.toString() === (firstOption == null ? void 0 : firstOption.chainId.toString())
+      )) ?? activeChain;
+      if (selectedOptionChain) {
+        switchNetwork(selectedOptionChain);
+      }
       initializedFirstToken = true;
     }
     let initializedSecondToken = false;

package/reactjs/components/BridgeForm/BridgeForm.mjs

@@ -2,6 +2,7 @@ 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 debounce from "lodash/debounce";
 import { useRef, useState, useMemo, useCallback, useEffect } from "react";
 import { toast } from "react-toastify";
@@ -33,7 +34,6 @@ import "react-popper";
 import "../base/MxTooltip/components/TooltipContainer/TooltipContainer.mjs";
 import { BridgeHistory } from "../BridgeHistory/BridgeHistory.mjs";
 import { BridgeConnectButton } from "../Connect/BridgeConnectButton.mjs";
-import "@reown/appkit/react";
 import "wagmi";
 import { MvxConnectButton } from "../Connect/MvxConnectButton.mjs";
 import { BridgeAccountDisplay } from "../Connect/BridgeAccountDisplay.mjs";
@@ -141,6 +141,7 @@ const BridgeForm = ({
   const [pendingSigning, setPendingSigning] = useState(false);
   const [siginingTransactionsCount, setSigningTransactionsCount] = useState(0);
   const account = useAccount();
+  const { switchNetwork } = useAppKitNetwork();
   const { config, options, supportedChains: sdkChains } = useWeb3App();
   const chainId = useGetChainId();
   const {
@@ -397,6 +398,12 @@ const BridgeForm = ({
       updateUrlParams({
         firstTokenId: firstOption == null ? void 0 : firstOption.address
       });
+      const selectedOptionChain = (sdkChains == null ? void 0 : sdkChains.find(
+        (chain) => chain.id.toString() === (firstOption == null ? void 0 : firstOption.chainId.toString())
+      )) ?? activeChain;
+      if (selectedOptionChain) {
+        switchNetwork(selectedOptionChain);
+      }
       initializedFirstToken = true;
     }
     let initializedSecondToken = false;

package/reactjs/hooks/useFetchBridgeData.d.ts

@@ -54,6 +54,5 @@ export declare const useFetchBridgeData: ({ refetchTrigger, mvxAddress, mvxApiUR
     chains: import('../..').ChainDTO[] | undefined;
     isChainsLoading: boolean;
     isChainsError: boolean;
-    fiatCurrencies: import('../..').TokenType[] | undefined;
     tokens: import('../..').TokenType[] | undefined;
 };

package/reactjs/hooks/useFetchBridgeData.js

@@ -17,7 +17,6 @@ const useFetchBridgeData = ({
     mvxTokensWithBalances,
     isLoadingMvxTokensBalances,
     isErrorEvmTokensBalances,
-    fiatCurrencies,
     tokens
   } = reactjs_hooks_useFetchTokens.useFetchTokens({
     mvxApiURL,
@@ -41,7 +40,6 @@ const useFetchBridgeData = ({
     chains,
     isChainsLoading,
     isChainsError,
-    fiatCurrencies,
     tokens
   };
 };

package/reactjs/hooks/useFetchBridgeData.mjs

@@ -14,7 +14,6 @@ const useFetchBridgeData = ({
     mvxTokensWithBalances,
     isLoadingMvxTokensBalances,
     isErrorEvmTokensBalances,
-    fiatCurrencies,
     tokens
   } = useFetchTokens({
     mvxApiURL,
@@ -38,7 +37,6 @@ const useFetchBridgeData = ({
     chains,
     isChainsLoading,
     isChainsError,
-    fiatCurrencies,
     tokens
   };
 };

package/reactjs/hooks/useFetchTokens.d.ts

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

package/reactjs/hooks/useFetchTokens.js

@@ -32,9 +32,6 @@ const useFetchTokens = ({
     ),
     [tokens]
   );
-  const fiatCurrencies = React.useMemo(() => {
-    return tokens == null ? void 0 : tokens.filter((token) => !token.chainId);
-  }, [tokens]);
   const {
     data: evmTokensBalances,
     isLoading: isLoadingEvmTokensBalances,
@@ -103,7 +100,6 @@ const useFetchTokens = ({
     isLoadingMvxTokensBalances,
     isErrorMvxTokensBalances,
     mvxTokensWithBalances,
-    fiatCurrencies,
     tokens
   };
 };

package/reactjs/hooks/useFetchTokens.mjs

@@ -29,9 +29,6 @@ const useFetchTokens = ({
     ),
     [tokens]
   );
-  const fiatCurrencies = useMemo(() => {
-    return tokens == null ? void 0 : tokens.filter((token) => !token.chainId);
-  }, [tokens]);
   const {
     data: evmTokensBalances,
     isLoading: isLoadingEvmTokensBalances,
@@ -100,7 +97,6 @@ const useFetchTokens = ({
     isLoadingMvxTokensBalances,
     isErrorMvxTokensBalances,
     mvxTokensWithBalances,
-    fiatCurrencies,
     tokens
   };
 };