@designcrowd/library.brand-page 5.16.32 → 5.16.33

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-C5AHj5yG.js → CreatedOnBrandCrowd-de-de-nDG-SvL9.js} +1 -1
  2. package/lib/src/{CreatedOnBrandCrowd-en-us-9vm89uNN.js → CreatedOnBrandCrowd-en-us-Dt-_cNx9.js} +1 -1
  3. package/lib/src/{CreatedOnBrandCrowd-es-es-InrLqZ7B.js → CreatedOnBrandCrowd-es-es-DOHLEX6U.js} +1 -1
  4. package/lib/src/{CreatedOnBrandCrowd-fr-fr-X4r6d53Z.js → CreatedOnBrandCrowd-fr-ca-ZcxoXYEH.js} +1 -1
  5. package/lib/src/{CreatedOnBrandCrowd-fr-ca-X4r6d53Z.js → CreatedOnBrandCrowd-fr-fr-ZcxoXYEH.js} +1 -1
  6. package/lib/src/{CreatedOnBrandCrowd-pt-pt-CQ41-qP5.js → CreatedOnBrandCrowd-pt-br-D6WcOax8.js} +1 -1
  7. package/lib/src/{CreatedOnBrandCrowd-pt-br-CQ41-qP5.js → CreatedOnBrandCrowd-pt-pt-D6WcOax8.js} +1 -1
  8. package/lib/src/{CreatedOnDcom-de-de-ESORkxko.js → CreatedOnDcom-de-de-Boyt5XwN.js} +1 -1
  9. package/lib/src/{CreatedOnDcom-en-us-DKWbRt35.js → CreatedOnDcom-en-us-Cpw1nF3G.js} +1 -1
  10. package/lib/src/{CreatedOnDcom-es-es-CtVdE5DL.js → CreatedOnDcom-es-es-rRRk339c.js} +1 -1
  11. package/lib/src/{CreatedOnDcom-fr-ca-BTl6zmCF.js → CreatedOnDcom-fr-ca-CBPG0ctC.js} +1 -1
  12. package/lib/src/{CreatedOnDcom-fr-fr-CbdWfp16.js → CreatedOnDcom-fr-fr-DvGxUvqy.js} +1 -1
  13. package/lib/src/{CreatedOnDcom-pt-br-B8QbSViW.js → CreatedOnDcom-pt-br-D0Tu4f-H.js} +1 -1
  14. package/lib/src/{CreatedOnDcom-pt-pt-_GQdFxAH.js → CreatedOnDcom-pt-pt-X9_clgUZ.js} +1 -1
  15. package/lib/src/brand-page/utils/logo.util.d.ts +7 -2
  16. package/lib/src/brand-page/utils/logo.util.js +38 -28
  17. package/lib/src/brand-page-maker/components/action-bar/ActionBar.mixin.d.ts +1 -0
  18. package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.d.ts +1 -0
  19. package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMakerTemplateSettings.mixin.d.ts +1 -0
  20. package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.d.ts +1 -0
  21. package/lib/src/brand-page-maker/components/brandpage-settings/ReplaceImageSettingsForBrandPageSettings.mixin.d.ts +1 -0
  22. package/lib/src/brand-page-maker/components/seo-settings/SeoPageSettings.mixin.d.ts +1 -0
  23. package/lib/src/brand-page-maker/components/seo-settings/UrlSettings.mixin.d.ts +1 -0
  24. package/lib/src/brand-page-maker/components/social-share/SocialShare.mixin.d.ts +1 -0
  25. package/lib/src/brand-page-maker/components/template-preview/TemplatePreview.mixin.d.ts +1 -0
  26. package/lib/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.d.ts +1 -0
  27. package/lib/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.js +17 -23
  28. package/lib/src/index.d.ts +1 -1
  29. package/lib/src/index.mjs +41 -39
  30. package/lib/src/{lib-BfzwtsTk.js → lib-DllHzIBd.js} +10427 -10418
  31. package/lib/src/lib.js +1 -1
  32. package/lib/src/shared/content-settings/components/content-settings/ContentSettings.mixin.d.ts +1 -0
  33. package/lib/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.d.ts +1 -0
  34. package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItemField.mixin.d.ts +1 -0
  35. package/lib/src/shared/logo-settings/components/LogoSettings.mixin.d.ts +1 -0
  36. package/lib/src/shared/page-settings/components/page-settings/PageSettings.mixin.d.ts +1 -0
  37. package/lib/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.d.ts +1 -0
  38. package/lib/src/shared/publish-brand-page-with-state/PublishBrandPageModalWithState.mixin.d.ts +1 -0
  39. package/lib/src/shared/style-settings/components/StyleSettings.mixin.d.ts +1 -0
  40. package/package.json +1 -1
  41. package/src/brand-page/utils/logo.util.ts +76 -44
  42. package/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.ts +30 -46
  43. package/src/lib.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-BfzwtsTk.js";
2
+ import { _ as t } from "./lib-DllHzIBd.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-BfzwtsTk.js";
2
+ import { _ as t } from "./lib-DllHzIBd.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-BfzwtsTk.js";
2
+ import { _ as t } from "./lib-DllHzIBd.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-BfzwtsTk.js";
2
+ import { _ as t } from "./lib-DllHzIBd.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-BfzwtsTk.js";
2
+ import { _ as t } from "./lib-DllHzIBd.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-BfzwtsTk.js";
2
+ import { _ as t } from "./lib-DllHzIBd.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-BfzwtsTk.js";
2
+ import { _ as t } from "./lib-DllHzIBd.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-BfzwtsTk.js";
2
+ import { _ as e } from "./lib-DllHzIBd.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-BfzwtsTk.js";
2
+ import { _ as e } from "./lib-DllHzIBd.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-BfzwtsTk.js";
2
+ import { _ as e } from "./lib-DllHzIBd.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-BfzwtsTk.js";
2
+ import { _ as e } from "./lib-DllHzIBd.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-BfzwtsTk.js";
2
+ import { _ as e } from "./lib-DllHzIBd.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-BfzwtsTk.js";
2
+ import { _ as M } from "./lib-DllHzIBd.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-BfzwtsTk.js";
2
+ import { _ as M } from "./lib-DllHzIBd.js";
3
3
  const Z = {}, e = {
4
4
  width: "232",
5
5
  height: "36",
@@ -30,8 +30,13 @@ 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
- }[]) => Promise<void>;
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>;
@@ -225,42 +225,52 @@ export const calculateOptimizedLogoDimensions = (logoData, currentWidth, current
225
225
  }
226
226
  return { width: currentWidth, height: currentHeight };
227
227
  };
228
- export const recalculateLogoContentDimensions = async (pageData, editableLogoVariations) => {
228
+ export const recalculateLogoContentDimensions = async (pageData, editableLogoVariations, logoImage, isPrePurchase) => {
229
229
  try {
230
- const logoContents = [];
231
- pageData.pages.forEach((page, pageIndex) => {
232
- page.contents.forEach((contentItem, contentIndex) => {
230
+ let logoData;
231
+ // For prepurchase, use editableLogoVariations
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) => {
233
246
  const content = contentItem.settings.content;
234
247
  if (isLogoContent(content)) {
235
- logoContents.push({ content, pageIndex, contentIndex });
248
+ content.logoImageHeight = dimensions.newLogoSize;
249
+ content.logoImageWidth = dimensions.newLogoSize;
236
250
  }
237
251
  });
238
252
  });
239
- if (logoContents.length === 0) {
240
- return;
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;
241
271
  }
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
- });
262
272
  }
263
273
  catch (error) {
264
- console.warn('Failed to recalculate prepurchase logo dimensions:', error);
274
+ console.warn('Failed to recalculate header logo dimensions:', error);
265
275
  }
266
276
  };
@@ -91,6 +91,7 @@ declare const _default: import("vue").DefineComponent<{}, {
91
91
  setSelectedTemplateId(payload: {
92
92
  templateId: string | false;
93
93
  }): void;
94
+ recalculateLogoSizes(forceRecalculate?: boolean): Promise<void>;
94
95
  applySelectedTemplate(): Promise<void>;
95
96
  enqueueErrorMessage(): Promise<void>;
96
97
  enqueueSaveSuccessMessage(payload?: {
@@ -134,6 +134,7 @@ 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>;
137
138
  applySelectedTemplate(): Promise<void>;
138
139
  enqueueErrorMessage(): Promise<void>;
139
140
  enqueueSaveSuccessMessage(payload?: {
@@ -79,6 +79,7 @@ declare const _default: import("vue").DefineComponent<{}, {
79
79
  setSelectedTemplateId(payload: {
80
80
  templateId: string | false;
81
81
  }): void;
82
+ recalculateLogoSizes(forceRecalculate?: boolean): Promise<void>;
82
83
  applySelectedTemplate(): Promise<void>;
83
84
  enqueueErrorMessage(): Promise<void>;
84
85
  enqueueSaveSuccessMessage(payload?: {
@@ -585,6 +585,7 @@ declare const _default: import("vue").DefineComponent<{}, {
585
585
  setSelectedTemplateId(payload: {
586
586
  templateId: string | false;
587
587
  }): void;
588
+ recalculateLogoSizes(forceRecalculate?: boolean): Promise<void>;
588
589
  applySelectedTemplate(): Promise<void>;
589
590
  enqueueErrorMessage(): Promise<void>;
590
591
  enqueueSaveSuccessMessage(payload?: {
@@ -85,6 +85,7 @@ 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>;
88
89
  applySelectedTemplate(): Promise<void>;
89
90
  enqueueErrorMessage(): Promise<void>;
90
91
  enqueueSaveSuccessMessage(payload?: {
@@ -329,6 +329,7 @@ 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>;
332
333
  applySelectedTemplate(): Promise<void>;
333
334
  enqueueErrorMessage(): Promise<void>;
334
335
  enqueueSaveSuccessMessage(payload?: {
@@ -329,6 +329,7 @@ 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>;
332
333
  applySelectedTemplate(): Promise<void>;
333
334
  enqueueErrorMessage(): Promise<void>;
334
335
  enqueueSaveSuccessMessage(payload?: {
@@ -95,6 +95,7 @@ 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>;
98
99
  applySelectedTemplate(): Promise<void>;
99
100
  enqueueErrorMessage(): Promise<void>;
100
101
  enqueueSaveSuccessMessage(payload?: {
@@ -383,6 +383,7 @@ 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>;
386
387
  applySelectedTemplate(): Promise<void>;
387
388
  enqueueErrorMessage(): Promise<void>;
388
389
  enqueueSaveSuccessMessage(payload?: {
@@ -161,6 +161,7 @@ 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>;
164
165
  applySelectedTemplate(): Promise<void>;
165
166
  enqueueErrorMessage(): Promise<void>;
166
167
  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, } from '../../../brand-page/utils/logo.util';
29
+ import { applyLogoTemplateImageToBrandPageTemplateModel, getOptimalLogoSize, recalculateLogoContentDimensions, recalculateHeaderLogoSizes, } 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,6 +167,19 @@ 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
+ },
170
183
  async applySelectedTemplate() {
171
184
  const uiStore = useUiStore();
172
185
  const logoSettingsStore = useUiLogoSettingsStore();
@@ -322,6 +335,7 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
322
335
  backgroundSettingsStore.setBackgroundStyles({
323
336
  backgroundStyles: brandPageModel.styles.backgroundStyles,
324
337
  });
338
+ await this.recalculateLogoSizes(true);
325
339
  this.setIsModifiedAfterTemplateApplied({
326
340
  isModified: false,
327
341
  });
@@ -560,28 +574,8 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
560
574
  },
561
575
  });
562
576
  }
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);
577
+ if (!brandPageContainerStore.designDraftToken) {
578
+ await this.recalculateLogoSizes();
585
579
  }
586
580
  const backgroundStyles = new BackgroundStyles(brandPageModel.styles.backgroundStyles);
587
581
  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, } from './brand-page/utils/logo.util';
26
+ export { getOptimalLogoSize, calculateOptimizedLogoDimensions, applyLogoImageBase64UrlToBrandPageTemplateModel, recalculateLogoContentDimensions, recalculateHeaderLogoSizes, } 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 { 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";
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";
3
3
  export {
4
4
  E as ABOUT_SECTION_SETTINGS_CONFIG,
5
5
  T as AB_TEST_FLAG,
6
- I as ADMIN_POLICY_DATA_ENDPOINT,
7
- s as ASPECT_RATIOS,
6
+ s as ADMIN_POLICY_DATA_ENDPOINT,
7
+ I 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
- F as BRANDPAGE_SLUG_INVALID_ERROR_MESSAGE,
25
- n as BRANDPAGE_TITLE_CHARACTER_LIMIT,
24
+ n as BRANDPAGE_SLUG_INVALID_ERROR_MESSAGE,
25
+ F as BRANDPAGE_TITLE_CHARACTER_LIMIT,
26
26
  i as BRANDPAGE_TITLE_CHARACTER_LIMIT_ERROR_MESSAGE,
27
- B as BRAND_CONTACT_PATH_FRAGMENT,
28
- l as BRAND_PAGE_PATH_FRAGMENT,
27
+ l as BRAND_CONTACT_PATH_FRAGMENT,
28
+ B 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
- Ia as DESKTOP_HEIGHT,
61
- sa as DESKTOP_WIDTH,
60
+ sa as DESKTOP_HEIGHT,
61
+ Ia 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
- Fa as GalleryStyles,
79
- na as GettyVideoMedia,
78
+ na as GalleryStyles,
79
+ Fa as GettyVideoMedia,
80
80
  ia as GoogleAnalytics,
81
- Ba as GoogleMapsPlugin,
82
- la as HEADER_DISPLAY,
81
+ la as GoogleMapsPlugin,
82
+ Ba 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
- I_ as PageFooterMobile,
115
- s_ as PageHeaderDesktop,
114
+ s_ as PageFooterMobile,
115
+ I_ 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
- F_ as TESTIMONIALS_SECTION_SETTINGS_CONFIG,
133
- n_ as TEXT_CONTENT_SETTINGS_CONFIG,
132
+ n_ as TESTIMONIALS_SECTION_SETTINGS_CONFIG,
133
+ F_ as TEXT_CONTENT_SETTINGS_CONFIG,
134
134
  i_ as TEXT_MEDIA_BACKGROUND_FIELD,
135
- B_ as TEXT_MEDIA_DESCRIPTION_FIELD,
136
- l_ as TEXT_MEDIA_DESCRIPTION_STYLE_FIELD,
135
+ l_ as TEXT_MEDIA_DESCRIPTION_FIELD,
136
+ B_ 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
- IE as brandPageUtils,
169
- sE as calculateOptimizedLogoDimensions,
168
+ sE as brandPageUtils,
169
+ IE 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,20 +182,22 @@ export {
182
182
  LE as isStripePaymentIntent,
183
183
  ME as isUrlType,
184
184
  oE as migrateBrandPageModel,
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
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
201
203
  };