@openocean.finance/widget 1.0.3 → 1.0.7

package/dist/esm/pages/SettingsPage/LanguageSetting.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Language } from '@mui/icons-material';
+import { useTranslation } from 'react-i18next';
+import { useNavigate } from 'react-router-dom';
+import { CardButton } from '../../components/Card/CardButton.js';
+import { CardValue } from '../../components/Card/CardButton.style.js';
+import { useLanguages } from '../../hooks/useLanguages.js';
+import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
+import { HiddenUI } from '../../types/widget.js';
+import { navigationRoutes } from '../../utils/navigationRoutes.js';
+export const LanguageSetting = () => {
+    const { t } = useTranslation();
+    const navigate = useNavigate();
+    const { hiddenUI } = useWidgetConfig();
+    const { selectedLanguageDisplayName } = useLanguages();
+    if (hiddenUI?.includes(HiddenUI.Language)) {
+        return null;
+    }
+    const handleClick = () => {
+        navigate(navigationRoutes.languages);
+    };
+    return (_jsx(CardButton, { onClick: handleClick, icon: _jsx(Language, {}), title: t('language.title'), children: _jsx(CardValue, { children: selectedLanguageDisplayName }) }));
+};
+//# sourceMappingURL=LanguageSetting.js.map

package/dist/esm/pages/SettingsPage/LanguageSetting.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageSetting.js","sourceRoot":"","sources":["../../../../src/pages/SettingsPage/LanguageSetting.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAA;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,2CAA2C,CAAA;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAA;AAClF,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAElE,MAAM,CAAC,MAAM,eAAe,GAAa,GAAG,EAAE;IAC5C,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAC9B,MAAM,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,CAAA;IACtC,MAAM,EAAE,2BAA2B,EAAE,GAAG,YAAY,EAAE,CAAA;IAEtD,IAAI,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC1C,OAAO,IAAI,CAAA;IACb,CAAC;IAED,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,QAAQ,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAA;IACtC,CAAC,CAAA;IAED,OAAO,CACL,KAAC,UAAU,IACT,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,KAAC,QAAQ,KAAG,EAClB,KAAK,EAAE,CAAC,CAAC,gBAAgB,CAAC,YAE1B,KAAC,SAAS,cAAE,2BAA2B,GAAa,GACzC,CACd,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/pages/SettingsPage/ResetSettingsButton.d.ts

@@ -0,0 +1 @@
+export declare const ResetSettingsButton: React.FC;

package/dist/esm/pages/SettingsPage/ResetSettingsButton.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { InfoRounded } from '@mui/icons-material';
+import { Box, Button, DialogActions, DialogContent, DialogContentText, DialogTitle, } from '@mui/material';
+import { useCallback, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Dialog } from '../../components/Dialog.js';
+import { useSettingMonitor } from '../../hooks/useSettingMonitor.js';
+import { ResetButtonContainer } from './ResetSettingsButton.style.js';
+export const ResetSettingsButton = () => {
+    const { t } = useTranslation();
+    const { isCustomRouteSettings, reset } = useSettingMonitor();
+    const [open, setOpen] = useState(false);
+    const toggleDialog = useCallback(() => {
+        setOpen((open) => !open);
+    }, []);
+    const handleReset = () => {
+        reset();
+        toggleDialog();
+    };
+    if (!isCustomRouteSettings) {
+        return null;
+    }
+    return (_jsx(Box, { sx: {
+            mt: 2,
+        }, children: _jsxs(ResetButtonContainer, { children: [_jsxs(Box, { sx: {
+                        display: 'flex',
+                        marginBottom: '12px',
+                    }, children: [_jsx(InfoRounded, { sx: {
+                                marginRight: '8px',
+                            } }), _jsx(Box, { sx: {
+                                fontSize: 14,
+                            }, children: t('settings.resetSettings') })] }), _jsx(Button, { onClick: toggleDialog, fullWidth: true, children: t('button.resetSettings') }), _jsxs(Dialog, { open: open, onClose: toggleDialog, children: [_jsx(DialogTitle, { children: t('warning.title.resetSettings') }), _jsx(DialogContent, { children: _jsx(DialogContentText, { children: t('warning.message.resetSettings') }) }), _jsxs(DialogActions, { children: [_jsx(Button, { onClick: toggleDialog, children: t('button.cancel') }), _jsx(Button, { variant: "contained", onClick: handleReset, autoFocus: true, children: t('button.reset') })] })] })] }) }));
+};
+//# sourceMappingURL=ResetSettingsButton.js.map

package/dist/esm/pages/SettingsPage/ResetSettingsButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResetSettingsButton.js","sourceRoot":"","sources":["../../../../src/pages/SettingsPage/ResetSettingsButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EACL,GAAG,EACH,MAAM,EACN,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,WAAW,GACZ,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAA;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAA;AAErE,MAAM,CAAC,MAAM,mBAAmB,GAAa,GAAG,EAAE;IAChD,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,EAAE,qBAAqB,EAAE,KAAK,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAC5D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvC,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAA;IAC1B,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,KAAK,EAAE,CAAA;QACP,YAAY,EAAE,CAAA;IAChB,CAAC,CAAA;IAED,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC3B,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,KAAC,GAAG,IACF,EAAE,EAAE;YACF,EAAE,EAAE,CAAC;SACN,YAED,MAAC,oBAAoB,eACnB,MAAC,GAAG,IACF,EAAE,EAAE;wBACF,OAAO,EAAE,MAAM;wBACf,YAAY,EAAE,MAAM;qBACrB,aAED,KAAC,WAAW,IACV,EAAE,EAAE;gCACF,WAAW,EAAE,KAAK;6BACnB,GACD,EACF,KAAC,GAAG,IACF,EAAE,EAAE;gCACF,QAAQ,EAAE,EAAE;6BACb,YAEA,CAAC,CAAC,wBAAwB,CAAC,GACxB,IACF,EACN,KAAC,MAAM,IAAC,OAAO,EAAE,YAAY,EAAE,SAAS,kBACrC,CAAC,CAAC,sBAAsB,CAAC,GACnB,EAET,MAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,aACvC,KAAC,WAAW,cAAE,CAAC,CAAC,6BAA6B,CAAC,GAAe,EAC7D,KAAC,aAAa,cACZ,KAAC,iBAAiB,cACf,CAAC,CAAC,+BAA+B,CAAC,GACjB,GACN,EAChB,MAAC,aAAa,eACZ,KAAC,MAAM,IAAC,OAAO,EAAE,YAAY,YAAG,CAAC,CAAC,eAAe,CAAC,GAAU,EAC5D,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,WAAW,EAAE,SAAS,kBACxD,CAAC,CAAC,cAAc,CAAC,GACX,IACK,IACT,IACY,GACnB,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/pages/SettingsPage/ResetSettingsButton.style.d.ts

@@ -0,0 +1 @@
+export declare const ResetButtonContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/esm/pages/SettingsPage/ResetSettingsButton.style.js

@@ -0,0 +1,11 @@
+import { Box, styled } from '@mui/material';
+import { getContrastAlphaColor } from '../../utils/colors.js';
+export const ResetButtonContainer = styled(Box)(({ theme }) => ({
+    background: getContrastAlphaColor(theme, 0.04),
+    borderRadius: '16px',
+    padding: '16px',
+    svg: {
+        fill: getContrastAlphaColor(theme, 0.4),
+    },
+}));
+//# sourceMappingURL=ResetSettingsButton.style.js.map

package/dist/esm/pages/SettingsPage/ResetSettingsButton.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResetSettingsButton.style.js","sourceRoot":"","sources":["../../../../src/pages/SettingsPage/ResetSettingsButton.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAA;AAE7D,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9D,UAAU,EAAE,qBAAqB,CAAC,KAAK,EAAE,IAAI,CAAC;IAC9C,YAAY,EAAE,MAAM;IACpB,OAAO,EAAE,MAAM;IACf,GAAG,EAAE;QACH,IAAI,EAAE,qBAAqB,CAAC,KAAK,EAAE,GAAG,CAAC;KACxC;CACF,CAAC,CAAC,CAAA"}

package/dist/esm/pages/SettingsPage/RoutePrioritySettings.d.ts

@@ -0,0 +1 @@
+export declare const RoutePrioritySettings: React.FC;

package/dist/esm/pages/SettingsPage/RoutePrioritySettings.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Route } from '@mui/icons-material';
+import { useTranslation } from 'react-i18next';
+import { CardTabs, Tab } from '../../components/Tabs/Tabs.style.js';
+import { useSettingMonitor } from '../../hooks/useSettingMonitor.js';
+import { useSettings } from '../../stores/settings/useSettings.js';
+import { useSettingsActions } from '../../stores/settings/useSettingsActions.js';
+import { BadgedValue } from './SettingsCard/BadgedValue.js';
+import { SettingCardExpandable } from './SettingsCard/SettingCardExpandable.js';
+const Priorities = ['CHEAPEST', 'FASTEST'];
+export const RoutePrioritySettings = () => {
+    const { t } = useTranslation();
+    const { setValue } = useSettingsActions();
+    const { isRoutePriorityChanged } = useSettingMonitor();
+    const { routePriority } = useSettings(['routePriority']);
+    const currentRoutePriority = routePriority ?? '';
+    const handleRoutePriorityChange = (_, routePriority) => {
+        setValue('routePriority', routePriority);
+    };
+    return (_jsx(SettingCardExpandable, { value: _jsx(BadgedValue, { badgeColor: "info", showBadge: isRoutePriorityChanged, children: t(`main.tags.${currentRoutePriority.toLowerCase()}`) }), icon: _jsx(Route, {}), title: t('settings.routePriority'), children: _jsx(CardTabs, { value: currentRoutePriority, "aria-label": "tabs", indicatorColor: "primary", onChange: handleRoutePriorityChange, orientation: "vertical", sx: { mt: 1.5 }, children: Priorities.map((priority) => {
+                return (_jsx(Tab, { label: t(`main.tags.${priority.toLowerCase()}`), value: priority, disableRipple: true }, priority));
+            }) }) }));
+};
+//# sourceMappingURL=RoutePrioritySettings.js.map

package/dist/esm/pages/SettingsPage/RoutePrioritySettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoutePrioritySettings.js","sourceRoot":"","sources":["../../../../src/pages/SettingsPage/RoutePrioritySettings.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AAE3C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAA;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAA;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAA;AAChF,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAA;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAA;AAE/E,MAAM,UAAU,GAAY,CAAC,UAAU,EAAE,SAAS,CAAC,CAAA;AAEnD,MAAM,CAAC,MAAM,qBAAqB,GAAa,GAAG,EAAE;IAClD,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,EAAE,QAAQ,EAAE,GAAG,kBAAkB,EAAE,CAAA;IACzC,MAAM,EAAE,sBAAsB,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtD,MAAM,EAAE,aAAa,EAAE,GAAG,WAAW,CAAC,CAAC,eAAe,CAAC,CAAC,CAAA;IACxD,MAAM,oBAAoB,GAAG,aAAa,IAAI,EAAE,CAAA;IAEhD,MAAM,yBAAyB,GAAG,CAChC,CAAuB,EACvB,aAAoB,EACpB,EAAE;QACF,QAAQ,CAAC,eAAe,EAAE,aAAa,CAAC,CAAA;IAC1C,CAAC,CAAA;IAED,OAAO,CACL,KAAC,qBAAqB,IACpB,KAAK,EACH,KAAC,WAAW,IAAC,UAAU,EAAC,MAAM,EAAC,SAAS,EAAE,sBAAsB,YAC7D,CAAC,CAAC,aAAa,oBAAoB,CAAC,WAAW,EAAE,EAAS,CAAC,GAChD,EAEhB,IAAI,EAAE,KAAC,KAAK,KAAG,EACf,KAAK,EAAE,CAAC,CAAC,wBAAwB,CAAC,YAElC,KAAC,QAAQ,IACP,KAAK,EAAE,oBAAoB,gBAChB,MAAM,EACjB,cAAc,EAAC,SAAS,EACxB,QAAQ,EAAE,yBAAyB,EACnC,WAAW,EAAC,UAAU,EACtB,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,YAEd,UAAU,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE;gBAC3B,OAAO,CACL,KAAC,GAAG,IAEF,KAAK,EAAE,CAAC,CAAC,aAAa,QAAQ,CAAC,WAAW,EAAE,EAAS,CAAC,EACtD,KAAK,EAAE,QAAQ,EACf,aAAa,UAHR,QAAQ,CAIb,CACH,CAAA;YACH,CAAC,CAAC,GACO,GACW,CACzB,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/pages/SettingsPage/SettingsCard/BadgedValue.d.ts

@@ -0,0 +1,8 @@
+import type { BadgeProps } from '@mui/material';
+import type { PropsWithChildren } from 'react';
+interface BadgedValueProps {
+    showBadge: boolean;
+    badgeColor?: BadgeProps['color'];
+}
+export declare const BadgedValue: React.FC<PropsWithChildren<BadgedValueProps>>;
+export {};

package/dist/esm/pages/SettingsPage/SettingsCard/BadgedValue.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CardValue } from '../../../components/Card/CardButton.style.js';
+import { Badge } from './SettingCard.style.js';
+export const BadgedValue = ({ showBadge, badgeColor, children, }) => showBadge && badgeColor ? (_jsx(Badge, { variant: "dot", color: badgeColor, children: _jsx(CardValue, { children: children }) })) : (_jsx(CardValue, { children: children }));
+//# sourceMappingURL=BadgedValue.js.map

package/dist/esm/pages/SettingsPage/SettingsCard/BadgedValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgedValue.js","sourceRoot":"","sources":["../../../../../src/pages/SettingsPage/SettingsCard/BadgedValue.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,8CAA8C,CAAA;AACxE,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAO9C,MAAM,CAAC,MAAM,WAAW,GAAkD,CAAC,EACzE,SAAS,EACT,UAAU,EACV,QAAQ,GACT,EAAE,EAAE,CACH,SAAS,IAAI,UAAU,CAAC,CAAC,CAAC,CACxB,KAAC,KAAK,IAAC,OAAO,EAAC,KAAK,EAAC,KAAK,EAAE,UAAU,YACpC,KAAC,SAAS,cAAE,QAAQ,GAAa,GAC3B,CACT,CAAC,CAAC,CAAC,CACF,KAAC,SAAS,cAAE,QAAQ,GAAa,CAClC,CAAA"}

package/dist/esm/pages/SettingsPage/SettingsCard/SettingCard.style.d.ts

@@ -0,0 +1,2 @@
+export declare const SettingsList: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const Badge: import("@emotion/styled").StyledComponent<import("@mui/material").BadgeOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "max" | "color" | "children" | "sx" | "style" | "className" | "classes" | "variant" | "components" | "slots" | "slotProps" | "componentsProps" | "anchorOrigin" | "badgeContent" | "invisible" | "overlap" | "showZero"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/esm/pages/SettingsPage/SettingsCard/SettingCard.style.js

@@ -0,0 +1,20 @@
+import { Box, Badge as MuiBadge, badgeClasses, styled } from '@mui/material';
+export const SettingsList = styled(Box)(({ theme }) => ({
+    display: 'flex',
+    flexDirection: 'column',
+    gap: theme.spacing(1),
+}));
+export const Badge = styled(MuiBadge)(({ theme }) => ({
+    display: 'flex',
+    alignItems: 'center',
+    gap: theme.spacing(1.25),
+    [`.${badgeClasses.badge}`]: {
+        width: 10,
+        height: 10,
+        // the following removes MUI styling so we can position the badge with flex
+        position: 'relative',
+        transform: 'translateX(0)',
+        borderRadius: '50%',
+    },
+}));
+//# sourceMappingURL=SettingCard.style.js.map

package/dist/esm/pages/SettingsPage/SettingsCard/SettingCard.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingCard.style.js","sourceRoot":"","sources":["../../../../../src/pages/SettingsPage/SettingsCard/SettingCard.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,KAAK,IAAI,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAE5E,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACtD,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;CACtB,CAAC,CAAC,CAAA;AAEH,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACpD,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;IACxB,CAAC,IAAI,YAAY,CAAC,KAAK,EAAE,CAAC,EAAE;QAC1B,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,2EAA2E;QAC3E,QAAQ,EAAE,UAAU;QACpB,SAAS,EAAE,eAAe;QAC1B,YAAY,EAAE,KAAK;KACpB;CACF,CAAC,CAAC,CAAA"}

package/dist/esm/pages/SettingsPage/SettingsCard/SettingCardExpandable.d.ts

@@ -0,0 +1,7 @@
+import type { PropsWithChildren, ReactNode } from 'react';
+import type { SettingCardTitle } from './types.js';
+interface SettingCardExpandableProps extends SettingCardTitle {
+    value: ReactNode;
+}
+export declare const SettingCardExpandable: React.FC<PropsWithChildren<SettingCardExpandableProps>>;
+export {};

package/dist/esm/pages/SettingsPage/SettingsCard/SettingCardExpandable.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Collapse } from '@mui/material';
+import { useId } from 'react';
+import { Card } from '../../../components/Card/Card.js';
+import { CardRowButton, CardTitleContainer, CardValue, } from '../../../components/Card/CardButton.style.js';
+import { useSettingsCardExpandable } from './SettingsAccordian.js';
+export const SettingCardExpandable = ({ icon, title, value, children }) => {
+    const { expanded, toggleExpanded } = useSettingsCardExpandable();
+    const buttonId = useId();
+    const collapseId = useId();
+    return (_jsxs(Card, { sx: { p: 1 }, children: [_jsxs(CardRowButton, { id: buttonId, "aria-expanded": expanded, "aria-controls": collapseId, onClick: toggleExpanded, disableRipple: true, sx: { p: 1 }, children: [_jsxs(CardTitleContainer, { children: [icon, _jsx(CardValue, { children: title })] }), value] }), _jsx(Collapse, { id: collapseId, 
+                // biome-ignore lint/a11y/useSemanticElements:
+                role: "region", "aria-labelledby": buttonId, in: expanded, children: children })] }));
+};
+//# sourceMappingURL=SettingCardExpandable.js.map

package/dist/esm/pages/SettingsPage/SettingsCard/SettingCardExpandable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingCardExpandable.js","sourceRoot":"","sources":["../../../../../src/pages/SettingsPage/SettingsCard/SettingCardExpandable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AAC7B,OAAO,EAAE,IAAI,EAAE,MAAM,kCAAkC,CAAA;AACvD,OAAO,EACL,aAAa,EACb,kBAAkB,EAClB,SAAS,GACV,MAAM,8CAA8C,CAAA;AACrD,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAA;AAOlE,MAAM,CAAC,MAAM,qBAAqB,GAE9B,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IACvC,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,yBAAyB,EAAE,CAAA;IAChE,MAAM,QAAQ,GAAG,KAAK,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,KAAK,EAAE,CAAA;IAE1B,OAAO,CACL,MAAC,IAAI,IAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,aAChB,MAAC,aAAa,IACZ,EAAE,EAAE,QAAQ,mBACG,QAAQ,mBACR,UAAU,EACzB,OAAO,EAAE,cAAc,EACvB,aAAa,QACb,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,aAEZ,MAAC,kBAAkB,eAChB,IAAI,EACL,KAAC,SAAS,cAAE,KAAK,GAAa,IACX,EACpB,KAAK,IACQ,EAChB,KAAC,QAAQ,IACP,EAAE,EAAE,UAAU;gBACd,8CAA8C;gBAC9C,IAAI,EAAC,QAAQ,qBACI,QAAQ,EACzB,EAAE,EAAE,QAAQ,YAEX,QAAQ,GACA,IACN,CACR,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/pages/SettingsPage/SettingsCard/SettingsAccordian.d.ts

@@ -0,0 +1,6 @@
+import type { PropsWithChildren } from 'react';
+export declare const SettingsCardAccordion: React.FC<PropsWithChildren>;
+export declare const useSettingsCardExpandable: () => {
+    expanded: boolean;
+    toggleExpanded: () => void;
+};

package/dist/esm/pages/SettingsPage/SettingsCard/SettingsAccordian.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useId, useState } from 'react';
+const SettingsAccordionContext = createContext({
+    setOpenCard: (_id) => { },
+    openCard: '',
+});
+export const SettingsCardAccordion = ({ children, }) => {
+    const [openCard, setOpenCard] = useState('');
+    return (_jsx(SettingsAccordionContext.Provider, { value: { openCard, setOpenCard }, children: children }));
+};
+export const useSettingsCardExpandable = () => {
+    const settingCardExpandableId = useId();
+    const [expanded, setExpanded] = useState(false);
+    const { openCard, setOpenCard } = useContext(SettingsAccordionContext);
+    const toggleExpanded = () => {
+        const newExpanded = !expanded;
+        setExpanded(newExpanded);
+        if (newExpanded && openCard !== settingCardExpandableId) {
+            setOpenCard(settingCardExpandableId);
+        }
+    };
+    useEffect(() => {
+        if (openCard !== settingCardExpandableId) {
+            setExpanded(false);
+        }
+    }, [settingCardExpandableId, openCard]);
+    return {
+        expanded,
+        toggleExpanded,
+    };
+};
+//# sourceMappingURL=SettingsAccordian.js.map

package/dist/esm/pages/SettingsPage/SettingsCard/SettingsAccordian.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsAccordian.js","sourceRoot":"","sources":["../../../../../src/pages/SettingsPage/SettingsCard/SettingsAccordian.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE7E,MAAM,wBAAwB,GAAG,aAAa,CAAC;IAC7C,WAAW,EAAE,CAAC,GAAW,EAAE,EAAE,GAAE,CAAC;IAChC,QAAQ,EAAE,EAAE;CACb,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAgC,CAAC,EACjE,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAE5C,OAAO,CACL,KAAC,wBAAwB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,YAChE,QAAQ,GACyB,CACrC,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,EAAE;IAC5C,MAAM,uBAAuB,GAAG,KAAK,EAAE,CAAA;IACvC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC/C,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,UAAU,CAAC,wBAAwB,CAAC,CAAA;IACtE,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,MAAM,WAAW,GAAG,CAAC,QAAQ,CAAA;QAC7B,WAAW,CAAC,WAAW,CAAC,CAAA;QAExB,IAAI,WAAW,IAAI,QAAQ,KAAK,uBAAuB,EAAE,CAAC;YACxD,WAAW,CAAC,uBAAuB,CAAC,CAAA;QACtC,CAAC;IACH,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,KAAK,uBAAuB,EAAE,CAAC;YACzC,WAAW,CAAC,KAAK,CAAC,CAAA;QACpB,CAAC;IACH,CAAC,EAAE,CAAC,uBAAuB,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEvC,OAAO;QACL,QAAQ;QACR,cAAc;KACf,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/pages/SettingsPage/SettingsCard/types.d.ts

@@ -0,0 +1,5 @@
+import type { ReactNode } from 'react';
+export interface SettingCardTitle {
+    icon: ReactNode;
+    title: ReactNode;
+}

package/dist/esm/pages/SettingsPage/SettingsCard/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/pages/SettingsPage/SettingsCard/types.js.map

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

package/dist/esm/pages/SettingsPage/SettingsPage.d.ts

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

package/dist/esm/pages/SettingsPage/SettingsPage.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from 'react-i18next';
+import { PageContainer } from '../../components/PageContainer.js';
+import { useHeader } from '../../hooks/useHeader.js';
+import { ResetSettingsButton } from './ResetSettingsButton.js';
+import { SettingsList } from './SettingsCard/SettingCard.style.js';
+import { SettingsCardAccordion } from './SettingsCard/SettingsAccordian.js';
+import { SlippageSettings } from './SlippageSettings/SlippageSettings.js';
+import { DynamicSlippageSettings } from './DynamicSlippageSettings.js';
+export const SettingsPage = () => {
+    const { t } = useTranslation();
+    useHeader(t('translation:header.settings', 'Settings'));
+    return (_jsxs(PageContainer, { bottomGutters: true, children: [_jsx(SettingsList, { children: _jsxs(SettingsCardAccordion, { children: [_jsx(DynamicSlippageSettings, {}), _jsx(SlippageSettings, {})] }) }), _jsx(ResetSettingsButton, {})] }));
+};
+//# sourceMappingURL=SettingsPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsPage.js","sourceRoot":"","sources":["../../../../src/pages/SettingsPage/SettingsPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAA;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAA;AAClE,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAA;AAEtE,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,SAAS,CAAC,CAAC,CAAC,6BAA6B,EAAE,UAAU,CAAC,CAAC,CAAA;IAEvD,OAAO,CACL,MAAC,aAAa,IAAC,aAAa,mBAC1B,KAAC,YAAY,cACX,MAAC,qBAAqB,eAKpB,KAAC,uBAAuB,KAAG,EAC3B,KAAC,gBAAgB,KAAG,IAGE,GACX,EACf,KAAC,mBAAmB,KAAG,IACT,CACjB,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/pages/SettingsPage/SlippageSettings/SlippageSettings.d.ts

@@ -0,0 +1 @@
+export declare const SlippageSettings: React.FC;

package/dist/esm/pages/SettingsPage/SlippageSettings/SlippageSettings.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { WarningRounded } from '@mui/icons-material';
+import { Box, Typography, debounce } from '@mui/material';
+import { useCallback, useMemo, useRef, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useSettingMonitor } from '../../../hooks/useSettingMonitor.js';
+import { useSettings } from '../../../stores/settings/useSettings.js';
+import { useSettingsActions } from '../../../stores/settings/useSettingsActions.js';
+import { defaultSlippage } from '../../../stores/settings/useSettingsStore.js';
+import { formatSlippage } from '../../../utils/format.js';
+import { BadgedValue } from '../SettingsCard/BadgedValue.js';
+import { SettingCardExpandable } from '../SettingsCard/SettingCardExpandable.js';
+import { SettingsFieldSet, SlippageCustomInput, SlippageDefaultButton, SlippageLimitsWarningContainer, } from './SlippageSettings.style.js';
+const DEFAULT_CUSTOM_INPUT_VALUE = '0.5';
+const list = [
+    {
+        name: '0.5%',
+        value: '0.5',
+    },
+    {
+        name: '1%',
+        value: '1',
+    },
+    {
+        name: '3%',
+        value: '3',
+    },
+];
+export const SlippageSettings = () => {
+    const { t } = useTranslation();
+    const { isSlippageNotRecommended, isSlippageUnderRecommendedLimits, isSlippageOutsideRecommendedLimits, isSlippageChanged, } = useSettingMonitor();
+    const { slippage } = useSettings(['slippage']);
+    const { setValue } = useSettingsActions();
+    const defaultValue = useRef(slippage);
+    const [focused, setFocused] = useState();
+    const customInputValue = !slippage || slippage === defaultSlippage
+        ? DEFAULT_CUSTOM_INPUT_VALUE
+        : slippage;
+    const [inputValue, setInputValue] = useState(customInputValue);
+    const handleDefaultClick = (value) => {
+        setValue('slippage', value);
+        setInputValue('');
+    };
+    const debouncedSetValue = useMemo(() => debounce(setValue, 500), [setValue]);
+    const handleInputUpdate = useCallback((event) => {
+        const { value } = event.target;
+        const formattedValue = formatSlippage(value, defaultValue.current, true);
+        setInputValue(formattedValue);
+        debouncedSetValue('slippage', formattedValue.length ? formattedValue : defaultSlippage);
+    }, [debouncedSetValue]);
+    const handleInputFocus = (event) => {
+        setFocused('input');
+        const { value } = event.target;
+        const formattedValue = formatSlippage(value, defaultValue.current);
+        setInputValue(formattedValue);
+        setValue('slippage', formattedValue.length ? formattedValue : defaultSlippage);
+    };
+    const badgeColor = isSlippageNotRecommended
+        ? 'warning'
+        : isSlippageChanged
+            ? 'info'
+            : undefined;
+    const slippageWarningText = isSlippageOutsideRecommendedLimits
+        ? t('warning.message.slippageOutsideRecommendedLimits')
+        : isSlippageUnderRecommendedLimits
+            ? t('warning.message.slippageUnderRecommendedLimits')
+            : '';
+    return (_jsx(SettingCardExpandable, { value: _jsx(BadgedValue, { badgeColor: badgeColor, showBadge: !!badgeColor, children: slippage ? `${slippage}%` : t('button.auto') }), icon: null, title: t('settings.slippage'), children: _jsxs(Box, { sx: {
+                mt: 1.5,
+            }, children: [_jsxs(SettingsFieldSet, { children: [list.map((item, i) => (_jsx(SlippageDefaultButton, { selected: item.value === slippage && focused !== 'input', onFocus: () => {
+                                setFocused('button');
+                            }, onBlur: () => {
+                                setFocused(undefined);
+                            }, onClick: () => handleDefaultClick(item.value), disableRipple: true, children: item.name }, i))), _jsx(SlippageCustomInput, { selected: true, placeholder: focused === 'input' ? '' : t('settings.custom'), inputProps: {
+                                inputMode: 'decimal',
+                            }, onChange: handleInputUpdate, onFocus: handleInputFocus, value: inputValue, autoComplete: "off", onBlur: () => setFocused(undefined) })] }), isSlippageNotRecommended && (_jsxs(SlippageLimitsWarningContainer, { children: [_jsx(WarningRounded, { color: "warning" }), _jsx(Typography, { sx: {
+                                fontSize: 13,
+                                fontWeight: 400,
+                            }, children: slippageWarningText })] }))] }) }));
+};
+//# sourceMappingURL=SlippageSettings.js.map

package/dist/esm/pages/SettingsPage/SlippageSettings/SlippageSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlippageSettings.js","sourceRoot":"","sources":["../../../../../src/pages/SettingsPage/SlippageSettings/SlippageSettings.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAEzD,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAA;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAA;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAA;AACnF,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAA;AAC9E,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAA;AAChF,OAAO,EACL,gBAAgB,EAChB,mBAAmB,EACnB,qBAAqB,EACrB,8BAA8B,GAC/B,MAAM,6BAA6B,CAAA;AAEpC,MAAM,0BAA0B,GAAG,KAAK,CAAA;AACxC,MAAM,IAAI,GAAG;IACX;QACE,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,KAAK;KACb;IACD;QACE,IAAI,EAAE,IAAI;QACV,KAAK,EAAE,GAAG;KACX;IACD;QACE,IAAI,EAAE,IAAI;QACV,KAAK,EAAE,GAAG;KACX;CACF,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAa,GAAG,EAAE;IAC7C,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,EACJ,wBAAwB,EACxB,gCAAgC,EAChC,kCAAkC,EAClC,iBAAiB,GAClB,GAAG,iBAAiB,EAAE,CAAA;IACvB,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,CAAC,CAAC,UAAU,CAAC,CAAC,CAAA;IAC9C,MAAM,EAAE,QAAQ,EAAE,GAAG,kBAAkB,EAAE,CAAA;IACzC,MAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;IACrC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,EAAsB,CAAA;IAE5D,MAAM,gBAAgB,GACpB,CAAC,QAAQ,IAAI,QAAQ,KAAK,eAAe;QACvC,CAAC,CAAC,0BAA0B;QAC5B,CAAC,CAAC,QAAQ,CAAA;IAEd,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAA;IAE9D,MAAM,kBAAkB,GAAG,CAAC,KAAa,EAAE,EAAE;QAC3C,QAAQ,CAAC,UAAU,EAAE,KAAK,CAAC,CAAA;QAC3B,aAAa,CAAC,EAAE,CAAC,CAAA;IACnB,CAAC,CAAA;IAED,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAE5E,MAAM,iBAAiB,GAAyC,WAAW,CACzE,CAAC,KAAK,EAAE,EAAE;QACR,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,MAAM,CAAA;QAE9B,MAAM,cAAc,GAAG,cAAc,CAAC,KAAK,EAAE,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,CAAA;QAExE,aAAa,CAAC,cAAc,CAAC,CAAA;QAC7B,iBAAiB,CACf,UAAU,EACV,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,CACzD,CAAA;IACH,CAAC,EACD,CAAC,iBAAiB,CAAC,CACpB,CAAA;IAED,MAAM,gBAAgB,GAAwC,CAAC,KAAK,EAAE,EAAE;QACtE,UAAU,CAAC,OAAO,CAAC,CAAA;QAEnB,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,MAAM,CAAA;QAE9B,MAAM,cAAc,GAAG,cAAc,CAAC,KAAK,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;QAClE,aAAa,CAAC,cAAc,CAAC,CAAA;QAC7B,QAAQ,CACN,UAAU,EACV,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,CACzD,CAAA;IACH,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,wBAAwB;QACzC,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,iBAAiB;YACjB,CAAC,CAAC,MAAM;YACR,CAAC,CAAC,SAAS,CAAA;IAEf,MAAM,mBAAmB,GAAG,kCAAkC;QAC5D,CAAC,CAAC,CAAC,CAAC,kDAAkD,CAAC;QACvD,CAAC,CAAC,gCAAgC;YAChC,CAAC,CAAC,CAAC,CAAC,gDAAgD,CAAC;YACrD,CAAC,CAAC,EAAE,CAAA;IAER,OAAO,CACL,KAAC,qBAAqB,IACpB,KAAK,EACH,KAAC,WAAW,IAAC,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC,CAAC,UAAU,YACzD,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,GACjC,EAEhB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,CAAC,CAAC,mBAAmB,CAAC,YAE7B,MAAC,GAAG,IACF,EAAE,EAAE;gBACF,EAAE,EAAE,GAAG;aACR,aAED,MAAC,gBAAgB,eACd,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACrB,KAAC,qBAAqB,IAEpB,QAAQ,EAAE,IAAI,CAAC,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,OAAO,EACxD,OAAO,EAAE,GAAG,EAAE;gCACZ,UAAU,CAAC,QAAQ,CAAC,CAAA;4BACtB,CAAC,EACD,MAAM,EAAE,GAAG,EAAE;gCACX,UAAU,CAAC,SAAS,CAAC,CAAA;4BACvB,CAAC,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,EAC7C,aAAa,kBAEZ,IAAI,CAAC,IAAI,IAXL,CAAC,CAYgB,CACzB,CAAC,EAEF,KAAC,mBAAmB,IAClB,QAAQ,EAAE,IAAI,EACd,WAAW,EAAE,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,EAC5D,UAAU,EAAE;gCACV,SAAS,EAAE,SAAS;6BACrB,EACD,QAAQ,EAAE,iBAAiB,EAC3B,OAAO,EAAE,gBAAgB,EACzB,KAAK,EAAE,UAAU,EACjB,YAAY,EAAC,KAAK,EAClB,MAAM,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,SAAS,CAAC,GACnC,IACe,EAClB,wBAAwB,IAAI,CAC3B,MAAC,8BAA8B,eAC7B,KAAC,cAAc,IAAC,KAAK,EAAC,SAAS,GAAG,EAClC,KAAC,UAAU,IACT,EAAE,EAAE;gCACF,QAAQ,EAAE,EAAE;gCACZ,UAAU,EAAE,GAAG;6BAChB,YAEA,mBAAmB,GACT,IACkB,CAClC,IACG,GACgB,CACzB,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/pages/SettingsPage/SlippageSettings/SlippageSettings.style.d.ts

@@ -0,0 +1,9 @@
+import type { Theme } from '@mui/material';
+export declare const SettingsFieldSet: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+interface SlippageDefaultProps {
+    selected?: boolean;
+}
+export declare const SlippageDefaultButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonBaseOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "sx" | "style" | "className" | "tabIndex" | "disabled" | "classes" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef"> & import("@mui/system").MUIStyledCommonProps<Theme> & SlippageDefaultProps, {}, {}>;
+export declare const SlippageCustomInput: import("@emotion/styled").StyledComponent<import("@mui/material").InputBaseProps & import("@mui/system").MUIStyledCommonProps<Theme> & SlippageDefaultProps, {}, {}>;
+export declare const SlippageLimitsWarningContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export {};

package/dist/esm/pages/SettingsPage/SlippageSettings/SlippageSettings.style.js

@@ -0,0 +1,72 @@
+import { Box, ButtonBase, InputBase, alpha, inputBaseClasses, styled, } from '@mui/material';
+export const SettingsFieldSet = styled(Box)(({ theme }) => ({
+    display: 'flex',
+    backgroundColor: alpha(theme.palette.common.white, 0.08),
+    borderRadius: theme.shape.borderRadius,
+    padding: theme.spacing(0.5),
+    gap: theme.spacing(0.5),
+    height: '3.5rem',
+    ...theme.applyStyles('light', {
+        backgroundColor: alpha(theme.palette.common.black, 0.04),
+    }),
+}));
+const slippageControlSelected = (theme) => ({
+    backgroundColor: theme.palette.mode === 'light'
+        ? theme.palette.background.paper
+        : alpha(theme.palette.common.black, 0.56),
+    borderRadius: theme.shape.borderRadius - 4,
+    boxShadow: `0px 2px 4px ${alpha(theme.palette.common.black, 0.04)}`,
+});
+export const SlippageDefaultButton = styled(ButtonBase)(({ theme, selected }) => {
+    const selectedStyle = selected
+        ? {
+            '&:not(:focus)': {
+                ...slippageControlSelected(theme),
+            },
+        }
+        : {};
+    return {
+        height: '100%',
+        width: '100%',
+        fontSize: '1rem',
+        fontWeight: 700,
+        '&:focus': {
+            ...slippageControlSelected(theme),
+        },
+        ...selectedStyle,
+    };
+});
+export const SlippageCustomInput = styled(InputBase)(({ theme, selected }) => {
+    const selectedStyle = selected
+        ? {
+            '&:not(:focus)': {
+                ...slippageControlSelected(theme),
+            },
+        }
+        : {};
+    return {
+        height: '100%',
+        width: '100%',
+        [`.${inputBaseClasses.input}`]: {
+            height: '100%',
+            width: '100%',
+            padding: 0,
+            textAlign: 'center',
+            '&::placeholder': {
+                fontSize: '1rem',
+                fontWeight: 700,
+                opacity: 1,
+            },
+            '&:focus': {
+                ...slippageControlSelected(theme),
+            },
+            ...selectedStyle,
+        },
+    };
+});
+export const SlippageLimitsWarningContainer = styled(Box)(({ theme }) => ({
+    display: 'flex',
+    gap: theme.spacing(1.25),
+    marginTop: theme.spacing(1.5),
+}));
+//# sourceMappingURL=SlippageSettings.style.js.map

package/dist/esm/pages/SettingsPage/SlippageSettings/SlippageSettings.style.js.map

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

package/dist/esm/pages/SettingsPage/ThemeSettings.d.ts

@@ -0,0 +1 @@
+export declare const ThemeSettings: React.FC;

package/dist/esm/pages/SettingsPage/ThemeSettings.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BrightnessAuto, LightMode, Nightlight } from '@mui/icons-material';
+import { Tooltip } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { CardValue } from '../../components/Card/CardButton.style.js';
+import { CardTabs, Tab } from '../../components/Tabs/Tabs.style.js';
+import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
+import { useAppearance } from '../../stores/settings/useAppearance.js';
+import { HiddenUI } from '../../types/widget.js';
+import { SettingCardExpandable } from './SettingsCard/SettingCardExpandable.js';
+const themeIcons = {
+    light: LightMode,
+    dark: Nightlight,
+    auto: BrightnessAuto,
+};
+// If the Tab is not the direct child of the Tabs component you can loose the switching
+// The component passes the props to the Tab component so switching isn't lost
+const ThemeTab = ({ title, value, Icon, ...props }) => (_jsx(Tooltip, { title: title, children: _jsx(Tab, { icon: Icon, value: value, ...props, disableRipple: true }) }));
+export const ThemeSettings = () => {
+    const { t } = useTranslation();
+    const [appearance, setAppearance] = useAppearance();
+    const { hiddenUI } = useWidgetConfig();
+    if (hiddenUI?.includes(HiddenUI.Appearance)) {
+        return null;
+    }
+    const ThemeIcon = themeIcons[appearance];
+    const handleThemeChange = (_, appearance) => {
+        setAppearance(appearance);
+    };
+    return (_jsx(SettingCardExpandable, { value: _jsxs(CardValue, { children: [t(`button.${appearance}`), " "] }), icon: _jsx(ThemeIcon, {}), title: t('settings.theme'), children: _jsx(CardTabs, { value: appearance, "aria-label": "tabs", indicatorColor: "primary", onChange: handleThemeChange, sx: { mt: 1.5 }, children: Object.entries(themeIcons).map(([theme, Icon]) => {
+                const supportedThemeOption = theme;
+                return (_jsx(ThemeTab, { title: t(`button.${supportedThemeOption}`), value: supportedThemeOption, Icon: _jsx(Icon, {}) }, supportedThemeOption));
+            }) }) }));
+};
+//# sourceMappingURL=ThemeSettings.js.map

package/dist/esm/pages/SettingsPage/ThemeSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeSettings.js","sourceRoot":"","sources":["../../../../src/pages/SettingsPage/ThemeSettings.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAC3E,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,2CAA2C,CAAA;AACrE,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAA;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAA;AAClF,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAA;AAEtE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAA;AAE/E,MAAM,UAAU,GAAG;IACjB,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,UAAU;IAChB,IAAI,EAAE,cAAc;CACrB,CAAA;AAQD,uFAAuF;AACvF,8EAA8E;AAC9E,MAAM,QAAQ,GAA4B,CAAC,EACzC,KAAK,EACL,KAAK,EACL,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,YACnB,KAAC,GAAG,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK,EAAE,aAAa,SAAG,GAClD,CACX,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAa,GAAG,EAAE;IAC1C,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,aAAa,EAAE,CAAA;IACnD,MAAM,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,CAAA;IAEtC,IAAI,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC;QAC5C,OAAO,IAAI,CAAA;IACb,CAAC;IAED,MAAM,SAAS,GAAG,UAAU,CAAC,UAAU,CAAC,CAAA;IAExC,MAAM,iBAAiB,GAAG,CACxB,CAAuB,EACvB,UAAsB,EACtB,EAAE;QACF,aAAa,CAAC,UAAU,CAAC,CAAA;IAC3B,CAAC,CAAA;IAED,OAAO,CACL,KAAC,qBAAqB,IACpB,KAAK,EAAE,MAAC,SAAS,eAAE,CAAC,CAAC,UAAU,UAAU,EAAE,CAAC,SAAc,EAC1D,IAAI,EAAE,KAAC,SAAS,KAAG,EACnB,KAAK,EAAE,CAAC,CAAC,gBAAgB,CAAC,YAE1B,KAAC,QAAQ,IACP,KAAK,EAAE,UAAU,gBACN,MAAM,EACjB,cAAc,EAAC,SAAS,EACxB,QAAQ,EAAE,iBAAiB,EAC3B,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,YAEd,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE;gBAChD,MAAM,oBAAoB,GAAG,KAAmB,CAAA;gBAEhD,OAAO,CACL,KAAC,QAAQ,IAEP,KAAK,EAAE,CAAC,CAAC,UAAU,oBAAoB,EAAE,CAAC,EAC1C,KAAK,EAAE,oBAAoB,EAC3B,IAAI,EAAE,KAAC,IAAI,KAAG,IAHT,oBAAoB,CAIzB,CACH,CAAA;YACH,CAAC,CAAC,GACO,GACW,CACzB,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/pages/TransactionDetailsPage/ContactSupportButton.d.ts

@@ -0,0 +1,5 @@
+interface ContactSupportButtonProps {
+    supportId?: string;
+}
+export declare const ContactSupportButton: ({ supportId, }: ContactSupportButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/pages/TransactionDetailsPage/ContactSupportButton.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { useWidgetEvents } from '../../hooks/useWidgetEvents.js';
+import { WidgetEvent } from '../../types/events.js';
+export const ContactSupportButton = ({ supportId, }) => {
+    const { t } = useTranslation();
+    const widgetEvents = useWidgetEvents();
+    const handleClick = () => {
+        if (!widgetEvents.all.has(WidgetEvent.ContactSupport)) {
+            const url = 'https://t.me/OpenOceanAPI';
+            const target = '_blank';
+            const rel = 'nofollow noreferrer';
+            window.open(url, target, rel);
+        }
+        else {
+            widgetEvents.emit(WidgetEvent.ContactSupport, { supportId });
+        }
+    };
+    return (_jsx(Button, { onClick: handleClick, fullWidth: true, children: t('button.contactSupport') }));
+};
+//# sourceMappingURL=ContactSupportButton.js.map

package/dist/esm/pages/TransactionDetailsPage/ContactSupportButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContactSupportButton.js","sourceRoot":"","sources":["../../../../src/pages/TransactionDetailsPage/ContactSupportButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAMnD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,SAAS,GACiB,EAAE,EAAE;IAC9B,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,YAAY,GAAG,eAAe,EAAE,CAAA;IAEtC,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC,WAAW,CAAC,cAAc,CAAC,EAAE,CAAC;YACtD,MAAM,GAAG,GAAG,2BAA2B,CAAA;YACvC,MAAM,MAAM,GAAG,QAAQ,CAAA;YACvB,MAAM,GAAG,GAAG,qBAAqB,CAAA;YACjC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,CAAC,CAAA;QAC/B,CAAC;aAAM,CAAC;YACN,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,cAAc,EAAE,EAAE,SAAS,EAAE,CAAC,CAAA;QAC9D,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,KAAC,MAAM,IAAC,OAAO,EAAE,WAAW,EAAE,SAAS,kBACpC,CAAC,CAAC,uBAAuB,CAAC,GACpB,CACV,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/pages/TransactionDetailsPage/TransactionDetailsPage.d.ts

@@ -0,0 +1 @@
+export declare const TransactionDetailsPage: React.FC;