@lifi/widget 1.32.2 → 1.32.3

package/AppDrawer.d.ts

@@ -9,3 +9,6 @@ export interface WidgetDrawer {
 export declare const AppDrawer: import("react").ForwardRefExoticComponent<import("./types").WidgetDrawerProps & WidgetConfig & {
     config?: WidgetConfig | undefined;
 } & import("react").RefAttributes<WidgetDrawer>>;
+export declare const DrawerButtonText: ({ open }: {
+    open: boolean;
+}) => JSX.Element;

package/AppDrawer.js

@@ -7,9 +7,8 @@ import { AppDefault } from './App';
 import { DrawerButton, DrawerButtonTypography } from './AppDrawer.style';
 import { AppProvider } from './AppProvider';
 export const AppDrawer = forwardRef(({ elementRef, open, config }, ref) => {
-    const { t } = useTranslation();
     const openRef = useRef(open);
-    const [drawerOpen, setDrawerOpen] = useState(open);
+    const [drawerOpen, setDrawerOpen] = useState(Boolean(open));
     const toggleDrawer = useCallback(() => {
         setDrawerOpen((open) => !open);
     }, []);
@@ -31,9 +30,8 @@ export const AppDrawer = forwardRef(({ elementRef, open, config }, ref) => {
             ...config?.containerStyle,
             height: '100%',
         },
-        variant: 'drawer',
     }), [config]);
-    return (_jsxs(AppProvider, { config: drawerConfig, children: [_jsxs(DrawerButton, { variant: "contained", onClick: toggleDrawer, open: drawerOpen, drawerProps: config?.containerStyle, children: [drawerOpen ? _jsx(KeyboardArrowRightIcon, {}) : _jsx(KeyboardArrowLeftIcon, {}), _jsx(DrawerButtonTypography, { children: drawerOpen ? t('button.hide') : t('button.lifiSwap') })] }), _jsx(Drawer, { ref: elementRef, anchor: "right", open: drawerOpen, onClose: closeDrawer, BackdropProps: {
+    return (_jsxs(AppProvider, { config: drawerConfig, children: [_jsxs(DrawerButton, { variant: "contained", onClick: toggleDrawer, open: drawerOpen, drawerProps: config?.containerStyle, children: [drawerOpen ? _jsx(KeyboardArrowRightIcon, {}) : _jsx(KeyboardArrowLeftIcon, {}), _jsx(DrawerButtonText, { open: drawerOpen })] }), _jsx(Drawer, { ref: elementRef, anchor: "right", open: drawerOpen, onClose: closeDrawer, BackdropProps: {
                     sx: {
                         backgroundColor: 'rgb(0 0 0 / 48%)',
                         backdropFilter: 'blur(3px)',
@@ -46,3 +44,7 @@ export const AppDrawer = forwardRef(({ elementRef, open, config }, ref) => {
                     },
                 }, keepMounted: true, children: _jsx(AppDefault, {}) })] }));
 });
+export const DrawerButtonText = ({ open }) => {
+    const { t } = useTranslation();
+    return (_jsx(DrawerButtonTypography, { children: open ? t('button.hide') : t('button.lifiSwap') }));
+};

package/cjs/AppDrawer.d.ts

@@ -9,3 +9,6 @@ export interface WidgetDrawer {
 export declare const AppDrawer: import("react").ForwardRefExoticComponent<import("./types").WidgetDrawerProps & WidgetConfig & {
     config?: WidgetConfig | undefined;
 } & import("react").RefAttributes<WidgetDrawer>>;
+export declare const DrawerButtonText: ({ open }: {
+    open: boolean;
+}) => JSX.Element;

package/cjs/AppDrawer.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppDrawer = void 0;
+exports.DrawerButtonText = exports.AppDrawer = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const icons_material_1 = require("@mui/icons-material");
 const material_1 = require("@mui/material");
@@ -10,9 +10,8 @@ const App_1 = require("./App");
 const AppDrawer_style_1 = require("./AppDrawer.style");
 const AppProvider_1 = require("./AppProvider");
 exports.AppDrawer = (0, react_1.forwardRef)(({ elementRef, open, config }, ref) => {
-    const { t } = (0, react_i18next_1.useTranslation)();
     const openRef = (0, react_1.useRef)(open);
-    const [drawerOpen, setDrawerOpen] = (0, react_1.useState)(open);
+    const [drawerOpen, setDrawerOpen] = (0, react_1.useState)(Boolean(open));
     const toggleDrawer = (0, react_1.useCallback)(() => {
         setDrawerOpen((open) => !open);
     }, []);
@@ -34,9 +33,8 @@ exports.AppDrawer = (0, react_1.forwardRef)(({ elementRef, open, config }, ref)
             ...config?.containerStyle,
             height: '100%',
         },
-        variant: 'drawer',
     }), [config]);
-    return ((0, jsx_runtime_1.jsxs)(AppProvider_1.AppProvider, { config: drawerConfig, children: [(0, jsx_runtime_1.jsxs)(AppDrawer_style_1.DrawerButton, { variant: "contained", onClick: toggleDrawer, open: drawerOpen, drawerProps: config?.containerStyle, children: [drawerOpen ? (0, jsx_runtime_1.jsx)(icons_material_1.KeyboardArrowRight, {}) : (0, jsx_runtime_1.jsx)(icons_material_1.KeyboardArrowLeft, {}), (0, jsx_runtime_1.jsx)(AppDrawer_style_1.DrawerButtonTypography, { children: drawerOpen ? t('button.hide') : t('button.lifiSwap') })] }), (0, jsx_runtime_1.jsx)(material_1.Drawer, { ref: elementRef, anchor: "right", open: drawerOpen, onClose: closeDrawer, BackdropProps: {
+    return ((0, jsx_runtime_1.jsxs)(AppProvider_1.AppProvider, { config: drawerConfig, children: [(0, jsx_runtime_1.jsxs)(AppDrawer_style_1.DrawerButton, { variant: "contained", onClick: toggleDrawer, open: drawerOpen, drawerProps: config?.containerStyle, children: [drawerOpen ? (0, jsx_runtime_1.jsx)(icons_material_1.KeyboardArrowRight, {}) : (0, jsx_runtime_1.jsx)(icons_material_1.KeyboardArrowLeft, {}), (0, jsx_runtime_1.jsx)(exports.DrawerButtonText, { open: drawerOpen })] }), (0, jsx_runtime_1.jsx)(material_1.Drawer, { ref: elementRef, anchor: "right", open: drawerOpen, onClose: closeDrawer, BackdropProps: {
                     sx: {
                         backgroundColor: 'rgb(0 0 0 / 48%)',
                         backdropFilter: 'blur(3px)',
@@ -49,3 +47,8 @@ exports.AppDrawer = (0, react_1.forwardRef)(({ elementRef, open, config }, ref)
                     },
                 }, keepMounted: true, children: (0, jsx_runtime_1.jsx)(App_1.AppDefault, {}) })] }));
 });
+const DrawerButtonText = ({ open }) => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    return ((0, jsx_runtime_1.jsx)(AppDrawer_style_1.DrawerButtonTypography, { children: open ? t('button.hide') : t('button.lifiSwap') }));
+};
+exports.DrawerButtonText = DrawerButtonText;

package/cjs/config/version.d.ts

@@ -1,2 +1,2 @@
 export declare const name = "@lifi/widget";
-export declare const version = "1.32.2";
+export declare const version = "1.32.3";

package/cjs/config/version.js

@@ -2,4 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.version = exports.name = void 0;
 exports.name = '@lifi/widget';
-exports.version = '1.32.2';
+exports.version = '1.32.3';

package/cjs/hooks/index.d.ts

@@ -12,7 +12,6 @@ export * from './useProcessMessage';
 export * from './useRouteExecution';
 export * from './useScrollableContainer';
 export * from './useSwapRoutes';
-export * from './useTelemetry';
 export * from './useToken';
 export * from './useTokenAddressBalance';
 export * from './useTokenBalance';

package/cjs/hooks/index.js

@@ -28,7 +28,6 @@ __exportStar(require("./useProcessMessage"), exports);
 __exportStar(require("./useRouteExecution"), exports);
 __exportStar(require("./useScrollableContainer"), exports);
 __exportStar(require("./useSwapRoutes"), exports);
-__exportStar(require("./useTelemetry"), exports);
 __exportStar(require("./useToken"), exports);
 __exportStar(require("./useTokenAddressBalance"), exports);
 __exportStar(require("./useTokenBalance"), exports);

package/cjs/hooks/useTokenBalance.js

@@ -5,7 +5,7 @@ const react_query_1 = require("@tanstack/react-query");
 const react_1 = require("react");
 const providers_1 = require("../providers");
 const utils_1 = require("../utils");
-const defaultRefetchInterval = 60000;
+const defaultRefetchInterval = 30000;
 const useTokenBalance = (token, accountAddress) => {
     const lifi = (0, providers_1.useLiFi)();
     const { account } = (0, providers_1.useWallet)();

package/cjs/hooks/useTokenBalances.js

@@ -8,7 +8,7 @@ const providers_1 = require("../providers");
 const utils_1 = require("../utils");
 const useFeaturedTokens_1 = require("./useFeaturedTokens");
 const useTokens_1 = require("./useTokens");
-const defaultRefetchInterval = 60000;
+const defaultRefetchInterval = 30000;
 const minRefetchInterval = 1000;
 const useTokenBalances = (selectedChainId) => {
     const lifi = (0, providers_1.useLiFi)();

package/cjs/providers/index.d.ts

@@ -1,7 +1,6 @@
 export * from './I18nProvider';
 export * from './SDKProvider';
 export * from './SwapFormProvider';
-export * from './TelemetryProvider';
 export * from './ThemeProvider';
 export * from './WalletProvider';
 export * from './WidgetProvider';

package/cjs/providers/index.js

@@ -17,7 +17,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./I18nProvider"), exports);
 __exportStar(require("./SDKProvider"), exports);
 __exportStar(require("./SwapFormProvider"), exports);
-__exportStar(require("./TelemetryProvider"), exports);
 __exportStar(require("./ThemeProvider"), exports);
 __exportStar(require("./WalletProvider"), exports);
 __exportStar(require("./WidgetProvider"), exports);

package/config/version.d.ts

@@ -1,2 +1,2 @@
 export declare const name = "@lifi/widget";
-export declare const version = "1.32.2";
+export declare const version = "1.32.3";

package/config/version.js

@@ -1,2 +1,2 @@
 export const name = '@lifi/widget';
-export const version = '1.32.2';
+export const version = '1.32.3';

package/hooks/index.d.ts

@@ -12,7 +12,6 @@ export * from './useProcessMessage';
 export * from './useRouteExecution';
 export * from './useScrollableContainer';
 export * from './useSwapRoutes';
-export * from './useTelemetry';
 export * from './useToken';
 export * from './useTokenAddressBalance';
 export * from './useTokenBalance';

package/hooks/index.js

@@ -12,7 +12,6 @@ export * from './useProcessMessage';
 export * from './useRouteExecution';
 export * from './useScrollableContainer';
 export * from './useSwapRoutes';
-export * from './useTelemetry';
 export * from './useToken';
 export * from './useTokenAddressBalance';
 export * from './useTokenBalance';

package/hooks/useTokenBalance.js

@@ -2,7 +2,7 @@ import { useQuery, useQueryClient } from '@tanstack/react-query';
 import { useCallback, useMemo } from 'react';
 import { useLiFi, useWallet } from '../providers';
 import { formatTokenAmount } from '../utils';
-const defaultRefetchInterval = 60000;
+const defaultRefetchInterval = 30000;
 export const useTokenBalance = (token, accountAddress) => {
     const lifi = useLiFi();
     const { account } = useWallet();

package/hooks/useTokenBalances.js

@@ -5,7 +5,7 @@ import { useLiFi, useWallet } from '../providers';
 import { formatTokenAmount } from '../utils';
 import { useFeaturedTokens } from './useFeaturedTokens';
 import { useTokens } from './useTokens';
-const defaultRefetchInterval = 60000;
+const defaultRefetchInterval = 30000;
 const minRefetchInterval = 1000;
 export const useTokenBalances = (selectedChainId) => {
     const lifi = useLiFi();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifi/widget",
-  "version": "1.32.2",
+  "version": "1.32.3",
   "description": "LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.",
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -47,14 +47,11 @@
     "@lifi/wallet-management": "^1.2.8",
     "@mui/icons-material": "^5.11.9",
     "@mui/lab": "^5.0.0-alpha.120",
-    "@mui/material": "^5.11.9",
-    "@sentry/integrations": "^7.36.0",
-    "@sentry/react": "^7.36.0",
-    "@sentry/tracing": "^7.36.0",
-    "@tanstack/react-query": "^4.24.6",
-    "@tanstack/react-virtual": "^3.0.0-beta.48",
+    "@mui/material": "^5.11.10",
+    "@tanstack/react-query": "^4.24.9",
+    "@tanstack/react-virtual": "^3.0.0-beta.49",
     "big.js": "^6.2.1",
-    "i18next": "^22.4.9",
+    "i18next": "^22.4.10",
     "i18next-browser-languagedetector": "^7.0.1",
     "microdiff": "^1.3.1",
     "mitt": "^3.0.0",

package/providers/index.d.ts

@@ -1,7 +1,6 @@
 export * from './I18nProvider';
 export * from './SDKProvider';
 export * from './SwapFormProvider';
-export * from './TelemetryProvider';
 export * from './ThemeProvider';
 export * from './WalletProvider';
 export * from './WidgetProvider';

package/providers/index.js

@@ -1,7 +1,6 @@
 export * from './I18nProvider';
 export * from './SDKProvider';
 export * from './SwapFormProvider';
-export * from './TelemetryProvider';
 export * from './ThemeProvider';
 export * from './WalletProvider';
 export * from './WidgetProvider';