@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
package/types/widget.d.ts CHANGED
@@ -19,6 +19,7 @@ export interface WidgetWalletManagement {
19
19
  }
20
20
  interface WidgetConfigBase {
21
21
  fromAmount?: number | string;
22
+ toAddress?: string;
22
23
  containerStyle?: CSSProperties;
23
24
  theme?: ThemeConfig;
24
25
  appearance?: Appearance;
package/utils/format.js CHANGED
@@ -60,8 +60,13 @@ export const formatAmount = (amount = '', returnInitial = false) => {
60
60
  if (parsedAmount < 0) {
61
61
  return Math.abs(parsedAmount).toString();
62
62
  }
63
- if (returnInitial) {
64
- return amount;
63
+ try {
64
+ if (returnInitial && Big(amount)) {
65
+ return amount;
66
+ }
67
+ }
68
+ catch (_a) {
69
+ return '';
65
70
  }
66
71
  return Big(parsedAmount).toString();
67
72
  };
@@ -1,29 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.SwapInProgress = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const icons_material_1 = require("@mui/icons-material");
6
- const material_1 = require("@mui/material");
7
- const react_1 = require("react");
8
- const react_i18next_1 = require("react-i18next");
9
- const react_router_dom_1 = require("react-router-dom");
10
- const WalletProvider_1 = require("../../providers/WalletProvider");
11
- const stores_1 = require("../../stores");
12
- const utils_1 = require("../../utils");
13
- const Card_1 = require("../Card");
14
- const TokenAvatar_1 = require("../TokenAvatar");
15
- const SwapInProgress_style_1 = require("./SwapInProgress.style");
16
- const SwapInProgress = (props) => {
17
- const { t } = (0, react_i18next_1.useTranslation)();
18
- const navigate = (0, react_router_dom_1.useNavigate)();
19
- const { account } = (0, WalletProvider_1.useWallet)();
20
- const executingRoutes = (0, stores_1.useExecutingRoutes)(account.address);
21
- const handleCardClick = (0, react_1.useCallback)((routeId) => {
22
- navigate(utils_1.navigationRoutes.swapExecution, { state: { routeId } });
23
- }, [navigate]);
24
- if (!(executingRoutes === null || executingRoutes === void 0 ? void 0 : executingRoutes.length)) {
25
- return null;
26
- }
27
- return ((0, jsx_runtime_1.jsxs)(SwapInProgress_style_1.ProgressCard, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)(Card_1.CardTitle, { children: t('swap.inProgress') }), (0, jsx_runtime_1.jsx)(material_1.Stack, Object.assign({ spacing: 2, py: 2 }, { children: executingRoutes.map(({ route, status }) => ((0, jsx_runtime_1.jsx)(SwapInProgress_style_1.RouteCard, { onClick: () => handleCardClick(route.id), avatar: (0, jsx_runtime_1.jsxs)(TokenAvatar_1.TokenAvatarGroup, Object.assign({ total: 2 }, { children: [(0, jsx_runtime_1.jsx)(TokenAvatar_1.TokenAvatar, { token: route.fromToken }), (0, jsx_runtime_1.jsx)(TokenAvatar_1.TokenAvatar, { token: route.toToken })] })), action: (0, jsx_runtime_1.jsx)(icons_material_1.KeyboardArrowRight, {}), title: (0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ sx: { display: 'flex', alignItems: 'center' } }, { children: [route.fromToken.symbol, (0, jsx_runtime_1.jsx)(icons_material_1.ArrowForward, { fontSize: "small", sx: { paddingX: 0.5 } }), route.toToken.symbol] })) }, route.id))) }))] })));
28
- };
29
- exports.SwapInProgress = SwapInProgress;
@@ -1 +0,0 @@
1
- export * from './SwapInProgress';
@@ -1 +0,0 @@
1
- export * from './SwapInProgress';
@@ -1 +0,0 @@
1
- export * from './SwapInProgress';