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

package/lib/src/{CreatedOnBrandCrowd-de-de-K-AgT_7y.js → CreatedOnBrandCrowd-de-de-DZ5Vucii.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-DX-eOXIJ.js → CreatedOnBrandCrowd-en-us-DknGL3Zu.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-solPysq-.js → CreatedOnBrandCrowd-es-es-NwtO4oKe.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-DCdRbub4.js → CreatedOnBrandCrowd-fr-ca-DfUf3ajR.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-DCdRbub4.js → CreatedOnBrandCrowd-fr-fr-DfUf3ajR.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-CWy-ZMjD.js → CreatedOnBrandCrowd-pt-br-TjO5ceZp.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-CWy-ZMjD.js → CreatedOnBrandCrowd-pt-pt-TjO5ceZp.js}

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

package/lib/src/{CreatedOnDcom-de-de-CZNGEnA1.js → CreatedOnDcom-de-de-CiEaeern.js}

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

package/lib/src/{CreatedOnDcom-en-us-C9XDF01U.js → CreatedOnDcom-en-us-BsQTy39u.js}

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

package/lib/src/{CreatedOnDcom-es-es-BXZyfuHJ.js → CreatedOnDcom-es-es-BgUs8RD2.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-zOsQivrO.js → CreatedOnDcom-fr-ca-5Rt16LTN.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-DAtyVaxQ.js → CreatedOnDcom-fr-fr-DRajgiLq.js}

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

package/lib/src/{CreatedOnDcom-pt-br-aZ6Ws1mJ.js → CreatedOnDcom-pt-br-CpGsGCmj.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-DytMZG1X.js → CreatedOnDcom-pt-pt-C1CjD8Ks.js}

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

package/lib/src/brand-page/components/media/Media.mixin.d.ts

@@ -1,6 +1,5 @@
 import type { PropType } from 'vue';
 import type { BrandPageContext, ColorReplacement } from '../../models';
-import type { MediaViewModel } from '../../../lib';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     mediaType: {
         type: StringConstructor;
@@ -60,11 +59,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: false;
         default: undefined;
     };
-    media: {
-        type: PropType<MediaViewModel>;
-        required: false;
-        default: undefined;
-    };
 }>, {}, {
     type: string | undefined;
     isImageBroken: boolean;
@@ -129,13 +123,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: false;
         default: undefined;
     };
-    media: {
-        type: PropType<MediaViewModel>;
-        required: false;
-        default: undefined;
-    };
 }>> & Readonly<{}>, {
-    media: MediaViewModel;
     colorReplacements: ColorReplacement[];
     mediaType: string;
     size: string;

package/lib/src/brand-page/components/media/Media.mixin.js

@@ -59,11 +59,6 @@ export default defineComponent({
             required: false,
             default: undefined,
         },
-        media: {
-            type: Object,
-            required: false,
-            default: undefined,
-        },
     },
     data() {
         return {

package/lib/src/brand-page/components/page/Page.stories.js

@@ -12,7 +12,7 @@ const pages = brandPageModel.pages.map((p) => ({
     ...p,
     isHidden: false,
     contents: p.contents
-        .map(mapToViewModel(brandPageModel.styles, brandPageModel.brandPageType || BRAND_PAGE_TYPES.default, {}))
+        .map(mapToViewModel(brandPageModel.styles, brandPageModel.brandPageType || BRAND_PAGE_TYPES.default))
         .filter((x) => x !== undefined),
 }));
 const viewModel = {

package/lib/src/brand-page/components/payment/__fixtures__/request-payment.d.ts

@@ -22,7 +22,6 @@ export declare const context: {
     options?: {
         disableNavigationSideMenu?: boolean | undefined;
         mediaSizes?: "size1x" | "size2x" | "sizeThumb" | undefined;
-        renderVideoAsImage?: boolean | undefined;
     } | undefined;
     abTests?: import("../../../models").AbTest | undefined;
     isCapturingPreview: boolean;

package/lib/src/brand-page/components/payment/__fixtures__/support-me.d.ts

@@ -22,7 +22,6 @@ export declare const context: {
     options?: {
         disableNavigationSideMenu?: boolean | undefined;
         mediaSizes?: "size1x" | "size2x" | "sizeThumb" | undefined;
-        renderVideoAsImage?: boolean | undefined;
     } | undefined;
     abTests?: import("../../../models").AbTest | undefined;
     isCapturingPreview: boolean;

package/lib/src/brand-page/models/brand-page-context.model.d.ts

@@ -69,7 +69,6 @@ export interface BrandPageContext {
     options?: {
         disableNavigationSideMenu?: boolean;
         mediaSizes?: MediaSizes;
-        renderVideoAsImage?: boolean;
     };
     abTests?: AbTest;
     /** Is brand page rendered for preview */

package/lib/src/brand-page/models/index.d.ts

@@ -271,7 +271,6 @@ export interface BannerSectionContent extends Content {
     overlayColor: BrandPageCssStyle;
     overlayOpacity: number;
     aspectRatio?: number | null;
-    media?: AbstractMedia;
 }
 export declare const MEDIA_TYPES: {
     readonly image: "image";
@@ -494,21 +493,6 @@ export declare abstract class AbstractPageFooterStyles {
     logoImageWidth: string | undefined;
     protected constructor(options?: AbstractPageFooterStylesType);
 }
-export type MediaTypes = 'getty-video' | 'user-upload-video' | 'image';
-export declare abstract class AbstractMedia {
-    abstract type: MediaTypes;
-}
-type GettyVideoMediaType = Partial<GettyVideoMedia>;
-export declare class GettyVideoMedia extends AbstractMedia {
-    type: MediaTypes;
-    gettyToken: string;
-    gettyAssetId: string;
-    mimeType: string;
-    settings: {
-        autoPlay?: boolean;
-    };
-    constructor(options?: GettyVideoMediaType);
-}
 export declare class PageFooterDesktop extends AbstractPageFooterStyles {
     constructor(options?: AbstractPageFooterStylesType);
 }

package/lib/src/brand-page/models/index.js

@@ -351,25 +351,6 @@ export class AbstractPageFooterStyles {
         this.textFontFamily = options.textFontFamily;
     }
 }
-export class AbstractMedia {
-}
-export class GettyVideoMedia extends AbstractMedia {
-    type = 'getty-video';
-    gettyToken;
-    gettyAssetId;
-    mimeType;
-    settings;
-    constructor(options = {}) {
-        options = cloneDeep(options);
-        super();
-        this.type = 'getty-video';
-        this.gettyToken = options.gettyToken || '';
-        this.gettyAssetId = options.gettyAssetId || '';
-        this.mimeType = options.mimeType || '';
-        this.settings = options.settings || {};
-    }
-}
-//jyao: END of media related entities and classes
 export class PageFooterDesktop extends AbstractPageFooterStyles {
     constructor(options = {}) {
         options = cloneDeep(options);

package/lib/src/brand-page/utils/view-model.util.d.ts

@@ -5,25 +5,15 @@ export declare const mapToImageViewModel: (content: ImageContent) => ImageViewMo
 export declare const mapToImageGalleryViewModel: (content: ImageGalleryContent, globalStyles: GalleryStyles) => ImageGalleryViewModel;
 export declare const mapToProfileViewModel: (content: ProfileContent, styles: PageStyles) => ProfileViewModel;
 export declare const mapToTextViewModel: (content: TextContent, styles: PageStyles, brandPageType: BrandPageType) => TextViewModel;
-export declare const mapToBannerSectionViewModel: (content: BannerSectionContent, styles: PageStyles, options: ViewModelMappingOptions) => BannerSectionViewModel;
+export declare const mapToBannerSectionViewModel: (content: BannerSectionContent, styles: PageStyles) => BannerSectionViewModel;
 export declare const mapToImagesSectionViewModel: (content: ImagesSectionContent, styles: PageStyles, brandPageType: BrandPageType) => TextImageSectionViewModel;
 export declare const mapToBookingSectionViewModel: (content: BookingSectionContent, styles: PageStyles) => BookingSectionViewModel;
 export declare const mapToPageHeaderViewModel: (pageHeader: PageHeaderDesktop | PageHeaderMobile, pageStyles: PageStyles, pages: PageViewModel[], useOldLogoRenderSize?: boolean) => PageHeaderViewModel;
 export declare const mapToPageFooterViewModel: (pageFooter: PageFooterDesktop | PageFooterMobile, pageStyles: PageStyles, useOldLogoRenderSize?: boolean) => PageFooterViewModel;
-export declare const mapToViewModel: (styles: PageStyles, brandPageType: BrandPageType, options: ViewModelMappingOptions) => (content: Content) => ContentViewModel | undefined;
-interface ViewModelMappingOptions {
-    useOldLogoRenderSize?: boolean;
-    getVideoUrls?: (token: string) => {
-        videoUrl: string;
-        previewImageUrl: string;
-    };
-    getS3VideoUrls?: (token: string) => {
-        videoUrl: string;
-        previewImageUrl: string;
-    };
-    setVideoUrlsWithToken?: (token: string, videoUrl: string, previewImageUrl: string, assetId: string) => void;
-}
-export declare const getBrandPageViewModelFromBrandPageModel: (model: BrandPageModel, brandPageToken: string | undefined, showBrandCrowdLogo: boolean | undefined, options: ViewModelMappingOptions) => BrandPageViewModel;
+export declare const mapToViewModel: (styles: PageStyles, brandPageType: BrandPageType, options?: {
+    useOldLogoRenderSize: boolean;
+}) => (content: Content) => ContentViewModel | undefined;
+export declare const getBrandPageViewModelFromBrandPageModel: (model: BrandPageModel, brandPageToken: string | undefined, showBrandCrowdLogo?: boolean, useOldLogoRenderSize?: boolean) => BrandPageViewModel;
 export declare const isLogoViewModel: (viewModel: ContentViewModel) => viewModel is LogoViewModel;
 /** for service.brand-page website preview by logo draft token */
 export declare const applyLogoImageToBrandPageViewModel: (viewModel: BrandPageViewModel, logoImage: LogoImageModel) => BrandPageViewModel;
@@ -39,4 +29,3 @@ export interface CriticalResourceURLs {
  * For service.brand-page to preload critical resources
  */
 export declare const getCriticalResourceURLs: (viewModel: BrandPageViewModel) => CriticalResourceURLs;
-export {};

package/lib/src/brand-page/utils/view-model.util.js

@@ -391,43 +391,7 @@ const mapToContactFormViewModel = (content, styles, brandPageType) => {
             content.layoutStyle !== '',
     }, styles);
 };
-const mapGettyVideoToGettyVideoViewModel = (media, options) => {
-    if (!options.getVideoUrls?.(media.gettyToken)) {
-        const s3Urls = options.getS3VideoUrls?.(media.gettyToken);
-        if (s3Urls && s3Urls?.videoUrl) {
-            options.setVideoUrlsWithToken?.(media.gettyToken, s3Urls.videoUrl, s3Urls.previewImageUrl, media.gettyAssetId);
-        }
-    }
-    const videoUrls = options.getVideoUrls?.(media.gettyToken) || {
-        videoUrl: undefined,
-        previewImageUrl: undefined,
-    };
-    return {
-        type: 'getty-video',
-        gettyToken: media.gettyToken,
-        gettyAssetId: media.gettyAssetId,
-        mimeType: media.mimeType,
-        videoUrl: videoUrls.videoUrl,
-        previewImageUrl: videoUrls.previewImageUrl,
-        settings: {
-            autoPlay: media.settings?.autoPlay || false,
-        },
-    };
-};
-const mapMediaToContentViewModel = ({ media, options, }) => {
-    if (!media) {
-        return undefined;
-    }
-    switch (media.type) {
-        case 'getty-video':
-            return mapGettyVideoToGettyVideoViewModel(media, options);
-        case 'image':
-        // TODO(jyao): Implement later
-        default:
-            throw new Error(`Unsupported media type: ${media.type}`);
-    }
-};
-export const mapToBannerSectionViewModel = (content, styles, options) => {
+export const mapToBannerSectionViewModel = (content, styles) => {
     return applyViewModelTextStyles({
         ...content,
         role: content.type,
@@ -446,10 +410,6 @@ export const mapToBannerSectionViewModel = (content, styles, options) => {
         isFullWidth: true,
         imageUrl: mapToBannerSectionImageUrl(content),
         isBigImageType: isBigImageType(content.displayStyle),
-        mediaViewModel: mapMediaToContentViewModel({
-            media: content.media,
-            options,
-        }),
     }, styles);
 };
 const mapToAboutSectionViewModel = (content, styles) => {
@@ -715,7 +675,7 @@ export const mapToViewModel = (styles, brandPageType, options) => (content) => {
         case 'contact-form':
             return mapToContactFormViewModel(content, styles, brandPageType);
         case 'banner-section':
-            return mapToBannerSectionViewModel(content, styles, options);
+            return mapToBannerSectionViewModel(content, styles);
         case 'booking-section':
             return mapToBookingSectionViewModel(content, styles);
         case 'about-section':
@@ -749,10 +709,10 @@ export const mapToViewModel = (styles, brandPageType, options) => (content) => {
             assertUnreachable();
     }
 };
-export const getBrandPageViewModelFromBrandPageModel = (model, brandPageToken, showBrandCrowdLogo = true, options) => {
+export const getBrandPageViewModelFromBrandPageModel = (model, brandPageToken, showBrandCrowdLogo = true, useOldLogoRenderSize = false) => {
     const pages = model.pages.map((p) => {
         const contents = p.contents
-            .map(mapToViewModel(model.styles, model.brandPageType || BRAND_PAGE_TYPES.default, options))
+            .map(mapToViewModel(model.styles, model.brandPageType || BRAND_PAGE_TYPES.default, { useOldLogoRenderSize }))
             .filter((c) => c !== undefined);
         return {
             title: p.title,
@@ -766,10 +726,10 @@ export const getBrandPageViewModelFromBrandPageModel = (model, brandPageToken, s
         pages,
         showBrandCrowdLogo,
         styles: model.styles,
-        headerViewModelDesktop: mapToPageHeaderViewModel(model.pageHeaderDesktop, model.styles, pages, options.useOldLogoRenderSize),
-        headerViewModelMobile: mapToPageHeaderViewModel(model.pageHeaderMobile, model.styles, pages, options.useOldLogoRenderSize),
-        footerViewModelDesktop: mapToPageFooterViewModel(model.pageFooterDesktop, model.styles, options.useOldLogoRenderSize),
-        footerViewModelMobile: mapToPageFooterViewModel(model.pageFooterMobile, model.styles, options.useOldLogoRenderSize),
+        headerViewModelDesktop: mapToPageHeaderViewModel(model.pageHeaderDesktop, model.styles, pages, useOldLogoRenderSize),
+        headerViewModelMobile: mapToPageHeaderViewModel(model.pageHeaderMobile, model.styles, pages, useOldLogoRenderSize),
+        footerViewModelDesktop: mapToPageFooterViewModel(model.pageFooterDesktop, model.styles, useOldLogoRenderSize),
+        footerViewModelMobile: mapToPageFooterViewModel(model.pageFooterMobile, model.styles, useOldLogoRenderSize),
         brandPageType: model.brandPageType || BRAND_PAGE_TYPES.default,
         faviconUrl: model.faviconUrl,
         ogImageUrl: model.ogImageUrl,

package/lib/src/brand-page/view-models.d.ts

@@ -1,4 +1,4 @@
-import type { PageStyles, ButtonWithModalContent, ProfileContent, TextContent, VideoContent, ImageContent, ContentType, ButtonStyles, LogoStyles, MapContent, ImageGalleryContent, GalleryStyles, MailingListContent, RequestPaymentContent, ShopContent, SupportMeContent, ContactFormContent, BannerSectionContent, BrandPageType, SocialLinksContent, TestimonialSectionContent, AboutSectionContent, DividerSectionContent, ShapesSectionContent, ButtonLinkType, PageHeaderMobile, PageHeaderDesktop, PageFooterMobile, PageFooterDesktop, TextMediaItem, TextShapeItem, TextStyleDeclaration, AspectRatio, LogoImageModel, LogoTemplateImageModel, CookieOptions, BookingSectionContent, MediaTypes } from './models';
+import type { PageStyles, ButtonWithModalContent, ProfileContent, TextContent, VideoContent, ImageContent, ContentType, ButtonStyles, LogoStyles, MapContent, ImageGalleryContent, GalleryStyles, MailingListContent, RequestPaymentContent, ShopContent, SupportMeContent, ContactFormContent, BannerSectionContent, BrandPageType, SocialLinksContent, TestimonialSectionContent, AboutSectionContent, DividerSectionContent, ShapesSectionContent, ButtonLinkType, PageHeaderMobile, PageHeaderDesktop, PageFooterMobile, PageFooterDesktop, TextMediaItem, TextShapeItem, TextStyleDeclaration, AspectRatio, LogoImageModel, LogoTemplateImageModel, CookieOptions, BookingSectionContent } from './models';
 import type { ImagesSectionContentDisplayStyle } from './constants';
 export type ViewModelType = 'button' | 'image' | 'image-gallery' | 'logo' | 'map' | 'mailing-list' | 'profile' | 'support-me' | 'request-payment' | 'text' | 'video' | 'contact-form' | 'banner-section' | 'images-section' | 'about-section' | 'divider-section' | 'testimonial-section' | 'social-links' | 'shapes-section' | 'shop-section' | 'booking-section';
 export interface ContentViewModel {
@@ -70,24 +70,6 @@ export interface BannerSectionViewModel extends ContentViewModel, Omit<BannerSec
     buttonViewModel: ButtonViewModel;
     isFullWidth: boolean;
     isBigImageType: boolean;
-    mediaViewModel?: MediaViewModel;
-}
-export interface MediaViewModel {
-    type: MediaTypes;
-}
-export interface GettyVideoViewModel extends MediaViewModel {
-    type: 'getty-video';
-    gettyToken: string;
-    gettyAssetId: string;
-    mimeType: string;
-    videoUrl: string | undefined;
-    previewImageUrl: string | undefined;
-    settings: {
-        autoPlay: boolean;
-    };
-}
-export interface ImageMediaViewModel extends MediaViewModel {
-    type: 'image';
 }
 export interface TextImageSectionViewModel {
     id: string;

package/lib/src/brand-page-maker/components/action-bar/ActionBar.mixin.d.ts

@@ -23,7 +23,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/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.d.ts

@@ -66,7 +66,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;
@@ -753,7 +752,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("../../../shared/my-uploads/models").MediaBaseSelectedPayload): void;
         _setItems({ items }: {
             items: import("../../../shared/content-settings/models").ContentItem<any>[];
         }): void;
@@ -829,7 +827,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("../../../shared/my-uploads/models").MediaBaseSelectedPayload): void;
         setItems(payload: {
             items: import("../../../shared/content-settings/models").ContentItem<import("../../../brand-page").Content>[];
         }): void;

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

@@ -174,7 +174,6 @@ const InitialiseMakerStores = (options) => {
         triggerSaveSuccessMessage: false,
         abTests: {},
         isSubsequentPublish: false,
-        gettyVideos: [],
     });
     userStore.setIsAdmin({ isAdmin: options.isAdmin || false });
     userStore.setHasBrandPagePremiumSubscription(false);

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

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

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

@@ -408,7 +408,6 @@ declare const _default: import("vue").DefineComponent<{}, {
             colorReplacements?: import("../../../brand-page").ColorReplacement[] | undefined;
             aspectRatio?: number | null | undefined;
         }): void;
-        _setSelectedItemMedia(selectedItemId: string | null, mediaPayload: import("../../../shared/my-uploads/models").MediaBaseSelectedPayload): void;
         _setItems({ items }: {
             items: ContentItem<any>[];
         }): void;
@@ -484,7 +483,6 @@ declare const _default: import("vue").DefineComponent<{}, {
             colorReplacements?: import("../../../brand-page").ColorReplacement[] | undefined;
             aspectRatio?: number | null | undefined;
         }): void;
-        setSelectedItemMedia(selectedItemId: string | null, mediaPayload: import("../../../shared/my-uploads/models").MediaBaseSelectedPayload): void;
         setItems(payload: {
             items: ContentItem<Content>[];
         }): void;
@@ -520,7 +518,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/brand-page-maker/components/brandpage-settings/ReplaceImageSettingsForBrandPageSettings.mixin.d.ts

@@ -20,7 +20,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/brand-page-maker/components/preview/Preview.mixin.js

@@ -77,7 +77,6 @@ export default defineComponent({
                 isServerRender: false,
                 options: {
                     mediaSizes: MEDIA_SIZES.size1x,
-                    renderVideoAsImage: true,
                 },
                 stripePublishableKey: undefined,
                 runtimeEnvironment: this.runtimeEnvironment,

package/lib/src/brand-page-maker/components/preview/Preview.stories.js

@@ -15,7 +15,7 @@ const pages = [
         slug: '',
         isHidden: false,
         contents: brandPageData
-            .contents.map(mapToViewModel(pageStyles, brandPageData.brandPageType || BRAND_PAGE_TYPES.default, {}))
+            .contents.map(mapToViewModel(pageStyles, brandPageData.brandPageType || BRAND_PAGE_TYPES.default))
             .filter((x) => x !== undefined),
     },
 ];

package/lib/src/brand-page-maker/components/seo-settings/SeoPageSettings.mixin.d.ts

@@ -257,7 +257,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/brand-page-maker/components/seo-settings/UrlSettings.mixin.d.ts

@@ -256,7 +256,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/brand-page-maker/components/social-share/SocialShare.mixin.d.ts

@@ -30,7 +30,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/brand-page-maker/components/template-preview/TemplatePreview.mixin.d.ts

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

package/lib/src/brand-page-maker/components/template-preview/TemplatePreview.mixin.js

@@ -6,7 +6,6 @@ import debounce from 'lodash.debounce';
 import { MOBILE_HEIGHT, MOBILE_WIDTH } from '../../constants';
 import { useBrandPageMakerStore } from '../../stores';
 import { applyLogoImageBase64UrlToBrandPageTemplateModel, applyLogoImageToBrandPageTemplateModel, applyLogoTemplateImageToBrandPageTemplateModel, } from '../../../brand-page/utils/logo.util';
-import { useVideoStore } from '../../../lib';
 const DEBOUNCE_IN_MS = 250;
 export default defineComponent({
     emits: ['template-selected'],
@@ -101,7 +100,6 @@ export default defineComponent({
                 options: {
                     disableNavigationSideMenu: true,
                     mediaSizes: MEDIA_SIZES.sizeThumb,
-                    renderVideoAsImage: true,
                 },
                 isCapturingPreview: false,
             };
@@ -198,7 +196,6 @@ export default defineComponent({
             this.rootStyles = styles;
         },
         async updateViewModel(forceUpdate = true) {
-            const videoStore = useVideoStore();
             let model = this.template.brandPageModel;
             if (this.logoImageBase64Url) {
                 model = applyLogoImageBase64UrlToBrandPageTemplateModel(model, this.logoImageBase64Url);
@@ -214,10 +211,7 @@ export default defineComponent({
                 model = result.model;
             }
             model = applyLogoThemeToBrandPageModel(this.logoTheme, model).model;
-            this.viewModel = await getBrandPageViewModelFromBrandPageModel(model, undefined, false, {
-                useOldLogoRenderSize: false,
-                getVideoUrls: videoStore.getS3VideoUrlsForToken,
-            });
+            this.viewModel = await getBrandPageViewModelFromBrandPageModel(model, undefined, false);
             if (forceUpdate) {
                 this.$forceUpdate();
             }