@designcrowd/library.brand-page 5.19.1-error-html2canvas-2 → 5.19.1-id-based-items-1

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

@@ -99,8 +99,17 @@ export interface ReorderPagesArguments {
 export interface UndoArguments {
 }
 export interface FooterSocialLinkItem {
-    item_index?: number;
-    insert_at?: number;
+    /**
+     * 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;
     social_link_icon?: string;
     url?: string;
 }
@@ -122,8 +131,8 @@ export interface UpdateFooterArguments {
     copyright_text_font_family?: string;
     social_links?: FooterSocialLinkItem[];
     _replace_social_links?: boolean;
-    _remove_social_link_indices?: number[];
-    _reorder_social_links?: number[];
+    /** Stable ids of social links to remove. Order-independent (replaces index-based _remove_social_link_indices). */
+    _remove_social_link_ids?: string[];
     /** 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,10 +92,15 @@ export interface ProfileSectionArguments {
     background_color?: string | null;
 }
 export interface TextSectionItem {
-    /** 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;
+    /** 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;
     text?: RichTextField;
     text_style?: TextStyleArguments;
 }
@@ -108,10 +113,8 @@ export interface TextSectionArguments {
     /** Multiple text items (BrandSite) */
     items?: TextSectionItem[];
     _replace_items?: boolean;
-    /** 0-based indices of items to remove */
-    _remove_item_indices?: number[];
-    /** New order as array of current 0-based indices */
-    _reorder_items?: number[];
+    /** Stable ids of items to remove. Order-independent (no index shifting). */
+    _remove_item_ids?: string[];
     background_color?: string | null;
 }
 export interface ImageSectionArguments {
@@ -119,10 +122,15 @@ export interface ImageSectionArguments {
     image_title?: string;
 }
 export interface ImageGalleryItem {
-    /** 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;
+    /** 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;
     image_url?: string;
     caption?: string;
 }
@@ -131,10 +139,8 @@ export interface ImageGallerySectionArguments {
     gallery_type?: 'grid' | 'carousel' | 'masonry';
     is_full_width?: boolean;
     _replace_items?: boolean;
-    /** 0-based indices of items to remove */
-    _remove_item_indices?: number[];
-    /** New order as array of current 0-based indices */
-    _reorder_items?: number[];
+    /** Stable ids of items to remove. Order-independent (no index shifting). */
+    _remove_item_ids?: string[];
 }
 export interface GeneralLinkSectionArguments {
     title?: string;
@@ -189,10 +195,15 @@ export interface TiktokSectionArguments {
     url?: string;
 }
 export interface SocialLink {
-    /** 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;
+    /** 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;
     platform?: 'facebook' | 'x' | 'instagram' | 'youtube' | 'linkedin' | 'pinterest' | 'twitch' | 'tiktok';
     url?: string;
 }
@@ -204,10 +215,8 @@ export interface SocialLinksSectionArguments {
     /** Style for the icon container background (used when icon_style is 'square' or 'circle'). */
     icon_background_style?: TextStyleArguments;
     _replace_items?: boolean;
-    /** 0-based indices of items to remove */
-    _remove_item_indices?: number[];
-    /** New order as array of current 0-based indices */
-    _reorder_items?: number[];
+    /** Stable ids of items to remove. Order-independent (no index shifting). */
+    _remove_item_ids?: string[];
 }
 export interface MailingListSectionArguments {
     title?: RichTextField;
@@ -268,10 +277,15 @@ export interface AboutSectionArguments {
     background_color?: string | null;
 }
 export interface ImagesSectionItem {
-    /** 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;
+    /** 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;
     image_url?: string;
     heading?: string;
     text?: string;
@@ -283,10 +297,8 @@ export interface ImagesSectionArguments {
     items?: ImagesSectionItem[];
     display_style?: 'left-aligned' | 'right-aligned' | 'centered' | 'media-only' | 'center-card-aligned-image' | 'alternate-image';
     _replace_items?: boolean;
-    /** 0-based indices of items to remove */
-    _remove_item_indices?: number[];
-    /** New order as array of current 0-based indices */
-    _reorder_items?: number[];
+    /** Stable ids of items to remove. Order-independent (no index shifting). */
+    _remove_item_ids?: string[];
     title_style?: TextStyleArguments;
     description_style?: TextStyleArguments;
     heading_style?: TextStyleArguments;
@@ -298,10 +310,15 @@ export interface ImagesSectionArguments {
     card_style?: CardStyleArguments;
 }
 export interface TestimonialItem {
-    /** 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;
+    /** 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;
     testimonial?: string;
     name?: string;
     position?: string;
@@ -314,10 +331,8 @@ export interface TestimonialSectionArguments {
     items?: TestimonialItem[];
     display_style?: 'centered' | 'big-image' | 'columns';
     _replace_items?: boolean;
-    /** 0-based indices of items to remove */
-    _remove_item_indices?: number[];
-    /** New order as array of current 0-based indices */
-    _reorder_items?: number[];
+    /** Stable ids of items to remove. Order-independent (no index shifting). */
+    _remove_item_ids?: string[];
     title_style?: TextStyleArguments;
     testimonial_style?: TextStyleArguments;
     name_style?: TextStyleArguments;
@@ -326,10 +341,15 @@ export interface TestimonialSectionArguments {
     card_style?: CardStyleArguments;
 }
 export interface ShapesSectionItem {
-    /** 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;
+    /** 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;
     icon_image_url?: string;
     shape_url?: string;
     color_theme?: string;
@@ -342,10 +362,8 @@ export interface ShapesSectionArguments {
     items?: ShapesSectionItem[];
     display_style?: 'left-aligned' | 'right-aligned' | 'centered' | 'media-only' | 'center-card-aligned-image' | 'alternate-image';
     _replace_items?: boolean;
-    /** 0-based indices of items to remove */
-    _remove_item_indices?: number[];
-    /** New order as array of current 0-based indices */
-    _reorder_items?: number[];
+    /** Stable ids of items to remove. Order-independent (no index shifting). */
+    _remove_item_ids?: string[];
     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?: import("../../../../brand-page").PersonalisationRole | undefined;
+        personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | 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;
-            userToken?: string;
-            isAdmin?: boolean;
-            hasPremiumSubscription?: boolean;
-            brandPageCommissionPercentage?: number;
-            features?: Partial<import("@brand-page-maker/stores").UserFeatures>;
+            emailAddress?: string | undefined;
+            userToken?: string | undefined;
+            isAdmin?: boolean | undefined;
+            hasPremiumSubscription?: boolean | undefined;
+            brandPageCommissionPercentage?: number | undefined;
+            features?: Partial<import("../../../../constants/ui").UIUserFeatures> | undefined;
         }): 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: import("../../../../brand-page").BackgroundStyle;
+            backgroundStyle: Partial<Omit<BrandPageCssStyle, "backgroundColor">>;
         }): void;
         setBackgroundShapes(payload: import("../../../../brand-page").BackgroundShape[]): void;
         setBackgroundPersonalisationRole(payload: {
-            personalisationRole: import("../../../../brand-page").PersonalisationRole | undefined;
+            personalisationRole: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | 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;
-            height?: number;
-            aspectRatio?: number;
+            width?: number | undefined;
+            height?: number | undefined;
+            aspectRatio?: number | undefined;
         }): 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: import("@brand-page-maker/stores").BrandPageSettingsMode;
+            backgroundMode: "images" | "edit";
         }): 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;
-        height?: number;
-        aspectRatio?: number;
+        width?: number | undefined;
+        height?: number | undefined;
+        aspectRatio?: number | undefined;
     }): 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, "on-color-select"[], "on-color-select", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     customGroups: {
         type: ArrayConstructor;
         required: false;
@@ -83,9 +83,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: false;
         default: () => boolean;
     };
-}>> & Readonly<{
-    "onOn-color-select"?: ((...args: any[]) => any) | undefined;
-}>, {
+}>> & Readonly<{}>, {
     size: string;
     customGroups: unknown[];
     isNewColor: boolean;

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

@@ -2,9 +2,10 @@ 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, arrayToLinearGradient, isRgbColor } from '@utils/helpers';
+import { RGBAtoHex, hexToRGB, 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({
@@ -44,7 +45,6 @@ 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,12 +9,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     isTransparent(): boolean;
 }, {
     onClick(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     color: {
         type: ObjectConstructor;
         required: true;
     };
-}>> & Readonly<{
-    onClick?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

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

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

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