@designcrowd/library.brand-page 6.2.2 → 6.2.3-ast-faq

package/lib/src/metadata-builder/parsers/section-tool-arguments.d.ts

@@ -6,7 +6,7 @@
  */
 import type { ContentType } from '../../brand-page/models';
 /** Content types not supported by the AI builder. */
-type UnsupportedContentType = 'logo' | 'video' | 'map' | 'request-payment' | 'support-me' | 'shop-section';
+type UnsupportedContentType = 'logo' | 'video' | 'map' | 'request-payment' | 'support-me' | 'shop-section' | 'faq-section';
 export type SectionType = Exclude<ContentType, UnsupportedContentType>;
 export interface TiptapMark {
     type: 'bold' | 'italic' | 'underline' | 'strike' | 'link' | 'textStyle' | 'highlight';

package/lib/src/shared/color-strategies/color-strategies.js

@@ -221,6 +221,10 @@ export const FIELD_SLOT_MAP = {
     nameStyle: 'onSurface',
     positionStyle: 'onSurface',
     testimonialStyle: 'onSurface',
+    // Per-item styles of each FAQ item (RTE_ITEM_FIELD_PAIRS). The rows sit on the
+    // section band — there is no raised card.
+    questionStyle: 'onSurface',
+    answerStyle: 'onSurface',
 };
 /**
  * Resolve a field's slot: its default placement, promoted to the raised layer when this

package/lib/src/shared/color-strategies/rte-field-pairs.d.ts

@@ -11,6 +11,18 @@ export interface RTEFieldPair {
     styleField: string;
 }
 export declare const RTE_SECTION_FIELD_PAIRS: Record<string, RTEFieldPair[]>;
+/**
+ * RTE fields that live on each entry of an item list, each driven by a style field
+ * on the SAME item — every question is its own title-like field. The rewrap walks and
+ * the colour strategies visit every item for these.
+ *
+ * The Text block's `textItems` is not listed: its walk has its own legacy fallbacks
+ * (single-text mode, section-level `textStyle`) in `transformToRTE`.
+ */
+export interface RTEItemFieldPair extends RTEFieldPair {
+    itemsField: string;
+}
+export declare const RTE_ITEM_FIELD_PAIRS: Record<string, RTEItemFieldPair[]>;
 /**
  * The RTE text field a given style field drives, or `undefined` when that field
  * drives no RTE content.

package/lib/src/shared/color-strategies/rte-field-pairs.js

@@ -15,6 +15,10 @@ export const RTE_SECTION_FIELD_PAIRS = {
         { textField: 'title', styleField: 'titleStyle' },
         { textField: 'description', styleField: 'descriptionStyle' },
     ],
+    'faq-section': [
+        { textField: 'title', styleField: 'titleStyle' },
+        { textField: 'description', styleField: 'descriptionStyle' },
+    ],
     'images-section': [
         { textField: 'title', styleField: 'titleStyle' },
         { textField: 'description', styleField: 'descriptionStyle' },
@@ -53,6 +57,12 @@ export const RTE_SECTION_FIELD_PAIRS = {
         { textField: 'description', styleField: 'descriptionStyle' },
     ],
 };
+export const RTE_ITEM_FIELD_PAIRS = {
+    'faq-section': [
+        { itemsField: 'items', textField: 'question', styleField: 'questionStyle' },
+        { itemsField: 'items', textField: 'answer', styleField: 'answerStyle' },
+    ],
+};
 /**
  * The `text` section is absent from the map above: on brandSite its RTE lives
  * per-item in `textItems[]`, which the editor walks separately. On

package/lib/src/shared/content-settings/components/content-settings/ContentSettings.mixin.d.ts

@@ -64,6 +64,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: ItemCategory;
+            activeItemIdByContentId: Record<string, string | undefined>;
         } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string) => Content | undefined;
         getFieldSettings(state: {
             addContentOptions: {
@@ -115,6 +116,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: ItemCategory;
+            activeItemIdByContentId: Record<string, string | undefined>;
         } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string, fieldName: string) => import("../../models").ContentItemFieldSettings | undefined;
         getItem(state: {
             addContentOptions: {
@@ -166,6 +168,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: ItemCategory;
+            activeItemIdByContentId: Record<string, string | undefined>;
         } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string) => ContentItem<any> | undefined;
         getValue(state: {
             addContentOptions: {
@@ -217,6 +220,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: ItemCategory;
+            activeItemIdByContentId: Record<string, string | undefined>;
         } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string, fieldName: string) => Content | string | undefined;
         getItemState(state: {
             addContentOptions: {
@@ -268,6 +272,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: ItemCategory;
+            activeItemIdByContentId: Record<string, string | undefined>;
         } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string) => import("../../models").ContentSettingsItemState;
         getItemGroupState(state: {
             addContentOptions: {
@@ -319,11 +324,13 @@ declare const _default: import("vue").DefineComponent<{}, {
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: ItemCategory;
+            activeItemIdByContentId: Record<string, string | undefined>;
         } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string, groupId: string) => import("../../models").ContentSettingsItemGroupState;
         mode(): import("../../store").ContentSettingsMode;
         selectedItem(): ContentItem<any> | undefined;
         selectedItemTemplate(): import("@brand-page-maker/models").ContentSettingsConfig<any> | undefined;
     }, {
+        setActiveItem(contentId: string, itemId: string | undefined): void;
         onContentChanged(): void;
         _addItem({ item, index, }: {
             item: ContentItem<any>;
@@ -387,6 +394,9 @@ declare const _default: import("vue").DefineComponent<{}, {
         }): void;
         updateTextItemTextStyleType({ id, name, value, index, isHydrationWrite, }: import("../../models").UpdateMultipleItemValuesPayload<any>): void;
         updateTextItemTextStyleTypeWithStyles({ id, name, value, index, isHydrationWrite, }: import("../../models").UpdateMultipleItemValuesPayload<any>): void;
+        updateListItemTextStyles({ id, name, value, target, isHydrationWrite, }: Omit<import("../../models").UpdateMultipleItemValuesPayload<any>, "index"> & {
+            target: import("../../models").RteItemStyleTarget;
+        }): void;
         _setActiveCategoryTab({ activeCategoryTab, }: {
             activeCategoryTab: ItemCategory;
         }): void;

package/lib/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.d.ts

@@ -33,7 +33,7 @@ declare const _default: import("vue").DefineComponent<{}, {
     selectedItemEventSource: import("vue").ComputedRef<"preview" | "contentSettings" | "pageSettings" | null>;
     selectedItemIndex: import("vue").ComputedRef<number | null>;
     selectedItemValue: import("vue").ComputedRef<string | null>;
-    contentType: import("vue").ComputedRef<"website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section" | undefined>;
+    contentType: import("vue").ComputedRef<"website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section" | "faq-section" | undefined>;
     mode: import("vue").ComputedRef<"images" | "add" | "edit" | "focusedContentItem">;
     isAdminMaker: import("vue").ComputedRef<boolean>;
     contentSettingsStore: import("pinia").Store<"uiContentSettings", import("../../store").ContentSettingsState, {
@@ -88,6 +88,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: import("../../../../brand-page-maker/models").ItemCategory;
+            activeItemIdByContentId: Record<string, string | undefined>;
         } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string) => import("@brand-page").Content | undefined;
         getFieldSettings(state: {
             addContentOptions: {
@@ -139,6 +140,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: import("../../../../brand-page-maker/models").ItemCategory;
+            activeItemIdByContentId: Record<string, string | undefined>;
         } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string, fieldName: string) => ContentItemFieldSettings | undefined;
         getItem(state: {
             addContentOptions: {
@@ -190,6 +192,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: import("../../../../brand-page-maker/models").ItemCategory;
+            activeItemIdByContentId: Record<string, string | undefined>;
         } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string) => ContentItem<any> | undefined;
         getValue(state: {
             addContentOptions: {
@@ -241,6 +244,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: import("../../../../brand-page-maker/models").ItemCategory;
+            activeItemIdByContentId: Record<string, string | undefined>;
         } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string, fieldName: string) => import("@brand-page").Content | string | undefined;
         getItemState(state: {
             addContentOptions: {
@@ -292,6 +296,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: import("../../../../brand-page-maker/models").ItemCategory;
+            activeItemIdByContentId: Record<string, string | undefined>;
         } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string) => import("../../models").ContentSettingsItemState;
         getItemGroupState(state: {
             addContentOptions: {
@@ -343,11 +348,13 @@ declare const _default: import("vue").DefineComponent<{}, {
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: import("../../../../brand-page-maker/models").ItemCategory;
+            activeItemIdByContentId: Record<string, string | undefined>;
         } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string, groupId: string) => import("../../models").ContentSettingsItemGroupState;
         mode(): import("../../store").ContentSettingsMode;
         selectedItem(): ContentItem<any> | undefined;
         selectedItemTemplate(): import("../../../../brand-page-maker/models").ContentSettingsConfig<any> | undefined;
     }, {
+        setActiveItem(contentId: string, itemId: string | undefined): void;
         onContentChanged(): void;
         _addItem({ item, index, }: {
             item: ContentItem<any>;
@@ -411,6 +418,9 @@ declare const _default: import("vue").DefineComponent<{}, {
         }): void;
         updateTextItemTextStyleType({ id, name, value, index, isHydrationWrite, }: import("../../models").UpdateMultipleItemValuesPayload<any>): void;
         updateTextItemTextStyleTypeWithStyles({ id, name, value, index, isHydrationWrite, }: import("../../models").UpdateMultipleItemValuesPayload<any>): void;
+        updateListItemTextStyles({ id, name, value, target, isHydrationWrite, }: Omit<import("../../models").UpdateMultipleItemValuesPayload<any>, "index"> & {
+            target: import("../../models").RteItemStyleTarget;
+        }): void;
         _setActiveCategoryTab({ activeCategoryTab, }: {
             activeCategoryTab: import("../../../../brand-page-maker/models").ItemCategory;
         }): void;

package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItem.mixin.d.ts

@@ -76,6 +76,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
+            activeItemIdByContentId: Record<string, string | undefined>;
         } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string) => import("@brand-page").Content | undefined;
         getFieldSettings(state: {
             addContentOptions: {
@@ -127,6 +128,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
+            activeItemIdByContentId: Record<string, string | undefined>;
         } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string, fieldName: string) => import("../../models").ContentItemFieldSettings | undefined;
         getItem(state: {
             addContentOptions: {
@@ -178,6 +180,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
+            activeItemIdByContentId: Record<string, string | undefined>;
         } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string) => import("../../models").ContentItem<any> | undefined;
         getValue(state: {
             addContentOptions: {
@@ -229,6 +232,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
+            activeItemIdByContentId: Record<string, string | undefined>;
         } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string, fieldName: string) => import("@brand-page").Content | string | undefined;
         getItemState(state: {
             addContentOptions: {
@@ -280,6 +284,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
+            activeItemIdByContentId: Record<string, string | undefined>;
         } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string) => import("../../models").ContentSettingsItemState;
         getItemGroupState(state: {
             addContentOptions: {
@@ -331,11 +336,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
+            activeItemIdByContentId: Record<string, string | undefined>;
         } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string, groupId: string) => import("../../models").ContentSettingsItemGroupState;
         mode(): import("../../store").ContentSettingsMode;
         selectedItem(): import("../../models").ContentItem<any> | undefined;
         selectedItemTemplate(): ContentSettingsConfig<any> | undefined;
     }, {
+        setActiveItem(contentId: string, itemId: string | undefined): void;
         onContentChanged(): void;
         _addItem({ item, index, }: {
             item: import("../../models").ContentItem<any>;
@@ -399,6 +406,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }): void;
         updateTextItemTextStyleType({ id, name, value, index, isHydrationWrite, }: import("../../models").UpdateMultipleItemValuesPayload<any>): void;
         updateTextItemTextStyleTypeWithStyles({ id, name, value, index, isHydrationWrite, }: import("../../models").UpdateMultipleItemValuesPayload<any>): void;
+        updateListItemTextStyles({ id, name, value, target, isHydrationWrite, }: Omit<import("../../models").UpdateMultipleItemValuesPayload<any>, "index"> & {
+            target: import("../../models").RteItemStyleTarget;
+        }): void;
         _setActiveCategoryTab({ activeCategoryTab, }: {
             activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
         }): void;

package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItemField.mixin.d.ts

@@ -116,6 +116,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
+            activeItemIdByContentId: Record<string, string | undefined>;
         } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string) => Content | undefined;
         getFieldSettings(state: {
             addContentOptions: {
@@ -167,6 +168,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
+            activeItemIdByContentId: Record<string, string | undefined>;
         } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string, fieldName: string) => import("../../models").ContentItemFieldSettings | undefined;
         getItem(state: {
             addContentOptions: {
@@ -218,6 +220,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
+            activeItemIdByContentId: Record<string, string | undefined>;
         } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string) => ContentItem<any> | undefined;
         getValue(state: {
             addContentOptions: {
@@ -269,6 +272,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
+            activeItemIdByContentId: Record<string, string | undefined>;
         } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string, fieldName: string) => Content | string | undefined;
         getItemState(state: {
             addContentOptions: {
@@ -320,6 +324,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
+            activeItemIdByContentId: Record<string, string | undefined>;
         } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string) => import("../../models").ContentSettingsItemState;
         getItemGroupState(state: {
             addContentOptions: {
@@ -371,11 +376,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
+            activeItemIdByContentId: Record<string, string | undefined>;
         } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string, groupId: string) => import("../../models").ContentSettingsItemGroupState;
         mode(): import("../../store").ContentSettingsMode;
         selectedItem(): ContentItem<any> | undefined;
         selectedItemTemplate(): import("@brand-page-maker/models").ContentSettingsConfig<any> | undefined;
     }, {
+        setActiveItem(contentId: string, itemId: string | undefined): void;
         onContentChanged(): void;
         _addItem({ item, index, }: {
             item: ContentItem<any>;
@@ -439,6 +446,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }): void;
         updateTextItemTextStyleType({ id, name, value, index, isHydrationWrite, }: import("../../models").UpdateMultipleItemValuesPayload<any>): void;
         updateTextItemTextStyleTypeWithStyles({ id, name, value, index, isHydrationWrite, }: import("../../models").UpdateMultipleItemValuesPayload<any>): void;
+        updateListItemTextStyles({ id, name, value, target, isHydrationWrite, }: Omit<import("../../models").UpdateMultipleItemValuesPayload<any>, "index"> & {
+            target: import("../../models").RteItemStyleTarget;
+        }): void;
         _setActiveCategoryTab({ activeCategoryTab, }: {
             activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
         }): void;

package/lib/src/shared/content-settings/components/focused-content-item-settings/FocusedContentItemSettings.mixin.d.ts

@@ -69,6 +69,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
+            activeItemIdByContentId: Record<string, string | undefined>;
         } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string) => import("@brand-page").Content | undefined;
         getFieldSettings(state: {
             addContentOptions: {
@@ -120,6 +121,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
+            activeItemIdByContentId: Record<string, string | undefined>;
         } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string, fieldName: string) => import("../../models").ContentItemFieldSettings | undefined;
         getItem(state: {
             addContentOptions: {
@@ -171,6 +173,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
+            activeItemIdByContentId: Record<string, string | undefined>;
         } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string) => ContentItem<any> | undefined;
         getValue(state: {
             addContentOptions: {
@@ -222,6 +225,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
+            activeItemIdByContentId: Record<string, string | undefined>;
         } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string, fieldName: string) => import("@brand-page").Content | string | undefined;
         getItemState(state: {
             addContentOptions: {
@@ -273,6 +277,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
+            activeItemIdByContentId: Record<string, string | undefined>;
         } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string) => import("../../models").ContentSettingsItemState;
         getItemGroupState(state: {
             addContentOptions: {
@@ -324,11 +329,13 @@ declare const _default: import("vue").DefineComponent<{}, {
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
+            activeItemIdByContentId: Record<string, string | undefined>;
         } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string, groupId: string) => import("../../models").ContentSettingsItemGroupState;
         mode(): import("../../store").ContentSettingsMode;
         selectedItem(): ContentItem<any> | undefined;
         selectedItemTemplate(): ContentSettingsConfig<any> | undefined;
     }, {
+        setActiveItem(contentId: string, itemId: string | undefined): void;
         onContentChanged(): void;
         _addItem({ item, index, }: {
             item: ContentItem<any>;
@@ -392,6 +399,9 @@ declare const _default: import("vue").DefineComponent<{}, {
         }): void;
         updateTextItemTextStyleType({ id, name, value, index, isHydrationWrite, }: import("../../models").UpdateMultipleItemValuesPayload<any>): void;
         updateTextItemTextStyleTypeWithStyles({ id, name, value, index, isHydrationWrite, }: import("../../models").UpdateMultipleItemValuesPayload<any>): void;
+        updateListItemTextStyles({ id, name, value, target, isHydrationWrite, }: Omit<import("../../models").UpdateMultipleItemValuesPayload<any>, "index"> & {
+            target: import("../../models").RteItemStyleTarget;
+        }): void;
         _setActiveCategoryTab({ activeCategoryTab, }: {
             activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
         }): void;

package/lib/src/shared/content-settings/components/items-field/ItemsField.mixin.d.ts

@@ -34,6 +34,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: false;
         default: boolean;
     };
+    deleteLabel: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
 }>, {}, {
     itemStates: Record<number, ItemFieldState>;
 }, {
@@ -43,9 +48,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }, {
     toggleCollapsed(index: number): void;
+    expand(index: number): void;
     onDelete(index: number): void;
     onEdit(index: number): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("items-change" | "items-delete" | "itemsEdit")[], "items-change" | "items-delete" | "itemsEdit", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("items-change" | "items-delete" | "itemsEdit" | "item-toggle")[], "items-change" | "items-delete" | "itemsEdit" | "item-toggle", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     items: {
         type: PropType<ItemFieldItem[]>;
         required: true;
@@ -70,12 +76,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: false;
         default: boolean;
     };
+    deleteLabel: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
 }>> & Readonly<{
     "onItems-change"?: ((...args: any[]) => any) | undefined;
     "onItems-delete"?: ((...args: any[]) => any) | undefined;
     onItemsEdit?: ((...args: any[]) => any) | undefined;
+    "onItem-toggle"?: ((...args: any[]) => any) | undefined;
 }>, {
     collapsedByDefault: boolean;
     isDraggable: boolean;
+    deleteLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/src/shared/content-settings/components/items-field/ItemsField.mixin.js

@@ -25,8 +25,13 @@ export default defineComponent({
             required: false,
             default: true,
         },
+        deleteLabel: {
+            type: String,
+            required: false,
+            default: 'Delete payment option',
+        },
     },
-    emits: ['items-change', 'items-delete', 'itemsEdit'],
+    emits: ['items-change', 'items-delete', 'itemsEdit', 'item-toggle'],
     data: () => ({
         itemStates: {},
     }),
@@ -67,6 +72,11 @@ export default defineComponent({
     methods: {
         toggleCollapsed(index) {
             this.itemStates[index].isCollapsed = !this.itemStates[index].isCollapsed;
+            this.$emit('item-toggle', index, this.itemStates[index].isCollapsed);
+        },
+        expand(index) {
+            this.itemStates[index] = { index, isCollapsed: false };
+            this.$emit('item-toggle', index, false);
         },
         onDelete(index) {
             this.$emit('items-delete', index);

package/lib/src/shared/content-settings/components/payment-config-field/PaymentConfigField.mixin.d.ts

@@ -91,20 +91,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
-                bp_5873_live_preview_prepurchase?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
-                bp_5873_live_preview_postpurchase?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
@@ -180,20 +166,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
-                bp_5873_live_preview_prepurchase?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
-                bp_5873_live_preview_postpurchase?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
@@ -269,20 +241,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
-                bp_5873_live_preview_prepurchase?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
-                bp_5873_live_preview_postpurchase?: {
-                    key: string;
-                    value: string;
-                    isControl: boolean;
-                    isVariation: boolean;
-                    isExcluded: boolean;
-                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;

package/lib/src/shared/content-settings/components/textarea-field/TextareaField.mixin.d.ts

@@ -1,5 +1,6 @@
 import { type PropType } from 'vue';
 import type { TextItem } from '@brand-page';
+import type { RteItemStyleTarget } from '../../models';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     enableMaxLengthError: {
         type: BooleanConstructor;
@@ -10,6 +11,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<TextItem>;
         required: true;
     };
+    itemStyleTarget: {
+        type: PropType<RteItemStyleTarget>;
+        required: false;
+        default: undefined;
+    };
 }>, {}, {}, {}, {
     onForceUpdate(): void;
 }, import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -221,7 +227,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<TextItem>;
         required: true;
     };
+    itemStyleTarget: {
+        type: PropType<RteItemStyleTarget>;
+        required: false;
+        default: undefined;
+    };
 }>> & Readonly<{}>, {
     enableMaxLengthError: boolean;
+    itemStyleTarget: RteItemStyleTarget;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/src/shared/content-settings/components/textarea-field/TextareaField.mixin.js

@@ -12,6 +12,11 @@ export default defineComponent({
             type: Object,
             required: true,
         },
+        itemStyleTarget: {
+            type: Object,
+            required: false,
+            default: undefined,
+        },
     },
     methods: {
         onForceUpdate() {

package/lib/src/shared/content-settings/models.d.ts

@@ -106,6 +106,12 @@ export interface UpdateMultipleItemValuesPayload<T extends object> {
     /** See UpdateItemValuePayload.isHydrationWrite. */
     isHydrationWrite?: boolean;
 }
+/** The list item whose style an item-level RTE writes (e.g. `items[2].questionStyle`). */
+export interface RteItemStyleTarget {
+    itemsField: string;
+    index: number;
+    styleField: string;
+}
 export interface ValidateItemPayload {
     id: string;
     name: string;