@designcrowd/library.brand-page 5.15.25 → 5.15.26-ast-preview

package/lib/src/{CreatedOnBrandCrowd-de-de-II5HBA2z.js → CreatedOnBrandCrowd-de-de-BEhfxDj-.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-BF3gSGSu.js → CreatedOnBrandCrowd-en-us-DV6md3SA.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-DXFd6CGi.js → CreatedOnBrandCrowd-es-es-D0i3_YsG.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-B9A4Krk4.js → CreatedOnBrandCrowd-fr-ca-CZ5qsZe9.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-B9A4Krk4.js → CreatedOnBrandCrowd-fr-fr-CZ5qsZe9.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-QHQIFute.js → CreatedOnBrandCrowd-pt-br-B2srpeD5.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-QHQIFute.js → CreatedOnBrandCrowd-pt-pt-B2srpeD5.js}

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

package/lib/src/{CreatedOnDcom-de-de-BeHh2527.js → CreatedOnDcom-de-de-oIM2N1MF.js}

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

package/lib/src/{CreatedOnDcom-en-us-DcoYNExT.js → CreatedOnDcom-en-us-LuSMKoOZ.js}

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

package/lib/src/{CreatedOnDcom-es-es-B8ocvVj7.js → CreatedOnDcom-es-es-BKwvnGm0.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-Cek7nR7V.js → CreatedOnDcom-fr-ca-DnoStomx.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-PBCtuU_L.js → CreatedOnDcom-fr-fr-BtZJGcS8.js}

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

package/lib/src/{CreatedOnDcom-pt-br-DrkBhslC.js → CreatedOnDcom-pt-br-xeQ4MrsO.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-DN_QMD7Z.js → CreatedOnDcom-pt-pt-BPBOZ2ls.js}

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

package/lib/src/brand-page/utils/migration/migration-07.js

@@ -1,4 +1,4 @@
-import { BRAND_PAGE_TYPES, DEFAULT_LOGO_HEIGHT, DEFAULT_LOGO_WIDTH, } from '../..';
+import { BRAND_PAGE_TYPES, DEFAULT_LOGO_HEIGHT, DEFAULT_LOGO_WIDTH, PageFooterDesktop, PageFooterMobile, PageHeaderDesktop, PageHeaderMobile, } from '../..';
 import { FabricRenderClient } from '../../../clients/fabric-render-client';
 import { calculateLogoDimensions } from '../logo.util';
 export const migration07 = async (migrationResult, options) => {

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

@@ -11,6 +11,9 @@ declare const _default: import("vue").DefineComponent<{}, {
             isAdmin: boolean;
         }): void;
         setBrandPageCommissionPercentage(payload: number): void;
+        setUserId(payload: {
+            userId: string;
+        }): void;
     }>;
     brandPageMakerStore: import("pinia").Store<"brandPageMaker", import("../../stores").BrandPageMakerState, {
         contentErrorCount(): number;

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

@@ -195,6 +195,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isAdmin: boolean;
         }): void;
         setBrandPageCommissionPercentage(payload: number): void;
+        setUserId(payload: {
+            userId: string;
+        }): void;
     }>;
     containerStore: import("pinia").Store<"brandPageContainer", import("../../stores").BrandPageContainerState, {
         brandPageContentTypes(): string[];

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

@@ -143,6 +143,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isAdmin: boolean;
         }): void;
         setBrandPageCommissionPercentage(payload: number): void;
+        setUserId(payload: {
+            userId: string;
+        }): void;
     }>;
 }, {
     imageExtension: string[];

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

@@ -15,8 +15,6 @@ interface TemplatePreviewData {
     renderHeight: number;
     renderWidth: number;
     rootStyles: BrandPageCssStyle;
-    imageLoadError: boolean;
-    imageLoading: boolean;
 }
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     logoImage: {
@@ -63,8 +61,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>, {
     selectedTemplateId: import("vue").ComputedRef<string | false>;
-    isPrePurchase: import("vue").ComputedRef<boolean>;
-    runtimeEnvironment: import("vue").ComputedRef<string>;
     brandPageMakerStore: import("pinia").Store<"brandPageMaker", import("../../stores").BrandPageMakerState, {
         contentErrorCount(): number;
         brandPageBaseUrl(): string;
@@ -191,224 +187,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         showStripeOnboardingModal(): Promise<void>;
         selectInitialCategories(payload: import("../../../shared/template-settings/models").InitialCategories): void;
     }>;
-    brandPageContainerStore: import("pinia").Store<"brandPageContainer", import("../../stores").BrandPageContainerState, {
-        brandPageContentTypes(): string[];
-        isAdmin(): boolean;
-        isPublished: (state: {
-            availableTaxes: any[];
-            brandPageBaseUrl: string;
-            baseFabricRenderUrl: string;
-            brandPageDescription: string;
-            brandPageDisplayName: string;
-            sensitiveContent: number;
-            brandPageSlug: string;
-            brandPageStatus: string;
-            brandPageToken: string | undefined;
-            brandPageTitle: string;
-            customDomain: {
-                id: string;
-                created: Date;
-                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";
-                triggerOrigin?: string | undefined;
-            } | null;
-            createCustomDomainErrorMessage: string | null;
-            customDomainConfig?: {
-                dns: {
-                    ipAddresses: string[];
-                };
-            } | undefined;
-            designDraftToken?: string | undefined;
-            designTemplateToken: string;
-            isCustomDomainEnabled: boolean;
-            isBrandPageSlugEditMode: boolean;
-            isPublishModalVisible: boolean;
-            isUpgradeModalVisible: boolean;
-            isPublishing: boolean;
-            isProduction: boolean;
-            isSellDomainNameEnabled: boolean;
-            isStripeOnboardingModalVisible: boolean;
-            isReactivationModal: boolean;
-            isPublishUpgradeModal: boolean;
-            isSaving: boolean;
-            backButtonLabel: string;
-            manageWebsiteDesignsUrl: string;
-            publishErrorMessage: string;
-            upgradeUrl: string;
-            reactivationUrl: string;
-            runtimeEnvironment: string;
-            selectedTaxId: number | undefined;
-            slug: string;
-            standalone: boolean;
-            triggerSaveSuccessMessage: boolean;
-            isDesignCom: boolean;
-            isPrePurchase: boolean;
-            makerFonts: any[];
-            eventButtonLocation?: string | undefined;
-            websiteUpsellModalViewModel?: any;
-            showPublishOptionModal?: boolean | undefined;
-            abTests: Record<string, string>;
-            isSubsequentPublish: boolean;
-        } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
-        isUserDraft: (state: {
-            availableTaxes: any[];
-            brandPageBaseUrl: string;
-            baseFabricRenderUrl: string;
-            brandPageDescription: string;
-            brandPageDisplayName: string;
-            sensitiveContent: number;
-            brandPageSlug: string;
-            brandPageStatus: string;
-            brandPageToken: string | undefined;
-            brandPageTitle: string;
-            customDomain: {
-                id: string;
-                created: Date;
-                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";
-                triggerOrigin?: string | undefined;
-            } | null;
-            createCustomDomainErrorMessage: string | null;
-            customDomainConfig?: {
-                dns: {
-                    ipAddresses: string[];
-                };
-            } | undefined;
-            designDraftToken?: string | undefined;
-            designTemplateToken: string;
-            isCustomDomainEnabled: boolean;
-            isBrandPageSlugEditMode: boolean;
-            isPublishModalVisible: boolean;
-            isUpgradeModalVisible: boolean;
-            isPublishing: boolean;
-            isProduction: boolean;
-            isSellDomainNameEnabled: boolean;
-            isStripeOnboardingModalVisible: boolean;
-            isReactivationModal: boolean;
-            isPublishUpgradeModal: boolean;
-            isSaving: boolean;
-            backButtonLabel: string;
-            manageWebsiteDesignsUrl: string;
-            publishErrorMessage: string;
-            upgradeUrl: string;
-            reactivationUrl: string;
-            runtimeEnvironment: string;
-            selectedTaxId: number | undefined;
-            slug: string;
-            standalone: boolean;
-            triggerSaveSuccessMessage: boolean;
-            isDesignCom: boolean;
-            isPrePurchase: boolean;
-            makerFonts: any[];
-            eventButtonLocation?: string | undefined;
-            websiteUpsellModalViewModel?: any;
-            showPublishOptionModal?: boolean | undefined;
-            abTests: Record<string, string>;
-            isSubsequentPublish: boolean;
-        } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
-    }, {
-        initialise(payload: import("../../stores/brandpage-container").InitialisePayload): void;
-        setDesignTemplateToken(payload: any): void;
-        setDesignDraftToken(payload: any): void;
-        setIsBrandPageSlugEditMode(payload: any): void;
-        setIsPublishing(payload: any): void;
-        setIsPublishModalVisible(payload: any): void;
-        setIsPublishUpgradeModal(payload: any): void;
-        setIsSaving(payload: any): void;
-        setIsUpgradeModalVisible(payload: any): void;
-        setPublishErrorMessage(payload: any): void;
-        setTriggerSaveSuccessMessage(payload: any): void;
-        setSlug(payload: any): void;
-        updateBrandPageMeta(payload: any): void;
-        updateBrandPageSensitiveContent(payload: any): void;
-        setLogoDraftToken(payload: {
-            logoDraftToken: string;
-        }): void;
-        setBackUrl(payload: any): void;
-        setIsStripeOnboardingModalVisible(payload: any): void;
-        setSelectedTaxId(payload: any): void;
-        setBrandPageCustomDomainConfig({ customDomainConfig }: {
-            customDomainConfig: any;
-        }): void;
-        setBrandPageCustomDomain(payload: {
-            customDomain: import("../../models").CustomDomainModel | null;
-        }): void;
-        setCreateCustomDomainErrorMessage(payload: any): void;
-        setBrandPageIsCustomDomainEnabled(payload: any): void;
-        setIsSubsequentPublish(payload: any): void;
-        clearPublishErrorMessage(): void;
-        closePublishModal(payload?: {
-            skipShowNextNotificationMessage?: boolean | undefined;
-        }): Promise<void>;
-        closeUpgradeModal(): Promise<void>;
-        endBrandPageSlugEditMode(): void;
-        publishBrandPage({ shouldPublish, slug }: {
-            shouldPublish: any;
-            slug: any;
-        }): Promise<false | {
-            success: boolean;
-            websiteUpsellModalViewModel: any;
-        }>;
-        publishBrandPageWithCustomDomainAsync({ shouldPublish, slug, domain, isPurchasedDomain, }: {
-            shouldPublish: any;
-            slug: any;
-            domain: any;
-            isPurchasedDomain: any;
-        }): Promise<boolean | undefined>;
-        checkWebsiteSlugAsync(slug: string): Promise<import("../../models/api.model").WebsiteSlugCheckResponse | null>;
-        redirectToLogoEditPage(logoEditUrl: string, locale: string): Promise<void>;
-        redirectToCreateNewDesignPage(): Promise<void>;
-        redirectToStripeOnboarding(): Promise<void>;
-        exportDesignAsync(): Promise<any>;
-        saveBrandPage(payload?: {
-            isPublish?: boolean | undefined;
-            eventButtonLocation?: string | undefined;
-        }): Promise<false | {
-            saved: boolean;
-            canPublish: boolean;
-            websiteUpsellModalViewModel: any;
-        }>;
-        saveAndPublishBrandPage(eventButtonLocation: string): Promise<void>;
-        saveTemplate(): Promise<void>;
-        setBrandPageStatus(status: any): Promise<void>;
-        showPublishModal(eventButtonLocation?: string | undefined, websiteUpsellModalViewModel?: any, isSubsequentPublish?: boolean | undefined): void;
-        showBrandPageSlugEditModal(eventButtonLocation: string): Promise<void>;
-        showUpgradeModalAndSaveAsync(): Promise<void>;
-        showStripeOnboardingModal(): void;
-        closeStripeOnboardingModal(): void;
-        showSaveSuccessMessage(): Promise<void>;
-        startBrandPageSlugEditMode(): void;
-        triggerLockedContentClickedEvent(contentType: string): Promise<void>;
-        unpublishBrandPage(): Promise<void>;
-        updateBrandPageSettings({ description, title }: {
-            description: any;
-            title: any;
-        }): Promise<void>;
-        updateSensitiveContent({ sensitiveContent }: {
-            sensitiveContent: any;
-        }): Promise<void>;
-        createBrandPageCustomDomain({ domainName }: {
-            domainName: any;
-        }): Promise<false | undefined>;
-        createBrandPageWithPurchasedDomain({ domainName }: {
-            domainName: any;
-        }): Promise<false | undefined>;
-        deleteBrandPageCustomDomain({ designDraftToken, customDomainId }: {
-            designDraftToken: any;
-            customDomainId: any;
-        }): Promise<void>;
-        refreshBrandPageCustomDomainConfig(): Promise<void>;
-        refreshBrandPageCustomDomain(): Promise<void>;
-        updateBrandPageIsCustomDomainEnabled({ isCustomDomainEnabled }: {
-            isCustomDomainEnabled: any;
-        }): Promise<void>;
-    }>;
 }, TemplatePreviewData, {
     context(): BrandPageContext;
     previewViewport(): string;
@@ -416,16 +194,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     innerContainerStyle(): BrandPageCssStyle;
     isPersonalisable(): boolean;
     cssVariablesStyle(): Record<string, string>;
-    previewImageUrl(): string;
 }, {
     onOverlayClicked(): void;
     onResize(): void;
     onSetPreviewStyles(styles: BrandPageCssStyle): void;
-    onImageError(): void;
-    onImageLoad(): void;
-    generatePreviewImageUrl(): string;
-    getPreviewBaseUrl(): string;
-    regeneratePreview(): void;
     updateViewModel(forceUpdate?: boolean): Promise<void>;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "template-selected"[], "template-selected", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     logoImage: {

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

@@ -4,7 +4,7 @@ import { applyLogoThemeToBrandPageModel, applyUserPersonalisationToBrandPageMode
 import { STYLE_THEME_KEYS } from '../../../brand-page/constants';
 import debounce from 'lodash.debounce';
 import { MOBILE_HEIGHT, MOBILE_WIDTH } from '../../constants';
-import { useBrandPageContainerStore, useBrandPageMakerStore, } from '../../stores';
+import { useBrandPageMakerStore } from '../../stores';
 import { applyLogoImageBase64UrlToBrandPageTemplateModel, applyLogoImageToBrandPageTemplateModel, applyLogoTemplateImageToBrandPageTemplateModel, } from '../../../brand-page/utils/logo.util';
 import { useVideoStore } from '../../../lib';
 const DEBOUNCE_IN_MS = 250;
@@ -12,13 +12,9 @@ export default defineComponent({
     emits: ['template-selected'],
     setup() {
         const brandPageMakerStore = useBrandPageMakerStore();
-        const brandPageContainerStore = useBrandPageContainerStore();
         return {
             selectedTemplateId: computed(() => brandPageMakerStore.selectedTemplateId),
-            isPrePurchase: computed(() => brandPageContainerStore.isPrePurchase),
-            runtimeEnvironment: computed(() => brandPageContainerStore.runtimeEnvironment),
             brandPageMakerStore,
-            brandPageContainerStore,
         };
     },
     props: {
@@ -77,8 +73,6 @@ export default defineComponent({
             renderWidth: 400,
             rootStyles: {},
             viewModel: undefined,
-            imageLoadError: false,
-            imageLoading: true,
         };
         return data;
     },
@@ -153,24 +147,17 @@ export default defineComponent({
             });
             return cssVariables;
         },
-        previewImageUrl() {
-            return this.generatePreviewImageUrl();
-        },
     },
     watch: {
-        template() {
-            if (this.isPrePurchase) {
-                this.updateViewModel();
-            }
-        },
         logoTheme: {
             handler() {
-                if (this.isPrePurchase) {
-                    this.updateViewModel();
-                }
+                this.updateViewModel();
             },
             deep: true,
         },
+        template() {
+            this.updateViewModel();
+        },
     },
     created() {
         this.updateViewModel(false);
@@ -210,37 +197,7 @@ export default defineComponent({
         onSetPreviewStyles(styles) {
             this.rootStyles = styles;
         },
-        onImageError() {
-            console.warn(`Failed to load preview image for template ${this.template.id}`);
-            this.imageLoadError = true;
-            this.imageLoading = false;
-        },
-        onImageLoad() {
-            this.imageLoadError = false;
-            this.imageLoading = false;
-        },
-        generatePreviewImageUrl() {
-            const baseUrl = this.getPreviewBaseUrl();
-            const logoDraftToken = this.logoImage?.logoDraftToken ||
-                '0B660926-D94A-4E29-99D1-F07E67AA6E49';
-            const deviceType = this.brandPageMakerStore.brandPageType === 'brandSite'
-                ? 'desktop'
-                : 'mobile';
-            return `${baseUrl}/preview/template/${this.template.id}/${logoDraftToken}?deviceType=${deviceType}`;
-        },
-        getPreviewBaseUrl() {
-            const domainSuffix = '.brand.page';
-            return `https://preview-${this.runtimeEnvironment}${domainSuffix}`;
-        },
-        regeneratePreview() {
-            this.imageLoadError = false;
-            this.imageLoading = true;
-            this.$forceUpdate();
-        },
         async updateViewModel(forceUpdate = true) {
-            if (!this.isPrePurchase) {
-                return;
-            }
             const videoStore = useVideoStore();
             let model = this.template.brandPageModel;
             if (this.logoImageBase64Url) {

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

@@ -178,23 +178,13 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
             if (!this.selectedTemplateId) {
                 return;
             }
-            let template = templateSettingsStore.getTemplateByTemplateId(this.selectedTemplateId);
+            const template = templateSettingsStore.getTemplateByTemplateId(this.selectedTemplateId);
             if (!template) {
                 if (process.env.NODE_ENV !== 'production') {
                     throw new Error('template should not be falsy');
                 }
                 return;
             }
-            // If template doesn't have brandPageModel (post-purchase mode), fetch it
-            if (!template.brandPageModel) {
-                template = await templateSettingsStore.getCachedTemplateByTokenAsync(this.selectedTemplateId);
-                if (!template || !template.brandPageModel) {
-                    if (process.env.NODE_ENV !== 'production') {
-                        throw new Error('Failed to fetch template brandPageModel');
-                    }
-                    return;
-                }
-            }
             this.isApplyingTemplate = true;
             let brandPageModel = cloneDeep(template.brandPageModel);
             // Apply selected logo image to logo contents

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

@@ -6,6 +6,7 @@ export interface UserState extends UIUserState {
     emailAddress: string;
     hasBrandPagePremiumSubscription: boolean;
     brandPageCommissionPercentage: number | undefined;
+    userId?: string;
 }
 export declare const DEFAULT_MAX_NUM_OF_PAGES = 2;
 export declare const UNLIMITED_MAX_NUM_OF_PAGES = -1;
@@ -17,4 +18,7 @@ export declare const useBrandPageMakerUserStore: import("pinia").StoreDefinition
         isAdmin: boolean;
     }): void;
     setBrandPageCommissionPercentage(payload: number): void;
+    setUserId(payload: {
+        userId: string;
+    }): void;
 }>;

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

@@ -24,6 +24,7 @@ export const useBrandPageMakerUserStore = defineStore('brandPageMakerUser', {
         hasBrandPagePremiumSubscription: false,
         brandPageCommissionPercentage: undefined,
         isAdmin: false, // this is currently used as way to identify admin maker mode
+        userId: undefined,
     }),
     actions: {
         setEmailAddress(payload) {
@@ -41,5 +42,8 @@ export const useBrandPageMakerUserStore = defineStore('brandPageMakerUser', {
         setBrandPageCommissionPercentage(payload) {
             this.brandPageCommissionPercentage = payload;
         },
+        setUserId(payload) {
+            this.userId = payload.userId;
+        },
     },
 });