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

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

@@ -0,0 +1,166 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatusBottomSheet = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Done_1 = require("@mui/icons-material/Done");
+const ErrorRounded_1 = require("@mui/icons-material/ErrorRounded");
+const InfoRounded_1 = require("@mui/icons-material/InfoRounded");
+const WarningRounded_1 = require("@mui/icons-material/WarningRounded");
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const react_hook_form_1 = require("react-hook-form");
+const react_i18next_1 = require("react-i18next");
+const BottomSheet_1 = require("../../components/BottomSheet");
+const Token_1 = require("../../components/Token");
+const hooks_1 = require("../../hooks");
+const providers_1 = require("../../providers");
+const stores_1 = require("../../stores");
+const utils_1 = require("../../utils");
+const StatusBottomSheet_style_1 = require("./StatusBottomSheet.style");
+const StatusBottomSheet = ({ status, route, }) => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const { navigateBack, navigate } = (0, hooks_1.useNavigateBack)();
+    const ref = (0, react_1.useRef)(null);
+    const { getChainById } = (0, hooks_1.useAvailableChains)();
+    const { setValue } = (0, react_hook_form_1.useFormContext)();
+    const { subvariant, contractComponent, contractSecondaryComponent, contractCompactComponent, } = (0, providers_1.useWidgetConfig)();
+    const toToken = {
+        ...(route.steps.at(-1)?.execution?.toToken ?? route.toToken),
+        amount: BigInt(route.steps.at(-1)?.execution?.toAmount ??
+            route.steps.at(-1)?.estimate.toAmount ??
+            route.toAmount),
+    };
+    const { token, refetch, refetchNewBalance, refetchAllBalances } = (0, hooks_1.useTokenBalance)(route.toAddress, toToken);
+    const clearFromAmount = () => {
+        refetchAllBalances();
+        setValue(providers_1.FormKey.FromAmount, '');
+        setValue(providers_1.FormKey.ToAmount, '');
+    };
+    const handleDone = () => {
+        clearFromAmount();
+        navigateBack();
+    };
+    const handlePartialDone = () => {
+        clearFromAmount();
+        if (toToken.chainId !== route.toToken.chainId &&
+            toToken.address !== route.toToken.address) {
+            setValue(providers_1.FormKey.FromAmount, (0, utils_1.formatTokenAmount)(toToken.amount, toToken.decimals), { shouldTouch: true });
+            setValue(providers_1.FormKey.FromChain, toToken.chainId, { shouldTouch: true });
+            setValue(providers_1.FormKey.FromToken, toToken.address, { shouldTouch: true });
+            setValue(providers_1.FormKey.ToChain, route.toToken.chainId, {
+                shouldTouch: true,
+            });
+            setValue(providers_1.FormKey.ToToken, route.toToken.address, {
+                shouldTouch: true,
+            });
+        }
+        navigateBack();
+    };
+    const handleClose = () => {
+        clearFromAmount();
+        ref.current?.close();
+    };
+    const handleSeeDetails = () => {
+        handleClose();
+        const transactionHash = (0, stores_1.getSourceTxHash)(route);
+        navigate(utils_1.navigationRoutes.transactionDetails, {
+            state: {
+                routeId: route.id,
+                transactionHash,
+            },
+            replace: true,
+        });
+    };
+    const transactionType = route.fromChainId === route.toChainId ? 'swap' : 'bridge';
+    let title;
+    let primaryMessage;
+    let secondaryMessage;
+    let handlePrimaryButton = handleDone;
+    switch (status) {
+        case stores_1.RouteExecutionStatus.Done: {
+            title =
+                subvariant === 'nft'
+                    ? t('success.title.purchaseSuccessful')
+                    : t(`success.title.${transactionType}Successful`);
+            if (token) {
+                primaryMessage = t('success.message.exchangeSuccessful', {
+                    amount: (0, utils_1.formatTokenAmount)(token.amount, token.decimals),
+                    tokenSymbol: token.symbol,
+                    chainName: getChainById(token.chainId)?.name,
+                    walletAddress: (0, utils_1.shortenAddress)(route.toAddress),
+                });
+            }
+            handlePrimaryButton = handleDone;
+            break;
+        }
+        case stores_1.RouteExecutionStatus.Done | stores_1.RouteExecutionStatus.Partial: {
+            title = t(`success.title.${transactionType}PartiallySuccessful`);
+            primaryMessage = t('success.message.exchangePartiallySuccessful', {
+                tool: route.steps.at(-1)?.toolDetails.name,
+                tokenSymbol: route.steps.at(-1)?.action.toToken.symbol,
+            });
+            if (token) {
+                secondaryMessage = t('success.message.exchangeSuccessful', {
+                    amount: (0, utils_1.formatTokenAmount)(token.amount, token.decimals),
+                    tokenSymbol: token.symbol,
+                    chainName: getChainById(token.chainId)?.name,
+                    walletAddress: (0, utils_1.shortenAddress)(route.toAddress),
+                });
+            }
+            handlePrimaryButton = handlePartialDone;
+            break;
+        }
+        case stores_1.RouteExecutionStatus.Done | stores_1.RouteExecutionStatus.Refunded: {
+            title = t('success.title.refundIssued');
+            primaryMessage = t('success.message.exchangePartiallySuccessful', {
+                tool: route.steps.at(-1)?.toolDetails.name,
+                tokenSymbol: route.steps.at(-1)?.action.toToken.symbol,
+            });
+            if (token) {
+                secondaryMessage = t('success.message.exchangeSuccessful', {
+                    amount: (0, utils_1.formatTokenAmount)(token.amount, token.decimals),
+                    tokenSymbol: token.symbol,
+                    chainName: getChainById(token.chainId)?.name,
+                    walletAddress: (0, utils_1.shortenAddress)(route.toAddress),
+                });
+            }
+            break;
+        }
+        case stores_1.RouteExecutionStatus.Failed: {
+            const step = route.steps.find((step) => step.execution?.status === 'FAILED');
+            const process = step?.execution?.process.find((process) => process.status === 'FAILED');
+            if (!step || !process) {
+                break;
+            }
+            const processMessage = (0, hooks_1.getProcessMessage)(t, getChainById, step, process);
+            title = processMessage.title;
+            primaryMessage = processMessage.message;
+            handlePrimaryButton = handleClose;
+            break;
+        }
+        default:
+            break;
+    }
+    (0, react_1.useEffect)(() => {
+        const hasSuccessFlag = (0, utils_1.hasEnumFlag)(status, stores_1.RouteExecutionStatus.Done);
+        if ((hasSuccessFlag || (0, utils_1.hasEnumFlag)(status, stores_1.RouteExecutionStatus.Failed)) &&
+            !ref.current?.isOpen()) {
+            if (hasSuccessFlag) {
+                refetchNewBalance();
+                refetch();
+            }
+            ref.current?.open();
+        }
+    }, [refetch, refetchNewBalance, status]);
+    const showContractComponent = subvariant === 'nft' && (0, utils_1.hasEnumFlag)(status, stores_1.RouteExecutionStatus.Done);
+    return ((0, jsx_runtime_1.jsx)(BottomSheet_1.BottomSheet, { ref: ref, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { p: 3, children: [!showContractComponent ? ((0, jsx_runtime_1.jsx)(StatusBottomSheet_style_1.CenterContainer, { children: (0, jsx_runtime_1.jsxs)(StatusBottomSheet_style_1.IconCircle, { status: status, mb: 1, children: [status === stores_1.RouteExecutionStatus.Idle ? ((0, jsx_runtime_1.jsx)(InfoRounded_1.default, { color: "primary" })) : null, status === stores_1.RouteExecutionStatus.Done ? ((0, jsx_runtime_1.jsx)(Done_1.default, { color: "success" })) : null, (0, utils_1.hasEnumFlag)(status, stores_1.RouteExecutionStatus.Partial) ||
+                                (0, utils_1.hasEnumFlag)(status, stores_1.RouteExecutionStatus.Refunded) ? ((0, jsx_runtime_1.jsx)(WarningRounded_1.default, { color: "warning" })) : null, (0, utils_1.hasEnumFlag)(status, stores_1.RouteExecutionStatus.Failed) ? ((0, jsx_runtime_1.jsx)(ErrorRounded_1.default, { color: "error" })) : null] }) })) : null, (0, jsx_runtime_1.jsx)(StatusBottomSheet_style_1.CenterContainer, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, { py: 1, fontSize: 18, fontWeight: 700, children: title }) }), showContractComponent ? (contractCompactComponent ||
+                    contractSecondaryComponent ||
+                    contractComponent) : ((0, jsx_runtime_1.jsx)(StatusBottomSheet_style_1.CenterContainer, { children: (0, utils_1.hasEnumFlag)(status, stores_1.RouteExecutionStatus.Done) ? ((0, jsx_runtime_1.jsx)(Token_1.Token, { token: toToken, py: 1, disableDescription: true })) : null })), !showContractComponent ? ((0, jsx_runtime_1.jsx)(material_1.Typography, { py: 1, children: primaryMessage })) : null, secondaryMessage ? ((0, jsx_runtime_1.jsx)(material_1.Typography, { py: 1, children: secondaryMessage })) : null, (0, jsx_runtime_1.jsx)(material_1.Box, { mt: 2, children: (0, jsx_runtime_1.jsxs)(material_1.Button, { variant: "contained", fullWidth: true, onClick: handlePrimaryButton, children: [status === stores_1.RouteExecutionStatus.Idle ? t('button.ok') : null, (0, utils_1.hasEnumFlag)(status, stores_1.RouteExecutionStatus.Done)
+                                ? t('button.done')
+                                : null, status === stores_1.RouteExecutionStatus.Failed
+                                ? t('button.seeDetails')
+                                : null] }) }), (0, utils_1.hasEnumFlag)(status, stores_1.RouteExecutionStatus.Done) ? ((0, jsx_runtime_1.jsx)(material_1.Box, { mt: 2, children: (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "text", onClick: handleSeeDetails, fullWidth: true, children: t('button.seeDetails') }) })) : null] }) }));
+};
+exports.StatusBottomSheet = StatusBottomSheet;
+//# sourceMappingURL=StatusBottomSheet.js.map

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

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

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import type { Theme } from '@mui/material';
+import { RouteExecutionStatus } from '../../stores';
+type StatusColor = RouteExecutionStatus | 'warning';
+export declare const CenterContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const IconCircle: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme> & {
+    status: StatusColor;
+}, {}, {}>;
+export {};

package/src/_cjs/pages/TransactionPage/StatusBottomSheet.style.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconCircle = exports.CenterContainer = void 0;
+const material_1 = require("@mui/material");
+const styles_1 = require("@mui/material/styles");
+const stores_1 = require("../../stores");
+const getStatusColor = (status, theme) => {
+    switch (status) {
+        case stores_1.RouteExecutionStatus.Done:
+            return { color: theme.palette.success.main, alpha: 0.12, darken: 0 };
+        case stores_1.RouteExecutionStatus.Failed:
+            return { color: theme.palette.error.main, alpha: 0.12, darken: 0 };
+        case stores_1.RouteExecutionStatus.Done | stores_1.RouteExecutionStatus.Partial:
+        case stores_1.RouteExecutionStatus.Done | stores_1.RouteExecutionStatus.Refunded:
+        case 'warning':
+            return {
+                color: theme.palette.warning.main,
+                alpha: 0.48,
+                darken: theme.palette.mode === 'light' ? 0.32 : 0,
+            };
+        default:
+            return { color: theme.palette.primary.main, alpha: 0.12, darken: 0 };
+    }
+};
+exports.CenterContainer = (0, styles_1.styled)(material_1.Box)(({ theme }) => ({
+    display: 'grid',
+    placeItems: 'center',
+    position: 'relative',
+}));
+exports.IconCircle = (0, styles_1.styled)(material_1.Box, {
+    shouldForwardProp: (prop) => prop !== 'status',
+})(({ theme, status }) => {
+    const { color, alpha: alphaValue, darken: darkenValue, } = getStatusColor(status, theme);
+    return {
+        backgroundColor: (0, styles_1.alpha)(color, alphaValue),
+        borderRadius: '50%',
+        width: 64,
+        height: 64,
+        display: 'grid',
+        position: 'relative',
+        placeItems: 'center',
+        '& > svg': {
+            color: (0, styles_1.darken)(color, darkenValue),
+            width: 32,
+            height: 32,
+        },
+    };
+});
+//# sourceMappingURL=StatusBottomSheet.style.js.map

package/src/_cjs/pages/TransactionPage/StatusBottomSheet.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBottomSheet.style.js","sourceRoot":"","sources":["../../../../../src/pages/TransactionPage/StatusBottomSheet.style.tsx"],"names":[],"mappings":";;;AACA,4CAAoC;AACpC,iDAA6D;AAC7D,yCAAoD;AAIpD,MAAM,cAAc,GAAG,CAAC,MAAmB,EAAE,KAAY,EAAE,EAAE;IAC3D,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,6BAAoB,CAAC,IAAI;YAC5B,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;QACvE,KAAK,6BAAoB,CAAC,MAAM;YAC9B,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;QACrE,KAAK,6BAAoB,CAAC,IAAI,GAAG,6BAAoB,CAAC,OAAO,CAAC;QAC9D,KAAK,6BAAoB,CAAC,IAAI,GAAG,6BAAoB,CAAC,QAAQ,CAAC;QAC/D,KAAK,SAAS;YACZ,OAAO;gBACL,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;gBACjC,KAAK,EAAE,IAAI;gBACX,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;aAClD,CAAC;QACJ;YACE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;IACzE,CAAC;AACH,CAAC,CAAC;AAEW,QAAA,eAAe,GAAG,IAAA,eAAM,EAAC,cAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACzD,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,QAAQ,EAAE,UAAU;CACrB,CAAC,CAAC,CAAC;AAES,QAAA,UAAU,GAAG,IAAA,eAAM,EAAC,cAAG,EAAE;IACpC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,QAAQ;CAC/C,CAAC,CAA0B,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE;IAChD,MAAM,EACJ,KAAK,EACL,KAAK,EAAE,UAAU,EACjB,MAAM,EAAE,WAAW,GACpB,GAAG,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAClC,OAAO;QACL,eAAe,EAAE,IAAA,cAAK,EAAC,KAAK,EAAE,UAAU,CAAC;QACzC,YAAY,EAAE,KAAK;QACnB,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,UAAU;QACpB,UAAU,EAAE,QAAQ;QACpB,SAAS,EAAE;YACT,KAAK,EAAE,IAAA,eAAM,EAAC,KAAK,EAAE,WAAW,CAAC;YACjC,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;SACX;KACF,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { Route } from '@lifi/sdk';
+import type { BottomSheetBase } from '../../components/BottomSheet';
+interface TokenValueBottomSheetProps {
+    route: Route;
+    onContinue(): void;
+    onCancel?(): void;
+}
+export declare const TokenValueBottomSheet: import("react").ForwardRefExoticComponent<TokenValueBottomSheetProps & import("react").RefAttributes<BottomSheetBase>>;
+export declare const getTokenValueLossThreshold: (route?: Route) => boolean;
+export {};

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

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTokenValueLossThreshold = exports.TokenValueBottomSheet = 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 StatusBottomSheet_style_1 = require("./StatusBottomSheet.style");
+const utils_1 = require("./utils");
+exports.TokenValueBottomSheet = (0, react_1.forwardRef)(({ route, onContinue, onCancel }, ref) => {
+    const handleCancel = () => {
+        ref.current?.close();
+        onCancel?.();
+    };
+    return ((0, jsx_runtime_1.jsx)(BottomSheet_1.BottomSheet, { ref: ref, onClose: onCancel, children: (0, jsx_runtime_1.jsx)(TokenValueBottomSheetContent, { route: route, onContinue: onContinue, onCancel: handleCancel }) }));
+});
+const TokenValueBottomSheetContent = ({ route, onCancel, onContinue, }) => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const ref = (0, react_1.useRef)();
+    (0, hooks_1.useSetContentHeight)(ref);
+    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.highValueLoss') })] }), (0, jsx_runtime_1.jsx)(material_1.Typography, { py: 1, children: t('warning.message.highValueLoss') }), (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.sending') }), (0, jsx_runtime_1.jsx)(material_1.Typography, { fontWeight: 600, children: t('format.currency', { value: route.fromAmountUSD }) })] }), (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.gasCost') }), (0, jsx_runtime_1.jsx)(material_1.Typography, { fontWeight: 600, children: t('format.currency', { value: route.gasCostUSD }) })] }), (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.receiving') }), (0, jsx_runtime_1.jsx)(material_1.Typography, { fontWeight: 600, children: t('format.currency', { value: route.toAmountUSD }) })] }), (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.valueLoss') }), (0, jsx_runtime_1.jsx)(material_1.Typography, { fontWeight: 600, children: (0, utils_1.calcValueLoss)(route) })] }), (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') })] })] }));
+};
+const getTokenValueLossThreshold = (route) => {
+    if (!route) {
+        return false;
+    }
+    const fromAmountUSD = Number(route.fromAmountUSD || 0);
+    const toAmountUSD = Number(route.toAmountUSD || 0);
+    const gasCostUSD = Number(route.gasCostUSD || 0);
+    if (!fromAmountUSD && !toAmountUSD) {
+        return false;
+    }
+    return toAmountUSD / (fromAmountUSD + gasCostUSD) < 0.9;
+};
+exports.getTokenValueLossThreshold = getTokenValueLossThreshold;
+//# sourceMappingURL=TokenValueBottomSheet.js.map

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

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

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

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

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

@@ -0,0 +1,137 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TransactionPage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Delete_1 = require("@mui/icons-material/Delete");
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const react_hook_form_1 = require("react-hook-form");
+const react_i18next_1 = require("react-i18next");
+const react_router_dom_1 = require("react-router-dom");
+const ContractComponent_1 = require("../../components/ContractComponent");
+const GasMessage_1 = require("../../components/GasMessage");
+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 events_1 = require("../../types/events");
+const utils_1 = require("../../utils");
+const ExchangeRateBottomSheet_1 = require("./ExchangeRateBottomSheet");
+const StartTransactionButton_1 = require("./StartTransactionButton");
+const StatusBottomSheet_1 = require("./StatusBottomSheet");
+const TokenValueBottomSheet_1 = require("./TokenValueBottomSheet");
+const TransactionPage_style_1 = require("./TransactionPage.style");
+const utils_2 = require("./utils");
+const TransactionPage = () => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const { setValue } = (0, react_hook_form_1.useFormContext)();
+    const emitter = (0, hooks_1.useWidgetEvents)();
+    const { navigateBack } = (0, hooks_1.useNavigateBack)();
+    const { subvariant, insurance, contractComponent, contractSecondaryComponent, } = (0, providers_1.useWidgetConfig)();
+    const { state } = (0, react_router_dom_1.useLocation)();
+    const headerStoreContext = (0, stores_1.useHeaderStoreContext)();
+    const stateRouteId = state?.routeId;
+    const [routeId, setRouteId] = (0, react_1.useState)(stateRouteId);
+    const tokenValueBottomSheetRef = (0, react_1.useRef)(null);
+    const exchangeRateBottomSheetRef = (0, react_1.useRef)(null);
+    const onAcceptExchangeRateUpdate = (resolver, data) => {
+        exchangeRateBottomSheetRef.current?.open(resolver, data);
+    };
+    const { route, status, executeRoute, restartRoute, deleteRoute } = (0, hooks_1.useRouteExecution)({
+        routeId: routeId,
+        onAcceptExchangeRateUpdate,
+    });
+    (0, react_1.useEffect)(() => {
+        if (route && subvariant !== 'nft') {
+            const transactionType = route.fromChainId === route.toChainId ? 'Swap' : 'Bridge';
+            return headerStoreContext
+                .getState()
+                .setTitle(status === stores_1.RouteExecutionStatus.Idle
+                ? t(`button.review${transactionType}`)
+                : t(`header.${transactionType.toLowerCase()}`));
+        }
+    }, [headerStoreContext, route, status, subvariant, t]);
+    (0, react_1.useEffect)(() => {
+        if (status === stores_1.RouteExecutionStatus.Idle) {
+            emitter.emit(events_1.WidgetEvent.ReviewTransactionPageEntered, route);
+        }
+        // We want to emit event only when the page is mounted
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    if (!route) {
+        return null;
+    }
+    const tokenValueLossThresholdExceeded = (0, TokenValueBottomSheet_1.getTokenValueLossThreshold)(route);
+    const handleExecuteRoute = () => {
+        if (tokenValueBottomSheetRef.current?.isOpen()) {
+            emitter.emit(events_1.WidgetEvent.RouteHighValueLoss, {
+                fromAmountUsd: route.fromAmountUSD,
+                gasCostUSD: route.gasCostUSD,
+                toAmountUSD: route.toAmountUSD,
+                valueLoss: (0, utils_2.calcValueLoss)(route),
+            });
+        }
+        tokenValueBottomSheetRef.current?.close();
+        executeRoute();
+        setValue(providers_1.FormKey.FromAmount, '');
+        if (subvariant === 'nft') {
+            setValue(providers_1.FormKey.FromToken, '');
+            setValue(providers_1.FormKey.ToToken, '');
+        }
+    };
+    const handleStartClick = async () => {
+        if (status === stores_1.RouteExecutionStatus.Idle) {
+            if (tokenValueLossThresholdExceeded && subvariant !== 'nft') {
+                tokenValueBottomSheetRef.current?.open();
+            }
+            else {
+                handleExecuteRoute();
+            }
+        }
+        if (status === stores_1.RouteExecutionStatus.Failed) {
+            restartRoute();
+        }
+    };
+    const handleRemoveRoute = () => {
+        navigateBack();
+        deleteRoute();
+    };
+    const getButtonText = () => {
+        switch (status) {
+            case stores_1.RouteExecutionStatus.Idle:
+                switch (subvariant) {
+                    case 'nft':
+                        return t('button.buyNow');
+                    case 'refuel':
+                        return t('button.startBridging');
+                    default:
+                        const transactionType = route.fromChainId === route.toChainId ? 'Swapping' : 'Bridging';
+                        return t(`button.start${transactionType}`);
+                }
+            case stores_1.RouteExecutionStatus.Failed:
+                return t('button.tryAgain');
+            default:
+                return '';
+        }
+    };
+    const insuredRoute = route.insurance?.state === 'INSURED';
+    const insurableRoute = insurance &&
+        subvariant !== 'refuel' &&
+        status === stores_1.RouteExecutionStatus.Idle &&
+        route.insurance?.state === 'INSURABLE';
+    const insuranceAvailable = insuredRoute || insurableRoute;
+    const StartButton = insurableRoute
+        ? StartTransactionButton_1.StartInsurableTransactionButton
+        : StartTransactionButton_1.StartTransactionButton;
+    const getInsuranceCoverageId = () => route.steps[0].execution?.process
+        .filter((process) => process.type !== 'TOKEN_ALLOWANCE')
+        .find((process) => process.txHash)?.txHash ?? route.fromAddress;
+    return ((0, jsx_runtime_1.jsxs)(TransactionPage_style_1.Container, { children: [(0, Step_1.getStepList)(route, subvariant), subvariant === 'nft' ? ((0, jsx_runtime_1.jsx)(ContractComponent_1.ContractComponent, { mt: 2, children: contractSecondaryComponent || contractComponent })) : null, insuranceAvailable ? ((0, jsx_runtime_1.jsx)(Insurance_1.Insurance, { mt: 2, status: status, insurableRouteId: stateRouteId, feeAmountUsd: route.insurance.feeAmountUsd, insuredAmount: (0, utils_1.formatTokenAmount)(BigInt(route.toAmountMin), route.toToken.decimals), insuredTokenSymbol: route.toToken.symbol, insuranceCoverageId: getInsuranceCoverageId(), onChange: setRouteId })) : null, status === stores_1.RouteExecutionStatus.Idle ||
+                status === stores_1.RouteExecutionStatus.Failed ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(GasMessage_1.GasMessage, { mt: 2, route: route }), (0, jsx_runtime_1.jsxs)(material_1.Box, { mt: 2, display: "flex", children: [(0, jsx_runtime_1.jsx)(StartButton, { text: getButtonText(), onClick: handleStartClick, route: route, insurableRouteId: stateRouteId }), status === stores_1.RouteExecutionStatus.Failed ? ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: t('button.removeTransaction'), placement: "bottom-end", enterDelay: 400, arrow: true, children: (0, jsx_runtime_1.jsx)(material_1.Button, { onClick: handleRemoveRoute, sx: {
+                                        minWidth: 48,
+                                        marginLeft: 1,
+                                    }, children: (0, jsx_runtime_1.jsx)(Delete_1.default, {}) }) })) : null] })] })) : null, status ? (0, jsx_runtime_1.jsx)(StatusBottomSheet_1.StatusBottomSheet, { status: status, route: route }) : null, tokenValueLossThresholdExceeded && subvariant !== 'nft' ? ((0, jsx_runtime_1.jsx)(TokenValueBottomSheet_1.TokenValueBottomSheet, { route: route, ref: tokenValueBottomSheetRef, onContinue: handleExecuteRoute })) : null, (0, jsx_runtime_1.jsx)(ExchangeRateBottomSheet_1.ExchangeRateBottomSheet, { ref: exchangeRateBottomSheetRef })] }));
+};
+exports.TransactionPage = TransactionPage;
+//# sourceMappingURL=TransactionPage.js.map

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

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

package/src/_cjs/pages/TransactionPage/TransactionPage.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/TransactionPage/TransactionPage.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=TransactionPage.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionPage.style.js","sourceRoot":"","sources":["../../../../../src/pages/TransactionPage/TransactionPage.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/TransactionPage/index.d.ts

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

package/src/_cjs/pages/TransactionPage/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("./TransactionPage"), exports);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,6 @@
+import type { Route } from '@lifi/sdk';
+import type { BaseTransactionButtonProps } from '../../components/BaseTransactionButton';
+export interface StartTransactionButtonProps extends BaseTransactionButtonProps {
+    route?: Route;
+    insurableRouteId: string;
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/pages/TransactionPage/types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,2 @@
+import type { Route } from '@lifi/sdk';
+export declare const calcValueLoss: (route: Route) => string;

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.calcValueLoss = void 0;
+const calcValueLoss = (route) => {
+    return `${((Number(route.toAmountUSD || 0) /
+        (Number(route.fromAmountUSD || 0) + Number(route.gasCostUSD || 0)) -
+        1) *
+        100).toFixed(2)}%`;
+};
+exports.calcValueLoss = calcValueLoss;
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/pages/TransactionPage/utils.ts"],"names":[],"mappings":";;;AAEO,MAAM,aAAa,GAAG,CAAC,KAAY,EAAE,EAAE;IAC5C,OAAO,GAAG,CACR,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,IAAI,CAAC,CAAC;QAC7B,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,IAAI,CAAC,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,UAAU,IAAI,CAAC,CAAC,CAAC;QAClE,CAAC,CAAC;QACJ,GAAG,CACJ,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;AAClB,CAAC,CAAC;AAPW,QAAA,aAAa,iBAOxB"}

package/src/_cjs/providers/FormProvider/FormProvider.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare const formDefaultValues: {
+    fromAmount: string;
+    toAddress: string;
+    tokenSearchFilter: string;
+    contractOutputsToken: string;
+    toContractAddress: string;
+    toContractCallData: string;
+    ToContractGasLimit: string;
+    toAmount: string;
+};
+export declare const FormProvider: React.FC<React.PropsWithChildren<{}>>;

package/src/_cjs/providers/FormProvider/FormProvider.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormProvider = exports.formDefaultValues = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_hook_form_1 = require("react-hook-form");
+const WidgetProvider_1 = require("../WidgetProvider");
+const FormUpdater_1 = require("./FormUpdater");
+const types_1 = require("./types");
+exports.formDefaultValues = {
+    [types_1.FormKey.FromAmount]: '',
+    [types_1.FormKey.ToAddress]: '',
+    [types_1.FormKey.TokenSearchFilter]: '',
+    [types_1.FormKey.ContractOutputsToken]: '',
+    [types_1.FormKey.ToContractAddress]: '',
+    [types_1.FormKey.ToContractCallData]: '',
+    [types_1.FormKey.ToContractGasLimit]: '',
+    [types_1.FormKey.ToAmount]: '',
+};
+const FormProvider = ({ children, }) => {
+    const { fromChain, fromToken, fromAmount, toChain, toToken, toAddress } = (0, WidgetProvider_1.useWidgetConfig)();
+    const defaultValues = (0, react_1.useMemo)(() => ({
+        ...exports.formDefaultValues,
+        fromChain,
+        fromToken,
+        fromAmount: (typeof fromAmount === 'number'
+            ? fromAmount?.toPrecision()
+            : fromAmount) || exports.formDefaultValues.fromAmount,
+        toChain,
+        toToken,
+        toAddress: toAddress || exports.formDefaultValues.toAddress,
+    }), [fromAmount, fromChain, fromToken, toAddress, toChain, toToken]);
+    const methods = (0, react_hook_form_1.useForm)({
+        // values,
+        defaultValues,
+    });
+    return ((0, jsx_runtime_1.jsxs)(react_hook_form_1.FormProvider, { ...methods, children: [(0, jsx_runtime_1.jsx)(FormUpdater_1.FormUpdater, { defaultValues: defaultValues }), children] }));
+};
+exports.FormProvider = FormProvider;
+//# sourceMappingURL=FormProvider.js.map

package/src/_cjs/providers/FormProvider/FormProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormProvider.js","sourceRoot":"","sources":["../../../../../src/providers/FormProvider/FormProvider.tsx"],"names":[],"mappings":";;;;AAAA,iCAAgC;AAChC,qDAGyB;AACzB,sDAAoD;AACpD,+CAA4C;AAE5C,mCAAkC;AAErB,QAAA,iBAAiB,GAAG;IAC/B,CAAC,eAAO,CAAC,UAAU,CAAC,EAAE,EAAE;IACxB,CAAC,eAAO,CAAC,SAAS,CAAC,EAAE,EAAE;IACvB,CAAC,eAAO,CAAC,iBAAiB,CAAC,EAAE,EAAE;IAC/B,CAAC,eAAO,CAAC,oBAAoB,CAAC,EAAE,EAAE;IAClC,CAAC,eAAO,CAAC,iBAAiB,CAAC,EAAE,EAAE;IAC/B,CAAC,eAAO,CAAC,kBAAkB,CAAC,EAAE,EAAE;IAChC,CAAC,eAAO,CAAC,kBAAkB,CAAC,EAAE,EAAE;IAChC,CAAC,eAAO,CAAC,QAAQ,CAAC,EAAE,EAAE;CACvB,CAAC;AAEK,MAAM,YAAY,GAA0C,CAAC,EAClE,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,GACrE,IAAA,gCAAe,GAAE,CAAC;IAEpB,MAAM,aAAa,GAAG,IAAA,eAAO,EAC3B,GAAG,EAAE,CAAC,CAAC;QACL,GAAG,yBAAiB;QACpB,SAAS;QACT,SAAS;QACT,UAAU,EACR,CAAC,OAAO,UAAU,KAAK,QAAQ;YAC7B,CAAC,CAAC,UAAU,EAAE,WAAW,EAAE;YAC3B,CAAC,CAAC,UAAU,CAAC,IAAI,yBAAiB,CAAC,UAAU;QACjD,OAAO;QACP,OAAO;QACP,SAAS,EAAE,SAAS,IAAI,yBAAiB,CAAC,SAAS;KACpD,CAAC,EACF,CAAC,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,CAChE,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,yBAAO,EAAa;QAClC,UAAU;QACV,aAAa;KACd,CAAC,CAAC;IAEH,OAAO,CACL,wBAAC,8BAAqB,OAAK,OAAO,aAChC,uBAAC,yBAAW,IAAC,aAAa,EAAE,aAAa,GAAI,EAC5C,QAAQ,IACa,CACzB,CAAC;AACJ,CAAC,CAAC;AAjCW,QAAA,YAAY,gBAiCvB"}