@dynamic-labs/sdk-react-core 1.1.0-alpha.1 → 1.1.0-alpha.11

package/src/lib/Main.cjs

@@ -6,15 +6,14 @@ var _tslib = require('../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var utils = require('@dynamic-labs/utils');
-require('./events/dynamicEvents.cjs');
-var useInternalDynamicContext = require('./context/DynamicContext/useInternalDynamicContext.cjs');
+require('../polyfills.cjs');
+require('@dynamic-labs/multi-wallet');
 require('@dynamic-labs/wallet-connector-core');
-require('./context/CaptchaContext/CaptchaContext.cjs');
-require('./context/ErrorContext/ErrorContext.cjs');
-var ViewContext = require('./context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/rpc-providers');
 require('@dynamic-labs/sdk-api');
 require('./shared/logger.cjs');
 require('@dynamic-labs/iconic');
+var ViewContext = require('./context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 var localStorage$1 = require('./utils/constants/localStorage.cjs');
 require('./utils/constants/colors.cjs');
@@ -22,7 +21,12 @@ var localStorage = require('./shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 var usePreventPageScroll = require('./shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.cjs');
 var index$1 = require('./shared/consts/index.cjs');
-require('@dynamic-labs/multi-wallet');
+require('./context/DynamicContext/DynamicContext.cjs');
+var useInternalDynamicContext = require('./context/DynamicContext/useInternalDynamicContext.cjs');
+var UserWalletsContext = require('./context/UserWalletsContext/UserWalletsContext.cjs');
+require('./events/dynamicEvents.cjs');
+require('./context/CaptchaContext/CaptchaContext.cjs');
+require('./context/ErrorContext/ErrorContext.cjs');
 var isSupportedNetwork = require('./utils/functions/isSupportedNetwork/isSupportedNetwork.cjs');
 var AccessDeniedContext = require('./context/AccessDeniedContext/AccessDeniedContext.cjs');
 var AccountExistsContext = require('./context/AccountExistsContext/AccountExistsContext.cjs');
@@ -30,7 +34,6 @@ require('./config/ApiEndpoint.cjs');
 var isConnectOnly = require('./utils/hooks/authenticationHooks/helpers/isConnectOnly.cjs');
 require('./context/EmailVerificationContext/EmailVerificationContext.cjs');
 require('react-dom');
-var isSameWalletName = require('./utils/functions/isSameWalletName/isSameWalletName.cjs');
 require('./context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('yup');
@@ -38,8 +41,6 @@ require('react-i18next');
 require('./context/MockContext/MockContext.cjs');
 require('./utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('./context/UserFieldEditorContext/UserFieldEditorContext.cjs');
-require('@dynamic-labs/rpc-providers');
-require('./context/UserWalletsContext/UserWalletsContext.cjs');
 var useWalletItemActions = require('./utils/hooks/useWalletItemActions/useWalletItemActions.cjs');
 var DynamicAuthModal = require('./modals/DynamicAuthModal/DynamicAuthModal.cjs');
 require('./components/IconButton/IconButton.cjs');
@@ -47,6 +48,7 @@ require('./components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('./components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('./components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('./components/Alert/Alert.cjs');
+require('./components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('@dynamic-labs/viem-utils');
 require('formik');
 require('./components/ShadowDOM/ShadowDOM.cjs');
@@ -57,12 +59,29 @@ var PopperContext = require('./components/Popper/PopperContext/PopperContext.cjs
 var Portal = require('./components/Portal/Portal.cjs');
 require('i18next');
 require('./components/OverlayCard/OverlayCard.context.cjs');
+var RenderView = require('./components/RenderView/RenderView.cjs');
+require('./widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
+require('./widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('./widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
+require('./components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 var index = require('./context/FooterAnimationContext/index.cjs');
 var SocialRedirectContext = require('./context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('./context/WalletGroupContext/WalletGroupContext.cjs');
+require('./widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('./context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
+require('./context/PasskeyContext/PasskeyContext.cjs');
+require('./widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('./context/FundingContext/FundingContext.cjs');
+require('./views/WalletList/WalletList.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('./widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('./context/SendBalanceContext/SendBalanceContext.cjs');
+require('./context/ConnectWithEmailOtpContext/connectWithEmailOtpContext.cjs');
+require('./context/ConnectWithEmailOtpContext/constants.cjs');
+require('./main.global.cjs');
 var isSelectedWalletAlreadyConnected = require('./utils/functions/isSelectedWalletAlreadyConnected/isSelectedWalletAlreadyConnected.cjs');
 var useVerifyOnAwaitingSignature = require('./utils/hooks/multiWallet/useVerifyOnAwaitingSignature/useVerifyOnAwaitingSignature.cjs');
-var viewToComponentMap = require('./views/viewToComponentMap.cjs');
-require('./main.global.cjs');
 
 const viewsToDisableCloseOnOverlayClick = [
     'email-wallet-otp-verification-view',
@@ -75,16 +94,16 @@ const Main = () => {
     const { setDeniedAddress, setDeniedOauthProvider } = AccessDeniedContext.useAccessDeniedContext();
     const { setExistentAccountData } = AccountExistsContext.useAccountExistsContext();
     usePreventPageScroll.usePreventPageScroll(showAuthFlow);
-    const userWallets = authMode === 'connect-and-sign' ? linkedWallets : connectedWallets;
+    const userWallets = UserWalletsContext.useUserWallets();
     const handleClose = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        if (viewsToDisableCloseOnOverlayClick.includes(view))
+        if (viewsToDisableCloseOnOverlayClick.includes(view.type))
             return;
-        if ((view === 'network-not-supported' ||
-            view === 'network-not-supported-manual') &&
+        if ((view.type === 'network-not-supported' ||
+            view.type === 'network-not-supported-manual') &&
             userWallets.length === 1) {
             yield handleLogOut();
         }
-        setShowAuthFlow(false);
+        setShowAuthFlow(false, { emitCancelAuth: true });
         setDeniedAddress('');
         setDeniedOauthProvider(undefined);
         setExistentAccountData(undefined);
@@ -100,19 +119,19 @@ const Main = () => {
             'network-not-supported-manual',
         ];
         if (!isConnectOnly.isConnectOnly(user, authMode) ||
-            !viewsToDisconnectWalletOnClose.includes(view) ||
+            !viewsToDisconnectWalletOnClose.includes(view.type) ||
             !selectedWalletConnector)
             return;
-        const walletByConnectorName = connectedWallets.find((connectedWallet) => connectedWallet.connector.name === selectedWalletConnector.name);
-        if (!walletByConnectorName) {
+        const walletByConnectorKey = connectedWallets.find((connectedWallet) => connectedWallet.connector.key === selectedWalletConnector.key);
+        if (!walletByConnectorKey) {
             return;
         }
         // Validate the network
         if (!isSupportedNetwork.isSupportedNetwork({
-            network: yield walletByConnectorName.connector.getNetwork(),
-            walletConnector: walletByConnectorName.connector,
+            network: yield walletByConnectorKey.connector.getNetwork(),
+            walletConnector: walletByConnectorKey.connector,
         })) {
-            disconnectWallet(walletByConnectorName.id);
+            disconnectWallet(walletByConnectorKey.id);
         }
     }), [
         selectedWalletConnector,
@@ -154,9 +173,9 @@ const Main = () => {
         }
     });
     React.useEffect(() => {
-        const newToWeb3WalletName = localStorage.LocalStorage.getFromLS(localStorage$1.NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY);
-        if ((walletConnectorOptions === null || walletConnectorOptions === void 0 ? void 0 : walletConnectorOptions.length) && newToWeb3WalletName) {
-            const wallet = walletConnectorOptions.find((wallet) => isSameWalletName.isSameWalletName(wallet.name, newToWeb3WalletName));
+        const newToWeb3WalletKey = localStorage.LocalStorage.getFromLS(localStorage$1.NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY);
+        if ((walletConnectorOptions === null || walletConnectorOptions === void 0 ? void 0 : walletConnectorOptions.length) && newToWeb3WalletKey) {
+            const wallet = walletConnectorOptions.find((wallet) => wallet.key === newToWeb3WalletKey);
             if (wallet === null || wallet === void 0 ? void 0 : wallet.walletConnector) {
                 handleNewToWeb3WalletIntent(wallet.walletConnector);
             }
@@ -169,7 +188,7 @@ const Main = () => {
                     onUnmount: handleOnPortalUnmount,
                 }, children: jsxRuntime.jsx(PopperContext.PopperProvider, { children: jsxRuntime.jsx(DynamicAuthModal.DynamicAuthModal, { transitionProps: {
                             isShown: showDynamicAuth,
-                        }, onClose: handleClose, projectSettings: projectSettings, walletConnector: selectedWalletConnector, children: viewToComponentMap.viewToComponentMap[view] }) }) }) }) }));
+                        }, onClose: handleClose, projectSettings: projectSettings, children: jsxRuntime.jsx(RenderView.RenderView, {}) }) }) }) }) }));
 };
 
 exports.Main = Main;

package/src/lib/Main.js

@@ -2,15 +2,14 @@ import { __awaiter } from '../../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
 import { useCallback, useEffect } from 'react';
 import { isMobile } from '@dynamic-labs/utils';
-import './events/dynamicEvents.js';
-import { useInternalDynamicContext } from './context/DynamicContext/useInternalDynamicContext.js';
+import '../polyfills.js';
+import '@dynamic-labs/multi-wallet';
 import '@dynamic-labs/wallet-connector-core';
-import './context/CaptchaContext/CaptchaContext.js';
-import './context/ErrorContext/ErrorContext.js';
-import { useViewContext } from './context/ViewContext/ViewContext.js';
+import '@dynamic-labs/rpc-providers';
 import '@dynamic-labs/sdk-api';
 import './shared/logger.js';
 import '@dynamic-labs/iconic';
+import { useViewContext } from './context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import { NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY } from './utils/constants/localStorage.js';
 import './utils/constants/colors.js';
@@ -18,7 +17,12 @@ import { LocalStorage } from './shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import { usePreventPageScroll } from './shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.js';
 import { authModalZIndex } from './shared/consts/index.js';
-import '@dynamic-labs/multi-wallet';
+import './context/DynamicContext/DynamicContext.js';
+import { useInternalDynamicContext } from './context/DynamicContext/useInternalDynamicContext.js';
+import { useUserWallets } from './context/UserWalletsContext/UserWalletsContext.js';
+import './events/dynamicEvents.js';
+import './context/CaptchaContext/CaptchaContext.js';
+import './context/ErrorContext/ErrorContext.js';
 import { isSupportedNetwork } from './utils/functions/isSupportedNetwork/isSupportedNetwork.js';
 import { useAccessDeniedContext } from './context/AccessDeniedContext/AccessDeniedContext.js';
 import { useAccountExistsContext } from './context/AccountExistsContext/AccountExistsContext.js';
@@ -26,7 +30,6 @@ import './config/ApiEndpoint.js';
 import { isConnectOnly } from './utils/hooks/authenticationHooks/helpers/isConnectOnly.js';
 import './context/EmailVerificationContext/EmailVerificationContext.js';
 import 'react-dom';
-import { isSameWalletName } from './utils/functions/isSameWalletName/isSameWalletName.js';
 import './context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
@@ -34,8 +37,6 @@ import 'react-i18next';
 import './context/MockContext/MockContext.js';
 import './utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import './context/UserFieldEditorContext/UserFieldEditorContext.js';
-import '@dynamic-labs/rpc-providers';
-import './context/UserWalletsContext/UserWalletsContext.js';
 import { useWalletItemActions } from './utils/hooks/useWalletItemActions/useWalletItemActions.js';
 import { DynamicAuthModal } from './modals/DynamicAuthModal/DynamicAuthModal.js';
 import './components/IconButton/IconButton.js';
@@ -43,6 +44,7 @@ import './components/Transition/ZoomTransition/ZoomTransition.js';
 import './components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import './components/Transition/OpacityTransition/OpacityTransition.js';
 import './components/Alert/Alert.js';
+import './components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '@dynamic-labs/viem-utils';
 import 'formik';
 import './components/ShadowDOM/ShadowDOM.js';
@@ -53,12 +55,29 @@ import { PopperProvider } from './components/Popper/PopperContext/PopperContext.
 import { Portal } from './components/Portal/Portal.js';
 import 'i18next';
 import './components/OverlayCard/OverlayCard.context.js';
+import { RenderView } from './components/RenderView/RenderView.js';
+import './widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
+import './widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import './widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
+import './components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import { FooterAnimationContextProvider } from './context/FooterAnimationContext/index.js';
 import { SocialRedirectContextProvider } from './context/SocialRedirectContext/SocialRedirectContext.js';
+import './context/WalletGroupContext/WalletGroupContext.js';
+import './widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import './context/LoadingContext/LoadingContext.js';
+import 'qrcode';
+import './context/PasskeyContext/PasskeyContext.js';
+import './widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import './context/FundingContext/FundingContext.js';
+import './views/WalletList/WalletList.js';
+import '@hcaptcha/react-hcaptcha';
+import './widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import './context/SendBalanceContext/SendBalanceContext.js';
+import './context/ConnectWithEmailOtpContext/connectWithEmailOtpContext.js';
+import './context/ConnectWithEmailOtpContext/constants.js';
+import './main.global.js';
 import { isSelectedWalletAlreadyConnected } from './utils/functions/isSelectedWalletAlreadyConnected/isSelectedWalletAlreadyConnected.js';
 import { useVerifyOnAwaitingSignature } from './utils/hooks/multiWallet/useVerifyOnAwaitingSignature/useVerifyOnAwaitingSignature.js';
-import { viewToComponentMap } from './views/viewToComponentMap.js';
-import './main.global.js';
 
 const viewsToDisableCloseOnOverlayClick = [
     'email-wallet-otp-verification-view',
@@ -71,16 +90,16 @@ const Main = () => {
     const { setDeniedAddress, setDeniedOauthProvider } = useAccessDeniedContext();
     const { setExistentAccountData } = useAccountExistsContext();
     usePreventPageScroll(showAuthFlow);
-    const userWallets = authMode === 'connect-and-sign' ? linkedWallets : connectedWallets;
+    const userWallets = useUserWallets();
     const handleClose = () => __awaiter(void 0, void 0, void 0, function* () {
-        if (viewsToDisableCloseOnOverlayClick.includes(view))
+        if (viewsToDisableCloseOnOverlayClick.includes(view.type))
             return;
-        if ((view === 'network-not-supported' ||
-            view === 'network-not-supported-manual') &&
+        if ((view.type === 'network-not-supported' ||
+            view.type === 'network-not-supported-manual') &&
             userWallets.length === 1) {
             yield handleLogOut();
         }
-        setShowAuthFlow(false);
+        setShowAuthFlow(false, { emitCancelAuth: true });
         setDeniedAddress('');
         setDeniedOauthProvider(undefined);
         setExistentAccountData(undefined);
@@ -96,19 +115,19 @@ const Main = () => {
             'network-not-supported-manual',
         ];
         if (!isConnectOnly(user, authMode) ||
-            !viewsToDisconnectWalletOnClose.includes(view) ||
+            !viewsToDisconnectWalletOnClose.includes(view.type) ||
             !selectedWalletConnector)
             return;
-        const walletByConnectorName = connectedWallets.find((connectedWallet) => connectedWallet.connector.name === selectedWalletConnector.name);
-        if (!walletByConnectorName) {
+        const walletByConnectorKey = connectedWallets.find((connectedWallet) => connectedWallet.connector.key === selectedWalletConnector.key);
+        if (!walletByConnectorKey) {
             return;
         }
         // Validate the network
         if (!isSupportedNetwork({
-            network: yield walletByConnectorName.connector.getNetwork(),
-            walletConnector: walletByConnectorName.connector,
+            network: yield walletByConnectorKey.connector.getNetwork(),
+            walletConnector: walletByConnectorKey.connector,
         })) {
-            disconnectWallet(walletByConnectorName.id);
+            disconnectWallet(walletByConnectorKey.id);
         }
     }), [
         selectedWalletConnector,
@@ -150,9 +169,9 @@ const Main = () => {
         }
     });
     useEffect(() => {
-        const newToWeb3WalletName = LocalStorage.getFromLS(NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY);
-        if ((walletConnectorOptions === null || walletConnectorOptions === void 0 ? void 0 : walletConnectorOptions.length) && newToWeb3WalletName) {
-            const wallet = walletConnectorOptions.find((wallet) => isSameWalletName(wallet.name, newToWeb3WalletName));
+        const newToWeb3WalletKey = LocalStorage.getFromLS(NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY);
+        if ((walletConnectorOptions === null || walletConnectorOptions === void 0 ? void 0 : walletConnectorOptions.length) && newToWeb3WalletKey) {
+            const wallet = walletConnectorOptions.find((wallet) => wallet.key === newToWeb3WalletKey);
             if (wallet === null || wallet === void 0 ? void 0 : wallet.walletConnector) {
                 handleNewToWeb3WalletIntent(wallet.walletConnector);
             }
@@ -165,7 +184,7 @@ const Main = () => {
                     onUnmount: handleOnPortalUnmount,
                 }, children: jsx(PopperProvider, { children: jsx(DynamicAuthModal, { transitionProps: {
                             isShown: showDynamicAuth,
-                        }, onClose: handleClose, projectSettings: projectSettings, walletConnector: selectedWalletConnector, children: viewToComponentMap[view] }) }) }) }) }));
+                        }, onClose: handleClose, projectSettings: projectSettings, children: jsx(RenderView, {}) }) }) }) }) }));
 };
 
 export { Main, Main as default };

package/src/lib/components/Accordion/components/AccordionItem/AccordionItem.cjs

@@ -50,12 +50,17 @@ require('react-focus-lock');
 require('formik');
 require('i18next');
 require('../../../OverlayCard/OverlayCard.context.cjs');
-require('../../../../context/FooterAnimationContext/index.cjs');
-require('../../../../context/QrCodeContext/QrCodeContext.cjs');
-require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
-require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../../../views/WalletList/WalletList.cjs');
 require('qrcode');
+require('@hcaptcha/react-hcaptcha');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
+require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('../../../../context/FooterAnimationContext/index.cjs');
+require('../../../../context/PasskeyContext/PasskeyContext.cjs');
+require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');

package/src/lib/components/Accordion/components/AccordionItem/AccordionItem.js

@@ -46,12 +46,17 @@ import 'react-focus-lock';
 import 'formik';
 import 'i18next';
 import '../../../OverlayCard/OverlayCard.context.js';
-import '../../../../context/FooterAnimationContext/index.js';
-import '../../../../context/QrCodeContext/QrCodeContext.js';
-import '../../../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import '../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../../../views/WalletList/WalletList.js';
 import 'qrcode';
+import '@hcaptcha/react-hcaptcha';
 import '../../../../context/LoadingContext/LoadingContext.js';
+import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '../../../../context/FooterAnimationContext/index.js';
+import '../../../../context/PasskeyContext/PasskeyContext.js';
+import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';

package/src/lib/components/AnimatePresence/AnimatePresence.cjs

@@ -50,12 +50,17 @@ require('react-focus-lock');
 require('formik');
 require('i18next');
 require('../OverlayCard/OverlayCard.context.cjs');
-require('../../context/FooterAnimationContext/index.cjs');
-require('../../context/QrCodeContext/QrCodeContext.cjs');
-require('../../context/WalletGroupContext/WalletGroupContext.cjs');
-require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../views/WalletList/WalletList.cjs');
 require('qrcode');
+require('@hcaptcha/react-hcaptcha');
 require('../../context/LoadingContext/LoadingContext.cjs');
+require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('../../context/FooterAnimationContext/index.cjs');
+require('../../context/PasskeyContext/PasskeyContext.cjs');
+require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');

package/src/lib/components/AnimatePresence/AnimatePresence.js

@@ -46,12 +46,17 @@ import 'react-focus-lock';
 import 'formik';
 import 'i18next';
 import '../OverlayCard/OverlayCard.context.js';
-import '../../context/FooterAnimationContext/index.js';
-import '../../context/QrCodeContext/QrCodeContext.js';
-import '../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../views/WalletList/WalletList.js';
 import 'qrcode';
+import '@hcaptcha/react-hcaptcha';
 import '../../context/LoadingContext/LoadingContext.js';
+import '../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '../../context/FooterAnimationContext/index.js';
+import '../../context/PasskeyContext/PasskeyContext.js';
+import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';

package/src/lib/components/AuthProviderIcon/AuthProviderIcon.cjs

@@ -54,12 +54,17 @@ require('react-focus-lock');
 require('formik');
 require('i18next');
 require('../OverlayCard/OverlayCard.context.cjs');
-require('../../context/FooterAnimationContext/index.cjs');
-require('../../context/QrCodeContext/QrCodeContext.cjs');
-require('../../context/WalletGroupContext/WalletGroupContext.cjs');
-require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../views/WalletList/WalletList.cjs');
 require('qrcode');
+require('@hcaptcha/react-hcaptcha');
 require('../../context/LoadingContext/LoadingContext.cjs');
+require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('../../context/FooterAnimationContext/index.cjs');
+require('../../context/PasskeyContext/PasskeyContext.cjs');
+require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');

package/src/lib/components/AuthProviderIcon/AuthProviderIcon.js

@@ -50,12 +50,17 @@ import 'react-focus-lock';
 import 'formik';
 import 'i18next';
 import '../OverlayCard/OverlayCard.context.js';
-import '../../context/FooterAnimationContext/index.js';
-import '../../context/QrCodeContext/QrCodeContext.js';
-import '../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../views/WalletList/WalletList.js';
 import 'qrcode';
+import '@hcaptcha/react-hcaptcha';
 import '../../context/LoadingContext/LoadingContext.js';
+import '../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '../../context/FooterAnimationContext/index.js';
+import '../../context/PasskeyContext/PasskeyContext.js';
+import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';

package/src/lib/components/ChainCard/ChainCard.d.ts

@@ -1,7 +1,7 @@
-import React, { FC } from 'react';
+import React, { FC, MouseEventHandler } from 'react';
 export type ChainCardProps = {
     chainName: string;
-    onClick: () => void;
+    onClick: MouseEventHandler<HTMLDivElement>;
     startSlot?: React.ReactElement;
     endSlot?: React.ReactElement;
     className?: string;

package/src/lib/components/CopyButton/CopyButton.d.ts

@@ -1,9 +1,10 @@
 import { ReactNode, ComponentPropsWithoutRef } from 'react';
+import { CopyKey } from '../../..';
 type Props = ComponentPropsWithoutRef<'button'> & {
     children: ReactNode;
     className?: string;
     onClick?: VoidFunction;
     textToCopy: string;
 };
-export declare const CopyButton: ({ children, className, textToCopy, onClick, }: Props) => JSX.Element;
+export declare const CopyButton: ({ children, className, textToCopy, onClick, }: Props & CopyKey) => JSX.Element;
 export {};

package/src/lib/components/Divider/Divider.cjs

@@ -41,25 +41,30 @@ require('../Transition/OpacityTransition/OpacityTransition.cjs');
 require('../ShadowDOM/ShadowDOM.cjs');
 require('../OverlayCard/OverlayCard.context.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
-require('../../context/QrCodeContext/QrCodeContext.cjs');
 var Typography = require('../Typography/Typography.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
+require('react-focus-lock');
 require('../../context/LoadingContext/LoadingContext.cjs');
 require('i18next');
+require('qrcode');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('formik');
 require('../IconButton/IconButton.cjs');
 require('../Alert/Alert.cjs');
+require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../InlineWidget/InlineWidget.cjs');
 require('../MenuList/Dropdown/Dropdown.cjs');
 require('../Popper/Popper/Popper.cjs');
 require('../Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
+require('../../views/WalletList/WalletList.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 
 const Divider = ({ text, className = '', fullWidth = false }) => (jsxRuntime.jsxs("div", { className: classNames.classNames('divider', className, {
         'divider__full-width': fullWidth,

package/src/lib/components/Divider/Divider.js

@@ -37,25 +37,30 @@ import '../Transition/OpacityTransition/OpacityTransition.js';
 import '../ShadowDOM/ShadowDOM.js';
 import '../OverlayCard/OverlayCard.context.js';
 import '../../context/FooterAnimationContext/index.js';
-import '../../context/QrCodeContext/QrCodeContext.js';
 import { Typography } from '../Typography/Typography.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
+import 'react-focus-lock';
 import '../../context/LoadingContext/LoadingContext.js';
 import 'i18next';
+import 'qrcode';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import 'formik';
 import '../IconButton/IconButton.js';
 import '../Alert/Alert.js';
+import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '@dynamic-labs/viem-utils';
+import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../InlineWidget/InlineWidget.js';
 import '../MenuList/Dropdown/Dropdown.js';
 import '../Popper/Popper/Popper.js';
 import '../Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
+import '../../views/WalletList/WalletList.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 
 const Divider = ({ text, className = '', fullWidth = false }) => (jsxs("div", { className: classNames('divider', className, {
         'divider__full-width': fullWidth,

package/src/lib/components/DynamicBaseWidget/DynamicBaseWidget.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+require('../Popper/Popper/Popper.cjs');
+var PopperContext = require('../Popper/PopperContext/PopperContext.cjs');
+var IsBrowser = require('../IsBrowser/IsBrowser.cjs');
+var ShadowDOM = require('../ShadowDOM/ShadowDOM.cjs');
+
+const DynamicBaseWidget = ({ children, shadowDOMProps }) => (jsxRuntime.jsx(IsBrowser.IsBrowser, { children: jsxRuntime.jsx(ShadowDOM.ShadowDOM, Object.assign({}, shadowDOMProps, { children: jsxRuntime.jsx(PopperContext.PopperProvider, { children: children }) })) }));
+
+exports.DynamicBaseWidget = DynamicBaseWidget;

package/src/lib/components/DynamicBaseWidget/DynamicBaseWidget.d.ts

@@ -0,0 +1,7 @@
+import { FC, PropsWithChildren } from 'react';
+import { ShadowDOMProps } from '../ShadowDOM';
+type DynamicBaseWidgetProps = {
+    shadowDOMProps?: ShadowDOMProps;
+};
+export declare const DynamicBaseWidget: FC<PropsWithChildren<DynamicBaseWidgetProps>>;
+export {};

package/src/lib/components/DynamicBaseWidget/DynamicBaseWidget.js

@@ -0,0 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
+import '../Popper/Popper/Popper.js';
+import { PopperProvider } from '../Popper/PopperContext/PopperContext.js';
+import { IsBrowser } from '../IsBrowser/IsBrowser.js';
+import { ShadowDOM } from '../ShadowDOM/ShadowDOM.js';
+
+const DynamicBaseWidget = ({ children, shadowDOMProps }) => (jsx(IsBrowser, { children: jsx(ShadowDOM, Object.assign({}, shadowDOMProps, { children: jsx(PopperProvider, { children: children }) })) }));
+
+export { DynamicBaseWidget };

package/src/lib/components/DynamicBaseWidget/index.d.ts

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

package/src/lib/components/IconWithSpinner/IconWithSpinner.cjs

@@ -6,10 +6,10 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var utils = require('@dynamic-labs/utils');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
+require('@dynamic-labs/wallet-connector-core');
 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/wallet-book');
 require('../../utils/constants/colors.cjs');

package/src/lib/components/IconWithSpinner/IconWithSpinner.js

@@ -2,10 +2,10 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
 import { isLegacySafari } from '@dynamic-labs/utils';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
+import '@dynamic-labs/wallet-connector-core';
 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/wallet-book';
 import '../../utils/constants/colors.js';