@lifi/widget 3.7.0-beta.10 → 3.7.0-beta.11

package/dist/esm/pages/SettingsPage/SlippageSettings/SlippageSettings.jsx

@@ -0,0 +1,62 @@
+import { Percent, WarningRounded } from '@mui/icons-material';
+import { Box, Typography } from '@mui/material';
+import { useRef, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useSettingMonitor } from '../../../hooks/useSettingMonitor.js';
+import { useSettings } from '../../../stores/settings/useSettings.js';
+import { defaultSlippage, useSettingsStore, } from '../../../stores/settings/useSettingsStore.js';
+import { formatSlippage } from '../../../utils/format.js';
+import { BadgedValue } from '../SettingsCard/BadgedValue.js';
+import { SettingCardExpandable } from '../SettingsCard/SettingCardExpandable.js';
+import { SettingsFieldSet, SlippageCustomInput, SlippageDefaultButton, SlippageLimitsWarningContainer, } from './SlippageSettings.style.js';
+export const SlippageSettings = () => {
+    const { t } = useTranslation();
+    const { isSlippageOutsideRecommendedLimits, isSlippageChanged } = useSettingMonitor();
+    const { slippage } = useSettings(['slippage']);
+    const setValue = useSettingsStore((state) => state.setValue);
+    const defaultValue = useRef(slippage);
+    const [focused, setFocused] = useState();
+    const handleDefaultClick = () => {
+        setValue('slippage', formatSlippage(defaultSlippage, defaultValue.current));
+    };
+    const handleInputUpdate = (event) => {
+        const { value } = event.target;
+        setValue('slippage', formatSlippage(value || defaultSlippage, defaultValue.current, true));
+    };
+    const handleInputBlur = (event) => {
+        setFocused(undefined);
+        const { value } = event.target;
+        setValue('slippage', formatSlippage(value || defaultSlippage, defaultValue.current));
+    };
+    const customInputValue = !slippage || slippage === defaultSlippage ? '' : slippage;
+    const badgeColor = isSlippageOutsideRecommendedLimits
+        ? 'warning'
+        : isSlippageChanged
+            ? 'info'
+            : undefined;
+    return (<SettingCardExpandable value={<BadgedValue badgeColor={badgeColor} showBadge={!!badgeColor}>{`${slippage}%`}</BadgedValue>} icon={<Percent />} title={t('settings.slippage')}>
+      <Box mt={1.5}>
+        <SettingsFieldSet>
+          <SlippageDefaultButton selected={defaultSlippage === slippage && focused !== 'input'} onFocus={() => {
+            setFocused('button');
+        }} onBlur={() => {
+            setFocused(undefined);
+        }} onClick={handleDefaultClick} disableRipple>
+            {defaultSlippage}
+          </SlippageDefaultButton>
+          <SlippageCustomInput selected={defaultSlippage !== slippage && focused !== 'button'} placeholder={focused === 'input' ? '' : t('settings.custom')} inputProps={{
+            inputMode: 'decimal',
+        }} onChange={handleInputUpdate} onFocus={() => {
+            setFocused('input');
+        }} onBlur={handleInputBlur} value={customInputValue} autoComplete="off"/>
+        </SettingsFieldSet>
+        {isSlippageOutsideRecommendedLimits && (<SlippageLimitsWarningContainer>
+            <WarningRounded color="warning"/>
+            <Typography fontSize={13} fontWeight={400}>
+              {t('warning.message.slippageOutsideRecommendedLimits')}
+            </Typography>
+          </SlippageLimitsWarningContainer>)}
+      </Box>
+    </SettingCardExpandable>);
+};
+//# sourceMappingURL=SlippageSettings.jsx.map

package/dist/esm/pages/SettingsPage/SlippageSettings/SlippageSettings.jsx.map

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

package/dist/esm/pages/SettingsPage/SlippageSettings/SlippageSettings.style.d.ts

@@ -0,0 +1,15 @@
+import type { Theme } from '@mui/material';
+export declare const SettingsFieldSet: 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").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+interface SlippageDefaultProps {
+    selected?: boolean;
+}
+export declare const SlippageDefaultButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonBaseOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "children" | "sx" | "style" | "className" | "tabIndex" | "disabled" | "action" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef"> & import("@mui/system").MUIStyledCommonProps<Theme> & SlippageDefaultProps, {}, {}>;
+export declare const SlippageCustomInput: import("@emotion/styled").StyledComponent<import("@mui/material").InputBaseProps & import("@mui/system").MUIStyledCommonProps<Theme> & SlippageDefaultProps, {}, {}>;
+export declare const SlippageLimitsWarningContainer: 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").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export {};

package/dist/esm/pages/SettingsPage/SlippageSettings/SlippageSettings.style.jsx

@@ -0,0 +1,71 @@
+import { Box, ButtonBase, InputBase, alpha, inputBaseClasses, styled, } from '@mui/material';
+export const SettingsFieldSet = styled(Box)(({ theme }) => ({
+    display: 'flex',
+    backgroundColor: theme.palette.mode === 'light'
+        ? alpha(theme.palette.common.black, 0.04)
+        : alpha(theme.palette.common.white, 0.08),
+    borderRadius: theme.shape.borderRadius,
+    padding: theme.spacing(0.5),
+    gap: theme.spacing(0.5),
+    height: '3.5rem',
+}));
+const slippageControlSelected = (theme) => ({
+    backgroundColor: theme.palette.mode === 'light'
+        ? theme.palette.background.paper
+        : alpha(theme.palette.common.black, 0.56),
+    borderRadius: theme.shape.borderRadius - 4,
+    boxShadow: `0px 2px 4px ${alpha(theme.palette.common.black, 0.04)}`,
+});
+export const SlippageDefaultButton = styled(ButtonBase)(({ theme, selected }) => {
+    const selectedStyle = selected
+        ? {
+            '&:not(:focus)': {
+                ...slippageControlSelected(theme),
+            },
+        }
+        : {};
+    return {
+        height: '100%',
+        width: '100%',
+        fontSize: '1rem',
+        fontWeight: 700,
+        '&:focus': {
+            ...slippageControlSelected(theme),
+        },
+        ...selectedStyle,
+    };
+});
+export const SlippageCustomInput = styled(InputBase)(({ theme, selected }) => {
+    const selectedStyle = selected
+        ? {
+            '&:not(:focus)': {
+                ...slippageControlSelected(theme),
+            },
+        }
+        : {};
+    return {
+        height: '100%',
+        width: '100%',
+        [`.${inputBaseClasses.input}`]: {
+            height: '100%',
+            width: '100%',
+            padding: 0,
+            textAlign: 'center',
+            '&::placeholder': {
+                fontSize: '1rem',
+                fontWeight: 700,
+                opacity: 1,
+            },
+            '&:focus': {
+                ...slippageControlSelected(theme),
+            },
+            ...selectedStyle,
+        },
+    };
+});
+export const SlippageLimitsWarningContainer = styled(Box)(({ theme }) => ({
+    display: 'flex',
+    gap: theme.spacing(1.25),
+    marginTop: theme.spacing(1.5),
+}));
+//# sourceMappingURL=SlippageSettings.style.jsx.map

package/dist/esm/pages/SettingsPage/SlippageSettings/SlippageSettings.style.jsx.map

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

package/dist/esm/pages/SettingsPage/ThemeSettings.d.ts

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

package/dist/esm/pages/SettingsPage/ThemeSettings.jsx

@@ -0,0 +1,40 @@
+import { BrightnessAuto, LightMode, Nightlight } from '@mui/icons-material';
+import { Tooltip } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { CardValue } from '../../components/Card/CardButton.style.js';
+import { CardTabs, Tab } from '../../components/Tabs/Tabs.style.js';
+import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
+import { useAppearance } from '../../stores/settings/useAppearance.js';
+import { HiddenUI } from '../../types/widget.js';
+import { SettingCardExpandable } from './SettingsCard/SettingCardExpandable.js';
+const themeIcons = {
+    light: LightMode,
+    dark: Nightlight,
+    auto: BrightnessAuto,
+};
+// If the Tab is not the direct child of the Tabs component you can loose the switching
+// The component passes the props to the Tab component so switching isn't lost
+const ThemeTab = ({ title, value, Icon, ...props }) => (<Tooltip title={title}>
+    <Tab icon={Icon} value={value} {...props} disableRipple/>
+  </Tooltip>);
+export const ThemeSettings = () => {
+    const { t } = useTranslation();
+    const [appearance, setAppearance] = useAppearance();
+    const { hiddenUI } = useWidgetConfig();
+    if (hiddenUI?.includes(HiddenUI.Appearance)) {
+        return null;
+    }
+    const ThemeIcon = themeIcons[appearance];
+    const handleThemeChange = (_, appearance) => {
+        setAppearance(appearance);
+    };
+    return (<SettingCardExpandable value={<CardValue>{t(`button.${appearance}`)} </CardValue>} icon={<ThemeIcon />} title={t('settings.theme')}>
+      <CardTabs value={appearance} aria-label="tabs" indicatorColor="primary" onChange={handleThemeChange} sx={{ mt: 1.5 }}>
+        {Object.entries(themeIcons).map(([theme, Icon]) => {
+            const supportedThemeOption = theme;
+            return (<ThemeTab key={supportedThemeOption} title={t(`button.${supportedThemeOption}`)} value={supportedThemeOption} Icon={<Icon />}/>);
+        })}
+      </CardTabs>
+    </SettingCardExpandable>);
+};
+//# sourceMappingURL=ThemeSettings.jsx.map

package/dist/esm/pages/SettingsPage/ThemeSettings.jsx.map

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

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

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

package/dist/esm/pages/TransactionDetailsPage/ContactSupportButton.jsx

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

package/dist/esm/pages/TransactionDetailsPage/ContactSupportButton.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContactSupportButton.jsx","sourceRoot":"","sources":["../../../../src/pages/TransactionDetailsPage/ContactSupportButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAMnD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,SAAS,GACiB,EAAE,EAAE;IAC9B,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,YAAY,GAAG,eAAe,EAAE,CAAA;IAEtC,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC,WAAW,CAAC,cAAc,CAAC,EAAE,CAAC;YACtD,MAAM,GAAG,GAAG,yBAAyB,CAAA;YACrC,MAAM,MAAM,GAAG,QAAQ,CAAA;YACvB,MAAM,GAAG,GAAG,qBAAqB,CAAA;YACjC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,CAAC,CAAA;QAC/B,CAAC;aAAM,CAAC;YACN,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,cAAc,EAAE,EAAE,SAAS,EAAE,CAAC,CAAA;QAC9D,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,SAAS,CACrC;MAAA,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAC7B;IAAA,EAAE,MAAM,CAAC,CACV,CAAA;AACH,CAAC,CAAA"}

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

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

package/dist/esm/pages/TransactionDetailsPage/TransactionDetailsPage.jsx

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,5 @@
+interface TransferIdCardProps {
+    transferId: string;
+}
+export declare const TransferIdCard: ({ transferId }: TransferIdCardProps) => import("react").JSX.Element;
+export {};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TransferIdCard.jsx","sourceRoot":"","sources":["../../../../src/pages/TransactionDetailsPage/TransferIdCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AACnE,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAA;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAMxD,MAAM,SAAS,GAAG,CAAC,UAAkB,EAAE,EAAE,CACvC,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IAClD,CAAC,CAAC,UAAU,CAAA;AAEhB,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,UAAU,EAAuB,EAAE,EAAE;IACpE,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,EAAE,kBAAkB,EAAE,GAAG,WAAW,EAAE,CAAA;IAE5C,MAAM,cAAc,GAAG,KAAK,IAAI,EAAE;QAChC,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,UAAU,CAAC,CAAA;IACjD,CAAC,CAAA;IAED,MAAM,wBAAwB,GAAG,GAAG,EAAE;QACpC,MAAM,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,CAAA;QACpC,MAAM,CAAC,IAAI,CAAC,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAA;IACvD,CAAC,CAAA;IAED,OAAO,CACL,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CACzB;MAAA,CAAC,GAAG,CACF,EAAE,CAAC,CAAC;YACF,OAAO,EAAE,MAAM;YACf,IAAI,EAAE,CAAC;SACR,CAAC,CAEF;QAAA,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,EAAE,SAAS,CACrD;QAAA,CAAC,GAAG,CACF,EAAE,CAAC,CAAC;YACF,GAAG,EAAE,CAAC;YACN,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,CAAC;YACd,SAAS,EAAE,CAAC;SACb,CAAC,CAEF;UAAA,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,cAAc,CAAC,CACnD;YAAA,CAAC,kBAAkB,CAAC,QAAQ,CAAC,SAAS,EACxC;UAAA,EAAE,cAAc,CAChB;UAAA,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,wBAAwB,CAAC,CAC7D;YAAA,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,EAC/B;UAAA,EAAE,cAAc,CAClB;QAAA,EAAE,GAAG,CACP;MAAA,EAAE,GAAG,CACL;MAAA,CAAC,UAAU,CACT,OAAO,CAAC,OAAO,CACf,EAAE,CAAC,CAAC,CAAC,CAAC,CACN,EAAE,CAAC,CAAC,CAAC,CAAC,CACN,EAAE,CAAC,CAAC,CAAC,CAAC,CACN,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC,CAE/B;QAAA,CAAC,UAAU,CACb;MAAA,EAAE,UAAU,CACd;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionHistoryEmpty.jsx","sourceRoot":"","sources":["../../../../src/pages/TransactionHistoryPage/TransactionHistoryEmpty.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE9C,MAAM,CAAC,MAAM,uBAAuB,GAAa,GAAG,EAAE;IACpD,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,OAAO,CACL,CAAC,SAAS,CACR,EAAE,CAAC,CAAC;YACF,OAAO,EAAE,MAAM;YACf,IAAI,EAAE,CAAC;YACP,aAAa,EAAE,QAAQ;YACvB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,QAAQ,EAAE,EAAE;SACb,CAAC,CAEF;MAAA,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CACvB;QAAA,CAAC,kBAAkB,CAAC,QAAQ,CAAC,SAAS,EACxC;MAAA,EAAE,UAAU,CACZ;MAAA,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CACxC;QAAA,CAAC,CAAC,CAAC,oCAAoC,CAAC,CAC1C;MAAA,EAAE,UAAU,CACZ;MAAA,CAAC,UAAU,CACT,QAAQ,CAAC,CAAC,EAAE,CAAC,CACb,KAAK,CAAC,gBAAgB,CACtB,SAAS,CAAC,QAAQ,CAClB,EAAE,CAAC,CAAC,CAAC,CAAC,CAEN;QAAA,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAC5C;MAAA,EAAE,UAAU,CACd;IAAA,EAAE,SAAS,CAAC,CACb,CAAA;AACH,CAAC,CAAA"}

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

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

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

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

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

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

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

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