@designcrowd/library.brand-page 5.16.21 → 5.16.22

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

@@ -640,7 +640,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" | "backgroundColorEnabled" | "copyrightText" | "socialLinks" | "textFontFamily";
+            propName: "copyrightStyle" | "style" | "iconStyle" | "displayStyle" | "backgroundStyle" | "logoImage" | "logoImageStyle" | "isLogoOptional" | "viewport" | "isLogoVisible" | "logoTemplateImage" | "logoImageHeight" | "logoImageWidth" | "navigationStyles" | "navigation" | "logoImageUrl" | "logoDraftToken" | "logoVariation" | "logoImageBase64Url" | "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/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.d.ts

@@ -518,7 +518,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" | "backgroundColorEnabled" | "copyrightText" | "socialLinks" | "textFontFamily";
+            propName: "copyrightStyle" | "style" | "iconStyle" | "displayStyle" | "backgroundStyle" | "logoImage" | "logoImageStyle" | "isLogoOptional" | "viewport" | "isLogoVisible" | "logoTemplateImage" | "logoImageHeight" | "logoImageWidth" | "navigationStyles" | "navigation" | "logoImageUrl" | "logoDraftToken" | "logoVariation" | "logoImageBase64Url" | "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/shared/content-settings/components/content-settings-item/ContentSettingsItemField.mixin.d.ts

@@ -719,7 +719,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" | "backgroundColorEnabled" | "copyrightText" | "socialLinks" | "textFontFamily";
+            propName: "copyrightStyle" | "style" | "iconStyle" | "displayStyle" | "backgroundStyle" | "logoImage" | "logoImageStyle" | "isLogoOptional" | "viewport" | "isLogoVisible" | "logoTemplateImage" | "logoImageHeight" | "logoImageWidth" | "navigationStyles" | "navigation" | "logoImageUrl" | "logoDraftToken" | "logoVariation" | "logoImageBase64Url" | "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/shared/content-settings/components/page-dropdown-field/PageDropdownField.mixin.d.ts

@@ -54,7 +54,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" | "backgroundColorEnabled" | "copyrightText" | "socialLinks" | "textFontFamily";
+            propName: "copyrightStyle" | "style" | "iconStyle" | "displayStyle" | "backgroundStyle" | "logoImage" | "logoImageStyle" | "isLogoOptional" | "viewport" | "isLogoVisible" | "logoTemplateImage" | "logoImageHeight" | "logoImageWidth" | "navigationStyles" | "navigation" | "logoImageUrl" | "logoDraftToken" | "logoVariation" | "logoImageBase64Url" | "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/shared/content-settings/components/payment-config-field/PaymentConfigField.mixin.d.ts

@@ -401,7 +401,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" | "backgroundColorEnabled" | "copyrightText" | "socialLinks" | "textFontFamily";
+            propName: "copyrightStyle" | "style" | "iconStyle" | "displayStyle" | "backgroundStyle" | "logoImage" | "logoImageStyle" | "isLogoOptional" | "viewport" | "isLogoVisible" | "logoTemplateImage" | "logoImageHeight" | "logoImageWidth" | "navigationStyles" | "navigation" | "logoImageUrl" | "logoDraftToken" | "logoVariation" | "logoImageBase64Url" | "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/shared/logo-settings/components/LogoSettings.mixin.d.ts

@@ -535,7 +535,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" | "backgroundColorEnabled" | "copyrightText" | "socialLinks" | "textFontFamily";
+            propName: "copyrightStyle" | "style" | "iconStyle" | "displayStyle" | "backgroundStyle" | "logoImage" | "logoImageStyle" | "isLogoOptional" | "viewport" | "isLogoVisible" | "logoTemplateImage" | "logoImageHeight" | "logoImageWidth" | "navigationStyles" | "navigation" | "logoImageUrl" | "logoDraftToken" | "logoVariation" | "logoImageBase64Url" | "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/shared/page-settings/components/new-page-modal/NewPageModal.mixin.d.ts

@@ -33,7 +33,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" | "backgroundColorEnabled" | "copyrightText" | "socialLinks" | "textFontFamily";
+            propName: "copyrightStyle" | "style" | "iconStyle" | "displayStyle" | "backgroundStyle" | "logoImage" | "logoImageStyle" | "isLogoOptional" | "viewport" | "isLogoVisible" | "logoTemplateImage" | "logoImageHeight" | "logoImageWidth" | "navigationStyles" | "navigation" | "logoImageUrl" | "logoDraftToken" | "logoVariation" | "logoImageBase64Url" | "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/shared/page-settings/components/page-settings/PageSettings.mixin.d.ts

@@ -1355,7 +1355,6 @@ declare const _default: import("vue").DefineComponent<{}, {
                     wordBreak?: string | undefined;
                 };
                 viewport: import("../../../../brand-page").ViewportsType;
-                backgroundColorEnabled?: boolean | undefined;
             };
             mobile: {
                 displayStyle: import("../../../../brand-page").PageSectionDisplayStyle;
@@ -2639,7 +2638,6 @@ declare const _default: import("vue").DefineComponent<{}, {
                     wordBreak?: string | undefined;
                 };
                 viewport: import("../../../../brand-page").ViewportsType;
-                backgroundColorEnabled?: boolean | undefined;
             };
         };
         footer: {
@@ -3930,7 +3928,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" | "backgroundColorEnabled" | "copyrightText" | "socialLinks" | "textFontFamily";
+            propName: "copyrightStyle" | "style" | "iconStyle" | "displayStyle" | "backgroundStyle" | "logoImage" | "logoImageStyle" | "isLogoOptional" | "viewport" | "isLogoVisible" | "logoTemplateImage" | "logoImageHeight" | "logoImageWidth" | "navigationStyles" | "navigation" | "logoImageUrl" | "logoDraftToken" | "logoVariation" | "logoImageBase64Url" | "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/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.d.ts

@@ -1316,7 +1316,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     wordBreak?: string | undefined;
                 };
                 viewport: ViewportsType;
-                backgroundColorEnabled?: boolean | undefined;
             };
             mobile: {
                 displayStyle: import("../../../../brand-page").PageSectionDisplayStyle;
@@ -2600,7 +2599,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     wordBreak?: string | undefined;
                 };
                 viewport: ViewportsType;
-                backgroundColorEnabled?: boolean | undefined;
             };
         };
         footer: {
@@ -3245,7 +3243,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" | "backgroundColorEnabled" | "copyrightText" | "socialLinks" | "textFontFamily";
+            propName: "copyrightStyle" | "style" | "iconStyle" | "displayStyle" | "backgroundStyle" | "logoImage" | "logoImageStyle" | "isLogoOptional" | "viewport" | "isLogoVisible" | "logoTemplateImage" | "logoImageHeight" | "logoImageWidth" | "navigationStyles" | "navigation" | "logoImageUrl" | "logoDraftToken" | "logoVariation" | "logoImageBase64Url" | "copyrightText" | "socialLinks" | "textFontFamily";
             index?: number | undefined;
             value: string | number | boolean | BrandPageCssStyle | LinksItem[] | Partial<import("../../../../brand-page").ImageItem> | null | undefined;
             merge?: boolean | undefined;

package/package.json

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

package/src/brand-page/components/page-header/PageHeader.mixin.ts

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

package/src/brand-page/models/index.ts

@@ -651,8 +651,6 @@ export abstract class AbstractPageHeaderStyles {
   style: BrandPageCssStyle;
   viewport: ViewportsType;
 
-  backgroundColorEnabled?: boolean;
-
   protected constructor(options: AbstractPageHeaderStylesType = {}) {
     if (typeof options.viewport === 'undefined') {
       throw new Error('"viewport" is required');
@@ -687,10 +685,6 @@ export abstract class AbstractPageHeaderStyles {
 
     this.style = options.style || {};
     this.backgroundStyle = options.backgroundStyle || {};
-    this.backgroundColorEnabled =
-      typeof options.backgroundColorEnabled === 'undefined'
-        ? true
-        : options.backgroundColorEnabled;
   }
 }
 

package/src/brand-page/utils/__snapshots__/migration.util.test.ts.snap

@@ -125,7 +125,6 @@ exports[`migration.util > Banner Contents - text Align and Font Family should no
       "viewport": "mobile",
     },
     "pageHeaderDesktop": PageHeaderDesktop {
-      "backgroundColorEnabled": true,
       "backgroundStyle": {},
       "displayStyle": "desktop-tab-vertical-stack-centered-logo-centered-menu",
       "isLogoOptional": false,
@@ -197,7 +196,6 @@ exports[`migration.util > Banner Contents - text Align and Font Family should no
       "viewport": "desktop",
     },
     "pageHeaderMobile": PageHeaderMobile {
-      "backgroundColorEnabled": true,
       "backgroundStyle": {},
       "displayStyle": "mobile-tab-vertical-stack-centered-logo-centered-menu",
       "isLogoOptional": false,
@@ -429,7 +427,7 @@ exports[`migration.util > Banner Contents - text Align and Font Family should no
         },
       },
     },
-    "v": 10,
+    "v": 11,
   },
   "useOldLogoRenderSize": true,
 }
@@ -560,7 +558,6 @@ exports[`migration.util > migrateBrandPageModel should return brand page model w
       "viewport": "mobile",
     },
     "pageHeaderDesktop": PageHeaderDesktop {
-      "backgroundColorEnabled": true,
       "backgroundStyle": {},
       "displayStyle": "desktop-tab-vertical-stack-centered-logo-centered-menu",
       "isLogoOptional": false,
@@ -632,7 +629,6 @@ exports[`migration.util > migrateBrandPageModel should return brand page model w
       "viewport": "desktop",
     },
     "pageHeaderMobile": PageHeaderMobile {
-      "backgroundColorEnabled": true,
       "backgroundStyle": {},
       "displayStyle": "mobile-tab-vertical-stack-centered-logo-centered-menu",
       "isLogoOptional": false,
@@ -847,7 +843,7 @@ exports[`migration.util > migrateBrandPageModel should return brand page model w
         },
       },
     },
-    "v": 10,
+    "v": 11,
   },
   "useOldLogoRenderSize": true,
 }
@@ -978,7 +974,6 @@ exports[`migration.util > migrateBrandPageModel should return brand page model w
       "viewport": "mobile",
     },
     "pageHeaderDesktop": PageHeaderDesktop {
-      "backgroundColorEnabled": true,
       "backgroundStyle": {},
       "displayStyle": "desktop-tab-vertical-stack-centered-logo-centered-menu",
       "isLogoOptional": false,
@@ -1050,7 +1045,6 @@ exports[`migration.util > migrateBrandPageModel should return brand page model w
       "viewport": "desktop",
     },
     "pageHeaderMobile": PageHeaderMobile {
-      "backgroundColorEnabled": true,
       "backgroundStyle": {},
       "displayStyle": "mobile-tab-vertical-stack-centered-logo-centered-menu",
       "isLogoOptional": false,
@@ -1272,7 +1266,7 @@ exports[`migration.util > migrateBrandPageModel should return brand page model w
         },
       },
     },
-    "v": 10,
+    "v": 11,
   },
   "useOldLogoRenderSize": true,
 }

package/src/brand-page/utils/__snapshots__/migration2.util.test.ts.snap

@@ -127,7 +127,6 @@ exports[`migration02.ts > migration02 should return converted letterspacing 1`]
       "viewport": "mobile",
     },
     "pageHeaderDesktop": PageHeaderDesktop {
-      "backgroundColorEnabled": true,
       "backgroundStyle": {},
       "displayStyle": "desktop-tab-vertical-stack-centered-logo-centered-menu",
       "isLogoOptional": false,
@@ -200,7 +199,6 @@ exports[`migration02.ts > migration02 should return converted letterspacing 1`]
       "viewport": "desktop",
     },
     "pageHeaderMobile": PageHeaderMobile {
-      "backgroundColorEnabled": true,
       "backgroundStyle": {},
       "displayStyle": "mobile-tab-vertical-stack-centered-logo-centered-menu",
       "isLogoOptional": false,

package/src/brand-page/utils/__snapshots__/model.util.test.ts.snap

@@ -126,7 +126,6 @@ BrandPageModel {
     "viewport": "mobile",
   },
   "pageHeaderDesktop": PageHeaderDesktop {
-    "backgroundColorEnabled": true,
     "backgroundStyle": {},
     "displayStyle": "desktop-tab-vertical-stack-centered-logo-centered-menu",
     "isLogoOptional": false,
@@ -199,7 +198,6 @@ BrandPageModel {
     "viewport": "desktop",
   },
   "pageHeaderMobile": PageHeaderMobile {
-    "backgroundColorEnabled": true,
     "backgroundStyle": {},
     "displayStyle": "mobile-tab-vertical-stack-centered-logo-centered-menu",
     "isLogoOptional": false,
@@ -568,7 +566,6 @@ BrandPageModel {
     "viewport": "mobile",
   },
   "pageHeaderDesktop": PageHeaderDesktop {
-    "backgroundColorEnabled": true,
     "backgroundStyle": {},
     "displayStyle": "desktop-tab-vertical-stack-centered-logo-centered-menu",
     "isLogoOptional": false,
@@ -641,7 +638,6 @@ BrandPageModel {
     "viewport": "desktop",
   },
   "pageHeaderMobile": PageHeaderMobile {
-    "backgroundColorEnabled": true,
     "backgroundStyle": {},
     "displayStyle": "mobile-tab-vertical-stack-centered-logo-centered-menu",
     "isLogoOptional": false,

package/src/brand-page/utils/migration/migration-11.ts

@@ -0,0 +1,49 @@
+import type { MigrationData } from '../migration.util';
+
+/**
+ * Migration 11: Remove backgroundColorEnabled flag from headers
+ *
+ * For headers where backgroundColorEnabled was false, set backgroundStyle.backgroundColor to transparent.
+ * Then remove the backgroundColorEnabled property from all headers.
+ */
+export const migration11 = async (
+  migrationResult: MigrationData,
+): Promise<MigrationData> => {
+  const { brandPageModel } = migrationResult;
+
+  // Migrate page header desktop
+  if (brandPageModel.pageHeaderDesktop) {
+    const header = brandPageModel.pageHeaderDesktop as any;
+
+    if (header.backgroundColorEnabled === false) {
+      // Set transparent background
+      if (!header.backgroundStyle) {
+        header.backgroundStyle = {};
+      }
+
+      header.backgroundStyle.backgroundColor = 'transparent';
+    }
+
+    // Remove the property
+    delete header.backgroundColorEnabled;
+  }
+
+  // Migrate page header mobile
+  if (brandPageModel.pageHeaderMobile) {
+    const header = brandPageModel.pageHeaderMobile as any;
+
+    if (header.backgroundColorEnabled === false) {
+      // Set transparent background
+      if (!header.backgroundStyle) {
+        header.backgroundStyle = {};
+      }
+
+      header.backgroundStyle.backgroundColor = 'transparent';
+    }
+
+    // Remove the property
+    delete header.backgroundColorEnabled;
+  }
+
+  return migrationResult;
+};

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

@@ -13,6 +13,7 @@ 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';
 export interface MigrationData {
   brandPageModel: BrandPageModel;
   useOldLogoRenderSize: boolean;
@@ -101,6 +102,11 @@ 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',
+  },
 ] as MigrationTableItem[];
 
 export const GetLatestModelVersion = () =>

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

@@ -1091,7 +1091,6 @@ export const mapToPageHeaderViewModel = (
           }),
     style: pageHeader.style,
     backgroundStyle: pageHeader.backgroundStyle,
-    backgroundColorEnabled: pageHeader.backgroundColorEnabled,
   };
 };