@lifi/widget 0.0.0-preview-6cc63bac

package/dist/esm/components/ContractComponent/NFT/NFTBase.js

@@ -0,0 +1,76 @@
+import { Token } from "../../Token/Token.js";
+import { PreviewAvatar } from "./NFT.style.js";
+import { Box, Link, Skeleton, Typography } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+//#region src/components/ContractComponent/NFT/NFTBase.tsx
+const NFTBase = ({ imageUrl, isLoading, collectionName, assetName, owner, token }) => {
+	const { t } = useTranslation();
+	return /* @__PURE__ */ jsxs(Box, {
+		sx: { p: 2 },
+		children: [/* @__PURE__ */ jsxs(Box, {
+			sx: { display: "flex" },
+			children: [isLoading ? /* @__PURE__ */ jsx(Skeleton, {
+				width: 96,
+				height: 96,
+				variant: "rectangular",
+				sx: { borderRadius: 1 }
+			}) : /* @__PURE__ */ jsx(PreviewAvatar, { src: imageUrl }), /* @__PURE__ */ jsxs(Box, {
+				sx: { ml: 2 },
+				children: [
+					isLoading ? /* @__PURE__ */ jsx(Skeleton, {
+						width: 144,
+						height: 21,
+						variant: "text"
+					}) : /* @__PURE__ */ jsx(Typography, {
+						sx: {
+							fontSize: 14,
+							color: "text.secondary"
+						},
+						children: collectionName
+					}),
+					isLoading ? /* @__PURE__ */ jsx(Skeleton, {
+						width: 112,
+						height: 27,
+						variant: "text"
+					}) : /* @__PURE__ */ jsx(Typography, {
+						sx: {
+							fontSize: 18,
+							fontWeight: 600
+						},
+						children: assetName
+					}),
+					isLoading ? /* @__PURE__ */ jsx(Skeleton, {
+						width: 128,
+						height: 21,
+						variant: "text"
+					}) : owner ? /* @__PURE__ */ jsxs(Typography, {
+						sx: {
+							fontSize: 14,
+							color: "text.secondary"
+						},
+						children: [
+							t("main.ownedBy"),
+							" ",
+							/* @__PURE__ */ jsx(Link, {
+								href: owner.url,
+								target: "_blank",
+								underline: "none",
+								color: "primary",
+								children: owner.name
+							})
+						]
+					}) : null
+				]
+			})]
+		}), /* @__PURE__ */ jsx(Token, {
+			token,
+			isLoading,
+			sx: { mt: 2 }
+		})]
+	});
+};
+//#endregion
+export { NFTBase };
+
+//# sourceMappingURL=NFTBase.js.map

package/dist/esm/components/ContractComponent/NFT/NFTBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NFTBase.js","names":[],"sources":["../../../../../src/components/ContractComponent/NFT/NFTBase.tsx"],"sourcesContent":["import { Box, Link, Skeleton, Typography } from '@mui/material'\nimport { useTranslation } from 'react-i18next'\nimport { Token } from '../../Token/Token.js'\nimport { PreviewAvatar } from './NFT.style.js'\nimport type { NFTProps } from './types.js'\n\nexport const NFTBase: React.FC<NFTProps> = ({\n  imageUrl,\n  isLoading,\n  collectionName,\n  assetName,\n  owner,\n  token,\n}) => {\n  const { t } = useTranslation()\n  return (\n    <Box\n      sx={{\n        p: 2,\n      }}\n    >\n      <Box\n        sx={{\n          display: 'flex',\n        }}\n      >\n        {isLoading ? (\n          <Skeleton\n            width={96}\n            height={96}\n            variant=\"rectangular\"\n            sx={{ borderRadius: 1 }}\n          />\n        ) : (\n          <PreviewAvatar src={imageUrl} />\n        )}\n        <Box\n          sx={{\n            ml: 2,\n          }}\n        >\n          {isLoading ? (\n            <Skeleton width={144} height={21} variant=\"text\" />\n          ) : (\n            <Typography\n              sx={{\n                fontSize: 14,\n                color: 'text.secondary',\n              }}\n            >\n              {collectionName}\n            </Typography>\n          )}\n          {isLoading ? (\n            <Skeleton width={112} height={27} variant=\"text\" />\n          ) : (\n            <Typography\n              sx={{\n                fontSize: 18,\n                fontWeight: 600,\n              }}\n            >\n              {assetName}\n            </Typography>\n          )}\n          {isLoading ? (\n            <Skeleton width={128} height={21} variant=\"text\" />\n          ) : owner ? (\n            <Typography\n              sx={{\n                fontSize: 14,\n                color: 'text.secondary',\n              }}\n            >\n              {t('main.ownedBy')}{' '}\n              <Link\n                href={owner.url}\n                target=\"_blank\"\n                underline=\"none\"\n                color=\"primary\"\n              >\n                {owner.name}\n              </Link>\n            </Typography>\n          ) : null}\n        </Box>\n      </Box>\n      <Token token={token} isLoading={isLoading} sx={{ mt: 2 }} />\n    </Box>\n  )\n}\n"],"mappings":";;;;;;AAMA,MAAa,WAA+B,EAC1C,UACA,WACA,gBACA,WACA,OACA,YACI;CACJ,MAAM,EAAE,MAAM,eAAe;CAC7B,OACE,qBAAC,KAAD;EACE,IAAI,EACF,GAAG,EACL;YAHF,CAKE,qBAAC,KAAD;GACE,IAAI,EACF,SAAS,OACX;aAHF,CAKG,YACC,oBAAC,UAAD;IACE,OAAO;IACP,QAAQ;IACR,SAAQ;IACR,IAAI,EAAE,cAAc,EAAE;GACvB,CAAA,IAED,oBAAC,eAAD,EAAe,KAAK,SAAW,CAAA,GAEjC,qBAAC,KAAD;IACE,IAAI,EACF,IAAI,EACN;cAHF;KAKG,YACC,oBAAC,UAAD;MAAU,OAAO;MAAK,QAAQ;MAAI,SAAQ;KAAQ,CAAA,IAElD,oBAAC,YAAD;MACE,IAAI;OACF,UAAU;OACV,OAAO;MACT;gBAEC;KACS,CAAA;KAEb,YACC,oBAAC,UAAD;MAAU,OAAO;MAAK,QAAQ;MAAI,SAAQ;KAAQ,CAAA,IAElD,oBAAC,YAAD;MACE,IAAI;OACF,UAAU;OACV,YAAY;MACd;gBAEC;KACS,CAAA;KAEb,YACC,oBAAC,UAAD;MAAU,OAAO;MAAK,QAAQ;MAAI,SAAQ;KAAQ,CAAA,IAChD,QACF,qBAAC,YAAD;MACE,IAAI;OACF,UAAU;OACV,OAAO;MACT;gBAJF;OAMG,EAAE,cAAc;OAAG;OACpB,oBAAC,MAAD;QACE,MAAM,MAAM;QACZ,QAAO;QACP,WAAU;QACV,OAAM;kBAEL,MAAM;OACH,CAAA;MACI;UACV;IACD;KACF;MACL,oBAAC,OAAD;GAAc;GAAkB;GAAW,IAAI,EAAE,IAAI,EAAE;EAAI,CAAA,CACxD;;AAET"}

package/dist/esm/components/ContractComponent/NFT/types.d.ts

@@ -0,0 +1,21 @@
+import { ContractCall, TokenAmount } from "@lifi/sdk";
+
+//#region src/components/ContractComponent/NFT/types.d.ts
+interface NFTBaseProps {
+  imageUrl?: string;
+  collectionName?: string;
+  assetName?: string;
+  isLoading?: boolean;
+  owner?: NFTOwner;
+  token: TokenAmount;
+}
+interface NFTProps extends NFTBaseProps {
+  contractCall?: ContractCall;
+}
+interface NFTOwner {
+  name?: string;
+  url?: string;
+}
+//#endregion
+export { NFTBaseProps, NFTOwner, NFTProps };
+//# sourceMappingURL=types.d.ts.map

package/dist/esm/components/ContractComponent/NFT/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../../src/components/ContractComponent/NFT/types.ts"],"mappings":";;;UAEiB,YAAA;EACf,QAAA;EACA,cAAA;EACA,SAAA;EACA,SAAA;EACA,KAAA,GAAQ,QAAA;EACR,KAAA,EAAO,WAAA;AAAA;AAAA,UAGQ,QAAA,SAAiB,YAAA;EAChC,YAAA,GAAe,YAAA;AAAA;AAAA,UAGA,QAAA;EACf,IAAA;EACA,GAAA;AAAA"}

package/dist/esm/components/Dialog/Dialog.js

@@ -0,0 +1,36 @@
+import { useGetScrollableContainer } from "../../hooks/useScrollableContainer.js";
+import { Dialog } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Dialog/Dialog.tsx
+const modalProps = { sx: {
+	position: "absolute",
+	overflow: "hidden"
+} };
+const slotProps = {
+	paper: { sx: (theme) => ({
+		position: "absolute",
+		backgroundImage: "none",
+		backgroundColor: theme.vars.palette.background.default,
+		borderTopLeftRadius: theme.vars.shape.borderRadius,
+		borderTopRightRadius: theme.vars.shape.borderRadius
+	}) },
+	backdrop: { sx: {
+		position: "absolute",
+		backgroundColor: "rgb(0 0 0 / 32%)",
+		backdropFilter: "blur(3px)"
+	} }
+};
+const Dialog$1 = ({ children, open, onClose }) => {
+	return /* @__PURE__ */ jsx(Dialog, {
+		container: useGetScrollableContainer(),
+		open,
+		onClose,
+		sx: modalProps.sx,
+		slotProps,
+		children
+	});
+};
+//#endregion
+export { Dialog$1 as Dialog, modalProps, slotProps };
+
+//# sourceMappingURL=Dialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","names":["Dialog","MuiDialog"],"sources":["../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import type { DialogProps, Theme } from '@mui/material'\nimport { Dialog as MuiDialog } from '@mui/material'\nimport type { PropsWithChildren } from 'react'\nimport { useGetScrollableContainer } from '../../hooks/useScrollableContainer.js'\n\nexport const modalProps: { sx: { position: string; overflow: string } } = {\n  sx: {\n    position: 'absolute',\n    overflow: 'hidden',\n  },\n}\n\nexport const slotProps: DialogProps['slotProps'] = {\n  paper: {\n    sx: (theme: Theme) => ({\n      position: 'absolute',\n      backgroundImage: 'none',\n      backgroundColor: theme.vars.palette.background.default,\n      borderTopLeftRadius: theme.vars.shape.borderRadius,\n      borderTopRightRadius: theme.vars.shape.borderRadius,\n    }),\n  },\n  backdrop: {\n    sx: {\n      position: 'absolute',\n      backgroundColor: 'rgb(0 0 0 / 32%)',\n      backdropFilter: 'blur(3px)',\n    },\n  },\n}\n\nexport const Dialog: React.FC<PropsWithChildren<DialogProps>> = ({\n  children,\n  open,\n  onClose,\n}) => {\n  const getContainer = useGetScrollableContainer()\n  return (\n    <MuiDialog\n      container={getContainer}\n      open={open}\n      onClose={onClose}\n      sx={modalProps.sx}\n      slotProps={slotProps}\n    >\n      {children}\n    </MuiDialog>\n  )\n}\n"],"mappings":";;;;AAKA,MAAa,aAA6D,EACxE,IAAI;CACF,UAAU;CACV,UAAU;AACZ,EACF;AAEA,MAAa,YAAsC;CACjD,OAAO,EACL,KAAK,WAAkB;EACrB,UAAU;EACV,iBAAiB;EACjB,iBAAiB,MAAM,KAAK,QAAQ,WAAW;EAC/C,qBAAqB,MAAM,KAAK,MAAM;EACtC,sBAAsB,MAAM,KAAK,MAAM;CACzC,GACF;CACA,UAAU,EACR,IAAI;EACF,UAAU;EACV,iBAAiB;EACjB,gBAAgB;CAClB,EACF;AACF;AAEA,MAAaA,YAAoD,EAC/D,UACA,MACA,cACI;CAEJ,OACE,oBAACC,QAAD;EACE,WAHiB,0BAGK;EAChB;EACG;EACT,IAAI,WAAW;EACJ;EAEV;CACQ,CAAA;AAEf"}

package/dist/esm/components/Dialog/Dialog.style.js

@@ -0,0 +1,42 @@
+import { Box, DialogActions, DialogContent, DialogContentText, DialogTitle, styled } from "@mui/material";
+//#region src/components/Dialog/Dialog.style.tsx
+const DialogContainer = styled(Box)(({ theme }) => ({
+	display: "flex",
+	flexDirection: "column",
+	alignItems: "center",
+	gap: theme.spacing(1.5),
+	padding: theme.spacing(4)
+}));
+const DialogTitle$1 = styled(DialogTitle)({
+	padding: 0,
+	fontWeight: 700,
+	fontSize: 18,
+	lineHeight: 1.3334,
+	textAlign: "center"
+});
+const DialogContent$1 = styled(DialogContent)(({ theme }) => ({
+	padding: 0,
+	marginBottom: theme.spacing(2)
+}));
+const DialogActions$1 = styled(DialogActions)(({ theme }) => ({
+	display: "flex",
+	justifyContent: "center",
+	gap: theme.spacing(1.5),
+	width: "100%",
+	padding: 0,
+	"& .MuiButton-root": {
+		flex: 1,
+		margin: 0
+	}
+}));
+const DialogContentText$1 = styled(DialogContentText)(({ theme }) => ({
+	padding: 0,
+	fontSize: 14,
+	fontWeight: 500,
+	lineHeight: 1.3334,
+	color: theme.vars.palette.text.primary
+}));
+//#endregion
+export { DialogActions$1 as DialogActions, DialogContainer, DialogContent$1 as DialogContent, DialogContentText$1 as DialogContentText, DialogTitle$1 as DialogTitle };
+
+//# sourceMappingURL=Dialog.style.js.map

package/dist/esm/components/Dialog/Dialog.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.style.js","names":["DialogTitle","MuiDialogTitle","DialogContent","MuiDialogContent","DialogActions","MuiDialogActions","DialogContentText","MuiDialogContentText"],"sources":["../../../../src/components/Dialog/Dialog.style.tsx"],"sourcesContent":["import {\n  Box,\n  DialogActions as MuiDialogActions,\n  DialogContent as MuiDialogContent,\n  DialogContentText as MuiDialogContentText,\n  DialogTitle as MuiDialogTitle,\n  styled,\n} from '@mui/material'\nimport type React from 'react'\n\nexport const DialogContainer: React.FC<React.ComponentProps<typeof Box>> =\n  styled(Box)(({ theme }) => ({\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    gap: theme.spacing(1.5),\n    padding: theme.spacing(4),\n  }))\n\nexport const DialogTitle: React.FC<\n  React.ComponentProps<typeof MuiDialogTitle>\n> = styled(MuiDialogTitle)({\n  padding: 0,\n  fontWeight: 700,\n  fontSize: 18,\n  lineHeight: 1.3334,\n  textAlign: 'center',\n})\n\nexport const DialogContent: React.FC<\n  React.ComponentProps<typeof MuiDialogContent>\n> = styled(MuiDialogContent)(({ theme }) => ({\n  padding: 0,\n  marginBottom: theme.spacing(2),\n}))\n\nexport const DialogActions: React.FC<\n  React.ComponentProps<typeof MuiDialogActions>\n> = styled(MuiDialogActions)(({ theme }) => ({\n  display: 'flex',\n  justifyContent: 'center',\n  gap: theme.spacing(1.5),\n  width: '100%',\n  padding: 0,\n  '& .MuiButton-root': {\n    flex: 1,\n    margin: 0,\n  },\n}))\n\nexport const DialogContentText: React.FC<\n  React.ComponentProps<typeof MuiDialogContentText>\n> = styled(MuiDialogContentText)(({ theme }) => ({\n  padding: 0,\n  fontSize: 14,\n  fontWeight: 500,\n  lineHeight: 1.3334,\n  color: theme.vars.palette.text.primary,\n}))\n"],"mappings":";;AAUA,MAAa,kBACX,OAAO,GAAG,GAAG,EAAE,aAAa;CAC1B,SAAS;CACT,eAAe;CACf,YAAY;CACZ,KAAK,MAAM,QAAQ,GAAG;CACtB,SAAS,MAAM,QAAQ,CAAC;AAC1B,EAAE;AAEJ,MAAaA,gBAET,OAAOC,WAAc,EAAE;CACzB,SAAS;CACT,YAAY;CACZ,UAAU;CACV,YAAY;CACZ,WAAW;AACb,CAAC;AAED,MAAaC,kBAET,OAAOC,aAAgB,GAAG,EAAE,aAAa;CAC3C,SAAS;CACT,cAAc,MAAM,QAAQ,CAAC;AAC/B,EAAE;AAEF,MAAaC,kBAET,OAAOC,aAAgB,GAAG,EAAE,aAAa;CAC3C,SAAS;CACT,gBAAgB;CAChB,KAAK,MAAM,QAAQ,GAAG;CACtB,OAAO;CACP,SAAS;CACT,qBAAqB;EACnB,MAAM;EACN,QAAQ;CACV;AACF,EAAE;AAEF,MAAaC,sBAET,OAAOC,iBAAoB,GAAG,EAAE,aAAa;CAC/C,SAAS;CACT,UAAU;CACV,YAAY;CACZ,YAAY;CACZ,OAAO,MAAM,KAAK,QAAQ,KAAK;AACjC,EAAE"}

package/dist/esm/components/EmptyListIndicator/EmptyListIndicator.js

@@ -0,0 +1,12 @@
+import { EmptyListContainer, EmptyListIcon, EmptyListMessage, EmptyListTitle } from "./EmptyListIndicator.style.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/EmptyListIndicator/EmptyListIndicator.tsx
+const EmptyListIndicator = ({ icon, title, message }) => /* @__PURE__ */ jsxs(EmptyListContainer, { children: [
+	/* @__PURE__ */ jsx(EmptyListIcon, { children: icon }),
+	/* @__PURE__ */ jsx(EmptyListTitle, { children: title }),
+	message ? /* @__PURE__ */ jsx(EmptyListMessage, { children: message }) : null
+] });
+//#endregion
+export { EmptyListIndicator };
+
+//# sourceMappingURL=EmptyListIndicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyListIndicator.js","names":[],"sources":["../../../../src/components/EmptyListIndicator/EmptyListIndicator.tsx"],"sourcesContent":["import type { JSX, ReactNode } from 'react'\nimport {\n  EmptyListContainer,\n  EmptyListIcon,\n  EmptyListMessage,\n  EmptyListTitle,\n} from './EmptyListIndicator.style.js'\n\ninterface EmptyListIndicatorProps {\n  icon: ReactNode\n  title: string\n  message?: string\n}\n\nexport const EmptyListIndicator = ({\n  icon,\n  title,\n  message,\n}: EmptyListIndicatorProps): JSX.Element => (\n  <EmptyListContainer>\n    <EmptyListIcon>{icon}</EmptyListIcon>\n    <EmptyListTitle>{title}</EmptyListTitle>\n    {message ? <EmptyListMessage>{message}</EmptyListMessage> : null}\n  </EmptyListContainer>\n)\n"],"mappings":";;;AAcA,MAAa,sBAAsB,EACjC,MACA,OACA,cAEA,qBAAC,oBAAD,EAAA,UAAA;CACE,oBAAC,eAAD,EAAA,UAAgB,KAAoB,CAAA;CACpC,oBAAC,gBAAD,EAAA,UAAiB,MAAsB,CAAA;CACtC,UAAU,oBAAC,kBAAD,EAAA,UAAmB,QAA0B,CAAA,IAAI;AAC1C,EAAA,CAAA"}

package/dist/esm/components/EmptyListIndicator/EmptyListIndicator.style.js

@@ -0,0 +1,30 @@
+import { Container, Typography, styled } from "@mui/material";
+//#region src/components/EmptyListIndicator/EmptyListIndicator.style.tsx
+const EmptyListContainer = styled(Container)(({ theme }) => ({
+	display: "flex",
+	flex: 1,
+	flexDirection: "column",
+	alignItems: "center",
+	justifyContent: "center",
+	paddingTop: theme.spacing(12),
+	paddingBottom: theme.spacing(12)
+}));
+const EmptyListIcon = styled(Typography)({
+	fontSize: 48,
+	"& > svg": { fontSize: "inherit" }
+});
+const EmptyListTitle = styled(Typography)(({ theme }) => ({
+	fontSize: 18,
+	fontWeight: 700,
+	marginTop: theme.spacing(2)
+}));
+const EmptyListMessage = styled(Typography)(({ theme }) => ({
+	fontSize: 14,
+	color: theme.vars.palette.text.secondary,
+	textAlign: "center",
+	marginTop: theme.spacing(2)
+}));
+//#endregion
+export { EmptyListContainer, EmptyListIcon, EmptyListMessage, EmptyListTitle };
+
+//# sourceMappingURL=EmptyListIndicator.style.js.map

package/dist/esm/components/EmptyListIndicator/EmptyListIndicator.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyListIndicator.style.js","names":[],"sources":["../../../../src/components/EmptyListIndicator/EmptyListIndicator.style.tsx"],"sourcesContent":["import { Container, styled, Typography } from '@mui/material'\nimport type React from 'react'\n\nexport const EmptyListContainer: React.FC<\n  React.ComponentProps<typeof Container>\n> = styled(Container)(({ theme }) => ({\n  display: 'flex',\n  flex: 1,\n  flexDirection: 'column',\n  alignItems: 'center',\n  justifyContent: 'center',\n  paddingTop: theme.spacing(12),\n  paddingBottom: theme.spacing(12),\n}))\n\nexport const EmptyListIcon: React.FC<React.ComponentProps<typeof Typography>> =\n  styled(Typography)({\n    fontSize: 48,\n    '& > svg': {\n      fontSize: 'inherit',\n    },\n  })\n\nexport const EmptyListTitle: React.FC<React.ComponentProps<typeof Typography>> =\n  styled(Typography)(({ theme }) => ({\n    fontSize: 18,\n    fontWeight: 700,\n    marginTop: theme.spacing(2),\n  }))\n\nexport const EmptyListMessage: React.FC<\n  React.ComponentProps<typeof Typography>\n> = styled(Typography)(({ theme }) => ({\n  fontSize: 14,\n  color: theme.vars.palette.text.secondary,\n  textAlign: 'center',\n  marginTop: theme.spacing(2),\n}))\n"],"mappings":";;AAGA,MAAa,qBAET,OAAO,SAAS,GAAG,EAAE,aAAa;CACpC,SAAS;CACT,MAAM;CACN,eAAe;CACf,YAAY;CACZ,gBAAgB;CAChB,YAAY,MAAM,QAAQ,EAAE;CAC5B,eAAe,MAAM,QAAQ,EAAE;AACjC,EAAE;AAEF,MAAa,gBACX,OAAO,UAAU,EAAE;CACjB,UAAU;CACV,WAAW,EACT,UAAU,UACZ;AACF,CAAC;AAEH,MAAa,iBACX,OAAO,UAAU,GAAG,EAAE,aAAa;CACjC,UAAU;CACV,YAAY;CACZ,WAAW,MAAM,QAAQ,CAAC;AAC5B,EAAE;AAEJ,MAAa,mBAET,OAAO,UAAU,GAAG,EAAE,aAAa;CACrC,UAAU;CACV,OAAO,MAAM,KAAK,QAAQ,KAAK;CAC/B,WAAW;CACX,WAAW,MAAM,QAAQ,CAAC;AAC5B,EAAE"}

package/dist/esm/components/ExecutionStatusCard/ExecutionChecklist.js

@@ -0,0 +1,65 @@
+import { renderExecutionRow } from "../StepActions/executionRows.js";
+import { Box } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+import { AnimatePresence } from "motion/react";
+import * as m from "motion/react-m";
+//#region src/components/ExecutionStatusCard/ExecutionChecklist.tsx
+const ROW_STAGGER = .06;
+const rowTransition = {
+	duration: .3,
+	ease: [
+		.19,
+		1,
+		.22,
+		1
+	]
+};
+const rowExitTransition = {
+	duration: .2,
+	ease: [
+		.215,
+		.61,
+		.355,
+		1
+	]
+};
+function ExecutionChecklist({ rows }) {
+	if (rows.length === 0) return null;
+	const lastActionIndex = rows.findLastIndex((r) => r.kind === "action");
+	return /* @__PURE__ */ jsx(AnimatePresence, {
+		mode: "popLayout",
+		children: rows.map((row, index) => /* @__PURE__ */ jsx(m.div, {
+			layout: true,
+			initial: {
+				opacity: 0,
+				y: 14,
+				scaleX: .8
+			},
+			animate: {
+				opacity: 1,
+				y: 0,
+				scaleX: 1
+			},
+			transition: {
+				...rowTransition,
+				delay: index * ROW_STAGGER,
+				layout: rowTransition
+			},
+			exit: {
+				opacity: 0,
+				y: 10,
+				scaleX: .9,
+				transition: rowExitTransition
+			},
+			style: { transformOrigin: "center bottom" },
+			children: /* @__PURE__ */ jsx(Box, {
+				sx: { paddingTop: 1.5 },
+				children: renderExecutionRow(row, index === lastActionIndex)
+			})
+		}, row.kind === "action" ? `${row.step.id}-${row.action.type}-${index}` : `wallet-${row.toChainId}`))
+	});
+}
+//#endregion
+export { ExecutionChecklist };
+
+//# sourceMappingURL=ExecutionChecklist.js.map

package/dist/esm/components/ExecutionStatusCard/ExecutionChecklist.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExecutionChecklist.js","names":[],"sources":["../../../../src/components/ExecutionStatusCard/ExecutionChecklist.tsx"],"sourcesContent":["import { Box } from '@mui/material'\nimport { AnimatePresence } from 'motion/react'\nimport * as m from 'motion/react-m'\nimport type { JSX } from 'react'\nimport type { ExecutionRow } from '../StepActions/executionRows.js'\nimport { renderExecutionRow } from '../StepActions/executionRows.js'\n\nconst ROW_STAGGER = 0.06\n\nconst rowTransition = { duration: 0.3, ease: [0.19, 1, 0.22, 1] as const }\nconst rowExitTransition = {\n  duration: 0.2,\n  ease: [0.215, 0.61, 0.355, 1] as const,\n}\n\ninterface ExecutionChecklistProps {\n  rows: ExecutionRow[]\n}\n\nexport function ExecutionChecklist({\n  rows,\n}: ExecutionChecklistProps): JSX.Element | null {\n  if (rows.length === 0) {\n    return null\n  }\n\n  const lastActionIndex = rows.findLastIndex((r) => r.kind === 'action')\n\n  return (\n    <AnimatePresence mode=\"popLayout\">\n      {rows.map((row, index) => (\n        <m.div\n          key={\n            row.kind === 'action'\n              ? `${row.step.id}-${row.action.type}-${index}`\n              : `wallet-${row.toChainId}`\n          }\n          layout\n          initial={{ opacity: 0, y: 14, scaleX: 0.8 }}\n          animate={{ opacity: 1, y: 0, scaleX: 1 }}\n          transition={{\n            ...rowTransition,\n            delay: index * ROW_STAGGER,\n            layout: rowTransition,\n          }}\n          exit={{\n            opacity: 0,\n            y: 10,\n            scaleX: 0.9,\n            transition: rowExitTransition,\n          }}\n          style={{ transformOrigin: 'center bottom' }}\n        >\n          <Box sx={{ paddingTop: 1.5 }}>\n            {renderExecutionRow(row, index === lastActionIndex)}\n          </Box>\n        </m.div>\n      ))}\n    </AnimatePresence>\n  )\n}\n"],"mappings":";;;;;;AAOA,MAAM,cAAc;AAEpB,MAAM,gBAAgB;CAAE,UAAU;CAAK,MAAM;EAAC;EAAM;EAAG;EAAM;CAAC;AAAW;AACzE,MAAM,oBAAoB;CACxB,UAAU;CACV,MAAM;EAAC;EAAO;EAAM;EAAO;CAAC;AAC9B;AAMA,SAAgB,mBAAmB,EACjC,QAC8C;CAC9C,IAAI,KAAK,WAAW,GAClB,OAAO;CAGT,MAAM,kBAAkB,KAAK,eAAe,MAAM,EAAE,SAAS,QAAQ;CAErE,OACE,oBAAC,iBAAD;EAAiB,MAAK;YACnB,KAAK,KAAK,KAAK,UACd,oBAAC,EAAE,KAAH;GAME,QAAA;GACA,SAAS;IAAE,SAAS;IAAG,GAAG;IAAI,QAAQ;GAAI;GAC1C,SAAS;IAAE,SAAS;IAAG,GAAG;IAAG,QAAQ;GAAE;GACvC,YAAY;IACV,GAAG;IACH,OAAO,QAAQ;IACf,QAAQ;GACV;GACA,MAAM;IACJ,SAAS;IACT,GAAG;IACH,QAAQ;IACR,YAAY;GACd;GACA,OAAO,EAAE,iBAAiB,gBAAgB;aAE1C,oBAAC,KAAD;IAAK,IAAI,EAAE,YAAY,IAAI;cACxB,mBAAmB,KAAK,UAAU,eAAe;GAC/C,CAAA;EACA,GAvBH,IAAI,SAAS,WACT,GAAG,IAAI,KAAK,GAAG,GAAG,IAAI,OAAO,KAAK,GAAG,UACrC,UAAU,IAAI,WAqBf,CACR;CACc,CAAA;AAErB"}

package/dist/esm/components/ExecutionStatusCard/ExecutionStatusCard.js

@@ -0,0 +1,273 @@
+import { Card as Card$1 } from "../Card/Card.js";
+import { ExecutionChecklist } from "./ExecutionChecklist.js";
+import { StaggeredRevealTypography } from "./StaggeredRevealTypography.js";
+import { Box, Typography } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AnimatePresence } from "motion/react";
+import { stagger } from "motion";
+import * as m from "motion/react-m";
+//#region src/components/ExecutionStatusCard/ExecutionStatusCard.tsx
+const containerVariants = {
+	hidden: {
+		opacity: 0,
+		scale: .97
+	},
+	visible: {
+		opacity: 1,
+		scale: 1,
+		transition: {
+			duration: .3,
+			ease: [
+				.22,
+				1,
+				.36,
+				1
+			],
+			delayChildren: stagger(.06)
+		}
+	}
+};
+const heroColumnVariants = {
+	hidden: {},
+	visible: { transition: { delayChildren: stagger(.04) } }
+};
+const heroItemVariants = {
+	hidden: { opacity: 0 },
+	visible: {
+		opacity: 1,
+		transition: {
+			duration: .3,
+			ease: [
+				.22,
+				1,
+				.36,
+				1
+			]
+		}
+	}
+};
+const titleVariants = {
+	hidden: {
+		opacity: 0,
+		y: 10,
+		filter: "blur(2px)"
+	},
+	visible: {
+		opacity: 1,
+		y: 0,
+		filter: "blur(0px)",
+		transition: {
+			duration: .3,
+			ease: [
+				.19,
+				1,
+				.22,
+				1
+			]
+		}
+	},
+	exit: {
+		opacity: 0,
+		y: -10,
+		filter: "blur(2px)",
+		transition: {
+			duration: .05,
+			ease: [
+				.19,
+				1,
+				.22,
+				1
+			]
+		}
+	}
+};
+/** No enter animation — the per-word stagger reveals it. Exit timing matches the title. */
+const textContainerVariants = {
+	hidden: {
+		opacity: 0,
+		transition: {
+			duration: .05,
+			ease: [
+				.215,
+				.61,
+				.355,
+				1
+			]
+		}
+	},
+	visible: {
+		opacity: 1,
+		transition: { duration: 0 }
+	}
+};
+/**
+* Animate height explicitly. A plain `layout` animation sets `height: auto`
+* immediately, so the card background would jump to full height before the
+* content appears. `layout` stays only to animate the checklist's position
+* when the hero column above it resizes.
+*/
+const checklistVariants = {
+	hidden: {
+		height: 0,
+		opacity: 0,
+		transition: {
+			duration: .3,
+			ease: [
+				.22,
+				1,
+				.36,
+				1
+			]
+		}
+	},
+	visible: {
+		height: "auto",
+		opacity: 1,
+		transition: {
+			duration: .3,
+			ease: [
+				.22,
+				1,
+				.36,
+				1
+			]
+		}
+	}
+};
+const layoutTransition = {
+	duration: .3,
+	ease: [
+		.19,
+		1,
+		.22,
+		1
+	]
+};
+const WORD_STAGGER_DELAY = .08;
+function ExecutionStatusCard({ title, description, rows, iconSlot, footerSlot, vcSlot }) {
+	const hasRows = rows.length > 0;
+	return /* @__PURE__ */ jsxs(Box, {
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			gap: 2
+		},
+		children: [/* @__PURE__ */ jsx(Card$1, {
+			type: "default",
+			indented: true,
+			children: /* @__PURE__ */ jsxs(m.div, {
+				variants: containerVariants,
+				initial: "hidden",
+				animate: "visible",
+				style: {
+					width: "100%",
+					transformOrigin: "top center"
+				},
+				children: [/* @__PURE__ */ jsxs(Box, {
+					component: m.div,
+					layout: true,
+					transition: { layout: layoutTransition },
+					variants: heroColumnVariants,
+					sx: {
+						width: "100%",
+						display: "flex",
+						flexDirection: "column",
+						alignItems: "center",
+						textAlign: "center",
+						boxSizing: "border-box"
+					},
+					children: [
+						/* @__PURE__ */ jsx(m.div, {
+							layout: true,
+							variants: heroItemVariants,
+							style: {
+								width: "100%",
+								display: "flex",
+								justifyContent: "center"
+							},
+							children: iconSlot
+						}),
+						title && /* @__PURE__ */ jsx(m.div, {
+							layout: true,
+							variants: heroItemVariants,
+							style: {
+								width: "100%",
+								paddingTop: 12
+							},
+							children: /* @__PURE__ */ jsx(AnimatePresence, {
+								initial: false,
+								mode: "wait",
+								children: /* @__PURE__ */ jsx(m.div, {
+									variants: titleVariants,
+									initial: "hidden",
+									animate: "visible",
+									exit: "exit",
+									style: { width: "100%" },
+									children: /* @__PURE__ */ jsx(Typography, {
+										sx: {
+											fontSize: 16,
+											fontWeight: 600,
+											lineHeight: 1.4,
+											textAlign: "center"
+										},
+										children: title
+									})
+								}, title)
+							})
+						}),
+						/* @__PURE__ */ jsx(AnimatePresence, {
+							initial: false,
+							mode: "popLayout",
+							children: description && /* @__PURE__ */ jsx(m.div, {
+								variants: textContainerVariants,
+								initial: "hidden",
+								animate: "visible",
+								exit: "hidden",
+								style: {
+									width: "100%",
+									paddingTop: 4
+								},
+								children: /* @__PURE__ */ jsx(StaggeredRevealTypography, {
+									text: description,
+									delay: WORD_STAGGER_DELAY,
+									sx: {
+										fontSize: 14,
+										fontWeight: 500,
+										color: "text.secondary",
+										textAlign: "center"
+									}
+								})
+							}, description)
+						}),
+						vcSlot && /* @__PURE__ */ jsx(m.div, {
+							layout: true,
+							variants: heroItemVariants,
+							style: { width: "100%" },
+							children: vcSlot
+						})
+					]
+				}), /* @__PURE__ */ jsx(AnimatePresence, {
+					initial: false,
+					children: hasRows && /* @__PURE__ */ jsx(m.div, {
+						layout: true,
+						transition: { layout: layoutTransition },
+						variants: checklistVariants,
+						initial: "hidden",
+						animate: "visible",
+						exit: "hidden",
+						style: { width: "100%" },
+						children: /* @__PURE__ */ jsx(ExecutionChecklist, { rows })
+					}, "checklist")
+				})]
+			})
+		}), /* @__PURE__ */ jsx(m.div, {
+			layout: true,
+			transition: { layout: layoutTransition },
+			children: footerSlot
+		})]
+	});
+}
+//#endregion
+export { ExecutionStatusCard };
+
+//# sourceMappingURL=ExecutionStatusCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExecutionStatusCard.js","names":["Card"],"sources":["../../../../src/components/ExecutionStatusCard/ExecutionStatusCard.tsx"],"sourcesContent":["import { Box, Typography } from '@mui/material'\nimport { stagger } from 'motion'\nimport type { Transition, Variants } from 'motion/react'\nimport { AnimatePresence } from 'motion/react'\nimport * as m from 'motion/react-m'\nimport type { JSX, ReactNode } from 'react'\nimport { Card } from '../Card/Card.js'\nimport type { ExecutionRow } from '../StepActions/executionRows.js'\nimport { ExecutionChecklist } from './ExecutionChecklist.js'\nimport { StaggeredRevealTypography } from './StaggeredRevealTypography.js'\n\ninterface ExecutionStatusCardProps {\n  /** Title for the current phase. `undefined` until an action has a message. */\n  title: string | undefined\n  /** Subtitle under the title. `undefined` when the action has no description. */\n  description: string | undefined\n  /** Completed step rows for the animated checklist. */\n  rows: ExecutionRow[]\n  /** The top icon: a `StatusIcon`, or a contract component for the custom variant. */\n  iconSlot: ReactNode\n  /** Footer card: `ExecutionDoneCard` when done, otherwise `RouteTokens`. */\n  footerSlot: ReactNode\n  /** Partner/VC component, shown after the icon/title when done. */\n  vcSlot?: ReactNode\n}\n\nconst containerVariants: Variants = {\n  hidden: { opacity: 0, scale: 0.97 },\n  visible: {\n    opacity: 1,\n    scale: 1,\n    transition: {\n      duration: 0.3,\n      ease: [0.22, 1, 0.36, 1],\n      delayChildren: stagger(0.06),\n    },\n  },\n}\n\nconst heroColumnVariants: Variants = {\n  hidden: {},\n  visible: { transition: { delayChildren: stagger(0.04) } },\n}\n\nconst heroItemVariants: Variants = {\n  hidden: { opacity: 0 },\n  visible: {\n    opacity: 1,\n    transition: { duration: 0.3, ease: [0.22, 1, 0.36, 1] },\n  },\n}\n\nconst titleVariants: Variants = {\n  hidden: { opacity: 0, y: 10, filter: 'blur(2px)' },\n  visible: {\n    opacity: 1,\n    y: 0,\n    filter: 'blur(0px)',\n    transition: { duration: 0.3, ease: [0.19, 1, 0.22, 1] },\n  },\n  exit: {\n    opacity: 0,\n    y: -10,\n    filter: 'blur(2px)',\n    transition: { duration: 0.05, ease: [0.19, 1, 0.22, 1] },\n  },\n}\n\n/** No enter animation — the per-word stagger reveals it. Exit timing matches the title. */\nconst textContainerVariants: Variants = {\n  hidden: {\n    opacity: 0,\n    transition: { duration: 0.05, ease: [0.215, 0.61, 0.355, 1] },\n  },\n  visible: { opacity: 1, transition: { duration: 0 } },\n}\n\n/**\n * Animate height explicitly. A plain `layout` animation sets `height: auto`\n * immediately, so the card background would jump to full height before the\n * content appears. `layout` stays only to animate the checklist's position\n * when the hero column above it resizes.\n */\nconst checklistVariants: Variants = {\n  hidden: {\n    height: 0,\n    opacity: 0,\n    transition: { duration: 0.3, ease: [0.22, 1, 0.36, 1] },\n  },\n  visible: {\n    height: 'auto',\n    opacity: 1,\n    transition: { duration: 0.3, ease: [0.22, 1, 0.36, 1] },\n  },\n}\n\nconst layoutTransition: Transition = { duration: 0.3, ease: [0.19, 1, 0.22, 1] }\n\nconst WORD_STAGGER_DELAY = 0.08\n\nexport function ExecutionStatusCard({\n  title,\n  description,\n  rows,\n  iconSlot,\n  footerSlot,\n  vcSlot,\n}: ExecutionStatusCardProps): JSX.Element {\n  const hasRows = rows.length > 0\n\n  return (\n    <Box sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}>\n      {/*\n       * Keep Card non-animated. Animating its layout would combine with the\n       * rows' layout animations and make the rows jump. Its height follows\n       * the checklist through normal layout instead.\n       */}\n      <Card type=\"default\" indented>\n        <m.div\n          variants={containerVariants}\n          initial=\"hidden\"\n          animate=\"visible\"\n          style={{ width: '100%', transformOrigin: 'top center' }}\n        >\n          <Box\n            component={m.div}\n            layout\n            transition={{ layout: layoutTransition }}\n            variants={heroColumnVariants}\n            sx={{\n              width: '100%',\n              display: 'flex',\n              flexDirection: 'column',\n              alignItems: 'center',\n              textAlign: 'center',\n              boxSizing: 'border-box',\n            }}\n          >\n            <m.div\n              layout\n              variants={heroItemVariants}\n              style={{\n                width: '100%',\n                display: 'flex',\n                justifyContent: 'center',\n              }}\n            >\n              {iconSlot}\n            </m.div>\n\n            {title && (\n              <m.div\n                layout\n                variants={heroItemVariants}\n                style={{ width: '100%', paddingTop: 12 }}\n              >\n                <AnimatePresence initial={false} mode=\"wait\">\n                  <m.div\n                    key={title}\n                    variants={titleVariants}\n                    initial=\"hidden\"\n                    animate=\"visible\"\n                    exit=\"exit\"\n                    style={{ width: '100%' }}\n                  >\n                    <Typography\n                      sx={{\n                        fontSize: 16,\n                        fontWeight: 600,\n                        lineHeight: 1.4,\n                        textAlign: 'center',\n                      }}\n                    >\n                      {title}\n                    </Typography>\n                  </m.div>\n                </AnimatePresence>\n              </m.div>\n            )}\n\n            {/* mode=\"popLayout\": old description leaves layout at once so the column reflows */}\n            <AnimatePresence initial={false} mode=\"popLayout\">\n              {description && (\n                <m.div\n                  key={description}\n                  variants={textContainerVariants}\n                  initial=\"hidden\"\n                  animate=\"visible\"\n                  exit=\"hidden\"\n                  style={{ width: '100%', paddingTop: 4 }}\n                >\n                  <StaggeredRevealTypography\n                    text={description}\n                    delay={WORD_STAGGER_DELAY}\n                    sx={{\n                      fontSize: 14,\n                      fontWeight: 500,\n                      color: 'text.secondary',\n                      textAlign: 'center',\n                    }}\n                  />\n                </m.div>\n              )}\n            </AnimatePresence>\n\n            {vcSlot && (\n              <m.div\n                layout\n                variants={heroItemVariants}\n                style={{ width: '100%' }}\n              >\n                {vcSlot}\n              </m.div>\n            )}\n          </Box>\n\n          <AnimatePresence initial={false}>\n            {hasRows && (\n              <m.div\n                key=\"checklist\"\n                layout\n                transition={{ layout: layoutTransition }}\n                variants={checklistVariants}\n                initial=\"hidden\"\n                animate=\"visible\"\n                exit=\"hidden\"\n                style={{ width: '100%' }}\n              >\n                <ExecutionChecklist rows={rows} />\n              </m.div>\n            )}\n          </AnimatePresence>\n        </m.div>\n      </Card>\n\n      {/* layout makes the footer shift smoothly when the card above grows */}\n      <m.div layout transition={{ layout: layoutTransition }}>\n        {footerSlot}\n      </m.div>\n    </Box>\n  )\n}\n"],"mappings":"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"}