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

package/lib/src/{CreatedOnBrandCrowd-de-de-BWNaSfFj.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-BAogQklh.js";
+import { _ as t } from "./lib-B6YdKTau.js";
 const i = {}, h = {
   width: "275",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-en-us-BY9aeDMv.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-BAogQklh.js";
+import { _ as t } from "./lib-B6YdKTau.js";
 const i = {}, h = {
   width: "251",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-es-es-CS_1PWua.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-BAogQklh.js";
+import { _ as t } from "./lib-B6YdKTau.js";
 const i = {}, h = {
   width: "250",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-fr-fr-BEvtF_4D.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-BAogQklh.js";
+import { _ as t } from "./lib-B6YdKTau.js";
 const i = {}, h = {
   width: "237",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-pt-pt-BhcDmSeh.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-BAogQklh.js";
+import { _ as t } from "./lib-B6YdKTau.js";
 const i = {}, h = {
   width: "263",
   height: "36",

package/lib/src/{CreatedOnDcom-de-de-H-eAS3dV.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-BAogQklh.js";
+import { _ as e } from "./lib-B6YdKTau.js";
 const M = {}, Z = {
   width: "242",
   height: "36",

package/lib/src/{CreatedOnDcom-en-us-D-VcbUgW.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-BAogQklh.js";
+import { _ as e } from "./lib-B6YdKTau.js";
 const i = {}, M = {
   width: "231",
   height: "36",

package/lib/src/{CreatedOnDcom-es-es-DduS8A1F.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-BAogQklh.js";
+import { _ as e } from "./lib-B6YdKTau.js";
 const M = {}, Z = {
   width: "230",
   height: "36",

package/lib/src/{CreatedOnDcom-fr-fr-BcCjONur.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-BAogQklh.js";
+import { _ as e } from "./lib-B6YdKTau.js";
 const i = {}, l = {
   width: "216",
   height: "36",

package/lib/src/{CreatedOnDcom-pt-pt-Dzc9W3TD.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-BAogQklh.js";
+import { _ as M } from "./lib-B6YdKTau.js";
 const Z = {}, e = {
   width: "232",
   height: "36",

package/lib/src/brand-page/components/icon/Icon.mixin.d.ts

@@ -113,6 +113,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     IconTikTok: import("vue").DefineComponent<{}, {}, any>;
     IconTumblr: import("vue").DefineComponent<{}, {}, any>;
     IconTwitch: import("vue").DefineComponent<{}, {}, any>;
+    IconTwitter: import("vue").DefineComponent<{}, {}, any>;
     IconX: import("vue").DefineComponent<{}, {}, any>;
     IconUser: import("vue").DefineComponent<{}, {}, any>;
     IconUtensils: import("vue").DefineComponent<{}, {}, any>;

package/lib/src/brand-page/components/icon/Icon.mixin.js

@@ -62,6 +62,7 @@ import IconThumbsUp from './icons/ThumbsUp.vue';
 import IconTikTok from './icons/TikTok.vue';
 import IconTumblr from './icons/Tumblr.vue';
 import IconTwitch from './icons/Twitch.vue';
+import IconTwitter from './icons/Twitter.vue';
 import IconX from './icons/X.vue';
 import IconUser from './icons/User.vue';
 import IconUtensils from './icons/Utensils.vue';
@@ -128,6 +129,7 @@ export default defineComponent({
         IconTikTok,
         IconTumblr,
         IconTwitch,
+        IconTwitter,
         IconX,
         IconUser,
         IconUtensils,

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/utils/migration/migration-051.d.ts

@@ -0,0 +1,4 @@
+import { type BrandPageModel } from '../..';
+export declare const migration051: (brandPageModel: BrandPageModel, options: {
+    isUserDraft: boolean;
+}) => BrandPageModel;

package/lib/src/brand-page/utils/migration/migration-051.js

@@ -0,0 +1,18 @@
+import {} from '../..';
+export const migration051 = (brandPageModel, options) => {
+    if (!options.isUserDraft) {
+        brandPageModel.pageFooterDesktop?.socialLinks?.forEach((link) => {
+            if (link.imageUrl === 'twitter') {
+                link.imageUrl = 'x';
+                link.url = 'https://www.x.com';
+            }
+        });
+        brandPageModel.pageFooterMobile?.socialLinks?.forEach((link) => {
+            if (link.imageUrl === 'twitter') {
+                link.imageUrl = 'x';
+                link.url = 'https://www.x.com';
+            }
+        });
+    }
+    return brandPageModel;
+};

package/lib/src/brand-page/utils/migration.util.js

@@ -4,6 +4,7 @@ import { migration02 } from './migration/migration-02';
 import { migration03 } from './migration/migration-03';
 import { migration04 } from './migration/migration-04';
 import { migration05 } from './migration/migration-05';
+import { migration051 } from './migration/migration-051';
 const MIGRATION_TABLE = [
     {
         version: 1,
@@ -25,6 +26,10 @@ const MIGRATION_TABLE = [
         version: 5,
         migrateFn: migration05,
     },
+    {
+        version: 5.1,
+        migrateFn: migration051,
+    },
 ];
 export const GetLatestModelVersion = () => Math.max(...MIGRATION_TABLE.map((x) => x.version));
 export const migrateBrandPageModel = (brandPageModel, options) => {

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;

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;
@@ -967,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;
@@ -975,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;
@@ -987,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,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/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,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;