@dynamic-labs/sdk-react-core 1.0.0-alpha.8 → 1.0.0

package/src/lib/components/UserProfile/parts/UserProfileSocialAccount/UserProfileSocialAccount.js

@@ -2,11 +2,13 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { SocialIcon } from '@dynamic-labs/iconic';
 import 'react';
 import '@dynamic-labs/utils';
-import '@dynamic-labs/sdk-api';
-import '../../../../config/ApiEndpoint.js';
-import '../../../../shared/logger.js';
+import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
 import '@dynamic-labs/wallet-connector-core';
+import '../../../../context/CaptchaContext/CaptchaContext.js';
+import '../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/sdk-api';
+import '../../../../shared/logger.js';
 import { ReactComponent as SvgAdd } from '../../../../shared/assets/add.js';
 import { ReactComponent as SvgUnlink } from '../../../../shared/assets/unlink.js';
 import '@dynamic-labs/wallet-book';
@@ -15,45 +17,44 @@ import '../../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import '../../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
-import '@dynamic-labs/rpc-providers';
-import '../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
-import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
-import '../../../../context/ErrorContext/ErrorContext.js';
+import '../../../../config/ApiEndpoint.js';
+import '../../../../context/EmailVerificationContext/EmailVerificationContext.js';
 import 'react-dom';
+import { useIconThemeVariant } from '../../../../utils/hooks/useIconThemeVariant/useIconThemeVariant.js';
+import { useSocialAccounts } from '../../../../utils/hooks/useSocialAccounts/useSocialAccounts.js';
+import 'yup';
 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 '../../../Transition/ZoomTransition/ZoomTransition.js';
 import '../../../Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../Transition/OpacityTransition/OpacityTransition.js';
 import '../../../ShadowDOM/ShadowDOM.js';
 import '../../../OverlayCard/OverlayCard.context.js';
 import '../../../../context/FooterAnimationContext/index.js';
-import '../../../../context/MockContext/MockContext.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 '../../../../context/ThemeContext/ThemeContext.js';
-import '../../../../context/CaptchaContext/CaptchaContext.js';
-import '../../../../context/EmailVerificationContext/EmailVerificationContext.js';
 import 'qrcode';
 import '../../../../context/LoadingContext/LoadingContext.js';
 import { Icon } from '../../../Icon/Icon.js';
 import { capitalize } from '../../../../widgets/DynamicWidget/helpers/helpers.js';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import 'yup';
 import '../UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
-import { useSocialAccounts } from '../../../../utils/hooks/useSocialAccounts/useSocialAccounts.js';
 import { ConnectedAccountAvatar } from './components/ConnectedAccountAvatar/ConnectedAccountAvatar.js';
-import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
-import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import 'formik';
 import { Button } from '../../../Button/Button.js';
 import '../../../IconButton/IconButton.js';
 import '../../../Alert/Alert.js';
+import '@dynamic-labs/viem-utils';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import { useIconThemeVariant } from '../../../../utils/hooks/useIconThemeVariant/useIconThemeVariant.js';
 import '../../../InlineWidget/InlineWidget.js';
 import '../../../MenuList/Dropdown/Dropdown.js';
 import '../../../Popper/Popper/Popper.js';

package/src/lib/context/AccessDeniedContext/AccessDeniedContext.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useState, useMemo, useContext } from 'react';
+import { createContext, useContext, useState, useMemo } from 'react';
 
 const AccessDeniedContext = createContext(undefined);
 const AccessDeniedContextProvider = ({ children, }) => {

package/src/lib/context/AccountExistsContext/AccountExistsContext.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useState, useMemo, useContext } from 'react';
+import { createContext, useContext, useState, useMemo } from 'react';
 
 const AccountExistsContext = createContext(undefined);
 const AccountExistsContextProvider = ({ children, }) => {

package/src/lib/context/CaptchaContext/CaptchaContext.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useState, useCallback, useMemo, useContext } from 'react';
+import { createContext, useContext, useState, useCallback, useMemo } from 'react';
 import { useViewContext } from '../ViewContext/ViewContext.js';
 
 const CaptchaTokenLocalStorageKey = 'dynamic-captcha-token';

package/src/lib/context/DynamicContext/DynamicContext.cjs

@@ -11,15 +11,9 @@ var utils = require('@dynamic-labs/utils');
 var walletBook = require('@dynamic-labs/wallet-book');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var app = require('../../app.cjs');
-var useFetchProjectSettings = require('../../utils/hooks/useFetchProjectSettings/useFetchProjectSettings.cjs');
-var useFetchNonce = require('../../utils/hooks/useFetchNonce/useFetchNonce.cjs');
-var useWallets = require('../../utils/hooks/useWallets/useWallets.cjs');
-var useWalletConnectors = require('../../utils/hooks/useWalletConnectors/useWalletConnectors.cjs');
-var AccessDeniedContext = require('../AccessDeniedContext/AccessDeniedContext.cjs');
-var AccountExistsContext = require('../AccountExistsContext/AccountExistsContext.cjs');
+var CaptchaContext = require('../CaptchaContext/CaptchaContext.cjs');
 var ErrorContext = require('../ErrorContext/ErrorContext.cjs');
 var ViewContext = require('../ViewContext/ViewContext.cjs');
-var api = require('../../data/api.cjs');
 var decodeJwt = require('../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
 var logger = require('../../shared/logger.cjs');
 var localStorage$1 = require('../../utils/constants/localStorage.cjs');
@@ -33,20 +27,26 @@ require('../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 var getAuthToken = require('../../utils/functions/getAuthToken/getAuthToken.cjs');
 require('@dynamic-labs/sdk-api');
-require('react-dom');
-var useWalletUiUtils = require('../../utils/hooks/useWalletUiUtils/useWalletUiUtils.cjs');
-require('../MockContext/MockContext.cjs');
-var CaptchaContext = require('../CaptchaContext/CaptchaContext.cjs');
+var AccessDeniedContext = require('../AccessDeniedContext/AccessDeniedContext.cjs');
+var AccountExistsContext = require('../AccountExistsContext/AccountExistsContext.cjs');
+var api = require('../../data/api.cjs');
 var EmailVerificationContext = require('../EmailVerificationContext/EmailVerificationContext.cjs');
-var ThemeContext = require('../ThemeContext/ThemeContext.cjs');
-var useValidateSession = require('../../utils/hooks/useValidateSession/useValidateSession.cjs');
+require('react-dom');
+var isSameWalletName = require('../../utils/functions/isSameWalletName/isSameWalletName.cjs');
 var useEventListener = require('../../utils/hooks/useEventListener/useEventListener.cjs');
+var useFetchNonce = require('../../utils/hooks/useFetchNonce/useFetchNonce.cjs');
+var useFetchProjectSettings = require('../../utils/hooks/useFetchProjectSettings/useFetchProjectSettings.cjs');
+var ThemeContext = require('../ThemeContext/ThemeContext.cjs');
+var useSetWalletConnectorVerifiedCredentials = require('../../utils/hooks/useSetWalletConnectorVerifiedCredentials/useSetWalletConnectorVerifiedCredentials.cjs');
 require('@dynamic-labs/types');
-var isSameWalletName = require('../../utils/functions/isSameWalletName/isSameWalletName.cjs');
+require('yup');
+require('../MockContext/MockContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 var UserFieldEditorContext = require('../UserFieldEditorContext/UserFieldEditorContext.cjs');
-require('yup');
-var useSetWalletConnectorVerifiedCredentials = require('../../utils/hooks/useSetWalletConnectorVerifiedCredentials/useSetWalletConnectorVerifiedCredentials.cjs');
+var useValidateSession = require('../../utils/hooks/useValidateSession/useValidateSession.cjs');
+var useWalletConnectorOptions = require('../../utils/hooks/useWalletConnectorOptions/useWalletConnectorOptions.cjs');
+var useWalletConnectors = require('../../utils/hooks/useWalletConnectors/useWalletConnectors.cjs');
+var useWalletUiUtils = require('../../utils/hooks/useWalletUiUtils/useWalletUiUtils.cjs');
 require('../../components/Alert/Alert.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/IconButton/IconButton.cjs');
@@ -59,6 +59,7 @@ require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('formik');
+require('i18next');
 require('../../components/OverlayCard/OverlayCard.context.cjs');
 var SyncPasskeyFlow = require('../../components/SyncPasskeyFlow/SyncPasskeyFlow.cjs');
 var Toolkit = require('../../components/Toolkit/Toolkit.cjs');
@@ -80,7 +81,6 @@ var DynamicBridgeWidgetContext = require('../../widgets/DynamicBridgeWidget/cont
 var DynamicWidgetContext = require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
-require('i18next');
 require('../FooterAnimationContext/index.cjs');
 require('../SocialRedirectContext/SocialRedirectContext.cjs');
 var QrCodeContext = require('../QrCodeContext/QrCodeContext.cjs');
@@ -88,6 +88,7 @@ var WalletGroupContext = require('../WalletGroupContext/WalletGroupContext.cjs')
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('qrcode');
 var LoadingContext = require('../LoadingContext/LoadingContext.cjs');
+require('@dynamic-labs/viem-utils');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../views/WalletList/WalletList.cjs');
 require('../../views/viewToComponentMap.cjs');
@@ -95,6 +96,7 @@ var FundingWidget = require('../../widgets/FundingWidget/FundingWidget.cjs');
 var FundingContext = require('../FundingContext/FundingContext.cjs');
 var SendBalanceContext = require('../SendBalanceContext/SendBalanceContext.cjs');
 var UseNetworkValidation = require('../UseNetworkValidation/UseNetworkValidation.cjs');
+var UserWalletsContext = require('../UserWalletsContext/UserWalletsContext.cjs');
 var WalletContext = require('../WalletContext/WalletContext.cjs');
 var handleDisconnectWallet = require('./handleDisconnectWallet/handleDisconnectWallet.cjs');
 var helpers = require('./helpers.cjs');
@@ -113,7 +115,8 @@ var validators = require('./validators.cjs');
 const PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID = '2762a57b-faa4-41ce-9f16-abff9300e2c9';
 const EMPTY_INITIAL_USER = undefined;
 const DynamicContext = React.createContext(undefined);
-const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }) => {
+/** The context provider itself we only use internally */
+const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale$1, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, enableForcedNetworkValidation: enableForcedNetworkValidationProp = false, deepLinkPreference = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, localStorageSuffix, eventsCallbacks, evmNetworks, walletsFilter, logLevel = 'WARN', notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = true, walletConnectPreferredChains, walletConnectorExtensions, } = settings;
     let enableForcedNetworkValidation = enableForcedNetworkValidationProp;
@@ -188,7 +191,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         appName,
         getAppOrigin: () => window.location.origin,
     });
-    const { wallets } = useWallets.useWallets({
+    const { walletConnectorOptions } = useWalletConnectorOptions.useWalletConnectorOptions({
         appLogoUrl,
         appName,
         deepLinkPreference,
@@ -204,7 +207,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
     });
     const [authMode, setAuthMode] = useLocalStorage.useLocalStorage(localStorage$1.AUTH_MODE, initialAuthenticationMode);
     const { clearPrimaryWalletId, primaryWalletId, setPrimaryWalletId } = usePrimaryWalletId.usePrimaryWalletId();
-    const { connectWallet, removeConnectedWalletsInfo, connectedWalletsInfo, connectedWallet, getConnectedWalletById, connectedWallets, disconnectWallet, refreshConnectedWallet, } = useConnectWallet.useConnectWallet({
+    const { connectWallet, removeConnectedWalletsInfo, connectedWalletsInfo, getConnectedWalletById, connectedWallets, disconnectWallet, refreshConnectedWallet, } = useConnectWallet.useConnectWallet({
         authMode,
         clearPrimaryWalletId,
         enableVisitTrackingOnConnectOnly,
@@ -221,13 +224,13 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         primaryWalletId,
         setPrimaryWalletId,
         setShowAuthFlow,
-        wallets,
+        walletConnectorOptions,
     });
     React.useEffect(() => {
         const missingChains = getMissingChains.getMissingChains(bridgeChains, connectedWalletsInfo);
         setBridgeChainsToConnect(missingChains);
     }, [bridgeChains]);
-    const { selectedWalletConnector, setSelectedWalletConnectorKey } = useSelectedWalletConnector.useSelectedWalletConnector({ wallets });
+    const { selectedWalletConnector, setSelectedWalletConnectorKey } = useSelectedWalletConnector.useSelectedWalletConnector({ walletConnectorOptions });
     //selected wallet to perform an action (become primary, unlink, etc)
     const [selectedWalletWithAction, setSelectedWalletWithAction] = React.useState(null);
     const removeAuthTokenAndUser = React.useCallback(() => {
@@ -236,8 +239,8 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
     }, [removeUser]);
     // until user completes onboarding, jwt is only stored in onboardingOnlyJwt
     const authToken = (_e = getAuthToken.getAuthToken()) !== null && _e !== void 0 ? _e : onboardingOnlyJwt;
-    useSetWalletConnectorVerifiedCredentials.useSetWalletConnectorVerifiedCredentials(authToken, wallets);
-    const { didConnectedStateLoad, walletConnectors, primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, wallets: linkedOrConnectedWallets, } = useWalletConnectors.useWalletConnectors({
+    useSetWalletConnectorVerifiedCredentials.useSetWalletConnectorVerifiedCredentials(authToken, walletConnectorOptions);
+    const { didConnectedStateLoad, primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, wallets: linkedOrConnectedWallets, } = useWalletConnectors.useWalletConnectors({
         authMode,
         authToken: getAuthToken.getAuthToken() || onboardingOnlyJwt,
         canHaveMultipleWalletsConnected: multiWallet || isBridgeFlow,
@@ -250,12 +253,13 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         setPrimaryWalletId,
         setQrcodeUri,
         user,
-        wallets,
+        walletConnectorOptions,
     });
+    const walletConnectors = linkedOrConnectedWallets.map((wallet) => wallet.connector);
     const { sdkHasLoaded, setSdkHasLoaded } = useGlobalLoading.useGlobalLoading({
         authMode,
         connectedInfo: connectedWalletsInfo[0],
-        connectedWallet,
+        connectedWallets,
         primaryWallet,
         projectSettings,
         user,
@@ -267,11 +271,11 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         isRenderingEmbeddedAuthFlow,
         setShowAuthFlow,
         user,
-        wallets,
+        walletConnectorOptions,
     });
     const { getNameService, removeConnectedNameService } = useNameService.useNameService({
         authToken,
-        currentWallet: primaryWallet !== null && primaryWallet !== void 0 ? primaryWallet : connectedWallet,
+        currentWallet: primaryWallet !== null && primaryWallet !== void 0 ? primaryWallet : connectedWallets[0],
     });
     const { clearAllWalletConnectSessions, clearOphanedWalletConnectSessions } = useClearWalletConnectSessions.useClearWalletConnectSessions({
         connectors: walletConnectors,
@@ -280,7 +284,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         clearOphanedWalletConnectSessions,
     ]);
     const handleLogOut = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _j, _k, _l;
+        var _j, _k;
         setSdkHasLoaded(false);
         clearAllWalletConnectSessions();
         setBridgeChainsToConnect(bridgeChains);
@@ -298,7 +302,8 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         for (const connector of walletConnectors) {
             yield connector.endSession();
         }
-        yield ((_j = connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector) === null || _j === void 0 ? void 0 : _j.endSession());
+        for (const connectedWallet of connectedWallets)
+            yield connectedWallet.connector.endSession();
         // Necessary when user logs out in user data collection view
         // Dont require flag to be set though
         if (isVerificationInProgress)
@@ -315,13 +320,13 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         removeIsFullyConnected();
         clearPrimaryWalletId();
         removeConnectedNameService();
-        if (connectedWallet) {
-            (_k = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onDisconnect) === null || _k === void 0 ? void 0 : _k.call(eventsCallbacks, {
+        for (const connectedWallet of connectedWallets) {
+            (_j = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onDisconnect) === null || _j === void 0 ? void 0 : _j.call(eventsCallbacks, {
                 wallet: connectedWallet,
                 walletConnector: connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector,
             });
         }
-        (_l = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onLogout) === null || _l === void 0 ? void 0 : _l.call(eventsCallbacks, user);
+        (_k = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onLogout) === null || _k === void 0 ? void 0 : _k.call(eventsCallbacks, user);
         internalEventsRef.current.emit('logout');
     }), [
         setSdkHasLoaded,
@@ -329,7 +334,6 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         bridgeChains,
         toolkitEnabled,
         user,
-        connectedWallet,
         isVerificationInProgress,
         setIsVerificationInProgress,
         setAuthMode,
@@ -345,6 +349,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         eventsCallbacks,
         environmentId,
         walletConnectors,
+        connectedWallets,
     ]);
     useEventListener.useEventListener('logOut', handleLogOut);
     let wcVersion;
@@ -482,7 +487,6 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
             bridgeChainsToConnect,
             clearStatesOnBackClick,
             connectWallet,
-            connectedWallet,
             connectedWallets,
             consumeNonce,
             cssOverrides,
@@ -585,8 +589,8 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
             toolkitEnabled,
             user,
             walletConnector: (_c = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector) !== null && _c !== void 0 ? _c : null,
+            walletConnectorOptions,
             walletUiUtils,
-            wallets,
             walletsFilter,
         });
     }, [
@@ -603,7 +607,6 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         bridgeChainsToConnect,
         clearStatesOnBackClick,
         connectWallet,
-        connectedWallet,
         connectedWallets,
         consumeNonce,
         cssOverrides,
@@ -690,7 +693,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         theme,
         toolkitEnabled,
         walletUiUtils,
-        wallets,
+        walletConnectorOptions,
         walletsFilter,
     ]);
     React.useEffect(() => {
@@ -737,7 +740,10 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
                                     isMultiWalletEnabled: multiWallet,
                                 }), internalEvents: internalEventsRef, children: [enableForcedNetworkValidation && jsxRuntime.jsx(UseNetworkValidation.UseNetworkValidation, {}), jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(AccountExistsContext.AccountExistsContextProvider, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, { canSync: didConnectedStateLoad, children: jsxRuntime.jsx(QrCodeContext.QrCodeContextProvider, { children: jsxRuntime.jsx(EmailVerificationContext.EmailVerificationContextProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(DynamicBridgeWidgetContext.DynamicBridgeWidgetContextProvider, { children: jsxRuntime.jsx(FundingContext.FundingContextProvider, { children: jsxRuntime.jsx(AccessDeniedContext.AccessDeniedContextProvider, { children: jsxRuntime.jsx(SendBalanceContext.SendBalanceContextProvider, { children: jsxRuntime.jsx(WalletGroupContext.WalletGroupContextProvider, { children: jsxRuntime.jsxs(UserFieldEditorContext.UserFieldEditorContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), jsxRuntime.jsx(SyncPasskeyFlow.SyncPasskeyFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }) }));
 };
+/** The context provider you need to have access too all of Dynamic's hooks */
+const DynamicContextProvider = (props) => (jsxRuntime.jsx(UserWalletsContext.UserWalletsProvider, { children: jsxRuntime.jsx(InnerDynamicContextProvider, Object.assign({}, props)) }));
 
 exports.DynamicContext = DynamicContext;
 exports.DynamicContextProvider = DynamicContextProvider;
+exports.InnerDynamicContextProvider = InnerDynamicContextProvider;
 exports.PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID = PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID;

package/src/lib/context/DynamicContext/DynamicContext.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { FC, ReactNode } from 'react';
 import { LogLevel } from '@dynamic-labs/logger';
 import { EvmNetwork, SocialProviderFilter } from '@dynamic-labs/types';
 import { DeepLinkVariant, WalletConnectorExtension, WalletConnectorsMethod } from '@dynamic-labs/wallet-connector-core';
@@ -75,4 +75,7 @@ export interface DynamicContextProps {
     locale?: LocaleResource;
 }
 export declare const DynamicContext: import("react").Context<IDynamicContext | undefined>;
-export declare const DynamicContextProvider: ({ children, theme, settings, locale, }: DynamicContextProps) => JSX.Element;
+/** The context provider itself we only use internally */
+export declare const InnerDynamicContextProvider: FC<DynamicContextProps>;
+/** The context provider you need to have access too all of Dynamic's hooks */
+export declare const DynamicContextProvider: FC<DynamicContextProps>;