@designcrowd/library.brand-page 5.17.28 → 5.18.0

package/lib/src/metadata-builder/builders/section-builders/delete-section-builder.d.ts

@@ -1,11 +1,12 @@
 import type { BrandPageModel } from '../../../brand-page/models';
+import { type EventTracker } from '../../../brand-page-maker/composables/useEventTracker';
 import { BaseMetadataBuilder, type BuilderResult, type MetadataBuilderRequest } from '../../models';
 import type { Logger } from '../../logger';
 export interface DeleteSectionPayload {
     contentId: string;
 }
 export declare class DeleteSectionBuilder extends BaseMetadataBuilder<DeleteSectionPayload> {
-    constructor(request: MetadataBuilderRequest<DeleteSectionPayload>, logger?: Logger);
+    constructor(request: MetadataBuilderRequest<DeleteSectionPayload>, logger?: Logger, eventTracker?: EventTracker);
     validateAsync(): Promise<{
         errors: string[];
     }>;

package/lib/src/metadata-builder/builders/section-builders/delete-section-builder.js

@@ -1,7 +1,8 @@
+import { TRIGGER_TYPE, } from '../../../brand-page-maker/composables/useEventTracker';
 import { BaseMetadataBuilder, } from '../../models';
 export class DeleteSectionBuilder extends BaseMetadataBuilder {
-    constructor(request, logger) {
-        super(request, logger);
+    constructor(request, logger, eventTracker) {
+        super(request, logger, eventTracker);
     }
     async validateAsync() {
         const errors = [];
@@ -21,7 +22,9 @@ export class DeleteSectionBuilder extends BaseMetadataBuilder {
         for (const page of model.pages) {
             const index = page.contents.findIndex((c) => c.id === contentId);
             if (index !== -1) {
+                const deletedContentType = page.contents[index].type;
                 page.contents.splice(index, 1);
+                this.eventTracker?.sendRemoveContentEvent(deletedContentType, undefined, undefined, TRIGGER_TYPE.AI_BUILDER);
                 this.log({
                     message: `Deleted section ${contentId} from page ${page.id}`,
                 });

package/lib/src/metadata-builder/builders/section-builders/divider-section-builder.d.ts

@@ -1,6 +1,8 @@
 import type { DividerSectionContent, BrandPageModel } from '../../../brand-page/models';
 import type { BuilderResult } from '../../models';
 import { BaseSectionBuilder } from './base-section-builder';
+import { validateDividerSection } from '../section-rules/divider-section.rules';
 export declare class DividerSectionBuilder extends BaseSectionBuilder<DividerSectionContent> {
+    protected get sectionValidate(): typeof validateDividerSection;
     buildAsync(model: BrandPageModel): Promise<BuilderResult>;
 }

package/lib/src/metadata-builder/builders/section-builders/divider-section-builder.js

@@ -1,13 +1,17 @@
 import { applyScalarFields } from '../section-field-utils';
 import { BaseSectionBuilder } from './base-section-builder';
+import { validateDividerSection } from '../section-rules/divider-section.rules';
 export class DividerSectionBuilder extends BaseSectionBuilder {
+    get sectionValidate() {
+        return validateDividerSection;
+    }
     async buildAsync(model) {
         this.log('Build called');
         const validation = await this.validateAsync();
         if (validation.errors.length) {
             return { request: this.request, model, errors: validation.errors };
         }
-        const resolved = this.resolveContent(model);
+        const resolved = this.resolveAndRepositionContent(model);
         if ('error' in resolved)
             return resolved.error;
         applyScalarFields(resolved.content, this.args, this.sectionType);
@@ -18,6 +22,12 @@ export class DividerSectionBuilder extends BaseSectionBuilder {
                 backgroundColor: dividerArgs.background_color ?? '',
             };
         }
+        if (dividerArgs.divider_color !== undefined) {
+            resolved.content.dividerColor = {
+                ...resolved.content.dividerColor,
+                backgroundColor: dividerArgs.divider_color ?? '',
+            };
+        }
         return { request: this.request, model };
     }
 }

package/lib/src/metadata-builder/builders/section-builders/image-gallery-builder.d.ts

@@ -1,6 +1,8 @@
 import type { ImageGalleryContent, BrandPageModel } from '../../../brand-page/models';
 import type { BuilderResult } from '../../models';
 import { BaseSectionBuilder } from './base-section-builder';
+import { validateImageGallery } from '../section-rules/image-gallery.rules';
 export declare class ImageGalleryBuilder extends BaseSectionBuilder<ImageGalleryContent> {
+    protected get sectionValidate(): typeof validateImageGallery;
     buildAsync(model: BrandPageModel): Promise<BuilderResult>;
 }

package/lib/src/metadata-builder/builders/section-builders/image-gallery-builder.js

@@ -1,5 +1,6 @@
-import { applyScalarFields } from '../section-field-utils';
+import { applyScalarFields, isValidUrl } from '../section-field-utils';
 import { BaseSectionBuilder } from './base-section-builder';
+import { validateImageGallery } from '../section-rules/image-gallery.rules';
 const applyGalleryType = (content, galleryType) => {
     content.galleryStyles = {
         ...(content.galleryStyles || {}),
@@ -7,10 +8,8 @@ const applyGalleryType = (content, galleryType) => {
     };
 };
 const applyGalleryImages = (content, images) => {
-    content.images = images
-        .filter((img) => !!img.image_url)
-        .map((img) => ({
-        imageUrl: img.image_url || '',
+    content.images = images.map((img) => ({
+        imageUrl: isValidUrl(img.image_url) ? img.image_url : '',
         imageTitle: img.caption || '',
         width: 0,
         height: 0,
@@ -19,10 +18,12 @@ const applyGalleryImages = (content, images) => {
     }));
 };
 const mergeGalleryImages = (content, images, replaceAll) => {
-    const updatedImages = images
-        .map((img, index) => {
+    const itemsToMerge = images.filter((img) => img.insert_at === undefined);
+    const updatedImages = itemsToMerge.map((img, index) => {
         const existing = content.images?.[index];
-        const imageUrl = img.image_url ?? existing?.imageUrl ?? '';
+        const imageUrl = isValidUrl(img.image_url)
+            ? img.image_url
+            : existing?.imageUrl ?? '';
         return {
             ...(existing || {}),
             imageUrl,
@@ -32,10 +33,11 @@ const mergeGalleryImages = (content, images, replaceAll) => {
             mediaType: existing?.mediaType ?? 'image',
             imageLink: existing?.imageLink ?? '',
         };
-    })
-        .filter((item) => !!item.imageUrl);
-    if (!replaceAll && content.images && content.images.length > images.length) {
-        const extras = content.images.slice(images.length).map((img) => ({
+    });
+    if (!replaceAll &&
+        content.images &&
+        content.images.length > itemsToMerge.length) {
+        const extras = content.images.slice(itemsToMerge.length).map((img) => ({
             imageUrl: img.imageUrl ?? '',
             imageTitle: img.imageTitle ?? '',
             width: img.width ?? 0,
@@ -47,14 +49,40 @@ const mergeGalleryImages = (content, images, replaceAll) => {
     }
     content.images = updatedImages;
 };
+const insertGalleryImages = (content, images) => {
+    const inserts = images.filter((img) => img.insert_at !== undefined);
+    if (!inserts.length)
+        return;
+    const sorted = [...inserts].sort((a, b) => (b.insert_at ?? 0) - (a.insert_at ?? 0));
+    for (const img of sorted) {
+        if (!isValidUrl(img.image_url))
+            continue;
+        if (content.images?.some((existing) => existing.imageUrl === img.image_url))
+            continue;
+        content.images = content.images ?? [];
+        const pos = Math.max(0, Math.min(img.insert_at ?? 0, content.images.length));
+        content.images.splice(pos, 0, {
+            imageUrl: img.image_url,
+            imageTitle: img.caption ?? '',
+            width: 0,
+            height: 0,
+            mediaType: 'image',
+            imageLink: '',
+            colorReplacements: [],
+        });
+    }
+};
 export class ImageGalleryBuilder extends BaseSectionBuilder {
+    get sectionValidate() {
+        return validateImageGallery;
+    }
     async buildAsync(model) {
         this.log('Build called');
         const validation = await this.validateAsync();
         if (validation.errors.length) {
             return { request: this.request, model, errors: validation.errors };
         }
-        const resolved = this.resolveContent(model);
+        const resolved = this.resolveAndRepositionContent(model);
         if ('error' in resolved)
             return resolved.error;
         const content = resolved.content;
@@ -71,6 +99,17 @@ export class ImageGalleryBuilder extends BaseSectionBuilder {
                 mergeGalleryImages(content, args.images, !!args._replace_items);
             }
         }
+        if (args._remove_item_indices?.length && content.images) {
+            const sorted = [...args._remove_item_indices].sort((a, b) => b - a);
+            for (const idx of sorted) {
+                if (idx >= 0 && idx < content.images.length) {
+                    content.images.splice(idx, 1);
+                }
+            }
+        }
+        if (args.images && Array.isArray(args.images) && this.mode === 'update') {
+            insertGalleryImages(content, args.images);
+        }
         return { request: this.request, model };
     }
 }

package/lib/src/metadata-builder/builders/section-builders/images-section-builder.d.ts

@@ -1,6 +1,8 @@
 import type { ImagesSectionContent, BrandPageModel } from '../../../brand-page/models';
 import type { BuilderResult } from '../../models';
 import { BaseSectionBuilder } from './base-section-builder';
+import { validateImagesSection } from '../section-rules/images-section.rules';
 export declare class ImagesSectionBuilder extends BaseSectionBuilder<ImagesSectionContent> {
+    protected get sectionValidate(): typeof validateImagesSection;
     buildAsync(model: BrandPageModel): Promise<BuilderResult>;
 }

package/lib/src/metadata-builder/builders/section-builders/images-section-builder.js

@@ -1,10 +1,11 @@
-import { applyScalarFields, applyStyleFields, applyRTEStyles, } from '../section-field-utils';
+import { tiptapJsonToHtml } from '../../helpers/rte.helpers';
+import { isTiptapDocument, } from '../../parsers/section-tool-arguments';
+import { applyScalarFields, applyStyleFields, isValidUrl, resolveGlobalPresetIntoStyle, } from '../section-field-utils';
 import { BaseSectionBuilder } from './base-section-builder';
+import { validateImagesSection } from '../section-rules/images-section.rules';
 const applyImageItems = (content, items) => {
-    content.items = items
-        .filter((item) => !!item.image_url)
-        .map((item, index) => ({
-        imageUrl: item.image_url || '',
+    content.items = items.map((item, index) => ({
+        imageUrl: isValidUrl(item.image_url) ? item.image_url : '',
         imageTitle: '',
         width: 0,
         height: 0,
@@ -27,7 +28,7 @@ const mergeImageItems = (content, items, replaceAll) => {
                 !content.items?.[targetIndex])
                 continue;
             const existing = content.items[targetIndex];
-            if (item.image_url !== undefined)
+            if (isValidUrl(item.image_url))
                 existing.imageUrl = item.image_url;
             if (item.heading !== undefined)
                 existing.title = item.heading;
@@ -38,12 +39,14 @@ const mergeImageItems = (content, items, replaceAll) => {
         }
         return;
     }
-    const updatedItems = items
-        .map((item, index) => {
+    const itemsToMerge = items.filter((item) => item.insert_at === undefined);
+    const updatedItems = itemsToMerge.map((item, index) => {
         const existing = content.items?.[index];
         return {
             ...(existing || {}),
-            imageUrl: item.image_url ?? existing?.imageUrl ?? '',
+            imageUrl: isValidUrl(item.image_url)
+                ? item.image_url
+                : existing?.imageUrl ?? '',
             imageTitle: existing?.imageTitle ?? '',
             width: existing?.width ?? 0,
             height: existing?.height ?? 0,
@@ -55,29 +58,51 @@ const mergeImageItems = (content, items, replaceAll) => {
             itemsId: existing?.itemsId ?? index,
             colorReplacements: existing?.colorReplacements ?? [],
         };
-    })
-        .filter((item) => !!item.imageUrl);
-    if (!replaceAll && content.items && content.items.length > items.length) {
-        const remaining = content.items.slice(items.length);
+    });
+    if (!replaceAll &&
+        content.items &&
+        content.items.length > itemsToMerge.length) {
+        const remaining = content.items.slice(itemsToMerge.length);
         updatedItems.push(...remaining);
     }
     content.items = updatedItems;
 };
 export class ImagesSectionBuilder extends BaseSectionBuilder {
+    get sectionValidate() {
+        return validateImagesSection;
+    }
     async buildAsync(model) {
         this.log('Build called');
         const validation = await this.validateAsync();
         if (validation.errors.length) {
             return { request: this.request, model, errors: validation.errors };
         }
-        const resolved = this.resolveContent(model);
+        const resolved = this.resolveAndRepositionContent(model);
         if ('error' in resolved)
             return resolved.error;
         const content = resolved.content;
         applyScalarFields(content, this.args, this.sectionType);
-        applyStyleFields(content, this.args, this.sectionType);
-        applyRTEStyles(content, this.args, this.sectionType);
+        applyStyleFields(content, this.args, this.sectionType, this.getGlobalTextStyles(model));
         const args = this.args;
+        const textStyleOptions = model.styles?.textStyles?.textStyleOptions;
+        if (args.title !== undefined) {
+            if (isTiptapDocument(args.title)) {
+                content.title = tiptapJsonToHtml(args.title);
+                content.titleStyle = resolveGlobalPresetIntoStyle(content.titleStyle, textStyleOptions);
+            }
+            else {
+                content.title = args.title;
+            }
+        }
+        if (args.description !== undefined) {
+            if (isTiptapDocument(args.description)) {
+                content.description = tiptapJsonToHtml(args.description);
+                content.descriptionStyle = resolveGlobalPresetIntoStyle(content.descriptionStyle, textStyleOptions);
+            }
+            else {
+                content.description = args.description;
+            }
+        }
         if (args.background_style && typeof args.background_style === 'object') {
             const existing = content.backgroundStyle || {};
             content.backgroundStyle = {
@@ -120,8 +145,13 @@ export class ImagesSectionBuilder extends BaseSectionBuilder {
             // Process inserts in reverse order of insert_at to preserve indices
             const sortedInserts = [...insertItems].sort((a, b) => (b.insert_at ?? 0) - (a.insert_at ?? 0));
             for (const item of sortedInserts) {
-                if (!item.image_url)
+                if (!isValidUrl(item.image_url))
                     continue;
+                // Skip if this image_url already exists — defensive against duplicate
+                // tool call application
+                if (content.items?.some((existing) => existing.imageUrl === item.image_url)) {
+                    continue;
+                }
                 const pos = Math.max(0, Math.min(item.insert_at ?? 0, content.items?.length ?? 0));
                 const newItem = {
                     imageUrl: item.image_url,

package/lib/src/metadata-builder/builders/section-builders/index.d.ts

@@ -1,5 +1,6 @@
 export { BaseSectionBuilder, type SectionBuilderPayload, } from './base-section-builder';
 export { BannerSectionBuilder } from './banner-section-builder';
+export { BookingSectionBuilder } from './booking-section-builder';
 export { AboutSectionBuilder } from './about-section-builder';
 export { ContactFormBuilder } from './contact-form-builder';
 export { DividerSectionBuilder } from './divider-section-builder';

package/lib/src/metadata-builder/builders/section-builders/index.js

@@ -1,5 +1,6 @@
 export { BaseSectionBuilder, } from './base-section-builder';
 export { BannerSectionBuilder } from './banner-section-builder';
+export { BookingSectionBuilder } from './booking-section-builder';
 export { AboutSectionBuilder } from './about-section-builder';
 export { ContactFormBuilder } from './contact-form-builder';
 export { DividerSectionBuilder } from './divider-section-builder';

package/lib/src/metadata-builder/builders/section-builders/mailing-list-builder.d.ts

@@ -1,6 +1,8 @@
 import type { BuilderResult } from '@src/metadata-builder/models';
 import type { BrandPageModel, MailingListContent } from '../../../brand-page/models';
 import { BaseSectionBuilder } from './base-section-builder';
+import { validateMailingList } from '../section-rules/mailing-list.rules';
 export declare class MailingListBuilder extends BaseSectionBuilder<MailingListContent> {
+    protected get sectionValidate(): typeof validateMailingList;
     buildAsync(model: BrandPageModel): Promise<BuilderResult>;
 }

package/lib/src/metadata-builder/builders/section-builders/mailing-list-builder.js

@@ -1,17 +1,35 @@
-import { applyScalarFields } from '../section-field-utils';
+import { tiptapJsonToHtml } from '../../helpers/rte.helpers';
+import { isTiptapDocument, } from '../../parsers/section-tool-arguments';
+import { applyScalarFields, applyStyleFields, resolveGlobalPresetIntoStyle, } from '../section-field-utils';
 import { BaseSectionBuilder } from './base-section-builder';
+import { validateMailingList } from '../section-rules/mailing-list.rules';
 export class MailingListBuilder extends BaseSectionBuilder {
+    get sectionValidate() {
+        return validateMailingList;
+    }
     async buildAsync(model) {
         this.log('Build called');
         const validation = await this.validateAsync();
         if (validation.errors.length) {
             return { request: this.request, model, errors: validation.errors };
         }
-        const resolved = this.resolveContent(model);
+        const resolved = this.resolveAndRepositionContent(model);
         if ('error' in resolved)
             return resolved.error;
         const content = resolved.content;
         applyScalarFields(content, this.args, this.sectionType);
+        applyStyleFields(content, this.args, this.sectionType, this.getGlobalTextStyles(model));
+        const mailingListArgs = this.args;
+        const textStyleOptions = model.styles?.textStyles?.textStyleOptions;
+        if (mailingListArgs.title !== undefined) {
+            if (isTiptapDocument(mailingListArgs.title)) {
+                content.title = tiptapJsonToHtml(mailingListArgs.title);
+                content.titleStyle = resolveGlobalPresetIntoStyle(content.titleStyle, textStyleOptions);
+            }
+            else {
+                content.title = mailingListArgs.title;
+            }
+        }
         return { request: this.request, model };
     }
 }

package/lib/src/metadata-builder/builders/section-builders/mailing-list-section-builder.d.ts

@@ -1,6 +1,8 @@
 import type { MailingListContent, BrandPageModel } from '../../../brand-page/models';
 import type { BuilderResult } from '../../models';
 import { BaseSectionBuilder } from './base-section-builder';
+import { validateMailingList } from '../section-rules/mailing-list.rules';
 export declare class MailingListSectionBuilder extends BaseSectionBuilder<MailingListContent> {
+    protected get sectionValidate(): typeof validateMailingList;
     buildAsync(model: BrandPageModel): Promise<BuilderResult>;
 }

package/lib/src/metadata-builder/builders/section-builders/mailing-list-section-builder.js

@@ -1,16 +1,34 @@
-import { applyScalarFields } from '../section-field-utils';
+import { tiptapJsonToHtml } from '../../helpers/rte.helpers';
+import { isTiptapDocument, } from '../../parsers/section-tool-arguments';
+import { applyScalarFields, applyStyleFields, resolveGlobalPresetIntoStyle, } from '../section-field-utils';
 import { BaseSectionBuilder } from './base-section-builder';
+import { validateMailingList } from '../section-rules/mailing-list.rules';
 export class MailingListSectionBuilder extends BaseSectionBuilder {
+    get sectionValidate() {
+        return validateMailingList;
+    }
     async buildAsync(model) {
         this.log('Build called');
         const validation = await this.validateAsync();
         if (validation.errors.length) {
             return { request: this.request, model, errors: validation.errors };
         }
-        const resolved = this.resolveContent(model);
+        const resolved = this.resolveAndRepositionContent(model);
         if ('error' in resolved)
             return resolved.error;
         applyScalarFields(resolved.content, this.args, this.sectionType);
+        applyStyleFields(resolved.content, this.args, this.sectionType, this.getGlobalTextStyles(model));
+        const mailingListArgs = this.args;
+        const textStyleOptions = model.styles?.textStyles?.textStyleOptions;
+        if (mailingListArgs.title !== undefined) {
+            if (isTiptapDocument(mailingListArgs.title)) {
+                resolved.content.title = tiptapJsonToHtml(mailingListArgs.title);
+                resolved.content.titleStyle = resolveGlobalPresetIntoStyle(resolved.content.titleStyle, textStyleOptions);
+            }
+            else {
+                resolved.content.title = mailingListArgs.title;
+            }
+        }
         return { request: this.request, model };
     }
 }

package/lib/src/metadata-builder/builders/section-builders/profile-section-builder.d.ts

@@ -1,6 +1,8 @@
 import type { ProfileContent, BrandPageModel } from '../../../brand-page/models';
 import type { BuilderResult } from '../../models';
 import { BaseSectionBuilder } from './base-section-builder';
+import { validateProfile } from '../section-rules/profile.rules';
 export declare class ProfileSectionBuilder extends BaseSectionBuilder<ProfileContent> {
+    protected get sectionValidate(): typeof validateProfile;
     buildAsync(model: BrandPageModel): Promise<BuilderResult>;
 }

package/lib/src/metadata-builder/builders/section-builders/profile-section-builder.js

@@ -1,17 +1,51 @@
-import { applyScalarFields } from '../section-field-utils';
+import { tiptapJsonToHtml } from '../../helpers/rte.helpers';
+import { isTiptapDocument, } from '../../parsers/section-tool-arguments';
+import { applyScalarFields, resolveGlobalPresetIntoStyle, } from '../section-field-utils';
 import { BaseSectionBuilder } from './base-section-builder';
+import { validateProfile } from '../section-rules/profile.rules';
 export class ProfileSectionBuilder extends BaseSectionBuilder {
+    get sectionValidate() {
+        return validateProfile;
+    }
     async buildAsync(model) {
         this.log('Build called');
         const validation = await this.validateAsync();
         if (validation.errors.length) {
             return { request: this.request, model, errors: validation.errors };
         }
-        const resolved = this.resolveContent(model);
+        const resolved = this.resolveAndRepositionContent(model);
         if ('error' in resolved)
             return resolved.error;
         applyScalarFields(resolved.content, this.args, this.sectionType);
         const profileArgs = this.args;
+        const textStyleOptions = model.styles?.textStyles?.textStyleOptions;
+        if (profileArgs.name !== undefined) {
+            if (isTiptapDocument(profileArgs.name)) {
+                resolved.content.name = tiptapJsonToHtml(profileArgs.name);
+                resolved.content.nameStyle = resolveGlobalPresetIntoStyle(resolved.content.nameStyle, textStyleOptions);
+            }
+            else {
+                resolved.content.name = profileArgs.name;
+            }
+        }
+        if (profileArgs.title !== undefined) {
+            if (isTiptapDocument(profileArgs.title)) {
+                resolved.content.title = tiptapJsonToHtml(profileArgs.title);
+                resolved.content.titleStyle = resolveGlobalPresetIntoStyle(resolved.content.titleStyle, textStyleOptions);
+            }
+            else {
+                resolved.content.title = profileArgs.title;
+            }
+        }
+        if (profileArgs.description !== undefined) {
+            if (isTiptapDocument(profileArgs.description)) {
+                resolved.content.description = tiptapJsonToHtml(profileArgs.description);
+                resolved.content.descriptionStyle = resolveGlobalPresetIntoStyle(resolved.content.descriptionStyle, textStyleOptions);
+            }
+            else {
+                resolved.content.description = profileArgs.description;
+            }
+        }
         if (profileArgs.background_color !== undefined) {
             resolved.content.backgroundColor = {
                 ...resolved.content.backgroundColor,

package/lib/src/metadata-builder/builders/section-builders/shapes-section-builder.d.ts

@@ -1,6 +1,8 @@
 import type { ShapesSectionContent, BrandPageModel } from '../../../brand-page/models';
 import type { BuilderResult } from '../../models';
 import { BaseSectionBuilder } from './base-section-builder';
+import { validateShapesSection } from '../section-rules/shapes-section.rules';
 export declare class ShapesSectionBuilder extends BaseSectionBuilder<ShapesSectionContent> {
+    protected get sectionValidate(): typeof validateShapesSection;
     buildAsync(model: BrandPageModel): Promise<BuilderResult>;
 }