@designcrowd/library.brand-page 6.0.6-undo-8 → 6.0.6-undo-9

package/lib/src/{CreatedOnBrandCrowd-de-de-DdT7VIEh.js → CreatedOnBrandCrowd-de-de-leTOAQPM.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-YSkiGVKr.js → CreatedOnBrandCrowd-en-us-_9b-3HPl.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-1EPcCaOy.js → CreatedOnBrandCrowd-es-es-BPeAHmQH.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-C8fnEHlw.js → CreatedOnBrandCrowd-fr-ca-B7hbXmje.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-C8fnEHlw.js → CreatedOnBrandCrowd-fr-fr-B7hbXmje.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-Dl3Se_ur.js → CreatedOnBrandCrowd-pt-br-C0U-9HO7.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-Dl3Se_ur.js → CreatedOnBrandCrowd-pt-pt-C0U-9HO7.js}

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

package/lib/src/{CreatedOnDcom-de-de-rXbL8YwY.js → CreatedOnDcom-de-de-Bdn37x7V.js}

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

package/lib/src/{CreatedOnDcom-en-us-Bm9CAhKw.js → CreatedOnDcom-en-us-usSC3HOQ.js}

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

package/lib/src/{CreatedOnDcom-es-es-B8diEgO8.js → CreatedOnDcom-es-es-BE0kziRp.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-b6jqk1vU.js → CreatedOnDcom-fr-ca-CcDaV0KR.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-ECBv8SyF.js → CreatedOnDcom-fr-fr-C1bX4cuW.js}

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

package/lib/src/{CreatedOnDcom-pt-br-C7THecsn.js → CreatedOnDcom-pt-br-DYju5xhk.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-C7f06hrr.js → CreatedOnDcom-pt-pt-CKYX6Rd0.js}

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

package/lib/src/index.mjs

@@ -1,4 +1,4 @@
-import { A as T, a as E, b as s, c as I, d as S, e as N, f as e, B as A, g as O, h as C, i as t, j as G, k as D, l as P, m as R, n as L, o, p as M, q as r, r as n, s as b, t as l, u as F, v as i, w as c, x as g, y as B, z as Y, C as U, D as d, E as u, F as H, G as p, H as y, I as K, J as m, K as k, L as V, M as X, N as v, O as h, P as f, Q as W, R as x, S as z, T as w, U as Z, V as j, W as q, X as J, Y as Q, Z as $, $ as aa, a0 as _a, a1 as Ta, a2 as Ea, a3 as sa, a4 as Ia, a5 as Sa, a6 as Na, a7 as ea, a8 as Aa, a9 as Oa, aa as Ca, ab as ta, ac as Ga, ad as Da, ae as Pa, af as Ra, ag as La, ah as oa, ai as Ma, aj as ra, ak as na, al as ba, am as la, an as Fa, ao as ia, ap as ca, aq as ga, ar as Ba, as as Ya, at as Ua, au as da, av as ua, aw as Ha, ax as pa, ay as ya, az as Ka, aA as ma, aB as ka, aC as Va, aD as Xa, aE as va, aF as ha, aG as fa, aH as Wa, aI as xa, aJ as za, aK as wa, aL as Za, aM as ja, aN as qa, aO as Ja, aP as Qa, aQ as $a, aR as a_, aS as __, aT as T_, aU as E_, aV as s_, aW as I_, aX as S_, aY as N_, aZ as e_, a_ as A_, a$ as O_, b0 as C_, b1 as t_, b2 as G_, b3 as D_, b4 as P_, b5 as R_, b6 as L_, b7 as o_, b8 as M_, b9 as r_, ba as n_, bb as b_, bc as l_, bd as F_, be as i_, bf as c_, bg as g_, bh as B_, bi as Y_, bj as U_, bk as d_, bl as u_, bm as H_, bn as p_, bo as y_, bp as K_, bq as m_, br as k_, bs as V_, bt as X_, bu as v_, bv as h_, bw as f_, bx as W_, by as x_, bz as z_, bA as w_, bB as Z_, bC as j_, bD as q_, bE as J_, bF as Q_, bG as $_, bH as aT, bI as _T, bJ as TT, bK as ET, bL as sT, bM as IT, bN as ST, bO as NT, bP as eT, bQ as AT, bR as OT, bS as CT, bT as tT, bU as GT, bV as DT, bW as PT, bX as RT, bY as LT, bZ as oT, b_ as MT, b$ as rT, c0 as nT, c1 as bT, c2 as lT, c3 as FT, c4 as iT, c5 as cT, c6 as gT, c7 as BT, c8 as YT, c9 as UT, ca as dT, cb as uT, cc as HT, cd as pT, ce as yT, cf as KT, cg as mT, ch as kT, ci as VT, cj as XT, ck as vT, cl as hT, cm as fT, cn as WT, co as xT, cp as zT, cq as wT, cr as ZT, cs as jT, ct as qT, cu as JT } from "./lib-DQvE17ni.js";
+import { A as T, a as E, b as s, c as I, d as S, e as N, f as e, B as A, g as O, h as C, i as t, j as G, k as D, l as P, m as R, n as L, o, p as M, q as r, r as n, s as b, t as l, u as F, v as i, w as c, x as g, y as B, z as Y, C as U, D as d, E as u, F as H, G as p, H as y, I as K, J as m, K as k, L as V, M as X, N as v, O as h, P as f, Q as W, R as x, S as z, T as w, U as Z, V as j, W as q, X as J, Y as Q, Z as $, $ as aa, a0 as _a, a1 as Ta, a2 as Ea, a3 as sa, a4 as Ia, a5 as Sa, a6 as Na, a7 as ea, a8 as Aa, a9 as Oa, aa as Ca, ab as ta, ac as Ga, ad as Da, ae as Pa, af as Ra, ag as La, ah as oa, ai as Ma, aj as ra, ak as na, al as ba, am as la, an as Fa, ao as ia, ap as ca, aq as ga, ar as Ba, as as Ya, at as Ua, au as da, av as ua, aw as Ha, ax as pa, ay as ya, az as Ka, aA as ma, aB as ka, aC as Va, aD as Xa, aE as va, aF as ha, aG as fa, aH as Wa, aI as xa, aJ as za, aK as wa, aL as Za, aM as ja, aN as qa, aO as Ja, aP as Qa, aQ as $a, aR as a_, aS as __, aT as T_, aU as E_, aV as s_, aW as I_, aX as S_, aY as N_, aZ as e_, a_ as A_, a$ as O_, b0 as C_, b1 as t_, b2 as G_, b3 as D_, b4 as P_, b5 as R_, b6 as L_, b7 as o_, b8 as M_, b9 as r_, ba as n_, bb as b_, bc as l_, bd as F_, be as i_, bf as c_, bg as g_, bh as B_, bi as Y_, bj as U_, bk as d_, bl as u_, bm as H_, bn as p_, bo as y_, bp as K_, bq as m_, br as k_, bs as V_, bt as X_, bu as v_, bv as h_, bw as f_, bx as W_, by as x_, bz as z_, bA as w_, bB as Z_, bC as j_, bD as q_, bE as J_, bF as Q_, bG as $_, bH as aT, bI as _T, bJ as TT, bK as ET, bL as sT, bM as IT, bN as ST, bO as NT, bP as eT, bQ as AT, bR as OT, bS as CT, bT as tT, bU as GT, bV as DT, bW as PT, bX as RT, bY as LT, bZ as oT, b_ as MT, b$ as rT, c0 as nT, c1 as bT, c2 as lT, c3 as FT, c4 as iT, c5 as cT, c6 as gT, c7 as BT, c8 as YT, c9 as UT, ca as dT, cb as uT, cc as HT, cd as pT, ce as yT, cf as KT, cg as mT, ch as kT, ci as VT, cj as XT, ck as vT, cl as hT, cm as fT, cn as WT, co as xT, cp as zT, cq as wT, cr as ZT, cs as jT, ct as qT, cu as JT } from "./lib-FHU3Jvoq.js";
 import { createPinia as $T, setActivePinia as aE } from "pinia";
 export {
   T as ABOUT_SECTION_SETTINGS_CONFIG,

package/lib/src/{lib-DQvE17ni.js → lib-FHU3Jvoq.js}

@@ -66487,10 +66487,10 @@ const Zi = /* @__PURE__ */ f9(XU1), JU1 = (e, t, n) => {
     D2(() => n.context.isDesignCom, async () => {
       const M = a9().toLowerCase(), S = n.context.isDesignCom ? "Dcom" : "BrandCrowd";
       try {
-        const { default: _ } = await AV(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-de-de.vue": () => import("./CreatedOnBrandCrowd-de-de-DdT7VIEh.js"), "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-YSkiGVKr.js"), "./watermark/CreatedOnBrandCrowd-es-es.vue": () => import("./CreatedOnBrandCrowd-es-es-1EPcCaOy.js"), "./watermark/CreatedOnBrandCrowd-fr-ca.vue": () => import("./CreatedOnBrandCrowd-fr-ca-C8fnEHlw.js"), "./watermark/CreatedOnBrandCrowd-fr-fr.vue": () => import("./CreatedOnBrandCrowd-fr-fr-C8fnEHlw.js"), "./watermark/CreatedOnBrandCrowd-pt-br.vue": () => import("./CreatedOnBrandCrowd-pt-br-Dl3Se_ur.js"), "./watermark/CreatedOnBrandCrowd-pt-pt.vue": () => import("./CreatedOnBrandCrowd-pt-pt-Dl3Se_ur.js"), "./watermark/CreatedOnDcom-de-de.vue": () => import("./CreatedOnDcom-de-de-rXbL8YwY.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-Bm9CAhKw.js"), "./watermark/CreatedOnDcom-es-es.vue": () => import("./CreatedOnDcom-es-es-B8diEgO8.js"), "./watermark/CreatedOnDcom-fr-ca.vue": () => import("./CreatedOnDcom-fr-ca-b6jqk1vU.js"), "./watermark/CreatedOnDcom-fr-fr.vue": () => import("./CreatedOnDcom-fr-fr-ECBv8SyF.js"), "./watermark/CreatedOnDcom-pt-br.vue": () => import("./CreatedOnDcom-pt-br-C7THecsn.js"), "./watermark/CreatedOnDcom-pt-pt.vue": () => import("./CreatedOnDcom-pt-pt-C7f06hrr.js") }), `./watermark/CreatedOn${S}-${M}.vue`, 3);
+        const { default: _ } = await AV(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-de-de.vue": () => import("./CreatedOnBrandCrowd-de-de-leTOAQPM.js"), "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-_9b-3HPl.js"), "./watermark/CreatedOnBrandCrowd-es-es.vue": () => import("./CreatedOnBrandCrowd-es-es-BPeAHmQH.js"), "./watermark/CreatedOnBrandCrowd-fr-ca.vue": () => import("./CreatedOnBrandCrowd-fr-ca-B7hbXmje.js"), "./watermark/CreatedOnBrandCrowd-fr-fr.vue": () => import("./CreatedOnBrandCrowd-fr-fr-B7hbXmje.js"), "./watermark/CreatedOnBrandCrowd-pt-br.vue": () => import("./CreatedOnBrandCrowd-pt-br-C0U-9HO7.js"), "./watermark/CreatedOnBrandCrowd-pt-pt.vue": () => import("./CreatedOnBrandCrowd-pt-pt-C0U-9HO7.js"), "./watermark/CreatedOnDcom-de-de.vue": () => import("./CreatedOnDcom-de-de-Bdn37x7V.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-usSC3HOQ.js"), "./watermark/CreatedOnDcom-es-es.vue": () => import("./CreatedOnDcom-es-es-BE0kziRp.js"), "./watermark/CreatedOnDcom-fr-ca.vue": () => import("./CreatedOnDcom-fr-ca-CcDaV0KR.js"), "./watermark/CreatedOnDcom-fr-fr.vue": () => import("./CreatedOnDcom-fr-fr-C1bX4cuW.js"), "./watermark/CreatedOnDcom-pt-br.vue": () => import("./CreatedOnDcom-pt-br-DYju5xhk.js"), "./watermark/CreatedOnDcom-pt-pt.vue": () => import("./CreatedOnDcom-pt-pt-CKYX6Rd0.js") }), `./watermark/CreatedOn${S}-${M}.vue`, 3);
         i.value = _;
       } catch {
-        const { default: x } = await AV(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-YSkiGVKr.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-Bm9CAhKw.js") }), `./watermark/CreatedOn${S}-en-us.vue`, 3);
+        const { default: x } = await AV(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-_9b-3HPl.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-usSC3HOQ.js") }), `./watermark/CreatedOn${S}-en-us.vue`, 3);
         i.value = x;
       }
     }, {
@@ -79024,7 +79024,7 @@ const o0 = (e) => {
 }), g42 = [
   "profile",
   "text"
-], ix = (e, t) => e === t || JSON.stringify(e) === JSON.stringify(t), l6 = {
+], ix = (e, t) => e === t, l6 = {
   edit: "edit",
   add: "add",
   images: "images",
@@ -99995,16 +99995,20 @@ const qb2 = /* @__PURE__ */ v(Zb2, [["render", zb2]]), fH = Q({
   },
   methods: {
     toggleEnabled(e, t) {
-      const n = [...this.value];
-      n[e].enabled = t, this.$emit("update:modelValue", {
+      const n = this.value.map(
+        (i, o) => o === e ? { ...i, enabled: t } : i
+      );
+      this.$emit("update:modelValue", {
         id: this.id,
         name: this.name,
         value: n
       });
     },
     toggleRequired(e, t) {
-      const n = [...this.value];
-      n[e].required = t, this.$emit("update:modelValue", {
+      const n = this.value.map(
+        (i, o) => o === e ? { ...i, required: t } : i
+      );
+      this.$emit("update:modelValue", {
         id: this.id,
         name: this.name,
         value: n

package/lib/src/shared/content-settings/components/form-fields-field/FormFieldsField.mixin.js

@@ -69,8 +69,10 @@ export default defineComponent({
     },
     methods: {
         toggleEnabled(index, value) {
-            const result = [...this.value];
-            result[index].enabled = value;
+            // Clone the row — `this.value[index]` is the store's reactive
+            // proxy and mutating it in place would leak the change to the
+            // store before the emit reaches updateItemValue.
+            const result = this.value.map((field, i) => i === index ? { ...field, enabled: value } : field);
             this.$emit('update:modelValue', {
                 id: this.id,
                 name: this.name,
@@ -78,8 +80,7 @@ export default defineComponent({
             });
         },
         toggleRequired(index, value) {
-            const result = [...this.value];
-            result[index].required = value;
+            const result = this.value.map((field, i) => i === index ? { ...field, required: value } : field);
             this.$emit('update:modelValue', {
                 id: this.id,
                 name: this.name,

package/lib/src/shared/content-settings/store/content-settings-store.js

@@ -14,17 +14,14 @@ const DEFAULT_TEXT_COLOR_DEPENDENT_TYPES = [
     'profile',
     'text',
 ];
-/**
- * True when the incoming value is byte-identical (as JSON, matching how
- * history snapshots the model) to what the model already holds. Such
- * re-writes must be dropped whole: the assignment would be a reactive
- * no-op, but onContentChanged() still flips isModifiedAfterTemplateApplied
- * — and when that flag was false, its flip is itself a model mutation, so
- * undo history commits an entry in which nothing user-visible changed
- * (phantom undo state, BP-5772: re-clicking the logo panel's Upload/Logo
- * option, re-clicking an already-active display style).
- */
-const isSameValue = (a, b) => a === b || JSON.stringify(a) === JSON.stringify(b);
+// Identity-only, not deep-equal. Drops the two BP-5772 phantoms
+// (LogoSelectionField Upload re-click passes props.content.logoImage —
+// the same proxy that's in the store; display-style re-click emits the
+// stored primitive) and never false-positives on a caller that mutates
+// the store in place via a shared reference (e.g. `[...this.value];
+// result[i].x = v`), which would leave the payload byte-identical to
+// the store while state actually changed.
+const isSameValue = (a, b) => a === b;
 export const CONTENT_SETTINGS_MODES = {
     edit: 'edit',
     add: 'add',

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@designcrowd/library.brand-page",
   "description": "A collection of Maker/Designer applications",
-  "version": "6.0.6-undo-8",
+  "version": "6.0.6-undo-9",
   "author": "Design.com Eng",
   "license": "UNLICENSED",
   "type": "module",

package/src/shared/content-settings/components/form-fields-field/FormFieldsField.mixin.ts

@@ -81,9 +81,12 @@ export default defineComponent({
   },
   methods: {
     toggleEnabled(index, value) {
-      const result = [...this.value];
-
-      result[index].enabled = value;
+      // Clone the row — `this.value[index]` is the store's reactive
+      // proxy and mutating it in place would leak the change to the
+      // store before the emit reaches updateItemValue.
+      const result = this.value.map((field, i) =>
+        i === index ? { ...field, enabled: value } : field,
+      );
 
       this.$emit('update:modelValue', {
         id: this.id,
@@ -92,9 +95,9 @@ export default defineComponent({
       });
     },
     toggleRequired(index, value) {
-      const result = [...this.value];
-
-      result[index].required = value;
+      const result = this.value.map((field, i) =>
+        i === index ? { ...field, required: value } : field,
+      );
 
       this.$emit('update:modelValue', {
         id: this.id,

package/src/shared/content-settings/store/content-settings-store.test.ts

@@ -207,30 +207,26 @@ describe('content settings store — hydration writes arm the history merge', ()
   });
 });
 
-// BP-5772: a value-identical re-write must be dropped whole. The assignment
-// would be a reactive no-op, but onContentChanged() still flips
-// isModifiedAfterTemplateApplied — and when that flag was false, its flip is
-// itself a model mutation, so history commits an entry in which nothing
-// user-visible changed. Live repro: with the logo visible, clicking the logo
-// panel's "Upload" option re-emits { logoImage, logoTemplateImage,
-// logoImageBase64Url, isLogoVisible } deep-equal to the model under fresh
-// references (LogoSelectionField.onLogoVisibleChanged). Same class:
-// re-clicking the already-active display style.
+// BP-5772: a same-reference re-write must be dropped — the assignment
+// is a reactive no-op but onContentChanged()'s flip would land a phantom
+// history entry. Guard is identity-only; a deep-equal guard would also
+// drop writes where the caller mutated the store in place before emit
+// (FormFieldsField pre-fix) and break the canvas re-render.
 describe('content settings store — value-identical writes are dropped', () => {
-  const logoImage = () => ({
-    logoDraftToken: 'dae5cda0-602d-4c69-a26e-000000000001',
-    logoVariation: 0,
-    logoLastUpdate: '638000000000000000',
-  });
-
   const makeItem = () => ({
     id: 'item-1',
     type: 'logo',
     settings: {
       content: {
         title: '<p>old</p>',
+        displayStyle: 'preview',
         isLogoVisible: true,
-        logoImage: logoImage(),
+        logoImage: {
+          logoDraftToken: 'dae5cda0-602d-4c69-a26e-000000000001',
+          logoVariation: 0,
+          logoLastUpdate: '638000000000000000',
+        },
+        logoTemplateImage: { url: 'https://example.test/tpl.png' },
       },
     },
   });
@@ -254,26 +250,32 @@ describe('content settings store — value-identical writes are dropped', () =>
 
   test('updateMultipleItemValues drops the logo-panel Upload re-click payload', () => {
     const store = setupStore();
+    const content = store.items[0].settings.content as Record<string, unknown>;
 
-    // Deep-equal to the model but every reference is fresh — exactly what
-    // the Upload option click emits when visibility didn't change.
+    // Exactly what LogoSelectionField.onLogoVisibleChanged emits when
+    // visibility didn't change: the same reactive-proxy refs it read from
+    // the store, plus the current primitive visibility value.
     store.updateMultipleItemValues({
       id: 'item-1',
       name: 'logoImage',
-      value: { logoImage: logoImage(), isLogoVisible: true },
+      value: {
+        logoImage: content.logoImage,
+        logoTemplateImage: content.logoTemplateImage,
+        isLogoVisible: content.isLogoVisible,
+      },
     });
 
     expect(store.onContentChanged).not.toHaveBeenCalled();
     expect(store.validateItem).not.toHaveBeenCalled();
   });
 
-  test('updateItemValue drops an identical primitive', () => {
+  test('updateItemValue drops an identical primitive (display-style re-click)', () => {
     const store = setupStore();
 
     store.updateItemValue({
       id: 'item-1',
-      name: 'title',
-      value: '<p>old</p>',
+      name: 'displayStyle',
+      value: 'preview',
     });
 
     expect(store.onContentChanged).not.toHaveBeenCalled();
@@ -282,11 +284,12 @@ describe('content settings store — value-identical writes are dropped', () =>
 
   test('updateMultipleItemValues writes when any one field differs', () => {
     const store = setupStore();
+    const content = store.items[0].settings.content as Record<string, unknown>;
 
     store.updateMultipleItemValues({
       id: 'item-1',
       name: 'logoImage',
-      value: { logoImage: logoImage(), isLogoVisible: false },
+      value: { logoImage: content.logoImage, isLogoVisible: false },
     });
 
     expect(store.onContentChanged).toHaveBeenCalledTimes(1);
@@ -301,11 +304,46 @@ describe('content settings store — value-identical writes are dropped', () =>
 
     store.updateItemValue({
       id: 'item-1',
-      name: 'title',
-      value: '<p>old</p>',
+      name: 'displayStyle',
+      value: 'preview',
       isHydrationWrite: true,
     });
 
     expect(mergeNextMutationMock).not.toHaveBeenCalled();
   });
+
+  // Contact-form toggle repro (bp-5772 UAT env): pre-fix FormFieldsField
+  // shallow-copied `[...this.value]` and mutated `result[i].enabled` —
+  // hitting the store's inner obj before emit. Deep-equal guard would
+  // drop this as a no-op and the canvas would stay stale.
+  test('updateItemValue writes when the outer container is a fresh reference, even if a caller mutated the shared leaf in place', () => {
+    const store = setupStore();
+    const content = store.items[0].settings.content as Record<string, unknown>;
+
+    content.fields = [
+      { id: 'firstName', enabled: true, required: true, type: 'text' },
+      { id: 'message', enabled: true, required: true, type: 'text-area' },
+    ];
+
+    const payloadValue = [...(content.fields as Record<string, unknown>[])];
+
+    payloadValue[0].enabled = false;
+
+    store.updateItemValue({
+      id: 'item-1',
+      name: 'fields',
+      value: payloadValue,
+    });
+
+    expect(store.onContentChanged).toHaveBeenCalledTimes(1);
+    expect(store.validateItem).toHaveBeenCalledTimes(1);
+    // Check the effect rather than identity — Pinia wraps in a proxy.
+    expect(
+      (
+        (store.items[0].settings.content as Record<string, unknown>).fields as {
+          enabled: boolean;
+        }[]
+      )[0].enabled,
+    ).toBe(false);
+  });
 });

package/src/shared/content-settings/store/content-settings-store.ts

@@ -60,18 +60,14 @@ const DEFAULT_TEXT_COLOR_DEPENDENT_TYPES: readonly ContentType[] = [
   'text',
 ] as const;
 
-/**
- * True when the incoming value is byte-identical (as JSON, matching how
- * history snapshots the model) to what the model already holds. Such
- * re-writes must be dropped whole: the assignment would be a reactive
- * no-op, but onContentChanged() still flips isModifiedAfterTemplateApplied
- * — and when that flag was false, its flip is itself a model mutation, so
- * undo history commits an entry in which nothing user-visible changed
- * (phantom undo state, BP-5772: re-clicking the logo panel's Upload/Logo
- * option, re-clicking an already-active display style).
- */
-const isSameValue = (a: unknown, b: unknown): boolean =>
-  a === b || JSON.stringify(a) === JSON.stringify(b);
+// Identity-only, not deep-equal. Drops the two BP-5772 phantoms
+// (LogoSelectionField Upload re-click passes props.content.logoImage —
+// the same proxy that's in the store; display-style re-click emits the
+// stored primitive) and never false-positives on a caller that mutates
+// the store in place via a shared reference (e.g. `[...this.value];
+// result[i].x = v`), which would leave the payload byte-identical to
+// the store while state actually changed.
+const isSameValue = (a: unknown, b: unknown): boolean => a === b;
 
 export const CONTENT_SETTINGS_MODES = {
   edit: 'edit',