@designcrowd/library.brand-page 5.16.32-ast-previews-15 → 5.16.32

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 (43) hide show
  1. package/lib/src/{CreatedOnBrandCrowd-de-de-nDG-SvL9.js → CreatedOnBrandCrowd-de-de-C5AHj5yG.js} +1 -1
  2. package/lib/src/{CreatedOnBrandCrowd-en-us-Dt-_cNx9.js → CreatedOnBrandCrowd-en-us-9vm89uNN.js} +1 -1
  3. package/lib/src/{CreatedOnBrandCrowd-es-es-DOHLEX6U.js → CreatedOnBrandCrowd-es-es-InrLqZ7B.js} +1 -1
  4. package/lib/src/{CreatedOnBrandCrowd-fr-fr-ZcxoXYEH.js → CreatedOnBrandCrowd-fr-ca-X4r6d53Z.js} +1 -1
  5. package/lib/src/{CreatedOnBrandCrowd-fr-ca-ZcxoXYEH.js → CreatedOnBrandCrowd-fr-fr-X4r6d53Z.js} +1 -1
  6. package/lib/src/{CreatedOnBrandCrowd-pt-pt-D6WcOax8.js → CreatedOnBrandCrowd-pt-br-CQ41-qP5.js} +1 -1
  7. package/lib/src/{CreatedOnBrandCrowd-pt-br-D6WcOax8.js → CreatedOnBrandCrowd-pt-pt-CQ41-qP5.js} +1 -1
  8. package/lib/src/{CreatedOnDcom-de-de-Boyt5XwN.js → CreatedOnDcom-de-de-ESORkxko.js} +1 -1
  9. package/lib/src/{CreatedOnDcom-en-us-Cpw1nF3G.js → CreatedOnDcom-en-us-DKWbRt35.js} +1 -1
  10. package/lib/src/{CreatedOnDcom-es-es-rRRk339c.js → CreatedOnDcom-es-es-CtVdE5DL.js} +1 -1
  11. package/lib/src/{CreatedOnDcom-fr-ca-CBPG0ctC.js → CreatedOnDcom-fr-ca-BTl6zmCF.js} +1 -1
  12. package/lib/src/{CreatedOnDcom-fr-fr-DvGxUvqy.js → CreatedOnDcom-fr-fr-CbdWfp16.js} +1 -1
  13. package/lib/src/{CreatedOnDcom-pt-br-D0Tu4f-H.js → CreatedOnDcom-pt-br-B8QbSViW.js} +1 -1
  14. package/lib/src/{CreatedOnDcom-pt-pt-X9_clgUZ.js → CreatedOnDcom-pt-pt-_GQdFxAH.js} +1 -1
  15. package/lib/src/brand-page/utils/logo.util.d.ts +2 -7
  16. package/lib/src/brand-page/utils/logo.util.js +28 -38
  17. package/lib/src/brand-page-maker/components/action-bar/ActionBar.mixin.d.ts +0 -1
  18. package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.d.ts +0 -1
  19. package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMakerTemplateSettings.mixin.d.ts +0 -1
  20. package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.d.ts +0 -1
  21. package/lib/src/brand-page-maker/components/brandpage-settings/ReplaceImageSettingsForBrandPageSettings.mixin.d.ts +0 -1
  22. package/lib/src/brand-page-maker/components/seo-settings/SeoPageSettings.mixin.d.ts +0 -1
  23. package/lib/src/brand-page-maker/components/seo-settings/UrlSettings.mixin.d.ts +0 -1
  24. package/lib/src/brand-page-maker/components/social-share/SocialShare.mixin.d.ts +0 -1
  25. package/lib/src/brand-page-maker/components/template-preview/TemplatePreview.mixin.d.ts +0 -1
  26. package/lib/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.d.ts +0 -1
  27. package/lib/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.js +23 -17
  28. package/lib/src/index.d.ts +1 -1
  29. package/lib/src/index.mjs +39 -41
  30. package/lib/src/{lib-DllHzIBd.js → lib-BfzwtsTk.js} +10418 -10427
  31. package/lib/src/lib.js +1 -1
  32. package/lib/src/shared/content-settings/components/content-settings/ContentSettings.mixin.d.ts +0 -1
  33. package/lib/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.d.ts +0 -1
  34. package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItemField.mixin.d.ts +0 -1
  35. package/lib/src/shared/logo-settings/components/LogoSettings.mixin.d.ts +0 -1
  36. package/lib/src/shared/page-settings/components/page-settings/PageSettings.mixin.d.ts +0 -1
  37. package/lib/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.d.ts +0 -1
  38. package/lib/src/shared/publish-brand-page-with-state/PublishBrandPageModalWithState.mixin.d.ts +0 -1
  39. package/lib/src/shared/style-settings/components/StyleSettings.mixin.d.ts +0 -1
  40. package/package.json +1 -1
  41. package/src/brand-page/utils/logo.util.ts +44 -76
  42. package/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.ts +46 -30
  43. package/src/lib.ts +0 -2
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-DllHzIBd.js";
2
+ import { _ as t } from "./lib-BfzwtsTk.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-DllHzIBd.js";
2
+ import { _ as t } from "./lib-BfzwtsTk.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-DllHzIBd.js";
2
+ import { _ as t } from "./lib-BfzwtsTk.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-DllHzIBd.js";
2
+ import { _ as t } from "./lib-BfzwtsTk.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-DllHzIBd.js";
2
+ import { _ as t } from "./lib-BfzwtsTk.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-DllHzIBd.js";
2
+ import { _ as t } from "./lib-BfzwtsTk.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-DllHzIBd.js";
2
+ import { _ as t } from "./lib-BfzwtsTk.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-DllHzIBd.js";
2
+ import { _ as e } from "./lib-BfzwtsTk.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-DllHzIBd.js";
2
+ import { _ as e } from "./lib-BfzwtsTk.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-DllHzIBd.js";
2
+ import { _ as e } from "./lib-BfzwtsTk.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-DllHzIBd.js";
2
+ import { _ as e } from "./lib-BfzwtsTk.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-DllHzIBd.js";
2
+ import { _ as e } from "./lib-BfzwtsTk.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-DllHzIBd.js";
2
+ import { _ as M } from "./lib-BfzwtsTk.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-DllHzIBd.js";
2
+ import { _ as M } from "./lib-BfzwtsTk.js";
3
3
  const Z = {}, e = {
4
4
  width: "232",
5
5
  height: "36",
@@ -30,13 +30,8 @@ export declare const calculateOptimizedLogoDimensions: (logoData: {
30
30
  width: string;
31
31
  height: string;
32
32
  };
33
- export declare const recalculateLogoContentDimensions: (pageData: any, editableLogoVariations: {
33
+ export declare const recalculateLogoContentDimensions: (pageData: any, editableLogoVariations?: {
34
34
  variationId: number;
35
35
  width: number;
36
36
  height: number;
37
- }[], logoImage: LogoImageModel, isPrePurchase: boolean) => Promise<void>;
38
- export declare const recalculateHeaderLogoSizes: (pageSettingsStore: any, logoSettingsStore: any, editableLogoVariations: {
39
- variationId: number;
40
- width: number;
41
- height: number;
42
- }[], brandPageType: BrandPageType, isPrePurchase: boolean, forceRecalculate?: boolean) => Promise<void>;
37
+ }[]) => Promise<void>;
@@ -225,52 +225,42 @@ export const calculateOptimizedLogoDimensions = (logoData, currentWidth, current
225
225
  }
226
226
  return { width: currentWidth, height: currentHeight };
227
227
  };
228
- export const recalculateLogoContentDimensions = async (pageData, editableLogoVariations, logoImage, isPrePurchase) => {
228
+ export const recalculateLogoContentDimensions = async (pageData, editableLogoVariations) => {
229
229
  try {
230
- let logoData;
231
- // For prepurchase, use editableLogoVariations (same as Brand Site)
232
- if (isPrePurchase && logoImage.logoVariation !== undefined) {
233
- logoData = editableLogoVariations.find((v) => v.variationId === logoImage.logoVariation);
234
- }
235
- // For post-purchase or fallback, fetch from Fabric
236
- if (!logoData || logoData.width <= 0 || logoData.height <= 0) {
237
- logoData =
238
- await FabricRenderClient.getInstance().getLogoSvgUrlByLogoImageAsync(logoImage);
239
- }
240
- if (!logoData || logoData.width <= 0 || logoData.height <= 0) {
241
- return;
242
- }
243
- const dimensions = getOptimalLogoSize(BRAND_PAGE_TYPES.default, logoData.width, logoData.height);
244
- pageData.pages.forEach((page) => {
245
- page.contents.forEach((contentItem) => {
230
+ const logoContents = [];
231
+ pageData.pages.forEach((page, pageIndex) => {
232
+ page.contents.forEach((contentItem, contentIndex) => {
246
233
  const content = contentItem.settings.content;
247
234
  if (isLogoContent(content)) {
248
- content.logoImageHeight = dimensions.newLogoSize;
249
- content.logoImageWidth = dimensions.newLogoSize;
235
+ logoContents.push({ content, pageIndex, contentIndex });
250
236
  }
251
237
  });
252
238
  });
253
- }
254
- catch (error) {
255
- console.warn('Failed to recalculate logo dimensions:', error);
256
- }
257
- };
258
- export const recalculateHeaderLogoSizes = async (pageSettingsStore, logoSettingsStore, editableLogoVariations, brandPageType, isPrePurchase, forceRecalculate = false) => {
259
- try {
260
- const logoImageHeight = pageSettingsStore.sections.header.desktop.logoImageHeight;
261
- const logoVariation = pageSettingsStore.sections.header.desktop.logoVariation;
262
- const logoPrePurchase = editableLogoVariations.find((logo) => logo.variationId === logoVariation);
263
- const logoPostPurchase = await FabricRenderClient.getInstance().getLogoSvgUrlByLogoImageAsync(logoSettingsStore.selectedLogoImage);
264
- const logo = isPrePurchase ? logoPrePurchase : logoPostPurchase;
265
- if (logo && (logoImageHeight || forceRecalculate)) {
266
- const optimalSize = getOptimalLogoSize(brandPageType, logo.width, logo.height);
267
- pageSettingsStore.sections.header.desktop.logoImageWidth =
268
- optimalSize.newLogoSize;
269
- pageSettingsStore.sections.header.desktop.logoImageHeight =
270
- optimalSize.newLogoSize;
239
+ if (logoContents.length === 0) {
240
+ return;
271
241
  }
242
+ logoContents.forEach(({ content }) => {
243
+ let logoData = null;
244
+ // First priority: Use editableLogoVariations if available
245
+ if (editableLogoVariations &&
246
+ content.logoImage?.logoVariation !== undefined) {
247
+ const matchingVariation = editableLogoVariations.find((variation) => variation.variationId === content.logoImage.logoVariation);
248
+ if (matchingVariation) {
249
+ logoData = {
250
+ width: matchingVariation.width,
251
+ height: matchingVariation.height,
252
+ };
253
+ }
254
+ }
255
+ // Apply dimensions or fallback logic
256
+ if (logoData && logoData.width && logoData.height) {
257
+ const dimensions = getOptimalLogoSize(BRAND_PAGE_TYPES.default, logoData.width, logoData.height);
258
+ content.logoImageHeight = dimensions.newLogoSize;
259
+ content.logoImageWidth = dimensions.newLogoSize;
260
+ }
261
+ });
272
262
  }
273
263
  catch (error) {
274
- console.warn('Failed to recalculate header logo dimensions:', error);
264
+ console.warn('Failed to recalculate prepurchase logo dimensions:', error);
275
265
  }
276
266
  };
@@ -91,7 +91,6 @@ declare const _default: import("vue").DefineComponent<{}, {
91
91
  setSelectedTemplateId(payload: {
92
92
  templateId: string | false;
93
93
  }): void;
94
- recalculateLogoSizes(forceRecalculate?: boolean): Promise<void>;
95
94
  applySelectedTemplate(): Promise<void>;
96
95
  enqueueErrorMessage(): Promise<void>;
97
96
  enqueueSaveSuccessMessage(payload?: {
@@ -134,7 +134,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
134
134
  setSelectedTemplateId(payload: {
135
135
  templateId: string | false;
136
136
  }): void;
137
- recalculateLogoSizes(forceRecalculate?: boolean): Promise<void>;
138
137
  applySelectedTemplate(): Promise<void>;
139
138
  enqueueErrorMessage(): Promise<void>;
140
139
  enqueueSaveSuccessMessage(payload?: {
@@ -79,7 +79,6 @@ declare const _default: import("vue").DefineComponent<{}, {
79
79
  setSelectedTemplateId(payload: {
80
80
  templateId: string | false;
81
81
  }): void;
82
- recalculateLogoSizes(forceRecalculate?: boolean): Promise<void>;
83
82
  applySelectedTemplate(): Promise<void>;
84
83
  enqueueErrorMessage(): Promise<void>;
85
84
  enqueueSaveSuccessMessage(payload?: {
@@ -585,7 +585,6 @@ declare const _default: import("vue").DefineComponent<{}, {
585
585
  setSelectedTemplateId(payload: {
586
586
  templateId: string | false;
587
587
  }): void;
588
- recalculateLogoSizes(forceRecalculate?: boolean): Promise<void>;
589
588
  applySelectedTemplate(): Promise<void>;
590
589
  enqueueErrorMessage(): Promise<void>;
591
590
  enqueueSaveSuccessMessage(payload?: {
@@ -85,7 +85,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
85
85
  setSelectedTemplateId(payload: {
86
86
  templateId: string | false;
87
87
  }): void;
88
- recalculateLogoSizes(forceRecalculate?: boolean): Promise<void>;
89
88
  applySelectedTemplate(): Promise<void>;
90
89
  enqueueErrorMessage(): Promise<void>;
91
90
  enqueueSaveSuccessMessage(payload?: {
@@ -329,7 +329,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
329
329
  setSelectedTemplateId(payload: {
330
330
  templateId: string | false;
331
331
  }): void;
332
- recalculateLogoSizes(forceRecalculate?: boolean): Promise<void>;
333
332
  applySelectedTemplate(): Promise<void>;
334
333
  enqueueErrorMessage(): Promise<void>;
335
334
  enqueueSaveSuccessMessage(payload?: {
@@ -329,7 +329,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
329
329
  setSelectedTemplateId(payload: {
330
330
  templateId: string | false;
331
331
  }): void;
332
- recalculateLogoSizes(forceRecalculate?: boolean): Promise<void>;
333
332
  applySelectedTemplate(): Promise<void>;
334
333
  enqueueErrorMessage(): Promise<void>;
335
334
  enqueueSaveSuccessMessage(payload?: {
@@ -95,7 +95,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
95
95
  setSelectedTemplateId(payload: {
96
96
  templateId: string | false;
97
97
  }): void;
98
- recalculateLogoSizes(forceRecalculate?: boolean): Promise<void>;
99
98
  applySelectedTemplate(): Promise<void>;
100
99
  enqueueErrorMessage(): Promise<void>;
101
100
  enqueueSaveSuccessMessage(payload?: {
@@ -383,7 +383,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
383
383
  setSelectedTemplateId(payload: {
384
384
  templateId: string | false;
385
385
  }): void;
386
- recalculateLogoSizes(forceRecalculate?: boolean): Promise<void>;
387
386
  applySelectedTemplate(): Promise<void>;
388
387
  enqueueErrorMessage(): Promise<void>;
389
388
  enqueueSaveSuccessMessage(payload?: {
@@ -161,7 +161,6 @@ export declare const useBrandPageMakerStore: import("pinia").StoreDefinition<"br
161
161
  setSelectedTemplateId(payload: {
162
162
  templateId: string | false;
163
163
  }): void;
164
- recalculateLogoSizes(forceRecalculate?: boolean): Promise<void>;
165
164
  applySelectedTemplate(): Promise<void>;
166
165
  enqueueErrorMessage(): Promise<void>;
167
166
  enqueueSaveSuccessMessage(payload?: {
@@ -26,7 +26,7 @@ import { useLocalisedRouteStore } from '../route/localised-route-store';
26
26
  import cloneDeep from 'lodash.clonedeep';
27
27
  import * as uuid from 'uuid';
28
28
  import { getAiContentIndexByTemplateTokenAndNumberOfVariations } from '../../utils/ai-content-selection.util';
29
- import { applyLogoTemplateImageToBrandPageTemplateModel, getOptimalLogoSize, recalculateLogoContentDimensions, recalculateHeaderLogoSizes, } from '../../../brand-page/utils/logo.util';
29
+ import { applyLogoTemplateImageToBrandPageTemplateModel, getOptimalLogoSize, recalculateLogoContentDimensions, } from '../../../brand-page/utils/logo.util';
30
30
  import { FabricRenderClient } from '../../../clients/fabric-render-client';
31
31
  import { useConsent } from '../../../brand-page/composables/consent.composable';
32
32
  import { commonTr, errorTr } from '../../../composables/useTranslate';
@@ -167,19 +167,6 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
167
167
  setSelectedTemplateId(payload) {
168
168
  this.selectedTemplateId = payload.templateId;
169
169
  },
170
- async recalculateLogoSizes(forceRecalculate = false) {
171
- const brandPageContainerStore = useBrandPageContainerStore();
172
- const userStore = useBrandPageMakerUserStore();
173
- const pageSettingsStore = useUiPageSettingsStore();
174
- const logoSettingsStore = useUiLogoSettingsStore();
175
- const editableLogoStore = useUiEditableLogoStore();
176
- if (!userStore.isAdmin && this.isBrandSite) {
177
- await recalculateHeaderLogoSizes(pageSettingsStore, logoSettingsStore, editableLogoStore.editableLogoVariations, this.brandPageType, brandPageContainerStore.isPrePurchase, forceRecalculate);
178
- }
179
- else if (!userStore.isAdmin && this.isBrandPageOrIsBrandContact) {
180
- await recalculateLogoContentDimensions(pageSettingsStore, editableLogoStore.editableLogoVariations, logoSettingsStore.selectedLogoImage, brandPageContainerStore.isPrePurchase);
181
- }
182
- },
183
170
  async applySelectedTemplate() {
184
171
  const uiStore = useUiStore();
185
172
  const logoSettingsStore = useUiLogoSettingsStore();
@@ -335,7 +322,6 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
335
322
  backgroundSettingsStore.setBackgroundStyles({
336
323
  backgroundStyles: brandPageModel.styles.backgroundStyles,
337
324
  });
338
- await this.recalculateLogoSizes(true);
339
325
  this.setIsModifiedAfterTemplateApplied({
340
326
  isModified: false,
341
327
  });
@@ -574,8 +560,28 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
574
560
  },
575
561
  });
576
562
  }
577
- if (!brandPageContainerStore.designDraftToken) {
578
- await this.recalculateLogoSizes();
563
+ if (!brandPageContainerStore.designDraftToken &&
564
+ !userStore.isAdmin &&
565
+ this.isBrandSite) {
566
+ const logoImageHeight = pageSettingsStore.sections[PAGE_SECTIONS.header][VIEWPORTS.desktop]
567
+ .logoImageHeight;
568
+ const logoVariation = pageSettingsStore.sections[PAGE_SECTIONS.header][VIEWPORTS.desktop]
569
+ .logoVariation;
570
+ const logoPrePurchase = editableLogoStore.editableLogoVariations.find((logo) => logo.variationId === logoVariation);
571
+ const logoPostPurchase = await FabricRenderClient.getInstance().getLogoSvgUrlByLogoImageAsync(logoSettingsStore.selectedLogoImage);
572
+ const logo = brandPageContainerStore.isPrePurchase
573
+ ? logoPrePurchase
574
+ : logoPostPurchase;
575
+ if (logo && logoImageHeight) {
576
+ const optimalSize = getOptimalLogoSize(this.brandPageType, logo.width, logo.height);
577
+ pageSettingsStore.sections[PAGE_SECTIONS.header][VIEWPORTS.desktop].logoImageWidth = optimalSize.newLogoSize;
578
+ pageSettingsStore.sections[PAGE_SECTIONS.header][VIEWPORTS.desktop].logoImageHeight = optimalSize.newLogoSize;
579
+ }
580
+ }
581
+ else if (!brandPageContainerStore.designDraftToken &&
582
+ !userStore.isAdmin &&
583
+ this.isBrandPageOrIsBrandContact) {
584
+ recalculateLogoContentDimensions(pageSettingsStore, editableLogoStore.editableLogoVariations);
579
585
  }
580
586
  const backgroundStyles = new BackgroundStyles(brandPageModel.styles.backgroundStyles);
581
587
  const backgroundSetStatePayload = {
@@ -23,7 +23,7 @@ export { default as SensitiveContentModal } from './brand-page/components/sensit
23
23
  export { getBrandPageViewModelFromBrandPageModel, migrateBrandPageModel, } from './brand-page/utils';
24
24
  export * as brandPageUtils from './brand-page/utils';
25
25
  export type { CriticalResourceURLs } from './brand-page/utils/view-model.util';
26
- export { getOptimalLogoSize, calculateOptimizedLogoDimensions, applyLogoImageBase64UrlToBrandPageTemplateModel, recalculateLogoContentDimensions, recalculateHeaderLogoSizes, } from './brand-page/utils/logo.util';
26
+ export { getOptimalLogoSize, calculateOptimizedLogoDimensions, applyLogoImageBase64UrlToBrandPageTemplateModel, } from './brand-page/utils/logo.util';
27
27
  export { sanitizeRTEHtml } from './brand-page-maker/utils';
28
28
  export { getPageSlugFromPageTitle } from './brand-page-maker/utils/slug.util';
29
29
  export { useBrandPageMakerStore, useBrandPageMakerUserStore, useUiStore, useBrandPageContainerStore, useEventManagerStore, useLocalisedRouteStore, useVideoStore, } from './brand-page-maker/stores';
package/lib/src/index.mjs CHANGED
@@ -1,10 +1,10 @@
1
- import { bH as E, av as T, aY as s, a9 as I, an as N, am as S, aj as e, bx as A, bO as O, cf as G, ce as C, cd as D, c7 as P, b6 as t, b5 as R, bT as L, bU as M, b$ as o, bQ as r, bS as b, bR as n, bV as F, bW as i, c6 as l, c4 as B, au as g, c5 as Y, ac as U, b1 as c, b3 as d, b2 as u, e as H, f as p, B as y, a3 as K, d as V, a4 as k, j as m, ar as X, a2 as v, bw as h, bP as W, aC as x, a_ as f, aW as z, c2 as Z, c1 as w, C as Q, b9 as j, D as q, b as J, a as $, bZ as aa, b8 as _a, a$ as Ea, aX as Ta, cb as sa, cc as Ia, c0 as Na, bL as Sa, ah as ea, c3 as Aa, c8 as Oa, be as Ga, aO as Ca, bk as Da, F as Pa, ab as ta, aa as Ra, h as La, a5 as Ma, bb as oa, aZ as ra, aV as ba, a7 as na, ao as Fa, l as ia, R as la, H as Ba, ad as ga, bI as Ya, bf as Ua, bg as ca, bG as da, bm as ua, bo as Ha, ba as pa, L as ya, aN as Ka, bt as Va, aT as ka, bs as ma, aw as Xa, af as va, b_ as ha, c9 as Wa, ca as xa, b0 as fa, N as za, aF as Za, aE as wa, aG as Qa, aA as ja, aB as qa, aD as Ja, bi as $a, bp as a_, bc as __, p as E_, ap as T_, aq as s_, ak as I_, al as N_, ai as S_, a8 as e_, m as A_, bu as O_, at as G_, bM as C_, bN as D_, bY as P_, ag as t_, bK as R_, bv as L_, n as M_, S as o_, P as r_, aM as b_, bJ as n_, bj as F_, bB as i_, bA as l_, bD as B_, by as g_, bE as Y_, bF as U_, bz as c_, bC as d_, aH as u_, aI as H_, br as p_, bq as y_, aK as K_, aL as V_, aQ as k_, b4 as m_, aP as X_, aR as v_, U as h_, ae as W_, aU as x_, k as f_, o as z_, bh as Z_, as as w_, bd as Q_, bl as j_, bn as q_, b7 as J_, w as $_, W as aE, a6 as _E, g as EE, bX as TE, t as sE, v as IE, T as NE, a1 as SE, aJ as eE, aS as AE, ay as OE, q as GE, $ as CE, u as DE, A as PE, ax as tE, i as RE, az as LE, c as ME, r as oE, y as rE, x as bE, z as nE, Z as FE, V as iE, s as lE, a0 as BE, J as gE, E as YE, G as UE, Y as cE, K as dE, X as uE, M as HE, Q as pE, I as yE, O as KE } from "./lib-DllHzIBd.js";
2
- import { createPinia as kE, setActivePinia as mE } from "pinia";
1
+ import { bF as E, at as T, aW as I, a7 as s, al as N, ak as S, ah as e, bv as A, bM as O, cd as G, cc as C, cb as D, c5 as P, b4 as t, b3 as R, bR as L, bS as M, bZ as o, bO as r, bQ as b, bP as F, bT as n, bU as i, c4 as B, c2 as l, as as g, c3 as Y, aa as U, a$ as c, b1 as d, b0 as u, e as H, f as p, B as y, a1 as K, d as V, a2 as k, j as m, ap as X, a0 as v, bu as h, bN as W, aA as x, aY as f, aU as z, c0 as Z, b$ as w, C as Q, b7 as j, D as q, b as J, a as $, bX as aa, b6 as _a, aZ as Ea, aV as Ta, c9 as Ia, ca as sa, b_ as Na, bJ as Sa, af as ea, c1 as Aa, c6 as Oa, bc as Ga, aM as Ca, bi as Da, F as Pa, a9 as ta, a8 as Ra, h as La, a3 as Ma, b9 as oa, aX as ra, aT as ba, a5 as Fa, am as na, l as ia, O as Ba, H as la, ab as ga, bG as Ya, bd as Ua, be as ca, bE as da, bk as ua, bm as Ha, b8 as pa, L as ya, aL as Ka, br as Va, aR as ka, bq as ma, au as Xa, ad as va, bY as ha, c7 as Wa, c8 as xa, a_ as fa, N as za, aD as Za, aC as wa, aE as Qa, ay as ja, az as qa, aB as Ja, bg as $a, bn as a_, ba as __, p as E_, an as T_, ao as I_, ai as s_, aj as N_, ag as S_, a6 as e_, m as A_, bs as O_, ar as G_, bK as C_, bL as D_, bW as P_, ae as t_, bI as R_, bt as L_, n as M_, S as o_, P as r_, aK as b_, bH as F_, bh as n_, bz as i_, by as B_, bB as l_, bw as g_, bC as Y_, bD as U_, bx as c_, bA as d_, aF as u_, aG as H_, bp as p_, bo as y_, aI as K_, aJ as V_, aO as k_, b2 as m_, aN as X_, aP as v_, U as h_, ac as W_, aS as x_, k as f_, o as z_, bf as Z_, aq as w_, bb as Q_, bj as j_, bl as q_, b5 as J_, w as $_, T as aE, a4 as _E, g as EE, bV as TE, t as IE, v as sE, Q as NE, $ as SE, aH as eE, aQ as AE, aw as OE, q as GE, Y as CE, u as DE, y as PE, av as tE, i as RE, ax as LE, c as ME, r as oE, x as rE, X as bE, R as FE, s as nE, Z as iE, G as BE, z as lE, A as gE, W as YE, I as UE, V as cE, J as dE, M as uE, E as HE, K as pE } from "./lib-BfzwtsTk.js";
2
+ import { createPinia as KE, setActivePinia as VE } from "pinia";
3
3
  export {
4
4
  E as ABOUT_SECTION_SETTINGS_CONFIG,
5
5
  T as AB_TEST_FLAG,
6
- s as ADMIN_POLICY_DATA_ENDPOINT,
7
- I as ASPECT_RATIOS,
6
+ I as ADMIN_POLICY_DATA_ENDPOINT,
7
+ s as ASPECT_RATIOS,
8
8
  N as AbstractMedia,
9
9
  S as AbstractPageFooterStyles,
10
10
  e as AbstractPageHeaderStyles,
@@ -21,11 +21,11 @@ export {
21
21
  o as BRANDPAGE_SETTINGS_SAVE_SUCCESS_MESSAGE_DESCRIPTION,
22
22
  r as BRANDPAGE_SLUG_CHARACTER_LIMIT,
23
23
  b as BRANDPAGE_SLUG_CHARACTER_LIMIT_ERROR_MESSAGE,
24
- n as BRANDPAGE_SLUG_INVALID_ERROR_MESSAGE,
25
- F as BRANDPAGE_TITLE_CHARACTER_LIMIT,
24
+ F as BRANDPAGE_SLUG_INVALID_ERROR_MESSAGE,
25
+ n as BRANDPAGE_TITLE_CHARACTER_LIMIT,
26
26
  i as BRANDPAGE_TITLE_CHARACTER_LIMIT_ERROR_MESSAGE,
27
- l as BRAND_CONTACT_PATH_FRAGMENT,
28
- B as BRAND_PAGE_PATH_FRAGMENT,
27
+ B as BRAND_CONTACT_PATH_FRAGMENT,
28
+ l as BRAND_PAGE_PATH_FRAGMENT,
29
29
  g as BRAND_PAGE_TYPES,
30
30
  Y as BRAND_SITE_PATH_FRAGMENT,
31
31
  U as BUTTON_LINK_TYPE,
@@ -57,8 +57,8 @@ export {
57
57
  _a as DEFAULT_USER_ENDPOINTS,
58
58
  Ea as DELETE_ADMIN_MEDIA_ENDPOINT,
59
59
  Ta as DELETE_USER_MEDIA_ENDPOINT,
60
- sa as DESKTOP_HEIGHT,
61
- Ia as DESKTOP_WIDTH,
60
+ Ia as DESKTOP_HEIGHT,
61
+ sa as DESKTOP_WIDTH,
62
62
  Na as DEVICE_CSS_TRANSITION_DELAY,
63
63
  Sa as DIVIDER_SECTION_SETTINGS_CONFIG,
64
64
  ea as DIVIDER_STYLES,
@@ -75,11 +75,11 @@ export {
75
75
  oa as GENERAL_LINK_CONTENT_SETTINGS_CONFIG,
76
76
  ra as GET_ALL_ADMIN_MEDIA_ENDPOINT,
77
77
  ba as GET_ALL_USER_MEDIA_ENDPOINT,
78
- na as GalleryStyles,
79
- Fa as GettyVideoMedia,
78
+ Fa as GalleryStyles,
79
+ na as GettyVideoMedia,
80
80
  ia as GoogleAnalytics,
81
- la as GoogleMapsPlugin,
82
- Ba as HEADER_DISPLAY,
81
+ Ba as GoogleMapsPlugin,
82
+ la as HEADER_DISPLAY,
83
83
  ga as HYPERLINK_TYPE,
84
84
  Ya as IMAGES_SECTION_SETTINGS_CONFIG,
85
85
  Ua as IMAGE_CONTENT_SETTINGS_CONFIG,
@@ -111,8 +111,8 @@ export {
111
111
  __ as PROFILE_CONTENT_SETTINGS_CONFIG,
112
112
  E_ as Page,
113
113
  T_ as PageFooterDesktop,
114
- s_ as PageFooterMobile,
115
- I_ as PageHeaderDesktop,
114
+ I_ as PageFooterMobile,
115
+ s_ as PageHeaderDesktop,
116
116
  N_ as PageHeaderMobile,
117
117
  S_ as PageModel,
118
118
  e_ as PageStyles,
@@ -129,11 +129,11 @@ export {
129
129
  o_ as SensitiveContentModal,
130
130
  r_ as SeoPageSettings,
131
131
  b_ as ShapeAspectRatioCategory,
132
- n_ as TESTIMONIALS_SECTION_SETTINGS_CONFIG,
133
- F_ as TEXT_CONTENT_SETTINGS_CONFIG,
132
+ F_ as TESTIMONIALS_SECTION_SETTINGS_CONFIG,
133
+ n_ as TEXT_CONTENT_SETTINGS_CONFIG,
134
134
  i_ as TEXT_MEDIA_BACKGROUND_FIELD,
135
- l_ as TEXT_MEDIA_DESCRIPTION_FIELD,
136
- B_ as TEXT_MEDIA_DESCRIPTION_STYLE_FIELD,
135
+ B_ as TEXT_MEDIA_DESCRIPTION_FIELD,
136
+ l_ as TEXT_MEDIA_DESCRIPTION_STYLE_FIELD,
137
137
  g_ as TEXT_MEDIA_DISPLAY_STYLE_FIELD,
138
138
  Y_ as TEXT_MEDIA_HEADING_STYLE_FIELD,
139
139
  U_ as TEXT_MEDIA_PARAGRAPH_STYLE_FIELD,
@@ -165,11 +165,11 @@ export {
165
165
  _E as availableGalleryTypes,
166
166
  EE as brandPageClient,
167
167
  TE as brandPageSlugRe,
168
- sE as brandPageUtils,
169
- IE as calculateOptimizedLogoDimensions,
168
+ IE as brandPageUtils,
169
+ sE as calculateOptimizedLogoDimensions,
170
170
  NE as createBrandPageMakerRouter,
171
171
  SE as createNewI18nInstance,
172
- kE as createPinia,
172
+ KE as createPinia,
173
173
  eE as emptyGlobalTextStyleDeclaration,
174
174
  AE as forEachPageCallContentCallback,
175
175
  OE as getAbTestResults,
@@ -182,22 +182,20 @@ export {
182
182
  LE as isStripePaymentIntent,
183
183
  ME as isUrlType,
184
184
  oE as migrateBrandPageModel,
185
- rE as recalculateHeaderLogoSizes,
186
- bE as recalculateLogoContentDimensions,
187
- nE as sanitizeRTEHtml,
188
- mE as setActivePinia,
189
- FE as setLocaleAsync,
190
- iE as setRouterInstance,
191
- lE as setupSSRPinia,
192
- BE as tr,
193
- gE as useBrandPageContainerStore,
194
- YE as useBrandPageMakerStore,
195
- UE as useBrandPageMakerUserStore,
196
- cE as useConsent,
197
- dE as useEventManagerStore,
198
- uE as useEventTracker,
199
- HE as useLocalisedRouteStore,
200
- pE as useShopConfigStore,
201
- yE as useUiStore,
202
- KE as useVideoStore
185
+ rE as sanitizeRTEHtml,
186
+ VE as setActivePinia,
187
+ bE as setLocaleAsync,
188
+ FE as setRouterInstance,
189
+ nE as setupSSRPinia,
190
+ iE as tr,
191
+ BE as useBrandPageContainerStore,
192
+ lE as useBrandPageMakerStore,
193
+ gE as useBrandPageMakerUserStore,
194
+ YE as useConsent,
195
+ UE as useEventManagerStore,
196
+ cE as useEventTracker,
197
+ dE as useLocalisedRouteStore,
198
+ uE as useShopConfigStore,
199
+ HE as useUiStore,
200
+ pE as useVideoStore
203
201
  };