@lifi/widget 3.0.0-alpha.9 → 3.0.0-beta.1

package/_esm/pages/ActiveTransactionsPage/ActiveTransactionsPage.js

@@ -1,34 +1,37 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import DeleteIcon from '@mui/icons-material/esm/DeleteOutline';
-import { Button, Container, DialogActions, DialogContent, DialogContentText, DialogTitle, IconButton, List, } from '@mui/material';
-import { useCallback, useEffect, useState } from 'react';
+import { DeleteOutline } from '@mui/icons-material';
+import { Button, DialogActions, DialogContent, DialogContentText, DialogTitle, IconButton, List, useTheme, } from '@mui/material';
+import { useCallback, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { ActiveTransactionItem } from '../../components/ActiveTransactions';
-import { Dialog } from '../../components/Dialog';
-import { useAccount } from '../../hooks';
-import { useExecutingRoutesIds, useHeaderStoreContext, useRouteExecutionStore, } from '../../stores';
-import { ActiveTransactionsEmpty } from './ActiveTransactionsEmpty';
+import { ActiveTransactionItem } from '../../components/ActiveTransactions/ActiveTransactionItem.js';
+import { Dialog } from '../../components/Dialog.js';
+import { PageContainer } from '../../components/PageContainer.js';
+import { useHeader } from '../../hooks/useHeader.js';
+import { useRouteExecutionStore } from '../../stores/routes/RouteExecutionStore.js';
+import { useExecutingRoutesIds } from '../../stores/routes/useExecutingRoutesIds.js';
+import { ActiveTransactionsEmpty } from './ActiveTransactionsEmpty.js';
+const DeleteIconButton = ({ onClick }) => {
+    const theme = useTheme();
+    return (_jsx(IconButton, { size: "medium", edge: theme?.navigation?.edge ? 'end' : false, onClick: onClick, children: _jsx(DeleteOutline, {}) }));
+};
 export const ActiveTransactionsPage = () => {
     const { t } = useTranslation();
-    const { account } = useAccount();
-    const executingRoutes = useExecutingRoutesIds(account.address);
+    const executingRoutes = useExecutingRoutesIds();
     const deleteRoutes = useRouteExecutionStore((store) => store.deleteRoutes);
-    const headerStoreContext = useHeaderStoreContext();
     const [open, setOpen] = useState(false);
     const toggleDialog = useCallback(() => {
         setOpen((open) => !open);
     }, []);
-    useEffect(() => {
-        if (executingRoutes.length) {
-            return headerStoreContext.getState().setAction(_jsx(IconButton, { size: "medium", edge: "end", onClick: toggleDialog, children: _jsx(DeleteIcon, {}) }));
-        }
-    }, [executingRoutes.length, headerStoreContext, toggleDialog]);
+    const headerAction = useMemo(() => executingRoutes.length ? (_jsx(DeleteIconButton, { onClick: toggleDialog })) : undefined, [executingRoutes.length, toggleDialog]);
+    useHeader(t(`header.activeTransactions`), headerAction);
     if (!executingRoutes.length) {
         return _jsx(ActiveTransactionsEmpty, {});
     }
-    return (_jsxs(Container, { disableGutters: true, children: [_jsx(List, { sx: {
+    return (_jsxs(PageContainer, { disableGutters: true, children: [_jsx(List, { sx: {
+                    paddingTop: 0,
                     paddingLeft: 1.5,
                     paddingRight: 1.5,
+                    paddingBottom: 1.5,
                 }, children: executingRoutes.map((routeId) => (_jsx(ActiveTransactionItem, { routeId: routeId }, routeId))) }), _jsxs(Dialog, { open: open, onClose: toggleDialog, children: [_jsx(DialogTitle, { children: t('warning.title.deleteActiveTransactions') }), _jsx(DialogContent, { children: _jsx(DialogContentText, { children: t('warning.message.deleteActiveTransactions') }) }), _jsxs(DialogActions, { children: [_jsx(Button, { onClick: toggleDialog, children: t('button.cancel') }), _jsx(Button, { variant: "contained", onClick: () => deleteRoutes('active'), autoFocus: true, children: t('button.delete') })] })] })] }));
 };
 //# sourceMappingURL=ActiveTransactionsPage.js.map

package/_esm/pages/ActiveTransactionsPage/ActiveTransactionsPage.js.map

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

package/_esm/pages/LanguagesPage.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" resolution-mode="require"/>
+export declare const LanguagesPage: React.FC;

package/_esm/pages/LanguagesPage.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Check } from '@mui/icons-material';
+import { List } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { ListItemText } from '../components/ListItemText.js';
+import { PageContainer } from '../components/PageContainer.js';
+import { SettingsListItemButton } from '../components/SettingsListItemButton.js';
+import { useHeader } from '../hooks/useHeader.js';
+import { useLanguages } from '../hooks/useLanguages.js';
+export const LanguagesPage = () => {
+    const { t } = useTranslation();
+    const { selectedLanguageCode, availableLanguages, setLanguageWithCode } = useLanguages();
+    useHeader(t(`language.title`));
+    if (availableLanguages.length < 1) {
+        return null;
+    }
+    return (_jsx(PageContainer, { disableGutters: true, children: _jsx(List, { sx: {
+                paddingTop: 0,
+                paddingLeft: 1.5,
+                paddingRight: 1.5,
+                paddingBottom: 1.5,
+            }, children: availableLanguages.map((language) => (_jsxs(SettingsListItemButton, { onClick: () => setLanguageWithCode(language), children: [_jsx(ListItemText, { primary: t('language.name', { lng: language }) }), selectedLanguageCode === language && _jsx(Check, { color: "primary" })] }, language))) }) }));
+};
+//# sourceMappingURL=LanguagesPage.js.map

package/_esm/pages/LanguagesPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguagesPage.js","sourceRoot":"","sources":["../../pages/LanguagesPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;AACjF,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,MAAM,CAAC,MAAM,aAAa,GAAa,GAAG,EAAE;IAC1C,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,GACrE,YAAY,EAAE,CAAC;IAEjB,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAE/B,IAAI,kBAAkB,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAClC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,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,kBAAkB,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CACpC,MAAC,sBAAsB,IAErB,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,QAAQ,CAAC,aAE5C,KAAC,YAAY,IAAC,OAAO,EAAE,CAAC,CAAC,eAAe,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,GAAI,EAC/D,oBAAoB,KAAK,QAAQ,IAAI,KAAC,KAAK,IAAC,KAAK,EAAC,SAAS,GAAG,KAJ1D,QAAQ,CAKU,CAC1B,CAAC,GACG,GACO,CACjB,CAAC;AACJ,CAAC,CAAC"}

package/_esm/pages/MainPage/MainMessages.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
+import type { BoxProps } from '@mui/material';
+export declare const MainMessages: React.FC<BoxProps>;

package/_esm/pages/MainPage/MainMessages.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { GasMessage } from '../../components/GasMessage/GasMessage.js';
+import { ToAddressRequiredMessage } from '../../components/ToAddressRequiredMessage.js';
+import { useRoutes } from '../../hooks/useRoutes.js';
+export const MainMessages = (props) => {
+    const { routes } = useRoutes();
+    const currentRoute = routes?.[0];
+    return (_jsxs(_Fragment, { children: [_jsx(ToAddressRequiredMessage, { route: currentRoute, ...props }), _jsx(GasMessage, { route: currentRoute, ...props })] }));
+};
+//# sourceMappingURL=MainMessages.js.map

package/_esm/pages/MainPage/MainMessages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MainMessages.js","sourceRoot":"","sources":["../../../pages/MainPage/MainMessages.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAAO,EAAE,wBAAwB,EAAE,MAAM,8CAA8C,CAAC;AACxF,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAErD,MAAM,CAAC,MAAM,YAAY,GAAuB,CAAC,KAAK,EAAE,EAAE;IACxD,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAC;IAE/B,MAAM,YAAY,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;IAEjC,OAAO,CACL,8BACE,KAAC,wBAAwB,IAAC,KAAK,EAAE,YAAY,KAAM,KAAK,GAAI,EAC5D,KAAC,UAAU,IAAC,KAAK,EAAE,YAAY,KAAM,KAAK,GAAI,IAC7C,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/_esm/pages/MainPage/MainPage.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
+/// <reference types="react" resolution-mode="require"/>
 export declare const MainPage: React.FC;

package/_esm/pages/MainPage/MainPage.js

@@ -1,21 +1,34 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box } from '@mui/material';
-import { ActiveTransactions } from '../../components/ActiveTransactions';
-import { AmountInput } from '../../components/AmountInput';
-import { ContractComponent } from '../../components/ContractComponent';
-import { GasRefuelMessage } from '../../components/GasMessage';
-import { Routes } from '../../components/Routes';
-import { SelectChainAndToken } from '../../components/SelectChainAndToken';
-import { SendToWallet, SendToWalletButton, } from '../../components/SendToWallet';
-import { useExpandableVariant } from '../../hooks';
-import { useWidgetConfig } from '../../providers';
-import { MainGasMessage } from './MainGasMessage';
-import { FormContainer } from './MainPage.style';
-import { ReviewButton } from './ReviewButton';
+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 expandable = useExpandableVariant();
-    const { subvariant, contractComponent } = useWidgetConfig();
-    const nft = subvariant === 'nft';
-    return (_jsxs(FormContainer, { disableGutters: true, children: [_jsx(ActiveTransactions, { mx: 3, mt: 1, mb: 1 }), nft ? (_jsx(ContractComponent, { mx: 3, mt: 1, mb: 1, children: contractComponent })) : null, _jsx(SelectChainAndToken, { mt: 1, mx: 3, mb: 2 }), !nft ? _jsx(AmountInput, { formType: "from", mx: 3, mb: 2 }) : null, !expandable ? _jsx(Routes, { mx: 3, mb: 2 }) : null, _jsx(SendToWallet, { mx: 3, mb: 2 }), _jsx(GasRefuelMessage, { mx: 3, mb: 2 }), _jsx(MainGasMessage, { mx: 3, mb: 2 }), _jsxs(Box, { display: "flex", mx: 3, mb: 1, children: [_jsx(ReviewButton, {}), _jsx(SendToWalletButton, {})] })] }));
+    const { t } = useTranslation();
+    const wideVariant = useWideVariant();
+    const { subvariant, contractComponent, hiddenUI } = useWidgetConfig();
+    const custom = subvariant === 'custom';
+    const showPoweredBy = !hiddenUI?.includes(HiddenUI.PoweredBy);
+    const title = subvariant === 'custom'
+        ? t(`header.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/_esm/pages/MainPage/MainPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"MainPage.js","sourceRoot":"","sources":["../../../pages/MainPage/MainPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,EACL,YAAY,EACZ,kBAAkB,GACnB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,CAAC,MAAM,QAAQ,GAAa,GAAG,EAAE;IACrC,MAAM,UAAU,GAAG,oBAAoB,EAAE,CAAC;IAC1C,MAAM,EAAE,UAAU,EAAE,iBAAiB,EAAE,GAAG,eAAe,EAAE,CAAC;IAC5D,MAAM,GAAG,GAAG,UAAU,KAAK,KAAK,CAAC;IACjC,OAAO,CACL,MAAC,aAAa,IAAC,cAAc,mBAC3B,KAAC,kBAAkB,IAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,GAAI,EAC1C,GAAG,CAAC,CAAC,CAAC,CACL,KAAC,iBAAiB,IAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YACnC,iBAAiB,GACA,CACrB,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,mBAAmB,IAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,GAAI,EAC3C,CAAC,GAAG,CAAC,CAAC,CAAC,KAAC,WAAW,IAAC,QAAQ,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,GAAI,CAAC,CAAC,CAAC,IAAI,EAC3D,CAAC,UAAU,CAAC,CAAC,CAAC,KAAC,MAAM,IAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,GAAI,CAAC,CAAC,CAAC,IAAI,EAC9C,KAAC,YAAY,IAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,GAAI,EAC9B,KAAC,gBAAgB,IAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,GAAI,EAClC,KAAC,cAAc,IAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,GAAI,EAChC,MAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,aAC9B,KAAC,YAAY,KAAG,EAChB,KAAC,kBAAkB,KAAG,IAClB,IACQ,CACjB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"MainPage.js","sourceRoot":"","sources":["../../../pages/MainPage/MainPage.tsx"],"names":[],"mappings":"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"}

package/_esm/pages/MainPage/MainPage.style.d.ts

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

package/_esm/pages/MainPage/MainPage.style.js

@@ -1,5 +1,4 @@
-import { Container } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import { Container, styled } from '@mui/material';
 export const FormContainer = styled(Container)({
     display: 'flex',
     flexDirection: 'column',

package/_esm/pages/MainPage/MainPage.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"MainPage.style.js","sourceRoot":"","sources":["../../../pages/MainPage/MainPage.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,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,CAAC"}
+{"version":3,"file":"MainPage.style.js","sourceRoot":"","sources":["../../../pages/MainPage/MainPage.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAElD,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,CAAC"}

package/_esm/pages/MainPage/ReviewButton.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
+/// <reference types="react" resolution-mode="require"/>
 export declare const ReviewButton: React.FC;

package/_esm/pages/MainPage/ReviewButton.js

@@ -1,19 +1,22 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useFormState } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
-import { BaseTransactionButton } from '../../components/BaseTransactionButton';
-import { useRoutes } from '../../hooks';
-import { useWidgetConfig } from '../../providers';
-import { useSetExecutableRoute, useSplitSubvariantStore } from '../../stores';
-import { navigationRoutes } from '../../utils';
+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 { useSetExecutableRoute } from '../../stores/routes/useSetExecutableRoute.js';
+import { useSplitSubvariantStore } from '../../stores/settings/useSplitSubvariantStore.js';
+import { navigationRoutes } from '../../utils/navigationRoutes.js';
 export const ReviewButton = () => {
     const { t } = useTranslation();
     const navigate = useNavigate();
-    const { isValid, isValidating } = useFormState();
     const setExecutableRoute = useSetExecutableRoute();
     const { subvariant } = useWidgetConfig();
     const splitState = useSplitSubvariantStore((state) => state.state);
+    const [toAddress] = useFieldValues('toAddress');
+    const { requiredToAddress } = useToAddressRequirements();
     const { routes } = useRoutes();
     const currentRoute = routes?.[0];
     const handleClick = async () => {
@@ -27,10 +30,8 @@ export const ReviewButton = () => {
     const getButtonText = () => {
         if (currentRoute) {
             switch (subvariant) {
-                case 'nft':
+                case 'custom':
                     return t(`button.reviewPurchase`);
-                case 'refuel':
-                    return t(`button.reviewBridge`);
                 default:
                     const transactionType = currentRoute.fromChainId === currentRoute.toChainId
                         ? 'Swap'
@@ -40,7 +41,7 @@ export const ReviewButton = () => {
         }
         else {
             switch (subvariant) {
-                case 'nft':
+                case 'custom':
                     return t(`button.buy`);
                 case 'refuel':
                     return t(`button.getGas`);
@@ -54,6 +55,6 @@ export const ReviewButton = () => {
             }
         }
     };
-    return (_jsx(BaseTransactionButton, { text: getButtonText(), onClick: handleClick, disabled: currentRoute && (isValidating || !isValid) }));
+    return (_jsx(BaseTransactionButton, { text: getButtonText(), onClick: handleClick, disabled: currentRoute && requiredToAddress && !toAddress }));
 };
 //# sourceMappingURL=ReviewButton.js.map

package/_esm/pages/MainPage/ReviewButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReviewButton.js","sourceRoot":"","sources":["../../../pages/MainPage/ReviewButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAC9E,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,CAAC,MAAM,YAAY,GAAa,GAAG,EAAE;IACzC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,YAAY,EAAE,CAAC;IACjD,MAAM,kBAAkB,GAAG,qBAAqB,EAAE,CAAC;IACnD,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IACzC,MAAM,UAAU,GAAG,uBAAuB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAEnE,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAC;IAE/B,MAAM,YAAY,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;IAEjC,MAAM,WAAW,GAAG,KAAK,IAAI,EAAE;QAC7B,IAAI,YAAY,EAAE,CAAC;YACjB,kBAAkB,CAAC,YAAY,CAAC,CAAC;YACjC,QAAQ,CAAC,gBAAgB,CAAC,oBAAoB,EAAE;gBAC9C,KAAK,EAAE,EAAE,OAAO,EAAE,YAAY,CAAC,EAAE,EAAE;aACpC,CAAC,CAAC;QACL,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAW,EAAE;QACjC,IAAI,YAAY,EAAE,CAAC;YACjB,QAAQ,UAAU,EAAE,CAAC;gBACnB,KAAK,KAAK;oBACR,OAAO,CAAC,CAAC,uBAAuB,CAAC,CAAC;gBACpC,KAAK,QAAQ;oBACX,OAAO,CAAC,CAAC,qBAAqB,CAAC,CAAC;gBAClC;oBACE,MAAM,eAAe,GACnB,YAAY,CAAC,WAAW,KAAK,YAAY,CAAC,SAAS;wBACjD,CAAC,CAAC,MAAM;wBACR,CAAC,CAAC,QAAQ,CAAC;oBACf,OAAO,CAAC,CAAC,gBAAgB,eAAe,EAAE,CAAC,CAAC;YAChD,CAAC;QACH,CAAC;aAAM,CAAC;YACN,QAAQ,UAAU,EAAE,CAAC;gBACnB,KAAK,KAAK;oBACR,OAAO,CAAC,CAAC,YAAY,CAAC,CAAC;gBACzB,KAAK,QAAQ;oBACX,OAAO,CAAC,CAAC,eAAe,CAAC,CAAC;gBAC5B,KAAK,OAAO;oBACV,IAAI,UAAU,EAAE,CAAC;wBACf,OAAO,CAAC,CAAC,UAAU,UAAU,EAAE,CAAC,CAAC;oBACnC,CAAC;oBACD,OAAO,CAAC,CAAC,iBAAiB,CAAC,CAAC;gBAC9B;oBACE,OAAO,CAAC,CAAC,iBAAiB,CAAC,CAAC;YAChC,CAAC;QACH,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,qBAAqB,IACpB,IAAI,EAAE,aAAa,EAAE,EACrB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,YAAY,IAAI,CAAC,YAAY,IAAI,CAAC,OAAO,CAAC,GACpD,CACH,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"ReviewButton.js","sourceRoot":"","sources":["../../../pages/MainPage/ReviewButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,iEAAiE,CAAC;AACxG,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,wBAAwB,EAAE,MAAM,yCAAyC,CAAC;AACnF,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,qBAAqB,EAAE,MAAM,8CAA8C,CAAC;AACrF,OAAO,EAAE,uBAAuB,EAAE,MAAM,kDAAkD,CAAC;AAC3F,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAEnE,MAAM,CAAC,MAAM,YAAY,GAAa,GAAG,EAAE;IACzC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,kBAAkB,GAAG,qBAAqB,EAAE,CAAC;IACnD,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IACzC,MAAM,UAAU,GAAG,uBAAuB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACnE,MAAM,CAAC,SAAS,CAAC,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;IAChD,MAAM,EAAE,iBAAiB,EAAE,GAAG,wBAAwB,EAAE,CAAC;IACzD,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAC;IAE/B,MAAM,YAAY,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;IAEjC,MAAM,WAAW,GAAG,KAAK,IAAI,EAAE;QAC7B,IAAI,YAAY,EAAE,CAAC;YACjB,kBAAkB,CAAC,YAAY,CAAC,CAAC;YACjC,QAAQ,CAAC,gBAAgB,CAAC,oBAAoB,EAAE;gBAC9C,KAAK,EAAE,EAAE,OAAO,EAAE,YAAY,CAAC,EAAE,EAAE;aACpC,CAAC,CAAC;QACL,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAW,EAAE;QACjC,IAAI,YAAY,EAAE,CAAC;YACjB,QAAQ,UAAU,EAAE,CAAC;gBACnB,KAAK,QAAQ;oBACX,OAAO,CAAC,CAAC,uBAAuB,CAAC,CAAC;gBACpC;oBACE,MAAM,eAAe,GACnB,YAAY,CAAC,WAAW,KAAK,YAAY,CAAC,SAAS;wBACjD,CAAC,CAAC,MAAM;wBACR,CAAC,CAAC,QAAQ,CAAC;oBACf,OAAO,CAAC,CAAC,gBAAgB,eAAe,EAAE,CAAC,CAAC;YAChD,CAAC;QACH,CAAC;aAAM,CAAC;YACN,QAAQ,UAAU,EAAE,CAAC;gBACnB,KAAK,QAAQ;oBACX,OAAO,CAAC,CAAC,YAAY,CAAC,CAAC;gBACzB,KAAK,QAAQ;oBACX,OAAO,CAAC,CAAC,eAAe,CAAC,CAAC;gBAC5B,KAAK,OAAO;oBACV,IAAI,UAAU,EAAE,CAAC;wBACf,OAAO,CAAC,CAAC,UAAU,UAAU,EAAE,CAAC,CAAC;oBACnC,CAAC;oBACD,OAAO,CAAC,CAAC,iBAAiB,CAAC,CAAC;gBAC9B;oBACE,OAAO,CAAC,CAAC,iBAAiB,CAAC,CAAC;YAChC,CAAC;QACH,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,qBAAqB,IACpB,IAAI,EAAE,aAAa,EAAE,EACrB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,YAAY,IAAI,iBAAiB,IAAI,CAAC,SAAS,GACzD,CACH,CAAC;AACJ,CAAC,CAAC"}

package/_esm/pages/RoutesPage/RoutesPage.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+/// <reference types="react" resolution-mode="require"/>
 import type { BoxProps } from '@mui/material';
 export declare const RoutesPage: React.FC<BoxProps>;

package/_esm/pages/RoutesPage/RoutesPage.js

@@ -1,35 +1,38 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect } from 'react';
-import { ProgressToNextUpdate } from '../../components/ProgressToNextUpdate';
-import { RouteCard, RouteCardSkeleton, RouteNotFoundCard, } from '../../components/RouteCard';
-import { useNavigateBack, useRoutes } from '../../hooks';
-import { useHeaderStoreContext, useSetExecutableRoute } from '../../stores';
-import { navigationRoutes } from '../../utils';
-import { Stack } from './RoutesPage.style';
+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 { useAccount } from '../../hooks/useAccount.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 { useSetExecutableRoute } from '../../stores/routes/useSetExecutableRoute.js';
+import { navigationRoutes } from '../../utils/navigationRoutes.js';
+import { Stack } from './RoutesPage.style.js';
 export const RoutesPage = () => {
-    const { navigateBack, navigate } = useNavigateBack();
-    const { routes, isLoading, isFetching, dataUpdatedAt, refetchTime, refetch } = useRoutes();
+    const { navigate } = useNavigateBack();
     const setExecutableRoute = useSetExecutableRoute();
-    const headerStoreContext = useHeaderStoreContext();
+    const { routes, isLoading, isFetching, dataUpdatedAt, refetchTime, refetch, fromChain, } = 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.youGet`), headerAction);
     const handleRouteClick = (route) => {
         setExecutableRoute(route);
         navigate(navigationRoutes.transactionExecution, {
             state: { routeId: route.id },
         });
     };
-    useEffect(() => {
-        if (!routes?.length && !isLoading && !isFetching) {
-            navigateBack();
-        }
-        // redirect to the home page if no routes are found on page reload
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    useEffect(() => {
-        return headerStoreContext
-            .getState()
-            .setAction(_jsx(ProgressToNextUpdate, { updatedAt: dataUpdatedAt || new Date().getTime(), timeToUpdate: refetchTime, isLoading: isFetching, onClick: () => refetch(), sx: { marginRight: -1 }, size: "medium", edge: "end" }));
-    }, [dataUpdatedAt, headerStoreContext, isFetching, refetch, refetchTime]);
     const routeNotFound = !routes?.length && !isLoading && !isFetching;
-    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: () => handleRouteClick(route), active: index === 0, expanded: routes?.length <= 2 }, route.id)))) }));
+    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/_esm/pages/RoutesPage/RoutesPage.js.map

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

package/_esm/pages/RoutesPage/RoutesPage.style.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-export declare const Stack: import("@emotion/styled").StyledComponent<import("@mui/material").StackOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+/// <reference types="react" resolution-mode="require"/>
+export declare const Stack: import("@emotion/styled").StyledComponent<import("@mui/material").StackOwnProps & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/material").StackOwnProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, keyof import("@mui/material/OverridableComponent.js").CommonProps | keyof import("@mui/material").StackOwnProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/_esm/pages/RoutesPage/RoutesPage.style.js

@@ -1,7 +1,6 @@
-import { Stack as MuiStack } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import { Stack as MuiStack, styled } from '@mui/material';
 export const Stack = styled(MuiStack)(({ theme }) => ({
     position: 'relative',
-    padding: theme.spacing(1, 3),
+    padding: theme.spacing(0, 3, 3, 3),
 }));
 //# sourceMappingURL=RoutesPage.style.js.map

package/_esm/pages/RoutesPage/RoutesPage.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoutesPage.style.js","sourceRoot":"","sources":["../../../pages/RoutesPage/RoutesPage.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,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,CAAC;CAC7B,CAAC,CAAC,CAAC"}
+{"version":3,"file":"RoutesPage.style.js","sourceRoot":"","sources":["../../../pages/RoutesPage/RoutesPage.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE1D,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,CAAC"}

package/_esm/pages/SelectChainPage/SelectChainPage.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import type { SelectChainPageProps } from './types';
+/// <reference types="react" resolution-mode="require"/>
+import type { SelectChainPageProps } from './types.js';
 export declare const SelectChainPage: React.FC<SelectChainPageProps>;

package/_esm/pages/SelectChainPage/SelectChainPage.js

@@ -1,14 +1,19 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Avatar, Container, List, ListItemAvatar } from '@mui/material';
-import { useChainSelect } from '../../components/ChainSelect';
-import { ListItemButton } from '../../components/ListItemButton';
-import { ListItemText } from '../../components/ListItemText';
-import { useTokenSelect } from '../../components/TokenList';
-import { useNavigateBack } from '../../hooks';
+import { Avatar, List, ListItemAvatar } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { useChainSelect } from '../../components/ChainSelect/useChainSelect.js';
+import { ListItemButton } from '../../components/ListItemButton.js';
+import { ListItemText } from '../../components/ListItemText.js';
+import { PageContainer } from '../../components/PageContainer.js';
+import { useTokenSelect } from '../../components/TokenList/useTokenSelect.js';
+import { useHeader } from '../../hooks/useHeader.js';
+import { useNavigateBack } from '../../hooks/useNavigateBack.js';
 export const SelectChainPage = ({ formType, selectNativeToken, }) => {
     const { navigateBack } = useNavigateBack();
     const { chains, setCurrentChain } = useChainSelect(formType);
     const selectToken = useTokenSelect(formType, navigateBack);
+    const { t } = useTranslation();
+    useHeader(t('header.selectChain'));
     const handleClick = async (chain) => {
         if (selectNativeToken) {
             selectToken(chain.nativeToken.address, chain.id);
@@ -18,9 +23,11 @@ export const SelectChainPage = ({ formType, selectNativeToken, }) => {
             navigateBack();
         }
     };
-    return (_jsx(Container, { disableGutters: true, children: _jsx(List, { sx: {
+    return (_jsx(PageContainer, { disableGutters: true, children: _jsx(List, { sx: {
+                paddingTop: 0,
                 paddingLeft: 1.5,
                 paddingRight: 1.5,
+                paddingBottom: 1.5,
             }, children: chains?.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))) }) }));
 };
 //# sourceMappingURL=SelectChainPage.js.map

package/_esm/pages/SelectChainPage/SelectChainPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectChainPage.js","sourceRoot":"","sources":["../../../pages/SelectChainPage/SelectChainPage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAG9C,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC9D,QAAQ,EACR,iBAAiB,GAClB,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAC;IAC3C,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;IAC7D,MAAM,WAAW,GAAG,cAAc,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IAE3D,MAAM,WAAW,GAAG,KAAK,EAAE,KAAoB,EAAE,EAAE;QACjD,IAAI,iBAAiB,EAAE,CAAC;YACtB,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC;QACnD,CAAC;aAAM,CAAC;YACN,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;YAC1B,YAAY,EAAE,CAAC;QACjB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,SAAS,IAAC,cAAc,kBACvB,KAAC,IAAI,IACH,EAAE,EAAE;gBACF,WAAW,EAAE,GAAG;gBAChB,YAAY,EAAE,GAAG;aAClB,YAEA,MAAM,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACtB,MAAC,cAAc,IAAgB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,aAC9D,KAAC,cAAc,cACb,KAAC,MAAM,IAAC,GAAG,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,EAAE,KAAK,CAAC,IAAI,YACxC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GACP,GACM,EACjB,KAAC,YAAY,IAAC,OAAO,EAAE,KAAK,CAAC,IAAI,GAAI,KANlB,KAAK,CAAC,EAAE,CAOZ,CAClB,CAAC,GACG,GACG,CACb,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"SelectChainPage.js","sourceRoot":"","sources":["../../../pages/SelectChainPage/SelectChainPage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,gDAAgD,CAAC;AAChF,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,8CAA8C,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAGjE,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC9D,QAAQ,EACR,iBAAiB,GAClB,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAC;IAC3C,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;IAC7D,MAAM,WAAW,GAAG,cAAc,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IAE3D,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,SAAS,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAEnC,MAAM,WAAW,GAAG,KAAK,EAAE,KAAoB,EAAE,EAAE;QACjD,IAAI,iBAAiB,EAAE,CAAC;YACtB,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC;QACnD,CAAC;aAAM,CAAC;YACN,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;YAC1B,YAAY,EAAE,CAAC;QACjB,CAAC;IACH,CAAC,CAAC;IAEF,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,IAAgB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,aAC9D,KAAC,cAAc,cACb,KAAC,MAAM,IAAC,GAAG,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,EAAE,KAAK,CAAC,IAAI,YACxC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GACP,GACM,EACjB,KAAC,YAAY,IAAC,OAAO,EAAE,KAAK,CAAC,IAAI,GAAI,KANlB,KAAK,CAAC,EAAE,CAOZ,CAClB,CAAC,GACG,GACO,CACjB,CAAC;AACJ,CAAC,CAAC"}

package/_esm/pages/SelectChainPage/types.d.ts

@@ -1,4 +1,4 @@
-import type { FormTypeProps } from '../../providers';
+import type { FormTypeProps } from '../../stores/form/types.js';
 export interface SelectChainPageProps extends FormTypeProps {
     selectNativeToken?: boolean;
 }

package/_esm/pages/SelectEnabledToolsPage.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" resolution-mode="require"/>
+export declare const SelectEnabledToolsPage: React.FC<{
+    type: 'Bridges' | 'Exchanges';
+}>;

package/_esm/pages/SelectEnabledToolsPage.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Check, CheckBoxOutlineBlankOutlined, CheckBoxOutlined, IndeterminateCheckBoxOutlined, } from '@mui/icons-material';
+import { Avatar, IconButton, List, ListItemAvatar, Tooltip, useTheme, } from '@mui/material';
+import { useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { shallow } from 'zustand/shallow';
+import { ListItemText } from '../components/ListItemText.js';
+import { PageContainer } from '../components/PageContainer.js';
+import { SettingsListItemButton } from '../components/SettingsListItemButton.js';
+import { useHeader } from '../hooks/useHeader.js';
+import { useTools } from '../hooks/useTools.js';
+import { useSettingsStore } from '../stores/settings/useSettingsStore.js';
+const SelectAllCheckbox = ({ allCheckboxesSelected, anyCheckboxesSelected, onClick, }) => {
+    const { t } = useTranslation();
+    const theme = useTheme();
+    const tooltipTitle = allCheckboxesSelected
+        ? t('tooltip.deselectAll')
+        : t('tooltip.selectAll');
+    return (_jsx(Tooltip, { title: tooltipTitle, arrow: true, 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, toggleTools] = useSettingsStore((state) => [
+        state[`enabled${type}`],
+        state[`disabled${type}`],
+        state.setToolValue,
+        state.toggleTools,
+    ], shallow);
+    const { t } = useTranslation();
+    const headerAction = useMemo(() => (_jsx(SelectAllCheckbox, { allCheckboxesSelected: !disabledTools.length, anyCheckboxesSelected: Boolean(disabledTools.length), onClick: () => toggleTools(type) })), [disabledTools.length, toggleTools, type]);
+    useHeader(t(`settings.enabled${type}`), headerAction);
+    const handleClick = (key) => {
+        setToolValue(type, key, !enabledTools[key]);
+    };
+    return (_jsx(PageContainer, { disableGutters: true, children: _jsx(List, { sx: {
+                paddingTop: 0,
+                paddingLeft: 1.5,
+                paddingRight: 1.5,
+                paddingBottom: 1.5,
+            }, children: tools?.[typeKey].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))) }) }));
+};
+//# sourceMappingURL=SelectEnabledToolsPage.js.map

package/_esm/pages/SelectEnabledToolsPage.js.map

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

package/_esm/pages/SelectNativeTokenPage.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
+import type { FormTypeProps } from '../stores/form/types.js';
+export declare const SelectNativeTokenPage: React.FC<FormTypeProps>;

package/_esm/pages/SelectNativeTokenPage.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { List, ListItemAvatar } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { TokenAvatar } from '../components/Avatar/TokenAvatar.js';
+import { ListItemButton } from '../components/ListItemButton.js';
+import { ListItemText } from '../components/ListItemText.js';
+import { PageContainer } from '../components/PageContainer.js';
+import { useTokenSelect } from '../components/TokenList/useTokenSelect.js';
+import { useChains } from '../hooks/useChains.js';
+import { useNavigateBack } from '../hooks/useNavigateBack.js';
+export const SelectNativeTokenPage = ({ formType, }) => {
+    const { t } = useTranslation();
+    const { navigateBack } = useNavigateBack();
+    const { chains } = useChains();
+    const selectToken = useTokenSelect(formType, navigateBack);
+    return (_jsx(PageContainer, { disableGutters: true, children: _jsx(List, { sx: {
+                paddingTop: 0,
+                paddingLeft: 1.5,
+                paddingRight: 1.5,
+                paddingBottom: 1.5,
+            }, children: chains?.map((chain) => (_jsxs(ListItemButton, { onClick: () => selectToken(chain.nativeToken.address, chain.id), children: [_jsx(ListItemAvatar, { children: _jsx(TokenAvatar, { token: chain.nativeToken, chain: chain }) }), _jsx(ListItemText, { primary: chain.nativeToken.symbol, secondary: t('main.onChain', { chainName: chain.name }) })] }, chain.id))) }) }));
+};
+//# sourceMappingURL=SelectNativeTokenPage.js.map

package/_esm/pages/SelectNativeTokenPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectNativeTokenPage.js","sourceRoot":"","sources":["../../pages/SelectNativeTokenPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAG9D,MAAM,CAAC,MAAM,qBAAqB,GAA4B,CAAC,EAC7D,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAC;IAC3C,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAC;IAC/B,MAAM,WAAW,GAAG,cAAc,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IAE3D,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,CAAC;AACJ,CAAC,CAAC"}