@lifi/widget 1.26.0 → 1.26.1

package/cjs/components/BottomSheet/BottomSheet.js

@@ -6,12 +6,13 @@ const material_1 = require("@mui/material");
 const react_1 = require("react");
 const hooks_1 = require("../../hooks");
 const Dialog_1 = require("../Dialog");
-exports.BottomSheet = (0, react_1.forwardRef)(({ elementRef, children, open }, ref) => {
+exports.BottomSheet = (0, react_1.forwardRef)(({ elementRef, children, open, onClose }, ref) => {
     const openRef = (0, react_1.useRef)(open);
     const [drawerOpen, setDrawerOpen] = (0, react_1.useState)(open);
     const close = (0, react_1.useCallback)(() => {
         setDrawerOpen(false);
         openRef.current = false;
+        onClose === null || onClose === void 0 ? void 0 : onClose();
     }, []);
     (0, react_1.useImperativeHandle)(ref, () => ({
         isOpen: () => openRef.current,

package/cjs/components/BottomSheet/types.d.ts

@@ -1,7 +1,8 @@
 import type { DrawerProps } from '@mui/material';
 import type { RefObject } from 'react';
-export type BottomSheetProps = DrawerProps & {
+export type BottomSheetProps = Omit<DrawerProps, 'onClose'> & {
     elementRef?: RefObject<HTMLDivElement>;
+    onClose?(): void;
 };
 export interface BottomSheetBase {
     isOpen(): void;

package/cjs/config/version.d.ts

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

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.26.0';
+exports.version = '1.26.1';

package/cjs/pages/SwapPage/ExchangeRateBottomSheet.js

@@ -20,11 +20,11 @@ exports.ExchangeRateBottomSheet = (0, react_1.forwardRef)(({ onContinue, onCance
         (_a = ref.current) === null || _a === void 0 ? void 0 : _a.close(true);
         onContinue === null || onContinue === void 0 ? void 0 : onContinue();
     };
-    const handleCancel = () => {
+    const handleCancel = (0, react_1.useCallback)(() => {
         var _a;
         (_a = ref.current) === null || _a === void 0 ? void 0 : _a.close(false);
         onCancel === null || onCancel === void 0 ? void 0 : onCancel();
-    };
+    }, []);
     (0, react_1.useImperativeHandle)(ref, () => ({
         isOpen: () => { var _a; return (_a = bottomSheetRef.current) === null || _a === void 0 ? void 0 : _a.isOpen(); },
         open: (resolver, data) => {
@@ -39,7 +39,7 @@ exports.ExchangeRateBottomSheet = (0, react_1.forwardRef)(({ onContinue, onCance
             (_b = bottomSheetRef.current) === null || _b === void 0 ? void 0 : _b.close();
         },
     }), []);
-    return ((0, jsx_runtime_1.jsx)(BottomSheet_1.BottomSheet, Object.assign({ ref: bottomSheetRef }, { children: (0, jsx_runtime_1.jsx)(ExchangeRateBottomSheetContent, { data: data, onContinue: handleContinue, onCancel: handleCancel }) })));
+    return ((0, jsx_runtime_1.jsx)(BottomSheet_1.BottomSheet, Object.assign({ ref: bottomSheetRef, onClose: handleCancel }, { children: (0, jsx_runtime_1.jsx)(ExchangeRateBottomSheetContent, { data: data, onContinue: handleContinue, onCancel: handleCancel }) })));
 });
 const ExchangeRateBottomSheetContent = ({ data, onCancel, onContinue }) => {
     const { t } = (0, react_i18next_1.useTranslation)();

package/cjs/pages/SwapPage/TokenValueBottomSheet.js

@@ -11,12 +11,12 @@ const BottomSheet_1 = require("../../components/BottomSheet");
 const hooks_1 = require("../../hooks");
 const StatusBottomSheet_style_1 = require("./StatusBottomSheet.style");
 exports.TokenValueBottomSheet = (0, react_1.forwardRef)(({ route, onContinue, onCancel }, ref) => {
-    const handleCancel = () => {
+    const handleCancel = (0, react_1.useCallback)(() => {
         var _a;
         (_a = ref.current) === null || _a === void 0 ? void 0 : _a.close();
         onCancel === null || onCancel === void 0 ? void 0 : onCancel();
-    };
-    return ((0, jsx_runtime_1.jsx)(BottomSheet_1.BottomSheet, Object.assign({ ref: ref }, { children: (0, jsx_runtime_1.jsx)(TokenValueBottomSheetContent, { route: route, onContinue: onContinue, onCancel: handleCancel }) })));
+    }, []);
+    return ((0, jsx_runtime_1.jsx)(BottomSheet_1.BottomSheet, Object.assign({ ref: ref, onClose: handleCancel }, { children: (0, jsx_runtime_1.jsx)(TokenValueBottomSheetContent, { route: route, onContinue: onContinue, onCancel: handleCancel }) })));
 });
 const TokenValueBottomSheetContent = ({ route, onCancel, onContinue, }) => {
     const { t } = (0, react_i18next_1.useTranslation)();

package/components/BottomSheet/BottomSheet.js

@@ -1,14 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Drawer } from '@mui/material';
-import { forwardRef, useCallback, useImperativeHandle, useRef, useState, } from 'react';
+import { forwardRef, useCallback, useImperativeHandle, useRef, useState } from 'react';
 import { getScrollableContainer } from '../../hooks';
 import { backdropProps, modalProps, paperProps } from '../Dialog';
-export const BottomSheet = forwardRef(({ elementRef, children, open }, ref) => {
+export const BottomSheet = forwardRef(({ elementRef, children, open, onClose }, ref) => {
     const openRef = useRef(open);
     const [drawerOpen, setDrawerOpen] = useState(open);
     const close = useCallback(() => {
         setDrawerOpen(false);
         openRef.current = false;
+        onClose === null || onClose === void 0 ? void 0 : onClose();
     }, []);
     useImperativeHandle(ref, () => ({
         isOpen: () => openRef.current,

package/components/BottomSheet/types.d.ts

@@ -1,7 +1,8 @@
 import type { DrawerProps } from '@mui/material';
 import type { RefObject } from 'react';
-export type BottomSheetProps = DrawerProps & {
+export type BottomSheetProps = Omit<DrawerProps, 'onClose'> & {
     elementRef?: RefObject<HTMLDivElement>;
+    onClose?(): void;
 };
 export interface BottomSheetBase {
     isOpen(): void;

package/config/version.d.ts

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

package/config/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifi/widget",
-  "version": "1.26.0",
+  "version": "1.26.1",
   "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",

package/pages/SwapPage/ExchangeRateBottomSheet.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { WarningRounded as WarningIcon } from '@mui/icons-material';
 import { Box, Button, Typography } from '@mui/material';
 import Big from 'big.js';
-import { forwardRef, useImperativeHandle, useRef, useState } from 'react';
+import { forwardRef, useCallback, useImperativeHandle, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { BottomSheet } from '../../components/BottomSheet';
 import { useSetContentHeight } from '../../hooks';
@@ -17,11 +17,11 @@ export const ExchangeRateBottomSheet = forwardRef(({ onContinue, onCancel }, ref
         (_a = ref.current) === null || _a === void 0 ? void 0 : _a.close(true);
         onContinue === null || onContinue === void 0 ? void 0 : onContinue();
     };
-    const handleCancel = () => {
+    const handleCancel = useCallback(() => {
         var _a;
         (_a = ref.current) === null || _a === void 0 ? void 0 : _a.close(false);
         onCancel === null || onCancel === void 0 ? void 0 : onCancel();
-    };
+    }, []);
     useImperativeHandle(ref, () => ({
         isOpen: () => { var _a; return (_a = bottomSheetRef.current) === null || _a === void 0 ? void 0 : _a.isOpen(); },
         open: (resolver, data) => {
@@ -36,7 +36,7 @@ export const ExchangeRateBottomSheet = forwardRef(({ onContinue, onCancel }, ref
             (_b = bottomSheetRef.current) === null || _b === void 0 ? void 0 : _b.close();
         },
     }), []);
-    return (_jsx(BottomSheet, Object.assign({ ref: bottomSheetRef }, { children: _jsx(ExchangeRateBottomSheetContent, { data: data, onContinue: handleContinue, onCancel: handleCancel }) })));
+    return (_jsx(BottomSheet, Object.assign({ ref: bottomSheetRef, onClose: handleCancel }, { children: _jsx(ExchangeRateBottomSheetContent, { data: data, onContinue: handleContinue, onCancel: handleCancel }) })));
 });
 const ExchangeRateBottomSheetContent = ({ data, onCancel, onContinue }) => {
     const { t } = useTranslation();

package/pages/SwapPage/TokenValueBottomSheet.js

@@ -2,18 +2,18 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { WarningRounded as WarningIcon } from '@mui/icons-material';
 import { Box, Button, Typography } from '@mui/material';
 import Big from 'big.js';
-import { forwardRef, useRef } from 'react';
+import { forwardRef, useCallback, useRef } from 'react';
 import { useTranslation } from 'react-i18next';
 import { BottomSheet } from '../../components/BottomSheet';
 import { useSetContentHeight } from '../../hooks';
 import { IconCircle, IconContainer } from './StatusBottomSheet.style';
 export const TokenValueBottomSheet = forwardRef(({ route, onContinue, onCancel }, ref) => {
-    const handleCancel = () => {
+    const handleCancel = useCallback(() => {
         var _a;
         (_a = ref.current) === null || _a === void 0 ? void 0 : _a.close();
         onCancel === null || onCancel === void 0 ? void 0 : onCancel();
-    };
-    return (_jsx(BottomSheet, Object.assign({ ref: ref }, { children: _jsx(TokenValueBottomSheetContent, { route: route, onContinue: onContinue, onCancel: handleCancel }) })));
+    }, []);
+    return (_jsx(BottomSheet, Object.assign({ ref: ref, onClose: handleCancel }, { children: _jsx(TokenValueBottomSheetContent, { route: route, onContinue: onContinue, onCancel: handleCancel }) })));
 });
 const TokenValueBottomSheetContent = ({ route, onCancel, onContinue, }) => {
     const { t } = useTranslation();