@designcrowd/library.brand-page 6.0.3 → 6.0.4

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

@@ -1,3 +1,4 @@
+/// <reference types="types/lodash-shims" />
 import { type TemplateCategory, type TemplateTab, type TemplateSettingsTemplate } from '../models';
 import type { DebounceHandle } from 'lodash.debounce';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -24,7 +25,445 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         created: Date;
         name: string;
     }[]>;
-    showAiTemplatesTab: import("vue").ComputedRef<boolean>;
+    personalisationData: import("vue").ComputedRef<{
+        contentKey: string;
+        userPersonalisation: {
+            profileSection: {
+                title?: string | undefined;
+                name?: string | undefined;
+                url?: string | undefined;
+                description?: string | undefined;
+                descriptionShort?: string | undefined;
+                ctaTitle?: string | undefined;
+                imageSearchTerms?: string[] | undefined;
+                imageUrls?: {
+                    imageUrl: string;
+                    trackingUrl: string;
+                }[] | undefined;
+                shapeSearchTerms?: string[] | undefined;
+                mainShapesCollection?: {
+                    tall: {
+                        token: string;
+                        url: string;
+                        categories: string[];
+                        tags: string[];
+                        enabled: boolean;
+                        keepColor: boolean;
+                        enabledToAdmin: boolean;
+                    }[];
+                    square: {
+                        token: string;
+                        url: string;
+                        categories: string[];
+                        tags: string[];
+                        enabled: boolean;
+                        keepColor: boolean;
+                        enabledToAdmin: boolean;
+                    }[];
+                    wide: {
+                        token: string;
+                        url: string;
+                        categories: string[];
+                        tags: string[];
+                        enabled: boolean;
+                        keepColor: boolean;
+                        enabledToAdmin: boolean;
+                    }[];
+                } | undefined;
+                shapes?: {
+                    id: number;
+                    token: string;
+                    url: string;
+                    filePath: string;
+                    tags: string;
+                    enabled: boolean;
+                    keepColor: boolean;
+                    createdBy: any;
+                    createdOn: string;
+                    version: number;
+                    shapeCategoryId: number;
+                    shapeCategory: any;
+                }[] | undefined;
+                items?: {
+                    itemTitle: string;
+                    itemDescription: string;
+                    itemDescriptionShort: string;
+                }[] | undefined;
+            };
+            aboutSection: {
+                title?: string | undefined;
+                name?: string | undefined;
+                url?: string | undefined;
+                description?: string | undefined;
+                descriptionShort?: string | undefined;
+                ctaTitle?: string | undefined;
+                imageSearchTerms?: string[] | undefined;
+                imageUrls?: {
+                    imageUrl: string;
+                    trackingUrl: string;
+                }[] | undefined;
+                shapeSearchTerms?: string[] | undefined;
+                mainShapesCollection?: {
+                    tall: {
+                        token: string;
+                        url: string;
+                        categories: string[];
+                        tags: string[];
+                        enabled: boolean;
+                        keepColor: boolean;
+                        enabledToAdmin: boolean;
+                    }[];
+                    square: {
+                        token: string;
+                        url: string;
+                        categories: string[];
+                        tags: string[];
+                        enabled: boolean;
+                        keepColor: boolean;
+                        enabledToAdmin: boolean;
+                    }[];
+                    wide: {
+                        token: string;
+                        url: string;
+                        categories: string[];
+                        tags: string[];
+                        enabled: boolean;
+                        keepColor: boolean;
+                        enabledToAdmin: boolean;
+                    }[];
+                } | undefined;
+                shapes?: {
+                    id: number;
+                    token: string;
+                    url: string;
+                    filePath: string;
+                    tags: string;
+                    enabled: boolean;
+                    keepColor: boolean;
+                    createdBy: any;
+                    createdOn: string;
+                    version: number;
+                    shapeCategoryId: number;
+                    shapeCategory: any;
+                }[] | undefined;
+                items?: {
+                    itemTitle: string;
+                    itemDescription: string;
+                    itemDescriptionShort: string;
+                }[] | undefined;
+            };
+            informationSection: {
+                title?: string | undefined;
+                name?: string | undefined;
+                url?: string | undefined;
+                description?: string | undefined;
+                descriptionShort?: string | undefined;
+                ctaTitle?: string | undefined;
+                imageSearchTerms?: string[] | undefined;
+                imageUrls?: {
+                    imageUrl: string;
+                    trackingUrl: string;
+                }[] | undefined;
+                shapeSearchTerms?: string[] | undefined;
+                mainShapesCollection?: {
+                    tall: {
+                        token: string;
+                        url: string;
+                        categories: string[];
+                        tags: string[];
+                        enabled: boolean;
+                        keepColor: boolean;
+                        enabledToAdmin: boolean;
+                    }[];
+                    square: {
+                        token: string;
+                        url: string;
+                        categories: string[];
+                        tags: string[];
+                        enabled: boolean;
+                        keepColor: boolean;
+                        enabledToAdmin: boolean;
+                    }[];
+                    wide: {
+                        token: string;
+                        url: string;
+                        categories: string[];
+                        tags: string[];
+                        enabled: boolean;
+                        keepColor: boolean;
+                        enabledToAdmin: boolean;
+                    }[];
+                } | undefined;
+                shapes?: {
+                    id: number;
+                    token: string;
+                    url: string;
+                    filePath: string;
+                    tags: string;
+                    enabled: boolean;
+                    keepColor: boolean;
+                    createdBy: any;
+                    createdOn: string;
+                    version: number;
+                    shapeCategoryId: number;
+                    shapeCategory: any;
+                }[] | undefined;
+                items?: {
+                    itemTitle: string;
+                    itemDescription: string;
+                    itemDescriptionShort: string;
+                }[] | undefined;
+            };
+            mediaSection: {
+                title?: string | undefined;
+                name?: string | undefined;
+                url?: string | undefined;
+                description?: string | undefined;
+                descriptionShort?: string | undefined;
+                ctaTitle?: string | undefined;
+                imageSearchTerms?: string[] | undefined;
+                imageUrls?: {
+                    imageUrl: string;
+                    trackingUrl: string;
+                }[] | undefined;
+                shapeSearchTerms?: string[] | undefined;
+                mainShapesCollection?: {
+                    tall: {
+                        token: string;
+                        url: string;
+                        categories: string[];
+                        tags: string[];
+                        enabled: boolean;
+                        keepColor: boolean;
+                        enabledToAdmin: boolean;
+                    }[];
+                    square: {
+                        token: string;
+                        url: string;
+                        categories: string[];
+                        tags: string[];
+                        enabled: boolean;
+                        keepColor: boolean;
+                        enabledToAdmin: boolean;
+                    }[];
+                    wide: {
+                        token: string;
+                        url: string;
+                        categories: string[];
+                        tags: string[];
+                        enabled: boolean;
+                        keepColor: boolean;
+                        enabledToAdmin: boolean;
+                    }[];
+                } | undefined;
+                shapes?: {
+                    id: number;
+                    token: string;
+                    url: string;
+                    filePath: string;
+                    tags: string;
+                    enabled: boolean;
+                    keepColor: boolean;
+                    createdBy: any;
+                    createdOn: string;
+                    version: number;
+                    shapeCategoryId: number;
+                    shapeCategory: any;
+                }[] | undefined;
+                items?: {
+                    itemTitle: string;
+                    itemDescription: string;
+                    itemDescriptionShort: string;
+                }[] | undefined;
+            };
+            emailSection: {
+                title?: string | undefined;
+                name?: string | undefined;
+                url?: string | undefined;
+                description?: string | undefined;
+                descriptionShort?: string | undefined;
+                ctaTitle?: string | undefined;
+                imageSearchTerms?: string[] | undefined;
+                imageUrls?: {
+                    imageUrl: string;
+                    trackingUrl: string;
+                }[] | undefined;
+                shapeSearchTerms?: string[] | undefined;
+                mainShapesCollection?: {
+                    tall: {
+                        token: string;
+                        url: string;
+                        categories: string[];
+                        tags: string[];
+                        enabled: boolean;
+                        keepColor: boolean;
+                        enabledToAdmin: boolean;
+                    }[];
+                    square: {
+                        token: string;
+                        url: string;
+                        categories: string[];
+                        tags: string[];
+                        enabled: boolean;
+                        keepColor: boolean;
+                        enabledToAdmin: boolean;
+                    }[];
+                    wide: {
+                        token: string;
+                        url: string;
+                        categories: string[];
+                        tags: string[];
+                        enabled: boolean;
+                        keepColor: boolean;
+                        enabledToAdmin: boolean;
+                    }[];
+                } | undefined;
+                shapes?: {
+                    id: number;
+                    token: string;
+                    url: string;
+                    filePath: string;
+                    tags: string;
+                    enabled: boolean;
+                    keepColor: boolean;
+                    createdBy: any;
+                    createdOn: string;
+                    version: number;
+                    shapeCategoryId: number;
+                    shapeCategory: any;
+                }[] | undefined;
+                items?: {
+                    itemTitle: string;
+                    itemDescription: string;
+                    itemDescriptionShort: string;
+                }[] | undefined;
+            };
+            websiteSection: {
+                title?: string | undefined;
+                name?: string | undefined;
+                url?: string | undefined;
+                description?: string | undefined;
+                descriptionShort?: string | undefined;
+                ctaTitle?: string | undefined;
+                imageSearchTerms?: string[] | undefined;
+                imageUrls?: {
+                    imageUrl: string;
+                    trackingUrl: string;
+                }[] | undefined;
+                shapeSearchTerms?: string[] | undefined;
+                mainShapesCollection?: {
+                    tall: {
+                        token: string;
+                        url: string;
+                        categories: string[];
+                        tags: string[];
+                        enabled: boolean;
+                        keepColor: boolean;
+                        enabledToAdmin: boolean;
+                    }[];
+                    square: {
+                        token: string;
+                        url: string;
+                        categories: string[];
+                        tags: string[];
+                        enabled: boolean;
+                        keepColor: boolean;
+                        enabledToAdmin: boolean;
+                    }[];
+                    wide: {
+                        token: string;
+                        url: string;
+                        categories: string[];
+                        tags: string[];
+                        enabled: boolean;
+                        keepColor: boolean;
+                        enabledToAdmin: boolean;
+                    }[];
+                } | undefined;
+                shapes?: {
+                    id: number;
+                    token: string;
+                    url: string;
+                    filePath: string;
+                    tags: string;
+                    enabled: boolean;
+                    keepColor: boolean;
+                    createdBy: any;
+                    createdOn: string;
+                    version: number;
+                    shapeCategoryId: number;
+                    shapeCategory: any;
+                }[] | undefined;
+                items?: {
+                    itemTitle: string;
+                    itemDescription: string;
+                    itemDescriptionShort: string;
+                }[] | undefined;
+            };
+            phoneSection: {
+                title?: string | undefined;
+                name?: string | undefined;
+                url?: string | undefined;
+                description?: string | undefined;
+                descriptionShort?: string | undefined;
+                ctaTitle?: string | undefined;
+                imageSearchTerms?: string[] | undefined;
+                imageUrls?: {
+                    imageUrl: string;
+                    trackingUrl: string;
+                }[] | undefined;
+                shapeSearchTerms?: string[] | undefined;
+                mainShapesCollection?: {
+                    tall: {
+                        token: string;
+                        url: string;
+                        categories: string[];
+                        tags: string[];
+                        enabled: boolean;
+                        keepColor: boolean;
+                        enabledToAdmin: boolean;
+                    }[];
+                    square: {
+                        token: string;
+                        url: string;
+                        categories: string[];
+                        tags: string[];
+                        enabled: boolean;
+                        keepColor: boolean;
+                        enabledToAdmin: boolean;
+                    }[];
+                    wide: {
+                        token: string;
+                        url: string;
+                        categories: string[];
+                        tags: string[];
+                        enabled: boolean;
+                        keepColor: boolean;
+                        enabledToAdmin: boolean;
+                    }[];
+                } | undefined;
+                shapes?: {
+                    id: number;
+                    token: string;
+                    url: string;
+                    filePath: string;
+                    tags: string;
+                    enabled: boolean;
+                    keepColor: boolean;
+                    createdBy: any;
+                    createdOn: string;
+                    version: number;
+                    shapeCategoryId: number;
+                    shapeCategory: any;
+                }[] | undefined;
+                items?: {
+                    itemTitle: string;
+                    itemDescription: string;
+                    itemDescriptionShort: string;
+                }[] | undefined;
+            };
+        };
+    }[] | undefined>;
     templateSettingsStore: import("pinia").Store<"uiTemplateSettings", import("../store").TemplatesSettingState, {
         renderAsImage(): boolean;
     }, {
@@ -50,7 +489,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             searchTerm: string | undefined;
         }): void;
         _setSelectedTab({ tabName }: {
-            tabName: TemplateTab;
+            tabName: "AI" | "all" | "categories";
         }): void;
         _setSelectedCategory({ categoryName, }: {
             categoryName: string | undefined;
@@ -78,10 +517,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }): void;
         setInitialSearchTerm(payload: {
             initialSearchTerm: string;
-            onSearchTermChanged?: import("../store").OnSearchTermChangedCallback;
-        }): void;
-        setAiTemplateKeywords(payload: {
-            aiTemplateKeywords: string;
+            onSearchTermChanged?: import("../store").OnSearchTermChangedCallback | undefined;
         }): void;
         notifySearchTermChanged(searchTerm: string | undefined): void;
         clearTemplates(): void;
@@ -101,20 +537,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             thirdPartySettings: import("../../models").UIRootStateThirdPartySettings;
         }): void;
         setDeviceMode({ mode }: {
-            mode: import("../../models").UiDeviceMode;
+            mode: "desktop" | "mobile";
         }): void;
         setScreenSizeMode({ mode }: {
-            mode: import("../../models").UiScreenSizeMode;
+            mode: "desktop" | "mobile";
         }): void;
         setUserPersonalisationData({ personalisationData, }: {
             personalisationData: import("../../../brand-page").UserPersonalisationContent[];
         }): void;
-        setUserPromptContentKey({ userPromptContentKey, }: {
-            userPromptContentKey: string | undefined;
-        }): void;
-        setShowAiTemplatesTab({ showAiTemplatesTab, }: {
-            showAiTemplatesTab: boolean;
-        }): void;
         onBackgroundChanged(): void;
         onContentChanged(): void;
         onStyleChanged(): void;
@@ -127,7 +557,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: string;
         }): Promise<void>;
         onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload): Promise<void>;
-        showUpgradeModalAndSaveAsync(contextualUpgradeType?: import("@brand-page-maker/stores").WebsiteContextUpgradeType): Promise<void>;
+        showUpgradeModalAndSaveAsync(contextualUpgradeType?: string | number | symbol | undefined): Promise<void>;
         setIsPersonalisationEnabled({ isPersonalisationEnabled, }: {
             isPersonalisationEnabled: boolean;
         }): void;
@@ -165,15 +595,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         subscribe: (callbackFn: (event: import("@brand-page-maker/composables/useEventTracker").BpEventTrackerEvent) => void) => void;
         sendWebsiteEvent: (event: import("@brand-page-maker/composables/useEventTracker").BpEventTrackerEvent) => void;
         sendWebsiteMakerOpenEvent: (location: string) => void;
-        sendUpsellOpenEvent: (cta_location?: string) => void;
+        sendUpsellOpenEvent: (cta_location?: string | undefined) => void;
         sendDomainUpsellOpenEvent: () => void;
         sendDomainUpsellContinuationEvent: (continuation: string) => void;
         sendUpsellContinuationEvent: (continuation: string) => void;
         sendPublishOpenEvent: () => void;
         appendPublishBridgeState: (props: any) => void;
         sendPublishContinuationEvent: (continuation: string, domain: string | null) => void;
-        sendWebsiteManageAddPageEvent: (pageName: string, isSubPageMode?: boolean) => void;
-        sendWebsiteManageRemovePageEvent: (pageName: string, isRouteNested?: boolean) => void;
+        sendWebsiteManageAddPageEvent: (pageName: string, isSubPageMode?: boolean | undefined) => void;
+        sendWebsiteManageRemovePageEvent: (pageName: string, isRouteNested?: boolean | undefined) => void;
         sendWebsiteManageReorderPageEvent: (pageName: string) => void;
         sendPublishOptionsForFreeEvent: () => void;
         sendPublishOptionsForPremiumEvent: () => void;
@@ -182,8 +612,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         sendTemplateSelectEvent: (templateId: string) => void;
         sendTemplateCategorySelectEvent: (category: string) => void;
         sendSidebarCategoryClickedEvent: (tabName: string) => void;
-        sendAddContentEvent: (contentType: string, selectLocation?: string, contentCategory?: string, triggerType?: string) => void;
-        sendRemoveContentEvent: (contentType: string, selectLocation?: string, contentCategory?: string, triggerType?: string) => void;
+        sendAddContentEvent: (contentType: string, selectLocation?: string | undefined, contentCategory?: string | undefined, triggerType?: string) => void;
+        sendRemoveContentEvent: (contentType: string, selectLocation?: string | undefined, contentCategory?: string | undefined, triggerType?: string) => void;
         sendAddContentContinuationEvent: (continuation: string) => void;
         sendUpsellOfferEvent: (upsellType: string) => void;
         sendUpsellOfferActionEvent: (upsellType: string, action: string) => void;

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

@@ -34,7 +34,7 @@ export default defineComponent({
             selectedCategory: computed(() => templateSettingsStore.selectedCategory),
             selectedTemplateId: computed(() => brandpageMakerStore.selectedTemplateId),
             templateCategories: computed(() => templateSettingsStore.templateCategories),
-            showAiTemplatesTab: computed(() => uiStore.showAiTemplatesTab),
+            personalisationData: computed(() => uiStore.personalisationData),
             templateSettingsStore,
             uiStore,
             isDesignCom: computed(() => containerStore.isDesignCom),
@@ -105,7 +105,7 @@ export default defineComponent({
                 : `${pointerEventsClass}`;
         },
         visibleTabs() {
-            return this.showAiTemplatesTab
+            return this.personalisationData
                 ? this.tabs
                 : [...this.tabs].splice(0, this.tabs.findIndex((t) => t === templateSettingsTr(`headerAi`)));
         },

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

@@ -5,7 +5,6 @@ export interface TemplateSettingsTemplate {
     personalisationContentIndex?: number;
     brandPageModel: BrandPageModel;
     contentKey?: string;
-    usesUserPromptContentKey?: boolean;
     previewImageUrl?: string;
 }
 export type DesignTemplateType = 'Facebook cover' | 'Brand Page' | 'Brand Site' | 'Brand Contact';

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

@@ -22,7 +22,6 @@ export interface TemplatesSettingState {
     tabsWithTranslations: SelectedTabType[];
     logoChangeWatcherInitialized: boolean;
     initialSearchTerm: string | undefined;
-    aiTemplateKeywords: string | undefined;
     onSearchTermChanged: OnSearchTermChangedCallback | undefined;
 }
 export declare const useUiTemplateSettingsStore: import("pinia").StoreDefinition<"uiTemplateSettings", TemplatesSettingState, {
@@ -80,9 +79,6 @@ export declare const useUiTemplateSettingsStore: import("pinia").StoreDefinition
         initialSearchTerm: string;
         onSearchTermChanged?: OnSearchTermChangedCallback;
     }): void;
-    setAiTemplateKeywords(payload: {
-        aiTemplateKeywords: string;
-    }): void;
     notifySearchTermChanged(searchTerm: string | undefined): void;
     clearTemplates(): void;
     getTemplateByTemplateId(id: string): TemplateSettingsTemplate | undefined;