@designcrowd/library.brand-page 5.16.54 → 5.16.56

package/lib/src/{CreatedOnBrandCrowd-de-de-MT7ymeOj.js → CreatedOnBrandCrowd-de-de-6sZkE1ef.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-C2GKnuEv.js → CreatedOnBrandCrowd-en-us-CMA430YI.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-2takDYdw.js → CreatedOnBrandCrowd-es-es-Bn7WDLSZ.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-DFjtVwB7.js → CreatedOnBrandCrowd-fr-ca-DfNMldwI.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-DFjtVwB7.js → CreatedOnBrandCrowd-fr-fr-DfNMldwI.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-BgN5BFxF.js → CreatedOnBrandCrowd-pt-br-ClvYm3Tr.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-BgN5BFxF.js → CreatedOnBrandCrowd-pt-pt-ClvYm3Tr.js}

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

package/lib/src/{CreatedOnDcom-de-de-BzxanK33.js → CreatedOnDcom-de-de-D09-fI5_.js}

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

package/lib/src/{CreatedOnDcom-en-us-Vlybo-_L.js → CreatedOnDcom-en-us-D6fU41FS.js}

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

package/lib/src/{CreatedOnDcom-es-es-BRKauY9e.js → CreatedOnDcom-es-es-BKAK0Oah.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-BRSzGg7E.js → CreatedOnDcom-fr-ca-CUN--Pd7.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-CQg_YrB1.js → CreatedOnDcom-fr-fr-DSMtGwtw.js}

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

package/lib/src/{CreatedOnDcom-pt-br-CXxzg52F.js → CreatedOnDcom-pt-br-B6EStxIv.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-Bv63jvQl.js → CreatedOnDcom-pt-pt-DF6U-44j.js}

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

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

@@ -1004,11 +1004,15 @@ declare const _default: import("vue").DefineComponent<{}, {
         setPreviousSelectedDisplayStyle(viewport: string, displayStyle: string): void;
     }>;
     eventTracker: {
+        sendSaveContactEvent: () => void;
+        sendStartForFreeEvent: () => void;
+        sendFooterLinkClickEvent: (linkType: "watermark_logo" | "create_your_website") => void;
         sendGettyVideoAddEvent: () => void;
         sendGettyVideoReplaceEvent: () => void;
         sendGettyVideoRemoveEvent: () => void;
         sendExperimentStartedEvent: (abTestKey: string, abTestValue: string) => void;
         setGlobalEventProps: (props: Omit<import("../../../brand-page-maker/composables/useEventTracker").BpGlobalEventProps, "template_category">) => void;
+        setCustomGlobalEventProps: (props: any) => void;
         setUpsellBridgeState: (props: import("../../../brand-page-maker/composables/useEventTracker").BpUpsellEventProps) => void;
         setDomainUpsellBridgeState: (props: import("../../../brand-page-maker/composables/useEventTracker").BpUpsellEventProps) => void;
         subscribe: (callbackFn: (event: import("../../../brand-page-maker/composables/useEventTracker").BpEventTrackerEvent) => void) => void;

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

@@ -427,27 +427,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             localisedBaseUrl: string;
         } & import("pinia").PiniaCustomStateProperties<import("../../stores").LocalisedRouteState>) => () => string;
         getPostpurchaseByDesignDraftTokenUrl: () => (editorUrlToRedirectTo: string, designDraftToken: string) => string;
-        getBuilderLandingPageByTypeUrl: (state: {
-            baseFabricRenderDomain: string;
-            baseBrandPageDomain: string;
-            upgradeSubscriptionUrlPath: string;
-            reactivationUrlPath: string;
-            backToWebsiteManageUrlPath: string;
-            manageWebsiteDesignsUrlPath: string;
-            createNewDesignUrlPath: string;
-            termsOfUseUrlPath: string;
-            websiteBuilderUrlPath: string;
-            digitalBusinessCardBuilderUrlPath: string;
-            linkInBioBuilderUrlPath: string;
-            brandPageEditorUrlPath: string;
-            brandSiteEditorUrlPath: string;
-            brandContactEditorUrlPath: string;
-            logoEditUrlPath: string;
-            localisedBaseUrl: string;
-        } & import("pinia").PiniaCustomStateProperties<import("../../stores").LocalisedRouteState>) => (isPreview: boolean, brandPageType: string, isDesignCom: boolean, locale: string) => string;
         getWebsiteBaseUrl: () => (isDesignCom: boolean) => "https://www.design.com" | "https://www.brandcrowd.com";
     }, {
         initialise(payload: any): void;
+        buildUtmQueryStrings(brandPageType: string, utmCampaign?: string | undefined): string;
+        getBuilderLandingPageByTypeUrl(isPreview: boolean, brandPageType: string, isDesignCom: boolean, locale: string, utmCampaign?: string | undefined): string;
     }>;
 }, {
     customDomainName: string | undefined;

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

@@ -1,3 +1,4 @@
+type EventScope = 'maker_editor' | 'published_website';
 type LocationTypes = 'pre_purchase' | 'post_purchase';
 type TemplateTypes = 'brand-page' | 'brand-site' | 'brand-contact';
 export interface BpGlobalEventProps {
@@ -14,6 +15,7 @@ export interface BpUpsellEventProps {
     ab_test_variation?: string;
 }
 export interface BpEventTrackerEvent {
+    scope?: EventScope;
     eventName: string;
     eventProps: any;
 }
@@ -49,6 +51,7 @@ export declare const EVENTS: {
     WEBSITE_MAKER_AI_STOP_GENERATION: string;
     WEBSITE_SAVE_CONTACT: string;
     WEBSITE_START_FOR_FREE: string;
+    WEBSITE_FOOTER_LINK_CLICK: string;
     WEBSITE_MAKER_AI_CLICK_SUGGESTED_PROMPT: string;
     WEBSITE_MAKER_DOMAIN_UPSELL_MODAL: string;
     WEBSITE_MAKER_DIGITAL_BUSINESS_CARDS_SAVE_CONTACT_TOGGLE: string;
@@ -112,11 +115,15 @@ export declare const PUBLISH_OPTION_MODAL_CONTINUATION_EVENTS: {
     FREEMIUM: string;
 };
 declare const useEventTracker: () => {
+    sendSaveContactEvent: () => void;
+    sendStartForFreeEvent: () => void;
+    sendFooterLinkClickEvent: (linkType: 'watermark_logo' | 'create_your_website') => void;
     sendGettyVideoAddEvent: () => void;
     sendGettyVideoReplaceEvent: () => void;
     sendGettyVideoRemoveEvent: () => void;
     sendExperimentStartedEvent: (abTestKey: string, abTestValue: string) => void;
     setGlobalEventProps: (props: Omit<BpGlobalEventProps, 'template_category'>) => void;
+    setCustomGlobalEventProps: (props: any) => void;
     setUpsellBridgeState: (props: BpUpsellEventProps) => void;
     setDomainUpsellBridgeState: (props: BpUpsellEventProps) => void;
     subscribe: (callbackFn: (event: BpEventTrackerEvent) => void) => void;

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

@@ -32,6 +32,7 @@ export const EVENTS = {
     WEBSITE_MAKER_AI_STOP_GENERATION: 'website_maker_ai_stop_generation',
     WEBSITE_SAVE_CONTACT: 'website_save_contact',
     WEBSITE_START_FOR_FREE: 'website_start_for_free',
+    WEBSITE_FOOTER_LINK_CLICK: 'website_footer_link_click',
     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',
@@ -94,21 +95,17 @@ export const PUBLISH_OPTION_MODAL_CONTINUATION_EVENTS = {
     EXIT: 'exit',
     FREEMIUM: 'freemium',
 };
-const GLOBAL_EVENT_PROPS = shallowRef({
-    template_category: 'website',
-    template_type: 'brand-page',
-    location: 'post_purchase',
-    domain_type: 'Free',
-});
+const GLOBAL_EVENT_PROPS = shallowRef();
 const bridgeState = shallowRef({
     upsellOpenEventProps: {},
     domainUpsellOpenEventProps: {},
     publishOpenEventProps: {},
 });
 const LISTENERS = shallowRef([]);
-const _publishEvent = (eventName, eventProps, excludeGlobal = false) => {
+const _publishEvent = (eventName, eventProps, excludeGlobal = false, scope = 'maker_editor') => {
     LISTENERS.value.forEach((listener) => {
         listener({
+            scope,
             eventName: eventName,
             eventProps: {
                 ...(excludeGlobal ? {} : GLOBAL_EVENT_PROPS.value),
@@ -135,6 +132,17 @@ const useEventTracker = () => {
             });
         },
     };
+    const publishedWebsiteEvents = {
+        sendSaveContactEvent: () => {
+            _publishEvent(EVENTS.WEBSITE_SAVE_CONTACT, {}, false, 'published_website');
+        },
+        sendStartForFreeEvent: () => {
+            _publishEvent(EVENTS.WEBSITE_START_FOR_FREE, {}, false, 'published_website');
+        },
+        sendFooterLinkClickEvent: (linkType) => {
+            _publishEvent(EVENTS.WEBSITE_FOOTER_LINK_CLICK, { link_type: linkType }, false, 'published_website');
+        },
+    };
     return {
         sendExperimentStartedEvent: (abTestKey, abTestValue) => {
             _publishEvent(EVENTS.EXPERIMENT_STARTED, {
@@ -143,7 +151,16 @@ const useEventTracker = () => {
             }, true);
         },
         setGlobalEventProps: (props) => {
-            GLOBAL_EVENT_PROPS.value = { ...GLOBAL_EVENT_PROPS.value, ...props };
+            const defaultValues = {
+                template_category: 'website',
+                template_type: 'brand-page',
+                location: 'post_purchase',
+                domain_type: 'Free',
+            };
+            GLOBAL_EVENT_PROPS.value = { ...defaultValues, ...props };
+        },
+        setCustomGlobalEventProps: (props) => {
+            GLOBAL_EVENT_PROPS.value = props;
         },
         setUpsellBridgeState: (props) => {
             bridgeState.value.upsellOpenEventProps = props;
@@ -285,6 +302,7 @@ const useEventTracker = () => {
             });
         },
         ...gettyVideoEvents,
+        ...publishedWebsiteEvents,
     };
 };
 export { useEventTracker };

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

@@ -54,25 +54,9 @@ export declare const useLocalisedRouteStore: import("pinia").StoreDefinition<"lo
         localisedBaseUrl: string;
     } & import("pinia").PiniaCustomStateProperties<LocalisedRouteState>) => () => string;
     getPostpurchaseByDesignDraftTokenUrl: () => (editorUrlToRedirectTo: string, designDraftToken: string) => string;
-    getBuilderLandingPageByTypeUrl: (state: {
-        baseFabricRenderDomain: string;
-        baseBrandPageDomain: string;
-        upgradeSubscriptionUrlPath: string;
-        reactivationUrlPath: string;
-        backToWebsiteManageUrlPath: string;
-        manageWebsiteDesignsUrlPath: string;
-        createNewDesignUrlPath: string;
-        termsOfUseUrlPath: string;
-        websiteBuilderUrlPath: string;
-        digitalBusinessCardBuilderUrlPath: string;
-        linkInBioBuilderUrlPath: string;
-        brandPageEditorUrlPath: string;
-        brandSiteEditorUrlPath: string;
-        brandContactEditorUrlPath: string;
-        logoEditUrlPath: string;
-        localisedBaseUrl: string;
-    } & import("pinia").PiniaCustomStateProperties<LocalisedRouteState>) => (isPreview: boolean, brandPageType: string, isDesignCom: boolean, locale: string) => string;
     getWebsiteBaseUrl: () => (isDesignCom: boolean) => "https://www.design.com" | "https://www.brandcrowd.com";
 }, {
     initialise(payload: any): void;
+    buildUtmQueryStrings(brandPageType: string, utmCampaign?: string): string;
+    getBuilderLandingPageByTypeUrl(isPreview: boolean, brandPageType: string, isDesignCom: boolean, locale: string, utmCampaign?: string): string;
 }>;

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

@@ -2,6 +2,7 @@ import { defineStore } from 'pinia';
 import { BRAND_PAGE_TYPES } from '../../../brand-page/models';
 import { interpolateUrl } from '../../utils/route.util';
 import { useBrandPageContainerStore } from '../brandpage-container';
+const UTM_MEDIUM = 'published_website';
 const getLocalisedSlug = (defaultSlug, locale) => {
     const translations = {
         '/website-builder': {
@@ -70,6 +71,39 @@ export const useLocalisedRouteStore = defineStore('localisedRoute', {
             this.logoEditUrlPath = payload.logoEditUrlPath;
             this.localisedBaseUrl = payload.localisedBaseUrl;
         },
+        buildUtmQueryStrings(brandPageType, utmCampaign) {
+            if (!utmCampaign) {
+                return '';
+            }
+            return `utm_source=${brandPageType || BRAND_PAGE_TYPES.default}&utm_medium=${UTM_MEDIUM}&utm_campaign=${utmCampaign}`;
+        },
+        getBuilderLandingPageByTypeUrl(isPreview, brandPageType, isDesignCom, locale, utmCampaign) {
+            if (isPreview) {
+                return '#';
+            }
+            let slug = '';
+            switch (brandPageType) {
+                case BRAND_PAGE_TYPES.brandSite:
+                    slug = getLocalisedSlug(this.websiteBuilderUrlPath || '/website-builder', locale);
+                    break;
+                case BRAND_PAGE_TYPES.brandContact:
+                    slug = getLocalisedSlug(this.digitalBusinessCardBuilderUrlPath || '/digital-business-card', locale);
+                    break;
+                default:
+                    slug = getLocalisedSlug(this.linkInBioBuilderUrlPath || '/link-in-bio', locale);
+            }
+            const lowercaseLocale = locale.toLowerCase();
+            const isEnglish = lowercaseLocale === 'en-us';
+            const domain = isDesignCom
+                ? 'https://www.design.com'
+                : 'https://www.brandcrowd.com';
+            const localePath = isEnglish ? '' : `/${lowercaseLocale}`;
+            const url = `${domain}${localePath}${slug}`;
+            const utmParams = utmCampaign
+                ? `?${this.buildUtmQueryStrings(brandPageType, utmCampaign)}`
+                : '';
+            return url + utmParams;
+        },
     },
     getters: {
         currentPublishedSlugUrl: (state) => () => {
@@ -91,30 +125,6 @@ export const useLocalisedRouteStore = defineStore('localisedRoute', {
                 designDraftToken: designDraftToken,
             });
         },
-        getBuilderLandingPageByTypeUrl: (state) => (isPreview, brandPageType, isDesignCom, locale) => {
-            if (isPreview) {
-                return '#';
-            }
-            let slug = '';
-            switch (brandPageType) {
-                case BRAND_PAGE_TYPES.brandSite:
-                    slug = getLocalisedSlug(state.websiteBuilderUrlPath || '/website-builder', locale);
-                    break;
-                case BRAND_PAGE_TYPES.brandContact:
-                    slug = getLocalisedSlug(state.digitalBusinessCardBuilderUrlPath ||
-                        '/digital-business-card', locale);
-                    break;
-                default:
-                    slug = getLocalisedSlug(state.linkInBioBuilderUrlPath || '/link-in-bio', locale);
-            }
-            const lowercaseLocale = locale.toLowerCase();
-            const isEnglish = lowercaseLocale === 'en-us';
-            const domain = isDesignCom
-                ? 'https://www.design.com'
-                : 'https://www.brandcrowd.com';
-            const localePath = isEnglish ? '' : `/${lowercaseLocale}`;
-            return `${domain}${localePath}${slug}`;
-        },
         getWebsiteBaseUrl: () => (isDesignCom) => {
             return isDesignCom
                 ? `https://www.design.com`