@designcrowd/library.brand-page 5.18.7-ast-ai-tab-2 → 5.18.7

package/lib/src/{CreatedOnBrandCrowd-de-de-DckAzXwS.js → CreatedOnBrandCrowd-de-de-CZmqvsOT.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-DZtkkOuW.js → CreatedOnBrandCrowd-en-us-5nTR1eLT.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-D-cTvYkn.js → CreatedOnBrandCrowd-es-es-xLvoayrw.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-Bu-gxn7L.js → CreatedOnBrandCrowd-fr-ca-CN5n8X8v.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-Bu-gxn7L.js → CreatedOnBrandCrowd-fr-fr-CN5n8X8v.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-Crq_UfGO.js → CreatedOnBrandCrowd-pt-br-CdkYC12E.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-Crq_UfGO.js → CreatedOnBrandCrowd-pt-pt-CdkYC12E.js}

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

package/lib/src/{CreatedOnDcom-de-de-Cvqe8_oh.js → CreatedOnDcom-de-de-B8rV2rD7.js}

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

package/lib/src/{CreatedOnDcom-en-us-FPobbwat.js → CreatedOnDcom-en-us-C4WaRIpF.js}

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

package/lib/src/{CreatedOnDcom-es-es-DKsGlrMf.js → CreatedOnDcom-es-es-BPHPey0b.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-By218_c_.js → CreatedOnDcom-fr-ca-xrMr4xlv.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-BFjfB-ra.js → CreatedOnDcom-fr-fr-BEozL-o2.js}

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

package/lib/src/{CreatedOnDcom-pt-br-B7Dibff5.js → CreatedOnDcom-pt-br-CoN-ZhjG.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-AYHMrLEG.js → CreatedOnDcom-pt-pt-9vfUJ3ks.js}

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

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

@@ -547,7 +547,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,10 +400,6 @@ export class PageFooterMobile extends AbstractPageFooterStyles {
 export class BrandPageModel {
     // Model version
     v;
-    // Pre-purchase AI personalisation content key, persisted with the draft so the
-    // personalised AI template previews survive login / checkout-back / refresh - the
-    // content is retrieved by this token (user-agnostic), not regenerated (bp-5742).
-    userPromptContentKey;
     styles;
     /** @deprecated */
     headerStyles;

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

@@ -206,61 +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',
-];
-// A section is "effectively empty" when it carries no renderable content. The userPrompt
-// AI content leaves ungenerated sections (e.g. email/website/phone) as empty objects (null
-// sections are normalised to `{ ...indices }` upstream), and those are what we fall back
-// from. A section that has data but lacks one specific property (e.g. no items, or an
-// invalid shape) is NOT empty - those intentionally keep the 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) {
@@ -271,31 +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 (e.g. email/website/phone in the userPrompt
-    // content). Fall back to the first populated content section that can supply this
-    // property, so the block doesn't render the designer's "should be AI generated"
-    // placeholder. When the section exists (handled above) or every section is populated
-    // (e.g. the AI Website Builder), this fallback is never reached.
-    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

@@ -127,7 +127,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             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, 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;

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

@@ -251,12 +251,6 @@ declare const _default: import("vue").DefineComponent<{}, {
         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;

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

@@ -20,8 +20,6 @@ export interface BrandPageMakerViewModel {
     initialCategories: InitialCategories;
     personalisation?: UserPersonalisationContent[];
     isPersonalisationEnabled?: boolean;
-    userPromptContentKey?: string;
-    showAiTemplatesTab?: boolean;
     brandPageType?: BrandPageType;
     businessName?: string;
     industry?: string;
@@ -174,7 +172,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
         initialiseStoresByBrandPageModelAsync(brandPageModel: import("@brand-page").BrandPageModel): Promise<void>;
-        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, 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").PageModel[];
             sections: import("@shared/page-settings/store").PageSettingsStateSections;
@@ -943,12 +941,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setUserPersonalisationData({ personalisationData, }: {
             personalisationData: UserPersonalisationContent[];
         }): void;
-        setUserPromptContentKey({ userPromptContentKey, }: {
-            userPromptContentKey: string | undefined;
-        }): void;
-        setShowAiTemplatesTab({ showAiTemplatesTab, }: {
-            showAiTemplatesTab: boolean;
-        }): void;
         onBackgroundChanged(): void;
         onContentChanged(): void;
         onStyleChanged(): void;
@@ -1095,9 +1087,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             initialSearchTerm: string;
             onSearchTermChanged?: import("@shared/template-settings/store").OnSearchTermChangedCallback | undefined;
         }): void;
-        setAiTemplateKeywords(payload: {
-            aiTemplateKeywords: string;
-        }): void;
         notifySearchTermChanged(searchTerm: string | undefined): void;
         clearTemplates(): void;
         getTemplateByTemplateId(id: string): import("@shared/template-settings/models").TemplateSettingsTemplate | undefined;

package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.js

@@ -150,8 +150,6 @@ export default defineComponent({
             templateCategories: this.viewModel.templateCategories,
             personalisationData: this.viewModel.personalisation,
             isPersonalisationEnabled: this.viewModel.isPersonalisationEnabled || false,
-            userPromptContentKey: this.viewModel.userPromptContentKey,
-            showAiTemplatesTab: this.viewModel.showAiTemplatesTab || false,
             brandPageType: this.viewModel.brandPageType,
             businessName: this.viewModel.businessName,
             industry: this.viewModel.industry,

package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.stories.js

@@ -179,7 +179,6 @@ const InitialiseMakerStores = (options) => {
         isContextualUpgradeModalVisible: false,
         gettyVideos: [],
         templateSearchTerm: undefined,
-        aiTemplateKeywords: undefined,
     });
     userStore.setUserState({
         isAdmin: options.isAdmin,

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

@@ -116,7 +116,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
         initialiseStoresByBrandPageModelAsync(brandPageModel: import("../../../lib").BrandPageModel): Promise<void>;
-        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, layout, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../lib").PageModel[];
             sections: import("../../../shared/page-settings/store").PageSettingsStateSections;

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

@@ -622,7 +622,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
         initialiseStoresByBrandPageModelAsync(brandPageModel: import("@brand-page").BrandPageModel): Promise<void>;
-        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, 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").PageModel[];
             sections: import("@shared/page-settings/store").PageSettingsStateSections;

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

@@ -122,7 +122,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
         initialiseStoresByBrandPageModelAsync(brandPageModel: import("../../../brand-page").BrandPageModel): Promise<void>;
-        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, 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").PageModel[];
             sections: import("../../../shared/page-settings/store").PageSettingsStateSections;

package/lib/src/brand-page-maker/components/seo-settings/SeoPageSettings.mixin.d.ts

@@ -400,7 +400,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
         initialiseStoresByBrandPageModelAsync(brandPageModel: import("../../../brand-page").BrandPageModel): Promise<void>;
-        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, 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").PageModel[];
             sections: import("../../../shared/page-settings/store").PageSettingsStateSections;

package/lib/src/brand-page-maker/components/seo-settings/UrlSettings.mixin.d.ts

@@ -401,7 +401,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
         initialiseStoresByBrandPageModelAsync(brandPageModel: import("../../../brand-page").BrandPageModel): Promise<void>;
-        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, 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").PageModel[];
             sections: import("../../../shared/page-settings/store").PageSettingsStateSections;

package/lib/src/brand-page-maker/components/social-share/SocialShare.mixin.d.ts

@@ -132,7 +132,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
         initialiseStoresByBrandPageModelAsync(brandPageModel: import("../../../brand-page").BrandPageModel): Promise<void>;
-        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, 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").PageModel[];
             sections: import("../../../shared/page-settings/store").PageSettingsStateSections;

package/lib/src/brand-page-maker/components/template-preview/TemplatePreview.mixin.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="types/lodash-shims" />
 import type { PropType } from 'vue';
 import type { BrandPageContext, BrandPageViewModel, LogoImageModel, LogoTemplateImageModel, LogoTheme, UserPersonalisation } from '@brand-page';
-import type { TemplateSettingsTemplate } from '@shared/template-settings/models';
+import { type TemplateSettingsTemplate } from '@shared/template-settings/models';
 import type { DebounceHandle } from 'lodash.debounce';
 interface TemplatePreviewData {
     containerStyle: BrandPageCssStyle;
@@ -68,6 +68,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     isAdmin: import("vue").ComputedRef<boolean>;
     userToken: import("vue").ComputedRef<string | undefined>;
     isBrandSite: import("vue").ComputedRef<boolean>;
+    selectedTab: import("vue").ComputedRef<string>;
     renderAsImage: import("vue").ComputedRef<boolean>;
     brandPageMakerUserStore: import("pinia").Store<"brandPageMakerUser", import("@brand-page-maker/stores").UserState, {}, {
         setUserState(payload: {
@@ -451,7 +452,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
         initialiseStoresByBrandPageModelAsync(brandPageModel: import("@brand-page").BrandPageModel): Promise<void>;
-        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, 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").PageModel[];
             sections: import("../../../shared/page-settings/store").PageSettingsStateSections;

package/lib/src/brand-page-maker/components/template-preview/TemplatePreview.mixin.js

@@ -2,6 +2,7 @@ import { computed, defineComponent } from 'vue';
 import { BRAND_PAGE_TYPES, MEDIA_SIZES, VIEWPORTS } from '@brand-page';
 import { applyLogoThemeToBrandPageModel, applyUserPersonalisationToBrandPageModelAsync, getBrandPageViewModelFromBrandPageModel, } from '@brand-page/utils';
 import { STYLE_THEME_KEYS } from '@brand-page/constants';
+import { TEMPLATE_TABS, } from '@shared/template-settings/models';
 import debounce from 'lodash.debounce';
 import { MOBILE_HEIGHT, MOBILE_WIDTH } from '@brand-page-maker/constants';
 import { useBrandPageContainerStore, useBrandPageMakerStore, useBrandPageMakerUserStore, } from '@brand-page-maker/stores';
@@ -23,6 +24,7 @@ export default defineComponent({
             isAdmin: computed(() => brandPageMakerUserStore.isAdmin),
             userToken: computed(() => brandPageMakerUserStore.userToken),
             isBrandSite: computed(() => brandPageMakerStore.brandPageType === BRAND_PAGE_TYPES.brandSite),
+            selectedTab: computed(() => templateSettingsStore.selectedTab.key),
             renderAsImage: computed(() => templateSettingsStore.renderAsImage),
             brandPageMakerUserStore,
             brandPageContainerStore,
@@ -169,23 +171,9 @@ export default defineComponent({
             if (!previewImageUrl) {
                 return '';
             }
-            // Interleaved AI templates (bp-5742) already have the personalisation key
-            // baked into the URL by the backend. Appending our own (hash-derived) key
-            // on top produces a second, mismatched key and breaks the preview, so only
-            // append when the backend hasn't already personalised the URL.
-            const isAlreadyPersonalised = previewImageUrl.includes('contentKey=') ||
-                previewImageUrl.includes('userPromptContentKey=');
-            if (this.isPersonalisable &&
-                this.template.contentKey &&
-                !isAlreadyPersonalised) {
+            if (this.selectedTab === TEMPLATE_TABS.AI && this.template.contentKey) {
                 if (this.userToken) {
-                    previewImageUrl += `&contentKey=${this.template.contentKey}`;
-                    // The backend already bakes userToken into brand-site preview URLs. Only add
-                    // it when missing - two userToken params parse as an array and the preview
-                    // renderer rejects it ("userToken must be a string type") (bp-5765).
-                    if (!previewImageUrl.includes('userToken=')) {
-                        previewImageUrl += `&userToken=${this.userToken}`;
-                    }
+                    previewImageUrl += `&contentKey=${this.template.contentKey}&userToken=${this.userToken}`;
                 }
                 else {
                     previewImageUrl += `&userPromptContentKey=${this.template.contentKey}`;

package/lib/src/brand-page-maker/stores/ai-checkpoint/ai-checkpoint-store.d.ts

@@ -8,7 +8,6 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
         userMessageId: string;
         model: {
             v: number;
-            userPromptContentKey?: string | undefined;
             styles: {
                 backgroundStyles: {
                     style: {
@@ -5115,7 +5114,6 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
         userMessageId: string;
         model: {
             v: number;
-            userPromptContentKey?: string | undefined;
             styles: {
                 backgroundStyles: {
                     style: {
@@ -10228,7 +10226,6 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
         userMessageId: string;
         model: {
             v: number;
-            userPromptContentKey?: string | undefined;
             styles: {
                 backgroundStyles: {
                     style: {
@@ -15335,7 +15332,6 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
         userMessageId: string;
         model: {
             v: number;
-            userPromptContentKey?: string | undefined;
             styles: {
                 backgroundStyles: {
                     style: {
@@ -20448,7 +20444,6 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
         userMessageId: string;
         model: {
             v: number;
-            userPromptContentKey?: string | undefined;
             styles: {
                 backgroundStyles: {
                     style: {
@@ -25555,7 +25550,6 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
         userMessageId: string;
         model: {
             v: number;
-            userPromptContentKey?: string | undefined;
             styles: {
                 backgroundStyles: {
                     style: {

package/lib/src/brand-page-maker/stores/brandpage-container/brand-page-container-store.d.ts

@@ -75,7 +75,6 @@ export type InitialisePayload = Omit<BrandPageContainerState, 'customDomain' | '
     logoDraftAssets: LogoDraftAsset[];
     gettyVideos: GettyVideoEditorViewModelResponse[];
     templateSearchTerm: string | undefined;
-    aiTemplateKeywords: string | undefined;
     onSearchTermChanged?: OnSearchTermChangedCallback;
 };
 export declare const BRANDPAGE_STATUS: Readonly<{

package/lib/src/brand-page-maker/stores/brandpage-container/brand-page-container-store.js

@@ -137,9 +137,6 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
                 initialSearchTerm: payload.templateSearchTerm ?? '',
                 onSearchTermChanged: payload.onSearchTermChanged,
             });
-            templateSettingsStore.setAiTemplateKeywords({
-                aiTemplateKeywords: payload.aiTemplateKeywords ?? '',
-            });
             brandPageMakerStore.setSelectedTemplateId({
                 templateId: this.designTemplateToken,
             });

package/lib/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.d.ts

@@ -20,8 +20,6 @@ export interface InitialisePayload {
     templateCategories: TemplateCategory[];
     personalisationData?: UserPersonalisationContent[];
     isPersonalisationEnabled: boolean;
-    userPromptContentKey?: string;
-    showAiTemplatesTab?: boolean;
     businessName: string | undefined;
     industry: string | undefined;
     layout?: string;
@@ -233,7 +231,7 @@ export declare const useBrandPageMakerStore: import("pinia").StoreDefinition<"br
         brandPageType: BrandPageType;
     }): void;
     initialiseStoresByBrandPageModelAsync(brandPageModel: BrandPageModel): Promise<void>;
-    initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: InitialisePayload): Promise<void>;
+    initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, layout, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: InitialisePayload): Promise<void>;
     initialisePages({ pages, sections, }: {
         pages: PageModel[];
         sections: PageSettingsStateSections;

package/lib/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.js

@@ -824,7 +824,7 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
             transformToRTE(pageSettingsStore, externalEditor, undefined, undefined, TEXT_STYLE_TYPES.paragraphs, textStyles.textStyleOptions.paragraphs.style);
             externalEditor.destroy();
         },
-        async initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab = false, businessName, industry, layout, logoVariationImageUrls, shopConfigData, isServerRenderOverride = false, }) {
+        async initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, layout, logoVariationImageUrls, shopConfigData, isServerRenderOverride = false, }) {
             const brandPageContainerStore = useBrandPageContainerStore();
             const userStore = useBrandPageMakerUserStore();
             const uiStore = useUiStore();
@@ -895,8 +895,6 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
                         personalisationData: personalisationData,
                     });
                 }
-                uiStore.setUserPromptContentKey({ userPromptContentKey });
-                uiStore.setShowAiTemplatesTab({ showAiTemplatesTab });
                 templateSettingsStore.setTemplateCategories({
                     categories: templateCategories,
                 });
@@ -1229,7 +1227,6 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
             const navigationStyleSettingsStore = useUiNavigationStyleSettingsStore();
             const shopStore = useShopConfigStore();
             const pageNavigationStore = usePageNavigationStore();
-            const uiStore = useUiStore();
             const pages = pageSettingsStore.pages.map((p) => ({
                 ...p,
                 contents: p.contents.map((c) => c.settings.content),
@@ -1243,7 +1240,6 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
             const pageNavStructure = pageNavigationStore.nav;
             return {
                 v: GetLatestModelVersion(),
-                userPromptContentKey: uiStore.userPromptContentKey,
                 pages,
                 styles: {
                     logoStyles,

package/lib/src/brand-page-maker/stores/ui/ui-store.d.ts

@@ -23,12 +23,6 @@ export declare const useUiStore: import("pinia").StoreDefinition<"ui", UIRootSta
     setUserPersonalisationData({ personalisationData, }: {
         personalisationData: UserPersonalisationContent[];
     }): void;
-    setUserPromptContentKey({ userPromptContentKey, }: {
-        userPromptContentKey: string | undefined;
-    }): void;
-    setShowAiTemplatesTab({ showAiTemplatesTab, }: {
-        showAiTemplatesTab: boolean;
-    }): void;
     onBackgroundChanged(): void;
     onContentChanged(): void;
     onStyleChanged(): void;