@useinsider/guido 3.18.2-beta.6dbea61 → 3.18.2-beta.83b62a8

package/README.md

@@ -561,6 +561,26 @@ import {
 import '@useinsider/guido/style';
 ```
 
+### Subpath entries
+
+Two surfaces also ship as their own entry points. Importing one pulls in only its
+own dependencies, so a consumer that needs the store or the tracking-id helpers
+never loads the editor:
+
+```typescript
+// Live editor state, published by the editor into the host's shared Pinia instance.
+// Store id `guidoEmailEditor` is the cross-app contract — read it, do not redeclare it.
+import { useGuidoEmailEditorStore } from '@useinsider/guido/editor-state';
+import type { GuidoEmailEditorState } from '@useinsider/guido/editor-state';
+
+// Persistent link ids for the click heatmap.
+import { assignTrackingIds, TRACK_ID_ATTRIBUTE } from '@useinsider/guido/tracking-ids';
+import type { TrackingIdResult } from '@useinsider/guido/tracking-ids';
+```
+
+Both are re-exported from the root barrel as well; the subpath is what keeps the
+editor out of the consumer's module graph.
+
 ---
 
 ## Constants

package/dist/composables/useGuidoStateBridge.js

@@ -1,54 +1,59 @@
-import { useActionsApi as b } from "./useActionsApi.js";
-import { useEditorLock as v } from "./useEditorLock.js";
+import { useActionsApi as v } from "./useActionsApi.js";
+import { useEditorLock as C } from "./useEditorLock.js";
 import { useConfigStore as T } from "../stores/config.js";
 import { useEditorStore as w } from "../stores/editor.js";
 import { useGuidoEmailEditorStore as y } from "../stores/guido-email-editor.js";
-import { watch as a, onUnmounted as B } from "vue";
-const C = 500, L = () => {
-  const i = w(), u = y(), l = T(), { getTemplateData: d } = b(), { runExclusive: m, isEditorBusy: p } = v();
-  let o = null, s = !1;
-  const n = () => {
+import { watch as c, onUnmounted as z } from "vue";
+const B = 500, G = () => {
+  const i = w(), u = y(), d = T(), { getTemplateData: l } = v(), { runExclusive: m, isEditorBusy: p } = C();
+  let o = null, n = !1;
+  const r = () => {
     o && (clearTimeout(o), o = null);
-  }, c = (t) => {
-    n(), o = setTimeout(() => {
+  }, a = (t) => {
+    r(), o = setTimeout(() => {
       o = null, t();
-    }, C);
+    }, B);
   }, e = async () => {
-    var t, r;
-    if (!(s || !i.isStripoInitialized)) {
+    var t, s;
+    if (!(n || !i.isStripoInitialized)) {
       if (p()) {
-        c(() => void e());
+        a(() => void e());
         return;
       }
       try {
-        const { html: E, css: g } = await m(d), I = ((r = (t = l.config) == null ? void 0 : t.identity) == null ? void 0 : r.templateId) ?? "";
-        if (s)
+        const { html: E, css: I } = await m(l), b = ((s = (t = d.config) == null ? void 0 : t.identity) == null ? void 0 : s.templateId) ?? "";
+        if (n)
           return;
         u.$patch({
           html: E ?? "",
-          css: g ?? "",
-          templateId: I,
+          css: I ?? "",
+          templateId: b,
           lastUpdatedAt: Date.now()
         });
       } catch {
       }
     }
-  }, f = () => c(() => void e()), h = a(
+  }, f = () => a(() => void e()), h = c(
     () => i.isStripoInitialized,
     (t) => {
       t && e();
     },
     { immediate: !0 }
-  ), S = a(
+  ), S = c(
+    () => i.changeSeq,
+    () => {
+      i.isStripoInitialized && f();
+    }
+  ), g = c(
     () => i.hasChanges,
-    (t, r) => {
-      i.isStripoInitialized && (t ? f() : r && (n(), e()));
+    (t, s) => {
+      !t && s && i.isStripoInitialized && (r(), e());
     }
   );
-  B(() => {
-    s = !0, n(), h(), S();
+  z(() => {
+    n = !0, r(), h(), S(), g();
   });
 };
 export {
-  L as useGuidoStateBridge
+  G as useGuidoStateBridge
 };

package/dist/composables/useStripo.js

@@ -1,6 +1,6 @@
-import { useActionsApi as L } from "./useActionsApi.js";
-import { useBlocksConfig as O } from "./useBlocksConfig.js";
-import { useConfig as q } from "./useConfig.js";
+import { useActionsApi as x } from "./useActionsApi.js";
+import { useBlocksConfig as L } from "./useBlocksConfig.js";
+import { useConfig as O } from "./useConfig.js";
 import { useCustomInterfaceAppearance as H } from "./useCustomInterfaceAppearance.js";
 import { useFullStoryBridge as N } from "./useFullStoryBridge.js";
 import { useModuleRepair as j } from "./useModuleRepair.js";
@@ -17,7 +17,7 @@ import { buildMergeTagEntries as W, flattenDynamicContentList as Y } from "../ut
 import Z from "../package.json.js";
 let n = null;
 const Ce = () => {
-  const { features: c, template: u, isFeatureEnabled: m } = q(), { handleError: p, showToaster: k } = G(), { getToken: B, getCustomFonts: M, getSyncModulesStatus: T } = K(), { handleEvent: v } = z(), { handleModuleAdd: F } = j(), { getStripoBlocksConfig: A } = O(), { getStripoNotifications: V } = $(), f = () => n || (n = new Promise((i, s) => {
+  const { features: c, template: u, isFeatureEnabled: m } = O(), { handleError: p, showToaster: k } = G(), { getToken: B, getCustomFonts: M, getSyncModulesStatus: T } = K(), { handleEvent: v } = z(), { handleModuleAdd: F } = j(), { getStripoBlocksConfig: A } = L(), { getStripoNotifications: V } = $(), f = () => n || (n = new Promise((i, s) => {
     var d;
     if (document.getElementById("UiEditorScript")) {
       i();
@@ -88,8 +88,8 @@ const Ce = () => {
         },
         onTemplateLoaded() {
           try {
-            const { importCss: t } = H(), { activateCustomViewStyles: l, updateTimerInClonedTemplate: I } = L(), { injectFullStory: x } = N();
-            t(), l(), x(), I(), o.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
+            const { importCss: t } = H(), { activateCustomViewStyles: l, updateTimerInClonedTemplate: I } = x(), { injectFullStory: q } = N();
+            t(), l(), q(), I(), o.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
               e.hasChanges = !1;
             }, 1e3);
           } catch (t) {
@@ -106,7 +106,7 @@ const Ce = () => {
           e.isVersionHistoryOpen = t;
         },
         onDataChanged() {
-          e.hasChanges = !0;
+          e.hasChanges = !0, e.changeSeq += 1;
         },
         onEvent: v,
         onModuleAdd: F,

package/dist/extensions/Blocks/Recommendation/controls/main/index.js

@@ -23,14 +23,14 @@ import { PricePlacementControl as E } from "./pricePlacement.js";
 import { PRICE_PLACEMENT_CONTROL_ID as _t } from "./pricePlacement.js";
 import { ProductCountControl as k } from "./productCount.js";
 import { PRODUCT_COUNT_CONTROL_ID as Rt } from "./productCount.js";
-import { ProductLayoutControl as D } from "./productLayout.js";
+import { ProductLayoutControl as F } from "./productLayout.js";
 import { PRODUCT_LAYOUT_CONTROL_ID as Tt } from "./productLayout.js";
-import { ShuffleControl as F } from "./shuffle.js";
+import { ShuffleControl as D } from "./shuffle.js";
 import { SHUFFLE_CONTROL_ID as St } from "./shuffle.js";
 import { StrategyControl as w } from "./strategy.js";
 import { STRATEGY_CONTROL_ID as Lt } from "./strategy.js";
 import { setCurrencyAttributes as A, getBlockElement as v, isPartnerManagedBlock as x, updateProductContentInPlace as B, regenerateProductRowsWithStyles as U } from "./utils.js";
-import { adjustProductsToSize as kt, formatProductPrice as Dt, getCardComposition as Ft, getCurrentLayout as wt, getMainContainerTbody as At, regenerateMobileProductRows as vt, updatePricesInPlace as xt, updateSingleProductContent as Bt } from "./utils.js";
+import { adjustProductsToSize as kt, formatProductPrice as Ft, getCardComposition as Dt, getCurrentLayout as wt, getMainContainerTbody as At, regenerateMobileProductRows as vt, updatePricesInPlace as xt, updateSingleProductContent as Bt } from "./utils.js";
 import { useDebounceFn as f } from "../../../../../node_modules/@vueuse/shared/index.js";
 const $ = "ui-elements-recommendation-block";
 class at extends N {
@@ -39,8 +39,6 @@ class at extends N {
     n(this, "store", R());
     n(this, "storeUnsubscription", () => {
     });
-    // blockId -> fingerprint of the node config as it looked at the last sync.
-    n(this, "syncedConfigs", /* @__PURE__ */ new Map());
     // A config change waiting to reach the node config. Deferred so it can ride the
     // re-render's single apply() — one user action must cost one undo press.
     n(this, "pendingNodeConfigWrite", null);
@@ -120,7 +118,7 @@ class at extends N {
     return this.rrsEnabled = p().isFeatureEnabled("reusableRecommendationStrategy"), this._subControls.forEach((e) => {
       var o;
       return (o = e == null ? void 0 : e.onDestroy) == null ? void 0 : o.call(e);
-    }), this.algorithmControl = new T(), this.localeControl = new L(), this.currencyControl = new P(), this.productCountControl = new k(), this.productLayoutControl = new D(), this.filtersControl = new S(), this.shuffleControl = new F(), this.pricePlacementControl = new E(), this.layoutOrientationControl = new O(), this.strategyControl = this.rrsEnabled ? new w() : null, this._subControls.forEach((e) => {
+    }), this.algorithmControl = new T(), this.localeControl = new L(), this.currencyControl = new P(), this.productCountControl = new k(), this.productLayoutControl = new F(), this.filtersControl = new S(), this.shuffleControl = new D(), this.pricePlacementControl = new E(), this.layoutOrientationControl = new O(), this.strategyControl = this.rrsEnabled ? new w() : null, this._subControls.forEach((e) => {
       e && (e.api = this.api);
     }), `
             <div class="recommendation-controls-container">
@@ -200,11 +198,19 @@ class at extends N {
    * fingerprint diff on this hook is the only way to notice (SD-149105).
    * An unchanged fingerprint means the move came from us, so runtime store
    * edits are never clobbered (SD-141049).
+   *
+   * The fingerprint is kept on the block's own store state so deleting the
+   * block drops it with the state it describes. A control-owned memo outlived
+   * that state and made a re-dropped saved module keep the defaults its wiped
+   * state was rebuilt with (SD-150347).
    */
   _syncNodeConfigIfChanged(t) {
     this.pendingNodeConfigWrite && this.pendingNodeConfigWrite.blockId !== t && this._flushPendingNodeConfig();
-    const e = JSON.stringify(c.getConfig(this.currentNode)), o = this.syncedConfigs.get(t);
-    this.syncedConfigs.set(t, e), o !== e && (this.pendingNodeConfigWrite || this._syncNodeConfigToStore());
+    const e = this.store.blockStates[t];
+    if (!e)
+      return;
+    const o = JSON.stringify(c.getConfig(this.currentNode)), r = e.syncedConfigFingerprint;
+    e.syncedConfigFingerprint = o, r !== o && (this.pendingNodeConfigWrite || this._syncNodeConfigToStore());
   }
   _capturePendingNodeConfigWrite() {
     const t = this.store.currentRecommendationId;
@@ -430,16 +436,16 @@ export {
   Tt as PRODUCT_LAYOUT_CONTROL_ID,
   E as PricePlacementControl,
   k as ProductCountControl,
-  D as ProductLayoutControl,
+  F as ProductLayoutControl,
   at as RecommendationBlockControl,
   St as SHUFFLE_CONTROL_ID,
   Lt as STRATEGY_CONTROL_ID,
-  F as ShuffleControl,
+  D as ShuffleControl,
   w as StrategyControl,
   kt as adjustProductsToSize,
-  Dt as formatProductPrice,
+  Ft as formatProductPrice,
   v as getBlockElement,
-  Ft as getCardComposition,
+  Dt as getCardComposition,
   wt as getCurrentLayout,
   At as getMainContainerTbody,
   x as isPartnerManagedBlock,

package/dist/extensions/Blocks/Recommendation/store/recommendation.js

@@ -1,7 +1,7 @@
 import { getRecommendationFeedSourceMaps as b, getOperatorOptions as G, PriceAttributes as v } from "../../../../enums/extensions/recommendationBlock.js";
 import { useRecommendationApi as D } from "../../../../services/recommendationApi.js";
-import { useConfigStore as P } from "../../../../stores/config.js";
-import { defineStore as F } from "pinia";
+import { useConfigStore as F } from "../../../../stores/config.js";
+import { defineStore as P } from "pinia";
 import "../constants/selectors.js";
 import { DEFAULT_MOBILE_CARDS_IN_ROW as _, DEFAULT_CARDS_IN_ROW as U } from "../constants/layout.js";
 import { DEFAULT_NODE_CONFIG as N, EXCLUDED_ALGORITHM_IDS as L } from "../constants/defaultConfig.js";
@@ -12,7 +12,7 @@ import { sanitizeProductIds as A } from "../utils/productIds.js";
 import { isFilterValid as B } from "../validation/filterSchema.js";
 import { isConfigValid as M } from "../validation/requiredFields.js";
 const u = D();
-let f = null, h = null, g = null, S = null;
+let f = null, g = null, h = null, S = null;
 const p = /* @__PURE__ */ new Map();
 function w() {
   return {
@@ -56,7 +56,8 @@ function C() {
     removeStrategyModalStatus: !1,
     filterGroup: 1,
     isInitialized: !1,
-    filterSnapshot: null
+    filterSnapshot: null,
+    syncedConfigFingerprint: null
   };
 }
 const z = () => ({
@@ -71,7 +72,7 @@ const z = () => ({
   blockStates: {},
   currentRecommendationId: null,
   configVersion: 0
-}), Y = F("guidoRecommendationExtension", {
+}), Y = P("guidoRecommendationExtension", {
   state: () => z(),
   getters: {
     // ====================================================================
@@ -241,7 +242,7 @@ const z = () => ({
       const r = (o, c) => o === "." || o === "," || o === " " ? o : c, n = {
         name: e.currencyCode,
         value: e.currencyCode,
-        symbol: e.currencyCode,
+        symbol: e.currencySymbol,
         alignment: e.currencyAlignment === "before" ? "0" : "1",
         decimalCount: String(e.currencyDecimalCount),
         decimalSeparator: r(e.currencyDecimalSeparator, ","),
@@ -412,18 +413,18 @@ const z = () => ({
     },
     async fetchRecommendationFilters() {
       if (!Object.keys(this.filterList).length) {
-        if (h) {
-          await h;
+        if (g) {
+          await g;
           return;
         }
-        h = (async () => {
+        g = (async () => {
           const t = await u.fetchRecommendationFilters();
           this.filterList = t;
         })();
         try {
-          await h;
+          await g;
         } finally {
-          h = null;
+          g = null;
         }
       }
     },
@@ -505,21 +506,21 @@ const z = () => ({
     // ====================================================================
     async fetchRecommendationProducts() {
       if (!(this.currentRecommendationId === null || !this.blockStates[this.currentRecommendationId])) {
-        if (g) {
-          await g;
+        if (h) {
+          await h;
           return;
         }
-        g = this._doFetchProducts();
+        h = this._doFetchProducts();
         try {
-          await g;
+          await h;
         } finally {
-          g = null;
+          h = null;
         }
       }
     },
     async _doFetchProducts() {
       var d;
-      const t = this.currentRecommendationId, e = this.blockStates[t], { recommendationConfigs: r } = e, n = P();
+      const t = this.currentRecommendationId, e = this.blockStates[t], { recommendationConfigs: r } = e, n = F();
       if (r.strategyId && n.isFeatureEnabled("reusableRecommendationStrategy")) {
         await this._doFetchStrategyProducts(t);
         return;

package/dist/library.js

@@ -1,18 +1,20 @@
-import { default as e } from "./components/Guido.vue.js";
-import { MessageType as f, ProductType as s } from "./@types/config/schemas.js";
+import { default as a } from "./components/Guido.vue.js";
+import { MessageType as t, ProductType as d } from "./@types/config/schemas.js";
 import "./@types/config/defaults.js";
-import { getValidationErrors as d, isValidConfig as p, parseConfig as g, parseConfigSafe as n, validateConfig as l } from "./@types/config/validator.js";
-import { assignTrackingIds as T, readTrackFloor as c, readTrackSeq as x } from "./utils/linkTrackingIds.js";
+import { getValidationErrors as s, isValidConfig as p, parseConfig as g, parseConfigSafe as m, validateConfig as n } from "./@types/config/validator.js";
+import { assignTrackingIds as u, readTrackFloor as x, readTrackSeq as T } from "./utils/linkTrackingIds.js";
+import { useGuidoEmailEditorStore as C } from "./stores/guido-email-editor.js";
 export {
-  e as Guido,
-  f as MessageType,
-  s as ProductType,
-  T as assignTrackingIds,
-  d as getValidationErrors,
+  a as Guido,
+  t as MessageType,
+  d as ProductType,
+  u as assignTrackingIds,
+  s as getValidationErrors,
   p as isValidConfig,
   g as parseConfig,
-  n as parseConfigSafe,
-  c as readTrackFloor,
-  x as readTrackSeq,
-  l as validateConfig
+  m as parseConfigSafe,
+  x as readTrackFloor,
+  T as readTrackSeq,
+  C as useGuidoEmailEditorStore,
+  n as validateConfig
 };

package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js

@@ -21,7 +21,7 @@ ${s.map((o) => `  - ${o}`).join(`
    * This validation runs only once per class type and results are cached.
    */
   validateImplementation(t, r) {
-    var y;
+    var P;
     const s = [], o = r.name, W = Object.getPrototypeOf(this);
     t.forEach((u) => {
       if (typeof this[u] != "function") {
@@ -29,7 +29,7 @@ ${s.map((o) => `  - ${o}`).join(`
         return;
       }
       W[u] === r.prototype[u] && s.push(`Method ${u}() must be implemented (currently using base class error-throwing implementation)`);
-    }), d.validatedClasses.add(r), s.length > 0 ? (d.validationErrors.set(r, s), console.error(`[${o} Validation] ${o} validation failed:`, s)) : typeof process < "u" && ((y = process.env) == null ? void 0 : y.NODE_ENV) === "development" && console.log(`[${o} Validation] ✅ ${o} validated successfully`);
+    }), d.validatedClasses.add(r), s.length > 0 ? (d.validationErrors.set(r, s), console.error(`[${o} Validation] ${o} validation failed:`, s)) : typeof process < "u" && ((P = process.env) == null ? void 0 : P.NODE_ENV) === "development" && console.log(`[${o} Validation] ✅ ${o} validated successfully`);
   }
   /**
    * Lifecycle method for cleaning up resources (e.g., removing DOM artifacts from document.body).
@@ -41,9 +41,9 @@ ${s.map((o) => `  - ${o}`).join(`
 };
 v.validatedClasses = /* @__PURE__ */ new Set();
 v.validationErrors = /* @__PURE__ */ new Map();
-var i = v, z = /* @__PURE__ */ ((e) => (e.BLOCK = "BLOCK", e.CONTAINER = "CONTAINER", e.STRUCTURE = "STRUCTURE", e.STRIPE = "STRIPE", e))(z || {}), P = class T extends i {
+var i = v, z = /* @__PURE__ */ ((e) => (e.BLOCK = "BLOCK", e.CONTAINER = "CONTAINER", e.STRUCTURE = "STRUCTURE", e.STRIPE = "STRIPE", e))(z || {}), y = class c extends i {
   constructor() {
-    super(T.REQUIRED_METHODS, T);
+    super(c.REQUIRED_METHODS, c);
   }
   /**
    * Determines if the block should be available for use in the editor.
@@ -221,10 +221,10 @@ var i = v, z = /* @__PURE__ */ ((e) => (e.BLOCK = "BLOCK", e.CONTAINER = "CONTAI
     throw new Error("Method getDescription() must be implemented by the subclass");
   }
 };
-P.REQUIRED_METHODS = ["getId", "getTemplate", "getIcon", "getName", "getDescription"];
-var qe = P, Z = class c extends i {
+y.REQUIRED_METHODS = ["getId", "getTemplate", "getIcon", "getName", "getDescription"];
+var qe = y, Z = class T extends i {
   constructor() {
-    super(c.REQUIRED_METHODS, c);
+    super(T.REQUIRED_METHODS, T);
   }
   /**
    * @deprecated - use {@link getPreviewInnerHtml} instead
@@ -339,12 +339,12 @@ var j = {
   height: "height"
 }, Je = {
   BLOCK_IMAGE: j
-}, U = "esd-block-button", w = "esd-block-text", K = "esd-block-image", J = "esd-structure", ee = "esd-block-video", te = "esd-block-social", re = "esd-block-banner", ae = "esd-block-timer", ne = "esd-block-menu", se = "esd-block-html", ie = "esd-block-spacer", le = "esd-container-frame", Ee = "esd-stripe", oe = "esd-amp-form", I = ((e) => (e.BUTTON = `.${U}`, e.TEXT = `.${w}`, e.IMAGE = `.${K}`, e.STRUCTURE = `.${J}`, e.VIDEO = `.${ee}`, e.SOCIAL = `.${te}`, e.BANNER = `.${re}`, e.TIMER = `.${ae}`, e.MENU = `.${ne}`, e.HTML = `.${se}`, e.SPACER = `.${ie}`, e.CONTAINER = `.${le}`, e.STRIPE = `.${Ee}`, e.FORM = `.${oe}`, e))(I || {}), de = /* @__PURE__ */ ((e) => (e.BLOCK_IMAGE = "BLOCK_IMAGE", e.BLOCK_TEXT = "BLOCK_TEXT", e.BLOCK_BUTTON = "BLOCK_BUTTON", e.BLOCK_SPACER = "BLOCK_SPACER", e.BLOCK_VIDEO = "BLOCK_VIDEO", e.BLOCK_SOCIAL = "BLOCK_SOCIAL", e.BLOCK_BANNER = "BLOCK_BANNER", e.BLOCK_TIMER = "BLOCK_TIMER", e.BLOCK_MENU = "BLOCK_MENU", e.BLOCK_MENU_ITEM = "BLOCK_MENU_ITEM", e.BLOCK_HTML = "BLOCK_HTML", e.BLOCK_AMP_CAROUSEL = "BLOCK_AMP_CAROUSEL", e.BLOCK_AMP_ACCORDION = "BLOCK_AMP_ACCORDION", e.BLOCK_AMP_FORM = "BLOCK_AMP_FORM", e.CONTAINER = "CONTAINER", e.FORM_CONTAINER = "FORM_CONTAINER", e.STRUCTURE = "STRUCTURE", e.STRIPE = "STRIPE", e.EMPTY_CONTAINER = "EMPTY_CONTAINER", e.CUSTOM_BLOCK_LINK = "CUSTOM_BLOCK_LINK", e.CUSTOM_BLOCK_IMAGE = "CUSTOM_BLOCK_IMAGE", e.CUSTOM_BLOCK_TEXT = "CUSTOM_BLOCK_TEXT", e))(de || {}), F = /* @__PURE__ */ ((e) => (e.ANCHOR_LINK_CONTAINER = "anchorLinkFormContainer", e.APPLY_CONDITION = "applyCondition", e.APPLY_CONDITION_SWITCHER = "applyConditionSwitcher", e.BACKGROUND_COLOR = "backgroundColor", e.BACKGROUND_IMAGE = "generalImageContainer", e.TEXT_COLOR = "textColor", e.TEXT_STYLE = "textStyle", e.TEXT_SIZE = "textSize", e.TEXT_LINE_SPACING = "textLineSpacing", e.TEXT_ALIGN = "textAlign", e.FIXED_HEIGHT_SWITCHER = "fixedHeightSwitcherForm", e.HIDDEN_NODE = "hiddenNode", e.SMART_BLOCK = "smartBlock", e.SYNCHRONIZED_MODULE = "synchronizedModuleForm", e.FONT_FAMILY = "generalFontFamilyForm", e.BLOCK_INTERNAL_INDENTS = "generalBlockInternalIndents", e.STRUCTURE_INTERNAL_INDENTS = "generalStructureInternalIndents", e))(F || {}), H = /* @__PURE__ */ ((e) => (e.ADJUST_TO_WIDTH = "adjustToWidth", e.ALIGNMENT = "buttonAlignment", e.BORDER = "buttonBorder", e.BORDER_RADIUS = "buttonBorderRadius", e.COLOR = "buttonColor", e.BUTTON_BLOCK_BACKGROUND_COLOR = "buttonBlockBackgroundColor", e.EXTERNAL_INDENTS = "buttonExternalIndents", e.FIXED_HEIGHT = "buttonFixedHeightForm", e.FONT_COLOR = "buttonFontColor", e.FONT_FAMILY = "buttonFontFamily", e.FONT_SIZE = "buttonFontSize", e.FONT_WEIGHT = "buttonFontWeight", e.ICON = "buttonIconContainer", e.ICON_ALIGN = "buttonIconAlign", e.ICON_INDENT = "buttonIconIndent", e.ICON_WIDTH = "buttonIconWidth", e.IMAGE = "buttonImageForm", e.INTERNAL_INDENTS = "buttonInternalIndents", e.LINK = "buttonLink", e.MIME_TYPE = "buttonMimeTypeForm", e.SWITCHER_HOVERED_STYLES = "buttonSwitcherHoveredStylesForm", e.TEXT = "buttonText", e.TEXT_STYLE_AND_COLOR = "buttonTextStyleAndColorForm", e.HOVERED_BORDER_COLOR = "hoveredStyleBorderButtonForm", e.HOVERED_COLOR = "hoveredButtonColorForm", e.HOVERED_TEXT_COLOR = "hoveredButtonTextColorForm", e))(H || {}), k = /* @__PURE__ */ ((e) => (e.HIDDEN_NODE = "hiddenNodeText", e.PARAGRAPH_STYLE = "paragraphStyleForm", e.ALIGN = "textAlignmentForm", e.ANCHOR_CONTAINER = "textAnchorForm", e.FONT_BACKGROUND_COLOR = "textBlockFontBackgroundColor", e.TEXT_BLOCK_BACKGROUND_COLOR = "textBlockBackgroundColor", e.FONT_COLOR = "textBlockFontColor", e.TEXT_BLOCK_FONT_FAMILY = "textBlockFontFamily", e.FONT_FAMILY = "textFontFamily", e.FONT_SIZE = "textBlockFontSize", e.FONT_WEIGHT = "textBlockFontWeight", e.DIRECTION = "textBlockDirectionForm", e.INSERT_FORM = "textBlockInsertForm", e.LINK_DATA = "textBlockLinkDataForm", e.FORMAT = "textBlockTextFormatForm", e.FIXED_HEIGHT = "textFixedHeightForm", e.INTERNAL_INDENTS = "textInternalIndents", e.LINE_HEIGHT = "textLineHeightForm", e.MIME_TYPE = "textMimeTypeForm", e.NO_LINE_WRAPS = "textNoLineWrapsForm", e))(k || {}), p = /* @__PURE__ */ ((e) => (e.ALT_TEXT = "altText", e.LINK = "blockLink", e.ALIGNMENT = "imageAlignment", e.ANCHOR_LINK_CONTAINER = "imageAnchorLinkContainerForm", e.BORDER_RADIUS = "imageBorderRadiusForm", e.IMAGE = "imageImageForm", e.EXTERNAL_INDENTS = "imageExternalIndents", e.MIME_TYPE = "imageMimeTypeForm", e.RESPONSIVE = "imageResponsive", e.ROLLOVER_IMAGE = "imageRolloverImageForm", e.ROLLOVER_SWITCHER = "imageRolloverSwitcherForm", e.SIZE = "imageSizeContainer", e))(p || {}), ue = /* @__PURE__ */ ((e) => (e.BACKGROUND_COLOR = "containerBackgroundColorForm", e.BORDER_FORM = "containerBorderForm", e.BORDER_RADIUS = "containerBorderRadiusForm", e.EXTERNAL_INDENTS = "containerExternalIndentsForm", e.IMAGE_CONTAINER = "containerImageContainerForm", e.MIME_TYPE = "containerMimeTypeForm", e.DISPLAY_CONDITIONS = "displayConditions", e.HIDDEN_NODE = "containerHiddenNodeForm", e))(ue || {}), n = {
+}, U = "esd-block-button", w = "esd-block-text", K = "esd-block-image", J = "esd-structure", ee = "esd-block-video", te = "esd-block-social", re = "esd-block-banner", ae = "esd-block-timer", ne = "esd-block-menu", se = "esd-block-html", ie = "esd-block-spacer", le = "esd-container-frame", Ee = "esd-stripe", oe = "esd-amp-form", I = ((e) => (e.BUTTON = `.${U}`, e.TEXT = `.${w}`, e.IMAGE = `.${K}`, e.STRUCTURE = `.${J}`, e.VIDEO = `.${ee}`, e.SOCIAL = `.${te}`, e.BANNER = `.${re}`, e.TIMER = `.${ae}`, e.MENU = `.${ne}`, e.HTML = `.${se}`, e.SPACER = `.${ie}`, e.CONTAINER = `.${le}`, e.STRIPE = `.${Ee}`, e.FORM = `.${oe}`, e))(I || {}), de = /* @__PURE__ */ ((e) => (e.BLOCK_IMAGE = "BLOCK_IMAGE", e.BLOCK_TEXT = "BLOCK_TEXT", e.BLOCK_BUTTON = "BLOCK_BUTTON", e.BLOCK_SPACER = "BLOCK_SPACER", e.BLOCK_VIDEO = "BLOCK_VIDEO", e.BLOCK_SOCIAL = "BLOCK_SOCIAL", e.BLOCK_BANNER = "BLOCK_BANNER", e.BLOCK_TIMER = "BLOCK_TIMER", e.BLOCK_MENU = "BLOCK_MENU", e.BLOCK_MENU_ITEM = "BLOCK_MENU_ITEM", e.BLOCK_HTML = "BLOCK_HTML", e.BLOCK_AMP_CAROUSEL = "BLOCK_AMP_CAROUSEL", e.BLOCK_AMP_ACCORDION = "BLOCK_AMP_ACCORDION", e.BLOCK_AMP_FORM = "BLOCK_AMP_FORM", e.CONTAINER = "CONTAINER", e.FORM_CONTAINER = "FORM_CONTAINER", e.STRUCTURE = "STRUCTURE", e.STRIPE = "STRIPE", e.EMPTY_CONTAINER = "EMPTY_CONTAINER", e.CUSTOM_BLOCK_LINK = "CUSTOM_BLOCK_LINK", e.CUSTOM_BLOCK_IMAGE = "CUSTOM_BLOCK_IMAGE", e.CUSTOM_BLOCK_TEXT = "CUSTOM_BLOCK_TEXT", e))(de || {}), F = /* @__PURE__ */ ((e) => (e.ANCHOR_LINK_CONTAINER = "anchorLinkFormContainer", e.APPLY_CONDITION = "applyCondition", e.APPLY_CONDITION_SWITCHER = "applyConditionSwitcher", e.BACKGROUND_COLOR = "backgroundColor", e.BACKGROUND_IMAGE = "generalImageContainer", e.TEXT_COLOR = "textColor", e.TEXT_STYLE = "textStyle", e.TEXT_SIZE = "textSize", e.TEXT_LINE_SPACING = "textLineSpacing", e.TEXT_ALIGN = "textAlign", e.FIXED_HEIGHT_SWITCHER = "fixedHeightSwitcherForm", e.HIDDEN_NODE = "hiddenNode", e.SMART_BLOCK = "smartBlock", e.SYNCHRONIZED_MODULE = "synchronizedModuleForm", e.FONT_FAMILY = "generalFontFamilyForm", e.BLOCK_INTERNAL_INDENTS = "generalBlockInternalIndents", e.STRUCTURE_INTERNAL_INDENTS = "generalStructureInternalIndents", e))(F || {}), H = /* @__PURE__ */ ((e) => (e.ADJUST_TO_WIDTH = "adjustToWidth", e.ALIGNMENT = "buttonAlignment", e.BORDER = "buttonBorder", e.BORDER_RADIUS = "buttonBorderRadius", e.COLOR = "buttonColor", e.BUTTON_BLOCK_BACKGROUND_COLOR = "buttonBlockBackgroundColor", e.EXTERNAL_INDENTS = "buttonExternalIndents", e.FIXED_HEIGHT = "buttonFixedHeightForm", e.FONT_COLOR = "buttonFontColor", e.FONT_FAMILY = "buttonFontFamily", e.FONT_SIZE = "buttonFontSize", e.FONT_WEIGHT = "buttonFontWeight", e.ICON = "buttonIconContainer", e.ICON_ALIGN = "buttonIconAlign", e.ICON_INDENT = "buttonIconIndent", e.ICON_WIDTH = "buttonIconWidth", e.IMAGE = "buttonImageForm", e.INTERNAL_INDENTS = "buttonInternalIndents", e.LINK = "buttonLink", e.MIME_TYPE = "buttonMimeTypeForm", e.SWITCHER_HOVERED_STYLES = "buttonSwitcherHoveredStylesForm", e.TEXT = "buttonText", e.TEXT_STYLE_AND_COLOR = "buttonTextStyleAndColorForm", e.HOVERED_BORDER_COLOR = "hoveredStyleBorderButtonForm", e.HOVERED_COLOR = "hoveredButtonColorForm", e.HOVERED_TEXT_COLOR = "hoveredButtonTextColorForm", e))(H || {}), k = /* @__PURE__ */ ((e) => (e.HIDDEN_NODE = "hiddenNodeText", e.PARAGRAPH_STYLE = "paragraphStyleForm", e.ALIGN = "textAlignmentForm", e.ANCHOR_CONTAINER = "textAnchorForm", e.FONT_BACKGROUND_COLOR = "textBlockFontBackgroundColor", e.TEXT_BLOCK_BACKGROUND_COLOR = "textBlockBackgroundColor", e.FONT_COLOR = "textBlockFontColor", e.TEXT_BLOCK_FONT_FAMILY = "textBlockFontFamily", e.FONT_FAMILY = "textFontFamily", e.FONT_SIZE = "textBlockFontSize", e.FONT_WEIGHT = "textBlockFontWeight", e.DIRECTION = "textBlockDirectionForm", e.INSERT_FORM = "textBlockInsertForm", e.LETTER_SPACING = "textBlockLetterSpacing", e.LINK_DATA = "textBlockLinkDataForm", e.FORMAT = "textBlockTextFormatForm", e.FIXED_HEIGHT = "textFixedHeightForm", e.INTERNAL_INDENTS = "textInternalIndents", e.LINE_HEIGHT = "textLineHeightForm", e.MIME_TYPE = "textMimeTypeForm", e.NO_LINE_WRAPS = "textNoLineWrapsForm", e))(k || {}), X = /* @__PURE__ */ ((e) => (e.ALT_TEXT = "altText", e.LINK = "blockLink", e.ALIGNMENT = "imageAlignment", e.ANCHOR_LINK_CONTAINER = "imageAnchorLinkContainerForm", e.BORDER_RADIUS = "imageBorderRadiusForm", e.IMAGE = "imageImageForm", e.EXTERNAL_INDENTS = "imageExternalIndents", e.MIME_TYPE = "imageMimeTypeForm", e.RESPONSIVE = "imageResponsive", e.ROLLOVER_IMAGE = "imageRolloverImageForm", e.ROLLOVER_SWITCHER = "imageRolloverSwitcherForm", e.SIZE = "imageSizeContainer", e))(X || {}), ue = /* @__PURE__ */ ((e) => (e.BACKGROUND_COLOR = "containerBackgroundColorForm", e.BORDER_FORM = "containerBorderForm", e.BORDER_RADIUS = "containerBorderRadiusForm", e.EXTERNAL_INDENTS = "containerExternalIndentsForm", e.IMAGE_CONTAINER = "containerImageContainerForm", e.MIME_TYPE = "containerMimeTypeForm", e.DISPLAY_CONDITIONS = "displayConditions", e.HIDDEN_NODE = "containerHiddenNodeForm", e))(ue || {}), n = {
   BLOCK_BUTTON: H,
   BLOCK_TEXT: k,
-  BLOCK_IMAGE: p,
+  BLOCK_IMAGE: X,
   GENERAL: F
-}, Ie = /* @__PURE__ */ ((e) => (e.SAVE_AS_MODULE = "saveAsModule", e.IMPROVE_WITH_AI = "improveWithAI", e.MOVE = "move", e.COPY = "copy", e.REMOVE = "remove", e.CLEAR_CONTAINER = "clearContainer", e.EXTERNAL_DISPLAY_CONDITION = "externalDisplayCondition", e))(Ie || {}), Te = /* @__PURE__ */ ((e) => (e.previewDeviceMode = "previewDeviceMode", e.panelPosition = "panelPosition", e.themeMode = "themeMode", e))(Te || {}), ce = /* @__PURE__ */ ((e) => (e.DESKTOP = "DESKTOP", e.MOBILE = "MOBILE", e))(ce || {}), be = /* @__PURE__ */ ((e) => (e.SETTINGS = "settings", e.STYLES = "styles", e.DATA = "data", e))(be || {}), a = {
+}, Ie = /* @__PURE__ */ ((e) => (e.SAVE_AS_MODULE = "saveAsModule", e.IMPROVE_WITH_AI = "improveWithAI", e.MOVE = "move", e.COPY = "copy", e.REMOVE = "remove", e.CLEAR_CONTAINER = "clearContainer", e.EXTERNAL_DISPLAY_CONDITION = "externalDisplayCondition", e))(Ie || {}), ce = /* @__PURE__ */ ((e) => (e.previewDeviceMode = "previewDeviceMode", e.panelPosition = "panelPosition", e.themeMode = "themeMode", e))(ce || {}), Te = /* @__PURE__ */ ((e) => (e.DESKTOP = "DESKTOP", e.MOBILE = "MOBILE", e))(Te || {}), be = /* @__PURE__ */ ((e) => (e.SETTINGS = "settings", e.STYLES = "styles", e.DATA = "data", e))(be || {}), a = {
   name: "name",
   disabled: "disabled"
 }, he = {
@@ -369,18 +369,19 @@ var j = {
   hint: "hint"
 }, Le = {
   ...a,
-  type: "type"
+  type: "type",
+  icon: "icon"
 }, _e = {
   ...a,
   buttons: "buttons"
-}, X = {
+}, p = {
   ...a,
   searchable: "searchable",
   multiSelect: "multi-select",
   placeholder: "placeholder",
   items: "items"
 }, Ce = {
-  ...X,
+  ...p,
   addCustomFontOption: "add-custom-font-option"
 }, Ae = {
   ...a,
@@ -422,10 +423,10 @@ var j = {
 }, xe = {
   ...a,
   controlId: "control-id"
-}, ye = {
+}, Pe = {
   ...a,
   expanded: "expanded"
-}, Pe = {
+}, ye = {
   ...a,
   icon: "icon",
   position: "position"
@@ -455,7 +456,7 @@ var j = {
   LABEL: Re,
   MESSAGE: Le,
   RADIO_BUTTONS: _e,
-  SELECTPICKER: X,
+  SELECTPICKER: p,
   FONT_FAMILY_SELECT: Ce,
   SWITCHER: a,
   TEXT: Me,
@@ -465,15 +466,15 @@ var j = {
   SELECT_ITEM: Ae,
   RADIO_ITEM: Se,
   NESTED_CONTROL: xe,
-  EXPANDABLE: ye,
-  ORDERABLE: Pe,
+  EXPANDABLE: Pe,
+  ORDERABLE: ye,
   ORDERABLE_ITEM: Ue,
   ORDERABLE_ICON: we,
   REPEATABLE: Ke,
   DRAGGABLE_BLOCK: Fe,
   AMP_FORM_SERVICE_PICKER: He,
   MULTIPLE_SELECT: ke
-}, pe = /* @__PURE__ */ ((e) => (e.BUTTON = "UE-BUTTON", e.CHECKBOX = "UE-CHECKBOX", e.CHECK_BUTTONS = "UE-CHECK-BUTTONS", e.COLOR = "UE-COLOR", e.COUNTER = "UE-COUNTER", e.DATEPICKER = "UE-DATEPICKER", e.LABEL = "UE-LABEL", e.MESSAGE = "UE-MESSAGE", e.RADIO_BUTTONS = "UE-RADIO-BUTTONS", e.SELECTPICKER = "UE-SELECT", e.SWITCHER = "UE-SWITCHER", e.TEXT = "UE-TEXT", e.TEXTAREA = "UE-TEXTAREA", e.CHECK_ITEM = "UE-CHECK-ITEM", e.RADIO_ITEM = "UE-RADIO-ITEM", e.SELECT_ITEM = "UE-SELECT-ITEM", e.ICON = "UE-ICON", e.MERGETAGS = "UE-MERGETAGS", e.FONT_FAMILY_SELECT = "UE-FONT-FAMILY-SELECT", e.NESTED_CONTROL = "UE-NESTED-CONTROL", e.EXPANDABLE = "UE-EXPANDABLE", e.EXPANDABLE_HEADER = "UE-EXPANDABLE_HEADER", e.EXPANDABLE_CONTENT = "UE-EXPANDABLE_CONTENT", e.ORDERABLE = "UE-ORDERABLE", e.ORDERABLE_ITEM = "UE-ORDERABLE-ITEM", e.ORDERABLE_ICON = "UE-ORDERABLE-ICON", e.REPEATABLE = "UE-REPEATABLE", e.DRAGGABLE_BLOCK = "UE-DRAGGABLE-BLOCK", e.AMP_FORM_SERVICE_PICKER = "UE-AMP-FORM-SERVICE-PICKER", e.MULTIPLE_SELECT = "UE-MULTIPLE_SELECT", e.SCROLLABLE = "UE-SCROLLABLE-CONTAINER", e))(pe || {}), x = class {
+}, Xe = /* @__PURE__ */ ((e) => (e.BUTTON = "UE-BUTTON", e.CHECKBOX = "UE-CHECKBOX", e.CHECK_BUTTONS = "UE-CHECK-BUTTONS", e.COLOR = "UE-COLOR", e.COUNTER = "UE-COUNTER", e.DATEPICKER = "UE-DATEPICKER", e.LABEL = "UE-LABEL", e.MESSAGE = "UE-MESSAGE", e.RADIO_BUTTONS = "UE-RADIO-BUTTONS", e.SELECTPICKER = "UE-SELECT", e.SWITCHER = "UE-SWITCHER", e.TEXT = "UE-TEXT", e.RICH_TEXT = "UE-RICH-TEXT", e.TEXTAREA = "UE-TEXTAREA", e.CHECK_ITEM = "UE-CHECK-ITEM", e.RADIO_ITEM = "UE-RADIO-ITEM", e.SELECT_ITEM = "UE-SELECT-ITEM", e.ICON = "UE-ICON", e.MERGETAGS = "UE-MERGETAGS", e.FONT_FAMILY_SELECT = "UE-FONT-FAMILY-SELECT", e.NESTED_CONTROL = "UE-NESTED-CONTROL", e.EXPANDABLE = "UE-EXPANDABLE", e.EXPANDABLE_HEADER = "UE-EXPANDABLE_HEADER", e.EXPANDABLE_CONTENT = "UE-EXPANDABLE_CONTENT", e.ORDERABLE = "UE-ORDERABLE", e.ORDERABLE_ITEM = "UE-ORDERABLE-ITEM", e.ORDERABLE_ICON = "UE-ORDERABLE-ICON", e.REPEATABLE = "UE-REPEATABLE", e.DRAGGABLE_BLOCK = "UE-DRAGGABLE-BLOCK", e.AMP_FORM_SERVICE_PICKER = "UE-AMP-FORM-SERVICE-PICKER", e.MULTIPLE_SELECT = "UE-MULTIPLE_SELECT", e.SCROLLABLE = "UE-SCROLLABLE-CONTAINER", e.POPUP_PANEL = "UE-POPUP-PANEL", e))(Xe || {}), x = class {
   /**
    * @description returns map of nodes parent control operates on
    */
@@ -619,7 +620,7 @@ var j = {
   }
 };
 G.REQUIRED_METHODS = ["getId", "getTemplate"];
-var Tt = G, Xe = class m extends i {
+var ct = G, pe = class m extends i {
   constructor() {
     super(m.REQUIRED_METHODS, m);
   }
@@ -688,13 +689,13 @@ var Tt = G, Xe = class m extends i {
   onDestroy() {
   }
 };
-Xe.REQUIRED_METHODS = ["getId", "getIcon", "getName", "getTemplate", "getTabIndex"];
+pe.REQUIRED_METHODS = ["getId", "getIcon", "getName", "getTemplate", "getTabIndex"];
 var V = class extends x {
   getTargetNodes(e) {
     const t = e.querySelectorAll(I.IMAGE), r = e.asElement().hasClass(K) ? [e] : [];
     return t.length ? t : r;
   }
-}, ct = class extends V {
+}, Tt = class extends V {
   getParentControlId() {
     return n.BLOCK_IMAGE.EXTERNAL_INDENTS;
   }
@@ -1215,17 +1216,17 @@ export {
   It as ButtonTextStyleAndFontColorBuiltInControl,
   ue as ContainerControls,
   Ie as ContextActionType,
-  Tt as Control,
-  Te as EditorStatePropertyType,
+  ct as Control,
+  ce as EditorStatePropertyType,
   Ve as Extension,
   Nt as ExtensionBuilder,
   F as GeneralControls,
   Dt as IconsRegistry,
-  p as ImageControls,
-  ct as ImageMarginsBuiltInControl,
+  X as ImageControls,
+  Tt as ImageMarginsBuiltInControl,
   bt as ImageSizeBuiltInControl,
   St as ModificationDescription,
-  ce as PreviewDeviceMode,
+  Te as PreviewDeviceMode,
   ht as SettingsPanelRegistry,
   mt as SettingsPanelTab,
   be as SettingsTab,
@@ -1240,5 +1241,5 @@ export {
   et as UEAttr,
   Mt as UIElement,
   Bt as UIElementTagRegistry,
-  pe as UIElementType
+  Xe as UIElementType
 };

package/dist/package.json.js

@@ -1,4 +1,4 @@
-const o = { stripo: { version: "2.73.0" } }, s = {
+const o = { stripo: { version: "2.76.0" } }, s = {
   guido: o
 };
 export {

package/dist/public/editorState.js

@@ -0,0 +1,4 @@
+import { useGuidoEmailEditorStore as e } from "../stores/guido-email-editor.js";
+export {
+  e as useGuidoEmailEditorStore
+};

package/dist/src/composables/useGuidoStateBridge.d.ts

@@ -1,22 +1,26 @@
 /**
  * Outbound bridge — publishes the current editor's html/css to the shared
- * Pinia store `guidoEmailEditor` so cortex-fe can read it at chat-stream
- * submit time and forward it as `clientState.editor`. This is what enables
+ * Pinia store `guidoEmailEditor`. cortex-fe reads it at chat-stream submit
+ * time and forwards it as `clientState.editor`, which is what enables
  * sub-case 1.3 (refine an already-loaded template via the email-agent).
  *
  * The bridge writes on three triggers:
  *
  *   1. Stripo finishes initializing — first snapshot.
- *   2. Editor `hasChanges` flips to true — debounced 500 ms so a streaming
- *      Stripo edit doesn't thrash the store.
+ *   2. Every document change, via the `changeSeq` counter — debounced 500 ms
+ *      so a streaming Stripo edit doesn't thrash the store.
  *   3. Editor `hasChanges` flips back to false (post-save / autosave) —
  *      immediate, since this is the canonical "saved" snapshot.
  *
  * `getTemplateData()` is a Stripo iframe call; it must not run before
  * `isStripoInitialized` is true. The bridge guards against that.
  *
- * If cortex-fe isn't loaded the store still gets written — that's fine;
- * the store has zero overhead and any future reader will find consistent
- * state. The bridge is a one-way pipe with no consumer dependency.
+ * The store is written even with no reader attached — it has zero overhead,
+ * and a late reader still finds consistent state.
+ *
+ * Readers are not optional any more, so treat the publish timing as part of
+ * the contract: the store ships as `@useinsider/guido/editor-state`, and
+ * email-fe imports it to scan the live html for its Array of Objects lock.
+ * Weakening a trigger here silently breaks that lock in the consumer.
  */
 export declare const useGuidoStateBridge: () => void;

package/dist/src/extensions/Blocks/Recommendation/controls/main/index.d.ts

@@ -20,7 +20,6 @@ export * from './utils';
 export declare class RecommendationBlockControl extends CommonControl {
     private store;
     private storeUnsubscription;
-    private syncedConfigs;
     private pendingNodeConfigWrite;
     private pendingConfigFlushTimer;
     private algorithmControl;
@@ -64,6 +63,11 @@ export declare class RecommendationBlockControl extends CommonControl {
      * fingerprint diff on this hook is the only way to notice (SD-149105).
      * An unchanged fingerprint means the move came from us, so runtime store
      * edits are never clobbered (SD-141049).
+     *
+     * The fingerprint is kept on the block's own store state so deleting the
+     * block drops it with the state it describes. A control-owned memo outlived
+     * that state and made a re-dropped saved module keep the defaults its wiped
+     * state was rebuilt with (SD-150347).
      */
     private _syncNodeConfigIfChanged;
     private _capturePendingNodeConfigWrite;

package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts

@@ -41,6 +41,16 @@ interface PerBlockState {
     isInitialized: boolean;
     /** Snapshot of filters taken when the drawer opens, used to revert on cancel */
     filterSnapshot: Filter[] | null;
+    /**
+     * Fingerprint of the node config as this block's state last adopted it.
+     *
+     * Lives here, not on the control, because it is a claim ABOUT this state —
+     * "the store already holds that node config". Held on the control it
+     * outlived the state it described: `removeBlockState` tore the state down
+     * while the fingerprint survived, so re-dropping a saved module under the
+     * same id skipped the re-sync and kept the defaults (SD-150347).
+     */
+    syncedConfigFingerprint: string | null;
 }
 /**
  * Persisted-config subset used by `seedBlockUrlConfig` to reconstruct
@@ -57,6 +67,8 @@ export interface PerBlockUrlConfig {
     filters: Filter[];
     shuffleProducts: boolean;
     currencyCode: string;
+    /** The displayed symbol, which is not the code — a TRY block shows `₺`. */
+    currencySymbol: string;
     currencyAlignment: 'before' | 'after';
     currencyDecimalCount: number;
     currencyDecimalSeparator: string;

package/dist/src/library.d.ts

@@ -2,5 +2,7 @@ export { default as Guido } from './components/Guido.vue';
 export type { GuidoConfig, GuidoConfigInput, IdentityConfig, PartnerConfig, TemplateConfig, TemplateMigrationConfig, LegacyRecommendationConfig, EditorConfig, UIConfig, FeaturesConfig, BlocksConfig, CompilerConfig, DynamicContent, EmailHeader, DefaultBlockType, CustomBlockType, ValidationResult, ValidationError, } from './@types/config';
 export { validateConfig, parseConfig, parseConfigSafe, isValidConfig, getValidationErrors, MessageType, ProductType, } from './@types/config';
 export { assignTrackingIds, readTrackFloor, readTrackSeq } from './public/trackingIds';
+export { useGuidoEmailEditorStore } from './public/editorState';
+export type { GuidoEmailEditorState } from './public/editorState';
 export type { StripoEventType } from './@types/events';
 export type { PositionData, DynamicContentEvent, MergeTagClickEvent, MergeTag, BaseDynamicContent, DynamicContentNode, DynamicContentList, TooltipOptions, TextValueObject, L10n, } from './@types/generic';

package/dist/src/public/editorState.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Published as `@useinsider/guido/editor-state` — the live editor snapshot Guido
+ * writes into the host's shared Pinia singleton.
+ *
+ * Importing from here pulls in nothing but pinia, so the editor never enters a
+ * consumer's module graph. Re-export surface only: this is the contract,
+ * `stores/guido-email-editor` is the implementation and stays free to move.
+ *
+ * Consumers read the store by importing it; the id `guidoEmailEditor` remains
+ * part of the contract for cortex-fe, which probes `pinia._s` at runtime instead
+ * of taking a build-time dependency on this package.
+ */
+export { useGuidoEmailEditorStore } from '../stores/guido-email-editor';
+export type { GuidoEmailEditorState } from '../stores/guido-email-editor';

package/dist/src/public/trackingIds.d.ts

@@ -4,6 +4,10 @@
  * Importing from here pulls in nothing else, so the editor never enters a
  * consumer's module graph. Re-export surface only: this is the contract,
  * `utils/linkTrackingIds` is the implementation and stays free to move.
+ *
+ * Relative, not the `@@/Utils/` alias: vue-tsc copies the specifier into the emitted
+ * .d.ts verbatim, and a consumer's TypeScript cannot resolve our alias table. A relative
+ * path resolves against dist/src/, so the published types actually load.
  */
-export { assignTrackingIds, readTrackFloor, readTrackSeq, TRACK_ID_ATTRIBUTE, TRACK_SEQ_ATTRIBUTE, } from '@@/Utils/linkTrackingIds';
-export type { TrackingIdResult } from '@@/Utils/linkTrackingIds';
+export { assignTrackingIds, readTrackFloor, readTrackSeq, TRACK_ID_ATTRIBUTE, TRACK_SEQ_ATTRIBUTE, } from '../utils/linkTrackingIds';
+export type { TrackingIdResult } from '../utils/linkTrackingIds';

package/dist/src/stores/editor.d.ts

@@ -6,6 +6,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
     isPreviewModeOpen: boolean;
     editorVisualMode: string;
     hasChanges: boolean;
+    changeSeq: number;
     isStripoInitialized: boolean;
     templateId: string;
     syncModulesEnabled: boolean;
@@ -19,6 +20,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
+        changeSeq: number;
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
@@ -31,6 +33,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
+        changeSeq: number;
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
@@ -44,6 +47,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
+        changeSeq: number;
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
@@ -56,6 +60,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
+        changeSeq: number;
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
@@ -69,6 +74,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
+        changeSeq: number;
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
@@ -81,6 +87,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
+        changeSeq: number;
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
@@ -94,6 +101,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
+        changeSeq: number;
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
@@ -106,6 +114,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
+        changeSeq: number;
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
@@ -119,6 +128,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
+        changeSeq: number;
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
@@ -131,6 +141,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
+        changeSeq: number;
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
@@ -144,6 +155,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
+        changeSeq: number;
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
@@ -156,6 +168,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
+        changeSeq: number;
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
@@ -169,6 +182,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
+        changeSeq: number;
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
@@ -181,6 +195,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
+        changeSeq: number;
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
@@ -194,6 +209,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
+        changeSeq: number;
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
@@ -206,6 +222,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
+        changeSeq: number;
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
@@ -219,6 +236,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
+        changeSeq: number;
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
@@ -231,6 +249,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
+        changeSeq: number;
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
@@ -244,6 +263,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
+        changeSeq: number;
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
@@ -256,6 +276,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
+        changeSeq: number;
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
@@ -269,6 +290,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
+        changeSeq: number;
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
@@ -281,6 +303,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
+        changeSeq: number;
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
@@ -294,6 +317,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
+        changeSeq: number;
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
@@ -306,6 +330,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
+        changeSeq: number;
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;

package/dist/src/stores/guido-email-editor.d.ts

@@ -1,41 +1,41 @@
-/**
- * Outbound contract Guido publishes to the host's shared Pinia singleton so
- * cortex-fe can pick up the current editor state and forward it as
- * `clientState.editor` on the next chat-stream POST.
- *
- * State + getters only — `useGuidoStateBridge` writes via `$patch`, no actions
- * live here (architecture invariant).
- *
- * Store id `guidoEmailEditor` is cross-MFE: cortex-fe reads it via
- * `pinia._s.get('guidoEmailEditor')` at runtime. The internal Guido editor
- * store keeps id `guidoEditor` — these are intentionally separate. The
- * internal store carries UI state that cortex-fe should not see; this public
- * store carries the contract Guido is willing to share.
- */
-export declare const useGuidoEmailEditorStore: import("pinia").StoreDefinition<"guidoEmailEditor", {
+/** The published editor snapshot — the shape a consumer reads off the shared store. */
+export interface GuidoEmailEditorState {
     /** Current Stripo HTML — stripe tables only, no DOCTYPE/wrapper. */
     html: string;
     /** Current Stripo CSS — es-p* utility classes used by the html. */
     css: string;
     /** Wall-clock ms when html/css were last written by the bridge. */
     lastUpdatedAt: number;
-    /** Template id from the editor config, for cortex-fe to scope per-template. */
+    /** Template id from the editor config, so a consumer can scope per-template. */
     templateId: string;
-}, {
+}
+/**
+ * Outbound contract Guido publishes to the host's shared Pinia singleton so a
+ * consumer can read the current editor state: cortex-fe forwards it as
+ * `clientState.editor` on the next chat-stream POST, email-fe scans it for the
+ * Array of Objects lock.
+ *
+ * Published as `@useinsider/guido/editor-state` and from the root barrel, so a
+ * consumer imports this store instead of re-declaring one under the same id.
+ *
+ * State + getters only, no actions. `useGuidoStateBridge` is the only intended
+ * writer, but that is Guido's own convention rather than something the store
+ * enforces: publishing the definition hands a consumer `$patch` as well, exactly
+ * as the runtime `pinia._s` probe always did.
+ *
+ * Store id `guidoEmailEditor` is cross-MFE: cortex-fe reads it via
+ * `pinia._s.get('guidoEmailEditor')` at runtime rather than importing it, so the
+ * id stays part of the contract. The internal Guido editor store keeps id
+ * `guidoEditor` — these are intentionally separate. The internal store carries
+ * UI state a consumer should not see; this public store carries the contract
+ * Guido is willing to share.
+ */
+export declare const useGuidoEmailEditorStore: import("pinia").StoreDefinition<"guidoEmailEditor", GuidoEmailEditorState, {
     /** True once the bridge has published at least one snapshot. */
     hasSnapshot: (state: {
         html: string;
         css: string;
         lastUpdatedAt: number;
         templateId: string;
-    } & import("pinia").PiniaCustomStateProperties<{
-        /** Current Stripo HTML — stripe tables only, no DOCTYPE/wrapper. */
-        html: string;
-        /** Current Stripo CSS — es-p* utility classes used by the html. */
-        css: string;
-        /** Wall-clock ms when html/css were last written by the bridge. */
-        lastUpdatedAt: number;
-        /** Template id from the editor config, for cortex-fe to scope per-template. */
-        templateId: string;
-    }>) => boolean;
+    } & import("pinia").PiniaCustomStateProperties<GuidoEmailEditorState>) => boolean;
 }, {}>;

package/dist/stores/editor.js

@@ -8,6 +8,10 @@ const o = e("guidoEditor", {
     isPreviewModeOpen: !1,
     editorVisualMode: "desktop",
     hasChanges: !1,
+    // Bumped on every Stripo document change. `hasChanges` is a latch that stays
+    // true until a save, so it cannot signal the second edit onwards; watchers
+    // that need every change (the outbound state bridge) watch this instead.
+    changeSeq: 0,
     isStripoInitialized: !1,
     templateId: "",
     syncModulesEnabled: !1,

package/dist/stores/guido-email-editor.js

@@ -1,13 +1,9 @@
 import { defineStore as e } from "pinia";
 const d = e("guidoEmailEditor", {
   state: () => ({
-    /** Current Stripo HTML — stripe tables only, no DOCTYPE/wrapper. */
     html: "",
-    /** Current Stripo CSS — es-p* utility classes used by the html. */
     css: "",
-    /** Wall-clock ms when html/css were last written by the bridge. */
     lastUpdatedAt: 0,
-    /** Template id from the editor config, for cortex-fe to scope per-template. */
     templateId: ""
   }),
   getters: {

package/dist/utils/templatePreparation.js

@@ -1,30 +1,30 @@
 import { useActionsApi as k } from "../composables/useActionsApi.js";
 import { useConfig as U } from "../composables/useConfig.js";
 import { useHtmlCompiler as x } from "../composables/useHtmlCompiler.js";
-import { DEFAULT_CURRENCY as d, DEFAULT_NODE_CONFIG as a } from "../extensions/Blocks/Recommendation/constants/defaultConfig.js";
-import { useRecommendationExtensionStore as C } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { DEFAULT_CURRENCY as m, DEFAULT_NODE_CONFIG as a } from "../extensions/Blocks/Recommendation/constants/defaultConfig.js";
+import { useRecommendationExtensionStore as T } from "../extensions/Blocks/Recommendation/store/recommendation.js";
 import { mapLegacyStrategy as L } from "../extensions/Blocks/Recommendation/utils/legacyStrategyMap.js";
-import { DATA_ATTRIBUTES as A } from "../extensions/Blocks/Unsubscribe/utils/constants.js";
+import { DATA_ATTRIBUTES as C } from "../extensions/Blocks/Unsubscribe/utils/constants.js";
 import { parsePageList as R } from "../extensions/Blocks/Unsubscribe/utils/utils.js";
 import { useDynamicContentStore as N } from "../stores/dynamic-content.js";
 import { useEditorStore as z } from "../stores/editor.js";
 import { useUnsubscribeStore as _ } from "../stores/unsubscribe.js";
 import { assignTrackingIds as v } from "./linkTrackingIds.js";
-function O(m) {
-  const i = new DOMParser().parseFromString(m, "text/html").querySelectorAll(`[${A.PAGE_LIST}]`), t = [];
-  return i.forEach((s) => {
-    const o = s.getAttribute(A.PAGE_LIST);
+function O(l) {
+  const c = new DOMParser().parseFromString(l, "text/html").querySelectorAll(`[${C.PAGE_LIST}]`), t = [];
+  return c.forEach((i) => {
+    const o = i.getAttribute(C.PAGE_LIST);
     o && t.push(...R(o));
   }), [...new Set(t)];
 }
-async function M(m) {
-  const n = new DOMParser().parseFromString(m, "text/html").querySelectorAll(".recommendation-block-v2");
+async function M(l) {
+  const n = new DOMParser().parseFromString(l, "text/html").querySelectorAll(".recommendation-block-v2");
   if (n.length === 0)
     return;
-  const i = C();
+  const c = T();
   n.forEach((t) => {
-    var r, l, g, f, c;
-    const s = t.getAttribute("recommendation-id"), o = s ? Number(s) : NaN;
+    var r, d, g, f, s, y;
+    const i = t.getAttribute("recommendation-id"), o = i ? Number(i) : NaN;
     if (!Number.isFinite(o))
       return;
     const p = t.getAttribute("esd-ext-config");
@@ -38,7 +38,7 @@ async function M(m) {
     }
     if (!e || typeof e != "object" || Array.isArray(e))
       return;
-    const h = {
+    const b = {
       // Normalize legacy strategy keys (e.g. `mostViewed` → `mostPopular`) so
       // already-saved blocks that never re-run the migrator don't emit a
       // strategy-less campaign URL. `||` also catches '' / undefined (SD-144882).
@@ -51,16 +51,17 @@ async function M(m) {
       productIds: e.productIds ?? [...a.productIds],
       filters: e.filters ?? [...a.filters],
       shuffleProducts: e.shuffleProducts ?? a.shuffleProducts,
-      currencyCode: ((r = e.currency) == null ? void 0 : r.code) ?? d.code,
-      currencyAlignment: ((l = e.currency) == null ? void 0 : l.alignment) ?? d.alignment,
-      currencyDecimalCount: ((g = e.currency) == null ? void 0 : g.decimalCount) ?? d.decimalCount,
-      currencyDecimalSeparator: ((f = e.currency) == null ? void 0 : f.decimalSeparator) ?? d.decimalSeparator,
-      currencyThousandSeparator: ((c = e.currency) == null ? void 0 : c.thousandSeparator) ?? d.thousandSeparator
+      currencyCode: ((r = e.currency) == null ? void 0 : r.code) ?? m.code,
+      currencySymbol: ((d = e.currency) == null ? void 0 : d.symbol) ?? m.symbol,
+      currencyAlignment: ((g = e.currency) == null ? void 0 : g.alignment) ?? m.alignment,
+      currencyDecimalCount: ((f = e.currency) == null ? void 0 : f.decimalCount) ?? m.decimalCount,
+      currencyDecimalSeparator: ((s = e.currency) == null ? void 0 : s.decimalSeparator) ?? m.decimalSeparator,
+      currencyThousandSeparator: ((y = e.currency) == null ? void 0 : y.thousandSeparator) ?? m.thousandSeparator
     };
-    i.seedBlockUrlConfig(o, h);
+    c.seedBlockUrlConfig(o, b);
   });
   try {
-    await i.fetchRecommendationCreateData();
+    await c.fetchRecommendationCreateData();
   } catch (t) {
     console.warn(
       "Recommendation reference data pre-load failed; validator will skip the availability check.",
@@ -69,44 +70,44 @@ async function M(m) {
   }
 }
 const Z = () => {
-  const m = N(), u = z(), n = _(), { getCompiledEmail: i, getTemplateData: t, updateHtmlAndCss: s } = k(), { compileHtml: o, compileAmpHtml: p } = x(), { isFeatureEnabled: e } = U();
+  const l = N(), u = z(), n = _(), { getCompiledEmail: c, getTemplateData: t, updateHtmlAndCss: i } = k(), { compileHtml: o, compileAmpHtml: p } = x(), { isFeatureEnabled: e } = U();
   return {
     prepareTemplateDetails: async () => {
-      let { html: r, css: l, syncModulesIds: g = [] } = await t();
+      let { html: r, css: d, syncModulesIds: g = [] } = await t();
       if (e("linkTrackingIds"))
         try {
-          const { html: S, changed: F, nextSeq: H } = v(r, u.trackIdSessionFloor);
-          u.trackIdSessionFloor = H, F && (r = S, await s(S, l));
-        } catch (S) {
-          console.error("Tracking-id step failed, saving anyway:", S);
+          const { html: h, changed: F, nextSeq: H } = v(r, u.trackIdSessionFloor);
+          u.trackIdSessionFloor = H, F && (r = h, await i(h, d));
+        } catch (h) {
+          console.error("Tracking-id step failed, saving anyway:", h);
         }
-      const { html: f, ampHtml: c = "", ampErrors: T = [] } = await i({
+      const { html: f, ampHtml: s = "", ampErrors: y = [] } = await c({
         minimize: !0,
         resetDataSavedFlag: !1
       });
       n.selectedUnsubscribePages.length && await n.fetchTemplates(), await M(r);
-      const { compiledHtml: I, stats: y, appliedRules: w } = o(f), D = c && p(c).compiledHtml, E = m.getSelectedDynamicContentList, P = C(), b = O(r);
+      const { compiledHtml: I, stats: S, appliedRules: w } = o(f), D = s && p(s).compiledHtml, E = l.getSelectedDynamicContentList, P = T(), A = O(r);
       return console.debug("HTML Compilation Stats:", {
-        originalSize: y.originalSize,
-        compiledSize: y.compiledSize,
-        reduction: `${y.reductionPercentage.toFixed(2)}%`,
+        originalSize: S.originalSize,
+        compiledSize: S.compiledSize,
+        reduction: `${S.reductionPercentage.toFixed(2)}%`,
         appliedRules: w,
-        executionTime: `${y.executionTime.toFixed(2)}ms`
+        executionTime: `${S.executionTime.toFixed(2)}ms`
       }), {
         dynamicContentList: E,
         compiledHtml: I,
         rawHtml: r,
-        css: l,
+        css: d,
         ampHtml: D,
-        ampErrors: T,
+        ampErrors: y,
         modules: g.map(Number),
         recommendation: {
           campaignUrls: P.recommendationCampaignUrls,
           configs: {}
         },
         unsubscribe: {
-          status: b.length > 0,
-          config: b
+          status: A.length > 0,
+          config: A
         }
       };
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.18.2-beta.6dbea61",
+  "version": "3.18.2-beta.83b62a8",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",
@@ -18,6 +18,10 @@
       "types": "./dist/src/public/trackingIds.d.ts",
       "import": "./dist/public/trackingIds.js"
     },
+    "./editor-state": {
+      "types": "./dist/src/public/editorState.d.ts",
+      "import": "./dist/public/editorState.js"
+    },
     "./style": "./dist/guido.css"
   },
   "scripts": {
@@ -47,7 +51,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@stripoinc/ui-editor-extensions": "3.9.0",
+    "@stripoinc/ui-editor-extensions": "3.10.0",
     "@useinsider/design-system-organisms": "0.0.3-beta.d816f06",
     "@useinsider/design-system-vue": "1.5.0",
     "@vueuse/core": "11.3.0",
@@ -118,7 +122,7 @@
   },
   "guido": {
     "stripo": {
-      "version": "2.73.0"
+      "version": "2.76.0"
     }
   }
 }