@designcrowd/library.brand-page 6.0.19-ast-btns-6 → 6.0.20

package/lib/src/{CreatedOnBrandCrowd-de-de-Dqv1385w.js → CreatedOnBrandCrowd-de-de-C52IyXZu.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-DuA7uGNz.js → CreatedOnBrandCrowd-en-us-DhTy_dEV.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-CaSTc5HM.js → CreatedOnBrandCrowd-es-es-BJelIAQ4.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-C9VKny9y.js → CreatedOnBrandCrowd-fr-ca-DwJohy0T.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-C9VKny9y.js → CreatedOnBrandCrowd-fr-fr-DwJohy0T.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-ft2V8-xm.js → CreatedOnBrandCrowd-pt-br-CMzKbxdG.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-ft2V8-xm.js → CreatedOnBrandCrowd-pt-pt-CMzKbxdG.js}

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

package/lib/src/{CreatedOnDcom-de-de-BdZxdxoi.js → CreatedOnDcom-de-de-DAy1GHrw.js}

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

package/lib/src/{CreatedOnDcom-en-us-Dl0XbKU2.js → CreatedOnDcom-en-us-CgBDAkJN.js}

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

package/lib/src/{CreatedOnDcom-es-es-WciMRblK.js → CreatedOnDcom-es-es-Ds9d5rem.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-CvjUqr4M.js → CreatedOnDcom-fr-ca-CZL0BQ-u.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-CMALFpBz.js → CreatedOnDcom-fr-fr-BVYh5Wvo.js}

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

package/lib/src/{CreatedOnDcom-pt-br-C0MjZ-_y.js → CreatedOnDcom-pt-br-1hsWNXfq.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-DV9I0m0I.js → CreatedOnDcom-pt-pt-DvM0N-3M.js}

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

package/lib/src/brand-page/components/collapsible/Collapsible.mixin.d.ts

@@ -25,11 +25,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: false;
         default: undefined;
     };
-    backgroundStyle: {
-        type: PropType<BrandPageCssStyle>;
-        required: false;
-        default: undefined;
-    };
     context: {
         type: PropType<BrandPageContext>;
         required: true;
@@ -66,11 +61,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: false;
         default: undefined;
     };
-    backgroundStyle: {
-        type: PropType<BrandPageCssStyle>;
-        required: false;
-        default: undefined;
-    };
     context: {
         type: PropType<BrandPageContext>;
         required: true;
@@ -78,7 +68,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{}>, {
     titleStyle: BrandPageCssStyle;
     cardStyle: BrandPageCssStyle;
-    backgroundStyle: BrandPageCssStyle;
     buttonStyles: BrandPageCssStyle;
     canCollapse: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/src/brand-page/components/collapsible/Collapsible.mixin.js

@@ -25,11 +25,6 @@ export default defineComponent({
             required: false,
             default: undefined,
         },
-        backgroundStyle: {
-            type: Object,
-            required: false,
-            default: undefined,
-        },
         context: {
             type: Object,
             required: true,
@@ -45,16 +40,9 @@ export default defineComponent({
             if (borderRadius === '9999px') {
                 containerStyle.borderRadius = '26px';
             }
-            // Guarded on backgroundColor so an empty {} never blanks the container
-            // (BP/BC contact-form card colour defaults to the button fill).
-            if (this.cardStyle?.backgroundColor) {
+            if (this.cardStyle) {
                 containerStyle.backgroundColor = this.cardStyle.backgroundColor;
             }
-            // Own background colour decouples the container from the button fill (BP-5800).
-            // Guarded on backgroundColor so an empty {} never blanks the container.
-            if (this.backgroundStyle?.backgroundColor) {
-                containerStyle.backgroundColor = this.backgroundStyle.backgroundColor;
-            }
             return containerStyle;
         },
         arrowStyle() {

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

@@ -43,7 +43,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     isSubmitting: boolean;
     submitError: string | undefined;
 }, {
-    isDecorativeSubmitStyle(): boolean;
     submitButtonStyle(): BrandPageCssStyle;
     submitButtonTextStyle(): BrandPageCssStyle;
     contentPaddingStyle(): {

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

@@ -1,12 +1,11 @@
 import { defineComponent } from 'vue';
 import { FORM_FIELD_TYPES } from '@brand-page/models';
 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, getPlainTextFromRTE } from '@brand-page-maker/utils';
+import { hasRTEContent } from '@brand-page-maker/utils';
 import { useReCaptcha } from '../../composables/recaptcha.composable';
 export default defineComponent({
     props: {
@@ -45,12 +44,6 @@ export default defineComponent({
         submitError: undefined,
     }),
     computed: {
-        // Decorative styles (brushstroke/arrow/paper) render a shape that needs width
-        // to read — at pure w-fit the arrow chevron collapses. Give the submit button a
-        // ~200px min-width so the decoration looks intentional without going full-width.
-        isDecorativeSubmitStyle() {
-            return isDecorativeButtonStyle(this.viewModel.buttonStyles?.selectedButtonStyleId);
-        },
         submitButtonStyle() {
             const buttonStyle = { ...this.viewModel.buttonStyles?.style };
             const buttonTextStyle = {
@@ -120,10 +113,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';
         },
@@ -161,8 +151,8 @@ export default defineComponent({
             // differs by website type:
             // - brandSite: the card style (card + divided layouts) or the section
             //   background (other layouts).
-            // - brand.page / brand.contact: the container is the collapsible, whose
-            //   colour is the card colour (defaulting to the global button fill).
+            // - brand.page / brand.contact: there's no section background, so the
+            //   coloured surface is the global button fill.
             // Falls back to the title colour when there's no solid colour to anchor to.
             const style = this.context.isBrandSite
                 ? this.hasCard || this.isDividedContent
@@ -170,9 +160,7 @@ export default defineComponent({
                     : this.hasBgColor
                         ? this.viewModel.backgroundStyle
                         : undefined
-                : this.viewModel.cardStyle?.backgroundColor
-                    ? this.viewModel.cardStyle
-                    : this.viewModel.buttonStyles?.style;
+                : this.viewModel.buttonStyles?.style;
             return (mutedTextForBackground(backgroundColorFromStyle(style)) ??
                 this.viewModel.titleStyle?.color);
         },

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

@@ -94,11 +94,6 @@ export default defineComponent({
             if (borderRadius === '9999px') {
                 buttonStyle.borderRadius = '24px';
             }
-            // Own background colour decouples the container from the button fill (BP-5800).
-            if (this.viewModel.backgroundStyle?.backgroundColor) {
-                buttonStyle.backgroundColor =
-                    this.viewModel.backgroundStyle.backgroundColor;
-            }
             return buttonStyle;
         },
         isFormDisabled() {

package/lib/src/brand-page/components/media/Media.mixin.d.ts

@@ -68,7 +68,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {}, {
     type: string | undefined;
     isImageBroken: boolean;
-}, {}, {
+}, {
+    /**
+     * BP-5866: content images must never emit an empty `alt`. Reuses the
+     * shared alt fallback (author title → "{business}'s image" → "image") so
+     * a caller that passes no `alt-text` still renders descriptive text.
+     * Only consumed by the content `<FallbackImage>`; decorative/background
+     * images (rendered via `media`) and shapes never reach this path.
+     */
+    effectiveAltText(): string;
+}, {
     onImageError(): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     mediaType: {

package/lib/src/brand-page/components/media/Media.mixin.js

@@ -1,4 +1,5 @@
 import { defineComponent } from 'vue';
+import { getImageAltText } from '@brand-page/utils';
 export default defineComponent({
     props: {
         mediaType: {
@@ -71,6 +72,18 @@ export default defineComponent({
             isImageBroken: false,
         };
     },
+    computed: {
+        /**
+         * BP-5866: content images must never emit an empty `alt`. Reuses the
+         * shared alt fallback (author title → "{business}'s image" → "image") so
+         * a caller that passes no `alt-text` still renders descriptive text.
+         * Only consumed by the content `<FallbackImage>`; decorative/background
+         * images (rendered via `media`) and shapes never reach this path.
+         */
+        effectiveAltText() {
+            return getImageAltText({ imageTitle: this.altText }, this.context);
+        },
+    },
     methods: {
         onImageError() {
             this.isImageBroken = true;

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

@@ -75,6 +75,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     bpShowTopNavigationMobile(): boolean;
     bpShowTopNavigationDesktop(): boolean;
     slug(): string;
+    /**
+     * Text for the single page-level `<h1>` (BP-5866). Sourced from the
+     * business/site name + page name so it mirrors the SSR document `<title>`.
+     */
+    pageHeadingText(): string;
     shouldShowSaveContactWidget(): boolean;
     isPremiumSubscription(): boolean;
     shouldShowPopupBranding(): boolean;

package/lib/src/brand-page/components/page/Page.mixin.js

@@ -1,6 +1,6 @@
 import { defineComponent } from 'vue';
 import { DEFAULT_FONT_FAMILY_KEY, FALLBACK_FONT_FAMILIES, FONT_FAMILY_CONFIGS, } from '../../constants';
-import { getSlugFromContext } from '@brand-page/utils';
+import { getSlugFromContext, getPageHeadingText } from '@brand-page/utils';
 import { findNavItemByRelativePath } from '@brand-page/utils/route.util';
 import { BRAND_PAGE_TYPES } from '@brand-page/models';
 import { hasProfileContent as checkHasProfileContent } from '@brand-page/utils/vcard.util';
@@ -292,6 +292,13 @@ export default defineComponent({
         slug() {
             return getSlugFromContext(this.context);
         },
+        /**
+         * Text for the single page-level `<h1>` (BP-5866). Sourced from the
+         * business/site name + page name so it mirrors the SSR document `<title>`.
+         */
+        pageHeadingText() {
+            return getPageHeadingText(this.context);
+        },
         shouldShowSaveContactWidget() {
             try {
                 if ((!this.context.isPreview &&

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

@@ -77,11 +77,6 @@ export default defineComponent({
             if (borderRadius === '9999px') {
                 buttonStyle.borderRadius = '26px';
             }
-            // Own background colour decouples the container from the button fill (BP-5800).
-            if (this.viewModel.backgroundStyle?.backgroundColor) {
-                buttonStyle.backgroundColor =
-                    this.viewModel.backgroundStyle.backgroundColor;
-            }
             return buttonStyle;
         },
         continueButtonStyle() {

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,11 +191,10 @@ export interface MapContent extends Content {
 }
 export interface MailingListContent extends Content {
     acceptedFields?: 'emailOnly' | 'nameAndEmail';
-    title: RichTextValue;
+    title: string;
     buttonText: string;
     titleStyle: TextStyleDeclaration;
     buttonTextStyle: TextStyleDeclaration;
-    backgroundStyle?: BrandPageCssStyle;
 }
 export declare const FORM_FIELD_TYPES: {
     readonly text: "text";
@@ -251,10 +242,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 +264,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 +292,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 +312,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 +321,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 +336,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 +353,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 +371,7 @@ export interface ColorReplacement {
 }
 export interface TestimonialSectionContent extends Content {
     type: 'testimonial-section';
-    title: RichTextValue;
+    title: string;
     displayStyle: string;
     items: TestimonialItems[];
     titleStyle: TextStyleDeclaration;
@@ -394,8 +385,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 +410,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 +433,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/models/payment.model.d.ts

@@ -134,7 +134,6 @@ export interface RequestPaymentContent extends Content {
     descriptionStyle?: TextStyleDeclaration;
     itemTextStyle: TextStyleDeclaration;
     buttonTextStyle?: TextStyleDeclaration;
-    backgroundStyle?: BrandPageCssStyle;
 }
 export interface ShopContentConfig extends PaymentConfig {
     paymentOptionDisplayType: PaymentOptionDisplayType;
@@ -175,7 +174,6 @@ export interface SupportMeContent extends Content {
     descriptionStyle: TextStyleDeclaration;
     buttonTextStyle: TextStyleDeclaration;
     itemTextStyle: TextStyleDeclaration;
-    backgroundStyle?: BrandPageCssStyle;
 }
 export interface CreateStripePaymentIntentResponse {
     paymentIntent: StripePaymentIntent;

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

@@ -5,8 +5,3 @@ import type { ButtonStyles } from '../models';
  * @returns The calculated box shadow CSS value
  */
 export declare const getBoxShadowValue: (buttonStyles: ButtonStyles) => string;
-export declare const BUTTON_STYLE_BRUSHSTROKE = "BUTTON_STYLE_19";
-export declare const BUTTON_STYLE_ARROW = "BUTTON_STYLE_20";
-export declare const BUTTON_STYLE_PAPER = "BUTTON_STYLE_21";
-export declare const DECORATIVE_BUTTON_STYLE_IDS: string[];
-export declare const isDecorativeButtonStyle: (styleId?: string) => boolean;

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

@@ -27,16 +27,3 @@ export const getBoxShadowValue = (buttonStyles) => {
     }
     return boxShadowValue;
 };
-// The "decorative" button styles — brushstroke / arrow / torn-paper — whose visual
-// is drawn by ButtonStyleWrapper rather than plain CSS. Their banner-like SVG
-// decoration needs the button to be reasonably wide to render legibly, so narrow
-// (w-fit) hosts should widen when one of these is active (BP-5800).
-export const BUTTON_STYLE_BRUSHSTROKE = 'BUTTON_STYLE_19';
-export const BUTTON_STYLE_ARROW = 'BUTTON_STYLE_20';
-export const BUTTON_STYLE_PAPER = 'BUTTON_STYLE_21';
-export const DECORATIVE_BUTTON_STYLE_IDS = [
-    BUTTON_STYLE_BRUSHSTROKE,
-    BUTTON_STYLE_ARROW,
-    BUTTON_STYLE_PAPER,
-];
-export const isDecorativeButtonStyle = (styleId) => !!styleId && DECORATIVE_BUTTON_STYLE_IDS.includes(styleId);

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

@@ -6,6 +6,7 @@ export * from './model.util';
 export * from './validation.util';
 export * from './payment.util';
 export * from './image.util';
+export * from './page-heading.util';
 export * from './font-loader.util';
 export * from './aspect-ratio.util';
 export * from './context.util';

package/lib/src/brand-page/utils/index.js

@@ -6,6 +6,7 @@ export * from './model.util';
 export * from './validation.util';
 export * from './payment.util';
 export * from './image.util';
+export * from './page-heading.util';
 export * from './font-loader.util';
 export * from './aspect-ratio.util';
 export * from './context.util';

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

@@ -21,9 +21,6 @@ import { migration15 } from './migration/migration-15';
 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';
-import { migration21 } from './migration/migration-21';
 const MIGRATION_TABLE = [
     {
         version: 1,
@@ -141,33 +138,6 @@ const MIGRATION_TABLE = [
         migrateFn: migration18,
         description: 'BP-5603: backfill stable item ids on all nested items (gallery/section/testimonial/text items, section + footer social links) — the item id is now non-nullable',
     },
-    {
-        version: 19,
-        migrateFn: migration19,
-        // runAlways: normalise RTE to JSON on every load. Idempotent (only HTML
-        // strings are converted; JSON is skipped), so it also catches content the
-        // AI section builders still emit as HTML — converting it on the next read
-        // without a new migration or changes to those builders.
-        runAlways: true,
-        description: 'BP-5787: convert inline-HTML RTE content to Tiptap JSON on load (lazy migrate-on-read for web-renderer; persisted on next maker save; also normalises AI-built HTML)',
-    },
-    {
-        version: 20,
-        migrateFn: migration20,
-        // runAlways: re-apply on every load so already-published sites pick up the seed
-        // without a version bump. Idempotent — only seeds backgroundColor when unset.
-        runAlways: true,
-        description: 'BP-5800: seed own container backgroundStyle from the button fill colour for mailing-list, request-payment and support-me so the container background is independent of the site button (existing sites render unchanged)',
-    },
-    {
-        version: 21,
-        migrateFn: migration21,
-        // runAlways: seed on every load so content already at the latest version
-        // (skipped by a version gate) still detaches. Idempotent — only seeds
-        // cardStyle.backgroundColor when unset, so a user colour is never clobbered.
-        runAlways: true,
-        description: 'BP-5800: contact-form BP/BC container colour moves to cardStyle — seed cardStyle from the button fill (its long-standing rendered colour) so existing sites render unchanged',
-    },
 ];
 export const GetLatestModelVersion = () => Math.max(...MIGRATION_TABLE.map((x) => x.version));
 export const migrateBrandPageModel = async (brandPageModel, options) => {

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

@@ -0,0 +1,13 @@
+import type { BrandPageContext } from '../models';
+/**
+ * Resolves the text for the single page-level `<h1>` a published site renders
+ * (BP-5866 — Bing rejected indexing because every section emitted its own
+ * `<h1>`; the page now owns exactly one).
+ *
+ * Mirrors the SSR `<title>` rule so the crawlable heading matches the document
+ * title: a sub-page reads `"{business} - {page}"`, while the home/root page
+ * reads just the business/site name — never the weak, non-descriptive literal
+ * "Home". Falls back to the page name, then the slug, when the business name
+ * is unset.
+ */
+export declare const getPageHeadingText: (context: BrandPageContext) => string;