@lifi/widget 3.7.0 → 3.8.0-beta.1

package/dist/esm/pages/MainPage/MainPage.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { ActiveTransactions } from '../../components/ActiveTransactions/ActiveTransactions.js';
+import { AmountInput } from '../../components/AmountInput/AmountInput.js';
+import { ContractComponent } from '../../components/ContractComponent/ContractComponent.js';
+import { GasRefuelMessage } from '../../components/GasMessage/GasRefuelMessage.js';
+import { PageContainer } from '../../components/PageContainer.js';
+import { PoweredBy } from '../../components/PoweredBy/PoweredBy.js';
+import { Routes } from '../../components/Routes/Routes.js';
+import { SelectChainAndToken } from '../../components/SelectChainAndToken.js';
+import { SendToWalletButton } from '../../components/SendToWallet/SendToWalletButton.js';
+import { SendToWalletExpandButton } from '../../components/SendToWallet/SendToWalletExpandButton.js';
+import { useHeader } from '../../hooks/useHeader.js';
+import { useWideVariant } from '../../hooks/useWideVariant.js';
+import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
+import { HiddenUI } from '../../types/widget.js';
+import { MainMessages } from './MainMessages.js';
+import { ReviewButton } from './ReviewButton.js';
+export const MainPage = () => {
+    const { t } = useTranslation();
+    const wideVariant = useWideVariant();
+    const { subvariant, subvariantOptions, contractComponent, hiddenUI } = useWidgetConfig();
+    const custom = subvariant === 'custom';
+    const showPoweredBy = !hiddenUI?.includes(HiddenUI.PoweredBy);
+    const title = subvariant === 'custom'
+        ? t(`header.${subvariantOptions?.custom ?? 'checkout'}`)
+        : subvariant === 'refuel'
+            ? t('header.gas')
+            : t('header.exchange');
+    useHeader(title);
+    return (_jsxs(PageContainer, { children: [_jsx(ActiveTransactions, { sx: { marginBottom: 2 } }), custom ? (_jsx(ContractComponent, { sx: { marginBottom: 2 }, children: contractComponent })) : null, _jsx(SelectChainAndToken, { mb: 2 }), !custom ? (_jsx(AmountInput, { formType: "from", sx: { marginBottom: 2 } })) : null, !wideVariant ? _jsx(Routes, { sx: { marginBottom: 2 } }) : null, _jsx(SendToWalletButton, { sx: { marginBottom: 2 } }), _jsx(GasRefuelMessage, { mb: 2 }), _jsx(MainMessages, { mb: 2 }), _jsxs(Box, { display: "flex", mb: showPoweredBy ? 1 : 3, gap: 1.5, children: [_jsx(ReviewButton, {}), _jsx(SendToWalletExpandButton, {})] }), showPoweredBy ? _jsx(PoweredBy, {}) : null] }));
+};
+//# sourceMappingURL=MainPage.js.map

package/dist/esm/pages/MainPage/MainPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MainPage.js","sourceRoot":"","sources":["../../../../src/pages/MainPage/MainPage.tsx"],"names":[],"mappings":"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"}

package/dist/esm/pages/MainPage/MainPage.style.d.ts

@@ -0,0 +1,3 @@
+export declare const FormContainer: import("@emotion/styled").StyledComponent<import("@mui/material").ContainerOwnProps & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    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;
+}, "maxWidth" | "children" | "sx" | "style" | "className" | "fixed" | "classes" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/esm/pages/MainPage/MainPage.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MainPage.style.js","sourceRoot":"","sources":["../../../../src/pages/MainPage/MainPage.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAEjD,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;IAC7C,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,QAAQ,EAAE,CAAC;IACX,QAAQ,EAAE,UAAU;CACrB,CAAC,CAAA"}

package/dist/esm/pages/MainPage/ReviewButton.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useTranslation } from 'react-i18next';
+import { useNavigate } from 'react-router-dom';
+import { BaseTransactionButton } from '../../components/BaseTransactionButton/BaseTransactionButton.js';
+import { useRoutes } from '../../hooks/useRoutes.js';
+import { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js';
+import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
+import { useFieldValues } from '../../stores/form/useFieldValues.js';
+import { useSplitSubvariantStore } from '../../stores/settings/useSplitSubvariantStore.js';
+import { navigationRoutes } from '../../utils/navigationRoutes.js';
+export const ReviewButton = () => {
+    const { t } = useTranslation();
+    const navigate = useNavigate();
+    const { subvariant, subvariantOptions } = useWidgetConfig();
+    const splitState = useSplitSubvariantStore((state) => state.state);
+    const [toAddress] = useFieldValues('toAddress');
+    const { requiredToAddress } = useToAddressRequirements();
+    const { routes, setReviewableRoute } = useRoutes();
+    const currentRoute = routes?.[0];
+    const handleClick = async () => {
+        if (currentRoute) {
+            setReviewableRoute(currentRoute);
+            navigate(navigationRoutes.transactionExecution, {
+                state: { routeId: currentRoute.id },
+            });
+        }
+    };
+    const getButtonText = () => {
+        if (currentRoute) {
+            switch (subvariant) {
+                case 'custom':
+                    return t(`button.${subvariantOptions?.custom ?? 'checkout'}Review`);
+                case 'refuel':
+                    return t('button.getGas');
+                default: {
+                    const transactionType = currentRoute.fromChainId === currentRoute.toChainId
+                        ? 'swap'
+                        : 'bridge';
+                    return t(`button.${transactionType}Review`);
+                }
+            }
+        }
+        switch (subvariant) {
+            case 'custom':
+                return subvariantOptions?.custom === 'deposit'
+                    ? t('button.deposit')
+                    : t('button.buy');
+            case 'refuel':
+                return t('button.getGas');
+            case 'split':
+                if (splitState) {
+                    return t(`button.${splitState}`);
+                }
+                return t('button.exchange');
+            default:
+                return t('button.exchange');
+        }
+    };
+    return (_jsx(BaseTransactionButton, { text: getButtonText(), onClick: handleClick, disabled: currentRoute && requiredToAddress && !toAddress }));
+};
+//# sourceMappingURL=ReviewButton.js.map

package/dist/esm/pages/MainPage/ReviewButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReviewButton.js","sourceRoot":"","sources":["../../../../src/pages/MainPage/ReviewButton.tsx"],"names":[],"mappings":"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"}

package/dist/esm/pages/RoutesPage/RoutesPage.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useAccount } from '@lifi/wallet-management';
+import { useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { ProgressToNextUpdate } from '../../components/ProgressToNextUpdate.js';
+import { RouteCard } from '../../components/RouteCard/RouteCard.js';
+import { RouteCardSkeleton } from '../../components/RouteCard/RouteCardSkeleton.js';
+import { RouteNotFoundCard } from '../../components/RouteCard/RouteNotFoundCard.js';
+import { useHeader } from '../../hooks/useHeader.js';
+import { useNavigateBack } from '../../hooks/useNavigateBack.js';
+import { useRoutes } from '../../hooks/useRoutes.js';
+import { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js';
+import { useFieldValues } from '../../stores/form/useFieldValues.js';
+import { navigationRoutes } from '../../utils/navigationRoutes.js';
+import { Stack } from './RoutesPage.style.js';
+export const RoutesPage = () => {
+    const { navigate } = useNavigateBack();
+    const { routes, isLoading, isFetching, dataUpdatedAt, refetchTime, fromChain, refetch, setReviewableRoute, } = useRoutes();
+    const { account } = useAccount({ chainType: fromChain?.chainType });
+    const [toAddress] = useFieldValues('toAddress');
+    const { requiredToAddress } = useToAddressRequirements();
+    const { t } = useTranslation();
+    const headerAction = useMemo(() => (_jsx(ProgressToNextUpdate, { updatedAt: dataUpdatedAt || new Date().getTime(), timeToUpdate: refetchTime, isLoading: isFetching, onClick: () => refetch(), sx: { marginRight: -1 }, size: "medium" })), [dataUpdatedAt, isFetching, refetch, refetchTime]);
+    useHeader(t('header.receive'), headerAction);
+    const handleRouteClick = (route) => {
+        setReviewableRoute(route);
+        navigate(navigationRoutes.transactionExecution, {
+            state: { routeId: route.id },
+        });
+    };
+    const routeNotFound = !routes?.length && !isLoading && !isFetching;
+    const toAddressUnsatisfied = routes?.[0] && requiredToAddress && !toAddress;
+    const allowInteraction = account.isConnected && !toAddressUnsatisfied;
+    return (_jsx(Stack, { direction: "column", spacing: 2, flex: 1, children: routeNotFound ? (_jsx(RouteNotFoundCard, {})) : isLoading ? (Array.from({ length: 3 }).map((_, index) => (_jsx(RouteCardSkeleton, {}, index)))) : (routes?.map((route, index) => (_jsx(RouteCard, { route: route, onClick: allowInteraction ? () => handleRouteClick(route) : undefined, active: index === 0, expanded: routes?.length === 1 }, index)))) }));
+};
+//# sourceMappingURL=RoutesPage.js.map

package/dist/esm/pages/RoutesPage/RoutesPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoutesPage.js","sourceRoot":"","sources":["../../../../src/pages/RoutesPage/RoutesPage.tsx"],"names":[],"mappings":"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"}

package/dist/esm/pages/RoutesPage/RoutesPage.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoutesPage.style.js","sourceRoot":"","sources":["../../../../src/pages/RoutesPage/RoutesPage.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAEzD,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACpD,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;CACnC,CAAC,CAAC,CAAA"}

package/dist/esm/pages/SelectChainPage/SelectChainPage.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Avatar, ListItemAvatar, debounce } from '@mui/material';
+import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useChainSelect } from '../../components/ChainSelect/useChainSelect.js';
+import { FullPageContainer } from '../../components/FullPageContainer.js';
+import { ListItemButton } from '../../components/ListItemButton.js';
+import { ListItemText } from '../../components/ListItemText.js';
+import { StickySearchInput } from '../../components/Search/SearchInput.js';
+import { SearchList } from '../../components/Search/SearchInput.style.js';
+import { SearchNotFound } from '../../components/Search/SearchNotFound.js';
+import { useTokenSelect } from '../../components/TokenList/useTokenSelect.js';
+import { useDefaultElementId } from '../../hooks/useDefaultElementId.js';
+import { useHeader } from '../../hooks/useHeader.js';
+import { useNavigateBack } from '../../hooks/useNavigateBack.js';
+import { useScrollableContainer } from '../../hooks/useScrollableContainer.js';
+export const SelectChainPage = ({ formType, selectNativeToken, }) => {
+    const { navigateBack } = useNavigateBack();
+    const { chains, setCurrentChain } = useChainSelect(formType);
+    const selectToken = useTokenSelect(formType, navigateBack);
+    const elementId = useDefaultElementId();
+    const scrollableContainer = useScrollableContainer(elementId);
+    const { t } = useTranslation();
+    useHeader(t('header.selectChain'));
+    const handleClick = async (chain) => {
+        if (selectNativeToken) {
+            selectToken(chain.nativeToken.address, chain.id);
+        }
+        else {
+            setCurrentChain(chain.id);
+            navigateBack();
+        }
+    };
+    const [filteredChains, setFilteredChains] = useState(chains ?? []);
+    const handleSearchInputChange = (e) => {
+        const value = e.target.value;
+        if (!value) {
+            setFilteredChains(chains ?? []);
+        }
+        else {
+            setFilteredChains(chains
+                ? chains.filter((chain) => chain.name.toLowerCase().includes(value.toLowerCase()))
+                : []);
+        }
+        if (scrollableContainer) {
+            scrollableContainer.scrollTop = 0;
+        }
+    };
+    const debouncedSearchInputChange = debounce(handleSearchInputChange, 250);
+    return (_jsxs(FullPageContainer, { disableGutters: true, children: [_jsx(StickySearchInput, { onChange: debouncedSearchInputChange, placeholder: t('main.searchChains') }), filteredChains.length ? (_jsx(SearchList, { children: filteredChains.map((chain) => (_jsxs(ListItemButton, { onClick: () => handleClick(chain), children: [_jsx(ListItemAvatar, { children: _jsx(Avatar, { src: chain.logoURI, alt: chain.name, children: chain.name[0] }) }), _jsx(ListItemText, { primary: chain.name })] }, chain.id))) })) : (_jsx(SearchNotFound, { message: t('info.message.emptyChainList'), adjustForStickySearchInput: true }))] }));
+};
+//# sourceMappingURL=SelectChainPage.js.map

package/dist/esm/pages/SelectChainPage/SelectChainPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectChainPage.js","sourceRoot":"","sources":["../../../../src/pages/SelectChainPage/SelectChainPage.tsx"],"names":[],"mappings":"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"}

package/dist/esm/pages/SelectChainPage/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/pages/SelectChainPage/types.ts"],"names":[],"mappings":""}

package/dist/esm/pages/SelectEnabledToolsPage.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Check, CheckBoxOutlineBlankOutlined, CheckBoxOutlined, IndeterminateCheckBoxOutlined, } from '@mui/icons-material';
+import { Avatar, IconButton, ListItemAvatar, Tooltip, debounce, useTheme, } from '@mui/material';
+import { useMemo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { shallow } from 'zustand/shallow';
+import { FullPageContainer } from '../components/FullPageContainer.js';
+import { ListItemText } from '../components/ListItemText.js';
+import { StickySearchInput } from '../components/Search/SearchInput.js';
+import { SearchList } from '../components/Search/SearchInput.style.js';
+import { SearchNotFound } from '../components/Search/SearchNotFound.js';
+import { SettingsListItemButton } from '../components/SettingsListItemButton.js';
+import { useDefaultElementId } from '../hooks/useDefaultElementId.js';
+import { useHeader } from '../hooks/useHeader.js';
+import { useScrollableContainer } from '../hooks/useScrollableContainer.js';
+import { useTools } from '../hooks/useTools.js';
+import { useSettingsStore } from '../stores/settings/useSettingsStore.js';
+const SelectAllCheckbox = ({ allCheckboxesSelected, anyCheckboxesSelected, noCheckboxesAvailable, onClick, }) => {
+    const { t } = useTranslation();
+    const theme = useTheme();
+    const tooltipTitle = noCheckboxesAvailable
+        ? undefined
+        : allCheckboxesSelected
+            ? t('tooltip.deselectAll')
+            : t('tooltip.selectAll');
+    return (_jsx(Tooltip, { title: tooltipTitle, children: _jsx(IconButton, { size: "medium", edge: theme?.navigation?.edge ? 'end' : false, onClick: onClick, children: allCheckboxesSelected ? (_jsx(CheckBoxOutlined, {})) : anyCheckboxesSelected ? (_jsx(IndeterminateCheckBoxOutlined, {})) : (_jsx(CheckBoxOutlineBlankOutlined, {})) }) }));
+};
+export const SelectEnabledToolsPage = ({ type }) => {
+    const typeKey = type.toLowerCase();
+    const { tools } = useTools();
+    const [enabledTools, disabledTools, setToolValue, toggleToolKeys] = useSettingsStore((state) => [
+        state[`_enabled${type}`],
+        state[`disabled${type}`],
+        state.setToolValue,
+        state.toggleToolKeys,
+    ], shallow);
+    const { t } = useTranslation();
+    const elementId = useDefaultElementId();
+    const scrollableContainer = useScrollableContainer(elementId);
+    const [filteredTools, setFilteredTools] = useState(tools?.[typeKey] ?? []);
+    const headerAction = useMemo(() => (_jsx(SelectAllCheckbox, { allCheckboxesSelected: !!filteredTools.length &&
+            filteredTools.every((tool) => !disabledTools.includes(tool.key)), anyCheckboxesSelected: !!filteredTools.length &&
+            filteredTools.some((tool) => disabledTools.includes(tool.key)), noCheckboxesAvailable: !filteredTools.length, onClick: () => toggleToolKeys(type, filteredTools.map((tool) => tool.key)) })), [disabledTools, toggleToolKeys, type, filteredTools]);
+    useHeader(t(`settings.enabled${type}`), headerAction);
+    const handleClick = (key) => {
+        setToolValue(type, key, !enabledTools[key]);
+    };
+    const handleSearchInputChange = (e) => {
+        const value = e.target.value;
+        if (!value) {
+            setFilteredTools(tools?.[typeKey] ?? []);
+        }
+        else {
+            setFilteredTools((tools?.[typeKey]
+                ? tools[typeKey].filter((tool) => tool.name.toLowerCase().includes(value.toLowerCase()))
+                : []));
+        }
+        if (scrollableContainer) {
+            scrollableContainer.scrollTop = 0;
+        }
+    };
+    const debouncedSearchInputChange = debounce(handleSearchInputChange, 250);
+    return (_jsxs(FullPageContainer, { disableGutters: true, children: [_jsx(StickySearchInput, { onChange: debouncedSearchInputChange, placeholder: t(`main.search${type}`) }), filteredTools.length ? (_jsx(SearchList, { children: filteredTools.map((tool) => (_jsxs(SettingsListItemButton, { onClick: () => handleClick(tool.key), children: [_jsx(ListItemAvatar, { children: _jsx(Avatar, { src: tool.logoURI, alt: tool.name, children: tool.name[0] }) }), _jsx(ListItemText, { primary: tool.name }), enabledTools[tool.key] && _jsx(Check, { color: "primary" })] }, tool.name))) })) : (_jsx(SearchNotFound, { message: t(`info.message.empty${type}List`), adjustForStickySearchInput: true }))] }));
+};
+//# sourceMappingURL=SelectEnabledToolsPage.js.map

package/dist/esm/pages/SelectEnabledToolsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectEnabledToolsPage.js","sourceRoot":"","sources":["../../../src/pages/SelectEnabledToolsPage.tsx"],"names":[],"mappings":"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"}

package/dist/esm/pages/SelectNativeTokenPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectNativeTokenPage.js","sourceRoot":"","sources":["../../../src/pages/SelectNativeTokenPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAA;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAA;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAG7D,MAAM,CAAC,MAAM,qBAAqB,GAA4B,CAAC,EAC7D,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAA;IAC1C,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAA;IAC9B,MAAM,WAAW,GAAG,cAAc,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;IAE1D,OAAO,CACL,KAAC,aAAa,IAAC,cAAc,kBAC3B,KAAC,IAAI,IACH,EAAE,EAAE;gBACF,UAAU,EAAE,CAAC;gBACb,WAAW,EAAE,GAAG;gBAChB,YAAY,EAAE,GAAG;gBACjB,aAAa,EAAE,GAAG;aACnB,YAEA,MAAM,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACtB,MAAC,cAAc,IAEb,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,aAE/D,KAAC,cAAc,cACb,KAAC,WAAW,IAAC,KAAK,EAAE,KAAK,CAAC,WAAW,EAAE,KAAK,EAAE,KAAK,GAAI,GACxC,EACjB,KAAC,YAAY,IACX,OAAO,EAAE,KAAK,CAAC,WAAW,CAAC,MAAM,EACjC,SAAS,EAAE,CAAC,CAAC,cAAc,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,GACvD,KATG,KAAK,CAAC,EAAE,CAUE,CAClB,CAAC,GACG,GACO,CACjB,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/pages/SelectTokenPage/SearchTokenInput.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import { useTranslation } from 'react-i18next';
+import { SearchInput } from '../../components/Search/SearchInput.js';
+import { useFieldActions } from '../../stores/form/useFieldActions.js';
+import { useFieldController } from '../../stores/form/useFieldController.js';
+export const SearchTokenInput = () => {
+    const { t } = useTranslation();
+    const { setFieldValue } = useFieldActions();
+    const { onChange, onBlur, name, value } = useFieldController({
+        name: 'tokenSearchFilter',
+    });
+    useEffect(() => () => {
+        setFieldValue('tokenSearchFilter', '');
+    }, [setFieldValue]);
+    return (_jsx(SearchInput, { name: name, placeholder: t('main.tokenSearch'), onChange: (e) => onChange(e.target.value), onBlur: onBlur, value: value }));
+};
+//# sourceMappingURL=SearchTokenInput.js.map

package/dist/esm/pages/SelectTokenPage/SearchTokenInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchTokenInput.js","sourceRoot":"","sources":["../../../../src/pages/SelectTokenPage/SearchTokenInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAA;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAA;AAE5E,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,EAAE,aAAa,EAAE,GAAG,eAAe,EAAE,CAAA;IAC3C,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,kBAAkB,CAAC;QAC3D,IAAI,EAAE,mBAAmB;KAC1B,CAAC,CAAA;IAEF,SAAS,CACP,GAAG,EAAE,CAAC,GAAG,EAAE;QACT,aAAa,CAAC,mBAAmB,EAAE,EAAE,CAAC,CAAA;IACxC,CAAC,EACD,CAAC,aAAa,CAAC,CAChB,CAAA;IAED,OAAO,CACL,KAAC,WAAW,IACV,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,CAAC,CAAC,kBAAkB,CAAC,EAClC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,EAC/D,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAA2B,GAClC,CACH,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/pages/SelectTokenPage/SearchTokenInput.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchTokenInput.style.js","sourceRoot":"","sources":["../../../../src/pages/SelectTokenPage/SearchTokenInput.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACtC,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAE9D,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACrD,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;CACjC,CAAC,CAAC,CAAA"}

package/dist/esm/pages/SelectTokenPage/SelectTokenPage.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from '@mui/material';
+import { useRef } from 'react';
+import { useTranslation } from 'react-i18next';
+import { ChainSelect } from '../../components/ChainSelect/ChainSelect.js';
+import { FullPageContainer } from '../../components/FullPageContainer.js';
+import { TokenList } from '../../components/TokenList/TokenList.js';
+import { useHeader } from '../../hooks/useHeader.js';
+import { useNavigateBack } from '../../hooks/useNavigateBack.js';
+import { useScrollableOverflowHidden } from '../../hooks/useScrollableContainer.js';
+import { useSwapOnly } from '../../hooks/useSwapOnly.js';
+import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
+import { SearchTokenInput } from './SearchTokenInput.js';
+import { useTokenListHeight } from './useTokenListHeight.js';
+export const SelectTokenPage = ({ formType }) => {
+    useScrollableOverflowHidden();
+    const { navigateBack } = useNavigateBack();
+    const headerRef = useRef(null);
+    const listParentRef = useRef(null);
+    const { tokenListHeight, minListHeight } = useTokenListHeight({
+        listParentRef,
+        headerRef,
+    });
+    const swapOnly = useSwapOnly();
+    const { subvariant } = useWidgetConfig();
+    const { t } = useTranslation();
+    const title = formType === 'from'
+        ? subvariant === 'custom'
+            ? t('header.payWith')
+            : t('header.from')
+        : t('header.to');
+    useHeader(title);
+    const hideChainSelect = swapOnly && formType === 'to';
+    return (_jsxs(FullPageContainer, { disableGutters: true, children: [_jsxs(Box, { pb: 2, px: 3, ref: headerRef, children: [!hideChainSelect ? _jsx(ChainSelect, { formType: formType }) : null, _jsx(Box, { mt: !hideChainSelect ? 2 : 0, children: _jsx(SearchTokenInput, {}) })] }), _jsx(Box, { height: minListHeight, children: _jsx(TokenList, { parentRef: listParentRef, height: tokenListHeight, onClick: navigateBack, formType: formType }) })] }));
+};
+//# sourceMappingURL=SelectTokenPage.js.map

package/dist/esm/pages/SelectTokenPage/SelectTokenPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectTokenPage.js","sourceRoot":"","sources":["../../../../src/pages/SelectTokenPage/SelectTokenPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AAEnC,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAA;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAA;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAA;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,2BAA2B,EAAE,MAAM,uCAAuC,CAAA;AACnF,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAA;AAElF,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAE5D,MAAM,CAAC,MAAM,eAAe,GAAsB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACjE,2BAA2B,EAAE,CAAA;IAC7B,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAA;IAC1C,MAAM,SAAS,GAAG,MAAM,CAAc,IAAI,CAAC,CAAA;IAC3C,MAAM,aAAa,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAA;IAC3D,MAAM,EAAE,eAAe,EAAE,aAAa,EAAE,GAAG,kBAAkB,CAAC;QAC5D,aAAa;QACb,SAAS;KACV,CAAC,CAAA;IAEF,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAE9B,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAA;IACxC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,KAAK,GACT,QAAQ,KAAK,MAAM;QACjB,CAAC,CAAC,UAAU,KAAK,QAAQ;YACvB,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC;YACrB,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC;QACpB,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAA;IAEpB,SAAS,CAAC,KAAK,CAAC,CAAA;IAEhB,MAAM,eAAe,GAAG,QAAQ,IAAI,QAAQ,KAAK,IAAI,CAAA;IAErD,OAAO,CACL,MAAC,iBAAiB,IAAC,cAAc,mBAC/B,MAAC,GAAG,IAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,SAAS,aAC9B,CAAC,eAAe,CAAC,CAAC,CAAC,KAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,GAAI,CAAC,CAAC,CAAC,IAAI,EAC9D,KAAC,GAAG,IAAC,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAC/B,KAAC,gBAAgB,KAAG,GAChB,IACF,EACN,KAAC,GAAG,IAAC,MAAM,EAAE,aAAa,YACxB,KAAC,SAAS,IACR,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,eAAe,EACvB,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,QAAQ,GAClB,GACE,IACY,CACrB,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/pages/SelectTokenPage/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/pages/SelectTokenPage/types.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,eAGX;AAHD,WAAY,eAAe;IACzB,iDAAM,CAAA;IACN,mDAAO,CAAA;AACT,CAAC,EAHW,eAAe,KAAf,eAAe,QAG1B"}

package/dist/esm/pages/SelectTokenPage/useTokenListHeight.js

@@ -0,0 +1,66 @@
+import { debounce, useTheme } from '@mui/material';
+import { useLayoutEffect, useState } from 'react';
+import { useDefaultElementId } from '../../hooks/useDefaultElementId.js';
+import { ElementId, getAppContainer, getHeaderElement, getScrollableContainer, } from '../../utils/elements.js';
+const getContentHeight = (elementId, listParentRef) => {
+    const containerElement = getScrollableContainer(elementId);
+    const headerElement = getHeaderElement(elementId);
+    const listParentElement = listParentRef?.current;
+    let oldHeight = undefined;
+    // This covers the case where in full height flex mode when the browser height is reduced
+    // - this allows the virtualised token list to be made smaller
+    if (listParentElement) {
+        oldHeight = listParentElement.style.height;
+        listParentElement.style.height = '0';
+    }
+    if (!containerElement || !headerElement) {
+        console.warn(`Can't find ${ElementId.ScrollableContainer} or ${ElementId.Header} id.`);
+        return 0;
+    }
+    const { height: containerHeight } = containerElement.getBoundingClientRect();
+    const { height: headerHeight } = headerElement.getBoundingClientRect();
+    // This covers the case where in full height flex mode when the browser height is reduced the
+    // - this allows the virtualised token list to be set to minimum size
+    if (listParentElement && oldHeight) {
+        listParentElement.style.height = oldHeight;
+    }
+    return containerHeight - headerHeight;
+};
+export const minTokenListHeight = 360;
+export const minMobileTokenListHeight = 160;
+// NOTE: this hook is implicitly tied to the widget height functionality in the
+//   AppExpandedContainer, RelativeContainer and CssBaselineContainer components as defined in AppContainer.ts
+//   CSS changes in those components can have implications for the functionality in this hook
+export const useTokenListHeight = ({ listParentRef, headerRef, }) => {
+    const elementId = useDefaultElementId();
+    const [contentHeight, setContentHeight] = useState(0);
+    const theme = useTheme();
+    useLayoutEffect(() => {
+        const handleResize = () => {
+            setContentHeight(getContentHeight(elementId, listParentRef));
+        };
+        const processResize = debounce(() => handleResize(), 40);
+        // calling this on initial mount prevents the lists resizing appearing glitchy
+        handleResize();
+        const appContainer = getAppContainer(elementId);
+        let resizeObserver;
+        if (appContainer) {
+            resizeObserver = new ResizeObserver(processResize);
+            resizeObserver.observe(appContainer);
+        }
+        return () => {
+            if (resizeObserver) {
+                resizeObserver.disconnect();
+            }
+        };
+    }, [elementId, listParentRef]);
+    const minListHeight = theme.container?.height === '100%'
+        ? minMobileTokenListHeight
+        : minTokenListHeight;
+    const tokenListHeight = Math.max(contentHeight - (headerRef.current?.offsetHeight ?? 0), minListHeight);
+    return {
+        minListHeight,
+        tokenListHeight,
+    };
+};
+//# sourceMappingURL=useTokenListHeight.js.map

package/dist/esm/pages/SelectTokenPage/useTokenListHeight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTokenListHeight.js","sourceRoot":"","sources":["../../../../src/pages/SelectTokenPage/useTokenListHeight.ts"],"names":[],"mappings":"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"}

package/dist/esm/pages/SendToWallet/BookmarkAddressSheet.js

@@ -0,0 +1,113 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Error as ErrorIcon, Info, TurnedIn } from '@mui/icons-material';
+import { LoadingButton } from '@mui/lab';
+import { Button, Typography } from '@mui/material';
+import { forwardRef, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { AlertMessage } from '../../components/AlertMessage/AlertMessage.js';
+import { BottomSheet } from '../../components/BottomSheet/BottomSheet.js';
+import { Input } from '../../components/Input.js';
+import { useAddressValidation } from '../../hooks/useAddressValidation.js';
+import { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js';
+import { AddressInput, BookmarkInputFields, IconContainer, SendToWalletButtonRow, SendToWalletCard, SendToWalletSheetContainer, SheetAddressContainer, SheetTitle, ValidationAlert, } from './SendToWalletPage.style.js';
+export const BookmarkAddressSheet = forwardRef(({ validatedWallet, onAddBookmark }, ref) => {
+    const { t } = useTranslation();
+    const [name, setName] = useState('');
+    const [address, setAddress] = useState('');
+    const [error, setError] = useState();
+    const { validateAddress, isValidating } = useAddressValidation();
+    const { getBookmark } = useBookmarkActions();
+    const nameValue = name.trim() || validatedWallet?.name || '';
+    const addressValue = address || validatedWallet?.address || '';
+    const handleCancel = () => {
+        setError(undefined);
+        ref.current?.close();
+    };
+    const validateWithAddressFromInput = async () => {
+        const validationResult = await validateAddress({ value: address });
+        if (!validationResult.isValid) {
+            setError({ type: 'address', message: validationResult.error });
+            return;
+        }
+        return {
+            name: nameValue,
+            address: validationResult.address,
+            chainType: validationResult.chainType,
+        };
+    };
+    const validateWithValidatedWallet = (validatedWallet) => {
+        if (error) {
+            setError(undefined);
+        }
+        return {
+            name: nameValue,
+            address: validatedWallet.address,
+            chainType: validatedWallet.chainType,
+        };
+    };
+    const handleBookmark = async () => {
+        if (isValidating) {
+            return;
+        }
+        if (!nameValue) {
+            setError({
+                type: 'name',
+                message: t('error.title.bookmarkNameRequired'),
+            });
+            return;
+        }
+        if (!addressValue) {
+            setError({
+                type: 'address',
+                message: t('error.title.walletAddressRequired'),
+            });
+            return;
+        }
+        //  If the validatedWallet is supplied as a prop then we should assume
+        //  the address has already been validated
+        const validatedBookmark = validatedWallet
+            ? validateWithValidatedWallet(validatedWallet)
+            : await validateWithAddressFromInput();
+        if (validatedBookmark) {
+            const existingBookmark = getBookmark(validatedBookmark.address);
+            if (existingBookmark) {
+                setError({
+                    type: 'address',
+                    message: t('error.title.bookmarkAlreadyExists', {
+                        name: existingBookmark.name,
+                    }),
+                });
+                return;
+            }
+            ;
+            ref.current?.close();
+            onAddBookmark({
+                name: validatedBookmark.name,
+                address: validatedBookmark.address,
+                chainType: validatedBookmark.chainType,
+            });
+        }
+    };
+    const handleAddressInputChange = (e) => {
+        if (error) {
+            setError(undefined);
+        }
+        setAddress(e.target.value.trim());
+    };
+    const handleNameInputChange = (e) => {
+        if (error) {
+            setError(undefined);
+        }
+        setName(e.target.value);
+    };
+    const resetValues = () => {
+        setName('');
+        setAddress('');
+    };
+    return (_jsx(BottomSheet, { ref: ref, onClose: resetValues, children: _jsxs(SendToWalletSheetContainer, { children: [_jsx(IconContainer, { children: _jsx(TurnedIn, { sx: { fontSize: 40 } }) }), _jsx(SheetTitle, { children: t('sendToWallet.bookmarkWallet') }), validatedWallet ? (_jsxs(SheetAddressContainer, { children: [validatedWallet?.name ? (_jsx(Typography, { fontWeight: 600, mb: 0.5, children: validatedWallet?.name })) : null, _jsx(Typography, { children: validatedWallet?.address })] })) : null, _jsxs(BookmarkInputFields, { children: [_jsx(SendToWalletCard, { type: error?.type === 'name' ? 'error' : 'default', children: _jsx(Input, { size: "small", autoComplete: "off", autoCorrect: "off", autoCapitalize: "off", spellCheck: "false", onChange: handleNameInputChange, value: name, placeholder: validatedWallet?.name || t('sendToWallet.enterName'), "aria-label": validatedWallet?.name || t('sendToWallet.enterName'), inputProps: { maxLength: 128 } }) }), !validatedWallet && (_jsx(SendToWalletCard, { type: error?.type === 'address' ? 'error' : 'default', children: _jsx(AddressInput, { size: "small", autoComplete: "off", autoCorrect: "off", autoCapitalize: "off", spellCheck: "false", onChange: handleAddressInputChange, value: address, placeholder: t('sendToWallet.enterAddress', {
+                                    context: 'long',
+                                }), "aria-label": t('sendToWallet.enterAddress', {
+                                    context: 'long',
+                                }), maxRows: 2, inputProps: { maxLength: 128 }, multiline: true }) })), error ? (_jsx(ValidationAlert, { icon: _jsx(ErrorIcon, {}), children: error.message })) : null] }), _jsx(AlertMessage, { title: _jsx(Typography, { variant: "body2", children: t('info.message.fundsToExchange') }), icon: _jsx(Info, {}) }), _jsxs(SendToWalletButtonRow, { children: [_jsx(Button, { variant: "text", onClick: handleCancel, fullWidth: true, children: t('button.cancel') }), _jsx(LoadingButton, { variant: "contained", onClick: handleBookmark, loading: isValidating, loadingPosition: "center", fullWidth: true, focusRipple: true, children: t('button.bookmark') })] })] }) }));
+});
+//# sourceMappingURL=BookmarkAddressSheet.js.map

package/dist/esm/pages/SendToWallet/BookmarkAddressSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BookmarkAddressSheet.js","sourceRoot":"","sources":["../../../../src/pages/SendToWallet/BookmarkAddressSheet.tsx"],"names":[],"mappings":"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"}