@designcrowd/library.brand-page 5.10.1 → 5.10.2

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

@@ -663,6 +663,9 @@ declare const _default: import("vue").DefineComponent<{}, {
         sendPublishOptionsForFreeEvent: () => void;
         sendPublishOptionsForPremiumEvent: () => void;
         sendPublishOptionsForExitEvent: () => void;
+        sendTemplateSearchEvent: (searchString: string) => void;
+        sendTemplateSelectEvent: (templateId: string) => void;
+        sendTemplateCategorySelectEvent: (category: string) => void;
         sendSidebarCategoryClickedEvent: (tabName: string) => void;
     };
     externalEditor: import("@tiptap/vue-3").Editor;

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

@@ -410,6 +410,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         sendPublishOptionsForFreeEvent: () => void;
         sendPublishOptionsForPremiumEvent: () => void;
         sendPublishOptionsForExitEvent: () => void;
+        sendTemplateSearchEvent: (searchString: string) => void;
+        sendTemplateSelectEvent: (templateId: string) => void;
+        sendTemplateCategorySelectEvent: (category: string) => void;
         sendSidebarCategoryClickedEvent: (tabName: string) => void;
     };
 }, {

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

@@ -4575,6 +4575,9 @@ declare const _default: import("vue").DefineComponent<{}, {
         sendPublishOptionsForFreeEvent: () => void;
         sendPublishOptionsForPremiumEvent: () => void;
         sendPublishOptionsForExitEvent: () => void;
+        sendTemplateSearchEvent: (searchString: string) => void;
+        sendTemplateSelectEvent: (templateId: string) => void;
+        sendTemplateCategorySelectEvent: (category: string) => void;
         sendSidebarCategoryClickedEvent: (tabName: string) => void;
     };
 }, {

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

@@ -406,6 +406,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         sendPublishOptionsForFreeEvent: () => void;
         sendPublishOptionsForPremiumEvent: () => void;
         sendPublishOptionsForExitEvent: () => void;
+        sendTemplateSearchEvent: (searchString: string) => void;
+        sendTemplateSelectEvent: (templateId: string) => void;
+        sendTemplateCategorySelectEvent: (category: string) => void;
         sendSidebarCategoryClickedEvent: (tabName: string) => void;
     };
 }, {

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

@@ -27,6 +27,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         sendPublishOptionsForFreeEvent: () => void;
         sendPublishOptionsForPremiumEvent: () => void;
         sendPublishOptionsForExitEvent: () => void;
+        sendTemplateSearchEvent: (searchString: string) => void;
+        sendTemplateSelectEvent: (templateId: string) => void;
+        sendTemplateCategorySelectEvent: (category: string) => void;
         sendSidebarCategoryClickedEvent: (tabName: string) => void;
     };
 }, {}, {}, {

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

@@ -852,6 +852,9 @@ declare const _default: import("vue").DefineComponent<{}, {
         sendPublishOptionsForFreeEvent: () => void;
         sendPublishOptionsForPremiumEvent: () => void;
         sendPublishOptionsForExitEvent: () => void;
+        sendTemplateSearchEvent: (searchString: string) => void;
+        sendTemplateSelectEvent: (templateId: string) => void;
+        sendTemplateCategorySelectEvent: (category: string) => void;
         sendSidebarCategoryClickedEvent: (tabName: string) => void;
     };
 }, {

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

@@ -555,6 +555,26 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }): void;
     }>;
     isDesignCom: import("vue").ComputedRef<boolean>;
+    eventTracker: {
+        setGlobalEventProps: (props: Omit<import("../../../brand-page-maker/composables/useEventTracker").BpGlobalEventProps, "template_category">) => void;
+        setUpsellBridgeState: (props: import("../../../brand-page-maker/composables/useEventTracker").BpUpsellEventProps) => void;
+        subscribe: (callbackFn: (event: import("../../../brand-page-maker/composables/useEventTracker").BpEventTrackerEvent) => void) => void;
+        sendWebsiteEvent: (event: import("../../../brand-page-maker/composables/useEventTracker").BpEventTrackerEvent) => void;
+        sendUpsellOpenEvent: () => void;
+        sendUpsellContinuationEvent: (continuation: string) => void;
+        sendPublishOpenEvent: () => void;
+        sendPublishContinuationEvent: (continuation: string, domain: string | null) => void;
+        sendWebsiteManageAddPageEvent: (pageName: string) => void;
+        sendWebsiteManageRemovePageEvent: (pageName: string) => void;
+        sendWebsiteManageReorderPageEvent: (pageName: string) => void;
+        sendPublishOptionsForFreeEvent: () => void;
+        sendPublishOptionsForPremiumEvent: () => void;
+        sendPublishOptionsForExitEvent: () => void;
+        sendTemplateSearchEvent: (searchString: string) => void;
+        sendTemplateSelectEvent: (templateId: string) => void;
+        sendTemplateCategorySelectEvent: (category: string) => void;
+        sendSidebarCategoryClickedEvent: (tabName: string) => void;
+    };
 }, {
     tabs: string[];
     debounceOnSearch: DebounceHandle | undefined;

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

@@ -5,6 +5,7 @@ import { TEMPLATE_TABS, TEMPLATE_TAB_DISPLAY_NAMES, } from '../models';
 import { debounce } from '../../functions';
 import { useBrandPageContainerStore, useBrandPageMakerStore, useUiStore, } from '../../../brand-page-maker/stores';
 import { templateSettingsTr } from '../../../composables/useTranslate';
+import { useEventTracker } from '../../../brand-page-maker/composables/useEventTracker';
 export default defineComponent({
     props: {
         numColumns: {
@@ -18,6 +19,7 @@ export default defineComponent({
         const containerStore = useBrandPageContainerStore();
         const brandpageMakerStore = useBrandPageMakerStore();
         const uiStore = useUiStore();
+        const eventTracker = useEventTracker();
         return {
             isBusy: computed(() => templateSettingsStore.isBusy),
             pageNo: computed(() => templateSettingsStore.pageNo),
@@ -32,6 +34,7 @@ export default defineComponent({
             templateSettingsStore,
             uiStore,
             isDesignCom: computed(() => containerStore.isDesignCom),
+            eventTracker,
         };
     },
     data() {
@@ -126,12 +129,14 @@ export default defineComponent({
         },
         async internalOnTemplateSelected(templateId) {
             await this.templateSettingsStore.onTemplateSelected({ templateId });
+            this.eventTracker.sendTemplateSelectEvent(templateId);
         },
         async onCategorySelect(category) {
             await this.selectTab(TEMPLATE_TAB_DISPLAY_NAMES().all);
             await this.templateSettingsStore.onCategorySelected({
                 categoryName: category.name,
             });
+            this.eventTracker.sendTemplateCategorySelectEvent(category.name);
         },
         async selectTab(tabName) {
             await this.templateSettingsStore.onTabSelected({ tabName });
@@ -160,6 +165,7 @@ export default defineComponent({
         },
         onSearchText(value) {
             this.searchTextValue = value;
+            this.eventTracker.sendTemplateSearchEvent(value);
             if (!this.debounceOnSearch) {
                 return;
             }

package/package.json

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

package/src/brand-page-maker/composables/useEventTracker.ts

@@ -38,6 +38,10 @@ export const EVENTS = {
   WEBSITE_MAKER_REORDER_PAGE: 'website_maker_reorder_page',
   WEBSITE_MAKER_PUBLISH_UPSELL_OPTION_MODAL:
     'website_maker_publish_upsell_option_modal',
+  WEBSITE_MAKER_TEMPLATE_SEARCH: 'website_maker_template_search',
+  WEBSITE_MAKER_TEMPLATE_SELECT: 'website_maker_template_select',
+  WEBSITE_MAKER_TEMPLATE_CATEGORY_SELECT:
+    'website_maker_template_category_select',
   WEBSITE_SIDEBAR_TAB_CLICKED: 'website_sidebar_tab_clicked',
 };
 
@@ -183,6 +187,22 @@ const useEventTracker = () => {
           PUBLISH_OPTION_MODAL_CONTINUATION_EVENTS.EXIT,
       });
     },
+    // Template sidebar events
+    sendTemplateSearchEvent: (searchString: string) => {
+      _publishEvent(EVENTS.WEBSITE_MAKER_TEMPLATE_SEARCH, {
+        search_string: searchString,
+      });
+    },
+    sendTemplateSelectEvent: (templateId: string) => {
+      _publishEvent(EVENTS.WEBSITE_MAKER_TEMPLATE_SELECT, {
+        template_id: templateId,
+      });
+    },
+    sendTemplateCategorySelectEvent: (category: string) => {
+      _publishEvent(EVENTS.WEBSITE_MAKER_TEMPLATE_CATEGORY_SELECT, {
+        category,
+      });
+    },
     sendSidebarCategoryClickedEvent: (tabName: string) => {
       _publishEvent(EVENTS.WEBSITE_SIDEBAR_TAB_CLICKED, {
         sidebar_category_tab_name: tabName,

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

@@ -18,6 +18,8 @@ import {
 } from '../../../brand-page-maker/stores';
 import { templateSettingsTr } from '../../../composables/useTranslate';
 
+import { useEventTracker } from '../../../brand-page-maker/composables/useEventTracker';
+
 export default defineComponent({
   props: {
     numColumns: {
@@ -33,6 +35,8 @@ export default defineComponent({
 
     const uiStore = useUiStore();
 
+    const eventTracker = useEventTracker();
+
     return {
       isBusy: computed(() => templateSettingsStore.isBusy),
       pageNo: computed(() => templateSettingsStore.pageNo),
@@ -51,6 +55,7 @@ export default defineComponent({
       templateSettingsStore,
       uiStore,
       isDesignCom: computed(() => containerStore.isDesignCom),
+      eventTracker,
     };
   },
   data() {
@@ -171,6 +176,7 @@ export default defineComponent({
 
     async internalOnTemplateSelected(templateId: string) {
       await this.templateSettingsStore.onTemplateSelected({ templateId });
+      this.eventTracker.sendTemplateSelectEvent(templateId);
     },
 
     async onCategorySelect(category: TemplateCategory) {
@@ -178,6 +184,8 @@ export default defineComponent({
       await this.templateSettingsStore.onCategorySelected({
         categoryName: category.name,
       });
+
+      this.eventTracker.sendTemplateCategorySelectEvent(category.name);
     },
 
     async selectTab(tabName: TemplateTab) {
@@ -217,6 +225,8 @@ export default defineComponent({
     onSearchText(value: string) {
       this.searchTextValue = value;
 
+      this.eventTracker.sendTemplateSearchEvent(value);
+
       if (!this.debounceOnSearch) {
         return;
       }