@designcrowd/library.brand-page 6.0.5 → 6.0.6-ast-bugs

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

@@ -1,4 +1,3 @@
-/// <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<{
@@ -25,445 +24,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         created: Date;
         name: string;
     }[]>;
-    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>;
+    showAiTemplatesTab: import("vue").ComputedRef<boolean>;
     templateSettingsStore: import("pinia").Store<"uiTemplateSettings", import("../store").TemplatesSettingState, {
         renderAsImage(): boolean;
     }, {
@@ -489,7 +50,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             searchTerm: string | undefined;
         }): void;
         _setSelectedTab({ tabName }: {
-            tabName: "AI" | "all" | "categories";
+            tabName: TemplateTab;
         }): void;
         _setSelectedCategory({ categoryName, }: {
             categoryName: string | undefined;
@@ -517,7 +78,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }): void;
         setInitialSearchTerm(payload: {
             initialSearchTerm: string;
-            onSearchTermChanged?: import("../store").OnSearchTermChangedCallback | undefined;
+            onSearchTermChanged?: import("../store").OnSearchTermChangedCallback;
+        }): void;
+        setAiTemplateKeywords(payload: {
+            aiTemplateKeywords: string;
         }): void;
         notifySearchTermChanged(searchTerm: string | undefined): void;
         clearTemplates(): void;
@@ -537,14 +101,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             thirdPartySettings: import("../../models").UIRootStateThirdPartySettings;
         }): void;
         setDeviceMode({ mode }: {
-            mode: "desktop" | "mobile";
+            mode: import("../../models").UiDeviceMode;
         }): void;
         setScreenSizeMode({ mode }: {
-            mode: "desktop" | "mobile";
+            mode: import("../../models").UiScreenSizeMode;
         }): 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;
@@ -557,7 +127,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?: string | number | symbol | undefined): Promise<void>;
+        showUpgradeModalAndSaveAsync(contextualUpgradeType?: import("@brand-page-maker/stores").WebsiteContextUpgradeType): Promise<void>;
         setIsPersonalisationEnabled({ isPersonalisationEnabled, }: {
             isPersonalisationEnabled: boolean;
         }): void;
@@ -595,15 +165,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 | undefined) => void;
+        sendUpsellOpenEvent: (cta_location?: string) => 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 | undefined) => void;
-        sendWebsiteManageRemovePageEvent: (pageName: string, isRouteNested?: boolean | undefined) => void;
+        sendWebsiteManageAddPageEvent: (pageName: string, isSubPageMode?: boolean) => void;
+        sendWebsiteManageRemovePageEvent: (pageName: string, isRouteNested?: boolean) => void;
         sendWebsiteManageReorderPageEvent: (pageName: string) => void;
         sendPublishOptionsForFreeEvent: () => void;
         sendPublishOptionsForPremiumEvent: () => void;
@@ -612,8 +182,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 | undefined, contentCategory?: string | undefined, triggerType?: string) => void;
-        sendRemoveContentEvent: (contentType: string, selectLocation?: string | undefined, contentCategory?: string | undefined, triggerType?: string) => void;
+        sendAddContentEvent: (contentType: string, selectLocation?: string, contentCategory?: string, triggerType?: string) => void;
+        sendRemoveContentEvent: (contentType: string, selectLocation?: string, contentCategory?: string, 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),
-            personalisationData: computed(() => uiStore.personalisationData),
+            showAiTemplatesTab: computed(() => uiStore.showAiTemplatesTab),
             templateSettingsStore,
             uiStore,
             isDesignCom: computed(() => containerStore.isDesignCom),
@@ -105,7 +105,7 @@ export default defineComponent({
                 : `${pointerEventsClass}`;
         },
         visibleTabs() {
-            return this.personalisationData
+            return this.showAiTemplatesTab
                 ? this.tabs
                 : [...this.tabs].splice(0, this.tabs.findIndex((t) => t === templateSettingsTr(`headerAi`)));
         },

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

@@ -5,6 +5,7 @@ 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,6 +22,7 @@ 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, {
@@ -79,6 +80,9 @@ 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;