@dynamic-labs/sdk-react-core 4.0.0-alpha.10 → 4.0.0-alpha.12

package/src/lib/components/WalletConnectorEvents/WalletConnectorEvents.cjs

@@ -0,0 +1,127 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+var useWalletItemActions = require('../../utils/hooks/useWalletItemActions/useWalletItemActions.cjs');
+require('../../context/DynamicContext/DynamicContext.cjs');
+require('@dynamic-labs/sdk-api-core');
+var logger = require('../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('react/jsx-runtime');
+require('../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../utils/constants/colors.cjs');
+require('../../utils/constants/values.cjs');
+require('../../store/state/loadingAndLifecycle.cjs');
+require('../../shared/consts/index.cjs');
+require('../../events/dynamicEvents.cjs');
+require('../../../../_virtual/_tslib.cjs');
+require('../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../context/ErrorContext/ErrorContext.cjs');
+require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
+require('../../config/ApiEndpoint.cjs');
+require('../../store/state/user/user.cjs');
+require('../../locale/locale.cjs');
+require('../../store/state/projectSettings/projectSettings.cjs');
+require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../context/UserWalletsContext/UserWalletsContext.cjs');
+require('../../context/VerificationContext/VerificationContext.cjs');
+require('react-dom');
+require('../../context/WalletContext/WalletContext.cjs');
+require('../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
+require('../../context/ThemeContext/ThemeContext.cjs');
+require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('@dynamic-labs/types');
+require('../../context/LoadingContext/LoadingContext.cjs');
+require('yup');
+require('../../context/MockContext/MockContext.cjs');
+require('../../views/CollectUserDataView/useFields.cjs');
+require('../../context/FieldsStateContext/FieldsStateContext.cjs');
+require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../store/state/environmentId.cjs');
+var walletConnectorOptions = require('../../store/state/walletConnectorOptions.cjs');
+require('react-i18next');
+require('../Accordion/components/AccordionItem/AccordionItem.cjs');
+require('../Alert/Alert.cjs');
+require('../ShadowDOM/ShadowDOM.cjs');
+require('../IconButton/IconButton.cjs');
+require('../InlineWidget/InlineWidget.cjs');
+require('../Input/Input.cjs');
+require('../IsBrowser/IsBrowser.cjs');
+require('../MenuList/Dropdown/Dropdown.cjs');
+require('../Transition/ZoomTransition/ZoomTransition.cjs');
+require('../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../Transition/OpacityTransition/OpacityTransition.cjs');
+require('../OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
+require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../Popper/Popper/Popper.cjs');
+require('../Popper/PopperContext/PopperContext.cjs');
+require('react-focus-lock');
+require('qrcode');
+require('formik');
+require('../../context/FooterAnimationContext/index.cjs');
+require('../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
+require('../../context/PasskeyContext/PasskeyContext.cjs');
+require('../../store/state/sendBalances.cjs');
+require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../../index.cjs');
+require('../../store/state/tokenBalances.cjs');
+require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
+var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
+
+const WalletConnectorEvents = () => {
+    const { walletConnectorOptions: walletConnectorOptions$1, primaryWallet } = useInternalDynamicContext.useInternalDynamicContext();
+    const { handleWalletItemClick } = useWalletItemActions.useWalletItemActions();
+    // add listener for providerReady event
+    React.useEffect(() => {
+        const handleProviderReady = ({ connector, }) => {
+            logger.logger.debug('[WalletConnectorEvents] handleProviderReady - onProviderReady');
+            const updatedConnectors = walletConnectorOptions$1.map((walletOption) => {
+                if (walletOption.key === connector.key) {
+                    return Object.assign(Object.assign({}, walletOption), { isInstalledOnBrowser: connector.isInstalledOnBrowser(), walletConnector: connector });
+                }
+                return walletOption;
+            });
+            walletConnectorOptions.setWalletConnectorOptions(updatedConnectors);
+        };
+        walletConnectorCore.walletConnectorEvents.on('providerReady', handleProviderReady);
+        return () => {
+            walletConnectorCore.walletConnectorEvents.off('providerReady', handleProviderReady);
+        };
+    }, [walletConnectorOptions$1]);
+    // add listener for autoConnect event
+    React.useEffect(() => {
+        const handleAutoConnect = ({ connector, }) => {
+            logger.logger.debug('[useWalletItemActions] handleAutoConnect', { connector });
+            const walletOption = walletConnectorOptions$1.find((wallet) => wallet.walletConnector.key === connector.key);
+            if (!walletOption)
+                return;
+            handleWalletItemClick(walletOption);
+        };
+        // if there's a connected wallet, we should not auto connect another wallet
+        if (primaryWallet) {
+            return;
+        }
+        walletConnectorCore.walletConnectorEvents.on('autoConnect', handleAutoConnect);
+        return () => {
+            walletConnectorCore.walletConnectorEvents.off('autoConnect', handleAutoConnect);
+        };
+    }, [handleWalletItemClick, walletConnectorOptions$1, primaryWallet]);
+    return null;
+};
+
+exports.WalletConnectorEvents = WalletConnectorEvents;

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

@@ -0,0 +1 @@
+export declare const WalletConnectorEvents: () => null;

package/src/lib/components/WalletConnectorEvents/WalletConnectorEvents.js

@@ -0,0 +1,123 @@
+'use client'
+import { useEffect } from 'react';
+import { walletConnectorEvents } from '@dynamic-labs/wallet-connector-core';
+import { useWalletItemActions } from '../../utils/hooks/useWalletItemActions/useWalletItemActions.js';
+import '../../context/DynamicContext/DynamicContext.js';
+import '@dynamic-labs/sdk-api-core';
+import { logger } from '../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import 'react/jsx-runtime';
+import '../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../utils/constants/colors.js';
+import '../../utils/constants/values.js';
+import '../../store/state/loadingAndLifecycle.js';
+import '../../shared/consts/index.js';
+import '../../events/dynamicEvents.js';
+import '../../../../_virtual/_tslib.js';
+import '../../context/CaptchaContext/CaptchaContext.js';
+import '../../context/ErrorContext/ErrorContext.js';
+import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
+import '../../config/ApiEndpoint.js';
+import '../../store/state/user/user.js';
+import '../../locale/locale.js';
+import '../../store/state/projectSettings/projectSettings.js';
+import '../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../context/AccountExistsContext/AccountExistsContext.js';
+import '../../context/UserWalletsContext/UserWalletsContext.js';
+import '../../context/VerificationContext/VerificationContext.js';
+import 'react-dom';
+import '../../context/WalletContext/WalletContext.js';
+import '../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
+import '../../context/ThemeContext/ThemeContext.js';
+import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import '@dynamic-labs/types';
+import '../../context/LoadingContext/LoadingContext.js';
+import 'yup';
+import '../../context/MockContext/MockContext.js';
+import '../../views/CollectUserDataView/useFields.js';
+import '../../context/FieldsStateContext/FieldsStateContext.js';
+import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
+import '../../store/state/environmentId.js';
+import { setWalletConnectorOptions } from '../../store/state/walletConnectorOptions.js';
+import 'react-i18next';
+import '../Accordion/components/AccordionItem/AccordionItem.js';
+import '../Alert/Alert.js';
+import '../ShadowDOM/ShadowDOM.js';
+import '../IconButton/IconButton.js';
+import '../InlineWidget/InlineWidget.js';
+import '../Input/Input.js';
+import '../IsBrowser/IsBrowser.js';
+import '../MenuList/Dropdown/Dropdown.js';
+import '../Transition/ZoomTransition/ZoomTransition.js';
+import '../Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../Transition/OpacityTransition/OpacityTransition.js';
+import '../OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
+import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../Popper/Popper/Popper.js';
+import '../Popper/PopperContext/PopperContext.js';
+import 'react-focus-lock';
+import 'qrcode';
+import 'formik';
+import '../../context/FooterAnimationContext/index.js';
+import '../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../context/IpConfigurationContext/IpConfigurationContext.js';
+import '../../context/PasskeyContext/PasskeyContext.js';
+import '../../store/state/sendBalances.js';
+import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../../index.js';
+import '../../store/state/tokenBalances.js';
+import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
+import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
+
+const WalletConnectorEvents = () => {
+    const { walletConnectorOptions, primaryWallet } = useInternalDynamicContext();
+    const { handleWalletItemClick } = useWalletItemActions();
+    // add listener for providerReady event
+    useEffect(() => {
+        const handleProviderReady = ({ connector, }) => {
+            logger.debug('[WalletConnectorEvents] handleProviderReady - onProviderReady');
+            const updatedConnectors = walletConnectorOptions.map((walletOption) => {
+                if (walletOption.key === connector.key) {
+                    return Object.assign(Object.assign({}, walletOption), { isInstalledOnBrowser: connector.isInstalledOnBrowser(), walletConnector: connector });
+                }
+                return walletOption;
+            });
+            setWalletConnectorOptions(updatedConnectors);
+        };
+        walletConnectorEvents.on('providerReady', handleProviderReady);
+        return () => {
+            walletConnectorEvents.off('providerReady', handleProviderReady);
+        };
+    }, [walletConnectorOptions]);
+    // add listener for autoConnect event
+    useEffect(() => {
+        const handleAutoConnect = ({ connector, }) => {
+            logger.debug('[useWalletItemActions] handleAutoConnect', { connector });
+            const walletOption = walletConnectorOptions.find((wallet) => wallet.walletConnector.key === connector.key);
+            if (!walletOption)
+                return;
+            handleWalletItemClick(walletOption);
+        };
+        // if there's a connected wallet, we should not auto connect another wallet
+        if (primaryWallet) {
+            return;
+        }
+        walletConnectorEvents.on('autoConnect', handleAutoConnect);
+        return () => {
+            walletConnectorEvents.off('autoConnect', handleAutoConnect);
+        };
+    }, [handleWalletItemClick, walletConnectorOptions, primaryWallet]);
+    return null;
+};
+
+export { WalletConnectorEvents };

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

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

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

@@ -71,3 +71,4 @@ export * from './WalletInformationCard';
 export * from './EmailForm';
 export * from './StatusDot';
 export * from './OptionsSwitcher';
+export * from './WalletConnectorEvents';

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

@@ -58,7 +58,7 @@ var FieldsStateContext = require('../FieldsStateContext/FieldsStateContext.cjs')
 var UserFieldEditorContext = require('../UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 var useValidateSession = require('../../utils/hooks/useValidateSession/useValidateSession.cjs');
-var useWalletConnectorOptions = require('../../utils/hooks/useWalletConnectorOptions/useWalletConnectorOptions.cjs');
+var useCreateWalletConnectorOptions = require('../../utils/hooks/useCreateWalletConnectorOptions/useCreateWalletConnectorOptions.cjs');
 var useWalletConnectors = require('../../utils/hooks/useWalletConnectors/useWalletConnectors.cjs');
 var useWalletUiUtils = require('../../utils/hooks/useWalletUiUtils/useWalletUiUtils.cjs');
 var useWalletConnectorNetwork = require('../../utils/hooks/useWalletConnectorNetwork/useWalletConnectorNetwork.cjs');
@@ -96,6 +96,7 @@ require('../../store/state/sendBalances.cjs');
 var useNetworkConfigurationsFromProjectSettings = require('../../utils/hooks/useNetworkConfigurationsFromProjectSettings/useNetworkConfigurationsFromProjectSettings.cjs');
 var SyncAuthFlow = require('../../components/SyncAuthFlow/SyncAuthFlow.cjs');
 var Toolkit = require('../../components/Toolkit/Toolkit.cjs');
+var WalletConnectorEvents = require('../../components/WalletConnectorEvents/WalletConnectorEvents.cjs');
 var store = require('../../store/internalImplementation/store.cjs');
 var getMissingChains = require('../../utils/functions/getMissingChains/getMissingChains.cjs');
 var parseTheme = require('../../utils/functions/parseTheme/parseTheme.cjs');
@@ -124,6 +125,7 @@ var PhantomRedirectContext = require('../PhantomRedirectContext/PhantomRedirectC
 var ReinitializeContextProvider = require('../ReinitializeContext/ReinitializeContextProvider.cjs');
 var SendBalanceContext = require('../SendBalanceContext/SendBalanceContext.cjs');
 var UseNetworkValidation = require('../UseNetworkValidation/UseNetworkValidation.cjs');
+var walletConnectorOptions = require('../../store/state/walletConnectorOptions.cjs');
 var helpers = require('./helpers/helpers.cjs');
 var useDisplayOrderState = require('./hooks/useDisplayOrderState/useDisplayOrderState.cjs');
 var useEmailLoginState = require('./hooks/useEmailLoginState/useEmailLoginState.cjs');
@@ -246,7 +248,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         appName,
         hideEmbeddedWalletTransactionUIs: !((_o = (_m = projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.sdk) === null || _m === void 0 ? void 0 : _m.embeddedWallets) === null || _o === void 0 ? void 0 : _o.showEmbeddedWalletActionsUI),
     });
-    const { walletConnectorOptions } = useWalletConnectorOptions.useWalletConnectorOptions({
+    useCreateWalletConnectorOptions.useCreateWalletConnectorOptions({
         appLogoUrl,
         appName,
         coinbaseWalletPreference,
@@ -261,6 +263,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         walletConnectorsProp,
         walletUiUtils,
     });
+    const walletConnectorOptions$1 = walletConnectorOptions.useWalletConnectorOptions();
     const [authMode, setAuthMode] = useLocalStorage.useLocalStorage(localStorage.AUTH_MODE, initialAuthenticationMode);
     const { clearPrimaryWalletId, primaryWalletId, setPrimaryWalletId } = usePrimaryWalletId.usePrimaryWalletId({
         environmentId,
@@ -276,7 +279,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         isMultiWalletEnabled: multiWallet,
         isRenderingEmbeddedAuthFlow,
         setShowDynamicUserProfile,
-        walletConnectorOptions,
+        walletConnectorOptions: walletConnectorOptions$1,
     });
     const { connectWallet, removeConnectedWalletsInfo, connectedWalletsInfo, getConnectedWalletById, connectedWallets, disconnectWallet, refreshConnectedWallet, } = useConnectWallet.useConnectWallet({
         authMode,
@@ -289,14 +292,14 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         setPrimaryWalletId,
         setShowAuthFlow,
         user: user$1,
-        walletConnectorOptions,
+        walletConnectorOptions: walletConnectorOptions$1,
     });
     const bridgeChainsToConnect = React.useMemo(() => getMissingChains.getMissingChains(bridgeChains, connectedWalletsInfo), [bridgeChains, connectedWalletsInfo]);
-    const { selectedWalletConnector, setSelectedWalletConnectorKey } = useSelectedWalletConnector.useSelectedWalletConnector({ walletConnectorOptions });
+    const { selectedWalletConnector, setSelectedWalletConnectorKey } = useSelectedWalletConnector.useSelectedWalletConnector({ walletConnectorOptions: walletConnectorOptions$1 });
     //selected wallet to perform an action (become primary, unlink, etc)
     const [selectedWalletWithAction, setSelectedWalletWithAction] = React.useState(null);
-    useSetWalletConnectorVerifiedCredentials.useSetWalletConnectorVerifiedCredentials(user$1 !== null && user$1 !== void 0 ? user$1 : userWithMissingInfo, walletConnectorOptions);
-    useSetWalletConnectorFetchers.useSetWalletConnectorFetchers(walletConnectorOptions, environmentId, projectSettings$1);
+    useSetWalletConnectorVerifiedCredentials.useSetWalletConnectorVerifiedCredentials(user$1 !== null && user$1 !== void 0 ? user$1 : userWithMissingInfo, walletConnectorOptions$1);
+    useSetWalletConnectorFetchers.useSetWalletConnectorFetchers(walletConnectorOptions$1, environmentId, projectSettings$1);
     const { primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, wallets: linkedOrConnectedWallets, } = useWalletConnectors.useWalletConnectors({
         authMode,
         canHaveMultipleWalletsConnected: multiWallet,
@@ -305,7 +308,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         setMultiWalletWidgetState,
         setPrimaryWalletId,
         user: user$1 || userWithMissingInfo,
-        walletConnectorOptions,
+        walletConnectorOptions: walletConnectorOptions$1,
     });
     React.useEffect(() => {
         setRequiredWalletsConnected(!(bridgeChainsToConnect === null || bridgeChainsToConnect === void 0 ? void 0 : bridgeChainsToConnect.length) && Boolean(primaryWallet));
@@ -571,7 +574,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
             toolkitEnabled,
             user: user$1,
             userWithMissingInfo,
-            walletConnectorOptions,
+            walletConnectorOptions: walletConnectorOptions$1,
             walletUiUtils,
             walletsFilter,
         });
@@ -679,7 +682,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         theme,
         toolkitEnabled,
         userWithMissingInfo,
-        walletConnectorOptions,
+        walletConnectorOptions$1,
         walletUiUtils,
         walletsFilter,
     ]);
@@ -719,7 +722,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
                                 isAuthenticated: isAuthenticated || Boolean(primaryWallet),
                                 isBridgeFlow,
                                 isMultiWalletEnabled: multiWallet,
-                            }), children: [networkValidationMode === 'always' && jsxRuntime.jsx(UseNetworkValidation.UseNetworkValidation, {}), jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(AccountExistsContext.AccountExistsContextProvider, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, { children: jsxRuntime.jsx(VerificationContext.VerificationProvider, { children: jsxRuntime.jsx(PasskeyContext.PasskeyContextProvider, { 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.jsx(UserFieldEditorContext.UserFieldEditorContextProvider, { children: jsxRuntime.jsx(ConnectWithOtpProvider.ConnectWithOtpProvider, { children: jsxRuntime.jsx(PhantomRedirectContext.PhantomRedirectContextProvider, { children: jsxRuntime.jsxs(SocialRedirectContext.SocialRedirectContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), jsxRuntime.jsx(SyncAuthFlow.SyncAuthFlow, {}), confirmationModal, jsxRuntime.jsx(ErrorBoundaryExclude.ErrorBoundaryExclude, { children: children })] }) }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
+                            }), children: [networkValidationMode === 'always' && jsxRuntime.jsx(UseNetworkValidation.UseNetworkValidation, {}), jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(AccountExistsContext.AccountExistsContextProvider, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, { children: jsxRuntime.jsx(VerificationContext.VerificationProvider, { children: jsxRuntime.jsx(PasskeyContext.PasskeyContextProvider, { 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.jsx(UserFieldEditorContext.UserFieldEditorContextProvider, { children: jsxRuntime.jsx(ConnectWithOtpProvider.ConnectWithOtpProvider, { children: jsxRuntime.jsx(PhantomRedirectContext.PhantomRedirectContextProvider, { children: jsxRuntime.jsxs(SocialRedirectContext.SocialRedirectContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), jsxRuntime.jsx(SyncAuthFlow.SyncAuthFlow, {}), jsxRuntime.jsx(WalletConnectorEvents.WalletConnectorEvents, {}), confirmationModal, jsxRuntime.jsx(ErrorBoundaryExclude.ErrorBoundaryExclude, { children: children })] }) }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
 };
 /** The context provider you need to have access too all of Dynamic's hooks */
 const DynamicContextProvider = (props) => {

package/src/lib/context/DynamicContext/DynamicContext.js

@@ -54,7 +54,7 @@ import { FieldsStateProvider } from '../FieldsStateContext/FieldsStateContext.js
 import { UserFieldEditorContextProvider } from '../UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import { useValidateSession } from '../../utils/hooks/useValidateSession/useValidateSession.js';
-import { useWalletConnectorOptions } from '../../utils/hooks/useWalletConnectorOptions/useWalletConnectorOptions.js';
+import { useCreateWalletConnectorOptions } from '../../utils/hooks/useCreateWalletConnectorOptions/useCreateWalletConnectorOptions.js';
 import { useWalletConnectors } from '../../utils/hooks/useWalletConnectors/useWalletConnectors.js';
 import { useWalletUiUtils } from '../../utils/hooks/useWalletUiUtils/useWalletUiUtils.js';
 import { useWalletConnectorNetwork } from '../../utils/hooks/useWalletConnectorNetwork/useWalletConnectorNetwork.js';
@@ -92,6 +92,7 @@ import '../../store/state/sendBalances.js';
 import { useNetworkConfigurationsFromProjectSettings } from '../../utils/hooks/useNetworkConfigurationsFromProjectSettings/useNetworkConfigurationsFromProjectSettings.js';
 import { SyncAuthFlow } from '../../components/SyncAuthFlow/SyncAuthFlow.js';
 import { Toolkit } from '../../components/Toolkit/Toolkit.js';
+import { WalletConnectorEvents } from '../../components/WalletConnectorEvents/WalletConnectorEvents.js';
 import { removeStoreInstance, initializeStore } from '../../store/internalImplementation/store.js';
 import { getMissingChains } from '../../utils/functions/getMissingChains/getMissingChains.js';
 import { parseTheme } from '../../utils/functions/parseTheme/parseTheme.js';
@@ -120,6 +121,7 @@ import { PhantomRedirectContextProvider } from '../PhantomRedirectContext/Phanto
 import { ReinitializeContextProvider } from '../ReinitializeContext/ReinitializeContextProvider.js';
 import { SendBalanceContextProvider } from '../SendBalanceContext/SendBalanceContext.js';
 import { UseNetworkValidation } from '../UseNetworkValidation/UseNetworkValidation.js';
+import { useWalletConnectorOptions } from '../../store/state/walletConnectorOptions.js';
 import { resolveNetworkValidationMode, initExpirationTime, getInitialView, getDeepLinkPreference } from './helpers/helpers.js';
 import { useDisplayOrderState } from './hooks/useDisplayOrderState/useDisplayOrderState.js';
 import { useEmailLoginState } from './hooks/useEmailLoginState/useEmailLoginState.js';
@@ -242,7 +244,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
         appName,
         hideEmbeddedWalletTransactionUIs: !((_o = (_m = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _m === void 0 ? void 0 : _m.embeddedWallets) === null || _o === void 0 ? void 0 : _o.showEmbeddedWalletActionsUI),
     });
-    const { walletConnectorOptions } = useWalletConnectorOptions({
+    useCreateWalletConnectorOptions({
         appLogoUrl,
         appName,
         coinbaseWalletPreference,
@@ -257,6 +259,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
         walletConnectorsProp,
         walletUiUtils,
     });
+    const walletConnectorOptions = useWalletConnectorOptions();
     const [authMode, setAuthMode] = useLocalStorage(AUTH_MODE, initialAuthenticationMode);
     const { clearPrimaryWalletId, primaryWalletId, setPrimaryWalletId } = usePrimaryWalletId({
         environmentId,
@@ -715,7 +718,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
                                 isAuthenticated: isAuthenticated || Boolean(primaryWallet),
                                 isBridgeFlow,
                                 isMultiWalletEnabled: multiWallet,
-                            }), children: [networkValidationMode === 'always' && jsx(UseNetworkValidation, {}), jsx(CaptchaContextProvider, { children: jsx(AccountExistsContextProvider, { children: jsx(WalletContextProvider, { children: jsx(VerificationProvider, { children: jsx(PasskeyContextProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(FundingContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsx(WalletGroupContextProvider, { children: jsx(UserFieldEditorContextProvider, { children: jsx(ConnectWithOtpProvider, { children: jsx(PhantomRedirectContextProvider, { children: jsxs(SocialRedirectContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), jsx(SyncAuthFlow, {}), confirmationModal, jsx(ErrorBoundaryExclude, { children: children })] }) }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
+                            }), children: [networkValidationMode === 'always' && jsx(UseNetworkValidation, {}), jsx(CaptchaContextProvider, { children: jsx(AccountExistsContextProvider, { children: jsx(WalletContextProvider, { children: jsx(VerificationProvider, { children: jsx(PasskeyContextProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(FundingContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsx(WalletGroupContextProvider, { children: jsx(UserFieldEditorContextProvider, { children: jsx(ConnectWithOtpProvider, { children: jsx(PhantomRedirectContextProvider, { children: jsxs(SocialRedirectContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), jsx(SyncAuthFlow, {}), jsx(WalletConnectorEvents, {}), confirmationModal, jsx(ErrorBoundaryExclude, { children: children })] }) }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
 };
 /** The context provider you need to have access too all of Dynamic's hooks */
 const DynamicContextProvider = (props) => {

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

@@ -25,15 +25,19 @@ const useRegisterStorageService = ({ storagePostfix, }) => {
     const localStorage = isSSR.isSSR() ? storageForSSR : window.localStorage;
     const sessionStorage = isSSR.isSSR() ? storageForSSR : window.sessionStorage;
     if (!utils.StorageService.getSourceStorage('localStorage')) {
-        utils.StorageService.registerSourceStorage('localStorage', utils.createStorageService({
+        utils.StorageService.registerSourceStorage('localStorage', utils.applyPostfixToStorageService({
             postfix: storagePostfix,
-            storage: localStorage,
+            storage: utils.createStorageService({
+                storage: localStorage,
+            }),
         }));
     }
     if (!utils.StorageService.getSourceStorage('sessionStorage')) {
-        utils.StorageService.registerSourceStorage('sessionStorage', utils.createStorageService({
+        utils.StorageService.registerSourceStorage('sessionStorage', utils.applyPostfixToStorageService({
             postfix: storagePostfix,
-            storage: sessionStorage,
+            storage: utils.createStorageService({
+                storage: sessionStorage,
+            }),
         }));
     }
 };

package/src/lib/context/DynamicContext/hooks/useRegisterStorageService/useRegisterStorageService.js

@@ -1,5 +1,5 @@
 'use client'
-import { PlatformService, StorageService, createStorageService } from '@dynamic-labs/utils';
+import { PlatformService, StorageService, applyPostfixToStorageService, createStorageService } from '@dynamic-labs/utils';
 import { isSSR } from '../../../../shared/utils/functions/isSSR/isSSR.js';
 
 /**
@@ -21,15 +21,19 @@ const useRegisterStorageService = ({ storagePostfix, }) => {
     const localStorage = isSSR() ? storageForSSR : window.localStorage;
     const sessionStorage = isSSR() ? storageForSSR : window.sessionStorage;
     if (!StorageService.getSourceStorage('localStorage')) {
-        StorageService.registerSourceStorage('localStorage', createStorageService({
+        StorageService.registerSourceStorage('localStorage', applyPostfixToStorageService({
             postfix: storagePostfix,
-            storage: localStorage,
+            storage: createStorageService({
+                storage: localStorage,
+            }),
         }));
     }
     if (!StorageService.getSourceStorage('sessionStorage')) {
-        StorageService.registerSourceStorage('sessionStorage', createStorageService({
+        StorageService.registerSourceStorage('sessionStorage', applyPostfixToStorageService({
             postfix: storagePostfix,
-            storage: sessionStorage,
+            storage: createStorageService({
+                storage: sessionStorage,
+            }),
         }));
     }
 };

package/src/lib/context/MockContext/MockContext.cjs

@@ -50,9 +50,9 @@ require('../../store/state/environmentId.cjs');
 require('../../store/state/walletConnectorOptions.cjs');
 require('react-i18next');
 var DynamicAuthModal = require('../../modals/DynamicAuthModal/DynamicAuthModal.cjs');
-require('../../store/state/sendBalances.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('formik');
+require('../../store/state/sendBalances.cjs');
 require('../../components/Input/Input.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');

package/src/lib/context/MockContext/MockContext.js

@@ -46,9 +46,9 @@ import '../../store/state/environmentId.js';
 import '../../store/state/walletConnectorOptions.js';
 import 'react-i18next';
 import { DynamicAuthModal } from '../../modals/DynamicAuthModal/DynamicAuthModal.js';
-import '../../store/state/sendBalances.js';
 import '../../components/IconButton/IconButton.js';
 import 'formik';
+import '../../store/state/sendBalances.js';
 import '../../components/Input/Input.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';

package/src/lib/context/SocialRedirectContext/hooks/useRedirectSocialHandler/useRedirectSocialHandler.cjs

@@ -93,9 +93,7 @@ const useRedirectSocialHandler = ({ setSocialProvider, }) => {
     const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
     const [socialStorageItem, setSocialStorageItem] = React.useState(null);
     const { sdkHasLoaded, setShowAuthFlow, isRenderingEmbeddedAuthFlow, setShowDynamicUserProfile, } = useInternalDynamicContext.useInternalDynamicContext();
-    const { completeConnection } = useSocialAuth.useSocialAuth({
-        sessionTimeout: 10000,
-    });
+    const { completeConnection } = useSocialAuth.useSocialAuth({});
     const updateInterfaceStateForSignIn = React.useCallback((socialStorageItem) => {
         const socialSignInProvider = getSocialSignInProviderForProviderEnum.getSocialSignInProviderForProviderEnum(socialStorageItem.provider);
         setSocialProvider(socialSignInProvider);

package/src/lib/context/SocialRedirectContext/hooks/useRedirectSocialHandler/useRedirectSocialHandler.js

@@ -89,9 +89,7 @@ const useRedirectSocialHandler = ({ setSocialProvider, }) => {
     const { setDynamicWidgetView } = useWidgetContext();
     const [socialStorageItem, setSocialStorageItem] = useState(null);
     const { sdkHasLoaded, setShowAuthFlow, isRenderingEmbeddedAuthFlow, setShowDynamicUserProfile, } = useInternalDynamicContext();
-    const { completeConnection } = useSocialAuth({
-        sessionTimeout: 10000,
-    });
+    const { completeConnection } = useSocialAuth({});
     const updateInterfaceStateForSignIn = useCallback((socialStorageItem) => {
         const socialSignInProvider = getSocialSignInProviderForProviderEnum(socialStorageItem.provider);
         setSocialProvider(socialSignInProvider);

package/src/lib/data/api/oauth/oauth.cjs

@@ -30,11 +30,20 @@ const initAuth = (environmentId, providerType, oauthInitAuthRequest) => _tslib._
         });
     }
     catch (err) {
-        logger.logger.error(err);
-        throw err;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        let data;
+        try {
+            data = yield err.json();
+            logger.logger.error(data);
+        }
+        catch (_a) {
+            logger.logger.error(err);
+            throw err;
+        }
+        throw new Error(data.error);
     }
 });
-const verifyOAuth = (environmentId_1, providerType_1, _a) => _tslib.__awaiter(void 0, [environmentId_1, providerType_1, _a], void 0, function* (environmentId, providerType, { code, codeVerifier, state }) {
+const verifyOAuth = (environmentId_1, providerType_1, _b) => _tslib.__awaiter(void 0, [environmentId_1, providerType_1, _b], void 0, function* (environmentId, providerType, { code, codeVerifier, state }) {
     const oauthRequest = {
         code,
         codeVerifier,
@@ -53,7 +62,7 @@ const verifyOAuth = (environmentId_1, providerType_1, _a) => _tslib.__awaiter(vo
         return handleVerifyError(e);
     }
 });
-const unlinkOAuth = (_b) => _tslib.__awaiter(void 0, [_b], void 0, function* ({ environmentId, primaryWalletId, verifiedCrentialId, }) {
+const unlinkOAuth = (_c) => _tslib.__awaiter(void 0, [_c], void 0, function* ({ environmentId, primaryWalletId, verifiedCrentialId, }) {
     try {
         const response = yield api.sdkApi().verifyUnlink({
             environmentId,
@@ -69,7 +78,7 @@ const unlinkOAuth = (_b) => _tslib.__awaiter(void 0, [_b], void 0, function* ({
         return undefined;
     }
 });
-const signInOAuth = (environmentId_2, providerType_2, _c) => _tslib.__awaiter(void 0, [environmentId_2, providerType_2, _c], void 0, function* (environmentId, providerType, { code, codeVerifier, state, captchaToken, sessionPublicKey }) {
+const signInOAuth = (environmentId_2, providerType_2, _d) => _tslib.__awaiter(void 0, [environmentId_2, providerType_2, _d], void 0, function* (environmentId, providerType, { code, codeVerifier, state, captchaToken, sessionPublicKey }) {
     const oauthRequest = {
         captchaToken,
         code,
@@ -90,7 +99,7 @@ const signInOAuth = (environmentId_2, providerType_2, _c) => _tslib.__awaiter(vo
         return handleSignInError(e);
     }
 });
-const getOAuthResult = (environmentId_3, providerType_3, _d) => _tslib.__awaiter(void 0, [environmentId_3, providerType_3, _d], void 0, function* (environmentId, providerType, { state }) {
+const getOAuthResult = (environmentId_3, providerType_3, _e) => _tslib.__awaiter(void 0, [environmentId_3, providerType_3, _e], void 0, function* (environmentId, providerType, { state }) {
     const oauthResultRequest = {
         state,
     };
@@ -183,7 +192,7 @@ const handleVerifyError = (e) => _tslib.__awaiter(void 0, void 0, void 0, functi
     return undefined;
 });
 const handleSignInError = (e) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-    var _e, _f, _g;
+    var _f, _g, _h;
     logger.logger.error(e);
     const data = yield e.json();
     if (data.error.code === 'gate_blocked') {
@@ -191,9 +200,9 @@ const handleSignInError = (e) => _tslib.__awaiter(void 0, void 0, void 0, functi
     }
     if (data.error.code === 'missing_from_list') {
         throw new utils.NoAccessError({
-            socialProvider: (_e = data === null || data === void 0 ? void 0 : data.payload) === null || _e === void 0 ? void 0 : _e.socialProvider,
-            socialUsername: (_f = data === null || data === void 0 ? void 0 : data.payload) === null || _f === void 0 ? void 0 : _f.socialUsername,
-            walletPublicKey: (_g = data === null || data === void 0 ? void 0 : data.payload) === null || _g === void 0 ? void 0 : _g.walletPublicKey,
+            socialProvider: (_f = data === null || data === void 0 ? void 0 : data.payload) === null || _f === void 0 ? void 0 : _f.socialProvider,
+            socialUsername: (_g = data === null || data === void 0 ? void 0 : data.payload) === null || _g === void 0 ? void 0 : _g.socialUsername,
+            walletPublicKey: (_h = data === null || data === void 0 ? void 0 : data.payload) === null || _h === void 0 ? void 0 : _h.walletPublicKey,
         });
     }
     if (data.code === 'email_associated_with_different_provider') {