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

package/dist/esm/components/Messages/FundsSufficiencyMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"FundsSufficiencyMessage.js","sourceRoot":"","sources":["../../../../src/components/Messages/FundsSufficiencyMessage.tsx"],"names":[],"mappings":";AAAA,OAAO,cAAc,MAAM,oCAAoC,CAAA;AAC/D,OAAO,EAAiB,UAAU,EAAE,MAAM,eAAe,CAAA;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEhD,MAAM,CAAC,MAAM,uBAAuB,GAAuB,CAAC,KAAK,EAAE,EAAE;IACnE,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,OAAO,CACL,KAAC,YAAY,IACX,QAAQ,EAAC,SAAS,EAClB,IAAI,EAAE,KAAC,cAAc,KAAG,EACxB,KAAK,EACH,KAAC,UAAU,IACT,OAAO,EAAC,OAAO,EACf,EAAE,EAAE;gBACF,KAAK,EAAE,cAAc;aACtB,YAEA,CAAC,CAAC,mCAAmC,CAAC,GAC5B,EAEf,SAAS,WACL,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"FundsSufficiencyMessage.js","names":[],"sources":["../../../../src/components/Messages/FundsSufficiencyMessage.tsx"],"sourcesContent":["import WarningRounded from '@mui/icons-material/WarningRounded'\nimport { type BoxProps, Typography } from '@mui/material'\nimport { useTranslation } from 'react-i18next'\nimport { AlertMessage } from './AlertMessage.js'\n\nexport const FundsSufficiencyMessage: React.FC<BoxProps> = (props) => {\n  const { t } = useTranslation()\n  return (\n    <AlertMessage\n      severity=\"warning\"\n      icon={<WarningRounded />}\n      title={\n        <Typography\n          variant=\"body2\"\n          sx={{\n            color: 'text.primary',\n          }}\n        >\n          {t('warning.message.insufficientFunds')}\n        </Typography>\n      }\n      multiline\n      {...props}\n    />\n  )\n}\n"],"mappings":";;;;;;AAKA,MAAa,2BAA+C,UAAU;CACpE,MAAM,EAAE,MAAM,gBAAgB;AAC9B,QACE,oBAAC,cAAD;EACE,UAAS;EACT,MAAM,oBAAC,gBAAD,EAAkB,CAAA;EACxB,OACE,oBAAC,YAAD;GACE,SAAQ;GACR,IAAI,EACF,OAAO,gBACR;aAEA,EAAE,oCAAoC;GAC5B,CAAA;EAEf,WAAA;EACA,GAAI;EACJ,CAAA"}

package/dist/esm/components/Messages/GasRefuelMessage.js

@@ -1,33 +1,63 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import EvStation from '@mui/icons-material/EvStation';
-import { Box, Collapse, Typography } from '@mui/material';
-import { useTranslation } from 'react-i18next';
-import { useGasRefuel } from '../../hooks/useGasRefuel.js';
-import { useSettings } from '../../stores/settings/useSettings.js';
-import { useSettingsActions } from '../../stores/settings/useSettingsActions.js';
-import { AlertMessage } from './AlertMessage.js';
-import { InfoMessageSwitch } from './GasRefuelMessage.style.js';
-export const GasRefuelMessage = (props) => {
-    const { t } = useTranslation();
-    const { setValue } = useSettingsActions();
-    const { enabledAutoRefuel } = useSettings(['enabledAutoRefuel']);
-    const { enabled, chain, isLoading: isRefuelLoading } = useGasRefuel();
-    const onChange = (_, checked) => {
-        setValue('enabledAutoRefuel', checked);
-    };
-    const showGasRefuelMessage = chain && enabled && !isRefuelLoading;
-    return (_jsx(Collapse, { timeout: 225, in: showGasRefuelMessage, unmountOnExit: true, mountOnEnter: true, children: _jsx(AlertMessage, { icon: _jsx(EvStation, {}), title: _jsxs(Box, { sx: {
-                    display: 'flex',
-                    alignItems: 'center',
-                    justifyContent: 'space-between',
-                    flexGrow: 1,
-                }, children: [_jsx(Typography, { variant: "body2", sx: {
-                            fontWeight: 700,
-                        }, children: t('info.title.autoRefuel', { chainName: chain?.name ?? '' }) }), _jsx(InfoMessageSwitch, { checked: enabledAutoRefuel, onChange: onChange })] }), ...props, children: _jsx(Collapse, { timeout: 225, in: enabledAutoRefuel, unmountOnExit: true, mountOnEnter: true, children: _jsx(Typography, { variant: "body2", sx: {
-                        px: 2,
-                        pt: 1,
-                    }, children: t('info.message.autoRefuel', {
-                        chainName: chain?.name,
-                    }) }) }) }) }));
+import { useSettingsActions } from "../../stores/settings/useSettingsActions.js";
+import { useSettings } from "../../stores/settings/useSettings.js";
+import { useGasRefuel } from "../../hooks/useGasRefuel.js";
+import { AlertMessage } from "./AlertMessage.js";
+import { InfoMessageSwitch } from "./GasRefuelMessage.style.js";
+import { Box, Collapse, Typography } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import EvStation from "@mui/icons-material/EvStation";
+//#region src/components/Messages/GasRefuelMessage.tsx
+const GasRefuelMessage = (props) => {
+	const { t } = useTranslation();
+	const { setValue } = useSettingsActions();
+	const { enabledAutoRefuel } = useSettings(["enabledAutoRefuel"]);
+	const { enabled, chain, isLoading: isRefuelLoading } = useGasRefuel();
+	const onChange = (_, checked) => {
+		setValue("enabledAutoRefuel", checked);
+	};
+	return /* @__PURE__ */ jsx(Collapse, {
+		timeout: 225,
+		in: chain && enabled && !isRefuelLoading,
+		unmountOnExit: true,
+		mountOnEnter: true,
+		children: /* @__PURE__ */ jsx(AlertMessage, {
+			icon: /* @__PURE__ */ jsx(EvStation, {}),
+			title: /* @__PURE__ */ jsxs(Box, {
+				sx: {
+					display: "flex",
+					alignItems: "center",
+					justifyContent: "space-between",
+					flexGrow: 1
+				},
+				children: [/* @__PURE__ */ jsx(Typography, {
+					variant: "body2",
+					sx: { fontWeight: 700 },
+					children: t("info.title.autoRefuel", { chainName: chain?.name ?? "" })
+				}), /* @__PURE__ */ jsx(InfoMessageSwitch, {
+					checked: enabledAutoRefuel,
+					onChange
+				})]
+			}),
+			...props,
+			children: /* @__PURE__ */ jsx(Collapse, {
+				timeout: 225,
+				in: enabledAutoRefuel,
+				unmountOnExit: true,
+				mountOnEnter: true,
+				children: /* @__PURE__ */ jsx(Typography, {
+					variant: "body2",
+					sx: {
+						px: 2,
+						pt: 1
+					},
+					children: t("info.message.autoRefuel", { chainName: chain?.name })
+				})
+			})
+		})
+	});
 };
+//#endregion
+export { GasRefuelMessage };
+
 //# sourceMappingURL=GasRefuelMessage.js.map

package/dist/esm/components/Messages/GasRefuelMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"GasRefuelMessage.js","sourceRoot":"","sources":["../../../../src/components/Messages/GasRefuelMessage.tsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,+BAA+B,CAAA;AAErD,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAEzD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAA;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAA;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAE/D,MAAM,CAAC,MAAM,gBAAgB,GAAuB,CAAC,KAAK,EAAE,EAAE;IAC5D,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAE9B,MAAM,EAAE,QAAQ,EAAE,GAAG,kBAAkB,EAAE,CAAA;IACzC,MAAM,EAAE,iBAAiB,EAAE,GAAG,WAAW,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAA;IAEhE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,YAAY,EAAE,CAAA;IAErE,MAAM,QAAQ,GAAG,CAAC,CAAgC,EAAE,OAAgB,EAAE,EAAE;QACtE,QAAQ,CAAC,mBAAmB,EAAE,OAAO,CAAC,CAAA;IACxC,CAAC,CAAA;IAED,MAAM,oBAAoB,GAAG,KAAK,IAAI,OAAO,IAAI,CAAC,eAAe,CAAA;IAEjE,OAAO,CACL,KAAC,QAAQ,IACP,OAAO,EAAE,GAAG,EACZ,EAAE,EAAE,oBAAoB,EACxB,aAAa,QACb,YAAY,kBAEZ,KAAC,YAAY,IACX,IAAI,EAAE,KAAC,SAAS,KAAG,EACnB,KAAK,EACH,MAAC,GAAG,IACF,EAAE,EAAE;oBACF,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,cAAc,EAAE,eAAe;oBAC/B,QAAQ,EAAE,CAAC;iBACZ,aAED,KAAC,UAAU,IACT,OAAO,EAAC,OAAO,EACf,EAAE,EAAE;4BACF,UAAU,EAAE,GAAG;yBAChB,YAEA,CAAC,CAAC,uBAAuB,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,IAAI,EAAE,EAAE,CAAC,GAClD,EACb,KAAC,iBAAiB,IAChB,OAAO,EAAE,iBAAiB,EAC1B,QAAQ,EAAE,QAAQ,GAClB,IACE,KAEJ,KAAK,YAET,KAAC,QAAQ,IACP,OAAO,EAAE,GAAG,EACZ,EAAE,EAAE,iBAAiB,EACrB,aAAa,QACb,YAAY,kBAEZ,KAAC,UAAU,IACT,OAAO,EAAC,OAAO,EACf,EAAE,EAAE;wBACF,EAAE,EAAE,CAAC;wBACL,EAAE,EAAE,CAAC;qBACN,YAEA,CAAC,CAAC,yBAAyB,EAAE;wBAC5B,SAAS,EAAE,KAAK,EAAE,IAAI;qBACvB,CAAC,GACS,GACJ,GACE,GACN,CACZ,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"GasRefuelMessage.js","names":[],"sources":["../../../../src/components/Messages/GasRefuelMessage.tsx"],"sourcesContent":["import EvStation from '@mui/icons-material/EvStation'\nimport type { BoxProps } from '@mui/material'\nimport { Box, Collapse, Typography } from '@mui/material'\nimport type { ChangeEvent } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useGasRefuel } from '../../hooks/useGasRefuel.js'\nimport { useSettings } from '../../stores/settings/useSettings.js'\nimport { useSettingsActions } from '../../stores/settings/useSettingsActions.js'\nimport { AlertMessage } from './AlertMessage.js'\nimport { InfoMessageSwitch } from './GasRefuelMessage.style.js'\n\nexport const GasRefuelMessage: React.FC<BoxProps> = (props) => {\n  const { t } = useTranslation()\n\n  const { setValue } = useSettingsActions()\n  const { enabledAutoRefuel } = useSettings(['enabledAutoRefuel'])\n\n  const { enabled, chain, isLoading: isRefuelLoading } = useGasRefuel()\n\n  const onChange = (_: ChangeEvent<HTMLInputElement>, checked: boolean) => {\n    setValue('enabledAutoRefuel', checked)\n  }\n\n  const showGasRefuelMessage = chain && enabled && !isRefuelLoading\n\n  return (\n    <Collapse\n      timeout={225}\n      in={showGasRefuelMessage}\n      unmountOnExit\n      mountOnEnter\n    >\n      <AlertMessage\n        icon={<EvStation />}\n        title={\n          <Box\n            sx={{\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'space-between',\n              flexGrow: 1,\n            }}\n          >\n            <Typography\n              variant=\"body2\"\n              sx={{\n                fontWeight: 700,\n              }}\n            >\n              {t('info.title.autoRefuel', { chainName: chain?.name ?? '' })}\n            </Typography>\n            <InfoMessageSwitch\n              checked={enabledAutoRefuel}\n              onChange={onChange}\n            />\n          </Box>\n        }\n        {...props}\n      >\n        <Collapse\n          timeout={225}\n          in={enabledAutoRefuel}\n          unmountOnExit\n          mountOnEnter\n        >\n          <Typography\n            variant=\"body2\"\n            sx={{\n              px: 2,\n              pt: 1,\n            }}\n          >\n            {t('info.message.autoRefuel', {\n              chainName: chain?.name,\n            })}\n          </Typography>\n        </Collapse>\n      </AlertMessage>\n    </Collapse>\n  )\n}\n"],"mappings":";;;;;;;;;;AAWA,MAAa,oBAAwC,UAAU;CAC7D,MAAM,EAAE,MAAM,gBAAgB;CAE9B,MAAM,EAAE,aAAa,oBAAoB;CACzC,MAAM,EAAE,sBAAsB,YAAY,CAAC,oBAAoB,CAAC;CAEhE,MAAM,EAAE,SAAS,OAAO,WAAW,oBAAoB,cAAc;CAErE,MAAM,YAAY,GAAkC,YAAqB;AACvE,WAAS,qBAAqB,QAAQ;;AAKxC,QACE,oBAAC,UAAD;EACE,SAAS;EACT,IALyB,SAAS,WAAW,CAAC;EAM9C,eAAA;EACA,cAAA;YAEA,oBAAC,cAAD;GACE,MAAM,oBAAC,WAAD,EAAa,CAAA;GACnB,OACE,qBAAC,KAAD;IACE,IAAI;KACF,SAAS;KACT,YAAY;KACZ,gBAAgB;KAChB,UAAU;KACX;cANH,CAQE,oBAAC,YAAD;KACE,SAAQ;KACR,IAAI,EACF,YAAY,KACb;eAEA,EAAE,yBAAyB,EAAE,WAAW,OAAO,QAAQ,IAAI,CAAC;KAClD,CAAA,EACb,oBAAC,mBAAD;KACE,SAAS;KACC;KACV,CAAA,CACE;;GAER,GAAI;aAEJ,oBAAC,UAAD;IACE,SAAS;IACT,IAAI;IACJ,eAAA;IACA,cAAA;cAEA,oBAAC,YAAD;KACE,SAAQ;KACR,IAAI;MACF,IAAI;MACJ,IAAI;MACL;eAEA,EAAE,2BAA2B,EAC5B,WAAW,OAAO,MACnB,CAAC;KACS,CAAA;IACJ,CAAA;GACE,CAAA;EACN,CAAA"}

package/dist/esm/components/Messages/GasRefuelMessage.style.js

@@ -1,21 +1,17 @@
-import { styled, switchClasses } from '@mui/material';
-import { Switch } from '../Switch.js';
-export const InfoMessageSwitch = styled(Switch)(({ theme }) => ({
-    [`.${switchClasses.switchBase}`]: {
-        [`&.${switchClasses.checked}`]: {
-            [`& + .${switchClasses.track}`]: {
-                backgroundColor: theme.vars.palette.info.main,
-                ...theme.applyStyles('dark', {
-                    backgroundColor: `rgba(${theme.vars.palette.info.mainChannel} / 0.84)`,
-                }),
-            },
-        },
-        [`&.Mui-focusVisible .${switchClasses.thumb}`]: {
-            color: theme.vars.palette.info.main,
-            ...theme.applyStyles('dark', {
-                color: `rgba(${theme.vars.palette.info.mainChannel} / 0.84)`,
-            }),
-        },
-    },
-}));
+import { Switch as Switch$1 } from "../Switch.js";
+import { styled, switchClasses } from "@mui/material";
+//#region src/components/Messages/GasRefuelMessage.style.ts
+const InfoMessageSwitch = styled(Switch$1)(({ theme }) => ({ [`.${switchClasses.switchBase}`]: {
+	[`&.${switchClasses.checked}`]: { [`& + .${switchClasses.track}`]: {
+		backgroundColor: theme.vars.palette.info.main,
+		...theme.applyStyles("dark", { backgroundColor: `color-mix(in srgb, ${theme.vars.palette.info.main} 84%, transparent)` })
+	} },
+	[`&.Mui-focusVisible .${switchClasses.thumb}`]: {
+		color: theme.vars.palette.info.main,
+		...theme.applyStyles("dark", { color: `color-mix(in srgb, ${theme.vars.palette.info.main} 84%, transparent)` })
+	}
+} }));
+//#endregion
+export { InfoMessageSwitch };
+
 //# sourceMappingURL=GasRefuelMessage.style.js.map

package/dist/esm/components/Messages/GasRefuelMessage.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"GasRefuelMessage.style.js","sourceRoot":"","sources":["../../../../src/components/Messages/GasRefuelMessage.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAErC,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9D,CAAC,IAAI,aAAa,CAAC,UAAU,EAAE,CAAC,EAAE;QAChC,CAAC,KAAK,aAAa,CAAC,OAAO,EAAE,CAAC,EAAE;YAC9B,CAAC,QAAQ,aAAa,CAAC,KAAK,EAAE,CAAC,EAAE;gBAC/B,eAAe,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;gBAC7C,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,EAAE;oBAC3B,eAAe,EAAE,QAAQ,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,UAAU;iBACvE,CAAC;aACH;SACF;QACD,CAAC,uBAAuB,aAAa,CAAC,KAAK,EAAE,CAAC,EAAE;YAC9C,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;YACnC,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,EAAE;gBAC3B,KAAK,EAAE,QAAQ,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,UAAU;aAC7D,CAAC;SACH;KACF;CACF,CAAC,CAAC,CAAA"}
+{"version":3,"file":"GasRefuelMessage.style.js","names":["Switch"],"sources":["../../../../src/components/Messages/GasRefuelMessage.style.ts"],"sourcesContent":["import { styled, switchClasses } from '@mui/material'\nimport type React from 'react'\nimport { Switch } from '../Switch.js'\n\nexport const InfoMessageSwitch: React.FC<React.ComponentProps<typeof Switch>> =\n  styled(Switch)(({ theme }) => ({\n    [`.${switchClasses.switchBase}`]: {\n      [`&.${switchClasses.checked}`]: {\n        [`& + .${switchClasses.track}`]: {\n          backgroundColor: theme.vars.palette.info.main,\n          ...theme.applyStyles('dark', {\n            backgroundColor: `color-mix(in srgb, ${theme.vars.palette.info.main} 84%, transparent)`,\n          }),\n        },\n      },\n      [`&.Mui-focusVisible .${switchClasses.thumb}`]: {\n        color: theme.vars.palette.info.main,\n        ...theme.applyStyles('dark', {\n          color: `color-mix(in srgb, ${theme.vars.palette.info.main} 84%, transparent)`,\n        }),\n      },\n    },\n  }))\n"],"mappings":";;;AAIA,MAAa,oBACX,OAAOA,SAAO,EAAE,EAAE,aAAa,GAC5B,IAAI,cAAc,eAAe;EAC/B,KAAK,cAAc,YAAY,GAC7B,QAAQ,cAAc,UAAU;EAC/B,iBAAiB,MAAM,KAAK,QAAQ,KAAK;EACzC,GAAG,MAAM,YAAY,QAAQ,EAC3B,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,KAAK,KAAK,qBACrE,CAAC;EACH,EACF;EACA,uBAAuB,cAAc,UAAU;EAC9C,OAAO,MAAM,KAAK,QAAQ,KAAK;EAC/B,GAAG,MAAM,YAAY,QAAQ,EAC3B,OAAO,sBAAsB,MAAM,KAAK,QAAQ,KAAK,KAAK,qBAC3D,CAAC;EACH;CACF,EACF,EAAE"}

package/dist/esm/components/Messages/GasSufficiencyMessage.js

@@ -1,23 +1,43 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { formatUnits } from '@lifi/sdk';
-import EvStation from '@mui/icons-material/EvStation';
-import { Typography } from '@mui/material';
-import { useTranslation } from 'react-i18next';
-import { AlertMessage } from './AlertMessage.js';
-export const GasSufficiencyMessage = ({ insufficientGas, ...props }) => {
-    const { t } = useTranslation();
-    return (_jsxs(AlertMessage, { severity: "warning", icon: _jsx(EvStation, {}), title: _jsx(Typography, { variant: "body2", sx: {
-                fontWeight: 700,
-            }, children: t('warning.title.insufficientGas') }), ...props, children: [_jsx(Typography, { variant: "body2", sx: {
-                    px: 2,
-                    pt: 1,
-                }, children: t('warning.message.insufficientGas') }), insufficientGas?.map((item, index) => (_jsx(Typography, { variant: "body2", sx: {
-                    px: 2,
-                    pt: 0.5,
-                }, children: t('main.tokenOnChainAmount', {
-                    amount: formatUnits(item.insufficientAmount ?? 0n, item.token.decimals),
-                    tokenSymbol: item.token.symbol,
-                    chainName: item.chain?.name,
-                }) }, index)))] }));
+import { AlertMessage } from "./AlertMessage.js";
+import { formatUnits } from "@lifi/sdk";
+import { Typography } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import EvStation from "@mui/icons-material/EvStation";
+//#region src/components/Messages/GasSufficiencyMessage.tsx
+const GasSufficiencyMessage = ({ insufficientGas, ...props }) => {
+	const { t } = useTranslation();
+	return /* @__PURE__ */ jsxs(AlertMessage, {
+		severity: "warning",
+		icon: /* @__PURE__ */ jsx(EvStation, {}),
+		title: /* @__PURE__ */ jsx(Typography, {
+			variant: "body2",
+			sx: { fontWeight: 700 },
+			children: t("warning.title.insufficientGas")
+		}),
+		...props,
+		children: [/* @__PURE__ */ jsx(Typography, {
+			variant: "body2",
+			sx: {
+				px: 2,
+				pt: 1
+			},
+			children: t("warning.message.insufficientGas")
+		}), insufficientGas?.map((item, index) => /* @__PURE__ */ jsx(Typography, {
+			variant: "body2",
+			sx: {
+				px: 2,
+				pt: .5
+			},
+			children: t("main.tokenOnChainAmount", {
+				amount: formatUnits(item.insufficientAmount ?? 0n, item.token.decimals),
+				tokenSymbol: item.token.symbol,
+				chainName: item.chain?.name
+			})
+		}, index))]
+	});
 };
+//#endregion
+export { GasSufficiencyMessage };
+
 //# sourceMappingURL=GasSufficiencyMessage.js.map

package/dist/esm/components/Messages/GasSufficiencyMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"GasSufficiencyMessage.js","sourceRoot":"","sources":["../../../../src/components/Messages/GasSufficiencyMessage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,SAAS,MAAM,+BAA+B,CAAA;AACrD,OAAO,EAAiB,UAAU,EAAE,MAAM,eAAe,CAAA;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE9C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAMhD,MAAM,CAAC,MAAM,qBAAqB,GAAyC,CAAC,EAC1E,eAAe,EACf,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,OAAO,CACL,MAAC,YAAY,IACX,QAAQ,EAAC,SAAS,EAClB,IAAI,EAAE,KAAC,SAAS,KAAG,EACnB,KAAK,EACH,KAAC,UAAU,IACT,OAAO,EAAC,OAAO,EACf,EAAE,EAAE;gBACF,UAAU,EAAE,GAAG;aAChB,YAEA,CAAC,CAAC,+BAA+B,CAAC,GACxB,KAEX,KAAK,aAET,KAAC,UAAU,IACT,OAAO,EAAC,OAAO,EACf,EAAE,EAAE;oBACF,EAAE,EAAE,CAAC;oBACL,EAAE,EAAE,CAAC;iBACN,YAEA,CAAC,CAAC,iCAAiC,CAAC,GAC1B,EACZ,eAAe,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACrC,KAAC,UAAU,IAET,OAAO,EAAC,OAAO,EACf,EAAE,EAAE;oBACF,EAAE,EAAE,CAAC;oBACL,EAAE,EAAE,GAAG;iBACR,YAEA,CAAC,CAAC,yBAAyB,EAAE;oBAC5B,MAAM,EAAE,WAAW,CACjB,IAAI,CAAC,kBAAkB,IAAI,EAAE,EAC7B,IAAI,CAAC,KAAK,CAAC,QAAQ,CACpB;oBACD,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM;oBAC9B,SAAS,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI;iBAC5B,CAAC,IAdG,KAAK,CAeC,CACd,CAAC,IACW,CAChB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"GasSufficiencyMessage.js","names":[],"sources":["../../../../src/components/Messages/GasSufficiencyMessage.tsx"],"sourcesContent":["import { formatUnits } from '@lifi/sdk'\nimport EvStation from '@mui/icons-material/EvStation'\nimport { type BoxProps, Typography } from '@mui/material'\nimport { useTranslation } from 'react-i18next'\nimport type { GasSufficiency } from '../../hooks/useGasSufficiency.js'\nimport { AlertMessage } from './AlertMessage.js'\n\ninterface GasSufficiencyMessageProps extends BoxProps {\n  insufficientGas?: GasSufficiency[]\n}\n\nexport const GasSufficiencyMessage: React.FC<GasSufficiencyMessageProps> = ({\n  insufficientGas,\n  ...props\n}) => {\n  const { t } = useTranslation()\n  return (\n    <AlertMessage\n      severity=\"warning\"\n      icon={<EvStation />}\n      title={\n        <Typography\n          variant=\"body2\"\n          sx={{\n            fontWeight: 700,\n          }}\n        >\n          {t('warning.title.insufficientGas')}\n        </Typography>\n      }\n      {...props}\n    >\n      <Typography\n        variant=\"body2\"\n        sx={{\n          px: 2,\n          pt: 1,\n        }}\n      >\n        {t('warning.message.insufficientGas')}\n      </Typography>\n      {insufficientGas?.map((item, index) => (\n        <Typography\n          key={index}\n          variant=\"body2\"\n          sx={{\n            px: 2,\n            pt: 0.5,\n          }}\n        >\n          {t('main.tokenOnChainAmount', {\n            amount: formatUnits(\n              item.insufficientAmount ?? 0n,\n              item.token.decimals\n            ),\n            tokenSymbol: item.token.symbol,\n            chainName: item.chain?.name,\n          })}\n        </Typography>\n      ))}\n    </AlertMessage>\n  )\n}\n"],"mappings":";;;;;;;AAWA,MAAa,yBAA+D,EAC1E,iBACA,GAAG,YACC;CACJ,MAAM,EAAE,MAAM,gBAAgB;AAC9B,QACE,qBAAC,cAAD;EACE,UAAS;EACT,MAAM,oBAAC,WAAD,EAAa,CAAA;EACnB,OACE,oBAAC,YAAD;GACE,SAAQ;GACR,IAAI,EACF,YAAY,KACb;aAEA,EAAE,gCAAgC;GACxB,CAAA;EAEf,GAAI;YAbN,CAeE,oBAAC,YAAD;GACE,SAAQ;GACR,IAAI;IACF,IAAI;IACJ,IAAI;IACL;aAEA,EAAE,kCAAkC;GAC1B,CAAA,EACZ,iBAAiB,KAAK,MAAM,UAC3B,oBAAC,YAAD;GAEE,SAAQ;GACR,IAAI;IACF,IAAI;IACJ,IAAI;IACL;aAEA,EAAE,2BAA2B;IAC5B,QAAQ,YACN,KAAK,sBAAsB,IAC3B,KAAK,MAAM,SACZ;IACD,aAAa,KAAK,MAAM;IACxB,WAAW,KAAK,OAAO;IACxB,CAAC;GACS,EAfN,MAeM,CACb,CACW"}

package/dist/esm/components/Messages/MinFromAmountUSDMessage.js

@@ -1,15 +1,27 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import WarningRounded from '@mui/icons-material/WarningRounded';
-import { Typography } from '@mui/material';
-import { useTranslation } from 'react-i18next';
-import { AlertMessage } from './AlertMessage.js';
-export const MinFromAmountUSDMessage = ({ minFromAmountUSD, ...props }) => {
-    const { t } = useTranslation();
-    return (_jsx(AlertMessage, { severity: "warning", icon: _jsx(WarningRounded, {}), title: _jsx(Typography, { variant: "body2", sx: {
-                color: 'text.primary',
-            }, children: t('warning.message.minFromAmountUSD', {
-                amount: minFromAmountUSD,
-                minimumFractionDigits: 0,
-            }) }), multiline: true, ...props }));
+import { AlertMessage } from "./AlertMessage.js";
+import { Typography } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import WarningRounded from "@mui/icons-material/WarningRounded";
+//#region src/components/Messages/MinFromAmountUSDMessage.tsx
+const MinFromAmountUSDMessage = ({ minFromAmountUSD, ...props }) => {
+	const { t } = useTranslation();
+	return /* @__PURE__ */ jsx(AlertMessage, {
+		severity: "warning",
+		icon: /* @__PURE__ */ jsx(WarningRounded, {}),
+		title: /* @__PURE__ */ jsx(Typography, {
+			variant: "body2",
+			sx: { color: "text.primary" },
+			children: t("warning.message.minFromAmountUSD", {
+				amount: minFromAmountUSD,
+				minimumFractionDigits: 0
+			})
+		}),
+		multiline: true,
+		...props
+	});
 };
+//#endregion
+export { MinFromAmountUSDMessage };
+
 //# sourceMappingURL=MinFromAmountUSDMessage.js.map

package/dist/esm/components/Messages/MinFromAmountUSDMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"MinFromAmountUSDMessage.js","sourceRoot":"","sources":["../../../../src/components/Messages/MinFromAmountUSDMessage.tsx"],"names":[],"mappings":";AAAA,OAAO,cAAc,MAAM,oCAAoC,CAAA;AAC/D,OAAO,EAAiB,UAAU,EAAE,MAAM,eAAe,CAAA;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAMhD,MAAM,CAAC,MAAM,uBAAuB,GAEhC,CAAC,EAAE,gBAAgB,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACrC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,OAAO,CACL,KAAC,YAAY,IACX,QAAQ,EAAC,SAAS,EAClB,IAAI,EAAE,KAAC,cAAc,KAAG,EACxB,KAAK,EACH,KAAC,UAAU,IACT,OAAO,EAAC,OAAO,EACf,EAAE,EAAE;gBACF,KAAK,EAAE,cAAc;aACtB,YAEA,CAAC,CAAC,kCAAkC,EAAE;gBACrC,MAAM,EAAE,gBAAgB;gBACxB,qBAAqB,EAAE,CAAC;aACzB,CAAC,GACS,EAEf,SAAS,WACL,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"MinFromAmountUSDMessage.js","names":[],"sources":["../../../../src/components/Messages/MinFromAmountUSDMessage.tsx"],"sourcesContent":["import WarningRounded from '@mui/icons-material/WarningRounded'\nimport { type BoxProps, Typography } from '@mui/material'\nimport { useTranslation } from 'react-i18next'\nimport { AlertMessage } from './AlertMessage.js'\n\ntype MinFromAmountUSDMessageProps = BoxProps & {\n  minFromAmountUSD: number\n}\n\nexport const MinFromAmountUSDMessage: React.FC<\n  MinFromAmountUSDMessageProps\n> = ({ minFromAmountUSD, ...props }) => {\n  const { t } = useTranslation()\n  return (\n    <AlertMessage\n      severity=\"warning\"\n      icon={<WarningRounded />}\n      title={\n        <Typography\n          variant=\"body2\"\n          sx={{\n            color: 'text.primary',\n          }}\n        >\n          {t('warning.message.minFromAmountUSD', {\n            amount: minFromAmountUSD,\n            minimumFractionDigits: 0,\n          })}\n        </Typography>\n      }\n      multiline\n      {...props}\n    />\n  )\n}\n"],"mappings":";;;;;;AASA,MAAa,2BAER,EAAE,kBAAkB,GAAG,YAAY;CACtC,MAAM,EAAE,MAAM,gBAAgB;AAC9B,QACE,oBAAC,cAAD;EACE,UAAS;EACT,MAAM,oBAAC,gBAAD,EAAkB,CAAA;EACxB,OACE,oBAAC,YAAD;GACE,SAAQ;GACR,IAAI,EACF,OAAO,gBACR;aAEA,EAAE,oCAAoC;IACrC,QAAQ;IACR,uBAAuB;IACxB,CAAC;GACS,CAAA;EAEf,WAAA;EACA,GAAI;EACJ,CAAA"}

package/dist/esm/components/Messages/MissingRouteRequiredAccountMessage.js

@@ -1,20 +1,31 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Wallet from '@mui/icons-material/Wallet';
-import { Typography } from '@mui/material';
-import { useTranslation } from 'react-i18next';
-import { shortenAddress } from '../../utils/wallet.js';
-import { AlertMessage } from './AlertMessage.js';
-export const MissingRouteRequiredAccountMessage = ({ chain, address, ...props }) => {
-    const { t } = useTranslation();
-    if (!chain) {
-        return null;
-    }
-    return (_jsx(AlertMessage, { title: _jsx(Typography, { variant: "body2", sx: {
-                px: 1,
-                color: 'text.primary',
-            }, children: t('info.message.missingRouteRequiredAccount', {
-                chainName: chain.name,
-                address: address ? `(${shortenAddress(address)})` : '',
-            }) }), icon: _jsx(Wallet, {}), multiline: true, ...props }));
+import { shortenAddress } from "../../utils/wallet.js";
+import { AlertMessage } from "./AlertMessage.js";
+import { Typography } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import Wallet from "@mui/icons-material/Wallet";
+//#region src/components/Messages/MissingRouteRequiredAccountMessage.tsx
+const MissingRouteRequiredAccountMessage = ({ chain, address, ...props }) => {
+	const { t } = useTranslation();
+	if (!chain) return null;
+	return /* @__PURE__ */ jsx(AlertMessage, {
+		title: /* @__PURE__ */ jsx(Typography, {
+			variant: "body2",
+			sx: {
+				px: 1,
+				color: "text.primary"
+			},
+			children: t("info.message.missingRouteRequiredAccount", {
+				chainName: chain.name,
+				address: address ? `(${shortenAddress(address)})` : ""
+			})
+		}),
+		icon: /* @__PURE__ */ jsx(Wallet, {}),
+		multiline: true,
+		...props
+	});
 };
+//#endregion
+export { MissingRouteRequiredAccountMessage };
+
 //# sourceMappingURL=MissingRouteRequiredAccountMessage.js.map

package/dist/esm/components/Messages/MissingRouteRequiredAccountMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"MissingRouteRequiredAccountMessage.js","sourceRoot":"","sources":["../../../../src/components/Messages/MissingRouteRequiredAccountMessage.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,4BAA4B,CAAA;AAE/C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAOhD,MAAM,CAAC,MAAM,kCAAkC,GAE3C,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACnC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAE9B,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,KAAC,YAAY,IACX,KAAK,EACH,KAAC,UAAU,IACT,OAAO,EAAC,OAAO,EACf,EAAE,EAAE;gBACF,EAAE,EAAE,CAAC;gBACL,KAAK,EAAE,cAAc;aACtB,YAEA,CAAC,CAAC,0CAA0C,EAAE;gBAC7C,SAAS,EAAE,KAAK,CAAC,IAAI;gBACrB,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,IAAI,cAAc,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;aACvD,CAAC,GACS,EAEf,IAAI,EAAE,KAAC,MAAM,KAAG,EAChB,SAAS,WACL,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"MissingRouteRequiredAccountMessage.js","names":[],"sources":["../../../../src/components/Messages/MissingRouteRequiredAccountMessage.tsx"],"sourcesContent":["import type { ExtendedChain } from '@lifi/sdk'\nimport Wallet from '@mui/icons-material/Wallet'\nimport type { BoxProps } from '@mui/material'\nimport { Typography } from '@mui/material'\nimport { useTranslation } from 'react-i18next'\nimport { shortenAddress } from '../../utils/wallet.js'\nimport { AlertMessage } from './AlertMessage.js'\n\ninterface MissingRouteRequiredAccountMessageProps extends BoxProps {\n  chain?: ExtendedChain\n  address?: string\n}\n\nexport const MissingRouteRequiredAccountMessage: React.FC<\n  MissingRouteRequiredAccountMessageProps\n> = ({ chain, address, ...props }) => {\n  const { t } = useTranslation()\n\n  if (!chain) {\n    return null\n  }\n\n  return (\n    <AlertMessage\n      title={\n        <Typography\n          variant=\"body2\"\n          sx={{\n            px: 1,\n            color: 'text.primary',\n          }}\n        >\n          {t('info.message.missingRouteRequiredAccount', {\n            chainName: chain.name,\n            address: address ? `(${shortenAddress(address)})` : '',\n          })}\n        </Typography>\n      }\n      icon={<Wallet />}\n      multiline\n      {...props}\n    />\n  )\n}\n"],"mappings":";;;;;;;AAaA,MAAa,sCAER,EAAE,OAAO,SAAS,GAAG,YAAY;CACpC,MAAM,EAAE,MAAM,gBAAgB;AAE9B,KAAI,CAAC,MACH,QAAO;AAGT,QACE,oBAAC,cAAD;EACE,OACE,oBAAC,YAAD;GACE,SAAQ;GACR,IAAI;IACF,IAAI;IACJ,OAAO;IACR;aAEA,EAAE,4CAA4C;IAC7C,WAAW,MAAM;IACjB,SAAS,UAAU,IAAI,eAAe,QAAQ,CAAC,KAAK;IACrD,CAAC;GACS,CAAA;EAEf,MAAM,oBAAC,QAAD,EAAU,CAAA;EAChB,WAAA;EACA,GAAI;EACJ,CAAA"}

package/dist/esm/components/Messages/WarningMessages.js

@@ -1,35 +1,45 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Collapse } from '@mui/material';
-import { AccountDeployedMessage } from './AccountDeployedMessage.js';
-import { AccountNotDeployedMessage } from './AccountNotDeployedMessage.js';
-import { FundsSufficiencyMessage } from './FundsSufficiencyMessage.js';
-import { GasSufficiencyMessage } from './GasSufficiencyMessage.js';
-import { MinFromAmountUSDMessage } from './MinFromAmountUSDMessage.js';
-import { MissingRouteRequiredAccountMessage } from './MissingRouteRequiredAccountMessage.js';
-import { ToAddressRequiredMessage } from './ToAddressRequiredMessage.js';
-import { useMessageQueue } from './useMessageQueue.js';
-export const WarningMessages = ({ route, allowInteraction, ...props }) => {
-    const { messages, hasMessages } = useMessageQueue(route, allowInteraction);
-    const getMessage = () => {
-        switch (messages[0]?.id) {
-            case 'MISSING_ROUTE_REQUIRED_ACCOUNT':
-                return (_jsx(MissingRouteRequiredAccountMessage, { chain: messages[0].props?.chain, address: messages[0].props?.address, ...props }));
-            case 'INSUFFICIENT_FUNDS':
-                return _jsx(FundsSufficiencyMessage, { ...props });
-            case 'INSUFFICIENT_GAS':
-                return (_jsx(GasSufficiencyMessage, { insufficientGas: messages[0].props?.insufficientGas, ...props }));
-            case 'MIN_FROM_AMOUNT_USD':
-                return (_jsx(MinFromAmountUSDMessage, { minFromAmountUSD: messages[0].props?.minFromAmountUSD, ...props }));
-            case 'ACCOUNT_NOT_DEPLOYED':
-                return _jsx(AccountNotDeployedMessage, { ...props });
-            case 'ACCOUNT_DEPLOYED':
-                return _jsx(AccountDeployedMessage, { ...props });
-            case 'TO_ADDRESS_REQUIRED':
-                return _jsx(ToAddressRequiredMessage, { ...props });
-            default:
-                return null;
-        }
-    };
-    return (_jsx(Collapse, { in: hasMessages, timeout: 225, unmountOnExit: true, mountOnEnter: true, children: getMessage() }));
+import { AccountDeployedMessage } from "./AccountDeployedMessage.js";
+import { AccountNotDeployedMessage } from "./AccountNotDeployedMessage.js";
+import { FundsSufficiencyMessage } from "./FundsSufficiencyMessage.js";
+import { GasSufficiencyMessage } from "./GasSufficiencyMessage.js";
+import { MinFromAmountUSDMessage } from "./MinFromAmountUSDMessage.js";
+import { MissingRouteRequiredAccountMessage } from "./MissingRouteRequiredAccountMessage.js";
+import { useMessageQueue } from "./useMessageQueue.js";
+import { Collapse } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Messages/WarningMessages.tsx
+const WarningMessages = ({ route, allowInteraction, ...props }) => {
+	const { messages, hasMessages } = useMessageQueue(route, allowInteraction);
+	const getMessage = () => {
+		switch (messages[0]?.id) {
+			case "MISSING_ROUTE_REQUIRED_ACCOUNT": return /* @__PURE__ */ jsx(MissingRouteRequiredAccountMessage, {
+				chain: messages[0].props?.chain,
+				address: messages[0].props?.address,
+				...props
+			});
+			case "INSUFFICIENT_FUNDS": return /* @__PURE__ */ jsx(FundsSufficiencyMessage, { ...props });
+			case "INSUFFICIENT_GAS": return /* @__PURE__ */ jsx(GasSufficiencyMessage, {
+				insufficientGas: messages[0].props?.insufficientGas,
+				...props
+			});
+			case "MIN_FROM_AMOUNT_USD": return /* @__PURE__ */ jsx(MinFromAmountUSDMessage, {
+				minFromAmountUSD: messages[0].props?.minFromAmountUSD,
+				...props
+			});
+			case "ACCOUNT_NOT_DEPLOYED": return /* @__PURE__ */ jsx(AccountNotDeployedMessage, { ...props });
+			case "ACCOUNT_DEPLOYED": return /* @__PURE__ */ jsx(AccountDeployedMessage, { ...props });
+			default: return null;
+		}
+	};
+	return /* @__PURE__ */ jsx(Collapse, {
+		in: hasMessages,
+		timeout: 225,
+		unmountOnExit: true,
+		mountOnEnter: true,
+		children: getMessage()
+	});
 };
+//#endregion
+export { WarningMessages };
+
 //# sourceMappingURL=WarningMessages.js.map

package/dist/esm/components/Messages/WarningMessages.js.map

@@ -1 +1 @@
-{"version":3,"file":"WarningMessages.js","sourceRoot":"","sources":["../../../../src/components/Messages/WarningMessages.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACpE,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAA;AAC1E,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAA;AACtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAClE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAA;AACtE,OAAO,EAAE,kCAAkC,EAAE,MAAM,yCAAyC,CAAA;AAC5F,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAA;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAOtD,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC9D,KAAK,EACL,gBAAgB,EAChB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,eAAe,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAA;IAE1E,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,QAAQ,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC;YACxB,KAAK,gCAAgC;gBACnC,OAAO,CACL,KAAC,kCAAkC,IACjC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAC/B,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,OAAO,KAC/B,KAAK,GACT,CACH,CAAA;YACH,KAAK,oBAAoB;gBACvB,OAAO,KAAC,uBAAuB,OAAK,KAAK,GAAI,CAAA;YAC/C,KAAK,kBAAkB;gBACrB,OAAO,CACL,KAAC,qBAAqB,IACpB,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,eAAe,KAC/C,KAAK,GACT,CACH,CAAA;YACH,KAAK,qBAAqB;gBACxB,OAAO,CACL,KAAC,uBAAuB,IACtB,gBAAgB,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,gBAAgB,KACjD,KAAK,GACT,CACH,CAAA;YACH,KAAK,sBAAsB;gBACzB,OAAO,KAAC,yBAAyB,OAAK,KAAK,GAAI,CAAA;YACjD,KAAK,kBAAkB;gBACrB,OAAO,KAAC,sBAAsB,OAAK,KAAK,GAAI,CAAA;YAC9C,KAAK,qBAAqB;gBACxB,OAAO,KAAC,wBAAwB,OAAK,KAAK,GAAI,CAAA;YAChD;gBACE,OAAO,IAAI,CAAA;QACf,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,KAAC,QAAQ,IAAC,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,EAAE,aAAa,QAAC,YAAY,kBAChE,UAAU,EAAE,GACJ,CACZ,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"WarningMessages.js","names":[],"sources":["../../../../src/components/Messages/WarningMessages.tsx"],"sourcesContent":["import type { Route } from '@lifi/sdk'\nimport type { BoxProps } from '@mui/material'\nimport { Collapse } from '@mui/material'\nimport { AccountDeployedMessage } from './AccountDeployedMessage.js'\nimport { AccountNotDeployedMessage } from './AccountNotDeployedMessage.js'\nimport { FundsSufficiencyMessage } from './FundsSufficiencyMessage.js'\nimport { GasSufficiencyMessage } from './GasSufficiencyMessage.js'\nimport { MinFromAmountUSDMessage } from './MinFromAmountUSDMessage.js'\nimport { MissingRouteRequiredAccountMessage } from './MissingRouteRequiredAccountMessage.js'\nimport { useMessageQueue } from './useMessageQueue.js'\n\ntype WarningMessagesProps = BoxProps & {\n  route?: Route\n  allowInteraction?: boolean\n}\n\nexport const WarningMessages: React.FC<WarningMessagesProps> = ({\n  route,\n  allowInteraction,\n  ...props\n}) => {\n  const { messages, hasMessages } = useMessageQueue(route, allowInteraction)\n\n  const getMessage = () => {\n    switch (messages[0]?.id) {\n      case 'MISSING_ROUTE_REQUIRED_ACCOUNT':\n        return (\n          <MissingRouteRequiredAccountMessage\n            chain={messages[0].props?.chain}\n            address={messages[0].props?.address}\n            {...props}\n          />\n        )\n      case 'INSUFFICIENT_FUNDS':\n        return <FundsSufficiencyMessage {...props} />\n      case 'INSUFFICIENT_GAS':\n        return (\n          <GasSufficiencyMessage\n            insufficientGas={messages[0].props?.insufficientGas}\n            {...props}\n          />\n        )\n      case 'MIN_FROM_AMOUNT_USD':\n        return (\n          <MinFromAmountUSDMessage\n            minFromAmountUSD={messages[0].props?.minFromAmountUSD}\n            {...props}\n          />\n        )\n      case 'ACCOUNT_NOT_DEPLOYED':\n        return <AccountNotDeployedMessage {...props} />\n      case 'ACCOUNT_DEPLOYED':\n        return <AccountDeployedMessage {...props} />\n      default:\n        return null\n    }\n  }\n\n  return (\n    <Collapse in={hasMessages} timeout={225} unmountOnExit mountOnEnter>\n      {getMessage()}\n    </Collapse>\n  )\n}\n"],"mappings":";;;;;;;;;;AAgBA,MAAa,mBAAmD,EAC9D,OACA,kBACA,GAAG,YACC;CACJ,MAAM,EAAE,UAAU,gBAAgB,gBAAgB,OAAO,iBAAiB;CAE1E,MAAM,mBAAmB;AACvB,UAAQ,SAAS,IAAI,IAArB;GACE,KAAK,iCACH,QACE,oBAAC,oCAAD;IACE,OAAO,SAAS,GAAG,OAAO;IAC1B,SAAS,SAAS,GAAG,OAAO;IAC5B,GAAI;IACJ,CAAA;GAEN,KAAK,qBACH,QAAO,oBAAC,yBAAD,EAAyB,GAAI,OAAS,CAAA;GAC/C,KAAK,mBACH,QACE,oBAAC,uBAAD;IACE,iBAAiB,SAAS,GAAG,OAAO;IACpC,GAAI;IACJ,CAAA;GAEN,KAAK,sBACH,QACE,oBAAC,yBAAD;IACE,kBAAkB,SAAS,GAAG,OAAO;IACrC,GAAI;IACJ,CAAA;GAEN,KAAK,uBACH,QAAO,oBAAC,2BAAD,EAA2B,GAAI,OAAS,CAAA;GACjD,KAAK,mBACH,QAAO,oBAAC,wBAAD,EAAwB,GAAI,OAAS,CAAA;GAC9C,QACE,QAAO;;;AAIb,QACE,oBAAC,UAAD;EAAU,IAAI;EAAa,SAAS;EAAK,eAAA;EAAc,cAAA;YACpD,YAAY;EACJ,CAAA"}