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

package/src/_cjs/components/TokenList/useTokenSelect.js

@@ -0,0 +1,57 @@
+"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;
+//# sourceMappingURL=useTokenSelect.js.map

package/src/_cjs/components/TokenList/useTokenSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTokenSelect.js","sourceRoot":"","sources":["../../../../../src/components/TokenList/useTokenSelect.ts"],"names":[],"mappings":";;;AAAA,yCAA4D;AAC5D,iCAAoC;AACpC,qDAAgE;AAEhE,+CAAiE;AAE1D,MAAM,cAAc,GAAG,CAAC,QAAkB,EAAE,OAAoB,EAAE,EAAE;IACzE,MAAM,QAAQ,GAAG,yBAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IACrD,MAAM,EACJ,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,GAC5B,GAAG,IAAA,+BAAa,EAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;IACtC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAA,gCAAc,GAAE,CAAC;IACjD,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IACzC,MAAM,OAAO,GAAG,IAAA,wBAAe,GAAE,CAAC;IAElC,OAAO,IAAA,mBAAW,EAChB,CAAC,YAAoB,EAAE,OAAgB,EAAE,EAAE;QACzC,QAAQ,CAAC,YAAY,CAAC,CAAC;QACvB,MAAM,EAAE,CAAC;QACT,MAAM,eAAe,GACnB,OAAO,IAAI,SAAS,CAAC,yBAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC;QAC5D,gDAAgD;QAChD,QAAQ,CAAC,yBAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,eAAe,EAAE;YAC7D,WAAW,EAAE,IAAI;YACjB,WAAW,EAAE,IAAI;SAClB,CAAC,CAAC;QACH,QAAQ,CAAC,yBAAa,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,yBAAa,CAAC,WAAW,CAAC,gBAAgB,CAAC;YAC3C,yBAAa,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,yBAAa,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,oBAAW,CAAC,wBAAwB;YACtC,CAAC,CAAC,oBAAW,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;AA5DW,QAAA,cAAc,kBA4DzB"}

package/src/_cjs/config/queryClient.d.ts

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

package/src/_cjs/config/queryClient.js

@@ -0,0 +1,25 @@
+"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) => {
+                //
+            },
+        },
+    },
+});
+//# sourceMappingURL=queryClient.js.map

package/src/_cjs/config/queryClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"queryClient.js","sourceRoot":"","sources":["../../../../src/config/queryClient.ts"],"names":[],"mappings":";;;AAAA,uDAAoD;AAEvC,QAAA,WAAW,GAAG,IAAI,yBAAW,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/src/_cjs/config/theme.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import type { PaletteMode } from '@mui/material';
+import type { ThemeConfig } from '../types';
+declare module '@mui/material/styles' {
+    interface TypographyVariants {
+        '@supports (font-variation-settings: normal)': React.CSSProperties;
+    }
+    interface TypographyVariantsOptions {
+        '@supports (font-variation-settings: normal)'?: React.CSSProperties;
+    }
+    interface Shape {
+        borderRadius: number;
+        borderRadiusSecondary: number;
+    }
+    interface Theme {
+        shape: Shape;
+    }
+    interface ThemeOptions {
+        shape?: Partial<Shape>;
+    }
+}
+declare module '@mui/material/Typography' {
+    interface TypographyPropsVariantOverrides {
+        '@supports (font-variation-settings: normal)': true;
+    }
+}
+export declare const createTheme: (mode: PaletteMode, theme?: ThemeConfig) => import("@mui/material").Theme;

package/src/_cjs/config/theme.js

@@ -0,0 +1,245 @@
+"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;
+//# sourceMappingURL=theme.js.map

package/src/_cjs/config/theme.js.map

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

package/src/_cjs/config/version.d.ts

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

package/src/_cjs/config/version.js

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

package/src/_cjs/config/version.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"version.js","sourceRoot":"","sources":["../../../../src/config/version.ts"],"names":[],"mappings":";;;AAAa,QAAA,IAAI,GAAG,cAAc,CAAC;AACtB,QAAA,OAAO,GAAG,eAAe,CAAC"}

package/src/_cjs/hooks/index.d.ts

@@ -0,0 +1,33 @@
+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';

package/src/_cjs/hooks/index.js

@@ -0,0 +1,50 @@
+"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);
+//# sourceMappingURL=index.js.map

package/src/_cjs/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B;AAC7B,uDAAqC;AACrC,6CAA2B;AAC3B,8CAA4B;AAC5B,qDAAmC;AACnC,sDAAoC;AACpC,wDAAsC;AACtC,yDAAuC;AACvC,sDAAoC;AACpC,4DAA0C;AAC1C,yDAAuC;AACvC,iDAA+B;AAC/B,sDAAoC;AACpC,mDAAiC;AACjC,iDAA+B;AAC/B,oDAAkC;AAClC,sDAAoC;AACpC,yDAAuC;AACvC,sDAAoC;AACpC,8CAA4B;AAC5B,2DAAyC;AACzC,sDAAoC;AACpC,gDAA8B;AAC9B,6CAA2B;AAC3B,2DAAyC;AACzC,oDAAkC;AAClC,qDAAmC;AACnC,mDAAiC;AACjC,8CAA4B;AAC5B,6CAA2B;AAC3B,0DAAwC;AACxC,0DAAwC;AACxC,oDAAkC"}

package/src/_cjs/hooks/useAccount.d.ts

@@ -0,0 +1,31 @@
+import { ChainType } from '@lifi/sdk';
+import type { WalletAdapter } from '@solana/wallet-adapter-base';
+import type { Chain } from 'viem';
+import type { Connector } from 'wagmi';
+export interface AccountBase {
+    address?: string;
+    addresses?: readonly string[];
+    chain?: Chain;
+    chainId?: number;
+    chainType?: ChainType;
+    isConnected: boolean;
+    isConnecting: boolean;
+    isDisconnected: boolean;
+    isReconnecting: boolean;
+    status: 'connected' | 'reconnecting' | 'connecting' | 'disconnected';
+}
+export interface EVMAccount extends AccountBase {
+    chainType: ChainType.EVM;
+    connector?: Connector;
+}
+export interface SVMAccount extends AccountBase {
+    chainType: ChainType.SVM;
+    connector?: WalletAdapter;
+}
+export type Account = EVMAccount | SVMAccount;
+export interface AccountResult {
+    account: Account;
+    accounts: Account[];
+}
+export declare const useAccount: () => AccountResult;
+export declare const useAccountDisconnect: () => () => void;

package/src/_cjs/hooks/useAccount.js

@@ -0,0 +1,54 @@
+"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;
+//# sourceMappingURL=useAccount.js.map

package/src/_cjs/hooks/useAccount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAccount.js","sourceRoot":"","sources":["../../../../src/hooks/useAccount.ts"],"names":[],"mappings":";;;AAAA,mCAA+C;AAE/C,uEAAyD;AACzD,iCAAgC;AAGhC,iCAAqE;AAgC9D,MAAM,UAAU,GAAG,GAAkB,EAAE;IAC5C,MAAM,OAAO,GAAG,IAAA,kBAAe,GAAE,CAAC;IAClC,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,gCAAS,GAAE,CAAC;IAE/B,OAAO,IAAA,eAAO,EAAC,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,aAAO,CAAC,GAAG;gBACpB,SAAS,EAAE,eAAS,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,eAAS,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,eAAS,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;AAhCW,QAAA,UAAU,cAgCrB;AAEK,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,MAAM,OAAO,GAAG,IAAA,kBAAe,GAAE,CAAC;IAClC,MAAM,EAAE,UAAU,EAAE,eAAe,EAAE,GAAG,IAAA,qBAAa,GAAE,CAAC;IACxD,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,gCAAS,GAAE,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;AAbW,QAAA,oBAAoB,wBAa/B"}

package/src/_cjs/hooks/useAvailableChains.d.ts

@@ -0,0 +1,6 @@
+import type { ExtendedChain } from '@lifi/sdk';
+export declare const useAvailableChains: () => {
+    chains: ExtendedChain[] | undefined;
+    getChainById: (chainId?: number, chains?: ExtendedChain[] | undefined) => ExtendedChain | undefined;
+    isLoading: boolean;
+};

package/src/_cjs/hooks/useAvailableChains.js

@@ -0,0 +1,37 @@
+"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;
+//# sourceMappingURL=useAvailableChains.js.map

package/src/_cjs/hooks/useAvailableChains.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAvailableChains.js","sourceRoot":"","sources":["../../../../src/hooks/useAvailableChains.ts"],"names":[],"mappings":";;;AACA,mCAAyD;AACzD,uDAAiD;AACjD,iCAAoC;AAE7B,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,IAAA,sBAAQ,EAAC;QACnC,QAAQ,EAAE,CAAC,QAAQ,CAAC;QACpB,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,MAAM,MAAM,GAAG,MAAM,IAAA,eAAS,EAAC;gBAC7B,UAAU,EAAE,CAAC,eAAS,CAAC,GAAG,EAAE,eAAS,CAAC,GAAG,CAAC;aAC3C,CAAC,CAAC;YACH,YAAM,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,IAAA,mBAAW,EAC9B,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;AAjCW,QAAA,kBAAkB,sBAiC7B"}

package/src/_cjs/hooks/useChain.d.ts

@@ -0,0 +1,4 @@
+export declare const useChain: (chainId?: number) => {
+    chain: import("@lifi/types").ExtendedChain | undefined;
+    isLoading: boolean;
+};

package/src/_cjs/hooks/useChain.js

@@ -0,0 +1,15 @@
+"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;
+//# sourceMappingURL=useChain.js.map

package/src/_cjs/hooks/useChain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChain.js","sourceRoot":"","sources":["../../../../src/hooks/useChain.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAChC,6DAA0D;AAEnD,MAAM,QAAQ,GAAG,CAAC,OAAgB,EAAE,EAAE;IAC3C,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,IAAA,uCAAkB,GAAE,CAAC;IAEzD,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,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;AATW,QAAA,QAAQ,YASnB"}