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

package/cjs/components/TokenList/TokenListItem.js

@@ -1,61 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TokenAmountSkeleton = exports.TokenListItemSkeleton = exports.TokenListItemButton = exports.TokenListItem = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const OpenInNewRounded_1 = require("@mui/icons-material/OpenInNewRounded");
-const material_1 = require("@mui/material");
-const react_1 = require("react");
-const react_i18next_1 = require("react-i18next");
-const viem_1 = require("viem");
-const utils_1 = require("../../utils");
-const TokenList_style_1 = require("./TokenList.style");
-const TokenListItem = ({ onClick, size, start, token, chain, showBalance, isBalanceLoading, startAdornment, endAdornment, }) => {
-    const handleClick = () => onClick?.(token.address);
-    return ((0, jsx_runtime_1.jsxs)(TokenList_style_1.ListItem, { disablePadding: true, style: {
-            height: `${size}px`,
-            transform: `translateY(${start}px)`,
-        }, children: [startAdornment, (0, jsx_runtime_1.jsx)(exports.TokenListItemButton, { token: token, chain: chain, showBalance: showBalance, isBalanceLoading: isBalanceLoading, onClick: handleClick }), endAdornment] }));
-};
-exports.TokenListItem = TokenListItem;
-const TokenListItemButton = ({ onClick, token, chain, showBalance, isBalanceLoading, }) => {
-    const { t } = (0, react_i18next_1.useTranslation)();
-    const tokenPrice = token.amount
-        ? (0, utils_1.formatTokenPrice)((0, viem_1.formatUnits)(token.amount, token.decimals), token.priceUSD)
-        : undefined;
-    const container = (0, react_1.useRef)(null);
-    const timeoutId = (0, react_1.useRef)();
-    const [showAddress, setShowAddress] = (0, react_1.useState)(false);
-    const onMouseEnter = () => {
-        timeoutId.current = setTimeout(() => setShowAddress(true), 350);
-    };
-    const onMouseLeave = () => {
-        clearTimeout(timeoutId.current);
-        if (showAddress) {
-            setShowAddress(false);
-        }
-    };
-    return ((0, jsx_runtime_1.jsxs)(TokenList_style_1.ListItemButton, { onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, dense: true, children: [(0, jsx_runtime_1.jsx)(material_1.ListItemAvatar, { children: (0, jsx_runtime_1.jsx)(material_1.Avatar, { src: token.logoURI, alt: token.symbol, children: token.symbol?.[0] }) }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: token.symbol, secondaryTypographyProps: {
-                    component: 'div',
-                }, secondary: (0, jsx_runtime_1.jsxs)(material_1.Box, { position: "relative", height: 20, ref: container, children: [(0, jsx_runtime_1.jsx)(material_1.Slide, { direction: "down", in: !showAddress, container: container.current, style: {
-                                position: 'absolute',
-                            }, appear: false, children: (0, jsx_runtime_1.jsx)(material_1.Box, { pt: 0.25, children: token.name }) }), (0, jsx_runtime_1.jsx)(material_1.Slide, { direction: "up", in: showAddress, container: container.current, style: {
-                                position: 'absolute',
-                            }, appear: false, mountOnEnter: true, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", children: [(0, jsx_runtime_1.jsx)(material_1.Box, { display: "flex", alignItems: "center", pt: 0.125, children: (0, utils_1.shortenAddress)(token.address) }), (0, jsx_runtime_1.jsx)(TokenList_style_1.IconButton, { size: "small", LinkComponent: material_1.Link, href: `${chain?.metamask.blockExplorerUrls[0]}address/${token.address}`, target: "_blank", rel: "nofollow noreferrer", onClick: (e) => e.stopPropagation(), children: (0, jsx_runtime_1.jsx)(OpenInNewRounded_1.default, {}) })] }) })] }) }), showBalance ? (isBalanceLoading ? ((0, jsx_runtime_1.jsx)(exports.TokenAmountSkeleton, {})) : ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { textAlign: 'right' }, children: [token.amount ? ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body1", noWrap: true, children: t('format.number', {
-                            value: (0, utils_1.formatTokenAmount)(token.amount, token.decimals),
-                        }) })) : null, tokenPrice ? ((0, jsx_runtime_1.jsx)(material_1.Typography, { fontWeight: 400, fontSize: 12, color: "text.secondary", "data-price": token.priceUSD, children: t(`format.currency`, {
-                            value: tokenPrice,
-                        }) })) : null] }))) : null] }));
-};
-exports.TokenListItemButton = TokenListItemButton;
-const TokenListItemSkeleton = () => {
-    return ((0, jsx_runtime_1.jsxs)(TokenList_style_1.ListItem, { secondaryAction: (0, jsx_runtime_1.jsx)(exports.TokenAmountSkeleton, {}), disablePadding: true, sx: { position: 'relative', flexDirection: 'row', alignItems: 'center' }, children: [(0, jsx_runtime_1.jsx)(material_1.ListItemAvatar, { children: (0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "circular", width: 32, height: 32, sx: { marginLeft: 1.5, marginRight: 2 } }) }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: (0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "text", width: 48, height: 20 }), secondary: (0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "text", width: 96, height: 20 }) })] }));
-};
-exports.TokenListItemSkeleton = TokenListItemSkeleton;
-const TokenAmountSkeleton = () => {
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
-            display: 'flex',
-            flexDirection: 'column',
-            alignItems: 'flex-end',
-        }, children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "text", width: 56, height: 24 }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "text", width: 48, height: 18 })] }));
-};
-exports.TokenAmountSkeleton = TokenAmountSkeleton;

package/cjs/components/TokenList/TokenNotFound.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TokenNotFound = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const SearchOff_1 = require("@mui/icons-material/SearchOff");
-const material_1 = require("@mui/material");
-const react_hook_form_1 = require("react-hook-form");
-const react_i18next_1 = require("react-i18next");
-const hooks_1 = require("../../hooks");
-const providers_1 = require("../../providers");
-const TokenNotFound = ({ formType }) => {
-    const { t } = (0, react_i18next_1.useTranslation)();
-    const [selectedChainId] = (0, react_hook_form_1.useWatch)({
-        name: [providers_1.FormKeyHelper.getChainKey(formType)],
-    });
-    const { getChainById } = (0, hooks_1.useAvailableChains)();
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
-            display: 'flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-            flexDirection: 'column',
-            flex: 1,
-            padding: 3,
-        }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 48, lineHeight: 1, children: (0, jsx_runtime_1.jsx)(SearchOff_1.default, { fontSize: "inherit" }) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 14, color: "text.secondary", textAlign: "center", mt: 2, px: 2, children: t('info.message.emptyTokenList', {
-                    chainName: getChainById(selectedChainId)?.name,
-                }) })] }));
-};
-exports.TokenNotFound = TokenNotFound;

package/cjs/components/TokenList/VirtualizedTokenList.js

@@ -1,59 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VirtualizedTokenList = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_virtual_1 = require("@tanstack/react-virtual");
-const react_1 = require("react");
-const react_i18next_1 = require("react-i18next");
-const TokenListItem_1 = require("./TokenListItem");
-const VirtualizedTokenList = ({ tokens, featuredTokensLength, scrollElementRef, chainId, chain, isLoading, isBalanceLoading, showBalance, showFeatured, onClick, }) => {
-    const { t } = (0, react_i18next_1.useTranslation)();
-    const hasFeaturedTokens = !!featuredTokensLength && showFeatured;
-    const featuredTokensLastIndex = (featuredTokensLength ?? 0) - 1;
-    const tokensLastIndex = tokens.length - 1;
-    const { getVirtualItems, getTotalSize, scrollToIndex } = (0, react_virtual_1.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}`,
-    });
-    (0, react_1.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 ((0, jsx_runtime_1.jsx)(material_1.List, { disablePadding: true, children: Array.from({ length: 3 }).map((_, index) => (
-            // eslint-disable-next-line react/no-array-index-key
-            (0, jsx_runtime_1.jsx)(TokenListItem_1.TokenListItemSkeleton, {}, index))) }));
-    }
-    return ((0, jsx_runtime_1.jsx)(material_1.List, { style: { height: getTotalSize() }, disablePadding: true, children: getVirtualItems().map((item) => {
-            const token = tokens[item.index];
-            return ((0, jsx_runtime_1.jsx)(TokenListItem_1.TokenListItem, { onClick: onClick, size: item.size, start: item.start, token: token, chain: chain, isBalanceLoading: isBalanceLoading, showBalance: showBalance, startAdornment: hasFeaturedTokens && token.featured && item.index === 0 ? ((0, jsx_runtime_1.jsx)(material_1.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 ? ((0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 14, fontWeight: 600, lineHeight: 1, px: 2, py: 1.25, children: t('main.otherTokens') })) : null }, item.key));
-        }) }));
-};
-exports.VirtualizedTokenList = VirtualizedTokenList;

package/cjs/components/TokenList/index.js

@@ -1,18 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./TokenList"), exports);
-__exportStar(require("./useTokenSelect"), exports);

package/cjs/components/TokenList/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/components/TokenList/useTokenSelect.js

@@ -1,56 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTokenSelect = void 0;
-const widget_1 = require("@lifi/widget");
-const react_1 = require("react");
-const react_hook_form_1 = require("react-hook-form");
-const providers_1 = require("../../providers");
-const useTokenSelect = (formType, onClick) => {
-    const tokenKey = providers_1.FormKeyHelper.getTokenKey(formType);
-    const { field: { onChange, onBlur }, } = (0, react_hook_form_1.useController)({ name: tokenKey });
-    const { setValue, getValues } = (0, react_hook_form_1.useFormContext)();
-    const { subvariant } = (0, providers_1.useWidgetConfig)();
-    const emitter = (0, widget_1.useWidgetEvents)();
-    return (0, react_1.useCallback)((tokenAddress, chainId) => {
-        onChange(tokenAddress);
-        onBlur();
-        const selectedChainId = chainId ?? getValues(providers_1.FormKeyHelper.getChainKey(formType));
-        // Set chain again to trigger URL builder update
-        setValue(providers_1.FormKeyHelper.getChainKey(formType), selectedChainId, {
-            shouldDirty: true,
-            shouldTouch: true,
-        });
-        setValue(providers_1.FormKeyHelper.getAmountKey(formType), '');
-        const oppositeFormType = formType === 'from' ? 'to' : 'from';
-        const [selectedOppositeToken, selectedOppositeChainId] = getValues([
-            providers_1.FormKeyHelper.getTokenKey(oppositeFormType),
-            providers_1.FormKeyHelper.getChainKey(oppositeFormType),
-        ]);
-        if (selectedOppositeToken === tokenAddress &&
-            selectedOppositeChainId === selectedChainId &&
-            subvariant !== 'nft') {
-            setValue(providers_1.FormKeyHelper.getTokenKey(oppositeFormType), '', {
-                shouldDirty: true,
-                shouldTouch: true,
-            });
-        }
-        const eventToEmit = formType === 'from'
-            ? widget_1.WidgetEvent.SourceChainTokenSelected
-            : widget_1.WidgetEvent.DestinationChainTokenSelected;
-        emitter.emit(eventToEmit, {
-            chainId: selectedChainId,
-            tokenAddress,
-        });
-        onClick?.();
-    }, [
-        emitter,
-        formType,
-        getValues,
-        onBlur,
-        onChange,
-        onClick,
-        setValue,
-        subvariant,
-    ]);
-};
-exports.useTokenSelect = useTokenSelect;

package/cjs/config/queryClient.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.queryClient = void 0;
-const react_query_1 = require("@tanstack/react-query");
-exports.queryClient = new react_query_1.QueryClient({
-    defaultOptions: {
-        queries: {
-            enabled: true,
-            staleTime: 3600000,
-            refetchInterval: false,
-            refetchIntervalInBackground: false,
-            refetchOnWindowFocus: true,
-            refetchOnReconnect: true,
-            refetchOnMount: true,
-            retryOnMount: true,
-            // suspense: true,
-        },
-        mutations: {
-            onError: (error) => {
-                //
-            },
-        },
-    },
-});

package/cjs/config/theme.js

@@ -1,244 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createTheme = void 0;
-const LoadingButton_1 = require("@mui/lab/LoadingButton");
-const ButtonBase_1 = require("@mui/material/ButtonBase");
-const DialogActions_1 = require("@mui/material/DialogActions");
-const colors_1 = require("@mui/material/colors");
-const styles_1 = require("@mui/material/styles");
-const palette = {
-    primary: {
-        main: '#3F49E1',
-        light: (0, styles_1.lighten)('#3F49E1', 0.5),
-        dark: (0, styles_1.darken)('#3F49E1', 0.2),
-    },
-    secondary: {
-        main: '#F5B5FF',
-        light: (0, styles_1.lighten)('#F5B5FF', 0.5),
-        dark: (0, styles_1.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 = (0, styles_1.keyframes) `
-  0% {
-    transform: scale(0);
-    opacity: 0.05;
-  }
-  100% {
-    transform: scale(1);
-    opacity: 0.1;
-  }
-`;
-const createTheme = (mode, theme = {}) => {
-    const primaryMainColor = theme.palette?.primary?.main ??
-        palette.primary.main;
-    const primaryLightColor = (0, styles_1.lighten)(theme.palette?.primary?.main ??
-        palette.primary.main, 0.5);
-    const primaryDarkColor = (0, styles_1.darken)(theme.palette?.primary?.main ??
-        palette.primary.main, 0.2);
-    const contrastButtonColor = (0, styles_1.getContrastRatio)(colors_1.common.white, primaryMainColor) >= 3
-        ? colors_1.common.white
-        : colors_1.common.black;
-    const contrastTextButtonColor = (0, styles_1.getContrastRatio)(colors_1.common.white, (0, styles_1.alpha)(primaryMainColor, 0.08)) >= 3
-        ? colors_1.common.white
-        : colors_1.common.black;
-    return (0, styles_1.createTheme)({
-        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: (0, styles_1.lighten)(theme.palette?.secondary?.main ??
-                    palette.secondary.main, 0.5),
-                dark: (0, styles_1.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: (0, styles_1.css) `
-            &
-              .${ButtonBase_1.touchRippleClasses.ripple}.${ButtonBase_1.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'
-                                ? (0, styles_1.alpha)(colors_1.common.black, 0.56)
-                                : (0, styles_1.alpha)(colors_1.common.white, 0.56),
-                            cursor: 'not-allowed',
-                            pointerEvents: 'auto',
-                        },
-                        [`&.${LoadingButton_1.loadingButtonClasses.loading}.Mui-disabled`]: {
-                            backgroundColor: primaryMainColor,
-                            color: contrastButtonColor,
-                            cursor: 'auto',
-                            pointerEvents: 'auto',
-                        },
-                        [`.${LoadingButton_1.loadingButtonClasses.loadingIndicator}`]: {
-                            color: contrastButtonColor,
-                        },
-                        [`&.${LoadingButton_1.loadingButtonClasses.root}.${LoadingButton_1.loadingButtonClasses.loading}`]: {
-                            color: 'transparent',
-                        },
-                    },
-                    text: {
-                        backgroundColor: mode === 'light'
-                            ? (0, styles_1.alpha)(primaryMainColor, 0.08)
-                            : (0, styles_1.alpha)(primaryMainColor, 0.42),
-                        '&:hover': {
-                            backgroundColor: mode === 'light'
-                                ? (0, styles_1.alpha)(primaryMainColor, 0.12)
-                                : (0, styles_1.alpha)(primaryMainColor, 0.56),
-                        },
-                        color: mode === 'light' ? primaryMainColor : contrastTextButtonColor,
-                    },
-                    contained: {
-                        '&:hover': {
-                            color: contrastButtonColor,
-                        },
-                    },
-                    sizeMedium: {
-                        padding: '10px 14px',
-                        [`.${DialogActions_1.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%)',
-                    },
-                },
-            },
-        },
-    });
-};
-exports.createTheme = createTheme;

package/cjs/config/version.d.ts

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

package/cjs/config/version.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.version = exports.name = void 0;
-exports.name = '@lifi/widget';
-exports.version = '3.0.0-alpha.0';

package/cjs/hooks/index.js

@@ -1,49 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./useAccount"), exports);
-__exportStar(require("./useAvailableChains"), exports);
-__exportStar(require("./useChain"), exports);
-__exportStar(require("./useChains"), exports);
-__exportStar(require("./useContentHeight"), exports);
-__exportStar(require("./useDebouncedWatch"), exports);
-__exportStar(require("./useDefaultElementId"), exports);
-__exportStar(require("./useExpandableVariant"), exports);
-__exportStar(require("./useFeaturedTokens"), exports);
-__exportStar(require("./useFromTokenSufficiency"), exports);
-__exportStar(require("./useGasRecommendation"), exports);
-__exportStar(require("./useGasRefuel"), exports);
-__exportStar(require("./useGasSufficiency"), exports);
-__exportStar(require("./useInitializer"), exports);
-__exportStar(require("./useLanguages"), exports);
-__exportStar(require("./useNavigateBack"), exports);
-__exportStar(require("./useProcessMessage"), exports);
-__exportStar(require("./useRequiredToAddress"), exports);
-__exportStar(require("./useRouteExecution"), exports);
-__exportStar(require("./useRoutes"), exports);
-__exportStar(require("./useScrollableContainer"), exports);
-__exportStar(require("./useSettingMonitor"), exports);
-__exportStar(require("./useSwapOnly"), exports);
-__exportStar(require("./useToken"), exports);
-__exportStar(require("./useTokenAddressBalance"), exports);
-__exportStar(require("./useTokenBalance"), exports);
-__exportStar(require("./useTokenBalances"), exports);
-__exportStar(require("./useTokenSearch"), exports);
-__exportStar(require("./useTokens"), exports);
-__exportStar(require("./useTools"), exports);
-__exportStar(require("./useTransactionDetails"), exports);
-__exportStar(require("./useTransactionHistory"), exports);
-__exportStar(require("./useWidgetEvents"), exports);

package/cjs/hooks/useAccount.js

@@ -1,53 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAccountDisconnect = exports.useAccount = void 0;
-const sdk_1 = require("@lifi/sdk");
-const wallet_adapter_react_1 = require("@solana/wallet-adapter-react");
-const react_1 = require("react");
-const wagmi_1 = require("wagmi");
-const useAccount = () => {
-    const account = (0, wagmi_1.useAccount)();
-    const { wallet } = (0, wallet_adapter_react_1.useWallet)();
-    return (0, react_1.useMemo)(() => {
-        const svm = wallet?.adapter.publicKey
-            ? {
-                address: wallet?.adapter.publicKey.toString(),
-                chainId: sdk_1.ChainId.SOL,
-                chainType: sdk_1.ChainType.SVM,
-                connector: wallet?.adapter,
-                isConnected: Boolean(wallet?.adapter.publicKey),
-                isConnecting: false,
-                isReconnecting: false,
-                isDisconnected: !wallet,
-                status: 'connected',
-            }
-            : {
-                chainType: sdk_1.ChainType.SVM,
-                isConnected: false,
-                isConnecting: false,
-                isReconnecting: false,
-                isDisconnected: true,
-                status: 'disconnected',
-            };
-        const evm = { ...account, chainType: sdk_1.ChainType.EVM };
-        return {
-            account: account.isConnected ? evm : svm,
-            accounts: [evm, svm],
-        };
-    }, [account, wallet]);
-};
-exports.useAccount = useAccount;
-const useAccountDisconnect = () => {
-    const account = (0, wagmi_1.useAccount)();
-    const { disconnect: wagmiDisconnect } = (0, wagmi_1.useDisconnect)();
-    const { wallet, disconnect } = (0, wallet_adapter_react_1.useWallet)();
-    return () => {
-        if (account.isConnected) {
-            wagmiDisconnect();
-        }
-        if (wallet) {
-            disconnect();
-        }
-    };
-};
-exports.useAccountDisconnect = useAccountDisconnect;

package/cjs/hooks/useAvailableChains.js

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAvailableChains = void 0;
-const sdk_1 = require("@lifi/sdk");
-const react_query_1 = require("@tanstack/react-query");
-const react_1 = require("react");
-const useAvailableChains = () => {
-    const { data, isLoading } = (0, react_query_1.useQuery)({
-        queryKey: ['chains'],
-        queryFn: async () => {
-            const chains = await (0, sdk_1.getChains)({
-                chainTypes: [sdk_1.ChainType.EVM, sdk_1.ChainType.SVM],
-            });
-            sdk_1.config.setChains(chains);
-            return chains;
-        },
-        refetchInterval: 300000,
-        staleTime: 300000,
-    });
-    const getChainById = (0, react_1.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,
-    };
-};
-exports.useAvailableChains = useAvailableChains;

package/cjs/hooks/useChain.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useChain = void 0;
-const react_1 = require("react");
-const useAvailableChains_1 = require("./useAvailableChains");
-const useChain = (chainId) => {
-    const { isLoading, getChainById } = (0, useAvailableChains_1.useAvailableChains)();
-    const chain = (0, react_1.useMemo)(() => getChainById(chainId), [chainId, getChainById]);
-    return {
-        chain,
-        isLoading,
-    };
-};
-exports.useChain = useChain;