@lifi/widget 4.6.0 → 4.7.0

package/dist/esm/pages/TransactionPage/TransactionFailedButtons.js

@@ -1,10 +1,12 @@
+import { useWidgetEvents } from "../../hooks/useWidgetEvents.js";
+import "../../types/events.js";
 import { useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
 import { getAccumulatedFeeCostsBreakdown } from "../../utils/fees.js";
 import { useNavigateBack } from "../../hooks/useNavigateBack.js";
 import { useAddressActivity } from "../../hooks/useAddressActivity.js";
 import { ConfirmToAddressSheet } from "./ConfirmToAddressSheet.js";
 import { StartTransactionButton } from "./StartTransactionButton.js";
-import { getTokenValueLossThreshold } from "./utils.js";
+import { calculateValueLossPercentage, getRetryGates, getTokenValueLossThreshold, openNextGate } from "./utils.js";
 import { TokenValueBottomSheet } from "./TokenValueBottomSheet.js";
 import { useRef } from "react";
 import { Box, Button } from "@mui/material";
@@ -13,6 +15,7 @@ import { useTranslation } from "react-i18next";
 //#region src/pages/TransactionPage/TransactionFailedButtons.tsx
 const TransactionFailedButtons = ({ route, restartRoute, deleteRoute }) => {
 	const { t } = useTranslation();
+	const emitter = useWidgetEvents();
 	const navigateBack = useNavigateBack();
 	const { mode, hiddenUI } = useWidgetConfig();
 	const tokenValueBottomSheetRef = useRef(null);
@@ -22,17 +25,40 @@ const TransactionFailedButtons = ({ route, restartRoute, deleteRoute }) => {
 		navigateBack();
 		deleteRoute();
 	};
-	const handleRetryClick = () => {
-		if (toAddress && !hasActivity && !isLoadingAddressActivity && isActivityAddressFetched && !hiddenUI?.lowAddressActivityConfirmation) {
-			confirmToAddressSheetRef.current?.open();
-			return;
-		}
+	const retryGates = (() => {
 		const { gasCostUSD, feeCostUSD } = getAccumulatedFeeCostsBreakdown(route);
-		const fromAmountUSD = Number.parseFloat(route.fromAmountUSD);
-		const toAmountUSD = Number.parseFloat(route.toAmountUSD);
-		if (getTokenValueLossThreshold(fromAmountUSD, toAmountUSD, gasCostUSD, feeCostUSD) && mode !== "custom") tokenValueBottomSheetRef.current?.open();
-		else restartRoute();
+		return getRetryGates({
+			toAddress,
+			hasActivity,
+			isLoadingAddressActivity,
+			isActivityAddressFetched,
+			confirmationHidden: Boolean(hiddenUI?.lowAddressActivityConfirmation),
+			valueLossExceeded: getTokenValueLossThreshold(Number.parseFloat(route.fromAmountUSD), Number.parseFloat(route.toAmountUSD), gasCostUSD, feeCostUSD),
+			isCustomMode: mode === "custom"
+		});
+	})();
+	const openGate = (after) => openNextGate(retryGates, {
+		address: () => confirmToAddressSheetRef.current?.open(),
+		value: () => tokenValueBottomSheetRef.current?.open()
+	}, handleRestartRoute, after);
+	const handleRestartRoute = () => {
+		if (tokenValueBottomSheetRef.current?.isOpen()) {
+			const { gasCostUSD, feeCostUSD } = getAccumulatedFeeCostsBreakdown(route);
+			const fromAmountUSD = Number.parseFloat(route.fromAmountUSD);
+			const toAmountUSD = Number.parseFloat(route.toAmountUSD);
+			emitter.emit("routeHighValueLoss", {
+				fromAmountUSD,
+				toAmountUSD,
+				gasCostUSD,
+				feeCostUSD,
+				valueLoss: calculateValueLossPercentage(fromAmountUSD, toAmountUSD, gasCostUSD, feeCostUSD)
+			});
+		}
+		tokenValueBottomSheetRef.current?.close();
+		restartRoute();
 	};
+	const handleRetryClick = () => openGate();
+	const handleConfirmToAddressContinue = () => openGate("address");
 	return /* @__PURE__ */ jsxs(Box, {
 		sx: {
 			display: "flex",
@@ -65,11 +91,11 @@ const TransactionFailedButtons = ({ route, restartRoute, deleteRoute }) => {
 			mode !== "custom" ? /* @__PURE__ */ jsx(TokenValueBottomSheet, {
 				route,
 				ref: tokenValueBottomSheetRef,
-				onContinue: restartRoute
+				onContinue: handleRestartRoute
 			}) : null,
 			!hiddenUI?.lowAddressActivityConfirmation ? /* @__PURE__ */ jsx(ConfirmToAddressSheet, {
 				ref: confirmToAddressSheetRef,
-				onContinue: restartRoute,
+				onContinue: handleConfirmToAddressContinue,
 				toAddress,
 				toChainId: route.toChainId
 			}) : null

package/dist/esm/pages/TransactionPage/TransactionFailedButtons.js.map

@@ -1 +1 @@
-{"version":3,"file":"TransactionFailedButtons.js","names":[],"sources":["../../../../src/pages/TransactionPage/TransactionFailedButtons.tsx"],"sourcesContent":["import type { RouteExtended } from '@lifi/sdk'\nimport { Box, Button } from '@mui/material'\nimport { useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { BottomSheetBase } from '../../components/BottomSheet/types.js'\nimport { useAddressActivity } from '../../hooks/useAddressActivity.js'\nimport { useNavigateBack } from '../../hooks/useNavigateBack.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { getAccumulatedFeeCostsBreakdown } from '../../utils/fees.js'\nimport { ConfirmToAddressSheet } from './ConfirmToAddressSheet.js'\nimport { StartTransactionButton } from './StartTransactionButton.js'\nimport { TokenValueBottomSheet } from './TokenValueBottomSheet.js'\nimport { getTokenValueLossThreshold } from './utils.js'\n\ninterface TransactionFailedButtonsProps {\n  route: RouteExtended\n  restartRoute: () => void\n  deleteRoute: () => void\n}\n\nexport const TransactionFailedButtons: React.FC<\n  TransactionFailedButtonsProps\n> = ({ route, restartRoute, deleteRoute }) => {\n  const { t } = useTranslation()\n  const navigateBack = useNavigateBack()\n  const { mode, hiddenUI } = useWidgetConfig()\n\n  const tokenValueBottomSheetRef = useRef<BottomSheetBase>(null)\n  const confirmToAddressSheetRef = useRef<BottomSheetBase>(null)\n\n  const {\n    toAddress,\n    hasActivity,\n    isLoading: isLoadingAddressActivity,\n    isFetched: isActivityAddressFetched,\n  } = useAddressActivity(route.toChainId)\n\n  const handleRemoveRoute = () => {\n    navigateBack()\n    deleteRoute()\n  }\n\n  const handleRetryClick = () => {\n    if (\n      toAddress &&\n      !hasActivity &&\n      !isLoadingAddressActivity &&\n      isActivityAddressFetched &&\n      !hiddenUI?.lowAddressActivityConfirmation\n    ) {\n      confirmToAddressSheetRef.current?.open()\n      return\n    }\n\n    const { gasCostUSD, feeCostUSD } = getAccumulatedFeeCostsBreakdown(route)\n    const fromAmountUSD = Number.parseFloat(route.fromAmountUSD)\n    const toAmountUSD = Number.parseFloat(route.toAmountUSD)\n    const tokenValueLossThresholdExceeded = getTokenValueLossThreshold(\n      fromAmountUSD,\n      toAmountUSD,\n      gasCostUSD,\n      feeCostUSD\n    )\n    if (tokenValueLossThresholdExceeded && mode !== 'custom') {\n      tokenValueBottomSheetRef.current?.open()\n    } else {\n      restartRoute()\n    }\n  }\n\n  return (\n    <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1.5 }}>\n      <Box sx={{ display: 'flex', gap: 1.5 }}>\n        <Box sx={{ flex: 1 }}>\n          <Button onClick={handleRemoveRoute} fullWidth>\n            {t('button.delete')}\n          </Button>\n        </Box>\n        <Box sx={{ flex: 1 }}>\n          <StartTransactionButton\n            text={t('button.tryAgain')}\n            onClick={handleRetryClick}\n            route={route}\n            loading={isLoadingAddressActivity}\n          />\n        </Box>\n      </Box>\n      {mode !== 'custom' ? (\n        <TokenValueBottomSheet\n          route={route}\n          ref={tokenValueBottomSheetRef}\n          onContinue={restartRoute}\n        />\n      ) : null}\n      {!hiddenUI?.lowAddressActivityConfirmation ? (\n        <ConfirmToAddressSheet\n          ref={confirmToAddressSheetRef}\n          onContinue={restartRoute}\n          toAddress={toAddress!}\n          toChainId={route.toChainId!}\n        />\n      ) : null}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;AAoBA,MAAa,4BAER,EAAE,OAAO,cAAc,kBAAkB;CAC5C,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,eAAe,gBAAgB;CACrC,MAAM,EAAE,MAAM,aAAa,gBAAgB;CAE3C,MAAM,2BAA2B,OAAwB,IAAI;CAC7D,MAAM,2BAA2B,OAAwB,IAAI;CAE7D,MAAM,EACJ,WACA,aACA,WAAW,0BACX,WAAW,6BACT,mBAAmB,MAAM,SAAS;CAEtC,MAAM,0BAA0B;EAC9B,aAAa;EACb,YAAY;CACd;CAEA,MAAM,yBAAyB;EAC7B,IACE,aACA,CAAC,eACD,CAAC,4BACD,4BACA,CAAC,UAAU,gCACX;GACA,yBAAyB,SAAS,KAAK;GACvC;EACF;EAEA,MAAM,EAAE,YAAY,eAAe,gCAAgC,KAAK;EACxE,MAAM,gBAAgB,OAAO,WAAW,MAAM,aAAa;EAC3D,MAAM,cAAc,OAAO,WAAW,MAAM,WAAW;EAOvD,IANwC,2BACtC,eACA,aACA,YACA,UAEgC,KAAK,SAAS,UAC9C,yBAAyB,SAAS,KAAK;OAEvC,aAAa;CAEjB;CAEA,OACE,qBAAC,KAAD;EAAK,IAAI;GAAE,SAAS;GAAQ,eAAe;GAAU,KAAK;EAAI;EAA9D,UAAA;GACE,qBAAC,KAAD;IAAK,IAAI;KAAE,SAAS;KAAQ,KAAK;IAAI;IAArC,UAAA,CACE,oBAAC,KAAD;KAAK,IAAI,EAAE,MAAM,EAAE;KACjB,UAAA,oBAAC,QAAD;MAAQ,SAAS;MAAmB,WAAA;MACjC,UAAA,EAAE,eAAe;KACZ,CAAA;IACL,CAAA,GACL,oBAAC,KAAD;KAAK,IAAI,EAAE,MAAM,EAAE;KACjB,UAAA,oBAAC,wBAAD;MACE,MAAM,EAAE,iBAAiB;MACzB,SAAS;MACF;MACP,SAAS;KACV,CAAA;IACE,CAAA,CACF;;GACJ,SAAS,WACR,oBAAC,uBAAD;IACS;IACP,KAAK;IACL,YAAY;GACb,CAAA,IACC;GACH,CAAC,UAAU,iCACV,oBAAC,uBAAD;IACE,KAAK;IACL,YAAY;IACD;IACX,WAAW,MAAM;GAClB,CAAA,IACC;EACD;;AAET"}
+{"version":3,"file":"TransactionFailedButtons.js","names":[],"sources":["../../../../src/pages/TransactionPage/TransactionFailedButtons.tsx"],"sourcesContent":["import type { RouteExtended } from '@lifi/sdk'\nimport { Box, Button } from '@mui/material'\nimport { useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { BottomSheetBase } from '../../components/BottomSheet/types.js'\nimport { useAddressActivity } from '../../hooks/useAddressActivity.js'\nimport { useNavigateBack } from '../../hooks/useNavigateBack.js'\nimport { useWidgetEvents } from '../../hooks/useWidgetEvents.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { WidgetEvent } from '../../types/events.js'\nimport { getAccumulatedFeeCostsBreakdown } from '../../utils/fees.js'\nimport { ConfirmToAddressSheet } from './ConfirmToAddressSheet.js'\nimport { StartTransactionButton } from './StartTransactionButton.js'\nimport { TokenValueBottomSheet } from './TokenValueBottomSheet.js'\nimport type { RetryGate } from './utils.js'\nimport {\n  calculateValueLossPercentage,\n  getRetryGates,\n  getTokenValueLossThreshold,\n  openNextGate,\n} from './utils.js'\n\ninterface TransactionFailedButtonsProps {\n  route: RouteExtended\n  restartRoute: () => void\n  deleteRoute: () => void\n}\n\nexport const TransactionFailedButtons: React.FC<\n  TransactionFailedButtonsProps\n> = ({ route, restartRoute, deleteRoute }) => {\n  const { t } = useTranslation()\n  const emitter = useWidgetEvents()\n  const navigateBack = useNavigateBack()\n  const { mode, hiddenUI } = useWidgetConfig()\n\n  const tokenValueBottomSheetRef = useRef<BottomSheetBase>(null)\n  const confirmToAddressSheetRef = useRef<BottomSheetBase>(null)\n\n  const {\n    toAddress,\n    hasActivity,\n    isLoading: isLoadingAddressActivity,\n    isFetched: isActivityAddressFetched,\n  } = useAddressActivity(route.toChainId)\n\n  const handleRemoveRoute = () => {\n    navigateBack()\n    deleteRoute()\n  }\n\n  const retryGates = (() => {\n    const { gasCostUSD, feeCostUSD } = getAccumulatedFeeCostsBreakdown(route)\n    return getRetryGates({\n      toAddress,\n      hasActivity,\n      isLoadingAddressActivity,\n      isActivityAddressFetched,\n      confirmationHidden: Boolean(hiddenUI?.lowAddressActivityConfirmation),\n      valueLossExceeded: getTokenValueLossThreshold(\n        Number.parseFloat(route.fromAmountUSD),\n        Number.parseFloat(route.toAmountUSD),\n        gasCostUSD,\n        feeCostUSD\n      ),\n      isCustomMode: mode === 'custom',\n    })\n  })()\n\n  const openGate = (after?: RetryGate) =>\n    openNextGate(\n      retryGates,\n      {\n        address: () => confirmToAddressSheetRef.current?.open(),\n        value: () => tokenValueBottomSheetRef.current?.open(),\n      },\n      handleRestartRoute,\n      after\n    )\n\n  const handleRestartRoute = () => {\n    if (tokenValueBottomSheetRef.current?.isOpen()) {\n      const { gasCostUSD, feeCostUSD } = getAccumulatedFeeCostsBreakdown(route)\n      const fromAmountUSD = Number.parseFloat(route.fromAmountUSD)\n      const toAmountUSD = Number.parseFloat(route.toAmountUSD)\n      emitter.emit(WidgetEvent.RouteHighValueLoss, {\n        fromAmountUSD,\n        toAmountUSD,\n        gasCostUSD,\n        feeCostUSD,\n        valueLoss: calculateValueLossPercentage(\n          fromAmountUSD,\n          toAmountUSD,\n          gasCostUSD,\n          feeCostUSD\n        ),\n      })\n    }\n    tokenValueBottomSheetRef.current?.close()\n    restartRoute()\n  }\n\n  const handleRetryClick = () => openGate()\n\n  const handleConfirmToAddressContinue = () => openGate('address')\n\n  return (\n    <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1.5 }}>\n      <Box sx={{ display: 'flex', gap: 1.5 }}>\n        <Box sx={{ flex: 1 }}>\n          <Button onClick={handleRemoveRoute} fullWidth>\n            {t('button.delete')}\n          </Button>\n        </Box>\n        <Box sx={{ flex: 1 }}>\n          <StartTransactionButton\n            text={t('button.tryAgain')}\n            onClick={handleRetryClick}\n            route={route}\n            loading={isLoadingAddressActivity}\n          />\n        </Box>\n      </Box>\n      {mode !== 'custom' ? (\n        <TokenValueBottomSheet\n          route={route}\n          ref={tokenValueBottomSheetRef}\n          onContinue={handleRestartRoute}\n        />\n      ) : null}\n      {!hiddenUI?.lowAddressActivityConfirmation ? (\n        <ConfirmToAddressSheet\n          ref={confirmToAddressSheetRef}\n          onContinue={handleConfirmToAddressContinue}\n          toAddress={toAddress!}\n          toChainId={route.toChainId!}\n        />\n      ) : null}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;AA4BA,MAAa,4BAER,EAAE,OAAO,cAAc,kBAAkB;CAC5C,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,UAAU,gBAAgB;CAChC,MAAM,eAAe,gBAAgB;CACrC,MAAM,EAAE,MAAM,aAAa,gBAAgB;CAE3C,MAAM,2BAA2B,OAAwB,IAAI;CAC7D,MAAM,2BAA2B,OAAwB,IAAI;CAE7D,MAAM,EACJ,WACA,aACA,WAAW,0BACX,WAAW,6BACT,mBAAmB,MAAM,SAAS;CAEtC,MAAM,0BAA0B;EAC9B,aAAa;EACb,YAAY;CACd;CAEA,MAAM,oBAAoB;EACxB,MAAM,EAAE,YAAY,eAAe,gCAAgC,KAAK;EACxE,OAAO,cAAc;GACnB;GACA;GACA;GACA;GACA,oBAAoB,QAAQ,UAAU,8BAA8B;GACpE,mBAAmB,2BACjB,OAAO,WAAW,MAAM,aAAa,GACrC,OAAO,WAAW,MAAM,WAAW,GACnC,YACA,UACF;GACA,cAAc,SAAS;EACzB,CAAC;CACH,EAAA,CAAG;CAEH,MAAM,YAAY,UAChB,aACE,YACA;EACE,eAAe,yBAAyB,SAAS,KAAK;EACtD,aAAa,yBAAyB,SAAS,KAAK;CACtD,GACA,oBACA,KACF;CAEF,MAAM,2BAA2B;EAC/B,IAAI,yBAAyB,SAAS,OAAO,GAAG;GAC9C,MAAM,EAAE,YAAY,eAAe,gCAAgC,KAAK;GACxE,MAAM,gBAAgB,OAAO,WAAW,MAAM,aAAa;GAC3D,MAAM,cAAc,OAAO,WAAW,MAAM,WAAW;GACvD,QAAQ,KAAA,sBAAqC;IAC3C;IACA;IACA;IACA;IACA,WAAW,6BACT,eACA,aACA,YACA,UACF;GACF,CAAC;EACH;EACA,yBAAyB,SAAS,MAAM;EACxC,aAAa;CACf;CAEA,MAAM,yBAAyB,SAAS;CAExC,MAAM,uCAAuC,SAAS,SAAS;CAE/D,OACE,qBAAC,KAAD;EAAK,IAAI;GAAE,SAAS;GAAQ,eAAe;GAAU,KAAK;EAAI;EAA9D,UAAA;GACE,qBAAC,KAAD;IAAK,IAAI;KAAE,SAAS;KAAQ,KAAK;IAAI;IAArC,UAAA,CACE,oBAAC,KAAD;KAAK,IAAI,EAAE,MAAM,EAAE;KACjB,UAAA,oBAAC,QAAD;MAAQ,SAAS;MAAmB,WAAA;MACjC,UAAA,EAAE,eAAe;KACZ,CAAA;IACL,CAAA,GACL,oBAAC,KAAD;KAAK,IAAI,EAAE,MAAM,EAAE;KACjB,UAAA,oBAAC,wBAAD;MACE,MAAM,EAAE,iBAAiB;MACzB,SAAS;MACF;MACP,SAAS;KACV,CAAA;IACE,CAAA,CACF;;GACJ,SAAS,WACR,oBAAC,uBAAD;IACS;IACP,KAAK;IACL,YAAY;GACb,CAAA,IACC;GACH,CAAC,UAAU,iCACV,oBAAC,uBAAD;IACE,KAAK;IACL,YAAY;IACD;IACX,WAAW,MAAM;GAClB,CAAA,IACC;EACD;;AAET"}

package/dist/esm/pages/TransactionPage/TransactionReview.js

@@ -11,7 +11,7 @@ import { WarningMessages } from "../../components/Messages/WarningMessages.js";
 import { useAddressActivity } from "../../hooks/useAddressActivity.js";
 import { ConfirmToAddressSheet } from "./ConfirmToAddressSheet.js";
 import { StartTransactionButton } from "./StartTransactionButton.js";
-import { calculateValueLossPercentage, getTokenValueLossThreshold } from "./utils.js";
+import { calculateValueLossPercentage, getStartGates, getTokenValueLossThreshold, openNextGate } from "./utils.js";
 import { TokenValueBottomSheet } from "./TokenValueBottomSheet.js";
 import { useFlaggedTokenGuard } from "../../hooks/useFlaggedTokenGuard.js";
 import { TokenVerificationBottomSheet } from "./TokenVerificationBottomSheet.js";
@@ -46,7 +46,6 @@ const TransactionReview = ({ route, executeRoute, routeRefreshing }) => {
 			});
 		}
 		tokenValueBottomSheetRef.current?.close();
-		flaggedTokenSheetRef.current?.close();
 		executeRoute();
 		setFieldValue("fromAmount", "");
 		if (mode === "custom") {
@@ -60,28 +59,30 @@ const TransactionReview = ({ route, executeRoute, routeRefreshing }) => {
 			});
 		});
 	};
-	const handleStartAfterTokenCheck = () => {
-		if (toAddress && !hasActivity && !isLoadingAddressActivity && isActivityAddressFetched && !hiddenUI?.lowAddressActivityConfirmation) {
-			confirmToAddressSheetRef.current?.open();
-			return;
-		}
+	const startGates = (() => {
 		const { gasCostUSD, feeCostUSD } = getAccumulatedFeeCostsBreakdown(route);
-		const fromAmountUSD = Number.parseFloat(route.fromAmountUSD);
-		const toAmountUSD = Number.parseFloat(route.toAmountUSD);
-		if (getTokenValueLossThreshold(fromAmountUSD, toAmountUSD, gasCostUSD, feeCostUSD) && mode !== "custom") tokenValueBottomSheetRef.current?.open();
-		else handleExecuteRoute();
-	};
-	const handleStartClick = () => {
-		if (flaggedTokens.length) {
-			flaggedTokenSheetRef.current?.open();
-			return;
-		}
-		handleStartAfterTokenCheck();
-	};
+		return getStartGates({
+			flaggedTokenCount: flaggedTokens.length,
+			toAddress,
+			hasActivity,
+			isLoadingAddressActivity,
+			isActivityAddressFetched,
+			confirmationHidden: Boolean(hiddenUI?.lowAddressActivityConfirmation),
+			valueLossExceeded: getTokenValueLossThreshold(Number.parseFloat(route.fromAmountUSD), Number.parseFloat(route.toAmountUSD), gasCostUSD, feeCostUSD),
+			isCustomMode: mode === "custom"
+		});
+	})();
+	const openGate = (after) => openNextGate(startGates, {
+		flagged: () => flaggedTokenSheetRef.current?.open(),
+		address: () => confirmToAddressSheetRef.current?.open(),
+		value: () => tokenValueBottomSheetRef.current?.open()
+	}, handleExecuteRoute, after);
+	const handleStartClick = () => openGate();
 	const handleFlaggedTokensContinue = () => {
 		flaggedTokenSheetRef.current?.close();
-		handleStartAfterTokenCheck();
+		openGate("flagged");
 	};
+	const handleConfirmToAddressContinue = () => openGate("address");
 	const getButtonText = () => {
 		switch (mode) {
 			case "custom": return modeOptions?.custom?.type === "deposit" ? t("button.deposit") : t("button.buy");
@@ -128,7 +129,7 @@ const TransactionReview = ({ route, executeRoute, routeRefreshing }) => {
 		}) : null,
 		!hiddenUI?.lowAddressActivityConfirmation ? /* @__PURE__ */ jsx(ConfirmToAddressSheet, {
 			ref: confirmToAddressSheetRef,
-			onContinue: handleExecuteRoute,
+			onContinue: handleConfirmToAddressContinue,
 			toAddress,
 			toChainId: route.toChainId
 		}) : null

package/dist/esm/pages/TransactionPage/TransactionReview.js.map

@@ -1 +1 @@
-{"version":3,"file":"TransactionReview.js","names":["Card"],"sources":["../../../../src/pages/TransactionPage/TransactionReview.tsx"],"sourcesContent":["import type { RouteExtended } from '@lifi/sdk'\nimport { Box } from '@mui/material'\nimport { useNavigate } from '@tanstack/react-router'\nimport { useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { BottomSheetBase } from '../../components/BottomSheet/types.js'\nimport { Card } from '../../components/Card/Card.js'\nimport { WarningMessages } from '../../components/Messages/WarningMessages.js'\nimport { RouteTokens } from '../../components/RouteCard/RouteTokens.js'\nimport { useAddressActivity } from '../../hooks/useAddressActivity.js'\nimport { useFlaggedTokenGuard } from '../../hooks/useFlaggedTokenGuard.js'\nimport { useWidgetEvents } from '../../hooks/useWidgetEvents.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport { useHeaderStore } from '../../stores/header/useHeaderStore.js'\nimport { WidgetEvent } from '../../types/events.js'\nimport { getAccumulatedFeeCostsBreakdown } from '../../utils/fees.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { ConfirmToAddressSheet } from './ConfirmToAddressSheet.js'\nimport { StartTransactionButton } from './StartTransactionButton.js'\nimport { TokenValueBottomSheet } from './TokenValueBottomSheet.js'\nimport { TokenVerificationBottomSheet } from './TokenVerificationBottomSheet.js'\nimport {\n  calculateValueLossPercentage,\n  getTokenValueLossThreshold,\n} from './utils.js'\n\ninterface TransactionReviewProps {\n  route: RouteExtended\n  executeRoute: () => void\n  routeRefreshing: boolean\n}\n\nexport const TransactionReview: React.FC<TransactionReviewProps> = ({\n  route,\n  executeRoute,\n  routeRefreshing,\n}) => {\n  const { t } = useTranslation()\n  const navigate = useNavigate()\n  const { setFieldValue } = useFieldActions()\n  const emitter = useWidgetEvents()\n  const setBackAction = useHeaderStore((state) => state.setBackAction)\n  const { mode, modeOptions, hiddenUI, defaultUI } = useWidgetConfig()\n\n  const tokenValueBottomSheetRef = useRef<BottomSheetBase>(null)\n  const confirmToAddressSheetRef = useRef<BottomSheetBase>(null)\n\n  const { flaggedTokens, flaggedTokenSheetRef } = useFlaggedTokenGuard(route)\n\n  const {\n    toAddress,\n    hasActivity,\n    isLoading: isLoadingAddressActivity,\n    isFetched: isActivityAddressFetched,\n  } = useAddressActivity(route.toChainId)\n\n  const handleExecuteRoute = () => {\n    if (tokenValueBottomSheetRef.current?.isOpen()) {\n      const { gasCostUSD, feeCostUSD } = getAccumulatedFeeCostsBreakdown(route)\n      const fromAmountUSD = Number.parseFloat(route.fromAmountUSD)\n      const toAmountUSD = Number.parseFloat(route.toAmountUSD)\n      emitter.emit(WidgetEvent.RouteHighValueLoss, {\n        fromAmountUSD,\n        toAmountUSD,\n        gasCostUSD,\n        feeCostUSD,\n        valueLoss: calculateValueLossPercentage(\n          fromAmountUSD,\n          toAmountUSD,\n          gasCostUSD,\n          feeCostUSD\n        ),\n      })\n    }\n    tokenValueBottomSheetRef.current?.close()\n    flaggedTokenSheetRef.current?.close()\n    executeRoute()\n    setFieldValue('fromAmount', '')\n    if (mode === 'custom') {\n      setFieldValue('fromToken', '')\n      setFieldValue('toToken', '')\n    }\n    setBackAction(() => {\n      navigate({ to: navigationRoutes.home, replace: true })\n    })\n  }\n\n  // Runs the remaining gates. The flagged-token sheet continues into this\n  // rather than executing, so accepting it does not skip the others.\n  const handleStartAfterTokenCheck = () => {\n    if (\n      toAddress &&\n      !hasActivity &&\n      !isLoadingAddressActivity &&\n      isActivityAddressFetched &&\n      !hiddenUI?.lowAddressActivityConfirmation\n    ) {\n      confirmToAddressSheetRef.current?.open()\n      return\n    }\n\n    const { gasCostUSD, feeCostUSD } = getAccumulatedFeeCostsBreakdown(route)\n    const fromAmountUSD = Number.parseFloat(route.fromAmountUSD)\n    const toAmountUSD = Number.parseFloat(route.toAmountUSD)\n    const tokenValueLossThresholdExceeded = getTokenValueLossThreshold(\n      fromAmountUSD,\n      toAmountUSD,\n      gasCostUSD,\n      feeCostUSD\n    )\n    if (tokenValueLossThresholdExceeded && mode !== 'custom') {\n      tokenValueBottomSheetRef.current?.open()\n    } else {\n      handleExecuteRoute()\n    }\n  }\n\n  const handleStartClick = () => {\n    if (flaggedTokens.length) {\n      flaggedTokenSheetRef.current?.open()\n      return\n    }\n    handleStartAfterTokenCheck()\n  }\n\n  const handleFlaggedTokensContinue = () => {\n    flaggedTokenSheetRef.current?.close()\n    handleStartAfterTokenCheck()\n  }\n\n  const getButtonText = (): string => {\n    switch (mode) {\n      case 'custom':\n        return modeOptions?.custom?.type === 'deposit'\n          ? t('button.deposit')\n          : t('button.buy')\n      case 'refuel':\n        return t('button.startBridging')\n      default: {\n        const transactionType =\n          route.fromChainId === route.toChainId ? 'Swapping' : 'Bridging'\n        return t(`button.start${transactionType}`)\n      }\n    }\n  }\n\n  return (\n    <>\n      <Card type=\"default\" indented>\n        <RouteTokens\n          route={route}\n          showEssentials\n          defaultExpanded={defaultUI?.transactionDetailsExpanded}\n        />\n      </Card>\n      <WarningMessages sx={{ mt: 2 }} route={route} allowInteraction />\n      <Box sx={{ flex: 1 }}>\n        <StartTransactionButton\n          text={getButtonText()}\n          onClick={handleStartClick}\n          route={route}\n          loading={routeRefreshing || isLoadingAddressActivity}\n        />\n      </Box>\n      {mode !== 'custom' ? (\n        <TokenValueBottomSheet\n          route={route}\n          ref={tokenValueBottomSheetRef}\n          onContinue={handleExecuteRoute}\n        />\n      ) : null}\n      {flaggedTokens.length ? (\n        <TokenVerificationBottomSheet\n          ref={flaggedTokenSheetRef}\n          tokens={flaggedTokens}\n          onContinue={handleFlaggedTokensContinue}\n        />\n      ) : null}\n      {!hiddenUI?.lowAddressActivityConfirmation ? (\n        <ConfirmToAddressSheet\n          ref={confirmToAddressSheetRef}\n          onContinue={handleExecuteRoute}\n          toAddress={toAddress!}\n          toChainId={route.toChainId!}\n        />\n      ) : null}\n    </>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"TransactionReview.js","names":["Card"],"sources":["../../../../src/pages/TransactionPage/TransactionReview.tsx"],"sourcesContent":["import type { RouteExtended } from '@lifi/sdk'\nimport { Box } from '@mui/material'\nimport { useNavigate } from '@tanstack/react-router'\nimport { useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { BottomSheetBase } from '../../components/BottomSheet/types.js'\nimport { Card } from '../../components/Card/Card.js'\nimport { WarningMessages } from '../../components/Messages/WarningMessages.js'\nimport { RouteTokens } from '../../components/RouteCard/RouteTokens.js'\nimport { useAddressActivity } from '../../hooks/useAddressActivity.js'\nimport { useFlaggedTokenGuard } from '../../hooks/useFlaggedTokenGuard.js'\nimport { useWidgetEvents } from '../../hooks/useWidgetEvents.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport { useHeaderStore } from '../../stores/header/useHeaderStore.js'\nimport { WidgetEvent } from '../../types/events.js'\nimport { getAccumulatedFeeCostsBreakdown } from '../../utils/fees.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { ConfirmToAddressSheet } from './ConfirmToAddressSheet.js'\nimport { StartTransactionButton } from './StartTransactionButton.js'\nimport { TokenValueBottomSheet } from './TokenValueBottomSheet.js'\nimport { TokenVerificationBottomSheet } from './TokenVerificationBottomSheet.js'\nimport type { StartGate } from './utils.js'\nimport {\n  calculateValueLossPercentage,\n  getStartGates,\n  getTokenValueLossThreshold,\n  openNextGate,\n} from './utils.js'\n\ninterface TransactionReviewProps {\n  route: RouteExtended\n  executeRoute: () => void\n  routeRefreshing: boolean\n}\n\nexport const TransactionReview: React.FC<TransactionReviewProps> = ({\n  route,\n  executeRoute,\n  routeRefreshing,\n}) => {\n  const { t } = useTranslation()\n  const navigate = useNavigate()\n  const { setFieldValue } = useFieldActions()\n  const emitter = useWidgetEvents()\n  const setBackAction = useHeaderStore((state) => state.setBackAction)\n  const { mode, modeOptions, hiddenUI, defaultUI } = useWidgetConfig()\n\n  const tokenValueBottomSheetRef = useRef<BottomSheetBase>(null)\n  const confirmToAddressSheetRef = useRef<BottomSheetBase>(null)\n\n  const { flaggedTokens, flaggedTokenSheetRef } = useFlaggedTokenGuard(route)\n\n  const {\n    toAddress,\n    hasActivity,\n    isLoading: isLoadingAddressActivity,\n    isFetched: isActivityAddressFetched,\n  } = useAddressActivity(route.toChainId)\n\n  const handleExecuteRoute = () => {\n    if (tokenValueBottomSheetRef.current?.isOpen()) {\n      const { gasCostUSD, feeCostUSD } = getAccumulatedFeeCostsBreakdown(route)\n      const fromAmountUSD = Number.parseFloat(route.fromAmountUSD)\n      const toAmountUSD = Number.parseFloat(route.toAmountUSD)\n      emitter.emit(WidgetEvent.RouteHighValueLoss, {\n        fromAmountUSD,\n        toAmountUSD,\n        gasCostUSD,\n        feeCostUSD,\n        valueLoss: calculateValueLossPercentage(\n          fromAmountUSD,\n          toAmountUSD,\n          gasCostUSD,\n          feeCostUSD\n        ),\n      })\n    }\n    tokenValueBottomSheetRef.current?.close()\n    executeRoute()\n    setFieldValue('fromAmount', '')\n    if (mode === 'custom') {\n      setFieldValue('fromToken', '')\n      setFieldValue('toToken', '')\n    }\n    setBackAction(() => {\n      navigate({ to: navigationRoutes.home, replace: true })\n    })\n  }\n\n  const startGates = (() => {\n    const { gasCostUSD, feeCostUSD } = getAccumulatedFeeCostsBreakdown(route)\n    return getStartGates({\n      flaggedTokenCount: flaggedTokens.length,\n      toAddress,\n      hasActivity,\n      isLoadingAddressActivity,\n      isActivityAddressFetched,\n      confirmationHidden: Boolean(hiddenUI?.lowAddressActivityConfirmation),\n      valueLossExceeded: getTokenValueLossThreshold(\n        Number.parseFloat(route.fromAmountUSD),\n        Number.parseFloat(route.toAmountUSD),\n        gasCostUSD,\n        feeCostUSD\n      ),\n      isCustomMode: mode === 'custom',\n    })\n  })()\n\n  const openGate = (after?: StartGate) =>\n    openNextGate(\n      startGates,\n      {\n        flagged: () => flaggedTokenSheetRef.current?.open(),\n        address: () => confirmToAddressSheetRef.current?.open(),\n        value: () => tokenValueBottomSheetRef.current?.open(),\n      },\n      handleExecuteRoute,\n      after\n    )\n\n  const handleStartClick = () => openGate()\n\n  const handleFlaggedTokensContinue = () => {\n    flaggedTokenSheetRef.current?.close()\n    openGate('flagged')\n  }\n\n  const handleConfirmToAddressContinue = () => openGate('address')\n\n  const getButtonText = (): string => {\n    switch (mode) {\n      case 'custom':\n        return modeOptions?.custom?.type === 'deposit'\n          ? t('button.deposit')\n          : t('button.buy')\n      case 'refuel':\n        return t('button.startBridging')\n      default: {\n        const transactionType =\n          route.fromChainId === route.toChainId ? 'Swapping' : 'Bridging'\n        return t(`button.start${transactionType}`)\n      }\n    }\n  }\n\n  return (\n    <>\n      <Card type=\"default\" indented>\n        <RouteTokens\n          route={route}\n          showEssentials\n          defaultExpanded={defaultUI?.transactionDetailsExpanded}\n        />\n      </Card>\n      <WarningMessages sx={{ mt: 2 }} route={route} allowInteraction />\n      <Box sx={{ flex: 1 }}>\n        <StartTransactionButton\n          text={getButtonText()}\n          onClick={handleStartClick}\n          route={route}\n          loading={routeRefreshing || isLoadingAddressActivity}\n        />\n      </Box>\n      {mode !== 'custom' ? (\n        <TokenValueBottomSheet\n          route={route}\n          ref={tokenValueBottomSheetRef}\n          onContinue={handleExecuteRoute}\n        />\n      ) : null}\n      {flaggedTokens.length ? (\n        <TokenVerificationBottomSheet\n          ref={flaggedTokenSheetRef}\n          tokens={flaggedTokens}\n          onContinue={handleFlaggedTokensContinue}\n        />\n      ) : null}\n      {!hiddenUI?.lowAddressActivityConfirmation ? (\n        <ConfirmToAddressSheet\n          ref={confirmToAddressSheetRef}\n          onContinue={handleConfirmToAddressContinue}\n          toAddress={toAddress!}\n          toChainId={route.toChainId!}\n        />\n      ) : null}\n    </>\n  )\n}\n"],"mappings":"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"}

package/dist/esm/pages/TransactionPage/types.d.ts

@@ -1,9 +1,8 @@
 import { BaseTransactionButtonProps } from "../../components/BaseTransactionButton/types.js";
 import { Route } from "@lifi/sdk";
 //#region src/pages/TransactionPage/types.d.ts
-interface StartTransactionButtonProps extends BaseTransactionButtonProps {
+export interface StartTransactionButtonProps extends BaseTransactionButtonProps {
   route?: Route;
 }
 //#endregion
-export { StartTransactionButtonProps };
 //# sourceMappingURL=types.d.ts.map

package/dist/esm/pages/TransactionPage/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/pages/TransactionPage/types.ts"],"mappings":";;;UAGiB,oCACP;EACR,QAAQ"}
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/pages/TransactionPage/types.ts"],"mappings":";;;iBAGiB,oCACP;EACR,QAAQ"}

package/dist/esm/pages/TransactionPage/utils.d.ts

@@ -1,6 +1,5 @@
 //#region src/pages/TransactionPage/utils.d.ts
-declare const calculateValueLossPercentage: (fromAmountUSD: number, toAmountUSD: number, gasCostUSD: number, feeCostUSD: number) => number;
-declare const getTokenValueLossThreshold: (fromAmountUSD: number, toAmountUSD: number, gasCostUSD: number, feeCostUSD: number) => boolean;
+export declare const calculateValueLossPercentage: (fromAmountUSD: number, toAmountUSD: number, gasCostUSD: number, feeCostUSD: number) => number;
+export declare const getTokenValueLossThreshold: (fromAmountUSD: number, toAmountUSD: number, gasCostUSD: number, feeCostUSD: number) => boolean;
 //#endregion
-export { calculateValueLossPercentage, getTokenValueLossThreshold };
 //# sourceMappingURL=utils.d.ts.map

package/dist/esm/pages/TransactionPage/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","names":[],"sources":["../../../../src/pages/TransactionPage/utils.ts"],"mappings":";cAAa,+BACX,uBACA,qBACA,oBACA;cAUW,6BACX,uBACA,qBACA,oBACA"}
+{"version":3,"file":"utils.d.ts","names":[],"sources":["../../../../src/pages/TransactionPage/utils.ts"],"mappings":";qBAAa,+BACX,uBACA,qBACA,oBACA;qBAUW,6BACX,uBACA,qBACA,oBACA"}

package/dist/esm/pages/TransactionPage/utils.js

@@ -6,7 +6,29 @@ const getTokenValueLossThreshold = (fromAmountUSD, toAmountUSD, gasCostUSD, feeC
 	if (!fromAmountUSD || !toAmountUSD) return false;
 	return toAmountUSD / (fromAmountUSD + gasCostUSD + feeCostUSD) < .9;
 };
+const needsAddressConfirmation = ({ toAddress, hasActivity, isLoadingAddressActivity, isActivityAddressFetched, confirmationHidden }) => Boolean(toAddress && !hasActivity && !isLoadingAddressActivity && isActivityAddressFetched && !confirmationHidden);
+const getRetryGates = (input) => [["address", needsAddressConfirmation(input)], ["value", input.valueLossExceeded && !input.isCustomMode]];
+/** Ordering lives here so no sheet decides what follows it — that is how gates came to be skipped. */
+const nextGate = (gates, after) => {
+	if (!after) return gates.find(([, needed]) => needed)?.[0];
+	const index = gates.findIndex(([gate]) => gate === after);
+	if (index < 0) return;
+	return gates.slice(index + 1).find(([, needed]) => needed)?.[0];
+};
+const openNextGate = (gates, open, done, after) => {
+	const gate = nextGate(gates, after);
+	if (gate) {
+		open[gate]();
+		return;
+	}
+	done();
+};
+const getStartGates = (input) => [
+	["flagged", input.flaggedTokenCount > 0],
+	["address", needsAddressConfirmation(input)],
+	["value", input.valueLossExceeded && !input.isCustomMode]
+];
 //#endregion
-export { calculateValueLossPercentage, getTokenValueLossThreshold };
+export { calculateValueLossPercentage, getRetryGates, getStartGates, getTokenValueLossThreshold, nextGate, openNextGate };
 
 //# sourceMappingURL=utils.js.map

package/dist/esm/pages/TransactionPage/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":[],"sources":["../../../../src/pages/TransactionPage/utils.ts"],"sourcesContent":["export const calculateValueLossPercentage = (\n  fromAmountUSD: number,\n  toAmountUSD: number,\n  gasCostUSD: number,\n  feeCostUSD: number\n): number => {\n  return Number.parseFloat(\n    (\n      (toAmountUSD / (fromAmountUSD + gasCostUSD + feeCostUSD) - 1) *\n      100\n    ).toFixed(2)\n  )\n}\n\nexport const getTokenValueLossThreshold = (\n  fromAmountUSD: number,\n  toAmountUSD: number,\n  gasCostUSD: number,\n  feeCostUSD: number\n): boolean => {\n  if (!fromAmountUSD || !toAmountUSD) {\n    return false\n  }\n  return toAmountUSD / (fromAmountUSD + gasCostUSD + feeCostUSD) < 0.9\n}\n"],"mappings":";AAAA,MAAa,gCACX,eACA,aACA,YACA,eACW;CACX,OAAO,OAAO,aAET,eAAe,gBAAgB,aAAa,cAAc,KAC3D,IAAA,CACA,QAAQ,CAAC,CACb;AACF;AAEA,MAAa,8BACX,eACA,aACA,YACA,eACY;CACZ,IAAI,CAAC,iBAAiB,CAAC,aACrB,OAAO;CAET,OAAO,eAAe,gBAAgB,aAAa,cAAc;AACnE"}
+{"version":3,"file":"utils.js","names":[],"sources":["../../../../src/pages/TransactionPage/utils.ts"],"sourcesContent":["export const calculateValueLossPercentage = (\n  fromAmountUSD: number,\n  toAmountUSD: number,\n  gasCostUSD: number,\n  feeCostUSD: number\n): number => {\n  return Number.parseFloat(\n    (\n      (toAmountUSD / (fromAmountUSD + gasCostUSD + feeCostUSD) - 1) *\n      100\n    ).toFixed(2)\n  )\n}\n\nexport const getTokenValueLossThreshold = (\n  fromAmountUSD: number,\n  toAmountUSD: number,\n  gasCostUSD: number,\n  feeCostUSD: number\n): boolean => {\n  if (!fromAmountUSD || !toAmountUSD) {\n    return false\n  }\n  return toAmountUSD / (fromAmountUSD + gasCostUSD + feeCostUSD) < 0.9\n}\n\ninterface AddressGateInput {\n  toAddress: string | undefined\n  hasActivity: boolean | undefined\n  isLoadingAddressActivity: boolean\n  isActivityAddressFetched: boolean\n  confirmationHidden: boolean\n}\n\nconst needsAddressConfirmation = ({\n  toAddress,\n  hasActivity,\n  isLoadingAddressActivity,\n  isActivityAddressFetched,\n  confirmationHidden,\n}: AddressGateInput): boolean =>\n  Boolean(\n    toAddress &&\n      !hasActivity &&\n      !isLoadingAddressActivity &&\n      isActivityAddressFetched &&\n      !confirmationHidden\n  )\n\nexport type RetryGate = 'address' | 'value'\n\nexport const getRetryGates = (\n  input: AddressGateInput & {\n    valueLossExceeded: boolean\n    isCustomMode: boolean\n  }\n): readonly (readonly [gate: RetryGate, needed: boolean])[] => [\n  ['address', needsAddressConfirmation(input)],\n  ['value', input.valueLossExceeded && !input.isCustomMode],\n]\n\n/** Ordering lives here so no sheet decides what follows it — that is how gates came to be skipped. */\nexport const nextGate = <T extends string>(\n  gates: readonly (readonly [gate: T, needed: boolean])[],\n  after?: T\n): T | undefined => {\n  if (!after) {\n    return gates.find(([, needed]) => needed)?.[0]\n  }\n  const index = gates.findIndex(([gate]) => gate === after)\n  if (index < 0) {\n    return undefined\n  }\n  return gates.slice(index + 1).find(([, needed]) => needed)?.[0]\n}\n\nexport const openNextGate = <T extends string>(\n  gates: readonly (readonly [gate: T, needed: boolean])[],\n  open: Record<T, () => void>,\n  done: () => void,\n  after?: T\n): void => {\n  const gate = nextGate(gates, after)\n  if (gate) {\n    open[gate]()\n    return\n  }\n  done()\n}\n\nexport type StartGate = 'flagged' | 'address' | 'value'\n\nexport const getStartGates = (\n  input: AddressGateInput & {\n    flaggedTokenCount: number\n    valueLossExceeded: boolean\n    isCustomMode: boolean\n  }\n): readonly (readonly [gate: StartGate, needed: boolean])[] => [\n  ['flagged', input.flaggedTokenCount > 0],\n  ['address', needsAddressConfirmation(input)],\n  ['value', input.valueLossExceeded && !input.isCustomMode],\n]\n"],"mappings":";AAAA,MAAa,gCACX,eACA,aACA,YACA,eACW;CACX,OAAO,OAAO,aAET,eAAe,gBAAgB,aAAa,cAAc,KAC3D,IAAA,CACA,QAAQ,CAAC,CACb;AACF;AAEA,MAAa,8BACX,eACA,aACA,YACA,eACY;CACZ,IAAI,CAAC,iBAAiB,CAAC,aACrB,OAAO;CAET,OAAO,eAAe,gBAAgB,aAAa,cAAc;AACnE;AAUA,MAAM,4BAA4B,EAChC,WACA,aACA,0BACA,0BACA,yBAEA,QACE,aACE,CAAC,eACD,CAAC,4BACD,4BACA,CAAC,kBACL;AAIF,MAAa,iBACX,UAI6D,CAC7D,CAAC,WAAW,yBAAyB,KAAK,CAAC,GAC3C,CAAC,SAAS,MAAM,qBAAqB,CAAC,MAAM,YAAY,CAC1D;;AAGA,MAAa,YACX,OACA,UACkB;CAClB,IAAI,CAAC,OACH,OAAO,MAAM,MAAM,GAAG,YAAY,MAAM,CAAC,GAAG;CAE9C,MAAM,QAAQ,MAAM,WAAW,CAAC,UAAU,SAAS,KAAK;CACxD,IAAI,QAAQ,GACV;CAEF,OAAO,MAAM,MAAM,QAAQ,CAAC,CAAC,CAAC,MAAM,GAAG,YAAY,MAAM,CAAC,GAAG;AAC/D;AAEA,MAAa,gBACX,OACA,MACA,MACA,UACS;CACT,MAAM,OAAO,SAAS,OAAO,KAAK;CAClC,IAAI,MAAM;EACR,KAAK,KAAK,CAAC;EACX;CACF;CACA,KAAK;AACP;AAIA,MAAa,iBACX,UAK6D;CAC7D,CAAC,WAAW,MAAM,oBAAoB,CAAC;CACvC,CAAC,WAAW,yBAAyB,KAAK,CAAC;CAC3C,CAAC,SAAS,MAAM,qBAAqB,CAAC,MAAM,YAAY;AAC1D"}

package/dist/esm/providers/I18nProvider/I18nProvider.d.ts

@@ -1,5 +1,4 @@
 //#region src/providers/I18nProvider/I18nProvider.d.ts
-declare const I18nProvider: React.FC<React.PropsWithChildren>;
+export declare const I18nProvider: React.FC<React.PropsWithChildren>;
 //#endregion
-export { I18nProvider };
 //# sourceMappingURL=I18nProvider.d.ts.map

package/dist/esm/providers/I18nProvider/I18nProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"I18nProvider.d.ts","names":[],"sources":["../../../../src/providers/I18nProvider/I18nProvider.tsx"],"mappings":";cAea,cAAc,MAAM,GAAG,MAAM"}
+{"version":3,"file":"I18nProvider.d.ts","names":[],"sources":["../../../../src/providers/I18nProvider/I18nProvider.tsx"],"mappings":";qBAea,cAAc,MAAM,GAAG,MAAM"}

package/dist/esm/providers/I18nProvider/types.d.ts

@@ -1,11 +1,10 @@
 import { enResource as en } from "./enResource.js";
 //#region src/providers/I18nProvider/types.d.ts
-type PartialResource<T> = T extends object ? { [P in keyof T]?: PartialResource<T[P]>; } : T;
-type LanguageKey = "en" | "es" | "fr" | "de" | "it" | "pt" | "ja" | "ko" | "zh" | "hi" | "bn" | "th" | "vi" | "tr" | "uk" | "id" | "pl";
-type LanguageResource = typeof en;
-type LanguageResources = { [K in LanguageKey]?: PartialResource<LanguageResource>; } | {
+export type PartialResource<T> = T extends object ? { [P in keyof T]?: PartialResource<T[P]>; } : T;
+export type LanguageKey = "en" | "es" | "fr" | "de" | "it" | "pt" | "ja" | "ko" | "zh" | "hi" | "bn" | "th" | "vi" | "tr" | "uk" | "id" | "pl";
+export type LanguageResource = typeof en;
+export type LanguageResources = { [K in LanguageKey]?: PartialResource<LanguageResource>; } | {
   [language: string]: PartialResource<LanguageResource>;
 };
 //#endregion
-export { LanguageKey, LanguageResource, LanguageResources, PartialResource };
 //# sourceMappingURL=types.d.ts.map

package/dist/esm/providers/I18nProvider/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/providers/I18nProvider/types.ts"],"mappings":";;KAEY,gBAAgB,KAAK,sBAE1B,WAAW,KAAK,gBAAgB,EAAE,SAErC;KAEQ;KAmBA,0BAA0B;KAE1B,uBAEL,KAAK,eAAe,gBAAgB;GAGjB,mBAAA,gBAAgB"}
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/providers/I18nProvider/types.ts"],"mappings":";;YAEY,gBAAgB,KAAK,sBAE1B,WAAW,KAAK,gBAAgB,EAAE,SAErC;YAEQ;YAmBA,0BAA0B;YAE1B,uBAEL,KAAK,eAAe,gBAAgB;GAGjB,mBAAA,gBAAgB"}

package/dist/esm/providers/QueryClientProvider.d.ts

@@ -1,6 +1,5 @@
 import { PropsWithChildren } from "react";
 //#region src/providers/QueryClientProvider.d.ts
-declare const QueryClientProvider: React.FC<PropsWithChildren>;
+export declare const QueryClientProvider: React.FC<PropsWithChildren>;
 //#endregion
-export { QueryClientProvider };
 //# sourceMappingURL=QueryClientProvider.d.ts.map

package/dist/esm/providers/QueryClientProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QueryClientProvider.d.ts","names":[],"sources":["../../../src/providers/QueryClientProvider.tsx"],"mappings":";;cAQa,qBAAqB,MAAM,GAAG"}
+{"version":3,"file":"QueryClientProvider.d.ts","names":[],"sources":["../../../src/providers/QueryClientProvider.tsx"],"mappings":";;qBAQa,qBAAqB,MAAM,GAAG"}

package/dist/esm/providers/SDKClientProvider.d.ts

@@ -1,8 +1,7 @@
 import { SDKClient } from "@lifi/sdk";
 import { JSX, PropsWithChildren } from "react";
 //#region src/providers/SDKClientProvider.d.ts
-declare const useSDKClient: () => SDKClient;
-declare const SDKClientProvider: ({ children }: PropsWithChildren) => JSX.Element;
+export declare const useSDKClient: () => SDKClient;
+export declare const SDKClientProvider: ({ children }: PropsWithChildren) => JSX.Element;
 //#endregion
-export { SDKClientProvider, useSDKClient };
 //# sourceMappingURL=SDKClientProvider.d.ts.map

package/dist/esm/providers/SDKClientProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SDKClientProvider.d.ts","names":[],"sources":["../../../src/providers/SDKClientProvider.tsx"],"mappings":";;;cAaa,oBAAmB;cAEnB,sBACX,YACC,sBAAoB,IAAI"}
+{"version":3,"file":"SDKClientProvider.d.ts","names":[],"sources":["../../../src/providers/SDKClientProvider.tsx"],"mappings":";;;qBAaa,oBAAmB;qBAEnB,sBACX,YACC,sBAAoB,IAAI"}

package/dist/esm/providers/WalletProvider/WalletProvider.d.ts

@@ -4,7 +4,6 @@ import { WidgetProviderProps } from "@lifi/widget-provider";
 interface WalletProviderProps extends PropsWithChildren {
   providers: ((props: PropsWithChildren<WidgetProviderProps>) => ReactNode)[];
 }
-declare const WalletProvider: ({ children, providers }: PropsWithChildren<WalletProviderProps>) => JSX.Element;
+export declare const WalletProvider: ({ children, providers }: PropsWithChildren<WalletProviderProps>) => JSX.Element;
 //#endregion
-export { WalletProvider };
 //# sourceMappingURL=WalletProvider.d.ts.map

package/dist/esm/providers/WalletProvider/WalletProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WalletProvider.d.ts","names":[],"sources":["../../../../src/providers/WalletProvider/WalletProvider.tsx"],"mappings":";;;UAgBU,4BAA4B;EACpC,aAAa,OAAO,kBAAkB,yBAAyB;;cAGpD,mBACX,UACA,aACC,kBAAkB,yBAAuB,IAAI"}
+{"version":3,"file":"WalletProvider.d.ts","names":[],"sources":["../../../../src/providers/WalletProvider/WalletProvider.tsx"],"mappings":";;;UAgBU,4BAA4B;EACpC,aAAa,OAAO,kBAAkB,yBAAyB;;qBAGpD,mBACX,UACA,aACC,kBAAkB,yBAAuB,IAAI"}

package/dist/esm/providers/WidgetProvider/WidgetProvider.d.ts

@@ -1,8 +1,7 @@
 import { WidgetContextProps, WidgetProviderProps } from "./types.js";
 import "react";
 //#region src/providers/WidgetProvider/WidgetProvider.d.ts
-declare const useWidgetConfig: () => WidgetContextProps;
-declare const WidgetProvider: React.FC<React.PropsWithChildren<WidgetProviderProps>>;
+export declare const useWidgetConfig: () => WidgetContextProps;
+export declare const WidgetProvider: React.FC<React.PropsWithChildren<WidgetProviderProps>>;
 //#endregion
-export { WidgetProvider, useWidgetConfig };
 //# sourceMappingURL=WidgetProvider.d.ts.map

package/dist/esm/providers/WidgetProvider/WidgetProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetProvider.d.ts","names":[],"sources":["../../../../src/providers/WidgetProvider/WidgetProvider.tsx"],"mappings":";;;cAaa,uBAAsB;cAEtB,gBAAgB,MAAM,GACjC,MAAM,kBAAkB"}
+{"version":3,"file":"WidgetProvider.d.ts","names":[],"sources":["../../../../src/providers/WidgetProvider/WidgetProvider.tsx"],"mappings":";;;qBAaa,uBAAsB;qBAEtB,gBAAgB,MAAM,GACjC,MAAM,kBAAkB"}

package/dist/esm/providers/WidgetProvider/types.d.ts

@@ -1,11 +1,10 @@
 import { WidgetConfig } from "../../types/widget.js";
 //#region src/providers/WidgetProvider/types.d.ts
-type WidgetContextProps = WidgetConfig & {
+export type WidgetContextProps = WidgetConfig & {
   elementId: string;
 };
-interface WidgetProviderProps {
+export interface WidgetProviderProps {
   config?: WidgetConfig;
 }
 //#endregion
-export { WidgetContextProps, WidgetProviderProps };
 //# sourceMappingURL=types.d.ts.map

package/dist/esm/providers/WidgetProvider/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/providers/WidgetProvider/types.ts"],"mappings":";;KAEY,qBAAqB;EAC/B;;UAGe;EACf,SAAS"}
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/providers/WidgetProvider/types.ts"],"mappings":";;YAEY,qBAAqB;EAC/B;;iBAGe;EACf,SAAS"}

package/dist/esm/stores/StoreProvider.d.ts

@@ -1,7 +1,6 @@
 import { WidgetConfigProps } from "../types/widget.js";
 import { PropsWithChildren } from "react";
 //#region src/stores/StoreProvider.d.ts
-declare const StoreProvider: React.FC<PropsWithChildren<WidgetConfigProps>>;
+export declare const StoreProvider: React.FC<PropsWithChildren<WidgetConfigProps>>;
 //#endregion
-export { StoreProvider };
 //# sourceMappingURL=StoreProvider.d.ts.map

package/dist/esm/stores/StoreProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StoreProvider.d.ts","names":[],"sources":["../../../src/stores/StoreProvider.tsx"],"mappings":";;;cAUa,eAAe,MAAM,GAAG,kBAAkB"}
+{"version":3,"file":"StoreProvider.d.ts","names":[],"sources":["../../../src/stores/StoreProvider.tsx"],"mappings":";;;qBAWa,eAAe,MAAM,GAAG,kBAAkB"}

package/dist/esm/stores/StoreProvider.js

@@ -3,6 +3,7 @@ import { NavigationTabsStoreProvider } from "./navigationTabs/useNavigationTabsS
 import { BookmarkStoreProvider } from "./bookmarks/BookmarkStore.js";
 import { ChainOrderStoreProvider } from "./chains/ChainOrderStore.js";
 import { RouteExecutionStoreProvider } from "./routes/RouteExecutionStore.js";
+import { RecentTokensStoreProvider } from "./recentTokens/RecentTokensStore.js";
 import { PinnedTokensStoreProvider } from "./pinnedTokens/PinnedTokensStore.js";
 import { FormStoreProvider } from "./form/FormStore.js";
 import { jsx } from "react/jsx-runtime";
@@ -16,13 +17,16 @@ const StoreProvider = ({ children, config, formRef }) => {
 				namePrefix: config?.keyPrefix,
 				children: /* @__PURE__ */ jsx(PinnedTokensStoreProvider, {
 					namePrefix: config?.keyPrefix,
-					children: /* @__PURE__ */ jsx(FormStoreProvider, {
-						formRef,
-						children: /* @__PURE__ */ jsx(ChainOrderStoreProvider, {
-							namePrefix: config?.keyPrefix,
-							children: /* @__PURE__ */ jsx(RouteExecutionStoreProvider, {
+					children: /* @__PURE__ */ jsx(RecentTokensStoreProvider, {
+						namePrefix: config?.keyPrefix,
+						children: /* @__PURE__ */ jsx(FormStoreProvider, {
+							formRef,
+							children: /* @__PURE__ */ jsx(ChainOrderStoreProvider, {
 								namePrefix: config?.keyPrefix,
-								children
+								children: /* @__PURE__ */ jsx(RouteExecutionStoreProvider, {
+									namePrefix: config?.keyPrefix,
+									children
+								})
 							})
 						})
 					})

package/dist/esm/stores/StoreProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"StoreProvider.js","names":[],"sources":["../../../src/stores/StoreProvider.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react'\nimport type { WidgetConfigProps } from '../types/widget.js'\nimport { BookmarkStoreProvider } from './bookmarks/BookmarkStore.js'\nimport { ChainOrderStoreProvider } from './chains/ChainOrderStore.js'\nimport { FormStoreProvider } from './form/FormStore.js'\nimport { HeaderStoreProvider } from './header/useHeaderStore.js'\nimport { NavigationTabsStoreProvider } from './navigationTabs/useNavigationTabsStore.js'\nimport { PinnedTokensStoreProvider } from './pinnedTokens/PinnedTokensStore.js'\nimport { RouteExecutionStoreProvider } from './routes/RouteExecutionStore.js'\n\nexport const StoreProvider: React.FC<PropsWithChildren<WidgetConfigProps>> = ({\n  children,\n  config,\n  formRef,\n}) => {\n  return (\n    <NavigationTabsStoreProvider config={config}>\n      <HeaderStoreProvider namePrefix={config?.keyPrefix}>\n        <BookmarkStoreProvider namePrefix={config?.keyPrefix}>\n          <PinnedTokensStoreProvider namePrefix={config?.keyPrefix}>\n            <FormStoreProvider formRef={formRef}>\n              <ChainOrderStoreProvider namePrefix={config?.keyPrefix}>\n                <RouteExecutionStoreProvider namePrefix={config?.keyPrefix}>\n                  {children}\n                </RouteExecutionStoreProvider>\n              </ChainOrderStoreProvider>\n            </FormStoreProvider>\n          </PinnedTokensStoreProvider>\n        </BookmarkStoreProvider>\n      </HeaderStoreProvider>\n    </NavigationTabsStoreProvider>\n  )\n}\n"],"mappings":";;;;;;;;;AAUA,MAAa,iBAAiE,EAC5E,UACA,QACA,cACI;CACJ,OACE,oBAAC,6BAAD;EAAqC;EACnC,UAAA,oBAAC,qBAAD;GAAqB,YAAY,QAAQ;GACvC,UAAA,oBAAC,uBAAD;IAAuB,YAAY,QAAQ;IACzC,UAAA,oBAAC,2BAAD;KAA2B,YAAY,QAAQ;KAC7C,UAAA,oBAAC,mBAAD;MAA4B;MAC1B,UAAA,oBAAC,yBAAD;OAAyB,YAAY,QAAQ;OAC3C,UAAA,oBAAC,6BAAD;QAA6B,YAAY,QAAQ;QAC9C;OAC0B,CAAA;MACN,CAAA;KACR,CAAA;IACM,CAAA;GACN,CAAA;EACJ,CAAA;CACM,CAAA;AAEjC"}
+{"version":3,"file":"StoreProvider.js","names":[],"sources":["../../../src/stores/StoreProvider.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react'\nimport type { WidgetConfigProps } from '../types/widget.js'\nimport { BookmarkStoreProvider } from './bookmarks/BookmarkStore.js'\nimport { ChainOrderStoreProvider } from './chains/ChainOrderStore.js'\nimport { FormStoreProvider } from './form/FormStore.js'\nimport { HeaderStoreProvider } from './header/useHeaderStore.js'\nimport { NavigationTabsStoreProvider } from './navigationTabs/useNavigationTabsStore.js'\nimport { PinnedTokensStoreProvider } from './pinnedTokens/PinnedTokensStore.js'\nimport { RecentTokensStoreProvider } from './recentTokens/RecentTokensStore.js'\nimport { RouteExecutionStoreProvider } from './routes/RouteExecutionStore.js'\n\nexport const StoreProvider: React.FC<PropsWithChildren<WidgetConfigProps>> = ({\n  children,\n  config,\n  formRef,\n}) => {\n  return (\n    <NavigationTabsStoreProvider config={config}>\n      <HeaderStoreProvider namePrefix={config?.keyPrefix}>\n        <BookmarkStoreProvider namePrefix={config?.keyPrefix}>\n          <PinnedTokensStoreProvider namePrefix={config?.keyPrefix}>\n            <RecentTokensStoreProvider namePrefix={config?.keyPrefix}>\n              <FormStoreProvider formRef={formRef}>\n                <ChainOrderStoreProvider namePrefix={config?.keyPrefix}>\n                  <RouteExecutionStoreProvider namePrefix={config?.keyPrefix}>\n                    {children}\n                  </RouteExecutionStoreProvider>\n                </ChainOrderStoreProvider>\n              </FormStoreProvider>\n            </RecentTokensStoreProvider>\n          </PinnedTokensStoreProvider>\n        </BookmarkStoreProvider>\n      </HeaderStoreProvider>\n    </NavigationTabsStoreProvider>\n  )\n}\n"],"mappings":";;;;;;;;;;AAWA,MAAa,iBAAiE,EAC5E,UACA,QACA,cACI;CACJ,OACE,oBAAC,6BAAD;EAAqC;EACnC,UAAA,oBAAC,qBAAD;GAAqB,YAAY,QAAQ;GACvC,UAAA,oBAAC,uBAAD;IAAuB,YAAY,QAAQ;IACzC,UAAA,oBAAC,2BAAD;KAA2B,YAAY,QAAQ;KAC7C,UAAA,oBAAC,2BAAD;MAA2B,YAAY,QAAQ;MAC7C,UAAA,oBAAC,mBAAD;OAA4B;OAC1B,UAAA,oBAAC,yBAAD;QAAyB,YAAY,QAAQ;QAC3C,UAAA,oBAAC,6BAAD;SAA6B,YAAY,QAAQ;SAC9C;QAC0B,CAAA;OACN,CAAA;MACR,CAAA;KACM,CAAA;IACF,CAAA;GACN,CAAA;EACJ,CAAA;CACM,CAAA;AAEjC"}

package/dist/esm/stores/bookmarks/BookmarkStore.d.ts

@@ -1,7 +1,6 @@
 import "./types.js";
 import { PersistStoreProviderProps } from "../types.js";
 //#region src/stores/bookmarks/BookmarkStore.d.ts
-declare const BookmarkStoreProvider: React.FC<PersistStoreProviderProps>;
+export declare const BookmarkStoreProvider: React.FC<PersistStoreProviderProps>;
 //#endregion
-export { BookmarkStoreProvider };
 //# sourceMappingURL=BookmarkStore.d.ts.map

package/dist/esm/stores/bookmarks/BookmarkStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BookmarkStore.d.ts","names":[],"sources":["../../../../src/stores/bookmarks/BookmarkStore.tsx"],"mappings":";;;cASa,uBAAuB,MAAM,GAAG"}
+{"version":3,"file":"BookmarkStore.d.ts","names":[],"sources":["../../../../src/stores/bookmarks/BookmarkStore.tsx"],"mappings":";;;qBASa,uBAAuB,MAAM,GAAG"}

package/dist/esm/stores/bookmarks/types.d.ts

@@ -1,15 +1,15 @@
 import { ToAddress } from "../../types/widget.js";
 import { StoreApi, UseBoundStore } from "zustand";
 //#region src/stores/bookmarks/types.d.ts
-interface Bookmark extends ToAddress {
+export interface Bookmark extends ToAddress {
   isConnectedAccount?: boolean;
 }
-interface BookmarkProps {
+export interface BookmarkProps {
   selectedBookmark?: Bookmark;
   bookmarks: Bookmark[];
   recentWallets: Bookmark[];
 }
-interface BookmarkActions {
+export interface BookmarkActions {
   getBookmark: (address: string) => Bookmark | undefined;
   addBookmark: (bookmark: Bookmark) => void;
   removeBookmark: (address: string) => void;
@@ -18,8 +18,7 @@ interface BookmarkActions {
   addRecentWallet: (bookmark: Bookmark) => void;
   removeRecentWallet: (address: string) => void;
 }
-type BookmarkState = BookmarkProps & BookmarkActions;
-type BookmarkStore = UseBoundStore<StoreApi<BookmarkState>>;
+export type BookmarkState = BookmarkProps & BookmarkActions;
+export type BookmarkStore = UseBoundStore<StoreApi<BookmarkState>>;
 //#endregion
-export { Bookmark, BookmarkActions, BookmarkProps, BookmarkState, BookmarkStore };
 //# sourceMappingURL=types.d.ts.map

package/dist/esm/stores/bookmarks/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/stores/bookmarks/types.ts"],"mappings":";;;UAGiB,iBAAiB;EAChC;;UAGe;EACf,mBAAmB;EACnB,WAAW;EACX,eAAe;;UAGA;EACf,cAAc,oBAAoB;EAClC,cAAc,UAAU;EACxB,iBAAiB;EACjB,sBAAsB,WAAW;EACjC,2BAA2B;EAC3B,kBAAkB,UAAU;EAC5B,qBAAqB;;KAGX,gBAAgB,gBAAgB;KAEhC,gBAAgB,cAAc,SAAS"}
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/stores/bookmarks/types.ts"],"mappings":";;;iBAGiB,iBAAiB;EAChC;;iBAGe;EACf,mBAAmB;EACnB,WAAW;EACX,eAAe;;iBAGA;EACf,cAAc,oBAAoB;EAClC,cAAc,UAAU;EACxB,iBAAiB;EACjB,sBAAsB,WAAW;EACjC,2BAA2B;EAC3B,kBAAkB,UAAU;EAC5B,qBAAqB;;YAGX,gBAAgB,gBAAgB;YAEhC,gBAAgB,cAAc,SAAS"}

package/dist/esm/stores/chains/ChainOrderStore.d.ts

@@ -2,7 +2,6 @@ import "../types.js";
 import { ChainOrderState } from "./types.js";
 import { JSX } from "react";
 //#region src/stores/chains/ChainOrderStore.d.ts
-declare function useChainOrderStore<T>(selector: (state: ChainOrderState) => T): T;
+export declare function useChainOrderStore<T>(selector: (state: ChainOrderState) => T): T;
 //#endregion
-export { useChainOrderStore };
 //# sourceMappingURL=ChainOrderStore.d.ts.map

package/dist/esm/stores/chains/ChainOrderStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChainOrderStore.d.ts","names":[],"sources":["../../../../src/stores/chains/ChainOrderStore.tsx"],"mappings":";;;;iBA+JgB,mBAAmB,GACjC,WAAW,OAAO,oBAAoB,IACrC"}
+{"version":3,"file":"ChainOrderStore.d.ts","names":[],"sources":["../../../../src/stores/chains/ChainOrderStore.tsx"],"mappings":";;;;wBAkLgB,mBAAmB,GACjC,WAAW,OAAO,oBAAoB,IACrC"}