@lifi/widget 3.14.0 → 3.14.1

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [3.14.1](https://github.com/lifinance/widget/compare/v3.14.0...v3.14.1) (2025-01-23)
+
+
+### Bug Fixes
+
+* address confirmation bottom sheet height ([59d034b](https://github.com/lifinance/widget/commit/59d034b89b25d58345105de731fe3af2746e3119))
+
 ## [3.14.0](https://github.com/lifinance/widget/compare/v3.13.2...v3.14.0) (2025-01-22)
 
 

package/dist/esm/config/version.d.ts

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

package/dist/esm/config/version.js

@@ -1,3 +1,3 @@
 export const name = '@lifi/widget';
-export const version = '3.14.0';
+export const version = '3.14.1';
 //# sourceMappingURL=version.js.map

package/dist/esm/hooks/useSetContentHeight.d.ts

@@ -1,2 +1,2 @@
 import type { MutableRefObject } from 'react';
-export declare const useSetContentHeight: (ref: MutableRefObject<HTMLElement | null>) => void;
+export declare const useSetContentHeight: (ref: MutableRefObject<HTMLElement | null>, dependency?: unknown) => void;

package/dist/esm/hooks/useSetContentHeight.js

@@ -4,8 +4,9 @@ import { useDefaultElementId } from './useDefaultElementId.js';
 // NOTE: this hook is implicitly tied to the widget height functionality in the
 //   AppExpandedContainer, RelativeContainer and CssBaselineContainer components as defined in AppContainer.ts
 //   CSS changes in those components can have implications for the functionality in this hook
-export const useSetContentHeight = (ref) => {
+export const useSetContentHeight = (ref, dependency) => {
     const elementId = useDefaultElementId();
+    // biome-ignore lint/correctness/useExhaustiveDependencies: we use dependency to refresh height
     useLayoutEffect(() => {
         const relativeContainer = getRelativeContainer(elementId);
         if (!relativeContainer ||
@@ -17,6 +18,6 @@ export const useSetContentHeight = (ref) => {
         return () => {
             relativeContainer.style.removeProperty('min-height');
         };
-    }, [elementId, ref]);
+    }, [elementId, ref, dependency]);
 };
 //# sourceMappingURL=useSetContentHeight.js.map

package/dist/esm/hooks/useSetContentHeight.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSetContentHeight.js","sourceRoot":"","sources":["../../../src/hooks/useSetContentHeight.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAE9D,+EAA+E;AAC/E,8GAA8G;AAC9G,6FAA6F;AAE7F,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,GAAyC,EACzC,EAAE;IACF,MAAM,SAAS,GAAG,mBAAmB,EAAE,CAAA;IACvC,eAAe,CAAC,GAAG,EAAE;QACnB,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,SAAS,CAAC,CAAA;QACzD,IACE,CAAC,iBAAiB;YAClB,CAAC,GAAG,CAAC,OAAO;YACZ,GAAG,CAAC,OAAO,EAAE,YAAY,IAAI,iBAAiB,EAAE,YAAY,EAC5D,CAAC;YACD,OAAM;QACR,CAAC;QACD,iBAAiB,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,YAAY,IAAI,CAAA;QACnE,OAAO,GAAG,EAAE;YACV,iBAAiB,CAAC,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAA;QACtD,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,CAAA;AACtB,CAAC,CAAA"}
+{"version":3,"file":"useSetContentHeight.js","sourceRoot":"","sources":["../../../src/hooks/useSetContentHeight.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAE9D,+EAA+E;AAC/E,8GAA8G;AAC9G,6FAA6F;AAE7F,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,GAAyC,EACzC,UAAoB,EACpB,EAAE;IACF,MAAM,SAAS,GAAG,mBAAmB,EAAE,CAAA;IACvC,+FAA+F;IAC/F,eAAe,CAAC,GAAG,EAAE;QACnB,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,SAAS,CAAC,CAAA;QACzD,IACE,CAAC,iBAAiB;YAClB,CAAC,GAAG,CAAC,OAAO;YACZ,GAAG,CAAC,OAAO,EAAE,YAAY,IAAI,iBAAiB,EAAE,YAAY,EAC5D,CAAC;YACD,OAAM;QACR,CAAC;QACD,iBAAiB,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,YAAY,IAAI,CAAA;QACnE,OAAO,GAAG,EAAE;YACV,iBAAiB,CAAC,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAA;QACtD,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,GAAG,EAAE,UAAU,CAAC,CAAC,CAAA;AAClC,CAAC,CAAA"}

package/dist/esm/index.d.ts

@@ -24,4 +24,7 @@ export * from './types/events.js';
 export type { TokenAmount } from './types/token.js';
 export * from './types/widget.js';
 export { getPriceImpact } from './utils/getPriceImpact.js';
+export { percentFormatter } from './utils/percentFormatter.js';
+export { compactNumberFormatter } from './utils/compactNumberFormatter.js';
+export { currencyExtendedFormatter } from './utils/currencyExtendedFormatter.js';
 export { navigationRoutes } from './utils/navigationRoutes.js';

package/dist/esm/index.js

@@ -21,5 +21,8 @@ export { windows95Theme } from './themes/windows95.js';
 export * from './types/events.js';
 export * from './types/widget.js';
 export { getPriceImpact } from './utils/getPriceImpact.js';
+export { percentFormatter } from './utils/percentFormatter.js';
+export { compactNumberFormatter } from './utils/compactNumberFormatter.js';
+export { currencyExtendedFormatter } from './utils/currencyExtendedFormatter.js';
 export { navigationRoutes } from './utils/navigationRoutes.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACvD,OAAO,EAAE,GAAG,IAAI,UAAU,EAAE,MAAM,UAAU,CAAA;AAE5C,cAAc,6CAA6C,CAAA;AAC3D,cAAc,2CAA2C,CAAA;AACzD,cAAc,+CAA+C,CAAA;AAC7D,cAAc,6CAA6C,CAAA;AAC3D,cAAc,yCAAyC,CAAA;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,cAAc,qBAAqB,CAAA;AACnC,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAA;AAClE,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AAC1E,cAAc,wBAAwB,CAAA;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAA;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAChE,cAAc,6BAA6B,CAAA;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAChD,cAAc,sBAAsB,CAAA;AACpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAA;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACtD,cAAc,mBAAmB,CAAA;AAEjC,cAAc,mBAAmB,CAAA;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACvD,OAAO,EAAE,GAAG,IAAI,UAAU,EAAE,MAAM,UAAU,CAAA;AAE5C,cAAc,6CAA6C,CAAA;AAC3D,cAAc,2CAA2C,CAAA;AACzD,cAAc,+CAA+C,CAAA;AAC7D,cAAc,6CAA6C,CAAA;AAC3D,cAAc,yCAAyC,CAAA;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,cAAc,qBAAqB,CAAA;AACnC,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAA;AAClE,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AAC1E,cAAc,wBAAwB,CAAA;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAA;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAChE,cAAc,6BAA6B,CAAA;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAChD,cAAc,sBAAsB,CAAA;AACpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAA;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACtD,cAAc,mBAAmB,CAAA;AAEjC,cAAc,mBAAmB,CAAA;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAA;AAC1E,OAAO,EAAE,yBAAyB,EAAE,MAAM,sCAAsC,CAAA;AAChF,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA"}

package/dist/esm/pages/SendToWallet/ConfirmAddressSheet.js

@@ -1,25 +1,31 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Info, Wallet, Warning } from '@mui/icons-material';
 import { Box, Button, Typography } from '@mui/material';
-import { forwardRef } from 'react';
+import { forwardRef, useRef } from 'react';
 import { useTranslation } from 'react-i18next';
 import { AlertMessage } from '../../components/AlertMessage/AlertMessage.js';
 import { BottomSheet } from '../../components/BottomSheet/BottomSheet.js';
 import { useIsContractAddress } from '../../hooks/useIsContractAddress.js';
 import { useNavigateBack } from '../../hooks/useNavigateBack.js';
+import { useSetContentHeight } from '../../hooks/useSetContentHeight.js';
 import { useFieldActions } from '../../stores/form/useFieldActions.js';
 import { useSendToWalletActions } from '../../stores/settings/useSendToWalletStore.js';
 import { IconContainer, SendToWalletButtonRow, SendToWalletSheetContainer, SheetAddressContainer, SheetTitle, } from './SendToWalletPage.style.js';
-export const ConfirmAddressSheet = forwardRef(({ validatedBookmark, onConfirm, chainId }, ref) => {
+export const ConfirmAddressSheet = forwardRef((props, ref) => {
+    const handleClose = () => {
+        ;
+        ref.current?.close();
+    };
+    return (_jsx(BottomSheet, { ref: ref, children: _jsx(ConfirmAddressSheetContent, { ...props, onClose: handleClose }) }));
+});
+const ConfirmAddressSheetContent = ({ validatedBookmark, onConfirm, chainId, onClose, }) => {
     const { t } = useTranslation();
     const { navigateBack } = useNavigateBack();
     const { setFieldValue } = useFieldActions();
     const { setSendToWallet } = useSendToWalletActions();
     const isContractAddress = useIsContractAddress(validatedBookmark?.address, chainId, validatedBookmark?.chainType);
-    const handleClose = () => {
-        ;
-        ref.current?.close();
-    };
+    const containerRef = useRef(null);
+    useSetContentHeight(containerRef, isContractAddress);
     const handleConfirm = () => {
         if (validatedBookmark) {
             setFieldValue('toAddress', validatedBookmark.address, {
@@ -28,13 +34,13 @@ export const ConfirmAddressSheet = forwardRef(({ validatedBookmark, onConfirm, c
             });
             onConfirm?.(validatedBookmark);
             setSendToWallet(true);
-            handleClose();
+            onClose();
             navigateBack();
         }
     };
-    return (_jsx(BottomSheet, { ref: ref, children: _jsxs(SendToWalletSheetContainer, { children: [_jsx(IconContainer, { children: _jsx(Wallet, { sx: { fontSize: 40 } }) }), _jsx(SheetTitle, { children: t('sendToWallet.confirmWalletAddress') }), _jsxs(SheetAddressContainer, { children: [validatedBookmark?.name ? (_jsx(Typography, { sx: {
-                                fontWeight: 600,
-                                mb: 0.5,
-                            }, children: validatedBookmark?.name })) : null, _jsx(Typography, { children: validatedBookmark?.address })] }), _jsx(AlertMessage, { title: _jsx(Box, { sx: { display: 'grid', gap: 1 }, children: _jsx(Typography, { variant: "body2", fontWeight: 500, children: t('info.message.fundsToExchange') }) }), icon: _jsx(Info, {}), multiline: true }), isContractAddress ? (_jsx(AlertMessage, { title: _jsx(Typography, { variant: "body2", fontWeight: 500, children: t('info.message.smartContractAccount') }), icon: _jsx(Warning, {}), severity: "warning", multiline: true })) : null, _jsxs(SendToWalletButtonRow, { children: [_jsx(Button, { variant: "text", onClick: handleClose, fullWidth: true, children: t('button.cancel') }), _jsx(Button, { variant: "contained", onClick: handleConfirm, fullWidth: true, children: t('button.confirm') })] })] }) }));
-});
+    return (_jsxs(SendToWalletSheetContainer, { ref: containerRef, children: [_jsx(IconContainer, { children: _jsx(Wallet, { sx: { fontSize: 40 } }) }), _jsx(SheetTitle, { children: t('sendToWallet.confirmWalletAddress') }), _jsxs(SheetAddressContainer, { children: [validatedBookmark?.name ? (_jsx(Typography, { sx: {
+                            fontWeight: 600,
+                            mb: 0.5,
+                        }, children: validatedBookmark?.name })) : null, _jsx(Typography, { children: validatedBookmark?.address })] }), _jsx(AlertMessage, { title: _jsx(Box, { sx: { display: 'grid', gap: 1 }, children: _jsx(Typography, { variant: "body2", fontWeight: 500, children: t('info.message.fundsToExchange') }) }), icon: _jsx(Info, {}), multiline: true }), isContractAddress ? (_jsx(AlertMessage, { title: _jsx(Typography, { variant: "body2", fontWeight: 500, children: t('info.message.smartContractAccount') }), icon: _jsx(Warning, {}), severity: "warning", multiline: true })) : null, _jsxs(SendToWalletButtonRow, { children: [_jsx(Button, { variant: "text", onClick: onClose, fullWidth: true, children: t('button.cancel') }), _jsx(Button, { variant: "contained", onClick: handleConfirm, fullWidth: true, children: t('button.confirm') })] })] }));
+};
 //# sourceMappingURL=ConfirmAddressSheet.js.map

package/dist/esm/pages/SendToWallet/ConfirmAddressSheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmAddressSheet.js","sourceRoot":"","sources":["../../../../src/pages/SendToWallet/ConfirmAddressSheet.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAC3D,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,+CAA+C,CAAA;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAA;AAEzE,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAA;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAEhE,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAA;AACtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,+CAA+C,CAAA;AACtF,OAAO,EACL,aAAa,EACb,qBAAqB,EACrB,0BAA0B,EAC1B,qBAAqB,EACrB,UAAU,GACX,MAAM,6BAA6B,CAAA;AAQpC,MAAM,CAAC,MAAM,mBAAmB,GAAG,UAAU,CAG3C,CAAC,EAAE,iBAAiB,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE;IACnD,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAA;IAC1C,MAAM,EAAE,aAAa,EAAE,GAAG,eAAe,EAAE,CAAA;IAC3C,MAAM,EAAE,eAAe,EAAE,GAAG,sBAAsB,EAAE,CAAA;IACpD,MAAM,iBAAiB,GAAG,oBAAoB,CAC5C,iBAAiB,EAAE,OAAO,EAC1B,OAAO,EACP,iBAAiB,EAAE,SAAS,CAC7B,CAAA;IAED,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,CAAC;QAAC,GAAyC,CAAC,OAAO,EAAE,KAAK,EAAE,CAAA;IAC9D,CAAC,CAAA;IAED,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,iBAAiB,EAAE,CAAC;YACtB,aAAa,CAAC,WAAW,EAAE,iBAAiB,CAAC,OAAO,EAAE;gBACpD,SAAS,EAAE,IAAI;gBACf,OAAO,EAAE,IAAI;aACd,CAAC,CAAA;YACF,SAAS,EAAE,CAAC,iBAAiB,CAAC,CAAA;YAC9B,eAAe,CAAC,IAAI,CAAC,CAAA;YACrB,WAAW,EAAE,CAAA;YACb,YAAY,EAAE,CAAA;QAChB,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,KAAC,WAAW,IAAC,GAAG,EAAE,GAAG,YACnB,MAAC,0BAA0B,eACzB,KAAC,aAAa,cACZ,KAAC,MAAM,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAI,GAClB,EAChB,KAAC,UAAU,cAAE,CAAC,CAAC,mCAAmC,CAAC,GAAc,EACjE,MAAC,qBAAqB,eACnB,iBAAiB,EAAE,IAAI,CAAC,CAAC,CAAC,CACzB,KAAC,UAAU,IACT,EAAE,EAAE;gCACF,UAAU,EAAE,GAAG;gCACf,EAAE,EAAE,GAAG;6BACR,YAEA,iBAAiB,EAAE,IAAI,GACb,CACd,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,UAAU,cAAE,iBAAiB,EAAE,OAAO,GAAc,IAC/B,EACxB,KAAC,YAAY,IACX,KAAK,EACH,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,YAClC,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,GAAG,YACxC,CAAC,CAAC,8BAA8B,CAAC,GACvB,GACT,EAER,IAAI,EAAE,KAAC,IAAI,KAAG,EACd,SAAS,SACT,EACD,iBAAiB,CAAC,CAAC,CAAC,CACnB,KAAC,YAAY,IACX,KAAK,EACH,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,GAAG,YACxC,CAAC,CAAC,mCAAmC,CAAC,GAC5B,EAEf,IAAI,EAAE,KAAC,OAAO,KAAG,EACjB,QAAQ,EAAC,SAAS,EAClB,SAAS,SACT,CACH,CAAC,CAAC,CAAC,IAAI,EACR,MAAC,qBAAqB,eACpB,KAAC,MAAM,IAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,WAAW,EAAE,SAAS,kBACnD,CAAC,CAAC,eAAe,CAAC,GACZ,EACT,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,aAAa,EAAE,SAAS,kBAC1D,CAAC,CAAC,gBAAgB,CAAC,GACb,IACa,IACG,GACjB,CACf,CAAA;AACH,CAAC,CAAC,CAAA"}
+{"version":3,"file":"ConfirmAddressSheet.js","sourceRoot":"","sources":["../../../../src/pages/SendToWallet/ConfirmAddressSheet.tsx"],"names":[],"mappings":"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"}

package/dist/esm/providers/I18nProvider/I18nProvider.js

@@ -5,11 +5,11 @@ import { I18nextProvider } from 'react-i18next';
 import * as supportedLanguages from '../../i18n/index.js';
 import { useSettings } from '../../stores/settings/useSettings.js';
 import { compactNumberFormatter } from '../../utils/compactNumberFormatter.js';
+import { currencyExtendedFormatter } from '../../utils/currencyExtendedFormatter.js';
 import { deepMerge } from '../../utils/deepMerge.js';
 import { isItemAllowed } from '../../utils/item.js';
 import { percentFormatter } from '../../utils/percentFormatter.js';
 import { useWidgetConfig } from '../WidgetProvider/WidgetProvider.js';
-import { currencyExtendedFormatter } from './currencyExtendedFormatter.js';
 export const I18nProvider = ({ children, }) => {
     const { languageResources, languages } = useWidgetConfig();
     const { language } = useSettings(['language']);

package/dist/esm/providers/I18nProvider/I18nProvider.js.map

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

package/dist/esm/utils/currencyExtendedFormatter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"currencyExtendedFormatter.js","sourceRoot":"","sources":["../../../src/utils/currencyExtendedFormatter.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,yBAAyB,GAAG,CACvC,GAAuB,EACvB,OAAY,EACZ,EAAE;IACF,MAAM,SAAS,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE;QAC3C,GAAG,OAAO;QACV,KAAK,EAAE,UAAU;KAClB,CAAC,CAAA;IACF,OAAO,CAAC,KAAU,EAAE,EAAE;QACpB,IAAI,KAAK,GAAG,CAAC,IAAI,KAAK,GAAG,IAAI,EAAE,CAAC;YAC9B,OAAO,IAAI,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAA;QACrC,CAAC;QACD,OAAO,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IAChC,CAAC,CAAA;AACH,CAAC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifi/widget",
-  "version": "3.14.0",
+  "version": "3.14.1",
   "description": "LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.",
   "type": "module",
   "main": "./dist/esm/index.js",

package/src/config/version.ts

@@ -1,2 +1,2 @@
 export const name = '@lifi/widget'
-export const version = '3.14.0'
+export const version = '3.14.1'

package/src/hooks/useSetContentHeight.ts

@@ -8,9 +8,11 @@ import { useDefaultElementId } from './useDefaultElementId.js'
 //   CSS changes in those components can have implications for the functionality in this hook
 
 export const useSetContentHeight = (
-  ref: MutableRefObject<HTMLElement | null>
+  ref: MutableRefObject<HTMLElement | null>,
+  dependency?: unknown
 ) => {
   const elementId = useDefaultElementId()
+  // biome-ignore lint/correctness/useExhaustiveDependencies: we use dependency to refresh height
   useLayoutEffect(() => {
     const relativeContainer = getRelativeContainer(elementId)
     if (
@@ -24,5 +26,5 @@ export const useSetContentHeight = (
     return () => {
       relativeContainer.style.removeProperty('min-height')
     }
-  }, [elementId, ref])
+  }, [elementId, ref, dependency])
 }

package/src/index.ts

@@ -24,4 +24,7 @@ export * from './types/events.js'
 export type { TokenAmount } from './types/token.js'
 export * from './types/widget.js'
 export { getPriceImpact } from './utils/getPriceImpact.js'
+export { percentFormatter } from './utils/percentFormatter.js'
+export { compactNumberFormatter } from './utils/compactNumberFormatter.js'
+export { currencyExtendedFormatter } from './utils/currencyExtendedFormatter.js'
 export { navigationRoutes } from './utils/navigationRoutes.js'

package/src/pages/SendToWallet/ConfirmAddressSheet.tsx

@@ -1,13 +1,14 @@
 import { Info, Wallet, Warning } from '@mui/icons-material'
 import { Box, Button, Typography } from '@mui/material'
 import type { MutableRefObject } from 'react'
-import { forwardRef } from 'react'
+import { forwardRef, useRef } from 'react'
 import { useTranslation } from 'react-i18next'
 import { AlertMessage } from '../../components/AlertMessage/AlertMessage.js'
 import { BottomSheet } from '../../components/BottomSheet/BottomSheet.js'
 import type { BottomSheetBase } from '../../components/BottomSheet/types.js'
 import { useIsContractAddress } from '../../hooks/useIsContractAddress.js'
 import { useNavigateBack } from '../../hooks/useNavigateBack.js'
+import { useSetContentHeight } from '../../hooks/useSetContentHeight.js'
 import type { Bookmark } from '../../stores/bookmarks/types.js'
 import { useFieldActions } from '../../stores/form/useFieldActions.js'
 import { useSendToWalletActions } from '../../stores/settings/useSendToWalletStore.js'
@@ -25,10 +26,31 @@ interface ConfirmAddressSheetProps {
   chainId?: number
 }
 
+interface ConfirmAddressSheetContentProps extends ConfirmAddressSheetProps {
+  onClose: () => void
+}
+
 export const ConfirmAddressSheet = forwardRef<
   BottomSheetBase,
   ConfirmAddressSheetProps
->(({ validatedBookmark, onConfirm, chainId }, ref) => {
+>((props, ref) => {
+  const handleClose = () => {
+    ;(ref as MutableRefObject<BottomSheetBase>).current?.close()
+  }
+
+  return (
+    <BottomSheet ref={ref}>
+      <ConfirmAddressSheetContent {...props} onClose={handleClose} />
+    </BottomSheet>
+  )
+})
+
+const ConfirmAddressSheetContent: React.FC<ConfirmAddressSheetContentProps> = ({
+  validatedBookmark,
+  onConfirm,
+  chainId,
+  onClose,
+}) => {
   const { t } = useTranslation()
   const { navigateBack } = useNavigateBack()
   const { setFieldValue } = useFieldActions()
@@ -39,9 +61,8 @@ export const ConfirmAddressSheet = forwardRef<
     validatedBookmark?.chainType
   )
 
-  const handleClose = () => {
-    ;(ref as MutableRefObject<BottomSheetBase>).current?.close()
-  }
+  const containerRef = useRef<HTMLElement>(null)
+  useSetContentHeight(containerRef, isContractAddress)
 
   const handleConfirm = () => {
     if (validatedBookmark) {
@@ -51,63 +72,61 @@ export const ConfirmAddressSheet = forwardRef<
       })
       onConfirm?.(validatedBookmark)
       setSendToWallet(true)
-      handleClose()
+      onClose()
       navigateBack()
     }
   }
 
   return (
-    <BottomSheet ref={ref}>
-      <SendToWalletSheetContainer>
-        <IconContainer>
-          <Wallet sx={{ fontSize: 40 }} />
-        </IconContainer>
-        <SheetTitle>{t('sendToWallet.confirmWalletAddress')}</SheetTitle>
-        <SheetAddressContainer>
-          {validatedBookmark?.name ? (
-            <Typography
-              sx={{
-                fontWeight: 600,
-                mb: 0.5,
-              }}
-            >
-              {validatedBookmark?.name}
+    <SendToWalletSheetContainer ref={containerRef}>
+      <IconContainer>
+        <Wallet sx={{ fontSize: 40 }} />
+      </IconContainer>
+      <SheetTitle>{t('sendToWallet.confirmWalletAddress')}</SheetTitle>
+      <SheetAddressContainer>
+        {validatedBookmark?.name ? (
+          <Typography
+            sx={{
+              fontWeight: 600,
+              mb: 0.5,
+            }}
+          >
+            {validatedBookmark?.name}
+          </Typography>
+        ) : null}
+        <Typography>{validatedBookmark?.address}</Typography>
+      </SheetAddressContainer>
+      <AlertMessage
+        title={
+          <Box sx={{ display: 'grid', gap: 1 }}>
+            <Typography variant="body2" fontWeight={500}>
+              {t('info.message.fundsToExchange')}
             </Typography>
-          ) : null}
-          <Typography>{validatedBookmark?.address}</Typography>
-        </SheetAddressContainer>
+          </Box>
+        }
+        icon={<Info />}
+        multiline
+      />
+      {isContractAddress ? (
         <AlertMessage
           title={
-            <Box sx={{ display: 'grid', gap: 1 }}>
-              <Typography variant="body2" fontWeight={500}>
-                {t('info.message.fundsToExchange')}
-              </Typography>
-            </Box>
+            <Typography variant="body2" fontWeight={500}>
+              {t('info.message.smartContractAccount')}
+            </Typography>
           }
-          icon={<Info />}
+          icon={<Warning />}
+          severity="warning"
           multiline
         />
-        {isContractAddress ? (
-          <AlertMessage
-            title={
-              <Typography variant="body2" fontWeight={500}>
-                {t('info.message.smartContractAccount')}
-              </Typography>
-            }
-            icon={<Warning />}
-            severity="warning"
-            multiline
-          />
-        ) : null}
-        <SendToWalletButtonRow>
-          <Button variant="text" onClick={handleClose} fullWidth>
-            {t('button.cancel')}
-          </Button>
-          <Button variant="contained" onClick={handleConfirm} fullWidth>
-            {t('button.confirm')}
-          </Button>
-        </SendToWalletButtonRow>
-      </SendToWalletSheetContainer>
-    </BottomSheet>
+      ) : null}
+      <SendToWalletButtonRow>
+        <Button variant="text" onClick={onClose} fullWidth>
+          {t('button.cancel')}
+        </Button>
+        <Button variant="contained" onClick={handleConfirm} fullWidth>
+          {t('button.confirm')}
+        </Button>
+      </SendToWalletButtonRow>
+    </SendToWalletSheetContainer>
   )
-})
+}

package/src/providers/I18nProvider/I18nProvider.tsx

@@ -5,11 +5,11 @@ import { I18nextProvider } from 'react-i18next'
 import * as supportedLanguages from '../../i18n/index.js'
 import { useSettings } from '../../stores/settings/useSettings.js'
 import { compactNumberFormatter } from '../../utils/compactNumberFormatter.js'
+import { currencyExtendedFormatter } from '../../utils/currencyExtendedFormatter.js'
 import { deepMerge } from '../../utils/deepMerge.js'
 import { isItemAllowed } from '../../utils/item.js'
 import { percentFormatter } from '../../utils/percentFormatter.js'
 import { useWidgetConfig } from '../WidgetProvider/WidgetProvider.js'
-import { currencyExtendedFormatter } from './currencyExtendedFormatter.js'
 import type { LanguageKey, LanguageTranslationResources } from './types.js'
 
 export const I18nProvider: React.FC<React.PropsWithChildren> = ({

package/dist/esm/providers/I18nProvider/currencyExtendedFormatter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"currencyExtendedFormatter.js","sourceRoot":"","sources":["../../../../src/providers/I18nProvider/currencyExtendedFormatter.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,yBAAyB,GAAG,CACvC,GAAuB,EACvB,OAAY,EACZ,EAAE;IACF,MAAM,SAAS,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE;QAC3C,GAAG,OAAO;QACV,KAAK,EAAE,UAAU;KAClB,CAAC,CAAA;IACF,OAAO,CAAC,KAAU,EAAE,EAAE;QACpB,IAAI,KAAK,GAAG,CAAC,IAAI,KAAK,GAAG,IAAI,EAAE,CAAC;YAC9B,OAAO,IAAI,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAA;QACrC,CAAC;QACD,OAAO,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IAChC,CAAC,CAAA;AACH,CAAC,CAAA"}