@designcrowd/library.brand-page 5.19.2 → 6.0.0

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

@@ -1,4 +1,3 @@
-import type { ContentItem } from '@shared/content-settings/models';
 import type { CreateWebsiteByoUploadResult } from '@shared/website-byo-upload/WebsiteByoUploadModels';
 export interface Tab {
     id: 'VARIATIONS' | 'VERSIONS';
@@ -14,7 +13,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: {
@@ -23,7 +22,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").SetSelectedLogoImagePayload): void;
@@ -39,7 +38,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[];
@@ -54,7 +53,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;
@@ -90,7 +89,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             isCookiePreviewEnabled: boolean;
         }): void;
         setFieldSettings(payload: {
-            settings: import("@shared/content-settings/models").FieldSettingsBase;
+            settings: import("../../content-settings/models").FieldSettingsBase;
         }): void;
         enqueueNotificationMessage({ message, }: {
             message: import("@brand-page-maker/stores").NotificationMessage;
@@ -98,7 +97,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;
@@ -117,9 +116,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;
@@ -135,16 +134,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, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, shopConfigData: _shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../brand-page").PageModel[];
             sections: import("@shared/page-settings/store").PageSettingsStateSections;
@@ -172,11 +171,11 @@ 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;
     }>;
     logoStore: import("pinia").Store<"logoStore", import("@brand-page-maker/stores").LogoStoreState, {}, {
         initialise(payload: {
-            logoTemplateAsset?: import("@brand-page-maker/stores").LogoTemplateAsset | undefined;
+            logoTemplateAsset?: import("@brand-page-maker/stores").LogoTemplateAsset;
             logoDraftAssets: import("@brand-page-maker/stores").LogoDraftAsset[];
         }): void;
         setLogoTemplateAsset(logoTemplateAsset: import("@brand-page-maker/stores").LogoTemplateAsset): void;
@@ -287,8 +286,8 @@ declare const _default: import("vue").DefineComponent<{}, {
     }, {
         setStateAsync(payload: {
             newState: import("../store").SetStateAsyncPayload;
-            defaultPrimaryText?: string | undefined;
-            defaultLayout?: string | undefined;
+            defaultPrimaryText?: string;
+            defaultLayout?: string;
         }): Promise<void>;
         resetLogoEdits(): void;
         setLogoDraftToken(logoDraftToken: string): void;
@@ -299,11 +298,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").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").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;
@@ -312,8 +311,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>;
     }>;
     containerStore: import("pinia").Store<"brandPageContainer", import("@brand-page-maker/stores").BrandPageContainerState, {
@@ -337,8 +336,8 @@ declare const _default: import("vue").DefineComponent<{}, {
                 updated: Date;
                 brandPageToken: string;
                 domainName: string;
-                status: "active" | "pending" | "failed" | "renewFailed" | "deleted";
-                dnsConfigurationStatus: "request_expired" | "missing_expected_dns_records" | "invalid_multiple_dns_records_exist" | "unexpected_aaaa_record" | "completed";
+                status: import("../../../lib").CustomDomainStatus;
+                dnsConfigurationStatus: import("../../../lib").DnsConfigurationStatus;
                 triggerOrigin?: string | undefined;
             } | null;
             createCustomDomainErrorMessage: string | null;
@@ -394,7 +393,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
-            contextualUpgradeType: string | number | symbol | undefined;
+            contextualUpgradeType: import("@brand-page-maker/stores").WebsiteContextUpgradeType | undefined;
             requestVerificationToken?: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
@@ -415,8 +414,8 @@ declare const _default: import("vue").DefineComponent<{}, {
                 updated: Date;
                 brandPageToken: string;
                 domainName: string;
-                status: "active" | "pending" | "failed" | "renewFailed" | "deleted";
-                dnsConfigurationStatus: "request_expired" | "missing_expected_dns_records" | "invalid_multiple_dns_records_exist" | "unexpected_aaaa_record" | "completed";
+                status: import("../../../lib").CustomDomainStatus;
+                dnsConfigurationStatus: import("../../../lib").DnsConfigurationStatus;
                 triggerOrigin?: string | undefined;
             } | null;
             createCustomDomainErrorMessage: string | null;
@@ -472,7 +471,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
-            contextualUpgradeType: string | number | symbol | undefined;
+            contextualUpgradeType: import("@brand-page-maker/stores").WebsiteContextUpgradeType | undefined;
             requestVerificationToken?: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").BrandPageContainerState>) => boolean;
     }, {
@@ -509,7 +508,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         setIsSubsequentPublish(payload: any): void;
         clearPublishErrorMessage(): void;
         closePublishModal(payload?: {
-            skipShowNextNotificationMessage?: boolean | undefined;
+            skipShowNextNotificationMessage?: boolean;
         }): Promise<void>;
         closeUpgradeModal(): Promise<void>;
         endBrandPageSlugEditMode(): void;
@@ -532,8 +531,8 @@ declare const _default: import("vue").DefineComponent<{}, {
         redirectToStripeOnboarding(): Promise<void>;
         exportDesignAsync(): Promise<any>;
         saveBrandPage(payload?: {
-            isPublish?: boolean | undefined;
-            eventButtonLocation?: string | undefined;
+            isPublish?: boolean;
+            eventButtonLocation?: string;
         }): Promise<false | {
             saved: boolean;
             canPublish: boolean;
@@ -542,9 +541,9 @@ declare const _default: import("vue").DefineComponent<{}, {
         saveAndPublishBrandPage(eventButtonLocation: string): Promise<void>;
         saveTemplate(): Promise<void>;
         setBrandPageStatus(status: any): Promise<void>;
-        showPublishModal(eventButtonLocation?: string | undefined, websiteUpsellModalViewModel?: any, isSubsequentPublish?: boolean | undefined): void;
+        showPublishModal(eventButtonLocation?: string, websiteUpsellModalViewModel?: any, isSubsequentPublish?: boolean): void;
         showBrandPageSlugEditModal(eventButtonLocation: string): Promise<void>;
-        showUpgradeModalAndSaveAsync(contextualUpgradeType?: string | number | symbol | undefined, cta?: string | undefined): Promise<void>;
+        showUpgradeModalAndSaveAsync(contextualUpgradeType?: import("@brand-page-maker/stores").WebsiteContextUpgradeType, cta?: string): Promise<void>;
         getContextualUpgradeResponseAsync(): Promise<import("../../../clients/brand-page-client").getWebsiteContextualUpgradeResponse | undefined>;
         showStripeOnboardingModal(): void;
         closeStripeOnboardingModal(): void;
@@ -585,14 +584,14 @@ declare const _default: import("vue").DefineComponent<{}, {
         setContentsByActivePage(): void;
         setPageContents({ pageId, contents, }: {
             pageId: string;
-            contents: ContentItem<import("../../../brand-page").Content>[];
+            contents: import("../../content-settings/models").ContentItem<import("../../../brand-page").Content>[];
         }): void;
         setPages({ pages }: {
             pages: import("../../page-settings/models").ContentPage[];
         }): void;
         setNewPageModalVisibilityAsync({ isNewPageModalVisible, parentPageId, }: {
             isNewPageModalVisible: boolean;
-            parentPageId?: string | undefined;
+            parentPageId?: string;
         }): Promise<void>;
         addPage({ page }: {
             page: import("../../page-settings/models").ContentPage;
@@ -607,22 +606,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("@shared/page-settings/store").PageSettingsSection;
+            propName: keyof import("@shared/page-settings/store").PageSettingsStateSectionStyles;
+            index?: number;
+            value: string | boolean | import("../../../brand-page").LinksItem[] | BrandPageCssStyle | Partial<import("../../../brand-page").ImageGalleryItem> | number | null | undefined;
+            merge?: boolean;
             viewport: 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("@shared/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;
@@ -637,13 +636,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("@shared/page-settings/store").PageSettingsSection;
         }): void;
         setSectionCollapsedState({ sectionName, isCollapsed, }: {
-            sectionName: "footer" | "header" | "pages";
+            sectionName: import("@shared/page-settings/store").PageSettingsSection;
             isCollapsed: boolean;
         }): void;
         collapseAllSections(): void;

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

@@ -21,7 +21,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             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: {
@@ -30,7 +30,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         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").SetSelectedLogoImagePayload): void;
@@ -42,7 +42,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onBackClick(): void;
     onUploadNewLogoClicked(e: any): void;
     onBYOUploadLogoFileInputChange(event: any): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "on-back"[], "on-back", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     showBackButton: {
         type: BooleanConstructor;
         required: false;
@@ -58,7 +58,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: false;
         default: boolean;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    "onOn-back"?: ((...args: any[]) => any) | undefined;
+}>, {
     showBackButton: boolean;
     disableUploadButton: boolean;
     disableEditButton: boolean;

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

@@ -1,6 +1,7 @@
 import { defineComponent } from 'vue';
 import { useUiLogoSettingsStore } from '../store';
 export default defineComponent({
+    emits: ['on-back'],
     setup() {
         const logoSettingsStore = useUiLogoSettingsStore();
         return {

package/lib/src/shared/logo-settings/store/editable-logo-store.js

@@ -151,7 +151,7 @@ export const useUiEditableLogoStore = defineStore('uiEditableLogo', {
             const hasDraft = draftMetadata?.objects;
             const copyExistingTextObjects = JSON.parse(JSON.stringify(this.logoEdits.textObjects));
             this.logoEdits.textObjects = [];
-            templateMetadata.objects.forEach((o, i) => {
+            templateMetadata.objects.forEach((o, _i) => {
                 const matchingDraftObject = draftMetadata?.objects?.find((d) => d.id === o.id);
                 if (o.role === 'background') {
                     this.logoEdits.backgroundObject.id = o.id;

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

@@ -28,7 +28,7 @@ export declare const useUiLogoSettingsStore: import("pinia").StoreDefinition<"ui
     addDefaultLogoContentToCurrentPage(): void;
     setLogoImageToAllContentsAndSections({ logoImage, keepLogoVariation, }: {
         logoImage: LogoImageModel;
-        keepLogoVariation?: boolean | undefined;
+        keepLogoVariation?: boolean;
     }): void;
     setSelectedLogoImage(selectedLogoImage: LogoImageModel): void;
     setSelectedLogoImageToAll(payload: SetSelectedLogoImagePayload): void;

package/lib/src/shared/logo-versions/LogoVersions.mixin.d.ts

@@ -19,10 +19,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             thirdPartySettings: import("../models").UIRootStateThirdPartySettings;
         }): void;
         setDeviceMode({ mode }: {
-            mode: "desktop" | "mobile";
+            mode: import("../models").UiDeviceMode;
         }): void;
         setScreenSizeMode({ mode }: {
-            mode: "desktop" | "mobile";
+            mode: import("../models").UiScreenSizeMode;
         }): void;
         setUserPersonalisationData({ personalisationData, }: {
             personalisationData: import("../../brand-page").UserPersonalisationContent[];
@@ -45,7 +45,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: string;
         }): Promise<void>;
         onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload): Promise<void>;
-        showUpgradeModalAndSaveAsync(contextualUpgradeType?: string | number | symbol | undefined): Promise<void>;
+        showUpgradeModalAndSaveAsync(contextualUpgradeType?: import("@brand-page-maker/stores").WebsiteContextUpgradeType): Promise<void>;
         setIsPersonalisationEnabled({ isPersonalisationEnabled, }: {
             isPersonalisationEnabled: boolean;
         }): void;
@@ -56,12 +56,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     isLoading(): boolean;
 }, {
     setSelectedLogoVersion(logoDraft: DisplayLogoDraftAsset): Promise<void>;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "on-select-logo"[], "on-select-logo", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     logoDraftToken: {
         type: StringConstructor;
         required: true;
     };
-}>> & Readonly<{}>, {}, {}, {
+}>> & Readonly<{
+    "onOn-select-logo"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {
     Button: any;
     TextInput: any;
     Loader: any;

package/lib/src/shared/logo-versions/LogoVersions.mixin.js

@@ -14,6 +14,7 @@ export default defineComponent({
             required: true,
         },
     },
+    emits: ['on-select-logo'],
     setup() {
         const uiStore = useUiStore();
         return {

package/lib/src/shared/my-designs/MyDesigns.mixin.d.ts

@@ -14,10 +14,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[];
@@ -40,7 +40,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;
@@ -51,7 +51,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: {
@@ -60,7 +60,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("../logo-settings/store").SetSelectedLogoImagePayload): void;
@@ -87,7 +87,9 @@ declare const _default: import("vue").DefineComponent<{}, {
     onLogoDraftChange(): void;
     onInputSearch(): void;
     updateFilteredDesigns(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "on-select-image"[], "on-select-image", import("vue").PublicProps, Readonly<{}> & Readonly<{
+    "onOn-select-image"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {
     Button: any;
     TextInput: any;
     Loader: any;

package/lib/src/shared/my-designs/MyDesigns.mixin.js

@@ -11,6 +11,7 @@ export default defineComponent({
         TextInput,
         Loader,
     },
+    emits: ['on-select-image'],
     setup() {
         const uiStore = useUiStore();
         const logoSettingsStore = useUiLogoSettingsStore();

package/lib/src/shared/my-uploads/MyMedia.mixin.d.ts

@@ -31,10 +31,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             thirdPartySettings: import("../models").UIRootStateThirdPartySettings;
         }): void;
         setDeviceMode({ mode }: {
-            mode: "desktop" | "mobile";
+            mode: import("../models").UiDeviceMode;
         }): void;
         setScreenSizeMode({ mode }: {
-            mode: "desktop" | "mobile";
+            mode: import("../models").UiScreenSizeMode;
         }): void;
         setUserPersonalisationData({ personalisationData, }: {
             personalisationData: import("../../brand-page").UserPersonalisationContent[];
@@ -57,7 +57,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: string;
         }): Promise<void>;
         onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload): Promise<void>;
-        showUpgradeModalAndSaveAsync(contextualUpgradeType?: string | number | symbol | undefined): Promise<void>;
+        showUpgradeModalAndSaveAsync(contextualUpgradeType?: import("@brand-page-maker/stores").WebsiteContextUpgradeType): Promise<void>;
         setIsPersonalisationEnabled({ isPersonalisationEnabled, }: {
             isPersonalisationEnabled: boolean;
         }): void;
@@ -82,7 +82,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     isSvg(imageUrl: string | undefined): boolean;
     onMediaStatusUpdatedToDone(data: any): Promise<void>;
     isImageUploaded(image: any): boolean;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("on-select-image" | "on-delete-image")[], "on-select-image" | "on-delete-image", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     isDeleteEnabled: {
         type: BooleanConstructor;
         required: false;
@@ -97,7 +97,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: false;
         default: null;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    "onOn-select-image"?: ((...args: any[]) => any) | undefined;
+    "onOn-delete-image"?: ((...args: any[]) => any) | undefined;
+}>, {
     mediaType: string;
     isDeleteEnabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/src/shared/my-uploads/MyMedia.mixin.js

@@ -21,6 +21,7 @@ export default defineComponent({
             default: null,
         },
     },
+    emits: ['on-delete-image', 'on-select-image'],
     setup() {
         const uiStore = useUiStore();
         return {

package/lib/src/shared/my-uploads/MyUploads.mixin.d.ts

@@ -54,10 +54,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             thirdPartySettings: import("../models").UIRootStateThirdPartySettings;
         }): void;
         setDeviceMode({ mode }: {
-            mode: "desktop" | "mobile";
+            mode: import("../models").UiDeviceMode;
         }): void;
         setScreenSizeMode({ mode }: {
-            mode: "desktop" | "mobile";
+            mode: import("../models").UiScreenSizeMode;
         }): void;
         setUserPersonalisationData({ personalisationData, }: {
             personalisationData: import("../../brand-page").UserPersonalisationContent[];
@@ -80,7 +80,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: string;
         }): Promise<void>;
         onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload): Promise<void>;
-        showUpgradeModalAndSaveAsync(contextualUpgradeType?: string | number | symbol | undefined): Promise<void>;
+        showUpgradeModalAndSaveAsync(contextualUpgradeType?: import("@brand-page-maker/stores").WebsiteContextUpgradeType): Promise<void>;
         setIsPersonalisationEnabled({ isPersonalisationEnabled, }: {
             isPersonalisationEnabled: boolean;
         }): void;
@@ -115,7 +115,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onDropzoneImageUploaderSuccess(file: Record<string, any>): Promise<void>;
     onSelectImage(image: any): void;
     onDeleteImage(image: any): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("on-select-image" | "on-delete-image")[], "on-select-image" | "on-delete-image", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     isDeleteEnabled: {
         type: BooleanConstructor;
         required: false;
@@ -151,7 +151,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: false;
         default: undefined;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    "onOn-select-image"?: ((...args: any[]) => any) | undefined;
+    "onOn-delete-image"?: ((...args: any[]) => any) | undefined;
+}>, {
     mediaType: string;
     isDeleteEnabled: boolean;
     supportedFileExtensions: string[];

package/lib/src/shared/my-uploads/MyUploads.mixin.js

@@ -45,6 +45,7 @@ export default defineComponent({
             default: undefined,
         },
     },
+    emits: ['on-delete-image', 'on-select-image'],
     setup() {
         const uiStore = useUiStore();
         const userStore = useBrandPageMakerUserStore();

package/lib/src/shared/navigation-style-settings/components/navigation-style-settings/NavigationStyleSettings.mixin.d.ts

@@ -21,7 +21,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: true;
     };
 }>, {}, {
-    navigationStyleConfigOptionTitles: Record<"defaultBorderColor" | "selectedBorderColor" | "subNavBackgroundColor" | "defaultTextStyle" | "defaultBackgroundColor" | "selectedTextColor" | "selectedBackgroundColor" | "iconColor" | "iconBackgroundColor", string>;
+    navigationStyleConfigOptionTitles: Record<NavigationStyleConfigOption, string>;
     styleThemeKeys: Record<string, string>;
     valueFuncDict: Record<string, () => string | undefined>;
 }, {
@@ -36,7 +36,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onColorMatchToggled(option: NavigationStyleConfigOption, value: boolean): void;
     getMenuStyles(): NavigationMenuStyles;
     setTextStyleOption(option: NavigationStyleConfigOption, payload: UpdateItemValuePayload<TextStyleDeclaration>): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "option-value-change"[], "option-value-change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     availableNavigationStyleConfigs: {
         type: PropType<NavigationStyleConfig[]>;
         required: true;
@@ -53,5 +53,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<NavigationDesktop | NavigationMobile>;
         required: true;
     };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>> & Readonly<{
+    "onOption-value-change"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/src/shared/navigation-style-settings/components/navigation-style-settings/NavigationStyleSettings.mixin.js

@@ -23,6 +23,7 @@ export default defineComponent({
             required: true,
         },
     },
+    emits: ['option-value-change'],
     data: () => ({
         navigationStyleConfigOptionTitles: NAVIGATION_STYLE_CONFIG_OPTION_TITLES(),
         styleThemeKeys: STYLE_THEME_KEYS,

package/lib/src/shared/navigation-style-settings/store/index.d.ts

@@ -22,7 +22,7 @@ export declare const useUiNavigationStyleSettingsStore: import("pinia").StoreDef
         reset: boolean;
     }): void;
     setState({ newState, }: {
-        newState: Omit<NavigationStyleSettingsState, 'availableNavigationStyleConfigs' | 'navigationStyleTypeConfigs'>;
+        newState: Omit<NavigationStyleSettingsState, "availableNavigationStyleConfigs" | "navigationStyleTypeConfigs">;
     }): void;
     setNavigationOrder({ section, renderAfterLogo, viewport, }: {
         section: PageSection;
@@ -42,7 +42,7 @@ export declare const useUiNavigationStyleSettingsStore: import("pinia").StoreDef
         viewport: ViewportsType;
     }): void;
     _setIconStyle({ displayType, section, style, viewport, }: {
-        displayType?: NavigationDisplayType | undefined;
+        displayType?: NavigationDisplayType;
         section: PageSection;
         style: BrandPageCssStyle;
         viewport: ViewportsType;