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

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

@@ -1,14 +1,17 @@
 import type { ContentItem, ContentItemFieldSettings, ReplaceImageSettingsBase, ReplaceImageSettingsTabId } from '../../models';
 import type { MediaBaseSelectedPayload, UserMediaItemWithDimensions } from '../../../my-uploads/models';
+import type { PageSettingsStateSectionStyles } from '../../../page-settings/store';
 declare const _default: import("vue").DefineComponent<{}, {
     items: import("vue").ComputedRef<{
         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;
@@ -37,23 +40,25 @@ declare const _default: import("vue").DefineComponent<{}, {
         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("../../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;
@@ -72,37 +77,39 @@ declare const _default: import("vue").DefineComponent<{}, {
             }[];
             itemStates: Record<string, import("../../models").ContentSettingsItemState>;
             modeStack: {
-                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
+                mode: import("../../store").ContentSettingsMode;
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
             }[];
             selectedItemId: string | null;
-            selectedItemEventSource: "preview" | "contentSettings" | "pageSettings" | null;
+            selectedItemEventSource: import("../../../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("../../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("../../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;
@@ -121,37 +128,39 @@ declare const _default: import("vue").DefineComponent<{}, {
             }[];
             itemStates: Record<string, import("../../models").ContentSettingsItemState>;
             modeStack: {
-                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
+                mode: import("../../store").ContentSettingsMode;
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
             }[];
             selectedItemId: string | null;
-            selectedItemEventSource: "preview" | "contentSettings" | "pageSettings" | null;
+            selectedItemEventSource: import("../../../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("../../store").ContentSettingsState>): (id: string, fieldName: string) => 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("../../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;
@@ -170,37 +179,39 @@ declare const _default: import("vue").DefineComponent<{}, {
             }[];
             itemStates: Record<string, import("../../models").ContentSettingsItemState>;
             modeStack: {
-                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
+                mode: import("../../store").ContentSettingsMode;
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
             }[];
             selectedItemId: string | null;
-            selectedItemEventSource: "preview" | "contentSettings" | "pageSettings" | null;
+            selectedItemEventSource: import("../../../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("../../store").ContentSettingsState>): (id: string) => 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("../../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;
@@ -219,37 +230,39 @@ declare const _default: import("vue").DefineComponent<{}, {
             }[];
             itemStates: Record<string, import("../../models").ContentSettingsItemState>;
             modeStack: {
-                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
+                mode: import("../../store").ContentSettingsMode;
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
             }[];
             selectedItemId: string | null;
-            selectedItemEventSource: "preview" | "contentSettings" | "pageSettings" | null;
+            selectedItemEventSource: import("../../../models").UIEventSource | null;
             selectedItemFieldName: string | null;
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
-            activeCategoryTab: string;
-        } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string, fieldName: string) => string | import("@brand-page").Content | undefined;
+            activeCategoryTab: import("../../../../brand-page-maker/models").ItemCategory;
+        } & import("pinia").PiniaCustomStateProperties<import("../../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("../../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;
@@ -268,37 +281,39 @@ declare const _default: import("vue").DefineComponent<{}, {
             }[];
             itemStates: Record<string, import("../../models").ContentSettingsItemState>;
             modeStack: {
-                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
+                mode: import("../../store").ContentSettingsMode;
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
             }[];
             selectedItemId: string | null;
-            selectedItemEventSource: "preview" | "contentSettings" | "pageSettings" | null;
+            selectedItemEventSource: import("../../../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("../../store").ContentSettingsState>): (id: string) => import("../../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("../../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;
@@ -317,26 +332,26 @@ declare const _default: import("vue").DefineComponent<{}, {
             }[];
             itemStates: Record<string, import("../../models").ContentSettingsItemState>;
             modeStack: {
-                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
+                mode: import("../../store").ContentSettingsMode;
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
             }[];
             selectedItemId: string | null;
-            selectedItemEventSource: "preview" | "contentSettings" | "pageSettings" | null;
+            selectedItemEventSource: import("../../../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("../../store").ContentSettingsState>): (id: string, groupId: string) => import("../../models").ContentSettingsItemGroupState;
-        mode(): "images" | "pages" | "add" | "edit" | "focusedContentItem";
+        mode(): import("../../store").ContentSettingsMode;
         selectedItem(): ContentItem<any> | undefined;
-        selectedItemTemplate(): import("../../../../brand-page-maker/models").ContentSettingsConfig<any, {}> | undefined;
+        selectedItemTemplate(): import("../../../../brand-page-maker/models").ContentSettingsConfig<any> | undefined;
     }, {
         onContentChanged(): void;
         _addItem({ item, index, }: {
             item: ContentItem<any>;
-            index?: number | undefined;
+            index?: number;
         }): void;
         setState(payload: {
             newState: Partial<import("../../store").ContentSettingsState>;
@@ -353,7 +368,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         _setItemSettingsFieldErrorState(payload: import("../../models").SetItemSettingsFieldErrorMessagePayload): void;
         _setSelectedItemId({ id, eventSource, }: {
             id: string | null;
-            eventSource: "preview" | "contentSettings" | "pageSettings" | null;
+            eventSource: import("../../../models").UIEventSource | null;
         }): void;
         _setSelectedItemFieldName({ name: name }: {
             name: string | null;
@@ -367,10 +382,10 @@ declare const _default: import("vue").DefineComponent<{}, {
         _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: MediaBaseSelectedPayload): void;
         _setItems({ items }: {
@@ -394,7 +409,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         updateTextItemTextStyleType({ id, name, value, index, }: import("../../models").UpdateMultipleItemValuesPayload<any>): void;
         updateTextItemTextStyleTypeWithStyles({ id, name, value, index, }: import("../../models").UpdateMultipleItemValuesPayload<any>): void;
         _setActiveCategoryTab({ activeCategoryTab, }: {
-            activeCategoryTab: string;
+            activeCategoryTab: import("../../../../brand-page-maker/models").ItemCategory;
         }): void;
         setItemState({ id, itemState, }: {
             id: string;
@@ -417,7 +432,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         }): void;
         addItemByType({ type, index, }: {
             type: string;
-            index?: number | undefined;
+            index?: number;
         }): ContentItem<import("@brand-page").Content> | undefined;
         deleteItem(payload: {
             id: string;
@@ -429,13 +444,13 @@ declare const _default: import("vue").DefineComponent<{}, {
         updateIsDefaultTextColorRequired(): void;
         setSelectedItemId(payload: {
             id: string | null;
-            eventSource: "preview" | "contentSettings" | "pageSettings";
+            eventSource: import("../../../models").UIEventSource;
         }): void;
         setSelectedItemAndFieldName(payload: {
             id: string | null;
             name: string | null;
             index: number | null;
-            eventSource: "preview" | "contentSettings" | "pageSettings" | null;
+            eventSource: import("../../../models").UIEventSource | null;
         }): void;
         setSelectedItemValue(payload: {
             value: string | null;
@@ -443,10 +458,10 @@ declare const _default: import("vue").DefineComponent<{}, {
         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: MediaBaseSelectedPayload): void;
         setItems(payload: {
@@ -458,29 +473,29 @@ declare const _default: import("vue").DefineComponent<{}, {
             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: ContentItem<import("@brand-page").Content>;
-            itemState?: Partial<import("../../store").ContentSettingsState> | undefined;
+            itemState?: Partial<import("../../store").ContentSettingsState>;
         }): void;
         initialiseItemGroupState({ id, groupId, groupState, }: {
             id: string;
             groupId: string;
-            groupState?: import("../../models").ContentSettingsItemGroupState | undefined;
+            groupState?: import("../../models").ContentSettingsItemGroupState;
         }): 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<import("@brand-page-maker/stores").UserFeatures>;
         }): void;
     }>;
     pageSettingsStore: import("pinia").Store<"uiPageSettings", import("../../../page-settings/store").PageSettingsState, {
@@ -500,7 +515,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         }): void;
         setNewPageModalVisibilityAsync({ isNewPageModalVisible, parentPageId, }: {
             isNewPageModalVisible: boolean;
-            parentPageId?: string | undefined;
+            parentPageId?: string;
         }): Promise<void>;
         addPage({ page }: {
             page: import("../../../page-settings/models").ContentPage;
@@ -515,22 +530,22 @@ declare const _default: import("vue").DefineComponent<{}, {
             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("../../../page-settings/store").PageSettingsSection;
+            propName: keyof PageSettingsStateSectionStyles;
+            index?: number;
+            value: string | boolean | import("@brand-page").LinksItem[] | BrandPageCssStyle | Partial<import("@brand-page").ImageGalleryItem> | number | null | undefined;
+            merge?: boolean;
             viewport: import("@brand-page").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("../../../page-settings/store").PageSettingsSection;
             viewport: import("@brand-page").ViewportsType;
-            keepLogoVariation?: boolean | undefined;
-            logoImageHeight?: string | undefined;
-            logoImageWidth?: string | undefined;
+            keepLogoVariation?: boolean;
+            logoImageHeight?: string;
+            logoImageWidth?: string;
         }): void;
         updatePageSettingsSectionLogoImageStyle({ sectionName, viewport, logoImageHeight, logoImageWidth, }: {
             sectionName: string;
@@ -545,13 +560,13 @@ declare const _default: import("vue").DefineComponent<{}, {
         }): void;
         addNewPage(payload: {
             title: string;
-            newPageParentId?: string | undefined;
+            newPageParentId?: string;
         }): import("../../../page-settings/models").ContentPage;
         setSelectedSectionName({ sectionName, }: {
-            sectionName?: "footer" | "header" | "pages" | undefined;
+            sectionName?: import("../../../page-settings/store").PageSettingsSection;
         }): void;
         setSectionCollapsedState({ sectionName, isCollapsed, }: {
-            sectionName: "footer" | "header" | "pages";
+            sectionName: import("../../../page-settings/store").PageSettingsSection;
             isCollapsed: boolean;
         }): void;
         collapseAllSections(): void;
@@ -565,7 +580,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         brandPageToken(): string | undefined;
         brandPageDescription(): string;
         brandPageSlug(): string;
-        brandPageTemplate(): any;
+        brandPageTemplate(): import("@brand-page").BrandPageData;
         brandPageTitle(): string;
         brandPageViewModel(): import("@brand-page").BrandPageViewModel;
         gettyVideoIds(): string[];
@@ -580,7 +595,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         showBrandCrowdLogo(): boolean;
     }, {
         setMode(payload: {
-            mode: "images" | "edit";
+            mode: import("@brand-page-maker/stores").BrandPageSettingsMode;
         }): void;
         setFaviconUrl(payload: {
             faviconUrl: string | undefined;
@@ -624,7 +639,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         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;
@@ -643,9 +658,9 @@ declare const _default: import("vue").DefineComponent<{}, {
         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;
@@ -661,16 +676,16 @@ declare const _default: import("vue").DefineComponent<{}, {
             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: import("@brand-page").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("../../../page-settings/store").PageSettingsStateSections;
@@ -698,7 +713,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             viewport: import("@brand-page").ViewportsType;
         }): void;
         showStripeOnboardingModal(): Promise<void>;
-        selectInitialCategories(payload: import("../../../template-settings/models").InitialCategories): void;
+        selectInitialCategories(payload: import("@brand-page-maker/stores").SelectedCategoryPayload): void;
     }>;
     videoStore: import("pinia").Store<"video", import("@brand-page-maker/stores").videoStoreState, {
         getVideoUrlsForToken: (state: {
@@ -767,15 +782,15 @@ declare const _default: import("vue").DefineComponent<{}, {
         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;
@@ -784,8 +799,8 @@ declare const _default: import("vue").DefineComponent<{}, {
         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;
@@ -802,8 +817,8 @@ declare const _default: import("vue").DefineComponent<{}, {
     imageSettings(): ReplaceImageSettingsBase;
 }, {
     onBack(): void;
-    onImageSelected(image: Pick<UserMediaItemWithDimensions, 'url' | 'minimisedUrl' | 'width' | 'height'>): void;
-    onImageRemoved(image: Pick<UserMediaItemWithDimensions, 'url' | 'minimisedUrl' | 'width' | 'height'>): void;
+    onImageSelected(image: Pick<UserMediaItemWithDimensions, "url" | "minimisedUrl" | "width" | "height">): void;
+    onImageRemoved(image: Pick<UserMediaItemWithDimensions, "url" | "minimisedUrl" | "width" | "height">): void;
     isCurrentlyVideoBackground(): boolean;
     onDesignSelected(image: UserMediaItemWithDimensions): void;
     onShapeSelected(image: any): void;