@multiversx/sdk-dapp-liquidity 1.1.2-alpha.2 → 1.1.2-alpha.4

package/package.json

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

package/reactjs/components/BridgeForm/Transfer.js

@@ -241,6 +241,9 @@ const Transfer = ({
     async ({ transactions }) => {
       setSigningTransactionsCount(() => transactions.length);
       try {
+        if (!signMvxTransactions) {
+          throw new Error("signMvxTransactions function is not provided");
+        }
         await signMvxTransactions(transactions);
         setLatestTransactions(transactions);
       } catch (e) {

package/reactjs/components/BridgeForm/Transfer.mjs

@@ -238,6 +238,9 @@ const Transfer = ({
     async ({ transactions }) => {
       setSigningTransactionsCount(() => transactions.length);
       try {
+        if (!signMvxTransactions) {
+          throw new Error("signMvxTransactions function is not provided");
+        }
         await signMvxTransactions(transactions);
         setLatestTransactions(transactions);
       } catch (e) {

package/reactjs/components/TokenSelector/components/SelectContent.js

@@ -7,7 +7,6 @@ const reactjs_components_TokenSelector_components_ChainSelect_ChainSelect = requ
 const reactjs_components_TokenSelector_components_TokenList = require("./TokenList.js");
 const constants_index = require("../../../../constants/index.js");
 require("../../../constants/index.js");
-const reactjs_hooks_useGetChainId = require("../../../hooks/useGetChainId.js");
 const reactjs_components_base_MxSearch_MxSearch = require("../../base/MxSearch/MxSearch.js");
 const reactjs_constants_chains = require("../../../constants/chains.js");
 const SelectContent = ({
@@ -21,7 +20,6 @@ const SelectContent = ({
   const [filteredTokens, setFilteredTokens] = React.useState(tokens);
   const [selected, setSelected] = React.useState(selectedToken);
   const searchPatternRef = React.useRef("");
-  const activeChainId = reactjs_hooks_useGetChainId.useGetChainId();
   const availableChains = React.useMemo(() => {
     if (isMvxSelector) {
       return chains.filter(
@@ -42,8 +40,8 @@ const SelectContent = ({
       );
       return (mvxChainWithTokens == null ? void 0 : mvxChainWithTokens.chainId.toString()) ?? ((_a = availableChains[0]) == null ? void 0 : _a.chainId.toString()) ?? reactjs_constants_chains.ALL_NETWORK_ID;
     }
-    return (activeChainId == null ? void 0 : activeChainId.toString()) ?? reactjs_constants_chains.ALL_NETWORK_ID;
-  }, [availableChains, tokens, isMvxSelector, activeChainId]);
+    return reactjs_constants_chains.ALL_NETWORK_ID;
+  }, [availableChains, tokens, isMvxSelector]);
   const [selectedChainId, setSelectedChainId] = React.useState(defaultChainId);
   React.useEffect(() => {
     const isCurrentSelectionValid = availableChains.some(
@@ -53,7 +51,6 @@ const SelectContent = ({
       setSelectedChainId(defaultChainId);
     }
   }, [defaultChainId, availableChains, selectedChainId]);
-  console.log({ isMvxSelector, selectedChainId, chains, activeChainId });
   const filteredTokensText = React.useMemo(() => {
     const selectedChain = availableChains.find(
       (chain) => chain.chainId.toString() === selectedChainId
@@ -70,25 +67,36 @@ const SelectContent = ({
   const handleSearch = (pattern) => {
     searchPatternRef.current = pattern;
     if (selectedChainId === reactjs_constants_chains.ALL_NETWORK_ID) {
-      const filtered2 = tokens.filter(
-        (token) => token.symbol.toLowerCase().includes(pattern.toLowerCase())
-      );
-      setFilteredTokens(filtered2);
+      if (pattern.trim() === "") {
+        setFilteredTokens(tokens);
+      } else {
+        const filtered = tokens.filter(
+          (token) => token.symbol.toLowerCase().includes(pattern.toLowerCase())
+        );
+        setFilteredTokens(filtered);
+      }
       return;
     }
-    const filtered = tokens.filter(
-      (token) => token.symbol.toLowerCase().includes(pattern.toLowerCase()) && token.chainId.toString() === selectedChainId.toString()
-    );
-    setFilteredTokens(filtered);
+    if (pattern.trim() === "") {
+      const filtered = tokens.filter(
+        (token) => token.chainId.toString() === selectedChainId.toString()
+      );
+      setFilteredTokens(filtered);
+    } else {
+      const filtered = tokens.filter(
+        (token) => token.symbol.toLowerCase().includes(pattern.toLowerCase()) && token.chainId.toString() === selectedChainId.toString()
+      );
+      setFilteredTokens(filtered);
+    }
   };
   React.useEffect(() => {
     setFilteredTokens(tokens);
     setSelected(selectedToken);
+    searchPatternRef.current = "";
   }, [selectedToken, tokens]);
   React.useEffect(() => {
     handleSearch(searchPatternRef.current);
-  }, [selectedChainId]);
-  console.log({ filteredTokens });
+  }, [selectedChainId, tokens]);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liq-relative liq-flex liq-max-w-full liq-flex-col liq-rounded-none liq-p-0 !liq-max-h-[22rem]", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-flex liq-flex-col liq-gap-3 liq-rounded-t-2xl liq-p-2", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liq-flex liq-gap-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx(

package/reactjs/components/TokenSelector/components/SelectContent.mjs

@@ -4,7 +4,6 @@ import { ChainSelect } from "./ChainSelect/ChainSelect.mjs";
 import { TokenList } from "./TokenList.mjs";
 import { MVX_CHAIN_IDS } from "../../../../constants/index.mjs";
 import "../../../constants/index.mjs";
-import { useGetChainId } from "../../../hooks/useGetChainId.mjs";
 import { MxSearch } from "../../base/MxSearch/MxSearch.mjs";
 import { ALL_NETWORK_ID } from "../../../constants/chains.mjs";
 const SelectContent = ({
@@ -18,7 +17,6 @@ const SelectContent = ({
   const [filteredTokens, setFilteredTokens] = useState(tokens);
   const [selected, setSelected] = useState(selectedToken);
   const searchPatternRef = useRef("");
-  const activeChainId = useGetChainId();
   const availableChains = useMemo(() => {
     if (isMvxSelector) {
       return chains.filter(
@@ -39,8 +37,8 @@ const SelectContent = ({
       );
       return (mvxChainWithTokens == null ? void 0 : mvxChainWithTokens.chainId.toString()) ?? ((_a = availableChains[0]) == null ? void 0 : _a.chainId.toString()) ?? ALL_NETWORK_ID;
     }
-    return (activeChainId == null ? void 0 : activeChainId.toString()) ?? ALL_NETWORK_ID;
-  }, [availableChains, tokens, isMvxSelector, activeChainId]);
+    return ALL_NETWORK_ID;
+  }, [availableChains, tokens, isMvxSelector]);
   const [selectedChainId, setSelectedChainId] = useState(defaultChainId);
   useEffect(() => {
     const isCurrentSelectionValid = availableChains.some(
@@ -50,7 +48,6 @@ const SelectContent = ({
       setSelectedChainId(defaultChainId);
     }
   }, [defaultChainId, availableChains, selectedChainId]);
-  console.log({ isMvxSelector, selectedChainId, chains, activeChainId });
   const filteredTokensText = useMemo(() => {
     const selectedChain = availableChains.find(
       (chain) => chain.chainId.toString() === selectedChainId
@@ -67,25 +64,36 @@ const SelectContent = ({
   const handleSearch = (pattern) => {
     searchPatternRef.current = pattern;
     if (selectedChainId === ALL_NETWORK_ID) {
-      const filtered2 = tokens.filter(
-        (token) => token.symbol.toLowerCase().includes(pattern.toLowerCase())
-      );
-      setFilteredTokens(filtered2);
+      if (pattern.trim() === "") {
+        setFilteredTokens(tokens);
+      } else {
+        const filtered = tokens.filter(
+          (token) => token.symbol.toLowerCase().includes(pattern.toLowerCase())
+        );
+        setFilteredTokens(filtered);
+      }
       return;
     }
-    const filtered = tokens.filter(
-      (token) => token.symbol.toLowerCase().includes(pattern.toLowerCase()) && token.chainId.toString() === selectedChainId.toString()
-    );
-    setFilteredTokens(filtered);
+    if (pattern.trim() === "") {
+      const filtered = tokens.filter(
+        (token) => token.chainId.toString() === selectedChainId.toString()
+      );
+      setFilteredTokens(filtered);
+    } else {
+      const filtered = tokens.filter(
+        (token) => token.symbol.toLowerCase().includes(pattern.toLowerCase()) && token.chainId.toString() === selectedChainId.toString()
+      );
+      setFilteredTokens(filtered);
+    }
   };
   useEffect(() => {
     setFilteredTokens(tokens);
     setSelected(selectedToken);
+    searchPatternRef.current = "";
   }, [selectedToken, tokens]);
   useEffect(() => {
     handleSearch(searchPatternRef.current);
-  }, [selectedChainId]);
-  console.log({ filteredTokens });
+  }, [selectedChainId, tokens]);
   return /* @__PURE__ */ jsxs("div", { className: "liq-relative liq-flex liq-max-w-full liq-flex-col liq-rounded-none liq-p-0 !liq-max-h-[22rem]", children: [
     /* @__PURE__ */ jsx("div", { className: "liq-flex liq-flex-col liq-gap-3 liq-rounded-t-2xl liq-p-2", children: /* @__PURE__ */ jsxs("div", { className: "liq-flex liq-gap-2", children: [
       /* @__PURE__ */ jsx(

package/reactjs/context/Web3AppProvider.d.ts

@@ -12,7 +12,7 @@ export type Web3AppContextProps = {
     supportedChains: AppKitNetwork[];
     nativeAuthToken: string;
     bridgeOnly?: boolean;
-    signMvxTransactions: (transactions: IPlainTransactionObject[]) => Promise<{
+    signMvxTransactions?: (transactions: IPlainTransactionObject[]) => Promise<{
         error?: string;
         batchId?: string;
     }>;
@@ -20,4 +20,8 @@ export type Web3AppContextProps = {
     resetMvxTransactionHash?: () => void;
 };
 export declare const Web3AppContext: import('react').Context<Web3AppContextProps | undefined>;
-export declare function Web3AppProvider({ children, config, appKit, options, supportedChains, nativeAuthToken, bridgeOnly, signMvxTransactions, latestMvxTransactionHash, resetMvxTransactionHash }: PropsWithChildren<Web3AppContextProps>): import("react/jsx-runtime").JSX.Element;
+type Web3AppProviderType = Web3AppContextProps & {
+    supportedChains?: AppKitNetwork[];
+};
+export declare function Web3AppProvider({ children, config, appKit, options, supportedChains, nativeAuthToken, bridgeOnly, signMvxTransactions, latestMvxTransactionHash, resetMvxTransactionHash }: PropsWithChildren<Web3AppProviderType>): import("react/jsx-runtime").JSX.Element;
+export {};

package/reactjs/context/Web3AppProvider.js

@@ -15,7 +15,7 @@ function Web3AppProvider({
   config,
   appKit,
   options,
-  supportedChains,
+  supportedChains = [],
   nativeAuthToken,
   bridgeOnly = true,
   signMvxTransactions,

package/reactjs/context/Web3AppProvider.mjs

@@ -12,7 +12,7 @@ function Web3AppProvider({
   config,
   appKit,
   options,
-  supportedChains,
+  supportedChains = [],
   nativeAuthToken,
   bridgeOnly = true,
   signMvxTransactions,

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

@@ -1,12 +1,14 @@
 import { ProviderType } from 'types/providerType';
 import { AxiosError } from 'axios';
 
-export declare const useGetHistoryQuery: ({ address, sender, provider, status, tokenIn, tokenOut }: {
+type HistoryQueryType = {
     address?: string;
     sender?: string;
     provider?: ProviderType;
     status?: string;
     tokenIn?: string;
     tokenOut?: string;
-}) => import('@tanstack/react-query').UseQueryResult<import('../..').TransactionDTO[], AxiosError<unknown, any>>;
+};
+export declare const useGetHistoryQuery: ({ address, sender, provider, status, tokenIn, tokenOut }?: HistoryQueryType) => import('@tanstack/react-query').UseQueryResult<import('../..').TransactionDTO[], AxiosError<unknown, any>>;
 export declare const invalidateHistoryQuery: () => void;
+export {};

package/reactjs/queries/useGetHistory.query.js

@@ -13,7 +13,7 @@ const useGetHistoryQuery = ({
   status,
   tokenIn,
   tokenOut
-}) => {
+} = {}) => {
   const { nativeAuthToken } = reactjs_context_useWeb3App.useWeb3App();
   const queryFn = async () => {
     if (!address) {

package/reactjs/queries/useGetHistory.query.mjs

@@ -10,7 +10,7 @@ const useGetHistoryQuery = ({
   status,
   tokenIn,
   tokenOut
-}) => {
+} = {}) => {
   const { nativeAuthToken } = useWeb3App();
   const queryFn = async () => {
     if (!address) {