@designcrowd/library.brand-page 5.19.2 → 6.0.0

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

@@ -1,5 +1,5 @@
 import type { AddContentOption, ContentItem, ContentItemFieldSettings, ContentSettingsItemGroupState, ContentSettingsItemState, SetItemSettingsFieldErrorMessagePayload, UpdateItemValuePayload, UpdateMultipleItemValuesPayload, ValidateItemPayload } from '../models';
-import type { ColorReplacement, Content } from '@brand-page';
+import type { ColorReplacement, Content, ContentType } from '@brand-page';
 import type { UIEventSource } from '../../models';
 import type { ContentSettingsConfig, ItemCategory } from '@brand-page-maker/models';
 import type { MediaBaseSelectedPayload } from '../../my-uploads/models';
@@ -34,23 +34,23 @@ export declare const useUiContentSettingsStore: import("pinia").StoreDefinition<
     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: ContentType;
             category: string;
             createInitialContent: (options: import("../models").CreateInitialContentOptions) => 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: 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: ContentType;
+                    personalisationRole?: import("@brand-page").PersonalisationRole | undefined;
                     topPadding?: number | undefined;
                     bottomPadding?: number | undefined;
                     imageUrlOverride?: string | undefined;
@@ -85,23 +85,23 @@ export declare const useUiContentSettingsStore: import("pinia").StoreDefinition<
     } & import("pinia").PiniaCustomStateProperties<ContentSettingsState>): (id: string) => 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: ContentType;
             category: string;
             createInitialContent: (options: import("../models").CreateInitialContentOptions) => 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: 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: ContentType;
+                    personalisationRole?: import("@brand-page").PersonalisationRole | undefined;
                     topPadding?: number | undefined;
                     bottomPadding?: number | undefined;
                     imageUrlOverride?: string | undefined;
@@ -136,23 +136,23 @@ export declare const useUiContentSettingsStore: import("pinia").StoreDefinition<
     } & import("pinia").PiniaCustomStateProperties<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: ContentType;
             category: string;
             createInitialContent: (options: import("../models").CreateInitialContentOptions) => 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: 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: ContentType;
+                    personalisationRole?: import("@brand-page").PersonalisationRole | undefined;
                     topPadding?: number | undefined;
                     bottomPadding?: number | undefined;
                     imageUrlOverride?: string | undefined;
@@ -187,23 +187,23 @@ export declare const useUiContentSettingsStore: import("pinia").StoreDefinition<
     } & import("pinia").PiniaCustomStateProperties<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: ContentType;
             category: string;
             createInitialContent: (options: import("../models").CreateInitialContentOptions) => 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: 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: ContentType;
+                    personalisationRole?: import("@brand-page").PersonalisationRole | undefined;
                     topPadding?: number | undefined;
                     bottomPadding?: number | undefined;
                     imageUrlOverride?: string | undefined;
@@ -238,23 +238,23 @@ export declare const useUiContentSettingsStore: import("pinia").StoreDefinition<
     } & import("pinia").PiniaCustomStateProperties<ContentSettingsState>): (id: string, fieldName: string) => 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: ContentType;
             category: string;
             createInitialContent: (options: import("../models").CreateInitialContentOptions) => 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: 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: ContentType;
+                    personalisationRole?: import("@brand-page").PersonalisationRole | undefined;
                     topPadding?: number | undefined;
                     bottomPadding?: number | undefined;
                     imageUrlOverride?: string | undefined;
@@ -289,23 +289,23 @@ export declare const useUiContentSettingsStore: import("pinia").StoreDefinition<
     } & import("pinia").PiniaCustomStateProperties<ContentSettingsState>): (id: string) => 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: ContentType;
             category: string;
             createInitialContent: (options: import("../models").CreateInitialContentOptions) => 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: 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: ContentType;
+                    personalisationRole?: import("@brand-page").PersonalisationRole | undefined;
                     topPadding?: number | undefined;
                     bottomPadding?: number | undefined;
                     imageUrlOverride?: string | undefined;
@@ -345,7 +345,7 @@ export declare const useUiContentSettingsStore: import("pinia").StoreDefinition<
     onContentChanged(): void;
     _addItem({ item, index, }: {
         item: ContentItem<any>;
-        index?: number | undefined;
+        index?: number;
     }): void;
     setState(payload: {
         newState: Partial<ContentSettingsState>;
@@ -376,10 +376,10 @@ export declare const useUiContentSettingsStore: import("pinia").StoreDefinition<
     _setSelectedItemImage({ selectedItemId, imageUrl, width, height, colorReplacements, aspectRatio, }: {
         selectedItemId: string | null;
         imageUrl: string;
-        width?: number | undefined;
-        height?: number | undefined;
-        colorReplacements?: ColorReplacement[] | undefined;
-        aspectRatio?: number | null | undefined;
+        width?: number;
+        height?: number;
+        colorReplacements?: ColorReplacement[];
+        aspectRatio?: number | null;
     }): void;
     _setSelectedItemMedia(selectedItemId: string | null, mediaPayload: MediaBaseSelectedPayload): void;
     _setItems({ items }: {
@@ -426,7 +426,7 @@ export declare const useUiContentSettingsStore: import("pinia").StoreDefinition<
     }): void;
     addItemByType({ type, index, }: {
         type: string;
-        index?: number | undefined;
+        index?: number;
     }): ContentItem<Content> | undefined;
     deleteItem(payload: {
         id: string;
@@ -474,11 +474,11 @@ export declare const useUiContentSettingsStore: import("pinia").StoreDefinition<
     }): void;
     initialiseItemState({ item, itemState, }: {
         item: ContentItem<Content>;
-        itemState?: Partial<ContentSettingsState> | undefined;
+        itemState?: Partial<ContentSettingsState>;
     }): void;
     initialiseItemGroupState({ id, groupId, groupState, }: {
         id: string;
         groupId: string;
-        groupState?: ContentSettingsItemGroupState | undefined;
+        groupState?: ContentSettingsItemGroupState;
     }): void;
 }>;

package/lib/src/shared/content-settings/utils.js

@@ -1,4 +1,3 @@
-import { ESCAPED_NEWLINE_CHARACTER } from '../../constants/ui';
 import { CONTENT_SETTINGS_CONFIGS } from '@brand-page-maker/constants';
 import { contentSettingsTr } from '@src/composables/useTranslate';
 export function isUpdateItemValuePayload(payload) {

package/lib/src/shared/font-family-selector/FontFamilySelector.mixin.d.ts

@@ -7,7 +7,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: true;
     };
     value: {
-        type: PropType<string>;
+        type: PropType<FontFamilyName>;
         required: true;
     };
 }>, {}, {
@@ -29,14 +29,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     getCategoryForFont(fontName: FontFamilyName): FontFamilyCategory | null;
     onFontFamilyButtonClick(fontFamilyOption: StyleTextFontFamilyOption): void;
     onFontFamilyCategorySelected(category: FontFamilyCategory): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "on-select"[], "on-select", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     fontFamilyOptions: {
         type: PropType<StyleTextFontFamilyOption[]>;
         required: true;
     };
     value: {
-        type: PropType<string>;
+        type: PropType<FontFamilyName>;
         required: true;
     };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>> & Readonly<{
+    "onOn-select"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/src/shared/font-family-selector/FontFamilySelector.mixin.js

@@ -11,6 +11,7 @@ export default defineComponent({
             required: true,
         },
     },
+    emits: ['on-select'],
     data() {
         return {
             fontFamilyCategories: Object.values(FONT_FAMILY_CATEGORIES()),

package/lib/src/shared/image-gallery-style-settings/ImageGalleryStyleSettings.mixin.d.ts

@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>, {}, {}, {}, {
     onGalleryTypeClick(galleryType: GalleryType): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "gallery-type-selected"[], "gallery-type-selected", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     availableGalleryTypes: {
         type: ArrayConstructor;
         required: true;
@@ -22,7 +22,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: false;
         default: undefined;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    "onGallery-type-selected"?: ((...args: any[]) => any) | undefined;
+}>, {
     galleryStyles: GalleryStyles;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/src/shared/image-gallery-style-settings/ImageGalleryStyleSettings.mixin.js

@@ -11,6 +11,7 @@ export default defineComponent({
             default: undefined,
         },
     },
+    emits: ['gallery-type-selected'],
     methods: {
         onGalleryTypeClick(galleryType) {
             this.$emit('gallery-type-selected', galleryType);

package/lib/src/shared/logo-settings/components/EditLogoSettings.mixin.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="types/lodash-shims" />
 import { type GradientObject } from '../store/editable-logo-store';
 import type { BpColorPickerGradient } from '@brand-page-maker/components/color-picker/BpColorPickerV2.mixin';
 declare const _default: import("vue").DefineComponent<{}, {
@@ -98,8 +97,8 @@ declare const _default: import("vue").DefineComponent<{}, {
     }, {
         setStateAsync(payload: {
             newState: import("../store/editable-logo-store").SetStateAsyncPayload;
-            defaultPrimaryText?: string | undefined;
-            defaultLayout?: string | undefined;
+            defaultPrimaryText?: string;
+            defaultLayout?: string;
         }): Promise<void>;
         resetLogoEdits(): void;
         setLogoDraftToken(logoDraftToken: string): void;
@@ -110,11 +109,11 @@ declare const _default: import("vue").DefineComponent<{}, {
         updateLogoEdit(templateMetaString: string, draftMetaString: string | null): void;
         getEditableLogoVariationByVariationId(id: number): any;
         getEditableLogoVariationByBase64(base64: string): any;
-        updateEditableLogoImageUrlAsync(defaultPrimaryText?: string | undefined, overrideLogoVariation?: number | undefined, layout?: string | undefined): Promise<void>;
-        stampLogoBase64IntoBrandPageData(overrideLogoVariation?: number | undefined): void;
+        updateEditableLogoImageUrlAsync(defaultPrimaryText?: string, overrideLogoVariation?: number | undefined, layout?: string): Promise<void>;
+        stampLogoBase64IntoBrandPageData(overrideLogoVariation?: number): void;
         restoreVariationsForDraftToken(logoDraftToken: string): boolean;
-        updateMetadataAsync(defaultPrimaryText?: string | undefined, resetLogoTemplateMetadata?: boolean, layout?: string | undefined): Promise<void>;
-        updateEditableLogoImageByVariationAsync(editableLogoVariation: import("../store/editable-logo-store").EditableLogoVariation, defaultPrimaryText?: string | undefined, layout?: string | undefined): Promise<import("../../../clients/fabric-render-client").ModifyLogoDataResponse | null>;
+        updateMetadataAsync(defaultPrimaryText?: string, resetLogoTemplateMetadata?: boolean, layout?: string): Promise<void>;
+        updateEditableLogoImageByVariationAsync(editableLogoVariation: import("../store/editable-logo-store").EditableLogoVariation, defaultPrimaryText?: string, layout?: string): Promise<import("../../../clients/fabric-render-client").ModifyLogoDataResponse | null>;
         getDraftMetadata(logoDraftToken: string): string | undefined;
         upsertDraftMetadata(metadata: string): void;
         isS3TokenExpired(expiryDate: string | undefined): boolean;
@@ -123,8 +122,8 @@ declare const _default: import("vue").DefineComponent<{}, {
             returnJson: boolean;
             dimensionType: string;
             variationType: string;
-            defaultPrimaryText?: string | undefined;
-            layout?: string | undefined;
+            defaultPrimaryText?: string;
+            layout?: string;
         }): Promise<import("../../../clients/fabric-render-client").ModifyLogoDataResponse | null>;
     }>;
     logoStore: import("pinia").Store<"uiLogoSettings", import("../store/logo-settings-store").LogoSettingsState, {
@@ -133,7 +132,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             logoImageBase64Url: string | undefined;
         };
         selectedLogoTemplateImage(): import("../../../brand-page").LogoTemplateImageModel | undefined;
-        logoVariationImageUrls(): Record<number, string>;
+        logoVariationImageUrls(): Record<import("../../../brand-page").LogoVariation, string>;
     }, {
         redirectToCreateNewDesignPage(): Promise<void>;
         setState(payload: {
@@ -142,7 +141,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         addDefaultLogoContentToCurrentPage(): void;
         setLogoImageToAllContentsAndSections({ logoImage, keepLogoVariation, }: {
             logoImage: import("../../../brand-page").LogoImageModel;
-            keepLogoVariation?: boolean | undefined;
+            keepLogoVariation?: boolean;
         }): void;
         setSelectedLogoImage(selectedLogoImage: import("../../../brand-page").LogoImageModel): void;
         setSelectedLogoImageToAll(payload: import("../store/logo-settings-store").SetSelectedLogoImagePayload): void;
@@ -163,10 +162,10 @@ declare const _default: import("vue").DefineComponent<{}, {
             thirdPartySettings: import("../../models").UIRootStateThirdPartySettings;
         }): void;
         setDeviceMode({ mode }: {
-            mode: "desktop" | "mobile";
+            mode: import("../../models").UiDeviceMode;
         }): void;
         setScreenSizeMode({ mode }: {
-            mode: "desktop" | "mobile";
+            mode: import("../../models").UiScreenSizeMode;
         }): void;
         setUserPersonalisationData({ personalisationData, }: {
             personalisationData: import("../../../brand-page").UserPersonalisationContent[];
@@ -189,7 +188,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             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;
@@ -219,7 +218,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             searchTerm: string | undefined;
         }): void;
         _setSelectedTab({ tabName }: {
-            tabName: "AI" | "all" | "categories";
+            tabName: import("../../template-settings/models").TemplateTab;
         }): void;
         _setSelectedCategory({ categoryName, }: {
             categoryName: string | undefined;
@@ -247,7 +246,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         }): void;
         setInitialSearchTerm(payload: {
             initialSearchTerm: string;
-            onSearchTermChanged?: import("../../template-settings/store").OnSearchTermChangedCallback | undefined;
+            onSearchTermChanged?: import("../../template-settings/store").OnSearchTermChangedCallback;
         }): void;
         setAiTemplateKeywords(payload: {
             aiTemplateKeywords: string;
@@ -289,15 +288,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;
@@ -306,8 +305,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;

package/lib/src/shared/logo-settings/components/EditLogoSettings.mixin.js

@@ -158,7 +158,7 @@ export default defineComponent({
                         y1: 0,
                         y2: 1,
                     },
-                    colorStops: newColor.colors.map((c, i) => {
+                    colorStops: newColor.colors.map((c, _i) => {
                         return {
                             color: c.color,
                             offset: c.pos / 100,