@designcrowd/library.brand-page 6.2.11 → 6.2.12

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

@@ -111,6 +111,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setHideBranding(payload: {
             hideBranding: boolean;
         }): void;
+        setSaveContactButtonTextStyle(payload: {
+            buttonTextStyle: import("@brand-page").SaveContactOptions["buttonTextStyle"];
+        }): void;
         setSensitiveContent(payload: {
             sensitiveContent: string;
         }): void;
@@ -173,7 +176,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageType: BrandPageType;
         }): void;
         initialiseStoresByBrandPageModelAsync(brandPageModel: import("@brand-page").BrandPageModel): Promise<void>;
-        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, shopConfigData: _shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, shopConfigData: _shopConfigData, isServerRenderOverride, isBlankSite, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("@brand-page").PageModel[];
             sections: import("@shared/page-settings/store").PageSettingsStateSections;
@@ -211,6 +214,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setSelectedSettingsSection(payload: {
             sectionName?: string;
         }): void;
+        openTextStyles(): void;
     }>;
     userStore: import("pinia").Store<"brandPageMakerUser", import("@brand-page-maker/stores").UserState, {}, {
         setUserState(payload: {
@@ -946,6 +950,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             id: string;
             name: string;
         }): unknown;
+        renormalizeTextStylesForRole(type: string, previousRole?: Record<string, unknown>, active?: {
+            id: string;
+            name: string;
+            index?: number;
+            doc: unknown;
+        }): void;
         applyCardContrastToItem({ id }: {
             id: string;
         }): void;
@@ -1105,6 +1115,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isHidden: boolean;
             pageId: string;
         }): void;
+        renormalizeTextStylesForRole(type: string, textStyleOptions: import("@brand-page").TextStyleOptions | undefined): void;
         setPageSettingsSectionValue({ sectionName, propName, index, value, merge, viewport, }: {
             sectionName: import("@shared/page-settings/store").PageSettingsSection;
             propName: keyof import("@shared/page-settings/store").PageSettingsStateSectionStyles;
@@ -1420,7 +1431,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     previewContainer(): any;
     previewContent(): any;
 }, {
-    getBrandPageFromFallback(viewModel: any): BrandPageData;
+    getBrandPageFromFallback(viewModel: any): BrandPageData | undefined;
     handleCaptureSnapshot(): Promise<void>;
     onResizeWithDebounce(): void;
     onResize(): void;

package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.js

@@ -140,6 +140,7 @@ export default defineComponent({
         else {
             brandPage = this.getBrandPageFromFallback(this.viewModel);
         }
+        const isBlankSite = !brandPage;
         const shopConfigData = this.viewModel?.shopConfigData?.trim()
             ? JSON.parse(this.viewModel.shopConfigData)
             : null;
@@ -150,7 +151,8 @@ export default defineComponent({
             baseUrl: this.containerStore.baseFabricRenderUrl,
         });
         await this.brandPageMakerStore.initialise({
-            brandPage,
+            brandPage: brandPage ?? createInitialBrandPage(this.viewModel.brandPageType),
+            isBlankSite,
             logoDraftDesignAttributes: this.viewModel.logoDraftDesignAttributes,
             unsplashApplicationName: this.viewModel.unsplashApplicationName,
             templateCategories: this.viewModel.templateCategories,
@@ -250,9 +252,7 @@ export default defineComponent({
                 typeof viewModel.brandPageData === 'string') {
                 return JSON.parse(viewModel.brandPageData);
             }
-            else {
-                return createInitialBrandPage(viewModel.brandPageType);
-            }
+            return undefined;
         },
         async handleCaptureSnapshot() {
             if (!this.previewContent) {

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

@@ -55,6 +55,9 @@ declare const _default: import("vue").DefineComponent<{}, {
         setHideBranding(payload: {
             hideBranding: boolean;
         }): void;
+        setSaveContactButtonTextStyle(payload: {
+            buttonTextStyle: import("../../../lib").SaveContactOptions["buttonTextStyle"];
+        }): void;
         setSensitiveContent(payload: {
             sensitiveContent: string;
         }): void;
@@ -117,7 +120,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             brandPageType: import("../../../lib").BrandPageType;
         }): void;
         initialiseStoresByBrandPageModelAsync(brandPageModel: import("../../../lib").BrandPageModel): Promise<void>;
-        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, shopConfigData: _shopConfigData, isServerRenderOverride, }: import("../../stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, shopConfigData: _shopConfigData, isServerRenderOverride, isBlankSite, }: import("../../stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../lib").PageModel[];
             sections: import("../../../shared/page-settings/store").PageSettingsStateSections;

package/lib/src/brand-page-maker/components/brand-page-maker/__fixtures__/brand-page-examples.js

@@ -2251,13 +2251,7 @@ export const BRAND_PAGE_PERSONALISED = {
                     aspectRatio: 0.8,
                     buttonText: 'Explore Portfolio',
                     titleStyle: {
-                        color: 'logo-text-color',
-                        fontSize: '4.375rem',
                         textAlign: 'left',
-                        fontFamily: 'Oswald',
-                        fontWeight: 'bold',
-                        lineHeight: '6.5625rem',
-                        textDecoration: '',
                     },
                     description: 'We\u0027re a team of passionate construction professionals dedicated to exceeding client expectations and creating exceptional spaces.',
                     displayStyle: 'right-aligned',
@@ -2272,11 +2266,7 @@ export const BRAND_PAGE_PERSONALISED = {
                         lineHeight: '1.875rem',
                     },
                     descriptionStyle: {
-                        color: 'logo-text-color',
-                        fontSize: '1.5rem',
                         textAlign: 'left',
-                        fontFamily: 'Nunito',
-                        lineHeight: '2rem',
                     },
                     colorReplacements: [
                         {

package/lib/src/brand-page-maker/components/brand-page-maker/__fixtures__/content-settings-items.fixture.js

@@ -43,7 +43,6 @@ export const textContent = {
     textSize: {},
     textStyle: {
         textAlign: DEFAULT_TEXT_ALIGN,
-        fontSize: '2em',
     },
     textAlignment: {},
     textColor: {},

package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.d.ts

@@ -408,6 +408,12 @@ declare const _default: import("vue").DefineComponent<{}, {
             id: string;
             name: string;
         }): unknown;
+        renormalizeTextStylesForRole(type: string, previousRole?: Record<string, unknown>, active?: {
+            id: string;
+            name: string;
+            index?: number;
+            doc: unknown;
+        }): void;
         applyCardContrastToItem({ id }: {
             id: string;
         }): void;
@@ -544,6 +550,9 @@ declare const _default: import("vue").DefineComponent<{}, {
         setHideBranding(payload: {
             hideBranding: boolean;
         }): void;
+        setSaveContactButtonTextStyle(payload: {
+            buttonTextStyle: import("@brand-page").SaveContactOptions["buttonTextStyle"];
+        }): void;
         setSensitiveContent(payload: {
             sensitiveContent: string;
         }): void;
@@ -606,7 +615,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             brandPageType: import("@brand-page").BrandPageType;
         }): void;
         initialiseStoresByBrandPageModelAsync(brandPageModel: import("@brand-page").BrandPageModel): Promise<void>;
-        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, shopConfigData: _shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, shopConfigData: _shopConfigData, isServerRenderOverride, isBlankSite, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("@brand-page").PageModel[];
             sections: import("@shared/page-settings/store").PageSettingsStateSections;
@@ -1002,11 +1011,12 @@ declare const _default: import("vue").DefineComponent<{}, {
             renderAfterLogo: boolean;
             viewport: import("@brand-page").ViewportsType;
         }): void;
-        _setDefaultButtonStyle({ displayType, section, style, viewport, }: {
+        _setDefaultButtonStyle({ displayType, section, style, viewport, ownsTypography, }: {
             displayType: import("@brand-page").NavigationDisplayType;
             section: import("@shared/page-settings/models").PageSection;
             style: BrandPageCssStyle;
             viewport: import("@brand-page").ViewportsType;
+            ownsTypography?: boolean;
         }): void;
         _setSelectedButtonStyle({ displayType, section, style, viewport, }: {
             displayType: import("@brand-page").NavigationDisplayType;
@@ -1033,11 +1043,14 @@ declare const _default: import("vue").DefineComponent<{}, {
             iconStyle: BrandPageCssStyle;
             viewport: import("@brand-page").ViewportsType;
         }): void;
-        setDisplayType({ section, displayType, viewport, }: {
+        setDisplayType({ section, displayType, viewport, headerBackgroundColor, pageBackgroundColor, }: {
             section: import("@shared/page-settings/models").PageSection;
             displayType: import("@brand-page").NavigationDisplayType;
             viewport: import("@brand-page").ViewportsType;
+            headerBackgroundColor?: string;
+            pageBackgroundColor?: string;
         }): void;
+        renormalizeTextStylesForRole(type: string, textStyleOptions: import("@brand-page").TextStyleOptions | undefined): void;
         setNavigationStyleOptionValue({ section, option, value, viewport, }: {
             section: import("@shared/page-settings/models").PageSection;
             option: import("../../models/navigation-style-configs").NavigationStyleConfigOption;
@@ -1053,6 +1066,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         setSelectedSettingsSection(payload: {
             sectionName?: string;
         }): void;
+        openTextStyles(): void;
     }>;
     pageSettingsStore: import("pinia").Store<"uiPageSettings", import("@shared/page-settings/store").PageSettingsState, {
         canAddPage(): boolean;
@@ -1088,6 +1102,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             isHidden: boolean;
             pageId: string;
         }): void;
+        renormalizeTextStylesForRole(type: string, textStyleOptions: import("@brand-page").TextStyleOptions | undefined): void;
         setPageSettingsSectionValue({ sectionName, propName, index, value, merge, viewport, }: {
             sectionName: import("@shared/page-settings/store").PageSettingsSection;
             propName: keyof import("@shared/page-settings/store").PageSettingsStateSectionStyles;
@@ -1197,139 +1212,6 @@ declare const _default: import("vue").DefineComponent<{}, {
         sendAiSendPromptEvent: (ctaLocation: string) => void;
         sendAiStopGenerationEvent: (ctaLocation: string) => void;
     };
-    externalEditor: import("@tiptap/vue-3").Editor;
-    styleSettingsStore: import("pinia").Store<"uiStyleSettings", import("@shared/style-settings/store").StyleSettingsState, {
-        availableTextFontFamilyOptions(): import("../../../shared/style-settings/models").StyleTextFontFamilyOption[];
-        buttonBorderColor(): string | undefined;
-        buttonFillColor(): string | undefined;
-        buttonIconColor(): string | undefined;
-        buttonShadowColor(): string;
-        buttonSoftShadowColor(): string;
-        defaultTextColor(): string | undefined;
-        selectedButtonStyleConfig(): import("../../models").ButtonStyleConfig | undefined;
-        selectedTextFontFamily(): import("@brand-page").FontFamilyKey;
-    }, {
-        initialise(options: {
-            reset: boolean;
-            brandPageType: import("@brand-page").BrandPageType;
-        }): void;
-        setState(payload: {
-            newState: Omit<import("@shared/style-settings/store").StyleSettingsState, "availableButtonStyleConfigs" | "availableGalleryTypes">;
-        }): void;
-        _setButtonStyle(payload: BrandPageCssStyle): void;
-        _setButtonIconStyle(payload: BrandPageCssStyle): void;
-        _setButtonSelectedId(payload: string): void;
-        _setLogoImageStyle(payload: {
-            style: BrandPageCssStyle;
-            clearLogoContentImageStyle: boolean;
-        }): void;
-        _setGalleryStyles(payload: import("@brand-page").GalleryStyles): void;
-        _setSelectedButtonStyle(payload: {
-            id: string;
-        }): void;
-        _setTextFontFamily(payload: {
-            fontFamily: import("@brand-page").FontFamilyKey;
-        }): void;
-        _setTextStyles(payload: Partial<import("@brand-page").TextStyles>): void;
-        setAdminStyleOptionDefaultValues(): void;
-        setTextStyleOption(payload: {
-            type: import("@brand-page").TextStyleType;
-            style: import("@brand-page").TextStyleDeclaration;
-        }): void;
-        setStyleOptionValue(payload: {
-            option: import("../../models").ButtonStyleConfigOption | import("../../models").OtherStyleConfigOption;
-            value: string;
-        }): void;
-        setButtonStyles(payload: import("@brand-page").ButtonStyles): void;
-        setGalleryType(payload: import("../../../shared/style-settings/models").SetGalleryTypePayload): void;
-        setGalleryStyles(payload: import("../../../shared/style-settings/models").SetGalleryTypePayload): void;
-        setTextStyles(payload: import("@brand-page").TextStyles): void;
-        setLogoStyles(payload: import("@brand-page").LogoStyles): void;
-        setLogoImageStyle(payload: {
-            style: BrandPageCssStyle;
-        }, options: {
-            viewport: import("@brand-page").ViewportsType;
-        }): Promise<void>;
-        setSelectedButtonStyle(payload: {
-            id: string;
-        }): void;
-        setTextFontFamily(payload: {
-            fontFamily: import("@brand-page").FontFamilyKey;
-        }): Promise<void>;
-    }>;
-    historyStore: import("pinia").Store<"history", Pick<{
-        entries: import("vue").ShallowRef<import("@brand-page-maker/stores/history/history-store").HistoryEntry[], import("@brand-page-maker/stores/history/history-store").HistoryEntry[]>;
-        currentIndex: import("vue").Ref<number, number>;
-        isApplyingSnapshot: import("vue").Ref<boolean, boolean>;
-        snapshotAppliedToken: import("vue").Ref<number, number>;
-        rteResyncToken: import("vue").Ref<number, number>;
-        baselineCaptured: import("vue").Ref<boolean, boolean>;
-        canUndo: import("vue").ComputedRef<boolean>;
-        canRedo: import("vue").ComputedRef<boolean>;
-        captureBaseline: () => void;
-        capture: (args: {
-            source: import("@brand-page-maker/stores/history/history-store").HistoryEntry["source"];
-            actor: import("@brand-page-maker/stores/history/history-store").HistoryEntry["actor"];
-            label?: string;
-        }) => "committed" | "oversized" | "noop" | "skipped";
-        captureTemplateSwitch: (label?: string) => "committed" | "oversized" | "noop" | "skipped";
-        captureAiChangeset: (label?: string) => "committed" | "oversized" | "noop" | "skipped";
-        mergeNextMutation: () => void;
-        markRteResync: () => void;
-        undo: () => Promise<void>;
-        redo: () => Promise<void>;
-        reset: () => void;
-        getCurrentSizeBytes: () => number;
-        getCurrentEntryCount: () => number;
-    }, "entries" | "currentIndex" | "isApplyingSnapshot" | "snapshotAppliedToken" | "rteResyncToken" | "baselineCaptured">, Pick<{
-        entries: import("vue").ShallowRef<import("@brand-page-maker/stores/history/history-store").HistoryEntry[], import("@brand-page-maker/stores/history/history-store").HistoryEntry[]>;
-        currentIndex: import("vue").Ref<number, number>;
-        isApplyingSnapshot: import("vue").Ref<boolean, boolean>;
-        snapshotAppliedToken: import("vue").Ref<number, number>;
-        rteResyncToken: import("vue").Ref<number, number>;
-        baselineCaptured: import("vue").Ref<boolean, boolean>;
-        canUndo: import("vue").ComputedRef<boolean>;
-        canRedo: import("vue").ComputedRef<boolean>;
-        captureBaseline: () => void;
-        capture: (args: {
-            source: import("@brand-page-maker/stores/history/history-store").HistoryEntry["source"];
-            actor: import("@brand-page-maker/stores/history/history-store").HistoryEntry["actor"];
-            label?: string;
-        }) => "committed" | "oversized" | "noop" | "skipped";
-        captureTemplateSwitch: (label?: string) => "committed" | "oversized" | "noop" | "skipped";
-        captureAiChangeset: (label?: string) => "committed" | "oversized" | "noop" | "skipped";
-        mergeNextMutation: () => void;
-        markRteResync: () => void;
-        undo: () => Promise<void>;
-        redo: () => Promise<void>;
-        reset: () => void;
-        getCurrentSizeBytes: () => number;
-        getCurrentEntryCount: () => number;
-    }, "canUndo" | "canRedo">, Pick<{
-        entries: import("vue").ShallowRef<import("@brand-page-maker/stores/history/history-store").HistoryEntry[], import("@brand-page-maker/stores/history/history-store").HistoryEntry[]>;
-        currentIndex: import("vue").Ref<number, number>;
-        isApplyingSnapshot: import("vue").Ref<boolean, boolean>;
-        snapshotAppliedToken: import("vue").Ref<number, number>;
-        rteResyncToken: import("vue").Ref<number, number>;
-        baselineCaptured: import("vue").Ref<boolean, boolean>;
-        canUndo: import("vue").ComputedRef<boolean>;
-        canRedo: import("vue").ComputedRef<boolean>;
-        captureBaseline: () => void;
-        capture: (args: {
-            source: import("@brand-page-maker/stores/history/history-store").HistoryEntry["source"];
-            actor: import("@brand-page-maker/stores/history/history-store").HistoryEntry["actor"];
-            label?: string;
-        }) => "committed" | "oversized" | "noop" | "skipped";
-        captureTemplateSwitch: (label?: string) => "committed" | "oversized" | "noop" | "skipped";
-        captureAiChangeset: (label?: string) => "committed" | "oversized" | "noop" | "skipped";
-        mergeNextMutation: () => void;
-        markRteResync: () => void;
-        undo: () => Promise<void>;
-        redo: () => Promise<void>;
-        reset: () => void;
-        getCurrentSizeBytes: () => number;
-        getCurrentEntryCount: () => number;
-    }, "reset" | "captureBaseline" | "capture" | "captureTemplateSwitch" | "captureAiChangeset" | "mergeNextMutation" | "markRteResync" | "undo" | "redo" | "getCurrentSizeBytes" | "getCurrentEntryCount">>;
 }, {
     isDraggingContent: boolean;
     isContentSelected: boolean;
@@ -1408,7 +1290,8 @@ declare const _default: import("vue").DefineComponent<{}, {
     pageScopeId: string;
 }, {
     brandPageToken(): string | null;
-    paletteStyleHtml(): string;
+    paletteCss(): string;
+    textRoleCss(): string;
     pageScopeAttrs(): Record<string, string | undefined>;
     contents(): ContentViewModel[];
     backgroundShapes(): import("@brand-page").BackgroundShape[];
@@ -1501,5 +1384,7 @@ declare const _default: import("vue").DefineComponent<{}, {
     isContentSelected: boolean;
     isHeaderSelected: boolean;
     isFooterSelected: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, () => {
+    [x: symbol]: import("vue").ComputedRef<any>;
+}, true, {}, any>, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.js

@@ -11,10 +11,6 @@ import { useUiPageSettingsStore } from '@shared/page-settings/store';
 import { PAGE_SECTIONS } from '@shared/page-settings/models';
 import { EVENTS, SELECT_LOCATIONS, useEventTracker, } from '@brand-page-maker/composables/useEventTracker';
 import debounce from 'lodash.debounce';
-import { transformToRTE, RTE_ALLOWED_SECTION_TYPES, } from '@brand-page-maker/utils';
-import { useExternalRichTextEditor } from '@brand-page-maker/composables/rich-text-editor/useRichTextEditor';
-import { useUiStyleSettingsStore } from '@shared/style-settings/store';
-import { useHistoryStore } from '@brand-page-maker/stores/history/history-store';
 export default defineComponent({
     mixins: [PageMixin],
     setup() {
@@ -27,9 +23,6 @@ export default defineComponent({
         const pageSettingsStore = useUiPageSettingsStore();
         const uiStore = useUiStore();
         const eventTracker = useEventTracker();
-        const { externalEditor } = useExternalRichTextEditor();
-        const styleSettingsStore = useUiStyleSettingsStore();
-        const historyStore = useHistoryStore();
         return {
             items: computed(() => contentSettingsStore.items),
             selectedItemId: computed(() => contentSettingsStore.selectedItemId),
@@ -49,9 +42,6 @@ export default defineComponent({
             sideBarStore,
             pageSettingsStore,
             eventTracker,
-            externalEditor,
-            styleSettingsStore,
-            historyStore,
         };
     },
     data() {
@@ -68,11 +58,6 @@ export default defineComponent({
             this.selectEventDebounceHandler = debounce(this.sendSelectContentEvent, 500);
         }
     },
-    onBeforeUnmount() {
-        if (this.externalEditor) {
-            this.externalEditor.destroy();
-        }
-    },
     computed: {
         itemContents: {
             get() {
@@ -181,19 +166,6 @@ export default defineComponent({
             this.isHeaderSelected = false;
             this.isFooterSelected = false;
             this.isContentSelected = true;
-            if (RTE_ALLOWED_SECTION_TYPES.includes(item.type) &&
-                this.canUseRichTextEditor) {
-                let selectedItem = item;
-                if (this.isAdminMaker) {
-                    const currentItem = this.items.find((i) => i.id === item.id);
-                    if (currentItem) {
-                        selectedItem = currentItem.settings.content;
-                    }
-                }
-                // RTE rewrap on section selection — fold into current head.
-                this.historyStore.mergeNextMutation();
-                transformToRTE(this.pageSettingsStore, this.externalEditor, this.styleSettingsStore, selectedItem);
-            }
             if (this.selectEventDebounceHandler) {
                 this.selectEventDebounceHandler();
             }

package/lib/src/brand-page-maker/components/brandpage-settings/ReplaceImageSettingsForBrandPageSettings.mixin.d.ts

@@ -61,6 +61,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setHideBranding(payload: {
             hideBranding: boolean;
         }): void;
+        setSaveContactButtonTextStyle(payload: {
+            buttonTextStyle: import("../../../brand-page").SaveContactOptions["buttonTextStyle"];
+        }): void;
         setSensitiveContent(payload: {
             sensitiveContent: string;
         }): void;
@@ -123,7 +126,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageType: import("@brand-page/models/brand-page-context.model").BrandPageType;
         }): void;
         initialiseStoresByBrandPageModelAsync(brandPageModel: import("../../../brand-page").BrandPageModel): Promise<void>;
-        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, shopConfigData: _shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, shopConfigData: _shopConfigData, isServerRenderOverride, isBlankSite, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../brand-page").PageModel[];
             sections: import("../../../shared/page-settings/store").PageSettingsStateSections;

package/lib/src/brand-page-maker/components/navigation/Navigation.mixin.d.ts

@@ -82,8 +82,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onCreate-team-cards"?: ((...args: any[]) => any) | undefined;
 }>, {
     isPublished: boolean;
-    isAdminMaker: boolean;
     isSaving: boolean;
+    isAdminMaker: boolean;
     backButtonLabel: string;
     isDesignCom: boolean;
     backUrl: string;

package/lib/src/brand-page-maker/components/seo-settings/SeoPageSettings.mixin.d.ts

@@ -434,6 +434,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setHideBranding(payload: {
             hideBranding: boolean;
         }): void;
+        setSaveContactButtonTextStyle(payload: {
+            buttonTextStyle: import("../../../brand-page").SaveContactOptions["buttonTextStyle"];
+        }): void;
         setSensitiveContent(payload: {
             sensitiveContent: string;
         }): void;
@@ -496,7 +499,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageType: import("../../../brand-page").BrandPageType;
         }): void;
         initialiseStoresByBrandPageModelAsync(brandPageModel: import("../../../brand-page").BrandPageModel): Promise<void>;
-        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, shopConfigData: _shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, shopConfigData: _shopConfigData, isServerRenderOverride, isBlankSite, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../brand-page").PageModel[];
             sections: import("../../../shared/page-settings/store").PageSettingsStateSections;
@@ -577,9 +580,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{
     "onUpdate-settings"?: ((...args: any[]) => any) | undefined;
 }>, {
+    brandPageType: string;
     pageTitle: string;
     designDraftToken: string;
-    brandPageType: string;
     pageDescription: string;
     isMaker: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/src/brand-page-maker/components/seo-settings/UrlSettings.mixin.d.ts

@@ -435,6 +435,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setHideBranding(payload: {
             hideBranding: boolean;
         }): void;
+        setSaveContactButtonTextStyle(payload: {
+            buttonTextStyle: import("../../../brand-page").SaveContactOptions["buttonTextStyle"];
+        }): void;
         setSensitiveContent(payload: {
             sensitiveContent: string;
         }): void;
@@ -497,7 +500,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageType: import("../../../brand-page").BrandPageType;
         }): void;
         initialiseStoresByBrandPageModelAsync(brandPageModel: import("../../../brand-page").BrandPageModel): Promise<void>;
-        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, shopConfigData: _shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, shopConfigData: _shopConfigData, isServerRenderOverride, isBlankSite, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../brand-page").PageModel[];
             sections: import("../../../shared/page-settings/store").PageSettingsStateSections;

package/lib/src/brand-page-maker/components/social-share/SocialShare.mixin.d.ts

@@ -71,6 +71,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setHideBranding(payload: {
             hideBranding: boolean;
         }): void;
+        setSaveContactButtonTextStyle(payload: {
+            buttonTextStyle: import("../../../brand-page").SaveContactOptions["buttonTextStyle"];
+        }): void;
         setSensitiveContent(payload: {
             sensitiveContent: string;
         }): void;
@@ -133,7 +136,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageType: import("../../../brand-page").BrandPageType;
         }): void;
         initialiseStoresByBrandPageModelAsync(brandPageModel: import("../../../brand-page").BrandPageModel): Promise<void>;
-        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, shopConfigData: _shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, shopConfigData: _shopConfigData, isServerRenderOverride, isBlankSite, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../brand-page").PageModel[];
             sections: import("../../../shared/page-settings/store").PageSettingsStateSections;

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

@@ -484,6 +484,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setHideBranding(payload: {
             hideBranding: boolean;
         }): void;
+        setSaveContactButtonTextStyle(payload: {
+            buttonTextStyle: import("@brand-page").SaveContactOptions["buttonTextStyle"];
+        }): void;
         setSensitiveContent(payload: {
             sensitiveContent: string;
         }): void;
@@ -546,7 +549,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageType: import("@brand-page").BrandPageType;
         }): void;
         initialiseStoresByBrandPageModelAsync(brandPageModel: import("@brand-page").BrandPageModel): Promise<void>;
-        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, shopConfigData: _shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, shopConfigData: _shopConfigData, isServerRenderOverride, isBlankSite, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("@brand-page").PageModel[];
             sections: import("../../../shared/page-settings/store").PageSettingsStateSections;

package/lib/src/brand-page-maker/composables/ai-chat/useAiMetadataBuilder.d.ts

@@ -9,6 +9,7 @@ export interface AiMetadataBuilderResult {
     results: {
         toolId: string;
         errors?: string[];
+        warnings?: string[];
         /**
          * The frontend-assigned content id of the section this tool call
          * created/updated, when the builder produced one. Used by the AI chat

package/lib/src/brand-page-maker/composables/ai-chat/useAiMetadataBuilder.js

@@ -17,6 +17,7 @@ export function useAiMetadataBuilder(logger) {
                     return {
                         toolId: x.request.id,
                         errors: x.errors,
+                        warnings: x.warnings,
                         contentId: x.contentId,
                     };
                 }),

package/lib/src/brand-page-maker/composables/ai-chat/useAiWebsiteBuilderChat.js

@@ -288,6 +288,7 @@ export function useAiWebsiteBuilderChat() {
                 success: x.errors && x.errors.length > 0 ? 'failed' : 'success',
                 name: enrichedToolCalls[i]?.function,
                 errorMessage: x.errors?.length ? x.errors.join('; ') : undefined,
+                warningMessage: x.warnings?.join('; '),
             };
         });
         // POST-PASS: walk this batch's create-mode results in plan order.

package/lib/src/brand-page-maker/composables/rich-text-editor/extensions/RoleTypographyFill.d.ts

@@ -0,0 +1,16 @@
+import { Extension } from '@tiptap/core';
+import { type RoleVarMarkAttr } from '@shared/text-role-typography.util';
+type Typography = Partial<Record<RoleVarMarkAttr, string>>;
+export interface RoleTypographyFillOptions {
+    getFillSource: () => {
+        role: Typography;
+        block?: Typography;
+    } | undefined;
+}
+/**
+ * Draws the editor box the way the canvas does: a run with no weight / style / decoration of its
+ * own shows the value `fillRteRunTypography` would fill. Decorations are view-only, so the stored
+ * doc is untouched.
+ */
+export declare const RoleTypographyFill: Extension<RoleTypographyFillOptions, any>;
+export {};