@designcrowd/library.brand-page 5.16.29-pre-temp-13 → 5.16.29

package/lib/src/lib.js

@@ -26,7 +26,7 @@ export { default as SensitiveContentModal } from './brand-page/components/sensit
 // functions
 export { getBrandPageViewModelFromBrandPageModel, migrateBrandPageModel, } from './brand-page/utils';
 export * as brandPageUtils from './brand-page/utils';
-export { getOptimalLogoSize, calculateOptimizedLogoDimensions, applyLogoImageBase64UrlToBrandPageTemplateModel, } from './brand-page/utils/logo.util';
+export { getOptimalLogoSize, calculateOptimizedLogoDimensions, } from './brand-page/utils/logo.util';
 export { sanitizeRTEHtml } from './brand-page-maker/utils';
 export { getPageSlugFromPageTitle } from './brand-page-maker/utils/slug.util';
 // stores

package/lib/src/shared/logo-settings/components/EditLogoSettings.mixin.d.ts

@@ -81,14 +81,6 @@ declare const _default: import("vue").DefineComponent<{}, {
                 variationType: string | undefined;
                 width: number;
                 height: number;
-                expiryDate?: string | undefined;
-                s3Token?: string | undefined;
-                logoTheme?: {
-                    backgroundColors: string[];
-                    textColors: string[];
-                    textOpacities: number[];
-                    textValues: any;
-                } | undefined;
             }[];
             logoTemplateMetadata: string;
             isLogoDraftSaved: boolean;
@@ -113,8 +105,6 @@ declare const _default: import("vue").DefineComponent<{}, {
         updateEditableLogoImageByVariationAsync(editableLogoVariation: import("../store/editable-logo-store").EditableLogoVariation, defaultPrimaryText?: string | undefined): Promise<import("../../../clients/fabric-render-client").ModifyLogoDataResponse | null>;
         getDraftMetadata(logoDraftToken: string): string | undefined;
         upsertDraftMetadata(metadata: string): void;
-        isS3TokenExpired(expiryDate: string | undefined): boolean;
-        refreshS3TokenIfExpiredAsync(logoVariation: number): Promise<boolean>;
         postEditableLogoRequestAsync(payload: {
             returnJson: boolean;
             dimensionType: string;

package/lib/src/shared/logo-settings/components/LogoSettings.mixin.d.ts

@@ -253,14 +253,6 @@ declare const _default: import("vue").DefineComponent<{}, {
                 variationType: string | undefined;
                 width: number;
                 height: number;
-                expiryDate?: string | undefined;
-                s3Token?: string | undefined;
-                logoTheme?: {
-                    backgroundColors: string[];
-                    textColors: string[];
-                    textOpacities: number[];
-                    textValues: any;
-                } | undefined;
             }[];
             logoTemplateMetadata: string;
             isLogoDraftSaved: boolean;
@@ -285,8 +277,6 @@ declare const _default: import("vue").DefineComponent<{}, {
         updateEditableLogoImageByVariationAsync(editableLogoVariation: import("../store").EditableLogoVariation, defaultPrimaryText?: string | undefined): Promise<import("../../../clients/fabric-render-client").ModifyLogoDataResponse | null>;
         getDraftMetadata(logoDraftToken: string): string | undefined;
         upsertDraftMetadata(metadata: string): void;
-        isS3TokenExpired(expiryDate: string | undefined): boolean;
-        refreshS3TokenIfExpiredAsync(logoVariation: number): Promise<boolean>;
         postEditableLogoRequestAsync(payload: {
             returnJson: boolean;
             dimensionType: string;

package/lib/src/shared/logo-settings/store/editable-logo-store.d.ts

@@ -1,5 +1,4 @@
 import { type ModifyLogoDataResponse } from '../../../clients/fabric-render-client';
-import { type FabricLogoTheme } from '../../../brand-page';
 export interface GradientObject {
     type: string;
     angle: number | undefined;
@@ -61,9 +60,6 @@ export interface EditableLogoVariation {
     variationType: string | undefined;
     width: number;
     height: number;
-    expiryDate?: string;
-    s3Token?: string;
-    logoTheme?: FabricLogoTheme;
 }
 export interface EditableLogoState {
     enableEditMode: boolean;
@@ -155,14 +151,6 @@ export declare const useUiEditableLogoStore: import("pinia").StoreDefinition<"ui
             variationType: string | undefined;
             width: number;
             height: number;
-            expiryDate?: string | undefined;
-            s3Token?: string | undefined;
-            logoTheme?: {
-                backgroundColors: string[];
-                textColors: string[];
-                textOpacities: number[];
-                textValues: any;
-            } | undefined;
         }[];
         logoTemplateMetadata: string;
         isLogoDraftSaved: boolean;
@@ -187,8 +175,6 @@ export declare const useUiEditableLogoStore: import("pinia").StoreDefinition<"ui
     updateEditableLogoImageByVariationAsync(editableLogoVariation: EditableLogoVariation, defaultPrimaryText?: string): Promise<ModifyLogoDataResponse | null>;
     getDraftMetadata(logoDraftToken: string): string | undefined;
     upsertDraftMetadata(metadata: string): void;
-    isS3TokenExpired(expiryDate: string | undefined): boolean;
-    refreshS3TokenIfExpiredAsync(logoVariation: number): Promise<boolean>;
     postEditableLogoRequestAsync(payload: {
         returnJson: boolean;
         dimensionType: string;

package/lib/src/shared/logo-settings/store/editable-logo-store.js

@@ -19,9 +19,6 @@ export const useUiEditableLogoStore = defineStore('uiEditableLogo', {
                 variationType: undefined,
                 width: 0,
                 height: 0,
-                expiryDate: undefined,
-                s3Token: undefined,
-                logoTheme: undefined,
             },
             {
                 variationId: LOGO_VARIATION.LOGO_WITH_BACKGROUND,
@@ -30,9 +27,6 @@ export const useUiEditableLogoStore = defineStore('uiEditableLogo', {
                 variationType: undefined,
                 width: 0,
                 height: 0,
-                expiryDate: undefined,
-                s3Token: undefined,
-                logoTheme: undefined,
             },
             {
                 variationId: LOGO_VARIATION.LOGO_ONLY_WITH_TRANSPARENT_BACKGROUND,
@@ -41,9 +35,6 @@ export const useUiEditableLogoStore = defineStore('uiEditableLogo', {
                 variationType: LOGO_VARIATION_TYPES.ICON_TRANSPARENT_BACKGROUND_ONLY,
                 width: 0,
                 height: 0,
-                expiryDate: undefined,
-                s3Token: undefined,
-                logoTheme: undefined,
             },
             {
                 variationId: LOGO_VARIATION.TEXT_ONLY_WITH_TRANSPARENT_BACKGROUND,
@@ -52,9 +43,6 @@ export const useUiEditableLogoStore = defineStore('uiEditableLogo', {
                 variationType: LOGO_VARIATION_TYPES.TEXT_TRANSPARENT_BACKGROUND_ONLY,
                 width: 0,
                 height: 0,
-                expiryDate: undefined,
-                s3Token: undefined,
-                logoTheme: undefined,
             },
         ],
         logoEdits: {
@@ -266,9 +254,6 @@ export const useUiEditableLogoStore = defineStore('uiEditableLogo', {
             editableLogoVariation.base64 = result.base64;
             editableLogoVariation.width = result.width;
             editableLogoVariation.height = result.height;
-            editableLogoVariation.expiryDate = result.expiryDate;
-            editableLogoVariation.s3Token = result.s3Token;
-            editableLogoVariation.logoTheme = result.logoTheme;
             return result;
         },
         getDraftMetadata(logoDraftToken) {
@@ -293,41 +278,10 @@ export const useUiEditableLogoStore = defineStore('uiEditableLogo', {
                 });
             }
         },
-        isS3TokenExpired(expiryDate) {
-            if (!expiryDate) {
-                return true;
-            }
-            const expiryTime = new Date(expiryDate).getTime();
-            const currentTime = Date.now();
-            // Add a 5-minute buffer to refresh before actual expiry
-            const bufferMs = 5 * 60 * 1000;
-            return currentTime >= expiryTime - bufferMs;
-        },
-        async refreshS3TokenIfExpiredAsync(logoVariation) {
-            const editableLogoVariation = this.editableLogoVariations[logoVariation];
-            if (!editableLogoVariation) {
-                return false;
-            }
-            const isExpired = this.isS3TokenExpired(editableLogoVariation.expiryDate);
-            if (isExpired) {
-                const logoStore = useLogoStore();
-                // Only refresh if logo template asset is available
-                if (!logoStore.logoTemplateAsset?.token) {
-                    if (process.env.NODE_ENV !== 'production') {
-                        console.warn('Cannot refresh expired S3 token: logo template asset not available');
-                    }
-                    return false;
-                }
-                await this.updateEditableLogoImageUrlAsync();
-                return true;
-            }
-            return false;
-        },
         async postEditableLogoRequestAsync(payload) {
             const logoStore = useLogoStore();
             const body = {
                 returnJson: payload?.returnJson || false,
-                generateS3Url: true,
                 dimensionsType: payload?.dimensionType,
                 variation: payload?.variationType,
                 primaryText: payload?.defaultPrimaryText,

package/lib/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.d.ts

@@ -4191,14 +4191,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 variationType: string | undefined;
                 width: number;
                 height: number;
-                expiryDate?: string | undefined;
-                s3Token?: string | undefined;
-                logoTheme?: {
-                    backgroundColors: string[];
-                    textColors: string[];
-                    textOpacities: number[];
-                    textValues: any;
-                } | undefined;
             }[];
             logoTemplateMetadata: string;
             isLogoDraftSaved: boolean;
@@ -4223,8 +4215,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         updateEditableLogoImageByVariationAsync(editableLogoVariation: import("../../../logo-settings/store/editable-logo-store").EditableLogoVariation, defaultPrimaryText?: string | undefined): Promise<import("../../../../clients/fabric-render-client").ModifyLogoDataResponse | null>;
         getDraftMetadata(logoDraftToken: string): string | undefined;
         upsertDraftMetadata(metadata: string): void;
-        isS3TokenExpired(expiryDate: string | undefined): boolean;
-        refreshS3TokenIfExpiredAsync(logoVariation: number): Promise<boolean>;
         postEditableLogoRequestAsync(payload: {
             returnJson: boolean;
             dimensionType: string;

package/lib/src/shared/template-settings/components/TemplatesSettings.mixin.d.ts

@@ -601,7 +601,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     tabMenuClasses(): string;
     visibleTabs(): any;
 }, {
-    checkAndRefreshS3TokenIfExpired(): Promise<void>;
     onNextClicked(): Promise<void>;
     onPreviousClicked(): Promise<void>;
     internalOnTemplateSelected(templateId: string): Promise<void>;

package/lib/src/shared/template-settings/components/TemplatesSettings.mixin.js

@@ -6,8 +6,6 @@ import { debounce } from '../../functions';
 import { useBrandPageContainerStore, useBrandPageMakerStore, useUiStore, } from '../../../brand-page-maker/stores';
 import { templateSettingsTr } from '../../../composables/useTranslate';
 import { useEventTracker } from '../../../brand-page-maker/composables/useEventTracker';
-import { useUiEditableLogoStore, useUiLogoSettingsStore, } from '../../logo-settings/store';
-import { useLogoStore } from '../../../brand-page-maker/stores/logo-store';
 export default defineComponent({
     props: {
         numColumns: {
@@ -109,8 +107,6 @@ export default defineComponent({
         },
     },
     async mounted() {
-        // Check and refresh S3 token if expired before loading templates
-        await this.checkAndRefreshS3TokenIfExpired();
         // load templates on mounted if it is not initialised
         if (!this.pageCount) {
             await this.templateSettingsStore.loadPageNo({
@@ -122,35 +118,6 @@ export default defineComponent({
         this.debounceOnSearch = debounce(this.setSearchText, 500);
     },
     methods: {
-        async checkAndRefreshS3TokenIfExpired() {
-            const brandPageMakerContainerStore = useBrandPageContainerStore();
-            const editableLogoStore = useUiEditableLogoStore();
-            const logoStore = useLogoStore();
-            const logoSettingsStore = useUiLogoSettingsStore();
-            // Only check for non-admin (pre-purchase) and non-BYO logos
-            if (brandPageMakerContainerStore.isAdmin) {
-                return;
-            }
-            const isByo = logoStore.logoTemplateAsset?.isByo ?? false;
-            if (isByo) {
-                return;
-            }
-            const logoVariation = logoSettingsStore.selectedLogoImage.logoVariation;
-            if (logoVariation === undefined) {
-                return;
-            }
-            try {
-                const wasRefreshed = await editableLogoStore.refreshS3TokenIfExpiredAsync(logoVariation);
-                if (wasRefreshed && process.env.NODE_ENV !== 'production') {
-                    console.log('S3 token was expired in TemplatesSettings and has been refreshed');
-                }
-            }
-            catch (error) {
-                if (process.env.NODE_ENV !== 'production') {
-                    console.error('Error checking/refreshing S3 token:', error);
-                }
-            }
-        },
         async onNextClicked() {
             if (!this.isLoadMoreBtnEnabled) {
                 return;

package/lib/src/shared/template-settings/store/template-settings-store.js

@@ -3,12 +3,12 @@ import * as DesignTemplateClient from '../../../clients/design-template-client';
 import {} from '../../../clients/models';
 import { BP_DEFAULT_TEMPLATE_TYPE_NAME, SIDE_BAR_TAB_NAMES, } from '../../../brand-page-maker/constants';
 import { defineStore, storeToRefs } from 'pinia';
-import { useBrandPageContainerStore, useBrandPageMakerStore, useBrandPageMakerUserStore, useLogoStore, useUiStore, } from '../../../brand-page-maker/stores';
+import { useBrandPageContainerStore, useBrandPageMakerStore, useBrandPageMakerUserStore, useUiStore, } from '../../../brand-page-maker/stores';
 import { useUiSideBarStore } from '../../side-bar/store';
 import { BrandPageModel } from '../../../brand-page/models';
 import { migrateBrandPageModel } from '../../../brand-page/utils';
 import { getAiContentIndexByTemplateTokenAndNumberOfVariations } from '../../../brand-page-maker/utils/ai-content-selection.util';
-import { useUiEditableLogoStore, useUiLogoSettingsStore, } from '../../logo-settings/store';
+import { useUiLogoSettingsStore } from '../../logo-settings/store';
 import { templateSettingsTr, getCurrentLocale, } from '../../../composables/useTranslate';
 import { watch } from 'vue';
 export const DEFAULT_PAGE_SIZE = 6;
@@ -18,7 +18,8 @@ export const useUiTemplateSettingsStore = defineStore('uiTemplateSettings', {
         const brandPageContainerStore = useBrandPageContainerStore();
         const brandPageMakerUserStore = useBrandPageMakerUserStore();
         // Set renderAsImage to true if not admin AND not pre-purchase
-        const renderAsImage = !brandPageMakerUserStore.isAdmin;
+        const renderAsImage = !brandPageMakerUserStore.isAdmin &&
+            !brandPageContainerStore.isPrePurchase;
         return {
             isBusy: false,
             pageCount: 0,
@@ -143,8 +144,6 @@ export const useUiTemplateSettingsStore = defineStore('uiTemplateSettings', {
             const brandPageContainerStore = useBrandPageContainerStore();
             const brandPageMakerUserStore = useBrandPageMakerUserStore();
             const logoSettingsStore = useUiLogoSettingsStore();
-            const logoStore = useLogoStore();
-            const editableLogoStore = useUiEditableLogoStore();
             const designTemplateToken = brandPageContainerStore.designTemplateToken;
             if (brandPageMakerStore.isInitialising) {
                 setTimeout(() => {
@@ -169,20 +168,6 @@ export const useUiTemplateSettingsStore = defineStore('uiTemplateSettings', {
             try {
                 const designTemplateClient = DesignTemplateClient.getInstance();
                 const currentLocale = getCurrentLocale();
-                const isByo = logoStore.logoTemplateAsset?.isByo ?? false;
-                const logoTemplateToken = logoStore.logoTemplateAsset?.token ?? undefined;
-                const logoVariation = logoSettingsStore.selectedLogoImage.logoVariation;
-                // Check if S3 token is expired and refresh if needed
-                if (!isByo) {
-                    const wasRefreshed = await editableLogoStore.refreshS3TokenIfExpiredAsync(logoVariation);
-                    if (wasRefreshed) {
-                        setTimeout(() => {
-                            this.loadPageNo({ pageNo });
-                        }, LOAD_PAGE_RETRY_DELAY);
-                        return;
-                    }
-                }
-                const editableLogoVariation = editableLogoStore.editableLogoVariations[logoVariation];
                 const result = await designTemplateClient.getTemplateItemsByTemplateType(this.templateType, {
                     page: pageNo,
                     pageSize: DEFAULT_PAGE_SIZE,
@@ -193,8 +178,6 @@ export const useUiTemplateSettingsStore = defineStore('uiTemplateSettings', {
                     personalisable: this.selectedTab.key === TEMPLATE_TABS.AI,
                     selectedTemplateToken: designTemplateToken,
                     locale: currentLocale,
-                    logoS3Token: !isByo ? editableLogoVariation.s3Token : undefined,
-                    logoTemplateToken: isByo ? logoTemplateToken : undefined,
                 });
                 if (!result) {
                     return;
@@ -202,7 +185,8 @@ export const useUiTemplateSettingsStore = defineStore('uiTemplateSettings', {
                 this._setPageCount({ pageCount: result.pageCount });
                 const templates = await Promise.all(result.paginatedItems.map(async (item) => {
                     try {
-                        if (brandPageMakerUserStore.isAdmin) {
+                        if (brandPageContainerStore.isPrePurchase ||
+                            brandPageMakerUserStore.isAdmin) {
                             // Pre-purchase: full template with brandPageModel for live rendering
                             const template = await designTemplateClient.getTemplateByTemplateToken(item.designTemplateToken);
                             return this.safeMapToTemplateSettingsTemplate(template);
@@ -261,13 +245,6 @@ export const useUiTemplateSettingsStore = defineStore('uiTemplateSettings', {
                 templateId: payload.templateId,
                 forceApply: payload.forceApply,
             });
-            if (payload.forceApply) {
-                await this._setTemplates({
-                    templates: [],
-                });
-                await this._setPageNoLoaded({ pageNoLoaded: 0 });
-                await this.loadPageNo({ pageNo: 1 });
-            }
         },
         async onCategorySelected(payload) {
             await this._setTemplates({
@@ -342,11 +319,9 @@ export const useUiTemplateSettingsStore = defineStore('uiTemplateSettings', {
          */
         setupLogoChangeWatcher() {
             const logoSettingsStore = useUiLogoSettingsStore();
-            const editableLogoStore = useUiEditableLogoStore();
+            const brandPageContainerStore = useBrandPageContainerStore();
             const brandPageMakerUserStore = useBrandPageMakerUserStore();
             const { selectedLogoImage } = storeToRefs(logoSettingsStore);
-            const { editableLogoVariations } = storeToRefs(editableLogoStore);
-            let s3TokenDebounceTimer = null;
             // Watch for changes to logoImage (token or variation changes)
             watch(() => selectedLogoImage.value, async (newLogoImage, oldLogoImage) => {
                 // Skip initial load when oldLogoImage is undefined
@@ -356,7 +331,8 @@ export const useUiTemplateSettingsStore = defineStore('uiTemplateSettings', {
                 // Only refetch for post-purchase users and when logo actually changes
                 const hasLogoChanged = newLogoImage.logoDraftToken !== oldLogoImage.logoDraftToken ||
                     newLogoImage.logoVariation !== oldLogoImage.logoVariation;
-                if (!brandPageMakerUserStore.isAdmin &&
+                if (!brandPageContainerStore.isPrePurchase &&
+                    !brandPageMakerUserStore.isAdmin &&
                     newLogoImage.logoDraftToken &&
                     hasLogoChanged) {
                     // Reset templates state and reload with new logo
@@ -367,30 +343,6 @@ export const useUiTemplateSettingsStore = defineStore('uiTemplateSettings', {
                     await this.loadPageNo({ pageNo: 1 });
                 }
             }, { deep: true });
-            // Watch for S3 token changes (when user edits logo colors, text, etc.)
-            // Debounced to avoid excessive reloads during rapid edits
-            watch(() => editableLogoVariations.value[selectedLogoImage.value.logoVariation]
-                ?.s3Token, async (newS3Token, oldS3Token) => {
-                if (s3TokenDebounceTimer) {
-                    clearTimeout(s3TokenDebounceTimer);
-                }
-                if (!oldS3Token) {
-                    return;
-                }
-                if (newS3Token === oldS3Token) {
-                    return;
-                }
-                if (brandPageMakerUserStore.isAdmin) {
-                    return;
-                }
-                // Debounce the reload by 500ms to avoid rapid successive reloads
-                s3TokenDebounceTimer = setTimeout(async () => {
-                    await this._setTemplates({ templates: [] });
-                    await this._setPageNoLoaded({ pageNoLoaded: 0 });
-                    await this._setPageNo({ pageNo: 1 });
-                    await this.loadPageNo({ pageNo: 1 });
-                }, 500);
-            });
         },
     },
 });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@designcrowd/library.brand-page",
   "description": "A collection of Maker/Designer applications",
-  "version": "5.16.29-pre-temp-13",
+  "version": "5.16.29",
   "author": "Design.com Eng",
   "license": "UNLICENSED",
   "type": "module",
@@ -12,7 +12,7 @@
     "src"
   ],
   "scripts": {
-    "dev": "export NODE_TLS_REJECT_UNAUTHORIZED=0 && nuxt dev nuxtapp",
+    "dev": "nuxt dev nuxtapp",
     "dev:dcom": "export tailwindTheme=designCom && nuxt dev nuxtapp",
     "docker:publish": "docker build -t bp-maker:latest . --file ./build/Dockerfile.brand-page-lib-publish --build-arg NPM_TOKEN=$NPM_TOKEN --no-cache && cross-env NPM_TOKEN=",
     "lint": "eslint . && tsc --project tsconfig.lint.json --noEmit",

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

@@ -4,6 +4,7 @@ import {
   DESKTOP_WIDTH,
   MOBILE_HEIGHT,
   MOBILE_WIDTH,
+  MOBILE_HEIGHT_POST_PURCHASE,
 } from '../../constants';
 import {
   useBrandPageMakerStore,
@@ -35,7 +36,11 @@ export default defineComponent({
     },
 
     height(): number {
-      return this.isBrandSite ? DESKTOP_HEIGHT : MOBILE_HEIGHT;
+      if (this.isBrandSite) {
+        return DESKTOP_HEIGHT;
+      }
+
+      return this.isPrePurchase ? MOBILE_HEIGHT : MOBILE_HEIGHT_POST_PURCHASE;
     },
   },
 });

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

@@ -265,7 +265,7 @@ export default defineComponent({
   },
   watch: {
     template() {
-      if (this.isAdmin) {
+      if (this.isAdmin || this.isPrePurchase) {
         this.updateViewModel();
       } else {
         // Reset loading state when template changes for image-based previews
@@ -275,7 +275,7 @@ export default defineComponent({
     },
     logoTheme: {
       handler() {
-        if (this.isAdmin) {
+        if (this.isAdmin || this.isPrePurchase) {
           this.updateViewModel();
         }
       },
@@ -283,7 +283,7 @@ export default defineComponent({
     },
     previewImageUrl() {
       // Reset loading state whenever the preview URL changes
-      if (!this.isAdmin) {
+      if (!this.isAdmin && !this.isPrePurchase) {
         this.imageLoading = true;
         this.imageLoadError = false;
       }
@@ -353,7 +353,7 @@ export default defineComponent({
 
     async updateViewModel(forceUpdate = true) {
       // Only update view model for admin or pre-purchase mode
-      if (!this.isAdmin) {
+      if (!this.isAdmin && !this.isPrePurchase) {
         return;
       }
 

package/src/brand-page-maker/constants/template-constants.ts

@@ -1,4 +1,5 @@
-export const MOBILE_HEIGHT = 636;
+export const MOBILE_HEIGHT = 734;
+export const MOBILE_HEIGHT_POST_PURCHASE = 636;
 export const MOBILE_WIDTH = 358;
 
 export const DESKTOP_HEIGHT = 600;

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

@@ -100,7 +100,6 @@ import { commonTr, errorTr } from '../../../composables/useTranslate';
 import { UPGRADE_CTA_LOCATIONS } from '../../composables/useEventTracker';
 import { useVideoStore } from '../video';
 import { findValuesByKey } from '../../../helpers/ts.helper';
-import { useLogoStore } from '../logo-store';
 
 export interface NotificationMessage {
   type: 'success' | 'warning' | 'error';
@@ -359,8 +358,6 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
       const userStore = useBrandPageMakerUserStore();
       const containerStore = useBrandPageContainerStore();
       const uiContentSettings = useUiContentSettingsStore();
-      const editableLogoStore = useUiEditableLogoStore();
-      const logoStore = useLogoStore();
 
       if (!this.selectedTemplateId) {
         return;
@@ -412,27 +409,6 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
           );
         }
       } else {
-        if (containerStore.isPrePurchase) {
-          if (logoStore.logoTemplateAsset?.isByo) {
-            if (uiStore.logoTheme)
-              uiStore.setLogoTheme({
-                logoTheme: uiStore.logoTheme,
-              });
-          } else {
-            const logoVariation =
-              logoSettingsStore.selectedLogoTemplateImage
-                ?.logoTemplateVersion ?? 0;
-            const logoTheme =
-              editableLogoStore.editableLogoVariations[logoVariation]
-                ?.logoTheme;
-
-            if (logoTheme)
-              uiStore.setLogoTheme({
-                logoTheme: parseLogoThemeToCssStyles(logoTheme),
-              });
-          }
-        }
-
         const logoImage =
           logoUtil.safeGetLogoImageFromLogoImageUrl(logoImageUrl);
 

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

@@ -26,8 +26,6 @@ interface GetTemplatesAsyncOptions {
   personalisable?: boolean;
   selectedTemplateToken?: string | false;
   locale?: string;
-  logoS3Token?: string;
-  logoTemplateToken?: string;
 }
 
 export const getTemplatesEndpoint = (templateTypeName: string) =>

package/src/clients/fabric-render-client.ts

@@ -31,7 +31,6 @@ export interface ModifyLogoDataRequest {
   dimensionsType: string;
   variation: string;
   primaryText?: string;
-  generateS3Url?: boolean;
   logo: {
     template: {
       token: string;
@@ -59,8 +58,6 @@ export interface ModifyLogoDataResponse {
   metadata: string | null;
   width: number;
   height: number;
-  expiryDate?: string;
-  s3Token?: string;
 }
 
 export const LOGO_DIMENSION_TYPES = {

package/src/lib.ts

@@ -61,7 +61,6 @@ export type { CriticalResourceURLs } from './brand-page/utils/view-model.util';
 export {
   getOptimalLogoSize,
   calculateOptimizedLogoDimensions,
-  applyLogoImageBase64UrlToBrandPageTemplateModel,
 } from './brand-page/utils/logo.util';
 export { sanitizeRTEHtml } from './brand-page-maker/utils';
 export { getPageSlugFromPageTitle } from './brand-page-maker/utils/slug.util';