@dynamic-labs/sdk-react-core 4.3.0 → 4.3.2

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

@@ -1,12 +1,52 @@
 import { FC, PropsWithChildren } from 'react';
-import { SetView, ViewState, ViewType } from './types';
+import { ViewSetter, ViewState, ViewType } from './types';
 export type ViewContextProps = {
-    setView: SetView;
+    /**
+     * @deprecated Instead, use either:
+     * - pushView: if you want "goBack" to go back to current view after this navigation
+     * - replaceView: if you want "goBack" to go back to the currently previous view after this navigation
+     * - clearStackAndPush: if you want the view stack to be reset and this new view be the only one in the stack
+     */
+    setView: ViewSetter;
+    /**
+     * Replaces the top view of the stack with a new view
+     */
+    replaceView: ViewSetter;
+    /**
+     * Add a new view to the top of the stack
+     */
+    pushView: ViewSetter;
+    /**
+     * Current view at the top of the stack, or the initial view if the stack is empty
+     */
     view: ViewState<ViewType>;
+    /**
+     * @deprecated use clearStackAndPushInitialView instead
+     */
     goToInitialView: () => void;
+    /**
+     * Pops the current view from the stack, going back to the previous view
+     */
+    goBack: () => void;
+    /**
+     * Stack of views currently loaded
+     */
+    stack: ViewState<ViewType>[];
+    /**
+     * Clear the stack and set the new and only view in the stack
+     */
+    clearStackAndPush: ViewSetter;
+    /**
+     * Whether there is a previous view to go back to
+     */
+    canGoBack: boolean;
+    /**
+     * Reset the stack to the initial view
+     */
+    clearStackAndPushInitialView: () => void;
 };
 type ViewContextProviderProps = {
-    initialView?: ViewState<ViewType>;
+    initialViewType: ViewType;
 };
 export declare const ViewContext: import("react").Context<ViewContextProps | undefined>;
 export declare const ViewContextProvider: FC<PropsWithChildren<ViewContextProviderProps>>;

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

@@ -1,31 +1,72 @@
 'use client'
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useContext, useState, useCallback, useMemo } from 'react';
+import { createContext, useContext, useState, useMemo, useCallback } from 'react';
 import { useInternalDynamicEvents } from '../../utils/hooks/events/useDynamicEvents/useDynamicEvents.js';
 import { useErrorContext } from '../ErrorContext/ErrorContext.js';
 
 const ViewContext = createContext(undefined);
-const ViewContextProvider = ({ children, initialView = { props: { isWalletConnectList: true }, type: 'wallet-list' }, }) => {
-    const [_view, _setView] = useState(null);
-    const view = _view || initialView;
+const ViewContextProvider = ({ children, initialViewType }) => {
+    var _a;
+    const [stack, setStack] = useState([]);
+    const initialView = useMemo(() => ({ type: initialViewType }), [initialViewType]);
+    const view = (_a = stack[stack.length - 1]) !== null && _a !== void 0 ? _a : initialView;
     const { clearError } = useErrorContext();
-    const goToInitialView = useCallback(() => {
-        _setView(null);
-    }, []);
-    const setView = useCallback((type, props, events) => {
-        // we need to clear errors before proceeding to the next view
-        // but only if the next view is different from the current view
-        // this is to prevent the error from being cleared when the same view is re-rendered
-        if (view.type !== type)
-            clearError();
-        _setView({ events, props, type });
-    }, []);
-    useInternalDynamicEvents('logout', () => goToInitialView());
+    const pushView = useCallback((type, props, events) => {
+        if (view.type === type)
+            return;
+        clearError();
+        // If the stack was "empty" (i.e. showing a default view), let's make sure the stack
+        // reflects this by having this default view as the first item in the stack
+        setStack((stack) => {
+            if (stack.length === 0)
+                return [{ type: initialViewType }, { events, props, type }];
+            else
+                return [...stack, { events, props, type }];
+        });
+    }, [clearError, view.type, initialViewType]);
+    const replaceView = useCallback((type, props, events) => {
+        if (view.type === type)
+            return;
+        clearError();
+        setStack((prev) => [...prev.slice(0, -1), { events, props, type }]);
+    }, [clearError, view]);
+    const canGoBack = stack.length > 1;
+    const goBack = useCallback(() => {
+        if (!canGoBack)
+            return;
+        clearError();
+        setStack((prev) => prev.slice(0, -1));
+    }, [canGoBack, clearError]);
+    const clearStackAndPush = useCallback((type, props, events) => {
+        clearError();
+        setStack([{ events, props, type }]);
+    }, [clearError]);
+    const clearStackAndPushInitialView = useCallback(() => {
+        clearError();
+        setStack([]);
+    }, [clearError]);
+    useInternalDynamicEvents('logout', clearStackAndPushInitialView);
+    useInternalDynamicEvents('authFlowClose', clearStackAndPushInitialView);
     const value = useMemo(() => ({
-        goToInitialView,
-        setView,
+        canGoBack: stack.length > 1,
+        clearStackAndPush,
+        clearStackAndPushInitialView,
+        goBack,
+        goToInitialView: clearStackAndPushInitialView,
+        pushView,
+        replaceView,
+        setView: pushView,
+        stack,
         view,
-    }), [goToInitialView, setView, view]);
+    }), [
+        clearStackAndPushInitialView,
+        goBack,
+        clearStackAndPush,
+        pushView,
+        view,
+        stack,
+        replaceView,
+    ]);
     return jsx(ViewContext.Provider, { value: value, children: children });
 };
 const useViewContext = () => {

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

@@ -1,6 +1,6 @@
 import { FC } from 'react';
 import { viewToComponentMap } from '../../../views/viewToComponentMap';
-export type ViewType = 'access-blocked' | 'select-hardware-wallet' | 'captcha' | 'chainalysis-blocked-wallet' | 'collect-user-data' | 'collect-user-data-login-no-wallet' | 'deposit-view' | 'login-with-email-or-wallet-full-wallet-list' | 'login-with-email-or-wallet' | 'login-with-wallet-only' | 'login-with-email-verification' | 'login-with-sms-verification' | 'network-not-supported' | 'network-not-supported-manual' | 'no-access' | 'no-qr-not-installed' | 'pending-connect' | 'pending-signature-without-back-button' | 'pending-signature' | 'qr-code' | 'verify-email' | 'verify-sms' | 'wallet-connect-mobile-wallets-list' | 'wallet-list' | 'external-funding-wallet-list' | 'sandbox-maximum-threshold-reached' | 'multi-wallet-wallet-list' | 'wallet-sign' | 'wallet-used' | 'wallet-group' | 'select-wallet-in-wallet-group' | 'wait-for-email-confirmation-view' | 'email-wallet-otp-verification-view' | 'social-redirect-view' | 'wallet-locked-view' | 'social-wrong-account' | 'gate-blocked-wallet' | 'bridge-welcome' | 'bridge-summary' | 'bridge-next-wallet-connection' | 'account-exists' | 'merge-user-accounts' | 'merge-user-accounts-conflicts' | 'merge-user-accounts-with-same-email' | 'mfa-choose-device' | 'mfa-recovery' | 'mfa-secure-device' | 'mfa-secure-device-help' | 'mfa-verification' | 'mfa-display-backup-codes' | 'wallet-cannot-be-transferred' | 'passkey-intro' | 'passkey-recovery-add-email' | 'global-wallet-confirm' | 'global-wallet-malicious' | 'global-wallet-info' | 'passkey-recovery-start' | 'passkey-recovery-bundle' | 'passkey-recovery-complete' | 'passkey-new-domain-detected' | 'embedded-delete-view' | 'embedded-reveal-view' | 'embedded-reveal-account-view' | 'embedded-wallet-auth-choice' | 'rename-passkey' | 'wallet-redirect-view' | 'create-password-view' | 'wallet-claim-intro' | 'mobile-wallet-redirect-view' | 'farcaster-connect-view';
+export type ViewType = 'access-blocked' | 'select-hardware-wallet' | 'captcha' | 'chainalysis-blocked-wallet' | 'collect-user-data' | 'collect-user-data-login-no-wallet' | 'deposit-view' | 'login-with-email-or-wallet-full-wallet-list' | 'login-with-email-or-wallet' | 'login-with-wallet-only' | 'login-with-email-verification' | 'login-with-sms-verification' | 'network-not-supported' | 'network-not-supported-manual' | 'no-access' | 'no-qr-not-installed' | 'pending-connect' | 'pending-signature-without-back-button' | 'pending-signature' | 'qr-code' | 'verify-email' | 'verify-sms' | 'wallet-connect-mobile-wallets-list' | 'wallet-list' | 'external-funding-wallet-list' | 'sandbox-maximum-threshold-reached' | 'multi-wallet-wallet-list' | 'wallet-sign' | 'wallet-used' | 'wallet-group' | 'select-wallet-in-wallet-group' | 'wait-for-email-confirmation-view' | 'email-wallet-otp-verification-view' | 'social-redirect-view' | 'wallet-locked-view' | 'social-wrong-account' | 'gate-blocked-wallet' | 'bridge-welcome' | 'bridge-summary' | 'bridge-next-wallet-connection' | 'account-exists' | 'merge-user-accounts' | 'merge-user-accounts-conflicts' | 'merge-user-accounts-with-same-email' | 'mfa-choose-device' | 'mfa-recovery' | 'mfa-secure-device' | 'mfa-secure-device-help' | 'mfa-verification' | 'mfa-display-backup-codes' | 'wallet-cannot-be-transferred' | 'passkey-intro' | 'passkey-recovery-add-email' | 'global-wallet-confirm' | 'global-wallet-malicious' | 'global-wallet-info' | 'passkey-recovery-start' | 'passkey-recovery-bundle' | 'passkey-recovery-complete' | 'passkey-new-domain-detected' | 'embedded-delete-view' | 'embedded-reveal-view' | 'embedded-reveal-account-view' | 'embedded-wallet-auth-choice' | 'rename-passkey' | 'wallet-redirect-view' | 'create-password-view' | 'wallet-claim-intro' | 'mobile-wallet-redirect-view' | 'farcaster-connect-view' | 'embedded-wallet-exists';
 export type ViewMapConstraint = Record<ViewType, FC<any>>;
 type ComponentProps<T extends FC<any>> = T extends FC<infer P> ? P : never;
 export type ViewMap = typeof viewToComponentMap;
@@ -10,8 +10,9 @@ export type ViewState<T extends ViewType> = {
     events?: ViewEvents;
 };
 export type ViewEvents = {
-    onBackClick?: () => void;
+    /** If this returns 'override', the default back button behavior will be overridden */
+    onBackClick?: () => 'override' | void;
     onClose?: () => void;
 };
-export type SetView = <T extends ViewType>(view: T, props?: ViewState<T>['props'], events?: ViewEvents) => void;
+export type ViewSetter = <T extends ViewType>(view: T, props?: ViewState<T>['props'], events?: ViewEvents) => void;
 export {};

package/src/lib/data/api/wallets/wallets.cjs

@@ -51,6 +51,9 @@ const linkWallet = (environmentId_1, _b) => _tslib.__awaiter(void 0, [environmen
     }
     catch (e) {
         const data = yield utils.logResponseError(e, 'Error linkWallet');
+        if (data.code === 'embedded_wallet_address_already_linked') {
+            throw new utils$1.EmbeddedWalletExistsError(data.code);
+        }
         if (data.code === 'reassign_wallet_confirm' ||
             data.code === 'reassign_wallet_error') {
             throw new utils$1.WalletUsedError(data.code);

package/src/lib/data/api/wallets/wallets.js

@@ -1,7 +1,7 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { VerifyRequestFromJSON } from '@dynamic-labs/sdk-api-core';
-import { WalletUsedError, MergeAccountsConfirmationError, SandboxMaximumThresholdReachedError, DynamicError, WalletNotDeployedError, ChainalysisError, GateBlockedError, NoAccessError, AccountExistsError } from '@dynamic-labs/utils';
+import { EmbeddedWalletExistsError, WalletUsedError, MergeAccountsConfirmationError, SandboxMaximumThresholdReachedError, DynamicError, WalletNotDeployedError, ChainalysisError, GateBlockedError, NoAccessError, AccountExistsError } from '@dynamic-labs/utils';
 import { sdkApi } from '../api.js';
 import { storeAuthTokenAndUser } from '../../../store/state/user/storeAuthTokenAndUser/storeAuthTokenAndUser.js';
 import '../../../store/state/user/user.js';
@@ -47,6 +47,9 @@ const linkWallet = (environmentId_1, _b) => __awaiter(void 0, [environmentId_1,
     }
     catch (e) {
         const data = yield logResponseError(e, 'Error linkWallet');
+        if (data.code === 'embedded_wallet_address_already_linked') {
+            throw new EmbeddedWalletExistsError(data.code);
+        }
         if (data.code === 'reassign_wallet_confirm' ||
             data.code === 'reassign_wallet_error') {
             throw new WalletUsedError(data.code);

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

@@ -43,6 +43,7 @@ require('../../utils/functions/compareChains/compareChains.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 require('@dynamic-labs/types');
+require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../context/LoadingContext/LoadingContext.cjs');
 require('../../context/WalletContext/WalletContext.cjs');
 require('../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
@@ -84,7 +85,6 @@ require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/
 require('../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../index.cjs');
 require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
-require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../context/ConnectWithOtpContext/constants.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');

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

@@ -39,6 +39,7 @@ import '../../utils/functions/compareChains/compareChains.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import '@dynamic-labs/types';
+import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../context/LoadingContext/LoadingContext.js';
 import '../../context/WalletContext/WalletContext.js';
 import '../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
@@ -80,7 +81,6 @@ import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/P
 import '../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../index.js';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';
-import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../context/ConnectWithOtpContext/constants.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';

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

@@ -5,13 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var sdkApiCore = require('@dynamic-labs/sdk-api-core');
 require('@dynamic-labs/utils');
 require('../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../../components/Alert/Alert.cjs');
-var dynamicEvents = require('../../../events/dynamicEvents.cjs');
+require('../../../events/dynamicEvents.cjs');
 require('../../../../../_virtual/_tslib.cjs');
 require('../../../context/DynamicContext/DynamicContext.cjs');
+require('@dynamic-labs/sdk-api-core');
 require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
@@ -25,7 +25,6 @@ require('../../../utils/constants/colors.cjs');
 require('../../../utils/constants/values.cjs');
 require('../../../store/state/loadingAndLifecycle.cjs');
 require('../../../shared/consts/index.cjs');
-var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');
 var ErrorContext = require('../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -46,6 +45,7 @@ require('../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 require('@dynamic-labs/types');
+require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../context/WalletContext/WalletContext.cjs');
 require('../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
@@ -67,7 +67,6 @@ require('../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget
 var index = require('../../../context/FooterAnimationContext/index.cjs');
 var Skeleton = require('../../../components/Skeleton/Skeleton.cjs');
 var Tooltip = require('../../../components/Tooltip/Tooltip.cjs');
-var SocialRedirectContext = require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
@@ -102,48 +101,24 @@ require('qrcode');
 const Header = ({ onClose: handleClose, heading, projectSettings, copykey, description, descriptionCopykey, }) => {
     const { setError } = ErrorContext.useErrorContext();
     const { isFooterExpanded, setIsFooterExpanded } = index.useFooterAnimationContext();
-    const { selectedWalletConnector } = useInternalDynamicContext.useInternalDynamicContext();
-    const { goToInitialView, view, setView } = ViewContext.useViewContext();
-    const { showBackButton, showCloseButton, showHelpContent, isWalletListTypeView, displayBorderBelowHeader, } = useAuthLayoutChecks.useAuthLayoutChecks();
+    const { view, canGoBack, goBack } = ViewContext.useViewContext();
+    const { showCloseButton, showHelpContent, isWalletListTypeView, displayBorderBelowHeader, } = useAuthLayoutChecks.useAuthLayoutChecks();
     const { setExistentAccountData } = AccountExistsContext.useAccountExistsContext();
-    const { setSocialProvider } = SocialRedirectContext.useSocialRedirectContext();
     const handleBackClick = React.useCallback(() => {
         var _a;
         if ((_a = view.events) === null || _a === void 0 ? void 0 : _a.onBackClick) {
-            view.events.onBackClick();
-            return;
-        }
-        if (view.type === 'farcaster-connect-view') {
-            setSocialProvider(undefined);
-            dynamicEvents.dynamicEvents.emit('farcasterConnectCancelled');
-            dynamicEvents.dynamicEvents.emit('authFailure', {
-                option: sdkApiCore.ProviderEnum.Farcaster,
-                provider: sdkApiCore.ProviderEnum.Farcaster,
-                type: 'social',
-            }, 'user-cancelled');
+            const result = view.events.onBackClick();
+            if (result === 'override')
+                return;
         }
+        goBack();
         setExistentAccountData(undefined);
         setError(undefined);
-        if (view.type === 'no-qr-not-installed' &&
-            (selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.canConnectViaQrCode)) {
-            setView('qr-code');
-            return;
-        }
-        goToInitialView();
-    }, [
-        view.type,
-        view.events,
-        goToInitialView,
-        setExistentAccountData,
-        setError,
-        setSocialProvider,
-        setView,
-        selectedWalletConnector,
-    ]);
+    }, [view.events, goBack, setExistentAccountData, setError]);
     const closeButton = showCloseButton && handleClose && (jsxRuntime.jsx(IconButton.IconButton, { onClick: handleClose, type: 'button', id: 'close-button', "data-testid": 'close-button', className: 'layout-header__icon', children: jsxRuntime.jsx(close.ReactComponent, {}) }));
     const infoButton = showHelpContent && (jsxRuntime.jsx(Tooltip.Tooltip, { content: 'Need some help?', className: 'layout-header__tooltip', children: jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: () => setIsFooterExpanded(!isFooterExpanded), "data-testid": 'info-button', className: 'layout-header__icon', children: isWalletListTypeView ? jsxRuntime.jsx(questionMark.ReactComponent, {}) : jsxRuntime.jsx(footerInfoIcon.ReactComponent, {}) }) }, 'info-button'));
     const leadingButtons = [];
-    if (showBackButton) {
+    if (canGoBack) {
         leadingButtons.push(jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: handleBackClick, "data-testid": 'back-button', className: 'layout-header__icon', children: jsxRuntime.jsx(arrowLeft.ReactComponent, {}) }, 'back-button'));
     }
     // if has close button and info button, info button should be on the right

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

@@ -1,13 +1,13 @@
 'use client'
 import { jsx } from 'react/jsx-runtime';
 import { useCallback } from 'react';
-import { ProviderEnum } from '@dynamic-labs/sdk-api-core';
 import '@dynamic-labs/utils';
 import '../../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../../components/Alert/Alert.js';
-import { dynamicEvents } from '../../../events/dynamicEvents.js';
+import '../../../events/dynamicEvents.js';
 import '../../../../../_virtual/_tslib.js';
 import '../../../context/DynamicContext/DynamicContext.js';
+import '@dynamic-labs/sdk-api-core';
 import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
@@ -21,7 +21,6 @@ import '../../../utils/constants/colors.js';
 import '../../../utils/constants/values.js';
 import '../../../store/state/loadingAndLifecycle.js';
 import '../../../shared/consts/index.js';
-import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';
 import { useErrorContext } from '../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
@@ -42,6 +41,7 @@ import '../../../utils/functions/compareChains/compareChains.js';
 import '../../../context/ThemeContext/ThemeContext.js';
 import '../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import '@dynamic-labs/types';
+import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../context/LoadingContext/LoadingContext.js';
 import '../../../context/WalletContext/WalletContext.js';
 import '../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
@@ -63,7 +63,6 @@ import '../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.
 import { useFooterAnimationContext } from '../../../context/FooterAnimationContext/index.js';
 import { Skeleton } from '../../../components/Skeleton/Skeleton.js';
 import { Tooltip } from '../../../components/Tooltip/Tooltip.js';
-import { useSocialRedirectContext } from '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
@@ -98,48 +97,24 @@ import 'qrcode';
 const Header = ({ onClose: handleClose, heading, projectSettings, copykey, description, descriptionCopykey, }) => {
     const { setError } = useErrorContext();
     const { isFooterExpanded, setIsFooterExpanded } = useFooterAnimationContext();
-    const { selectedWalletConnector } = useInternalDynamicContext();
-    const { goToInitialView, view, setView } = useViewContext();
-    const { showBackButton, showCloseButton, showHelpContent, isWalletListTypeView, displayBorderBelowHeader, } = useAuthLayoutChecks();
+    const { view, canGoBack, goBack } = useViewContext();
+    const { showCloseButton, showHelpContent, isWalletListTypeView, displayBorderBelowHeader, } = useAuthLayoutChecks();
     const { setExistentAccountData } = useAccountExistsContext();
-    const { setSocialProvider } = useSocialRedirectContext();
     const handleBackClick = useCallback(() => {
         var _a;
         if ((_a = view.events) === null || _a === void 0 ? void 0 : _a.onBackClick) {
-            view.events.onBackClick();
-            return;
-        }
-        if (view.type === 'farcaster-connect-view') {
-            setSocialProvider(undefined);
-            dynamicEvents.emit('farcasterConnectCancelled');
-            dynamicEvents.emit('authFailure', {
-                option: ProviderEnum.Farcaster,
-                provider: ProviderEnum.Farcaster,
-                type: 'social',
-            }, 'user-cancelled');
+            const result = view.events.onBackClick();
+            if (result === 'override')
+                return;
         }
+        goBack();
         setExistentAccountData(undefined);
         setError(undefined);
-        if (view.type === 'no-qr-not-installed' &&
-            (selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.canConnectViaQrCode)) {
-            setView('qr-code');
-            return;
-        }
-        goToInitialView();
-    }, [
-        view.type,
-        view.events,
-        goToInitialView,
-        setExistentAccountData,
-        setError,
-        setSocialProvider,
-        setView,
-        selectedWalletConnector,
-    ]);
+    }, [view.events, goBack, setExistentAccountData, setError]);
     const closeButton = showCloseButton && handleClose && (jsx(IconButton, { onClick: handleClose, type: 'button', id: 'close-button', "data-testid": 'close-button', className: 'layout-header__icon', children: jsx(SvgClose, {}) }));
     const infoButton = showHelpContent && (jsx(Tooltip, { content: 'Need some help?', className: 'layout-header__tooltip', children: jsx(IconButton, { type: 'button', onClick: () => setIsFooterExpanded(!isFooterExpanded), "data-testid": 'info-button', className: 'layout-header__icon', children: isWalletListTypeView ? jsx(SvgQuestionMark, {}) : jsx(SvgFooterInfoIcon, {}) }) }, 'info-button'));
     const leadingButtons = [];
-    if (showBackButton) {
+    if (canGoBack) {
         leadingButtons.push(jsx(IconButton, { type: 'button', onClick: handleBackClick, "data-testid": 'back-button', className: 'layout-header__icon', children: jsx(SvgArrowLeft, {}) }, 'back-button'));
     }
     // if has close button and info button, info button should be on the right

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

@@ -39,6 +39,7 @@ require('../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 require('@dynamic-labs/types');
+require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../context/WalletContext/WalletContext.cjs');
 require('../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
@@ -72,7 +73,6 @@ require('../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
-require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../../context/ConnectWithOtpContext/constants.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');

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

@@ -35,6 +35,7 @@ import '../../../utils/functions/compareChains/compareChains.js';
 import '../../../context/ThemeContext/ThemeContext.js';
 import '../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import '@dynamic-labs/types';
+import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../context/LoadingContext/LoadingContext.js';
 import '../../../context/WalletContext/WalletContext.js';
 import '../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
@@ -68,7 +69,6 @@ import '../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import '../../../context/FooterAnimationContext/index.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
-import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../../context/ConnectWithOtpContext/constants.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';

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

@@ -43,6 +43,7 @@ require('../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 require('@dynamic-labs/types');
+require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../../context/WalletContext/WalletContext.cjs');
 require('../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
@@ -63,7 +64,6 @@ require('../../../../components/Transition/OpacityTransition/OpacityTransition.c
 require('../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 var index = require('../../../../context/FooterAnimationContext/index.cjs');
 var useDynamicLayoutData = require('../../../../utils/hooks/useDynamicLayoutData/useDynamicLayoutData.cjs');
-require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');

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

@@ -39,6 +39,7 @@ import '../../../../utils/functions/compareChains/compareChains.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import '@dynamic-labs/types';
+import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/LoadingContext/LoadingContext.js';
 import '../../../../context/WalletContext/WalletContext.js';
 import '../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
@@ -59,7 +60,6 @@ import '../../../../components/Transition/OpacityTransition/OpacityTransition.js
 import '../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import { useFooterAnimationContext } from '../../../../context/FooterAnimationContext/index.js';
 import { useDynamicLayoutData } from '../../../../utils/hooks/useDynamicLayoutData/useDynamicLayoutData.js';
-import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';

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

@@ -44,6 +44,7 @@ require('../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 require('@dynamic-labs/types');
+require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../../context/WalletContext/WalletContext.cjs');
 require('../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
@@ -61,7 +62,6 @@ require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
-require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');

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

@@ -40,6 +40,7 @@ import '../../../../utils/functions/compareChains/compareChains.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import '@dynamic-labs/types';
+import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/LoadingContext/LoadingContext.js';
 import '../../../../context/WalletContext/WalletContext.js';
 import '../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
@@ -57,7 +58,6 @@ import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
-import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/Item/Item.cjs

@@ -41,6 +41,7 @@ require('../../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 require('@dynamic-labs/types');
+require('../../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../../../context/WalletContext/WalletContext.cjs');
 require('../../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
@@ -59,7 +60,6 @@ require('../../../../../components/Transition/ZoomTransition/ZoomTransition.cjs'
 require('../../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
-require('../../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/Item/Item.js

@@ -37,6 +37,7 @@ import '../../../../../utils/functions/compareChains/compareChains.js';
 import '../../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import '@dynamic-labs/types';
+import '../../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../../context/LoadingContext/LoadingContext.js';
 import '../../../../../context/WalletContext/WalletContext.js';
 import '../../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
@@ -55,7 +56,6 @@ import '../../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
-import '../../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/WalletExtensionOrAppContinueButton/WalletExtensionOrAppContinueButton.cjs

@@ -42,6 +42,7 @@ require('../../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 require('@dynamic-labs/types');
+require('../../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../../../context/WalletContext/WalletContext.cjs');
 require('../../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
@@ -60,7 +61,6 @@ require('../../../../../components/Transition/ZoomTransition/ZoomTransition.cjs'
 require('../../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
-require('../../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 var NewToWeb3WalletItem = require('../NewToWeb3WalletItem/NewToWeb3WalletItem.cjs');
 require('../../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/WalletExtensionOrAppContinueButton/WalletExtensionOrAppContinueButton.js

@@ -38,6 +38,7 @@ import '../../../../../utils/functions/compareChains/compareChains.js';
 import '../../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import '@dynamic-labs/types';
+import '../../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../../context/LoadingContext/LoadingContext.js';
 import '../../../../../context/WalletContext/WalletContext.js';
 import '../../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
@@ -56,7 +57,6 @@ import '../../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
-import '../../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import { NewToWeb3WalletItem } from '../NewToWeb3WalletItem/NewToWeb3WalletItem.js';
 import '../../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';