@designcrowd/library.brand-page 5.12.17 → 5.12.18-upsell-1

package/lib/src/{CreatedOnBrandCrowd-de-de-SuRBYEOK.js → CreatedOnBrandCrowd-de-de-CYcz2hSC.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-nRsOUZ3P.js → CreatedOnBrandCrowd-en-us-Doj9YjhF.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-ClBEtWuB.js → CreatedOnBrandCrowd-es-es-COhwPYuu.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-K4MC8Ylw.js → CreatedOnBrandCrowd-fr-fr-opRV0oz_.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-CVu8GWB4.js → CreatedOnBrandCrowd-pt-pt-D7DiCvI_.js}

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

package/lib/src/{CreatedOnDcom-de-de-CKGT_xy8.js → CreatedOnDcom-de-de-Beqaiw33.js}

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

package/lib/src/{CreatedOnDcom-en-us-DwqjHxyq.js → CreatedOnDcom-en-us-BVmIVdyf.js}

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

package/lib/src/{CreatedOnDcom-es-es-BMx0XD9Y.js → CreatedOnDcom-es-es-eQy4uWKt.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-WgW2vbbI.js → CreatedOnDcom-fr-fr-EuzFzFmx.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-BZJmhI7K.js → CreatedOnDcom-pt-pt-ZXrw5G6P.js}

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

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-maker/components/brand-page-maker/BrandPageMaker.mixin.d.ts

@@ -246,9 +246,9 @@ 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>;
-            logoBrandIndustry: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
             availableTaxes: any[];
@@ -306,9 +306,9 @@ 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>;
-            logoBrandIndustry: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
     }, {
         clearTriggerSaveEventApiOnPublishModalClose(): void;
@@ -367,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;
@@ -1001,9 +1002,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         selectInitialTemplateCategory(payload: {
             selectedCategory: string;
         }): void;
-        setInitialSearchTerm(payload: {
-            initialSearchTerm: string;
-        }): void;
         clearTemplates(): void;
         getTemplateByTemplateId(id: string): import("../../../shared/template-settings/models").TemplateSettingsTemplate | undefined;
     }>;

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

@@ -175,7 +175,6 @@ const InitialiseMakerStores = (options) => {
         triggerSaveSuccessMessage: false,
         triggerSaveEventApiOnPublishModalClose: false,
         abTests: {},
-        logoBrandIndustry: '',
     });
     userStore.setIsAdmin({ isAdmin: options.isAdmin || false });
     userStore.setHasBrandPagePremiumSubscription(false);

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

@@ -684,9 +684,9 @@ declare const _default: import("vue").DefineComponent<{}, {
             isPrePurchase: boolean;
             makerFonts: any[];
             eventButtonLocation?: string | undefined;
+            websiteUpsellModalViewModel?: any;
             showPublishOptionModal?: boolean | undefined;
             abTests: Record<string, string>;
-            logoBrandIndustry: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
             availableTaxes: any[];
@@ -744,9 +744,9 @@ declare const _default: import("vue").DefineComponent<{}, {
             isPrePurchase: boolean;
             makerFonts: any[];
             eventButtonLocation?: string | undefined;
+            websiteUpsellModalViewModel?: any;
             showPublishOptionModal?: boolean | undefined;
             abTests: Record<string, string>;
-            logoBrandIndustry: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
     }, {
         clearTriggerSaveEventApiOnPublishModalClose(): void;
@@ -805,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;
@@ -969,6 +970,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;
@@ -977,6 +979,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;
@@ -989,6 +992,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/quick-link-bar/QuickLinkBar.mixin.d.ts

@@ -67,9 +67,9 @@ 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>;
-            logoBrandIndustry: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
             availableTaxes: any[];
@@ -127,9 +127,9 @@ 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>;
-            logoBrandIndustry: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
     }, {
         clearTriggerSaveEventApiOnPublishModalClose(): void;
@@ -188,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,9 +83,9 @@ 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>;
-            logoBrandIndustry: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
             availableTaxes: any[];
@@ -143,9 +143,9 @@ 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>;
-            logoBrandIndustry: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
     }, {
         clearTriggerSaveEventApiOnPublishModalClose(): void;
@@ -204,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,9 +86,9 @@ 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>;
-            logoBrandIndustry: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
             availableTaxes: any[];
@@ -146,9 +146,9 @@ 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>;
-            logoBrandIndustry: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
     }, {
         clearTriggerSaveEventApiOnPublishModalClose(): void;
@@ -207,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,9 +64,9 @@ 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>;
-            logoBrandIndustry: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
             availableTaxes: any[];
@@ -124,9 +124,9 @@ 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>;
-            logoBrandIndustry: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
     }, {
         clearTriggerSaveEventApiOnPublishModalClose(): void;
@@ -185,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,9 +64,9 @@ 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>;
-            logoBrandIndustry: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
             availableTaxes: any[];
@@ -124,9 +124,9 @@ 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>;
-            logoBrandIndustry: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
     }, {
         clearTriggerSaveEventApiOnPublishModalClose(): void;
@@ -185,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/rich-text-editor/useRichTextEditor.js

@@ -75,7 +75,14 @@ export const useRichTextEditor = (model, props, emit, fontSettings, fontStyleDro
         content: model.value ?? '',
         editable: !props.readOnly,
         extensions: [
-            StarterKit,
+            StarterKit.configure({
+                bulletList: false,
+                orderedList: false,
+                listItem: false,
+                horizontalRule: false,
+                codeBlock: false,
+                code: false,
+            }),
             Underline,
             TextStyle.configure({ mergeNestedSpanStyles: true }),
             TextAlign.configure({

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,9 +44,9 @@ export interface BrandPageContainerState {
     isPrePurchase: boolean;
     makerFonts: any[];
     eventButtonLocation?: string;
+    websiteUpsellModalViewModel?: any;
     showPublishOptionModal?: boolean;
     abTests: Record<string, string>;
-    logoBrandIndustry: string | undefined;
 }
 export type InitialisePayload = Omit<BrandPageContainerState, 'customDomain' | 'customDomainConfig'> & {
     logoDraftToken?: string;
@@ -118,9 +118,9 @@ export declare const useBrandPageContainerStore: import("pinia").StoreDefinition
         isPrePurchase: boolean;
         makerFonts: any[];
         eventButtonLocation?: string | undefined;
+        websiteUpsellModalViewModel?: any;
         showPublishOptionModal?: boolean | undefined;
         abTests: Record<string, string>;
-        logoBrandIndustry: string | undefined;
     } & import("pinia").PiniaCustomStateProperties<BrandPageContainerState>) => boolean;
     isUserDraft: (state: {
         availableTaxes: any[];
@@ -178,9 +178,9 @@ export declare const useBrandPageContainerStore: import("pinia").StoreDefinition
         isPrePurchase: boolean;
         makerFonts: any[];
         eventButtonLocation?: string | undefined;
+        websiteUpsellModalViewModel?: any;
         showPublishOptionModal?: boolean | undefined;
         abTests: Record<string, string>;
-        logoBrandIndustry: string | undefined;
     } & import("pinia").PiniaCustomStateProperties<BrandPageContainerState>) => boolean;
 }, {
     clearTriggerSaveEventApiOnPublishModalClose(): void;
@@ -239,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;