@designcrowd/library.brand-page 5.13.1 → 5.13.2-jj2

package/lib/src/shared/template-settings/components/TemplatesSettings.mixin.js

@@ -60,6 +60,11 @@ export default defineComponent({
                 }
             }
         },
+        async personalisationData(newVal, oldVal) {
+            if (newVal && !oldVal) {
+                await this.selectTab(TEMPLATE_TAB_DISPLAY_NAMES().AI);
+            }
+        },
     },
     computed: {
         // typescript cannot resolve typing and throw TS4023

package/lib/src/shared/template-settings/models.d.ts

@@ -9,7 +9,7 @@ export type DesignTemplateType = 'Facebook cover' | 'Brand Page' | 'Brand Site'
 export declare const TEMPLATE_TABS: {
     readonly all: "all";
     readonly categories: "categories";
-    readonly AI: "AI";
+    readonly AI: "ai";
 };
 export type TemplateTab = keyof typeof TEMPLATE_TABS;
 export declare const TEMPLATE_TAB_DISPLAY_NAMES: () => {

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

@@ -2,7 +2,7 @@ import { templateSettingsTr } from '../../composables/useTranslate';
 export const TEMPLATE_TABS = {
     all: 'all',
     categories: 'categories',
-    AI: 'AI',
+    AI: 'ai',
 };
 export const TEMPLATE_TAB_DISPLAY_NAMES = () => ({
     all: templateSettingsTr(`headerAll`),

package/package.json

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

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

@@ -11,7 +11,6 @@ import type {
   ContactFormContent,
   ImagesSectionContent,
   LogoContent,
-  LogoImageModel,
   MailingListContent,
   ProfileContent,
   RequestPaymentContent,
@@ -68,7 +67,6 @@ import {
   isTextContent,
 } from '../../utils';
 import { createInitialLogoContent } from '../../../brand-page-maker/models';
-import { migrateLogoImage } from './logo/logo.migration.util';
 
 export const applyTextContentTextToTextItemsMigration = (
   brandPageModel: BrandPageModel,
@@ -1159,7 +1157,6 @@ export const migrateConvertLineHeightOnFooterStyles = (
 export const migration01 = (
   brandPageModel: BrandPageModel,
   options: {
-    logoImage?: LogoImageModel;
     isUserDraft: boolean;
   },
 ): BrandPageModel => {
@@ -1199,7 +1196,6 @@ export const migration01 = (
   migrateGlobalTextStylesToHaveMissingStyles(brandPageModel);
   migrateConvertLineHeightOnNavigationStyles(brandPageModel);
   migrateConvertLineHeightOnFooterStyles(brandPageModel);
-  migrateLogoImage(brandPageModel, options.logoImage);
 
   return brandPageModel;
 };

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

@@ -0,0 +1,14 @@
+import type { BrandPageModel, LogoImageModel } from '../..';
+
+import { migrateLogoImage } from './logo/logo.migration.util';
+
+export const migration01_1 = (
+  brandPageModel: BrandPageModel,
+  options: {
+    logoImage?: LogoImageModel;
+  },
+): BrandPageModel => {
+  migrateLogoImage(brandPageModel, options.logoImage);
+
+  return brandPageModel;
+};

package/src/brand-page/utils/migration/{migration-051.ts → migration-05_1.ts}

@@ -1,6 +1,6 @@
 import { type BrandPageModel } from '../..';
 
-export const migration051 = (
+export const migration05_1 = (
   brandPageModel: BrandPageModel,
   options: { isUserDraft: boolean },
 ): BrandPageModel => {

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

@@ -1,10 +1,11 @@
 import { type BrandPageModel, type LogoImageModel } from '../models';
 import { migration01 } from './migration/migration-01';
+import { migration01_1 } from './migration/migration-01_1';
 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 { migration051 } from './migration/migration-051';
+import { migration05_1 } from './migration/migration-05_1';
 
 interface MigrationTableItem {
   version: number;
@@ -15,32 +16,47 @@ interface MigrationTableItem {
       isUserDraft: boolean;
     },
   ) => BrandPageModel;
+  description: string;
+  runAlways?: boolean;
 }
 
 const MIGRATION_TABLE = [
   {
     version: 1,
     migrateFn: migration01,
+    description: 'Legacy migration',
+  },
+  {
+    version: 1.1,
+    migrateFn: migration01_1,
+    description: 'When loading template assign logo to the metadata',
+    runAlways: true,
   },
   {
     version: 2,
     migrateFn: migration02,
+    description: 'Migrating letterspacing unit from rem to em',
   },
   {
     version: 3,
     migrateFn: migration03,
+    description:
+      'Migrating font size unit from rem to em to support fluid text',
   },
   {
     version: 4,
     migrateFn: migration04,
+    description: 'Migrating user uploaded image URLs to remove extensions',
   },
   {
     version: 5,
     migrateFn: migration05,
+    description: 'Migrating text item text styles to apply auto scale',
   },
   {
     version: 5.1,
-    migrateFn: migration051,
+    migrateFn: migration05_1,
+    description: 'Migrating twitter icon and url to x icon and x.com',
   },
 ] as MigrationTableItem[];
 
@@ -61,7 +77,7 @@ export const migrateBrandPageModel = (
   }
 
   MIGRATION_TABLE.forEach((x) => {
-    if (modelVersion < x.version) {
+    if (x.runAlways || modelVersion < x.version) {
       brandPageModel = x.migrateFn(brandPageModel, options);
     }
   });

package/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.ts

@@ -1256,6 +1256,7 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
       const navigation = navigationStyleSettingsStore.navigation;
 
       return {
+        v: GetLatestModelVersion(),
         styles: {
           logoStyles,
           buttonStyles,

package/src/shared/template-settings/components/TemplatesSettings.mixin.ts

@@ -88,6 +88,12 @@ export default defineComponent({
         }
       }
     },
+
+    async personalisationData(newVal, oldVal) {
+      if (newVal && !oldVal) {
+        await this.selectTab(TEMPLATE_TAB_DISPLAY_NAMES().AI);
+      }
+    },
   },
   computed: {
     // typescript cannot resolve typing and throw TS4023

package/src/shared/template-settings/models.ts

@@ -17,7 +17,7 @@ export type DesignTemplateType =
 export const TEMPLATE_TABS = {
   all: 'all',
   categories: 'categories',
-  AI: 'AI',
+  AI: 'ai',
 } as const;
 
 export type TemplateTab = keyof typeof TEMPLATE_TABS;