@designcrowd/library.brand-page 6.2.9 → 6.2.10-ast-faq-2

package/lib/src/{CreatedOnBrandCrowd-de-de-9uC6t5HU.js → CreatedOnBrandCrowd-de-de-BZrMq1gI.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-P6TzcklZ.js → CreatedOnBrandCrowd-en-us-DPC8TAr4.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-DimkGb1_.js → CreatedOnBrandCrowd-es-es-B94gSf_i.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-CL_iFuJw.js → CreatedOnBrandCrowd-fr-ca-DziGGjA1.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-CL_iFuJw.js → CreatedOnBrandCrowd-fr-fr-DziGGjA1.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-DSIjEoMv.js → CreatedOnBrandCrowd-pt-br-CfTCQ9nC.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-DSIjEoMv.js → CreatedOnBrandCrowd-pt-pt-CfTCQ9nC.js}

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

package/lib/src/{CreatedOnDcom-de-de-CKRvl9Ky.js → CreatedOnDcom-de-de-C22-PnKc.js}

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

package/lib/src/{CreatedOnDcom-en-us-ChplPDfS.js → CreatedOnDcom-en-us-CZqr71VB.js}

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

package/lib/src/{CreatedOnDcom-es-es-DCIXsW9X.js → CreatedOnDcom-es-es-BinRuIc_.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-lakt1nLU.js → CreatedOnDcom-fr-ca-DYYBqMhv.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-RsGK1y5g.js → CreatedOnDcom-fr-fr-3ytJgZBj.js}

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

package/lib/src/{CreatedOnDcom-pt-br-DyA4XodM.js → CreatedOnDcom-pt-br-D1UqN_eq.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-BK51dTyw.js → CreatedOnDcom-pt-pt-BnIpbt_8.js}

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

package/lib/src/brand-page/constants/misc.constants.d.ts

@@ -77,6 +77,14 @@ export declare const IMAGE_RESOLUTION_PRESETS: {
     readonly ULTRA_HD: "q=80&w=2160";
 };
 export type ImagesSectionContentDisplayStyle = (typeof IMAGES_SECTION_CONTENT_DISPLAY_STYLES)[number];
+/** Centered and split are accordions; grid shows every answer. */
+export declare const FAQ_DISPLAY_STYLES: Readonly<{
+    readonly centered: "faq-centered";
+    readonly split: "faq-split";
+    readonly grid: "faq-grid";
+}>;
+export type FaqDisplayStyle = (typeof FAQ_DISPLAY_STYLES)[keyof typeof FAQ_DISPLAY_STYLES];
+export declare const FAQ_MAX_ITEMS = 6;
 export declare const HEADER_CSRF_TOKEN = "csrf-token";
 export declare const STYLE_THEME_KEYS: Readonly<{
     LogoTextColor: "logo-text-color";

package/lib/src/brand-page/constants/misc.constants.js

@@ -103,6 +103,13 @@ export const IMAGE_RESOLUTION_PRESETS = {
     FULL_HD: 'q=80&w=1080',
     ULTRA_HD: 'q=80&w=2160',
 };
+/** Centered and split are accordions; grid shows every answer. */
+export const FAQ_DISPLAY_STYLES = Object.freeze({
+    centered: 'faq-centered',
+    split: 'faq-split',
+    grid: 'faq-grid',
+});
+export const FAQ_MAX_ITEMS = 6;
 export const HEADER_CSRF_TOKEN = 'csrf-token';
 export const STYLE_THEME_KEYS = Object.freeze({
     LogoTextColor: 'logo-text-color',

package/lib/src/brand-page/constants/styles.constants.d.ts

@@ -33,5 +33,7 @@ export declare const CONTENT_TEXT_STYLE_PROPERTY_KEYS: {
     readonly buttonTextStyle: "buttonTextStyle";
     readonly copyrightStyle: "copyrightStyle";
     readonly successMessageStyle: "successMessageStyle";
+    readonly questionStyle: "questionStyle";
+    readonly answerStyle: "answerStyle";
 };
 export type ContentTextStylePropertyKey = keyof typeof CONTENT_TEXT_STYLE_PROPERTY_KEYS;

package/lib/src/brand-page/constants/styles.constants.js

@@ -35,4 +35,6 @@ export const CONTENT_TEXT_STYLE_PROPERTY_KEYS = {
     buttonTextStyle: 'buttonTextStyle',
     copyrightStyle: 'copyrightStyle',
     successMessageStyle: 'successMessageStyle',
+    questionStyle: 'questionStyle',
+    answerStyle: 'answerStyle',
 };

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

@@ -31,6 +31,7 @@ export declare const CONTENT_TYPES: {
     readonly 'shapes-section': "shapes-section";
     readonly 'shop-section': "shop-section";
     readonly 'booking-section': "booking-section";
+    readonly 'faq-section': "faq-section";
 };
 export type ContentType = keyof typeof CONTENT_TYPES;
 export declare const PERSONALISATION_ROLES: {

package/lib/src/brand-page/models/content.model.js

@@ -31,6 +31,7 @@ export const CONTENT_TYPES = {
     'shapes-section': 'shapes-section',
     'shop-section': 'shop-section',
     'booking-section': 'booking-section',
+    'faq-section': 'faq-section',
 };
 export const PERSONALISATION_ROLES = {
     profile: 'profile',

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

@@ -478,6 +478,28 @@ export interface BookingSectionContent extends Content {
     buttonLinkType: ButtonLinkType;
     buttonTextStyle: TextStyleDeclaration;
 }
+export interface FaqItem {
+    /** Stable per-item identifier. See ImageItem.id. */
+    id: string;
+    question: RichTextValue;
+    questionStyle: TextStyleDeclaration;
+    answer: RichTextValue;
+    answerStyle: TextStyleDeclaration;
+}
+export interface FaqSectionContent extends Content {
+    type: 'faq-section';
+    title: RichTextValue;
+    description: RichTextValue;
+    displayStyle: string;
+    items: FaqItem[];
+    titleStyle: TextStyleDeclaration;
+    descriptionStyle: TextStyleDeclaration;
+    backgroundStyle: BrandPageCssStyle;
+    /** `{ color }` for the +/- toggle. */
+    iconColor: BrandPageCssStyle;
+    /** `{ backgroundColor }`, the Divider section's shape. `'transparent'` hides the line. */
+    dividerColor: BrandPageCssStyle;
+}
 export declare class PageModel {
     title: string;
     contents: Content[];

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

@@ -1,4 +1,4 @@
-import type { ProfileContent, TextContent, ContactFormContent, ImageContent, BannerSectionContent, SocialLinksContent, ImageGalleryContent, TestimonialSectionContent, AboutSectionContent, ImagesSectionContent, MailingListContent, SupportMeContent, RequestPaymentContent, ShapesSectionContent, ShopContent, ButtonContent, PageModel, BookingSectionContent } from '../models';
+import type { ProfileContent, TextContent, ContactFormContent, ImageContent, BannerSectionContent, SocialLinksContent, ImageGalleryContent, TestimonialSectionContent, AboutSectionContent, ImagesSectionContent, MailingListContent, SupportMeContent, RequestPaymentContent, ShapesSectionContent, ShopContent, ButtonContent, PageModel, BookingSectionContent, FaqSectionContent } from '../models';
 export type ContentCallback = {
     profileContentCallback: (content: ProfileContent) => void;
     textContentCallback: (content: TextContent) => void;
@@ -17,5 +17,6 @@ export type ContentCallback = {
     shopSectionContentCallback: (content: ShopContent) => void;
     buttonContentCallback: (content: ButtonContent) => void;
     bookingSectionContentCallback: (content: BookingSectionContent) => void;
+    faqSectionContentCallback: (content: FaqSectionContent) => void;
 };
 export declare const forEachPageCallContentCallback: (page: PageModel, callbacks: ContentCallback) => void;

package/lib/src/brand-page/utils/content-callback-util.js

@@ -49,6 +49,9 @@ export const forEachPageCallContentCallback = (page, callbacks) => {
             case 'booking-section':
                 callbacks.bookingSectionContentCallback(content);
                 break;
+            case 'faq-section':
+                callbacks.faqSectionContentCallback(content);
+                break;
             case 'general-link':
             case 'website':
             case 'email':

package/lib/src/brand-page/utils/view-model.util.js

@@ -611,6 +611,26 @@ const mapToTestimonialSectionViewModel = (content, styles) => {
         isFullWidth: true,
     }, styles);
 };
+// An item's question/answer styles are CONTENT_TEXT_STYLE_PROPERTY_KEYS, so the section
+// resolver handles them when handed the item.
+const mapFaqItem = (item, styles) => applyViewModelTextStyles({
+    ...item,
+    questionStyle: { ...item.questionStyle },
+    answerStyle: { ...item.answerStyle },
+}, styles);
+const mapToFaqSectionViewModel = (content, styles, brandPageType) => {
+    return applyViewModelTextStyles({
+        ...content,
+        role: content.type,
+        type: 'faq-section',
+        // No `color` pre-seed, as in the testimonial mapper: it would read as an override.
+        titleStyle: { ...content.titleStyle },
+        descriptionStyle: { ...content.descriptionStyle },
+        items: (content.items ?? []).map((item) => mapFaqItem(item, styles)),
+        isFullWidth: true,
+        isStacked: brandPageType !== BRAND_PAGE_TYPES.brandSite,
+    }, styles);
+};
 const mapToSocialLinksViewModel = (content, styles, brandPageType) => {
     return applyViewModelTextStyles({
         ...content,
@@ -872,6 +892,8 @@ export const mapToViewModel = (styles, brandPageType, options) => (content) => {
             return mapToBannerSectionViewModel(content, styles, options);
         case 'booking-section':
             return mapToBookingSectionViewModel(content, styles);
+        case 'faq-section':
+            return mapToFaqSectionViewModel(content, styles, brandPageType);
         case 'about-section':
             return mapToAboutSectionViewModel(content, styles);
         case 'images-section':

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

@@ -1,6 +1,6 @@
-import type { ButtonWithModalContent, ProfileContent, TextContent, VideoContent, ImageContent, ContentType, ButtonStyles, LogoStyles, MapContent, ImageGalleryContent, GalleryStyles, MailingListContent, RequestPaymentContent, ShopContent, SupportMeContent, ContactFormContent, BannerSectionContent, BrandPageType, SocialLinksContent, TestimonialSectionContent, AboutSectionContent, DividerSectionContent, ShapesSectionContent, ButtonLinkType, PageHeaderMobile, PageHeaderDesktop, PageFooterMobile, PageFooterDesktop, TextMediaItem, TextShapeItem, TextStyleDeclaration, AspectRatio, LogoImageModel, LogoTemplateImageModel, CookieOptions, BookingSectionContent, MediaTypes, TextStyles, BackgroundStyle, BackgroundShape, PersonalisationRole, SaveContactOptions, ColorItem, RichTextValue } from './models';
+import type { ButtonWithModalContent, ProfileContent, TextContent, VideoContent, ImageContent, ContentType, ButtonStyles, LogoStyles, MapContent, ImageGalleryContent, GalleryStyles, MailingListContent, RequestPaymentContent, ShopContent, SupportMeContent, ContactFormContent, BannerSectionContent, BrandPageType, SocialLinksContent, TestimonialSectionContent, AboutSectionContent, DividerSectionContent, ShapesSectionContent, ButtonLinkType, PageHeaderMobile, PageHeaderDesktop, PageFooterMobile, PageFooterDesktop, TextMediaItem, TextShapeItem, TextStyleDeclaration, AspectRatio, LogoImageModel, LogoTemplateImageModel, CookieOptions, BookingSectionContent, FaqSectionContent, MediaTypes, TextStyles, BackgroundStyle, BackgroundShape, PersonalisationRole, SaveContactOptions, ColorItem, RichTextValue } from './models';
 import type { ImagesSectionContentDisplayStyle } from './constants';
-export type ViewModelType = 'button' | 'image' | 'image-gallery' | 'logo' | 'map' | 'mailing-list' | 'profile' | 'support-me' | 'request-payment' | 'text' | 'video' | 'contact-form' | 'banner-section' | 'images-section' | 'about-section' | 'divider-section' | 'testimonial-section' | 'social-links' | 'shapes-section' | 'shop-section' | 'booking-section';
+export type ViewModelType = 'button' | 'image' | 'image-gallery' | 'logo' | 'map' | 'mailing-list' | 'profile' | 'support-me' | 'request-payment' | 'text' | 'video' | 'contact-form' | 'banner-section' | 'images-section' | 'about-section' | 'divider-section' | 'testimonial-section' | 'social-links' | 'shapes-section' | 'shop-section' | 'booking-section' | 'faq-section';
 export interface ContentViewModel {
     id: string;
     type: ViewModelType;
@@ -132,6 +132,11 @@ export interface BookingSectionViewModel extends ContentViewModel, Omit<BookingS
     buttonViewModel: ButtonViewModel;
     isFullWidth: boolean;
 }
+export interface FaqSectionViewModel extends ContentViewModel, Omit<FaqSectionContent, 'type'> {
+    isFullWidth: boolean;
+    /** brand.page / brand.contact: split and grid always use their stacked layout. */
+    isStacked: boolean;
+}
 export interface PageHeaderViewModel extends Omit<PageHeaderDesktop | PageHeaderMobile, 'logoImage' | 'logoImageStyle' | 'isLogoOptional' | 'viewport' | 'isLogoVisible' | 'logoTemplateImage' | 'logoImageHeight' | 'logoImageWidth' | 'headerButton' | 'backgroundStyle'> {
     logo: LogoViewModel;
     pages: PageViewModel[];

package/lib/src/brand-page-maker/assessors/faq-accordion-color-field-visibility.assessor.d.ts

@@ -0,0 +1,3 @@
+import type { FaqSectionContent } from '@brand-page';
+import type { VisibilityAssessor } from '../models';
+export declare const faqAccordionColorFieldVisibilityAssessor: VisibilityAssessor<FaqSectionContent | undefined>;

package/lib/src/brand-page-maker/assessors/faq-accordion-color-field-visibility.assessor.js

@@ -0,0 +1,4 @@
+import { FAQ_DISPLAY_STYLES } from '@brand-page/constants';
+// Icon and divider colours paint the accordion toggle and its item dividers;
+// grid shows neither, so the fields have nothing to colour there.
+export const faqAccordionColorFieldVisibilityAssessor = (content) => content?.displayStyle !== FAQ_DISPLAY_STYLES.grid;

package/lib/src/brand-page-maker/assessors/index.d.ts

@@ -8,6 +8,7 @@ export * from './media-section-items-field.assessor';
 export * from './shape-section-items-field.assessor';
 export * from './shape-size-visibility.assessor';
 export * from './divider-toggle-field-visibility.assessor';
+export * from './faq-accordion-color-field-visibility.assessor';
 export * from './color-replacement-visibility.assessor';
 export * from './color-replacement-profile-visibility.assessor';
 export * from './color-replacement-icon-visibility.assessor';

package/lib/src/brand-page-maker/assessors/index.js

@@ -8,6 +8,7 @@ export * from './media-section-items-field.assessor';
 export * from './shape-section-items-field.assessor';
 export * from './shape-size-visibility.assessor';
 export * from './divider-toggle-field-visibility.assessor';
+export * from './faq-accordion-color-field-visibility.assessor';
 export * from './color-replacement-visibility.assessor';
 export * from './color-replacement-profile-visibility.assessor';
 export * from './color-replacement-icon-visibility.assessor';

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

@@ -552,13 +552,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         startBrandPageSlugEditMode(): void;
         triggerLockedContentClickedEvent(contentType: string): Promise<void>;
         unpublishBrandPage(): Promise<void>;
-        updateBrandPageSettings({ description, title }: {
-            description: any;
-            title: any;
+        updateBrandPageSettings(payload: {
+            description: string;
+            title: string;
         }): Promise<void>;
-        updateSensitiveContent({ sensitiveContent }: {
-            sensitiveContent: any;
+        updateSensitiveContent(payload: {
+            sensitiveContent: import("@brand-page").SensitiveContent;
         }): Promise<void>;
+        saveSiteBeforeFirstSettingsWrite(): Promise<boolean>;
         createBrandPageCustomDomain({ domainName }: {
             domainName: any;
         }): Promise<false | undefined>;
@@ -950,6 +951,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }): void;
         updateTextItemTextStyleType({ id, name, value, index, isHydrationWrite, }: import("../../../shared/content-settings/models").UpdateMultipleItemValuesPayload<any>): void;
         updateTextItemTextStyleTypeWithStyles({ id, name, value, index, isHydrationWrite, }: import("../../../shared/content-settings/models").UpdateMultipleItemValuesPayload<any>): void;
+        updateListItemTextStyles({ id, name, value, target, isHydrationWrite, }: Omit<import("../../../shared/content-settings/models").UpdateMultipleItemValuesPayload<any>, "index"> & {
+            target: import("../../../shared/content-settings/models").RteItemStyleTarget;
+        }): void;
         _setActiveCategoryTab({ activeCategoryTab, }: {
             activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
         }): void;

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

@@ -413,6 +413,9 @@ declare const _default: import("vue").DefineComponent<{}, {
         }): void;
         updateTextItemTextStyleType({ id, name, value, index, isHydrationWrite, }: import("@shared/content-settings/models").UpdateMultipleItemValuesPayload<any>): void;
         updateTextItemTextStyleTypeWithStyles({ id, name, value, index, isHydrationWrite, }: import("@shared/content-settings/models").UpdateMultipleItemValuesPayload<any>): void;
+        updateListItemTextStyles({ id, name, value, target, isHydrationWrite, }: Omit<import("@shared/content-settings/models").UpdateMultipleItemValuesPayload<any>, "index"> & {
+            target: import("@shared/content-settings/models").RteItemStyleTarget;
+        }): void;
         _setActiveCategoryTab({ activeCategoryTab, }: {
             activeCategoryTab: import("../../models").ItemCategory;
         }): void;
@@ -966,13 +969,14 @@ declare const _default: import("vue").DefineComponent<{}, {
         startBrandPageSlugEditMode(): void;
         triggerLockedContentClickedEvent(contentType: string): Promise<void>;
         unpublishBrandPage(): Promise<void>;
-        updateBrandPageSettings({ description, title }: {
-            description: any;
-            title: any;
+        updateBrandPageSettings(payload: {
+            description: string;
+            title: string;
         }): Promise<void>;
-        updateSensitiveContent({ sensitiveContent }: {
-            sensitiveContent: any;
+        updateSensitiveContent(payload: {
+            sensitiveContent: import("@brand-page").SensitiveContent;
         }): Promise<void>;
+        saveSiteBeforeFirstSettingsWrite(): Promise<boolean>;
         createBrandPageCustomDomain({ domainName }: {
             domainName: any;
         }): Promise<false | undefined>;

package/lib/src/brand-page-maker/components/quick-link-bar/QuickLinkBar.mixin.d.ts

@@ -338,13 +338,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         startBrandPageSlugEditMode(): void;
         triggerLockedContentClickedEvent(contentType: string): Promise<void>;
         unpublishBrandPage(): Promise<void>;
-        updateBrandPageSettings({ description, title }: {
-            description: any;
-            title: any;
+        updateBrandPageSettings(payload: {
+            description: string;
+            title: string;
         }): Promise<void>;
-        updateSensitiveContent({ sensitiveContent }: {
-            sensitiveContent: any;
+        updateSensitiveContent(payload: {
+            sensitiveContent: import("../../../brand-page").SensitiveContent;
         }): Promise<void>;
+        saveSiteBeforeFirstSettingsWrite(): Promise<boolean>;
         createBrandPageCustomDomain({ domainName }: {
             domainName: any;
         }): Promise<false | undefined>;

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

@@ -354,13 +354,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         startBrandPageSlugEditMode(): void;
         triggerLockedContentClickedEvent(contentType: string): Promise<void>;
         unpublishBrandPage(): Promise<void>;
-        updateBrandPageSettings({ description, title }: {
-            description: any;
-            title: any;
+        updateBrandPageSettings(payload: {
+            description: string;
+            title: string;
         }): Promise<void>;
-        updateSensitiveContent({ sensitiveContent }: {
-            sensitiveContent: any;
+        updateSensitiveContent(payload: {
+            sensitiveContent: import("../../../brand-page").SensitiveContent;
         }): Promise<void>;
+        saveSiteBeforeFirstSettingsWrite(): Promise<boolean>;
         createBrandPageCustomDomain({ domainName }: {
             domainName: any;
         }): Promise<false | undefined>;
@@ -542,6 +543,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     descriptionError(): any;
     metaKeywordsError(): any;
     isPublishing(): any;
+    isSaving(): boolean;
     isUpdateButtonEnabled(): any;
     isDirty(): boolean;
 }, {

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

@@ -89,11 +89,16 @@ export default defineComponent({
         isPublishing() {
             return this.brandPageContainerStore.isPublishing;
         },
+        // Scoped to isMaker: the Manage page's save must never gate on the maker's own in-flight state.
+        isSaving() {
+            return this.isMaker && this.brandPageContainerStore.isSaving;
+        },
         isUpdateButtonEnabled() {
             return ((this.myPageDescription?.length ?? 0) <=
                 BRANDPAGE_DESCRIPTION_CHARACTER_LIMIT &&
                 (this.myPageTitle?.length ?? 0) <= BRANDPAGE_TITLE_CHARACTER_LIMIT &&
                 !this.brandPageContainerStore.isPublishing &&
+                !this.isSaving &&
                 this.isDirty &&
                 this.isInternalDescriptionValid &&
                 this.isInternalTitleValid);

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

@@ -359,13 +359,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         startBrandPageSlugEditMode(): void;
         triggerLockedContentClickedEvent(contentType: string): Promise<void>;
         unpublishBrandPage(): Promise<void>;
-        updateBrandPageSettings({ description, title }: {
-            description: any;
-            title: any;
+        updateBrandPageSettings(payload: {
+            description: string;
+            title: string;
         }): Promise<void>;
-        updateSensitiveContent({ sensitiveContent }: {
-            sensitiveContent: any;
+        updateSensitiveContent(payload: {
+            sensitiveContent: import("../../../brand-page").SensitiveContent;
         }): Promise<void>;
+        saveSiteBeforeFirstSettingsWrite(): Promise<boolean>;
         createBrandPageCustomDomain({ domainName }: {
             domainName: any;
         }): Promise<false | undefined>;

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

@@ -340,13 +340,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         startBrandPageSlugEditMode(): void;
         triggerLockedContentClickedEvent(contentType: string): Promise<void>;
         unpublishBrandPage(): Promise<void>;
-        updateBrandPageSettings({ description, title }: {
-            description: any;
-            title: any;
+        updateBrandPageSettings(payload: {
+            description: string;
+            title: string;
         }): Promise<void>;
-        updateSensitiveContent({ sensitiveContent }: {
-            sensitiveContent: any;
+        updateSensitiveContent(payload: {
+            sensitiveContent: import("../../../brand-page").SensitiveContent;
         }): Promise<void>;
+        saveSiteBeforeFirstSettingsWrite(): Promise<boolean>;
         createBrandPageCustomDomain({ domainName }: {
             domainName: any;
         }): Promise<false | undefined>;

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

@@ -408,13 +408,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         startBrandPageSlugEditMode(): void;
         triggerLockedContentClickedEvent(contentType: string): Promise<void>;
         unpublishBrandPage(): Promise<void>;
-        updateBrandPageSettings({ description, title }: {
-            description: any;
-            title: any;
+        updateBrandPageSettings(payload: {
+            description: string;
+            title: string;
         }): Promise<void>;
-        updateSensitiveContent({ sensitiveContent }: {
-            sensitiveContent: any;
+        updateSensitiveContent(payload: {
+            sensitiveContent: import("@brand-page").SensitiveContent;
         }): Promise<void>;
+        saveSiteBeforeFirstSettingsWrite(): Promise<boolean>;
         createBrandPageCustomDomain({ domainName }: {
             domainName: any;
         }): Promise<false | undefined>;

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

@@ -335,13 +335,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         startBrandPageSlugEditMode(): void;
         triggerLockedContentClickedEvent(contentType: string): Promise<void>;
         unpublishBrandPage(): Promise<void>;
-        updateBrandPageSettings({ description, title }: {
-            description: any;
-            title: any;
+        updateBrandPageSettings(payload: {
+            description: string;
+            title: string;
         }): Promise<void>;
-        updateSensitiveContent({ sensitiveContent }: {
-            sensitiveContent: any;
+        updateSensitiveContent(payload: {
+            sensitiveContent: import("../../../brand-page").SensitiveContent;
         }): Promise<void>;
+        saveSiteBeforeFirstSettingsWrite(): Promise<boolean>;
         createBrandPageCustomDomain({ domainName }: {
             domainName: any;
         }): Promise<false | undefined>;

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

@@ -4,6 +4,8 @@ import type { StyleTextFontFamilyOption } from '@shared/style-settings/models';
 import type { HyperlinkType, TextStyleOption } from '@brand-page';
 import { type TextItem, type TextStyleDeclaration } from '@brand-page';
 import type { ButtonGroupOption } from '@brand-page-maker/models/button-group.model';
+import { useUiContentSettingsStore } from '@shared/content-settings/store';
+import type { RteItemStyleTarget } from '@shared/content-settings/models';
 interface UseRichTextEditorReturn {
     editor: Editor;
     onFocus: () => void;
@@ -55,6 +57,16 @@ interface EditorOptionType {
 export declare const useExternalRichTextEditor: () => {
     externalEditor: Editor;
 };
+/**
+ * Saves a field's style. An editor bound to a list item (`itemStyleTarget`) saves to that
+ * item's own style instead of the section's `${name}Style`.
+ */
+export declare const updateFieldTextStyles: (store: ReturnType<typeof useUiContentSettingsStore>, itemStyleTarget: RteItemStyleTarget | undefined, payload: {
+    id: string;
+    name: string;
+    value: TextStyleDeclaration;
+    isHydrationWrite?: boolean;
+}) => void;
 export declare const useRichTextEditor: (model: ModelRef<any>, props: {
     id: string;
     name: string;
@@ -66,6 +78,7 @@ export declare const useRichTextEditor: (model: ModelRef<any>, props: {
     textItemIndex: number;
     item: TextItem;
     contentType: string;
+    itemStyleTarget?: RteItemStyleTarget;
 }, emit: (event: "focus" | "blur" | "update:modelValue", ...args: any[]) => void, fontSettings: {
     selectedTextStyle: string;
     selectedFont: string;