@designcrowd/library.brand-page 5.16.29-pre-temp-13 → 5.16.30-kp-1

package/lib/src/{CreatedOnBrandCrowd-de-de-C5cvDYY0.js → CreatedOnBrandCrowd-de-de-B2riw7Xf.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-D0KCSK_6.js → CreatedOnBrandCrowd-en-us-CTC2zNoh.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-BtlaguF9.js → CreatedOnBrandCrowd-es-es-EphpRV0M.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-RGdnURaa.js → CreatedOnBrandCrowd-fr-ca-BLfuCpr3.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-RGdnURaa.js → CreatedOnBrandCrowd-fr-fr-BLfuCpr3.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-BJwt5ATI.js → CreatedOnBrandCrowd-pt-br-OsTP6mgn.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-BJwt5ATI.js → CreatedOnBrandCrowd-pt-pt-OsTP6mgn.js}

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

package/lib/src/{CreatedOnDcom-de-de-LUA5Wvy5.js → CreatedOnDcom-de-de-DAvVGWaZ.js}

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

package/lib/src/{CreatedOnDcom-en-us-Dd1UPBVq.js → CreatedOnDcom-en-us-CA4CBgkZ.js}

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

package/lib/src/{CreatedOnDcom-es-es-CD923NVo.js → CreatedOnDcom-es-es-DBW-7edp.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-C6Mc--2a.js → CreatedOnDcom-fr-ca-DGPhBy4R.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-Ffrd6Erx.js → CreatedOnDcom-fr-fr-FB5HjDlW.js}

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

package/lib/src/{CreatedOnDcom-pt-br-BfoY5gWJ.js → CreatedOnDcom-pt-br-GxFqbM2q.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-f0ywi387.js → CreatedOnDcom-pt-pt-CsbZfRMY.js}

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

package/lib/src/brand-page-maker/components/admin-background-settings/AdminBackgroundSettings.mixin.d.ts

@@ -218,7 +218,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: string;
         }): Promise<void>;
         onTemplateSelected(payload: import("../../stores").OnTemplateSelectedPayload): Promise<void>;
-        showUpgradeModalAndSaveAsync(): Promise<void>;
+        showUpgradeModalAndSaveAsync(contextualUpgradeType?: "Publish" | "ContactForm" | "Videos" | "Maps" | "AddPage" | "RemoveWatermark" | "GoogleAd" | undefined): Promise<void>;
         setIsPersonalisationEnabled({ isPersonalisationEnabled, }: {
             isPersonalisationEnabled: boolean;
         }): void;

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

@@ -263,6 +263,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             showPublishOptionModal?: boolean | undefined;
             abTests: Record<string, string>;
             isSubsequentPublish: boolean;
+            isContextualUpgradeModalVisible: boolean;
+            contextualUpgradeType: "Publish" | "ContactForm" | "Videos" | "Maps" | "AddPage" | "RemoveWatermark" | "GoogleAd" | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
             availableTaxes: any[];
@@ -322,6 +324,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             showPublishOptionModal?: boolean | undefined;
             abTests: Record<string, string>;
             isSubsequentPublish: boolean;
+            isContextualUpgradeModalVisible: boolean;
+            contextualUpgradeType: "Publish" | "ContactForm" | "Videos" | "Maps" | "AddPage" | "RemoveWatermark" | "GoogleAd" | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
     }, {
         initialise(payload: import("../../stores/brandpage-container").InitialisePayload): void;
@@ -331,6 +335,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setIsPublishing(payload: any): void;
         setIsPublishModalVisible(payload: any): void;
         setIsPublishUpgradeModal(payload: any): void;
+        setIsContextualUpgradeModalVisible(payload: any): void;
+        setContextualUpgradeType(payload: any): void;
         setIsSaving(payload: any): void;
         setIsUpgradeModalVisible(payload: any): void;
         setPublishErrorMessage(payload: any): void;
@@ -390,7 +396,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setBrandPageStatus(status: any): Promise<void>;
         showPublishModal(eventButtonLocation?: string | undefined, websiteUpsellModalViewModel?: any, isSubsequentPublish?: boolean | undefined): void;
         showBrandPageSlugEditModal(eventButtonLocation: string): Promise<void>;
-        showUpgradeModalAndSaveAsync(): Promise<void>;
+        showUpgradeModalAndSaveAsync(contextualUpgradeType?: "Publish" | "ContactForm" | "Videos" | "Maps" | "AddPage" | "RemoveWatermark" | "GoogleAd" | undefined): Promise<void>;
+        getWebsiteContextualUpgrade(): Promise<import("../../../clients/brand-page-client").getWebsiteContextualUpgradeResponse | undefined>;
         showStripeOnboardingModal(): void;
         closeStripeOnboardingModal(): void;
         showSaveSuccessMessage(): Promise<void>;
@@ -893,7 +900,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: string;
         }): Promise<void>;
         onTemplateSelected(payload: import("../../stores").OnTemplateSelectedPayload): Promise<void>;
-        showUpgradeModalAndSaveAsync(): Promise<void>;
+        showUpgradeModalAndSaveAsync(contextualUpgradeType?: "Publish" | "ContactForm" | "Videos" | "Maps" | "AddPage" | "RemoveWatermark" | "GoogleAd" | undefined): Promise<void>;
         setIsPersonalisationEnabled({ isPersonalisationEnabled, }: {
             isPersonalisationEnabled: boolean;
         }): void;

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

@@ -174,6 +174,8 @@ const InitialiseMakerStores = (options) => {
         triggerSaveSuccessMessage: false,
         abTests: {},
         isSubsequentPublish: false,
+        contextualUpgradeType: undefined,
+        isContextualUpgradeModalVisible: false,
         gettyVideos: [],
     });
     userStore.setIsAdmin({ isAdmin: options.isAdmin || false });

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

@@ -1,5 +1,5 @@
 import { computed, defineComponent } from 'vue';
-import { DESKTOP_HEIGHT, DESKTOP_WIDTH, MOBILE_HEIGHT, MOBILE_WIDTH, } from '../../constants';
+import { DESKTOP_HEIGHT, DESKTOP_WIDTH, MOBILE_HEIGHT, MOBILE_WIDTH, MOBILE_HEIGHT_POST_PURCHASE, } from '../../constants';
 import { useBrandPageMakerStore, useBrandPageContainerStore, } from '../../../lib';
 export default defineComponent({
     setup() {
@@ -21,7 +21,10 @@ export default defineComponent({
             return this.isBrandSite ? DESKTOP_WIDTH : MOBILE_WIDTH;
         },
         height() {
-            return this.isBrandSite ? DESKTOP_HEIGHT : MOBILE_HEIGHT;
+            if (this.isBrandSite) {
+                return DESKTOP_HEIGHT;
+            }
+            return this.isPrePurchase ? MOBILE_HEIGHT : MOBILE_HEIGHT_POST_PURCHASE;
         },
     },
 });

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

@@ -696,6 +696,8 @@ declare const _default: import("vue").DefineComponent<{}, {
             showPublishOptionModal?: boolean | undefined;
             abTests: Record<string, string>;
             isSubsequentPublish: boolean;
+            isContextualUpgradeModalVisible: boolean;
+            contextualUpgradeType: "Publish" | "ContactForm" | "Videos" | "Maps" | "AddPage" | "RemoveWatermark" | "GoogleAd" | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
             availableTaxes: any[];
@@ -755,6 +757,8 @@ declare const _default: import("vue").DefineComponent<{}, {
             showPublishOptionModal?: boolean | undefined;
             abTests: Record<string, string>;
             isSubsequentPublish: boolean;
+            isContextualUpgradeModalVisible: boolean;
+            contextualUpgradeType: "Publish" | "ContactForm" | "Videos" | "Maps" | "AddPage" | "RemoveWatermark" | "GoogleAd" | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
     }, {
         initialise(payload: import("../../stores/brandpage-container").InitialisePayload): void;
@@ -764,6 +768,8 @@ declare const _default: import("vue").DefineComponent<{}, {
         setIsPublishing(payload: any): void;
         setIsPublishModalVisible(payload: any): void;
         setIsPublishUpgradeModal(payload: any): void;
+        setIsContextualUpgradeModalVisible(payload: any): void;
+        setContextualUpgradeType(payload: any): void;
         setIsSaving(payload: any): void;
         setIsUpgradeModalVisible(payload: any): void;
         setPublishErrorMessage(payload: any): void;
@@ -823,7 +829,8 @@ declare const _default: import("vue").DefineComponent<{}, {
         setBrandPageStatus(status: any): Promise<void>;
         showPublishModal(eventButtonLocation?: string | undefined, websiteUpsellModalViewModel?: any, isSubsequentPublish?: boolean | undefined): void;
         showBrandPageSlugEditModal(eventButtonLocation: string): Promise<void>;
-        showUpgradeModalAndSaveAsync(): Promise<void>;
+        showUpgradeModalAndSaveAsync(contextualUpgradeType?: "Publish" | "ContactForm" | "Videos" | "Maps" | "AddPage" | "RemoveWatermark" | "GoogleAd" | undefined): Promise<void>;
+        getWebsiteContextualUpgrade(): Promise<import("../../../clients/brand-page-client").getWebsiteContextualUpgradeResponse | undefined>;
         showStripeOnboardingModal(): void;
         closeStripeOnboardingModal(): void;
         showSaveSuccessMessage(): Promise<void>;
@@ -991,7 +998,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         subscribe: (callbackFn: (event: import("../../../brand-page-maker/composables/useEventTracker").BpEventTrackerEvent) => void) => void;
         sendWebsiteEvent: (event: import("../../../brand-page-maker/composables/useEventTracker").BpEventTrackerEvent) => void;
         sendWebsiteMakerOpenEvent: (location: string) => void;
-        sendUpsellOpenEvent: () => void;
+        sendUpsellOpenEvent: (cta_location?: string | undefined) => void;
         sendUpsellContinuationEvent: (continuation: string) => void;
         sendPublishOpenEvent: () => void;
         appendPublishBridgeState: (props: any) => void;

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

@@ -69,6 +69,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             showPublishOptionModal?: boolean | undefined;
             abTests: Record<string, string>;
             isSubsequentPublish: boolean;
+            isContextualUpgradeModalVisible: boolean;
+            contextualUpgradeType: "Publish" | "ContactForm" | "Videos" | "Maps" | "AddPage" | "RemoveWatermark" | "GoogleAd" | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
             availableTaxes: any[];
@@ -128,6 +130,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             showPublishOptionModal?: boolean | undefined;
             abTests: Record<string, string>;
             isSubsequentPublish: boolean;
+            isContextualUpgradeModalVisible: boolean;
+            contextualUpgradeType: "Publish" | "ContactForm" | "Videos" | "Maps" | "AddPage" | "RemoveWatermark" | "GoogleAd" | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
     }, {
         initialise(payload: import("../../stores/brandpage-container").InitialisePayload): void;
@@ -137,6 +141,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setIsPublishing(payload: any): void;
         setIsPublishModalVisible(payload: any): void;
         setIsPublishUpgradeModal(payload: any): void;
+        setIsContextualUpgradeModalVisible(payload: any): void;
+        setContextualUpgradeType(payload: any): void;
         setIsSaving(payload: any): void;
         setIsUpgradeModalVisible(payload: any): void;
         setPublishErrorMessage(payload: any): void;
@@ -196,7 +202,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setBrandPageStatus(status: any): Promise<void>;
         showPublishModal(eventButtonLocation?: string | undefined, websiteUpsellModalViewModel?: any, isSubsequentPublish?: boolean | undefined): void;
         showBrandPageSlugEditModal(eventButtonLocation: string): Promise<void>;
-        showUpgradeModalAndSaveAsync(): Promise<void>;
+        showUpgradeModalAndSaveAsync(contextualUpgradeType?: "Publish" | "ContactForm" | "Videos" | "Maps" | "AddPage" | "RemoveWatermark" | "GoogleAd" | undefined): Promise<void>;
+        getWebsiteContextualUpgrade(): Promise<import("../../../clients/brand-page-client").getWebsiteContextualUpgradeResponse | undefined>;
         showStripeOnboardingModal(): void;
         closeStripeOnboardingModal(): void;
         showSaveSuccessMessage(): Promise<void>;

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

@@ -85,6 +85,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             showPublishOptionModal?: boolean | undefined;
             abTests: Record<string, string>;
             isSubsequentPublish: boolean;
+            isContextualUpgradeModalVisible: boolean;
+            contextualUpgradeType: "Publish" | "ContactForm" | "Videos" | "Maps" | "AddPage" | "RemoveWatermark" | "GoogleAd" | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
             availableTaxes: any[];
@@ -144,6 +146,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             showPublishOptionModal?: boolean | undefined;
             abTests: Record<string, string>;
             isSubsequentPublish: boolean;
+            isContextualUpgradeModalVisible: boolean;
+            contextualUpgradeType: "Publish" | "ContactForm" | "Videos" | "Maps" | "AddPage" | "RemoveWatermark" | "GoogleAd" | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
     }, {
         initialise(payload: import("../../stores/brandpage-container").InitialisePayload): void;
@@ -153,6 +157,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setIsPublishing(payload: any): void;
         setIsPublishModalVisible(payload: any): void;
         setIsPublishUpgradeModal(payload: any): void;
+        setIsContextualUpgradeModalVisible(payload: any): void;
+        setContextualUpgradeType(payload: any): void;
         setIsSaving(payload: any): void;
         setIsUpgradeModalVisible(payload: any): void;
         setPublishErrorMessage(payload: any): void;
@@ -212,7 +218,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setBrandPageStatus(status: any): Promise<void>;
         showPublishModal(eventButtonLocation?: string | undefined, websiteUpsellModalViewModel?: any, isSubsequentPublish?: boolean | undefined): void;
         showBrandPageSlugEditModal(eventButtonLocation: string): Promise<void>;
-        showUpgradeModalAndSaveAsync(): Promise<void>;
+        showUpgradeModalAndSaveAsync(contextualUpgradeType?: "Publish" | "ContactForm" | "Videos" | "Maps" | "AddPage" | "RemoveWatermark" | "GoogleAd" | undefined): Promise<void>;
+        getWebsiteContextualUpgrade(): Promise<import("../../../clients/brand-page-client").getWebsiteContextualUpgradeResponse | undefined>;
         showStripeOnboardingModal(): void;
         closeStripeOnboardingModal(): void;
         showSaveSuccessMessage(): Promise<void>;

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

@@ -89,6 +89,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             showPublishOptionModal?: boolean | undefined;
             abTests: Record<string, string>;
             isSubsequentPublish: boolean;
+            isContextualUpgradeModalVisible: boolean;
+            contextualUpgradeType: "Publish" | "ContactForm" | "Videos" | "Maps" | "AddPage" | "RemoveWatermark" | "GoogleAd" | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
             availableTaxes: any[];
@@ -148,6 +150,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             showPublishOptionModal?: boolean | undefined;
             abTests: Record<string, string>;
             isSubsequentPublish: boolean;
+            isContextualUpgradeModalVisible: boolean;
+            contextualUpgradeType: "Publish" | "ContactForm" | "Videos" | "Maps" | "AddPage" | "RemoveWatermark" | "GoogleAd" | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
     }, {
         initialise(payload: import("../../stores/brandpage-container").InitialisePayload): void;
@@ -157,6 +161,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setIsPublishing(payload: any): void;
         setIsPublishModalVisible(payload: any): void;
         setIsPublishUpgradeModal(payload: any): void;
+        setIsContextualUpgradeModalVisible(payload: any): void;
+        setContextualUpgradeType(payload: any): void;
         setIsSaving(payload: any): void;
         setIsUpgradeModalVisible(payload: any): void;
         setPublishErrorMessage(payload: any): void;
@@ -216,7 +222,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setBrandPageStatus(status: any): Promise<void>;
         showPublishModal(eventButtonLocation?: string | undefined, websiteUpsellModalViewModel?: any, isSubsequentPublish?: boolean | undefined): void;
         showBrandPageSlugEditModal(eventButtonLocation: string): Promise<void>;
-        showUpgradeModalAndSaveAsync(): Promise<void>;
+        showUpgradeModalAndSaveAsync(contextualUpgradeType?: "Publish" | "ContactForm" | "Videos" | "Maps" | "AddPage" | "RemoveWatermark" | "GoogleAd" | undefined): Promise<void>;
+        getWebsiteContextualUpgrade(): Promise<import("../../../clients/brand-page-client").getWebsiteContextualUpgradeResponse | undefined>;
         showStripeOnboardingModal(): void;
         closeStripeOnboardingModal(): void;
         showSaveSuccessMessage(): Promise<void>;

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

@@ -66,6 +66,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             showPublishOptionModal?: boolean | undefined;
             abTests: Record<string, string>;
             isSubsequentPublish: boolean;
+            isContextualUpgradeModalVisible: boolean;
+            contextualUpgradeType: "Publish" | "ContactForm" | "Videos" | "Maps" | "AddPage" | "RemoveWatermark" | "GoogleAd" | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
             availableTaxes: any[];
@@ -125,6 +127,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             showPublishOptionModal?: boolean | undefined;
             abTests: Record<string, string>;
             isSubsequentPublish: boolean;
+            isContextualUpgradeModalVisible: boolean;
+            contextualUpgradeType: "Publish" | "ContactForm" | "Videos" | "Maps" | "AddPage" | "RemoveWatermark" | "GoogleAd" | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
     }, {
         initialise(payload: import("../../stores/brandpage-container").InitialisePayload): void;
@@ -134,6 +138,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setIsPublishing(payload: any): void;
         setIsPublishModalVisible(payload: any): void;
         setIsPublishUpgradeModal(payload: any): void;
+        setIsContextualUpgradeModalVisible(payload: any): void;
+        setContextualUpgradeType(payload: any): void;
         setIsSaving(payload: any): void;
         setIsUpgradeModalVisible(payload: any): void;
         setPublishErrorMessage(payload: any): void;
@@ -193,7 +199,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setBrandPageStatus(status: any): Promise<void>;
         showPublishModal(eventButtonLocation?: string | undefined, websiteUpsellModalViewModel?: any, isSubsequentPublish?: boolean | undefined): void;
         showBrandPageSlugEditModal(eventButtonLocation: string): Promise<void>;
-        showUpgradeModalAndSaveAsync(): Promise<void>;
+        showUpgradeModalAndSaveAsync(contextualUpgradeType?: "Publish" | "ContactForm" | "Videos" | "Maps" | "AddPage" | "RemoveWatermark" | "GoogleAd" | undefined): Promise<void>;
+        getWebsiteContextualUpgrade(): Promise<import("../../../clients/brand-page-client").getWebsiteContextualUpgradeResponse | undefined>;
         showStripeOnboardingModal(): void;
         closeStripeOnboardingModal(): void;
         showSaveSuccessMessage(): Promise<void>;

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

@@ -143,6 +143,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             showPublishOptionModal?: boolean | undefined;
             abTests: Record<string, string>;
             isSubsequentPublish: boolean;
+            isContextualUpgradeModalVisible: boolean;
+            contextualUpgradeType: "Publish" | "ContactForm" | "Videos" | "Maps" | "AddPage" | "RemoveWatermark" | "GoogleAd" | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
             availableTaxes: any[];
@@ -202,6 +204,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             showPublishOptionModal?: boolean | undefined;
             abTests: Record<string, string>;
             isSubsequentPublish: boolean;
+            isContextualUpgradeModalVisible: boolean;
+            contextualUpgradeType: "Publish" | "ContactForm" | "Videos" | "Maps" | "AddPage" | "RemoveWatermark" | "GoogleAd" | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
     }, {
         initialise(payload: import("../../stores/brandpage-container").InitialisePayload): void;
@@ -211,6 +215,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setIsPublishing(payload: any): void;
         setIsPublishModalVisible(payload: any): void;
         setIsPublishUpgradeModal(payload: any): void;
+        setIsContextualUpgradeModalVisible(payload: any): void;
+        setContextualUpgradeType(payload: any): void;
         setIsSaving(payload: any): void;
         setIsUpgradeModalVisible(payload: any): void;
         setPublishErrorMessage(payload: any): void;
@@ -270,7 +276,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setBrandPageStatus(status: any): Promise<void>;
         showPublishModal(eventButtonLocation?: string | undefined, websiteUpsellModalViewModel?: any, isSubsequentPublish?: boolean | undefined): void;
         showBrandPageSlugEditModal(eventButtonLocation: string): Promise<void>;
-        showUpgradeModalAndSaveAsync(): Promise<void>;
+        showUpgradeModalAndSaveAsync(contextualUpgradeType?: "Publish" | "ContactForm" | "Videos" | "Maps" | "AddPage" | "RemoveWatermark" | "GoogleAd" | undefined): Promise<void>;
+        getWebsiteContextualUpgrade(): Promise<import("../../../clients/brand-page-client").getWebsiteContextualUpgradeResponse | undefined>;
         showStripeOnboardingModal(): void;
         closeStripeOnboardingModal(): void;
         showSaveSuccessMessage(): Promise<void>;

package/lib/src/brand-page-maker/components/template-preview/TemplatePreview.mixin.js

@@ -189,7 +189,7 @@ export default defineComponent({
     },
     watch: {
         template() {
-            if (this.isAdmin) {
+            if (this.isAdmin || this.isPrePurchase) {
                 this.updateViewModel();
             }
             else {
@@ -200,7 +200,7 @@ export default defineComponent({
         },
         logoTheme: {
             handler() {
-                if (this.isAdmin) {
+                if (this.isAdmin || this.isPrePurchase) {
                     this.updateViewModel();
                 }
             },
@@ -208,7 +208,7 @@ export default defineComponent({
         },
         previewImageUrl() {
             // Reset loading state whenever the preview URL changes
-            if (!this.isAdmin) {
+            if (!this.isAdmin && !this.isPrePurchase) {
                 this.imageLoading = true;
                 this.imageLoadError = false;
             }
@@ -267,7 +267,7 @@ export default defineComponent({
         },
         async updateViewModel(forceUpdate = true) {
             // Only update view model for admin or pre-purchase mode
-            if (!this.isAdmin) {
+            if (!this.isAdmin && !this.isPrePurchase) {
                 return;
             }
             const videoStore = useVideoStore();

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

@@ -66,6 +66,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             showPublishOptionModal?: boolean | undefined;
             abTests: Record<string, string>;
             isSubsequentPublish: boolean;
+            isContextualUpgradeModalVisible: boolean;
+            contextualUpgradeType: "Publish" | "ContactForm" | "Videos" | "Maps" | "AddPage" | "RemoveWatermark" | "GoogleAd" | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
             availableTaxes: any[];
@@ -125,6 +127,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             showPublishOptionModal?: boolean | undefined;
             abTests: Record<string, string>;
             isSubsequentPublish: boolean;
+            isContextualUpgradeModalVisible: boolean;
+            contextualUpgradeType: "Publish" | "ContactForm" | "Videos" | "Maps" | "AddPage" | "RemoveWatermark" | "GoogleAd" | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
     }, {
         initialise(payload: import("../../stores/brandpage-container").InitialisePayload): void;
@@ -134,6 +138,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setIsPublishing(payload: any): void;
         setIsPublishModalVisible(payload: any): void;
         setIsPublishUpgradeModal(payload: any): void;
+        setIsContextualUpgradeModalVisible(payload: any): void;
+        setContextualUpgradeType(payload: any): void;
         setIsSaving(payload: any): void;
         setIsUpgradeModalVisible(payload: any): void;
         setPublishErrorMessage(payload: any): void;
@@ -193,7 +199,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setBrandPageStatus(status: any): Promise<void>;
         showPublishModal(eventButtonLocation?: string | undefined, websiteUpsellModalViewModel?: any, isSubsequentPublish?: boolean | undefined): void;
         showBrandPageSlugEditModal(eventButtonLocation: string): Promise<void>;
-        showUpgradeModalAndSaveAsync(): Promise<void>;
+        showUpgradeModalAndSaveAsync(contextualUpgradeType?: "Publish" | "ContactForm" | "Videos" | "Maps" | "AddPage" | "RemoveWatermark" | "GoogleAd" | undefined): Promise<void>;
+        getWebsiteContextualUpgrade(): Promise<import("../../../clients/brand-page-client").getWebsiteContextualUpgradeResponse | undefined>;
         showStripeOnboardingModal(): void;
         closeStripeOnboardingModal(): void;
         showSaveSuccessMessage(): Promise<void>;

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

@@ -112,7 +112,7 @@ declare const useEventTracker: () => {
     subscribe: (callbackFn: (event: BpEventTrackerEvent) => void) => void;
     sendWebsiteEvent: (event: BpEventTrackerEvent) => void;
     sendWebsiteMakerOpenEvent: (location: string) => void;
-    sendUpsellOpenEvent: () => void;
+    sendUpsellOpenEvent: (cta_location?: string) => void;
     sendUpsellContinuationEvent: (continuation: string) => void;
     sendPublishOpenEvent: () => void;
     appendPublishBridgeState: (props: any) => void;

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

@@ -138,10 +138,11 @@ const useEventTracker = () => {
             });
         },
         // Upsell
-        sendUpsellOpenEvent: () => {
+        sendUpsellOpenEvent: (cta_location) => {
             _publishEvent(EVENTS.WEBSITE_MAKER_UPSELL_MODAL, {
                 ...bridgeState.value.upsellOpenEventProps,
                 continuation: null,
+                cta_location,
             });
         },
         sendUpsellContinuationEvent: (continuation) => {

package/lib/src/brand-page-maker/constants/template-constants.d.ts

@@ -1,4 +1,5 @@
-export declare const MOBILE_HEIGHT = 636;
+export declare const MOBILE_HEIGHT = 734;
+export declare const MOBILE_HEIGHT_POST_PURCHASE = 636;
 export declare const MOBILE_WIDTH = 358;
 export declare const DESKTOP_HEIGHT = 600;
 export declare const DESKTOP_WIDTH = 1000;

package/lib/src/brand-page-maker/constants/template-constants.js

@@ -1,4 +1,5 @@
-export const MOBILE_HEIGHT = 636;
+export const MOBILE_HEIGHT = 734;
+export const MOBILE_HEIGHT_POST_PURCHASE = 636;
 export const MOBILE_WIDTH = 358;
 export const DESKTOP_HEIGHT = 600;
 export const DESKTOP_WIDTH = 1000;

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

@@ -1,3 +1,4 @@
+import { type getWebsiteContextualUpgradeResponse } from '../../../clients/brand-page-client';
 import { type LogoDraftAsset, type LogoTemplateAsset } from '../../stores';
 import type { CustomDomainConfigModel, CustomDomainModel } from '../../models';
 import type { WebsiteSlugCheckResponse } from '../../../brand-page-maker/models/api.model';
@@ -46,6 +47,8 @@ export interface BrandPageContainerState {
     showPublishOptionModal?: boolean;
     abTests: Record<string, string>;
     isSubsequentPublish: boolean;
+    isContextualUpgradeModalVisible: boolean;
+    contextualUpgradeType: ContextUpgradeType | undefined;
 }
 export type GettyVideoEditorViewModelResponse = {
     assetId: string;
@@ -58,6 +61,16 @@ export type GettyVideoEditorViewModelResponse = {
         uri: string;
     };
 };
+export declare const CONTEXT_TYPES: {
+    readonly ContactForm: "ContactForm";
+    readonly Videos: "Videos";
+    readonly Maps: "Maps";
+    readonly AddPage: "AddPage";
+    readonly Publish: "Publish";
+    readonly RemoveWatermark: "RemoveWatermark";
+    readonly GoogleAd: "GoogleAd";
+};
+export type ContextUpgradeType = keyof typeof CONTEXT_TYPES;
 export type InitialisePayload = Omit<BrandPageContainerState, 'customDomain' | 'customDomainConfig'> & {
     logoDraftToken?: string;
     brandPageCustomDomain?: CustomDomainModel;
@@ -131,6 +144,8 @@ export declare const useBrandPageContainerStore: import("pinia").StoreDefinition
         showPublishOptionModal?: boolean | undefined;
         abTests: Record<string, string>;
         isSubsequentPublish: boolean;
+        isContextualUpgradeModalVisible: boolean;
+        contextualUpgradeType: ContextUpgradeType | undefined;
     } & import("pinia").PiniaCustomStateProperties<BrandPageContainerState>) => boolean;
     isUserDraft: (state: {
         availableTaxes: any[];
@@ -190,6 +205,8 @@ export declare const useBrandPageContainerStore: import("pinia").StoreDefinition
         showPublishOptionModal?: boolean | undefined;
         abTests: Record<string, string>;
         isSubsequentPublish: boolean;
+        isContextualUpgradeModalVisible: boolean;
+        contextualUpgradeType: ContextUpgradeType | undefined;
     } & import("pinia").PiniaCustomStateProperties<BrandPageContainerState>) => boolean;
 }, {
     initialise(payload: InitialisePayload): void;
@@ -199,6 +216,8 @@ export declare const useBrandPageContainerStore: import("pinia").StoreDefinition
     setIsPublishing(payload: any): void;
     setIsPublishModalVisible(payload: any): void;
     setIsPublishUpgradeModal(payload: any): void;
+    setIsContextualUpgradeModalVisible(payload: any): void;
+    setContextualUpgradeType(payload: any): void;
     setIsSaving(payload: any): void;
     setIsUpgradeModalVisible(payload: any): void;
     setPublishErrorMessage(payload: any): void;
@@ -258,7 +277,8 @@ export declare const useBrandPageContainerStore: import("pinia").StoreDefinition
     setBrandPageStatus(status: any): Promise<void>;
     showPublishModal(eventButtonLocation?: string, websiteUpsellModalViewModel?: any, isSubsequentPublish?: boolean): void;
     showBrandPageSlugEditModal(eventButtonLocation: string): Promise<void>;
-    showUpgradeModalAndSaveAsync(): Promise<void>;
+    showUpgradeModalAndSaveAsync(contextualUpgradeType?: ContextUpgradeType): Promise<void>;
+    getWebsiteContextualUpgrade(): Promise<getWebsiteContextualUpgradeResponse | undefined>;
     showStripeOnboardingModal(): void;
     closeStripeOnboardingModal(): void;
     showSaveSuccessMessage(): Promise<void>;