@designcrowd/library.brand-page 6.0.8-recaptcha-badge-2 → 6.0.8

package/lib/src/{CreatedOnBrandCrowd-de-de-DMcTHCmt.js → CreatedOnBrandCrowd-de-de-B74hbf1M.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-CCpRaNNX.js → CreatedOnBrandCrowd-en-us-DBB4rdcr.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-DJnOg6ED.js → CreatedOnBrandCrowd-es-es-DgsVWLqe.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-CWPCpuip.js → CreatedOnBrandCrowd-fr-ca-FOLmUD6S.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-CWPCpuip.js → CreatedOnBrandCrowd-fr-fr-FOLmUD6S.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-CAmJrKnZ.js → CreatedOnBrandCrowd-pt-br-CFN_QkC9.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-CAmJrKnZ.js → CreatedOnBrandCrowd-pt-pt-CFN_QkC9.js}

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

package/lib/src/{CreatedOnDcom-de-de-CQsfe25S.js → CreatedOnDcom-de-de-DcR_LZOc.js}

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

package/lib/src/{CreatedOnDcom-en-us-td8XSiYh.js → CreatedOnDcom-en-us-D4STpZ1l.js}

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

package/lib/src/{CreatedOnDcom-es-es-BIxxXp97.js → CreatedOnDcom-es-es-oJH29i_Z.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-DcW-GZ0v.js → CreatedOnDcom-fr-ca-C9ZqPzpz.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-D06mFbLk.js → CreatedOnDcom-fr-fr-BeI4f0rw.js}

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

package/lib/src/{CreatedOnDcom-pt-br-DNc_MeP0.js → CreatedOnDcom-pt-br-Bc1hY8c-.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-Dalw2-7H.js → CreatedOnDcom-pt-pt-D-I_mgfR.js}

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

package/lib/src/brand-page/components/contact-form/ContactForm.mixin.d.ts

@@ -65,7 +65,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     renderText(): string;
     renderSuccessText(): string;
     successMessageColorStyle(): BrandPageCssStyle;
-    disclosureColor(): string | undefined;
 }, {
     submitContactForm(): Promise<void>;
     validateFormValues(): void;

package/lib/src/brand-page/components/contact-form/ContactForm.mixin.js

@@ -4,7 +4,7 @@ import { getEmailValidationError, getMessageValidationError, getNameValidationEr
 import brandPageClient from '../../clients/brand-page.client';
 import { isEmail } from '../../../utils/validator.util';
 import { ALIGN_CARD_CENTER, ALIGN_CARD_CENTER_IMAGE, ALIGN_CENTERED, ALIGN_LEFT_FULL_IMAGE, ALIGN_RIGHT_FULL_IMAGE, DISPLAY_STYLE_COLLAPSED, RECAPTCHA_ACTION_CONTACT_FORM, TEXT_ONLY, } from '../../constants';
-import { getRenderText, contentPaddingStyle as toContentPaddingStyle, mutedTextForBackground, backgroundColorFromStyle, } from '@brand-page/utils';
+import { getRenderText, contentPaddingStyle as toContentPaddingStyle, } from '@brand-page/utils';
 import { hasRTEContent } from '@brand-page-maker/utils';
 import { useReCaptcha } from '../../composables/recaptcha.composable';
 export default defineComponent({
@@ -146,24 +146,6 @@ export default defineComponent({
             }
             return {};
         },
-        disclosureColor() {
-            // Anchor the reCAPTCHA footnote to the surface it visually sits on, which
-            // differs by website type:
-            // - brandSite: the card style (card + divided layouts) or the section
-            //   background (other layouts).
-            // - brand.page / brand.contact: there's no section background, so the
-            //   coloured surface is the global button fill.
-            // Falls back to the title colour when there's no solid colour to anchor to.
-            const style = this.context.isBrandSite
-                ? this.hasCard || this.isDividedContent
-                    ? this.viewModel.cardStyle
-                    : this.hasBgColor
-                        ? this.viewModel.backgroundStyle
-                        : undefined
-                : this.viewModel.buttonStyles?.style;
-            return (mutedTextForBackground(backgroundColorFromStyle(style)) ??
-                this.viewModel.titleStyle?.color);
-        },
     },
     watch: {
         fields(fields) {

package/lib/src/brand-page/components/image-gallery/ImageGallery.stories.js

@@ -44,7 +44,6 @@ export const Carousel = () => {
             content.galleryStyles = undefined;
             content.images = new Array(10).fill(0).map((_, i) => {
                 return {
-                    id: `gallery-carousel-item-${i}`,
                     imageUrl: `https://picsum.photos/${300 * ((i + 1) / 4)}/${300 * ((i + 1) / 4)}?random=${i}`,
                     width: 300,
                     height: 300,
@@ -72,7 +71,6 @@ export const Masonry = () => {
             const content = createInitialImageGalleryContent();
             content.images = new Array(10).fill(0).map((_, i) => {
                 return {
-                    id: `gallery-masonry-item-${i}`,
                     imageUrl: `https://picsum.photos/${300 * ((i + 1) / 4)}/${300 * ((i + 1) / 4)}?random=${i}`,
                     width: 564,
                     height: 416,
@@ -100,7 +98,6 @@ export const Grid = () => {
             const content = createInitialImageGalleryContent();
             content.images = new Array(10).fill(0).map((_, i) => {
                 return {
-                    id: `gallery-grid-item-${i}`,
                     imageUrl: `https://picsum.photos/${300 * ((i + 1) / 4)}/${300 * ((i + 1) / 4)}?random=${i}`,
                     width: 564,
                     height: 416,

package/lib/src/brand-page/components/image-gallery/masonry/MasonryGallery.mixin.d.ts

@@ -2,7 +2,7 @@ import type { PropType } from 'vue';
 import type { ImageGalleryViewModel } from '../../../view-models';
 import type { DebounceHandle } from 'lodash.debounce';
 import type { BrandPageContext, ImageGalleryItem } from '../../../models';
-interface IndexedImageGalleryItem extends Omit<ImageGalleryItem, 'id'> {
+interface IndexedImageGalleryItem extends ImageGalleryItem {
     id: number;
 }
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{

package/lib/src/brand-page/components/images-section/ImagesSection.stories.js

@@ -41,9 +41,8 @@ export const Images = () => {
         },
         data() {
             const content = createInitialImagesSectionContent();
-            content.items = new Array(2).fill(0).map((_, i) => {
+            content.items = new Array(2).fill(0).map(() => {
                 return {
-                    id: `images-section-item-${i}`,
                     imageUrl: 'https://bc-user-uploads.brandcrowd.com/public/media-int/6b3a4d19-e95c-4d59-aa22-ac033a2cec2f/1116870a-c672-4306-b515-32f8d5d6e10c',
                     width: 564,
                     height: 416,

package/lib/src/brand-page/components/mailing-list/MailingList.mixin.d.ts

@@ -48,7 +48,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     hasFormError(): boolean;
     isNameRequired(): boolean;
     hasSubmitError(): boolean;
-    disclosureColor(): string | undefined;
     buttonStyle(): BrandPageCssStyle;
     buttonText(): string;
     containerStyle(): BrandPageCssStyle;

package/lib/src/brand-page/components/mailing-list/MailingList.mixin.js

@@ -1,6 +1,6 @@
 import { defineComponent } from 'vue';
 import brandPageClient from '../../clients/brand-page.client';
-import { getEmailValidationError, contentPaddingStyle as toContentPaddingStyle, mutedTextForBackground, backgroundColorFromStyle, } from '@brand-page/utils';
+import { getEmailValidationError, contentPaddingStyle as toContentPaddingStyle, } from '@brand-page/utils';
 import { contentSettingsTr, mailingListTr, } from '@src/composables/useTranslate';
 import { useReCaptcha } from '../../composables/recaptcha.composable';
 import { RECAPTCHA_ACTION_MAILING_LIST } from '../../constants';
@@ -69,13 +69,6 @@ export default defineComponent({
         hasSubmitError() {
             return Boolean(this.submitError);
         },
-        disclosureColor() {
-            // The mailing-list box uses the button style as its background, so anchor
-            // the reCAPTCHA footnote to that. Falls back to the title colour when the
-            // background isn't a solid colour.
-            const bg = backgroundColorFromStyle(this.viewModel.styles?.style);
-            return mutedTextForBackground(bg) ?? this.viewModel.titleStyle?.color;
-        },
         buttonStyle() {
             const buttonStyle = { ...this.viewModel.styles?.style };
             if (buttonStyle.borderStyle !== 'solid') {

package/lib/src/brand-page/components/navigation/navigation-side-menu/NavigationSideMenu.mixin.js

@@ -1,5 +1,4 @@
 import { defineComponent } from 'vue';
-import { isUnsetOrTransparentColor } from '../../../models';
 export default defineComponent({
     props: {
         context: {
@@ -76,16 +75,12 @@ export default defineComponent({
             const baseStyle = isActive
                 ? this.selectedButtonStyle
                 : this.defaultButtonStyle;
-            const subNavBackgroundColor = this.styles.hamburgerMenuStyle.subNavBackgroundColor ?? '#ffffff';
-            // An active sub-page uses the selected button colour, but when that colour
-            // is transparent/unset it must keep the sub-nav background colour rather
-            // than rendering transparent (BP-5751).
             return {
                 ...baseStyle,
                 paddingLeft: '32px',
-                backgroundColor: isActive && !isUnsetOrTransparentColor(baseStyle.backgroundColor)
+                backgroundColor: isActive
                     ? baseStyle.backgroundColor
-                    : subNavBackgroundColor,
+                    : (this.styles.hamburgerMenuStyle.subNavBackgroundColor ?? '#ffffff'),
             };
         },
         closeSideMenu() {

package/lib/src/brand-page/components/social-links/SocialLinks.stories.js

@@ -11,7 +11,6 @@ const viewModel = {
     title: 'Follow us on',
     links: [
         {
-            id: 'social-link-facebook',
             imageUrl: 'facebook',
             url: '',
             imageTitle: '',
@@ -22,7 +21,6 @@ const viewModel = {
             imageLink: '',
         },
         {
-            id: 'social-link-instagram',
             imageUrl: 'instagram',
             url: 'https://www.instagram.com',
             imageTitle: '',
@@ -33,7 +31,6 @@ const viewModel = {
             imageLink: '',
         },
         {
-            id: 'social-link-empty',
             imageUrl: '',
             url: '',
             imageTitle: '',

package/lib/src/brand-page/components/testimonial-section/__fixtures__/data.js

@@ -9,7 +9,6 @@ export const viewModel = {
     displayStyle: 'centered',
     items: [
         {
-            id: 'testimonial-1',
             testimonials: faker.lorem.paragraphs(1),
             imageUrl: unsplashImage,
             name: '1',
@@ -18,7 +17,6 @@ export const viewModel = {
             colorReplacements: [],
         },
         {
-            id: 'testimonial-2',
             testimonials: faker.lorem.paragraphs(3),
             imageUrl: unsplashImage,
             name: '2',
@@ -27,7 +25,6 @@ export const viewModel = {
             colorReplacements: [],
         },
         {
-            id: 'testimonial-3',
             testimonials: faker.lorem.paragraphs(5),
             imageUrl: 'https://source.unsplash.com/random/200x200?3',
             name: '3',

package/lib/src/brand-page/components/text/Text.stories.js

@@ -31,7 +31,6 @@ const BSviewModel = {
     text: 'asdasjdlkasjmdlkmsad',
     textItems: [
         {
-            id: 'text-item-1',
             text: 'lorem ipsum',
             textStyle: {
                 fontSize: '1rem',
@@ -40,7 +39,6 @@ const BSviewModel = {
             },
         },
         {
-            id: 'text-item-2',
             text: 'lorem ipsum',
             textStyle: {
                 fontSize: '1rem',

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

@@ -110,13 +110,6 @@ export interface ImageContent extends Content {
     height?: number;
 }
 export interface ImageItem {
-    /**
-     * Stable per-item identifier. Mirrors the section-level `Content.id` one
-     * level deeper so AI tool calls can reference items by id rather than by
-     * positional index. Backfilled on load for persisted data that predates
-     * item ids (see ensureItemIds), so it is always present at runtime.
-     */
-    id: string;
     imageUrl: string;
     imageTitle: string;
     width: number;
@@ -318,8 +311,6 @@ export interface ShapeItem extends ImageItem {
     paragraphOverride?: string;
 }
 export interface TestimonialItems {
-    /** Stable per-item identifier. See ImageItem.id. */
-    id: string;
     imageUrl: string;
     name: string;
     position: string;
@@ -334,8 +325,6 @@ export interface TestimonialItems {
     positionOverride?: string;
 }
 export interface TextItem {
-    /** Stable per-item identifier. See ImageItem.id. */
-    id: string;
     text: string;
     textStyle: TextStyleDeclaration;
     textOverride?: string;
@@ -396,8 +385,6 @@ export interface AboutSectionContent extends Content {
     size?: string;
 }
 export interface LinksItem {
-    /** Stable per-item identifier. See ImageItem.id. */
-    id: string;
     imageUrl: string;
     url: string;
     size?: string;

package/lib/src/brand-page/models/index.js

@@ -11,7 +11,6 @@ import { NavigationDesktop, NavigationMobile } from './navigation-styles.model';
 import { TEXT_STYLE_TYPES, TextStyles } from './styles.model';
 import { EMPTY_LOGO_IMAGE_MODEL, LogoStyles } from './logo.model';
 import cloneDeep from 'lodash.clonedeep';
-import * as uuid from 'uuid';
 export * from './brand-page-context.model';
 export * from './payment.model';
 export * from './content.model';
@@ -332,7 +331,6 @@ export class AbstractPageFooterStyles {
         this.logoImageWidth = options.logoImageWidth || DEFAULT_LOGO_WIDTH;
         this.socialLinks = options.socialLinks || [
             {
-                id: uuid.v4(),
                 width: 0,
                 height: 0,
                 imageUrl: 'facebook',
@@ -342,7 +340,6 @@ export class AbstractPageFooterStyles {
                 imageLink: '',
             },
             {
-                id: uuid.v4(),
                 width: 0,
                 height: 0,
                 imageUrl: 'instagram',
@@ -352,7 +349,6 @@ export class AbstractPageFooterStyles {
                 imageLink: '',
             },
             {
-                id: uuid.v4(),
                 width: 0,
                 height: 0,
                 imageUrl: 'x',

package/lib/src/brand-page/utils/color.util.d.ts

@@ -7,21 +7,5 @@ export declare const removeAlphaFromHex: (hex: string) => string;
 export declare const addTransparentAlphaChannelToHex: (hex: string) => string;
 export declare const addOpacityToHex: (hex: string, opacity: number) => string;
 export declare const setRgbAlpha: (rgb: string, alpha: number) => string;
-/**
- * A muted text colour whose lightness runs opposite to the background: darker
- * text on light backgrounds (e.g. beige), lighter text on dark ones. Starts
- * faded (close to the background) and is nudged toward black or white — whichever
- * the background contrasts with more — only until it reaches a legible target
- * contrast, so the result is as subtle as legibility allows.
- *
- * Returns undefined when the background isn't a solid, opaque colour (image,
- * gradient, transparent, unparseable) so callers can fall back.
- */
-export declare const mutedTextForBackground: (bgColor: string | undefined, { targetContrast, start, step }?: {
-    targetContrast?: number | undefined;
-    start?: number | undefined;
-    step?: number | undefined;
-}) => string | undefined;
-export declare const backgroundColorFromStyle: (style: BrandPageCssStyle | undefined) => string | undefined;
 export declare const getThemeByTextStyleAndLogoTheme: (textStyle: BrandPageCssStyle, logoTheme: LogoTheme) => Theme;
 export declare const getNewColorBasedOnTargetColorTheme: (originalColor: string, targetColor: string) => ColorInstance | undefined;

package/lib/src/brand-page/utils/color.util.js

@@ -47,62 +47,6 @@ export const setRgbAlpha = (rgb, alpha) => {
     }
     return `rgba(${match[1]},${match[2]},${match[3]},${alpha})`;
 };
-// Weighted linear blend of two colours in sRGB (weight = amount of `b`, 0..1).
-const mixRgb = (a, b, weight) => {
-    const [ar, ag, ab] = a.rgb().array();
-    const [br, bg, bb] = b.rgb().array();
-    return Color.rgb(ar + (br - ar) * weight, ag + (bg - ag) * weight, ab + (bb - ab) * weight);
-};
-// WCAG contrast ratio (1..21) between two colours.
-const contrastRatio = (a, b) => {
-    const [ar, ag, ab] = a.rgb().array();
-    const [br, bg, bb] = b.rgb().array();
-    const la = luminance(ar, ag, ab);
-    const lb = luminance(br, bg, bb);
-    return (Math.max(la, lb) + 0.05) / (Math.min(la, lb) + 0.05);
-};
-/**
- * A muted text colour whose lightness runs opposite to the background: darker
- * text on light backgrounds (e.g. beige), lighter text on dark ones. Starts
- * faded (close to the background) and is nudged toward black or white — whichever
- * the background contrasts with more — only until it reaches a legible target
- * contrast, so the result is as subtle as legibility allows.
- *
- * Returns undefined when the background isn't a solid, opaque colour (image,
- * gradient, transparent, unparseable) so callers can fall back.
- */
-export const mutedTextForBackground = (bgColor, { targetContrast = 3.5, start = 0.12, step = 0.04 } = {}) => {
-    if (!bgColor) {
-        return undefined;
-    }
-    let bg;
-    try {
-        bg = Color(bgColor);
-    }
-    catch {
-        return undefined;
-    }
-    // Can't anchor to a see-through background — caller should fall back.
-    if (bg.alpha() === 0) {
-        return undefined;
-    }
-    const black = Color.rgb(0, 0, 0);
-    const white = Color.rgb(255, 255, 255);
-    const target = contrastRatio(bg, black) >= contrastRatio(bg, white) ? black : white;
-    let weight = start;
-    let text = mixRgb(bg, target, weight);
-    while (weight < 1 && contrastRatio(text, bg) < targetContrast) {
-        weight += step;
-        text = mixRgb(bg, target, weight);
-    }
-    return text.hex();
-};
-// Pull a usable background colour out of a style object. Section backgrounds are
-// written under the `background` shorthand (the background-settings store forbids
-// `backgroundColor`), while card/button styles use `backgroundColor` — so check
-// both. The value may be a gradient/shorthand; callers that need a solid colour
-// pass it through mutedTextForBackground, which rejects anything unparseable.
-export const backgroundColorFromStyle = (style) => style?.backgroundColor || style?.background;
 export const getThemeByTextStyleAndLogoTheme = (textStyle, logoTheme) => {
     const primaryColor = textStyle.color;
     let secondaryColor = primaryColor;

package/lib/src/brand-page/utils/logo.util.d.ts

@@ -30,20 +30,6 @@ export declare const calculateOptimizedLogoDimensions: (logoData: {
     width: string;
     height: string;
 };
-/**
- * Resolves the "current" logo image from a brand-page MODEL (the raw,
- * deserialized shape — not the live stores, whose contents are wrapped in
- * `settings.content`).
- *
- * Brand-site keeps its logo in the page header; brand-page and brand-contact
- * keep it as a logo CONTENT block on the home page — the same `isBrandSite ?
- * header : content` split the logo-settings store getters/setter use. This is
- * the single source of truth for model-level logo reads: initial load and
- * history-restore both call it so the two paths can't drift. They previously
- * hard-coded `=== brandPage`, which silently excluded brand-contact and read a
- * stale header logo on undo.
- */
-export declare const getLogoImageFromModel: (model: BrandPageModel) => LogoImageModel | undefined;
 export declare const recalculateLogoContentDimensions: (pageData: any, editableLogoVariations: {
     variationId: number;
     width: number;

package/lib/src/brand-page/utils/logo.util.js

@@ -225,25 +225,6 @@ export const calculateOptimizedLogoDimensions = (logoData, currentWidth, current
     }
     return { width: currentWidth, height: currentHeight };
 };
-/**
- * Resolves the "current" logo image from a brand-page MODEL (the raw,
- * deserialized shape — not the live stores, whose contents are wrapped in
- * `settings.content`).
- *
- * Brand-site keeps its logo in the page header; brand-page and brand-contact
- * keep it as a logo CONTENT block on the home page — the same `isBrandSite ?
- * header : content` split the logo-settings store getters/setter use. This is
- * the single source of truth for model-level logo reads: initial load and
- * history-restore both call it so the two paths can't drift. They previously
- * hard-coded `=== brandPage`, which silently excluded brand-contact and read a
- * stale header logo on undo.
- */
-export const getLogoImageFromModel = (model) => {
-    if (model.brandPageType === BRAND_PAGE_TYPES.brandSite) {
-        return model.pageHeaderDesktop?.logoImage;
-    }
-    return model.pages?.[0]?.contents?.find(isLogoContent)?.logoImage;
-};
 export const recalculateLogoContentDimensions = async (pageData, editableLogoVariations, logoImage, isPrePurchase) => {
     try {
         let logoData;

package/lib/src/brand-page/utils/migration/migration-01.js

@@ -1,4 +1,3 @@
-import * as uuid from 'uuid';
 import { getLogoVariationIndexFromLogoImageUrl, getLogoDraftTokenFromLogoImageUrl, safeGetLogoImageFromLogoImageUrl, } from '../logo.util';
 import { DEFAULT_LETTER_SPACING, FOOTER_DISPLAY, NavigationDesktop, NavigationMobile, PageFooterDesktop, PageFooterMobile, PageHeaderDesktop, PageHeaderMobile, } from '../../';
 import { ALIGN_CARD_CENTER_IMAGE, ALIGN_CARD_LEFT_IMAGE, ALIGN_CENTERED, ALIGN_LEFT_BIG_IMAGE, BIG_IMAGE, BRAND_PAGE_TYPES, DEFAULT_FONT_FAMILY_KEY, DEFAULT_LOGO_HEIGHT, DEFAULT_LOGO_WIDTH, DEFAULT_TEXT_ALIGN, FONT_FAMILY_CONFIGS, HEADER_DISPLAY, NAVIGATION_DISPLAY, LINE_HEIGHT_BODY, LINE_HEIGHT_HEADINGS, LINE_HEIGHT_TITLE, PAYMENT_OPTION_DISPLAY_TYPES, } from '../../';
@@ -26,7 +25,6 @@ export const applyTextContentTextToTextItemsMigration = (brandPageModel) => {
                     };
                 }
                 const textItem = {
-                    id: uuid.v4(),
                     text: item.text,
                     textStyle,
                 };

package/lib/src/brand-page/utils/migration.util.js

@@ -20,7 +20,6 @@ import { migration14 } from './migration/migration-14';
 import { migration15 } from './migration/migration-15';
 import { migration16 } from './migration/migration-16';
 import { migration17 } from './migration/migration-17';
-import { migration18 } from './migration/migration-18';
 const MIGRATION_TABLE = [
     {
         version: 1,
@@ -133,11 +132,6 @@ const MIGRATION_TABLE = [
         runAlways: true,
         description: 'Padding Control backfill (BP-5699 Tier 2 + BP-5700 Store): backfill existing top/bottom spacing as explicit padding for text (12px), images/social links/shapes/booking (32px), store (16px), contact form (per layout), banner and about (per display style)',
     },
-    {
-        version: 18,
-        migrateFn: migration18,
-        description: 'BP-5603: backfill stable item ids on all nested items (gallery/section/testimonial/text items, section + footer social links) — the item id is now non-nullable',
-    },
 ];
 export const GetLatestModelVersion = () => Math.max(...MIGRATION_TABLE.map((x) => x.version));
 export const migrateBrandPageModel = async (brandPageModel, options) => {

package/lib/src/brand-page-maker/components/action-bar/ActionBar.mixin.d.ts

@@ -118,7 +118,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             content: TContent;
         }>(payload: P): Promise<void>;
         _captureTemplateSwitchIfEnabled(): void;
-        applyHistorySnapshot(snapshot: import("@brand-page/models").BrandPageModel, activePageId?: string, logoEditsStr?: string, selectedTemplateId?: string | false): Promise<void>;
+        applyHistorySnapshot(snapshot: import("@brand-page/models").BrandPageModel, activePageId?: string, logoEditsStr?: string): Promise<void>;
         _syncLogoSettingsFromSnapshot(snapshot: import("@brand-page/models").BrandPageModel, logoEditsStr?: string): Promise<void>;
         _navigateToActivePage(activePageId?: string): void;
         _fallbackSidebarIfSelectedContentMissing(snapshot: import("@brand-page/models").BrandPageModel): void;

package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.d.ts

@@ -163,7 +163,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             content: TContent;
         }>(payload: P): Promise<void>;
         _captureTemplateSwitchIfEnabled(): void;
-        applyHistorySnapshot(snapshot: import("@brand-page").BrandPageModel, activePageId?: string, logoEditsStr?: string, selectedTemplateId?: string | false): Promise<void>;
+        applyHistorySnapshot(snapshot: import("@brand-page").BrandPageModel, activePageId?: string, logoEditsStr?: string): Promise<void>;
         _syncLogoSettingsFromSnapshot(snapshot: import("@brand-page").BrandPageModel, logoEditsStr?: string): Promise<void>;
         _navigateToActivePage(activePageId?: string): void;
         _fallbackSidebarIfSelectedContentMissing(snapshot: import("@brand-page").BrandPageModel): void;
@@ -843,15 +843,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         pushMode(item: import("@shared/content-settings/store").ContentSettingsModeStackItem): void;
         resetMode(): void;
         updateItemValue(payload: import("../../../shared/content-settings/models").UpdateItemValuePayload<unknown>): void;
-        updateMultipleItemValues({ id, name, value, isHydrationWrite, }: import("../../../shared/content-settings/models").UpdateMultipleItemValuesPayload<any>): void;
-        updateTextStyleType({ id, name, value, isHydrationWrite, }: import("../../../shared/content-settings/models").UpdateMultipleItemValuesPayload<any>): void;
-        updateTextStyles({ id, name, value, isHydrationWrite, }: import("../../../shared/content-settings/models").UpdateMultipleItemValuesPayload<any>): void;
+        updateMultipleItemValues({ id, name, value, }: import("../../../shared/content-settings/models").UpdateMultipleItemValuesPayload<any>): void;
+        updateTextStyleType({ id, name, value, }: import("../../../shared/content-settings/models").UpdateMultipleItemValuesPayload<any>): void;
+        updateTextStyles({ id, name, value, }: import("../../../shared/content-settings/models").UpdateMultipleItemValuesPayload<any>): void;
         getTextStyles({ id, name }: {
             id: string;
             name: string;
         }): unknown;
-        updateTextItemTextStyleType({ id, name, value, index, isHydrationWrite, }: import("../../../shared/content-settings/models").UpdateMultipleItemValuesPayload<any>): void;
-        updateTextItemTextStyleTypeWithStyles({ id, name, value, index, isHydrationWrite, }: import("../../../shared/content-settings/models").UpdateMultipleItemValuesPayload<any>): void;
+        updateTextItemTextStyleType({ id, name, value, index, }: import("../../../shared/content-settings/models").UpdateMultipleItemValuesPayload<any>): void;
+        updateTextItemTextStyleTypeWithStyles({ id, name, value, index, }: import("../../../shared/content-settings/models").UpdateMultipleItemValuesPayload<any>): void;
         _setActiveCategoryTab({ activeCategoryTab, }: {
             activeCategoryTab: import("@brand-page-maker/models").ItemCategory;
         }): void;

package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.js

@@ -196,7 +196,7 @@ export default defineComponent({
         this.brandPageMakerStore.setIsBrandPageLoaded(true);
         // Capture baseline for undo/redo when the feature is active for this
         // session — see useUndoRedoFlag.ts for the gate (LaunchDarkly flag +
-        // non-admin maker; all three brands).
+        // brand-site + non-admin maker).
         if (useUndoRedoFlag().value) {
             useHistoryStore().captureBaseline();
         }

package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.stories.js

@@ -1281,7 +1281,6 @@ export const SampleImageGallery = () => {
         const width = 300;
         const height = 300;
         imageGalleryContent.images.push({
-            id: `gallery-item-${i}`,
             width,
             height,
             imageUrl: `https://images.unsplash.com/photo-1659535915214-e7cbac112038?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxMjQzOTV8MXwxfHNlYXJjaHw4fHxnYW1pbmd8ZW58MHx8fHwxNjY5MDc4ODE1&ixlib=rb-4.0.3&q=80&w=1080`,