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

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

@@ -75,6 +75,7 @@ export type InitialisePayload = Omit<BrandPageContainerState, 'customDomain' | '
     logoDraftAssets: LogoDraftAsset[];
     gettyVideos: GettyVideoEditorViewModelResponse[];
     templateSearchTerm: string | undefined;
+    aiTemplateKeywords: string | undefined;
     onSearchTermChanged?: OnSearchTermChangedCallback;
 };
 export declare const BRANDPAGE_STATUS: Readonly<{
@@ -102,8 +103,8 @@ export declare const useBrandPageContainerStore: import("pinia").StoreDefinition
             updated: Date;
             brandPageToken: string;
             domainName: string;
-            status: "active" | "pending" | "failed" | "renewFailed" | "deleted";
-            dnsConfigurationStatus: "request_expired" | "missing_expected_dns_records" | "invalid_multiple_dns_records_exist" | "unexpected_aaaa_record" | "completed";
+            status: import("@brand-page-maker/constants").CustomDomainStatus;
+            dnsConfigurationStatus: import("@brand-page-maker/constants").DnsConfigurationStatus;
             triggerOrigin?: string | undefined;
         } | null;
         createCustomDomainErrorMessage: string | null;
@@ -180,8 +181,8 @@ export declare const useBrandPageContainerStore: import("pinia").StoreDefinition
             updated: Date;
             brandPageToken: string;
             domainName: string;
-            status: "active" | "pending" | "failed" | "renewFailed" | "deleted";
-            dnsConfigurationStatus: "request_expired" | "missing_expected_dns_records" | "invalid_multiple_dns_records_exist" | "unexpected_aaaa_record" | "completed";
+            status: import("@brand-page-maker/constants").CustomDomainStatus;
+            dnsConfigurationStatus: import("@brand-page-maker/constants").DnsConfigurationStatus;
             triggerOrigin?: string | undefined;
         } | null;
         createCustomDomainErrorMessage: string | null;

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

@@ -2,13 +2,13 @@ import { defineStore } from 'pinia';
 import brandPageClient, {} from '../../../clients/brand-page-client';
 import { useBrandPageMakerStore, useBrandPageMakerUserStore, useLocalisedRouteStore, useLogoStore, useUiStore, useVideoStore, } from '@brand-page-maker/stores';
 import { SIDE_BAR_TAB_NAMES } from '@brand-page-maker/constants';
-import { BRAND_PAGE_TYPES, SENSITIVE_CONTENT_TYPES, getAbTestResults, getValueType, } from '@brand-page';
+import { BRAND_PAGE_TYPES, SENSITIVE_CONTENT_TYPES, getAbTestResults, } from '@brand-page';
 import { isLogoContent } from '@brand-page/utils';
 import { useUiEditableLogoStore } from '@shared/logo-settings/store';
 import uniq from 'lodash.uniq';
 import cloneDeep from 'lodash.clonedeep';
 import { useShopConfigStore } from '@shared/ecommerce-settings/store/shop-settings-store';
-import { TRIGGER_TYPE, UPGRADE_CTA_LOCATIONS, useEventTracker, EVENTS, } from '@brand-page-maker/composables/useEventTracker';
+import { TRIGGER_TYPE, UPGRADE_CTA_LOCATIONS, useEventTracker, } from '@brand-page-maker/composables/useEventTracker';
 import { navigationTr } from '@src/composables/useTranslate';
 import { errorTr, constantsTr } from '@src/composables/useTranslate';
 import { findValuesByKey } from '../../../helpers/ts.helper';
@@ -137,6 +137,9 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
                 initialSearchTerm: payload.templateSearchTerm ?? '',
                 onSearchTermChanged: payload.onSearchTermChanged,
             });
+            templateSettingsStore.setAiTemplateKeywords({
+                aiTemplateKeywords: payload.aiTemplateKeywords ?? '',
+            });
             brandPageMakerStore.setSelectedTemplateId({
                 templateId: this.designTemplateToken,
             });
@@ -258,7 +261,7 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
         },
         async publishBrandPage({ shouldPublish, slug }) {
             const brandPageMakerStore = useBrandPageMakerStore();
-            const eventTracker = useEventTracker();
+            const _eventTracker = useEventTracker();
             if (!this.designDraftToken) {
                 throw new Error('unable to publish brand page when designDraftToken is not set');
             }
@@ -338,7 +341,7 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
         },
         async publishBrandPageWithCustomDomainAsync({ shouldPublish, slug, domain, isPurchasedDomain, }) {
             const brandPageMakerStore = useBrandPageMakerStore();
-            const eventTracker = useEventTracker();
+            const _eventTracker = useEventTracker();
             if (!this.designDraftToken) {
                 throw new Error('unable to publish brand page when designDraftToken is not set');
             }
@@ -570,7 +573,7 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
         async saveBrandPage(payload = {}) {
             const userStore = useBrandPageMakerUserStore();
             const brandPageMakerStore = useBrandPageMakerStore();
-            const eventTracker = useEventTracker();
+            const _eventTracker = useEventTracker();
             if (userStore.isAdmin) {
                 throw new Error('save brand page is not allowed in admin mode');
             }

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

@@ -20,6 +20,8 @@ export interface InitialisePayload {
     templateCategories: TemplateCategory[];
     personalisationData?: UserPersonalisationContent[];
     isPersonalisationEnabled: boolean;
+    userPromptContentKey?: string;
+    showAiTemplatesTab?: boolean;
     businessName: string | undefined;
     industry: string | undefined;
     layout?: string;
@@ -231,7 +233,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, businessName, industry, layout, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: InitialisePayload): Promise<void>;
+    initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, shopConfigData: _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

@@ -1,5 +1,5 @@
 import { EMPTY_LOGO_IMAGE_MODEL, SENSITIVE_CONTENT_TYPES, TEXT_STYLE_TYPES, VIEWPORTS, } from '@brand-page';
-import { BackgroundStyles, BRAND_PAGE_TYPES, BrandPageModel, CONTENT_TYPES, NavigationDesktop, NavigationMobile, NavModel, } from '@brand-page';
+import { BackgroundStyles, BRAND_PAGE_TYPES, BrandPageModel, CONTENT_TYPES, NavigationDesktop, NavigationMobile, } from '@brand-page';
 import { useBrandPageMakerUserStore } from '../user';
 import { defineStore } from 'pinia';
 import { toRaw } from 'vue';
@@ -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, businessName, industry, layout, logoVariationImageUrls, shopConfigData, isServerRenderOverride = false, }) {
+        async initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab = false, businessName, industry, layout, logoVariationImageUrls, shopConfigData: _shopConfigData, isServerRenderOverride = false, }) {
             const brandPageContainerStore = useBrandPageContainerStore();
             const userStore = useBrandPageMakerUserStore();
             const uiStore = useUiStore();
@@ -834,7 +834,7 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
             const backgroundSettingsStore = useUiBackgroundSettingsStore();
             const styleSettingsStore = useUiStyleSettingsStore();
             const navigationStyleSettingsStore = useUiNavigationStyleSettingsStore();
-            const sideBarStore = useUiSideBarStore();
+            const _sideBarStore = useUiSideBarStore();
             navigationStyleSettingsStore.initialise({ reset: false });
             this.setIsInitialising({ isInitialising: true });
             try {
@@ -895,6 +895,8 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
                         personalisationData: personalisationData,
                     });
                 }
+                uiStore.setUserPromptContentKey({ userPromptContentKey });
+                uiStore.setShowAiTemplatesTab({ showAiTemplatesTab });
                 templateSettingsStore.setTemplateCategories({
                     categories: templateCategories,
                 });
@@ -1227,6 +1229,7 @@ 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),
@@ -1240,6 +1243,7 @@ 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/history/history-store.d.ts

@@ -27,12 +27,12 @@ export declare const useHistoryStore: import("pinia").StoreDefinition<"history",
     canRedo: import("vue").ComputedRef<boolean>;
     captureBaseline: () => void;
     capture: (args: {
-        source: HistoryEntry['source'];
-        actor: HistoryEntry['actor'];
+        source: HistoryEntry["source"];
+        actor: HistoryEntry["actor"];
         label?: string;
-    }) => 'committed' | 'oversized' | 'noop' | 'skipped';
-    captureTemplateSwitch: (label?: string) => 'committed' | 'oversized' | 'noop' | 'skipped';
-    captureAiChangeset: (label?: string) => 'committed' | 'oversized' | 'noop' | 'skipped';
+    }) => "committed" | "oversized" | "noop" | "skipped";
+    captureTemplateSwitch: (label?: string) => "committed" | "oversized" | "noop" | "skipped";
+    captureAiChangeset: (label?: string) => "committed" | "oversized" | "noop" | "skipped";
     mergeNextMutation: () => void;
     undo: () => Promise<void>;
     redo: () => Promise<void>;
@@ -49,12 +49,12 @@ export declare const useHistoryStore: import("pinia").StoreDefinition<"history",
     canRedo: import("vue").ComputedRef<boolean>;
     captureBaseline: () => void;
     capture: (args: {
-        source: HistoryEntry['source'];
-        actor: HistoryEntry['actor'];
+        source: HistoryEntry["source"];
+        actor: HistoryEntry["actor"];
         label?: string;
-    }) => 'committed' | 'oversized' | 'noop' | 'skipped';
-    captureTemplateSwitch: (label?: string) => 'committed' | 'oversized' | 'noop' | 'skipped';
-    captureAiChangeset: (label?: string) => 'committed' | 'oversized' | 'noop' | 'skipped';
+    }) => "committed" | "oversized" | "noop" | "skipped";
+    captureTemplateSwitch: (label?: string) => "committed" | "oversized" | "noop" | "skipped";
+    captureAiChangeset: (label?: string) => "committed" | "oversized" | "noop" | "skipped";
     mergeNextMutation: () => void;
     undo: () => Promise<void>;
     redo: () => Promise<void>;
@@ -71,12 +71,12 @@ export declare const useHistoryStore: import("pinia").StoreDefinition<"history",
     canRedo: import("vue").ComputedRef<boolean>;
     captureBaseline: () => void;
     capture: (args: {
-        source: HistoryEntry['source'];
-        actor: HistoryEntry['actor'];
+        source: HistoryEntry["source"];
+        actor: HistoryEntry["actor"];
         label?: string;
-    }) => 'committed' | 'oversized' | 'noop' | 'skipped';
-    captureTemplateSwitch: (label?: string) => 'committed' | 'oversized' | 'noop' | 'skipped';
-    captureAiChangeset: (label?: string) => 'committed' | 'oversized' | 'noop' | 'skipped';
+    }) => "committed" | "oversized" | "noop" | "skipped";
+    captureTemplateSwitch: (label?: string) => "committed" | "oversized" | "noop" | "skipped";
+    captureAiChangeset: (label?: string) => "committed" | "oversized" | "noop" | "skipped";
     mergeNextMutation: () => void;
     undo: () => Promise<void>;
     redo: () => Promise<void>;

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

@@ -23,6 +23,12 @@ 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;

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

@@ -27,6 +27,8 @@ export const useUiStore = defineStore('ui', {
         },
         personalisationData: undefined,
         isPersonalisationEnabled: false,
+        userPromptContentKey: undefined,
+        showAiTemplatesTab: false,
     }),
     actions: {
         setLogoTheme(payload) {
@@ -47,6 +49,12 @@ export const useUiStore = defineStore('ui', {
         setUserPersonalisationData({ personalisationData, }) {
             this.personalisationData = personalisationData;
         },
+        setUserPromptContentKey({ userPromptContentKey, }) {
+            this.userPromptContentKey = userPromptContentKey;
+        },
+        setShowAiTemplatesTab({ showAiTemplatesTab, }) {
+            this.showAiTemplatesTab = showAiTemplatesTab;
+        },
         onBackgroundChanged() {
             const brandPageMakerStore = useBrandPageMakerStore();
             brandPageMakerStore.onBackgroundChanged();

package/lib/src/brand-page-maker/utils/content-settings.util.js

@@ -1,4 +1,4 @@
-import { SENSITIVE_CONTENT_TYPES } from '@brand-page';
+import {} from '@brand-page';
 import { RESERVED_FIELD_NAMES } from '@shared/content-settings/constants';
 import { CONTENT_SETTINGS_CONFIGS } from '../constants';
 export const mapContentSettingsConfigToAddContentOption = (features) => (config) => {

package/lib/src/brand-page-maker/utils/rich-text-editor.util.d.ts

@@ -31,5 +31,5 @@ export declare const sanitiseClientSideRTE: (html: string) => SanitizationResult
  */
 export declare const sanitizeRTEHtml: (html: string, domPurify: DOMPurify) => SanitizationResult;
 export declare const isLogoColor: (color: string) => boolean;
-export declare const getRTEColor: (color: string | null | undefined, colorType?: 'text' | 'background', defaultValue?: string) => string;
+export declare const getRTEColor: (color: string | null | undefined, colorType?: "text" | "background", defaultValue?: string) => string;
 export declare const hasLogoColorVar: (color: string) => boolean;

package/lib/src/brand-page-maker/utils/rich-text-editor.util.js

@@ -314,7 +314,7 @@ const transformRTEField = (content, pair, externalEditor, uiStyleSettingsStore,
     if (textStyleType && (textStyleType === type || uiStyleSettingsStore)) {
         let globalContentStyle = uiStyleSettingsStore
             ? uiStyleSettingsStore.textStyles.textStyleOptions[textStyleType].style
-            : newStyle ?? {};
+            : (newStyle ?? {});
         globalContentStyle = {
             ...globalContentStyle,
             textAlign: style?.textAlign,
@@ -371,7 +371,7 @@ export const transformToRTE = (uiPageSettingStore, externalEditor, uiStyleSettin
                             (textItemStyleType === type || uiStyleSettingsStore)) {
                             let globalContentStyle = uiStyleSettingsStore
                                 ? uiStyleSettingsStore.textStyles.textStyleOptions[textItemStyleType].style
-                                : newStyle ?? {};
+                                : (newStyle ?? {});
                             globalContentStyle = {
                                 ...globalContentStyle,
                                 textAlign: textItemContent.textStyle.textAlign,
@@ -396,7 +396,7 @@ export const transformToRTE = (uiPageSettingStore, externalEditor, uiStyleSettin
                         let globalContentStyle = uiStyleSettingsStore
                             ? uiStyleSettingsStore.textStyles.textStyleOptions[textStyleType]
                                 .style
-                            : newStyle ?? {};
+                            : (newStyle ?? {});
                         globalContentStyle = {
                             ...globalContentStyle,
                             textAlign: textContent.textStyle.textAlign,
@@ -428,7 +428,7 @@ export const switchAllContentToRTE = (uiPageSettingStore, externalEditor, uiStyl
             if (contentItem.type === 'text') {
                 const textContent = contentItem.settings.content;
                 if (textContent.textItems && textContent.textItems.length > 0) {
-                    for (const [itemIndex, textItemContent,] of textContent.textItems.entries()) {
+                    for (const [_itemIndex, textItemContent,] of textContent.textItems.entries()) {
                         const textItemStyleType = textItemContent.textStyle.textStyleType;
                         if (textItemStyleType && uiStyleSettingsStore) {
                             let globalContentStyle = uiStyleSettingsStore.textStyles

package/lib/src/clients/ai-assistant-client.d.ts

@@ -1,5 +1,6 @@
 import type { MinifiedBrandPageMetadata } from '../utils/minify-brand-page-metadata';
 import type { AssetEntry } from '../utils/build-asset-manifest';
+import type { BrandPageModel } from '../brand-page/models';
 export interface ActiveContext {
     currentPageId: string;
 }
@@ -9,6 +10,12 @@ export interface LogoContext {
 }
 export interface WebsiteContext {
     metadata: MinifiedBrandPageMetadata;
+    /**
+     * Full structural metadata (logos externalized to `logoAssetKey`, no base64,
+     * no field-stripping) — persisted for the preview render only. The LLM uses
+     * `metadata` (minified); the preview renderer uses this for full fidelity.
+     */
+    metadataFull?: BrandPageModel;
     assets?: AssetEntry[];
     activeContext?: ActiveContext;
     businessName?: string;

package/lib/src/clients/brand-page-client.d.ts

@@ -1,3 +1,4 @@
+import type { BrandPageType } from '@brand-page';
 import type { WebsiteSlugCheckResponse } from '@brand-page-maker/models/api.model';
 import type { BrandPageLogoDesignAttributesModel } from './fabric-render-client';
 export interface SaveBrandPageResponse {
@@ -42,20 +43,20 @@ export interface getWebsiteContextualUpgradeResponse {
     showContextualUpgrade: boolean;
 }
 declare const _default: {
-    saveBrandPageAsync: (brandPageType: "default" | "brandSite" | "brandContact", request: any, designDraftToken?: string | undefined) => Promise<SaveBrandPageResponse | null>;
-    setBrandPageSlugAsync: (brandPageType: "default" | "brandSite" | "brandContact", designDraftToken: any, options: any) => Promise<PublishBrandPageResponse | null>;
-    createDefaultBrandPage: (brandPageType: "default" | "brandSite" | "brandContact", slug: any, logoDraftToken: any) => Promise<any>;
-    unpublishBrandPageAsync: (brandPageType: "default" | "brandSite" | "brandContact", designDraftToken: any) => Promise<PublishBrandPageResponse | null>;
-    updateBrandPageMetaAsync: (brandPageType: "default" | "brandSite" | "brandContact", designDraftToken: any, request: any) => Promise<any>;
-    updateSensitiveContentAsync: (brandPageType: "default" | "brandSite" | "brandContact", designDraftToken: any, request: any) => Promise<any>;
-    getStripeOnboardingUrl: (brandPageType: "default" | "brandSite" | "brandContact", designDraftToken: any, taxId: any, options?: {}) => Promise<any>;
-    createBrandPageCustomDomainAsync: (brandPageType: "default" | "brandSite" | "brandContact", designDraftToken: any, domainName: any, isPurchasedDomain: boolean) => Promise<import("axios").AxiosResponse<any, any>>;
-    deleteBrandPageCustomDomainByCustomDomainIdAsync: (brandPageType: "default" | "brandSite" | "brandContact", designDraftToken: any, customDomainId: any) => Promise<void>;
-    getBrandPageCustomDomainConfigAsync: (brandPageType: "default" | "brandSite" | "brandContact") => Promise<any>;
-    updateBrandPageIsCustomDomainEnabledAsync: (brandPageType: "default" | "brandSite" | "brandContact", designDraftToken: any, isCustomDomainEnabled: any) => Promise<any>;
-    getBrandPageIsCustomDomainEnabledAsync: (brandPageType: "default" | "brandSite" | "brandContact", designDraftToken: any) => Promise<any>;
-    getBrandPageCustomDomainAsync: (brandPageType: "default" | "brandSite" | "brandContact", designDraftToken: any) => Promise<any>;
-    checkWebsiteSlugAsync: (brandPageType: "default" | "brandSite" | "brandContact", designDraftToken: string, slug: string) => Promise<WebsiteSlugCheckResponse>;
+    saveBrandPageAsync: (brandPageType: BrandPageType, request: any, designDraftToken?: string) => Promise<SaveBrandPageResponse | null>;
+    setBrandPageSlugAsync: (brandPageType: BrandPageType, designDraftToken: any, options: any) => Promise<PublishBrandPageResponse | null>;
+    createDefaultBrandPage: (brandPageType: BrandPageType, slug: any, logoDraftToken: any) => Promise<any>;
+    unpublishBrandPageAsync: (brandPageType: BrandPageType, designDraftToken: any) => Promise<PublishBrandPageResponse | null>;
+    updateBrandPageMetaAsync: (brandPageType: BrandPageType, designDraftToken: any, request: any) => Promise<any>;
+    updateSensitiveContentAsync: (brandPageType: BrandPageType, designDraftToken: any, request: any) => Promise<any>;
+    getStripeOnboardingUrl: (brandPageType: BrandPageType, designDraftToken: any, taxId: any, options?: {}) => Promise<any>;
+    createBrandPageCustomDomainAsync: (brandPageType: BrandPageType, designDraftToken: any, domainName: any, isPurchasedDomain: boolean) => Promise<import("axios").AxiosResponse<any, any, {}>>;
+    deleteBrandPageCustomDomainByCustomDomainIdAsync: (brandPageType: BrandPageType, designDraftToken: any, customDomainId: any) => Promise<void>;
+    getBrandPageCustomDomainConfigAsync: (brandPageType: BrandPageType) => Promise<any>;
+    updateBrandPageIsCustomDomainEnabledAsync: (brandPageType: BrandPageType, designDraftToken: any, isCustomDomainEnabled: any) => Promise<any>;
+    getBrandPageIsCustomDomainEnabledAsync: (brandPageType: BrandPageType, designDraftToken: any) => Promise<any>;
+    getBrandPageCustomDomainAsync: (brandPageType: BrandPageType, designDraftToken: any) => Promise<any>;
+    checkWebsiteSlugAsync: (brandPageType: BrandPageType, designDraftToken: string, slug: string) => Promise<WebsiteSlugCheckResponse>;
     searchLogoTemplatesAsync: (request: {
         businessName: string;
         query: string;
@@ -64,6 +65,6 @@ declare const _default: {
     }) => Promise<SearchLogoTemplatesResponse | undefined>;
     sendLogoSearchImpressionClickData: (logoToken: string, searchImpressionId: string) => Promise<void>;
     updatePaymentConfigCurrencyAsync: (brandPageToken: string, paymentConfigId: string, newCurrencyId: string) => Promise<any>;
-    getWebsiteContextualUpgradeTestBucketAsync: (brandPageType: "default" | "brandSite" | "brandContact") => Promise<getWebsiteContextualUpgradeResponse | undefined>;
+    getWebsiteContextualUpgradeTestBucketAsync: (brandPageType: BrandPageType) => Promise<getWebsiteContextualUpgradeResponse | undefined>;
 };
 export default _default;

package/lib/src/clients/design-template-client.d.ts

@@ -4,6 +4,7 @@ interface DesignTemplateClientOptions {
 interface GetTemplatesAsyncOptions {
     categoryName?: string;
     searchTerm?: string;
+    keywords?: string;
     side?: string;
     logoDraftToken?: string;
     logoVariation?: number;
@@ -15,6 +16,8 @@ interface GetTemplatesAsyncOptions {
     locale?: string;
     logoS3Token?: string;
     logoTemplateToken?: string;
+    pageSection?: string;
+    pageName?: string;
 }
 export declare const getTemplatesEndpoint: (templateTypeName: string) => string;
 export declare const getTemplateEndpoint: (templateToken: any) => string;

package/lib/src/clients/media-client.d.ts

@@ -2,7 +2,7 @@ export default class MediaClient {
     /**
      * @param {MediaClientOptions} options
      */
-    constructor(options: MakerSettings);
+    constructor(options: MediaClientOptions);
     findPaginatedAdminMediaEndpoint: (skip: any, take: any, videoOnly: any) => string;
     uploadAdminMediaEndpoint: () => string;
     userPolicyDataEndpoint: () => string;
@@ -55,7 +55,7 @@ export default class MediaClient {
      * @returns {Promise<MediaDownloadEntity[]>}
      */
     getAllUserAsync(skip: any, take: any, videoOnly: any): Promise<MediaDownloadEntity[]>;
-    updateUserMediaSourceImageUrlByUserMediaTokenAsync(mediaToken: any, sourceImageUrl: any): Promise<import("axios").AxiosResponse<any, any>>;
+    updateUserMediaSourceImageUrlByUserMediaTokenAsync(mediaToken: any, sourceImageUrl: any): Promise<import("axios").AxiosResponse<any, any, {}>>;
     getUserMediaByTokenAsync(mediaToken: any): Promise<any>;
 }
 export type PolicyData = {

package/lib/src/clients/models.d.ts

@@ -4,6 +4,7 @@ export interface Paginated<T> {
     pageSize: number;
     pageCount: number;
     totalResultCount: number;
+    abTestValuesToBePushed?: Record<string, string>;
 }
 export interface DesignTemplate {
     token: string;
@@ -12,6 +13,7 @@ export interface DesignTemplate {
 }
 export interface PaginatedDesignTemplateItem {
     designTemplateToken: string;
+    isPersonalisable?: boolean;
     previewImageUrl?: string;
 }
 export interface DisplayLogoDraftAsset {

package/lib/src/composables/useSnapshot.js

@@ -131,13 +131,17 @@ export function useSnapshot() {
             // the width crisp and let MAX_SNAPSHOT_HEIGHT bound the cost.
             const captureWidth = target.clientWidth || target.offsetWidth || 1;
             const scale = Math.min(1, SNAPSHOT_TARGET_WIDTH / captureWidth);
-            // Pre-fetch blob-backed SVGs from content shape <object> elements so they
-            // can be rendered as <img> in the clone (html2canvas can't reach into the
-            // isolated DOM inside <object>). Background-shape blob <img>s are NOT
-            // converted: html2canvas renders them no differently with or without the
-            // conversion, so it'd just be wasted fetches.
+            // Inline every shape's blob-backed SVG as a data: URI up front. Shapes
+            // (content + background) render their coloured SVG via an <img> whose src
+            // is a `blob:` URL from URL.createObjectURL. The owning component revokes
+            // that blob on re-render (colour/size/imageUrl change) and on unmount —
+            // exactly what an AI "change all my contents" run triggers right before we
+            // capture. html2canvas fetches each <img> src ASYNCHRONOUSLY while
+            // rendering, so a concurrent revoke leaves it fetching a dead blob URL →
+            // the shape 404s and snapshots blank. A data: URI can't be revoked, so
+            // swapping the blob for one in the clone removes the race.
             const blobSvgUris = new Map();
-            const blobSources = Array.from(element.querySelectorAll('.c-shape-object object')).map((o) => o.getAttribute('data'));
+            const blobSources = Array.from(element.querySelectorAll('.c-shape-object img')).map((img) => img.getAttribute('src'));
             for (const src of blobSources) {
                 if (src && src.startsWith('blob:') && !blobSvgUris.has(src)) {
                     try {
@@ -245,19 +249,15 @@ export function useSnapshot() {
                         height: 'auto',
                         overflow: 'visible',
                     });
-                    // Swap content shape <object>s for <img> using the pre-fetched data
-                    // URIs (html2canvas can't render <object> SVGs directly).
+                    // Repoint each shape <img> from its (revocable) blob: src to the
+                    // pre-fetched data: URI so html2canvas never fetches a blob that may
+                    // have been revoked mid-capture.
                     _doc
-                        .querySelectorAll('.c-shape-object object')
-                        .forEach((obj) => {
-                        const dataUrl = obj.getAttribute('data');
-                        if (dataUrl && blobSvgUris.has(dataUrl)) {
-                            const img = _doc.createElement('img');
-                            img.src = blobSvgUris.get(dataUrl);
-                            const style = obj.getAttribute('style');
-                            if (style)
-                                img.setAttribute('style', style);
-                            obj.parentNode?.replaceChild(img, obj);
+                        .querySelectorAll('.c-shape-object img')
+                        .forEach((img) => {
+                        const src = img.getAttribute('src');
+                        if (src && blobSvgUris.has(src)) {
+                            img.src = blobSvgUris.get(src);
                         }
                     });
                     // Replace object-fit images with a background-size div so they