@designcrowd/library.brand-page 5.19.0 → 5.19.1-error-html2canvas-2

package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="types/lodash-shims" />
 import type { PropType } from 'vue';
 import type { DebounceHandle } from 'lodash.debounce';
 import { type BrandPageData, type BrandPageType, type ViewportsType, type UserPersonalisationContent } from '@brand-page';
@@ -6,7 +5,6 @@ import type { InitialCategories, TemplateCategory } from '@shared/template-setti
 import type { UserFeatures } from '@brand-page-maker/stores';
 import { type LogoDesignAttributesModel } from '@shared/models';
 import type { AdminPreviewLogoTemplateModel } from '@brand-page-maker/stores/admin-logo-settings';
-import type { UpdateItemValuePayload } from '@shared/content-settings/models';
 export interface BrandPageMakerViewModel {
     adminPreviewLogoTemplateModels?: AdminPreviewLogoTemplateModel[];
     brandPageData?: string;
@@ -20,6 +18,8 @@ export interface BrandPageMakerViewModel {
     initialCategories: InitialCategories;
     personalisation?: UserPersonalisationContent[];
     isPersonalisationEnabled?: boolean;
+    userPromptContentKey?: string;
+    showAiTemplatesTab?: boolean;
     brandPageType?: BrandPageType;
     businessName?: string;
     industry?: string;
@@ -33,7 +33,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     commonTr: (key: any) => any;
     currentNotificationMessage: import("vue").ComputedRef<false | {
-        type: "error" | "success" | "warning";
+        type: "success" | "warning" | "error";
         label: string;
         description: string | false;
     }>;
@@ -67,7 +67,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         brandPageToken(): string | undefined;
         brandPageDescription(): string;
         brandPageSlug(): string;
-        brandPageTemplate(): any;
+        brandPageTemplate(): BrandPageData;
         brandPageTitle(): string;
         brandPageViewModel(): import("@brand-page").BrandPageViewModel;
         gettyVideoIds(): string[];
@@ -82,7 +82,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         showBrandCrowdLogo(): boolean;
     }, {
         setMode(payload: {
-            mode: "images" | "edit";
+            mode: import("@brand-page-maker/stores").BrandPageSettingsMode;
         }): void;
         setFaviconUrl(payload: {
             faviconUrl: string | undefined;
@@ -118,7 +118,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isCookiePreviewEnabled: boolean;
         }): void;
         setFieldSettings(payload: {
-            settings: import("@shared/content-settings/models").FieldSettingsBase;
+            settings: import("../../../shared/content-settings/models").FieldSettingsBase;
         }): void;
         enqueueNotificationMessage({ message, }: {
             message: import("@brand-page-maker/stores").NotificationMessage;
@@ -126,7 +126,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         enqueueContentErrorMessage(): void;
         dequeueNotificationMessageQueue(): void;
         setCurrentNotificationMessage(payload: {
-            message: false | import("@brand-page-maker/stores").NotificationMessage;
+            message: import("@brand-page-maker/stores").NotificationMessage | false;
         }): void;
         setIsApplyingTemplate(payload: import("@brand-page-maker/stores").IsApplyingTemplatePayload): void;
         setIsPageNavigating(isPageNavigating: boolean): void;
@@ -145,9 +145,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         applySelectedTemplate(): Promise<void>;
         enqueueErrorMessage(): Promise<void>;
         enqueueSaveSuccessMessage(payload?: {
-            description?: string | undefined;
-            isPublished?: boolean | undefined;
-            noDescription?: boolean | undefined;
+            description?: string;
+            isPublished?: boolean;
+            noDescription?: boolean;
         }): Promise<void>;
         hideChangeTemplateConfirmModal(): void;
         onBackgroundChanged(): void;
@@ -163,16 +163,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             content: TContent;
         }>(payload: P): Promise<void>;
         _captureTemplateSwitchIfEnabled(): void;
-        applyHistorySnapshot(snapshot: import("@brand-page").BrandPageModel, activePageId?: string | undefined, logoEditsStr?: string | undefined): Promise<void>;
-        _syncLogoSettingsFromSnapshot(snapshot: import("@brand-page").BrandPageModel, logoEditsStr?: string | undefined): Promise<void>;
-        _navigateToActivePage(activePageId?: string | undefined): void;
+        applyHistorySnapshot(snapshot: import("@brand-page").BrandPageModel, activePageId?: string, logoEditsStr?: string): Promise<void>;
+        _syncLogoSettingsFromSnapshot(snapshot: import("@brand-page").BrandPageModel, logoEditsStr?: string): Promise<void>;
+        _navigateToActivePage(activePageId?: string): void;
         _fallbackSidebarIfSelectedContentMissing(snapshot: import("@brand-page").BrandPageModel): void;
         export(): import("@brand-page").BrandPageModel;
         setBrandPageType({ brandPageType }: {
-            brandPageType: "default" | "brandSite" | "brandContact";
+            brandPageType: BrandPageType;
         }): void;
         initialiseStoresByBrandPageModelAsync(brandPageModel: import("@brand-page").BrandPageModel): Promise<void>;
-        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, layout, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, shopConfigData: _shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("@brand-page").PageModel[];
             sections: import("@shared/page-settings/store").PageSettingsStateSections;
@@ -200,7 +200,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             viewport: ViewportsType;
         }): void;
         showStripeOnboardingModal(): Promise<void>;
-        selectInitialCategories(payload: InitialCategories): void;
+        selectInitialCategories(payload: import("@brand-page-maker/stores").SelectedCategoryPayload): void;
     }>;
     uiSideBarStore: import("pinia").Store<"uiSideBar", import("@shared/side-bar/store").SideBarState, {}, {
         setBrandPageSettingsTabVisibility(payload: {
@@ -208,17 +208,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }): void;
         setSelectedTabName(payload: import("../../../lib").SetSelectedTabNamePayload): void;
         setSelectedSettingsSection(payload: {
-            sectionName?: string | undefined;
+            sectionName?: string;
         }): void;
     }>;
     userStore: import("pinia").Store<"brandPageMakerUser", import("@brand-page-maker/stores").UserState, {}, {
         setUserState(payload: {
-            emailAddress?: string | undefined;
-            userToken?: string | undefined;
-            isAdmin?: boolean | undefined;
-            hasPremiumSubscription?: boolean | undefined;
-            brandPageCommissionPercentage?: number | undefined;
-            features?: Partial<import("../../../constants/ui").UIUserFeatures> | undefined;
+            emailAddress?: string;
+            userToken?: string;
+            isAdmin?: boolean;
+            hasPremiumSubscription?: boolean;
+            brandPageCommissionPercentage?: number;
+            features?: Partial<UserFeatures>;
         }): void;
     }>;
     containerStore: import("pinia").Store<"brandPageContainer", import("@brand-page-maker/stores").BrandPageContainerState, {
@@ -242,8 +242,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 updated: Date;
                 brandPageToken: string;
                 domainName: string;
-                status: "active" | "pending" | "failed" | "renewFailed" | "deleted";
-                dnsConfigurationStatus: "request_expired" | "missing_expected_dns_records" | "invalid_multiple_dns_records_exist" | "unexpected_aaaa_record" | "completed";
+                status: import("@brand-page-maker/constants").CustomDomainStatus;
+                dnsConfigurationStatus: import("@brand-page-maker/constants").DnsConfigurationStatus;
                 triggerOrigin?: string | undefined;
             } | null;
             createCustomDomainErrorMessage: string | null;
@@ -299,7 +299,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
-            contextualUpgradeType: string | number | symbol | undefined;
+            contextualUpgradeType: import("@brand-page-maker/stores").WebsiteContextUpgradeType | undefined;
             requestVerificationToken?: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
@@ -320,8 +320,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 updated: Date;
                 brandPageToken: string;
                 domainName: string;
-                status: "active" | "pending" | "failed" | "renewFailed" | "deleted";
-                dnsConfigurationStatus: "request_expired" | "missing_expected_dns_records" | "invalid_multiple_dns_records_exist" | "unexpected_aaaa_record" | "completed";
+                status: import("@brand-page-maker/constants").CustomDomainStatus;
+                dnsConfigurationStatus: import("@brand-page-maker/constants").DnsConfigurationStatus;
                 triggerOrigin?: string | undefined;
             } | null;
             createCustomDomainErrorMessage: string | null;
@@ -377,7 +377,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
-            contextualUpgradeType: string | number | symbol | undefined;
+            contextualUpgradeType: import("@brand-page-maker/stores").WebsiteContextUpgradeType | undefined;
             requestVerificationToken?: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").BrandPageContainerState>) => boolean;
     }, {
@@ -414,7 +414,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setIsSubsequentPublish(payload: any): void;
         clearPublishErrorMessage(): void;
         closePublishModal(payload?: {
-            skipShowNextNotificationMessage?: boolean | undefined;
+            skipShowNextNotificationMessage?: boolean;
         }): Promise<void>;
         closeUpgradeModal(): Promise<void>;
         endBrandPageSlugEditMode(): void;
@@ -437,8 +437,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         redirectToStripeOnboarding(): Promise<void>;
         exportDesignAsync(): Promise<any>;
         saveBrandPage(payload?: {
-            isPublish?: boolean | undefined;
-            eventButtonLocation?: string | undefined;
+            isPublish?: boolean;
+            eventButtonLocation?: string;
         }): Promise<false | {
             saved: boolean;
             canPublish: boolean;
@@ -447,9 +447,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         saveAndPublishBrandPage(eventButtonLocation: string): Promise<void>;
         saveTemplate(): Promise<void>;
         setBrandPageStatus(status: any): Promise<void>;
-        showPublishModal(eventButtonLocation?: string | undefined, websiteUpsellModalViewModel?: any, isSubsequentPublish?: boolean | undefined): void;
+        showPublishModal(eventButtonLocation?: string, websiteUpsellModalViewModel?: any, isSubsequentPublish?: boolean): void;
         showBrandPageSlugEditModal(eventButtonLocation: string): Promise<void>;
-        showUpgradeModalAndSaveAsync(contextualUpgradeType?: string | number | symbol | undefined, cta?: string | undefined): Promise<void>;
+        showUpgradeModalAndSaveAsync(contextualUpgradeType?: import("@brand-page-maker/stores").WebsiteContextUpgradeType, cta?: string): Promise<void>;
         getContextualUpgradeResponseAsync(): Promise<import("../../../clients/brand-page-client").getWebsiteContextualUpgradeResponse | undefined>;
         showStripeOnboardingModal(): void;
         closeStripeOnboardingModal(): void;
@@ -484,23 +484,25 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         contentErrorCount(): number;
         getContent(state: {
             addContentOptions: {
-                type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
+                type: import("@brand-page").ContentType;
                 category: string;
-                createInitialContent: (options: import("@shared/content-settings/models").CreateInitialContentOptions) => import("@brand-page").Content;
+                createInitialContent: (options: import("../../../shared/content-settings/models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
                 isLocked: boolean;
-                displayMode?: "default" | "focused" | undefined;
+                displayMode?: import("@brand-page-maker/models").ContentSettingsDisplayMode | undefined;
             }[];
             items: {
                 id: string;
-                type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
+                type: import("@brand-page").ContentType;
                 settings: {
                     content: {
                         id: string;
-                        type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
-                        personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
+                        type: import("@brand-page").ContentType;
+                        personalisationRole?: import("@brand-page").PersonalisationRole | undefined;
+                        topPadding?: number | undefined;
+                        bottomPadding?: number | undefined;
                         imageUrlOverride?: string | undefined;
                         imageUrlsOverride?: string | undefined;
                         avatarImageUrlOverride?: string | undefined;
@@ -514,42 +516,44 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         textOverride?: string | undefined;
                         paragraphOverride?: string | undefined;
                     };
-                    fields: Record<string, import("@shared/content-settings/models").ContentItemFieldSettings>;
+                    fields: Record<string, import("../../../shared/content-settings/models").ContentItemFieldSettings>;
                 };
             }[];
-            itemStates: Record<string, import("@shared/content-settings/models").ContentSettingsItemState>;
+            itemStates: Record<string, import("../../../shared/content-settings/models").ContentSettingsItemState>;
             modeStack: {
-                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
+                mode: import("@shared/content-settings/store").ContentSettingsMode;
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
             }[];
             selectedItemId: string | null;
-            selectedItemEventSource: "preview" | "contentSettings" | "pageSettings" | null;
+            selectedItemEventSource: import("@shared/models").UIEventSource | null;
             selectedItemFieldName: string | null;
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
-            activeCategoryTab: string;
+            activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
         } & import("pinia").PiniaCustomStateProperties<import("@shared/content-settings/store").ContentSettingsState>): (id: string) => import("@brand-page").Content | undefined;
         getFieldSettings(state: {
             addContentOptions: {
-                type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
+                type: import("@brand-page").ContentType;
                 category: string;
-                createInitialContent: (options: import("@shared/content-settings/models").CreateInitialContentOptions) => import("@brand-page").Content;
+                createInitialContent: (options: import("../../../shared/content-settings/models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
                 isLocked: boolean;
-                displayMode?: "default" | "focused" | undefined;
+                displayMode?: import("@brand-page-maker/models").ContentSettingsDisplayMode | undefined;
             }[];
             items: {
                 id: string;
-                type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
+                type: import("@brand-page").ContentType;
                 settings: {
                     content: {
                         id: string;
-                        type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
-                        personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
+                        type: import("@brand-page").ContentType;
+                        personalisationRole?: import("@brand-page").PersonalisationRole | undefined;
+                        topPadding?: number | undefined;
+                        bottomPadding?: number | undefined;
                         imageUrlOverride?: string | undefined;
                         imageUrlsOverride?: string | undefined;
                         avatarImageUrlOverride?: string | undefined;
@@ -563,42 +567,44 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         textOverride?: string | undefined;
                         paragraphOverride?: string | undefined;
                     };
-                    fields: Record<string, import("@shared/content-settings/models").ContentItemFieldSettings>;
+                    fields: Record<string, import("../../../shared/content-settings/models").ContentItemFieldSettings>;
                 };
             }[];
-            itemStates: Record<string, import("@shared/content-settings/models").ContentSettingsItemState>;
+            itemStates: Record<string, import("../../../shared/content-settings/models").ContentSettingsItemState>;
             modeStack: {
-                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
+                mode: import("@shared/content-settings/store").ContentSettingsMode;
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
             }[];
             selectedItemId: string | null;
-            selectedItemEventSource: "preview" | "contentSettings" | "pageSettings" | null;
+            selectedItemEventSource: import("@shared/models").UIEventSource | null;
             selectedItemFieldName: string | null;
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
-            activeCategoryTab: string;
-        } & import("pinia").PiniaCustomStateProperties<import("@shared/content-settings/store").ContentSettingsState>): (id: string, fieldName: string) => import("@shared/content-settings/models").ContentItemFieldSettings | undefined;
+            activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
+        } & import("pinia").PiniaCustomStateProperties<import("@shared/content-settings/store").ContentSettingsState>): (id: string, fieldName: string) => import("../../../shared/content-settings/models").ContentItemFieldSettings | undefined;
         getItem(state: {
             addContentOptions: {
-                type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
+                type: import("@brand-page").ContentType;
                 category: string;
-                createInitialContent: (options: import("@shared/content-settings/models").CreateInitialContentOptions) => import("@brand-page").Content;
+                createInitialContent: (options: import("../../../shared/content-settings/models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
                 isLocked: boolean;
-                displayMode?: "default" | "focused" | undefined;
+                displayMode?: import("@brand-page-maker/models").ContentSettingsDisplayMode | undefined;
             }[];
             items: {
                 id: string;
-                type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
+                type: import("@brand-page").ContentType;
                 settings: {
                     content: {
                         id: string;
-                        type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
-                        personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
+                        type: import("@brand-page").ContentType;
+                        personalisationRole?: import("@brand-page").PersonalisationRole | undefined;
+                        topPadding?: number | undefined;
+                        bottomPadding?: number | undefined;
                         imageUrlOverride?: string | undefined;
                         imageUrlsOverride?: string | undefined;
                         avatarImageUrlOverride?: string | undefined;
@@ -612,42 +618,44 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         textOverride?: string | undefined;
                         paragraphOverride?: string | undefined;
                     };
-                    fields: Record<string, import("@shared/content-settings/models").ContentItemFieldSettings>;
+                    fields: Record<string, import("../../../shared/content-settings/models").ContentItemFieldSettings>;
                 };
             }[];
-            itemStates: Record<string, import("@shared/content-settings/models").ContentSettingsItemState>;
+            itemStates: Record<string, import("../../../shared/content-settings/models").ContentSettingsItemState>;
             modeStack: {
-                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
+                mode: import("@shared/content-settings/store").ContentSettingsMode;
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
             }[];
             selectedItemId: string | null;
-            selectedItemEventSource: "preview" | "contentSettings" | "pageSettings" | null;
+            selectedItemEventSource: import("@shared/models").UIEventSource | null;
             selectedItemFieldName: string | null;
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
-            activeCategoryTab: string;
-        } & import("pinia").PiniaCustomStateProperties<import("@shared/content-settings/store").ContentSettingsState>): (id: string) => import("@shared/content-settings/models").ContentItem<any> | undefined;
+            activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
+        } & import("pinia").PiniaCustomStateProperties<import("@shared/content-settings/store").ContentSettingsState>): (id: string) => import("../../../shared/content-settings/models").ContentItem<any> | undefined;
         getValue(state: {
             addContentOptions: {
-                type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
+                type: import("@brand-page").ContentType;
                 category: string;
-                createInitialContent: (options: import("@shared/content-settings/models").CreateInitialContentOptions) => import("@brand-page").Content;
+                createInitialContent: (options: import("../../../shared/content-settings/models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
                 isLocked: boolean;
-                displayMode?: "default" | "focused" | undefined;
+                displayMode?: import("@brand-page-maker/models").ContentSettingsDisplayMode | undefined;
             }[];
             items: {
                 id: string;
-                type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
+                type: import("@brand-page").ContentType;
                 settings: {
                     content: {
                         id: string;
-                        type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
-                        personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
+                        type: import("@brand-page").ContentType;
+                        personalisationRole?: import("@brand-page").PersonalisationRole | undefined;
+                        topPadding?: number | undefined;
+                        bottomPadding?: number | undefined;
                         imageUrlOverride?: string | undefined;
                         imageUrlsOverride?: string | undefined;
                         avatarImageUrlOverride?: string | undefined;
@@ -661,42 +669,44 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         textOverride?: string | undefined;
                         paragraphOverride?: string | undefined;
                     };
-                    fields: Record<string, import("@shared/content-settings/models").ContentItemFieldSettings>;
+                    fields: Record<string, import("../../../shared/content-settings/models").ContentItemFieldSettings>;
                 };
             }[];
-            itemStates: Record<string, import("@shared/content-settings/models").ContentSettingsItemState>;
+            itemStates: Record<string, import("../../../shared/content-settings/models").ContentSettingsItemState>;
             modeStack: {
-                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
+                mode: import("@shared/content-settings/store").ContentSettingsMode;
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
             }[];
             selectedItemId: string | null;
-            selectedItemEventSource: "preview" | "contentSettings" | "pageSettings" | null;
+            selectedItemEventSource: import("@shared/models").UIEventSource | null;
             selectedItemFieldName: string | null;
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
-            activeCategoryTab: string;
-        } & import("pinia").PiniaCustomStateProperties<import("@shared/content-settings/store").ContentSettingsState>): (id: string, fieldName: string) => string | import("@brand-page").Content | undefined;
+            activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
+        } & import("pinia").PiniaCustomStateProperties<import("@shared/content-settings/store").ContentSettingsState>): (id: string, fieldName: string) => import("@brand-page").Content | string | undefined;
         getItemState(state: {
             addContentOptions: {
-                type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
+                type: import("@brand-page").ContentType;
                 category: string;
-                createInitialContent: (options: import("@shared/content-settings/models").CreateInitialContentOptions) => import("@brand-page").Content;
+                createInitialContent: (options: import("../../../shared/content-settings/models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
                 isLocked: boolean;
-                displayMode?: "default" | "focused" | undefined;
+                displayMode?: import("@brand-page-maker/models").ContentSettingsDisplayMode | undefined;
             }[];
             items: {
                 id: string;
-                type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
+                type: import("@brand-page").ContentType;
                 settings: {
                     content: {
                         id: string;
-                        type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
-                        personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
+                        type: import("@brand-page").ContentType;
+                        personalisationRole?: import("@brand-page").PersonalisationRole | undefined;
+                        topPadding?: number | undefined;
+                        bottomPadding?: number | undefined;
                         imageUrlOverride?: string | undefined;
                         imageUrlsOverride?: string | undefined;
                         avatarImageUrlOverride?: string | undefined;
@@ -710,42 +720,44 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         textOverride?: string | undefined;
                         paragraphOverride?: string | undefined;
                     };
-                    fields: Record<string, import("@shared/content-settings/models").ContentItemFieldSettings>;
+                    fields: Record<string, import("../../../shared/content-settings/models").ContentItemFieldSettings>;
                 };
             }[];
-            itemStates: Record<string, import("@shared/content-settings/models").ContentSettingsItemState>;
+            itemStates: Record<string, import("../../../shared/content-settings/models").ContentSettingsItemState>;
             modeStack: {
-                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
+                mode: import("@shared/content-settings/store").ContentSettingsMode;
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
             }[];
             selectedItemId: string | null;
-            selectedItemEventSource: "preview" | "contentSettings" | "pageSettings" | null;
+            selectedItemEventSource: import("@shared/models").UIEventSource | null;
             selectedItemFieldName: string | null;
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
-            activeCategoryTab: string;
-        } & import("pinia").PiniaCustomStateProperties<import("@shared/content-settings/store").ContentSettingsState>): (id: string) => import("@shared/content-settings/models").ContentSettingsItemState;
+            activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
+        } & import("pinia").PiniaCustomStateProperties<import("@shared/content-settings/store").ContentSettingsState>): (id: string) => import("../../../shared/content-settings/models").ContentSettingsItemState;
         getItemGroupState(state: {
             addContentOptions: {
-                type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
+                type: import("@brand-page").ContentType;
                 category: string;
-                createInitialContent: (options: import("@shared/content-settings/models").CreateInitialContentOptions) => import("@brand-page").Content;
+                createInitialContent: (options: import("../../../shared/content-settings/models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
                 isLocked: boolean;
-                displayMode?: "default" | "focused" | undefined;
+                displayMode?: import("@brand-page-maker/models").ContentSettingsDisplayMode | undefined;
             }[];
             items: {
                 id: string;
-                type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
+                type: import("@brand-page").ContentType;
                 settings: {
                     content: {
                         id: string;
-                        type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
-                        personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
+                        type: import("@brand-page").ContentType;
+                        personalisationRole?: import("@brand-page").PersonalisationRole | undefined;
+                        topPadding?: number | undefined;
+                        bottomPadding?: number | undefined;
                         imageUrlOverride?: string | undefined;
                         imageUrlsOverride?: string | undefined;
                         avatarImageUrlOverride?: string | undefined;
@@ -759,31 +771,31 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         textOverride?: string | undefined;
                         paragraphOverride?: string | undefined;
                     };
-                    fields: Record<string, import("@shared/content-settings/models").ContentItemFieldSettings>;
+                    fields: Record<string, import("../../../shared/content-settings/models").ContentItemFieldSettings>;
                 };
             }[];
-            itemStates: Record<string, import("@shared/content-settings/models").ContentSettingsItemState>;
+            itemStates: Record<string, import("../../../shared/content-settings/models").ContentSettingsItemState>;
             modeStack: {
-                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
+                mode: import("@shared/content-settings/store").ContentSettingsMode;
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
             }[];
             selectedItemId: string | null;
-            selectedItemEventSource: "preview" | "contentSettings" | "pageSettings" | null;
+            selectedItemEventSource: import("@shared/models").UIEventSource | null;
             selectedItemFieldName: string | null;
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
-            activeCategoryTab: string;
-        } & import("pinia").PiniaCustomStateProperties<import("@shared/content-settings/store").ContentSettingsState>): (id: string, groupId: string) => import("@shared/content-settings/models").ContentSettingsItemGroupState;
-        mode(): "images" | "pages" | "add" | "edit" | "focusedContentItem";
-        selectedItem(): import("@shared/content-settings/models").ContentItem<any> | undefined;
-        selectedItemTemplate(): import("@brand-page-maker/models").ContentSettingsConfig<any, {}> | undefined;
+            activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
+        } & import("pinia").PiniaCustomStateProperties<import("@shared/content-settings/store").ContentSettingsState>): (id: string, groupId: string) => import("../../../shared/content-settings/models").ContentSettingsItemGroupState;
+        mode(): import("@shared/content-settings/store").ContentSettingsMode;
+        selectedItem(): import("../../../shared/content-settings/models").ContentItem<any> | undefined;
+        selectedItemTemplate(): import("@brand-page-maker/models").ContentSettingsConfig<any> | undefined;
     }, {
         onContentChanged(): void;
         _addItem({ item, index, }: {
-            item: import("@shared/content-settings/models").ContentItem<any>;
-            index?: number | undefined;
+            item: import("../../../shared/content-settings/models").ContentItem<any>;
+            index?: number;
         }): void;
         setState(payload: {
             newState: Partial<import("@shared/content-settings/store").ContentSettingsState>;
@@ -795,12 +807,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             id: string;
         }): void;
         _setAddContentOptions({ addContentOptions, }: {
-            addContentOptions: import("@shared/content-settings/models").AddContentOption<any>[];
+            addContentOptions: import("../../../shared/content-settings/models").AddContentOption<any>[];
         }): void;
-        _setItemSettingsFieldErrorState(payload: import("@shared/content-settings/models").SetItemSettingsFieldErrorMessagePayload): void;
+        _setItemSettingsFieldErrorState(payload: import("../../../shared/content-settings/models").SetItemSettingsFieldErrorMessagePayload): void;
         _setSelectedItemId({ id, eventSource, }: {
             id: string | null;
-            eventSource: "preview" | "contentSettings" | "pageSettings" | null;
+            eventSource: import("@shared/models").UIEventSource | null;
         }): void;
         _setSelectedItemFieldName({ name: name }: {
             name: string | null;
@@ -814,14 +826,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         _setSelectedItemImage({ selectedItemId, imageUrl, width, height, colorReplacements, aspectRatio, }: {
             selectedItemId: string | null;
             imageUrl: string;
-            width?: number | undefined;
-            height?: number | undefined;
-            colorReplacements?: import("@brand-page").ColorReplacement[] | undefined;
-            aspectRatio?: number | null | undefined;
+            width?: number;
+            height?: number;
+            colorReplacements?: import("@brand-page").ColorReplacement[];
+            aspectRatio?: number | null;
         }): void;
         _setSelectedItemMedia(selectedItemId: string | null, mediaPayload: import("../../../shared/my-uploads/models").MediaBaseSelectedPayload): void;
         _setItems({ items }: {
-            items: import("@shared/content-settings/models").ContentItem<any>[];
+            items: import("../../../shared/content-settings/models").ContentItem<any>[];
         }): void;
         updateContent<T extends import("@brand-page").Content>({ id, content, }: {
             id: string;
@@ -830,27 +842,27 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         popMode(): void;
         pushMode(item: import("@shared/content-settings/store").ContentSettingsModeStackItem): void;
         resetMode(): void;
-        updateItemValue(payload: UpdateItemValuePayload<unknown>): void;
-        updateMultipleItemValues({ id, name, value, }: import("@shared/content-settings/models").UpdateMultipleItemValuesPayload<any>): void;
-        updateTextStyleType({ id, name, value, }: import("@shared/content-settings/models").UpdateMultipleItemValuesPayload<any>): void;
-        updateTextStyles({ id, name, value, }: import("@shared/content-settings/models").UpdateMultipleItemValuesPayload<any>): void;
+        updateItemValue(payload: import("../../../shared/content-settings/models").UpdateItemValuePayload<unknown>): void;
+        updateMultipleItemValues({ id, name, value, }: import("../../../shared/content-settings/models").UpdateMultipleItemValuesPayload<any>): void;
+        updateTextStyleType({ id, name, value, }: import("../../../shared/content-settings/models").UpdateMultipleItemValuesPayload<any>): void;
+        updateTextStyles({ id, name, value, }: import("../../../shared/content-settings/models").UpdateMultipleItemValuesPayload<any>): void;
         getTextStyles({ id, name }: {
             id: string;
             name: string;
         }): unknown;
-        updateTextItemTextStyleType({ id, name, value, index, }: import("@shared/content-settings/models").UpdateMultipleItemValuesPayload<any>): void;
-        updateTextItemTextStyleTypeWithStyles({ id, name, value, index, }: import("@shared/content-settings/models").UpdateMultipleItemValuesPayload<any>): void;
+        updateTextItemTextStyleType({ id, name, value, index, }: import("../../../shared/content-settings/models").UpdateMultipleItemValuesPayload<any>): void;
+        updateTextItemTextStyleTypeWithStyles({ id, name, value, index, }: import("../../../shared/content-settings/models").UpdateMultipleItemValuesPayload<any>): void;
         _setActiveCategoryTab({ activeCategoryTab, }: {
-            activeCategoryTab: string;
+            activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
         }): void;
         setItemState({ id, itemState, }: {
             id: string;
-            itemState: import("@shared/content-settings/models").ContentSettingsItemState;
+            itemState: import("../../../shared/content-settings/models").ContentSettingsItemState;
         }): void;
         setItemGroupState({ id, groupId, groupState, }: {
             id: string;
             groupId: string;
-            groupState: import("@shared/content-settings/models").ContentSettingsItemGroupState;
+            groupState: import("../../../shared/content-settings/models").ContentSettingsItemGroupState;
         }): void;
         collapseAllItems(): void;
         setItemIsCollapsed({ id, isCollapsed, }: {
@@ -864,25 +876,25 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }): void;
         addItemByType({ type, index, }: {
             type: string;
-            index?: number | undefined;
-        }): import("@shared/content-settings/models").ContentItem<import("@brand-page").Content> | undefined;
+            index?: number;
+        }): import("../../../shared/content-settings/models").ContentItem<import("@brand-page").Content> | undefined;
         deleteItem(payload: {
             id: string;
         }): void;
         getContentCategory(type: string): any;
         setAddContentOptions(payload: {
-            addContentOptions: import("@shared/content-settings/models").AddContentOption<any>[];
+            addContentOptions: import("../../../shared/content-settings/models").AddContentOption<any>[];
         }): void;
         updateIsDefaultTextColorRequired(): void;
         setSelectedItemId(payload: {
             id: string | null;
-            eventSource: "preview" | "contentSettings" | "pageSettings";
+            eventSource: import("@shared/models").UIEventSource;
         }): void;
         setSelectedItemAndFieldName(payload: {
             id: string | null;
             name: string | null;
             index: number | null;
-            eventSource: "preview" | "contentSettings" | "pageSettings" | null;
+            eventSource: import("@shared/models").UIEventSource | null;
         }): void;
         setSelectedItemValue(payload: {
             value: string | null;
@@ -890,34 +902,34 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setSelectedItemImage(payload: {
             selectedItemId: string | null;
             imageUrl: string;
-            width?: number | undefined;
-            height?: number | undefined;
-            colorReplacements?: import("@brand-page").ColorReplacement[] | undefined;
-            aspectRatio?: number | null | undefined;
+            width?: number;
+            height?: number;
+            colorReplacements?: import("@brand-page").ColorReplacement[];
+            aspectRatio?: number | null;
         }): void;
         setSelectedItemMedia(selectedItemId: string | null, mediaPayload: import("../../../shared/my-uploads/models").MediaBaseSelectedPayload): void;
         setItems(payload: {
-            items: import("@shared/content-settings/models").ContentItem<import("@brand-page").Content>[];
+            items: import("../../../shared/content-settings/models").ContentItem<import("@brand-page").Content>[];
         }): void;
-        validateItem(payload: import("@shared/content-settings/models").ValidateItemPayload): void;
+        validateItem(payload: import("../../../shared/content-settings/models").ValidateItemPayload): void;
         validateItems(): Promise<void>;
         triggerLockedContentClickedEvent(payload: {
             type: string;
         }): Promise<void>;
         setActiveCategoryTab(payload: {
-            activeCategoryTab: string;
+            activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
         }): void;
         selectInitialContentCategory(payload: {
             selectedCategory: string;
         }): void;
         initialiseItemState({ item, itemState, }: {
-            item: import("@shared/content-settings/models").ContentItem<import("@brand-page").Content>;
-            itemState?: Partial<import("@shared/content-settings/store").ContentSettingsState> | undefined;
+            item: import("../../../shared/content-settings/models").ContentItem<import("@brand-page").Content>;
+            itemState?: Partial<import("@shared/content-settings/store").ContentSettingsState>;
         }): void;
         initialiseItemGroupState({ id, groupId, groupState, }: {
             id: string;
             groupId: string;
-            groupState?: import("@shared/content-settings/models").ContentSettingsItemGroupState | undefined;
+            groupState?: import("../../../shared/content-settings/models").ContentSettingsItemGroupState;
         }): void;
     }>;
     uiStore: import("pinia").Store<"ui", import("@shared/models").UIRootState, {
@@ -933,14 +945,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             thirdPartySettings: import("@shared/models").UIRootStateThirdPartySettings;
         }): void;
         setDeviceMode({ mode }: {
-            mode: "desktop" | "mobile";
+            mode: import("@shared/models").UiDeviceMode;
         }): void;
         setScreenSizeMode({ mode }: {
-            mode: "desktop" | "mobile";
+            mode: import("@shared/models").UiScreenSizeMode;
         }): void;
         setUserPersonalisationData({ personalisationData, }: {
             personalisationData: UserPersonalisationContent[];
         }): void;
+        setUserPromptContentKey({ userPromptContentKey, }: {
+            userPromptContentKey: string | undefined;
+        }): void;
+        setShowAiTemplatesTab({ showAiTemplatesTab, }: {
+            showAiTemplatesTab: boolean;
+        }): void;
         onBackgroundChanged(): void;
         onContentChanged(): void;
         onStyleChanged(): void;
@@ -953,7 +971,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;
@@ -968,14 +986,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setContentsByActivePage(): void;
         setPageContents({ pageId, contents, }: {
             pageId: string;
-            contents: import("@shared/content-settings/models").ContentItem<import("@brand-page").Content>[];
+            contents: import("../../../shared/content-settings/models").ContentItem<import("@brand-page").Content>[];
         }): void;
         setPages({ pages }: {
             pages: import("../../../shared/page-settings/models").ContentPage[];
         }): void;
         setNewPageModalVisibilityAsync({ isNewPageModalVisible, parentPageId, }: {
             isNewPageModalVisible: boolean;
-            parentPageId?: string | undefined;
+            parentPageId?: string;
         }): Promise<void>;
         addPage({ page }: {
             page: import("../../../shared/page-settings/models").ContentPage;
@@ -990,22 +1008,22 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             pageId: string;
         }): void;
         setPageSettingsSectionValue({ sectionName, propName, index, value, merge, viewport, }: {
-            sectionName: "footer" | "header" | "pages";
-            propName: "copyrightStyle" | "style" | "iconStyle" | "displayStyle" | "backgroundStyle" | "logoImage" | "logoImageStyle" | "isLogoOptional" | "viewport" | "isLogoVisible" | "logoTemplateImage" | "logoImageHeight" | "logoImageWidth" | "navigationStyles" | "navigation" | "logoImageUrl" | "logoDraftToken" | "logoVariation" | "logoImageBase64Url" | "copyrightText" | "socialLinks" | "textFontFamily";
-            index?: number | undefined;
-            value: string | number | boolean | BrandPageCssStyle | import("@brand-page").LinksItem[] | Partial<import("@brand-page").ImageItem> | null | undefined;
-            merge?: boolean | undefined;
+            sectionName: import("@shared/page-settings/store").PageSettingsSection;
+            propName: keyof import("@shared/page-settings/store").PageSettingsStateSectionStyles;
+            index?: number;
+            value: string | boolean | import("@brand-page").LinksItem[] | BrandPageCssStyle | Partial<import("@brand-page").ImageGalleryItem> | number | null | undefined;
+            merge?: boolean;
             viewport: ViewportsType;
         }): void;
         setPageSettingsSectionLogoImage({ sectionName, logoImage, logoTemplateImage, logoImageBase64Url, viewport, keepLogoVariation, logoImageHeight, logoImageWidth, }: {
             logoImage: import("@brand-page").LogoImageModel;
-            logoTemplateImage?: import("@brand-page").LogoTemplateImageModel | undefined;
+            logoTemplateImage?: import("@brand-page").LogoTemplateImageModel;
             logoImageBase64Url: string | undefined;
-            sectionName: "footer" | "header" | "pages";
+            sectionName: import("@shared/page-settings/store").PageSettingsSection;
             viewport: ViewportsType;
-            keepLogoVariation?: boolean | undefined;
-            logoImageHeight?: string | undefined;
-            logoImageWidth?: string | undefined;
+            keepLogoVariation?: boolean;
+            logoImageHeight?: string;
+            logoImageWidth?: string;
         }): void;
         updatePageSettingsSectionLogoImageStyle({ sectionName, viewport, logoImageHeight, logoImageWidth, }: {
             sectionName: string;
@@ -1020,13 +1038,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }): void;
         addNewPage(payload: {
             title: string;
-            newPageParentId?: string | undefined;
+            newPageParentId?: string;
         }): import("../../../shared/page-settings/models").ContentPage;
         setSelectedSectionName({ sectionName, }: {
-            sectionName?: "footer" | "header" | "pages" | undefined;
+            sectionName?: import("@shared/page-settings/store").PageSettingsSection;
         }): void;
         setSectionCollapsedState({ sectionName, isCollapsed, }: {
-            sectionName: "footer" | "header" | "pages";
+            sectionName: import("@shared/page-settings/store").PageSettingsSection;
             isCollapsed: boolean;
         }): void;
         collapseAllSections(): void;
@@ -1057,7 +1075,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             searchTerm: string | undefined;
         }): void;
         _setSelectedTab({ tabName }: {
-            tabName: "AI" | "all" | "categories";
+            tabName: import("@shared/template-settings/models").TemplateTab;
         }): void;
         _setSelectedCategory({ categoryName, }: {
             categoryName: string | undefined;
@@ -1085,7 +1103,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }): void;
         setInitialSearchTerm(payload: {
             initialSearchTerm: string;
-            onSearchTermChanged?: import("@shared/template-settings/store").OnSearchTermChangedCallback | undefined;
+            onSearchTermChanged?: import("@shared/template-settings/store").OnSearchTermChangedCallback;
+        }): void;
+        setAiTemplateKeywords(payload: {
+            aiTemplateKeywords: string;
         }): void;
         notifySearchTermChanged(searchTerm: string | undefined): void;
         clearTemplates(): void;
@@ -1211,7 +1232,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setImageUpload(option: any): void;
         getProductModel(): import("@brand-page/models/shop.model").ProductModel;
     }>;
-    router: import("vue-router").Router;
+    router: import("vue-router")._RouterClassic;
     snapshotStore: import("pinia").Store<"snapshot", import("@brand-page-maker/stores").SnapshotState, {
         hasSnapshot: (state: {
             snapshotBase64: string | null;
@@ -1263,27 +1284,27 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     pageNavigationStore: import("pinia").Store<"pageNavigation", import("@src/shared/page-navigation/store/page-navigation-store").PageNavigationState, {
         nav(): import("@brand-page").NavModel;
     }, {
-        getPageSlugsForDepth(parentRouteId?: string | undefined): string[];
+        getPageSlugsForDepth(parentRouteId?: string): string[];
         getParentRouteIdForPage(pageId: string): string | undefined;
         getParentRouteIdForRoute(routeId: string): string | undefined;
         getFirstOrDefaultRoute(): import("@brand-page").NavRoute;
         setCurrentActivePage({ pageId }: {
-            pageId?: string | undefined;
+            pageId?: string;
         }): void;
         setCurrentActivePageAndGoToPage({ pageId }: {
-            pageId?: string | undefined;
+            pageId?: string;
         }): void;
         setNav({ nav }: {
             nav: import("@brand-page").NavModel;
         }): void;
-        addNavRoute(newRoute: import("@brand-page").NavRoute, parentRouteId?: string | undefined): void;
+        addNavRoute(newRoute: import("@brand-page").NavRoute, parentRouteId?: string): void;
         removeNavRoute(routeId: string): void;
         onDisplayNameChange(routeId: string, newDisplayName: string): void;
         setRouteTitleAndSlugByPageId(pageId: string, displayName: string, slug: string): void;
         updateRouteVisibility(routeId: string, isHidden: boolean): void;
         reorderVisibleAndHiddenRoutes(): void;
         isRouteASubpage(navRouteId: string): boolean;
-        recalculateSlugForRoute(routeId: string, previousParentRouteId?: string | undefined): void;
+        recalculateSlugForRoute(routeId: string, previousParentRouteId?: string): void;
     }>;
 }, {
     mounted: boolean;
@@ -1309,10 +1330,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onCreateTeamCards(payload: {
         cta_location: string;
     }): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "create-team-cards"[], "create-team-cards", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     viewModel: {
         type: PropType<BrandPageMakerViewModel>;
         required: true;
     };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>> & Readonly<{
+    "onCreate-team-cards"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;