@dynamic-labs/sdk-react-core 0.17.16 → 0.17.100-viem.1

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

@@ -19,7 +19,7 @@ require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
-require('ethers');
+require('viem');
 require('../../shared/consts/index.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -53,52 +53,52 @@ var WalletMoreInfoContent = require('./FooterContent/WalletMoreInfoContent/Walle
 var WalletListFooterContent = require('./FooterContent/WalletListFooterContent/WalletListFooterContent.cjs');
 var header = require('./Header/header.cjs');
 
-const DynamicAuthLayout = ({ appName, children, onClose, newToWeb3WalletChainMap, transitionProps, projectSettings, walletConnector, walletName = '', className = '', }) => {
-    const { view } = ViewContext.useViewContext();
-    const { user } = useInternalDynamicContext.useInternalDynamicContext();
-    const { headerData, footerData } = getDynamicLayoutData.getDynamicLayoutData({
-        view,
-    });
-    const footerRef = React.useRef(null);
-    const { isFooterExpanded } = index.useFooterAnimationContext();
-    const { mockedSDK } = MockContext.useMockContext();
-    const renderFooterContent = () => {
-        switch (view) {
-            case 'wallet-connect-mobile-wallets-list':
-            case 'wallet-list':
-            case 'login-with-email-or-wallet-full-wallet-list':
-                return (jsxRuntime.jsx(WalletListFooterContent.WalletListFooterContent, { chains: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.chains, newToWeb3WalletChainMap: newToWeb3WalletChainMap }));
-            case 'pending-signature-without-back-button':
-            case 'pending-signature':
-                return (jsxRuntime.jsx(WalletMoreInfoContent.WalletMoreInfoContent, { appName: appName, variant: 'sign', walletName: walletName }));
-            case 'pending-connect':
-                return jsxRuntime.jsx(WalletMoreInfoContent.WalletMoreInfoContent, { appName: appName, variant: 'connect' });
-            case 'qr-code':
-                return jsxRuntime.jsx(WalletMoreInfoContent.WalletMoreInfoContent, { appName: appName, variant: 'connect' });
-            /* istanbul ignore next */
-            default:
-                return jsxRuntime.jsx(emptyFooterContent.EmptyFooterContent, {});
-        }
-    };
-    const showFooter = 
-    // Notice the negation here
-    !((view === 'qr-code' && !(walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.canConnectViaQrCode)) ||
-        view === 'no-qr-not-installed' ||
-        view === 'wallet-used' ||
-        view === 'chainalysis-blocked-wallet' ||
-        view === 'wallet-sign' ||
-        view === 'collect-user-data' ||
-        isUserLinkingWallet.isUserLinkingWallet(user, view, mockedSDK));
-    const showHeader = view !== 'collect-user-data' &&
-        view !== 'no-access' &&
-        view !== 'chainalysis-blocked-wallet' &&
-        view !== 'update-email' &&
-        view !== 'verify-email' &&
-        view !== 'network-not-supported' &&
-        view !== 'email-wallet-otp-verification-view';
-    const content = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [showHeader && (jsxRuntime.jsx(header.Header, { onClose: onClose, heading: (headerData === null || headerData === void 0 ? void 0 : headerData.heading) || '', projectSettings: projectSettings })), children] }));
-    const modalClassName = classNames.classNames(className, 'dynamic-auth-layout__container');
-    return (jsxRuntime.jsx("div", Object.assign({ className: 'dynamic-auth-layout__modal' }, { children: jsxRuntime.jsx(SlideInUpTransition.SlideInUpTransition, Object.assign({ isShown: Boolean(transitionProps === null || transitionProps === void 0 ? void 0 : transitionProps.isShown) }, { children: jsxRuntime.jsx(OverlayCardTarget.OverlayCardTarget, { children: jsxRuntime.jsx("div", Object.assign({ className: modalClassName, "data-testid": 'dynamic-auth-modal' }, { children: jsxRuntime.jsxs(VerticalAccordion.VerticalAccordion, { children: [jsxRuntime.jsx(AccordionItem.AccordionItem, Object.assign({ isOpen: !isFooterExpanded }, { children: content })), jsxRuntime.jsx(AnimatePresence.AnimatePresence, Object.assign({ animationComponent: jsxRuntime.jsx(VerticalDrawerTransition.VerticalDrawerTransition, {}) }, { children: footerData && showFooter && (jsxRuntime.jsx(Footer.Footer, { icon: footerData.icon, heading: footerData.heading, footerRef: footerRef, projectSettings: projectSettings })) })), footerData && showFooter && (jsxRuntime.jsx(AccordionItem.AccordionItem, Object.assign({ isOpen: isFooterExpanded }, { children: jsxRuntime.jsx("div", { children: renderFooterContent() }, isFooterExpanded.toString()) })))] }) })) }) })) })));
+const DynamicAuthLayout = ({ appName, children, onClose, newToWeb3WalletChainMap, transitionProps, projectSettings, walletConnector, walletName = '', className = '', }) => {
+    const { view } = ViewContext.useViewContext();
+    const { user } = useInternalDynamicContext.useInternalDynamicContext();
+    const { headerData, footerData } = getDynamicLayoutData.getDynamicLayoutData({
+        view,
+    });
+    const footerRef = React.useRef(null);
+    const { isFooterExpanded } = index.useFooterAnimationContext();
+    const { mockedSDK } = MockContext.useMockContext();
+    const renderFooterContent = () => {
+        switch (view) {
+            case 'wallet-connect-mobile-wallets-list':
+            case 'wallet-list':
+            case 'login-with-email-or-wallet-full-wallet-list':
+                return (jsxRuntime.jsx(WalletListFooterContent.WalletListFooterContent, { chains: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.chains, newToWeb3WalletChainMap: newToWeb3WalletChainMap }));
+            case 'pending-signature-without-back-button':
+            case 'pending-signature':
+                return (jsxRuntime.jsx(WalletMoreInfoContent.WalletMoreInfoContent, { appName: appName, variant: 'sign', walletName: walletName }));
+            case 'pending-connect':
+                return jsxRuntime.jsx(WalletMoreInfoContent.WalletMoreInfoContent, { appName: appName, variant: 'connect' });
+            case 'qr-code':
+                return jsxRuntime.jsx(WalletMoreInfoContent.WalletMoreInfoContent, { appName: appName, variant: 'connect' });
+            /* istanbul ignore next */
+            default:
+                return jsxRuntime.jsx(emptyFooterContent.EmptyFooterContent, {});
+        }
+    };
+    const showFooter = 
+    // Notice the negation here
+    !((view === 'qr-code' && !(walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.canConnectViaQrCode)) ||
+        view === 'no-qr-not-installed' ||
+        view === 'wallet-used' ||
+        view === 'chainalysis-blocked-wallet' ||
+        view === 'wallet-sign' ||
+        view === 'collect-user-data' ||
+        isUserLinkingWallet.isUserLinkingWallet(user, view, mockedSDK));
+    const showHeader = view !== 'collect-user-data' &&
+        view !== 'no-access' &&
+        view !== 'chainalysis-blocked-wallet' &&
+        view !== 'update-email' &&
+        view !== 'verify-email' &&
+        view !== 'network-not-supported' &&
+        view !== 'email-wallet-otp-verification-view';
+    const content = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [showHeader && (jsxRuntime.jsx(header.Header, { onClose: onClose, heading: (headerData === null || headerData === void 0 ? void 0 : headerData.heading) || '', projectSettings: projectSettings })), children] }));
+    const modalClassName = classNames.classNames(className, 'dynamic-auth-layout__container');
+    return (jsxRuntime.jsx("div", { className: 'dynamic-auth-layout__modal', children: jsxRuntime.jsx(SlideInUpTransition.SlideInUpTransition, { isShown: Boolean(transitionProps === null || transitionProps === void 0 ? void 0 : transitionProps.isShown), children: jsxRuntime.jsx(OverlayCardTarget.OverlayCardTarget, { children: jsxRuntime.jsx("div", { className: modalClassName, "data-testid": 'dynamic-auth-modal', children: jsxRuntime.jsxs(VerticalAccordion.VerticalAccordion, { children: [jsxRuntime.jsx(AccordionItem.AccordionItem, { isOpen: !isFooterExpanded, children: content }), jsxRuntime.jsx(AnimatePresence.AnimatePresence, { animationComponent: jsxRuntime.jsx(VerticalDrawerTransition.VerticalDrawerTransition, {}), children: footerData && showFooter && (jsxRuntime.jsx(Footer.Footer, { icon: footerData.icon, heading: footerData.heading, footerRef: footerRef, projectSettings: projectSettings })) }), footerData && showFooter && (jsxRuntime.jsx(AccordionItem.AccordionItem, { isOpen: isFooterExpanded, children: jsxRuntime.jsx("div", { children: renderFooterContent() }, isFooterExpanded.toString()) }))] }) }) }) }) }));
 };
 
 exports.DynamicAuthLayout = DynamicAuthLayout;

package/src/lib/layout/DynamicAuthLayout/DynamicAuthLayout.d.ts

@@ -1,18 +1,18 @@
-import { FC, PropsWithChildren } from 'react';
-import type { WalletConnector } from '@dynamic-labs/wallet-connector-core';
-import { ProjectSettings } from '@dynamic-labs/sdk-api';
-import { ChainToWalletMap, ModalProps } from '../../shared/types';
-import { ITransitionOptions } from '../../components/Transition/transition.type';
-interface Props {
-    appName?: string;
-    className?: string;
-    newToWeb3WalletChainMap: ChainToWalletMap;
-    privacyPolicyUrl: string | undefined;
-    projectSettings?: ProjectSettings;
-    termsOfServiceUrl: string | undefined;
-    transitionProps?: Pick<ITransitionOptions, 'isShown'>;
-    walletConnector?: WalletConnector | null;
-    walletName: string | undefined;
-}
-export declare const DynamicAuthLayout: FC<PropsWithChildren<Props> & ModalProps>;
-export {};
+import { FC, PropsWithChildren } from 'react';
+import type { WalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { ProjectSettings } from '@dynamic-labs/sdk-api';
+import { ChainToWalletMap, ModalProps } from '../../shared/types';
+import { ITransitionOptions } from '../../components/Transition/transition.type';
+interface Props {
+    appName?: string;
+    className?: string;
+    newToWeb3WalletChainMap: ChainToWalletMap;
+    privacyPolicyUrl: string | undefined;
+    projectSettings?: ProjectSettings;
+    termsOfServiceUrl: string | undefined;
+    transitionProps?: Pick<ITransitionOptions, 'isShown'>;
+    walletConnector?: WalletConnector | null;
+    walletName: string | undefined;
+}
+export declare const DynamicAuthLayout: FC<PropsWithChildren<Props> & ModalProps>;
+export {};

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

@@ -15,7 +15,7 @@ import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
-import 'ethers';
+import 'viem';
 import '../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
 import '@dynamic-labs/multi-wallet';
@@ -49,52 +49,52 @@ import { WalletMoreInfoContent } from './FooterContent/WalletMoreInfoContent/Wal
 import { WalletListFooterContent } from './FooterContent/WalletListFooterContent/WalletListFooterContent.js';
 import { Header } from './Header/header.js';
 
-const DynamicAuthLayout = ({ appName, children, onClose, newToWeb3WalletChainMap, transitionProps, projectSettings, walletConnector, walletName = '', className = '', }) => {
-    const { view } = useViewContext();
-    const { user } = useInternalDynamicContext();
-    const { headerData, footerData } = getDynamicLayoutData({
-        view,
-    });
-    const footerRef = useRef(null);
-    const { isFooterExpanded } = useFooterAnimationContext();
-    const { mockedSDK } = useMockContext();
-    const renderFooterContent = () => {
-        switch (view) {
-            case 'wallet-connect-mobile-wallets-list':
-            case 'wallet-list':
-            case 'login-with-email-or-wallet-full-wallet-list':
-                return (jsx(WalletListFooterContent, { chains: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.chains, newToWeb3WalletChainMap: newToWeb3WalletChainMap }));
-            case 'pending-signature-without-back-button':
-            case 'pending-signature':
-                return (jsx(WalletMoreInfoContent, { appName: appName, variant: 'sign', walletName: walletName }));
-            case 'pending-connect':
-                return jsx(WalletMoreInfoContent, { appName: appName, variant: 'connect' });
-            case 'qr-code':
-                return jsx(WalletMoreInfoContent, { appName: appName, variant: 'connect' });
-            /* istanbul ignore next */
-            default:
-                return jsx(EmptyFooterContent, {});
-        }
-    };
-    const showFooter = 
-    // Notice the negation here
-    !((view === 'qr-code' && !(walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.canConnectViaQrCode)) ||
-        view === 'no-qr-not-installed' ||
-        view === 'wallet-used' ||
-        view === 'chainalysis-blocked-wallet' ||
-        view === 'wallet-sign' ||
-        view === 'collect-user-data' ||
-        isUserLinkingWallet(user, view, mockedSDK));
-    const showHeader = view !== 'collect-user-data' &&
-        view !== 'no-access' &&
-        view !== 'chainalysis-blocked-wallet' &&
-        view !== 'update-email' &&
-        view !== 'verify-email' &&
-        view !== 'network-not-supported' &&
-        view !== 'email-wallet-otp-verification-view';
-    const content = (jsxs(Fragment, { children: [showHeader && (jsx(Header, { onClose: onClose, heading: (headerData === null || headerData === void 0 ? void 0 : headerData.heading) || '', projectSettings: projectSettings })), children] }));
-    const modalClassName = classNames(className, 'dynamic-auth-layout__container');
-    return (jsx("div", Object.assign({ className: 'dynamic-auth-layout__modal' }, { children: jsx(SlideInUpTransition, Object.assign({ isShown: Boolean(transitionProps === null || transitionProps === void 0 ? void 0 : transitionProps.isShown) }, { children: jsx(OverlayCardTarget, { children: jsx("div", Object.assign({ className: modalClassName, "data-testid": 'dynamic-auth-modal' }, { children: jsxs(VerticalAccordion, { children: [jsx(AccordionItem, Object.assign({ isOpen: !isFooterExpanded }, { children: content })), jsx(AnimatePresence, Object.assign({ animationComponent: jsx(VerticalDrawerTransition, {}) }, { children: footerData && showFooter && (jsx(Footer, { icon: footerData.icon, heading: footerData.heading, footerRef: footerRef, projectSettings: projectSettings })) })), footerData && showFooter && (jsx(AccordionItem, Object.assign({ isOpen: isFooterExpanded }, { children: jsx("div", { children: renderFooterContent() }, isFooterExpanded.toString()) })))] }) })) }) })) })));
+const DynamicAuthLayout = ({ appName, children, onClose, newToWeb3WalletChainMap, transitionProps, projectSettings, walletConnector, walletName = '', className = '', }) => {
+    const { view } = useViewContext();
+    const { user } = useInternalDynamicContext();
+    const { headerData, footerData } = getDynamicLayoutData({
+        view,
+    });
+    const footerRef = useRef(null);
+    const { isFooterExpanded } = useFooterAnimationContext();
+    const { mockedSDK } = useMockContext();
+    const renderFooterContent = () => {
+        switch (view) {
+            case 'wallet-connect-mobile-wallets-list':
+            case 'wallet-list':
+            case 'login-with-email-or-wallet-full-wallet-list':
+                return (jsx(WalletListFooterContent, { chains: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.chains, newToWeb3WalletChainMap: newToWeb3WalletChainMap }));
+            case 'pending-signature-without-back-button':
+            case 'pending-signature':
+                return (jsx(WalletMoreInfoContent, { appName: appName, variant: 'sign', walletName: walletName }));
+            case 'pending-connect':
+                return jsx(WalletMoreInfoContent, { appName: appName, variant: 'connect' });
+            case 'qr-code':
+                return jsx(WalletMoreInfoContent, { appName: appName, variant: 'connect' });
+            /* istanbul ignore next */
+            default:
+                return jsx(EmptyFooterContent, {});
+        }
+    };
+    const showFooter = 
+    // Notice the negation here
+    !((view === 'qr-code' && !(walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.canConnectViaQrCode)) ||
+        view === 'no-qr-not-installed' ||
+        view === 'wallet-used' ||
+        view === 'chainalysis-blocked-wallet' ||
+        view === 'wallet-sign' ||
+        view === 'collect-user-data' ||
+        isUserLinkingWallet(user, view, mockedSDK));
+    const showHeader = view !== 'collect-user-data' &&
+        view !== 'no-access' &&
+        view !== 'chainalysis-blocked-wallet' &&
+        view !== 'update-email' &&
+        view !== 'verify-email' &&
+        view !== 'network-not-supported' &&
+        view !== 'email-wallet-otp-verification-view';
+    const content = (jsxs(Fragment, { children: [showHeader && (jsx(Header, { onClose: onClose, heading: (headerData === null || headerData === void 0 ? void 0 : headerData.heading) || '', projectSettings: projectSettings })), children] }));
+    const modalClassName = classNames(className, 'dynamic-auth-layout__container');
+    return (jsx("div", { className: 'dynamic-auth-layout__modal', children: jsx(SlideInUpTransition, { isShown: Boolean(transitionProps === null || transitionProps === void 0 ? void 0 : transitionProps.isShown), children: jsx(OverlayCardTarget, { children: jsx("div", { className: modalClassName, "data-testid": 'dynamic-auth-modal', children: jsxs(VerticalAccordion, { children: [jsx(AccordionItem, { isOpen: !isFooterExpanded, children: content }), jsx(AnimatePresence, { animationComponent: jsx(VerticalDrawerTransition, {}), children: footerData && showFooter && (jsx(Footer, { icon: footerData.icon, heading: footerData.heading, footerRef: footerRef, projectSettings: projectSettings })) }), footerData && showFooter && (jsx(AccordionItem, { isOpen: isFooterExpanded, children: jsx("div", { children: renderFooterContent() }, isFooterExpanded.toString()) }))] }) }) }) }) }));
 };
 
 export { DynamicAuthLayout };

package/src/lib/layout/DynamicAuthLayout/Footer/Footer.cjs

@@ -15,7 +15,7 @@ require('../../../context/ViewContext/ViewContext.cjs');
 var arrowDown = require('../../../shared/assets/arrow-down.cjs');
 require('@dynamic-labs/utils');
 require('../../../utils/constants/colors.cjs');
-require('ethers');
+require('viem');
 require('../../../shared/consts/index.cjs');
 var Skeleton = require('../../../components/Skeleton/Skeleton.cjs');
 var classNames = require('../../../utils/functions/classNames/classNames.cjs');
@@ -43,23 +43,23 @@ require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
 
-const Footer = ({ heading, icon, projectSettings }) => {
-    const { theme } = ThemeContext.useThemeContext();
-    const { isFooterExpanded, setIsFooterExpanded } = index.useFooterAnimationContext();
-    const borderClassName = React.useMemo(() => {
-        if (isFooterExpanded) {
-            return 'footer--border-bottom';
-        }
-        return 'footer--border-top';
-    }, [theme, isFooterExpanded]);
-    const arrowClassName = React.useMemo(() => {
-        const classes = ['footer__arrow'];
-        if (isFooterExpanded) {
-            classes.push('footer__arrow--open');
-        }
-        return classes.join(' ');
-    }, [isFooterExpanded]);
-    return (jsxRuntime.jsx("div", Object.assign({ onClick: () => projectSettings && setIsFooterExpanded(!isFooterExpanded), className: classNames.classNames('footer', borderClassName), role: 'button', "data-testid": 'wallet-footer-container' }, { children: jsxRuntime.jsxs("div", Object.assign({ className: 'footer__container' }, { children: [jsxRuntime.jsxs("div", Object.assign({ className: 'footer__container--heading' }, { children: [!projectSettings ? (jsxRuntime.jsx(Skeleton.Skeleton, { className: 'footer__skeleton--icon' })) : (Boolean(icon) && (jsxRuntime.jsx("div", Object.assign({ className: 'footer__container--icon', "data-testid": 'wallet-footer-icon' }, { children: icon })))), jsxRuntime.jsx(Typography.Typography, Object.assign({ as: 'h3', variant: 'body_normal' }, { children: !projectSettings ? (jsxRuntime.jsx(Skeleton.Skeleton, { className: 'footer__skeleton--heading' })) : (heading) }))] })), projectSettings && jsxRuntime.jsx(arrowDown.ReactComponent, { className: arrowClassName })] })) })));
+const Footer = ({ heading, icon, projectSettings }) => {
+    const { theme } = ThemeContext.useThemeContext();
+    const { isFooterExpanded, setIsFooterExpanded } = index.useFooterAnimationContext();
+    const borderClassName = React.useMemo(() => {
+        if (isFooterExpanded) {
+            return 'footer--border-bottom';
+        }
+        return 'footer--border-top';
+    }, [theme, isFooterExpanded]);
+    const arrowClassName = React.useMemo(() => {
+        const classes = ['footer__arrow'];
+        if (isFooterExpanded) {
+            classes.push('footer__arrow--open');
+        }
+        return classes.join(' ');
+    }, [isFooterExpanded]);
+    return (jsxRuntime.jsx("div", { onClick: () => projectSettings && setIsFooterExpanded(!isFooterExpanded), className: classNames.classNames('footer', borderClassName), role: 'button', "data-testid": 'wallet-footer-container', children: jsxRuntime.jsxs("div", { className: 'footer__container', children: [jsxRuntime.jsxs("div", { className: 'footer__container--heading', children: [!projectSettings ? (jsxRuntime.jsx(Skeleton.Skeleton, { className: 'footer__skeleton--icon' })) : (Boolean(icon) && (jsxRuntime.jsx("div", { className: 'footer__container--icon', "data-testid": 'wallet-footer-icon', children: icon }))), jsxRuntime.jsx(Typography.Typography, { as: 'h3', variant: 'body_normal', children: !projectSettings ? (jsxRuntime.jsx(Skeleton.Skeleton, { className: 'footer__skeleton--heading' })) : (heading) })] }), projectSettings && jsxRuntime.jsx(arrowDown.ReactComponent, { className: arrowClassName })] }) }));
 };
 
 exports.Footer = Footer;

package/src/lib/layout/DynamicAuthLayout/Footer/Footer.d.ts

@@ -1,10 +1,10 @@
-import { FC, ReactNode, RefObject } from 'react';
-import { ProjectSettings } from '@dynamic-labs/sdk-api';
-interface Props {
-    footerRef: RefObject<HTMLDivElement>;
-    heading: string;
-    icon?: ReactNode;
-    projectSettings?: ProjectSettings;
-}
-export declare const Footer: FC<Props>;
-export {};
+import { FC, ReactNode, RefObject } from 'react';
+import { ProjectSettings } from '@dynamic-labs/sdk-api';
+interface Props {
+    footerRef: RefObject<HTMLDivElement>;
+    heading: string;
+    icon?: ReactNode;
+    projectSettings?: ProjectSettings;
+}
+export declare const Footer: FC<Props>;
+export {};

package/src/lib/layout/DynamicAuthLayout/Footer/Footer.js

@@ -11,7 +11,7 @@ import '../../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgArrowDown } from '../../../shared/assets/arrow-down.js';
 import '@dynamic-labs/utils';
 import '../../../utils/constants/colors.js';
-import 'ethers';
+import 'viem';
 import '../../../shared/consts/index.js';
 import { Skeleton } from '../../../components/Skeleton/Skeleton.js';
 import { classNames } from '../../../utils/functions/classNames/classNames.js';
@@ -39,23 +39,23 @@ import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
 
-const Footer = ({ heading, icon, projectSettings }) => {
-    const { theme } = useThemeContext();
-    const { isFooterExpanded, setIsFooterExpanded } = useFooterAnimationContext();
-    const borderClassName = useMemo(() => {
-        if (isFooterExpanded) {
-            return 'footer--border-bottom';
-        }
-        return 'footer--border-top';
-    }, [theme, isFooterExpanded]);
-    const arrowClassName = useMemo(() => {
-        const classes = ['footer__arrow'];
-        if (isFooterExpanded) {
-            classes.push('footer__arrow--open');
-        }
-        return classes.join(' ');
-    }, [isFooterExpanded]);
-    return (jsx("div", Object.assign({ onClick: () => projectSettings && setIsFooterExpanded(!isFooterExpanded), className: classNames('footer', borderClassName), role: 'button', "data-testid": 'wallet-footer-container' }, { children: jsxs("div", Object.assign({ className: 'footer__container' }, { children: [jsxs("div", Object.assign({ className: 'footer__container--heading' }, { children: [!projectSettings ? (jsx(Skeleton, { className: 'footer__skeleton--icon' })) : (Boolean(icon) && (jsx("div", Object.assign({ className: 'footer__container--icon', "data-testid": 'wallet-footer-icon' }, { children: icon })))), jsx(Typography, Object.assign({ as: 'h3', variant: 'body_normal' }, { children: !projectSettings ? (jsx(Skeleton, { className: 'footer__skeleton--heading' })) : (heading) }))] })), projectSettings && jsx(SvgArrowDown, { className: arrowClassName })] })) })));
+const Footer = ({ heading, icon, projectSettings }) => {
+    const { theme } = useThemeContext();
+    const { isFooterExpanded, setIsFooterExpanded } = useFooterAnimationContext();
+    const borderClassName = useMemo(() => {
+        if (isFooterExpanded) {
+            return 'footer--border-bottom';
+        }
+        return 'footer--border-top';
+    }, [theme, isFooterExpanded]);
+    const arrowClassName = useMemo(() => {
+        const classes = ['footer__arrow'];
+        if (isFooterExpanded) {
+            classes.push('footer__arrow--open');
+        }
+        return classes.join(' ');
+    }, [isFooterExpanded]);
+    return (jsx("div", { onClick: () => projectSettings && setIsFooterExpanded(!isFooterExpanded), className: classNames('footer', borderClassName), role: 'button', "data-testid": 'wallet-footer-container', children: jsxs("div", { className: 'footer__container', children: [jsxs("div", { className: 'footer__container--heading', children: [!projectSettings ? (jsx(Skeleton, { className: 'footer__skeleton--icon' })) : (Boolean(icon) && (jsx("div", { className: 'footer__container--icon', "data-testid": 'wallet-footer-icon', children: icon }))), jsx(Typography, { as: 'h3', variant: 'body_normal', children: !projectSettings ? (jsx(Skeleton, { className: 'footer__skeleton--heading' })) : (heading) })] }), projectSettings && jsx(SvgArrowDown, { className: arrowClassName })] }) }));
 };
 
 export { Footer };

package/src/lib/layout/DynamicAuthLayout/Footer/index.d.ts

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

package/src/lib/layout/DynamicAuthLayout/FooterContent/EmptyFooterContent/empty-footer-content.cjs

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 
-/* istanbul ignore next */
+/* istanbul ignore next */
 const EmptyFooterContent = () => (jsxRuntime.jsx("div", { "data-testid": 'empty-footer-content' }));
 
 exports.EmptyFooterContent = EmptyFooterContent;

package/src/lib/layout/DynamicAuthLayout/FooterContent/EmptyFooterContent/empty-footer-content.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const EmptyFooterContent: () => JSX.Element;
+/// <reference types="react" />
+export declare const EmptyFooterContent: () => JSX.Element;

package/src/lib/layout/DynamicAuthLayout/FooterContent/EmptyFooterContent/empty-footer-content.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 
-/* istanbul ignore next */
+/* istanbul ignore next */
 const EmptyFooterContent = () => (jsx("div", { "data-testid": 'empty-footer-content' }));
 
 export { EmptyFooterContent };

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

@@ -13,7 +13,7 @@ require('@dynamic-labs/wallet-connector-core');
 require('../../../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/utils');
 require('../../../../../utils/constants/colors.cjs');
-require('ethers');
+require('viem');
 require('../../../../../shared/consts/index.cjs');
 require('../../../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -39,6 +39,6 @@ require('../../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
 
-const Item = ({ heading, StartIcon, EndIcon, message, url, }) => (jsxRuntime.jsxs("a", Object.assign({ className: 'footer-buttons-item', href: url, rel: 'noopener noreferrer', target: '_blank' }, { children: [jsxRuntime.jsx("div", Object.assign({ className: 'footer-buttons-item__icon--left' }, { children: jsxRuntime.jsx(StartIcon, {}) })), jsxRuntime.jsxs("div", Object.assign({ className: 'footer-buttons-item__typography' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ as: 'h2', weight: 'regular', color: 'primary', variant: 'body_normal' }, { children: heading })), message && (jsxRuntime.jsx(Typography.Typography, Object.assign({ as: 'p', weight: 'regular', color: 'secondary' }, { children: message })))] })), EndIcon && jsxRuntime.jsx(EndIcon, { style: { height: '1.5rem', width: '1.5rem' } })] })));
+const Item = ({ heading, StartIcon, EndIcon, message, url, }) => (jsxRuntime.jsxs("a", { className: 'footer-buttons-item', href: url, rel: 'noopener noreferrer', target: '_blank', children: [jsxRuntime.jsx("div", { className: 'footer-buttons-item__icon--left', children: jsxRuntime.jsx(StartIcon, {}) }), jsxRuntime.jsxs("div", { className: 'footer-buttons-item__typography', children: [jsxRuntime.jsx(Typography.Typography, { as: 'h2', weight: 'regular', color: 'primary', variant: 'body_normal', children: heading }), message && (jsxRuntime.jsx(Typography.Typography, { as: 'p', weight: 'regular', color: 'secondary', children: message }))] }), EndIcon && jsxRuntime.jsx(EndIcon, { style: { height: '1.5rem', width: '1.5rem' } })] }));
 
 exports.Item = Item;

package/src/lib/layout/DynamicAuthLayout/FooterContent/WalletListFooterContent/Item/Item.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
-import { Icon } from '../../../../../shared';
-interface Props {
-    EndIcon?: Icon;
-    StartIcon: Icon;
-    heading: string;
-    message?: string;
-    url: string;
-}
-export declare const Item: React.FC<Props>;
-export {};
+/// <reference types="react" />
+import { Icon } from '../../../../../shared';
+interface Props {
+    EndIcon?: Icon;
+    StartIcon: Icon;
+    heading: string;
+    message?: string;
+    url: string;
+}
+export declare const Item: React.FC<Props>;
+export {};

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

@@ -9,7 +9,7 @@ import '@dynamic-labs/wallet-connector-core';
 import '../../../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/utils';
 import '../../../../../utils/constants/colors.js';
-import 'ethers';
+import 'viem';
 import '../../../../../shared/consts/index.js';
 import '../../../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/multi-wallet';
@@ -35,6 +35,6 @@ import '../../../../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
 
-const Item = ({ heading, StartIcon, EndIcon, message, url, }) => (jsxs("a", Object.assign({ className: 'footer-buttons-item', href: url, rel: 'noopener noreferrer', target: '_blank' }, { children: [jsx("div", Object.assign({ className: 'footer-buttons-item__icon--left' }, { children: jsx(StartIcon, {}) })), jsxs("div", Object.assign({ className: 'footer-buttons-item__typography' }, { children: [jsx(Typography, Object.assign({ as: 'h2', weight: 'regular', color: 'primary', variant: 'body_normal' }, { children: heading })), message && (jsx(Typography, Object.assign({ as: 'p', weight: 'regular', color: 'secondary' }, { children: message })))] })), EndIcon && jsx(EndIcon, { style: { height: '1.5rem', width: '1.5rem' } })] })));
+const Item = ({ heading, StartIcon, EndIcon, message, url, }) => (jsxs("a", { className: 'footer-buttons-item', href: url, rel: 'noopener noreferrer', target: '_blank', children: [jsx("div", { className: 'footer-buttons-item__icon--left', children: jsx(StartIcon, {}) }), jsxs("div", { className: 'footer-buttons-item__typography', children: [jsx(Typography, { as: 'h2', weight: 'regular', color: 'primary', variant: 'body_normal', children: heading }), message && (jsx(Typography, { as: 'p', weight: 'regular', color: 'secondary', children: message }))] }), EndIcon && jsx(EndIcon, { style: { height: '1.5rem', width: '1.5rem' } })] }));
 
 export { Item };

package/src/lib/layout/DynamicAuthLayout/FooterContent/WalletListFooterContent/Item/index.d.ts

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

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

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var WalletListItem = require('../../../../../views/WalletList/WalletListItem/WalletListItem.cjs');
 
-const NewToWeb3WalletItem = ({ children, style, wallet, }) => (jsxRuntime.jsx(WalletListItem.WalletListItem, { wallet: wallet, connectedWallets: [], usingMultiWallet: false, tile: children
-        ? ({ onClick }) => (jsxRuntime.jsx("button", Object.assign({ className: 'new-to-web3--button', style: style, onClick: onClick }, { children: children })))
+const NewToWeb3WalletItem = ({ children, style, wallet, }) => (jsxRuntime.jsx(WalletListItem.WalletListItem, { wallet: wallet, connectedWallets: [], usingMultiWallet: false, tile: children
+        ? ({ onClick }) => (jsxRuntime.jsx("button", { className: 'new-to-web3--button', style: style, onClick: onClick, children: children }))
         : undefined }));
 
 exports.NewToWeb3WalletItem = NewToWeb3WalletItem;

package/src/lib/layout/DynamicAuthLayout/FooterContent/WalletListFooterContent/NewToWeb3WalletItem/NewToWeb3WalletItem.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
-import { WalletOption } from '../../../../../shared';
-export declare const NewToWeb3WalletItem: ({ children, style, wallet, }: {
-    children?: ReactNode;
-    style?: Record<string, unknown> | undefined;
-    wallet: WalletOption;
-}) => JSX.Element;
+import { ReactNode } from 'react';
+import { WalletOption } from '../../../../../shared';
+export declare const NewToWeb3WalletItem: ({ children, style, wallet, }: {
+    children?: ReactNode;
+    style?: Record<string, unknown> | undefined;
+    wallet: WalletOption;
+}) => JSX.Element;

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

@@ -1,8 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
 import { WalletListItem } from '../../../../../views/WalletList/WalletListItem/WalletListItem.js';
 
-const NewToWeb3WalletItem = ({ children, style, wallet, }) => (jsx(WalletListItem, { wallet: wallet, connectedWallets: [], usingMultiWallet: false, tile: children
-        ? ({ onClick }) => (jsx("button", Object.assign({ className: 'new-to-web3--button', style: style, onClick: onClick }, { children: children })))
+const NewToWeb3WalletItem = ({ children, style, wallet, }) => (jsx(WalletListItem, { wallet: wallet, connectedWallets: [], usingMultiWallet: false, tile: children
+        ? ({ onClick }) => (jsx("button", { className: 'new-to-web3--button', style: style, onClick: onClick, children: children }))
         : undefined }));
 
 export { NewToWeb3WalletItem };

package/src/lib/layout/DynamicAuthLayout/FooterContent/WalletListFooterContent/NewToWeb3WalletItem/index.d.ts

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

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

@@ -15,7 +15,7 @@ require('@dynamic-labs/wallet-connector-core');
 require('../../../../../context/ViewContext/ViewContext.cjs');
 var localStorage = require('../../../../../utils/constants/localStorage.cjs');
 require('../../../../../utils/constants/colors.cjs');
-require('ethers');
+require('viem');
 require('../../../../../shared/consts/index.cjs');
 require('../../../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -42,16 +42,16 @@ require('formik');
 require('yup');
 var NewToWeb3WalletItem = require('../NewToWeb3WalletItem/NewToWeb3WalletItem.cjs');
 
-const WalletExtensionOrAppContinueButton = ({ wallet, selectedUrl, }) => {
-    const showRefreshOnceInstalledWalletButton = Boolean(selectedUrl.length) && !(wallet === null || wallet === void 0 ? void 0 : wallet.isInstalledOnBrowser);
-    const walletConnectionAfterPageReloadHandler = () => {
-        if (!(wallet === null || wallet === void 0 ? void 0 : wallet.name)) {
-            return;
-        }
-        setToLS.setToLS(localStorage.NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY, wallet.name);
-        window.location.reload();
-    };
-    return (jsxRuntime.jsxs("div", Object.assign({ className: 'new-to-web3-buttons__container' }, { children: [!utils.isMobile() && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [(wallet === null || wallet === void 0 ? void 0 : wallet.isInstalledOnBrowser) && (jsxRuntime.jsx(NewToWeb3WalletItem.NewToWeb3WalletItem, Object.assign({ wallet: wallet }, { children: jsxRuntime.jsx(Typography.Typography, Object.assign({ as: 'p', "data-testid": 'desktop-interactive-wallet-item', variant: 'body_normal', weight: 'bold' }, { children: "Continue" })) }))), showRefreshOnceInstalledWalletButton && (jsxRuntime.jsx("button", Object.assign({ onClick: walletConnectionAfterPageReloadHandler }, { children: jsxRuntime.jsx(Typography.Typography, Object.assign({ as: 'p', "data-testid": 'refresh-once-installed-button', variant: 'body_normal', weight: 'bold' }, { children: "Continue once installed" })) })))] })), wallet && utils.isMobile() && (jsxRuntime.jsx(NewToWeb3WalletItem.NewToWeb3WalletItem, Object.assign({ wallet: wallet }, { children: jsxRuntime.jsx("p", Object.assign({ "data-testid": 'mobile-interactive-wallet-item' }, { children: "Continue once installed" })) })))] })));
+const WalletExtensionOrAppContinueButton = ({ wallet, selectedUrl, }) => {
+    const showRefreshOnceInstalledWalletButton = Boolean(selectedUrl.length) && !(wallet === null || wallet === void 0 ? void 0 : wallet.isInstalledOnBrowser);
+    const walletConnectionAfterPageReloadHandler = () => {
+        if (!(wallet === null || wallet === void 0 ? void 0 : wallet.name)) {
+            return;
+        }
+        setToLS.setToLS(localStorage.NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY, wallet.name);
+        window.location.reload();
+    };
+    return (jsxRuntime.jsxs("div", { className: 'new-to-web3-buttons__container', children: [!utils.isMobile() && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [(wallet === null || wallet === void 0 ? void 0 : wallet.isInstalledOnBrowser) && (jsxRuntime.jsx(NewToWeb3WalletItem.NewToWeb3WalletItem, { wallet: wallet, children: jsxRuntime.jsx(Typography.Typography, { as: 'p', "data-testid": 'desktop-interactive-wallet-item', variant: 'body_normal', weight: 'bold', children: "Continue" }) })), showRefreshOnceInstalledWalletButton && (jsxRuntime.jsx("button", { onClick: walletConnectionAfterPageReloadHandler, children: jsxRuntime.jsx(Typography.Typography, { as: 'p', "data-testid": 'refresh-once-installed-button', variant: 'body_normal', weight: 'bold', children: "Continue once installed" }) }))] })), wallet && utils.isMobile() && (jsxRuntime.jsx(NewToWeb3WalletItem.NewToWeb3WalletItem, { wallet: wallet, children: jsxRuntime.jsx("p", { "data-testid": 'mobile-interactive-wallet-item', children: "Continue once installed" }) }))] }));
 };
 
 exports.WalletExtensionOrAppContinueButton = WalletExtensionOrAppContinueButton;

package/src/lib/layout/DynamicAuthLayout/FooterContent/WalletListFooterContent/WalletExtensionOrAppContinueButton/WalletExtensionOrAppContinueButton.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-import { WalletOption } from '../../../../../shared';
-type Props = {
-    selectedUrl: string;
-    wallet: WalletOption | undefined;
-};
-export declare const WalletExtensionOrAppContinueButton: ({ wallet, selectedUrl, }: Props) => JSX.Element;
-export {};
+/// <reference types="react" />
+import { WalletOption } from '../../../../../shared';
+type Props = {
+    selectedUrl: string;
+    wallet: WalletOption | undefined;
+};
+export declare const WalletExtensionOrAppContinueButton: ({ wallet, selectedUrl, }: Props) => JSX.Element;
+export {};