@lifi/widget 3.7.0-beta.7 → 3.7.0-beta.8

package/dist/_esm/pages/TransactionPage/ExchangeRateBottomSheet.jsx

@@ -0,0 +1,101 @@
+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();
+    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 (<BottomSheet ref={bottomSheetRef} onClose={handleClose}>
+      <ExchangeRateBottomSheetContent data={data} onContinue={handleContinue} onCancel={handleCancel}/>
+    </BottomSheet>);
+});
+const ExchangeRateBottomSheetContent = ({ data, onCancel, onContinue }) => {
+    const { t } = useTranslation();
+    const ref = useRef();
+    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 (<Box p={3} ref={ref}>
+      <CenterContainer>
+        <IconCircle status="warning" mb={1}>
+          <WarningRounded color="warning"/>
+        </IconCircle>
+        <Typography py={1} fontSize={18} fontWeight={700}>
+          {t('warning.title.rateChanged')}
+        </Typography>
+      </CenterContainer>
+      <Typography py={1}>{t('warning.message.rateChanged')}</Typography>
+      <Box display="flex" justifyContent="space-between" mt={1}>
+        <Typography>{t('main.quotedAmount')}</Typography>
+        <Typography fontWeight={600}>
+          {t('format.number', {
+            value: formatTokenAmount(BigInt(data.oldToAmount), data.toToken.decimals),
+        })}{' '}
+          {data?.toToken.symbol}
+        </Typography>
+      </Box>
+      <Box display="flex" justifyContent="space-between" mt={0.25}>
+        <Typography>{t('main.currentAmount')}</Typography>
+        <Typography fontWeight={600}>
+          {t('format.number', {
+            value: formatTokenAmount(BigInt(data?.newToAmount), data?.toToken.decimals),
+        })}{' '}
+          {data?.toToken.symbol}
+        </Typography>
+      </Box>
+      <Box display="flex" justifyContent="space-between" mt={0.25}>
+        <Typography>{t('main.rateChange')}</Typography>
+        <Typography fontWeight={600}>{rateChange}%</Typography>
+      </Box>
+      <Box display="flex" mt={3}>
+        <Button variant="text" onClick={onCancel} fullWidth>
+          {t('button.cancel')}
+        </Button>
+        <Box display="flex" p={1}/>
+        <Button variant="contained" onClick={onContinue} fullWidth>
+          {t('button.continue')}
+        </Button>
+      </Box>
+    </Box>);
+};
+//# sourceMappingURL=ExchangeRateBottomSheet.jsx.map

package/dist/_esm/pages/TransactionPage/ExchangeRateBottomSheet.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExchangeRateBottomSheet.jsx","sourceRoot":"","sources":["../../../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.Element;

package/dist/_esm/pages/TransactionPage/RouteTracker.jsx

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

package/dist/_esm/pages/TransactionPage/RouteTracker.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"RouteTracker.jsx","sourceRoot":"","sources":["../../../pages/TransactionPage/RouteTracker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAA;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,EAAE,6BAA6B,EAAE,MAAM,4CAA4C,CAAA;AAC1F,OAAO,EAAE,qBAAqB,EAAE,MAAM,8CAA8C,CAAA;AAQpF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,iBAAiB,EACjB,QAAQ,EACR,UAAU,GACQ,EAAE,EAAE;IACtB,MAAM,mBAAmB,GAAG,6BAA6B,EAAE,CAAA;IAC3D,MAAM,kBAAkB,GAAG,qBAAqB,EAAE,CAAA;IAClD,MAAM,CAAC,eAAe,CAAC,GAAG,QAAQ,CAChC,GAAG,EAAE,CAAC,mBAAmB,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,iBAAiB,CAAC,EAAE,KAAK,CACtE,CAAA;IACD,MAAM,oBAAoB,GAAG,MAAM,CAAC,eAAe,EAAE,EAAE,CAAC,CAAA;IACxD,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,SAAS,CAC3E,EAAE,eAAe,EAAE,CACpB,CAAA;IACD,MAAM,YAAY,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC,CAAA;IAEhC;;;;;OAKG;IACH,2DAA2D;IAC3D,SAAS,CAAC,GAAG,EAAE;QACb,IACE,oBAAoB,CAAC,OAAO;YAC5B,YAAY;YACZ,oBAAoB,CAAC,OAAO,KAAK,YAAY,CAAC,EAAE,EAChD,CAAC;YACD,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,OAAO,CAAA;YACtD,oBAAoB,CAAC,OAAO,GAAG,YAAY,CAAC,EAAE,CAAA;YAC9C,kBAAkB,CAAC,YAAY,EAAE,CAAC,iBAAiB,EAAE,iBAAiB,CAAC,CAAC,CAAA;YACxE,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,CAAA;QAC3B,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,EAAE,EAAE,iBAAiB,CAAC,CAAC,CAAA;IAEzC,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,UAAU,CAAC,CAAA;IACxB,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC,CAAA;IAE5B,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,OAAO,EAAE,CAAA;IACX,CAAC,CAAA;IAED,OAAO,CACL,CAAC,oBAAoB,CACnB,SAAS,CAAC,CAAC,aAAa,IAAI,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,CAAC,CACjD,YAAY,CAAC,CAAC,WAAW,CAAC,CAC1B,SAAS,CAAC,CAAC,UAAU,CAAC,CACtB,OAAO,CAAC,CAAC,aAAa,CAAC,CACvB,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,CACxB,IAAI,CAAC,QAAQ,EACb,CACH,CAAA;AACH,CAAC,CAAA"}

package/dist/_esm/pages/TransactionPage/StartTransactionButton.jsx

@@ -0,0 +1,10 @@
+import { BaseTransactionButton } from '../../components/BaseTransactionButton/BaseTransactionButton.js';
+import { useFromTokenSufficiency } from '../../hooks/useFromTokenSufficiency.js';
+import { useGasSufficiency } from '../../hooks/useGasSufficiency.js';
+export const StartTransactionButton = ({ onClick, route, text, loading, }) => {
+    const { insufficientGas, isLoading: isGasSufficiencyLoading } = useGasSufficiency(route);
+    const { insufficientFromToken, isLoading: isFromTokenSufficiencyLoading } = useFromTokenSufficiency(route);
+    const shouldDisableButton = insufficientFromToken || !!insufficientGas?.length;
+    return (<BaseTransactionButton onClick={onClick} text={text} disabled={shouldDisableButton} loading={isFromTokenSufficiencyLoading || isGasSufficiencyLoading || loading}/>);
+};
+//# sourceMappingURL=StartTransactionButton.jsx.map

package/dist/_esm/pages/TransactionPage/StartTransactionButton.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"StartTransactionButton.jsx","sourceRoot":"","sources":["../../../pages/TransactionPage/StartTransactionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,iEAAiE,CAAA;AACvG,OAAO,EAAE,uBAAuB,EAAE,MAAM,wCAAwC,CAAA;AAChF,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AAGpE,MAAM,CAAC,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,iBAAiB,CAAC,KAAK,CAAC,CAAA;IAC1B,MAAM,EAAE,qBAAqB,EAAE,SAAS,EAAE,6BAA6B,EAAE,GACvE,uBAAuB,CAAC,KAAK,CAAC,CAAA;IAEhC,MAAM,mBAAmB,GAAG,qBAAqB,IAAI,CAAC,CAAC,eAAe,EAAE,MAAM,CAAA;IAE9E,OAAO,CACL,CAAC,qBAAqB,CACpB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,QAAQ,CAAC,CAAC,mBAAmB,CAAC,CAC9B,OAAO,CAAC,CACN,6BAA6B,IAAI,uBAAuB,IAAI,OAC9D,CAAC,EACD,CACH,CAAA;AACH,CAAC,CAAA"}

package/dist/_esm/pages/TransactionPage/StatusBottomSheet.jsx

@@ -0,0 +1,218 @@
+import { Done, ErrorRounded, InfoRounded, WarningRounded, } from '@mui/icons-material';
+import { Box, Button, Skeleton, Typography } from '@mui/material';
+import { useQueryClient } from '@tanstack/react-query';
+import { useCallback, useEffect, useRef } from 'react';
+import { useTranslation } from 'react-i18next';
+import { BottomSheet } from '../../components/BottomSheet/BottomSheet.js';
+import { Token } from '../../components/Token/Token.js';
+import { useAvailableChains } from '../../hooks/useAvailableChains.js';
+import { useNavigateBack } from '../../hooks/useNavigateBack.js';
+import { getProcessMessage } from '../../hooks/useProcessMessage.js';
+import { useSetContentHeight } from '../../hooks/useSetContentHeight.js';
+import { useTokenBalance } from '../../hooks/useTokenBalance.js';
+import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
+import { useFieldActions } from '../../stores/form/useFieldActions.js';
+import { RouteExecutionStatus, } from '../../stores/routes/types.js';
+import { getSourceTxHash } from '../../stores/routes/utils.js';
+import { hasEnumFlag } from '../../utils/enum.js';
+import { formatTokenAmount } from '../../utils/format.js';
+import { navigationRoutes } from '../../utils/navigationRoutes.js';
+import { shortenAddress } from '../../utils/wallet.js';
+import { CenterContainer, IconCircle, MessageSkeletonContainer, } from './StatusBottomSheet.style.js';
+const MessageSkeleton = () => (<MessageSkeletonContainer>
+    <Skeleton height={24} variant="text" width="92%"/>
+    <Skeleton height={24} variant="text" width="56%"/>
+  </MessageSkeletonContainer>);
+export const StatusBottomSheet = ({ status, route, }) => {
+    const ref = useRef(null);
+    const onClose = useCallback(() => {
+        ref.current?.close();
+    }, []);
+    useEffect(() => {
+        const hasSuccessFlag = hasEnumFlag(status, RouteExecutionStatus.Done);
+        const hasFailedFlag = hasEnumFlag(status, RouteExecutionStatus.Failed);
+        if ((hasSuccessFlag || hasFailedFlag) && !ref.current?.isOpen()) {
+            ref.current?.open();
+        }
+    }, [status]);
+    return (<BottomSheet ref={ref}>
+      <StatusBottomSheetContent status={status} route={route} onClose={onClose}/>
+    </BottomSheet>);
+};
+export const StatusBottomSheetContent = ({ status, route, onClose }) => {
+    const { t } = useTranslation();
+    const { navigateBack, navigate } = useNavigateBack();
+    const queryClient = useQueryClient();
+    const { setFieldValue } = useFieldActions();
+    const { subvariant, subvariantOptions, contractSecondaryComponent, contractCompactComponent, feeConfig, } = useWidgetConfig();
+    const { getChainById } = useAvailableChains();
+    const ref = useRef();
+    useSetContentHeight(ref);
+    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 toChain = getChainById(toToken.chainId);
+    const { token, refetch, refetchNewBalance, refetchAllBalances } = useTokenBalance(route.toAddress, toToken, toChain);
+    const invalidateQueries = () => {
+        refetchAllBalances();
+        setFieldValue('fromAmount', '');
+        setFieldValue('toAmount', '');
+        queryClient.invalidateQueries({ queryKey: ['transaction-history'] });
+    };
+    const handleDone = () => {
+        invalidateQueries();
+        navigateBack();
+    };
+    const handlePartialDone = () => {
+        invalidateQueries();
+        if (toToken.chainId !== route.toToken.chainId &&
+            toToken.address !== route.toToken.address) {
+            setFieldValue('fromAmount', formatTokenAmount(toToken.amount, toToken.decimals), { isTouched: true });
+            setFieldValue('fromChain', toToken.chainId, { isTouched: true });
+            setFieldValue('fromToken', toToken.address, { isTouched: true });
+            setFieldValue('toChain', route.toToken.chainId, {
+                isTouched: true,
+            });
+            setFieldValue('toToken', route.toToken.address, {
+                isTouched: true,
+            });
+        }
+        navigateBack();
+    };
+    const handleClose = () => {
+        invalidateQueries();
+        onClose();
+    };
+    const handleSeeDetails = () => {
+        handleClose();
+        const transactionHash = getSourceTxHash(route);
+        navigate(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 RouteExecutionStatus.Done: {
+            title =
+                subvariant === 'custom'
+                    ? t(`success.title.${subvariantOptions?.custom ?? 'checkout'}Successful`)
+                    : t(`success.title.${transactionType}Successful`);
+            if (token) {
+                primaryMessage = t('success.message.exchangeSuccessful', {
+                    amount: formatTokenAmount(token.amount, token.decimals),
+                    tokenSymbol: token.symbol,
+                    chainName: toChain?.name,
+                    walletAddress: shortenAddress(route.toAddress),
+                });
+            }
+            handlePrimaryButton = handleDone;
+            break;
+        }
+        case RouteExecutionStatus.Done | 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: formatTokenAmount(token.amount, token.decimals),
+                    tokenSymbol: token.symbol,
+                    chainName: toChain?.name,
+                    walletAddress: shortenAddress(route.toAddress),
+                });
+            }
+            handlePrimaryButton = handlePartialDone;
+            break;
+        }
+        case RouteExecutionStatus.Done | 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: formatTokenAmount(token.amount, token.decimals),
+                    tokenSymbol: token.symbol,
+                    chainName: toChain?.name,
+                    walletAddress: shortenAddress(route.toAddress),
+                });
+            }
+            break;
+        }
+        case 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 = getProcessMessage(t, getChainById, step, process);
+            title = processMessage.title;
+            primaryMessage = processMessage.message;
+            handlePrimaryButton = handleClose;
+            break;
+        }
+        default:
+            break;
+    }
+    useEffect(() => {
+        const hasSuccessFlag = hasEnumFlag(status, RouteExecutionStatus.Done);
+        if (hasSuccessFlag) {
+            refetchNewBalance();
+            refetch();
+        }
+    }, [refetch, refetchNewBalance, status]);
+    const showContractComponent = subvariant === 'custom' &&
+        hasEnumFlag(status, RouteExecutionStatus.Done) &&
+        (contractCompactComponent || contractSecondaryComponent);
+    const VcComponent = status === RouteExecutionStatus.Done ? feeConfig?._vcComponent : undefined;
+    return (<Box p={3} ref={ref}>
+      {!showContractComponent ? (<CenterContainer>
+          <IconCircle status={status} mb={1}>
+            {status === RouteExecutionStatus.Idle ? (<InfoRounded color="primary"/>) : null}
+            {status === RouteExecutionStatus.Done ? (<Done color="success"/>) : null}
+            {hasEnumFlag(status, RouteExecutionStatus.Partial) ||
+                hasEnumFlag(status, RouteExecutionStatus.Refunded) ? (<WarningRounded color="warning"/>) : null}
+            {hasEnumFlag(status, RouteExecutionStatus.Failed) ? (<ErrorRounded color="error"/>) : null}
+          </IconCircle>
+        </CenterContainer>) : null}
+      <CenterContainer>
+        <Typography py={1} fontSize={18} fontWeight={700}>
+          {title}
+        </Typography>
+      </CenterContainer>
+      {showContractComponent ? (contractCompactComponent || contractSecondaryComponent) : (<CenterContainer>
+          {hasEnumFlag(status, RouteExecutionStatus.Done) ? (<Token token={toToken} py={1} disableDescription/>) : null}
+        </CenterContainer>)}
+      {!showContractComponent ? (primaryMessage ? (<Typography py={1}>{primaryMessage}</Typography>) : (<MessageSkeleton />)) : null}
+      {secondaryMessage ? (<Typography py={1}>{secondaryMessage}</Typography>) : null}
+      {VcComponent ? <VcComponent route={route}/> : null}
+      <Box sx={{ display: 'flex', marginTop: 2, gap: 1.5 }}>
+        {hasEnumFlag(status, RouteExecutionStatus.Done) ? (<Button variant="text" onClick={handleSeeDetails} fullWidth>
+            {t('button.seeDetails')}
+          </Button>) : null}
+        <Button variant="contained" fullWidth onClick={handlePrimaryButton}>
+          {status === RouteExecutionStatus.Idle ? t('button.ok') : null}
+          {hasEnumFlag(status, RouteExecutionStatus.Done)
+            ? t('button.done')
+            : null}
+          {status === RouteExecutionStatus.Failed
+            ? t('button.seeDetails')
+            : null}
+        </Button>
+      </Box>
+    </Box>);
+};
+//# sourceMappingURL=StatusBottomSheet.jsx.map

package/dist/_esm/pages/TransactionPage/StatusBottomSheet.jsx.map

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

package/dist/_esm/pages/TransactionPage/StatusBottomSheet.style.jsx

@@ -0,0 +1,52 @@
+import { Box, alpha, darken, styled } from '@mui/material';
+import { RouteExecutionStatus } from '../../stores/routes/types.js';
+const getStatusColor = (status, theme) => {
+    switch (status) {
+        case RouteExecutionStatus.Done:
+            return { color: theme.palette.success.main, alpha: 0.12, darken: 0 };
+        case RouteExecutionStatus.Failed:
+            return { color: theme.palette.error.main, alpha: 0.12, darken: 0 };
+        case RouteExecutionStatus.Done | RouteExecutionStatus.Partial:
+        case RouteExecutionStatus.Done | 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 };
+    }
+};
+export const CenterContainer = styled(Box)(() => ({
+    display: 'grid',
+    placeItems: 'center',
+    position: 'relative',
+}));
+export const IconCircle = styled(Box, {
+    shouldForwardProp: (prop) => prop !== 'status',
+})(({ theme, status }) => {
+    const { color, alpha: alphaValue, darken: darkenValue, } = getStatusColor(status, theme);
+    return {
+        backgroundColor: alpha(color, alphaValue),
+        borderRadius: '50%',
+        width: 64,
+        height: 64,
+        display: 'grid',
+        position: 'relative',
+        placeItems: 'center',
+        '& > svg': {
+            color: darken(color, darkenValue),
+            width: 32,
+            height: 32,
+        },
+    };
+});
+export const MessageSkeletonContainer = styled(Box)(({ theme }) => ({
+    display: 'flex',
+    flexDirection: 'column',
+    height: 64,
+    gap: theme.spacing(0.5),
+    paddingTop: theme.spacing(1),
+}));
+//# sourceMappingURL=StatusBottomSheet.style.jsx.map

package/dist/_esm/pages/TransactionPage/StatusBottomSheet.style.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBottomSheet.style.jsx","sourceRoot":"","sources":["../../../pages/TransactionPage/StatusBottomSheet.style.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAA;AAInE,MAAM,cAAc,GAAG,CAAC,MAAmB,EAAE,KAAY,EAAE,EAAE;IAC3D,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,oBAAoB,CAAC,IAAI;YAC5B,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,CAAA;QACtE,KAAK,oBAAoB,CAAC,MAAM;YAC9B,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,CAAA;QACpE,KAAK,oBAAoB,CAAC,IAAI,GAAG,oBAAoB,CAAC,OAAO,CAAC;QAC9D,KAAK,oBAAoB,CAAC,IAAI,GAAG,oBAAoB,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,CAAA;QACH;YACE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,CAAA;IACxE,CAAC;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IAChD,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,QAAQ,EAAE,UAAU;CACrB,CAAC,CAAC,CAAA;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,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,CAAA;IACjC,OAAO;QACL,eAAe,EAAE,KAAK,CAAC,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,MAAM,CAAC,KAAK,EAAE,WAAW,CAAC;YACjC,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;SACX;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAClE,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,MAAM,EAAE,EAAE;IACV,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;IACvB,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;CAC7B,CAAC,CAAC,CAAA"}

package/dist/_esm/pages/TransactionPage/TokenValueBottomSheet.jsx

@@ -0,0 +1,84 @@
+import { WarningRounded } from '@mui/icons-material';
+import { Box, Button, Typography } from '@mui/material';
+import { forwardRef, useRef } from 'react';
+import { useTranslation } from 'react-i18next';
+import { BottomSheet } from '../../components/BottomSheet/BottomSheet.js';
+import { FeeBreakdownTooltip } from '../../components/FeeBreakdownTooltip.js';
+import { useSetContentHeight } from '../../hooks/useSetContentHeight.js';
+import { getAccumulatedFeeCostsBreakdown } from '../../utils/fees.js';
+import { CenterContainer, IconCircle } from './StatusBottomSheet.style.js';
+import { calculateValueLossPercentage } from './utils.js';
+export const TokenValueBottomSheet = forwardRef(({ route, onContinue, onCancel }, ref) => {
+    const handleCancel = () => {
+        ;
+        ref.current?.close();
+        onCancel?.();
+    };
+    return (<BottomSheet ref={ref} onClose={onCancel}>
+      <TokenValueBottomSheetContent route={route} onContinue={onContinue} onCancel={handleCancel}/>
+    </BottomSheet>);
+});
+const TokenValueBottomSheetContent = ({ route, onCancel, onContinue, }) => {
+    const { t } = useTranslation();
+    const ref = useRef();
+    useSetContentHeight(ref);
+    const { gasCosts, feeCosts, gasCostUSD, feeCostUSD } = getAccumulatedFeeCostsBreakdown(route);
+    const fromAmountUSD = Number.parseFloat(route.fromAmountUSD);
+    const toAmountUSD = Number.parseFloat(route.toAmountUSD);
+    return (<Box p={3} ref={ref}>
+      <CenterContainer>
+        <IconCircle status="warning" mb={1}>
+          <WarningRounded color="warning"/>
+        </IconCircle>
+        <Typography py={1} fontSize={18} fontWeight={700}>
+          {t('warning.title.highValueLoss')}
+        </Typography>
+      </CenterContainer>
+      <Typography py={1}>{t('warning.message.highValueLoss')}</Typography>
+      <Box display="flex" justifyContent="space-between" mt={1}>
+        <Typography>{t('main.sending')}</Typography>
+        <Typography fontWeight={600}>
+          {t('format.currency', { value: route.fromAmountUSD })}
+        </Typography>
+      </Box>
+      <Box display="flex" justifyContent="space-between" mt={0.25}>
+        <Typography>{t('main.fees.network')}</Typography>
+        <FeeBreakdownTooltip gasCosts={gasCosts}>
+          <Typography fontWeight={600}>
+            {t('format.currency', { value: gasCostUSD })}
+          </Typography>
+        </FeeBreakdownTooltip>
+      </Box>
+      {feeCostUSD ? (<Box display="flex" justifyContent="space-between" mt={0.25}>
+          <Typography>{t('main.fees.provider')}</Typography>
+          <FeeBreakdownTooltip feeCosts={feeCosts}>
+            <Typography fontWeight={600}>
+              {t('format.currency', { value: feeCostUSD })}
+            </Typography>
+          </FeeBreakdownTooltip>
+        </Box>) : null}
+      <Box display="flex" justifyContent="space-between" mt={0.25}>
+        <Typography>{t('main.receiving')}</Typography>
+        <Typography fontWeight={600}>
+          {t('format.currency', { value: route.toAmountUSD })}
+        </Typography>
+      </Box>
+      <Box display="flex" justifyContent="space-between" mt={0.25}>
+        <Typography>{t('main.valueLoss')}</Typography>
+        <Typography fontWeight={600}>
+          {calculateValueLossPercentage(fromAmountUSD, toAmountUSD, gasCostUSD, feeCostUSD)}
+          %
+        </Typography>
+      </Box>
+      <Box display="flex" mt={3}>
+        <Button variant="text" onClick={onCancel} fullWidth>
+          {t('button.cancel')}
+        </Button>
+        <Box display="flex" p={1}/>
+        <Button variant="contained" onClick={onContinue} fullWidth>
+          {t('button.continue')}
+        </Button>
+      </Box>
+    </Box>);
+};
+//# sourceMappingURL=TokenValueBottomSheet.jsx.map

package/dist/_esm/pages/TransactionPage/TokenValueBottomSheet.jsx.map

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