@lifi/widget 3.4.0-beta.5 → 3.4.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.
- package/CHANGELOG.md +22 -0
- package/_esm/components/AppContainer.d.ts +0 -1
- package/_esm/components/AppContainer.js +53 -24
- package/_esm/components/AppContainer.js.map +1 -1
- package/_esm/components/ChainSelect/useChainSelect.js +10 -2
- package/_esm/components/ChainSelect/useChainSelect.js.map +1 -1
- package/_esm/components/Header/Header.d.ts +2 -0
- package/_esm/components/Header/Header.js +8 -1
- package/_esm/components/Header/Header.js.map +1 -1
- package/_esm/components/Header/Header.style.d.ts +3 -0
- package/_esm/components/Header/Header.style.js +27 -11
- package/_esm/components/Header/Header.style.js.map +1 -1
- package/_esm/components/Routes/RoutesExpanded.js +3 -3
- package/_esm/components/Routes/RoutesExpanded.js.map +1 -1
- package/_esm/components/Routes/RoutesExpanded.style.d.ts +8 -1
- package/_esm/components/Routes/RoutesExpanded.style.js +22 -5
- package/_esm/components/Routes/RoutesExpanded.style.js.map +1 -1
- package/_esm/components/TokenList/TokenList.js +1 -3
- package/_esm/components/TokenList/TokenList.js.map +1 -1
- package/_esm/components/TokenList/types.d.ts +1 -0
- package/_esm/components/TokenList/useTokenSelect.js +7 -2
- package/_esm/components/TokenList/useTokenSelect.js.map +1 -1
- package/_esm/config/coinbase.d.ts +2 -0
- package/_esm/config/coinbase.js +6 -0
- package/_esm/config/coinbase.js.map +1 -0
- package/_esm/config/constants.d.ts +1 -0
- package/_esm/config/constants.js +2 -0
- package/_esm/config/constants.js.map +1 -0
- package/_esm/config/metaMask.d.ts +2 -0
- package/_esm/config/metaMask.js +11 -0
- package/_esm/config/metaMask.js.map +1 -0
- package/_esm/config/version.d.ts +1 -1
- package/_esm/config/version.js +1 -1
- package/_esm/config/version.js.map +1 -1
- package/_esm/config/walletConnect.d.ts +2 -1
- package/_esm/config/walletConnect.js +3 -1
- package/_esm/config/walletConnect.js.map +1 -1
- package/_esm/hooks/{useContentHeight.d.ts → useSetContentHeight.d.ts} +0 -1
- package/_esm/hooks/useSetContentHeight.js +19 -0
- package/_esm/hooks/useSetContentHeight.js.map +1 -0
- package/_esm/hooks/useWallets.d.ts +6 -0
- package/_esm/hooks/useWallets.js +80 -0
- package/_esm/hooks/useWallets.js.map +1 -0
- package/_esm/i18n/en.json +1 -0
- package/_esm/index.d.ts +2 -0
- package/_esm/index.js +2 -0
- package/_esm/index.js.map +1 -1
- package/_esm/pages/MainPage/MainPage.js +2 -2
- package/_esm/pages/MainPage/MainPage.js.map +1 -1
- package/_esm/pages/SelectTokenPage/SelectTokenPage.js +8 -9
- package/_esm/pages/SelectTokenPage/SelectTokenPage.js.map +1 -1
- package/_esm/pages/SelectTokenPage/useTokenListHeight.d.ts +12 -0
- package/_esm/pages/SelectTokenPage/useTokenListHeight.js +70 -0
- package/_esm/pages/SelectTokenPage/useTokenListHeight.js.map +1 -0
- package/_esm/pages/SelectWalletPage/EVMListItemButton.d.ts +2 -1
- package/_esm/pages/SelectWalletPage/EVMListItemButton.js +2 -1
- package/_esm/pages/SelectWalletPage/EVMListItemButton.js.map +1 -1
- package/_esm/pages/SelectWalletPage/SelectWalletPage.js +7 -44
- package/_esm/pages/SelectWalletPage/SelectWalletPage.js.map +1 -1
- package/_esm/pages/SendToWallet/BookmarksPage.js +4 -2
- package/_esm/pages/SendToWallet/BookmarksPage.js.map +1 -1
- package/_esm/pages/SendToWallet/SendToWalletPage.js +6 -4
- package/_esm/pages/SendToWallet/SendToWalletPage.js.map +1 -1
- package/_esm/pages/SendToWallet/SendToWalletPage.style.d.ts +10 -0
- package/_esm/pages/SendToWallet/SendToWalletPage.style.js +17 -5
- package/_esm/pages/SendToWallet/SendToWalletPage.style.js.map +1 -1
- package/_esm/pages/TransactionDetailsPage/TransactionDetailsPage.js +0 -1
- package/_esm/pages/TransactionDetailsPage/TransactionDetailsPage.js.map +1 -1
- package/_esm/pages/TransactionPage/ExchangeRateBottomSheet.js +1 -1
- package/_esm/pages/TransactionPage/ExchangeRateBottomSheet.js.map +1 -1
- package/_esm/pages/TransactionPage/StatusBottomSheet.js +1 -1
- package/_esm/pages/TransactionPage/StatusBottomSheet.js.map +1 -1
- package/_esm/pages/TransactionPage/TokenValueBottomSheet.js +1 -1
- package/_esm/pages/TransactionPage/TokenValueBottomSheet.js.map +1 -1
- package/_esm/providers/WalletProvider/EVMBaseProvider.js +7 -9
- package/_esm/providers/WalletProvider/EVMBaseProvider.js.map +1 -1
- package/_esm/themes/createTheme.js +1 -0
- package/_esm/themes/createTheme.js.map +1 -1
- package/_esm/themes/types.d.ts +2 -0
- package/_esm/types/widget.d.ts +19 -14
- package/_esm/types/widget.js.map +1 -1
- package/components/AppContainer.tsx +70 -24
- package/components/ChainSelect/useChainSelect.ts +11 -3
- package/components/Header/Header.style.ts +28 -11
- package/components/Header/Header.tsx +11 -0
- package/components/Routes/RoutesExpanded.style.ts +30 -5
- package/components/Routes/RoutesExpanded.tsx +12 -5
- package/components/TokenList/TokenList.tsx +1 -2
- package/components/TokenList/types.ts +1 -0
- package/components/TokenList/useTokenSelect.ts +8 -2
- package/config/coinbase.ts +7 -0
- package/config/constants.ts +1 -0
- package/config/metaMask.ts +13 -0
- package/config/version.ts +1 -1
- package/config/walletConnect.ts +5 -1
- package/hooks/useSetContentHeight.ts +24 -0
- package/hooks/useWallets.ts +147 -0
- package/i18n/en.json +1 -0
- package/index.ts +2 -0
- package/package.json +11 -11
- package/pages/MainPage/MainPage.tsx +3 -2
- package/pages/SelectTokenPage/SelectTokenPage.tsx +16 -20
- package/pages/SelectTokenPage/useTokenListHeight.ts +112 -0
- package/pages/SelectWalletPage/EVMListItemButton.tsx +16 -7
- package/pages/SelectWalletPage/SelectWalletPage.tsx +7 -65
- package/pages/SendToWallet/BookmarksPage.tsx +12 -6
- package/pages/SendToWallet/SendToWalletPage.style.tsx +25 -5
- package/pages/SendToWallet/SendToWalletPage.tsx +42 -33
- package/pages/TransactionDetailsPage/TransactionDetailsPage.tsx +0 -1
- package/pages/TransactionPage/ExchangeRateBottomSheet.tsx +1 -1
- package/pages/TransactionPage/StatusBottomSheet.tsx +1 -1
- package/pages/TransactionPage/TokenValueBottomSheet.tsx +1 -1
- package/providers/WalletProvider/EVMBaseProvider.tsx +7 -9
- package/themes/createTheme.ts +1 -0
- package/themes/types.ts +2 -0
- package/types/widget.ts +23 -13
- package/_esm/hooks/useContentHeight.js +0 -40
- package/_esm/hooks/useContentHeight.js.map +0 -1
- package/_esm/pages/SelectWalletPage/utils.d.ts +0 -3
- package/_esm/pages/SelectWalletPage/utils.js +0 -18
- package/_esm/pages/SelectWalletPage/utils.js.map +0 -1
- package/hooks/useContentHeight.ts +0 -53
- package/pages/SelectWalletPage/utils.ts +0 -26
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,28 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
|
4
4
|
|
|
5
|
+
### [3.4.1](https://github.com/lifinance/widget/compare/v3.4.0...v3.4.1) (2024-08-14)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
* check for window in next.js ([d873c49](https://github.com/lifinance/widget/commit/d873c49110c2be58cf06d83cbabc2e9817528a4c))
|
|
11
|
+
|
|
12
|
+
## [3.4.0](https://github.com/lifinance/widget/compare/v3.4.0-beta.3...v3.4.0) (2024-08-14)
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
### Features
|
|
16
|
+
|
|
17
|
+
* changing height and present widget better for mobile ([#276](https://github.com/lifinance/widget/issues/276)) ([d2f3ec8](https://github.com/lifinance/widget/commit/d2f3ec880c492e3f3671ca2f6b268de12fdbe174))
|
|
18
|
+
* improved fee configuration ([#284](https://github.com/lifinance/widget/issues/284)) ([e7ba200](https://github.com/lifinance/widget/commit/e7ba2002b920905b65a5dcc9a420ffbc247ccb9a))
|
|
19
|
+
* optimize wallet sdks handling ([#283](https://github.com/lifinance/widget/issues/283)) ([eee87aa](https://github.com/lifinance/widget/commit/eee87aa1b5e029ff104f38a9598178094c7cd0cd))
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
### Bug Fixes
|
|
23
|
+
|
|
24
|
+
* add subvariant deposit key ([abe9ba0](https://github.com/lifinance/widget/commit/abe9ba0b8ae317ddee2e8195dcfb65d4f5c44df4))
|
|
25
|
+
* avoid from amount/token reset if they are disabled ([#285](https://github.com/lifinance/widget/issues/285)) ([86820c9](https://github.com/lifinance/widget/commit/86820c96b08064c3ee7224c7f47f1a386a68f78b))
|
|
26
|
+
|
|
5
27
|
## [3.3.0](https://github.com/lifinance/widget/compare/v3.2.2...v3.3.0) (2024-07-30)
|
|
6
28
|
|
|
7
29
|
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import type { PropsWithChildren } from 'react';
|
|
2
2
|
import type { WidgetVariant } from '../types/widget.js';
|
|
3
|
-
export declare const maxHeight = 682;
|
|
4
3
|
export declare const AppExpandedContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
5
4
|
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
6
5
|
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
@@ -1,53 +1,82 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { Box, Container, ScopedCssBaseline, styled } from '@mui/material';
|
|
3
|
+
import { maxHeaderHeight, minHeaderHeight, } from '../components/Header/Header.js';
|
|
4
|
+
import { defaultMaxHeight } from '../config/constants.js';
|
|
3
5
|
import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
|
|
4
6
|
import { ElementId, createElementId } from '../utils/elements.js';
|
|
5
|
-
export const maxHeight = 682;
|
|
6
7
|
export const AppExpandedContainer = styled(Box, {
|
|
7
8
|
shouldForwardProp: (prop) => prop !== 'variant',
|
|
8
|
-
})(({ variant }) => ({
|
|
9
|
+
})(({ theme, variant }) => ({
|
|
9
10
|
display: 'flex',
|
|
10
11
|
justifyContent: 'center',
|
|
11
12
|
alignItems: 'start',
|
|
12
13
|
flex: 1,
|
|
13
|
-
height: variant === 'drawer'
|
|
14
|
+
height: variant === 'drawer'
|
|
15
|
+
? 'none'
|
|
16
|
+
: theme.container?.display === 'flex'
|
|
17
|
+
? '100%'
|
|
18
|
+
: theme.container?.maxHeight
|
|
19
|
+
? 'auto'
|
|
20
|
+
: theme.container?.height || 'auto',
|
|
14
21
|
}));
|
|
15
22
|
export const RelativeContainer = styled(Box, {
|
|
16
23
|
shouldForwardProp: (prop) => prop !== 'variant',
|
|
17
|
-
})(({ theme, variant }) =>
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
24
|
+
})(({ theme, variant }) => {
|
|
25
|
+
const container = { ...theme.container };
|
|
26
|
+
if (variant === 'drawer') {
|
|
27
|
+
container.height = '100%';
|
|
28
|
+
}
|
|
29
|
+
return {
|
|
30
|
+
position: 'relative',
|
|
31
|
+
boxSizing: 'content-box',
|
|
32
|
+
width: '100%',
|
|
33
|
+
minWidth: theme.breakpoints.values.xs,
|
|
34
|
+
maxWidth: theme.breakpoints.values.sm,
|
|
35
|
+
background: theme.palette.background.default,
|
|
36
|
+
overflow: 'auto',
|
|
37
|
+
flex: 1,
|
|
38
|
+
zIndex: 0,
|
|
39
|
+
...container,
|
|
40
|
+
maxHeight: variant === 'drawer'
|
|
41
|
+
? 'none'
|
|
42
|
+
: theme.container?.display === 'flex' && !theme.container?.height
|
|
43
|
+
? '100%'
|
|
44
|
+
: theme.container?.maxHeight
|
|
45
|
+
? theme.container?.maxHeight
|
|
46
|
+
: theme.container?.height || defaultMaxHeight,
|
|
47
|
+
};
|
|
48
|
+
});
|
|
30
49
|
const CssBaselineContainer = styled(ScopedCssBaseline, {
|
|
31
|
-
shouldForwardProp: (prop) =>
|
|
32
|
-
})(({ variant }) => ({
|
|
50
|
+
shouldForwardProp: (prop) => !['variant', 'paddingTopAdjustment'].includes(prop),
|
|
51
|
+
})(({ theme, variant, paddingTopAdjustment }) => ({
|
|
33
52
|
display: 'flex',
|
|
34
53
|
flex: 1,
|
|
35
54
|
flexDirection: 'column',
|
|
36
55
|
overflowX: 'clip',
|
|
37
56
|
margin: 0,
|
|
38
57
|
width: '100%',
|
|
39
|
-
maxHeight: variant === 'drawer'
|
|
58
|
+
maxHeight: variant === 'drawer' || theme.container?.display === 'flex'
|
|
59
|
+
? 'none'
|
|
60
|
+
: theme.container?.maxHeight
|
|
61
|
+
? theme.container?.maxHeight
|
|
62
|
+
: theme.container?.height || defaultMaxHeight,
|
|
40
63
|
overflowY: 'auto',
|
|
41
|
-
height: '100%',
|
|
64
|
+
height: theme.container?.display === 'flex' ? 'auto' : '100%',
|
|
65
|
+
paddingTop: paddingTopAdjustment,
|
|
42
66
|
}));
|
|
43
|
-
export const FlexContainer = styled(Container)({
|
|
67
|
+
export const FlexContainer = styled(Container)(({ theme }) => ({
|
|
44
68
|
display: 'flex',
|
|
45
69
|
flexDirection: 'column',
|
|
46
70
|
flex: 1,
|
|
47
|
-
});
|
|
71
|
+
}));
|
|
48
72
|
export const AppContainer = ({ children }) => {
|
|
49
73
|
// const ref = useRef<HTMLDivElement>(null);
|
|
50
|
-
const { variant, elementId } = useWidgetConfig();
|
|
51
|
-
|
|
74
|
+
const { variant, elementId, hiddenUI, theme } = useWidgetConfig();
|
|
75
|
+
const positionFixedAdjustment = theme?.header?.position === 'fixed'
|
|
76
|
+
? hiddenUI?.includes('walletMenu')
|
|
77
|
+
? minHeaderHeight
|
|
78
|
+
: maxHeaderHeight
|
|
79
|
+
: 0;
|
|
80
|
+
return (_jsx(RelativeContainer, { variant: variant, id: createElementId(ElementId.RelativeContainer, elementId), children: _jsx(CssBaselineContainer, { id: createElementId(ElementId.ScrollableContainer, elementId), variant: variant, enableColorScheme: true, paddingTopAdjustment: positionFixedAdjustment, children: _jsx(FlexContainer, { disableGutters: true, children: children }) }) }));
|
|
52
81
|
};
|
|
53
82
|
//# sourceMappingURL=AppContainer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppContainer.js","sourceRoot":"","sources":["../../components/AppContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE1E,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAC;AAEhF,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAElE,MAAM,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"AppContainer.js","sourceRoot":"","sources":["../../components/AppContainer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { useChains } from '../../hooks/useChains.js';
|
|
2
2
|
import { useSwapOnly } from '../../hooks/useSwapOnly.js';
|
|
3
3
|
import { useToAddressReset } from '../../hooks/useToAddressReset.js';
|
|
4
|
+
import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
|
|
4
5
|
import { useChainOrder } from '../../stores/chains/useChainOrder.js';
|
|
5
6
|
import { FormKeyHelper } from '../../stores/form/types.js';
|
|
6
7
|
import { useFieldActions } from '../../stores/form/useFieldActions.js';
|
|
7
8
|
import { useFieldController } from '../../stores/form/useFieldController.js';
|
|
8
9
|
export const useChainSelect = (formType) => {
|
|
10
|
+
const { disabledUI } = useWidgetConfig();
|
|
9
11
|
const chainKey = FormKeyHelper.getChainKey(formType);
|
|
10
12
|
const { onChange } = useFieldController({ name: chainKey });
|
|
11
13
|
const { setFieldValue, getFieldValues } = useFieldActions();
|
|
@@ -29,8 +31,14 @@ export const useChainSelect = (formType) => {
|
|
|
29
31
|
isTouched: true,
|
|
30
32
|
});
|
|
31
33
|
}
|
|
32
|
-
|
|
33
|
-
|
|
34
|
+
const tokenKey = FormKeyHelper.getTokenKey(formType);
|
|
35
|
+
if (!disabledUI?.includes(tokenKey)) {
|
|
36
|
+
setFieldValue(tokenKey, '');
|
|
37
|
+
}
|
|
38
|
+
const amountKey = FormKeyHelper.getAmountKey(formType);
|
|
39
|
+
if (!disabledUI?.includes(amountKey)) {
|
|
40
|
+
setFieldValue(amountKey, '');
|
|
41
|
+
}
|
|
34
42
|
setFieldValue('tokenSearchFilter', '');
|
|
35
43
|
const [toChainId] = getFieldValues('toChain');
|
|
36
44
|
const toChain = getChainById(toChainId);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useChainSelect.js","sourceRoot":"","sources":["../../../components/ChainSelect/useChainSelect.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAErE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AACvE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;
|
|
1
|
+
{"version":3,"file":"useChainSelect.js","sourceRoot":"","sources":["../../../components/ChainSelect/useChainSelect.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,15 +1,22 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useLocation } from 'react-router-dom';
|
|
3
3
|
import { useDefaultElementId } from '../../hooks/useDefaultElementId.js';
|
|
4
|
+
import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
|
|
4
5
|
import { ElementId, createElementId } from '../../utils/elements.js';
|
|
5
6
|
import { stickyHeaderRoutes } from '../../utils/navigationRoutes.js';
|
|
6
7
|
import { Container } from './Header.style.js';
|
|
7
8
|
import { NavigationHeader } from './NavigationHeader.js';
|
|
8
9
|
import { WalletHeader } from './WalletHeader.js';
|
|
10
|
+
export const minHeaderHeight = 64;
|
|
11
|
+
export const maxHeaderHeight = 108;
|
|
9
12
|
export const HeaderContainer = ({ children }) => {
|
|
10
13
|
const { pathname } = useLocation();
|
|
11
14
|
const elementId = useDefaultElementId();
|
|
12
|
-
|
|
15
|
+
const { hiddenUI } = useWidgetConfig();
|
|
16
|
+
const headerHeight = hiddenUI?.includes('walletMenu')
|
|
17
|
+
? minHeaderHeight
|
|
18
|
+
: maxHeaderHeight;
|
|
19
|
+
return (_jsx(Container, { id: createElementId(ElementId.Header, elementId), sticky: stickyHeaderRoutes.some((route) => pathname.includes(route)), maxHeight: headerHeight, children: children }));
|
|
13
20
|
};
|
|
14
21
|
export const Header = () => {
|
|
15
22
|
return (_jsxs(HeaderContainer, { children: [_jsx(WalletHeader, {}), _jsx(NavigationHeader, {})] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../components/Header/Header.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,CAAC,MAAM,eAAe,GAA8B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACzE,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,CAAC;IACnC,MAAM,SAAS,GAAG,mBAAmB,EAAE,CAAC;IACxC,OAAO,CACL,KAAC,SAAS,IACR,EAAE,EAAE,eAAe,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,EAChD,MAAM,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../components/Header/Header.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,CAAC,MAAM,eAAe,GAAG,EAAE,CAAC;AAClC,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAC;AAEnC,MAAM,CAAC,MAAM,eAAe,GAA8B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACzE,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,CAAC;IACnC,MAAM,SAAS,GAAG,mBAAmB,EAAE,CAAC;IACxC,MAAM,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,CAAC;IAEvC,MAAM,YAAY,GAAG,QAAQ,EAAE,QAAQ,CAAC,YAAY,CAAC;QACnD,CAAC,CAAC,eAAe;QACjB,CAAC,CAAC,eAAe,CAAC;IAEpB,OAAO,CACL,KAAC,SAAS,IACR,EAAE,EAAE,eAAe,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,EAChD,MAAM,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EACpE,SAAS,EAAE,YAAY,YAEtB,QAAQ,GACC,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAO,GAAG,EAAE;IAC7B,OAAO,CACL,MAAC,eAAe,eACd,KAAC,YAAY,KAAG,EAChB,KAAC,gBAAgB,KAAG,IACJ,CACnB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -7,6 +7,9 @@ export declare const Container: import("@emotion/styled").StyledComponent<import
|
|
|
7
7
|
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
8
8
|
sticky?: boolean;
|
|
9
9
|
}, {}, {}>;
|
|
10
|
+
export declare const ContainerPlaceholder: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
11
|
+
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
12
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
10
13
|
export declare const WalletButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
|
|
11
14
|
ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
12
15
|
}, "color" | "children" | "sx" | "style" | "className" | "tabIndex" | "href" | "disabled" | "action" | "size" | "classes" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
@@ -10,17 +10,33 @@ export const HeaderAppBar = styled(AppBar)(({ theme }) => ({
|
|
|
10
10
|
}));
|
|
11
11
|
export const Container = styled(Box, {
|
|
12
12
|
shouldForwardProp: (prop) => prop !== 'sticky',
|
|
13
|
-
})(({ theme, sticky }) =>
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
13
|
+
})(({ theme, sticky }) => {
|
|
14
|
+
return {
|
|
15
|
+
display: 'flex',
|
|
16
|
+
flexDirection: 'column',
|
|
17
|
+
backgroundColor: theme.palette.background.default,
|
|
18
|
+
backdropFilter: 'blur(12px)',
|
|
19
|
+
position: sticky ? 'sticky' : 'relative',
|
|
20
|
+
top: 0,
|
|
21
|
+
zIndex: 1200,
|
|
22
|
+
gap: theme.spacing(0.5),
|
|
23
|
+
padding: theme.spacing(1.5, 3, 1.5, 3),
|
|
24
|
+
overflow: 'auto',
|
|
25
|
+
...theme.header,
|
|
26
|
+
...(theme.header?.position === 'fixed'
|
|
27
|
+
? {
|
|
28
|
+
minWidth: theme.breakpoints.values.xs,
|
|
29
|
+
maxWidth: theme.breakpoints.values.sm,
|
|
30
|
+
width: '100%',
|
|
31
|
+
}
|
|
32
|
+
: {}),
|
|
33
|
+
};
|
|
34
|
+
});
|
|
35
|
+
export const ContainerPlaceholder = styled(Box)(({ theme }) => {
|
|
36
|
+
return {
|
|
37
|
+
...(theme.header?.position === 'fixed' ? {} : { display: 'none' }),
|
|
38
|
+
};
|
|
39
|
+
});
|
|
24
40
|
export const WalletButton = styled(Button, {
|
|
25
41
|
shouldForwardProp: (prop) => prop !== 'subvariant',
|
|
26
42
|
})(({ subvariant, theme }) => ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.style.js","sourceRoot":"","sources":["../../../components/Header/Header.style.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,MAAM,EACN,GAAG,EACH,MAAM,EACN,aAAa,EACb,MAAM,GACP,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACzD,eAAe,EAAE,aAAa;IAC9B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;IACjC,aAAa,EAAE,KAAK;IACpB,UAAU,EAAE,QAAQ;IACpB,QAAQ,EAAE,UAAU;CACrB,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,EAAE;IACnC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,QAAQ;CAC/C,CAAC,CAAuB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"Header.style.js","sourceRoot":"","sources":["../../../components/Header/Header.style.ts"],"names":[],"mappings":"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"}
|
|
@@ -16,7 +16,7 @@ import { ProgressToNextUpdate } from '../ProgressToNextUpdate.js';
|
|
|
16
16
|
import { RouteCard } from '../RouteCard/RouteCard.js';
|
|
17
17
|
import { RouteCardSkeleton } from '../RouteCard/RouteCardSkeleton.js';
|
|
18
18
|
import { RouteNotFoundCard } from '../RouteCard/RouteNotFoundCard.js';
|
|
19
|
-
import { CollapseContainer, Container, Header, ScrollableContainer, } from './RoutesExpanded.style.js';
|
|
19
|
+
import { CollapseContainer, Container, Header, RouteTopLevelGrow, RoutesExpandedCollapse, ScrollableContainer, } from './RoutesExpanded.style.js';
|
|
20
20
|
const timeout = { enter: 225, exit: 225, appear: 0 };
|
|
21
21
|
const routes = [
|
|
22
22
|
{
|
|
@@ -31,7 +31,7 @@ const routes = [
|
|
|
31
31
|
export const RoutesExpanded = () => {
|
|
32
32
|
const element = useDOMRoutes(routes);
|
|
33
33
|
const match = Boolean(element?.props?.children);
|
|
34
|
-
return (_jsx(CollapseContainer, { children: _jsx(Collapse, { timeout: timeout, in: match, orientation: "horizontal", children: _jsx(
|
|
34
|
+
return (_jsx(CollapseContainer, { children: _jsx(Collapse, { timeout: timeout, in: match, orientation: "horizontal", children: _jsx(RouteTopLevelGrow, { timeout: timeout, in: match, mountOnEnter: true, unmountOnExit: true, children: _jsx("div", { children: _jsx(RoutesExpandedElement, {}) }) }) }) }));
|
|
35
35
|
};
|
|
36
36
|
export const RoutesExpandedElement = () => {
|
|
37
37
|
const { t } = useTranslation();
|
|
@@ -70,7 +70,7 @@ export const RoutesExpandedElement = () => {
|
|
|
70
70
|
useEffect(() => {
|
|
71
71
|
emitter.emit(WidgetEvent.WidgetExpanded, expanded);
|
|
72
72
|
}, [emitter, expanded]);
|
|
73
|
-
return (_jsx(
|
|
73
|
+
return (_jsx(RoutesExpandedCollapse, { timeout: timeout.enter, in: expanded, orientation: "horizontal", onExited: onExit, children: _jsx(Grow, { timeout: timeout.enter, in: expanded, mountOnEnter: true, unmountOnExit: true, children: _jsx(Container, { enableColorScheme: true, minimumHeight: isLoading, children: _jsxs(ScrollableContainer, { children: [_jsxs(Header, { children: [_jsx(Typography, { fontSize: 18, fontWeight: "700", flex: 1, noWrap: true, children: subvariant === 'custom'
|
|
74
74
|
? t('header.youPay')
|
|
75
75
|
: t('header.receive') }), _jsx(ProgressToNextUpdate, { updatedAt: dataUpdatedAt || new Date().getTime(), timeToUpdate: refetchTime, isLoading: isFetching, onClick: () => refetch(), sx: { marginRight: -1 } })] }), _jsx(PageContainer, { children: _jsx(Stack, { direction: "column", spacing: 2, flex: 1, paddingBottom: 3, children: routeNotFound ? (_jsx(RouteNotFoundCard, {})) : isLoading || (isFetching && !routesRef.current?.length) ? (Array.from({ length: 3 }).map((_, index) => (_jsx(RouteCardSkeleton, {}, index)))) : (routesRef.current?.map((route, index) => (_jsx(RouteCard, { route: route, onClick: allowInteraction
|
|
76
76
|
? () => handleRouteClick(route)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RoutesExpanded.js","sourceRoot":"","sources":["../../../components/Routes/RoutesExpanded.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,EAAE,SAAS,IAAI,YAAY,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,wBAAwB,EAAE,MAAM,yCAAyC,CAAC;AACnF,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EACL,iBAAiB,EACjB,SAAS,EACT,MAAM,EACN,mBAAmB,GACpB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,OAAO,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;AAErD,MAAM,MAAM,GAAkB;IAC5B;QACE,IAAI,EAAE,GAAG;QACT,OAAO,EAAE,IAAI;KACd;IACD;QACE,IAAI,EAAE,GAAG;QACT,OAAO,EAAE,IAAI;KACd;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,OAAO,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC;IACrC,MAAM,KAAK,GAAG,OAAO,CAAC,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;IAEhD,OAAO,CACL,KAAC,iBAAiB,cAChB,KAAC,QAAQ,IAAC,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAC,YAAY,YAC7D,KAAC,
|
|
1
|
+
{"version":3,"file":"RoutesExpanded.js","sourceRoot":"","sources":["../../../components/Routes/RoutesExpanded.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,19 @@
|
|
|
1
|
+
import type { ScopedCssBaselineProps } from '@mui/material';
|
|
1
2
|
export declare const CollapseContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
2
3
|
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
3
4
|
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
5
|
+
export declare const RoutesExpandedCollapse: import("@emotion/styled").StyledComponent<import("@mui/material").CollapseProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
6
|
+
export declare const RouteTopLevelGrow: import("@emotion/styled").StyledComponent<import("@mui/material").GrowProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
4
7
|
export declare const ScrollableContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
5
8
|
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
6
9
|
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
10
|
+
interface ContainerProps extends ScopedCssBaselineProps {
|
|
11
|
+
minimumHeight: boolean;
|
|
12
|
+
}
|
|
7
13
|
export declare const Container: import("@emotion/styled").StyledComponent<import("@mui/material").ScopedCssBaselineOwnProps & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
8
14
|
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
9
|
-
}, "children" | "sx" | "style" | "className" | "classes" | "enableColorScheme"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme
|
|
15
|
+
}, "children" | "sx" | "style" | "className" | "classes" | "enableColorScheme"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & ContainerProps, {}, {}>;
|
|
10
16
|
export declare const Header: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
11
17
|
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
12
18
|
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
19
|
+
export {};
|
|
@@ -1,8 +1,16 @@
|
|
|
1
|
-
import { Box, ScopedCssBaseline, styled } from '@mui/material';
|
|
2
|
-
import {
|
|
1
|
+
import { Box, Collapse, Grow, ScopedCssBaseline, styled } from '@mui/material';
|
|
2
|
+
import { defaultMaxHeight } from '../../config/constants.js';
|
|
3
3
|
export const CollapseContainer = styled(Box)(({ theme }) => ({
|
|
4
|
-
height: maxHeight,
|
|
5
4
|
zIndex: 0,
|
|
5
|
+
...(theme.container.display === 'flex'
|
|
6
|
+
? { display: 'flex', maxHeight: '100%' }
|
|
7
|
+
: { height: 'auto' }),
|
|
8
|
+
}));
|
|
9
|
+
export const RoutesExpandedCollapse = styled(Collapse)(({ theme }) => ({
|
|
10
|
+
...(theme.container?.display === 'flex' ? { height: '100%' } : {}),
|
|
11
|
+
}));
|
|
12
|
+
export const RouteTopLevelGrow = styled(Grow)(({ theme }) => ({
|
|
13
|
+
...(theme.container?.display === 'flex' ? { height: '100%' } : {}),
|
|
6
14
|
}));
|
|
7
15
|
export const ScrollableContainer = styled(Box)({
|
|
8
16
|
overflowY: 'auto',
|
|
@@ -12,14 +20,23 @@ export const ScrollableContainer = styled(Box)({
|
|
|
12
20
|
display: 'flex',
|
|
13
21
|
flexDirection: 'column',
|
|
14
22
|
});
|
|
15
|
-
export const Container = styled(ScopedCssBaseline
|
|
23
|
+
export const Container = styled(ScopedCssBaseline, {
|
|
24
|
+
shouldForwardProp: (prop) => !['minimumHeight'].includes(prop),
|
|
25
|
+
})(({ theme, minimumHeight }) => ({
|
|
16
26
|
backgroundColor: theme.palette.background.default,
|
|
17
27
|
overflow: 'auto',
|
|
18
28
|
width: 436,
|
|
19
|
-
maxHeight,
|
|
20
29
|
marginLeft: theme.spacing(3),
|
|
21
30
|
display: 'flex',
|
|
22
31
|
flexDirection: 'column',
|
|
32
|
+
...(theme.container?.display !== 'flex'
|
|
33
|
+
? {
|
|
34
|
+
maxHeight: theme.container?.maxHeight ??
|
|
35
|
+
theme.container?.height ??
|
|
36
|
+
defaultMaxHeight,
|
|
37
|
+
...(minimumHeight ? { '&': { height: 'auto' } } : {}),
|
|
38
|
+
}
|
|
39
|
+
: { height: minimumHeight ? 'auto' : '100%' }),
|
|
23
40
|
...theme.container,
|
|
24
41
|
}));
|
|
25
42
|
export const Header = styled(Box)(({ theme }) => ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RoutesExpanded.style.js","sourceRoot":"","sources":["../../../components/Routes/RoutesExpanded.style.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"RoutesExpanded.style.js","sourceRoot":"","sources":["../../../components/Routes/RoutesExpanded.style.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Box } from '@mui/material';
|
|
3
|
-
import { useRef } from 'react';
|
|
4
3
|
import { useAccount } from '../../hooks/useAccount.js';
|
|
5
4
|
import { useChain } from '../../hooks/useChain.js';
|
|
6
5
|
import { useDebouncedWatch } from '../../hooks/useDebouncedWatch.js';
|
|
@@ -12,8 +11,7 @@ import { TokenNotFound } from './TokenNotFound.js';
|
|
|
12
11
|
import { VirtualizedTokenList } from './VirtualizedTokenList.js';
|
|
13
12
|
import { useTokenSelect } from './useTokenSelect.js';
|
|
14
13
|
import { filteredTokensComparator } from './utils.js';
|
|
15
|
-
export const TokenList = ({ formType, height, onClick, }) => {
|
|
16
|
-
const parentRef = useRef(null);
|
|
14
|
+
export const TokenList = ({ formType, parentRef, height, onClick, }) => {
|
|
17
15
|
const [selectedChainId] = useFieldValues(FormKeyHelper.getChainKey(formType));
|
|
18
16
|
const [tokenSearchFilter] = useDebouncedWatch(320, 'tokenSearchFilter');
|
|
19
17
|
const { chain, isLoading: isChainLoading } = useChain(selectedChainId);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TokenList.js","sourceRoot":"","sources":["../../../components/TokenList/TokenList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAEpC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"TokenList.js","sourceRoot":"","sources":["../../../components/TokenList/TokenList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,6 +4,7 @@ import type { Account } from '../../hooks/useAccount.js';
|
|
|
4
4
|
import type { FormType } from '../../stores/form/types.js';
|
|
5
5
|
import type { TokenAmount } from '../../types/token.js';
|
|
6
6
|
export interface TokenListProps {
|
|
7
|
+
parentRef: MutableRefObject<HTMLElement | null>;
|
|
7
8
|
formType: FormType;
|
|
8
9
|
height: number;
|
|
9
10
|
onClick?(): void;
|
|
@@ -7,7 +7,7 @@ import { useFieldActions } from '../../stores/form/useFieldActions.js';
|
|
|
7
7
|
import { useFieldController } from '../../stores/form/useFieldController.js';
|
|
8
8
|
import { WidgetEvent } from '../../types/events.js';
|
|
9
9
|
export const useTokenSelect = (formType, onClick) => {
|
|
10
|
-
const { subvariant } = useWidgetConfig();
|
|
10
|
+
const { subvariant, disabledUI } = useWidgetConfig();
|
|
11
11
|
const emitter = useWidgetEvents();
|
|
12
12
|
const { setFieldValue, getFieldValues } = useFieldActions();
|
|
13
13
|
const tokenKey = FormKeyHelper.getTokenKey(formType);
|
|
@@ -21,9 +21,13 @@ export const useTokenSelect = (formType, onClick) => {
|
|
|
21
21
|
isDirty: true,
|
|
22
22
|
isTouched: true,
|
|
23
23
|
});
|
|
24
|
-
|
|
24
|
+
const amountKey = FormKeyHelper.getAmountKey(formType);
|
|
25
|
+
if (!disabledUI?.includes(amountKey)) {
|
|
26
|
+
setFieldValue(amountKey, '');
|
|
27
|
+
}
|
|
25
28
|
const oppositeFormType = formType === 'from' ? 'to' : 'from';
|
|
26
29
|
const [selectedOppositeToken, selectedOppositeChainId] = getFieldValues(FormKeyHelper.getTokenKey(oppositeFormType), FormKeyHelper.getChainKey(oppositeFormType));
|
|
30
|
+
// TODO: remove when we enable same chain/token transfers
|
|
27
31
|
if (selectedOppositeToken === tokenAddress &&
|
|
28
32
|
selectedOppositeChainId === selectedChainId &&
|
|
29
33
|
subvariant !== 'custom') {
|
|
@@ -55,6 +59,7 @@ export const useTokenSelect = (formType, onClick) => {
|
|
|
55
59
|
onClick?.();
|
|
56
60
|
}, [
|
|
57
61
|
chainOrderStore,
|
|
62
|
+
disabledUI,
|
|
58
63
|
emitter,
|
|
59
64
|
formType,
|
|
60
65
|
getFieldValues,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTokenSelect.js","sourceRoot":"","sources":["../../../components/TokenList/useTokenSelect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,EAAE,yBAAyB,EAAE,MAAM,wCAAwC,CAAC;AAEnF,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AACvE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"useTokenSelect.js","sourceRoot":"","sources":["../../../components/TokenList/useTokenSelect.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"coinbase.js","sourceRoot":"","sources":["../../config/coinbase.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,CAAC,MAAM,qBAAqB,GAA6B;IAC7D,OAAO,EAAE,OAAO;IAChB,UAAU,EAAE,YAAY;CACzB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const defaultMaxHeight = 682;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../config/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { LiFiToolLogo } from '../icons/lifi.js';
|
|
2
|
+
export const defaultMetaMaskConfig = {
|
|
3
|
+
dappMetadata: {
|
|
4
|
+
name: 'LI.FI',
|
|
5
|
+
url: typeof window !== 'undefined'
|
|
6
|
+
? window?.location.href
|
|
7
|
+
: 'https://li.fi/',
|
|
8
|
+
base64Icon: LiFiToolLogo,
|
|
9
|
+
},
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=metaMask.js.map
|