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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/package.json +1 -1
  2. package/reactjs/components/TokenSelector/components/SelectContent.js +21 -11
  3. package/reactjs/components/TokenSelector/components/SelectContent.mjs +21 -11
  4. package/reactjs/context/Web3AppProvider.js +1 -1
  5. package/reactjs/context/Web3AppProvider.mjs +1 -1
  6. package/reactjs/queries/useGetHistory.query.d.ts +4 -2
  7. package/reactjs/queries/useGetHistory.query.js +1 -1
  8. package/reactjs/queries/useGetHistory.query.mjs +1 -1
package/package.json CHANGED
@@ -28,7 +28,7 @@
28
28
  },
29
29
  "homepage": "https://github.com/multiversx/mx-sdk-dapp-liquidity#readme",
30
30
  "license": "MIT",
31
- "version": "1.1.2-alpha.2",
31
+ "version": "1.1.2-alpha.3",
32
32
  "main": "index.js",
33
33
  "module": "index.mjs",
34
34
  "types": "index.d.ts",
package/reactjs/components/TokenSelector/components/SelectContent.js CHANGED
@@ -53,7 +53,6 @@ const SelectContent = ({
53
53
  setSelectedChainId(defaultChainId);
54
54
  }
55
55
  }, [defaultChainId, availableChains, selectedChainId]);
56
- console.log({ isMvxSelector, selectedChainId, chains, activeChainId });
57
56
  const filteredTokensText = React.useMemo(() => {
58
57
  const selectedChain = availableChains.find(
59
58
  (chain) => chain.chainId.toString() === selectedChainId
@@ -70,25 +69,36 @@ const SelectContent = ({
70
69
  const handleSearch = (pattern) => {
71
70
  searchPatternRef.current = pattern;
72
71
  if (selectedChainId === reactjs_constants_chains.ALL_NETWORK_ID) {
73
- const filtered2 = tokens.filter(
74
- (token) => token.symbol.toLowerCase().includes(pattern.toLowerCase())
75
- );
76
- setFilteredTokens(filtered2);
72
+ if (pattern.trim() === "") {
73
+ setFilteredTokens(tokens);
74
+ } else {
75
+ const filtered = tokens.filter(
76
+ (token) => token.symbol.toLowerCase().includes(pattern.toLowerCase())
77
+ );
78
+ setFilteredTokens(filtered);
79
+ }
77
80
  return;
78
81
  }
79
- const filtered = tokens.filter(
80
- (token) => token.symbol.toLowerCase().includes(pattern.toLowerCase()) && token.chainId.toString() === selectedChainId.toString()
81
- );
82
- setFilteredTokens(filtered);
82
+ if (pattern.trim() === "") {
83
+ const filtered = tokens.filter(
84
+ (token) => token.chainId.toString() === selectedChainId.toString()
85
+ );
86
+ setFilteredTokens(filtered);
87
+ } else {
88
+ const filtered = tokens.filter(
89
+ (token) => token.symbol.toLowerCase().includes(pattern.toLowerCase()) && token.chainId.toString() === selectedChainId.toString()
90
+ );
91
+ setFilteredTokens(filtered);
92
+ }
83
93
  };
84
94
  React.useEffect(() => {
85
95
  setFilteredTokens(tokens);
86
96
  setSelected(selectedToken);
97
+ searchPatternRef.current = "";
87
98
  }, [selectedToken, tokens]);
88
99
  React.useEffect(() => {
89
100
  handleSearch(searchPatternRef.current);
90
- }, [selectedChainId]);
91
- console.log({ filteredTokens });
101
+ }, [selectedChainId, tokens]);
92
102
  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: [
93
103
  /* @__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: [
94
104
  /* @__PURE__ */ jsxRuntime.jsx(
package/reactjs/components/TokenSelector/components/SelectContent.mjs CHANGED
@@ -50,7 +50,6 @@ const SelectContent = ({
50
50
  setSelectedChainId(defaultChainId);
51
51
  }
52
52
  }, [defaultChainId, availableChains, selectedChainId]);
53
- console.log({ isMvxSelector, selectedChainId, chains, activeChainId });
54
53
  const filteredTokensText = useMemo(() => {
55
54
  const selectedChain = availableChains.find(
56
55
  (chain) => chain.chainId.toString() === selectedChainId
@@ -67,25 +66,36 @@ const SelectContent = ({
67
66
  const handleSearch = (pattern) => {
68
67
  searchPatternRef.current = pattern;
69
68
  if (selectedChainId === ALL_NETWORK_ID) {
70
- const filtered2 = tokens.filter(
71
- (token) => token.symbol.toLowerCase().includes(pattern.toLowerCase())
72
- );
73
- setFilteredTokens(filtered2);
69
+ if (pattern.trim() === "") {
70
+ setFilteredTokens(tokens);
71
+ } else {
72
+ const filtered = tokens.filter(
73
+ (token) => token.symbol.toLowerCase().includes(pattern.toLowerCase())
74
+ );
75
+ setFilteredTokens(filtered);
76
+ }
74
77
  return;
75
78
  }
76
- const filtered = tokens.filter(
77
- (token) => token.symbol.toLowerCase().includes(pattern.toLowerCase()) && token.chainId.toString() === selectedChainId.toString()
78
- );
79
- setFilteredTokens(filtered);
79
+ if (pattern.trim() === "") {
80
+ const filtered = tokens.filter(
81
+ (token) => token.chainId.toString() === selectedChainId.toString()
82
+ );
83
+ setFilteredTokens(filtered);
84
+ } else {
85
+ const filtered = tokens.filter(
86
+ (token) => token.symbol.toLowerCase().includes(pattern.toLowerCase()) && token.chainId.toString() === selectedChainId.toString()
87
+ );
88
+ setFilteredTokens(filtered);
89
+ }
80
90
  };
81
91
  useEffect(() => {
82
92
  setFilteredTokens(tokens);
83
93
  setSelected(selectedToken);
94
+ searchPatternRef.current = "";
84
95
  }, [selectedToken, tokens]);
85
96
  useEffect(() => {
86
97
  handleSearch(searchPatternRef.current);
87
- }, [selectedChainId]);
88
- console.log({ filteredTokens });
98
+ }, [selectedChainId, tokens]);
89
99
  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: [
90
100
  /* @__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: [
91
101
  /* @__PURE__ */ jsx(
package/reactjs/context/Web3AppProvider.js CHANGED
@@ -15,7 +15,7 @@ function Web3AppProvider({
15
15
  config,
16
16
  appKit,
17
17
  options,
18
- supportedChains,
18
+ supportedChains = [],
19
19
  nativeAuthToken,
20
20
  bridgeOnly = true,
21
21
  signMvxTransactions,
package/reactjs/context/Web3AppProvider.mjs CHANGED
@@ -12,7 +12,7 @@ function Web3AppProvider({
12
12
  config,
13
13
  appKit,
14
14
  options,
15
- supportedChains,
15
+ supportedChains = [],
16
16
  nativeAuthToken,
17
17
  bridgeOnly = true,
18
18
  signMvxTransactions,
package/reactjs/queries/useGetHistory.query.d.ts CHANGED
@@ -1,12 +1,14 @@
1
1
  import { ProviderType } from 'types/providerType';
2
2
  import { AxiosError } from 'axios';
3
3
 
4
- export declare const useGetHistoryQuery: ({ address, sender, provider, status, tokenIn, tokenOut }: {
4
+ type HistoryQueryType = {
5
5
  address?: string;
6
6
  sender?: string;
7
7
  provider?: ProviderType;
8
8
  status?: string;
9
9
  tokenIn?: string;
10
10
  tokenOut?: string;
11
- }) => import('@tanstack/react-query').UseQueryResult<import('../..').TransactionDTO[], AxiosError<unknown, any>>;
11
+ };
12
+ export declare const useGetHistoryQuery: ({ address, sender, provider, status, tokenIn, tokenOut }?: HistoryQueryType) => import('@tanstack/react-query').UseQueryResult<import('../..').TransactionDTO[], AxiosError<unknown, any>>;
12
13
  export declare const invalidateHistoryQuery: () => void;
14
+ export {};
package/reactjs/queries/useGetHistory.query.js CHANGED
@@ -13,7 +13,7 @@ const useGetHistoryQuery = ({
13
13
  status,
14
14
  tokenIn,
15
15
  tokenOut
16
- }) => {
16
+ } = {}) => {
17
17
  const { nativeAuthToken } = reactjs_context_useWeb3App.useWeb3App();
18
18
  const queryFn = async () => {
19
19
  if (!address) {
package/reactjs/queries/useGetHistory.query.mjs CHANGED
@@ -10,7 +10,7 @@ const useGetHistoryQuery = ({
10
10
  status,
11
11
  tokenIn,
12
12
  tokenOut
13
- }) => {
13
+ } = {}) => {
14
14
  const { nativeAuthToken } = useWeb3App();
15
15
  const queryFn = async () => {
16
16
  if (!address) {