@openocean.finance/widget 1.0.16 → 1.0.17

package/dist/esm/pages/TransactionDetailsPage/TransactionDetailsPage.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Box, Typography } from '@mui/material';
+import { useEffect, useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useLocation } from 'react-router-dom';
+import { ContractComponent } from '../../components/ContractComponent/ContractComponent.js';
+import { PageContainer } from '../../components/PageContainer.js';
+import { getStepList } from '../../components/Step/StepList.js';
+import { TransactionDetails } from '../../components/TransactionDetails.js';
+import { useHeader } from '../../hooks/useHeader.js';
+import { useNavigateBack } from '../../hooks/useNavigateBack.js';
+import { useTools } from '../../hooks/useTools.js';
+import { useTransactionDetails } from '../../hooks/useTransactionDetails.js';
+import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
+import { useRouteExecutionStore } from '../../stores/routes/RouteExecutionStore.js';
+import { getSourceTxHash } from '../../stores/routes/utils.js';
+import { buildRouteFromTxHistory } from '../../utils/converters.js';
+import { navigationRoutes } from '../../utils/navigationRoutes.js';
+import { ContactSupportButton } from './ContactSupportButton.js';
+import { TransactionDetailsSkeleton } from './TransactionDetailsSkeleton.js';
+import { TransferIdCard } from './TransferIdCard.js';
+export const TransactionDetailsPage = () => {
+    const { t, i18n } = useTranslation();
+    const { navigate } = useNavigateBack();
+    const { subvariant, subvariantOptions, contractSecondaryComponent } = useWidgetConfig();
+    const { state } = useLocation();
+    const { tools } = useTools();
+    const storedRouteExecution = useRouteExecutionStore((store) => store.routes[state?.routeId]);
+    const { transaction, isLoading } = useTransactionDetails(!storedRouteExecution && state?.transactionHash);
+    const title = subvariant === 'custom'
+        ? t(`header.${subvariantOptions?.custom ?? 'checkout'}Details`)
+        : t('header.transactionDetails');
+    useHeader(title);
+    const routeExecution = useMemo(() => {
+        if (storedRouteExecution) {
+            return storedRouteExecution;
+        }
+        if (isLoading) {
+            return;
+        }
+        if (transaction) {
+            const routeExecution = buildRouteFromTxHistory(transaction, tools);
+            return routeExecution;
+        }
+    }, [isLoading, storedRouteExecution, tools, transaction]);
+    useEffect(() => {
+        if (!isLoading && !routeExecution) {
+            navigate(navigationRoutes.home);
+        }
+    }, [isLoading, navigate, routeExecution]);
+    const sourceTxHash = getSourceTxHash(routeExecution?.route);
+    let supportId = sourceTxHash ?? routeExecution?.route.id ?? '';
+    if (process.env.NODE_ENV === 'development') {
+        supportId += `_${routeExecution?.route.id}`;
+    }
+    const startedAt = new Date((routeExecution?.route.steps[0].execution?.process[0].startedAt ?? 0) *
+        (storedRouteExecution ? 1 : 1000) // local and BE routes have different ms handling
+    );
+    return isLoading && !storedRouteExecution ? (_jsx(TransactionDetailsSkeleton, {})) : (_jsxs(PageContainer, { bottomGutters: true, children: [_jsxs(Box, { sx: {
+                    pb: 1,
+                    display: 'flex',
+                    justifyContent: 'space-between',
+                }, children: [_jsx(Typography, { sx: {
+                            fontSize: 12,
+                        }, color: "text.secondary", children: startedAt.toLocaleString(i18n.language, {
+                            dateStyle: 'long',
+                        }) }), _jsx(Typography, { sx: {
+                            fontSize: 12,
+                        }, color: "text.secondary", children: startedAt.toLocaleString(i18n.language, {
+                            timeStyle: 'short',
+                        }) })] }), getStepList(routeExecution?.route, subvariant), subvariant === 'custom' && contractSecondaryComponent ? (_jsx(ContractComponent, { sx: { marginTop: 2 }, children: contractSecondaryComponent })) : null, routeExecution?.route ? (_jsxs(_Fragment, { children: [_jsx(TransactionDetails, { route: routeExecution.route, sx: { marginTop: 2 } }), _jsx(TransferIdCard, { transferId: supportId, chain: routeExecution.route.fromChainId })] })) : null, _jsx(Box, { sx: {
+                    mt: 2,
+                }, children: _jsx(ContactSupportButton, { supportId: supportId }) })] }));
+};
+//# sourceMappingURL=TransactionDetailsPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionDetailsPage.js","sourceRoot":"","sources":["../../../../src/pages/TransactionDetailsPage/TransactionDetailsPage.tsx"],"names":[],"mappings":"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"}

package/dist/esm/pages/TransactionDetailsPage/TransactionDetailsSkeleton.d.ts

@@ -0,0 +1 @@
+export declare const TransactionDetailsSkeleton: () => import("react/jsx-runtime").JSX.Element;

package/dist/esm/pages/TransactionDetailsPage/TransactionDetailsSkeleton.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Skeleton } from '@mui/material';
+import { Card } from '../../components/Card/Card.js';
+import { PageContainer } from '../../components/PageContainer.js';
+import { TokenSkeleton } from '../../components/Token/Token.js';
+export const TransactionDetailsSkeleton = () => {
+    return (_jsxs(PageContainer, { children: [_jsxs(Box, { sx: {
+                    pb: 1,
+                    pt: 0.75,
+                    display: 'flex',
+                    flex: 1,
+                    justifyContent: 'space-between',
+                }, children: [_jsx(Skeleton, { width: 96, height: 20, variant: "text" }), _jsx(Skeleton, { width: 40, height: 20, variant: "text" })] }), _jsxs(Card, { sx: { paddingX: 2, marginBottom: 3 }, children: [_jsx(Box, { sx: {
+                            pt: 2.5,
+                        }, children: _jsx(Skeleton, { width: 64, height: 12, variant: "rounded" }) }), _jsxs(Box, { sx: {
+                            py: 1,
+                        }, children: [_jsx(Box, { sx: {
+                                    py: 1,
+                                }, children: _jsx(TokenSkeleton, {}) }), _jsx(Box, { sx: {
+                                    py: 1,
+                                }, children: _jsx(TokenSkeleton, { disableDescription: true }) }), Array.from({ length: 3 }).map((_, key) => (_jsxs(Box, { sx: {
+                                    py: 1,
+                                    display: 'flex',
+                                    alignItems: 'center',
+                                }, children: [_jsx(Skeleton, { variant: "rounded", width: 40, height: 40, sx: {
+                                            borderRadius: '100%',
+                                        } }), _jsx(Skeleton, { sx: {
+                                            ml: 2,
+                                        }, width: 96, height: 24, variant: "text" })] }, key))), _jsx(Box, { sx: {
+                                    py: 1,
+                                }, children: _jsx(TokenSkeleton, {}) })] })] })] }));
+};
+//# sourceMappingURL=TransactionDetailsSkeleton.js.map

package/dist/esm/pages/TransactionDetailsPage/TransactionDetailsSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionDetailsSkeleton.js","sourceRoot":"","sources":["../../../../src/pages/TransactionDetailsPage/TransactionDetailsSkeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAA;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAA;AAE/D,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAG,EAAE;IAC7C,OAAO,CACL,MAAC,aAAa,eACZ,MAAC,GAAG,IACF,EAAE,EAAE;oBACF,EAAE,EAAE,CAAC;oBACL,EAAE,EAAE,IAAI;oBACR,OAAO,EAAE,MAAM;oBACf,IAAI,EAAE,CAAC;oBACP,cAAc,EAAE,eAAe;iBAChC,aAED,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,MAAM,GAAG,EAClD,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,MAAM,GAAG,IAC9C,EACN,MAAC,IAAI,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,aACxC,KAAC,GAAG,IACF,EAAE,EAAE;4BACF,EAAE,EAAE,GAAG;yBACR,YAED,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,SAAS,GAAG,GACjD,EACN,MAAC,GAAG,IACF,EAAE,EAAE;4BACF,EAAE,EAAE,CAAC;yBACN,aAGD,KAAC,GAAG,IACF,EAAE,EAAE;oCACF,EAAE,EAAE,CAAC;iCACN,YAED,KAAC,aAAa,KAAG,GACb,EAEN,KAAC,GAAG,IACF,EAAE,EAAE;oCACF,EAAE,EAAE,CAAC;iCACN,YAED,KAAC,aAAa,IAAC,kBAAkB,SAAG,GAChC,EAEL,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CACzC,MAAC,GAAG,IAEF,EAAE,EAAE;oCACF,EAAE,EAAE,CAAC;oCACL,OAAO,EAAE,MAAM;oCACf,UAAU,EAAE,QAAQ;iCACrB,aAED,KAAC,QAAQ,IACP,OAAO,EAAC,SAAS,EACjB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,EAAE,EAAE;4CACF,YAAY,EAAE,MAAM;yCACrB,GACD,EACF,KAAC,QAAQ,IACP,EAAE,EAAE;4CACF,EAAE,EAAE,CAAC;yCACN,EACD,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAC,MAAM,GACd,KAtBG,GAAG,CAuBJ,CACP,CAAC,EAEF,KAAC,GAAG,IACF,EAAE,EAAE;oCACF,EAAE,EAAE,CAAC;iCACN,YAED,KAAC,aAAa,KAAG,GACb,IACF,IACD,IACO,CACjB,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/pages/TransactionDetailsPage/TransferIdCard.d.ts

@@ -0,0 +1,7 @@
+import type { Chain } from '@openocean.finance/widget-sdk';
+interface TransferIdCardProps {
+    transferId: string;
+    chain: Chain | number;
+}
+export declare const TransferIdCard: ({ transferId, chain }: TransferIdCardProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/pages/TransactionDetailsPage/TransferIdCard.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ContentCopyRounded, OpenInNew } from '@mui/icons-material';
+import { Box, Typography } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { Card } from '../../components/Card/Card.js';
+import { CardIconButton } from '../../components/Card/CardIconButton.js';
+import { CardTitle } from '../../components/Card/CardTitle.js';
+import { useExplorer } from '../../hooks/useExplorer.js';
+const getTxHash = (transferId) => transferId.indexOf('_') !== -1
+    ? transferId.substring(0, transferId.indexOf('_'))
+    : transferId;
+export const TransferIdCard = ({ transferId, chain }) => {
+    const { t } = useTranslation();
+    const { getTransactionLink } = useExplorer();
+    const copyTransferId = async () => {
+        await navigator.clipboard.writeText(transferId);
+    };
+    const openTransferIdInExplorer = () => {
+        const txHash = getTxHash(transferId);
+        window.open(getTransactionLink({ txHash, chain }), '_blank');
+    };
+    return (_jsxs(Card, { sx: { marginTop: 2 }, children: [_jsxs(Box, { sx: {
+                    display: 'flex',
+                    flex: 1,
+                }, children: [_jsx(CardTitle, { flex: 1, children: t('translation:main.transferId') }), _jsxs(Box, { sx: {
+                            gap: 1,
+                            display: 'flex',
+                            marginRight: 2,
+                            marginTop: 1,
+                        }, children: [_jsx(CardIconButton, { size: "small", onClick: copyTransferId, children: _jsx(ContentCopyRounded, { fontSize: "inherit" }) }), _jsx(CardIconButton, { size: "small", onClick: openTransferIdInExplorer, children: _jsx(OpenInNew, { fontSize: "inherit" }) })] })] }), _jsx(Typography, { variant: "body2", sx: {
+                    pt: 1,
+                    pb: 2,
+                    px: 2,
+                    wordBreak: 'break-all',
+                }, children: transferId })] }));
+};
+//# sourceMappingURL=TransferIdCard.js.map

package/dist/esm/pages/TransactionDetailsPage/TransferIdCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransferIdCard.js","sourceRoot":"","sources":["../../../../src/pages/TransactionDetailsPage/TransferIdCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AACnE,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE/C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAA;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAOxD,MAAM,SAAS,GAAG,CAAC,UAAkB,EAAE,EAAE,CACvC,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IAClD,CAAC,CAAC,UAAU,CAAA;AAEhB,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,UAAU,EAAE,KAAK,EAAuB,EAAE,EAAE;IAC3E,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,EAAE,kBAAkB,EAAE,GAAG,WAAW,EAAE,CAAA;IAE5C,MAAM,cAAc,GAAG,KAAK,IAAI,EAAE;QAChC,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,UAAU,CAAC,CAAA;IACjD,CAAC,CAAA;IAED,MAAM,wBAAwB,GAAG,GAAG,EAAE;QACpC,MAAM,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,CAAA;QACpC,MAAM,CAAC,IAAI,CAAC,kBAAkB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAA;IAC9D,CAAC,CAAA;IAED,OAAO,CACL,MAAC,IAAI,IAAC,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,aACxB,MAAC,GAAG,IACF,EAAE,EAAE;oBACF,OAAO,EAAE,MAAM;oBACf,IAAI,EAAE,CAAC;iBACR,aAED,KAAC,SAAS,IAAC,IAAI,EAAE,CAAC,YAAG,CAAC,CAAC,6BAA6B,CAAC,GAAa,EAClE,MAAC,GAAG,IACF,EAAE,EAAE;4BACF,GAAG,EAAE,CAAC;4BACN,OAAO,EAAE,MAAM;4BACf,WAAW,EAAE,CAAC;4BACd,SAAS,EAAE,CAAC;yBACb,aAED,KAAC,cAAc,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,cAAc,YAClD,KAAC,kBAAkB,IAAC,QAAQ,EAAC,SAAS,GAAG,GAC1B,EACjB,KAAC,cAAc,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,wBAAwB,YAC5D,KAAC,SAAS,IAAC,QAAQ,EAAC,SAAS,GAAG,GACjB,IACb,IACF,EACN,KAAC,UAAU,IACT,OAAO,EAAC,OAAO,EACf,EAAE,EAAE;oBACF,EAAE,EAAE,CAAC;oBACL,EAAE,EAAE,CAAC;oBACL,EAAE,EAAE,CAAC;oBACL,SAAS,EAAE,WAAW;iBACvB,YAEA,UAAU,GACA,IACR,CACR,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/pages/TransactionHistoryPage/TransactionHistoryEmpty.d.ts

@@ -0,0 +1 @@
+export declare const TransactionHistoryEmpty: React.FC;

package/dist/esm/pages/TransactionHistoryPage/TransactionHistoryEmpty.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ReceiptLongRounded } from '@mui/icons-material';
+import { Container, Typography } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+export const TransactionHistoryEmpty = () => {
+    const { t } = useTranslation();
+    return (_jsxs(Container, { sx: {
+            display: 'flex',
+            flex: 1,
+            flexDirection: 'column',
+            alignItems: 'center',
+            justifyContent: 'center',
+            paddingY: 12,
+        }, children: [_jsx(Typography, { sx: {
+                    fontSize: 48,
+                }, children: _jsx(ReceiptLongRounded, { fontSize: "inherit" }) }), _jsx(Typography, { sx: {
+                    fontSize: 18,
+                    fontWeight: 700,
+                }, children: t('info.title.emptyTransactionHistory') }), _jsx(Typography, { sx: {
+                    fontSize: 14,
+                    color: 'text.secondary',
+                    textAlign: 'center',
+                    mt: 2,
+                }, children: t('info.message.emptyTransactionHistory') })] }));
+};
+//# sourceMappingURL=TransactionHistoryEmpty.js.map

package/dist/esm/pages/TransactionHistoryPage/TransactionHistoryEmpty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionHistoryEmpty.js","sourceRoot":"","sources":["../../../../src/pages/TransactionHistoryPage/TransactionHistoryEmpty.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE9C,MAAM,CAAC,MAAM,uBAAuB,GAAa,GAAG,EAAE;IACpD,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,OAAO,CACL,MAAC,SAAS,IACR,EAAE,EAAE;YACF,OAAO,EAAE,MAAM;YACf,IAAI,EAAE,CAAC;YACP,aAAa,EAAE,QAAQ;YACvB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,QAAQ,EAAE,EAAE;SACb,aAED,KAAC,UAAU,IACT,EAAE,EAAE;oBACF,QAAQ,EAAE,EAAE;iBACb,YAED,KAAC,kBAAkB,IAAC,QAAQ,EAAC,SAAS,GAAG,GAC9B,EACb,KAAC,UAAU,IACT,EAAE,EAAE;oBACF,QAAQ,EAAE,EAAE;oBACZ,UAAU,EAAE,GAAG;iBAChB,YAEA,CAAC,CAAC,oCAAoC,CAAC,GAC7B,EACb,KAAC,UAAU,IACT,EAAE,EAAE;oBACF,QAAQ,EAAE,EAAE;oBACZ,KAAK,EAAE,gBAAgB;oBACvB,SAAS,EAAE,QAAQ;oBACnB,EAAE,EAAE,CAAC;iBACN,YAEA,CAAC,CAAC,sCAAsC,CAAC,GAC/B,IACH,CACb,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/pages/TransactionHistoryPage/TransactionHistoryItem.d.ts

@@ -0,0 +1,5 @@
+import type { StatusResponse } from '@openocean.finance/widget-sdk';
+export declare const TransactionHistoryItem: React.FC<{
+    transaction: StatusResponse;
+    start: number;
+}>;

package/dist/esm/pages/TransactionHistoryPage/TransactionHistoryItem.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Typography } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { useNavigate } from 'react-router-dom';
+import { Card } from '../../components/Card/Card.js';
+import { Token } from '../../components/Token/Token.js';
+import { TokenDivider } from '../../components/Token/Token.style.js';
+import { navigationRoutes } from '../../utils/navigationRoutes.js';
+export const TransactionHistoryItem = ({ transaction, start }) => {
+    const { i18n } = useTranslation();
+    const navigate = useNavigate();
+    const sending = transaction.sending;
+    const receiving = transaction
+        .receiving;
+    const handleClick = () => {
+        navigate(navigationRoutes.transactionDetails, {
+            state: {
+                transactionHash: transaction.sending.txHash,
+            },
+        });
+    };
+    const startedAt = new Date((sending.timestamp ?? 0) * 1000);
+    if (!sending.token?.chainId || !receiving.token?.chainId) {
+        return null;
+    }
+    const fromToken = {
+        ...sending.token,
+        amount: BigInt(sending.amount ?? '0'),
+        priceUSD: sending.token.priceUSD ?? '0',
+        symbol: sending.token?.symbol ?? '',
+        decimals: sending.token?.decimals ?? 0,
+        name: sending.token?.name ?? '',
+        chainId: sending.token?.chainId,
+    };
+    const toToken = {
+        ...receiving.token,
+        amount: BigInt(receiving.amount ?? '0'),
+        priceUSD: receiving.token.priceUSD ?? '0',
+        symbol: receiving.token?.symbol ?? '',
+        decimals: receiving.token?.decimals ?? 0,
+        name: receiving.token?.name ?? '',
+        chainId: receiving.token?.chainId,
+    };
+    return (_jsxs(Card, { onClick: handleClick, style: {
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            width: '100%',
+            // height: `${size}px`,
+            transform: `translateY(${start}px)`,
+        }, children: [_jsxs(Box, { sx: {
+                    pt: 1.75,
+                    px: 2,
+                    display: 'flex',
+                    flex: 1,
+                    justifyContent: 'space-between',
+                }, children: [_jsx(Typography, { sx: {
+                            fontSize: 12,
+                        }, children: startedAt.toLocaleString(i18n.language, { dateStyle: 'long' }) }), _jsx(Typography, { sx: {
+                            fontSize: 12,
+                        }, children: startedAt.toLocaleString(i18n.language, {
+                            timeStyle: 'short',
+                        }) })] }), _jsxs(Box, { sx: {
+                    px: 2,
+                    py: 2,
+                }, children: [_jsx(Token, { token: fromToken }), _jsx(Box, { sx: {
+                            pl: 2.375,
+                            py: 0.5,
+                        }, children: _jsx(TokenDivider, {}) }), _jsx(Token, { token: toToken })] })] }));
+};
+//# sourceMappingURL=TransactionHistoryItem.js.map

package/dist/esm/pages/TransactionHistoryPage/TransactionHistoryItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionHistoryItem.js","sourceRoot":"","sources":["../../../../src/pages/TransactionHistoryPage/TransactionHistoryItem.tsx"],"names":[],"mappings":"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"}

package/dist/esm/pages/TransactionHistoryPage/TransactionHistoryPage.d.ts

@@ -0,0 +1,2 @@
+import type React from 'react';
+export declare const TransactionHistoryPage: React.FC;

package/dist/esm/pages/TransactionHistoryPage/TransactionHistoryPage.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, List } from '@mui/material';
+import { useVirtualizer } from '@tanstack/react-virtual';
+import { useRef } from 'react';
+import { useTranslation } from 'react-i18next';
+import { PageContainer } from '../../components/PageContainer.js';
+import { useHeader } from '../../hooks/useHeader.js';
+import { useTransactionHistory } from '../../hooks/useTransactionHistory.js';
+import { useListHeight } from '../../hooks/useListHeight.js';
+import { TransactionHistoryEmpty } from './TransactionHistoryEmpty.js';
+import { TransactionHistoryItem } from './TransactionHistoryItem.js';
+import { TransactionHistoryItemSkeleton } from './TransactionHistorySkeleton.js';
+import { minTransactionListHeight } from './constants.js';
+export const TransactionHistoryPage = () => {
+    // Parent ref and useVirtualizer should be in one file to avoid blank page (0 virtual items) issue
+    const parentRef = useRef(null);
+    const { data: transactions, isLoading } = useTransactionHistory();
+    const { t } = useTranslation();
+    useHeader(t('header.transactionHistory'));
+    const { listHeight } = useListHeight({
+        listParentRef: parentRef,
+    });
+    const { getVirtualItems, getTotalSize } = useVirtualizer({
+        count: transactions.length,
+        overscan: 5,
+        paddingEnd: 12,
+        getScrollElement: () => parentRef.current,
+        estimateSize: () => 186,
+        getItemKey: (index) => `${transactions[index].transactionId}-${index}`,
+    });
+    if (!transactions.length && !isLoading) {
+        return _jsx(TransactionHistoryEmpty, {});
+    }
+    return (_jsx(PageContainer, { disableGutters: true, style: { minHeight: minTransactionListHeight }, children: _jsx(Box, { ref: parentRef, style: {
+                height: listHeight,
+            }, sx: {
+                overflow: 'auto',
+                paddingX: 3,
+            }, children: isLoading ? (_jsx(List, { disablePadding: true, children: Array.from({ length: 3 }).map((_, index) => (_jsx(TransactionHistoryItemSkeleton, {}, index))) })) : (_jsx(List, { style: {
+                    height: getTotalSize(),
+                    position: 'relative',
+                }, disablePadding: true, children: getVirtualItems().map((item) => {
+                    const transaction = transactions[item.index];
+                    return (_jsx(TransactionHistoryItem, { start: item.start, transaction: transaction }, item.key));
+                }) })) }) }));
+};
+//# sourceMappingURL=TransactionHistoryPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionHistoryPage.js","sourceRoot":"","sources":["../../../../src/pages/TransactionHistoryPage/TransactionHistoryPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAEzC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAExD,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAA;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAA;AAE5E,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAA;AAC5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAA;AACtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACpE,OAAO,EAAE,8BAA8B,EAAE,MAAM,iCAAiC,CAAA;AAChF,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAA;AAEzD,MAAM,CAAC,MAAM,sBAAsB,GAAa,GAAG,EAAE;IACnD,kGAAkG;IAClG,MAAM,SAAS,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IACrD,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,qBAAqB,EAAE,CAAA;IAEjE,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,SAAS,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAA;IAEzC,MAAM,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC;QACnC,aAAa,EAAE,SAAS;KACzB,CAAC,CAAA;IAEF,MAAM,EAAE,eAAe,EAAE,YAAY,EAAE,GAAG,cAAc,CAAC;QACvD,KAAK,EAAE,YAAY,CAAC,MAAM;QAC1B,QAAQ,EAAE,CAAC;QACX,UAAU,EAAE,EAAE;QACd,gBAAgB,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO;QACzC,YAAY,EAAE,GAAG,EAAE,CAAC,GAAG;QACvB,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE,CACpB,GAAI,YAAY,CAAC,KAAK,CAAoB,CAAC,aAAa,IAAI,KAAK,EAAE;KACtE,CAAC,CAAA;IAEF,IAAI,CAAC,YAAY,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC;QACvC,OAAO,KAAC,uBAAuB,KAAG,CAAA;IACpC,CAAC;IAED,OAAO,CACL,KAAC,aAAa,IACZ,cAAc,QACd,KAAK,EAAE,EAAE,SAAS,EAAE,wBAAwB,EAAE,YAE9C,KAAC,GAAG,IACF,GAAG,EAAE,SAAS,EACd,KAAK,EAAE;gBACL,MAAM,EAAE,UAAU;aACnB,EACD,EAAE,EAAE;gBACF,QAAQ,EAAE,MAAM;gBAChB,QAAQ,EAAE,CAAC;aACZ,YAEA,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,IAAI,IAAC,cAAc,kBACjB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3C,KAAC,8BAA8B,MAAM,KAAK,CAAI,CAC/C,CAAC,GACG,CACR,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IACH,KAAK,EAAE;oBACL,MAAM,EAAE,YAAY,EAAE;oBACtB,QAAQ,EAAE,UAAU;iBACrB,EACD,cAAc,kBAEb,eAAe,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;oBAC9B,MAAM,WAAW,GAAG,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;oBAC5C,OAAO,CACL,KAAC,sBAAsB,IAErB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,WAAW,EAAE,WAAW,IAFnB,IAAI,CAAC,GAAG,CAGb,CACH,CAAA;gBACH,CAAC,CAAC,GACG,CACR,GACG,GACQ,CACjB,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/pages/TransactionHistoryPage/TransactionHistorySkeleton.d.ts

@@ -0,0 +1 @@
+export declare const TransactionHistoryItemSkeleton: () => import("react/jsx-runtime").JSX.Element;

package/dist/esm/pages/TransactionHistoryPage/TransactionHistorySkeleton.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Skeleton } from '@mui/material';
+import { Card } from '../../components/Card/Card.js';
+import { TokenSkeleton } from '../../components/Token/Token.js';
+import { TokenDivider } from '../../components/Token/Token.style.js';
+export const TransactionHistoryItemSkeleton = () => {
+    return (_jsxs(Card, { style: {
+            marginBottom: '16px',
+        }, children: [_jsxs(Box, { sx: {
+                    pt: 2,
+                    px: 2,
+                    display: 'flex',
+                    flex: 1,
+                    justifyContent: 'space-between',
+                }, children: [_jsx(Skeleton, { variant: "rectangular", width: 96, height: 16, sx: (theme) => ({
+                            borderRadius: `${theme.shape.borderRadius}px`,
+                        }) }), _jsx(Skeleton, { variant: "rectangular", width: 64, height: 16, sx: (theme) => ({
+                            borderRadius: `${theme.shape.borderRadius}px`,
+                        }) })] }), _jsxs(Box, { sx: {
+                    px: 2,
+                    py: 2,
+                }, children: [_jsx(TokenSkeleton, {}), _jsx(Box, { sx: {
+                            pl: 2.375,
+                            py: 0.5,
+                        }, children: _jsx(TokenDivider, {}) }), _jsx(TokenSkeleton, {})] })] }));
+};
+//# sourceMappingURL=TransactionHistorySkeleton.js.map

package/dist/esm/pages/TransactionHistoryPage/TransactionHistorySkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionHistorySkeleton.js","sourceRoot":"","sources":["../../../../src/pages/TransactionHistoryPage/TransactionHistorySkeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAA;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAA;AAEpE,MAAM,CAAC,MAAM,8BAA8B,GAAG,GAAG,EAAE;IACjD,OAAO,CACL,MAAC,IAAI,IACH,KAAK,EAAE;YACL,YAAY,EAAE,MAAM;SACrB,aAED,MAAC,GAAG,IACF,EAAE,EAAE;oBACF,EAAE,EAAE,CAAC;oBACL,EAAE,EAAE,CAAC;oBACL,OAAO,EAAE,MAAM;oBACf,IAAI,EAAE,CAAC;oBACP,cAAc,EAAE,eAAe;iBAChC,aAED,KAAC,QAAQ,IACP,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;4BACd,YAAY,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,YAAY,IAAI;yBAC9C,CAAC,GACF,EACF,KAAC,QAAQ,IACP,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;4BACd,YAAY,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,YAAY,IAAI;yBAC9C,CAAC,GACF,IACE,EACN,MAAC,GAAG,IACF,EAAE,EAAE;oBACF,EAAE,EAAE,CAAC;oBACL,EAAE,EAAE,CAAC;iBACN,aAED,KAAC,aAAa,KAAG,EACjB,KAAC,GAAG,IACF,EAAE,EAAE;4BACF,EAAE,EAAE,KAAK;4BACT,EAAE,EAAE,GAAG;yBACR,YAED,KAAC,YAAY,KAAG,GACZ,EACN,KAAC,aAAa,KAAG,IACb,IACD,CACR,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/pages/TransactionHistoryPage/constants.d.ts

@@ -0,0 +1 @@
+export declare const minTransactionListHeight = 544;

package/dist/esm/pages/TransactionHistoryPage/constants.js

@@ -0,0 +1,2 @@
+export const minTransactionListHeight = 544;
+//# sourceMappingURL=constants.js.map

package/dist/esm/pages/TransactionHistoryPage/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/pages/TransactionHistoryPage/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA"}

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

@@ -0,0 +1,8 @@
+import type { BottomSheetBase } from '../../components/BottomSheet/types.js';
+interface ConfirmToAddressSheetProps {
+    onContinue: () => void;
+    toAddress: string;
+    toChainId: number;
+}
+export declare const ConfirmToAddressSheet: import("react").ForwardRefExoticComponent<ConfirmToAddressSheetProps & import("react").RefAttributes<BottomSheetBase>>;
+export {};

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

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Wallet, WarningRounded } from '@mui/icons-material';
+import { Button, Typography } from '@mui/material';
+import { forwardRef, useRef } from 'react';
+import { useTranslation } from 'react-i18next';
+import { BottomSheet } from '../../components/BottomSheet/BottomSheet.js';
+import { AlertMessage } from '../../components/Messages/AlertMessage.js';
+import { useChain } from '../../hooks/useChain.js';
+import { useSetContentHeight } from '../../hooks/useSetContentHeight.js';
+import { useWidgetEvents } from '../../hooks/useWidgetEvents.js';
+import { WidgetEvent } from '../../types/events.js';
+import { IconContainer, SendToWalletButtonRow, SendToWalletSheetContainer, SheetAddressContainer, } from '../SendToWallet/SendToWalletPage.style.js';
+export const ConfirmToAddressSheet = forwardRef((props, ref) => {
+    const handleClose = () => {
+        ;
+        ref.current?.close();
+    };
+    return (_jsx(BottomSheet, { ref: ref, children: _jsx(ConfirmToAddressSheetContent, { ...props, onClose: handleClose }) }));
+});
+const ConfirmToAddressSheetContent = ({ onContinue, onClose, toAddress, toChainId }) => {
+    const { t } = useTranslation();
+    const { chain } = useChain(toChainId);
+    const emitter = useWidgetEvents();
+    const ref = useRef(null);
+    useSetContentHeight(ref);
+    const handleContinue = () => {
+        emitter.emit(WidgetEvent.LowAddressActivityConfirmed, {
+            address: toAddress,
+            chainId: toChainId,
+        });
+        onClose();
+        onContinue();
+    };
+    return (_jsxs(SendToWalletSheetContainer, { ref: ref, children: [_jsx(IconContainer, { children: _jsx(Wallet, { sx: { fontSize: 40 } }) }), _jsx(Typography, { variant: "h6", sx: { textAlign: 'center', mb: 2 }, children: t('warning.title.lowAddressActivity') }), _jsx(SheetAddressContainer, { children: _jsx(Typography, { children: toAddress }) }), _jsx(AlertMessage, { severity: "warning", title: _jsx(Typography, { variant: "body2", sx: { color: 'text.primary' }, children: t('warning.message.lowAddressActivity', {
+                        chainName: chain?.name,
+                    }) }), icon: _jsx(WarningRounded, {}), multiline: true }), _jsxs(SendToWalletButtonRow, { children: [_jsx(Button, { variant: "text", onClick: onClose, fullWidth: true, children: t('button.cancel') }), _jsx(Button, { variant: "contained", onClick: handleContinue, fullWidth: true, children: t('button.continue') })] })] }));
+};
+//# sourceMappingURL=ConfirmToAddressSheet.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmToAddressSheet.js","sourceRoot":"","sources":["../../../../src/pages/TransactionPage/ConfirmToAddressSheet.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,13 @@
+import type { ExchangeRateUpdateParams } from '@openocean.finance/widget-sdk';
+export interface ExchangeRateBottomSheetBase {
+    isOpen(): void;
+    open(resolver: (value: boolean) => void, data: ExchangeRateUpdateParams): void;
+    close(value?: boolean, bottomSheetClose?: boolean): void;
+}
+interface ExchangeRateBottomSheetProps {
+    data?: ExchangeRateUpdateParams;
+    onContinue?(): void;
+    onCancel?(): void;
+}
+export declare const ExchangeRateBottomSheet: import("react").ForwardRefExoticComponent<ExchangeRateBottomSheetProps & import("react").RefAttributes<ExchangeRateBottomSheetBase>>;
+export {};

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

@@ -0,0 +1,95 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { WarningRounded } from '@mui/icons-material';
+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 }) }));
+});
+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') })] })] }));
+};
+//# sourceMappingURL=ExchangeRateBottomSheet.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExchangeRateBottomSheet.js","sourceRoot":"","sources":["../../../../src/pages/TransactionPage/ExchangeRateBottomSheet.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+import type { Dispatch, SetStateAction } from 'react';
+export interface RouteTrackerProps {
+    observableRouteId: string;
+    onChange: Dispatch<SetStateAction<string>>;
+    onFetching: Dispatch<SetStateAction<boolean>>;
+}
+export declare const RouteTracker: ({ observableRouteId, onChange, onFetching, }: RouteTrackerProps) => import("react/jsx-runtime").JSX.Element;