@designcrowd/library.brand-page 6.1.1-json-prereq-3 → 6.1.1

package/lib/src/{CreatedOnBrandCrowd-de-de-hj_ievMc.js → CreatedOnBrandCrowd-de-de-B5B5ThJ6.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-scDtk-Pi.js";
+import { _ as t } from "./lib-DtalJKI3.js";
 const i = {}, h = {
   width: "275",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-en-us-jAOSpfCw.js → CreatedOnBrandCrowd-en-us-a48CaORy.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-scDtk-Pi.js";
+import { _ as t } from "./lib-DtalJKI3.js";
 const i = {}, h = {
   width: "251",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-es-es-DZMVc-y3.js → CreatedOnBrandCrowd-es-es-xpuZ317-.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-scDtk-Pi.js";
+import { _ as t } from "./lib-DtalJKI3.js";
 const i = {}, h = {
   width: "250",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-fr-fr-DvB54H38.js → CreatedOnBrandCrowd-fr-ca-V-iUMArW.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-scDtk-Pi.js";
+import { _ as t } from "./lib-DtalJKI3.js";
 const i = {}, h = {
   width: "237",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-fr-ca-DvB54H38.js → CreatedOnBrandCrowd-fr-fr-V-iUMArW.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-scDtk-Pi.js";
+import { _ as t } from "./lib-DtalJKI3.js";
 const i = {}, h = {
   width: "237",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-pt-pt-bf-x1xhi.js → CreatedOnBrandCrowd-pt-br-DZ0NKSAy.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-scDtk-Pi.js";
+import { _ as t } from "./lib-DtalJKI3.js";
 const i = {}, h = {
   width: "263",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-pt-br-bf-x1xhi.js → CreatedOnBrandCrowd-pt-pt-DZ0NKSAy.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-scDtk-Pi.js";
+import { _ as t } from "./lib-DtalJKI3.js";
 const i = {}, h = {
   width: "263",
   height: "36",

package/lib/src/{CreatedOnDcom-de-de-B-NY1B44.js → CreatedOnDcom-de-de-_950cgGp.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-scDtk-Pi.js";
+import { _ as e } from "./lib-DtalJKI3.js";
 const M = {}, Z = {
   width: "242",
   height: "36",

package/lib/src/{CreatedOnDcom-en-us-Cd4C6KQf.js → CreatedOnDcom-en-us-DogKzH-g.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-scDtk-Pi.js";
+import { _ as e } from "./lib-DtalJKI3.js";
 const i = {}, M = {
   width: "231",
   height: "36",

package/lib/src/{CreatedOnDcom-es-es-DONlsQsm.js → CreatedOnDcom-es-es-CmGM3IPX.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-scDtk-Pi.js";
+import { _ as e } from "./lib-DtalJKI3.js";
 const M = {}, Z = {
   width: "230",
   height: "36",

package/lib/src/{CreatedOnDcom-fr-ca-Dsv3FRpZ.js → CreatedOnDcom-fr-ca-BonEDkWZ.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-scDtk-Pi.js";
+import { _ as e } from "./lib-DtalJKI3.js";
 const i = {}, l = {
   width: "216",
   height: "36",

package/lib/src/{CreatedOnDcom-fr-fr-DOgyvY5C.js → CreatedOnDcom-fr-fr-DQHtKrd_.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-scDtk-Pi.js";
+import { _ as e } from "./lib-DtalJKI3.js";
 const i = {}, l = {
   width: "216",
   height: "36",

package/lib/src/{CreatedOnDcom-pt-br-DX66MhJS.js → CreatedOnDcom-pt-br-CtYJSBjs.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as M } from "./lib-scDtk-Pi.js";
+import { _ as M } from "./lib-DtalJKI3.js";
 const Z = {}, e = {
   width: "232",
   height: "36",

package/lib/src/{CreatedOnDcom-pt-pt-COe2G0bU.js → CreatedOnDcom-pt-pt-DoO9r4lA.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as M } from "./lib-scDtk-Pi.js";
+import { _ as M } from "./lib-DtalJKI3.js";
 const Z = {}, e = {
   width: "232",
   height: "36",

package/lib/src/brand-page/components/contact-form/ContactForm.mixin.js

@@ -1,12 +1,12 @@
 import { defineComponent } from 'vue';
 import { FORM_FIELD_TYPES } from '@brand-page/models';
-import { getEmailValidationError, getMessageValidationError, getNameValidationError, getPhoneValidationError, } from '@brand-page/utils';
+import { getEmailValidationError, getMessageValidationError, getNameValidationError, getPhoneValidationError, isPreviewMode, } from '@brand-page/utils';
 import { isDecorativeButtonStyle } from '../../utils/button.util';
 import brandPageClient from '../../clients/brand-page.client';
 import { isEmail } from '../../../utils/validator.util';
 import { ALIGN_CARD_CENTER, ALIGN_CARD_CENTER_IMAGE, ALIGN_CENTERED, ALIGN_LEFT_FULL_IMAGE, ALIGN_RIGHT_FULL_IMAGE, DISPLAY_STYLE_COLLAPSED, RECAPTCHA_ACTION_CONTACT_FORM, TEXT_ONLY, } from '../../constants';
 import { getRenderText, contentPaddingStyle as toContentPaddingStyle, mutedTextForBackground, backgroundColorFromStyle, } from '@brand-page/utils';
-import { hasRTEContent, getPlainTextFromRTE } from '@brand-page-maker/utils';
+import { hasRTEContent } from '@brand-page-maker/utils';
 import { useReCaptcha } from '../../composables/recaptcha.composable';
 export default defineComponent({
     props: {
@@ -120,10 +120,7 @@ export default defineComponent({
                 isEmail(this.viewModel.responseEmail));
         },
         title() {
-            // BP-5787: title may be RTE JSON (not a string), so `.trim()` would
-            // throw — read the visible text via getPlainTextFromRTE to decide
-            // whether to fall back to the default.
-            return getPlainTextFromRTE(this.viewModel.title)
+            return this.viewModel.title && this.viewModel.title.trim() !== ''
                 ? this.viewModel.title
                 : 'Contact Us';
         },
@@ -196,7 +193,9 @@ export default defineComponent({
         }));
     },
     mounted() {
-        if (this.context?.recaptchaSiteKey && !this.isPreview && this.recaptcha) {
+        if (this.context?.recaptchaSiteKey &&
+            !isPreviewMode(this.context) &&
+            this.recaptcha) {
             this.recaptcha.initialise({ siteKey: this.context.recaptchaSiteKey });
         }
     },
@@ -206,7 +205,7 @@ export default defineComponent({
             if (this.hasFormError) {
                 return;
             }
-            if (this.isPreview || !this.context.brandPageToken) {
+            if (isPreviewMode(this.context) || !this.context.brandPageToken) {
                 if (process.env.NODE_ENV !== 'production' &&
                     !this.context.brandPageSlug) {
                     console.error('brandPageToken is not defined');

package/lib/src/brand-page/components/mailing-list/MailingList.mixin.js

@@ -1,6 +1,6 @@
 import { defineComponent } from 'vue';
 import brandPageClient from '../../clients/brand-page.client';
-import { getEmailValidationError, contentPaddingStyle as toContentPaddingStyle, mutedTextForBackground, backgroundColorFromStyle, } from '@brand-page/utils';
+import { getEmailValidationError, contentPaddingStyle as toContentPaddingStyle, isPreviewMode, mutedTextForBackground, backgroundColorFromStyle, } from '@brand-page/utils';
 import { contentSettingsTr, mailingListTr, } from '@src/composables/useTranslate';
 import { useReCaptcha } from '../../composables/recaptcha.composable';
 import { RECAPTCHA_ACTION_MAILING_LIST } from '../../constants';
@@ -46,7 +46,9 @@ export default defineComponent({
     },
     mounted() {
         this.show = true;
-        if (this.context?.recaptchaSiteKey && !this.isPreview && this.recaptcha) {
+        if (this.context?.recaptchaSiteKey &&
+            !isPreviewMode(this.context) &&
+            this.recaptcha) {
             this.recaptcha.initialise({ siteKey: this.context.recaptchaSiteKey });
         }
     },
@@ -103,7 +105,7 @@ export default defineComponent({
         },
         isFormDisabled() {
             return (this.hasFormError ||
-                this.isPreview ||
+                isPreviewMode(this.context) ||
                 !this.brandPageToken ||
                 this.isSubmitting);
         },
@@ -125,7 +127,7 @@ export default defineComponent({
             if (this.hasFormError) {
                 return;
             }
-            if (this.isPreview || !this.brandPageToken) {
+            if (isPreviewMode(this.context) || !this.brandPageToken) {
                 return;
             }
             this.isSubmitting = true;

package/lib/src/brand-page/components/page-footer/PageFooter.mixin.d.ts

@@ -20,6 +20,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
 }>, {}, {}, {
+    isInPreviewMode(): boolean;
     containerStyle(): BrandPageCssStyle;
     socialLinksIconStyle(): BrandPageCssStyle;
     isDisplayStyleCentered(): boolean;

package/lib/src/brand-page/components/page-footer/PageFooter.mixin.js

@@ -1,5 +1,5 @@
 import { defineComponent } from 'vue';
-import { getRenderText } from '@brand-page/utils';
+import { getRenderText, isPreviewMode } from '@brand-page/utils';
 import { FOOTER_DISPLAY } from '../../constants';
 export default defineComponent({
     props: {
@@ -23,6 +23,9 @@ export default defineComponent({
     },
     emits: ['on-logo-click', 'footer-container-click'],
     computed: {
+        isInPreviewMode() {
+            return isPreviewMode(this.context);
+        },
         containerStyle() {
             return this.viewModel.backgroundStyle;
         },

package/lib/src/brand-page/components/payment/Payment.mixin.js

@@ -2,6 +2,7 @@ import { defineComponent } from 'vue';
 import brandPageClient from '../../clients/brand-page.client';
 import { DISPLAY_STYLE_COLLAPSED, DISPLAY_STYLE_PREVIEW, paymentProviders, } from '../../constants';
 import raygunUtil from '@brand-page/utils/raygun.util';
+import { isPreviewMode } from '@brand-page/utils';
 import { paymentTr } from '@src/composables/useTranslate';
 const DEFAULT_PAYMENT_SUCCESS_MESSAGE = paymentTr(`defaultPaymentSuccessMessage`);
 const PAYMENT_CONFIG_ACTIVE = 'Active';
@@ -60,10 +61,10 @@ export default defineComponent({
             }
         },
         canMakePayment() {
-            return !this.context.isPreview && this.isPaymentConfigActive;
+            return !isPreviewMode(this.context) && this.isPaymentConfigActive;
         },
         showPaymentBlock() {
-            return this.context.isPreview || this.isPaymentConfigActive;
+            return isPreviewMode(this.context) || this.isPaymentConfigActive;
         },
         paymentOptions() {
             return this.paymentConfig.paymentOptions;
@@ -147,7 +148,7 @@ export default defineComponent({
             this.state = paymentConfigId
                 ? paymentState.PaymentOptionSelection
                 : paymentState.IncompleteConfig;
-            if (this.context.isPreview || !paymentConfigId) {
+            if (isPreviewMode(this.context) || !paymentConfigId) {
                 return;
             }
             try {

package/lib/src/brand-page/components/payment/__fixtures__/request-payment.d.ts

@@ -3,6 +3,7 @@ export declare const context: {
     stripePublishableKey: string;
     isTemplate: boolean;
     isPreview: boolean;
+    isLivePreview?: boolean;
     isMobile?: boolean;
     isDesignCom: boolean;
     isProduction: boolean;

package/lib/src/brand-page/components/payment/__fixtures__/support-me.d.ts

@@ -3,6 +3,7 @@ export declare const context: {
     stripePublishableKey: string;
     isTemplate: boolean;
     isPreview: boolean;
+    isLivePreview?: boolean;
     isMobile?: boolean;
     isDesignCom: boolean;
     isProduction: boolean;

package/lib/src/brand-page/components/payment/request-payment/RequestPayment.mixin.d.ts

@@ -21,6 +21,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     selectedPaymentOptionIds: string[];
     imageType: string;
 }, {
+    isInPreviewMode(): boolean;
     contentPaddingStyle(): {
         paddingTop: string;
         paddingBottom: string;

package/lib/src/brand-page/components/payment/request-payment/RequestPayment.mixin.js

@@ -2,7 +2,7 @@ import { defineComponent } from 'vue';
 import { PAYMENT_OPTION_DISPLAY_TYPES, PAYMENT_OPTION_IMAGE_TYPES, } from '../../../models';
 import { DEFAULT_CURRENCY_SYMBOL } from '../../../constants';
 import { addOpacityToHex } from '../../../utils/color.util';
-import { contentPaddingStyle as toContentPaddingStyle } from '../../../utils';
+import { contentPaddingStyle as toContentPaddingStyle, isPreviewMode, } from '../../../utils';
 import { RGBAtoHex } from '@utils/helpers';
 const MAX_CUSTOM_REQUEST_CHARS = 500;
 export default defineComponent({
@@ -29,6 +29,9 @@ export default defineComponent({
         };
     },
     computed: {
+        isInPreviewMode() {
+            return isPreviewMode(this.context);
+        },
         contentPaddingStyle() {
             return toContentPaddingStyle(this.viewModel);
         },

package/lib/src/brand-page/composables/consent.composable.d.ts

@@ -4,8 +4,10 @@ export declare const useConsent: () => {
     updateConsent: import("vue").Ref<(c: ConsentType) => void, (c: ConsentType) => void>;
     featureEnabled: import("vue").Ref<boolean, boolean>;
     showConsentModal: import("vue").Ref<boolean, boolean>;
+    persist: import("vue").Ref<boolean, boolean>;
     initialise: (options: {
         featureEnabled: boolean;
+        persist?: boolean;
     }) => ConsentType;
     grant: (cb?: () => unknown) => void;
     deny: (cb?: () => unknown) => void;

package/lib/src/brand-page/composables/consent.composable.js

@@ -28,6 +28,7 @@ const store = reactive({
     consent: undefined,
     featureEnabled: false,
     showConsentModal: false,
+    persist: true,
     updateConsent(c) {
         this.consent = c;
     },
@@ -38,7 +39,8 @@ export const useConsent = () => {
             return undefined;
         }
         store.featureEnabled = options.featureEnabled;
-        store.consent = getStoredConsent();
+        store.persist = options.persist ?? true;
+        store.consent = store.persist ? getStoredConsent() : undefined;
         store.showConsentModal =
             options.featureEnabled && !accepted.value && !declined.value;
         return store.consent;
@@ -46,13 +48,17 @@ export const useConsent = () => {
     const accepted = computed(() => Boolean(store.consent && store.consent === 'granted'));
     const declined = computed(() => Boolean(store.consent && store.consent === 'denied'));
     const grant = (cb) => {
-        storeConsent('granted');
+        if (store.persist) {
+            storeConsent('granted');
+        }
         store.updateConsent('granted');
         store.showConsentModal = store.featureEnabled && !accepted.value;
         cb && cb();
     };
     const deny = (cb) => {
-        storeConsent('denied');
+        if (store.persist) {
+            storeConsent('denied');
+        }
         store.updateConsent('denied');
         store.showConsentModal = false;
         cb && cb();

package/lib/src/brand-page/models/brand-page-context.model.d.ts

@@ -47,6 +47,13 @@ export type MediaSizes = keyof typeof MEDIA_SIZES;
 export interface BrandPageContext {
     isTemplate: boolean;
     isPreview: boolean;
+    /**
+     * Rendered as a customer-facing live preview (safe/inert actions, no
+     * watermark, ephemeral consent). Distinct from the editor `isPreview`, which
+     * also drives editor/thumbnail-only behaviour. Use `isPreviewMode()` to gate
+     * inert-action behaviour that applies to both.
+     */
+    isLivePreview?: boolean;
     /** @deprecated should be used on maker only */
     isMobile?: boolean;
     isDesignCom: boolean;

package/lib/src/brand-page/models/index.d.ts

@@ -7,14 +7,6 @@ import { TextStyles } from './styles.model';
 import { LogoStyles } from './logo.model';
 import type { LogoImageModel, LogoTemplateImageModel } from './logo.model';
 import type { BrandPagePaymentConfig } from './payment.model';
-import type { JSONContent } from '@tiptap/vue-3';
-/**
- * BP-5787 — a rich-text field is either a legacy inline-HTML string or a
- * Tiptap JSON document. Typing RTE content fields as RichTextValue (instead of
- * `string`) forces every consumer to handle both forms — surfacing at compile
- * time any code that assumes a plain string (e.g. `.replace`, `.length`).
- */
-export type RichTextValue = string | JSONContent;
 export * from './brand-page-context.model';
 export * from './payment.model';
 export * from './content.model';
@@ -156,7 +148,7 @@ export interface TextContent extends Content {
     /**
      * For BrandPage/BrandContact only
      */
-    text: RichTextValue;
+    text: string;
     /**
      * For BrandSite
      */
@@ -179,9 +171,9 @@ export interface TextContent extends Content {
 }
 export interface ProfileContent extends Content {
     avatarImageUrl: string;
-    name: RichTextValue;
-    title: RichTextValue;
-    description: RichTextValue;
+    name: string;
+    title: string;
+    description: string;
     backgroundColor: BrandPageCssStyle;
     colorReplacements: ColorReplacement[];
     mediaType?: string;
@@ -199,7 +191,7 @@ export interface MapContent extends Content {
 }
 export interface MailingListContent extends Content {
     acceptedFields?: 'emailOnly' | 'nameAndEmail';
-    title: RichTextValue;
+    title: string;
     buttonText: string;
     titleStyle: TextStyleDeclaration;
     buttonTextStyle: TextStyleDeclaration;
@@ -251,10 +243,10 @@ export interface FormField {
 export interface ContactFormContent extends Content {
     type: 'contact-form';
     displayStyle: string;
-    title: RichTextValue;
-    description: RichTextValue;
+    title: string;
+    description: string;
     buttonText: string;
-    successMessage: RichTextValue;
+    successMessage: string;
     fields: FormField[];
     responseEmail: string;
     imageUrl?: string;
@@ -273,8 +265,8 @@ export interface ContactFormContent extends Content {
 export interface BannerSectionContent extends Content {
     type: 'banner-section';
     imageUrl: string;
-    title: RichTextValue;
-    description: RichTextValue;
+    title: string;
+    description: string;
     buttonText: string | false;
     url: string;
     email?: string;
@@ -301,8 +293,8 @@ export declare const MEDIA_TYPES: {
 };
 export type MediaType = keyof typeof MEDIA_TYPES;
 export interface TextMediaItem extends ImageItem {
-    title: RichTextValue;
-    paragraph: RichTextValue;
+    title: string;
+    paragraph: string;
     itemsId: number;
     buttonText?: string | false;
     buttonPageId?: string;
@@ -321,8 +313,8 @@ export interface TextShapeItem extends TextMediaItem {
 export interface ShapeItem extends ImageItem {
     colorReplacements: ColorReplacement[];
     mediaType: MediaType;
-    title?: RichTextValue;
-    paragraph?: RichTextValue;
+    title?: string;
+    paragraph?: string;
     titleOverride?: string;
     paragraphOverride?: string;
 }
@@ -330,9 +322,9 @@ export interface TestimonialItems {
     /** Stable per-item identifier. See ImageItem.id. */
     id: string;
     imageUrl: string;
-    name: RichTextValue;
-    position: RichTextValue;
-    testimonials: RichTextValue;
+    name: string;
+    position: string;
+    testimonials: string;
     colorReplacements: ColorReplacement[];
     mediaType: string;
     size?: string;
@@ -345,7 +337,7 @@ export interface TestimonialItems {
 export interface TextItem {
     /** Stable per-item identifier. See ImageItem.id. */
     id: string;
-    text: RichTextValue;
+    text: string;
     textStyle: TextStyleDeclaration;
     textOverride?: string;
 }
@@ -362,8 +354,8 @@ export interface ImagesSectionContent extends Content, MediaSection {
     enablePopup: boolean;
 }
 export interface MediaSection extends Content {
-    title: RichTextValue;
-    description: RichTextValue;
+    title: string;
+    description: string;
     displayStyle: ImagesSectionContentDisplayStyle;
     items: TextShapeItem[] | TextMediaItem[];
     titleStyle: TextStyleDeclaration;
@@ -380,7 +372,7 @@ export interface ColorReplacement {
 }
 export interface TestimonialSectionContent extends Content {
     type: 'testimonial-section';
-    title: RichTextValue;
+    title: string;
     displayStyle: string;
     items: TestimonialItems[];
     titleStyle: TextStyleDeclaration;
@@ -394,8 +386,8 @@ export interface TestimonialSectionContent extends Content {
 export interface AboutSectionContent extends Content {
     type: 'about-section';
     imageUrl: string;
-    title: RichTextValue;
-    paragraph: RichTextValue;
+    title: string;
+    paragraph: string;
     displayStyle: string;
     titleStyle: TextStyleDeclaration;
     paragraphStyle: TextStyleDeclaration;
@@ -419,7 +411,7 @@ export declare const SOCIAL_LINKS_ICON_DISPLAY_STYLES: {
 export type SocialLinksIconDisplayStyle = keyof typeof SOCIAL_LINKS_ICON_DISPLAY_STYLES;
 export interface SocialLinksContent extends Content {
     type: 'social-links';
-    title: RichTextValue;
+    title: string;
     links: LinksItem[];
     iconDisplayStyle: SocialLinksIconDisplayStyle;
     iconFillStyles: BrandPageCssStyle;
@@ -442,8 +434,8 @@ export interface DividerSectionContent extends Content {
 }
 export interface BookingSectionContent extends Content {
     type: 'booking-section';
-    title: RichTextValue;
-    description: RichTextValue;
+    title: string;
+    description: string;
     buttonText: string;
     url: string;
     email?: string;

package/lib/src/brand-page/utils/context.util.d.ts

@@ -1,2 +1,10 @@
 import type { BrandPageContext } from '../models';
 export declare const getSlugFromContext: (context: BrandPageContext) => string;
+/**
+ * True when interactive actions must be inert and payment/shop blocks always
+ * shown — i.e. the render is a preview, not a live site. Covers both the
+ * editor preview (`isPreview`) and the customer live-preview
+ * (`isLivePreview`). Editor-only artifacts (cursor, nav interception,
+ * placeholders) must keep reading `context.isPreview` directly.
+ */
+export declare const isPreviewMode: (context: BrandPageContext) => boolean;

package/lib/src/brand-page/utils/context.util.js

@@ -4,3 +4,11 @@ export const getSlugFromContext = (context) => {
     }
     return context.brandPageSlug;
 };
+/**
+ * True when interactive actions must be inert and payment/shop blocks always
+ * shown — i.e. the render is a preview, not a live site. Covers both the
+ * editor preview (`isPreview`) and the customer live-preview
+ * (`isLivePreview`). Editor-only artifacts (cursor, nav interception,
+ * placeholders) must keep reading `context.isPreview` directly.
+ */
+export const isPreviewMode = (context) => !!(context.isPreview || context.isLivePreview);

package/lib/src/brand-page/utils/migration.util.js

@@ -22,7 +22,6 @@ import { migration16 } from './migration/migration-16';
 import { migration17 } from './migration/migration-17';
 import { migration18 } from './migration/migration-18';
 import { migration19 } from './migration/migration-19';
-import { migration20 } from './migration/migration-20';
 const MIGRATION_TABLE = [
     {
         version: 1,
@@ -150,16 +149,6 @@ const MIGRATION_TABLE = [
         runAlways: true,
         description: 'BP-5800: seed the button fill colour as each block’s own container colour so it is independent of the site button (existing sites render unchanged) — backgroundStyle for mailing-list, request-payment and support-me (all types); cardStyle for the BP/BC contact form (skipped on brand-site)',
     },
-    {
-        version: 20,
-        migrateFn: migration20,
-        // One-time versioned migration (NOT runAlways): legacy sites (v < 20)
-        // convert on their first load in any environment — the maker (browser DOM)
-        // and web-renderer SSR (migration-20 installs a jsdom window). It no longer
-        // needs to re-run every load because the AI section builders now emit Tiptap
-        // JSON directly, so there is no recurring post-load source of HTML to catch.
-        description: 'BP-5787: convert inline-HTML RTE content to Tiptap JSON on first load (client or server); AI builders emit JSON directly, so this runs once per site',
-    },
 ];
 export const GetLatestModelVersion = () => Math.max(...MIGRATION_TABLE.map((x) => x.version));
 export const migrateBrandPageModel = async (brandPageModel, options) => {

package/lib/src/brand-page/utils/text.util.d.ts

@@ -1,17 +1,5 @@
 export declare const getRenderText: (text: string) => string;
-export declare const escapeContentText: (text: unknown) => string | undefined;
-/**
- * Character length of RTE content as the *editor* counts it — ProseMirror
- * `doc.textContent`: text nodes concatenated with NO separator. This is the
- * metric the MaxLength extension gates on, so length indicators must use it too.
- *
- * Do NOT use escapeContentText/jsonDocPlainText for length limiting: those
- * join text nodes with a space for readable plain-text extraction, so they
- * over-count by one character per inline mark boundary. Converting a word to a
- * hyperlink (or bolding it, etc.) splits its text node, making the counter
- * report length+1 for content the editor considers exactly at the cap (BP-5787).
- */
-export declare const getContentTextLength: (value: unknown) => number;
+export declare const escapeContentText: (text: string | undefined) => string | undefined;
 export declare const decodeHtmlEntities: (text: string) => string;
 export declare const unescapeContentText: (text: string) => string;
 export declare const encodeContentText: (text: string | undefined) => string | undefined;