@lifi/widget 4.0.0-beta.9 → 4.0.0

package/dist/esm/pages/SendToWallet/SendToWalletPage.style.js

@@ -1,124 +1,90 @@
-import { Alert, alertClasses, Box, IconButton, inputBaseClasses, List, styled, Typography, } from '@mui/material';
-import { ButtonTertiary } from '../../components/ButtonTertiary.js';
-import { InputCard } from '../../components/Card/InputCard.js';
-import { Input } from '../../components/Input.js';
-import { PageContainer } from '../../components/PageContainer.js';
-export const AddressInput = styled(Input)(({ theme }) => ({
-    padding: 0,
-    [`.${inputBaseClasses.input}`]: {
-        padding: theme.spacing(2),
-        minHeight: 48,
-    },
-}));
-export const BookmarkInputFields = styled(Box)(({ theme }) => ({
-    display: 'flex',
-    flexDirection: 'column',
-    gap: theme.spacing(2),
-    width: '100%',
-}));
-export const SendToWalletPageContainer = styled(PageContainer)(({ theme }) => ({
-    display: 'flex',
-    flexDirection: 'column',
-    gap: theme.spacing(1),
-}));
-export const FullHeightAdjustablePageContainer = styled(SendToWalletPageContainer, {
-    shouldForwardProp: (prop) => prop !== 'enableFullHeight',
-})(({ theme, enableFullHeight }) => ({
-    justifyContent: 'space-between',
-    ...(enableFullHeight && theme.container?.height === '100%'
-        ? {
-            justifyContent: 'space-between',
-            height: '100%',
-        }
-        : {}),
-}));
-export const SendToWalletCard = styled(InputCard)({
-    display: 'flex',
-    flexDirection: 'column',
+import { PageContainer } from "../../components/PageContainer.js";
+import { InputCard } from "../../components/Card/InputCard.js";
+import { Input } from "../../components/Input.js";
+import { ButtonTertiary } from "../../components/ButtonTertiary.js";
+import { Alert, Box, Typography, alertClasses, inputBaseClasses, styled } from "@mui/material";
+//#region src/pages/SendToWallet/SendToWalletPage.style.tsx
+const AddressInput = styled(Input)(({ theme }) => ({
+	padding: 0,
+	[`.${inputBaseClasses.input}`]: {
+		padding: theme.spacing(2),
+		minHeight: 48
+	}
+}));
+const BookmarkInputFields = styled(Box)(({ theme }) => ({
+	display: "flex",
+	flexDirection: "column",
+	gap: theme.spacing(2),
+	width: "100%"
+}));
+const FullHeightAdjustablePageContainer = styled(PageContainer, { shouldForwardProp: (prop) => prop !== "enableFullHeight" })(({ theme, enableFullHeight }) => ({
+	display: "flex",
+	flexDirection: "column",
+	gap: theme.spacing(1),
+	justifyContent: "space-between",
+	...enableFullHeight && theme.container?.height === "100%" ? { height: "100%" } : {}
+}));
+const SendToWalletCard = styled(InputCard)({
+	display: "flex",
+	flexDirection: "column"
 });
-export const SendToWalletSheetContainer = styled(Box)(({ theme }) => ({
-    display: 'flex',
-    flexDirection: 'column',
-    alignItems: 'center',
-    padding: theme.spacing(4, 3, 3),
-    gap: theme.spacing(2),
-}));
-export const SendToWalletButtonRow = styled(Box)(({ theme }) => ({
-    display: 'flex',
-    width: '100%',
-    gap: theme.spacing(1),
-}));
-export const SendToWalletIconButton = styled(ButtonTertiary)(({ theme }) => ({
-    padding: theme.spacing(1.25),
-    minWidth: 40,
-}));
-export const IconContainer = styled(Box)(({ theme }) => ({
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center',
-    width: 80,
-    height: 80,
-    borderRadius: '50%',
-    color: theme.vars.palette.grey[700],
-    background: theme.vars.palette.grey[200],
-    ...theme.applyStyles('dark', {
-        color: theme.vars.palette.grey[300],
-        background: theme.vars.palette.grey[800],
-    }),
-}));
-export const SheetTitle = styled(Typography)(() => ({
-    fontSize: 18,
-    fontWeight: 700,
-}));
-export const SheetAddressContainer = styled(Box)(() => ({
-    width: '100%',
-    wordWrap: 'break-word',
-}));
-export const ListContainer = styled(List)(() => ({
-    display: 'flex',
-    flexDirection: 'column',
-    padding: 0,
-    minHeight: 400,
-}));
-export const BookmarksListContainer = styled(ListContainer)(({ theme }) => ({
-    ...(theme.container?.height === '100%'
-        ? { minHeight: 360, height: 360, flexGrow: 1, overflow: 'auto' }
-        : { minHeight: 440 }),
-}));
-export const BookmarkButtonContainer = styled(Box)(({ theme }) => ({
-    background: theme.vars.palette.background.default,
-    display: 'flex',
-    flexDirection: 'column',
-    bottom: 0,
-    padding: theme.spacing(0, 3, 3),
-    zIndex: 2,
-    position: 'sticky',
-    width: '100%',
-}));
-export const EmptyContainer = styled(Box)(({ theme }) => ({
-    display: 'flex',
-    flexDirection: 'column',
-    justifyContent: 'center',
-    alignItems: 'center',
-    flexGrow: 1,
-    gap: theme.spacing(2),
-}));
-export const ValidationAlert = styled(Alert)(({ theme }) => ({
-    backgroundColor: 'transparent',
-    padding: 0,
-    color: theme.vars.palette.text.primary,
-    [`.${alertClasses.icon}`]: {
-        padding: 0,
-        color: theme.vars.palette.error.main,
-    },
-    [`.${alertClasses.message}`]: { padding: theme.spacing(0.25, 0, 0, 0) },
-}));
-export const OptionsMenuButton = styled(IconButton)(({ theme }) => ({
-    position: 'absolute',
-    top: theme.spacing(1.75),
-    right: theme.spacing(2),
-    '&:hover': {
-        backgroundColor: `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.04)`,
-    },
-}));
+const SendToWalletSheetContainer = styled(Box)(({ theme }) => ({
+	display: "flex",
+	flexDirection: "column",
+	alignItems: "center",
+	padding: theme.spacing(4, 3, 3),
+	gap: theme.spacing(2)
+}));
+const SendToWalletButtonRow = styled(Box)(({ theme }) => ({
+	display: "flex",
+	width: "100%",
+	gap: theme.spacing(1)
+}));
+const SendToWalletIconButton = styled(ButtonTertiary)(({ theme }) => ({
+	padding: theme.spacing(1.25),
+	minWidth: 40
+}));
+const IconContainer = styled(Box)(({ theme }) => ({
+	display: "flex",
+	justifyContent: "center",
+	alignItems: "center",
+	width: 80,
+	height: 80,
+	borderRadius: "50%",
+	color: theme.vars.palette.grey[800],
+	background: theme.vars.palette.grey[300],
+	...theme.applyStyles("dark", {
+		color: theme.vars.palette.grey[300],
+		background: theme.vars.palette.grey[800]
+	})
+}));
+const SheetTitle = styled(Typography)(() => ({
+	fontSize: 18,
+	fontWeight: 700
+}));
+const SheetAddressContainer = styled(Box)(() => ({
+	width: "100%",
+	wordWrap: "break-word"
+}));
+const BookmarkButtonContainer = styled(Box)(({ theme }) => ({
+	background: theme.vars.palette.background.default,
+	display: "flex",
+	flexDirection: "column",
+	flexShrink: 0,
+	padding: theme.spacing(2, 3, 3),
+	width: "100%"
+}));
+const ValidationAlert = styled(Alert)(({ theme }) => ({
+	backgroundColor: "transparent",
+	padding: 0,
+	color: theme.vars.palette.text.primary,
+	[`.${alertClasses.icon}`]: {
+		padding: 0,
+		color: theme.vars.palette.error.main
+	},
+	[`.${alertClasses.message}`]: { padding: theme.spacing(.25, 0, 0, 0) }
+}));
+//#endregion
+export { AddressInput, BookmarkButtonContainer, BookmarkInputFields, FullHeightAdjustablePageContainer, IconContainer, SendToWalletButtonRow, SendToWalletCard, SendToWalletIconButton, SendToWalletSheetContainer, SheetAddressContainer, SheetTitle, ValidationAlert };
+
 //# sourceMappingURL=SendToWalletPage.style.js.map

package/dist/esm/pages/SendToWallet/SendToWalletPage.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"SendToWalletPage.style.js","sourceRoot":"","sources":["../../../../src/pages/SendToWallet/SendToWalletPage.style.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SendToWalletPage.style.js","names":[],"sources":["../../../../src/pages/SendToWallet/SendToWalletPage.style.tsx"],"sourcesContent":["import {\n  Alert,\n  alertClasses,\n  Box,\n  inputBaseClasses,\n  styled,\n  Typography,\n} from '@mui/material'\nimport type React from 'react'\nimport { ButtonTertiary } from '../../components/ButtonTertiary.js'\nimport { InputCard } from '../../components/Card/InputCard.js'\nimport { Input } from '../../components/Input.js'\nimport type { PageContainerProps } from '../../components/PageContainer.js'\nimport { PageContainer } from '../../components/PageContainer.js'\n\nexport const AddressInput: React.FC<\n  React.ComponentProps<typeof Input> & PageContainerProps\n> = styled(Input)(({ theme }) => ({\n  padding: 0,\n  [`.${inputBaseClasses.input}`]: {\n    padding: theme.spacing(2),\n    minHeight: 48,\n  },\n}))\n\nexport const BookmarkInputFields: React.FC<\n  React.ComponentProps<typeof Box> & PageContainerProps\n> = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(2),\n  width: '100%',\n}))\n\ninterface FullHeightAdjustablePageContainerProps extends PageContainerProps {\n  enableFullHeight?: boolean\n}\n\nexport const FullHeightAdjustablePageContainer: React.FC<\n  React.ComponentProps<typeof PageContainer> &\n    FullHeightAdjustablePageContainerProps\n> = styled(PageContainer, {\n  shouldForwardProp: (prop) => prop !== 'enableFullHeight',\n})<FullHeightAdjustablePageContainerProps>(({ theme, enableFullHeight }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(1),\n  justifyContent: 'space-between',\n  ...(enableFullHeight && theme.container?.height === '100%'\n    ? {\n        height: '100%',\n      }\n    : {}),\n}))\n\nexport const SendToWalletCard: React.FC<\n  React.ComponentProps<typeof InputCard>\n> = styled(InputCard)({\n  display: 'flex',\n  flexDirection: 'column',\n})\n\nexport const SendToWalletSheetContainer: React.FC<\n  React.ComponentProps<typeof Box>\n> = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'center',\n  padding: theme.spacing(4, 3, 3),\n  gap: theme.spacing(2),\n}))\n\nexport const SendToWalletButtonRow: React.FC<React.ComponentProps<typeof Box>> =\n  styled(Box)(({ theme }) => ({\n    display: 'flex',\n    width: '100%',\n    gap: theme.spacing(1),\n  }))\n\nexport const SendToWalletIconButton: React.FC<\n  React.ComponentProps<typeof ButtonTertiary>\n> = styled(ButtonTertiary)(({ theme }) => ({\n  padding: theme.spacing(1.25),\n  minWidth: 40,\n}))\n\nexport const IconContainer: React.FC<React.ComponentProps<typeof Box>> = styled(\n  Box\n)(({ theme }) => ({\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n  width: 80,\n  height: 80,\n  borderRadius: '50%',\n  color: theme.vars.palette.grey[800],\n  background: theme.vars.palette.grey[300],\n  ...theme.applyStyles('dark', {\n    color: theme.vars.palette.grey[300],\n    background: theme.vars.palette.grey[800],\n  }),\n}))\n\nexport const SheetTitle: React.FC<React.ComponentProps<typeof Typography>> =\n  styled(Typography)(() => ({\n    fontSize: 18,\n    fontWeight: 700,\n  }))\n\nexport const SheetAddressContainer: React.FC<React.ComponentProps<typeof Box>> =\n  styled(Box)(() => ({\n    width: '100%',\n    wordWrap: 'break-word',\n  }))\n\nexport const BookmarkButtonContainer: React.FC<\n  React.ComponentProps<typeof Box>\n> = styled(Box)(({ theme }) => ({\n  background: theme.vars.palette.background.default,\n  display: 'flex',\n  flexDirection: 'column',\n  flexShrink: 0,\n  padding: theme.spacing(2, 3, 3),\n  width: '100%',\n}))\n\nexport const ValidationAlert: React.FC<React.ComponentProps<typeof Alert>> =\n  styled(Alert)(({ theme }) => ({\n    backgroundColor: 'transparent',\n    padding: 0,\n    color: theme.vars.palette.text.primary,\n    [`.${alertClasses.icon}`]: {\n      padding: 0,\n      color: theme.vars.palette.error.main,\n    },\n    [`.${alertClasses.message}`]: { padding: theme.spacing(0.25, 0, 0, 0) },\n  }))\n"],"mappings":";;;;;;AAeA,MAAa,eAET,OAAO,KAAK,GAAG,EAAE,aAAa;CAChC,SAAS;EACR,IAAI,iBAAiB,UAAU;EAC9B,SAAS,MAAM,QAAQ,CAAC;EACxB,WAAW;CACb;AACF,EAAE;AAEF,MAAa,sBAET,OAAO,GAAG,GAAG,EAAE,aAAa;CAC9B,SAAS;CACT,eAAe;CACf,KAAK,MAAM,QAAQ,CAAC;CACpB,OAAO;AACT,EAAE;AAMF,MAAa,oCAGT,OAAO,eAAe,EACxB,oBAAoB,SAAS,SAAS,mBACxC,CAAC,GAA2C,EAAE,OAAO,wBAAwB;CAC3E,SAAS;CACT,eAAe;CACf,KAAK,MAAM,QAAQ,CAAC;CACpB,gBAAgB;CAChB,GAAI,oBAAoB,MAAM,WAAW,WAAW,SAChD,EACE,QAAQ,OACV,IACA,CAAC;AACP,EAAE;AAEF,MAAa,mBAET,OAAO,SAAS,EAAE;CACpB,SAAS;CACT,eAAe;AACjB,CAAC;AAED,MAAa,6BAET,OAAO,GAAG,GAAG,EAAE,aAAa;CAC9B,SAAS;CACT,eAAe;CACf,YAAY;CACZ,SAAS,MAAM,QAAQ,GAAG,GAAG,CAAC;CAC9B,KAAK,MAAM,QAAQ,CAAC;AACtB,EAAE;AAEF,MAAa,wBACX,OAAO,GAAG,GAAG,EAAE,aAAa;CAC1B,SAAS;CACT,OAAO;CACP,KAAK,MAAM,QAAQ,CAAC;AACtB,EAAE;AAEJ,MAAa,yBAET,OAAO,cAAc,GAAG,EAAE,aAAa;CACzC,SAAS,MAAM,QAAQ,IAAI;CAC3B,UAAU;AACZ,EAAE;AAEF,MAAa,gBAA4D,OACvE,GACF,GAAG,EAAE,aAAa;CAChB,SAAS;CACT,gBAAgB;CAChB,YAAY;CACZ,OAAO;CACP,QAAQ;CACR,cAAc;CACd,OAAO,MAAM,KAAK,QAAQ,KAAK;CAC/B,YAAY,MAAM,KAAK,QAAQ,KAAK;CACpC,GAAG,MAAM,YAAY,QAAQ;EAC3B,OAAO,MAAM,KAAK,QAAQ,KAAK;EAC/B,YAAY,MAAM,KAAK,QAAQ,KAAK;CACtC,CAAC;AACH,EAAE;AAEF,MAAa,aACX,OAAO,UAAU,SAAS;CACxB,UAAU;CACV,YAAY;AACd,EAAE;AAEJ,MAAa,wBACX,OAAO,GAAG,SAAS;CACjB,OAAO;CACP,UAAU;AACZ,EAAE;AAEJ,MAAa,0BAET,OAAO,GAAG,GAAG,EAAE,aAAa;CAC9B,YAAY,MAAM,KAAK,QAAQ,WAAW;CAC1C,SAAS;CACT,eAAe;CACf,YAAY;CACZ,SAAS,MAAM,QAAQ,GAAG,GAAG,CAAC;CAC9B,OAAO;AACT,EAAE;AAEF,MAAa,kBACX,OAAO,KAAK,GAAG,EAAE,aAAa;CAC5B,iBAAiB;CACjB,SAAS;CACT,OAAO,MAAM,KAAK,QAAQ,KAAK;EAC9B,IAAI,aAAa,SAAS;EACzB,SAAS;EACT,OAAO,MAAM,KAAK,QAAQ,MAAM;CAClC;EACC,IAAI,aAAa,YAAY,EAAE,SAAS,MAAM,QAAQ,KAAM,GAAG,GAAG,CAAC,EAAE;AACxE,EAAE"}

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

@@ -1,41 +1,49 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import AirlineStops from '@mui/icons-material/AirlineStops';
-import SwapHoriz from '@mui/icons-material/SwapHoriz';
-import { useNavigate } from '@tanstack/react-router';
-import { useTranslation } from 'react-i18next';
-import { CardButton } from '../../components/Card/CardButton.js';
-import { useSettingMonitor } from '../../hooks/useSettingMonitor.js';
-import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
-import { useSettingsStore } from '../../stores/settings/SettingsStore.js';
-import { HiddenUI } from '../../types/widget.js';
-import { navigationRoutes } from '../../utils/navigationRoutes.js';
-import { BadgedValue } from './SettingsCard/BadgedValue.js';
+import { useSettingsStore } from "../../stores/settings/SettingsStore.js";
+import { useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
+import { navigationRoutes } from "../../utils/navigationRoutes.js";
+import { useSettingMonitor } from "../../hooks/useSettingMonitor.js";
+import { CardButton } from "../../components/Card/CardButton.js";
+import { BadgedValue } from "./SettingsCard/BadgedValue.js";
+import { useNavigate } from "@tanstack/react-router";
+import { jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import AirlineStops from "@mui/icons-material/AirlineStops";
+import SwapHoriz from "@mui/icons-material/SwapHoriz";
+//#region src/pages/SettingsPage/BridgeAndExchangeSettings.tsx
 const supportedIcons = {
-    Bridges: AirlineStops,
-    Exchanges: SwapHoriz,
+	Bridges: AirlineStops,
+	Exchanges: SwapHoriz
 };
-export const BridgeAndExchangeSettings = ({ type }) => {
-    const { isBridgesChanged, isExchangesChanged } = useSettingMonitor();
-    const { t } = useTranslation();
-    const navigate = useNavigate();
-    const [enabledTools, tools] = useSettingsStore((state) => {
-        const enabledTools = Object.values(state[`_enabled${type}`]);
-        return [enabledTools.filter(Boolean).length, enabledTools.length];
-    });
-    const { hiddenUI } = useWidgetConfig();
-    if (type === 'Bridges' && hiddenUI?.includes(HiddenUI.BridgesSettings)) {
-        return null;
-    }
-    const customisationLookUp = {
-        Bridges: isBridgesChanged,
-        Exchanges: isExchangesChanged,
-    };
-    const handleClick = () => {
-        navigate({
-            to: navigationRoutes[type.toLowerCase()],
-        });
-    };
-    const Icon = supportedIcons[type];
-    return (_jsx(CardButton, { onClick: handleClick, icon: _jsx(Icon, {}), title: t(`settings.enabled${type}`), children: _jsx(BadgedValue, { badgeColor: "info", showBadge: customisationLookUp[type], children: `${enabledTools}/${tools}` }) }));
+const BridgeAndExchangeSettings = ({ type }) => {
+	const { isBridgesChanged, isExchangesChanged } = useSettingMonitor();
+	const { t } = useTranslation();
+	const navigate = useNavigate();
+	const [enabledTools, tools] = useSettingsStore((state) => {
+		const enabledTools = Object.values(state[`_enabled${type}`]);
+		return [enabledTools.filter(Boolean).length, enabledTools.length];
+	});
+	const { hiddenUI } = useWidgetConfig();
+	if (type === "Bridges" && hiddenUI?.bridgesSettings) return null;
+	const customisationLookUp = {
+		Bridges: isBridgesChanged,
+		Exchanges: isExchangesChanged
+	};
+	const handleClick = () => {
+		navigate({ to: navigationRoutes[type.toLowerCase()] });
+	};
+	const Icon = supportedIcons[type];
+	return /* @__PURE__ */ jsx(CardButton, {
+		onClick: handleClick,
+		icon: /* @__PURE__ */ jsx(Icon, {}),
+		title: t(`settings.enabled${type}`),
+		children: /* @__PURE__ */ jsx(BadgedValue, {
+			badgeColor: "info",
+			showBadge: customisationLookUp[type],
+			children: `${enabledTools}/${tools}`
+		})
+	});
 };
+//#endregion
+export { BridgeAndExchangeSettings };
+
 //# sourceMappingURL=BridgeAndExchangeSettings.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BridgeAndExchangeSettings.js","sourceRoot":"","sources":["../../../../src/pages/SettingsPage/BridgeAndExchangeSettings.tsx"],"names":[],"mappings":";AAAA,OAAO,YAAY,MAAM,kCAAkC,CAAA;AAC3D,OAAO,SAAS,MAAM,+BAA+B,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAA;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAA;AAClF,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAA;AAE3D,MAAM,cAAc,GAAG;IACrB,OAAO,EAAE,YAAY;IACrB,SAAS,EAAE,SAAS;CACrB,CAAA;AAED,MAAM,CAAC,MAAM,yBAAyB,GAEjC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IAChB,MAAM,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACpE,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAC9B,MAAM,CAAC,YAAY,EAAE,KAAK,CAAC,GAAG,gBAAgB,CAAC,CAAC,KAAK,EAAE,EAAE;QACvD,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC,CAAA;QAC5D,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,YAAY,CAAC,MAAM,CAAC,CAAA;IACnE,CAAC,CAAC,CAAA;IAEF,MAAM,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,CAAA;IAEtC,IAAI,IAAI,KAAK,SAAS,IAAI,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC;QACvE,OAAO,IAAI,CAAA;IACb,CAAC;IAED,MAAM,mBAAmB,GAAG;QAC1B,OAAO,EAAE,gBAAgB;QACzB,SAAS,EAAE,kBAAkB;KAC9B,CAAA;IAED,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,QAAQ,CAAC;YACP,EAAE,EAAE,gBAAgB,CAAC,IAAI,CAAC,WAAW,EAA6B,CAAC;SACpE,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,IAAI,GAAG,cAAc,CAAC,IAAI,CAAC,CAAA;IAEjC,OAAO,CACL,KAAC,UAAU,IACT,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,KAAC,IAAI,KAAG,EACd,KAAK,EAAE,CAAC,CAAC,mBAAmB,IAAI,EAAE,CAAC,YAEnC,KAAC,WAAW,IACV,UAAU,EAAC,MAAM,EACjB,SAAS,EAAE,mBAAmB,CAAC,IAAI,CAAC,YACpC,GAAG,YAAY,IAAI,KAAK,EAAE,GAAe,GAChC,CACd,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"BridgeAndExchangeSettings.js","names":[],"sources":["../../../../src/pages/SettingsPage/BridgeAndExchangeSettings.tsx"],"sourcesContent":["import AirlineStops from '@mui/icons-material/AirlineStops'\nimport SwapHoriz from '@mui/icons-material/SwapHoriz'\nimport { useNavigate } from '@tanstack/react-router'\nimport { useTranslation } from 'react-i18next'\nimport { CardButton } from '../../components/Card/CardButton.js'\nimport { useSettingMonitor } from '../../hooks/useSettingMonitor.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { useSettingsStore } from '../../stores/settings/SettingsStore.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { BadgedValue } from './SettingsCard/BadgedValue.js'\n\nconst supportedIcons = {\n  Bridges: AirlineStops,\n  Exchanges: SwapHoriz,\n}\n\nexport const BridgeAndExchangeSettings: React.FC<{\n  type: 'Bridges' | 'Exchanges'\n}> = ({ type }) => {\n  const { isBridgesChanged, isExchangesChanged } = useSettingMonitor()\n  const { t } = useTranslation()\n  const navigate = useNavigate()\n  const [enabledTools, tools] = useSettingsStore((state) => {\n    const enabledTools = Object.values(state[`_enabled${type}`])\n    return [enabledTools.filter(Boolean).length, enabledTools.length]\n  })\n\n  const { hiddenUI } = useWidgetConfig()\n\n  if (type === 'Bridges' && hiddenUI?.bridgesSettings) {\n    return null\n  }\n\n  const customisationLookUp = {\n    Bridges: isBridgesChanged,\n    Exchanges: isExchangesChanged,\n  }\n\n  const handleClick = () => {\n    navigate({\n      to: navigationRoutes[type.toLowerCase() as 'bridges' | 'exchanges'],\n    })\n  }\n\n  const Icon = supportedIcons[type]\n\n  return (\n    <CardButton\n      onClick={handleClick}\n      icon={<Icon />}\n      title={t(`settings.enabled${type}`)}\n    >\n      <BadgedValue\n        badgeColor=\"info\"\n        showBadge={customisationLookUp[type]}\n      >{`${enabledTools}/${tools}`}</BadgedValue>\n    </CardButton>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAWA,MAAM,iBAAiB;CACrB,SAAS;CACT,WAAW;AACb;AAEA,MAAa,6BAEP,EAAE,WAAW;CACjB,MAAM,EAAE,kBAAkB,uBAAuB,kBAAkB;CACnE,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,WAAW,YAAY;CAC7B,MAAM,CAAC,cAAc,SAAS,kBAAkB,UAAU;EACxD,MAAM,eAAe,OAAO,OAAO,MAAM,WAAW,OAAO;EAC3D,OAAO,CAAC,aAAa,OAAO,OAAO,EAAE,QAAQ,aAAa,MAAM;CAClE,CAAC;CAED,MAAM,EAAE,aAAa,gBAAgB;CAErC,IAAI,SAAS,aAAa,UAAU,iBAClC,OAAO;CAGT,MAAM,sBAAsB;EAC1B,SAAS;EACT,WAAW;CACb;CAEA,MAAM,oBAAoB;EACxB,SAAS,EACP,IAAI,iBAAiB,KAAK,YAAY,GACxC,CAAC;CACH;CAEA,MAAM,OAAO,eAAe;CAE5B,OACE,oBAAC,YAAD;EACE,SAAS;EACT,MAAM,oBAAC,MAAD,CAAO,CAAA;EACb,OAAO,EAAE,mBAAmB,MAAM;YAElC,oBAAC,aAAD;GACE,YAAW;GACX,WAAW,oBAAoB;aAC/B,GAAG,aAAa,GAAG;EAAqB,CAAA;CAChC,CAAA;AAEhB"}

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

@@ -1,20 +1,56 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import EvStation from '@mui/icons-material/EvStation';
-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';
-export const GasPriceSettings = () => {
-    const { t } = useTranslation();
-    const { setValue } = useSettingsActions();
-    const { isGasPriceChanged } = useSettingMonitor();
-    const { gasPrice } = useSettings(['gasPrice']);
-    const handleGasPriceChange = (_, gasPrice) => {
-        setValue('gasPrice', gasPrice);
-    };
-    return (_jsx(SettingCardExpandable, { value: _jsx(BadgedValue, { badgeColor: "info", showBadge: isGasPriceChanged, children: t(`settings.gasPrice.${gasPrice}`) }), icon: _jsx(EvStation, {}), title: t('settings.gasPrice.title'), children: _jsxs(CardTabs, { value: gasPrice, "aria-label": "tabs", indicatorColor: "primary", onChange: handleGasPriceChange, sx: { mt: 1.5 }, children: [_jsx(Tab, { label: t('settings.gasPrice.slow'), value: "slow", disableRipple: true }), _jsx(Tab, { label: t('settings.gasPrice.normal'), value: "normal", disableRipple: true }), _jsx(Tab, { label: t('settings.gasPrice.fast'), value: "fast", disableRipple: true })] }) }));
+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, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import EvStation from "@mui/icons-material/EvStation";
+//#region src/pages/SettingsPage/GasPriceSettings.tsx
+const GasPriceSettings = () => {
+	const { t } = useTranslation();
+	const { setValue } = useSettingsActions();
+	const { isGasPriceChanged } = useSettingMonitor();
+	const { gasPrice } = useSettings(["gasPrice"]);
+	const handleGasPriceChange = (_, gasPrice) => {
+		setValue("gasPrice", gasPrice);
+	};
+	return /* @__PURE__ */ jsx(SettingCardExpandable, {
+		value: /* @__PURE__ */ jsx(BadgedValue, {
+			badgeColor: "info",
+			showBadge: isGasPriceChanged,
+			children: t(`settings.gasPrice.${gasPrice}`)
+		}),
+		icon: /* @__PURE__ */ jsx(EvStation, {}),
+		title: t("settings.gasPrice.title"),
+		children: /* @__PURE__ */ jsxs(CardTabs, {
+			value: gasPrice,
+			"aria-label": "tabs",
+			indicatorColor: "primary",
+			onChange: handleGasPriceChange,
+			sx: { mt: 1.5 },
+			children: [
+				/* @__PURE__ */ jsx(Tab, {
+					label: t("settings.gasPrice.slow"),
+					value: "slow",
+					disableRipple: true
+				}),
+				/* @__PURE__ */ jsx(Tab, {
+					label: t("settings.gasPrice.normal"),
+					value: "normal",
+					disableRipple: true
+				}),
+				/* @__PURE__ */ jsx(Tab, {
+					label: t("settings.gasPrice.fast"),
+					value: "fast",
+					disableRipple: true
+				})
+			]
+		})
+	});
 };
+//#endregion
+export { GasPriceSettings };
+
 //# sourceMappingURL=GasPriceSettings.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"GasPriceSettings.js","sourceRoot":"","sources":["../../../../src/pages/SettingsPage/GasPriceSettings.tsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,+BAA+B,CAAA;AACrD,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,CAAC,MAAM,gBAAgB,GAAa,GAAG,EAAE;IAC7C,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,EAAE,QAAQ,EAAE,GAAG,kBAAkB,EAAE,CAAA;IACzC,MAAM,EAAE,iBAAiB,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACjD,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,CAAC,CAAC,UAAU,CAAC,CAAC,CAAA;IAE9C,MAAM,oBAAoB,GAAG,CAAC,CAAuB,EAAE,QAAgB,EAAE,EAAE;QACzE,QAAQ,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAA;IAChC,CAAC,CAAA;IAED,OAAO,CACL,KAAC,qBAAqB,IACpB,KAAK,EACH,KAAC,WAAW,IAAC,UAAU,EAAC,MAAM,EAAC,SAAS,EAAE,iBAAiB,YACxD,CAAC,CAAC,qBAAqB,QAAQ,EAAS,CAAC,GAC9B,EAEhB,IAAI,EAAE,KAAC,SAAS,KAAG,EACnB,KAAK,EAAE,CAAC,CAAC,yBAAyB,CAAC,YAEnC,MAAC,QAAQ,IACP,KAAK,EAAE,QAAQ,gBACJ,MAAM,EACjB,cAAc,EAAC,SAAS,EACxB,QAAQ,EAAE,oBAAoB,EAC9B,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,aAEf,KAAC,GAAG,IAAC,KAAK,EAAE,CAAC,CAAC,wBAAwB,CAAC,EAAE,KAAK,EAAC,MAAM,EAAC,aAAa,SAAG,EACtE,KAAC,GAAG,IACF,KAAK,EAAE,CAAC,CAAC,0BAA0B,CAAC,EACpC,KAAK,EAAC,QAAQ,EACd,aAAa,SACb,EACF,KAAC,GAAG,IAAC,KAAK,EAAE,CAAC,CAAC,wBAAwB,CAAC,EAAE,KAAK,EAAC,MAAM,EAAC,aAAa,SAAG,IAC7D,GACW,CACzB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"GasPriceSettings.js","names":[],"sources":["../../../../src/pages/SettingsPage/GasPriceSettings.tsx"],"sourcesContent":["import EvStation from '@mui/icons-material/EvStation'\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\nexport const GasPriceSettings: React.FC = () => {\n  const { t } = useTranslation()\n  const { setValue } = useSettingsActions()\n  const { isGasPriceChanged } = useSettingMonitor()\n  const { gasPrice } = useSettings(['gasPrice'])\n\n  const handleGasPriceChange = (_: React.SyntheticEvent, gasPrice: string) => {\n    setValue('gasPrice', gasPrice)\n  }\n\n  return (\n    <SettingCardExpandable\n      value={\n        <BadgedValue badgeColor=\"info\" showBadge={isGasPriceChanged}>\n          {t(`settings.gasPrice.${gasPrice}` as any)}\n        </BadgedValue>\n      }\n      icon={<EvStation />}\n      title={t('settings.gasPrice.title')}\n    >\n      <CardTabs\n        value={gasPrice}\n        aria-label=\"tabs\"\n        indicatorColor=\"primary\"\n        onChange={handleGasPriceChange}\n        sx={{ mt: 1.5 }}\n      >\n        <Tab label={t('settings.gasPrice.slow')} value=\"slow\" disableRipple />\n        <Tab\n          label={t('settings.gasPrice.normal')}\n          value=\"normal\"\n          disableRipple\n        />\n        <Tab label={t('settings.gasPrice.fast')} value=\"fast\" disableRipple />\n      </CardTabs>\n    </SettingCardExpandable>\n  )\n}\n"],"mappings":";;;;;;;;;;AASA,MAAa,yBAAmC;CAC9C,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,EAAE,aAAa,mBAAmB;CACxC,MAAM,EAAE,sBAAsB,kBAAkB;CAChD,MAAM,EAAE,aAAa,YAAY,CAAC,UAAU,CAAC;CAE7C,MAAM,wBAAwB,GAAyB,aAAqB;EAC1E,SAAS,YAAY,QAAQ;CAC/B;CAEA,OACE,oBAAC,uBAAD;EACE,OACE,oBAAC,aAAD;GAAa,YAAW;GAAO,WAAW;aACvC,EAAE,qBAAqB,UAAiB;EAC9B,CAAA;EAEf,MAAM,oBAAC,WAAD,CAAY,CAAA;EAClB,OAAO,EAAE,yBAAyB;YAElC,qBAAC,UAAD;GACE,OAAO;GACP,cAAW;GACX,gBAAe;GACf,UAAU;GACV,IAAI,EAAE,IAAI,IAAI;aALhB;IAOE,oBAAC,KAAD;KAAK,OAAO,EAAE,wBAAwB;KAAG,OAAM;KAAO,eAAA;IAAe,CAAA;IACrE,oBAAC,KAAD;KACE,OAAO,EAAE,0BAA0B;KACnC,OAAM;KACN,eAAA;IACD,CAAA;IACD,oBAAC,KAAD;KAAK,OAAO,EAAE,wBAAwB;KAAG,OAAM;KAAO,eAAA;IAAe,CAAA;GAC7D;;CACW,CAAA;AAE3B"}

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

@@ -1,29 +1,31 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Language from '@mui/icons-material/Language';
-import { useNavigate } from '@tanstack/react-router';
-import { useTranslation } from 'react-i18next';
-import { CardButton } from '../../components/Card/CardButton.js';
-import { CardValue } from '../../components/Card/CardButton.style.js';
-import { useLanguages } from '../../hooks/useLanguages.js';
-import { languageNames } from '../../providers/I18nProvider/constants.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 { selectedLanguageCode } = useLanguages();
-    if (hiddenUI?.includes(HiddenUI.Language)) {
-        return null;
-    }
-    const handleClick = () => {
-        navigate({ to: navigationRoutes.languages });
-    };
-    return (_jsx(CardButton, { onClick: handleClick, icon: _jsx(Language, {}), title: t('language.title'), children: _jsx(CardValue, { children: languageNames[selectedLanguageCode] ||
-                t('language.name', {
-                    lng: selectedLanguageCode,
-                }) ||
-                selectedLanguageCode }) }));
+import { languageNames } from "../../providers/I18nProvider/constants.js";
+import { useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
+import { navigationRoutes } from "../../utils/navigationRoutes.js";
+import { useLanguages } from "../../hooks/useLanguages.js";
+import { CardValue } from "../../components/Card/CardButton.style.js";
+import { CardButton } from "../../components/Card/CardButton.js";
+import { useNavigate } from "@tanstack/react-router";
+import { jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import Language from "@mui/icons-material/Language";
+//#region src/pages/SettingsPage/LanguageSetting.tsx
+const LanguageSetting = () => {
+	const { t } = useTranslation();
+	const navigate = useNavigate();
+	const { hiddenUI } = useWidgetConfig();
+	const { selectedLanguageCode } = useLanguages();
+	if (hiddenUI?.language) return null;
+	const handleClick = () => {
+		navigate({ to: navigationRoutes.languages });
+	};
+	return /* @__PURE__ */ jsx(CardButton, {
+		onClick: handleClick,
+		icon: /* @__PURE__ */ jsx(Language, {}),
+		title: t("language.title"),
+		children: /* @__PURE__ */ jsx(CardValue, { children: languageNames[selectedLanguageCode] || t("language.name", { lng: selectedLanguageCode }) || selectedLanguageCode })
+	});
 };
+//#endregion
+export { LanguageSetting };
+
 //# sourceMappingURL=LanguageSetting.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LanguageSetting.js","sourceRoot":"","sources":["../../../../src/pages/SettingsPage/LanguageSetting.tsx"],"names":[],"mappings":";AAAA,OAAO,QAAQ,MAAM,8BAA8B,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,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,aAAa,EAAE,MAAM,2CAA2C,CAAA;AACzE,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,oBAAoB,EAAE,GAAG,YAAY,EAAE,CAAA;IAE/C,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,EAAE,EAAE,EAAE,gBAAgB,CAAC,SAAS,EAAE,CAAC,CAAA;IAC9C,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,cACP,aAAa,CAAC,oBAAkD,CAAC;gBAChE,CAAC,CAAC,eAAe,EAAE;oBACjB,GAAG,EAAE,oBAAoB;iBAC1B,CAAC;gBACF,oBAAoB,GACZ,GACD,CACd,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"LanguageSetting.js","names":[],"sources":["../../../../src/pages/SettingsPage/LanguageSetting.tsx"],"sourcesContent":["import Language from '@mui/icons-material/Language'\nimport { useNavigate } from '@tanstack/react-router'\nimport { useTranslation } from 'react-i18next'\nimport { CardButton } from '../../components/Card/CardButton.js'\nimport { CardValue } from '../../components/Card/CardButton.style.js'\nimport { useLanguages } from '../../hooks/useLanguages.js'\nimport { languageNames } from '../../providers/I18nProvider/constants.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\n\nexport const LanguageSetting: React.FC = () => {\n  const { t } = useTranslation()\n  const navigate = useNavigate()\n  const { hiddenUI } = useWidgetConfig()\n  const { selectedLanguageCode } = useLanguages()\n\n  if (hiddenUI?.language) {\n    return null\n  }\n\n  const handleClick = () => {\n    navigate({ to: navigationRoutes.languages })\n  }\n\n  return (\n    <CardButton\n      onClick={handleClick}\n      icon={<Language />}\n      title={t('language.title')}\n    >\n      <CardValue>\n        {languageNames[selectedLanguageCode as keyof typeof languageNames] ||\n          t('language.name', {\n            lng: selectedLanguageCode,\n          }) ||\n          selectedLanguageCode}\n      </CardValue>\n    </CardButton>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAUA,MAAa,wBAAkC;CAC7C,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,WAAW,YAAY;CAC7B,MAAM,EAAE,aAAa,gBAAgB;CACrC,MAAM,EAAE,yBAAyB,aAAa;CAE9C,IAAI,UAAU,UACZ,OAAO;CAGT,MAAM,oBAAoB;EACxB,SAAS,EAAE,IAAI,iBAAiB,UAAU,CAAC;CAC7C;CAEA,OACE,oBAAC,YAAD;EACE,SAAS;EACT,MAAM,oBAAC,UAAD,CAAW,CAAA;EACjB,OAAO,EAAE,gBAAgB;YAEzB,oBAAC,WAAD,EAAA,UACG,cAAc,yBACb,EAAE,iBAAiB,EACjB,KAAK,qBACP,CAAC,KACD,qBACO,CAAA;CACD,CAAA;AAEhB"}