@designcrowd/library.brand-page 5.16.34 → 5.16.35

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<{
@@ -512,6 +513,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;
         setupLogoChangeWatcher(): void;

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

@@ -30,6 +30,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),
@@ -114,9 +115,15 @@ export default defineComponent({
         await this.checkAndRefreshS3TokenIfExpired();
         // 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;
+                this.setSearchText();
+            }
+            else {
+                await this.templateSettingsStore.loadPageNo({
+                    pageNo: TEMPLATE_FIRST_PAGE_NO,
+                });
+            }
         }
     },
     created() {

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

@@ -21,6 +21,7 @@ export interface TemplatesSettingState {
     tabsWithTranslations: SelectedTabType[];
     logoChangeWatcherInitialized: boolean;
     renderAsImage: boolean;
+    initialSearchTerm: string | undefined;
 }
 export declare const useUiTemplateSettingsStore: import("pinia").StoreDefinition<"uiTemplateSettings", TemplatesSettingState, {}, {
     _addTemplates({ templates }: {
@@ -71,6 +72,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

@@ -51,6 +51,7 @@ export const useUiTemplateSettingsStore = defineStore('uiTemplateSettings', {
             cachedTemplates: {},
             logoChangeWatcherInitialized: false,
             renderAsImage,
+            initialSearchTerm: undefined,
         };
     },
     actions: {
@@ -329,6 +330,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.16.34",
+  "version": "5.16.35",
   "author": "Design.com Eng",
   "license": "UNLICENSED",
   "type": "module",

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

@@ -268,6 +268,7 @@ const InitialiseMakerStores = (options: {
     contextualUpgradeType: undefined,
     isContextualUpgradeModalVisible: false,
     gettyVideos: [],
+    templateSearchTerm: undefined,
   });
 
   userStore.setIsAdmin({ isAdmin: options.isAdmin || false });

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

@@ -37,6 +37,7 @@ import type { WebsiteSlugCheckResponse } from '../../../brand-page-maker/models/
 import { errorTr, constantsTr } from '../../../composables/useTranslate';
 import { findValuesByKey } from '../../../helpers/ts.helper';
 import { WEBSITE_UPGRADE_CONTEXT_TYPES } from '@designcrowd/fe-shared-lib';
+import { useUiTemplateSettingsStore } from '../../../shared/template-settings/store';
 
 export type WebsiteContextUpgradeType =
   keyof typeof WEBSITE_UPGRADE_CONTEXT_TYPES;
@@ -112,6 +113,7 @@ export type InitialisePayload = Omit<
   logoTemplateAsset: LogoTemplateAsset | undefined;
   logoDraftAssets: LogoDraftAsset[];
   gettyVideos: GettyVideoEditorViewModelResponse[];
+  templateSearchTerm: string | undefined;
 };
 
 export const BRANDPAGE_STATUS = Object.freeze({
@@ -200,6 +202,7 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
       }
 
       const brandPageMakerStore = useBrandPageMakerStore();
+      const templateSettingsStore = useUiTemplateSettingsStore();
 
       this.brandPageBaseUrl = payload.brandPageBaseUrl;
       this.baseFabricRenderUrl = localisedRouteStore.baseFabricRenderDomain;
@@ -242,6 +245,10 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
         logoDraftAssets: payload.logoDraftAssets || [],
       });
 
+      templateSettingsStore.setInitialSearchTerm({
+        initialSearchTerm: payload.templateSearchTerm ?? '',
+      });
+
       brandPageMakerStore.setSelectedTemplateId({
         templateId: this.designTemplateToken,
       });

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

@@ -50,6 +50,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,
@@ -166,9 +169,14 @@ export default defineComponent({
 
     // 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;
+        this.setSearchText();
+      } else {
+        await this.templateSettingsStore.loadPageNo({
+          pageNo: TEMPLATE_FIRST_PAGE_NO,
+        });
+      }
     }
   },
   created() {

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

@@ -62,6 +62,7 @@ export interface TemplatesSettingState {
   tabsWithTranslations: SelectedTabType[];
   logoChangeWatcherInitialized: boolean;
   renderAsImage: boolean;
+  initialSearchTerm: string | undefined;
 }
 
 export const useUiTemplateSettingsStore = defineStore('uiTemplateSettings', {
@@ -104,6 +105,7 @@ export const useUiTemplateSettingsStore = defineStore('uiTemplateSettings', {
       cachedTemplates: {},
       logoChangeWatcherInitialized: false,
       renderAsImage,
+      initialSearchTerm: undefined,
     };
   },
   actions: {
@@ -477,6 +479,9 @@ export const useUiTemplateSettingsStore = defineStore('uiTemplateSettings', {
         });
       }
     },
+    setInitialSearchTerm(payload: { initialSearchTerm: string }) {
+      this.initialSearchTerm = payload.initialSearchTerm;
+    },
     clearTemplates() {
       this.templates.splice(0);
       this.pageNo = 0;