@dynamic-labs/sdk-react-core 0.18.100-viem.0 → 0.19.0-alpha.1

package/src/lib/layouts/ConnectedWalletsListLayout/index.d.ts

@@ -1 +1 @@
-export { ConnectedWalletsListLayout } from './ConnectedWalletsListLayout';
+export { ConnectedWalletsListLayout } from './ConnectedWalletsListLayout';

package/src/lib/layouts/SelectWalletListLayout/SelectWalletListLayout.d.ts

@@ -1,8 +1,8 @@
-import { FC, MouseEventHandler, PropsWithChildren, ReactNode } from 'react';
-type SelectWalletListLayoutProps = {
-    title: ReactNode;
-    onClickClose?: MouseEventHandler<HTMLButtonElement>;
-    onClickBack?: MouseEventHandler<HTMLButtonElement>;
-};
-export declare const SelectWalletListLayout: FC<PropsWithChildren<SelectWalletListLayoutProps>>;
-export {};
+import { FC, MouseEventHandler, PropsWithChildren, ReactNode } from 'react';
+type SelectWalletListLayoutProps = {
+    title: ReactNode;
+    onClickClose?: MouseEventHandler<HTMLButtonElement>;
+    onClickBack?: MouseEventHandler<HTMLButtonElement>;
+};
+export declare const SelectWalletListLayout: FC<PropsWithChildren<SelectWalletListLayoutProps>>;
+export {};

package/src/lib/layouts/SelectWalletListLayout/index.d.ts

@@ -1 +1 @@
-export { SelectWalletListLayout } from './SelectWalletListLayout';
+export { SelectWalletListLayout } from './SelectWalletListLayout';

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

@@ -13,7 +13,7 @@ require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
-require('viem');
+require('ethers');
 var usePreventPageScroll = require('../../shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.cjs');
 var index = require('../../shared/consts/index.cjs');
 require('../../context/DynamicContext/DynamicContext.cjs');
@@ -47,27 +47,27 @@ var ModalCard = require('../../components/ModalCard/ModalCard.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.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, { handleClose: closeModal, isShown: show, zIndex: index.authModalZIndex, withBackdrop: true, elementId: 'dynamic-send-balance', transitionEvents: {
-            onUnmount: handleOnModalUnmount,
-        }, children: jsxRuntime.jsx(Modal.Modal, { children: jsxRuntime.jsx(ModalCard.ModalCard, { children: jsxRuntime.jsx(VerticalDrawerTransition.VerticalDrawerTransition, { 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;
-                        } }) }) }) }) }));
+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(Modal.Modal, { children: jsxRuntime.jsx(ModalCard.ModalCard, { 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

@@ -1,10 +1,10 @@
-import { FC } from 'react';
-import { TransactionReceipt } from 'viem';
-type SendBalanceModalProps = {
-    initialRecipientAddress?: string;
-    initialValue?: bigint;
-    onReject: (error: unknown) => void;
-    onSuccess: (transaction: TransactionReceipt) => void;
-};
-export declare const SendBalanceModal: FC<SendBalanceModalProps>;
-export {};
+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

@@ -9,7 +9,7 @@ import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
 import '../../shared/utils/classes/storage/localStorage.js';
-import 'viem';
+import 'ethers';
 import { usePreventPageScroll } from '../../shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.js';
 import { authModalZIndex } from '../../shared/consts/index.js';
 import '../../context/DynamicContext/DynamicContext.js';
@@ -43,27 +43,27 @@ import { ModalCard } from '../../components/ModalCard/ModalCard.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.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, { handleClose: closeModal, isShown: show, zIndex: authModalZIndex, withBackdrop: true, elementId: 'dynamic-send-balance', transitionEvents: {
-            onUnmount: handleOnModalUnmount,
-        }, children: jsx(Modal, { children: jsx(ModalCard, { children: jsx(VerticalDrawerTransition, { 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;
-                        } }) }) }) }) }));
+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(Modal, { children: jsx(ModalCard, { 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

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

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

@@ -16,7 +16,7 @@ require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
-require('viem');
+require('ethers');
 var usePreventPageScroll = require('../../shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.cjs');
 var index = require('../../shared/consts/index.cjs');
 require('../../context/DynamicContext/DynamicContext.cjs');
@@ -58,30 +58,30 @@ var ModalCard = require('../../components/ModalCard/ModalCard.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 
-const SignMessageConfirmationModal = ({ appLogoUrl, appName, appOrigin, message, handler, onReject, onSignMessage, }) => {
-    usePreventPageScroll.usePreventPageScroll(true);
-    const didConfirmRef = React.useRef(false);
-    const [show, setShow] = React.useState(true);
-    const handleOnReject = React.useCallback(() => {
-        didConfirmRef.current = false;
-        setShow(false);
-    }, [setShow]);
-    const { isLoading, mutate: confirm, data: signedMessage, error: signMessageError, } = useMutation.useMutation(() => handler(message), {
-        onSuccess: () => {
-            didConfirmRef.current = true;
-            setShow(false);
-        },
-    });
-    const handleOnModalUnmount = React.useCallback(() => {
-        if (signedMessage) {
-            return onSignMessage(signedMessage);
-        }
-        onReject(signMessageError || new Error('user rejected signing'));
-    }, [signedMessage, onSignMessage, onReject, signMessageError]);
-    const closeButton = (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: handleOnReject, "data-testid": 'close', disabled: isLoading, children: jsxRuntime.jsx(close.ReactComponent, {}) }));
-    return (jsxRuntime.jsx(Portal.Portal, { handleClose: handleOnReject, isShown: show, zIndex: index.authModalZIndex, withBackdrop: true, elementId: 'dynamic-sign-message', transitionEvents: {
-            onUnmount: handleOnModalUnmount,
-        }, children: jsxRuntime.jsx(Modal.Modal, { children: jsxRuntime.jsxs(ModalCard.ModalCard, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { trailing: closeButton, alignContent: 'bottom', children: jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: (props) => (jsxRuntime.jsx(Icon.Icon, { color: 'brand-primary', children: jsxRuntime.jsx(signCircle.ReactComponent, Object.assign({}, props)) })), iconSize: 64, isSpinning: true }) }), jsxRuntime.jsxs("div", { className: 'sign-message-confirmation__body', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', className: 'sign-message-confirmation__title', children: "Requesting Signature" }), jsxRuntime.jsx(AnimatePresence.AnimatePresence, { animationComponent: jsxRuntime.jsx(VerticalDrawerTransition.VerticalDrawerTransition, {}), children: signMessageError && (jsxRuntime.jsx("div", { className: 'sign-message-confirmation__error', children: jsxRuntime.jsx(ErrorContainer.ErrorContainer, { children: signMessageError.reason || 'Something went wrong' }) })) }), jsxRuntime.jsxs("div", { className: 'sign-message-confirmation__message-container', children: [jsxRuntime.jsx(AppOriginTile.AppOriginTile, { appLogoUrl: appLogoUrl, appName: appName, appOrigin: appOrigin }), jsxRuntime.jsx("div", { className: 'sign-message-confirmation__message', children: jsxRuntime.jsx(Typography.Typography, { color: 'primary', variant: 'body_normal', children: message }) })] }), jsxRuntime.jsxs("div", { className: 'sign-message-confirmation__actions', children: [jsxRuntime.jsx(Button.Button, { buttonVariant: 'secondary', onClick: handleOnReject, expanded: true, buttonPadding: 'large', disabled: isLoading, buttonRounded: 'default', children: "Cancel" }), jsxRuntime.jsx(Button.Button, { buttonVariant: 'primary', buttonPadding: 'large', onClick: () => confirm(), expanded: true, buttonRounded: 'default', loading: isLoading, children: "Sign" })] }), jsxRuntime.jsx(PoweredByDynamic.PoweredByDynamic, {})] })] }) }) }));
+const SignMessageConfirmationModal = ({ appLogoUrl, appName, appOrigin, message, handler, onReject, onSignMessage, }) => {
+    usePreventPageScroll.usePreventPageScroll(true);
+    const didConfirmRef = React.useRef(false);
+    const [show, setShow] = React.useState(true);
+    const handleOnReject = React.useCallback(() => {
+        didConfirmRef.current = false;
+        setShow(false);
+    }, [setShow]);
+    const { isLoading, mutate: confirm, data: signedMessage, error: signMessageError, } = useMutation.useMutation(() => handler(message), {
+        onSuccess: () => {
+            didConfirmRef.current = true;
+            setShow(false);
+        },
+    });
+    const handleOnModalUnmount = React.useCallback(() => {
+        if (signedMessage) {
+            return onSignMessage(signedMessage);
+        }
+        onReject(signMessageError || new Error('user rejected signing'));
+    }, [signedMessage, onSignMessage, onReject, signMessageError]);
+    const closeButton = (jsxRuntime.jsx(IconButton.IconButton, Object.assign({ type: 'button', onClick: handleOnReject, "data-testid": 'close', disabled: isLoading }, { children: jsxRuntime.jsx(close.ReactComponent, {}) })));
+    return (jsxRuntime.jsx(Portal.Portal, Object.assign({ handleClose: handleOnReject, isShown: show, zIndex: index.authModalZIndex, withBackdrop: true, elementId: 'dynamic-sign-message', transitionEvents: {
+            onUnmount: handleOnModalUnmount,
+        } }, { children: jsxRuntime.jsx(Modal.Modal, { children: jsxRuntime.jsxs(ModalCard.ModalCard, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, Object.assign({ trailing: closeButton, alignContent: 'bottom' }, { children: jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: (props) => (jsxRuntime.jsx(Icon.Icon, Object.assign({ color: 'brand-primary' }, { children: jsxRuntime.jsx(signCircle.ReactComponent, Object.assign({}, props)) }))), iconSize: 64, isSpinning: true }) })), jsxRuntime.jsxs("div", Object.assign({ className: 'sign-message-confirmation__body' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'title', color: 'primary', className: 'sign-message-confirmation__title' }, { children: "Requesting Signature" })), jsxRuntime.jsx(AnimatePresence.AnimatePresence, Object.assign({ animationComponent: jsxRuntime.jsx(VerticalDrawerTransition.VerticalDrawerTransition, {}) }, { children: signMessageError && (jsxRuntime.jsx("div", Object.assign({ className: 'sign-message-confirmation__error' }, { children: jsxRuntime.jsx(ErrorContainer.ErrorContainer, { children: signMessageError.reason || 'Something went wrong' }) }))) })), jsxRuntime.jsxs("div", Object.assign({ className: 'sign-message-confirmation__message-container' }, { children: [jsxRuntime.jsx(AppOriginTile.AppOriginTile, { appLogoUrl: appLogoUrl, appName: appName, appOrigin: appOrigin }), jsxRuntime.jsx("div", Object.assign({ className: 'sign-message-confirmation__message' }, { children: jsxRuntime.jsx(Typography.Typography, Object.assign({ color: 'primary', variant: 'body_normal' }, { children: message })) }))] })), jsxRuntime.jsxs("div", Object.assign({ className: 'sign-message-confirmation__actions' }, { children: [jsxRuntime.jsx(Button.Button, Object.assign({ buttonVariant: 'secondary', onClick: handleOnReject, expanded: true, buttonPadding: 'large', disabled: isLoading, buttonRounded: 'default' }, { children: "Cancel" })), jsxRuntime.jsx(Button.Button, Object.assign({ buttonVariant: 'primary', buttonPadding: 'large', onClick: () => confirm(), expanded: true, buttonRounded: 'default', loading: isLoading }, { children: "Sign" }))] })), jsxRuntime.jsx(PoweredByDynamic.PoweredByDynamic, {})] }))] }) }) })));
 };
 
 exports.SignMessageConfirmationModal = SignMessageConfirmationModal;

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

@@ -1,2 +1,2 @@
-import { SignMessageConfirmationModalComponent } from './SignMessageConfirmationModal.types';
-export declare const SignMessageConfirmationModal: SignMessageConfirmationModalComponent;
+import { SignMessageConfirmationModalComponent } from './SignMessageConfirmationModal.types';
+export declare const SignMessageConfirmationModal: SignMessageConfirmationModalComponent;

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

@@ -12,7 +12,7 @@ import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
 import '../../shared/utils/classes/storage/localStorage.js';
-import 'viem';
+import 'ethers';
 import { usePreventPageScroll } from '../../shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.js';
 import { authModalZIndex } from '../../shared/consts/index.js';
 import '../../context/DynamicContext/DynamicContext.js';
@@ -54,30 +54,30 @@ import { ModalCard } from '../../components/ModalCard/ModalCard.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 
-const SignMessageConfirmationModal = ({ appLogoUrl, appName, appOrigin, message, handler, onReject, onSignMessage, }) => {
-    usePreventPageScroll(true);
-    const didConfirmRef = useRef(false);
-    const [show, setShow] = useState(true);
-    const handleOnReject = useCallback(() => {
-        didConfirmRef.current = false;
-        setShow(false);
-    }, [setShow]);
-    const { isLoading, mutate: confirm, data: signedMessage, error: signMessageError, } = useMutation(() => handler(message), {
-        onSuccess: () => {
-            didConfirmRef.current = true;
-            setShow(false);
-        },
-    });
-    const handleOnModalUnmount = useCallback(() => {
-        if (signedMessage) {
-            return onSignMessage(signedMessage);
-        }
-        onReject(signMessageError || new Error('user rejected signing'));
-    }, [signedMessage, onSignMessage, onReject, signMessageError]);
-    const closeButton = (jsx(IconButton, { type: 'button', onClick: handleOnReject, "data-testid": 'close', disabled: isLoading, children: jsx(SvgClose, {}) }));
-    return (jsx(Portal, { handleClose: handleOnReject, isShown: show, zIndex: authModalZIndex, withBackdrop: true, elementId: 'dynamic-sign-message', transitionEvents: {
-            onUnmount: handleOnModalUnmount,
-        }, children: jsx(Modal, { children: jsxs(ModalCard, { children: [jsx(ModalHeader, { trailing: closeButton, alignContent: 'bottom', children: jsx(IconWithSpinner, { Icon: (props) => (jsx(Icon, { color: 'brand-primary', children: jsx(SvgSignCircle, Object.assign({}, props)) })), iconSize: 64, isSpinning: true }) }), jsxs("div", { className: 'sign-message-confirmation__body', children: [jsx(Typography, { variant: 'title', color: 'primary', className: 'sign-message-confirmation__title', children: "Requesting Signature" }), jsx(AnimatePresence, { animationComponent: jsx(VerticalDrawerTransition, {}), children: signMessageError && (jsx("div", { className: 'sign-message-confirmation__error', children: jsx(ErrorContainer, { children: signMessageError.reason || 'Something went wrong' }) })) }), jsxs("div", { className: 'sign-message-confirmation__message-container', children: [jsx(AppOriginTile, { appLogoUrl: appLogoUrl, appName: appName, appOrigin: appOrigin }), jsx("div", { className: 'sign-message-confirmation__message', children: jsx(Typography, { color: 'primary', variant: 'body_normal', children: message }) })] }), jsxs("div", { className: 'sign-message-confirmation__actions', children: [jsx(Button, { buttonVariant: 'secondary', onClick: handleOnReject, expanded: true, buttonPadding: 'large', disabled: isLoading, buttonRounded: 'default', children: "Cancel" }), jsx(Button, { buttonVariant: 'primary', buttonPadding: 'large', onClick: () => confirm(), expanded: true, buttonRounded: 'default', loading: isLoading, children: "Sign" })] }), jsx(PoweredByDynamic, {})] })] }) }) }));
+const SignMessageConfirmationModal = ({ appLogoUrl, appName, appOrigin, message, handler, onReject, onSignMessage, }) => {
+    usePreventPageScroll(true);
+    const didConfirmRef = useRef(false);
+    const [show, setShow] = useState(true);
+    const handleOnReject = useCallback(() => {
+        didConfirmRef.current = false;
+        setShow(false);
+    }, [setShow]);
+    const { isLoading, mutate: confirm, data: signedMessage, error: signMessageError, } = useMutation(() => handler(message), {
+        onSuccess: () => {
+            didConfirmRef.current = true;
+            setShow(false);
+        },
+    });
+    const handleOnModalUnmount = useCallback(() => {
+        if (signedMessage) {
+            return onSignMessage(signedMessage);
+        }
+        onReject(signMessageError || new Error('user rejected signing'));
+    }, [signedMessage, onSignMessage, onReject, signMessageError]);
+    const closeButton = (jsx(IconButton, Object.assign({ type: 'button', onClick: handleOnReject, "data-testid": 'close', disabled: isLoading }, { children: jsx(SvgClose, {}) })));
+    return (jsx(Portal, Object.assign({ handleClose: handleOnReject, isShown: show, zIndex: authModalZIndex, withBackdrop: true, elementId: 'dynamic-sign-message', transitionEvents: {
+            onUnmount: handleOnModalUnmount,
+        } }, { children: jsx(Modal, { children: jsxs(ModalCard, { children: [jsx(ModalHeader, Object.assign({ trailing: closeButton, alignContent: 'bottom' }, { children: jsx(IconWithSpinner, { Icon: (props) => (jsx(Icon, Object.assign({ color: 'brand-primary' }, { children: jsx(SvgSignCircle, Object.assign({}, props)) }))), iconSize: 64, isSpinning: true }) })), jsxs("div", Object.assign({ className: 'sign-message-confirmation__body' }, { children: [jsx(Typography, Object.assign({ variant: 'title', color: 'primary', className: 'sign-message-confirmation__title' }, { children: "Requesting Signature" })), jsx(AnimatePresence, Object.assign({ animationComponent: jsx(VerticalDrawerTransition, {}) }, { children: signMessageError && (jsx("div", Object.assign({ className: 'sign-message-confirmation__error' }, { children: jsx(ErrorContainer, { children: signMessageError.reason || 'Something went wrong' }) }))) })), jsxs("div", Object.assign({ className: 'sign-message-confirmation__message-container' }, { children: [jsx(AppOriginTile, { appLogoUrl: appLogoUrl, appName: appName, appOrigin: appOrigin }), jsx("div", Object.assign({ className: 'sign-message-confirmation__message' }, { children: jsx(Typography, Object.assign({ color: 'primary', variant: 'body_normal' }, { children: message })) }))] })), jsxs("div", Object.assign({ className: 'sign-message-confirmation__actions' }, { children: [jsx(Button, Object.assign({ buttonVariant: 'secondary', onClick: handleOnReject, expanded: true, buttonPadding: 'large', disabled: isLoading, buttonRounded: 'default' }, { children: "Cancel" })), jsx(Button, Object.assign({ buttonVariant: 'primary', buttonPadding: 'large', onClick: () => confirm(), expanded: true, buttonRounded: 'default', loading: isLoading }, { children: "Sign" }))] })), jsx(PoweredByDynamic, {})] }))] }) }) })));
 };
 
 export { SignMessageConfirmationModal };

package/src/lib/modals/SignMessageConfirmationModal/SignMessageConfirmationModal.types.d.ts

@@ -1,11 +1,12 @@
-import { FC } from 'react';
-export type SignMessageConfirmationModalProps = {
-    appLogoUrl?: string;
-    appName?: string;
-    appOrigin: string;
-    handler: (message: string | ArrayLike<number>) => Promise<string>;
-    message: string | ArrayLike<number>;
-    onReject: (error: unknown) => void;
-    onSignMessage: (signedMessage: string) => void;
-};
-export type SignMessageConfirmationModalComponent = FC<SignMessageConfirmationModalProps>;
+import { FC } from 'react';
+import { ethers } from 'ethers';
+export type SignMessageConfirmationModalProps = {
+    appLogoUrl?: string;
+    appName?: string;
+    appOrigin: string;
+    handler: (message: string | ethers.utils.Bytes) => Promise<string>;
+    message: string | ethers.utils.Bytes;
+    onReject: (error: unknown) => void;
+    onSignMessage: (signedMessage: string) => void;
+};
+export type SignMessageConfirmationModalComponent = FC<SignMessageConfirmationModalProps>;

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

@@ -1 +1 @@
-export { SignMessageConfirmationModal } from './SignMessageConfirmationModal';
+export { SignMessageConfirmationModal } from './SignMessageConfirmationModal';

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

@@ -13,7 +13,7 @@ require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
-require('viem');
+require('ethers');
 var usePreventPageScroll = require('../../shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.cjs');
 var index = require('../../shared/consts/index.cjs');
 require('../../context/DynamicContext/DynamicContext.cjs');
@@ -46,27 +46,27 @@ var ModalCard = require('../../components/ModalCard/ModalCard.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 
-const TransactionConfirmationModal = ({ title, handler, onReject, onTransactionResponseSuccess, transaction }) => {
-    usePreventPageScroll.usePreventPageScroll(true);
-    const [show, setShow] = React.useState(true);
-    const errorRef = React.useRef(null);
-    const transactionResponseRef = React.useRef(null);
-    const closeModal = React.useCallback(() => {
-        setShow(false);
-    }, [setShow]);
-    const handleOnModalUnmount = React.useCallback(() => {
-        if (transactionResponseRef.current) {
-            return onTransactionResponseSuccess(transactionResponseRef.current);
-        }
-        onReject(errorRef.current || new Error('user rejected transaction'));
-    }, [onTransactionResponseSuccess, onReject]);
-    return (jsxRuntime.jsx(Portal.Portal, { handleClose: closeModal, isShown: show, zIndex: index.authModalZIndex, withBackdrop: true, elementId: 'dynamic-send-transaction', transitionEvents: {
-            onUnmount: handleOnModalUnmount,
-        }, children: jsxRuntime.jsx(Modal.Modal, { children: jsxRuntime.jsx(ModalCard.ModalCard, { children: jsxRuntime.jsx(TransactionConfirmationView.TransactionConfirmationView, { 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();
-                    } }) }) }) }));
+const TransactionConfirmationModal = ({ title, handler, onReject, onTransactionResponseSuccess, transaction, provider, }) => {
+    usePreventPageScroll.usePreventPageScroll(true);
+    const [show, setShow] = React.useState(true);
+    const errorRef = React.useRef(null);
+    const transactionResponseRef = React.useRef(null);
+    const closeModal = React.useCallback(() => {
+        setShow(false);
+    }, [setShow]);
+    const handleOnModalUnmount = React.useCallback(() => {
+        if (transactionResponseRef.current) {
+            return onTransactionResponseSuccess(transactionResponseRef.current);
+        }
+        onReject(errorRef.current || new Error('user rejected transaction'));
+    }, [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(Modal.Modal, { children: jsxRuntime.jsx(ModalCard.ModalCard, { 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();
+                    } }) }) }) })));
 };
 
 exports.TransactionConfirmationModal = TransactionConfirmationModal;

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

@@ -1,2 +1,2 @@
-import { TransactionConfirmationModalComponent } from './TransactionConfirmationModal.types';
-export declare const TransactionConfirmationModal: TransactionConfirmationModalComponent;
+import { TransactionConfirmationModalComponent } from './TransactionConfirmationModal.types';
+export declare const TransactionConfirmationModal: TransactionConfirmationModalComponent;

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

@@ -9,7 +9,7 @@ import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
 import '../../shared/utils/classes/storage/localStorage.js';
-import 'viem';
+import 'ethers';
 import { usePreventPageScroll } from '../../shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.js';
 import { authModalZIndex } from '../../shared/consts/index.js';
 import '../../context/DynamicContext/DynamicContext.js';
@@ -42,27 +42,27 @@ import { ModalCard } from '../../components/ModalCard/ModalCard.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 
-const TransactionConfirmationModal = ({ title, handler, onReject, onTransactionResponseSuccess, transaction }) => {
-    usePreventPageScroll(true);
-    const [show, setShow] = useState(true);
-    const errorRef = useRef(null);
-    const transactionResponseRef = useRef(null);
-    const closeModal = useCallback(() => {
-        setShow(false);
-    }, [setShow]);
-    const handleOnModalUnmount = useCallback(() => {
-        if (transactionResponseRef.current) {
-            return onTransactionResponseSuccess(transactionResponseRef.current);
-        }
-        onReject(errorRef.current || new Error('user rejected transaction'));
-    }, [onTransactionResponseSuccess, onReject]);
-    return (jsx(Portal, { handleClose: closeModal, isShown: show, zIndex: authModalZIndex, withBackdrop: true, elementId: 'dynamic-send-transaction', transitionEvents: {
-            onUnmount: handleOnModalUnmount,
-        }, children: jsx(Modal, { children: jsx(ModalCard, { children: jsx(TransactionConfirmationView, { 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();
-                    } }) }) }) }));
+const TransactionConfirmationModal = ({ title, handler, onReject, onTransactionResponseSuccess, transaction, provider, }) => {
+    usePreventPageScroll(true);
+    const [show, setShow] = useState(true);
+    const errorRef = useRef(null);
+    const transactionResponseRef = useRef(null);
+    const closeModal = useCallback(() => {
+        setShow(false);
+    }, [setShow]);
+    const handleOnModalUnmount = useCallback(() => {
+        if (transactionResponseRef.current) {
+            return onTransactionResponseSuccess(transactionResponseRef.current);
+        }
+        onReject(errorRef.current || new Error('user rejected transaction'));
+    }, [onTransactionResponseSuccess, onReject]);
+    return (jsx(Portal, Object.assign({ handleClose: closeModal, isShown: show, zIndex: authModalZIndex, withBackdrop: true, elementId: 'dynamic-send-transaction', transitionEvents: {
+            onUnmount: handleOnModalUnmount,
+        } }, { children: jsx(Modal, { children: jsx(ModalCard, { 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();
+                    } }) }) }) })));
 };
 
 export { TransactionConfirmationModal };

package/src/lib/modals/TransactionConfirmationModal/TransactionConfirmationModal.types.d.ts

@@ -1,10 +1,11 @@
-import { FC, ReactNode } from 'react';
-import { TransactionReceipt, TransactionRequest } from 'viem';
-export type TransactionConfirmationModalProps = {
-    handler: (transaction: TransactionRequest) => Promise<TransactionReceipt>;
-    onReject: (error: unknown) => void;
-    onTransactionResponseSuccess: (transactionResponse: TransactionReceipt) => void;
-    title: ReactNode;
-    transaction: TransactionRequest;
-};
-export type TransactionConfirmationModalComponent = FC<TransactionConfirmationModalProps>;
+import { FC, ReactNode } from 'react';
+import { ethers } from 'ethers';
+export type TransactionConfirmationModalProps = {
+    handler: (transaction: ethers.utils.Deferrable<ethers.providers.TransactionRequest>) => Promise<ethers.providers.TransactionResponse>;
+    onReject: (error: unknown) => void;
+    onTransactionResponseSuccess: (transactionResponse: ethers.providers.TransactionResponse) => void;
+    provider: ethers.providers.Web3Provider;
+    title: ReactNode;
+    transaction: ethers.utils.Deferrable<ethers.providers.TransactionRequest>;
+};
+export type TransactionConfirmationModalComponent = FC<TransactionConfirmationModalProps>;

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

@@ -1 +1 @@
-export { TransactionConfirmationModal } from './TransactionConfirmationModal';
+export { TransactionConfirmationModal } from './TransactionConfirmationModal';

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

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

package/src/lib/shared/assets/double-arrow-right.cjs

@@ -0,0 +1,53 @@
+'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 _path;
+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 SvgDoubleArrowRight = function SvgDoubleArrowRight(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M2.862 2.862c.26-.26.682-.26.943 0L8.47 7.529a.667.667 0 0 1 0 .942l-4.666 4.667a.667.667 0 0 1-.943-.943L7.057 8 2.862 3.805a.667.667 0 0 1 0-.943Zm5.333 0c.26-.26.683-.26.943 0l4.667 4.667c.26.26.26.682 0 .942l-4.667 4.667a.667.667 0 0 1-.943-.943L12.39 8 8.195 3.805a.667.667 0 0 1 0-.943Z",
+    fill: "currentColor"
+  })));
+};
+
+exports.ReactComponent = SvgDoubleArrowRight;

package/src/lib/shared/assets/double-arrow-right.js

@@ -0,0 +1,29 @@
+import * as React from 'react';
+
+var _path;
+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 SvgDoubleArrowRight = function SvgDoubleArrowRight(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M2.862 2.862c.26-.26.682-.26.943 0L8.47 7.529a.667.667 0 0 1 0 .942l-4.666 4.667a.667.667 0 0 1-.943-.943L7.057 8 2.862 3.805a.667.667 0 0 1 0-.943Zm5.333 0c.26-.26.683-.26.943 0l4.667 4.667c.26.26.26.682 0 .942l-4.667 4.667a.667.667 0 0 1-.943-.943L12.39 8 8.195 3.805a.667.667 0 0 1 0-.943Z",
+    fill: "currentColor"
+  })));
+};
+
+export { SvgDoubleArrowRight as ReactComponent };