@designcrowd/library.brand-page 5.15.21-gettyfinal → 5.15.21

package/lib/src/lib.js

@@ -30,7 +30,7 @@ export { getOptimalLogoSize, calculateOptimizedLogoDimensions, } from './brand-p
 export { sanitizeRTEHtml } from './brand-page-maker/utils';
 export { getPageSlugFromPageTitle } from './brand-page-maker/utils/slug.util';
 // stores
-export { useBrandPageMakerStore, useBrandPageMakerUserStore, useUiStore, useBrandPageContainerStore, useEventManagerStore, useLocalisedRouteStore, useVideoStore, } from './brand-page-maker/stores';
+export { useBrandPageMakerStore, useBrandPageMakerUserStore, useUiStore, useBrandPageContainerStore, useEventManagerStore, useLocalisedRouteStore, } from './brand-page-maker/stores';
 export { useShopConfigStore } from './shared/ecommerce-settings/store/shop-settings-store';
 // for jest, need to set active pinia in library.brand-page as well
 import { createPinia, setActivePinia } from 'pinia';

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

@@ -180,13 +180,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onOn-toggle-state-change"?: ((...args: any[]) => any) | undefined;
 }>, {
     index: number;
-    settings: ContentItemFieldSettings;
     role: string;
     styles: Record<string, any>;
     placeholder: string;
     minLength: number;
     maxLength: number;
     value: string | false | undefined;
+    settings: ContentItemFieldSettings;
     attrs: Record<string, any>;
     isRequired: boolean;
     isToggled: boolean;

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

@@ -52,7 +52,6 @@ declare const _default: import("vue").DefineComponent<{}, {
         brandPageTemplate(): any;
         brandPageTitle(): string;
         brandPageViewModel(): import("../../../../brand-page").BrandPageViewModel;
-        gettyVideoIds(): string[];
         isInteractivePreviewEnabled(): boolean;
         isProduction(): boolean;
         isPublishButtonEnabled(): boolean;
@@ -506,7 +505,6 @@ declare const _default: import("vue").DefineComponent<{}, {
             colorReplacements?: import("../../../../brand-page").ColorReplacement[] | undefined;
             aspectRatio?: number | null | undefined;
         }): void;
-        _setSelectedItemMedia(selectedItemId: string | null, mediaPayload: import("../../../my-uploads/models").MediaBaseSelectedPayload): void;
         _setItems({ items }: {
             items: ContentItem<any>[];
         }): void;
@@ -582,7 +580,6 @@ declare const _default: import("vue").DefineComponent<{}, {
             colorReplacements?: import("../../../../brand-page").ColorReplacement[] | undefined;
             aspectRatio?: number | null | undefined;
         }): void;
-        setSelectedItemMedia(selectedItemId: string | null, mediaPayload: import("../../../my-uploads/models").MediaBaseSelectedPayload): void;
         setItems(payload: {
             items: ContentItem<Content>[];
         }): void;

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

@@ -1,5 +1,5 @@
 import type { ContentItem, ContentItemFieldSettings, ReplaceImageSettingsBase, ReplaceImageSettingsTabId } from '../../models';
-import type { MediaBaseSelectedPayload, UserMediaItemWithDimensions } from '../../../my-uploads/models';
+import type { UserMediaItemWithDimensions } from '../../../my-uploads/models';
 declare const _default: import("vue").DefineComponent<{}, {
     items: import("vue").ComputedRef<{
         id: string;
@@ -372,7 +372,6 @@ declare const _default: import("vue").DefineComponent<{}, {
             colorReplacements?: import("../../../../brand-page").ColorReplacement[] | undefined;
             aspectRatio?: number | null | undefined;
         }): void;
-        _setSelectedItemMedia(selectedItemId: string | null, mediaPayload: MediaBaseSelectedPayload): void;
         _setItems({ items }: {
             items: ContentItem<any>[];
         }): void;
@@ -448,7 +447,6 @@ declare const _default: import("vue").DefineComponent<{}, {
             colorReplacements?: import("../../../../brand-page").ColorReplacement[] | undefined;
             aspectRatio?: number | null | undefined;
         }): void;
-        setSelectedItemMedia(selectedItemId: string | null, mediaPayload: MediaBaseSelectedPayload): void;
         setItems(payload: {
             items: ContentItem<import("../../../../brand-page").Content>[];
         }): void;
@@ -568,7 +566,6 @@ declare const _default: import("vue").DefineComponent<{}, {
         brandPageTemplate(): any;
         brandPageTitle(): string;
         brandPageViewModel(): import("../../../../brand-page").BrandPageViewModel;
-        gettyVideoIds(): string[];
         isInteractivePreviewEnabled(): boolean;
         isProduction(): boolean;
         isPublishButtonEnabled(): boolean;
@@ -697,6 +694,5 @@ declare const _default: import("vue").DefineComponent<{}, {
     onImageRemoved(image: Pick<UserMediaItemWithDimensions, 'url' | 'minimisedUrl' | 'width' | 'height'>): void;
     onDesignSelected(image: UserMediaItemWithDimensions): void;
     onShapeSelected(image: any): void;
-    onVideoSelected(videoPayload: MediaBaseSelectedPayload): 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

@@ -186,9 +186,5 @@ export default defineComponent({
             });
             this.contentSettingsStore.popMode();
         },
-        onVideoSelected(videoPayload) {
-            this.contentSettingsStore.setSelectedItemMedia(this.selectedItemId, videoPayload);
-            this.contentSettingsStore.popMode();
-        },
     },
 });

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

@@ -362,7 +362,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             colorReplacements?: import("../../../../brand-page").ColorReplacement[] | undefined;
             aspectRatio?: number | null | undefined;
         }): void;
-        _setSelectedItemMedia(selectedItemId: string | null, mediaPayload: import("../../../my-uploads/models").MediaBaseSelectedPayload): void;
         _setItems({ items }: {
             items: import("../../models").ContentItem<any>[];
         }): void;
@@ -438,7 +437,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             colorReplacements?: import("../../../../brand-page").ColorReplacement[] | undefined;
             aspectRatio?: number | null | undefined;
         }): void;
-        setSelectedItemMedia(selectedItemId: string | null, mediaPayload: import("../../../my-uploads/models").MediaBaseSelectedPayload): void;
         setItems(payload: {
             items: import("../../models").ContentItem<import("../../../../brand-page").Content>[];
         }): void;

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

@@ -77,7 +77,6 @@ export default defineComponent({
                 isBrandContact: this.brandPageData.brandPageType === BRAND_PAGE_TYPES.brandContact,
                 options: {
                     mediaSizes: MEDIA_SIZES.size1x,
-                    renderVideoAsImage: true,
                 },
                 isCapturingPreview: false,
             };

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

@@ -401,7 +401,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             colorReplacements?: import("../../../../brand-page").ColorReplacement[] | undefined;
             aspectRatio?: number | null | undefined;
         }): void;
-        _setSelectedItemMedia(selectedItemId: string | null, mediaPayload: import("../../../my-uploads/models").MediaBaseSelectedPayload): void;
         _setItems({ items }: {
             items: ContentItem<any>[];
         }): void;
@@ -477,7 +476,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             colorReplacements?: import("../../../../brand-page").ColorReplacement[] | undefined;
             aspectRatio?: number | null | undefined;
         }): void;
-        setSelectedItemMedia(selectedItemId: string | null, mediaPayload: import("../../../my-uploads/models").MediaBaseSelectedPayload): void;
         setItems(payload: {
             items: ContentItem<Content>[];
         }): void;
@@ -513,7 +511,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         brandPageTemplate(): any;
         brandPageTitle(): string;
         brandPageViewModel(): import("../../../../brand-page").BrandPageViewModel;
-        gettyVideoIds(): string[];
         isInteractivePreviewEnabled(): boolean;
         isProduction(): boolean;
         isPublishButtonEnabled(): boolean;

package/lib/src/shared/content-settings/components/email-field/EmailField.mixin.d.ts

@@ -177,13 +177,13 @@ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import
     "onOn-toggle-state-change"?: ((...args: any[]) => any) | undefined;
 }>, {
     index: number;
-    settings: import("../../models").ContentItemFieldSettings;
     role: string;
     styles: Record<string, any>;
     placeholder: string;
     minLength: number;
     maxLength: number;
     value: string | false | undefined;
+    settings: import("../../models").ContentItemFieldSettings;
     attrs: Record<string, any>;
     isRequired: boolean;
     isToggled: boolean;

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

@@ -353,7 +353,6 @@ declare const _default: import("vue").DefineComponent<{}, {
             colorReplacements?: import("../../../../brand-page").ColorReplacement[] | undefined;
             aspectRatio?: number | null | undefined;
         }): void;
-        _setSelectedItemMedia(selectedItemId: string | null, mediaPayload: import("../../../my-uploads/models").MediaBaseSelectedPayload): void;
         _setItems({ items }: {
             items: ContentItem<any>[];
         }): void;
@@ -429,7 +428,6 @@ declare const _default: import("vue").DefineComponent<{}, {
             colorReplacements?: import("../../../../brand-page").ColorReplacement[] | undefined;
             aspectRatio?: number | null | undefined;
         }): void;
-        setSelectedItemMedia(selectedItemId: string | null, mediaPayload: import("../../../my-uploads/models").MediaBaseSelectedPayload): void;
         setItems(payload: {
             items: ContentItem<import("../../../../brand-page").Content>[];
         }): void;

package/lib/src/shared/content-settings/components/focused-content-item-settings/FocusedContentItemSettings.mixin.js

@@ -59,7 +59,6 @@ export default defineComponent({
                 isBrandContact: this.brandPageData.brandPageType === BRAND_PAGE_TYPES.brandContact,
                 options: {
                     mediaSizes: MEDIA_SIZES.size1x,
-                    renderVideoAsImage: true,
                 },
                 isCapturingPreview: false,
             };

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

@@ -33,16 +33,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: false;
         default: undefined;
     };
-    mediaViewModel: {
-        type: ObjectConstructor;
-        required: false;
-        default: undefined;
-    };
-    content: {
-        type: ObjectConstructor;
-        required: false;
-        default: undefined;
-    };
 }>, {}, {
     imgValue: string;
 }, {
@@ -89,26 +79,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: false;
         default: undefined;
     };
-    mediaViewModel: {
-        type: ObjectConstructor;
-        required: false;
-        default: undefined;
-    };
-    content: {
-        type: ObjectConstructor;
-        required: false;
-        default: undefined;
-    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onOn-intent-image-replace"?: ((...args: any[]) => any) | undefined;
 }>, {
     mediaType: string;
-    settings: ContentItemFieldSettings;
     placeholder: string;
-    content: Record<string, any>;
+    settings: ContentItemFieldSettings;
     isRequired: boolean;
-    mediaViewModel: Record<string, any>;
 }, {}, {
     Button: any;
     Icon: any;

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

@@ -3,7 +3,6 @@ import { Button, Icon } from '@designcrowd/fe-shared-lib';
 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';
 const ACCEPTED_MIME_TYPES = 'image/png, image/jpeg, image/svg+xml';
 export default defineComponent({
     components: {
@@ -44,16 +43,6 @@ export default defineComponent({
             required: false,
             default: undefined,
         },
-        mediaViewModel: {
-            type: Object,
-            required: false,
-            default: undefined,
-        },
-        content: {
-            type: Object,
-            required: false,
-            default: undefined,
-        },
     },
     emits: ['update:modelValue', 'on-intent-image-replace'],
     data() {
@@ -67,18 +56,6 @@ export default defineComponent({
         },
         imageUrl: {
             get() {
-                if (this.content?.type === 'banner-section' &&
-                    this.content?.media?.type === 'getty-video' &&
-                    this.name === 'imageUrl') {
-                    const gettyToken = this.content?.media.gettyToken;
-                    if (gettyToken) {
-                        const videoStore = useVideoStore();
-                        const videoUrls = videoStore.getVideoUrlsForToken(gettyToken);
-                        if (videoUrls?.previewImageUrl) {
-                            return videoUrls.previewImageUrl;
-                        }
-                    }
-                }
                 return this.imgValue;
             },
             set(newVal) {
@@ -92,7 +69,7 @@ export default defineComponent({
         addTitle() {
             return this.mediaType === 'shape'
                 ? commonTr('addShapeLabel')
-                : commonTr('addMediaLabel');
+                : commonTr('addImageLabel');
         },
     },
     watch: {
@@ -109,7 +86,6 @@ export default defineComponent({
             });
         },
         onRemove() {
-            this.content.media = undefined;
             this.imgValue = '';
             this.imageUrl = '';
         },

package/lib/src/shared/content-settings/components/tel-field/TelField.mixin.d.ts

@@ -177,13 +177,13 @@ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import
     "onOn-toggle-state-change"?: ((...args: any[]) => any) | undefined;
 }>, {
     index: number;
-    settings: import("../../models").ContentItemFieldSettings;
     role: string;
     styles: Record<string, any>;
     placeholder: string;
     minLength: number;
     maxLength: number;
     value: string | false | undefined;
+    settings: import("../../models").ContentItemFieldSettings;
     attrs: Record<string, any>;
     isRequired: boolean;
     isToggled: boolean;

package/lib/src/shared/content-settings/components/text-field/TextField.mixin.d.ts

@@ -177,13 +177,13 @@ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import
     "onOn-toggle-state-change"?: ((...args: any[]) => any) | undefined;
 }>, {
     index: number;
-    settings: import("../../models").ContentItemFieldSettings;
     role: string;
     styles: Record<string, any>;
     placeholder: string;
     minLength: number;
     maxLength: number;
     value: string | false | undefined;
+    settings: import("../../models").ContentItemFieldSettings;
     attrs: Record<string, any>;
     isRequired: boolean;
     isToggled: boolean;

package/lib/src/shared/content-settings/components/textarea-field/TextareaField.mixin.d.ts

@@ -191,13 +191,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onOn-toggle-state-change"?: ((...args: any[]) => any) | undefined;
 }>, {
     index: number;
-    settings: import("../../models").ContentItemFieldSettings;
     role: string;
     styles: Record<string, any>;
     placeholder: string;
     minLength: number;
     maxLength: number;
     value: string | false | undefined;
+    settings: import("../../models").ContentItemFieldSettings;
     attrs: Record<string, any>;
     isRequired: boolean;
     isToggled: boolean;

package/lib/src/shared/content-settings/components/url-field/UrlField.mixin.d.ts

@@ -184,13 +184,13 @@ declare const _default: import("vue").DefineComponent<{}, {}, Record<string, any
     "onOn-toggle-state-change"?: ((...args: any[]) => any) | undefined;
 }>, {
     index: number;
-    settings: import("../../models").ContentItemFieldSettings;
     role: string;
     styles: Record<string, any>;
     placeholder: string;
     minLength: number;
     maxLength: number;
     value: string | false | undefined;
+    settings: import("../../models").ContentItemFieldSettings;
     attrs: Record<string, any>;
     isRequired: boolean;
     isToggled: boolean;

package/lib/src/shared/content-settings/components/youtube-video-field/YoutubeVideoField.mixin.d.ts

@@ -180,13 +180,13 @@ declare const _default: import("vue").DefineComponent<{}, {}, Record<string, any
     "onOn-toggle-state-change"?: ((...args: any[]) => any) | undefined;
 }>, {
     index: number;
-    settings: import("../../models").ContentItemFieldSettings;
     role: string;
     styles: Record<string, any>;
     placeholder: string;
     minLength: number;
     maxLength: number;
     value: string | false | undefined;
+    settings: import("../../models").ContentItemFieldSettings;
     attrs: Record<string, any>;
     isRequired: boolean;
     isToggled: boolean;

package/lib/src/shared/content-settings/models.d.ts

@@ -1,7 +1,6 @@
 import type { Content, ColorReplacement, ContentType, BrandPageType } from '../../brand-page';
 import type { ContentSettingsDisplayMode, ContentSettingsField, ContentSettingsFieldGroup, ContentSettingsMultiField, ValidateResult } from '../../brand-page-maker/models';
 import type { UserState } from '../../brand-page-maker/stores';
-import type { MediaBaseSelectedPayload } from '../my-uploads/models';
 export interface ContentItemFieldSettings {
     errorMessage: string;
     isValid: boolean;
@@ -52,7 +51,6 @@ export interface SetContentMediaPayload {
     mediaType?: string;
     size?: string;
     imageLink: string;
-    media?: MediaBaseSelectedPayload;
 }
 export interface ContentItem<TContent> {
     id: string;

package/lib/src/shared/content-settings/store/content-settings-store.d.ts

@@ -2,7 +2,6 @@ import type { AddContentOption, ContentItem, ContentItemFieldSettings, ContentSe
 import type { ColorReplacement, Content } from '../../../brand-page';
 import type { UIEventSource } from '../../models';
 import type { ContentSettingsConfig, ItemCategory } from '../../../brand-page-maker/models';
-import type { MediaBaseSelectedPayload } from '../../my-uploads/models';
 export declare const CONTENT_SETTINGS_MODES: {
     readonly edit: "edit";
     readonly add: "add";
@@ -369,7 +368,6 @@ export declare const useUiContentSettingsStore: import("pinia").StoreDefinition<
         colorReplacements?: ColorReplacement[] | undefined;
         aspectRatio?: number | null | undefined;
     }): void;
-    _setSelectedItemMedia(selectedItemId: string | null, mediaPayload: MediaBaseSelectedPayload): void;
     _setItems({ items }: {
         items: ContentItem<any>[];
     }): void;
@@ -445,7 +443,6 @@ export declare const useUiContentSettingsStore: import("pinia").StoreDefinition<
         colorReplacements?: ColorReplacement[];
         aspectRatio?: number | null;
     }): void;
-    setSelectedItemMedia(selectedItemId: string | null, mediaPayload: MediaBaseSelectedPayload): void;
     setItems(payload: {
         items: ContentItem<Content>[];
     }): void;

package/lib/src/shared/content-settings/store/content-settings-store.js

@@ -3,12 +3,11 @@ import { CONTENT_SETTINGS_CONFIGS, SIDE_BAR_TAB_NAMES, } from '../../../brand-pa
 import { RESERVED_FIELD_NAMES } from '../constants';
 import { UI_EVENT_SOURCES } from '../../models';
 import { CONTENT_SETTINGS_DISPLAY_MODES, ITEM_CATEGORIES, ITEM_CATEGORY_NAMES, } from '../../../brand-page-maker/models';
-import { useUiStore, useBrandPageMakerUserStore, useBrandPageMakerStore, useVideoStore, } from '../../../brand-page-maker/stores';
+import { useUiStore, useBrandPageMakerUserStore, useBrandPageMakerStore, } from '../../../brand-page-maker/stores';
 import { useUiSideBarStore } from '../../side-bar/store';
 import { createDefaultContentItemGroupState, createDefaultContentItemState, } from '../../navigation-style-settings/store';
 import { adminValidatorsDict, dummyValidator, validatorDict, } from '../../../brand-page-maker/validators';
 import { vueDeepMerge } from '../../../helpers/vue.helper';
-import {} from '../../../brand-page-maker/stores/video';
 const DEFAULT_TEXT_COLOR_DEPENDENT_TYPES = [
     'profile',
     'text',
@@ -132,37 +131,6 @@ export const useUiContentSettingsStore = defineStore('uiContentSettings', {
                 aspectRatio,
             }, this.selectedItemIndex ?? undefined);
         },
-        _setSelectedItemMedia(selectedItemId, mediaPayload) {
-            const selectedItem = this.items.find((i) => i.id === selectedItemId);
-            if (!selectedItem) {
-                if (process.env.NODE_ENV !== 'production') {
-                    throw new Error('unable to locate the selected item for setting video');
-                }
-                return;
-            }
-            if (!this.selectedItemFieldName) {
-                if (process.env.NODE_ENV !== 'production') {
-                    throw new Error('selectedItemFieldName should be defined');
-                }
-                return;
-            }
-            const replaceImageSettings = selectedItem.settings.fields[this.selectedItemFieldName]
-                .replaceImageSettings;
-            if (!replaceImageSettings) {
-                if (process.env.NODE_ENV !== 'production') {
-                    throw new Error('replaceImageSettings should be an object');
-                }
-                return;
-            }
-            replaceImageSettings.setContentMedia(selectedItem.settings.content, {
-                media: mediaPayload,
-            });
-            if (mediaPayload.type === 'getty-video') {
-                const gettyPayload = mediaPayload;
-                const videoStore = useVideoStore();
-                videoStore.setVideoUrlsWithToken(gettyPayload.token, gettyPayload.videoSrc, gettyPayload.imageSrc, gettyPayload.assetId);
-            }
-        },
         _setItems({ items }) {
             this.items = items;
         },
@@ -428,10 +396,6 @@ export const useUiContentSettingsStore = defineStore('uiContentSettings', {
             this._setSelectedItemImage(payload);
             this.onContentChanged();
         },
-        setSelectedItemMedia(selectedItemId, mediaPayload) {
-            this._setSelectedItemMedia(selectedItemId, mediaPayload);
-            this.onContentChanged();
-        },
         setItems(payload) {
             if (process.env.NODE_ENV !== 'production') {
                 const idCountMap = payload.items.reduce((prev, item) => {

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

@@ -42,7 +42,6 @@ declare const _default: import("vue").DefineComponent<{}, {
         brandPageTemplate(): any;
         brandPageTitle(): string;
         brandPageViewModel(): import("../../../brand-page").BrandPageViewModel;
-        gettyVideoIds(): string[];
         isInteractivePreviewEnabled(): boolean;
         isProduction(): boolean;
         isPublishButtonEnabled(): boolean;

package/lib/src/shared/my-uploads/models.d.ts

@@ -1,4 +1,3 @@
-import type { MediaTypes } from '../../brand-page';
 interface UserMediaItemMedia {
     token: string;
     userToken: string;
@@ -19,15 +18,4 @@ export interface UserMediaItemWithDimensions extends UserMediaItem {
     width: number;
     height: number;
 }
-export interface MediaBaseSelectedPayload {
-    type: MediaTypes;
-}
-export interface GettyVideoMediaSelectedPayload extends MediaBaseSelectedPayload {
-    assetId: string;
-    token: string;
-    mimeType: string;
-    autoPlay: boolean;
-    imageSrc: string;
-    videoSrc: string;
-}
 export {};

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

@@ -3732,7 +3732,6 @@ declare const _default: import("vue").DefineComponent<{}, {
         brandPageTemplate(): any;
         brandPageTitle(): string;
         brandPageViewModel(): import("../../../../brand-page").BrandPageViewModel;
-        gettyVideoIds(): string[];
         isInteractivePreviewEnabled(): boolean;
         isProduction(): boolean;
         isPublishButtonEnabled(): boolean;
@@ -4308,7 +4307,6 @@ declare const _default: import("vue").DefineComponent<{}, {
             colorReplacements?: import("../../../../brand-page").ColorReplacement[] | undefined;
             aspectRatio?: number | null | undefined;
         }): void;
-        _setSelectedItemMedia(selectedItemId: string | null, mediaPayload: import("../../../my-uploads/models").MediaBaseSelectedPayload): void;
         _setItems({ items }: {
             items: ContentItem<any>[];
         }): void;
@@ -4384,7 +4382,6 @@ declare const _default: import("vue").DefineComponent<{}, {
             colorReplacements?: import("../../../../brand-page").ColorReplacement[] | undefined;
             aspectRatio?: number | null | undefined;
         }): void;
-        setSelectedItemMedia(selectedItemId: string | null, mediaPayload: import("../../../my-uploads/models").MediaBaseSelectedPayload): void;
         setItems(payload: {
             items: ContentItem<Content>[];
         }): void;

package/lib/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.d.ts

@@ -3739,7 +3739,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             colorReplacements?: import("../../../../brand-page").ColorReplacement[] | undefined;
             aspectRatio?: number | null | undefined;
         }): void;
-        _setSelectedItemMedia(selectedItemId: string | null, mediaPayload: import("../../../my-uploads/models").MediaBaseSelectedPayload): void;
         _setItems({ items }: {
             items: import("../../../content-settings/models").ContentItem<any>[];
         }): void;
@@ -3815,7 +3814,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             colorReplacements?: import("../../../../brand-page").ColorReplacement[] | undefined;
             aspectRatio?: number | null | undefined;
         }): void;
-        setSelectedItemMedia(selectedItemId: string | null, mediaPayload: import("../../../my-uploads/models").MediaBaseSelectedPayload): void;
         setItems(payload: {
             items: import("../../../content-settings/models").ContentItem<import("../../../../brand-page").Content>[];
         }): void;
@@ -4234,7 +4232,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         brandPageTemplate(): any;
         brandPageTitle(): string;
         brandPageViewModel(): import("../../../../brand-page").BrandPageViewModel;
-        gettyVideoIds(): string[];
         isInteractivePreviewEnabled(): boolean;
         isProduction(): boolean;
         isPublishButtonEnabled(): boolean;

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

@@ -76,7 +76,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         brandPageTemplate(): any;
         brandPageTitle(): string;
         brandPageViewModel(): import("../../brand-page").BrandPageViewModel;
-        gettyVideoIds(): string[];
         isInteractivePreviewEnabled(): boolean;
         isProduction(): boolean;
         isPublishButtonEnabled(): boolean;

package/lib/src/shared/style-settings/components/StyleSettings.mixin.d.ts

@@ -482,7 +482,6 @@ declare const _default: import("vue").DefineComponent<{}, {
         brandPageTemplate(): any;
         brandPageTitle(): string;
         brandPageViewModel(): import("../../../brand-page").BrandPageViewModel;
-        gettyVideoIds(): string[];
         isInteractivePreviewEnabled(): boolean;
         isProduction(): boolean;
         isPublishButtonEnabled(): boolean;

package/package.json

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

package/src/brand-page/components/banner-section/BannerSection.vue

@@ -15,8 +15,7 @@
         v-if="
           (viewModel.isBigImageType &&
             !viewModel.backgroundStyle.backgroundColor) ||
-          (viewModel.isBigImageType && viewModel.imageUrl) ||
-          (viewModel.isBigImageType && viewModel.media)
+          (viewModel.isBigImageType && viewModel.imageUrl)
         "
         :image-url="viewModel.imageUrl"
         :color-replacements="viewModel.colorReplacements"
@@ -29,7 +28,6 @@
             viewModel.isBigImageType,
         }"
         :content-index="contentIndex"
-        :media="viewModel.mediaViewModel"
       />
       <div
         class="tw-w-full tw-h-full tw-inset-0 tw-absolute"
@@ -65,7 +63,6 @@
             :role="viewModel.role"
             img-classes="tw-w-full tw-object-cover tw-aspect-square tw-rounded-md tw-relative"
             :content-index="contentIndex"
-            :media="viewModel.mediaViewModel"
           />
         </div>
         <div
@@ -161,7 +158,6 @@
               :role="viewModel.role"
               img-classes="tw-inset-0 tw-w-full tw-h-full full-square-image tw-relative"
               :content-index="contentIndex"
-              :media="viewModel.mediaViewModel"
             />
           </div>
         </div>
@@ -191,7 +187,6 @@
               :role="viewModel.role"
               img-classes="tw-w-full tw-object-cover tw-aspect-square tw-rounded-md tw-relative"
               :content-index="contentIndex"
-              :media="viewModel.mediaViewModel"
             />
           </div>
           <div