npm - @designcrowd/library.brand-page - Versions diffs - 6.0.3 → 6.0.4 - Mend

@designcrowd/library.brand-page 6.0.3 → 6.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (383) hide show

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

@@ -1,15 +1,14 @@
 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: import("@brand-page").ContentType;
+        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";
         settings: {
             content: {
                 id: string;
-                type: import("@brand-page").ContentType;
-                personalisationRole?: import("@brand-page").PersonalisationRole | undefined;
+                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;
                 topPadding?: number | undefined;
                 bottomPadding?: number | undefined;
                 imageUrlOverride?: string | undefined;
@@ -40,23 +39,23 @@ declare const _default: import("vue").DefineComponent<{}, {
         contentErrorCount(): number;
         getContent(state: {
             addContentOptions: {
-                type: import("@brand-page").ContentType;
+                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";
                 category: string;
                 createInitialContent: (options: import("../../models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
                 isLocked: boolean;
-                displayMode?: import("../../../../brand-page-maker/models").ContentSettingsDisplayMode | undefined;
+                displayMode?: "default" | "focused" | undefined;
             }[];
             items: {
                 id: string;
-                type: import("@brand-page").ContentType;
+                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";
                 settings: {
                     content: {
                         id: string;
-                        type: import("@brand-page").ContentType;
-                        personalisationRole?: import("@brand-page").PersonalisationRole | undefined;
+                        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;
                         topPadding?: number | undefined;
                         bottomPadding?: number | undefined;
                         imageUrlOverride?: string | undefined;
@@ -77,37 +76,37 @@ declare const _default: import("vue").DefineComponent<{}, {
             }[];
             itemStates: Record<string, import("../../models").ContentSettingsItemState>;
             modeStack: {
-                mode: import("../../store").ContentSettingsMode;
+                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
             }[];
             selectedItemId: string | null;
-            selectedItemEventSource: import("../../../models").UIEventSource | null;
+            selectedItemEventSource: "preview" | "contentSettings" | "pageSettings" | null;
             selectedItemFieldName: string | null;
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
-            activeCategoryTab: import("../../../../brand-page-maker/models").ItemCategory;
+            activeCategoryTab: string;
         } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string) => import("@brand-page").Content | undefined;
         getFieldSettings(state: {
             addContentOptions: {
-                type: import("@brand-page").ContentType;
+                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";
                 category: string;
                 createInitialContent: (options: import("../../models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
                 isLocked: boolean;
-                displayMode?: import("../../../../brand-page-maker/models").ContentSettingsDisplayMode | undefined;
+                displayMode?: "default" | "focused" | undefined;
             }[];
             items: {
                 id: string;
-                type: import("@brand-page").ContentType;
+                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";
                 settings: {
                     content: {
                         id: string;
-                        type: import("@brand-page").ContentType;
-                        personalisationRole?: import("@brand-page").PersonalisationRole | undefined;
+                        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;
                         topPadding?: number | undefined;
                         bottomPadding?: number | undefined;
                         imageUrlOverride?: string | undefined;
@@ -128,37 +127,37 @@ declare const _default: import("vue").DefineComponent<{}, {
             }[];
             itemStates: Record<string, import("../../models").ContentSettingsItemState>;
             modeStack: {
-                mode: import("../../store").ContentSettingsMode;
+                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
             }[];
             selectedItemId: string | null;
-            selectedItemEventSource: import("../../../models").UIEventSource | null;
+            selectedItemEventSource: "preview" | "contentSettings" | "pageSettings" | null;
             selectedItemFieldName: string | null;
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
-            activeCategoryTab: import("../../../../brand-page-maker/models").ItemCategory;
+            activeCategoryTab: string;
         } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string, fieldName: string) => ContentItemFieldSettings | undefined;
         getItem(state: {
             addContentOptions: {
-                type: import("@brand-page").ContentType;
+                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";
                 category: string;
                 createInitialContent: (options: import("../../models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
                 isLocked: boolean;
-                displayMode?: import("../../../../brand-page-maker/models").ContentSettingsDisplayMode | undefined;
+                displayMode?: "default" | "focused" | undefined;
             }[];
             items: {
                 id: string;
-                type: import("@brand-page").ContentType;
+                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";
                 settings: {
                     content: {
                         id: string;
-                        type: import("@brand-page").ContentType;
-                        personalisationRole?: import("@brand-page").PersonalisationRole | undefined;
+                        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;
                         topPadding?: number | undefined;
                         bottomPadding?: number | undefined;
                         imageUrlOverride?: string | undefined;
@@ -179,37 +178,37 @@ declare const _default: import("vue").DefineComponent<{}, {
             }[];
             itemStates: Record<string, import("../../models").ContentSettingsItemState>;
             modeStack: {
-                mode: import("../../store").ContentSettingsMode;
+                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
             }[];
             selectedItemId: string | null;
-            selectedItemEventSource: import("../../../models").UIEventSource | null;
+            selectedItemEventSource: "preview" | "contentSettings" | "pageSettings" | null;
             selectedItemFieldName: string | null;
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
-            activeCategoryTab: import("../../../../brand-page-maker/models").ItemCategory;
+            activeCategoryTab: string;
         } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string) => ContentItem<any> | undefined;
         getValue(state: {
             addContentOptions: {
-                type: import("@brand-page").ContentType;
+                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";
                 category: string;
                 createInitialContent: (options: import("../../models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
                 isLocked: boolean;
-                displayMode?: import("../../../../brand-page-maker/models").ContentSettingsDisplayMode | undefined;
+                displayMode?: "default" | "focused" | undefined;
             }[];
             items: {
                 id: string;
-                type: import("@brand-page").ContentType;
+                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";
                 settings: {
                     content: {
                         id: string;
-                        type: import("@brand-page").ContentType;
-                        personalisationRole?: import("@brand-page").PersonalisationRole | undefined;
+                        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;
                         topPadding?: number | undefined;
                         bottomPadding?: number | undefined;
                         imageUrlOverride?: string | undefined;
@@ -230,37 +229,37 @@ declare const _default: import("vue").DefineComponent<{}, {
             }[];
             itemStates: Record<string, import("../../models").ContentSettingsItemState>;
             modeStack: {
-                mode: import("../../store").ContentSettingsMode;
+                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
             }[];
             selectedItemId: string | null;
-            selectedItemEventSource: import("../../../models").UIEventSource | null;
+            selectedItemEventSource: "preview" | "contentSettings" | "pageSettings" | null;
             selectedItemFieldName: string | null;
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
-            activeCategoryTab: import("../../../../brand-page-maker/models").ItemCategory;
-        } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string, fieldName: string) => import("@brand-page").Content | string | undefined;
+            activeCategoryTab: string;
+        } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string, fieldName: string) => string | import("@brand-page").Content | undefined;
         getItemState(state: {
             addContentOptions: {
-                type: import("@brand-page").ContentType;
+                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";
                 category: string;
                 createInitialContent: (options: import("../../models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
                 isLocked: boolean;
-                displayMode?: import("../../../../brand-page-maker/models").ContentSettingsDisplayMode | undefined;
+                displayMode?: "default" | "focused" | undefined;
             }[];
             items: {
                 id: string;
-                type: import("@brand-page").ContentType;
+                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";
                 settings: {
                     content: {
                         id: string;
-                        type: import("@brand-page").ContentType;
-                        personalisationRole?: import("@brand-page").PersonalisationRole | undefined;
+                        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;
                         topPadding?: number | undefined;
                         bottomPadding?: number | undefined;
                         imageUrlOverride?: string | undefined;
@@ -281,37 +280,37 @@ declare const _default: import("vue").DefineComponent<{}, {
             }[];
             itemStates: Record<string, import("../../models").ContentSettingsItemState>;
             modeStack: {
-                mode: import("../../store").ContentSettingsMode;
+                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
             }[];
             selectedItemId: string | null;
-            selectedItemEventSource: import("../../../models").UIEventSource | null;
+            selectedItemEventSource: "preview" | "contentSettings" | "pageSettings" | null;
             selectedItemFieldName: string | null;
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
-            activeCategoryTab: import("../../../../brand-page-maker/models").ItemCategory;
+            activeCategoryTab: string;
         } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string) => import("../../models").ContentSettingsItemState;
         getItemGroupState(state: {
             addContentOptions: {
-                type: import("@brand-page").ContentType;
+                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";
                 category: string;
                 createInitialContent: (options: import("../../models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
                 isLocked: boolean;
-                displayMode?: import("../../../../brand-page-maker/models").ContentSettingsDisplayMode | undefined;
+                displayMode?: "default" | "focused" | undefined;
             }[];
             items: {
                 id: string;
-                type: import("@brand-page").ContentType;
+                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";
                 settings: {
                     content: {
                         id: string;
-                        type: import("@brand-page").ContentType;
-                        personalisationRole?: import("@brand-page").PersonalisationRole | undefined;
+                        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;
                         topPadding?: number | undefined;
                         bottomPadding?: number | undefined;
                         imageUrlOverride?: string | undefined;
@@ -332,26 +331,26 @@ declare const _default: import("vue").DefineComponent<{}, {
             }[];
             itemStates: Record<string, import("../../models").ContentSettingsItemState>;
             modeStack: {
-                mode: import("../../store").ContentSettingsMode;
+                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
             }[];
             selectedItemId: string | null;
-            selectedItemEventSource: import("../../../models").UIEventSource | null;
+            selectedItemEventSource: "preview" | "contentSettings" | "pageSettings" | null;
             selectedItemFieldName: string | null;
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
-            activeCategoryTab: import("../../../../brand-page-maker/models").ItemCategory;
+            activeCategoryTab: string;
         } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string, groupId: string) => import("../../models").ContentSettingsItemGroupState;
-        mode(): import("../../store").ContentSettingsMode;
+        mode(): "images" | "pages" | "add" | "edit" | "focusedContentItem";
         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;
+            index?: number | undefined;
         }): void;
         setState(payload: {
             newState: Partial<import("../../store").ContentSettingsState>;
@@ -368,7 +367,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         _setItemSettingsFieldErrorState(payload: import("../../models").SetItemSettingsFieldErrorMessagePayload): void;
         _setSelectedItemId({ id, eventSource, }: {
             id: string | null;
-            eventSource: import("../../../models").UIEventSource | null;
+            eventSource: "preview" | "contentSettings" | "pageSettings" | null;
         }): void;
         _setSelectedItemFieldName({ name: name }: {
             name: string | null;
@@ -382,10 +381,10 @@ declare const _default: import("vue").DefineComponent<{}, {
         _setSelectedItemImage({ selectedItemId, imageUrl, width, height, colorReplacements, aspectRatio, }: {
             selectedItemId: string | null;
             imageUrl: string;
-            width?: number;
-            height?: number;
-            colorReplacements?: import("@brand-page").ColorReplacement[];
-            aspectRatio?: number | null;
+            width?: number | undefined;
+            height?: number | undefined;
+            colorReplacements?: import("@brand-page").ColorReplacement[] | undefined;
+            aspectRatio?: number | null | undefined;
         }): void;
         _setSelectedItemMedia(selectedItemId: string | null, mediaPayload: MediaBaseSelectedPayload): void;
         _setItems({ items }: {
@@ -409,7 +408,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: import("../../../../brand-page-maker/models").ItemCategory;
+            activeCategoryTab: string;
         }): void;
         setItemState({ id, itemState, }: {
             id: string;
@@ -432,7 +431,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         }): void;
         addItemByType({ type, index, }: {
             type: string;
-            index?: number;
+            index?: number | undefined;
         }): ContentItem<import("@brand-page").Content> | undefined;
         deleteItem(payload: {
             id: string;
@@ -444,13 +443,13 @@ declare const _default: import("vue").DefineComponent<{}, {
         updateIsDefaultTextColorRequired(): void;
         setSelectedItemId(payload: {
             id: string | null;
-            eventSource: import("../../../models").UIEventSource;
+            eventSource: "preview" | "contentSettings" | "pageSettings";
         }): void;
         setSelectedItemAndFieldName(payload: {
             id: string | null;
             name: string | null;
             index: number | null;
-            eventSource: import("../../../models").UIEventSource | null;
+            eventSource: "preview" | "contentSettings" | "pageSettings" | null;
         }): void;
         setSelectedItemValue(payload: {
             value: string | null;
@@ -458,10 +457,10 @@ declare const _default: import("vue").DefineComponent<{}, {
         setSelectedItemImage(payload: {
             selectedItemId: string | null;
             imageUrl: string;
-            width?: number;
-            height?: number;
-            colorReplacements?: import("@brand-page").ColorReplacement[];
-            aspectRatio?: number | null;
+            width?: number | undefined;
+            height?: number | undefined;
+            colorReplacements?: import("@brand-page").ColorReplacement[] | undefined;
+            aspectRatio?: number | null | undefined;
         }): void;
         setSelectedItemMedia(selectedItemId: string | null, mediaPayload: MediaBaseSelectedPayload): void;
         setItems(payload: {
@@ -473,29 +472,29 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: string;
         }): Promise<void>;
         setActiveCategoryTab(payload: {
-            activeCategoryTab: import("../../../../brand-page-maker/models").ItemCategory;
+            activeCategoryTab: string;
         }): void;
         selectInitialContentCategory(payload: {
             selectedCategory: string;
         }): void;
         initialiseItemState({ item, itemState, }: {
             item: ContentItem<import("@brand-page").Content>;
-            itemState?: Partial<import("../../store").ContentSettingsState>;
+            itemState?: Partial<import("../../store").ContentSettingsState> | undefined;
         }): void;
         initialiseItemGroupState({ id, groupId, groupState, }: {
             id: string;
             groupId: string;
-            groupState?: import("../../models").ContentSettingsItemGroupState;
+            groupState?: import("../../models").ContentSettingsItemGroupState | undefined;
         }): void;
     }>;
     userStore: import("pinia").Store<"brandPageMakerUser", import("@brand-page-maker/stores").UserState, {}, {
         setUserState(payload: {
-            emailAddress?: string;
-            userToken?: string;
-            isAdmin?: boolean;
-            hasPremiumSubscription?: boolean;
-            brandPageCommissionPercentage?: number;
-            features?: Partial<import("@brand-page-maker/stores").UserFeatures>;
+            emailAddress?: string | undefined;
+            userToken?: string | undefined;
+            isAdmin?: boolean | undefined;
+            hasPremiumSubscription?: boolean | undefined;
+            brandPageCommissionPercentage?: number | undefined;
+            features?: Partial<import("../../../../constants/ui").UIUserFeatures> | undefined;
         }): void;
     }>;
     pageSettingsStore: import("pinia").Store<"uiPageSettings", import("../../../page-settings/store").PageSettingsState, {
@@ -515,7 +514,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         }): void;
         setNewPageModalVisibilityAsync({ isNewPageModalVisible, parentPageId, }: {
             isNewPageModalVisible: boolean;
-            parentPageId?: string;
+            parentPageId?: string | undefined;
         }): Promise<void>;
         addPage({ page }: {
             page: import("../../../page-settings/models").ContentPage;
@@ -530,22 +529,22 @@ declare const _default: import("vue").DefineComponent<{}, {
             pageId: string;
         }): void;
         setPageSettingsSectionValue({ sectionName, propName, index, value, merge, viewport, }: {
-            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;
+            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;
             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;
+            logoTemplateImage?: import("@brand-page").LogoTemplateImageModel | undefined;
             logoImageBase64Url: string | undefined;
-            sectionName: import("../../../page-settings/store").PageSettingsSection;
+            sectionName: "footer" | "header" | "pages";
             viewport: import("@brand-page").ViewportsType;
-            keepLogoVariation?: boolean;
-            logoImageHeight?: string;
-            logoImageWidth?: string;
+            keepLogoVariation?: boolean | undefined;
+            logoImageHeight?: string | undefined;
+            logoImageWidth?: string | undefined;
         }): void;
         updatePageSettingsSectionLogoImageStyle({ sectionName, viewport, logoImageHeight, logoImageWidth, }: {
             sectionName: string;
@@ -560,13 +559,13 @@ declare const _default: import("vue").DefineComponent<{}, {
         }): void;
         addNewPage(payload: {
             title: string;
-            newPageParentId?: string;
+            newPageParentId?: string | undefined;
         }): import("../../../page-settings/models").ContentPage;
         setSelectedSectionName({ sectionName, }: {
-            sectionName?: import("../../../page-settings/store").PageSettingsSection;
+            sectionName?: "footer" | "header" | "pages" | undefined;
         }): void;
         setSectionCollapsedState({ sectionName, isCollapsed, }: {
-            sectionName: import("../../../page-settings/store").PageSettingsSection;
+            sectionName: "footer" | "header" | "pages";
             isCollapsed: boolean;
         }): void;
         collapseAllSections(): void;
@@ -580,7 +579,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         brandPageToken(): string | undefined;
         brandPageDescription(): string;
         brandPageSlug(): string;
-        brandPageTemplate(): import("@brand-page").BrandPageData;
+        brandPageTemplate(): any;
         brandPageTitle(): string;
         brandPageViewModel(): import("@brand-page").BrandPageViewModel;
         gettyVideoIds(): string[];
@@ -595,7 +594,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         showBrandCrowdLogo(): boolean;
     }, {
         setMode(payload: {
-            mode: import("@brand-page-maker/stores").BrandPageSettingsMode;
+            mode: "images" | "edit";
         }): void;
         setFaviconUrl(payload: {
             faviconUrl: string | undefined;
@@ -639,7 +638,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         enqueueContentErrorMessage(): void;
         dequeueNotificationMessageQueue(): void;
         setCurrentNotificationMessage(payload: {
-            message: import("@brand-page-maker/stores").NotificationMessage | false;
+            message: false | import("@brand-page-maker/stores").NotificationMessage;
         }): void;
         setIsApplyingTemplate(payload: import("@brand-page-maker/stores").IsApplyingTemplatePayload): void;
         setIsPageNavigating(isPageNavigating: boolean): void;
@@ -658,9 +657,9 @@ declare const _default: import("vue").DefineComponent<{}, {
         applySelectedTemplate(): Promise<void>;
         enqueueErrorMessage(): Promise<void>;
         enqueueSaveSuccessMessage(payload?: {
-            description?: string;
-            isPublished?: boolean;
-            noDescription?: boolean;
+            description?: string | undefined;
+            isPublished?: boolean | undefined;
+            noDescription?: boolean | undefined;
         }): Promise<void>;
         hideChangeTemplateConfirmModal(): void;
         onBackgroundChanged(): void;
@@ -676,16 +675,16 @@ declare const _default: import("vue").DefineComponent<{}, {
             content: TContent;
         }>(payload: P): Promise<void>;
         _captureTemplateSwitchIfEnabled(): 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;
+        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;
         _fallbackSidebarIfSelectedContentMissing(snapshot: import("@brand-page").BrandPageModel): void;
         export(): import("@brand-page").BrandPageModel;
         setBrandPageType({ brandPageType }: {
-            brandPageType: import("@brand-page").BrandPageType;
+            brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
         initialiseStoresByBrandPageModelAsync(brandPageModel: import("@brand-page").BrandPageModel): 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>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, layout, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("@brand-page").PageModel[];
             sections: import("../../../page-settings/store").PageSettingsStateSections;
@@ -713,7 +712,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             viewport: import("@brand-page").ViewportsType;
         }): void;
         showStripeOnboardingModal(): Promise<void>;
-        selectInitialCategories(payload: import("@brand-page-maker/stores").SelectedCategoryPayload): void;
+        selectInitialCategories(payload: import("../../../template-settings/models").InitialCategories): void;
     }>;
     videoStore: import("pinia").Store<"video", import("@brand-page-maker/stores").videoStoreState, {
         getVideoUrlsForToken: (state: {
@@ -782,15 +781,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) => void;
+        sendUpsellOpenEvent: (cta_location?: string | undefined) => void;
         sendDomainUpsellOpenEvent: () => void;
         sendDomainUpsellContinuationEvent: (continuation: string) => void;
         sendUpsellContinuationEvent: (continuation: string) => void;
         sendPublishOpenEvent: () => void;
         appendPublishBridgeState: (props: any) => void;
         sendPublishContinuationEvent: (continuation: string, domain: string | null) => void;
-        sendWebsiteManageAddPageEvent: (pageName: string, isSubPageMode?: boolean) => void;
-        sendWebsiteManageRemovePageEvent: (pageName: string, isRouteNested?: boolean) => void;
+        sendWebsiteManageAddPageEvent: (pageName: string, isSubPageMode?: boolean | undefined) => void;
+        sendWebsiteManageRemovePageEvent: (pageName: string, isRouteNested?: boolean | undefined) => void;
         sendWebsiteManageReorderPageEvent: (pageName: string) => void;
         sendPublishOptionsForFreeEvent: () => void;
         sendPublishOptionsForPremiumEvent: () => void;
@@ -799,8 +798,8 @@ declare const _default: import("vue").DefineComponent<{}, {
         sendTemplateSelectEvent: (templateId: string) => void;
         sendTemplateCategorySelectEvent: (category: string) => void;
         sendSidebarCategoryClickedEvent: (tabName: string) => void;
-        sendAddContentEvent: (contentType: string, selectLocation?: string, contentCategory?: string, triggerType?: string) => void;
-        sendRemoveContentEvent: (contentType: string, selectLocation?: string, contentCategory?: string, triggerType?: string) => void;
+        sendAddContentEvent: (contentType: string, selectLocation?: string | undefined, contentCategory?: string | undefined, triggerType?: string) => void;
+        sendRemoveContentEvent: (contentType: string, selectLocation?: string | undefined, contentCategory?: string | undefined, triggerType?: string) => void;
         sendAddContentContinuationEvent: (continuation: string) => void;
         sendUpsellOfferEvent: (upsellType: string) => void;
         sendUpsellOfferActionEvent: (upsellType: string, action: string) => void;
@@ -817,8 +816,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;