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

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

@@ -36,6 +36,7 @@ import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../components/Alert/Alert.js';
+import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '@dynamic-labs/viem-utils';
 import 'formik';
 import '../../components/ShadowDOM/ShadowDOM.js';
@@ -46,19 +47,27 @@ import { PopperProvider } from '../../components/Popper/PopperContext/PopperCont
 import 'react-focus-lock';
 import 'i18next';
 import '../../components/OverlayCard/OverlayCard.context.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 '../PasskeyContext/PasskeyContext.js';
 import { walletBookMock } from './constants/index.js';
 
 const MockContext = createContext(undefined);
-const MockContextProvider = ({ children, walletName, view, mockedWalletConnector, customerTheme, dynamicLayoutClassName, }) => {
+const MockContextProvider = ({ children, view, customerTheme, dynamicLayoutClassName, }) => {
     const viewContextValue = {
         goToInitialView: () => { },
         /* istanbul ignore next */
         setView: () => { },
         view,
     };
-    return (jsx(MockContext.Provider, { value: { mockedSDK: true }, children: jsx(PopperProvider, { children: jsx(ViewContext.Provider, { value: viewContextValue, children: jsx(ErrorContextProvider, { children: jsx(ThemeContextProvider, { customerTheme: customerTheme, children: jsx(FooterAnimationContextProvider, { children: jsx(WalletBookContextProvider, { walletBook: walletBookMock, children: jsx(MockContextWrapper, { dynamicLayoutClassName: dynamicLayoutClassName, mockedWalletConnector: mockedWalletConnector, walletName: walletName, children: children }) }) }) }) }) }) }) }));
+    return (jsx(MockContext.Provider, { value: { mockedSDK: true }, children: jsx(PopperProvider, { children: jsx(ViewContext.Provider, { value: viewContextValue, children: jsx(ErrorContextProvider, { children: jsx(ThemeContextProvider, { customerTheme: customerTheme, children: jsx(FooterAnimationContextProvider, { children: jsx(WalletBookContextProvider, { walletBook: walletBookMock, children: jsx(MockContextWrapper, { dynamicLayoutClassName: dynamicLayoutClassName, children: children }) }) }) }) }) }) }) }));
 };
-const MockContextWrapper = ({ dynamicLayoutClassName, mockedWalletConnector, walletName, children, }) => {
+const MockContextWrapper = ({ dynamicLayoutClassName, children, }) => {
     /* istanbul ignore next */
     const onClose = () => new Promise(() => { });
     const mockProjectSettings = {
@@ -72,9 +81,6 @@ const MockContextWrapper = ({ dynamicLayoutClassName, mockedWalletConnector, wal
     };
     return (jsx("div", { className: 'mock-ctx__container', style: { position: 'relative' }, children: jsx(DynamicAuthModal, { className: dynamicLayoutClassName, onClose: onClose, projectSettings: mockProjectSettings, transitionProps: {
                 isShown: true,
-            }, walletConnector: mockedWalletConnector !== null && mockedWalletConnector !== void 0 ? mockedWalletConnector : {
-                canConnectViaQrCode: true,
-                name: walletName,
             }, children: children }) }));
 };
 const useMockContext = () => {

package/src/lib/context/PasskeyContext/PasskeyContext.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+
+const PasskeyContext = React.createContext(undefined);
+const PasskeyContextProvider = ({ children, }) => {
+    // state for when passkey list needs to re-render
+    const [passkeyEdited, setPasskeyEdited] = React.useState(false);
+    // states to pass into rename passkey popup
+    const [passkey, setPasskey] = React.useState(undefined);
+    const [passkeyIcon, setPasskeyIcon] = React.useState(undefined);
+    const value = React.useMemo(() => ({
+        passkey,
+        passkeyEdited,
+        passkeyIcon,
+        setPasskey,
+        setPasskeyEdited,
+        setPasskeyIcon,
+    }), [passkey, passkeyIcon, passkeyEdited]);
+    return (jsxRuntime.jsx(PasskeyContext.Provider, { value: value, children: children }));
+};
+const usePasskeyContext = () => {
+    const context = React.useContext(PasskeyContext);
+    if (context === undefined) {
+        throw new Error('usage of PasskeyContext not wrapped in `PasskeyContextProvider`.');
+    }
+    return context;
+};
+
+exports.PasskeyContext = PasskeyContext;
+exports.PasskeyContextProvider = PasskeyContextProvider;
+exports.usePasskeyContext = usePasskeyContext;

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

@@ -0,0 +1,16 @@
+import { ReactNode, SetStateAction, Dispatch } from 'react';
+import { UserPasskey } from '@dynamic-labs/sdk-api';
+type PasskeyContextProps = {
+    passkey: UserPasskey | undefined;
+    setPasskey: Dispatch<SetStateAction<UserPasskey | undefined>>;
+    passkeyEdited: boolean;
+    setPasskeyEdited: Dispatch<SetStateAction<boolean>>;
+    passkeyIcon: JSX.Element | undefined;
+    setPasskeyIcon: Dispatch<SetStateAction<JSX.Element | undefined>>;
+};
+export declare const PasskeyContext: import("react").Context<PasskeyContextProps | undefined>;
+export declare const PasskeyContextProvider: ({ children, }: {
+    children: ReactNode;
+}) => JSX.Element;
+export declare const usePasskeyContext: () => PasskeyContextProps;
+export {};

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

@@ -0,0 +1,29 @@
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useState, useMemo, useContext } from 'react';
+
+const PasskeyContext = createContext(undefined);
+const PasskeyContextProvider = ({ children, }) => {
+    // state for when passkey list needs to re-render
+    const [passkeyEdited, setPasskeyEdited] = useState(false);
+    // states to pass into rename passkey popup
+    const [passkey, setPasskey] = useState(undefined);
+    const [passkeyIcon, setPasskeyIcon] = useState(undefined);
+    const value = useMemo(() => ({
+        passkey,
+        passkeyEdited,
+        passkeyIcon,
+        setPasskey,
+        setPasskeyEdited,
+        setPasskeyIcon,
+    }), [passkey, passkeyIcon, passkeyEdited]);
+    return (jsx(PasskeyContext.Provider, { value: value, children: children }));
+};
+const usePasskeyContext = () => {
+    const context = useContext(PasskeyContext);
+    if (context === undefined) {
+        throw new Error('usage of PasskeyContext not wrapped in `PasskeyContextProvider`.');
+    }
+    return context;
+};
+
+export { PasskeyContext, PasskeyContextProvider, usePasskeyContext };

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

@@ -0,0 +1 @@
+export * from './PasskeyContext';

package/src/lib/context/SendBalanceContext/SendBalanceContext.cjs

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

package/src/lib/context/SendBalanceContext/SendBalanceContext.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 '../../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 '../LoadingContext/LoadingContext.js';
-import 'qrcode';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';

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

@@ -50,14 +50,18 @@ require('react-focus-lock');
 require('formik');
 require('i18next');
 require('../../components/OverlayCard/OverlayCard.context.cjs');
-require('../FooterAnimationContext/index.cjs');
-require('../QrCodeContext/QrCodeContext.cjs');
+require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../views/WalletList/WalletList.cjs');
+require('../AccessDeniedContext/AccessDeniedContext.cjs');
+require('qrcode');
+require('@hcaptcha/react-hcaptcha');
+require('../LoadingContext/LoadingContext.cjs');
 require('../AccountExistsContext/AccountExistsContext.cjs');
 require('../WalletGroupContext/WalletGroupContext.cjs');
+require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('../FooterAnimationContext/index.cjs');
+require('../PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('../LoadingContext/LoadingContext.cjs');
-require('qrcode');
-require('../AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');

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

@@ -46,14 +46,18 @@ import 'react-focus-lock';
 import 'formik';
 import 'i18next';
 import '../../components/OverlayCard/OverlayCard.context.js';
-import '../FooterAnimationContext/index.js';
-import '../QrCodeContext/QrCodeContext.js';
+import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../views/WalletList/WalletList.js';
+import '../AccessDeniedContext/AccessDeniedContext.js';
+import 'qrcode';
+import '@hcaptcha/react-hcaptcha';
+import '../LoadingContext/LoadingContext.js';
 import '../AccountExistsContext/AccountExistsContext.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 '../LoadingContext/LoadingContext.js';
-import 'qrcode';
-import '../AccessDeniedContext/AccessDeniedContext.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/UserFieldEditorContext/UserFieldEditorContext.cjs

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

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 '../../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 '../LoadingContext/LoadingContext.js';
-import 'qrcode';
 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' | 'embedded-reveal-view' | 'embedded-reveal-account-view';
+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

@@ -430,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);
@@ -465,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,
         },
@@ -517,6 +519,19 @@ 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({
@@ -557,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

@@ -70,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 = {
@@ -99,6 +100,13 @@ 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;

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';
@@ -426,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);
@@ -461,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,
         },
@@ -513,6 +515,19 @@ 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({
@@ -528,4 +543,4 @@ const exportEmbeddedWallet = ({ userJwt, environmentId, walletId, activityId, })
     }
 });
 
-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, 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,6 +2,8 @@ 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 */

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

@@ -55,32 +55,35 @@ var WalletProgressStepper = require('./WalletProgressStepper/WalletProgressStepp
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 require('../../context/LoadingContext/LoadingContext.cjs');
-require('qrcode');
-require('../../context/QrCodeContext/QrCodeContext.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('../../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;