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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/lib/src/{CreatedOnBrandCrowd-de-de-BqBtYinU.js → CreatedOnBrandCrowd-de-de-W0YdYMVg.js} +1 -1
  2. package/lib/src/{CreatedOnBrandCrowd-en-us-CKvgampI.js → CreatedOnBrandCrowd-en-us-ClSDAj7d.js} +1 -1
  3. package/lib/src/{CreatedOnBrandCrowd-es-es-DGn6o_T4.js → CreatedOnBrandCrowd-es-es-CkT0tuT3.js} +1 -1
  4. package/lib/src/{CreatedOnBrandCrowd-fr-fr-DwjTocXU.js → CreatedOnBrandCrowd-fr-ca-CmyG39bq.js} +1 -1
  5. package/lib/src/{CreatedOnBrandCrowd-fr-ca-DwjTocXU.js → CreatedOnBrandCrowd-fr-fr-CmyG39bq.js} +1 -1
  6. package/lib/src/{CreatedOnBrandCrowd-pt-pt-DaCU-CcP.js → CreatedOnBrandCrowd-pt-br-BvRWqlIt.js} +1 -1
  7. package/lib/src/{CreatedOnBrandCrowd-pt-br-DaCU-CcP.js → CreatedOnBrandCrowd-pt-pt-BvRWqlIt.js} +1 -1
  8. package/lib/src/{CreatedOnDcom-de-de-Ci8-WB33.js → CreatedOnDcom-de-de-DldeEzE8.js} +1 -1
  9. package/lib/src/{CreatedOnDcom-en-us-BmW9R2mS.js → CreatedOnDcom-en-us-B_yBp7qs.js} +1 -1
  10. package/lib/src/{CreatedOnDcom-es-es-D2fkI_U1.js → CreatedOnDcom-es-es-D2sTFtXv.js} +1 -1
  11. package/lib/src/{CreatedOnDcom-fr-ca-BQKfPaed.js → CreatedOnDcom-fr-ca-DeyeLJhF.js} +1 -1
  12. package/lib/src/{CreatedOnDcom-fr-fr-CvHbnSy5.js → CreatedOnDcom-fr-fr-C2sVpX4y.js} +1 -1
  13. package/lib/src/{CreatedOnDcom-pt-br-BQTCVFRZ.js → CreatedOnDcom-pt-br-Bv5dXHBj.js} +1 -1
  14. package/lib/src/{CreatedOnDcom-pt-pt-Bu-Vs8uA.js → CreatedOnDcom-pt-pt-8GMywHYI.js} +1 -1
  15. package/lib/src/brand-page/components/media/Media.mixin.d.ts +4 -4
  16. package/lib/src/brand-page/components/page/Page.stories.js +1 -1
  17. package/lib/src/brand-page/utils/view-model.util.d.ts +9 -15
  18. package/lib/src/brand-page/utils/view-model.util.js +18 -15
  19. package/lib/src/brand-page/view-models.d.ts +2 -2
  20. package/lib/src/brand-page-maker/components/preview/Preview.stories.js +1 -1
  21. package/lib/src/brand-page-maker/components/template-preview/TemplatePreview.mixin.js +4 -1
  22. package/lib/src/brand-page-maker/constants/config-settings-constant.js +3 -0
  23. package/lib/src/brand-page-maker/stores/brandpage-container/brand-page-container-store.js +1 -5
  24. package/lib/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.js +12 -3
  25. package/lib/src/index.mjs +1 -1
  26. package/lib/src/{lib-CeUSV6Wj.js → lib-DK3p2DYS.js} +1579 -1568
  27. package/lib/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.js +1 -0
  28. package/package.json +1 -1
  29. package/src/brand-page/components/media/Media.mixin.ts +3 -7
  30. package/src/brand-page/components/media/Video.vue +1 -1
  31. package/src/brand-page/components/page/Page.stories.ts +1 -0
  32. package/src/brand-page/utils/view-model.util.test.ts +10 -2
  33. package/src/brand-page/utils/view-model.util.ts +32 -41
  34. package/src/brand-page/view-models.ts +2 -2
  35. package/src/brand-page-maker/components/preview/Preview.stories.ts +1 -0
  36. package/src/brand-page-maker/components/template-preview/TemplatePreview.mixin.ts +4 -0
  37. package/src/brand-page-maker/constants/config-settings-constant.ts +4 -0
  38. package/src/brand-page-maker/stores/brandpage-container/brand-page-container-store.ts +1 -8
  39. package/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.ts +12 -6
  40. package/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.ts +2 -0
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-CeUSV6Wj.js";
2
+ import { _ as t } from "./lib-DK3p2DYS.js";
3
3
  const i = {}, h = {
4
4
  width: "275",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-CeUSV6Wj.js";
2
+ import { _ as t } from "./lib-DK3p2DYS.js";
3
3
  const i = {}, h = {
4
4
  width: "251",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-CeUSV6Wj.js";
2
+ import { _ as t } from "./lib-DK3p2DYS.js";
3
3
  const i = {}, h = {
4
4
  width: "250",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-CeUSV6Wj.js";
2
+ import { _ as t } from "./lib-DK3p2DYS.js";
3
3
  const i = {}, h = {
4
4
  width: "237",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-CeUSV6Wj.js";
2
+ import { _ as t } from "./lib-DK3p2DYS.js";
3
3
  const i = {}, h = {
4
4
  width: "237",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-CeUSV6Wj.js";
2
+ import { _ as t } from "./lib-DK3p2DYS.js";
3
3
  const i = {}, h = {
4
4
  width: "263",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-CeUSV6Wj.js";
2
+ import { _ as t } from "./lib-DK3p2DYS.js";
3
3
  const i = {}, h = {
4
4
  width: "263",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-CeUSV6Wj.js";
2
+ import { _ as e } from "./lib-DK3p2DYS.js";
3
3
  const M = {}, Z = {
4
4
  width: "242",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-CeUSV6Wj.js";
2
+ import { _ as e } from "./lib-DK3p2DYS.js";
3
3
  const i = {}, M = {
4
4
  width: "231",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-CeUSV6Wj.js";
2
+ import { _ as e } from "./lib-DK3p2DYS.js";
3
3
  const M = {}, Z = {
4
4
  width: "230",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-CeUSV6Wj.js";
2
+ import { _ as e } from "./lib-DK3p2DYS.js";
3
3
  const i = {}, l = {
4
4
  width: "216",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-CeUSV6Wj.js";
2
+ import { _ as e } from "./lib-DK3p2DYS.js";
3
3
  const i = {}, l = {
4
4
  width: "216",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as M } from "./lib-CeUSV6Wj.js";
2
+ import { _ as M } from "./lib-DK3p2DYS.js";
3
3
  const Z = {}, e = {
4
4
  width: "232",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as M } from "./lib-CeUSV6Wj.js";
2
+ import { _ as M } from "./lib-DK3p2DYS.js";
3
3
  const Z = {}, e = {
4
4
  width: "232",
5
5
  height: "36",
@@ -1,6 +1,6 @@
1
1
  import type { PropType } from 'vue';
2
2
  import type { BrandPageContext, ColorReplacement } from '../../models';
3
- import type { GettyVideoViewModel } from '../../../lib';
3
+ import type { MediaViewModel } from '../../../lib';
4
4
  declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
5
5
  mediaType: {
6
6
  type: StringConstructor;
@@ -61,7 +61,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
61
61
  default: undefined;
62
62
  };
63
63
  media: {
64
- type: PropType<GettyVideoViewModel>;
64
+ type: PropType<MediaViewModel>;
65
65
  required: false;
66
66
  default: undefined;
67
67
  };
@@ -130,12 +130,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
130
130
  default: undefined;
131
131
  };
132
132
  media: {
133
- type: PropType<GettyVideoViewModel>;
133
+ type: PropType<MediaViewModel>;
134
134
  required: false;
135
135
  default: undefined;
136
136
  };
137
137
  }>> & Readonly<{}>, {
138
- media: GettyVideoViewModel;
138
+ media: MediaViewModel;
139
139
  colorReplacements: ColorReplacement[];
140
140
  mediaType: string;
141
141
  size: string;
@@ -12,7 +12,7 @@ const pages = brandPageModel.pages.map((p) => ({
12
12
  ...p,
13
13
  isHidden: false,
14
14
  contents: p.contents
15
- .map(mapToViewModel(brandPageModel.styles, brandPageModel.brandPageType || BRAND_PAGE_TYPES.default))
15
+ .map(mapToViewModel(brandPageModel.styles, brandPageModel.brandPageType || BRAND_PAGE_TYPES.default, {}))
16
16
  .filter((x) => x !== undefined),
17
17
  }));
18
18
  const viewModel = {
@@ -5,26 +5,20 @@ export declare const mapToImageViewModel: (content: ImageContent) => ImageViewMo
5
5
  export declare const mapToImageGalleryViewModel: (content: ImageGalleryContent, globalStyles: GalleryStyles) => ImageGalleryViewModel;
6
6
  export declare const mapToProfileViewModel: (content: ProfileContent, styles: PageStyles) => ProfileViewModel;
7
7
  export declare const mapToTextViewModel: (content: TextContent, styles: PageStyles, brandPageType: BrandPageType) => TextViewModel;
8
- export declare const mapToBannerSectionViewModel: (content: BannerSectionContent, styles: PageStyles, contentOptions?: {
9
- getVideoUrls?: GetVideoUrls;
10
- }) => BannerSectionViewModel;
8
+ export declare const mapToBannerSectionViewModel: (content: BannerSectionContent, styles: PageStyles, options: ViewModelMappingOptions) => BannerSectionViewModel;
11
9
  export declare const mapToImagesSectionViewModel: (content: ImagesSectionContent, styles: PageStyles, brandPageType: BrandPageType) => TextImageSectionViewModel;
12
10
  export declare const mapToBookingSectionViewModel: (content: BookingSectionContent, styles: PageStyles) => BookingSectionViewModel;
13
11
  export declare const mapToPageHeaderViewModel: (pageHeader: PageHeaderDesktop | PageHeaderMobile, pageStyles: PageStyles, pages: PageViewModel[], useOldLogoRenderSize?: boolean) => PageHeaderViewModel;
14
12
  export declare const mapToPageFooterViewModel: (pageFooter: PageFooterDesktop | PageFooterMobile, pageStyles: PageStyles, useOldLogoRenderSize?: boolean) => PageFooterViewModel;
15
- export declare const mapToViewModel: (styles: PageStyles, brandPageType: BrandPageType, options?: {
16
- useOldLogoRenderSize: boolean;
17
- contentOptions?: {
18
- getVideoUrls?: GetVideoUrls;
13
+ export declare const mapToViewModel: (styles: PageStyles, brandPageType: BrandPageType, options: ViewModelMappingOptions) => (content: Content) => ContentViewModel | undefined;
14
+ interface ViewModelMappingOptions {
15
+ useOldLogoRenderSize?: boolean;
16
+ getVideoUrls?: (token: string) => {
17
+ videoUrl: string;
18
+ previewImageUrl: string;
19
19
  };
20
- }) => (content: Content) => ContentViewModel | undefined;
21
- type GetVideoUrls = (token: string) => {
22
- videoUrl: string;
23
- previewImageUrl: string;
24
- } | undefined;
25
- export declare const getBrandPageViewModelFromBrandPageModel: (model: BrandPageModel, brandPageToken: string | undefined, showBrandCrowdLogo?: boolean, useOldLogoRenderSize?: boolean, contentOptions?: {
26
- getVideoUrls?: GetVideoUrls;
27
- }) => BrandPageViewModel;
20
+ }
21
+ export declare const getBrandPageViewModelFromBrandPageModel: (model: BrandPageModel, brandPageToken: string | undefined, showBrandCrowdLogo: boolean | undefined, options: ViewModelMappingOptions) => BrandPageViewModel;
28
22
  export declare const isLogoViewModel: (viewModel: ContentViewModel) => viewModel is LogoViewModel;
29
23
  /** for service.brand-page website preview by logo draft token */
30
24
  export declare const applyLogoImageToBrandPageViewModel: (viewModel: BrandPageViewModel, logoImage: LogoImageModel) => BrandPageViewModel;
@@ -391,10 +391,10 @@ const mapToContactFormViewModel = (content, styles, brandPageType) => {
391
391
  content.layoutStyle !== '',
392
392
  }, styles);
393
393
  };
394
- const mapGettyVideoToGettyVideoViewModel = (media, contentOptions) => {
395
- const videoUrls = contentOptions?.getVideoUrls?.(media.gettyToken) || {
396
- videoUrl: '',
397
- previewImageUrl: '',
394
+ const mapGettyVideoToGettyVideoViewModel = (media, options) => {
395
+ const videoUrls = options.getVideoUrls?.(media.gettyToken) || {
396
+ videoUrl: undefined,
397
+ previewImageUrl: undefined,
398
398
  };
399
399
  return {
400
400
  type: 'getty-video',
@@ -408,20 +408,20 @@ const mapGettyVideoToGettyVideoViewModel = (media, contentOptions) => {
408
408
  },
409
409
  };
410
410
  };
411
- const mapMediaToContentViewModel = (media, displayStyle, contentOptions) => {
411
+ const mapMediaToContentViewModel = ({ media, options, }) => {
412
412
  if (!media) {
413
413
  return undefined;
414
414
  }
415
415
  switch (media.type) {
416
416
  case 'getty-video':
417
- return mapGettyVideoToGettyVideoViewModel(media, contentOptions);
417
+ return mapGettyVideoToGettyVideoViewModel(media, options);
418
418
  case 'image':
419
419
  // TODO(jyao): Implement later
420
420
  default:
421
421
  throw new Error(`Unsupported media type: ${media.type}`);
422
422
  }
423
423
  };
424
- export const mapToBannerSectionViewModel = (content, styles, contentOptions) => {
424
+ export const mapToBannerSectionViewModel = (content, styles, options) => {
425
425
  return applyViewModelTextStyles({
426
426
  ...content,
427
427
  role: content.type,
@@ -440,7 +440,10 @@ export const mapToBannerSectionViewModel = (content, styles, contentOptions) =>
440
440
  isFullWidth: true,
441
441
  imageUrl: mapToBannerSectionImageUrl(content),
442
442
  isBigImageType: isBigImageType(content.displayStyle),
443
- mediaViewModel: mapMediaToContentViewModel(content.media, content.displayStyle, contentOptions),
443
+ mediaViewModel: mapMediaToContentViewModel({
444
+ media: content.media,
445
+ options,
446
+ }),
444
447
  }, styles);
445
448
  };
446
449
  const mapToAboutSectionViewModel = (content, styles) => {
@@ -706,7 +709,7 @@ export const mapToViewModel = (styles, brandPageType, options) => (content) => {
706
709
  case 'contact-form':
707
710
  return mapToContactFormViewModel(content, styles, brandPageType);
708
711
  case 'banner-section':
709
- return mapToBannerSectionViewModel(content, styles, options?.contentOptions);
712
+ return mapToBannerSectionViewModel(content, styles, options);
710
713
  case 'booking-section':
711
714
  return mapToBookingSectionViewModel(content, styles);
712
715
  case 'about-section':
@@ -740,10 +743,10 @@ export const mapToViewModel = (styles, brandPageType, options) => (content) => {
740
743
  assertUnreachable();
741
744
  }
742
745
  };
743
- export const getBrandPageViewModelFromBrandPageModel = (model, brandPageToken, showBrandCrowdLogo = true, useOldLogoRenderSize = false, contentOptions) => {
746
+ export const getBrandPageViewModelFromBrandPageModel = (model, brandPageToken, showBrandCrowdLogo = true, options) => {
744
747
  const pages = model.pages.map((p) => {
745
748
  const contents = p.contents
746
- .map(mapToViewModel(model.styles, model.brandPageType || BRAND_PAGE_TYPES.default, { useOldLogoRenderSize, contentOptions }))
749
+ .map(mapToViewModel(model.styles, model.brandPageType || BRAND_PAGE_TYPES.default, options))
747
750
  .filter((c) => c !== undefined);
748
751
  return {
749
752
  title: p.title,
@@ -757,10 +760,10 @@ export const getBrandPageViewModelFromBrandPageModel = (model, brandPageToken, s
757
760
  pages,
758
761
  showBrandCrowdLogo,
759
762
  styles: model.styles,
760
- headerViewModelDesktop: mapToPageHeaderViewModel(model.pageHeaderDesktop, model.styles, pages, useOldLogoRenderSize),
761
- headerViewModelMobile: mapToPageHeaderViewModel(model.pageHeaderMobile, model.styles, pages, useOldLogoRenderSize),
762
- footerViewModelDesktop: mapToPageFooterViewModel(model.pageFooterDesktop, model.styles, useOldLogoRenderSize),
763
- footerViewModelMobile: mapToPageFooterViewModel(model.pageFooterMobile, model.styles, useOldLogoRenderSize),
763
+ headerViewModelDesktop: mapToPageHeaderViewModel(model.pageHeaderDesktop, model.styles, pages, options.useOldLogoRenderSize),
764
+ headerViewModelMobile: mapToPageHeaderViewModel(model.pageHeaderMobile, model.styles, pages, options.useOldLogoRenderSize),
765
+ footerViewModelDesktop: mapToPageFooterViewModel(model.pageFooterDesktop, model.styles, options.useOldLogoRenderSize),
766
+ footerViewModelMobile: mapToPageFooterViewModel(model.pageFooterMobile, model.styles, options.useOldLogoRenderSize),
764
767
  brandPageType: model.brandPageType || BRAND_PAGE_TYPES.default,
765
768
  faviconUrl: model.faviconUrl,
766
769
  ogImageUrl: model.ogImageUrl,
@@ -80,8 +80,8 @@ export interface GettyVideoViewModel extends MediaViewModel {
80
80
  gettyToken: string;
81
81
  gettyAssetId: string;
82
82
  mimeType: string;
83
- videoUrl: string;
84
- previewImageUrl: string;
83
+ videoUrl: string | undefined;
84
+ previewImageUrl: string | undefined;
85
85
  settings: {
86
86
  autoPlay: boolean;
87
87
  };
@@ -15,7 +15,7 @@ const pages = [
15
15
  slug: '',
16
16
  isHidden: false,
17
17
  contents: brandPageData
18
- .contents.map(mapToViewModel(pageStyles, brandPageData.brandPageType || BRAND_PAGE_TYPES.default))
18
+ .contents.map(mapToViewModel(pageStyles, brandPageData.brandPageType || BRAND_PAGE_TYPES.default, {}))
19
19
  .filter((x) => x !== undefined),
20
20
  },
21
21
  ];
@@ -211,7 +211,10 @@ export default defineComponent({
211
211
  model = result.model;
212
212
  }
213
213
  model = applyLogoThemeToBrandPageModel(this.logoTheme, model).model;
214
- this.viewModel = await getBrandPageViewModelFromBrandPageModel(model, undefined, false);
214
+ this.viewModel = await getBrandPageViewModelFromBrandPageModel(model, undefined, false, {
215
+ useOldLogoRenderSize: false,
216
+ getVideoUrls: undefined, // TODO: function to resolve as constructing using s3 public url
217
+ });
215
218
  if (forceUpdate) {
216
219
  this.$forceUpdate();
217
220
  }
@@ -249,10 +249,13 @@ const bannerSectionReplaceImageSettings = () => ({
249
249
  autoPlay: gettyMedia.autoPlay,
250
250
  },
251
251
  });
252
+ content.imageUrl = '';
252
253
  }
253
254
  else {
254
255
  content.imageUrl = value.imageUrl;
255
256
  content.mediaType = MEDIA_TYPES.image;
257
+ // Note(jyao): Temporarily here until we move all images/shapes to media
258
+ content.media = undefined;
256
259
  if (isValidSvgUrl(content.imageUrl)) {
257
260
  content.size = DEFAULT_SHAPE_SIZE;
258
261
  content.mediaType = MEDIA_TYPES.shape;
@@ -467,7 +467,6 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
467
467
  const uiStore = useUiStore();
468
468
  const brandPageMakerStore = useBrandPageMakerStore();
469
469
  const shopSettingStore = useShopConfigStore();
470
- const videoStore = useVideoStore();
471
470
  await brandPageMakerStore.validateContentItems();
472
471
  await brandPageMakerStore.validateBrandPageData();
473
472
  const brandPageData = cloneDeep(brandPageMakerStore.brandPageData);
@@ -520,10 +519,7 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
520
519
  .map((x) => x.logoImage.logoDraftToken)
521
520
  .filter((x) => !!x));
522
521
  }
523
- const gettyAssetIds = [];
524
- if (videoStore.videoUrls) {
525
- Object.values(videoStore.videoUrls).map((video) => gettyAssetIds.push(video.assetId));
526
- }
522
+ const gettyAssetIds = findValuesByKey(brandPageData, 'gettyAssetId');
527
523
  return {
528
524
  designTemplateToken: this.designTemplateToken,
529
525
  logoDraftToken: uiStore.logoDraftToken, // TODO: remove this property after the release as second release for smooth release transition use below `logoDraftTokens`
@@ -866,7 +866,10 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
866
866
  const videoStore = useVideoStore();
867
867
  if (userStore.isAdmin && uiStore.logoTheme) {
868
868
  const themedBrandPage = applyLogoThemeToBrandPageModel(uiStore.logoTheme, this.brandPageData).model;
869
- return getBrandPageViewModelFromBrandPageModel(themedBrandPage, this.brandPageToken, undefined, undefined, { getVideoUrls: videoStore.getVideoUrlsForToken });
869
+ return getBrandPageViewModelFromBrandPageModel(themedBrandPage, this.brandPageToken, undefined, {
870
+ useOldLogoRenderSize: false,
871
+ getVideoUrls: videoStore.getVideoUrlsForToken,
872
+ });
870
873
  }
871
874
  const showBrandCrowdLogo = userStore.features.showBrandCrowdLogo;
872
875
  if (process.env.NODE_ENV !== 'production') {
@@ -874,9 +877,15 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
874
877
  if (isModified) {
875
878
  console.error('BrandPageData styles should not contain STYLE_THEME key(s) when in non-admin mode');
876
879
  }
877
- return getBrandPageViewModelFromBrandPageModel(model, this.brandPageToken, showBrandCrowdLogo, undefined, { getVideoUrls: videoStore.getVideoUrlsForToken });
880
+ return getBrandPageViewModelFromBrandPageModel(model, this.brandPageToken, showBrandCrowdLogo, {
881
+ useOldLogoRenderSize: false,
882
+ getVideoUrls: videoStore.getVideoUrlsForToken,
883
+ });
878
884
  }
879
- return getBrandPageViewModelFromBrandPageModel(this.brandPageData, this.brandPageToken, showBrandCrowdLogo, undefined, { getVideoUrls: videoStore.getVideoUrlsForToken });
885
+ return getBrandPageViewModelFromBrandPageModel(this.brandPageData, this.brandPageToken, showBrandCrowdLogo, {
886
+ useOldLogoRenderSize: false,
887
+ getVideoUrls: videoStore.getVideoUrlsForToken,
888
+ });
880
889
  },
881
890
  isInteractivePreviewEnabled() {
882
891
  const uiStore = useUiStore();
package/lib/src/index.mjs CHANGED
@@ -1,4 +1,4 @@
1
- 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-CeUSV6Wj.js";
1
+ 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";
2
2
  import { createPinia as uE, setActivePinia as HE } from "pinia";
3
3
  export {
4
4
  E as ABOUT_SECTION_SETTINGS_CONFIG,