@lifi/widget 4.0.0-beta.9 → 4.1.0

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

@@ -1,37 +1,60 @@
-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 { 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?.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 { 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?.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":";;;;;;;;;;;AAWA,MAAM,aAAa;CACjB,OAAO;CACP,MAAM;CACN,QAAQ;AACV;AAUA,MAAM,YAAqC,EACzC,OACA,OACA,MACA,GAAG,YAEH,oBAAC,SAAD;CAAgB;WACd,oBAACA,OAAD;EAAK,MAAM;EAAa;EAAO,GAAI;EAAO,eAAA;CAAe,CAAA;AAClD,CAAA;AAGX,MAAa,sBAAgC;CAC3C,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,EAAE,MAAM,YAAY,eAAe;CACzC,MAAM,EAAE,aAAa,gBAAgB;CAErC,IAAI,UAAU,YACZ,OAAO;CAGT,MAAM,aAAa,QAAQ;CAE3B,MAAM,YAAY,WAAW;CAE7B,MAAM,qBACJ,GACA,eACG;EACH,QAAQ,UAAU;CACpB;CAEA,OACE,oBAAC,uBAAD;EACE,OAAO,qBAAC,WAAD,EAAA,UAAA,CAAY,EAAE,UAAU,YAAY,GAAE,GAAY,EAAA,CAAA;EACzD,MAAM,oBAAC,WAAD,CAAY,CAAA;EAClB,OAAO,EAAE,qBAAqB;YAE9B,oBAAC,UAAD;GACE,OAAO;GACP,cAAW;GACX,gBAAe;GACf,UAAU;GACV,IAAI,EAAE,IAAI,IAAI;aAEb,OAAO,QAAQ,UAAU,CAAC,CAAC,KAAK,CAAC,OAAO,UAAU;IACjD,MAAM,uBAAuB;IAE7B,OACE,oBAAC,UAAD;KAEE,OAAO,EAAE,UAAU,sBAAsB;KACzC,OAAO;KACP,MAAM,oBAAC,MAAD,CAAO,CAAA;IACd,GAJM,oBAIN;GAEL,CAAC;EACO,CAAA;CACW,CAAA;AAE3B"}

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,eAAe;CAG7B,OACE,oBAAC,YAAD;EAAY,SAHe,kBAAkB,SAGL;YACrC,EAAE,uBAAuB;CAChB,CAAA;AAEhB"}

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,cAAc,CAAC,EAAE,EAAE,aAAa;CACrC,SAAS,MAAM,QAAQ,IAAK,GAAG;CAC/B,UAAU;CACV,YAAY;CACZ,YAAY;CACZ,QAAQ;AACV,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 "../../components/StepActions/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 '../../components/StepActions/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,eAAe;CAC7B,MAAM,YAAY,MAAM;CAExB,OACE,qBAAC,MAAD;EAAM,MAAK;EAAU,UAAA;YAArB,CACE,oBAAC,WAAD;GAAW,IAAI;IAAE,SAAS;IAAG,IAAI;GAAE;aAAI,EAAE,eAAe;EAAa,CAAA,GACrE,oBAAC,iBAAD;GAAwB;GAAkB;EAAY,CAAA,CAClD;;AAEV"}

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

@@ -1,87 +1,84 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Typography } from '@mui/material';
-import { useLocation, useNavigate } from '@tanstack/react-router';
-import { useEffect, useMemo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { ContractComponent } from '../../components/ContractComponent/ContractComponent.js';
-import { PageContainer } from '../../components/PageContainer.js';
-import { getStepList } from '../../components/Step/StepList.js';
-import { TransactionDetails } from '../../components/TransactionDetails.js';
-import { internalExplorerUrl } from '../../config/constants.js';
-import { useExplorer } from '../../hooks/useExplorer.js';
-import { useHeader } from '../../hooks/useHeader.js';
-import { useTools } from '../../hooks/useTools.js';
-import { useTransactionDetails } from '../../hooks/useTransactionDetails.js';
-import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
-import { useRouteExecutionStore } from '../../stores/routes/RouteExecutionStore.js';
-import { getSourceTxHash } from '../../stores/routes/utils.js';
-import { HiddenUI } from '../../types/widget.js';
-import { buildRouteFromTxHistory } from '../../utils/converters.js';
-import { navigationRoutes } from '../../utils/navigationRoutes.js';
-import { ContactSupportButton } from './ContactSupportButton.js';
-import { TransactionDetailsSkeleton } from './TransactionDetailsSkeleton.js';
-import { TransferIdCard } from './TransferIdCard.js';
-export const TransactionDetailsPage = () => {
-    const { t, i18n } = useTranslation();
-    const navigate = useNavigate();
-    const { subvariant, subvariantOptions, contractSecondaryComponent, explorerUrls, hiddenUI, } = useWidgetConfig();
-    const { search } = useLocation();
-    const { tools } = useTools();
-    const { getTransactionLink } = useExplorer();
-    const storedRouteExecution = useRouteExecutionStore((store) => store.routes[search?.routeId]);
-    const { transaction, isLoading } = useTransactionDetails(!storedRouteExecution && search?.transactionHash);
-    const title = subvariant === 'custom'
-        ? t(`header.${subvariantOptions?.custom ?? 'checkout'}Details`)
-        : t('header.transactionDetails');
-    useHeader(title);
-    const routeExecution = useMemo(() => {
-        if (storedRouteExecution) {
-            return storedRouteExecution;
-        }
-        if (isLoading) {
-            return;
-        }
-        if (transaction) {
-            const routeExecution = buildRouteFromTxHistory(transaction, tools);
-            return routeExecution;
-        }
-    }, [isLoading, storedRouteExecution, tools, transaction]);
-    useEffect(() => {
-        if (!isLoading && !routeExecution) {
-            navigate({ to: navigationRoutes.home });
-        }
-    }, [isLoading, navigate, routeExecution]);
-    const explorerUrl = explorerUrls?.internal?.[0];
-    const url = typeof explorerUrl === 'string' ? explorerUrl : explorerUrl?.url;
-    const sourceTxHash = getSourceTxHash(routeExecution?.route);
-    let supportId = sourceTxHash ?? routeExecution?.route.id ?? '';
-    const internalTxLink = routeExecution?.route?.steps?.at(-1)?.execution?.internalTxLink;
-    const externalTxLink = routeExecution?.route?.steps?.at(-1)?.execution?.externalTxLink;
-    const txLink = (url
-        ? internalTxLink?.replace(internalExplorerUrl, url)
-        : internalTxLink) ||
-        externalTxLink ||
-        getTransactionLink({ txHash: supportId });
-    if (process.env.NODE_ENV === 'development') {
-        supportId += `_${routeExecution?.route.id}`;
-    }
-    const startedAt = new Date((routeExecution?.route.steps[0].execution?.startedAt ?? 0) *
-        (storedRouteExecution ? 1 : 1000) // local and BE routes have different ms handling
-    );
-    return isLoading && !storedRouteExecution ? (_jsx(TransactionDetailsSkeleton, {})) : (_jsxs(PageContainer, { bottomGutters: true, children: [_jsxs(Box, { sx: {
-                    pb: 1,
-                    display: 'flex',
-                    justifyContent: 'space-between',
-                }, children: [_jsx(Typography, { sx: {
-                            fontSize: 12,
-                        }, children: startedAt.toLocaleString(i18n.language, {
-                            dateStyle: 'long',
-                        }) }), _jsx(Typography, { sx: {
-                            fontSize: 12,
-                        }, children: startedAt.toLocaleString(i18n.language, {
-                            timeStyle: 'short',
-                        }) })] }), getStepList(routeExecution?.route, subvariant), subvariant === 'custom' && contractSecondaryComponent ? (_jsx(ContractComponent, { sx: { marginTop: 2 }, children: contractSecondaryComponent })) : null, routeExecution?.route ? (_jsx(TransactionDetails, { route: routeExecution?.route, sx: { marginTop: 2 } })) : null, _jsx(TransferIdCard, { transferId: supportId, txLink: txLink }), !hiddenUI?.includes(HiddenUI.ContactSupport) ? (_jsx(Box, { sx: {
-                    mt: 2,
-                }, children: _jsx(ContactSupportButton, { supportId: supportId }) })) : null] }));
+import { useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
+import "../../config/constants.js";
+import { navigationRoutes } from "../../utils/navigationRoutes.js";
+import { PageContainer } from "../../components/PageContainer.js";
+import { getSourceTxHash } from "../../stores/routes/utils.js";
+import { useRouteExecutionStore } from "../../stores/routes/RouteExecutionStore.js";
+import { useTools } from "../../hooks/useTools.js";
+import { useExplorer } from "../../hooks/useExplorer.js";
+import { useHeader } from "../../hooks/useHeader.js";
+import { buildRouteFromTxHistory } from "../../utils/converters.js";
+import { TransactionCard } from "../../components/TransactionCard/TransactionCard.js";
+import { ContractComponent } from "../../components/ContractComponent/ContractComponent.js";
+import { useTransactionDetails } from "../../hooks/useTransactionDetails.js";
+import { ReceiptsCard } from "./ReceiptsCard.js";
+import { TransactionDetailsSkeleton } from "./TransactionDetailsSkeleton.js";
+import { TransferIdCard } from "./TransferIdCard.js";
+import { useEffect, useMemo } from "react";
+import { useLocation, useNavigate } from "@tanstack/react-router";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+//#region src/pages/TransactionDetailsPage/TransactionDetailsPage.tsx
+const TransactionDetailsPage = () => {
+	const { t } = useTranslation();
+	const navigate = useNavigate();
+	const { mode, modeOptions, contractSecondaryComponent, explorerUrls } = useWidgetConfig();
+	const { search } = useLocation();
+	const { tools } = useTools();
+	const { getTransactionLink } = useExplorer();
+	const storedRouteExecution = useRouteExecutionStore((store) => search?.routeId ? store.routes[search.routeId] : void 0);
+	const { transaction, isLoading } = useTransactionDetails(!storedRouteExecution && search?.transactionHash);
+	useHeader(mode === "custom" ? t(`header.${modeOptions?.custom?.type ?? "checkout"}Details`) : t("header.transactionDetails"));
+	const routeExecution = useMemo(() => {
+		if (storedRouteExecution) return storedRouteExecution;
+		if (isLoading) return;
+		if (transaction) return buildRouteFromTxHistory(transaction, tools);
+	}, [
+		isLoading,
+		storedRouteExecution,
+		tools,
+		transaction
+	]);
+	useEffect(() => {
+		if (!isLoading && !routeExecution) navigate({ to: navigationRoutes.home });
+	}, [
+		isLoading,
+		navigate,
+		routeExecution
+	]);
+	const explorerUrl = explorerUrls?.internal?.[0];
+	const url = typeof explorerUrl === "string" ? explorerUrl : explorerUrl?.url;
+	let supportId = getSourceTxHash(routeExecution?.route) ?? routeExecution?.route.id ?? "";
+	const internalTxLink = routeExecution?.route?.steps?.at(-1)?.execution?.internalTxLink;
+	const externalTxLink = routeExecution?.route?.steps?.at(-1)?.execution?.externalTxLink;
+	const txLink = (url ? internalTxLink?.replace("https://scan.li.fi", url) : internalTxLink) || externalTxLink || getTransactionLink({ txHash: supportId });
+	if (process.env.NODE_ENV === "development") supportId += `_${routeExecution?.route.id}`;
+	const startedAt = new Date(routeExecution?.route.steps[0].execution?.startedAt ?? 0);
+	if (isLoading && !storedRouteExecution) return /* @__PURE__ */ jsx(TransactionDetailsSkeleton, {});
+	if (!routeExecution?.route) return null;
+	return /* @__PURE__ */ jsxs(PageContainer, {
+		topGutters: true,
+		bottomGutters: true,
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			gap: 2
+		},
+		children: [
+			/* @__PURE__ */ jsx(TransactionCard, {
+				route: routeExecution.route,
+				date: startedAt
+			}),
+			mode === "custom" && contractSecondaryComponent ? /* @__PURE__ */ jsx(ContractComponent, { children: contractSecondaryComponent }) : null,
+			/* @__PURE__ */ jsx(ReceiptsCard, { route: routeExecution.route }),
+			supportId ? /* @__PURE__ */ jsx(TransferIdCard, {
+				transferId: supportId,
+				txLink
+			}) : null
+		]
+	});
 };
+//#endregion
+export { TransactionDetailsPage };
+
 //# sourceMappingURL=TransactionDetailsPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TransactionDetailsPage.js","sourceRoot":"","sources":["../../../../src/pages/TransactionDetailsPage/TransactionDetailsPage.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TransactionDetailsPage.js","names":[],"sources":["../../../../src/pages/TransactionDetailsPage/TransactionDetailsPage.tsx"],"sourcesContent":["import type { FullStatusData } from '@lifi/sdk'\nimport { useLocation, useNavigate } from '@tanstack/react-router'\nimport { useEffect, useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { ContractComponent } from '../../components/ContractComponent/ContractComponent.js'\nimport { PageContainer } from '../../components/PageContainer.js'\nimport { TransactionCard } from '../../components/TransactionCard/TransactionCard.js'\nimport { internalExplorerUrl } from '../../config/constants.js'\nimport { useExplorer } from '../../hooks/useExplorer.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useTools } from '../../hooks/useTools.js'\nimport { useTransactionDetails } from '../../hooks/useTransactionDetails.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { useRouteExecutionStore } from '../../stores/routes/RouteExecutionStore.js'\nimport { getSourceTxHash } from '../../stores/routes/utils.js'\nimport { buildRouteFromTxHistory } from '../../utils/converters.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { ReceiptsCard } from './ReceiptsCard.js'\nimport { TransactionDetailsSkeleton } from './TransactionDetailsSkeleton.js'\nimport { TransferIdCard } from './TransferIdCard.js'\n\nexport const TransactionDetailsPage: React.FC = () => {\n  const { t } = useTranslation()\n  const navigate = useNavigate()\n  const { mode, modeOptions, contractSecondaryComponent, explorerUrls } =\n    useWidgetConfig()\n  const { search }: any = useLocation()\n  const { tools } = useTools()\n  const { getTransactionLink } = useExplorer()\n  const storedRouteExecution = useRouteExecutionStore((store) =>\n    search?.routeId ? store.routes[search.routeId] : undefined\n  )\n  const { transaction, isLoading } = useTransactionDetails(\n    !storedRouteExecution && search?.transactionHash\n  )\n\n  const title =\n    mode === 'custom'\n      ? t(`header.${modeOptions?.custom?.type ?? 'checkout'}Details`)\n      : t('header.transactionDetails')\n  useHeader(title)\n\n  const routeExecution = useMemo(() => {\n    if (storedRouteExecution) {\n      return storedRouteExecution\n    }\n    if (isLoading) {\n      return\n    }\n    if (transaction) {\n      return buildRouteFromTxHistory(transaction as FullStatusData, tools)\n    }\n  }, [isLoading, storedRouteExecution, tools, transaction])\n\n  useEffect(() => {\n    if (!isLoading && !routeExecution) {\n      navigate({ to: navigationRoutes.home })\n    }\n  }, [isLoading, navigate, routeExecution])\n\n  const explorerUrl = explorerUrls?.internal?.[0]\n  const url = typeof explorerUrl === 'string' ? explorerUrl : explorerUrl?.url\n\n  const sourceTxHash = getSourceTxHash(routeExecution?.route)\n  let supportId = sourceTxHash ?? routeExecution?.route.id ?? ''\n\n  const internalTxLink =\n    routeExecution?.route?.steps?.at(-1)?.execution?.internalTxLink\n  const externalTxLink =\n    routeExecution?.route?.steps?.at(-1)?.execution?.externalTxLink\n\n  const txLink =\n    (url\n      ? internalTxLink?.replace(internalExplorerUrl, url)\n      : internalTxLink) ||\n    externalTxLink ||\n    getTransactionLink({ txHash: supportId })\n\n  if (process.env.NODE_ENV === 'development') {\n    supportId += `_${routeExecution?.route.id}`\n  }\n\n  const startedAt = new Date(\n    routeExecution?.route.steps[0].execution?.startedAt ?? 0\n  )\n\n  if (isLoading && !storedRouteExecution) {\n    return <TransactionDetailsSkeleton />\n  }\n\n  if (!routeExecution?.route) {\n    return null\n  }\n\n  return (\n    <PageContainer\n      topGutters\n      bottomGutters\n      sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}\n    >\n      <TransactionCard route={routeExecution.route} date={startedAt} />\n      {mode === 'custom' && contractSecondaryComponent ? (\n        <ContractComponent>{contractSecondaryComponent}</ContractComponent>\n      ) : null}\n      <ReceiptsCard route={routeExecution.route} />\n      {supportId ? (\n        <TransferIdCard transferId={supportId} txLink={txLink} />\n      ) : null}\n    </PageContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqBA,MAAa,+BAAyC;CACpD,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,WAAW,YAAY;CAC7B,MAAM,EAAE,MAAM,aAAa,4BAA4B,iBACrD,gBAAgB;CAClB,MAAM,EAAE,WAAgB,YAAY;CACpC,MAAM,EAAE,UAAU,SAAS;CAC3B,MAAM,EAAE,uBAAuB,YAAY;CAC3C,MAAM,uBAAuB,wBAAwB,UACnD,QAAQ,UAAU,MAAM,OAAO,OAAO,WAAW,KAAA,CACnD;CACA,MAAM,EAAE,aAAa,cAAc,sBACjC,CAAC,wBAAwB,QAAQ,eACnC;CAMA,UAHE,SAAS,WACL,EAAE,UAAU,aAAa,QAAQ,QAAQ,WAAW,QAAQ,IAC5D,EAAE,2BAA2B,CACpB;CAEf,MAAM,iBAAiB,cAAc;EACnC,IAAI,sBACF,OAAO;EAET,IAAI,WACF;EAEF,IAAI,aACF,OAAO,wBAAwB,aAA+B,KAAK;CAEvE,GAAG;EAAC;EAAW;EAAsB;EAAO;CAAW,CAAC;CAExD,gBAAgB;EACd,IAAI,CAAC,aAAa,CAAC,gBACjB,SAAS,EAAE,IAAI,iBAAiB,KAAK,CAAC;CAE1C,GAAG;EAAC;EAAW;EAAU;CAAc,CAAC;CAExC,MAAM,cAAc,cAAc,WAAW;CAC7C,MAAM,MAAM,OAAO,gBAAgB,WAAW,cAAc,aAAa;CAGzE,IAAI,YADiB,gBAAgB,gBAAgB,KAC1B,KAAK,gBAAgB,MAAM,MAAM;CAE5D,MAAM,iBACJ,gBAAgB,OAAO,OAAO,GAAG,EAAE,CAAC,EAAE,WAAW;CACnD,MAAM,iBACJ,gBAAgB,OAAO,OAAO,GAAG,EAAE,CAAC,EAAE,WAAW;CAEnD,MAAM,UACH,MACG,gBAAgB,QAAA,sBAA6B,GAAG,IAChD,mBACJ,kBACA,mBAAmB,EAAE,QAAQ,UAAU,CAAC;CAE1C,IAAI,QAAQ,IAAI,aAAa,eAC3B,aAAa,IAAI,gBAAgB,MAAM;CAGzC,MAAM,YAAY,IAAI,KACpB,gBAAgB,MAAM,MAAM,EAAE,CAAC,WAAW,aAAa,CACzD;CAEA,IAAI,aAAa,CAAC,sBAChB,OAAO,oBAAC,4BAAD,CAA6B,CAAA;CAGtC,IAAI,CAAC,gBAAgB,OACnB,OAAO;CAGT,OACE,qBAAC,eAAD;EACE,YAAA;EACA,eAAA;EACA,IAAI;GAAE,SAAS;GAAQ,eAAe;GAAU,KAAK;EAAE;YAHzD;GAKE,oBAAC,iBAAD;IAAiB,OAAO,eAAe;IAAO,MAAM;GAAY,CAAA;GAC/D,SAAS,YAAY,6BACpB,oBAAC,mBAAD,EAAA,UAAoB,2BAA8C,CAAA,IAChE;GACJ,oBAAC,cAAD,EAAc,OAAO,eAAe,MAAQ,CAAA;GAC3C,YACC,oBAAC,gBAAD;IAAgB,YAAY;IAAmB;GAAS,CAAA,IACtD;EACS;;AAEnB"}

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

@@ -1,33 +1,80 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Skeleton } from '@mui/material';
-import { Card } from '../../components/Card/Card.js';
-import { PageContainer } from '../../components/PageContainer.js';
-import { TokenSkeleton } from '../../components/Token/Token.js';
-export const TransactionDetailsSkeleton = () => {
-    return (_jsxs(PageContainer, { children: [_jsxs(Box, { sx: {
-                    pb: 1,
-                    pt: 0.75,
-                    display: 'flex',
-                    flex: 1,
-                    justifyContent: 'space-between',
-                }, children: [_jsx(Skeleton, { width: 96, height: 20, variant: "text" }), _jsx(Skeleton, { width: 40, height: 20, variant: "text" })] }), _jsxs(Card, { sx: { paddingX: 2, marginBottom: 3 }, children: [_jsx(Box, { sx: {
-                            pt: 2.5,
-                        }, children: _jsx(Skeleton, { width: 64, height: 12, variant: "rounded" }) }), _jsxs(Box, { sx: {
-                            py: 1,
-                        }, children: [_jsx(Box, { sx: {
-                                    py: 1,
-                                }, children: _jsx(TokenSkeleton, {}) }), _jsx(Box, { sx: {
-                                    py: 1,
-                                }, children: _jsx(TokenSkeleton, { disableDescription: true }) }), Array.from({ length: 3 }).map((_, key) => (_jsxs(Box, { sx: {
-                                    py: 1,
-                                    display: 'flex',
-                                    alignItems: 'center',
-                                }, children: [_jsx(Skeleton, { variant: "rounded", width: 40, height: 40, sx: {
-                                            borderRadius: '100%',
-                                        } }), _jsx(Skeleton, { sx: {
-                                            ml: 2,
-                                        }, width: 96, height: 24, variant: "text" })] }, key))), _jsx(Box, { sx: {
-                                    py: 1,
-                                }, children: _jsx(TokenSkeleton, {}) })] })] })] }));
+import { PageContainer } from "../../components/PageContainer.js";
+import { Card as Card$1 } from "../../components/Card/Card.js";
+import { TokenSkeleton } from "../../components/Token/Token.js";
+import { Box, Skeleton } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/pages/TransactionDetailsPage/TransactionDetailsSkeleton.tsx
+const TransactionDetailsSkeleton = () => {
+	return /* @__PURE__ */ jsxs(PageContainer, {
+		topGutters: true,
+		children: [/* @__PURE__ */ jsxs(Box, {
+			sx: {
+				pb: 1,
+				pt: .75,
+				display: "flex",
+				flex: 1,
+				justifyContent: "space-between"
+			},
+			children: [/* @__PURE__ */ jsx(Skeleton, {
+				width: 96,
+				height: 20,
+				variant: "text"
+			}), /* @__PURE__ */ jsx(Skeleton, {
+				width: 40,
+				height: 20,
+				variant: "text"
+			})]
+		}), /* @__PURE__ */ jsxs(Card$1, {
+			sx: {
+				paddingX: 2,
+				marginBottom: 3
+			},
+			children: [/* @__PURE__ */ jsx(Box, {
+				sx: { pt: 2.5 },
+				children: /* @__PURE__ */ jsx(Skeleton, {
+					width: 64,
+					height: 12,
+					variant: "rounded"
+				})
+			}), /* @__PURE__ */ jsxs(Box, {
+				sx: { py: 1 },
+				children: [
+					/* @__PURE__ */ jsx(Box, {
+						sx: { py: 1 },
+						children: /* @__PURE__ */ jsx(TokenSkeleton, {})
+					}),
+					/* @__PURE__ */ jsx(Box, {
+						sx: { py: 1 },
+						children: /* @__PURE__ */ jsx(TokenSkeleton, { disableDescription: true })
+					}),
+					Array.from({ length: 3 }).map((_, key) => /* @__PURE__ */ jsxs(Box, {
+						sx: {
+							py: 1,
+							display: "flex",
+							alignItems: "center"
+						},
+						children: [/* @__PURE__ */ jsx(Skeleton, {
+							variant: "rounded",
+							width: 40,
+							height: 40,
+							sx: { borderRadius: "100%" }
+						}), /* @__PURE__ */ jsx(Skeleton, {
+							sx: { ml: 2 },
+							width: 96,
+							height: 24,
+							variant: "text"
+						})]
+					}, key)),
+					/* @__PURE__ */ jsx(Box, {
+						sx: { py: 1 },
+						children: /* @__PURE__ */ jsx(TokenSkeleton, {})
+					})
+				]
+			})]
+		})]
+	});
 };
+//#endregion
+export { TransactionDetailsSkeleton };
+
 //# sourceMappingURL=TransactionDetailsSkeleton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TransactionDetailsSkeleton.js","sourceRoot":"","sources":["../../../../src/pages/TransactionDetailsPage/TransactionDetailsSkeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAA;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAA;AAE/D,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAG,EAAE;IAC7C,OAAO,CACL,MAAC,aAAa,eACZ,MAAC,GAAG,IACF,EAAE,EAAE;oBACF,EAAE,EAAE,CAAC;oBACL,EAAE,EAAE,IAAI;oBACR,OAAO,EAAE,MAAM;oBACf,IAAI,EAAE,CAAC;oBACP,cAAc,EAAE,eAAe;iBAChC,aAED,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,MAAM,GAAG,EAClD,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,MAAM,GAAG,IAC9C,EACN,MAAC,IAAI,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,aACxC,KAAC,GAAG,IACF,EAAE,EAAE;4BACF,EAAE,EAAE,GAAG;yBACR,YAED,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,SAAS,GAAG,GACjD,EACN,MAAC,GAAG,IACF,EAAE,EAAE;4BACF,EAAE,EAAE,CAAC;yBACN,aAGD,KAAC,GAAG,IACF,EAAE,EAAE;oCACF,EAAE,EAAE,CAAC;iCACN,YAED,KAAC,aAAa,KAAG,GACb,EAEN,KAAC,GAAG,IACF,EAAE,EAAE;oCACF,EAAE,EAAE,CAAC;iCACN,YAED,KAAC,aAAa,IAAC,kBAAkB,SAAG,GAChC,EAEL,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CACzC,MAAC,GAAG,IAEF,EAAE,EAAE;oCACF,EAAE,EAAE,CAAC;oCACL,OAAO,EAAE,MAAM;oCACf,UAAU,EAAE,QAAQ;iCACrB,aAED,KAAC,QAAQ,IACP,OAAO,EAAC,SAAS,EACjB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,EAAE,EAAE;4CACF,YAAY,EAAE,MAAM;yCACrB,GACD,EACF,KAAC,QAAQ,IACP,EAAE,EAAE;4CACF,EAAE,EAAE,CAAC;yCACN,EACD,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAC,MAAM,GACd,KAtBG,GAAG,CAuBJ,CACP,CAAC,EAEF,KAAC,GAAG,IACF,EAAE,EAAE;oCACF,EAAE,EAAE,CAAC;iCACN,YAED,KAAC,aAAa,KAAG,GACb,IACF,IACD,IACO,CACjB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"TransactionDetailsSkeleton.js","names":["Card"],"sources":["../../../../src/pages/TransactionDetailsPage/TransactionDetailsSkeleton.tsx"],"sourcesContent":["import { Box, Skeleton } from '@mui/material'\nimport type { JSX } from 'react'\nimport { Card } from '../../components/Card/Card.js'\nimport { PageContainer } from '../../components/PageContainer.js'\nimport { TokenSkeleton } from '../../components/Token/Token.js'\n\nexport const TransactionDetailsSkeleton = (): JSX.Element => {\n  return (\n    <PageContainer topGutters>\n      <Box\n        sx={{\n          pb: 1,\n          pt: 0.75,\n          display: 'flex',\n          flex: 1,\n          justifyContent: 'space-between',\n        }}\n      >\n        <Skeleton width={96} height={20} variant=\"text\" />\n        <Skeleton width={40} height={20} variant=\"text\" />\n      </Box>\n      <Card sx={{ paddingX: 2, marginBottom: 3 }}>\n        <Box\n          sx={{\n            pt: 2.5,\n          }}\n        >\n          <Skeleton width={64} height={12} variant=\"rounded\" />\n        </Box>\n        <Box\n          sx={{\n            py: 1,\n          }}\n        >\n          {/* Token skeleton */}\n          <Box\n            sx={{\n              py: 1,\n            }}\n          >\n            <TokenSkeleton />\n          </Box>\n          {/* Bridge skeleton */}\n          <Box\n            sx={{\n              py: 1,\n            }}\n          >\n            <TokenSkeleton disableDescription />\n          </Box>\n          {/* Steps skeleton */}\n          {Array.from({ length: 3 }).map((_, key) => (\n            <Box\n              key={key}\n              sx={{\n                py: 1,\n                display: 'flex',\n                alignItems: 'center',\n              }}\n            >\n              <Skeleton\n                variant=\"rounded\"\n                width={40}\n                height={40}\n                sx={{\n                  borderRadius: '100%',\n                }}\n              />\n              <Skeleton\n                sx={{\n                  ml: 2,\n                }}\n                width={96}\n                height={24}\n                variant=\"text\"\n              />\n            </Box>\n          ))}\n          {/* Receiving Token skeleton */}\n          <Box\n            sx={{\n              py: 1,\n            }}\n          >\n            <TokenSkeleton />\n          </Box>\n        </Box>\n      </Card>\n    </PageContainer>\n  )\n}\n"],"mappings":";;;;;;AAMA,MAAa,mCAAgD;CAC3D,OACE,qBAAC,eAAD;EAAe,YAAA;YAAf,CACE,qBAAC,KAAD;GACE,IAAI;IACF,IAAI;IACJ,IAAI;IACJ,SAAS;IACT,MAAM;IACN,gBAAgB;GAClB;aAPF,CASE,oBAAC,UAAD;IAAU,OAAO;IAAI,QAAQ;IAAI,SAAQ;GAAQ,CAAA,GACjD,oBAAC,UAAD;IAAU,OAAO;IAAI,QAAQ;IAAI,SAAQ;GAAQ,CAAA,CAC9C;MACL,qBAACA,QAAD;GAAM,IAAI;IAAE,UAAU;IAAG,cAAc;GAAE;aAAzC,CACE,oBAAC,KAAD;IACE,IAAI,EACF,IAAI,IACN;cAEA,oBAAC,UAAD;KAAU,OAAO;KAAI,QAAQ;KAAI,SAAQ;IAAW,CAAA;GACjD,CAAA,GACL,qBAAC,KAAD;IACE,IAAI,EACF,IAAI,EACN;cAHF;KAME,oBAAC,KAAD;MACE,IAAI,EACF,IAAI,EACN;gBAEA,oBAAC,eAAD,CAAgB,CAAA;KACb,CAAA;KAEL,oBAAC,KAAD;MACE,IAAI,EACF,IAAI,EACN;gBAEA,oBAAC,eAAD,EAAe,oBAAA,KAAoB,CAAA;KAChC,CAAA;KAEJ,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,QACjC,qBAAC,KAAD;MAEE,IAAI;OACF,IAAI;OACJ,SAAS;OACT,YAAY;MACd;gBANF,CAQE,oBAAC,UAAD;OACE,SAAQ;OACR,OAAO;OACP,QAAQ;OACR,IAAI,EACF,cAAc,OAChB;MACD,CAAA,GACD,oBAAC,UAAD;OACE,IAAI,EACF,IAAI,EACN;OACA,OAAO;OACP,QAAQ;OACR,SAAQ;MACT,CAAA,CACE;QAvBE,GAuBF,CACN;KAED,oBAAC,KAAD;MACE,IAAI,EACF,IAAI,EACN;gBAEA,oBAAC,eAAD,CAAgB,CAAA;KACb,CAAA;IACF;KACD;IACO;;AAEnB"}