@dynamic-labs/sdk-react-core 1.1.0-alpha.1 → 1.1.0-alpha.11

package/src/lib/context/UserFieldEditorContext/UserFieldEditorContext.js

@@ -46,12 +46,17 @@ import 'react-focus-lock';
 import 'formik';
 import 'i18next';
 import '../../components/OverlayCard/OverlayCard.context.js';
-import '../FooterAnimationContext/index.js';
-import '../QrCodeContext/QrCodeContext.js';
-import '../WalletGroupContext/WalletGroupContext.js';
-import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../views/WalletList/WalletList.js';
 import 'qrcode';
+import '@hcaptcha/react-hcaptcha';
 import '../LoadingContext/LoadingContext.js';
+import '../SocialRedirectContext/SocialRedirectContext.js';
+import '../WalletGroupContext/WalletGroupContext.js';
+import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '../FooterAnimationContext/index.js';
+import '../PasskeyContext/PasskeyContext.js';
+import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';

package/src/lib/context/ViewContext/ViewContext.cjs

@@ -7,16 +7,19 @@ var React = require('react');
 var useDynamicEvents = require('../../utils/hooks/events/useDynamicEvents/useDynamicEvents.cjs');
 
 const ViewContext = React.createContext(undefined);
-const ViewContextProvider = ({ children, initialView = 'wallet-list' }) => {
-    const [_view, setView] = React.useState(null);
+const ViewContextProvider = ({ children, initialView = { props: { isWalletConnectList: true }, type: 'wallet-list' }, }) => {
+    const [_view, _setView] = React.useState(null);
     const view = _view || initialView;
     const goToInitialView = React.useCallback(() => {
-        setView(null);
+        _setView(null);
+    }, []);
+    const setView = React.useCallback((type, props) => {
+        _setView({ props, type });
     }, []);
     useDynamicEvents.useInternalDynamicEvents('logout', () => goToInitialView());
     const value = React.useMemo(() => ({
         goToInitialView,
-        setView: setView,
+        setView,
         view,
     }), [view, goToInitialView]);
     return jsxRuntime.jsx(ViewContext.Provider, { value: value, children: children });

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

@@ -1,12 +1,12 @@
-import { Dispatch, FC, PropsWithChildren, SetStateAction } from 'react';
-export type ViewType = 'captcha' | 'chainalysis-blocked-wallet' | 'collect-user-data' | 'collect-user-data-login-with-email' | 'login-with-email-or-wallet-full-wallet-list' | 'login-with-email-or-wallet' | 'login-with-wallet-only' | 'login-with-email-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' | 'update-email' | 'verify-email' | 'wallet-connect-mobile-wallets-list' | 'wallet-list' | 'multi-wallet-wallet-list' | 'wallet-sign' | 'wallet-used' | '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' | 'wallet-cannot-be-transferred' | 'passkey-intro' | 'passkey-recovery-start' | 'passkey-recovery-bundle' | 'passkey-recovery-complete';
+import { FC, PropsWithChildren } from 'react';
+import { SetView, ViewState, ViewType } from './types';
 export type ViewContextProps = {
-    setView: Dispatch<SetStateAction<ViewType>>;
-    view: ViewType;
+    setView: SetView;
+    view: ViewState<ViewType>;
     goToInitialView: () => void;
 };
 type ViewContextProviderProps = {
-    initialView?: ViewType;
+    initialView?: ViewState<ViewType>;
 };
 export declare const ViewContext: import("react").Context<ViewContextProps | undefined>;
 export declare const ViewContextProvider: FC<PropsWithChildren<ViewContextProviderProps>>;

package/src/lib/context/ViewContext/ViewContext.js

@@ -3,16 +3,19 @@ import { createContext, useContext, useState, useCallback, useMemo } from 'react
 import { useInternalDynamicEvents } from '../../utils/hooks/events/useDynamicEvents/useDynamicEvents.js';
 
 const ViewContext = createContext(undefined);
-const ViewContextProvider = ({ children, initialView = 'wallet-list' }) => {
-    const [_view, setView] = useState(null);
+const ViewContextProvider = ({ children, initialView = { props: { isWalletConnectList: true }, type: 'wallet-list' }, }) => {
+    const [_view, _setView] = useState(null);
     const view = _view || initialView;
     const goToInitialView = useCallback(() => {
-        setView(null);
+        _setView(null);
+    }, []);
+    const setView = useCallback((type, props) => {
+        _setView({ props, type });
     }, []);
     useInternalDynamicEvents('logout', () => goToInitialView());
     const value = useMemo(() => ({
         goToInitialView,
-        setView: setView,
+        setView,
         view,
     }), [view, goToInitialView]);
     return jsx(ViewContext.Provider, { value: value, children: children });

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

@@ -1 +1,2 @@
 export * from './ViewContext';
+export * from './types';

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

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+export type ViewType = 'captcha' | 'chainalysis-blocked-wallet' | 'collect-user-data' | 'collect-user-data-login-with-email' | 'login-with-email-or-wallet-full-wallet-list' | 'login-with-email-or-wallet' | 'login-with-wallet-only' | 'login-with-email-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' | 'update-email' | 'verify-email' | 'wallet-connect-mobile-wallets-list' | 'wallet-list' | 'multi-wallet-wallet-list' | 'wallet-sign' | 'wallet-used' | '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' | 'wallet-cannot-be-transferred' | 'passkey-intro' | 'passkey-recovery-start' | 'passkey-recovery-bundle' | 'passkey-recovery-complete' | 'embedded-reveal-view' | 'embedded-reveal-account-view' | 'rename-passkey';
+export type ViewMap = Record<ViewType, FC<any>>;
+type ComponentProps<T extends FC<any>> = T extends FC<infer P> ? P : undefined;
+export type ViewState<T extends ViewType> = {
+    type: T;
+    props?: ComponentProps<ViewMap[T]>;
+};
+export type SetView = <T extends ViewType>(view: T, props?: ViewState<T>['props']) => void;
+export {};

package/src/lib/data/api.cjs

@@ -295,18 +295,6 @@ const verifyWallet = (environmentId, { messageToSign, signedMessage, publicWalle
         return undefined;
     }
 });
-const fetchNetworkSettings = (environmentId) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-    try {
-        const res = yield sdkApi().getNetworksConfigurationByEnvId({
-            environmentId,
-        });
-        return res;
-    }
-    catch (e) {
-        logger.logger.error(e);
-        return undefined;
-    }
-});
 const fetchProjectSettings = (environmentId) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     try {
         const res = yield sdkApi().getEnvironmentSettings({
@@ -442,9 +430,9 @@ const getOnrampProviders = ({ chain, environmentId, networkId, token, walletAddr
 });
 const sendDynamicProps = (environmentId, settingsToSend) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     try {
-        const { dynamicContextProps, dynamicWagmiSettings } = settingsToSend;
+        const { dynamicContextProps, dynamicWagmiSettings, frameworkSettings } = settingsToSend;
         if (dynamicContextProps) {
-            yield sendDynamicContextSettings(environmentId, { dynamicContextProps }, helpers.isDynamicContextSessionSettingExpired, helpers.setDynamicContextSessionSettings);
+            yield sendDynamicContextSettings(environmentId, { dynamicContextProps, frameworkSettings }, helpers.isDynamicContextSessionSettingExpired, helpers.setDynamicContextSessionSettings);
         }
         if (dynamicWagmiSettings) {
             yield sendDynamicContextSettings(environmentId, { dynamicWagmiSettings }, helpers.isWagmiSessionSettingExpired, helpers.setWagmiSessionSettings);
@@ -477,7 +465,9 @@ const mergeUserAccounts = (userJwt, environmentId) => _tslib.__awaiter(void 0, v
 const createTurnkeyEvmEmbeddedWallet = ({ attestation, challenge, environmentId, userJwt, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     const embeddedWallets = [
         {
+            // TODO: remove chain property once the api change in effect is valid in redcoast
             chain: sdkApi$1.ChainEnum.Evm,
+            chains: [sdkApi$1.ChainEnum.Evm],
             embeddedWalletProvider: sdkApi$1.EmbeddedWalletProviderEnum.Turnkeyhd,
             isAuthenticatorAttached: false,
         },
@@ -529,12 +519,39 @@ const getUserPasskeys = ({ userJwt, environmentId, }) => _tslib.__awaiter(void 0
         };
     }
 });
+const updateUserPasskey = ({ userJwt, environmentId, id, alias, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    try {
+        const data = yield sdkApi(userJwt).updatePasskey({
+            environmentId,
+            updateUserPasskeyRequest: { alias, id },
+        });
+        return data;
+    }
+    catch (e) {
+        logger.logger.error(e);
+        return undefined;
+    }
+});
+const exportEmbeddedWallet = ({ userJwt, environmentId, walletId, activityId, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    try {
+        const data = yield sdkApi(userJwt).embeddedWalletExport({
+            activityId,
+            environmentId,
+            walletId,
+        });
+        return data;
+    }
+    catch (e) {
+        logger.logger.error(e);
+        return { exportBundle: '' };
+    }
+});
 
 exports.completePasskeyRecovery = completePasskeyRecovery;
 exports.createEmailVerification = createEmailVerification;
 exports.createTurnkeyEvmEmbeddedWallet = createTurnkeyEvmEmbeddedWallet;
 exports.createVisit = createVisit;
-exports.fetchNetworkSettings = fetchNetworkSettings;
+exports.exportEmbeddedWallet = exportEmbeddedWallet;
 exports.fetchNonce = fetchNonce;
 exports.fetchProjectSettings = fetchProjectSettings;
 exports.getEmailProvider = getEmailProvider;
@@ -555,6 +572,7 @@ exports.signInWithEmailVerification = signInWithEmailVerification;
 exports.transferWallet = transferWallet;
 exports.unlinkOAuth = unlinkOAuth;
 exports.unlinkWallet = unlinkWallet;
+exports.updateUserPasskey = updateUserPasskey;
 exports.updateUserProfileFields = updateUserProfileFields;
 exports.verifyEmail = verifyEmail;
 exports.verifyOAuth = verifyOAuth;

package/src/lib/data/api.d.ts

@@ -1,4 +1,4 @@
-import { ProjectSettings, UserFields, NetworkConfigurationResponse, ChainEnum, UpdateSelfResponse, WalletProviderEnum, AuthModeEnum, EmailVerificationCreateResponse, VerifyResponse, OauthRequest, OauthResultRequest, ProviderEnum, OnrampConfiguration, EmailProviderResponse, OauthResultResponse, PasskeyRegistrationCredential } from '@dynamic-labs/sdk-api';
+import { ProjectSettings, UserFields, ChainEnum, UpdateSelfResponse, WalletProviderEnum, AuthModeEnum, EmailVerificationCreateResponse, VerifyResponse, OauthRequest, OauthResultRequest, ProviderEnum, OnrampConfiguration, EmailProviderResponse, OauthResultResponse, PasskeyRegistrationCredential, ExportEmbeddedWalletResponse } from '@dynamic-labs/sdk-api';
 import { AuthModeType, VerifyWallet } from '../shared/types';
 export declare const fetchNonce: (environmentId: string) => Promise<string | undefined>;
 export declare const getEmailProvider: ({ email, environmentId, }: {
@@ -49,7 +49,6 @@ export declare const createVisit: ({ authMode, chain, environmentId, walletProvi
     walletProvider: string;
 }) => Promise<void | undefined>;
 export declare const verifyWallet: (environmentId: string, { messageToSign, signedMessage, publicWalletAddress, chain, walletName, walletProvider, captchaToken, network, oauth, }: VerifyWallet) => Promise<string | undefined>;
-export declare const fetchNetworkSettings: (environmentId: string) => Promise<NetworkConfigurationResponse[] | undefined>;
 export declare const fetchProjectSettings: (environmentId: string) => Promise<ProjectSettings | undefined>;
 export declare const updateUserProfileFields: (jwt: string | undefined, environmentId: string, fields: UserFields) => Promise<UpdateSelfResponse>;
 export declare const getOauthLoginUrl: (environmentId: string, providerType: ProviderEnum, userJwt: string) => Promise<string | undefined>;
@@ -71,6 +70,7 @@ export declare const getOnrampProviders: ({ chain, environmentId, networkId, tok
 export declare const sendDynamicProps: (environmentId: string, settingsToSend: {
     dynamicContextProps?: object;
     dynamicWagmiSettings?: object;
+    frameworkSettings?: object;
 }) => Promise<void>;
 export declare const mergeUserAccounts: (userJwt: string, environmentId: string) => Promise<string | undefined>;
 export type CreateTurnkeyEvmEmbeddedWalletProps = {
@@ -100,3 +100,16 @@ export type GetUserPasskeysProps = {
     environmentId: string;
 };
 export declare const getUserPasskeys: ({ userJwt, environmentId, }: GetUserPasskeysProps) => Promise<import("@dynamic-labs/sdk-api").GetUserPasskeysResponse>;
+export type updateUserPasskeysProps = {
+    userJwt: string;
+    environmentId: string;
+    id: string;
+    alias: string;
+};
+export declare const updateUserPasskey: ({ userJwt, environmentId, id, alias, }: updateUserPasskeysProps) => Promise<import("@dynamic-labs/sdk-api").UserPasskey | undefined>;
+export declare const exportEmbeddedWallet: ({ userJwt, environmentId, walletId, activityId, }: {
+    userJwt: string;
+    environmentId: string;
+    walletId: string;
+    activityId: string;
+}) => Promise<ExportEmbeddedWalletResponse>;

package/src/lib/data/api.js

@@ -1,5 +1,5 @@
 import { __awaiter } from '../../../_virtual/_tslib.js';
-import { NoAccessError, AccountExistsError, EmailVerificationError, UserHasAccountWithEmailError, DynamicError, EmailAlreadyExistsError, UsernameAlreadyExistsError, EmailProviderError, WalletUsedError, WalletNotDeployedError, ChainalysisError, GateBlockedError, SocialAccountAlreadyExistsError } from '@dynamic-labs/utils';
+import { NoAccessError, AccountExistsError, EmailVerificationError, UserHasAccountWithEmailError, DynamicError, EmailAlreadyExistsError, UsernameAlreadyExistsError, WalletUsedError, WalletNotDeployedError, ChainalysisError, GateBlockedError, EmailProviderError, SocialAccountAlreadyExistsError } from '@dynamic-labs/utils';
 import { UnprocessableEntityErrorCode, SDKApi, Configuration, VerifyRequestFromJSON, ChainEnum, WalletProviderEnum, AuthModeEnum, EmbeddedWalletProviderEnum } from '@dynamic-labs/sdk-api';
 import { VERSION, API_VERSION } from '../../version.js';
 import ApiEndpoint from '../config/ApiEndpoint.js';
@@ -291,18 +291,6 @@ const verifyWallet = (environmentId, { messageToSign, signedMessage, publicWalle
         return undefined;
     }
 });
-const fetchNetworkSettings = (environmentId) => __awaiter(void 0, void 0, void 0, function* () {
-    try {
-        const res = yield sdkApi().getNetworksConfigurationByEnvId({
-            environmentId,
-        });
-        return res;
-    }
-    catch (e) {
-        logger.error(e);
-        return undefined;
-    }
-});
 const fetchProjectSettings = (environmentId) => __awaiter(void 0, void 0, void 0, function* () {
     try {
         const res = yield sdkApi().getEnvironmentSettings({
@@ -438,9 +426,9 @@ const getOnrampProviders = ({ chain, environmentId, networkId, token, walletAddr
 });
 const sendDynamicProps = (environmentId, settingsToSend) => __awaiter(void 0, void 0, void 0, function* () {
     try {
-        const { dynamicContextProps, dynamicWagmiSettings } = settingsToSend;
+        const { dynamicContextProps, dynamicWagmiSettings, frameworkSettings } = settingsToSend;
         if (dynamicContextProps) {
-            yield sendDynamicContextSettings(environmentId, { dynamicContextProps }, isDynamicContextSessionSettingExpired, setDynamicContextSessionSettings);
+            yield sendDynamicContextSettings(environmentId, { dynamicContextProps, frameworkSettings }, isDynamicContextSessionSettingExpired, setDynamicContextSessionSettings);
         }
         if (dynamicWagmiSettings) {
             yield sendDynamicContextSettings(environmentId, { dynamicWagmiSettings }, isWagmiSessionSettingExpired, setWagmiSessionSettings);
@@ -473,7 +461,9 @@ const mergeUserAccounts = (userJwt, environmentId) => __awaiter(void 0, void 0,
 const createTurnkeyEvmEmbeddedWallet = ({ attestation, challenge, environmentId, userJwt, }) => __awaiter(void 0, void 0, void 0, function* () {
     const embeddedWallets = [
         {
+            // TODO: remove chain property once the api change in effect is valid in redcoast
             chain: ChainEnum.Evm,
+            chains: [ChainEnum.Evm],
             embeddedWalletProvider: EmbeddedWalletProviderEnum.Turnkeyhd,
             isAuthenticatorAttached: false,
         },
@@ -525,5 +515,32 @@ const getUserPasskeys = ({ userJwt, environmentId, }) => __awaiter(void 0, void
         };
     }
 });
+const updateUserPasskey = ({ userJwt, environmentId, id, alias, }) => __awaiter(void 0, void 0, void 0, function* () {
+    try {
+        const data = yield sdkApi(userJwt).updatePasskey({
+            environmentId,
+            updateUserPasskeyRequest: { alias, id },
+        });
+        return data;
+    }
+    catch (e) {
+        logger.error(e);
+        return undefined;
+    }
+});
+const exportEmbeddedWallet = ({ userJwt, environmentId, walletId, activityId, }) => __awaiter(void 0, void 0, void 0, function* () {
+    try {
+        const data = yield sdkApi(userJwt).embeddedWalletExport({
+            activityId,
+            environmentId,
+            walletId,
+        });
+        return data;
+    }
+    catch (e) {
+        logger.error(e);
+        return { exportBundle: '' };
+    }
+});
 
-export { completePasskeyRecovery, createEmailVerification, createTurnkeyEvmEmbeddedWallet, createVisit, fetchNetworkSettings, fetchNonce, fetchProjectSettings, getEmailProvider, getOAuthResult, getOnrampProviders, getUserPasskeys, initPasskeyRecovery, linkWallet, mapAuthModeTypeToEnum, mapChainToChainEnum, mapProviderToProviderEnum, mergeUserAccounts, retryEmailVerification, revokeSession, sendDynamicProps, signInOAuth, signInWithEmailVerification, transferWallet, unlinkOAuth, unlinkWallet, updateUserProfileFields, verifyEmail, verifyOAuth, verifyWallet };
+export { completePasskeyRecovery, createEmailVerification, createTurnkeyEvmEmbeddedWallet, createVisit, exportEmbeddedWallet, fetchNonce, fetchProjectSettings, getEmailProvider, getOAuthResult, getOnrampProviders, getUserPasskeys, initPasskeyRecovery, linkWallet, mapAuthModeTypeToEnum, mapChainToChainEnum, mapProviderToProviderEnum, mergeUserAccounts, retryEmailVerification, revokeSession, sendDynamicProps, signInOAuth, signInWithEmailVerification, transferWallet, unlinkOAuth, unlinkWallet, updateUserPasskey, updateUserProfileFields, verifyEmail, verifyOAuth, verifyWallet };

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

@@ -2,11 +2,18 @@ import EventEmitter from 'eventemitter3';
 import { Wallet } from '../shared';
 /** Maps internal event names to their listeners */
 export type DynamicEvents = {
+    authFlowOpen: () => void;
+    authFlowClose: () => void;
+    /** Triggered when auth is closed before reaching success (due to user cancel or fail) */
+    authFlowCancelled: () => void;
+    /** Triggered when auth is attempted but fails, like when user rejects connection or the network call fails */
     emailVerificationResult: (param: boolean, email: string) => void;
     embeddedWalletCreated: (wallet: Wallet) => void;
     embeddedWalletFailed: (error: unknown) => void;
     passkeyRecoveryCompleted: (wallet: Wallet) => void;
     passkeyRecoveryFailed: (error: unknown) => void;
+    embeddedWalletRevealCompleted: (wallet: Wallet) => void;
+    embeddedWalletRevealFailed: (error: unknown) => void;
     logout: () => void;
 };
 export declare const dynamicEvents: EventEmitter<DynamicEvents, any>;

package/src/lib/layout/DynamicAuthLayout/DefaultFooter/DefaultFooter.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var classNames = require('../../../utils/functions/classNames/classNames.cjs');
+
+const DefaultFooter = ({ hideBorder }) => (jsxRuntime.jsx("div", { className: classNames.classNames('default-footer__footer', {
+        'default-footer__footer--hidden': hideBorder,
+    }), "data-testid": 'default-footer' }));
+
+exports.DefaultFooter = DefaultFooter;

package/src/lib/layout/DynamicAuthLayout/DefaultFooter/DefaultFooter.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+type Props = {
+    hideBorder?: boolean;
+};
+export declare const DefaultFooter: ({ hideBorder }: Props) => JSX.Element;
+export {};

package/src/lib/layout/DynamicAuthLayout/DefaultFooter/DefaultFooter.js

@@ -0,0 +1,8 @@
+import { jsx } from 'react/jsx-runtime';
+import { classNames } from '../../../utils/functions/classNames/classNames.js';
+
+const DefaultFooter = ({ hideBorder }) => (jsx("div", { className: classNames('default-footer__footer', {
+        'default-footer__footer--hidden': hideBorder,
+    }), "data-testid": 'default-footer' }));
+
+export { DefaultFooter };

package/src/lib/layout/DynamicAuthLayout/DefaultFooter/index.d.ts

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

package/src/lib/layout/DynamicAuthLayout/DynamicAuthLayout.cjs

@@ -53,34 +53,37 @@ var HelpContent = require('./HelpContent/HelpContent.cjs');
 var ToSFooter = require('./ToSFooter/ToSFooter.cjs');
 var WalletProgressStepper = require('./WalletProgressStepper/WalletProgressStepper.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
-require('../../context/QrCodeContext/QrCodeContext.cjs');
+require('react-focus-lock');
 require('../../context/LoadingContext/LoadingContext.cjs');
 require('i18next');
+require('qrcode');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('formik');
 require('../../components/IconButton/IconButton.cjs');
+require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
+require('../../views/WalletList/WalletList.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 
 const DynamicAuthLayout = ({ children, className, style, onClose, projectSettings, hideBridgeProgressSteppers, }) => {
     const { view } = ViewContext.useViewContext();
-    const { walletConnector, authMode } = useInternalDynamicContext.useInternalDynamicContext();
+    const { authMode } = useInternalDynamicContext.useInternalDynamicContext();
     const { isFooterExpanded } = index.useFooterAnimationContext();
-    const { showHeader, showHelpContent, showToSFooter } = useAuthLayoutChecks.useAuthLayoutChecks(walletConnector);
     const { headerData, helpHeaderData } = useDynamicLayoutData.useDynamicLayoutData({
         authMode,
-        view,
+        view: view.type,
     });
-    const { showConnectedWalletProgress } = useAuthLayoutChecks.useAuthLayoutChecks(walletConnector);
-    const { showDynamicFooter } = useAuthLayoutChecks.useAuthLayoutChecks(walletConnector);
-    return (jsxRuntime.jsx(OverlayCardTarget.OverlayCardTarget, { children: jsxRuntime.jsxs(VerticalAccordion.VerticalAccordion, { style: style, className: className, children: [jsxRuntime.jsxs(AccordionItem.AccordionItem, { isOpen: !isFooterExpanded, dimOnHide: true, children: [showConnectedWalletProgress && !hideBridgeProgressSteppers && (jsxRuntime.jsx(WalletProgressStepper.WalletProgressStepper, {})), showHeader && (jsxRuntime.jsx(header.Header, { onClose: onClose, heading: (headerData === null || headerData === void 0 ? void 0 : headerData.heading) || '', projectSettings: projectSettings, walletConnector: walletConnector, copykey: headerData === null || headerData === void 0 ? void 0 : headerData.copykey })), children, showDynamicFooter && jsxRuntime.jsx(DynamicFooter.DynamicFooter, {}), showToSFooter && jsxRuntime.jsx(ToSFooter.ToSFooter, {})] }), helpHeaderData && showHelpContent && (jsxRuntime.jsx(AccordionItem.AccordionItem, { isOpen: isFooterExpanded, children: jsxRuntime.jsx("div", { children: jsxRuntime.jsx(HelpContent.HelpContent, {}) }, isFooterExpanded.toString()) }))] }) }));
+    const { showConnectedWalletProgress, showHeader, showHelpContent, showToSFooter, showDynamicFooter, } = useAuthLayoutChecks.useAuthLayoutChecks();
+    return (jsxRuntime.jsx(OverlayCardTarget.OverlayCardTarget, { children: jsxRuntime.jsxs(VerticalAccordion.VerticalAccordion, { style: style, className: className, children: [jsxRuntime.jsxs(AccordionItem.AccordionItem, { isOpen: !isFooterExpanded, dimOnHide: true, children: [showConnectedWalletProgress && !hideBridgeProgressSteppers && (jsxRuntime.jsx(WalletProgressStepper.WalletProgressStepper, {})), showHeader && (jsxRuntime.jsx(header.Header, { onClose: onClose, heading: (headerData === null || headerData === void 0 ? void 0 : headerData.heading) || '', projectSettings: projectSettings, copykey: headerData === null || headerData === void 0 ? void 0 : headerData.copykey })), children, showDynamicFooter && jsxRuntime.jsx(DynamicFooter.DynamicFooter, {}), showToSFooter && jsxRuntime.jsx(ToSFooter.ToSFooter, {})] }), helpHeaderData && showHelpContent && (jsxRuntime.jsx(AccordionItem.AccordionItem, { isOpen: isFooterExpanded, children: jsxRuntime.jsx("div", { children: jsxRuntime.jsx(HelpContent.HelpContent, {}) }, isFooterExpanded.toString()) }))] }) }));
 };
 
 exports.DynamicAuthLayout = DynamicAuthLayout;

package/src/lib/layout/DynamicAuthLayout/DynamicAuthLayout.js

@@ -49,34 +49,37 @@ import { HelpContent } from './HelpContent/HelpContent.js';
 import { ToSFooter } from './ToSFooter/ToSFooter.js';
 import { WalletProgressStepper } from './WalletProgressStepper/WalletProgressStepper.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
-import '../../context/QrCodeContext/QrCodeContext.js';
+import 'react-focus-lock';
 import '../../context/LoadingContext/LoadingContext.js';
 import 'i18next';
+import 'qrcode';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import 'formik';
 import '../../components/IconButton/IconButton.js';
+import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '@dynamic-labs/viem-utils';
+import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
+import '../../views/WalletList/WalletList.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 
 const DynamicAuthLayout = ({ children, className, style, onClose, projectSettings, hideBridgeProgressSteppers, }) => {
     const { view } = useViewContext();
-    const { walletConnector, authMode } = useInternalDynamicContext();
+    const { authMode } = useInternalDynamicContext();
     const { isFooterExpanded } = useFooterAnimationContext();
-    const { showHeader, showHelpContent, showToSFooter } = useAuthLayoutChecks(walletConnector);
     const { headerData, helpHeaderData } = useDynamicLayoutData({
         authMode,
-        view,
+        view: view.type,
     });
-    const { showConnectedWalletProgress } = useAuthLayoutChecks(walletConnector);
-    const { showDynamicFooter } = useAuthLayoutChecks(walletConnector);
-    return (jsx(OverlayCardTarget, { children: jsxs(VerticalAccordion, { style: style, className: className, children: [jsxs(AccordionItem, { isOpen: !isFooterExpanded, dimOnHide: true, children: [showConnectedWalletProgress && !hideBridgeProgressSteppers && (jsx(WalletProgressStepper, {})), showHeader && (jsx(Header, { onClose: onClose, heading: (headerData === null || headerData === void 0 ? void 0 : headerData.heading) || '', projectSettings: projectSettings, walletConnector: walletConnector, copykey: headerData === null || headerData === void 0 ? void 0 : headerData.copykey })), children, showDynamicFooter && jsx(DynamicFooter, {}), showToSFooter && jsx(ToSFooter, {})] }), helpHeaderData && showHelpContent && (jsx(AccordionItem, { isOpen: isFooterExpanded, children: jsx("div", { children: jsx(HelpContent, {}) }, isFooterExpanded.toString()) }))] }) }));
+    const { showConnectedWalletProgress, showHeader, showHelpContent, showToSFooter, showDynamicFooter, } = useAuthLayoutChecks();
+    return (jsx(OverlayCardTarget, { children: jsxs(VerticalAccordion, { style: style, className: className, children: [jsxs(AccordionItem, { isOpen: !isFooterExpanded, dimOnHide: true, children: [showConnectedWalletProgress && !hideBridgeProgressSteppers && (jsx(WalletProgressStepper, {})), showHeader && (jsx(Header, { onClose: onClose, heading: (headerData === null || headerData === void 0 ? void 0 : headerData.heading) || '', projectSettings: projectSettings, copykey: headerData === null || headerData === void 0 ? void 0 : headerData.copykey })), children, showDynamicFooter && jsx(DynamicFooter, {}), showToSFooter && jsx(ToSFooter, {})] }), helpHeaderData && showHelpContent && (jsx(AccordionItem, { isOpen: isFooterExpanded, children: jsx("div", { children: jsx(HelpContent, {}) }, isFooterExpanded.toString()) }))] }) }));
 };
 
 export { DynamicAuthLayout };

package/src/lib/layout/DynamicAuthLayout/Header/header.cjs

@@ -6,7 +6,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 require('../../../events/dynamicEvents.cjs');
 require('@dynamic-labs/utils');
-var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
+require('../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/wallet-connector-core');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');
 var ErrorContext = require('../../../context/ErrorContext/ErrorContext.cjs');
@@ -48,49 +48,42 @@ var useAuthLayoutChecks = require('../../../utils/hooks/useAuthLayoutChecks/useA
 var Typography = require('../../../components/Typography/Typography.cjs');
 var Skeleton = require('../../../components/Skeleton/Skeleton.cjs');
 var Tooltip = require('../../../components/Tooltip/Tooltip.cjs');
-var QrCodeContext = require('../../../context/QrCodeContext/QrCodeContext.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
+require('react-focus-lock');
 require('../../../context/LoadingContext/LoadingContext.cjs');
 require('i18next');
+require('qrcode');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('formik');
 var ModalHeader = require('../../../components/ModalHeader/ModalHeader.cjs');
 var IconButton = require('../../../components/IconButton/IconButton.cjs');
 require('../../../components/Alert/Alert.cjs');
+require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
+require('../../../views/WalletList/WalletList.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 
-const Header = ({ onClose: handleClose, heading, projectSettings, walletConnector, copykey, }) => {
-    const { clearStatesOnBackClick, selectedWalletConnector } = useInternalDynamicContext.useInternalDynamicContext();
+const Header = ({ onClose: handleClose, heading, projectSettings, copykey, }) => {
     const { setError } = ErrorContext.useErrorContext();
-    const { setShowQrCodeImage } = QrCodeContext.useQrCodeContext();
     const { isFooterExpanded, setIsFooterExpanded } = index.useFooterAnimationContext();
     const { goToInitialView } = ViewContext.useViewContext();
-    const { showBackButton, showCloseButton, showQrCodePreHeader, showHelpContent, isWalletListTypeView, displayBorderBelowHeader, } = useAuthLayoutChecks.useAuthLayoutChecks(walletConnector);
+    const { showBackButton, showCloseButton, showHelpContent, isWalletListTypeView, displayBorderBelowHeader, } = useAuthLayoutChecks.useAuthLayoutChecks();
     const { setExistentAccountData } = AccountExistsContext.useAccountExistsContext();
     const handleBackClick = React.useCallback(() => {
         goToInitialView();
         setExistentAccountData(undefined);
         setError(undefined);
-        // on back button click in Coinbase wallet clearing state would kill connection and refresh the page
-        if ((selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.name) !== 'Coinbase') {
-            clearStatesOnBackClick();
-        }
-    }, [
-        goToInitialView,
-        setExistentAccountData,
-        setError,
-        selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.name,
-        clearStatesOnBackClick,
-    ]);
+    }, [goToInitialView, setExistentAccountData, setError]);
     const closeButton = showCloseButton && handleClose && (jsxRuntime.jsx(IconButton.IconButton, { onClick: handleClose, type: 'button', id: 'close-button', "data-testid": 'close-button', className: 'header__icon', children: jsxRuntime.jsx(close.ReactComponent, {}) }));
     const infoButton = showHelpContent && (jsxRuntime.jsx(Tooltip.Tooltip, { content: 'Need some help?', className: 'header__tooltip', children: jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: () => setIsFooterExpanded(!isFooterExpanded), "data-testid": 'info-button', className: 'header__icon', children: isWalletListTypeView ? jsxRuntime.jsx(questionMark.ReactComponent, {}) : jsxRuntime.jsx(footerInfoIcon.ReactComponent, {}) }) }, 'info-button'));
     const leadingButtons = [];
@@ -101,8 +94,7 @@ const Header = ({ onClose: handleClose, heading, projectSettings, walletConnecto
     if (closeButton && infoButton) {
         leadingButtons.push(infoButton);
     }
-    const qrCodePreHeader = (jsxRuntime.jsxs("div", { className: 'qr-code-view__scan-issue-message', children: [jsxRuntime.jsx(Typography.Typography, { color: 'primary', variant: 'body_small', children: "If you're having issues scanning, click\u00A0" }), jsxRuntime.jsx("button", { className: 'qr-code-view__scan-issue-button', onClick: () => setShowQrCodeImage(true), children: "here" })] }));
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: leadingButtons, trailing: closeButton || infoButton, displayBorder: displayBorderBelowHeader, children: jsxRuntime.jsx(Typography.Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', copykey: copykey, children: !projectSettings ? (jsxRuntime.jsx(Skeleton.Skeleton, { className: 'header__skeleton' })) : (heading) }) }), showQrCodePreHeader && qrCodePreHeader] }));
+    return (jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: leadingButtons, trailing: closeButton || infoButton, displayBorder: displayBorderBelowHeader, children: jsxRuntime.jsx(Typography.Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', copykey: copykey, children: !projectSettings ? jsxRuntime.jsx(Skeleton.Skeleton, { className: 'header__skeleton' }) : heading }) }));
 };
 
 exports.Header = Header;

package/src/lib/layout/DynamicAuthLayout/Header/header.d.ts

@@ -1,10 +1,8 @@
 import { FC } from 'react';
 import { ProjectSettings } from '@dynamic-labs/sdk-api';
-import { WalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { CopyKey, ModalProps } from '../../../shared';
 export type WalletHeaderProps = Partial<ModalProps> & CopyKey & {
     heading: string | JSX.Element;
     projectSettings?: ProjectSettings;
-    walletConnector?: WalletConnector | null;
 };
 export declare const Header: FC<WalletHeaderProps>;