@designcrowd/library.brand-page 5.16.54 → 5.16.55

package/lib/src/{CreatedOnBrandCrowd-de-de-MT7ymeOj.js → CreatedOnBrandCrowd-de-de-CKdF-VPz.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-BWXLHDqW.js";
 const i = {}, h = {
   width: "275",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-en-us-C2GKnuEv.js → CreatedOnBrandCrowd-en-us-BKYnl-yb.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-BWXLHDqW.js";
 const i = {}, h = {
   width: "251",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-es-es-2takDYdw.js → CreatedOnBrandCrowd-es-es-C8imb_hy.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-BWXLHDqW.js";
 const i = {}, h = {
   width: "250",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-fr-fr-DFjtVwB7.js → CreatedOnBrandCrowd-fr-ca-boSG54Iv.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-BWXLHDqW.js";
 const i = {}, h = {
   width: "237",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-fr-ca-DFjtVwB7.js → CreatedOnBrandCrowd-fr-fr-boSG54Iv.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-BWXLHDqW.js";
 const i = {}, h = {
   width: "237",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-pt-pt-BgN5BFxF.js → CreatedOnBrandCrowd-pt-br-BDJJDXbB.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-BWXLHDqW.js";
 const i = {}, h = {
   width: "263",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-pt-br-BgN5BFxF.js → CreatedOnBrandCrowd-pt-pt-BDJJDXbB.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-BWXLHDqW.js";
 const i = {}, h = {
   width: "263",
   height: "36",

package/lib/src/{CreatedOnDcom-de-de-BzxanK33.js → CreatedOnDcom-de-de-mBzErUNE.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-BWXLHDqW.js";
 const M = {}, Z = {
   width: "242",
   height: "36",

package/lib/src/{CreatedOnDcom-en-us-Vlybo-_L.js → CreatedOnDcom-en-us-DATpe8q3.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-BWXLHDqW.js";
 const i = {}, M = {
   width: "231",
   height: "36",

package/lib/src/{CreatedOnDcom-es-es-BRKauY9e.js → CreatedOnDcom-es-es-l7aq6D9Y.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-BWXLHDqW.js";
 const M = {}, Z = {
   width: "230",
   height: "36",

package/lib/src/{CreatedOnDcom-fr-ca-BRSzGg7E.js → CreatedOnDcom-fr-ca-C3MoZ4Ks.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-BWXLHDqW.js";
 const i = {}, l = {
   width: "216",
   height: "36",

package/lib/src/{CreatedOnDcom-fr-fr-CQg_YrB1.js → CreatedOnDcom-fr-fr-CG_cHJxE.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-BWXLHDqW.js";
 const i = {}, l = {
   width: "216",
   height: "36",

package/lib/src/{CreatedOnDcom-pt-br-CXxzg52F.js → CreatedOnDcom-pt-br-CTSbFbwu.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-BWXLHDqW.js";
 const Z = {}, e = {
   width: "232",
   height: "36",

package/lib/src/{CreatedOnDcom-pt-pt-Bv63jvQl.js → CreatedOnDcom-pt-pt-j7JeOpTM.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-BWXLHDqW.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`

package/lib/src/css/library.brand-page-brandCrowd.min.css

@@ -5153,7 +5153,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   border-radius: 0 !important;
 }
 
-@-webkit-keyframes slide-eea86c62 {
+@-webkit-keyframes slide-ccfbe22d {
 0% {
     -webkit-transform: translateX(-40%);
             transform: translateX(-40%);
@@ -5178,7 +5178,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
             transform: translateX(150%);
 }
 }
-@keyframes slide-eea86c62 {
+@keyframes slide-ccfbe22d {
 0% {
     -webkit-transform: translateX(-40%);
             transform: translateX(-40%);
@@ -5203,7 +5203,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
             transform: translateX(150%);
 }
 }
-.brand-page__footer[data-v-eea86c62] {
+.brand-page__footer[data-v-ccfbe22d] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -5211,7 +5211,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
       -ms-flex-pack: center;
           justify-content: center;
 }
-.brand-page__footer-link[data-v-eea86c62] {
+.brand-page__footer-link[data-v-ccfbe22d] {
   display: block;
   border-radius: 0.25rem;
   padding: 0.75rem;
@@ -5219,37 +5219,37 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   -webkit-transition: background 0.2s ease-in-out;
   transition: background 0.2s ease-in-out;
 }
-.brand-page__footer-link[data-v-eea86c62]:hover {
+.brand-page__footer-link[data-v-ccfbe22d]:hover {
   opacity: 0.9;
 }
-.icon-container[data-v-eea86c62] {
+.icon-container[data-v-ccfbe22d] {
   width: 20px;
   overflow: hidden;
 }
-.icon-right[data-v-eea86c62] {
+.icon-right[data-v-ccfbe22d] {
   left: 50%;
   -webkit-transform: translateX(-50%);
           transform: translateX(-50%);
-  -webkit-animation-name: slide-eea86c62;
-          animation-name: slide-eea86c62;
+  -webkit-animation-name: slide-ccfbe22d;
+          animation-name: slide-ccfbe22d;
   -webkit-animation-duration: 3s;
           animation-duration: 3s;
   -webkit-animation-iteration-count: infinite;
           animation-iteration-count: infinite;
 }
-.btn-dcom[data-v-eea86c62] {
+.btn-dcom[data-v-ccfbe22d] {
   --tw-border-opacity: 1;
   --tw-bg-opacity: 1;
   border-color: rgb(63 89 246 / var(--tw-border-opacity));
   background-color: rgb(63 89 246 / var(--tw-bg-opacity));
   font-family: 'Inter', Lato, sans-serif;
 }
-.extra-height[data-v-eea86c62] {
+.extra-height[data-v-ccfbe22d] {
   -webkit-transition: height 0.5s ease-in-out;
   transition: height 0.5s ease-in-out;
   width: 100%;
 }
-.btn-bc[data-v-eea86c62] {
+.btn-bc[data-v-ccfbe22d] {
   font-family: Lato, Helvetica, sans-serif;
 }
 
@@ -7220,7 +7220,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
           justify-content: flex-end;
 }
 
-@-webkit-keyframes slideUp-a1c3a7d4 {
+@-webkit-keyframes slideUp-9b5e0507 {
 from {
     bottom: -100%;
     opacity: 0;
@@ -7229,7 +7229,7 @@ to {
     opacity: 1;
 }
 }
-@keyframes slideUp-a1c3a7d4 {
+@keyframes slideUp-9b5e0507 {
 from {
     bottom: -100%;
     opacity: 0;
@@ -7238,27 +7238,27 @@ to {
     opacity: 1;
 }
 }
-.popup-card[data-v-a1c3a7d4] {
-  -webkit-animation: slideUp-a1c3a7d4 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-          animation: slideUp-a1c3a7d4 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
+.popup-card[data-v-9b5e0507] {
+  -webkit-animation: slideUp-9b5e0507 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
+          animation: slideUp-9b5e0507 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
 }
 @media (max-width: 767px) {
-.popup-card[data-v-a1c3a7d4] {
+.popup-card[data-v-9b5e0507] {
     max-width: calc(100% - 2rem);
 }
 }
-.btn-dcom[data-v-a1c3a7d4] {
+.btn-dcom[data-v-9b5e0507] {
   --tw-border-opacity: 1;
   --tw-bg-opacity: 1;
   border-color: rgb(63 89 246 / var(--tw-border-opacity));
   background-color: rgb(63 89 246 / var(--tw-bg-opacity));
   font-family: 'Inter', Lato, sans-serif;
 }
-.btn-bc[data-v-a1c3a7d4] {
+.btn-bc[data-v-9b5e0507] {
   font-family: Lato, Helvetica, sans-serif;
 }
 
-.brand-page__footer[data-v-73d82b88] {
+.brand-page__footer[data-v-2d20753c] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -7266,7 +7266,7 @@ to {
       -ms-flex-pack: center;
           justify-content: center;
 }
-.brand-page__footer-link[data-v-73d82b88] {
+.brand-page__footer-link[data-v-2d20753c] {
   display: block;
   border-radius: 0.25rem;
   padding: 0.75rem;
@@ -7274,25 +7274,25 @@ to {
   -webkit-transition: background 0.2s ease-in-out;
   transition: background 0.2s ease-in-out;
 }
-.brand-page__footer-link[data-v-73d82b88]:hover {
+.brand-page__footer-link[data-v-2d20753c]:hover {
   opacity: 0.9;
 }
-.icon-container[data-v-73d82b88] {
+.icon-container[data-v-2d20753c] {
   width: 20px;
   overflow: hidden;
 }
-.extra-height[data-v-73d82b88] {
+.extra-height[data-v-2d20753c] {
   -webkit-transition: height 0.5s ease-in-out;
   transition: height 0.5s ease-in-out;
   width: 100%;
 }
-.c-button__label[data-v-73d82b88] {
+.c-button__label[data-v-2d20753c] {
   margin: 0 auto;
   word-break: break-word;
   overflow-wrap: anywhere;
   width: auto;
 }
-.c-button[data-v-73d82b88] {
+.c-button[data-v-2d20753c] {
   --icon-h: 1.5rem;
   --icon-m-r: 0.5rem;
   --icon-m-icon: 0.5rem;
@@ -7307,10 +7307,10 @@ to {
       -ms-flex-align: center !important;
           align-items: center !important;
 }
-.button__icon[data-v-73d82b88] {
+.button__icon[data-v-2d20753c] {
   margin-right: var(--icon-m-r);
 }
-.btn-max-width[data-v-73d82b88] {
+.btn-max-width[data-v-2d20753c] {
   max-width: 315px;
   width: 100%;
 }