@designcrowd/library.brand-page 5.14.4-flacky-nav-20 → 5.14.5

package/lib/src/{CreatedOnBrandCrowd-de-de-D6fmcmiG.js → CreatedOnBrandCrowd-de-de-tTFTa20I.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-0e6iElRh.js → CreatedOnBrandCrowd-en-us-CFjAtUB7.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-DyVOGiYK.js → CreatedOnBrandCrowd-es-es-CCbPO5EX.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-D8wrO0EO.js → CreatedOnBrandCrowd-fr-fr-vj8agtZJ.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-DZCcVTVy.js → CreatedOnBrandCrowd-pt-pt-BBbKXb-v.js}

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

package/lib/src/{CreatedOnDcom-de-de-IIkhu8ZZ.js → CreatedOnDcom-de-de-DSIsTnvI.js}

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

package/lib/src/{CreatedOnDcom-en-us-D_Quyqbp.js → CreatedOnDcom-en-us-BjGcn0TZ.js}

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

package/lib/src/{CreatedOnDcom-es-es-BfKHaFhp.js → CreatedOnDcom-es-es-VY1wFSD_.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-BrNaR5yK.js → CreatedOnDcom-fr-fr-BKc4gdFc.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-DUac_-1A.js → CreatedOnDcom-pt-pt-Cxl_q80E.js}

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

package/lib/src/brand-page/components/mailing-list/MailingList.mixin.js

@@ -1,8 +1,7 @@
 import { defineComponent } from 'vue';
-import { DEFAULT_MAILING_LIST_BUTTON_TEXT } from '../../constants';
 import brandPageClient from '../../clients/brand-page.client';
 import { getEmailValidationError } from '../../utils';
-import { mailingListTr } from '../../../composables/useTranslate';
+import { contentSettingsTr, mailingListTr, } from '../../../composables/useTranslate';
 const MAX_NAME_LENGTH = 200;
 export default defineComponent({
     props: {
@@ -70,7 +69,7 @@ export default defineComponent({
             return { ...buttonStyle, ...this.viewModel.buttonTextStyle };
         },
         buttonText() {
-            return this.viewModel?.buttonText || DEFAULT_MAILING_LIST_BUTTON_TEXT;
+            return (this.viewModel?.buttonText || contentSettingsTr('subscribePlaceholder'));
         },
         containerStyle() {
             const buttonStyle = { ...this.viewModel.styles?.style };

package/lib/src/brand-page/components/mailing-list/MailingList.stories.js

@@ -1,7 +1,7 @@
 import { defineComponent } from 'vue';
 import { faker } from '@faker-js/faker';
 import { mockApiCalls } from '../../../brand-page-maker/components/brand-page-maker/mock-api-calls';
-import { DEFAULT_MAILING_LIST_BUTTON_TEXT, DEFAULT_TEXT_ALIGN } from '../../constants';
+import { DEFAULT_TEXT_ALIGN } from '../../constants';
 import MailingList from './MailingList.vue';
 import { context } from '../../__fixtures__/brand-page-sample-data';
 export default {
@@ -13,7 +13,7 @@ const bpData = {
     type: 'mailing-list',
     acceptedFields: undefined,
     promptText: 'You want some mails?',
-    buttonText: DEFAULT_MAILING_LIST_BUTTON_TEXT,
+    buttonText: 'Subscribe',
     titleStyle: {
         textAlign: DEFAULT_TEXT_ALIGN,
     },

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

@@ -5,4 +5,3 @@ 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,5 +5,3 @@ 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/misc.constants.d.ts

@@ -2,7 +2,6 @@ export declare const DEFAULT_CURRENCY_SYMBOL = "$";
 export declare const DEFAULT_CURRENCY_CODE = "USD";
 export declare const DEFAULT_LOGO_TEXT_COLOR_RGB = "rgb(0,0,0)";
 export declare const DEFAULT_LOGO_BACKGROUND_COLOR_RGB = "rgb(255,255,255)";
-export declare const DEFAULT_MAILING_LIST_BUTTON_TEXT = "Subscribe";
 export declare const DISPLAY_STYLE_PREVIEW = "preview";
 export declare const DISPLAY_STYLE_COLLAPSED = "collapsed";
 export declare const ALIGN_CENTERED = "centered";

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

@@ -3,7 +3,6 @@ export const DEFAULT_CURRENCY_SYMBOL = '$';
 export const DEFAULT_CURRENCY_CODE = 'USD';
 export const DEFAULT_LOGO_TEXT_COLOR_RGB = 'rgb(0,0,0)';
 export const DEFAULT_LOGO_BACKGROUND_COLOR_RGB = 'rgb(255,255,255)';
-export const DEFAULT_MAILING_LIST_BUTTON_TEXT = 'Subscribe';
 export const DISPLAY_STYLE_PREVIEW = 'preview';
 export const DISPLAY_STYLE_COLLAPSED = 'collapsed';
 export const ALIGN_CENTERED = 'centered';

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 = 1;
+export declare const LOGO_SLIDER_DESKTOP_MIN = 5;
 export declare const LOGO_SLIDER_DESKTOP_MAX = 20;
-export declare const LOGO_SLIDER_MOBILE_MIN = 1;
+export declare const LOGO_SLIDER_MOBILE_MIN = 4;
 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 = 1;
+export const LOGO_SLIDER_DESKTOP_MIN = 5;
 export const LOGO_SLIDER_DESKTOP_MAX = 20;
-export const LOGO_SLIDER_MOBILE_MIN = 1;
+export const LOGO_SLIDER_MOBILE_MIN = 4;
 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,5 +1,4 @@
 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;
@@ -18,6 +17,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: (migrationResult: MigrationData, options: {
+export declare const migration01: (brandPageModel: BrandPageModel, options: {
     isUserDraft: boolean;
-}) => Promise<MigrationData>;
+}) => BrandPageModel;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,11 +1,6 @@
 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;
-    isServerRender: boolean;
-}) => Promise<MigrationData>;
+}) => BrandPageModel;

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

@@ -1,4 +1,3 @@
-import { LOGO_MIGRATION_VERSION } from '../constants';
 import {} from '../models';
 import { migration01 } from './migration/migration-01';
 import { migration01_1 } from './migration/migration-01_1';
@@ -6,7 +5,6 @@ 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';
 const MIGRATION_TABLE = [
@@ -51,27 +49,19 @@ const MIGRATION_TABLE = [
         migrateFn: migration05_2,
         description: 'Migrating twitter content to x content',
     },
-    {
-        version: 6,
-        migrateFn: migration06,
-    },
 ];
 export const GetLatestModelVersion = () => Math.max(...MIGRATION_TABLE.map((x) => x.version));
-export const migrateBrandPageModel = async (brandPageModel, options) => {
+export const migrateBrandPageModel = (brandPageModel, options) => {
     let modelVersion = brandPageModel.v;
-    let migrationResult = {
-        brandPageModel,
-        useOldLogoRenderSize: false,
-    };
     if (!modelVersion) {
         modelVersion = 0;
     }
-    for (const x of MIGRATION_TABLE) {
+    MIGRATION_TABLE.forEach((x) => {
         if (x.runAlways || modelVersion < x.version) {
-            migrationResult = await x.migrateFn(migrationResult, options);
+            brandPageModel = x.migrateFn(brandPageModel, options);
         }
-    }
+    });
     // Set the model to latest version
-    migrationResult.brandPageModel.v = GetLatestModelVersion();
-    return migrationResult;
+    brandPageModel.v = GetLatestModelVersion();
+    return brandPageModel;
 };

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

@@ -8,12 +8,10 @@ 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[], 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 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 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;

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

@@ -115,7 +115,7 @@ export const mapToImageGalleryViewModel = (content, globalStyles) => {
         styles: galleryStyles?.galleryType ? galleryStyles : globalStyles,
     };
 };
-const mapToLogoViewModel = (content, globalStyles, useOldLogoRenderSize, options) => {
+const mapToLogoViewModel = (content, globalStyles, options) => {
     let background;
     if (content.backgroundStyle?.background &&
         isHexTransparent(content.backgroundStyle.background)) {
@@ -158,7 +158,6 @@ const mapToLogoViewModel = (content, globalStyles, useOldLogoRenderSize, options
             },
         },
         isVisible: content.isLogoVisible,
-        useOldLogoRenderSize,
     });
 };
 const mapToVideoViewModel = (content, styles) => {
@@ -526,7 +525,7 @@ export const mapToBookingSectionViewModel = (content, styles) => {
         isFullWidth: true,
     }, styles);
 };
-export const mapToPageHeaderViewModel = (pageHeader, pageStyles, pages, useOldLogoRenderSize = false) => {
+export const mapToPageHeaderViewModel = (pageHeader, pageStyles, pages) => {
     const viewport = pageHeader.viewport;
     const logoContent = {
         id: 'page-header-logo',
@@ -555,7 +554,7 @@ export const mapToPageHeaderViewModel = (pageHeader, pageStyles, pages, useOldLo
     }), {});
     return {
         displayStyle: pageHeader.displayStyle,
-        logo: mapToLogoViewModel(logoContent, logoStyles, useOldLogoRenderSize),
+        logo: mapToLogoViewModel(logoContent, logoStyles),
         pages: pages.filter((p) => !p.isHidden),
         navigation: viewport === VIEWPORTS.mobile
             ? new NavigationMobile({
@@ -575,7 +574,7 @@ export const mapToPageHeaderViewModel = (pageHeader, pageStyles, pages, useOldLo
         backgroundColorEnabled: pageHeader.backgroundColorEnabled,
     };
 };
-export const mapToPageFooterViewModel = (pageFooter, pageStyles, useOldLogoRenderSize = false) => {
+export const mapToPageFooterViewModel = (pageFooter, pageStyles) => {
     const { logoImageBase64Url, logoImage, logoTemplateImage, logoImageHeight, logoImageWidth, isLogoVisible, } = pageFooter;
     const logoContent = {
         id: 'page-header-logo',
@@ -599,12 +598,12 @@ export const mapToPageFooterViewModel = (pageFooter, pageStyles, useOldLogoRende
         copyrightStyle,
         displayStyle: pageFooter.displayStyle,
         iconStyle: Object.assign({ fill: pageStyles.textStyles?.style.color }, pageFooter.iconStyle),
-        logo: mapToLogoViewModel(logoContent, logoStyles, useOldLogoRenderSize),
+        logo: mapToLogoViewModel(logoContent, logoStyles),
         socialLinks: pageFooter.socialLinks,
         textFontFamily: pageFooter.textFontFamily,
     };
 };
-export const mapToViewModel = (styles, brandPageType, options) => (content) => {
+export const mapToViewModel = (styles, brandPageType) => (content) => {
     switch (content.type) {
         case 'image':
             return mapToImageViewModel(content);
@@ -614,7 +613,7 @@ export const mapToViewModel = (styles, brandPageType, options) => (content) => {
             if (brandPageType === BRAND_PAGE_TYPES.brandSite) {
                 return undefined;
             }
-            return mapToLogoViewModel(content, styles.logoStyles, options?.useOldLogoRenderSize || false, {
+            return mapToLogoViewModel(content, styles.logoStyles, {
                 height: DEFAULT_LOGO_HEIGHT,
                 width: DEFAULT_LOGO_WIDTH,
             });
@@ -671,10 +670,10 @@ export const mapToViewModel = (styles, brandPageType, options) => (content) => {
             assertUnreachable();
     }
 };
-export const getBrandPageViewModelFromBrandPageModel = (model, brandPageToken, showBrandCrowdLogo = true, useOldLogoRenderSize = false) => {
+export const getBrandPageViewModelFromBrandPageModel = (model, brandPageToken, showBrandCrowdLogo = true) => {
     const pages = model.pages.map((p) => {
         const contents = p.contents
-            .map(mapToViewModel(model.styles, model.brandPageType || BRAND_PAGE_TYPES.default, { useOldLogoRenderSize }))
+            .map(mapToViewModel(model.styles, model.brandPageType || BRAND_PAGE_TYPES.default))
             .filter((c) => c !== undefined);
         return {
             title: p.title,
@@ -688,10 +687,10 @@ export const getBrandPageViewModelFromBrandPageModel = (model, brandPageToken, s
         pages,
         showBrandCrowdLogo,
         styles: model.styles,
-        headerViewModelDesktop: mapToPageHeaderViewModel(model.pageHeaderDesktop, model.styles, pages, useOldLogoRenderSize),
-        headerViewModelMobile: mapToPageHeaderViewModel(model.pageHeaderMobile, model.styles, pages, useOldLogoRenderSize),
-        footerViewModelDesktop: mapToPageFooterViewModel(model.pageFooterDesktop, model.styles, useOldLogoRenderSize),
-        footerViewModelMobile: mapToPageFooterViewModel(model.pageFooterMobile, model.styles, useOldLogoRenderSize),
+        headerViewModelDesktop: mapToPageHeaderViewModel(model.pageHeaderDesktop, model.styles, pages),
+        headerViewModelMobile: mapToPageHeaderViewModel(model.pageHeaderMobile, model.styles, pages),
+        footerViewModelDesktop: mapToPageFooterViewModel(model.pageFooterDesktop, model.styles),
+        footerViewModelMobile: mapToPageFooterViewModel(model.pageFooterMobile, model.styles),
         brandPageType: model.brandPageType || BRAND_PAGE_TYPES.default,
         faviconUrl: model.faviconUrl,
         ogImageUrl: model.ogImageUrl,

package/lib/src/brand-page/view-models.d.ts

@@ -32,7 +32,6 @@ export interface LogoViewModel extends ContentViewModel {
     logoImageWidth: string | undefined;
     /** @deprecated */
     imageStyle?: LogoStyles['imageStyle'];
-    useOldLogoRenderSize?: boolean;
 }
 export interface ProfileViewModel extends ContentViewModel, Omit<ProfileContent, 'type'> {
     containerStyle?: BrandPageCssStyle;

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

@@ -107,7 +107,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         setBrandPageType({ brandPageType }: {
             brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
-        initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, logoVariationImageUrls, shopConfigData, }: import("../../stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../brand-page").PageModel[];
             sections: import("../../../shared/page-settings/store").PageSettingsStateSections;

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

@@ -149,7 +149,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setBrandPageType({ brandPageType }: {
             brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
-        initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, logoVariationImageUrls, shopConfigData, }: import("../../stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../brand-page").PageModel[];
             sections: import("../../../shared/page-settings/store").PageSettingsStateSections;

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

@@ -27,7 +27,6 @@ export declare const SampleBanner: {
 export declare const SamplePersonalised: () => any;
 export declare const SamplePublished: Story;
 export declare const SamplePublishedWithCustomDomain: Story;
-export declare const SamplePublishedBrandSiteWithLogo: Story;
 export declare const SamplePublishedBrandSite: Story;
 export declare const SampleProfile: {
     (): any;