@designcrowd/library.brand-page 5.18.1-undo-24 → 5.18.1-undo-25

package/lib/src/{CreatedOnBrandCrowd-de-de-DKlq-FhR.js → CreatedOnBrandCrowd-de-de-D8EN1Yex.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-CKuJf1eN.js → CreatedOnBrandCrowd-en-us-c9lHtYxY.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-CDgHdsZn.js → CreatedOnBrandCrowd-es-es-DDNdrkk8.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-DKkek1Qq.js → CreatedOnBrandCrowd-fr-ca-CxrI2Jiz.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-DKkek1Qq.js → CreatedOnBrandCrowd-fr-fr-CxrI2Jiz.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-DtiYMB85.js → CreatedOnBrandCrowd-pt-br-BhVExk-j.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-DtiYMB85.js → CreatedOnBrandCrowd-pt-pt-BhVExk-j.js}

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

package/lib/src/{CreatedOnDcom-de-de-DcipMp9e.js → CreatedOnDcom-de-de-CJE-iK-F.js}

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

package/lib/src/{CreatedOnDcom-en-us-DUtpfMxY.js → CreatedOnDcom-en-us-B9i3r4YJ.js}

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

package/lib/src/{CreatedOnDcom-es-es-3sfbICpP.js → CreatedOnDcom-es-es-BzfWd6rB.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-Dot_vGyn.js → CreatedOnDcom-fr-ca-BqddxBu1.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-BFu2DRry.js → CreatedOnDcom-fr-fr-BGv2wTc0.js}

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

package/lib/src/{CreatedOnDcom-pt-br-CZD58a0R.js → CreatedOnDcom-pt-br-CBOm5NjH.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-DRMoU43s.js → CreatedOnDcom-pt-pt-OpBrsJIk.js}

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

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

@@ -5,6 +5,8 @@ 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';
 /**
  * Single-stack history model with a pointer instead of two stacks.
@@ -48,6 +50,54 @@ 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`).
+//
+// 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).
+//
+// Together: the live wrapper always equals the live shop store, regardless
+// of what the user does in between captures and restores.
+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;
+                }
+            }
+        }
+    }
+}
 export const useHistoryStore = defineStore('history', () => {
     const eventTracker = useEventTracker();
     // --- State ---
@@ -81,7 +131,15 @@ export const useHistoryStore = defineStore('history', () => {
         if (!cachedMakerStore)
             return null;
         try {
-            return JSON.stringify(toRaw(cachedMakerStore.brandPageData));
+            // 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);
         }
         catch (error) {
             console.error('history-store: failed to serialize snapshot', error);
@@ -356,16 +414,6 @@ export const useHistoryStore = defineStore('history', () => {
         }
         return parts.join('\n');
     }
-    // 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 must not produce a phantom undo entry.
-    const PAYMENT_CONFIG_WRAPPER_KEYS = new Set([
-        'supportMeConfig',
-        'requestPaymentConfig',
-        'shopPaymentConfig',
-    ]);
     function normalizeNode(node) {
         if (Array.isArray(node))
             return node.map(normalizeNode);
@@ -379,23 +427,6 @@ 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 compare. See `PAYMENT_CONFIG_WRAPPER_KEYS` above.
-            if (PAYMENT_CONFIG_WRAPPER_KEYS.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
@@ -800,11 +831,49 @@ export const useHistoryStore = defineStore('history', () => {
         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();
         }
         finally {
             isApplyingSnapshot.value = false;
         }
     }
+    /**
+     * Walk the live `pageSettingsStore.pages` and stamp
+     * `wrapper.paymentConfig = shopConfigStore.paymentConfig` on every
+     * payment-config wrapper. Called from `applySnapshotString` after
+     * `applyHistorySnapshot` rebuilds page contents.
+     */
+    function restorePaymentConfigsOnLivePages() {
+        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;
+                    for (const key of PAYMENT_CONFIG_WRAPPER_KEYS) {
+                        const wrapper = content?.[key];
+                        if (wrapper &&
+                            typeof wrapper === 'object' &&
+                            !Array.isArray(wrapper)) {
+                            wrapper.paymentConfig = livePaymentConfig;
+                        }
+                    }
+                }
+            }
+        }
+        catch (error) {
+            console.error('history-store: failed to restore paymentConfig on live pages', error);
+        }
+    }
     /** Move the pointer back one step and apply the entry at the new position. */
     async function undo() {
         if (!canUndo.value)

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-tDiln44T.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-BzAs02mp.js";
 import { createPinia as wE, setActivePinia as ZE } from "pinia";
 export {
   E as ABOUT_SECTION_SETTINGS_CONFIG,