@designcrowd/library.brand-page 5.15.12 → 5.15.13

package/lib/src/{CreatedOnBrandCrowd-de-de-DFKc_so0.js → CreatedOnBrandCrowd-de-de-C5FXWLML.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-40QRcYUX.js → CreatedOnBrandCrowd-en-us-G_4dcPih.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-DMfH3fRr.js → CreatedOnBrandCrowd-es-es-BRncVaEZ.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-DbNQrijo.js → CreatedOnBrandCrowd-fr-ca-DPFhUq3i.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-DbNQrijo.js → CreatedOnBrandCrowd-fr-fr-DPFhUq3i.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-V3Xcyi3r.js → CreatedOnBrandCrowd-pt-br-DKWkP6IS.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-V3Xcyi3r.js → CreatedOnBrandCrowd-pt-pt-DKWkP6IS.js}

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

package/lib/src/{CreatedOnDcom-de-de-DpegN5_e.js → CreatedOnDcom-de-de-CMMOIPW8.js}

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

package/lib/src/{CreatedOnDcom-en-us-ByiQFMkC.js → CreatedOnDcom-en-us-DS6QmZZJ.js}

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

package/lib/src/{CreatedOnDcom-es-es-5eBXXPKs.js → CreatedOnDcom-es-es-DjUY-mfY.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-DRMV4ACI.js → CreatedOnDcom-fr-ca-DX8LU2Yu.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-CQrrHapF.js → CreatedOnDcom-fr-fr-BDLSIYqq.js}

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

package/lib/src/{CreatedOnDcom-pt-br-8bqzVFM8.js → CreatedOnDcom-pt-br-Bcp-qwUZ.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-Dgv_C7cs.js → CreatedOnDcom-pt-pt-DtolTWh9.js}

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

package/lib/src/brand-page/utils/logo.util.d.ts

@@ -13,3 +13,22 @@ export declare const applyLogoTemplateImageToBrandPageTemplateModel: (model: Bra
 export declare const getLogoVariationUrlByLogoImage: (logoImage: LogoImageModel) => string | undefined;
 export declare const getLogoTemplateUrlByLogoTemplateImage: (logoTemplateImage: LogoTemplateImageModel) => string;
 export declare const getOptimalLogoSize: (width: number, height: number, currentSize: string) => string;
+export declare const calculateLogoDimensions: (logoData: {
+    width: number;
+    height: number;
+}, maxWidth: string, maxHeight: string) => {
+    width: string;
+    height: string;
+};
+export declare const calculateOptimizedLogoDimensions: (logoData: {
+    width: number;
+    height: number;
+} | null, currentWidth: string, currentHeight: string) => {
+    width: string;
+    height: string;
+};
+export declare const recalculateLogoContentDimensions: (pageData: any, editableLogoVariations?: {
+    variationId: number;
+    width: number;
+    height: number;
+}[]) => Promise<void>;

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

@@ -1,4 +1,4 @@
-import { DEFAULT_LOGO_VARIATION, LOGO_VARIATION } from '../constants';
+import { DEFAULT_LOGO_VARIATION, LOGO_VARIATION, DEFAULT_LOGO_WIDTH, DEFAULT_LOGO_HEIGHT, } from '../constants';
 import { BRAND_PAGE_TYPES, } from '../models';
 import { FabricRenderClient, LogoVariationDefinitions, } from '../../clients/fabric-render-client';
 import { isLogoContent } from './model.util';
@@ -183,3 +183,81 @@ export const getOptimalLogoSize = (width, height, currentSize) => {
         return `${Math.round(newSize)}rem`;
     }
 };
+export const calculateLogoDimensions = (logoData, maxWidth, maxHeight) => {
+    const maxWidthRem = parseFloat(maxWidth);
+    const maxHeightRem = parseFloat(maxHeight);
+    const logoAspectRatio = logoData.width / logoData.height;
+    let actualHeight;
+    if (logoAspectRatio >= 1) {
+        actualHeight = maxWidthRem / logoAspectRatio;
+    }
+    else {
+        actualHeight = maxHeightRem;
+    }
+    const actualHeightRem = `${Math.ceil(actualHeight)}rem`;
+    return { width: actualHeightRem, height: actualHeightRem };
+};
+export const calculateOptimizedLogoDimensions = (logoData, currentWidth, currentHeight) => {
+    const currentHeightRem = parseFloat(currentHeight);
+    if (logoData && logoData.width && logoData.height) {
+        const logoAspectRatio = logoData.width / logoData.height;
+        let newsize = currentHeightRem;
+        // Width-dominant logo (wider than tall)
+        if (logoAspectRatio >= 1.75 && logoAspectRatio <= 2) {
+            const ratioDiff = 2 - logoAspectRatio;
+            newsize = currentHeightRem - Math.round(ratioDiff * 10);
+            return {
+                width: `${newsize}rem`,
+                height: `${newsize}rem`,
+            };
+        }
+        else if (logoAspectRatio > 2) {
+            return {
+                width: `4rem`,
+                height: `4rem`,
+            };
+        }
+    }
+    return { width: currentWidth, height: currentHeight };
+};
+export const recalculateLogoContentDimensions = async (pageData, editableLogoVariations) => {
+    try {
+        const logoContents = [];
+        pageData.pages.forEach((page, pageIndex) => {
+            page.contents.forEach((contentItem, contentIndex) => {
+                const content = contentItem.settings.content;
+                if (isLogoContent(content)) {
+                    logoContents.push({ content, pageIndex, contentIndex });
+                }
+            });
+        });
+        if (logoContents.length === 0) {
+            return;
+        }
+        logoContents.forEach(({ content }) => {
+            let logoData = null;
+            // First priority: Use editableLogoVariations if available
+            if (editableLogoVariations &&
+                content.logoImage?.logoVariation !== undefined) {
+                const matchingVariation = editableLogoVariations.find((variation) => variation.variationId === content.logoImage.logoVariation);
+                if (matchingVariation) {
+                    logoData = {
+                        width: matchingVariation.width,
+                        height: matchingVariation.height,
+                    };
+                }
+            }
+            // Apply dimensions or fallback logic
+            if (logoData && logoData.width && logoData.height) {
+                const currentMaxWidth = content.logoImageWidth || DEFAULT_LOGO_WIDTH;
+                const currentMaxHeight = content.logoImageHeight || DEFAULT_LOGO_HEIGHT;
+                const dimensions = calculateOptimizedLogoDimensions(logoData, currentMaxWidth, currentMaxHeight);
+                content.logoImageHeight = dimensions.height;
+                content.logoImageWidth = dimensions.width;
+            }
+        });
+    }
+    catch (error) {
+        console.warn('Failed to recalculate prepurchase logo dimensions:', error);
+    }
+};

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

@@ -1,21 +1,11 @@
-import { DEFAULT_LOGO_HEIGHT, DEFAULT_LOGO_WIDTH, PageFooterDesktop, PageFooterMobile, PageHeaderDesktop, PageHeaderMobile, } from '../..';
+import { BRAND_PAGE_TYPES, DEFAULT_LOGO_HEIGHT, DEFAULT_LOGO_WIDTH, PageFooterDesktop, PageFooterMobile, PageHeaderDesktop, PageHeaderMobile, } from '../..';
 import { FabricRenderClient } from '../../../clients/fabric-render-client';
-const calculateConstrainedDimensions = (logoData, maxWidth, maxHeight) => {
-    const maxWidthRem = parseFloat(maxWidth);
-    const maxHeightRem = parseFloat(maxHeight);
-    const logoAspectRatio = logoData.width / logoData.height;
-    let actualHeight;
-    if (logoAspectRatio >= 1) {
-        actualHeight = maxWidthRem / logoAspectRatio;
-    }
-    else {
-        actualHeight = maxHeightRem;
-    }
-    const actualHeightRem = `${Math.ceil(actualHeight)}rem`;
-    return { width: actualHeightRem, height: actualHeightRem };
-};
+import { calculateLogoDimensions } from '../logo.util';
 export const migration07 = async (migrationResult, options) => {
     const { brandPageModel } = migrationResult;
+    if (brandPageModel.brandPageType !== BRAND_PAGE_TYPES.brandSite) {
+        return migrationResult;
+    }
     if (options.isServerRender !== undefined && options.isServerRender) {
         migrationResult.useOldLogoRenderSize = true;
         return migrationResult;
@@ -46,7 +36,7 @@ export const migration07 = async (migrationResult, options) => {
             if (logoData && logoData.width && logoData.height && config) {
                 const currentMaxWidth = config.logoImageWidth || DEFAULT_LOGO_WIDTH;
                 const currentMaxHeight = config.logoImageHeight || DEFAULT_LOGO_HEIGHT;
-                const dimensions = calculateConstrainedDimensions(logoData, currentMaxWidth, currentMaxHeight);
+                const dimensions = calculateLogoDimensions(logoData, currentMaxWidth, currentMaxHeight);
                 config.logoImageHeight = dimensions.height;
                 config.logoImageWidth = dimensions.width;
             }
@@ -64,7 +54,7 @@ export const migration07 = async (migrationResult, options) => {
         });
     }
     catch (error) {
-        console.warn('Migration 06: Failed to fetch logo dimensions:', error);
+        console.warn('Migration 07: Failed to fetch logo dimensions:', error);
         migrationResult.useOldLogoRenderSize = true;
         return migrationResult;
     }

package/lib/src/brand-page/utils/migration/migration-08.d.ts

@@ -0,0 +1,5 @@
+import type { MigrationData } from '../migration.util';
+export declare const migration08: (migrationResult: MigrationData, options: {
+    isServerRender: boolean;
+    isUserDraft?: boolean;
+}) => Promise<MigrationData>;

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

@@ -0,0 +1,71 @@
+import { DEFAULT_LOGO_HEIGHT, DEFAULT_LOGO_WIDTH, BRAND_PAGE_TYPES, } from '../..';
+import { FabricRenderClient } from '../../../clients/fabric-render-client';
+import { isLogoContent } from '../model.util';
+import { calculateLogoDimensions, safeGetLogoImageFromLogoImageUrl, } from '../logo.util';
+export const migration08 = async (migrationResult, options) => {
+    const { brandPageModel } = migrationResult;
+    if (brandPageModel.brandPageType !== BRAND_PAGE_TYPES.default &&
+        brandPageModel.brandPageType !== BRAND_PAGE_TYPES.brandContact) {
+        return migrationResult;
+    }
+    if (options.isUserDraft !== undefined && !options.isUserDraft) {
+        return migrationResult;
+    }
+    if (options.isServerRender !== undefined && options.isServerRender) {
+        migrationResult.useOldLogoRenderSize = true;
+        return migrationResult;
+    }
+    try {
+        const fabricClient = FabricRenderClient.getInstance();
+        const logoContents = [];
+        brandPageModel.pages.forEach((page, pageIndex) => {
+            page.contents.forEach((content, contentIndex) => {
+                if (isLogoContent(content)) {
+                    logoContents.push({ content, pageIndex, contentIndex });
+                }
+            });
+        });
+        const logoDataPromises = logoContents.map(async ({ content }) => {
+            if (content.logoTemplateImage?.logoTemplateToken) {
+                const logoData = await fabricClient.getLogoSvgUrlByLogoTemplateImageAsync(content.logoTemplateImage);
+                return { content, logoData };
+            }
+            if (content.logoImage?.logoDraftToken) {
+                const logoData = await fabricClient.getLogoSvgUrlByLogoImageAsync({
+                    logoDraftToken: content.logoImage.logoDraftToken,
+                    logoVariation: content.logoImage.logoVariation,
+                });
+                return { content, logoData };
+            }
+            return { content, logoData: null };
+        });
+        const results = await Promise.all(logoDataPromises);
+        // Apply dimensions to each logo content
+        results.forEach(({ content, logoData }) => {
+            if (logoData && logoData.width && logoData.height) {
+                const currentMaxWidth = content.logoImageWidth || DEFAULT_LOGO_WIDTH;
+                const currentMaxHeight = content.logoImageHeight || DEFAULT_LOGO_HEIGHT;
+                const dimensions = calculateLogoDimensions(logoData, currentMaxWidth, currentMaxHeight);
+                content.logoImageHeight = dimensions.height;
+                content.logoImageWidth = dimensions.width;
+            }
+            // else if (!logoData) {
+            //   // Fallback logic when no logo data is available
+            //   const currentMaxHeight = content.logoImageHeight || DEFAULT_LOGO_HEIGHT;
+            //   const heightValue = parseFloat(currentMaxHeight);
+            //   const newHeight =
+            //     heightValue >= 7
+            //       ? Math.round(heightValue * 0.7)
+            //       : Math.round(heightValue * 0.8);
+            //   content.logoImageHeight = `${newHeight}rem`;
+            //   content.logoImageWidth = `${newHeight}rem`;
+            // }
+        });
+    }
+    catch (error) {
+        console.warn('Migration 08: Failed to fetch logo dimensions:', error);
+        migrationResult.useOldLogoRenderSize = true;
+        return migrationResult;
+    }
+    return migrationResult;
+};

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

@@ -10,6 +10,7 @@ import { migration06 } from './migration/migration-06';
 import { migration05_1 } from './migration/migration-05_1';
 import { migration05_2 } from './migration/migration-05_2';
 import { migration07 } from './migration/migration-07';
+import { migration08 } from './migration/migration-08';
 const MIGRATION_TABLE = [
     {
         version: 1,
@@ -62,6 +63,11 @@ const MIGRATION_TABLE = [
         migrateFn: migration07,
         description: 'Migrating logo render sizes for logo content, header and footer sections',
     },
+    {
+        version: 8,
+        migrateFn: migration08,
+        description: 'Migrating logo content sizes for brandPage and brandContact',
+    },
 ];
 export const GetLatestModelVersion = () => Math.max(...MIGRATION_TABLE.map((x) => x.version));
 export const migrateBrandPageModel = async (brandPageModel, options) => {

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

@@ -26,7 +26,7 @@ import { useLocalisedRouteStore } from '../route/localised-route-store';
 import cloneDeep from 'lodash.clonedeep';
 import * as uuid from 'uuid';
 import { getAiContentIndexByTemplateTokenAndNumberOfVariations } from '../../utils/ai-content-selection.util';
-import { applyLogoTemplateImageToBrandPageTemplateModel, getOptimalLogoSize, } from '../../../brand-page/utils/logo.util';
+import { applyLogoTemplateImageToBrandPageTemplateModel, getOptimalLogoSize, recalculateLogoContentDimensions, } from '../../../brand-page/utils/logo.util';
 import { FabricRenderClient } from '../../../clients/fabric-render-client';
 import { useConsent } from '../../../brand-page/composables/consent.composable';
 import { commonTr, errorTr } from '../../../composables/useTranslate';
@@ -492,6 +492,7 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
                         newState: logoSettingsState,
                     });
                 }
+                const pageSettingsStore = useUiPageSettingsStore();
                 if (brandPageContainerStore.isPrePurchase) {
                     await editableLogoStore.setStateAsync({
                         defaultPrimaryText: businessName,
@@ -519,7 +520,6 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
                         },
                     });
                 }
-                const pageSettingsStore = useUiPageSettingsStore();
                 if (!brandPageContainerStore.designDraftToken &&
                     !userStore.isAdmin &&
                     this.isBrandSite) {
@@ -538,6 +538,10 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
                         pageSettingsStore.sections[PAGE_SECTIONS.header][VIEWPORTS.desktop].logoImageHeight = newLogoSize;
                     }
                 }
+                else if (this.isBrandPageOrIsBrandContact &&
+                    brandPageContainerStore.isPrePurchase) {
+                    recalculateLogoContentDimensions(pageSettingsStore, editableLogoStore.editableLogoVariations);
+                }
                 const backgroundStyles = new BackgroundStyles(brandPageModel.styles.backgroundStyles);
                 const backgroundSetStatePayload = {
                     newState: {

package/lib/src/clients/fabric-render-client.js

@@ -41,7 +41,7 @@ export class FabricRenderClient {
         return FabricRenderClient._staticClient;
     }
     getLogoTemplateUrlByLogoTemplateImage(logoTemplateImage, outputFormat = 'base64svgjson') {
-        return `${this.baseUrl}/asset/logotemplate/brand-page/${logoTemplateImage.logoTemplateToken}?dimensionsType=preview_image_transparent_no_buffer&outputFormat=${outputFormat}&logoTemplateVersion=${logoTemplateImage.logoTemplateVersion}&text=${encodeURIComponent(logoTemplateImage.logoTemplateText)}`;
+        return `${this.baseUrl}/asset/logotemplate/brand-page/${logoTemplateImage.logoTemplateToken}?dimensionsType=preview_image_transparent_no_buffer&outputFormat=${outputFormat}&logoTemplateVersion=${logoTemplateImage.logoTemplateVersion}&text=${encodeURIComponent(logoTemplateImage.logoTemplateText)}&applyAutoLayout=true`;
     }
     getLogoVariationUrlByLogoVariationIndex(logoDraftToken, tick, variationIndex, outputFormat = 'png') {
         let thisVariationIndex = variationIndex;

package/lib/src/css/library.brand-page-brandCrowd.min.css

@@ -5336,11 +5336,11 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
 }
 }
 
-.logo__container[data-v-acc9a38e] {
+.logo__container[data-v-61298814] {
   border: 0.125rem solid var(--logo-border-colour);
   border-radius: 0.75rem;
 }
-.logo__image[data-v-acc9a38e] {
+.logo__image[data-v-61298814] {
   display: block;
   -o-object-fit: contain;
      object-fit: contain;

package/lib/src/css/library.brand-page-brandPage.min.css

@@ -5664,11 +5664,11 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
 }
 }
 
-.logo__container[data-v-acc9a38e] {
+.logo__container[data-v-61298814] {
   border: 0.125rem solid var(--logo-border-colour);
   border-radius: 0.75rem;
 }
-.logo__image[data-v-acc9a38e] {
+.logo__image[data-v-61298814] {
   display: block;
   -o-object-fit: contain;
      object-fit: contain;

package/lib/src/css/library.brand-page-designCom.min.css

@@ -5354,11 +5354,11 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
 }
 }
 
-.logo__container[data-v-acc9a38e] {
+.logo__container[data-v-61298814] {
   border: 0.125rem solid var(--logo-border-colour);
   border-radius: 0.75rem;
 }
-.logo__image[data-v-acc9a38e] {
+.logo__image[data-v-61298814] {
   display: block;
   -o-object-fit: contain;
      object-fit: contain;

package/lib/src/css/library.brand-page-preview.min.css

@@ -5096,11 +5096,11 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
 }
 }
 
-.bp .logo__container[data-v-acc9a38e] {
+.bp .logo__container[data-v-61298814] {
   border: 0.125rem solid var(--logo-border-colour);
   border-radius: 0.75rem;
 }
-.bp .logo__image[data-v-acc9a38e] {
+.bp .logo__image[data-v-61298814] {
   display: block;
   -o-object-fit: contain;
      object-fit: contain;

package/lib/src/index.d.ts

@@ -23,7 +23,7 @@ export { default as SensitiveContentModal } from './brand-page/components/sensit
 export { getBrandPageViewModelFromBrandPageModel, migrateBrandPageModel, } from './brand-page/utils';
 export * as brandPageUtils from './brand-page/utils';
 export type { CriticalResourceURLs } from './brand-page/utils/view-model.util';
-export { getOptimalLogoSize } 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';
 export { useBrandPageMakerStore, useBrandPageMakerUserStore, useUiStore, useBrandPageContainerStore, useEventManagerStore, useLocalisedRouteStore, } from './brand-page-maker/stores';