@designcrowd/library.brand-page 6.1.3 → 6.1.4-ast-prepurchase

package/lib/src/brand-page-maker/components/template-preview/TemplatePreview.mixin.d.ts

@@ -153,11 +153,27 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_5873_live_preview_prepurchase?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
+                bp_5873_live_preview_postpurchase?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
             contextualUpgradeType: import("@brand-page-maker/stores").WebsiteContextUpgradeType | undefined;
             requestVerificationToken?: string | undefined;
+            isHostModalVisible?: boolean | undefined;
+            livePreviewUrl?: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
             availableTaxes: any[];
@@ -231,11 +247,121 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_5873_live_preview_prepurchase?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
+                bp_5873_live_preview_postpurchase?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
             contextualUpgradeType: import("@brand-page-maker/stores").WebsiteContextUpgradeType | undefined;
             requestVerificationToken?: string | undefined;
+            isHostModalVisible?: boolean | undefined;
+            livePreviewUrl?: string | undefined;
+        } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").BrandPageContainerState>) => boolean;
+        isAnyModalVisible: (state: {
+            availableTaxes: any[];
+            brandPageBaseUrl: string;
+            baseFabricRenderUrl: string;
+            brandPageDescription: string;
+            brandPageDisplayName: string;
+            templateTypeName: string;
+            sensitiveContent: number;
+            brandPageSlug: string;
+            brandPageStatus: string;
+            brandPageToken: string | undefined;
+            brandPageTitle: string;
+            customDomain: {
+                id: string;
+                created: Date;
+                updated: Date;
+                brandPageToken: string;
+                domainName: string;
+                status: import("@brand-page-maker/constants").CustomDomainStatus;
+                dnsConfigurationStatus: import("@brand-page-maker/constants").DnsConfigurationStatus;
+                triggerOrigin?: string | undefined;
+            } | null;
+            createCustomDomainErrorMessage: string | null;
+            customDomainConfig?: {
+                dns: {
+                    ipAddresses: string[];
+                };
+            } | undefined;
+            designDraftToken?: string | undefined;
+            designTemplateToken: string;
+            isCustomDomainEnabled: boolean;
+            isBrandPageSlugEditMode: boolean;
+            isPublishModalVisible: boolean;
+            isUpgradeModalVisible: boolean;
+            isPublishing: boolean;
+            isProduction: boolean;
+            isSellDomainNameEnabled: boolean;
+            isStripeOnboardingModalVisible: boolean;
+            isReactivationModal: boolean;
+            isPublishUpgradeModal: boolean;
+            isSaving: boolean;
+            backButtonLabel: string;
+            manageWebsiteDesignsUrl: string;
+            publishErrorMessage: string;
+            upgradeUrl: string;
+            reactivationUrl: string;
+            runtimeEnvironment: string;
+            selectedTaxId: number | undefined;
+            slug: string;
+            standalone: boolean;
+            triggerSaveSuccessMessage: boolean;
+            isDesignCom: boolean;
+            isPrePurchase: boolean;
+            makerFonts: any[];
+            eventButtonLocation?: string | undefined;
+            websiteUpsellModalViewModel?: any;
+            showPublishOptionModal?: boolean | undefined;
+            abTests: {
+                bp_3926_freemium_watermark?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
+                bp_5245_ai_website_assistant?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
+                bp_5873_live_preview_prepurchase?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
+                bp_5873_live_preview_postpurchase?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
+            };
+            isSubsequentPublish: boolean;
+            isContextualUpgradeModalVisible: boolean;
+            contextualUpgradeType: import("@brand-page-maker/stores").WebsiteContextUpgradeType | undefined;
+            requestVerificationToken?: string | undefined;
+            isHostModalVisible?: boolean | undefined;
+            livePreviewUrl?: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").BrandPageContainerState>) => boolean;
     }, {
         initialise(payload: import("../../stores/brandpage-container").InitialisePayload): void;
@@ -249,6 +375,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setContextualUpgradeType(payload: any): void;
         setIsSaving(payload: any): void;
         setIsUpgradeModalVisible(payload: any): void;
+        setIsHostModalVisible(payload: {
+            isVisible: boolean;
+        }): void;
         setPublishErrorMessage(payload: any): void;
         setTriggerSaveSuccessMessage(payload: any): void;
         setSlug(payload: any): void;
@@ -296,6 +425,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         saveBrandPage(payload?: {
             isPublish?: boolean;
             eventButtonLocation?: string;
+            saveOnly?: boolean;
         }): Promise<false | {
             saved: boolean;
             canPublish: boolean;

package/lib/src/brand-page-maker/components/upgrade-to-premium-button/UpgradeToPremiumButton.mixin.d.ts

@@ -80,11 +80,27 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_5873_live_preview_prepurchase?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
+                bp_5873_live_preview_postpurchase?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
             contextualUpgradeType: import("@brand-page-maker/stores").WebsiteContextUpgradeType | undefined;
             requestVerificationToken?: string | undefined;
+            isHostModalVisible?: boolean | undefined;
+            livePreviewUrl?: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
             availableTaxes: any[];
@@ -158,11 +174,121 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_5873_live_preview_prepurchase?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
+                bp_5873_live_preview_postpurchase?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
+            };
+            isSubsequentPublish: boolean;
+            isContextualUpgradeModalVisible: boolean;
+            contextualUpgradeType: import("@brand-page-maker/stores").WebsiteContextUpgradeType | undefined;
+            requestVerificationToken?: string | undefined;
+            isHostModalVisible?: boolean | undefined;
+            livePreviewUrl?: string | undefined;
+        } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").BrandPageContainerState>) => boolean;
+        isAnyModalVisible: (state: {
+            availableTaxes: any[];
+            brandPageBaseUrl: string;
+            baseFabricRenderUrl: string;
+            brandPageDescription: string;
+            brandPageDisplayName: string;
+            templateTypeName: string;
+            sensitiveContent: number;
+            brandPageSlug: string;
+            brandPageStatus: string;
+            brandPageToken: string | undefined;
+            brandPageTitle: string;
+            customDomain: {
+                id: string;
+                created: Date;
+                updated: Date;
+                brandPageToken: string;
+                domainName: string;
+                status: import("../../constants").CustomDomainStatus;
+                dnsConfigurationStatus: import("../../constants").DnsConfigurationStatus;
+                triggerOrigin?: string | undefined;
+            } | null;
+            createCustomDomainErrorMessage: string | null;
+            customDomainConfig?: {
+                dns: {
+                    ipAddresses: string[];
+                };
+            } | undefined;
+            designDraftToken?: string | undefined;
+            designTemplateToken: string;
+            isCustomDomainEnabled: boolean;
+            isBrandPageSlugEditMode: boolean;
+            isPublishModalVisible: boolean;
+            isUpgradeModalVisible: boolean;
+            isPublishing: boolean;
+            isProduction: boolean;
+            isSellDomainNameEnabled: boolean;
+            isStripeOnboardingModalVisible: boolean;
+            isReactivationModal: boolean;
+            isPublishUpgradeModal: boolean;
+            isSaving: boolean;
+            backButtonLabel: string;
+            manageWebsiteDesignsUrl: string;
+            publishErrorMessage: string;
+            upgradeUrl: string;
+            reactivationUrl: string;
+            runtimeEnvironment: string;
+            selectedTaxId: number | undefined;
+            slug: string;
+            standalone: boolean;
+            triggerSaveSuccessMessage: boolean;
+            isDesignCom: boolean;
+            isPrePurchase: boolean;
+            makerFonts: any[];
+            eventButtonLocation?: string | undefined;
+            websiteUpsellModalViewModel?: any;
+            showPublishOptionModal?: boolean | undefined;
+            abTests: {
+                bp_3926_freemium_watermark?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
+                bp_5245_ai_website_assistant?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
+                bp_5873_live_preview_prepurchase?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
+                bp_5873_live_preview_postpurchase?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
             contextualUpgradeType: import("@brand-page-maker/stores").WebsiteContextUpgradeType | undefined;
             requestVerificationToken?: string | undefined;
+            isHostModalVisible?: boolean | undefined;
+            livePreviewUrl?: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").BrandPageContainerState>) => boolean;
     }, {
         initialise(payload: import("../../stores/brandpage-container").InitialisePayload): void;
@@ -176,6 +302,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setContextualUpgradeType(payload: any): void;
         setIsSaving(payload: any): void;
         setIsUpgradeModalVisible(payload: any): void;
+        setIsHostModalVisible(payload: {
+            isVisible: boolean;
+        }): void;
         setPublishErrorMessage(payload: any): void;
         setTriggerSaveSuccessMessage(payload: any): void;
         setSlug(payload: any): void;
@@ -223,6 +352,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         saveBrandPage(payload?: {
             isPublish?: boolean;
             eventButtonLocation?: string;
+            saveOnly?: boolean;
         }): Promise<false | {
             saved: boolean;
             canPublish: boolean;

package/lib/src/brand-page-maker/composables/useEventTracker.d.ts

@@ -75,6 +75,7 @@ export declare const UPGRADE_CTA_LOCATIONS: {
     ADD_CONTENT: string;
     EDITOR_PUBLISH_TOP: string;
     EDITOR_PUBLISH_BOTTOM: string;
+    EDITOR_PREVIEW_PUBLISH: string;
     SLUG_CHANGE_MAKER_SIDEBAR_SETTINGS: string;
     SLUG_CHANGE_MANAGE_PAGE: string;
     GOOGLE_ADSENSE: string;

package/lib/src/brand-page-maker/composables/useEventTracker.js

@@ -56,6 +56,7 @@ export const UPGRADE_CTA_LOCATIONS = {
     ADD_CONTENT: 'add_content',
     EDITOR_PUBLISH_TOP: 'editor_publish_top',
     EDITOR_PUBLISH_BOTTOM: 'editor_publish_bottom',
+    EDITOR_PREVIEW_PUBLISH: 'editor_preview_publish',
     SLUG_CHANGE_MAKER_SIDEBAR_SETTINGS: 'slug_change_maker_sidebar_settings',
     SLUG_CHANGE_MANAGE_PAGE: 'slug_change_manage_page',
     GOOGLE_ADSENSE: 'google_adsense',

package/lib/src/brand-page-maker/stores/brandpage-container/brand-page-container-store.d.ts

@@ -55,6 +55,8 @@ export interface BrandPageContainerState {
     isContextualUpgradeModalVisible: boolean;
     contextualUpgradeType: WebsiteContextUpgradeType | undefined;
     requestVerificationToken?: string;
+    isHostModalVisible?: boolean;
+    livePreviewUrl?: string;
 }
 export type GettyVideoEditorViewModelResponse = {
     assetId: string;
@@ -157,11 +159,27 @@ export declare const useBrandPageContainerStore: import("pinia").StoreDefinition
                 isVariation: boolean;
                 isExcluded: boolean;
             } | undefined;
+            bp_5873_live_preview_prepurchase?: {
+                key: string;
+                value: string;
+                isControl: boolean;
+                isVariation: boolean;
+                isExcluded: boolean;
+            } | undefined;
+            bp_5873_live_preview_postpurchase?: {
+                key: string;
+                value: string;
+                isControl: boolean;
+                isVariation: boolean;
+                isExcluded: boolean;
+            } | undefined;
         };
         isSubsequentPublish: boolean;
         isContextualUpgradeModalVisible: boolean;
         contextualUpgradeType: WebsiteContextUpgradeType | undefined;
         requestVerificationToken?: string | undefined;
+        isHostModalVisible?: boolean | undefined;
+        livePreviewUrl?: string | undefined;
     } & import("pinia").PiniaCustomStateProperties<BrandPageContainerState>) => boolean;
     isUserDraft: (state: {
         availableTaxes: any[];
@@ -235,11 +253,121 @@ export declare const useBrandPageContainerStore: import("pinia").StoreDefinition
                 isVariation: boolean;
                 isExcluded: boolean;
             } | undefined;
+            bp_5873_live_preview_prepurchase?: {
+                key: string;
+                value: string;
+                isControl: boolean;
+                isVariation: boolean;
+                isExcluded: boolean;
+            } | undefined;
+            bp_5873_live_preview_postpurchase?: {
+                key: string;
+                value: string;
+                isControl: boolean;
+                isVariation: boolean;
+                isExcluded: boolean;
+            } | undefined;
+        };
+        isSubsequentPublish: boolean;
+        isContextualUpgradeModalVisible: boolean;
+        contextualUpgradeType: WebsiteContextUpgradeType | undefined;
+        requestVerificationToken?: string | undefined;
+        isHostModalVisible?: boolean | undefined;
+        livePreviewUrl?: string | undefined;
+    } & import("pinia").PiniaCustomStateProperties<BrandPageContainerState>) => boolean;
+    isAnyModalVisible: (state: {
+        availableTaxes: any[];
+        brandPageBaseUrl: string;
+        baseFabricRenderUrl: string;
+        brandPageDescription: string;
+        brandPageDisplayName: string;
+        templateTypeName: string;
+        sensitiveContent: number;
+        brandPageSlug: string;
+        brandPageStatus: string;
+        brandPageToken: string | undefined;
+        brandPageTitle: string;
+        customDomain: {
+            id: string;
+            created: Date;
+            updated: Date;
+            brandPageToken: string;
+            domainName: string;
+            status: import("@brand-page-maker/constants").CustomDomainStatus;
+            dnsConfigurationStatus: import("@brand-page-maker/constants").DnsConfigurationStatus;
+            triggerOrigin?: string | undefined;
+        } | null;
+        createCustomDomainErrorMessage: string | null;
+        customDomainConfig?: {
+            dns: {
+                ipAddresses: string[];
+            };
+        } | undefined;
+        designDraftToken?: string | undefined;
+        designTemplateToken: string;
+        isCustomDomainEnabled: boolean;
+        isBrandPageSlugEditMode: boolean;
+        isPublishModalVisible: boolean;
+        isUpgradeModalVisible: boolean;
+        isPublishing: boolean;
+        isProduction: boolean;
+        isSellDomainNameEnabled: boolean;
+        isStripeOnboardingModalVisible: boolean;
+        isReactivationModal: boolean;
+        isPublishUpgradeModal: boolean;
+        isSaving: boolean;
+        backButtonLabel: string;
+        manageWebsiteDesignsUrl: string;
+        publishErrorMessage: string;
+        upgradeUrl: string;
+        reactivationUrl: string;
+        runtimeEnvironment: string;
+        selectedTaxId: number | undefined;
+        slug: string;
+        standalone: boolean;
+        triggerSaveSuccessMessage: boolean;
+        isDesignCom: boolean;
+        isPrePurchase: boolean;
+        makerFonts: any[];
+        eventButtonLocation?: string | undefined;
+        websiteUpsellModalViewModel?: any;
+        showPublishOptionModal?: boolean | undefined;
+        abTests: {
+            bp_3926_freemium_watermark?: {
+                key: string;
+                value: string;
+                isControl: boolean;
+                isVariation: boolean;
+                isExcluded: boolean;
+            } | undefined;
+            bp_5245_ai_website_assistant?: {
+                key: string;
+                value: string;
+                isControl: boolean;
+                isVariation: boolean;
+                isExcluded: boolean;
+            } | undefined;
+            bp_5873_live_preview_prepurchase?: {
+                key: string;
+                value: string;
+                isControl: boolean;
+                isVariation: boolean;
+                isExcluded: boolean;
+            } | undefined;
+            bp_5873_live_preview_postpurchase?: {
+                key: string;
+                value: string;
+                isControl: boolean;
+                isVariation: boolean;
+                isExcluded: boolean;
+            } | undefined;
         };
         isSubsequentPublish: boolean;
         isContextualUpgradeModalVisible: boolean;
         contextualUpgradeType: WebsiteContextUpgradeType | undefined;
         requestVerificationToken?: string | undefined;
+        isHostModalVisible?: boolean | undefined;
+        livePreviewUrl?: string | undefined;
     } & import("pinia").PiniaCustomStateProperties<BrandPageContainerState>) => boolean;
 }, {
     initialise(payload: InitialisePayload): void;
@@ -253,6 +381,9 @@ export declare const useBrandPageContainerStore: import("pinia").StoreDefinition
     setContextualUpgradeType(payload: any): void;
     setIsSaving(payload: any): void;
     setIsUpgradeModalVisible(payload: any): void;
+    setIsHostModalVisible(payload: {
+        isVisible: boolean;
+    }): void;
     setPublishErrorMessage(payload: any): void;
     setTriggerSaveSuccessMessage(payload: any): void;
     setSlug(payload: any): void;
@@ -300,6 +431,7 @@ export declare const useBrandPageContainerStore: import("pinia").StoreDefinition
     saveBrandPage(payload?: {
         isPublish?: boolean;
         eventButtonLocation?: string;
+        saveOnly?: boolean;
     }): Promise<false | {
         saved: boolean;
         canPublish: boolean;

package/lib/src/brand-page-maker/stores/brandpage-container/brand-page-container-store.js

@@ -68,7 +68,9 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
             isSubsequentPublish: false,
             isContextualUpgradeModalVisible: false,
             contextualUpgradeType: undefined,
+            isHostModalVisible: false,
             requestVerificationToken: undefined,
+            livePreviewUrl: undefined,
         };
     },
     actions: {
@@ -185,6 +187,10 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
         setIsUpgradeModalVisible(payload) {
             this.isUpgradeModalVisible = payload.isVisible;
         },
+        // Hosts call this from their own modals so the live preview steps back for them.
+        setIsHostModalVisible(payload) {
+            this.isHostModalVisible = payload.isVisible;
+        },
         setPublishErrorMessage(payload) {
             this.publishErrorMessage = payload.errorMessage;
         },
@@ -594,10 +600,11 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
             try {
                 await this.setIsSaving({ isSaving: true });
                 const saveRequest = await this.exportDesignAsync();
-                const response = await brandPageClient.saveBrandPageAsync(brandPageMakerStore.brandPageType, saveRequest, this.designDraftToken);
+                const response = await brandPageClient.saveBrandPageAsync(brandPageMakerStore.brandPageType, { ...saveRequest, saveOnly: !!payload.saveOnly }, this.designDraftToken);
                 if (!response) {
                     return false;
                 }
+                this.livePreviewUrl = response.livePreviewUrl;
                 if (this.brandPageStatus !== response.status) {
                     await this.setBrandPageStatus(response.status);
                 }
@@ -632,9 +639,6 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
                 if (this.slug !== response.slug) {
                     this.setSlug({ slug: response.slug });
                 }
-                this.setTriggerSaveSuccessMessage({
-                    triggerSaveSuccessMessage: true,
-                });
                 if (brandPageMakerStore.contentErrorCount > 0) {
                     await brandPageMakerStore.setSelectedTabName({
                         tabName: SIDE_BAR_TAB_NAMES.CONTENT_SETTINGS,
@@ -643,7 +647,9 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
                 this.setTriggerSaveSuccessMessage({
                     triggerSaveSuccessMessage: true,
                 });
-                if (!payload.isPublish) {
+                // Deferred, not skipped, when something covers the editor: the publish modal
+                // and the preview each raise it on close.
+                if (!payload.isPublish && !payload.saveOnly) {
                     await this.showSaveSuccessMessage();
                     await brandPageMakerStore.showNextNotificationMessage();
                 }
@@ -785,7 +791,9 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
                 }
             }
             this.setIsUpgradeModalVisible({ isVisible: true });
-            await this.saveBrandPage();
+            // The upgrade modal is already open over the editor, so don't fire the
+            // save banner underneath it — `closeUpgradeModal` replays it on dismiss.
+            await this.saveBrandPage({ isPublish: true });
         },
         async getContextualUpgradeResponseAsync() {
             const brandPageMakerStore = useBrandPageMakerStore();
@@ -982,5 +990,13 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
             return state.brandPageStatus === 'Published';
         },
         isUserDraft: (state) => !!state.designDraftToken,
+        // Every modal that can open OVER the editor. The live preview is a full-viewport
+        // takeover, so it has to step back for all of them or they open behind it —
+        // add new modals here (or via isHostModalVisible) rather than to the caller.
+        isAnyModalVisible: (state) => state.isPublishModalVisible ||
+            state.isUpgradeModalVisible ||
+            state.isContextualUpgradeModalVisible ||
+            state.isStripeOnboardingModalVisible ||
+            !!state.isHostModalVisible,
     },
 });