@designcrowd/library.brand-page 6.2.13-ast-faq-2 → 6.2.13-refresh-2

package/lib/src/{CreatedOnBrandCrowd-de-de-CBJIrIYx.js → CreatedOnBrandCrowd-de-de-gxdibHyA.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-CpKMpzwf.js → CreatedOnBrandCrowd-en-us-DCm0q9X-.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-CPkSCSq2.js → CreatedOnBrandCrowd-es-es-Blhnp4E4.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-bhj7vHFe.js → CreatedOnBrandCrowd-fr-ca-D4EmnWXQ.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-bhj7vHFe.js → CreatedOnBrandCrowd-fr-fr-D4EmnWXQ.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-BGD9W4Y1.js → CreatedOnBrandCrowd-pt-br-CxBmV-9N.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-BGD9W4Y1.js → CreatedOnBrandCrowd-pt-pt-CxBmV-9N.js}

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

package/lib/src/{CreatedOnDcom-de-de-C0Vn9SvU.js → CreatedOnDcom-de-de-Hs8VwHVy.js}

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

package/lib/src/{CreatedOnDcom-en-us-v_IxqE0F.js → CreatedOnDcom-en-us-BVT242S3.js}

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

package/lib/src/{CreatedOnDcom-es-es-7mknVzYJ.js → CreatedOnDcom-es-es-BvGUMDdP.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-q6F6JvrM.js → CreatedOnDcom-fr-ca-O3PQ8_EE.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-CnLlvHgD.js → CreatedOnDcom-fr-fr-DggGuRd8.js}

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

package/lib/src/{CreatedOnDcom-pt-br-C92AQhUj.js → CreatedOnDcom-pt-br-wx_4LvVE.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-Cn4AqkP1.js → CreatedOnDcom-pt-pt-C9uNctiR.js}

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

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

@@ -77,13 +77,6 @@ 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 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,13 +103,6 @@ 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,7 +33,5 @@ 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,6 +35,4 @@ 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,7 +31,6 @@ 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,7 +31,6 @@ 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,32 +478,6 @@ export interface BookingSectionContent extends Content {
     buttonLinkType: ButtonLinkType;
     buttonTextStyle: TextStyleDeclaration;
 }
-export interface FaqItem {
-    /** Stable per-item identifier. See ImageItem.id. */
-    id: string;
-    question: RichTextValue;
-    answer: RichTextValue;
-    questionOverride?: string;
-    answerOverride?: string;
-}
-export interface FaqSectionContent extends Content {
-    type: 'faq-section';
-    title: RichTextValue;
-    description: RichTextValue;
-    displayStyle: string;
-    items: FaqItem[];
-    titleStyle: RteTextRole;
-    descriptionStyle: RteTextRole;
-    /** Shared by every question; a question's own formatting lives in its doc. */
-    questionStyle: RteTextRole;
-    /** Shared by every answer. */
-    answerStyle: RteTextRole;
-    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/container-text-color.util.js

@@ -490,18 +490,6 @@ export const applyTextContrast = (content, styles, brandPageType) => {
             }
         }
     }
-    // Same for the FAQ's +/− icons and divider: with no base coat to inherit, a new section
-    // stores its title's contrast colour, so both start linked to the palette.
-    if (content.type === 'faq-section') {
-        const faq = content;
-        const fill = titleSurfaceContrastFill(content, styles, brandPageType);
-        if (fill && isBlankColorValue(faq.iconColor?.color)) {
-            faq.iconColor = { ...faq.iconColor, color: fill };
-        }
-        if (fill && isBlankColorValue(faq.dividerColor?.backgroundColor)) {
-            faq.dividerColor = { ...faq.dividerColor, backgroundColor: fill };
-        }
-    }
     return 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, FaqSectionContent } from '../models';
+import type { ProfileContent, TextContent, ContactFormContent, ImageContent, BannerSectionContent, SocialLinksContent, ImageGalleryContent, TestimonialSectionContent, AboutSectionContent, ImagesSectionContent, MailingListContent, SupportMeContent, RequestPaymentContent, ShapesSectionContent, ShopContent, ButtonContent, PageModel, BookingSectionContent } from '../models';
 export type ContentCallback = {
     profileContentCallback: (content: ProfileContent) => void;
     textContentCallback: (content: TextContent) => void;
@@ -17,6 +17,5 @@ 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,9 +49,6 @@ 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

@@ -626,20 +626,6 @@ const mapToTestimonialSectionViewModel = (content, styles) => {
         isFullWidth: true,
     }, styles);
 };
-const mapToFaqSectionViewModel = (content, styles) => {
-    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 },
-        questionStyle: { ...content.questionStyle },
-        answerStyle: { ...content.answerStyle },
-        items: content.items ?? [],
-        isFullWidth: true,
-    }, styles);
-};
 const mapToSocialLinksViewModel = (content, styles, brandPageType) => {
     return applyViewModelTextStyles({
         ...content,
@@ -908,8 +894,6 @@ 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);
         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, FaqSectionContent, 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, 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' | 'faq-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';
 export interface ContentViewModel {
     id: string;
     type: ViewModelType;
@@ -133,9 +133,6 @@ export interface BookingSectionViewModel extends ContentViewModel, Omit<BookingS
     buttonViewModel: ButtonViewModel;
     isFullWidth: boolean;
 }
-export interface FaqSectionViewModel extends ContentViewModel, Omit<FaqSectionContent, 'type'> {
-    isFullWidth: 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/index.d.ts

@@ -8,7 +8,6 @@ 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,7 +8,6 @@ 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

@@ -933,7 +933,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             id: string;
             name: string;
             index?: number;
-            itemId?: string;
             doc: unknown;
         }): void;
         applyCardContrastToItem({ id }: {

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

@@ -412,7 +412,6 @@ declare const _default: import("vue").DefineComponent<{}, {
             id: string;
             name: string;
             index?: number;
-            itemId?: string;
             doc: unknown;
         }): void;
         applyCardContrastToItem({ id }: {
@@ -1191,6 +1190,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         sendUpsellOfferActionEvent: (upsellType: string, action: string) => void;
         sendAiSendPromptEvent: (ctaLocation: string) => void;
         sendAiStopGenerationEvent: (ctaLocation: string) => void;
+        sendAiResponseReceivedEvent: (ctaLocation: string) => void;
     };
 }, {
     isDraggingContent: boolean;

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

@@ -775,6 +775,10 @@ export function useAiWebsiteBuilderChat() {
             // Direct store write ensures the overlay clears even if the component
             // was destroyed (tab switch) and the writable computed setter is inert.
             aiThreadStore.isProcessing = false;
+            // The host refreshes the credits pill on this. It fires after a finished edit and
+            // after a Stop alike (Stop settles the build, so this block still runs), so the
+            // host never has to tell the two apart. Never fire it from stopGenerationAsync.
+            eventTracker.sendAiResponseReceivedEvent(AI_CTA_LOCATIONS.AI_BUILDER_TAB);
         }
     };
     const deleteMessage = (messageId) => {

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

@@ -534,8 +534,6 @@ selectedGlobalTextStyles, onSelectTextStyleType, updateRichTextEditor, textStyle
             id: props.rawId,
             name: props.name,
             index: props.textItemIndex,
-            // An FAQ question's editor is bound to its item; Apply to all keeps that item's live doc.
-            itemId: props.item?.id,
             doc: sanitizeRteJson(editor.getJSON()),
         });
     };

package/lib/src/brand-page-maker/composables/useEventTracker.d.ts

@@ -47,6 +47,7 @@ export declare const EVENTS: {
     WEBSITE_MAKER_SWITCH_LOGO_MODAL: string;
     WEBSITE_MAKER_AI_SEND_PROMPT: string;
     WEBSITE_MAKER_AI_STOP_GENERATION: string;
+    WEBSITE_MAKER_AI_RESPONSE_RECEIVED: string;
     WEBSITE_SAVE_CONTACT: string;
     WEBSITE_START_FOR_FREE: string;
     WEBSITE_FOOTER_LINK_CLICK: string;
@@ -185,6 +186,7 @@ declare const useEventTracker: () => {
     sendUpsellOfferActionEvent: (upsellType: string, action: string) => void;
     sendAiSendPromptEvent: (ctaLocation: string) => void;
     sendAiStopGenerationEvent: (ctaLocation: string) => void;
+    sendAiResponseReceivedEvent: (ctaLocation: string) => void;
 };
 export type EventTracker = ReturnType<typeof useEventTracker>;
 export { useEventTracker };

package/lib/src/brand-page-maker/composables/useEventTracker.js

@@ -28,6 +28,7 @@ export const EVENTS = {
     WEBSITE_MAKER_SWITCH_LOGO_MODAL: 'website_maker_switch_logo_modal',
     WEBSITE_MAKER_AI_SEND_PROMPT: 'website_maker_ai_send_prompt',
     WEBSITE_MAKER_AI_STOP_GENERATION: 'website_maker_ai_stop_generation',
+    WEBSITE_MAKER_AI_RESPONSE_RECEIVED: 'website_maker_ai_response_received',
     WEBSITE_SAVE_CONTACT: 'website_save_contact',
     WEBSITE_START_FOR_FREE: 'website_start_for_free',
     WEBSITE_FOOTER_LINK_CLICK: 'website_footer_link_click',
@@ -346,6 +347,13 @@ const useEventTracker = () => {
                 cta_location: ctaLocation,
             });
         },
+        // Fired once per prompt when the AI chat is done with it, after a finished edit, an
+        // error or a Stop alike. The host refreshes the AI credits pill on it (ENG-5054).
+        sendAiResponseReceivedEvent: (ctaLocation) => {
+            _publishEvent(EVENTS.WEBSITE_MAKER_AI_RESPONSE_RECEIVED, {
+                cta_location: ctaLocation,
+            });
+        },
         ...gettyVideoEvents,
         ...publishedWebsiteEvents,
         sendShippingToggleEvent: (isEnabled) => {

package/lib/src/brand-page-maker/constants/config-settings-constant.d.ts

@@ -1,4 +1,4 @@
-import type { LogoContent, FacebookContent, GeneralLinkContent, PhoneContent, EmailContent, ImageContent, InstagramContent, LinkedInContent, PinterestContent, ProfileContent, TextContent, TiktokContent, TwitchContent, XContent, VideoContent, WebsiteContent, YoutubeContent, ContentType, MapContent, ImageGalleryContent, MailingListContent, RequestPaymentContent, SupportMeContent, ContactFormContent, BannerSectionContent, SocialLinksContent, ImagesSectionContent, TestimonialSectionContent, AboutSectionContent, DividerSectionContent, ShapesSectionContent, ShopContent, BookingSectionContent, FaqSectionContent } from '@brand-page';
+import type { LogoContent, FacebookContent, GeneralLinkContent, PhoneContent, EmailContent, ImageContent, InstagramContent, LinkedInContent, PinterestContent, ProfileContent, TextContent, TiktokContent, TwitchContent, XContent, VideoContent, WebsiteContent, YoutubeContent, ContentType, MapContent, ImageGalleryContent, MailingListContent, RequestPaymentContent, SupportMeContent, ContactFormContent, BannerSectionContent, SocialLinksContent, ImagesSectionContent, TestimonialSectionContent, AboutSectionContent, DividerSectionContent, ShapesSectionContent, ShopContent, BookingSectionContent } from '@brand-page';
 import type { ContentSettingsConfig, ContentSettingsField, ContentSettingsMultiField } from '../models';
 export declare const LOGO_SETTINGS_CONFIG: () => ContentSettingsConfig<Omit<LogoContent, "version" | "logoVariation" | "logoImageHeight" | "logoImageWidth" | "logoLastUpdate" | "logoImageBase64Url">>;
 export declare const GENERAL_LINK_CONTENT_SETTINGS_CONFIG: () => ContentSettingsConfig<GeneralLinkContent>;
@@ -51,5 +51,4 @@ export declare const SHOP_SECTION_SETTINGS_CONFIG: () => ContentSettingsConfig<S
     isShippingEnabled: boolean;
 }>;
 export declare const BOOKING_SECTION_SETTINGS_CONFIG: () => ContentSettingsConfig<BookingSectionContent>;
-export declare const FAQ_SECTION_SETTINGS_CONFIG: () => ContentSettingsConfig<FaqSectionContent>;
 export declare const CONTENT_SETTINGS_CONFIGS: () => Record<ContentType, ContentSettingsConfig<any>>;

package/lib/src/brand-page-maker/constants/config-settings-constant.js

@@ -1,14 +1,13 @@
-import { FAQ_DISPLAY_STYLES, SOCIAL_LINKS_ICON_DISPLAY_STYLES, BRAND_PAGE_TYPES, DIVIDER_STYLES, MEDIA_TYPES, BUTTON_LINK_TYPE, MIN_TEXT_SIZE_PX, MAX_TEXT_SIZE_PX, TEXT_COLUMNS, DEFAULT_SHAPE_SIZE, PAYMENT_OPTION_DISPLAY_TYPES, PAYMENT_OPTION_IMAGE_TYPES, GettyVideoMedia, } from '@brand-page';
-import { createInitialButtonContent, createInitialImageContent, createInitialProfileContent, createInitialTextContent, createInitialVideoContent, createInitialLogoContent, createInitialMapContent, createInitialImageGalleryContent, createInitialGeneralLinkContent, createInitialMailingListContent, createInitialRequestPaymentContent, createInitialSupportMeContent, createInitialContactFormContent, CONTENT_SETTINGS_DISPLAY_MODES, createInitialBannerSectionContent, createInitialSocialLinksContent, createInitialImagesSectionContent, createInitialTestimonialSectionContent, createInitialAboutSectionContent, createInitialDividerSectionContent, createInitialShapesSectionContent, VARIANT_DISPLAY_MODES, createInitialShopContent, createInitialBookingSectionContent, createInitialFaqSectionContent, } from '../models';
+import { SOCIAL_LINKS_ICON_DISPLAY_STYLES, BRAND_PAGE_TYPES, DIVIDER_STYLES, MEDIA_TYPES, BUTTON_LINK_TYPE, MIN_TEXT_SIZE_PX, MAX_TEXT_SIZE_PX, TEXT_COLUMNS, DEFAULT_SHAPE_SIZE, PAYMENT_OPTION_DISPLAY_TYPES, PAYMENT_OPTION_IMAGE_TYPES, GettyVideoMedia, } from '@brand-page';
+import { createInitialButtonContent, createInitialImageContent, createInitialProfileContent, createInitialTextContent, createInitialVideoContent, createInitialLogoContent, createInitialMapContent, createInitialImageGalleryContent, createInitialGeneralLinkContent, createInitialMailingListContent, createInitialRequestPaymentContent, createInitialSupportMeContent, createInitialContactFormContent, CONTENT_SETTINGS_DISPLAY_MODES, createInitialBannerSectionContent, createInitialSocialLinksContent, createInitialImagesSectionContent, createInitialTestimonialSectionContent, createInitialAboutSectionContent, createInitialDividerSectionContent, createInitialShapesSectionContent, VARIANT_DISPLAY_MODES, createInitialShopContent, createInitialBookingSectionContent, } from '../models';
 import * as uuid from 'uuid';
 import { colorConvertor, backgroundColorConvertor, borderColorConvertor, displayStyleConvertor, galleryTypeConvertor, imageAspectRatioConvertor, textAlignmentOptionsConvertor, videoContentStateConvertor, fillColorConvertor, bannerAlignDisplayStyleConvertor, aboutDisplayStyleConvertor, dividerStyleConvertor, shapeSizeOptionsConvertor, buttonLinkStyleConvertor, textSizeValueConvertor, textColumnStyleConvertor, contactLayoutStyleConvertor, paymentLinkDisplayStyleConvertor, shopDisplayConvertor, shopAspectRatioConvertor, } from '../convertors';
 import { ALIGN_CENTERED, DISPLAY_STYLE_COLLAPSED, DISPLAY_STYLE_PREVIEW, } from '@brand-page';
-import { imageFieldVisibilityAssessor, imageOptionVisibilityAssessor, imageGalleryFieldVisibilityAssessor, cardFillVisibilityAssessor, mediaSectionItemsFieldTypeAssessor, dividerToggleFieldVisibilityAssessor, faqAccordionColorFieldVisibilityAssessor, shapeSectionItemsFieldTypeAssessor, colorReplacementVisibilityTypeAssessor, colorReplacementProfileVisibilityTypeAssessor, colorReplacementIconVisibilityTypeAssessor, imagesSectionCardStyleVisibilityAssessor, contactCardColorVisibilityAssessor, imageUrlVisibilityAssessor, displayTypeVisibilityAssessor, logoFieldVisibilityAssessor, shapesSectionCardStyleVisibilityAssessor, shopImageOptionVisibilityAssessor, shopItemColorVisibility, personalisationOverrideVisibility, } from '../assessors';
+import { imageFieldVisibilityAssessor, imageOptionVisibilityAssessor, imageGalleryFieldVisibilityAssessor, cardFillVisibilityAssessor, mediaSectionItemsFieldTypeAssessor, dividerToggleFieldVisibilityAssessor, shapeSectionItemsFieldTypeAssessor, colorReplacementVisibilityTypeAssessor, colorReplacementProfileVisibilityTypeAssessor, colorReplacementIconVisibilityTypeAssessor, imagesSectionCardStyleVisibilityAssessor, contactCardColorVisibilityAssessor, imageUrlVisibilityAssessor, displayTypeVisibilityAssessor, logoFieldVisibilityAssessor, shapesSectionCardStyleVisibilityAssessor, shopImageOptionVisibilityAssessor, shopItemColorVisibility, personalisationOverrideVisibility, } from '../assessors';
 import { contactFormCardColorDefaultGetter, paymentFillColorFieldDefaultGetter, paymentTextAndBorderColorFieldDefaultGetter, shopBorderColorFieldDefaultGetter, shopFillColorFieldDefaultGetter, textColorFieldDefaultGetter, } from '../default-getters';
 import { socialLinksIconDisplayStyleConvertor } from '../convertors/social-links-icon-display-style.convertor';
 import { getTextMediaOptionsConverterByMediaType } from '../convertors/text-image-display-style.convertor';
 import { testimonialDisplayStyleConvertor } from '../convertors/testimonial-display-style-convertor';
-import { faqDisplayStyleConvertor } from '../convertors/faq-display-style.convertor';
 import { pageValidator, urlValidator } from '../validators';
 import { imagesSectionAspectRatioVisibilityAssessor } from '../assessors/images-section-aspect-ratio-visibility.assessor';
 import { bannerLinkTypeVisibilityAssessor, bannerSectionPageVisibilityAssessor, bannerSectionUrlVisibilityAssessor, bannerDisplayTypeVisibilityAssessor, bannerOverlayOptionsVisibilityAssessor, } from '../assessors/banner-section-description-visibility.assessor';
@@ -16,7 +15,7 @@ import { imagesSectionTextStyleVisibilityAssessor } from '../assessors/images-se
 import { bannerPlaceholderFieldTypeAssessor, bannerSectionFieldTypeAssessor, bannerSectionRoleTypeAssessor, } from '../assessors/banner-section-field.assessor';
 import { isValidSvgUrl } from '@brand-page/utils';
 import { brandPageOrbrandContactTypeVisibilityAssessor, brandSiteTypeVisibilityAssessor, } from '../assessors/brand-page-type-visibility.assessor';
-import { commonTr, contentSettingsTr } from '@src/composables/useTranslate';
+import { contentSettingsTr } from '@src/composables/useTranslate';
 const MediaFieldNames = {
     aspectRatio: 'aspectRatio',
     iconUrl: 'iconUrl',
@@ -2804,116 +2803,6 @@ export const BOOKING_SECTION_SETTINGS_CONFIG = () => ({
     isEnabled: true,
     isLocked: false,
 });
-const FAQ_FIELD_GROUP_IDS = {
-    settings: 'settings',
-    items: 'items',
-    style: 'style',
-};
-export const FAQ_SECTION_SETTINGS_CONFIG = () => ({
-    type: 'faq-section',
-    category: 'general',
-    createInitialContent: createInitialFaqSectionContent,
-    displayMode: CONTENT_SETTINGS_DISPLAY_MODES.focused,
-    defaultIconName: 'question-circle-filled',
-    displayName: contentSettingsTr(`faqSectionDisplayName`),
-    fieldGroups: [
-        {
-            id: FAQ_FIELD_GROUP_IDS.settings,
-            displayName: contentSettingsTr(`settingsDisplayName`),
-            isCollapsed: false,
-        },
-        {
-            id: FAQ_FIELD_GROUP_IDS.items,
-            displayName: contentSettingsTr(`faqItemsDisplayName`),
-            isCollapsed: false,
-        },
-        {
-            id: FAQ_FIELD_GROUP_IDS.style,
-            displayName: contentSettingsTr(`styleDisplayName`),
-            isCollapsed: true,
-        },
-    ],
-    fields: {
-        titleStyle: DEFAULT_TITLE_STYLE_SETTINGS_FILED_WITH_TITLE(),
-        descriptionStyle: DEFAULT_DESCRIPTION_STYLE_FILED(),
-        // Edited in each item's editor (FaqItemsField), not as section fields.
-        questionStyle: undefined,
-        answerStyle: undefined,
-        title: {
-            type: 'text',
-            placeholder: contentSettingsTr(`titlePlaceholder`),
-            title: contentSettingsTr(`titleTitle`),
-            groupId: FAQ_FIELD_GROUP_IDS.settings,
-            maxLength: 200,
-        },
-        titleOverride: {
-            type: 'personalisation-override',
-            groupId: FAQ_FIELD_GROUP_IDS.settings,
-            visibilityAssessor: (c, b) => personalisationOverrideVisibility(c, b, 'title'),
-        },
-        description: {
-            type: 'textarea',
-            placeholder: contentSettingsTr(`descriptionPlaceholder`),
-            title: contentSettingsTr(`descriptionTitle`),
-            groupId: FAQ_FIELD_GROUP_IDS.settings,
-            maxLength: 1000,
-        },
-        descriptionOverride: {
-            type: 'personalisation-override',
-            groupId: FAQ_FIELD_GROUP_IDS.settings,
-            visibilityAssessor: (c, b) => personalisationOverrideVisibility(c, b, 'description'),
-        },
-        // FaqItemsField owns the question/answer inputs and the FAQ_MAX_ITEMS cap.
-        items: {
-            type: 'faq-items',
-            defaultValue: [],
-            groupId: FAQ_FIELD_GROUP_IDS.items,
-        },
-        displayStyle: {
-            type: 'radio',
-            role: 'multi',
-            defaultValue: FAQ_DISPLAY_STYLES.centered,
-            title: contentSettingsTr(`displayStyleTitle`),
-            optionsConvertor: faqDisplayStyleConvertor,
-            groupId: FAQ_FIELD_GROUP_IDS.style,
-            variant: 'icon',
-        },
-        ...PADDING_CONTROL_FIELDS(FAQ_FIELD_GROUP_IDS.style),
-        iconColor: {
-            type: 'color',
-            groupId: FAQ_FIELD_GROUP_IDS.style,
-            defaultValue: {},
-            isInline: true,
-            showToggle: false,
-            disableTransparent: true,
-            visibilityAssessor: faqAccordionColorFieldVisibilityAssessor,
-            title: commonTr(`iconColor`),
-            valueConvertor: colorConvertor,
-        },
-        // Transparent allowed on purpose (it hides the line), unlike the Divider section's field.
-        dividerColor: {
-            type: 'color',
-            groupId: FAQ_FIELD_GROUP_IDS.style,
-            defaultValue: {},
-            isInline: true,
-            showToggle: false,
-            visibilityAssessor: faqAccordionColorFieldVisibilityAssessor,
-            title: contentSettingsTr(`dividerColorTitle`),
-            valueConvertor: backgroundColorConvertor,
-        },
-        backgroundStyle: {
-            type: 'color',
-            groupId: FAQ_FIELD_GROUP_IDS.style,
-            defaultValue: {},
-            isInline: true,
-            showToggle: false,
-            title: contentSettingsTr(`backgroundColorTitle`),
-            valueConvertor: backgroundColorConvertor,
-        },
-    },
-    isEnabled: true,
-    isLocked: false,
-});
 export const CONTENT_SETTINGS_CONFIGS = () => ({
     logo: LOGO_SETTINGS_CONFIG(),
     'general-link': GENERAL_LINK_CONTENT_SETTINGS_CONFIG(),
@@ -2947,5 +2836,4 @@ export const CONTENT_SETTINGS_CONFIGS = () => ({
     'shapes-section': SHAPES_SECTION_SETTINGS_CONFIG(),
     'shop-section': SHOP_SECTION_SETTINGS_CONFIG(),
     'booking-section': BOOKING_SECTION_SETTINGS_CONFIG(),
-    'faq-section': FAQ_SECTION_SETTINGS_CONFIG(),
 });

package/lib/src/brand-page-maker/constants/personalisation.constant.d.ts

@@ -1,8 +1,8 @@
-import type { FaqItem, PersonalisationMappingType, TestimonialItems, TextItem, TextMediaItem, UserPersonalisationItem, UserPersonalisationSection } from '@brand-page/models';
+import type { PersonalisationMappingType, TestimonialItems, TextItem, TextMediaItem, UserPersonalisationItem, UserPersonalisationSection } from '@brand-page/models';
 export type ContentPersonalisationMapping<T> = {
     [key in Exclude<keyof UserPersonalisationSection, 'items'> | keyof UserPersonalisationItem]?: (keyof T)[];
 };
 export declare const DEFAULT_PERSONALISATION_MAPPING: ContentPersonalisationMapping<any>;
-export declare const TEXT_MEDIA_ITEMS_PERSONALISATION_MAPPING: ContentPersonalisationMapping<TextMediaItem & TestimonialItems & TextItem & FaqItem>;
+export declare const TEXT_MEDIA_ITEMS_PERSONALISATION_MAPPING: ContentPersonalisationMapping<TextMediaItem & TestimonialItems & TextItem>;
 export declare const TEXT_MEDIA_CONTENT_TYPES: PersonalisationMappingType[];
 export declare const PERSONALISATION_MAPPINGS: Partial<Record<PersonalisationMappingType, ContentPersonalisationMapping<any>>>;

package/lib/src/brand-page-maker/constants/personalisation.constant.js

@@ -17,8 +17,8 @@ export const DEFAULT_PERSONALISATION_MAPPING = {
     url: ['url'],
 };
 export const TEXT_MEDIA_ITEMS_PERSONALISATION_MAPPING = {
-    itemTitle: ['title', 'imageTitle', 'name', 'question'],
-    itemDescription: ['paragraph', 'testimonials', 'text', 'answer'],
+    itemTitle: ['title', 'imageTitle', 'name'],
+    itemDescription: ['paragraph', 'testimonials', 'text'],
     itemDescriptionShort: ['position'],
     imageUrls: ['imageUrl'],
 };
@@ -29,7 +29,6 @@ export const TEXT_MEDIA_CONTENT_TYPES = [
     'text-media-items',
     'image-gallery',
     'text',
-    'faq-section',
 ];
 export const PERSONALISATION_MAPPINGS = {
     'general-link': BUTTON_PERSONALISATION_MAPPING,

package/lib/src/brand-page-maker/models/content-settings-configs.d.ts

@@ -52,7 +52,6 @@ export declare const ITEM_FIELD_TYPES: {
     readonly 'color-replacements': "color-replacements";
     readonly 'testimonial-items': "testimonial-items";
     readonly 'text-items': "text-items";
-    readonly 'faq-items': "faq-items";
     readonly 'page-dropdown': "page-dropdown";
     readonly 'personalisation-override': "personalisation-override";
 };