@lifi/widget 3.0.0-alpha.0 → 3.0.0-alpha.10

package/_esm/components/TokenList/TokenNotFound.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenNotFound.js","sourceRoot":"","sources":["../../../components/TokenList/TokenNotFound.tsx"],"names":[],"mappings":";AAAA,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEjD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,CAAC,MAAM,aAAa,GAA4B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACrE,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,CAAC,eAAe,CAAC,GAAG,QAAQ,CAAC;QACjC,IAAI,EAAE,CAAC,aAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;KAC5C,CAAC,CAAC;IACH,MAAM,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAC9C,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,IAAC,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,CAAC,YACrC,KAAC,aAAa,IAAC,QAAQ,EAAC,SAAS,GAAG,GACzB,EACb,KAAC,UAAU,IACT,QAAQ,EAAE,EAAE,EACZ,KAAK,EAAC,gBAAgB,EACtB,SAAS,EAAC,QAAQ,EAClB,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,YAEJ,CAAC,CAAC,6BAA6B,EAAE;oBAChC,SAAS,EAAE,YAAY,CAAC,eAAe,CAAC,EAAE,IAAI;iBAC/C,CAAC,GACS,IACT,CACP,CAAC;AACJ,CAAC,CAAC"}

package/_esm/components/TokenList/VirtualizedTokenList.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { List, Typography } from '@mui/material';
+import { useVirtualizer } from '@tanstack/react-virtual';
+import { useEffect } from 'react';
+import { useTranslation } from 'react-i18next';
+import { TokenListItem, TokenListItemSkeleton } from './TokenListItem';
+export const VirtualizedTokenList = ({ tokens, featuredTokensLength, scrollElementRef, chainId, chain, isLoading, isBalanceLoading, showBalance, showFeatured, onClick, }) => {
+    const { t } = useTranslation();
+    const hasFeaturedTokens = !!featuredTokensLength && showFeatured;
+    const featuredTokensLastIndex = (featuredTokensLength ?? 0) - 1;
+    const tokensLastIndex = tokens.length - 1;
+    const { getVirtualItems, getTotalSize, scrollToIndex } = useVirtualizer({
+        count: tokens.length,
+        overscan: 10,
+        paddingEnd: 12,
+        getScrollElement: () => scrollElementRef.current,
+        estimateSize: (index) => {
+            // heigth of TokenListItem
+            let size = 64;
+            if (!hasFeaturedTokens) {
+                return size;
+            }
+            if (index === 0 && tokens[index]?.featured) {
+                // height of startAdornment
+                size += 24;
+            }
+            if (index === featuredTokensLastIndex &&
+                index !== tokensLastIndex &&
+                tokens[index]?.featured) {
+                // height of endAdornment
+                size += 32;
+            }
+            return size;
+        },
+        getItemKey: (index) => `${tokens[index].address}-${index}`,
+    });
+    useEffect(() => {
+        // Scroll to the top of the list when switching the chains
+        if (getVirtualItems().length) {
+            scrollToIndex(0, { align: 'start' });
+        }
+    }, [scrollToIndex, chainId, getVirtualItems]);
+    if (isLoading) {
+        return (_jsx(List, { disablePadding: true, children: Array.from({ length: 3 }).map((_, index) => (
+            // eslint-disable-next-line react/no-array-index-key
+            _jsx(TokenListItemSkeleton, {}, index))) }));
+    }
+    return (_jsx(List, { style: { height: getTotalSize() }, disablePadding: true, children: getVirtualItems().map((item) => {
+            const token = tokens[item.index];
+            return (_jsx(TokenListItem, { onClick: onClick, size: item.size, start: item.start, token: token, chain: chain, isBalanceLoading: isBalanceLoading, showBalance: showBalance, startAdornment: hasFeaturedTokens && token.featured && item.index === 0 ? (_jsx(Typography, { fontSize: 14, fontWeight: 600, lineHeight: 1, px: 2, pb: 1.25, children: t('main.featuredTokens') })) : null, endAdornment: hasFeaturedTokens &&
+                    token.featured &&
+                    item.index === featuredTokensLastIndex &&
+                    item.index !== tokensLastIndex ? (_jsx(Typography, { fontSize: 14, fontWeight: 600, lineHeight: 1, px: 2, py: 1.25, children: t('main.otherTokens') })) : null }, item.key));
+        }) }));
+};
+//# sourceMappingURL=VirtualizedTokenList.js.map

package/_esm/components/TokenList/VirtualizedTokenList.js.map

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

package/_esm/components/TokenList/index.js

@@ -0,0 +1,3 @@
+export * from './TokenList';
+export * from './useTokenSelect';
+//# sourceMappingURL=index.js.map

package/_esm/components/TokenList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/TokenList/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC"}

package/_esm/components/TokenList/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/_esm/components/TokenList/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../components/TokenList/types.ts"],"names":[],"mappings":""}

package/_esm/components/TokenList/useTokenSelect.js

@@ -0,0 +1,53 @@
+import { WidgetEvent, useWidgetEvents } from '@lifi/widget';
+import { useCallback } from 'react';
+import { useController, useFormContext } from 'react-hook-form';
+import { FormKeyHelper, useWidgetConfig } from '../../providers';
+export const useTokenSelect = (formType, onClick) => {
+    const tokenKey = FormKeyHelper.getTokenKey(formType);
+    const { field: { onChange, onBlur }, } = useController({ name: tokenKey });
+    const { setValue, getValues } = useFormContext();
+    const { subvariant } = useWidgetConfig();
+    const emitter = useWidgetEvents();
+    return useCallback((tokenAddress, chainId) => {
+        onChange(tokenAddress);
+        onBlur();
+        const selectedChainId = chainId ?? getValues(FormKeyHelper.getChainKey(formType));
+        // Set chain again to trigger URL builder update
+        setValue(FormKeyHelper.getChainKey(formType), selectedChainId, {
+            shouldDirty: true,
+            shouldTouch: true,
+        });
+        setValue(FormKeyHelper.getAmountKey(formType), '');
+        const oppositeFormType = formType === 'from' ? 'to' : 'from';
+        const [selectedOppositeToken, selectedOppositeChainId] = getValues([
+            FormKeyHelper.getTokenKey(oppositeFormType),
+            FormKeyHelper.getChainKey(oppositeFormType),
+        ]);
+        if (selectedOppositeToken === tokenAddress &&
+            selectedOppositeChainId === selectedChainId &&
+            subvariant !== 'nft') {
+            setValue(FormKeyHelper.getTokenKey(oppositeFormType), '', {
+                shouldDirty: true,
+                shouldTouch: true,
+            });
+        }
+        const eventToEmit = formType === 'from'
+            ? WidgetEvent.SourceChainTokenSelected
+            : WidgetEvent.DestinationChainTokenSelected;
+        emitter.emit(eventToEmit, {
+            chainId: selectedChainId,
+            tokenAddress,
+        });
+        onClick?.();
+    }, [
+        emitter,
+        formType,
+        getValues,
+        onBlur,
+        onChange,
+        onClick,
+        setValue,
+        subvariant,
+    ]);
+};
+//# sourceMappingURL=useTokenSelect.js.map

package/_esm/components/TokenList/useTokenSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTokenSelect.js","sourceRoot":"","sources":["../../../components/TokenList/useTokenSelect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEhE,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEjE,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,QAAkB,EAAE,OAAoB,EAAE,EAAE;IACzE,MAAM,QAAQ,GAAG,aAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IACrD,MAAM,EACJ,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,GAC5B,GAAG,aAAa,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;IACtC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IACjD,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IACzC,MAAM,OAAO,GAAG,eAAe,EAAE,CAAC;IAElC,OAAO,WAAW,CAChB,CAAC,YAAoB,EAAE,OAAgB,EAAE,EAAE;QACzC,QAAQ,CAAC,YAAY,CAAC,CAAC;QACvB,MAAM,EAAE,CAAC;QACT,MAAM,eAAe,GACnB,OAAO,IAAI,SAAS,CAAC,aAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC;QAC5D,gDAAgD;QAChD,QAAQ,CAAC,aAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,eAAe,EAAE;YAC7D,WAAW,EAAE,IAAI;YACjB,WAAW,EAAE,IAAI;SAClB,CAAC,CAAC;QACH,QAAQ,CAAC,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC;QACnD,MAAM,gBAAgB,GAAG,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;QAC7D,MAAM,CAAC,qBAAqB,EAAE,uBAAuB,CAAC,GAAG,SAAS,CAAC;YACjE,aAAa,CAAC,WAAW,CAAC,gBAAgB,CAAC;YAC3C,aAAa,CAAC,WAAW,CAAC,gBAAgB,CAAC;SAC5C,CAAC,CAAC;QACH,IACE,qBAAqB,KAAK,YAAY;YACtC,uBAAuB,KAAK,eAAe;YAC3C,UAAU,KAAK,KAAK,EACpB,CAAC;YACD,QAAQ,CAAC,aAAa,CAAC,WAAW,CAAC,gBAAgB,CAAC,EAAE,EAAE,EAAE;gBACxD,WAAW,EAAE,IAAI;gBACjB,WAAW,EAAE,IAAI;aAClB,CAAC,CAAC;QACL,CAAC;QAED,MAAM,WAAW,GACf,QAAQ,KAAK,MAAM;YACjB,CAAC,CAAC,WAAW,CAAC,wBAAwB;YACtC,CAAC,CAAC,WAAW,CAAC,6BAA6B,CAAC;QAEhD,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE;YACxB,OAAO,EAAE,eAAe;YACxB,YAAY;SACb,CAAC,CAAC;QAEH,OAAO,EAAE,EAAE,CAAC;IACd,CAAC,EACD;QACE,OAAO;QACP,QAAQ;QACR,SAAS;QACT,MAAM;QACN,QAAQ;QACR,OAAO;QACP,QAAQ;QACR,UAAU;KACX,CACF,CAAC;AACJ,CAAC,CAAC"}

package/_esm/config/queryClient.js

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

package/_esm/config/queryClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"queryClient.js","sourceRoot":"","sources":["../../config/queryClient.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,WAAW,CAAC;IACzC,cAAc,EAAE;QACd,OAAO,EAAE;YACP,OAAO,EAAE,IAAI;YACb,SAAS,EAAE,OAAS;YACpB,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,KAAK,EAAE,EAAE;gBACjB,EAAE;YACJ,CAAC;SACF;KACF;CACF,CAAC,CAAC"}

package/_esm/config/theme.js

@@ -0,0 +1,241 @@
+import { loadingButtonClasses } from '@mui/lab/LoadingButton';
+import { touchRippleClasses } from '@mui/material/ButtonBase';
+import { dialogActionsClasses } from '@mui/material/DialogActions';
+import { common } from '@mui/material/colors';
+import { alpha, createTheme as createMuiTheme, css, darken, getContrastRatio, keyframes, lighten, } from '@mui/material/styles';
+const palette = {
+    primary: {
+        main: '#3F49E1',
+        light: lighten('#3F49E1', 0.5),
+        dark: darken('#3F49E1', 0.2),
+    },
+    secondary: {
+        main: '#F5B5FF',
+        light: lighten('#F5B5FF', 0.5),
+        dark: darken('#F5B5FF', 0.2),
+    },
+    success: {
+        main: '#0AA65B',
+    },
+    warning: {
+        main: '#FFCC00',
+    },
+    error: {
+        main: '#E5452F',
+    },
+    info: {
+        main: '#297EFF',
+    },
+};
+const paletteLight = {
+    text: {
+        primary: '#000000',
+        secondary: '#747474',
+    },
+};
+const paletteDark = {
+    background: {
+        paper: '#212121',
+    },
+};
+const shape = {
+    borderRadius: 12,
+    borderRadiusSecondary: 8,
+};
+const enterKeyframe = keyframes `
+  0% {
+    transform: scale(0);
+    opacity: 0.05;
+  }
+  100% {
+    transform: scale(1);
+    opacity: 0.1;
+  }
+`;
+export const createTheme = (mode, theme = {}) => {
+    const primaryMainColor = theme.palette?.primary?.main ??
+        palette.primary.main;
+    const primaryLightColor = lighten(theme.palette?.primary?.main ??
+        palette.primary.main, 0.5);
+    const primaryDarkColor = darken(theme.palette?.primary?.main ??
+        palette.primary.main, 0.2);
+    const contrastButtonColor = getContrastRatio(common.white, primaryMainColor) >= 3
+        ? common.white
+        : common.black;
+    const contrastTextButtonColor = getContrastRatio(common.white, alpha(primaryMainColor, 0.08)) >= 3
+        ? common.white
+        : common.black;
+    return createMuiTheme({
+        typography: {
+            fontFamily: 'Inter var, Inter, sans-serif',
+            ...theme.typography,
+        },
+        palette: {
+            mode,
+            ...palette,
+            ...(mode === 'light' ? paletteLight : paletteDark),
+            ...theme.palette,
+            primary: {
+                main: primaryMainColor,
+                light: primaryLightColor,
+                dark: primaryDarkColor,
+            },
+            secondary: {
+                main: theme.palette?.secondary?.main ??
+                    palette.secondary.main,
+                light: lighten(theme.palette?.secondary?.main ??
+                    palette.secondary.main, 0.5),
+                dark: darken(theme.palette?.secondary?.main ??
+                    palette.secondary.main, 0.2),
+            },
+        },
+        shape: {
+            ...shape,
+            ...theme.shape,
+        },
+        breakpoints: {
+            values: {
+                xs: 0,
+                sm: 392,
+                md: 900,
+                lg: 1200,
+                xl: 1536,
+            },
+        },
+        components: {
+            MuiScopedCssBaseline: {
+                styleOverrides: {
+                    root: {
+                        fontFamily: 'Inter, sans-serif',
+                        ...theme.typography,
+                        '@supports (font-variation-settings: normal)': {
+                            fontFamily: 'Inter var, sans-serif',
+                            ...theme.typography,
+                        },
+                    },
+                },
+            },
+            MuiButtonBase: {
+                styleOverrides: {
+                    // This `css()` function invokes keyframes. `styled-components` only supports keyframes
+                    // in string templates. Do not convert these styles in JS object as it will break.
+                    root: css `
+            &
+              .${touchRippleClasses.ripple}.${touchRippleClasses.rippleVisible} {
+              opacity: 0.1;
+              animation-name: ${enterKeyframe};
+            }
+          `,
+                },
+            },
+            MuiButton: {
+                defaultProps: {
+                    disableElevation: true,
+                },
+                styleOverrides: {
+                    root: {
+                        borderRadius: theme.shape?.borderRadiusSecondary ?? shape.borderRadiusSecondary,
+                        textTransform: 'none',
+                        fontSize: '1rem',
+                        [`&.Mui-disabled, &.Mui-disabled:hover`]: {
+                            color: mode === 'light'
+                                ? alpha(common.black, 0.56)
+                                : alpha(common.white, 0.56),
+                            cursor: 'not-allowed',
+                            pointerEvents: 'auto',
+                        },
+                        [`&.${loadingButtonClasses.loading}.Mui-disabled`]: {
+                            backgroundColor: primaryMainColor,
+                            color: contrastButtonColor,
+                            cursor: 'auto',
+                            pointerEvents: 'auto',
+                        },
+                        [`.${loadingButtonClasses.loadingIndicator}`]: {
+                            color: contrastButtonColor,
+                        },
+                        [`&.${loadingButtonClasses.root}.${loadingButtonClasses.loading}`]: {
+                            color: 'transparent',
+                        },
+                    },
+                    text: {
+                        backgroundColor: mode === 'light'
+                            ? alpha(primaryMainColor, 0.08)
+                            : alpha(primaryMainColor, 0.42),
+                        '&:hover': {
+                            backgroundColor: mode === 'light'
+                                ? alpha(primaryMainColor, 0.12)
+                                : alpha(primaryMainColor, 0.56),
+                        },
+                        color: mode === 'light' ? primaryMainColor : contrastTextButtonColor,
+                    },
+                    contained: {
+                        '&:hover': {
+                            color: contrastButtonColor,
+                        },
+                    },
+                    sizeMedium: {
+                        padding: '10px 14px',
+                        [`.${dialogActionsClasses.root} &`]: {
+                            padding: '6px 12px',
+                        },
+                    },
+                },
+            },
+            MuiIconButton: {
+                styleOverrides: {
+                    root: {
+                        color: 'inherit',
+                        '&:hover': {
+                            color: 'inherit',
+                        },
+                    },
+                },
+            },
+            MuiAvatar: {
+                styleOverrides: {
+                    root: {
+                        height: 32,
+                        width: 32,
+                    },
+                },
+                ...theme.components?.MuiAvatar,
+            },
+            MuiListItemAvatar: {
+                styleOverrides: {
+                    root: {
+                        minWidth: 48,
+                    },
+                },
+            },
+            MuiListItemText: {
+                styleOverrides: {
+                    primary: ({ theme }) => ({
+                        fontWeight: '500',
+                        fontSize: '1.125rem',
+                        lineHeight: '1.2778',
+                        color: theme.palette.text.primary,
+                    }),
+                    secondary: ({ theme }) => ({
+                        fontWeight: '400',
+                        fontSize: '0.75rem',
+                        color: theme.palette.text.secondary,
+                    }),
+                },
+            },
+            MuiTooltip: {
+                styleOverrides: {
+                    tooltip: ({ theme }) => ({
+                        backgroundColor: 'rgb(0 0 0 / 64%)',
+                        backdropFilter: 'blur(3px)',
+                        fontSize: '0.75rem',
+                        padding: theme.spacing(1, 1.5),
+                    }),
+                    arrow: {
+                        color: 'rgb(0 0 0 / 64%)',
+                    },
+                },
+            },
+        },
+    });
+};
+//# sourceMappingURL=theme.js.map

package/_esm/config/theme.js.map

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

package/_esm/config/version.d.ts

@@ -0,0 +1,2 @@
+export declare const name = "@lifi/widget";
+export declare const version = "3.0.0-alpha.10";

package/_esm/config/version.js

@@ -0,0 +1,3 @@
+export const name = '@lifi/widget';
+export const version = '3.0.0-alpha.10';
+//# sourceMappingURL=version.js.map

package/_esm/config/version.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"version.js","sourceRoot":"","sources":["../../config/version.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,IAAI,GAAG,cAAc,CAAC;AACnC,MAAM,CAAC,MAAM,OAAO,GAAG,gBAAgB,CAAC"}

package/_esm/hooks/index.js

@@ -0,0 +1,34 @@
+export * from './useAccount';
+export * from './useAvailableChains';
+export * from './useChain';
+export * from './useChains';
+export * from './useContentHeight';
+export * from './useDebouncedWatch';
+export * from './useDefaultElementId';
+export * from './useExpandableVariant';
+export * from './useFeaturedTokens';
+export * from './useFromTokenSufficiency';
+export * from './useGasRecommendation';
+export * from './useGasRefuel';
+export * from './useGasSufficiency';
+export * from './useInitializer';
+export * from './useLanguages';
+export * from './useNavigateBack';
+export * from './useProcessMessage';
+export * from './useRequiredToAddress';
+export * from './useRouteExecution';
+export * from './useRoutes';
+export * from './useScrollableContainer';
+export * from './useSettingMonitor';
+export * from './useSwapOnly';
+export * from './useToken';
+export * from './useTokenAddressBalance';
+export * from './useTokenBalance';
+export * from './useTokenBalances';
+export * from './useTokenSearch';
+export * from './useTokens';
+export * from './useTools';
+export * from './useTransactionDetails';
+export * from './useTransactionHistory';
+export * from './useWidgetEvents';
+//# sourceMappingURL=index.js.map

package/_esm/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC"}

package/_esm/hooks/useAccount.js

@@ -0,0 +1,49 @@
+import { ChainId, ChainType } from '@lifi/sdk';
+import { useWallet } from '@solana/wallet-adapter-react';
+import { useMemo } from 'react';
+import { useDisconnect, useAccount as useWagmiAccount } from 'wagmi';
+export const useAccount = () => {
+    const account = useWagmiAccount();
+    const { wallet } = useWallet();
+    return useMemo(() => {
+        const svm = wallet?.adapter.publicKey
+            ? {
+                address: wallet?.adapter.publicKey.toString(),
+                chainId: ChainId.SOL,
+                chainType: ChainType.SVM,
+                connector: wallet?.adapter,
+                isConnected: Boolean(wallet?.adapter.publicKey),
+                isConnecting: false,
+                isReconnecting: false,
+                isDisconnected: !wallet,
+                status: 'connected',
+            }
+            : {
+                chainType: ChainType.SVM,
+                isConnected: false,
+                isConnecting: false,
+                isReconnecting: false,
+                isDisconnected: true,
+                status: 'disconnected',
+            };
+        const evm = { ...account, chainType: ChainType.EVM };
+        return {
+            account: account.isConnected ? evm : svm,
+            accounts: [evm, svm],
+        };
+    }, [account, wallet]);
+};
+export const useAccountDisconnect = () => {
+    const account = useWagmiAccount();
+    const { disconnect: wagmiDisconnect } = useDisconnect();
+    const { wallet, disconnect } = useWallet();
+    return () => {
+        if (account.isConnected) {
+            wagmiDisconnect();
+        }
+        if (wallet) {
+            disconnect();
+        }
+    };
+};
+//# sourceMappingURL=useAccount.js.map

package/_esm/hooks/useAccount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAccount.js","sourceRoot":"","sources":["../../hooks/useAccount.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAE/C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,EAAE,aAAa,EAAE,UAAU,IAAI,eAAe,EAAE,MAAM,OAAO,CAAC;AAgCrE,MAAM,CAAC,MAAM,UAAU,GAAG,GAAkB,EAAE;IAC5C,MAAM,OAAO,GAAG,eAAe,EAAE,CAAC;IAClC,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAC;IAE/B,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,MAAM,GAAG,GAAY,MAAM,EAAE,OAAO,CAAC,SAAS;YAC5C,CAAC,CAAC;gBACE,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,SAAS,CAAC,QAAQ,EAAE;gBAC7C,OAAO,EAAE,OAAO,CAAC,GAAG;gBACpB,SAAS,EAAE,SAAS,CAAC,GAAG;gBACxB,SAAS,EAAE,MAAM,EAAE,OAAO;gBAC1B,WAAW,EAAE,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,SAAS,CAAC;gBAC/C,YAAY,EAAE,KAAK;gBACnB,cAAc,EAAE,KAAK;gBACrB,cAAc,EAAE,CAAC,MAAM;gBACvB,MAAM,EAAE,WAAW;aACpB;YACH,CAAC,CAAC;gBACE,SAAS,EAAE,SAAS,CAAC,GAAG;gBACxB,WAAW,EAAE,KAAK;gBAClB,YAAY,EAAE,KAAK;gBACnB,cAAc,EAAE,KAAK;gBACrB,cAAc,EAAE,IAAI;gBACpB,MAAM,EAAE,cAAc;aACvB,CAAC;QACN,MAAM,GAAG,GAAY,EAAE,GAAG,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC,GAAG,EAAE,CAAC;QAE9D,OAAO;YACL,OAAO,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;YACxC,QAAQ,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC;SACrB,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;AACxB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,MAAM,OAAO,GAAG,eAAe,EAAE,CAAC;IAClC,MAAM,EAAE,UAAU,EAAE,eAAe,EAAE,GAAG,aAAa,EAAE,CAAC;IACxD,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,SAAS,EAAE,CAAC;IAE3C,OAAO,GAAG,EAAE;QACV,IAAI,OAAO,CAAC,WAAW,EAAE,CAAC;YACxB,eAAe,EAAE,CAAC;QACpB,CAAC;QACD,IAAI,MAAM,EAAE,CAAC;YACX,UAAU,EAAE,CAAC;QACf,CAAC;IACH,CAAC,CAAC;AACJ,CAAC,CAAC"}

package/_esm/hooks/useAvailableChains.js

@@ -0,0 +1,33 @@
+import { ChainType, config, getChains } from '@lifi/sdk';
+import { useQuery } from '@tanstack/react-query';
+import { useCallback } from 'react';
+export const useAvailableChains = () => {
+    const { data, isLoading } = useQuery({
+        queryKey: ['chains'],
+        queryFn: async () => {
+            const chains = await getChains({
+                chainTypes: [ChainType.EVM, ChainType.SVM],
+            });
+            config.setChains(chains);
+            return chains;
+        },
+        refetchInterval: 300000,
+        staleTime: 300000,
+    });
+    const getChainById = useCallback((chainId, chains = data) => {
+        if (!chainId) {
+            return;
+        }
+        const chain = chains?.find((chain) => chain.id === chainId);
+        // if (!chain) {
+        //   throw new Error('Chain not found or chainId is invalid.');
+        // }
+        return chain;
+    }, [data]);
+    return {
+        chains: data,
+        getChainById,
+        isLoading,
+    };
+};
+//# sourceMappingURL=useAvailableChains.js.map

package/_esm/hooks/useAvailableChains.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAvailableChains.js","sourceRoot":"","sources":["../../hooks/useAvailableChains.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC;QACnC,QAAQ,EAAE,CAAC,QAAQ,CAAC;QACpB,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,MAAM,MAAM,GAAG,MAAM,SAAS,CAAC;gBAC7B,UAAU,EAAE,CAAC,SAAS,CAAC,GAAG,EAAE,SAAS,CAAC,GAAG,CAAC;aAC3C,CAAC,CAAC;YACH,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;YACzB,OAAO,MAAM,CAAC;QAChB,CAAC;QACD,eAAe,EAAE,MAAM;QACvB,SAAS,EAAE,MAAM;KAClB,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,OAAgB,EAAE,SAAsC,IAAI,EAAE,EAAE;QAC/D,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QACD,MAAM,KAAK,GAAG,MAAM,EAAE,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,OAAO,CAAC,CAAC;QAC5D,gBAAgB;QAChB,+DAA+D;QAC/D,IAAI;QACJ,OAAO,KAAK,CAAC;IACf,CAAC,EACD,CAAC,IAAI,CAAC,CACP,CAAC;IAEF,OAAO;QACL,MAAM,EAAE,IAAI;QACZ,YAAY;QACZ,SAAS;KACV,CAAC;AACJ,CAAC,CAAC"}

package/_esm/hooks/useChain.js

@@ -0,0 +1,11 @@
+import { useMemo } from 'react';
+import { useAvailableChains } from './useAvailableChains';
+export const useChain = (chainId) => {
+    const { isLoading, getChainById } = useAvailableChains();
+    const chain = useMemo(() => getChainById(chainId), [chainId, getChainById]);
+    return {
+        chain,
+        isLoading,
+    };
+};
+//# sourceMappingURL=useChain.js.map

package/_esm/hooks/useChain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChain.js","sourceRoot":"","sources":["../../hooks/useChain.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,OAAgB,EAAE,EAAE;IAC3C,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAEzD,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC;IAE5E,OAAO;QACL,KAAK;QACL,SAAS;KACV,CAAC;AACJ,CAAC,CAAC"}

package/_esm/hooks/useChains.js

@@ -0,0 +1,17 @@
+import { useMemo } from 'react';
+import { isItemAllowed, useWidgetConfig } from '../providers';
+import { useAvailableChains } from './useAvailableChains';
+export const useChains = () => {
+    const { chains } = useWidgetConfig();
+    const { chains: availableChains, isLoading: isLoadingAvailableChains, getChainById, } = useAvailableChains();
+    const filteredChains = useMemo(() => {
+        const filteredChains = availableChains?.filter((chain) => isItemAllowed(chain.id, chains));
+        return filteredChains;
+    }, [availableChains, chains]);
+    return {
+        chains: filteredChains,
+        getChainById,
+        isLoading: isLoadingAvailableChains,
+    };
+};
+//# sourceMappingURL=useChains.js.map

package/_esm/hooks/useChains.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChains.js","sourceRoot":"","sources":["../../hooks/useChains.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,MAAM,EAAE,MAAM,EAAE,GAAG,eAAe,EAAE,CAAC;IACrC,MAAM,EACJ,MAAM,EAAE,eAAe,EACvB,SAAS,EAAE,wBAAwB,EACnC,YAAY,GACb,GAAG,kBAAkB,EAAE,CAAC;IAEzB,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,MAAM,cAAc,GAAG,eAAe,EAAE,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CACvD,aAAa,CAAC,KAAK,CAAC,EAAE,EAAE,MAAM,CAAC,CAChC,CAAC;QACF,OAAO,cAAc,CAAC;IACxB,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC;IAE9B,OAAO;QACL,MAAM,EAAE,cAAc;QACtB,YAAY;QACZ,SAAS,EAAE,wBAAwB;KACpC,CAAC;AACJ,CAAC,CAAC"}