@multiversx/sdk-dapp-liquidity 1.1.0-alpha.38 → 1.1.0-alpha.39

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 (26) hide show
  1. package/package.json +1 -1
  2. package/reactjs/components/BridgeForm/BridgeForm.js +4 -4
  3. package/reactjs/components/BridgeForm/BridgeForm.mjs +4 -4
  4. package/reactjs/components/BridgeHistory/BridgeHistory.js +6 -6
  5. package/reactjs/components/BridgeHistory/BridgeHistory.mjs +6 -6
  6. package/reactjs/components/Connect/BridgeAccountDisplay.js +2 -2
  7. package/reactjs/components/Connect/BridgeAccountDisplay.mjs +2 -2
  8. package/reactjs/components/Connect/BridgeConnectButton.js +1 -1
  9. package/reactjs/components/Connect/BridgeConnectButton.mjs +1 -1
  10. package/reactjs/components/TokenSelector/components/ChainSelect/ChainSelect.js +4 -2
  11. package/reactjs/components/TokenSelector/components/ChainSelect/ChainSelect.mjs +4 -2
  12. package/reactjs/components/TokenSelector/components/ChainSelect/components/ChainOptionLabel.d.ts +1 -0
  13. package/reactjs/components/TokenSelector/components/ChainSelect/components/ChainOptionLabel.js +2 -2
  14. package/reactjs/components/TokenSelector/components/ChainSelect/components/ChainOptionLabel.mjs +2 -2
  15. package/reactjs/components/TokenSelector/components/ChainSelect/components/SelectedChainOption.js +2 -2
  16. package/reactjs/components/TokenSelector/components/ChainSelect/components/SelectedChainOption.mjs +2 -2
  17. package/reactjs/components/TokenSelector/components/ChainSelect/types/chainSelectOption.d.ts +1 -0
  18. package/reactjs/components/TokenSelector/components/ChainSelect/types/partialChainOption.d.ts +1 -0
  19. package/reactjs/components/TokenSelector/components/TokenIcon.js +2 -2
  20. package/reactjs/components/TokenSelector/components/TokenIcon.mjs +2 -2
  21. package/reactjs/components/TokenSelector/components/TokenList.js +1 -1
  22. package/reactjs/components/TokenSelector/components/TokenList.mjs +1 -1
  23. package/reactjs/hooks/useResolveTokenChain.js +1 -1
  24. package/reactjs/hooks/useResolveTokenChain.mjs +1 -1
  25. package/reactjs/queries/useGetEvmTokensBalances.query.js +2 -1
  26. package/reactjs/queries/useGetEvmTokensBalances.query.mjs +2 -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.0-alpha.38",
31
+ "version": "1.1.0-alpha.39",
32
32
  "main": "index.js",
33
33
  "module": "index.mjs",
34
34
  "types": "index.d.ts",
package/reactjs/components/BridgeForm/BridgeForm.js CHANGED
@@ -737,7 +737,7 @@ const BridgeForm = ({
737
737
  reactjs_components_Connect_MvxAccountDisplay.MvxAccountDisplay,
738
738
  {
739
739
  accountAddress: mvxAddress,
740
- chainIcon: (mvxChain == null ? void 0 : mvxChain.svgUrl) ?? "",
740
+ chainIcon: (mvxChain == null ? void 0 : mvxChain.pngUrl) ?? "",
741
741
  username,
742
742
  accountExplorerUrl: `${options.mvxExplorerAddress}/accounts/${mvxAddress}`,
743
743
  showTag: true,
@@ -783,7 +783,7 @@ const BridgeForm = ({
783
783
  reactjs_components_Connect_MvxConnectButton.MvxConnectButton,
784
784
  {
785
785
  mvxAccountAddress: mvxAddress,
786
- icon: mvxChain == null ? void 0 : mvxChain.svgUrl,
786
+ icon: (mvxChain == null ? void 0 : mvxChain.pngUrl) ?? "",
787
787
  onClick: onMvxConnect
788
788
  }
789
789
  ),
@@ -808,7 +808,7 @@ const BridgeForm = ({
808
808
  /* @__PURE__ */ jsxRuntime.jsx(
809
809
  "img",
810
810
  {
811
- src: (mvxChain == null ? void 0 : mvxChain.svgUrl) ?? "",
811
+ src: (mvxChain == null ? void 0 : mvxChain.pngUrl) ?? "",
812
812
  alt: "",
813
813
  className: "liq-h-[1.5rem] liq-w-[1.5rem]"
814
814
  }
@@ -829,7 +829,7 @@ const BridgeForm = ({
829
829
  /* @__PURE__ */ jsxRuntime.jsx(
830
830
  "img",
831
831
  {
832
- src: (mvxChain == null ? void 0 : mvxChain.svgUrl) ?? "",
832
+ src: (mvxChain == null ? void 0 : mvxChain.pngUrl) ?? "",
833
833
  alt: "",
834
834
  className: "liq-h-[1.5rem] liq-w-[1.5rem]"
835
835
  }
package/reactjs/components/BridgeForm/BridgeForm.mjs CHANGED
@@ -734,7 +734,7 @@ const BridgeForm = ({
734
734
  MvxAccountDisplay,
735
735
  {
736
736
  accountAddress: mvxAddress,
737
- chainIcon: (mvxChain == null ? void 0 : mvxChain.svgUrl) ?? "",
737
+ chainIcon: (mvxChain == null ? void 0 : mvxChain.pngUrl) ?? "",
738
738
  username,
739
739
  accountExplorerUrl: `${options.mvxExplorerAddress}/accounts/${mvxAddress}`,
740
740
  showTag: true,
@@ -780,7 +780,7 @@ const BridgeForm = ({
780
780
  MvxConnectButton,
781
781
  {
782
782
  mvxAccountAddress: mvxAddress,
783
- icon: mvxChain == null ? void 0 : mvxChain.svgUrl,
783
+ icon: (mvxChain == null ? void 0 : mvxChain.pngUrl) ?? "",
784
784
  onClick: onMvxConnect
785
785
  }
786
786
  ),
@@ -805,7 +805,7 @@ const BridgeForm = ({
805
805
  /* @__PURE__ */ jsx(
806
806
  "img",
807
807
  {
808
- src: (mvxChain == null ? void 0 : mvxChain.svgUrl) ?? "",
808
+ src: (mvxChain == null ? void 0 : mvxChain.pngUrl) ?? "",
809
809
  alt: "",
810
810
  className: "liq-h-[1.5rem] liq-w-[1.5rem]"
811
811
  }
@@ -826,7 +826,7 @@ const BridgeForm = ({
826
826
  /* @__PURE__ */ jsx(
827
827
  "img",
828
828
  {
829
- src: (mvxChain == null ? void 0 : mvxChain.svgUrl) ?? "",
829
+ src: (mvxChain == null ? void 0 : mvxChain.pngUrl) ?? "",
830
830
  alt: "",
831
831
  className: "liq-h-[1.5rem] liq-w-[1.5rem]"
832
832
  }
package/reactjs/components/BridgeHistory/BridgeHistory.js CHANGED
@@ -214,7 +214,7 @@ const BridgeHistory = ({
214
214
  /* @__PURE__ */ jsxRuntime.jsx(
215
215
  "img",
216
216
  {
217
- src: (_c = tokensMap[transaction.tokenDestination]) == null ? void 0 : _c.svgUrl,
217
+ src: (_c = tokensMap[transaction.tokenDestination]) == null ? void 0 : _c.pngUrl,
218
218
  alt: "",
219
219
  className: "liq-h-[1.5rem] liq-w-[1.5rem]"
220
220
  }
@@ -231,7 +231,7 @@ const BridgeHistory = ({
231
231
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-flex-shrink-0 liq-overflow-hidden liq-rounded-full liq-h-8 liq-w-8 liq-flex liq-items-center liq-justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-h-8 liq-w-8 liq-flex liq-items-center liq-justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
232
232
  "img",
233
233
  {
234
- src: (_f = tokensMap[transaction.tokenSource]) == null ? void 0 : _f.svgUrl,
234
+ src: (_f = tokensMap[transaction.tokenSource]) == null ? void 0 : _f.pngUrl,
235
235
  alt: "",
236
236
  className: "liq-asset-icon liq-sm liq-p-0"
237
237
  }
@@ -239,7 +239,7 @@ const BridgeHistory = ({
239
239
  /* @__PURE__ */ jsxRuntime.jsx(
240
240
  "img",
241
241
  {
242
- src: (_g = chainsMap[transaction.fromChainId]) == null ? void 0 : _g.svgUrl,
242
+ src: (_g = chainsMap[transaction.fromChainId]) == null ? void 0 : _g.pngUrl,
243
243
  alt: "",
244
244
  className: "liq-absolute liq-left-3 liq-bottom-[-2px] liq-chain-icon liq-sm liq-w-5 liq-h-5 liq-border-[3px] liq-border-neutral-850 liq-rounded-lg"
245
245
  }
@@ -271,7 +271,7 @@ const BridgeHistory = ({
271
271
  /* @__PURE__ */ jsxRuntime.jsx(
272
272
  "img",
273
273
  {
274
- src: (_j = tokensMap[transaction.tokenSource]) == null ? void 0 : _j.svgUrl,
274
+ src: (_j = tokensMap[transaction.tokenSource]) == null ? void 0 : _j.pngUrl,
275
275
  alt: "",
276
276
  className: "liq-h-[1.5rem] liq-w-[1.5rem]"
277
277
  }
@@ -288,7 +288,7 @@ const BridgeHistory = ({
288
288
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-flex-shrink-0 liq-overflow-hidden liq-rounded-full liq-h-8 liq-w-8 liq-flex liq-items-center liq-justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-h-8 liq-w-8 liq-flex liq-items-center liq-justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
289
289
  "img",
290
290
  {
291
- src: (_m = tokensMap[transaction.tokenDestination]) == null ? void 0 : _m.svgUrl,
291
+ src: (_m = tokensMap[transaction.tokenDestination]) == null ? void 0 : _m.pngUrl,
292
292
  alt: "",
293
293
  className: "liq-asset-icon liq-sm liq-p-0"
294
294
  }
@@ -296,7 +296,7 @@ const BridgeHistory = ({
296
296
  /* @__PURE__ */ jsxRuntime.jsx(
297
297
  "img",
298
298
  {
299
- src: (_n = chainsMap[transaction.toChainId]) == null ? void 0 : _n.svgUrl,
299
+ src: (_n = chainsMap[transaction.toChainId]) == null ? void 0 : _n.pngUrl,
300
300
  alt: "",
301
301
  className: "liq-absolute liq-left-3 liq-bottom-[-2px] liq-chain-icon liq-sm liq-w-5 liq-h-5 liq-border-[3px] liq-border-neutral-850 liq-rounded-lg"
302
302
  }
package/reactjs/components/BridgeHistory/BridgeHistory.mjs CHANGED
@@ -211,7 +211,7 @@ const BridgeHistory = ({
211
211
  /* @__PURE__ */ jsx(
212
212
  "img",
213
213
  {
214
- src: (_c = tokensMap[transaction.tokenDestination]) == null ? void 0 : _c.svgUrl,
214
+ src: (_c = tokensMap[transaction.tokenDestination]) == null ? void 0 : _c.pngUrl,
215
215
  alt: "",
216
216
  className: "liq-h-[1.5rem] liq-w-[1.5rem]"
217
217
  }
@@ -228,7 +228,7 @@ const BridgeHistory = ({
228
228
  /* @__PURE__ */ jsx("div", { className: "liq-flex-shrink-0 liq-overflow-hidden liq-rounded-full liq-h-8 liq-w-8 liq-flex liq-items-center liq-justify-center", children: /* @__PURE__ */ jsx("div", { className: "liq-h-8 liq-w-8 liq-flex liq-items-center liq-justify-center", children: /* @__PURE__ */ jsx(
229
229
  "img",
230
230
  {
231
- src: (_f = tokensMap[transaction.tokenSource]) == null ? void 0 : _f.svgUrl,
231
+ src: (_f = tokensMap[transaction.tokenSource]) == null ? void 0 : _f.pngUrl,
232
232
  alt: "",
233
233
  className: "liq-asset-icon liq-sm liq-p-0"
234
234
  }
@@ -236,7 +236,7 @@ const BridgeHistory = ({
236
236
  /* @__PURE__ */ jsx(
237
237
  "img",
238
238
  {
239
- src: (_g = chainsMap[transaction.fromChainId]) == null ? void 0 : _g.svgUrl,
239
+ src: (_g = chainsMap[transaction.fromChainId]) == null ? void 0 : _g.pngUrl,
240
240
  alt: "",
241
241
  className: "liq-absolute liq-left-3 liq-bottom-[-2px] liq-chain-icon liq-sm liq-w-5 liq-h-5 liq-border-[3px] liq-border-neutral-850 liq-rounded-lg"
242
242
  }
@@ -268,7 +268,7 @@ const BridgeHistory = ({
268
268
  /* @__PURE__ */ jsx(
269
269
  "img",
270
270
  {
271
- src: (_j = tokensMap[transaction.tokenSource]) == null ? void 0 : _j.svgUrl,
271
+ src: (_j = tokensMap[transaction.tokenSource]) == null ? void 0 : _j.pngUrl,
272
272
  alt: "",
273
273
  className: "liq-h-[1.5rem] liq-w-[1.5rem]"
274
274
  }
@@ -285,7 +285,7 @@ const BridgeHistory = ({
285
285
  /* @__PURE__ */ jsx("div", { className: "liq-flex-shrink-0 liq-overflow-hidden liq-rounded-full liq-h-8 liq-w-8 liq-flex liq-items-center liq-justify-center", children: /* @__PURE__ */ jsx("div", { className: "liq-h-8 liq-w-8 liq-flex liq-items-center liq-justify-center", children: /* @__PURE__ */ jsx(
286
286
  "img",
287
287
  {
288
- src: (_m = tokensMap[transaction.tokenDestination]) == null ? void 0 : _m.svgUrl,
288
+ src: (_m = tokensMap[transaction.tokenDestination]) == null ? void 0 : _m.pngUrl,
289
289
  alt: "",
290
290
  className: "liq-asset-icon liq-sm liq-p-0"
291
291
  }
@@ -293,7 +293,7 @@ const BridgeHistory = ({
293
293
  /* @__PURE__ */ jsx(
294
294
  "img",
295
295
  {
296
- src: (_n = chainsMap[transaction.toChainId]) == null ? void 0 : _n.svgUrl,
296
+ src: (_n = chainsMap[transaction.toChainId]) == null ? void 0 : _n.pngUrl,
297
297
  alt: "",
298
298
  className: "liq-absolute liq-left-3 liq-bottom-[-2px] liq-chain-icon liq-sm liq-w-5 liq-h-5 liq-border-[3px] liq-border-neutral-850 liq-rounded-lg"
299
299
  }
package/reactjs/components/Connect/BridgeAccountDisplay.js CHANGED
@@ -98,7 +98,7 @@ const BridgeAccountDisplay = ({
98
98
  }, [account.address]);
99
99
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
100
100
  account.address && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
101
- /* @__PURE__ */ jsxRuntime.jsx("img", { src: activeChain == null ? void 0 : activeChain.svgUrl, alt: "", className: "liq-w-6" }),
101
+ /* @__PURE__ */ jsxRuntime.jsx("img", { src: activeChain == null ? void 0 : activeChain.pngUrl, alt: "", className: "liq-w-6" }),
102
102
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "liq-truncate liq-text-gray-400", children: activeChain == null ? void 0 : activeChain.networkName }),
103
103
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "liq-ml-[-5px]", children: ":" }),
104
104
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-flex liq-items-center liq-justify-between", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liq-flex liq-max-w-[10rem] liq-items-center liq-gap-1", children: [
@@ -134,7 +134,7 @@ const BridgeAccountDisplay = ({
134
134
  account.isConnecting ? "Connecting..." : "Connect",
135
135
  " "
136
136
  ] }),
137
- /* @__PURE__ */ jsxRuntime.jsx("img", { src: activeChain == null ? void 0 : activeChain.svgUrl, alt: "", className: "liq-w-4" }),
137
+ /* @__PURE__ */ jsxRuntime.jsx("img", { src: activeChain == null ? void 0 : activeChain.pngUrl, alt: "", className: "liq-w-4" }),
138
138
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-truncate md:liq-text-clip", children: activeChain == null ? void 0 : activeChain.networkName })
139
139
  ] }) })
140
140
  }
package/reactjs/components/Connect/BridgeAccountDisplay.mjs CHANGED
@@ -95,7 +95,7 @@ const BridgeAccountDisplay = ({
95
95
  }, [account.address]);
96
96
  return /* @__PURE__ */ jsxs(Fragment, { children: [
97
97
  account.address && /* @__PURE__ */ jsxs(Fragment, { children: [
98
- /* @__PURE__ */ jsx("img", { src: activeChain == null ? void 0 : activeChain.svgUrl, alt: "", className: "liq-w-6" }),
98
+ /* @__PURE__ */ jsx("img", { src: activeChain == null ? void 0 : activeChain.pngUrl, alt: "", className: "liq-w-6" }),
99
99
  /* @__PURE__ */ jsx("span", { className: "liq-truncate liq-text-gray-400", children: activeChain == null ? void 0 : activeChain.networkName }),
100
100
  /* @__PURE__ */ jsx("span", { className: "liq-ml-[-5px]", children: ":" }),
101
101
  /* @__PURE__ */ jsx("div", { className: "liq-flex liq-items-center liq-justify-between", children: /* @__PURE__ */ jsxs("div", { className: "liq-flex liq-max-w-[10rem] liq-items-center liq-gap-1", children: [
@@ -131,7 +131,7 @@ const BridgeAccountDisplay = ({
131
131
  account.isConnecting ? "Connecting..." : "Connect",
132
132
  " "
133
133
  ] }),
134
- /* @__PURE__ */ jsx("img", { src: activeChain == null ? void 0 : activeChain.svgUrl, alt: "", className: "liq-w-4" }),
134
+ /* @__PURE__ */ jsx("img", { src: activeChain == null ? void 0 : activeChain.pngUrl, alt: "", className: "liq-w-4" }),
135
135
  /* @__PURE__ */ jsx("div", { className: "liq-truncate md:liq-text-clip", children: activeChain == null ? void 0 : activeChain.networkName })
136
136
  ] }) })
137
137
  }
package/reactjs/components/Connect/BridgeConnectButton.js CHANGED
@@ -15,7 +15,7 @@ const BridgeConnectButton = ({
15
15
  activeChain && /* @__PURE__ */ jsxRuntime.jsx(
16
16
  "img",
17
17
  {
18
- src: activeChain.svgUrl,
18
+ src: activeChain.pngUrl,
19
19
  alt: "",
20
20
  className: "liq-z-10 liq-flex liq-h-[1.5rem] liq-w-[1.5rem] liq-p-1"
21
21
  }
package/reactjs/components/Connect/BridgeConnectButton.mjs CHANGED
@@ -12,7 +12,7 @@ const BridgeConnectButton = ({
12
12
  activeChain && /* @__PURE__ */ jsx(
13
13
  "img",
14
14
  {
15
- src: activeChain.svgUrl,
15
+ src: activeChain.pngUrl,
16
16
  alt: "",
17
17
  className: "liq-z-10 liq-flex liq-h-[1.5rem] liq-w-[1.5rem] liq-p-1"
18
18
  }
package/reactjs/components/TokenSelector/components/ChainSelect/ChainSelect.js CHANGED
@@ -24,7 +24,8 @@ const ChainSelect = ({
24
24
  id: chain.chainId.toString(),
25
25
  name: chain.chainName,
26
26
  networkName: chain.networkName,
27
- svgUrl: chain.svgUrl
27
+ svgUrl: chain.svgUrl,
28
+ pngUrl: chain.pngUrl
28
29
  }
29
30
  }));
30
31
  if (ignoreAllChains) {
@@ -37,7 +38,8 @@ const ChainSelect = ({
37
38
  id: reactjs_constants_chains.ALL_NETWORK_ID,
38
39
  name: "all",
39
40
  networkName: "All",
40
- svgUrl: "https://cdn.multiversx.com/liquidity-sdk/all-networks.svg"
41
+ svgUrl: "https://cdn.multiversx.com/liquidity-sdk/all-networks.svg",
42
+ pngUrl: "https://cdn.multiversx.com/liquidity-sdk/all-networks.svg"
41
43
  }
42
44
  });
43
45
  return options;
package/reactjs/components/TokenSelector/components/ChainSelect/ChainSelect.mjs CHANGED
@@ -21,7 +21,8 @@ const ChainSelect = ({
21
21
  id: chain.chainId.toString(),
22
22
  name: chain.chainName,
23
23
  networkName: chain.networkName,
24
- svgUrl: chain.svgUrl
24
+ svgUrl: chain.svgUrl,
25
+ pngUrl: chain.pngUrl
25
26
  }
26
27
  }));
27
28
  if (ignoreAllChains) {
@@ -34,7 +35,8 @@ const ChainSelect = ({
34
35
  id: ALL_NETWORK_ID,
35
36
  name: "all",
36
37
  networkName: "All",
37
- svgUrl: "https://cdn.multiversx.com/liquidity-sdk/all-networks.svg"
38
+ svgUrl: "https://cdn.multiversx.com/liquidity-sdk/all-networks.svg",
39
+ pngUrl: "https://cdn.multiversx.com/liquidity-sdk/all-networks.svg"
38
40
  }
39
41
  });
40
42
  return options;
package/reactjs/components/TokenSelector/components/ChainSelect/components/ChainOptionLabel.d.ts CHANGED
@@ -6,6 +6,7 @@ export interface ChainOptionLabelType {
6
6
  name: string;
7
7
  networkName: string;
8
8
  svgUrl?: string;
9
+ pngUrl?: string;
9
10
  };
10
11
  }
11
12
  export declare const ChainOptionLabel: ({ chain, inDropdown }: ChainOptionLabelType) => import("react/jsx-runtime").JSX.Element;
package/reactjs/components/TokenSelector/components/ChainSelect/components/ChainOptionLabel.js CHANGED
@@ -15,10 +15,10 @@ const ChainOptionLabel = ({
15
15
  {
16
16
  className: `chain-element liq-flex liq-items-center liq-justify-between`,
17
17
  children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liq-flex liq-flex-row liq-items-center", children: [
18
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: `chain-image liq-mr-2 ${inDropdownClass}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-h-6 liq-w-6 liq-flex-shrink-0 liq-overflow-hidden", children: chain.svgUrl ? /* @__PURE__ */ jsxRuntime.jsx(
18
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: `chain-image liq-mr-2 ${inDropdownClass}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-h-6 liq-w-6 liq-flex-shrink-0 liq-overflow-hidden", children: chain.pngUrl ? /* @__PURE__ */ jsxRuntime.jsx(
19
19
  "img",
20
20
  {
21
- src: chain.svgUrl ?? reactjs_constants_chains.chainIdentifier[chain.name],
21
+ src: chain.pngUrl ?? reactjs_constants_chains.chainIdentifier[chain.name],
22
22
  alt: "",
23
23
  loading: "lazy",
24
24
  className: "liq-h-full liq-w-full"
package/reactjs/components/TokenSelector/components/ChainSelect/components/ChainOptionLabel.mjs CHANGED
@@ -12,10 +12,10 @@ const ChainOptionLabel = ({
12
12
  {
13
13
  className: `chain-element liq-flex liq-items-center liq-justify-between`,
14
14
  children: /* @__PURE__ */ jsxs("div", { className: "liq-flex liq-flex-row liq-items-center", children: [
15
- /* @__PURE__ */ jsx("div", { className: `chain-image liq-mr-2 ${inDropdownClass}`, children: /* @__PURE__ */ jsx("div", { className: "liq-h-6 liq-w-6 liq-flex-shrink-0 liq-overflow-hidden", children: chain.svgUrl ? /* @__PURE__ */ jsx(
15
+ /* @__PURE__ */ jsx("div", { className: `chain-image liq-mr-2 ${inDropdownClass}`, children: /* @__PURE__ */ jsx("div", { className: "liq-h-6 liq-w-6 liq-flex-shrink-0 liq-overflow-hidden", children: chain.pngUrl ? /* @__PURE__ */ jsx(
16
16
  "img",
17
17
  {
18
- src: chain.svgUrl ?? chainIdentifier[chain.name],
18
+ src: chain.pngUrl ?? chainIdentifier[chain.name],
19
19
  alt: "",
20
20
  loading: "lazy",
21
21
  className: "liq-h-full liq-w-full"
package/reactjs/components/TokenSelector/components/ChainSelect/components/SelectedChainOption.js CHANGED
@@ -18,10 +18,10 @@ const SelectedChainOption = ({
18
18
  {
19
19
  className: "liq-h-6 liq-w-6 liq-flex liq-justify-between liq-items-center liq-cursor-pointer",
20
20
  onClick: onMenuOpen,
21
- children: (chain == null ? void 0 : chain.svgUrl) ? /* @__PURE__ */ jsxRuntime.jsx(
21
+ children: (chain == null ? void 0 : chain.pngUrl) ? /* @__PURE__ */ jsxRuntime.jsx(
22
22
  "img",
23
23
  {
24
- src: chain.svgUrl ?? reactjs_constants_chains.chainIdentifier[chain.name],
24
+ src: chain.pngUrl ?? reactjs_constants_chains.chainIdentifier[chain.name],
25
25
  alt: "",
26
26
  loading: "lazy",
27
27
  className: "liq-h-full liq-w-full"
package/reactjs/components/TokenSelector/components/ChainSelect/components/SelectedChainOption.mjs CHANGED
@@ -15,10 +15,10 @@ const SelectedChainOption = ({
15
15
  {
16
16
  className: "liq-h-6 liq-w-6 liq-flex liq-justify-between liq-items-center liq-cursor-pointer",
17
17
  onClick: onMenuOpen,
18
- children: (chain == null ? void 0 : chain.svgUrl) ? /* @__PURE__ */ jsx(
18
+ children: (chain == null ? void 0 : chain.pngUrl) ? /* @__PURE__ */ jsx(
19
19
  "img",
20
20
  {
21
- src: chain.svgUrl ?? chainIdentifier[chain.name],
21
+ src: chain.pngUrl ?? chainIdentifier[chain.name],
22
22
  alt: "",
23
23
  loading: "lazy",
24
24
  className: "liq-h-full liq-w-full"
package/reactjs/components/TokenSelector/components/ChainSelect/types/chainSelectOption.d.ts CHANGED
@@ -6,5 +6,6 @@ export type ChainSelectOptionType = {
6
6
  name: string;
7
7
  networkName: string;
8
8
  svgUrl?: string;
9
+ pngUrl?: string;
9
10
  };
10
11
  };
package/reactjs/components/TokenSelector/components/ChainSelect/types/partialChainOption.d.ts CHANGED
@@ -6,5 +6,6 @@ export type PartialChainOptionType = {
6
6
  name: string;
7
7
  networkName: string;
8
8
  svgUrl: string;
9
+ pngUrl: string;
9
10
  };
10
11
  };
package/reactjs/components/TokenSelector/components/TokenIcon.js CHANGED
@@ -17,10 +17,10 @@ const TokenIcon = ({
17
17
  if (!assetTicker || !token) {
18
18
  return /* @__PURE__ */ jsxRuntime.jsx("img", { src: _default.DefaultIcon, alt: "" });
19
19
  }
20
- return token.svgUrl && token.svgUrl !== "" ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
20
+ return token.pngUrl && token.pngUrl !== "" ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
21
21
  "img",
22
22
  {
23
- src: token.svgUrl,
23
+ src: token.pngUrl,
24
24
  alt: "",
25
25
  className: "liq-asset-icon liq-sm liq-p-0"
26
26
  }
package/reactjs/components/TokenSelector/components/TokenIcon.mjs CHANGED
@@ -14,10 +14,10 @@ const TokenIcon = ({
14
14
  if (!assetTicker || !token) {
15
15
  return /* @__PURE__ */ jsx("img", { src: DefaultIcon, alt: "" });
16
16
  }
17
- return token.svgUrl && token.svgUrl !== "" ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
17
+ return token.pngUrl && token.pngUrl !== "" ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
18
18
  "img",
19
19
  {
20
- src: token.svgUrl,
20
+ src: token.pngUrl,
21
21
  alt: "",
22
22
  className: "liq-asset-icon liq-sm liq-p-0"
23
23
  }
package/reactjs/components/TokenSelector/components/TokenList.js CHANGED
@@ -15,7 +15,7 @@ const TokenList = ({
15
15
  onClick: onSelect,
16
16
  selected: (selectedToken == null ? void 0 : selectedToken.address) === token.address
17
17
  },
18
- token.address
18
+ `${token.address}-${token.chainId}`
19
19
  )) });
20
20
  };
21
21
  exports.TokenList = TokenList;
package/reactjs/components/TokenSelector/components/TokenList.mjs CHANGED
@@ -12,7 +12,7 @@ const TokenList = ({
12
12
  onClick: onSelect,
13
13
  selected: (selectedToken == null ? void 0 : selectedToken.address) === token.address
14
14
  },
15
- token.address
15
+ `${token.address}-${token.chainId}`
16
16
  )) });
17
17
  };
18
18
  export {
package/reactjs/hooks/useResolveTokenChain.js CHANGED
@@ -15,7 +15,7 @@ const useResolveTokenChain = ({ token }) => {
15
15
  return {
16
16
  tokenChain,
17
17
  isLoading,
18
- chainIcon: tokenChain ? tokenChain.svgUrl ?? reactjs_constants_chains.chainIdentifier[tokenChain.chainName] : null
18
+ chainIcon: tokenChain ? tokenChain.pngUrl ?? reactjs_constants_chains.chainIdentifier[tokenChain.chainName] : null
19
19
  };
20
20
  };
21
21
  exports.useResolveTokenChain = useResolveTokenChain;
package/reactjs/hooks/useResolveTokenChain.mjs CHANGED
@@ -12,7 +12,7 @@ const useResolveTokenChain = ({ token }) => {
12
12
  return {
13
13
  tokenChain,
14
14
  isLoading,
15
- chainIcon: tokenChain ? tokenChain.svgUrl ?? chainIdentifier[tokenChain.chainName] : null
15
+ chainIcon: tokenChain ? tokenChain.pngUrl ?? chainIdentifier[tokenChain.chainName] : null
16
16
  };
17
17
  };
18
18
  export {
package/reactjs/queries/useGetEvmTokensBalances.query.js CHANGED
@@ -60,7 +60,8 @@ const useGetEvmTokensBalancesQuery = ({
60
60
  enabled: Boolean(address) && Boolean(chainId),
61
61
  refetchOnWindowFocus: false,
62
62
  refetchIntervalInBackground: true,
63
- refetchInterval: 2e4,
63
+ refetchInterval: 5 * 6e4,
64
+ // 5 minutes,
64
65
  gcTime: 0
65
66
  });
66
67
  };
package/reactjs/queries/useGetEvmTokensBalances.query.mjs CHANGED
@@ -57,7 +57,8 @@ const useGetEvmTokensBalancesQuery = ({
57
57
  enabled: Boolean(address) && Boolean(chainId),
58
58
  refetchOnWindowFocus: false,
59
59
  refetchIntervalInBackground: true,
60
- refetchInterval: 2e4,
60
+ refetchInterval: 5 * 6e4,
61
+ // 5 minutes,
61
62
  gcTime: 0
62
63
  });
63
64
  };