@designcrowd/library.brand-page 6.0.3 → 6.0.4

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

@@ -19,8 +19,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         updated: Date;
         brandPageToken: string;
         domainName: string;
-        status: import("@brand-page-maker/constants").CustomDomainStatus;
-        dnsConfigurationStatus: import("@brand-page-maker/constants").DnsConfigurationStatus;
+        status: "active" | "pending" | "failed" | "renewFailed" | "deleted";
+        dnsConfigurationStatus: "request_expired" | "missing_expected_dns_records" | "invalid_multiple_dns_records_exist" | "unexpected_aaaa_record" | "completed";
         triggerOrigin?: string | undefined;
     } | null>;
     brandPageType: import("vue").ComputedRef<"default" | "brandSite" | "brandContact">;
@@ -50,8 +50,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 updated: Date;
                 brandPageToken: string;
                 domainName: string;
-                status: import("@brand-page-maker/constants").CustomDomainStatus;
-                dnsConfigurationStatus: import("@brand-page-maker/constants").DnsConfigurationStatus;
+                status: "active" | "pending" | "failed" | "renewFailed" | "deleted";
+                dnsConfigurationStatus: "request_expired" | "missing_expected_dns_records" | "invalid_multiple_dns_records_exist" | "unexpected_aaaa_record" | "completed";
                 triggerOrigin?: string | undefined;
             } | null;
             createCustomDomainErrorMessage: string | null;
@@ -107,7 +107,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
-            contextualUpgradeType: import("@brand-page-maker/stores").WebsiteContextUpgradeType | undefined;
+            contextualUpgradeType: string | number | symbol | undefined;
             requestVerificationToken?: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
@@ -128,8 +128,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 updated: Date;
                 brandPageToken: string;
                 domainName: string;
-                status: import("@brand-page-maker/constants").CustomDomainStatus;
-                dnsConfigurationStatus: import("@brand-page-maker/constants").DnsConfigurationStatus;
+                status: "active" | "pending" | "failed" | "renewFailed" | "deleted";
+                dnsConfigurationStatus: "request_expired" | "missing_expected_dns_records" | "invalid_multiple_dns_records_exist" | "unexpected_aaaa_record" | "completed";
                 triggerOrigin?: string | undefined;
             } | null;
             createCustomDomainErrorMessage: string | null;
@@ -185,7 +185,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
-            contextualUpgradeType: import("@brand-page-maker/stores").WebsiteContextUpgradeType | undefined;
+            contextualUpgradeType: string | number | symbol | undefined;
             requestVerificationToken?: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").BrandPageContainerState>) => boolean;
     }, {
@@ -222,7 +222,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setIsSubsequentPublish(payload: any): void;
         clearPublishErrorMessage(): void;
         closePublishModal(payload?: {
-            skipShowNextNotificationMessage?: boolean;
+            skipShowNextNotificationMessage?: boolean | undefined;
         }): Promise<void>;
         closeUpgradeModal(): Promise<void>;
         endBrandPageSlugEditMode(): void;
@@ -245,8 +245,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         redirectToStripeOnboarding(): Promise<void>;
         exportDesignAsync(): Promise<any>;
         saveBrandPage(payload?: {
-            isPublish?: boolean;
-            eventButtonLocation?: string;
+            isPublish?: boolean | undefined;
+            eventButtonLocation?: string | undefined;
         }): Promise<false | {
             saved: boolean;
             canPublish: boolean;
@@ -255,9 +255,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         saveAndPublishBrandPage(eventButtonLocation: string): Promise<void>;
         saveTemplate(): Promise<void>;
         setBrandPageStatus(status: any): Promise<void>;
-        showPublishModal(eventButtonLocation?: string, websiteUpsellModalViewModel?: any, isSubsequentPublish?: boolean): void;
+        showPublishModal(eventButtonLocation?: string | undefined, websiteUpsellModalViewModel?: any, isSubsequentPublish?: boolean | undefined): void;
         showBrandPageSlugEditModal(eventButtonLocation: string): Promise<void>;
-        showUpgradeModalAndSaveAsync(contextualUpgradeType?: import("@brand-page-maker/stores").WebsiteContextUpgradeType, cta?: string): Promise<void>;
+        showUpgradeModalAndSaveAsync(contextualUpgradeType?: string | number | symbol | undefined, cta?: string | undefined): Promise<void>;
         getContextualUpgradeResponseAsync(): Promise<import("../../../clients/brand-page-client").getWebsiteContextualUpgradeResponse | undefined>;
         showStripeOnboardingModal(): void;
         closeStripeOnboardingModal(): void;
@@ -296,7 +296,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         brandPageToken(): string | undefined;
         brandPageDescription(): string;
         brandPageSlug(): string;
-        brandPageTemplate(): import("../../../brand-page").BrandPageData;
+        brandPageTemplate(): any;
         brandPageTitle(): string;
         brandPageViewModel(): import("../../../brand-page").BrandPageViewModel;
         gettyVideoIds(): string[];
@@ -311,7 +311,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         showBrandCrowdLogo(): boolean;
     }, {
         setMode(payload: {
-            mode: import("@brand-page-maker/stores").BrandPageSettingsMode;
+            mode: "images" | "edit";
         }): void;
         setFaviconUrl(payload: {
             faviconUrl: string | undefined;
@@ -355,7 +355,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         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;
@@ -374,9 +374,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         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;
@@ -392,16 +392,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             content: TContent;
         }>(payload: P): Promise<void>;
         _captureTemplateSwitchIfEnabled(): void;
-        applyHistorySnapshot(snapshot: import("../../../brand-page").BrandPageModel, activePageId?: string, logoEditsStr?: string): Promise<void>;
-        _syncLogoSettingsFromSnapshot(snapshot: import("../../../brand-page").BrandPageModel, logoEditsStr?: string): Promise<void>;
-        _navigateToActivePage(activePageId?: string): void;
+        applyHistorySnapshot(snapshot: import("../../../brand-page").BrandPageModel, activePageId?: string | undefined, logoEditsStr?: string | undefined): Promise<void>;
+        _syncLogoSettingsFromSnapshot(snapshot: import("../../../brand-page").BrandPageModel, logoEditsStr?: string | undefined): Promise<void>;
+        _navigateToActivePage(activePageId?: string | undefined): void;
         _fallbackSidebarIfSelectedContentMissing(snapshot: import("../../../brand-page").BrandPageModel): void;
         export(): import("../../../brand-page").BrandPageModel;
         setBrandPageType({ brandPageType }: {
-            brandPageType: import("../../../brand-page").BrandPageType;
+            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: _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;
@@ -429,7 +429,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             viewport: import("../../../brand-page").ViewportsType;
         }): void;
         showStripeOnboardingModal(): Promise<void>;
-        selectInitialCategories(payload: import("@brand-page-maker/stores").SelectedCategoryPayload): void;
+        selectInitialCategories(payload: import("../../../shared/template-settings/models").InitialCategories): void;
     }>;
     localisedRouteStore: import("pinia").Store<"localisedRoute", import("@brand-page-maker/stores").LocalisedRouteState, {
         currentPublishedSlugUrl: (state: {
@@ -475,8 +475,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, {
         initialise(payload: any): void;
         setRenameUrl(url: string): void;
-        buildUtmQueryStrings(brandPageType: string, utmCampaign?: string): string;
-        getBuilderLandingPageByTypeUrl(isPreview: boolean, brandPageType: string, isDesignCom: boolean, locale: string, utmCampaign?: string): string;
+        buildUtmQueryStrings(brandPageType: string, utmCampaign?: string | undefined): string;
+        getBuilderLandingPageByTypeUrl(isPreview: boolean, brandPageType: string, isDesignCom: boolean, locale: string, utmCampaign?: string | undefined): string;
     }>;
 }, {
     customDomainName: string | undefined;

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

@@ -1,6 +1,6 @@
 import { defineComponent, computed } from 'vue';
 import { BRANDCROWD_MANAGED_TRIGGER_ORIGIN, CUSTOM_DOMAIN_INSTRUCTION_DNS_HOST_DISPLAY_TEXT, CUSTOM_DOMAIN_STATUSES, DNS_CONFIGURATION_STATUSES, } from '@brand-page-maker/constants';
-import { useBrandPageContainerStore, useBrandPageMakerStore, useLocalisedRouteStore, } from '@brand-page-maker/stores';
+import { useBrandPageContainerStore, useBrandPageMakerStore, useLocalisedRouteStore, useBrandPageMakerUserStore, } from '@brand-page-maker/stores';
 import { defaultUSDCurrency } from '@brand-page-maker/constants/currency-constants';
 import { validateCustomDomainName } from '@brand-page-maker/utils';
 import { seoSettingsTr, commonTr } from '@src/composables/useTranslate';

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

@@ -1,9 +1,4 @@
 import type { UserDomainName } from '@brand-page/models/user-domain.model';
-declare const EXISTING_DOMAIN_RADIO_VALUES: {
-    readonly purchased: "purchased";
-    readonly existing: "existing";
-};
-type ExistingDomainRadioValue = keyof typeof EXISTING_DOMAIN_RADIO_VALUES;
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     isVisible: {
         type: BooleanConstructor;
@@ -31,8 +26,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 updated: Date;
                 brandPageToken: string;
                 domainName: string;
-                status: import("@brand-page-maker/constants/brandpage-constant").CustomDomainStatus;
-                dnsConfigurationStatus: import("@brand-page-maker/constants/brandpage-constant").DnsConfigurationStatus;
+                status: "active" | "pending" | "failed" | "renewFailed" | "deleted";
+                dnsConfigurationStatus: "request_expired" | "missing_expected_dns_records" | "invalid_multiple_dns_records_exist" | "unexpected_aaaa_record" | "completed";
                 triggerOrigin?: string | undefined;
             } | null;
             createCustomDomainErrorMessage: string | null;
@@ -88,7 +83,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
-            contextualUpgradeType: import("@brand-page-maker/stores").WebsiteContextUpgradeType | undefined;
+            contextualUpgradeType: string | number | symbol | undefined;
             requestVerificationToken?: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
@@ -109,8 +104,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 updated: Date;
                 brandPageToken: string;
                 domainName: string;
-                status: import("@brand-page-maker/constants/brandpage-constant").CustomDomainStatus;
-                dnsConfigurationStatus: import("@brand-page-maker/constants/brandpage-constant").DnsConfigurationStatus;
+                status: "active" | "pending" | "failed" | "renewFailed" | "deleted";
+                dnsConfigurationStatus: "request_expired" | "missing_expected_dns_records" | "invalid_multiple_dns_records_exist" | "unexpected_aaaa_record" | "completed";
                 triggerOrigin?: string | undefined;
             } | null;
             createCustomDomainErrorMessage: string | null;
@@ -166,7 +161,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
-            contextualUpgradeType: import("@brand-page-maker/stores").WebsiteContextUpgradeType | undefined;
+            contextualUpgradeType: string | number | symbol | undefined;
             requestVerificationToken?: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").BrandPageContainerState>) => boolean;
     }, {
@@ -203,7 +198,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setIsSubsequentPublish(payload: any): void;
         clearPublishErrorMessage(): void;
         closePublishModal(payload?: {
-            skipShowNextNotificationMessage?: boolean;
+            skipShowNextNotificationMessage?: boolean | undefined;
         }): Promise<void>;
         closeUpgradeModal(): Promise<void>;
         endBrandPageSlugEditMode(): void;
@@ -226,8 +221,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         redirectToStripeOnboarding(): Promise<void>;
         exportDesignAsync(): Promise<any>;
         saveBrandPage(payload?: {
-            isPublish?: boolean;
-            eventButtonLocation?: string;
+            isPublish?: boolean | undefined;
+            eventButtonLocation?: string | undefined;
         }): Promise<false | {
             saved: boolean;
             canPublish: boolean;
@@ -236,9 +231,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         saveAndPublishBrandPage(eventButtonLocation: string): Promise<void>;
         saveTemplate(): Promise<void>;
         setBrandPageStatus(status: any): Promise<void>;
-        showPublishModal(eventButtonLocation?: string, websiteUpsellModalViewModel?: any, isSubsequentPublish?: boolean): void;
+        showPublishModal(eventButtonLocation?: string | undefined, websiteUpsellModalViewModel?: any, isSubsequentPublish?: boolean | undefined): void;
         showBrandPageSlugEditModal(eventButtonLocation: string): Promise<void>;
-        showUpgradeModalAndSaveAsync(contextualUpgradeType?: import("@brand-page-maker/stores").WebsiteContextUpgradeType, cta?: string): Promise<void>;
+        showUpgradeModalAndSaveAsync(contextualUpgradeType?: string | number | symbol | undefined, cta?: string | undefined): Promise<void>;
         getContextualUpgradeResponseAsync(): Promise<import("../../../clients/brand-page-client").getWebsiteContextualUpgradeResponse | undefined>;
         showStripeOnboardingModal(): void;
         closeStripeOnboardingModal(): void;
@@ -271,7 +266,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>;
     isPublished: import("vue").ComputedRef<boolean>;
 }, {
-    radioValue: ExistingDomainRadioValue;
+    radioValue: "purchased" | "existing";
     EXISTING_DOMAIN_RADIO_VALUES: {
         readonly purchased: "purchased";
         readonly existing: "existing";

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

@@ -27,7 +27,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         brandPageToken(): string | undefined;
         brandPageDescription(): string;
         brandPageSlug(): string;
-        brandPageTemplate(): import("../../../brand-page").BrandPageData;
+        brandPageTemplate(): any;
         brandPageTitle(): string;
         brandPageViewModel(): import("../../../brand-page").BrandPageViewModel;
         gettyVideoIds(): string[];
@@ -42,7 +42,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         showBrandCrowdLogo(): boolean;
     }, {
         setMode(payload: {
-            mode: import("@brand-page-maker/stores").BrandPageSettingsMode;
+            mode: "images" | "edit";
         }): void;
         setFaviconUrl(payload: {
             faviconUrl: string | undefined;
@@ -86,7 +86,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         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;
@@ -105,9 +105,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         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;
@@ -123,16 +123,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             content: TContent;
         }>(payload: P): Promise<void>;
         _captureTemplateSwitchIfEnabled(): void;
-        applyHistorySnapshot(snapshot: import("../../../brand-page").BrandPageModel, activePageId?: string, logoEditsStr?: string): Promise<void>;
-        _syncLogoSettingsFromSnapshot(snapshot: import("../../../brand-page").BrandPageModel, logoEditsStr?: string): Promise<void>;
-        _navigateToActivePage(activePageId?: string): void;
+        applyHistorySnapshot(snapshot: import("../../../brand-page").BrandPageModel, activePageId?: string | undefined, logoEditsStr?: string | undefined): Promise<void>;
+        _syncLogoSettingsFromSnapshot(snapshot: import("../../../brand-page").BrandPageModel, logoEditsStr?: string | undefined): Promise<void>;
+        _navigateToActivePage(activePageId?: string | undefined): void;
         _fallbackSidebarIfSelectedContentMissing(snapshot: import("../../../brand-page").BrandPageModel): void;
         export(): import("../../../brand-page").BrandPageModel;
         setBrandPageType({ brandPageType }: {
-            brandPageType: import("../../../brand-page").BrandPageType;
+            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: _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;
@@ -160,7 +160,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             viewport: import("../../../brand-page").ViewportsType;
         }): void;
         showStripeOnboardingModal(): Promise<void>;
-        selectInitialCategories(payload: import("@brand-page-maker/stores").SelectedCategoryPayload): void;
+        selectInitialCategories(payload: import("../../../shared/template-settings/models").InitialCategories): void;
     }>;
 }, {
     titleError: string;

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

@@ -1,6 +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;
@@ -67,15 +68,16 @@ 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: {
-            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;
     }>;
     brandPageContainerStore: import("pinia").Store<"brandPageContainer", import("@brand-page-maker/stores").BrandPageContainerState, {
@@ -99,8 +101,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 updated: Date;
                 brandPageToken: string;
                 domainName: string;
-                status: import("@brand-page-maker/constants").CustomDomainStatus;
-                dnsConfigurationStatus: import("@brand-page-maker/constants").DnsConfigurationStatus;
+                status: "active" | "pending" | "failed" | "renewFailed" | "deleted";
+                dnsConfigurationStatus: "request_expired" | "missing_expected_dns_records" | "invalid_multiple_dns_records_exist" | "unexpected_aaaa_record" | "completed";
                 triggerOrigin?: string | undefined;
             } | null;
             createCustomDomainErrorMessage: string | null;
@@ -156,7 +158,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
-            contextualUpgradeType: import("@brand-page-maker/stores").WebsiteContextUpgradeType | undefined;
+            contextualUpgradeType: string | number | symbol | undefined;
             requestVerificationToken?: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
@@ -177,8 +179,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 updated: Date;
                 brandPageToken: string;
                 domainName: string;
-                status: import("@brand-page-maker/constants").CustomDomainStatus;
-                dnsConfigurationStatus: import("@brand-page-maker/constants").DnsConfigurationStatus;
+                status: "active" | "pending" | "failed" | "renewFailed" | "deleted";
+                dnsConfigurationStatus: "request_expired" | "missing_expected_dns_records" | "invalid_multiple_dns_records_exist" | "unexpected_aaaa_record" | "completed";
                 triggerOrigin?: string | undefined;
             } | null;
             createCustomDomainErrorMessage: string | null;
@@ -234,7 +236,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
-            contextualUpgradeType: import("@brand-page-maker/stores").WebsiteContextUpgradeType | undefined;
+            contextualUpgradeType: string | number | symbol | undefined;
             requestVerificationToken?: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").BrandPageContainerState>) => boolean;
     }, {
@@ -271,7 +273,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setIsSubsequentPublish(payload: any): void;
         clearPublishErrorMessage(): void;
         closePublishModal(payload?: {
-            skipShowNextNotificationMessage?: boolean;
+            skipShowNextNotificationMessage?: boolean | undefined;
         }): Promise<void>;
         closeUpgradeModal(): Promise<void>;
         endBrandPageSlugEditMode(): void;
@@ -294,8 +296,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         redirectToStripeOnboarding(): Promise<void>;
         exportDesignAsync(): Promise<any>;
         saveBrandPage(payload?: {
-            isPublish?: boolean;
-            eventButtonLocation?: string;
+            isPublish?: boolean | undefined;
+            eventButtonLocation?: string | undefined;
         }): Promise<false | {
             saved: boolean;
             canPublish: boolean;
@@ -304,9 +306,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         saveAndPublishBrandPage(eventButtonLocation: string): Promise<void>;
         saveTemplate(): Promise<void>;
         setBrandPageStatus(status: any): Promise<void>;
-        showPublishModal(eventButtonLocation?: string, websiteUpsellModalViewModel?: any, isSubsequentPublish?: boolean): void;
+        showPublishModal(eventButtonLocation?: string | undefined, websiteUpsellModalViewModel?: any, isSubsequentPublish?: boolean | undefined): void;
         showBrandPageSlugEditModal(eventButtonLocation: string): Promise<void>;
-        showUpgradeModalAndSaveAsync(contextualUpgradeType?: import("@brand-page-maker/stores").WebsiteContextUpgradeType, cta?: string): Promise<void>;
+        showUpgradeModalAndSaveAsync(contextualUpgradeType?: string | number | symbol | undefined, cta?: string | undefined): Promise<void>;
         getContextualUpgradeResponseAsync(): Promise<import("../../../clients/brand-page-client").getWebsiteContextualUpgradeResponse | undefined>;
         showStripeOnboardingModal(): void;
         closeStripeOnboardingModal(): void;
@@ -345,7 +347,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         brandPageToken(): string | undefined;
         brandPageDescription(): string;
         brandPageSlug(): string;
-        brandPageTemplate(): import("@brand-page").BrandPageData;
+        brandPageTemplate(): any;
         brandPageTitle(): string;
         brandPageViewModel(): BrandPageViewModel;
         gettyVideoIds(): string[];
@@ -360,7 +362,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         showBrandCrowdLogo(): boolean;
     }, {
         setMode(payload: {
-            mode: import("@brand-page-maker/stores").BrandPageSettingsMode;
+            mode: "images" | "edit";
         }): void;
         setFaviconUrl(payload: {
             faviconUrl: string | undefined;
@@ -404,7 +406,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         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;
@@ -423,9 +425,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         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;
@@ -441,16 +443,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             content: TContent;
         }>(payload: P): Promise<void>;
         _captureTemplateSwitchIfEnabled(): void;
-        applyHistorySnapshot(snapshot: import("@brand-page").BrandPageModel, activePageId?: string, logoEditsStr?: string): Promise<void>;
-        _syncLogoSettingsFromSnapshot(snapshot: import("@brand-page").BrandPageModel, logoEditsStr?: string): Promise<void>;
-        _navigateToActivePage(activePageId?: string): void;
+        applyHistorySnapshot(snapshot: import("@brand-page").BrandPageModel, activePageId?: string | undefined, logoEditsStr?: string | undefined): Promise<void>;
+        _syncLogoSettingsFromSnapshot(snapshot: import("@brand-page").BrandPageModel, logoEditsStr?: string | undefined): Promise<void>;
+        _navigateToActivePage(activePageId?: string | undefined): void;
         _fallbackSidebarIfSelectedContentMissing(snapshot: import("@brand-page").BrandPageModel): void;
         export(): import("@brand-page").BrandPageModel;
         setBrandPageType({ brandPageType }: {
-            brandPageType: import("@brand-page").BrandPageType;
+            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: _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;
@@ -478,7 +480,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             viewport: import("@brand-page").ViewportsType;
         }): void;
         showStripeOnboardingModal(): Promise<void>;
-        selectInitialCategories(payload: import("@brand-page-maker/stores").SelectedCategoryPayload): void;
+        selectInitialCategories(payload: import("@shared/template-settings/models").InitialCategories): void;
     }>;
 }, TemplatePreviewData, {
     context(): BrandPageContext;

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,24 +171,11 @@ export default defineComponent({
             if (!previewImageUrl) {
                 return '';
             }
-            const isAlreadyPersonalised = previewImageUrl.includes('contentKey=') ||
-                previewImageUrl.includes('userPromptContentKey=');
-            if (this.isPersonalisable &&
-                this.template.contentKey &&
-                !isAlreadyPersonalised) {
-                if (this.userToken && !this.template.usesUserPromptContentKey) {
-                    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}`;
-                    }
+            if (this.selectedTab === TEMPLATE_TABS.AI && this.template.contentKey) {
+                if (this.userToken) {
+                    previewImageUrl += `&contentKey=${this.template.contentKey}&userToken=${this.userToken}`;
                 }
                 else {
-                    // userPromptContentKey resolves from the userPrompt S3 bucket (real AI images).
-                    // Post-purchase designs with a userPrompt key route here too, NOT through the
-                    // userToken/regular-bucket branch above which holds placeholders (bp-5454).
                     previewImageUrl += `&userPromptContentKey=${this.template.contentKey}`;
                 }
             }

package/lib/src/brand-page-maker/components/upgrade-to-premium-button/UpgradeToPremiumButton.mixin.d.ts

@@ -26,8 +26,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 updated: Date;
                 brandPageToken: string;
                 domainName: string;
-                status: import("../../constants").CustomDomainStatus;
-                dnsConfigurationStatus: import("../../constants").DnsConfigurationStatus;
+                status: "active" | "pending" | "failed" | "renewFailed" | "deleted";
+                dnsConfigurationStatus: "request_expired" | "missing_expected_dns_records" | "invalid_multiple_dns_records_exist" | "unexpected_aaaa_record" | "completed";
                 triggerOrigin?: string | undefined;
             } | null;
             createCustomDomainErrorMessage: string | null;
@@ -83,7 +83,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
-            contextualUpgradeType: import("@brand-page-maker/stores").WebsiteContextUpgradeType | undefined;
+            contextualUpgradeType: string | number | symbol | undefined;
             requestVerificationToken?: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
@@ -104,8 +104,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 updated: Date;
                 brandPageToken: string;
                 domainName: string;
-                status: import("../../constants").CustomDomainStatus;
-                dnsConfigurationStatus: import("../../constants").DnsConfigurationStatus;
+                status: "active" | "pending" | "failed" | "renewFailed" | "deleted";
+                dnsConfigurationStatus: "request_expired" | "missing_expected_dns_records" | "invalid_multiple_dns_records_exist" | "unexpected_aaaa_record" | "completed";
                 triggerOrigin?: string | undefined;
             } | null;
             createCustomDomainErrorMessage: string | null;
@@ -161,7 +161,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
-            contextualUpgradeType: import("@brand-page-maker/stores").WebsiteContextUpgradeType | undefined;
+            contextualUpgradeType: string | number | symbol | undefined;
             requestVerificationToken?: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").BrandPageContainerState>) => boolean;
     }, {
@@ -198,7 +198,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setIsSubsequentPublish(payload: any): void;
         clearPublishErrorMessage(): void;
         closePublishModal(payload?: {
-            skipShowNextNotificationMessage?: boolean;
+            skipShowNextNotificationMessage?: boolean | undefined;
         }): Promise<void>;
         closeUpgradeModal(): Promise<void>;
         endBrandPageSlugEditMode(): void;
@@ -221,8 +221,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         redirectToStripeOnboarding(): Promise<void>;
         exportDesignAsync(): Promise<any>;
         saveBrandPage(payload?: {
-            isPublish?: boolean;
-            eventButtonLocation?: string;
+            isPublish?: boolean | undefined;
+            eventButtonLocation?: string | undefined;
         }): Promise<false | {
             saved: boolean;
             canPublish: boolean;
@@ -231,9 +231,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         saveAndPublishBrandPage(eventButtonLocation: string): Promise<void>;
         saveTemplate(): Promise<void>;
         setBrandPageStatus(status: any): Promise<void>;
-        showPublishModal(eventButtonLocation?: string, websiteUpsellModalViewModel?: any, isSubsequentPublish?: boolean): void;
+        showPublishModal(eventButtonLocation?: string | undefined, websiteUpsellModalViewModel?: any, isSubsequentPublish?: boolean | undefined): void;
         showBrandPageSlugEditModal(eventButtonLocation: string): Promise<void>;
-        showUpgradeModalAndSaveAsync(contextualUpgradeType?: import("@brand-page-maker/stores").WebsiteContextUpgradeType, cta?: string): Promise<void>;
+        showUpgradeModalAndSaveAsync(contextualUpgradeType?: string | number | symbol | undefined, cta?: string | undefined): Promise<void>;
         getContextualUpgradeResponseAsync(): Promise<import("../../../clients/brand-page-client").getWebsiteContextualUpgradeResponse | undefined>;
         showStripeOnboardingModal(): void;
         closeStripeOnboardingModal(): void;