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

package/lib/src/{CreatedOnBrandCrowd-de-de-Cn0M-eZ1.js → CreatedOnBrandCrowd-de-de-DZKdhDPm.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-DRLMSDZr.js → CreatedOnBrandCrowd-en-us-BwRkzbWs.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-BglTu73U.js → CreatedOnBrandCrowd-es-es-D5c5FXPv.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-Bj6YZ_el.js → CreatedOnBrandCrowd-fr-ca-CbeeC4am.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-Bj6YZ_el.js → CreatedOnBrandCrowd-fr-fr-CbeeC4am.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-DEoOmQ1F.js → CreatedOnBrandCrowd-pt-br-Ar-FCaji.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-DEoOmQ1F.js → CreatedOnBrandCrowd-pt-pt-Ar-FCaji.js}

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

package/lib/src/{CreatedOnDcom-de-de-BZ7gTt4Z.js → CreatedOnDcom-de-de-CASR2x4B.js}

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

package/lib/src/{CreatedOnDcom-en-us-CD6Km5sH.js → CreatedOnDcom-en-us-CzbgCbGq.js}

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

package/lib/src/{CreatedOnDcom-es-es-CNpZHvEl.js → CreatedOnDcom-es-es-Bo-jkBIJ.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-URS-ydJ1.js → CreatedOnDcom-fr-ca-DjLS3NVf.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-D2AVeA3H.js → CreatedOnDcom-fr-fr-EuVNSQHo.js}

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

package/lib/src/{CreatedOnDcom-pt-br-C32frnFs.js → CreatedOnDcom-pt-br-DoaEvDmC.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-TDYGjRXS.js → CreatedOnDcom-pt-pt-D-nbucbq.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as M } from "./lib-Dm9AuOJL.js";
+import { _ as M } from "./lib-BS9Le912.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/brand-page-context.model.d.ts

@@ -34,8 +34,13 @@ export interface AbTestResult {
     isVariation: boolean;
     isExcluded: boolean;
 }
+export declare const AB_TEST_KEYS: {
+    BP_3926_FREEMIUM_WATERMARK: string;
+    BP_6136_V2_AI_BUILDER: string;
+};
 export interface AbTest {
     bp_3926_freemium_watermark?: AbTestResult;
+    bp_6136_v2_ai_builder?: AbTestResult;
 }
 export declare const MEDIA_SIZES: {
     readonly size1x: "size1x";

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

@@ -22,8 +22,11 @@ export const AB_TEST_FLAG = {
     DCOM_WATERMARK_FLAG: 'dcom-bp-3476-new-watermark', // Replace this with preview flag key
     BC_WATERMARK_FLAG: 'bc-bp-3476-new-watermark', // Replace this with preview flag key
 };
-const AB_TEST_KEYS = {
+export const AB_TEST_KEYS = {
     BP_3926_FREEMIUM_WATERMARK: 'bc-bp-3926-freemium-cta-in-website-editor',
+    // V1 (control) vs V2 (variation-1) AI website builder, sent by bc-net in the editor
+    // payload at load. Key must match `Bp6136V2AiBuilderStrategy.CampaignKey`.
+    BP_6136_V2_AI_BUILDER: 'bc-bp-6136-v2-ai-builder',
 };
 export const MEDIA_SIZES = {
     size1x: 'size1x',
@@ -45,5 +48,9 @@ export const getAbTestResults = (abtestKeyValues) => {
     if (abtestKeyValues[AB_TEST_KEYS.BP_3926_FREEMIUM_WATERMARK]) {
         abTests.bp_3926_freemium_watermark = getValueType(AB_TEST_KEYS.BP_3926_FREEMIUM_WATERMARK, abtestKeyValues[AB_TEST_KEYS.BP_3926_FREEMIUM_WATERMARK]);
     }
+    // AB Test - V1 vs V2 AI website builder
+    if (abtestKeyValues[AB_TEST_KEYS.BP_6136_V2_AI_BUILDER]) {
+        abTests.bp_6136_v2_ai_builder = getValueType(AB_TEST_KEYS.BP_6136_V2_AI_BUILDER, abtestKeyValues[AB_TEST_KEYS.BP_6136_V2_AI_BUILDER]);
+    }
     return abTests;
 };

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.d.ts

@@ -29,6 +29,8 @@ interface ViewModelMappingOptions {
         previewImageUrl: string;
     };
     setVideoUrlsWithToken?: (token: string, videoUrl: string, previewImageUrl: string, assetId: string) => void;
+    /** Maker-only UI state: content id → the item its settings panel has open. Never persisted. */
+    activeItemIdByContentId?: Record<string, string | undefined>;
 }
 export declare const getBrandPageViewModelFromBrandPageModel: (model: BrandPageModel, brandPageToken: string | undefined, showBrandCrowdLogo: boolean | undefined, options: ViewModelMappingOptions) => BrandPageViewModel;
 export declare const resolvePageIdsInRteJson: (doc: unknown, nav: NavViewModel, options: ViewModelMappingOptions) => unknown;

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

@@ -611,6 +611,27 @@ 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, options) => {
+    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,
+        activeItemId: options.activeItemIdByContentId?.[content.id],
+    }, styles);
+};
 const mapToSocialLinksViewModel = (content, styles, brandPageType) => {
     return applyViewModelTextStyles({
         ...content,
@@ -872,6 +893,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, options);
         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,13 @@ 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;
+    /** Maker-only: the item the settings panel has open, so the canvas shows it. */
+    activeItemId?: string;
+}
 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/components/brand-page-maker/BrandPageMaker.mixin.d.ts

@@ -292,6 +292,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
@@ -367,6 +374,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
@@ -442,6 +456,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
@@ -606,6 +627,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("@shared/content-settings/store").ContentSettingsState>): (id: string) => import("@brand-page").Content | undefined;
         getFieldSettings(state: {
             addContentOptions: {
@@ -657,6 +679,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("@shared/content-settings/store").ContentSettingsState>): (id: string, fieldName: string) => import("../../../shared/content-settings/models").ContentItemFieldSettings | undefined;
         getItem(state: {
             addContentOptions: {
@@ -708,6 +731,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("@shared/content-settings/store").ContentSettingsState>): (id: string) => import("../../../shared/content-settings/models").ContentItem<any> | undefined;
         getValue(state: {
             addContentOptions: {
@@ -759,6 +783,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("@shared/content-settings/store").ContentSettingsState>): (id: string, fieldName: string) => import("@brand-page").Content | string | undefined;
         getItemState(state: {
             addContentOptions: {
@@ -810,6 +835,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("@shared/content-settings/store").ContentSettingsState>): (id: string) => import("../../../shared/content-settings/models").ContentSettingsItemState;
         getItemGroupState(state: {
             addContentOptions: {
@@ -861,11 +887,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("@shared/content-settings/store").ContentSettingsState>): (id: string, groupId: string) => import("../../../shared/content-settings/models").ContentSettingsItemGroupState;
         mode(): import("@shared/content-settings/store").ContentSettingsMode;
         selectedItem(): import("../../../shared/content-settings/models").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: import("../../../shared/content-settings/models").ContentItem<any>;
@@ -929,6 +957,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

@@ -90,6 +90,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: import("../../models").ItemCategory;
+            activeItemIdByContentId: Record<string, string | undefined>;
         } & import("pinia").PiniaCustomStateProperties<import("@shared/content-settings/store").ContentSettingsState>): (id: string) => Content | undefined;
         getFieldSettings(state: {
             addContentOptions: {
@@ -141,6 +142,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: import("../../models").ItemCategory;
+            activeItemIdByContentId: Record<string, string | undefined>;
         } & import("pinia").PiniaCustomStateProperties<import("@shared/content-settings/store").ContentSettingsState>): (id: string, fieldName: string) => import("@shared/content-settings/models").ContentItemFieldSettings | undefined;
         getItem(state: {
             addContentOptions: {
@@ -192,6 +194,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: import("../../models").ItemCategory;
+            activeItemIdByContentId: Record<string, string | undefined>;
         } & import("pinia").PiniaCustomStateProperties<import("@shared/content-settings/store").ContentSettingsState>): (id: string) => ContentItem<any> | undefined;
         getValue(state: {
             addContentOptions: {
@@ -243,6 +246,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: import("../../models").ItemCategory;
+            activeItemIdByContentId: Record<string, string | undefined>;
         } & import("pinia").PiniaCustomStateProperties<import("@shared/content-settings/store").ContentSettingsState>): (id: string, fieldName: string) => Content | string | undefined;
         getItemState(state: {
             addContentOptions: {
@@ -294,6 +298,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: import("../../models").ItemCategory;
+            activeItemIdByContentId: Record<string, string | undefined>;
         } & import("pinia").PiniaCustomStateProperties<import("@shared/content-settings/store").ContentSettingsState>): (id: string) => import("@shared/content-settings/models").ContentSettingsItemState;
         getItemGroupState(state: {
             addContentOptions: {
@@ -345,11 +350,13 @@ declare const _default: import("vue").DefineComponent<{}, {
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: import("../../models").ItemCategory;
+            activeItemIdByContentId: Record<string, string | undefined>;
         } & import("pinia").PiniaCustomStateProperties<import("@shared/content-settings/store").ContentSettingsState>): (id: string, groupId: string) => import("@shared/content-settings/models").ContentSettingsItemGroupState;
         mode(): import("@shared/content-settings/store").ContentSettingsMode;
         selectedItem(): ContentItem<any> | undefined;
         selectedItemTemplate(): import("../../models").ContentSettingsConfig<any> | undefined;
     }, {
+        setActiveItem(contentId: string, itemId: string | undefined): void;
         onContentChanged(): void;
         _addItem({ item, index, }: {
             item: ContentItem<any>;
@@ -413,6 +420,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;
@@ -706,6 +716,13 @@ declare const _default: import("vue").DefineComponent<{}, {
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
@@ -781,6 +798,13 @@ declare const _default: import("vue").DefineComponent<{}, {
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
@@ -856,6 +880,13 @@ declare const _default: import("vue").DefineComponent<{}, {
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;

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

@@ -41,6 +41,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isVariation: boolean;
             isExcluded: boolean;
         } | undefined;
+        bp_6136_v2_ai_builder?: {
+            key: string;
+            value: string;
+            isControl: boolean;
+            isVariation: boolean;
+            isExcluded: boolean;
+        } | undefined;
     };
 }, {
     containerClientHeight: number | undefined;

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

@@ -78,6 +78,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
@@ -153,6 +160,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
@@ -228,6 +242,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     isVariation: boolean;
                     isExcluded: boolean;
                 } | undefined;
+                bp_6136_v2_ai_builder?: {
+                    key: string;
+                    value: string;
+                    isControl: boolean;
+                    isVariation: boolean;
+                    isExcluded: boolean;
+                } | undefined;
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;