@lifi/widget 1.16.1 → 1.17.0

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 (119) hide show
  1. package/AppProvider.js +1 -1
  2. package/README.md +1 -1
  3. package/cjs/AppProvider.js +1 -1
  4. package/cjs/components/ChainSelect/ChainSelect.style.js +4 -4
  5. package/cjs/components/ChainSelect/useChainSelect.d.ts +2 -2
  6. package/cjs/components/GasSufficiencyMessage/GasSufficiencyMessage.js +3 -3
  7. package/cjs/components/Header/useHeaderActionStore.d.ts +0 -2
  8. package/cjs/components/Header/useHeaderActionStore.js +1 -5
  9. package/cjs/components/SwapButton/SwapButton.js +3 -23
  10. package/cjs/components/TokenList/TokenList.js +1 -1
  11. package/cjs/components/TokenList/TokenList.style.js +4 -3
  12. package/cjs/components/TokenList/TokenListItem.js +1 -1
  13. package/cjs/components/TokenList/TokenNotFound.d.ts +2 -1
  14. package/cjs/components/TokenList/TokenNotFound.js +12 -2
  15. package/cjs/components/TokenList/types.d.ts +2 -2
  16. package/cjs/config/version.d.ts +1 -1
  17. package/cjs/config/version.js +1 -1
  18. package/cjs/hooks/useChains.js +21 -8
  19. package/cjs/hooks/useFeaturedTokens.d.ts +1 -1
  20. package/cjs/hooks/useFeaturedTokens.js +5 -2
  21. package/cjs/hooks/useGasSufficiency.d.ts +1 -1
  22. package/cjs/hooks/useGasSufficiency.js +30 -21
  23. package/cjs/hooks/useToken.d.ts +0 -1
  24. package/cjs/hooks/useToken.js +1 -2
  25. package/cjs/hooks/useTokenBalances.d.ts +1 -2
  26. package/cjs/hooks/useTokenBalances.js +1 -2
  27. package/cjs/hooks/useTokens.d.ts +1 -2
  28. package/cjs/hooks/useTokens.js +30 -8
  29. package/cjs/hooks/useTools.js +8 -3
  30. package/cjs/i18n/en/translation.json +2 -3
  31. package/cjs/i18n/index.d.ts +1 -2
  32. package/cjs/pages/MainPage/MainSwapButton.js +1 -1
  33. package/cjs/pages/SettingsPage/AdvancedPreferences.js +1 -1
  34. package/cjs/pages/SettingsPage/GasPriceSelect.js +1 -1
  35. package/cjs/pages/SettingsPage/RoutePrioritySelect.js +1 -1
  36. package/cjs/pages/SettingsPage/ShowDestinationWallet.js +1 -1
  37. package/cjs/pages/SettingsPage/SlippageInput.js +1 -1
  38. package/cjs/pages/SwapDetailsPage/SwapDetailsPage.js +2 -3
  39. package/cjs/pages/SwapHistoryPage/SwapHistoryPage.js +2 -3
  40. package/cjs/pages/SwapPage/SwapPage.js +11 -2
  41. package/cjs/pages/SwapRoutesPage/SwapRoutesPage.js +4 -3
  42. package/cjs/providers/SwapFormProvider/SwapFormProvider.js +4 -58
  43. package/cjs/providers/SwapFormProvider/types.d.ts +5 -5
  44. package/cjs/providers/WalletProvider/WalletProvider.js +57 -1
  45. package/cjs/providers/WidgetProvider/index.d.ts +1 -0
  46. package/cjs/providers/WidgetProvider/index.js +1 -0
  47. package/cjs/providers/WidgetProvider/utils.d.ts +4 -0
  48. package/cjs/providers/WidgetProvider/utils.js +13 -0
  49. package/cjs/stores/chains/index.d.ts +0 -1
  50. package/cjs/stores/chains/index.js +0 -1
  51. package/cjs/stores/chains/types.d.ts +1 -1
  52. package/cjs/stores/chains/useChainOrderStore.js +17 -14
  53. package/cjs/stores/settings/index.d.ts +0 -1
  54. package/cjs/stores/settings/index.js +0 -1
  55. package/cjs/stores/settings/useAppearance.js +3 -1
  56. package/cjs/types/widget.d.ts +29 -22
  57. package/components/ChainSelect/ChainSelect.style.js +4 -4
  58. package/components/ChainSelect/useChainSelect.d.ts +2 -2
  59. package/components/GasSufficiencyMessage/GasSufficiencyMessage.js +3 -3
  60. package/components/Header/useHeaderActionStore.d.ts +0 -2
  61. package/components/Header/useHeaderActionStore.js +0 -3
  62. package/components/SwapButton/SwapButton.js +5 -25
  63. package/components/TokenList/TokenList.js +1 -1
  64. package/components/TokenList/TokenList.style.js +4 -3
  65. package/components/TokenList/TokenListItem.js +1 -1
  66. package/components/TokenList/TokenNotFound.d.ts +2 -1
  67. package/components/TokenList/TokenNotFound.js +12 -2
  68. package/components/TokenList/types.d.ts +2 -2
  69. package/config/version.d.ts +1 -1
  70. package/config/version.js +1 -1
  71. package/hooks/useChains.js +23 -10
  72. package/hooks/useFeaturedTokens.d.ts +1 -1
  73. package/hooks/useFeaturedTokens.js +5 -2
  74. package/hooks/useGasSufficiency.d.ts +1 -1
  75. package/hooks/useGasSufficiency.js +32 -23
  76. package/hooks/useToken.d.ts +0 -1
  77. package/hooks/useToken.js +1 -2
  78. package/hooks/useTokenBalances.d.ts +1 -2
  79. package/hooks/useTokenBalances.js +1 -2
  80. package/hooks/useTokens.d.ts +1 -2
  81. package/hooks/useTokens.js +31 -9
  82. package/hooks/useTools.js +9 -4
  83. package/i18n/en/translation.json +2 -3
  84. package/i18n/index.d.ts +1 -2
  85. package/package.json +4 -4
  86. package/pages/MainPage/MainSwapButton.js +1 -1
  87. package/pages/SettingsPage/AdvancedPreferences.js +2 -2
  88. package/pages/SettingsPage/GasPriceSelect.js +2 -2
  89. package/pages/SettingsPage/RoutePrioritySelect.js +2 -2
  90. package/pages/SettingsPage/ShowDestinationWallet.js +2 -2
  91. package/pages/SettingsPage/SlippageInput.js +2 -2
  92. package/pages/SwapDetailsPage/SwapDetailsPage.js +3 -4
  93. package/pages/SwapHistoryPage/SwapHistoryPage.js +3 -4
  94. package/pages/SwapPage/SwapPage.js +11 -2
  95. package/pages/SwapRoutesPage/SwapRoutesPage.js +5 -4
  96. package/providers/SwapFormProvider/SwapFormProvider.js +4 -58
  97. package/providers/SwapFormProvider/types.d.ts +5 -5
  98. package/providers/WalletProvider/WalletProvider.js +58 -2
  99. package/providers/WidgetProvider/index.d.ts +1 -0
  100. package/providers/WidgetProvider/index.js +1 -0
  101. package/providers/WidgetProvider/utils.d.ts +4 -0
  102. package/providers/WidgetProvider/utils.js +9 -0
  103. package/stores/chains/index.d.ts +0 -1
  104. package/stores/chains/index.js +0 -1
  105. package/stores/chains/types.d.ts +1 -1
  106. package/stores/chains/useChainOrderStore.js +17 -14
  107. package/stores/settings/index.d.ts +0 -1
  108. package/stores/settings/index.js +0 -1
  109. package/stores/settings/useAppearance.js +3 -1
  110. package/tsconfig.cjs.tsbuildinfo +1 -1
  111. package/types/widget.d.ts +29 -22
  112. package/cjs/stores/chains/useInitializeChainOrder.d.ts +0 -1
  113. package/cjs/stores/chains/useInitializeChainOrder.js +0 -12
  114. package/cjs/stores/settings/useSetSettings.d.ts +0 -5
  115. package/cjs/stores/settings/useSetSettings.js +0 -12
  116. package/stores/chains/useInitializeChainOrder.d.ts +0 -1
  117. package/stores/chains/useInitializeChainOrder.js +0 -5
  118. package/stores/settings/useSetSettings.d.ts +0 -5
  119. package/stores/settings/useSetSettings.js +0 -5
package/types/widget.d.ts CHANGED
@@ -17,33 +17,40 @@ export interface WidgetWalletManagement {
17
17
  addChain?(chainId: number): Promise<boolean>;
18
18
  signer?: Signer;
19
19
  }
20
- interface WidgetConfigBase {
21
- fromAmount?: number | string;
20
+ export interface WidgetConfig {
21
+ fromChain?: `${ChainKey}` | number;
22
+ toChain?: `${ChainKey}` | number;
23
+ fromToken?: string;
24
+ toToken?: string;
22
25
  toAddress?: string;
23
- containerStyle?: CSSProperties;
24
- theme?: ThemeConfig;
26
+ fromAmount?: number | string;
25
27
  appearance?: Appearance;
28
+ theme?: ThemeConfig;
29
+ containerStyle?: CSSProperties;
26
30
  disableAppearance?: boolean;
27
31
  disableTelemetry?: boolean;
28
- walletManagement?: WidgetWalletManagement;
29
- integrator?: string;
32
+ /** @deprecated Use chains.deny instead */
30
33
  disabledChains?: number[];
34
+ /** @deprecated Use tokens.featured instead */
31
35
  featuredTokens?: Token[];
36
+ integrator?: string;
37
+ walletManagement?: WidgetWalletManagement;
32
38
  sdkConfig?: ConfigUpdate;
39
+ bridges?: {
40
+ allow?: string[];
41
+ deny?: string[];
42
+ };
43
+ exchanges?: {
44
+ allow?: string[];
45
+ deny?: string[];
46
+ };
47
+ chains?: {
48
+ allow?: number[];
49
+ deny?: number[];
50
+ };
51
+ tokens?: {
52
+ featured?: Token[];
53
+ allow?: Token[];
54
+ deny?: (Partial<Token> & Pick<Token, 'address' | 'chainId'>)[];
55
+ };
33
56
  }
34
- declare type WidgetFromTokenConfig = {
35
- fromChain: `${ChainKey}` | number;
36
- fromToken?: string;
37
- } | {
38
- fromChain?: never;
39
- fromToken?: never;
40
- };
41
- declare type WidgetToTokenConfig = {
42
- toChain: `${ChainKey}` | number;
43
- toToken?: string;
44
- } | {
45
- toChain?: never;
46
- toToken?: never;
47
- };
48
- export declare type WidgetConfig = WidgetConfigBase & WidgetFromTokenConfig & WidgetToTokenConfig;
49
- export {};
@@ -1 +0,0 @@
1
- export declare const useSetChainOrder: () => [(chainId: number) => void, (chainIds: number[]) => void];
@@ -1,12 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.useSetChainOrder = void 0;
7
- const shallow_1 = __importDefault(require("zustand/shallow"));
8
- const useChainOrderStore_1 = require("./useChainOrderStore");
9
- const useSetChainOrder = () => {
10
- return (0, useChainOrderStore_1.useChainOrderStore)((state) => [state.setChain, state.initializeChains], shallow_1.default);
11
- };
12
- exports.useSetChainOrder = useSetChainOrder;
@@ -1,5 +0,0 @@
1
- import type { SettingsState, ValueSetter, ValuesSetter } from './types';
2
- export declare const useSetSettings: () => [
3
- ValueSetter<SettingsState>,
4
- ValuesSetter<SettingsState>
5
- ];
@@ -1,12 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.useSetSettings = void 0;
7
- const shallow_1 = __importDefault(require("zustand/shallow"));
8
- const useSettingsStore_1 = require("./useSettingsStore");
9
- const useSetSettings = () => {
10
- return (0, useSettingsStore_1.useSettingsStore)((state) => [state.setValue, state.setValues], shallow_1.default);
11
- };
12
- exports.useSetSettings = useSetSettings;
@@ -1 +0,0 @@
1
- export declare const useSetChainOrder: () => [(chainId: number) => void, (chainIds: number[]) => void];
@@ -1,5 +0,0 @@
1
- import shallow from 'zustand/shallow';
2
- import { useChainOrderStore } from './useChainOrderStore';
3
- export const useSetChainOrder = () => {
4
- return useChainOrderStore((state) => [state.setChain, state.initializeChains], shallow);
5
- };
@@ -1,5 +0,0 @@
1
- import type { SettingsState, ValueSetter, ValuesSetter } from './types';
2
- export declare const useSetSettings: () => [
3
- ValueSetter<SettingsState>,
4
- ValuesSetter<SettingsState>
5
- ];
@@ -1,5 +0,0 @@
1
- import shallow from 'zustand/shallow';
2
- import { useSettingsStore } from './useSettingsStore';
3
- export const useSetSettings = () => {
4
- return useSettingsStore((state) => [state.setValue, state.setValues], shallow);
5
- };