@designcrowd/library.brand-page 5.18.1-undo-26 → 5.18.1-undo-27

package/lib/src/{CreatedOnBrandCrowd-de-de-DWzLegt3.js → CreatedOnBrandCrowd-de-de-COk1RbBS.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-Dr6isTH_.js → CreatedOnBrandCrowd-en-us-CB3iIEMt.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-hPCTaL-A.js → CreatedOnBrandCrowd-es-es-CRU0kUB6.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-BNDUTNc_.js → CreatedOnBrandCrowd-fr-ca-C5DdVGnT.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-BNDUTNc_.js → CreatedOnBrandCrowd-fr-fr-C5DdVGnT.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-DKn5U0m5.js → CreatedOnBrandCrowd-pt-br-2L9tw0-m.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-DKn5U0m5.js → CreatedOnBrandCrowd-pt-pt-2L9tw0-m.js}

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

package/lib/src/{CreatedOnDcom-de-de-Cxe0RSmZ.js → CreatedOnDcom-de-de-BDHBukLE.js}

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

package/lib/src/{CreatedOnDcom-en-us-D1D6h8b6.js → CreatedOnDcom-en-us-D0vKhTnI.js}

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

package/lib/src/{CreatedOnDcom-es-es-4k5Jz225.js → CreatedOnDcom-es-es-CCYUHgfO.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-CeB-CL-1.js → CreatedOnDcom-fr-ca-DnPc5h-w.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-D7PCXxYg.js → CreatedOnDcom-fr-fr-CvWbnzbp.js}

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

package/lib/src/{CreatedOnDcom-pt-br-D89FAdoN.js → CreatedOnDcom-pt-br-DdMZYZog.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-CtJ0lm4O.js → CreatedOnDcom-pt-pt-BPvriH9Y.js}

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

package/lib/src/brand-page-maker/stores/history/history-store.js

@@ -5,7 +5,6 @@ import { useAiWebsiteBuilderThreadStore } from '../ai-thread/ai-website-builder-
 import { useEventTracker } from '../../composables/useEventTracker';
 import { usePageNavigationStore } from '@shared/page-navigation/store/page-navigation-store';
 import { useUiEditableLogoStore } from '@shared/logo-settings/store/editable-logo-store';
-import { useShopConfigStore } from '@shared/ecommerce-settings/store/shop-settings-store';
 import { useUiPageSettingsStore } from '@shared/page-settings/store';
 import { ESCAPED_NEWLINE_CHARACTER } from '@src/constants/ui';
 /**
@@ -50,54 +49,33 @@ const MAX_ENTRY_BYTES = 25 * 1024 * 1024;
 // reactive cascades (template loadPageNo, router afterEach, layout settle)
 // that would otherwise make undo light up before the user has done anything.
 const BASELINE_SETTLE_MS = 2000;
-// Content-level wrapper keys whose `paymentConfig` child is a denormalised
-// cache of `shopConfigStore.paymentConfig` (the user's Stripe Connect
-// linkage). The cache is hydrated lazily by
-// `PaymentConfigField.mixin.ts:created()` when the user clicks into one of
-// these sections — that hydration is not user authoring intent, and Stripe
-// Connect linkage state is backend-confirmed (per `project-guardrails.md`).
+// Content-level wrapper keys whose `paymentConfig` child is the user's
+// Stripe Connect linkage — backend-confirmed state, not native authoring
+// intent (per `project-guardrails.md`). It must be invariant under undo /
+// redo regardless of what other edits the user makes.
 //
-// paymentConfig is kept fully invariant under undo/redo via two layers in
-// this file:
-//   1. Capture-time strip in `serializeCurrentSnapshot` — snapshots are
-//      paymentConfig-free, so no entry can carry a stale or absent value.
-//   2. Restore-time re-stamp in `applySnapshotString` — after every undo /
-//      redo apply, every live wrapper's `paymentConfig` is reset from
-//      `shopConfigStore.paymentConfig`, which is itself never touched by
-//      undo/redo (see `applyHistorySnapshot` step 6).
+// paymentConfig is kept invariant by `applySnapshotString`:
+//   - Before applying the target snapshot, harvest each live
+//     wrapper.paymentConfig keyed by content id.
+//   - applyHistorySnapshot rebuilds page contents from the snapshot
+//     (which may carry a stale or absent paymentConfig).
+//   - After the apply resolves, walk the rebuilt live pages and re-stamp
+//     wrapper.paymentConfig from the harvest, so each wrapper holds the
+//     same paymentConfig it had immediately before the apply.
 //
-// Together: the live wrapper always equals the live shop store, regardless
-// of what the user does in between captures and restores.
+// Snapshots themselves still carry paymentConfig (we don't strip at
+// capture time) — there's nothing to gain from stripping when the live
+// value is preserved across the apply, and keeping snapshots whole avoids
+// any data-loss risk for any future code path that might read paymentConfig
+// from a snapshot directly. The dedup-side strip below ignores
+// `paymentConfig` for the byte-compare so a click-without-edit doesn't
+// generate a phantom entry.
 const PAYMENT_CONFIG_WRAPPER_KEYS = [
     'supportMeConfig',
     'requestPaymentConfig',
     'shopPaymentConfig',
 ];
-/**
- * Walk a `pages` array and remove the `paymentConfig` key from every
- * payment-config wrapper found inside `pages[*].contents[*]`. Mutates in
- * place — caller is responsible for passing a clone if the source must
- * remain untouched.
- */
-function stripPaymentConfigsFromPages(pages) {
-    if (!Array.isArray(pages))
-        return;
-    for (const page of pages) {
-        const contents = page?.contents;
-        if (!Array.isArray(contents))
-            continue;
-        for (const content of contents) {
-            if (!content || typeof content !== 'object')
-                continue;
-            for (const key of PAYMENT_CONFIG_WRAPPER_KEYS) {
-                const wrapper = content[key];
-                if (wrapper && typeof wrapper === 'object' && !Array.isArray(wrapper)) {
-                    delete wrapper.paymentConfig;
-                }
-            }
-        }
-    }
-}
+const PAYMENT_CONFIG_WRAPPER_KEY_SET = new Set(PAYMENT_CONFIG_WRAPPER_KEYS);
 export const useHistoryStore = defineStore('history', () => {
     const eventTracker = useEventTracker();
     // --- State ---
@@ -131,15 +109,7 @@ export const useHistoryStore = defineStore('history', () => {
         if (!cachedMakerStore)
             return null;
         try {
-            // JSON round-trip detaches the live reactive proxy, then we strip
-            // `paymentConfig` from every payment-config wrapper before re-
-            // stringifying. paymentConfig is the user's Stripe Connect linkage
-            // (backend-confirmed) and must not enter the undo stack — see
-            // `PAYMENT_CONFIG_WRAPPER_KEYS` above. The live store is never
-            // mutated; the strip operates on the detached clone only.
-            const cloned = JSON.parse(JSON.stringify(toRaw(cachedMakerStore.brandPageData)));
-            stripPaymentConfigsFromPages(cloned.pages);
-            return JSON.stringify(cloned);
+            return JSON.stringify(toRaw(cachedMakerStore.brandPageData));
         }
         catch (error) {
             console.error('history-store: failed to serialize snapshot', error);
@@ -427,6 +397,29 @@ export const useHistoryStore = defineStore('history', () => {
             // represent a user-visible change.
             if (key === 'isModifiedAfterTemplateApplied')
                 continue;
+            // Strip lazily-hydrated `paymentConfig` from payment-config wrappers
+            // (`supportMeConfig` / `requestPaymentConfig` / `shopPaymentConfig`)
+            // for the dedup byte-compare. paymentConfig is preserved across
+            // every undo/redo by `applySnapshotString`'s harvest+re-stamp pair,
+            // so capturing a wrapper-only diff (e.g. lazy hydration on first
+            // section click) would generate a phantom undo entry that, on
+            // playback, has no user-visible effect. Same reasoning as the
+            // `*Style` / RTE hydration carve-outs above. See
+            // `PAYMENT_CONFIG_WRAPPER_KEYS`.
+            if (PAYMENT_CONFIG_WRAPPER_KEY_SET.has(key) &&
+                v !== null &&
+                typeof v === 'object' &&
+                !Array.isArray(v) &&
+                'paymentConfig' in v) {
+                const wrapper = v;
+                const stripped = {};
+                for (const k of Object.keys(wrapper)) {
+                    if (k === 'paymentConfig')
+                        continue;
+                    stripped[k] = wrapper[k];
+                }
+                v = stripped;
+            }
             // Collapse RTE default-hydration wrappers down to the plain text
             // they wrap. Plain "X" and `<p style="..."><span ...><mark ...>X
             // </mark></span></p>` share the same canonical "X" so a sidebar
@@ -827,51 +820,95 @@ export const useHistoryStore = defineStore('history', () => {
             }
         }
         const targetEntry = entries.value[targetIndex];
+        // Harvest the LIVE `wrapper.paymentConfig` from every payment-config
+        // wrapper BEFORE applying the snapshot. The snapshot may carry a
+        // stale or absent paymentConfig (e.g. baseline captured before the
+        // wrapper was hydrated), but the live value reflects the current
+        // truth — wherever it came from (server bootstrap, Stripe Connect
+        // onboarding via PaymentConfigField, or the shop store's lazy hydration).
+        // We re-stamp this harvest onto the rebuilt live wrappers after the
+        // apply so paymentConfig is invariant under undo/redo regardless of
+        // what other content edits the user made. See `PAYMENT_CONFIG_WRAPPER_KEYS`.
+        const paymentConfigHarvest = harvestLivePaymentConfigsByContentId();
         isApplyingSnapshot.value = true;
         try {
             await brandPageMakerStore.applyHistorySnapshot(snapshot, resolvedActivePageId, targetEntry?.logoEdits);
             await nextTick();
-            // Re-stamp `wrapper.paymentConfig` on every payment-config wrapper in
-            // the freshly-restored content tree from the live shop store. The
-            // snapshot is paymentConfig-free (capture-time strip in
-            // `serializeCurrentSnapshot`), so without this step every wrapper
-            // would be left with `paymentConfig: undefined` after restore. The
-            // shop store's value is itself never undoable (see `project-
-            // guardrails.md` — Stripe Connect linkage is backend-confirmed).
-            restorePaymentConfigsOnLivePages();
+            restorePaymentConfigsFromHarvest(paymentConfigHarvest);
         }
         finally {
             isApplyingSnapshot.value = false;
         }
     }
+    function harvestLivePaymentConfigsByContentId() {
+        const out = new Map();
+        try {
+            const pageSettingsStore = useUiPageSettingsStore();
+            for (const page of pageSettingsStore.pages) {
+                for (const item of page.contents) {
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    const content = item.settings.content;
+                    const id = content?.id;
+                    if (!id)
+                        continue;
+                    let entryRecord = undefined;
+                    for (const key of PAYMENT_CONFIG_WRAPPER_KEYS) {
+                        const wrapper = content?.[key];
+                        if (wrapper &&
+                            typeof wrapper === 'object' &&
+                            !Array.isArray(wrapper) &&
+                            'paymentConfig' in wrapper) {
+                            if (!entryRecord)
+                                entryRecord = {};
+                            entryRecord[key] = wrapper.paymentConfig;
+                        }
+                    }
+                    if (entryRecord)
+                        out.set(id, entryRecord);
+                }
+            }
+        }
+        catch (error) {
+            console.error('history-store: failed to harvest live paymentConfig before apply', error);
+        }
+        return out;
+    }
     /**
-     * Walk the live `pageSettingsStore.pages` and stamp
-     * `wrapper.paymentConfig = shopConfigStore.paymentConfig` on every
-     * payment-config wrapper. Called from `applySnapshotString` after
-     * `applyHistorySnapshot` rebuilds page contents.
+     * Re-stamp `wrapper.paymentConfig` onto every matching live wrapper from
+     * the pre-apply harvest. Wrappers whose content id is missing from the
+     * harvest are left as-is (e.g. a content item that didn't exist before
+     * this restore — there's nothing to preserve).
      */
-    function restorePaymentConfigsOnLivePages() {
+    function restorePaymentConfigsFromHarvest(harvest) {
+        if (harvest.size === 0)
+            return;
         try {
-            const shopStore = useShopConfigStore();
             const pageSettingsStore = useUiPageSettingsStore();
-            const livePaymentConfig = shopStore.paymentConfig;
             for (const page of pageSettingsStore.pages) {
                 for (const item of page.contents) {
                     // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     const content = item.settings.content;
+                    const id = content?.id;
+                    if (!id)
+                        continue;
+                    const harvestedRecord = harvest.get(id);
+                    if (!harvestedRecord)
+                        continue;
                     for (const key of PAYMENT_CONFIG_WRAPPER_KEYS) {
+                        if (!(key in harvestedRecord))
+                            continue;
                         const wrapper = content?.[key];
                         if (wrapper &&
                             typeof wrapper === 'object' &&
                             !Array.isArray(wrapper)) {
-                            wrapper.paymentConfig = livePaymentConfig;
+                            wrapper.paymentConfig = harvestedRecord[key];
                         }
                     }
                 }
             }
         }
         catch (error) {
-            console.error('history-store: failed to restore paymentConfig on live pages', error);
+            console.error('history-store: failed to restore paymentConfig from harvest', error);
         }
     }
     /** Move the pointer back one step and apply the entry at the new position. */

package/lib/src/index.mjs

@@ -1,4 +1,4 @@
-import { A as E, a as T, 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 G, j as D, k as P, l as t, m as R, n as L, o as M, p as o, q as r, r as b, s as n, t as F, u as i, v as l, w as g, x as B, y as c, 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 k, K as m, L as V, M as X, N as h, O as v, P as W, Q as f, R as x, S as z, T as w, U as Z, V as j, W as Q, X as q, Y as J, Z as $, $ as aa, a0 as _a, a1 as Ea, a2 as Ta, 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 Ga, ac as Da, ad as Pa, ae as ta, af as Ra, ag as La, ah as Ma, ai as oa, aj as ra, ak as ba, al as na, am as Fa, an as ia, ao as la, ap as ga, aq as Ba, ar as ca, 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 ka, aB as ma, aC as Va, aD as Xa, aE as ha, aF as va, aG as Wa, aH as fa, aI as xa, aJ as za, aK as wa, aL as Za, aM as ja, aN as Qa, aO as qa, aP as Ja, aQ as $a, aR as a_, aS as __, aT as E_, aU as T_, 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 G_, b2 as D_, b3 as P_, b4 as t_, b5 as R_, b6 as L_, b7 as M_, b8 as o_, b9 as r_, ba as b_, bb as n_, bc as F_, bd as i_, be as l_, bf as g_, bg as B_, bh as c_, 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 k_, br as m_, bs as V_, bt as X_, bu as h_, bv as v_, bw as W_, bx as f_, by as x_, bz as z_, bA as w_, bB as Z_, bC as j_, bD as Q_, bE as q_, bF as J_, bG as $_, bH as aE, bI as _E, bJ as EE, bK as TE, bL as sE, bM as IE, bN as SE, bO as NE, bP as eE, bQ as AE, bR as OE, bS as CE, bT as GE, bU as DE, bV as PE, bW as tE, bX as RE, bY as LE, bZ as ME, b_ as oE, b$ as rE, c0 as bE, c1 as nE, c2 as FE, c3 as iE, c4 as lE, c5 as gE, c6 as BE, c7 as cE, c8 as YE, c9 as UE, ca as dE, cb as uE, cc as HE, cd as pE, ce as yE, cf as KE, cg as kE, ch as mE, ci as VE, cj as XE, ck as hE, cl as vE, cm as WE, cn as fE, co as xE } from "./lib-D_xnR4VH.js";
+import { A as E, a as T, 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 G, j as D, k as P, l as t, m as R, n as L, o as M, p as o, q as r, r as b, s as n, t as F, u as i, v as l, w as g, x as B, y as c, 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 k, K as m, L as V, M as X, N as h, O as v, P as W, Q as f, R as x, S as z, T as w, U as Z, V as j, W as Q, X as q, Y as J, Z as $, $ as aa, a0 as _a, a1 as Ea, a2 as Ta, 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 Ga, ac as Da, ad as Pa, ae as ta, af as Ra, ag as La, ah as Ma, ai as oa, aj as ra, ak as ba, al as na, am as Fa, an as ia, ao as la, ap as ga, aq as Ba, ar as ca, 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 ka, aB as ma, aC as Va, aD as Xa, aE as ha, aF as va, aG as Wa, aH as fa, aI as xa, aJ as za, aK as wa, aL as Za, aM as ja, aN as Qa, aO as qa, aP as Ja, aQ as $a, aR as a_, aS as __, aT as E_, aU as T_, 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 G_, b2 as D_, b3 as P_, b4 as t_, b5 as R_, b6 as L_, b7 as M_, b8 as o_, b9 as r_, ba as b_, bb as n_, bc as F_, bd as i_, be as l_, bf as g_, bg as B_, bh as c_, 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 k_, br as m_, bs as V_, bt as X_, bu as h_, bv as v_, bw as W_, bx as f_, by as x_, bz as z_, bA as w_, bB as Z_, bC as j_, bD as Q_, bE as q_, bF as J_, bG as $_, bH as aE, bI as _E, bJ as EE, bK as TE, bL as sE, bM as IE, bN as SE, bO as NE, bP as eE, bQ as AE, bR as OE, bS as CE, bT as GE, bU as DE, bV as PE, bW as tE, bX as RE, bY as LE, bZ as ME, b_ as oE, b$ as rE, c0 as bE, c1 as nE, c2 as FE, c3 as iE, c4 as lE, c5 as gE, c6 as BE, c7 as cE, c8 as YE, c9 as UE, ca as dE, cb as uE, cc as HE, cd as pE, ce as yE, cf as KE, cg as kE, ch as mE, ci as VE, cj as XE, ck as hE, cl as vE, cm as WE, cn as fE, co as xE } from "./lib-CcYKXNUY.js";
 import { createPinia as wE, setActivePinia as ZE } from "pinia";
 export {
   E as ABOUT_SECTION_SETTINGS_CONFIG,