@lifi/widget 4.0.0-alpha.3 → 4.0.0-alpha.5

package/dist/esm/components/Step/CircularProgress.style.js

@@ -1,51 +1,41 @@
-import { Box, circularProgressClasses, keyframes, CircularProgress as MuiCircularProgress, styled, } from '@mui/material';
+import { Box, CircularProgress, circularProgressClasses, keyframes, styled } from "@mui/material";
+//#region src/components/Step/CircularProgress.style.tsx
 const getStatusColor = (theme, status, substatus) => {
-    switch (status) {
-        case 'ACTION_REQUIRED':
-        case 'MESSAGE_REQUIRED':
-        case 'RESET_REQUIRED':
-            return `rgba(${theme.vars.palette.info.mainChannel} / 0.12)`;
-        case 'DONE':
-            if (substatus === 'PARTIAL' || substatus === 'REFUNDED') {
-                return `rgba(${theme.vars.palette.warning.mainChannel} / 0.48)`;
-            }
-            return `rgba(${theme.vars.palette.success.mainChannel} / 0.12)`;
-        case 'FAILED':
-            return `rgba(${theme.vars.palette.error.mainChannel} / 0.12)`;
-        default:
-            return null;
-    }
+	switch (status) {
+		case "ACTION_REQUIRED":
+		case "MESSAGE_REQUIRED":
+		case "RESET_REQUIRED": return `color-mix(in srgb, ${theme.vars.palette.info.main} 12%, transparent)`;
+		case "DONE":
+			if (substatus === "PARTIAL" || substatus === "REFUNDED") return `color-mix(in srgb, ${theme.vars.palette.warning.main} 48%, transparent)`;
+			return `color-mix(in srgb, ${theme.vars.palette.success.main} 12%, transparent)`;
+		case "FAILED": return `color-mix(in srgb, ${theme.vars.palette.error.main} 12%, transparent)`;
+		default: return null;
+	}
 };
-export const CircularIcon = styled(Box, {
-    shouldForwardProp: (prop) => !['status', 'substatus'].includes(prop),
-})(({ theme, status, substatus }) => {
-    const statusColor = getStatusColor(theme, status, substatus);
-    const isSpecialStatus = [
-        'ACTION_REQUIRED',
-        'MESSAGE_REQUIRED',
-        'RESET_REQUIRED',
-        'DONE',
-        'FAILED',
-    ].includes(status);
-    return {
-        backgroundColor: isSpecialStatus
-            ? statusColor
-            : theme.vars.palette.background.paper,
-        borderStyle: 'solid',
-        borderColor: statusColor || theme.vars.palette.grey[300],
-        borderWidth: !isSpecialStatus ? 3 : 0,
-        display: 'grid',
-        position: 'relative',
-        placeItems: 'center',
-        width: 40,
-        height: 40,
-        borderRadius: '50%',
-        ...theme.applyStyles('dark', {
-            borderColor: statusColor || theme.vars.palette.grey[800],
-        }),
-    };
+const CircularIcon = styled(Box, { shouldForwardProp: (prop) => !["status", "substatus"].includes(prop) })(({ theme, status, substatus }) => {
+	const statusColor = getStatusColor(theme, status, substatus);
+	const isSpecialStatus = [
+		"ACTION_REQUIRED",
+		"MESSAGE_REQUIRED",
+		"RESET_REQUIRED",
+		"DONE",
+		"FAILED"
+	].includes(status);
+	return {
+		backgroundColor: isSpecialStatus ? statusColor : theme.vars.palette.background.paper,
+		borderStyle: "solid",
+		borderColor: statusColor || theme.vars.palette.grey[300],
+		borderWidth: !isSpecialStatus ? 3 : 0,
+		display: "grid",
+		position: "relative",
+		placeItems: "center",
+		width: 40,
+		height: 40,
+		borderRadius: "50%",
+		...theme.applyStyles("dark", { borderColor: statusColor || theme.vars.palette.grey[800] })
+	};
 });
-const circleAnimation = keyframes `
+const circleAnimation = keyframes`
   0% {
     stroke-dashoffset: 129;
     transform: rotate(0);
@@ -59,13 +49,9 @@ const circleAnimation = keyframes `
     transform: rotate(360deg);
   }
 `;
-// This `styled()` function invokes keyframes. `styled-components` only supports keyframes
-// in string templates. Do not convert these styles in JS object as it will break.
-export const CircularProgressPending = styled(MuiCircularProgress) `
+const CircularProgressPending = styled(CircularProgress)`
   color: ${({ theme }) => theme.vars.palette.primary.main};
-  ${({ theme }) => theme.applyStyles('dark', {
-    color: theme.vars.palette.primary.light,
-})}
+  ${({ theme }) => theme.applyStyles("dark", { color: theme.vars.palette.primary.light })}
   animation-duration: 3s;
   position: absolute;
   .${circularProgressClasses.circle} {
@@ -78,4 +64,7 @@ export const CircularProgressPending = styled(MuiCircularProgress) `
     transform-origin: 100% 100%;
   }
 `;
+//#endregion
+export { CircularIcon, CircularProgressPending };
+
 //# sourceMappingURL=CircularProgress.style.js.map

package/dist/esm/components/Step/CircularProgress.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"CircularProgress.style.js","sourceRoot":"","sources":["../../../../src/components/Step/CircularProgress.style.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CircularProgress.style.js","names":["MuiCircularProgress"],"sources":["../../../../src/components/Step/CircularProgress.style.tsx"],"sourcesContent":["import type { ExecutionActionStatus, Substatus } from '@lifi/sdk'\nimport type { Theme } from '@mui/material'\nimport {\n  Box,\n  circularProgressClasses,\n  keyframes,\n  CircularProgress as MuiCircularProgress,\n  styled,\n} from '@mui/material'\nimport type React from 'react'\n\nconst getStatusColor = (\n  theme: Theme,\n  status?: ExecutionActionStatus,\n  substatus?: Substatus\n) => {\n  switch (status) {\n    case 'ACTION_REQUIRED':\n    case 'MESSAGE_REQUIRED':\n    case 'RESET_REQUIRED':\n      return `color-mix(in srgb, ${theme.vars.palette.info.main} 12%, transparent)`\n    case 'DONE':\n      if (substatus === 'PARTIAL' || substatus === 'REFUNDED') {\n        return `color-mix(in srgb, ${theme.vars.palette.warning.main} 48%, transparent)`\n      }\n      return `color-mix(in srgb, ${theme.vars.palette.success.main} 12%, transparent)`\n    case 'FAILED':\n      return `color-mix(in srgb, ${theme.vars.palette.error.main} 12%, transparent)`\n    default:\n      return null\n  }\n}\n\nexport const CircularIcon: React.FC<\n  React.ComponentProps<typeof Box> & {\n    status?: ExecutionActionStatus\n    substatus?: Substatus\n  }\n> = styled(Box, {\n  shouldForwardProp: (prop: string) => !['status', 'substatus'].includes(prop),\n})<{ status?: ExecutionActionStatus; substatus?: Substatus }>(\n  ({ theme, status, substatus }) => {\n    const statusColor = getStatusColor(theme, status, substatus)\n    const isSpecialStatus = [\n      'ACTION_REQUIRED',\n      'MESSAGE_REQUIRED',\n      'RESET_REQUIRED',\n      'DONE',\n      'FAILED',\n    ].includes(status!)\n\n    return {\n      backgroundColor: isSpecialStatus\n        ? statusColor!\n        : theme.vars.palette.background.paper,\n      borderStyle: 'solid',\n      borderColor: statusColor || theme.vars.palette.grey[300],\n      borderWidth: !isSpecialStatus ? 3 : 0,\n      display: 'grid',\n      position: 'relative',\n      placeItems: 'center',\n      width: 40,\n      height: 40,\n      borderRadius: '50%',\n      ...theme.applyStyles('dark', {\n        borderColor: statusColor || theme.vars.palette.grey[800],\n      }),\n    }\n  }\n)\n\nconst circleAnimation = keyframes`\n  0% {\n    stroke-dashoffset: 129;\n    transform: rotate(0);\n  }\n  50% {\n    stroke-dashoffset: 56;\n    transform: rotate(45deg);\n  };\n  100% {\n    stroke-dashoffset: 129;\n    transform: rotate(360deg);\n  }\n`\n\n// This `styled()` function invokes keyframes. `styled-components` only supports keyframes\n// in string templates. Do not convert these styles in JS object as it will break.\nexport const CircularProgressPending: React.FC<\n  React.ComponentProps<typeof MuiCircularProgress>\n> = styled(MuiCircularProgress)`\n  color: ${({ theme }) => theme.vars.palette.primary.main};\n  ${({ theme }) =>\n    theme.applyStyles('dark', {\n      color: theme.vars.palette.primary.light,\n    })}\n  animation-duration: 3s;\n  position: absolute;\n  .${circularProgressClasses.circle} {\n    animation-duration: 2s;\n    animation-timing-function: linear;\n    animation-name: ${circleAnimation};\n    stroke-dasharray: 129;\n    stroke-dashoffset: 129;\n    stroke-linecap: round;\n    transform-origin: 100% 100%;\n  }\n`\n"],"mappings":";;AAWA,MAAM,kBACJ,OACA,QACA,cACG;AACH,SAAQ,QAAR;EACE,KAAK;EACL,KAAK;EACL,KAAK,iBACH,QAAO,sBAAsB,MAAM,KAAK,QAAQ,KAAK,KAAK;EAC5D,KAAK;AACH,OAAI,cAAc,aAAa,cAAc,WAC3C,QAAO,sBAAsB,MAAM,KAAK,QAAQ,QAAQ,KAAK;AAE/D,UAAO,sBAAsB,MAAM,KAAK,QAAQ,QAAQ,KAAK;EAC/D,KAAK,SACH,QAAO,sBAAsB,MAAM,KAAK,QAAQ,MAAM,KAAK;EAC7D,QACE,QAAO;;;AAIb,MAAa,eAKT,OAAO,KAAK,EACd,oBAAoB,SAAiB,CAAC,CAAC,UAAU,YAAY,CAAC,SAAS,KAAK,EAC7E,CAAC,EACC,EAAE,OAAO,QAAQ,gBAAgB;CAChC,MAAM,cAAc,eAAe,OAAO,QAAQ,UAAU;CAC5D,MAAM,kBAAkB;EACtB;EACA;EACA;EACA;EACA;EACD,CAAC,SAAS,OAAQ;AAEnB,QAAO;EACL,iBAAiB,kBACb,cACA,MAAM,KAAK,QAAQ,WAAW;EAClC,aAAa;EACb,aAAa,eAAe,MAAM,KAAK,QAAQ,KAAK;EACpD,aAAa,CAAC,kBAAkB,IAAI;EACpC,SAAS;EACT,UAAU;EACV,YAAY;EACZ,OAAO;EACP,QAAQ;EACR,cAAc;EACd,GAAG,MAAM,YAAY,QAAQ,EAC3B,aAAa,eAAe,MAAM,KAAK,QAAQ,KAAK,MACrD,CAAC;EACH;EAEJ;AAED,MAAM,kBAAkB,SAAS;;;;;;;;;;;;;;AAiBjC,MAAa,0BAET,OAAOA,iBAAoB;YACnB,EAAE,YAAY,MAAM,KAAK,QAAQ,QAAQ,KAAK;KACrD,EAAE,YACH,MAAM,YAAY,QAAQ,EACxB,OAAO,MAAM,KAAK,QAAQ,QAAQ,OACnC,CAAC,CAAC;;;KAGF,wBAAwB,OAAO;;;sBAGd,gBAAgB"}

package/dist/esm/components/Step/DestinationWalletAddress.js

@@ -1,33 +1,57 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import LinkRounded from '@mui/icons-material/LinkRounded';
-import Wallet from '@mui/icons-material/Wallet';
-import { Box, Link, Typography } from '@mui/material';
-import { useTranslation } from 'react-i18next';
-import { CardIconButton } from '../Card/CardIconButton.js';
-import { CircularIcon } from './CircularProgress.style.js';
-export const DestinationWalletAddress = ({ step, toAddress, toAddressLink }) => {
-    const { t } = useTranslation();
-    const isDone = step.execution?.status === 'DONE';
-    return (_jsx(Box, { sx: {
-            px: 2,
-            py: 1,
-        }, children: _jsxs(Box, { sx: {
-                display: 'flex',
-                alignItems: 'center',
-            }, children: [_jsx(CircularIcon, { status: isDone ? 'DONE' : undefined, children: _jsx(Wallet, { color: isDone ? 'success' : 'inherit', sx: {
-                            position: 'absolute',
-                            fontSize: '1.25rem',
-                        } }) }), _jsx(Typography, { sx: {
-                        mx: 2,
-                        flex: 1,
-                        fontSize: 14,
-                        fontWeight: 400,
-                    }, children: isDone
-                        ? t('main.sentToAddress', {
-                            address: toAddress,
-                        })
-                        : t('main.sendToAddress', {
-                            address: toAddress,
-                        }) }), _jsx(CardIconButton, { size: "medium", LinkComponent: Link, href: toAddressLink, target: "_blank", rel: "nofollow noreferrer", children: _jsx(LinkRounded, {}) })] }) }));
+import { CardIconButton } from "../Card/CardIconButton.js";
+import { CircularIcon } from "./CircularProgress.style.js";
+import { Box, Link, Typography } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import Wallet from "@mui/icons-material/Wallet";
+import LinkRounded from "@mui/icons-material/LinkRounded";
+//#region src/components/Step/DestinationWalletAddress.tsx
+const DestinationWalletAddress = ({ step, toAddress, toAddressLink }) => {
+	const { t } = useTranslation();
+	const isDone = step.execution?.status === "DONE";
+	return /* @__PURE__ */ jsx(Box, {
+		sx: {
+			px: 2,
+			py: 1
+		},
+		children: /* @__PURE__ */ jsxs(Box, {
+			sx: {
+				display: "flex",
+				alignItems: "center"
+			},
+			children: [
+				/* @__PURE__ */ jsx(CircularIcon, {
+					status: isDone ? "DONE" : void 0,
+					children: /* @__PURE__ */ jsx(Wallet, {
+						color: isDone ? "success" : "inherit",
+						sx: {
+							position: "absolute",
+							fontSize: "1.25rem"
+						}
+					})
+				}),
+				/* @__PURE__ */ jsx(Typography, {
+					sx: {
+						mx: 2,
+						flex: 1,
+						fontSize: 14,
+						fontWeight: 400
+					},
+					children: isDone ? t("main.sentToAddress", { address: toAddress }) : t("main.sendToAddress", { address: toAddress })
+				}),
+				/* @__PURE__ */ jsx(CardIconButton, {
+					size: "medium",
+					LinkComponent: Link,
+					href: toAddressLink,
+					target: "_blank",
+					rel: "nofollow noreferrer",
+					children: /* @__PURE__ */ jsx(LinkRounded, {})
+				})
+			]
+		})
+	});
 };
+//#endregion
+export { DestinationWalletAddress };
+
 //# sourceMappingURL=DestinationWalletAddress.js.map

package/dist/esm/components/Step/DestinationWalletAddress.js.map

@@ -1 +1 @@
-{"version":3,"file":"DestinationWalletAddress.js","sourceRoot":"","sources":["../../../../src/components/Step/DestinationWalletAddress.tsx"],"names":[],"mappings":";AACA,OAAO,WAAW,MAAM,iCAAiC,CAAA;AACzD,OAAO,MAAM,MAAM,4BAA4B,CAAA;AAC/C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAE1D,MAAM,CAAC,MAAM,wBAAwB,GAIhC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,EAAE,EAAE;IAC1C,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAA;IAChD,OAAO,CACL,KAAC,GAAG,IACF,EAAE,EAAE;YACF,EAAE,EAAE,CAAC;YACL,EAAE,EAAE,CAAC;SACN,YAED,MAAC,GAAG,IACF,EAAE,EAAE;gBACF,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;aACrB,aAED,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,YAC/C,KAAC,MAAM,IACL,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACrC,EAAE,EAAE;4BACF,QAAQ,EAAE,UAAU;4BACpB,QAAQ,EAAE,SAAS;yBACpB,GACD,GACW,EACf,KAAC,UAAU,IACT,EAAE,EAAE;wBACF,EAAE,EAAE,CAAC;wBACL,IAAI,EAAE,CAAC;wBACP,QAAQ,EAAE,EAAE;wBACZ,UAAU,EAAE,GAAG;qBAChB,YAEA,MAAM;wBACL,CAAC,CAAC,CAAC,CAAC,oBAAoB,EAAE;4BACtB,OAAO,EAAE,SAAS;yBACnB,CAAC;wBACJ,CAAC,CAAC,CAAC,CAAC,oBAAoB,EAAE;4BACtB,OAAO,EAAE,SAAS;yBACnB,CAAC,GACK,EACb,KAAC,cAAc,IACb,IAAI,EAAC,QAAQ,EACb,aAAa,EAAE,IAAI,EACnB,IAAI,EAAE,aAAa,EACnB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,YAEzB,KAAC,WAAW,KAAG,GACA,IACb,GACF,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"DestinationWalletAddress.js","names":[],"sources":["../../../../src/components/Step/DestinationWalletAddress.tsx"],"sourcesContent":["import type { LiFiStepExtended } from '@lifi/sdk'\nimport LinkRounded from '@mui/icons-material/LinkRounded'\nimport Wallet from '@mui/icons-material/Wallet'\nimport { Box, Link, Typography } from '@mui/material'\nimport { useTranslation } from 'react-i18next'\nimport { CardIconButton } from '../Card/CardIconButton.js'\nimport { CircularIcon } from './CircularProgress.style.js'\n\nexport const DestinationWalletAddress: React.FC<{\n  step: LiFiStepExtended\n  toAddress: string\n  toAddressLink: string\n}> = ({ step, toAddress, toAddressLink }) => {\n  const { t } = useTranslation()\n  const isDone = step.execution?.status === 'DONE'\n  return (\n    <Box\n      sx={{\n        px: 2,\n        py: 1,\n      }}\n    >\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n        }}\n      >\n        <CircularIcon status={isDone ? 'DONE' : undefined}>\n          <Wallet\n            color={isDone ? 'success' : 'inherit'}\n            sx={{\n              position: 'absolute',\n              fontSize: '1.25rem',\n            }}\n          />\n        </CircularIcon>\n        <Typography\n          sx={{\n            mx: 2,\n            flex: 1,\n            fontSize: 14,\n            fontWeight: 400,\n          }}\n        >\n          {isDone\n            ? t('main.sentToAddress', {\n                address: toAddress,\n              })\n            : t('main.sendToAddress', {\n                address: toAddress,\n              })}\n        </Typography>\n        <CardIconButton\n          size=\"medium\"\n          LinkComponent={Link}\n          href={toAddressLink}\n          target=\"_blank\"\n          rel=\"nofollow noreferrer\"\n        >\n          <LinkRounded />\n        </CardIconButton>\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;AAQA,MAAa,4BAIP,EAAE,MAAM,WAAW,oBAAoB;CAC3C,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,SAAS,KAAK,WAAW,WAAW;AAC1C,QACE,oBAAC,KAAD;EACE,IAAI;GACF,IAAI;GACJ,IAAI;GACL;YAED,qBAAC,KAAD;GACE,IAAI;IACF,SAAS;IACT,YAAY;IACb;aAJH;IAME,oBAAC,cAAD;KAAc,QAAQ,SAAS,SAAS,KAAA;eACtC,oBAAC,QAAD;MACE,OAAO,SAAS,YAAY;MAC5B,IAAI;OACF,UAAU;OACV,UAAU;OACX;MACD,CAAA;KACW,CAAA;IACf,oBAAC,YAAD;KACE,IAAI;MACF,IAAI;MACJ,MAAM;MACN,UAAU;MACV,YAAY;MACb;eAEA,SACG,EAAE,sBAAsB,EACtB,SAAS,WACV,CAAC,GACF,EAAE,sBAAsB,EACtB,SAAS,WACV,CAAC;KACK,CAAA;IACb,oBAAC,gBAAD;KACE,MAAK;KACL,eAAe;KACf,MAAM;KACN,QAAO;KACP,KAAI;eAEJ,oBAAC,aAAD,EAAe,CAAA;KACA,CAAA;IACb;;EACF,CAAA"}

package/dist/esm/components/Step/Step.js

@@ -1,63 +1,92 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box } from '@mui/material';
-import { useTranslation } from 'react-i18next';
-import { Card } from '../../components/Card/Card.js';
-import { CardTitle } from '../../components/Card/CardTitle.js';
-import { StepActions } from '../../components/StepActions/StepActions.js';
-import { Token } from '../../components/Token/Token.js';
-import { useExplorer } from '../../hooks/useExplorer.js';
-import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
-import { prepareActions } from '../../utils/prepareActions.js';
-import { shortenAddress } from '../../utils/wallet.js';
-import { StepTimer } from '../Timer/StepTimer.js';
-import { DestinationWalletAddress } from './DestinationWalletAddress.js';
-import { StepAction } from './StepAction.js';
-export const Step = ({ step, fromToken, toToken, impactToken, toAddress }) => {
-    const { t } = useTranslation();
-    const { subvariant, subvariantOptions } = useWidgetConfig();
-    const { getAddressLink } = useExplorer();
-    const stepHasError = step.execution?.actions?.some((action) => action.status === 'FAILED');
-    const getCardTitle = () => {
-        const hasBridgeStep = step.includedSteps.some((step) => step.type === 'cross');
-        const hasSwapStep = step.includedSteps.some((step) => step.type === 'swap');
-        const hasCustomStep = step.includedSteps.some((step) => step.type === 'custom');
-        const isCustomVariant = hasCustomStep && subvariant === 'custom';
-        if (hasBridgeStep && hasSwapStep) {
-            return isCustomVariant
-                ? subvariantOptions?.custom === 'deposit'
-                    ? t('main.stepBridgeAndDeposit')
-                    : t('main.stepBridgeAndBuy')
-                : t('main.stepSwapAndBridge');
-        }
-        if (hasBridgeStep) {
-            return isCustomVariant
-                ? subvariantOptions?.custom === 'deposit'
-                    ? t('main.stepBridgeAndDeposit')
-                    : t('main.stepBridgeAndBuy')
-                : t('main.stepBridge');
-        }
-        if (hasSwapStep) {
-            return isCustomVariant
-                ? subvariantOptions?.custom === 'deposit'
-                    ? t('main.stepSwapAndDeposit')
-                    : t('main.stepSwapAndBuy')
-                : t('main.stepSwap');
-        }
-        return isCustomVariant
-            ? subvariantOptions?.custom === 'deposit'
-                ? t('main.stepDeposit')
-                : t('main.stepBuy')
-            : t('main.stepSwap');
-    };
-    const formattedToAddress = shortenAddress(toAddress);
-    const toAddressLink = toAddress
-        ? getAddressLink(toAddress, step.action.toChainId)
-        : undefined;
-    return (_jsxs(Card, { type: stepHasError ? 'error' : 'default', children: [_jsxs(Box, { sx: {
-                    display: 'flex',
-                    flex: 1,
-                }, children: [_jsx(CardTitle, { flex: 1, children: getCardTitle() }), _jsx(CardTitle, { sx: { fontWeight: 600 }, children: _jsx(StepTimer, { step: step }) })] }), _jsxs(Box, { sx: {
-                    py: 1,
-                }, children: [fromToken ? _jsx(Token, { token: fromToken, px: 2, py: 1 }) : null, _jsx(StepActions, { step: step, px: 2, py: 1, dense: true }), prepareActions(step.execution?.actions ?? []).map((actionsGroup, index) => (_jsx(StepAction, { step: step, actionsGroup: actionsGroup }, index))), formattedToAddress && toAddressLink ? (_jsx(DestinationWalletAddress, { step: step, toAddress: formattedToAddress, toAddressLink: toAddressLink })) : null, toToken ? (_jsx(Token, { token: toToken, impactToken: impactToken, enableImpactTokenTooltip: true, px: 2, py: 1 })) : null] })] }));
+import { useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
+import { Card as Card$1 } from "../Card/Card.js";
+import { Token } from "../Token/Token.js";
+import { shortenAddress } from "../../utils/wallet.js";
+import { useExplorer } from "../../hooks/useExplorer.js";
+import { StepTimer } from "../Timer/StepTimer.js";
+import { CardTitle } from "../Card/CardTitle.js";
+import { prepareActions } from "../../utils/prepareActions.js";
+import { StepActions } from "../StepActions/StepActions.js";
+import { DestinationWalletAddress } from "./DestinationWalletAddress.js";
+import { StepAction } from "./StepAction.js";
+import { Box } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+//#region src/components/Step/Step.tsx
+const Step$1 = ({ step, fromToken, toToken, impactToken, toAddress }) => {
+	const { t } = useTranslation();
+	const { subvariant, subvariantOptions } = useWidgetConfig();
+	const { getAddressLink } = useExplorer();
+	const actions = step.execution?.actions ?? [];
+	const failedWithoutActions = step.execution?.status === "FAILED" && !actions.some((a) => a.status === "FAILED");
+	const getCardTitle = () => {
+		const hasBridgeStep = step.includedSteps.some((step) => step.type === "cross");
+		const hasSwapStep = step.includedSteps.some((step) => step.type === "swap");
+		const isCustomVariant = step.includedSteps.some((step) => step.type === "custom") && subvariant === "custom";
+		if (hasBridgeStep && hasSwapStep) return isCustomVariant ? subvariantOptions?.custom === "deposit" ? t("main.stepBridgeAndDeposit") : t("main.stepBridgeAndBuy") : t("main.stepSwapAndBridge");
+		if (hasBridgeStep) return isCustomVariant ? subvariantOptions?.custom === "deposit" ? t("main.stepBridgeAndDeposit") : t("main.stepBridgeAndBuy") : t("main.stepBridge");
+		if (hasSwapStep) return isCustomVariant ? subvariantOptions?.custom === "deposit" ? t("main.stepSwapAndDeposit") : t("main.stepSwapAndBuy") : t("main.stepSwap");
+		return isCustomVariant ? subvariantOptions?.custom === "deposit" ? t("main.stepDeposit") : t("main.stepBuy") : t("main.stepSwap");
+	};
+	const formattedToAddress = shortenAddress(toAddress);
+	const toAddressLink = toAddress ? getAddressLink(toAddress, step.action.toChainId) : void 0;
+	return /* @__PURE__ */ jsxs(Card$1, {
+		type: step.execution?.status === "FAILED" ? "error" : "default",
+		children: [/* @__PURE__ */ jsxs(Box, {
+			sx: {
+				display: "flex",
+				flex: 1
+			},
+			children: [/* @__PURE__ */ jsx(CardTitle, {
+				flex: 1,
+				children: getCardTitle()
+			}), /* @__PURE__ */ jsx(CardTitle, {
+				sx: { fontWeight: 600 },
+				children: /* @__PURE__ */ jsx(StepTimer, { step })
+			})]
+		}), /* @__PURE__ */ jsxs(Box, {
+			sx: { py: 1 },
+			children: [
+				fromToken ? /* @__PURE__ */ jsx(Token, {
+					token: fromToken,
+					px: 2,
+					py: 1
+				}) : null,
+				/* @__PURE__ */ jsx(StepActions, {
+					step,
+					px: 2,
+					py: 1,
+					dense: true
+				}),
+				prepareActions(step.execution?.actions ?? []).map((actionsGroup, index) => /* @__PURE__ */ jsx(StepAction, {
+					step,
+					actionsGroup
+				}, index)),
+				failedWithoutActions ? /* @__PURE__ */ jsx(StepAction, {
+					step,
+					actionsGroup: [{
+						status: "FAILED",
+						type: "EXECUTION",
+						error: step.execution?.error
+					}]
+				}) : null,
+				formattedToAddress && toAddressLink ? /* @__PURE__ */ jsx(DestinationWalletAddress, {
+					step,
+					toAddress: formattedToAddress,
+					toAddressLink
+				}) : null,
+				toToken ? /* @__PURE__ */ jsx(Token, {
+					token: toToken,
+					impactToken,
+					enableImpactTokenTooltip: true,
+					px: 2,
+					py: 1
+				}) : null
+			]
+		})]
+	});
 };
+//#endregion
+export { Step$1 as Step };
+
 //# sourceMappingURL=Step.js.map

package/dist/esm/components/Step/Step.js.map

@@ -1 +1 @@
-{"version":3,"file":"Step.js","sourceRoot":"","sources":["../../../../src/components/Step/Step.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Step.js","names":["Step","Card"],"sources":["../../../../src/components/Step/Step.tsx"],"sourcesContent":["import type {\n  ExecutionActionType,\n  LiFiStepExtended,\n  TokenAmount,\n} from '@lifi/sdk'\nimport { Box } from '@mui/material'\nimport { useTranslation } from 'react-i18next'\nimport { Card } from '../../components/Card/Card.js'\nimport { CardTitle } from '../../components/Card/CardTitle.js'\nimport { StepActions } from '../../components/StepActions/StepActions.js'\nimport { Token } from '../../components/Token/Token.js'\nimport { useExplorer } from '../../hooks/useExplorer.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { prepareActions } from '../../utils/prepareActions.js'\nimport { shortenAddress } from '../../utils/wallet.js'\nimport { StepTimer } from '../Timer/StepTimer.js'\nimport { DestinationWalletAddress } from './DestinationWalletAddress.js'\nimport { StepAction } from './StepAction.js'\n\nexport const Step: React.FC<{\n  step: LiFiStepExtended\n  fromToken?: TokenAmount\n  toToken?: TokenAmount\n  impactToken?: TokenAmount\n  toAddress?: string\n}> = ({ step, fromToken, toToken, impactToken, toAddress }) => {\n  const { t } = useTranslation()\n  const { subvariant, subvariantOptions } = useWidgetConfig()\n  const { getAddressLink } = useExplorer()\n\n  // If execution status is failed outside of actions scope,\n  // show a synthetic action to represent the failed execution\n  const actions = step.execution?.actions ?? []\n  const failedWithoutActions =\n    step.execution?.status === 'FAILED' &&\n    !actions.some((a) => a.status === 'FAILED')\n\n  const getCardTitle = () => {\n    const hasBridgeStep = step.includedSteps.some(\n      (step) => step.type === 'cross'\n    )\n    const hasSwapStep = step.includedSteps.some((step) => step.type === 'swap')\n    const hasCustomStep = step.includedSteps.some(\n      (step) => step.type === 'custom'\n    )\n\n    const isCustomVariant = hasCustomStep && subvariant === 'custom'\n\n    if (hasBridgeStep && hasSwapStep) {\n      return isCustomVariant\n        ? subvariantOptions?.custom === 'deposit'\n          ? t('main.stepBridgeAndDeposit')\n          : t('main.stepBridgeAndBuy')\n        : t('main.stepSwapAndBridge')\n    }\n    if (hasBridgeStep) {\n      return isCustomVariant\n        ? subvariantOptions?.custom === 'deposit'\n          ? t('main.stepBridgeAndDeposit')\n          : t('main.stepBridgeAndBuy')\n        : t('main.stepBridge')\n    }\n    if (hasSwapStep) {\n      return isCustomVariant\n        ? subvariantOptions?.custom === 'deposit'\n          ? t('main.stepSwapAndDeposit')\n          : t('main.stepSwapAndBuy')\n        : t('main.stepSwap')\n    }\n    return isCustomVariant\n      ? subvariantOptions?.custom === 'deposit'\n        ? t('main.stepDeposit')\n        : t('main.stepBuy')\n      : t('main.stepSwap')\n  }\n\n  const formattedToAddress = shortenAddress(toAddress)\n  const toAddressLink = toAddress\n    ? getAddressLink(toAddress, step.action.toChainId)\n    : undefined\n\n  return (\n    <Card type={step.execution?.status === 'FAILED' ? 'error' : 'default'}>\n      <Box\n        sx={{\n          display: 'flex',\n          flex: 1,\n        }}\n      >\n        <CardTitle flex={1}>{getCardTitle()}</CardTitle>\n        <CardTitle sx={{ fontWeight: 600 }}>\n          <StepTimer step={step} />\n        </CardTitle>\n      </Box>\n      <Box\n        sx={{\n          py: 1,\n        }}\n      >\n        {fromToken ? <Token token={fromToken} px={2} py={1} /> : null}\n        <StepActions step={step} px={2} py={1} dense />\n        {prepareActions(step.execution?.actions ?? []).map(\n          (actionsGroup, index) => (\n            <StepAction key={index} step={step} actionsGroup={actionsGroup} />\n          )\n        )}\n        {failedWithoutActions ? (\n          <StepAction\n            step={step}\n            actionsGroup={[\n              {\n                status: 'FAILED',\n                type: 'EXECUTION' as ExecutionActionType, // synthetic action to represent a failed execution with no actions\n                error: step.execution?.error,\n              },\n            ]}\n          />\n        ) : null}\n        {formattedToAddress && toAddressLink ? (\n          <DestinationWalletAddress\n            step={step}\n            toAddress={formattedToAddress}\n            toAddressLink={toAddressLink}\n          />\n        ) : null}\n        {toToken ? (\n          <Token\n            token={toToken}\n            impactToken={impactToken}\n            enableImpactTokenTooltip\n            px={2}\n            py={1}\n          />\n        ) : null}\n      </Box>\n    </Card>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;AAmBA,MAAaA,UAMP,EAAE,MAAM,WAAW,SAAS,aAAa,gBAAgB;CAC7D,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,EAAE,YAAY,sBAAsB,iBAAiB;CAC3D,MAAM,EAAE,mBAAmB,aAAa;CAIxC,MAAM,UAAU,KAAK,WAAW,WAAW,EAAE;CAC7C,MAAM,uBACJ,KAAK,WAAW,WAAW,YAC3B,CAAC,QAAQ,MAAM,MAAM,EAAE,WAAW,SAAS;CAE7C,MAAM,qBAAqB;EACzB,MAAM,gBAAgB,KAAK,cAAc,MACtC,SAAS,KAAK,SAAS,QACzB;EACD,MAAM,cAAc,KAAK,cAAc,MAAM,SAAS,KAAK,SAAS,OAAO;EAK3E,MAAM,kBAJgB,KAAK,cAAc,MACtC,SAAS,KAAK,SAAS,SACzB,IAEwC,eAAe;AAExD,MAAI,iBAAiB,YACnB,QAAO,kBACH,mBAAmB,WAAW,YAC5B,EAAE,4BAA4B,GAC9B,EAAE,wBAAwB,GAC5B,EAAE,yBAAyB;AAEjC,MAAI,cACF,QAAO,kBACH,mBAAmB,WAAW,YAC5B,EAAE,4BAA4B,GAC9B,EAAE,wBAAwB,GAC5B,EAAE,kBAAkB;AAE1B,MAAI,YACF,QAAO,kBACH,mBAAmB,WAAW,YAC5B,EAAE,0BAA0B,GAC5B,EAAE,sBAAsB,GAC1B,EAAE,gBAAgB;AAExB,SAAO,kBACH,mBAAmB,WAAW,YAC5B,EAAE,mBAAmB,GACrB,EAAE,eAAe,GACnB,EAAE,gBAAgB;;CAGxB,MAAM,qBAAqB,eAAe,UAAU;CACpD,MAAM,gBAAgB,YAClB,eAAe,WAAW,KAAK,OAAO,UAAU,GAChD,KAAA;AAEJ,QACE,qBAACC,QAAD;EAAM,MAAM,KAAK,WAAW,WAAW,WAAW,UAAU;YAA5D,CACE,qBAAC,KAAD;GACE,IAAI;IACF,SAAS;IACT,MAAM;IACP;aAJH,CAME,oBAAC,WAAD;IAAW,MAAM;cAAI,cAAc;IAAa,CAAA,EAChD,oBAAC,WAAD;IAAW,IAAI,EAAE,YAAY,KAAK;cAChC,oBAAC,WAAD,EAAiB,MAAQ,CAAA;IACf,CAAA,CACR;MACN,qBAAC,KAAD;GACE,IAAI,EACF,IAAI,GACL;aAHH;IAKG,YAAY,oBAAC,OAAD;KAAO,OAAO;KAAW,IAAI;KAAG,IAAI;KAAK,CAAA,GAAG;IACzD,oBAAC,aAAD;KAAmB;KAAM,IAAI;KAAG,IAAI;KAAG,OAAA;KAAQ,CAAA;IAC9C,eAAe,KAAK,WAAW,WAAW,EAAE,CAAC,CAAC,KAC5C,cAAc,UACb,oBAAC,YAAD;KAA8B;KAAoB;KAAgB,EAAjD,MAAiD,CAErE;IACA,uBACC,oBAAC,YAAD;KACQ;KACN,cAAc,CACZ;MACE,QAAQ;MACR,MAAM;MACN,OAAO,KAAK,WAAW;MACxB,CACF;KACD,CAAA,GACA;IACH,sBAAsB,gBACrB,oBAAC,0BAAD;KACQ;KACN,WAAW;KACI;KACf,CAAA,GACA;IACH,UACC,oBAAC,OAAD;KACE,OAAO;KACM;KACb,0BAAA;KACA,IAAI;KACJ,IAAI;KACJ,CAAA,GACA;IACA;KACD"}

package/dist/esm/components/Step/StepAction.js

@@ -1,45 +1,66 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import OpenInNewRounded from '@mui/icons-material/OpenInNewRounded';
-import { Box, Link, Typography } from '@mui/material';
-import { useActionMessage } from '../../hooks/useActionMessage.js';
-import { useExplorer } from '../../hooks/useExplorer.js';
-import { CardIconButton } from '../Card/CardIconButton.js';
-import { CircularProgress } from './CircularProgress.js';
-export const StepAction = ({ step, actionsGroup }) => {
-    const action = actionsGroup.at(-1);
-    const { title, message } = useActionMessage(step, action);
-    const { getTransactionLink } = useExplorer();
-    if (!action) {
-        return null;
-    }
-    const transactionLink = action.txHash
-        ? getTransactionLink({
-            txHash: action.txHash,
-            chain: action.chainId,
-        })
-        : action.txLink
-            ? getTransactionLink({
-                txLink: action.txLink,
-                chain: action.chainId,
-            })
-            : undefined;
-    return (_jsxs(Box, { sx: {
-            px: 2,
-            py: 1,
-        }, children: [_jsxs(Box, { sx: {
-                    display: 'flex',
-                    alignItems: 'center',
-                }, children: [_jsx(CircularProgress, { action: action }), _jsx(Typography, { sx: {
-                            marginLeft: 2,
-                            marginRight: 0.5,
-                            flex: 1,
-                            fontSize: 14,
-                            fontWeight: action.error ? 600 : 400,
-                        }, children: title }), transactionLink ? (_jsx(CardIconButton, { size: "small", LinkComponent: Link, href: transactionLink, target: "_blank", rel: "nofollow noreferrer", children: _jsx(OpenInNewRounded, { fontSize: "inherit" }) })) : null] }), message ? (_jsx(Typography, { sx: {
-                    ml: 7,
-                    fontSize: 14,
-                    fontWeight: 500,
-                    color: 'text.secondary',
-                }, children: message })) : null] }));
+import { CardIconButton } from "../Card/CardIconButton.js";
+import { useExplorer } from "../../hooks/useExplorer.js";
+import { useActionMessage } from "../../hooks/useActionMessage.js";
+import { CircularProgress as CircularProgress$1 } from "./CircularProgress.js";
+import { Box, Link, Typography } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+import OpenInNewRounded from "@mui/icons-material/OpenInNewRounded";
+//#region src/components/Step/StepAction.tsx
+const StepAction = ({ step, actionsGroup }) => {
+	const action = actionsGroup.at(-1);
+	const { title, message } = useActionMessage(step, action);
+	const { getTransactionLink } = useExplorer();
+	if (!action) return null;
+	const transactionLink = action.txHash ? getTransactionLink({
+		txHash: action.txHash,
+		chain: action.chainId
+	}) : action.txLink ? getTransactionLink({
+		txLink: action.txLink,
+		chain: action.chainId
+	}) : void 0;
+	return /* @__PURE__ */ jsxs(Box, {
+		sx: {
+			px: 2,
+			py: 1
+		},
+		children: [/* @__PURE__ */ jsxs(Box, {
+			sx: {
+				display: "flex",
+				alignItems: "center"
+			},
+			children: [
+				/* @__PURE__ */ jsx(CircularProgress$1, { action }),
+				/* @__PURE__ */ jsx(Typography, {
+					sx: {
+						marginLeft: 2,
+						marginRight: .5,
+						flex: 1,
+						fontSize: 14,
+						fontWeight: action.status === "FAILED" ? 600 : 400
+					},
+					children: title
+				}),
+				transactionLink ? /* @__PURE__ */ jsx(CardIconButton, {
+					size: "small",
+					LinkComponent: Link,
+					href: transactionLink,
+					target: "_blank",
+					rel: "nofollow noreferrer",
+					children: /* @__PURE__ */ jsx(OpenInNewRounded, { fontSize: "inherit" })
+				}) : null
+			]
+		}), message ? /* @__PURE__ */ jsx(Typography, {
+			sx: {
+				ml: 7,
+				fontSize: 14,
+				fontWeight: 500,
+				color: "text.secondary"
+			},
+			children: message
+		}) : null]
+	});
 };
+//#endregion
+export { StepAction };
+
 //# sourceMappingURL=StepAction.js.map

package/dist/esm/components/Step/StepAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepAction.js","sourceRoot":"","sources":["../../../../src/components/Step/StepAction.tsx"],"names":[],"mappings":";AACA,OAAO,gBAAgB,MAAM,sCAAsC,CAAA;AACnE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAExD,MAAM,CAAC,MAAM,UAAU,GAGlB,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE;IAC9B,MAAM,MAAM,GAAG,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;IAClC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,gBAAgB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;IACzD,MAAM,EAAE,kBAAkB,EAAE,GAAG,WAAW,EAAE,CAAA;IAE5C,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,IAAI,CAAA;IACb,CAAC;IAED,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM;QACnC,CAAC,CAAC,kBAAkB,CAAC;YACjB,MAAM,EAAE,MAAM,CAAC,MAAM;YACrB,KAAK,EAAE,MAAM,CAAC,OAAO;SACtB,CAAC;QACJ,CAAC,CAAC,MAAM,CAAC,MAAM;YACb,CAAC,CAAC,kBAAkB,CAAC;gBACjB,MAAM,EAAE,MAAM,CAAC,MAAM;gBACrB,KAAK,EAAE,MAAM,CAAC,OAAO;aACtB,CAAC;YACJ,CAAC,CAAC,SAAS,CAAA;IAEf,OAAO,CACL,MAAC,GAAG,IACF,EAAE,EAAE;YACF,EAAE,EAAE,CAAC;YACL,EAAE,EAAE,CAAC;SACN,aAED,MAAC,GAAG,IACF,EAAE,EAAE;oBACF,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;iBACrB,aAED,KAAC,gBAAgB,IAAC,MAAM,EAAE,MAAM,GAAI,EACpC,KAAC,UAAU,IACT,EAAE,EAAE;4BACF,UAAU,EAAE,CAAC;4BACb,WAAW,EAAE,GAAG;4BAChB,IAAI,EAAE,CAAC;4BACP,QAAQ,EAAE,EAAE;4BACZ,UAAU,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;yBACrC,YAEA,KAAK,GACK,EACZ,eAAe,CAAC,CAAC,CAAC,CACjB,KAAC,cAAc,IACb,IAAI,EAAC,OAAO,EACZ,aAAa,EAAE,IAAI,EACnB,IAAI,EAAE,eAAe,EACrB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,YAEzB,KAAC,gBAAgB,IAAC,QAAQ,EAAC,SAAS,GAAG,GACxB,CAClB,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,UAAU,IACT,EAAE,EAAE;oBACF,EAAE,EAAE,CAAC;oBACL,QAAQ,EAAE,EAAE;oBACZ,UAAU,EAAE,GAAG;oBACf,KAAK,EAAE,gBAAgB;iBACxB,YAEA,OAAO,GACG,CACd,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"StepAction.js","names":["CircularProgress"],"sources":["../../../../src/components/Step/StepAction.tsx"],"sourcesContent":["import type { ExecutionAction, LiFiStepExtended } from '@lifi/sdk'\nimport OpenInNewRounded from '@mui/icons-material/OpenInNewRounded'\nimport { Box, Link, Typography } from '@mui/material'\nimport { useActionMessage } from '../../hooks/useActionMessage.js'\nimport { useExplorer } from '../../hooks/useExplorer.js'\nimport { CardIconButton } from '../Card/CardIconButton.js'\nimport { CircularProgress } from './CircularProgress.js'\n\nexport const StepAction: React.FC<{\n  step: LiFiStepExtended\n  actionsGroup: ExecutionAction[]\n}> = ({ step, actionsGroup }) => {\n  const action = actionsGroup.at(-1)\n  const { title, message } = useActionMessage(step, action)\n  const { getTransactionLink } = useExplorer()\n\n  if (!action) {\n    return null\n  }\n\n  const transactionLink = 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\n  return (\n    <Box\n      sx={{\n        px: 2,\n        py: 1,\n      }}\n    >\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n        }}\n      >\n        <CircularProgress action={action} />\n        <Typography\n          sx={{\n            marginLeft: 2,\n            marginRight: 0.5,\n            flex: 1,\n            fontSize: 14,\n            fontWeight: action.status === 'FAILED' ? 600 : 400,\n          }}\n        >\n          {title}\n        </Typography>\n        {transactionLink ? (\n          <CardIconButton\n            size=\"small\"\n            LinkComponent={Link}\n            href={transactionLink}\n            target=\"_blank\"\n            rel=\"nofollow noreferrer\"\n          >\n            <OpenInNewRounded fontSize=\"inherit\" />\n          </CardIconButton>\n        ) : null}\n      </Box>\n      {message ? (\n        <Typography\n          sx={{\n            ml: 7,\n            fontSize: 14,\n            fontWeight: 500,\n            color: 'text.secondary',\n          }}\n        >\n          {message}\n        </Typography>\n      ) : null}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;AAQA,MAAa,cAGP,EAAE,MAAM,mBAAmB;CAC/B,MAAM,SAAS,aAAa,GAAG,GAAG;CAClC,MAAM,EAAE,OAAO,YAAY,iBAAiB,MAAM,OAAO;CACzD,MAAM,EAAE,uBAAuB,aAAa;AAE5C,KAAI,CAAC,OACH,QAAO;CAGT,MAAM,kBAAkB,OAAO,SAC3B,mBAAmB;EACjB,QAAQ,OAAO;EACf,OAAO,OAAO;EACf,CAAC,GACF,OAAO,SACL,mBAAmB;EACjB,QAAQ,OAAO;EACf,OAAO,OAAO;EACf,CAAC,GACF,KAAA;AAEN,QACE,qBAAC,KAAD;EACE,IAAI;GACF,IAAI;GACJ,IAAI;GACL;YAJH,CAME,qBAAC,KAAD;GACE,IAAI;IACF,SAAS;IACT,YAAY;IACb;aAJH;IAME,oBAACA,oBAAD,EAA0B,QAAU,CAAA;IACpC,oBAAC,YAAD;KACE,IAAI;MACF,YAAY;MACZ,aAAa;MACb,MAAM;MACN,UAAU;MACV,YAAY,OAAO,WAAW,WAAW,MAAM;MAChD;eAEA;KACU,CAAA;IACZ,kBACC,oBAAC,gBAAD;KACE,MAAK;KACL,eAAe;KACf,MAAM;KACN,QAAO;KACP,KAAI;eAEJ,oBAAC,kBAAD,EAAkB,UAAS,WAAY,CAAA;KACxB,CAAA,GACf;IACA;MACL,UACC,oBAAC,YAAD;GACE,IAAI;IACF,IAAI;IACJ,UAAU;IACV,YAAY;IACZ,OAAO;IACR;aAEA;GACU,CAAA,GACX,KACA"}