@designcrowd/library.brand-page 5.16.35 → 5.16.36

package/lib/src/shared/background-settings/components/background-shapes/BackgroundShapeSettings.mixin.d.ts

@@ -154,15 +154,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         } | undefined;
     }>;
     userStore: import("pinia").Store<"brandPageMakerUser", import("../../../../brand-page-maker/stores").UserState, {}, {
-        setEmailAddress(payload: string): void;
-        setFeatures(payload: Partial<import("../../../../constants/ui").UIUserFeatures>): void;
-        setHasBrandPagePremiumSubscription(payload: boolean): void;
-        setIsAdmin(payload: {
-            isAdmin: boolean;
-        }): void;
-        setBrandPageCommissionPercentage(payload: number): void;
-        setUserToken(payload: {
-            userToken: string;
+        setUserState(payload: {
+            emailAddress?: string | undefined;
+            userToken?: string | undefined;
+            isAdmin?: boolean | undefined;
+            hasPremiumSubscription?: boolean | undefined;
+            brandPageCommissionPercentage?: number | undefined;
+            features?: Partial<import("../../../../constants/ui").UIUserFeatures> | undefined;
         }): void;
     }>;
     backgroundSettingsStore: import("pinia").Store<"uiBackgroundSettings", import("../../store").BackgroundSettingsState, {}, {

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

@@ -142,7 +142,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         setBrandPageType({ brandPageType }: {
             brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
-        initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../../../brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../../../brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../../brand-page").PageModel[];
             sections: import("../../../page-settings/store").PageSettingsStateSections;
@@ -749,6 +749,9 @@ declare const _default: import("vue").DefineComponent<{}, {
         toggleLogoBackground(): Promise<any>;
     }>;
     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/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.d.ts

@@ -474,15 +474,13 @@ declare const _default: import("vue").DefineComponent<{}, {
         }): void;
     }>;
     userStore: import("pinia").Store<"brandPageMakerUser", import("../../../../brand-page-maker/stores").UserState, {}, {
-        setEmailAddress(payload: string): void;
-        setFeatures(payload: Partial<import("../../../../constants/ui").UIUserFeatures>): void;
-        setHasBrandPagePremiumSubscription(payload: boolean): void;
-        setIsAdmin(payload: {
-            isAdmin: boolean;
-        }): void;
-        setBrandPageCommissionPercentage(payload: number): void;
-        setUserToken(payload: {
-            userToken: string;
+        setUserState(payload: {
+            emailAddress?: string | undefined;
+            userToken?: string | undefined;
+            isAdmin?: boolean | undefined;
+            hasPremiumSubscription?: boolean | undefined;
+            brandPageCommissionPercentage?: number | undefined;
+            features?: Partial<import("../../../../constants/ui").UIUserFeatures> | undefined;
         }): void;
     }>;
     pageSettingsStore: import("pinia").Store<"uiPageSettings", import("../../../page-settings/store").PageSettingsState, {
@@ -662,7 +660,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         setBrandPageType({ brandPageType }: {
             brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
-        initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../../../brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../../../brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../../brand-page").PageModel[];
             sections: import("../../../page-settings/store").PageSettingsStateSections;
@@ -688,6 +686,74 @@ declare const _default: import("vue").DefineComponent<{}, {
         showStripeOnboardingModal(): Promise<void>;
         selectInitialCategories(payload: import("../../../template-settings/models").InitialCategories): void;
     }>;
+    videoStore: import("pinia").Store<"video", import("../../../../brand-page-maker/stores").videoStoreState, {
+        getVideoUrlsForToken: (state: {
+            videoUrls: {
+                [x: string]: import("../../../../brand-page-maker/stores").VideoUrlData;
+            };
+            gettyImagesKeyPrefix: string;
+            shouldPlayVideos: boolean;
+        } & import("pinia").PiniaCustomStateProperties<import("../../../../brand-page-maker/stores").videoStoreState>) => (token: string) => import("../../../../brand-page-maker/stores").VideoUrlData;
+        getPreviewS3VideoUrlsForToken: (state: {
+            videoUrls: {
+                [x: string]: import("../../../../brand-page-maker/stores").VideoUrlData;
+            };
+            gettyImagesKeyPrefix: string;
+            shouldPlayVideos: boolean;
+        } & import("pinia").PiniaCustomStateProperties<import("../../../../brand-page-maker/stores").videoStoreState>) => (token: string) => {
+            videoUrl: string;
+            previewImageUrl: string;
+        };
+        getOptimisedS3VideoUrlsForToken: (state: {
+            videoUrls: {
+                [x: string]: import("../../../../brand-page-maker/stores").VideoUrlData;
+            };
+            gettyImagesKeyPrefix: string;
+            shouldPlayVideos: boolean;
+        } & import("pinia").PiniaCustomStateProperties<import("../../../../brand-page-maker/stores").videoStoreState>) => (token: string) => {
+            videoUrl: string;
+            previewImageUrl: string;
+        };
+        hasReachedLimitForVideo(): boolean;
+        canAddNewVideo(): boolean;
+    }, {
+        setVideoUrlsWithToken(token: string, videoUrl: string, previewImageUrl: string, assetId: string): void;
+        setGettyImageKeyPrefix(prefix: string): void;
+        toggleShouldPlayVideo(): void;
+    }>;
+    bpEventTracker: {
+        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;
+        setDomainUpsellBridgeState: (props: import("../../../../brand-page-maker/composables/useEventTracker").BpUpsellEventProps) => void;
+        subscribe: (callbackFn: (event: import("../../../../brand-page-maker/composables/useEventTracker").BpEventTrackerEvent) => void) => void;
+        sendWebsiteEvent: (event: import("../../../../brand-page-maker/composables/useEventTracker").BpEventTrackerEvent) => void;
+        sendWebsiteMakerOpenEvent: (location: string) => void;
+        sendUpsellOpenEvent: (cta_location?: string | undefined) => void;
+        sendDomainUpsellOpenEvent: () => void;
+        sendDomainUpsellContinuationEvent: (continuation: string) => void;
+        sendUpsellContinuationEvent: (continuation: string) => void;
+        sendPublishOpenEvent: () => void;
+        appendPublishBridgeState: (props: any) => void;
+        sendPublishContinuationEvent: (continuation: string, domain: string | null) => void;
+        sendWebsiteManageAddPageEvent: (pageName: string) => void;
+        sendWebsiteManageRemovePageEvent: (pageName: string) => void;
+        sendWebsiteManageReorderPageEvent: (pageName: string) => void;
+        sendPublishOptionsForFreeEvent: () => void;
+        sendPublishOptionsForPremiumEvent: () => void;
+        sendPublishOptionsForExitEvent: () => void;
+        sendTemplateSearchEvent: (searchString: string) => void;
+        sendTemplateSelectEvent: (templateId: string) => void;
+        sendTemplateCategorySelectEvent: (category: string) => void;
+        sendSidebarCategoryClickedEvent: (tabName: string) => void;
+        sendAddContentContinuationEvent: (continuation: string) => void;
+        sendUpsellOfferEvent: (upsellType: string) => void;
+        sendUpsellOfferActionEvent: (upsellType: string, action: string) => void;
+        sendGenerateTextContinuationEvent: (cta_location: string, continuation: string | null) => void;
+    };
     viewport: import("vue").ComputedRef<import("../../../../brand-page").ViewportsType>;
 }, {}, {
     isDeleteEnabled(): boolean;
@@ -700,8 +766,9 @@ declare const _default: import("vue").DefineComponent<{}, {
     onBack(): void;
     onImageSelected(image: Pick<UserMediaItemWithDimensions, 'url' | 'minimisedUrl' | 'width' | 'height'>): void;
     onImageRemoved(image: Pick<UserMediaItemWithDimensions, 'url' | 'minimisedUrl' | 'width' | 'height'>): void;
+    isCurrentlyVideoBackground(): boolean;
     onDesignSelected(image: UserMediaItemWithDimensions): void;
     onShapeSelected(image: any): void;
-    onVideoSelected(videoPayload: MediaBaseSelectedPayload): void;
+    onVideoSelected(videoPayload: MediaBaseSelectedPayload): Promise<void>;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,17 +1,20 @@
 import { defineComponent, computed } from 'vue';
 import { ReplaceImageSettingsTabIds } from '../../models';
 import { useUiContentSettingsStore } from '../../store';
-import { useBrandPageMakerUserStore, useBrandPageMakerStore, } from '../../../../brand-page-maker/stores';
+import { useBrandPageMakerUserStore, useBrandPageMakerStore, useVideoStore, GETTY_VIDEO_LIMIT_FOR_SITE, } from '../../../../brand-page-maker/stores';
 import { UI_EVENT_SOURCES } from '../../../models';
 import { useUiPageSettingsStore } from '../../../page-settings/store';
 import { MEDIA_TYPES } from '../../../../brand-page';
-import { contentSettingsTr } from '../../../../composables/useTranslate';
+import { contentSettingsTr, videoLibraryTr, } from '../../../../composables/useTranslate';
+import { useEventTracker } from '../../../../brand-page-maker/composables/useEventTracker';
 export default defineComponent({
     setup() {
         const brandPageMakerStore = useBrandPageMakerStore();
         const contentSettingsStore = useUiContentSettingsStore();
         const userStore = useBrandPageMakerUserStore();
         const pageSettingsStore = useUiPageSettingsStore();
+        const videoStore = useVideoStore();
+        const bpEventTracker = useEventTracker();
         return {
             items: computed(() => contentSettingsStore.items),
             selectedItemId: computed(() => contentSettingsStore.selectedItemId),
@@ -26,6 +29,8 @@ export default defineComponent({
             userStore,
             pageSettingsStore,
             brandPageMakerStore,
+            videoStore,
+            bpEventTracker,
             viewport: computed(() => brandPageMakerStore.viewport),
         };
     },
@@ -131,6 +136,9 @@ export default defineComponent({
                 this.contentSettingsStore.popMode();
             }
         },
+        isCurrentlyVideoBackground() {
+            return (this.selectedItem?.settings?.content?.media?.type === 'getty-video');
+        },
         onDesignSelected(image) {
             const imageUrl = this.contentType === 'banner-section' ? image.rawImageUrl : image.url;
             if (this.selectedItemEventSource === UI_EVENT_SOURCES.pageSettings) {
@@ -186,7 +194,26 @@ export default defineComponent({
             });
             this.contentSettingsStore.popMode();
         },
-        onVideoSelected(videoPayload) {
+        async onVideoSelected(videoPayload) {
+            console.log('SELECTED ITEM: ', this.selectedItem);
+            if (!this.isCurrentlyVideoBackground()) {
+                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.bpEventTracker.sendGettyVideoAddEvent();
+            }
+            else {
+                this.bpEventTracker.sendGettyVideoReplaceEvent();
+            }
             this.contentSettingsStore.setSelectedItemMedia(this.selectedItemId, videoPayload);
             this.contentSettingsStore.popMode();
         },

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

@@ -470,6 +470,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setSelectedTabName(payload: import("../../../side-bar/models").SetSelectedTabNamePayload): 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/shared/content-settings/components/content-settings-item/ContentSettingsItemField.mixin.d.ts

@@ -605,7 +605,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setBrandPageType({ brandPageType }: {
             brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
-        initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../../../brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../../../brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../../brand-page").PageModel[];
             sections: import("../../../page-settings/store").PageSettingsStateSections;
@@ -632,15 +632,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         selectInitialCategories(payload: import("../../../template-settings/models").InitialCategories): void;
     }>;
     userStore: import("pinia").Store<"brandPageMakerUser", import("../../../../brand-page-maker/stores").UserState, {}, {
-        setEmailAddress(payload: string): void;
-        setFeatures(payload: Partial<import("../../../../constants/ui").UIUserFeatures>): void;
-        setHasBrandPagePremiumSubscription(payload: boolean): void;
-        setIsAdmin(payload: {
-            isAdmin: boolean;
-        }): void;
-        setBrandPageCommissionPercentage(payload: number): void;
-        setUserToken(payload: {
-            userToken: string;
+        setUserState(payload: {
+            emailAddress?: string | undefined;
+            userToken?: string | undefined;
+            isAdmin?: boolean | undefined;
+            hasPremiumSubscription?: boolean | undefined;
+            brandPageCommissionPercentage?: number | undefined;
+            features?: Partial<import("../../../../constants/ui").UIUserFeatures> | undefined;
         }): void;
     }>;
     uiStore: import("pinia").Store<"ui", import("../../../models").UIRootState, {

package/lib/src/shared/content-settings/components/image-field/ImageField.mixin.js

@@ -4,6 +4,7 @@ import BrandPageIcon from '../../../../brand-page/components/icon/Icon.vue';
 import { isURL } from '../../../../utils/validator.util';
 import { commonTr } from '../../../../composables/useTranslate';
 import { useVideoStore } from '../../../../brand-page-maker/stores/video/video-store';
+import { useEventTracker } from '../../../../brand-page-maker/composables/useEventTracker';
 const ACCEPTED_MIME_TYPES = 'image/png, image/jpeg, image/svg+xml';
 export default defineComponent({
     components: {
@@ -109,8 +110,10 @@ export default defineComponent({
             });
         },
         onRemove() {
+            const bpEventTracker = useEventTracker();
             if (this.content?.media) {
                 this.content.media = undefined;
+                bpEventTracker.sendGettyVideoRemoveEvent();
             }
             this.imgValue = '';
             this.imageUrl = '';

package/lib/src/shared/content-settings/components/page-dropdown-field/PageDropdownField.mixin.d.ts

@@ -98,15 +98,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setPreviousSelectedDisplayStyle(viewport: string, displayStyle: string): void;
     }>;
     userStore: import("pinia").Store<"brandPageMakerUser", import("../../../../brand-page-maker/stores").UserState, {}, {
-        setEmailAddress(payload: string): void;
-        setFeatures(payload: Partial<import("../../../../constants/ui").UIUserFeatures>): void;
-        setHasBrandPagePremiumSubscription(payload: boolean): void;
-        setIsAdmin(payload: {
-            isAdmin: boolean;
-        }): void;
-        setBrandPageCommissionPercentage(payload: number): void;
-        setUserToken(payload: {
-            userToken: string;
+        setUserState(payload: {
+            emailAddress?: string | undefined;
+            userToken?: string | undefined;
+            isAdmin?: boolean | undefined;
+            hasPremiumSubscription?: boolean | undefined;
+            brandPageCommissionPercentage?: number | undefined;
+            features?: Partial<import("../../../../constants/ui").UIUserFeatures> | undefined;
         }): void;
     }>;
 }, {

package/lib/src/shared/logo-settings/components/EditLogoSettings.mixin.d.ts

@@ -184,6 +184,9 @@ declare const _default: import("vue").DefineComponent<{}, {
         }): 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/shared/logo-settings/components/LogoSettings.mixin.d.ts

@@ -132,7 +132,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         setBrandPageType({ brandPageType }: {
             brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
-        initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../../brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../../brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../brand-page").PageModel[];
             sections: import("../../page-settings/store/page-settings-store").PageSettingsStateSections;

package/lib/src/shared/page-settings/components/page-settings/PageSettings.mixin.d.ts

@@ -3820,7 +3820,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         setBrandPageType({ brandPageType }: {
             brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
-        initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../../../brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../../../brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../../brand-page").PageModel[];
             sections: import("../../store").PageSettingsStateSections;
@@ -3885,15 +3885,13 @@ declare const _default: import("vue").DefineComponent<{}, {
         }): void;
     }>;
     userStore: import("pinia").Store<"brandPageMakerUser", import("../../../../brand-page-maker/stores").UserState, {}, {
-        setEmailAddress(payload: string): void;
-        setFeatures(payload: Partial<import("../../../../constants/ui").UIUserFeatures>): void;
-        setHasBrandPagePremiumSubscription(payload: boolean): void;
-        setIsAdmin(payload: {
-            isAdmin: boolean;
-        }): void;
-        setBrandPageCommissionPercentage(payload: number): void;
-        setUserToken(payload: {
-            userToken: string;
+        setUserState(payload: {
+            emailAddress?: string | undefined;
+            userToken?: string | undefined;
+            isAdmin?: boolean | undefined;
+            hasPremiumSubscription?: boolean | undefined;
+            brandPageCommissionPercentage?: number | undefined;
+            features?: Partial<import("../../../../constants/ui").UIUserFeatures> | undefined;
         }): void;
     }>;
     pageSettingsStore: import("pinia").Store<"uiPageSettings", import("../../store").PageSettingsState, {
@@ -4691,6 +4689,9 @@ declare const _default: import("vue").DefineComponent<{}, {
     onDraggingStart: () => void;
     onDraggingEnd: (ev: any) => 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/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.d.ts

@@ -4340,7 +4340,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setBrandPageType({ brandPageType }: {
             brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
-        initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../../../brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../../../brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../../brand-page").PageModel[];
             sections: import("../../store").PageSettingsStateSections;

package/lib/src/shared/publish-brand-page-with-state/PublishBrandPageModalWithState.mixin.d.ts

@@ -166,7 +166,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setBrandPageType({ brandPageType }: {
             brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
-        initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../brand-page/models").PageModel[];
             sections: import("../page-settings/store").PageSettingsStateSections;
@@ -418,6 +418,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }): Promise<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/shared/side-bar/components/SideBar.mixin.d.ts

@@ -261,15 +261,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setSelectedTabName(payload: import("../models").SetSelectedTabNamePayload): void;
     }>;
     userStore: import("pinia").Store<"brandPageMakerUser", import("../../../brand-page-maker/stores").UserState, {}, {
-        setEmailAddress(payload: string): void;
-        setFeatures(payload: Partial<import("../../../constants/ui").UIUserFeatures>): void;
-        setHasBrandPagePremiumSubscription(payload: boolean): void;
-        setIsAdmin(payload: {
-            isAdmin: boolean;
-        }): void;
-        setBrandPageCommissionPercentage(payload: number): void;
-        setUserToken(payload: {
-            userToken: string;
+        setUserState(payload: {
+            emailAddress?: string | undefined;
+            userToken?: string | undefined;
+            isAdmin?: boolean | undefined;
+            hasPremiumSubscription?: boolean | undefined;
+            brandPageCommissionPercentage?: number | undefined;
+            features?: Partial<import("../../../constants/ui").UIUserFeatures> | undefined;
         }): void;
     }>;
     'side-bar-content': import("vue").Ref<null, null>;

package/lib/src/shared/side-bar/components/SideBarTabButton.mixin.d.ts

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

@@ -463,15 +463,13 @@ declare const _default: import("vue").DefineComponent<{}, {
         toggleLogoBackground(): Promise<any>;
     }>;
     userStore: import("pinia").Store<"brandPageMakerUser", import("../../../brand-page-maker/stores").UserState, {}, {
-        setEmailAddress(payload: string): void;
-        setFeatures(payload: Partial<import("../../../constants/ui").UIUserFeatures>): void;
-        setHasBrandPagePremiumSubscription(payload: boolean): void;
-        setIsAdmin(payload: {
-            isAdmin: boolean;
-        }): void;
-        setBrandPageCommissionPercentage(payload: number): void;
-        setUserToken(payload: {
-            userToken: string;
+        setUserState(payload: {
+            emailAddress?: string | undefined;
+            userToken?: string | undefined;
+            isAdmin?: boolean | undefined;
+            hasPremiumSubscription?: boolean | undefined;
+            brandPageCommissionPercentage?: number | undefined;
+            features?: Partial<import("../../../constants/ui").UIUserFeatures> | undefined;
         }): void;
     }>;
     brandPageMakerStore: import("pinia").Store<"brandPageMaker", import("../../../brand-page-maker/stores").BrandPageMakerState, {
@@ -575,7 +573,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         setBrandPageType({ brandPageType }: {
             brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
-        initialise({ brandPage, brandPageType, emailAddress, features, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../../brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../../brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("../../../brand-page").PageModel[];
             sections: import("../../page-settings/store").PageSettingsStateSections;
@@ -865,6 +863,9 @@ declare const _default: import("vue").DefineComponent<{}, {
         removeBackgroundVideo(): 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/shared/style-settings/components/StyleSettings.stories.js

@@ -2,8 +2,8 @@ import { defineComponent } from 'vue';
 import { createPinia, setActivePinia } from 'pinia';
 import StyleSettings from './StyleSettings.vue';
 import { setupStoryPinia } from '../../../brand-page-maker/components/brand-page-maker/__fixtures__/store-fixture';
-import { useBrandPageMakerStore } from '../../../brand-page-maker/stores';
-import { INITIALISE_PAYLOAD } from '../../../brand-page-maker/components/brand-page-maker/__fixtures__';
+import { useBrandPageMakerStore, useBrandPageMakerUserStore, } from '../../../brand-page-maker/stores';
+import { INITIALISE_PAYLOAD, USER_FEATURES } from '../../../brand-page-maker/components/brand-page-maker/__fixtures__';
 export default {
     title: 'Components/BrandPageMaker/StyleSettings',
     component: StyleSettings,
@@ -25,14 +25,17 @@ export const Sample = () => {
 };
 export const HideBrandCrowdLogo = () => {
     const pinia = setupStoryPinia();
+    const userStore = useBrandPageMakerUserStore();
     const store = useBrandPageMakerStore();
-    store.initialise({
-        ...INITIALISE_PAYLOAD,
+    userStore.setUserState({
         features: {
-            ...INITIALISE_PAYLOAD.features,
+            ...USER_FEATURES,
             showBrandCrowdLogo: false,
         },
     });
+    store.initialise({
+        ...INITIALISE_PAYLOAD,
+    });
     return defineComponent({
         components: {
             StyleSettings,

package/lib/src/shared/template-settings/components/TemplatesSettings.mixin.d.ts

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

@@ -1,7 +1,7 @@
 {
   "name": "@designcrowd/library.brand-page",
   "description": "A collection of Maker/Designer applications",
-  "version": "5.16.35",
+  "version": "5.16.36",
   "author": "Design.com Eng",
   "license": "UNLICENSED",
   "type": "module",
@@ -55,7 +55,7 @@
   },
   "dependencies": {
     "@ckpack/vue-color": "1.4.1",
-    "@designcrowd/fe-shared-lib": "1.5.12",
+    "@designcrowd/fe-shared-lib": "1.5.14",
     "@pinia/nuxt": "0.11.0",
     "@storybook/react": "9.0.4",
     "@tiptap/extension-bubble-menu": "^2.14.0",

package/src/brand-page/components/page/Page.vue

@@ -9,7 +9,7 @@
     :media="viewModel.styles.backgroundStylesViewModel.mediaViewModel"
     :context="context"
     :img-classes="{
-      'tw-absolute tw-left-0 tw-top-0 tw-z-0 tw-w-full tw-h-full tw-object-cover': true,
+      'tw-absolute tw-left-0 tw-top-0 tw-z-0 tw-w-full tw-h-full tw-object-cover md:tw-fixed': true,
     }"
     :media-type="viewModel.styles.backgroundStylesViewModel.mediaViewModel.type"
     content-index="0"

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

@@ -212,8 +212,6 @@ export default defineComponent({
 
     await this.brandPageMakerStore.initialise({
       brandPage,
-      emailAddress: this.viewModel.emailAddress,
-      features: this.viewModel.features,
       logoDraftDesignAttributes: this.viewModel.logoDraftDesignAttributes,
       unsplashApplicationName: this.viewModel.unsplashApplicationName,
       templateCategories: this.viewModel.templateCategories,