@designcrowd/library.brand-page 6.1.14 → 6.1.15

package/lib/src/{CreatedOnBrandCrowd-de-de-CNqGW-GB.js → CreatedOnBrandCrowd-de-de-a7cNT5AA.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-BWZeor_R.js → CreatedOnBrandCrowd-en-us-BpZ89I9T.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-D_-5Qdpd.js → CreatedOnBrandCrowd-es-es-Db0Ot-mQ.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-BC6Xo2uA.js → CreatedOnBrandCrowd-fr-ca-Mbd7Hhxh.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-BC6Xo2uA.js → CreatedOnBrandCrowd-fr-fr-Mbd7Hhxh.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-D10DwNv3.js → CreatedOnBrandCrowd-pt-br-B98aoT6y.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-D10DwNv3.js → CreatedOnBrandCrowd-pt-pt-B98aoT6y.js}

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

package/lib/src/{CreatedOnDcom-de-de-BDHrHOOB.js → CreatedOnDcom-de-de-b_GUYmhX.js}

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

package/lib/src/{CreatedOnDcom-en-us-EbniAwLE.js → CreatedOnDcom-en-us-BtTIwekM.js}

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

package/lib/src/{CreatedOnDcom-es-es-BpAIMuUH.js → CreatedOnDcom-es-es-WbhHNEg-.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-BDSu4efU.js → CreatedOnDcom-fr-ca-DnQOAvS5.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-BR7f1SWB.js → CreatedOnDcom-fr-fr-D7Q-aBNQ.js}

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

package/lib/src/{CreatedOnDcom-pt-br-DzY1XBcr.js → CreatedOnDcom-pt-br-DnqkF_ve.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-1v5N9vgW.js → CreatedOnDcom-pt-pt-DNyyHF1o.js}

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

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

@@ -22,7 +22,7 @@ import { FabricRenderClient } from '../../../clients/fabric-render-client';
 import AssetLibraryClient from '../../../clients/asset-library-clients';
 import { useShopConfigStore } from '@shared/ecommerce-settings/store/shop-settings-store';
 import { useProductConfigStore } from '@brand-page-maker/stores/product-config/product-config-store';
-import { UPGRADE_CTA_LOCATIONS } from '../../composables/useEventTracker';
+import { useEventTracker, UPGRADE_CTA_LOCATIONS, PREVIEW_CTA_LOCATIONS, } from '../../composables/useEventTracker';
 import { commonTr } from '@src/composables/useTranslate';
 import { useSnapshot } from '../../../composables/useSnapshot';
 import { usePageNavigationStore } from '@src/shared/page-navigation/store/page-navigation-store';
@@ -340,6 +340,9 @@ export default defineComponent({
             this.$emit(EVENTS.Back);
         },
         onPreview() {
+            // Every click is counted, before the gating below — the modal-open event
+            // fires separately, so click → open reads as a funnel.
+            useEventTracker().sendPreviewClickEvent(PREVIEW_CTA_LOCATIONS.MAKER);
             // The preview frames a SAVED, owned draft. A signed-out customer can't have
             // one, and the save needs an owner — so sign-in comes first, via the host's
             // Save Progress flow.

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

@@ -1152,6 +1152,9 @@ declare const _default: import("vue").DefineComponent<{}, {
     }>;
     eventTracker: {
         sendShippingToggleEvent: (isEnabled: boolean) => void;
+        sendPreviewClickEvent: (ctaLocation: string) => void;
+        sendPreviewModalOpenEvent: (ctaLocation: string) => void;
+        sendPreviewModalContinuationEvent: (continuation: string, ctaLocation: string) => void;
         sendUndoEvent: (props: {
             entries_count: number;
             actor: string | undefined;

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

@@ -59,6 +59,18 @@ export declare const EVENTS: {
     WEBSITE_MAKER_REDO: string;
     WEBSITE_MAKER_HISTORY_CAPPED: string;
     WEBSITE_MAKER_HISTORY_OVERSIZED: string;
+    WEBSITE_MAKER_LIVE_PREVIEW_CLICK: string;
+    WEBSITE_MAKER_LIVE_PREVIEW_MODAL: string;
+};
+export declare const PREVIEW_CTA_LOCATIONS: {
+    MAKER: string;
+    MANAGE_WEBSITE: string;
+};
+export declare const PREVIEW_MODAL_CONTINUATION_EVENTS: {
+    EXIT: string;
+    BACK_TO_EDITOR: string;
+    EDIT: string;
+    PUBLISH: string;
 };
 export declare const SELECT_LOCATIONS: {
     MAKER_PREVIEW: string;
@@ -113,6 +125,9 @@ export declare const PUBLISH_OPTION_MODAL_CONTINUATION_EVENTS: {
 };
 declare const useEventTracker: () => {
     sendShippingToggleEvent: (isEnabled: boolean) => void;
+    sendPreviewClickEvent: (ctaLocation: string) => void;
+    sendPreviewModalOpenEvent: (ctaLocation: string) => void;
+    sendPreviewModalContinuationEvent: (continuation: string, ctaLocation: string) => void;
     sendUndoEvent: (props: {
         entries_count: number;
         actor: string | undefined;

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

@@ -40,6 +40,22 @@ export const EVENTS = {
     WEBSITE_MAKER_REDO: 'website_maker_redo',
     WEBSITE_MAKER_HISTORY_CAPPED: 'website_maker_history_capped',
     WEBSITE_MAKER_HISTORY_OVERSIZED: 'website_maker_history_oversized',
+    WEBSITE_MAKER_LIVE_PREVIEW_CLICK: 'website_maker_live_preview_click',
+    WEBSITE_MAKER_LIVE_PREVIEW_MODAL: 'website_maker_live_preview_modal',
+};
+// The global `location` prop already means pre/post purchase, so the surface a
+// preview was launched from rides on cta_location, reusing existing values.
+export const PREVIEW_CTA_LOCATIONS = {
+    MAKER: 'maker',
+    MANAGE_WEBSITE: 'manage_website',
+};
+export const PREVIEW_MODAL_CONTINUATION_EVENTS = {
+    EXIT: 'exit',
+    // The same button reads "Back to Editor" on the editor and "Edit" on other
+    // surfaces — the continuation mirrors the label the user actually clicked.
+    BACK_TO_EDITOR: 'back_to_editor',
+    EDIT: 'edit',
+    PUBLISH: 'publish',
 };
 export const SELECT_LOCATIONS = {
     MAKER_PREVIEW: 'maker_preview',
@@ -327,6 +343,26 @@ const useEventTracker = () => {
                 is_enabled: isEnabled,
             });
         },
+        // Live preview: the click is tracked separately from the modal opening —
+        // sign-in/save gating means a click doesn't always open the modal, and the
+        // post-sign-in return trip opens it without a click.
+        sendPreviewClickEvent: (ctaLocation) => {
+            _publishEvent(EVENTS.WEBSITE_MAKER_LIVE_PREVIEW_CLICK, {
+                cta_location: ctaLocation,
+            });
+        },
+        sendPreviewModalOpenEvent: (ctaLocation) => {
+            _publishEvent(EVENTS.WEBSITE_MAKER_LIVE_PREVIEW_MODAL, {
+                cta_location: ctaLocation,
+                continuation: null,
+            });
+        },
+        sendPreviewModalContinuationEvent: (continuation, ctaLocation) => {
+            _publishEvent(EVENTS.WEBSITE_MAKER_LIVE_PREVIEW_MODAL, {
+                cta_location: ctaLocation,
+                continuation,
+            });
+        },
         // Undo / Redo (BP-5506)
         sendUndoEvent: (props) => {
             _publishEvent(EVENTS.WEBSITE_MAKER_UNDO, props);

package/lib/src/index.mjs

@@ -1,5 +1,5 @@
-import { A as s, a as I, b as S, c as N, d as e, e as A, f as O, B as t, g as C, h as D, i as G, j as P, k as R, l as o, m as L, n as M, o as r, p as n, q as i, r as l, s as b, t as c, u as F, v as g, w as B, x as Y, y as U, z as d, C as u, D as H, E as p, F as y, G as m, H as K, I as k, J as V, K as v, L as X, M as h, N as f, O as x, P as W, Q as z, R as w, S as J, T as Z, U as j, V as q, W as Q, X as $, Y as aa, Z as Ea, $ as _a, a0 as Ta, a1 as sa, a2 as Ia, a3 as Sa, a4 as Na, a5 as ea, a6 as Aa, a7 as Oa, a8 as ta, a9 as Ca, aa as Da, ab as Ga, ac as Pa, ad as Ra, ae as oa, af as La, ag as Ma, ah as ra, ai as na, aj as ia, ak as la, al as ba, am as ca, an as Fa, ao as ga, ap as Ba, aq as Ya, ar as Ua, as as da, at as ua, au as Ha, av as pa, aw as ya, ax as ma, ay as Ka, az as ka, aA as Va, aB as va, aC as Xa, aD as ha, aE as fa, aF as xa, aG as Wa, aH as za, aI as wa, aJ as Ja, aK as Za, aL as ja, aM as qa, aN as Qa, aO as $a, aP as aE, aQ as EE, aR as _E, aS as TE, aT as sE, aU as IE, aV as SE, aW as NE, aX as eE, aY as AE, aZ as OE, a_ as tE, a$ as CE, b0 as DE, b1 as GE, b2 as PE, b3 as RE, b4 as oE, b5 as LE, b6 as ME, b7 as rE, b8 as nE, b9 as iE, ba as lE, bb as bE, bc as cE, bd as FE, be as gE, bf as BE, bg as YE, bh as UE, bi as dE, bj as uE, bk as HE, bl as pE, bm as yE, bn as mE, bo as KE, bp as kE, bq as VE, br as vE, bs as XE, bt as hE, bu as fE, bv as xE, bw as WE, bx as zE, by as wE, bz as JE, bA as ZE, bB as jE, bC as qE, bD as QE, bE as $E, bF as a_, bG as E_, bH as __, bI as T_, bJ as s_, bK as I_, bL as S_, bM as N_, bN as e_, bO as A_, bP as O_, bQ as t_, bR as C_, bS as D_, bT as G_, bU as P_, bV as R_, bW as o_, bX as L_, bY as M_, bZ as r_, b_ as n_, b$ as i_, c0 as l_, c1 as b_, c2 as c_, c3 as F_, c4 as g_, c5 as B_, c6 as Y_, c7 as U_, c8 as d_, c9 as u_, ca as H_, cb as p_, cc as y_, cd as m_, ce as K_, cf as k_, cg as V_, ch as v_, ci as X_, cj as h_, ck as f_, cl as x_, cm as W_, cn as z_, co as w_, cp as J_, cq as Z_, cr as j_, cs as q_, ct as Q_, cu as $_, cv as aT, cw as ET, cx as _T, cy as TT, cz as sT, cA as IT, cB as ST, cC as NT, cD as eT } from "./lib-BMP5cseh.js";
-import { U as OT, u as tT } from "./useEventTracker-Dmc2jFdN.js";
+import { A as s, a as I, b as S, c as N, d as e, e as A, f as O, B as t, g as C, h as D, i as G, j as P, k as R, l as o, m as L, n as M, o as r, p as n, q as i, r as l, s as b, t as c, u as F, v as g, w as B, x as Y, y as U, z as d, C as u, D as H, E as p, F as y, G as m, H as K, I as k, J as V, K as v, L as X, M as h, N as f, O as x, P as W, Q as z, R as w, S as J, T as Z, U as j, V as q, W as Q, X as $, Y as aa, Z as Ea, $ as _a, a0 as Ta, a1 as sa, a2 as Ia, a3 as Sa, a4 as Na, a5 as ea, a6 as Aa, a7 as Oa, a8 as ta, a9 as Ca, aa as Da, ab as Ga, ac as Pa, ad as Ra, ae as oa, af as La, ag as Ma, ah as ra, ai as na, aj as ia, ak as la, al as ba, am as ca, an as Fa, ao as ga, ap as Ba, aq as Ya, ar as Ua, as as da, at as ua, au as Ha, av as pa, aw as ya, ax as ma, ay as Ka, az as ka, aA as Va, aB as va, aC as Xa, aD as ha, aE as fa, aF as xa, aG as Wa, aH as za, aI as wa, aJ as Ja, aK as Za, aL as ja, aM as qa, aN as Qa, aO as $a, aP as aE, aQ as EE, aR as _E, aS as TE, aT as sE, aU as IE, aV as SE, aW as NE, aX as eE, aY as AE, aZ as OE, a_ as tE, a$ as CE, b0 as DE, b1 as GE, b2 as PE, b3 as RE, b4 as oE, b5 as LE, b6 as ME, b7 as rE, b8 as nE, b9 as iE, ba as lE, bb as bE, bc as cE, bd as FE, be as gE, bf as BE, bg as YE, bh as UE, bi as dE, bj as uE, bk as HE, bl as pE, bm as yE, bn as mE, bo as KE, bp as kE, bq as VE, br as vE, bs as XE, bt as hE, bu as fE, bv as xE, bw as WE, bx as zE, by as wE, bz as JE, bA as ZE, bB as jE, bC as qE, bD as QE, bE as $E, bF as a_, bG as E_, bH as __, bI as T_, bJ as s_, bK as I_, bL as S_, bM as N_, bN as e_, bO as A_, bP as O_, bQ as t_, bR as C_, bS as D_, bT as G_, bU as P_, bV as R_, bW as o_, bX as L_, bY as M_, bZ as r_, b_ as n_, b$ as i_, c0 as l_, c1 as b_, c2 as c_, c3 as F_, c4 as g_, c5 as B_, c6 as Y_, c7 as U_, c8 as d_, c9 as u_, ca as H_, cb as p_, cc as y_, cd as m_, ce as K_, cf as k_, cg as V_, ch as v_, ci as X_, cj as h_, ck as f_, cl as x_, cm as W_, cn as z_, co as w_, cp as J_, cq as Z_, cr as j_, cs as q_, ct as Q_, cu as $_, cv as aT, cw as ET, cx as _T, cy as TT, cz as sT, cA as IT, cB as ST, cC as NT, cD as eT } from "./lib-33AmrlUy.js";
+import { U as OT, u as tT } from "./useEventTracker-C5Ql5p7u.js";
 import "vue";
 import "vue-cropperjs";
 import { createPinia as DT, setActivePinia as GT } from "pinia";