@lifi/widget 4.0.0-beta.1 → 4.0.0-beta.11

package/dist/esm/pages/MainPage/MainPage.js

@@ -1,47 +1,57 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box } from '@mui/material';
-import { useTranslation } from 'react-i18next';
-import { ActiveTransactions } from '../../components/ActiveTransactions/ActiveTransactions.js';
-import { AmountInput } from '../../components/AmountInput/AmountInput.js';
-import { ContractComponent } from '../../components/ContractComponent/ContractComponent.js';
-import { GasRefuelMessage } from '../../components/Messages/GasRefuelMessage.js';
-import { PageContainer } from '../../components/PageContainer.js';
-import { PoweredBy } from '../../components/PoweredBy/PoweredBy.js';
-import { Routes } from '../../components/Routes/Routes.js';
-import { SelectChainAndToken } from '../../components/SelectChainAndToken.js';
-import { SendToWalletButton } from '../../components/SendToWallet/SendToWalletButton.js';
-import { SendToWalletExpandButton } from '../../components/SendToWallet/SendToWalletExpandButton.js';
-import { useHeader } from '../../hooks/useHeader.js';
-import { useWideVariant } from '../../hooks/useWideVariant.js';
-import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
-import { HiddenUI } from '../../types/widget.js';
-import { MainWarningMessages } from './MainWarningMessages.js';
-import { ReviewButton } from './ReviewButton.js';
-export const MainPage = () => {
-    const { t } = useTranslation();
-    const wideVariant = useWideVariant();
-    const { subvariant, subvariantOptions, contractComponent, hiddenUI } = useWidgetConfig();
-    const custom = subvariant === 'custom';
-    const showPoweredBy = !hiddenUI?.includes(HiddenUI.PoweredBy);
-    const showGasRefuelMessage = !hiddenUI?.includes(HiddenUI.GasRefuelMessage);
-    const splitTitle = subvariantOptions?.split === 'bridge'
-        ? t('header.bridge')
-        : subvariantOptions?.split === 'swap'
-            ? t('header.swap')
-            : undefined;
-    const title = subvariant === 'custom'
-        ? t(`header.${subvariantOptions?.custom ?? 'checkout'}`)
-        : subvariant === 'refuel'
-            ? t('header.gas')
-            : subvariant === 'split' && splitTitle
-                ? splitTitle
-                : t('header.exchange');
-    useHeader(title);
-    const marginSx = { marginBottom: 2 };
-    return (_jsxs(PageContainer, { children: [_jsx(ActiveTransactions, { sx: marginSx }), custom ? (_jsx(ContractComponent, { sx: marginSx, children: contractComponent })) : null, _jsx(SelectChainAndToken, { mb: 2 }), !custom || subvariantOptions?.custom === 'deposit' ? (_jsx(AmountInput, { formType: "from", sx: marginSx })) : null, !wideVariant ? _jsx(Routes, { sx: marginSx }) : null, _jsx(SendToWalletButton, { sx: marginSx }), showGasRefuelMessage ? _jsx(GasRefuelMessage, { mb: 2 }) : null, _jsx(MainWarningMessages, { mb: 2 }), _jsxs(Box, { sx: {
-                    display: 'flex',
-                    mb: showPoweredBy ? 1 : 3,
-                    gap: 1.5,
-                }, children: [_jsx(ReviewButton, {}), _jsx(SendToWalletExpandButton, {})] }), showPoweredBy ? _jsx(PoweredBy, {}) : null] }));
+import { useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
+import { HiddenUI } from "../../types/widget.js";
+import { PageContainer } from "../../components/PageContainer.js";
+import { useWideVariant } from "../../hooks/useWideVariant.js";
+import { useHeader } from "../../hooks/useHeader.js";
+import { AmountInput } from "../../components/AmountInput/AmountInput.js";
+import { ContractComponent } from "../../components/ContractComponent/ContractComponent.js";
+import { GasRefuelMessage } from "../../components/Messages/GasRefuelMessage.js";
+import { PoweredBy } from "../../components/PoweredBy/PoweredBy.js";
+import { Routes } from "../../components/Routes/Routes.js";
+import { SelectChainAndToken } from "../../components/SelectChainAndToken.js";
+import { SendToWalletButton } from "../../components/SendToWallet/SendToWalletButton.js";
+import { SendToWalletExpandButton } from "../../components/SendToWallet/SendToWalletExpandButton.js";
+import { MainWarningMessages } from "./MainWarningMessages.js";
+import { ReviewButton } from "./ReviewButton.js";
+import { Box } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+//#region src/pages/MainPage/MainPage.tsx
+const MainPage = () => {
+	const { t } = useTranslation();
+	const wideVariant = useWideVariant();
+	const { subvariant, subvariantOptions, contractComponent, hiddenUI } = useWidgetConfig();
+	const custom = subvariant === "custom";
+	const showPoweredBy = !hiddenUI?.includes(HiddenUI.PoweredBy);
+	const showGasRefuelMessage = !hiddenUI?.includes(HiddenUI.GasRefuelMessage);
+	const splitTitle = subvariantOptions?.split === "bridge" ? t("header.bridge") : subvariantOptions?.split === "swap" ? t("header.swap") : void 0;
+	useHeader(subvariant === "custom" ? t(`header.${subvariantOptions?.custom ?? "checkout"}`) : subvariant === "refuel" ? t("header.gas") : subvariant === "split" && splitTitle ? splitTitle : t("header.exchange"));
+	const marginSx = { marginBottom: 2 };
+	return /* @__PURE__ */ jsxs(PageContainer, { children: [
+		custom ? /* @__PURE__ */ jsx(ContractComponent, {
+			sx: marginSx,
+			children: contractComponent
+		}) : null,
+		/* @__PURE__ */ jsx(SelectChainAndToken, { mb: 2 }),
+		!custom || subvariantOptions?.custom === "deposit" ? /* @__PURE__ */ jsx(AmountInput, {
+			formType: "from",
+			sx: marginSx
+		}) : null,
+		!wideVariant ? /* @__PURE__ */ jsx(Routes, { sx: marginSx }) : null,
+		/* @__PURE__ */ jsx(SendToWalletButton, { sx: marginSx }),
+		showGasRefuelMessage ? /* @__PURE__ */ jsx(GasRefuelMessage, { mb: 2 }) : null,
+		/* @__PURE__ */ jsx(MainWarningMessages, { mb: 2 }),
+		/* @__PURE__ */ jsxs(Box, {
+			sx: {
+				display: "flex",
+				mb: showPoweredBy ? 1 : 3
+			},
+			children: [/* @__PURE__ */ jsx(ReviewButton, {}), /* @__PURE__ */ jsx(SendToWalletExpandButton, {})]
+		}),
+		showPoweredBy ? /* @__PURE__ */ jsx(PoweredBy, {}) : null
+	] });
 };
+//#endregion
+export { MainPage };
+
 //# sourceMappingURL=MainPage.js.map

package/dist/esm/pages/MainPage/MainPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"MainPage.js","sourceRoot":"","sources":["../../../../src/pages/MainPage/MainPage.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"MainPage.js","names":[],"sources":["../../../../src/pages/MainPage/MainPage.tsx"],"sourcesContent":["import { Box } from '@mui/material'\nimport { useTranslation } from 'react-i18next'\nimport { AmountInput } from '../../components/AmountInput/AmountInput.js'\nimport { ContractComponent } from '../../components/ContractComponent/ContractComponent.js'\nimport { GasRefuelMessage } from '../../components/Messages/GasRefuelMessage.js'\nimport { PageContainer } from '../../components/PageContainer.js'\nimport { PoweredBy } from '../../components/PoweredBy/PoweredBy.js'\nimport { Routes } from '../../components/Routes/Routes.js'\nimport { SelectChainAndToken } from '../../components/SelectChainAndToken.js'\nimport { SendToWalletButton } from '../../components/SendToWallet/SendToWalletButton.js'\nimport { SendToWalletExpandButton } from '../../components/SendToWallet/SendToWalletExpandButton.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useWideVariant } from '../../hooks/useWideVariant.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { HiddenUI } from '../../types/widget.js'\nimport { MainWarningMessages } from './MainWarningMessages.js'\nimport { ReviewButton } from './ReviewButton.js'\n\nexport const MainPage: React.FC = () => {\n  const { t } = useTranslation()\n  const wideVariant = useWideVariant()\n  const { subvariant, subvariantOptions, contractComponent, hiddenUI } =\n    useWidgetConfig()\n  const custom = subvariant === 'custom'\n  const showPoweredBy = !hiddenUI?.includes(HiddenUI.PoweredBy)\n  const showGasRefuelMessage = !hiddenUI?.includes(HiddenUI.GasRefuelMessage)\n\n  const splitTitle =\n    subvariantOptions?.split === 'bridge'\n      ? t('header.bridge')\n      : subvariantOptions?.split === 'swap'\n        ? t('header.swap')\n        : undefined\n  const title =\n    subvariant === 'custom'\n      ? t(`header.${subvariantOptions?.custom ?? 'checkout'}`)\n      : subvariant === 'refuel'\n        ? t('header.gas')\n        : subvariant === 'split' && splitTitle\n          ? splitTitle\n          : t('header.exchange')\n\n  useHeader(title)\n\n  const marginSx = { marginBottom: 2 }\n\n  return (\n    <PageContainer>\n      {custom ? (\n        <ContractComponent sx={marginSx}>{contractComponent}</ContractComponent>\n      ) : null}\n      <SelectChainAndToken mb={2} />\n      {!custom || subvariantOptions?.custom === 'deposit' ? (\n        <AmountInput formType=\"from\" sx={marginSx} />\n      ) : null}\n      {!wideVariant ? <Routes sx={marginSx} /> : null}\n      <SendToWalletButton sx={marginSx} />\n      {showGasRefuelMessage ? <GasRefuelMessage mb={2} /> : null}\n      <MainWarningMessages mb={2} />\n      <Box\n        sx={{\n          display: 'flex',\n          mb: showPoweredBy ? 1 : 3,\n        }}\n      >\n        <ReviewButton />\n        <SendToWalletExpandButton />\n      </Box>\n      {showPoweredBy ? <PoweredBy /> : null}\n    </PageContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAkBA,MAAa,iBAA2B;CACtC,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,cAAc,gBAAgB;CACpC,MAAM,EAAE,YAAY,mBAAmB,mBAAmB,aACxD,iBAAiB;CACnB,MAAM,SAAS,eAAe;CAC9B,MAAM,gBAAgB,CAAC,UAAU,SAAS,SAAS,UAAU;CAC7D,MAAM,uBAAuB,CAAC,UAAU,SAAS,SAAS,iBAAiB;CAE3E,MAAM,aACJ,mBAAmB,UAAU,WACzB,EAAE,gBAAgB,GAClB,mBAAmB,UAAU,SAC3B,EAAE,cAAc,GAChB,KAAA;AAUR,WARE,eAAe,WACX,EAAE,UAAU,mBAAmB,UAAU,aAAa,GACtD,eAAe,WACb,EAAE,aAAa,GACf,eAAe,WAAW,aACxB,aACA,EAAE,kBAAkB,CAEd;CAEhB,MAAM,WAAW,EAAE,cAAc,GAAG;AAEpC,QACE,qBAAC,eAAD,EAAA,UAAA;EACG,SACC,oBAAC,mBAAD;GAAmB,IAAI;aAAW;GAAsC,CAAA,GACtE;EACJ,oBAAC,qBAAD,EAAqB,IAAI,GAAK,CAAA;EAC7B,CAAC,UAAU,mBAAmB,WAAW,YACxC,oBAAC,aAAD;GAAa,UAAS;GAAO,IAAI;GAAY,CAAA,GAC3C;EACH,CAAC,cAAc,oBAAC,QAAD,EAAQ,IAAI,UAAY,CAAA,GAAG;EAC3C,oBAAC,oBAAD,EAAoB,IAAI,UAAY,CAAA;EACnC,uBAAuB,oBAAC,kBAAD,EAAkB,IAAI,GAAK,CAAA,GAAG;EACtD,oBAAC,qBAAD,EAAqB,IAAI,GAAK,CAAA;EAC9B,qBAAC,KAAD;GACE,IAAI;IACF,SAAS;IACT,IAAI,gBAAgB,IAAI;IACzB;aAJH,CAME,oBAAC,cAAD,EAAgB,CAAA,EAChB,oBAAC,0BAAD,EAA4B,CAAA,CACxB;;EACL,gBAAgB,oBAAC,WAAD,EAAa,CAAA,GAAG;EACnB,EAAA,CAAA"}

package/dist/esm/pages/MainPage/MainWarningMessages.js

@@ -1,9 +1,16 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { WarningMessages } from '../../components/Messages/WarningMessages.js';
-import { useRoutes } from '../../hooks/useRoutes.js';
-export const MainWarningMessages = (props) => {
-    const { routes } = useRoutes();
-    const currentRoute = routes?.[0];
-    return _jsx(WarningMessages, { route: currentRoute, ...props });
+import { useRoutes } from "../../hooks/useRoutes.js";
+import { WarningMessages } from "../../components/Messages/WarningMessages.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/pages/MainPage/MainWarningMessages.tsx
+const MainWarningMessages = (props) => {
+	const { routes } = useRoutes();
+	const currentRoute = routes?.[0];
+	return /* @__PURE__ */ jsx(WarningMessages, {
+		route: currentRoute,
+		...props
+	});
 };
+//#endregion
+export { MainWarningMessages };
+
 //# sourceMappingURL=MainWarningMessages.js.map

package/dist/esm/pages/MainPage/MainWarningMessages.js.map

@@ -1 +1 @@
-{"version":3,"file":"MainWarningMessages.js","sourceRoot":"","sources":["../../../../src/pages/MainPage/MainWarningMessages.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAA;AAC9E,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAMpD,MAAM,CAAC,MAAM,mBAAmB,GAAuC,CACrE,KAAK,EACL,EAAE;IACF,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAA;IAC9B,MAAM,YAAY,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC,CAAA;IAEhC,OAAO,KAAC,eAAe,IAAC,KAAK,EAAE,YAAY,KAAM,KAAK,GAAI,CAAA;AAC5D,CAAC,CAAA"}
+{"version":3,"file":"MainWarningMessages.js","names":[],"sources":["../../../../src/pages/MainPage/MainWarningMessages.tsx"],"sourcesContent":["import type { Route } from '@lifi/sdk'\nimport type { BoxProps } from '@mui/material'\nimport { WarningMessages } from '../../components/Messages/WarningMessages.js'\nimport { useRoutes } from '../../hooks/useRoutes.js'\n\ninterface MainWarningMessagesProps extends BoxProps {\n  route?: Route\n}\n\nexport const MainWarningMessages: React.FC<MainWarningMessagesProps> = (\n  props\n) => {\n  const { routes } = useRoutes()\n  const currentRoute = routes?.[0]\n\n  return <WarningMessages route={currentRoute} {...props} />\n}\n"],"mappings":";;;;AASA,MAAa,uBACX,UACG;CACH,MAAM,EAAE,WAAW,WAAW;CAC9B,MAAM,eAAe,SAAS;AAE9B,QAAO,oBAAC,iBAAD;EAAiB,OAAO;EAAc,GAAI;EAAS,CAAA"}

package/dist/esm/pages/MainPage/ReviewButton.js

@@ -1,68 +1,60 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useNavigate } from '@tanstack/react-router';
-import { useTranslation } from 'react-i18next';
-import { BaseTransactionButton } from '../../components/BaseTransactionButton/BaseTransactionButton.js';
-import { useRoutes } from '../../hooks/useRoutes.js';
-import { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js';
-import { useWidgetEvents } from '../../hooks/useWidgetEvents.js';
-import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
-import { useSplitSubvariantStore } from '../../stores/settings/useSplitSubvariantStore.js';
-import { WidgetEvent } from '../../types/events.js';
-import { navigationRoutes } from '../../utils/navigationRoutes.js';
-export const ReviewButton = () => {
-    const { t } = useTranslation();
-    const navigate = useNavigate();
-    const emitter = useWidgetEvents();
-    const { subvariant, subvariantOptions } = useWidgetConfig();
-    const splitState = useSplitSubvariantStore((state) => state.state);
-    const { toAddress, requiredToAddress } = useToAddressRequirements();
-    const { routes, setReviewableRoute } = useRoutes();
-    const currentRoute = routes?.[0];
-    const handleClick = async () => {
-        if (!currentRoute) {
-            return;
-        }
-        setReviewableRoute(currentRoute);
-        navigate({
-            to: navigationRoutes.transactionExecution,
-            search: { routeId: currentRoute.id },
-        });
-        emitter.emit(WidgetEvent.RouteSelected, {
-            route: currentRoute,
-            routes: routes,
-        });
-    };
-    const getButtonText = () => {
-        if (currentRoute) {
-            switch (subvariant) {
-                case 'custom':
-                    return t(`button.${subvariantOptions?.custom ?? 'checkout'}Review`);
-                case 'refuel':
-                    return t('button.getGas');
-                default: {
-                    const transactionType = currentRoute.fromChainId === currentRoute.toChainId
-                        ? 'swap'
-                        : 'bridge';
-                    return t(`button.${transactionType}Review`);
-                }
-            }
-        }
-        switch (subvariant) {
-            case 'custom':
-                return subvariantOptions?.custom === 'deposit'
-                    ? t('button.deposit')
-                    : t('button.buy');
-            case 'refuel':
-                return t('button.getGas');
-            case 'split':
-                if (splitState) {
-                    return t(`button.${splitState}`);
-                }
-                return t('button.exchange');
-            default:
-                return t('button.exchange');
-        }
-    };
-    return (_jsx(BaseTransactionButton, { text: getButtonText(), onClick: handleClick, disabled: currentRoute && requiredToAddress && !toAddress, route: currentRoute }));
+import { useWidgetEvents } from "../../hooks/useWidgetEvents.js";
+import { WidgetEvent } from "../../types/events.js";
+import { useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
+import { navigationRoutes } from "../../utils/navigationRoutes.js";
+import { useSplitSubvariantStore } from "../../stores/settings/useSplitSubvariantStore.js";
+import { useRoutes } from "../../hooks/useRoutes.js";
+import { useToAddressRequirements } from "../../hooks/useToAddressRequirements.js";
+import { BaseTransactionButton } from "../../components/BaseTransactionButton/BaseTransactionButton.js";
+import { useNavigate } from "@tanstack/react-router";
+import { jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+//#region src/pages/MainPage/ReviewButton.tsx
+const ReviewButton = () => {
+	const { t } = useTranslation();
+	const navigate = useNavigate();
+	const emitter = useWidgetEvents();
+	const { subvariant, subvariantOptions } = useWidgetConfig();
+	const splitState = useSplitSubvariantStore((state) => state.state);
+	const { toAddress, requiredToAddress } = useToAddressRequirements();
+	const { routes, setReviewableRoute } = useRoutes();
+	const currentRoute = routes?.[0];
+	const handleClick = async () => {
+		if (!currentRoute) return;
+		setReviewableRoute(currentRoute);
+		navigate({
+			to: navigationRoutes.transactionExecution,
+			search: { routeId: currentRoute.id }
+		});
+		emitter.emit(WidgetEvent.RouteSelected, {
+			route: currentRoute,
+			routes
+		});
+	};
+	const getButtonText = () => {
+		if (currentRoute) switch (subvariant) {
+			case "custom": return t(`button.${subvariantOptions?.custom ?? "checkout"}Review`);
+			case "refuel": return t("button.getGas");
+			default: return t(`button.${currentRoute.fromChainId === currentRoute.toChainId ? "swap" : "bridge"}Review`);
+		}
+		switch (subvariant) {
+			case "custom": return subvariantOptions?.custom === "deposit" ? t("button.deposit") : t("button.buy");
+			case "refuel": return t("button.getGas");
+			case "split":
+				if (splitState) return t(`button.${splitState}`);
+				return t("button.exchange");
+			default: return t("button.exchange");
+		}
+	};
+	return /* @__PURE__ */ jsx(BaseTransactionButton, {
+		text: getButtonText(),
+		onClick: handleClick,
+		disabled: currentRoute && requiredToAddress && !toAddress,
+		route: currentRoute,
+		sx: { flex: 1 }
+	});
 };
+//#endregion
+export { ReviewButton };
+
 //# sourceMappingURL=ReviewButton.js.map

package/dist/esm/pages/MainPage/ReviewButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReviewButton.js","sourceRoot":"","sources":["../../../../src/pages/MainPage/ReviewButton.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ReviewButton.js","names":[],"sources":["../../../../src/pages/MainPage/ReviewButton.tsx"],"sourcesContent":["import { useNavigate } from '@tanstack/react-router'\nimport { useTranslation } from 'react-i18next'\nimport { BaseTransactionButton } from '../../components/BaseTransactionButton/BaseTransactionButton.js'\nimport { useRoutes } from '../../hooks/useRoutes.js'\nimport { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'\nimport { useWidgetEvents } from '../../hooks/useWidgetEvents.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { useSplitSubvariantStore } from '../../stores/settings/useSplitSubvariantStore.js'\nimport { WidgetEvent } from '../../types/events.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\n\nexport const ReviewButton: React.FC = () => {\n  const { t } = useTranslation()\n  const navigate = useNavigate()\n  const emitter = useWidgetEvents()\n  const { subvariant, subvariantOptions } = useWidgetConfig()\n  const splitState = useSplitSubvariantStore((state) => state.state)\n  const { toAddress, requiredToAddress } = useToAddressRequirements()\n  const { routes, setReviewableRoute } = useRoutes()\n\n  const currentRoute = routes?.[0]\n\n  const handleClick = async () => {\n    if (!currentRoute) {\n      return\n    }\n\n    setReviewableRoute(currentRoute)\n    navigate({\n      to: navigationRoutes.transactionExecution,\n      search: { routeId: currentRoute.id },\n    })\n    emitter.emit(WidgetEvent.RouteSelected, {\n      route: currentRoute,\n      routes: routes!,\n    })\n  }\n\n  const getButtonText = (): string => {\n    if (currentRoute) {\n      switch (subvariant) {\n        case 'custom':\n          return t(`button.${subvariantOptions?.custom ?? 'checkout'}Review`)\n        case 'refuel':\n          return t('button.getGas')\n        default: {\n          const transactionType =\n            currentRoute.fromChainId === currentRoute.toChainId\n              ? 'swap'\n              : 'bridge'\n          return t(`button.${transactionType}Review`)\n        }\n      }\n    }\n    switch (subvariant) {\n      case 'custom':\n        return subvariantOptions?.custom === 'deposit'\n          ? t('button.deposit')\n          : t('button.buy')\n      case 'refuel':\n        return t('button.getGas')\n      case 'split':\n        if (splitState) {\n          return t(`button.${splitState}`)\n        }\n        return t('button.exchange')\n      default:\n        return t('button.exchange')\n    }\n  }\n\n  return (\n    <BaseTransactionButton\n      text={getButtonText()}\n      onClick={handleClick}\n      disabled={currentRoute && requiredToAddress && !toAddress}\n      route={currentRoute}\n      sx={{ flex: 1 }}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAWA,MAAa,qBAA+B;CAC1C,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,WAAW,aAAa;CAC9B,MAAM,UAAU,iBAAiB;CACjC,MAAM,EAAE,YAAY,sBAAsB,iBAAiB;CAC3D,MAAM,aAAa,yBAAyB,UAAU,MAAM,MAAM;CAClE,MAAM,EAAE,WAAW,sBAAsB,0BAA0B;CACnE,MAAM,EAAE,QAAQ,uBAAuB,WAAW;CAElD,MAAM,eAAe,SAAS;CAE9B,MAAM,cAAc,YAAY;AAC9B,MAAI,CAAC,aACH;AAGF,qBAAmB,aAAa;AAChC,WAAS;GACP,IAAI,iBAAiB;GACrB,QAAQ,EAAE,SAAS,aAAa,IAAI;GACrC,CAAC;AACF,UAAQ,KAAK,YAAY,eAAe;GACtC,OAAO;GACC;GACT,CAAC;;CAGJ,MAAM,sBAA8B;AAClC,MAAI,aACF,SAAQ,YAAR;GACE,KAAK,SACH,QAAO,EAAE,UAAU,mBAAmB,UAAU,WAAW,QAAQ;GACrE,KAAK,SACH,QAAO,EAAE,gBAAgB;GAC3B,QAKE,QAAO,EAAE,UAHP,aAAa,gBAAgB,aAAa,YACtC,SACA,SAC6B,QAAQ;;AAIjD,UAAQ,YAAR;GACE,KAAK,SACH,QAAO,mBAAmB,WAAW,YACjC,EAAE,iBAAiB,GACnB,EAAE,aAAa;GACrB,KAAK,SACH,QAAO,EAAE,gBAAgB;GAC3B,KAAK;AACH,QAAI,WACF,QAAO,EAAE,UAAU,aAAa;AAElC,WAAO,EAAE,kBAAkB;GAC7B,QACE,QAAO,EAAE,kBAAkB;;;AAIjC,QACE,oBAAC,uBAAD;EACE,MAAM,eAAe;EACrB,SAAS;EACT,UAAU,gBAAgB,qBAAqB,CAAC;EAChD,OAAO;EACP,IAAI,EAAE,MAAM,GAAG;EACf,CAAA"}

package/dist/esm/pages/RoutesPage/RoutesPage.js

@@ -1,44 +1,71 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useAccount } from '@lifi/wallet-management';
-import { useNavigate } from '@tanstack/react-router';
-import { useMemo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { ProgressToNextUpdate } from '../../components/ProgressToNextUpdate.js';
-import { RouteCard } from '../../components/RouteCard/RouteCard.js';
-import { RouteCardSkeleton } from '../../components/RouteCard/RouteCardSkeleton.js';
-import { RouteNotFoundCard } from '../../components/RouteCard/RouteNotFoundCard.js';
-import { useHeader } from '../../hooks/useHeader.js';
-import { useRoutes } from '../../hooks/useRoutes.js';
-import { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js';
-import { useWidgetEvents } from '../../hooks/useWidgetEvents.js';
-import { useFieldValues } from '../../stores/form/useFieldValues.js';
-import { WidgetEvent } from '../../types/events.js';
-import { navigationRoutes } from '../../utils/navigationRoutes.js';
-import { Stack } from './RoutesPage.style.js';
-export const RoutesPage = () => {
-    const { t } = useTranslation();
-    const navigate = useNavigate();
-    const emitter = useWidgetEvents();
-    const { routes, isLoading, isFetching, dataUpdatedAt, refetchTime, fromChain, refetch, setReviewableRoute, } = useRoutes();
-    const { account } = useAccount({ chainType: fromChain?.chainType });
-    const [toAddress] = useFieldValues('toAddress');
-    const { requiredToAddress } = useToAddressRequirements();
-    const headerAction = useMemo(() => (_jsx(ProgressToNextUpdate, { updatedAt: dataUpdatedAt || Date.now(), timeToUpdate: refetchTime, isLoading: isFetching, onClick: () => refetch(), sx: { marginRight: -1 }, size: "medium" })), [dataUpdatedAt, isFetching, refetch, refetchTime]);
-    useHeader(t('header.receive'), headerAction);
-    const handleRouteClick = (route) => {
-        setReviewableRoute(route);
-        navigate({
-            to: navigationRoutes.transactionExecution,
-            search: { routeId: route.id },
-        });
-        emitter.emit(WidgetEvent.RouteSelected, {
-            route,
-            routes: routes,
-        });
-    };
-    const routeNotFound = !routes?.length && !isLoading && !isFetching;
-    const toAddressUnsatisfied = routes?.[0] && requiredToAddress && !toAddress;
-    const allowInteraction = account.isConnected && !toAddressUnsatisfied;
-    return (_jsx(Stack, { className: "long-list", direction: "column", spacing: 2, flex: 1, children: routeNotFound ? (_jsx(RouteNotFoundCard, {})) : isLoading && !routes?.length ? (Array.from({ length: 3 }).map((_, index) => (_jsx(RouteCardSkeleton, {}, index)))) : (routes?.map((route, index) => (_jsx(RouteCard, { route: route, onClick: allowInteraction ? () => handleRouteClick(route) : undefined, active: index === 0, expanded: routes?.length === 1 }, index)))) }));
+import { useWidgetEvents } from "../../hooks/useWidgetEvents.js";
+import { WidgetEvent } from "../../types/events.js";
+import { navigationRoutes } from "../../utils/navigationRoutes.js";
+import { useFieldValues } from "../../stores/form/useFieldValues.js";
+import { useRoutes } from "../../hooks/useRoutes.js";
+import { useToAddressRequirements } from "../../hooks/useToAddressRequirements.js";
+import { ProgressToNextUpdate } from "../../components/ProgressToNextUpdate.js";
+import { RouteCard } from "../../components/RouteCard/RouteCard.js";
+import { RouteCardSkeleton } from "../../components/RouteCard/RouteCardSkeleton.js";
+import { RouteNotFoundCard } from "../../components/RouteCard/RouteNotFoundCard.js";
+import { useHeader } from "../../hooks/useHeader.js";
+import { Stack } from "./RoutesPage.style.js";
+import { useMemo } from "react";
+import { useNavigate } from "@tanstack/react-router";
+import { jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import { useAccount } from "@lifi/wallet-management";
+//#region src/pages/RoutesPage/RoutesPage.tsx
+const RoutesPage = () => {
+	const { t } = useTranslation();
+	const navigate = useNavigate();
+	const emitter = useWidgetEvents();
+	const { routes, isLoading, isFetching, dataUpdatedAt, refetchTime, fromChain, refetch, setReviewableRoute } = useRoutes();
+	const { account } = useAccount({ chainType: fromChain?.chainType });
+	const [toAddress] = useFieldValues("toAddress");
+	const { requiredToAddress } = useToAddressRequirements();
+	const headerAction = useMemo(() => /* @__PURE__ */ jsx(ProgressToNextUpdate, {
+		updatedAt: dataUpdatedAt || Date.now(),
+		timeToUpdate: refetchTime,
+		isLoading: isFetching,
+		onClick: () => refetch(),
+		sx: { marginRight: -1 },
+		size: "medium"
+	}), [
+		dataUpdatedAt,
+		isFetching,
+		refetch,
+		refetchTime
+	]);
+	useHeader(t("header.receive"), headerAction);
+	const handleRouteClick = (route) => {
+		setReviewableRoute(route);
+		navigate({
+			to: navigationRoutes.transactionExecution,
+			search: { routeId: route.id }
+		});
+		emitter.emit(WidgetEvent.RouteSelected, {
+			route,
+			routes
+		});
+	};
+	const routeNotFound = !routes?.length && !isLoading && !isFetching;
+	const toAddressUnsatisfied = routes?.[0] && requiredToAddress && !toAddress;
+	const allowInteraction = account.isConnected && !toAddressUnsatisfied;
+	return /* @__PURE__ */ jsx(Stack, {
+		className: "long-list",
+		direction: "column",
+		spacing: 2,
+		flex: 1,
+		children: routeNotFound ? /* @__PURE__ */ jsx(RouteNotFoundCard, {}) : isLoading && !routes?.length ? Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ jsx(RouteCardSkeleton, {}, index)) : routes?.map((route, index) => /* @__PURE__ */ jsx(RouteCard, {
+			route,
+			onClick: allowInteraction ? () => handleRouteClick(route) : void 0,
+			active: index === 0,
+			expanded: routes?.length === 1
+		}, index))
+	});
 };
+//#endregion
+export { RoutesPage };
+
 //# sourceMappingURL=RoutesPage.js.map

package/dist/esm/pages/RoutesPage/RoutesPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoutesPage.js","sourceRoot":"","sources":["../../../../src/pages/RoutesPage/RoutesPage.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"RoutesPage.js","names":[],"sources":["../../../../src/pages/RoutesPage/RoutesPage.tsx"],"sourcesContent":["import type { Route } from '@lifi/sdk'\nimport { useAccount } from '@lifi/wallet-management'\nimport { useNavigate } from '@tanstack/react-router'\nimport { type JSX, useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { ProgressToNextUpdate } from '../../components/ProgressToNextUpdate.js'\nimport { RouteCard } from '../../components/RouteCard/RouteCard.js'\nimport { RouteCardSkeleton } from '../../components/RouteCard/RouteCardSkeleton.js'\nimport { RouteNotFoundCard } from '../../components/RouteCard/RouteNotFoundCard.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useRoutes } from '../../hooks/useRoutes.js'\nimport { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'\nimport { useWidgetEvents } from '../../hooks/useWidgetEvents.js'\nimport { useFieldValues } from '../../stores/form/useFieldValues.js'\nimport { WidgetEvent } from '../../types/events.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { Stack } from './RoutesPage.style.js'\n\nexport const RoutesPage = (): JSX.Element => {\n  const { t } = useTranslation()\n  const navigate = useNavigate()\n  const emitter = useWidgetEvents()\n  const {\n    routes,\n    isLoading,\n    isFetching,\n    dataUpdatedAt,\n    refetchTime,\n    fromChain,\n    refetch,\n    setReviewableRoute,\n  } = useRoutes()\n  const { account } = useAccount({ chainType: fromChain?.chainType })\n  const [toAddress] = useFieldValues('toAddress')\n  const { requiredToAddress } = useToAddressRequirements()\n\n  const headerAction = useMemo(\n    () => (\n      <ProgressToNextUpdate\n        updatedAt={dataUpdatedAt || Date.now()}\n        timeToUpdate={refetchTime}\n        isLoading={isFetching}\n        onClick={() => refetch()}\n        sx={{ marginRight: -1 }}\n        size=\"medium\"\n      />\n    ),\n    [dataUpdatedAt, isFetching, refetch, refetchTime]\n  )\n\n  useHeader(t('header.receive'), headerAction)\n\n  const handleRouteClick = (route: Route) => {\n    setReviewableRoute(route)\n    navigate({\n      to: navigationRoutes.transactionExecution,\n      search: { routeId: route.id },\n    })\n    emitter.emit(WidgetEvent.RouteSelected, {\n      route,\n      routes: routes!,\n    })\n  }\n\n  const routeNotFound = !routes?.length && !isLoading && !isFetching\n\n  const toAddressUnsatisfied = routes?.[0] && requiredToAddress && !toAddress\n\n  const allowInteraction = account.isConnected && !toAddressUnsatisfied\n\n  return (\n    <Stack className=\"long-list\" direction=\"column\" spacing={2} flex={1}>\n      {routeNotFound ? (\n        <RouteNotFoundCard />\n      ) : isLoading && !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 ? () => handleRouteClick(route) : undefined\n            }\n            active={index === 0}\n            expanded={routes?.length === 1}\n          />\n        ))\n      )}\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAkBA,MAAa,mBAAgC;CAC3C,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,WAAW,aAAa;CAC9B,MAAM,UAAU,iBAAiB;CACjC,MAAM,EACJ,QACA,WACA,YACA,eACA,aACA,WACA,SACA,uBACE,WAAW;CACf,MAAM,EAAE,YAAY,WAAW,EAAE,WAAW,WAAW,WAAW,CAAC;CACnE,MAAM,CAAC,aAAa,eAAe,YAAY;CAC/C,MAAM,EAAE,sBAAsB,0BAA0B;CAExD,MAAM,eAAe,cAEjB,oBAAC,sBAAD;EACE,WAAW,iBAAiB,KAAK,KAAK;EACtC,cAAc;EACd,WAAW;EACX,eAAe,SAAS;EACxB,IAAI,EAAE,aAAa,IAAI;EACvB,MAAK;EACL,CAAA,EAEJ;EAAC;EAAe;EAAY;EAAS;EAAY,CAClD;AAED,WAAU,EAAE,iBAAiB,EAAE,aAAa;CAE5C,MAAM,oBAAoB,UAAiB;AACzC,qBAAmB,MAAM;AACzB,WAAS;GACP,IAAI,iBAAiB;GACrB,QAAQ,EAAE,SAAS,MAAM,IAAI;GAC9B,CAAC;AACF,UAAQ,KAAK,YAAY,eAAe;GACtC;GACQ;GACT,CAAC;;CAGJ,MAAM,gBAAgB,CAAC,QAAQ,UAAU,CAAC,aAAa,CAAC;CAExD,MAAM,uBAAuB,SAAS,MAAM,qBAAqB,CAAC;CAElE,MAAM,mBAAmB,QAAQ,eAAe,CAAC;AAEjD,QACE,oBAAC,OAAD;EAAO,WAAU;EAAY,WAAU;EAAS,SAAS;EAAG,MAAM;YAC/D,gBACC,oBAAC,mBAAD,EAAqB,CAAA,GACnB,aAAa,CAAC,QAAQ,SACxB,MAAM,KAAK,EAAE,QAAQ,GAAG,CAAC,CAAC,KAAK,GAAG,UAChC,oBAAC,mBAAD,EAAiC,EAAT,MAAS,CACjC,GAEF,QAAQ,KAAK,OAAc,UACzB,oBAAC,WAAD;GAES;GACP,SACE,yBAAyB,iBAAiB,MAAM,GAAG,KAAA;GAErD,QAAQ,UAAU;GAClB,UAAU,QAAQ,WAAW;GAC7B,EAPK,MAOL,CACF;EAEE,CAAA"}

package/dist/esm/pages/RoutesPage/RoutesPage.style.js

@@ -1,6 +1,10 @@
-import { Stack as MuiStack, styled } from '@mui/material';
-export const Stack = styled(MuiStack)(({ theme }) => ({
-    position: 'relative',
-    padding: theme.spacing(0, 3, 3, 3),
+import { Stack, styled } from "@mui/material";
+//#region src/pages/RoutesPage/RoutesPage.style.ts
+const Stack$1 = styled(Stack)(({ theme }) => ({
+	position: "relative",
+	padding: theme.spacing(0, 3, 3, 3)
 }));
+//#endregion
+export { Stack$1 as Stack };
+
 //# sourceMappingURL=RoutesPage.style.js.map

package/dist/esm/pages/RoutesPage/RoutesPage.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoutesPage.style.js","sourceRoot":"","sources":["../../../../src/pages/RoutesPage/RoutesPage.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAEzD,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACpD,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;CACnC,CAAC,CAAC,CAAA"}
+{"version":3,"file":"RoutesPage.style.js","names":["Stack","MuiStack"],"sources":["../../../../src/pages/RoutesPage/RoutesPage.style.ts"],"sourcesContent":["import { Stack as MuiStack, styled } from '@mui/material'\nimport type React from 'react'\n\nexport const Stack: React.FC<React.ComponentProps<typeof MuiStack>> = styled(\n  MuiStack\n)(({ theme }) => ({\n  position: 'relative',\n  padding: theme.spacing(0, 3, 3, 3),\n}))\n"],"mappings":";;AAGA,MAAaA,UAAyD,OACpEC,MACD,EAAE,EAAE,aAAa;CAChB,UAAU;CACV,SAAS,MAAM,QAAQ,GAAG,GAAG,GAAG,EAAE;CACnC,EAAE"}

package/dist/esm/pages/SelectChainPage/SelectChainPage.js

@@ -1,26 +1,36 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback } from 'react';
-import { useTranslation } from 'react-i18next';
-import { useChainSelect } from '../../components/ChainSelect/useChainSelect.js';
-import { SelectChainContent } from '../../components/Chains/SelectChainContent.js';
-import { useTokenSelect } from '../../components/TokenList/useTokenSelect.js';
-import { useHeader } from '../../hooks/useHeader.js';
-import { useNavigateBack } from '../../hooks/useNavigateBack.js';
-export const SelectChainPage = ({ formType, selectNativeToken, }) => {
-    const navigateBack = useNavigateBack();
-    const { setCurrentChain } = useChainSelect(formType);
-    const selectToken = useTokenSelect(formType, navigateBack);
-    const { t } = useTranslation();
-    useHeader(t('header.selectChain'));
-    const handleClick = useCallback(async (chain) => {
-        if (selectNativeToken) {
-            selectToken(chain.nativeToken.address, chain.id);
-        }
-        else {
-            setCurrentChain(chain.id);
-            navigateBack();
-        }
-    }, [navigateBack, selectNativeToken, selectToken, setCurrentChain]);
-    return (_jsx(SelectChainContent, { inExpansion: false, formType: formType, onSelect: handleClick }));
+import { useChainSelect } from "../../components/ChainSelect/useChainSelect.js";
+import { SelectChainContent } from "../../components/Chains/SelectChainContent.js";
+import { useNavigateBack } from "../../hooks/useNavigateBack.js";
+import { useHeader } from "../../hooks/useHeader.js";
+import { useTokenSelect } from "../../components/TokenList/useTokenSelect.js";
+import { useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+//#region src/pages/SelectChainPage/SelectChainPage.tsx
+const SelectChainPage = ({ formType, selectNativeToken }) => {
+	const navigateBack = useNavigateBack();
+	const { setCurrentChain } = useChainSelect(formType);
+	const selectToken = useTokenSelect(formType, navigateBack);
+	const { t } = useTranslation();
+	useHeader(t("header.selectChain"));
+	return /* @__PURE__ */ jsx(SelectChainContent, {
+		inExpansion: false,
+		formType,
+		onSelect: useCallback(async (chain) => {
+			if (selectNativeToken) selectToken(chain.nativeToken.address, chain.id);
+			else {
+				setCurrentChain(chain.id);
+				navigateBack();
+			}
+		}, [
+			navigateBack,
+			selectNativeToken,
+			selectToken,
+			setCurrentChain
+		])
+	});
 };
+//#endregion
+export { SelectChainPage };
+
 //# sourceMappingURL=SelectChainPage.js.map

package/dist/esm/pages/SelectChainPage/SelectChainPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectChainPage.js","sourceRoot":"","sources":["../../../../src/pages/SelectChainPage/SelectChainPage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,gDAAgD,CAAA;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,+CAA+C,CAAA;AAClF,OAAO,EAAE,cAAc,EAAE,MAAM,8CAA8C,CAAA;AAC7E,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAGhE,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC9D,QAAQ,EACR,iBAAiB,GAClB,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,eAAe,EAAE,CAAA;IACtC,MAAM,EAAE,eAAe,EAAE,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAA;IACpD,MAAM,WAAW,GAAG,cAAc,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;IAE1D,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAE9B,SAAS,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAA;IAElC,MAAM,WAAW,GAAG,WAAW,CAC7B,KAAK,EAAE,KAAoB,EAAE,EAAE;QAC7B,IAAI,iBAAiB,EAAE,CAAC;YACtB,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,CAAA;QAClD,CAAC;aAAM,CAAC;YACN,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;YACzB,YAAY,EAAE,CAAA;QAChB,CAAC;IACH,CAAC,EACD,CAAC,YAAY,EAAE,iBAAiB,EAAE,WAAW,EAAE,eAAe,CAAC,CAChE,CAAA;IAED,OAAO,CACL,KAAC,kBAAkB,IACjB,WAAW,EAAE,KAAK,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,WAAW,GACrB,CACH,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"SelectChainPage.js","names":[],"sources":["../../../../src/pages/SelectChainPage/SelectChainPage.tsx"],"sourcesContent":["import type { ExtendedChain } from '@lifi/sdk'\nimport { useCallback } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useChainSelect } from '../../components/ChainSelect/useChainSelect.js'\nimport { SelectChainContent } from '../../components/Chains/SelectChainContent.js'\nimport { useTokenSelect } from '../../components/TokenList/useTokenSelect.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useNavigateBack } from '../../hooks/useNavigateBack.js'\nimport type { SelectChainPageProps } from './types.js'\n\nexport const SelectChainPage: React.FC<SelectChainPageProps> = ({\n  formType,\n  selectNativeToken,\n}) => {\n  const navigateBack = useNavigateBack()\n  const { setCurrentChain } = useChainSelect(formType)\n  const selectToken = useTokenSelect(formType, navigateBack)\n\n  const { t } = useTranslation()\n\n  useHeader(t('header.selectChain'))\n\n  const handleClick = useCallback(\n    async (chain: ExtendedChain) => {\n      if (selectNativeToken) {\n        selectToken(chain.nativeToken.address, chain.id)\n      } else {\n        setCurrentChain(chain.id)\n        navigateBack()\n      }\n    },\n    [navigateBack, selectNativeToken, selectToken, setCurrentChain]\n  )\n\n  return (\n    <SelectChainContent\n      inExpansion={false}\n      formType={formType}\n      onSelect={handleClick}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;AAUA,MAAa,mBAAmD,EAC9D,UACA,wBACI;CACJ,MAAM,eAAe,iBAAiB;CACtC,MAAM,EAAE,oBAAoB,eAAe,SAAS;CACpD,MAAM,cAAc,eAAe,UAAU,aAAa;CAE1D,MAAM,EAAE,MAAM,gBAAgB;AAE9B,WAAU,EAAE,qBAAqB,CAAC;AAclC,QACE,oBAAC,oBAAD;EACE,aAAa;EACH;EACV,UAhBgB,YAClB,OAAO,UAAyB;AAC9B,OAAI,kBACF,aAAY,MAAM,YAAY,SAAS,MAAM,GAAG;QAC3C;AACL,oBAAgB,MAAM,GAAG;AACzB,kBAAc;;KAGlB;GAAC;GAAc;GAAmB;GAAa;GAAgB,CAChE;EAOG,CAAA"}