@designcrowd/library.brand-page 6.0.5 → 6.0.6-ast-bugs

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

@@ -21,6 +21,13 @@ interface ButtonLinkArgs {
  */
 export declare const applyButtonLink: (content: ButtonLinkContent, args: ButtonLinkArgs) => void;
 export declare const applyScalarFields: (content: Content, args: SectionToolArguments, sectionType: string) => void;
+/**
+ * Convert AI-sent style value to the format expected by the model.
+ * - letterSpacing: unitless 0-100 → em string (e.g., 50 → '0.5em')
+ * - null → '' (explicitly clear/reset the property)
+ * - everything else passes through as-is
+ */
+export declare const normalizeStyleValue: (key: string, value: unknown) => unknown;
 /**
  * When an executor is about to mark a content-level text style "custom" by
  * clearing `textStyleType`, the resolved preset values (font, size, spacing,

package/lib/src/metadata-builder/builders/section-field-utils.js

@@ -58,7 +58,7 @@ export const applyScalarFields = (content, args, sectionType) => {
  * - null → '' (explicitly clear/reset the property)
  * - everything else passes through as-is
  */
-const normalizeStyleValue = (key, value) => {
+export const normalizeStyleValue = (key, value) => {
     if (value === null)
         return '';
     if (value === undefined)

package/lib/src/metadata-builder/builders/shape-color-utils.js

@@ -48,5 +48,5 @@ export const applyColorThemeToReplacements = (replacements, colorTheme) => repla
     ...r,
     replacementColor: replacements.length === 1
         ? colorTheme
-        : getNewColorBasedOnTargetColorTheme(r.originalColor, colorTheme)?.toString() ?? colorTheme,
+        : (getNewColorBasedOnTargetColorTheme(r.originalColor, colorTheme)?.toString() ?? colorTheme),
 }));

package/lib/src/metadata-builder/parsers/ai-toolcall-parser.d.ts

@@ -1,6 +1,6 @@
 import type { AiAssistantToolCall } from '../../clients/ai-assistant-client';
 import type { FooterDisplayStyle, HeaderDisplayStyle, NavigationDisplayType } from '../../brand-page/constants';
-import type { SectionType } from './section-tool-arguments';
+import type { SectionType, TextStyleArguments } from './section-tool-arguments';
 export declare const AI_ASSISTANT_TOOL_NAMES: {
     readonly UPDATE_TEXT: "updateText";
     readonly UPDATE_STYLE: "updateStyle";
@@ -99,17 +99,8 @@ export interface ReorderPagesArguments {
 export interface UndoArguments {
 }
 export interface FooterSocialLinkItem {
-    /**
-     * Stable id of the existing link to update or move. Omit to ADD a new link.
-     * Mirrors the section-level item_id convention (BP-5603).
-     */
-    item_id?: string;
-    /**
-     * Id of an existing link to position this link before (insert for new links,
-     * move for existing ones). Use "__end__" for the end of the list. Omit to
-     * leave an existing link in place / append a new link.
-     */
-    move_before_item_id?: string;
+    item_index?: number;
+    insert_at?: number;
     social_link_icon?: string;
     url?: string;
 }
@@ -120,7 +111,6 @@ export interface FooterSocialLinkItem {
 export interface ViewportFooterOverrides {
     display_style?: FooterDisplayStyle;
     background_color?: string | null;
-    copyright_text_color?: string;
     icon_color?: string;
     is_logo_visible?: boolean;
     logo_image_height?: string;
@@ -128,11 +118,12 @@ export interface ViewportFooterOverrides {
 }
 export interface UpdateFooterArguments {
     copyright_text?: string;
-    copyright_text_font_family?: string;
+    /** Copyright line text-style object (typography + colour) — same shape as a section's *_style. Global: applies to both viewports. */
+    copyright_text_style?: TextStyleArguments;
     social_links?: FooterSocialLinkItem[];
     _replace_social_links?: boolean;
-    /** Stable ids of social links to remove. Order-independent (replaces index-based _remove_social_link_indices). */
-    _remove_social_link_ids?: string[];
+    _remove_social_link_indices?: number[];
+    _reorder_social_links?: number[];
     /** Desktop-only styling (display_style, background_color, icon_color, is_logo_visible, logo sizes). */
     desktop?: ViewportFooterOverrides;
     /** Mobile-only styling (display_style, background_color, icon_color, is_logo_visible, logo sizes). */

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

@@ -92,15 +92,10 @@ export interface ProfileSectionArguments {
     background_color?: string | null;
 }
 export interface TextSectionItem {
-    /** Stable id of the existing item to update or move. Omit to ADD a new item. */
-    item_id?: string;
-    /**
-     * Id of an existing item to position this item before (insert for new items,
-     * move for existing ones). Use "__end__" for the end of the list. Omit to
-     * leave an existing item in place / append a new item. Mirrors the
-     * section-level move_before_content_id.
-     */
-    move_before_item_id?: string;
+    /** 0-based index of existing item to update in-place */
+    item_index?: number;
+    /** 0-based position to insert a new item at */
+    insert_at?: number;
     text?: RichTextField;
     text_style?: TextStyleArguments;
 }
@@ -113,8 +108,10 @@ export interface TextSectionArguments {
     /** Multiple text items (BrandSite) */
     items?: TextSectionItem[];
     _replace_items?: boolean;
-    /** Stable ids of items to remove. Order-independent (no index shifting). */
-    _remove_item_ids?: string[];
+    /** 0-based indices of items to remove */
+    _remove_item_indices?: number[];
+    /** New order as array of current 0-based indices */
+    _reorder_items?: number[];
     background_color?: string | null;
 }
 export interface ImageSectionArguments {
@@ -122,15 +119,10 @@ export interface ImageSectionArguments {
     image_title?: string;
 }
 export interface ImageGalleryItem {
-    /** Stable id of the existing item to update or move. Omit to ADD a new item. */
-    item_id?: string;
-    /**
-     * Id of an existing item to position this item before (insert for new items,
-     * move for existing ones). Use "__end__" for the end of the list. Omit to
-     * leave an existing item in place / append a new item. Mirrors the
-     * section-level move_before_content_id.
-     */
-    move_before_item_id?: string;
+    /** 0-based index of existing item to update in-place */
+    item_index?: number;
+    /** 0-based position to insert a new item at */
+    insert_at?: number;
     image_url?: string;
     caption?: string;
 }
@@ -139,8 +131,10 @@ export interface ImageGallerySectionArguments {
     gallery_type?: 'grid' | 'carousel' | 'masonry';
     is_full_width?: boolean;
     _replace_items?: boolean;
-    /** Stable ids of items to remove. Order-independent (no index shifting). */
-    _remove_item_ids?: string[];
+    /** 0-based indices of items to remove */
+    _remove_item_indices?: number[];
+    /** New order as array of current 0-based indices */
+    _reorder_items?: number[];
 }
 export interface GeneralLinkSectionArguments {
     title?: string;
@@ -195,15 +189,10 @@ export interface TiktokSectionArguments {
     url?: string;
 }
 export interface SocialLink {
-    /** Stable id of the existing item to update or move. Omit to ADD a new item. */
-    item_id?: string;
-    /**
-     * Id of an existing item to position this item before (insert for new items,
-     * move for existing ones). Use "__end__" for the end of the list. Omit to
-     * leave an existing item in place / append a new item. Mirrors the
-     * section-level move_before_content_id.
-     */
-    move_before_item_id?: string;
+    /** 0-based index of existing item to update in-place */
+    item_index?: number;
+    /** 0-based position to insert a new item at */
+    insert_at?: number;
     platform?: 'facebook' | 'x' | 'instagram' | 'youtube' | 'linkedin' | 'pinterest' | 'twitch' | 'tiktok';
     url?: string;
 }
@@ -215,8 +204,10 @@ export interface SocialLinksSectionArguments {
     /** Style for the icon container background (used when icon_style is 'square' or 'circle'). */
     icon_background_style?: TextStyleArguments;
     _replace_items?: boolean;
-    /** Stable ids of items to remove. Order-independent (no index shifting). */
-    _remove_item_ids?: string[];
+    /** 0-based indices of items to remove */
+    _remove_item_indices?: number[];
+    /** New order as array of current 0-based indices */
+    _reorder_items?: number[];
 }
 export interface MailingListSectionArguments {
     title?: RichTextField;
@@ -277,15 +268,10 @@ export interface AboutSectionArguments {
     background_color?: string | null;
 }
 export interface ImagesSectionItem {
-    /** Stable id of the existing item to update or move. Omit to ADD a new item. */
-    item_id?: string;
-    /**
-     * Id of an existing item to position this item before (insert for new items,
-     * move for existing ones). Use "__end__" for the end of the list. Omit to
-     * leave an existing item in place / append a new item. Mirrors the
-     * section-level move_before_content_id.
-     */
-    move_before_item_id?: string;
+    /** 0-based index of existing item to update in-place */
+    item_index?: number;
+    /** 0-based position to insert a new item at */
+    insert_at?: number;
     image_url?: string;
     heading?: string;
     text?: string;
@@ -297,8 +283,10 @@ export interface ImagesSectionArguments {
     items?: ImagesSectionItem[];
     display_style?: 'left-aligned' | 'right-aligned' | 'centered' | 'media-only' | 'center-card-aligned-image' | 'alternate-image';
     _replace_items?: boolean;
-    /** Stable ids of items to remove. Order-independent (no index shifting). */
-    _remove_item_ids?: string[];
+    /** 0-based indices of items to remove */
+    _remove_item_indices?: number[];
+    /** New order as array of current 0-based indices */
+    _reorder_items?: number[];
     title_style?: TextStyleArguments;
     description_style?: TextStyleArguments;
     heading_style?: TextStyleArguments;
@@ -310,15 +298,10 @@ export interface ImagesSectionArguments {
     card_style?: CardStyleArguments;
 }
 export interface TestimonialItem {
-    /** Stable id of the existing item to update or move. Omit to ADD a new item. */
-    item_id?: string;
-    /**
-     * Id of an existing item to position this item before (insert for new items,
-     * move for existing ones). Use "__end__" for the end of the list. Omit to
-     * leave an existing item in place / append a new item. Mirrors the
-     * section-level move_before_content_id.
-     */
-    move_before_item_id?: string;
+    /** 0-based index of existing item to update in-place */
+    item_index?: number;
+    /** 0-based position to insert a new item at */
+    insert_at?: number;
     testimonial?: string;
     name?: string;
     position?: string;
@@ -331,8 +314,10 @@ export interface TestimonialSectionArguments {
     items?: TestimonialItem[];
     display_style?: 'centered' | 'big-image' | 'columns';
     _replace_items?: boolean;
-    /** Stable ids of items to remove. Order-independent (no index shifting). */
-    _remove_item_ids?: string[];
+    /** 0-based indices of items to remove */
+    _remove_item_indices?: number[];
+    /** New order as array of current 0-based indices */
+    _reorder_items?: number[];
     title_style?: TextStyleArguments;
     testimonial_style?: TextStyleArguments;
     name_style?: TextStyleArguments;
@@ -341,15 +326,10 @@ export interface TestimonialSectionArguments {
     card_style?: CardStyleArguments;
 }
 export interface ShapesSectionItem {
-    /** Stable id of the existing item to update or move. Omit to ADD a new item. */
-    item_id?: string;
-    /**
-     * Id of an existing item to position this item before (insert for new items,
-     * move for existing ones). Use "__end__" for the end of the list. Omit to
-     * leave an existing item in place / append a new item. Mirrors the
-     * section-level move_before_content_id.
-     */
-    move_before_item_id?: string;
+    /** 0-based index of existing item to update in-place */
+    item_index?: number;
+    /** 0-based position to insert a new item at */
+    insert_at?: number;
     icon_image_url?: string;
     shape_url?: string;
     color_theme?: string;
@@ -362,8 +342,10 @@ export interface ShapesSectionArguments {
     items?: ShapesSectionItem[];
     display_style?: 'left-aligned' | 'right-aligned' | 'centered' | 'media-only' | 'center-card-aligned-image' | 'alternate-image';
     _replace_items?: boolean;
-    /** Stable ids of items to remove. Order-independent (no index shifting). */
-    _remove_item_ids?: string[];
+    /** 0-based indices of items to remove */
+    _remove_item_indices?: number[];
+    /** New order as array of current 0-based indices */
+    _reorder_items?: number[];
     title_style?: TextStyleArguments;
     description_style?: TextStyleArguments;
     heading_style?: TextStyleArguments;

package/lib/src/plugins/google-maps-plugin/google-maps-plugin.d.ts

@@ -15,7 +15,7 @@ export interface AddressDetails {
 export declare class GoogleMapsPlugin {
     private initialised;
     private initialising;
-    private readonly _options;
+    private readonly options;
     constructor(options: GoogleMapsPluginOptions);
     private initialise;
     private getPlacesLibrary;

package/lib/src/plugins/google-maps-plugin/google-maps-plugin.js

@@ -12,9 +12,9 @@ export const PLACE_ID_QUERY_PREFIX = 'place_id:';
 export class GoogleMapsPlugin {
     initialised = false;
     initialising = false;
-    _options;
+    options;
     constructor(options) {
-        this._options = options;
+        this.options = options;
     }
     async initialise() {
         if (this.initialised || this.initialising) {
@@ -71,7 +71,7 @@ export class GoogleMapsPlugin {
     async createPlaceAutocompleteElement(options) {
         const { PlaceAutocompleteElement } = await this.getPlacesLibrary();
         return new PlaceAutocompleteElement({
-            requestedLanguage: this._options.locale,
+            requestedLanguage: this.options.locale,
             ...options,
         });
     }
@@ -97,15 +97,15 @@ export class GoogleMapsPlugin {
         return scriptElement;
     }
     getGoogleScriptUrl() {
-        const baseUrl = `https://maps.googleapis.com/maps/api/js?key=${this._options.apiKey}&libraries=places&loading=async`;
-        return this._options.locale
-            ? `${baseUrl}&language=${this._options.locale}`
+        const baseUrl = `https://maps.googleapis.com/maps/api/js?key=${this.options.apiKey}&libraries=places&loading=async`;
+        return this.options.locale
+            ? `${baseUrl}&language=${this.options.locale}`
             : baseUrl;
     }
     getEmbedGoogleMapsSrc(options) {
         const mapMode = options.mapMode || MAP_MODE_PLACE;
-        const locale = options.locale || this._options.locale;
-        const baseUrl = `https://www.google.com/maps/embed/v1/${mapMode}?key=${this._options.apiKey}&q=${options.query}`;
+        const locale = options.locale || this.options.locale;
+        const baseUrl = `https://www.google.com/maps/embed/v1/${mapMode}?key=${this.options.apiKey}&q=${options.query}`;
         return locale ? `${baseUrl}&language=${locale}` : baseUrl;
     }
 }

package/lib/src/shared/background-settings/components/background-shapes/BackgroundShapeSettings.mixin.d.ts

@@ -148,7 +148,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 wordBreak?: string | undefined;
             };
         }[];
-        personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
+        personalisationRole?: import("../../../../brand-page").PersonalisationRole | undefined;
         media?: {
             type: import("../../../../brand-page").MediaTypes;
         } | undefined;
@@ -200,12 +200,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>;
     userStore: import("pinia").Store<"brandPageMakerUser", import("@brand-page-maker/stores").UserState, {}, {
         setUserState(payload: {
-            emailAddress?: string | undefined;
-            userToken?: string | undefined;
-            isAdmin?: boolean | undefined;
-            hasPremiumSubscription?: boolean | undefined;
-            brandPageCommissionPercentage?: number | undefined;
-            features?: Partial<import("../../../../constants/ui").UIUserFeatures> | undefined;
+            emailAddress?: string;
+            userToken?: string;
+            isAdmin?: boolean;
+            hasPremiumSubscription?: boolean;
+            brandPageCommissionPercentage?: number;
+            features?: Partial<import("@brand-page-maker/stores").UserFeatures>;
         }): void;
     }>;
     backgroundSettingsStore: import("pinia").Store<"uiBackgroundSettings", import("../../store").BackgroundSettingsState, {
@@ -213,11 +213,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, {
         onBackgroundChanged(): void;
         setBackgroundStyle({ backgroundStyle, }: {
-            backgroundStyle: Partial<Omit<BrandPageCssStyle, "backgroundColor">>;
+            backgroundStyle: import("../../../../brand-page").BackgroundStyle;
         }): void;
         setBackgroundShapes(payload: import("../../../../brand-page").BackgroundShape[]): void;
         setBackgroundPersonalisationRole(payload: {
-            personalisationRole: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
+            personalisationRole: import("../../../../brand-page").PersonalisationRole | undefined;
         }): void;
         setBackgroundShapeStyle(payload: BrandPageCssStyle): void;
         setPrimaryBackgroundShapeStyle(payload: BrandPageCssStyle): void;
@@ -226,9 +226,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }): void;
         addBackgroundShape({ shapeUrl, width, height, aspectRatio, }: {
             shapeUrl: string;
-            width?: number | undefined;
-            height?: number | undefined;
-            aspectRatio?: number | undefined;
+            width?: number;
+            height?: number;
+            aspectRatio?: number;
         }): void;
         deleteBackgroundShape({ shapeIndex }: {
             shapeIndex: number;
@@ -243,7 +243,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setBackgroundShapeSettings(payload: import("../../background-settings-models").SetBackgroundShapeSettingsPayload): void;
         setRecommendedLogoColors(payload: import("../../background-settings-models").SetRecommendedLogoColorsPayload): void;
         setBackgroundMode(payload: {
-            backgroundMode: "images" | "edit";
+            backgroundMode: import("@brand-page-maker/stores").BrandPageSettingsMode;
         }): void;
         setBackgroundMedia(payload: import("../../../my-uploads/models").MediaBaseSelectedPayload): void;
         removeBackgroundVideo(): void;

package/lib/src/shared/background-settings/store/background-settings-store.d.ts

@@ -29,9 +29,9 @@ export declare const useUiBackgroundSettingsStore: import("pinia").StoreDefiniti
     }): void;
     addBackgroundShape({ shapeUrl, width, height, aspectRatio, }: {
         shapeUrl: string;
-        width?: number | undefined;
-        height?: number | undefined;
-        aspectRatio?: number | undefined;
+        width?: number;
+        height?: number;
+        aspectRatio?: number;
     }): void;
     deleteBackgroundShape({ shapeIndex }: {
         shapeIndex: number;

package/lib/src/shared/color-picker/components/ColorPicker.mixin.d.ts

@@ -52,7 +52,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     deselectAllColors(): void;
     onV2ColorPickerChanged(): void;
     dispatch(color: ColorValue): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "on-color-select"[], "on-color-select", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     customGroups: {
         type: ArrayConstructor;
         required: false;
@@ -83,7 +83,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: false;
         default: () => boolean;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    "onOn-color-select"?: ((...args: any[]) => any) | undefined;
+}>, {
     size: string;
     customGroups: unknown[];
     isNewColor: boolean;

package/lib/src/shared/color-picker/components/ColorPicker.mixin.js

@@ -2,10 +2,9 @@ import { defineComponent } from 'vue';
 import { Icon } from '@designcrowd/fe-shared-lib';
 import ColorPickerSwatch from './ColorPickerSwatch.vue';
 import { DEFAULT_COLORS, DEFAULT_GRADIENT_COLORS } from '../constants';
-import { RGBAtoHex, hexToRGB, arrayToLinearGradient, isRgbColor, } from '@utils/helpers';
+import { RGBAtoHex, arrayToLinearGradient, isRgbColor } from '@utils/helpers';
 import { normalizeColorToHex, colorsMatch } from '@brand-page/utils/style.util';
 import { colorPickerTr } from '@src/composables/useTranslate';
-import { useUiStyleSettingsStore } from '../../style-settings/store';
 // Simple session storage for newColors (persists during browser session, clears on refresh)
 let sessionNewColors = [];
 export default defineComponent({
@@ -45,6 +44,7 @@ export default defineComponent({
             default: () => false,
         },
     },
+    emits: ['on-color-select'],
     data() {
         const groups = [];
         const newColors = [];

package/lib/src/shared/color-picker/components/ColorPickerSwatch.mixin.d.ts

@@ -9,10 +9,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     isTransparent(): boolean;
 }, {
     onClick(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     color: {
         type: ObjectConstructor;
         required: true;
     };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/src/shared/color-picker/components/ColorPickerSwatch.mixin.js

@@ -6,6 +6,7 @@ export default defineComponent({
             required: true,
         },
     },
+    emits: ['click'],
     data() {
         const styles = this.color.styles;
         return {

package/lib/src/shared/confirm-modal/ConfirmModal.mixin.d.ts

@@ -14,7 +14,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }, {}, {}, {
     onCancel(): void;
     onConfirm(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "confirm")[], "cancel" | "confirm", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     visible: {
         type: BooleanConstructor;
         default: boolean;
@@ -24,7 +24,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: undefined;
         required: false;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    onCancel?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+}>, {
     description: string;
     visible: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/src/shared/confirm-modal/ConfirmModal.mixin.js

@@ -13,6 +13,7 @@ export default defineComponent({
             required: false,
         },
     },
+    emits: ['confirm', 'cancel'],
     setup() {
         const containerStore = useBrandPageContainerStore();
         return {

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

@@ -1,4 +1,3 @@
-/// <reference types="types/lodash-shims" />
 import type { DebounceHandle } from 'lodash.debounce';
 import type { PropType } from 'vue';
 import type { ContentItemFieldSettings } from '../models';