@lifi/widget 4.3.0 → 4.4.0

package/dist/esm/components/RouteCard/RouteDetails.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RouteDetails.style.d.ts","names":[],"sources":["../../../../src/components/RouteCard/RouteDetails.style.tsx"],"mappings":";;;;cAIa,WAAW,MAAM,GAAG,MAAM,sBAAsB;cAShD,sBAAsB,MAAM,GAAG,MAAM,sBAAsB;cAO3D,aAAa,MAAM,GAAG,MAAM,sBAAsB;cAQlD,aAAa,MAAM,GAAG,MAAM,sBAAsB;cAQlD,gBAAgB,MAAM,GACjC,MAAM,sBAAsB"}

package/dist/esm/components/RouteCard/RouteNotFoundCard.d.ts

@@ -0,0 +1,5 @@
+//#region src/components/RouteCard/RouteNotFoundCard.d.ts
+declare const RouteNotFoundCard: React.FC;
+//#endregion
+export { RouteNotFoundCard };
+//# sourceMappingURL=RouteNotFoundCard.d.ts.map

package/dist/esm/components/RouteCard/RouteNotFoundCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RouteNotFoundCard.d.ts","names":[],"sources":["../../../../src/components/RouteCard/RouteNotFoundCard.tsx"],"mappings":";cAIa,mBAAmB,MAAM"}

package/dist/esm/components/RouteCard/RouteTokens.d.ts

@@ -0,0 +1,11 @@
+import { RouteExtended } from "@lifi/sdk";
+//#region src/components/RouteCard/RouteTokens.d.ts
+declare const RouteTokens: React.FC<{
+  route: RouteExtended;
+  showEssentials?: boolean;
+  defaultExpanded?: boolean;
+  fromSlot?: React.ReactNode;
+}>;
+//#endregion
+export { RouteTokens };
+//# sourceMappingURL=RouteTokens.d.ts.map

package/dist/esm/components/RouteCard/RouteTokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RouteTokens.d.ts","names":[],"sources":["../../../../src/components/RouteCard/RouteTokens.tsx"],"mappings":";;cAOa,aAAa,MAAM;EAC9B,OAAO;EACP;EACA;EACA,WAAW,MAAM"}

package/dist/esm/components/RouteCard/RouteTokens.js

@@ -5,7 +5,7 @@ import { Box } from "@mui/material";
 import { jsx, jsxs } from "react/jsx-runtime";
 import ArrowDownwardIcon from "@mui/icons-material/ArrowDownward";
 //#region src/components/RouteCard/RouteTokens.tsx
-const RouteTokens = ({ route, showEssentials, defaultExpanded }) => {
+const RouteTokens = ({ route, showEssentials, defaultExpanded, fromSlot }) => {
 	const { mode } = useWidgetConfig();
 	const fromToken = {
 		...route.steps[0].action.fromToken,
@@ -23,7 +23,7 @@ const RouteTokens = ({ route, showEssentials, defaultExpanded }) => {
 			gap: 1.5
 		},
 		children: [
-			fromToken ? /* @__PURE__ */ jsx(Token, { token: fromToken }) : null,
+			fromSlot ?? (fromToken ? /* @__PURE__ */ jsx(Token, { token: fromToken }) : null),
 			/* @__PURE__ */ jsx(Box, {
 				sx: {
 					width: 40,

package/dist/esm/components/RouteCard/RouteTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"RouteTokens.js","names":[],"sources":["../../../../src/components/RouteCard/RouteTokens.tsx"],"sourcesContent":["import type { RouteExtended } from '@lifi/sdk'\nimport ArrowDownwardIcon from '@mui/icons-material/ArrowDownward'\nimport { Box } from '@mui/material'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { Token } from '../Token/Token.js'\nimport { RouteToken } from './RouteToken.js'\n\nexport const RouteTokens: React.FC<{\n  route: RouteExtended\n  showEssentials?: boolean\n  defaultExpanded?: boolean\n}> = ({ route, showEssentials, defaultExpanded }) => {\n  const { mode } = useWidgetConfig()\n\n  const fromToken = {\n    ...route.steps[0].action.fromToken,\n    amount: BigInt(route.steps[0].action.fromAmount),\n  }\n\n  const lastStepIndex = route.steps.length - 1\n  const toToken = {\n    ...(route.steps[lastStepIndex].execution?.toToken ??\n      route.steps[lastStepIndex].action.toToken),\n    amount: route.steps[lastStepIndex].execution?.toAmount\n      ? BigInt(route.steps[lastStepIndex].execution.toAmount)\n      : mode === 'custom'\n        ? BigInt(route.toAmount)\n        : BigInt(route.steps[lastStepIndex].estimate.toAmount),\n  }\n\n  return (\n    <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1.5 }}>\n      {fromToken ? <Token token={fromToken} /> : null}\n      <Box\n        sx={{\n          width: 40,\n          height: 20,\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n        }}\n      >\n        <ArrowDownwardIcon sx={{ fontSize: 16 }} />\n      </Box>\n      {toToken ? (\n        <RouteToken\n          route={route}\n          token={toToken}\n          impactToken={fromToken}\n          showEssentials={showEssentials}\n          defaultExpanded={defaultExpanded}\n        />\n      ) : null}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;AAOA,MAAa,eAIP,EAAE,OAAO,gBAAgB,sBAAsB;CACnD,MAAM,EAAE,SAAS,gBAAgB;CAEjC,MAAM,YAAY;EAChB,GAAG,MAAM,MAAM,EAAE,CAAC,OAAO;EACzB,QAAQ,OAAO,MAAM,MAAM,EAAE,CAAC,OAAO,UAAU;CACjD;CAEA,MAAM,gBAAgB,MAAM,MAAM,SAAS;CAC3C,MAAM,UAAU;EACd,GAAI,MAAM,MAAM,cAAc,CAAC,WAAW,WACxC,MAAM,MAAM,cAAc,CAAC,OAAO;EACpC,QAAQ,MAAM,MAAM,cAAc,CAAC,WAAW,WAC1C,OAAO,MAAM,MAAM,cAAc,CAAC,UAAU,QAAQ,IACpD,SAAS,WACP,OAAO,MAAM,QAAQ,IACrB,OAAO,MAAM,MAAM,cAAc,CAAC,SAAS,QAAQ;CAC3D;CAEA,OACE,qBAAC,KAAD;EAAK,IAAI;GAAE,SAAS;GAAQ,eAAe;GAAU,KAAK;EAAI;YAA9D;GACG,YAAY,oBAAC,OAAD,EAAO,OAAO,UAAY,CAAA,IAAI;GAC3C,oBAAC,KAAD;IACE,IAAI;KACF,OAAO;KACP,QAAQ;KACR,SAAS;KACT,YAAY;KACZ,gBAAgB;IAClB;cAEA,oBAAC,mBAAD,EAAmB,IAAI,EAAE,UAAU,GAAG,EAAI,CAAA;GACvC,CAAA;GACJ,UACC,oBAAC,YAAD;IACS;IACP,OAAO;IACP,aAAa;IACG;IACC;GAClB,CAAA,IACC;EACD;;AAET"}
+{"version":3,"file":"RouteTokens.js","names":[],"sources":["../../../../src/components/RouteCard/RouteTokens.tsx"],"sourcesContent":["import type { RouteExtended } from '@lifi/sdk'\nimport ArrowDownwardIcon from '@mui/icons-material/ArrowDownward'\nimport { Box } from '@mui/material'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { Token } from '../Token/Token.js'\nimport { RouteToken } from './RouteToken.js'\n\nexport const RouteTokens: React.FC<{\n  route: RouteExtended\n  showEssentials?: boolean\n  defaultExpanded?: boolean\n  fromSlot?: React.ReactNode\n}> = ({ route, showEssentials, defaultExpanded, fromSlot }) => {\n  const { mode } = useWidgetConfig()\n\n  const fromToken = {\n    ...route.steps[0].action.fromToken,\n    amount: BigInt(route.steps[0].action.fromAmount),\n  }\n\n  const lastStepIndex = route.steps.length - 1\n  const toToken = {\n    ...(route.steps[lastStepIndex].execution?.toToken ??\n      route.steps[lastStepIndex].action.toToken),\n    amount: route.steps[lastStepIndex].execution?.toAmount\n      ? BigInt(route.steps[lastStepIndex].execution.toAmount)\n      : mode === 'custom'\n        ? BigInt(route.toAmount)\n        : BigInt(route.steps[lastStepIndex].estimate.toAmount),\n  }\n\n  return (\n    <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1.5 }}>\n      {fromSlot ?? (fromToken ? <Token token={fromToken} /> : null)}\n      <Box\n        sx={{\n          width: 40,\n          height: 20,\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n        }}\n      >\n        <ArrowDownwardIcon sx={{ fontSize: 16 }} />\n      </Box>\n      {toToken ? (\n        <RouteToken\n          route={route}\n          token={toToken}\n          impactToken={fromToken}\n          showEssentials={showEssentials}\n          defaultExpanded={defaultExpanded}\n        />\n      ) : null}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;AAOA,MAAa,eAKP,EAAE,OAAO,gBAAgB,iBAAiB,eAAe;CAC7D,MAAM,EAAE,SAAS,gBAAgB;CAEjC,MAAM,YAAY;EAChB,GAAG,MAAM,MAAM,EAAE,CAAC,OAAO;EACzB,QAAQ,OAAO,MAAM,MAAM,EAAE,CAAC,OAAO,UAAU;CACjD;CAEA,MAAM,gBAAgB,MAAM,MAAM,SAAS;CAC3C,MAAM,UAAU;EACd,GAAI,MAAM,MAAM,cAAc,CAAC,WAAW,WACxC,MAAM,MAAM,cAAc,CAAC,OAAO;EACpC,QAAQ,MAAM,MAAM,cAAc,CAAC,WAAW,WAC1C,OAAO,MAAM,MAAM,cAAc,CAAC,UAAU,QAAQ,IACpD,SAAS,WACP,OAAO,MAAM,QAAQ,IACrB,OAAO,MAAM,MAAM,cAAc,CAAC,SAAS,QAAQ;CAC3D;CAEA,OACE,qBAAC,KAAD;EAAK,IAAI;GAAE,SAAS;GAAQ,eAAe;GAAU,KAAK;EAAI;YAA9D;GACG,aAAa,YAAY,oBAAC,OAAD,EAAO,OAAO,UAAY,CAAA,IAAI;GACxD,oBAAC,KAAD;IACE,IAAI;KACF,OAAO;KACP,QAAQ;KACR,SAAS;KACT,YAAY;KACZ,gBAAgB;IAClB;cAEA,oBAAC,mBAAD,EAAmB,IAAI,EAAE,UAAU,GAAG,EAAI,CAAA;GACvC,CAAA;GACJ,UACC,oBAAC,YAAD;IACS;IACP,OAAO;IACP,aAAa;IACG;IACC;GAClB,CAAA,IACC;EACD;;AAET"}

package/dist/esm/components/RouteCard/types.d.ts

@@ -0,0 +1,14 @@
+import { Route, RouteExtended } from "@lifi/sdk";
+//#region src/components/RouteCard/types.d.ts
+interface RouteCardProps {
+  route: Route;
+  variant?: "default" | "cardless";
+  active?: boolean;
+  expanded?: boolean;
+}
+interface RouteCardSkeletonProps {
+  variant?: "default" | "cardless";
+}
+//#endregion
+export { RouteCardProps, RouteCardSkeletonProps };
+//# sourceMappingURL=types.d.ts.map

package/dist/esm/components/RouteCard/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/components/RouteCard/types.ts"],"mappings":";;UAEiB;EACf,OAAO;EACP;EACA;EACA;;UAOe;EACf"}

package/dist/esm/components/Search/SearchInput.d.ts

@@ -0,0 +1,17 @@
+import { ChangeEventHandler, FocusEventHandler, JSX, RefObject } from "react";
+//#region src/components/Search/SearchInput.d.ts
+interface SearchInputProps {
+  inputRef?: RefObject<HTMLInputElement | null>;
+  name?: string;
+  value?: string;
+  placeholder?: string;
+  onChange?: ChangeEventHandler<HTMLInputElement>;
+  onBlur?: FocusEventHandler<HTMLInputElement>;
+  onClear?: () => void;
+  autoFocus?: boolean;
+  size?: "small" | "medium";
+}
+declare const SearchInput: ({ inputRef, name, placeholder, onChange, onBlur, onClear, value, autoFocus, size }: SearchInputProps) => JSX.Element;
+//#endregion
+export { SearchInput };
+//# sourceMappingURL=SearchInput.d.ts.map

package/dist/esm/components/Search/SearchInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.d.ts","names":[],"sources":["../../../../src/components/Search/SearchInput.tsx"],"mappings":";;UAYU;EACR,WAAW,UAAU;EACrB;EACA;EACA;EACA,WAAW,mBAAmB;EAC9B,SAAS,kBAAkB;EAC3B;EACA;EACA;;cAGW,gBACX,UACA,MACA,aACA,UACA,QACA,SACA,OACA,WACA,QACC,qBAAmB,IAAI"}

package/dist/esm/components/SendToWallet/SendToWalletButton.d.ts

@@ -0,0 +1,10 @@
+import { CardProps } from "../Card/Card.js";
+//#region src/components/SendToWallet/SendToWalletButton.d.ts
+declare const SendToWalletButton: React.FC<CardProps & {
+  onEditAddress?: (() => void) | null;
+  onClearAddress?: () => void;
+  requireAddress?: boolean;
+}>;
+//#endregion
+export { SendToWalletButton };
+//# sourceMappingURL=SendToWalletButton.d.ts.map

package/dist/esm/components/SendToWallet/SendToWalletButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SendToWalletButton.d.ts","names":[],"sources":["../../../../src/components/SendToWallet/SendToWalletButton.tsx"],"mappings":";;cA6Ba,oBAAoB,MAAM,GACrC;EACE;EACA;EAIA"}

package/dist/esm/components/SendToWallet/SendToWalletButton.js

@@ -22,7 +22,7 @@ import { useAccount } from "@lifi/wallet-management";
 import CloseRounded from "@mui/icons-material/CloseRounded";
 import WarningRounded from "@mui/icons-material/WarningRounded";
 //#region src/components/SendToWallet/SendToWalletButton.tsx
-const SendToWalletButton = (props) => {
+const SendToWalletButton = ({ onEditAddress, onClearAddress, requireAddress, ...props }) => {
 	const { t } = useTranslation();
 	const navigate = useNavigate();
 	const { disabledUI, hiddenUI, toAddress, toAddresses, mode, modeOptions } = useWidgetConfig();
@@ -44,12 +44,20 @@ const SendToWalletButton = (props) => {
 	const bookmarkName = selectedBookmark?.name;
 	const headerTitle = isConnectedAccount ? connectedAccountName || address : bookmarkName || connectedAccountName || address;
 	const headerSubheader = isConnectedAccount || bookmarkName || connectedAccountName ? address : null;
-	const disabledForChanges = Boolean(toAddressFieldValue) && disabledToAddress;
+	const readOnly = onEditAddress === null || Boolean(toAddressFieldValue) && disabledToAddress;
 	const handleOnClick = () => {
+		if (onEditAddress !== void 0) {
+			onEditAddress?.();
+			return;
+		}
 		navigate({ to: toAddresses?.length ? navigationRoutes.configuredWallets : navigationRoutes.sendToWallet });
 	};
 	const clearSelectedBookmark = (e) => {
 		e.stopPropagation();
+		if (onClearAddress) {
+			onClearAddress();
+			return;
+		}
 		setFieldValue("toAddress", "", { isTouched: true });
 		setSelectedBookmark();
 	};
@@ -60,7 +68,8 @@ const SendToWalletButton = (props) => {
 		}, 0);
 		return () => clearTimeout(timeout);
 	}, []);
-	const isOpenCollapse = !hiddenToAddress && (requiredToAddress || !!toAddressFieldValue);
+	const addressRequired = requireAddress || requiredToAddress;
+	const isOpenCollapse = !hiddenToAddress && (addressRequired || !!toAddressFieldValue);
 	const title = mode === "custom" && modeOptions?.custom?.type === "deposit" ? t("header.depositTo") : t("header.sendToWallet");
 	return /* @__PURE__ */ jsx(Collapse, {
 		timeout: collapseTransitionTime.current,
@@ -69,7 +78,7 @@ const SendToWalletButton = (props) => {
 		unmountOnExit: true,
 		children: /* @__PURE__ */ jsxs(Card$1, {
 			role: "button",
-			onClick: disabledForChanges ? void 0 : handleOnClick,
+			onClick: readOnly ? void 0 : handleOnClick,
 			sx: {
 				width: "100%",
 				...props.sx
@@ -77,7 +86,7 @@ const SendToWalletButton = (props) => {
 			children: [/* @__PURE__ */ jsxs(SendToWalletCardTitleRow, { children: [/* @__PURE__ */ jsx(CardTitle, {
 				sx: { p: 0 },
 				children: title
-			}), requiredToAddress && !toAddressFieldValue ? /* @__PURE__ */ jsxs(SendToWalletRequiredLabel, {
+			}), addressRequired && !toAddressFieldValue ? /* @__PURE__ */ jsxs(SendToWalletRequiredLabel, {
 				variant: "warning",
 				children: [/* @__PURE__ */ jsx(WarningRounded, { sx: { fontSize: 14 } }), /* @__PURE__ */ jsx(SendToWalletRequiredLabelText, {
 					type: "icon",
@@ -99,7 +108,7 @@ const SendToWalletButton = (props) => {
 					title: headerTitle,
 					subheader: headerSubheader,
 					selected: !!toAddressFieldValue || disabledToAddress,
-					action: toAddressFieldValue && !disabledForChanges ? /* @__PURE__ */ jsx(CardIconButton, {
+					action: toAddressFieldValue && !readOnly ? /* @__PURE__ */ jsx(CardIconButton, {
 						onClick: clearSelectedBookmark,
 						size: "small",
 						children: /* @__PURE__ */ jsx(CloseRounded, { fontSize: "inherit" })

package/dist/esm/components/SendToWallet/SendToWalletButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SendToWalletButton.js","names":["Card"],"sources":["../../../../src/components/SendToWallet/SendToWalletButton.tsx"],"sourcesContent":["import { useAccount } from '@lifi/wallet-management'\nimport { useChainTypeFromAddress } from '@lifi/widget-provider'\nimport CloseRounded from '@mui/icons-material/CloseRounded'\nimport WarningRounded from '@mui/icons-material/WarningRounded'\nimport { Box, Collapse } from '@mui/material'\nimport { useNavigate } from '@tanstack/react-router'\nimport { type MouseEventHandler, useEffect, useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js'\nimport { useBookmarks } from '../../stores/bookmarks/useBookmarks.js'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport { useFieldValues } from '../../stores/form/useFieldValues.js'\nimport { defaultChainIdsByType } from '../../utils/chainType.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { shortenAddress } from '../../utils/wallet.js'\nimport { AccountAvatar } from '../Avatar/AccountAvatar.js'\nimport type { CardProps } from '../Card/Card.js'\nimport { Card } from '../Card/Card.js'\nimport { CardIconButton } from '../Card/CardIconButton.js'\nimport { CardTitle } from '../Card/CardTitle.js'\nimport {\n  SendToWalletCardHeader,\n  SendToWalletCardTitleRow,\n  SendToWalletRequiredLabel,\n  SendToWalletRequiredLabelText,\n} from './SendToWalletButton.style.js'\n\nexport const SendToWalletButton: React.FC<CardProps> = (props) => {\n  const { t } = useTranslation()\n  const navigate = useNavigate()\n  const { disabledUI, hiddenUI, toAddress, toAddresses, mode, modeOptions } =\n    useWidgetConfig()\n  const [toAddressFieldValue, toChainId, toTokenAddress] = useFieldValues(\n    'toAddress',\n    'toChain',\n    'toToken'\n  )\n  const { setFieldValue } = useFieldActions()\n  const { selectedBookmark } = useBookmarks()\n  const { setSelectedBookmark } = useBookmarkActions()\n  const { accounts } = useAccount()\n  const { getChainTypeFromAddress } = useChainTypeFromAddress()\n  const { requiredToAddress } = useToAddressRequirements()\n  const disabledToAddress = disabledUI?.toAddress\n  const hiddenToAddress = hiddenUI?.toAddress\n\n  const address = toAddressFieldValue\n    ? shortenAddress(toAddressFieldValue)\n    : t('sendToWallet.enterAddress', {\n        context: 'short',\n      })\n\n  const matchingConnectedAccount = accounts.find(\n    (account) => account.address === toAddressFieldValue\n  )\n\n  const chainType = !matchingConnectedAccount\n    ? selectedBookmark?.chainType ||\n      (toAddressFieldValue\n        ? getChainTypeFromAddress(toAddressFieldValue)\n        : undefined)\n    : undefined\n\n  const chainId =\n    toChainId && toTokenAddress\n      ? toChainId\n      : matchingConnectedAccount\n        ? matchingConnectedAccount.chainId\n        : chainType\n          ? defaultChainIdsByType[chainType]\n          : undefined\n\n  const isConnectedAccount =\n    selectedBookmark?.isConnectedAccount &&\n    matchingConnectedAccount?.isConnected\n  const connectedAccountName = matchingConnectedAccount?.connector?.name\n  const bookmarkName = selectedBookmark?.name\n\n  const headerTitle = isConnectedAccount\n    ? connectedAccountName || address\n    : bookmarkName || connectedAccountName || address\n\n  const headerSubheader =\n    isConnectedAccount || bookmarkName || connectedAccountName ? address : null\n\n  const disabledForChanges = Boolean(toAddressFieldValue) && disabledToAddress\n\n  const handleOnClick = () => {\n    navigate({\n      to: toAddresses?.length\n        ? navigationRoutes.configuredWallets\n        : navigationRoutes.sendToWallet,\n    })\n  }\n\n  const clearSelectedBookmark: MouseEventHandler<HTMLButtonElement> = (e) => {\n    e.stopPropagation()\n    setFieldValue('toAddress', '', { isTouched: true })\n    setSelectedBookmark()\n  }\n\n  // The collapse opens instantly on first page load/component mount when there is an address to display\n  // After which it needs an animated transition for open and closing.\n  // collapseTransitionTime is used specify the transition time for opening and closing\n  const collapseTransitionTime = useRef(0)\n\n  // Timeout is needed here to push the collapseTransitionTime update to the back of the event loop so that it doesn't fired too quickly\n  useEffect(() => {\n    const timeout = setTimeout(() => {\n      collapseTransitionTime.current = 225\n    }, 0)\n    return () => clearTimeout(timeout)\n  }, [])\n\n  const isOpenCollapse =\n    !hiddenToAddress && (requiredToAddress || !!toAddressFieldValue)\n\n  const title =\n    mode === 'custom' && modeOptions?.custom?.type === 'deposit'\n      ? t('header.depositTo')\n      : t('header.sendToWallet')\n\n  return (\n    <Collapse\n      timeout={collapseTransitionTime.current as number}\n      in={isOpenCollapse}\n      mountOnEnter\n      unmountOnExit\n    >\n      <Card\n        role=\"button\"\n        onClick={disabledForChanges ? undefined : handleOnClick}\n        sx={{ width: '100%', ...props.sx }}\n      >\n        <SendToWalletCardTitleRow>\n          <CardTitle sx={{ p: 0 }}>{title}</CardTitle>\n          {requiredToAddress && !toAddressFieldValue ? (\n            <SendToWalletRequiredLabel variant=\"warning\">\n              <WarningRounded sx={{ fontSize: 14 }} />\n              <SendToWalletRequiredLabelText type=\"icon\">\n                {t('sendToWallet.required')}\n              </SendToWalletRequiredLabelText>\n            </SendToWalletRequiredLabel>\n          ) : null}\n        </SendToWalletCardTitleRow>\n        <Box\n          sx={{\n            display: 'flex',\n            justifyContent: 'center',\n            alignItems: 'center',\n          }}\n        >\n          <SendToWalletCardHeader\n            avatar={\n              <AccountAvatar\n                chainId={chainId}\n                account={matchingConnectedAccount}\n                toAddress={toAddress}\n                empty={!toAddressFieldValue}\n              />\n            }\n            title={headerTitle}\n            subheader={headerSubheader}\n            selected={!!toAddressFieldValue || disabledToAddress}\n            action={\n              toAddressFieldValue && !disabledForChanges ? (\n                <CardIconButton onClick={clearSelectedBookmark} size=\"small\">\n                  <CloseRounded fontSize=\"inherit\" />\n                </CardIconButton>\n              ) : null\n            }\n          />\n        </Box>\n      </Card>\n    </Collapse>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"SendToWalletButton.js","names":["Card"],"sources":["../../../../src/components/SendToWallet/SendToWalletButton.tsx"],"sourcesContent":["import { useAccount } from '@lifi/wallet-management'\nimport { useChainTypeFromAddress } from '@lifi/widget-provider'\nimport CloseRounded from '@mui/icons-material/CloseRounded'\nimport WarningRounded from '@mui/icons-material/WarningRounded'\nimport { Box, Collapse } from '@mui/material'\nimport { useNavigate } from '@tanstack/react-router'\nimport { type MouseEventHandler, useEffect, useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js'\nimport { useBookmarks } from '../../stores/bookmarks/useBookmarks.js'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport { useFieldValues } from '../../stores/form/useFieldValues.js'\nimport { defaultChainIdsByType } from '../../utils/chainType.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { shortenAddress } from '../../utils/wallet.js'\nimport { AccountAvatar } from '../Avatar/AccountAvatar.js'\nimport type { CardProps } from '../Card/Card.js'\nimport { Card } from '../Card/Card.js'\nimport { CardIconButton } from '../Card/CardIconButton.js'\nimport { CardTitle } from '../Card/CardTitle.js'\nimport {\n  SendToWalletCardHeader,\n  SendToWalletCardTitleRow,\n  SendToWalletRequiredLabel,\n  SendToWalletRequiredLabelText,\n} from './SendToWalletButton.style.js'\n\nexport const SendToWalletButton: React.FC<\n  CardProps & {\n    onEditAddress?: (() => void) | null\n    onClearAddress?: () => void\n    // Keep the card visible (and flag it required when empty) even when the\n    // widget's own toAddress requirement is off, e.g. a user-settable checkout\n    // recipient that must be filled before continuing.\n    requireAddress?: boolean\n  }\n> = ({ onEditAddress, onClearAddress, requireAddress, ...props }) => {\n  const { t } = useTranslation()\n  const navigate = useNavigate()\n  const { disabledUI, hiddenUI, toAddress, toAddresses, mode, modeOptions } =\n    useWidgetConfig()\n  const [toAddressFieldValue, toChainId, toTokenAddress] = useFieldValues(\n    'toAddress',\n    'toChain',\n    'toToken'\n  )\n  const { setFieldValue } = useFieldActions()\n  const { selectedBookmark } = useBookmarks()\n  const { setSelectedBookmark } = useBookmarkActions()\n  const { accounts } = useAccount()\n  const { getChainTypeFromAddress } = useChainTypeFromAddress()\n  const { requiredToAddress } = useToAddressRequirements()\n  const disabledToAddress = disabledUI?.toAddress\n  const hiddenToAddress = hiddenUI?.toAddress\n\n  const address = toAddressFieldValue\n    ? shortenAddress(toAddressFieldValue)\n    : t('sendToWallet.enterAddress', {\n        context: 'short',\n      })\n\n  const matchingConnectedAccount = accounts.find(\n    (account) => account.address === toAddressFieldValue\n  )\n\n  const chainType = !matchingConnectedAccount\n    ? selectedBookmark?.chainType ||\n      (toAddressFieldValue\n        ? getChainTypeFromAddress(toAddressFieldValue)\n        : undefined)\n    : undefined\n\n  const chainId =\n    toChainId && toTokenAddress\n      ? toChainId\n      : matchingConnectedAccount\n        ? matchingConnectedAccount.chainId\n        : chainType\n          ? defaultChainIdsByType[chainType]\n          : undefined\n\n  const isConnectedAccount =\n    selectedBookmark?.isConnectedAccount &&\n    matchingConnectedAccount?.isConnected\n  const connectedAccountName = matchingConnectedAccount?.connector?.name\n  const bookmarkName = selectedBookmark?.name\n\n  const headerTitle = isConnectedAccount\n    ? connectedAccountName || address\n    : bookmarkName || connectedAccountName || address\n\n  const headerSubheader =\n    isConnectedAccount || bookmarkName || connectedAccountName ? address : null\n\n  const disabledForChanges = Boolean(toAddressFieldValue) && disabledToAddress\n\n  // `onEditAddress === null` renders the card read-only (consumer-controlled,\n  // e.g. a fixed checkout recipient); a function overrides the default route nav.\n  const readOnly = onEditAddress === null || disabledForChanges\n\n  const handleOnClick = () => {\n    if (onEditAddress !== undefined) {\n      onEditAddress?.()\n      return\n    }\n    navigate({\n      to: toAddresses?.length\n        ? navigationRoutes.configuredWallets\n        : navigationRoutes.sendToWallet,\n    })\n  }\n\n  const clearSelectedBookmark: MouseEventHandler<HTMLButtonElement> = (e) => {\n    e.stopPropagation()\n    if (onClearAddress) {\n      onClearAddress()\n      return\n    }\n    setFieldValue('toAddress', '', { isTouched: true })\n    setSelectedBookmark()\n  }\n\n  // The collapse opens instantly on first page load/component mount when there is an address to display\n  // After which it needs an animated transition for open and closing.\n  // collapseTransitionTime is used specify the transition time for opening and closing\n  const collapseTransitionTime = useRef(0)\n\n  // Timeout is needed here to push the collapseTransitionTime update to the back of the event loop so that it doesn't fired too quickly\n  useEffect(() => {\n    const timeout = setTimeout(() => {\n      collapseTransitionTime.current = 225\n    }, 0)\n    return () => clearTimeout(timeout)\n  }, [])\n\n  const addressRequired = requireAddress || requiredToAddress\n  const isOpenCollapse =\n    !hiddenToAddress && (addressRequired || !!toAddressFieldValue)\n\n  const title =\n    mode === 'custom' && modeOptions?.custom?.type === 'deposit'\n      ? t('header.depositTo')\n      : t('header.sendToWallet')\n\n  return (\n    <Collapse\n      timeout={collapseTransitionTime.current as number}\n      in={isOpenCollapse}\n      mountOnEnter\n      unmountOnExit\n    >\n      <Card\n        role=\"button\"\n        onClick={readOnly ? undefined : handleOnClick}\n        sx={{ width: '100%', ...props.sx }}\n      >\n        <SendToWalletCardTitleRow>\n          <CardTitle sx={{ p: 0 }}>{title}</CardTitle>\n          {addressRequired && !toAddressFieldValue ? (\n            <SendToWalletRequiredLabel variant=\"warning\">\n              <WarningRounded sx={{ fontSize: 14 }} />\n              <SendToWalletRequiredLabelText type=\"icon\">\n                {t('sendToWallet.required')}\n              </SendToWalletRequiredLabelText>\n            </SendToWalletRequiredLabel>\n          ) : null}\n        </SendToWalletCardTitleRow>\n        <Box\n          sx={{\n            display: 'flex',\n            justifyContent: 'center',\n            alignItems: 'center',\n          }}\n        >\n          <SendToWalletCardHeader\n            avatar={\n              <AccountAvatar\n                chainId={chainId}\n                account={matchingConnectedAccount}\n                toAddress={toAddress}\n                empty={!toAddressFieldValue}\n              />\n            }\n            title={headerTitle}\n            subheader={headerSubheader}\n            selected={!!toAddressFieldValue || disabledToAddress}\n            action={\n              toAddressFieldValue && !readOnly ? (\n                <CardIconButton onClick={clearSelectedBookmark} size=\"small\">\n                  <CloseRounded fontSize=\"inherit\" />\n                </CardIconButton>\n              ) : null\n            }\n          />\n        </Box>\n      </Card>\n    </Collapse>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA6BA,MAAa,sBASR,EAAE,eAAe,gBAAgB,gBAAgB,GAAG,YAAY;CACnE,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,WAAW,YAAY;CAC7B,MAAM,EAAE,YAAY,UAAU,WAAW,aAAa,MAAM,gBAC1D,gBAAgB;CAClB,MAAM,CAAC,qBAAqB,WAAW,kBAAkB,eACvD,aACA,WACA,SACF;CACA,MAAM,EAAE,kBAAkB,gBAAgB;CAC1C,MAAM,EAAE,qBAAqB,aAAa;CAC1C,MAAM,EAAE,wBAAwB,mBAAmB;CACnD,MAAM,EAAE,aAAa,WAAW;CAChC,MAAM,EAAE,4BAA4B,wBAAwB;CAC5D,MAAM,EAAE,sBAAsB,yBAAyB;CACvD,MAAM,oBAAoB,YAAY;CACtC,MAAM,kBAAkB,UAAU;CAElC,MAAM,UAAU,sBACZ,eAAe,mBAAmB,IAClC,EAAE,6BAA6B,EAC7B,SAAS,QACX,CAAC;CAEL,MAAM,2BAA2B,SAAS,MACvC,YAAY,QAAQ,YAAY,mBACnC;CAEA,MAAM,YAAY,CAAC,2BACf,kBAAkB,cACjB,sBACG,wBAAwB,mBAAmB,IAC3C,KAAA,KACJ,KAAA;CAEJ,MAAM,UACJ,aAAa,iBACT,YACA,2BACE,yBAAyB,UACzB,YACE,sBAAsB,aACtB,KAAA;CAEV,MAAM,qBACJ,kBAAkB,sBAClB,0BAA0B;CAC5B,MAAM,uBAAuB,0BAA0B,WAAW;CAClE,MAAM,eAAe,kBAAkB;CAEvC,MAAM,cAAc,qBAChB,wBAAwB,UACxB,gBAAgB,wBAAwB;CAE5C,MAAM,kBACJ,sBAAsB,gBAAgB,uBAAuB,UAAU;CAMzE,MAAM,WAAW,kBAAkB,QAJR,QAAQ,mBAAmB,KAAK;CAM3D,MAAM,sBAAsB;EAC1B,IAAI,kBAAkB,KAAA,GAAW;GAC/B,gBAAgB;GAChB;EACF;EACA,SAAS,EACP,IAAI,aAAa,SACb,iBAAiB,oBACjB,iBAAiB,aACvB,CAAC;CACH;CAEA,MAAM,yBAA+D,MAAM;EACzE,EAAE,gBAAgB;EAClB,IAAI,gBAAgB;GAClB,eAAe;GACf;EACF;EACA,cAAc,aAAa,IAAI,EAAE,WAAW,KAAK,CAAC;EAClD,oBAAoB;CACtB;CAKA,MAAM,yBAAyB,OAAO,CAAC;CAGvC,gBAAgB;EACd,MAAM,UAAU,iBAAiB;GAC/B,uBAAuB,UAAU;EACnC,GAAG,CAAC;EACJ,aAAa,aAAa,OAAO;CACnC,GAAG,CAAC,CAAC;CAEL,MAAM,kBAAkB,kBAAkB;CAC1C,MAAM,iBACJ,CAAC,oBAAoB,mBAAmB,CAAC,CAAC;CAE5C,MAAM,QACJ,SAAS,YAAY,aAAa,QAAQ,SAAS,YAC/C,EAAE,kBAAkB,IACpB,EAAE,qBAAqB;CAE7B,OACE,oBAAC,UAAD;EACE,SAAS,uBAAuB;EAChC,IAAI;EACJ,cAAA;EACA,eAAA;YAEA,qBAACA,QAAD;GACE,MAAK;GACL,SAAS,WAAW,KAAA,IAAY;GAChC,IAAI;IAAE,OAAO;IAAQ,GAAG,MAAM;GAAG;aAHnC,CAKE,qBAAC,0BAAD,EAAA,UAAA,CACE,oBAAC,WAAD;IAAW,IAAI,EAAE,GAAG,EAAE;cAAI;GAAiB,CAAA,GAC1C,mBAAmB,CAAC,sBACnB,qBAAC,2BAAD;IAA2B,SAAQ;cAAnC,CACE,oBAAC,gBAAD,EAAgB,IAAI,EAAE,UAAU,GAAG,EAAI,CAAA,GACvC,oBAAC,+BAAD;KAA+B,MAAK;eACjC,EAAE,uBAAuB;IACG,CAAA,CACN;QACzB,IACoB,EAAA,CAAA,GAC1B,oBAAC,KAAD;IACE,IAAI;KACF,SAAS;KACT,gBAAgB;KAChB,YAAY;IACd;cAEA,oBAAC,wBAAD;KACE,QACE,oBAAC,eAAD;MACW;MACT,SAAS;MACE;MACX,OAAO,CAAC;KACT,CAAA;KAEH,OAAO;KACP,WAAW;KACX,UAAU,CAAC,CAAC,uBAAuB;KACnC,QACE,uBAAuB,CAAC,WACtB,oBAAC,gBAAD;MAAgB,SAAS;MAAuB,MAAK;gBACnD,oBAAC,cAAD,EAAc,UAAS,UAAW,CAAA;KACpB,CAAA,IACd;IAEP,CAAA;GACE,CAAA,CACD;;CACE,CAAA;AAEd"}

package/dist/esm/components/Skeleton/WidgetSkeleton.d.ts

@@ -1,10 +1,7 @@
 import { WidgetConfigPartialProps } from "../../types/widget.js";
 import { JSX } from "react";
-
 //#region src/components/Skeleton/WidgetSkeleton.d.ts
-declare const WidgetSkeleton: ({
-  config
-}: WidgetConfigPartialProps) => JSX.Element;
+declare const WidgetSkeleton: ({ config }: WidgetConfigPartialProps) => JSX.Element;
 //#endregion
 export { WidgetSkeleton };
 //# sourceMappingURL=WidgetSkeleton.d.ts.map

package/dist/esm/components/Skeleton/WidgetSkeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetSkeleton.d.ts","names":[],"sources":["../../../../src/components/Skeleton/WidgetSkeleton.tsx"],"mappings":";;;;cAkEa,cAAA;EACX;AAAA,GACC,wBAAA,KAA2B,GAAA,CAAI,OAAA"}
+{"version":3,"file":"WidgetSkeleton.d.ts","names":[],"sources":["../../../../src/components/Skeleton/WidgetSkeleton.tsx"],"mappings":";;;cAkEa,mBACX,UACC,6BAA2B,IAAI"}

package/dist/esm/components/StepActions/SentToWalletRow.d.ts

@@ -0,0 +1,9 @@
+//#region src/components/StepActions/SentToWalletRow.d.ts
+interface SentToWalletRowProps {
+  toAddress: string;
+  toChainId: number;
+}
+declare const SentToWalletRow: React.FC<SentToWalletRowProps>;
+//#endregion
+export { SentToWalletRow };
+//# sourceMappingURL=SentToWalletRow.d.ts.map

package/dist/esm/components/StepActions/SentToWalletRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SentToWalletRow.d.ts","names":[],"sources":["../../../../src/components/StepActions/SentToWalletRow.tsx"],"mappings":";UAWU;EACR;EACA;;cAGW,iBAAiB,MAAM,GAAG"}

package/dist/esm/components/StepActions/StepActionRow.style.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { Link } from "@mui/material";
+//#region src/components/StepActions/StepActionRow.style.d.ts
+declare const ExternalLink: React.FC<React.ComponentProps<typeof Link>>;
+//#endregion
+export { ExternalLink };
+//# sourceMappingURL=StepActionRow.style.d.ts.map

package/dist/esm/components/StepActions/StepActionRow.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepActionRow.style.d.ts","names":[],"sources":["../../../../src/components/StepActions/StepActionRow.style.tsx"],"mappings":";;;cAGa,cAAc,MAAM,GAAG,MAAM,sBAAsB"}

package/dist/esm/components/StepActions/StepActionsList.d.ts

@@ -0,0 +1,12 @@
+import { RouteExtended } from "@lifi/sdk";
+import React from "react";
+//#region src/components/StepActions/StepActionsList.d.ts
+interface StepActionsListProps {
+  route: RouteExtended;
+  toAddress?: string;
+}
+/** Non-animated list of completed execution step rows (transaction details view). */
+declare const StepActionsList: React.FC<StepActionsListProps>;
+//#endregion
+export { StepActionsList };
+//# sourceMappingURL=StepActionsList.d.ts.map

package/dist/esm/components/StepActions/StepActionsList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepActionsList.d.ts","names":[],"sources":["../../../../src/components/StepActions/StepActionsList.tsx"],"mappings":";;;UAMU;EACR,OAAO;EACP;;;cAIW,iBAAiB,MAAM,GAAG"}

package/dist/esm/components/StepActions/executionRows.d.ts

@@ -0,0 +1,26 @@
+import { ExecutionAction, LiFiStepExtended, RouteExtended } from "@lifi/sdk";
+import { ReactNode } from "react";
+//#region src/components/StepActions/executionRows.d.ts
+/**
+ * A row in an execution list: either a completed/failed action with an explorer
+ * link, or the recipient wallet row appended when a route has a `toAddress`.
+ */
+type ExecutionRow = {
+  kind: "action";
+  step: LiFiStepExtended;
+  action: ExecutionAction;
+  href: string;
+} | {
+  kind: "wallet";
+  toAddress: string;
+  toChainId: number;
+};
+/**
+ * The rows to display for a route: every `DONE`/`FAILED` action that has a
+ * transaction link, plus a wallet row when `toAddress` is set. Shared by the
+ * static step lists and the animated checklist.
+ */
+declare function useExecutionRows(route: RouteExtended, toAddress?: string): ExecutionRow[];
+//#endregion
+export { ExecutionRow, useExecutionRows };
+//# sourceMappingURL=executionRows.d.ts.map

package/dist/esm/components/StepActions/executionRows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"executionRows.d.ts","names":[],"sources":["../../../../src/components/StepActions/executionRows.tsx"],"mappings":";;;;;;;KAgBY;EAEN;EACA,MAAM;EACN,QAAQ;EACR;;EAEA;EAAgB;EAAmB;;;;;;;iBAOzB,iBACd,OAAO,eACP,qBACC"}

package/dist/esm/components/Token/Token.d.ts

@@ -0,0 +1,17 @@
+import { LiFiStep, TokenAmount } from "@lifi/sdk";
+import { FC } from "react";
+import { BoxProps } from "@mui/material";
+//#region src/components/Token/Token.d.ts
+interface TokenProps {
+  token: TokenAmount;
+  impactToken?: TokenAmount;
+  enableImpactTokenTooltip?: boolean;
+  step?: LiFiStep;
+  stepVisible?: boolean;
+  disableDescription?: boolean;
+  isLoading?: boolean;
+}
+declare const Token$1: FC<TokenProps & BoxProps>;
+//#endregion
+export { Token$1 as Token };
+//# sourceMappingURL=Token.d.ts.map

package/dist/esm/components/Token/Token.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Token.d.ts","names":[],"sources":["../../../../src/components/Token/Token.tsx"],"mappings":";;;;UAeU;EACR,OAAO;EACP,cAAc;EACd;EACA,OAAO;EACP;EACA;EACA;;cAGW,SAAO,GAAG,aAAa"}

package/dist/esm/components/TokenList/TokenNotFound.d.ts

@@ -0,0 +1,6 @@
+import { FormTypeProps } from "../../stores/form/types.js";
+//#region src/components/TokenList/TokenNotFound.d.ts
+declare const TokenNotFound: React.FC<FormTypeProps>;
+//#endregion
+export { TokenNotFound };
+//# sourceMappingURL=TokenNotFound.d.ts.map

package/dist/esm/components/TokenList/TokenNotFound.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenNotFound.d.ts","names":[],"sources":["../../../../src/components/TokenList/TokenNotFound.tsx"],"mappings":";;cAIa,eAAe,MAAM,GAAG"}

package/dist/esm/components/TokenList/VirtualizedTokenList.d.ts

@@ -0,0 +1,7 @@
+import { VirtualizedTokenListProps } from "./types.js";
+import { FC } from "react";
+//#region src/components/TokenList/VirtualizedTokenList.d.ts
+declare const VirtualizedTokenList: FC<VirtualizedTokenListProps>;
+//#endregion
+export { VirtualizedTokenList };
+//# sourceMappingURL=VirtualizedTokenList.d.ts.map

package/dist/esm/components/TokenList/VirtualizedTokenList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualizedTokenList.d.ts","names":[],"sources":["../../../../src/components/TokenList/VirtualizedTokenList.tsx"],"mappings":";;;cAiBa,sBAAsB,GAAG"}

package/dist/esm/components/TokenList/types.d.ts

@@ -0,0 +1,20 @@
+import "../../stores/form/types.js";
+import { TokenAmount as TokenAmount$1 } from "../../types/token.js";
+import { ExtendedChain } from "@lifi/sdk";
+import { RefObject } from "react";
+//#region src/components/TokenList/types.d.ts
+interface VirtualizedTokenListProps {
+  tokens: TokenAmount$1[];
+  scrollElementRef: RefObject<HTMLElement | null>;
+  isLoading: boolean;
+  isBalanceLoading: boolean;
+  chainId?: number;
+  showCategories?: boolean;
+  showPinnedTokens?: boolean;
+  onClick(tokenAddress: string, chainId?: number): void;
+  selectedTokenAddress?: string;
+  isAllNetworks: boolean;
+}
+//#endregion
+export { VirtualizedTokenListProps };
+//# sourceMappingURL=types.d.ts.map

package/dist/esm/components/TokenList/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/components/TokenList/types.ts"],"mappings":";;;;;UAUiB;EACf,QAAQ;EACR,kBAAkB,UAAU;EAC5B;EACA;EACA;EACA;EACA;EACA,QAAQ,sBAAsB;EAC9B;EACA"}

package/dist/esm/components/TokenList/useTokenSelect.d.ts

@@ -0,0 +1,6 @@
+import { FormType } from "../../stores/form/types.js";
+//#region src/components/TokenList/useTokenSelect.d.ts
+declare const useTokenSelect: (formType: FormType, onClick?: () => void) => ((tokenAddress: string, chainId?: number) => void);
+//#endregion
+export { useTokenSelect };
+//# sourceMappingURL=useTokenSelect.d.ts.map

package/dist/esm/components/TokenList/useTokenSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTokenSelect.d.ts","names":[],"sources":["../../../../src/components/TokenList/useTokenSelect.ts"],"mappings":";;cAaa,iBACX,UAAU,UACV,2BACG,sBAAsB"}

package/dist/esm/components/TokenRate/TokenRate.d.ts

@@ -0,0 +1,10 @@
+import { RouteExtended } from "@lifi/sdk";
+import { TypographyProps } from "@mui/material";
+//#region src/components/TokenRate/TokenRate.d.ts
+interface TokenRateProps extends TypographyProps {
+  route: RouteExtended;
+}
+declare const TokenRate: React.FC<TokenRateProps>;
+//#endregion
+export { TokenRate };
+//# sourceMappingURL=TokenRate.d.ts.map

package/dist/esm/components/TokenRate/TokenRate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenRate.d.ts","names":[],"sources":["../../../../src/components/TokenRate/TokenRate.tsx"],"mappings":";;;UAOU,uBAAuB;EAC/B,OAAO;;cAaI,WAAW,MAAM,GAAG"}

package/dist/esm/components/TransactionCard/ActiveTransactionCard.js

@@ -1,4 +1,5 @@
 import { Card as Card$1 } from "../Card/Card.js";
+import "../../stores/routes/types.js";
 import { CircularProgressPending } from "../Timer/StepStatusTimer.style.js";
 import { useActionMessage } from "../../hooks/useActionMessage.js";
 import { getExpiryTimestamp } from "../../utils/timer.js";

package/dist/esm/components/TransactionCard/ActiveTransactionCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActiveTransactionCard.js","names":["Card"],"sources":["../../../../src/components/TransactionCard/ActiveTransactionCard.tsx"],"sourcesContent":["import type { RouteExtended } from '@lifi/sdk'\nimport DeleteOutline from '@mui/icons-material/DeleteOutlined'\nimport { Tooltip, Typography } from '@mui/material'\nimport type { JSX, MouseEvent } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useActionMessage } from '../../hooks/useActionMessage.js'\nimport { RouteExecutionStatus } from '../../stores/routes/types.js'\nimport { getExpiryTimestamp } from '../../utils/timer.js'\nimport { ActionRow } from '../ActionRow/ActionRow.js'\nimport { Card } from '../Card/Card.js'\nimport { IconCircle } from '../IconCircle/IconCircle.js'\nimport { RouteTokens } from '../RouteCard/RouteTokens.js'\nimport { ExecutionTimerText } from '../Timer/ExecutionTimerText.js'\nimport { CircularProgressPending } from '../Timer/StepStatusTimer.style.js'\nimport { DeleteButton, PendingCircle } from './ActiveTransactionCard.style.js'\n\ninterface ActiveTransactionCardProps {\n  route: RouteExtended\n  status?: RouteExecutionStatus\n  onClick: () => void\n  onDelete: (e: MouseEvent) => void\n}\n\nexport const ActiveTransactionCard = ({\n  route,\n  status,\n  onClick,\n  onDelete,\n}: ActiveTransactionCardProps): JSX.Element => {\n  const { t } = useTranslation()\n\n  const lastActiveStep = route.steps.findLast((step) => step.execution)\n  const lastActiveAction = lastActiveStep?.execution?.actions?.at(-1)\n  const { title } = useActionMessage(lastActiveStep, lastActiveAction)\n\n  const isFailed = status === RouteExecutionStatus.Failed\n\n  const statusIcon = (() => {\n    if (isFailed) {\n      return <IconCircle status=\"error\" size={24} />\n    }\n    if (\n      ['ACTION_REQUIRED', 'MESSAGE_REQUIRED', 'RESET_REQUIRED'].includes(\n        lastActiveAction?.status ?? ''\n      )\n    ) {\n      return <IconCircle status=\"info\" size={24} />\n    }\n    return (\n      <PendingCircle>\n        <CircularProgressPending size={24} sx={{ top: -2, left: -2 }} />\n      </PendingCircle>\n    )\n  })()\n\n  return (\n    <Card onClick={onClick} indented>\n      <ActionRow\n        sx={{ mb: 1.5 }}\n        startAdornment={statusIcon}\n        message={title ?? ''}\n        endAdornment={\n          isFailed ? (\n            <Tooltip title={t('button.clearTransaction')}>\n              <DeleteButton size=\"small\" onClick={onDelete}>\n                <DeleteOutline sx={{ fontSize: 16 }} />\n              </DeleteButton>\n            </Tooltip>\n          ) : lastActiveStep?.execution?.signedAt ? (\n            <Typography sx={{ fontSize: 12, fontWeight: 600 }}>\n              <ExecutionTimerText\n                expiryTimestamp={getExpiryTimestamp(lastActiveStep)}\n              />\n            </Typography>\n          ) : undefined\n        }\n      />\n      <RouteTokens route={route} />\n    </Card>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AAuBA,MAAa,yBAAyB,EACpC,OACA,QACA,SACA,eAC6C;CAC7C,MAAM,EAAE,MAAM,eAAe;CAE7B,MAAM,iBAAiB,MAAM,MAAM,UAAU,SAAS,KAAK,SAAS;CACpE,MAAM,mBAAmB,gBAAgB,WAAW,SAAS,GAAG,EAAE;CAClE,MAAM,EAAE,UAAU,iBAAiB,gBAAgB,gBAAgB;CAEnE,MAAM,WAAW,WAAA;CAoBjB,OACE,qBAACA,QAAD;EAAe;EAAS,UAAA;YAAxB,CACE,oBAAC,WAAD;GACE,IAAI,EAAE,IAAI,IAAI;GACd,uBAtBoB;IACxB,IAAI,UACF,OAAO,oBAAC,YAAD;KAAY,QAAO;KAAQ,MAAM;IAAK,CAAA;IAE/C,IACE;KAAC;KAAmB;KAAoB;IAAgB,CAAC,CAAC,SACxD,kBAAkB,UAAU,EAC9B,GAEA,OAAO,oBAAC,YAAD;KAAY,QAAO;KAAO,MAAM;IAAK,CAAA;IAE9C,OACE,oBAAC,eAAD,EAAA,UACE,oBAAC,yBAAD;KAAyB,MAAM;KAAI,IAAI;MAAE,KAAK;MAAI,MAAM;KAAG;IAAI,CAAA,EAClD,CAAA;GAEnB,EAAA,CAM+B;GACzB,SAAS,SAAS;GAClB,cACE,WACE,oBAAC,SAAD;IAAS,OAAO,EAAE,yBAAyB;cACzC,oBAAC,cAAD;KAAc,MAAK;KAAQ,SAAS;eAClC,oBAAC,eAAD,EAAe,IAAI,EAAE,UAAU,GAAG,EAAI,CAAA;IAC1B,CAAA;GACP,CAAA,IACP,gBAAgB,WAAW,WAC7B,oBAAC,YAAD;IAAY,IAAI;KAAE,UAAU;KAAI,YAAY;IAAI;cAC9C,oBAAC,oBAAD,EACE,iBAAiB,mBAAmB,cAAc,EACnD,CAAA;GACS,CAAA,IACV,KAAA;EAEP,CAAA,GACD,oBAAC,aAAD,EAAoB,MAAQ,CAAA,CACxB;;AAEV"}
+{"version":3,"file":"ActiveTransactionCard.js","names":["Card"],"sources":["../../../../src/components/TransactionCard/ActiveTransactionCard.tsx"],"sourcesContent":["import type { RouteExtended } from '@lifi/sdk'\nimport DeleteOutline from '@mui/icons-material/DeleteOutlined'\nimport { Tooltip, Typography } from '@mui/material'\nimport type { JSX, MouseEvent } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useActionMessage } from '../../hooks/useActionMessage.js'\nimport { RouteExecutionStatus } from '../../stores/routes/types.js'\nimport { getExpiryTimestamp } from '../../utils/timer.js'\nimport { ActionRow } from '../ActionRow/ActionRow.js'\nimport { Card } from '../Card/Card.js'\nimport { IconCircle } from '../IconCircle/IconCircle.js'\nimport { RouteTokens } from '../RouteCard/RouteTokens.js'\nimport { ExecutionTimerText } from '../Timer/ExecutionTimerText.js'\nimport { CircularProgressPending } from '../Timer/StepStatusTimer.style.js'\nimport { DeleteButton, PendingCircle } from './ActiveTransactionCard.style.js'\n\ninterface ActiveTransactionCardProps {\n  route: RouteExtended\n  status?: RouteExecutionStatus\n  onClick: () => void\n  onDelete: (e: MouseEvent) => void\n}\n\nexport const ActiveTransactionCard = ({\n  route,\n  status,\n  onClick,\n  onDelete,\n}: ActiveTransactionCardProps): JSX.Element => {\n  const { t } = useTranslation()\n\n  const lastActiveStep = route.steps.findLast((step) => step.execution)\n  const lastActiveAction = lastActiveStep?.execution?.actions?.at(-1)\n  const { title } = useActionMessage(lastActiveStep, lastActiveAction)\n\n  const isFailed = status === RouteExecutionStatus.Failed\n\n  const statusIcon = (() => {\n    if (isFailed) {\n      return <IconCircle status=\"error\" size={24} />\n    }\n    if (\n      ['ACTION_REQUIRED', 'MESSAGE_REQUIRED', 'RESET_REQUIRED'].includes(\n        lastActiveAction?.status ?? ''\n      )\n    ) {\n      return <IconCircle status=\"info\" size={24} />\n    }\n    return (\n      <PendingCircle>\n        <CircularProgressPending size={24} sx={{ top: -2, left: -2 }} />\n      </PendingCircle>\n    )\n  })()\n\n  return (\n    <Card onClick={onClick} indented>\n      <ActionRow\n        sx={{ mb: 1.5 }}\n        startAdornment={statusIcon}\n        message={title ?? ''}\n        endAdornment={\n          isFailed ? (\n            <Tooltip title={t('button.clearTransaction')}>\n              <DeleteButton size=\"small\" onClick={onDelete}>\n                <DeleteOutline sx={{ fontSize: 16 }} />\n              </DeleteButton>\n            </Tooltip>\n          ) : lastActiveStep?.execution?.signedAt ? (\n            <Typography sx={{ fontSize: 12, fontWeight: 600 }}>\n              <ExecutionTimerText\n                expiryTimestamp={getExpiryTimestamp(lastActiveStep)}\n              />\n            </Typography>\n          ) : undefined\n        }\n      />\n      <RouteTokens route={route} />\n    </Card>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;AAuBA,MAAa,yBAAyB,EACpC,OACA,QACA,SACA,eAC6C;CAC7C,MAAM,EAAE,MAAM,eAAe;CAE7B,MAAM,iBAAiB,MAAM,MAAM,UAAU,SAAS,KAAK,SAAS;CACpE,MAAM,mBAAmB,gBAAgB,WAAW,SAAS,GAAG,EAAE;CAClE,MAAM,EAAE,UAAU,iBAAiB,gBAAgB,gBAAgB;CAEnE,MAAM,WAAW,WAAA;CAoBjB,OACE,qBAACA,QAAD;EAAe;EAAS,UAAA;YAAxB,CACE,oBAAC,WAAD;GACE,IAAI,EAAE,IAAI,IAAI;GACd,uBAtBoB;IACxB,IAAI,UACF,OAAO,oBAAC,YAAD;KAAY,QAAO;KAAQ,MAAM;IAAK,CAAA;IAE/C,IACE;KAAC;KAAmB;KAAoB;IAAgB,CAAC,CAAC,SACxD,kBAAkB,UAAU,EAC9B,GAEA,OAAO,oBAAC,YAAD;KAAY,QAAO;KAAO,MAAM;IAAK,CAAA;IAE9C,OACE,oBAAC,eAAD,EAAA,UACE,oBAAC,yBAAD;KAAyB,MAAM;KAAI,IAAI;MAAE,KAAK;MAAI,MAAM;KAAG;IAAI,CAAA,EAClD,CAAA;GAEnB,EAAA,CAM+B;GACzB,SAAS,SAAS;GAClB,cACE,WACE,oBAAC,SAAD;IAAS,OAAO,EAAE,yBAAyB;cACzC,oBAAC,cAAD;KAAc,MAAK;KAAQ,SAAS;eAClC,oBAAC,eAAD,EAAe,IAAI,EAAE,UAAU,GAAG,EAAI,CAAA;IAC1B,CAAA;GACP,CAAA,IACP,gBAAgB,WAAW,WAC7B,oBAAC,YAAD;IAAY,IAAI;KAAE,UAAU;KAAI,YAAY;IAAI;cAC9C,oBAAC,oBAAD,EACE,iBAAiB,mBAAmB,cAAc,EACnD,CAAA;GACS,CAAA,IACV,KAAA;EAEP,CAAA,GACD,oBAAC,aAAD,EAAoB,MAAQ,CAAA,CACxB;;AAEV"}

package/dist/esm/components/TransactionCard/ActiveTransactionCard.style.js

@@ -15,6 +15,15 @@ const DeleteButton = styled(IconButton)(({ theme }) => ({
 	width: 24,
 	height: 24
 }));
+styled(IconButton)(({ theme }) => ({
+	fontWeight: 700,
+	fontSize: 12,
+	height: 24,
+	borderRadius: theme.vars.shape.borderRadius,
+	padding: theme.spacing(.5, 1.5),
+	color: theme.vars.palette.text.primary,
+	backgroundColor: theme.vars.palette.background.paper
+}));
 //#endregion
 export { DeleteButton, PendingCircle };
 

package/dist/esm/components/TransactionCard/ActiveTransactionCard.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActiveTransactionCard.style.js","names":[],"sources":["../../../../src/components/TransactionCard/ActiveTransactionCard.style.tsx"],"sourcesContent":["import { Box, IconButton, styled } from '@mui/material'\nimport type React from 'react'\n\nexport const PendingCircle: React.FC<React.ComponentProps<typeof Box>> = styled(\n  Box\n)(({ theme }) => ({\n  position: 'relative',\n  width: 24,\n  height: 24,\n  flexShrink: 0,\n  borderRadius: '50%',\n  border: `2px solid ${theme.vars.palette.grey[300]}`,\n  ...theme.applyStyles('dark', {\n    borderColor: theme.vars.palette.grey[800],\n  }),\n}))\n\nexport const DeleteButton: React.FC<React.ComponentProps<typeof IconButton>> =\n  styled(IconButton)(({ theme }) => ({\n    padding: theme.spacing(0.5),\n    backgroundColor: theme.vars.palette.background.paper,\n    width: 24,\n    height: 24,\n  }))\n"],"mappings":";;AAGA,MAAa,gBAA4D,OACvE,GACF,CAAC,EAAE,EAAE,aAAa;CAChB,UAAU;CACV,OAAO;CACP,QAAQ;CACR,YAAY;CACZ,cAAc;CACd,QAAQ,aAAa,MAAM,KAAK,QAAQ,KAAK;CAC7C,GAAG,MAAM,YAAY,QAAQ,EAC3B,aAAa,MAAM,KAAK,QAAQ,KAAK,KACvC,CAAC;AACH,EAAE;AAEF,MAAa,eACX,OAAO,UAAU,CAAC,EAAE,EAAE,aAAa;CACjC,SAAS,MAAM,QAAQ,EAAG;CAC1B,iBAAiB,MAAM,KAAK,QAAQ,WAAW;CAC/C,OAAO;CACP,QAAQ;AACV,EAAE"}
+{"version":3,"file":"ActiveTransactionCard.style.js","names":[],"sources":["../../../../src/components/TransactionCard/ActiveTransactionCard.style.tsx"],"sourcesContent":["import { Box, IconButton, styled } from '@mui/material'\nimport type React from 'react'\n\nexport const PendingCircle: React.FC<React.ComponentProps<typeof Box>> = styled(\n  Box\n)(({ theme }) => ({\n  position: 'relative',\n  width: 24,\n  height: 24,\n  flexShrink: 0,\n  borderRadius: '50%',\n  border: `2px solid ${theme.vars.palette.grey[300]}`,\n  ...theme.applyStyles('dark', {\n    borderColor: theme.vars.palette.grey[800],\n  }),\n}))\n\nexport const DeleteButton: React.FC<React.ComponentProps<typeof IconButton>> =\n  styled(IconButton)(({ theme }) => ({\n    padding: theme.spacing(0.5),\n    backgroundColor: theme.vars.palette.background.paper,\n    width: 24,\n    height: 24,\n  }))\n\nexport const RetryButton: React.FC<React.ComponentProps<typeof IconButton>> =\n  styled(IconButton)(({ theme }) => ({\n    fontWeight: 700,\n    fontSize: 12,\n    height: 24,\n    borderRadius: theme.vars.shape.borderRadius,\n    padding: theme.spacing(0.5, 1.5),\n    color: theme.vars.palette.text.primary,\n    backgroundColor: theme.vars.palette.background.paper,\n  }))\n"],"mappings":";;AAGA,MAAa,gBAA4D,OACvE,GACF,CAAC,EAAE,EAAE,aAAa;CAChB,UAAU;CACV,OAAO;CACP,QAAQ;CACR,YAAY;CACZ,cAAc;CACd,QAAQ,aAAa,MAAM,KAAK,QAAQ,KAAK;CAC7C,GAAG,MAAM,YAAY,QAAQ,EAC3B,aAAa,MAAM,KAAK,QAAQ,KAAK,KACvC,CAAC;AACH,EAAE;AAEF,MAAa,eACX,OAAO,UAAU,CAAC,EAAE,EAAE,aAAa;CACjC,SAAS,MAAM,QAAQ,EAAG;CAC1B,iBAAiB,MAAM,KAAK,QAAQ,WAAW;CAC/C,OAAO;CACP,QAAQ;AACV,EAAE;AAGF,OAAO,UAAU,CAAC,EAAE,EAAE,aAAa;CACjC,YAAY;CACZ,UAAU;CACV,QAAQ;CACR,cAAc,MAAM,KAAK,MAAM;CAC/B,SAAS,MAAM,QAAQ,IAAK,GAAG;CAC/B,OAAO,MAAM,KAAK,QAAQ,KAAK;CAC/B,iBAAiB,MAAM,KAAK,QAAQ,WAAW;AACjD,EAAE"}

package/dist/esm/components/TransactionCard/TransactionCard.style.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { Box, Typography } from "@mui/material";
+//#region src/components/TransactionCard/TransactionCard.style.d.ts
+declare const DateLabelContainer: React.FC<React.ComponentProps<typeof Box>>;
+declare const DateLabelText: React.FC<React.ComponentProps<typeof Typography>>;
+//#endregion
+export { DateLabelContainer, DateLabelText };
+//# sourceMappingURL=TransactionCard.style.d.ts.map

package/dist/esm/components/TransactionCard/TransactionCard.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionCard.style.d.ts","names":[],"sources":["../../../../src/components/TransactionCard/TransactionCard.style.tsx"],"mappings":";;;cAGa,oBAAoB,MAAM,GAAG,MAAM,sBAAsB;cAMzD,eAAe,MAAM,GAAG,MAAM,sBAAsB"}

package/dist/esm/config/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","names":[],"sources":["../../../src/config/constants.ts"],"mappings":";cAAa,gBAAA"}
+{"version":3,"file":"constants.d.ts","names":[],"sources":["../../../src/config/constants.ts"],"mappings":";cAAa"}

package/dist/esm/config/version.d.ts

@@ -1,6 +1,6 @@
 //#region src/config/version.d.ts
 declare const name = "@lifi/widget";
-declare const version = "4.3.0";
+declare const version = "4.4.0";
 //#endregion
 export { name, version };
 //# sourceMappingURL=version.d.ts.map

package/dist/esm/config/version.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"version.d.ts","names":[],"sources":["../../../src/config/version.ts"],"mappings":";cAAa,IAAA;AAAA,cACA,OAAA"}
+{"version":3,"file":"version.d.ts","names":[],"sources":["../../../src/config/version.ts"],"mappings":";cAAa;cACA"}

package/dist/esm/config/version.js

@@ -1,6 +1,6 @@
 //#region src/config/version.ts
 const name = "@lifi/widget";
-const version = "4.3.0";
+const version = "4.4.0";
 //#endregion
 export { name, version };
 

package/dist/esm/config/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","names":[],"sources":["../../../src/config/version.ts"],"sourcesContent":["export const name = '@lifi/widget'\nexport const version = '4.3.0'\n"],"mappings":";AAAA,MAAa,OAAO;AACpB,MAAa,UAAU"}
+{"version":3,"file":"version.js","names":[],"sources":["../../../src/config/version.ts"],"sourcesContent":["export const name = '@lifi/widget'\nexport const version = '4.4.0'\n"],"mappings":";AAAA,MAAa,OAAO;AACpB,MAAa,UAAU"}

package/dist/esm/hooks/useAddressActivity.d.ts

@@ -0,0 +1,11 @@
+//#region src/hooks/useAddressActivity.d.ts
+interface AddressActivity {
+  hasActivity: boolean;
+  isLoading: boolean;
+  isFetched: boolean;
+  toAddress: string | undefined;
+}
+declare const useAddressActivity: (chainId?: number) => AddressActivity;
+//#endregion
+export { useAddressActivity };
+//# sourceMappingURL=useAddressActivity.d.ts.map

package/dist/esm/hooks/useAddressActivity.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAddressActivity.d.ts","names":[],"sources":["../../../src/hooks/useAddressActivity.ts"],"mappings":";UAMU;EACR;EACA;EACA;EACA;;cAEW,qBAAsB,qBAAmB"}

package/dist/esm/hooks/useAddressValidation.d.ts

@@ -0,0 +1,28 @@
+import { Chain, ChainType } from "@lifi/sdk";
+//#region src/hooks/useAddressValidation.d.ts
+declare enum AddressType {
+  Address = 0,
+  NameService = 1
+}
+type ValidationArgs = {
+  value: string;
+  chainType?: ChainType;
+  chain?: Chain;
+};
+type ValidResponse = {
+  address: string;
+  addressType: AddressType;
+  chainType: ChainType;
+  isValid: true;
+};
+type InvalidResponse = {
+  error: string;
+  isValid: false;
+};
+declare const useAddressValidation: () => {
+  validateAddress: (args: ValidationArgs) => Promise<ValidResponse | InvalidResponse>;
+  isValidating: boolean;
+};
+//#endregion
+export { AddressType, useAddressValidation };
+//# sourceMappingURL=useAddressValidation.d.ts.map

package/dist/esm/hooks/useAddressValidation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAddressValidation.d.ts","names":[],"sources":["../../../src/hooks/useAddressValidation.ts"],"mappings":";;aAOY;EACV;EACA;;KAGG;EACH;EACA,YAAY;EACZ,QAAQ;;KAGL;EACH;EACA,aAAa;EACb,WAAW;EACX;;KAGG;EACH;EACA;;cAGW;EACX,kBACE,MAAM,mBACH,QAAQ,gBAAgB;EAC7B"}

package/dist/esm/hooks/useAddressValidation.js

@@ -4,6 +4,11 @@ import { useTranslation } from "react-i18next";
 import { useMutation } from "@tanstack/react-query";
 import { useChainTypeFromAddress } from "@lifi/widget-provider";
 //#region src/hooks/useAddressValidation.ts
+let AddressType = /* @__PURE__ */ function(AddressType) {
+	AddressType[AddressType["Address"] = 0] = "Address";
+	AddressType[AddressType["NameService"] = 1] = "NameService";
+	return AddressType;
+}({});
 const useAddressValidation = () => {
 	const { t } = useTranslation();
 	const { getChainTypeFromAddress } = useChainTypeFromAddress();
@@ -45,6 +50,6 @@ const useAddressValidation = () => {
 	};
 };
 //#endregion
-export { useAddressValidation };
+export { AddressType, useAddressValidation };
 
 //# sourceMappingURL=useAddressValidation.js.map