@dynamic-labs/sdk-react-core 2.1.0-alpha.30 → 2.1.0-alpha.31

package/CHANGELOG.md

@@ -1,4 +1,14 @@
 
+## [2.1.0-alpha.31](https://github.com/dynamic-labs/DynamicAuth/compare/v2.1.0-alpha.30...v2.1.0-alpha.31) (2024-05-31)
+
+
+### Bug Fixes
+
+* export solana private keys in the correct format ([#5809](https://github.com/dynamic-labs/DynamicAuth/issues/5809)) ([08ac1f8](https://github.com/dynamic-labs/DynamicAuth/commit/08ac1f87bb02ad07fd1fc1f544fdcc64ebe635b8))
+* magiceden evm network switching ([#5800](https://github.com/dynamic-labs/DynamicAuth/issues/5800)) ([9b86797](https://github.com/dynamic-labs/DynamicAuth/commit/9b8679735f3db4b33bb57409c3a69adf2beb82aa))
+* pass all signing inputs to createPsbtOptions ([#5798](https://github.com/dynamic-labs/DynamicAuth/issues/5798)) ([628ad4f](https://github.com/dynamic-labs/DynamicAuth/commit/628ad4f8c161496a0610ecbc3052735f8ceae98d))
+* trigger onboarding async ([#5805](https://github.com/dynamic-labs/DynamicAuth/issues/5805)) ([2c1f98c](https://github.com/dynamic-labs/DynamicAuth/commit/2c1f98c0d91422f75e2d6d32ea4a27c2bc8d8376))
+
 ## [2.1.0-alpha.30](https://github.com/dynamic-labs/DynamicAuth/compare/v2.1.0-alpha.29...v2.1.0-alpha.30) (2024-05-31)
 
 

package/package.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "2.1.0-alpha.30";
+var version = "2.1.0-alpha.31";
 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.30";
+var version = "2.1.0-alpha.31";
 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.30",
+  "version": "2.1.0-alpha.31",
   "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.30",
-    "@dynamic-labs/logger": "2.1.0-alpha.30",
-    "@dynamic-labs/multi-wallet": "2.1.0-alpha.30",
-    "@dynamic-labs/rpc-provider-ethereum": "2.1.0-alpha.30",
-    "@dynamic-labs/rpc-provider-solana": "2.1.0-alpha.30",
-    "@dynamic-labs/rpc-providers": "2.1.0-alpha.30",
-    "@dynamic-labs/store": "2.1.0-alpha.30",
-    "@dynamic-labs/types": "2.1.0-alpha.30",
-    "@dynamic-labs/utils": "2.1.0-alpha.30",
-    "@dynamic-labs/viem-utils": "2.1.0-alpha.30",
-    "@dynamic-labs/wallet-book": "2.1.0-alpha.30",
-    "@dynamic-labs/wallet-connector-core": "2.1.0-alpha.30",
+    "@dynamic-labs/iconic": "2.1.0-alpha.31",
+    "@dynamic-labs/logger": "2.1.0-alpha.31",
+    "@dynamic-labs/multi-wallet": "2.1.0-alpha.31",
+    "@dynamic-labs/rpc-provider-ethereum": "2.1.0-alpha.31",
+    "@dynamic-labs/rpc-provider-solana": "2.1.0-alpha.31",
+    "@dynamic-labs/rpc-providers": "2.1.0-alpha.31",
+    "@dynamic-labs/store": "2.1.0-alpha.31",
+    "@dynamic-labs/types": "2.1.0-alpha.31",
+    "@dynamic-labs/utils": "2.1.0-alpha.31",
+    "@dynamic-labs/viem-utils": "2.1.0-alpha.31",
+    "@dynamic-labs/wallet-book": "2.1.0-alpha.31",
+    "@dynamic-labs/wallet-connector-core": "2.1.0-alpha.31",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/lib/components/SyncAuthFlow/SyncAuthFlow.cjs

@@ -77,10 +77,11 @@ require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useSyncEmbeddedWalletFlow = require('../../utils/hooks/useSyncEmbeddedWalletFlow/useSyncEmbeddedWalletFlow.cjs');
+var useSyncOnboardingFlow = require('../../utils/hooks/useSyncOnboardingFlow/useSyncOnboardingFlow.cjs');
 
 const SyncAuthFlow = () => {
+    useSyncOnboardingFlow.useSyncOnboardingFlow();
     useSyncEmbeddedWalletFlow.useSyncEmbeddedWalletFlow();
-    // TODO: add useSyncOnboardingFlow here
     return null;
 };
 

package/src/lib/components/SyncAuthFlow/SyncAuthFlow.js

@@ -73,10 +73,11 @@ import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { useSyncEmbeddedWalletFlow } from '../../utils/hooks/useSyncEmbeddedWalletFlow/useSyncEmbeddedWalletFlow.js';
+import { useSyncOnboardingFlow } from '../../utils/hooks/useSyncOnboardingFlow/useSyncOnboardingFlow.js';
 
 const SyncAuthFlow = () => {
+    useSyncOnboardingFlow();
     useSyncEmbeddedWalletFlow();
-    // TODO: add useSyncOnboardingFlow here
     return null;
 };
 

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

@@ -138,7 +138,7 @@ const DynamicContext = React.createContext(undefined);
 /** The context provider itself we only use internally */
 const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, locale: locale$1, }) => {
     var _a, _b, _c, _d, _e, _f;
-    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, coinbaseWalletPreference, enableConnectOnlyFallback = false, deepLinkPreference: deepLinkPreferenceProp = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, walletsFilter, logLevel = 'WARN', mobileExperience = 'in-app-browser', notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, hideEmbeddedWalletTransactionUIs, handlers, } = settings$1;
+    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, coinbaseWalletPreference, enableConnectOnlyFallback = false, deepLinkPreference: deepLinkPreferenceProp = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, walletsFilter, logLevel = 'WARN', mobileExperience = 'in-app-browser', notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, hideEmbeddedWalletTransactionUIs, handlers, headless = false, } = settings$1;
     localStorage.LocalStorage.setSuffix(settings$1.localStorageSuffix);
     /**
      * initialize global store
@@ -247,9 +247,6 @@ 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,
@@ -449,7 +446,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
             desktopUri,
             disconnectWallet,
             displaySiweStatement,
-            dynamicWidgetHasLoaded,
             enableConnectOnlyFallback,
             environmentId,
             events,
@@ -458,6 +454,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
             handleLogOut,
             handleUnlinkWallet: authMode === 'connect-only' ? disconnectWallet : handleUnlinkWallet,
             handlers,
+            headless,
             i18nSDKInstance,
             isAuthenticated,
             isBridgeFlow,
@@ -504,7 +501,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
             setCallback,
             setDefaultTabIndex,
             setDesktopUri,
-            setDynamicWidgetHasLoaded,
             setIsSingleWalletAccount,
             setLegacyIsVerifying,
             setLogInWithEmail,
@@ -549,8 +545,10 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         accessDeniedMessagePrimary,
         accessDeniedMessageSecondary,
         accountSwitchState,
+        handlers,
         appLogoUrl,
         appName,
+        defaultTabIndex,
         authMode,
         authorizationViewDisplayOrder,
         awaitingSignatureState,
@@ -566,11 +564,9 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         customTermsOfServices,
         debugError,
         defaultNumberOfWalletsToShow,
-        defaultTabIndex,
         desktopUri,
         disconnectWallet,
         displaySiweStatement,
-        dynamicWidgetHasLoaded,
         enableConnectOnlyFallback,
         environmentId,
         events,
@@ -579,6 +575,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         handleLogOut,
         handleUnlinkWallet,
         handlers,
+        headless,
         i18nSDKInstance,
         isAuthenticated,
         isBridgeFlow,
@@ -586,6 +583,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         isSingleWalletAccount,
         legacyIsVerifying,
         user,
+        unauthenticatedUser,
         linkedOrConnectedWallets,
         loadingNetwork,
         loginWithEmail,
@@ -645,7 +643,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         termsOfServiceUrl,
         theme,
         toolkitEnabled,
-        unauthenticatedUser,
         walletConnectorOptions,
         walletUiUtils,
         walletsFilter,

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

@@ -49,6 +49,7 @@ export interface DynamicContextProps {
          */
         flowNetwork?: 'testnet' | 'mainnet';
         handlers?: DynamicHandlers;
+        headless?: boolean;
         hideEmbeddedWalletTransactionUIs?: boolean;
         initialAuthenticationMode?: AuthModeType;
         localStorageSuffix?: string;

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

@@ -134,7 +134,7 @@ const DynamicContext = createContext(undefined);
 /** The context provider itself we only use internally */
 const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) => {
     var _a, _b, _c, _d, _e, _f;
-    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, coinbaseWalletPreference, enableConnectOnlyFallback = false, deepLinkPreference: deepLinkPreferenceProp = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, walletsFilter, logLevel = 'WARN', mobileExperience = 'in-app-browser', notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, hideEmbeddedWalletTransactionUIs, handlers, } = settings;
+    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, coinbaseWalletPreference, enableConnectOnlyFallback = false, deepLinkPreference: deepLinkPreferenceProp = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, walletsFilter, logLevel = 'WARN', mobileExperience = 'in-app-browser', notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, hideEmbeddedWalletTransactionUIs, handlers, headless = false, } = settings;
     LocalStorage.setSuffix(settings.localStorageSuffix);
     /**
      * initialize global store
@@ -243,9 +243,6 @@ 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,
@@ -445,7 +442,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
             desktopUri,
             disconnectWallet,
             displaySiweStatement,
-            dynamicWidgetHasLoaded,
             enableConnectOnlyFallback,
             environmentId,
             events,
@@ -454,6 +450,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
             handleLogOut,
             handleUnlinkWallet: authMode === 'connect-only' ? disconnectWallet : handleUnlinkWallet,
             handlers,
+            headless,
             i18nSDKInstance,
             isAuthenticated,
             isBridgeFlow,
@@ -500,7 +497,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
             setCallback,
             setDefaultTabIndex,
             setDesktopUri,
-            setDynamicWidgetHasLoaded,
             setIsSingleWalletAccount,
             setLegacyIsVerifying,
             setLogInWithEmail,
@@ -545,8 +541,10 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         accessDeniedMessagePrimary,
         accessDeniedMessageSecondary,
         accountSwitchState,
+        handlers,
         appLogoUrl,
         appName,
+        defaultTabIndex,
         authMode,
         authorizationViewDisplayOrder,
         awaitingSignatureState,
@@ -562,11 +560,9 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         customTermsOfServices,
         debugError,
         defaultNumberOfWalletsToShow,
-        defaultTabIndex,
         desktopUri,
         disconnectWallet,
         displaySiweStatement,
-        dynamicWidgetHasLoaded,
         enableConnectOnlyFallback,
         environmentId,
         events,
@@ -575,6 +571,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         handleLogOut,
         handleUnlinkWallet,
         handlers,
+        headless,
         i18nSDKInstance,
         isAuthenticated,
         isBridgeFlow,
@@ -582,6 +579,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         isSingleWalletAccount,
         legacyIsVerifying,
         user,
+        unauthenticatedUser,
         linkedOrConnectedWallets,
         loadingNetwork,
         loginWithEmail,
@@ -641,7 +639,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         termsOfServiceUrl,
         theme,
         toolkitEnabled,
-        unauthenticatedUser,
         walletConnectorOptions,
         walletUiUtils,
         walletsFilter,

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

@@ -83,8 +83,6 @@ 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;
@@ -93,6 +91,8 @@ export interface IDynamicContext {
     handleLogOut: () => Promise<void>;
     handleUnlinkWallet: (walletId: string) => Promise<void> | void;
     handlers?: DynamicHandlers;
+    /** Flag for customer to set when using dynamic fully headless */
+    headless?: boolean;
     isAuthenticated: boolean;
     isBridgeFlow: boolean;
     isProjectSettingsLoading: boolean;
@@ -145,7 +145,6 @@ 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/context/PasskeyContext/PasskeyContext.cjs

@@ -25,7 +25,6 @@ var useInternalDynamicContext = require('../DynamicContext/useDynamicContext/use
 require('../CaptchaContext/CaptchaContext.cjs');
 require('../ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
-var getMinAuthToken = require('../../utils/functions/getMinAuthToken/getMinAuthToken.cjs');
 require('react-international-phone');
 require('viem');
 require('viem/chains');
@@ -89,7 +88,7 @@ const PasskeyContextProviderWithBrowser = ({ children, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     const { userHasEmbeddedWallet } = useEmbeddedWallet.useEmbeddedWallet();
     const { isTurnkeyWallet, isTurnkeyWalletWithoutAuthenticator, hasRecoveryEmail, } = useIsTurnkeyWallet.useIsTurnkeyWallet();
-    const { environmentId, projectSettings } = useInternalDynamicContext.useInternalDynamicContext();
+    const { environmentId, projectSettings, user } = useInternalDynamicContext.useInternalDynamicContext();
     // state for when passkey list needs to re-render
     const [passkeyEdited, setPasskeyEdited] = React.useState(false);
     // states to pass into rename passkey popup
@@ -121,7 +120,6 @@ const PasskeyContextProviderWithBrowser = ({ children, }) => {
         isTurnkeyWalletWithoutAuthenticator,
         hasRecoveryEmail,
     ]);
-    const userJwt = getMinAuthToken.getMinAuthToken();
     // It fetches user passkeys if user has embedded wallet
     const getUserPasskeysResult = usePromise.usePromise(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const data = yield embeddedWallets.getUserPasskeys({
@@ -129,8 +127,8 @@ const PasskeyContextProviderWithBrowser = ({ children, }) => {
         });
         return data.passkeys;
     }), {
-        deps: [environmentId, userJwt, userHasEmbeddedWallet(), passkeyEdited],
-        enabled: Boolean(environmentId && userJwt && userHasEmbeddedWallet()),
+        deps: [environmentId, user, userHasEmbeddedWallet(), passkeyEdited],
+        enabled: Boolean(environmentId && user && userHasEmbeddedWallet()),
     });
     // Returns true if user has passkeys for current origin
     const userHasPasskeysForCurrentOrigin = React.useMemo(() => {

package/src/lib/context/PasskeyContext/PasskeyContext.js

@@ -21,7 +21,6 @@ import { useInternalDynamicContext } from '../DynamicContext/useDynamicContext/u
 import '../CaptchaContext/CaptchaContext.js';
 import '../ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
-import { getMinAuthToken } from '../../utils/functions/getMinAuthToken/getMinAuthToken.js';
 import 'react-international-phone';
 import 'viem';
 import 'viem/chains';
@@ -85,7 +84,7 @@ const PasskeyContextProviderWithBrowser = ({ children, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     const { userHasEmbeddedWallet } = useEmbeddedWallet();
     const { isTurnkeyWallet, isTurnkeyWalletWithoutAuthenticator, hasRecoveryEmail, } = useIsTurnkeyWallet();
-    const { environmentId, projectSettings } = useInternalDynamicContext();
+    const { environmentId, projectSettings, user } = useInternalDynamicContext();
     // state for when passkey list needs to re-render
     const [passkeyEdited, setPasskeyEdited] = useState(false);
     // states to pass into rename passkey popup
@@ -117,7 +116,6 @@ const PasskeyContextProviderWithBrowser = ({ children, }) => {
         isTurnkeyWalletWithoutAuthenticator,
         hasRecoveryEmail,
     ]);
-    const userJwt = getMinAuthToken();
     // It fetches user passkeys if user has embedded wallet
     const getUserPasskeysResult = usePromise(() => __awaiter(void 0, void 0, void 0, function* () {
         const data = yield getUserPasskeys({
@@ -125,8 +123,8 @@ const PasskeyContextProviderWithBrowser = ({ children, }) => {
         });
         return data.passkeys;
     }), {
-        deps: [environmentId, userJwt, userHasEmbeddedWallet(), passkeyEdited],
-        enabled: Boolean(environmentId && userJwt && userHasEmbeddedWallet()),
+        deps: [environmentId, user, userHasEmbeddedWallet(), passkeyEdited],
+        enabled: Boolean(environmentId && user && userHasEmbeddedWallet()),
     });
     // Returns true if user has passkeys for current origin
     const userHasPasskeysForCurrentOrigin = useMemo(() => {

package/src/lib/shared/types/dynamicHandlers.d.ts

@@ -1,9 +1,22 @@
 import { UserProfile } from '@dynamic-labs/types';
 import { Wallet } from './wallets';
 export type HandleConnectedWallet = (wallet: Partial<Wallet>) => Promise<boolean>;
+export type UserOnboardingFieldRequest = {
+    key: string;
+    required: boolean;
+    isCustom: boolean;
+    label?: string;
+};
+export type UserOnboardingFieldResponse = {
+    key: string;
+    value: string;
+    isCustom: boolean;
+};
+export type HandleUserOnboarding = (missingFields: UserOnboardingFieldRequest[]) => Promise<UserOnboardingFieldResponse[]>;
 export type DynamicHandlers = {
     handleVerifiedUser?: (params: {
         user: UserProfile;
     }) => Promise<void>;
     handleConnectedWallet?: HandleConnectedWallet;
+    handleUserOnboarding?: HandleUserOnboarding;
 };

package/src/lib/utils/hooks/index.d.ts

@@ -56,3 +56,4 @@ export { useTokenBalances } from './useTokenBalances';
 export { useUserAuth } from './useUserAuth';
 export { useSwitchWallet } from './useSwitchWallet';
 export { useSyncEmbeddedWalletFlow } from './useSyncEmbeddedWalletFlow';
+export { useSyncOnboardingFlow } from './useSyncOnboardingFlow';

package/src/lib/utils/hooks/useSyncOnboardingFlow/index.d.ts

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

package/src/lib/utils/hooks/useSyncOnboardingFlow/useSyncOnboardingFlow.cjs

@@ -0,0 +1,190 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var React = require('react');
+var sdkApiCore = require('@dynamic-labs/sdk-api-core');
+var useDynamicEvents = require('../events/useDynamicEvents/useDynamicEvents.cjs');
+require('../../../context/DynamicContext/DynamicContext.cjs');
+var logger = require('../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../constants/colors.cjs');
+require('../../constants/values.cjs');
+require('../../../shared/utils/classes/storage/localStorage.cjs');
+require('@dynamic-labs/utils');
+require('../../../shared/consts/index.cjs');
+require('../../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../../context/ErrorContext/ErrorContext.cjs');
+require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
+require('viem');
+require('viem/chains');
+require('../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/store');
+require('../../../locale/locale.cjs');
+require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
+require('../../../events/dynamicEvents.cjs');
+var VerificationContext = require('../../../context/VerificationContext/VerificationContext.cjs');
+require('react-dom');
+require('../../../context/WalletContext/WalletContext.cjs');
+require('../../../context/ThemeContext/ThemeContext.cjs');
+require('../useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('@dynamic-labs/types');
+var useUserAuth = require('../useUserAuth/useUserAuth.cjs');
+require('yup');
+require('../../../context/MockContext/MockContext.cjs');
+require('../../../views/CollectUserDataView/useFields.cjs');
+var useUserUpdateRequest = require('../useUserUpdateRequest/useUserUpdateRequest.cjs');
+require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('react-i18next');
+require('../../../components/Alert/Alert.cjs');
+require('../../../components/ShadowDOM/ShadowDOM.cjs');
+require('../../../components/IconButton/IconButton.cjs');
+require('../../../components/InlineWidget/InlineWidget.cjs');
+require('../../../components/Input/Input.cjs');
+require('../../../components/IsBrowser/IsBrowser.cjs');
+require('../../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
+require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
+require('../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
+require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../../components/Popper/Popper/Popper.cjs');
+require('../../../components/Popper/PopperContext/PopperContext.cjs');
+require('react-focus-lock');
+require('qrcode');
+require('formik');
+require('../../../views/WalletList/WalletList.cjs');
+require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../../context/LoadingContext/LoadingContext.cjs');
+require('../../../context/FooterAnimationContext/index.cjs');
+require('../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
+require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../../context/MfaSettingsContext/MfaSettingsContext.cjs');
+require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
+require('../../../context/PasskeyContext/PasskeyContext.cjs');
+require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+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');
+
+const useSyncOnboardingFlow = () => {
+    const { setShowAuthFlow, unauthenticatedUser, handlers, headless, sdkHasLoaded, setSelectedWalletConnectorKey, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setView } = ViewContext.useViewContext();
+    const { updateUser } = useUserUpdateRequest.useUserUpdateRequestInternal({
+        validationSchemaStripUnknown: false,
+    });
+    const { completeAuth, handleAuthError } = useUserAuth.useUserAuth({});
+    const { displayedDestination: formattedPhone } = VerificationContext.useVerification();
+    const triggeredOnboarding = React.useRef(false);
+    useDynamicEvents.useInternalDynamicEvents('logout', () => {
+        triggeredOnboarding.current = false;
+    });
+    // this is used to trigger onboarding flow
+    // either by headless or dynamic widget
+    // it will be triggered when user has missing fields
+    // either on login or refreshing the page
+    React.useEffect(() => {
+        var _a;
+        const handleHeadlessOnboarding = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+            var _b;
+            if (!(handlers === null || handlers === void 0 ? void 0 : handlers.handleUserOnboarding) ||
+                !((_b = unauthenticatedUser === null || unauthenticatedUser === void 0 ? void 0 : unauthenticatedUser.missingFields) === null || _b === void 0 ? void 0 : _b.length)) {
+                return;
+            }
+            triggeredOnboarding.current = true;
+            try {
+                const missingFieldsRequestInput = unauthenticatedUser.missingFields.map((field) => ({
+                    isCustom: field.type === 'custom',
+                    key: field.name,
+                    label: field.label,
+                    required: field.required,
+                }));
+                const onboardingResponse = yield handlers.handleUserOnboarding(missingFieldsRequestInput);
+                const userFields = {};
+                const customFields = Object.assign({}, unauthenticatedUser === null || unauthenticatedUser === void 0 ? void 0 : unauthenticatedUser.metadata);
+                onboardingResponse.forEach((field) => {
+                    if (field.isCustom) {
+                        customFields[field.key] = field.value;
+                    }
+                    else {
+                        userFields[field.key] = field.value;
+                    }
+                });
+                yield completeAuth({
+                    updateJwtFunction: () => _tslib.__awaiter(void 0, void 0, void 0, function* () { return updateUser(Object.assign(Object.assign({}, userFields), { metadata: customFields })); }),
+                });
+            }
+            catch (error) {
+                logger.logger.error('Error handling user onboarding', error);
+                handleAuthError(error, {});
+            }
+        });
+        const handleOnboarding = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+            triggeredOnboarding.current = true;
+            setShowAuthFlow(true);
+            const lastVerifiedCredential = unauthenticatedUser === null || unauthenticatedUser === void 0 ? void 0 : unauthenticatedUser.verifiedCredentials.find((vc) => vc.id === (unauthenticatedUser === null || unauthenticatedUser === void 0 ? void 0 : unauthenticatedUser.lastVerifiedCredentialId));
+            if (lastVerifiedCredential === null || lastVerifiedCredential === void 0 ? void 0 : lastVerifiedCredential.walletName) {
+                setSelectedWalletConnectorKey(lastVerifiedCredential === null || lastVerifiedCredential === void 0 ? void 0 : lastVerifiedCredential.walletName);
+            }
+            switch (lastVerifiedCredential === null || lastVerifiedCredential === void 0 ? void 0 : lastVerifiedCredential.format) {
+                case sdkApiCore.JwtVerifiedCredentialFormatEnum.Email:
+                case sdkApiCore.JwtVerifiedCredentialFormatEnum.Oauth:
+                    setView('collect-user-data-login-no-wallet', {
+                        userIdentification: 'email',
+                    });
+                    break;
+                case sdkApiCore.JwtVerifiedCredentialFormatEnum.PhoneNumber:
+                    setView('collect-user-data-login-no-wallet', {
+                        userIdentification: 'phoneNumber',
+                        userIdentificationOverride: formattedPhone,
+                    });
+                    break;
+                default:
+                    setView('collect-user-data');
+            }
+        });
+        if (!sdkHasLoaded ||
+            triggeredOnboarding.current ||
+            !((_a = unauthenticatedUser === null || unauthenticatedUser === void 0 ? void 0 : unauthenticatedUser.missingFields) === null || _a === void 0 ? void 0 : _a.length)) {
+            return;
+        }
+        if (handlers === null || handlers === void 0 ? void 0 : handlers.handleUserOnboarding) {
+            handleHeadlessOnboarding();
+            return;
+        }
+        if (headless) {
+            logger.logger.error('No onboarding handler found. Please add a handleUserOnboarding handler to your dynamic provider settings.');
+            return;
+        }
+        handleOnboarding();
+        return;
+    }, [
+        sdkHasLoaded,
+        unauthenticatedUser,
+        handlers,
+        completeAuth,
+        updateUser,
+        headless,
+        setShowAuthFlow,
+        setView,
+        formattedPhone,
+        handleAuthError,
+        setSelectedWalletConnectorKey,
+    ]);
+};
+
+exports.useSyncOnboardingFlow = useSyncOnboardingFlow;

package/src/lib/utils/hooks/useSyncOnboardingFlow/useSyncOnboardingFlow.d.ts

@@ -0,0 +1 @@
+export declare const useSyncOnboardingFlow: () => void;