@lifi/widget 4.0.0-beta.0 → 4.0.0-beta.10

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

@@ -1,37 +1,61 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import BrightnessAuto from '@mui/icons-material/BrightnessAuto';
-import LightMode from '@mui/icons-material/LightMode';
-import Nightlight from '@mui/icons-material/Nightlight';
-import { Tooltip, useColorScheme } 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 { HiddenUI } from '../../types/widget.js';
-import { SettingCardExpandable } from './SettingsCard/SettingCardExpandable.js';
+import { useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
+import { HiddenUI } from "../../types/widget.js";
+import { CardTabs, Tab as Tab$1 } from "../../components/Tabs/Tabs.style.js";
+import { CardValue } from "../../components/Card/CardButton.style.js";
+import { SettingCardExpandable } from "./SettingsCard/SettingCardExpandable.js";
+import { Tooltip, useColorScheme } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import BrightnessAuto from "@mui/icons-material/BrightnessAuto";
+import LightMode from "@mui/icons-material/LightMode";
+import Nightlight from "@mui/icons-material/Nightlight";
+//#region src/pages/SettingsPage/ThemeSettings.tsx
 const themeIcons = {
-    light: LightMode,
-    dark: Nightlight,
-    system: BrightnessAuto,
+	light: LightMode,
+	dark: Nightlight,
+	system: 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 { mode, setMode } = useColorScheme();
-    const { hiddenUI } = useWidgetConfig();
-    if (hiddenUI?.includes(HiddenUI.Appearance)) {
-        return null;
-    }
-    const appearance = mode ?? 'system';
-    const ThemeIcon = themeIcons[appearance];
-    const handleThemeChange = (_, appearance) => {
-        setMode(appearance);
-    };
-    return (_jsx(SettingCardExpandable, { value: _jsxs(CardValue, { children: [t(`button.${appearance}`), " "] }), icon: _jsx(ThemeIcon, {}), title: t('settings.appearance'), 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));
-            }) }) }));
+const ThemeTab = ({ title, value, Icon, ...props }) => /* @__PURE__ */ jsx(Tooltip, {
+	title,
+	children: /* @__PURE__ */ jsx(Tab$1, {
+		icon: Icon,
+		value,
+		...props,
+		disableRipple: true
+	})
+});
+const ThemeSettings = () => {
+	const { t } = useTranslation();
+	const { mode, setMode } = useColorScheme();
+	const { hiddenUI } = useWidgetConfig();
+	if (hiddenUI?.includes(HiddenUI.Appearance)) return null;
+	const appearance = mode ?? "system";
+	const ThemeIcon = themeIcons[appearance];
+	const handleThemeChange = (_, appearance) => {
+		setMode(appearance);
+	};
+	return /* @__PURE__ */ jsx(SettingCardExpandable, {
+		value: /* @__PURE__ */ jsxs(CardValue, { children: [t(`button.${appearance}`), " "] }),
+		icon: /* @__PURE__ */ jsx(ThemeIcon, {}),
+		title: t("settings.appearance"),
+		children: /* @__PURE__ */ 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 /* @__PURE__ */ jsx(ThemeTab, {
+					title: t(`button.${supportedThemeOption}`),
+					value: supportedThemeOption,
+					Icon: /* @__PURE__ */ jsx(Icon, {})
+				}, supportedThemeOption);
+			})
+		})
+	});
 };
+//#endregion
+export { ThemeSettings };
+
 //# sourceMappingURL=ThemeSettings.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ThemeSettings.js","sourceRoot":"","sources":["../../../../src/pages/SettingsPage/ThemeSettings.tsx"],"names":[],"mappings":";AAAA,OAAO,cAAc,MAAM,oCAAoC,CAAA;AAC/D,OAAO,SAAS,MAAM,+BAA+B,CAAA;AACrD,OAAO,UAAU,MAAM,gCAAgC,CAAA;AACvD,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AACvD,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;AAElF,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,MAAM,EAAE,cAAc;CACvB,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,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE,CAAA;IAC1C,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,UAAU,GAAG,IAAI,IAAI,QAAQ,CAAA;IAEnC,MAAM,SAAS,GAAG,UAAU,CAAC,UAAU,CAAC,CAAA;IAExC,MAAM,iBAAiB,GAAG,CACxB,CAAuB,EACvB,UAAsB,EACtB,EAAE;QACF,OAAO,CAAC,UAAU,CAAC,CAAA;IACrB,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,qBAAqB,CAAC,YAE/B,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"}
+{"version":3,"file":"ThemeSettings.js","names":["Tab"],"sources":["../../../../src/pages/SettingsPage/ThemeSettings.tsx"],"sourcesContent":["import BrightnessAuto from '@mui/icons-material/BrightnessAuto'\nimport LightMode from '@mui/icons-material/LightMode'\nimport Nightlight from '@mui/icons-material/Nightlight'\nimport { Tooltip, useColorScheme } from '@mui/material'\nimport { useTranslation } from 'react-i18next'\nimport { CardValue } from '../../components/Card/CardButton.style.js'\nimport { CardTabs, Tab } from '../../components/Tabs/Tabs.style.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport type { Appearance } from '../../types/widget.js'\nimport { HiddenUI } from '../../types/widget.js'\nimport { SettingCardExpandable } from './SettingsCard/SettingCardExpandable.js'\n\nconst themeIcons = {\n  light: LightMode,\n  dark: Nightlight,\n  system: BrightnessAuto,\n}\n\ninterface ThemeTabProps {\n  title: string\n  value: Appearance\n  Icon: React.ReactElement\n}\n\n// If the Tab is not the direct child of the Tabs component you can loose the switching\n// The component passes the props to the Tab component so switching isn't lost\nconst ThemeTab: React.FC<ThemeTabProps> = ({\n  title,\n  value,\n  Icon,\n  ...props\n}) => (\n  <Tooltip title={title}>\n    <Tab icon={Icon} value={value} {...props} disableRipple />\n  </Tooltip>\n)\n\nexport const ThemeSettings: React.FC = () => {\n  const { t } = useTranslation()\n  const { mode, setMode } = useColorScheme()\n  const { hiddenUI } = useWidgetConfig()\n\n  if (hiddenUI?.includes(HiddenUI.Appearance)) {\n    return null\n  }\n\n  const appearance = mode ?? 'system'\n\n  const ThemeIcon = themeIcons[appearance]\n\n  const handleThemeChange = (\n    _: React.SyntheticEvent,\n    appearance: Appearance\n  ) => {\n    setMode(appearance)\n  }\n\n  return (\n    <SettingCardExpandable\n      value={<CardValue>{t(`button.${appearance}`)} </CardValue>}\n      icon={<ThemeIcon />}\n      title={t('settings.appearance')}\n    >\n      <CardTabs\n        value={appearance}\n        aria-label=\"tabs\"\n        indicatorColor=\"primary\"\n        onChange={handleThemeChange}\n        sx={{ mt: 1.5 }}\n      >\n        {Object.entries(themeIcons).map(([theme, Icon]) => {\n          const supportedThemeOption = theme as Appearance\n\n          return (\n            <ThemeTab\n              key={supportedThemeOption}\n              title={t(`button.${supportedThemeOption}`)}\n              value={supportedThemeOption}\n              Icon={<Icon />}\n            />\n          )\n        })}\n      </CardTabs>\n    </SettingCardExpandable>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAYA,MAAM,aAAa;CACjB,OAAO;CACP,MAAM;CACN,QAAQ;CACT;AAUD,MAAM,YAAqC,EACzC,OACA,OACA,MACA,GAAG,YAEH,oBAAC,SAAD;CAAgB;WACd,oBAACA,OAAD;EAAK,MAAM;EAAa;EAAO,GAAI;EAAO,eAAA;EAAgB,CAAA;CAClD,CAAA;AAGZ,MAAa,sBAAgC;CAC3C,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,EAAE,MAAM,YAAY,gBAAgB;CAC1C,MAAM,EAAE,aAAa,iBAAiB;AAEtC,KAAI,UAAU,SAAS,SAAS,WAAW,CACzC,QAAO;CAGT,MAAM,aAAa,QAAQ;CAE3B,MAAM,YAAY,WAAW;CAE7B,MAAM,qBACJ,GACA,eACG;AACH,UAAQ,WAAW;;AAGrB,QACE,oBAAC,uBAAD;EACE,OAAO,qBAAC,WAAD,EAAA,UAAA,CAAY,EAAE,UAAU,aAAa,EAAC,IAAa,EAAA,CAAA;EAC1D,MAAM,oBAAC,WAAD,EAAa,CAAA;EACnB,OAAO,EAAE,sBAAsB;YAE/B,oBAAC,UAAD;GACE,OAAO;GACP,cAAW;GACX,gBAAe;GACf,UAAU;GACV,IAAI,EAAE,IAAI,KAAK;aAEd,OAAO,QAAQ,WAAW,CAAC,KAAK,CAAC,OAAO,UAAU;IACjD,MAAM,uBAAuB;AAE7B,WACE,oBAAC,UAAD;KAEE,OAAO,EAAE,UAAU,uBAAuB;KAC1C,OAAO;KACP,MAAM,oBAAC,MAAD,EAAQ,CAAA;KACd,EAJK,qBAIL;KAEJ;GACO,CAAA;EACW,CAAA"}

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

@@ -0,0 +1,14 @@
+import { ActionRowContainer, ActionRowLabel } from "./ActionRow.style.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/pages/TransactionDetailsPage/ActionRow.tsx
+const ActionRow = ({ message, startAdornment, endAdornment }) => {
+	return /* @__PURE__ */ jsxs(ActionRowContainer, { children: [
+		startAdornment,
+		/* @__PURE__ */ jsx(ActionRowLabel, { children: message }),
+		endAdornment
+	] });
+};
+//#endregion
+export { ActionRow };
+
+//# sourceMappingURL=ActionRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionRow.js","names":[],"sources":["../../../../src/pages/TransactionDetailsPage/ActionRow.tsx"],"sourcesContent":["import type { FC, ReactNode } from 'react'\nimport { ActionRowContainer, ActionRowLabel } from './ActionRow.style.js'\n\ninterface ActionRowProps {\n  message: string\n  startAdornment: ReactNode\n  endAdornment?: ReactNode\n}\n\nexport const ActionRow: FC<ActionRowProps> = ({\n  message,\n  startAdornment,\n  endAdornment,\n}) => {\n  return (\n    <ActionRowContainer>\n      {startAdornment}\n      <ActionRowLabel>{message}</ActionRowLabel>\n      {endAdornment}\n    </ActionRowContainer>\n  )\n}\n"],"mappings":";;;AASA,MAAa,aAAiC,EAC5C,SACA,gBACA,mBACI;AACJ,QACE,qBAAC,oBAAD,EAAA,UAAA;EACG;EACD,oBAAC,gBAAD,EAAA,UAAiB,SAAyB,CAAA;EACzC;EACkB,EAAA,CAAA"}

package/dist/esm/pages/TransactionDetailsPage/ActionRow.style.js

@@ -0,0 +1,29 @@
+import { Box, Typography, styled } from "@mui/material";
+//#region src/pages/TransactionDetailsPage/ActionRow.style.tsx
+const ActionRowContainer = styled(Box)(({ theme }) => ({
+	display: "flex",
+	alignItems: "center",
+	gap: theme.spacing(1),
+	padding: theme.spacing(1),
+	borderRadius: theme.vars.shape.borderRadiusTertiary,
+	backgroundColor: `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.04)`
+}));
+const ActionIconCircle = styled(Box)(({ theme }) => ({
+	display: "flex",
+	alignItems: "center",
+	justifyContent: "center",
+	width: 24,
+	height: 24,
+	borderRadius: "50%",
+	backgroundColor: `color-mix(in srgb, rgb(${theme.vars.palette.success.mainChannel}) 12%, ${theme.vars.palette.background.paper})`
+}));
+const ActionRowLabel = styled(Typography)(({ theme }) => ({
+	flex: 1,
+	fontSize: 12,
+	fontWeight: 500,
+	color: theme.vars.palette.text.primary
+}));
+//#endregion
+export { ActionIconCircle, ActionRowContainer, ActionRowLabel };
+
+//# sourceMappingURL=ActionRow.style.js.map

package/dist/esm/pages/TransactionDetailsPage/ActionRow.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionRow.style.js","names":[],"sources":["../../../../src/pages/TransactionDetailsPage/ActionRow.style.tsx"],"sourcesContent":["import { Box, styled, Typography } from '@mui/material'\nimport type React from 'react'\n\nexport const ActionRowContainer: React.FC<React.ComponentProps<typeof Box>> =\n  styled(Box)(({ theme }) => ({\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1),\n    padding: theme.spacing(1),\n    borderRadius: theme.vars.shape.borderRadiusTertiary,\n    backgroundColor: `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.04)`,\n  }))\n\nexport const ActionIconCircle: React.FC<React.ComponentProps<typeof Box>> =\n  styled(Box)(({ theme }) => ({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: 24,\n    height: 24,\n    borderRadius: '50%',\n    backgroundColor: `color-mix(in srgb, rgb(${theme.vars.palette.success.mainChannel}) 12%, ${theme.vars.palette.background.paper})`,\n  }))\n\nexport const ActionRowLabel: React.FC<React.ComponentProps<typeof Typography>> =\n  styled(Typography)(({ theme }) => ({\n    flex: 1,\n    fontSize: 12,\n    fontWeight: 500,\n    color: theme.vars.palette.text.primary,\n  }))\n"],"mappings":";;AAGA,MAAa,qBACX,OAAO,IAAI,EAAE,EAAE,aAAa;CAC1B,SAAS;CACT,YAAY;CACZ,KAAK,MAAM,QAAQ,EAAE;CACrB,SAAS,MAAM,QAAQ,EAAE;CACzB,cAAc,MAAM,KAAK,MAAM;CAC/B,iBAAiB,QAAQ,MAAM,KAAK,QAAQ,OAAO,oBAAoB;CACxE,EAAE;AAEL,MAAa,mBACX,OAAO,IAAI,EAAE,EAAE,aAAa;CAC1B,SAAS;CACT,YAAY;CACZ,gBAAgB;CAChB,OAAO;CACP,QAAQ;CACR,cAAc;CACd,iBAAiB,0BAA0B,MAAM,KAAK,QAAQ,QAAQ,YAAY,SAAS,MAAM,KAAK,QAAQ,WAAW,MAAM;CAChI,EAAE;AAEL,MAAa,iBACX,OAAO,WAAW,EAAE,EAAE,aAAa;CACjC,MAAM;CACN,UAAU;CACV,YAAY;CACZ,OAAO,MAAM,KAAK,QAAQ,KAAK;CAChC,EAAE"}

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

@@ -1,22 +1,16 @@
-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://help.li.fi';
-            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') }));
+import { useContactSupport } from "../../hooks/useContactSupport.js";
+import { ButtonChip } from "./ContactSupportButton.style.js";
+import { jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+//#region src/pages/TransactionDetailsPage/ContactSupportButton.tsx
+const ContactSupportButton = ({ supportId }) => {
+	const { t } = useTranslation();
+	return /* @__PURE__ */ jsx(ButtonChip, {
+		onClick: useContactSupport(supportId),
+		children: t("button.contactSupport")
+	});
 };
+//#endregion
+export { ContactSupportButton };
+
 //# sourceMappingURL=ContactSupportButton.js.map

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

@@ -1 +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,oBAAoB,CAAA;YAChC,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"}
+{"version":3,"file":"ContactSupportButton.js","names":[],"sources":["../../../../src/pages/TransactionDetailsPage/ContactSupportButton.tsx"],"sourcesContent":["import type { JSX } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useContactSupport } from '../../hooks/useContactSupport.js'\nimport { ButtonChip } from './ContactSupportButton.style.js'\n\ninterface ContactSupportButtonProps {\n  supportId?: string\n}\n\nexport const ContactSupportButton = ({\n  supportId,\n}: ContactSupportButtonProps): JSX.Element => {\n  const { t } = useTranslation()\n  const handleContactSupport = useContactSupport(supportId)\n\n  return (\n    <ButtonChip onClick={handleContactSupport}>\n      {t('button.contactSupport')}\n    </ButtonChip>\n  )\n}\n"],"mappings":";;;;;AASA,MAAa,wBAAwB,EACnC,gBAC4C;CAC5C,MAAM,EAAE,MAAM,gBAAgB;AAG9B,QACE,oBAAC,YAAD;EAAY,SAHe,kBAAkB,UAAU;YAIpD,EAAE,wBAAwB;EAChB,CAAA"}

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

@@ -0,0 +1,14 @@
+import { ButtonTertiary } from "../../components/ButtonTertiary.js";
+import { styled } from "@mui/material";
+//#region src/pages/TransactionDetailsPage/ContactSupportButton.style.tsx
+const ButtonChip = styled(ButtonTertiary)(({ theme }) => ({
+	padding: theme.spacing(.5, 1.5),
+	fontSize: 12,
+	fontWeight: 700,
+	lineHeight: 1.3334,
+	height: "auto"
+}));
+//#endregion
+export { ButtonChip };
+
+//# sourceMappingURL=ContactSupportButton.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContactSupportButton.style.js","names":[],"sources":["../../../../src/pages/TransactionDetailsPage/ContactSupportButton.style.tsx"],"sourcesContent":["import { styled } from '@mui/material'\nimport type React from 'react'\nimport { ButtonTertiary } from '../../components/ButtonTertiary.js'\n\nexport const ButtonChip: React.FC<React.ComponentProps<typeof ButtonTertiary>> =\n  styled(ButtonTertiary)(({ theme }) => ({\n    padding: theme.spacing(0.5, 1.5),\n    fontSize: 12,\n    fontWeight: 700,\n    lineHeight: 1.3334,\n    height: 'auto',\n  }))\n"],"mappings":";;;AAIA,MAAa,aACX,OAAO,eAAe,EAAE,EAAE,aAAa;CACrC,SAAS,MAAM,QAAQ,IAAK,IAAI;CAChC,UAAU;CACV,YAAY;CACZ,YAAY;CACZ,QAAQ;CACT,EAAE"}

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

@@ -0,0 +1,28 @@
+import { Card } from "../../components/Card/Card.js";
+import { CardTitle } from "../../components/Card/CardTitle.js";
+import { StepActionsList } from "./StepActionsList.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+//#region src/pages/TransactionDetailsPage/ReceiptsCard.tsx
+const ReceiptsCard = ({ route }) => {
+	const { t } = useTranslation();
+	const toAddress = route.toAddress;
+	return /* @__PURE__ */ jsxs(Card, {
+		type: "default",
+		indented: true,
+		children: [/* @__PURE__ */ jsx(CardTitle, {
+			sx: {
+				padding: 0,
+				mb: 2
+			},
+			children: t("main.receipts")
+		}), /* @__PURE__ */ jsx(StepActionsList, {
+			route,
+			toAddress
+		})]
+	});
+};
+//#endregion
+export { ReceiptsCard };
+
+//# sourceMappingURL=ReceiptsCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReceiptsCard.js","names":[],"sources":["../../../../src/pages/TransactionDetailsPage/ReceiptsCard.tsx"],"sourcesContent":["import type { RouteExtended } from '@lifi/sdk'\nimport type { JSX } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { Card } from '../../components/Card/Card.js'\nimport { CardTitle } from '../../components/Card/CardTitle.js'\nimport { StepActionsList } from './StepActionsList.js'\n\ninterface ReceiptsCardProps {\n  route: RouteExtended\n}\n\nexport const ReceiptsCard = ({ route }: ReceiptsCardProps): JSX.Element => {\n  const { t } = useTranslation()\n  const toAddress = route.toAddress\n\n  return (\n    <Card type=\"default\" indented>\n      <CardTitle sx={{ padding: 0, mb: 2 }}>{t('main.receipts')}</CardTitle>\n      <StepActionsList route={route} toAddress={toAddress} />\n    </Card>\n  )\n}\n"],"mappings":";;;;;;AAWA,MAAa,gBAAgB,EAAE,YAA4C;CACzE,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,YAAY,MAAM;AAExB,QACE,qBAAC,MAAD;EAAM,MAAK;EAAU,UAAA;YAArB,CACE,oBAAC,WAAD;GAAW,IAAI;IAAE,SAAS;IAAG,IAAI;IAAG;aAAG,EAAE,gBAAgB;GAAa,CAAA,EACtE,oBAAC,iBAAD;GAAwB;GAAkB;GAAa,CAAA,CAClD"}

package/dist/esm/pages/TransactionDetailsPage/ReceiptsCard.style.js

@@ -0,0 +1,22 @@
+import { Box, Link, styled } from "@mui/material";
+//#region src/pages/TransactionDetailsPage/ReceiptsCard.style.tsx
+const TransactionList = styled(Box)(({ theme }) => ({
+	display: "flex",
+	flexDirection: "column",
+	gap: theme.spacing(1.5)
+}));
+const ExternalLink = styled(Link)(({ theme }) => ({
+	display: "flex",
+	alignItems: "center",
+	justifyContent: "center",
+	width: 24,
+	height: 24,
+	borderRadius: "50%",
+	textDecoration: "none",
+	color: theme.vars.palette.text.primary,
+	"&:hover": { backgroundColor: `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.04)` }
+}));
+//#endregion
+export { ExternalLink, TransactionList };
+
+//# sourceMappingURL=ReceiptsCard.style.js.map

package/dist/esm/pages/TransactionDetailsPage/ReceiptsCard.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReceiptsCard.style.js","names":[],"sources":["../../../../src/pages/TransactionDetailsPage/ReceiptsCard.style.tsx"],"sourcesContent":["import { Box, Link, styled } from '@mui/material'\nimport type React from 'react'\n\nexport const TransactionList: React.FC<React.ComponentProps<typeof Box>> =\n  styled(Box)(({ theme }) => ({\n    display: 'flex',\n    flexDirection: 'column',\n    gap: theme.spacing(1.5),\n  }))\n\nexport const ExternalLink: React.FC<React.ComponentProps<typeof Link>> = styled(\n  Link\n)(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: 24,\n  height: 24,\n  borderRadius: '50%',\n  textDecoration: 'none',\n  color: theme.vars.palette.text.primary,\n  '&:hover': {\n    backgroundColor: `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.04)`,\n  },\n}))\n"],"mappings":";;AAGA,MAAa,kBACX,OAAO,IAAI,EAAE,EAAE,aAAa;CAC1B,SAAS;CACT,eAAe;CACf,KAAK,MAAM,QAAQ,IAAI;CACxB,EAAE;AAEL,MAAa,eAA4D,OACvE,KACD,EAAE,EAAE,aAAa;CAChB,SAAS;CACT,YAAY;CACZ,gBAAgB;CAChB,OAAO;CACP,QAAQ;CACR,cAAc;CACd,gBAAgB;CAChB,OAAO,MAAM,KAAK,QAAQ,KAAK;CAC/B,WAAW,EACT,iBAAiB,QAAQ,MAAM,KAAK,QAAQ,OAAO,oBAAoB,WACxE;CACF,EAAE"}

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

@@ -0,0 +1,50 @@
+import { shortenAddress } from "../../utils/wallet.js";
+import { useExplorer } from "../../hooks/useExplorer.js";
+import { ExternalLink } from "./ReceiptsCard.style.js";
+import { ActionIconCircle } from "./ActionRow.style.js";
+import { ActionRow } from "./ActionRow.js";
+import { Box, IconButton } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import Wallet from "@mui/icons-material/Wallet";
+import ContentCopyRounded from "@mui/icons-material/ContentCopyRounded";
+import OpenInNew from "@mui/icons-material/OpenInNew";
+//#region src/pages/TransactionDetailsPage/SentToWalletRow.tsx
+const SentToWalletRow = ({ toAddress, toChainId }) => {
+	const { t } = useTranslation();
+	const { getAddressLink } = useExplorer();
+	const addressLink = getAddressLink(toAddress, toChainId);
+	const handleCopy = (e) => {
+		e.stopPropagation();
+		navigator.clipboard.writeText(toAddress);
+	};
+	return /* @__PURE__ */ jsx(ActionRow, {
+		startAdornment: /* @__PURE__ */ jsx(ActionIconCircle, { children: /* @__PURE__ */ jsx(Wallet, {
+			color: "success",
+			sx: { fontSize: 16 }
+		}) }),
+		message: `${t("main.sentToWallet")}: ${shortenAddress(toAddress)}`,
+		endAdornment: /* @__PURE__ */ jsxs(Box, {
+			sx: {
+				display: "flex",
+				alignItems: "center",
+				gap: .5
+			},
+			children: [/* @__PURE__ */ jsx(IconButton, {
+				size: "small",
+				onClick: handleCopy,
+				sx: { p: .5 },
+				children: /* @__PURE__ */ jsx(ContentCopyRounded, { sx: { fontSize: 16 } })
+			}), addressLink ? /* @__PURE__ */ jsx(ExternalLink, {
+				href: addressLink,
+				target: "_blank",
+				rel: "nofollow noreferrer",
+				children: /* @__PURE__ */ jsx(OpenInNew, { sx: { fontSize: 16 } })
+			}) : void 0]
+		})
+	});
+};
+//#endregion
+export { SentToWalletRow };
+
+//# sourceMappingURL=SentToWalletRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SentToWalletRow.js","names":[],"sources":["../../../../src/pages/TransactionDetailsPage/SentToWalletRow.tsx"],"sourcesContent":["import ContentCopyRounded from '@mui/icons-material/ContentCopyRounded'\nimport OpenInNew from '@mui/icons-material/OpenInNew'\nimport Wallet from '@mui/icons-material/Wallet'\nimport { Box, IconButton } from '@mui/material'\nimport type { MouseEvent } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useExplorer } from '../../hooks/useExplorer.js'\nimport { shortenAddress } from '../../utils/wallet.js'\nimport { ActionRow } from './ActionRow.js'\nimport { ActionIconCircle } from './ActionRow.style.js'\nimport { ExternalLink } from './ReceiptsCard.style.js'\n\ninterface SentToWalletRowProps {\n  toAddress: string\n  toChainId: number\n}\n\nexport const SentToWalletRow: React.FC<SentToWalletRowProps> = ({\n  toAddress,\n  toChainId,\n}) => {\n  const { t } = useTranslation()\n  const { getAddressLink } = useExplorer()\n  const addressLink = getAddressLink(toAddress, toChainId)\n\n  const handleCopy = (e: MouseEvent) => {\n    e.stopPropagation()\n    navigator.clipboard.writeText(toAddress)\n  }\n\n  return (\n    <ActionRow\n      startAdornment={\n        <ActionIconCircle>\n          <Wallet color=\"success\" sx={{ fontSize: 16 }} />\n        </ActionIconCircle>\n      }\n      message={`${t('main.sentToWallet')}: ${shortenAddress(toAddress)}`}\n      endAdornment={\n        <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>\n          <IconButton size=\"small\" onClick={handleCopy} sx={{ p: 0.5 }}>\n            <ContentCopyRounded sx={{ fontSize: 16 }} />\n          </IconButton>\n          {addressLink ? (\n            <ExternalLink\n              href={addressLink}\n              target=\"_blank\"\n              rel=\"nofollow noreferrer\"\n            >\n              <OpenInNew sx={{ fontSize: 16 }} />\n            </ExternalLink>\n          ) : undefined}\n        </Box>\n      }\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAiBA,MAAa,mBAAmD,EAC9D,WACA,gBACI;CACJ,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,EAAE,mBAAmB,aAAa;CACxC,MAAM,cAAc,eAAe,WAAW,UAAU;CAExD,MAAM,cAAc,MAAkB;AACpC,IAAE,iBAAiB;AACnB,YAAU,UAAU,UAAU,UAAU;;AAG1C,QACE,oBAAC,WAAD;EACE,gBACE,oBAAC,kBAAD,EAAA,UACE,oBAAC,QAAD;GAAQ,OAAM;GAAU,IAAI,EAAE,UAAU,IAAI;GAAI,CAAA,EAC/B,CAAA;EAErB,SAAS,GAAG,EAAE,oBAAoB,CAAC,IAAI,eAAe,UAAU;EAChE,cACE,qBAAC,KAAD;GAAK,IAAI;IAAE,SAAS;IAAQ,YAAY;IAAU,KAAK;IAAK;aAA5D,CACE,oBAAC,YAAD;IAAY,MAAK;IAAQ,SAAS;IAAY,IAAI,EAAE,GAAG,IAAK;cAC1D,oBAAC,oBAAD,EAAoB,IAAI,EAAE,UAAU,IAAI,EAAI,CAAA;IACjC,CAAA,EACZ,cACC,oBAAC,cAAD;IACE,MAAM;IACN,QAAO;IACP,KAAI;cAEJ,oBAAC,WAAD,EAAW,IAAI,EAAE,UAAU,IAAI,EAAI,CAAA;IACtB,CAAA,GACb,KAAA,EACA;;EAER,CAAA"}

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

@@ -0,0 +1,27 @@
+import { useActionMessage } from "../../hooks/useActionMessage.js";
+import { IconCircle } from "../../components/IconCircle/IconCircle.js";
+import { ExternalLink } from "./ReceiptsCard.style.js";
+import { ActionRow } from "./ActionRow.js";
+import { jsx } from "react/jsx-runtime";
+import OpenInNew from "@mui/icons-material/OpenInNew";
+//#region src/pages/TransactionDetailsPage/StepActionRow.tsx
+const StepActionRow = ({ step, action, href }) => {
+	const { title } = useActionMessage(step, action);
+	return /* @__PURE__ */ jsx(ActionRow, {
+		startAdornment: /* @__PURE__ */ jsx(IconCircle, {
+			status: action?.status === "FAILED" ? "error" : "success",
+			size: 24
+		}),
+		message: title ?? "",
+		endAdornment: /* @__PURE__ */ jsx(ExternalLink, {
+			href,
+			target: "_blank",
+			rel: "nofollow noreferrer",
+			children: /* @__PURE__ */ jsx(OpenInNew, { sx: { fontSize: 16 } })
+		})
+	});
+};
+//#endregion
+export { StepActionRow };
+
+//# sourceMappingURL=StepActionRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepActionRow.js","names":[],"sources":["../../../../src/pages/TransactionDetailsPage/StepActionRow.tsx"],"sourcesContent":["import type { ExecutionAction, LiFiStepExtended } from '@lifi/sdk'\nimport OpenInNew from '@mui/icons-material/OpenInNew'\nimport type React from 'react'\nimport { IconCircle } from '../../components/IconCircle/IconCircle.js'\nimport { useActionMessage } from '../../hooks/useActionMessage.js'\nimport { ActionRow } from './ActionRow.js'\nimport { ExternalLink } from './ReceiptsCard.style.js'\n\nexport const StepActionRow: React.FC<{\n  step: LiFiStepExtended\n  action: ExecutionAction\n  href: string\n}> = ({ step, action, href }) => {\n  const { title } = useActionMessage(step, action)\n  const isFailed = action?.status === 'FAILED'\n  return (\n    <ActionRow\n      startAdornment={\n        <IconCircle status={isFailed ? 'error' : 'success'} size={24} />\n      }\n      message={title ?? ''}\n      endAdornment={\n        <ExternalLink href={href} target=\"_blank\" rel=\"nofollow noreferrer\">\n          <OpenInNew sx={{ fontSize: 16 }} />\n        </ExternalLink>\n      }\n    />\n  )\n}\n"],"mappings":";;;;;;;AAQA,MAAa,iBAIP,EAAE,MAAM,QAAQ,WAAW;CAC/B,MAAM,EAAE,UAAU,iBAAiB,MAAM,OAAO;AAEhD,QACE,oBAAC,WAAD;EACE,gBACE,oBAAC,YAAD;GAAY,QAJD,QAAQ,WAAW,WAIC,UAAU;GAAW,MAAM;GAAM,CAAA;EAElE,SAAS,SAAS;EAClB,cACE,oBAAC,cAAD;GAAoB;GAAM,QAAO;GAAS,KAAI;aAC5C,oBAAC,WAAD,EAAW,IAAI,EAAE,UAAU,IAAI,EAAI,CAAA;GACtB,CAAA;EAEjB,CAAA"}

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

@@ -0,0 +1,44 @@
+import { useExplorer } from "../../hooks/useExplorer.js";
+import { prepareActions } from "../../utils/prepareActions.js";
+import { TransactionList } from "./ReceiptsCard.style.js";
+import { SentToWalletRow } from "./SentToWalletRow.js";
+import { StepActionRow } from "./StepActionRow.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/pages/TransactionDetailsPage/StepActionsList.tsx
+const StepActionsList = ({ route, toAddress }) => {
+	const { getTransactionLink } = useExplorer();
+	const stepRows = route.steps.map((step) => {
+		return {
+			step,
+			rows: prepareActions(step.execution?.actions ?? []).map((actionsGroup) => {
+				const action = actionsGroup.at(-1);
+				return {
+					action,
+					href: action?.txHash ? getTransactionLink({
+						txHash: action.txHash,
+						chain: action.chainId
+					}) : action?.txLink ? getTransactionLink({
+						txLink: action.txLink,
+						chain: action.chainId
+					}) : void 0
+				};
+			}).filter(({ action, href }) => {
+				const doneOrFailed = action?.status === "DONE" || action?.status === "FAILED";
+				return Boolean(href && doneOrFailed);
+			})
+		};
+	}).filter(({ rows }) => rows.length > 0);
+	if (!stepRows?.length) return null;
+	return /* @__PURE__ */ jsxs(TransactionList, { children: [stepRows.map(({ step, rows }) => /* @__PURE__ */ jsx(TransactionList, { children: rows.map(({ action, href }, index) => /* @__PURE__ */ jsx(StepActionRow, {
+		step,
+		action,
+		href
+	}, index)) }, step.id)), toAddress ? /* @__PURE__ */ jsx(SentToWalletRow, {
+		toAddress,
+		toChainId: route.toChainId
+	}) : null] });
+};
+//#endregion
+export { StepActionsList };
+
+//# sourceMappingURL=StepActionsList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepActionsList.js","names":[],"sources":["../../../../src/pages/TransactionDetailsPage/StepActionsList.tsx"],"sourcesContent":["import type { RouteExtended } from '@lifi/sdk'\nimport { useExplorer } from '../../hooks/useExplorer.js'\nimport { prepareActions } from '../../utils/prepareActions.js'\nimport { TransactionList } from './ReceiptsCard.style.js'\nimport { SentToWalletRow } from './SentToWalletRow.js'\nimport { StepActionRow } from './StepActionRow.js'\n\ninterface StepActionsListProps {\n  route: RouteExtended\n  toAddress?: string\n}\n\nexport const StepActionsList: React.FC<StepActionsListProps> = ({\n  route,\n  toAddress,\n}) => {\n  const { getTransactionLink } = useExplorer()\n  const stepRows = route.steps\n    .map((step) => {\n      const rows = prepareActions(step.execution?.actions ?? [])\n        .map((actionsGroup) => {\n          const action = actionsGroup.at(-1)\n          const href = action?.txHash\n            ? getTransactionLink({\n                txHash: action.txHash,\n                chain: action.chainId,\n              })\n            : action?.txLink\n              ? getTransactionLink({\n                  txLink: action.txLink,\n                  chain: action.chainId,\n                })\n              : undefined\n          return { action, href }\n        })\n        .filter(({ action, href }) => {\n          const doneOrFailed =\n            action?.status === 'DONE' || action?.status === 'FAILED'\n          return Boolean(href && doneOrFailed)\n        })\n      return { step, rows }\n    })\n    .filter(({ rows }) => rows.length > 0)\n\n  if (!stepRows?.length) {\n    return null\n  }\n\n  return (\n    <TransactionList>\n      {stepRows.map(({ step, rows }) => (\n        <TransactionList key={step.id}>\n          {rows.map(({ action, href }, index) => (\n            <StepActionRow\n              key={index}\n              step={step}\n              action={action!}\n              href={href!}\n            />\n          ))}\n        </TransactionList>\n      ))}\n      {toAddress ? (\n        <SentToWalletRow toAddress={toAddress} toChainId={route.toChainId} />\n      ) : null}\n    </TransactionList>\n  )\n}\n"],"mappings":";;;;;;;AAYA,MAAa,mBAAmD,EAC9D,OACA,gBACI;CACJ,MAAM,EAAE,uBAAuB,aAAa;CAC5C,MAAM,WAAW,MAAM,MACpB,KAAK,SAAS;AAsBb,SAAO;GAAE;GAAM,MArBF,eAAe,KAAK,WAAW,WAAW,EAAE,CAAC,CACvD,KAAK,iBAAiB;IACrB,MAAM,SAAS,aAAa,GAAG,GAAG;AAYlC,WAAO;KAAE;KAAQ,MAXJ,QAAQ,SACjB,mBAAmB;MACjB,QAAQ,OAAO;MACf,OAAO,OAAO;MACf,CAAC,GACF,QAAQ,SACN,mBAAmB;MACjB,QAAQ,OAAO;MACf,OAAO,OAAO;MACf,CAAC,GACF,KAAA;KACiB;KACvB,CACD,QAAQ,EAAE,QAAQ,WAAW;IAC5B,MAAM,eACJ,QAAQ,WAAW,UAAU,QAAQ,WAAW;AAClD,WAAO,QAAQ,QAAQ,aAAa;KACpC;GACiB;GACrB,CACD,QAAQ,EAAE,WAAW,KAAK,SAAS,EAAE;AAExC,KAAI,CAAC,UAAU,OACb,QAAO;AAGT,QACE,qBAAC,iBAAD,EAAA,UAAA,CACG,SAAS,KAAK,EAAE,MAAM,WACrB,oBAAC,iBAAD,EAAA,UACG,KAAK,KAAK,EAAE,QAAQ,QAAQ,UAC3B,oBAAC,eAAD;EAEQ;EACE;EACF;EACN,EAJK,MAIL,CACF,EACc,EATI,KAAK,GAST,CAClB,EACD,YACC,oBAAC,iBAAD;EAA4B;EAAW,WAAW,MAAM;EAAa,CAAA,GACnE,KACY,EAAA,CAAA"}