@designcrowd/library.brand-page 5.16.28-enable-getty-21 → 5.16.28-enable-getty-23

package/lib/src/{CreatedOnBrandCrowd-de-de-CE5S6d8I.js → CreatedOnBrandCrowd-de-de-CkUSK3MQ.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-BMpWHpwo.js → CreatedOnBrandCrowd-en-us-B_p1iXYg.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-BBmGCX0e.js → CreatedOnBrandCrowd-es-es-DNjkB07X.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-BbKrGU2C.js → CreatedOnBrandCrowd-fr-ca-H8PqWJPw.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-BbKrGU2C.js → CreatedOnBrandCrowd-fr-fr-H8PqWJPw.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-ByrqZQUg.js → CreatedOnBrandCrowd-pt-br-C6Nx2r0I.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-ByrqZQUg.js → CreatedOnBrandCrowd-pt-pt-C6Nx2r0I.js}

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

package/lib/src/{CreatedOnDcom-de-de-CJ756qMq.js → CreatedOnDcom-de-de-DHwYhcla.js}

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

package/lib/src/{CreatedOnDcom-en-us-w34kflwP.js → CreatedOnDcom-en-us-CGXPKfnB.js}

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

package/lib/src/{CreatedOnDcom-es-es-B3iST2Ke.js → CreatedOnDcom-es-es-DPHULLP4.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-hi7sAjqE.js → CreatedOnDcom-fr-ca-D_l8zO79.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-CD08tZDw.js → CreatedOnDcom-fr-fr-CvOisOZ6.js}

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

package/lib/src/{CreatedOnDcom-pt-br-DtlO98AF.js → CreatedOnDcom-pt-br-D9oo7LeG.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-DS-KW_Jh.js → CreatedOnDcom-pt-pt-DGXSBRtE.js}

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

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

@@ -1192,20 +1192,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             videoUrl: string;
             previewImageUrl: string;
         };
-        isLimitForGettyVideosReached: (state: {
-            videoUrls: {
-                [x: string]: import("../../stores").VideoUrlData;
-            };
-            gettyImagesKeyPrefix: string;
-            shouldPlayVideos: boolean;
-        } & import("pinia").PiniaCustomStateProperties<import("../../stores").videoStoreState>) => () => boolean;
-        isPostPurchaseGettyVideoLocked: (state: {
-            videoUrls: {
-                [x: string]: import("../../stores").VideoUrlData;
-            };
-            gettyImagesKeyPrefix: string;
-            shouldPlayVideos: boolean;
-        } & import("pinia").PiniaCustomStateProperties<import("../../stores").videoStoreState>) => () => boolean;
+        hasReachedLimitForVideo(): boolean;
+        canAddNewVideo(): boolean;
     }, {
         setVideoUrlsWithToken(token: string, videoUrl: string, previewImageUrl: string, assetId: string): void;
         setGettyImageKeyPrefix(prefix: string): void;

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

@@ -993,6 +993,9 @@ declare const _default: import("vue").DefineComponent<{}, {
         setPreviousSelectedDisplayStyle(viewport: string, displayStyle: string): void;
     }>;
     eventTracker: {
+        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;
         setUpsellBridgeState: (props: import("../../../brand-page-maker/composables/useEventTracker").BpUpsellEventProps) => void;

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

@@ -51,6 +51,7 @@ export declare const EVENTS: {
     WEBSITE_START_FOR_FREE: string;
     WEBSITE_MAKER_AI_CLICK_SUGGESTED_PROMPT: string;
     WEBSITE_MAKER_DOMAIN_UPSELL_MODAL: string;
+    WEBSITE_MAKER_GETTY_VIDEO: string;
 };
 export declare const SELECT_LOCATIONS: {
     MAKER_PREVIEW: string;
@@ -108,6 +109,9 @@ export declare const PUBLISH_OPTION_MODAL_CONTINUATION_EVENTS: {
     FREEMIUM: string;
 };
 declare const useEventTracker: () => {
+    sendGettyVideoAddEvent: () => void;
+    sendGettyVideoReplaceEvent: () => void;
+    sendGettyVideoRemoveEvent: () => void;
     sendExperimentStartedEvent: (abTestKey: string, abTestValue: string) => void;
     setGlobalEventProps: (props: Omit<BpGlobalEventProps, 'template_category'>) => void;
     setUpsellBridgeState: (props: BpUpsellEventProps) => void;

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

@@ -34,6 +34,7 @@ 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_GETTY_VIDEO: 'website_maker_getty_video',
 };
 export const SELECT_LOCATIONS = {
     MAKER_PREVIEW: 'maker_preview',
@@ -114,6 +115,23 @@ const _publishEvent = (eventName, eventProps, excludeGlobal = false) => {
     });
 };
 const useEventTracker = () => {
+    const gettyVideoEvents = {
+        sendGettyVideoAddEvent: () => {
+            _publishEvent(EVENTS.WEBSITE_MAKER_GETTY_VIDEO, {
+                action: 'add',
+            });
+        },
+        sendGettyVideoReplaceEvent: () => {
+            _publishEvent(EVENTS.WEBSITE_MAKER_GETTY_VIDEO, {
+                action: 'replace',
+            });
+        },
+        sendGettyVideoRemoveEvent: () => {
+            _publishEvent(EVENTS.WEBSITE_MAKER_GETTY_VIDEO, {
+                action: 'remove',
+            });
+        },
+    };
     return {
         sendExperimentStartedEvent: (abTestKey, abTestValue) => {
             _publishEvent(EVENTS.EXPERIMENT_STARTED, {
@@ -263,6 +281,7 @@ const useEventTracker = () => {
                 continuation,
             });
         },
+        ...gettyVideoEvents,
     };
 };
 export { useEventTracker };

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

@@ -32,16 +32,8 @@ export declare const useVideoStore: import("pinia").StoreDefinition<"video", vid
         videoUrl: string;
         previewImageUrl: string;
     };
-    isLimitForGettyVideosReached: (state: {
-        videoUrls: VideoUrls;
-        gettyImagesKeyPrefix: string;
-        shouldPlayVideos: boolean;
-    } & import("pinia").PiniaCustomStateProperties<videoStoreState>) => () => boolean;
-    isPostPurchaseGettyVideoLocked: (state: {
-        videoUrls: VideoUrls;
-        gettyImagesKeyPrefix: string;
-        shouldPlayVideos: boolean;
-    } & import("pinia").PiniaCustomStateProperties<videoStoreState>) => () => boolean;
+    hasReachedLimitForVideo(): boolean;
+    canAddNewVideo(): boolean;
 }, {
     setVideoUrlsWithToken(token: string, videoUrl: string, previewImageUrl: string, assetId: string): void;
     setGettyImageKeyPrefix(prefix: string): void;

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

@@ -39,19 +39,21 @@ export const useVideoStore = defineStore('video', {
                 previewImageUrl: `${CDN_GETTY_S3_URL_PREFIX}/public/${state.gettyImagesKeyPrefix}/${token}/${token}_optimised_thumb`,
             };
         },
-        isLimitForGettyVideosReached: (state) => () => {
+        hasReachedLimitForVideo() {
             // Looking through the bp maker store as the video-store isn't aware of removals
             const brandPageMakerStore = useBrandPageMakerStore();
             const brandPageData = cloneDeep(brandPageMakerStore.brandPageData);
             const gettyAssetIds = findValuesByKey(brandPageData, 'gettyAssetId');
             return gettyAssetIds.length >= GETTY_VIDEO_LIMIT_FOR_SITE;
         },
-        isPostPurchaseGettyVideoLocked: (state) => () => {
+        canAddNewVideo() {
             const userStore = useBrandPageMakerUserStore();
             const brandPageContainerStore = useBrandPageContainerStore();
             const canUseGettyVideos = userStore.features.canUseGettyVideos;
             const isPrePurchase = brandPageContainerStore.isPrePurchase;
-            return !canUseGettyVideos && !isPrePurchase;
+            const hasPremiumSubscription = userStore.hasPremiumSubscription;
+            return (canUseGettyVideos &&
+                (userStore.isAdmin || isPrePurchase || hasPremiumSubscription));
         },
     },
 });

package/lib/src/index.mjs

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