@designcrowd/library.brand-page 5.16.21-jj-3 → 5.16.21

package/lib/src/{CreatedOnBrandCrowd-de-de-HrHMR6O5.js → CreatedOnBrandCrowd-de-de-DgwCYxpo.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-Dzz0sW2t.js → CreatedOnBrandCrowd-en-us-Ce4dtJzF.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-DAwKWoWd.js → CreatedOnBrandCrowd-es-es-DDdbZpFk.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-Dtg5Gjhl.js → CreatedOnBrandCrowd-fr-ca-PqYlFJIq.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-Dtg5Gjhl.js → CreatedOnBrandCrowd-fr-fr-PqYlFJIq.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-D1cIuDBl.js → CreatedOnBrandCrowd-pt-br-J-uo_wBq.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-D1cIuDBl.js → CreatedOnBrandCrowd-pt-pt-J-uo_wBq.js}

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

package/lib/src/{CreatedOnDcom-de-de-CFDw1ywD.js → CreatedOnDcom-de-de-DqXE51XT.js}

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

package/lib/src/{CreatedOnDcom-en-us-ChnrK3_N.js → CreatedOnDcom-en-us-BxrSQ6H4.js}

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

package/lib/src/{CreatedOnDcom-es-es-D3V-7jbe.js → CreatedOnDcom-es-es-tJ59EfOu.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-B6ZzNIW9.js → CreatedOnDcom-fr-ca-CDtK8MUu.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-C58R5laB.js → CreatedOnDcom-fr-fr-DbotQbN2.js}

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

package/lib/src/{CreatedOnDcom-pt-br-CVICOJSe.js → CreatedOnDcom-pt-br-ClzylsH_.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-Dk-B6B5h.js → CreatedOnDcom-pt-pt-BF3m2X2_.js}

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

package/lib/src/brand-page/components/page-header/PageHeader.mixin.js

@@ -27,11 +27,12 @@ export default defineComponent({
     },
     computed: {
         containerCss() {
-            return {
-                ...this.viewModel.backgroundStyle,
-                ...this.viewModel.style,
+            const backgroundStyle = this.viewModel.backgroundColorEnabled
+                ? this.viewModel.backgroundStyle
+                : null;
+            return Object.assign({}, backgroundStyle, this.viewModel.style, {
                 padding: '1.5rem 0', // var(--page-padding) 0
-            };
+            });
         },
         showNav() {
             return this.viewModel.pages.length > 1;

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/models/index.d.ts

@@ -461,6 +461,7 @@ export declare abstract class AbstractPageHeaderStyles {
     backgroundStyle: BrandPageCssStyle;
     style: BrandPageCssStyle;
     viewport: ViewportsType;
+    backgroundColorEnabled?: boolean;
     protected constructor(options?: AbstractPageHeaderStylesType);
 }
 export declare class PageHeaderDesktop extends AbstractPageHeaderStyles {

package/lib/src/brand-page/models/index.js

@@ -199,6 +199,7 @@ export class AbstractPageHeaderStyles {
     backgroundStyle;
     style;
     viewport;
+    backgroundColorEnabled;
     constructor(options = {}) {
         if (typeof options.viewport === 'undefined') {
             throw new Error('"viewport" is required');
@@ -226,6 +227,10 @@ export class AbstractPageHeaderStyles {
         this.logoVariation = options.logoVariation || 0;
         this.style = options.style || {};
         this.backgroundStyle = options.backgroundStyle || {};
+        this.backgroundColorEnabled =
+            typeof options.backgroundColorEnabled === 'undefined'
+                ? true
+                : options.backgroundColorEnabled;
     }
 }
 export class PageHeaderDesktop extends AbstractPageHeaderStyles {

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

@@ -1,4 +1,3 @@
-import type { BrandPageType } from '../models';
 import { type BrandPageModel, type LogoImageModel, type LogoTemplateImageModel, type LogoVariation } from '../models';
 import { type LogoOutputFormat } from '../../clients/fabric-render-client';
 export declare const getLogoDraftTokenFromLogoImageUrl: (variationUrl?: string) => string;
@@ -13,9 +12,7 @@ export declare const applyLogoImageBase64UrlToBrandPageTemplateModel: (model: Br
 export declare const applyLogoTemplateImageToBrandPageTemplateModel: (model: BrandPageModel, logoTemplateImage: LogoTemplateImageModel) => BrandPageModel;
 export declare const getLogoVariationUrlByLogoImage: (logoImage: LogoImageModel) => string | undefined;
 export declare const getLogoTemplateUrlByLogoTemplateImage: (logoTemplateImage: LogoTemplateImageModel) => string;
-export declare const getOptimalLogoSize: (brandPageType: BrandPageType, width: number, height: number) => {
-    newLogoSize: string;
-};
+export declare const getOptimalLogoSize: (width: number, height: number, currentSize: string) => string;
 export declare const calculateLogoDimensions: (logoData: {
     width: number;
     height: number;

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';
@@ -167,26 +167,21 @@ export const getLogoVariationUrlByLogoImage = (logoImage) => {
 export const getLogoTemplateUrlByLogoTemplateImage = (logoTemplateImage) => {
     return FabricRenderClient.getInstance().getLogoTemplateUrlByLogoTemplateImage(logoTemplateImage);
 };
-export const getOptimalLogoSize = (brandPageType, width, height) => {
-    const ratio = width / height;
-    let newLogoSize = '11rem'; // default size
-    if (brandPageType === BRAND_PAGE_TYPES.brandSite) {
-        if (ratio < 0.95) {
-            // tall logos
-            newLogoSize = '10rem';
-        }
-        else if (ratio >= 1.65) {
-            // wide logos
-            newLogoSize = '10rem';
-        }
+export const getOptimalLogoSize = (width, height, currentSize) => {
+    if (parseFloat(currentSize) >= 16) {
+        return currentSize;
+    }
+    const aspectRatio = width / height;
+    if (!parseFloat(`${aspectRatio}`) || aspectRatio <= 1) {
+        return currentSize;
+    }
+    const newSize = parseFloat(currentSize) + (aspectRatio - 1) * 4.5;
+    if (newSize > 11) {
+        return '11rem';
     }
     else {
-        // BP and BC default
-        newLogoSize = '8rem';
+        return `${Math.round(newSize)}rem`;
     }
-    return {
-        newLogoSize,
-    };
 };
 export const calculateLogoDimensions = (logoData, maxWidth, maxHeight) => {
     const maxWidthRem = parseFloat(maxWidth);
@@ -254,9 +249,11 @@ export const recalculateLogoContentDimensions = async (pageData, editableLogoVar
             }
             // Apply dimensions or fallback logic
             if (logoData && logoData.width && logoData.height) {
-                const dimensions = getOptimalLogoSize(BRAND_PAGE_TYPES.default, logoData.width, logoData.height);
-                content.logoImageHeight = dimensions.newLogoSize;
-                content.logoImageWidth = dimensions.newLogoSize;
+                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;
             }
         });
     }

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

@@ -1,2 +1,4 @@
-import type { MigrationData, MigrationOptions } from '../migration.util';
-export declare const migration07: (migrationResult: MigrationData, options: MigrationOptions) => Promise<MigrationData>;
+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

@@ -6,7 +6,7 @@ export const migration07 = async (migrationResult, options) => {
     if (brandPageModel.brandPageType !== BRAND_PAGE_TYPES.brandSite) {
         return migrationResult;
     }
-    if (options.disableLogoSizeMigration) {
+    if (options.isServerRender !== undefined && options.isServerRender) {
         migrationResult.useOldLogoRenderSize = true;
         return migrationResult;
     }

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

@@ -1,2 +1,5 @@
-import type { MigrationData, MigrationOptions } from '../migration.util';
-export declare const migration08: (migrationResult: MigrationData, options: MigrationOptions) => Promise<MigrationData>;
+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

@@ -1,14 +1,17 @@
 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 } from '../logo.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.disableLogoSizeMigration) {
+    if (options.isUserDraft !== undefined && !options.isUserDraft) {
+        return migrationResult;
+    }
+    if (options.isServerRender !== undefined && options.isServerRender) {
         migrationResult.useOldLogoRenderSize = true;
         return migrationResult;
     }

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

@@ -3,11 +3,9 @@ export interface MigrationData {
     brandPageModel: BrandPageModel;
     useOldLogoRenderSize: boolean;
 }
-export interface MigrationOptions {
+export declare const GetLatestModelVersion: () => number;
+export declare const migrateBrandPageModel: (brandPageModel: BrandPageModel, options: {
     logoImage?: LogoImageModel;
     isUserDraft: boolean;
     isServerRender: boolean;
-    disableLogoSizeMigration?: boolean;
-}
-export declare const GetLatestModelVersion: () => number;
-export declare const migrateBrandPageModel: (brandPageModel: BrandPageModel, options: MigrationOptions) => Promise<MigrationData>;
+}) => 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';
@@ -12,7 +13,6 @@ import { migration07 } from './migration/migration-07';
 import { migration08 } from './migration/migration-08';
 import { migration09 } from './migration/migration-09';
 import { migration10 } from './migration/migration-10';
-import { migration11 } from './migration/migration-11';
 const MIGRATION_TABLE = [
     {
         version: 1,
@@ -80,11 +80,6 @@ const MIGRATION_TABLE = [
         migrateFn: migration10,
         description: 'Migrating promptText to title for mailing list content',
     },
-    {
-        version: 11,
-        migrateFn: migration11,
-        description: 'Remove backgroundColorEnabled flag from page headers',
-    },
 ];
 export const GetLatestModelVersion = () => Math.max(...MIGRATION_TABLE.map((x) => x.version));
 export const migrateBrandPageModel = async (brandPageModel, options) => {

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

@@ -659,6 +659,7 @@ export const mapToPageHeaderViewModel = (pageHeader, pageStyles, pages, useOldLo
             }),
         style: pageHeader.style,
         backgroundStyle: pageHeader.backgroundStyle,
+        backgroundColorEnabled: pageHeader.backgroundColorEnabled,
     };
 };
 export const mapToPageFooterViewModel = (pageFooter, pageStyles, useOldLogoRenderSize = false) => {

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

@@ -931,7 +931,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }): void;
         setPageSettingsSectionValue({ sectionName, propName, index, value, merge, viewport, }: {
             sectionName: "footer" | "header" | "pages";
-            propName: "copyrightStyle" | "style" | "iconStyle" | "displayStyle" | "backgroundStyle" | "logoImage" | "logoImageStyle" | "isLogoOptional" | "viewport" | "isLogoVisible" | "logoTemplateImage" | "logoImageHeight" | "logoImageWidth" | "navigationStyles" | "navigation" | "logoImageUrl" | "logoDraftToken" | "logoVariation" | "logoImageBase64Url" | "copyrightText" | "socialLinks" | "textFontFamily";
+            propName: "copyrightStyle" | "style" | "iconStyle" | "displayStyle" | "backgroundStyle" | "logoImage" | "logoImageStyle" | "isLogoOptional" | "viewport" | "isLogoVisible" | "logoTemplateImage" | "logoImageHeight" | "logoImageWidth" | "navigationStyles" | "navigation" | "logoImageUrl" | "logoDraftToken" | "logoVariation" | "logoImageBase64Url" | "backgroundColorEnabled" | "copyrightText" | "socialLinks" | "textFontFamily";
             index?: number | undefined;
             value: string | number | boolean | BrandPageCssStyle | import("../../../brand-page").LinksItem[] | Partial<import("../../../brand-page").ImageItem> | null | undefined;
             merge?: boolean | undefined;

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

@@ -1,7 +1,6 @@
 declare const _default: import("vue").DefineComponent<{}, {
     brandPageType: import("vue").ComputedRef<"default" | "brandSite" | "brandContact">;
     isBrandSite: import("vue").ComputedRef<boolean>;
-    isPrePurchase: import("vue").ComputedRef<boolean>;
     isBrandPageOrIsBrandContact: import("vue").ComputedRef<boolean>;
     brandPageMakerStore: import("pinia").Store<"brandPageMaker", import("../../stores").BrandPageMakerState, {
         contentErrorCount(): number;

package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMakerTemplateSettings.mixin.js

@@ -1,14 +1,12 @@
 import { computed, defineComponent } from 'vue';
-import { DESKTOP_HEIGHT, DESKTOP_WIDTH, MOBILE_HEIGHT, MOBILE_WIDTH, MOBILE_HEIGHT_POST_PURCHASE, } from '../../constants';
-import { useBrandPageMakerStore, useBrandPageContainerStore, } from '../../../lib';
+import { DESKTOP_HEIGHT, DESKTOP_WIDTH, MOBILE_HEIGHT, MOBILE_WIDTH, } from '../../constants';
+import { useBrandPageMakerStore } from '../../../lib';
 export default defineComponent({
     setup() {
         const brandPageMakerStore = useBrandPageMakerStore();
-        const brandPageContainerStore = useBrandPageContainerStore();
         return {
             brandPageType: computed(() => brandPageMakerStore.brandPageType),
             isBrandSite: computed(() => brandPageMakerStore.isBrandSite),
-            isPrePurchase: computed(() => brandPageContainerStore.isPrePurchase),
             isBrandPageOrIsBrandContact: computed(() => brandPageMakerStore.isBrandPageOrIsBrandContact),
             brandPageMakerStore,
         };
@@ -21,10 +19,7 @@ export default defineComponent({
             return this.isBrandSite ? DESKTOP_WIDTH : MOBILE_WIDTH;
         },
         height() {
-            if (this.isBrandSite) {
-                return DESKTOP_HEIGHT;
-            }
-            return this.isPrePurchase ? MOBILE_HEIGHT : MOBILE_HEIGHT_POST_PURCHASE;
+            return this.isBrandSite ? DESKTOP_HEIGHT : MOBILE_HEIGHT;
         },
     },
 });

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

@@ -941,7 +941,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         }): void;
         setPageSettingsSectionValue({ sectionName, propName, index, value, merge, viewport, }: {
             sectionName: "footer" | "header" | "pages";
-            propName: "copyrightStyle" | "style" | "iconStyle" | "displayStyle" | "backgroundStyle" | "logoImage" | "logoImageStyle" | "isLogoOptional" | "viewport" | "isLogoVisible" | "logoTemplateImage" | "logoImageHeight" | "logoImageWidth" | "navigationStyles" | "navigation" | "logoImageUrl" | "logoDraftToken" | "logoVariation" | "logoImageBase64Url" | "copyrightText" | "socialLinks" | "textFontFamily";
+            propName: "copyrightStyle" | "style" | "iconStyle" | "displayStyle" | "backgroundStyle" | "logoImage" | "logoImageStyle" | "isLogoOptional" | "viewport" | "isLogoVisible" | "logoTemplateImage" | "logoImageHeight" | "logoImageWidth" | "navigationStyles" | "navigation" | "logoImageUrl" | "logoDraftToken" | "logoVariation" | "logoImageBase64Url" | "backgroundColorEnabled" | "copyrightText" | "socialLinks" | "textFontFamily";
             index?: number | undefined;
             value: string | number | boolean | BrandPageCssStyle | import("../../../brand-page").LinksItem[] | Partial<import("../../../brand-page").ImageItem> | null | undefined;
             merge?: boolean | undefined;

package/lib/src/brand-page-maker/components/seo-settings/UrlSettings.mixin.d.ts

@@ -23,7 +23,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         dnsConfigurationStatus: "request_expired" | "missing_expected_dns_records" | "invalid_multiple_dns_records_exist" | "unexpected_aaaa_record" | "completed";
         triggerOrigin?: string | undefined;
     } | null>;
-    brandPageType: import("vue").ComputedRef<"default" | "brandSite" | "brandContact">;
     isCustomDomainEnabled: import("vue").ComputedRef<boolean>;
     isSellDomainNameEnabled: import("vue").ComputedRef<boolean>;
     designDraftToken: import("vue").ComputedRef<string | undefined>;
@@ -437,8 +436,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     isCustomDomainNameValid: boolean;
     isBusy: boolean;
     isResetDomainConfirmModalVisible: boolean;
-    isDeleteDomainModalVisible: boolean;
-    isCustomDomainRequestModalVisible: boolean;
     isUseExistingDomainModalVisible: boolean;
     defaultUSDCurrency: {
         id: number;
@@ -449,7 +446,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     isPageUrlActionListVisible: boolean;
     isCustomDomainActionListVisible: boolean;
-    customDomainRequests: any[];
     CUSTOM_DOMAIN_INSTRUCTION_DNS_HOST_DISPLAY_TEXT: string;
 }, {
     customDomainStatusDisplayText(): string | null;
@@ -475,16 +471,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onBrandPageUrlRadioButtonClick(): Promise<void>;
     onCustomDomainRadioButtonClick(): Promise<void>;
     onCustomDomainConnectButtonClick(): Promise<void>;
-    onCustomDomainRemoveButtonClick(): void;
-    confirmDeleteDomain(): Promise<void>;
-    cancelDeleteDomain(): void;
+    onCustomDomainRemoveButtonClick(): Promise<void>;
     onUseExistingDomainButtonClick(): void;
     onCloseExistingDomainModal(): void;
     onClickPageActionList(): void;
     onClickOutsidePageActionList(): void;
     onClickCustomDomainActionList(): void;
     onClickOutsideCustomDomainActionList(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("slug-change" | "on-custom-domain-removed")[], "slug-change" | "on-custom-domain-removed", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     isMaker: {
         type: BooleanConstructor;
         required: false;
@@ -494,10 +488,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: false;
         default: boolean;
     };
-}>> & Readonly<{
-    "onSlug-change"?: ((...args: any[]) => any) | undefined;
-    "onOn-custom-domain-removed"?: ((...args: any[]) => any) | undefined;
-}>, {
+}>> & Readonly<{}>, {
     isDesignCom: boolean;
     isMaker: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/src/brand-page-maker/components/seo-settings/UrlSettings.mixin.js

@@ -1,11 +1,10 @@
 import { defineComponent, computed } from 'vue';
 import { BRANDCROWD_MANAGED_TRIGGER_ORIGIN, CUSTOM_DOMAIN_INSTRUCTION_DNS_HOST_DISPLAY_TEXT, CUSTOM_DOMAIN_STATUSES, DNS_CONFIGURATION_STATUSES, } from '../../constants';
-import { useBrandPageContainerStore, useBrandPageMakerStore, useLocalisedRouteStore, useBrandPageMakerUserStore, } from '../../stores';
+import { useBrandPageContainerStore, useBrandPageMakerStore, useLocalisedRouteStore, } from '../../stores';
 import { defaultUSDCurrency } from '../../constants/currency-constants';
 import { validateCustomDomainName } from '../../utils';
 import { seoSettingsTr, commonTr } from '../../../composables/useTranslate';
 export default defineComponent({
-    emits: ['slug-change', 'on-custom-domain-removed'],
     props: {
         isMaker: {
             type: Boolean,
@@ -23,7 +22,6 @@ export default defineComponent({
         const localisedRouteStore = useLocalisedRouteStore();
         return {
             customDomain: computed(() => brandPageContainer.customDomain),
-            brandPageType: computed(() => brandPageMakerStore.brandPageType),
             isCustomDomainEnabled: computed(() => brandPageContainer.isCustomDomainEnabled),
             isSellDomainNameEnabled: computed(() => brandPageContainer.isSellDomainNameEnabled),
             designDraftToken: computed(() => brandPageContainer.designDraftToken),
@@ -38,13 +36,10 @@ export default defineComponent({
         isCustomDomainNameValid: false,
         isBusy: false,
         isResetDomainConfirmModalVisible: false,
-        isDeleteDomainModalVisible: false,
-        isCustomDomainRequestModalVisible: false,
         isUseExistingDomainModalVisible: false,
         defaultUSDCurrency,
         isPageUrlActionListVisible: false,
         isCustomDomainActionListVisible: false,
-        customDomainRequests: [],
         CUSTOM_DOMAIN_INSTRUCTION_DNS_HOST_DISPLAY_TEXT,
     }),
     computed: {
@@ -166,7 +161,10 @@ export default defineComponent({
             }
             items.push({
                 title: commonTr('remove'),
-                action: this.onCustomDomainRemoveButtonClick,
+                action: this.isCustomDomainRequestConnected ||
+                    this.isCustomDomainRequestFailed
+                    ? this.onCustomDomainRemoveButtonClick
+                    : this.onClickCustomDomainReset,
             });
             return items;
         },
@@ -269,10 +267,7 @@ export default defineComponent({
                 this.isBusy = false;
             }
         },
-        onCustomDomainRemoveButtonClick() {
-            this.isDeleteDomainModalVisible = true;
-        },
-        async confirmDeleteDomain() {
+        async onCustomDomainRemoveButtonClick() {
             this.isBusy = true;
             try {
                 await this.brandPageContainer.deleteBrandPageCustomDomain({
@@ -283,17 +278,11 @@ export default defineComponent({
                 await this.brandPageContainer.updateBrandPageIsCustomDomainEnabled({
                     isCustomDomainEnabled: false,
                 });
-                this.$emit('on-custom-domain-removed');
             }
             finally {
                 this.isBusy = false;
-                this.isDeleteDomainModalVisible = false;
             }
         },
-        cancelDeleteDomain() {
-            this.isDeleteDomainModalVisible = false;
-        },
-        /* Custom Domain Requests Modal */
         onUseExistingDomainButtonClick() {
             this.isUseExistingDomainModalVisible = true;
         },

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

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

package/lib/src/brand-page-maker/constants/template-constants.js

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

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

@@ -552,14 +552,13 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
                         ? logoPrePurchase
                         : logoPostPurchase;
                     if (logo && logoImageHeight) {
-                        const optimalSize = getOptimalLogoSize(this.brandPageType, logo.width, logo.height);
-                        pageSettingsStore.sections[PAGE_SECTIONS.header][VIEWPORTS.desktop].logoImageWidth = optimalSize.newLogoSize;
-                        pageSettingsStore.sections[PAGE_SECTIONS.header][VIEWPORTS.desktop].logoImageHeight = optimalSize.newLogoSize;
+                        const newLogoSize = getOptimalLogoSize(logo.width, logo.height, logoImageHeight);
+                        pageSettingsStore.sections[PAGE_SECTIONS.header][VIEWPORTS.desktop].logoImageWidth = newLogoSize;
+                        pageSettingsStore.sections[PAGE_SECTIONS.header][VIEWPORTS.desktop].logoImageHeight = newLogoSize;
                     }
                 }
-                else if (!brandPageContainerStore.designDraftToken &&
-                    !userStore.isAdmin &&
-                    this.isBrandPageOrIsBrandContact) {
+                else if (this.isBrandPageOrIsBrandContact &&
+                    brandPageContainerStore.isPrePurchase) {
                     recalculateLogoContentDimensions(pageSettingsStore, editableLogoStore.editableLogoVariations);
                 }
                 const backgroundStyles = new BackgroundStyles(brandPageModel.styles.backgroundStyles);