@lifi/widget 1.15.1 → 1.16.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 (235) hide show
  1. package/App.js +21 -0
  2. package/cjs/App.js +21 -0
  3. package/cjs/components/ActiveSwaps/ActiveSwapItem.d.ts +5 -0
  4. package/cjs/components/ActiveSwaps/ActiveSwapItem.js +45 -0
  5. package/cjs/components/{SwapsInProgress/SwapsInProgress.d.ts → ActiveSwaps/ActiveSwaps.d.ts} +1 -1
  6. package/cjs/components/ActiveSwaps/ActiveSwaps.js +30 -0
  7. package/cjs/components/ActiveSwaps/ActiveSwaps.style.d.ts +78 -0
  8. package/cjs/components/ActiveSwaps/ActiveSwaps.style.js +40 -0
  9. package/cjs/components/ActiveSwaps/index.d.ts +2 -0
  10. package/cjs/components/ActiveSwaps/index.js +18 -0
  11. package/cjs/components/Card/Card.d.ts +7 -4
  12. package/cjs/components/Card/Card.js +38 -28
  13. package/cjs/{pages/SelectTokenPage → components/ChainSelect}/ChainSelect.d.ts +0 -0
  14. package/cjs/components/ChainSelect/ChainSelect.js +35 -0
  15. package/cjs/components/{SwapsInProgress/SwapsInProgress.style.d.ts → ChainSelect/ChainSelect.style.d.ts} +10 -19
  16. package/cjs/components/ChainSelect/ChainSelect.style.js +19 -0
  17. package/cjs/components/ChainSelect/index.d.ts +2 -0
  18. package/cjs/components/ChainSelect/index.js +18 -0
  19. package/cjs/components/ChainSelect/useChainSelect.d.ts +8 -0
  20. package/cjs/components/ChainSelect/useChainSelect.js +33 -0
  21. package/cjs/components/Header/Header.js +1 -9
  22. package/cjs/components/Header/NavigationHeader.js +6 -11
  23. package/cjs/components/PoweredBy/PoweredBy.style.d.ts +1 -1
  24. package/cjs/components/PoweredBy/PoweredBy.style.js +1 -0
  25. package/cjs/components/SendToWallet/SendToWallet.js +6 -6
  26. package/cjs/components/Step/CircularProgress.js +1 -1
  27. package/cjs/components/Step/CircularProgress.style.js +1 -1
  28. package/cjs/components/Step/StepProcess.js +1 -5
  29. package/cjs/components/Step/StepProcess.style.d.ts +1 -1
  30. package/cjs/components/Step/StepTimer.d.ts +1 -0
  31. package/cjs/components/Step/StepTimer.js +6 -6
  32. package/cjs/components/SwapButton/SwapButton.js +5 -12
  33. package/cjs/components/SwapButton/types.d.ts +2 -2
  34. package/cjs/components/SwapRouteCard/SwapRouteCard.js +1 -1
  35. package/cjs/components/TokenAvatar/TokenAvatar.style.js +0 -3
  36. package/cjs/components/TokenList/TokenList.js +6 -2
  37. package/cjs/config/theme.js +24 -23
  38. package/cjs/config/version.d.ts +1 -1
  39. package/cjs/config/version.js +1 -1
  40. package/cjs/hooks/index.d.ts +2 -0
  41. package/cjs/hooks/index.js +2 -0
  42. package/cjs/hooks/useChains.d.ts +1 -97
  43. package/cjs/hooks/useChains.js +8 -15
  44. package/cjs/{components/Step/utils.d.ts → hooks/useProcessMessage.d.ts} +4 -0
  45. package/cjs/{components/Step/utils.js → hooks/useProcessMessage.js} +16 -10
  46. package/cjs/hooks/useRouteExecution.d.ts +1 -1
  47. package/cjs/hooks/useRouteExecution.js +20 -29
  48. package/cjs/hooks/useWidgetEvents.d.ts +3 -0
  49. package/cjs/hooks/useWidgetEvents.js +13 -0
  50. package/cjs/i18n/en/translation.json +13 -8
  51. package/cjs/i18n/index.d.ts +10 -5
  52. package/cjs/index.d.ts +1 -0
  53. package/cjs/index.js +3 -1
  54. package/cjs/pages/ActiveSwapsPage/ActiveSwapsEmpty.d.ts +2 -0
  55. package/cjs/pages/ActiveSwapsPage/ActiveSwapsEmpty.js +18 -0
  56. package/cjs/pages/ActiveSwapsPage/ActiveSwapsPage.d.ts +2 -0
  57. package/cjs/pages/ActiveSwapsPage/ActiveSwapsPage.js +21 -0
  58. package/cjs/pages/ActiveSwapsPage/index.d.ts +1 -0
  59. package/cjs/{components/SwapsInProgress → pages/ActiveSwapsPage}/index.js +1 -1
  60. package/cjs/pages/MainPage/MainPage.js +2 -3
  61. package/cjs/pages/MainPage/MainSwapButton.js +3 -1
  62. package/cjs/pages/MainPage/SwapRoutes.js +4 -1
  63. package/cjs/pages/SelectChainPage/SelectChainPage.d.ts +3 -0
  64. package/cjs/pages/SelectChainPage/SelectChainPage.js +33 -0
  65. package/cjs/pages/SelectChainPage/SelectChainPage.style.d.ts +21 -0
  66. package/cjs/pages/SelectChainPage/SelectChainPage.style.js +20 -0
  67. package/cjs/pages/SelectChainPage/index.d.ts +1 -0
  68. package/cjs/pages/SelectChainPage/index.js +17 -0
  69. package/cjs/pages/SelectTokenPage/SelectTokenPage.d.ts +2 -4
  70. package/cjs/pages/SelectTokenPage/SelectTokenPage.js +2 -2
  71. package/cjs/pages/SelectWalletPage/SelectWalletPage.js +4 -4
  72. package/cjs/pages/SelectWalletPage/SelectWalletPage.style.d.ts +2 -27
  73. package/cjs/pages/SelectWalletPage/SelectWalletPage.style.js +4 -14
  74. package/cjs/pages/SettingsPage/ColorSchemeButtonGroup.style.d.ts +1 -1
  75. package/cjs/pages/SettingsPage/EnabledBridgesSelect.js +3 -6
  76. package/cjs/pages/SettingsPage/EnabledExchangesSelect.js +3 -5
  77. package/cjs/pages/SettingsPage/RoutePrioritySelect.js +5 -1
  78. package/cjs/pages/SwapDetailsPage/SwapDetailsPage.js +1 -1
  79. package/cjs/pages/SwapPage/StatusBottomSheet.js +25 -36
  80. package/cjs/pages/SwapPage/SwapPage.js +5 -1
  81. package/cjs/providers/SwapFormProvider/SwapFormProvider.js +39 -11
  82. package/cjs/providers/WidgetProvider/WidgetProvider.js +3 -7
  83. package/cjs/stores/chains/index.d.ts +4 -0
  84. package/cjs/stores/chains/index.js +20 -0
  85. package/cjs/stores/chains/types.d.ts +8 -0
  86. package/cjs/stores/chains/types.js +2 -0
  87. package/cjs/stores/chains/useChainOrder.d.ts +1 -0
  88. package/cjs/stores/chains/useChainOrder.js +12 -0
  89. package/cjs/stores/chains/useChainOrderStore.d.ts +19 -0
  90. package/cjs/stores/chains/useChainOrderStore.js +42 -0
  91. package/cjs/stores/chains/useInitializeChainOrder.d.ts +1 -0
  92. package/cjs/stores/chains/useInitializeChainOrder.js +12 -0
  93. package/cjs/stores/route/index.d.ts +2 -1
  94. package/cjs/stores/route/index.js +2 -1
  95. package/cjs/stores/route/useExecutingRoutesIds.d.ts +1 -0
  96. package/cjs/stores/route/useExecutingRoutesIds.js +20 -0
  97. package/cjs/stores/route/useRouteStore.js +5 -4
  98. package/cjs/stores/route/utils.d.ts +4 -0
  99. package/cjs/stores/route/utils.js +21 -0
  100. package/cjs/stores/settings/useSettingsStore.js +5 -2
  101. package/cjs/types/events.d.ts +5 -0
  102. package/cjs/types/events.js +9 -0
  103. package/cjs/types/index.d.ts +1 -0
  104. package/cjs/types/index.js +1 -0
  105. package/cjs/types/widget.d.ts +2 -1
  106. package/cjs/utils/navigationRoutes.d.ts +5 -0
  107. package/cjs/utils/navigationRoutes.js +31 -4
  108. package/components/ActiveSwaps/ActiveSwapItem.d.ts +5 -0
  109. package/components/ActiveSwaps/ActiveSwapItem.js +41 -0
  110. package/components/{SwapsInProgress/SwapsInProgress.d.ts → ActiveSwaps/ActiveSwaps.d.ts} +1 -1
  111. package/components/ActiveSwaps/ActiveSwaps.js +26 -0
  112. package/components/ActiveSwaps/ActiveSwaps.style.d.ts +78 -0
  113. package/components/ActiveSwaps/ActiveSwaps.style.js +37 -0
  114. package/components/ActiveSwaps/index.d.ts +2 -0
  115. package/components/ActiveSwaps/index.js +2 -0
  116. package/components/Card/Card.d.ts +7 -4
  117. package/components/Card/Card.js +39 -29
  118. package/{pages/SelectTokenPage → components/ChainSelect}/ChainSelect.d.ts +0 -0
  119. package/components/ChainSelect/ChainSelect.js +31 -0
  120. package/components/{SwapsInProgress/SwapsInProgress.style.d.ts → ChainSelect/ChainSelect.style.d.ts} +10 -19
  121. package/components/ChainSelect/ChainSelect.style.js +16 -0
  122. package/components/ChainSelect/index.d.ts +2 -0
  123. package/components/ChainSelect/index.js +2 -0
  124. package/components/ChainSelect/useChainSelect.d.ts +8 -0
  125. package/components/ChainSelect/useChainSelect.js +29 -0
  126. package/components/Header/Header.js +1 -9
  127. package/components/Header/NavigationHeader.js +6 -11
  128. package/components/PoweredBy/PoweredBy.style.d.ts +1 -1
  129. package/components/PoweredBy/PoweredBy.style.js +1 -0
  130. package/components/SendToWallet/SendToWallet.js +6 -6
  131. package/components/Step/CircularProgress.js +3 -3
  132. package/components/Step/CircularProgress.style.js +1 -1
  133. package/components/Step/StepProcess.js +2 -6
  134. package/components/Step/StepProcess.style.d.ts +1 -1
  135. package/components/Step/StepTimer.d.ts +1 -0
  136. package/components/Step/StepTimer.js +6 -6
  137. package/components/SwapButton/SwapButton.js +6 -13
  138. package/components/SwapButton/types.d.ts +2 -2
  139. package/components/SwapRouteCard/SwapRouteCard.js +1 -1
  140. package/components/TokenAvatar/TokenAvatar.style.js +0 -3
  141. package/components/TokenList/TokenList.js +6 -2
  142. package/config/theme.js +24 -23
  143. package/config/version.d.ts +1 -1
  144. package/config/version.js +1 -1
  145. package/hooks/index.d.ts +2 -0
  146. package/hooks/index.js +2 -0
  147. package/hooks/useChains.d.ts +1 -97
  148. package/hooks/useChains.js +8 -15
  149. package/{components/Step/utils.d.ts → hooks/useProcessMessage.d.ts} +4 -0
  150. package/{pages/SwapPage/utils.js → hooks/useProcessMessage.js} +15 -10
  151. package/hooks/useRouteExecution.d.ts +1 -1
  152. package/hooks/useRouteExecution.js +21 -30
  153. package/hooks/useWidgetEvents.d.ts +3 -0
  154. package/hooks/useWidgetEvents.js +6 -0
  155. package/i18n/en/translation.json +13 -8
  156. package/i18n/index.d.ts +10 -5
  157. package/index.d.ts +1 -0
  158. package/index.js +1 -0
  159. package/package.json +14 -13
  160. package/pages/ActiveSwapsPage/ActiveSwapsEmpty.d.ts +2 -0
  161. package/pages/ActiveSwapsPage/ActiveSwapsEmpty.js +14 -0
  162. package/pages/ActiveSwapsPage/ActiveSwapsPage.d.ts +2 -0
  163. package/pages/ActiveSwapsPage/ActiveSwapsPage.js +17 -0
  164. package/pages/ActiveSwapsPage/index.d.ts +1 -0
  165. package/pages/ActiveSwapsPage/index.js +1 -0
  166. package/pages/MainPage/MainPage.js +2 -3
  167. package/pages/MainPage/MainSwapButton.js +3 -1
  168. package/pages/MainPage/SwapRoutes.js +4 -1
  169. package/pages/SelectChainPage/SelectChainPage.d.ts +3 -0
  170. package/pages/SelectChainPage/SelectChainPage.js +29 -0
  171. package/pages/SelectChainPage/SelectChainPage.style.d.ts +21 -0
  172. package/pages/SelectChainPage/SelectChainPage.style.js +17 -0
  173. package/pages/SelectChainPage/index.d.ts +1 -0
  174. package/pages/SelectChainPage/index.js +1 -0
  175. package/pages/SelectTokenPage/SelectTokenPage.d.ts +2 -4
  176. package/pages/SelectTokenPage/SelectTokenPage.js +2 -2
  177. package/pages/SelectWalletPage/SelectWalletPage.js +5 -5
  178. package/pages/SelectWalletPage/SelectWalletPage.style.d.ts +2 -27
  179. package/pages/SelectWalletPage/SelectWalletPage.style.js +4 -14
  180. package/pages/SettingsPage/ColorSchemeButtonGroup.style.d.ts +1 -1
  181. package/pages/SettingsPage/EnabledBridgesSelect.js +4 -7
  182. package/pages/SettingsPage/EnabledExchangesSelect.js +4 -6
  183. package/pages/SettingsPage/RoutePrioritySelect.js +5 -1
  184. package/pages/SwapDetailsPage/SwapDetailsPage.js +1 -1
  185. package/pages/SwapPage/StatusBottomSheet.js +27 -38
  186. package/pages/SwapPage/SwapPage.js +5 -1
  187. package/providers/SwapFormProvider/SwapFormProvider.js +39 -11
  188. package/providers/WidgetProvider/WidgetProvider.js +3 -7
  189. package/stores/chains/index.d.ts +4 -0
  190. package/stores/chains/index.js +4 -0
  191. package/stores/chains/types.d.ts +8 -0
  192. package/stores/chains/types.js +1 -0
  193. package/stores/chains/useChainOrder.d.ts +1 -0
  194. package/stores/chains/useChainOrder.js +5 -0
  195. package/stores/chains/useChainOrderStore.d.ts +19 -0
  196. package/stores/chains/useChainOrderStore.js +36 -0
  197. package/stores/chains/useInitializeChainOrder.d.ts +1 -0
  198. package/stores/chains/useInitializeChainOrder.js +5 -0
  199. package/stores/route/index.d.ts +2 -1
  200. package/stores/route/index.js +2 -1
  201. package/stores/route/useExecutingRoutesIds.d.ts +1 -0
  202. package/stores/route/useExecutingRoutesIds.js +13 -0
  203. package/stores/route/useRouteStore.js +5 -4
  204. package/stores/route/utils.d.ts +4 -0
  205. package/stores/route/utils.js +15 -0
  206. package/stores/settings/useSettingsStore.js +5 -2
  207. package/tsconfig.cjs.tsbuildinfo +1 -1
  208. package/types/events.d.ts +5 -0
  209. package/types/events.js +6 -0
  210. package/types/index.d.ts +1 -0
  211. package/types/index.js +1 -0
  212. package/types/widget.d.ts +2 -1
  213. package/utils/navigationRoutes.d.ts +5 -0
  214. package/utils/navigationRoutes.js +30 -3
  215. package/cjs/components/SwapButton/SwapButton.style.d.ts +0 -65
  216. package/cjs/components/SwapButton/SwapButton.style.js +0 -15
  217. package/cjs/components/SwapsInProgress/SwapsInProgress.js +0 -29
  218. package/cjs/components/SwapsInProgress/SwapsInProgress.style.js +0 -17
  219. package/cjs/components/SwapsInProgress/index.d.ts +0 -1
  220. package/cjs/pages/SelectTokenPage/ChainSelect.js +0 -31
  221. package/cjs/pages/SwapPage/utils.d.ts +0 -6
  222. package/cjs/pages/SwapPage/utils.js +0 -93
  223. package/cjs/stores/route/useExecutingRoutes.d.ts +0 -2
  224. package/cjs/stores/route/useExecutingRoutes.js +0 -13
  225. package/components/Step/utils.js +0 -89
  226. package/components/SwapButton/SwapButton.style.d.ts +0 -65
  227. package/components/SwapButton/SwapButton.style.js +0 -12
  228. package/components/SwapsInProgress/SwapsInProgress.js +0 -25
  229. package/components/SwapsInProgress/SwapsInProgress.style.js +0 -14
  230. package/components/SwapsInProgress/index.d.ts +0 -1
  231. package/components/SwapsInProgress/index.js +0 -1
  232. package/pages/SelectTokenPage/ChainSelect.js +0 -27
  233. package/pages/SwapPage/utils.d.ts +0 -6
  234. package/stores/route/useExecutingRoutes.d.ts +0 -2
  235. package/stores/route/useExecutingRoutes.js +0 -6
package/pages/SwapPage/utils.d.ts DELETED
@@ -1,6 +0,0 @@
1
- import type { EVMChain, Process, Step } from '@lifi/sdk';
2
- import type { TFunction } from 'react-i18next';
3
- export declare function getProcessMessage(t: TFunction<'translation', undefined>, getChainById: (chainId: number) => EVMChain | undefined, step: Step, process: Process): {
4
- title?: string;
5
- message?: string;
6
- };
package/stores/route/useExecutingRoutes.d.ts DELETED
@@ -1,2 +0,0 @@
1
- import type { RouteExecution } from './types';
2
- export declare const useExecutingRoutes: (address?: string) => RouteExecution[];
package/stores/route/useExecutingRoutes.js DELETED
@@ -1,6 +0,0 @@
1
- import shallow from 'zustand/shallow';
2
- import { useRouteStore } from './useRouteStore';
3
- export const useExecutingRoutes = (address) => {
4
- return useRouteStore((state) => Object.values(state.routes).filter((item) => (item === null || item === void 0 ? void 0 : item.route.fromAddress) === address &&
5
- ((item === null || item === void 0 ? void 0 : item.status) === 'loading' || (item === null || item === void 0 ? void 0 : item.status) === 'error')), shallow);
6
- };