@designcrowd/library.brand-page 5.16.54 → 5.16.56

package/lib/src/shared/content-settings/components/content-settings/ContentSettings.mixin.d.ts

@@ -756,11 +756,15 @@ declare const _default: import("vue").DefineComponent<{}, {
         toggleLogoBackground(): Promise<any>;
     }>;
     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/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.d.ts

@@ -728,11 +728,15 @@ declare const _default: import("vue").DefineComponent<{}, {
         toggleShouldPlayVideo(): void;
     }>;
     bpEventTracker: {
+        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/shared/content-settings/components/content-settings-item/ContentSettingsItem.mixin.d.ts

@@ -473,11 +473,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }): 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/shared/logo-settings/components/EditLogoSettings.mixin.d.ts

@@ -242,11 +242,15 @@ declare const _default: import("vue").DefineComponent<{}, {
         setupLogoChangeWatcher(): 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/shared/page-settings/components/page-settings/PageSettings.mixin.d.ts

@@ -4712,11 +4712,15 @@ declare const _default: import("vue").DefineComponent<{}, {
     onDraggingStart: () => void;
     onDraggingEnd: (ev: any) => 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/shared/publish-brand-page-with-state/PublishBrandPageModalWithState.mixin.d.ts

@@ -426,11 +426,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }): Promise<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/shared/side-bar/components/SideBarTabButton.mixin.d.ts

@@ -16,11 +16,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>;
     isDesignCom: import("vue").ComputedRef<boolean>;
     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/shared/style-settings/components/StyleSettings.mixin.d.ts

@@ -871,11 +871,15 @@ declare const _default: import("vue").DefineComponent<{}, {
         removeBackgroundVideo(): 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/shared/template-settings/components/TemplatesSettings.mixin.d.ts

@@ -562,11 +562,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>;
     isDesignCom: import("vue").ComputedRef<boolean>;
     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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@designcrowd/library.brand-page",
   "description": "A collection of Maker/Designer applications",
-  "version": "5.16.54",
+  "version": "5.16.56",
   "author": "Design.com Eng",
   "license": "UNLICENSED",
   "type": "module",

package/src/brand-page/components/brand-page-footer/BrandPageFooter.vue

@@ -6,13 +6,13 @@
     <a
       :href="url"
       class="brand-page__footer-link"
-      @click="(event) => onBrandCrowdLogoClick(event)"
+      @click="(event) => onFooterLinkClick(event, 'watermark_logo')"
     >
       <component :is="watermarkComponent" />
     </a>
     <a
       v-if="!context.isPreview || shouldShowPreviewWatermarkAbTest"
-      :href="!context.isPreview ? url : undefined"
+      :href="!context.isPreview ? urlCreateYourWebsite : undefined"
     >
       <button
         class="tw-cursor-pointer tw-py-2 tw-px-3 tw-flex tw-items-center tw-text-white tw-rounded tw-text-sm"
@@ -20,7 +20,7 @@
           'btn-bc tw-uppercase tw-bg-primary-500': !context.isDesignCom,
           'btn-dcom tw-rounded-md tw-font-bold': context.isDesignCom,
         }"
-        @click="(event) => onBrandCrowdLogoClick(event, true)"
+        @click="(event) => onFooterLinkClick(event, 'create_your_website')"
       >
         {{ buttonText }}
         <div class="icon-container tw-ml-2">
@@ -131,6 +131,17 @@ const url = computed((): string =>
     props.context.brandPageType,
     props.context.isDesignCom,
     getCurrentLocale(),
+    'bp-footer-watermark',
+  ),
+);
+
+const urlCreateYourWebsite = computed((): string =>
+  localisedRouteStore.getBuilderLandingPageByTypeUrl(
+    props.context.isPreview,
+    props.context.brandPageType,
+    props.context.isDesignCom,
+    getCurrentLocale(),
+    'bp-footer-watermark-create-your-website',
   ),
 );
 
@@ -168,10 +179,12 @@ const buttonText = computed((): string => {
 
 const emit = defineEmits(['on-logo-click']);
 
-const onBrandCrowdLogoClick = async (
+const onFooterLinkClick = async (
   event: any,
-  isNewWatermarkDesign = false,
+  linkType: 'watermark_logo' | 'create_your_website',
 ) => {
+  const isNewWatermarkDesign = linkType === 'create_your_website';
+
   if (props.context.isPreview) {
     event.preventDefault();
     emit('on-logo-click', 'StyleSettings');
@@ -187,6 +200,8 @@ const onBrandCrowdLogoClick = async (
     await containerStore.showUpgradeModalAndSaveAsync(
       WEBSITE_UPGRADE_CONTEXT_TYPES.RemoveWatermark,
     );
+  } else {
+    eventTracker.sendFooterLinkClickEvent(linkType);
   }
 };
 </script>

package/src/brand-page/components/save-contact/SaveContactWidget.vue

@@ -42,10 +42,7 @@ import { computed, reactive, onMounted, watch, ref } from 'vue';
 import { Icon } from '@designcrowd/fe-shared-lib';
 import { type BrandPageContext, type TextStyleDeclaration } from '../../models';
 import { useLocalisedRouteStore } from '../../../brand-page-maker/stores';
-import {
-  EVENTS,
-  useEventTracker,
-} from '../../../brand-page-maker/composables/useEventTracker';
+import { useEventTracker } from '../../../brand-page-maker/composables/useEventTracker';
 import {
   saveContactWidgetTr,
   getCurrentLocale,
@@ -125,10 +122,7 @@ const onSaveContactClick = (): void => {
 
   data.isProcessing = true;
 
-  eventTracker?.sendWebsiteEvent({
-    eventName: EVENTS.WEBSITE_SAVE_CONTACT,
-    eventProps: {},
-  });
+  eventTracker?.sendSaveContactEvent();
 
   const brandPageData = { pages: props.context.pages || [] };
 
@@ -186,11 +180,13 @@ const url = computed((): string => {
   if (!localisedRouteStore) {
     return '#';
   }
+
   return localisedRouteStore.getBuilderLandingPageByTypeUrl(
     props.context.isPreview,
     props.context.brandPageType,
     props.context.isDesignCom,
     getCurrentLocale(),
+    'bp-save-contact',
   );
 });
 

package/src/brand-page/components/save-contact/popup-card/PopupCard.vue

@@ -51,10 +51,7 @@
 import { Icon } from '@designcrowd/fe-shared-lib';
 import { computed, ref, onMounted } from 'vue';
 import { type BrandPageContext } from '../../../models';
-import {
-  EVENTS,
-  useEventTracker,
-} from '../../../../brand-page-maker/composables/useEventTracker';
+import { useEventTracker } from '../../../../brand-page-maker/composables/useEventTracker';
 import {
   saveContactWidgetTr,
   getCurrentLocale,
@@ -114,10 +111,7 @@ onMounted(() => {
 });
 
 const onStartFree = (): void => {
-  eventTracker.sendWebsiteEvent({
-    eventName: EVENTS.WEBSITE_START_FOR_FREE,
-    eventProps: {},
-  });
+  eventTracker.sendStartForFreeEvent();
   window.location.href = props.url;
 };
 </script>

package/src/brand-page-maker/components/rich-text-editor/RichTextEditor.vue

@@ -87,7 +87,7 @@
               <span
                 class="tw-flex tw-flex-row tw-w-full tw-justify-between tw-items-center"
               >
-                {{ option.label }}ddd
+                {{ option.label }}
                 <Icon v-if="option.isSelected" name="check-thin" size="sm" />
               </span>
             </div>

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

@@ -1,5 +1,7 @@
 import { shallowRef } from 'vue';
 
+type EventScope = 'maker_editor' | 'published_website';
+
 type LocationTypes = 'pre_purchase' | 'post_purchase';
 
 type TemplateTypes = 'brand-page' | 'brand-site' | 'brand-contact';
@@ -21,6 +23,7 @@ export interface BpUpsellEventProps {
 }
 
 export interface BpEventTrackerEvent {
+  scope?: EventScope;
   eventName: string;
   eventProps: any;
 }
@@ -60,6 +63,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',
@@ -134,12 +138,7 @@ export const PUBLISH_OPTION_MODAL_CONTINUATION_EVENTS = {
   FREEMIUM: 'freemium',
 };
 
-const GLOBAL_EVENT_PROPS = shallowRef<BpGlobalEventProps>({
-  template_category: 'website',
-  template_type: 'brand-page',
-  location: 'post_purchase',
-  domain_type: 'Free',
-});
+const GLOBAL_EVENT_PROPS = shallowRef<any>();
 
 const bridgeState = shallowRef({
   upsellOpenEventProps: {},
@@ -153,9 +152,11 @@ const _publishEvent = (
   eventName: string,
   eventProps: any,
   excludeGlobal = false,
+  scope: EventScope = 'maker_editor',
 ) => {
   LISTENERS.value.forEach((listener) => {
     listener({
+      scope,
       eventName: eventName,
       eventProps: {
         ...(excludeGlobal ? {} : GLOBAL_EVENT_PROPS.value),
@@ -184,6 +185,35 @@ 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: 'watermark_logo' | 'create_your_website',
+    ) => {
+      _publishEvent(
+        EVENTS.WEBSITE_FOOTER_LINK_CLICK,
+        { link_type: linkType },
+        false,
+        'published_website',
+      );
+    },
+  };
+
   return {
     sendExperimentStartedEvent: (abTestKey: string, abTestValue: string) => {
       _publishEvent(
@@ -198,7 +228,17 @@ const useEventTracker = () => {
     setGlobalEventProps: (
       props: Omit<BpGlobalEventProps, 'template_category'>,
     ) => {
-      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: any) => {
+      GLOBAL_EVENT_PROPS.value = props;
     },
     setUpsellBridgeState: (props: BpUpsellEventProps) => {
       bridgeState.value.upsellOpenEventProps = props;
@@ -349,6 +389,7 @@ const useEventTracker = () => {
       });
     },
     ...gettyVideoEvents,
+    ...publishedWebsiteEvents,
   };
 };
 

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

@@ -3,6 +3,8 @@ 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: string, locale: string): string => {
   const translations: Record<string, Record<string, string>> = {
     '/website-builder': {
@@ -92,6 +94,63 @@ export const useLocalisedRouteStore = defineStore('localisedRoute', {
       this.logoEditUrlPath = payload.logoEditUrlPath;
       this.localisedBaseUrl = payload.localisedBaseUrl;
     },
+
+    buildUtmQueryStrings(brandPageType: string, utmCampaign?: string) {
+      if (!utmCampaign) {
+        return '';
+      }
+
+      return `utm_source=${brandPageType || BRAND_PAGE_TYPES.default}&utm_medium=${UTM_MEDIUM}&utm_campaign=${utmCampaign}`;
+    },
+
+    getBuilderLandingPageByTypeUrl(
+      isPreview: boolean,
+      brandPageType: string,
+      isDesignCom: boolean,
+      locale: string,
+      utmCampaign?: string,
+    ) {
+      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) => () => {
@@ -122,51 +181,6 @@ export const useLocalisedRouteStore = defineStore('localisedRoute', {
         });
       },
 
-    getBuilderLandingPageByTypeUrl:
-      (state) =>
-      (
-        isPreview: boolean,
-        brandPageType: string,
-        isDesignCom: boolean,
-        locale: string,
-      ) => {
-        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: boolean) => {
       return isDesignCom
         ? `https://www.design.com`

package/src/lib.ts

@@ -105,6 +105,7 @@ export {
 
 // Composable
 export { useEventTracker } from './brand-page-maker/composables/useEventTracker';
+export type { BpEventTrackerEvent } from './brand-page-maker/composables/useEventTracker';
 export {
   useConsent,
   type ConsentType,