@lifi/widget 4.0.0-beta.9 → 4.0.0

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

@@ -1,24 +1,33 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { formatUnits } from '@lifi/sdk';
-import { useEffect } from 'react';
-import { useFieldActions } from '../../../stores/form/useFieldActions.js';
-import { NFTBase } from './NFTBase.js';
-export const NFT = ({ imageUrl, isLoading, collectionName, assetName, owner, token, contractCall, }) => {
-    const { setFieldValue } = useFieldActions();
-    useEffect(() => {
-        if (token) {
-            setFieldValue('toChain', token.chainId, { isTouched: true });
-            setFieldValue('toToken', token.address, { isTouched: true });
-            setFieldValue('toAmount', token.amount ? formatUnits(token.amount, token.decimals) : '', {
-                isTouched: true,
-            });
-        }
-        if (contractCall) {
-            setFieldValue('contractCalls', [contractCall], {
-                isTouched: true,
-            });
-        }
-    }, [contractCall, setFieldValue, token]);
-    return (_jsx(NFTBase, { isLoading: isLoading, imageUrl: imageUrl, collectionName: collectionName, assetName: assetName, owner: owner, token: token }));
+import { useFieldActions } from "../../../stores/form/useFieldActions.js";
+import { NFTBase } from "./NFTBase.js";
+import { formatUnits } from "@lifi/sdk";
+import { useEffect } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/ContractComponent/NFT/NFT.tsx
+const NFT = ({ imageUrl, isLoading, collectionName, assetName, owner, token, contractCall }) => {
+	const { setFieldValue } = useFieldActions();
+	useEffect(() => {
+		if (token) {
+			setFieldValue("toChain", token.chainId, { isTouched: true });
+			setFieldValue("toToken", token.address, { isTouched: true });
+			setFieldValue("toAmount", token.amount ? formatUnits(token.amount, token.decimals) : "", { isTouched: true });
+		}
+		if (contractCall) setFieldValue("contractCalls", [contractCall], { isTouched: true });
+	}, [
+		contractCall,
+		setFieldValue,
+		token
+	]);
+	return /* @__PURE__ */ jsx(NFTBase, {
+		isLoading,
+		imageUrl,
+		collectionName,
+		assetName,
+		owner,
+		token
+	});
 };
+//#endregion
+export { NFT };
+
 //# sourceMappingURL=NFT.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NFT.js","sourceRoot":"","sources":["../../../../../src/components/ContractComponent/NFT/NFT.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,yCAAyC,CAAA;AACzE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAGtC,MAAM,CAAC,MAAM,GAAG,GAAuB,CAAC,EACtC,QAAQ,EACR,SAAS,EACT,cAAc,EACd,SAAS,EACT,KAAK,EACL,KAAK,EACL,YAAY,GACb,EAAE,EAAE;IACH,MAAM,EAAE,aAAa,EAAE,GAAG,eAAe,EAAE,CAAA;IAE3C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,EAAE,CAAC;YACV,aAAa,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAA;YAC5D,aAAa,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAA;YAC5D,aAAa,CACX,UAAU,EACV,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,EAC7D;gBACE,SAAS,EAAE,IAAI;aAChB,CACF,CAAA;QACH,CAAC;QACD,IAAI,YAAY,EAAE,CAAC;YACjB,aAAa,CAAC,eAAe,EAAE,CAAC,YAAY,CAAC,EAAE;gBAC7C,SAAS,EAAE,IAAI;aAChB,CAAC,CAAA;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC,CAAA;IACxC,OAAO,CACL,KAAC,OAAO,IACN,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,GACZ,CACH,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"NFT.js","names":[],"sources":["../../../../../src/components/ContractComponent/NFT/NFT.tsx"],"sourcesContent":["import { formatUnits } from '@lifi/sdk'\nimport { useEffect } from 'react'\nimport { useFieldActions } from '../../../stores/form/useFieldActions.js'\nimport { NFTBase } from './NFTBase.js'\nimport type { NFTProps } from './types.js'\n\nexport const NFT: React.FC<NFTProps> = ({\n  imageUrl,\n  isLoading,\n  collectionName,\n  assetName,\n  owner,\n  token,\n  contractCall,\n}) => {\n  const { setFieldValue } = useFieldActions()\n\n  useEffect(() => {\n    if (token) {\n      setFieldValue('toChain', token.chainId, { isTouched: true })\n      setFieldValue('toToken', token.address, { isTouched: true })\n      setFieldValue(\n        'toAmount',\n        token.amount ? formatUnits(token.amount, token.decimals) : '',\n        {\n          isTouched: true,\n        }\n      )\n    }\n    if (contractCall) {\n      setFieldValue('contractCalls', [contractCall], {\n        isTouched: true,\n      })\n    }\n  }, [contractCall, setFieldValue, token])\n  return (\n    <NFTBase\n      isLoading={isLoading}\n      imageUrl={imageUrl}\n      collectionName={collectionName}\n      assetName={assetName}\n      owner={owner}\n      token={token}\n    />\n  )\n}\n"],"mappings":";;;;;;AAMA,MAAa,OAA2B,EACtC,UACA,WACA,gBACA,WACA,OACA,OACA,mBACI;CACJ,MAAM,EAAE,kBAAkB,gBAAgB;CAE1C,gBAAgB;EACd,IAAI,OAAO;GACT,cAAc,WAAW,MAAM,SAAS,EAAE,WAAW,KAAK,CAAC;GAC3D,cAAc,WAAW,MAAM,SAAS,EAAE,WAAW,KAAK,CAAC;GAC3D,cACE,YACA,MAAM,SAAS,YAAY,MAAM,QAAQ,MAAM,QAAQ,IAAI,IAC3D,EACE,WAAW,KACb,CACF;EACF;EACA,IAAI,cACF,cAAc,iBAAiB,CAAC,YAAY,GAAG,EAC7C,WAAW,KACb,CAAC;CAEL,GAAG;EAAC;EAAc;EAAe;CAAK,CAAC;CACvC,OACE,oBAAC,SAAD;EACa;EACD;EACM;EACL;EACJ;EACA;CACR,CAAA;AAEL"}

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

@@ -1,8 +1,12 @@
-import { Avatar, styled } from '@mui/material';
-export const PreviewAvatar = styled(Avatar)(({ theme }) => ({
-    background: theme.vars.palette.background.paper,
-    width: 96,
-    height: 96,
-    borderRadius: theme.vars.shape.borderRadius,
+import { Avatar, styled } from "@mui/material";
+//#region src/components/ContractComponent/NFT/NFT.style.ts
+const PreviewAvatar = styled(Avatar)(({ theme }) => ({
+	background: theme.vars.palette.background.paper,
+	width: 96,
+	height: 96,
+	borderRadius: theme.vars.shape.borderRadius
 }));
+//#endregion
+export { PreviewAvatar };
+
 //# sourceMappingURL=NFT.style.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NFT.style.js","sourceRoot":"","sources":["../../../../../src/components/ContractComponent/NFT/NFT.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAE9C,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1D,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;IAC/C,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,YAAY,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY;CAC5C,CAAC,CAAC,CAAA"}
+{"version":3,"file":"NFT.style.js","names":[],"sources":["../../../../../src/components/ContractComponent/NFT/NFT.style.ts"],"sourcesContent":["import { Avatar, styled } from '@mui/material'\nimport type React from 'react'\n\nexport const PreviewAvatar: React.FC<React.ComponentProps<typeof Avatar>> =\n  styled(Avatar)(({ theme }) => ({\n    background: theme.vars.palette.background.paper,\n    width: 96,\n    height: 96,\n    borderRadius: theme.vars.shape.borderRadius,\n  }))\n"],"mappings":";;AAGA,MAAa,gBACX,OAAO,MAAM,GAAG,EAAE,aAAa;CAC7B,YAAY,MAAM,KAAK,QAAQ,WAAW;CAC1C,OAAO;CACP,QAAQ;CACR,cAAc,MAAM,KAAK,MAAM;AACjC,EAAE"}

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

@@ -1,2 +1,7 @@
-import type { NFTProps } from './types.js';
-export declare const NFTBase: React.FC<NFTProps>;
+import { NFTProps } from "./types.js";
+
+//#region src/components/ContractComponent/NFT/NFTBase.d.ts
+declare const NFTBase: React.FC<NFTProps>;
+//#endregion
+export { NFTBase };
+//# sourceMappingURL=NFTBase.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NFTBase.d.ts","names":[],"sources":["../../../../../src/components/ContractComponent/NFT/NFTBase.tsx"],"mappings":";;;cAMa,OAAA,EAAS,KAAA,CAAM,EAAA,CAAG,QAAA"}

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

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

@@ -1 +1 @@
-{"version":3,"file":"NFTBase.js","sourceRoot":"","sources":["../../../../../src/components/ContractComponent/NFT/NFTBase.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAG9C,MAAM,CAAC,MAAM,OAAO,GAAuB,CAAC,EAC1C,QAAQ,EACR,SAAS,EACT,cAAc,EACd,SAAS,EACT,KAAK,EACL,KAAK,GACN,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,OAAO,CACL,MAAC,GAAG,IACF,EAAE,EAAE;YACF,CAAC,EAAE,CAAC;SACL,aAED,MAAC,GAAG,IACF,EAAE,EAAE;oBACF,OAAO,EAAE,MAAM;iBAChB,aAEA,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,QAAQ,IACP,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAC,aAAa,EACrB,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,GACvB,CACH,CAAC,CAAC,CAAC,CACF,KAAC,aAAa,IAAC,GAAG,EAAE,QAAQ,GAAI,CACjC,EACD,MAAC,GAAG,IACF,EAAE,EAAE;4BACF,EAAE,EAAE,CAAC;yBACN,aAEA,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,QAAQ,IAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,MAAM,GAAG,CACpD,CAAC,CAAC,CAAC,CACF,KAAC,UAAU,IACT,EAAE,EAAE;oCACF,QAAQ,EAAE,EAAE;oCACZ,KAAK,EAAE,gBAAgB;iCACxB,YAEA,cAAc,GACJ,CACd,EACA,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,QAAQ,IAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,MAAM,GAAG,CACpD,CAAC,CAAC,CAAC,CACF,KAAC,UAAU,IACT,EAAE,EAAE;oCACF,QAAQ,EAAE,EAAE;oCACZ,UAAU,EAAE,GAAG;iCAChB,YAEA,SAAS,GACC,CACd,EACA,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,QAAQ,IAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,MAAM,GAAG,CACpD,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CACV,MAAC,UAAU,IACT,EAAE,EAAE;oCACF,QAAQ,EAAE,EAAE;oCACZ,KAAK,EAAE,gBAAgB;iCACxB,aAEA,CAAC,CAAC,cAAc,CAAC,EAAE,GAAG,EACvB,KAAC,IAAI,IACH,IAAI,EAAE,KAAK,CAAC,GAAG,EACf,MAAM,EAAC,QAAQ,EACf,SAAS,EAAC,MAAM,EAChB,KAAK,EAAC,SAAS,YAEd,KAAK,CAAC,IAAI,GACN,IACI,CACd,CAAC,CAAC,CAAC,IAAI,IACJ,IACF,EACN,KAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,GAAI,IAChD,CACP,CAAA;AACH,CAAC,CAAA"}
+{"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

@@ -1,16 +1,21 @@
-import type { ContractCall, TokenAmount } from '@lifi/sdk';
-export interface NFTBaseProps {
-    imageUrl?: string;
-    collectionName?: string;
-    assetName?: string;
-    isLoading?: boolean;
-    owner?: NFTOwner;
-    token: TokenAmount;
+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;
 }
-export interface NFTProps extends NFTBaseProps {
-    contractCall?: ContractCall;
+interface NFTProps extends NFTBaseProps {
+  contractCall?: ContractCall;
 }
-export interface NFTOwner {
-    name?: string;
-    url?: string;
+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"}