@lifi/widget 1.14.0 → 1.15.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 (146) hide show
  1. package/cjs/components/Header/Header.js +2 -2
  2. package/cjs/components/Header/NavigationHeader.js +5 -7
  3. package/cjs/components/Header/WalletHeader.js +4 -5
  4. package/cjs/components/ReverseTokensButton/ReverseTokensButton.js +10 -10
  5. package/cjs/components/SelectTokenButton/SelectTokenButton.d.ts +1 -1
  6. package/cjs/components/SelectTokenButton/SelectTokenButton.js +3 -3
  7. package/cjs/components/{SwapInProgress/SwapInProgress.d.ts → SendToWallet/SendToWallet.d.ts} +1 -1
  8. package/cjs/components/SendToWallet/SendToWallet.js +53 -0
  9. package/cjs/components/SendToWallet/SendToWallet.style.d.ts +19 -0
  10. package/cjs/components/SendToWallet/SendToWallet.style.js +15 -0
  11. package/cjs/components/SendToWallet/index.d.ts +1 -0
  12. package/cjs/components/{SwapInProgress → SendToWallet}/index.js +1 -1
  13. package/cjs/components/Step/StepTimer.js +1 -1
  14. package/cjs/components/SwapButton/SwapButton.js +11 -8
  15. package/cjs/components/SwapInput/FormPriceHelperText.d.ts +1 -1
  16. package/cjs/components/SwapInput/FormPriceHelperText.js +4 -4
  17. package/cjs/components/SwapInput/SwapInput.d.ts +1 -1
  18. package/cjs/components/SwapInput/SwapInput.js +4 -4
  19. package/cjs/components/SwapInput/SwapInputAdornment.d.ts +1 -1
  20. package/cjs/components/SwapInput/SwapInputAdornment.js +4 -4
  21. package/cjs/components/SwapRouteCard/SwapRouteCard.js +4 -3
  22. package/cjs/components/SwapRouteCard/SwapRouteCard.style.js +3 -3
  23. package/cjs/components/SwapsInProgress/SwapsInProgress.d.ts +3 -0
  24. package/cjs/components/SwapsInProgress/SwapsInProgress.js +29 -0
  25. package/cjs/components/{SwapInProgress/SwapInProgress.style.d.ts → SwapsInProgress/SwapsInProgress.style.d.ts} +0 -0
  26. package/cjs/components/{SwapInProgress/SwapInProgress.style.js → SwapsInProgress/SwapsInProgress.style.js} +0 -0
  27. package/cjs/components/SwapsInProgress/index.d.ts +1 -0
  28. package/cjs/components/SwapsInProgress/index.js +17 -0
  29. package/cjs/components/TokenList/TokenList.js +10 -11
  30. package/cjs/components/TokenList/VirtualizedTokenList.js +1 -1
  31. package/cjs/components/TokenList/types.d.ts +1 -1
  32. package/cjs/config/version.d.ts +1 -1
  33. package/cjs/config/version.js +1 -1
  34. package/cjs/hooks/index.d.ts +1 -0
  35. package/cjs/hooks/index.js +1 -0
  36. package/cjs/hooks/useNavigateBack.d.ts +4 -0
  37. package/cjs/hooks/useNavigateBack.js +18 -0
  38. package/cjs/hooks/useSwapRoutes.js +18 -7
  39. package/cjs/i18n/en/translation.json +13 -8
  40. package/cjs/i18n/index.d.ts +11 -6
  41. package/cjs/pages/MainPage/MainPage.js +3 -2
  42. package/cjs/pages/SelectTokenPage/ChainSelect.d.ts +1 -1
  43. package/cjs/pages/SelectTokenPage/ChainSelect.js +11 -12
  44. package/cjs/pages/SelectTokenPage/SearchTokenInput.js +3 -3
  45. package/cjs/pages/SelectTokenPage/SelectTokenPage.d.ts +1 -1
  46. package/cjs/pages/SelectTokenPage/SelectTokenPage.js +2 -6
  47. package/cjs/pages/SelectWalletPage/SelectWalletPage.js +6 -6
  48. package/cjs/pages/SettingsPage/AdvancedPreferences.js +2 -2
  49. package/cjs/pages/SettingsPage/ColorSchemeButtonGroup.js +2 -2
  50. package/cjs/pages/SettingsPage/SettingsPage.js +2 -1
  51. package/cjs/pages/SettingsPage/ShowDestinationWallet.d.ts +2 -0
  52. package/cjs/pages/SettingsPage/ShowDestinationWallet.js +22 -0
  53. package/cjs/pages/SwapDetailsPage/SwapDetailsPage.js +3 -2
  54. package/cjs/pages/SwapHistoryPage/SwapHistoryPage.js +2 -2
  55. package/cjs/pages/SwapPage/StatusBottomSheet.js +4 -5
  56. package/cjs/pages/SwapPage/SwapPage.js +2 -2
  57. package/cjs/pages/SwapRoutesPage/SwapRoutesPage.js +1 -1
  58. package/cjs/providers/SwapFormProvider/SwapFormProvider.d.ts +1 -0
  59. package/cjs/providers/SwapFormProvider/SwapFormProvider.js +10 -4
  60. package/cjs/providers/SwapFormProvider/types.d.ts +3 -1
  61. package/cjs/providers/SwapFormProvider/types.js +1 -0
  62. package/cjs/providers/WalletProvider/WalletProvider.js +10 -4
  63. package/cjs/providers/WalletProvider/types.d.ts +4 -2
  64. package/cjs/providers/index.d.ts +4 -0
  65. package/cjs/providers/index.js +20 -0
  66. package/cjs/stores/settings/types.d.ts +2 -1
  67. package/cjs/stores/settings/useSettingsStore.d.ts +4 -2
  68. package/cjs/stores/settings/useSettingsStore.js +1 -0
  69. package/cjs/types/widget.d.ts +1 -0
  70. package/cjs/utils/format.js +7 -2
  71. package/components/Header/Header.js +1 -1
  72. package/components/Header/NavigationHeader.js +5 -7
  73. package/components/Header/WalletHeader.js +1 -2
  74. package/components/ReverseTokensButton/ReverseTokensButton.js +1 -1
  75. package/components/SelectTokenButton/SelectTokenButton.d.ts +1 -1
  76. package/components/SelectTokenButton/SelectTokenButton.js +1 -1
  77. package/components/{SwapInProgress/SwapInProgress.d.ts → SendToWallet/SendToWallet.d.ts} +1 -1
  78. package/components/SendToWallet/SendToWallet.js +49 -0
  79. package/components/SendToWallet/SendToWallet.style.d.ts +19 -0
  80. package/components/SendToWallet/SendToWallet.style.js +12 -0
  81. package/components/SendToWallet/index.d.ts +1 -0
  82. package/components/SendToWallet/index.js +1 -0
  83. package/components/Step/StepTimer.js +1 -1
  84. package/components/SwapButton/SwapButton.js +9 -6
  85. package/components/SwapInput/FormPriceHelperText.d.ts +1 -1
  86. package/components/SwapInput/FormPriceHelperText.js +1 -1
  87. package/components/SwapInput/SwapInput.d.ts +1 -1
  88. package/components/SwapInput/SwapInput.js +1 -1
  89. package/components/SwapInput/SwapInputAdornment.d.ts +1 -1
  90. package/components/SwapInput/SwapInputAdornment.js +1 -1
  91. package/components/SwapRouteCard/SwapRouteCard.js +4 -3
  92. package/components/SwapRouteCard/SwapRouteCard.style.js +3 -3
  93. package/components/SwapsInProgress/SwapsInProgress.d.ts +3 -0
  94. package/components/{SwapInProgress/SwapInProgress.js → SwapsInProgress/SwapsInProgress.js} +4 -4
  95. package/components/{SwapInProgress/SwapInProgress.style.d.ts → SwapsInProgress/SwapsInProgress.style.d.ts} +0 -0
  96. package/components/{SwapInProgress/SwapInProgress.style.js → SwapsInProgress/SwapsInProgress.style.js} +0 -0
  97. package/components/SwapsInProgress/index.d.ts +1 -0
  98. package/components/SwapsInProgress/index.js +1 -0
  99. package/components/TokenList/TokenList.js +1 -2
  100. package/components/TokenList/VirtualizedTokenList.js +1 -1
  101. package/components/TokenList/types.d.ts +1 -1
  102. package/config/version.d.ts +1 -1
  103. package/config/version.js +1 -1
  104. package/hooks/index.d.ts +1 -0
  105. package/hooks/index.js +1 -0
  106. package/hooks/useNavigateBack.d.ts +4 -0
  107. package/hooks/useNavigateBack.js +14 -0
  108. package/hooks/useSwapRoutes.js +18 -7
  109. package/i18n/en/translation.json +13 -8
  110. package/i18n/index.d.ts +11 -6
  111. package/package.json +9 -12
  112. package/pages/MainPage/MainPage.js +3 -2
  113. package/pages/SelectTokenPage/ChainSelect.d.ts +1 -1
  114. package/pages/SelectTokenPage/ChainSelect.js +9 -10
  115. package/pages/SelectTokenPage/SearchTokenInput.js +1 -1
  116. package/pages/SelectTokenPage/SelectTokenPage.d.ts +1 -1
  117. package/pages/SelectTokenPage/SelectTokenPage.js +3 -7
  118. package/pages/SelectWalletPage/SelectWalletPage.js +5 -5
  119. package/pages/SettingsPage/AdvancedPreferences.js +2 -2
  120. package/pages/SettingsPage/ColorSchemeButtonGroup.js +1 -1
  121. package/pages/SettingsPage/SettingsPage.js +2 -1
  122. package/pages/SettingsPage/ShowDestinationWallet.d.ts +2 -0
  123. package/pages/SettingsPage/ShowDestinationWallet.js +18 -0
  124. package/pages/SwapDetailsPage/SwapDetailsPage.js +4 -3
  125. package/pages/SwapHistoryPage/SwapHistoryPage.js +1 -1
  126. package/pages/SwapPage/StatusBottomSheet.js +4 -5
  127. package/pages/SwapPage/SwapPage.js +4 -4
  128. package/pages/SwapRoutesPage/SwapRoutesPage.js +1 -1
  129. package/providers/SwapFormProvider/SwapFormProvider.d.ts +1 -0
  130. package/providers/SwapFormProvider/SwapFormProvider.js +10 -4
  131. package/providers/SwapFormProvider/types.d.ts +3 -1
  132. package/providers/SwapFormProvider/types.js +1 -0
  133. package/providers/WalletProvider/WalletProvider.js +10 -4
  134. package/providers/WalletProvider/types.d.ts +4 -2
  135. package/providers/index.d.ts +4 -0
  136. package/providers/index.js +4 -0
  137. package/stores/settings/types.d.ts +2 -1
  138. package/stores/settings/useSettingsStore.d.ts +4 -2
  139. package/stores/settings/useSettingsStore.js +1 -0
  140. package/tsconfig.cjs.tsbuildinfo +1 -1
  141. package/types/widget.d.ts +1 -0
  142. package/utils/format.js +7 -2
  143. package/cjs/components/SwapInProgress/SwapInProgress.js +0 -29
  144. package/cjs/components/SwapInProgress/index.d.ts +0 -1
  145. package/components/SwapInProgress/index.d.ts +0 -1
  146. package/components/SwapInProgress/index.js +0 -1
@@ -24,7 +24,7 @@ const initialContext = {
24
24
  const WalletContext = createContext(initialContext);
25
25
  export const useWallet = () => useContext(WalletContext);
26
26
  export const WalletProvider = ({ children, walletManagement }) => {
27
- const { connect: walletManagementConnect, disconnect: walletManagementDisconnect, signer, } = useLiFiWalletManagement();
27
+ const { connect: walletManagementConnect, disconnect: walletManagementDisconnect, signer, provider, } = useLiFiWalletManagement();
28
28
  const [account, setAccount] = useState({});
29
29
  const connect = useCallback((wallet) => __awaiter(void 0, void 0, void 0, function* () {
30
30
  if (walletManagement) {
@@ -68,8 +68,13 @@ export const WalletProvider = ({ children, walletManagement }) => {
68
68
  // keep account information up to date
69
69
  useEffect(() => {
70
70
  const updateAccount = () => __awaiter(void 0, void 0, void 0, function* () {
71
- var _a;
72
- const account = yield extractAccountFromSigner((_a = walletManagement === null || walletManagement === void 0 ? void 0 : walletManagement.signer) !== null && _a !== void 0 ? _a : signer);
71
+ let account;
72
+ if (walletManagement) {
73
+ account = yield extractAccountFromSigner(walletManagement === null || walletManagement === void 0 ? void 0 : walletManagement.signer);
74
+ }
75
+ else {
76
+ account = yield extractAccountFromSigner(signer);
77
+ }
73
78
  setAccount(account);
74
79
  });
75
80
  updateAccount();
@@ -81,7 +86,8 @@ export const WalletProvider = ({ children, walletManagement }) => {
81
86
  addChain,
82
87
  addToken,
83
88
  account,
84
- }), [account, addChain, addToken, connect, disconnect, switchChain]);
89
+ provider,
90
+ }), [account, addChain, addToken, connect, disconnect, provider, switchChain]);
85
91
  return (_jsx(WalletContext.Provider, Object.assign({ value: value }, { children: children })));
86
92
  };
87
93
  export const extractAccountFromSigner = (signer) => __awaiter(void 0, void 0, void 0, function* () {
@@ -1,8 +1,10 @@
1
+ import type { Web3Provider } from '@ethersproject/providers';
1
2
  import type { Token } from '@lifi/sdk';
2
3
  import type { Wallet } from '@lifi/wallet-management';
3
4
  import type { Signer } from 'ethers';
4
5
  export interface WalletContextProps {
5
6
  account: WalletAccount;
7
+ provider?: Web3Provider;
6
8
  addChain(chainId: number): Promise<boolean>;
7
9
  addToken(chainId: number, token: Token): Promise<void>;
8
10
  disconnect(): void;
@@ -10,8 +12,8 @@ export interface WalletContextProps {
10
12
  connect(wallet?: Wallet | undefined): Promise<void>;
11
13
  }
12
14
  export interface WalletAccount {
13
- address?: string;
14
15
  isActive?: boolean;
15
- signer?: Signer;
16
16
  chainId?: number;
17
+ address?: string;
18
+ signer?: Signer;
17
19
  }
@@ -0,0 +1,4 @@
1
+ export * from './SwapFormProvider';
2
+ export * from './ThemeProvider';
3
+ export * from './WalletProvider';
4
+ export * from './WidgetProvider';
@@ -0,0 +1,4 @@
1
+ export * from './SwapFormProvider';
2
+ export * from './ThemeProvider';
3
+ export * from './WalletProvider';
4
+ export * from './WidgetProvider';
@@ -7,9 +7,10 @@ export declare const SettingsToolTypes: SettingsToolType[];
7
7
  export interface SettingsState {
8
8
  advancedPreferences: boolean;
9
9
  appearance: Appearance;
10
+ gasPrice: string;
10
11
  routePriority: Order;
12
+ showDestinationWallet: boolean;
11
13
  slippage: string;
12
- gasPrice: string;
13
14
  enabledBridges?: string[];
14
15
  _enabledBridges?: Record<string, boolean>;
15
16
  enabledExchanges?: string[];
@@ -8,9 +8,10 @@ export declare const useSettingsStore: import("zustand").UseBoundStore<Omit<Omit
8
8
  setTools(toolType: import("./types").SettingsToolType, tools: string[], availableTools: (Pick<import("@lifi/types").Bridge, "key"> | Pick<import("@lifi/types").Exchange, "key">)[]): void;
9
9
  advancedPreferences: boolean;
10
10
  appearance: import("../..").Appearance;
11
+ gasPrice: string;
11
12
  routePriority: "RECOMMENDED" | "FASTEST" | "CHEAPEST" | "SAFEST";
13
+ showDestinationWallet: boolean;
12
14
  slippage: string;
13
- gasPrice: string;
14
15
  _enabledBridges?: Record<string, boolean> | undefined;
15
16
  _enabledExchanges?: Record<string, boolean> | undefined;
16
17
  }>>) => void;
@@ -26,9 +27,10 @@ export declare const useSettingsStore: import("zustand").UseBoundStore<Omit<Omit
26
27
  setTools(toolType: import("./types").SettingsToolType, tools: string[], availableTools: (Pick<import("@lifi/types").Bridge, "key"> | Pick<import("@lifi/types").Exchange, "key">)[]): void;
27
28
  advancedPreferences: boolean;
28
29
  appearance: import("../..").Appearance;
30
+ gasPrice: string;
29
31
  routePriority: "RECOMMENDED" | "FASTEST" | "CHEAPEST" | "SAFEST";
32
+ showDestinationWallet: boolean;
30
33
  slippage: string;
31
- gasPrice: string;
32
34
  _enabledBridges?: Record<string, boolean> | undefined;
33
35
  _enabledExchanges?: Record<string, boolean> | undefined;
34
36
  }>>;
@@ -16,6 +16,7 @@ import { immer } from 'zustand/middleware/immer';
16
16
  import { SettingsToolTypes } from './types';
17
17
  export const useSettingsStore = create()(persist(immer((set) => ({
18
18
  advancedPreferences: false,
19
+ showDestinationWallet: false,
19
20
  appearance: 'auto',
20
21
  gasPrice: 'normal',
21
22
  routePriority: 'RECOMMENDED',