@lifi/widget 3.25.0 → 3.26.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 +27 -0
- package/dist/esm/components/AmountInput/AmountInput.js +75 -17
- package/dist/esm/components/AmountInput/AmountInput.js.map +1 -1
- package/dist/esm/components/AmountInput/AmountInput.style.d.ts +4 -0
- package/dist/esm/components/AmountInput/AmountInput.style.js +11 -0
- package/dist/esm/components/AmountInput/AmountInput.style.js.map +1 -1
- package/dist/esm/components/AmountInput/AmountInputAdornment.style.d.ts +1 -0
- package/dist/esm/components/AmountInput/AmountInputAdornment.style.js +64 -5
- package/dist/esm/components/AmountInput/AmountInputAdornment.style.js.map +1 -1
- package/dist/esm/components/AmountInput/AmountInputEndAdornment.js +20 -7
- package/dist/esm/components/AmountInput/AmountInputEndAdornment.js.map +1 -1
- package/dist/esm/components/AmountInput/PriceFormHelperText.js +41 -15
- package/dist/esm/components/AmountInput/PriceFormHelperText.js.map +1 -1
- package/dist/esm/components/AmountInput/PriceFormHelperText.style.d.ts +1 -0
- package/dist/esm/components/AmountInput/PriceFormHelperText.style.js +29 -0
- package/dist/esm/components/AmountInput/PriceFormHelperText.style.js.map +1 -0
- package/dist/esm/components/AppContainer.js +1 -0
- package/dist/esm/components/AppContainer.js.map +1 -1
- package/dist/esm/components/ChainSelect/useChainSelect.js +2 -4
- package/dist/esm/components/ChainSelect/useChainSelect.js.map +1 -1
- package/dist/esm/components/Chains/ChainsExpanded.d.ts +1 -1
- package/dist/esm/components/Chains/ChainsExpanded.js +3 -2
- package/dist/esm/components/Chains/ChainsExpanded.js.map +1 -1
- package/dist/esm/components/Chains/ChainsExpanded.style.js +1 -2
- package/dist/esm/components/Chains/ChainsExpanded.style.js.map +1 -1
- package/dist/esm/components/Chains/SelectChainContent.d.ts +1 -1
- package/dist/esm/components/Chains/SelectChainContent.js +3 -2
- package/dist/esm/components/Chains/SelectChainContent.js.map +1 -1
- package/dist/esm/components/Chains/VirtualizedChainList.js +5 -3
- package/dist/esm/components/Chains/VirtualizedChainList.js.map +1 -1
- package/dist/esm/components/Expansion/Expansion.js +5 -16
- package/dist/esm/components/Expansion/Expansion.js.map +1 -1
- package/dist/esm/components/Expansion/Expansion.style.d.ts +32 -0
- package/dist/esm/components/Expansion/Expansion.style.js +40 -0
- package/dist/esm/components/Expansion/Expansion.style.js.map +1 -0
- package/dist/esm/components/Expansion/ExpansionTransition.d.ts +0 -1
- package/dist/esm/components/Expansion/ExpansionTransition.js +1 -30
- package/dist/esm/components/Expansion/ExpansionTransition.js.map +1 -1
- package/dist/esm/components/Header/NavigationHeader.js +5 -1
- package/dist/esm/components/Header/NavigationHeader.js.map +1 -1
- package/dist/esm/components/Routes/RoutesContent.d.ts +2 -3
- package/dist/esm/components/Routes/RoutesContent.js +8 -23
- package/dist/esm/components/Routes/RoutesContent.js.map +1 -1
- package/dist/esm/components/Routes/RoutesExpanded.d.ts +2 -3
- package/dist/esm/components/Routes/RoutesExpanded.js +24 -8
- package/dist/esm/components/Routes/RoutesExpanded.js.map +1 -1
- package/dist/esm/components/Routes/RoutesExpanded.style.js +2 -2
- package/dist/esm/components/Routes/RoutesExpanded.style.js.map +1 -1
- package/dist/esm/components/SendToWallet/SendToWalletButton.js +1 -1
- package/dist/esm/components/SendToWallet/SendToWalletButton.js.map +1 -1
- package/dist/esm/components/SendToWallet/SendToWalletExpandButton.js +3 -3
- package/dist/esm/components/SendToWallet/SendToWalletExpandButton.js.map +1 -1
- package/dist/esm/components/Step/StepProcess.js +3 -8
- package/dist/esm/components/Step/StepProcess.js.map +1 -1
- package/dist/esm/components/TokenList/TokenDetailsSheetContent.js +1 -2
- package/dist/esm/components/TokenList/TokenDetailsSheetContent.js.map +1 -1
- package/dist/esm/components/TokenList/useTokenSelect.js +2 -4
- package/dist/esm/components/TokenList/useTokenSelect.js.map +1 -1
- package/dist/esm/config/version.d.ts +1 -1
- package/dist/esm/config/version.js +1 -1
- package/dist/esm/hooks/useFromAmountThreshold.js +2 -2
- package/dist/esm/hooks/useFromAmountThreshold.js.map +1 -1
- package/dist/esm/hooks/useGasSufficiency.js +3 -3
- package/dist/esm/hooks/useGasSufficiency.js.map +1 -1
- package/dist/esm/hooks/useNavigateBack.d.ts +1 -1
- package/dist/esm/hooks/useNavigateBack.js +8 -2
- package/dist/esm/hooks/useNavigateBack.js.map +1 -1
- package/dist/esm/hooks/useRouteExecution.js +1 -2
- package/dist/esm/hooks/useRouteExecution.js.map +1 -1
- package/dist/esm/hooks/useRoutes.js +51 -8
- package/dist/esm/hooks/useRoutes.js.map +1 -1
- package/dist/esm/hooks/useSettingMonitor.js +1 -2
- package/dist/esm/hooks/useSettingMonitor.js.map +1 -1
- package/dist/esm/hooks/useTokenAddressBalance.js +4 -1
- package/dist/esm/hooks/useTokenAddressBalance.js.map +1 -1
- package/dist/esm/hooks/useTokenSearch.js +5 -2
- package/dist/esm/hooks/useTokenSearch.js.map +1 -1
- package/dist/esm/hooks/useTokens.js +2 -2
- package/dist/esm/hooks/useTokens.js.map +1 -1
- package/dist/esm/hooks/useTools.js +2 -2
- package/dist/esm/hooks/useTools.js.map +1 -1
- package/dist/esm/i18n/bn.json +1 -1
- package/dist/esm/i18n/de.json +1 -1
- package/dist/esm/i18n/en.json +1 -1
- package/dist/esm/i18n/es.json +1 -1
- package/dist/esm/i18n/fr.json +1 -1
- package/dist/esm/i18n/hi.json +1 -1
- package/dist/esm/i18n/id.json +1 -1
- package/dist/esm/i18n/it.json +1 -1
- package/dist/esm/i18n/ja.json +1 -1
- package/dist/esm/i18n/ko.json +1 -1
- package/dist/esm/i18n/pt.json +1 -1
- package/dist/esm/i18n/th.json +1 -1
- package/dist/esm/i18n/tr.json +1 -1
- package/dist/esm/i18n/uk.json +1 -1
- package/dist/esm/i18n/vi.json +1 -1
- package/dist/esm/i18n/zh.json +1 -1
- package/dist/esm/pages/SelectEnabledToolsPage.js +4 -2
- package/dist/esm/pages/SelectEnabledToolsPage.js.map +1 -1
- package/dist/esm/pages/SelectTokenPage/SearchTokenInput.js +14 -7
- package/dist/esm/pages/SelectTokenPage/SearchTokenInput.js.map +1 -1
- package/dist/esm/pages/SettingsPage/BridgeAndExchangeSettings.js +1 -2
- package/dist/esm/pages/SettingsPage/BridgeAndExchangeSettings.js.map +1 -1
- package/dist/esm/pages/TransactionPage/TransactionPage.js +5 -3
- package/dist/esm/pages/TransactionPage/TransactionPage.js.map +1 -1
- package/dist/esm/stores/bookmarks/BookmarkStore.d.ts +1 -2
- package/dist/esm/stores/bookmarks/BookmarkStore.js +3 -3
- package/dist/esm/stores/bookmarks/BookmarkStore.js.map +1 -1
- package/dist/esm/stores/bookmarks/useBookmarkActions.js +1 -2
- package/dist/esm/stores/bookmarks/useBookmarkActions.js.map +1 -1
- package/dist/esm/stores/bookmarks/useBookmarks.js +1 -2
- package/dist/esm/stores/bookmarks/useBookmarks.js.map +1 -1
- package/dist/esm/stores/chains/ChainOrderStore.d.ts +1 -1
- package/dist/esm/stores/chains/ChainOrderStore.js +3 -2
- package/dist/esm/stores/chains/ChainOrderStore.js.map +1 -1
- package/dist/esm/stores/chains/useChainOrder.js +1 -2
- package/dist/esm/stores/chains/useChainOrder.js.map +1 -1
- package/dist/esm/stores/form/useFieldActions.js +1 -2
- package/dist/esm/stores/form/useFieldActions.js.map +1 -1
- package/dist/esm/stores/form/useFieldValues.js +1 -2
- package/dist/esm/stores/form/useFieldValues.js.map +1 -1
- package/dist/esm/stores/form/useFormStore.d.ts +1 -2
- package/dist/esm/stores/form/useFormStore.js +3 -3
- package/dist/esm/stores/form/useFormStore.js.map +1 -1
- package/dist/esm/stores/form/useTouchedFields.js +1 -2
- package/dist/esm/stores/form/useTouchedFields.js.map +1 -1
- package/dist/esm/stores/form/useValidation.js +5 -2
- package/dist/esm/stores/form/useValidation.js.map +1 -1
- package/dist/esm/stores/form/useValidationActions.js +1 -2
- package/dist/esm/stores/form/useValidationActions.js.map +1 -1
- package/dist/esm/stores/header/useHeaderStore.d.ts +1 -1
- package/dist/esm/stores/header/useHeaderStore.js +3 -2
- package/dist/esm/stores/header/useHeaderStore.js.map +1 -1
- package/dist/esm/stores/inputMode/useInputModeStore.d.ts +9 -0
- package/dist/esm/stores/inputMode/useInputModeStore.js +19 -0
- package/dist/esm/stores/inputMode/useInputModeStore.js.map +1 -0
- package/dist/esm/stores/routes/RouteExecutionStore.d.ts +1 -1
- package/dist/esm/stores/routes/RouteExecutionStore.js +3 -2
- package/dist/esm/stores/routes/RouteExecutionStore.js.map +1 -1
- package/dist/esm/stores/routes/useExecutingRoutesIds.js +1 -2
- package/dist/esm/stores/routes/useExecutingRoutesIds.js.map +1 -1
- package/dist/esm/stores/settings/useSendToWalletStore.d.ts +2 -1
- package/dist/esm/stores/settings/useSendToWalletStore.js +6 -3
- package/dist/esm/stores/settings/useSendToWalletStore.js.map +1 -1
- package/dist/esm/stores/settings/useSettings.js +1 -2
- package/dist/esm/stores/settings/useSettings.js.map +1 -1
- package/dist/esm/stores/settings/useSettingsActions.js +1 -2
- package/dist/esm/stores/settings/useSettingsActions.js.map +1 -1
- package/dist/esm/stores/settings/useSettingsStore.d.ts +2 -1
- package/dist/esm/stores/settings/useSettingsStore.js +5 -1
- package/dist/esm/stores/settings/useSettingsStore.js.map +1 -1
- package/dist/esm/stores/settings/useSplitSubvariantStore.js +2 -1
- package/dist/esm/stores/settings/useSplitSubvariantStore.js.map +1 -1
- package/dist/esm/themes/createTheme.js +5 -1
- package/dist/esm/themes/createTheme.js.map +1 -1
- package/dist/esm/types/widget.d.ts +2 -1
- package/dist/esm/types/widget.js +1 -0
- package/dist/esm/types/widget.js.map +1 -1
- package/dist/esm/utils/format.d.ts +4 -0
- package/dist/esm/utils/format.js +26 -0
- package/dist/esm/utils/format.js.map +1 -1
- package/dist/esm/utils/getPriceImpact.d.ts +2 -2
- package/dist/esm/utils/getPriceImpact.js.map +1 -1
- package/package.json +12 -12
- package/package.json.tmp +14 -14
- package/src/components/AmountInput/AmountInput.style.tsx +13 -0
- package/src/components/AmountInput/AmountInput.tsx +91 -18
- package/src/components/AmountInput/AmountInputAdornment.style.tsx +66 -5
- package/src/components/AmountInput/AmountInputEndAdornment.tsx +40 -10
- package/src/components/AmountInput/PriceFormHelperText.style.tsx +29 -0
- package/src/components/AmountInput/PriceFormHelperText.tsx +63 -19
- package/src/components/AppContainer.tsx +1 -0
- package/src/components/ChainSelect/useChainSelect.ts +2 -4
- package/src/components/Chains/ChainsExpanded.style.tsx +1 -2
- package/src/components/Chains/ChainsExpanded.tsx +6 -2
- package/src/components/Chains/SelectChainContent.tsx +81 -82
- package/src/components/Chains/VirtualizedChainList.tsx +5 -6
- package/src/components/Expansion/Expansion.style.tsx +43 -0
- package/src/components/Expansion/Expansion.tsx +8 -23
- package/src/components/Expansion/ExpansionTransition.tsx +5 -33
- package/src/components/Header/NavigationHeader.tsx +10 -1
- package/src/components/Routes/RoutesContent.tsx +14 -31
- package/src/components/Routes/RoutesExpanded.style.ts +2 -2
- package/src/components/Routes/RoutesExpanded.tsx +33 -13
- package/src/components/SendToWallet/SendToWalletButton.tsx +1 -1
- package/src/components/SendToWallet/SendToWalletExpandButton.tsx +8 -3
- package/src/components/Step/StepProcess.tsx +3 -8
- package/src/components/TokenList/TokenDetailsSheetContent.tsx +1 -2
- package/src/components/TokenList/useTokenSelect.ts +2 -4
- package/src/config/version.ts +1 -1
- package/src/hooks/useFromAmountThreshold.ts +6 -2
- package/src/hooks/useGasSufficiency.ts +4 -4
- package/src/hooks/useNavigateBack.ts +26 -17
- package/src/hooks/useRouteExecution.ts +1 -3
- package/src/hooks/useRoutes.ts +92 -37
- package/src/hooks/useSettingMonitor.ts +7 -11
- package/src/hooks/useTokenAddressBalance.ts +6 -1
- package/src/hooks/useTokenSearch.ts +5 -2
- package/src/hooks/useTokens.ts +2 -2
- package/src/hooks/useTools.ts +2 -2
- package/src/i18n/bn.json +1 -1
- package/src/i18n/de.json +1 -1
- package/src/i18n/en.json +1 -1
- package/src/i18n/es.json +1 -1
- package/src/i18n/fr.json +1 -1
- package/src/i18n/hi.json +1 -1
- package/src/i18n/id.json +1 -1
- package/src/i18n/it.json +1 -1
- package/src/i18n/ja.json +1 -1
- package/src/i18n/ko.json +1 -1
- package/src/i18n/pt.json +1 -1
- package/src/i18n/th.json +1 -1
- package/src/i18n/tr.json +1 -1
- package/src/i18n/uk.json +1 -1
- package/src/i18n/vi.json +1 -1
- package/src/i18n/zh.json +1 -1
- package/src/pages/SelectEnabledToolsPage.tsx +4 -5
- package/src/pages/SelectTokenPage/SearchTokenInput.tsx +19 -7
- package/src/pages/SettingsPage/BridgeAndExchangeSettings.tsx +1 -2
- package/src/pages/TransactionPage/TransactionPage.tsx +17 -9
- package/src/stores/bookmarks/BookmarkStore.tsx +3 -6
- package/src/stores/bookmarks/useBookmarkActions.ts +9 -13
- package/src/stores/bookmarks/useBookmarks.ts +1 -3
- package/src/stores/chains/ChainOrderStore.tsx +3 -3
- package/src/stores/chains/useChainOrder.ts +1 -5
- package/src/stores/form/useFieldActions.ts +10 -14
- package/src/stores/form/useFieldValues.ts +1 -3
- package/src/stores/form/useFormStore.ts +3 -6
- package/src/stores/form/useTouchedFields.ts +1 -2
- package/src/stores/form/useValidation.ts +5 -5
- package/src/stores/form/useValidationActions.ts +5 -9
- package/src/stores/header/useHeaderStore.tsx +3 -5
- package/src/stores/inputMode/useInputModeStore.ts +29 -0
- package/src/stores/routes/RouteExecutionStore.tsx +3 -3
- package/src/stores/routes/useExecutingRoutesIds.ts +14 -17
- package/src/stores/settings/useSendToWalletStore.ts +11 -8
- package/src/stores/settings/useSettings.ts +8 -11
- package/src/stores/settings/useSettingsActions.ts +8 -12
- package/src/stores/settings/useSettingsStore.ts +8 -1
- package/src/stores/settings/useSplitSubvariantStore.tsx +2 -1
- package/src/themes/createTheme.ts +5 -1
- package/src/types/widget.ts +1 -0
- package/src/utils/format.ts +33 -0
- package/src/utils/getPriceImpact.ts +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useChainSelect.js","sourceRoot":"","sources":["../../../../src/components/ChainSelect/useChainSelect.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AACpE,OAAO,EAAE,yBAAyB,EAAE,MAAM,6DAA6D,CAAA;AACvG,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAA;AAClF,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAA;AAEpE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAA;
|
|
1
|
+
{"version":3,"file":"useChainSelect.js","sourceRoot":"","sources":["../../../../src/components/ChainSelect/useChainSelect.ts"],"names":[],"mappings":"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"}
|
|
@@ -3,5 +3,5 @@ interface ChainsExpandedProps {
|
|
|
3
3
|
formType: FormType;
|
|
4
4
|
open: boolean;
|
|
5
5
|
}
|
|
6
|
-
export declare const ChainsExpanded:
|
|
6
|
+
export declare const ChainsExpanded: import("react").NamedExoticComponent<ChainsExpandedProps>;
|
|
7
7
|
export {};
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { memo } from 'react';
|
|
2
3
|
import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider';
|
|
3
4
|
import { getWidgetMaxHeight } from '../../utils/widgetSize';
|
|
4
5
|
import { ExpansionTransition } from '../Expansion/ExpansionTransition';
|
|
5
6
|
import { chainExpansionWidth, SelectChainExpansionContainer, } from './ChainsExpanded.style';
|
|
6
7
|
import { SelectChainContent } from './SelectChainContent';
|
|
7
|
-
export const ChainsExpanded = ({ formType, open })
|
|
8
|
+
export const ChainsExpanded = memo(function ChainsExpanded({ formType, open, }) {
|
|
8
9
|
const { theme } = useWidgetConfig();
|
|
9
10
|
return (_jsx(ExpansionTransition, { in: open, width: chainExpansionWidth, children: _jsx(SelectChainExpansionContainer, { expansionHeight: getWidgetMaxHeight(theme), children: _jsx(SelectChainContent, { inExpansion: true, formType: formType }) }) }));
|
|
10
|
-
};
|
|
11
|
+
});
|
|
11
12
|
//# sourceMappingURL=ChainsExpanded.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChainsExpanded.js","sourceRoot":"","sources":["../../../../src/components/Chains/ChainsExpanded.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAA;AAE/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAA;AACtE,OAAO,EACL,mBAAmB,EACnB,6BAA6B,GAC9B,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAOzD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"ChainsExpanded.js","sourceRoot":"","sources":["../../../../src/components/Chains/ChainsExpanded.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAA;AAE/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAA;AACtE,OAAO,EACL,mBAAmB,EACnB,6BAA6B,GAC9B,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAOzD,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,cAAc,CAAC,EACzD,QAAQ,EACR,IAAI,GACgB;IACpB,MAAM,EAAE,KAAK,EAAE,GAAG,eAAe,EAAE,CAAA;IAEnC,OAAO,CACL,KAAC,mBAAmB,IAAC,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,mBAAmB,YACvD,KAAC,6BAA6B,IAC5B,eAAe,EAAE,kBAAkB,CAAC,KAAK,CAAC,YAE1C,KAAC,kBAAkB,IAAC,WAAW,QAAC,QAAQ,EAAE,QAAQ,GAAI,GACxB,GACZ,CACvB,CAAA;AACH,CAAC,CAAC,CAAA"}
|
|
@@ -3,14 +3,13 @@ export const chainExpansionWidth = '256px';
|
|
|
3
3
|
export const SelectChainExpansionContainer = styled(Box, {
|
|
4
4
|
shouldForwardProp: (prop) => prop !== 'expansionHeight',
|
|
5
5
|
})(({ theme, expansionHeight }) => ({
|
|
6
|
+
...theme.container,
|
|
6
7
|
position: 'relative',
|
|
7
8
|
boxSizing: 'content-box',
|
|
8
9
|
width: chainExpansionWidth,
|
|
9
10
|
background: theme.vars.palette.background.default,
|
|
10
11
|
overflow: 'hidden',
|
|
11
12
|
flex: 1,
|
|
12
|
-
borderRadius: theme.container?.borderRadius ?? 0,
|
|
13
|
-
boxShadow: theme.container?.boxShadow ?? 'none',
|
|
14
13
|
zIndex: 0,
|
|
15
14
|
height: expansionHeight,
|
|
16
15
|
...theme.chainSidebarContainer,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChainsExpanded.style.js","sourceRoot":"","sources":["../../../../src/components/Chains/ChainsExpanded.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAE3C,MAAM,CAAC,MAAM,mBAAmB,GAAG,OAAO,CAAA;AAM1C,MAAM,CAAC,MAAM,6BAA6B,GAAG,MAAM,CAAC,GAAG,EAAE;IACvD,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,iBAAiB;CACxD,CAAC,CAAqC,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CAAC;IACtE,QAAQ,EAAE,UAAU;IACpB,SAAS,EAAE,aAAa;IACxB,KAAK,EAAE,mBAAmB;IAC1B,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO;IACjD,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,CAAC;IACP,
|
|
1
|
+
{"version":3,"file":"ChainsExpanded.style.js","sourceRoot":"","sources":["../../../../src/components/Chains/ChainsExpanded.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAE3C,MAAM,CAAC,MAAM,mBAAmB,GAAG,OAAO,CAAA;AAM1C,MAAM,CAAC,MAAM,6BAA6B,GAAG,MAAM,CAAC,GAAG,EAAE;IACvD,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,iBAAiB;CACxD,CAAC,CAAqC,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CAAC;IACtE,GAAG,KAAK,CAAC,SAAS;IAClB,QAAQ,EAAE,UAAU;IACpB,SAAS,EAAE,aAAa;IACxB,KAAK,EAAE,mBAAmB;IAC1B,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO;IACjD,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,CAAC;IACP,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,eAAe;IACvB,GAAG,KAAK,CAAC,qBAAqB;CAC/B,CAAC,CAAC,CAAA"}
|
|
@@ -5,5 +5,5 @@ interface SelectChainContentProps {
|
|
|
5
5
|
onSelect?: (chain: ExtendedChain) => void;
|
|
6
6
|
inExpansion: boolean;
|
|
7
7
|
}
|
|
8
|
-
export declare const SelectChainContent:
|
|
8
|
+
export declare const SelectChainContent: import("react").NamedExoticComponent<SelectChainContentProps>;
|
|
9
9
|
export {};
|
|
@@ -11,7 +11,7 @@ import { FullPageContainer } from '../FullPageContainer';
|
|
|
11
11
|
import { ChainList } from './ChainList';
|
|
12
12
|
import { ChainSearchInput } from './ChainSearchInput';
|
|
13
13
|
const searchHeaderHeight = '80px';
|
|
14
|
-
export const SelectChainContent = memo(({ formType, onSelect, inExpansion })
|
|
14
|
+
export const SelectChainContent = memo(function SelectChainContent({ formType, onSelect, inExpansion, }) {
|
|
15
15
|
const theme = useTheme();
|
|
16
16
|
const { chains, isLoading, setCurrentChain } = useChainSelect(formType);
|
|
17
17
|
const elementId = useDefaultElementId();
|
|
@@ -23,7 +23,8 @@ export const SelectChainContent = memo(({ formType, onSelect, inExpansion }) =>
|
|
|
23
23
|
const filteredChains = useMemo(() => {
|
|
24
24
|
const value = debouncedSearchValue.toLowerCase();
|
|
25
25
|
return value
|
|
26
|
-
? (chains?.filter((chain) => chain.name.toLowerCase().includes(value)) ??
|
|
26
|
+
? (chains?.filter((chain) => chain.name.toLowerCase().includes(value)) ??
|
|
27
|
+
[])
|
|
27
28
|
: (chains ?? []);
|
|
28
29
|
}, [chains, debouncedSearchValue]);
|
|
29
30
|
const scrollToTop = useCallback(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectChainContent.js","sourceRoot":"","sources":["../../../../src/components/Chains/SelectChainContent.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACvD,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AACrE,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAA;AAC3E,OAAO,EAAE,aAAa,EAAiB,MAAM,yBAAyB,CAAA;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAA;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAA;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAQrD,MAAM,kBAAkB,GAAG,MAAM,CAAA;AAEjC,MAAM,CAAC,MAAM,kBAAkB,
|
|
1
|
+
{"version":3,"file":"SelectChainContent.js","sourceRoot":"","sources":["../../../../src/components/Chains/SelectChainContent.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +1,16 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useVirtualizer } from '@tanstack/react-virtual';
|
|
3
3
|
import { useCallback, useEffect, useLayoutEffect, useMemo, useRef } from 'react';
|
|
4
|
-
import { shallow } from 'zustand/shallow';
|
|
5
4
|
import { useChainOrderStore } from '../../stores/chains/ChainOrderStore';
|
|
6
5
|
import { List } from './ChainList.style';
|
|
7
6
|
import { ChainListItem } from './ChainListItem';
|
|
8
7
|
export const VirtualizedChainList = ({ chains, onSelect, selectedChainId, itemsSize, scrollElementRef, withPinnedChains, }) => {
|
|
9
8
|
const selectedChainIdRef = useRef(selectedChainId); // Store the initial selected chain ID to scroll to it once chains are loaded
|
|
10
9
|
const hasScrolledRef = useRef(false);
|
|
11
|
-
const [pinnedChains, setPinnedChain] = useChainOrderStore((state) => [
|
|
10
|
+
const [pinnedChains, setPinnedChain] = useChainOrderStore((state) => [
|
|
11
|
+
state.pinnedChains,
|
|
12
|
+
state.setPinnedChain,
|
|
13
|
+
]);
|
|
12
14
|
const onPin = useCallback((chainId) => {
|
|
13
15
|
setPinnedChain(chainId);
|
|
14
16
|
}, [setPinnedChain]);
|
|
@@ -61,9 +63,9 @@ export const VirtualizedChainList = ({ chains, onSelect, selectedChainId, itemsS
|
|
|
61
63
|
behavior: 'smooth',
|
|
62
64
|
});
|
|
63
65
|
});
|
|
64
|
-
hasScrolledRef.current = true; // Mark as scrolled (when needed)
|
|
65
66
|
}
|
|
66
67
|
}
|
|
68
|
+
hasScrolledRef.current = true; // Mark as scrolled (when needed)
|
|
67
69
|
}
|
|
68
70
|
}, [sortedChains, scrollToIndex, range]);
|
|
69
71
|
return (_jsx(List, { className: "long-list", style: { height: getTotalSize() }, disablePadding: true, children: getVirtualItems().map((item) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VirtualizedChainList.js","sourceRoot":"","sources":["../../../../src/components/Chains/VirtualizedChainList.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAExD,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChF,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"VirtualizedChainList.js","sourceRoot":"","sources":["../../../../src/components/Chains/VirtualizedChainList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,40 +1,29 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
3
|
-
import { useCallback, useMemo, useRef, useState } from 'react';
|
|
2
|
+
import { useMemo, useRef, useState } from 'react';
|
|
4
3
|
import { useHasChainExpansion } from '../../hooks/useHasChainExpansion';
|
|
5
4
|
import { ExpansionType } from '../../types/widget';
|
|
6
5
|
import { ChainsExpanded } from '../Chains/ChainsExpanded';
|
|
7
6
|
import { chainExpansionWidth } from '../Chains/ChainsExpanded.style';
|
|
8
7
|
import { RoutesExpanded } from '../Routes/RoutesExpanded';
|
|
9
8
|
import { routesExpansionWidth } from '../Routes/RoutesExpanded.style';
|
|
10
|
-
import {
|
|
9
|
+
import { ExpansionContainer } from './Expansion.style';
|
|
11
10
|
export function Expansion() {
|
|
12
11
|
const [withChainExpansion, expansionType] = useHasChainExpansion();
|
|
13
12
|
const chainExpansionTypeRef = useRef(expansionType);
|
|
14
13
|
const [routesOpen, setRoutesOpen] = useState(false);
|
|
15
|
-
const handleSetRoutesOpen = useCallback((open) => {
|
|
16
|
-
setRoutesOpen(open);
|
|
17
|
-
}, []);
|
|
18
14
|
// Track the previous chain expansion type to avoid re-renders when transitioning to Routes
|
|
19
15
|
if (expansionType === ExpansionType.FromChain ||
|
|
20
16
|
expansionType === ExpansionType.ToChain) {
|
|
21
17
|
chainExpansionTypeRef.current = expansionType;
|
|
22
18
|
}
|
|
23
|
-
const
|
|
19
|
+
const containerWidth = useMemo(() => {
|
|
24
20
|
return routesOpen
|
|
25
21
|
? routesExpansionWidth
|
|
26
22
|
: withChainExpansion
|
|
27
23
|
? chainExpansionWidth
|
|
28
|
-
:
|
|
24
|
+
: 0;
|
|
29
25
|
}, [routesOpen, withChainExpansion]);
|
|
30
|
-
return (_jsxs(
|
|
31
|
-
position: 'relative',
|
|
32
|
-
display: 'flex',
|
|
33
|
-
transition: `width ${animationDuration}ms cubic-bezier(0.4, 0, 0.2, 1)`,
|
|
34
|
-
width: boxWidth,
|
|
35
|
-
willChange: 'width',
|
|
36
|
-
marginLeft: boxWidth !== '0px' ? '24px' : '0px',
|
|
37
|
-
}, children: [_jsx(RoutesExpanded, { expansionType: expansionType, setOpenExpansion: handleSetRoutesOpen }), _jsx(ChainsExpanded, { formType: chainExpansionTypeRef.current === ExpansionType.FromChain
|
|
26
|
+
return (_jsxs(ExpansionContainer, { width: containerWidth, children: [_jsx(RoutesExpanded, { canOpen: expansionType === ExpansionType.Routes, setOpenExpansion: setRoutesOpen }), _jsx(ChainsExpanded, { formType: chainExpansionTypeRef.current === ExpansionType.FromChain
|
|
38
27
|
? 'from'
|
|
39
28
|
: 'to', open: withChainExpansion })] }));
|
|
40
29
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Expansion.js","sourceRoot":"","sources":["../../../../src/components/Expansion/Expansion.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Expansion.js","sourceRoot":"","sources":["../../../../src/components/Expansion/Expansion.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAA;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAA;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAEtD,MAAM,UAAU,SAAS;IACvB,MAAM,CAAC,kBAAkB,EAAE,aAAa,CAAC,GAAG,oBAAoB,EAAE,CAAA;IAClE,MAAM,qBAAqB,GAAG,MAAM,CAAgB,aAAa,CAAC,CAAA;IAClE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEnD,2FAA2F;IAC3F,IACE,aAAa,KAAK,aAAa,CAAC,SAAS;QACzC,aAAa,KAAK,aAAa,CAAC,OAAO,EACvC,CAAC;QACD,qBAAqB,CAAC,OAAO,GAAG,aAAa,CAAA;IAC/C,CAAC;IAED,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,OAAO,UAAU;YACf,CAAC,CAAC,oBAAoB;YACtB,CAAC,CAAC,kBAAkB;gBAClB,CAAC,CAAC,mBAAmB;gBACrB,CAAC,CAAC,CAAC,CAAA;IACT,CAAC,EAAE,CAAC,UAAU,EAAE,kBAAkB,CAAC,CAAC,CAAA;IAEpC,OAAO,CACL,MAAC,kBAAkB,IAAC,KAAK,EAAE,cAAc,aACvC,KAAC,cAAc,IACb,OAAO,EAAE,aAAa,KAAK,aAAa,CAAC,MAAM,EAC/C,gBAAgB,EAAE,aAAa,GAC/B,EACF,KAAC,cAAc,IACb,QAAQ,EACN,qBAAqB,CAAC,OAAO,KAAK,aAAa,CAAC,SAAS;oBACvD,CAAC,CAAC,MAAM;oBACR,CAAC,CAAC,IAAI,EAEV,IAAI,EAAE,kBAAkB,GACxB,IACiB,CACtB,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
export declare const animationDuration = 225;
|
|
2
|
+
export declare const defaultStyle: {
|
|
3
|
+
opacity: number;
|
|
4
|
+
whiteSpace: string;
|
|
5
|
+
transform: string;
|
|
6
|
+
display: string;
|
|
7
|
+
position: "absolute";
|
|
8
|
+
top: number;
|
|
9
|
+
left: number;
|
|
10
|
+
transition: string;
|
|
11
|
+
};
|
|
12
|
+
export declare const transitionStyles: {
|
|
13
|
+
entering: {
|
|
14
|
+
opacity: number;
|
|
15
|
+
transform: string;
|
|
16
|
+
};
|
|
17
|
+
entered: {
|
|
18
|
+
opacity: number;
|
|
19
|
+
transform: string;
|
|
20
|
+
};
|
|
21
|
+
exiting: {
|
|
22
|
+
opacity: number;
|
|
23
|
+
transform: string;
|
|
24
|
+
};
|
|
25
|
+
exited: {
|
|
26
|
+
opacity: number;
|
|
27
|
+
transform: string;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
export declare const ExpansionContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
31
|
+
width: string | number;
|
|
32
|
+
}, {}, {}>;
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { Box, styled } from '@mui/material';
|
|
2
|
+
export const animationDuration = 225;
|
|
3
|
+
export const defaultStyle = {
|
|
4
|
+
opacity: 0,
|
|
5
|
+
whiteSpace: 'nowrap',
|
|
6
|
+
transform: 'translateX(-100%)',
|
|
7
|
+
display: 'inline-block',
|
|
8
|
+
position: 'absolute',
|
|
9
|
+
top: 0,
|
|
10
|
+
left: 0,
|
|
11
|
+
transition: `opacity ${animationDuration}ms cubic-bezier(0.4, 0, 0.2, 1), transform ${animationDuration}ms cubic-bezier(0.4, 0, 0.2, 1)`,
|
|
12
|
+
};
|
|
13
|
+
export const transitionStyles = {
|
|
14
|
+
entering: {
|
|
15
|
+
opacity: 1,
|
|
16
|
+
transform: 'translateX(0)',
|
|
17
|
+
},
|
|
18
|
+
entered: {
|
|
19
|
+
opacity: 1,
|
|
20
|
+
transform: 'translateX(0)',
|
|
21
|
+
},
|
|
22
|
+
exiting: {
|
|
23
|
+
opacity: 0,
|
|
24
|
+
transform: 'translateX(-100%)',
|
|
25
|
+
},
|
|
26
|
+
exited: {
|
|
27
|
+
opacity: 0,
|
|
28
|
+
transform: 'translateX(-100%)',
|
|
29
|
+
},
|
|
30
|
+
};
|
|
31
|
+
export const ExpansionContainer = styled(Box, {
|
|
32
|
+
shouldForwardProp: (prop) => prop !== 'width',
|
|
33
|
+
})(({ width }) => ({
|
|
34
|
+
position: 'relative',
|
|
35
|
+
display: 'flex',
|
|
36
|
+
transition: `width ${animationDuration}ms cubic-bezier(0.4, 0, 0.2, 1)`,
|
|
37
|
+
width: width,
|
|
38
|
+
marginLeft: width ? '24px' : 0,
|
|
39
|
+
}));
|
|
40
|
+
//# sourceMappingURL=Expansion.style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Expansion.style.js","sourceRoot":"","sources":["../../../../src/components/Expansion/Expansion.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAE3C,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;AAEpC,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,OAAO,EAAE,CAAC;IACV,UAAU,EAAE,QAAQ;IACpB,SAAS,EAAE,mBAAmB;IAC9B,OAAO,EAAE,cAAc;IACvB,QAAQ,EAAE,UAAmB;IAC7B,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,UAAU,EAAE,WAAW,iBAAiB,8CAA8C,iBAAiB,iCAAiC;CACzI,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,QAAQ,EAAE;QACR,OAAO,EAAE,CAAC;QACV,SAAS,EAAE,eAAe;KAC3B;IACD,OAAO,EAAE;QACP,OAAO,EAAE,CAAC;QACV,SAAS,EAAE,eAAe;KAC3B;IACD,OAAO,EAAE;QACP,OAAO,EAAE,CAAC;QACV,SAAS,EAAE,mBAAmB;KAC/B;IACD,MAAM,EAAE;QACN,OAAO,EAAE,CAAC;QACV,SAAS,EAAE,mBAAmB;KAC/B;CACF,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,EAAE;IAC5C,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,OAAO;CAC9C,CAAC,CAA6B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC7C,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,SAAS,iBAAiB,iCAAiC;IACvE,KAAK,EAAE,KAAK;IACZ,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;CAC/B,CAAC,CAAC,CAAA"}
|
|
@@ -2,36 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { Box } from '@mui/material';
|
|
3
3
|
import { useRef } from 'react';
|
|
4
4
|
import { Transition } from 'react-transition-group';
|
|
5
|
-
|
|
6
|
-
const defaultStyle = {
|
|
7
|
-
opacity: 0,
|
|
8
|
-
whiteSpace: 'nowrap',
|
|
9
|
-
transform: 'translateX(-100%)',
|
|
10
|
-
display: 'inline-block',
|
|
11
|
-
position: 'absolute',
|
|
12
|
-
top: 0,
|
|
13
|
-
left: 0,
|
|
14
|
-
willChange: 'opacity, transform',
|
|
15
|
-
transition: `opacity ${animationDuration}ms cubic-bezier(0.4, 0, 0.2, 1), transform ${animationDuration}ms cubic-bezier(0.4, 0, 0.2, 1)`,
|
|
16
|
-
};
|
|
17
|
-
const transitionStyles = {
|
|
18
|
-
entering: {
|
|
19
|
-
opacity: 1,
|
|
20
|
-
transform: 'translateX(0)',
|
|
21
|
-
},
|
|
22
|
-
entered: {
|
|
23
|
-
opacity: 1,
|
|
24
|
-
transform: 'translateX(0)',
|
|
25
|
-
},
|
|
26
|
-
exiting: {
|
|
27
|
-
opacity: 0,
|
|
28
|
-
transform: 'translateX(-100%)',
|
|
29
|
-
},
|
|
30
|
-
exited: {
|
|
31
|
-
opacity: 0,
|
|
32
|
-
transform: 'translateX(-100%)',
|
|
33
|
-
},
|
|
34
|
-
};
|
|
5
|
+
import { animationDuration, defaultStyle, transitionStyles, } from './Expansion.style';
|
|
35
6
|
export function ExpansionTransition({ in: inProp, children, width, onExited, }) {
|
|
36
7
|
const nodeRef = useRef(null);
|
|
37
8
|
return (_jsx(Transition, { nodeRef: nodeRef, in: inProp, timeout: animationDuration, onExited: onExited, mountOnEnter: true, unmountOnExit: true, children: (state) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpansionTransition.js","sourceRoot":"","sources":["../../../../src/components/Expansion/ExpansionTransition.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AACnC,OAAO,EAA0B,MAAM,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;
|
|
1
|
+
{"version":3,"file":"ExpansionTransition.js","sourceRoot":"","sources":["../../../../src/components/Expansion/ExpansionTransition.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AACnC,OAAO,EAA0B,MAAM,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EACL,iBAAiB,EACjB,YAAY,EACZ,gBAAgB,GACjB,MAAM,mBAAmB,CAAA;AAQ1B,MAAM,UAAU,mBAAmB,CAAC,EAClC,EAAE,EAAE,MAAM,EACV,QAAQ,EACR,KAAK,EACL,QAAQ,GACoC;IAC5C,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IAC5B,OAAO,CACL,KAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,MAAM,EACV,OAAO,EAAE,iBAAiB,EAC1B,QAAQ,EAAE,QAAQ,EAClB,YAAY,QACZ,aAAa,kBAEZ,CAAC,KAAK,EAAE,EAAE;YACT,OAAO,CACL,KAAC,GAAG,IACF,GAAG,EAAE,OAAO,EACZ,KAAK,EAAE;oBACL,GAAG,YAAY;oBACf,GAAG,gBAAgB,CAAC,KAAsC,CAAC;oBAC3D,KAAK;iBACN,YAEA,QAAQ,GACL,CACP,CAAA;QACH,CAAC,GACU,CACd,CAAA;AACH,CAAC"}
|
|
@@ -26,7 +26,11 @@ export const NavigationHeader = () => {
|
|
|
26
26
|
const path = cleanedPathname.substring(cleanedPathname.lastIndexOf('/') + 1);
|
|
27
27
|
const hasPath = navigationRoutesValues.includes(path);
|
|
28
28
|
const splitSubvariant = subvariant === 'split' && !hasPath;
|
|
29
|
-
return (_jsxs(_Fragment, { children: [_jsxs(HeaderAppBar, { elevation: 0, children: [backButtonRoutes.includes(path) ? (_jsx(BackButton, { onClick:
|
|
29
|
+
return (_jsxs(_Fragment, { children: [_jsxs(HeaderAppBar, { elevation: 0, children: [backButtonRoutes.includes(path) ? (_jsx(BackButton, { onClick: () => navigateBack(
|
|
30
|
+
// From transaction details page, navigate to home page
|
|
31
|
+
path === navigationRoutes.transactionDetails
|
|
32
|
+
? navigationRoutes.home
|
|
33
|
+
: undefined) })) : null, splitSubvariant ? (_jsx(Box, { sx: {
|
|
30
34
|
flex: 1,
|
|
31
35
|
}, children: _jsx(SplitWalletMenuButton, {}) })) : (_jsx(Typography, { align: hasPath ? 'center' : 'left', noWrap: defaultUI?.navigationHeaderTitleNoWrap ?? true, sx: {
|
|
32
36
|
fontSize: hasPath ? 18 : 24,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationHeader.js","sourceRoot":"","sources":["../../../../src/components/Header/NavigationHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAA;AAClF,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAA;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,sBAAsB,GACvB,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,EAAE,YAAY,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAA;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAA;AACxE,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAEzD,MAAM,CAAC,MAAM,gBAAgB,GAAa,GAAG,EAAE;IAC7C,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,eAAe,EAAE,CAAA;IACtE,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAA;IAC1C,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,CAAA;IAChC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,cAAc,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,CAAA;IAC3D,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,CAAA;IAElC,MAAM,eAAe,GAAG,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC;QAC5C,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACvB,CAAC,CAAC,QAAQ,CAAA;IACZ,MAAM,IAAI,GAAG,eAAe,CAAC,SAAS,CAAC,eAAe,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;IAC5E,MAAM,OAAO,GAAG,sBAAsB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;IAErD,MAAM,eAAe,GAAG,UAAU,KAAK,OAAO,IAAI,CAAC,OAAO,CAAA;IAE1D,OAAO,CACL,8BACE,MAAC,YAAY,IAAC,SAAS,EAAE,CAAC,aACvB,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CACjC,KAAC,UAAU,
|
|
1
|
+
{"version":3,"file":"NavigationHeader.js","sourceRoot":"","sources":["../../../../src/components/Header/NavigationHeader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,12 +3,11 @@ interface RoutesContentProps {
|
|
|
3
3
|
routes: Route[];
|
|
4
4
|
isFetching: boolean;
|
|
5
5
|
isLoading: boolean;
|
|
6
|
-
expanded: boolean;
|
|
7
|
-
setReviewableRoute: (route: Route) => void;
|
|
8
6
|
dataUpdatedAt: number;
|
|
9
7
|
refetchTime: number;
|
|
10
8
|
fromChain: ExtendedChain | undefined;
|
|
11
9
|
refetch: () => void;
|
|
10
|
+
onRouteClick: (route: Route) => void;
|
|
12
11
|
}
|
|
13
|
-
export declare const RoutesContent:
|
|
12
|
+
export declare const RoutesContent: import("react").NamedExoticComponent<RoutesContentProps>;
|
|
14
13
|
export {};
|
|
@@ -1,55 +1,40 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useAccount } from '@lifi/wallet-management';
|
|
3
3
|
import { Stack, Typography } from '@mui/material';
|
|
4
|
-
import {
|
|
4
|
+
import { memo } from 'react';
|
|
5
5
|
import { useTranslation } from 'react-i18next';
|
|
6
|
-
import { useNavigate } from 'react-router-dom';
|
|
7
6
|
import { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js';
|
|
8
|
-
import { useWidgetEvents } from '../../hooks/useWidgetEvents.js';
|
|
9
7
|
import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
|
|
10
8
|
import { useFieldValues } from '../../stores/form/useFieldValues.js';
|
|
11
|
-
import { WidgetEvent } from '../../types/events.js';
|
|
12
|
-
import { navigationRoutes } from '../../utils/navigationRoutes.js';
|
|
13
9
|
import { PageContainer } from '../PageContainer.js';
|
|
14
10
|
import { ProgressToNextUpdate } from '../ProgressToNextUpdate.js';
|
|
15
11
|
import { RouteCard } from '../RouteCard/RouteCard.js';
|
|
16
12
|
import { RouteCardSkeleton } from '../RouteCard/RouteCardSkeleton.js';
|
|
17
13
|
import { RouteNotFoundCard } from '../RouteCard/RouteNotFoundCard.js';
|
|
18
14
|
import { Container, Header } from './RoutesExpanded.style.js';
|
|
19
|
-
|
|
15
|
+
const headerHeight = '64px';
|
|
16
|
+
export const RoutesContent = memo(function RoutesContent({ routes, isFetching, isLoading, dataUpdatedAt, refetchTime, fromChain, refetch, onRouteClick, }) {
|
|
20
17
|
const { t } = useTranslation();
|
|
21
|
-
const navigate = useNavigate();
|
|
22
18
|
const { subvariant, subvariantOptions } = useWidgetConfig();
|
|
23
19
|
const { account } = useAccount({ chainType: fromChain?.chainType });
|
|
24
20
|
const [toAddress] = useFieldValues('toAddress');
|
|
25
21
|
const { requiredToAddress } = useToAddressRequirements();
|
|
26
|
-
const emitter = useWidgetEvents();
|
|
27
|
-
const handleRouteClick = (route) => {
|
|
28
|
-
setReviewableRoute(route);
|
|
29
|
-
navigate(navigationRoutes.transactionExecution, {
|
|
30
|
-
state: { routeId: route.id },
|
|
31
|
-
});
|
|
32
|
-
emitter.emit(WidgetEvent.RouteSelected, { route, routes: routes });
|
|
33
|
-
};
|
|
34
22
|
const currentRoute = routes?.[0];
|
|
35
|
-
const routeNotFound = !currentRoute && !isLoading && !isFetching
|
|
23
|
+
const routeNotFound = !currentRoute && !isLoading && !isFetching;
|
|
36
24
|
const toAddressUnsatisfied = currentRoute && requiredToAddress && !toAddress;
|
|
37
25
|
const allowInteraction = account.isConnected && !toAddressUnsatisfied;
|
|
38
|
-
useEffect(() => {
|
|
39
|
-
emitter.emit(WidgetEvent.WidgetExpanded, expanded);
|
|
40
|
-
}, [emitter, expanded]);
|
|
41
26
|
const title = subvariant === 'custom'
|
|
42
27
|
? subvariantOptions?.custom === 'deposit'
|
|
43
28
|
? t('header.deposit')
|
|
44
29
|
: t('header.youPay')
|
|
45
30
|
: t('header.receive');
|
|
46
|
-
return (_jsxs(Container, { enableColorScheme: true, minimumHeight: isLoading, children: [_jsxs(Header, { children: [_jsx(Typography, { noWrap: true, sx: {
|
|
31
|
+
return (_jsxs(Container, { enableColorScheme: true, minimumHeight: isLoading, children: [_jsxs(Header, { sx: { height: headerHeight }, children: [_jsx(Typography, { noWrap: true, sx: {
|
|
47
32
|
fontSize: 18,
|
|
48
33
|
fontWeight: '700',
|
|
49
34
|
flex: 1,
|
|
50
|
-
}, children: title }), _jsx(ProgressToNextUpdate, { updatedAt: dataUpdatedAt || Date.now(), timeToUpdate: refetchTime, isLoading: isFetching, onClick: () => refetch(), sx: { marginRight: -1 } })] }), _jsx(PageContainer, { children: _jsx(Stack, { direction: "column", spacing: 2, sx: {
|
|
35
|
+
}, children: title }), _jsx(ProgressToNextUpdate, { updatedAt: dataUpdatedAt || Date.now(), timeToUpdate: refetchTime, isLoading: isFetching, onClick: () => refetch(), sx: { marginRight: -1 } })] }), _jsx(PageContainer, { sx: { height: `calc(100% - ${headerHeight})`, overflow: 'auto' }, children: _jsx(Stack, { direction: "column", spacing: 2, sx: {
|
|
51
36
|
flex: 1,
|
|
52
37
|
paddingBottom: 3,
|
|
53
|
-
}, children: routeNotFound ? (_jsx(RouteNotFoundCard, {})) : (isLoading || isFetching) && !routes?.length ? (Array.from({ length: 3 }).map((_, index) => (_jsx(RouteCardSkeleton, {}, index)))) : (routes?.map((route, index) => (_jsx(RouteCard, { route: route, onClick: allowInteraction ? () =>
|
|
54
|
-
};
|
|
38
|
+
}, children: routeNotFound ? (_jsx(RouteNotFoundCard, {})) : (isLoading || isFetching) && !routes?.length ? (Array.from({ length: 3 }).map((_, index) => (_jsx(RouteCardSkeleton, {}, index)))) : (routes?.map((route, index) => (_jsx(RouteCard, { route: route, onClick: allowInteraction ? () => onRouteClick(route) : undefined, active: index === 0, expanded: routes?.length === 1 }, index)))) }) })] }));
|
|
39
|
+
});
|
|
55
40
|
//# sourceMappingURL=RoutesContent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RoutesContent.js","sourceRoot":"","sources":["../../../../src/components/Routes/RoutesContent.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"RoutesContent.js","sourceRoot":"","sources":["../../../../src/components/Routes/RoutesContent.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import { ExpansionType } from '../../types/widget.js';
|
|
2
1
|
interface RoutesExpandedProps {
|
|
3
|
-
|
|
2
|
+
canOpen: boolean;
|
|
4
3
|
setOpenExpansion: (open: boolean) => void;
|
|
5
4
|
}
|
|
6
|
-
export declare const RoutesExpanded:
|
|
5
|
+
export declare const RoutesExpanded: import("react").NamedExoticComponent<RoutesExpandedProps>;
|
|
7
6
|
export {};
|
|
@@ -1,11 +1,16 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useEffect, useRef } from 'react';
|
|
2
|
+
import { memo, useCallback, useEffect, useLayoutEffect, useRef } from 'react';
|
|
3
|
+
import { useNavigate } from 'react-router-dom';
|
|
3
4
|
import { useRoutes } from '../../hooks/useRoutes.js';
|
|
4
|
-
import {
|
|
5
|
+
import { useWidgetEvents } from '../../hooks/useWidgetEvents.js';
|
|
6
|
+
import { WidgetEvent } from '../../types/events.js';
|
|
7
|
+
import { navigationRoutes } from '../../utils/navigationRoutes.js';
|
|
5
8
|
import { ExpansionTransition } from '../Expansion/ExpansionTransition.js';
|
|
6
9
|
import { RoutesContent } from './RoutesContent.js';
|
|
7
10
|
import { routesExpansionWidth } from './RoutesExpanded.style.js';
|
|
8
|
-
export const RoutesExpanded = ({
|
|
11
|
+
export const RoutesExpanded = memo(function RoutesExpanded({ canOpen, setOpenExpansion, }) {
|
|
12
|
+
const emitter = useWidgetEvents();
|
|
13
|
+
const navigate = useNavigate();
|
|
9
14
|
const routesRef = useRef(undefined);
|
|
10
15
|
const routesActiveRef = useRef(false);
|
|
11
16
|
const { routes, isLoading, isFetching, isFetched, dataUpdatedAt, refetchTime, fromChain, refetch, setReviewableRoute, } = useRoutes();
|
|
@@ -22,11 +27,22 @@ export const RoutesExpanded = ({ expansionType, setOpenExpansion, }) => {
|
|
|
22
27
|
routesActiveRef.current = Boolean(routes);
|
|
23
28
|
}
|
|
24
29
|
const expanded = Boolean(routesActiveRef.current || isLoading || isFetching || isFetched) &&
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
30
|
+
canOpen;
|
|
31
|
+
// biome-ignore lint/correctness/useExhaustiveDependencies: stable navigation callback that won't cause rerenders in RoutesContent
|
|
32
|
+
const onRouteClick = useCallback((route) => {
|
|
33
|
+
setReviewableRoute(route);
|
|
34
|
+
navigate(navigationRoutes.transactionExecution, {
|
|
35
|
+
state: { routeId: route.id },
|
|
36
|
+
});
|
|
37
|
+
emitter.emit(WidgetEvent.RouteSelected, { route, routes: routes });
|
|
38
|
+
}, [emitter, routes, setReviewableRoute]);
|
|
39
|
+
// Use layout effect to update parent's width when expansion changes
|
|
40
|
+
useLayoutEffect(() => {
|
|
28
41
|
setOpenExpansion(expanded);
|
|
29
42
|
}, [expanded, setOpenExpansion]);
|
|
30
|
-
|
|
31
|
-
|
|
43
|
+
useEffect(() => {
|
|
44
|
+
emitter.emit(WidgetEvent.WidgetExpanded, expanded);
|
|
45
|
+
}, [emitter, expanded]);
|
|
46
|
+
return (_jsx(ExpansionTransition, { in: expanded, width: routesExpansionWidth, onExited: onExit, children: _jsx(RoutesContent, { routes: routesRef.current || [], isFetching: isFetching, isLoading: isLoading, dataUpdatedAt: dataUpdatedAt, refetchTime: refetchTime, fromChain: fromChain, refetch: refetch, onRouteClick: onRouteClick }) }));
|
|
47
|
+
});
|
|
32
48
|
//# sourceMappingURL=RoutesExpanded.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RoutesExpanded.js","sourceRoot":"","sources":["../../../../src/components/Routes/RoutesExpanded.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"RoutesExpanded.js","sourceRoot":"","sources":["../../../../src/components/Routes/RoutesExpanded.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,8 +4,9 @@ export const routesExpansionWidth = '436px';
|
|
|
4
4
|
export const Container = styled(ScopedCssBaseline, {
|
|
5
5
|
shouldForwardProp: (prop) => !['minimumHeight'].includes(prop),
|
|
6
6
|
})(({ theme, minimumHeight }) => ({
|
|
7
|
+
...theme.container,
|
|
7
8
|
backgroundColor: theme.vars.palette.background.default,
|
|
8
|
-
overflow: '
|
|
9
|
+
overflow: 'hidden',
|
|
9
10
|
width: routesExpansionWidth,
|
|
10
11
|
display: 'flex',
|
|
11
12
|
flexDirection: 'column',
|
|
@@ -18,7 +19,6 @@ export const Container = styled(ScopedCssBaseline, {
|
|
|
18
19
|
...(minimumHeight ? { '&': { height: 'auto' } } : {}),
|
|
19
20
|
}
|
|
20
21
|
: { height: minimumHeight ? 'auto' : '100%' }),
|
|
21
|
-
...theme.container,
|
|
22
22
|
...theme.routesContainer,
|
|
23
23
|
}));
|
|
24
24
|
export const Header = styled(Box)(({ theme }) => ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RoutesExpanded.style.js","sourceRoot":"","sources":["../../../../src/components/Routes/RoutesExpanded.style.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAE5D,MAAM,CAAC,MAAM,oBAAoB,GAAG,OAAO,CAAA;AAM3C,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,iBAAiB,EAAE;IACjD,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CACzE,CAAC,CAAiB,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAAC;IAChD,eAAe,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO;IACtD,QAAQ,EAAE,
|
|
1
|
+
{"version":3,"file":"RoutesExpanded.style.js","sourceRoot":"","sources":["../../../../src/components/Routes/RoutesExpanded.style.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAE5D,MAAM,CAAC,MAAM,oBAAoB,GAAG,OAAO,CAAA;AAM3C,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,iBAAiB,EAAE;IACjD,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CACzE,CAAC,CAAiB,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAAC;IAChD,GAAG,KAAK,CAAC,SAAS;IAClB,eAAe,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO;IACtD,QAAQ,EAAE,QAAQ;IAClB,KAAK,EAAE,oBAAoB;IAC3B,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,QAAQ;IACpB,GAAG,CAAC,KAAK,CAAC,SAAS,EAAE,OAAO,KAAK,MAAM;QACrC,CAAC,CAAC;YACE,SAAS,EACP,KAAK,CAAC,SAAS,EAAE,SAAS;gBAC1B,KAAK,CAAC,SAAS,EAAE,MAAM;gBACvB,gBAAgB;YAClB,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;SACtD;QACH,CAAC,CAAC,EAAE,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC;IAChD,GAAG,KAAK,CAAC,eAAe;CACzB,CAAC,CAAC,CAAA;AAEH,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAChD,eAAe,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO;IACtD,OAAO,EAAE,MAAM;IACf,cAAc,EAAE,eAAe;IAC/B,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;IAC9B,QAAQ,EAAE,QAAQ;IAClB,GAAG,EAAE,CAAC;IACN,MAAM,EAAE,IAAI;CACb,CAAC,CAAC,CAAA"}
|
|
@@ -25,7 +25,7 @@ export const SendToWalletButton = (props) => {
|
|
|
25
25
|
const { t } = useTranslation();
|
|
26
26
|
const navigate = useNavigate();
|
|
27
27
|
const { disabledUI, hiddenUI, toAddress, toAddresses, subvariant, subvariantOptions, } = useWidgetConfig();
|
|
28
|
-
const { showSendToWallet } = useSendToWalletStore();
|
|
28
|
+
const { showSendToWallet } = useSendToWalletStore((state) => state);
|
|
29
29
|
const [toAddressFieldValue, toChainId, toTokenAddress] = useFieldValues('toAddress', 'toChain', 'toToken');
|
|
30
30
|
const { setFieldValue } = useFieldActions();
|
|
31
31
|
const { selectedBookmark } = useBookmarks();
|