@designcrowd/library.brand-page 5.15.6-getty-12 → 5.15.6

package/lib/src/{CreatedOnBrandCrowd-de-de-1qCtUO9E.js → CreatedOnBrandCrowd-de-de-58ejlewn.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-BWvP1nzf.js → CreatedOnBrandCrowd-en-us-DY3bPXtI.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-BnHQc2mf.js → CreatedOnBrandCrowd-es-es-C6PKONMO.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-1-KYGGHp.js → CreatedOnBrandCrowd-fr-ca-3TnrVeqQ.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-1-KYGGHp.js → CreatedOnBrandCrowd-fr-fr-3TnrVeqQ.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-l2Aizjkv.js → CreatedOnBrandCrowd-pt-br-CmdhjNhY.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-l2Aizjkv.js → CreatedOnBrandCrowd-pt-pt-CmdhjNhY.js}

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

package/lib/src/{CreatedOnDcom-de-de-B5PvvHyd.js → CreatedOnDcom-de-de-aEFpuUMs.js}

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

package/lib/src/{CreatedOnDcom-en-us-BkVkOoal.js → CreatedOnDcom-en-us-CgdLgAE-.js}

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

package/lib/src/{CreatedOnDcom-es-es-Bq8X4bkP.js → CreatedOnDcom-es-es-BWhFpoSM.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-DtBSgVgC.js → CreatedOnDcom-fr-ca-Bo7o80t4.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-Dk54puyi.js → CreatedOnDcom-fr-fr-BvGigv3L.js}

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

package/lib/src/{CreatedOnDcom-pt-br-Bgde7r_t.js → CreatedOnDcom-pt-br-RBDZ7UHy.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-Dk9i1wTW.js → CreatedOnDcom-pt-pt-Bug8rNRV.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
-import { _ as M } from "./lib-B7IHSim2.js";
+import { _ as M } from "./lib-C5OPdyX-.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,20 +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;
-    };
-}
-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;
@@ -34,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,37 +391,7 @@ const mapToContactFormViewModel = (content, styles, brandPageType) => {
             content.layoutStyle !== '',
     }, styles);
 };
-const mapGettyVideoToGettyVideoViewModel = (media, options) => {
-    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,
@@ -440,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) => {
@@ -709,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':
@@ -743,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,
@@ -760,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/brand-page-maker/BrandPageMaker.mixin.d.ts

@@ -746,7 +746,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;
@@ -822,7 +821,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

@@ -175,7 +175,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/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;

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/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();
             }

package/lib/src/brand-page-maker/constants/config-settings-constant.js

@@ -1,4 +1,4 @@
-import { SOCIAL_LINKS_ICON_DISPLAY_STYLES, BRAND_PAGE_TYPES, DIVIDER_STYLES, MEDIA_TYPES, BUTTON_LINK_TYPE, FONT_SIZE_BODY, LINE_HEIGHT_BODY, MIN_TEXT_SIZE_PX, MAX_TEXT_SIZE_PX, TEXT_COLUMNS, DEFAULT_SHAPE_SIZE, PAYMENT_OPTION_DISPLAY_TYPES, PAYMENT_OPTION_IMAGE_TYPES, GettyVideoMedia, } from '../../brand-page';
+import { SOCIAL_LINKS_ICON_DISPLAY_STYLES, BRAND_PAGE_TYPES, DIVIDER_STYLES, MEDIA_TYPES, BUTTON_LINK_TYPE, FONT_SIZE_BODY, LINE_HEIGHT_BODY, MIN_TEXT_SIZE_PX, MAX_TEXT_SIZE_PX, TEXT_COLUMNS, DEFAULT_SHAPE_SIZE, PAYMENT_OPTION_DISPLAY_TYPES, PAYMENT_OPTION_IMAGE_TYPES, } from '../../brand-page';
 import { createInitialButtonContent, createInitialImageContent, createInitialProfileContent, createInitialTextContent, createInitialVideoContent, createInitialLogoContent, createInitialMapContent, createInitialImageGalleryContent, createInitialGeneralLinkContent, createInitialMailingListContent, createInitialRequestPaymentContent, createInitialSupportMeContent, createInitialContactFormContent, CONTENT_SETTINGS_DISPLAY_MODES, createInitialBannerSectionContent, createInitialSocialLinksContent, createInitialImagesSectionContent, createInitialTestimonialSectionContent, createInitialAboutSectionContent, createInitialDividerSectionContent, createInitialShapesSectionContent, VARIANT_DISPLAY_MODES, createInitialShopContent, createInitialBookingSectionContent, } from '../models';
 import { colorConvertor, backgroundColorConvertor, borderColorConvertor, displayStyleConvertor, galleryTypeConvertor, imageAspectRatioConvertor, textAlignmentOptionsConvertor, videoContentStateConvertor, fillColorConvertor, bannerAlignDisplayStyleConvertor, aboutDisplayStyleConvertor, dividerStyleConvertor, shapeSizeOptionsConvertor, buttonLinkStyleConvertor, textSizeValueConvertor, textColumnStyleConvertor, contactLayoutStyleConvertor, paymentLinkDisplayStyleConvertor, shopDisplayConvertor, shopAspectRatioConvertor, } from '../convertors';
 import { ALIGN_CENTERED, DISPLAY_STYLE_COLLAPSED, DISPLAY_STYLE_PREVIEW, } from '../../brand-page';
@@ -225,12 +225,11 @@ const shopReplaceImageSettings = () => ({
     desiredHeight: undefined,
     desiredWidth: undefined,
 });
-// TOOD(jyao): This should be reworked to bannerSectionReplaceMediaSettings
 const bannerSectionReplaceImageSettings = () => ({
     tabs: ['MY_UPLOADS', 'IMAGE_LIBRARY', 'VIDEO_LIBRARY', 'SHAPE_LIBRARY'],
-    buttonTitleAdd: contentSettingsTr(`addMediaTitle`),
-    titleAdd: contentSettingsTr(`addMediaTitle`),
-    titleReplace: contentSettingsTr(`replaceMediaTitle`),
+    buttonTitleAdd: contentSettingsTr(`addImageButtonTitle`),
+    titleAdd: contentSettingsTr(`addImageHeaderTitle`),
+    titleReplace: contentSettingsTr(`imageReplaceTitle`),
     contentMediaFieldName: MediaFieldNames.avatarImageUrl,
     openByDefault: false,
     mediaType: MEDIA_TYPES.image,
@@ -239,28 +238,12 @@ const bannerSectionReplaceImageSettings = () => ({
     desiredHeight: undefined,
     desiredWidth: undefined,
     setContentMedia: (content, value) => {
-        if (value.media && value.media.type === 'getty-video') {
-            const gettyMedia = value.media;
-            content.media = new GettyVideoMedia({
-                gettyToken: gettyMedia.token,
-                gettyAssetId: gettyMedia.assetId,
-                mimeType: gettyMedia.mimeType,
-                settings: {
-                    autoPlay: gettyMedia.autoPlay,
-                },
-            });
-            content.imageUrl = '';
-        }
-        else {
-            content.imageUrl = value.imageUrl;
-            content.mediaType = MEDIA_TYPES.image;
-            // Note(jyao): Temporarily here until we move all images/shapes to media
-            content.media = undefined;
-            if (isValidSvgUrl(content.imageUrl)) {
-                content.size = DEFAULT_SHAPE_SIZE;
-                content.mediaType = MEDIA_TYPES.shape;
-                content.colorReplacements = value.colorReplacements || [];
-            }
+        content.imageUrl = value.imageUrl;
+        content.mediaType = MEDIA_TYPES.image;
+        if (isValidSvgUrl(content.imageUrl)) {
+            content.size = DEFAULT_SHAPE_SIZE;
+            content.mediaType = MEDIA_TYPES.shape;
+            content.colorReplacements = value.colorReplacements || [];
         }
     },
 });
@@ -1853,7 +1836,7 @@ export const BANNER_SECTION_SETTINGS_CONFIG = () => ({
         imageUrl: {
             type: 'image',
             replaceImageSettings: bannerSectionReplaceImageSettings(),
-            title: contentSettingsTr(`media`),
+            title: contentSettingsTr(`imageTitle`),
             groupId: SETTINGS_STYLE_FIELD_GROUP_IDS.settings,
         },
         imageUrlOverride: {

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

@@ -48,24 +48,12 @@ export interface BrandPageContainerState {
     abTests: Record<string, string>;
     isSubsequentPublish: boolean;
 }
-type GettyVideoAdminEditorViewModelResponse = {
-    assetId: string;
-    token: string;
-    isGettyAsset: string;
-    videoPreviewAsset: {
-        uri: string;
-    };
-    imagePreviewAsset: {
-        uri: string;
-    };
-};
 export type InitialisePayload = Omit<BrandPageContainerState, 'customDomain' | 'customDomainConfig'> & {
     logoDraftToken?: string;
     brandPageCustomDomain?: CustomDomainModel;
     isBrandPageCustomDomainEnabled: boolean;
     logoTemplateAsset: LogoTemplateAsset | undefined;
     logoDraftAssets: LogoDraftAsset[];
-    gettyVideos: GettyVideoAdminEditorViewModelResponse[];
 };
 export declare const BRANDPAGE_STATUS: Readonly<{
     Published: "Published";
@@ -291,4 +279,3 @@ export declare const useBrandPageContainerStore: import("pinia").StoreDefinition
         isCustomDomainEnabled: any;
     }): Promise<void>;
 }>;
-export {};