@lifi/widget 1.18.2 → 1.18.3

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 (66) hide show
  1. package/AppRoutes.js +7 -3
  2. package/cjs/AppRoutes.js +7 -3
  3. package/cjs/components/BottomSheet/BottomSheet.js +2 -0
  4. package/cjs/components/ChainSelect/ChainSelect.js +1 -1
  5. package/cjs/components/Header/WalletHeader.js +1 -3
  6. package/cjs/components/SendToWallet/SendToWallet.js +1 -1
  7. package/cjs/components/SendToWallet/SendToWalletButton.js +9 -1
  8. package/cjs/components/SwapInput/FormPriceHelperText.js +1 -1
  9. package/cjs/components/SwapInput/SwapInputAdornment.js +1 -1
  10. package/cjs/config/version.d.ts +1 -1
  11. package/cjs/config/version.js +1 -1
  12. package/cjs/hooks/index.d.ts +1 -1
  13. package/cjs/hooks/index.js +1 -1
  14. package/cjs/hooks/useGasSufficiency.js +10 -11
  15. package/cjs/hooks/useScrollableContainer.d.ts +0 -1
  16. package/cjs/hooks/useScrollableContainer.js +1 -15
  17. package/cjs/hooks/useTokenAddressBalance.d.ts +5 -0
  18. package/cjs/hooks/useTokenAddressBalance.js +19 -0
  19. package/cjs/hooks/useTokenBalance.d.ts +7 -3
  20. package/cjs/hooks/useTokenBalance.js +87 -9
  21. package/cjs/hooks/useTokenBalances.d.ts +1 -1
  22. package/cjs/hooks/useTokenBalances.js +1 -4
  23. package/cjs/i18n/en/translation.json +1 -1
  24. package/cjs/pages/SelectTokenPage/SelectTokenPage.js +1 -11
  25. package/cjs/pages/SwapPage/StatusBottomSheet.js +19 -6
  26. package/cjs/utils/index.d.ts +1 -0
  27. package/cjs/utils/index.js +1 -0
  28. package/cjs/utils/wallet.d.ts +1 -0
  29. package/cjs/utils/wallet.js +7 -0
  30. package/components/BottomSheet/BottomSheet.js +2 -0
  31. package/components/ChainSelect/ChainSelect.js +2 -2
  32. package/components/Header/WalletHeader.js +2 -4
  33. package/components/SendToWallet/SendToWallet.js +1 -1
  34. package/components/SendToWallet/SendToWalletButton.js +10 -2
  35. package/components/SwapInput/FormPriceHelperText.js +2 -2
  36. package/components/SwapInput/SwapInputAdornment.js +2 -2
  37. package/config/version.d.ts +1 -1
  38. package/config/version.js +1 -1
  39. package/hooks/index.d.ts +1 -1
  40. package/hooks/index.js +1 -1
  41. package/hooks/useGasSufficiency.js +11 -12
  42. package/hooks/useScrollableContainer.d.ts +0 -1
  43. package/hooks/useScrollableContainer.js +0 -13
  44. package/hooks/useTokenAddressBalance.d.ts +5 -0
  45. package/hooks/useTokenAddressBalance.js +15 -0
  46. package/hooks/useTokenBalance.d.ts +7 -3
  47. package/hooks/useTokenBalance.js +88 -10
  48. package/hooks/useTokenBalances.d.ts +1 -1
  49. package/hooks/useTokenBalances.js +1 -4
  50. package/i18n/en/translation.json +1 -1
  51. package/package.json +5 -5
  52. package/pages/SelectTokenPage/SelectTokenPage.js +2 -12
  53. package/pages/SwapPage/StatusBottomSheet.js +19 -6
  54. package/tsconfig.cjs.tsbuildinfo +1 -1
  55. package/utils/index.d.ts +1 -0
  56. package/utils/index.js +1 -0
  57. package/utils/wallet.d.ts +1 -0
  58. package/utils/wallet.js +3 -0
  59. package/cjs/components/SwapButton/ButtonTooltip.d.ts +0 -5
  60. package/cjs/components/SwapButton/ButtonTooltip.js +0 -7
  61. package/cjs/hooks/useContentHeight.d.ts +0 -1
  62. package/cjs/hooks/useContentHeight.js +0 -27
  63. package/components/SwapButton/ButtonTooltip.d.ts +0 -5
  64. package/components/SwapButton/ButtonTooltip.js +0 -3
  65. package/hooks/useContentHeight.d.ts +0 -1
  66. package/hooks/useContentHeight.js +0 -23
package/utils/index.d.ts CHANGED
@@ -4,3 +4,4 @@ export * from './elements';
4
4
  export * from './format';
5
5
  export * from './input';
6
6
  export * from './navigationRoutes';
7
+ export * from './wallet';
package/utils/index.js CHANGED
@@ -4,3 +4,4 @@ export * from './elements';
4
4
  export * from './format';
5
5
  export * from './input';
6
6
  export * from './navigationRoutes';
7
+ export * from './wallet';
package/utils/wallet.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const shortenWalletAddress: (address?: string) => string | null;
package/utils/wallet.js ADDED
@@ -0,0 +1,3 @@
1
+ export const shortenWalletAddress = (address) => address
2
+ ? `${address.substring(0, 5)}...${address.substring(address.length - 4)}`
3
+ : null;
package/cjs/components/SwapButton/ButtonTooltip.d.ts DELETED
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const ButtonTooltip: ({ title, children, }: {
3
- title?: string | undefined;
4
- children: JSX.Element;
5
- }) => JSX.Element;
package/cjs/components/SwapButton/ButtonTooltip.js DELETED
@@ -1,7 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.ButtonTooltip = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const material_1 = require("@mui/material");
6
- const ButtonTooltip = ({ title, children, }) => title ? ((0, jsx_runtime_1.jsx)(material_1.Tooltip, Object.assign({ title: title, placement: "top", enterDelay: 250, arrow: true }, { children: (0, jsx_runtime_1.jsx)("span", { children: children }) }))) : (children);
7
- exports.ButtonTooltip = ButtonTooltip;
package/cjs/hooks/useContentHeight.d.ts DELETED
@@ -1 +0,0 @@
1
- export declare const useContentHeight: () => number;
package/cjs/hooks/useContentHeight.js DELETED
@@ -1,27 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useContentHeight = void 0;
4
- const react_1 = require("react");
5
- const utils_1 = require("../utils");
6
- const getContentHeight = () => {
7
- const headerElement = document.getElementById(utils_1.ElementId.Header);
8
- const containerElement = document.getElementById(utils_1.ElementId.ScrollableContainer);
9
- if (!containerElement || !headerElement) {
10
- console.warn(`Can't find ${utils_1.ElementId.ScrollableContainer} or ${utils_1.ElementId.Header} id.`);
11
- return 0;
12
- }
13
- const { height: containerHeight } = containerElement.getBoundingClientRect();
14
- const { height: headerHeight } = headerElement.getBoundingClientRect();
15
- return containerHeight - headerHeight;
16
- };
17
- const useContentHeight = () => {
18
- const [contentHeight, setContentHeight] = (0, react_1.useState)(getContentHeight);
19
- (0, react_1.useLayoutEffect)(() => {
20
- if (!contentHeight) {
21
- setContentHeight(getContentHeight());
22
- }
23
- // eslint-disable-next-line react-hooks/exhaustive-deps
24
- }, []);
25
- return contentHeight;
26
- };
27
- exports.useContentHeight = useContentHeight;
package/components/SwapButton/ButtonTooltip.d.ts DELETED
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const ButtonTooltip: ({ title, children, }: {
3
- title?: string | undefined;
4
- children: JSX.Element;
5
- }) => JSX.Element;
package/components/SwapButton/ButtonTooltip.js DELETED
@@ -1,3 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { Tooltip } from '@mui/material';
3
- export const ButtonTooltip = ({ title, children, }) => title ? (_jsx(Tooltip, Object.assign({ title: title, placement: "top", enterDelay: 250, arrow: true }, { children: _jsx("span", { children: children }) }))) : (children);
package/hooks/useContentHeight.d.ts DELETED
@@ -1 +0,0 @@
1
- export declare const useContentHeight: () => number;
package/hooks/useContentHeight.js DELETED
@@ -1,23 +0,0 @@
1
- import { useLayoutEffect, useState } from 'react';
2
- import { ElementId } from '../utils';
3
- const getContentHeight = () => {
4
- const headerElement = document.getElementById(ElementId.Header);
5
- const containerElement = document.getElementById(ElementId.ScrollableContainer);
6
- if (!containerElement || !headerElement) {
7
- console.warn(`Can't find ${ElementId.ScrollableContainer} or ${ElementId.Header} id.`);
8
- return 0;
9
- }
10
- const { height: containerHeight } = containerElement.getBoundingClientRect();
11
- const { height: headerHeight } = headerElement.getBoundingClientRect();
12
- return containerHeight - headerHeight;
13
- };
14
- export const useContentHeight = () => {
15
- const [contentHeight, setContentHeight] = useState(getContentHeight);
16
- useLayoutEffect(() => {
17
- if (!contentHeight) {
18
- setContentHeight(getContentHeight());
19
- }
20
- // eslint-disable-next-line react-hooks/exhaustive-deps
21
- }, []);
22
- return contentHeight;
23
- };