@designcrowd/library.brand-page 5.14.18 → 5.15.0-ast-getty

package/lib/src/{CreatedOnBrandCrowd-de-de-DcUC9u9V.js → CreatedOnBrandCrowd-de-de-UBjZ9E8b.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-CyE7w_kQ.js → CreatedOnBrandCrowd-en-us-Dxv-e7xY.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-CYfCI1eo.js → CreatedOnBrandCrowd-es-es-D1mxOUzA.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-XneRcW9W.js → CreatedOnBrandCrowd-fr-ca-BGXkoBpt.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-XneRcW9W.js → CreatedOnBrandCrowd-fr-fr-BGXkoBpt.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-DN9Jvi8B.js → CreatedOnBrandCrowd-pt-br--hMa1GOB.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-DN9Jvi8B.js → CreatedOnBrandCrowd-pt-pt--hMa1GOB.js}

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

package/lib/src/{CreatedOnDcom-de-de-xeVBy03R.js → CreatedOnDcom-de-de-BahEsppf.js}

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

package/lib/src/{CreatedOnDcom-en-us-Db5rDsSD.js → CreatedOnDcom-en-us-pFR9frdw.js}

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

package/lib/src/{CreatedOnDcom-es-es-Dsza6g1E.js → CreatedOnDcom-es-es-8B5kqKM3.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-DfG2BFbq.js → CreatedOnDcom-fr-ca-CLts1YA1.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-B0EqCu0Q.js → CreatedOnDcom-fr-fr-DCbmqhsM.js}

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

package/lib/src/{CreatedOnDcom-pt-br-Bf9E4uxV.js → CreatedOnDcom-pt-br-BzbiPbzA.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-C_COgmdc.js → CreatedOnDcom-pt-pt-2w68rAO_.js}

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

package/lib/src/brand-page/constants/logo.constants.d.ts

@@ -5,3 +5,4 @@ export declare const LOGO_VARIATION: {
     TEXT_ONLY_WITH_TRANSPARENT_BACKGROUND: number;
 };
 export declare const DEFAULT_LOGO_VARIATION: number;
+export declare const LOGO_MIGRATION_VERSION = 6;

package/lib/src/brand-page/constants/logo.constants.js

@@ -5,3 +5,5 @@ export const LOGO_VARIATION = {
     TEXT_ONLY_WITH_TRANSPARENT_BACKGROUND: 3,
 };
 export const DEFAULT_LOGO_VARIATION = LOGO_VARIATION.LOGO_WITH_TRANSPARENT_BACKGROUND;
+// migrating logo images to a fixed height
+export const LOGO_MIGRATION_VERSION = 6;

package/lib/src/brand-page/constants/styles.constants.d.ts

@@ -16,9 +16,9 @@ export declare const defaultHamburgerNavigation: {
 export declare const OLD_DEFAULT_LOGO_HEIGHT = "6rem";
 export declare const DEFAULT_LOGO_HEIGHT = "9rem";
 export declare const DEFAULT_LOGO_WIDTH = "9rem";
-export declare const LOGO_SLIDER_DESKTOP_MIN = 5;
+export declare const LOGO_SLIDER_DESKTOP_MIN = 1;
 export declare const LOGO_SLIDER_DESKTOP_MAX = 20;
-export declare const LOGO_SLIDER_MOBILE_MIN = 4;
+export declare const LOGO_SLIDER_MOBILE_MIN = 1;
 export declare const LOGO_SLIDER_MOBILE_MAX = 13;
 export declare const CONTENT_TEXT_STYLE_PROPERTY_KEYS: {
     readonly descriptionStyle: "descriptionStyle";

package/lib/src/brand-page/constants/styles.constants.js

@@ -18,9 +18,9 @@ export const OLD_DEFAULT_LOGO_HEIGHT = '6rem';
 export const DEFAULT_LOGO_HEIGHT = '9rem';
 export const DEFAULT_LOGO_WIDTH = '9rem';
 // Logo slider values are unit of rem
-export const LOGO_SLIDER_DESKTOP_MIN = 5;
+export const LOGO_SLIDER_DESKTOP_MIN = 1;
 export const LOGO_SLIDER_DESKTOP_MAX = 20;
-export const LOGO_SLIDER_MOBILE_MIN = 4;
+export const LOGO_SLIDER_MOBILE_MIN = 1;
 export const LOGO_SLIDER_MOBILE_MAX = 13;
 export const CONTENT_TEXT_STYLE_PROPERTY_KEYS = {
     descriptionStyle: 'descriptionStyle',

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

@@ -1,4 +1,5 @@
 import type { BrandPageModel } from '../../';
+import { type MigrationData } from '../../utils';
 export declare const applyTextContentTextToTextItemsMigration: (brandPageModel: BrandPageModel) => void;
 export declare const migrateProfileContentToHaveTextStyles: (brandPageModel: BrandPageModel) => void;
 export declare const migrateMailingListContentToHaveTextStyles: (brandPageModel: BrandPageModel) => void;
@@ -17,6 +18,6 @@ export declare const migrateNewLogoLogic: (brandPageModel: BrandPageModel, isUse
 export declare const migrateGlobalTextStylesToHaveMissingStyles: (brandPageModel: BrandPageModel) => void;
 export declare const migrateConvertLineHeightOnNavigationStyles: (brandPageModel: BrandPageModel) => void;
 export declare const migrateConvertLineHeightOnFooterStyles: (brandPageModel: BrandPageModel) => void;
-export declare const migration01: (brandPageModel: BrandPageModel, options: {
+export declare const migration01: (migrationResult: MigrationData, options: {
     isUserDraft: boolean;
-}) => BrandPageModel;
+}) => Promise<MigrationData>;

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

@@ -856,7 +856,8 @@ export const migrateConvertLineHeightOnFooterStyles = (brandPageModel) => {
         };
     }
 };
-export const migration01 = (brandPageModel, options) => {
+export const migration01 = async (migrationResult, options) => {
+    const { brandPageModel } = migrationResult;
     if (!brandPageModel.brandPageType) {
         brandPageModel.brandPageType = BRAND_PAGE_TYPES.default;
     }
@@ -888,5 +889,5 @@ export const migration01 = (brandPageModel, options) => {
     migrateGlobalTextStylesToHaveMissingStyles(brandPageModel);
     migrateConvertLineHeightOnNavigationStyles(brandPageModel);
     migrateConvertLineHeightOnFooterStyles(brandPageModel);
-    return brandPageModel;
+    return migrationResult;
 };

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

@@ -1,4 +1,5 @@
-import type { BrandPageModel, LogoImageModel } from '../..';
-export declare const migration01_1: (brandPageModel: BrandPageModel, options: {
+import type { LogoImageModel } from '../..';
+import type { MigrationData } from '../migration.util';
+export declare const migration01_1: (migrationResult: MigrationData, options: {
     logoImage?: LogoImageModel;
-}) => BrandPageModel;
+}) => MigrationData;

package/lib/src/brand-page/utils/migration/migration-01_1.js

@@ -1,5 +1,6 @@
 import { migrateLogoImage } from './logo/logo.migration.util';
-export const migration01_1 = (brandPageModel, options) => {
+export const migration01_1 = (migrationResult, options) => {
+    const { brandPageModel } = migrationResult;
     migrateLogoImage(brandPageModel, options.logoImage);
-    return brandPageModel;
+    return migrationResult;
 };

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

@@ -1,6 +1,7 @@
-import { type BrandPageModel, type LogoImageModel } from '../..';
+import { type LogoImageModel } from '../..';
+import type { MigrationData } from '../migration.util';
 export declare const convertLetterSpacingRemToEm: (fontSizeInEmOrRem: string | undefined, letterSpacingRemValue: string | undefined) => string | undefined;
-export declare const migration02: (brandPageModel: BrandPageModel, options: {
+export declare const migration02: (migrationResult: MigrationData, options: {
     logoImage?: LogoImageModel;
     isUserDraft: boolean;
-}) => BrandPageModel;
+}) => Promise<MigrationData>;

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

@@ -31,7 +31,8 @@ const handleConversion = (style) => {
     }
     style.letterSpacing = convertLetterSpacingRemToEm(style.fontSize, style.letterSpacing);
 };
-export const migration02 = (brandPageModel, options) => {
+export const migration02 = async (migrationResult, options) => {
+    const { brandPageModel } = migrationResult;
     handleConversion(brandPageModel.pageHeaderDesktop?.navigation?.defaultButtonStyle);
     handleConversion(brandPageModel.pageHeaderMobile?.navigation?.defaultButtonStyle);
     handleConversion(brandPageModel.pageFooterDesktop?.copyrightStyle);
@@ -127,5 +128,5 @@ export const migration02 = (brandPageModel, options) => {
             }
         });
     });
-    return brandPageModel;
+    return migrationResult;
 };

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

@@ -1,5 +1,6 @@
-import { type BrandPageModel, type LogoImageModel } from '../..';
-export declare const migration03: (brandPageModel: BrandPageModel, options: {
+import { type LogoImageModel } from '../..';
+import type { MigrationData } from '../migration.util';
+export declare const migration03: (migrationResult: MigrationData, options: {
     logoImage?: LogoImageModel;
     isUserDraft: boolean;
-}) => BrandPageModel;
+}) => Promise<MigrationData>;

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

@@ -28,7 +28,8 @@ const migrateApplyAutoScaleProperty = (brandPageType, textStyle) => {
     textStyle.applyAutoScale =
         brandPageType && brandPageType === BRAND_PAGE_TYPES.brandSite;
 };
-export const migration03 = (brandPageModel, options) => {
+export const migration03 = async (migrationResult, options) => {
+    const { brandPageModel } = migrationResult;
     handleRecursiveFontSizeMigration(brandPageModel.pageHeaderDesktop);
     handleRecursiveFontSizeMigration(brandPageModel.pageHeaderMobile);
     handleRecursiveFontSizeMigration(brandPageModel.pageFooterDesktop);
@@ -116,5 +117,5 @@ export const migration03 = (brandPageModel, options) => {
             }
         });
     });
-    return brandPageModel;
+    return migrationResult;
 };

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

@@ -1,5 +1,6 @@
-import { type BrandPageModel, type LogoImageModel } from '../..';
-export declare const migration04: (brandPageModel: BrandPageModel, options: {
+import { type LogoImageModel } from '../..';
+import type { MigrationData } from '../migration.util';
+export declare const migration04: (migrationResult: MigrationData, options: {
     logoImage?: LogoImageModel;
     isUserDraft: boolean;
-}) => BrandPageModel;
+}) => Promise<MigrationData>;

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

@@ -86,7 +86,8 @@ const updateUserUploadedImageUrls = (content) => {
         });
     }
 };
-export const migration04 = (brandPageModel, options) => {
+export const migration04 = async (migrationResult, options) => {
+    const { brandPageModel } = migrationResult;
     if (brandPageModel.faviconUrl &&
         isUserUploadedImage(brandPageModel.faviconUrl)) {
         brandPageModel.faviconUrl = removeUserImageExtension(brandPageModel.faviconUrl);
@@ -111,5 +112,5 @@ export const migration04 = (brandPageModel, options) => {
             }
         });
     }
-    return brandPageModel;
+    return migrationResult;
 };

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

@@ -1,2 +1,6 @@
-import { type BrandPageModel } from '../..';
-export declare const migration05: (brandPageModel: BrandPageModel) => BrandPageModel;
+import { type LogoImageModel } from '../..';
+import type { MigrationData } from '../migration.util';
+export declare const migration05: (migrationResult: MigrationData, options: {
+    logoImage?: LogoImageModel;
+    isUserDraft: boolean;
+}) => Promise<MigrationData>;

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

@@ -1,6 +1,7 @@
 import {} from '../..';
 import { isTextContent } from '../model.util';
-export const migration05 = (brandPageModel) => {
+export const migration05 = async (migrationResult, options) => {
+    const { brandPageModel } = migrationResult;
     brandPageModel.pages.forEach((page) => {
         page.contents.forEach((content) => {
             if (isTextContent(content)) {
@@ -13,5 +14,5 @@ export const migration05 = (brandPageModel) => {
             }
         });
     });
-    return brandPageModel;
+    return migrationResult;
 };

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

@@ -1,4 +1,4 @@
-import { type BrandPageModel } from '../..';
-export declare const migration05_1: (brandPageModel: BrandPageModel, options: {
+import type { MigrationData } from '../migration.util';
+export declare const migration05_1: (migrationResult: MigrationData, options: {
     isUserDraft: boolean;
-}) => BrandPageModel;
+}) => MigrationData;

package/lib/src/brand-page/utils/migration/migration-05_1.js

@@ -1,5 +1,5 @@
-import {} from '../..';
-export const migration05_1 = (brandPageModel, options) => {
+export const migration05_1 = (migrationResult, options) => {
+    const { brandPageModel } = migrationResult;
     if (!options.isUserDraft) {
         brandPageModel.pageFooterDesktop?.socialLinks?.forEach((link) => {
             if (link.imageUrl === 'twitter') {
@@ -14,5 +14,5 @@ export const migration05_1 = (brandPageModel, options) => {
             }
         });
     }
-    return brandPageModel;
+    return migrationResult;
 };

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

@@ -1,4 +1,4 @@
-import { type BrandPageModel } from '../..';
-export declare const migration05_2: (brandPageModel: BrandPageModel, options: {
+import type { MigrationData } from '../migration.util';
+export declare const migration05_2: (migrationResult: MigrationData, options: {
     isUserDraft: boolean;
-}) => BrandPageModel;
+}) => MigrationData;

package/lib/src/brand-page/utils/migration/migration-05_2.js

@@ -1,5 +1,6 @@
 import {} from '../..';
-export const migration05_2 = (brandPageModel, options) => {
+export const migration05_2 = (migrationResult, options) => {
+    const { brandPageModel } = migrationResult;
     brandPageModel.pages.forEach((page) => {
         page.contents.forEach((content) => {
             // Casting content type to string to avoid adding placeholder types in CONTENT_SETTINGS_CONFIGS
@@ -10,5 +11,5 @@ export const migration05_2 = (brandPageModel, options) => {
             }
         });
     });
-    return brandPageModel;
+    return migrationResult;
 };

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

@@ -1,2 +1,2 @@
-import { type BrandPageModel } from '../..';
-export declare const migration06: (brandPageModel: BrandPageModel) => BrandPageModel;
+import type { MigrationData } from '../migration.util';
+export declare const migration06: (migrationResult: MigrationData) => MigrationData;

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

@@ -1,6 +1,7 @@
 import {} from '../..';
 import { isImagesContent } from '../model.util';
-export const migration06 = (brandPageModel) => {
+export const migration06 = (migrationResult) => {
+    const { brandPageModel } = migrationResult;
     brandPageModel.pages.forEach((page) => {
         page.contents.forEach((content) => {
             // Migration for ImagesSection content
@@ -44,5 +45,5 @@ export const migration06 = (brandPageModel) => {
             }
         });
     });
-    return brandPageModel;
+    return migrationResult;
 };

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

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

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

@@ -0,0 +1,60 @@
+import { 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 };
+};
+export const migration07 = async (migrationResult, options) => {
+    const { brandPageModel } = migrationResult;
+    if (options.isServerRender !== undefined && options.isServerRender) {
+        migrationResult.useOldLogoRenderSize = true;
+        return migrationResult;
+    }
+    try {
+        const fabricClient = FabricRenderClient.getInstance();
+        // Define all sections that need logo data
+        const sections = [
+            { name: 'pageHeaderDesktop', config: brandPageModel.pageHeaderDesktop },
+            { name: 'pageHeaderMobile', config: brandPageModel.pageHeaderMobile },
+            { name: 'pageFooterDesktop', config: brandPageModel.pageFooterDesktop },
+            { name: 'pageFooterMobile', config: brandPageModel.pageFooterMobile },
+        ].filter((section) => section.config);
+        // Fetch logo data for all sections in parallel
+        const logoDataPromises = sections.map(async (section) => {
+            const logoData = section.config?.logoTemplateImage?.logoTemplateToken
+                ? await fabricClient.getLogoSvgUrlByLogoTemplateImageAsync(section.config.logoTemplateImage)
+                : await fabricClient.getLogoSvgUrlByLogoImageAsync(section.config.logoImage);
+            return {
+                sectionName: section.name,
+                logoData,
+                config: section.config,
+            };
+        });
+        const results = await Promise.all(logoDataPromises);
+        // Apply dimensions to each section
+        results.forEach(({ sectionName, logoData, config }) => {
+            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);
+                config.logoImageHeight = dimensions.height;
+            }
+        });
+    }
+    catch (error) {
+        console.warn('Migration 06: Failed to fetch logo dimensions:', error);
+        migrationResult.useOldLogoRenderSize = true;
+        return migrationResult;
+    }
+    return migrationResult;
+};

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

@@ -1,6 +1,11 @@
 import { type BrandPageModel, type LogoImageModel } from '../models';
+export interface MigrationData {
+    brandPageModel: BrandPageModel;
+    useOldLogoRenderSize: boolean;
+}
 export declare const GetLatestModelVersion: () => number;
 export declare const migrateBrandPageModel: (brandPageModel: BrandPageModel, options: {
     logoImage?: LogoImageModel;
     isUserDraft: boolean;
-}) => BrandPageModel;
+    isServerRender: boolean;
+}) => Promise<MigrationData>;

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

@@ -1,3 +1,4 @@
+import { LOGO_MIGRATION_VERSION } from '../constants';
 import {} from '../models';
 import { migration01 } from './migration/migration-01';
 import { migration01_1 } from './migration/migration-01_1';
@@ -5,9 +6,10 @@ import { migration02 } from './migration/migration-02';
 import { migration03 } from './migration/migration-03';
 import { migration04 } from './migration/migration-04';
 import { migration05 } from './migration/migration-05';
+import { migration06 } from './migration/migration-06';
 import { migration05_1 } from './migration/migration-05_1';
 import { migration05_2 } from './migration/migration-05_2';
-import { migration06 } from './migration/migration-06';
+import { migration07 } from './migration/migration-07';
 const MIGRATION_TABLE = [
     {
         version: 1,
@@ -55,19 +57,28 @@ const MIGRATION_TABLE = [
         migrateFn: migration06,
         description: 'Migrating new fields for images section',
     },
+    {
+        version: 7,
+        migrateFn: migration07,
+        description: 'Migrating logo render sizes for logo content, header and footer sections',
+    },
 ];
 export const GetLatestModelVersion = () => Math.max(...MIGRATION_TABLE.map((x) => x.version));
-export const migrateBrandPageModel = (brandPageModel, options) => {
+export const migrateBrandPageModel = async (brandPageModel, options) => {
     let modelVersion = brandPageModel.v;
+    let migrationResult = {
+        brandPageModel,
+        useOldLogoRenderSize: false,
+    };
     if (!modelVersion) {
         modelVersion = 0;
     }
-    MIGRATION_TABLE.forEach((x) => {
+    for (const x of MIGRATION_TABLE) {
         if (x.runAlways || modelVersion < x.version) {
-            brandPageModel = x.migrateFn(brandPageModel, options);
+            migrationResult = await x.migrateFn(migrationResult, options);
         }
-    });
+    }
     // Set the model to latest version
-    brandPageModel.v = GetLatestModelVersion();
-    return brandPageModel;
+    migrationResult.brandPageModel.v = GetLatestModelVersion();
+    return migrationResult;
 };

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

@@ -1,14 +1,6 @@
 import type { BrandPageModel, LogoTheme, ThemeColor, FabricLogoTheme, ButtonStyles, PageModel } from '../models';
 import { NavigationDesktop, NavigationMobile } from '../models';
 import { PageStyles, PageHeaderMobile, PageHeaderDesktop, PageFooterMobile, PageFooterDesktop } from '../models';
-/**
- * Simple utility to convert any color format to hex for consistent comparison
- */
-export declare const normalizeColorToHex: (color: string) => string;
-/**
- * Simple utility to check if two colors match (handles different formats)
- */
-export declare const colorsMatch: (color1: string, color2: string) => boolean;
 /**
  * @function getColorValueForCorrectCssProperty
  * @param k: string

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

@@ -3,34 +3,8 @@ import { PageStyles, PageHeaderMobile, PageHeaderDesktop, PageFooterMobile, Page
 import { STYLE_THEME_KEYS } from '../constants';
 import { arrayToLinearGradient, linearGradientToArray, isColorLinearGradient, RGBAtoHex, } from '../../utils/helpers';
 import { addTransparentAlphaChannelToHex, calculateLuminanceRatio, getNewColorBasedOnTargetColorTheme, } from './color.util';
-import { isRgbColor } from '../../utils/helpers';
 import chroma from 'chroma-js';
 import { hasRTEContent } from '../../brand-page-maker/utils';
-/**
- * Simple utility to convert any color format to hex for consistent comparison
- */
-export const normalizeColorToHex = (color) => {
-    if (!color)
-        return color;
-    const cleanColor = color.replace(/ /g, '');
-    try {
-        return isRgbColor(cleanColor) ? RGBAtoHex(cleanColor) : cleanColor;
-    }
-    catch (e) {
-        console.warn('Failed to convert color to hex:', color);
-        return cleanColor;
-    }
-};
-/**
- * Simple utility to check if two colors match (handles different formats)
- */
-export const colorsMatch = (color1, color2) => {
-    if (!color1 || !color2)
-        return false;
-    const normalized1 = normalizeColorToHex(color1);
-    const normalized2 = normalizeColorToHex(color2);
-    return normalized1 === normalized2;
-};
 const MIN_LUM_RATIO = 0.3;
 const parseFabricColorToCssStyle = (fabricColor) => {
     if (fabricColor && typeof fabricColor === 'object') {

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

@@ -8,10 +8,12 @@ export declare const mapToTextViewModel: (content: TextContent, styles: PageStyl
 export declare const mapToBannerSectionViewModel: (content: BannerSectionContent, styles: PageStyles) => BannerSectionViewModel;
 export declare const mapToImagesSectionViewModel: (content: ImagesSectionContent, styles: PageStyles, brandPageType: BrandPageType) => TextImageSectionViewModel;
 export declare const mapToBookingSectionViewModel: (content: BookingSectionContent, styles: PageStyles) => BookingSectionViewModel;
-export declare const mapToPageHeaderViewModel: (pageHeader: PageHeaderDesktop | PageHeaderMobile, pageStyles: PageStyles, pages: PageViewModel[]) => PageHeaderViewModel;
-export declare const mapToPageFooterViewModel: (pageFooter: PageFooterDesktop | PageFooterMobile, pageStyles: PageStyles) => PageFooterViewModel;
-export declare const mapToViewModel: (styles: PageStyles, brandPageType: BrandPageType) => (content: Content) => ContentViewModel | undefined;
-export declare const getBrandPageViewModelFromBrandPageModel: (model: BrandPageModel, brandPageToken: string | undefined, showBrandCrowdLogo?: boolean) => BrandPageViewModel;
+export declare const mapToPageHeaderViewModel: (pageHeader: PageHeaderDesktop | PageHeaderMobile, pageStyles: PageStyles, pages: PageViewModel[], useOldLogoRenderSize?: boolean) => PageHeaderViewModel;
+export declare const mapToPageFooterViewModel: (pageFooter: PageFooterDesktop | PageFooterMobile, pageStyles: PageStyles, useOldLogoRenderSize?: boolean) => PageFooterViewModel;
+export declare const mapToViewModel: (styles: PageStyles, brandPageType: BrandPageType, options?: {
+    useOldLogoRenderSize: boolean;
+}) => (content: Content) => ContentViewModel | undefined;
+export declare const getBrandPageViewModelFromBrandPageModel: (model: BrandPageModel, brandPageToken: string | undefined, showBrandCrowdLogo?: boolean, useOldLogoRenderSize?: boolean) => BrandPageViewModel;
 export declare const isLogoViewModel: (viewModel: ContentViewModel) => viewModel is LogoViewModel;
 /** for service.brand-page website preview by logo draft token */
 export declare const applyLogoImageToBrandPageViewModel: (viewModel: BrandPageViewModel, logoImage: LogoImageModel) => BrandPageViewModel;