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

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

@@ -1 +1 @@
-{"version":3,"file":"ConfirmToAddressSheet.js","sourceRoot":"","sources":["../../../../src/pages/TransactionPage/ConfirmToAddressSheet.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ConfirmToAddressSheet.js","names":[],"sources":["../../../../src/pages/TransactionPage/ConfirmToAddressSheet.tsx"],"sourcesContent":["import Wallet from '@mui/icons-material/Wallet'\nimport WarningRounded from '@mui/icons-material/WarningRounded'\nimport { Button, Typography } from '@mui/material'\nimport type { ForwardRefExoticComponent, RefAttributes, RefObject } from 'react'\nimport { forwardRef, useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { BottomSheet } from '../../components/BottomSheet/BottomSheet.js'\nimport type { BottomSheetBase } from '../../components/BottomSheet/types.js'\nimport { AlertMessage } from '../../components/Messages/AlertMessage.js'\nimport { useChain } from '../../hooks/useChain.js'\nimport { useSetContentHeight } from '../../hooks/useSetContentHeight.js'\nimport { useWidgetEvents } from '../../hooks/useWidgetEvents.js'\nimport { WidgetEvent } from '../../types/events.js'\nimport {\n  IconContainer,\n  SendToWalletButtonRow,\n  SendToWalletSheetContainer,\n  SheetAddressContainer,\n} from '../SendToWallet/SendToWalletPage.style.js'\n\ninterface ConfirmToAddressSheetProps {\n  onContinue: () => void\n  toAddress: string\n  toChainId: number\n}\n\ninterface ConfirmToAddressSheetContentProps extends ConfirmToAddressSheetProps {\n  onClose: () => void\n}\n\nexport const ConfirmToAddressSheet: ForwardRefExoticComponent<\n  ConfirmToAddressSheetProps & RefAttributes<BottomSheetBase>\n> = forwardRef<BottomSheetBase, ConfirmToAddressSheetProps>((props, ref) => {\n  const handleClose = () => {\n    ;(ref as RefObject<BottomSheetBase>).current?.close()\n  }\n\n  return (\n    <BottomSheet ref={ref}>\n      <ConfirmToAddressSheetContent {...props} onClose={handleClose} />\n    </BottomSheet>\n  )\n})\n\nconst ConfirmToAddressSheetContent: React.FC<\n  ConfirmToAddressSheetContentProps\n> = ({ onContinue, onClose, toAddress, toChainId }) => {\n  const { t } = useTranslation()\n  const { chain } = useChain(toChainId)\n  const emitter = useWidgetEvents()\n  const ref = useRef<HTMLElement>(null)\n  useSetContentHeight(ref)\n\n  const handleContinue = () => {\n    emitter.emit(WidgetEvent.LowAddressActivityConfirmed, {\n      address: toAddress,\n      chainId: toChainId,\n    })\n    onClose()\n    onContinue()\n  }\n\n  return (\n    <SendToWalletSheetContainer ref={ref}>\n      <IconContainer>\n        <Wallet sx={{ fontSize: 40 }} />\n      </IconContainer>\n      <Typography variant=\"h6\" sx={{ textAlign: 'center', mb: 2 }}>\n        {t('warning.title.lowAddressActivity')}\n      </Typography>\n      <SheetAddressContainer>\n        <Typography>{toAddress}</Typography>\n      </SheetAddressContainer>\n      <AlertMessage\n        severity=\"warning\"\n        title={\n          <Typography variant=\"body2\" sx={{ color: 'text.primary' }}>\n            {t('warning.message.lowAddressActivity', {\n              chainName: chain?.name,\n            })}\n          </Typography>\n        }\n        icon={<WarningRounded />}\n        multiline\n      />\n      <SendToWalletButtonRow>\n        <Button variant=\"text\" onClick={onClose} fullWidth>\n          {t('button.cancel')}\n        </Button>\n        <Button variant=\"contained\" onClick={handleContinue} fullWidth>\n          {t('button.continue')}\n        </Button>\n      </SendToWalletButtonRow>\n    </SendToWalletSheetContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AA8BA,MAAa,wBAET,YAAyD,OAAO,QAAQ;CAC1E,MAAM,oBAAoB;AACtB,MAAmC,SAAS,OAAO;;AAGvD,QACE,oBAAC,aAAD;EAAkB;YAChB,oBAAC,8BAAD;GAA8B,GAAI;GAAO,SAAS;GAAe,CAAA;EACrD,CAAA;EAEhB;AAEF,MAAM,gCAED,EAAE,YAAY,SAAS,WAAW,gBAAgB;CACrD,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,EAAE,UAAU,SAAS,UAAU;CACrC,MAAM,UAAU,iBAAiB;CACjC,MAAM,MAAM,OAAoB,KAAK;AACrC,qBAAoB,IAAI;CAExB,MAAM,uBAAuB;AAC3B,UAAQ,KAAK,YAAY,6BAA6B;GACpD,SAAS;GACT,SAAS;GACV,CAAC;AACF,WAAS;AACT,cAAY;;AAGd,QACE,qBAAC,4BAAD;EAAiC;YAAjC;GACE,oBAAC,eAAD,EAAA,UACE,oBAAC,QAAD,EAAQ,IAAI,EAAE,UAAU,IAAI,EAAI,CAAA,EAClB,CAAA;GAChB,oBAAC,YAAD;IAAY,SAAQ;IAAK,IAAI;KAAE,WAAW;KAAU,IAAI;KAAG;cACxD,EAAE,mCAAmC;IAC3B,CAAA;GACb,oBAAC,uBAAD,EAAA,UACE,oBAAC,YAAD,EAAA,UAAa,WAAuB,CAAA,EACd,CAAA;GACxB,oBAAC,cAAD;IACE,UAAS;IACT,OACE,oBAAC,YAAD;KAAY,SAAQ;KAAQ,IAAI,EAAE,OAAO,gBAAgB;eACtD,EAAE,sCAAsC,EACvC,WAAW,OAAO,MACnB,CAAC;KACS,CAAA;IAEf,MAAM,oBAAC,gBAAD,EAAkB,CAAA;IACxB,WAAA;IACA,CAAA;GACF,qBAAC,uBAAD,EAAA,UAAA,CACE,oBAAC,QAAD;IAAQ,SAAQ;IAAO,SAAS;IAAS,WAAA;cACtC,EAAE,gBAAgB;IACZ,CAAA,EACT,oBAAC,QAAD;IAAQ,SAAQ;IAAY,SAAS;IAAgB,WAAA;cAClD,EAAE,kBAAkB;IACd,CAAA,CACa,EAAA,CAAA;GACG"}

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

@@ -1,95 +1,147 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import WarningRounded from '@mui/icons-material/WarningRounded';
-import { Box, Button, Typography } from '@mui/material';
-import { forwardRef, useCallback, useImperativeHandle, useRef, useState, } from 'react';
-import { useTranslation } from 'react-i18next';
-import { BottomSheet } from '../../components/BottomSheet/BottomSheet.js';
-import { useSetContentHeight } from '../../hooks/useSetContentHeight.js';
-import { formatTokenAmount } from '../../utils/format.js';
-import { CenterContainer, IconCircle } from './StatusBottomSheet.style.js';
-export const ExchangeRateBottomSheet = forwardRef(({ onContinue, onCancel }, ref) => {
-    const [data, setData] = useState();
-    const bottomSheetRef = useRef(null);
-    const resolverRef = useRef(null);
-    const handleContinue = () => {
-        ;
-        ref.current?.close(true);
-        onContinue?.();
-    };
-    const handleCancel = useCallback(() => {
-        ;
-        ref.current?.close(false);
-        onCancel?.();
-    }, [onCancel, ref]);
-    const handleClose = useCallback(() => {
-        ;
-        ref.current?.close(false, false);
-        onCancel?.();
-    }, [onCancel, ref]);
-    useImperativeHandle(ref, () => ({
-        isOpen: () => bottomSheetRef.current?.isOpen(),
-        open: (resolver, data) => {
-            setData(data);
-            resolverRef.current = resolver;
-            bottomSheetRef.current?.open();
-        },
-        close: (value = false, bottomSheetClose = true) => {
-            resolverRef.current?.(value);
-            if (bottomSheetClose) {
-                bottomSheetRef.current?.close();
-            }
-        },
-    }), []);
-    return (_jsx(BottomSheet, { ref: bottomSheetRef, onClose: handleClose, children: _jsx(ExchangeRateBottomSheetContent, { data: data, onContinue: handleContinue, onCancel: handleCancel }) }));
+import { formatTokenAmount } from "../../utils/format.js";
+import { BottomSheet } from "../../components/BottomSheet/BottomSheet.js";
+import { useSetContentHeight } from "../../hooks/useSetContentHeight.js";
+import { CenterContainer, IconCircle } from "./StatusBottomSheet.style.js";
+import { forwardRef, useCallback, useImperativeHandle, useRef, useState } from "react";
+import { Box, Button, Typography } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import WarningRounded from "@mui/icons-material/WarningRounded";
+//#region src/pages/TransactionPage/ExchangeRateBottomSheet.tsx
+const ExchangeRateBottomSheet = forwardRef(({ onContinue, onCancel }, ref) => {
+	const [data, setData] = useState();
+	const bottomSheetRef = useRef(null);
+	const resolverRef = useRef(null);
+	const handleContinue = () => {
+		ref.current?.close(true);
+		onContinue?.();
+	};
+	const handleCancel = useCallback(() => {
+		ref.current?.close(false);
+		onCancel?.();
+	}, [onCancel, ref]);
+	const handleClose = useCallback(() => {
+		ref.current?.close(false, false);
+		onCancel?.();
+	}, [onCancel, ref]);
+	useImperativeHandle(ref, () => ({
+		isOpen: () => bottomSheetRef.current?.isOpen(),
+		open: (resolver, data) => {
+			setData(data);
+			resolverRef.current = resolver;
+			bottomSheetRef.current?.open();
+		},
+		close: (value = false, bottomSheetClose = true) => {
+			resolverRef.current?.(value);
+			if (bottomSheetClose) bottomSheetRef.current?.close();
+		}
+	}), []);
+	return /* @__PURE__ */ jsx(BottomSheet, {
+		ref: bottomSheetRef,
+		onClose: handleClose,
+		children: /* @__PURE__ */ jsx(ExchangeRateBottomSheetContent, {
+			data,
+			onContinue: handleContinue,
+			onCancel: handleCancel
+		})
+	});
 });
 const ExchangeRateBottomSheetContent = ({ data, onCancel, onContinue }) => {
-    const { t } = useTranslation();
-    const ref = useRef(null);
-    useSetContentHeight(ref);
-    if (!data) {
-        return;
-    }
-    const oldAmount = BigInt(data.oldToAmount || 1);
-    const rateChange = ((Number((BigInt(data.newToAmount || 0) * 1000000n) / oldAmount) /
-        1000000) *
-        100 -
-        100).toFixed(2);
-    return (_jsxs(Box, { ref: ref, sx: {
-            p: 3,
-        }, children: [_jsxs(CenterContainer, { children: [_jsx(IconCircle, { status: "warning", mb: 1, children: _jsx(WarningRounded, { color: "warning" }) }), _jsx(Typography, { sx: {
-                            py: 1,
-                            fontSize: 18,
-                            fontWeight: 700,
-                        }, children: t('warning.title.rateChanged') })] }), _jsx(Typography, { sx: {
-                    py: 1,
-                }, children: t('warning.message.rateChanged') }), _jsxs(Box, { sx: {
-                    display: 'flex',
-                    justifyContent: 'space-between',
-                    mt: 1,
-                }, children: [_jsx(Typography, { children: t('main.quotedAmount') }), _jsxs(Typography, { sx: {
-                            fontWeight: 600,
-                        }, children: [t('format.tokenAmount', {
-                                value: formatTokenAmount(BigInt(data.oldToAmount), data.toToken.decimals),
-                            }), ' ', data?.toToken.symbol] })] }), _jsxs(Box, { sx: {
-                    display: 'flex',
-                    justifyContent: 'space-between',
-                    mt: 0.25,
-                }, children: [_jsx(Typography, { children: t('main.currentAmount') }), _jsxs(Typography, { sx: {
-                            fontWeight: 600,
-                        }, children: [t('format.tokenAmount', {
-                                value: formatTokenAmount(BigInt(data?.newToAmount), data?.toToken.decimals),
-                            }), ' ', data?.toToken.symbol] })] }), _jsxs(Box, { sx: {
-                    display: 'flex',
-                    justifyContent: 'space-between',
-                    mt: 0.25,
-                }, children: [_jsx(Typography, { children: t('main.rateChange') }), _jsxs(Typography, { sx: {
-                            fontWeight: 600,
-                        }, children: [rateChange, "%"] })] }), _jsxs(Box, { sx: {
-                    display: 'flex',
-                    mt: 3,
-                }, children: [_jsx(Button, { variant: "text", onClick: onCancel, fullWidth: true, children: t('button.cancel') }), _jsx(Box, { sx: {
-                            display: 'flex',
-                            p: 1,
-                        } }), _jsx(Button, { variant: "contained", onClick: onContinue, fullWidth: true, children: t('button.continue') })] })] }));
+	const { t } = useTranslation();
+	const ref = useRef(null);
+	useSetContentHeight(ref);
+	if (!data) return;
+	const oldAmount = BigInt(data.oldToAmount || 1);
+	const rateChange = (Number(BigInt(data.newToAmount || 0) * 1000000n / oldAmount) / 1e6 * 100 - 100).toFixed(2);
+	return /* @__PURE__ */ jsxs(Box, {
+		ref,
+		sx: { p: 3 },
+		children: [
+			/* @__PURE__ */ jsxs(CenterContainer, { children: [/* @__PURE__ */ jsx(IconCircle, {
+				status: "warning",
+				mb: 1,
+				children: /* @__PURE__ */ jsx(WarningRounded, { color: "warning" })
+			}), /* @__PURE__ */ jsx(Typography, {
+				sx: {
+					py: 1,
+					fontSize: 18,
+					fontWeight: 700
+				},
+				children: t("warning.title.rateChanged")
+			})] }),
+			/* @__PURE__ */ jsx(Typography, {
+				sx: { py: 1 },
+				children: t("warning.message.rateChanged")
+			}),
+			/* @__PURE__ */ jsxs(Box, {
+				sx: {
+					display: "flex",
+					justifyContent: "space-between",
+					mt: 1
+				},
+				children: [/* @__PURE__ */ jsx(Typography, { children: t("main.quotedAmount") }), /* @__PURE__ */ jsxs(Typography, {
+					sx: { fontWeight: 600 },
+					children: [
+						t("format.tokenAmount", { value: formatTokenAmount(BigInt(data.oldToAmount), data.toToken.decimals) }),
+						" ",
+						data?.toToken.symbol
+					]
+				})]
+			}),
+			/* @__PURE__ */ jsxs(Box, {
+				sx: {
+					display: "flex",
+					justifyContent: "space-between",
+					mt: .25
+				},
+				children: [/* @__PURE__ */ jsx(Typography, { children: t("main.currentAmount") }), /* @__PURE__ */ jsxs(Typography, {
+					sx: { fontWeight: 600 },
+					children: [
+						t("format.tokenAmount", { value: formatTokenAmount(BigInt(data?.newToAmount), data?.toToken.decimals) }),
+						" ",
+						data?.toToken.symbol
+					]
+				})]
+			}),
+			/* @__PURE__ */ jsxs(Box, {
+				sx: {
+					display: "flex",
+					justifyContent: "space-between",
+					mt: .25
+				},
+				children: [/* @__PURE__ */ jsx(Typography, { children: t("main.rateChange") }), /* @__PURE__ */ jsxs(Typography, {
+					sx: { fontWeight: 600 },
+					children: [rateChange, "%"]
+				})]
+			}),
+			/* @__PURE__ */ jsxs(Box, {
+				sx: {
+					display: "flex",
+					mt: 3
+				},
+				children: [
+					/* @__PURE__ */ jsx(Button, {
+						variant: "text",
+						onClick: onCancel,
+						fullWidth: true,
+						children: t("button.cancel")
+					}),
+					/* @__PURE__ */ jsx(Box, { sx: {
+						display: "flex",
+						p: 1
+					} }),
+					/* @__PURE__ */ jsx(Button, {
+						variant: "contained",
+						onClick: onContinue,
+						fullWidth: true,
+						children: t("button.continue")
+					})
+				]
+			})
+		]
+	});
 };
+//#endregion
+export { ExchangeRateBottomSheet };
+
 //# sourceMappingURL=ExchangeRateBottomSheet.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ExchangeRateBottomSheet.js","sourceRoot":"","sources":["../../../../src/pages/TransactionPage/ExchangeRateBottomSheet.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ExchangeRateBottomSheet.js","names":[],"sources":["../../../../src/pages/TransactionPage/ExchangeRateBottomSheet.tsx"],"sourcesContent":["import type { ExchangeRateUpdateParams } from '@lifi/sdk'\nimport WarningRounded from '@mui/icons-material/WarningRounded'\nimport { Box, Button, Typography } from '@mui/material'\nimport type { ForwardRefExoticComponent, RefAttributes, RefObject } from 'react'\nimport {\n  forwardRef,\n  useCallback,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { BottomSheet } from '../../components/BottomSheet/BottomSheet.js'\nimport type { BottomSheetBase } from '../../components/BottomSheet/types.js'\nimport { useSetContentHeight } from '../../hooks/useSetContentHeight.js'\nimport { formatTokenAmount } from '../../utils/format.js'\nimport { CenterContainer, IconCircle } from './StatusBottomSheet.style.js'\n\nexport interface ExchangeRateBottomSheetBase {\n  isOpen(): void\n  open(resolver: (value: boolean) => void, data: ExchangeRateUpdateParams): void\n  close(value?: boolean, bottomSheetClose?: boolean): void\n}\n\ninterface ExchangeRateBottomSheetProps {\n  data?: ExchangeRateUpdateParams\n  onContinue?(): void\n  onCancel?(): void\n}\n\nexport const ExchangeRateBottomSheet: ForwardRefExoticComponent<\n  ExchangeRateBottomSheetProps & RefAttributes<ExchangeRateBottomSheetBase>\n> = forwardRef<ExchangeRateBottomSheetBase, ExchangeRateBottomSheetProps>(\n  ({ onContinue, onCancel }, ref) => {\n    const [data, setData] = useState<ExchangeRateUpdateParams>()\n    const bottomSheetRef = useRef<BottomSheetBase>(null)\n    const resolverRef = useRef<(value: boolean) => void>(null)\n\n    const handleContinue = () => {\n      ;(ref as RefObject<ExchangeRateBottomSheetBase>).current?.close(true)\n      onContinue?.()\n    }\n\n    const handleCancel = useCallback(() => {\n      ;(ref as RefObject<ExchangeRateBottomSheetBase>).current?.close(false)\n      onCancel?.()\n    }, [onCancel, ref])\n\n    const handleClose = useCallback(() => {\n      ;(ref as RefObject<ExchangeRateBottomSheetBase>).current?.close(\n        false,\n        false\n      )\n      onCancel?.()\n    }, [onCancel, ref])\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        isOpen: () => bottomSheetRef.current?.isOpen(),\n        open: (resolver, data) => {\n          setData(data)\n          resolverRef.current = resolver\n          bottomSheetRef.current?.open()\n        },\n        close: (value = false, bottomSheetClose = true) => {\n          resolverRef.current?.(value)\n          if (bottomSheetClose) {\n            bottomSheetRef.current?.close()\n          }\n        },\n      }),\n      []\n    )\n\n    return (\n      <BottomSheet ref={bottomSheetRef} onClose={handleClose}>\n        <ExchangeRateBottomSheetContent\n          data={data}\n          onContinue={handleContinue}\n          onCancel={handleCancel}\n        />\n      </BottomSheet>\n    )\n  }\n)\n\nconst ExchangeRateBottomSheetContent: React.FC<\n  ExchangeRateBottomSheetProps\n> = ({ data, onCancel, onContinue }) => {\n  const { t } = useTranslation()\n  const ref = useRef<HTMLElement>(null)\n  useSetContentHeight(ref)\n\n  if (!data) {\n    return\n  }\n\n  const oldAmount = BigInt(data.oldToAmount || 1)\n  const rateChange = (\n    (Number((BigInt(data.newToAmount || 0) * 1_000_000n) / oldAmount) /\n      1_000_000) *\n      100 -\n    100\n  ).toFixed(2)\n\n  return (\n    <Box\n      ref={ref}\n      sx={{\n        p: 3,\n      }}\n    >\n      <CenterContainer>\n        <IconCircle status=\"warning\" mb={1}>\n          <WarningRounded color=\"warning\" />\n        </IconCircle>\n        <Typography\n          sx={{\n            py: 1,\n            fontSize: 18,\n            fontWeight: 700,\n          }}\n        >\n          {t('warning.title.rateChanged')}\n        </Typography>\n      </CenterContainer>\n      <Typography\n        sx={{\n          py: 1,\n        }}\n      >\n        {t('warning.message.rateChanged')}\n      </Typography>\n      <Box\n        sx={{\n          display: 'flex',\n          justifyContent: 'space-between',\n          mt: 1,\n        }}\n      >\n        <Typography>{t('main.quotedAmount')}</Typography>\n        <Typography\n          sx={{\n            fontWeight: 600,\n          }}\n        >\n          {t('format.tokenAmount', {\n            value: formatTokenAmount(\n              BigInt(data.oldToAmount),\n              data.toToken.decimals\n            ),\n          })}{' '}\n          {data?.toToken.symbol}\n        </Typography>\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n          justifyContent: 'space-between',\n          mt: 0.25,\n        }}\n      >\n        <Typography>{t('main.currentAmount')}</Typography>\n        <Typography\n          sx={{\n            fontWeight: 600,\n          }}\n        >\n          {t('format.tokenAmount', {\n            value: formatTokenAmount(\n              BigInt(data?.newToAmount),\n              data?.toToken.decimals\n            ),\n          })}{' '}\n          {data?.toToken.symbol}\n        </Typography>\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n          justifyContent: 'space-between',\n          mt: 0.25,\n        }}\n      >\n        <Typography>{t('main.rateChange')}</Typography>\n        <Typography\n          sx={{\n            fontWeight: 600,\n          }}\n        >\n          {rateChange}%\n        </Typography>\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n          mt: 3,\n        }}\n      >\n        <Button variant=\"text\" onClick={onCancel} fullWidth>\n          {t('button.cancel')}\n        </Button>\n        <Box\n          sx={{\n            display: 'flex',\n            p: 1,\n          }}\n        />\n        <Button variant=\"contained\" onClick={onContinue} fullWidth>\n          {t('button.continue')}\n        </Button>\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":"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"}

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

@@ -1,39 +1,47 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from 'react';
-import { ProgressToNextUpdate } from '../../components/ProgressToNextUpdate.js';
-import { useRoutes } from '../../hooks/useRoutes.js';
-import { useRouteExecutionStoreContext } from '../../stores/routes/RouteExecutionStore.js';
-import { useSetExecutableRoute } from '../../stores/routes/useSetExecutableRoute.js';
-export const RouteTracker = ({ observableRouteId, onChange, onFetching, }) => {
-    const routeExecutionStore = useRouteExecutionStoreContext();
-    const setExecutableRoute = useSetExecutableRoute();
-    const [observableRoute] = useState(() => routeExecutionStore.getState().routes[observableRouteId]?.route);
-    const observableRouteIdRef = useRef(observableRoute?.id);
-    const { routes, isFetching, dataUpdatedAt, refetchTime, refetch } = useRoutes({ observableRoute });
-    const currentRoute = routes?.[0];
-    /**
-     * The reviewable route is the route that the user currently sees on the review page.
-     * The observable route is the route for which we track bridges and exchanges.
-     * This allows us to query the route using the same tool each time we refresh.
-     * The observable and reviewable routes can be the same when we first enter the review page.
-     */
-    // biome-ignore lint/correctness/useExhaustiveDependencies: run only when currentRoute changes
-    useEffect(() => {
-        if (observableRouteIdRef.current &&
-            currentRoute &&
-            observableRouteIdRef.current !== currentRoute.id) {
-            const reviewableRouteId = observableRouteIdRef.current;
-            observableRouteIdRef.current = currentRoute.id;
-            setExecutableRoute(currentRoute, [observableRouteId, reviewableRouteId]);
-            onChange(currentRoute.id);
-        }
-    }, [currentRoute?.id, observableRouteId]);
-    useEffect(() => {
-        onFetching(isFetching);
-    }, [isFetching, onFetching]);
-    const handleRefetch = () => {
-        refetch();
-    };
-    return (_jsx(ProgressToNextUpdate, { updatedAt: dataUpdatedAt || Date.now(), timeToUpdate: refetchTime, isLoading: isFetching, onClick: handleRefetch, sx: { marginRight: -1 }, size: "medium" }));
+import { useRouteExecutionStoreContext } from "../../stores/routes/RouteExecutionStore.js";
+import { useSetExecutableRoute } from "../../stores/routes/useSetExecutableRoute.js";
+import { useRoutes } from "../../hooks/useRoutes.js";
+import { ProgressToNextUpdate } from "../../components/ProgressToNextUpdate.js";
+import { useEffect, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/pages/TransactionPage/RouteTracker.tsx
+const RouteTracker = ({ observableRouteId, onChange, onFetching }) => {
+	const routeExecutionStore = useRouteExecutionStoreContext();
+	const setExecutableRoute = useSetExecutableRoute();
+	const [observableRoute] = useState(() => routeExecutionStore.getState().routes[observableRouteId]?.route);
+	const observableRouteIdRef = useRef(observableRoute?.id);
+	const { routes, isFetching, dataUpdatedAt, refetchTime, refetch } = useRoutes({ observableRoute });
+	const currentRoute = routes?.[0];
+	/**
+	* The reviewable route is the route that the user currently sees on the review page.
+	* The observable route is the route for which we track bridges and exchanges.
+	* This allows us to query the route using the same tool each time we refresh.
+	* The observable and reviewable routes can be the same when we first enter the review page.
+	*/
+	useEffect(() => {
+		if (observableRouteIdRef.current && currentRoute && observableRouteIdRef.current !== currentRoute.id) {
+			const reviewableRouteId = observableRouteIdRef.current;
+			observableRouteIdRef.current = currentRoute.id;
+			setExecutableRoute(currentRoute, [observableRouteId, reviewableRouteId]);
+			onChange(currentRoute.id);
+		}
+	}, [currentRoute?.id, observableRouteId]);
+	useEffect(() => {
+		onFetching(isFetching);
+	}, [isFetching, onFetching]);
+	const handleRefetch = () => {
+		refetch();
+	};
+	return /* @__PURE__ */ jsx(ProgressToNextUpdate, {
+		updatedAt: dataUpdatedAt || Date.now(),
+		timeToUpdate: refetchTime,
+		isLoading: isFetching,
+		onClick: handleRefetch,
+		sx: { marginRight: -1 },
+		size: "medium"
+	});
 };
+//#endregion
+export { RouteTracker };
+
 //# sourceMappingURL=RouteTracker.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RouteTracker.js","sourceRoot":"","sources":["../../../../src/pages/TransactionPage/RouteTracker.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAA;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,EAAE,6BAA6B,EAAE,MAAM,4CAA4C,CAAA;AAC1F,OAAO,EAAE,qBAAqB,EAAE,MAAM,8CAA8C,CAAA;AAQpF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,iBAAiB,EACjB,QAAQ,EACR,UAAU,GACQ,EAAE,EAAE;IACtB,MAAM,mBAAmB,GAAG,6BAA6B,EAAE,CAAA;IAC3D,MAAM,kBAAkB,GAAG,qBAAqB,EAAE,CAAA;IAClD,MAAM,CAAC,eAAe,CAAC,GAAG,QAAQ,CAChC,GAAG,EAAE,CAAC,mBAAmB,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,iBAAiB,CAAC,EAAE,KAAK,CACtE,CAAA;IACD,MAAM,oBAAoB,GAAG,MAAM,CAAC,eAAe,EAAE,EAAE,CAAC,CAAA;IACxD,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,SAAS,CAC3E,EAAE,eAAe,EAAE,CACpB,CAAA;IACD,MAAM,YAAY,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC,CAAA;IAEhC;;;;;OAKG;IACH,8FAA8F;IAC9F,SAAS,CAAC,GAAG,EAAE;QACb,IACE,oBAAoB,CAAC,OAAO;YAC5B,YAAY;YACZ,oBAAoB,CAAC,OAAO,KAAK,YAAY,CAAC,EAAE,EAChD,CAAC;YACD,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,OAAO,CAAA;YACtD,oBAAoB,CAAC,OAAO,GAAG,YAAY,CAAC,EAAE,CAAA;YAC9C,kBAAkB,CAAC,YAAY,EAAE,CAAC,iBAAiB,EAAE,iBAAiB,CAAC,CAAC,CAAA;YACxE,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,CAAA;QAC3B,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,EAAE,EAAE,iBAAiB,CAAC,CAAC,CAAA;IAEzC,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,UAAU,CAAC,CAAA;IACxB,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC,CAAA;IAE5B,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,OAAO,EAAE,CAAA;IACX,CAAC,CAAA;IAED,OAAO,CACL,KAAC,oBAAoB,IACnB,SAAS,EAAE,aAAa,IAAI,IAAI,CAAC,GAAG,EAAE,EACtC,YAAY,EAAE,WAAW,EACzB,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,aAAa,EACtB,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,EAAE,EACvB,IAAI,EAAC,QAAQ,GACb,CACH,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"RouteTracker.js","names":[],"sources":["../../../../src/pages/TransactionPage/RouteTracker.tsx"],"sourcesContent":["import type { Dispatch, JSX, SetStateAction } from 'react'\nimport { useEffect, useRef, useState } from 'react'\nimport { ProgressToNextUpdate } from '../../components/ProgressToNextUpdate.js'\nimport { useRoutes } from '../../hooks/useRoutes.js'\nimport { useRouteExecutionStoreContext } from '../../stores/routes/RouteExecutionStore.js'\nimport { useSetExecutableRoute } from '../../stores/routes/useSetExecutableRoute.js'\n\ninterface RouteTrackerProps {\n  observableRouteId: string\n  onChange: Dispatch<SetStateAction<string>>\n  onFetching: Dispatch<SetStateAction<boolean>>\n}\n\nexport const RouteTracker = ({\n  observableRouteId,\n  onChange,\n  onFetching,\n}: RouteTrackerProps): JSX.Element => {\n  const routeExecutionStore = useRouteExecutionStoreContext()\n  const setExecutableRoute = useSetExecutableRoute()\n  const [observableRoute] = useState(\n    () => routeExecutionStore.getState().routes[observableRouteId]?.route\n  )\n  const observableRouteIdRef = useRef(observableRoute?.id)\n  const { routes, isFetching, dataUpdatedAt, refetchTime, refetch } = useRoutes(\n    { observableRoute }\n  )\n  const currentRoute = routes?.[0]\n\n  /**\n   * The reviewable route is the route that the user currently sees on the review page.\n   * The observable route is the route for which we track bridges and exchanges.\n   * This allows us to query the route using the same tool each time we refresh.\n   * The observable and reviewable routes can be the same when we first enter the review page.\n   */\n  // biome-ignore lint/correctness/useExhaustiveDependencies: run only when currentRoute changes\n  useEffect(() => {\n    if (\n      observableRouteIdRef.current &&\n      currentRoute &&\n      observableRouteIdRef.current !== currentRoute.id\n    ) {\n      const reviewableRouteId = observableRouteIdRef.current\n      observableRouteIdRef.current = currentRoute.id\n      setExecutableRoute(currentRoute, [observableRouteId, reviewableRouteId])\n      onChange(currentRoute.id)\n    }\n  }, [currentRoute?.id, observableRouteId])\n\n  useEffect(() => {\n    onFetching(isFetching)\n  }, [isFetching, onFetching])\n\n  const handleRefetch = () => {\n    refetch()\n  }\n\n  return (\n    <ProgressToNextUpdate\n      updatedAt={dataUpdatedAt || Date.now()}\n      timeToUpdate={refetchTime}\n      isLoading={isFetching}\n      onClick={handleRefetch}\n      sx={{ marginRight: -1 }}\n      size=\"medium\"\n    />\n  )\n}\n"],"mappings":";;;;;;;AAaA,MAAa,gBAAgB,EAC3B,mBACA,UACA,iBACoC;CACpC,MAAM,sBAAsB,+BAA+B;CAC3D,MAAM,qBAAqB,uBAAuB;CAClD,MAAM,CAAC,mBAAmB,eAClB,oBAAoB,UAAU,CAAC,OAAO,oBAAoB,MACjE;CACD,MAAM,uBAAuB,OAAO,iBAAiB,GAAG;CACxD,MAAM,EAAE,QAAQ,YAAY,eAAe,aAAa,YAAY,UAClE,EAAE,iBAAiB,CACpB;CACD,MAAM,eAAe,SAAS;;;;;;;AAS9B,iBAAgB;AACd,MACE,qBAAqB,WACrB,gBACA,qBAAqB,YAAY,aAAa,IAC9C;GACA,MAAM,oBAAoB,qBAAqB;AAC/C,wBAAqB,UAAU,aAAa;AAC5C,sBAAmB,cAAc,CAAC,mBAAmB,kBAAkB,CAAC;AACxE,YAAS,aAAa,GAAG;;IAE1B,CAAC,cAAc,IAAI,kBAAkB,CAAC;AAEzC,iBAAgB;AACd,aAAW,WAAW;IACrB,CAAC,YAAY,WAAW,CAAC;CAE5B,MAAM,sBAAsB;AAC1B,WAAS;;AAGX,QACE,oBAAC,sBAAD;EACE,WAAW,iBAAiB,KAAK,KAAK;EACtC,cAAc;EACd,WAAW;EACX,SAAS;EACT,IAAI,EAAE,aAAa,IAAI;EACvB,MAAK;EACL,CAAA"}

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

@@ -1,12 +1,21 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import { BaseTransactionButton } from '../../components/BaseTransactionButton/BaseTransactionButton.js';
-import { useMessageQueue } from '../../components/Messages/useMessageQueue.js';
-export const StartTransactionButton = ({ onClick, route, text, loading, }) => {
-    const { messages, isLoading } = useMessageQueue(route, true);
-    const hasNonGasMessages = useMemo(() => {
-        return messages.some((message) => message.id !== 'INSUFFICIENT_GAS');
-    }, [messages]);
-    return (_jsx(BaseTransactionButton, { onClick: onClick, text: text, disabled: hasNonGasMessages, loading: isLoading || loading, route: route }));
+import { useMessageQueue } from "../../components/Messages/useMessageQueue.js";
+import { BaseTransactionButton } from "../../components/BaseTransactionButton/BaseTransactionButton.js";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/pages/TransactionPage/StartTransactionButton.tsx
+const StartTransactionButton = ({ onClick, route, text, loading }) => {
+	const { messages, isLoading } = useMessageQueue(route, true);
+	return /* @__PURE__ */ jsx(BaseTransactionButton, {
+		onClick,
+		text,
+		disabled: useMemo(() => {
+			return messages.some((message) => message.id !== "INSUFFICIENT_GAS");
+		}, [messages]),
+		loading: isLoading || loading,
+		route
+	});
 };
+//#endregion
+export { StartTransactionButton };
+
 //# sourceMappingURL=StartTransactionButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StartTransactionButton.js","sourceRoot":"","sources":["../../../../src/pages/TransactionPage/StartTransactionButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,iEAAiE,CAAA;AACvG,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAA;AAG9E,MAAM,CAAC,MAAM,sBAAsB,GAA0C,CAAC,EAC5E,OAAO,EACP,KAAK,EACL,IAAI,EACJ,OAAO,GACR,EAAE,EAAE;IACH,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,eAAe,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;IAE5D,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE;QACrC,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,EAAE,KAAK,kBAAkB,CAAC,CAAA;IACtE,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,OAAO,CACL,KAAC,qBAAqB,IACpB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,iBAAiB,EAC3B,OAAO,EAAE,SAAS,IAAI,OAAO,EAC7B,KAAK,EAAE,KAAK,GACZ,CACH,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"StartTransactionButton.js","names":[],"sources":["../../../../src/pages/TransactionPage/StartTransactionButton.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { BaseTransactionButton } from '../../components/BaseTransactionButton/BaseTransactionButton.js'\nimport { useMessageQueue } from '../../components/Messages/useMessageQueue.js'\nimport type { StartTransactionButtonProps } from './types.js'\n\nexport const StartTransactionButton: React.FC<StartTransactionButtonProps> = ({\n  onClick,\n  route,\n  text,\n  loading,\n}) => {\n  const { messages, isLoading } = useMessageQueue(route, true)\n\n  const hasNonGasMessages = useMemo(() => {\n    return messages.some((message) => message.id !== 'INSUFFICIENT_GAS')\n  }, [messages])\n\n  return (\n    <BaseTransactionButton\n      onClick={onClick}\n      text={text}\n      disabled={hasNonGasMessages}\n      loading={isLoading || loading}\n      route={route}\n    />\n  )\n}\n"],"mappings":";;;;;AAKA,MAAa,0BAAiE,EAC5E,SACA,OACA,MACA,cACI;CACJ,MAAM,EAAE,UAAU,cAAc,gBAAgB,OAAO,KAAK;AAM5D,QACE,oBAAC,uBAAD;EACW;EACH;EACN,UARsB,cAAc;AACtC,UAAO,SAAS,MAAM,YAAY,QAAQ,OAAO,mBAAmB;KACnE,CAAC,SAAS,CAAC;EAOV,SAAS,aAAa;EACf;EACP,CAAA"}