@dynamic-labs/sdk-react-core 0.17.0-RC.19 → 0.17.0-RC.20

package/src/lib/layout/DynamicAuthLayout/FooterContent/WalletListFooterContent/WalletListFooterContent.cjs

@@ -31,12 +31,13 @@ require('../../../../components/Transition/OpacityTransition/OpacityTransition.c
 require('../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
+require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../../../components/IconButton/IconButton.cjs');
+require('../../../../components/Alert/Alert.cjs');
 require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
-require('../../../../components/IconButton/IconButton.cjs');
 var EnterTileAnimation = require('../../../../components/EnterTileAnimation/EnterTileAnimation.cjs');
-require('../../../../components/Alert/Alert.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('../../../../components/SendBalanceForm/SendBalanceForm.cjs');

package/src/lib/layout/DynamicAuthLayout/FooterContent/WalletListFooterContent/WalletListFooterContent.js

@@ -27,12 +27,13 @@ import '../../../../components/Transition/OpacityTransition/OpacityTransition.js
 import '../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../../context/ErrorContext/ErrorContext.js';
+import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../../../components/IconButton/IconButton.js';
+import '../../../../components/Alert/Alert.js';
 import '../../../../context/MockContext/MockContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
-import '../../../../components/IconButton/IconButton.js';
 import { EnterTileAnimation } from '../../../../components/EnterTileAnimation/EnterTileAnimation.js';
-import '../../../../components/Alert/Alert.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 import '../../../../components/SendBalanceForm/SendBalanceForm.js';

package/src/lib/layout/DynamicAuthLayout/FooterContent/WalletMoreInfoContent/WalletMoreInfoContent.cjs

@@ -30,16 +30,17 @@ require('../../../../components/Transition/OpacityTransition/OpacityTransition.c
 require('../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
+require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../../../components/IconButton/IconButton.cjs');
+require('@dynamic-labs/wallet-book');
+var PoweredByDynamic = require('../../../../components/PoweredByDynamic/PoweredByDynamic.cjs');
+require('../../../../components/Alert/Alert.cjs');
 require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
-require('../../../../components/IconButton/IconButton.cjs');
 var EnterTileAnimation = require('../../../../components/EnterTileAnimation/EnterTileAnimation.cjs');
-require('../../../../components/Alert/Alert.cjs');
-var PoweredByDynamic = require('../../../../components/PoweredByDynamic/PoweredByDynamic.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
-require('@dynamic-labs/wallet-book');
 require('../../../../components/SendBalanceForm/SendBalanceForm.cjs');
 
 const WalletMoreInfoContent = ({ appName, variant, walletName, }) => {

package/src/lib/layout/DynamicAuthLayout/FooterContent/WalletMoreInfoContent/WalletMoreInfoContent.js

@@ -26,16 +26,17 @@ import '../../../../components/Transition/OpacityTransition/OpacityTransition.js
 import '../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../../context/ErrorContext/ErrorContext.js';
+import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../../../components/IconButton/IconButton.js';
+import '@dynamic-labs/wallet-book';
+import { PoweredByDynamic } from '../../../../components/PoweredByDynamic/PoweredByDynamic.js';
+import '../../../../components/Alert/Alert.js';
 import '../../../../context/MockContext/MockContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
-import '../../../../components/IconButton/IconButton.js';
 import { EnterTileAnimation } from '../../../../components/EnterTileAnimation/EnterTileAnimation.js';
-import '../../../../components/Alert/Alert.js';
-import { PoweredByDynamic } from '../../../../components/PoweredByDynamic/PoweredByDynamic.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
-import '@dynamic-labs/wallet-book';
 import '../../../../components/SendBalanceForm/SendBalanceForm.js';
 
 const WalletMoreInfoContent = ({ appName, variant, walletName, }) => {

package/src/lib/layout/DynamicAuthLayout/Header/header.cjs

@@ -28,16 +28,17 @@ require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs'
 require('../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../context/ErrorContext/ErrorContext.cjs');
+require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+var ModalHeader = require('../../../components/ModalHeader/ModalHeader.cjs');
+var IconButton = require('../../../components/IconButton/IconButton.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../../components/Alert/Alert.cjs');
+var Skeleton = require('../../../components/Skeleton/Skeleton.cjs');
 require('../../../context/MockContext/MockContext.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
-var IconButton = require('../../../components/IconButton/IconButton.cjs');
-var ModalHeader = require('../../../components/ModalHeader/ModalHeader.cjs');
-require('../../../components/Alert/Alert.cjs');
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
-var Skeleton = require('../../../components/Skeleton/Skeleton.cjs');
-require('@dynamic-labs/wallet-book');
 require('../../../components/SendBalanceForm/SendBalanceForm.cjs');
 var QrCodeContext = require('../../../context/QrCodeContext/QrCodeContext.cjs');
 

package/src/lib/layout/DynamicAuthLayout/Header/header.js

@@ -24,16 +24,17 @@ import '../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../context/ErrorContext/ErrorContext.js';
+import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
+import { ModalHeader } from '../../../components/ModalHeader/ModalHeader.js';
+import { IconButton } from '../../../components/IconButton/IconButton.js';
+import '@dynamic-labs/wallet-book';
+import '../../../components/Alert/Alert.js';
+import { Skeleton } from '../../../components/Skeleton/Skeleton.js';
 import '../../../context/MockContext/MockContext.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
-import { IconButton } from '../../../components/IconButton/IconButton.js';
-import { ModalHeader } from '../../../components/ModalHeader/ModalHeader.js';
-import '../../../components/Alert/Alert.js';
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
-import { Skeleton } from '../../../components/Skeleton/Skeleton.js';
-import '@dynamic-labs/wallet-book';
 import '../../../components/SendBalanceForm/SendBalanceForm.js';
 import { useQrCodeContext } from '../../../context/QrCodeContext/QrCodeContext.js';
 

package/src/lib/modals/SendBalanceModal/SendBalanceModal.cjs

@@ -0,0 +1,65 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+require('@dynamic-labs/sdk-api');
+require('../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/utils');
+require('../../utils/constants/colors.cjs');
+require('ethers');
+var usePreventPageScroll = require('../../shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.cjs');
+var index = require('../../shared/consts/index.cjs');
+require('../../context/DynamicContext/DynamicContext.cjs');
+require('@dynamic-labs/multi-wallet');
+require('../../components/ShadowDOM/ShadowDOM.cjs');
+require('../../context/ThemeContext/ThemeContext.cjs');
+var Portal = require('../../components/Portal/Portal.cjs');
+require('react-dom');
+require('../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../context/ErrorContext/ErrorContext.cjs');
+require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+var SendBalanceView = require('../../views/SendBalanceView/SendBalanceView.cjs');
+require('../../context/MockContext/MockContext.cjs');
+require('../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
+require('../../components/IconButton/IconButton.cjs');
+require('../../components/Alert/Alert.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
+require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
+var VerticalDrawerTransition = require('../../components/Transition/VerticalDrawerTransition/VerticalDrawerTransition.cjs');
+require('../../components/Popper/Popper/Popper.cjs');
+require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('../../components/SendBalanceForm/SendBalanceForm.cjs');
+
+const SendBalanceModal = ({ initialRecipientAddress, initialValue, onReject, onSuccess, }) => {
+    usePreventPageScroll.usePreventPageScroll(true);
+    const [show, setShow] = React.useState(true);
+    const errorRef = React.useRef(null);
+    const transactionRef = React.useRef(null);
+    const handleOnModalUnmount = React.useCallback(() => {
+        if (transactionRef.current) {
+            onSuccess(transactionRef.current);
+            return;
+        }
+        onReject(errorRef.current || new Error('user rejected transaction'));
+    }, [onReject, onSuccess]);
+    const closeModal = () => {
+        setShow(false);
+    };
+    return (jsxRuntime.jsx(Portal.Portal, Object.assign({ handleClose: closeModal, isShown: show, zIndex: index.authModalZIndex, withBackdrop: true, elementId: 'dynamic-send-balance', transitionEvents: {
+            onUnmount: handleOnModalUnmount,
+        } }, { children: jsxRuntime.jsx("div", Object.assign({ className: 'send-balance-modal' }, { children: jsxRuntime.jsx(VerticalDrawerTransition.VerticalDrawerTransition, Object.assign({ isShown: true }, { children: jsxRuntime.jsx(SendBalanceView.SendBalanceView, { initialRecipientAddress: initialRecipientAddress, initialValue: initialValue, onError: (error) => (errorRef.current = error), onClickClose: closeModal, onDone: closeModal, displayPoweredByDynamicFooter: true, onSuccess: (transaction) => {
+                        errorRef.current = null;
+                        transactionRef.current = transaction;
+                    } }) })) })) })));
+};
+
+exports.SendBalanceModal = SendBalanceModal;

package/src/lib/modals/SendBalanceModal/SendBalanceModal.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { ethers } from 'ethers';
+type SendBalanceModalProps = {
+    initialRecipientAddress?: string;
+    initialValue?: ethers.BigNumber;
+    onReject: (error: unknown) => void;
+    onSuccess: (transaction: ethers.providers.TransactionResponse) => void;
+};
+export declare const SendBalanceModal: FC<SendBalanceModalProps>;
+export {};

package/src/lib/modals/SendBalanceModal/SendBalanceModal.js

@@ -0,0 +1,61 @@
+import { jsx } from 'react/jsx-runtime';
+import { useState, useRef, useCallback } from 'react';
+import '@dynamic-labs/sdk-api';
+import '../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import '../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/utils';
+import '../../utils/constants/colors.js';
+import 'ethers';
+import { usePreventPageScroll } from '../../shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.js';
+import { authModalZIndex } from '../../shared/consts/index.js';
+import '../../context/DynamicContext/DynamicContext.js';
+import '@dynamic-labs/multi-wallet';
+import '../../components/ShadowDOM/ShadowDOM.js';
+import '../../context/ThemeContext/ThemeContext.js';
+import { Portal } from '../../components/Portal/Portal.js';
+import 'react-dom';
+import '../../config/ApiEndpoint.js';
+import '@dynamic-labs/rpc-providers';
+import '../../context/ErrorContext/ErrorContext.js';
+import '../../context/AccessDeniedContext/AccessDeniedContext.js';
+import { SendBalanceView } from '../../views/SendBalanceView/SendBalanceView.js';
+import '../../context/MockContext/MockContext.js';
+import '../../context/CaptchaContext/CaptchaContext.js';
+import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
+import '../../components/IconButton/IconButton.js';
+import '../../components/Alert/Alert.js';
+import '@dynamic-labs/wallet-book';
+import '../../components/Transition/ZoomTransition/ZoomTransition.js';
+import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../../components/Transition/OpacityTransition/OpacityTransition.js';
+import { VerticalDrawerTransition } from '../../components/Transition/VerticalDrawerTransition/VerticalDrawerTransition.js';
+import '../../components/Popper/Popper/Popper.js';
+import '../../components/Popper/PopperContext/PopperContext.js';
+import '../../components/SendBalanceForm/SendBalanceForm.js';
+
+const SendBalanceModal = ({ initialRecipientAddress, initialValue, onReject, onSuccess, }) => {
+    usePreventPageScroll(true);
+    const [show, setShow] = useState(true);
+    const errorRef = useRef(null);
+    const transactionRef = useRef(null);
+    const handleOnModalUnmount = useCallback(() => {
+        if (transactionRef.current) {
+            onSuccess(transactionRef.current);
+            return;
+        }
+        onReject(errorRef.current || new Error('user rejected transaction'));
+    }, [onReject, onSuccess]);
+    const closeModal = () => {
+        setShow(false);
+    };
+    return (jsx(Portal, Object.assign({ handleClose: closeModal, isShown: show, zIndex: authModalZIndex, withBackdrop: true, elementId: 'dynamic-send-balance', transitionEvents: {
+            onUnmount: handleOnModalUnmount,
+        } }, { children: jsx("div", Object.assign({ className: 'send-balance-modal' }, { children: jsx(VerticalDrawerTransition, Object.assign({ isShown: true }, { children: jsx(SendBalanceView, { initialRecipientAddress: initialRecipientAddress, initialValue: initialValue, onError: (error) => (errorRef.current = error), onClickClose: closeModal, onDone: closeModal, displayPoweredByDynamicFooter: true, onSuccess: (transaction) => {
+                        errorRef.current = null;
+                        transactionRef.current = transaction;
+                    } }) })) })) })));
+};
+
+export { SendBalanceModal };

package/src/lib/modals/SendBalanceModal/index.d.ts

@@ -0,0 +1 @@
+export { SendBalanceModal } from './SendBalanceModal';

package/src/lib/modals/SignMessageConfirmationModal/SignMessageConfirmationModal.cjs

@@ -27,26 +27,27 @@ require('react-dom');
 require('../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../context/ErrorContext/ErrorContext.cjs');
-require('../../context/MockContext/MockContext.cjs');
-require('../../context/CaptchaContext/CaptchaContext.cjs');
-var useMutation = require('../../utils/hooks/useMutation/useMutation.cjs');
-require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
-var Button = require('../../components/Button/Button.cjs');
-var IconButton = require('../../components/IconButton/IconButton.cjs');
+require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs');
-require('../../components/Alert/Alert.cjs');
+var IconButton = require('../../components/IconButton/IconButton.cjs');
+require('@dynamic-labs/wallet-book');
 var PoweredByDynamic = require('../../components/PoweredByDynamic/PoweredByDynamic.cjs');
+var Button = require('../../components/Button/Button.cjs');
 var IconWithSpinner = require('../../components/IconWithSpinner/IconWithSpinner.cjs');
-var AppOriginTile = require('../../components/AppOriginTile/AppOriginTile.cjs');
 var AnimatePresence = require('../../components/AnimatePresence/AnimatePresence.cjs');
-var ErrorContainer = require('../../components/ErrorContainer/ErrorContainer.cjs');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 var VerticalDrawerTransition = require('../../components/Transition/VerticalDrawerTransition/VerticalDrawerTransition.cjs');
+require('../../components/Alert/Alert.cjs');
+var AppOriginTile = require('../../components/AppOriginTile/AppOriginTile.cjs');
+require('../../context/MockContext/MockContext.cjs');
+require('../../context/CaptchaContext/CaptchaContext.cjs');
+var useMutation = require('../../utils/hooks/useMutation/useMutation.cjs');
+require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
+var ErrorContainer = require('../../components/ErrorContainer/ErrorContainer.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
-require('@dynamic-labs/wallet-book');
 require('../../components/SendBalanceForm/SendBalanceForm.cjs');
 
 const SignMessageConfirmationModal = ({ appLogoUrl, appName, appOrigin, message, handler, onReject, onSignMessage, }) => {

package/src/lib/modals/SignMessageConfirmationModal/SignMessageConfirmationModal.js

@@ -23,26 +23,27 @@ import 'react-dom';
 import '../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../context/ErrorContext/ErrorContext.js';
-import '../../context/MockContext/MockContext.js';
-import '../../context/CaptchaContext/CaptchaContext.js';
-import { useMutation } from '../../utils/hooks/useMutation/useMutation.js';
-import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
-import { Button } from '../../components/Button/Button.js';
-import { IconButton } from '../../components/IconButton/IconButton.js';
+import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import { ModalHeader } from '../../components/ModalHeader/ModalHeader.js';
-import '../../components/Alert/Alert.js';
+import { IconButton } from '../../components/IconButton/IconButton.js';
+import '@dynamic-labs/wallet-book';
 import { PoweredByDynamic } from '../../components/PoweredByDynamic/PoweredByDynamic.js';
+import { Button } from '../../components/Button/Button.js';
 import { IconWithSpinner } from '../../components/IconWithSpinner/IconWithSpinner.js';
-import { AppOriginTile } from '../../components/AppOriginTile/AppOriginTile.js';
 import { AnimatePresence } from '../../components/AnimatePresence/AnimatePresence.js';
-import { ErrorContainer } from '../../components/ErrorContainer/ErrorContainer.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import { VerticalDrawerTransition } from '../../components/Transition/VerticalDrawerTransition/VerticalDrawerTransition.js';
+import '../../components/Alert/Alert.js';
+import { AppOriginTile } from '../../components/AppOriginTile/AppOriginTile.js';
+import '../../context/MockContext/MockContext.js';
+import '../../context/CaptchaContext/CaptchaContext.js';
+import { useMutation } from '../../utils/hooks/useMutation/useMutation.js';
+import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
+import { ErrorContainer } from '../../components/ErrorContainer/ErrorContainer.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
-import '@dynamic-labs/wallet-book';
 import '../../components/SendBalanceForm/SendBalanceForm.js';
 
 const SignMessageConfirmationModal = ({ appLogoUrl, appName, appOrigin, message, handler, onReject, onSignMessage, }) => {

package/src/lib/modals/TransactionConfirmationModal/TransactionConfirmationModal.cjs

@@ -23,18 +23,19 @@ require('react-dom');
 require('../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../context/ErrorContext/ErrorContext.cjs');
+require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 var TransactionConfirmationView = require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
-require('../../context/MockContext/MockContext.cjs');
-require('../../context/CaptchaContext/CaptchaContext.cjs');
-require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
 require('../../components/IconButton/IconButton.cjs');
-require('../../components/Alert/Alert.cjs');
+require('@dynamic-labs/wallet-book');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
+require('../../components/Alert/Alert.cjs');
+require('../../context/MockContext/MockContext.cjs');
+require('../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
-require('@dynamic-labs/wallet-book');
 require('../../components/SendBalanceForm/SendBalanceForm.cjs');
 
 const TransactionConfirmationModal = ({ title, handler, onReject, onTransactionResponseSuccess, transaction, provider, }) => {
@@ -53,7 +54,7 @@ const TransactionConfirmationModal = ({ title, handler, onReject, onTransactionR
     }, [onTransactionResponseSuccess, onReject]);
     return (jsxRuntime.jsx(Portal.Portal, Object.assign({ handleClose: closeModal, isShown: show, zIndex: index.authModalZIndex, withBackdrop: true, elementId: 'dynamic-send-transaction', transitionEvents: {
             onUnmount: handleOnModalUnmount,
-        } }, { children: jsxRuntime.jsx("div", Object.assign({ className: 'transaction-confirmation' }, { children: jsxRuntime.jsx(TransactionConfirmationView.TransactionConfirmationView, { provider: provider, transaction: transaction, title: title, mutation: () => handler(transaction), onClickClose: closeModal, onError: (error) => (errorRef.current = error), onSuccess: (transactionResponse) => {
+        } }, { children: jsxRuntime.jsx("div", Object.assign({ className: 'transaction-confirmation' }, { children: jsxRuntime.jsx(TransactionConfirmationView.TransactionConfirmationView, { provider: provider, transaction: transaction, title: title, mutation: () => handler(transaction), onClickClose: closeModal, onError: (error) => (errorRef.current = error), displayPoweredByDynamicFooter: true, onSuccess: (transactionResponse) => {
                     errorRef.current = null;
                     transactionResponseRef.current = transactionResponse;
                     closeModal();

package/src/lib/modals/TransactionConfirmationModal/TransactionConfirmationModal.js

@@ -19,18 +19,19 @@ import 'react-dom';
 import '../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../context/ErrorContext/ErrorContext.js';
+import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import { TransactionConfirmationView } from '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
-import '../../context/MockContext/MockContext.js';
-import '../../context/CaptchaContext/CaptchaContext.js';
-import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 import '../../components/IconButton/IconButton.js';
-import '../../components/Alert/Alert.js';
+import '@dynamic-labs/wallet-book';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
+import '../../components/Alert/Alert.js';
+import '../../context/MockContext/MockContext.js';
+import '../../context/CaptchaContext/CaptchaContext.js';
+import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
-import '@dynamic-labs/wallet-book';
 import '../../components/SendBalanceForm/SendBalanceForm.js';
 
 const TransactionConfirmationModal = ({ title, handler, onReject, onTransactionResponseSuccess, transaction, provider, }) => {
@@ -49,7 +50,7 @@ const TransactionConfirmationModal = ({ title, handler, onReject, onTransactionR
     }, [onTransactionResponseSuccess, onReject]);
     return (jsx(Portal, Object.assign({ handleClose: closeModal, isShown: show, zIndex: authModalZIndex, withBackdrop: true, elementId: 'dynamic-send-transaction', transitionEvents: {
             onUnmount: handleOnModalUnmount,
-        } }, { children: jsx("div", Object.assign({ className: 'transaction-confirmation' }, { children: jsx(TransactionConfirmationView, { provider: provider, transaction: transaction, title: title, mutation: () => handler(transaction), onClickClose: closeModal, onError: (error) => (errorRef.current = error), onSuccess: (transactionResponse) => {
+        } }, { children: jsx("div", Object.assign({ className: 'transaction-confirmation' }, { children: jsx(TransactionConfirmationView, { provider: provider, transaction: transaction, title: title, mutation: () => handler(transaction), onClickClose: closeModal, onError: (error) => (errorRef.current = error), displayPoweredByDynamicFooter: true, onSuccess: (transactionResponse) => {
                     errorRef.current = null;
                     transactionResponseRef.current = transactionResponse;
                     closeModal();

package/src/lib/modals/index.d.ts

@@ -1,2 +1,3 @@
 export * from './SignMessageConfirmationModal';
 export * from './TransactionConfirmationModal';
+export * from './SendBalanceModal';

package/src/lib/shared/assets/index.d.ts

@@ -31,3 +31,4 @@ export { ReactComponent as PencilIcon } from './pencil.svg';
 export { ReactComponent as TooltipArrow } from './tooltip-arrow.svg';
 export { ReactComponent as SwitchHorizontalIcon } from './switch-horizontal.svg';
 export { ReactComponent as DotsHorizontalIcon } from './dots-horizontal.svg';
+export { ReactComponent as SendIcon } from './send.svg';

package/src/lib/shared/assets/send.cjs

@@ -0,0 +1,56 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var _g;
+var _excluded = ["title", "titleId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SvgSend = function SvgSend(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
+    clipPath: "url(#send_svg__clip0_6894_96)"
+  }, /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "m3.846 9.3.03-.01 14.64-5.728c.199-.078.399-.156.567-.205.156-.046.465-.126.794-.02.374.123.664.413.786.787.107.33.027.638-.019.794-.049.168-.127.368-.205.567L14.702 20.15c-.08.204-.16.408-.239.568-.073.147-.226.436-.537.614a1.277 1.277 0 0 1-1.136.072c-.323-.137-.496-.405-.58-.542-.09-.149-.184-.342-.278-.535l-2.693-5.52-5.546-2.724-.027-.014c-.193-.094-.385-.189-.533-.28-.137-.082-.403-.256-.54-.578a1.277 1.277 0 0 1 .074-1.136c.178-.31.466-.463.612-.536.16-.079.363-.158.567-.238Zm.972 1.425 4.88 2.396 2.912-2.913a.848.848 0 0 1 1.2-.017.848.848 0 0 1-.017 1.2l-2.898 2.898 2.384 4.888 5.433-13.888-13.894 5.436Z",
+    fill: "currentColor",
+    fillOpacity: 0.4
+  }))));
+};
+
+exports.ReactComponent = SvgSend;

package/src/lib/shared/assets/send.js

@@ -0,0 +1,32 @@
+import * as React from 'react';
+
+var _g;
+var _excluded = ["title", "titleId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SvgSend = function SvgSend(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, _g || (_g = /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#send_svg__clip0_6894_96)"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "m3.846 9.3.03-.01 14.64-5.728c.199-.078.399-.156.567-.205.156-.046.465-.126.794-.02.374.123.664.413.786.787.107.33.027.638-.019.794-.049.168-.127.368-.205.567L14.702 20.15c-.08.204-.16.408-.239.568-.073.147-.226.436-.537.614a1.277 1.277 0 0 1-1.136.072c-.323-.137-.496-.405-.58-.542-.09-.149-.184-.342-.278-.535l-2.693-5.52-5.546-2.724-.027-.014c-.193-.094-.385-.189-.533-.28-.137-.082-.403-.256-.54-.578a1.277 1.277 0 0 1 .074-1.136c.178-.31.466-.463.612-.536.16-.079.363-.158.567-.238Zm.972 1.425 4.88 2.396 2.912-2.913a.848.848 0 0 1 1.2-.017.848.848 0 0 1-.017 1.2l-2.898 2.898 2.384 4.888 5.433-13.888-13.894 5.436Z",
+    fill: "currentColor",
+    fillOpacity: 0.4
+  }))));
+};
+
+export { SvgSend as ReactComponent };

package/src/lib/shared/utils/functions/ceil/ceil.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const ceil = (value, precision = 0) => {
+    const multiplier = Math.pow(10, precision);
+    return Math.ceil(value * multiplier) / multiplier;
+};
+
+exports.ceil = ceil;

package/src/lib/shared/utils/functions/ceil/ceil.d.ts

@@ -0,0 +1 @@
+export declare const ceil: (value: number, precision?: number) => number;

package/src/lib/shared/utils/functions/ceil/ceil.js

@@ -0,0 +1,6 @@
+const ceil = (value, precision = 0) => {
+    const multiplier = Math.pow(10, precision);
+    return Math.ceil(value * multiplier) / multiplier;
+};
+
+export { ceil };

package/src/lib/shared/utils/functions/ceil/index.d.ts

@@ -0,0 +1 @@
+export { ceil } from './ceil';

package/src/lib/shared/utils/functions/formatBigNumber/formatBigNumber.cjs

@@ -3,21 +3,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var ethers = require('ethers');
+var ceil = require('../ceil/ceil.cjs');
 var trimEnd = require('../trimEnd/trimEnd.cjs');
 
-const formatBigNumber = (value, decimals) => {
+const formatBigNumber = (value, precision = 0) => {
     const formatted = ethers.ethers.utils.formatEther(value);
-    if (!decimals) {
+    if (!precision) {
         return formatted;
     }
-    const toFloat = parseFloat(formatted);
-    const power = Math.pow(10, decimals);
-    const roundedNumber = Math.round(toFloat * power) / power;
-    const hasDecimals = roundedNumber.toString().split('.').length !== 1;
-    if (hasDecimals) {
-        return trimEnd.trimEnd(roundedNumber.toFixed(decimals), '0');
-    }
-    return roundedNumber.toFixed(1);
+    const floatValue = parseFloat(formatted);
+    const formattedAtPrecision = ceil.ceil(floatValue, precision).toFixed(precision);
+    const [integerPart, decimalPart] = formattedAtPrecision.split('.');
+    const decimalPartTrimmed = trimEnd.trimEnd(decimalPart, '0');
+    return `${integerPart}.${decimalPartTrimmed || '0'}`;
 };
 
 exports.formatBigNumber = formatBigNumber;

package/src/lib/shared/utils/functions/formatBigNumber/formatBigNumber.d.ts

@@ -1,2 +1,2 @@
 import { ethers } from 'ethers';
-export declare const formatBigNumber: (value: ethers.BigNumber, decimals?: number) => string;
+export declare const formatBigNumber: (value: ethers.BigNumber, precision?: number) => string;