@lifi/widget 1.18.9 → 1.19.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 (155) hide show
  1. package/App.js +3 -3
  2. package/cjs/App.js +3 -3
  3. package/cjs/components/ActiveSwaps/ActiveSwaps.js +1 -1
  4. package/cjs/components/ActiveSwaps/ActiveSwaps.style.d.ts +0 -14
  5. package/cjs/components/ActiveSwaps/ActiveSwaps.style.js +1 -9
  6. package/cjs/components/AppContainer.d.ts +11 -1
  7. package/cjs/components/AppContainer.js +3 -6
  8. package/cjs/components/BottomSheet/BottomSheet.js +9 -32
  9. package/cjs/components/BottomSheet/types.d.ts +2 -2
  10. package/cjs/components/Card/Card.js +1 -1
  11. package/cjs/components/Card/CardHeader.d.ts +1 -1
  12. package/cjs/components/ChainSelect/ChainSelect.js +1 -1
  13. package/cjs/components/ChainSelect/useChainSelect.js +2 -4
  14. package/cjs/components/Dialog.d.ts +22 -1
  15. package/cjs/components/Dialog.js +23 -20
  16. package/cjs/components/GasSufficiencyMessage/GasSufficiencyMessage.js +19 -22
  17. package/cjs/components/Header/NavigationHeader.js +1 -1
  18. package/cjs/components/Header/WalletHeader.js +2 -2
  19. package/cjs/components/PoweredBy/PoweredBy.js +1 -1
  20. package/cjs/components/ProgressToNextUpdate/ProgressToNextUpdate.js +1 -1
  21. package/cjs/components/ReverseTokensButton/ReverseTokensButton.js +6 -6
  22. package/cjs/components/SelectTokenButton/SelectTokenButton.style.d.ts +1 -1
  23. package/cjs/components/SendToWallet/SendToWallet.d.ts +1 -0
  24. package/cjs/components/SendToWallet/SendToWallet.js +10 -5
  25. package/cjs/components/SendToWallet/SendToWalletButton.js +2 -2
  26. package/cjs/components/Step/StepProcess.js +1 -1
  27. package/cjs/components/SwapButton/SwapButton.js +4 -4
  28. package/cjs/components/SwapButton/types.d.ts +2 -0
  29. package/cjs/components/SwapInput/SwapInput.js +6 -2
  30. package/cjs/components/SwapInput/SwapInputAdornment.js +4 -2
  31. package/cjs/components/SwapInput/SwapInputAdornment.style.js +1 -13
  32. package/cjs/components/SwapRouteCard/SwapRouteCard.js +7 -6
  33. package/cjs/components/SwapRoutes/SwapRoutes.js +4 -4
  34. package/cjs/components/SwapRoutes/SwapRoutesExpanded.d.ts +1 -0
  35. package/cjs/components/SwapRoutes/SwapRoutesExpanded.js +17 -12
  36. package/cjs/components/SwapRoutes/useSetRecommendedRoute.d.ts +2 -0
  37. package/cjs/components/SwapRoutes/useSetRecommendedRoute.js +13 -0
  38. package/cjs/components/TokenList/TokenList.js +9 -6
  39. package/cjs/config/theme.js +22 -8
  40. package/cjs/config/version.d.ts +1 -1
  41. package/cjs/config/version.js +1 -1
  42. package/cjs/hooks/index.d.ts +1 -0
  43. package/cjs/hooks/index.js +1 -0
  44. package/cjs/hooks/useExpandableVariant.d.ts +1 -0
  45. package/cjs/hooks/useExpandableVariant.js +14 -0
  46. package/cjs/hooks/useGasSufficiency.d.ts +3 -2
  47. package/cjs/hooks/useGasSufficiency.js +50 -26
  48. package/cjs/hooks/useSwapRoutes.js +4 -2
  49. package/cjs/hooks/useTokenBalance.js +2 -2
  50. package/cjs/i18n/en/translation.json +8 -7
  51. package/cjs/i18n/index.d.ts +6 -5
  52. package/cjs/pages/ActiveSwapsPage/ActiveSwapsPage.js +21 -4
  53. package/cjs/pages/MainPage/MainPage.js +3 -3
  54. package/cjs/pages/SelectWalletPage/SelectWalletPage.js +1 -1
  55. package/cjs/pages/SwapDetailsPage/SwapDetailsPage.js +2 -2
  56. package/cjs/pages/SwapHistoryPage/SwapHistoryPage.js +2 -2
  57. package/cjs/pages/SwapPage/StatusBottomSheet.js +4 -4
  58. package/cjs/pages/SwapPage/SwapPage.js +4 -4
  59. package/cjs/providers/SwapFormProvider/SwapFormProvider.js +3 -2
  60. package/cjs/providers/SwapFormProvider/URLSearchParamsBuilder.d.ts +1 -0
  61. package/cjs/providers/SwapFormProvider/URLSearchParamsBuilder.js +46 -0
  62. package/cjs/providers/SwapFormProvider/types.d.ts +4 -4
  63. package/cjs/providers/SwapFormProvider/types.js +2 -2
  64. package/cjs/providers/WalletProvider/WalletFormUpdate.d.ts +5 -0
  65. package/cjs/providers/WalletProvider/WalletFormUpdate.js +64 -0
  66. package/cjs/providers/WalletProvider/WalletProvider.js +3 -58
  67. package/cjs/providers/WidgetProvider/WidgetProvider.js +12 -5
  68. package/cjs/stores/routes/index.d.ts +1 -1
  69. package/cjs/stores/routes/index.js +1 -1
  70. package/cjs/stores/routes/types.d.ts +4 -4
  71. package/cjs/stores/routes/useRecommendedRouteStore.d.ts +4 -0
  72. package/cjs/stores/routes/{useSelectedRouteStore.js → useRecommendedRouteStore.js} +4 -4
  73. package/cjs/stores/routes/useRouteExecutionStore.js +9 -2
  74. package/cjs/types/widget.d.ts +1 -0
  75. package/components/ActiveSwaps/ActiveSwaps.js +3 -3
  76. package/components/ActiveSwaps/ActiveSwaps.style.d.ts +0 -14
  77. package/components/ActiveSwaps/ActiveSwaps.style.js +1 -9
  78. package/components/AppContainer.d.ts +11 -1
  79. package/components/AppContainer.js +2 -4
  80. package/components/BottomSheet/BottomSheet.js +9 -32
  81. package/components/BottomSheet/types.d.ts +2 -2
  82. package/components/Card/Card.js +1 -1
  83. package/components/Card/CardHeader.d.ts +1 -1
  84. package/components/ChainSelect/ChainSelect.js +1 -1
  85. package/components/ChainSelect/useChainSelect.js +2 -4
  86. package/components/Dialog.d.ts +22 -1
  87. package/components/Dialog.js +22 -19
  88. package/components/GasSufficiencyMessage/GasSufficiencyMessage.js +21 -24
  89. package/components/Header/NavigationHeader.js +2 -2
  90. package/components/Header/WalletHeader.js +2 -2
  91. package/components/PoweredBy/PoweredBy.js +1 -1
  92. package/components/ProgressToNextUpdate/ProgressToNextUpdate.js +1 -1
  93. package/components/ReverseTokensButton/ReverseTokensButton.js +6 -6
  94. package/components/SelectTokenButton/SelectTokenButton.style.d.ts +1 -1
  95. package/components/SendToWallet/SendToWallet.d.ts +1 -0
  96. package/components/SendToWallet/SendToWallet.js +9 -5
  97. package/components/SendToWallet/SendToWalletButton.js +2 -2
  98. package/components/Step/StepProcess.js +1 -1
  99. package/components/SwapButton/SwapButton.js +4 -4
  100. package/components/SwapButton/types.d.ts +2 -0
  101. package/components/SwapInput/SwapInput.js +6 -2
  102. package/components/SwapInput/SwapInputAdornment.js +4 -2
  103. package/components/SwapInput/SwapInputAdornment.style.js +2 -14
  104. package/components/SwapRouteCard/SwapRouteCard.js +8 -7
  105. package/components/SwapRoutes/SwapRoutes.js +4 -4
  106. package/components/SwapRoutes/SwapRoutesExpanded.d.ts +1 -0
  107. package/components/SwapRoutes/SwapRoutesExpanded.js +16 -12
  108. package/components/SwapRoutes/useSetRecommendedRoute.d.ts +2 -0
  109. package/components/SwapRoutes/useSetRecommendedRoute.js +9 -0
  110. package/components/TokenList/TokenList.js +9 -6
  111. package/config/theme.js +22 -8
  112. package/config/version.d.ts +1 -1
  113. package/config/version.js +1 -1
  114. package/hooks/index.d.ts +1 -0
  115. package/hooks/index.js +1 -0
  116. package/hooks/useExpandableVariant.d.ts +1 -0
  117. package/hooks/useExpandableVariant.js +10 -0
  118. package/hooks/useGasSufficiency.d.ts +3 -2
  119. package/hooks/useGasSufficiency.js +50 -26
  120. package/hooks/useSwapRoutes.js +4 -2
  121. package/hooks/useTokenBalance.js +2 -2
  122. package/i18n/en/translation.json +8 -7
  123. package/i18n/index.d.ts +6 -5
  124. package/package.json +11 -11
  125. package/pages/ActiveSwapsPage/ActiveSwapsPage.js +24 -7
  126. package/pages/MainPage/MainPage.js +3 -3
  127. package/pages/SelectWalletPage/SelectWalletPage.js +1 -1
  128. package/pages/SwapDetailsPage/SwapDetailsPage.js +2 -2
  129. package/pages/SwapHistoryPage/SwapHistoryPage.js +2 -2
  130. package/pages/SwapPage/StatusBottomSheet.js +4 -4
  131. package/pages/SwapPage/SwapPage.js +5 -5
  132. package/providers/SwapFormProvider/SwapFormProvider.js +4 -3
  133. package/providers/SwapFormProvider/URLSearchParamsBuilder.d.ts +1 -0
  134. package/providers/SwapFormProvider/URLSearchParamsBuilder.js +42 -0
  135. package/providers/SwapFormProvider/types.d.ts +4 -4
  136. package/providers/SwapFormProvider/types.js +2 -2
  137. package/providers/WalletProvider/WalletFormUpdate.d.ts +5 -0
  138. package/providers/WalletProvider/WalletFormUpdate.js +60 -0
  139. package/providers/WalletProvider/WalletProvider.js +5 -60
  140. package/providers/WidgetProvider/WidgetProvider.js +12 -5
  141. package/stores/routes/index.d.ts +1 -1
  142. package/stores/routes/index.js +1 -1
  143. package/stores/routes/types.d.ts +4 -4
  144. package/stores/routes/useRecommendedRouteStore.d.ts +4 -0
  145. package/stores/routes/useRecommendedRouteStore.js +9 -0
  146. package/stores/routes/useRouteExecutionStore.js +9 -2
  147. package/tsconfig.cjs.tsbuildinfo +1 -1
  148. package/types/widget.d.ts +1 -0
  149. package/cjs/components/SwapRoutes/useSetSelectedRoute.d.ts +0 -2
  150. package/cjs/components/SwapRoutes/useSetSelectedRoute.js +0 -13
  151. package/cjs/stores/routes/useSelectedRouteStore.d.ts +0 -4
  152. package/components/SwapRoutes/useSetSelectedRoute.d.ts +0 -2
  153. package/components/SwapRoutes/useSetSelectedRoute.js +0 -9
  154. package/stores/routes/useSelectedRouteStore.d.ts +0 -4
  155. package/stores/routes/useSelectedRouteStore.js +0 -9
package/types/widget.d.ts CHANGED
@@ -38,6 +38,7 @@ export interface WidgetConfig {
38
38
  variant?: WidgetVariant;
39
39
  walletManagement?: WidgetWalletManagement;
40
40
  sdkConfig?: ConfigUpdate;
41
+ buildSwapUrl?: boolean;
41
42
  bridges?: {
42
43
  allow?: string[];
43
44
  deny?: string[];
@@ -1,2 +0,0 @@
1
- import type { Route } from '@lifi/sdk';
2
- export declare const useSetSelectedRoute: (currentRoute?: Route, isFetching?: boolean) => void;
@@ -1,13 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useSetSelectedRoute = void 0;
4
- const react_1 = require("react");
5
- const stores_1 = require("../../stores");
6
- const useSetSelectedRoute = (currentRoute, isFetching) => {
7
- const setSelectedRoute = (0, stores_1.useSelectedRouteStore)((state) => state.setSelectedRoute);
8
- (0, react_1.useEffect)(() => {
9
- setSelectedRoute(!isFetching ? currentRoute : undefined);
10
- return () => setSelectedRoute(undefined);
11
- }, [currentRoute, isFetching, setSelectedRoute]);
12
- };
13
- exports.useSetSelectedRoute = useSetSelectedRoute;
@@ -1,4 +0,0 @@
1
- import type { SelectedRouteStore } from './types';
2
- export declare const useSelectedRouteStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<SelectedRouteStore>, "setState"> & {
3
- setState(nextStateOrUpdater: SelectedRouteStore | Partial<SelectedRouteStore> | ((state: import("immer/dist/internal").WritableDraft<SelectedRouteStore>) => void), shouldReplace?: boolean | undefined): void;
4
- }>;
@@ -1,2 +0,0 @@
1
- import type { Route } from '@lifi/sdk';
2
- export declare const useSetSelectedRoute: (currentRoute?: Route, isFetching?: boolean) => void;
@@ -1,9 +0,0 @@
1
- import { useEffect } from 'react';
2
- import { useSelectedRouteStore } from '../../stores';
3
- export const useSetSelectedRoute = (currentRoute, isFetching) => {
4
- const setSelectedRoute = useSelectedRouteStore((state) => state.setSelectedRoute);
5
- useEffect(() => {
6
- setSelectedRoute(!isFetching ? currentRoute : undefined);
7
- return () => setSelectedRoute(undefined);
8
- }, [currentRoute, isFetching, setSelectedRoute]);
9
- };
@@ -1,4 +0,0 @@
1
- import type { SelectedRouteStore } from './types';
2
- export declare const useSelectedRouteStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<SelectedRouteStore>, "setState"> & {
3
- setState(nextStateOrUpdater: SelectedRouteStore | Partial<SelectedRouteStore> | ((state: import("immer/dist/internal").WritableDraft<SelectedRouteStore>) => void), shouldReplace?: boolean | undefined): void;
4
- }>;
@@ -1,9 +0,0 @@
1
- import create from 'zustand';
2
- import { immer } from 'zustand/middleware/immer';
3
- export const useSelectedRouteStore = create()(immer((set) => ({
4
- setSelectedRoute: (route) => {
5
- set((state) => {
6
- state.selectedRoute = route;
7
- });
8
- },
9
- })));