@openocean.finance/widget 1.0.16 → 1.0.18

package/dist/esm/components/TokenList/useTokenSelect.js

@@ -0,0 +1,81 @@
+import { useCallback } from 'react';
+import { useToAddressAutoPopulate } from '../../hooks/useToAddressAutoPopulate.js';
+import { useWidgetEvents } from '../../hooks/useWidgetEvents.js';
+import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
+import { useChainOrderStoreContext } from '../../stores/chains/ChainOrderStore.js';
+import { FormKeyHelper } from '../../stores/form/types.js';
+import { useFieldActions } from '../../stores/form/useFieldActions.js';
+import { useFieldController } from '../../stores/form/useFieldController.js';
+import { WidgetEvent } from '../../types/events.js';
+export const useTokenSelect = (formType, onClick) => {
+    const { subvariant, disabledUI } = useWidgetConfig();
+    const emitter = useWidgetEvents();
+    const { setFieldValue, getFieldValues } = useFieldActions();
+    const autoPopulateToAddress = useToAddressAutoPopulate();
+    const chainOrderStore = useChainOrderStoreContext();
+    const tokenKey = FormKeyHelper.getTokenKey(formType);
+    const { onChange } = useFieldController({ name: tokenKey });
+    return useCallback((tokenAddress, chainId) => {
+        onChange(tokenAddress);
+        const selectedChainId = chainId ?? getFieldValues(FormKeyHelper.getChainKey(formType))[0];
+        // Set chain again to trigger URL builder update
+        setFieldValue(FormKeyHelper.getChainKey(formType), selectedChainId, {
+            isDirty: true,
+            isTouched: true,
+        });
+        const amountKey = FormKeyHelper.getAmountKey(formType);
+        if (!disabledUI?.includes(amountKey)) {
+            setFieldValue(amountKey, '');
+        }
+        const oppositeFormType = formType === 'from' ? 'to' : 'from';
+        const [selectedOppositeTokenAddress, selectedOppositeChainId, selectedToAddress,] = getFieldValues(FormKeyHelper.getTokenKey(oppositeFormType), FormKeyHelper.getChainKey(oppositeFormType), 'toAddress');
+        // TODO: remove when we enable same chain/token transfers
+        if (selectedOppositeTokenAddress === tokenAddress &&
+            selectedOppositeChainId === selectedChainId &&
+            subvariant !== 'custom') {
+            setFieldValue(FormKeyHelper.getTokenKey(oppositeFormType), '', {
+                isDirty: true,
+                isTouched: true,
+            });
+        }
+        // If no opposite token is selected, synchronize the opposite chain to match the currently selected chain
+        const { setChain } = chainOrderStore.getState();
+        if (!selectedOppositeTokenAddress && selectedChainId) {
+            setFieldValue(FormKeyHelper.getChainKey(oppositeFormType), selectedChainId, {
+                isDirty: true,
+                isTouched: true,
+            });
+            setChain(selectedChainId, oppositeFormType);
+        }
+        // Automatically populate toAddress field if bridging across ecosystems and compatible wallet is connected
+        autoPopulateToAddress({
+            formType,
+            selectedToAddress,
+            selectedChainId,
+            selectedOppositeChainId,
+            selectedOppositeTokenAddress,
+        });
+        const eventToEmit = formType === 'from'
+            ? WidgetEvent.SourceChainTokenSelected
+            : WidgetEvent.DestinationChainTokenSelected;
+        if (selectedChainId) {
+            emitter.emit(eventToEmit, {
+                chainId: selectedChainId,
+                tokenAddress,
+            });
+        }
+        onClick?.();
+    }, [
+        autoPopulateToAddress,
+        chainOrderStore,
+        disabledUI,
+        emitter,
+        formType,
+        getFieldValues,
+        onChange,
+        onClick,
+        setFieldValue,
+        subvariant,
+    ]);
+};
+//# sourceMappingURL=useTokenSelect.js.map

package/dist/esm/components/TokenList/useTokenSelect.js.map

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

package/dist/esm/components/TokenList/utils.d.ts

@@ -0,0 +1,2 @@
+import type { TokenAmount } from '../../types/token.js';
+export declare const filteredTokensComparator: (searchFilter: string) => (tokenA: TokenAmount, tokenB: TokenAmount) => 0 | 1 | -1;

package/dist/esm/components/TokenList/utils.js

@@ -0,0 +1,35 @@
+export const filteredTokensComparator = (searchFilter) => {
+    const isExactMatch = (token) => {
+        return (token.name?.toUpperCase() === searchFilter ||
+            token.symbol.toUpperCase() === searchFilter ||
+            token.address.toUpperCase() === searchFilter);
+    };
+    return (tokenA, tokenB) => {
+        const isExactMatchA = isExactMatch(tokenA);
+        const isExactMatchB = isExactMatch(tokenB);
+        // Exact match with logo
+        if (isExactMatchB && tokenB.logoURI) {
+            return 1;
+        }
+        if (isExactMatchA && tokenA.logoURI) {
+            return -1;
+        }
+        // Any token with a logo (exact match or not)
+        if (tokenB.logoURI && !tokenA.logoURI) {
+            return 1;
+        }
+        if (tokenA.logoURI && !tokenB.logoURI) {
+            return -1;
+        }
+        // Exact match without logo
+        if (isExactMatchB && !tokenB.logoURI) {
+            return 1;
+        }
+        if (isExactMatchA && !tokenA.logoURI) {
+            return -1;
+        }
+        // All other tokens are considered equal in sorting priority
+        return 0;
+    };
+};
+//# sourceMappingURL=utils.js.map

package/dist/esm/components/TokenList/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/TokenList/utils.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,YAAoB,EAAE,EAAE;IAC/D,MAAM,YAAY,GAAG,CAAC,KAAkB,EAAE,EAAE;QAC1C,OAAO,CACL,KAAK,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,YAAY;YAC1C,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE,KAAK,YAAY;YAC3C,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,YAAY,CAC7C,CAAA;IACH,CAAC,CAAA;IACD,OAAO,CAAC,MAAmB,EAAE,MAAmB,EAAE,EAAE;QAClD,MAAM,aAAa,GAAG,YAAY,CAAC,MAAM,CAAC,CAAA;QAC1C,MAAM,aAAa,GAAG,YAAY,CAAC,MAAM,CAAC,CAAA;QAE1C,wBAAwB;QACxB,IAAI,aAAa,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;YACpC,OAAO,CAAC,CAAA;QACV,CAAC;QACD,IAAI,aAAa,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;YACpC,OAAO,CAAC,CAAC,CAAA;QACX,CAAC;QAED,6CAA6C;QAC7C,IAAI,MAAM,CAAC,OAAO,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;YACtC,OAAO,CAAC,CAAA;QACV,CAAC;QACD,IAAI,MAAM,CAAC,OAAO,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;YACtC,OAAO,CAAC,CAAC,CAAA;QACX,CAAC;QAED,2BAA2B;QAC3B,IAAI,aAAa,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;YACrC,OAAO,CAAC,CAAA;QACV,CAAC;QACD,IAAI,aAAa,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;YACrC,OAAO,CAAC,CAAC,CAAA;QACX,CAAC;QAED,4DAA4D;QAC5D,OAAO,CAAC,CAAA;IACV,CAAC,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,7 @@
+import type { TypographyProps } from '@mui/material';
+import type { RouteExtended } from '@openocean.finance/widget-sdk';
+interface TokenRateProps extends TypographyProps {
+    route: RouteExtended;
+}
+export declare const TokenRate: React.FC<TokenRateProps>;
+export {};

package/dist/esm/components/TokenRate/TokenRate.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useTranslation } from 'react-i18next';
+import { formatUnits } from 'viem';
+import { create } from 'zustand';
+import { TokenRateTypography } from './TokenRate.style.js';
+const useTokenRate = create((set) => ({
+    isForward: true,
+    toggleIsForward: () => set((state) => ({ isForward: !state.isForward })),
+}));
+export const TokenRate = ({ route }) => {
+    const { t } = useTranslation();
+    const { isForward, toggleIsForward } = useTokenRate();
+    const toggleRate = (e) => {
+        e.stopPropagation();
+        toggleIsForward();
+    };
+    const lastStep = route.steps.at(-1);
+    const fromToken = {
+        ...route.fromToken,
+        amount: BigInt(route.fromAmount),
+    };
+    const toToken = {
+        ...(lastStep?.execution?.toToken ??
+            lastStep?.action.toToken ??
+            route.toToken),
+        amount: lastStep?.execution?.toAmount
+            ? BigInt(lastStep.execution.toAmount)
+            : BigInt(route.toAmount),
+    };
+    const fromToRate = Number.parseFloat(formatUnits(toToken.amount, toToken.decimals)) /
+        Number.parseFloat(formatUnits(fromToken.amount, fromToken.decimals));
+    const toFromRate = Number.parseFloat(formatUnits(fromToken.amount, fromToken.decimals)) /
+        Number.parseFloat(formatUnits(toToken.amount, toToken.decimals));
+    const rateText = isForward
+        ? `1 ${fromToken.symbol} ≈ ${t('format.tokenAmount', { value: fromToRate })} ${toToken.symbol}`
+        : `1 ${toToken.symbol} ≈ ${t('format.tokenAmount', { value: toFromRate })} ${fromToken.symbol}`;
+    return (
+    // biome-ignore lint/a11y/useSemanticElements:
+    _jsx(TokenRateTypography, { onClick: toggleRate, role: "button", children: rateText }));
+};
+//# sourceMappingURL=TokenRate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TokenRate.js","sourceRoot":"","sources":["../../../../src/components/TokenRate/TokenRate.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAA;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAChC,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAW1D,MAAM,YAAY,GAAG,MAAM,CAAiB,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IACpD,SAAS,EAAE,IAAI;IACf,eAAe,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC;CACzE,CAAC,CAAC,CAAA;AAEH,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC/D,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,YAAY,EAAE,CAAA;IAErD,MAAM,UAAU,GAAuC,CAAC,CAAC,EAAE,EAAE;QAC3D,CAAC,CAAC,eAAe,EAAE,CAAA;QACnB,eAAe,EAAE,CAAA;IACnB,CAAC,CAAA;IAED,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;IAEnC,MAAM,SAAS,GAAG;QAChB,GAAG,KAAK,CAAC,SAAS;QAClB,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC;KACjC,CAAA;IACD,MAAM,OAAO,GAAG;QACd,GAAG,CAAC,QAAQ,EAAE,SAAS,EAAE,OAAO;YAC9B,QAAQ,EAAE,MAAM,CAAC,OAAO;YACxB,KAAK,CAAC,OAAO,CAAC;QAChB,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ;YACnC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC;YACrC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC;KAC3B,CAAA;IAED,MAAM,UAAU,GACd,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,OAAO,CAAC,MAAO,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;QACjE,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,SAAS,CAAC,MAAO,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAA;IACvE,MAAM,UAAU,GACd,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,SAAS,CAAC,MAAO,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;QACrE,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,OAAO,CAAC,MAAO,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEnE,MAAM,QAAQ,GAAG,SAAS;QACxB,CAAC,CAAC,KAAK,SAAS,CAAC,MAAM,MAAM,CAAC,CAAC,oBAAoB,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,IAAI,OAAO,CAAC,MAAM,EAAE;QAC/F,CAAC,CAAC,KAAK,OAAO,CAAC,MAAM,MAAM,CAAC,CAAC,oBAAoB,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,IAAI,SAAS,CAAC,MAAM,EAAE,CAAA;IAEjG,OAAO;IACL,8CAA8C;IAC9C,KAAC,mBAAmB,IAAC,OAAO,EAAE,UAAU,EAAE,IAAI,EAAC,QAAQ,YACpD,QAAQ,GACW,CACvB,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1 @@
+export declare const TokenRateTypography: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "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" | "classes" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

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

@@ -0,0 +1,17 @@
+import { Typography, styled } from '@mui/material';
+export const TokenRateTypography = styled(Typography)(({ theme }) => ({
+    fontSize: 14,
+    lineHeight: 1.429,
+    fontWeight: 500,
+    color: theme.palette.text.primary,
+    cursor: 'pointer',
+    '&:hover': {
+        opacity: 1,
+    },
+    opacity: 0.56,
+    transition: theme.transitions.create(['opacity'], {
+        duration: theme.transitions.duration.enteringScreen,
+        easing: theme.transitions.easing.easeOut,
+    }),
+}));
+//# sourceMappingURL=TokenRate.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TokenRate.style.js","sourceRoot":"","sources":["../../../../src/components/TokenRate/TokenRate.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAElD,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACpE,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,KAAK;IACjB,UAAU,EAAE,GAAG;IACf,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;IACjC,MAAM,EAAE,SAAS;IACjB,SAAS,EAAE;QACT,OAAO,EAAE,CAAC;KACX;IACD,OAAO,EAAE,IAAI;IACb,UAAU,EAAE,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,EAAE;QAChD,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc;QACnD,MAAM,EAAE,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO;KACzC,CAAC;CACH,CAAC,CAAC,CAAA"}

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

@@ -0,0 +1,7 @@
+import type { CardProps } from '@mui/material';
+import type { RouteExtended } from '@openocean.finance/widget-sdk';
+interface TransactionDetailsProps extends CardProps {
+    route?: RouteExtended;
+}
+export declare const TransactionDetails: React.FC<TransactionDetailsProps>;
+export {};

package/dist/esm/components/TransactionDetails.js

@@ -0,0 +1,182 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { LocalGasStationRounded } from '@mui/icons-material';
+import { HelpOutline } from '@mui/icons-material';
+import { Box, Collapse, Tooltip, Typography } from '@mui/material';
+import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useChain } from '../hooks/useChain.js';
+import { useGasPrice } from '../hooks/useGasPrice.js';
+import { usePriceImpact } from '../hooks/usePriceImpact.js';
+import { useToken } from '../hooks/useToken.js';
+import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
+import { useFieldValues } from '../stores/form/useFieldValues.js';
+import { isRouteDone } from '../stores/routes/utils.js';
+import { useSplitSubvariantStore } from '../stores/settings/useSplitSubvariantStore.js';
+import { formatTokenAmount, formatTokenPrice } from '../utils/format.js';
+import { Card } from './Card/Card.js';
+import { IconTypography } from './IconTypography.js';
+import { TokenRate } from './TokenRate/TokenRate.js';
+export const TransactionDetails = ({ route, ...props }) => {
+    const { t } = useTranslation();
+    const { feeConfig } = useWidgetConfig();
+    const [cardExpanded, setCardExpanded] = useState(true);
+    const [fromChainId] = useFieldValues('fromChain');
+    const [toChainId] = useFieldValues('toChain');
+    const { chain } = useChain(fromChainId);
+    const [state] = useSplitSubvariantStore((storeState) => [storeState.state]);
+    const isBradge = route ? fromChainId !== toChainId : state === 'bridge';
+    const { token } = useToken(fromChainId, chain?.nativeToken.address);
+    const { gasPrice } = useGasPrice(fromChainId?.toString() || '');
+    if (!route) {
+        route = {
+            fromAmount: '0',
+            toAmount: '0',
+            fromToken: {
+                name: '',
+                address: '',
+                symbol: '',
+                chainId: 1,
+                decimals: 0,
+                priceUSD: '0',
+            },
+            toToken: {
+                name: '',
+                address: '',
+                symbol: '',
+                chainId: 1,
+                decimals: 0,
+                priceUSD: '0',
+            },
+            priceImpact: '0',
+            fromAmountMin: 0,
+            estimatedGas: 0,
+            steps: [],
+        };
+    }
+    const toggleCard = () => {
+        setCardExpanded((cardExpanded) => !cardExpanded);
+    };
+    let gasCostUSD = 0;
+    const feeCosts = [];
+    const estimatedGas = route?.estimatedGas || route?.data?.estimatedGas;
+    if (token && gasPrice && estimatedGas) {
+        const d = 10 ** token.decimals;
+        gasCostUSD =
+            Number(token.priceUSD) * ((Number(gasPrice) * Number(estimatedGas)) / d);
+    }
+    if (isBradge && route?.data?.prependedOperatingExpenseCost) {
+        const decimals = 10 ** route.fromToken.decimals;
+        gasCostUSD =
+            (route.data.prependedOperatingExpenseCost / decimals) *
+                Number(route.fromToken.priceUSD);
+    }
+    const { priceImpact } = usePriceImpact(route);
+    const feeCollectionStep = route.steps[0]
+        ? route.steps[0].includedSteps.find((includedStep) => includedStep.tool === 'feeCollection')
+        : 0;
+    let feeAmountUSD = 0;
+    if (feeCollectionStep) {
+        const estimatedFromAmount = BigInt(feeCollectionStep.estimate.fromAmount) -
+            BigInt(feeCollectionStep.estimate.toAmount);
+        feeAmountUSD = formatTokenPrice(estimatedFromAmount, feeCollectionStep.action.fromToken.priceUSD, feeCollectionStep.action.fromToken.decimals);
+    }
+    const hasGaslessSupport = 12;
+    const showIntegratorFeeCollectionDetails = (feeAmountUSD || Number.isFinite(feeConfig?.fee)) && !hasGaslessSupport;
+    return (_jsxs(Card, { selectionColor: "secondary", ...props, children: [_jsxs(Box, { sx: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    px: 2,
+                    py: 1.75,
+                }, children: [_jsx(Box, { sx: {
+                            display: 'flex',
+                            flex: 1,
+                            alignItems: 'center',
+                            justifyContent: 'left',
+                        }, children: _jsx(TokenRate, { route: route }) }), _jsx(Collapse, { timeout: 100, in: !cardExpanded, mountOnEnter: true, children: _jsxs(Box, { onClick: toggleCard, 
+                            // biome-ignore lint/a11y/useSemanticElements:
+                            role: "button", sx: {
+                                display: 'flex',
+                                alignItems: 'center',
+                                px: 1,
+                                cursor: 'pointer',
+                            }, 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.429,
+                                    }, children: hasGaslessSupport
+                                        ? t('main.fees.free')
+                                        : t('format.currency', { value: combinedFeesUSD }) })] }) })] }), _jsx(Collapse, { timeout: 225, in: cardExpanded, mountOnEnter: true, children: _jsxs(Box, { sx: {
+                        px: 2,
+                        pb: 2,
+                    }, children: [route && (isBradge || route.fromChainId !== 1151111081099710) && (_jsxs(Box, { sx: {
+                                display: 'flex',
+                                justifyContent: 'space-between',
+                                mb: 0.5,
+                            }, children: [_jsxs(Typography, { variant: "body2", sx: { display: 'flex', alignItems: 'center' }, children: [_jsx(Typography, { variant: "body2", color: "text.secondary", children: !isBradge ? t('main.fees.network') : 'Fee' }), isBradge ? (_jsx(Tooltip, { title: "Included gas is paid on top of the amount and covers solvers gas costs to\n        fulfill your trade", children: _jsx(HelpOutline, { sx: {
+                                                    fontSize: '0.975rem',
+                                                    ml: 0.5,
+                                                    color: 'text.secondary',
+                                                } }) })) : undefined] }), _jsx(Typography, { variant: "body2", sx: { fontWeight: 600 }, children: gasCostUSD
+                                        ? t('format.currency', {
+                                            value: gasCostUSD,
+                                        })
+                                        : '--' })] })), feeCosts.length ? (_jsxs(Box, { sx: {
+                                display: 'flex',
+                                justifyContent: 'space-between',
+                                mb: 0.5,
+                            }, children: [_jsx(Typography, { variant: "body2", color: "text.secondary", children: t('main.fees.provider') }), _jsx(Typography, { variant: "body2", sx: { fontWeight: 600 }, children: feeCostUSD
+                                        ? t('format.currency', {
+                                            value: feeCostUSD,
+                                        })
+                                        : '--' })] })) : null, showIntegratorFeeCollectionDetails ? (_jsxs(Box, { sx: {
+                                display: 'flex',
+                                justifyContent: 'space-between',
+                                mb: 0.5,
+                            }, children: [_jsx(Typography, { variant: "body2", color: "text.secondary", children: feeConfig?.name
+                                        ? t('main.fees.integrator', { tool: feeConfig.name })
+                                        : t('main.fees.defaultIntegrator') }), feeConfig?.name ? (_jsx(Typography, { variant: "body2", sx: { fontWeight: 600 }, children: t('format.currency', {
+                                        value: feeAmountUSD,
+                                    }) })) : (_jsx(Typography, { variant: "body2", sx: { fontWeight: 600 }, children: t('format.currency', {
+                                        value: feeAmountUSD,
+                                    }) }))] })) : null, _jsxs(Box, { sx: {
+                                display: 'flex',
+                                justifyContent: 'space-between',
+                                mb: 0.5,
+                            }, children: [_jsxs(Typography, { variant: "body2", sx: { display: 'flex', alignItems: 'center' }, children: [_jsx(Typography, { variant: "body2", color: "text.secondary", children: t('main.priceImpact') }), _jsx(Tooltip, { title: "The difference between market price and est. price due to trade size", children: _jsx(HelpOutline, { sx: {
+                                                    fontSize: '0.975rem',
+                                                    ml: 0.5,
+                                                    color: 'text.secondary',
+                                                } }) })] }), _jsx(Typography, { variant: "body2", sx: {
+                                        fontWeight: 600,
+                                        color: priceImpact
+                                            ? Number(priceImpact) < 0
+                                                ? Number(priceImpact) > -0.3
+                                                    ? 'orange'
+                                                    : 'error.main'
+                                                : 'green'
+                                            : '',
+                                    }, children: priceImpact ? t('format.percent', { value: priceImpact }) : '--' })] }), !isBradge && (_jsx(Box, { children: !isRouteDone(route) ? (_jsxs(_Fragment, { children: [_jsxs(Box, { sx: {
+                                            display: 'flex',
+                                            justifyContent: 'space-between',
+                                            mb: 0.5,
+                                        }, children: [_jsx(Typography, { variant: "body2", color: "text.secondary", children: t('main.maxSlippage') }), _jsx(Typography, { variant: "body2", sx: { fontWeight: 600 }, children: t('format.percent', {
+                                                    value: route.steps[0].action.slippage,
+                                                }) })] }), _jsxs(Box, { sx: {
+                                            display: 'flex',
+                                            justifyContent: 'space-between',
+                                        }, children: [_jsx(Typography, { variant: "body2", color: "text.secondary", children: t('main.minReceived') }), _jsxs(Typography, { variant: "body2", sx: { fontWeight: 600 }, children: [t('format.tokenAmount', {
+                                                        value: formatTokenAmount(typeof route.toAmountMin === 'string' &&
+                                                            !route.toAmountMin.includes('e')
+                                                            ? BigInt(Math.floor(route.toAmountMin))
+                                                            : BigInt(0), route.toToken.decimals),
+                                                    }), ' ', route.toToken.symbol] })] })] })) : (_jsxs(_Fragment, { children: [_jsxs(Box, { sx: {
+                                            display: 'flex',
+                                            justifyContent: 'space-between',
+                                            mb: 0.5,
+                                        }, children: [_jsx(Typography, { variant: "body2", color: "text.secondary", children: t('main.maxSlippage') }), _jsx(Typography, { variant: "body2", sx: { fontWeight: 600 }, children: "--" })] }), _jsxs(Box, { sx: {
+                                            display: 'flex',
+                                            justifyContent: 'space-between',
+                                        }, children: [_jsx(Typography, { variant: "body2", color: "text.secondary", children: t('main.minReceived') }), _jsx(Typography, { variant: "body2", sx: { fontWeight: 600 }, children: "--" })] })] })) }))] }) })] }));
+};
+//# sourceMappingURL=TransactionDetails.js.map

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

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

package/dist/esm/config/coinbase.d.ts

@@ -0,0 +1,2 @@
+import type { CoinbaseWalletParameters } from 'wagmi/connectors';
+export declare const defaultCoinbaseConfig: CoinbaseWalletParameters;

package/dist/esm/config/coinbase.js

@@ -0,0 +1,6 @@
+import { OOToolLogo } from '../icons/openocean.js';
+export const defaultCoinbaseConfig = {
+    appName: 'OpenOcean',
+    appLogoUrl: OOToolLogo,
+};
+//# sourceMappingURL=coinbase.js.map

package/dist/esm/config/coinbase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"coinbase.js","sourceRoot":"","sources":["../../../src/config/coinbase.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAElD,MAAM,CAAC,MAAM,qBAAqB,GAA6B;IAC7D,OAAO,EAAE,WAAW;IACpB,UAAU,EAAE,UAAU;CACvB,CAAA"}

package/dist/esm/config/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const defaultMaxHeight = 686;
+export declare const openOceanExplorerUrl = "https://openocean.finance";

package/dist/esm/config/constants.js

@@ -0,0 +1,3 @@
+export const defaultMaxHeight = 686;
+export const openOceanExplorerUrl = 'https://openocean.finance';
+//# sourceMappingURL=constants.js.map

package/dist/esm/config/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/config/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;AAEnC,MAAM,CAAC,MAAM,oBAAoB,GAAG,2BAA2B,CAAA"}

package/dist/esm/config/metaMask.d.ts

@@ -0,0 +1,2 @@
+import type { MetaMaskParameters } from 'wagmi/connectors';
+export declare const defaultMetaMaskConfig: MetaMaskParameters;

package/dist/esm/config/metaMask.js

@@ -0,0 +1,11 @@
+import { OOToolLogo } from '../icons/openocean.js';
+export const defaultMetaMaskConfig = {
+    dappMetadata: {
+        name: 'OpenOcean',
+        url: typeof window !== 'undefined'
+            ? window?.location.href
+            : 'https://openocean.finance/',
+        base64Icon: OOToolLogo,
+    },
+};
+//# sourceMappingURL=metaMask.js.map

package/dist/esm/config/metaMask.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"metaMask.js","sourceRoot":"","sources":["../../../src/config/metaMask.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAElD,MAAM,CAAC,MAAM,qBAAqB,GAAuB;IACvD,YAAY,EAAE;QACZ,IAAI,EAAE,WAAW;QACjB,GAAG,EACD,OAAO,MAAM,KAAK,WAAW;YAC3B,CAAC,CAAE,MAAc,EAAE,QAAQ,CAAC,IAAI;YAChC,CAAC,CAAC,4BAA4B;QAClC,UAAU,EAAE,UAAU;KACvB;CACF,CAAA"}

package/dist/esm/config/queryClient.d.ts

@@ -0,0 +1,2 @@
+import { QueryClient } from '@tanstack/react-query';
+export declare const queryClient: QueryClient;

package/dist/esm/config/queryClient.js

@@ -0,0 +1,21 @@
+import { QueryClient } from '@tanstack/react-query';
+export const queryClient = new QueryClient({
+    defaultOptions: {
+        queries: {
+            enabled: true,
+            refetchInterval: false,
+            refetchIntervalInBackground: false,
+            refetchOnWindowFocus: true,
+            refetchOnReconnect: true,
+            refetchOnMount: true,
+            retryOnMount: true,
+            // suspense: true,
+        },
+        mutations: {
+            onError: (_error) => {
+                //
+            },
+        },
+    },
+});
+//# sourceMappingURL=queryClient.js.map

package/dist/esm/config/queryClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"queryClient.js","sourceRoot":"","sources":["../../../src/config/queryClient.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAEnD,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,WAAW,CAAC;IACzC,cAAc,EAAE;QACd,OAAO,EAAE;YACP,OAAO,EAAE,IAAI;YACb,eAAe,EAAE,KAAK;YACtB,2BAA2B,EAAE,KAAK;YAClC,oBAAoB,EAAE,IAAI;YAC1B,kBAAkB,EAAE,IAAI;YACxB,cAAc,EAAE,IAAI;YACpB,YAAY,EAAE,IAAI;YAClB,kBAAkB;SACnB;QACD,SAAS,EAAE;YACT,OAAO,EAAE,CAAC,MAAM,EAAE,EAAE;gBAClB,EAAE;YACJ,CAAC;SACF;KACF;CACF,CAAC,CAAA"}

package/dist/esm/config/version.d.ts

@@ -0,0 +1,2 @@
+export declare const name = "@openocean.finance/widget";
+export declare const version = "1.0.18";

package/dist/esm/config/version.js

@@ -0,0 +1,3 @@
+export const name = '@openocean.finance/widget';
+export const version = '1.0.18';
+//# sourceMappingURL=version.js.map

package/dist/esm/config/version.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"version.js","sourceRoot":"","sources":["../../../src/config/version.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,IAAI,GAAG,2BAA2B,CAAA;AAC/C,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAA"}

package/dist/esm/config/walletConnect.d.ts

@@ -0,0 +1,2 @@
+import type { WalletConnectParameters } from 'wagmi/connectors';
+export declare const defaultWalletConnectConfig: WalletConnectParameters;

package/dist/esm/config/walletConnect.js

@@ -0,0 +1,4 @@
+export const defaultWalletConnectConfig = {
+    projectId: '5432e3507d41270bee46b7b85bbc2ef8',
+};
+//# sourceMappingURL=walletConnect.js.map

package/dist/esm/config/walletConnect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"walletConnect.js","sourceRoot":"","sources":["../../../src/config/walletConnect.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,0BAA0B,GAA4B;IACjE,SAAS,EAAE,kCAAkC;CAC9C,CAAA"}

package/dist/esm/hooks/timer/useInterval.d.ts

@@ -0,0 +1 @@
+export declare function useInterval(callback: () => void, delay: number): void;

package/dist/esm/hooks/timer/useInterval.js

@@ -0,0 +1,18 @@
+import { useEffect, useRef } from 'react';
+export function useInterval(callback, delay) {
+    const callbacRef = useRef(null);
+    // update callback function with current render callback that has access to latest props and state
+    useEffect(() => {
+        callbacRef.current = callback;
+    });
+    useEffect(() => {
+        if (!delay) {
+            return () => { };
+        }
+        const interval = setInterval(() => {
+            callbacRef.current?.();
+        }, delay);
+        return () => clearInterval(interval);
+    }, [delay]);
+}
+//# sourceMappingURL=useInterval.js.map

package/dist/esm/hooks/timer/useInterval.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInterval.js","sourceRoot":"","sources":["../../../../src/hooks/timer/useInterval.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEzC,MAAM,UAAU,WAAW,CAAC,QAAoB,EAAE,KAAa;IAC7D,MAAM,UAAU,GAAG,MAAM,CAAa,IAAI,CAAC,CAAA;IAE3C,kGAAkG;IAClG,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,OAAO,GAAG,QAAQ,CAAA;IAC/B,CAAC,CAAC,CAAA;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAO,GAAG,EAAE,GAAE,CAAC,CAAA;QACjB,CAAC;QAED,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;YAChC,UAAU,CAAC,OAAO,EAAE,EAAE,CAAA;QACxB,CAAC,EAAE,KAAK,CAAC,CAAA;QACT,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;IACtC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;AACb,CAAC"}

package/dist/esm/hooks/timer/useStopwatch.d.ts

@@ -0,0 +1,16 @@
+interface UseStopwatchProps {
+    offsetTimestamp: Date;
+    autoStart?: boolean;
+}
+export declare function useStopwatch({ autoStart, offsetTimestamp, }: UseStopwatchProps): {
+    start: () => void;
+    pause: () => void;
+    reset: (offset?: Date, newAutoStart?: boolean) => void;
+    isRunning: boolean;
+    totalSeconds: number;
+    seconds: number;
+    minutes: number;
+    hours: number;
+    days: number;
+};
+export {};