@lifi/widget 2.9.4 → 3.0.0-alpha.1

package/cjs/pages/SelectWalletPage/SelectWalletPage.js

@@ -1,59 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectWalletPage = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const wallet_management_1 = require("@lifi/wallet-management");
-const material_1 = require("@mui/material");
-const react_1 = require("react");
-const react_i18next_1 = require("react-i18next");
-const Dialog_1 = require("../../components/Dialog");
-const ListItemButton_1 = require("../../components/ListItemButton");
-const ListItemText_1 = require("../../components/ListItemText");
-const hooks_1 = require("../../hooks");
-const providers_1 = require("../../providers");
-const SelectWalletPage = () => {
-    const { t } = (0, react_i18next_1.useTranslation)();
-    const { navigateBack } = (0, hooks_1.useNavigateBack)();
-    const { connect } = (0, providers_1.useWallet)();
-    const [walletIdentity, setWalletIdentity] = (0, react_1.useState)({ show: false });
-    const [wallets, setWallets] = (0, react_1.useState)();
-    const isDesktopView = (0, material_1.useMediaQuery)((theme) => theme.breakpoints.up('sm'));
-    const closeDialog = () => {
-        setWalletIdentity((state) => ({
-            ...state,
-            show: false,
-        }));
-    };
-    const handleConnect = (0, react_1.useCallback)(async (wallet) => {
-        const identityCheckPassed = await wallet.installed();
-        if (!identityCheckPassed) {
-            setWalletIdentity({
-                show: true,
-                wallet,
-            });
-            return;
-        }
-        navigateBack();
-        await connect(wallet);
-    }, [connect, navigateBack]);
-    (0, react_1.useEffect)(() => {
-        Promise.all(wallet_management_1.supportedWallets.map((wallet) => wallet.installed())).then((installed) => {
-            // separate into installed and not installed wallets
-            const installedWallets = wallet_management_1.supportedWallets.filter((_, index) => installed[index]);
-            // always remove Default Wallet from not installed Wallets
-            const notInstalledWallets = wallet_management_1.supportedWallets.filter((wallet, index) => !installed[index] && wallet.name !== 'Default Wallet');
-            const allowedWallets = [...installedWallets];
-            if (isDesktopView) {
-                allowedWallets.push(...notInstalledWallets);
-            }
-            setWallets(allowedWallets);
-        });
-    }, []);
-    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: wallets?.map((wallet) => ((0, jsx_runtime_1.jsxs)(ListItemButton_1.ListItemButton, { onClick: () => handleConnect(wallet), children: [(0, jsx_runtime_1.jsx)(material_1.ListItemAvatar, { children: (0, jsx_runtime_1.jsx)(material_1.Avatar, { src: wallet.icon.src || wallet.icon, alt: wallet.name, children: wallet.name[0] }) }), (0, jsx_runtime_1.jsx)(ListItemText_1.ListItemText, { primary: wallet.name })] }, wallet.name))) }), (0, jsx_runtime_1.jsxs)(Dialog_1.Dialog, { open: walletIdentity.show, onClose: closeDialog, children: [(0, jsx_runtime_1.jsx)(material_1.DialogContent, { children: (0, jsx_runtime_1.jsx)(material_1.DialogContentText, { children: t('wallet.extensionNotFound', {
-                                name: walletIdentity.wallet?.name,
-                            }) }) }), (0, jsx_runtime_1.jsx)(material_1.DialogActions, { children: (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", onClick: closeDialog, autoFocus: true, children: t('button.ok') }) })] })] }));
-};
-exports.SelectWalletPage = SelectWalletPage;

package/cjs/pages/SelectWalletPage/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("./SelectWalletPage"), exports);

package/cjs/pages/SettingsPage/ColorSchemeButtonGroup.d.ts

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

package/cjs/pages/SettingsPage/ColorSchemeButtonGroup.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ColorSchemeButtonGroup = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Brightness4_1 = require("@mui/icons-material/Brightness4");
-const DarkMode_1 = require("@mui/icons-material/DarkMode");
-const LightMode_1 = require("@mui/icons-material/LightMode");
-const material_1 = require("@mui/material");
-const react_i18next_1 = require("react-i18next");
-const providers_1 = require("../../providers");
-const stores_1 = require("../../stores");
-const types_1 = require("../../types");
-const ColorSchemeButtonGroup_style_1 = require("./ColorSchemeButtonGroup.style");
-const ColorSchemeButtonGroup = () => {
-    const { t } = (0, react_i18next_1.useTranslation)();
-    const { hiddenUI } = (0, providers_1.useWidgetConfig)();
-    const [appearance, setAppearance] = (0, stores_1.useAppearance)();
-    if (hiddenUI?.includes(types_1.HiddenUI.Appearance)) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsx)(material_1.Box, { pb: 2, children: (0, jsx_runtime_1.jsxs)(material_1.ToggleButtonGroup, { color: "primary", value: appearance, onChange: (_, value) => {
-                if (value) {
-                    setAppearance(value);
-                }
-            }, exclusive: true, fullWidth: true, children: [(0, jsx_runtime_1.jsxs)(ColorSchemeButtonGroup_style_1.ToggleButton, { value: "light", children: [(0, jsx_runtime_1.jsx)(LightMode_1.default, { sx: { marginRight: 1 } }), t('button.light')] }), (0, jsx_runtime_1.jsxs)(ColorSchemeButtonGroup_style_1.ToggleButton, { value: "dark", children: [(0, jsx_runtime_1.jsx)(DarkMode_1.default, { sx: { marginRight: 1 } }), t('button.dark')] }), (0, jsx_runtime_1.jsxs)(ColorSchemeButtonGroup_style_1.ToggleButton, { value: "auto", children: [(0, jsx_runtime_1.jsx)(Brightness4_1.default, { sx: { marginRight: 1 } }), t('button.auto')] })] }) }));
-};
-exports.ColorSchemeButtonGroup = ColorSchemeButtonGroup;

package/cjs/pages/SettingsPage/ColorSchemeButtonGroup.style.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const ToggleButton: import("@emotion/styled").StyledComponent<import("@mui/material").ToggleButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "className" | "style" | "classes" | "action" | "centerRipple" | "children" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "color" | "onChange" | "onClick" | "disableFocusRipple" | "fullWidth" | "size" | "value" | "selected"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/cjs/pages/SettingsPage/ColorSchemeButtonGroup.style.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToggleButton = void 0;
-const material_1 = require("@mui/material");
-const styles_1 = require("@mui/material/styles");
-const ToggleButton_1 = require("@mui/material/ToggleButton");
-exports.ToggleButton = (0, styles_1.styled)(material_1.ToggleButton)(({ theme }) => ({
-    textTransform: 'none',
-    borderRadius: theme.shape.borderRadius,
-    borderColor: theme.palette.mode === 'light'
-        ? theme.palette.grey[300]
-        : theme.palette.grey[800],
-    [`&.${ToggleButton_1.toggleButtonClasses.selected}`]: {
-        color: theme.palette.mode === 'light'
-            ? theme.palette.primary.main
-            : theme.palette.primary.light,
-        borderColor: 'currentColor !important',
-    },
-}));

package/cjs/pages/SettingsPage/EnabledToolsButton.d.ts

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

package/cjs/pages/SettingsPage/EnabledToolsButton.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EnabledToolsButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ChevronRight_1 = require("@mui/icons-material/ChevronRight");
-const material_1 = require("@mui/material");
-const react_i18next_1 = require("react-i18next");
-const react_router_dom_1 = require("react-router-dom");
-const shallow_1 = require("zustand/shallow");
-const stores_1 = require("../../stores");
-const utils_1 = require("../../utils");
-const EnabledToolsButton_style_1 = require("./EnabledToolsButton.style");
-const EnabledToolsButton = ({ type }) => {
-    const { t } = (0, react_i18next_1.useTranslation)();
-    const navigate = (0, react_router_dom_1.useNavigate)();
-    const [enabledTools, tools] = (0, stores_1.useSettingsStore)((state) => {
-        const enabledTools = Object.values(state[`_enabled${type}`] ?? {});
-        return [enabledTools.filter(Boolean).length, enabledTools.length];
-    }, shallow_1.shallow);
-    const handleClick = () => {
-        navigate(utils_1.navigationRoutes[type.toLowerCase()]);
-    };
-    return ((0, jsx_runtime_1.jsxs)(EnabledToolsButton_style_1.ListItemButton, { onClick: handleClick, children: [(0, jsx_runtime_1.jsx)(EnabledToolsButton_style_1.ListItemText, { primary: t(`settings.enabled${type}`) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(EnabledToolsButton_style_1.ListItemText, { primary: `${enabledTools}/${tools}` }), (0, jsx_runtime_1.jsx)(ChevronRight_1.default, {})] })] }));
-};
-exports.EnabledToolsButton = EnabledToolsButton;

package/cjs/pages/SettingsPage/EnabledToolsButton.style.d.ts

@@ -1,5 +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").Theme>, {}, {}>;
-export declare const ListItemText: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemTextProps<import("react").ElementType<any>, import("react").ElementType<any>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/cjs/pages/SettingsPage/EnabledToolsButton.style.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ListItemText = exports.ListItemButton = void 0;
-const material_1 = require("@mui/material");
-const ListItemText_1 = require("@mui/material/ListItemText");
-const styles_1 = require("@mui/material/styles");
-const ListItemButton_1 = require("../../components/ListItemButton");
-exports.ListItemButton = (0, styles_1.styled)(ListItemButton_1.ListItemButton)(({ theme }) => ({
-    height: 48,
-    paddingRight: theme.spacing(0.5),
-}));
-exports.ListItemText = (0, styles_1.styled)(material_1.ListItemText)({
-    [`.${ListItemText_1.listItemTextClasses.primary}`]: {
-        fontWeight: 400,
-        fontSize: '1rem',
-    },
-});

package/cjs/pages/SettingsPage/GasPriceSelect.d.ts

@@ -1 +0,0 @@
-export declare const GasPriceSelect: () => import("react/jsx-runtime").JSX.Element;

package/cjs/pages/SettingsPage/GasPriceSelect.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GasPriceSelect = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const KeyboardArrowDown_1 = require("@mui/icons-material/KeyboardArrowDown");
-const material_1 = require("@mui/material");
-const react_i18next_1 = require("react-i18next");
-const Card_1 = require("../../components/Card");
-const Select_1 = require("../../components/Select");
-const stores_1 = require("../../stores");
-const GasPriceSelect = () => {
-    const { t } = (0, react_i18next_1.useTranslation)();
-    const setValue = (0, stores_1.useSettingsStore)((state) => state.setValue);
-    const { gasPrice } = (0, stores_1.useSettings)(['gasPrice']);
-    return ((0, jsx_runtime_1.jsxs)(Card_1.Card, { flex: 1, children: [(0, jsx_runtime_1.jsx)(Card_1.CardTitle, { children: t(`settings.gasPrice.title`) }), (0, jsx_runtime_1.jsx)(material_1.FormControl, { fullWidth: true, children: (0, jsx_runtime_1.jsxs)(Select_1.Select, { MenuProps: { elevation: 2 }, value: gasPrice, onChange: (event) => setValue('gasPrice', event.target.value), IconComponent: KeyboardArrowDown_1.default, dense: true, children: [(0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: "slow", children: t(`settings.gasPrice.slow`) }), (0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: "normal", children: t(`settings.gasPrice.normal`) }), (0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: "fast", children: t(`settings.gasPrice.fast`) })] }) })] }));
-};
-exports.GasPriceSelect = GasPriceSelect;

package/cjs/pages/SettingsPage/LanguageSelect.d.ts

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

package/cjs/pages/SettingsPage/LanguageSelect.js

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LanguageSelect = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const KeyboardArrowDown_1 = require("@mui/icons-material/KeyboardArrowDown");
-const material_1 = require("@mui/material");
-const react_i18next_1 = require("react-i18next");
-const Card_1 = require("../../components/Card");
-const Select_1 = require("../../components/Select");
-const providers_1 = require("../../providers");
-const stores_1 = require("../../stores");
-const types_1 = require("../../types");
-const LanguageSelect = () => {
-    const { t, i18n } = (0, react_i18next_1.useTranslation)();
-    const { languages, hiddenUI } = (0, providers_1.useWidgetConfig)();
-    const setValue = (0, stores_1.useSettingsStore)((state) => state.setValue);
-    const { language } = (0, stores_1.useSettings)(['language']);
-    if (hiddenUI?.includes(types_1.HiddenUI.Language)) {
-        return null;
-    }
-    const handleChangeLanguage = (event) => {
-        const language = event.target.value;
-        setValue('language', language);
-        i18n.changeLanguage(language);
-    };
-    const filteredLanguages = Object.keys(i18n.store.data).sort();
-    if (filteredLanguages.length <= 1) {
-        return null;
-    }
-    const value = filteredLanguages.includes(language || i18n.resolvedLanguage || '')
-        ? language || i18n.resolvedLanguage
-        : languages?.default || languages?.allow?.[0];
-    return ((0, jsx_runtime_1.jsxs)(Card_1.Card, { mb: 2, children: [(0, jsx_runtime_1.jsx)(Card_1.CardTitle, { children: t(`language.title`) }), (0, jsx_runtime_1.jsx)(material_1.FormControl, { fullWidth: true, children: (0, jsx_runtime_1.jsx)(Select_1.Select, { MenuProps: { elevation: 2 }, value: value, onChange: handleChangeLanguage, IconComponent: KeyboardArrowDown_1.default, dense: true, children: filteredLanguages.map((lng) => {
-                        return ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: lng, children: t('language.name', { lng }) }, lng));
-                    }) }) })] }));
-};
-exports.LanguageSelect = LanguageSelect;

package/cjs/pages/SettingsPage/ResetSettingsButton.js

@@ -1,57 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ResetSettingsButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_1 = require("react");
-const react_i18next_1 = require("react-i18next");
-const Dialog_1 = require("../../components/Dialog");
-const hooks_1 = require("../../hooks");
-const providers_1 = require("../../providers");
-const stores_1 = require("../../stores");
-const ResetSettingsButton_style_1 = require("./ResetSettingsButton.style");
-const icons_material_1 = require("@mui/icons-material");
-const shallow_1 = require("zustand/shallow");
-const ResetSettingsButton = () => {
-    const [enabledBridges, enabledExchanges, routePriority, slippage, gasPrice] = (0, stores_1.useSettingsStore)((state) => [
-        state.enabledBridges,
-        state.enabledExchanges,
-        state.routePriority,
-        state.slippage,
-        state.gasPrice,
-    ], shallow_1.shallow);
-    const { t } = (0, react_i18next_1.useTranslation)();
-    const { tools } = (0, hooks_1.useTools)();
-    const config = (0, providers_1.useWidgetConfig)();
-    const resetSettings = (0, stores_1.useSettingsStore)((state) => state.reset);
-    const [open, setOpen] = (0, react_1.useState)(false);
-    const toggleDialog = (0, react_1.useCallback)(() => {
-        setOpen((open) => !open);
-    }, []);
-    const handleReset = () => {
-        if (tools) {
-            resetSettings(config, tools.bridges.map((tool) => tool.key), tools.exchanges.map((tool) => tool.key));
-            (0, stores_1.setDefaultSettings)(config);
-        }
-        toggleDialog();
-    };
-    const isSlippageChanged = config.slippage
-        ? Number(slippage) !== config.slippage * 100
-        : slippage !== stores_1.defaultConfigurableSettings.slippage;
-    const isRoutePriorityChanged = config.routePriority
-        ? routePriority !== config.routePriority
-        : routePriority !== stores_1.defaultConfigurableSettings.routePriority;
-    const isGasPriceChanged = gasPrice !== stores_1.defaultConfigurableSettings.gasPrice;
-    const isCustomRouteSettings = tools?.bridges?.length !== enabledBridges?.length ||
-        tools?.exchanges?.length !== enabledExchanges?.length ||
-        isSlippageChanged ||
-        isRoutePriorityChanged ||
-        isGasPriceChanged;
-    if (!isCustomRouteSettings) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsx)(material_1.Box, { px: 3, mt: 1.5, mb: 1, children: (0, jsx_runtime_1.jsxs)(ResetSettingsButton_style_1.ResetButtonContainer, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", marginBottom: "12px", children: [(0, jsx_runtime_1.jsx)(icons_material_1.InfoRounded, { sx: {
-                                marginRight: '8px',
-                            } }), (0, jsx_runtime_1.jsx)(material_1.Box, { fontSize: 14, children: t(`settings.resetSettings`) })] }), (0, jsx_runtime_1.jsx)(material_1.Button, { onClick: toggleDialog, fullWidth: true, children: t('button.resetSettings') }), (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.resetSettings') }), (0, jsx_runtime_1.jsx)(material_1.DialogContent, { children: (0, jsx_runtime_1.jsx)(material_1.DialogContentText, { children: t('warning.message.resetSettings') }) }), (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: handleReset, autoFocus: true, children: t('button.reset') })] })] })] }) }));
-};
-exports.ResetSettingsButton = ResetSettingsButton;

package/cjs/pages/SettingsPage/ResetSettingsButton.style.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ResetButtonContainer = void 0;
-const utils_1 = require("../../utils");
-const material_1 = require("@mui/material");
-exports.ResetButtonContainer = (0, material_1.styled)(material_1.Box)(({ theme }) => ({
-    background: (0, utils_1.getContrastAlphaColor)(theme.palette.mode, '4%'),
-    borderRadius: '16px',
-    padding: '16px',
-    [`svg`]: {
-        fill: (0, utils_1.getContrastAlphaColor)(theme.palette.mode, '40%'),
-    },
-}));

package/cjs/pages/SettingsPage/RoutePrioritySelect.d.ts

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

package/cjs/pages/SettingsPage/RoutePrioritySelect.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RoutePrioritySelect = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const sdk_1 = require("@lifi/sdk");
-const KeyboardArrowDown_1 = require("@mui/icons-material/KeyboardArrowDown");
-const material_1 = require("@mui/material");
-const react_i18next_1 = require("react-i18next");
-const Card_1 = require("../../components/Card");
-const Select_1 = require("../../components/Select");
-const stores_1 = require("../../stores");
-const RoutePrioritySelect = () => {
-    const { t } = (0, react_i18next_1.useTranslation)();
-    const setValue = (0, stores_1.useSettingsStore)((state) => state.setValue);
-    const { routePriority } = (0, stores_1.useSettings)(['routePriority']);
-    const value = routePriority ?? '';
-    return ((0, jsx_runtime_1.jsxs)(Card_1.Card, { children: [(0, jsx_runtime_1.jsx)(Card_1.CardTitle, { children: t(`settings.routePriority`) }), (0, jsx_runtime_1.jsx)(material_1.FormControl, { fullWidth: true, children: (0, jsx_runtime_1.jsx)(Select_1.Select, { MenuProps: { elevation: 2 }, value: value, onChange: (event) => setValue('routePriority', event.target.value), IconComponent: KeyboardArrowDown_1.default, dense: true, children: sdk_1.Orders.map((order) => {
-                        const tag = t(`main.tags.${order.toLowerCase()}`);
-                        const tagName = `${tag[0]}${tag.slice(1).toLowerCase()}`;
-                        return ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: order, children: tagName }, order));
-                    }) }) })] }));
-};
-exports.RoutePrioritySelect = RoutePrioritySelect;

package/cjs/pages/SettingsPage/SettingsPage.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SettingsPage = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const ColorSchemeButtonGroup_1 = require("./ColorSchemeButtonGroup");
-const EnabledToolsButton_1 = require("./EnabledToolsButton");
-const GasPriceSelect_1 = require("./GasPriceSelect");
-const LanguageSelect_1 = require("./LanguageSelect");
-const ResetSettingsButton_1 = require("./ResetSettingsButton");
-const RoutePrioritySelect_1 = require("./RoutePrioritySelect");
-const ShowDestinationWallet_1 = require("./ShowDestinationWallet");
-const SlippageInput_1 = require("./SlippageInput");
-const SettingsPage = () => {
-    return ((0, jsx_runtime_1.jsxs)(material_1.Container, { disableGutters: true, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { px: 3, pt: 1, children: [(0, jsx_runtime_1.jsx)(ColorSchemeButtonGroup_1.ColorSchemeButtonGroup, {}), (0, jsx_runtime_1.jsx)(LanguageSelect_1.LanguageSelect, {}), (0, jsx_runtime_1.jsx)(RoutePrioritySelect_1.RoutePrioritySelect, {}), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { display: 'flex', alignItems: 'center' }, mt: 2, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { pr: 2, flex: 1, children: (0, jsx_runtime_1.jsx)(SlippageInput_1.SlippageInput, {}) }), (0, jsx_runtime_1.jsx)(GasPriceSelect_1.GasPriceSelect, {})] })] }), (0, jsx_runtime_1.jsx)(ShowDestinationWallet_1.ShowDestinationWallet, {}), (0, jsx_runtime_1.jsxs)(material_1.Box, { px: 1.5, children: [(0, jsx_runtime_1.jsx)(EnabledToolsButton_1.EnabledToolsButton, { type: "Bridges" }), (0, jsx_runtime_1.jsx)(EnabledToolsButton_1.EnabledToolsButton, { type: "Exchanges" })] }), (0, jsx_runtime_1.jsx)(ResetSettingsButton_1.ResetSettingsButton, {})] }));
-};
-exports.SettingsPage = SettingsPage;

package/cjs/pages/SettingsPage/ShowDestinationWallet.d.ts

@@ -1 +0,0 @@
-export declare const ShowDestinationWallet: () => import("react/jsx-runtime").JSX.Element | null;

package/cjs/pages/SettingsPage/ShowDestinationWallet.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ShowDestinationWallet = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_i18next_1 = require("react-i18next");
-const Switch_1 = require("../../components/Switch");
-const providers_1 = require("../../providers");
-const stores_1 = require("../../stores");
-const types_1 = require("../../types");
-const ShowDestinationWallet = () => {
-    const { t } = (0, react_i18next_1.useTranslation)();
-    const { hiddenUI } = (0, providers_1.useWidgetConfig)();
-    const setSendToWallet = (0, stores_1.useSendToWalletStore)((state) => state.setSendToWallet);
-    const setValue = (0, stores_1.useSettingsStore)((state) => state.setValue);
-    const { showDestinationWallet } = (0, stores_1.useSettings)(['showDestinationWallet']);
-    if (hiddenUI?.includes(types_1.HiddenUI.ToAddress)) {
-        return null;
-    }
-    const onChange = (_, checked) => {
-        setValue('showDestinationWallet', checked);
-        setSendToWallet(false);
-    };
-    return ((0, jsx_runtime_1.jsx)(material_1.Box, { px: 3, pt: 2, pb: 1.5, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
-                display: 'flex',
-                justifyContent: 'space-between',
-                alignItems: 'center',
-            }, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: { display: 'flex', alignItems: 'center' }, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "subtitle1", color: "text.primary", lineHeight: "normal", children: t(`settings.showDestinationWallet`) }) }), (0, jsx_runtime_1.jsx)(Switch_1.Switch, { checked: showDestinationWallet, onChange: onChange })] }) }));
-};
-exports.ShowDestinationWallet = ShowDestinationWallet;

package/cjs/pages/SettingsPage/SlippageInput.d.ts

@@ -1 +0,0 @@
-export declare const SlippageInput: () => import("react/jsx-runtime").JSX.Element;

package/cjs/pages/SettingsPage/SlippageInput.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SlippageInput = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_1 = require("react");
-const react_i18next_1 = require("react-i18next");
-const Card_1 = require("../../components/Card");
-const Input_1 = require("../../components/Input");
-const stores_1 = require("../../stores");
-const utils_1 = require("../../utils");
-const SlippageInput = () => {
-    const { t } = (0, react_i18next_1.useTranslation)();
-    const { slippage } = (0, stores_1.useSettings)(['slippage']);
-    const setValue = (0, stores_1.useSettingsStore)((state) => state.setValue);
-    const defaultValue = (0, react_1.useRef)(slippage);
-    const handleChange = (event) => {
-        const { value } = event.target;
-        setValue('slippage', (0, utils_1.formatSlippage)(value, defaultValue.current, true));
-    };
-    const handleBlur = (event) => {
-        const { value } = event.target;
-        setValue('slippage', (0, utils_1.formatSlippage)(value, defaultValue.current));
-    };
-    const value = slippage ?? '';
-    return ((0, jsx_runtime_1.jsxs)(Card_1.Card, { children: [(0, jsx_runtime_1.jsx)(Card_1.CardTitle, { children: t(`settings.slippage`) }), (0, jsx_runtime_1.jsx)(material_1.FormControl, { fullWidth: true, children: (0, jsx_runtime_1.jsx)(Input_1.Input, { size: "small", placeholder: t(`settings.slippage`), endAdornment: (0, jsx_runtime_1.jsx)(material_1.InputAdornment, { position: "end", children: "%" }), autoComplete: "off", inputProps: {
-                        inputMode: 'decimal',
-                    }, onChange: handleChange, onBlur: handleBlur, value: value }) })] }));
-};
-exports.SlippageInput = SlippageInput;

package/cjs/pages/SettingsPage/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("./SettingsPage"), exports);

package/cjs/pages/TransactionDetailsPage/ContactSupportButton.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContactSupportButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_i18next_1 = require("react-i18next");
-const hooks_1 = require("../../hooks/");
-const events_1 = require("../../types/events");
-const ContactSupportButton = ({ supportId, }) => {
-    const { t } = (0, react_i18next_1.useTranslation)();
-    const widgetEvents = (0, hooks_1.useWidgetEvents)();
-    const handleClick = () => {
-        if (!widgetEvents.all.has(events_1.WidgetEvent.RouteContactSupport)) {
-            const url = 'https://discord.gg/lifi';
-            const target = '_blank';
-            const rel = 'nofollow noreferrer';
-            window.open(url, target, rel);
-        }
-        else {
-            widgetEvents.emit(events_1.WidgetEvent.RouteContactSupport, { supportId });
-        }
-    };
-    return ((0, jsx_runtime_1.jsx)(material_1.Button, { onClick: handleClick, fullWidth: true, children: t('button.contactSupport') }));
-};
-exports.ContactSupportButton = ContactSupportButton;

package/cjs/pages/TransactionDetailsPage/TransactionDetailsPage.js

@@ -1,66 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TransactionDetailsPage = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ContentCopyRounded_1 = require("@mui/icons-material/ContentCopyRounded");
-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 react_router_dom_1 = require("react-router-dom");
-const shallow_1 = require("zustand/shallow");
-const Card_1 = require("../../components/Card");
-const ContractComponent_1 = require("../../components/ContractComponent");
-const Dialog_1 = require("../../components/Dialog");
-const Insurance_1 = require("../../components/Insurance");
-const Step_1 = require("../../components/Step");
-const hooks_1 = require("../../hooks");
-const providers_1 = require("../../providers");
-const stores_1 = require("../../stores");
-const utils_1 = require("../../utils");
-const ContactSupportButton_1 = require("./ContactSupportButton");
-const TransactionDetailsPage_style_1 = require("./TransactionDetailsPage.style");
-const TransactionDetailsPage = () => {
-    const { t, i18n } = (0, react_i18next_1.useTranslation)();
-    const { navigateBack } = (0, hooks_1.useNavigateBack)();
-    const { subvariant, contractComponent, contractSecondaryComponent } = (0, providers_1.useWidgetConfig)();
-    const { state } = (0, react_router_dom_1.useLocation)();
-    const [routeExecution, deleteRoute] = (0, stores_1.useRouteExecutionStore)((store) => [store.routes[state?.routeId], store.deleteRoute], shallow_1.shallow);
-    const headerStoreContext = (0, stores_1.useHeaderStoreContext)();
-    const [open, setOpen] = (0, react_1.useState)(false);
-    const toggleDialog = (0, react_1.useCallback)(() => {
-        setOpen((open) => !open);
-    }, []);
-    const handleDeleteRoute = () => {
-        navigateBack();
-        if (routeExecution) {
-            deleteRoute(routeExecution.route.id);
-        }
-    };
-    const sourceTxHash = routeExecution?.route.steps[0].execution?.process
-        .filter((process) => process.type !== 'TOKEN_ALLOWANCE')
-        .find((process) => process.txHash)?.txHash;
-    const insuranceCoverageId = sourceTxHash ?? routeExecution?.route.fromAddress;
-    let supportId = sourceTxHash ?? routeExecution?.route.id ?? '';
-    if (process.env.NODE_ENV === 'development') {
-        supportId += `_${routeExecution?.route.id}`;
-    }
-    const copySupportId = async () => {
-        await navigator.clipboard.writeText(supportId);
-    };
-    (0, react_1.useEffect)(() => {
-        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, {}) }));
-    }, [headerStoreContext, toggleDialog]);
-    const startedAt = new Date(routeExecution?.route.steps[0].execution?.process[0].startedAt ?? 0);
-    return ((0, jsx_runtime_1.jsxs)(TransactionDetailsPage_style_1.Container, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
-                    display: 'flex',
-                    flex: 1,
-                    justifyContent: 'space-between',
-                }, pb: 1, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 12, children: new Intl.DateTimeFormat(i18n.language, { dateStyle: 'long' }).format(startedAt) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 12, children: new Intl.DateTimeFormat(i18n.language, {
-                            timeStyle: 'short',
-                        }).format(startedAt) })] }), (0, Step_1.getStepList)(routeExecution?.route, subvariant), subvariant === 'nft' ? ((0, jsx_runtime_1.jsx)(ContractComponent_1.ContractComponent, { mt: 2, children: contractSecondaryComponent || contractComponent })) : null, routeExecution?.route?.insurance?.state === 'INSURED' ? ((0, jsx_runtime_1.jsx)(Insurance_1.Insurance, { mt: 2, status: routeExecution.status, feeAmountUsd: routeExecution.route.insurance.feeAmountUsd, insuredAmount: (0, utils_1.formatTokenAmount)(routeExecution.route.toAmountMin, routeExecution.route.toToken.decimals), insuredTokenSymbol: routeExecution.route.toToken.symbol, insurableRouteId: routeExecution.route.id, insuranceCoverageId: insuranceCoverageId })) : null, (0, jsx_runtime_1.jsxs)(Card_1.Card, { mt: 2, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
-                            display: 'flex',
-                            flex: 1,
-                        }, children: [(0, jsx_runtime_1.jsx)(Card_1.CardTitle, { flex: 1, children: t('main.supportId') }), (0, jsx_runtime_1.jsx)(material_1.Box, { mr: 1, mt: 1, children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { size: "medium", onClick: copySupportId, children: (0, jsx_runtime_1.jsx)(ContentCopyRounded_1.default, { fontSize: "small" }) }) })] }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", pt: 1, pb: 2, px: 2, sx: { wordBreak: 'break-all' }, children: supportId })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { mt: 2, children: (0, jsx_runtime_1.jsx)(ContactSupportButton_1.ContactSupportButton, { supportId: supportId }) }), (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.deleteTransaction') }), (0, jsx_runtime_1.jsx)(material_1.DialogContent, { children: (0, jsx_runtime_1.jsx)(material_1.DialogContentText, { children: t('warning.message.deleteTransactionHistory') }) }), (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: handleDeleteRoute, autoFocus: true, children: t('button.delete') })] })] })] }));
-};
-exports.TransactionDetailsPage = TransactionDetailsPage;

package/cjs/pages/TransactionDetailsPage/TransactionDetailsPage.style.js

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

package/cjs/pages/TransactionDetailsPage/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("./TransactionDetailsPage"), exports);

package/cjs/pages/TransactionHistoryPage/TransactionHistoryEmpty.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TransactionHistoryEmpty = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ReceiptLongRounded_1 = require("@mui/icons-material/ReceiptLongRounded");
-const material_1 = require("@mui/material");
-const react_i18next_1 = require("react-i18next");
-const TransactionHistoryEmpty = () => {
-    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)(ReceiptLongRounded_1.default, { fontSize: "inherit" }) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 18, fontWeight: 700, children: t('info.title.emptyTransactionHistory') }), (0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 14, color: "text.secondary", textAlign: "center", mt: 2, children: t('info.message.emptyTransactionHistory') })] }));
-};
-exports.TransactionHistoryEmpty = TransactionHistoryEmpty;