@dynamic-labs/sdk-react-core 3.9.9 → 3.9.10

package/src/lib/utils/hooks/events/useDynamicEvents/useDynamicEvents.d.ts

@@ -4,5 +4,5 @@ type DynamicEventListener<E extends keyof DynamicEvents> = (...args: EventArgs<D
 /** Allows us to subscribe to all dynamicEvents with a hook, even the internal ones */
 export declare const useInternalDynamicEvents: <E extends keyof import("../../../../events/auth").AuthEvents | keyof import("../../../../events/ui").UIEvents | keyof import("../../../../events/otp").OTPEvents | keyof import("../../../../events/wallets").WalletEvents | keyof import("../../../../events/passkey").PasskeyEvents | "farcasterConnectCancelled" | keyof import("../../../../events/embeddedWallet").EmbeddedWalletEvents | keyof import("../../../../events/multiWallet").MultiWalletInternalEvents | "tokenBalancesChanged">(event: E, listener: DynamicEventListener<E>) => void;
 /** Allows subscribing to dynamic events directly inside components with a hook */
-export declare const useDynamicEvents: <E extends "logout" | "mfaCompletionSuccess" | "mfaCompletionFailure" | "emailVerificationResult" | "walletAdded" | "primaryWalletChanged" | "primaryWalletNetworkChanged" | "embeddedWalletCreated">(event: E, listener: DynamicEventListener<E>) => void;
+export declare const useDynamicEvents: <E extends "logout" | "mfaCompletionSuccess" | "mfaCompletionFailure" | "emailVerificationResult" | "smsVerificationResult" | "walletAdded" | "walletRemoved" | "primaryWalletChanged" | "primaryWalletNetworkChanged" | "userWalletsChanged" | "embeddedWalletCreated">(event: E, listener: DynamicEventListener<E>) => void;
 export {};

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

@@ -68,3 +68,4 @@ export { useTelegramLogin } from './useTelegramLogin';
 export { useDebounce } from './useDebounce';
 export * from './useEmbeddedWallet';
 export { useUpgradeEmbeddedWallet } from './useUpgradeEmbeddedWallet';
+export { useAggregateWalletEvents } from './useAggregateWalletEvents';

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

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

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

@@ -0,0 +1,56 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var UserWalletsContext = require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
+var useDynamicEvents = require('../events/useDynamicEvents/useDynamicEvents.cjs');
+var dynamicEvents = require('../../../events/dynamicEvents.cjs');
+
+const useAggregateWalletEvents = (primaryWallet) => {
+    const { userWallets } = UserWalletsContext.useInternalUserWallets();
+    const findPrimaryWallet = (wallets) => wallets.find((wallet) => wallet.id === (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.id));
+    useDynamicEvents.useInternalDynamicEvents('walletAdded', (wallet, userWallets) => {
+        dynamicEvents.dynamicEvents.emit('userWalletsChanged', {
+            addedWallet: wallet,
+            primaryWallet: findPrimaryWallet(userWallets),
+            updateType: 'walletAdded',
+            userWallets,
+        });
+    });
+    useDynamicEvents.useInternalDynamicEvents('walletRemoved', (wallet, userWallets) => {
+        dynamicEvents.dynamicEvents.emit('userWalletsChanged', {
+            primaryWallet: findPrimaryWallet(userWallets),
+            removedWallet: wallet,
+            updateType: 'walletRemoved',
+            userWallets,
+        });
+    });
+    useDynamicEvents.useInternalDynamicEvents('primaryWalletChanged', (newPrimaryWallet) => {
+        dynamicEvents.dynamicEvents.emit('userWalletsChanged', {
+            primaryWallet: newPrimaryWallet,
+            updateType: 'primaryWalletChanged',
+            userWallets,
+        });
+    });
+    useDynamicEvents.useInternalDynamicEvents('primaryWalletNetworkChanged', (newNetwork) => {
+        dynamicEvents.dynamicEvents.emit('userWalletsChanged', {
+            newNetwork,
+            primaryWallet: findPrimaryWallet(userWallets),
+            updateType: 'primaryWalletNetworkChanged',
+            userWallets,
+        });
+    });
+    useDynamicEvents.useInternalDynamicEvents('nonPrimaryWalletNetworkChanged', (newNetwork, connector) => {
+        const affectedWallets = userWallets.filter((wallet) => wallet.connector.key === connector.key);
+        dynamicEvents.dynamicEvents.emit('userWalletsChanged', {
+            affectedWallets,
+            newNetwork,
+            primaryWallet: findPrimaryWallet(userWallets),
+            updateType: 'nonPrimaryWalletNetworkChanged',
+            userWallets,
+        });
+    });
+};
+
+exports.useAggregateWalletEvents = useAggregateWalletEvents;

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

@@ -0,0 +1,2 @@
+import { Wallet as WalletConnectorCoreWallet } from '@dynamic-labs/wallet-connector-core';
+export declare const useAggregateWalletEvents: (primaryWallet: WalletConnectorCoreWallet | null) => void;

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

@@ -0,0 +1,52 @@
+'use client'
+import { useInternalUserWallets } from '../../../context/UserWalletsContext/UserWalletsContext.js';
+import { useInternalDynamicEvents } from '../events/useDynamicEvents/useDynamicEvents.js';
+import { dynamicEvents } from '../../../events/dynamicEvents.js';
+
+const useAggregateWalletEvents = (primaryWallet) => {
+    const { userWallets } = useInternalUserWallets();
+    const findPrimaryWallet = (wallets) => wallets.find((wallet) => wallet.id === (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.id));
+    useInternalDynamicEvents('walletAdded', (wallet, userWallets) => {
+        dynamicEvents.emit('userWalletsChanged', {
+            addedWallet: wallet,
+            primaryWallet: findPrimaryWallet(userWallets),
+            updateType: 'walletAdded',
+            userWallets,
+        });
+    });
+    useInternalDynamicEvents('walletRemoved', (wallet, userWallets) => {
+        dynamicEvents.emit('userWalletsChanged', {
+            primaryWallet: findPrimaryWallet(userWallets),
+            removedWallet: wallet,
+            updateType: 'walletRemoved',
+            userWallets,
+        });
+    });
+    useInternalDynamicEvents('primaryWalletChanged', (newPrimaryWallet) => {
+        dynamicEvents.emit('userWalletsChanged', {
+            primaryWallet: newPrimaryWallet,
+            updateType: 'primaryWalletChanged',
+            userWallets,
+        });
+    });
+    useInternalDynamicEvents('primaryWalletNetworkChanged', (newNetwork) => {
+        dynamicEvents.emit('userWalletsChanged', {
+            newNetwork,
+            primaryWallet: findPrimaryWallet(userWallets),
+            updateType: 'primaryWalletNetworkChanged',
+            userWallets,
+        });
+    });
+    useInternalDynamicEvents('nonPrimaryWalletNetworkChanged', (newNetwork, connector) => {
+        const affectedWallets = userWallets.filter((wallet) => wallet.connector.key === connector.key);
+        dynamicEvents.emit('userWalletsChanged', {
+            affectedWallets,
+            newNetwork,
+            primaryWallet: findPrimaryWallet(userWallets),
+            updateType: 'nonPrimaryWalletNetworkChanged',
+            userWallets,
+        });
+    });
+};
+
+export { useAggregateWalletEvents };

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

@@ -189,7 +189,9 @@ const usePasskeyRecovery = () => {
         }
         else if (!authenticatorType &&
             supportedAuthenticatorMethods.length > 1) {
-            setView('embedded-wallet-auth-choice', { currentAction });
+            setView('embedded-wallet-auth-choice', {
+                currentAction,
+            });
             setShowAuthFlow(true, {
                 ignoreIfIsEmbeddedWidget: false,
                 performMultiWalletChecks: false,

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

@@ -185,7 +185,9 @@ const usePasskeyRecovery = () => {
         }
         else if (!authenticatorType &&
             supportedAuthenticatorMethods.length > 1) {
-            setView('embedded-wallet-auth-choice', { currentAction });
+            setView('embedded-wallet-auth-choice', {
+                currentAction,
+            });
             setShowAuthFlow(true, {
                 ignoreIfIsEmbeddedWidget: false,
                 performMultiWalletChecks: false,

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

@@ -158,6 +158,9 @@ const useWalletEventListeners = ({ disconnectWallet, handleLogOut, multiWallet,
             }
         }
     });
+    useWalletConnectorEvent.useWalletConnectorEvent(uniqueNonPrimaryWallets, 'chainChange', ({ chain }, connector) => {
+        dynamicEvents.dynamicEvents.emit('nonPrimaryWalletNetworkChanged', chain, connector);
+    });
 };
 
 exports.useWalletEventListeners = useWalletEventListeners;

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

@@ -154,6 +154,9 @@ const useWalletEventListeners = ({ disconnectWallet, handleLogOut, multiWallet,
             }
         }
     });
+    useWalletConnectorEvent(uniqueNonPrimaryWallets, 'chainChange', ({ chain }, connector) => {
+        dynamicEvents.emit('nonPrimaryWalletNetworkChanged', chain, connector);
+    });
 };
 
 export { useWalletEventListeners };

package/src/lib/views/EmbeddedReveal/EmbeddedRevealView/EmbeddedRevealView.cjs

@@ -75,6 +75,7 @@ require('../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
+var NeedHelpSection = require('../../../components/NeedHelpSection/NeedHelpSection.cjs');
 require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
@@ -244,9 +245,9 @@ const EmbeddedRevealView = ({ exportPrivateKey, }) => {
                                 color: 'inherit',
                             }, children: t('dyn_embedded_reveal.done_button_label') })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: 'embedded-reveal-view__body__description', children: jsxRuntime.jsx(Badge.Badge, { text: t('dyn_embedded_reveal.badge_label'), className: 'embedded-reveal-view__body__badge' }) }), errorText && jsxRuntime.jsx(ErrorContainer.ErrorContainer, { children: errorText }), jsxRuntime.jsxs("div", { className: 'embedded-reveal-view__body__card', children: [jsxRuntime.jsxs("div", { className: 'embedded-reveal-view__body__card__statement', children: [jsxRuntime.jsx("div", { className: 'embedded-reveal-view__body__card__icon', children: jsxRuntime.jsx(walletV2.ReactComponent, {}) }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', style: { letterSpacing: '-0.15px' }, copykey: 'dyn_embedded_reveal.statement_1.title', children: t('dyn_embedded_reveal.statement_1.title') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', weight: 'regular', copykey: 'dyn_embedded_reveal.statement_1.description', children: t('dyn_embedded_reveal.statement_1.description') })] })] }), jsxRuntime.jsxs("div", { className: 'embedded-reveal-view__body__card__statement', children: [jsxRuntime.jsx("div", { className: 'embedded-reveal-view__body__card__icon', children: jsxRuntime.jsx(eyeOffIcon.ReactComponent, {}) }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', style: { letterSpacing: '-0.15px' }, copykey: 'dyn_embedded_reveal.statement_2.title', children: t('dyn_embedded_reveal.statement_2.title') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', weight: 'regular', copykey: 'dyn_embedded_reveal.statement_2.description', children: t('dyn_embedded_reveal.statement_2.description', {
                                                                 credential_type: credentialTitle === null || credentialTitle === void 0 ? void 0 : credentialTitle.toLowerCase(),
-                                                            }) })] })] })] }), jsxRuntime.jsxs("div", { className: 'embedded-reveal-view__body__confirm_card', children: [jsxRuntime.jsxs("button", { className: 'embedded-reveal-view__body__card__acknowledgement', onClick: () => setAcknowledgement1(!acknowledgement1), children: [jsxRuntime.jsx("div", { children: jsxRuntime.jsx(Checkbox.Checkbox, { checked: acknowledgement1, onChange: () => setAcknowledgement1(!acknowledgement1), className: 'embedded-reveal-view__body__card__statement__checkbox', id: 'embedded-reveal-checkbox-1' }) }), jsxRuntime.jsx("div", { children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', style: { letterSpacing: '-0.15px' }, copykey: 'dyn_embedded_reveal.checkbox_label', children: t('dyn_embedded_reveal.checkbox_label') }) })] }), jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonPadding: 'large', buttonVariant: 'brand-primary', typographyProps: {
-                                                color: 'inherit',
-                                            }, onClick: () => handleExportWallet(), disabled: !acknowledgement1 || exportLoading, loading: isLoading, dataTestId: 'embedded-reveal-button', copykey: 'dyn_embedded_reveal.reveal_button_label', children: t('dyn_embedded_reveal.reveal_button_label') })] })] }))] }) })] }));
+                                                            }) })] })] })] }), jsxRuntime.jsx("div", { className: 'embedded-reveal-view__body__confirm_card', children: jsxRuntime.jsxs("button", { className: 'embedded-reveal-view__body__card__acknowledgement', onClick: () => setAcknowledgement1(!acknowledgement1), children: [jsxRuntime.jsx("div", { children: jsxRuntime.jsx(Checkbox.Checkbox, { checked: acknowledgement1, onChange: () => setAcknowledgement1(!acknowledgement1), className: 'embedded-reveal-view__body__card__statement__checkbox', id: 'embedded-reveal-checkbox-1' }) }), jsxRuntime.jsx("div", { children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', style: { letterSpacing: '-0.15px' }, copykey: 'dyn_embedded_reveal.checkbox_label', children: t('dyn_embedded_reveal.checkbox_label') }) })] }) }), jsxRuntime.jsx(NeedHelpSection.NeedHelpSection, { isExport: true }), jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonPadding: 'large', buttonVariant: 'brand-primary', typographyProps: {
+                                        color: 'inherit',
+                                    }, onClick: () => handleExportWallet(), disabled: !acknowledgement1 || exportLoading, loading: isLoading, dataTestId: 'embedded-reveal-button', copykey: 'dyn_embedded_reveal.reveal_button_label', children: t('dyn_embedded_reveal.reveal_button_label') })] }))] }) })] }));
 };
 
 exports.EmbeddedRevealView = EmbeddedRevealView;

package/src/lib/views/EmbeddedReveal/EmbeddedRevealView/EmbeddedRevealView.js

@@ -71,6 +71,7 @@ import '../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
+import { NeedHelpSection } from '../../../components/NeedHelpSection/NeedHelpSection.js';
 import '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
@@ -240,9 +241,9 @@ const EmbeddedRevealView = ({ exportPrivateKey, }) => {
                                 color: 'inherit',
                             }, children: t('dyn_embedded_reveal.done_button_label') })) : (jsxs(Fragment, { children: [jsx("div", { className: 'embedded-reveal-view__body__description', children: jsx(Badge, { text: t('dyn_embedded_reveal.badge_label'), className: 'embedded-reveal-view__body__badge' }) }), errorText && jsx(ErrorContainer, { children: errorText }), jsxs("div", { className: 'embedded-reveal-view__body__card', children: [jsxs("div", { className: 'embedded-reveal-view__body__card__statement', children: [jsx("div", { className: 'embedded-reveal-view__body__card__icon', children: jsx(SvgWalletV2, {}) }), jsxs("div", { children: [jsx(Typography, { variant: 'body_normal', color: 'primary', style: { letterSpacing: '-0.15px' }, copykey: 'dyn_embedded_reveal.statement_1.title', children: t('dyn_embedded_reveal.statement_1.title') }), jsx(Typography, { variant: 'body_small', color: 'secondary', weight: 'regular', copykey: 'dyn_embedded_reveal.statement_1.description', children: t('dyn_embedded_reveal.statement_1.description') })] })] }), jsxs("div", { className: 'embedded-reveal-view__body__card__statement', children: [jsx("div", { className: 'embedded-reveal-view__body__card__icon', children: jsx(SvgEyeOffIcon, {}) }), jsxs("div", { children: [jsx(Typography, { variant: 'body_normal', color: 'primary', style: { letterSpacing: '-0.15px' }, copykey: 'dyn_embedded_reveal.statement_2.title', children: t('dyn_embedded_reveal.statement_2.title') }), jsx(Typography, { variant: 'body_small', color: 'secondary', weight: 'regular', copykey: 'dyn_embedded_reveal.statement_2.description', children: t('dyn_embedded_reveal.statement_2.description', {
                                                                 credential_type: credentialTitle === null || credentialTitle === void 0 ? void 0 : credentialTitle.toLowerCase(),
-                                                            }) })] })] })] }), jsxs("div", { className: 'embedded-reveal-view__body__confirm_card', children: [jsxs("button", { className: 'embedded-reveal-view__body__card__acknowledgement', onClick: () => setAcknowledgement1(!acknowledgement1), children: [jsx("div", { children: jsx(Checkbox, { checked: acknowledgement1, onChange: () => setAcknowledgement1(!acknowledgement1), className: 'embedded-reveal-view__body__card__statement__checkbox', id: 'embedded-reveal-checkbox-1' }) }), jsx("div", { children: jsx(Typography, { variant: 'body_normal', color: 'primary', style: { letterSpacing: '-0.15px' }, copykey: 'dyn_embedded_reveal.checkbox_label', children: t('dyn_embedded_reveal.checkbox_label') }) })] }), jsx(TypographyButton, { buttonPadding: 'large', buttonVariant: 'brand-primary', typographyProps: {
-                                                color: 'inherit',
-                                            }, onClick: () => handleExportWallet(), disabled: !acknowledgement1 || exportLoading, loading: isLoading, dataTestId: 'embedded-reveal-button', copykey: 'dyn_embedded_reveal.reveal_button_label', children: t('dyn_embedded_reveal.reveal_button_label') })] })] }))] }) })] }));
+                                                            }) })] })] })] }), jsx("div", { className: 'embedded-reveal-view__body__confirm_card', children: jsxs("button", { className: 'embedded-reveal-view__body__card__acknowledgement', onClick: () => setAcknowledgement1(!acknowledgement1), children: [jsx("div", { children: jsx(Checkbox, { checked: acknowledgement1, onChange: () => setAcknowledgement1(!acknowledgement1), className: 'embedded-reveal-view__body__card__statement__checkbox', id: 'embedded-reveal-checkbox-1' }) }), jsx("div", { children: jsx(Typography, { variant: 'body_normal', color: 'primary', style: { letterSpacing: '-0.15px' }, copykey: 'dyn_embedded_reveal.checkbox_label', children: t('dyn_embedded_reveal.checkbox_label') }) })] }) }), jsx(NeedHelpSection, { isExport: true }), jsx(TypographyButton, { buttonPadding: 'large', buttonVariant: 'brand-primary', typographyProps: {
+                                        color: 'inherit',
+                                    }, onClick: () => handleExportWallet(), disabled: !acknowledgement1 || exportLoading, loading: isLoading, dataTestId: 'embedded-reveal-button', copykey: 'dyn_embedded_reveal.reveal_button_label', children: t('dyn_embedded_reveal.reveal_button_label') })] }))] }) })] }));
 };
 
 export { EmbeddedRevealView };

package/src/lib/views/Passkey/EmbeddedAuthChoice/EmbeddedAuthChoice.cjs

@@ -68,6 +68,7 @@ require('../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
+var SupportLinks = require('../../../components/SupportLinks/SupportLinks.cjs');
 require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
@@ -116,7 +117,7 @@ const titleDescriptionMap = {
     },
 };
 const EmbeddedAuthChoice = ({ currentAction, }) => {
-    var _a;
+    var _a, _b, _c;
     const { t } = reactI18next.useTranslation();
     const { primaryWallet, projectSettings, setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
     const { getEOAWallet } = useSmartWallets.useSmartWallets();
@@ -127,7 +128,8 @@ const EmbeddedAuthChoice = ({ currentAction, }) => {
         var _a;
         const supportedAuths = getEnabledEmbeddedWalletsAuthenticators.getEnabledEmbeddedWalletsAuthenticators((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _a === void 0 ? void 0 : _a.supportedSecurityMethods);
         const supportedMethods = Object.keys(supportedAuths);
-        if (!currentAction || !['helpSession', 'reveal'].includes(currentAction)) {
+        if (!currentAction ||
+            !['helpSession', 'reveal'].includes(currentAction.type)) {
             return supportedMethods.filter((auth) => auth !== 'email');
         }
         return supportedMethods;
@@ -143,13 +145,21 @@ const EmbeddedAuthChoice = ({ currentAction, }) => {
     const buttonCopyKey = isEmailAuthSessionActive()
         ? 'dyn_embedded_authenticator.passkey.auth_info.start_button'
         : 'dyn_embedded_authenticator.passkey.auth_info.add_button';
-    const { title, description } = titleDescriptionMap[currentAction || 'signMessage'];
+    const { title, description } = titleDescriptionMap[(currentAction === null || currentAction === void 0 ? void 0 : currentAction.type) || 'signMessage'];
+    const supportUrls = (_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general) === null || _b === void 0 ? void 0 : _b.supportUrls;
+    const supportEmail = (_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general) === null || _c === void 0 ? void 0 : _c.supportEmail;
     if (!(supportedAuthenticators === null || supportedAuthenticators === void 0 ? void 0 : supportedAuthenticators.length)) {
         return null;
     }
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { children: jsxRuntime.jsx(Typography.Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', copykey: title, children: t(title) }) }), jsxRuntime.jsxs("div", { className: 'embedded-auth-choice', children: [jsxRuntime.jsx("div", { className: 'embedded-auth-choice__header', children: renderIcon() }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'embedded-auth-choice__subtitle', copykey: description, children: t(description) }), supportedAuthenticators.length > 1 ? (jsxRuntime.jsx(EmbeddedAuthChoiceCards.EmbeddedAuthChoiceCards, { currentAction: currentAction, supportedAuthenticators: supportedAuthenticators })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(AuthChoiceInfo.AuthChoiceInfo, { choice: 'passkey' }), jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'passkey-only-choice-button', buttonVariant: 'brand-primary', color: 'brand-primary', expanded: true, onClick: () => initPasskeyRecoveryProcess('passkey'), copykey: buttonCopyKey, typographyProps: {
                                     color: 'inherit',
-                                }, children: t(buttonCopyKey) })] })), currentAction !== 'reveal' && (jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonVariant: 'primary', buttonClassName: 'embedded-auth-choice__skip-button', expanded: true, onClick: () => setShowAuthFlow(false), copykey: 'dyn_embedded_authenticator.skip', children: t('dyn_embedded_authenticator.skip') }))] })] }));
+                                }, children: t(buttonCopyKey) })] })), (currentAction === null || currentAction === void 0 ? void 0 : currentAction.type) !== 'reveal' && (jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonVariant: 'primary', buttonClassName: 'embedded-auth-choice__skip-button', expanded: true, onClick: () => {
+                            var _a, _b, _c;
+                            ((_a = currentAction === null || currentAction === void 0 ? void 0 : currentAction.settings) === null || _a === void 0 ? void 0 : _a.goBack)
+                                ? (_c = (_b = currentAction === null || currentAction === void 0 ? void 0 : currentAction.settings) === null || _b === void 0 ? void 0 : _b.goBack) === null || _c === void 0 ? void 0 : _c.call(_b)
+                                : setShowAuthFlow(false);
+                        }, copykey: 'dyn_embedded_authenticator.skip', children: t('dyn_embedded_authenticator.skip') })), (currentAction === null || currentAction === void 0 ? void 0 : currentAction.type) === 'helpSession' &&
+                        (supportUrls || supportEmail) && (jsxRuntime.jsx("div", { className: 'embedded-auth-choice__support-links', children: jsxRuntime.jsx(SupportLinks.SupportLinks, { supportEmail: supportEmail, supportUrls: supportUrls }) }))] })] }));
 };
 
 exports.EmbeddedAuthChoice = EmbeddedAuthChoice;

package/src/lib/views/Passkey/EmbeddedAuthChoice/EmbeddedAuthChoice.js

@@ -64,6 +64,7 @@ import '../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
+import { SupportLinks } from '../../../components/SupportLinks/SupportLinks.js';
 import '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
@@ -112,7 +113,7 @@ const titleDescriptionMap = {
     },
 };
 const EmbeddedAuthChoice = ({ currentAction, }) => {
-    var _a;
+    var _a, _b, _c;
     const { t } = useTranslation();
     const { primaryWallet, projectSettings, setShowAuthFlow } = useInternalDynamicContext();
     const { getEOAWallet } = useSmartWallets();
@@ -123,7 +124,8 @@ const EmbeddedAuthChoice = ({ currentAction, }) => {
         var _a;
         const supportedAuths = getEnabledEmbeddedWalletsAuthenticators((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _a === void 0 ? void 0 : _a.supportedSecurityMethods);
         const supportedMethods = Object.keys(supportedAuths);
-        if (!currentAction || !['helpSession', 'reveal'].includes(currentAction)) {
+        if (!currentAction ||
+            !['helpSession', 'reveal'].includes(currentAction.type)) {
             return supportedMethods.filter((auth) => auth !== 'email');
         }
         return supportedMethods;
@@ -139,13 +141,21 @@ const EmbeddedAuthChoice = ({ currentAction, }) => {
     const buttonCopyKey = isEmailAuthSessionActive()
         ? 'dyn_embedded_authenticator.passkey.auth_info.start_button'
         : 'dyn_embedded_authenticator.passkey.auth_info.add_button';
-    const { title, description } = titleDescriptionMap[currentAction || 'signMessage'];
+    const { title, description } = titleDescriptionMap[(currentAction === null || currentAction === void 0 ? void 0 : currentAction.type) || 'signMessage'];
+    const supportUrls = (_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general) === null || _b === void 0 ? void 0 : _b.supportUrls;
+    const supportEmail = (_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general) === null || _c === void 0 ? void 0 : _c.supportEmail;
     if (!(supportedAuthenticators === null || supportedAuthenticators === void 0 ? void 0 : supportedAuthenticators.length)) {
         return null;
     }
     return (jsxs(Fragment, { children: [jsx(ModalHeader, { children: jsx(Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', copykey: title, children: t(title) }) }), jsxs("div", { className: 'embedded-auth-choice', children: [jsx("div", { className: 'embedded-auth-choice__header', children: renderIcon() }), jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'embedded-auth-choice__subtitle', copykey: description, children: t(description) }), supportedAuthenticators.length > 1 ? (jsx(EmbeddedAuthChoiceCards, { currentAction: currentAction, supportedAuthenticators: supportedAuthenticators })) : (jsxs(Fragment, { children: [jsx(AuthChoiceInfo, { choice: 'passkey' }), jsx(TypographyButton, { dataTestId: 'passkey-only-choice-button', buttonVariant: 'brand-primary', color: 'brand-primary', expanded: true, onClick: () => initPasskeyRecoveryProcess('passkey'), copykey: buttonCopyKey, typographyProps: {
                                     color: 'inherit',
-                                }, children: t(buttonCopyKey) })] })), currentAction !== 'reveal' && (jsx(TypographyButton, { buttonVariant: 'primary', buttonClassName: 'embedded-auth-choice__skip-button', expanded: true, onClick: () => setShowAuthFlow(false), copykey: 'dyn_embedded_authenticator.skip', children: t('dyn_embedded_authenticator.skip') }))] })] }));
+                                }, children: t(buttonCopyKey) })] })), (currentAction === null || currentAction === void 0 ? void 0 : currentAction.type) !== 'reveal' && (jsx(TypographyButton, { buttonVariant: 'primary', buttonClassName: 'embedded-auth-choice__skip-button', expanded: true, onClick: () => {
+                            var _a, _b, _c;
+                            ((_a = currentAction === null || currentAction === void 0 ? void 0 : currentAction.settings) === null || _a === void 0 ? void 0 : _a.goBack)
+                                ? (_c = (_b = currentAction === null || currentAction === void 0 ? void 0 : currentAction.settings) === null || _b === void 0 ? void 0 : _b.goBack) === null || _c === void 0 ? void 0 : _c.call(_b)
+                                : setShowAuthFlow(false);
+                        }, copykey: 'dyn_embedded_authenticator.skip', children: t('dyn_embedded_authenticator.skip') })), (currentAction === null || currentAction === void 0 ? void 0 : currentAction.type) === 'helpSession' &&
+                        (supportUrls || supportEmail) && (jsx("div", { className: 'embedded-auth-choice__support-links', children: jsx(SupportLinks, { supportEmail: supportEmail, supportUrls: supportUrls }) }))] })] }));
 };
 
 export { EmbeddedAuthChoice };

package/src/lib/views/Passkey/EmbeddedAuthChoiceCards/EmbeddedAuthChoiceCards.cjs

@@ -113,7 +113,7 @@ const EmbeddedAuthChoiceCards = ({ currentAction, supportedAuthenticators, }) =>
             description: t('dyn_embedded_authenticator.passkey.description'),
             descriptionKey: 'dyn_embedded_authenticator.passkey.description',
             icon: (jsxRuntime.jsx(PasskeyDeviceIcon.PasskeyDeviceIcon, { defaultIcon: jsxRuntime.jsx(androidTouchId.ReactComponent, { "data-testid": 'default-icon' }) })),
-            titleKey: currentAction === 'reveal'
+            titleKey: (currentAction === null || currentAction === void 0 ? void 0 : currentAction.type) === 'reveal'
                 ? 'dyn_embedded_authenticator.passkey.reveal_title'
                 : 'dyn_embedded_authenticator.passkey.title',
         },

package/src/lib/views/Passkey/EmbeddedAuthChoiceCards/EmbeddedAuthChoiceCards.js

@@ -109,7 +109,7 @@ const EmbeddedAuthChoiceCards = ({ currentAction, supportedAuthenticators, }) =>
             description: t('dyn_embedded_authenticator.passkey.description'),
             descriptionKey: 'dyn_embedded_authenticator.passkey.description',
             icon: (jsx(PasskeyDeviceIcon, { defaultIcon: jsx(SvgAndroidTouchId, { "data-testid": 'default-icon' }) })),
-            titleKey: currentAction === 'reveal'
+            titleKey: (currentAction === null || currentAction === void 0 ? void 0 : currentAction.type) === 'reveal'
                 ? 'dyn_embedded_authenticator.passkey.reveal_title'
                 : 'dyn_embedded_authenticator.passkey.title',
         },

package/src/lib/views/Passkey/PasskeyRecovery/BundleValidation/PasskeyBundleRecovery.cjs

@@ -120,13 +120,21 @@ const PasskeyBundleRecovery = ({ authenticatorType, currentAction, }) => {
         authenticatorType === 'email' &&
             dynamicEvents.dynamicEvents.emit('passkeyRecoveryCompleted', primaryWallet);
         setTimeout(() => {
+            const goBack = () => {
+                var _a, _b, _c;
+                ((_a = currentAction === null || currentAction === void 0 ? void 0 : currentAction.settings) === null || _a === void 0 ? void 0 : _a.goBack)
+                    ? (_c = (_b = currentAction === null || currentAction === void 0 ? void 0 : currentAction.settings) === null || _b === void 0 ? void 0 : _b.goBack) === null || _c === void 0 ? void 0 : _c.call(_b)
+                    : setShowAuthFlow(false);
+            };
             if (authenticatorType === 'passkey') {
-                return setView('passkey-recovery-complete');
+                return setView('passkey-recovery-complete', {
+                    goBack: () => goBack(),
+                });
             }
-            if (currentAction === 'reveal') {
+            if ((currentAction === null || currentAction === void 0 ? void 0 : currentAction.type) === 'reveal') {
                 return;
             }
-            setShowAuthFlow(false);
+            goBack();
         }, 2000);
     }));
     /**

package/src/lib/views/Passkey/PasskeyRecovery/BundleValidation/PasskeyBundleRecovery.js

@@ -116,13 +116,21 @@ const PasskeyBundleRecovery = ({ authenticatorType, currentAction, }) => {
         authenticatorType === 'email' &&
             dynamicEvents.emit('passkeyRecoveryCompleted', primaryWallet);
         setTimeout(() => {
+            const goBack = () => {
+                var _a, _b, _c;
+                ((_a = currentAction === null || currentAction === void 0 ? void 0 : currentAction.settings) === null || _a === void 0 ? void 0 : _a.goBack)
+                    ? (_c = (_b = currentAction === null || currentAction === void 0 ? void 0 : currentAction.settings) === null || _b === void 0 ? void 0 : _b.goBack) === null || _c === void 0 ? void 0 : _c.call(_b)
+                    : setShowAuthFlow(false);
+            };
             if (authenticatorType === 'passkey') {
-                return setView('passkey-recovery-complete');
+                return setView('passkey-recovery-complete', {
+                    goBack: () => goBack(),
+                });
             }
-            if (currentAction === 'reveal') {
+            if ((currentAction === null || currentAction === void 0 ? void 0 : currentAction.type) === 'reveal') {
                 return;
             }
-            setShowAuthFlow(false);
+            goBack();
         }, 2000);
     }));
     /**

package/src/lib/views/Passkey/PasskeyRecovery/CompleteRecovery/PasskeyCompleteRecovery.cjs

@@ -93,8 +93,8 @@ require('../../../../store/state/tokenBalances.cjs');
 require('../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
-const PasskeyCompleteRecovery = () => {
-    const { primaryWallet, environmentId, user, setShowAuthFlow, setPasskeySuccessPopup, } = useInternalDynamicContext.useInternalDynamicContext();
+const PasskeyCompleteRecovery = ({ goBack, }) => {
+    const { primaryWallet, environmentId, user, setPasskeySuccessPopup } = useInternalDynamicContext.useInternalDynamicContext();
     const { isTurnkeyWalletWithoutAuthenticator } = useIsTurnkeyWallet.useIsTurnkeyWallet();
     const { getEOAWallet } = useSmartWallets.useSmartWallets();
     const { t } = reactI18next.useTranslation();
@@ -110,7 +110,7 @@ const PasskeyCompleteRecovery = () => {
             throw new utils.DynamicError('Error completing passkey recovery');
         }
         dynamicEvents.dynamicEvents.emit('passkeyRecoveryCompleted', primaryWallet);
-        setShowAuthFlow(false);
+        goBack();
         setPasskeySuccessPopup(PasskeyCreatedSuccessBanner.PasskeySuccessEnum.CREATED);
     }), {
         onFailure: (err) => {

package/src/lib/views/Passkey/PasskeyRecovery/CompleteRecovery/PasskeyCompleteRecovery.d.ts

@@ -1,2 +1,5 @@
 import { FC } from 'react';
-export declare const PasskeyCompleteRecovery: FC;
+export interface PasskeyCompleteRecoveryProps {
+    goBack: () => void;
+}
+export declare const PasskeyCompleteRecovery: FC<PasskeyCompleteRecoveryProps>;

package/src/lib/views/Passkey/PasskeyRecovery/CompleteRecovery/PasskeyCompleteRecovery.js

@@ -89,8 +89,8 @@ import '../../../../store/state/tokenBalances.js';
 import '../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
-const PasskeyCompleteRecovery = () => {
-    const { primaryWallet, environmentId, user, setShowAuthFlow, setPasskeySuccessPopup, } = useInternalDynamicContext();
+const PasskeyCompleteRecovery = ({ goBack, }) => {
+    const { primaryWallet, environmentId, user, setPasskeySuccessPopup } = useInternalDynamicContext();
     const { isTurnkeyWalletWithoutAuthenticator } = useIsTurnkeyWallet();
     const { getEOAWallet } = useSmartWallets();
     const { t } = useTranslation();
@@ -106,7 +106,7 @@ const PasskeyCompleteRecovery = () => {
             throw new DynamicError('Error completing passkey recovery');
         }
         dynamicEvents.emit('passkeyRecoveryCompleted', primaryWallet);
-        setShowAuthFlow(false);
+        goBack();
         setPasskeySuccessPopup(PasskeySuccessEnum.CREATED);
     }), {
         onFailure: (err) => {

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

@@ -55,7 +55,7 @@ export declare const viewToComponentMap: {
     'passkey-new-domain-detected': import("react").FC;
     'passkey-recovery-add-email': import("react").FC<import("./Passkey/PasskeyRecovery/AddRecoveryEmail/AddRecoveryEmail").AddRecoveryEmailProps>;
     'passkey-recovery-bundle': import("react").FC<import("./Passkey/PasskeyRecovery/BundleValidation/PasskeyBundleRecovery").PasskeyBundleValidationProps>;
-    'passkey-recovery-complete': import("react").FC;
+    'passkey-recovery-complete': import("react").FC<import("./Passkey/PasskeyRecovery/CompleteRecovery/PasskeyCompleteRecovery").PasskeyCompleteRecoveryProps>;
     'passkey-recovery-start': import("react").FC<import("./Passkey/PasskeyRecovery/InitRecovery/PasskeyInitRecovery").PasskeyInitRecoveryProps>;
     'pending-connect': () => JSX.Element;
     'pending-signature': () => JSX.Element | null;

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

@@ -153,7 +153,9 @@ const SettingsView = () => {
     const handleExportClick = (recoveryPhrase) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         if (!isSessionKeyCompatible) {
             if (yield shouldInitRecovery()) {
-                yield initPasskeyRecoveryProcess(undefined, 'reveal');
+                yield initPasskeyRecoveryProcess(undefined, {
+                    type: 'reveal',
+                });
             }
         }
         return initExportProcess(recoveryPhrase);

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

@@ -149,7 +149,9 @@ const SettingsView = () => {
     const handleExportClick = (recoveryPhrase) => __awaiter(void 0, void 0, void 0, function* () {
         if (!isSessionKeyCompatible) {
             if (yield shouldInitRecovery()) {
-                yield initPasskeyRecoveryProcess(undefined, 'reveal');
+                yield initPasskeyRecoveryProcess(undefined, {
+                    type: 'reveal',
+                });
             }
         }
         return initExportProcess(recoveryPhrase);