@lifi/widget 1.31.1 → 1.32.0

package/utils/colors.js

@@ -3,6 +3,6 @@ import { getContrastRatio } from '@mui/material/styles';
 export const getContrastAlphaColor = (theme, alpha) => theme.palette.mode === 'light'
     ? `rgb(0 0 0 / ${alpha})`
     : `rgb(255 255 255 / ${alpha})`;
-export const getContrastTextColor = (theme, background) => getContrastRatio(common.white, background !== null && background !== void 0 ? background : theme.palette.primary.main) >= 3
+export const getContrastTextColor = (theme, background) => getContrastRatio(common.white, background ?? theme.palette.primary.main) >= 3
     ? common.white
     : common.black;

package/utils/format.js

@@ -11,14 +11,14 @@ Big.NE = -42;
 export const formatTokenAmount = (amount = '0', decimals = 0, decimalPlaces = 3) => {
     let shiftedAmount = amount;
     if (decimals) {
-        shiftedAmount = (Number(amount) / Math.pow(10, decimals)).toString();
+        shiftedAmount = (Number(amount) / 10 ** decimals).toString();
     }
     const parsedAmount = parseFloat(shiftedAmount);
     if (parsedAmount === 0 || isNaN(Number(shiftedAmount))) {
         return '0';
     }
     const absAmount = Math.abs(parsedAmount);
-    while (absAmount < 1 / Math.pow(10, decimalPlaces)) {
+    while (absAmount < 1 / 10 ** decimalPlaces) {
         decimalPlaces++;
     }
     return Big(parseFloat(Big(parsedAmount).toFixed(decimalPlaces + 1, 0))).toString();
@@ -65,7 +65,7 @@ export const formatAmount = (amount = '', returnInitial = false) => {
             return formattedAmount;
         }
     }
-    catch (_a) {
+    catch {
         return '';
     }
     return Big(parsedAmount).toString();

package/utils/navigationRoutes.d.ts

@@ -1,6 +1,8 @@
 export declare const navigationRoutes: {
     home: string;
     activeSwaps: string;
+    bridges: string;
+    exchanges: string;
     fromChain: string;
     fromToken: string;
     selectWallet: string;

package/utils/navigationRoutes.js

@@ -1,6 +1,8 @@
 export const navigationRoutes = {
     home: '/',
     activeSwaps: 'active-swaps',
+    bridges: 'bridges',
+    exchanges: 'exchanges',
     fromChain: 'from-chain',
     fromToken: 'from-token',
     selectWallet: 'wallet',
@@ -16,6 +18,8 @@ export const navigationRoutes = {
 export const navigationRoutesValues = Object.values(navigationRoutes);
 export const stickyHeaderRoutes = [
     navigationRoutes.activeSwaps,
+    navigationRoutes.bridges,
+    navigationRoutes.exchanges,
     navigationRoutes.fromChain,
     navigationRoutes.home,
     navigationRoutes.selectWallet,
@@ -29,6 +33,8 @@ export const stickyHeaderRoutes = [
 ];
 export const backButtonRoutes = [
     navigationRoutes.activeSwaps,
+    navigationRoutes.bridges,
+    navigationRoutes.exchanges,
     navigationRoutes.fromChain,
     navigationRoutes.fromToken,
     navigationRoutes.selectWallet,

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

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const AdvancedPreferences: () => JSX.Element;

package/cjs/pages/SettingsPage/AdvancedPreferences.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AdvancedPreferences = 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 stores_1 = require("../../stores");
-const EnabledBridgesSelect_1 = require("./EnabledBridgesSelect");
-const EnabledExchangesSelect_1 = require("./EnabledExchangesSelect");
-const AdvancedPreferences = () => {
-    const { t } = (0, react_i18next_1.useTranslation)();
-    const setValue = (0, stores_1.useSettingsStore)((state) => state.setValue);
-    const { advancedPreferences } = (0, stores_1.useSettings)(['advancedPreferences']);
-    const handleAdvancedPreferences = (_, checked) => {
-        setValue('advancedPreferences', checked);
-    };
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ px: 3, pt: 2 }, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ sx: {
-                    display: 'flex',
-                    justifyContent: 'space-between',
-                    alignItems: 'center',
-                } }, { children: [(0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ sx: { display: 'flex', alignItems: 'center' } }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "subtitle1", color: "text.primary", lineHeight: "normal" }, { children: t(`settings.advancedPreferences`) })) })), (0, jsx_runtime_1.jsx)(Switch_1.Switch, { checked: advancedPreferences, onChange: handleAdvancedPreferences })] })), advancedPreferences && ((0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ mt: 2, mb: 1 }, { children: [(0, jsx_runtime_1.jsx)(EnabledBridgesSelect_1.EnabledBridgesSelect, {}), (0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ mt: 2 }, { children: (0, jsx_runtime_1.jsx)(EnabledExchangesSelect_1.EnabledExchangesSelect, {}) }))] })))] })));
-};
-exports.AdvancedPreferences = AdvancedPreferences;

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

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

package/cjs/pages/SettingsPage/EnabledBridgesSelect.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EnabledBridgesSelect = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const icons_material_1 = require("@mui/icons-material");
-const material_1 = require("@mui/material");
-const react_i18next_1 = require("react-i18next");
-const shallow_1 = require("zustand/shallow");
-const Card_1 = require("../../components/Card");
-const Select_1 = require("../../components/Select");
-const hooks_1 = require("../../hooks");
-const stores_1 = require("../../stores");
-const EnabledBridgesSelect = () => {
-    const { t } = (0, react_i18next_1.useTranslation)();
-    const { tools, formattedTools } = (0, hooks_1.useTools)();
-    const [enabledBridges, setTools] = (0, stores_1.useSettingsStore)((state) => [state.enabledBridges, state.setTools], shallow_1.shallow);
-    return (tools === null || tools === void 0 ? void 0 : tools.bridges.length) ? ((0, jsx_runtime_1.jsxs)(Card_1.Card, { children: [(0, jsx_runtime_1.jsx)(Card_1.CardTitle, { children: t(`settings.enabledBridges`) }), (0, jsx_runtime_1.jsx)(material_1.FormControl, Object.assign({ fullWidth: true }, { children: (0, jsx_runtime_1.jsx)(Select_1.Select, Object.assign({ multiple: true, placeholder: t(`settings.selectEnabledBridges`), MenuProps: { elevation: 2, PaperProps: { sx: { maxHeight: 320 } } }, IconComponent: icons_material_1.KeyboardArrowDown, value: enabledBridges !== null && enabledBridges !== void 0 ? enabledBridges : [], onChange: (event) => {
-                        setTools('Bridges', event.target.value, tools.bridges);
-                    }, renderValue: (selected) => ((0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ sx: { display: 'flex', flexWrap: 'wrap', gap: 0.5 } }, { children: selected.map((value) => {
-                            var _a, _b, _c;
-                            return ((0, jsx_runtime_1.jsx)(material_1.Chip, { label: (_c = (_b = (_a = formattedTools.bridges) === null || _a === void 0 ? void 0 : _a[value]) === null || _b === void 0 ? void 0 : _b.name) !== null && _c !== void 0 ? _c : value }, value));
-                        }) }))) }, { children: tools.bridges.map((bridge) => ((0, jsx_runtime_1.jsxs)(material_1.MenuItem, Object.assign({ value: bridge.key, sx: { paddingTop: 0, paddingBottom: 0 } }, { children: [(0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: enabledBridges === null || enabledBridges === void 0 ? void 0 : enabledBridges.includes(bridge.key) }), bridge.name] }), bridge.key))) })) }))] })) : ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "rectangular", width: "100%", height: 134, sx: { borderRadius: 1 } }));
-};
-exports.EnabledBridgesSelect = EnabledBridgesSelect;

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

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

package/cjs/pages/SettingsPage/EnabledExchangesSelect.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EnabledExchangesSelect = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const icons_material_1 = require("@mui/icons-material");
-const material_1 = require("@mui/material");
-const react_i18next_1 = require("react-i18next");
-const shallow_1 = require("zustand/shallow");
-const Card_1 = require("../../components/Card");
-const Select_1 = require("../../components/Select");
-const hooks_1 = require("../../hooks");
-const stores_1 = require("../../stores");
-const EnabledExchangesSelect = () => {
-    const { t } = (0, react_i18next_1.useTranslation)();
-    const { tools, formattedTools } = (0, hooks_1.useTools)();
-    const [enabledExchanges, setTools] = (0, stores_1.useSettingsStore)((state) => [state.enabledExchanges, state.setTools], shallow_1.shallow);
-    return (tools === null || tools === void 0 ? void 0 : tools.exchanges.length) ? ((0, jsx_runtime_1.jsxs)(Card_1.Card, { children: [(0, jsx_runtime_1.jsx)(Card_1.CardTitle, { children: t(`settings.enabledExchanges`) }), (0, jsx_runtime_1.jsx)(material_1.FormControl, Object.assign({ fullWidth: true }, { children: (0, jsx_runtime_1.jsx)(Select_1.Select, Object.assign({ multiple: true, placeholder: t(`settings.selectEnabledExchanges`), value: enabledExchanges !== null && enabledExchanges !== void 0 ? enabledExchanges : [], onChange: (event) => {
-                        setTools('Exchanges', event.target.value, tools.exchanges);
-                    }, MenuProps: { elevation: 2, PaperProps: { sx: { maxHeight: 320 } } }, IconComponent: icons_material_1.KeyboardArrowDown, renderValue: (selected) => ((0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ sx: { display: 'flex', flexWrap: 'wrap', gap: 0.5 } }, { children: selected.map((value) => {
-                            var _a, _b, _c;
-                            return ((0, jsx_runtime_1.jsx)(material_1.Chip, { label: (_c = (_b = (_a = formattedTools.exchanges) === null || _a === void 0 ? void 0 : _a[value]) === null || _b === void 0 ? void 0 : _b.name) !== null && _c !== void 0 ? _c : value }, value));
-                        }) }))) }, { children: tools.exchanges.map((exchange) => ((0, jsx_runtime_1.jsxs)(material_1.MenuItem, Object.assign({ value: exchange.key, sx: { paddingTop: 0, paddingBottom: 0 } }, { children: [(0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: enabledExchanges === null || enabledExchanges === void 0 ? void 0 : enabledExchanges.includes(exchange.key) }), exchange.name] }), exchange.key))) })) }))] })) : ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "rectangular", width: "100%", height: 206, sx: { borderRadius: 1 } }));
-};
-exports.EnabledExchangesSelect = EnabledExchangesSelect;

package/pages/SelectChainPage/SelectChainPage.style.js

@@ -1,17 +0,0 @@
-import { ListItemButton as MuiListItemButton, ListItemText as MuiListItemText, } from '@mui/material';
-import { listItemTextClasses } from '@mui/material/ListItemText';
-import { styled } from '@mui/material/styles';
-import { getContrastAlphaColor } from '../../utils';
-export const ListItemButton = styled(MuiListItemButton)(({ theme }) => ({
-    borderRadius: theme.shape.borderRadius,
-    paddingLeft: theme.spacing(1.5),
-    height: 56,
-    '&:hover': {
-        backgroundColor: getContrastAlphaColor(theme, '4%'),
-    },
-}));
-export const ListItemText = styled(MuiListItemText)(({ theme }) => ({
-    [`.${listItemTextClasses.primary}`]: {
-        fontWeight: 400,
-    },
-}));

package/pages/SelectNativeTokenPage/SelectNativeTokenPage.style.d.ts

@@ -1,21 +0,0 @@
-/// <reference types="react" />
-export declare const ListItemButton: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemButtonBaseProps & Omit<{
-    action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
-    centerRipple?: boolean | undefined;
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
-    disabled?: boolean | undefined;
-    disableRipple?: boolean | undefined;
-    disableTouchRipple?: boolean | undefined;
-    focusRipple?: boolean | undefined;
-    focusVisibleClassName?: string | undefined;
-    LinkComponent?: import("react").ElementType<any> | undefined;
-    onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-    tabIndex?: number | undefined;
-    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
-    touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
-}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
-    ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-}, "className" | "style" | "classes" | "tabIndex" | "children" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "alignItems" | "autoFocus" | "dense" | "divider" | "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/pages/SelectNativeTokenPage/SelectNativeTokenPage.style.js

@@ -1,17 +0,0 @@
-import { ListItemButton as MuiListItemButton, ListItemText as MuiListItemText, } from '@mui/material';
-import { listItemTextClasses } from '@mui/material/ListItemText';
-import { styled } from '@mui/material/styles';
-import { getContrastAlphaColor } from '../../utils';
-export const ListItemButton = styled(MuiListItemButton)(({ theme }) => ({
-    borderRadius: theme.shape.borderRadius,
-    paddingLeft: theme.spacing(1.5),
-    height: 56,
-    '&:hover': {
-        backgroundColor: getContrastAlphaColor(theme, '4%'),
-    },
-}));
-export const ListItemText = styled(MuiListItemText)(({ theme }) => ({
-    [`.${listItemTextClasses.primary}`]: {
-        fontWeight: 400,
-    },
-}));

package/pages/SelectWalletPage/SelectWalletPage.style.d.ts

@@ -1,21 +0,0 @@
-/// <reference types="react" />
-export declare const ListItemButton: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemButtonBaseProps & Omit<{
-    action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
-    centerRipple?: boolean | undefined;
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
-    disabled?: boolean | undefined;
-    disableRipple?: boolean | undefined;
-    disableTouchRipple?: boolean | undefined;
-    focusRipple?: boolean | undefined;
-    focusVisibleClassName?: string | undefined;
-    LinkComponent?: import("react").ElementType<any> | undefined;
-    onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-    tabIndex?: number | undefined;
-    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
-    touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
-}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
-    ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-}, "className" | "style" | "classes" | "tabIndex" | "children" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "alignItems" | "autoFocus" | "dense" | "divider" | "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/pages/SelectWalletPage/SelectWalletPage.style.js

@@ -1,17 +0,0 @@
-import { ListItemButton as MuiListItemButton, ListItemText as MuiListItemText, } from '@mui/material';
-import { listItemTextClasses } from '@mui/material/ListItemText';
-import { styled } from '@mui/material/styles';
-import { getContrastAlphaColor } from '../../utils';
-export const ListItemButton = styled(MuiListItemButton)(({ theme }) => ({
-    borderRadius: theme.shape.borderRadius,
-    paddingLeft: theme.spacing(1.5),
-    height: 56,
-    '&:hover': {
-        backgroundColor: getContrastAlphaColor(theme, '4%'),
-    },
-}));
-export const ListItemText = styled(MuiListItemText)(({ theme }) => ({
-    [`.${listItemTextClasses.primary}`]: {
-        fontWeight: 400,
-    },
-}));

package/pages/SettingsPage/AdvancedPreferences.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const AdvancedPreferences: () => JSX.Element;

package/pages/SettingsPage/AdvancedPreferences.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Typography } from '@mui/material';
-import { useTranslation } from 'react-i18next';
-import { Switch } from '../../components/Switch';
-import { useSettings, useSettingsStore } from '../../stores';
-import { EnabledBridgesSelect } from './EnabledBridgesSelect';
-import { EnabledExchangesSelect } from './EnabledExchangesSelect';
-export const AdvancedPreferences = () => {
-    const { t } = useTranslation();
-    const setValue = useSettingsStore((state) => state.setValue);
-    const { advancedPreferences } = useSettings(['advancedPreferences']);
-    const handleAdvancedPreferences = (_, checked) => {
-        setValue('advancedPreferences', checked);
-    };
-    return (_jsxs(Box, Object.assign({ px: 3, pt: 2 }, { children: [_jsxs(Box, Object.assign({ sx: {
-                    display: 'flex',
-                    justifyContent: 'space-between',
-                    alignItems: 'center',
-                } }, { children: [_jsx(Box, Object.assign({ sx: { display: 'flex', alignItems: 'center' } }, { children: _jsx(Typography, Object.assign({ variant: "subtitle1", color: "text.primary", lineHeight: "normal" }, { children: t(`settings.advancedPreferences`) })) })), _jsx(Switch, { checked: advancedPreferences, onChange: handleAdvancedPreferences })] })), advancedPreferences && (_jsxs(Box, Object.assign({ mt: 2, mb: 1 }, { children: [_jsx(EnabledBridgesSelect, {}), _jsx(Box, Object.assign({ mt: 2 }, { children: _jsx(EnabledExchangesSelect, {}) }))] })))] })));
-};

package/pages/SettingsPage/EnabledBridgesSelect.d.ts

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

package/pages/SettingsPage/EnabledBridgesSelect.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { KeyboardArrowDown as KeyboardArrowDownIcon } from '@mui/icons-material';
-import { Box, Checkbox, Chip, FormControl, MenuItem, Skeleton, } from '@mui/material';
-import { useTranslation } from 'react-i18next';
-import { shallow } from 'zustand/shallow';
-import { Card, CardTitle } from '../../components/Card';
-import { Select } from '../../components/Select';
-import { useTools } from '../../hooks';
-import { useSettingsStore } from '../../stores';
-export const EnabledBridgesSelect = () => {
-    const { t } = useTranslation();
-    const { tools, formattedTools } = useTools();
-    const [enabledBridges, setTools] = useSettingsStore((state) => [state.enabledBridges, state.setTools], shallow);
-    return (tools === null || tools === void 0 ? void 0 : tools.bridges.length) ? (_jsxs(Card, { children: [_jsx(CardTitle, { children: t(`settings.enabledBridges`) }), _jsx(FormControl, Object.assign({ fullWidth: true }, { children: _jsx(Select, Object.assign({ multiple: true, placeholder: t(`settings.selectEnabledBridges`), MenuProps: { elevation: 2, PaperProps: { sx: { maxHeight: 320 } } }, IconComponent: KeyboardArrowDownIcon, value: enabledBridges !== null && enabledBridges !== void 0 ? enabledBridges : [], onChange: (event) => {
-                        setTools('Bridges', event.target.value, tools.bridges);
-                    }, renderValue: (selected) => (_jsx(Box, Object.assign({ sx: { display: 'flex', flexWrap: 'wrap', gap: 0.5 } }, { children: selected.map((value) => {
-                            var _a, _b, _c;
-                            return (_jsx(Chip, { label: (_c = (_b = (_a = formattedTools.bridges) === null || _a === void 0 ? void 0 : _a[value]) === null || _b === void 0 ? void 0 : _b.name) !== null && _c !== void 0 ? _c : value }, value));
-                        }) }))) }, { children: tools.bridges.map((bridge) => (_jsxs(MenuItem, Object.assign({ value: bridge.key, sx: { paddingTop: 0, paddingBottom: 0 } }, { children: [_jsx(Checkbox, { checked: enabledBridges === null || enabledBridges === void 0 ? void 0 : enabledBridges.includes(bridge.key) }), bridge.name] }), bridge.key))) })) }))] })) : (_jsx(Skeleton, { variant: "rectangular", width: "100%", height: 134, sx: { borderRadius: 1 } }));
-};

package/pages/SettingsPage/EnabledExchangesSelect.d.ts

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

package/pages/SettingsPage/EnabledExchangesSelect.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { KeyboardArrowDown as KeyboardArrowDownIcon } from '@mui/icons-material';
-import { Box, Checkbox, Chip, FormControl, MenuItem, Skeleton, } from '@mui/material';
-import { useTranslation } from 'react-i18next';
-import { shallow } from 'zustand/shallow';
-import { Card, CardTitle } from '../../components/Card';
-import { Select } from '../../components/Select';
-import { useTools } from '../../hooks';
-import { useSettingsStore } from '../../stores';
-export const EnabledExchangesSelect = () => {
-    const { t } = useTranslation();
-    const { tools, formattedTools } = useTools();
-    const [enabledExchanges, setTools] = useSettingsStore((state) => [state.enabledExchanges, state.setTools], shallow);
-    return (tools === null || tools === void 0 ? void 0 : tools.exchanges.length) ? (_jsxs(Card, { children: [_jsx(CardTitle, { children: t(`settings.enabledExchanges`) }), _jsx(FormControl, Object.assign({ fullWidth: true }, { children: _jsx(Select, Object.assign({ multiple: true, placeholder: t(`settings.selectEnabledExchanges`), value: enabledExchanges !== null && enabledExchanges !== void 0 ? enabledExchanges : [], onChange: (event) => {
-                        setTools('Exchanges', event.target.value, tools.exchanges);
-                    }, MenuProps: { elevation: 2, PaperProps: { sx: { maxHeight: 320 } } }, IconComponent: KeyboardArrowDownIcon, renderValue: (selected) => (_jsx(Box, Object.assign({ sx: { display: 'flex', flexWrap: 'wrap', gap: 0.5 } }, { children: selected.map((value) => {
-                            var _a, _b, _c;
-                            return (_jsx(Chip, { label: (_c = (_b = (_a = formattedTools.exchanges) === null || _a === void 0 ? void 0 : _a[value]) === null || _b === void 0 ? void 0 : _b.name) !== null && _c !== void 0 ? _c : value }, value));
-                        }) }))) }, { children: tools.exchanges.map((exchange) => (_jsxs(MenuItem, Object.assign({ value: exchange.key, sx: { paddingTop: 0, paddingBottom: 0 } }, { children: [_jsx(Checkbox, { checked: enabledExchanges === null || enabledExchanges === void 0 ? void 0 : enabledExchanges.includes(exchange.key) }), exchange.name] }), exchange.key))) })) }))] })) : (_jsx(Skeleton, { variant: "rectangular", width: "100%", height: 206, sx: { borderRadius: 1 } }));
-};