@designcrowd/library.brand-page 5.12.16 → 5.12.17

package/lib/src/shared/content-settings/components/payment-config-field/PaymentConfigField.mixin.d.ts

@@ -82,6 +82,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             eventButtonLocation?: string | undefined;
             showPublishOptionModal?: boolean | undefined;
             abTests: Record<string, string>;
+            logoBrandIndustry: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("../../../../brand-page-maker/stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
             availableTaxes: any[];
@@ -141,6 +142,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             eventButtonLocation?: string | undefined;
             showPublishOptionModal?: boolean | undefined;
             abTests: Record<string, string>;
+            logoBrandIndustry: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("../../../../brand-page-maker/stores").BrandPageContainerState>) => boolean;
     }, {
         clearTriggerSaveEventApiOnPublishModalClose(): void;

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

@@ -247,6 +247,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             eventButtonLocation?: string | undefined;
             showPublishOptionModal?: boolean | undefined;
             abTests: Record<string, string>;
+            logoBrandIndustry: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("../../../brand-page-maker/stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
             availableTaxes: any[];
@@ -306,6 +307,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             eventButtonLocation?: string | undefined;
             showPublishOptionModal?: boolean | undefined;
             abTests: Record<string, string>;
+            logoBrandIndustry: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("../../../brand-page-maker/stores").BrandPageContainerState>) => boolean;
     }, {
         clearTriggerSaveEventApiOnPublishModalClose(): void;

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

@@ -4504,6 +4504,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             eventButtonLocation?: string | undefined;
             showPublishOptionModal?: boolean | undefined;
             abTests: Record<string, string>;
+            logoBrandIndustry: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("../../../../brand-page-maker/stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
             availableTaxes: any[];
@@ -4563,6 +4564,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             eventButtonLocation?: string | undefined;
             showPublishOptionModal?: boolean | undefined;
             abTests: Record<string, string>;
+            logoBrandIndustry: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("../../../../brand-page-maker/stores").BrandPageContainerState>) => boolean;
     }, {
         clearTriggerSaveEventApiOnPublishModalClose(): void;

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

@@ -3935,6 +3935,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             eventButtonLocation?: string | undefined;
             showPublishOptionModal?: boolean | undefined;
             abTests: Record<string, string>;
+            logoBrandIndustry: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("../../../../brand-page-maker/stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
             availableTaxes: any[];
@@ -3994,6 +3995,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             eventButtonLocation?: string | undefined;
             showPublishOptionModal?: boolean | undefined;
             abTests: Record<string, string>;
+            logoBrandIndustry: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("../../../../brand-page-maker/stores").BrandPageContainerState>) => boolean;
     }, {
         clearTriggerSaveEventApiOnPublishModalClose(): void;

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

@@ -239,6 +239,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             eventButtonLocation?: string | undefined;
             showPublishOptionModal?: boolean | undefined;
             abTests: Record<string, string>;
+            logoBrandIndustry: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("../../brand-page-maker/stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
             availableTaxes: any[];
@@ -298,6 +299,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             eventButtonLocation?: string | undefined;
             showPublishOptionModal?: boolean | undefined;
             abTests: Record<string, string>;
+            logoBrandIndustry: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("../../brand-page-maker/stores").BrandPageContainerState>) => boolean;
     }, {
         clearTriggerSaveEventApiOnPublishModalClose(): void;

package/lib/src/shared/side-bar/components/SideBar.mixin.d.ts

@@ -75,6 +75,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             eventButtonLocation?: string | undefined;
             showPublishOptionModal?: boolean | undefined;
             abTests: Record<string, string>;
+            logoBrandIndustry: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("../../../brand-page-maker/stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
             availableTaxes: any[];
@@ -134,6 +135,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             eventButtonLocation?: string | undefined;
             showPublishOptionModal?: boolean | undefined;
             abTests: Record<string, string>;
+            logoBrandIndustry: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("../../../brand-page-maker/stores").BrandPageContainerState>) => boolean;
     }, {
         clearTriggerSaveEventApiOnPublishModalClose(): void;

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

@@ -652,6 +652,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             eventButtonLocation?: string | undefined;
             showPublishOptionModal?: boolean | undefined;
             abTests: Record<string, string>;
+            logoBrandIndustry: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("../../../brand-page-maker/stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
             availableTaxes: any[];
@@ -711,6 +712,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             eventButtonLocation?: string | undefined;
             showPublishOptionModal?: boolean | undefined;
             abTests: Record<string, string>;
+            logoBrandIndustry: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("../../../brand-page-maker/stores").BrandPageContainerState>) => boolean;
     }, {
         clearTriggerSaveEventApiOnPublishModalClose(): void;

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

@@ -17,6 +17,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         displayName: string;
     }>;
     searchTerm: import("vue").ComputedRef<string | undefined>;
+    initialSearchTerm: import("vue").ComputedRef<string | undefined>;
     selectedCategory: import("vue").ComputedRef<string | undefined>;
     selectedTemplateId: import("vue").ComputedRef<string | false>;
     templateCategories: import("vue").ComputedRef<{
@@ -511,6 +512,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         selectInitialTemplateCategory(payload: {
             selectedCategory: string;
         }): void;
+        setInitialSearchTerm(payload: {
+            initialSearchTerm: string;
+        }): void;
         clearTemplates(): void;
         getTemplateByTemplateId(id: string): TemplateSettingsTemplate | undefined;
     }>;

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

@@ -27,6 +27,7 @@ export default defineComponent({
             pageCount: computed(() => templateSettingsStore.pageCount),
             selectedTab: computed(() => templateSettingsStore.selectedTab),
             searchTerm: computed(() => templateSettingsStore.searchTerm),
+            initialSearchTerm: computed(() => templateSettingsStore.initialSearchTerm),
             selectedCategory: computed(() => templateSettingsStore.selectedCategory),
             selectedTemplateId: computed(() => brandpageMakerStore.selectedTemplateId),
             templateCategories: computed(() => templateSettingsStore.templateCategories),
@@ -109,9 +110,17 @@ export default defineComponent({
     async mounted() {
         // load templates on mounted if it is not initialised
         if (!this.pageCount) {
-            await this.templateSettingsStore.loadPageNo({
-                pageNo: TEMPLATE_FIRST_PAGE_NO,
-            });
+            if (this.initialSearchTerm) {
+                this.searchTextValue = this.initialSearchTerm;
+                await this.templateSettingsStore.onSearch({
+                    searchTerm: this.searchTextValue,
+                });
+            }
+            else {
+                await this.templateSettingsStore.loadPageNo({
+                    pageNo: TEMPLATE_FIRST_PAGE_NO,
+                });
+            }
         }
     },
     created() {

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

@@ -18,6 +18,7 @@ export interface TemplatesSettingState {
     selectedCategory: string | undefined;
     searchTerm: string | undefined;
     tabsWithTranslations: SelectedTabType[];
+    initialSearchTerm: string | undefined;
 }
 export declare const useUiTemplateSettingsStore: import("pinia").StoreDefinition<"uiTemplateSettings", TemplatesSettingState, {}, {
     _addTemplates({ templates }: {
@@ -67,6 +68,9 @@ export declare const useUiTemplateSettingsStore: import("pinia").StoreDefinition
     selectInitialTemplateCategory(payload: {
         selectedCategory: string;
     }): void;
+    setInitialSearchTerm(payload: {
+        initialSearchTerm: string;
+    }): void;
     clearTemplates(): void;
     getTemplateByTemplateId(id: string): TemplateSettingsTemplate | undefined;
 }>;

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

@@ -42,6 +42,7 @@ export const useUiTemplateSettingsStore = defineStore('uiTemplateSettings', {
                 displayName: templateSettingsTr(`headerAi`),
             },
         ],
+        initialSearchTerm: undefined,
     }),
     actions: {
         _addTemplates({ templates }) {
@@ -240,6 +241,9 @@ export const useUiTemplateSettingsStore = defineStore('uiTemplateSettings', {
                 });
             }
         },
+        setInitialSearchTerm(payload) {
+            this.initialSearchTerm = payload.initialSearchTerm;
+        },
         clearTemplates() {
             this.templates.splice(0);
             this.pageNo = 0;

package/package.json

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

package/src/brand-page/components/icon/Icon.mixin.ts

@@ -63,6 +63,7 @@ import IconThumbsUp from './icons/ThumbsUp.vue';
 import IconTikTok from './icons/TikTok.vue';
 import IconTumblr from './icons/Tumblr.vue';
 import IconTwitch from './icons/Twitch.vue';
+import IconTwitter from './icons/Twitter.vue';
 import IconX from './icons/X.vue';
 import IconUser from './icons/User.vue';
 import IconUtensils from './icons/Utensils.vue';
@@ -131,6 +132,7 @@ export default defineComponent({
     IconTikTok,
     IconTumblr,
     IconTwitch,
+    IconTwitter,
     IconX,
     IconUser,
     IconUtensils,

package/src/brand-page/components/icon/Icon.vue

@@ -67,6 +67,7 @@
       <IconTikTok v-if="name === 'tiktok'" />
       <IconTumblr v-if="name === 'tumblr'" />
       <IconTwitch v-if="name === 'twitch'" />
+      <IconTwitter v-if="name === 'twitter'" />
       <IconX v-if="name === 'x'" />
       <IconThreads v-if="name === 'threads'" />
       <IconUser v-if="name === 'user'" />

package/src/brand-page/components/icon/icons/Twitter.vue

@@ -0,0 +1,5 @@
+<template>
+  <path
+    d="M12.1655 1H14.5349L9.35972 6.93021L15.4483 15H10.6815L6.94786 10.1048L2.67545 15H0.305103L5.84041 8.65655L0 1H4.88841L8.2629 5.47324L12.1655 1ZM11.3352 13.5788H12.6483L4.17393 2.3469H2.76621L11.3352 13.5788Z"
+  />
+</template>

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

@@ -426,7 +426,7 @@ BrandPageModel {
       },
     },
   },
-  "v": 5,
+  "v": 5.1,
 }
 `;
 
@@ -839,7 +839,7 @@ BrandPageModel {
       },
     },
   },
-  "v": 5,
+  "v": 5.1,
 }
 `;
 
@@ -1259,6 +1259,6 @@ BrandPageModel {
       },
     },
   },
-  "v": 5,
+  "v": 5.1,
 }
 `;

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

@@ -0,0 +1,24 @@
+import { type BrandPageModel } from '../..';
+
+export const migration051 = (
+  brandPageModel: BrandPageModel,
+  options: { isUserDraft: boolean },
+): BrandPageModel => {
+  if (!options.isUserDraft) {
+    brandPageModel.pageFooterDesktop?.socialLinks?.forEach((link) => {
+      if (link.imageUrl === 'twitter') {
+        link.imageUrl = 'x';
+        link.url = 'https://www.x.com';
+      }
+    });
+
+    brandPageModel.pageFooterMobile?.socialLinks?.forEach((link) => {
+      if (link.imageUrl === 'twitter') {
+        link.imageUrl = 'x';
+        link.url = 'https://www.x.com';
+      }
+    });
+  }
+
+  return brandPageModel;
+};

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

@@ -4,6 +4,7 @@ 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';
 
 interface MigrationTableItem {
   version: number;
@@ -37,6 +38,10 @@ const MIGRATION_TABLE = [
     version: 5,
     migrateFn: migration05,
   },
+  {
+    version: 5.1,
+    migrateFn: migration051,
+  },
 ] as MigrationTableItem[];
 
 export const GetLatestModelVersion = () =>

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

@@ -265,6 +265,7 @@ const InitialiseMakerStores = (options: {
     triggerSaveSuccessMessage: false,
     triggerSaveEventApiOnPublishModalClose: false,
     abTests: {},
+    logoBrandIndustry: '',
   });
 
   userStore.setIsAdmin({ isAdmin: options.isAdmin || false });

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

@@ -77,6 +77,7 @@ export interface BrandPageContainerState {
   eventButtonLocation?: string;
   showPublishOptionModal?: boolean; // select an option modal on publish
   abTests: Record<string, string>;
+  logoBrandIndustry: string | undefined;
 }
 
 export type InitialisePayload = Omit<
@@ -142,6 +143,7 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
       eventButtonLocation: undefined,
       showPublishOptionModal: false,
       abTests: {},
+      logoBrandIndustry: undefined,
     };
   },
   actions: {
@@ -176,6 +178,7 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
       }
 
       const brandPageMakerStore = useBrandPageMakerStore();
+      const templateSettingsStore = useUiTemplateSettingsStore();
 
       this.brandPageBaseUrl = payload.brandPageBaseUrl;
       this.baseFabricRenderUrl = localisedRouteStore.baseFabricRenderDomain;
@@ -214,6 +217,10 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
 
       const logoStore = useLogoStore();
 
+      templateSettingsStore.setInitialSearchTerm({
+        initialSearchTerm: payload.logoBrandIndustry ?? '',
+      });
+
       logoStore.initialise({
         logoTemplateAsset: payload.logoTemplateAsset,
         logoDraftAssets: payload.logoDraftAssets || [],

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

@@ -44,6 +44,9 @@ export default defineComponent({
       pageCount: computed(() => templateSettingsStore.pageCount),
       selectedTab: computed(() => templateSettingsStore.selectedTab),
       searchTerm: computed(() => templateSettingsStore.searchTerm),
+      initialSearchTerm: computed(
+        () => templateSettingsStore.initialSearchTerm,
+      ),
       selectedCategory: computed(() => templateSettingsStore.selectedCategory),
       selectedTemplateId: computed(
         () => brandpageMakerStore.selectedTemplateId,
@@ -157,9 +160,16 @@ export default defineComponent({
   async mounted() {
     // load templates on mounted if it is not initialised
     if (!this.pageCount) {
-      await this.templateSettingsStore.loadPageNo({
-        pageNo: TEMPLATE_FIRST_PAGE_NO,
-      });
+      if (this.initialSearchTerm) {
+        this.searchTextValue = this.initialSearchTerm;
+        await this.templateSettingsStore.onSearch({
+          searchTerm: this.searchTextValue,
+        });
+      } else {
+        await this.templateSettingsStore.loadPageNo({
+          pageNo: TEMPLATE_FIRST_PAGE_NO,
+        });
+      }
     }
   },
   created() {

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

@@ -53,6 +53,7 @@ export interface TemplatesSettingState {
   selectedCategory: string | undefined;
   searchTerm: string | undefined;
   tabsWithTranslations: SelectedTabType[];
+  initialSearchTerm: string | undefined;
 }
 
 export const useUiTemplateSettingsStore = defineStore('uiTemplateSettings', {
@@ -85,6 +86,7 @@ export const useUiTemplateSettingsStore = defineStore('uiTemplateSettings', {
         displayName: templateSettingsTr(`headerAi`),
       },
     ],
+    initialSearchTerm: undefined,
   }),
   actions: {
     _addTemplates({ templates }: { templates: TemplateSettingsTemplate[] }) {
@@ -356,6 +358,9 @@ export const useUiTemplateSettingsStore = defineStore('uiTemplateSettings', {
         });
       }
     },
+    setInitialSearchTerm(payload: { initialSearchTerm: string }) {
+      this.initialSearchTerm = payload.initialSearchTerm;
+    },
     clearTemplates() {
       this.templates.splice(0);
       this.pageNo = 0;