@dynamic-labs/sdk-react-core 2.1.0-alpha.27 → 2.1.0-alpha.29

package/CHANGELOG.md

@@ -1,4 +1,31 @@
 
+## [2.1.0-alpha.29](https://github.com/dynamic-labs/DynamicAuth/compare/v2.1.0-alpha.28...v2.1.0-alpha.29) (2024-05-30)
+
+
+### Features
+
+* add account and chain to coinbase walletClient ([#5776](https://github.com/dynamic-labs/DynamicAuth/issues/5776)) ([557091c](https://github.com/dynamic-labs/DynamicAuth/commit/557091c0efaec11273bd40b53c8bcd633c1bf48d))
+* add support for phantom btc ([#5717](https://github.com/dynamic-labs/DynamicAuth/issues/5717)) ([c61ca4f](https://github.com/dynamic-labs/DynamicAuth/commit/c61ca4f437796be2b420902de7e7de730725d122))
+
+
+### Bug Fixes
+
+* add phantom btc mobile redirect ([#5789](https://github.com/dynamic-labs/DynamicAuth/issues/5789)) ([aaa2654](https://github.com/dynamic-labs/DynamicAuth/commit/aaa26548668b0733e7930c1d7f5cc3937b3dfb50))
+* clear settings and configurations when logged out on page load ([#5787](https://github.com/dynamic-labs/DynamicAuth/issues/5787)) ([53c4d0b](https://github.com/dynamic-labs/DynamicAuth/commit/53c4d0b4686debdb43b1ab1b8b9e296ed4dd74b6))
+* lookup projectSettings from store to check if cookie enabled ([#5790](https://github.com/dynamic-labs/DynamicAuth/issues/5790)) ([6f2314b](https://github.com/dynamic-labs/DynamicAuth/commit/6f2314b0afef984e6caea79ead73d12c5c6d83f0))
+
+## [2.1.0-alpha.28](https://github.com/dynamic-labs/DynamicAuth/compare/v2.1.0-alpha.27...v2.1.0-alpha.28) (2024-05-29)
+
+
+### Features
+
+* adds solana standard wallet connector ([#5752](https://github.com/dynamic-labs/DynamicAuth/issues/5752)) ([0040940](https://github.com/dynamic-labs/DynamicAuth/commit/0040940fd1adb37ab3106bb0e4dfe79403bc41f2))
+
+
+### Bug Fixes
+
+* farcaster fetch url fix ([#5767](https://github.com/dynamic-labs/DynamicAuth/issues/5767)) ([1408ba9](https://github.com/dynamic-labs/DynamicAuth/commit/1408ba92680363b9db7820a63d5e3d15dc26ad22))
+
 ## [2.1.0-alpha.27](https://github.com/dynamic-labs/DynamicAuth/compare/v2.1.0-alpha.26...v2.1.0-alpha.27) (2024-05-29)
 
 

package/package.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "2.1.0-alpha.27";
+var version = "2.1.0-alpha.29";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.453",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "2.1.0-alpha.27";
+var version = "2.1.0-alpha.29";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.453",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "2.1.0-alpha.27",
+  "version": "2.1.0-alpha.29",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/dynamic-labs/dynamic-auth.git",
@@ -17,18 +17,18 @@
     "react-i18next": "13.5.0",
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
-    "@dynamic-labs/iconic": "2.1.0-alpha.27",
-    "@dynamic-labs/logger": "2.1.0-alpha.27",
-    "@dynamic-labs/multi-wallet": "2.1.0-alpha.27",
-    "@dynamic-labs/rpc-provider-ethereum": "2.1.0-alpha.27",
-    "@dynamic-labs/rpc-provider-solana": "2.1.0-alpha.27",
-    "@dynamic-labs/rpc-providers": "2.1.0-alpha.27",
-    "@dynamic-labs/store": "2.1.0-alpha.27",
-    "@dynamic-labs/types": "2.1.0-alpha.27",
-    "@dynamic-labs/utils": "2.1.0-alpha.27",
-    "@dynamic-labs/viem-utils": "2.1.0-alpha.27",
-    "@dynamic-labs/wallet-book": "2.1.0-alpha.27",
-    "@dynamic-labs/wallet-connector-core": "2.1.0-alpha.27",
+    "@dynamic-labs/iconic": "2.1.0-alpha.29",
+    "@dynamic-labs/logger": "2.1.0-alpha.29",
+    "@dynamic-labs/multi-wallet": "2.1.0-alpha.29",
+    "@dynamic-labs/rpc-provider-ethereum": "2.1.0-alpha.29",
+    "@dynamic-labs/rpc-provider-solana": "2.1.0-alpha.29",
+    "@dynamic-labs/rpc-providers": "2.1.0-alpha.29",
+    "@dynamic-labs/store": "2.1.0-alpha.29",
+    "@dynamic-labs/types": "2.1.0-alpha.29",
+    "@dynamic-labs/utils": "2.1.0-alpha.29",
+    "@dynamic-labs/viem-utils": "2.1.0-alpha.29",
+    "@dynamic-labs/wallet-book": "2.1.0-alpha.29",
+    "@dynamic-labs/wallet-connector-core": "2.1.0-alpha.29",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/lib/components/{SyncEmbeddedWalletAuthFlow/SyncEmbeddedWalletAuthFlow.cjs → SyncAuthFlow/SyncAuthFlow.cjs}

@@ -3,12 +3,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../../../../_virtual/_tslib.cjs');
-var React = require('react');
-var utils = require('@dynamic-labs/utils');
+require('react');
+require('../../events/dynamicEvents.cjs');
+require('../../../../_virtual/_tslib.cjs');
+require('@dynamic-labs/utils');
 require('../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/sdk-api-core');
-var logger = require('../../shared/logger.cjs');
+require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
@@ -18,7 +19,6 @@ require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('../../shared/consts/index.cjs');
-var useDynamicEvents = require('../../utils/hooks/events/useDynamicEvents/useDynamicEvents.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -31,15 +31,13 @@ require('../../locale/locale.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');
-require('../../events/dynamicEvents.cjs');
 require('../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
-var useEmbeddedWallet = require('../../utils/hooks/useEmbeddedWallet/useEmbeddedWallet.cjs');
-var WalletContext = require('../../context/WalletContext/WalletContext.cjs');
+require('../../context/WalletContext/WalletContext.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 require('@dynamic-labs/types');
-var LoadingContext = require('../../context/LoadingContext/LoadingContext.cjs');
+require('../../context/LoadingContext/LoadingContext.cjs');
 require('yup');
 require('../../context/MockContext/MockContext.cjs');
 require('../../views/CollectUserDataView/useFields.cjs');
@@ -78,63 +76,12 @@ require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidge
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
-var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
+var useSyncEmbeddedWalletFlow = require('../../utils/hooks/useSyncEmbeddedWalletFlow/useSyncEmbeddedWalletFlow.cjs');
 
-const SyncEmbeddedWalletAuthFlow = () => {
-    const { projectSettings, isProjectSettingsLoading, user, primaryWalletId, walletConnectorOptions, setShowAuthFlow, } = useInternalDynamicContext.useInternalDynamicContext();
-    const { isLoadingEmbeddedWallet } = WalletContext.useWalletContext();
-    const { loading: globalLoading } = LoadingContext.useLoadingContext();
-    const { createEmbeddedWallet, shouldAutoCreateEmbeddedWallet } = useEmbeddedWallet.useEmbeddedWallet();
-    const triggeredCreate = React.useRef(false);
-    useDynamicEvents.useInternalDynamicEvents('logout', () => {
-        triggeredCreate.current = false;
-    });
-    // this is used to trigger createEmbeddedWallet
-    // when user didn't create a passkey after login,
-    // we force them to created it before they can use the app
-    // ** It must be an useEffect because some of the dependencies are async
-    React.useEffect(() => {
-        const createWallet = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-            triggeredCreate.current = true;
-            try {
-                yield createEmbeddedWallet();
-            }
-            catch (error) {
-                if (error instanceof utils.EmbeddedWalletException) {
-                    logger.logger.debug('Error creating embedded wallet', error);
-                }
-                else {
-                    logger.logger.error('Error creating embedded wallet', error);
-                }
-                setShowAuthFlow(false);
-            }
-        });
-        const shouldCreateWallet = shouldAutoCreateEmbeddedWallet();
-        if (!shouldCreateWallet ||
-            !user ||
-            isProjectSettingsLoading ||
-            !projectSettings ||
-            !walletConnectorOptions.length || // no connectors to use for the embedded wallet
-            isLoadingEmbeddedWallet || // already has a wallet
-            globalLoading || // this will be true if auth is in progress
-            triggeredCreate.current // already triggered
-        ) {
-            return;
-        }
-        createWallet();
-    }, [
-        user,
-        isProjectSettingsLoading,
-        projectSettings,
-        primaryWalletId,
-        createEmbeddedWallet,
-        isLoadingEmbeddedWallet,
-        walletConnectorOptions,
-        globalLoading,
-        shouldAutoCreateEmbeddedWallet,
-        setShowAuthFlow,
-    ]);
+const SyncAuthFlow = () => {
+    useSyncEmbeddedWalletFlow.useSyncEmbeddedWalletFlow();
+    // TODO: add useSyncOnboardingFlow here
     return null;
 };
 
-exports.SyncEmbeddedWalletAuthFlow = SyncEmbeddedWalletAuthFlow;
+exports.SyncAuthFlow = SyncAuthFlow;

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

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

package/src/lib/components/{SyncEmbeddedWalletAuthFlow/SyncEmbeddedWalletAuthFlow.js → SyncAuthFlow/SyncAuthFlow.js}

@@ -1,10 +1,11 @@
 'use client'
-import { __awaiter } from '../../../../_virtual/_tslib.js';
-import { useRef, useEffect } from 'react';
-import { EmbeddedWalletException } from '@dynamic-labs/utils';
+import 'react';
+import '../../events/dynamicEvents.js';
+import '../../../../_virtual/_tslib.js';
+import '@dynamic-labs/utils';
 import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api-core';
-import { logger } from '../../shared/logger.js';
+import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
@@ -14,7 +15,6 @@ import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import '../../shared/consts/index.js';
-import { useInternalDynamicEvents } from '../../utils/hooks/events/useDynamicEvents/useDynamicEvents.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
@@ -27,15 +27,13 @@ import '../../locale/locale.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
-import '../../events/dynamicEvents.js';
 import '../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
-import { useEmbeddedWallet } from '../../utils/hooks/useEmbeddedWallet/useEmbeddedWallet.js';
-import { useWalletContext } from '../../context/WalletContext/WalletContext.js';
+import '../../context/WalletContext/WalletContext.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import '@dynamic-labs/types';
-import { useLoadingContext } from '../../context/LoadingContext/LoadingContext.js';
+import '../../context/LoadingContext/LoadingContext.js';
 import 'yup';
 import '../../context/MockContext/MockContext.js';
 import '../../views/CollectUserDataView/useFields.js';
@@ -74,63 +72,12 @@ import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidget
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
+import { useSyncEmbeddedWalletFlow } from '../../utils/hooks/useSyncEmbeddedWalletFlow/useSyncEmbeddedWalletFlow.js';
 
-const SyncEmbeddedWalletAuthFlow = () => {
-    const { projectSettings, isProjectSettingsLoading, user, primaryWalletId, walletConnectorOptions, setShowAuthFlow, } = useInternalDynamicContext();
-    const { isLoadingEmbeddedWallet } = useWalletContext();
-    const { loading: globalLoading } = useLoadingContext();
-    const { createEmbeddedWallet, shouldAutoCreateEmbeddedWallet } = useEmbeddedWallet();
-    const triggeredCreate = useRef(false);
-    useInternalDynamicEvents('logout', () => {
-        triggeredCreate.current = false;
-    });
-    // this is used to trigger createEmbeddedWallet
-    // when user didn't create a passkey after login,
-    // we force them to created it before they can use the app
-    // ** It must be an useEffect because some of the dependencies are async
-    useEffect(() => {
-        const createWallet = () => __awaiter(void 0, void 0, void 0, function* () {
-            triggeredCreate.current = true;
-            try {
-                yield createEmbeddedWallet();
-            }
-            catch (error) {
-                if (error instanceof EmbeddedWalletException) {
-                    logger.debug('Error creating embedded wallet', error);
-                }
-                else {
-                    logger.error('Error creating embedded wallet', error);
-                }
-                setShowAuthFlow(false);
-            }
-        });
-        const shouldCreateWallet = shouldAutoCreateEmbeddedWallet();
-        if (!shouldCreateWallet ||
-            !user ||
-            isProjectSettingsLoading ||
-            !projectSettings ||
-            !walletConnectorOptions.length || // no connectors to use for the embedded wallet
-            isLoadingEmbeddedWallet || // already has a wallet
-            globalLoading || // this will be true if auth is in progress
-            triggeredCreate.current // already triggered
-        ) {
-            return;
-        }
-        createWallet();
-    }, [
-        user,
-        isProjectSettingsLoading,
-        projectSettings,
-        primaryWalletId,
-        createEmbeddedWallet,
-        isLoadingEmbeddedWallet,
-        walletConnectorOptions,
-        globalLoading,
-        shouldAutoCreateEmbeddedWallet,
-        setShowAuthFlow,
-    ]);
+const SyncAuthFlow = () => {
+    useSyncEmbeddedWalletFlow();
+    // TODO: add useSyncOnboardingFlow here
     return null;
 };
 
-export { SyncEmbeddedWalletAuthFlow };
+export { SyncAuthFlow };

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

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

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

@@ -58,7 +58,7 @@ export * from './Spinner';
 export * from './Step';
 export * from './Stepper';
 export * from './Switch';
-export * from './SyncEmbeddedWalletAuthFlow';
+export * from './SyncAuthFlow';
 export * from './TextButton';
 export * from './ToggleVisibilityButton';
 export * from './Toolkit';

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

@@ -87,7 +87,7 @@ require('../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSign
 var WalletGroupContext = require('../WalletGroupContext/WalletGroupContext.cjs');
 var IpConfigurationContext = require('../IpConfigurationContext/IpConfigurationContext.cjs');
 var PasskeyContext = require('../PasskeyContext/PasskeyContext.cjs');
-var SyncEmbeddedWalletAuthFlow = require('../../components/SyncEmbeddedWalletAuthFlow/SyncEmbeddedWalletAuthFlow.cjs');
+var SyncAuthFlow = require('../../components/SyncAuthFlow/SyncAuthFlow.cjs');
 var Toolkit = require('../../components/Toolkit/Toolkit.cjs');
 var getMissingChains = require('../../utils/functions/getMissingChains/getMissingChains.cjs');
 var parseTheme = require('../../utils/functions/parseTheme/parseTheme.cjs');
@@ -247,6 +247,9 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
     const [requiredWalletsConnected, setRequiredWalletsConnected] = React.useState(false);
     const isUserAuthenticated = Boolean(authMode === 'connect-and-sign' ? user : requiredWalletsConnected);
     const isRenderingEmbeddedAuthFlow = React.useRef(false);
+    // we need to know when the widget has finished loadingbefore calling the auth flow
+    // or it may cause issues with the embedded widget version showing a modal twice
+    const [dynamicWidgetHasLoaded, setDynamicWidgetHasLoaded] = React.useState(false);
     const [showAuthFlow, setShowAuthFlow] = useShowAuthFlow.useShowAuthFlow({
         isAuthenticated: isUserAuthenticated,
         isMultiWalletEnabled: multiWallet,
@@ -446,6 +449,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
             desktopUri,
             disconnectWallet,
             displaySiweStatement,
+            dynamicWidgetHasLoaded,
             enableConnectOnlyFallback,
             environmentId,
             events,
@@ -500,6 +504,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
             setCallback,
             setDefaultTabIndex,
             setDesktopUri,
+            setDynamicWidgetHasLoaded,
             setIsSingleWalletAccount,
             setLegacyIsVerifying,
             setLogInWithEmail,
@@ -544,10 +549,8 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         accessDeniedMessagePrimary,
         accessDeniedMessageSecondary,
         accountSwitchState,
-        handlers,
         appLogoUrl,
         appName,
-        defaultTabIndex,
         authMode,
         authorizationViewDisplayOrder,
         awaitingSignatureState,
@@ -563,9 +566,11 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         customTermsOfServices,
         debugError,
         defaultNumberOfWalletsToShow,
+        defaultTabIndex,
         desktopUri,
         disconnectWallet,
         displaySiweStatement,
+        dynamicWidgetHasLoaded,
         enableConnectOnlyFallback,
         environmentId,
         events,
@@ -573,6 +578,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         getNameService,
         handleLogOut,
         handleUnlinkWallet,
+        handlers,
         i18nSDKInstance,
         isAuthenticated,
         isBridgeFlow,
@@ -580,7 +586,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         isSingleWalletAccount,
         legacyIsVerifying,
         user,
-        unauthenticatedUser,
         linkedOrConnectedWallets,
         loadingNetwork,
         loginWithEmail,
@@ -640,6 +645,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         termsOfServiceUrl,
         theme,
         toolkitEnabled,
+        unauthenticatedUser,
         walletConnectorOptions,
         walletUiUtils,
         walletsFilter,
@@ -687,7 +693,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, { canSync: didConnectedStateLoad, children: jsxRuntime.jsx(PasskeyContext.PasskeyContextProvider, { children: jsxRuntime.jsx(VerificationContext.VerificationProvider, { 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(SyncEmbeddedWalletAuthFlow.SyncEmbeddedWalletAuthFlow, {}), 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, { canSync: didConnectedStateLoad, children: jsxRuntime.jsx(PasskeyContext.PasskeyContextProvider, { children: jsxRuntime.jsx(VerificationContext.VerificationProvider, { 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 })] }) }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
 };
 /** The context provider you need to have access too all of Dynamic's hooks */
 const DynamicContextProvider = (props) => {

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

@@ -83,7 +83,7 @@ import '../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignI
 import { WalletGroupContextProvider } from '../WalletGroupContext/WalletGroupContext.js';
 import { IpConfigurationContextProvider } from '../IpConfigurationContext/IpConfigurationContext.js';
 import { PasskeyContextProvider } from '../PasskeyContext/PasskeyContext.js';
-import { SyncEmbeddedWalletAuthFlow } from '../../components/SyncEmbeddedWalletAuthFlow/SyncEmbeddedWalletAuthFlow.js';
+import { SyncAuthFlow } from '../../components/SyncAuthFlow/SyncAuthFlow.js';
 import { Toolkit } from '../../components/Toolkit/Toolkit.js';
 import { getMissingChains } from '../../utils/functions/getMissingChains/getMissingChains.js';
 import { parseTheme } from '../../utils/functions/parseTheme/parseTheme.js';
@@ -243,6 +243,9 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
     const [requiredWalletsConnected, setRequiredWalletsConnected] = useState(false);
     const isUserAuthenticated = Boolean(authMode === 'connect-and-sign' ? user : requiredWalletsConnected);
     const isRenderingEmbeddedAuthFlow = useRef(false);
+    // we need to know when the widget has finished loadingbefore calling the auth flow
+    // or it may cause issues with the embedded widget version showing a modal twice
+    const [dynamicWidgetHasLoaded, setDynamicWidgetHasLoaded] = useState(false);
     const [showAuthFlow, setShowAuthFlow] = useShowAuthFlow({
         isAuthenticated: isUserAuthenticated,
         isMultiWalletEnabled: multiWallet,
@@ -442,6 +445,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
             desktopUri,
             disconnectWallet,
             displaySiweStatement,
+            dynamicWidgetHasLoaded,
             enableConnectOnlyFallback,
             environmentId,
             events,
@@ -496,6 +500,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
             setCallback,
             setDefaultTabIndex,
             setDesktopUri,
+            setDynamicWidgetHasLoaded,
             setIsSingleWalletAccount,
             setLegacyIsVerifying,
             setLogInWithEmail,
@@ -540,10 +545,8 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         accessDeniedMessagePrimary,
         accessDeniedMessageSecondary,
         accountSwitchState,
-        handlers,
         appLogoUrl,
         appName,
-        defaultTabIndex,
         authMode,
         authorizationViewDisplayOrder,
         awaitingSignatureState,
@@ -559,9 +562,11 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         customTermsOfServices,
         debugError,
         defaultNumberOfWalletsToShow,
+        defaultTabIndex,
         desktopUri,
         disconnectWallet,
         displaySiweStatement,
+        dynamicWidgetHasLoaded,
         enableConnectOnlyFallback,
         environmentId,
         events,
@@ -569,6 +574,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         getNameService,
         handleLogOut,
         handleUnlinkWallet,
+        handlers,
         i18nSDKInstance,
         isAuthenticated,
         isBridgeFlow,
@@ -576,7 +582,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         isSingleWalletAccount,
         legacyIsVerifying,
         user,
-        unauthenticatedUser,
         linkedOrConnectedWallets,
         loadingNetwork,
         loginWithEmail,
@@ -636,6 +641,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         termsOfServiceUrl,
         theme,
         toolkitEnabled,
+        unauthenticatedUser,
         walletConnectorOptions,
         walletUiUtils,
         walletsFilter,
@@ -683,7 +689,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
                                 isAuthenticated: isAuthenticated || Boolean(primaryWallet),
                                 isBridgeFlow,
                                 isMultiWalletEnabled: multiWallet,
-                            }), children: [networkValidationMode === 'always' && jsx(UseNetworkValidation, {}), jsx(CaptchaContextProvider, { children: jsx(AccountExistsContextProvider, { children: jsx(WalletContextProvider, { canSync: didConnectedStateLoad, children: jsx(PasskeyContextProvider, { children: jsx(VerificationProvider, { 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(SyncEmbeddedWalletAuthFlow, {}), confirmationModal, jsx(ErrorBoundaryExclude, { children: children })] }) }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
+                            }), children: [networkValidationMode === 'always' && jsx(UseNetworkValidation, {}), jsx(CaptchaContextProvider, { children: jsx(AccountExistsContextProvider, { children: jsx(WalletContextProvider, { canSync: didConnectedStateLoad, children: jsx(PasskeyContextProvider, { children: jsx(VerificationProvider, { 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 })] }) }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
 };
 /** The context provider you need to have access too all of Dynamic's hooks */
 const DynamicContextProvider = (props) => {

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

@@ -83,6 +83,8 @@ export interface IDynamicContext {
     desktopUri: string;
     disconnectWallet: (walletId: string) => void;
     displaySiweStatement: boolean;
+    /** Tracks wether the dynamic widget or embedded widget has rendered */
+    dynamicWidgetHasLoaded: boolean;
     enableConnectOnlyFallback?: boolean;
     environmentId: string;
     events?: DynamicEventsCallbacks;
@@ -143,6 +145,7 @@ export interface IDynamicContext {
     setBridgeOnboardingCompleted: (value: boolean | ((val: boolean) => boolean)) => void;
     setCallback: SetCallbackType;
     setDesktopUri: Dispatch<SetStateAction<string>>;
+    setDynamicWidgetHasLoaded: Dispatch<SetStateAction<boolean>>;
     setIsSingleWalletAccount: Dispatch<SetStateAction<boolean>>;
     /** Legacy setter for legacyIsVerifying
      * @deprecated Should be removed asap.

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

@@ -182,6 +182,7 @@ const claimEmbeddedWallet = (_l) => _tslib.__awaiter(void 0, [_l], void 0, funct
             },
             environmentId,
         });
+        storeAuthTokenAndUser.storeAuthTokenAndUser(response);
         return response;
     }
     catch (e) {

package/src/lib/data/api/embeddedWallets/embeddedWallets.js

@@ -178,6 +178,7 @@ const claimEmbeddedWallet = (_l) => __awaiter(void 0, [_l], void 0, function* ({
             },
             environmentId,
         });
+        storeAuthTokenAndUser(response);
         return response;
     }
     catch (e) {

package/src/lib/store/hooks/useProjectSettings/useProjectSettings.cjs

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var utils = require('@dynamic-labs/utils');
-require('@dynamic-labs/sdk-api-core');
+var sdkApiCore = require('@dynamic-labs/sdk-api-core');
 require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
@@ -13,9 +13,10 @@ require('react/jsx-runtime');
 require('../../../context/ViewContext/ViewContext.cjs');
 require('react');
 require('@dynamic-labs/wallet-book');
+var localStorage$1 = require('../../../utils/constants/localStorage.cjs');
 require('../../../utils/constants/colors.cjs');
 require('../../../utils/constants/values.cjs');
-require('../../../shared/utils/classes/storage/localStorage.cjs');
+var localStorage = require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('../../../shared/consts/index.cjs');
 require('../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -93,7 +94,9 @@ const useProjectSettings = ({ environmentId, retries = 2, }) => {
         deps: [environmentId],
         enabled: !lsSettingsExists,
         onResolve: (projectSettings) => {
+            var _a, _b;
             const expiry = new Date().getTime() + 60000 * 5;
+            localStorage.LocalStorage.setToLS(localStorage$1.COOKIE_ENABLED_KEY, ((_b = (_a = projectSettings.security.auth) === null || _a === void 0 ? void 0 : _a.storage) !== null && _b !== void 0 ? _b : []).includes(sdkApiCore.AuthStorageEnum.Cookie));
             projectSettingsActions.setProjectSettings({
                 expiresAt: expiry,
                 settings: projectSettings,

package/src/lib/store/hooks/useProjectSettings/useProjectSettings.js

@@ -1,7 +1,7 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { DynamicError } from '@dynamic-labs/utils';
-import '@dynamic-labs/sdk-api-core';
+import { AuthStorageEnum } from '@dynamic-labs/sdk-api-core';
 import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
@@ -9,9 +9,10 @@ import 'react/jsx-runtime';
 import '../../../context/ViewContext/ViewContext.js';
 import 'react';
 import '@dynamic-labs/wallet-book';
+import { COOKIE_ENABLED_KEY } from '../../../utils/constants/localStorage.js';
 import '../../../utils/constants/colors.js';
 import '../../../utils/constants/values.js';
-import '../../../shared/utils/classes/storage/localStorage.js';
+import { LocalStorage } from '../../../shared/utils/classes/storage/localStorage.js';
 import '../../../shared/consts/index.js';
 import '../../../config/ApiEndpoint.js';
 import '@dynamic-labs/multi-wallet';
@@ -89,7 +90,9 @@ const useProjectSettings = ({ environmentId, retries = 2, }) => {
         deps: [environmentId],
         enabled: !lsSettingsExists,
         onResolve: (projectSettings) => {
+            var _a, _b;
             const expiry = new Date().getTime() + 60000 * 5;
+            LocalStorage.setToLS(COOKIE_ENABLED_KEY, ((_b = (_a = projectSettings.security.auth) === null || _a === void 0 ? void 0 : _a.storage) !== null && _b !== void 0 ? _b : []).includes(AuthStorageEnum.Cookie));
             setProjectSettings({
                 expiresAt: expiry,
                 settings: projectSettings,