@lifi/widget 4.5.0 → 4.7.0

package/dist/esm/components/IconCircle/statusIcons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"statusIcons.d.ts","names":[],"sources":["../../../../src/components/IconCircle/statusIcons.ts"],"mappings":";;KAMY"}
+{"version":3,"file":"statusIcons.d.ts","names":[],"sources":["../../../../src/components/IconCircle/statusIcons.ts"],"mappings":";;YAMY"}

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

@@ -1,7 +1,6 @@
 import React from "react";
 import { BoxProps } from "@mui/material";
 //#region src/components/IconTypography.d.ts
-declare const IconTypography: React.FC<BoxProps>;
+export declare const IconTypography: React.FC<BoxProps>;
 //#endregion
-export { IconTypography };
 //# sourceMappingURL=IconTypography.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconTypography.d.ts","names":[],"sources":["../../../src/components/IconTypography.ts"],"mappings":";;;cAIa,gBAAgB,MAAM,GAAG"}
+{"version":3,"file":"IconTypography.d.ts","names":[],"sources":["../../../src/components/IconTypography.ts"],"mappings":";;;qBAIa,gBAAgB,MAAM,GAAG"}

package/dist/esm/components/ListItem/ListItemButton.d.ts

@@ -1,7 +1,6 @@
 import { ListItemButton as ListItemButton$1 } from "../ListItemButton.js";
 import React from "react";
 //#region src/components/ListItem/ListItemButton.d.ts
-declare const ListItemButton: React.FC<React.ComponentProps<typeof ListItemButton$1>>;
+export declare const ListItemButton: React.FC<React.ComponentProps<typeof ListItemButton$1>>;
 //#endregion
-export { ListItemButton };
 //# sourceMappingURL=ListItemButton.d.ts.map

package/dist/esm/components/ListItem/ListItemButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemButton.d.ts","names":[],"sources":["../../../../src/components/ListItem/ListItemButton.tsx"],"mappings":";;;cAIa,gBAAgB,MAAM,GACjC,MAAM,sBAAsB"}
+{"version":3,"file":"ListItemButton.d.ts","names":[],"sources":["../../../../src/components/ListItem/ListItemButton.tsx"],"mappings":";;;qBAIa,gBAAgB,MAAM,GACjC,MAAM,sBAAsB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"UnsupportedToAddressMessage.js","names":[],"sources":["../../../../src/components/Messages/UnsupportedToAddressMessage.tsx"],"sourcesContent":["import WarningRounded from '@mui/icons-material/WarningRounded'\nimport type { BoxProps } from '@mui/material'\nimport { Typography } from '@mui/material'\nimport { useTranslation } from 'react-i18next'\nimport { AlertMessage } from './AlertMessage.js'\n\nexport const UnsupportedToAddressMessage: React.FC<BoxProps> = ({\n  ...props\n}) => {\n  const { t } = useTranslation()\n  return (\n    <AlertMessage\n      title={\n        <Typography variant=\"body2\" sx={{ px: 1, color: 'text.primary' }}>\n          {t('info.message.unsupportedToAddressMessage')}\n        </Typography>\n      }\n      icon={<WarningRounded />}\n      severity=\"warning\"\n      multiline\n      {...props}\n    />\n  )\n}\n"],"mappings":";;;;;;AAMA,MAAa,+BAAmD,EAC9D,GAAG,YACC;CACJ,MAAM,EAAE,MAAM,eAAe;CAC7B,OACE,oBAAC,cAAD;EACE,OACE,oBAAC,YAAD;GAAY,SAAQ;GAAQ,IAAI;IAAE,IAAI;IAAG,OAAO;GAAe;GAC5D,UAAA,EAAE,0CAA0C;EACnC,CAAA;EAEd,MAAM,oBAAC,gBAAD,CAAiB,CAAA;EACvB,UAAS;EACT,WAAA;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/esm/components/Messages/WarningMessages.d.ts

@@ -5,7 +5,6 @@ type WarningMessagesProps = BoxProps & {
   route?: Route;
   allowInteraction?: boolean;
 };
-declare const WarningMessages: React.FC<WarningMessagesProps>;
+export declare const WarningMessages: React.FC<WarningMessagesProps>;
 //#endregion
-export { WarningMessages };
 //# sourceMappingURL=WarningMessages.d.ts.map

package/dist/esm/components/Messages/WarningMessages.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WarningMessages.d.ts","names":[],"sources":["../../../../src/components/Messages/WarningMessages.tsx"],"mappings":";;;KAWK,uBAAuB;EAC1B,QAAQ;EACR;;cAGW,iBAAiB,MAAM,GAAG"}
+{"version":3,"file":"WarningMessages.d.ts","names":[],"sources":["../../../../src/components/Messages/WarningMessages.tsx"],"mappings":";;;KAYK,uBAAuB;EAC1B,QAAQ;EACR;;qBAGW,iBAAiB,MAAM,GAAG"}

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

@@ -4,6 +4,7 @@ import { FundsSufficiencyMessage } from "./FundsSufficiencyMessage.js";
 import { GasSufficiencyMessage } from "./GasSufficiencyMessage.js";
 import { MinFromAmountUSDMessage } from "./MinFromAmountUSDMessage.js";
 import { MissingRouteRequiredAccountMessage } from "./MissingRouteRequiredAccountMessage.js";
+import { UnsupportedToAddressMessage } from "./UnsupportedToAddressMessage.js";
 import { useMessageQueue } from "./useMessageQueue.js";
 import { Collapse } from "@mui/material";
 import { jsx } from "react/jsx-runtime";
@@ -28,6 +29,7 @@ const WarningMessages = ({ route, allowInteraction, ...props }) => {
 			});
 			case "ACCOUNT_NOT_DEPLOYED": return /* @__PURE__ */ jsx(AccountNotDeployedMessage, { ...props });
 			case "ACCOUNT_DEPLOYED": return /* @__PURE__ */ jsx(AccountDeployedMessage, { ...props });
+			case "UNSUPPORTED_TO_ADDRESS": return /* @__PURE__ */ jsx(UnsupportedToAddressMessage, { ...props });
 			default: return null;
 		}
 	};

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

@@ -1 +1 @@
-{"version":3,"file":"WarningMessages.js","names":[],"sources":["../../../../src/components/Messages/WarningMessages.tsx"],"sourcesContent":["import type { Route } from '@lifi/sdk'\nimport type { BoxProps } from '@mui/material'\nimport { Collapse } from '@mui/material'\nimport { AccountDeployedMessage } from './AccountDeployedMessage.js'\nimport { AccountNotDeployedMessage } from './AccountNotDeployedMessage.js'\nimport { FundsSufficiencyMessage } from './FundsSufficiencyMessage.js'\nimport { GasSufficiencyMessage } from './GasSufficiencyMessage.js'\nimport { MinFromAmountUSDMessage } from './MinFromAmountUSDMessage.js'\nimport { MissingRouteRequiredAccountMessage } from './MissingRouteRequiredAccountMessage.js'\nimport { useMessageQueue } from './useMessageQueue.js'\n\ntype WarningMessagesProps = BoxProps & {\n  route?: Route\n  allowInteraction?: boolean\n}\n\nexport const WarningMessages: React.FC<WarningMessagesProps> = ({\n  route,\n  allowInteraction,\n  ...props\n}) => {\n  const { messages, hasMessages } = useMessageQueue(route, allowInteraction)\n\n  const getMessage = () => {\n    switch (messages[0]?.id) {\n      case 'MISSING_ROUTE_REQUIRED_ACCOUNT':\n        return (\n          <MissingRouteRequiredAccountMessage\n            chain={messages[0].props?.chain}\n            address={messages[0].props?.address}\n            {...props}\n          />\n        )\n      case 'INSUFFICIENT_FUNDS':\n        return <FundsSufficiencyMessage {...props} />\n      case 'INSUFFICIENT_GAS':\n        return (\n          <GasSufficiencyMessage\n            insufficientGas={messages[0].props?.insufficientGas}\n            {...props}\n          />\n        )\n      case 'MIN_FROM_AMOUNT_USD':\n        return (\n          <MinFromAmountUSDMessage\n            minFromAmountUSD={messages[0].props?.minFromAmountUSD}\n            {...props}\n          />\n        )\n      case 'ACCOUNT_NOT_DEPLOYED':\n        return <AccountNotDeployedMessage {...props} />\n      case 'ACCOUNT_DEPLOYED':\n        return <AccountDeployedMessage {...props} />\n      default:\n        return null\n    }\n  }\n\n  return (\n    <Collapse in={hasMessages} timeout={225} unmountOnExit mountOnEnter>\n      {getMessage()}\n    </Collapse>\n  )\n}\n"],"mappings":";;;;;;;;;;AAgBA,MAAa,mBAAmD,EAC9D,OACA,kBACA,GAAG,YACC;CACJ,MAAM,EAAE,UAAU,gBAAgB,gBAAgB,OAAO,gBAAgB;CAEzE,MAAM,mBAAmB;EACvB,QAAQ,SAAS,EAAE,EAAE,IAArB;GACE,KAAK,kCACH,OACE,oBAAC,oCAAD;IACE,OAAO,SAAS,EAAE,CAAC,OAAO;IAC1B,SAAS,SAAS,EAAE,CAAC,OAAO;IAC5B,GAAI;GACL,CAAA;GAEL,KAAK,sBACH,OAAO,oBAAC,yBAAD,EAAyB,GAAI,MAAQ,CAAA;GAC9C,KAAK,oBACH,OACE,oBAAC,uBAAD;IACE,iBAAiB,SAAS,EAAE,CAAC,OAAO;IACpC,GAAI;GACL,CAAA;GAEL,KAAK,uBACH,OACE,oBAAC,yBAAD;IACE,kBAAkB,SAAS,EAAE,CAAC,OAAO;IACrC,GAAI;GACL,CAAA;GAEL,KAAK,wBACH,OAAO,oBAAC,2BAAD,EAA2B,GAAI,MAAQ,CAAA;GAChD,KAAK,oBACH,OAAO,oBAAC,wBAAD,EAAwB,GAAI,MAAQ,CAAA;GAC7C,SACE,OAAO;EACX;CACF;CAEA,OACE,oBAAC,UAAD;EAAU,IAAI;EAAa,SAAS;EAAK,eAAA;EAAc,cAAA;EACpD,UAAA,WAAW;CACJ,CAAA;AAEd"}
+{"version":3,"file":"WarningMessages.js","names":[],"sources":["../../../../src/components/Messages/WarningMessages.tsx"],"sourcesContent":["import type { Route } from '@lifi/sdk'\nimport type { BoxProps } from '@mui/material'\nimport { Collapse } from '@mui/material'\nimport { AccountDeployedMessage } from './AccountDeployedMessage.js'\nimport { AccountNotDeployedMessage } from './AccountNotDeployedMessage.js'\nimport { FundsSufficiencyMessage } from './FundsSufficiencyMessage.js'\nimport { GasSufficiencyMessage } from './GasSufficiencyMessage.js'\nimport { MinFromAmountUSDMessage } from './MinFromAmountUSDMessage.js'\nimport { MissingRouteRequiredAccountMessage } from './MissingRouteRequiredAccountMessage.js'\nimport { UnsupportedToAddressMessage } from './UnsupportedToAddressMessage.js'\nimport { useMessageQueue } from './useMessageQueue.js'\n\ntype WarningMessagesProps = BoxProps & {\n  route?: Route\n  allowInteraction?: boolean\n}\n\nexport const WarningMessages: React.FC<WarningMessagesProps> = ({\n  route,\n  allowInteraction,\n  ...props\n}) => {\n  const { messages, hasMessages } = useMessageQueue(route, allowInteraction)\n\n  const getMessage = () => {\n    switch (messages[0]?.id) {\n      case 'MISSING_ROUTE_REQUIRED_ACCOUNT':\n        return (\n          <MissingRouteRequiredAccountMessage\n            chain={messages[0].props?.chain}\n            address={messages[0].props?.address}\n            {...props}\n          />\n        )\n      case 'INSUFFICIENT_FUNDS':\n        return <FundsSufficiencyMessage {...props} />\n      case 'INSUFFICIENT_GAS':\n        return (\n          <GasSufficiencyMessage\n            insufficientGas={messages[0].props?.insufficientGas}\n            {...props}\n          />\n        )\n      case 'MIN_FROM_AMOUNT_USD':\n        return (\n          <MinFromAmountUSDMessage\n            minFromAmountUSD={messages[0].props?.minFromAmountUSD}\n            {...props}\n          />\n        )\n      case 'ACCOUNT_NOT_DEPLOYED':\n        return <AccountNotDeployedMessage {...props} />\n      case 'ACCOUNT_DEPLOYED':\n        return <AccountDeployedMessage {...props} />\n      case 'UNSUPPORTED_TO_ADDRESS':\n        return <UnsupportedToAddressMessage {...props} />\n      default:\n        return null\n    }\n  }\n\n  return (\n    <Collapse in={hasMessages} timeout={225} unmountOnExit mountOnEnter>\n      {getMessage()}\n    </Collapse>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAiBA,MAAa,mBAAmD,EAC9D,OACA,kBACA,GAAG,YACC;CACJ,MAAM,EAAE,UAAU,gBAAgB,gBAAgB,OAAO,gBAAgB;CAEzE,MAAM,mBAAmB;EACvB,QAAQ,SAAS,EAAE,EAAE,IAArB;GACE,KAAK,kCACH,OACE,oBAAC,oCAAD;IACE,OAAO,SAAS,EAAE,CAAC,OAAO;IAC1B,SAAS,SAAS,EAAE,CAAC,OAAO;IAC5B,GAAI;GACL,CAAA;GAEL,KAAK,sBACH,OAAO,oBAAC,yBAAD,EAAyB,GAAI,MAAQ,CAAA;GAC9C,KAAK,oBACH,OACE,oBAAC,uBAAD;IACE,iBAAiB,SAAS,EAAE,CAAC,OAAO;IACpC,GAAI;GACL,CAAA;GAEL,KAAK,uBACH,OACE,oBAAC,yBAAD;IACE,kBAAkB,SAAS,EAAE,CAAC,OAAO;IACrC,GAAI;GACL,CAAA;GAEL,KAAK,wBACH,OAAO,oBAAC,2BAAD,EAA2B,GAAI,MAAQ,CAAA;GAChD,KAAK,oBACH,OAAO,oBAAC,wBAAD,EAAwB,GAAI,MAAQ,CAAA;GAC7C,KAAK,0BACH,OAAO,oBAAC,6BAAD,EAA6B,GAAI,MAAQ,CAAA;GAClD,SACE,OAAO;EACX;CACF;CAEA,OACE,oBAAC,UAAD;EAAU,IAAI;EAAa,SAAS;EAAK,eAAA;EAAc,cAAA;EACpD,UAAA,WAAW;CACJ,CAAA;AAEd"}

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

@@ -6,13 +6,17 @@ import { useRouteRequiredAccountConnection } from "../../hooks/useRouteRequiredA
 import { useMemo } from "react";
 //#region src/components/Messages/useMessageQueue.ts
 const useMessageQueue = (route, allowInteraction) => {
-	const { requiredToAddress, accountNotDeployedAtDestination, accountDeployedAtDestination, isLoading: isToAddressRequirementsLoading } = useToAddressRequirements(route);
+	const { requiredToAddress, unsupportedReceiverBlocking, accountNotDeployedAtDestination, accountDeployedAtDestination, isLoading: isToAddressRequirementsLoading } = useToAddressRequirements(route);
 	const { insufficientFromToken, isLoading: isFromTokenSufficiencyLoading } = useFromTokenSufficiency(route);
 	const { insufficientGas, isLoading: isGasSufficiencyLoading } = useGasSufficiency(route);
 	const { missingChain, missingAccountAddress } = useRouteRequiredAccountConnection(route);
 	const { belowMinFromAmountUSD, minFromAmountUSD } = useFromAmountThreshold();
 	const messageQueue = useMemo(() => {
 		const queue = [];
+		if (unsupportedReceiverBlocking) queue.push({
+			id: "UNSUPPORTED_TO_ADDRESS",
+			priority: 7
+		});
 		if (missingChain) queue.push({
 			id: "MISSING_ROUTE_REQUIRED_ACCOUNT",
 			priority: 1,
@@ -51,6 +55,7 @@ const useMessageQueue = (route, allowInteraction) => {
 		accountDeployedAtDestination,
 		accountNotDeployedAtDestination,
 		requiredToAddress,
+		unsupportedReceiverBlocking,
 		missingChain,
 		missingAccountAddress,
 		belowMinFromAmountUSD,

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

@@ -1 +1 @@
-{"version":3,"file":"useMessageQueue.js","names":[],"sources":["../../../../src/components/Messages/useMessageQueue.ts"],"sourcesContent":["import type { Route } from '@lifi/sdk'\nimport { useMemo } from 'react'\nimport { useFromAmountThreshold } from '../../hooks/useFromAmountThreshold.js'\nimport { useFromTokenSufficiency } from '../../hooks/useFromTokenSufficiency.js'\nimport { useGasSufficiency } from '../../hooks/useGasSufficiency.js'\nimport { useRouteRequiredAccountConnection } from '../../hooks/useRouteRequiredAccountConnection.js'\nimport { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'\n\nexport interface QueuedMessage {\n  id: string\n  priority: number\n  props?: Record<string, any>\n}\n\nexport const useMessageQueue = (\n  route?: Route,\n  allowInteraction?: boolean\n): {\n  messages: QueuedMessage[]\n  hasMessages: boolean\n  isLoading: boolean\n} => {\n  const {\n    requiredToAddress,\n    accountNotDeployedAtDestination,\n    accountDeployedAtDestination,\n    isLoading: isToAddressRequirementsLoading,\n  } = useToAddressRequirements(route)\n  const { insufficientFromToken, isLoading: isFromTokenSufficiencyLoading } =\n    useFromTokenSufficiency(route)\n  const { insufficientGas, isLoading: isGasSufficiencyLoading } =\n    useGasSufficiency(route)\n  const { missingChain, missingAccountAddress } =\n    useRouteRequiredAccountConnection(route)\n  const { belowMinFromAmountUSD, minFromAmountUSD } = useFromAmountThreshold()\n\n  const messageQueue = useMemo(() => {\n    const queue: QueuedMessage[] = []\n\n    if (missingChain) {\n      queue.push({\n        id: 'MISSING_ROUTE_REQUIRED_ACCOUNT',\n        priority: 1,\n        props: { chain: missingChain, address: missingAccountAddress },\n      })\n    }\n\n    if (insufficientFromToken) {\n      queue.push({\n        id: 'INSUFFICIENT_FUNDS',\n        priority: 2,\n      })\n    }\n\n    if (belowMinFromAmountUSD) {\n      queue.push({\n        id: 'MIN_FROM_AMOUNT_USD',\n        priority: 3,\n        props: { minFromAmountUSD },\n      })\n    }\n\n    if (insufficientGas?.length) {\n      queue.push({\n        id: 'INSUFFICIENT_GAS',\n        priority: 4,\n        props: { insufficientGas },\n      })\n    }\n\n    if (accountNotDeployedAtDestination && !allowInteraction) {\n      queue.push({\n        id: 'ACCOUNT_NOT_DEPLOYED',\n        priority: 5,\n      })\n    }\n\n    if (\n      requiredToAddress &&\n      accountDeployedAtDestination &&\n      !allowInteraction\n    ) {\n      queue.push({\n        id: 'ACCOUNT_DEPLOYED',\n        priority: 6,\n      })\n    }\n\n    return queue.sort((a, b) => a.priority - b.priority)\n  }, [\n    allowInteraction,\n    insufficientFromToken,\n    insufficientGas,\n    accountDeployedAtDestination,\n    accountNotDeployedAtDestination,\n    requiredToAddress,\n    missingChain,\n    missingAccountAddress,\n    belowMinFromAmountUSD,\n    minFromAmountUSD,\n  ])\n\n  return {\n    messages: messageQueue,\n    hasMessages: messageQueue.length > 0,\n    isLoading:\n      isGasSufficiencyLoading ||\n      isFromTokenSufficiencyLoading ||\n      isToAddressRequirementsLoading,\n  }\n}\n"],"mappings":";;;;;;;AAcA,MAAa,mBACX,OACA,qBAKG;CACH,MAAM,EACJ,mBACA,iCACA,8BACA,WAAW,mCACT,yBAAyB,KAAK;CAClC,MAAM,EAAE,uBAAuB,WAAW,kCACxC,wBAAwB,KAAK;CAC/B,MAAM,EAAE,iBAAiB,WAAW,4BAClC,kBAAkB,KAAK;CACzB,MAAM,EAAE,cAAc,0BACpB,kCAAkC,KAAK;CACzC,MAAM,EAAE,uBAAuB,qBAAqB,uBAAuB;CAE3E,MAAM,eAAe,cAAc;EACjC,MAAM,QAAyB,CAAC;EAEhC,IAAI,cACF,MAAM,KAAK;GACT,IAAI;GACJ,UAAU;GACV,OAAO;IAAE,OAAO;IAAc,SAAS;GAAsB;EAC/D,CAAC;EAGH,IAAI,uBACF,MAAM,KAAK;GACT,IAAI;GACJ,UAAU;EACZ,CAAC;EAGH,IAAI,uBACF,MAAM,KAAK;GACT,IAAI;GACJ,UAAU;GACV,OAAO,EAAE,iBAAiB;EAC5B,CAAC;EAGH,IAAI,iBAAiB,QACnB,MAAM,KAAK;GACT,IAAI;GACJ,UAAU;GACV,OAAO,EAAE,gBAAgB;EAC3B,CAAC;EAGH,IAAI,mCAAmC,CAAC,kBACtC,MAAM,KAAK;GACT,IAAI;GACJ,UAAU;EACZ,CAAC;EAGH,IACE,qBACA,gCACA,CAAC,kBAED,MAAM,KAAK;GACT,IAAI;GACJ,UAAU;EACZ,CAAC;EAGH,OAAO,MAAM,MAAM,GAAG,MAAM,EAAE,WAAW,EAAE,QAAQ;CACrD,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OAAO;EACL,UAAU;EACV,aAAa,aAAa,SAAS;EACnC,WACE,2BACA,iCACA;CACJ;AACF"}
+{"version":3,"file":"useMessageQueue.js","names":[],"sources":["../../../../src/components/Messages/useMessageQueue.ts"],"sourcesContent":["import type { Route } from '@lifi/sdk'\nimport { useMemo } from 'react'\nimport { useFromAmountThreshold } from '../../hooks/useFromAmountThreshold.js'\nimport { useFromTokenSufficiency } from '../../hooks/useFromTokenSufficiency.js'\nimport { useGasSufficiency } from '../../hooks/useGasSufficiency.js'\nimport { useRouteRequiredAccountConnection } from '../../hooks/useRouteRequiredAccountConnection.js'\nimport { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'\n\nexport interface QueuedMessage {\n  id: string\n  priority: number\n  props?: Record<string, any>\n}\n\nexport const useMessageQueue = (\n  route?: Route,\n  allowInteraction?: boolean\n): {\n  messages: QueuedMessage[]\n  hasMessages: boolean\n  isLoading: boolean\n} => {\n  const {\n    requiredToAddress,\n    unsupportedReceiverBlocking,\n    accountNotDeployedAtDestination,\n    accountDeployedAtDestination,\n    isLoading: isToAddressRequirementsLoading,\n  } = useToAddressRequirements(route)\n  const { insufficientFromToken, isLoading: isFromTokenSufficiencyLoading } =\n    useFromTokenSufficiency(route)\n  const { insufficientGas, isLoading: isGasSufficiencyLoading } =\n    useGasSufficiency(route)\n  const { missingChain, missingAccountAddress } =\n    useRouteRequiredAccountConnection(route)\n  const { belowMinFromAmountUSD, minFromAmountUSD } = useFromAmountThreshold()\n\n  const messageQueue = useMemo(() => {\n    const queue: QueuedMessage[] = []\n\n    if (unsupportedReceiverBlocking) {\n      queue.push({\n        id: 'UNSUPPORTED_TO_ADDRESS',\n        priority: 7,\n      })\n    }\n\n    if (missingChain) {\n      queue.push({\n        id: 'MISSING_ROUTE_REQUIRED_ACCOUNT',\n        priority: 1,\n        props: { chain: missingChain, address: missingAccountAddress },\n      })\n    }\n\n    if (insufficientFromToken) {\n      queue.push({\n        id: 'INSUFFICIENT_FUNDS',\n        priority: 2,\n      })\n    }\n\n    if (belowMinFromAmountUSD) {\n      queue.push({\n        id: 'MIN_FROM_AMOUNT_USD',\n        priority: 3,\n        props: { minFromAmountUSD },\n      })\n    }\n\n    if (insufficientGas?.length) {\n      queue.push({\n        id: 'INSUFFICIENT_GAS',\n        priority: 4,\n        props: { insufficientGas },\n      })\n    }\n\n    if (accountNotDeployedAtDestination && !allowInteraction) {\n      queue.push({\n        id: 'ACCOUNT_NOT_DEPLOYED',\n        priority: 5,\n      })\n    }\n\n    if (\n      requiredToAddress &&\n      accountDeployedAtDestination &&\n      !allowInteraction\n    ) {\n      queue.push({\n        id: 'ACCOUNT_DEPLOYED',\n        priority: 6,\n      })\n    }\n\n    return queue.sort((a, b) => a.priority - b.priority)\n  }, [\n    allowInteraction,\n    insufficientFromToken,\n    insufficientGas,\n    accountDeployedAtDestination,\n    accountNotDeployedAtDestination,\n    requiredToAddress,\n    unsupportedReceiverBlocking,\n    missingChain,\n    missingAccountAddress,\n    belowMinFromAmountUSD,\n    minFromAmountUSD,\n  ])\n\n  return {\n    messages: messageQueue,\n    hasMessages: messageQueue.length > 0,\n    isLoading:\n      isGasSufficiencyLoading ||\n      isFromTokenSufficiencyLoading ||\n      isToAddressRequirementsLoading,\n  }\n}\n"],"mappings":";;;;;;;AAcA,MAAa,mBACX,OACA,qBAKG;CACH,MAAM,EACJ,mBACA,6BACA,iCACA,8BACA,WAAW,mCACT,yBAAyB,KAAK;CAClC,MAAM,EAAE,uBAAuB,WAAW,kCACxC,wBAAwB,KAAK;CAC/B,MAAM,EAAE,iBAAiB,WAAW,4BAClC,kBAAkB,KAAK;CACzB,MAAM,EAAE,cAAc,0BACpB,kCAAkC,KAAK;CACzC,MAAM,EAAE,uBAAuB,qBAAqB,uBAAuB;CAE3E,MAAM,eAAe,cAAc;EACjC,MAAM,QAAyB,CAAC;EAEhC,IAAI,6BACF,MAAM,KAAK;GACT,IAAI;GACJ,UAAU;EACZ,CAAC;EAGH,IAAI,cACF,MAAM,KAAK;GACT,IAAI;GACJ,UAAU;GACV,OAAO;IAAE,OAAO;IAAc,SAAS;GAAsB;EAC/D,CAAC;EAGH,IAAI,uBACF,MAAM,KAAK;GACT,IAAI;GACJ,UAAU;EACZ,CAAC;EAGH,IAAI,uBACF,MAAM,KAAK;GACT,IAAI;GACJ,UAAU;GACV,OAAO,EAAE,iBAAiB;EAC5B,CAAC;EAGH,IAAI,iBAAiB,QACnB,MAAM,KAAK;GACT,IAAI;GACJ,UAAU;GACV,OAAO,EAAE,gBAAgB;EAC3B,CAAC;EAGH,IAAI,mCAAmC,CAAC,kBACtC,MAAM,KAAK;GACT,IAAI;GACJ,UAAU;EACZ,CAAC;EAGH,IACE,qBACA,gCACA,CAAC,kBAED,MAAM,KAAK;GACT,IAAI;GACJ,UAAU;EACZ,CAAC;EAGH,OAAO,MAAM,MAAM,GAAG,MAAM,EAAE,WAAW,EAAE,QAAQ;CACrD,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OAAO;EACL,UAAU;EACV,aAAa,aAAa,SAAS;EACnC,WACE,2BACA,iCACA;CACJ;AACF"}

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

@@ -1,12 +1,11 @@
 import React from "react";
 import { Container, ContainerProps } from "@mui/material";
 //#region src/components/PageContainer.d.ts
-interface PageContainerProps extends ContainerProps {
+export interface PageContainerProps extends ContainerProps {
   halfGutters?: boolean;
   topGutters?: boolean;
   bottomGutters?: boolean;
 }
-declare const PageContainer: React.FC<React.ComponentProps<typeof Container> & PageContainerProps>;
+export declare const PageContainer: React.FC<React.ComponentProps<typeof Container> & PageContainerProps>;
 //#endregion
-export { PageContainer, PageContainerProps };
 //# sourceMappingURL=PageContainer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PageContainer.d.ts","names":[],"sources":["../../../src/components/PageContainer.ts"],"mappings":";;;UAIiB,2BAA2B;EAC1C;EACA;EACA;;cAGW,eAAe,MAAM,GAChC,MAAM,sBAAsB,aAAa"}
+{"version":3,"file":"PageContainer.d.ts","names":[],"sources":["../../../src/components/PageContainer.ts"],"mappings":";;;iBAIiB,2BAA2B;EAC1C;EACA;EACA;;qBAGW,eAAe,MAAM,GAChC,MAAM,sBAAsB,aAAa"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"PoweredBy.d.ts","names":[],"sources":["../../../../src/components/PoweredBy/PoweredBy.tsx"],"mappings":";cAgBa,WAAW,MAAM"}
+{"version":3,"file":"PoweredBy.d.ts","names":[],"sources":["../../../../src/components/PoweredBy/PoweredBy.tsx"],"mappings":";qBAgBa,WAAW,MAAM"}

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

@@ -1,10 +1,9 @@
 import { IconButtonProps } from "@mui/material";
 //#region src/components/ProgressToNextUpdate.d.ts
-declare const ProgressToNextUpdate: React.FC<{
+export declare const ProgressToNextUpdate: React.FC<{
   updatedAt: number;
   timeToUpdate: number;
   isLoading?: boolean;
 } & IconButtonProps>;
 //#endregion
-export { ProgressToNextUpdate };
 //# sourceMappingURL=ProgressToNextUpdate.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressToNextUpdate.d.ts","names":[],"sources":["../../../src/components/ProgressToNextUpdate.tsx"],"mappings":";;cAWa,sBAAsB,MAAM;EAErC;EACA;EACA;IACE"}
+{"version":3,"file":"ProgressToNextUpdate.d.ts","names":[],"sources":["../../../src/components/ProgressToNextUpdate.tsx"],"mappings":";;qBAWa,sBAAsB,MAAM;EAErC;EACA;EACA;IACE"}

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

@@ -1,7 +1,6 @@
 import { CardProps } from "../Card/Card.js";
 import { RouteCardProps } from "./types.js";
 //#region src/components/RouteCard/RouteCard.d.ts
-declare const RouteCard: React.FC<RouteCardProps & Omit<CardProps, "variant">>;
+export declare const RouteCard: React.FC<RouteCardProps & Omit<CardProps, "variant">>;
 //#endregion
-export { RouteCard };
 //# sourceMappingURL=RouteCard.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"RouteCard.d.ts","names":[],"sources":["../../../../src/components/RouteCard/RouteCard.tsx"],"mappings":";;;cAca,WAAW,MAAM,GAC5B,iBAAiB,KAAK"}
+{"version":3,"file":"RouteCard.d.ts","names":[],"sources":["../../../../src/components/RouteCard/RouteCard.tsx"],"mappings":";;;qBAca,WAAW,MAAM,GAC5B,iBAAiB,KAAK"}

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

@@ -1,7 +1,6 @@
 import { CardProps } from "../Card/Card.js";
 import { RouteCardSkeletonProps } from "./types.js";
 //#region src/components/RouteCard/RouteCardSkeleton.d.ts
-declare const RouteCardSkeleton: React.FC<RouteCardSkeletonProps & Omit<CardProps, "variant">>;
+export declare const RouteCardSkeleton: React.FC<RouteCardSkeletonProps & Omit<CardProps, "variant">>;
 //#endregion
-export { RouteCardSkeleton };
 //# sourceMappingURL=RouteCardSkeleton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"RouteCardSkeleton.d.ts","names":[],"sources":["../../../../src/components/RouteCard/RouteCardSkeleton.tsx"],"mappings":";;;cAOa,mBAAmB,MAAM,GACpC,yBAAyB,KAAK"}
+{"version":3,"file":"RouteCardSkeleton.d.ts","names":[],"sources":["../../../../src/components/RouteCard/RouteCardSkeleton.tsx"],"mappings":";;;qBAOa,mBAAmB,MAAM,GACpC,yBAAyB,KAAK"}

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

@@ -4,7 +4,6 @@ import { JSX } from "react";
 interface RouteDetailsProps {
   route: RouteExtended;
 }
-declare const RouteDetails: ({ route }: RouteDetailsProps) => JSX.Element;
+export declare const RouteDetails: ({ route }: RouteDetailsProps) => JSX.Element;
 //#endregion
-export { RouteDetails };
 //# sourceMappingURL=RouteDetails.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"RouteDetails.d.ts","names":[],"sources":["../../../../src/components/RouteCard/RouteDetails.tsx"],"mappings":";;;UAyBU;EACR,OAAO;;cAGI,iBAAkB,SAAS,sBAAoB,IAAI"}
+{"version":3,"file":"RouteDetails.d.ts","names":[],"sources":["../../../../src/components/RouteCard/RouteDetails.tsx"],"mappings":";;;UAyBU;EACR,OAAO;;qBAGI,iBAAkB,SAAS,sBAAoB,IAAI"}

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

@@ -28,7 +28,8 @@ const RouteDetails = ({ route }) => {
 	let feePercentage = 0;
 	const feeCollectionStep = route.steps[0].includedSteps.find((includedStep) => includedStep.tool === "feeCollection");
 	if (feeCollectionStep) {
-		feeAmountUSD = formatTokenPrice(BigInt(feeCollectionStep.estimate.fromAmount) - BigInt(feeCollectionStep.estimate.toAmount), feeCollectionStep.action.fromToken.priceUSD, feeCollectionStep.action.fromToken.decimals);
+		const estimatedFromAmount = BigInt(feeCollectionStep.estimate.fromAmount) - BigInt(feeCollectionStep.estimate.toAmount);
+		feeAmountUSD = formatTokenPrice(estimatedFromAmount, feeCollectionStep.action.fromToken.priceUSD, feeCollectionStep.action.fromToken.decimals);
 		feePercentage = feeCollectionStep.estimate.feeCosts?.reduce((percentage, feeCost) => percentage + Number.parseFloat(feeCost.percentage || "0"), 0) ?? 0;
 	}
 	const executionTimeSeconds = Math.floor(route.steps.reduce((duration, step) => duration + step.estimate.executionDuration, 0));

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

@@ -1 +1 @@
-{"version":3,"file":"RouteDetails.js","names":[],"sources":["../../../../src/components/RouteCard/RouteDetails.tsx"],"sourcesContent":["import type { RouteExtended } from '@lifi/sdk'\nimport { useEthereumContext } from '@lifi/widget-provider'\nimport { Box, Tooltip } from '@mui/material'\nimport type { JSX } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useTokenRateText } from '../../hooks/useTokenRateText.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { isRouteDone } from '../../stores/routes/utils.js'\nimport { getAccumulatedFeeCostsBreakdown } from '../../utils/fees.js'\nimport {\n  formatDuration,\n  formatTokenAmount,\n  formatTokenPrice,\n} from '../../utils/format.js'\nimport { getPriceImpact } from '../../utils/getPriceImpact.js'\nimport { FeeBreakdownTooltip } from '../FeeBreakdownTooltip.js'\nimport { StepActions } from '../Step/StepActions.js'\nimport {\n  DetailInfoIcon,\n  DetailLabel,\n  DetailLabelContainer,\n  DetailRow,\n  DetailValue,\n} from './RouteDetails.style.js'\n\ninterface RouteDetailsProps {\n  route: RouteExtended\n}\n\nexport const RouteDetails = ({ route }: RouteDetailsProps): JSX.Element => {\n  const { t, i18n } = useTranslation()\n  const { rateText, toggleRate } = useTokenRateText(route)\n  const { feeConfig } = useWidgetConfig()\n  const { isGaslessStep } = useEthereumContext()\n\n  const { gasCosts, feeCosts, gasCostUSD, feeCostUSD } =\n    getAccumulatedFeeCostsBreakdown(route)\n\n  const priceImpact = getPriceImpact({\n    fromAmount: BigInt(route.fromAmount),\n    toAmount: BigInt(route.toAmount),\n    fromToken: route.fromToken,\n    toToken: route.toToken,\n  })\n\n  let feeAmountUSD = 0\n  let feePercentage = 0\n\n  const feeCollectionStep = route.steps[0].includedSteps.find(\n    (includedStep) => includedStep.tool === 'feeCollection'\n  )\n\n  if (feeCollectionStep) {\n    const estimatedFromAmount =\n      BigInt(feeCollectionStep.estimate.fromAmount) -\n      BigInt(feeCollectionStep.estimate.toAmount)\n\n    feeAmountUSD = formatTokenPrice(\n      estimatedFromAmount,\n      feeCollectionStep.action.fromToken.priceUSD,\n      feeCollectionStep.action.fromToken.decimals\n    )\n\n    feePercentage =\n      feeCollectionStep.estimate.feeCosts?.reduce(\n        (percentage, feeCost) =>\n          percentage + Number.parseFloat(feeCost.percentage || '0'),\n        0\n      ) ?? 0\n  }\n\n  const executionTimeSeconds = Math.floor(\n    route.steps.reduce(\n      (duration, step) => duration + step.estimate.executionDuration,\n      0\n    )\n  )\n\n  const hasGaslessSupport = route.steps.every((step) => isGaslessStep?.(step))\n\n  const showIntegratorFeeCollectionDetails =\n    (feeAmountUSD || Number.isFinite(feeConfig?.fee)) && !hasGaslessSupport\n\n  return (\n    <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1, pt: 1.5 }}>\n      <StepActions route={route} />\n      <DetailRow>\n        <DetailLabelContainer>\n          <DetailLabel>{t('main.fees.network')}</DetailLabel>\n          <FeeBreakdownTooltip gasCosts={gasCosts} gasless={hasGaslessSupport}>\n            <DetailInfoIcon />\n          </FeeBreakdownTooltip>\n        </DetailLabelContainer>\n        <DetailValue>\n          {!gasCostUSD\n            ? t('main.fees.free')\n            : t('format.currency', { value: gasCostUSD })}\n        </DetailValue>\n      </DetailRow>\n      {feeCosts.length ? (\n        <DetailRow>\n          <DetailLabelContainer>\n            <DetailLabel>{t('main.fees.provider')}</DetailLabel>\n            <FeeBreakdownTooltip feeCosts={feeCosts}>\n              <DetailInfoIcon />\n            </FeeBreakdownTooltip>\n          </DetailLabelContainer>\n          <DetailValue>\n            {t('format.currency', { value: feeCostUSD })}\n          </DetailValue>\n        </DetailRow>\n      ) : null}\n      {showIntegratorFeeCollectionDetails ? (\n        <DetailRow>\n          <DetailLabelContainer>\n            <DetailLabel>\n              {feeConfig?.name || t('main.fees.defaultIntegrator')}\n              {feeConfig?.showFeePercentage && (\n                <> ({t('format.percent', { value: feePercentage })})</>\n              )}\n            </DetailLabel>\n            {feeConfig?.showFeeTooltip &&\n            (feeConfig?.name || feeConfig?.feeTooltipComponent) ? (\n              <Tooltip\n                title={\n                  feeConfig?.feeTooltipComponent ||\n                  t('tooltip.feeCollection', { tool: feeConfig.name })\n                }\n              >\n                <DetailInfoIcon />\n              </Tooltip>\n            ) : null}\n          </DetailLabelContainer>\n          <DetailValue>\n            {t('format.currency', { value: feeAmountUSD })}\n          </DetailValue>\n        </DetailRow>\n      ) : null}\n      <DetailRow>\n        <DetailLabelContainer>\n          <DetailLabel>{t('main.priceImpact')}</DetailLabel>\n          <Tooltip title={t('tooltip.priceImpact')}>\n            <DetailInfoIcon />\n          </Tooltip>\n        </DetailLabelContainer>\n        <DetailValue>\n          {t('format.percent', { value: priceImpact, usePlusSign: true })}\n        </DetailValue>\n      </DetailRow>\n      {!isRouteDone(route) ? (\n        <>\n          <DetailRow>\n            <DetailLabelContainer>\n              <DetailLabel>{t('main.maxSlippage')}</DetailLabel>\n              <Tooltip title={t('tooltip.slippage')}>\n                <DetailInfoIcon />\n              </Tooltip>\n            </DetailLabelContainer>\n            <DetailValue>\n              {route.steps[0].action.slippage\n                ? t('format.percent', {\n                    value: route.steps[0].action.slippage,\n                  })\n                : t('button.auto')}\n            </DetailValue>\n          </DetailRow>\n          <DetailRow>\n            <DetailLabelContainer>\n              <DetailLabel>{t('main.minReceived')}</DetailLabel>\n              <Tooltip title={t('tooltip.minReceived')}>\n                <DetailInfoIcon />\n              </Tooltip>\n            </DetailLabelContainer>\n            <DetailValue>\n              {t('format.tokenAmount', {\n                value: formatTokenAmount(\n                  BigInt(route.toAmountMin),\n                  route.toToken.decimals\n                ),\n              })}{' '}\n              {route.toToken.symbol}\n            </DetailValue>\n          </DetailRow>\n        </>\n      ) : null}\n      <DetailRow>\n        <DetailLabelContainer>\n          <DetailLabel>{t('main.exchangeRate')}</DetailLabel>\n          <Tooltip title={t('tooltip.exchangeRate')}>\n            <DetailInfoIcon />\n          </Tooltip>\n        </DetailLabelContainer>\n        <DetailValue\n          onClick={toggleRate}\n          role=\"button\"\n          sx={{ cursor: 'pointer' }}\n        >\n          {rateText}\n        </DetailValue>\n      </DetailRow>\n      <DetailRow>\n        <DetailLabelContainer>\n          <DetailLabel>{t('main.estimatedTime')}</DetailLabel>\n          <Tooltip title={t('tooltip.estimatedTime')}>\n            <DetailInfoIcon />\n          </Tooltip>\n        </DetailLabelContainer>\n        <DetailValue>\n          {formatDuration(executionTimeSeconds, i18n.language)}\n        </DetailValue>\n      </DetailRow>\n    </Box>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"RouteDetails.js","names":[],"sources":["../../../../src/components/RouteCard/RouteDetails.tsx"],"sourcesContent":["import type { RouteExtended } from '@lifi/sdk'\nimport { useEthereumContext } from '@lifi/widget-provider'\nimport { Box, Tooltip } from '@mui/material'\nimport type { JSX } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useTokenRateText } from '../../hooks/useTokenRateText.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { isRouteDone } from '../../stores/routes/utils.js'\nimport { getAccumulatedFeeCostsBreakdown } from '../../utils/fees.js'\nimport {\n  formatDuration,\n  formatTokenAmount,\n  formatTokenPrice,\n} from '../../utils/format.js'\nimport { getPriceImpact } from '../../utils/getPriceImpact.js'\nimport { FeeBreakdownTooltip } from '../FeeBreakdownTooltip.js'\nimport { StepActions } from '../Step/StepActions.js'\nimport {\n  DetailInfoIcon,\n  DetailLabel,\n  DetailLabelContainer,\n  DetailRow,\n  DetailValue,\n} from './RouteDetails.style.js'\n\ninterface RouteDetailsProps {\n  route: RouteExtended\n}\n\nexport const RouteDetails = ({ route }: RouteDetailsProps): JSX.Element => {\n  const { t, i18n } = useTranslation()\n  const { rateText, toggleRate } = useTokenRateText(route)\n  const { feeConfig } = useWidgetConfig()\n  const { isGaslessStep } = useEthereumContext()\n\n  const { gasCosts, feeCosts, gasCostUSD, feeCostUSD } =\n    getAccumulatedFeeCostsBreakdown(route)\n\n  const priceImpact = getPriceImpact({\n    fromAmount: BigInt(route.fromAmount),\n    toAmount: BigInt(route.toAmount),\n    fromToken: route.fromToken,\n    toToken: route.toToken,\n  })\n\n  let feeAmountUSD = 0\n  let feePercentage = 0\n\n  const feeCollectionStep = route.steps[0].includedSteps.find(\n    (includedStep) => includedStep.tool === 'feeCollection'\n  )\n\n  if (feeCollectionStep) {\n    const estimatedFromAmount =\n      BigInt(feeCollectionStep.estimate.fromAmount) -\n      BigInt(feeCollectionStep.estimate.toAmount)\n\n    feeAmountUSD = formatTokenPrice(\n      estimatedFromAmount,\n      feeCollectionStep.action.fromToken.priceUSD,\n      feeCollectionStep.action.fromToken.decimals\n    )\n\n    feePercentage =\n      feeCollectionStep.estimate.feeCosts?.reduce(\n        (percentage, feeCost) =>\n          percentage + Number.parseFloat(feeCost.percentage || '0'),\n        0\n      ) ?? 0\n  }\n\n  const executionTimeSeconds = Math.floor(\n    route.steps.reduce(\n      (duration, step) => duration + step.estimate.executionDuration,\n      0\n    )\n  )\n\n  const hasGaslessSupport = route.steps.every((step) => isGaslessStep?.(step))\n\n  const showIntegratorFeeCollectionDetails =\n    (feeAmountUSD || Number.isFinite(feeConfig?.fee)) && !hasGaslessSupport\n\n  return (\n    <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1, pt: 1.5 }}>\n      <StepActions route={route} />\n      <DetailRow>\n        <DetailLabelContainer>\n          <DetailLabel>{t('main.fees.network')}</DetailLabel>\n          <FeeBreakdownTooltip gasCosts={gasCosts} gasless={hasGaslessSupport}>\n            <DetailInfoIcon />\n          </FeeBreakdownTooltip>\n        </DetailLabelContainer>\n        <DetailValue>\n          {!gasCostUSD\n            ? t('main.fees.free')\n            : t('format.currency', { value: gasCostUSD })}\n        </DetailValue>\n      </DetailRow>\n      {feeCosts.length ? (\n        <DetailRow>\n          <DetailLabelContainer>\n            <DetailLabel>{t('main.fees.provider')}</DetailLabel>\n            <FeeBreakdownTooltip feeCosts={feeCosts}>\n              <DetailInfoIcon />\n            </FeeBreakdownTooltip>\n          </DetailLabelContainer>\n          <DetailValue>\n            {t('format.currency', { value: feeCostUSD })}\n          </DetailValue>\n        </DetailRow>\n      ) : null}\n      {showIntegratorFeeCollectionDetails ? (\n        <DetailRow>\n          <DetailLabelContainer>\n            <DetailLabel>\n              {feeConfig?.name || t('main.fees.defaultIntegrator')}\n              {feeConfig?.showFeePercentage && (\n                <> ({t('format.percent', { value: feePercentage })})</>\n              )}\n            </DetailLabel>\n            {feeConfig?.showFeeTooltip &&\n            (feeConfig?.name || feeConfig?.feeTooltipComponent) ? (\n              <Tooltip\n                title={\n                  feeConfig?.feeTooltipComponent ||\n                  t('tooltip.feeCollection', { tool: feeConfig.name })\n                }\n              >\n                <DetailInfoIcon />\n              </Tooltip>\n            ) : null}\n          </DetailLabelContainer>\n          <DetailValue>\n            {t('format.currency', { value: feeAmountUSD })}\n          </DetailValue>\n        </DetailRow>\n      ) : null}\n      <DetailRow>\n        <DetailLabelContainer>\n          <DetailLabel>{t('main.priceImpact')}</DetailLabel>\n          <Tooltip title={t('tooltip.priceImpact')}>\n            <DetailInfoIcon />\n          </Tooltip>\n        </DetailLabelContainer>\n        <DetailValue>\n          {t('format.percent', { value: priceImpact, usePlusSign: true })}\n        </DetailValue>\n      </DetailRow>\n      {!isRouteDone(route) ? (\n        <>\n          <DetailRow>\n            <DetailLabelContainer>\n              <DetailLabel>{t('main.maxSlippage')}</DetailLabel>\n              <Tooltip title={t('tooltip.slippage')}>\n                <DetailInfoIcon />\n              </Tooltip>\n            </DetailLabelContainer>\n            <DetailValue>\n              {route.steps[0].action.slippage\n                ? t('format.percent', {\n                    value: route.steps[0].action.slippage,\n                  })\n                : t('button.auto')}\n            </DetailValue>\n          </DetailRow>\n          <DetailRow>\n            <DetailLabelContainer>\n              <DetailLabel>{t('main.minReceived')}</DetailLabel>\n              <Tooltip title={t('tooltip.minReceived')}>\n                <DetailInfoIcon />\n              </Tooltip>\n            </DetailLabelContainer>\n            <DetailValue>\n              {t('format.tokenAmount', {\n                value: formatTokenAmount(\n                  BigInt(route.toAmountMin),\n                  route.toToken.decimals\n                ),\n              })}{' '}\n              {route.toToken.symbol}\n            </DetailValue>\n          </DetailRow>\n        </>\n      ) : null}\n      <DetailRow>\n        <DetailLabelContainer>\n          <DetailLabel>{t('main.exchangeRate')}</DetailLabel>\n          <Tooltip title={t('tooltip.exchangeRate')}>\n            <DetailInfoIcon />\n          </Tooltip>\n        </DetailLabelContainer>\n        <DetailValue\n          onClick={toggleRate}\n          role=\"button\"\n          sx={{ cursor: 'pointer' }}\n        >\n          {rateText}\n        </DetailValue>\n      </DetailRow>\n      <DetailRow>\n        <DetailLabelContainer>\n          <DetailLabel>{t('main.estimatedTime')}</DetailLabel>\n          <Tooltip title={t('tooltip.estimatedTime')}>\n            <DetailInfoIcon />\n          </Tooltip>\n        </DetailLabelContainer>\n        <DetailValue>\n          {formatDuration(executionTimeSeconds, i18n.language)}\n        </DetailValue>\n      </DetailRow>\n    </Box>\n  )\n}\n"],"mappings":"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"}

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

@@ -2,11 +2,10 @@ import React from "react";
 import { Box, Typography } from "@mui/material";
 import InfoOutlined from "@mui/icons-material/InfoOutlined";
 //#region src/components/RouteCard/RouteDetails.style.d.ts
-declare const DetailRow: React.FC<React.ComponentProps<typeof Box>>;
-declare const DetailLabelContainer: React.FC<React.ComponentProps<typeof Box>>;
-declare const DetailLabel: React.FC<React.ComponentProps<typeof Typography>>;
-declare const DetailValue: React.FC<React.ComponentProps<typeof Typography>>;
-declare const DetailInfoIcon: React.FC<React.ComponentProps<typeof InfoOutlined>>;
+export declare const DetailRow: React.FC<React.ComponentProps<typeof Box>>;
+export declare const DetailLabelContainer: React.FC<React.ComponentProps<typeof Box>>;
+export declare const DetailLabel: React.FC<React.ComponentProps<typeof Typography>>;
+export declare const DetailValue: React.FC<React.ComponentProps<typeof Typography>>;
+export declare const DetailInfoIcon: React.FC<React.ComponentProps<typeof InfoOutlined>>;
 //#endregion
-export { DetailInfoIcon, DetailLabel, DetailLabelContainer, DetailRow, DetailValue };
 //# sourceMappingURL=RouteDetails.style.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"RouteDetails.style.d.ts","names":[],"sources":["../../../../src/components/RouteCard/RouteDetails.style.tsx"],"mappings":";;;;qBAIa,WAAW,MAAM,GAAG,MAAM,sBAAsB;qBAShD,sBAAsB,MAAM,GAAG,MAAM,sBAAsB;qBAO3D,aAAa,MAAM,GAAG,MAAM,sBAAsB;qBAQlD,aAAa,MAAM,GAAG,MAAM,sBAAsB;qBAQlD,gBAAgB,MAAM,GACjC,MAAM,sBAAsB"}

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

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

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

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

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

@@ -1,11 +1,10 @@
 import { RouteExtended } from "@lifi/sdk";
 //#region src/components/RouteCard/RouteTokens.d.ts
-declare const RouteTokens: React.FC<{
+export 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

@@ -1 +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"}
+{"version":3,"file":"RouteTokens.d.ts","names":[],"sources":["../../../../src/components/RouteCard/RouteTokens.tsx"],"mappings":";;qBAOa,aAAa,MAAM;EAC9B,OAAO;EACP;EACA;EACA,WAAW,MAAM"}

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

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

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

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

package/dist/esm/components/Routes/LimitOrderRoutes.js

@@ -11,10 +11,10 @@ const LimitOrderRoutes = (props) => {
 	const { routes, isLoading, isFetching, isFetched } = useRoutes();
 	const [toAddress, selectedRouteId] = useFieldValues("toAddress", "selectedRouteId");
 	const { setFieldValue } = useFieldActions();
-	const { requiredToAddress } = useToAddressRequirements();
+	const { requiredToAddress, unsupportedReceiverBlocking } = useToAddressRequirements();
 	const currentRoute = routes?.[0];
 	if (!currentRoute && !isLoading && !isFetching && !isFetched) return null;
-	const allowInteraction = !(currentRoute && requiredToAddress && !toAddress);
+	const allowInteraction = !(currentRoute && (unsupportedReceiverBlocking || requiredToAddress && !toAddress));
 	const activeRouteId = routes?.find((route) => route.id === selectedRouteId)?.id ?? currentRoute?.id;
 	return /* @__PURE__ */ jsx(Stack, {
 		direction: "column",

package/dist/esm/components/Routes/LimitOrderRoutes.js.map

@@ -1 +1 @@
-{"version":3,"file":"LimitOrderRoutes.js","names":[],"sources":["../../../../src/components/Routes/LimitOrderRoutes.tsx"],"sourcesContent":["import { Stack } from '@mui/material'\nimport { useRoutes } from '../../hooks/useRoutes.js'\nimport { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport { useFieldValues } from '../../stores/form/useFieldValues.js'\nimport type { CardProps } from '../Card/Card.js'\nimport { RouteNotFoundCard } from '../RouteCard/RouteNotFoundCard.js'\nimport {\n  RouteProviderCard,\n  RouteProviderCardSkeleton,\n} from '../RouteCard/RouteProviderCard.js'\n\nexport const LimitOrderRoutes: React.FC<CardProps> = (props) => {\n  const { routes, isLoading, isFetching, isFetched } = useRoutes()\n  const [toAddress, selectedRouteId] = useFieldValues(\n    'toAddress',\n    'selectedRouteId'\n  )\n  const { setFieldValue } = useFieldActions()\n  const { requiredToAddress } = useToAddressRequirements()\n\n  const currentRoute = routes?.[0]\n\n  if (!currentRoute && !isLoading && !isFetching && !isFetched) {\n    return null\n  }\n\n  const toAddressUnsatisfied = currentRoute && requiredToAddress && !toAddress\n  const allowInteraction = !toAddressUnsatisfied\n\n  const activeRouteId =\n    routes?.find((route) => route.id === selectedRouteId)?.id ??\n    currentRoute?.id\n\n  return (\n    <Stack\n      direction=\"column\"\n      spacing={1}\n      sx={props.sx}\n      className={props.className}\n    >\n      {isLoading && !currentRoute ? (\n        Array.from({ length: 2 }).map((_, index) => (\n          <RouteProviderCardSkeleton key={index} />\n        ))\n      ) : !currentRoute ? (\n        <RouteNotFoundCard />\n      ) : (\n        routes?.map((route) => (\n          <RouteProviderCard\n            key={route.id}\n            route={route}\n            active={route.id === activeRouteId}\n            onClick={\n              allowInteraction\n                ? () => setFieldValue('selectedRouteId', route.id)\n                : undefined\n            }\n          />\n        ))\n      )}\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;;;;AAYA,MAAa,oBAAyC,UAAU;CAC9D,MAAM,EAAE,QAAQ,WAAW,YAAY,cAAc,UAAU;CAC/D,MAAM,CAAC,WAAW,mBAAmB,eACnC,aACA,iBACF;CACA,MAAM,EAAE,kBAAkB,gBAAgB;CAC1C,MAAM,EAAE,sBAAsB,yBAAyB;CAEvD,MAAM,eAAe,SAAS;CAE9B,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,cAAc,CAAC,WACjD,OAAO;CAIT,MAAM,mBAAmB,EADI,gBAAgB,qBAAqB,CAAC;CAGnE,MAAM,gBACJ,QAAQ,MAAM,UAAU,MAAM,OAAO,eAAe,CAAC,EAAE,MACvD,cAAc;CAEhB,OACE,oBAAC,OAAD;EACE,WAAU;EACV,SAAS;EACT,IAAI,MAAM;EACV,WAAW,MAAM;EAEhB,UAAA,aAAa,CAAC,eACb,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,UAChC,oBAAC,2BAAD,CAAwC,GAAR,KAAQ,CACzC,IACC,CAAC,eACH,oBAAC,mBAAD,CAAoB,CAAA,IAEpB,QAAQ,KAAK,UACX,oBAAC,mBAAD;GAES;GACP,QAAQ,MAAM,OAAO;GACrB,SACE,yBACU,cAAc,mBAAmB,MAAM,EAAE,IAC/C,KAAA;EAEP,GARM,MAAM,EAQZ,CACF;CAEE,CAAA;AAEX"}
+{"version":3,"file":"LimitOrderRoutes.js","names":[],"sources":["../../../../src/components/Routes/LimitOrderRoutes.tsx"],"sourcesContent":["import { Stack } from '@mui/material'\nimport { useRoutes } from '../../hooks/useRoutes.js'\nimport { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport { useFieldValues } from '../../stores/form/useFieldValues.js'\nimport type { CardProps } from '../Card/Card.js'\nimport { RouteNotFoundCard } from '../RouteCard/RouteNotFoundCard.js'\nimport {\n  RouteProviderCard,\n  RouteProviderCardSkeleton,\n} from '../RouteCard/RouteProviderCard.js'\n\nexport const LimitOrderRoutes: React.FC<CardProps> = (props) => {\n  const { routes, isLoading, isFetching, isFetched } = useRoutes()\n  const [toAddress, selectedRouteId] = useFieldValues(\n    'toAddress',\n    'selectedRouteId'\n  )\n  const { setFieldValue } = useFieldActions()\n  const { requiredToAddress, unsupportedReceiverBlocking } =\n    useToAddressRequirements()\n\n  const currentRoute = routes?.[0]\n\n  if (!currentRoute && !isLoading && !isFetching && !isFetched) {\n    return null\n  }\n\n  const toAddressUnsatisfied =\n    currentRoute &&\n    (unsupportedReceiverBlocking || (requiredToAddress && !toAddress))\n  const allowInteraction = !toAddressUnsatisfied\n\n  const activeRouteId =\n    routes?.find((route) => route.id === selectedRouteId)?.id ??\n    currentRoute?.id\n\n  return (\n    <Stack\n      direction=\"column\"\n      spacing={1}\n      sx={props.sx}\n      className={props.className}\n    >\n      {isLoading && !currentRoute ? (\n        Array.from({ length: 2 }).map((_, index) => (\n          <RouteProviderCardSkeleton key={index} />\n        ))\n      ) : !currentRoute ? (\n        <RouteNotFoundCard />\n      ) : (\n        routes?.map((route) => (\n          <RouteProviderCard\n            key={route.id}\n            route={route}\n            active={route.id === activeRouteId}\n            onClick={\n              allowInteraction\n                ? () => setFieldValue('selectedRouteId', route.id)\n                : undefined\n            }\n          />\n        ))\n      )}\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;;;;AAYA,MAAa,oBAAyC,UAAU;CAC9D,MAAM,EAAE,QAAQ,WAAW,YAAY,cAAc,UAAU;CAC/D,MAAM,CAAC,WAAW,mBAAmB,eACnC,aACA,iBACF;CACA,MAAM,EAAE,kBAAkB,gBAAgB;CAC1C,MAAM,EAAE,mBAAmB,gCACzB,yBAAyB;CAE3B,MAAM,eAAe,SAAS;CAE9B,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,cAAc,CAAC,WACjD,OAAO;CAMT,MAAM,mBAAmB,EAFvB,iBACC,+BAAgC,qBAAqB,CAAC;CAGzD,MAAM,gBACJ,QAAQ,MAAM,UAAU,MAAM,OAAO,eAAe,CAAC,EAAE,MACvD,cAAc;CAEhB,OACE,oBAAC,OAAD;EACE,WAAU;EACV,SAAS;EACT,IAAI,MAAM;EACV,WAAW,MAAM;EAEhB,UAAA,aAAa,CAAC,eACb,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,UAChC,oBAAC,2BAAD,CAAwC,GAAR,KAAQ,CACzC,IACC,CAAC,eACH,oBAAC,mBAAD,CAAoB,CAAA,IAEpB,QAAQ,KAAK,UACX,oBAAC,mBAAD;GAES;GACP,QAAQ,MAAM,OAAO;GACrB,SACE,yBACU,cAAc,mBAAmB,MAAM,EAAE,IAC/C,KAAA;EAEP,GARM,MAAM,EAQZ,CACF;CAEE,CAAA;AAEX"}

package/dist/esm/components/Routes/RoutesContent.js

@@ -19,10 +19,10 @@ const RoutesContent = memo(function RoutesContent({ routes, isFetching, isLoadin
 	const { mode, modeOptions } = useWidgetConfig();
 	const { account } = useAccount({ chainType: fromChain?.chainType });
 	const [toAddress] = useFieldValues("toAddress");
-	const { requiredToAddress } = useToAddressRequirements();
+	const { requiredToAddress, unsupportedReceiverBlocking } = useToAddressRequirements();
 	const currentRoute = routes?.[0];
 	const routeNotFound = !currentRoute && !isLoading && !isFetching;
-	const toAddressUnsatisfied = currentRoute && requiredToAddress && !toAddress;
+	const toAddressUnsatisfied = currentRoute && (unsupportedReceiverBlocking || requiredToAddress && !toAddress);
 	const allowInteraction = account.isConnected && !toAddressUnsatisfied;
 	const title = mode === "custom" ? modeOptions?.custom?.type === "deposit" ? t("header.deposit") : t("header.youPay") : t("header.receive");
 	return /* @__PURE__ */ jsxs(Container$1, {

package/dist/esm/components/Routes/RoutesContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoutesContent.js","names":["Container"],"sources":["../../../../src/components/Routes/RoutesContent.tsx"],"sourcesContent":["import type { ExtendedChain, Route } from '@lifi/sdk'\nimport { useAccount } from '@lifi/wallet-management'\nimport { Stack, Typography } from '@mui/material'\nimport type React from 'react'\nimport { memo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { useFieldValues } from '../../stores/form/useFieldValues.js'\nimport { PageContainer } from '../PageContainer.js'\nimport { ProgressToNextUpdate } from '../ProgressToNextUpdate.js'\nimport { RouteCard } from '../RouteCard/RouteCard.js'\nimport { RouteCardSkeleton } from '../RouteCard/RouteCardSkeleton.js'\nimport { RouteNotFoundCard } from '../RouteCard/RouteNotFoundCard.js'\nimport { Container, Header } from './RoutesExpanded.style.js'\n\ninterface RoutesContentProps {\n  routes?: Route[]\n  isFetching: boolean\n  isLoading: boolean\n  dataUpdatedAt: number\n  refetchTime: number\n  fromChain: ExtendedChain | undefined\n  refetch: () => void\n  onRouteClick: (route: Route) => void\n}\n\nconst headerHeight = '52px'\n\nexport const RoutesContent: React.NamedExoticComponent<RoutesContentProps> =\n  memo(function RoutesContent({\n    routes,\n    isFetching,\n    isLoading,\n    dataUpdatedAt,\n    refetchTime,\n    fromChain,\n    refetch,\n    onRouteClick,\n  }: RoutesContentProps) {\n    const { t } = useTranslation()\n    const { mode, modeOptions } = useWidgetConfig()\n\n    const { account } = useAccount({ chainType: fromChain?.chainType })\n    const [toAddress] = useFieldValues('toAddress')\n    const { requiredToAddress } = useToAddressRequirements()\n\n    const currentRoute = routes?.[0]\n\n    const routeNotFound = !currentRoute && !isLoading && !isFetching\n    const toAddressUnsatisfied = currentRoute && requiredToAddress && !toAddress\n    const allowInteraction = account.isConnected && !toAddressUnsatisfied\n\n    const title =\n      mode === 'custom'\n        ? modeOptions?.custom?.type === 'deposit'\n          ? t('header.deposit')\n          : t('header.youPay')\n        : t('header.receive')\n\n    return (\n      <Container enableColorScheme minimumHeight={isLoading}>\n        <Header sx={{ height: headerHeight }}>\n          <Typography\n            noWrap\n            sx={{\n              fontSize: 18,\n              fontWeight: '700',\n              flex: 1,\n            }}\n          >\n            {title}\n          </Typography>\n          <ProgressToNextUpdate\n            updatedAt={dataUpdatedAt || Date.now()}\n            timeToUpdate={refetchTime}\n            isLoading={isFetching}\n            onClick={() => refetch()}\n            sx={{ marginRight: -1 }}\n          />\n        </Header>\n        <PageContainer\n          sx={{ height: `calc(100% - ${headerHeight})`, overflow: 'auto' }}\n        >\n          <Stack\n            direction=\"column\"\n            spacing={2}\n            sx={{\n              flex: 1,\n              paddingTop: 1.5,\n              paddingBottom: 3,\n            }}\n          >\n            {routeNotFound ? (\n              <RouteNotFoundCard />\n            ) : (isLoading || isFetching) && !routes?.length ? (\n              Array.from({ length: 3 }).map((_, index) => (\n                <RouteCardSkeleton key={index} />\n              ))\n            ) : (\n              routes?.map((route: Route, index: number) => (\n                <RouteCard\n                  key={index}\n                  route={route}\n                  onClick={\n                    allowInteraction ? () => onRouteClick(route) : undefined\n                  }\n                  active={index === 0}\n                  expanded={routes?.length === 1}\n                />\n              ))\n            )}\n          </Stack>\n        </PageContainer>\n      </Container>\n    )\n  })\n"],"mappings":";;;;;;;;;;;;;;;AA2BA,MAAM,eAAe;AAErB,MAAa,gBACX,KAAK,SAAS,cAAc,EAC1B,QACA,YACA,WACA,eACA,aACA,WACA,SACA,gBACqB;CACrB,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,EAAE,MAAM,gBAAgB,gBAAgB;CAE9C,MAAM,EAAE,YAAY,WAAW,EAAE,WAAW,WAAW,UAAU,CAAC;CAClE,MAAM,CAAC,aAAa,eAAe,WAAW;CAC9C,MAAM,EAAE,sBAAsB,yBAAyB;CAEvD,MAAM,eAAe,SAAS;CAE9B,MAAM,gBAAgB,CAAC,gBAAgB,CAAC,aAAa,CAAC;CACtD,MAAM,uBAAuB,gBAAgB,qBAAqB,CAAC;CACnE,MAAM,mBAAmB,QAAQ,eAAe,CAAC;CAEjD,MAAM,QACJ,SAAS,WACL,aAAa,QAAQ,SAAS,YAC5B,EAAE,gBAAgB,IAClB,EAAE,eAAe,IACnB,EAAE,gBAAgB;CAExB,OACE,qBAACA,aAAD;EAAW,mBAAA;EAAkB,eAAe;EAA5C,UAAA,CACE,qBAAC,QAAD;GAAQ,IAAI,EAAE,QAAQ,aAAa;GAAnC,UAAA,CACE,oBAAC,YAAD;IACE,QAAA;IACA,IAAI;KACF,UAAU;KACV,YAAY;KACZ,MAAM;IACR;IAEC,UAAA;GACS,CAAA,GACZ,oBAAC,sBAAD;IACE,WAAW,iBAAiB,KAAK,IAAI;IACrC,cAAc;IACd,WAAW;IACX,eAAe,QAAQ;IACvB,IAAI,EAAE,aAAa,GAAG;GACvB,CAAA,CACK;EACR,CAAA,GAAA,oBAAC,eAAD;GACE,IAAI;IAAE,QAAQ,eAAe,aAAa;IAAI,UAAU;GAAO;GAE/D,UAAA,oBAAC,OAAD;IACE,WAAU;IACV,SAAS;IACT,IAAI;KACF,MAAM;KACN,YAAY;KACZ,eAAe;IACjB;IAEC,UAAA,gBACC,oBAAC,mBAAD,CAAoB,CAAA,KACjB,aAAa,eAAe,CAAC,QAAQ,SACxC,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,UAChC,oBAAC,mBAAD,CAAgC,GAAR,KAAQ,CACjC,IAED,QAAQ,KAAK,OAAc,UACzB,oBAAC,WAAD;KAES;KACP,SACE,yBAAyB,aAAa,KAAK,IAAI,KAAA;KAEjD,QAAQ,UAAU;KAClB,UAAU,QAAQ,WAAW;IAC9B,GAPM,KAON,CACF;GAEE,CAAA;EACM,CAAA,CACN;;AAEf,CAAC"}
+{"version":3,"file":"RoutesContent.js","names":["Container"],"sources":["../../../../src/components/Routes/RoutesContent.tsx"],"sourcesContent":["import type { ExtendedChain, Route } from '@lifi/sdk'\nimport { useAccount } from '@lifi/wallet-management'\nimport { Stack, Typography } from '@mui/material'\nimport type React from 'react'\nimport { memo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { useFieldValues } from '../../stores/form/useFieldValues.js'\nimport { PageContainer } from '../PageContainer.js'\nimport { ProgressToNextUpdate } from '../ProgressToNextUpdate.js'\nimport { RouteCard } from '../RouteCard/RouteCard.js'\nimport { RouteCardSkeleton } from '../RouteCard/RouteCardSkeleton.js'\nimport { RouteNotFoundCard } from '../RouteCard/RouteNotFoundCard.js'\nimport { Container, Header } from './RoutesExpanded.style.js'\n\ninterface RoutesContentProps {\n  routes?: Route[]\n  isFetching: boolean\n  isLoading: boolean\n  dataUpdatedAt: number\n  refetchTime: number\n  fromChain: ExtendedChain | undefined\n  refetch: () => void\n  onRouteClick: (route: Route) => void\n}\n\nconst headerHeight = '52px'\n\nexport const RoutesContent: React.NamedExoticComponent<RoutesContentProps> =\n  memo(function RoutesContent({\n    routes,\n    isFetching,\n    isLoading,\n    dataUpdatedAt,\n    refetchTime,\n    fromChain,\n    refetch,\n    onRouteClick,\n  }: RoutesContentProps) {\n    const { t } = useTranslation()\n    const { mode, modeOptions } = useWidgetConfig()\n\n    const { account } = useAccount({ chainType: fromChain?.chainType })\n    const [toAddress] = useFieldValues('toAddress')\n    const { requiredToAddress, unsupportedReceiverBlocking } =\n      useToAddressRequirements()\n\n    const currentRoute = routes?.[0]\n\n    const routeNotFound = !currentRoute && !isLoading && !isFetching\n    const toAddressUnsatisfied =\n      currentRoute &&\n      (unsupportedReceiverBlocking || (requiredToAddress && !toAddress))\n    const allowInteraction = account.isConnected && !toAddressUnsatisfied\n\n    const title =\n      mode === 'custom'\n        ? modeOptions?.custom?.type === 'deposit'\n          ? t('header.deposit')\n          : t('header.youPay')\n        : t('header.receive')\n\n    return (\n      <Container enableColorScheme minimumHeight={isLoading}>\n        <Header sx={{ height: headerHeight }}>\n          <Typography\n            noWrap\n            sx={{\n              fontSize: 18,\n              fontWeight: '700',\n              flex: 1,\n            }}\n          >\n            {title}\n          </Typography>\n          <ProgressToNextUpdate\n            updatedAt={dataUpdatedAt || Date.now()}\n            timeToUpdate={refetchTime}\n            isLoading={isFetching}\n            onClick={() => refetch()}\n            sx={{ marginRight: -1 }}\n          />\n        </Header>\n        <PageContainer\n          sx={{ height: `calc(100% - ${headerHeight})`, overflow: 'auto' }}\n        >\n          <Stack\n            direction=\"column\"\n            spacing={2}\n            sx={{\n              flex: 1,\n              paddingTop: 1.5,\n              paddingBottom: 3,\n            }}\n          >\n            {routeNotFound ? (\n              <RouteNotFoundCard />\n            ) : (isLoading || isFetching) && !routes?.length ? (\n              Array.from({ length: 3 }).map((_, index) => (\n                <RouteCardSkeleton key={index} />\n              ))\n            ) : (\n              routes?.map((route: Route, index: number) => (\n                <RouteCard\n                  key={index}\n                  route={route}\n                  onClick={\n                    allowInteraction ? () => onRouteClick(route) : undefined\n                  }\n                  active={index === 0}\n                  expanded={routes?.length === 1}\n                />\n              ))\n            )}\n          </Stack>\n        </PageContainer>\n      </Container>\n    )\n  })\n"],"mappings":";;;;;;;;;;;;;;;AA2BA,MAAM,eAAe;AAErB,MAAa,gBACX,KAAK,SAAS,cAAc,EAC1B,QACA,YACA,WACA,eACA,aACA,WACA,SACA,gBACqB;CACrB,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,EAAE,MAAM,gBAAgB,gBAAgB;CAE9C,MAAM,EAAE,YAAY,WAAW,EAAE,WAAW,WAAW,UAAU,CAAC;CAClE,MAAM,CAAC,aAAa,eAAe,WAAW;CAC9C,MAAM,EAAE,mBAAmB,gCACzB,yBAAyB;CAE3B,MAAM,eAAe,SAAS;CAE9B,MAAM,gBAAgB,CAAC,gBAAgB,CAAC,aAAa,CAAC;CACtD,MAAM,uBACJ,iBACC,+BAAgC,qBAAqB,CAAC;CACzD,MAAM,mBAAmB,QAAQ,eAAe,CAAC;CAEjD,MAAM,QACJ,SAAS,WACL,aAAa,QAAQ,SAAS,YAC5B,EAAE,gBAAgB,IAClB,EAAE,eAAe,IACnB,EAAE,gBAAgB;CAExB,OACE,qBAACA,aAAD;EAAW,mBAAA;EAAkB,eAAe;EAA5C,UAAA,CACE,qBAAC,QAAD;GAAQ,IAAI,EAAE,QAAQ,aAAa;GAAnC,UAAA,CACE,oBAAC,YAAD;IACE,QAAA;IACA,IAAI;KACF,UAAU;KACV,YAAY;KACZ,MAAM;IACR;IAEC,UAAA;GACS,CAAA,GACZ,oBAAC,sBAAD;IACE,WAAW,iBAAiB,KAAK,IAAI;IACrC,cAAc;IACd,WAAW;IACX,eAAe,QAAQ;IACvB,IAAI,EAAE,aAAa,GAAG;GACvB,CAAA,CACK;EACR,CAAA,GAAA,oBAAC,eAAD;GACE,IAAI;IAAE,QAAQ,eAAe,aAAa;IAAI,UAAU;GAAO;GAE/D,UAAA,oBAAC,OAAD;IACE,WAAU;IACV,SAAS;IACT,IAAI;KACF,MAAM;KACN,YAAY;KACZ,eAAe;IACjB;IAEC,UAAA,gBACC,oBAAC,mBAAD,CAAoB,CAAA,KACjB,aAAa,eAAe,CAAC,QAAQ,SACxC,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,UAChC,oBAAC,mBAAD,CAAgC,GAAR,KAAQ,CACjC,IAED,QAAQ,KAAK,OAAc,UACzB,oBAAC,WAAD;KAES;KACP,SACE,yBAAyB,aAAa,KAAK,IAAI,KAAA;KAEjD,QAAQ,UAAU;KAClB,UAAU,QAAQ,WAAW;IAC9B,GAPM,KAON,CACF;GAEE,CAAA;EACM,CAAA,CACN;;AAEf,CAAC"}

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

@@ -11,7 +11,6 @@ interface SearchInputProps {
   autoFocus?: boolean;
   size?: "small" | "medium";
 }
-declare const SearchInput: ({ inputRef, name, placeholder, onChange, onBlur, onClear, value, autoFocus, size }: SearchInputProps) => JSX.Element;
+export 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

@@ -1 +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"}
+{"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;;qBAGW,gBACX,UACA,MACA,aACA,UACA,QACA,SACA,OACA,WACA,QACC,qBAAmB,IAAI"}

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

@@ -1,10 +1,9 @@
 import { CardProps } from "../Card/Card.js";
 //#region src/components/SendToWallet/SendToWalletButton.d.ts
-declare const SendToWalletButton: React.FC<CardProps & {
+export 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

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

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

@@ -16,9 +16,9 @@ const SendToWalletExpandButton = () => {
 	const { toAddresses, disabledUI, hiddenUI } = useWidgetConfig();
 	const hiddenToAddress = hiddenUI?.toAddress;
 	const disabledToAddress = disabledUI?.toAddress;
-	const { requiredToAddress } = useToAddressRequirements();
+	const { requiredToAddress, unsupportedToAddress } = useToAddressRequirements();
 	const [toAddressValue] = useFieldValues("toAddress");
-	const visible = !hiddenToAddress && !disabledToAddress && !toAddressValue && !requiredToAddress;
+	const visible = !hiddenToAddress && !disabledToAddress && !unsupportedToAddress && !toAddressValue && !requiredToAddress;
 	const handleClick = () => navigate({ to: toAddresses?.length ? navigationRoutes.configuredWallets : navigationRoutes.sendToWallet });
 	return /* @__PURE__ */ jsx(Collapse, {
 		orientation: "horizontal",

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

@@ -1 +1 @@
-{"version":3,"file":"SendToWalletExpandButton.js","names":[],"sources":["../../../../src/components/SendToWallet/SendToWalletExpandButton.tsx"],"sourcesContent":["import Wallet from '@mui/icons-material/Wallet'\nimport Button from '@mui/material/Button'\nimport Collapse from '@mui/material/Collapse'\nimport Tooltip from '@mui/material/Tooltip'\nimport { useNavigate } from '@tanstack/react-router'\nimport type { JSX } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { useFieldValues } from '../../stores/form/useFieldValues.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\n\nexport const SendToWalletExpandButton = (): JSX.Element => {\n  const { t } = useTranslation()\n  const navigate = useNavigate()\n  const { toAddresses, disabledUI, hiddenUI } = useWidgetConfig()\n  const hiddenToAddress = hiddenUI?.toAddress\n  const disabledToAddress = disabledUI?.toAddress\n  const { requiredToAddress } = useToAddressRequirements()\n  const [toAddressValue] = useFieldValues('toAddress')\n\n  const visible =\n    !hiddenToAddress &&\n    !disabledToAddress &&\n    !toAddressValue &&\n    !requiredToAddress\n\n  const handleClick = () =>\n    navigate({\n      to: toAddresses?.length\n        ? navigationRoutes.configuredWallets\n        : navigationRoutes.sendToWallet,\n    })\n\n  return (\n    <Collapse\n      orientation=\"horizontal\"\n      in={visible}\n      timeout={225}\n      mountOnEnter\n      unmountOnExit\n    >\n      <Tooltip title={t('main.sendToWallet')} placement=\"bottom-end\">\n        <Button\n          variant=\"text\"\n          onClick={handleClick}\n          sx={{\n            ml: 1.5,\n            minWidth: 48,\n            width: 48,\n            height: 48,\n          }}\n        >\n          <Wallet />\n        </Button>\n      </Tooltip>\n    </Collapse>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAYA,MAAa,iCAA8C;CACzD,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,WAAW,YAAY;CAC7B,MAAM,EAAE,aAAa,YAAY,aAAa,gBAAgB;CAC9D,MAAM,kBAAkB,UAAU;CAClC,MAAM,oBAAoB,YAAY;CACtC,MAAM,EAAE,sBAAsB,yBAAyB;CACvD,MAAM,CAAC,kBAAkB,eAAe,WAAW;CAEnD,MAAM,UACJ,CAAC,mBACD,CAAC,qBACD,CAAC,kBACD,CAAC;CAEH,MAAM,oBACJ,SAAS,EACP,IAAI,aAAa,SACb,iBAAiB,oBACjB,iBAAiB,aACvB,CAAC;CAEH,OACE,oBAAC,UAAD;EACE,aAAY;EACZ,IAAI;EACJ,SAAS;EACT,cAAA;EACA,eAAA;EAEA,UAAA,oBAAC,SAAD;GAAS,OAAO,EAAE,mBAAmB;GAAG,WAAU;GAChD,UAAA,oBAAC,QAAD;IACE,SAAQ;IACR,SAAS;IACT,IAAI;KACF,IAAI;KACJ,UAAU;KACV,OAAO;KACP,QAAQ;IACV;IAEA,UAAA,oBAAC,QAAD,CAAS,CAAA;GACH,CAAA;EACD,CAAA;CACD,CAAA;AAEd"}
+{"version":3,"file":"SendToWalletExpandButton.js","names":[],"sources":["../../../../src/components/SendToWallet/SendToWalletExpandButton.tsx"],"sourcesContent":["import Wallet from '@mui/icons-material/Wallet'\nimport Button from '@mui/material/Button'\nimport Collapse from '@mui/material/Collapse'\nimport Tooltip from '@mui/material/Tooltip'\nimport { useNavigate } from '@tanstack/react-router'\nimport type { JSX } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { useFieldValues } from '../../stores/form/useFieldValues.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\n\nexport const SendToWalletExpandButton = (): JSX.Element => {\n  const { t } = useTranslation()\n  const navigate = useNavigate()\n  const { toAddresses, disabledUI, hiddenUI } = useWidgetConfig()\n  const hiddenToAddress = hiddenUI?.toAddress\n  const disabledToAddress = disabledUI?.toAddress\n  const { requiredToAddress, unsupportedToAddress } = useToAddressRequirements()\n  const [toAddressValue] = useFieldValues('toAddress')\n\n  const visible =\n    !hiddenToAddress &&\n    !disabledToAddress &&\n    !unsupportedToAddress &&\n    !toAddressValue &&\n    !requiredToAddress\n\n  const handleClick = () =>\n    navigate({\n      to: toAddresses?.length\n        ? navigationRoutes.configuredWallets\n        : navigationRoutes.sendToWallet,\n    })\n\n  return (\n    <Collapse\n      orientation=\"horizontal\"\n      in={visible}\n      timeout={225}\n      mountOnEnter\n      unmountOnExit\n    >\n      <Tooltip title={t('main.sendToWallet')} placement=\"bottom-end\">\n        <Button\n          variant=\"text\"\n          onClick={handleClick}\n          sx={{\n            ml: 1.5,\n            minWidth: 48,\n            width: 48,\n            height: 48,\n          }}\n        >\n          <Wallet />\n        </Button>\n      </Tooltip>\n    </Collapse>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAYA,MAAa,iCAA8C;CACzD,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,WAAW,YAAY;CAC7B,MAAM,EAAE,aAAa,YAAY,aAAa,gBAAgB;CAC9D,MAAM,kBAAkB,UAAU;CAClC,MAAM,oBAAoB,YAAY;CACtC,MAAM,EAAE,mBAAmB,yBAAyB,yBAAyB;CAC7E,MAAM,CAAC,kBAAkB,eAAe,WAAW;CAEnD,MAAM,UACJ,CAAC,mBACD,CAAC,qBACD,CAAC,wBACD,CAAC,kBACD,CAAC;CAEH,MAAM,oBACJ,SAAS,EACP,IAAI,aAAa,SACb,iBAAiB,oBACjB,iBAAiB,aACvB,CAAC;CAEH,OACE,oBAAC,UAAD;EACE,aAAY;EACZ,IAAI;EACJ,SAAS;EACT,cAAA;EACA,eAAA;EAEA,UAAA,oBAAC,SAAD;GAAS,OAAO,EAAE,mBAAmB;GAAG,WAAU;GAChD,UAAA,oBAAC,QAAD;IACE,SAAQ;IACR,SAAS;IACT,IAAI;KACF,IAAI;KACJ,UAAU;KACV,OAAO;KACP,QAAQ;IACV;IAEA,UAAA,oBAAC,QAAD,CAAS,CAAA;GACH,CAAA;EACD,CAAA;CACD,CAAA;AAEd"}

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

@@ -1,7 +1,6 @@
 import { WidgetConfigPartialProps } from "../../types/widget.js";
 import { JSX } from "react";
 //#region src/components/Skeleton/WidgetSkeleton.d.ts
-declare const WidgetSkeleton: ({ config }: WidgetConfigPartialProps) => JSX.Element;
+export 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,mBACX,UACC,6BAA2B,IAAI"}
+{"version":3,"file":"WidgetSkeleton.d.ts","names":[],"sources":["../../../../src/components/Skeleton/WidgetSkeleton.tsx"],"mappings":";;;qBAkEa,mBACX,UACC,6BAA2B,IAAI"}