@lifi/widget 4.0.0-alpha.4 → 4.0.0-alpha.6

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

@@ -1,34 +1,64 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import InfoRounded from '@mui/icons-material/InfoRounded';
-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') })] })] })] }) }));
+import { useSettingMonitor } from "../../hooks/useSettingMonitor.js";
+import { Dialog as Dialog$1 } from "../../components/Dialog/Dialog.js";
+import { DialogActions as DialogActions$1, DialogContainer, DialogContent as DialogContent$1, DialogContentText as DialogContentText$1, DialogTitle as DialogTitle$1 } from "../../components/Dialog/Dialog.style.js";
+import { ResetButtonContainer } from "./ResetSettingsButton.style.js";
+import { useCallback, useState } from "react";
+import { Box, Button } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import InfoRounded from "@mui/icons-material/InfoRounded";
+//#region src/pages/SettingsPage/ResetSettingsButton.tsx
+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 /* @__PURE__ */ jsx(Box, {
+		sx: { mt: 2 },
+		children: /* @__PURE__ */ jsxs(ResetButtonContainer, { children: [
+			/* @__PURE__ */ jsxs(Box, {
+				sx: {
+					display: "flex",
+					marginBottom: "12px"
+				},
+				children: [/* @__PURE__ */ jsx(InfoRounded, { sx: { marginRight: "8px" } }), /* @__PURE__ */ jsx(Box, {
+					sx: { fontSize: 14 },
+					children: t("settings.resetSettings")
+				})]
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				onClick: toggleDialog,
+				fullWidth: true,
+				children: t("button.resetSettings")
+			}),
+			/* @__PURE__ */ jsx(Dialog$1, {
+				open,
+				onClose: toggleDialog,
+				children: /* @__PURE__ */ jsxs(DialogContainer, { children: [
+					/* @__PURE__ */ jsx(DialogTitle$1, { children: t("warning.title.resetSettings") }),
+					/* @__PURE__ */ jsx(DialogContent$1, { children: /* @__PURE__ */ jsx(DialogContentText$1, { children: t("warning.message.resetSettings") }) }),
+					/* @__PURE__ */ jsxs(DialogActions$1, { children: [/* @__PURE__ */ jsx(Button, {
+						onClick: toggleDialog,
+						children: t("button.cancel")
+					}), /* @__PURE__ */ jsx(Button, {
+						variant: "contained",
+						onClick: handleReset,
+						autoFocus: true,
+						children: t("button.reset")
+					})] })
+				] })
+			})
+		] })
+	});
 };
+//#endregion
+export { ResetSettingsButton };
+
 //# sourceMappingURL=ResetSettingsButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ResetSettingsButton.js","sourceRoot":"","sources":["../../../../src/pages/SettingsPage/ResetSettingsButton.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,MAAM,iCAAiC,CAAA;AACzD,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"}
+{"version":3,"file":"ResetSettingsButton.js","names":["Dialog","DialogTitle","DialogContent","DialogContentText","DialogActions"],"sources":["../../../../src/pages/SettingsPage/ResetSettingsButton.tsx"],"sourcesContent":["import InfoRounded from '@mui/icons-material/InfoRounded'\nimport { Box, Button } from '@mui/material'\nimport { useCallback, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { Dialog } from '../../components/Dialog/Dialog.js'\nimport {\n  DialogActions,\n  DialogContainer,\n  DialogContent,\n  DialogContentText,\n  DialogTitle,\n} from '../../components/Dialog/Dialog.style.js'\nimport { useSettingMonitor } from '../../hooks/useSettingMonitor.js'\nimport { ResetButtonContainer } from './ResetSettingsButton.style.js'\n\nexport const ResetSettingsButton: React.FC = () => {\n  const { t } = useTranslation()\n  const { isCustomRouteSettings, reset } = useSettingMonitor()\n  const [open, setOpen] = useState(false)\n\n  const toggleDialog = useCallback(() => {\n    setOpen((open) => !open)\n  }, [])\n\n  const handleReset = () => {\n    reset()\n    toggleDialog()\n  }\n\n  if (!isCustomRouteSettings) {\n    return null\n  }\n\n  return (\n    <Box\n      sx={{\n        mt: 2,\n      }}\n    >\n      <ResetButtonContainer>\n        <Box\n          sx={{\n            display: 'flex',\n            marginBottom: '12px',\n          }}\n        >\n          <InfoRounded\n            sx={{\n              marginRight: '8px',\n            }}\n          />\n          <Box\n            sx={{\n              fontSize: 14,\n            }}\n          >\n            {t('settings.resetSettings')}\n          </Box>\n        </Box>\n        <Button onClick={toggleDialog} fullWidth>\n          {t('button.resetSettings')}\n        </Button>\n\n        <Dialog open={open} onClose={toggleDialog}>\n          <DialogContainer>\n            <DialogTitle>{t('warning.title.resetSettings')}</DialogTitle>\n            <DialogContent>\n              <DialogContentText>\n                {t('warning.message.resetSettings')}\n              </DialogContentText>\n            </DialogContent>\n            <DialogActions>\n              <Button onClick={toggleDialog}>{t('button.cancel')}</Button>\n              <Button variant=\"contained\" onClick={handleReset} autoFocus>\n                {t('button.reset')}\n              </Button>\n            </DialogActions>\n          </DialogContainer>\n        </Dialog>\n      </ResetButtonContainer>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;;;AAeA,MAAa,4BAAsC;CACjD,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,EAAE,uBAAuB,UAAU,mBAAmB;CAC5D,MAAM,CAAC,MAAM,WAAW,SAAS,MAAM;CAEvC,MAAM,eAAe,kBAAkB;AACrC,WAAS,SAAS,CAAC,KAAK;IACvB,EAAE,CAAC;CAEN,MAAM,oBAAoB;AACxB,SAAO;AACP,gBAAc;;AAGhB,KAAI,CAAC,sBACH,QAAO;AAGT,QACE,oBAAC,KAAD;EACE,IAAI,EACF,IAAI,GACL;YAED,qBAAC,sBAAD,EAAA,UAAA;GACE,qBAAC,KAAD;IACE,IAAI;KACF,SAAS;KACT,cAAc;KACf;cAJH,CAME,oBAAC,aAAD,EACE,IAAI,EACF,aAAa,OACd,EACD,CAAA,EACF,oBAAC,KAAD;KACE,IAAI,EACF,UAAU,IACX;eAEA,EAAE,yBAAyB;KACxB,CAAA,CACF;;GACN,oBAAC,QAAD;IAAQ,SAAS;IAAc,WAAA;cAC5B,EAAE,uBAAuB;IACnB,CAAA;GAET,oBAACA,UAAD;IAAc;IAAM,SAAS;cAC3B,qBAAC,iBAAD,EAAA,UAAA;KACE,oBAACC,eAAD,EAAA,UAAc,EAAE,8BAA8B,EAAe,CAAA;KAC7D,oBAACC,iBAAD,EAAA,UACE,oBAACC,qBAAD,EAAA,UACG,EAAE,gCAAgC,EACjB,CAAA,EACN,CAAA;KAChB,qBAACC,iBAAD,EAAA,UAAA,CACE,oBAAC,QAAD;MAAQ,SAAS;gBAAe,EAAE,gBAAgB;MAAU,CAAA,EAC5D,oBAAC,QAAD;MAAQ,SAAQ;MAAY,SAAS;MAAa,WAAA;gBAC/C,EAAE,eAAe;MACX,CAAA,CACK,EAAA,CAAA;KACA,EAAA,CAAA;IACX,CAAA;GACY,EAAA,CAAA;EACnB,CAAA"}

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

@@ -1,10 +1,12 @@
-import { Box, styled } from '@mui/material';
-export const ResetButtonContainer = styled(Box)(({ theme }) => ({
-    background: `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.04)`,
-    borderRadius: '16px',
-    padding: '16px',
-    svg: {
-        fill: `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.4)`,
-    },
+import { Box, styled } from "@mui/material";
+//#region src/pages/SettingsPage/ResetSettingsButton.style.tsx
+const ResetButtonContainer = styled(Box)(({ theme }) => ({
+	background: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 4%, transparent)`,
+	borderRadius: "16px",
+	padding: "16px",
+	svg: { fill: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 40%, transparent)` }
 }));
+//#endregion
+export { ResetButtonContainer };
+
 //# sourceMappingURL=ResetSettingsButton.style.js.map

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

@@ -1 +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;AAE3C,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9D,UAAU,EAAE,QAAQ,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,mBAAmB,UAAU;IAC3E,YAAY,EAAE,MAAM;IACpB,OAAO,EAAE,MAAM;IACf,GAAG,EAAE;QACH,IAAI,EAAE,QAAQ,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,mBAAmB,SAAS;KACrE;CACF,CAAC,CAAC,CAAA"}
+{"version":3,"file":"ResetSettingsButton.style.js","names":[],"sources":["../../../../src/pages/SettingsPage/ResetSettingsButton.style.tsx"],"sourcesContent":["import { Box, styled } from '@mui/material'\nimport type React from 'react'\n\nexport const ResetButtonContainer: React.FC<React.ComponentProps<typeof Box>> =\n  styled(Box)(({ theme }) => ({\n    background: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 4%, transparent)`,\n    borderRadius: '16px',\n    padding: '16px',\n    svg: {\n      fill: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 40%, transparent)`,\n    },\n  }))\n"],"mappings":";;AAGA,MAAa,uBACX,OAAO,IAAI,EAAE,EAAE,aAAa;CAC1B,YAAY,sBAAsB,MAAM,KAAK,QAAQ,OAAO,aAAa;CACzE,cAAc;CACd,SAAS;CACT,KAAK,EACH,MAAM,sBAAsB,MAAM,KAAK,QAAQ,OAAO,aAAa,qBACpE;CACF,EAAE"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"RoutePrioritySettings.js","sourceRoot":"","sources":["../../../../src/pages/SettingsPage/RoutePrioritySettings.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,MAAM,2BAA2B,CAAA;AAC7C,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,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"}
+{"version":3,"file":"RoutePrioritySettings.js","names":[],"sources":["../../../../src/pages/SettingsPage/RoutePrioritySettings.tsx"],"sourcesContent":["import type { Order } from '@lifi/sdk'\nimport Route from '@mui/icons-material/Route'\nimport { useTranslation } from 'react-i18next'\nimport { CardTabs, Tab } from '../../components/Tabs/Tabs.style.js'\nimport { useSettingMonitor } from '../../hooks/useSettingMonitor.js'\nimport { useSettings } from '../../stores/settings/useSettings.js'\nimport { useSettingsActions } from '../../stores/settings/useSettingsActions.js'\nimport { BadgedValue } from './SettingsCard/BadgedValue.js'\nimport { SettingCardExpandable } from './SettingsCard/SettingCardExpandable.js'\n\nconst Priorities: Order[] = ['CHEAPEST', 'FASTEST']\n\nexport const RoutePrioritySettings: React.FC = () => {\n  const { t } = useTranslation()\n  const { setValue } = useSettingsActions()\n  const { isRoutePriorityChanged } = useSettingMonitor()\n  const { routePriority } = useSettings(['routePriority'])\n  const currentRoutePriority = routePriority ?? ''\n\n  const handleRoutePriorityChange = (\n    _: React.SyntheticEvent,\n    routePriority: Order\n  ) => {\n    setValue('routePriority', routePriority)\n  }\n\n  return (\n    <SettingCardExpandable\n      value={\n        <BadgedValue badgeColor=\"info\" showBadge={isRoutePriorityChanged}>\n          {t(`main.tags.${currentRoutePriority.toLowerCase()}` as any)}\n        </BadgedValue>\n      }\n      icon={<Route />}\n      title={t('settings.routePriority')}\n    >\n      <CardTabs\n        value={currentRoutePriority}\n        aria-label=\"tabs\"\n        indicatorColor=\"primary\"\n        onChange={handleRoutePriorityChange}\n        sx={{ mt: 1.5 }}\n      >\n        {Priorities.map((priority) => {\n          return (\n            <Tab\n              key={priority}\n              label={t(`main.tags.${priority.toLowerCase()}` as any)}\n              value={priority}\n              disableRipple\n            />\n          )\n        })}\n      </CardTabs>\n    </SettingCardExpandable>\n  )\n}\n"],"mappings":";;;;;;;;;;AAUA,MAAM,aAAsB,CAAC,YAAY,UAAU;AAEnD,MAAa,8BAAwC;CACnD,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,EAAE,aAAa,oBAAoB;CACzC,MAAM,EAAE,2BAA2B,mBAAmB;CACtD,MAAM,EAAE,kBAAkB,YAAY,CAAC,gBAAgB,CAAC;CACxD,MAAM,uBAAuB,iBAAiB;CAE9C,MAAM,6BACJ,GACA,kBACG;AACH,WAAS,iBAAiB,cAAc;;AAG1C,QACE,oBAAC,uBAAD;EACE,OACE,oBAAC,aAAD;GAAa,YAAW;GAAO,WAAW;aACvC,EAAE,aAAa,qBAAqB,aAAa,GAAU;GAChD,CAAA;EAEhB,MAAM,oBAAC,OAAD,EAAS,CAAA;EACf,OAAO,EAAE,yBAAyB;YAElC,oBAAC,UAAD;GACE,OAAO;GACP,cAAW;GACX,gBAAe;GACf,UAAU;GACV,IAAI,EAAE,IAAI,KAAK;aAEd,WAAW,KAAK,aAAa;AAC5B,WACE,oBAAC,KAAD;KAEE,OAAO,EAAE,aAAa,SAAS,aAAa,GAAU;KACtD,OAAO;KACP,eAAA;KACA,EAJK,SAIL;KAEJ;GACO,CAAA;EACW,CAAA"}

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

@@ -1,5 +1,13 @@
-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 }));
+import { CardValue } from "../../../components/Card/CardButton.style.js";
+import { Badge } from "./SettingCard.style.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/pages/SettingsPage/SettingsCard/BadgedValue.tsx
+const BadgedValue = ({ showBadge, badgeColor, children }) => showBadge && badgeColor ? /* @__PURE__ */ jsx(Badge, {
+	variant: "dot",
+	color: badgeColor,
+	children: /* @__PURE__ */ jsx(CardValue, { children })
+}) : /* @__PURE__ */ jsx(CardValue, { children });
+//#endregion
+export { BadgedValue };
+
 //# sourceMappingURL=BadgedValue.js.map

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

@@ -1 +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"}
+{"version":3,"file":"BadgedValue.js","names":[],"sources":["../../../../../src/pages/SettingsPage/SettingsCard/BadgedValue.tsx"],"sourcesContent":["import type { BadgeProps } from '@mui/material'\nimport type { PropsWithChildren } from 'react'\nimport { CardValue } from '../../../components/Card/CardButton.style.js'\nimport { Badge } from './SettingCard.style.js'\n\ninterface BadgedValueProps {\n  showBadge: boolean\n  badgeColor?: BadgeProps['color']\n}\n\nexport const BadgedValue: React.FC<PropsWithChildren<BadgedValueProps>> = ({\n  showBadge,\n  badgeColor,\n  children,\n}) =>\n  showBadge && badgeColor ? (\n    <Badge variant=\"dot\" color={badgeColor}>\n      <CardValue>{children}</CardValue>\n    </Badge>\n  ) : (\n    <CardValue>{children}</CardValue>\n  )\n"],"mappings":";;;;AAUA,MAAa,eAA8D,EACzE,WACA,YACA,eAEA,aAAa,aACX,oBAAC,OAAD;CAAO,SAAQ;CAAM,OAAO;WAC1B,oBAAC,WAAD,EAAY,UAAqB,CAAA;CAC3B,CAAA,GAER,oBAAC,WAAD,EAAY,UAAqB,CAAA"}

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

@@ -1,20 +1,23 @@
-import { Box, badgeClasses, Badge as MuiBadge, styled } from '@mui/material';
-export const SettingsList = styled(Box)(({ theme }) => ({
-    display: 'flex',
-    flexDirection: 'column',
-    gap: theme.spacing(1),
+import { Badge, Box, badgeClasses, styled } from "@mui/material";
+//#region src/pages/SettingsPage/SettingsCard/SettingCard.style.tsx
+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%',
-    },
+const Badge$1 = styled(Badge)(({ theme }) => ({
+	display: "flex",
+	alignItems: "center",
+	gap: theme.spacing(1.25),
+	[`.${badgeClasses.badge}`]: {
+		width: 10,
+		height: 10,
+		position: "relative",
+		transform: "translateX(0)",
+		borderRadius: "50%"
+	}
 }));
+//#endregion
+export { Badge$1 as Badge, SettingsList };
+
 //# sourceMappingURL=SettingCard.style.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SettingCard.style.js","sourceRoot":"","sources":["../../../../../src/pages/SettingsPage/SettingsCard/SettingCard.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,IAAI,QAAQ,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"}
+{"version":3,"file":"SettingCard.style.js","names":["Badge","MuiBadge"],"sources":["../../../../../src/pages/SettingsPage/SettingsCard/SettingCard.style.tsx"],"sourcesContent":["import { Box, badgeClasses, Badge as MuiBadge, styled } from '@mui/material'\nimport type React from 'react'\n\nexport const SettingsList: React.FC<React.ComponentProps<typeof Box>> = styled(\n  Box\n)(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(1),\n}))\n\nexport const Badge: React.FC<React.ComponentProps<typeof MuiBadge>> = styled(\n  MuiBadge\n)(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(1.25),\n  [`.${badgeClasses.badge}`]: {\n    width: 10,\n    height: 10,\n    // the following removes MUI styling so we can position the badge with flex\n    position: 'relative',\n    transform: 'translateX(0)',\n    borderRadius: '50%',\n  },\n}))\n"],"mappings":";;AAGA,MAAa,eAA2D,OACtE,IACD,EAAE,EAAE,aAAa;CAChB,SAAS;CACT,eAAe;CACf,KAAK,MAAM,QAAQ,EAAE;CACtB,EAAE;AAEH,MAAaA,UAAyD,OACpEC,MACD,EAAE,EAAE,aAAa;CAChB,SAAS;CACT,YAAY;CACZ,KAAK,MAAM,QAAQ,KAAK;EACvB,IAAI,aAAa,UAAU;EAC1B,OAAO;EACP,QAAQ;EAER,UAAU;EACV,WAAW;EACX,cAAc;EACf;CACF,EAAE"}

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

@@ -1,19 +1,47 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Collapse } from '@mui/material';
-import { forwardRef, useId, useImperativeHandle, useRef } 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 = forwardRef(({ icon, title, value, children, disabled, keepValueVisible, onEntered }, ref) => {
-    const { expanded, toggleExpanded } = useSettingsCardExpandable();
-    const buttonId = useId();
-    const collapseId = useId();
-    const buttonRef = useRef(null);
-    useImperativeHandle(ref, () => ({
-        element: buttonRef.current,
-        isExpanded: expanded,
-        toggleExpanded,
-    }), [expanded, toggleExpanded]);
-    return (_jsxs(Card, { sx: { p: 1 }, children: [_jsxs(CardRowButton, { ref: buttonRef, id: buttonId, "aria-expanded": expanded, "aria-controls": collapseId, onClick: disabled ? undefined : () => toggleExpanded(), disableRipple: true, sx: { p: 1, cursor: disabled ? 'default' : 'pointer' }, children: [_jsxs(CardTitleContainer, { children: [icon, _jsx(CardValue, { children: title })] }), (!expanded || keepValueVisible) && value] }), _jsx(Collapse, { id: collapseId, role: "region", "aria-labelledby": buttonId, in: expanded, mountOnEnter: true, unmountOnExit: true, onEntered: onEntered, children: children })] }));
+import { Card as Card$1 } from "../../../components/Card/Card.js";
+import { CardRowButton, CardTitleContainer, CardValue } from "../../../components/Card/CardButton.style.js";
+import { useSettingsCardExpandable } from "./SettingsAccordian.js";
+import { forwardRef, useId, useImperativeHandle, useRef } from "react";
+import { Collapse } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/pages/SettingsPage/SettingsCard/SettingCardExpandable.tsx
+const SettingCardExpandable = forwardRef(({ icon, title, value, children, disabled, keepValueVisible, onEntered }, ref) => {
+	const { expanded, toggleExpanded } = useSettingsCardExpandable();
+	const buttonId = useId();
+	const collapseId = useId();
+	const buttonRef = useRef(null);
+	useImperativeHandle(ref, () => ({
+		element: buttonRef.current,
+		isExpanded: expanded,
+		toggleExpanded
+	}), [expanded, toggleExpanded]);
+	return /* @__PURE__ */ jsxs(Card$1, {
+		sx: { p: 1 },
+		children: [/* @__PURE__ */ jsxs(CardRowButton, {
+			ref: buttonRef,
+			id: buttonId,
+			"aria-expanded": expanded,
+			"aria-controls": collapseId,
+			onClick: disabled ? void 0 : () => toggleExpanded(),
+			disableRipple: true,
+			sx: {
+				p: 1,
+				cursor: disabled ? "default" : "pointer"
+			},
+			children: [/* @__PURE__ */ jsxs(CardTitleContainer, { children: [icon, /* @__PURE__ */ jsx(CardValue, { children: title })] }), (!expanded || keepValueVisible) && value]
+		}), /* @__PURE__ */ jsx(Collapse, {
+			id: collapseId,
+			role: "region",
+			"aria-labelledby": buttonId,
+			in: expanded,
+			mountOnEnter: true,
+			unmountOnExit: true,
+			onEntered,
+			children
+		})]
+	});
 });
+//#endregion
+export { SettingCardExpandable };
+
 //# sourceMappingURL=SettingCardExpandable.js.map

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

@@ -1 +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,UAAU,EAAE,KAAK,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACtE,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;AAgBlE,MAAM,CAAC,MAAM,qBAAqB,GAAG,UAAU,CAI7C,CACE,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,EAAE,SAAS,EAAE,EACvE,GAAG,EACH,EAAE;IACF,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,yBAAyB,EAAE,CAAA;IAChE,MAAM,QAAQ,GAAG,KAAK,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,KAAK,EAAE,CAAA;IAC1B,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAA;IAEjD,mBAAmB,CACjB,GAAG,EACH,GAAG,EAAE,CAAC,CAAC;QACL,OAAO,EAAE,SAAS,CAAC,OAAO;QAC1B,UAAU,EAAE,QAAQ;QACpB,cAAc;KACf,CAAC,EACF,CAAC,QAAQ,EAAE,cAAc,CAAC,CAC3B,CAAA;IAED,OAAO,CACL,MAAC,IAAI,IAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,aAChB,MAAC,aAAa,IACZ,GAAG,EAAE,SAAS,EACd,EAAE,EAAE,QAAQ,mBACG,QAAQ,mBACR,UAAU,EACzB,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,cAAc,EAAE,EACtD,aAAa,QACb,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAAE,aAEtD,MAAC,kBAAkB,eAChB,IAAI,EACL,KAAC,SAAS,cAAE,KAAK,GAAa,IACX,EACpB,CAAC,CAAC,QAAQ,IAAI,gBAAgB,CAAC,IAAI,KAAK,IAC3B,EAChB,KAAC,QAAQ,IACP,EAAE,EAAE,UAAU,EACd,IAAI,EAAC,QAAQ,qBACI,QAAQ,EACzB,EAAE,EAAE,QAAQ,EACZ,YAAY,QACZ,aAAa,QACb,SAAS,EAAE,SAAS,YAEnB,QAAQ,GACA,IACN,CACR,CAAA;AACH,CAAC,CACF,CAAA"}
+{"version":3,"file":"SettingCardExpandable.js","names":["Card"],"sources":["../../../../../src/pages/SettingsPage/SettingsCard/SettingCardExpandable.tsx"],"sourcesContent":["import { Collapse } from '@mui/material'\nimport type { PropsWithChildren, ReactNode } from 'react'\nimport {\n  type ForwardRefExoticComponent,\n  forwardRef,\n  type RefAttributes,\n  useId,\n  useImperativeHandle,\n  useRef,\n} from 'react'\nimport { Card } from '../../../components/Card/Card.js'\nimport {\n  CardRowButton,\n  CardTitleContainer,\n  CardValue,\n} from '../../../components/Card/CardButton.style.js'\nimport { useSettingsCardExpandable } from './SettingsAccordian.js'\nimport type { SettingCardTitle } from './types.js'\n\ninterface SettingCardExpandableProps extends SettingCardTitle {\n  value: ReactNode\n  disabled?: boolean\n  keepValueVisible?: boolean\n  onEntered?: () => void\n}\n\nexport interface SettingCardExpandableRef {\n  element: HTMLButtonElement | null\n  isExpanded: boolean\n  toggleExpanded: (forceExpanded?: boolean) => void\n}\n\nexport const SettingCardExpandable: ForwardRefExoticComponent<\n  PropsWithChildren<SettingCardExpandableProps> &\n    RefAttributes<SettingCardExpandableRef>\n> = forwardRef<\n  SettingCardExpandableRef,\n  PropsWithChildren<SettingCardExpandableProps>\n>(\n  (\n    { icon, title, value, children, disabled, keepValueVisible, onEntered },\n    ref\n  ) => {\n    const { expanded, toggleExpanded } = useSettingsCardExpandable()\n    const buttonId = useId()\n    const collapseId = useId()\n    const buttonRef = useRef<HTMLButtonElement>(null)\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        element: buttonRef.current,\n        isExpanded: expanded,\n        toggleExpanded,\n      }),\n      [expanded, toggleExpanded]\n    )\n\n    return (\n      <Card sx={{ p: 1 }}>\n        <CardRowButton\n          ref={buttonRef}\n          id={buttonId}\n          aria-expanded={expanded}\n          aria-controls={collapseId}\n          onClick={disabled ? undefined : () => toggleExpanded()}\n          disableRipple\n          sx={{ p: 1, cursor: disabled ? 'default' : 'pointer' }}\n        >\n          <CardTitleContainer>\n            {icon}\n            <CardValue>{title}</CardValue>\n          </CardTitleContainer>\n          {(!expanded || keepValueVisible) && value}\n        </CardRowButton>\n        <Collapse\n          id={collapseId}\n          role=\"region\"\n          aria-labelledby={buttonId}\n          in={expanded}\n          mountOnEnter\n          unmountOnExit\n          onEntered={onEntered}\n        >\n          {children}\n        </Collapse>\n      </Card>\n    )\n  }\n)\n"],"mappings":";;;;;;;AAgCA,MAAa,wBAGT,YAKA,EAAE,MAAM,OAAO,OAAO,UAAU,UAAU,kBAAkB,aAC5D,QACG;CACH,MAAM,EAAE,UAAU,mBAAmB,2BAA2B;CAChE,MAAM,WAAW,OAAO;CACxB,MAAM,aAAa,OAAO;CAC1B,MAAM,YAAY,OAA0B,KAAK;AAEjD,qBACE,YACO;EACL,SAAS,UAAU;EACnB,YAAY;EACZ;EACD,GACD,CAAC,UAAU,eAAe,CAC3B;AAED,QACE,qBAACA,QAAD;EAAM,IAAI,EAAE,GAAG,GAAG;YAAlB,CACE,qBAAC,eAAD;GACE,KAAK;GACL,IAAI;GACJ,iBAAe;GACf,iBAAe;GACf,SAAS,WAAW,KAAA,UAAkB,gBAAgB;GACtD,eAAA;GACA,IAAI;IAAE,GAAG;IAAG,QAAQ,WAAW,YAAY;IAAW;aAPxD,CASE,qBAAC,oBAAD,EAAA,UAAA,CACG,MACD,oBAAC,WAAD,EAAA,UAAY,OAAkB,CAAA,CACX,EAAA,CAAA,GACnB,CAAC,YAAY,qBAAqB,MACtB;MAChB,oBAAC,UAAD;GACE,IAAI;GACJ,MAAK;GACL,mBAAiB;GACjB,IAAI;GACJ,cAAA;GACA,eAAA;GACW;GAEV;GACQ,CAAA,CACN;;EAGZ"}

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

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

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

@@ -1 +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;IAEtE,MAAM,cAAc,GAAG,CAAC,aAAuB,EAAE,EAAE;QACjD,MAAM,WAAW,GAAG,aAAa,IAAI,CAAC,QAAQ,CAAA;QAC9C,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"}
+{"version":3,"file":"SettingsAccordian.js","names":[],"sources":["../../../../../src/pages/SettingsPage/SettingsCard/SettingsAccordian.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react'\nimport { createContext, useContext, useEffect, useId, useState } from 'react'\n\nconst SettingsAccordionContext = createContext({\n  setOpenCard: (_id: string) => {},\n  openCard: '',\n})\n\nexport const SettingsCardAccordion: React.FC<PropsWithChildren> = ({\n  children,\n}) => {\n  const [openCard, setOpenCard] = useState('')\n\n  return (\n    <SettingsAccordionContext.Provider value={{ openCard, setOpenCard }}>\n      {children}\n    </SettingsAccordionContext.Provider>\n  )\n}\n\nexport const useSettingsCardExpandable = (): {\n  expanded: boolean\n  toggleExpanded: (forceExpanded?: boolean) => void\n} => {\n  const settingCardExpandableId = useId()\n  const [expanded, setExpanded] = useState(false)\n  const { openCard, setOpenCard } = useContext(SettingsAccordionContext)\n\n  const toggleExpanded = (forceExpanded?: boolean) => {\n    const newExpanded = forceExpanded ?? !expanded\n    setExpanded(newExpanded)\n\n    if (newExpanded && openCard !== settingCardExpandableId) {\n      setOpenCard(settingCardExpandableId)\n    }\n  }\n\n  useEffect(() => {\n    if (openCard !== settingCardExpandableId) {\n      setExpanded(false)\n    }\n  }, [settingCardExpandableId, openCard])\n\n  return {\n    expanded: expanded,\n    toggleExpanded: toggleExpanded,\n  }\n}\n"],"mappings":";;;AAGA,MAAM,2BAA2B,cAAc;CAC7C,cAAc,QAAgB;CAC9B,UAAU;CACX,CAAC;AAEF,MAAa,yBAAsD,EACjE,eACI;CACJ,MAAM,CAAC,UAAU,eAAe,SAAS,GAAG;AAE5C,QACE,oBAAC,yBAAyB,UAA1B;EAAmC,OAAO;GAAE;GAAU;GAAa;EAChE;EACiC,CAAA;;AAIxC,MAAa,kCAGR;CACH,MAAM,0BAA0B,OAAO;CACvC,MAAM,CAAC,UAAU,eAAe,SAAS,MAAM;CAC/C,MAAM,EAAE,UAAU,gBAAgB,WAAW,yBAAyB;CAEtE,MAAM,kBAAkB,kBAA4B;EAClD,MAAM,cAAc,iBAAiB,CAAC;AACtC,cAAY,YAAY;AAExB,MAAI,eAAe,aAAa,wBAC9B,aAAY,wBAAwB;;AAIxC,iBAAgB;AACd,MAAI,aAAa,wBACf,aAAY,MAAM;IAEnB,CAAC,yBAAyB,SAAS,CAAC;AAEvC,QAAO;EACK;EACM;EACjB"}

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

@@ -1,23 +1,39 @@
-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 { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
-import { HiddenUI } from '../../types/widget.js';
-import { BridgeAndExchangeSettings } from './BridgeAndExchangeSettings.js';
-import { GasPriceSettings } from './GasPriceSettings.js';
-import { LanguageSetting } from './LanguageSetting.js';
-import { ResetSettingsButton } from './ResetSettingsButton.js';
-import { RoutePrioritySettings } from './RoutePrioritySettings.js';
-import { SettingsList } from './SettingsCard/SettingCard.style.js';
-import { SettingsCardAccordion } from './SettingsCard/SettingsAccordian.js';
-import { SlippageSettings } from './SlippageSettings/SlippageSettings.js';
-import { SmallBalanceFilterSettings } from './SmallBalanceFilterSettings.js';
-import { ThemeSettings } from './ThemeSettings.js';
-export const SettingsPage = () => {
-    const { t } = useTranslation();
-    const { hiddenUI } = useWidgetConfig();
-    useHeader(t('header.settings'));
-    return (_jsxs(PageContainer, { bottomGutters: true, children: [_jsx(SettingsList, { children: _jsxs(SettingsCardAccordion, { children: [_jsx(ThemeSettings, {}), _jsx(LanguageSetting, {}), _jsx(RoutePrioritySettings, {}), _jsx(GasPriceSettings, {}), _jsx(SlippageSettings, {}), !hiddenUI?.includes(HiddenUI.HideSmallBalances) && (_jsx(SmallBalanceFilterSettings, {})), _jsx(BridgeAndExchangeSettings, { type: "Bridges" }), _jsx(BridgeAndExchangeSettings, { type: "Exchanges" })] }) }), _jsx(ResetSettingsButton, {})] }));
+import { useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
+import { HiddenUI } from "../../types/widget.js";
+import { PageContainer } from "../../components/PageContainer.js";
+import { useHeader } from "../../hooks/useHeader.js";
+import { SettingsList } from "./SettingsCard/SettingCard.style.js";
+import { BridgeAndExchangeSettings } from "./BridgeAndExchangeSettings.js";
+import { SettingsCardAccordion } from "./SettingsCard/SettingsAccordian.js";
+import { GasPriceSettings } from "./GasPriceSettings.js";
+import { LanguageSetting } from "./LanguageSetting.js";
+import { ResetSettingsButton } from "./ResetSettingsButton.js";
+import { RoutePrioritySettings } from "./RoutePrioritySettings.js";
+import { SlippageSettings } from "./SlippageSettings/SlippageSettings.js";
+import { SmallBalanceFilterSettings } from "./SmallBalanceFilterSettings.js";
+import { ThemeSettings } from "./ThemeSettings.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+//#region src/pages/SettingsPage/SettingsPage.tsx
+const SettingsPage = () => {
+	const { t } = useTranslation();
+	const { hiddenUI } = useWidgetConfig();
+	useHeader(t("header.settings"));
+	return /* @__PURE__ */ jsxs(PageContainer, {
+		bottomGutters: true,
+		children: [/* @__PURE__ */ jsx(SettingsList, { children: /* @__PURE__ */ jsxs(SettingsCardAccordion, { children: [
+			/* @__PURE__ */ jsx(ThemeSettings, {}),
+			/* @__PURE__ */ jsx(LanguageSetting, {}),
+			/* @__PURE__ */ jsx(RoutePrioritySettings, {}),
+			/* @__PURE__ */ jsx(GasPriceSettings, {}),
+			/* @__PURE__ */ jsx(SlippageSettings, {}),
+			!hiddenUI?.includes(HiddenUI.HideSmallBalances) && /* @__PURE__ */ jsx(SmallBalanceFilterSettings, {}),
+			/* @__PURE__ */ jsx(BridgeAndExchangeSettings, { type: "Bridges" }),
+			/* @__PURE__ */ jsx(BridgeAndExchangeSettings, { type: "Exchanges" })
+		] }) }), /* @__PURE__ */ jsx(ResetSettingsButton, {})]
+	});
 };
+//#endregion
+export { SettingsPage };
+
 //# sourceMappingURL=SettingsPage.js.map

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

@@ -1 +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,eAAe,EAAE,MAAM,kDAAkD,CAAA;AAClF,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAA;AAC1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAClE,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,0BAA0B,EAAE,MAAM,iCAAiC,CAAA;AAC5E,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAElD,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,CAAA;IACtC,SAAS,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAA;IAE/B,OAAO,CACL,MAAC,aAAa,IAAC,aAAa,mBAC1B,KAAC,YAAY,cACX,MAAC,qBAAqB,eACpB,KAAC,aAAa,KAAG,EACjB,KAAC,eAAe,KAAG,EACnB,KAAC,qBAAqB,KAAG,EACzB,KAAC,gBAAgB,KAAG,EACpB,KAAC,gBAAgB,KAAG,EACnB,CAAC,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,iBAAiB,CAAC,IAAI,CAClD,KAAC,0BAA0B,KAAG,CAC/B,EACD,KAAC,yBAAyB,IAAC,IAAI,EAAC,SAAS,GAAG,EAC5C,KAAC,yBAAyB,IAAC,IAAI,EAAC,WAAW,GAAG,IACxB,GACX,EACf,KAAC,mBAAmB,KAAG,IACT,CACjB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"SettingsPage.js","names":[],"sources":["../../../../src/pages/SettingsPage/SettingsPage.tsx"],"sourcesContent":["import type { JSX } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { PageContainer } from '../../components/PageContainer.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { HiddenUI } from '../../types/widget.js'\nimport { BridgeAndExchangeSettings } from './BridgeAndExchangeSettings.js'\nimport { GasPriceSettings } from './GasPriceSettings.js'\nimport { LanguageSetting } from './LanguageSetting.js'\nimport { ResetSettingsButton } from './ResetSettingsButton.js'\nimport { RoutePrioritySettings } from './RoutePrioritySettings.js'\nimport { SettingsList } from './SettingsCard/SettingCard.style.js'\nimport { SettingsCardAccordion } from './SettingsCard/SettingsAccordian.js'\nimport { SlippageSettings } from './SlippageSettings/SlippageSettings.js'\nimport { SmallBalanceFilterSettings } from './SmallBalanceFilterSettings.js'\nimport { ThemeSettings } from './ThemeSettings.js'\n\nexport const SettingsPage = (): JSX.Element => {\n  const { t } = useTranslation()\n  const { hiddenUI } = useWidgetConfig()\n  useHeader(t('header.settings'))\n\n  return (\n    <PageContainer bottomGutters>\n      <SettingsList>\n        <SettingsCardAccordion>\n          <ThemeSettings />\n          <LanguageSetting />\n          <RoutePrioritySettings />\n          <GasPriceSettings />\n          <SlippageSettings />\n          {!hiddenUI?.includes(HiddenUI.HideSmallBalances) && (\n            <SmallBalanceFilterSettings />\n          )}\n          <BridgeAndExchangeSettings type=\"Bridges\" />\n          <BridgeAndExchangeSettings type=\"Exchanges\" />\n        </SettingsCardAccordion>\n      </SettingsList>\n      <ResetSettingsButton />\n    </PageContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAiBA,MAAa,qBAAkC;CAC7C,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,EAAE,aAAa,iBAAiB;AACtC,WAAU,EAAE,kBAAkB,CAAC;AAE/B,QACE,qBAAC,eAAD;EAAe,eAAA;YAAf,CACE,oBAAC,cAAD,EAAA,UACE,qBAAC,uBAAD,EAAA,UAAA;GACE,oBAAC,eAAD,EAAiB,CAAA;GACjB,oBAAC,iBAAD,EAAmB,CAAA;GACnB,oBAAC,uBAAD,EAAyB,CAAA;GACzB,oBAAC,kBAAD,EAAoB,CAAA;GACpB,oBAAC,kBAAD,EAAoB,CAAA;GACnB,CAAC,UAAU,SAAS,SAAS,kBAAkB,IAC9C,oBAAC,4BAAD,EAA8B,CAAA;GAEhC,oBAAC,2BAAD,EAA2B,MAAK,WAAY,CAAA;GAC5C,oBAAC,2BAAD,EAA2B,MAAK,aAAc,CAAA;GACxB,EAAA,CAAA,EACX,CAAA,EACf,oBAAC,qBAAD,EAAuB,CAAA,CACT"}