@dynamic-labs/sdk-react-core 4.9.1 → 4.9.2

package/src/lib/utils/constants/authViewLayoutChecks.cjs

@@ -0,0 +1,135 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const viewsThatPreventBorderBelowHeader = [
+    'wallet-list',
+    'login-with-email-or-wallet-full-wallet-list',
+    'multi-wallet-wallet-list',
+    'login-with-wallet-only',
+];
+const viewsWithWalletListType = [
+    'wallet-connect-mobile-wallets-list',
+    'wallet-list',
+    'login-with-email-or-wallet-full-wallet-list',
+    'login-with-wallet-only',
+];
+const viewsThatHideHelpContent = [
+    'qr-code',
+    'no-qr-not-installed',
+    'wallet-used',
+    'chainalysis-blocked-wallet',
+    'wallet-sign',
+    'collect-user-data',
+    'passkey-new-domain-detected',
+];
+const viewsThatHideHeader = [
+    'collect-user-data',
+    'no-access',
+    'chainalysis-blocked-wallet',
+    'wallet-locked-view',
+    'gate-blocked-wallet',
+    'email-wallet-otp-verification-view',
+    'bridge-welcome',
+    'bridge-summary',
+    'bridge-next-wallet-connection',
+    'passkey-intro',
+    'passkey-new-domain-detected',
+    'social-redirect-view',
+    'collect-user-data-login-no-wallet',
+    'passkey-recovery-bundle',
+    'passkey-recovery-start',
+    'embedded-reveal-view',
+    'embedded-reveal-account-view',
+    'rename-passkey',
+    'embedded-wallet-auth-choice',
+    'passkey-recovery-add-email',
+    'global-wallet-confirm',
+    'global-wallet-malicious',
+    'global-wallet-info',
+    'mfa-choose-device',
+    'mfa-verification',
+];
+const viewsThatShowConnectedWalletProgress = [
+    'wallet-list',
+    'qr-code',
+    'wallet-connect-mobile-wallets-list',
+    'pending-connect',
+    'pending-signature',
+    'pending-signature-without-back-button',
+    'bridge-next-wallet-connection',
+    'bridge-summary',
+];
+const viewsThatShowDynamicFooter = [
+    'login-with-email-or-wallet',
+    'login-with-email-or-wallet-full-wallet-list',
+    'login-with-wallet-only',
+    'login-with-email-verification',
+    'login-with-sms-verification',
+    'verify-email',
+    'verify-sms',
+    'pending-connect',
+    'wallet-group',
+    'select-wallet-in-wallet-group',
+    'select-hardware-wallet',
+    'pending-signature',
+    'qr-code',
+    'wallet-used',
+    'email-wallet-otp-verification-view',
+    'farcaster-connect-view',
+    'merge-user-accounts',
+    'merge-user-accounts-conflicts',
+    'mfa-verification',
+    'mfa-display-backup-codes',
+    'mfa-recovery',
+];
+/**
+ * User is not able to close the modal in these views at all
+ */
+const viewsThatPreventModalClose = [
+    'collect-user-data',
+    'login-with-email-verification',
+    'login-with-sms-verification',
+];
+/**
+ * When hasPendingMfaAction returns true, user is not able to close the modal in these views at all
+ */
+const mfaViewsThatPreventModalClose = [
+    'mfa-verification',
+    'mfa-choose-device',
+    'mfa-secure-device',
+    'mfa-display-backup-codes',
+    'mfa-recovery',
+];
+/**
+ * These views only hide the close button, but unless they are also
+ * in the viewsThatPreventModalClose array, the user can still close the modal
+ * via other means (such as pressing the escape key or clicking the backdrop).
+ */
+const viewsThatHideCloseButton = [
+    'login-with-email-or-wallet-full-wallet-list',
+    'login-with-email-verification',
+    'login-with-sms-verification',
+    'network-not-supported',
+    'passkey-recovery-complete',
+    'passkey-recovery-start',
+    'passkey-recovery-bundle',
+    'rename-passkey',
+    'mobile-wallet-redirect-view',
+    'qr-code',
+    'mfa-verification',
+    'mfa-display-backup-codes',
+    'mfa-recovery',
+    'user-delete-account',
+];
+
+exports.mfaViewsThatPreventModalClose = mfaViewsThatPreventModalClose;
+exports.viewsThatHideCloseButton = viewsThatHideCloseButton;
+exports.viewsThatHideHeader = viewsThatHideHeader;
+exports.viewsThatHideHelpContent = viewsThatHideHelpContent;
+exports.viewsThatPreventBorderBelowHeader = viewsThatPreventBorderBelowHeader;
+exports.viewsThatPreventModalClose = viewsThatPreventModalClose;
+exports.viewsThatShowConnectedWalletProgress = viewsThatShowConnectedWalletProgress;
+exports.viewsThatShowDynamicFooter = viewsThatShowDynamicFooter;
+exports.viewsWithWalletListType = viewsWithWalletListType;

package/src/lib/utils/constants/authViewLayoutChecks.d.ts

@@ -0,0 +1,21 @@
+import type { ViewType } from '../../context/ViewContext/types';
+export declare const viewsThatPreventBorderBelowHeader: ViewType[];
+export declare const viewsWithWalletListType: ViewType[];
+export declare const viewsThatHideHelpContent: ViewType[];
+export declare const viewsThatHideHeader: ViewType[];
+export declare const viewsThatShowConnectedWalletProgress: ViewType[];
+export declare const viewsThatShowDynamicFooter: ViewType[];
+/**
+ * User is not able to close the modal in these views at all
+ */
+export declare const viewsThatPreventModalClose: ViewType[];
+/**
+ * When hasPendingMfaAction returns true, user is not able to close the modal in these views at all
+ */
+export declare const mfaViewsThatPreventModalClose: ViewType[];
+/**
+ * These views only hide the close button, but unless they are also
+ * in the viewsThatPreventModalClose array, the user can still close the modal
+ * via other means (such as pressing the escape key or clicking the backdrop).
+ */
+export declare const viewsThatHideCloseButton: ViewType[];

package/src/lib/utils/constants/authViewLayoutChecks.js

@@ -0,0 +1,123 @@
+'use client'
+const viewsThatPreventBorderBelowHeader = [
+    'wallet-list',
+    'login-with-email-or-wallet-full-wallet-list',
+    'multi-wallet-wallet-list',
+    'login-with-wallet-only',
+];
+const viewsWithWalletListType = [
+    'wallet-connect-mobile-wallets-list',
+    'wallet-list',
+    'login-with-email-or-wallet-full-wallet-list',
+    'login-with-wallet-only',
+];
+const viewsThatHideHelpContent = [
+    'qr-code',
+    'no-qr-not-installed',
+    'wallet-used',
+    'chainalysis-blocked-wallet',
+    'wallet-sign',
+    'collect-user-data',
+    'passkey-new-domain-detected',
+];
+const viewsThatHideHeader = [
+    'collect-user-data',
+    'no-access',
+    'chainalysis-blocked-wallet',
+    'wallet-locked-view',
+    'gate-blocked-wallet',
+    'email-wallet-otp-verification-view',
+    'bridge-welcome',
+    'bridge-summary',
+    'bridge-next-wallet-connection',
+    'passkey-intro',
+    'passkey-new-domain-detected',
+    'social-redirect-view',
+    'collect-user-data-login-no-wallet',
+    'passkey-recovery-bundle',
+    'passkey-recovery-start',
+    'embedded-reveal-view',
+    'embedded-reveal-account-view',
+    'rename-passkey',
+    'embedded-wallet-auth-choice',
+    'passkey-recovery-add-email',
+    'global-wallet-confirm',
+    'global-wallet-malicious',
+    'global-wallet-info',
+    'mfa-choose-device',
+    'mfa-verification',
+];
+const viewsThatShowConnectedWalletProgress = [
+    'wallet-list',
+    'qr-code',
+    'wallet-connect-mobile-wallets-list',
+    'pending-connect',
+    'pending-signature',
+    'pending-signature-without-back-button',
+    'bridge-next-wallet-connection',
+    'bridge-summary',
+];
+const viewsThatShowDynamicFooter = [
+    'login-with-email-or-wallet',
+    'login-with-email-or-wallet-full-wallet-list',
+    'login-with-wallet-only',
+    'login-with-email-verification',
+    'login-with-sms-verification',
+    'verify-email',
+    'verify-sms',
+    'pending-connect',
+    'wallet-group',
+    'select-wallet-in-wallet-group',
+    'select-hardware-wallet',
+    'pending-signature',
+    'qr-code',
+    'wallet-used',
+    'email-wallet-otp-verification-view',
+    'farcaster-connect-view',
+    'merge-user-accounts',
+    'merge-user-accounts-conflicts',
+    'mfa-verification',
+    'mfa-display-backup-codes',
+    'mfa-recovery',
+];
+/**
+ * User is not able to close the modal in these views at all
+ */
+const viewsThatPreventModalClose = [
+    'collect-user-data',
+    'login-with-email-verification',
+    'login-with-sms-verification',
+];
+/**
+ * When hasPendingMfaAction returns true, user is not able to close the modal in these views at all
+ */
+const mfaViewsThatPreventModalClose = [
+    'mfa-verification',
+    'mfa-choose-device',
+    'mfa-secure-device',
+    'mfa-display-backup-codes',
+    'mfa-recovery',
+];
+/**
+ * These views only hide the close button, but unless they are also
+ * in the viewsThatPreventModalClose array, the user can still close the modal
+ * via other means (such as pressing the escape key or clicking the backdrop).
+ */
+const viewsThatHideCloseButton = [
+    'login-with-email-or-wallet-full-wallet-list',
+    'login-with-email-verification',
+    'login-with-sms-verification',
+    'network-not-supported',
+    'passkey-recovery-complete',
+    'passkey-recovery-start',
+    'passkey-recovery-bundle',
+    'rename-passkey',
+    'mobile-wallet-redirect-view',
+    'qr-code',
+    'mfa-verification',
+    'mfa-display-backup-codes',
+    'mfa-recovery',
+    'user-delete-account',
+];
+
+export { mfaViewsThatPreventModalClose, viewsThatHideCloseButton, viewsThatHideHeader, viewsThatHideHelpContent, viewsThatPreventBorderBelowHeader, viewsThatPreventModalClose, viewsThatShowConnectedWalletProgress, viewsThatShowDynamicFooter, viewsWithWalletListType };

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

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

package/src/lib/utils/hooks/useAuthLayoutChecks/useAllowClose/useAllowClose.cjs

@@ -0,0 +1,36 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ViewContext = require('../../../../context/ViewContext/ViewContext.cjs');
+var hasPendingMfaAction = require('../../../../shared/utils/functions/hasPendingMfaAction/hasPendingMfaAction.cjs');
+var user = require('../../../../store/state/user/user.cjs');
+require('@dynamic-labs/utils');
+require('../../../constants/values.cjs');
+require('@dynamic-labs/sdk-api-core');
+require('../../../../store/state/projectSettings/projectSettings.cjs');
+var authViewLayoutChecks = require('../../../constants/authViewLayoutChecks.cjs');
+
+const useAllowClose = () => {
+    const { view } = ViewContext.useViewContext();
+    const user$1 = user.useUserCoalesced();
+    const isMfaPreventingClose = user$1 &&
+        hasPendingMfaAction.hasPendingMfaAction(user$1) &&
+        authViewLayoutChecks.mfaViewsThatPreventModalClose.includes(view.type);
+    const allowsClosing = !isMfaPreventingClose && !authViewLayoutChecks.viewsThatPreventModalClose.includes(view.type);
+    const showCloseButton = allowsClosing && !authViewLayoutChecks.viewsThatHideCloseButton.includes(view.type);
+    return {
+        /**
+         * Whether user can close the current view
+         */
+        allowsClosing,
+        /**
+         * Whether the close button should be shown.
+         * Even if the view allows closing, the close button may still be hidden.
+         */
+        showCloseButton,
+    };
+};
+
+exports.useAllowClose = useAllowClose;

package/src/lib/utils/hooks/useAuthLayoutChecks/useAllowClose/useAllowClose.d.ts

@@ -0,0 +1,11 @@
+export declare const useAllowClose: () => {
+    /**
+     * Whether user can close the current view
+     */
+    allowsClosing: boolean;
+    /**
+     * Whether the close button should be shown.
+     * Even if the view allows closing, the close button may still be hidden.
+     */
+    showCloseButton: boolean;
+};

package/src/lib/utils/hooks/useAuthLayoutChecks/useAllowClose/useAllowClose.js

@@ -0,0 +1,32 @@
+'use client'
+import { useViewContext } from '../../../../context/ViewContext/ViewContext.js';
+import { hasPendingMfaAction } from '../../../../shared/utils/functions/hasPendingMfaAction/hasPendingMfaAction.js';
+import { useUserCoalesced } from '../../../../store/state/user/user.js';
+import '@dynamic-labs/utils';
+import '../../../constants/values.js';
+import '@dynamic-labs/sdk-api-core';
+import '../../../../store/state/projectSettings/projectSettings.js';
+import { mfaViewsThatPreventModalClose, viewsThatPreventModalClose, viewsThatHideCloseButton } from '../../../constants/authViewLayoutChecks.js';
+
+const useAllowClose = () => {
+    const { view } = useViewContext();
+    const user = useUserCoalesced();
+    const isMfaPreventingClose = user &&
+        hasPendingMfaAction(user) &&
+        mfaViewsThatPreventModalClose.includes(view.type);
+    const allowsClosing = !isMfaPreventingClose && !viewsThatPreventModalClose.includes(view.type);
+    const showCloseButton = allowsClosing && !viewsThatHideCloseButton.includes(view.type);
+    return {
+        /**
+         * Whether user can close the current view
+         */
+        allowsClosing,
+        /**
+         * Whether the close button should be shown.
+         * Even if the view allows closing, the close button may still be hidden.
+         */
+        showCloseButton,
+    };
+};
+
+export { useAllowClose };

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

@@ -23,9 +23,9 @@ require('../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('../../../store/state/nonce/nonce.cjs');
-require('../../../store/state/projectSettings/projectSettings.cjs');
+var projectSettings = require('../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../config/ApiEndpoint.cjs');
-require('../../../store/state/user/user.cjs');
+var user = require('../../../store/state/user/user.cjs');
 require('../../../locale/locale.cjs');
 require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../store/state/primaryWalletId/primaryWalletId.cjs');
@@ -69,6 +69,7 @@ require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBa
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
+var useAllowClose = require('./useAllowClose/useAllowClose.cjs');
 require('qrcode');
 require('formik');
 require('../useSubdomainCheck/useSubdomainCheck.cjs');
@@ -79,9 +80,10 @@ require('../../../context/ConnectWithOtpContext/constants.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+var index = require('../../../context/FooterAnimationContext/index.cjs');
 var isUserLinkingWallet = require('../../../shared/utils/functions/isUserLinkingWallet/isUserLinkingWallet.cjs');
+var authViewLayoutChecks = require('../../constants/authViewLayoutChecks.cjs');
 var useDynamicLayoutData = require('../useDynamicLayoutData/useDynamicLayoutData.cjs');
-var index = require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../store/state/sendBalances.cjs');
@@ -100,67 +102,24 @@ var useInternalDynamicContext = require('../../../context/DynamicContext/useDyna
 const useAuthLayoutChecks = () => {
     var _a;
     const { view } = ViewContext.useViewContext();
-    const { user, customPrivacyPolicy, customTermsOfServices, privacyPolicyUrl, termsOfServiceUrl, isBridgeFlow, authMode, projectSettings, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { customPrivacyPolicy, customTermsOfServices, privacyPolicyUrl, termsOfServiceUrl, isBridgeFlow, authMode, } = useInternalDynamicContext.useInternalDynamicContext();
     const { isFooterExpanded } = index.useFooterAnimationContext();
     const { mockedSDK } = MockContext.useMockContext();
     const { helpHeaderData } = useDynamicLayoutData.useDynamicLayoutData({
         authMode,
         view: view.type,
     });
-    const displayBorderBelowHeader = (view.type !== 'wallet-list' &&
-        view.type !== 'login-with-email-or-wallet-full-wallet-list' &&
-        view.type !== 'multi-wallet-wallet-list' &&
-        view.type !== 'login-with-wallet-only') ||
-        isFooterExpanded;
-    const isWalletListTypeView = view.type === 'wallet-connect-mobile-wallets-list' ||
-        view.type === 'wallet-list' ||
-        view.type === 'login-with-email-or-wallet-full-wallet-list' ||
-        view.type === 'login-with-wallet-only';
+    const user$1 = user.useUserCoalesced();
+    const projectSettings$1 = projectSettings.useProjectSettings();
+    const isLinkingWallet = isUserLinkingWallet.isUserLinkingWallet(user$1, view.type, mockedSDK);
+    const displayBorderBelowHeader = !authViewLayoutChecks.viewsThatPreventBorderBelowHeader.includes(view.type) || isFooterExpanded;
+    const isWalletListTypeView = authViewLayoutChecks.viewsWithWalletListType.includes(view.type);
     const showHelpContent = Boolean(helpHeaderData &&
-        // Notice the negation here
-        !(view.type === 'qr-code' ||
-            view.type === 'no-qr-not-installed' ||
-            view.type === 'wallet-used' ||
-            view.type === 'chainalysis-blocked-wallet' ||
-            view.type === 'wallet-sign' ||
-            view.type === 'collect-user-data' ||
-            view.type === 'passkey-new-domain-detected' ||
-            isUserLinkingWallet.isUserLinkingWallet(user, view.type, mockedSDK)));
-    const showHeader = view.type !== 'collect-user-data' &&
-        view.type !== 'no-access' &&
-        view.type !== 'chainalysis-blocked-wallet' &&
-        view.type !== 'wallet-locked-view' &&
-        view.type !== 'gate-blocked-wallet' &&
-        view.type !== 'email-wallet-otp-verification-view' &&
-        view.type !== 'bridge-welcome' &&
-        view.type !== 'bridge-summary' &&
-        view.type !== 'bridge-next-wallet-connection' &&
-        view.type !== 'passkey-intro' &&
-        view.type !== 'passkey-new-domain-detected' &&
-        view.type !== 'social-redirect-view' &&
-        view.type !== 'collect-user-data-login-no-wallet' &&
-        view.type !== 'passkey-recovery-bundle' &&
-        view.type !== 'passkey-recovery-start' &&
-        view.type !== 'embedded-reveal-view' &&
-        view.type !== 'embedded-reveal-account-view' &&
-        view.type !== 'rename-passkey' &&
-        view.type !== 'embedded-wallet-auth-choice' &&
-        view.type !== 'passkey-recovery-add-email' &&
-        view.type !== 'global-wallet-confirm' &&
-        view.type !== 'global-wallet-malicious' &&
-        view.type !== 'global-wallet-info' &&
-        view.type !== 'mfa-choose-device' &&
-        view.type !== 'mfa-verification';
-    const showConnectedWalletProgress = isBridgeFlow &&
-        (view.type === 'wallet-list' ||
-            view.type === 'qr-code' ||
-            view.type === 'wallet-connect-mobile-wallets-list' ||
-            view.type === 'pending-connect' ||
-            view.type === 'pending-signature' ||
-            view.type === 'pending-signature-without-back-button' ||
-            view.type === 'bridge-next-wallet-connection' ||
-            view.type === 'bridge-summary');
-    const showToSFooter = Boolean(!isUserLinkingWallet.isUserLinkingWallet(user, view.type, mockedSDK) &&
+        !authViewLayoutChecks.viewsThatHideHelpContent.includes(view.type) &&
+        !isLinkingWallet);
+    const showHeader = !authViewLayoutChecks.viewsThatHideHeader.includes(view.type);
+    const showConnectedWalletProgress = isBridgeFlow && authViewLayoutChecks.viewsThatShowConnectedWalletProgress.includes(view.type);
+    const showToSFooter = Boolean(!isLinkingWallet &&
         (view.type === 'wallet-list' ||
             view.type === 'wallet-connect-mobile-wallets-list' ||
             // Don't show empty footer during the login
@@ -172,45 +131,13 @@ const useAuthLayoutChecks = () => {
                     privacyPolicyUrl ||
                     customPrivacyPolicy ||
                     customTermsOfServices))));
-    const showDynamicFooter = Boolean((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.displayDynamicMessaging) &&
-        (view.type === 'login-with-email-or-wallet' ||
-            view.type === 'login-with-email-or-wallet-full-wallet-list' ||
-            view.type === 'login-with-wallet-only' ||
-            view.type === 'login-with-email-verification' ||
-            view.type === 'login-with-sms-verification' ||
-            view.type === 'verify-email' ||
-            view.type === 'verify-sms' ||
-            view.type === 'pending-connect' ||
-            view.type === 'wallet-group' ||
-            view.type === 'select-wallet-in-wallet-group' ||
-            view.type === 'select-hardware-wallet' ||
-            view.type === 'pending-signature' ||
-            view.type === 'qr-code' ||
-            view.type === 'wallet-used' ||
-            view.type === 'email-wallet-otp-verification-view' ||
-            view.type === 'farcaster-connect-view' ||
-            view.type === 'merge-user-accounts' ||
-            view.type === 'merge-user-accounts-conflicts' ||
-            view.type === 'mfa-verification' ||
-            view.type === 'mfa-display-backup-codes' ||
-            view.type === 'mfa-recovery');
-    const showCloseButton = view.type !== 'login-with-email-or-wallet-full-wallet-list' &&
-        view.type !== 'login-with-email-verification' &&
-        view.type !== 'login-with-sms-verification' &&
-        view.type !== 'network-not-supported' &&
-        view.type !== 'passkey-recovery-complete' &&
-        view.type !== 'passkey-recovery-start' &&
-        view.type !== 'passkey-recovery-bundle' &&
-        view.type !== 'rename-passkey' &&
-        view.type !== 'mobile-wallet-redirect-view' &&
-        view.type !== 'qr-code' &&
-        view.type !== 'mfa-verification' &&
-        view.type !== 'mfa-display-backup-codes' &&
-        view.type !== 'mfa-recovery' &&
-        view.type !== 'user-delete-account';
+    const showDynamicFooter = Boolean((_a = projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.sdk) === null || _a === void 0 ? void 0 : _a.displayDynamicMessaging) &&
+        authViewLayoutChecks.viewsThatShowDynamicFooter.includes(view.type);
     const showDefaultFooter = !showConnectedWalletProgress && !showDynamicFooter && !showToSFooter;
     const shouldHideDynamicFooterSeparator = showDynamicFooter && showToSFooter;
+    const { allowsClosing, showCloseButton } = useAllowClose.useAllowClose();
     return {
+        allowsClosing,
         displayBorderBelowHeader,
         isWalletListTypeView,
         shouldHideDynamicFooterSeparator,

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

@@ -1,4 +1,5 @@
 export declare const useAuthLayoutChecks: () => {
+    allowsClosing: boolean;
     displayBorderBelowHeader: boolean;
     isWalletListTypeView: boolean;
     shouldHideDynamicFooterSeparator: boolean;