@designcrowd/library.brand-page 5.14.1 → 5.14.2-ml3

package/lib/src/mockServiceWorker.js

@@ -7,7 +7,7 @@
  * - Please do NOT modify this file.
  */
 
-const PACKAGE_VERSION = '2.10.4'
+const PACKAGE_VERSION = '2.10.5'
 const INTEGRITY_CHECKSUM = 'f5825c521429caf22a4dd13b66e243af'
 const IS_MOCKED_RESPONSE = Symbol('isMockedResponse')
 const activeClientIds = new Set()

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

@@ -737,6 +737,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         toggleLogoBackground(): Promise<any>;
     }>;
     eventTracker: {
+        sendExperimentStartedEvent: (abTestKey: string, abTestValue: string) => void;
         setGlobalEventProps: (props: Omit<import("../../../../brand-page-maker/composables/useEventTracker").BpGlobalEventProps, "template_category">) => void;
         setUpsellBridgeState: (props: import("../../../../brand-page-maker/composables/useEventTracker").BpUpsellEventProps) => void;
         subscribe: (callbackFn: (event: import("../../../../brand-page-maker/composables/useEventTracker").BpEventTrackerEvent) => void) => void;
@@ -745,6 +746,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         sendUpsellOpenEvent: () => void;
         sendUpsellContinuationEvent: (continuation: string) => void;
         sendPublishOpenEvent: () => void;
+        appendPublishBridgeState: (props: any) => void;
         sendPublishContinuationEvent: (continuation: string, domain: string | null) => void;
         sendWebsiteManageAddPageEvent: (pageName: string) => void;
         sendWebsiteManageRemovePageEvent: (pageName: string) => void;
@@ -757,6 +759,8 @@ declare const _default: import("vue").DefineComponent<{}, {
         sendTemplateCategorySelectEvent: (category: string) => void;
         sendSidebarCategoryClickedEvent: (tabName: string) => void;
         sendAddContentContinuationEvent: (continuation: string) => void;
+        sendUpsellOfferEvent: (upsellType: string) => void;
+        sendUpsellOfferActionEvent: (upsellType: string, action: string) => void;
     };
     externalEditor: import("@tiptap/vue-3").Editor;
 }, {

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

@@ -468,6 +468,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setSelectedTabName(payload: import("../../../side-bar/models").SetSelectedTabNamePayload): void;
     }>;
     eventTracker: {
+        sendExperimentStartedEvent: (abTestKey: string, abTestValue: string) => void;
         setGlobalEventProps: (props: Omit<import("../../../../brand-page-maker/composables/useEventTracker").BpGlobalEventProps, "template_category">) => void;
         setUpsellBridgeState: (props: import("../../../../brand-page-maker/composables/useEventTracker").BpUpsellEventProps) => void;
         subscribe: (callbackFn: (event: import("../../../../brand-page-maker/composables/useEventTracker").BpEventTrackerEvent) => void) => void;
@@ -476,6 +477,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         sendUpsellOpenEvent: () => void;
         sendUpsellContinuationEvent: (continuation: string) => void;
         sendPublishOpenEvent: () => void;
+        appendPublishBridgeState: (props: any) => void;
         sendPublishContinuationEvent: (continuation: string, domain: string | null) => void;
         sendWebsiteManageAddPageEvent: (pageName: string) => void;
         sendWebsiteManageRemovePageEvent: (pageName: string) => void;
@@ -488,6 +490,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         sendTemplateCategorySelectEvent: (category: string) => void;
         sendSidebarCategoryClickedEvent: (tabName: string) => void;
         sendAddContentContinuationEvent: (continuation: string) => void;
+        sendUpsellOfferEvent: (upsellType: string) => void;
+        sendUpsellOfferActionEvent: (upsellType: string, action: string) => void;
     };
 }, {
     selectEventDebounceHandler: DebounceHandle | undefined;

package/lib/src/shared/content-settings/components/payment-config-field/PaymentConfigField.mixin.d.ts

@@ -80,8 +80,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isPrePurchase: boolean;
             makerFonts: any[];
             eventButtonLocation?: string | undefined;
+            websiteUpsellModalViewModel?: any;
             showPublishOptionModal?: boolean | undefined;
             abTests: Record<string, string>;
+            isSubsequentPublish: boolean;
         } & import("pinia").PiniaCustomStateProperties<import("../../../../brand-page-maker/stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
             availableTaxes: any[];
@@ -139,8 +141,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isPrePurchase: boolean;
             makerFonts: any[];
             eventButtonLocation?: string | undefined;
+            websiteUpsellModalViewModel?: any;
             showPublishOptionModal?: boolean | undefined;
             abTests: Record<string, string>;
+            isSubsequentPublish: boolean;
         } & import("pinia").PiniaCustomStateProperties<import("../../../../brand-page-maker/stores").BrandPageContainerState>) => boolean;
     }, {
         clearTriggerSaveEventApiOnPublishModalClose(): void;
@@ -173,6 +177,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }): void;
         setCreateCustomDomainErrorMessage(payload: any): void;
         setBrandPageIsCustomDomainEnabled(payload: any): void;
+        setIsSubsequentPublish(payload: any): void;
         clearPublishErrorMessage(): void;
         closePublishModal(payload?: {
             skipShowNextNotificationMessage?: boolean | undefined;
@@ -182,7 +187,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         publishBrandPage({ shouldPublish, slug }: {
             shouldPublish: any;
             slug: any;
-        }): Promise<boolean>;
+        }): Promise<false | {
+            success: boolean;
+            websiteUpsellModalViewModel: any;
+        }>;
         publishBrandPageWithCustomDomainAsync({ shouldPublish, slug, domain, isPurchasedDomain, }: {
             shouldPublish: any;
             slug: any;
@@ -199,12 +207,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             eventButtonLocation?: string | undefined;
         }): Promise<false | {
             saved: boolean;
-            canPublish: any;
+            canPublish: boolean;
+            websiteUpsellModalViewModel: any;
         }>;
         saveAndPublishBrandPage(eventButtonLocation: string): Promise<void>;
         saveTemplate(): Promise<void>;
         setBrandPageStatus(status: any): Promise<void>;
-        showPublishModal(eventButtonLocation?: string | undefined): void;
+        showPublishModal(eventButtonLocation?: string | undefined, websiteUpsellModalViewModel?: any, isSubsequentPublish?: boolean | undefined): void;
         showBrandPageSlugEditModal(): Promise<void>;
         showUpgradeModalAndSaveAsync(): Promise<void>;
         showStripeOnboardingModal(): void;

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

@@ -245,8 +245,10 @@ declare const _default: import("vue").DefineComponent<{}, {
             isPrePurchase: boolean;
             makerFonts: any[];
             eventButtonLocation?: string | undefined;
+            websiteUpsellModalViewModel?: any;
             showPublishOptionModal?: boolean | undefined;
             abTests: Record<string, string>;
+            isSubsequentPublish: boolean;
         } & import("pinia").PiniaCustomStateProperties<import("../../../brand-page-maker/stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
             availableTaxes: any[];
@@ -304,8 +306,10 @@ declare const _default: import("vue").DefineComponent<{}, {
             isPrePurchase: boolean;
             makerFonts: any[];
             eventButtonLocation?: string | undefined;
+            websiteUpsellModalViewModel?: any;
             showPublishOptionModal?: boolean | undefined;
             abTests: Record<string, string>;
+            isSubsequentPublish: boolean;
         } & import("pinia").PiniaCustomStateProperties<import("../../../brand-page-maker/stores").BrandPageContainerState>) => boolean;
     }, {
         clearTriggerSaveEventApiOnPublishModalClose(): void;
@@ -338,6 +342,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         }): void;
         setCreateCustomDomainErrorMessage(payload: any): void;
         setBrandPageIsCustomDomainEnabled(payload: any): void;
+        setIsSubsequentPublish(payload: any): void;
         clearPublishErrorMessage(): void;
         closePublishModal(payload?: {
             skipShowNextNotificationMessage?: boolean | undefined;
@@ -347,7 +352,10 @@ declare const _default: import("vue").DefineComponent<{}, {
         publishBrandPage({ shouldPublish, slug }: {
             shouldPublish: any;
             slug: any;
-        }): Promise<boolean>;
+        }): Promise<false | {
+            success: boolean;
+            websiteUpsellModalViewModel: any;
+        }>;
         publishBrandPageWithCustomDomainAsync({ shouldPublish, slug, domain, isPurchasedDomain, }: {
             shouldPublish: any;
             slug: any;
@@ -364,12 +372,13 @@ declare const _default: import("vue").DefineComponent<{}, {
             eventButtonLocation?: string | undefined;
         }): Promise<false | {
             saved: boolean;
-            canPublish: any;
+            canPublish: boolean;
+            websiteUpsellModalViewModel: any;
         }>;
         saveAndPublishBrandPage(eventButtonLocation: string): Promise<void>;
         saveTemplate(): Promise<void>;
         setBrandPageStatus(status: any): Promise<void>;
-        showPublishModal(eventButtonLocation?: string | undefined): void;
+        showPublishModal(eventButtonLocation?: string | undefined, websiteUpsellModalViewModel?: any, isSubsequentPublish?: boolean | undefined): void;
         showBrandPageSlugEditModal(): Promise<void>;
         showUpgradeModalAndSaveAsync(): Promise<void>;
         showStripeOnboardingModal(): void;

package/lib/src/shared/page-settings/components/page-settings/PageSettings.mixin.d.ts

@@ -4506,8 +4506,10 @@ declare const _default: import("vue").DefineComponent<{}, {
             isPrePurchase: boolean;
             makerFonts: any[];
             eventButtonLocation?: string | undefined;
+            websiteUpsellModalViewModel?: any;
             showPublishOptionModal?: boolean | undefined;
             abTests: Record<string, string>;
+            isSubsequentPublish: boolean;
         } & import("pinia").PiniaCustomStateProperties<import("../../../../brand-page-maker/stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
             availableTaxes: any[];
@@ -4565,8 +4567,10 @@ declare const _default: import("vue").DefineComponent<{}, {
             isPrePurchase: boolean;
             makerFonts: any[];
             eventButtonLocation?: string | undefined;
+            websiteUpsellModalViewModel?: any;
             showPublishOptionModal?: boolean | undefined;
             abTests: Record<string, string>;
+            isSubsequentPublish: boolean;
         } & import("pinia").PiniaCustomStateProperties<import("../../../../brand-page-maker/stores").BrandPageContainerState>) => boolean;
     }, {
         clearTriggerSaveEventApiOnPublishModalClose(): void;
@@ -4599,6 +4603,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         }): void;
         setCreateCustomDomainErrorMessage(payload: any): void;
         setBrandPageIsCustomDomainEnabled(payload: any): void;
+        setIsSubsequentPublish(payload: any): void;
         clearPublishErrorMessage(): void;
         closePublishModal(payload?: {
             skipShowNextNotificationMessage?: boolean | undefined;
@@ -4608,7 +4613,10 @@ declare const _default: import("vue").DefineComponent<{}, {
         publishBrandPage({ shouldPublish, slug }: {
             shouldPublish: any;
             slug: any;
-        }): Promise<boolean>;
+        }): Promise<false | {
+            success: boolean;
+            websiteUpsellModalViewModel: any;
+        }>;
         publishBrandPageWithCustomDomainAsync({ shouldPublish, slug, domain, isPurchasedDomain, }: {
             shouldPublish: any;
             slug: any;
@@ -4625,12 +4633,13 @@ declare const _default: import("vue").DefineComponent<{}, {
             eventButtonLocation?: string | undefined;
         }): Promise<false | {
             saved: boolean;
-            canPublish: any;
+            canPublish: boolean;
+            websiteUpsellModalViewModel: any;
         }>;
         saveAndPublishBrandPage(eventButtonLocation: string): Promise<void>;
         saveTemplate(): Promise<void>;
         setBrandPageStatus(status: any): Promise<void>;
-        showPublishModal(eventButtonLocation?: string | undefined): void;
+        showPublishModal(eventButtonLocation?: string | undefined, websiteUpsellModalViewModel?: any, isSubsequentPublish?: boolean | undefined): void;
         showBrandPageSlugEditModal(): Promise<void>;
         showUpgradeModalAndSaveAsync(): Promise<void>;
         showStripeOnboardingModal(): void;
@@ -4667,6 +4676,7 @@ declare const _default: import("vue").DefineComponent<{}, {
     onDraggingStart: () => void;
     onDraggingEnd: (ev: any) => void;
     eventTracker: {
+        sendExperimentStartedEvent: (abTestKey: string, abTestValue: string) => void;
         setGlobalEventProps: (props: Omit<import("../../../../brand-page-maker/composables/useEventTracker").BpGlobalEventProps, "template_category">) => void;
         setUpsellBridgeState: (props: import("../../../../brand-page-maker/composables/useEventTracker").BpUpsellEventProps) => void;
         subscribe: (callbackFn: (event: import("../../../../brand-page-maker/composables/useEventTracker").BpEventTrackerEvent) => void) => void;
@@ -4675,6 +4685,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         sendUpsellOpenEvent: () => void;
         sendUpsellContinuationEvent: (continuation: string) => void;
         sendPublishOpenEvent: () => void;
+        appendPublishBridgeState: (props: any) => void;
         sendPublishContinuationEvent: (continuation: string, domain: string | null) => void;
         sendWebsiteManageAddPageEvent: (pageName: string) => void;
         sendWebsiteManageRemovePageEvent: (pageName: string) => void;
@@ -4687,6 +4698,8 @@ declare const _default: import("vue").DefineComponent<{}, {
         sendTemplateCategorySelectEvent: (category: string) => void;
         sendSidebarCategoryClickedEvent: (tabName: string) => void;
         sendAddContentContinuationEvent: (continuation: string) => void;
+        sendUpsellOfferEvent: (upsellType: string) => void;
+        sendUpsellOfferActionEvent: (upsellType: string, action: string) => void;
     };
 }, {
     isDeleteModalVisible: boolean;

package/lib/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.d.ts

@@ -3937,8 +3937,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isPrePurchase: boolean;
             makerFonts: any[];
             eventButtonLocation?: string | undefined;
+            websiteUpsellModalViewModel?: any;
             showPublishOptionModal?: boolean | undefined;
             abTests: Record<string, string>;
+            isSubsequentPublish: boolean;
         } & import("pinia").PiniaCustomStateProperties<import("../../../../brand-page-maker/stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
             availableTaxes: any[];
@@ -3996,8 +3998,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isPrePurchase: boolean;
             makerFonts: any[];
             eventButtonLocation?: string | undefined;
+            websiteUpsellModalViewModel?: any;
             showPublishOptionModal?: boolean | undefined;
             abTests: Record<string, string>;
+            isSubsequentPublish: boolean;
         } & import("pinia").PiniaCustomStateProperties<import("../../../../brand-page-maker/stores").BrandPageContainerState>) => boolean;
     }, {
         clearTriggerSaveEventApiOnPublishModalClose(): void;
@@ -4030,6 +4034,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }): void;
         setCreateCustomDomainErrorMessage(payload: any): void;
         setBrandPageIsCustomDomainEnabled(payload: any): void;
+        setIsSubsequentPublish(payload: any): void;
         clearPublishErrorMessage(): void;
         closePublishModal(payload?: {
             skipShowNextNotificationMessage?: boolean | undefined;
@@ -4039,7 +4044,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         publishBrandPage({ shouldPublish, slug }: {
             shouldPublish: any;
             slug: any;
-        }): Promise<boolean>;
+        }): Promise<false | {
+            success: boolean;
+            websiteUpsellModalViewModel: any;
+        }>;
         publishBrandPageWithCustomDomainAsync({ shouldPublish, slug, domain, isPurchasedDomain, }: {
             shouldPublish: any;
             slug: any;
@@ -4056,12 +4064,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             eventButtonLocation?: string | undefined;
         }): Promise<false | {
             saved: boolean;
-            canPublish: any;
+            canPublish: boolean;
+            websiteUpsellModalViewModel: any;
         }>;
         saveAndPublishBrandPage(eventButtonLocation: string): Promise<void>;
         saveTemplate(): Promise<void>;
         setBrandPageStatus(status: any): Promise<void>;
-        showPublishModal(eventButtonLocation?: string | undefined): void;
+        showPublishModal(eventButtonLocation?: string | undefined, websiteUpsellModalViewModel?: any, isSubsequentPublish?: boolean | undefined): void;
         showBrandPageSlugEditModal(): Promise<void>;
         showUpgradeModalAndSaveAsync(): Promise<void>;
         showStripeOnboardingModal(): void;

package/lib/src/shared/publish-brand-page-with-state/PublishBrandPageModalWithState.mixin.d.ts

@@ -45,7 +45,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     publishBrandPage: import("vue").ComputedRef<({ shouldPublish, slug }: {
         shouldPublish: any;
         slug: any;
-    }) => Promise<boolean>>;
+    }) => Promise<false | {
+        success: boolean;
+        websiteUpsellModalViewModel: any;
+    }>>;
     publishCustomDomain: import("vue").ComputedRef<({ shouldPublish, slug, domain, isPurchasedDomain, }: {
         shouldPublish: any;
         slug: any;
@@ -59,12 +62,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     errorMessage: import("vue").ComputedRef<string | null>;
     publishErrorMessage: import("vue").ComputedRef<string>;
     isBrandPageSlugEditMode: import("vue").ComputedRef<boolean>;
+    abTests: import("vue").ComputedRef<Record<string, string>>;
     brandPageType: import("vue").ComputedRef<"default" | "brandSite" | "brandContact">;
+    isSubsequentPublish: import("vue").ComputedRef<boolean>;
     brandPageMakerStore: import("pinia").Store<"brandPageMaker", import("../../brand-page-maker/stores").BrandPageMakerState, {
         contentErrorCount(): number;
         brandPageBaseUrl(): string;
         brandPageContentTypes(): string[];
-        brandPageData(): import("../../brand-page").BrandPageModel;
+        brandPageData(): import("../../brand-page/models").BrandPageModel;
         brandPageToken(): string | undefined;
         brandPageDescription(): string;
         brandPageSlug(): string;
@@ -147,17 +152,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         onTemplateSelected(payload: import("../../brand-page-maker/stores").OnTemplateSelectedPayload): void;
         setSelectedTabName(payload: any): void;
         showNextNotificationMessage(): Promise<void>;
-        updateContent<TContent extends import("../../brand-page").Content, P extends {
+        updateContent<TContent extends import("../../brand-page/models").Content, P extends {
             id: string;
             content: TContent;
         }>(payload: P): Promise<void>;
-        export(): import("../../brand-page").BrandPageModel;
+        export(): import("../../brand-page/models").BrandPageModel;
         setBrandPageType({ brandPageType }: {
             brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
         initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, logoVariationImageUrls, shopConfigData, }: import("../../brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
-            pages: import("../../brand-page").PageModel[];
+            pages: import("../../brand-page/models").PageModel[];
             sections: import("../page-settings/store").PageSettingsStateSections;
         }): void;
         initialiseAdminMaker(payload: {
@@ -173,7 +178,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         validateContentItems(): Promise<void>;
         validateBrandPageData(): Promise<void>;
         setViewport(payload: {
-            viewport: import("../../brand-page").ViewportsType;
+            viewport: import("../../brand-page/models").ViewportsType;
         }): void;
         showStripeOnboardingModal(): Promise<void>;
         selectInitialCategories(payload: import("../template-settings/models").InitialCategories): void;
@@ -237,8 +242,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isPrePurchase: boolean;
             makerFonts: any[];
             eventButtonLocation?: string | undefined;
+            websiteUpsellModalViewModel?: any;
             showPublishOptionModal?: boolean | undefined;
             abTests: Record<string, string>;
+            isSubsequentPublish: boolean;
         } & import("pinia").PiniaCustomStateProperties<import("../../brand-page-maker/stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
             availableTaxes: any[];
@@ -296,8 +303,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isPrePurchase: boolean;
             makerFonts: any[];
             eventButtonLocation?: string | undefined;
+            websiteUpsellModalViewModel?: any;
             showPublishOptionModal?: boolean | undefined;
             abTests: Record<string, string>;
+            isSubsequentPublish: boolean;
         } & import("pinia").PiniaCustomStateProperties<import("../../brand-page-maker/stores").BrandPageContainerState>) => boolean;
     }, {
         clearTriggerSaveEventApiOnPublishModalClose(): void;
@@ -330,6 +339,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }): void;
         setCreateCustomDomainErrorMessage(payload: any): void;
         setBrandPageIsCustomDomainEnabled(payload: any): void;
+        setIsSubsequentPublish(payload: any): void;
         clearPublishErrorMessage(): void;
         closePublishModal(payload?: {
             skipShowNextNotificationMessage?: boolean | undefined;
@@ -339,7 +349,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         publishBrandPage({ shouldPublish, slug }: {
             shouldPublish: any;
             slug: any;
-        }): Promise<boolean>;
+        }): Promise<false | {
+            success: boolean;
+            websiteUpsellModalViewModel: any;
+        }>;
         publishBrandPageWithCustomDomainAsync({ shouldPublish, slug, domain, isPurchasedDomain, }: {
             shouldPublish: any;
             slug: any;
@@ -356,12 +369,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             eventButtonLocation?: string | undefined;
         }): Promise<false | {
             saved: boolean;
-            canPublish: any;
+            canPublish: boolean;
+            websiteUpsellModalViewModel: any;
         }>;
         saveAndPublishBrandPage(eventButtonLocation: string): Promise<void>;
         saveTemplate(): Promise<void>;
         setBrandPageStatus(status: any): Promise<void>;
-        showPublishModal(eventButtonLocation?: string | undefined): void;
+        showPublishModal(eventButtonLocation?: string | undefined, websiteUpsellModalViewModel?: any, isSubsequentPublish?: boolean | undefined): void;
         showBrandPageSlugEditModal(): Promise<void>;
         showUpgradeModalAndSaveAsync(): Promise<void>;
         showStripeOnboardingModal(): void;
@@ -394,6 +408,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }): Promise<void>;
     }>;
     eventTracker: {
+        sendExperimentStartedEvent: (abTestKey: string, abTestValue: string) => void;
         setGlobalEventProps: (props: Omit<import("../../brand-page-maker/composables/useEventTracker").BpGlobalEventProps, "template_category">) => void;
         setUpsellBridgeState: (props: import("../../brand-page-maker/composables/useEventTracker").BpUpsellEventProps) => void;
         subscribe: (callbackFn: (event: import("../../brand-page-maker/composables/useEventTracker").BpEventTrackerEvent) => void) => void;
@@ -402,6 +417,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         sendUpsellOpenEvent: () => void;
         sendUpsellContinuationEvent: (continuation: string) => void;
         sendPublishOpenEvent: () => void;
+        appendPublishBridgeState: (props: any) => void;
         sendPublishContinuationEvent: (continuation: string, domain: string | null) => void;
         sendWebsiteManageAddPageEvent: (pageName: string) => void;
         sendWebsiteManageRemovePageEvent: (pageName: string) => void;
@@ -414,6 +430,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         sendTemplateCategorySelectEvent: (category: string) => void;
         sendSidebarCategoryClickedEvent: (tabName: string) => void;
         sendAddContentContinuationEvent: (continuation: string) => void;
+        sendUpsellOfferEvent: (upsellType: string) => void;
+        sendUpsellOfferActionEvent: (upsellType: string, action: string) => void;
     };
 }, {
     purchasedDomains: UserDomainName[];
@@ -437,6 +455,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     getBusinessName(): string | undefined;
     hasPurchasedDomains(): boolean;
     isActiveDomain(): boolean;
+    showUpsellRotation(): boolean;
 }, {
     closeModal(): void;
     onCopyUrlClicked(): void;
@@ -450,7 +469,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onResetDomain(): void;
     onSlugChanged(e: any): void;
     onPublish(slug: string, domain: DomainObjectType): Promise<void>;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("on-close" | "on-publish" | "on-slug-changed" | "on-publish-options")[], "on-close" | "on-publish" | "on-slug-changed" | "on-publish-options", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("on-close" | "on-publish" | "on-slug-changed" | "on-publish-options" | "upsell-offered")[], "on-close" | "on-publish" | "on-slug-changed" | "on-publish-options" | "upsell-offered", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     visible: {
         type: BooleanConstructor;
         default: boolean;
@@ -475,6 +494,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onOn-publish"?: ((...args: any[]) => any) | undefined;
     "onOn-slug-changed"?: ((...args: any[]) => any) | undefined;
     "onOn-publish-options"?: ((...args: any[]) => any) | undefined;
+    "onUpsell-offered"?: ((...args: any[]) => any) | undefined;
 }>, {
     shouldPublish: boolean;
     visible: boolean;

package/lib/src/shared/publish-brand-page-with-state/PublishBrandPageModalWithState.mixin.js

@@ -5,6 +5,7 @@ import { CUSTOM_DOMAIN_STATUSES, DOMAIN_TYPE, } from '../../brand-page-maker/con
 import { defaultUSDCurrency } from '../../brand-page-maker/constants/currency-constants';
 import { PUBLISH_MODAL_CONTINUATION_EVENTS, useEventTracker, } from '../../brand-page-maker/composables/useEventTracker';
 import { publishBrandPageModalWithStateTr } from '../../composables/useTranslate';
+import { BRAND_PAGE_TYPES } from '../../brand-page/models';
 export default defineComponent({
     props: {
         visible: {
@@ -27,7 +28,13 @@ export default defineComponent({
             default: false,
         },
     },
-    emits: ['on-close', 'on-publish', 'on-slug-changed', 'on-publish-options'],
+    emits: [
+        'on-close',
+        'on-publish',
+        'on-slug-changed',
+        'on-publish-options',
+        'upsell-offered',
+    ],
     setup() {
         const brandPageMakerStore = useBrandPageMakerStore();
         const brandPageContainerStore = useBrandPageContainerStore();
@@ -63,7 +70,9 @@ export default defineComponent({
             errorMessage: computed(() => brandPageContainerStore.createCustomDomainErrorMessage),
             publishErrorMessage: computed(() => brandPageContainerStore.publishErrorMessage),
             isBrandPageSlugEditMode: computed(() => brandPageContainerStore.isBrandPageSlugEditMode),
+            abTests: computed(() => brandPageContainerStore.abTests),
             brandPageType: computed(() => brandPageMakerStore.brandPageType),
+            isSubsequentPublish: computed(() => brandPageContainerStore.isSubsequentPublish),
             brandPageMakerStore,
             brandPageContainerStore,
             eventTracker,
@@ -124,6 +133,11 @@ export default defineComponent({
                 this.brandPageContainerStore.customDomain.status ===
                     CUSTOM_DOMAIN_STATUSES.active);
         },
+        showUpsellRotation() {
+            return (this.abTests.bp_4092_rotating_upsells_at_publish &&
+                this.abTests.bp_4092_rotating_upsells_at_publish.isVariation &&
+                this.brandPageMakerStore.brandPageType === BRAND_PAGE_TYPES.brandSite);
+        },
     },
     watch: {
         customDomain(newCustomDomain) {
@@ -206,12 +220,21 @@ export default defineComponent({
                     domain: domain,
                     isPurchasedDomain: this.hasPurchasedDomains,
                 });
+                this.brandPageContainerStore.setIsPublishModalVisible({
+                    isVisible: true,
+                });
             }
             else {
-                await this.publishBrandPage({
+                const response = await this.publishBrandPage({
                     shouldPublish: this.shouldPublish,
                     slug: slug,
                 });
+                this.brandPageContainerStore.setIsPublishModalVisible({
+                    isVisible: true,
+                    websiteUpsellModalViewModel: response?.websiteUpsellModalViewModel
+                        ? response.websiteUpsellModalViewModel
+                        : undefined,
+                });
             }
             this.eventTracker.sendPublishContinuationEvent(PUBLISH_MODAL_CONTINUATION_EVENTS.PUBLISH, domain?.domainName || null);
             this.isLoading = false;

package/lib/src/shared/side-bar/components/SideBar.mixin.d.ts

@@ -73,8 +73,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isPrePurchase: boolean;
             makerFonts: any[];
             eventButtonLocation?: string | undefined;
+            websiteUpsellModalViewModel?: any;
             showPublishOptionModal?: boolean | undefined;
             abTests: Record<string, string>;
+            isSubsequentPublish: boolean;
         } & import("pinia").PiniaCustomStateProperties<import("../../../brand-page-maker/stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
             availableTaxes: any[];
@@ -132,8 +134,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isPrePurchase: boolean;
             makerFonts: any[];
             eventButtonLocation?: string | undefined;
+            websiteUpsellModalViewModel?: any;
             showPublishOptionModal?: boolean | undefined;
             abTests: Record<string, string>;
+            isSubsequentPublish: boolean;
         } & import("pinia").PiniaCustomStateProperties<import("../../../brand-page-maker/stores").BrandPageContainerState>) => boolean;
     }, {
         clearTriggerSaveEventApiOnPublishModalClose(): void;
@@ -166,6 +170,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }): void;
         setCreateCustomDomainErrorMessage(payload: any): void;
         setBrandPageIsCustomDomainEnabled(payload: any): void;
+        setIsSubsequentPublish(payload: any): void;
         clearPublishErrorMessage(): void;
         closePublishModal(payload?: {
             skipShowNextNotificationMessage?: boolean | undefined;
@@ -175,7 +180,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         publishBrandPage({ shouldPublish, slug }: {
             shouldPublish: any;
             slug: any;
-        }): Promise<boolean>;
+        }): Promise<false | {
+            success: boolean;
+            websiteUpsellModalViewModel: any;
+        }>;
         publishBrandPageWithCustomDomainAsync({ shouldPublish, slug, domain, isPurchasedDomain, }: {
             shouldPublish: any;
             slug: any;
@@ -192,12 +200,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             eventButtonLocation?: string | undefined;
         }): Promise<false | {
             saved: boolean;
-            canPublish: any;
+            canPublish: boolean;
+            websiteUpsellModalViewModel: any;
         }>;
         saveAndPublishBrandPage(eventButtonLocation: string): Promise<void>;
         saveTemplate(): Promise<void>;
         setBrandPageStatus(status: any): Promise<void>;
-        showPublishModal(eventButtonLocation?: string | undefined): void;
+        showPublishModal(eventButtonLocation?: string | undefined, websiteUpsellModalViewModel?: any, isSubsequentPublish?: boolean | undefined): void;
         showBrandPageSlugEditModal(): Promise<void>;
         showUpgradeModalAndSaveAsync(): Promise<void>;
         showStripeOnboardingModal(): void;

package/lib/src/shared/side-bar/components/SideBarTabButton.mixin.d.ts

@@ -13,6 +13,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>;
     isDesignCom: import("vue").ComputedRef<boolean>;
     eventTracker: {
+        sendExperimentStartedEvent: (abTestKey: string, abTestValue: string) => void;
         setGlobalEventProps: (props: Omit<import("../../../brand-page-maker/composables/useEventTracker").BpGlobalEventProps, "template_category">) => void;
         setUpsellBridgeState: (props: import("../../../brand-page-maker/composables/useEventTracker").BpUpsellEventProps) => void;
         subscribe: (callbackFn: (event: import("../../../brand-page-maker/composables/useEventTracker").BpEventTrackerEvent) => void) => void;
@@ -21,6 +22,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         sendUpsellOpenEvent: () => void;
         sendUpsellContinuationEvent: (continuation: string) => void;
         sendPublishOpenEvent: () => void;
+        appendPublishBridgeState: (props: any) => void;
         sendPublishContinuationEvent: (continuation: string, domain: string | null) => void;
         sendWebsiteManageAddPageEvent: (pageName: string) => void;
         sendWebsiteManageRemovePageEvent: (pageName: string) => void;
@@ -33,6 +35,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         sendTemplateCategorySelectEvent: (category: string) => void;
         sendSidebarCategoryClickedEvent: (tabName: string) => void;
         sendAddContentContinuationEvent: (continuation: string) => void;
+        sendUpsellOfferEvent: (upsellType: string) => void;
+        sendUpsellOfferActionEvent: (upsellType: string, action: string) => void;
     };
 }, {}, {}, {
     onTabSelected(tabName: string): void;