@lifi/widget 2.9.4 → 3.0.0-alpha.1

package/pages/SettingsPage/EnabledToolsButton.style.js

@@ -1,14 +0,0 @@
-import { ListItemText as MuiListItemText } from '@mui/material';
-import { listItemTextClasses } from '@mui/material/ListItemText';
-import { styled } from '@mui/material/styles';
-import { ListItemButton as ListItemButtonBase } from '../../components/ListItemButton';
-export const ListItemButton = styled(ListItemButtonBase)(({ theme }) => ({
-    height: 48,
-    paddingRight: theme.spacing(0.5),
-}));
-export const ListItemText = styled(MuiListItemText)({
-    [`.${listItemTextClasses.primary}`]: {
-        fontWeight: 400,
-        fontSize: '1rem',
-    },
-});

package/pages/SettingsPage/GasPriceSelect.d.ts

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

package/pages/SettingsPage/GasPriceSelect.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';
-import { FormControl, MenuItem } from '@mui/material';
-import { useTranslation } from 'react-i18next';
-import { Card, CardTitle } from '../../components/Card';
-import { Select } from '../../components/Select';
-import { useSettings, useSettingsStore } from '../../stores';
-export const GasPriceSelect = () => {
-    const { t } = useTranslation();
-    const setValue = useSettingsStore((state) => state.setValue);
-    const { gasPrice } = useSettings(['gasPrice']);
-    return (_jsxs(Card, { flex: 1, children: [_jsx(CardTitle, { children: t(`settings.gasPrice.title`) }), _jsx(FormControl, { fullWidth: true, children: _jsxs(Select, { MenuProps: { elevation: 2 }, value: gasPrice, onChange: (event) => setValue('gasPrice', event.target.value), IconComponent: KeyboardArrowDownIcon, dense: true, children: [_jsx(MenuItem, { value: "slow", children: t(`settings.gasPrice.slow`) }), _jsx(MenuItem, { value: "normal", children: t(`settings.gasPrice.normal`) }), _jsx(MenuItem, { value: "fast", children: t(`settings.gasPrice.fast`) })] }) })] }));
-};

package/pages/SettingsPage/LanguageSelect.d.ts

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

package/pages/SettingsPage/LanguageSelect.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';
-import { FormControl, MenuItem } from '@mui/material';
-import { useTranslation } from 'react-i18next';
-import { Card, CardTitle } from '../../components/Card';
-import { Select } from '../../components/Select';
-import { useWidgetConfig } from '../../providers';
-import { useSettings, useSettingsStore } from '../../stores';
-import { HiddenUI } from '../../types';
-export const LanguageSelect = () => {
-    const { t, i18n } = useTranslation();
-    const { languages, hiddenUI } = useWidgetConfig();
-    const setValue = useSettingsStore((state) => state.setValue);
-    const { language } = useSettings(['language']);
-    if (hiddenUI?.includes(HiddenUI.Language)) {
-        return null;
-    }
-    const handleChangeLanguage = (event) => {
-        const language = event.target.value;
-        setValue('language', language);
-        i18n.changeLanguage(language);
-    };
-    const filteredLanguages = Object.keys(i18n.store.data).sort();
-    if (filteredLanguages.length <= 1) {
-        return null;
-    }
-    const value = filteredLanguages.includes(language || i18n.resolvedLanguage || '')
-        ? language || i18n.resolvedLanguage
-        : languages?.default || languages?.allow?.[0];
-    return (_jsxs(Card, { mb: 2, children: [_jsx(CardTitle, { children: t(`language.title`) }), _jsx(FormControl, { fullWidth: true, children: _jsx(Select, { MenuProps: { elevation: 2 }, value: value, onChange: handleChangeLanguage, IconComponent: KeyboardArrowDownIcon, dense: true, children: filteredLanguages.map((lng) => {
-                        return (_jsx(MenuItem, { value: lng, children: t('language.name', { lng }) }, lng));
-                    }) }) })] }));
-};

package/pages/SettingsPage/ResetSettingsButton.d.ts

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

package/pages/SettingsPage/ResetSettingsButton.js

@@ -1,53 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Button, DialogActions, DialogContent, DialogContentText, DialogTitle, } from '@mui/material';
-import { useCallback, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Dialog } from '../../components/Dialog';
-import { useTools } from '../../hooks';
-import { useWidgetConfig } from '../../providers';
-import { defaultConfigurableSettings, setDefaultSettings, useSettingsStore, } from '../../stores';
-import { ResetButtonContainer } from './ResetSettingsButton.style';
-import { InfoRounded } from '@mui/icons-material';
-import { shallow } from 'zustand/shallow';
-export const ResetSettingsButton = () => {
-    const [enabledBridges, enabledExchanges, routePriority, slippage, gasPrice] = useSettingsStore((state) => [
-        state.enabledBridges,
-        state.enabledExchanges,
-        state.routePriority,
-        state.slippage,
-        state.gasPrice,
-    ], shallow);
-    const { t } = useTranslation();
-    const { tools } = useTools();
-    const config = useWidgetConfig();
-    const resetSettings = useSettingsStore((state) => state.reset);
-    const [open, setOpen] = useState(false);
-    const toggleDialog = useCallback(() => {
-        setOpen((open) => !open);
-    }, []);
-    const handleReset = () => {
-        if (tools) {
-            resetSettings(config, tools.bridges.map((tool) => tool.key), tools.exchanges.map((tool) => tool.key));
-            setDefaultSettings(config);
-        }
-        toggleDialog();
-    };
-    const isSlippageChanged = config.slippage
-        ? Number(slippage) !== config.slippage * 100
-        : slippage !== defaultConfigurableSettings.slippage;
-    const isRoutePriorityChanged = config.routePriority
-        ? routePriority !== config.routePriority
-        : routePriority !== defaultConfigurableSettings.routePriority;
-    const isGasPriceChanged = gasPrice !== defaultConfigurableSettings.gasPrice;
-    const isCustomRouteSettings = tools?.bridges?.length !== enabledBridges?.length ||
-        tools?.exchanges?.length !== enabledExchanges?.length ||
-        isSlippageChanged ||
-        isRoutePriorityChanged ||
-        isGasPriceChanged;
-    if (!isCustomRouteSettings) {
-        return null;
-    }
-    return (_jsx(Box, { px: 3, mt: 1.5, mb: 1, children: _jsxs(ResetButtonContainer, { children: [_jsxs(Box, { display: "flex", marginBottom: "12px", children: [_jsx(InfoRounded, { sx: {
-                                marginRight: '8px',
-                            } }), _jsx(Box, { fontSize: 14, children: t(`settings.resetSettings`) })] }), _jsx(Button, { onClick: toggleDialog, fullWidth: true, children: t('button.resetSettings') }), _jsxs(Dialog, { open: open, onClose: toggleDialog, children: [_jsx(DialogTitle, { children: t('warning.title.resetSettings') }), _jsx(DialogContent, { children: _jsx(DialogContentText, { children: t('warning.message.resetSettings') }) }), _jsxs(DialogActions, { children: [_jsx(Button, { onClick: toggleDialog, children: t('button.cancel') }), _jsx(Button, { variant: "contained", onClick: handleReset, autoFocus: true, children: t('button.reset') })] })] })] }) }));
-};

package/pages/SettingsPage/ResetSettingsButton.style.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const ResetButtonContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/pages/SettingsPage/ResetSettingsButton.style.js

@@ -1,10 +0,0 @@
-import { getContrastAlphaColor } from '../../utils';
-import { Box, styled } from '@mui/material';
-export const ResetButtonContainer = styled(Box)(({ theme }) => ({
-    background: getContrastAlphaColor(theme.palette.mode, '4%'),
-    borderRadius: '16px',
-    padding: '16px',
-    [`svg`]: {
-        fill: getContrastAlphaColor(theme.palette.mode, '40%'),
-    },
-}));

package/pages/SettingsPage/RoutePrioritySelect.d.ts

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

package/pages/SettingsPage/RoutePrioritySelect.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Orders } from '@lifi/sdk';
-import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';
-import { FormControl, MenuItem } from '@mui/material';
-import { useTranslation } from 'react-i18next';
-import { Card, CardTitle } from '../../components/Card';
-import { Select } from '../../components/Select';
-import { useSettings, useSettingsStore } from '../../stores';
-export const RoutePrioritySelect = () => {
-    const { t } = useTranslation();
-    const setValue = useSettingsStore((state) => state.setValue);
-    const { routePriority } = useSettings(['routePriority']);
-    const value = routePriority ?? '';
-    return (_jsxs(Card, { children: [_jsx(CardTitle, { children: t(`settings.routePriority`) }), _jsx(FormControl, { fullWidth: true, children: _jsx(Select, { MenuProps: { elevation: 2 }, value: value, onChange: (event) => setValue('routePriority', event.target.value), IconComponent: KeyboardArrowDownIcon, dense: true, children: Orders.map((order) => {
-                        const tag = t(`main.tags.${order.toLowerCase()}`);
-                        const tagName = `${tag[0]}${tag.slice(1).toLowerCase()}`;
-                        return (_jsx(MenuItem, { value: order, children: tagName }, order));
-                    }) }) })] }));
-};

package/pages/SettingsPage/SettingsPage.d.ts

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

package/pages/SettingsPage/SettingsPage.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Container } from '@mui/material';
-import { ColorSchemeButtonGroup } from './ColorSchemeButtonGroup';
-import { EnabledToolsButton } from './EnabledToolsButton';
-import { GasPriceSelect } from './GasPriceSelect';
-import { LanguageSelect } from './LanguageSelect';
-import { ResetSettingsButton } from './ResetSettingsButton';
-import { RoutePrioritySelect } from './RoutePrioritySelect';
-import { ShowDestinationWallet } from './ShowDestinationWallet';
-import { SlippageInput } from './SlippageInput';
-export const SettingsPage = () => {
-    return (_jsxs(Container, { disableGutters: true, children: [_jsxs(Box, { px: 3, pt: 1, children: [_jsx(ColorSchemeButtonGroup, {}), _jsx(LanguageSelect, {}), _jsx(RoutePrioritySelect, {}), _jsxs(Box, { sx: { display: 'flex', alignItems: 'center' }, mt: 2, children: [_jsx(Box, { pr: 2, flex: 1, children: _jsx(SlippageInput, {}) }), _jsx(GasPriceSelect, {})] })] }), _jsx(ShowDestinationWallet, {}), _jsxs(Box, { px: 1.5, children: [_jsx(EnabledToolsButton, { type: "Bridges" }), _jsx(EnabledToolsButton, { type: "Exchanges" })] }), _jsx(ResetSettingsButton, {})] }));
-};

package/pages/SettingsPage/ShowDestinationWallet.d.ts

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

package/pages/SettingsPage/ShowDestinationWallet.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Typography } from '@mui/material';
-import { useTranslation } from 'react-i18next';
-import { Switch } from '../../components/Switch';
-import { useWidgetConfig } from '../../providers';
-import { useSendToWalletStore, useSettings, useSettingsStore, } from '../../stores';
-import { HiddenUI } from '../../types';
-export const ShowDestinationWallet = () => {
-    const { t } = useTranslation();
-    const { hiddenUI } = useWidgetConfig();
-    const setSendToWallet = useSendToWalletStore((state) => state.setSendToWallet);
-    const setValue = useSettingsStore((state) => state.setValue);
-    const { showDestinationWallet } = useSettings(['showDestinationWallet']);
-    if (hiddenUI?.includes(HiddenUI.ToAddress)) {
-        return null;
-    }
-    const onChange = (_, checked) => {
-        setValue('showDestinationWallet', checked);
-        setSendToWallet(false);
-    };
-    return (_jsx(Box, { px: 3, pt: 2, pb: 1.5, children: _jsxs(Box, { sx: {
-                display: 'flex',
-                justifyContent: 'space-between',
-                alignItems: 'center',
-            }, children: [_jsx(Box, { sx: { display: 'flex', alignItems: 'center' }, children: _jsx(Typography, { variant: "subtitle1", color: "text.primary", lineHeight: "normal", children: t(`settings.showDestinationWallet`) }) }), _jsx(Switch, { checked: showDestinationWallet, onChange: onChange })] }) }));
-};

package/pages/SettingsPage/SlippageInput.d.ts

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

package/pages/SettingsPage/SlippageInput.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { FormControl, InputAdornment } from '@mui/material';
-import { useRef } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Card, CardTitle } from '../../components/Card';
-import { Input } from '../../components/Input';
-import { useSettings, useSettingsStore } from '../../stores';
-import { formatSlippage } from '../../utils';
-export const SlippageInput = () => {
-    const { t } = useTranslation();
-    const { slippage } = useSettings(['slippage']);
-    const setValue = useSettingsStore((state) => state.setValue);
-    const defaultValue = useRef(slippage);
-    const handleChange = (event) => {
-        const { value } = event.target;
-        setValue('slippage', formatSlippage(value, defaultValue.current, true));
-    };
-    const handleBlur = (event) => {
-        const { value } = event.target;
-        setValue('slippage', formatSlippage(value, defaultValue.current));
-    };
-    const value = slippage ?? '';
-    return (_jsxs(Card, { children: [_jsx(CardTitle, { children: t(`settings.slippage`) }), _jsx(FormControl, { fullWidth: true, children: _jsx(Input, { size: "small", placeholder: t(`settings.slippage`), endAdornment: _jsx(InputAdornment, { position: "end", children: "%" }), autoComplete: "off", inputProps: {
-                        inputMode: 'decimal',
-                    }, onChange: handleChange, onBlur: handleBlur, value: value }) })] }));
-};

package/pages/SettingsPage/index.js

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

package/pages/TransactionDetailsPage/ContactSupportButton.d.ts

@@ -1,5 +0,0 @@
-interface ContactSupportButtonProps {
-    supportId?: string;
-}
-export declare const ContactSupportButton: ({ supportId, }: ContactSupportButtonProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/pages/TransactionDetailsPage/ContactSupportButton.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Button } from '@mui/material';
-import { useTranslation } from 'react-i18next';
-import { useWidgetEvents } from '../../hooks/';
-import { WidgetEvent } from '../../types/events';
-export const ContactSupportButton = ({ supportId, }) => {
-    const { t } = useTranslation();
-    const widgetEvents = useWidgetEvents();
-    const handleClick = () => {
-        if (!widgetEvents.all.has(WidgetEvent.RouteContactSupport)) {
-            const url = 'https://discord.gg/lifi';
-            const target = '_blank';
-            const rel = 'nofollow noreferrer';
-            window.open(url, target, rel);
-        }
-        else {
-            widgetEvents.emit(WidgetEvent.RouteContactSupport, { supportId });
-        }
-    };
-    return (_jsx(Button, { onClick: handleClick, fullWidth: true, children: t('button.contactSupport') }));
-};

package/pages/TransactionDetailsPage/TransactionDetailsPage.d.ts

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

package/pages/TransactionDetailsPage/TransactionDetailsPage.js

@@ -1,62 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import ContentCopyIcon from '@mui/icons-material/ContentCopyRounded';
-import DeleteIcon from '@mui/icons-material/DeleteOutline';
-import { Box, Button, DialogActions, DialogContent, DialogContentText, DialogTitle, IconButton, Typography, } from '@mui/material';
-import { useCallback, useEffect, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { useLocation } from 'react-router-dom';
-import { shallow } from 'zustand/shallow';
-import { Card, CardTitle } from '../../components/Card';
-import { ContractComponent } from '../../components/ContractComponent';
-import { Dialog } from '../../components/Dialog';
-import { Insurance } from '../../components/Insurance';
-import { getStepList } from '../../components/Step';
-import { useNavigateBack } from '../../hooks';
-import { useWidgetConfig } from '../../providers';
-import { useHeaderStoreContext, useRouteExecutionStore } from '../../stores';
-import { formatTokenAmount } from '../../utils';
-import { ContactSupportButton } from './ContactSupportButton';
-import { Container } from './TransactionDetailsPage.style';
-export const TransactionDetailsPage = () => {
-    const { t, i18n } = useTranslation();
-    const { navigateBack } = useNavigateBack();
-    const { subvariant, contractComponent, contractSecondaryComponent } = useWidgetConfig();
-    const { state } = useLocation();
-    const [routeExecution, deleteRoute] = useRouteExecutionStore((store) => [store.routes[state?.routeId], store.deleteRoute], shallow);
-    const headerStoreContext = useHeaderStoreContext();
-    const [open, setOpen] = useState(false);
-    const toggleDialog = useCallback(() => {
-        setOpen((open) => !open);
-    }, []);
-    const handleDeleteRoute = () => {
-        navigateBack();
-        if (routeExecution) {
-            deleteRoute(routeExecution.route.id);
-        }
-    };
-    const sourceTxHash = routeExecution?.route.steps[0].execution?.process
-        .filter((process) => process.type !== 'TOKEN_ALLOWANCE')
-        .find((process) => process.txHash)?.txHash;
-    const insuranceCoverageId = sourceTxHash ?? routeExecution?.route.fromAddress;
-    let supportId = sourceTxHash ?? routeExecution?.route.id ?? '';
-    if (process.env.NODE_ENV === 'development') {
-        supportId += `_${routeExecution?.route.id}`;
-    }
-    const copySupportId = async () => {
-        await navigator.clipboard.writeText(supportId);
-    };
-    useEffect(() => {
-        return headerStoreContext.getState().setAction(_jsx(IconButton, { size: "medium", edge: "end", onClick: toggleDialog, children: _jsx(DeleteIcon, {}) }));
-    }, [headerStoreContext, toggleDialog]);
-    const startedAt = new Date(routeExecution?.route.steps[0].execution?.process[0].startedAt ?? 0);
-    return (_jsxs(Container, { children: [_jsxs(Box, { sx: {
-                    display: 'flex',
-                    flex: 1,
-                    justifyContent: 'space-between',
-                }, pb: 1, children: [_jsx(Typography, { fontSize: 12, children: new Intl.DateTimeFormat(i18n.language, { dateStyle: 'long' }).format(startedAt) }), _jsx(Typography, { fontSize: 12, children: new Intl.DateTimeFormat(i18n.language, {
-                            timeStyle: 'short',
-                        }).format(startedAt) })] }), getStepList(routeExecution?.route, subvariant), subvariant === 'nft' ? (_jsx(ContractComponent, { mt: 2, children: contractSecondaryComponent || contractComponent })) : null, routeExecution?.route?.insurance?.state === 'INSURED' ? (_jsx(Insurance, { mt: 2, status: routeExecution.status, feeAmountUsd: routeExecution.route.insurance.feeAmountUsd, insuredAmount: formatTokenAmount(routeExecution.route.toAmountMin, routeExecution.route.toToken.decimals), insuredTokenSymbol: routeExecution.route.toToken.symbol, insurableRouteId: routeExecution.route.id, insuranceCoverageId: insuranceCoverageId })) : null, _jsxs(Card, { mt: 2, children: [_jsxs(Box, { sx: {
-                            display: 'flex',
-                            flex: 1,
-                        }, children: [_jsx(CardTitle, { flex: 1, children: t('main.supportId') }), _jsx(Box, { mr: 1, mt: 1, children: _jsx(IconButton, { size: "medium", onClick: copySupportId, children: _jsx(ContentCopyIcon, { fontSize: "small" }) }) })] }), _jsx(Typography, { variant: "body2", pt: 1, pb: 2, px: 2, sx: { wordBreak: 'break-all' }, children: supportId })] }), _jsx(Box, { mt: 2, children: _jsx(ContactSupportButton, { supportId: supportId }) }), _jsxs(Dialog, { open: open, onClose: toggleDialog, children: [_jsx(DialogTitle, { children: t('warning.title.deleteTransaction') }), _jsx(DialogContent, { children: _jsx(DialogContentText, { children: t('warning.message.deleteTransactionHistory') }) }), _jsxs(DialogActions, { children: [_jsx(Button, { onClick: toggleDialog, children: t('button.cancel') }), _jsx(Button, { variant: "contained", onClick: handleDeleteRoute, autoFocus: true, children: t('button.delete') })] })] })] }));
-};

package/pages/TransactionDetailsPage/TransactionDetailsPage.style.d.ts

@@ -1,4 +0,0 @@
-/// <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?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-}, "className" | "style" | "classes" | "children" | "sx" | "maxWidth" | "fixed" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/pages/TransactionDetailsPage/TransactionDetailsPage.style.js

@@ -1,5 +0,0 @@
-import { Container as MuiContainer } from '@mui/material';
-import { styled } from '@mui/material/styles';
-export const Container = styled(MuiContainer)(({ theme }) => ({
-    padding: theme.spacing(1, 3),
-}));

package/pages/TransactionDetailsPage/index.js

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

package/pages/TransactionHistoryPage/TransactionHistoryEmpty.d.ts

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

package/pages/TransactionHistoryPage/TransactionHistoryEmpty.js

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

package/pages/TransactionHistoryPage/TransactionHistoryItem.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { Route } from '@lifi/sdk';
-export declare const TransactionHistoryItem: React.FC<{
-    route: Route;
-}>;

package/pages/TransactionHistoryPage/TransactionHistoryItem.js

@@ -1,29 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Typography } from '@mui/material';
-import { useTranslation } from 'react-i18next';
-import { useNavigate } from 'react-router-dom';
-import { Card } from '../../components/Card';
-import { Token, TokenDivider } from '../../components/Token';
-import { navigationRoutes } from '../../utils';
-export const TransactionHistoryItem = ({ route }) => {
-    const { i18n } = useTranslation();
-    const navigate = useNavigate();
-    const handleClick = () => {
-        navigate(navigationRoutes.transactionDetails, {
-            state: { routeId: route.id },
-        });
-    };
-    const startedAt = new Date(route.steps[0].execution?.process[0].startedAt ?? 0);
-    const fromToken = { ...route.fromToken, amount: route.fromAmount };
-    const toToken = {
-        ...(route.steps.at(-1)?.execution?.toToken ?? route.toToken),
-        amount: route.steps.at(-1)?.execution?.toAmount ?? route.toAmount,
-    };
-    return (_jsxs(Card, { onClick: handleClick, children: [_jsxs(Box, { sx: {
-                    display: 'flex',
-                    flex: 1,
-                    justifyContent: 'space-between',
-                }, pt: 1.75, px: 2, children: [_jsx(Typography, { fontSize: 12, children: new Intl.DateTimeFormat(i18n.language, { dateStyle: 'long' }).format(startedAt) }), _jsx(Typography, { fontSize: 12, children: new Intl.DateTimeFormat(i18n.language, {
-                            timeStyle: 'short',
-                        }).format(startedAt) })] }), _jsxs(Box, { py: 1, children: [_jsx(Token, { token: fromToken, px: 2, pt: 1, connected: true }), _jsx(TokenDivider, {}), _jsx(Token, { token: toToken, px: 2, pt: 0.5, pb: 1 })] })] }));
-};

package/pages/TransactionHistoryPage/TransactionHistoryPage.d.ts

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

package/pages/TransactionHistoryPage/TransactionHistoryPage.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import DeleteIcon from '@mui/icons-material/DeleteOutline';
-import { Button, Container, DialogActions, DialogContent, DialogContentText, DialogTitle, IconButton, Stack, } from '@mui/material';
-import { useCallback, useEffect, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Dialog } from '../../components/Dialog';
-import { useWallet } from '../../providers';
-import { useHeaderStoreContext, useRouteExecutionStore } from '../../stores';
-import { useTransactionHistory } from '../../stores/routes';
-import { TransactionHistoryEmpty } from './TransactionHistoryEmpty';
-import { TransactionHistoryItem } from './TransactionHistoryItem';
-export const TransactionHistoryPage = () => {
-    const { t } = useTranslation();
-    const { account } = useWallet();
-    const transactions = useTransactionHistory(account.address);
-    const headerStoreContext = useHeaderStoreContext();
-    const deleteRoutes = useRouteExecutionStore((store) => store.deleteRoutes);
-    const [open, setOpen] = useState(false);
-    const toggleDialog = useCallback(() => {
-        setOpen((open) => !open);
-    }, []);
-    useEffect(() => {
-        if (transactions.length) {
-            return headerStoreContext.getState().setAction(_jsx(IconButton, { size: "medium", edge: "end", onClick: toggleDialog, children: _jsx(DeleteIcon, {}) }));
-        }
-    }, [transactions.length, toggleDialog, headerStoreContext]);
-    if (!transactions.length) {
-        return _jsx(TransactionHistoryEmpty, {});
-    }
-    return (_jsxs(Container, { children: [_jsx(Stack, { spacing: 2, mt: 1, children: transactions.length ? (transactions.map(({ route }) => (_jsx(TransactionHistoryItem, { route: route }, route.id)))) : (_jsx(TransactionHistoryEmpty, {})) }), _jsxs(Dialog, { open: open, onClose: toggleDialog, children: [_jsx(DialogTitle, { children: t('warning.title.deleteTransactionHistory') }), _jsx(DialogContent, { children: _jsx(DialogContentText, { children: t('warning.message.deleteTransactionHistory') }) }), _jsxs(DialogActions, { children: [_jsx(Button, { onClick: toggleDialog, children: t('button.cancel') }), _jsx(Button, { variant: "contained", onClick: () => deleteRoutes('completed'), autoFocus: true, children: t('button.delete') })] })] })] }));
-};

package/pages/TransactionHistoryPage/index.js

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

package/pages/TransactionPage/ExchangeRateBottomSheet.d.ts

@@ -1,14 +0,0 @@
-/// <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/pages/TransactionPage/ExchangeRateBottomSheet.js

@@ -1,58 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import WarningRoundedIcon from '@mui/icons-material/WarningRounded';
-import { Box, Button, Typography } from '@mui/material';
-import Big from 'big.js';
-import { forwardRef, useCallback, useImperativeHandle, useRef, useState, } from 'react';
-import { useTranslation } from 'react-i18next';
-import { BottomSheet } from '../../components/BottomSheet';
-import { useSetContentHeight } from '../../hooks';
-import { formatTokenAmount } from '../../utils';
-import { CenterContainer, IconCircle } from './StatusBottomSheet.style';
-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 (_jsx(BottomSheet, { ref: bottomSheetRef, onClose: handleClose, children: _jsx(ExchangeRateBottomSheetContent, { data: data, onContinue: handleContinue, onCancel: handleCancel }) }));
-});
-const ExchangeRateBottomSheetContent = ({ data, onCancel, onContinue }) => {
-    const { t } = useTranslation();
-    const ref = useRef();
-    useSetContentHeight(ref);
-    const oldAmount = Big(data?.oldToAmount || 1);
-    return (_jsxs(Box, { p: 3, ref: ref, children: [_jsxs(CenterContainer, { children: [_jsx(IconCircle, { status: "warning", mb: 1, children: _jsx(WarningRoundedIcon, { color: "warning" }) }), _jsx(Typography, { py: 1, fontSize: 18, fontWeight: 700, children: t('warning.title.rateChanged') })] }), _jsx(Typography, { py: 1, children: t('warning.message.rateChanged') }), _jsxs(Box, { display: "flex", justifyContent: "space-between", mt: 1, children: [_jsx(Typography, { children: t('main.quotedAmount') }), _jsxs(Typography, { fontWeight: 600, children: [t('format.number', {
-                                value: formatTokenAmount(data?.oldToAmount, data?.toToken.decimals, 5),
-                            }), ' ', data?.toToken.symbol] })] }), _jsxs(Box, { display: "flex", justifyContent: "space-between", mt: 0.25, children: [_jsx(Typography, { children: t('main.currentAmount') }), _jsxs(Typography, { fontWeight: 600, children: [t('format.number', {
-                                value: formatTokenAmount(data?.newToAmount, data?.toToken.decimals, 5),
-                            }), ' ', data?.toToken.symbol] })] }), _jsxs(Box, { display: "flex", justifyContent: "space-between", mt: 0.25, children: [_jsx(Typography, { children: t('main.rateChange') }), _jsxs(Typography, { fontWeight: 600, children: [Big(data?.newToAmount || 0)
-                                .div(oldAmount.eq(0) ? Big(1) : oldAmount)
-                                .minus(1)
-                                .mul(100)
-                                .round(2, Big.roundUp)
-                                .toString(), "%"] })] }), _jsxs(Box, { display: "flex", mt: 3, children: [_jsx(Button, { variant: "text", onClick: onCancel, fullWidth: true, children: t('button.cancel') }), _jsx(Box, { display: "flex", p: 1 }), _jsx(Button, { variant: "contained", onClick: onContinue, fullWidth: true, children: t('button.continue') })] })] }));
-};

package/pages/TransactionPage/StartTransactionButton.d.ts

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

package/pages/TransactionPage/StartTransactionButton.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { BaseTransactionButton } from '../../components/BaseTransactionButton';
-import { useFromTokenSufficiency, useGasSufficiency, useRoutes, } from '../../hooks';
-import { useRouteExecutionStore } from '../../stores';
-export const StartTransactionButton = ({ onClick, route, text, loading, }) => {
-    const { insufficientGas, isInitialLoading: isGasSufficiencyLoading } = useGasSufficiency(route);
-    const { insufficientFromToken, isInitialLoading: isFromTokenSufficiencyLoading, } = useFromTokenSufficiency(route);
-    const shouldDisableButton = insufficientFromToken || !!insufficientGas?.length;
-    return (_jsx(BaseTransactionButton, { onClick: onClick, text: text, disabled: shouldDisableButton, loading: isFromTokenSufficiencyLoading || isGasSufficiencyLoading || loading }));
-};
-export const StartInsurableTransactionButton = ({ onClick, text, route, loading, disabled, insurableRouteId }) => {
-    const routeExecution = useRouteExecutionStore((state) => state.routes[insurableRouteId]);
-    const { isFetching } = useRoutes({
-        insurableRoute: routeExecution?.route,
-    });
-    return (_jsx(StartTransactionButton, { onClick: onClick, text: text, route: route, disabled: disabled, loading: loading || isFetching, insurableRouteId: insurableRouteId }));
-};

package/pages/TransactionPage/StatusBottomSheet.d.ts

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