@lifi/widget 1.16.0 → 1.17.1

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 (179) hide show
  1. package/AppDrawer.d.ts +3 -3
  2. package/AppProvider.d.ts +0 -4
  3. package/AppProvider.js +2 -10
  4. package/README.md +1 -1
  5. package/cjs/AppDrawer.d.ts +3 -3
  6. package/cjs/AppProvider.d.ts +0 -4
  7. package/cjs/AppProvider.js +3 -12
  8. package/cjs/components/AppContainer.js +2 -2
  9. package/cjs/components/ChainSelect/ChainSelect.style.js +4 -4
  10. package/cjs/components/ChainSelect/useChainSelect.d.ts +2 -2
  11. package/cjs/components/GasSufficiencyMessage/GasSufficiencyMessage.js +3 -3
  12. package/cjs/components/Header/useHeaderActionStore.d.ts +0 -2
  13. package/cjs/components/Header/useHeaderActionStore.js +1 -5
  14. package/cjs/components/SelectChainAndToken.js +5 -5
  15. package/cjs/components/SwapButton/SwapButton.js +3 -23
  16. package/cjs/components/TokenList/TokenList.js +1 -1
  17. package/cjs/components/TokenList/TokenList.style.js +4 -3
  18. package/cjs/components/TokenList/TokenListItem.js +1 -1
  19. package/cjs/components/TokenList/TokenNotFound.d.ts +2 -1
  20. package/cjs/components/TokenList/TokenNotFound.js +12 -2
  21. package/cjs/components/TokenList/types.d.ts +2 -2
  22. package/cjs/config/version.d.ts +1 -1
  23. package/cjs/config/version.js +1 -1
  24. package/cjs/hooks/useChains.js +23 -10
  25. package/cjs/hooks/useFeaturedTokens.d.ts +1 -1
  26. package/cjs/hooks/useFeaturedTokens.js +6 -3
  27. package/cjs/hooks/useGasSufficiency.d.ts +1 -1
  28. package/cjs/hooks/useGasSufficiency.js +39 -28
  29. package/cjs/hooks/useInitializer.js +6 -0
  30. package/cjs/hooks/useRouteExecution.js +28 -12
  31. package/cjs/hooks/useSwapRoutes.js +10 -11
  32. package/cjs/hooks/useToken.d.ts +0 -1
  33. package/cjs/hooks/useToken.js +1 -2
  34. package/cjs/hooks/useTokenBalances.d.ts +1 -2
  35. package/cjs/hooks/useTokenBalances.js +5 -6
  36. package/cjs/hooks/useTokenSearch.js +3 -2
  37. package/cjs/hooks/useTokens.d.ts +1 -2
  38. package/cjs/hooks/useTokens.js +32 -9
  39. package/cjs/hooks/useTools.js +11 -5
  40. package/cjs/hooks/useWidgetEvents.d.ts +3 -3
  41. package/cjs/hooks/useWidgetEvents.js +2 -2
  42. package/cjs/i18n/en/translation.json +2 -3
  43. package/cjs/i18n/index.d.ts +1 -2
  44. package/cjs/index.d.ts +2 -1
  45. package/cjs/pages/MainPage/MainSwapButton.js +1 -1
  46. package/cjs/pages/SettingsPage/AdvancedPreferences.js +1 -1
  47. package/cjs/pages/SettingsPage/GasPriceSelect.js +1 -1
  48. package/cjs/pages/SettingsPage/RoutePrioritySelect.js +1 -1
  49. package/cjs/pages/SettingsPage/ShowDestinationWallet.js +1 -1
  50. package/cjs/pages/SettingsPage/SlippageInput.js +1 -1
  51. package/cjs/pages/SwapDetailsPage/SwapDetailsPage.js +2 -3
  52. package/cjs/pages/SwapHistoryPage/SwapHistoryPage.js +2 -3
  53. package/cjs/pages/SwapPage/SwapPage.js +11 -2
  54. package/cjs/pages/SwapRoutesPage/SwapRoutesPage.js +4 -3
  55. package/cjs/providers/SDKProvider/SDKProvider.d.ts +4 -0
  56. package/cjs/providers/SDKProvider/SDKProvider.js +27 -0
  57. package/cjs/providers/SDKProvider/index.d.ts +1 -0
  58. package/cjs/providers/SDKProvider/index.js +17 -0
  59. package/cjs/providers/SwapFormProvider/SwapFormProvider.js +4 -58
  60. package/cjs/providers/SwapFormProvider/types.d.ts +5 -5
  61. package/cjs/providers/TelemetryProvider/TelemetryProvider.d.ts +4 -0
  62. package/cjs/providers/TelemetryProvider/TelemetryProvider.js +11 -0
  63. package/cjs/providers/TelemetryProvider/index.d.ts +1 -0
  64. package/cjs/providers/TelemetryProvider/index.js +17 -0
  65. package/cjs/providers/WalletProvider/WalletProvider.d.ts +1 -4
  66. package/cjs/providers/WalletProvider/WalletProvider.js +59 -1
  67. package/cjs/providers/WidgetProvider/WidgetProvider.js +1 -12
  68. package/cjs/providers/WidgetProvider/index.d.ts +1 -0
  69. package/cjs/providers/WidgetProvider/index.js +1 -0
  70. package/cjs/providers/WidgetProvider/utils.d.ts +4 -0
  71. package/cjs/providers/WidgetProvider/utils.js +13 -0
  72. package/cjs/providers/index.d.ts +2 -0
  73. package/cjs/providers/index.js +2 -0
  74. package/cjs/stores/chains/index.d.ts +0 -1
  75. package/cjs/stores/chains/index.js +0 -1
  76. package/cjs/stores/chains/types.d.ts +1 -1
  77. package/cjs/stores/chains/useChainOrderStore.js +17 -14
  78. package/cjs/stores/route/utils.d.ts +2 -1
  79. package/cjs/stores/route/utils.js +17 -1
  80. package/cjs/stores/settings/index.d.ts +0 -1
  81. package/cjs/stores/settings/index.js +0 -1
  82. package/cjs/stores/settings/useAppearance.js +3 -1
  83. package/cjs/types/events.d.ts +15 -3
  84. package/cjs/types/events.js +4 -3
  85. package/cjs/types/widget.d.ts +29 -22
  86. package/cjs/utils/colors.d.ts +1 -1
  87. package/components/AppContainer.js +1 -1
  88. package/components/ChainSelect/ChainSelect.style.js +4 -4
  89. package/components/ChainSelect/useChainSelect.d.ts +2 -2
  90. package/components/GasSufficiencyMessage/GasSufficiencyMessage.js +3 -3
  91. package/components/Header/useHeaderActionStore.d.ts +0 -2
  92. package/components/Header/useHeaderActionStore.js +0 -3
  93. package/components/SelectChainAndToken.js +1 -1
  94. package/components/SwapButton/SwapButton.js +5 -25
  95. package/components/TokenList/TokenList.js +1 -1
  96. package/components/TokenList/TokenList.style.js +4 -3
  97. package/components/TokenList/TokenListItem.js +1 -1
  98. package/components/TokenList/TokenNotFound.d.ts +2 -1
  99. package/components/TokenList/TokenNotFound.js +12 -2
  100. package/components/TokenList/types.d.ts +2 -2
  101. package/config/version.d.ts +1 -1
  102. package/config/version.js +1 -1
  103. package/hooks/useChains.js +24 -11
  104. package/hooks/useFeaturedTokens.d.ts +1 -1
  105. package/hooks/useFeaturedTokens.js +6 -3
  106. package/hooks/useGasSufficiency.d.ts +1 -1
  107. package/hooks/useGasSufficiency.js +35 -24
  108. package/hooks/useInitializer.js +6 -0
  109. package/hooks/useRouteExecution.js +28 -12
  110. package/hooks/useSwapRoutes.js +3 -4
  111. package/hooks/useToken.d.ts +0 -1
  112. package/hooks/useToken.js +1 -2
  113. package/hooks/useTokenBalances.d.ts +1 -2
  114. package/hooks/useTokenBalances.js +4 -5
  115. package/hooks/useTokenSearch.js +3 -2
  116. package/hooks/useTokens.d.ts +1 -2
  117. package/hooks/useTokens.js +32 -9
  118. package/hooks/useTools.js +11 -5
  119. package/hooks/useWidgetEvents.d.ts +3 -3
  120. package/hooks/useWidgetEvents.js +2 -2
  121. package/i18n/en/translation.json +2 -3
  122. package/i18n/index.d.ts +1 -2
  123. package/index.d.ts +2 -1
  124. package/package.json +9 -8
  125. package/pages/MainPage/MainSwapButton.js +1 -1
  126. package/pages/SettingsPage/AdvancedPreferences.js +2 -2
  127. package/pages/SettingsPage/GasPriceSelect.js +2 -2
  128. package/pages/SettingsPage/RoutePrioritySelect.js +2 -2
  129. package/pages/SettingsPage/ShowDestinationWallet.js +2 -2
  130. package/pages/SettingsPage/SlippageInput.js +2 -2
  131. package/pages/SwapDetailsPage/SwapDetailsPage.js +3 -4
  132. package/pages/SwapHistoryPage/SwapHistoryPage.js +3 -4
  133. package/pages/SwapPage/SwapPage.js +11 -2
  134. package/pages/SwapRoutesPage/SwapRoutesPage.js +5 -4
  135. package/providers/SDKProvider/SDKProvider.d.ts +4 -0
  136. package/providers/SDKProvider/SDKProvider.js +19 -0
  137. package/providers/SDKProvider/index.d.ts +1 -0
  138. package/providers/SDKProvider/index.js +1 -0
  139. package/providers/SwapFormProvider/SwapFormProvider.js +4 -58
  140. package/providers/SwapFormProvider/types.d.ts +5 -5
  141. package/providers/TelemetryProvider/TelemetryProvider.d.ts +4 -0
  142. package/providers/TelemetryProvider/TelemetryProvider.js +7 -0
  143. package/providers/TelemetryProvider/index.d.ts +1 -0
  144. package/providers/TelemetryProvider/index.js +1 -0
  145. package/providers/WalletProvider/WalletProvider.d.ts +1 -4
  146. package/providers/WalletProvider/WalletProvider.js +59 -1
  147. package/providers/WidgetProvider/WidgetProvider.js +3 -14
  148. package/providers/WidgetProvider/index.d.ts +1 -0
  149. package/providers/WidgetProvider/index.js +1 -0
  150. package/providers/WidgetProvider/utils.d.ts +4 -0
  151. package/providers/WidgetProvider/utils.js +9 -0
  152. package/providers/index.d.ts +2 -0
  153. package/providers/index.js +2 -0
  154. package/stores/chains/index.d.ts +0 -1
  155. package/stores/chains/index.js +0 -1
  156. package/stores/chains/types.d.ts +1 -1
  157. package/stores/chains/useChainOrderStore.js +17 -14
  158. package/stores/route/utils.d.ts +2 -1
  159. package/stores/route/utils.js +12 -0
  160. package/stores/settings/index.d.ts +0 -1
  161. package/stores/settings/index.js +0 -1
  162. package/stores/settings/useAppearance.js +3 -1
  163. package/tsconfig.cjs.tsbuildinfo +1 -1
  164. package/types/events.d.ts +15 -3
  165. package/types/events.js +4 -3
  166. package/types/widget.d.ts +29 -22
  167. package/utils/colors.d.ts +1 -1
  168. package/cjs/config/lifi.d.ts +0 -4
  169. package/cjs/config/lifi.js +0 -14
  170. package/cjs/stores/chains/useInitializeChainOrder.d.ts +0 -1
  171. package/cjs/stores/chains/useInitializeChainOrder.js +0 -12
  172. package/cjs/stores/settings/useSetSettings.d.ts +0 -5
  173. package/cjs/stores/settings/useSetSettings.js +0 -12
  174. package/config/lifi.d.ts +0 -4
  175. package/config/lifi.js +0 -7
  176. package/stores/chains/useInitializeChainOrder.d.ts +0 -1
  177. package/stores/chains/useInitializeChainOrder.js +0 -5
  178. package/stores/settings/useSetSettings.d.ts +0 -5
  179. package/stores/settings/useSetSettings.js +0 -5
package/types/events.d.ts CHANGED
@@ -1,5 +1,17 @@
1
+ import type { Process, Route } from '@lifi/sdk';
1
2
  export declare enum WidgetEvent {
2
- SwapStarted = "swapStarted",
3
- SwapCompleted = "swapCompleted",
4
- SwapFailed = "swapFailed"
3
+ RouteExecutionStarted = "routeExecutionStarted",
4
+ RouteExecutionUpdated = "routeExecutionUpdated",
5
+ RouteExecutionCompleted = "routeExecutionCompleted",
6
+ RouteExecutionFailed = "routeExecutionFailed"
7
+ }
8
+ export declare type WidgetEvents = {
9
+ routeExecutionStarted: Route;
10
+ routeExecutionUpdated: RouteExecutionUpdate;
11
+ routeExecutionCompleted: Route;
12
+ routeExecutionFailed: RouteExecutionUpdate;
13
+ };
14
+ export interface RouteExecutionUpdate {
15
+ route: Route;
16
+ process: Process;
5
17
  }
package/types/events.js CHANGED
@@ -1,6 +1,7 @@
1
1
  export var WidgetEvent;
2
2
  (function (WidgetEvent) {
3
- WidgetEvent["SwapStarted"] = "swapStarted";
4
- WidgetEvent["SwapCompleted"] = "swapCompleted";
5
- WidgetEvent["SwapFailed"] = "swapFailed";
3
+ WidgetEvent["RouteExecutionStarted"] = "routeExecutionStarted";
4
+ WidgetEvent["RouteExecutionUpdated"] = "routeExecutionUpdated";
5
+ WidgetEvent["RouteExecutionCompleted"] = "routeExecutionCompleted";
6
+ WidgetEvent["RouteExecutionFailed"] = "routeExecutionFailed";
6
7
  })(WidgetEvent || (WidgetEvent = {}));
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 {};
package/utils/colors.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import type { Theme } from '@mui/material';
2
2
  export declare const getContrastAlphaColor: (theme: Theme, alpha: string | number) => string;
3
- export declare const getContrastTextColor: (theme: Theme, background?: string) => "#fff" | "#000";
3
+ export declare const getContrastTextColor: (theme: Theme, background?: string) => "#000" | "#fff";
@@ -1,4 +0,0 @@
1
- import type { ConfigUpdate } from '@lifi/sdk';
2
- import LIFI from '@lifi/sdk';
3
- export declare const LiFi: LIFI;
4
- export declare const updateLiFiConfig: (configUpdate: ConfigUpdate) => void;
@@ -1,14 +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.updateLiFiConfig = exports.LiFi = void 0;
7
- const sdk_1 = __importDefault(require("@lifi/sdk"));
8
- exports.LiFi = new sdk_1.default({
9
- disableVersionCheck: true,
10
- });
11
- const updateLiFiConfig = (configUpdate) => {
12
- exports.LiFi.setConfig(configUpdate);
13
- };
14
- exports.updateLiFiConfig = updateLiFiConfig;
@@ -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;
package/config/lifi.d.ts DELETED
@@ -1,4 +0,0 @@
1
- import type { ConfigUpdate } from '@lifi/sdk';
2
- import LIFI from '@lifi/sdk';
3
- export declare const LiFi: LIFI;
4
- export declare const updateLiFiConfig: (configUpdate: ConfigUpdate) => void;
package/config/lifi.js DELETED
@@ -1,7 +0,0 @@
1
- import LIFI from '@lifi/sdk';
2
- export const LiFi = new LIFI({
3
- disableVersionCheck: true,
4
- });
5
- export const updateLiFiConfig = (configUpdate) => {
6
- LiFi.setConfig(configUpdate);
7
- };
@@ -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
- };