@designcrowd/library.brand-page 6.0.3 → 6.0.4

package/lib/src/brand-page/models/index.d.ts

@@ -42,7 +42,7 @@ export declare const GALLERY_TYPES: {
     readonly masonry: "masonry";
 };
 export type GalleryType = keyof typeof GALLERY_TYPES;
-export declare const availableGalleryTypes: GalleryType[];
+export declare const availableGalleryTypes: ("grid" | "carousel" | "masonry")[];
 export declare class GalleryStyles {
     galleryType: GalleryType;
     constructor(option?: Partial<GalleryStyles>);
@@ -110,6 +110,13 @@ export interface ImageContent extends Content {
     height?: number;
 }
 export interface ImageItem {
+    /**
+     * Stable per-item identifier. Mirrors the section-level `Content.id` one
+     * level deeper so AI tool calls can reference items by id rather than by
+     * positional index. Optional for backward compatibility with persisted data
+     * that predates item ids — backfilled on load (see ensureItemIds).
+     */
+    id?: string;
     imageUrl: string;
     imageTitle: string;
     width: number;
@@ -311,6 +318,8 @@ export interface ShapeItem extends ImageItem {
     paragraphOverride?: string;
 }
 export interface TestimonialItems {
+    /** Stable per-item identifier. See ImageItem.id. */
+    id?: string;
     imageUrl: string;
     name: string;
     position: string;
@@ -325,6 +334,8 @@ export interface TestimonialItems {
     positionOverride?: string;
 }
 export interface TextItem {
+    /** Stable per-item identifier. See ImageItem.id. */
+    id?: string;
     text: string;
     textStyle: TextStyleDeclaration;
     textOverride?: string;
@@ -385,6 +396,7 @@ export interface AboutSectionContent extends Content {
     size?: string;
 }
 export interface LinksItem {
+    id?: string;
     imageUrl: string;
     url: string;
     size?: string;
@@ -547,7 +559,6 @@ export interface SaveContactOptions {
 }
 export declare class BrandPageModel {
     v: number;
-    userPromptContentKey?: string;
     styles: PageStyles;
     /** @deprecated */
     headerStyles?: AbstractPageHeaderStyles;

package/lib/src/brand-page/models/index.js

@@ -400,9 +400,6 @@ export class PageFooterMobile extends AbstractPageFooterStyles {
 export class BrandPageModel {
     // Model version
     v;
-    // AI personalisation key persisted with the draft so previews survive login/checkout-back/
-    // refresh - content is retrieved by this token (user-agnostic), not regenerated (bp-5742).
-    userPromptContentKey;
     styles;
     /** @deprecated */
     headerStyles;

package/lib/src/brand-page/models/payment.model.d.ts

@@ -50,7 +50,7 @@ export interface StripePaymentIntent {
     currency: string;
 }
 export declare const isStripePaymentIntent: (value: any) => value is StripePaymentIntent;
-export interface CreateCartResult<T = unknown> {
+export interface CreateCartResult<T> {
     cartId: string;
     paymentProviderName: string;
     paymentProviderExternalId: string;

package/lib/src/brand-page/utils/personalisation.util.js

@@ -206,59 +206,15 @@ const getPersonalisationValueAsync = async (section, property) => {
     }
     return { value: propertyValue, section };
 };
-// The userPrompt AI content generation only populates these content-bearing sections
-// (see GenerateAiDesignMakerContentService / GenerateWebsiteContentService - About,
-// Information, Profile, Media). Sections like email/website/phone are never generated, so
-// blocks whose role points at an ungenerated section fall back to this pool.
-const PERSONALISATION_FALLBACK_ROLES = [
-    'profile',
-    'about',
-    'information',
-    'media',
-];
-// "Effectively empty" = no renderable content (ungenerated userPrompt sections like
-// email/website/phone). A section that has data but lacks one property is NOT empty - it
-// intentionally keeps its original content.
-const isSectionEffectivelyEmpty = (section) => {
-    if (!section) {
-        return true;
-    }
-    return (!section.title &&
-        !section.name &&
-        !section.url &&
-        !section.description &&
-        !section.descriptionShort &&
-        !section.ctaTitle &&
-        !section.imageUrls?.length &&
-        !section.shapes?.length &&
-        !section.items?.length &&
-        !section.mainShapesCollection?.tall?.length &&
-        !section.mainShapesCollection?.square?.length &&
-        !section.mainShapesCollection?.wide?.length);
-};
-// Resolve a property from a specific role's section. Returns null when that section is
-// ungenerated (effectively empty) or cannot supply the property, so the caller can try the
-// next role.
-const resolvePersonalisationValueForRoleAsync = async (role, property, personalisation) => {
-    const key = `${role}Section`;
-    const section = personalisation[key];
-    if (isSectionEffectivelyEmpty(section)) {
-        return null;
-    }
-    const { value, section: updatedSection, valuesToUpdate, } = await getPersonalisationValueAsync(section, property);
-    if (value === undefined || value === null) {
-        return null;
-    }
-    return {
-        value,
-        personalisation: { ...personalisation, [key]: updatedSection },
-        valuesToUpdate,
-    };
-};
 const getPersonalisationValueFromPropertyAsync = async (propertyKey, propertyValue, personalisationRole, personalisationOverride, personalisation, contentType) => {
     if (!personalisationRole || personalisationOverride === 'none') {
         return { value: undefined, personalisation };
     }
+    const matchingValue = Object.entries(personalisation).find(([key]) => key === `${personalisationRole}Section`);
+    if (!matchingValue) {
+        return { value: undefined, personalisation };
+    }
+    const section = matchingValue[1];
     const mapping = getPersonalisationMappingForContentType(contentType);
     const matchingProperty = Object.entries(mapping).find(([, value]) => value.includes(propertyKey));
     if (!matchingProperty) {
@@ -269,29 +225,15 @@ const getPersonalisationValueFromPropertyAsync = async (propertyKey, propertyVal
         brandPageType: personalisation.type,
         isSvgShape: typeof propertyValue === 'string' && propertyValue.endsWith('.svg'),
     });
-    const primaryKey = `${personalisationRole}Section`;
-    const primarySection = personalisation[primaryKey];
-    // When the block's own section has content, use it as-is - this preserves existing
-    // behaviour, including legitimately keeping the original when that section lacks a
-    // specific property (e.g. no items, or an invalid shape).
-    if (!isSectionEffectivelyEmpty(primarySection)) {
-        const { value, section: updatedSection, valuesToUpdate, } = await getPersonalisationValueAsync(primarySection, property);
-        return {
-            value,
-            personalisation: { ...personalisation, [primaryKey]: updatedSection },
-            valuesToUpdate,
-        };
-    }
-    // The block's section was never generated - fall back to the first populated section that
-    // can supply this property, so it doesn't render the "should be AI generated" placeholder.
-    // Never reached when the section exists (above) or all are populated (AI Website Builder).
-    for (const role of PERSONALISATION_FALLBACK_ROLES) {
-        const resolved = await resolvePersonalisationValueForRoleAsync(role, property, personalisation);
-        if (resolved) {
-            return resolved;
-        }
-    }
-    return { value: undefined, personalisation };
+    const { value, section: updatedSection, valuesToUpdate, } = await getPersonalisationValueAsync(section, property);
+    return {
+        value,
+        personalisation: {
+            ...personalisation,
+            [`${personalisationRole}Section`]: updatedSection,
+        },
+        valuesToUpdate,
+    };
 };
 const applyPersonalisationToBrandPageContentsRecursiveAsync = async (personalisation, mappingType, content, personalisationRole) => {
     let isApplied = false;

package/lib/src/brand-page-maker/components/action-bar/ActionBar.mixin.d.ts

@@ -6,12 +6,12 @@ declare const _default: import("vue").DefineComponent<{}, {
     isBrandContact: import("vue").ComputedRef<boolean>;
     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;
     }>;
     brandPageMakerStore: import("pinia").Store<"brandPageMaker", import("@brand-page-maker/stores").BrandPageMakerState, {
@@ -22,7 +22,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         brandPageToken(): string | undefined;
         brandPageDescription(): string;
         brandPageSlug(): string;
-        brandPageTemplate(): import("@brand-page/models").BrandPageData;
+        brandPageTemplate(): any;
         brandPageTitle(): string;
         brandPageViewModel(): import("../../../brand-page").BrandPageViewModel;
         gettyVideoIds(): string[];
@@ -37,7 +37,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         showBrandCrowdLogo(): boolean;
     }, {
         setMode(payload: {
-            mode: import("@brand-page-maker/stores").BrandPageSettingsMode;
+            mode: "images" | "edit";
         }): void;
         setFaviconUrl(payload: {
             faviconUrl: string | undefined;
@@ -81,7 +81,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         enqueueContentErrorMessage(): void;
         dequeueNotificationMessageQueue(): void;
         setCurrentNotificationMessage(payload: {
-            message: import("@brand-page-maker/stores").NotificationMessage | false;
+            message: false | import("@brand-page-maker/stores").NotificationMessage;
         }): void;
         setIsApplyingTemplate(payload: import("@brand-page-maker/stores").IsApplyingTemplatePayload): void;
         setIsPageNavigating(isPageNavigating: boolean): void;
@@ -100,9 +100,9 @@ declare const _default: import("vue").DefineComponent<{}, {
         applySelectedTemplate(): Promise<void>;
         enqueueErrorMessage(): Promise<void>;
         enqueueSaveSuccessMessage(payload?: {
-            description?: string;
-            isPublished?: boolean;
-            noDescription?: boolean;
+            description?: string | undefined;
+            isPublished?: boolean | undefined;
+            noDescription?: boolean | undefined;
         }): Promise<void>;
         hideChangeTemplateConfirmModal(): void;
         onBackgroundChanged(): void;
@@ -118,16 +118,16 @@ declare const _default: import("vue").DefineComponent<{}, {
             content: TContent;
         }>(payload: P): Promise<void>;
         _captureTemplateSwitchIfEnabled(): void;
-        applyHistorySnapshot(snapshot: import("@brand-page/models").BrandPageModel, activePageId?: string, logoEditsStr?: string): Promise<void>;
-        _syncLogoSettingsFromSnapshot(snapshot: import("@brand-page/models").BrandPageModel, logoEditsStr?: string): Promise<void>;
-        _navigateToActivePage(activePageId?: string): void;
+        applyHistorySnapshot(snapshot: import("@brand-page/models").BrandPageModel, activePageId?: string | undefined, logoEditsStr?: string | undefined): Promise<void>;
+        _syncLogoSettingsFromSnapshot(snapshot: import("@brand-page/models").BrandPageModel, logoEditsStr?: string | undefined): Promise<void>;
+        _navigateToActivePage(activePageId?: string | undefined): void;
         _fallbackSidebarIfSelectedContentMissing(snapshot: import("@brand-page/models").BrandPageModel): void;
         export(): import("@brand-page/models").BrandPageModel;
         setBrandPageType({ brandPageType }: {
-            brandPageType: import("@brand-page/models").BrandPageType;
+            brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
         initialiseStoresByBrandPageModelAsync(brandPageModel: import("@brand-page/models").BrandPageModel): Promise<void>;
-        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, shopConfigData: _shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, layout, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("@brand-page/models").PageModel[];
             sections: import("../../../shared/page-settings/store").PageSettingsStateSections;
@@ -155,13 +155,11 @@ declare const _default: import("vue").DefineComponent<{}, {
             viewport: import("@brand-page/models").ViewportsType;
         }): void;
         showStripeOnboardingModal(): Promise<void>;
-        selectInitialCategories(payload: import("@brand-page-maker/stores").SelectedCategoryPayload): void;
+        selectInitialCategories(payload: import("../../../shared/template-settings/models").InitialCategories): void;
     }>;
 }, {}, {}, {
     saveBrandPage(): void;
     saveAndPublishBrandPage(isActionBar: boolean): void;
     createTeamCards(isTopNav: boolean): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "create-team-cards"[], "create-team-cards", import("vue").PublicProps, Readonly<{}> & Readonly<{
-    "onCreate-team-cards"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/src/brand-page-maker/components/action-bar/ActionBar.mixin.js

@@ -4,7 +4,6 @@ import { computed, defineComponent } from 'vue';
 import { UPGRADE_CTA_LOCATIONS } from './../../composables/useEventTracker';
 import { BRAND_PAGE_TYPES } from '@brand-page/models';
 export default defineComponent({
-    emits: ['create-team-cards'],
     setup() {
         const userStore = useBrandPageMakerUserStore();
         const brandPageMakerStore = useBrandPageMakerStore();

package/lib/src/brand-page-maker/components/admin-background-settings/AdminBackgroundSettings.mixin.d.ts

@@ -180,7 +180,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 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;
@@ -243,20 +243,14 @@ declare const _default: import("vue").DefineComponent<{}, {
             thirdPartySettings: import("../../../lib").UIRootStateThirdPartySettings;
         }): void;
         setDeviceMode({ mode }: {
-            mode: import("../../../lib").UiDeviceMode;
+            mode: "desktop" | "mobile";
         }): void;
         setScreenSizeMode({ mode }: {
-            mode: import("../../../lib").UiScreenSizeMode;
+            mode: "desktop" | "mobile";
         }): void;
         setUserPersonalisationData({ personalisationData, }: {
             personalisationData: import("../../../brand-page").UserPersonalisationContent[];
         }): void;
-        setUserPromptContentKey({ userPromptContentKey, }: {
-            userPromptContentKey: string | undefined;
-        }): void;
-        setShowAiTemplatesTab({ showAiTemplatesTab, }: {
-            showAiTemplatesTab: boolean;
-        }): void;
         onBackgroundChanged(): void;
         onContentChanged(): void;
         onStyleChanged(): void;
@@ -269,7 +263,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: string;
         }): Promise<void>;
         onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload): Promise<void>;
-        showUpgradeModalAndSaveAsync(contextualUpgradeType?: import("@brand-page-maker/stores").WebsiteContextUpgradeType): Promise<void>;
+        showUpgradeModalAndSaveAsync(contextualUpgradeType?: string | number | symbol | undefined): Promise<void>;
         setIsPersonalisationEnabled({ isPersonalisationEnabled, }: {
             isPersonalisationEnabled: boolean;
         }): void;
@@ -279,11 +273,11 @@ declare const _default: import("vue").DefineComponent<{}, {
     }, {
         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;
@@ -292,9 +286,9 @@ declare const _default: import("vue").DefineComponent<{}, {
         }): 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;
@@ -309,7 +303,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         setBackgroundShapeSettings(payload: import("../../../shared/background-settings/background-settings-models").SetBackgroundShapeSettingsPayload): void;
         setRecommendedLogoColors(payload: import("../../../shared/background-settings/background-settings-models").SetRecommendedLogoColorsPayload): void;
         setBackgroundMode(payload: {
-            backgroundMode: import("@brand-page-maker/stores").BrandPageSettingsMode;
+            backgroundMode: "images" | "edit";
         }): void;
         setBackgroundMedia(payload: import("src/shared/my-uploads/models").MediaBaseSelectedPayload): void;
         removeBackgroundVideo(): void;

package/lib/src/brand-page-maker/components/admin-background-settings/ShapePositionSlider.mixin.d.ts

@@ -48,9 +48,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
+    modelValue: number;
     min: number;
     max: number;
-    modelValue: number;
     axis: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/src/brand-page-maker/components/admin-logo-settings/AdminLogoSettings.mixin.d.ts

@@ -2,12 +2,12 @@ declare const _default: import("vue").DefineComponent<{}, {
     templates: import("vue").ComputedRef<import("@brand-page-maker/stores/admin-logo-settings").AdminPreviewLogoTemplateTemplate[]>;
     items: import("vue").ComputedRef<{
         id: string;
-        type: import("../../../brand-page").ContentType;
+        type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
         settings: {
             content: {
                 id: string;
-                type: import("../../../brand-page").ContentType;
-                personalisationRole?: import("../../../brand-page").PersonalisationRole | undefined;
+                type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
+                personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
                 topPadding?: number | undefined;
                 bottomPadding?: number | undefined;
                 imageUrlOverride?: string | undefined;