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

package/lib/src/brand-page-maker/components/brandpage-settings/ReplaceImageSettingsForBrandPageSettings.mixin.d.ts

@@ -17,7 +17,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         brandPageToken(): string | undefined;
         brandPageDescription(): string;
         brandPageSlug(): string;
-        brandPageTemplate(): any;
+        brandPageTemplate(): import("../../../brand-page").BrandPageData;
         brandPageTitle(): string;
         brandPageViewModel(): import("../../../brand-page").BrandPageViewModel;
         gettyVideoIds(): string[];
@@ -32,7 +32,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         showBrandCrowdLogo(): boolean;
     }, {
         setMode(payload: {
-            mode: "images" | "edit";
+            mode: import("@brand-page-maker/stores").BrandPageSettingsMode;
         }): void;
         setFaviconUrl(payload: {
             faviconUrl: string | undefined;
@@ -76,7 +76,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         enqueueContentErrorMessage(): void;
         dequeueNotificationMessageQueue(): void;
         setCurrentNotificationMessage(payload: {
-            message: false | import("@brand-page-maker/stores").NotificationMessage;
+            message: import("@brand-page-maker/stores").NotificationMessage | false;
         }): void;
         setIsApplyingTemplate(payload: import("@brand-page-maker/stores").IsApplyingTemplatePayload): void;
         setIsPageNavigating(isPageNavigating: boolean): void;
@@ -95,9 +95,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         applySelectedTemplate(): Promise<void>;
         enqueueErrorMessage(): Promise<void>;
         enqueueSaveSuccessMessage(payload?: {
-            description?: string | undefined;
-            isPublished?: boolean | undefined;
-            noDescription?: boolean | undefined;
+            description?: string;
+            isPublished?: boolean;
+            noDescription?: boolean;
         }): Promise<void>;
         hideChangeTemplateConfirmModal(): void;
         onBackgroundChanged(): void;
@@ -113,16 +113,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             content: TContent;
         }>(payload: P): Promise<void>;
         _captureTemplateSwitchIfEnabled(): void;
-        applyHistorySnapshot(snapshot: import("../../../brand-page").BrandPageModel, activePageId?: string | undefined, logoEditsStr?: string | undefined): Promise<void>;
-        _syncLogoSettingsFromSnapshot(snapshot: import("../../../brand-page").BrandPageModel, logoEditsStr?: string | undefined): Promise<void>;
-        _navigateToActivePage(activePageId?: string | undefined): void;
+        applyHistorySnapshot(snapshot: import("../../../brand-page").BrandPageModel, activePageId?: string, logoEditsStr?: string): Promise<void>;
+        _syncLogoSettingsFromSnapshot(snapshot: import("../../../brand-page").BrandPageModel, logoEditsStr?: string): Promise<void>;
+        _navigateToActivePage(activePageId?: string): void;
         _fallbackSidebarIfSelectedContentMissing(snapshot: import("../../../brand-page").BrandPageModel): void;
         export(): import("../../../brand-page").BrandPageModel;
         setBrandPageType({ brandPageType }: {
-            brandPageType: "default" | "brandSite" | "brandContact";
+            brandPageType: import("@brand-page/models/brand-page-context.model").BrandPageType;
         }): void;
         initialiseStoresByBrandPageModelAsync(brandPageModel: import("../../../brand-page").BrandPageModel): Promise<void>;
-        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, layout, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, shopConfigData: _shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../brand-page").PageModel[];
             sections: import("../../../shared/page-settings/store").PageSettingsStateSections;
@@ -150,16 +150,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             viewport: import("@brand-page/models/brand-page-context.model").ViewportsType;
         }): void;
         showStripeOnboardingModal(): Promise<void>;
-        selectInitialCategories(payload: import("../../../shared/template-settings/models").InitialCategories): void;
+        selectInitialCategories(payload: import("@brand-page-maker/stores").SelectedCategoryPayload): void;
     }>;
     userStore: import("pinia").Store<"brandPageMakerUser", import("@brand-page-maker/stores").UserState, {}, {
         setUserState(payload: {
-            emailAddress?: string | undefined;
-            userToken?: string | undefined;
-            isAdmin?: boolean | undefined;
-            hasPremiumSubscription?: boolean | undefined;
-            brandPageCommissionPercentage?: number | undefined;
-            features?: Partial<import("../../../constants/ui").UIUserFeatures> | undefined;
+            emailAddress?: string;
+            userToken?: string;
+            isAdmin?: boolean;
+            hasPremiumSubscription?: boolean;
+            brandPageCommissionPercentage?: number;
+            features?: Partial<import("@brand-page-maker/stores").UserFeatures>;
         }): void;
     }>;
 }, {
@@ -170,10 +170,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     sectionTitle(): string;
     mediaExtension(): any;
 }, {
-    onImageSelected(image: Pick<UserMediaItemWithDimensions, 'url' | 'minimisedUrl' | 'width' | 'height'>, mediaType: string): Promise<void>;
-    onImageRemoved(image: Pick<UserMediaItemWithDimensions, 'url' | 'minimisedUrl' | 'width' | 'height'>): void;
+    onImageSelected(image: Pick<UserMediaItemWithDimensions, "url" | "minimisedUrl" | "width" | "height">, mediaType: string): Promise<void>;
+    onImageRemoved(image: Pick<UserMediaItemWithDimensions, "url" | "minimisedUrl" | "width" | "height">): void;
     onBack(): void;
-    onDesignSelected(image: UserMediaItemWithDimensions): void;
+    onDesignSelected(): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     mediaType: {
         type: StringConstructor;

package/lib/src/brand-page-maker/components/brandpage-settings/ReplaceImageSettingsForBrandPageSettings.mixin.js

@@ -99,7 +99,7 @@ export default defineComponent({
                 mode: BRANDPAGE_SETTINGS_MODES.edit,
             });
         },
-        onDesignSelected(image) {
+        onDesignSelected() {
             this.brandPageMakerStore.setMode({ mode: BRANDPAGE_SETTINGS_MODES.edit });
         },
     },

package/lib/src/brand-page-maker/components/color-picker/components/ColorModeSelect.mixin.d.ts

@@ -18,12 +18,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }[];
 }, {}, {
     onChange(v: any): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: StringConstructor;
         default: string;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
     modelValue: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/src/brand-page-maker/components/color-picker/components/ColorModeSelect.mixin.js

@@ -20,6 +20,7 @@ export default defineComponent({
             default: COLOR_PICKER_MODE.SOLID,
         },
     },
+    emits: ['update:modelValue'],
     data() {
         return {
             colorPickerModes: COLOR_PICKER_MODE_OPTIONS,

package/lib/src/brand-page-maker/components/color-picker/components/GradientColorSlider.mixin.d.ts

@@ -25,7 +25,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onHandlerSelected(id: any): void;
     onActiveHandlerPositionChanged(pos: any): void;
     onSliderClick(e: any): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:activeHandlerId"[], "update:activeHandlerId", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     colors: {
         type: ArrayConstructor;
         default: () => {
@@ -42,7 +42,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: NumberConstructor;
         default: number;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    "onUpdate:activeHandlerId"?: ((...args: any[]) => any) | undefined;
+}>, {
     activeHandlerId: number;
     colors: unknown[];
     maxNumberOfColors: number;

package/lib/src/brand-page-maker/components/color-picker/components/GradientColorSlider.mixin.js

@@ -25,6 +25,7 @@ export default defineComponent({
             default: 5,
         },
     },
+    emits: ['update:activeHandlerId'],
     data() {
         return {
             internalActiveHandlerId: 0,

package/lib/src/brand-page-maker/components/color-picker/components/GradientColorSliderHandler.mixin.d.ts

@@ -23,7 +23,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onMouseUp(): void;
     onMouseMove(e: any): void;
     convertPosToPixel(pos: any): number;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("on-selected" | "on-position-changed")[], "on-selected" | "on-position-changed", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     color: {
         type: StringConstructor;
         required: true;
@@ -36,7 +36,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    "onOn-selected"?: ((...args: any[]) => any) | undefined;
+    "onOn-position-changed"?: ((...args: any[]) => any) | undefined;
+}>, {
     initialPosition: number;
     isActive: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/src/brand-page-maker/components/color-picker/components/GradientColorSliderHandler.mixin.js

@@ -16,6 +16,7 @@ export default defineComponent({
             default: false,
         },
     },
+    emits: ['on-selected', 'on-position-changed'],
     data() {
         return {
             startPosInPixel,

package/lib/src/brand-page-maker/components/color-picker/components/GradientTypeSelector.mixin.d.ts

@@ -13,12 +13,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }, {}, {
     updateValue(v: any): void;
     onGradientTypeClick(val: any): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: StringConstructor;
         default: string;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
     modelValue: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/src/brand-page-maker/components/color-picker/components/GradientTypeSelector.mixin.js

@@ -10,6 +10,7 @@ export default defineComponent({
             default: GRADIENT_COLOR_TYPE.LINEAR,
         },
     },
+    emits: ['update:modelValue'],
     data() {
         return {
             isLinear: true,

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

@@ -18,7 +18,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     loadedOnce: boolean;
 }, {}, {
     toggleShouldPlay(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "toggle-should-play"[], "toggle-should-play", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     isMobileDevice: {
         type: BooleanConstructor;
         required: true;
@@ -33,7 +33,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: true;
         default: boolean;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    "onToggle-should-play"?: ((...args: any[]) => any) | undefined;
+}>, {
     isDesignCom: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/src/brand-page-maker/components/device/Device.mixin.js

@@ -17,6 +17,7 @@ export default defineComponent({
             default: false,
         },
     },
+    emits: ['toggle-should-play'],
     data() {
         return {
             visible: false,

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

@@ -41,7 +41,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onCreateTeamCards(payload: {
         cta_location: string;
     }): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "create-team-cards"[], "create-team-cards", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     isAdmin: {
         type: BooleanConstructor;
         required: false;
@@ -77,7 +77,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: false;
         default: boolean;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    "onCreate-team-cards"?: ((...args: any[]) => any) | undefined;
+}>, {
     isAdmin: boolean;
     isPublished: boolean;
     isSaving: boolean;

package/lib/src/brand-page-maker/components/navigation/Navigation.mixin.js

@@ -39,6 +39,7 @@ export default defineComponent({
             default: false,
         },
     },
+    emits: ['create-team-cards'],
     methods: {
         saveBrandPage() {
             this.$emit(EVENTS.Save);

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

@@ -1,7 +1,7 @@
-/// <reference types="types/lodash-shims" />
 import type { PropType } from 'vue';
 import type { DebounceHandle } from 'lodash.debounce';
 import type { BrandPageContext, BrandPageViewModel } from '@brand-page';
+import type { UiDeviceMode } from '@shared/models';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     isProduction: {
         type: BooleanConstructor;
@@ -21,7 +21,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: true;
     };
     deviceMode: {
-        type: PropType<"desktop" | "mobile">;
+        type: PropType<UiDeviceMode>;
         required: false;
         default: undefined;
     };
@@ -88,7 +88,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: true;
     };
     deviceMode: {
-        type: PropType<"desktop" | "mobile">;
+        type: PropType<UiDeviceMode>;
         required: false;
         default: undefined;
     };

package/lib/src/brand-page-maker/components/quick-link-bar/QuickLinkBar.mixin.d.ts

@@ -29,8 +29,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 updated: Date;
                 brandPageToken: string;
                 domainName: string;
-                status: "active" | "pending" | "failed" | "renewFailed" | "deleted";
-                dnsConfigurationStatus: "request_expired" | "missing_expected_dns_records" | "invalid_multiple_dns_records_exist" | "unexpected_aaaa_record" | "completed";
+                status: import("@brand-page-maker/constants").CustomDomainStatus;
+                dnsConfigurationStatus: import("@brand-page-maker/constants").DnsConfigurationStatus;
                 triggerOrigin?: string | undefined;
             } | null;
             createCustomDomainErrorMessage: string | null;
@@ -86,7 +86,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
-            contextualUpgradeType: string | number | symbol | undefined;
+            contextualUpgradeType: import("@brand-page-maker/stores").WebsiteContextUpgradeType | undefined;
             requestVerificationToken?: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
@@ -107,8 +107,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 updated: Date;
                 brandPageToken: string;
                 domainName: string;
-                status: "active" | "pending" | "failed" | "renewFailed" | "deleted";
-                dnsConfigurationStatus: "request_expired" | "missing_expected_dns_records" | "invalid_multiple_dns_records_exist" | "unexpected_aaaa_record" | "completed";
+                status: import("@brand-page-maker/constants").CustomDomainStatus;
+                dnsConfigurationStatus: import("@brand-page-maker/constants").DnsConfigurationStatus;
                 triggerOrigin?: string | undefined;
             } | null;
             createCustomDomainErrorMessage: string | null;
@@ -164,7 +164,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
-            contextualUpgradeType: string | number | symbol | undefined;
+            contextualUpgradeType: import("@brand-page-maker/stores").WebsiteContextUpgradeType | undefined;
             requestVerificationToken?: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").BrandPageContainerState>) => boolean;
     }, {
@@ -201,7 +201,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setIsSubsequentPublish(payload: any): void;
         clearPublishErrorMessage(): void;
         closePublishModal(payload?: {
-            skipShowNextNotificationMessage?: boolean | undefined;
+            skipShowNextNotificationMessage?: boolean;
         }): Promise<void>;
         closeUpgradeModal(): Promise<void>;
         endBrandPageSlugEditMode(): void;
@@ -224,8 +224,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         redirectToStripeOnboarding(): Promise<void>;
         exportDesignAsync(): Promise<any>;
         saveBrandPage(payload?: {
-            isPublish?: boolean | undefined;
-            eventButtonLocation?: string | undefined;
+            isPublish?: boolean;
+            eventButtonLocation?: string;
         }): Promise<false | {
             saved: boolean;
             canPublish: boolean;
@@ -234,9 +234,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         saveAndPublishBrandPage(eventButtonLocation: string): Promise<void>;
         saveTemplate(): Promise<void>;
         setBrandPageStatus(status: any): Promise<void>;
-        showPublishModal(eventButtonLocation?: string | undefined, websiteUpsellModalViewModel?: any, isSubsequentPublish?: boolean | undefined): void;
+        showPublishModal(eventButtonLocation?: string, websiteUpsellModalViewModel?: any, isSubsequentPublish?: boolean): void;
         showBrandPageSlugEditModal(eventButtonLocation: string): Promise<void>;
-        showUpgradeModalAndSaveAsync(contextualUpgradeType?: string | number | symbol | undefined, cta?: string | undefined): Promise<void>;
+        showUpgradeModalAndSaveAsync(contextualUpgradeType?: import("@brand-page-maker/stores").WebsiteContextUpgradeType, cta?: string): Promise<void>;
         getContextualUpgradeResponseAsync(): Promise<import("../../../clients/brand-page-client").getWebsiteContextualUpgradeResponse | undefined>;
         showStripeOnboardingModal(): void;
         closeStripeOnboardingModal(): void;

package/lib/src/brand-page-maker/components/seo-settings/SeoPageSettings.mixin.d.ts

@@ -45,8 +45,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 updated: Date;
                 brandPageToken: string;
                 domainName: string;
-                status: "active" | "pending" | "failed" | "renewFailed" | "deleted";
-                dnsConfigurationStatus: "request_expired" | "missing_expected_dns_records" | "invalid_multiple_dns_records_exist" | "unexpected_aaaa_record" | "completed";
+                status: import("@brand-page-maker/constants").CustomDomainStatus;
+                dnsConfigurationStatus: import("@brand-page-maker/constants").DnsConfigurationStatus;
                 triggerOrigin?: string | undefined;
             } | null;
             createCustomDomainErrorMessage: string | null;
@@ -102,7 +102,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
-            contextualUpgradeType: string | number | symbol | undefined;
+            contextualUpgradeType: import("@brand-page-maker/stores").WebsiteContextUpgradeType | undefined;
             requestVerificationToken?: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
@@ -123,8 +123,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 updated: Date;
                 brandPageToken: string;
                 domainName: string;
-                status: "active" | "pending" | "failed" | "renewFailed" | "deleted";
-                dnsConfigurationStatus: "request_expired" | "missing_expected_dns_records" | "invalid_multiple_dns_records_exist" | "unexpected_aaaa_record" | "completed";
+                status: import("@brand-page-maker/constants").CustomDomainStatus;
+                dnsConfigurationStatus: import("@brand-page-maker/constants").DnsConfigurationStatus;
                 triggerOrigin?: string | undefined;
             } | null;
             createCustomDomainErrorMessage: string | null;
@@ -180,7 +180,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
-            contextualUpgradeType: string | number | symbol | undefined;
+            contextualUpgradeType: import("@brand-page-maker/stores").WebsiteContextUpgradeType | undefined;
             requestVerificationToken?: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").BrandPageContainerState>) => boolean;
     }, {
@@ -217,7 +217,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setIsSubsequentPublish(payload: any): void;
         clearPublishErrorMessage(): void;
         closePublishModal(payload?: {
-            skipShowNextNotificationMessage?: boolean | undefined;
+            skipShowNextNotificationMessage?: boolean;
         }): Promise<void>;
         closeUpgradeModal(): Promise<void>;
         endBrandPageSlugEditMode(): void;
@@ -240,8 +240,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         redirectToStripeOnboarding(): Promise<void>;
         exportDesignAsync(): Promise<any>;
         saveBrandPage(payload?: {
-            isPublish?: boolean | undefined;
-            eventButtonLocation?: string | undefined;
+            isPublish?: boolean;
+            eventButtonLocation?: string;
         }): Promise<false | {
             saved: boolean;
             canPublish: boolean;
@@ -250,9 +250,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         saveAndPublishBrandPage(eventButtonLocation: string): Promise<void>;
         saveTemplate(): Promise<void>;
         setBrandPageStatus(status: any): Promise<void>;
-        showPublishModal(eventButtonLocation?: string | undefined, websiteUpsellModalViewModel?: any, isSubsequentPublish?: boolean | undefined): void;
+        showPublishModal(eventButtonLocation?: string, websiteUpsellModalViewModel?: any, isSubsequentPublish?: boolean): void;
         showBrandPageSlugEditModal(eventButtonLocation: string): Promise<void>;
-        showUpgradeModalAndSaveAsync(contextualUpgradeType?: string | number | symbol | undefined, cta?: string | undefined): Promise<void>;
+        showUpgradeModalAndSaveAsync(contextualUpgradeType?: import("@brand-page-maker/stores").WebsiteContextUpgradeType, cta?: string): Promise<void>;
         getContextualUpgradeResponseAsync(): Promise<import("../../../clients/brand-page-client").getWebsiteContextualUpgradeResponse | undefined>;
         showStripeOnboardingModal(): void;
         closeStripeOnboardingModal(): void;
@@ -295,7 +295,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         brandPageToken(): string | undefined;
         brandPageDescription(): string;
         brandPageSlug(): string;
-        brandPageTemplate(): any;
+        brandPageTemplate(): import("../../../brand-page").BrandPageData;
         brandPageTitle(): string;
         brandPageViewModel(): import("../../../brand-page").BrandPageViewModel;
         gettyVideoIds(): string[];
@@ -310,7 +310,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         showBrandCrowdLogo(): boolean;
     }, {
         setMode(payload: {
-            mode: "images" | "edit";
+            mode: import("@brand-page-maker/stores").BrandPageSettingsMode;
         }): void;
         setFaviconUrl(payload: {
             faviconUrl: string | undefined;
@@ -354,7 +354,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         enqueueContentErrorMessage(): void;
         dequeueNotificationMessageQueue(): void;
         setCurrentNotificationMessage(payload: {
-            message: false | import("@brand-page-maker/stores").NotificationMessage;
+            message: import("@brand-page-maker/stores").NotificationMessage | false;
         }): void;
         setIsApplyingTemplate(payload: import("@brand-page-maker/stores").IsApplyingTemplatePayload): void;
         setIsPageNavigating(isPageNavigating: boolean): void;
@@ -373,9 +373,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         applySelectedTemplate(): Promise<void>;
         enqueueErrorMessage(): Promise<void>;
         enqueueSaveSuccessMessage(payload?: {
-            description?: string | undefined;
-            isPublished?: boolean | undefined;
-            noDescription?: boolean | undefined;
+            description?: string;
+            isPublished?: boolean;
+            noDescription?: boolean;
         }): Promise<void>;
         hideChangeTemplateConfirmModal(): void;
         onBackgroundChanged(): void;
@@ -391,16 +391,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             content: TContent;
         }>(payload: P): Promise<void>;
         _captureTemplateSwitchIfEnabled(): void;
-        applyHistorySnapshot(snapshot: import("../../../brand-page").BrandPageModel, activePageId?: string | undefined, logoEditsStr?: string | undefined): Promise<void>;
-        _syncLogoSettingsFromSnapshot(snapshot: import("../../../brand-page").BrandPageModel, logoEditsStr?: string | undefined): Promise<void>;
-        _navigateToActivePage(activePageId?: string | undefined): void;
+        applyHistorySnapshot(snapshot: import("../../../brand-page").BrandPageModel, activePageId?: string, logoEditsStr?: string): Promise<void>;
+        _syncLogoSettingsFromSnapshot(snapshot: import("../../../brand-page").BrandPageModel, logoEditsStr?: string): Promise<void>;
+        _navigateToActivePage(activePageId?: string): void;
         _fallbackSidebarIfSelectedContentMissing(snapshot: import("../../../brand-page").BrandPageModel): void;
         export(): import("../../../brand-page").BrandPageModel;
         setBrandPageType({ brandPageType }: {
-            brandPageType: "default" | "brandSite" | "brandContact";
+            brandPageType: import("../../../brand-page").BrandPageType;
         }): void;
         initialiseStoresByBrandPageModelAsync(brandPageModel: import("../../../brand-page").BrandPageModel): Promise<void>;
-        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, layout, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, shopConfigData: _shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../brand-page").PageModel[];
             sections: import("../../../shared/page-settings/store").PageSettingsStateSections;
@@ -428,7 +428,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             viewport: import("../../../brand-page").ViewportsType;
         }): void;
         showStripeOnboardingModal(): Promise<void>;
-        selectInitialCategories(payload: import("../../../shared/template-settings/models").InitialCategories): void;
+        selectInitialCategories(payload: import("@brand-page-maker/stores").SelectedCategoryPayload): void;
     }>;
     publishedUrl: import("vue").ComputedRef<string | undefined>;
 }, {
@@ -452,7 +452,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }, {
     onUpdateSettings(): void;
     onUpdateSettingsFromManagePage(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update-settings"[], "update-settings", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     brandPageType: {
         type: StringConstructor;
         required: false;
@@ -477,7 +477,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: false;
         default: undefined;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    "onUpdate-settings"?: ((...args: any[]) => any) | undefined;
+}>, {
     pageTitle: string;
     brandPageType: string;
     designDraftToken: string;

package/lib/src/brand-page-maker/components/seo-settings/SeoPageSettings.mixin.js

@@ -30,6 +30,7 @@ export default defineComponent({
             default: undefined,
         },
     },
+    emits: ['update-settings'],
     setup() {
         const brandPageMakerStore = useBrandPageMakerStore();
         const localisedRouteStore = useLocalisedRouteStore();