@lifi/widget 2.9.4 → 3.0.0-alpha.1

package/cjs/index.js

@@ -1,36 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LiFiWidget = exports.useWallet = exports.widgetEvents = exports.useWidgetEvents = exports.useWatch = exports.useFormContext = void 0;
-const App_1 = require("./App");
-// TODO: remove or make optional
-require("./fonts/inter.css");
-var react_hook_form_1 = require("react-hook-form");
-Object.defineProperty(exports, "useFormContext", { enumerable: true, get: function () { return react_hook_form_1.useFormContext; } });
-Object.defineProperty(exports, "useWatch", { enumerable: true, get: function () { return react_hook_form_1.useWatch; } });
-__exportStar(require("./components/NFT"), exports);
-__exportStar(require("./config/version"), exports);
-var hooks_1 = require("./hooks");
-Object.defineProperty(exports, "useWidgetEvents", { enumerable: true, get: function () { return hooks_1.useWidgetEvents; } });
-Object.defineProperty(exports, "widgetEvents", { enumerable: true, get: function () { return hooks_1.widgetEvents; } });
-__exportStar(require("./providers/FormProvider/types"), exports);
-var WalletProvider_1 = require("./providers/WalletProvider");
-Object.defineProperty(exports, "useWallet", { enumerable: true, get: function () { return WalletProvider_1.useWallet; } });
-__exportStar(require("./types"), exports);
-// ClassNameGenerator.configure((componentName) =>
-//   componentName.replace('Mui', 'LiFi'),
-// );
-exports.LiFiWidget = App_1.App;

package/cjs/pages/ActiveTransactionsPage/ActiveTransactionsEmpty.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActiveTransactionsEmpty = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const SwapHoriz_1 = require("@mui/icons-material/SwapHoriz");
-const material_1 = require("@mui/material");
-const react_i18next_1 = require("react-i18next");
-const ActiveTransactionsEmpty = () => {
-    const { t } = (0, react_i18next_1.useTranslation)();
-    return ((0, jsx_runtime_1.jsxs)(material_1.Container, { sx: {
-            display: 'flex',
-            flex: 1,
-            flexDirection: 'column',
-            alignItems: 'center',
-            justifyContent: 'center',
-            paddingY: 12,
-        }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 48, children: (0, jsx_runtime_1.jsx)(SwapHoriz_1.default, { fontSize: "inherit" }) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 18, fontWeight: 700, children: t('info.title.emptyActiveTransactions') }), (0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 14, color: "text.secondary", textAlign: "center", mt: 2, children: t('info.message.emptyActiveTransactions') })] }));
-};
-exports.ActiveTransactionsEmpty = ActiveTransactionsEmpty;

package/cjs/pages/ActiveTransactionsPage/ActiveTransactionsPage.js

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActiveTransactionsPage = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const DeleteOutline_1 = require("@mui/icons-material/DeleteOutline");
-const material_1 = require("@mui/material");
-const react_1 = require("react");
-const react_i18next_1 = require("react-i18next");
-const ActiveTransactions_1 = require("../../components/ActiveTransactions");
-const Dialog_1 = require("../../components/Dialog");
-const providers_1 = require("../../providers");
-const stores_1 = require("../../stores");
-const ActiveTransactionsEmpty_1 = require("./ActiveTransactionsEmpty");
-const ActiveTransactionsPage = () => {
-    const { t } = (0, react_i18next_1.useTranslation)();
-    const { account } = (0, providers_1.useWallet)();
-    const executingRoutes = (0, stores_1.useExecutingRoutesIds)(account.address);
-    const deleteRoutes = (0, stores_1.useRouteExecutionStore)((store) => store.deleteRoutes);
-    const headerStoreContext = (0, stores_1.useHeaderStoreContext)();
-    const [open, setOpen] = (0, react_1.useState)(false);
-    const toggleDialog = (0, react_1.useCallback)(() => {
-        setOpen((open) => !open);
-    }, []);
-    (0, react_1.useEffect)(() => {
-        if (executingRoutes.length) {
-            return headerStoreContext.getState().setAction((0, jsx_runtime_1.jsx)(material_1.IconButton, { size: "medium", edge: "end", onClick: toggleDialog, children: (0, jsx_runtime_1.jsx)(DeleteOutline_1.default, {}) }));
-        }
-    }, [executingRoutes.length, headerStoreContext, toggleDialog]);
-    if (!executingRoutes.length) {
-        return (0, jsx_runtime_1.jsx)(ActiveTransactionsEmpty_1.ActiveTransactionsEmpty, {});
-    }
-    return ((0, jsx_runtime_1.jsxs)(material_1.Container, { disableGutters: true, children: [(0, jsx_runtime_1.jsx)(material_1.List, { sx: {
-                    paddingLeft: 1.5,
-                    paddingRight: 1.5,
-                }, children: executingRoutes.map((routeId) => ((0, jsx_runtime_1.jsx)(ActiveTransactions_1.ActiveTransactionItem, { routeId: routeId }, routeId))) }), (0, jsx_runtime_1.jsxs)(Dialog_1.Dialog, { open: open, onClose: toggleDialog, children: [(0, jsx_runtime_1.jsx)(material_1.DialogTitle, { children: t('warning.title.deleteActiveTransactions') }), (0, jsx_runtime_1.jsx)(material_1.DialogContent, { children: (0, jsx_runtime_1.jsx)(material_1.DialogContentText, { children: t('warning.message.deleteActiveTransactions') }) }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { onClick: toggleDialog, children: t('button.cancel') }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", onClick: () => deleteRoutes('active'), autoFocus: true, children: t('button.delete') })] })] })] }));
-};
-exports.ActiveTransactionsPage = ActiveTransactionsPage;

package/cjs/pages/ActiveTransactionsPage/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./ActiveTransactionsPage"), exports);

package/cjs/pages/MainPage/MainGasMessage.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MainGasMessage = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const GasMessage_1 = require("../../components/GasMessage");
-const hooks_1 = require("../../hooks");
-const MainGasMessage = (props) => {
-    const { routes } = (0, hooks_1.useRoutes)();
-    const currentRoute = routes?.[0];
-    return (0, jsx_runtime_1.jsx)(GasMessage_1.GasMessage, { route: currentRoute, ...props });
-};
-exports.MainGasMessage = MainGasMessage;

package/cjs/pages/MainPage/MainPage.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MainPage = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const ActiveTransactions_1 = require("../../components/ActiveTransactions");
-const AmountInput_1 = require("../../components/AmountInput");
-const ContractComponent_1 = require("../../components/ContractComponent");
-const GasMessage_1 = require("../../components/GasMessage");
-const Routes_1 = require("../../components/Routes");
-const SelectChainAndToken_1 = require("../../components/SelectChainAndToken");
-const SendToWallet_1 = require("../../components/SendToWallet");
-const hooks_1 = require("../../hooks");
-const providers_1 = require("../../providers");
-const MainGasMessage_1 = require("./MainGasMessage");
-const MainPage_style_1 = require("./MainPage.style");
-const ReviewButton_1 = require("./ReviewButton");
-const MainPage = () => {
-    const expandable = (0, hooks_1.useExpandableVariant)();
-    const { subvariant, contractComponent } = (0, providers_1.useWidgetConfig)();
-    const nft = subvariant === 'nft';
-    return ((0, jsx_runtime_1.jsxs)(MainPage_style_1.FormContainer, { disableGutters: true, children: [(0, jsx_runtime_1.jsx)(ActiveTransactions_1.ActiveTransactions, { mx: 3, mt: 1, mb: 1 }), nft ? ((0, jsx_runtime_1.jsx)(ContractComponent_1.ContractComponent, { mx: 3, mt: 1, mb: 1, children: contractComponent })) : null, (0, jsx_runtime_1.jsx)(SelectChainAndToken_1.SelectChainAndToken, { mt: 1, mx: 3, mb: 2 }), !nft ? (0, jsx_runtime_1.jsx)(AmountInput_1.AmountInput, { formType: "from", mx: 3, mb: 2 }) : null, !expandable ? (0, jsx_runtime_1.jsx)(Routes_1.Routes, { mx: 3, mb: 2 }) : null, (0, jsx_runtime_1.jsx)(SendToWallet_1.SendToWallet, { mx: 3, mb: 2 }), (0, jsx_runtime_1.jsx)(GasMessage_1.GasRefuelMessage, { mx: 3, mb: 2 }), (0, jsx_runtime_1.jsx)(MainGasMessage_1.MainGasMessage, { mx: 3, mb: 2 }), (0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", mx: 3, mb: 1, children: [(0, jsx_runtime_1.jsx)(ReviewButton_1.ReviewButton, {}), (0, jsx_runtime_1.jsx)(SendToWallet_1.SendToWalletButton, {})] })] }));
-};
-exports.MainPage = MainPage;

package/cjs/pages/MainPage/MainPage.style.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormContainer = void 0;
-const material_1 = require("@mui/material");
-const styles_1 = require("@mui/material/styles");
-exports.FormContainer = (0, styles_1.styled)(material_1.Container)({
-    display: 'flex',
-    flexDirection: 'column',
-    flexGrow: 1,
-    position: 'relative',
-});

package/cjs/pages/MainPage/ReviewButton.js

@@ -1,62 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReviewButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_hook_form_1 = require("react-hook-form");
-const react_i18next_1 = require("react-i18next");
-const react_router_dom_1 = require("react-router-dom");
-const BaseTransactionButton_1 = require("../../components/BaseTransactionButton");
-const hooks_1 = require("../../hooks");
-const providers_1 = require("../../providers");
-const stores_1 = require("../../stores");
-const utils_1 = require("../../utils");
-const ReviewButton = () => {
-    const { t } = (0, react_i18next_1.useTranslation)();
-    const navigate = (0, react_router_dom_1.useNavigate)();
-    const { isValid, isValidating } = (0, react_hook_form_1.useFormState)();
-    const setExecutableRoute = (0, stores_1.useSetExecutableRoute)();
-    const { subvariant } = (0, providers_1.useWidgetConfig)();
-    const splitState = (0, stores_1.useSplitSubvariantStore)((state) => state.state);
-    const { routes } = (0, hooks_1.useRoutes)();
-    const currentRoute = routes?.[0];
-    const handleClick = async () => {
-        if (currentRoute) {
-            setExecutableRoute(currentRoute);
-            navigate(utils_1.navigationRoutes.transactionExecution, {
-                state: { routeId: currentRoute.id },
-            });
-        }
-    };
-    const getButtonText = () => {
-        if (currentRoute) {
-            switch (subvariant) {
-                case 'nft':
-                    return t(`button.reviewPurchase`);
-                case 'refuel':
-                    return t(`button.reviewBridge`);
-                default:
-                    const transactionType = currentRoute.fromChainId === currentRoute.toChainId
-                        ? 'Swap'
-                        : 'Bridge';
-                    return t(`button.review${transactionType}`);
-            }
-        }
-        else {
-            switch (subvariant) {
-                case 'nft':
-                    return 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 ((0, jsx_runtime_1.jsx)(BaseTransactionButton_1.BaseTransactionButton, { text: getButtonText(), onClick: handleClick, disabled: currentRoute && (isValidating || !isValid) }));
-};
-exports.ReviewButton = ReviewButton;

package/cjs/pages/MainPage/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./MainPage"), exports);

package/cjs/pages/RoutesPage/RoutesPage.js

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RoutesPage = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const ProgressToNextUpdate_1 = require("../../components/ProgressToNextUpdate");
-const RouteCard_1 = require("../../components/RouteCard");
-const hooks_1 = require("../../hooks");
-const stores_1 = require("../../stores");
-const utils_1 = require("../../utils");
-const RoutesPage_style_1 = require("./RoutesPage.style");
-const RoutesPage = () => {
-    const { navigateBack, navigate } = (0, hooks_1.useNavigateBack)();
-    const { routes, isLoading, isFetching, dataUpdatedAt, refetchTime, refetch } = (0, hooks_1.useRoutes)();
-    const setExecutableRoute = (0, stores_1.useSetExecutableRoute)();
-    const headerStoreContext = (0, stores_1.useHeaderStoreContext)();
-    const handleRouteClick = (route) => {
-        setExecutableRoute(route);
-        navigate(utils_1.navigationRoutes.transactionExecution, {
-            state: { routeId: route.id },
-        });
-    };
-    (0, react_1.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
-    }, []);
-    (0, react_1.useEffect)(() => {
-        return headerStoreContext
-            .getState()
-            .setAction((0, jsx_runtime_1.jsx)(ProgressToNextUpdate_1.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 ((0, jsx_runtime_1.jsx)(RoutesPage_style_1.Stack, { direction: "column", spacing: 2, flex: 1, children: routeNotFound ? ((0, jsx_runtime_1.jsx)(RouteCard_1.RouteNotFoundCard, {})) : isLoading ? (Array.from({ length: 3 }).map((_, index) => ((0, jsx_runtime_1.jsx)(RouteCard_1.RouteCardSkeleton, {}, index)))) : (routes?.map((route, index) => ((0, jsx_runtime_1.jsx)(RouteCard_1.RouteCard, { route: route, onClick: () => handleRouteClick(route), active: index === 0, expanded: routes?.length <= 2 }, route.id)))) }));
-};
-exports.RoutesPage = RoutesPage;

package/cjs/pages/RoutesPage/RoutesPage.style.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Stack = void 0;
-const material_1 = require("@mui/material");
-const styles_1 = require("@mui/material/styles");
-exports.Stack = (0, styles_1.styled)(material_1.Stack)(({ theme }) => ({
-    position: 'relative',
-    padding: theme.spacing(1, 3),
-}));

package/cjs/pages/RoutesPage/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./RoutesPage"), exports);

package/cjs/pages/SelectChainPage/SelectChainPage.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectChainPage = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const ChainSelect_1 = require("../../components/ChainSelect");
-const ListItemButton_1 = require("../../components/ListItemButton");
-const ListItemText_1 = require("../../components/ListItemText");
-const TokenList_1 = require("../../components/TokenList");
-const hooks_1 = require("../../hooks");
-const SelectChainPage = ({ formType, selectNativeToken, }) => {
-    const { navigateBack } = (0, hooks_1.useNavigateBack)();
-    const { chains, setCurrentChain } = (0, ChainSelect_1.useChainSelect)(formType);
-    const selectToken = (0, TokenList_1.useTokenSelect)(formType, navigateBack);
-    const handleClick = async (chain) => {
-        if (selectNativeToken) {
-            selectToken(chain.nativeToken.address, chain.id);
-        }
-        else {
-            setCurrentChain(chain.id);
-            navigateBack();
-        }
-    };
-    return ((0, jsx_runtime_1.jsx)(material_1.Container, { disableGutters: true, children: (0, jsx_runtime_1.jsx)(material_1.List, { sx: {
-                paddingLeft: 1.5,
-                paddingRight: 1.5,
-            }, children: chains?.map((chain) => ((0, jsx_runtime_1.jsxs)(ListItemButton_1.ListItemButton, { onClick: () => handleClick(chain), children: [(0, jsx_runtime_1.jsx)(material_1.ListItemAvatar, { children: (0, jsx_runtime_1.jsx)(material_1.Avatar, { src: chain.logoURI, alt: chain.name, children: chain.name[0] }) }), (0, jsx_runtime_1.jsx)(ListItemText_1.ListItemText, { primary: chain.name })] }, chain.id))) }) }));
-};
-exports.SelectChainPage = SelectChainPage;

package/cjs/pages/SelectChainPage/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./SelectChainPage"), exports);

package/cjs/pages/SelectChainPage/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/pages/SelectEnabledToolsPage/SelectEnabledToolsPage.js

@@ -1,54 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectEnabledToolsPage = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const CheckBox_1 = require("@mui/icons-material/CheckBox");
-const CheckBoxOutlineBlankOutlined_1 = require("@mui/icons-material/CheckBoxOutlineBlankOutlined");
-const CheckBoxOutlined_1 = require("@mui/icons-material/CheckBoxOutlined");
-const IndeterminateCheckBoxOutlined_1 = require("@mui/icons-material/IndeterminateCheckBoxOutlined");
-const material_1 = require("@mui/material");
-const react_1 = require("react");
-const shallow_1 = require("zustand/shallow");
-const ListItemText_1 = require("../../components/ListItemText");
-const hooks_1 = require("../../hooks");
-const stores_1 = require("../../stores");
-const SelectEnabledToolsPage_style_1 = require("./SelectEnabledToolsPage.style");
-const SelectEnabledToolsPage = ({ type }) => {
-    const typeKey = type.toLowerCase();
-    const { tools } = (0, hooks_1.useTools)();
-    const [enabledTools, setTools] = (0, stores_1.useSettingsStore)((state) => [state[`enabled${type}`], state.setTools], shallow_1.shallow);
-    const headerStoreContext = (0, stores_1.useHeaderStoreContext)();
-    const handleClick = (key) => {
-        if (!tools) {
-            return;
-        }
-        const toolKeys = tools[typeKey].map((tool) => tool.key);
-        if (enabledTools?.includes(key)) {
-            setTools(type, enabledTools.filter((toolKey) => toolKey !== key), toolKeys);
-        }
-        else {
-            setTools(type, [...enabledTools, key], toolKeys);
-        }
-    };
-    (0, react_1.useEffect)(() => {
-        const allToolsSelected = tools?.[typeKey].length === enabledTools.length;
-        const toggleCheckboxes = () => {
-            if (!tools) {
-                return;
-            }
-            const toolKeys = tools[typeKey].map((tool) => tool.key);
-            if (allToolsSelected) {
-                setTools(type, [], toolKeys);
-            }
-            else {
-                setTools(type, toolKeys, toolKeys);
-            }
-        };
-        return headerStoreContext.getState().setAction((0, jsx_runtime_1.jsx)(material_1.IconButton, { size: "medium", edge: "end", onClick: toggleCheckboxes, children: allToolsSelected ? ((0, jsx_runtime_1.jsx)(CheckBoxOutlined_1.default, {})) : enabledTools.length ? ((0, jsx_runtime_1.jsx)(IndeterminateCheckBoxOutlined_1.default, {})) : ((0, jsx_runtime_1.jsx)(CheckBoxOutlineBlankOutlined_1.default, {})) }));
-    }, [enabledTools.length, headerStoreContext, setTools, tools, type, typeKey]);
-    return ((0, jsx_runtime_1.jsx)(material_1.Container, { disableGutters: true, children: (0, jsx_runtime_1.jsx)(material_1.List, { sx: {
-                paddingLeft: 1.5,
-                paddingRight: 1.5,
-            }, children: tools?.[typeKey].map((tool) => ((0, jsx_runtime_1.jsxs)(SelectEnabledToolsPage_style_1.ListItemButton, { onClick: () => handleClick(tool.key), children: [(0, jsx_runtime_1.jsx)(material_1.ListItemAvatar, { children: (0, jsx_runtime_1.jsx)(material_1.Avatar, { src: tool.logoURI, alt: tool.name, children: tool.name[0] }) }), (0, jsx_runtime_1.jsx)(ListItemText_1.ListItemText, { primary: tool.name }), enabledTools?.includes(tool.key) ? ((0, jsx_runtime_1.jsx)(CheckBox_1.default, { color: "primary" })) : ((0, jsx_runtime_1.jsx)(CheckBoxOutlineBlankOutlined_1.default, {}))] }, tool.name))) }) }));
-};
-exports.SelectEnabledToolsPage = SelectEnabledToolsPage;

package/cjs/pages/SelectEnabledToolsPage/SelectEnabledToolsPage.style.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const ListItemButton: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-}, "className" | "style" | "classes" | "action" | "centerRipple" | "children" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "autoFocus" | "alignItems" | "divider" | "dense" | "selected" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/cjs/pages/SelectEnabledToolsPage/SelectEnabledToolsPage.style.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ListItemButton = void 0;
-const styles_1 = require("@mui/material/styles");
-const ListItemButton_1 = require("../../components/ListItemButton");
-exports.ListItemButton = (0, styles_1.styled)(ListItemButton_1.ListItemButton)(({ theme }) => ({
-    paddingRight: theme.spacing(1),
-}));

package/cjs/pages/SelectEnabledToolsPage/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./SelectEnabledToolsPage"), exports);

package/cjs/pages/SelectNativeTokenPage/SelectNativeTokenPage.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectNativeTokenPage = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_i18next_1 = require("react-i18next");
-const ListItemButton_1 = require("../../components/ListItemButton");
-const ListItemText_1 = require("../../components/ListItemText");
-const TokenAvatar_1 = require("../../components/TokenAvatar");
-const TokenList_1 = require("../../components/TokenList");
-const hooks_1 = require("../../hooks");
-const SelectNativeTokenPage = ({ formType, }) => {
-    const { t } = (0, react_i18next_1.useTranslation)();
-    const { navigateBack } = (0, hooks_1.useNavigateBack)();
-    const { chains } = (0, hooks_1.useChains)();
-    const selectToken = (0, TokenList_1.useTokenSelect)(formType, navigateBack);
-    return ((0, jsx_runtime_1.jsx)(material_1.Container, { disableGutters: true, children: (0, jsx_runtime_1.jsx)(material_1.List, { sx: {
-                paddingLeft: 1.5,
-                paddingRight: 1.5,
-            }, children: chains?.map((chain) => ((0, jsx_runtime_1.jsxs)(ListItemButton_1.ListItemButton, { onClick: () => selectToken(chain.nativeToken.address, chain.id), children: [(0, jsx_runtime_1.jsx)(material_1.ListItemAvatar, { children: (0, jsx_runtime_1.jsx)(TokenAvatar_1.TokenAvatar, { token: chain.nativeToken, chain: chain }) }), (0, jsx_runtime_1.jsx)(ListItemText_1.ListItemText, { primary: chain.nativeToken.symbol, secondary: t('main.onChain', { chainName: chain.name }) })] }, chain.id))) }) }));
-};
-exports.SelectNativeTokenPage = SelectNativeTokenPage;

package/cjs/pages/SelectNativeTokenPage/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./SelectNativeTokenPage"), exports);

package/cjs/pages/SelectTokenPage/SearchTokenInput.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SearchTokenInput = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Search_1 = require("@mui/icons-material/Search");
-const material_1 = require("@mui/material");
-const react_1 = require("react");
-const react_hook_form_1 = require("react-hook-form");
-const react_i18next_1 = require("react-i18next");
-const Card_1 = require("../../components/Card");
-const providers_1 = require("../../providers");
-const SearchTokenInput_style_1 = require("./SearchTokenInput.style");
-const SearchTokenInput = () => {
-    const { t } = (0, react_i18next_1.useTranslation)();
-    const { register, setValue } = (0, react_hook_form_1.useFormContext)();
-    (0, react_1.useEffect)(() => () => {
-        setValue(providers_1.FormKey.TokenSearchFilter, '');
-    }, [setValue]);
-    return ((0, jsx_runtime_1.jsx)(Card_1.Card, { children: (0, jsx_runtime_1.jsx)(material_1.FormControl, { fullWidth: true, children: (0, jsx_runtime_1.jsx)(SearchTokenInput_style_1.Input, { size: "small", placeholder: t(`main.tokenSearch`), defaultValue: "", endAdornment: (0, jsx_runtime_1.jsx)(material_1.InputAdornment, { position: "end", children: (0, jsx_runtime_1.jsx)(Search_1.default, {}) }), inputProps: {
-                    inputMode: 'search',
-                    ...register(providers_1.FormKey.TokenSearchFilter),
-                }, autoComplete: "off" }) }) }));
-};
-exports.SearchTokenInput = SearchTokenInput;

package/cjs/pages/SelectTokenPage/SearchTokenInput.style.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Input = void 0;
-const styles_1 = require("@mui/material/styles");
-const Input_1 = require("../../components/Input");
-exports.Input = (0, styles_1.styled)(Input_1.Input)(({ theme }) => ({
-    paddingRight: theme.spacing(1.5),
-}));

package/cjs/pages/SelectTokenPage/SelectTokenPage.d.ts

@@ -1,3 +0,0 @@
-import type { FC } from 'react';
-import { type FormTypeProps } from '../../providers';
-export declare const SelectTokenPage: FC<FormTypeProps>;

package/cjs/pages/SelectTokenPage/SelectTokenPage.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectTokenPage = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_1 = require("react");
-const ChainSelect_1 = require("../../components/ChainSelect");
-const TokenList_1 = require("../../components/TokenList");
-const hooks_1 = require("../../hooks");
-const SearchTokenInput_1 = require("./SearchTokenInput");
-const minTokenListHeight = 360;
-const SelectTokenPage = ({ formType }) => {
-    (0, hooks_1.useScrollableOverflowHidden)();
-    const { navigateBack } = (0, hooks_1.useNavigateBack)();
-    const headerRef = (0, react_1.useRef)(null);
-    const contentHeight = (0, hooks_1.useContentHeight)();
-    const [tokenListHeight, setTokenListHeight] = (0, react_1.useState)(0);
-    const swapOnly = (0, hooks_1.useSwapOnly)();
-    (0, react_1.useLayoutEffect)(() => {
-        setTokenListHeight(Math.max(contentHeight - (headerRef.current?.offsetHeight ?? 0), minTokenListHeight));
-    }, [contentHeight]);
-    const hideChainSelect = swapOnly && formType === 'to';
-    return ((0, jsx_runtime_1.jsxs)(material_1.Container, { disableGutters: true, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { pt: 1, pb: 2, px: 3, ref: headerRef, children: [!hideChainSelect ? (0, jsx_runtime_1.jsx)(ChainSelect_1.ChainSelect, { formType: formType }) : null, (0, jsx_runtime_1.jsx)(material_1.Box, { mt: !hideChainSelect ? 2 : 0, children: (0, jsx_runtime_1.jsx)(SearchTokenInput_1.SearchTokenInput, {}) })] }), (0, jsx_runtime_1.jsx)(TokenList_1.TokenList, { height: tokenListHeight, onClick: navigateBack, formType: formType })] }));
-};
-exports.SelectTokenPage = SelectTokenPage;

package/cjs/pages/SelectTokenPage/index.js

@@ -1,18 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./SelectTokenPage"), exports);
-__exportStar(require("./types"), exports);

package/cjs/pages/SelectTokenPage/types.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TokenFilterType = void 0;
-var TokenFilterType;
-(function (TokenFilterType) {
-    TokenFilterType[TokenFilterType["My"] = 0] = "My";
-    TokenFilterType[TokenFilterType["All"] = 1] = "All";
-})(TokenFilterType || (exports.TokenFilterType = TokenFilterType = {}));