@designcrowd/library.brand-page 5.12.19 → 5.13.1-upsell-1

package/lib/src/{CreatedOnBrandCrowd-de-de-43-I42BH.js → CreatedOnBrandCrowd-de-de-DobGvU85.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-A6QaGj8a.js";
+import { _ as t } from "./lib-Xcbla_Wn.js";
 const i = {}, h = {
   width: "275",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-en-us-0dcuU1jY.js → CreatedOnBrandCrowd-en-us-BCwK3quJ.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-A6QaGj8a.js";
+import { _ as t } from "./lib-Xcbla_Wn.js";
 const i = {}, h = {
   width: "251",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-es-es-EIZ2SjX9.js → CreatedOnBrandCrowd-es-es-Co4Dj7b1.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-A6QaGj8a.js";
+import { _ as t } from "./lib-Xcbla_Wn.js";
 const i = {}, h = {
   width: "250",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-fr-fr-CSrtj5tD.js → CreatedOnBrandCrowd-fr-fr-DDWgrbT8.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-A6QaGj8a.js";
+import { _ as t } from "./lib-Xcbla_Wn.js";
 const i = {}, h = {
   width: "237",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-pt-pt-dR4Vgg8X.js → CreatedOnBrandCrowd-pt-pt-Bre_nijJ.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-A6QaGj8a.js";
+import { _ as t } from "./lib-Xcbla_Wn.js";
 const i = {}, h = {
   width: "263",
   height: "36",

package/lib/src/{CreatedOnDcom-de-de-DHZBQQcr.js → CreatedOnDcom-de-de-4ceScI4C.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-A6QaGj8a.js";
+import { _ as e } from "./lib-Xcbla_Wn.js";
 const M = {}, Z = {
   width: "242",
   height: "36",

package/lib/src/{CreatedOnDcom-en-us-CIs5j_R9.js → CreatedOnDcom-en-us-B7tN4jB-.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-A6QaGj8a.js";
+import { _ as e } from "./lib-Xcbla_Wn.js";
 const i = {}, M = {
   width: "231",
   height: "36",

package/lib/src/{CreatedOnDcom-es-es-DR6cddAg.js → CreatedOnDcom-es-es-Dx3Msu63.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-A6QaGj8a.js";
+import { _ as e } from "./lib-Xcbla_Wn.js";
 const M = {}, Z = {
   width: "230",
   height: "36",

package/lib/src/{CreatedOnDcom-fr-fr-VBiAtQPb.js → CreatedOnDcom-fr-fr-ON94Na37.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-A6QaGj8a.js";
+import { _ as e } from "./lib-Xcbla_Wn.js";
 const i = {}, l = {
   width: "216",
   height: "36",

package/lib/src/{CreatedOnDcom-pt-pt-BJ4nZ3_O.js → CreatedOnDcom-pt-pt-Bi0h4wrw.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
-import { _ as M } from "./lib-A6QaGj8a.js";
+import { _ as M } from "./lib-Xcbla_Wn.js";
 const Z = {}, e = {
   width: "232",
   height: "36",

package/lib/src/brand-page/components/page/Page.mixin.js

@@ -207,7 +207,7 @@ export default defineComponent({
             if (this.context.isBrandSite) {
                 return false;
             }
-            if (this.viewModel.pages.length < 2) {
+            if (this.headerViewModelMobile.pages.length < 2) {
                 return false;
             }
             if (
@@ -233,7 +233,7 @@ export default defineComponent({
             if (this.context.isBrandSite) {
                 return false;
             }
-            if (this.viewModel.pages.length < 2) {
+            if (this.headerViewModelDesktop.pages.length < 2) {
                 return false;
             }
             if (

package/lib/src/brand-page/components/page/Page.stories.js

@@ -10,6 +10,7 @@ const modalImageLazy = JSON.parse(`{\r\n    \"styles\": {\r\n        \"logoStyle
 const brandPageModel = new BrandPageModel(modalImageLazy);
 const pages = brandPageModel.pages.map((p) => ({
     ...p,
+    isHidden: false,
     contents: p.contents
         .map(mapToViewModel(brandPageModel.styles, brandPageModel.brandPageType || BRAND_PAGE_TYPES.default))
         .filter((x) => x !== undefined),

package/lib/src/brand-page/models/brand-page-context.model.d.ts

@@ -36,6 +36,7 @@ export interface AbTestResult {
 }
 export interface AbTest {
     bp_3926_freemium_watermark?: AbTestResult;
+    bp_4092_rotating_upsells_at_publish?: AbTestResult;
 }
 export declare const MEDIA_SIZES: {
     readonly size1x: "size1x";
@@ -74,4 +75,5 @@ export interface BrandPageContext {
     isCapturingPreview: boolean;
     disableLogoRenderOnServerside?: boolean;
 }
+export declare const getValueType: (key: string, abtestValue?: string) => AbTestResult;
 export declare const getAbTestResults: (abtestKeyValues: Record<string, string>) => AbTest;

package/lib/src/brand-page/models/brand-page-context.model.js

@@ -24,13 +24,14 @@ export const AB_TEST_FLAG = {
 };
 const AB_TEST_KEYS = {
     BP_3926_FREEMIUM_WATERMARK: 'bc-bp-3926-freemium-cta-in-website-editor',
+    BP_4092_ROTATING_UPSELLS_AT_PUBLISH: 'bc-bp-4092-rotating-upsells-at-website-publish',
 };
 export const MEDIA_SIZES = {
     size1x: 'size1x',
     size2x: 'size2x',
     sizeThumb: 'sizeThumb',
 };
-const getValueType = (key, abtestValue) => {
+export const getValueType = (key, abtestValue) => {
     return {
         key: key,
         value: abtestValue || '',

package/lib/src/brand-page/models/index.d.ts

@@ -422,6 +422,7 @@ export declare class PageModel {
     title: string;
     slug: string;
     contents: Content[];
+    isHidden?: boolean;
     constructor(options: Partial<Omit<PageModel, 'contents'>> & Partial<Pick<PageModel, 'contents'>>);
 }
 type AbstractPageHeaderStylesType = Partial<AbstractPageHeaderStyles>;

package/lib/src/brand-page/models/index.js

@@ -163,10 +163,12 @@ export class PageModel {
     title;
     slug;
     contents;
+    isHidden;
     constructor(options) {
         this.title = options.title ?? '';
         this.slug = options.slug ?? '';
         this.contents = options.contents || [];
+        this.isHidden = options.isHidden ?? false;
     }
 }
 export class AbstractPageHeaderStyles {

package/lib/src/brand-page/utils/view-model.util.js

@@ -555,7 +555,7 @@ export const mapToPageHeaderViewModel = (pageHeader, pageStyles, pages) => {
     return {
         displayStyle: pageHeader.displayStyle,
         logo: mapToLogoViewModel(logoContent, logoStyles),
-        pages,
+        pages: pages.filter((p) => !p.isHidden),
         navigation: viewport === VIEWPORTS.mobile
             ? new NavigationMobile({
                 ...pageHeader.navigation,
@@ -679,6 +679,7 @@ export const getBrandPageViewModelFromBrandPageModel = (model, brandPageToken, s
             title: p.title,
             slug: p.slug,
             contents,
+            isHidden: Boolean(p?.isHidden),
         };
     });
     return {

package/lib/src/brand-page/view-models.d.ts

@@ -10,6 +10,7 @@ export interface PageViewModel {
     title: string;
     slug: string;
     contents: ContentViewModel[];
+    isHidden: boolean;
 }
 export interface ButtonViewModel extends ContentViewModel, Omit<ButtonWithModalContent, 'type'> {
     styles: Omit<ButtonStyles, 'templates'>;

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

@@ -246,6 +246,7 @@ 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>;
         } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
@@ -305,6 +306,7 @@ 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>;
         } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
@@ -365,12 +367,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): void;
         showBrandPageSlugEditModal(): Promise<void>;
         showUpgradeModalAndSaveAsync(): Promise<void>;
         showStripeOnboardingModal(): void;
@@ -907,6 +910,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             slug: string;
             index: number;
         }): void;
+        setPageVisibility({ isHidden, index, }: {
+            isHidden: boolean;
+            index: number;
+        }): 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" | "backgroundColorEnabled" | "copyrightText" | "socialLinks" | "textFontFamily";

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

@@ -684,6 +684,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             isPrePurchase: boolean;
             makerFonts: any[];
             eventButtonLocation?: string | undefined;
+            websiteUpsellModalViewModel?: any;
             showPublishOptionModal?: boolean | undefined;
             abTests: Record<string, string>;
         } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
@@ -743,6 +744,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             isPrePurchase: boolean;
             makerFonts: any[];
             eventButtonLocation?: string | undefined;
+            websiteUpsellModalViewModel?: any;
             showPublishOptionModal?: boolean | undefined;
             abTests: Record<string, string>;
         } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
@@ -803,12 +805,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): void;
         showBrandPageSlugEditModal(): Promise<void>;
         showUpgradeModalAndSaveAsync(): Promise<void>;
         showStripeOnboardingModal(): void;
@@ -922,6 +925,10 @@ declare const _default: import("vue").DefineComponent<{}, {
             slug: string;
             index: number;
         }): void;
+        setPageVisibility({ isHidden, index, }: {
+            isHidden: boolean;
+            index: number;
+        }): 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" | "backgroundColorEnabled" | "copyrightText" | "socialLinks" | "textFontFamily";
@@ -967,6 +974,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         setPreviousSelectedDisplayStyle(viewport: string, displayStyle: string): 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;
@@ -975,6 +983,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;
@@ -987,6 +996,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;
     styleSettingsStore: import("pinia").Store<"uiStyleSettings", import("../../../shared/style-settings/store").StyleSettingsState, {

package/lib/src/brand-page-maker/components/preview/Preview.stories.js

@@ -13,6 +13,7 @@ const pages = [
     {
         title: '',
         slug: '',
+        isHidden: false,
         contents: brandPageData
             .contents.map(mapToViewModel(pageStyles, brandPageData.brandPageType || BRAND_PAGE_TYPES.default))
             .filter((x) => x !== undefined),

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

@@ -67,6 +67,7 @@ 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>;
         } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
@@ -126,6 +127,7 @@ 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>;
         } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
@@ -186,12 +188,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): void;
         showBrandPageSlugEditModal(): Promise<void>;
         showUpgradeModalAndSaveAsync(): Promise<void>;
         showStripeOnboardingModal(): void;

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

@@ -83,6 +83,7 @@ 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>;
         } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
@@ -142,6 +143,7 @@ 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>;
         } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
@@ -202,12 +204,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): void;
         showBrandPageSlugEditModal(): Promise<void>;
         showUpgradeModalAndSaveAsync(): Promise<void>;
         showStripeOnboardingModal(): void;

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

@@ -86,6 +86,7 @@ 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>;
         } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
@@ -145,6 +146,7 @@ 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>;
         } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
@@ -205,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): void;
         showBrandPageSlugEditModal(): Promise<void>;
         showUpgradeModalAndSaveAsync(): Promise<void>;
         showStripeOnboardingModal(): void;

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

@@ -64,6 +64,7 @@ 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>;
         } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
@@ -123,6 +124,7 @@ 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>;
         } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
@@ -183,12 +185,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): void;
         showBrandPageSlugEditModal(): Promise<void>;
         showUpgradeModalAndSaveAsync(): Promise<void>;
         showStripeOnboardingModal(): void;

package/lib/src/brand-page-maker/components/upgrade-to-premium-button/UpgradeToPremiumButton.mixin.d.ts

@@ -64,6 +64,7 @@ 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>;
         } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
@@ -123,6 +124,7 @@ 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>;
         } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
@@ -183,12 +185,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): void;
         showBrandPageSlugEditModal(): Promise<void>;
         showUpgradeModalAndSaveAsync(): Promise<void>;
         showStripeOnboardingModal(): void;

package/lib/src/brand-page-maker/composables/useEventTracker.d.ts

@@ -18,7 +18,7 @@ export interface BpEventTrackerEvent {
     eventProps: any;
 }
 export declare const EVENTS: {
-    TEST: string;
+    EXPERIMENT_STARTED: string;
     WEBSITE_MAKER_ADD_CONTENT: string;
     WEBSITE_MAKER_REMOVE_CONTENT: string;
     WEBSITE_MAKER_SELECT_CONTENT: string;
@@ -38,6 +38,8 @@ export declare const EVENTS: {
     WEBSITE_MAKER_HYPERLINK_CLICK: string;
     WEBSITE_MAKER_HYPERLINK_EDIT: string;
     WEBSITE_MAKER_CALENDLY_LINK_CLICKED: string;
+    WEBSITE_MAKER_UPSELL_OFFER: string;
+    WEBSITE_MAKER_UPSELL_ACTION: string;
 };
 export declare const SELECT_LOCATIONS: {
     MAKER_PREVIEW: string;
@@ -73,6 +75,7 @@ export declare const PUBLISH_OPTION_MODAL_CONTINUATION_EVENTS: {
     FREEMIUM: string;
 };
 declare const useEventTracker: () => {
+    sendExperimentStartedEvent: (abTestKey: string, abTestValue: string) => void;
     setGlobalEventProps: (props: Omit<BpGlobalEventProps, 'template_category'>) => void;
     setUpsellBridgeState: (props: BpUpsellEventProps) => void;
     subscribe: (callbackFn: (event: BpEventTrackerEvent) => void) => void;
@@ -81,6 +84,7 @@ declare const useEventTracker: () => {
     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;
@@ -93,5 +97,7 @@ declare const useEventTracker: () => {
     sendTemplateCategorySelectEvent: (category: string) => void;
     sendSidebarCategoryClickedEvent: (tabName: string) => void;
     sendAddContentContinuationEvent: (continuation: string) => void;
+    sendUpsellOfferEvent: (upsellType: string) => void;
+    sendUpsellOfferActionEvent: (upsellType: string, action: string) => void;
 };
 export { useEventTracker };

package/lib/src/brand-page-maker/composables/useEventTracker.js

@@ -1,7 +1,7 @@
 import { shallowRef } from 'vue';
-// Event names should driven with prefix `bpmaker_` to distinguish the event from other events around the site
+// Event names should driven with prefix `website_maker_` to distinguish the event from other events around the site
 export const EVENTS = {
-    TEST: 'bpmaker_test',
+    EXPERIMENT_STARTED: '$experiment_started',
     WEBSITE_MAKER_ADD_CONTENT: 'website_maker_add_content',
     WEBSITE_MAKER_REMOVE_CONTENT: 'website_maker_remove_content',
     WEBSITE_MAKER_SELECT_CONTENT: 'website_maker_select_content',
@@ -21,6 +21,8 @@ export const EVENTS = {
     WEBSITE_MAKER_HYPERLINK_CLICK: 'website_maker_hyperlink_click',
     WEBSITE_MAKER_HYPERLINK_EDIT: 'website_maker_hyperlink_edit',
     WEBSITE_MAKER_CALENDLY_LINK_CLICKED: 'website_maker_calendly_link_clicked',
+    WEBSITE_MAKER_UPSELL_OFFER: 'website_maker_upsell_offer',
+    WEBSITE_MAKER_UPSELL_ACTION: 'website_maker_upsell_action',
 };
 export const SELECT_LOCATIONS = {
     MAKER_PREVIEW: 'maker_preview',
@@ -66,12 +68,12 @@ const bridgeState = shallowRef({
     publishOpenEventProps: {},
 });
 const LISTENERS = shallowRef([]);
-const _publishEvent = (eventName, eventProps) => {
+const _publishEvent = (eventName, eventProps, excludeGlobal = false) => {
     LISTENERS.value.forEach((listener) => {
         listener({
             eventName: eventName,
             eventProps: {
-                ...GLOBAL_EVENT_PROPS.value,
+                ...(excludeGlobal ? {} : GLOBAL_EVENT_PROPS.value),
                 ...eventProps,
             },
         });
@@ -79,6 +81,12 @@ const _publishEvent = (eventName, eventProps) => {
 };
 const useEventTracker = () => {
     return {
+        sendExperimentStartedEvent: (abTestKey, abTestValue) => {
+            _publishEvent(EVENTS.EXPERIMENT_STARTED, {
+                'Experiment name': abTestKey,
+                'Variant name': abTestValue,
+            }, true);
+        },
         setGlobalEventProps: (props) => {
             GLOBAL_EVENT_PROPS.value = { ...GLOBAL_EVENT_PROPS.value, ...props };
         },
@@ -118,6 +126,12 @@ const useEventTracker = () => {
                 continuation: null,
             });
         },
+        appendPublishBridgeState: (props) => {
+            bridgeState.value.publishOpenEventProps = {
+                ...bridgeState.value.publishOpenEventProps,
+                ...props,
+            };
+        },
         sendPublishContinuationEvent: (continuation, domain) => {
             _publishEvent(EVENTS.WEBSITE_MAKER_PUBLISH_MODAL, {
                 ...bridgeState.value.publishOpenEventProps,
@@ -182,6 +196,17 @@ const useEventTracker = () => {
                 continuation,
             });
         },
+        sendUpsellOfferEvent: (upsellType) => {
+            _publishEvent(EVENTS.WEBSITE_MAKER_UPSELL_OFFER, {
+                upsellType,
+            });
+        },
+        sendUpsellOfferActionEvent: (upsellType, action) => {
+            _publishEvent(EVENTS.WEBSITE_MAKER_UPSELL_ACTION, {
+                upsellType,
+                action,
+            });
+        },
     };
 };
 export { useEventTracker };

package/lib/src/brand-page-maker/stores/brandpage-container/brand-page-container-store.d.ts

@@ -44,6 +44,7 @@ export interface BrandPageContainerState {
     isPrePurchase: boolean;
     makerFonts: any[];
     eventButtonLocation?: string;
+    websiteUpsellModalViewModel?: any;
     showPublishOptionModal?: boolean;
     abTests: Record<string, string>;
 }
@@ -117,6 +118,7 @@ export declare const useBrandPageContainerStore: import("pinia").StoreDefinition
         isPrePurchase: boolean;
         makerFonts: any[];
         eventButtonLocation?: string | undefined;
+        websiteUpsellModalViewModel?: any;
         showPublishOptionModal?: boolean | undefined;
         abTests: Record<string, string>;
     } & import("pinia").PiniaCustomStateProperties<BrandPageContainerState>) => boolean;
@@ -176,6 +178,7 @@ export declare const useBrandPageContainerStore: import("pinia").StoreDefinition
         isPrePurchase: boolean;
         makerFonts: any[];
         eventButtonLocation?: string | undefined;
+        websiteUpsellModalViewModel?: any;
         showPublishOptionModal?: boolean | undefined;
         abTests: Record<string, string>;
     } & import("pinia").PiniaCustomStateProperties<BrandPageContainerState>) => boolean;
@@ -236,12 +239,13 @@ export declare const useBrandPageContainerStore: import("pinia").StoreDefinition
         eventButtonLocation?: string;
     }): 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): void;
+    showPublishModal(eventButtonLocation?: string, websiteUpsellModalViewModel?: any): void;
     showBrandPageSlugEditModal(): Promise<void>;
     showUpgradeModalAndSaveAsync(): Promise<void>;
     showStripeOnboardingModal(): void;