@designcrowd/library.brand-page 5.16.40 → 5.16.41-ast-save-editor

package/lib/src/{CreatedOnBrandCrowd-de-de-vWrciv1K.js → CreatedOnBrandCrowd-de-de-CTss-YbX.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-CiUzGXrM.js → CreatedOnBrandCrowd-en-us-CRYD0nIh.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-CQ_M759G.js → CreatedOnBrandCrowd-es-es-0d_UQqrW.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-CEw4k-zI.js → CreatedOnBrandCrowd-fr-ca-Wiunuwtv.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-CEw4k-zI.js → CreatedOnBrandCrowd-fr-fr-Wiunuwtv.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-BtQHkNJN.js → CreatedOnBrandCrowd-pt-br-M0Z7C_A-.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-BtQHkNJN.js → CreatedOnBrandCrowd-pt-pt-M0Z7C_A-.js}

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

package/lib/src/{CreatedOnDcom-de-de-Dgwq4Oag.js → CreatedOnDcom-de-de-awZDhF-b.js}

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

package/lib/src/{CreatedOnDcom-en-us-DdZdyc5P.js → CreatedOnDcom-en-us-BsP-Z_n_.js}

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

package/lib/src/{CreatedOnDcom-es-es-C-aCNCpD.js → CreatedOnDcom-es-es-BXHvmN0D.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-B5iMZBjO.js → CreatedOnDcom-fr-ca-Wubn5VPf.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-BJ1tQ9JZ.js → CreatedOnDcom-fr-fr-EuX5FuWa.js}

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

package/lib/src/{CreatedOnDcom-pt-br-Du7XfRcQ.js → CreatedOnDcom-pt-br-B5lpw2s_.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-DgZRV8bR.js → CreatedOnDcom-pt-pt-CMVb29wY.js}

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

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

@@ -75,6 +75,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     slug(): string;
     shouldShowSaveContactWidget(): boolean;
     isPremiumSubscription(): boolean;
+    shouldShowPopupBranding(): boolean;
 }, {
     openSideMenu(): void;
     onLogoClick(tabName: string): void;

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

@@ -266,11 +266,13 @@ export default defineComponent({
         },
         shouldShowSaveContactWidget() {
             try {
-                if (this.context.isPreview ||
-                    this.context.options?.enableSaveContact === false ||
+                if (this.context.options?.enableSaveContact === false ||
                     !this.context.isBrandContact) {
                     return false;
                 }
+                if (this.viewModel.saveContactSettings?.isSavingEnabled === false) {
+                    return false;
+                }
                 const brandPageData = { pages: this.context?.pages || [] };
                 return checkHasProfileContent(brandPageData);
             }
@@ -282,6 +284,9 @@ export default defineComponent({
         isPremiumSubscription() {
             return !this.showBrandCrowdLogo;
         },
+        shouldShowPopupBranding() {
+            return this.viewModel.saveContactSettings.hideBranding;
+        },
     },
     watch: {
         rootElementStyles() {

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

@@ -28,6 +28,10 @@ const viewModel = {
         isCookieEnabled: false,
         isCookiePreviewEnabled: false,
     },
+    saveContactSettings: {
+        isSavingEnabled: true,
+        hideBranding: false,
+    },
 };
 const defaultSampleArgs = {
     viewModel,

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

@@ -522,6 +522,10 @@ export interface CookieOptions {
     isCookieEnabled: boolean;
     isCookiePreviewEnabled: boolean;
 }
+export interface SaveContactOptions {
+    isSavingEnabled: boolean;
+    hideBranding: boolean;
+}
 export declare class BrandPageModel {
     v: number;
     styles: PageStyles;
@@ -543,6 +547,7 @@ export declare class BrandPageModel {
     ogTitle?: string;
     ogDescription?: string;
     cookieOptions?: CookieOptions;
+    saveContactSettings?: SaveContactOptions;
     paymentConfig?: BrandPagePaymentConfig;
     constructor(options: BrandPageData);
 }

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

@@ -412,6 +412,7 @@ export class BrandPageModel {
     ogTitle;
     ogDescription;
     cookieOptions;
+    saveContactSettings;
     paymentConfig;
     constructor(options) {
         this.v = options.v || 0;
@@ -473,6 +474,7 @@ export class BrandPageModel {
         this.ogTitle = options.ogTitle;
         this.ogDescription = options.ogDescription;
         this.cookieOptions = options.cookieOptions;
+        this.saveContactSettings = options.saveContactSettings;
         this.paymentConfig = options.paymentConfig;
     }
 }

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

@@ -805,6 +805,12 @@ export const getBrandPageViewModelFromBrandPageModel = (model, brandPageToken, s
             isCookieEnabled: model.cookieOptions?.isCookieEnabled || false,
             isCookiePreviewEnabled: model.cookieOptions?.isCookiePreviewEnabled || false,
         },
+        saveContactSettings: model.saveContactSettings
+            ? {
+                isSavingEnabled: model.saveContactSettings.isSavingEnabled ?? true,
+                hideBranding: model.saveContactSettings.hideBranding ?? false,
+            }
+            : { isSavingEnabled: true, hideBranding: false },
     };
 };
 export const isLogoViewModel = (viewModel) => {

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

@@ -1,4 +1,4 @@
-import type { ButtonWithModalContent, ProfileContent, TextContent, VideoContent, ImageContent, ContentType, ButtonStyles, LogoStyles, MapContent, ImageGalleryContent, GalleryStyles, MailingListContent, RequestPaymentContent, ShopContent, SupportMeContent, ContactFormContent, BannerSectionContent, BrandPageType, SocialLinksContent, TestimonialSectionContent, AboutSectionContent, DividerSectionContent, ShapesSectionContent, ButtonLinkType, PageHeaderMobile, PageHeaderDesktop, PageFooterMobile, PageFooterDesktop, TextMediaItem, TextShapeItem, TextStyleDeclaration, AspectRatio, LogoImageModel, LogoTemplateImageModel, CookieOptions, BookingSectionContent, MediaTypes, TextStyles, BackgroundStyle, BackgroundShape, PersonalisationRole } from './models';
+import type { ButtonWithModalContent, ProfileContent, TextContent, VideoContent, ImageContent, ContentType, ButtonStyles, LogoStyles, MapContent, ImageGalleryContent, GalleryStyles, MailingListContent, RequestPaymentContent, ShopContent, SupportMeContent, ContactFormContent, BannerSectionContent, BrandPageType, SocialLinksContent, TestimonialSectionContent, AboutSectionContent, DividerSectionContent, ShapesSectionContent, ButtonLinkType, PageHeaderMobile, PageHeaderDesktop, PageFooterMobile, PageFooterDesktop, TextMediaItem, TextShapeItem, TextStyleDeclaration, AspectRatio, LogoImageModel, LogoTemplateImageModel, CookieOptions, BookingSectionContent, MediaTypes, TextStyles, BackgroundStyle, BackgroundShape, PersonalisationRole, SaveContactOptions } from './models';
 import type { ImagesSectionContentDisplayStyle } from './constants';
 export type ViewModelType = 'button' | 'image' | 'image-gallery' | 'logo' | 'map' | 'mailing-list' | 'profile' | 'support-me' | 'request-payment' | 'text' | 'video' | 'contact-form' | 'banner-section' | 'images-section' | 'about-section' | 'divider-section' | 'testimonial-section' | 'social-links' | 'shapes-section' | 'shop-section' | 'booking-section';
 export interface ContentViewModel {
@@ -166,4 +166,5 @@ export interface BrandPageViewModel {
     ogTitle?: string;
     ogDescription?: string;
     cookieOptions: CookieOptions;
+    saveContactSettings: SaveContactOptions;
 }

package/lib/src/brand-page-maker/components/action-bar/ActionBar.mixin.d.ts

@@ -59,6 +59,12 @@ declare const _default: import("vue").DefineComponent<{}, {
         setCookieEnabled(payload: {
             isCookieEnabled: boolean;
         }): void;
+        setSavingEnabled(payload: {
+            isSavingEnabled: boolean;
+        }): void;
+        setHideBranding(payload: {
+            hideBranding: boolean;
+        }): void;
         setSensitiveContent(payload: {
             sensitiveContent: string;
         }): void;

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

@@ -104,6 +104,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setCookieEnabled(payload: {
             isCookieEnabled: boolean;
         }): void;
+        setSavingEnabled(payload: {
+            isSavingEnabled: boolean;
+        }): void;
+        setHideBranding(payload: {
+            hideBranding: boolean;
+        }): void;
         setSensitiveContent(payload: {
             sensitiveContent: string;
         }): void;
@@ -395,7 +401,7 @@ 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(contextualUpgradeType?: string | number | symbol | undefined): Promise<void>;
+        showUpgradeModalAndSaveAsync(contextualUpgradeType?: string | number | symbol | undefined, cta?: string | undefined): Promise<void>;
         getContextualUpgradeResponseAsync(): Promise<import("../../../clients/brand-page-client").getWebsiteContextualUpgradeResponse | undefined>;
         showStripeOnboardingModal(): void;
         closeStripeOnboardingModal(): void;

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

@@ -49,6 +49,12 @@ declare const _default: import("vue").DefineComponent<{}, {
         setCookieEnabled(payload: {
             isCookieEnabled: boolean;
         }): void;
+        setSavingEnabled(payload: {
+            isSavingEnabled: boolean;
+        }): void;
+        setHideBranding(payload: {
+            hideBranding: boolean;
+        }): void;
         setSensitiveContent(payload: {
             sensitiveContent: string;
         }): void;

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

@@ -555,6 +555,12 @@ declare const _default: import("vue").DefineComponent<{}, {
         setCookieEnabled(payload: {
             isCookieEnabled: boolean;
         }): void;
+        setSavingEnabled(payload: {
+            isSavingEnabled: boolean;
+        }): void;
+        setHideBranding(payload: {
+            hideBranding: boolean;
+        }): void;
         setSensitiveContent(payload: {
             sensitiveContent: string;
         }): void;
@@ -830,7 +836,7 @@ 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(contextualUpgradeType?: string | number | symbol | undefined): Promise<void>;
+        showUpgradeModalAndSaveAsync(contextualUpgradeType?: string | number | symbol | undefined, cta?: string | undefined): Promise<void>;
         getContextualUpgradeResponseAsync(): Promise<import("../../../clients/brand-page-client").getWebsiteContextualUpgradeResponse | undefined>;
         showStripeOnboardingModal(): void;
         closeStripeOnboardingModal(): void;
@@ -1185,6 +1191,7 @@ declare const _default: import("vue").DefineComponent<{}, {
     slug(): string;
     shouldShowSaveContactWidget(): boolean;
     isPremiumSubscription(): boolean;
+    shouldShowPopupBranding(): boolean;
 }, {
     openSideMenu(): void;
     onLogoClick(tabName: string): void;

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

@@ -55,6 +55,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setCookieEnabled(payload: {
             isCookieEnabled: boolean;
         }): void;
+        setSavingEnabled(payload: {
+            isSavingEnabled: boolean;
+        }): void;
+        setHideBranding(payload: {
+            hideBranding: boolean;
+        }): void;
         setSensitiveContent(payload: {
             sensitiveContent: string;
         }): void;

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

@@ -81,7 +81,7 @@ export default defineComponent({
                     mediaSizes: MEDIA_SIZES.size1x,
                     renderVideoAsImage: false,
                     shouldPlayVideos: this.shouldPlayVideos,
-                    enableSaveContact: false,
+                    enableSaveContact: true,
                 },
                 stripePublishableKey: undefined,
                 runtimeEnvironment: this.runtimeEnvironment,

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

@@ -32,6 +32,10 @@ const viewModel = {
         isCookieEnabled: false,
         isCookiePreviewEnabled: false,
     },
+    saveContactSettings: {
+        isSavingEnabled: true,
+        hideBranding: false,
+    },
 };
 export const SampleDesktop = () => {
     const pinia = setupStoryPinia();

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

@@ -202,7 +202,7 @@ 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(contextualUpgradeType?: string | number | symbol | undefined): Promise<void>;
+        showUpgradeModalAndSaveAsync(contextualUpgradeType?: string | number | symbol | undefined, cta?: string | undefined): Promise<void>;
         getContextualUpgradeResponseAsync(): Promise<import("../../../clients/brand-page-client").getWebsiteContextualUpgradeResponse | undefined>;
         showStripeOnboardingModal(): void;
         closeStripeOnboardingModal(): void;

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

@@ -218,7 +218,7 @@ 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(contextualUpgradeType?: string | number | symbol | undefined): Promise<void>;
+        showUpgradeModalAndSaveAsync(contextualUpgradeType?: string | number | symbol | undefined, cta?: string | undefined): Promise<void>;
         getContextualUpgradeResponseAsync(): Promise<import("../../../clients/brand-page-client").getWebsiteContextualUpgradeResponse | undefined>;
         showStripeOnboardingModal(): void;
         closeStripeOnboardingModal(): void;
@@ -299,6 +299,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setCookieEnabled(payload: {
             isCookieEnabled: boolean;
         }): void;
+        setSavingEnabled(payload: {
+            isSavingEnabled: boolean;
+        }): void;
+        setHideBranding(payload: {
+            hideBranding: boolean;
+        }): void;
         setSensitiveContent(payload: {
             sensitiveContent: string;
         }): void;

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

@@ -223,7 +223,7 @@ 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(contextualUpgradeType?: string | number | symbol | undefined): Promise<void>;
+        showUpgradeModalAndSaveAsync(contextualUpgradeType?: string | number | symbol | undefined, cta?: string | undefined): Promise<void>;
         getContextualUpgradeResponseAsync(): Promise<import("../../../clients/brand-page-client").getWebsiteContextualUpgradeResponse | undefined>;
         showStripeOnboardingModal(): void;
         closeStripeOnboardingModal(): void;
@@ -300,6 +300,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setCookieEnabled(payload: {
             isCookieEnabled: boolean;
         }): void;
+        setSavingEnabled(payload: {
+            isSavingEnabled: boolean;
+        }): void;
+        setHideBranding(payload: {
+            hideBranding: boolean;
+        }): void;
         setSensitiveContent(payload: {
             sensitiveContent: string;
         }): void;

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

@@ -199,7 +199,7 @@ 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(contextualUpgradeType?: string | number | symbol | undefined): Promise<void>;
+        showUpgradeModalAndSaveAsync(contextualUpgradeType?: string | number | symbol | undefined, cta?: string | undefined): Promise<void>;
         getContextualUpgradeResponseAsync(): Promise<import("../../../clients/brand-page-client").getWebsiteContextualUpgradeResponse | undefined>;
         showStripeOnboardingModal(): void;
         closeStripeOnboardingModal(): void;

package/lib/src/brand-page-maker/components/social-share/SocialShare.mixin.d.ts

@@ -65,6 +65,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setCookieEnabled(payload: {
             isCookieEnabled: boolean;
         }): void;
+        setSavingEnabled(payload: {
+            isSavingEnabled: boolean;
+        }): void;
+        setHideBranding(payload: {
+            hideBranding: boolean;
+        }): void;
         setSensitiveContent(payload: {
             sensitiveContent: string;
         }): void;

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

@@ -274,7 +274,7 @@ 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(contextualUpgradeType?: string | number | symbol | undefined): Promise<void>;
+        showUpgradeModalAndSaveAsync(contextualUpgradeType?: string | number | symbol | undefined, cta?: string | undefined): Promise<void>;
         getContextualUpgradeResponseAsync(): Promise<import("../../../clients/brand-page-client").getWebsiteContextualUpgradeResponse | undefined>;
         showStripeOnboardingModal(): void;
         closeStripeOnboardingModal(): void;
@@ -351,6 +351,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setCookieEnabled(payload: {
             isCookieEnabled: boolean;
         }): void;
+        setSavingEnabled(payload: {
+            isSavingEnabled: boolean;
+        }): void;
+        setHideBranding(payload: {
+            hideBranding: boolean;
+        }): void;
         setSensitiveContent(payload: {
             sensitiveContent: string;
         }): void;

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

@@ -118,7 +118,7 @@ export default defineComponent({
                     disableNavigationSideMenu: true,
                     mediaSizes: MEDIA_SIZES.sizeThumb,
                     renderVideoAsImage: true,
-                    enableSaveContact: false,
+                    enableSaveContact: true,
                 },
                 isCapturingPreview: false,
             };

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

@@ -199,7 +199,7 @@ 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(contextualUpgradeType?: string | number | symbol | undefined): Promise<void>;
+        showUpgradeModalAndSaveAsync(contextualUpgradeType?: string | number | symbol | undefined, cta?: string | undefined): Promise<void>;
         getContextualUpgradeResponseAsync(): Promise<import("../../../clients/brand-page-client").getWebsiteContextualUpgradeResponse | undefined>;
         showStripeOnboardingModal(): void;
         closeStripeOnboardingModal(): void;

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

@@ -51,6 +51,8 @@ export declare const EVENTS: {
     WEBSITE_START_FOR_FREE: string;
     WEBSITE_MAKER_AI_CLICK_SUGGESTED_PROMPT: string;
     WEBSITE_MAKER_DOMAIN_UPSELL_MODAL: string;
+    WEBSITE_MAKER_DIGITAL_BUSINESS_CARDS_SAVE_CONTACT_TOGGLE: string;
+    WEBSITE_MAKER_DIGITAL_BUSINESS_CARDS_HIDE_POPUP: string;
     WEBSITE_MAKER_GETTY_VIDEO: string;
 };
 export declare const SELECT_LOCATIONS: {
@@ -72,6 +74,7 @@ export declare const UPGRADE_CTA_LOCATIONS: {
     SLUG_CHANGE_MANAGE_PAGE: string;
     GOOGLE_ADSENSE: string;
     QUICK_LINKS: string;
+    SAVE_CONTACT_SETTINGS: string;
 };
 export declare const GENERATE_AI_TEXT_CTA_LOCATIONS: {
     BANNER_DESCRIPTION: string;

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

@@ -34,6 +34,8 @@ export const EVENTS = {
     WEBSITE_START_FOR_FREE: 'website_start_for_free',
     WEBSITE_MAKER_AI_CLICK_SUGGESTED_PROMPT: 'website_maker_ai_click_suggested_prompt',
     WEBSITE_MAKER_DOMAIN_UPSELL_MODAL: 'website_domain_upsell_modal',
+    WEBSITE_MAKER_DIGITAL_BUSINESS_CARDS_SAVE_CONTACT_TOGGLE: 'website_maker_digital_business_cards_save_contact_toggle',
+    WEBSITE_MAKER_DIGITAL_BUSINESS_CARDS_HIDE_POPUP: 'website_maker_digital_business_cards_hide_popup',
     WEBSITE_MAKER_GETTY_VIDEO: 'website_maker_getty_video',
 };
 export const SELECT_LOCATIONS = {
@@ -55,6 +57,7 @@ export const UPGRADE_CTA_LOCATIONS = {
     SLUG_CHANGE_MANAGE_PAGE: 'slug_change_manage_page',
     GOOGLE_ADSENSE: 'google_adsense',
     QUICK_LINKS: 'quick_links',
+    SAVE_CONTACT_SETTINGS: 'save_contact_settings',
 };
 export const GENERATE_AI_TEXT_CTA_LOCATIONS = {
     BANNER_DESCRIPTION: 'banner_description',

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

@@ -270,7 +270,7 @@ 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(contextualUpgradeType?: WebsiteContextUpgradeType): Promise<void>;
+    showUpgradeModalAndSaveAsync(contextualUpgradeType?: WebsiteContextUpgradeType, cta?: string): Promise<void>;
     getContextualUpgradeResponseAsync(): Promise<getWebsiteContextualUpgradeResponse | undefined>;
     showStripeOnboardingModal(): void;
     closeStripeOnboardingModal(): void;

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

@@ -736,7 +736,7 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
             await this.startBrandPageSlugEditMode();
             await this.showPublishModal(eventButtonLocation);
         },
-        async showUpgradeModalAndSaveAsync(contextualUpgradeType) {
+        async showUpgradeModalAndSaveAsync(contextualUpgradeType, cta) {
             const eventTracker = useEventTracker();
             const formatCtaLocation = (type) => {
                 if (!type || typeof type !== 'string')
@@ -747,7 +747,7 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
                 .isPublishUpgradeModal
                 ? WEBSITE_UPGRADE_CONTEXT_TYPES.Publish
                 : contextualUpgradeType;
-            const cta_location = formatCtaLocation(requestedType);
+            const cta_location = cta ? cta : formatCtaLocation(requestedType);
             eventTracker.sendUpsellOpenEvent(cta_location);
             if (!this.isPrePurchase && requestedType) {
                 const bucketResponse = await this.getContextualUpgradeResponseAsync();

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

@@ -1,4 +1,4 @@
-import type { BrandPageData, BrandPageType, BrandPageViewModel, CookieOptions, Content, PageModel, UserPersonalisationContent, ViewportsType, SensitiveContent } from '../../../brand-page';
+import type { BrandPageData, BrandPageType, BrandPageViewModel, CookieOptions, Content, PageModel, UserPersonalisationContent, ViewportsType, SensitiveContent, SaveContactOptions } from '../../../brand-page';
 import { BrandPageModel } from '../../../brand-page';
 import type { InitialCategories, TemplateCategory } from '../../../shared/template-settings/models';
 import type { AdminPreviewLogoTemplateModel } from '../admin-logo-settings';
@@ -52,6 +52,7 @@ export interface BrandPageMakerState {
     businessName: string | undefined;
     industry: string | undefined;
     cookieOptions: CookieOptions;
+    saveContactSettings: SaveContactOptions;
     sensitiveContent: SensitiveContent;
     isBrandPage: boolean;
     isBrandPageOrIsBrandContact: boolean;
@@ -128,6 +129,12 @@ export declare const useBrandPageMakerStore: import("pinia").StoreDefinition<"br
     setCookieEnabled(payload: {
         isCookieEnabled: boolean;
     }): void;
+    setSavingEnabled(payload: {
+        isSavingEnabled: boolean;
+    }): void;
+    setHideBranding(payload: {
+        hideBranding: boolean;
+    }): void;
     setSensitiveContent(payload: {
         sensitiveContent: string;
     }): void;

package/lib/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.js

@@ -26,8 +26,7 @@ import { useLocalisedRouteStore } from '../route/localised-route-store';
 import cloneDeep from 'lodash.clonedeep';
 import * as uuid from 'uuid';
 import { getAiContentIndexByTemplateTokenAndNumberOfVariations } from '../../utils/ai-content-selection.util';
-import { applyLogoTemplateImageToBrandPageTemplateModel, getOptimalLogoSize, recalculateLogoContentDimensions, recalculateHeaderLogoSizes, } from '../../../brand-page/utils/logo.util';
-import { FabricRenderClient } from '../../../clients/fabric-render-client';
+import { applyLogoTemplateImageToBrandPageTemplateModel, recalculateLogoContentDimensions, recalculateHeaderLogoSizes, } from '../../../brand-page/utils/logo.util';
 import { useConsent } from '../../../brand-page/composables/consent.composable';
 import { commonTr, errorTr } from '../../../composables/useTranslate';
 import { UPGRADE_CTA_LOCATIONS } from '../../composables/useEventTracker';
@@ -75,6 +74,10 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
             isCookieEnabled: false,
             isCookiePreviewEnabled: false,
         },
+        saveContactSettings: {
+            isSavingEnabled: true,
+            hideBranding: false,
+        },
     }),
     actions: {
         setMode(payload) {
@@ -101,6 +104,12 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
         setCookieEnabled(payload) {
             this.cookieOptions.isCookieEnabled = payload.isCookieEnabled;
         },
+        setSavingEnabled(payload) {
+            this.saveContactSettings.isSavingEnabled = payload.isSavingEnabled;
+        },
+        setHideBranding(payload) {
+            this.saveContactSettings.hideBranding = payload.hideBranding;
+        },
         setSensitiveContent(payload) {
             this.sensitiveContent = payload.sensitiveContent;
         },
@@ -637,6 +646,12 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
                 this.setCookiePreviewEnabled({
                     isCookiePreviewEnabled: brandPageModel.cookieOptions?.isCookiePreviewEnabled,
                 });
+                this.setSavingEnabled({
+                    isSavingEnabled: brandPageModel.saveContactSettings?.isSavingEnabled ?? true,
+                });
+                this.setHideBranding({
+                    hideBranding: brandPageModel.saveContactSettings?.hideBranding ?? false,
+                });
                 this.businessName = businessName;
                 this.industry = industry;
             }
@@ -834,6 +849,7 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
                 ogTitle: this.ogTitle,
                 ogDescription: this.ogDescription,
                 cookieOptions: this.cookieOptions,
+                saveContactSettings: this.saveContactSettings,
                 paymentConfig: shopStore.paymentConfig,
             };
         },