@openocean.finance/widget 1.0.16 → 1.0.17

package/dist/esm/components/Messages/useMessageQueue.js.map

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

package/dist/esm/components/NotFound.d.ts

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

package/dist/esm/components/NotFound.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Block } from '@mui/icons-material';
+import { Box, Typography } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+export const NotFound = () => {
+    const { t } = useTranslation();
+    return (_jsxs(Box, { sx: {
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+            flexDirection: 'column',
+            flex: 1,
+            padding: 3,
+        }, children: [_jsx(Typography, { sx: {
+                    fontSize: 48,
+                }, children: _jsx(Block, { fontSize: "inherit" }) }), _jsx(Typography, { sx: {
+                    fontSize: 18,
+                    fontWeight: 700,
+                }, children: t('tooltip.notFound.title') }), _jsx(Typography, { sx: {
+                    fontSize: 14,
+                    color: 'text.secondary',
+                    textAlign: 'center',
+                    mt: 2,
+                }, children: t('tooltip.notFound.text') })] }));
+};
+//# sourceMappingURL=NotFound.js.map

package/dist/esm/components/NotFound.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotFound.js","sourceRoot":"","sources":["../../../src/components/NotFound.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AAC3C,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE9C,MAAM,CAAC,MAAM,QAAQ,GAAa,GAAG,EAAE;IACrC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,OAAO,CACL,MAAC,GAAG,IACF,EAAE,EAAE;YACF,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,aAAa,EAAE,QAAQ;YACvB,IAAI,EAAE,CAAC;YACP,OAAO,EAAE,CAAC;SACX,aAED,KAAC,UAAU,IACT,EAAE,EAAE;oBACF,QAAQ,EAAE,EAAE;iBACb,YAED,KAAC,KAAK,IAAC,QAAQ,EAAC,SAAS,GAAG,GACjB,EACb,KAAC,UAAU,IACT,EAAE,EAAE;oBACF,QAAQ,EAAE,EAAE;oBACZ,UAAU,EAAE,GAAG;iBAChB,YAEA,CAAC,CAAC,wBAAwB,CAAC,GACjB,EACb,KAAC,UAAU,IACT,EAAE,EAAE;oBACF,QAAQ,EAAE,EAAE;oBACZ,KAAK,EAAE,gBAAgB;oBACvB,SAAS,EAAE,QAAQ;oBACnB,EAAE,EAAE,CAAC;iBACN,YAEA,CAAC,CAAC,uBAAuB,CAAC,GAChB,IACT,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/PageContainer.d.ts

@@ -0,0 +1,7 @@
+import type { ContainerProps } from '@mui/material';
+export interface PageContainerProps extends ContainerProps {
+    halfGutters?: boolean;
+    topGutters?: boolean;
+    bottomGutters?: boolean;
+}
+export declare const PageContainer: import("@emotion/styled").StyledComponent<import("@mui/material").ContainerOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "fixed" | "maxWidth" | "children" | "sx" | "style" | "className" | "classes" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & PageContainerProps, {}, {}>;

package/dist/esm/components/PageContainer.js

@@ -0,0 +1,18 @@
+import { Container, styled } from '@mui/material';
+export const PageContainer = styled(Container, {
+    shouldForwardProp: (prop) => !['halfGutters', 'topGutters', 'bottomGutters'].includes(prop),
+})(({ theme, halfGutters, topGutters, bottomGutters }) => ({
+    display: 'flex',
+    flexDirection: 'column',
+    flex: 1,
+    padding: theme.spacing(topGutters ? 1 : 0, halfGutters ? 1.5 : 3, bottomGutters ? 3 : 0, halfGutters ? 1.5 : 3),
+    variants: [
+        {
+            props: ({ disableGutters }) => disableGutters,
+            style: {
+                padding: 0,
+            },
+        },
+    ],
+}));
+//# sourceMappingURL=PageContainer.js.map

package/dist/esm/components/PageContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageContainer.js","sourceRoot":"","sources":["../../../src/components/PageContainer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAQjD,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,SAAS,EAAE;IAC7C,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,aAAa,EAAE,YAAY,EAAE,eAAe,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC3E,CAAC,CAAqB,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAAC;IAC7E,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,IAAI,EAAE,CAAC;IACP,OAAO,EAAE,KAAK,CAAC,OAAO,CACpB,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAClB,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EACrB,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACrB,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CACtB;IACD,QAAQ,EAAE;QACR;YACE,KAAK,EAAE,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,cAAc;YAC7C,KAAK,EAAE;gBACL,OAAO,EAAE,CAAC;aACX;SACF;KACF;CACF,CAAC,CAAC,CAAA"}

package/dist/esm/components/PageEntered.d.ts

@@ -0,0 +1 @@
+export declare function PageEntered(): any;

package/dist/esm/components/PageEntered.js

@@ -0,0 +1,13 @@
+import { useEffect } from 'react';
+import { useLocation } from 'react-router-dom';
+import { useWidgetEvents } from '../hooks/useWidgetEvents.js';
+import { WidgetEvent } from '../types/events.js';
+export function PageEntered() {
+    const location = useLocation();
+    const emitter = useWidgetEvents();
+    useEffect(() => {
+        emitter.emit(WidgetEvent.PageEntered, location.pathname);
+    }, [emitter, location.pathname]);
+    return null;
+}
+//# sourceMappingURL=PageEntered.js.map

package/dist/esm/components/PageEntered.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageEntered.js","sourceRoot":"","sources":["../../../src/components/PageEntered.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAEhD,MAAM,UAAU,WAAW;IACzB,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAC9B,MAAM,OAAO,GAAG,eAAe,EAAE,CAAA;IAEjC,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAA;IAC1D,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAA;IAChC,OAAO,IAAI,CAAA;AACb,CAAC"}

package/dist/esm/components/PoweredBy/PoweredBy.d.ts

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

package/dist/esm/components/PoweredBy/PoweredBy.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Tooltip, Typography } from '@mui/material';
+import { version } from '../../config/version.js';
+import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
+import { Link } from './PoweredBy.style.js';
+const poweredByConfig = {
+    default: {
+        url: 'https://openocean.finance/',
+        text: 'OpenOcean',
+    },
+    jumper: {
+        url: 'https://jumper.exchange',
+        text: 'Jumper',
+    },
+};
+export const PoweredBy = () => {
+    const { poweredBy = 'default' } = useWidgetConfig();
+    return (_jsx(Box, { sx: {
+            pt: 1,
+            pb: 2,
+            flex: 1,
+            display: 'flex',
+            alignItems: 'flex-end',
+            justifyContent: 'flex-end',
+        }, children: _jsx(Tooltip, { title: `v${version}`, enterDelay: 1000, children: _jsxs(Link, { href: poweredByConfig[poweredBy].url, target: "_blank", underline: "none", color: "text.primary", children: [_jsx(Typography, { sx: {
+                            color: 'text.secondary',
+                            fontSize: 12,
+                            fontWeight: 500,
+                            px: 0.5,
+                        }, children: "Powered by" }), _jsx(Typography, { sx: {
+                            color: 'text.primary',
+                            fontSize: 12,
+                            fontWeight: 600,
+                        }, children: poweredByConfig[poweredBy].text })] }) }) }));
+};
+//# sourceMappingURL=PoweredBy.js.map

package/dist/esm/components/PoweredBy/PoweredBy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PoweredBy.js","sourceRoot":"","sources":["../../../../src/components/PoweredBy/PoweredBy.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAA;AAClF,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAE3C,MAAM,eAAe,GAAG;IACtB,OAAO,EAAE;QACP,GAAG,EAAE,4BAA4B;QACjC,IAAI,EAAE,WAAW;KAClB;IACD,MAAM,EAAE;QACN,GAAG,EAAE,yBAAyB;QAC9B,IAAI,EAAE,QAAQ;KACf;CACF,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAa,GAAG,EAAE;IACtC,MAAM,EAAE,SAAS,GAAG,SAAS,EAAE,GAAG,eAAe,EAAE,CAAA;IAEnD,OAAO,CACL,KAAC,GAAG,IACF,EAAE,EAAE;YACF,EAAE,EAAE,CAAC;YACL,EAAE,EAAE,CAAC;YACL,IAAI,EAAE,CAAC;YACP,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,UAAU;YACtB,cAAc,EAAE,UAAU;SAC3B,YAED,KAAC,OAAO,IAAC,KAAK,EAAE,IAAI,OAAO,EAAE,EAAE,UAAU,EAAE,IAAI,YAC7C,MAAC,IAAI,IACH,IAAI,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC,GAAG,EACpC,MAAM,EAAC,QAAQ,EACf,SAAS,EAAC,MAAM,EAChB,KAAK,EAAC,cAAc,aAEpB,KAAC,UAAU,IACT,EAAE,EAAE;4BACF,KAAK,EAAE,gBAAgB;4BACvB,QAAQ,EAAE,EAAE;4BACZ,UAAU,EAAE,GAAG;4BACf,EAAE,EAAE,GAAG;yBACR,2BAGU,EACb,KAAC,UAAU,IACT,EAAE,EAAE;4BACF,KAAK,EAAE,cAAc;4BACrB,QAAQ,EAAE,EAAE;4BACZ,UAAU,EAAE,GAAG;yBAChB,YAEA,eAAe,CAAC,SAAS,CAAC,CAAC,IAAI,GACrB,IACR,GACC,GACN,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/PoweredBy/PoweredBy.style.d.ts

@@ -0,0 +1 @@
+export declare const Link: import("@emotion/styled").StyledComponent<import("@mui/material").LinkOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "children" | "sx" | "style" | "className" | "underline" | "classes" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping" | "TypographyClasses"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/esm/components/PoweredBy/PoweredBy.style.js

@@ -0,0 +1,10 @@
+import { Link as MuiLink, styled } from '@mui/material';
+export const Link = styled(MuiLink)(({ theme }) => ({
+    display: 'flex',
+    alignItems: 'center',
+    border: 'none',
+    ':hover': {
+        color: theme.palette.primary.main,
+    },
+}));
+//# sourceMappingURL=PoweredBy.style.js.map

package/dist/esm/components/PoweredBy/PoweredBy.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PoweredBy.style.js","sourceRoot":"","sources":["../../../../src/components/PoweredBy/PoweredBy.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAEvD,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAClD,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE;QACR,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;KAClC;CACF,CAAC,CAAC,CAAA"}

package/dist/esm/components/ProgressToNextUpdate.d.ts

@@ -0,0 +1,6 @@
+import type { IconButtonProps } from '@mui/material';
+export declare const ProgressToNextUpdate: React.FC<{
+    updatedAt: number;
+    timeToUpdate: number;
+    isLoading?: boolean;
+} & IconButtonProps>;

package/dist/esm/components/ProgressToNextUpdate.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, CircularProgress, IconButton, Tooltip } from '@mui/material';
+import { useEffect, useState } from 'react';
+import { Trans } from 'react-i18next';
+const getProgressValue = (updatedAt, timeToUpdate) => updatedAt ? Math.min(100, ((Date.now() - updatedAt) / timeToUpdate) * 100) : 0;
+const getSecondsToUpdate = (updatedAt, timeToUpdate) => Math.max(Math.round((timeToUpdate - (Date.now() - updatedAt)) / 1000), 0);
+export const ProgressToNextUpdate = ({ updatedAt, timeToUpdate, isLoading, onClick, ...other }) => {
+    const [value, setValue] = useState(() => getProgressValue(updatedAt, timeToUpdate));
+    useEffect(() => {
+        setValue(getProgressValue(updatedAt, timeToUpdate));
+        const id = setInterval(() => {
+            const time = getProgressValue(updatedAt, timeToUpdate);
+            setValue(time);
+            if (time >= 100) {
+                clearInterval(id);
+            }
+        }, 1000);
+        return () => clearInterval(id);
+    }, [timeToUpdate, updatedAt]);
+    useEffect(() => {
+        if (isLoading) {
+            setValue(0);
+        }
+    }, [isLoading]);
+    return (_jsx(IconButton, { onClick: onClick, disabled: isLoading, ...other, children: _jsx(Tooltip, { title: _jsx(Trans, { i18nKey: "tooltip.progressToNextUpdate", values: {
+                    value: getSecondsToUpdate(updatedAt, timeToUpdate),
+                }, 
+                // biome-ignore lint/correctness/useJsxKeyInIterable:
+                components: [_jsx("br", {})] }), children: _jsxs(Box, { sx: {
+                    display: 'grid',
+                    position: 'relative',
+                    placeItems: 'center',
+                    width: 24,
+                    height: 24,
+                }, children: [_jsx(CircularProgress, { variant: "determinate", size: 24, value: 100, sx: (theme) => ({
+                            position: 'absolute',
+                            color: theme.palette.grey[800],
+                            ...theme.applyStyles('light', {
+                                color: theme.palette.grey[300],
+                            }),
+                        }) }), _jsx(CircularProgress, { variant: isLoading ? 'indeterminate' : 'determinate', size: 24, value: value, sx: (theme) => ({
+                            opacity: value === 100 && !isLoading ? 0.5 : 1,
+                            color: theme.palette.primary.light,
+                            ...theme.applyStyles('light', {
+                                color: theme.palette.primary.main,
+                            }),
+                        }) })] }) }) }));
+};
+//# sourceMappingURL=ProgressToNextUpdate.js.map

package/dist/esm/components/ProgressToNextUpdate.js.map

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

package/dist/esm/components/ReverseTokensButton/ReverseTokensButton.d.ts

@@ -0,0 +1,3 @@
+export declare const ReverseTokensButton: React.FC<{
+    vertical?: boolean;
+}>;

package/dist/esm/components/ReverseTokensButton/ReverseTokensButton.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ArrowDownward, ArrowForward } from '@mui/icons-material';
+import { useAvailableChains } from '../../hooks/useAvailableChains.js';
+import { useToAddressAutoPopulate } from '../../hooks/useToAddressAutoPopulate.js';
+import { useToAddressReset } from '../../hooks/useToAddressReset.js';
+import { useFieldActions } from '../../stores/form/useFieldActions.js';
+import { IconCard, ReverseContainer } from './ReverseTokensButton.style.js';
+export const ReverseTokensButton = ({ vertical, }) => {
+    const { setFieldValue, getFieldValues } = useFieldActions();
+    const { getChainById } = useAvailableChains();
+    const { tryResetToAddress } = useToAddressReset();
+    const autoPopulateToAddress = useToAddressAutoPopulate();
+    const handleClick = () => {
+        const [fromChainId, fromToken, toChainId, toToken, toAddress] = getFieldValues('fromChain', 'fromToken', 'toChain', 'toToken', 'toAddress');
+        setFieldValue('fromAmount', '', { isTouched: true });
+        setFieldValue('fromChain', toChainId, { isTouched: true });
+        setFieldValue('fromToken', toToken, { isTouched: true });
+        setFieldValue('toChain', fromChainId, { isTouched: true });
+        setFieldValue('toToken', fromToken, { isTouched: true });
+        const autoPopulatedToAddress = autoPopulateToAddress({
+            formType: 'from',
+            selectedToAddress: toAddress,
+            selectedChainId: toChainId,
+            selectedOppositeChainId: fromChainId,
+            selectedOppositeTokenAddress: fromToken,
+        });
+        // Returning early as a compatible connected wallet was found, and toAddress has been populated
+        if (autoPopulatedToAddress) {
+            return;
+        }
+        // Auto-population applies in certain scenarios, but otherwise,
+        // we attempt to reset `toAddress` when bridging across ecosystems
+        // fromChainId becomes toChainId after using reverse
+        const toChain = getChainById(fromChainId);
+        if (toChain) {
+            tryResetToAddress(toChain);
+        }
+    };
+    return (_jsx(ReverseContainer, { children: _jsx(IconCard, { onClick: handleClick, children: vertical ? (_jsx(ArrowDownward, { fontSize: "inherit" })) : (_jsx(ArrowForward, { fontSize: "inherit" })) }) }));
+};
+//# sourceMappingURL=ReverseTokensButton.js.map

package/dist/esm/components/ReverseTokensButton/ReverseTokensButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReverseTokensButton.js","sourceRoot":"","sources":["../../../../src/components/ReverseTokensButton/ReverseTokensButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AACtE,OAAO,EAAE,wBAAwB,EAAE,MAAM,yCAAyC,CAAA;AAClF,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAA;AACtE,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAA;AAE3E,MAAM,CAAC,MAAM,mBAAmB,GAAqC,CAAC,EACpE,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,GAAG,eAAe,EAAE,CAAA;IAC3D,MAAM,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAC7C,MAAM,EAAE,iBAAiB,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACjD,MAAM,qBAAqB,GAAG,wBAAwB,EAAE,CAAA;IAExD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,CAAC,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,CAAC,GAC3D,cAAc,CACZ,WAAW,EACX,WAAW,EACX,SAAS,EACT,SAAS,EACT,WAAW,CACZ,CAAA;QACH,aAAa,CAAC,YAAY,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAA;QACpD,aAAa,CAAC,WAAW,EAAE,SAAS,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAA;QAC1D,aAAa,CAAC,WAAW,EAAE,OAAO,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAA;QACxD,aAAa,CAAC,SAAS,EAAE,WAAW,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAA;QAC1D,aAAa,CAAC,SAAS,EAAE,SAAS,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAA;QAExD,MAAM,sBAAsB,GAAG,qBAAqB,CAAC;YACnD,QAAQ,EAAE,MAAM;YAChB,iBAAiB,EAAE,SAAS;YAC5B,eAAe,EAAE,SAAS;YAC1B,uBAAuB,EAAE,WAAW;YACpC,4BAA4B,EAAE,SAAS;SACxC,CAAC,CAAA;QAEF,+FAA+F;QAC/F,IAAI,sBAAsB,EAAE,CAAC;YAC3B,OAAM;QACR,CAAC;QAED,+DAA+D;QAC/D,kEAAkE;QAClE,oDAAoD;QACpD,MAAM,OAAO,GAAG,YAAY,CAAC,WAAW,CAAC,CAAA;QACzC,IAAI,OAAO,EAAE,CAAC;YACZ,iBAAiB,CAAC,OAAO,CAAC,CAAA;QAC5B,CAAC;IACH,CAAC,CAAA;IACD,OAAO,CACL,KAAC,gBAAgB,cACf,KAAC,QAAQ,IAAC,OAAO,EAAE,WAAW,YAC3B,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,aAAa,IAAC,QAAQ,EAAC,SAAS,GAAG,CACrC,CAAC,CAAC,CAAC,CACF,KAAC,YAAY,IAAC,QAAQ,EAAC,SAAS,GAAG,CACpC,GACQ,GACM,CACpB,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/ReverseTokensButton/ReverseTokensButton.style.d.ts

@@ -0,0 +1,3 @@
+export declare const IconCard: import("@emotion/styled").StyledComponent<import("@mui/material").CardOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "children" | "sx" | "style" | "className" | "square" | "classes" | "variant" | "elevation" | "raised"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & import("../Card/Card.js").CardProps, {}, {}>;
+export declare const ReverseContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const ReverseTokensButtonEmpty: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/esm/components/ReverseTokensButton/ReverseTokensButton.style.js

@@ -0,0 +1,29 @@
+import { Box, styled } from '@mui/material';
+import { Card } from '../Card/Card.js';
+export const IconCard = styled(Card)(({ theme }) => ({
+    height: 32,
+    width: 32,
+    fontSize: 16,
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: theme.shape.borderRadiusTertiary,
+    zIndex: 1110,
+}));
+export const ReverseContainer = styled(Box)(({ theme }) => {
+    return {
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        margin: theme.spacing(-1),
+    };
+});
+export const ReverseTokensButtonEmpty = styled(Box)(({ theme }) => {
+    return {
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        margin: theme.spacing(1),
+    };
+});
+//# sourceMappingURL=ReverseTokensButton.style.js.map

package/dist/esm/components/ReverseTokensButton/ReverseTokensButton.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReverseTokensButton.style.js","sourceRoot":"","sources":["../../../../src/components/ReverseTokensButton/ReverseTokensButton.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AAEtC,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACnD,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,QAAQ,EAAE,EAAE;IACZ,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,oBAAoB;IAC9C,MAAM,EAAE,IAAI;CACb,CAAC,CAAC,CAAA;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACxD,OAAO;QACL,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;KAC1B,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAChE,OAAO;QACL,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KACzB,CAAA;AACH,CAAC,CAAC,CAAA"}

package/dist/esm/components/RouteCard/RouteCard.d.ts

@@ -0,0 +1,3 @@
+import type { CardProps } from '../Card/Card.js';
+import type { RouteCardProps } from './types.js';
+export declare const RouteCard: React.FC<RouteCardProps & Omit<CardProps, 'variant'>>;

package/dist/esm/components/RouteCard/RouteCard.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ExpandLess, ExpandMore } from '@mui/icons-material';
+import { Box, Collapse } from '@mui/material';
+import { isGaslessStep } from '@openocean.finance/widget-sdk';
+import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
+import { HiddenUI } from '../../types/widget.js';
+import { Card } from '../Card/Card.js';
+import { CardIconButton } from '../Card/CardIconButton.js';
+import { CardLabel, CardLabelTypography } from '../Card/CardLabel.js';
+import { StepActions } from '../StepActions/StepActions.js';
+import { Token } from '../Token/Token.js';
+import { TokenContainer } from './RouteCard.style.js';
+import { RouteCardEssentials } from './RouteCardEssentials.js';
+import { RouteCardEssentialsExpanded } from './RouteCardEssentialsExpanded.js';
+import { getMatchingLabels } from './getMatchingLabels.js';
+export const RouteCard = ({ route, active, variant = 'default', expanded: defaulExpanded, ...other }) => {
+    const { t } = useTranslation();
+    const { subvariant, subvariantOptions, routeLabels, hiddenUI } = useWidgetConfig();
+    const [cardExpanded, setCardExpanded] = useState(defaulExpanded);
+    const handleExpand = (e) => {
+        e.stopPropagation();
+        setCardExpanded((expanded) => !expanded);
+    };
+    const token = subvariant === 'custom' && subvariantOptions?.custom !== 'deposit'
+        ? { ...route.fromToken, amount: BigInt(route.fromAmount) }
+        : { ...route.toToken, amount: BigInt(route.toAmount) };
+    const impactToken = subvariant !== 'custom'
+        ? { ...route.fromToken, amount: BigInt(route.fromAmount) }
+        : undefined;
+    const customLabels = getMatchingLabels(route, routeLabels);
+    const mainTag = route.tags?.find((tag) => tag === 'CHEAPEST' || tag === 'FASTEST');
+    const tags = mainTag ? [mainTag] : [];
+    const hasGaslessSupport = route.steps.some(isGaslessStep);
+    if (hasGaslessSupport) {
+        tags.push('GASLESS');
+    }
+    const cardContent = (_jsxs(Box, { sx: {
+            flex: 1,
+        }, children: [subvariant !== 'refuel' && (tags.length || customLabels.length) ? (_jsxs(Box, { sx: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    mb: 2,
+                    gap: 1,
+                    flexWrap: 'wrap',
+                }, children: [tags?.map((tag) => (_jsx(CardLabel, { variant: tag === 'GASLESS' ? 'success' : active ? 'secondary' : undefined, children: _jsx(CardLabelTypography, { children: t(`main.tags.${tag.toLowerCase()}`) }) }, tag))), customLabels.map((label, index) => (_jsx(CardLabel, { sx: label.sx, children: _jsx(CardLabelTypography, { children: label.text }) }, index)))] })) : null, _jsxs(TokenContainer, { children: [_jsx(Token, { token: token, impactToken: impactToken, step: route.steps[0], stepVisible: !cardExpanded, disableDescription: hiddenUI?.includes(HiddenUI.RouteTokenDescription) }), !defaulExpanded ? (_jsx(CardIconButton, { onClick: handleExpand, size: "small", children: cardExpanded ? (_jsx(ExpandLess, { fontSize: "inherit" })) : (_jsx(ExpandMore, { fontSize: "inherit" })) })) : null] }), _jsxs(Collapse, { timeout: 225, in: cardExpanded, mountOnEnter: true, unmountOnExit: true, children: [route.steps.map((step) => (_jsx(StepActions, { step: step, mt: 2 }, step.id))), _jsx(RouteCardEssentialsExpanded, { route: route })] }), _jsx(RouteCardEssentials, { route: route })] }));
+    return subvariant === 'refuel' || variant === 'cardless' ? (cardContent) : (_jsx(Card, { type: active ? 'selected' : 'default', selectionColor: "secondary", indented: true, ...other, children: cardContent }));
+};
+//# sourceMappingURL=RouteCard.js.map

package/dist/esm/components/RouteCard/RouteCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RouteCard.js","sourceRoot":"","sources":["../../../../src/components/RouteCard/RouteCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAC5D,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAE7C,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAA;AAE7D,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAA;AAClF,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAEhD,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAA;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAA;AAC9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAG1D,MAAM,CAAC,MAAM,SAAS,GAElB,CAAC,EACH,KAAK,EACL,MAAM,EACN,OAAO,GAAG,SAAS,EACnB,QAAQ,EAAE,cAAc,EACxB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,EAAE,UAAU,EAAE,iBAAiB,EAAE,WAAW,EAAE,QAAQ,EAAE,GAC5D,eAAe,EAAE,CAAA;IACnB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAA;IAEhE,MAAM,YAAY,GAAyC,CAAC,CAAC,EAAE,EAAE;QAC/D,CAAC,CAAC,eAAe,EAAE,CAAA;QACnB,eAAe,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAA;IAC1C,CAAC,CAAA;IAED,MAAM,KAAK,GACT,UAAU,KAAK,QAAQ,IAAI,iBAAiB,EAAE,MAAM,KAAK,SAAS;QAChE,CAAC,CAAC,EAAE,GAAG,KAAK,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE;QAC1D,CAAC,CAAC,EAAE,GAAG,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAA;IAC1D,MAAM,WAAW,GACf,UAAU,KAAK,QAAQ;QACrB,CAAC,CAAC,EAAE,GAAG,KAAK,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE;QAC1D,CAAC,CAAC,SAAS,CAAA;IAEf,MAAM,YAAY,GAAG,iBAAiB,CAAC,KAAK,EAAE,WAAW,CAAC,CAAA;IAC1D,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,IAAI,CAC9B,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,KAAK,UAAU,IAAI,GAAG,KAAK,SAAS,CACjD,CAAA;IACD,MAAM,IAAI,GAAa,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAC/C,MAAM,iBAAiB,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;IACzD,IAAI,iBAAiB,EAAE,CAAC;QACtB,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IACtB,CAAC;IAED,MAAM,WAAW,GAAG,CAClB,MAAC,GAAG,IACF,EAAE,EAAE;YACF,IAAI,EAAE,CAAC;SACR,aAEA,UAAU,KAAK,QAAQ,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CACjE,MAAC,GAAG,IACF,EAAE,EAAE;oBACF,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,EAAE,EAAE,CAAC;oBACL,GAAG,EAAE,CAAC;oBACN,QAAQ,EAAE,MAAM;iBACjB,aAEA,IAAI,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAClB,KAAC,SAAS,IACR,OAAO,EACL,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,YAIlE,KAAC,mBAAmB,cACjB,CAAC,CAAC,aAAa,GAAG,CAAC,WAAW,EAAE,EAAS,CAAC,GACvB,IAJjB,GAAG,CAKE,CACb,CAAC,EACD,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAClC,KAAC,SAAS,IAAa,EAAE,EAAE,KAAK,CAAC,EAAE,YACjC,KAAC,mBAAmB,cAAE,KAAK,CAAC,IAAI,GAAuB,IADzC,KAAK,CAET,CACb,CAAC,IACE,CACP,CAAC,CAAC,CAAC,IAAI,EACR,MAAC,cAAc,eACb,KAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EACpB,WAAW,EAAE,CAAC,YAAY,EAC1B,kBAAkB,EAAE,QAAQ,EAAE,QAAQ,CACpC,QAAQ,CAAC,qBAAqB,CAC/B,GACD,EACD,CAAC,cAAc,CAAC,CAAC,CAAC,CACjB,KAAC,cAAc,IAAC,OAAO,EAAE,YAAY,EAAE,IAAI,EAAC,OAAO,YAChD,YAAY,CAAC,CAAC,CAAC,CACd,KAAC,UAAU,IAAC,QAAQ,EAAC,SAAS,GAAG,CAClC,CAAC,CAAC,CAAC,CACF,KAAC,UAAU,IAAC,QAAQ,EAAC,SAAS,GAAG,CAClC,GACc,CAClB,CAAC,CAAC,CAAC,IAAI,IACO,EACjB,MAAC,QAAQ,IAAC,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,YAAY,EAAE,YAAY,QAAC,aAAa,mBACjE,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACzB,KAAC,WAAW,IAAe,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAA1B,IAAI,CAAC,EAAE,CAAuB,CACjD,CAAC,EACF,KAAC,2BAA2B,IAAC,KAAK,EAAE,KAAK,GAAI,IACpC,EACX,KAAC,mBAAmB,IAAC,KAAK,EAAE,KAAK,GAAI,IACjC,CACP,CAAA;IAED,OAAO,UAAU,KAAK,QAAQ,IAAI,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,CACzD,WAAW,CACZ,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IACH,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EACrC,cAAc,EAAC,WAAW,EAC1B,QAAQ,WACJ,KAAK,YAER,WAAW,GACP,CACR,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/RouteCard/RouteCard.style.d.ts

@@ -0,0 +1 @@
+export declare const TokenContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/esm/components/RouteCard/RouteCard.style.js

@@ -0,0 +1,8 @@
+import { Box, styled } from '@mui/material';
+export const TokenContainer = styled(Box)(() => ({
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    height: 40,
+}));
+//# sourceMappingURL=RouteCard.style.js.map

package/dist/esm/components/RouteCard/RouteCard.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RouteCard.style.js","sourceRoot":"","sources":["../../../../src/components/RouteCard/RouteCard.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAE3C,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IAC/C,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,eAAe;IAC/B,MAAM,EAAE,EAAE;CACX,CAAC,CAAC,CAAA"}

package/dist/esm/components/RouteCard/RouteCardEssentials.d.ts

@@ -0,0 +1,2 @@
+import type { RouteCardEssentialsProps } from './types.js';
+export declare const RouteCardEssentials: React.FC<RouteCardEssentialsProps>;

package/dist/esm/components/RouteCard/RouteCardEssentials.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AccessTimeFilled, LocalGasStationRounded } from '@mui/icons-material';
+import { Box, Tooltip, Typography } from '@mui/material';
+import { isGaslessStep } from '@openocean.finance/widget-sdk';
+import { useTranslation } from 'react-i18next';
+import { getAccumulatedFeeCostsBreakdown } from '../../utils/fees.js';
+import { FeeBreakdownTooltip } from '../FeeBreakdownTooltip.js';
+import { IconTypography } from '../IconTypography.js';
+import { TokenRate } from '../TokenRate/TokenRate.js';
+export const RouteCardEssentials = ({ route, }) => {
+    const { t, i18n } = useTranslation();
+    const executionTimeSeconds = Math.floor(route.steps.reduce((duration, step) => duration + step.estimate.executionDuration, 0));
+    const executionTimeMinutes = Math.floor(executionTimeSeconds / 60);
+    const { gasCosts, feeCosts, combinedFeesUSD } = getAccumulatedFeeCostsBreakdown(route);
+    const hasGaslessSupport = route.steps.some(isGaslessStep);
+    return (_jsxs(Box, { sx: {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            flex: 1,
+            mt: 2,
+        }, children: [_jsx(TokenRate, { route: route }), _jsxs(Box, { sx: {
+                    display: 'flex',
+                    alignItems: 'center',
+                }, children: [_jsx(FeeBreakdownTooltip, { gasCosts: gasCosts, feeCosts: feeCosts, relayerSupport: hasGaslessSupport, children: _jsxs(Box, { sx: {
+                                display: 'flex',
+                                mr: 1.5,
+                                alignItems: 'center',
+                            }, children: [_jsx(IconTypography, { mr: 0.5, fontSize: 16, children: _jsx(LocalGasStationRounded, { fontSize: "inherit" }) }), _jsx(Typography, { "data-value": hasGaslessSupport ? 0 : combinedFeesUSD, sx: {
+                                        fontSize: 14,
+                                        color: 'text.primary',
+                                        fontWeight: 600,
+                                        lineHeight: 1,
+                                    }, children: hasGaslessSupport
+                                        ? t('main.fees.free')
+                                        : t('format.currency', {
+                                            value: combinedFeesUSD,
+                                        }) })] }) }), _jsx(Tooltip, { title: t('tooltip.estimatedTime'), sx: { cursor: 'help' }, children: _jsxs(Box, { sx: {
+                                display: 'flex',
+                                alignItems: 'center',
+                            }, children: [_jsx(IconTypography, { mr: 0.5, fontSize: 16, children: _jsx(AccessTimeFilled, { fontSize: "inherit" }) }), _jsx(Typography, { sx: {
+                                        fontSize: 14,
+                                        color: 'text.primary',
+                                        fontWeight: 600,
+                                        lineHeight: 1,
+                                    }, children: (executionTimeSeconds < 60
+                                        ? executionTimeSeconds
+                                        : executionTimeMinutes).toLocaleString(i18n.language, {
+                                        style: 'unit',
+                                        unit: executionTimeSeconds < 60 ? 'second' : 'minute',
+                                        unitDisplay: 'narrow',
+                                    }) })] }) })] })] }));
+};
+//# sourceMappingURL=RouteCardEssentials.js.map

package/dist/esm/components/RouteCard/RouteCardEssentials.js.map

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

package/dist/esm/components/RouteCard/RouteCardEssentialsExpanded.d.ts

@@ -0,0 +1,2 @@
+import type { RouteCardEssentialsProps } from './types.js';
+export declare const RouteCardEssentialsExpanded: React.FC<RouteCardEssentialsProps>;

package/dist/esm/components/RouteCard/RouteCardEssentialsExpanded.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Layers } from '@mui/icons-material';
+import { Box, Typography } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { IconTypography } from '../IconTypography.js';
+export const RouteCardEssentialsExpanded = ({ route }) => {
+    const { t } = useTranslation();
+    return (_jsxs(Box, { sx: {
+            flex: 1,
+            mt: 2,
+        }, children: [_jsxs(Box, { sx: {
+                    display: 'flex',
+                    alignItems: 'center',
+                }, children: [_jsx(IconTypography, { ml: 1, mr: 3, children: _jsx(Layers, {}) }), _jsx(Typography, { sx: {
+                            fontSize: 16,
+                            color: 'text.primary',
+                            fontWeight: '600',
+                            lineHeight: 1.125,
+                        }, children: route.steps.length })] }), _jsx(Box, { sx: {
+                    mt: 0.5,
+                    ml: 7,
+                }, children: _jsx(Typography, { sx: {
+                        fontSize: 12,
+                        color: 'text.secondary',
+                        fontWeight: '500',
+                        lineHeight: 1.125,
+                    }, children: t('tooltip.numberOfSteps') }) })] }));
+};
+//# sourceMappingURL=RouteCardEssentialsExpanded.js.map

package/dist/esm/components/RouteCard/RouteCardEssentialsExpanded.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RouteCardEssentialsExpanded.js","sourceRoot":"","sources":["../../../../src/components/RouteCard/RouteCardEssentialsExpanded.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAGrD,MAAM,CAAC,MAAM,2BAA2B,GAEpC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAChB,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,OAAO,CACL,MAAC,GAAG,IACF,EAAE,EAAE;YACF,IAAI,EAAE,CAAC;YACP,EAAE,EAAE,CAAC;SACN,aAED,MAAC,GAAG,IACF,EAAE,EAAE;oBACF,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;iBACrB,aAED,KAAC,cAAc,IAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YAC1B,KAAC,MAAM,KAAG,GACK,EACjB,KAAC,UAAU,IACT,EAAE,EAAE;4BACF,QAAQ,EAAE,EAAE;4BACZ,KAAK,EAAE,cAAc;4BACrB,UAAU,EAAE,KAAK;4BACjB,UAAU,EAAE,KAAK;yBAClB,YAEA,KAAK,CAAC,KAAK,CAAC,MAAM,GACR,IACT,EACN,KAAC,GAAG,IACF,EAAE,EAAE;oBACF,EAAE,EAAE,GAAG;oBACP,EAAE,EAAE,CAAC;iBACN,YAED,KAAC,UAAU,IACT,EAAE,EAAE;wBACF,QAAQ,EAAE,EAAE;wBACZ,KAAK,EAAE,gBAAgB;wBACvB,UAAU,EAAE,KAAK;wBACjB,UAAU,EAAE,KAAK;qBAClB,YAEA,CAAC,CAAC,uBAAuB,CAAC,GAChB,GACT,IACF,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/RouteCard/RouteCardSkeleton.d.ts

@@ -0,0 +1,3 @@
+import type { CardProps } from '../Card/Card.js';
+import type { RouteCardSkeletonProps } from './types.js';
+export declare const RouteCardSkeleton: React.FC<RouteCardSkeletonProps & Omit<CardProps, 'variant'>>;

package/dist/esm/components/RouteCard/RouteCardSkeleton.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Skeleton } from '@mui/material';
+import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
+import { Card } from '../Card/Card.js';
+import { TokenSkeleton } from '../Token/Token.js';
+export const RouteCardSkeleton = ({ variant, ...other }) => {
+    const { subvariant } = useWidgetConfig();
+    const cardContent = (_jsxs(Box, { sx: {
+            flex: 1,
+        }, children: [subvariant !== 'refuel' && subvariant !== 'custom' ? (_jsx(Box, { sx: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    mb: 2,
+                }, children: _jsx(Skeleton, { variant: "rectangular", width: 112, height: 24, sx: (theme) => ({
+                        borderRadius: `${theme.shape.borderRadius}px`,
+                    }) }) })) : null, _jsx(TokenSkeleton, {}), _jsxs(Box, { sx: {
+                    mt: 2,
+                    display: 'flex',
+                    justifyContent: 'space-between',
+                }, children: [_jsx(Skeleton, { variant: "text", width: 64, height: 20 }), _jsx(Skeleton, { variant: "text", width: 56, height: 20 })] })] }));
+    return subvariant === 'refuel' || variant === 'cardless' ? (cardContent) : (_jsx(Card, { indented: true, ...other, children: cardContent }));
+};
+//# sourceMappingURL=RouteCardSkeleton.js.map

package/dist/esm/components/RouteCard/RouteCardSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RouteCardSkeleton.js","sourceRoot":"","sources":["../../../../src/components/RouteCard/RouteCardSkeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAA;AAElF,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAGjD,MAAM,CAAC,MAAM,iBAAiB,GAE1B,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC5B,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAA;IAExC,MAAM,WAAW,GAAG,CAClB,MAAC,GAAG,IACF,EAAE,EAAE;YACF,IAAI,EAAE,CAAC;SACR,aAEA,UAAU,KAAK,QAAQ,IAAI,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,CACpD,KAAC,GAAG,IACF,EAAE,EAAE;oBACF,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,EAAE,EAAE,CAAC;iBACN,YAED,KAAC,QAAQ,IACP,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,EAAE,EACV,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;wBACd,YAAY,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,YAAY,IAAI;qBAC9C,CAAC,GACF,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,aAAa,KAAG,EACjB,MAAC,GAAG,IACF,EAAE,EAAE;oBACF,EAAE,EAAE,CAAC;oBACL,OAAO,EAAE,MAAM;oBACf,cAAc,EAAE,eAAe;iBAChC,aAED,KAAC,QAAQ,IAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EAClD,KAAC,QAAQ,IAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,IAC9C,IACF,CACP,CAAA;IAED,OAAO,UAAU,KAAK,QAAQ,IAAI,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,CACzD,WAAW,CACZ,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,QAAQ,WAAK,KAAK,YACrB,WAAW,GACP,CACR,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/RouteCard/RouteNotFoundCard.d.ts

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

package/dist/esm/components/RouteCard/RouteNotFoundCard.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Route } from '@mui/icons-material';
+import { Box, Typography } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+export const RouteNotFoundCard = () => {
+    const { t } = useTranslation();
+    return (_jsxs(Box, { sx: {
+            py: 1.625,
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            flexDirection: 'column',
+            flex: 1,
+        }, children: [_jsx(Typography, { sx: {
+                    fontSize: 48,
+                }, children: _jsx(Route, { fontSize: "inherit" }) }), _jsx(Typography, { sx: {
+                    fontSize: 18,
+                    fontWeight: 700,
+                }, children: t('info.title.routeNotFound') }), _jsx(Typography, { sx: {
+                    fontSize: 14,
+                    color: 'text.secondary',
+                    textAlign: 'center',
+                    mt: 2,
+                }, children: t('info.message.routeNotFound') })] }));
+};
+//# sourceMappingURL=RouteNotFoundCard.js.map

package/dist/esm/components/RouteCard/RouteNotFoundCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RouteNotFoundCard.js","sourceRoot":"","sources":["../../../../src/components/RouteCard/RouteNotFoundCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AAC3C,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE9C,MAAM,CAAC,MAAM,iBAAiB,GAAa,GAAG,EAAE;IAC9C,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,OAAO,CACL,MAAC,GAAG,IACF,EAAE,EAAE;YACF,EAAE,EAAE,KAAK;YACT,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,aAAa,EAAE,QAAQ;YACvB,IAAI,EAAE,CAAC;SACR,aAED,KAAC,UAAU,IACT,EAAE,EAAE;oBACF,QAAQ,EAAE,EAAE;iBACb,YAED,KAAC,KAAK,IAAC,QAAQ,EAAC,SAAS,GAAG,GACjB,EACb,KAAC,UAAU,IACT,EAAE,EAAE;oBACF,QAAQ,EAAE,EAAE;oBACZ,UAAU,EAAE,GAAG;iBAChB,YAEA,CAAC,CAAC,0BAA0B,CAAC,GACnB,EACb,KAAC,UAAU,IACT,EAAE,EAAE;oBACF,QAAQ,EAAE,EAAE;oBACZ,KAAK,EAAE,gBAAgB;oBACvB,SAAS,EAAE,QAAQ;oBACnB,EAAE,EAAE,CAAC;iBACN,YAEA,CAAC,CAAC,4BAA4B,CAAC,GACrB,IACT,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/RouteCard/getMatchingLabels.d.ts

@@ -0,0 +1,3 @@
+import type { Route } from '@openocean.finance/widget-sdk';
+import type { RouteLabel, RouteLabelRule } from '../../types/widget.js';
+export declare const getMatchingLabels: (route: Route, routeLabels?: RouteLabelRule[]) => RouteLabel[];