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

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

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

package/lib/src/{CreatedOnBrandCrowd-es-es-BBmGCX0e.js → CreatedOnBrandCrowd-es-es-g-zdO3ZO.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-DZS681yZ.js";
 const i = {}, h = {
   width: "250",
   height: "36",

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

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

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

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

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

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

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

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

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

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

package/lib/src/{CreatedOnDcom-pt-pt-DS-KW_Jh.js → CreatedOnDcom-pt-pt-BMtrszVp.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-DZS681yZ.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/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-DZS681yZ.js";
 import { createPinia as kE, setActivePinia as mE } from "pinia";
 export {
   E as ABOUT_SECTION_SETTINGS_CONFIG,

package/lib/src/{lib-BDoA2XDn.js → lib-DZS681yZ.js}

@@ -59758,10 +59758,10 @@ const fn = /* @__PURE__ */ _5(fV1), gV1 = (e, t, n) => {
     ut(() => n.context.isDesignCom, async () => {
       const S = A4().toLowerCase(), M = n.context.isDesignCom ? "Dcom" : "BrandCrowd";
       try {
-        const { default: _ } = await yM(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-de-de.vue": () => import("./CreatedOnBrandCrowd-de-de-CE5S6d8I.js"), "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-BMpWHpwo.js"), "./watermark/CreatedOnBrandCrowd-es-es.vue": () => import("./CreatedOnBrandCrowd-es-es-BBmGCX0e.js"), "./watermark/CreatedOnBrandCrowd-fr-ca.vue": () => import("./CreatedOnBrandCrowd-fr-ca-BbKrGU2C.js"), "./watermark/CreatedOnBrandCrowd-fr-fr.vue": () => import("./CreatedOnBrandCrowd-fr-fr-BbKrGU2C.js"), "./watermark/CreatedOnBrandCrowd-pt-br.vue": () => import("./CreatedOnBrandCrowd-pt-br-ByrqZQUg.js"), "./watermark/CreatedOnBrandCrowd-pt-pt.vue": () => import("./CreatedOnBrandCrowd-pt-pt-ByrqZQUg.js"), "./watermark/CreatedOnDcom-de-de.vue": () => import("./CreatedOnDcom-de-de-CJ756qMq.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-w34kflwP.js"), "./watermark/CreatedOnDcom-es-es.vue": () => import("./CreatedOnDcom-es-es-B3iST2Ke.js"), "./watermark/CreatedOnDcom-fr-ca.vue": () => import("./CreatedOnDcom-fr-ca-hi7sAjqE.js"), "./watermark/CreatedOnDcom-fr-fr.vue": () => import("./CreatedOnDcom-fr-fr-CD08tZDw.js"), "./watermark/CreatedOnDcom-pt-br.vue": () => import("./CreatedOnDcom-pt-br-DtlO98AF.js"), "./watermark/CreatedOnDcom-pt-pt.vue": () => import("./CreatedOnDcom-pt-pt-DS-KW_Jh.js") }), `./watermark/CreatedOn${M}-${S}.vue`, 3);
+        const { default: _ } = await yM(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-de-de.vue": () => import("./CreatedOnBrandCrowd-de-de-DnlCzna3.js"), "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-DOL1II-q.js"), "./watermark/CreatedOnBrandCrowd-es-es.vue": () => import("./CreatedOnBrandCrowd-es-es-g-zdO3ZO.js"), "./watermark/CreatedOnBrandCrowd-fr-ca.vue": () => import("./CreatedOnBrandCrowd-fr-ca-C-nQM0wG.js"), "./watermark/CreatedOnBrandCrowd-fr-fr.vue": () => import("./CreatedOnBrandCrowd-fr-fr-C-nQM0wG.js"), "./watermark/CreatedOnBrandCrowd-pt-br.vue": () => import("./CreatedOnBrandCrowd-pt-br-o2s8-idR.js"), "./watermark/CreatedOnBrandCrowd-pt-pt.vue": () => import("./CreatedOnBrandCrowd-pt-pt-o2s8-idR.js"), "./watermark/CreatedOnDcom-de-de.vue": () => import("./CreatedOnDcom-de-de-4EqAh1TX.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-DyMJMAYg.js"), "./watermark/CreatedOnDcom-es-es.vue": () => import("./CreatedOnDcom-es-es-DXwqkIAW.js"), "./watermark/CreatedOnDcom-fr-ca.vue": () => import("./CreatedOnDcom-fr-ca-CyMsiBTY.js"), "./watermark/CreatedOnDcom-fr-fr.vue": () => import("./CreatedOnDcom-fr-fr-BXaJU8C0.js"), "./watermark/CreatedOnDcom-pt-br.vue": () => import("./CreatedOnDcom-pt-br-DgWuLwtT.js"), "./watermark/CreatedOnDcom-pt-pt.vue": () => import("./CreatedOnDcom-pt-pt-BMtrszVp.js") }), `./watermark/CreatedOn${M}-${S}.vue`, 3);
         i.value = _;
       } catch {
-        const { default: V } = await yM(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-BMpWHpwo.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-w34kflwP.js") }), `./watermark/CreatedOn${M}-en-us.vue`, 3);
+        const { default: V } = await yM(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-DOL1II-q.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-DyMJMAYg.js") }), `./watermark/CreatedOn${M}-en-us.vue`, 3);
         i.value = V;
       }
     }, {
@@ -71082,13 +71082,13 @@ const BM = /* @__PURE__ */ _5(_U1), OM = Object.freeze({
       videoUrl: `${xr}/public/${e.gettyImagesKeyPrefix}/${t}/${t}_optimised`,
       previewImageUrl: `${xr}/public/${e.gettyImagesKeyPrefix}/${t}/${t}_optimised_thumb`
     }),
-    isLimitForGettyVideosReached: (e) => () => {
-      const t = oe(), n = e2(t.brandPageData);
-      return o0(n, "gettyAssetId").length >= Mg;
+    hasReachedLimitForVideo() {
+      const e = oe(), t = e2(e.brandPageData);
+      return o0(t, "gettyAssetId").length >= Mg;
     },
-    isPostPurchaseGettyVideoLocked: (e) => () => {
-      const t = xe(), n = we(), i = t.features.canUseGettyVideos, o = n.isPrePurchase;
-      return !i && !o;
+    canAddNewVideo() {
+      const e = xe(), t = we(), n = e.features.canUseGettyVideos, i = t.isPrePurchase, o = e.hasPremiumSubscription;
+      return n && (e.isAdmin || i || o);
     }
   }
 }), MU1 = [
@@ -83990,20 +83990,22 @@ const TY1 = {
         backgroundMode: C2.edit
       });
     }, M = async (_) => {
-      var V, H;
-      if (r.isLimitForGettyVideosReached() && ((V = m.value) == null ? void 0 : V.type) !== "getty-video") {
-        window.alert(
-          F8("limitMessage", {
-            videoLimit: Mg
-          })
-        );
-        return;
-      }
-      if (r.isPostPurchaseGettyVideoLocked() && ((H = m.value) == null ? void 0 : H.type) !== "getty-video") {
-        await a.triggerLockedContentClickedEvent({
-          type: "getty_video"
-        });
-        return;
+      var H;
+      if (!(((H = m.value) == null ? void 0 : H.type) === "getty-video")) {
+        if (!r.canAddNewVideo) {
+          await a.triggerLockedContentClickedEvent({
+            type: "getty_video"
+          });
+          return;
+        }
+        if (r.hasReachedLimitForVideo) {
+          window.alert(
+            F8("limitMessage", {
+              videoLimit: Mg
+            })
+          );
+          return;
+        }
       }
       s.setBackgroundMedia(_), s.setBackgroundMode({
         backgroundMode: C2.edit
@@ -95152,20 +95154,22 @@ const Qoe = /* @__PURE__ */ v(Goe, [["render", Joe]]), Xk = J({
       }), this.contentSettingsStore.popMode();
     },
     async onVideoSelected(e) {
-      var t, n, i, o, s, r, a, l;
-      if (console.log("SELECTED ITEM: ", this.selectedItem), this.videoStore.isLimitForGettyVideosReached() && ((o = (i = (n = (t = this.selectedItem) == null ? void 0 : t.settings) == null ? void 0 : n.content) == null ? void 0 : i.media) == null ? void 0 : o.type) !== "getty-video") {
-        window.alert(
-          F8("limitMessage", {
-            videoLimit: Mg
-          })
-        );
-        return;
-      }
-      if (this.videoStore.isPostPurchaseGettyVideoLocked() && ((l = (a = (r = (s = this.selectedItem) == null ? void 0 : s.settings) == null ? void 0 : r.content) == null ? void 0 : a.media) == null ? void 0 : l.type) !== "getty-video") {
-        await this.contentSettingsStore.triggerLockedContentClickedEvent({
-          type: "getty_video"
-        });
-        return;
+      var n, i, o, s;
+      if (console.log("SELECTED ITEM: ", this.selectedItem), !(((s = (o = (i = (n = this.selectedItem) == null ? void 0 : n.settings) == null ? void 0 : i.content) == null ? void 0 : o.media) == null ? void 0 : s.type) === "getty-video")) {
+        if (!this.videoStore.canAddNewVideo) {
+          await this.contentSettingsStore.triggerLockedContentClickedEvent({
+            type: "getty_video"
+          });
+          return;
+        }
+        if (this.videoStore.hasReachedLimitForVideo) {
+          window.alert(
+            F8("limitMessage", {
+              videoLimit: Mg
+            })
+          );
+          return;
+        }
       }
       this.contentSettingsStore.setSelectedItemMedia(
         this.selectedItemId,

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

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

package/lib/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.js

@@ -190,21 +190,20 @@ export default defineComponent({
         },
         async onVideoSelected(videoPayload) {
             console.log('SELECTED ITEM: ', this.selectedItem);
-            if (this.videoStore.isLimitForGettyVideosReached()) {
-                if (this.selectedItem?.settings?.content?.media?.type !== 'getty-video') {
-                    window.alert(videoLibraryTr(`limitMessage`, {
-                        videoLimit: GETTY_VIDEO_LIMIT_FOR_SITE,
-                    }));
-                    return;
-                }
-            }
-            if (this.videoStore.isPostPurchaseGettyVideoLocked()) {
-                if (this.selectedItem?.settings?.content?.media?.type !== 'getty-video') {
+            const isCurrentlyVideoMedia = this.selectedItem?.settings?.content?.media?.type === 'getty-video';
+            if (!isCurrentlyVideoMedia) {
+                if (!this.videoStore.canAddNewVideo) {
                     await this.contentSettingsStore.triggerLockedContentClickedEvent({
                         type: 'getty_video',
                     });
                     return;
                 }
+                if (this.videoStore.hasReachedLimitForVideo) {
+                    window.alert(videoLibraryTr(`limitMessage`, {
+                        videoLimit: GETTY_VIDEO_LIMIT_FOR_SITE,
+                    }));
+                    return;
+                }
             }
             this.contentSettingsStore.setSelectedItemMedia(this.selectedItemId, videoPayload);
             this.contentSettingsStore.popMode();

package/package.json

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

package/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.test.ts

@@ -3,6 +3,7 @@ import {
   BRAND_PAGE,
   INITIALISE_PAYLOAD,
   USER_FEATURES,
+  userFeatures,
 } from '../../components/brand-page-maker/__fixtures__';
 import {
   BrandPageModel,
@@ -116,7 +117,7 @@ describe('brand page maker store module', () => {
 
     userStore.setUserState({
       features: {
-        ...USER_FEATURES,
+        ...userFeatures,
         showBrandCrowdLogo: false,
       },
     });

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

@@ -61,7 +61,7 @@ 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);
@@ -70,14 +70,19 @@ export const useVideoStore = defineStore('video', {
 
       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/src/shared/background-settings/components/ReplaceImageSettingsForBackgroundSettings.vue

@@ -133,8 +133,19 @@ const onDesignSelected = (image: UserMediaItemWithDimensions) => {
 };
 
 const onVideoSelected = async (videoPayload: MediaBaseSelectedPayload) => {
-  if (videoStore.isLimitForGettyVideosReached()) {
-    if (backgroundMedia.value?.type !== 'getty-video') {
+  const isCurrentlyVideoBackground =
+    backgroundMedia.value?.type === 'getty-video';
+
+  if (!isCurrentlyVideoBackground) {
+    if (!videoStore.canAddNewVideo) {
+      await contentSettingsStore.triggerLockedContentClickedEvent({
+        type: 'getty_video',
+      });
+
+      return;
+    }
+
+    if (videoStore.hasReachedLimitForVideo) {
       window.alert(
         videoLibraryTr(`limitMessage`, {
           videoLimit: GETTY_VIDEO_LIMIT_FOR_SITE,
@@ -145,16 +156,6 @@ const onVideoSelected = async (videoPayload: MediaBaseSelectedPayload) => {
     }
   }
 
-  if (videoStore.isPostPurchaseGettyVideoLocked()) {
-    if (backgroundMedia.value?.type !== 'getty-video') {
-      await contentSettingsStore.triggerLockedContentClickedEvent({
-        type: 'getty_video',
-      });
-
-      return;
-    }
-  }
-
   backgroundSettingsStore.setBackgroundMedia(videoPayload);
 
   backgroundSettingsStore.setBackgroundMode({

package/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.ts

@@ -250,10 +250,19 @@ export default defineComponent({
     async onVideoSelected(videoPayload: MediaBaseSelectedPayload) {
       console.log('SELECTED ITEM: ', this.selectedItem);
 
-      if (this.videoStore.isLimitForGettyVideosReached()) {
-        if (
-          this.selectedItem?.settings?.content?.media?.type !== 'getty-video'
-        ) {
+      const isCurrentlyVideoMedia =
+        this.selectedItem?.settings?.content?.media?.type === 'getty-video';
+
+      if (!isCurrentlyVideoMedia) {
+        if (!this.videoStore.canAddNewVideo) {
+          await this.contentSettingsStore.triggerLockedContentClickedEvent({
+            type: 'getty_video',
+          });
+
+          return;
+        }
+
+        if (this.videoStore.hasReachedLimitForVideo) {
           window.alert(
             videoLibraryTr(`limitMessage`, {
               videoLimit: GETTY_VIDEO_LIMIT_FOR_SITE,
@@ -264,18 +273,6 @@ export default defineComponent({
         }
       }
 
-      if (this.videoStore.isPostPurchaseGettyVideoLocked()) {
-        if (
-          this.selectedItem?.settings?.content?.media?.type !== 'getty-video'
-        ) {
-          await this.contentSettingsStore.triggerLockedContentClickedEvent({
-            type: 'getty_video',
-          });
-
-          return;
-        }
-      }
-
       this.contentSettingsStore.setSelectedItemMedia(
         this.selectedItemId,
         videoPayload,