@designcrowd/library.brand-page 5.14.8-flacky-nav-21 → 5.14.8

package/lib/src/shared/content-settings/components/content-settings/ContentSettings.mixin.d.ts

@@ -136,7 +136,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("../../../../brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, logoVariationImageUrls, shopConfigData, }: import("../../../../brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../../brand-page").PageModel[];
             sections: import("../../../page-settings/store").PageSettingsStateSections;

package/lib/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.d.ts

@@ -650,7 +650,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("../../../../brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, logoVariationImageUrls, shopConfigData, }: import("../../../../brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../../brand-page").PageModel[];
             sections: import("../../../page-settings/store").PageSettingsStateSections;

package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItemField.mixin.d.ts

@@ -595,7 +595,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("../../../../brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, logoVariationImageUrls, shopConfigData, }: import("../../../../brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../../brand-page").PageModel[];
             sections: import("../../../page-settings/store").PageSettingsStateSections;

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

@@ -126,7 +126,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("../../../brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, logoVariationImageUrls, shopConfigData, }: import("../../../brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../brand-page").PageModel[];
             sections: import("../../page-settings/store/page-settings-store").PageSettingsStateSections;

package/lib/src/shared/page-settings/components/page-settings/PageSettings.mixin.d.ts

@@ -3813,7 +3813,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("../../../../brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, logoVariationImageUrls, shopConfigData, }: import("../../../../brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../../brand-page").PageModel[];
             sections: import("../../store").PageSettingsStateSections;

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

@@ -4234,7 +4234,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("../../../../brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, logoVariationImageUrls, shopConfigData, }: import("../../../../brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../../brand-page").PageModel[];
             sections: import("../../store").PageSettingsStateSections;

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

@@ -1,5 +1,5 @@
 import { defineStore } from 'pinia';
-import { PageHeaderDesktop, PageHeaderMobile, PageFooterDesktop, PageFooterMobile, VIEWPORTS, HEADER_DISPLAY, } from '../../../brand-page';
+import { PageHeaderDesktop, PageHeaderMobile, PageFooterDesktop, PageFooterMobile, VIEWPORTS, } from '../../../brand-page';
 import { PAGE_SECTIONS } from '../models';
 import { navigateToPageBySlug } from '../../../brand-page-maker/routing';
 import { getPageSlugFromPageTitle } from '../../../brand-page-maker/utils';

package/lib/src/shared/publish-brand-page-with-state/PublishBrandPageModalWithState.mixin.d.ts

@@ -160,7 +160,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("../../brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, logoVariationImageUrls, shopConfigData, }: import("../../brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../brand-page/models").PageModel[];
             sections: import("../page-settings/store").PageSettingsStateSections;

package/lib/src/shared/style-settings/components/StyleSettings.mixin.d.ts

@@ -568,7 +568,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("../../../brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, logoVariationImageUrls, shopConfigData, }: import("../../../brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../brand-page").PageModel[];
             sections: import("../../page-settings/store").PageSettingsStateSections;

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

@@ -103,12 +103,11 @@ export const useUiTemplateSettingsStore = defineStore('uiTemplateSettings', {
                 }
                 const logoSettingsStore = useUiLogoSettingsStore();
                 const templateData = JSON.parse(template.data);
-                const { brandPageModel } = await migrateBrandPageModel(new BrandPageModel(templateData), {
+                const brandPageModel = migrateBrandPageModel(new BrandPageModel(templateData), {
                     logoImage: {
                         ...logoSettingsStore.selectedLogoImage,
                     },
                     isUserDraft: false,
-                    isServerRender: false,
                 });
                 const uiStore = useUiStore();
                 const personalisationContentIndex = uiStore.personalisationData

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@designcrowd/library.brand-page",
   "description": "A collection of Maker/Designer applications",
-  "version": "5.14.8-flacky-nav-21",
+  "version": "5.14.8",
   "author": "Design.com Eng",
   "license": "UNLICENSED",
   "type": "module",

package/src/brand-page/components/logo/Logo.vue

@@ -2,35 +2,19 @@
   <div
     v-if="viewModel.isVisible"
     class="logo tw-relative tw-justify-center tw-items-center"
-    :style="
-      !viewModel.useOldLogoRenderSize
-        ? {
-            ...(context.isBrandSite
-              ? {
-                  margin: 'var(--logo-spacing) 0',
-                  height: viewModel?.logoImageHeight,
-                }
-              : {}),
-          }
-        : {}
-    "
   >
-    <div v-if="!context.isPreview && context.isBrandSite" class="tw-h-full">
+    <div v-if="!context.isPreview && context.isBrandSite">
       <router-link
         v-if="routes.length >= 1"
         :to="{
           name: routes[0].routeName,
           params: routes[0].routeParams,
         }"
-        class="tw-block tw-h-full"
       >
         <LazyHydrationWrapper v-if="context.isServerRender">
           <LogoRender
             :is-preview="context.isPreview"
             :is-brand-site="context.isBrandSite"
-            :is-brand-page-or-is-brand-contact="
-              context.isBrandPageOrIsBrandContact
-            "
             :disable-server-render="context.disableLogoRenderOnServerside"
             :has-margin-bottom="hasMarginBottom"
             :alt-text="altText"
@@ -41,9 +25,6 @@
           v-else
           :is-preview="context.isPreview"
           :is-brand-site="context.isBrandSite"
-          :is-brand-page-or-is-brand-contact="
-            context.isBrandPageOrIsBrandContact
-          "
           :disable-server-render="context.disableLogoRenderOnServerside"
           :has-margin-bottom="hasMarginBottom"
           :alt-text="altText"
@@ -65,9 +46,6 @@
           :has-margin-bottom="hasMarginBottom"
           :alt-text="altText"
           :view-model="viewModel"
-          :is-brand-page-or-is-brand-contact="
-            context.isBrandPageOrIsBrandContact
-          "
         />
       </LazyHydrationWrapper>
       <LogoRender
@@ -75,7 +53,6 @@
         :is-preview="context.isPreview"
         :disable-server-render="context.disableLogoRenderOnServerside"
         :is-brand-site="context.isBrandSite"
-        :is-brand-page-or-is-brand-contact="context.isBrandPageOrIsBrandContact"
         :has-margin-bottom="hasMarginBottom"
         :alt-text="altText"
         :view-model="viewModel"

package/src/brand-page/components/logo/LogoRender.vue

@@ -1,40 +1,21 @@
 <template>
-  <div
-    :class="[
-      'logo tw-relative tw-h-full',
-      isBrandSite ? 'brand-site' : 'brand-page',
-    ]"
-  >
+  <div :class="['logo tw-relative', isBrandSite ? 'brand-site' : 'brand-page']">
     <figure
       v-if="logoImageUrl || !isPreview"
       class="logo__container"
       :class="{
         'tw-mb-10': hasMarginBottom,
       }"
-      :style="[logoBackgroundStyles, figureDimensions]"
+      :style="logoBackgroundStyles"
     >
-      <div
-        :style="{
-          ...(props.isBrandPageOrIsBrandContact
-            ? {
-                margin: 'var(--logo-spacing) auto',
-                height: `${viewModel?.logoImageHeight}`,
-              }
-            : {
-                height: '100%',
-                width: '100%',
-              }),
-        }"
-      >
-        <img
-          v-if="logoImageUrl"
-          data-test-tag="logo"
-          class="logo__image"
-          :src="logoImageUrl"
-          :alt="altText"
-          :style="[logoStyle, marginStyle]"
-        />
-      </div>
+      <img
+        v-if="logoImageUrl"
+        data-test-tag="logo"
+        class="logo__image"
+        :src="logoImageUrl"
+        :alt="altText"
+        :style="logoStyle"
+      />
     </figure>
   </div>
 </template>
@@ -50,7 +31,6 @@ const props = withDefaults(
     disableServerRender?: boolean;
     hasMarginBottom: boolean;
     isBrandSite: boolean;
-    isBrandPageOrIsBrandContact: boolean;
     viewModel?: LogoViewModel;
     altText: string;
   }>(),
@@ -75,15 +55,6 @@ const logoBackgroundStyles = computed(() => {
   return `background: ${props.viewModel?.styles.backgroundStyle.backgroundColor}`;
 });
 
-const figureDimensions = computed(() => {
-  return !props.viewModel?.useOldLogoRenderSize
-    ? {
-        width: '100%',
-        height: '100%',
-      }
-    : {};
-});
-
 const logoImageUrl = computed(() => {
   if (typeof logoImageBase64Url.value !== 'undefined') {
     return logoImageBase64Url.value;
@@ -100,23 +71,12 @@ const logoWidth = computed(() => {
 });
 
 const logoStyle = computed(() => {
-  return props.viewModel?.useOldLogoRenderSize
-    ? {
-        width: '100%',
-        height: '100%',
-        'max-width': logoWidth.value,
-        'max-height': logoHeight.value,
-      }
-    : ({
-        width: '100%',
-        height: '100%',
-      } as any);
-});
-
-const marginStyle = computed(() => {
-  return props.viewModel?.useOldLogoRenderSize
-    ? { margin: 'var(--logo-spacing) auto' }
-    : {};
+  return {
+    width: '100%',
+    height: '100%',
+    'max-width': logoWidth.value,
+    'max-height': logoHeight.value,
+  } as any;
 });
 
 const updateLogoImageSvgUrlAsync = async () => {
@@ -168,4 +128,8 @@ onMounted(async () => {
   object-fit: contain;
   height: 6rem;
 }
+
+.brand-page .logo__image {
+  margin: var(--logo-spacing) auto;
+}
 </style>

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

@@ -7,6 +7,3 @@ export const LOGO_VARIATION = {
 
 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/src/brand-page/constants/styles.constants.ts

@@ -22,9 +22,9 @@ 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 = {