@designcrowd/library.brand-page 6.1.1-ast-preview-5 → 6.1.1-json-prereq-2

package/lib/src/{CreatedOnBrandCrowd-de-de-sVIjGbu6.js → CreatedOnBrandCrowd-de-de-r7USgAVD.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-B_0ppSv0.js → CreatedOnBrandCrowd-en-us-Cl9PeQVq.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-DqKj4e_p.js → CreatedOnBrandCrowd-es-es-JQgWL1oM.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-DiNXZwRd.js → CreatedOnBrandCrowd-fr-ca-MyYaZgId.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-DiNXZwRd.js → CreatedOnBrandCrowd-fr-fr-MyYaZgId.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-CuYkLGHc.js → CreatedOnBrandCrowd-pt-br-D6FStQU6.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-CuYkLGHc.js → CreatedOnBrandCrowd-pt-pt-D6FStQU6.js}

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

package/lib/src/{CreatedOnDcom-de-de-Bd6MW0BB.js → CreatedOnDcom-de-de-BL1nZZE6.js}

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

package/lib/src/{CreatedOnDcom-en-us-nOQGBiSc.js → CreatedOnDcom-en-us-C8R2eB3R.js}

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

package/lib/src/{CreatedOnDcom-es-es-CYKmU876.js → CreatedOnDcom-es-es-Cw34v79P.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-BC1ylbfG.js → CreatedOnDcom-fr-ca-hQ7zuwhB.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-DpK26Wq1.js → CreatedOnDcom-fr-fr-DYO-y4Qs.js}

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

package/lib/src/{CreatedOnDcom-pt-br-P9Hfpokg.js → CreatedOnDcom-pt-br-D_-6VWMA.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-rgBJjIoZ.js → CreatedOnDcom-pt-pt-C0bg2qxu.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as M } from "./lib-C3x15Hyk.js";
+import { _ as M } from "./lib-B_8Foa76.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, isPreviewMode, } from '@brand-page/utils';
+import { getEmailValidationError, getMessageValidationError, getNameValidationError, getPhoneValidationError, } 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 } from '@brand-page-maker/utils';
+import { hasRTEContent, getPlainTextFromRTE } from '@brand-page-maker/utils';
 import { useReCaptcha } from '../../composables/recaptcha.composable';
 export default defineComponent({
     props: {
@@ -120,7 +120,10 @@ export default defineComponent({
                 isEmail(this.viewModel.responseEmail));
         },
         title() {
-            return this.viewModel.title && this.viewModel.title.trim() !== ''
+            // 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)
                 ? this.viewModel.title
                 : 'Contact Us';
         },
@@ -193,9 +196,7 @@ export default defineComponent({
         }));
     },
     mounted() {
-        if (this.context?.recaptchaSiteKey &&
-            !isPreviewMode(this.context) &&
-            this.recaptcha) {
+        if (this.context?.recaptchaSiteKey && !this.isPreview && this.recaptcha) {
             this.recaptcha.initialise({ siteKey: this.context.recaptchaSiteKey });
         }
     },
@@ -205,7 +206,7 @@ export default defineComponent({
             if (this.hasFormError) {
                 return;
             }
-            if (isPreviewMode(this.context) || !this.context.brandPageToken) {
+            if (this.isPreview || !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, isPreviewMode, mutedTextForBackground, backgroundColorFromStyle, } from '@brand-page/utils';
+import { getEmailValidationError, contentPaddingStyle as toContentPaddingStyle, 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,9 +46,7 @@ export default defineComponent({
     },
     mounted() {
         this.show = true;
-        if (this.context?.recaptchaSiteKey &&
-            !isPreviewMode(this.context) &&
-            this.recaptcha) {
+        if (this.context?.recaptchaSiteKey && !this.isPreview && this.recaptcha) {
             this.recaptcha.initialise({ siteKey: this.context.recaptchaSiteKey });
         }
     },
@@ -105,7 +103,7 @@ export default defineComponent({
         },
         isFormDisabled() {
             return (this.hasFormError ||
-                isPreviewMode(this.context) ||
+                this.isPreview ||
                 !this.brandPageToken ||
                 this.isSubmitting);
         },
@@ -127,7 +125,7 @@ export default defineComponent({
             if (this.hasFormError) {
                 return;
             }
-            if (isPreviewMode(this.context) || !this.brandPageToken) {
+            if (this.isPreview || !this.brandPageToken) {
                 return;
             }
             this.isSubmitting = true;

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

@@ -20,7 +20,6 @@ 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, isPreviewMode } from '@brand-page/utils';
+import { getRenderText } from '@brand-page/utils';
 import { FOOTER_DISPLAY } from '../../constants';
 export default defineComponent({
     props: {
@@ -23,9 +23,6 @@ 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,7 +2,6 @@ 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';
@@ -61,10 +60,10 @@ export default defineComponent({
             }
         },
         canMakePayment() {
-            return !isPreviewMode(this.context) && this.isPaymentConfigActive;
+            return !this.context.isPreview && this.isPaymentConfigActive;
         },
         showPaymentBlock() {
-            return isPreviewMode(this.context) || this.isPaymentConfigActive;
+            return this.context.isPreview || this.isPaymentConfigActive;
         },
         paymentOptions() {
             return this.paymentConfig.paymentOptions;
@@ -148,7 +147,7 @@ export default defineComponent({
             this.state = paymentConfigId
                 ? paymentState.PaymentOptionSelection
                 : paymentState.IncompleteConfig;
-            if (isPreviewMode(this.context) || !paymentConfigId) {
+            if (this.context.isPreview || !paymentConfigId) {
                 return;
             }
             try {

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

@@ -3,7 +3,6 @@ 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,7 +3,6 @@ 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,7 +21,6 @@ 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, isPreviewMode, } from '../../../utils';
+import { contentPaddingStyle as toContentPaddingStyle } from '../../../utils';
 import { RGBAtoHex } from '@utils/helpers';
 const MAX_CUSTOM_REQUEST_CHARS = 500;
 export default defineComponent({
@@ -29,9 +29,6 @@ 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,10 +4,8 @@ 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,7 +28,6 @@ const store = reactive({
     consent: undefined,
     featureEnabled: false,
     showConsentModal: false,
-    persist: true,
     updateConsent(c) {
         this.consent = c;
     },
@@ -39,8 +38,7 @@ export const useConsent = () => {
             return undefined;
         }
         store.featureEnabled = options.featureEnabled;
-        store.persist = options.persist ?? true;
-        store.consent = store.persist ? getStoredConsent() : undefined;
+        store.consent = getStoredConsent();
         store.showConsentModal =
             options.featureEnabled && !accepted.value && !declined.value;
         return store.consent;
@@ -48,17 +46,13 @@ export const useConsent = () => {
     const accepted = computed(() => Boolean(store.consent && store.consent === 'granted'));
     const declined = computed(() => Boolean(store.consent && store.consent === 'denied'));
     const grant = (cb) => {
-        if (store.persist) {
-            storeConsent('granted');
-        }
+        storeConsent('granted');
         store.updateConsent('granted');
         store.showConsentModal = store.featureEnabled && !accepted.value;
         cb && cb();
     };
     const deny = (cb) => {
-        if (store.persist) {
-            storeConsent('denied');
-        }
+        storeConsent('denied');
         store.updateConsent('denied');
         store.showConsentModal = false;
         cb && cb();

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

@@ -37,8 +37,6 @@ export interface AbTestResult {
 export interface AbTest {
     bp_3926_freemium_watermark?: AbTestResult;
     bp_5245_ai_website_assistant?: AbTestResult;
-    bp_5873_live_preview_prepurchase?: AbTestResult;
-    bp_5873_live_preview_postpurchase?: AbTestResult;
 }
 export declare const MEDIA_SIZES: {
     readonly size1x: "size1x";
@@ -49,13 +47,6 @@ 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/brand-page-context.model.js

@@ -25,11 +25,6 @@ export const AB_TEST_FLAG = {
 const AB_TEST_KEYS = {
     BP_3926_FREEMIUM_WATERMARK: 'bc-bp-3926-freemium-cta-in-website-editor',
     BP_5245_AI_WEBSITE_ASSISTANT: 'bc-bp-5245-ai-website-assistant-postpurchase',
-    // Two separate live-preview experiments — bc-net sends only the one for the
-    // current purchase state, and a user's value on each side is independent
-    // (BP-5873). Keys must match `CampaignNames.LivePreview*Test` in bc-net.
-    BP_5873_LIVE_PREVIEW_PREPURCHASE: 'bc-bp-5873-live-preview-prepurchase',
-    BP_5873_LIVE_PREVIEW_POSTPURCHASE: 'bc-bp-5873-live-preview-postpurchase',
 };
 export const MEDIA_SIZES = {
     size1x: 'size1x',
@@ -55,12 +50,5 @@ export const getAbTestResults = (abtestKeyValues) => {
     if (abtestKeyValues[AB_TEST_KEYS.BP_5245_AI_WEBSITE_ASSISTANT]) {
         abTests.bp_5245_ai_website_assistant = getValueType(AB_TEST_KEYS.BP_5245_AI_WEBSITE_ASSISTANT, abtestKeyValues[AB_TEST_KEYS.BP_5245_AI_WEBSITE_ASSISTANT]);
     }
-    // AB Test for BP-5873 - Live preview (pre- and post-purchase run separately)
-    if (abtestKeyValues[AB_TEST_KEYS.BP_5873_LIVE_PREVIEW_PREPURCHASE]) {
-        abTests.bp_5873_live_preview_prepurchase = getValueType(AB_TEST_KEYS.BP_5873_LIVE_PREVIEW_PREPURCHASE, abtestKeyValues[AB_TEST_KEYS.BP_5873_LIVE_PREVIEW_PREPURCHASE]);
-    }
-    if (abtestKeyValues[AB_TEST_KEYS.BP_5873_LIVE_PREVIEW_POSTPURCHASE]) {
-        abTests.bp_5873_live_preview_postpurchase = getValueType(AB_TEST_KEYS.BP_5873_LIVE_PREVIEW_POSTPURCHASE, abtestKeyValues[AB_TEST_KEYS.BP_5873_LIVE_PREVIEW_POSTPURCHASE]);
-    }
     return abTests;
 };

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

@@ -7,6 +7,14 @@ 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';
@@ -148,7 +156,7 @@ export interface TextContent extends Content {
     /**
      * For BrandPage/BrandContact only
      */
-    text: string;
+    text: RichTextValue;
     /**
      * For BrandSite
      */
@@ -171,9 +179,9 @@ export interface TextContent extends Content {
 }
 export interface ProfileContent extends Content {
     avatarImageUrl: string;
-    name: string;
-    title: string;
-    description: string;
+    name: RichTextValue;
+    title: RichTextValue;
+    description: RichTextValue;
     backgroundColor: BrandPageCssStyle;
     colorReplacements: ColorReplacement[];
     mediaType?: string;
@@ -191,7 +199,7 @@ export interface MapContent extends Content {
 }
 export interface MailingListContent extends Content {
     acceptedFields?: 'emailOnly' | 'nameAndEmail';
-    title: string;
+    title: RichTextValue;
     buttonText: string;
     titleStyle: TextStyleDeclaration;
     buttonTextStyle: TextStyleDeclaration;
@@ -243,10 +251,10 @@ export interface FormField {
 export interface ContactFormContent extends Content {
     type: 'contact-form';
     displayStyle: string;
-    title: string;
-    description: string;
+    title: RichTextValue;
+    description: RichTextValue;
     buttonText: string;
-    successMessage: string;
+    successMessage: RichTextValue;
     fields: FormField[];
     responseEmail: string;
     imageUrl?: string;
@@ -265,8 +273,8 @@ export interface ContactFormContent extends Content {
 export interface BannerSectionContent extends Content {
     type: 'banner-section';
     imageUrl: string;
-    title: string;
-    description: string;
+    title: RichTextValue;
+    description: RichTextValue;
     buttonText: string | false;
     url: string;
     email?: string;
@@ -293,8 +301,8 @@ export declare const MEDIA_TYPES: {
 };
 export type MediaType = keyof typeof MEDIA_TYPES;
 export interface TextMediaItem extends ImageItem {
-    title: string;
-    paragraph: string;
+    title: RichTextValue;
+    paragraph: RichTextValue;
     itemsId: number;
     buttonText?: string | false;
     buttonPageId?: string;
@@ -313,8 +321,8 @@ export interface TextShapeItem extends TextMediaItem {
 export interface ShapeItem extends ImageItem {
     colorReplacements: ColorReplacement[];
     mediaType: MediaType;
-    title?: string;
-    paragraph?: string;
+    title?: RichTextValue;
+    paragraph?: RichTextValue;
     titleOverride?: string;
     paragraphOverride?: string;
 }
@@ -322,9 +330,9 @@ export interface TestimonialItems {
     /** Stable per-item identifier. See ImageItem.id. */
     id: string;
     imageUrl: string;
-    name: string;
-    position: string;
-    testimonials: string;
+    name: RichTextValue;
+    position: RichTextValue;
+    testimonials: RichTextValue;
     colorReplacements: ColorReplacement[];
     mediaType: string;
     size?: string;
@@ -337,7 +345,7 @@ export interface TestimonialItems {
 export interface TextItem {
     /** Stable per-item identifier. See ImageItem.id. */
     id: string;
-    text: string;
+    text: RichTextValue;
     textStyle: TextStyleDeclaration;
     textOverride?: string;
 }
@@ -354,8 +362,8 @@ export interface ImagesSectionContent extends Content, MediaSection {
     enablePopup: boolean;
 }
 export interface MediaSection extends Content {
-    title: string;
-    description: string;
+    title: RichTextValue;
+    description: RichTextValue;
     displayStyle: ImagesSectionContentDisplayStyle;
     items: TextShapeItem[] | TextMediaItem[];
     titleStyle: TextStyleDeclaration;
@@ -372,7 +380,7 @@ export interface ColorReplacement {
 }
 export interface TestimonialSectionContent extends Content {
     type: 'testimonial-section';
-    title: string;
+    title: RichTextValue;
     displayStyle: string;
     items: TestimonialItems[];
     titleStyle: TextStyleDeclaration;
@@ -386,8 +394,8 @@ export interface TestimonialSectionContent extends Content {
 export interface AboutSectionContent extends Content {
     type: 'about-section';
     imageUrl: string;
-    title: string;
-    paragraph: string;
+    title: RichTextValue;
+    paragraph: RichTextValue;
     displayStyle: string;
     titleStyle: TextStyleDeclaration;
     paragraphStyle: TextStyleDeclaration;
@@ -411,7 +419,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: string;
+    title: RichTextValue;
     links: LinksItem[];
     iconDisplayStyle: SocialLinksIconDisplayStyle;
     iconFillStyles: BrandPageCssStyle;
@@ -434,8 +442,8 @@ export interface DividerSectionContent extends Content {
 }
 export interface BookingSectionContent extends Content {
     type: 'booking-section';
-    title: string;
-    description: string;
+    title: RichTextValue;
+    description: RichTextValue;
     buttonText: string;
     url: string;
     email?: string;

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

@@ -1,10 +1,2 @@
 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,11 +4,3 @@ 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/migration-20.d.ts

@@ -0,0 +1,2 @@
+import type { MigrationData } from '../migration.util';
+export declare const migration20: (migrationResult: MigrationData) => Promise<MigrationData>;