@designcrowd/library.brand-page 5.15.6-getty-2 → 5.15.6-getty-4

package/lib/src/{CreatedOnBrandCrowd-de-de-DIPGG30j.js → CreatedOnBrandCrowd-de-de-W0YdYMVg.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-BK3FsEfV.js → CreatedOnBrandCrowd-en-us-ClSDAj7d.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-C-nGUDev.js → CreatedOnBrandCrowd-es-es-CkT0tuT3.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-CouiQIKf.js → CreatedOnBrandCrowd-fr-ca-CmyG39bq.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-CouiQIKf.js → CreatedOnBrandCrowd-fr-fr-CmyG39bq.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-BamTlktu.js → CreatedOnBrandCrowd-pt-br-BvRWqlIt.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-BamTlktu.js → CreatedOnBrandCrowd-pt-pt-BvRWqlIt.js}

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

package/lib/src/{CreatedOnDcom-de-de-Do7dJE5k.js → CreatedOnDcom-de-de-DldeEzE8.js}

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

package/lib/src/{CreatedOnDcom-en-us-BfSEcfKe.js → CreatedOnDcom-en-us-B_yBp7qs.js}

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

package/lib/src/{CreatedOnDcom-es-es-BUbQSvVA.js → CreatedOnDcom-es-es-D2sTFtXv.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-CVyJtg6i.js → CreatedOnDcom-fr-ca-DeyeLJhF.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-B93mBE71.js → CreatedOnDcom-fr-fr-C2sVpX4y.js}

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

package/lib/src/{CreatedOnDcom-pt-br-DugQ-wGK.js → CreatedOnDcom-pt-br-Bv5dXHBj.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-CqEpwFJ6.js → CreatedOnDcom-pt-pt-8GMywHYI.js}

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

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

@@ -1,6 +1,6 @@
 import type { PropType } from 'vue';
 import type { BrandPageContext, ColorReplacement } from '../../models';
-import type { GettyVideoViewModel } from '../../../lib';
+import type { MediaViewModel } from '../../../lib';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     mediaType: {
         type: StringConstructor;
@@ -61,7 +61,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: undefined;
     };
     media: {
-        type: PropType<GettyVideoViewModel>;
+        type: PropType<MediaViewModel>;
         required: false;
         default: undefined;
     };
@@ -130,12 +130,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: undefined;
     };
     media: {
-        type: PropType<GettyVideoViewModel>;
+        type: PropType<MediaViewModel>;
         required: false;
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    media: GettyVideoViewModel;
+    media: MediaViewModel;
     colorReplacements: ColorReplacement[];
     mediaType: string;
     size: string;

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/utils/view-model.util.d.ts

@@ -5,26 +5,20 @@ 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, contentOptions?: {
-    getVideoUrls?: GetVideoUrls;
-}) => BannerSectionViewModel;
+export declare const mapToBannerSectionViewModel: (content: BannerSectionContent, styles: PageStyles, options: ViewModelMappingOptions) => 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?: {
-    useOldLogoRenderSize: boolean;
-    contentOptions?: {
-        getVideoUrls?: GetVideoUrls;
+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;
     };
-}) => (content: Content) => ContentViewModel | undefined;
-type GetVideoUrls = (token: string) => {
-    videoUrl: string;
-    previewImageUrl: string;
-} | undefined;
-export declare const getBrandPageViewModelFromBrandPageModel: (model: BrandPageModel, brandPageToken: string | undefined, showBrandCrowdLogo?: boolean, useOldLogoRenderSize?: boolean, contentOptions?: {
-    getVideoUrls?: GetVideoUrls;
-}) => BrandPageViewModel;
+}
+export declare const getBrandPageViewModelFromBrandPageModel: (model: BrandPageModel, brandPageToken: string | undefined, showBrandCrowdLogo: boolean | undefined, options: ViewModelMappingOptions) => 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;

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

@@ -391,10 +391,10 @@ const mapToContactFormViewModel = (content, styles, brandPageType) => {
             content.layoutStyle !== '',
     }, styles);
 };
-const mapGettyVideoToGettyVideoViewModel = (media, contentOptions) => {
-    const videoUrls = contentOptions?.getVideoUrls?.(media.gettyToken) || {
-        videoUrl: '',
-        previewImageUrl: '',
+const mapGettyVideoToGettyVideoViewModel = (media, options) => {
+    const videoUrls = options.getVideoUrls?.(media.gettyToken) || {
+        videoUrl: undefined,
+        previewImageUrl: undefined,
     };
     return {
         type: 'getty-video',
@@ -408,20 +408,20 @@ const mapGettyVideoToGettyVideoViewModel = (media, contentOptions) => {
         },
     };
 };
-const mapMediaToContentViewModel = (media, displayStyle, contentOptions) => {
+const mapMediaToContentViewModel = ({ media, options, }) => {
     if (!media) {
         return undefined;
     }
     switch (media.type) {
         case 'getty-video':
-            return mapGettyVideoToGettyVideoViewModel(media, contentOptions);
+            return mapGettyVideoToGettyVideoViewModel(media, options);
         case 'image':
         // TODO(jyao): Implement later
         default:
             throw new Error(`Unsupported media type: ${media.type}`);
     }
 };
-export const mapToBannerSectionViewModel = (content, styles, contentOptions) => {
+export const mapToBannerSectionViewModel = (content, styles, options) => {
     return applyViewModelTextStyles({
         ...content,
         role: content.type,
@@ -440,7 +440,10 @@ export const mapToBannerSectionViewModel = (content, styles, contentOptions) =>
         isFullWidth: true,
         imageUrl: mapToBannerSectionImageUrl(content),
         isBigImageType: isBigImageType(content.displayStyle),
-        mediaViewModel: mapMediaToContentViewModel(content.media, content.displayStyle, contentOptions),
+        mediaViewModel: mapMediaToContentViewModel({
+            media: content.media,
+            options,
+        }),
     }, styles);
 };
 const mapToAboutSectionViewModel = (content, styles) => {
@@ -706,7 +709,7 @@ export const mapToViewModel = (styles, brandPageType, options) => (content) => {
         case 'contact-form':
             return mapToContactFormViewModel(content, styles, brandPageType);
         case 'banner-section':
-            return mapToBannerSectionViewModel(content, styles, options?.contentOptions);
+            return mapToBannerSectionViewModel(content, styles, options);
         case 'booking-section':
             return mapToBookingSectionViewModel(content, styles);
         case 'about-section':
@@ -740,10 +743,10 @@ export const mapToViewModel = (styles, brandPageType, options) => (content) => {
             assertUnreachable();
     }
 };
-export const getBrandPageViewModelFromBrandPageModel = (model, brandPageToken, showBrandCrowdLogo = true, useOldLogoRenderSize = false, contentOptions) => {
+export const getBrandPageViewModelFromBrandPageModel = (model, brandPageToken, showBrandCrowdLogo = true, options) => {
     const pages = model.pages.map((p) => {
         const contents = p.contents
-            .map(mapToViewModel(model.styles, model.brandPageType || BRAND_PAGE_TYPES.default, { useOldLogoRenderSize, contentOptions }))
+            .map(mapToViewModel(model.styles, model.brandPageType || BRAND_PAGE_TYPES.default, options))
             .filter((c) => c !== undefined);
         return {
             title: p.title,
@@ -757,10 +760,10 @@ export const getBrandPageViewModelFromBrandPageModel = (model, brandPageToken, s
         pages,
         showBrandCrowdLogo,
         styles: model.styles,
-        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),
+        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),
         brandPageType: model.brandPageType || BRAND_PAGE_TYPES.default,
         faviconUrl: model.faviconUrl,
         ogImageUrl: model.ogImageUrl,

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

@@ -80,8 +80,8 @@ export interface GettyVideoViewModel extends MediaViewModel {
     gettyToken: string;
     gettyAssetId: string;
     mimeType: string;
-    videoUrl: string;
-    previewImageUrl: string;
+    videoUrl: string | undefined;
+    previewImageUrl: string | undefined;
     settings: {
         autoPlay: boolean;
     };

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

@@ -211,7 +211,10 @@ export default defineComponent({
                 model = result.model;
             }
             model = applyLogoThemeToBrandPageModel(this.logoTheme, model).model;
-            this.viewModel = await getBrandPageViewModelFromBrandPageModel(model, undefined, false);
+            this.viewModel = await getBrandPageViewModelFromBrandPageModel(model, undefined, false, {
+                useOldLogoRenderSize: false,
+                getVideoUrls: undefined, // TODO: function to resolve as constructing using s3 public url
+            });
             if (forceUpdate) {
                 this.$forceUpdate();
             }

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

@@ -249,10 +249,13 @@ const bannerSectionReplaceImageSettings = () => ({
                     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;

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

@@ -467,7 +467,6 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
             const uiStore = useUiStore();
             const brandPageMakerStore = useBrandPageMakerStore();
             const shopSettingStore = useShopConfigStore();
-            const videoStore = useVideoStore();
             await brandPageMakerStore.validateContentItems();
             await brandPageMakerStore.validateBrandPageData();
             const brandPageData = cloneDeep(brandPageMakerStore.brandPageData);
@@ -520,10 +519,7 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
                     .map((x) => x.logoImage.logoDraftToken)
                     .filter((x) => !!x));
             }
-            const gettyAssetIds = [];
-            if (videoStore.videoUrls) {
-                Object.values(videoStore.videoUrls).map((video) => gettyAssetIds.push(video.assetId));
-            }
+            const gettyAssetIds = findValuesByKey(brandPageData, 'gettyAssetId');
             return {
                 designTemplateToken: this.designTemplateToken,
                 logoDraftToken: uiStore.logoDraftToken, // TODO: remove this property after the release as second release for smooth release transition use below `logoDraftTokens`

package/lib/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.js

@@ -866,7 +866,10 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
             const videoStore = useVideoStore();
             if (userStore.isAdmin && uiStore.logoTheme) {
                 const themedBrandPage = applyLogoThemeToBrandPageModel(uiStore.logoTheme, this.brandPageData).model;
-                return getBrandPageViewModelFromBrandPageModel(themedBrandPage, this.brandPageToken, undefined, undefined, { getVideoUrls: videoStore.getVideoUrlsForToken });
+                return getBrandPageViewModelFromBrandPageModel(themedBrandPage, this.brandPageToken, undefined, {
+                    useOldLogoRenderSize: false,
+                    getVideoUrls: videoStore.getVideoUrlsForToken,
+                });
             }
             const showBrandCrowdLogo = userStore.features.showBrandCrowdLogo;
             if (process.env.NODE_ENV !== 'production') {
@@ -874,9 +877,15 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
                 if (isModified) {
                     console.error('BrandPageData styles should not contain STYLE_THEME key(s) when in non-admin mode');
                 }
-                return getBrandPageViewModelFromBrandPageModel(model, this.brandPageToken, showBrandCrowdLogo, undefined, { getVideoUrls: videoStore.getVideoUrlsForToken });
+                return getBrandPageViewModelFromBrandPageModel(model, this.brandPageToken, showBrandCrowdLogo, {
+                    useOldLogoRenderSize: false,
+                    getVideoUrls: videoStore.getVideoUrlsForToken,
+                });
             }
-            return getBrandPageViewModelFromBrandPageModel(this.brandPageData, this.brandPageToken, showBrandCrowdLogo, undefined, { getVideoUrls: videoStore.getVideoUrlsForToken });
+            return getBrandPageViewModelFromBrandPageModel(this.brandPageData, this.brandPageToken, showBrandCrowdLogo, {
+                useOldLogoRenderSize: false,
+                getVideoUrls: videoStore.getVideoUrlsForToken,
+            });
         },
         isInteractivePreviewEnabled() {
             const uiStore = useUiStore();

package/lib/src/css/library.brand-page-brandCrowd.min.css

@@ -7992,7 +7992,7 @@ body {
   background-color: rgba(17, 21, 23, 0.33);
 }
 
-.c-media-btn__img[data-v-1b38c83b] {
+.c-media-btn__img[data-v-5c2294cb] {
   width: 100%;
   border-radius: 0.375rem;
   -webkit-transition-property: -webkit-box-shadow;
@@ -8010,7 +8010,7 @@ body {
      object-fit: cover;
   max-height: 150px;
 }
-.c-media-btn__overlay[data-v-1b38c83b] {
+.c-media-btn__overlay[data-v-5c2294cb] {
   position: absolute;
   left: 0px;
   bottom: 0px;
@@ -8026,13 +8026,13 @@ body {
   -webkit-transition-duration: 200ms;
           transition-duration: 200ms;
 }
-.c-media-btn__overlay--category[data-v-1b38c83b] {
+.c-media-btn__overlay--category[data-v-5c2294cb] {
   background-color: rgba(17, 21, 23, 0.66);
 }
-.c-media-btn__overlay--video[data-v-1b38c83b]:hover {
+.c-media-btn__overlay--video[data-v-5c2294cb]:hover {
   background-color: rgba(17, 21, 23, 0.33);
 }
-.c-media-btn[data-v-1b38c83b] {
+.c-media-btn[data-v-5c2294cb] {
   width: 100%;
   aspect-ratio: 1;
   max-height: 150px;

package/lib/src/css/library.brand-page-brandPage.min.css

@@ -8320,7 +8320,7 @@ body {
   background-color: rgba(17, 21, 23, 0.33);
 }
 
-.c-media-btn__img[data-v-1b38c83b] {
+.c-media-btn__img[data-v-5c2294cb] {
   width: 100%;
   border-radius: 0.375rem;
   -webkit-transition-property: -webkit-box-shadow;
@@ -8338,7 +8338,7 @@ body {
      object-fit: cover;
   max-height: 150px;
 }
-.c-media-btn__overlay[data-v-1b38c83b] {
+.c-media-btn__overlay[data-v-5c2294cb] {
   position: absolute;
   left: 0px;
   bottom: 0px;
@@ -8354,13 +8354,13 @@ body {
   -webkit-transition-duration: 200ms;
           transition-duration: 200ms;
 }
-.c-media-btn__overlay--category[data-v-1b38c83b] {
+.c-media-btn__overlay--category[data-v-5c2294cb] {
   background-color: rgba(17, 21, 23, 0.66);
 }
-.c-media-btn__overlay--video[data-v-1b38c83b]:hover {
+.c-media-btn__overlay--video[data-v-5c2294cb]:hover {
   background-color: rgba(17, 21, 23, 0.33);
 }
-.c-media-btn[data-v-1b38c83b] {
+.c-media-btn[data-v-5c2294cb] {
   width: 100%;
   aspect-ratio: 1;
   max-height: 150px;

package/lib/src/css/library.brand-page-designCom.min.css

@@ -8010,7 +8010,7 @@ body {
   background-color: rgba(17, 21, 23, 0.33);
 }
 
-.c-media-btn__img[data-v-1b38c83b] {
+.c-media-btn__img[data-v-5c2294cb] {
   width: 100%;
   border-radius: 0.375rem;
   -webkit-transition-property: -webkit-box-shadow;
@@ -8028,7 +8028,7 @@ body {
      object-fit: cover;
   max-height: 150px;
 }
-.c-media-btn__overlay[data-v-1b38c83b] {
+.c-media-btn__overlay[data-v-5c2294cb] {
   position: absolute;
   left: 0px;
   bottom: 0px;
@@ -8044,13 +8044,13 @@ body {
   -webkit-transition-duration: 200ms;
           transition-duration: 200ms;
 }
-.c-media-btn__overlay--category[data-v-1b38c83b] {
+.c-media-btn__overlay--category[data-v-5c2294cb] {
   background-color: rgba(17, 21, 23, 0.66);
 }
-.c-media-btn__overlay--video[data-v-1b38c83b]:hover {
+.c-media-btn__overlay--video[data-v-5c2294cb]:hover {
   background-color: rgba(17, 21, 23, 0.33);
 }
-.c-media-btn[data-v-1b38c83b] {
+.c-media-btn[data-v-5c2294cb] {
   width: 100%;
   aspect-ratio: 1;
   max-height: 150px;

package/lib/src/css/library.brand-page-preview.min.css

@@ -7752,7 +7752,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   background-color: rgba(17, 21, 23, 0.33);
 }
 
-.bp .c-media-btn__img[data-v-1b38c83b] {
+.bp .c-media-btn__img[data-v-5c2294cb] {
   width: 100%;
   border-radius: 0.375rem;
   -webkit-transition-property: -webkit-box-shadow;
@@ -7770,7 +7770,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
      object-fit: cover;
   max-height: 150px;
 }
-.bp .c-media-btn__overlay[data-v-1b38c83b] {
+.bp .c-media-btn__overlay[data-v-5c2294cb] {
   position: absolute;
   left: 0px;
   bottom: 0px;
@@ -7786,13 +7786,13 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   -webkit-transition-duration: 200ms;
           transition-duration: 200ms;
 }
-.bp .c-media-btn__overlay--category[data-v-1b38c83b] {
+.bp .c-media-btn__overlay--category[data-v-5c2294cb] {
   background-color: rgba(17, 21, 23, 0.66);
 }
-.bp .c-media-btn__overlay--video[data-v-1b38c83b]:hover {
+.bp .c-media-btn__overlay--video[data-v-5c2294cb]:hover {
   background-color: rgba(17, 21, 23, 0.33);
 }
-.bp .c-media-btn[data-v-1b38c83b] {
+.bp .c-media-btn[data-v-5c2294cb] {
   width: 100%;
   aspect-ratio: 1;
   max-height: 150px;

package/lib/src/index.mjs

@@ -1,4 +1,4 @@
-import { bB as E, ap as T, aS as I, a3 as N, ah as S, ag as s, ad as A, br as e, bI as O, c9 as G, c8 as C, c7 as D, c1 as P, b0 as R, a$ as t, bN as L, bO as M, bV as o, bK as b, bM as r, bL as F, bP as n, bQ as B, c0 as g, b_ as i, ao as l, b$ as Y, a6 as U, aX as c, aZ as d, aY as u, e as H, f as y, B as p, Y as K, d as k, Z as V, j as X, al as m, X as v, bq as h, bJ as W, aw as x, aU as f, aQ as Z, bY as w, bX as z, C as Q, b3 as j, D as q, b as J, a as $, bT as aa, b2 as _a, aV as Ea, aR as Ta, c5 as Ia, c6 as Na, bW as Sa, bF as sa, ab as Aa, bZ as ea, c2 as Oa, b8 as Ga, aI as Ca, be as Da, F as Pa, a5 as Ra, a4 as ta, h as La, $ as Ma, b5 as oa, aT as ba, aP as ra, a1 as Fa, ai as na, G as Ba, I as ga, H as ia, a7 as la, bC as Ya, b9 as Ua, ba as ca, bA as da, bg as ua, bi as Ha, b4 as ya, L as pa, aH as Ka, bn as ka, aN as Va, bm as Xa, aq as ma, a9 as va, bU as ha, c3 as Wa, c4 as xa, aW as fa, N as Za, az as wa, ay as za, aA as Qa, au as ja, av as qa, ax as Ja, bc as $a, bj as a_, b6 as __, n as E_, aj as T_, ak as I_, ae as N_, af as S_, ac as s_, a2 as A_, l as e_, bo as O_, an as G_, bG as C_, bH as D_, bS as P_, aa as R_, bE as t_, bp as L_, m as M_, S as o_, P as b_, aG as r_, bD as F_, bd as n_, bv as B_, bu as g_, bx as i_, bs as l_, by as Y_, bz as U_, bt as c_, bw as d_, aB as u_, aC as H_, bl as y_, bk as p_, aE as K_, aF as k_, aK as V_, a_ as X_, aJ as m_, aL as v_, U as h_, a8 as W_, aO as x_, k as f_, bb as Z_, am as w_, b7 as z_, bf as Q_, bh as j_, b1 as q_, M as J_, a0 as $_, g as aE, bR as _E, q as EE, J as TE, W as IE, aD as NE, aM as SE, as as sE, o as AE, T as eE, r as OE, u as GE, ar as CE, i as DE, at as PE, c as RE, p as tE, t as LE, R as ME, K as oE, s as bE, V as rE, y as FE, v as nE, w as BE, Q as gE, z as iE, O as lE, A as YE, E as UE, x as cE } from "./lib-DOh7RMGI.js";
+import { bB as E, ap as T, aS as I, a3 as N, ah as S, ag as s, ad as A, br as e, bI as O, c9 as G, c8 as C, c7 as D, c1 as P, b0 as R, a$ as t, bN as L, bO as M, bV as o, bK as b, bM as r, bL as F, bP as n, bQ as B, c0 as g, b_ as i, ao as l, b$ as Y, a6 as U, aX as c, aZ as d, aY as u, e as H, f as y, B as p, Y as K, d as k, Z as V, j as X, al as m, X as v, bq as h, bJ as W, aw as x, aU as f, aQ as Z, bY as w, bX as z, C as Q, b3 as j, D as q, b as J, a as $, bT as aa, b2 as _a, aV as Ea, aR as Ta, c5 as Ia, c6 as Na, bW as Sa, bF as sa, ab as Aa, bZ as ea, c2 as Oa, b8 as Ga, aI as Ca, be as Da, F as Pa, a5 as Ra, a4 as ta, h as La, $ as Ma, b5 as oa, aT as ba, aP as ra, a1 as Fa, ai as na, G as Ba, I as ga, H as ia, a7 as la, bC as Ya, b9 as Ua, ba as ca, bA as da, bg as ua, bi as Ha, b4 as ya, L as pa, aH as Ka, bn as ka, aN as Va, bm as Xa, aq as ma, a9 as va, bU as ha, c3 as Wa, c4 as xa, aW as fa, N as Za, az as wa, ay as za, aA as Qa, au as ja, av as qa, ax as Ja, bc as $a, bj as a_, b6 as __, n as E_, aj as T_, ak as I_, ae as N_, af as S_, ac as s_, a2 as A_, l as e_, bo as O_, an as G_, bG as C_, bH as D_, bS as P_, aa as R_, bE as t_, bp as L_, m as M_, S as o_, P as b_, aG as r_, bD as F_, bd as n_, bv as B_, bu as g_, bx as i_, bs as l_, by as Y_, bz as U_, bt as c_, bw as d_, aB as u_, aC as H_, bl as y_, bk as p_, aE as K_, aF as k_, aK as V_, a_ as X_, aJ as m_, aL as v_, U as h_, a8 as W_, aO as x_, k as f_, bb as Z_, am as w_, b7 as z_, bf as Q_, bh as j_, b1 as q_, M as J_, a0 as $_, g as aE, bR as _E, q as EE, J as TE, W as IE, aD as NE, aM as SE, as as sE, o as AE, T as eE, r as OE, u as GE, ar as CE, i as DE, at as PE, c as RE, p as tE, t as LE, R as ME, K as oE, s as bE, V as rE, y as FE, v as nE, w as BE, Q as gE, z as iE, O as lE, A as YE, E as UE, x as cE } from "./lib-DK3p2DYS.js";
 import { createPinia as uE, setActivePinia as HE } from "pinia";
 export {
   E as ABOUT_SECTION_SETTINGS_CONFIG,