@dynamic-labs/sdk-react-core 4.58.1 → 4.59.0

package/CHANGELOG.md

@@ -1,4 +1,16 @@
 
+## [4.59.0](https://github.com/dynamic-labs/dynamic-auth/compare/v4.58.1...v4.59.0) (2026-01-30)
+
+
+### Features
+
+* add password requirement to auto-create wallet flow ([#10324](https://github.com/dynamic-labs/dynamic-auth/issues/10324)) ([f81162d](https://github.com/dynamic-labs/dynamic-auth/commit/f81162dfb8607580192d0683ed6ecb82481d97fd))
+
+
+### Bug Fixes
+
+* ensure useReinitialize will load state from local storage ([#10312](https://github.com/dynamic-labs/dynamic-auth/issues/10312)) ([647ac6c](https://github.com/dynamic-labs/dynamic-auth/commit/647ac6c35a7a3a747897943b4667d63e57968227))
+
 ### [4.58.1](https://github.com/dynamic-labs/dynamic-auth/compare/v4.58.0...v4.58.1) (2026-01-29)
 
 

package/package.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "4.58.1";
+var version = "4.59.0";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.860",
 	"@dynamic-labs-sdk/client": "0.4.0",

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "4.58.1";
+var version = "4.59.0";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.860",
 	"@dynamic-labs-sdk/client": "0.4.0",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "4.58.1",
+  "version": "4.59.0",
   "dependencies": {
     "@dynamic-labs/sdk-api-core": "0.0.860",
     "@dynamic-labs-sdk/client": "0.4.0",
@@ -15,17 +15,17 @@
     "yup": "0.32.11",
     "react-international-phone": "4.5.0",
     "bs58": "5.0.0",
-    "@dynamic-labs/assert-package-version": "4.58.1",
-    "@dynamic-labs/iconic": "4.58.1",
-    "@dynamic-labs/locale": "4.58.1",
-    "@dynamic-labs/logger": "4.58.1",
-    "@dynamic-labs/multi-wallet": "4.58.1",
-    "@dynamic-labs/rpc-providers": "4.58.1",
-    "@dynamic-labs/store": "4.58.1",
-    "@dynamic-labs/types": "4.58.1",
-    "@dynamic-labs/utils": "4.58.1",
-    "@dynamic-labs/wallet-book": "4.58.1",
-    "@dynamic-labs/wallet-connector-core": "4.58.1",
+    "@dynamic-labs/assert-package-version": "4.59.0",
+    "@dynamic-labs/iconic": "4.59.0",
+    "@dynamic-labs/locale": "4.59.0",
+    "@dynamic-labs/logger": "4.59.0",
+    "@dynamic-labs/multi-wallet": "4.59.0",
+    "@dynamic-labs/rpc-providers": "4.59.0",
+    "@dynamic-labs/store": "4.59.0",
+    "@dynamic-labs/types": "4.59.0",
+    "@dynamic-labs/utils": "4.59.0",
+    "@dynamic-labs/wallet-book": "4.59.0",
+    "@dynamic-labs/wallet-connector-core": "4.59.0",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/lib/client/extension/hooks/useInitializeSdkClient/useInitializeSdkClient.cjs

@@ -24,7 +24,7 @@ var getApiHeaders = require('./getApiHeaders/getApiHeaders.cjs');
 var syncEvents = require('./syncEvents/syncEvents.cjs');
 
 let lastClientDependencyKey = null;
-const useInitializeSdkClient = ({ settings, client: clientFromProps, }) => {
+const useInitializeSdkClient = ({ settings, client: clientFromProps }, key) => {
     /**
      * Sets the client to the state and setup the extensions.
      */
@@ -47,6 +47,7 @@ const useInitializeSdkClient = ({ settings, client: clientFromProps, }) => {
         return;
     }
     const clientDependencyKey = [
+        key,
         settings.apiBaseUrl,
         settings.environmentId,
     ].join('-');

package/src/lib/client/extension/hooks/useInitializeSdkClient/useInitializeSdkClient.d.ts

@@ -1,2 +1,2 @@
 import { DynamicContextProps } from '../../../../context/DynamicContext';
-export declare const useInitializeSdkClient: ({ settings, client: clientFromProps, }: DynamicContextProps) => void;
+export declare const useInitializeSdkClient: ({ settings, client: clientFromProps }: DynamicContextProps, key: string | undefined) => void;

package/src/lib/client/extension/hooks/useInitializeSdkClient/useInitializeSdkClient.js

@@ -20,7 +20,7 @@ import { getApiHeaders } from './getApiHeaders/getApiHeaders.js';
 import { syncEvents } from './syncEvents/syncEvents.js';
 
 let lastClientDependencyKey = null;
-const useInitializeSdkClient = ({ settings, client: clientFromProps, }) => {
+const useInitializeSdkClient = ({ settings, client: clientFromProps }, key) => {
     /**
      * Sets the client to the state and setup the extensions.
      */
@@ -43,6 +43,7 @@ const useInitializeSdkClient = ({ settings, client: clientFromProps, }) => {
         return;
     }
     const clientDependencyKey = [
+        key,
         settings.apiBaseUrl,
         settings.environmentId,
     ].join('-');

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

@@ -741,14 +741,15 @@ const InnerDynamicContextProvider = (props) => {
 };
 /** The context provider you need to have access too all of Dynamic's hooks */
 const DynamicContextProvider = (props) => {
+    const reinitializeState = ReinitializeContextProvider.useReinitializeState();
     const apiBaseUrlOverride = utils.getEnvVarWithFallback('DYNAMIC_API_BASE_URL', props.settings.apiBaseUrl || '');
     ApiEndpoint.setBaseUrl(apiBaseUrlOverride);
     // Initialize client before anything else
-    useInitializeSdkClient.useInitializeSdkClient(props);
+    useInitializeSdkClient.useInitializeSdkClient(props, reinitializeState.key);
     logger.Logger.setEnvironmentId(props.settings.environmentId);
     logger.Logger.setEmitErrors(props.emitErrors);
     useParentDynamicContextGuard.useParentDynamicContextGuard();
-    return (jsxRuntime.jsx(ReinitializeContextProvider.ReinitializeContextProvider, { onReinitialize: onReinitialize.onReinitialize, children: jsxRuntime.jsx(ErrorBoundary.ErrorBoundary, { children: jsxRuntime.jsx(ErrorContext.ErrorContextProvider, { children: jsxRuntime.jsx(UserWalletsContext.UserWalletsProvider, { children: jsxRuntime.jsx(FieldsStateContext.FieldsStateProvider, { children: jsxRuntime.jsx(IpConfigurationContext.IpConfigurationContextProvider, { children: jsxRuntime.jsx(WidgetRegistryContextProvider.WidgetRegistryContextProvider, { children: jsxRuntime.jsx(InnerDynamicContextProvider, Object.assign({}, props)) }) }) }) }) }) }) }));
+    return (jsxRuntime.jsx(ReinitializeContextProvider.ReinitializeContextProvider, { reinitializeState: reinitializeState, onReinitialize: onReinitialize.onReinitialize, children: jsxRuntime.jsx(ErrorBoundary.ErrorBoundary, { children: jsxRuntime.jsx(ErrorContext.ErrorContextProvider, { children: jsxRuntime.jsx(UserWalletsContext.UserWalletsProvider, { children: jsxRuntime.jsx(FieldsStateContext.FieldsStateProvider, { children: jsxRuntime.jsx(IpConfigurationContext.IpConfigurationContextProvider, { children: jsxRuntime.jsx(WidgetRegistryContextProvider.WidgetRegistryContextProvider, { children: jsxRuntime.jsx(InnerDynamicContextProvider, Object.assign({}, props)) }) }) }) }) }) }) }));
 };
 
 exports.DynamicContext = DynamicContext;

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

@@ -146,7 +146,7 @@ import { ErrorBoundary } from '../ErrorBoundary/ErrorBoundary.js';
 import { ErrorBoundaryExclude } from '../ErrorBoundary/ErrorBoundaryExclude.js';
 import '../ErrorBoundary/ErrorBoundaryBase.js';
 import { PhantomRedirectContextProvider } from '../PhantomRedirectContext/PhantomRedirectContext.js';
-import { ReinitializeContextProvider } from '../ReinitializeContext/ReinitializeContextProvider.js';
+import { useReinitializeState, ReinitializeContextProvider } from '../ReinitializeContext/ReinitializeContextProvider.js';
 import { SendBalanceContextProvider } from '../SendBalanceContext/SendBalanceContext.js';
 import { UseNetworkValidation } from '../UseNetworkValidation/UseNetworkValidation.js';
 import { onReinitialize } from './functions/onReinitialize/onReinitialize.js';
@@ -737,14 +737,15 @@ const InnerDynamicContextProvider = (props) => {
 };
 /** The context provider you need to have access too all of Dynamic's hooks */
 const DynamicContextProvider = (props) => {
+    const reinitializeState = useReinitializeState();
     const apiBaseUrlOverride = getEnvVarWithFallback('DYNAMIC_API_BASE_URL', props.settings.apiBaseUrl || '');
     ApiEndpoint.setBaseUrl(apiBaseUrlOverride);
     // Initialize client before anything else
-    useInitializeSdkClient(props);
+    useInitializeSdkClient(props, reinitializeState.key);
     Logger.setEnvironmentId(props.settings.environmentId);
     Logger.setEmitErrors(props.emitErrors);
     useParentDynamicContextGuard();
-    return (jsx(ReinitializeContextProvider, { onReinitialize: onReinitialize, children: jsx(ErrorBoundary, { children: jsx(ErrorContextProvider, { children: jsx(UserWalletsProvider, { children: jsx(FieldsStateProvider, { children: jsx(IpConfigurationContextProvider, { children: jsx(WidgetRegistryContextProvider, { children: jsx(InnerDynamicContextProvider, Object.assign({}, props)) }) }) }) }) }) }) }));
+    return (jsx(ReinitializeContextProvider, { reinitializeState: reinitializeState, onReinitialize: onReinitialize, children: jsx(ErrorBoundary, { children: jsx(ErrorContextProvider, { children: jsx(UserWalletsProvider, { children: jsx(FieldsStateProvider, { children: jsx(IpConfigurationContextProvider, { children: jsx(WidgetRegistryContextProvider, { children: jsx(InnerDynamicContextProvider, Object.assign({}, props)) }) }) }) }) }) }) }));
 };
 
 export { DynamicContext, DynamicContextProvider, InnerDynamicContextProvider, PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID };

package/src/lib/context/ReinitializeContext/ReinitializeContextProvider.cjs

@@ -31,24 +31,26 @@ require('../../store/state/primaryWalletId/primaryWalletId.cjs');
 require('../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
 require('../../utils/functions/getWaasAddressTypeLabel/getWaasAddressTypeLabel.cjs');
 
+const useReinitializeState = () => {
+    const [key, setKey] = React.useState();
+    return { key, setKey };
+};
 const reinitializeContext = React.createContext(undefined);
 /**
  * Provider that provides a reinitialize function to its children.
  * @param children The children to render.
  * @param onReinitialize A callback that is called when reinitialize is called.
  */
-const ReinitializeContextProvider = ({ children, onReinitialize }) => {
-    // Initial key is undefined to not interfere on react strick mode
-    const [key, setKey] = React.useState();
+const ReinitializeContextProvider = ({ children, onReinitialize, reinitializeState }) => {
     const onReinitializeCallbackRef = React.useRef(onReinitialize);
     onReinitializeCallbackRef.current = onReinitialize;
     const reinitialize = React.useCallback(() => {
         var _a;
         const newKey = randomString.randomString(8);
         (_a = onReinitializeCallbackRef.current) === null || _a === void 0 ? void 0 : _a.call(onReinitializeCallbackRef, newKey);
-        setKey(newKey);
+        reinitializeState.setKey(newKey);
     }, []);
-    return (jsxRuntime.jsx(reinitializeContext.Provider, { value: { key, reinitialize }, children: React.cloneElement(children, { key }) }));
+    return (jsxRuntime.jsx(reinitializeContext.Provider, { value: { key: reinitializeState.key, reinitialize }, children: React.cloneElement(children, { key: reinitializeState.key }) }));
 };
 /**
  * Custom hook that provides an reinitialize function for the DynamicContextProvider.
@@ -63,5 +65,5 @@ const useReinitialize = () => {
 };
 
 exports.ReinitializeContextProvider = ReinitializeContextProvider;
-exports.reinitializeContext = reinitializeContext;
 exports.useReinitialize = useReinitialize;
+exports.useReinitializeState = useReinitializeState;

package/src/lib/context/ReinitializeContext/ReinitializeContextProvider.d.ts

@@ -1,12 +1,13 @@
 import { FC, ReactElement } from 'react';
-type IReinitializeContext = {
-    reinitialize: () => void;
+export declare const useReinitializeState: () => {
     key: string | undefined;
+    setKey: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
 };
-export declare const reinitializeContext: import("react").Context<IReinitializeContext | undefined>;
+type ReinitializeState = ReturnType<typeof useReinitializeState>;
 type ReinitializeContextProviderProps = {
     children: ReactElement;
     onReinitialize?: (key: string) => void;
+    reinitializeState: ReinitializeState;
 };
 /**
  * Provider that provides a reinitialize function to its children.

package/src/lib/context/ReinitializeContext/ReinitializeContextProvider.js

@@ -27,24 +27,26 @@ import '../../store/state/primaryWalletId/primaryWalletId.js';
 import '../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
 import '../../utils/functions/getWaasAddressTypeLabel/getWaasAddressTypeLabel.js';
 
+const useReinitializeState = () => {
+    const [key, setKey] = useState();
+    return { key, setKey };
+};
 const reinitializeContext = createContext(undefined);
 /**
  * Provider that provides a reinitialize function to its children.
  * @param children The children to render.
  * @param onReinitialize A callback that is called when reinitialize is called.
  */
-const ReinitializeContextProvider = ({ children, onReinitialize }) => {
-    // Initial key is undefined to not interfere on react strick mode
-    const [key, setKey] = useState();
+const ReinitializeContextProvider = ({ children, onReinitialize, reinitializeState }) => {
     const onReinitializeCallbackRef = useRef(onReinitialize);
     onReinitializeCallbackRef.current = onReinitialize;
     const reinitialize = useCallback(() => {
         var _a;
         const newKey = randomString(8);
         (_a = onReinitializeCallbackRef.current) === null || _a === void 0 ? void 0 : _a.call(onReinitializeCallbackRef, newKey);
-        setKey(newKey);
+        reinitializeState.setKey(newKey);
     }, []);
-    return (jsx(reinitializeContext.Provider, { value: { key, reinitialize }, children: cloneElement(children, { key }) }));
+    return (jsx(reinitializeContext.Provider, { value: { key: reinitializeState.key, reinitialize }, children: cloneElement(children, { key: reinitializeState.key }) }));
 };
 /**
  * Custom hook that provides an reinitialize function for the DynamicContextProvider.
@@ -58,4 +60,4 @@ const useReinitialize = () => {
     return context.reinitialize;
 };
 
-export { ReinitializeContextProvider, reinitializeContext, useReinitialize };
+export { ReinitializeContextProvider, useReinitialize, useReinitializeState };

package/src/lib/context/ReinitializeContext/index.d.ts

@@ -1 +1 @@
-export { ReinitializeContextProvider, useReinitialize, } from './ReinitializeContextProvider';
+export { ReinitializeContextProvider, useReinitialize, useReinitializeState, } from './ReinitializeContextProvider';

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

@@ -1,6 +1,6 @@
 import { ComponentProps, FC } from 'react';
 import { viewToComponentMap } from '../../../views/viewToComponentMap';
-export type ViewType = 'access-blocked' | 'account-upgraded' | 'backup-unsuccessful' | 'select-hardware-wallet' | 'captcha' | 'chainalysis-blocked-wallet' | 'collect-user-data' | 'collect-user-data-login-no-wallet' | 'login-with-email-or-wallet-full-wallet-list' | 'login-with-email-or-wallet' | 'login-with-wallet-only' | 'login-with-email-verification' | 'login-with-sms-verification' | 'network-not-supported' | 'network-not-supported-manual' | 'no-access' | 'no-qr-not-installed' | 'pending-connect' | 'pending-signature-without-back-button' | 'pending-signature' | 'qr-code' | 'verify-email' | 'verify-sms' | 'wallet-connect-mobile-wallets-list' | 'wallet-list' | 'unified-wallet-exchange-list' | 'external-funding-exchange-list' | 'external-funding-wallet-list' | 'mfa-exchange-view' | 'exchange-whitelist-warning' | 'sandbox-maximum-threshold-reached' | 'multi-wallet-wallet-list' | 'duplicate-wallet' | 'wallet-sign' | 'wallet-used' | 'wallet-group' | 'select-wallet-in-wallet-group' | 'wait-for-email-confirmation-view' | 'email-wallet-otp-verification-view' | 'social-redirect-view' | 'wallet-locked-view' | 'social-wrong-account' | 'gate-blocked-wallet' | 'bridge-welcome' | 'bridge-summary' | 'bridge-next-wallet-connection' | 'account-exists' | 'merge-user-accounts' | 'merge-user-accounts-conflicts' | 'merge-user-accounts-with-same-email' | 'mfa-choose-device' | 'mfa-recovery' | 'mfa-secure-device' | 'mfa-secure-device-help' | 'mfa-verification' | 'mfa-display-backup-codes' | 'wallet-cannot-be-transferred' | 'passkey-intro' | 'passkey-recovery-add-email' | 'global-wallet-confirm' | 'global-wallet-malicious' | 'global-wallet-info' | 'passkey-recovery-start' | 'passkey-recovery-bundle' | 'passkey-recovery-complete' | 'passkey-new-domain-detected' | 'passkey-setup' | 'passkey-confirm' | 'embedded-delete-view' | 'embedded-reveal-view' | 'export-shares-view' | 'embedded-reveal-account-view' | 'embedded-wallet-auth-choice' | 'rename-passkey' | 'wallet-redirect-view' | 'wallet-upgrade-flow-view' | 'mobile-wallet-redirect-view' | 'farcaster-connect-view' | 'embedded-wallet-exists' | 'user-delete-account' | 'waas-upgrade-view' | 'wallet-delegation-view' | 'waas-backup-view' | 'waas-backup-info-view' | 'waas-backup-cloud-provider-view' | 'waas-backup-download-view' | 'waas-backup-progress-view' | 'waas-backup-success-view' | 'setup-password-terms';
+export type ViewType = 'access-blocked' | 'account-upgraded' | 'backup-unsuccessful' | 'select-hardware-wallet' | 'captcha' | 'chainalysis-blocked-wallet' | 'collect-user-data' | 'collect-user-data-login-no-wallet' | 'login-with-email-or-wallet-full-wallet-list' | 'login-with-email-or-wallet' | 'login-with-wallet-only' | 'login-with-email-verification' | 'login-with-sms-verification' | 'network-not-supported' | 'network-not-supported-manual' | 'no-access' | 'no-qr-not-installed' | 'pending-connect' | 'pending-signature-without-back-button' | 'pending-signature' | 'qr-code' | 'verify-email' | 'verify-sms' | 'wallet-connect-mobile-wallets-list' | 'wallet-list' | 'unified-wallet-exchange-list' | 'external-funding-exchange-list' | 'external-funding-wallet-list' | 'mfa-exchange-view' | 'exchange-whitelist-warning' | 'sandbox-maximum-threshold-reached' | 'multi-wallet-wallet-list' | 'duplicate-wallet' | 'wallet-sign' | 'wallet-used' | 'wallet-group' | 'select-wallet-in-wallet-group' | 'wait-for-email-confirmation-view' | 'email-wallet-otp-verification-view' | 'social-redirect-view' | 'wallet-locked-view' | 'social-wrong-account' | 'gate-blocked-wallet' | 'bridge-welcome' | 'bridge-summary' | 'bridge-next-wallet-connection' | 'account-exists' | 'merge-user-accounts' | 'merge-user-accounts-conflicts' | 'merge-user-accounts-with-same-email' | 'mfa-choose-device' | 'mfa-recovery' | 'mfa-secure-device' | 'mfa-secure-device-help' | 'mfa-verification' | 'mfa-display-backup-codes' | 'wallet-cannot-be-transferred' | 'passkey-intro' | 'passkey-recovery-add-email' | 'global-wallet-confirm' | 'global-wallet-malicious' | 'global-wallet-info' | 'passkey-recovery-start' | 'passkey-recovery-bundle' | 'passkey-recovery-complete' | 'passkey-new-domain-detected' | 'passkey-setup' | 'passkey-confirm' | 'embedded-delete-view' | 'embedded-reveal-view' | 'export-shares-view' | 'embedded-reveal-account-view' | 'embedded-wallet-auth-choice' | 'rename-passkey' | 'wallet-redirect-view' | 'wallet-upgrade-flow-view' | 'mobile-wallet-redirect-view' | 'farcaster-connect-view' | 'embedded-wallet-exists' | 'user-delete-account' | 'waas-upgrade-view' | 'wallet-delegation-view' | 'waas-backup-view' | 'waas-backup-info-view' | 'waas-backup-cloud-provider-view' | 'waas-backup-download-view' | 'waas-backup-progress-view' | 'waas-backup-success-view' | 'setup-password-terms' | 'setup-password-for-wallet-creation';
 export type ViewMapConstraint = Record<ViewType, FC<any>>;
 export type ViewMap = typeof viewToComponentMap;
 export type ViewState<T extends ViewType> = {

package/src/lib/events/embeddedWallet.d.ts

@@ -10,4 +10,6 @@ export type EmbeddedWalletEvents = {
     embeddedWalletDelegationFailed: (error: unknown) => void;
     embeddedWalletRecoveryEmailCompleted: (email: string) => void;
     embeddedWalletRecoveryEmailFailed: (error: unknown) => void;
+    embeddedWalletPasswordSetupCompleted: (password: string) => void;
+    embeddedWalletPasswordSetupCancelled: () => void;
 };

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

@@ -99,3 +99,4 @@ export { useWalletDelegation } from './useWalletDelegation';
 export { CloudBackupProvider, isWalletBackedUp, useBackupWallets, useWalletBackup, } from './useWalletBackup';
 export type { WalletBackupStatus, WalletOperationState, WalletToBackup, WalletWithBackupStatus, } from './useWalletBackup';
 export { useRefreshAuth } from './useRefreshAuth';
+export { useSetupPassword, PASSWORD_SETUP_CANCELLED_ERROR, } from './useSetupPassword';

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

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

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

@@ -0,0 +1,157 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var React = require('react');
+require('@dynamic-labs-sdk/client/core');
+require('@dynamic-labs/sdk-api-core');
+require('../../../client/client.cjs');
+require('@dynamic-labs-sdk/client');
+require('../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
+require('../../../shared/logger.cjs');
+require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../constants/colors.cjs');
+require('../../constants/values.cjs');
+require('../../../shared/consts/index.cjs');
+require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
+require('../../../store/state/nonce/nonce.cjs');
+require('@dynamic-labs/locale');
+require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../../store/state/primaryWalletId/primaryWalletId.cjs');
+require('../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
+require('../../functions/getWaasAddressTypeLabel/getWaasAddressTypeLabel.cjs');
+var dynamicEvents = require('../../../events/dynamicEvents.cjs');
+var useProjectSettings = require('../../../client/extension/projectSettings/useProjectSettings/useProjectSettings.cjs');
+require('../../../context/DynamicContext/DynamicContext.cjs');
+require('../../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
+require('../../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../../context/ErrorContext/ErrorContext.cjs');
+require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
+require('../../../store/state/authMode/authMode.cjs');
+require('../../../context/VerificationContext/VerificationContext.cjs');
+require('react-dom');
+require('../../functions/compareChains/compareChains.cjs');
+require('../../../views/Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.cjs');
+require('../../../context/ThemeContext/ThemeContext.cjs');
+require('../useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
+require('@dynamic-labs/types');
+require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../../context/LoadingContext/LoadingContext.cjs');
+require('../../../context/WalletContext/WalletContext.cjs');
+require('../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.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/walletOptions/walletOptions.cjs');
+require('react-i18next');
+require('../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
+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/OverlayCard/OverlayCard.cjs');
+require('../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
+require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../../../components/Transition/OpacityTransition/OpacityTransition.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('../useSubdomainCheck/useSubdomainCheck.cjs');
+require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../useWalletBackup/useWalletBackup.cjs');
+require('../useWalletBackup/types.cjs');
+require('../useWalletBackup/cloudProviders.cjs');
+require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
+require('../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
+require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.cjs');
+require('../../../views/ExchangeWhitelistWarning/ExchangeWhitelistWarning.cjs');
+require('../../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
+require('../../../context/FooterAnimationContext/index.cjs');
+require('../../../views/MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.cjs');
+require('../../../context/PasskeyContext/PasskeyContext.cjs');
+require('../../../context/OnrampContext/OnrampContext.cjs');
+require('../../../store/state/sendBalances.cjs');
+require('../../../store/state/connectorsInitializing/connectorsInitializing.cjs');
+require('../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
+require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
+require('../../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.cjs');
+require('../../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.cjs');
+require('../../../../index.cjs');
+require('../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
+require('../../../store/state/tokenBalances.cjs');
+require('../../../store/state/multichainBalances.cjs');
+require('../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
+var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
+
+const PASSWORD_SETUP_CANCELLED_ERROR = 'Password setup cancelled';
+/**
+ * Hook to handle password setup flow before wallet creation.
+ *
+ * This hook checks if passcodeRequired is enabled in project settings,
+ * and if so, prompts the user to set up a password before creating wallets.
+ *
+ * @returns An object containing:
+ * - isPasscodeRequired: boolean indicating if password is required
+ * - setupPassword: function that shows the password setup flow and returns the password
+ */
+const useSetupPassword = () => {
+    var _a, _b;
+    const projectSettings = useProjectSettings.useProjectSettings();
+    const { setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
+    const { pushView } = ViewContext.useViewContext();
+    const isPasscodeRequired = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.waas) === null || _a === void 0 ? void 0 : _a.passcodeRequired) !== null && _b !== void 0 ? _b : false;
+    const setupPassword = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        if (!isPasscodeRequired) {
+            return undefined;
+        }
+        setShowAuthFlow(true, {
+            ignoreIfIsEmbeddedWidget: false,
+            performMultiWalletChecks: false,
+        });
+        pushView('setup-password-for-wallet-creation');
+        return new Promise((resolve, reject) => {
+            const handleComplete = (password) => {
+                cleanup();
+                resolve(password);
+            };
+            const handleCancelled = () => {
+                cleanup();
+                reject(new Error(PASSWORD_SETUP_CANCELLED_ERROR));
+            };
+            const cleanup = () => {
+                dynamicEvents.dynamicEvents.off('embeddedWalletPasswordSetupCompleted', handleComplete);
+                dynamicEvents.dynamicEvents.off('embeddedWalletPasswordSetupCancelled', handleCancelled);
+            };
+            dynamicEvents.dynamicEvents.once('embeddedWalletPasswordSetupCompleted', handleComplete);
+            dynamicEvents.dynamicEvents.once('embeddedWalletPasswordSetupCancelled', handleCancelled);
+        });
+    }), [isPasscodeRequired, setShowAuthFlow, pushView]);
+    return { isPasscodeRequired, setupPassword };
+};
+
+exports.PASSWORD_SETUP_CANCELLED_ERROR = PASSWORD_SETUP_CANCELLED_ERROR;
+exports.useSetupPassword = useSetupPassword;

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

@@ -0,0 +1,15 @@
+export declare const PASSWORD_SETUP_CANCELLED_ERROR = "Password setup cancelled";
+/**
+ * Hook to handle password setup flow before wallet creation.
+ *
+ * This hook checks if passcodeRequired is enabled in project settings,
+ * and if so, prompts the user to set up a password before creating wallets.
+ *
+ * @returns An object containing:
+ * - isPasscodeRequired: boolean indicating if password is required
+ * - setupPassword: function that shows the password setup flow and returns the password
+ */
+export declare const useSetupPassword: () => {
+    isPasscodeRequired: boolean;
+    setupPassword: () => Promise<string | undefined>;
+};

package/src/lib/utils/hooks/useSetupPassword/useSetupPassword.js

@@ -0,0 +1,152 @@
+'use client'
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { useCallback } from 'react';
+import '@dynamic-labs-sdk/client/core';
+import '@dynamic-labs/sdk-api-core';
+import '../../../client/client.js';
+import '@dynamic-labs-sdk/client';
+import '../../../config/ApiEndpoint.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
+import '../../../shared/logger.js';
+import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../constants/colors.js';
+import '../../constants/values.js';
+import '../../../shared/consts/index.js';
+import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
+import '../../../store/state/nonce/nonce.js';
+import '@dynamic-labs/locale';
+import '../../../store/state/dynamicContextProps/dynamicContextProps.js';
+import '../../../store/state/primaryWalletId/primaryWalletId.js';
+import '../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
+import '../../functions/getWaasAddressTypeLabel/getWaasAddressTypeLabel.js';
+import { dynamicEvents } from '../../../events/dynamicEvents.js';
+import { useProjectSettings } from '../../../client/extension/projectSettings/useProjectSettings/useProjectSettings.js';
+import '../../../context/DynamicContext/DynamicContext.js';
+import '../../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
+import '../../../context/CaptchaContext/CaptchaContext.js';
+import '../../../context/ErrorContext/ErrorContext.js';
+import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../../context/AccountExistsContext/AccountExistsContext.js';
+import '../../../context/UserWalletsContext/UserWalletsContext.js';
+import '../../../store/state/authMode/authMode.js';
+import '../../../context/VerificationContext/VerificationContext.js';
+import 'react-dom';
+import '../../functions/compareChains/compareChains.js';
+import '../../../views/Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.js';
+import '../../../context/ThemeContext/ThemeContext.js';
+import '../useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
+import '@dynamic-labs/types';
+import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../../context/LoadingContext/LoadingContext.js';
+import '../../../context/WalletContext/WalletContext.js';
+import '../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.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/walletOptions/walletOptions.js';
+import 'react-i18next';
+import '../../../components/Accordion/components/AccordionItem/AccordionItem.js';
+import '../../../components/Alert/Alert.js';
+import '../../../components/ShadowDOM/ShadowDOM.js';
+import '../../../components/IconButton/IconButton.js';
+import '../../../components/InlineWidget/InlineWidget.js';
+import '../../../components/Input/Input.js';
+import '../../../components/IsBrowser/IsBrowser.js';
+import '../../../components/MenuList/Dropdown/Dropdown.js';
+import '../../../components/OverlayCard/OverlayCard.js';
+import '../../../components/Transition/ZoomTransition/ZoomTransition.js';
+import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../../../components/Transition/OpacityTransition/OpacityTransition.js';
+import '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../../components/Popper/Popper/Popper.js';
+import '../../../components/Popper/PopperContext/PopperContext.js';
+import 'react-focus-lock';
+import 'qrcode';
+import 'formik';
+import '../useSubdomainCheck/useSubdomainCheck.js';
+import '../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../useWalletBackup/useWalletBackup.js';
+import '../useWalletBackup/types.js';
+import '../useWalletBackup/cloudProviders.js';
+import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
+import '../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
+import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.js';
+import '../../../views/ExchangeWhitelistWarning/ExchangeWhitelistWarning.js';
+import '../../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
+import '../../../context/FooterAnimationContext/index.js';
+import '../../../views/MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.js';
+import '../../../context/PasskeyContext/PasskeyContext.js';
+import '../../../context/OnrampContext/OnrampContext.js';
+import '../../../store/state/sendBalances.js';
+import '../../../store/state/connectorsInitializing/connectorsInitializing.js';
+import '../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
+import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import '../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
+import '../../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.js';
+import '../../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.js';
+import '../../../../index.js';
+import '../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
+import '../../../store/state/tokenBalances.js';
+import '../../../store/state/multichainBalances.js';
+import '../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
+import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
+
+const PASSWORD_SETUP_CANCELLED_ERROR = 'Password setup cancelled';
+/**
+ * Hook to handle password setup flow before wallet creation.
+ *
+ * This hook checks if passcodeRequired is enabled in project settings,
+ * and if so, prompts the user to set up a password before creating wallets.
+ *
+ * @returns An object containing:
+ * - isPasscodeRequired: boolean indicating if password is required
+ * - setupPassword: function that shows the password setup flow and returns the password
+ */
+const useSetupPassword = () => {
+    var _a, _b;
+    const projectSettings = useProjectSettings();
+    const { setShowAuthFlow } = useInternalDynamicContext();
+    const { pushView } = useViewContext();
+    const isPasscodeRequired = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.waas) === null || _a === void 0 ? void 0 : _a.passcodeRequired) !== null && _b !== void 0 ? _b : false;
+    const setupPassword = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+        if (!isPasscodeRequired) {
+            return undefined;
+        }
+        setShowAuthFlow(true, {
+            ignoreIfIsEmbeddedWidget: false,
+            performMultiWalletChecks: false,
+        });
+        pushView('setup-password-for-wallet-creation');
+        return new Promise((resolve, reject) => {
+            const handleComplete = (password) => {
+                cleanup();
+                resolve(password);
+            };
+            const handleCancelled = () => {
+                cleanup();
+                reject(new Error(PASSWORD_SETUP_CANCELLED_ERROR));
+            };
+            const cleanup = () => {
+                dynamicEvents.off('embeddedWalletPasswordSetupCompleted', handleComplete);
+                dynamicEvents.off('embeddedWalletPasswordSetupCancelled', handleCancelled);
+            };
+            dynamicEvents.once('embeddedWalletPasswordSetupCompleted', handleComplete);
+            dynamicEvents.once('embeddedWalletPasswordSetupCancelled', handleCancelled);
+        });
+    }), [isPasscodeRequired, setShowAuthFlow, pushView]);
+    return { isPasscodeRequired, setupPassword };
+};
+
+export { PASSWORD_SETUP_CANCELLED_ERROR, useSetupPassword };

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

@@ -110,6 +110,7 @@ require('../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFu
 require('../../../store/state/tokenBalances.cjs');
 require('../../../store/state/multichainBalances.cjs');
 require('../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
+var useSetupPassword = require('../useSetupPassword/useSetupPassword.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
 
 // Validate if all required conditions are met for wallet creation
@@ -141,6 +142,7 @@ const useWalletCreation = () => {
     const { setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
     const { clearStackAndPush } = ViewContext.useViewContext();
     const { createWalletAccount } = useDynamicWaas.useDynamicWaas();
+    const { setupPassword } = useSetupPassword.useSetupPassword();
     const user = useOnboardingCompleteUser.useOnboardingCompleteUser();
     const environmentId = dynamicContextProps.useEnvironmentId();
     return useMutation.useMutation((requirements) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
@@ -156,7 +158,9 @@ const useWalletCreation = () => {
             userId: user === null || user === void 0 ? void 0 : user.id,
         });
         try {
-            yield createWalletAccount(requirements);
+            // If passcodeRequired is enabled, prompt user to set up password first
+            const password = yield setupPassword();
+            yield createWalletAccount(requirements, password);
             const duration = Date.now() - startTime;
             // Log successful wallet creation to DataDog
             logger.logger.instrument('Auto wallet creation successful', {
@@ -183,6 +187,11 @@ const useWalletCreation = () => {
         }
     }), {
         onFailure: (error) => {
+            // Don't show error view if user cancelled password setup
+            if (error.message === useSetupPassword.PASSWORD_SETUP_CANCELLED_ERROR) {
+                logger.logger.debug('Password setup cancelled by user');
+                return;
+            }
             logger.logger.error('Error creating dynamic waas wallet', error);
             setShowAuthFlow(true);
             clearStackAndPush('backup-unsuccessful');

package/src/lib/utils/hooks/useSyncDynamicWaas/useSyncDynamicWaas.js

@@ -106,6 +106,7 @@ import '../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFun
 import '../../../store/state/tokenBalances.js';
 import '../../../store/state/multichainBalances.js';
 import '../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
+import { useSetupPassword, PASSWORD_SETUP_CANCELLED_ERROR } from '../useSetupPassword/useSetupPassword.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
 
 // Validate if all required conditions are met for wallet creation
@@ -137,6 +138,7 @@ const useWalletCreation = () => {
     const { setShowAuthFlow } = useInternalDynamicContext();
     const { clearStackAndPush } = useViewContext();
     const { createWalletAccount } = useDynamicWaas();
+    const { setupPassword } = useSetupPassword();
     const user = useOnboardingCompleteUser();
     const environmentId = useEnvironmentId();
     return useMutation((requirements) => __awaiter(void 0, void 0, void 0, function* () {
@@ -152,7 +154,9 @@ const useWalletCreation = () => {
             userId: user === null || user === void 0 ? void 0 : user.id,
         });
         try {
-            yield createWalletAccount(requirements);
+            // If passcodeRequired is enabled, prompt user to set up password first
+            const password = yield setupPassword();
+            yield createWalletAccount(requirements, password);
             const duration = Date.now() - startTime;
             // Log successful wallet creation to DataDog
             logger.instrument('Auto wallet creation successful', {
@@ -179,6 +183,11 @@ const useWalletCreation = () => {
         }
     }), {
         onFailure: (error) => {
+            // Don't show error view if user cancelled password setup
+            if (error.message === PASSWORD_SETUP_CANCELLED_ERROR) {
+                logger.debug('Password setup cancelled by user');
+                return;
+            }
             logger.error('Error creating dynamic waas wallet', error);
             setShowAuthFlow(true);
             clearStackAndPush('backup-unsuccessful');

package/src/lib/views/SetupPasswordForWalletCreationView/SetupPasswordForWalletCreationView.cjs

@@ -0,0 +1,123 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+require('../../context/DynamicContext/DynamicContext.cjs');
+require('../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('../../context/ViewContext/ViewContext.cjs');
+require('../../shared/logger.cjs');
+require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../utils/constants/colors.cjs');
+require('../../utils/constants/values.cjs');
+require('@dynamic-labs/sdk-api-core');
+require('../../shared/consts/index.cjs');
+var dynamicEvents = 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('../../store/state/nonce/nonce.cjs');
+require('@dynamic-labs-sdk/client/core');
+require('../../client/client.cjs');
+require('@dynamic-labs-sdk/client');
+require('../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/locale');
+require('../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../store/state/primaryWalletId/primaryWalletId.cjs');
+require('../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
+require('../../utils/functions/getWaasAddressTypeLabel/getWaasAddressTypeLabel.cjs');
+require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../context/UserWalletsContext/UserWalletsContext.cjs');
+require('../../store/state/authMode/authMode.cjs');
+require('../../context/VerificationContext/VerificationContext.cjs');
+require('react-dom');
+require('../../utils/functions/compareChains/compareChains.cjs');
+require('../Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.cjs');
+require('../../context/ThemeContext/ThemeContext.cjs');
+require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
+require('@dynamic-labs/types');
+require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../context/LoadingContext/LoadingContext.cjs');
+require('../../context/WalletContext/WalletContext.cjs');
+require('../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
+require('yup');
+require('../../context/MockContext/MockContext.cjs');
+require('../CollectUserDataView/useFields.cjs');
+require('../../context/FieldsStateContext/FieldsStateContext.cjs');
+require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../store/state/walletOptions/walletOptions.cjs');
+require('react-i18next');
+require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
+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/OverlayCard/OverlayCard.cjs');
+require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
+require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../../components/Transition/OpacityTransition/OpacityTransition.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('../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
+require('../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../utils/hooks/useWalletBackup/useWalletBackup.cjs');
+require('../../utils/hooks/useWalletBackup/types.cjs');
+require('../../utils/hooks/useWalletBackup/cloudProviders.cjs');
+require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
+require('../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
+require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.cjs');
+require('../ExchangeWhitelistWarning/ExchangeWhitelistWarning.cjs');
+require('../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
+require('../../context/FooterAnimationContext/index.cjs');
+require('../MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.cjs');
+require('../../context/PasskeyContext/PasskeyContext.cjs');
+require('../../context/OnrampContext/OnrampContext.cjs');
+var SetupPasswordView = require('../../widgets/DynamicWidget/views/SetupPasswordView/SetupPasswordView.cjs');
+require('../../store/state/sendBalances.cjs');
+require('../../store/state/connectorsInitializing/connectorsInitializing.cjs');
+require('../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
+require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('../TransactionConfirmationView/TransactionConfirmationView.cjs');
+require('../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.cjs');
+require('../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.cjs');
+require('../../../index.cjs');
+require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
+require('../../store/state/tokenBalances.cjs');
+require('../../store/state/multichainBalances.cjs');
+require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
+var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
+
+const SetupPasswordForWalletCreationView = () => {
+    const { setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
+    const handleCancel = React.useCallback(() => {
+        dynamicEvents.dynamicEvents.emit('embeddedWalletPasswordSetupCancelled');
+        setShowAuthFlow(false);
+    }, [setShowAuthFlow]);
+    const handleComplete = React.useCallback((password) => {
+        dynamicEvents.dynamicEvents.emit('embeddedWalletPasswordSetupCompleted', password);
+        setShowAuthFlow(false);
+    }, [setShowAuthFlow]);
+    return (jsxRuntime.jsx(SetupPasswordView.SetupPasswordView, { onComplete: handleComplete, onCancel: handleCancel }));
+};
+
+exports.SetupPasswordForWalletCreationView = SetupPasswordForWalletCreationView;

package/src/lib/views/SetupPasswordForWalletCreationView/SetupPasswordForWalletCreationView.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const SetupPasswordForWalletCreationView: FC;

package/src/lib/views/SetupPasswordForWalletCreationView/SetupPasswordForWalletCreationView.js

@@ -0,0 +1,119 @@
+'use client'
+import { jsx } from 'react/jsx-runtime';
+import { useCallback } from 'react';
+import '../../context/DynamicContext/DynamicContext.js';
+import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import '../../context/ViewContext/ViewContext.js';
+import '../../shared/logger.js';
+import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../utils/constants/colors.js';
+import '../../utils/constants/values.js';
+import '@dynamic-labs/sdk-api-core';
+import '../../shared/consts/index.js';
+import { dynamicEvents } from '../../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 '../../store/state/nonce/nonce.js';
+import '@dynamic-labs-sdk/client/core';
+import '../../client/client.js';
+import '@dynamic-labs-sdk/client';
+import '../../config/ApiEndpoint.js';
+import '@dynamic-labs/locale';
+import '../../store/state/dynamicContextProps/dynamicContextProps.js';
+import '../../store/state/primaryWalletId/primaryWalletId.js';
+import '../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
+import '../../utils/functions/getWaasAddressTypeLabel/getWaasAddressTypeLabel.js';
+import '../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../context/AccountExistsContext/AccountExistsContext.js';
+import '../../context/UserWalletsContext/UserWalletsContext.js';
+import '../../store/state/authMode/authMode.js';
+import '../../context/VerificationContext/VerificationContext.js';
+import 'react-dom';
+import '../../utils/functions/compareChains/compareChains.js';
+import '../Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.js';
+import '../../context/ThemeContext/ThemeContext.js';
+import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
+import '@dynamic-labs/types';
+import '../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../context/LoadingContext/LoadingContext.js';
+import '../../context/WalletContext/WalletContext.js';
+import '../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
+import 'yup';
+import '../../context/MockContext/MockContext.js';
+import '../CollectUserDataView/useFields.js';
+import '../../context/FieldsStateContext/FieldsStateContext.js';
+import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
+import '../../store/state/walletOptions/walletOptions.js';
+import 'react-i18next';
+import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
+import '../../components/Alert/Alert.js';
+import '../../components/ShadowDOM/ShadowDOM.js';
+import '../../components/IconButton/IconButton.js';
+import '../../components/InlineWidget/InlineWidget.js';
+import '../../components/Input/Input.js';
+import '../../components/IsBrowser/IsBrowser.js';
+import '../../components/MenuList/Dropdown/Dropdown.js';
+import '../../components/OverlayCard/OverlayCard.js';
+import '../../components/Transition/ZoomTransition/ZoomTransition.js';
+import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../../components/Transition/OpacityTransition/OpacityTransition.js';
+import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../components/Popper/Popper/Popper.js';
+import '../../components/Popper/PopperContext/PopperContext.js';
+import 'react-focus-lock';
+import 'qrcode';
+import 'formik';
+import '../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
+import '../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../utils/hooks/useWalletBackup/useWalletBackup.js';
+import '../../utils/hooks/useWalletBackup/types.js';
+import '../../utils/hooks/useWalletBackup/cloudProviders.js';
+import '../../context/IpConfigurationContext/IpConfigurationContext.js';
+import '../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
+import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.js';
+import '../ExchangeWhitelistWarning/ExchangeWhitelistWarning.js';
+import '../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
+import '../../context/FooterAnimationContext/index.js';
+import '../MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.js';
+import '../../context/PasskeyContext/PasskeyContext.js';
+import '../../context/OnrampContext/OnrampContext.js';
+import { SetupPasswordView } from '../../widgets/DynamicWidget/views/SetupPasswordView/SetupPasswordView.js';
+import '../../store/state/sendBalances.js';
+import '../../store/state/connectorsInitializing/connectorsInitializing.js';
+import '../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
+import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import '../TransactionConfirmationView/TransactionConfirmationView.js';
+import '../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.js';
+import '../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.js';
+import '../../../index.js';
+import '../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
+import '../../store/state/tokenBalances.js';
+import '../../store/state/multichainBalances.js';
+import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
+import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
+
+const SetupPasswordForWalletCreationView = () => {
+    const { setShowAuthFlow } = useInternalDynamicContext();
+    const handleCancel = useCallback(() => {
+        dynamicEvents.emit('embeddedWalletPasswordSetupCancelled');
+        setShowAuthFlow(false);
+    }, [setShowAuthFlow]);
+    const handleComplete = useCallback((password) => {
+        dynamicEvents.emit('embeddedWalletPasswordSetupCompleted', password);
+        setShowAuthFlow(false);
+    }, [setShowAuthFlow]);
+    return (jsx(SetupPasswordView, { onComplete: handleComplete, onCancel: handleCancel }));
+};
+
+export { SetupPasswordForWalletCreationView };

package/src/lib/views/SetupPasswordForWalletCreationView/index.d.ts

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

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

@@ -10,3 +10,4 @@ export { FarcasterConnectView } from './FarcasterConnectView';
 export { AddNetworkView } from './AddNetworkView';
 export { NetworkNotSupportedSwitchManual } from './NetworkNotSupportedSwitchManual';
 export { viewToComponentMap } from './viewToComponentMap';
+export { SetupPasswordForWalletCreationView } from './SetupPasswordForWalletCreationView';

package/src/lib/views/viewToComponentMap.cjs

@@ -166,6 +166,7 @@ var WalletRedirectView = require('./WalletRedirectView/WalletRedirectView.cjs');
 var WalletSignSpinnerView = require('./WalletSignSpinnerView/WalletSignSpinnerView.cjs');
 var WalletUpgradeFlowView = require('./WalletUpgradeFlowView/WalletUpgradeFlowView.cjs');
 var WalletUsedView = require('./WalletUsedView/WalletUsedView.cjs');
+var SetupPasswordForWalletCreationView = require('./SetupPasswordForWalletCreationView/SetupPasswordForWalletCreationView.cjs');
 require('../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../store/state/tokenBalances.cjs');
 require('../store/state/multichainBalances.cjs');
@@ -241,6 +242,7 @@ const viewToComponentMap = {
     'sandbox-maximum-threshold-reached': SandboxMaximumThresholdReached.SandboxMaximumThresholdReached,
     'select-hardware-wallet': SelectHardwareWalletView.SelectHardwareWalletView,
     'select-wallet-in-wallet-group': SelectWalletInWalletGroupView.SelectWalletInWalletGroupView,
+    'setup-password-for-wallet-creation': SetupPasswordForWalletCreationView.SetupPasswordForWalletCreationView,
     'setup-password-terms': SetupPasswordTermsView.SetupPasswordTermsView,
     'social-redirect-view': SocialRedirectView.SocialRedirectView,
     'social-wrong-account': SocialWrongAccountView.SocialWrongAccountView,

package/src/lib/views/viewToComponentMap.d.ts

@@ -100,6 +100,7 @@ export declare const viewToComponentMap: {
     'select-wallet-in-wallet-group': import("react").FC<{
         onSelectWallet: (wallet: import("../shared").WalletOption) => void;
     }>;
+    'setup-password-for-wallet-creation': import("react").FC;
     'setup-password-terms': import("react").FC<import("../widgets/DynamicWidget/views/SetupPasswordTermsView").SetupPasswordTermsViewProps>;
     'social-redirect-view': () => JSX.Element;
     'social-wrong-account': () => JSX.Element | null;

package/src/lib/views/viewToComponentMap.js

@@ -162,6 +162,7 @@ import { WalletRedirectView } from './WalletRedirectView/WalletRedirectView.js';
 import { WalletSignSpinnerView } from './WalletSignSpinnerView/WalletSignSpinnerView.js';
 import { WalletUpgradeFlowView } from './WalletUpgradeFlowView/WalletUpgradeFlowView.js';
 import { WalletUsedView } from './WalletUsedView/WalletUsedView.js';
+import { SetupPasswordForWalletCreationView } from './SetupPasswordForWalletCreationView/SetupPasswordForWalletCreationView.js';
 import '../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../store/state/tokenBalances.js';
 import '../store/state/multichainBalances.js';
@@ -237,6 +238,7 @@ const viewToComponentMap = {
     'sandbox-maximum-threshold-reached': SandboxMaximumThresholdReached,
     'select-hardware-wallet': SelectHardwareWalletView,
     'select-wallet-in-wallet-group': SelectWalletInWalletGroupView,
+    'setup-password-for-wallet-creation': SetupPasswordForWalletCreationView,
     'setup-password-terms': SetupPasswordTermsView,
     'social-redirect-view': SocialRedirectView,
     'social-wrong-account': SocialWrongAccountView,

package/src/lib/widgets/DynamicWidget/views/SetupPasswordView/SetupPasswordView.cjs

@@ -16,13 +16,21 @@ var SetupPasswordConfirmView = require('../SetupPasswordConfirmView/SetupPasswor
 var SetupPasswordKnowledgeCheckView = require('../SetupPasswordKnowledgeCheckView/SetupPasswordKnowledgeCheckView.cjs');
 var SetupPasswordSuccessView = require('../SetupPasswordSuccessView/SetupPasswordSuccessView.cjs');
 
-const SetupPasswordView = ({ onComplete, skipKnowledgeCheck = false, }) => {
+const SetupPasswordView = ({ onComplete, onCancel, skipKnowledgeCheck = false, }) => {
     const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
     const [currentStep, setCurrentStep] = React.useState('terms');
     const [password, setPassword] = React.useState('');
     const goToAccountAndSecurity = React.useCallback(() => {
         setDynamicWidgetView('account-and-security-settings');
     }, [setDynamicWidgetView]);
+    const handleCancel = React.useCallback(() => {
+        if (onCancel) {
+            onCancel();
+        }
+        else {
+            goToAccountAndSecurity();
+        }
+    }, [onCancel, goToAccountAndSecurity]);
     const handleTermsContinue = React.useCallback(() => {
         setCurrentStep('enter');
     }, []);
@@ -55,11 +63,15 @@ const SetupPasswordView = ({ onComplete, skipKnowledgeCheck = false, }) => {
     }, []);
     const handleSuccess = React.useCallback(() => {
         onComplete(password);
-        goToAccountAndSecurity();
-    }, [onComplete, password, goToAccountAndSecurity]);
+        // Only navigate to account settings if onCancel wasn't provided
+        // (i.e., the caller isn't handling navigation themselves)
+        if (!onCancel) {
+            goToAccountAndSecurity();
+        }
+    }, [onComplete, password, onCancel, goToAccountAndSecurity]);
     switch (currentStep) {
         case 'terms':
-            return (jsxRuntime.jsx(SetupPasswordTermsView.SetupPasswordTermsView, { onContinue: handleTermsContinue, onBack: goToAccountAndSecurity }));
+            return (jsxRuntime.jsx(SetupPasswordTermsView.SetupPasswordTermsView, { onContinue: handleTermsContinue, onBack: handleCancel }));
         case 'enter':
             return (jsxRuntime.jsx(SetupPasswordEnterView.SetupPasswordEnterView, { onContinue: handleEnterContinue, onBack: handleEnterBack }));
         case 'confirm':

package/src/lib/widgets/DynamicWidget/views/SetupPasswordView/SetupPasswordView.d.ts

@@ -1,6 +1,7 @@
 import { FC } from 'react';
 export type SetupPasswordViewProps = {
     onComplete: (password: string) => void;
+    onCancel?: () => void;
     skipKnowledgeCheck?: boolean;
 };
 export declare const SetupPasswordView: FC<SetupPasswordViewProps>;

package/src/lib/widgets/DynamicWidget/views/SetupPasswordView/SetupPasswordView.js

@@ -12,13 +12,21 @@ import { SetupPasswordConfirmView } from '../SetupPasswordConfirmView/SetupPassw
 import { SetupPasswordKnowledgeCheckView } from '../SetupPasswordKnowledgeCheckView/SetupPasswordKnowledgeCheckView.js';
 import { SetupPasswordSuccessView } from '../SetupPasswordSuccessView/SetupPasswordSuccessView.js';
 
-const SetupPasswordView = ({ onComplete, skipKnowledgeCheck = false, }) => {
+const SetupPasswordView = ({ onComplete, onCancel, skipKnowledgeCheck = false, }) => {
     const { setDynamicWidgetView } = useWidgetContext();
     const [currentStep, setCurrentStep] = useState('terms');
     const [password, setPassword] = useState('');
     const goToAccountAndSecurity = useCallback(() => {
         setDynamicWidgetView('account-and-security-settings');
     }, [setDynamicWidgetView]);
+    const handleCancel = useCallback(() => {
+        if (onCancel) {
+            onCancel();
+        }
+        else {
+            goToAccountAndSecurity();
+        }
+    }, [onCancel, goToAccountAndSecurity]);
     const handleTermsContinue = useCallback(() => {
         setCurrentStep('enter');
     }, []);
@@ -51,11 +59,15 @@ const SetupPasswordView = ({ onComplete, skipKnowledgeCheck = false, }) => {
     }, []);
     const handleSuccess = useCallback(() => {
         onComplete(password);
-        goToAccountAndSecurity();
-    }, [onComplete, password, goToAccountAndSecurity]);
+        // Only navigate to account settings if onCancel wasn't provided
+        // (i.e., the caller isn't handling navigation themselves)
+        if (!onCancel) {
+            goToAccountAndSecurity();
+        }
+    }, [onComplete, password, onCancel, goToAccountAndSecurity]);
     switch (currentStep) {
         case 'terms':
-            return (jsx(SetupPasswordTermsView, { onContinue: handleTermsContinue, onBack: goToAccountAndSecurity }));
+            return (jsx(SetupPasswordTermsView, { onContinue: handleTermsContinue, onBack: handleCancel }));
         case 'enter':
             return (jsx(SetupPasswordEnterView, { onContinue: handleEnterContinue, onBack: handleEnterBack }));
         case 'confirm':