@lifi/widget 3.0.0-alpha.2 → 3.0.0-alpha.4

package/src/_cjs/pages/TransactionDetailsPage/TransactionDetailsPage.js

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TransactionDetailsPage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ContentCopyRounded_1 = require("@mui/icons-material/ContentCopyRounded");
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const react_i18next_1 = require("react-i18next");
+const react_router_dom_1 = require("react-router-dom");
+const Card_1 = require("../../components/Card");
+const ContractComponent_1 = require("../../components/ContractComponent");
+const Insurance_1 = require("../../components/Insurance");
+const Step_1 = require("../../components/Step");
+const hooks_1 = require("../../hooks");
+const providers_1 = require("../../providers");
+const stores_1 = require("../../stores");
+const utils_1 = require("../../utils");
+const converters_1 = require("../../utils/converters");
+const ContactSupportButton_1 = require("./ContactSupportButton");
+const TransactionDetailsPage_style_1 = require("./TransactionDetailsPage.style");
+const TransactionDetailsSkeleton_1 = require("./TransactionDetailsSkeleton");
+const TransactionDetailsPage = () => {
+    const { t, i18n } = (0, react_i18next_1.useTranslation)();
+    const { navigate } = (0, hooks_1.useNavigateBack)();
+    const { subvariant, contractComponent, contractSecondaryComponent } = (0, providers_1.useWidgetConfig)();
+    const { state } = (0, react_router_dom_1.useLocation)();
+    const { tools } = (0, hooks_1.useTools)();
+    const storedRouteExecution = (0, stores_1.useRouteExecutionStore)((store) => store.routes[state?.routeId]);
+    const { transaction, isLoading } = (0, hooks_1.useTransactionDetails)(state?.transactionHash);
+    const routeExecution = (0, react_1.useMemo)(() => {
+        if (storedRouteExecution) {
+            return storedRouteExecution;
+        }
+        if (isLoading) {
+            return;
+        }
+        if (transaction) {
+            const routeExecution = (0, converters_1.buildRouteFromTxHistory)(transaction, tools);
+            return routeExecution;
+        }
+    }, [isLoading, storedRouteExecution, tools, transaction]);
+    (0, react_1.useEffect)(() => {
+        if (!isLoading && !routeExecution) {
+            navigate(utils_1.navigationRoutes.home);
+        }
+    }, [isLoading, navigate, routeExecution]);
+    const copySupportId = async () => {
+        await navigator.clipboard.writeText(supportId);
+    };
+    const sourceTxHash = (0, stores_1.getSourceTxHash)(routeExecution?.route);
+    const insuranceCoverageId = sourceTxHash ?? routeExecution?.route.fromAddress;
+    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));
+    return isLoading && !storedRouteExecution ? ((0, jsx_runtime_1.jsx)(TransactionDetailsSkeleton_1.TransactionDetailsSkeleton, {})) : ((0, jsx_runtime_1.jsxs)(TransactionDetailsPage_style_1.Container, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                    display: 'flex',
+                    flex: 1,
+                    justifyContent: 'space-between',
+                }, pb: 1, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 12, children: new Intl.DateTimeFormat(i18n.language, {
+                            dateStyle: 'long',
+                        }).format(startedAt) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 12, children: new Intl.DateTimeFormat(i18n.language, {
+                            timeStyle: 'short',
+                        }).format(startedAt) })] }), (0, Step_1.getStepList)(routeExecution?.route, subvariant), subvariant === 'nft' ? ((0, jsx_runtime_1.jsx)(ContractComponent_1.ContractComponent, { mt: 2, children: contractSecondaryComponent || contractComponent })) : null, routeExecution?.route?.insurance?.state === 'INSURED' ? ((0, jsx_runtime_1.jsx)(Insurance_1.Insurance, { mt: 2, status: routeExecution.status, feeAmountUsd: routeExecution.route.insurance.feeAmountUsd, insuredAmount: (0, utils_1.formatTokenAmount)(BigInt(routeExecution.route.toAmountMin), routeExecution.route.toToken.decimals), insuredTokenSymbol: routeExecution.route.toToken.symbol, insurableRouteId: routeExecution.route.id, insuranceCoverageId: insuranceCoverageId })) : null, (0, jsx_runtime_1.jsxs)(Card_1.Card, { mt: 2, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                            display: 'flex',
+                            flex: 1,
+                        }, children: [(0, jsx_runtime_1.jsx)(Card_1.CardTitle, { flex: 1, children: t('main.supportId') }), (0, jsx_runtime_1.jsx)(material_1.Box, { mr: 1, mt: 1, children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { size: "medium", onClick: copySupportId, children: (0, jsx_runtime_1.jsx)(ContentCopyRounded_1.default, { fontSize: "small" }) }) })] }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", pt: 1, pb: 2, px: 2, sx: { wordBreak: 'break-all' }, children: supportId })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { mt: 2, mb: 2.5, children: (0, jsx_runtime_1.jsx)(ContactSupportButton_1.ContactSupportButton, { supportId: supportId }) })] }));
+};
+exports.TransactionDetailsPage = TransactionDetailsPage;
+//# sourceMappingURL=TransactionDetailsPage.js.map

package/src/_cjs/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/src/_cjs/pages/TransactionDetailsPage/TransactionDetailsPage.style.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const Container: import("@emotion/styled").StyledComponent<import("@mui/material").ContainerOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "fixed" | "maxWidth" | "children" | "sx" | "style" | "className" | "classes" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/src/_cjs/pages/TransactionDetailsPage/TransactionDetailsPage.style.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Container = void 0;
+const material_1 = require("@mui/material");
+const styles_1 = require("@mui/material/styles");
+exports.Container = (0, styles_1.styled)(material_1.Container)(({ theme }) => ({
+    padding: theme.spacing(1, 3),
+}));
+//# sourceMappingURL=TransactionDetailsPage.style.js.map

package/src/_cjs/pages/TransactionDetailsPage/TransactionDetailsPage.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionDetailsPage.style.js","sourceRoot":"","sources":["../../../../../src/pages/TransactionDetailsPage/TransactionDetailsPage.style.tsx"],"names":[],"mappings":";;;AAAA,4CAA0D;AAC1D,iDAA8C;AAEjC,QAAA,SAAS,GAAG,IAAA,eAAM,EAAC,oBAAY,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5D,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;CAC7B,CAAC,CAAC,CAAC"}

package/src/_cjs/pages/TransactionDetailsPage/TransactionDetailsSkeleton.d.ts

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

package/src/_cjs/pages/TransactionDetailsPage/TransactionDetailsSkeleton.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TransactionDetailsSkeleton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const Card_1 = require("../../components/Card");
+const DetailedTextSkeleton = () => {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", ml: 6, children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 64, height: 16, variant: "text" }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 96, height: 16, variant: "text", sx: { marginLeft: 0.5 } })] }));
+};
+const TransactionDetailsTokenSkeleton = () => {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { py: 1, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", flex: 1, alignItems: "center", children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "rounded", width: 32, height: 32, sx: {
+                            borderRadius: '100%',
+                        } }), (0, jsx_runtime_1.jsx)(material_1.Box, { display: "flex", flexDirection: "column", flex: 1, ml: 2, children: (0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 64, height: 32, variant: "text" }) })] }), (0, jsx_runtime_1.jsx)(DetailedTextSkeleton, {})] }));
+};
+const TransactionDetailsSkeleton = () => {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Container, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                    display: 'flex',
+                    flex: 1,
+                    justifyContent: 'space-between',
+                }, pb: 1, pt: 0.75, children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 96, height: 20, variant: "text" }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 40, height: 20, variant: "text" })] }), (0, jsx_runtime_1.jsxs)(Card_1.Card, { mb: 3, variant: "default", sx: { paddingX: 2 }, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { pt: 2.5, children: (0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 64, height: 12, variant: "rounded" }) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { py: 1, children: [(0, jsx_runtime_1.jsx)(TransactionDetailsTokenSkeleton, {}), (0, jsx_runtime_1.jsxs)(material_1.Box, { py: 1, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", flex: 1, alignItems: "center", children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "rounded", width: 32, height: 32, sx: {
+                                                    borderRadius: '100%',
+                                                } }), (0, jsx_runtime_1.jsx)(material_1.Box, { display: "flex", flexDirection: "column", flex: 1, ml: 2, children: (0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 96, height: 32, variant: "text" }) })] }), (0, jsx_runtime_1.jsx)(DetailedTextSkeleton, {}), (0, jsx_runtime_1.jsx)(DetailedTextSkeleton, {})] }), Array.from({ length: 3 }).map((_, key) => ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                                    display: 'flex',
+                                    alignItems: 'center',
+                                }, py: 1, children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "rounded", width: 32, height: 32, sx: {
+                                            borderRadius: '100%',
+                                        } }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { sx: {
+                                            ml: 2,
+                                        }, width: 96, height: 32, variant: "text" })] }, key))), (0, jsx_runtime_1.jsx)(TransactionDetailsTokenSkeleton, {})] })] })] }));
+};
+exports.TransactionDetailsSkeleton = TransactionDetailsSkeleton;
+//# sourceMappingURL=TransactionDetailsSkeleton.js.map

package/src/_cjs/pages/TransactionDetailsPage/TransactionDetailsSkeleton.js.map

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

package/src/_cjs/pages/TransactionDetailsPage/index.d.ts

@@ -0,0 +1 @@
+export * from './TransactionDetailsPage';

package/src/_cjs/pages/TransactionDetailsPage/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./TransactionDetailsPage"), exports);
+//# sourceMappingURL=index.js.map

package/src/_cjs/pages/TransactionDetailsPage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/pages/TransactionDetailsPage/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2DAAyC"}

package/src/_cjs/pages/TransactionHistoryPage/TransactionHistoryEmpty.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const TransactionHistoryEmpty: React.FC;

package/src/_cjs/pages/TransactionHistoryPage/TransactionHistoryEmpty.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TransactionHistoryEmpty = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ReceiptLongRounded_1 = require("@mui/icons-material/ReceiptLongRounded");
+const material_1 = require("@mui/material");
+const react_i18next_1 = require("react-i18next");
+const TransactionHistoryEmpty = () => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    return ((0, jsx_runtime_1.jsxs)(material_1.Container, { sx: {
+            display: 'flex',
+            flex: 1,
+            flexDirection: 'column',
+            alignItems: 'center',
+            justifyContent: 'center',
+            paddingY: 12,
+        }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 48, children: (0, jsx_runtime_1.jsx)(ReceiptLongRounded_1.default, { fontSize: "inherit" }) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 18, fontWeight: 700, children: t('info.title.emptyTransactionHistory') }), (0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 14, color: "text.secondary", textAlign: "center", mt: 2, children: t('info.message.emptyTransactionHistory') })] }));
+};
+exports.TransactionHistoryEmpty = TransactionHistoryEmpty;
+//# sourceMappingURL=TransactionHistoryEmpty.js.map

package/src/_cjs/pages/TransactionHistoryPage/TransactionHistoryEmpty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionHistoryEmpty.js","sourceRoot":"","sources":["../../../../../src/pages/TransactionHistoryPage/TransactionHistoryEmpty.tsx"],"names":[],"mappings":";;;;AAAA,+EAA4E;AAC5E,4CAAsD;AACtD,iDAA+C;AAExC,MAAM,uBAAuB,GAAa,GAAG,EAAE;IACpD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,OAAO,CACL,wBAAC,oBAAS,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,uBAAC,qBAAU,IAAC,QAAQ,EAAE,EAAE,YACtB,uBAAC,4BAAsB,IAAC,QAAQ,EAAC,SAAS,GAAG,GAClC,EACb,uBAAC,qBAAU,IAAC,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,YACtC,CAAC,CAAC,oCAAoC,CAAC,GAC7B,EACb,uBAAC,qBAAU,IACT,QAAQ,EAAE,EAAE,EACZ,KAAK,EAAC,gBAAgB,EACtB,SAAS,EAAC,QAAQ,EAClB,EAAE,EAAE,CAAC,YAEJ,CAAC,CAAC,sCAAsC,CAAC,GAC/B,IACH,CACb,CAAC;AACJ,CAAC,CAAC;AA7BW,QAAA,uBAAuB,2BA6BlC"}

package/src/_cjs/pages/TransactionHistoryPage/TransactionHistoryItem.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { StatusResponse } from '@lifi/sdk';
+export declare const TransactionHistoryItem: React.FC<{
+    transaction: StatusResponse;
+    size: number;
+    start: number;
+}>;

package/src/_cjs/pages/TransactionHistoryPage/TransactionHistoryItem.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TransactionHistoryItem = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_i18next_1 = require("react-i18next");
+const react_router_dom_1 = require("react-router-dom");
+const Card_1 = require("../../components/Card");
+const Token_1 = require("../../components/Token");
+const utils_1 = require("../../utils");
+const TransactionHistoryItem = ({ transaction, size, start }) => {
+    const { i18n } = (0, react_i18next_1.useTranslation)();
+    const navigate = (0, react_router_dom_1.useNavigate)();
+    const sending = transaction.sending;
+    const receiving = transaction.receiving;
+    const handleClick = () => {
+        navigate(utils_1.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 ((0, jsx_runtime_1.jsxs)(Card_1.Card, { onClick: handleClick, style: {
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            width: '100%',
+            // height: `${size}px`,
+            transform: `translateY(${start}px)`,
+        }, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                    display: 'flex',
+                    flex: 1,
+                    justifyContent: 'space-between',
+                }, pt: 1.75, px: 2, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 12, children: new Intl.DateTimeFormat(i18n.language, { dateStyle: 'long' }).format(startedAt) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 12, children: new Intl.DateTimeFormat(i18n.language, {
+                            timeStyle: 'short',
+                        }).format(startedAt) })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { py: 1, children: [(0, jsx_runtime_1.jsx)(Token_1.Token, { token: fromToken, px: 2, pt: 1, connected: true }), (0, jsx_runtime_1.jsx)(Token_1.TokenDivider, {}), (0, jsx_runtime_1.jsx)(Token_1.Token, { token: toToken, px: 2, pt: 0.5, pb: 1 })] })] }));
+};
+exports.TransactionHistoryItem = TransactionHistoryItem;
+//# sourceMappingURL=TransactionHistoryItem.js.map

package/src/_cjs/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/src/_cjs/pages/TransactionHistoryPage/TransactionHistoryPage.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const TransactionHistoryPage: React.FC;

package/src/_cjs/pages/TransactionHistoryPage/TransactionHistoryPage.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TransactionHistoryPage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_virtual_1 = require("@tanstack/react-virtual");
+const react_1 = require("react");
+const useTransactionHistory_1 = require("../../hooks/useTransactionHistory");
+const TransactionHistoryEmpty_1 = require("./TransactionHistoryEmpty");
+const TransactionHistoryItem_1 = require("./TransactionHistoryItem");
+const TransactionHistorySkeleton_1 = require("./TransactionHistorySkeleton");
+const constants_1 = require("./constants");
+const TransactionHistoryPage = () => {
+    // Parent ref and useVirtualizer should be in one file to avoid blank page (0 virtual items) issue
+    const parentRef = (0, react_1.useRef)(null);
+    const { data: transactions, isLoading } = (0, useTransactionHistory_1.useTransactionHistory)();
+    const { getVirtualItems, getTotalSize } = (0, react_virtual_1.useVirtualizer)({
+        count: transactions.length,
+        overscan: 10,
+        paddingStart: 8,
+        paddingEnd: 12,
+        getScrollElement: () => parentRef.current,
+        estimateSize: () => 194,
+        getItemKey: (index) => `${transactions[index].transactionId}-${index}`,
+    });
+    if (!transactions.length && !isLoading) {
+        return (0, jsx_runtime_1.jsx)(TransactionHistoryEmpty_1.TransactionHistoryEmpty, {});
+    }
+    return ((0, jsx_runtime_1.jsx)(material_1.Container, { ref: parentRef, style: { height: constants_1.minTransactionListHeight, overflow: 'auto' }, children: (0, jsx_runtime_1.jsx)(material_1.List, { style: { height: getTotalSize(), width: '100%', position: 'relative' }, disablePadding: true, children: isLoading ? ((0, jsx_runtime_1.jsx)(material_1.List, { disablePadding: true, sx: { paddingTop: 1 }, children: Array.from({ length: 3 }).map((_, index) => ((0, jsx_runtime_1.jsx)(TransactionHistorySkeleton_1.TransactionHistorySkeleton, {}, index))) })) : (getVirtualItems().map((item) => {
+                const transaction = transactions[item.index];
+                return ((0, jsx_runtime_1.jsx)(TransactionHistoryItem_1.TransactionHistoryItem, { size: item.size, start: item.start, transaction: transaction }, item.key));
+            })) }) }));
+};
+exports.TransactionHistoryPage = TransactionHistoryPage;
+//# sourceMappingURL=TransactionHistoryPage.js.map

package/src/_cjs/pages/TransactionHistoryPage/TransactionHistoryPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionHistoryPage.js","sourceRoot":"","sources":["../../../../../src/pages/TransactionHistoryPage/TransactionHistoryPage.tsx"],"names":[],"mappings":";;;;AACA,4CAAgD;AAChD,2DAAyD;AACzD,iCAA+B;AAC/B,6EAA0E;AAC1E,uEAAoE;AACpE,qEAAkE;AAClE,6EAA0E;AAC1E,2CAAuD;AAEhD,MAAM,sBAAsB,GAAa,GAAG,EAAE;IACnD,kGAAkG;IAClG,MAAM,SAAS,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IACtD,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,IAAA,6CAAqB,GAAE,CAAC;IAElE,MAAM,EAAE,eAAe,EAAE,YAAY,EAAE,GAAG,IAAA,8BAAc,EAAC;QACvD,KAAK,EAAE,YAAY,CAAC,MAAM;QAC1B,QAAQ,EAAE,EAAE;QACZ,YAAY,EAAE,CAAC;QACf,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,CAAC;IAEH,IAAI,CAAC,YAAY,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC;QACvC,OAAO,uBAAC,iDAAuB,KAAG,CAAC;IACrC,CAAC;IAED,OAAO,CACL,uBAAC,oBAAS,IACR,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,EAAE,MAAM,EAAE,oCAAwB,EAAE,QAAQ,EAAE,MAAM,EAAE,YAE7D,uBAAC,eAAI,IACH,KAAK,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,EACtE,cAAc,kBAEb,SAAS,CAAC,CAAC,CAAC,CACX,uBAAC,eAAI,IAAC,cAAc,QAAC,EAAE,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,YACvC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3C,uBAAC,uDAA0B,MAAM,KAAK,CAAI,CAC3C,CAAC,GACG,CACR,CAAC,CAAC,CAAC,CACF,eAAe,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;gBAC7B,MAAM,WAAW,GAAG,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC7C,OAAO,CACL,uBAAC,+CAAsB,IAErB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,WAAW,EAAE,WAAW,IAHnB,IAAI,CAAC,GAAG,CAIb,CACH,CAAC;YACJ,CAAC,CAAC,CACH,GACI,GACG,CACb,CAAC;AACJ,CAAC,CAAC;AAnDW,QAAA,sBAAsB,0BAmDjC"}

package/src/_cjs/pages/TransactionHistoryPage/TransactionHistorySkeleton.d.ts

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

package/src/_cjs/pages/TransactionHistoryPage/TransactionHistorySkeleton.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TransactionHistorySkeleton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const Card_1 = require("../../components/Card");
+const Token_1 = require("../../components/Token");
+const TokenSkeleton = ({ showDivider }) => {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { flex: 1, px: 2, pt: showDivider ? 1 : 0.5, pb: showDivider ? 0 : 1, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", flex: 1, alignItems: "center", children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "rounded", width: 32, height: 32, sx: {
+                            borderRadius: '100%',
+                        } }), (0, jsx_runtime_1.jsx)(material_1.Box, { display: "flex", flexDirection: "column", flex: 1, ml: 2, children: (0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 40, height: 30, variant: "text" }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", marginLeft: "-16px", children: [(0, jsx_runtime_1.jsx)(material_1.Box, { display: "flex", flexDirection: 'column', marginTop: 0.5, visibility: showDivider ? 'visible' : 'hidden', children: (0, jsx_runtime_1.jsx)(Token_1.TokenDivider, {}) }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 64, height: 12, sx: { marginTop: 0.5 }, variant: "rounded" }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 96, height: 12, variant: "rounded", sx: { marginTop: 0.5, marginLeft: 0.5 } })] })] }));
+};
+const TransactionHistorySkeleton = () => {
+    return ((0, jsx_runtime_1.jsxs)(Card_1.Card, { style: {
+            marginBottom: '16px',
+        }, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                    display: 'flex',
+                    flex: 1,
+                    justifyContent: 'space-between',
+                }, pt: 2, px: 2, children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "rectangular", width: 96, height: 16, sx: (theme) => ({
+                            borderRadius: `${theme.shape.borderRadius}px`,
+                        }) }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "rectangular", width: 64, height: 16, sx: (theme) => ({
+                            borderRadius: `${theme.shape.borderRadius}px`,
+                        }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { py: 1, children: [(0, jsx_runtime_1.jsx)(TokenSkeleton, { showDivider: true }), (0, jsx_runtime_1.jsx)(Token_1.TokenDivider, {}), (0, jsx_runtime_1.jsx)(TokenSkeleton, {})] })] }));
+};
+exports.TransactionHistorySkeleton = TransactionHistorySkeleton;
+//# sourceMappingURL=TransactionHistorySkeleton.js.map

package/src/_cjs/pages/TransactionHistoryPage/TransactionHistorySkeleton.js.map

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

package/src/_cjs/pages/TransactionHistoryPage/constants.d.ts

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

package/src/_cjs/pages/TransactionHistoryPage/constants.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.minTransactionListHeight = void 0;
+exports.minTransactionListHeight = 544;
+//# sourceMappingURL=constants.js.map

package/src/_cjs/pages/TransactionHistoryPage/constants.js.map

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

package/src/_cjs/pages/TransactionHistoryPage/index.d.ts

@@ -0,0 +1 @@
+export * from './TransactionHistoryPage';

package/src/_cjs/pages/TransactionHistoryPage/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./TransactionHistoryPage"), exports);
+//# sourceMappingURL=index.js.map

package/src/_cjs/pages/TransactionHistoryPage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/pages/TransactionHistoryPage/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2DAAyC"}

package/src/_cjs/pages/TransactionPage/ExchangeRateBottomSheet.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import type { ExchangeRateUpdateParams } from '@lifi/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/src/_cjs/pages/TransactionPage/ExchangeRateBottomSheet.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExchangeRateBottomSheet = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const WarningRounded_1 = require("@mui/icons-material/WarningRounded");
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const react_i18next_1 = require("react-i18next");
+const BottomSheet_1 = require("../../components/BottomSheet");
+const hooks_1 = require("../../hooks");
+const utils_1 = require("../../utils");
+const StatusBottomSheet_style_1 = require("./StatusBottomSheet.style");
+exports.ExchangeRateBottomSheet = (0, react_1.forwardRef)(({ onContinue, onCancel }, ref) => {
+    const [data, setData] = (0, react_1.useState)();
+    const bottomSheetRef = (0, react_1.useRef)(null);
+    const resolverRef = (0, react_1.useRef)();
+    const handleContinue = () => {
+        ref.current?.close(true);
+        onContinue?.();
+    };
+    const handleCancel = (0, react_1.useCallback)(() => {
+        ref.current?.close(false);
+        onCancel?.();
+    }, [onCancel, ref]);
+    const handleClose = (0, react_1.useCallback)(() => {
+        ref.current?.close(false, false);
+        onCancel?.();
+    }, [onCancel, ref]);
+    (0, react_1.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 ((0, jsx_runtime_1.jsx)(BottomSheet_1.BottomSheet, { ref: bottomSheetRef, onClose: handleClose, children: (0, jsx_runtime_1.jsx)(ExchangeRateBottomSheetContent, { data: data, onContinue: handleContinue, onCancel: handleCancel }) }));
+});
+const ExchangeRateBottomSheetContent = ({ data, onCancel, onContinue }) => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const ref = (0, react_1.useRef)();
+    (0, hooks_1.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 ((0, jsx_runtime_1.jsxs)(material_1.Box, { p: 3, ref: ref, children: [(0, jsx_runtime_1.jsxs)(StatusBottomSheet_style_1.CenterContainer, { children: [(0, jsx_runtime_1.jsx)(StatusBottomSheet_style_1.IconCircle, { status: "warning", mb: 1, children: (0, jsx_runtime_1.jsx)(WarningRounded_1.default, { color: "warning" }) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { py: 1, fontSize: 18, fontWeight: 700, children: t('warning.title.rateChanged') })] }), (0, jsx_runtime_1.jsx)(material_1.Typography, { py: 1, children: t('warning.message.rateChanged') }), (0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", justifyContent: "space-between", mt: 1, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: t('main.quotedAmount') }), (0, jsx_runtime_1.jsxs)(material_1.Typography, { fontWeight: 600, children: [t('format.number', {
+                                value: (0, utils_1.formatTokenAmount)(BigInt(data.oldToAmount), data.toToken.decimals, 5),
+                            }), ' ', data?.toToken.symbol] })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", justifyContent: "space-between", mt: 0.25, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: t('main.currentAmount') }), (0, jsx_runtime_1.jsxs)(material_1.Typography, { fontWeight: 600, children: [t('format.number', {
+                                value: (0, utils_1.formatTokenAmount)(BigInt(data?.newToAmount), data?.toToken.decimals, 5),
+                            }), ' ', data?.toToken.symbol] })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", justifyContent: "space-between", mt: 0.25, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: t('main.rateChange') }), (0, jsx_runtime_1.jsxs)(material_1.Typography, { fontWeight: 600, children: [rateChange, "%"] })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", mt: 3, children: [(0, jsx_runtime_1.jsx)(material_1.Button, { variant: "text", onClick: onCancel, fullWidth: true, children: t('button.cancel') }), (0, jsx_runtime_1.jsx)(material_1.Box, { display: "flex", p: 1 }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", onClick: onContinue, fullWidth: true, children: t('button.continue') })] })] }));
+};
+//# sourceMappingURL=ExchangeRateBottomSheet.js.map

package/src/_cjs/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/src/_cjs/pages/TransactionPage/StartTransactionButton.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { StartTransactionButtonProps } from './types';
+export declare const StartTransactionButton: React.FC<StartTransactionButtonProps>;
+export declare const StartInsurableTransactionButton: React.FC<StartTransactionButtonProps>;

package/src/_cjs/pages/TransactionPage/StartTransactionButton.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StartInsurableTransactionButton = exports.StartTransactionButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const BaseTransactionButton_1 = require("../../components/BaseTransactionButton");
+const hooks_1 = require("../../hooks");
+const stores_1 = require("../../stores");
+const StartTransactionButton = ({ onClick, route, text, loading, }) => {
+    const { insufficientGas, isLoading: isGasSufficiencyLoading } = (0, hooks_1.useGasSufficiency)(route);
+    const { insufficientFromToken, isLoading: isFromTokenSufficiencyLoading } = (0, hooks_1.useFromTokenSufficiency)(route);
+    const shouldDisableButton = insufficientFromToken || !!insufficientGas?.length;
+    return ((0, jsx_runtime_1.jsx)(BaseTransactionButton_1.BaseTransactionButton, { onClick: onClick, text: text, disabled: shouldDisableButton, loading: isFromTokenSufficiencyLoading || isGasSufficiencyLoading || loading }));
+};
+exports.StartTransactionButton = StartTransactionButton;
+const StartInsurableTransactionButton = ({ onClick, text, route, loading, disabled, insurableRouteId }) => {
+    const routeExecution = (0, stores_1.useRouteExecutionStore)((state) => state.routes[insurableRouteId]);
+    const { isFetching } = (0, hooks_1.useRoutes)({
+        insurableRoute: routeExecution?.route,
+    });
+    return ((0, jsx_runtime_1.jsx)(exports.StartTransactionButton, { onClick: onClick, text: text, route: route, disabled: disabled, loading: loading || isFetching, insurableRouteId: insurableRouteId }));
+};
+exports.StartInsurableTransactionButton = StartInsurableTransactionButton;
+//# sourceMappingURL=StartTransactionButton.js.map

package/src/_cjs/pages/TransactionPage/StartTransactionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StartTransactionButton.js","sourceRoot":"","sources":["../../../../../src/pages/TransactionPage/StartTransactionButton.tsx"],"names":[],"mappings":";;;;AAAA,kFAA+E;AAC/E,uCAIqB;AACrB,yCAAsD;AAG/C,MAAM,sBAAsB,GAA0C,CAAC,EAC5E,OAAO,EACP,KAAK,EACL,IAAI,EACJ,OAAO,GACR,EAAE,EAAE;IACH,MAAM,EAAE,eAAe,EAAE,SAAS,EAAE,uBAAuB,EAAE,GAC3D,IAAA,yBAAiB,EAAC,KAAK,CAAC,CAAC;IAC3B,MAAM,EAAE,qBAAqB,EAAE,SAAS,EAAE,6BAA6B,EAAE,GACvE,IAAA,+BAAuB,EAAC,KAAK,CAAC,CAAC;IAEjC,MAAM,mBAAmB,GACvB,qBAAqB,IAAI,CAAC,CAAC,eAAe,EAAE,MAAM,CAAC;IAErD,OAAO,CACL,uBAAC,6CAAqB,IACpB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,mBAAmB,EAC7B,OAAO,EACL,6BAA6B,IAAI,uBAAuB,IAAI,OAAO,GAErE,CACH,CAAC;AACJ,CAAC,CAAC;AAxBW,QAAA,sBAAsB,0BAwBjC;AAEK,MAAM,+BAA+B,GAExC,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,EAAE,EAAE;IACpE,MAAM,cAAc,GAAG,IAAA,+BAAsB,EAC3C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAC1C,CAAC;IACF,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,iBAAS,EAAC;QAC/B,cAAc,EAAE,cAAc,EAAE,KAAK;KACtC,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,8BAAsB,IACrB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,IAAI,UAAU,EAC9B,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,+BAA+B,mCAoB1C"}

package/src/_cjs/pages/TransactionPage/StatusBottomSheet.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { RouteExecution } from '../../stores';
+export declare const StatusBottomSheet: React.FC<RouteExecution>;