@useinsider/guido 3.8.1-beta.6c331cf → 3.8.1-beta.7e47cd7

package/dist/config/migrator/itemsBlockMigrator.js

@@ -1,12 +1,12 @@
-var B = Object.defineProperty;
-var v = (r, t, o) => t in r ? B(r, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[t] = o;
-var M = (r, t, o) => v(r, typeof t != "symbol" ? t + "" : t, o);
-import { BLOCK_ID as U } from "../../extensions/Blocks/Items/block.js";
-import { productPairs as K } from "../../extensions/Blocks/Items/enums/productEnums.js";
-import { ItemInCartOptions as T, DefaultConfigValues as g, SETTINGS_ENUMS as s } from "../../extensions/Blocks/Items/enums/settingsEnums.js";
-import { getDefaultTemplate as w } from "../../extensions/Blocks/Items/template.js";
-import { useTemplateStore as F } from "../../stores/template.js";
-const q = {
+var v = Object.defineProperty;
+var U = (o, t, r) => t in o ? v(o, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : o[t] = r;
+var M = (o, t, r) => U(o, typeof t != "symbol" ? t + "" : t, r);
+import { BLOCK_ID as K } from "../../extensions/Blocks/Items/block.js";
+import { productPairs as w } from "../../extensions/Blocks/Items/enums/productEnums.js";
+import { ItemInCartOptions as I, DefaultConfigValues as g, SETTINGS_ENUMS as p } from "../../extensions/Blocks/Items/enums/settingsEnums.js";
+import { getDefaultTemplate as F } from "../../extensions/Blocks/Items/template.js";
+import { useTemplateStore as q } from "../../stores/template.js";
+const x = {
   img: {
     pairsKey: "imageSrc",
     defaultKey: "DEFAULT",
@@ -76,77 +76,77 @@ const q = {
 function O() {
   return String(Date.now() + Math.floor(Math.random() * 1e3));
 }
-function $(r) {
-  return r ? {
-    CartItems: s.ITEMS_TYPE.CART_ITEMS,
-    BrowsedItems: s.ITEMS_TYPE.BROWSED_ITEMS,
-    PurchasedItems: s.ITEMS_TYPE.PURCHASED_ITEMS,
-    CART_ITEMS: s.ITEMS_TYPE.CART_ITEMS,
-    BROWSED_ITEMS: s.ITEMS_TYPE.BROWSED_ITEMS,
-    PURCHASED_ITEMS: s.ITEMS_TYPE.PURCHASED_ITEMS
-  }[r] || s.ITEMS_TYPE.CART_ITEMS : s.ITEMS_TYPE.CART_ITEMS;
+function R(o) {
+  return o ? {
+    CartItems: p.ITEMS_TYPE.CART_ITEMS,
+    BrowsedItems: p.ITEMS_TYPE.BROWSED_ITEMS,
+    PurchasedItems: p.ITEMS_TYPE.PURCHASED_ITEMS,
+    CART_ITEMS: p.ITEMS_TYPE.CART_ITEMS,
+    BROWSED_ITEMS: p.ITEMS_TYPE.BROWSED_ITEMS,
+    PURCHASED_ITEMS: p.ITEMS_TYPE.PURCHASED_ITEMS
+  }[o] || p.ITEMS_TYPE.CART_ITEMS : p.ITEMS_TYPE.CART_ITEMS;
 }
-function R(r) {
+function k(o) {
   var e;
-  const t = (c, _) => c == null ? _ : c === "1" || c === "true", o = (c, _) => c || _, l = r["data-type"] || r["data-source"], a = $(l), n = T[a];
-  let i = r["data-cart_items_select_control_value"] || ((e = n == null ? void 0 : n[0]) == null ? void 0 : e.value) || g.cartItemsSelectControlValue;
-  if (i && !i.includes("{{") && /^\d+$/.test(i)) {
-    const c = parseInt(i) - 1, _ = T[a];
-    _ && _[c] && (i = _[c].value);
+  const t = (c, u) => c == null ? u : c === "1" || c === "true", r = (c, u) => c || u, l = o["data-type"] || o["data-source"], a = R(l), i = I[a];
+  let n = o["data-cart_items_select_control_value"] || ((e = i == null ? void 0 : i[0]) == null ? void 0 : e.value) || g.cartItemsSelectControlValue;
+  if (n && !n.includes("{{") && /^\d+$/.test(n)) {
+    const c = parseInt(n) - 1, u = I[a];
+    u && u[c] && (n = u[c].value);
   }
   return {
     initialized: !0,
-    blockInstanceId: o(r["data-block-instance-id"], O()),
+    blockInstanceId: r(o["data-block-instance-id"], O()),
     source: a,
     type: a,
-    itemsSelectValue: i,
-    orientation: r["data-card_orientation_control_value"] || s.ORIENTATION.VERTICAL,
-    nameTrimming: t(r["data-product_name_control_trim"], !0),
-    priceHideDiscount: t(r["data-product_price_control_nodup"], !0),
-    priceFormatted: t(r["data-product_price_control_formated"], !0),
-    priceSinglePrice: t(r["data-product_price_control_single_price"], !1),
-    priceCurrencySymbol: o(
-      r["data-product_price_control_currency_symbol"],
+    itemsSelectValue: n,
+    orientation: o["data-card_orientation_control_value"] || p.ORIENTATION.VERTICAL,
+    nameTrimming: t(o["data-product_name_control_trim"], !0),
+    priceHideDiscount: t(o["data-product_price_control_nodup"], !0),
+    priceFormatted: t(o["data-product_price_control_formated"], !0),
+    priceSinglePrice: t(o["data-product_price_control_single_price"], !1),
+    priceCurrencySymbol: r(
+      o["data-product_price_control_currency_symbol"],
       g.productPriceCurrencySymbolControlValue
     ),
-    priceCurrencyLocation: o(
-      r["data-product_price_currency_location"],
+    priceCurrencyLocation: r(
+      o["data-product_price_currency_location"],
       g.productPriceCurrencyLocationControlValue
     ),
-    priceOrientation: r["data-product_original_price_control_orientation"] || "horizontal",
-    quantityControlEnabled: t(r["data-product_quantity_control_enabled"], !0),
-    buttonLink: o(r["data-product_button_link"], g.productButtonLinkControlValue),
-    imageLink: o(r["data-product_image_link"], g.productImageLinkControlValue),
-    buttonLabel: o(r["data-product_button_control_label"], "Buy"),
-    buttonFullWidth: t(r["data-product_button_control_atw"], !0),
-    imageVisible: t(r["data-product_image_control_enabled"], !0),
-    nameVisible: t(r["data-product_name_control_enabled"], !0),
-    quantityVisible: t(r["data-product_quantity_control_enabled"], !0),
-    priceVisible: t(r["data-product_price_control_enabled"], !0),
-    originalPriceVisible: t(r["data-product_original_price_control_enabled"], !0),
-    buttonVisible: t(r["data-product_button_control_enabled"], !0)
+    priceOrientation: o["data-product_original_price_control_orientation"] || "horizontal",
+    quantityControlEnabled: t(o["data-product_quantity_control_enabled"], !0),
+    buttonLink: r(o["data-product_button_link"], g.productButtonLinkControlValue),
+    imageLink: r(o["data-product_image_link"], g.productImageLinkControlValue),
+    buttonLabel: r(o["data-product_button_control_label"], "Buy"),
+    buttonFullWidth: t(o["data-product_button_control_atw"], !0),
+    imageVisible: t(o["data-product_image_control_enabled"], !0),
+    nameVisible: t(o["data-product_name_control_enabled"], !0),
+    quantityVisible: t(o["data-product_quantity_control_enabled"], !0),
+    priceVisible: t(o["data-product_price_control_enabled"], !0),
+    originalPriceVisible: t(o["data-product_original_price_control_enabled"], !0),
+    buttonVisible: t(o["data-product_button_control_enabled"], !0)
   };
 }
-const x = {
+const V = {
   ins_apr: "CART_ITEMS",
   browsed_item: "BROWSED_ITEMS",
   purchased_item: "PURCHASED_ITEMS"
 };
-function V(r, t) {
-  const o = {
+function $(o, t) {
+  const r = {
     CART_ITEMS: `{{Abandoned Cart Item (${t}) Image}}`,
     BROWSED_ITEMS: `{{Browsed Item (${t}) Image}}`,
     PURCHASED_ITEMS: `{{Purchased Item (${t}) Image}}`
   };
-  return o[r] || o.CART_ITEMS;
+  return r[o] || r.CART_ITEMS;
 }
-function N(r, t) {
-  const o = {
+function N(o, t) {
+  const r = {
     CART_ITEMS: `{{Abandoned Cart Item (${t}) Url}}`,
     BROWSED_ITEMS: `{{Browsed Item (${t}) Url}}`,
     PURCHASED_ITEMS: `{{Purchased Item (${t}) Url}}`
   };
-  return o[r] || o.CART_ITEMS;
+  return r[o] || r.CART_ITEMS;
 }
 class z {
   constructor() {
@@ -156,16 +156,16 @@ class z {
   migrate(t) {
     try {
       if (!this.containsItemsBlock(t))
-        return t;
-      let o = this.removeJinjaConditionals(t);
-      o = this.replaceTemplateVariables(o);
-      const l = this.parser.parseFromString(o, "text/html"), a = l.querySelectorAll(
+        return this.backfillV2ProductTdAttributes(t);
+      let r = this.removeJinjaConditionals(t);
+      r = this.replaceTemplateVariables(r);
+      const l = this.parser.parseFromString(r, "text/html"), a = l.querySelectorAll(
         "td.esd-cart-items-block, td.esd-browsed-items-block, td.esd-purchased-items-block"
       );
-      return F().$patch((i) => {
-        i.migrations = { ...i.migrations, [U]: a.length };
-      }), a.length === 0 ? (console.warn("ItemsBlockMigrator: No blocks found with items block selectors"), o) : (a.forEach((i) => {
-        const e = this.extractConfiguration(i), c = w({
+      return q().$patch((n) => {
+        n.migrations = { ...n.migrations, [K]: a.length };
+      }), a.length === 0 ? (console.warn("ItemsBlockMigrator: No blocks found with items block selectors"), r) : (a.forEach((n) => {
+        const e = this.extractConfiguration(n), c = F({
           orientation: e.orientation,
           itemsType: e.itemsType,
           itemId: e.itemId,
@@ -179,20 +179,20 @@ class z {
           priceStyles: e.priceStyles,
           originalPriceStyles: e.originalPriceStyles,
           quantityStyles: e.quantityStyles,
-          nodeConfig: R(e.configBlockAttributes)
-        }), u = this.parser.parseFromString(
+          nodeConfig: k(e.configBlockAttributes)
+        }), s = this.parser.parseFromString(
           `<table><tbody><tr>${c}</tr></tbody></table>`,
           "text/html"
         ).querySelector("td");
-        if (u && i.parentNode) {
-          const p = R(e.configBlockAttributes);
-          u.setAttribute("esd-ext-config", JSON.stringify(p));
-          const d = u.querySelector("esd-config-block");
-          d && d.remove(), i.parentNode.replaceChild(u, i);
+        if (s && n.parentNode) {
+          const _ = k(e.configBlockAttributes);
+          s.setAttribute("esd-ext-config", JSON.stringify(_)), s.setAttribute("data-type", _.type);
+          const d = s.querySelector("esd-config-block");
+          d && d.remove(), n.parentNode.replaceChild(s, n);
         }
       }), l.documentElement.outerHTML);
-    } catch (o) {
-      return console.error("ItemsBlockMigrator failed:", o), t;
+    } catch (r) {
+      return console.error("ItemsBlockMigrator failed:", r), t;
     }
   }
   /**
@@ -203,23 +203,25 @@ class z {
    */
   extractConfiguration(t) {
     var C, D, P;
-    const o = ((C = t.querySelector("[data-type]")) == null ? void 0 : C.getAttribute("data-type")) || "CART_ITEMS", l = ((D = t.querySelector("[data-number]")) == null ? void 0 : D.getAttribute("data-number")) || "1", a = parseInt(l) - 1, n = T[o], i = ((P = n == null ? void 0 : n[a]) == null ? void 0 : P.value) || n[0].value, e = t.querySelector('[product-attr="price"]'), c = (e == null ? void 0 : e.getAttribute("data-currency_symbol")) || "USD", u = ((e == null ? void 0 : e.getAttribute("data-curency")) || "before") === "after" ? "1" : "0", p = (e == null ? void 0 : e.getAttribute("data-formated")) !== "false", d = this.extractConfigBlockAttributes(t, o, l), S = d["data-card_orientation_control_value"];
-    let b;
-    S ? b = S === "horizontal" ? "horizontal" : "vertical" : b = t.querySelector('[colspan="2"]') !== null ? "vertical" : "horizontal";
-    const y = t.querySelector('a[product-attr="name"]'), I = (y == null ? void 0 : y.getAttribute("style")) || void 0, f = t.querySelector('a[product-attr="button"]'), m = (f == null ? void 0 : f.getAttribute("style")) || void 0, k = (e == null ? void 0 : e.getAttribute("style")) || void 0, A = t.querySelector("p.original-price"), h = (A == null ? void 0 : A.getAttribute("style")) || void 0, E = t.querySelector('[product-attr="quantity"]'), L = (E == null ? void 0 : E.getAttribute("style")) || void 0;
+    const r = R(
+      ((C = t.querySelector("[data-type]")) == null ? void 0 : C.getAttribute("data-type")) ?? null
+    ), l = ((D = t.querySelector("[data-number]")) == null ? void 0 : D.getAttribute("data-number")) || "1", a = parseInt(l) - 1, i = I[r], n = ((P = i == null ? void 0 : i[a]) == null ? void 0 : P.value) || i[0].value, e = t.querySelector('[product-attr="price"]'), c = (e == null ? void 0 : e.getAttribute("data-currency_symbol")) || "USD", s = ((e == null ? void 0 : e.getAttribute("data-curency")) || "before") === "after" ? "1" : "0", _ = (e == null ? void 0 : e.getAttribute("data-formated")) !== "false", d = this.extractConfigBlockAttributes(t, r, l), b = d["data-card_orientation_control_value"];
+    let S;
+    b ? S = b === "horizontal" ? "horizontal" : "vertical" : S = t.querySelector('[colspan="2"]') !== null ? "vertical" : "horizontal";
+    const y = t.querySelector('a[product-attr="name"]'), A = (y == null ? void 0 : y.getAttribute("style")) || void 0, f = t.querySelector('a[product-attr="button"]'), m = (f == null ? void 0 : f.getAttribute("style")) || void 0, h = (e == null ? void 0 : e.getAttribute("style")) || void 0, T = t.querySelector("p.original-price"), L = (T == null ? void 0 : T.getAttribute("style")) || void 0, E = t.querySelector('[product-attr="quantity"]'), B = (E == null ? void 0 : E.getAttribute("style")) || void 0;
     return {
-      orientation: b,
-      itemsType: o,
-      itemId: i,
+      orientation: S,
+      itemsType: r,
+      itemId: n,
       currencySymbol: c,
-      currencyLocation: u,
-      formattedPrice: p,
+      currencyLocation: s,
+      formattedPrice: _,
       configBlockAttributes: d,
-      nameStyles: I,
+      nameStyles: A,
       buttonStyles: m,
-      priceStyles: k,
-      originalPriceStyles: h,
-      quantityStyles: L
+      priceStyles: h,
+      originalPriceStyles: L,
+      quantityStyles: B
     };
   }
   /**
@@ -229,27 +231,27 @@ class z {
    * @param itemsType - The type of items (CART_ITEMS, BROWSED_ITEMS, PURCHASED_ITEMS)
    * @param itemNumber - The item number (1-based index)
    */
-  extractConfigBlockAttributes(t, o, l) {
-    const a = t.querySelector("esd-config-block"), n = {};
+  extractConfigBlockAttributes(t, r, l) {
+    const a = t.querySelector("esd-config-block"), i = {};
     if (!a)
       return this.getDefaultConfigBlockAttributes();
     if (Array.from(a.attributes).forEach((e) => {
-      e.name.startsWith("data-") && (n[e.name] = e.value);
-    }), n["data-cart_items_select_control_value"]) {
-      const e = n["data-cart_items_select_control_value"];
+      e.name.startsWith("data-") && (i[e.name] = e.value);
+    }), i["data-cart_items_select_control_value"]) {
+      const e = i["data-cart_items_select_control_value"];
       if (/^\d+$/.test(e)) {
-        const c = parseInt(e) - 1, _ = T[o];
-        _ && _[c] && (n["data-cart_items_select_control_value"] = _[c].value);
+        const c = parseInt(e) - 1, u = I[r];
+        u && u[c] && (i["data-cart_items_select_control_value"] = u[c].value);
       }
     }
-    if (n["data-product_price_control_curency"]) {
-      const e = n["data-product_price_control_curency"];
+    if (i["data-product_price_control_curency"]) {
+      const e = i["data-product_price_control_curency"];
       let c = e;
-      e === "before" ? c = "0" : e === "after" && (c = "1"), n["data-product_price_control_curency"] = c, n["data-product_price_currency_location"] = c;
+      e === "before" ? c = "0" : e === "after" && (c = "1"), i["data-product_price_control_curency"] = c, i["data-product_price_currency_location"] = c;
     }
-    (!n["data-product_price_control_currency_symbol"] || n["data-product_price_control_currency_symbol"].trim() === "") && (n["data-product_price_control_currency_symbol"] = "USD");
-    const i = { ...this.getDefaultConfigBlockAttributes(), ...n };
-    return i["data-type"] = o, i["data-source"] = o, i["data-product_image_link"] = V(o, l), i["data-product_button_link"] = N(o, l), i;
+    (!i["data-product_price_control_currency_symbol"] || i["data-product_price_control_currency_symbol"].trim() === "") && (i["data-product_price_control_currency_symbol"] = "USD");
+    const n = { ...this.getDefaultConfigBlockAttributes(), ...i };
+    return n["data-type"] = r, n["data-source"] = r, n["data-product_image_link"] = $(r, l), n["data-product_button_link"] = N(r, l), n;
   }
   /**
    * Returns default esd-config-block attributes based on the old template structure
@@ -298,6 +300,43 @@ class z {
       "data-product_button_link": "{{Abandoned Cart Item (1) Url}}"
     };
   }
+  /**
+   * Backfills data-type (and data-number) onto v2 `.ins-product-td` elements
+   * from their persisted `esd-ext-config` nodeConfig.
+   *
+   * Why: templates migrated and saved by an older build can carry the correct
+   * product type in `esd-ext-config` while the `.ins-product-td` is missing the
+   * `data-type` DOM attribute. Stripo strips `esd-*` attributes during compile,
+   * so by save time only `data-type` survives for `pairProductVariables` to read
+   * when choosing the merge-tag namespace. Restoring it here (at load, before the
+   * editor compiles) makes the namespace resolve to the real source
+   * (browsed_item_ / purchased_item_) instead of defaulting to ins_apr_ (Cart).
+   *
+   * Only re-serializes when something actually changed, so healthy templates
+   * (every product-td already has data-type) pass through byte-for-byte.
+   */
+  backfillV2ProductTdAttributes(t) {
+    if (!t.includes("ins-product-td") || !t.includes("esd-ext-config"))
+      return t;
+    const r = this.parser.parseFromString(t, "text/html");
+    let l = !1;
+    return r.querySelectorAll(".ins-product-td").forEach((a) => {
+      if (a.getAttribute("data-type"))
+        return;
+      const i = a.getAttribute("esd-ext-config");
+      if (i)
+        try {
+          const n = JSON.parse(i), e = n.type || n.source;
+          if (!e)
+            return;
+          if (a.setAttribute("data-type", e), l = !0, !a.getAttribute("data-number")) {
+            const c = typeof n.itemsSelectValue == "string" ? n.itemsSelectValue.match(/\((\d+)\)/) : null;
+            c && a.setAttribute("data-number", c[1]);
+          }
+        } catch {
+        }
+    }), l ? r.documentElement.outerHTML : t;
+  }
   /**
    * Fast check for the presence of any items block (cart / browsed / purchased)
    * in the raw HTML. Used to gate the migration pipeline so non-items templates
@@ -317,15 +356,15 @@ class z {
    * contains display condition Jinja scripts that should NOT be removed.
    */
   removeJinjaConditionals(t) {
-    const o = "__ESD_DISPLAY_CONDITIONS_PLACEHOLDER__", l = t.match(/esd-custom-display-conditions="[^"]*"/);
-    let a = l ? t.replace(l[0], o) : t;
+    const r = "__ESD_DISPLAY_CONDITIONS_PLACEHOLDER__", l = t.match(/esd-custom-display-conditions="[^"]*"/);
+    let a = l ? t.replace(l[0], r) : t;
     return a = a.replace(
       /\{%\s*if\s+(ins_apr|browsed_item|purchased_item)_total_product_kind\s*(&gt;|>)\s*\d+\s*%\}/g,
       ""
     ), a = a.replace(
       /\{%\s*if\s+(ins_apr|browsed_item|purchased_item)_price_\d+\s*(!&#61;|!=)\s*\1_originalprice_\d+\s*%\}/g,
       ""
-    ), a = a.replace(/\{%\s*endif\s*%\}/g, ""), l && (a = a.replace(o, l[0])), a = a.replace(/\n\s*\n\s*\n/g, `
+    ), a = a.replace(/\{%\s*endif\s*%\}/g, ""), l && (a = a.replace(r, l[0])), a = a.replace(/\n\s*\n\s*\n/g, `
 
 `), a;
   }
@@ -339,31 +378,31 @@ class z {
    * - {{purchased_item_formattedprice_5}} → '1,490.49' (PURCHASED_ITEMS)
    */
   replaceTemplateVariables(t) {
-    const { PAIRS_FOR_EXTENSION: o } = K;
+    const { PAIRS_FOR_EXTENSION: r } = w;
     return t.replace(/{{([^}]+)}}/g, (l, a) => {
-      const n = a.match(/^(ins_apr|browsed_item|purchased_item)_([a-z_]+)_(\d+)$/);
-      if (!n)
+      const i = a.match(/^(ins_apr|browsed_item|purchased_item)_([a-z_]+)_(\d+)$/);
+      if (!i)
         return l;
-      const [, i, e, c] = n, _ = x[i];
-      if (!_)
-        return console.warn(`Unknown variable prefix: ${i}`), l;
-      const u = q[e];
+      const [, n, e, c] = i, u = V[n];
       if (!u)
+        return console.warn(`Unknown variable prefix: ${n}`), l;
+      const s = x[e];
+      if (!s)
         return console.warn(`Unknown variable suffix mapping for: ${e}`), l;
-      const { pairsKey: p, defaultKey: d, isArray: S } = u, y = o[p][_];
+      const { pairsKey: _, defaultKey: d, isArray: b } = s, y = r[_][u];
       if (!y)
-        return console.warn(`No data found for: ${p}.${_}`), l;
-      if (S) {
+        return console.warn(`No data found for: ${_}.${u}`), l;
+      if (b) {
         const f = parseInt(c) - 1, m = y[d];
-        return Array.isArray(m) && m[f] ? m[f] : (console.warn(`Array value not found: ${p}.${_}.${d}[${f}]`), l);
+        return Array.isArray(m) && m[f] ? m[f] : (console.warn(`Array value not found: ${_}.${u}.${d}[${f}]`), l);
       }
-      const I = y[d];
-      return I !== void 0 ? String(I) : (console.warn(`Default value not found: ${p}.${_}.${d}`), l);
+      const A = y[d];
+      return A !== void 0 ? String(A) : (console.warn(`Default value not found: ${_}.${u}.${d}`), l);
     });
   }
 }
-function Q(r) {
-  return new z().migrate(r);
+function Q(o) {
+  return new z().migrate(o);
 }
 export {
   Q as migrateItemsBlock

package/dist/extensions/Blocks/Items/block.js

@@ -1,20 +1,20 @@
-import { BlockId as u } from "../../../enums/block.js";
+import { BlockId as g } from "../../../enums/block.js";
 import { useOnboardingStore as p } from "../../../stores/onboarding.js";
-import { getMigrationBannerHtml as C } from "../../../utils/migrationBannerHtml.js";
-import { Block as I, BlockCompositionType as y, ModificationDescription as s } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { SETTINGS_ENUMS as c, DefaultConfigValues as a } from "./enums/settingsEnums.js";
-import { getDefaultTemplate as h } from "./template.js";
-import { getItemsBlockContainer as l, getItemsBlockConfig as m, getDefaultItemsBlockConfig as b } from "./utils/nodeConfigUtils.js";
-const d = u.Items;
-class E extends I {
+import { getMigrationBannerHtml as f } from "../../../utils/migrationBannerHtml.js";
+import { Block as u, BlockCompositionType as I, ModificationDescription as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { SETTINGS_ENUMS as a, DefaultConfigValues as i } from "./enums/settingsEnums.js";
+import { getDefaultTemplate as C } from "./template.js";
+import { getItemsBlockContainer as y, getItemsBlockConfig as b, getDefaultItemsBlockConfig as h } from "./utils/nodeConfigUtils.js";
+const c = g.Items;
+class E extends u {
   getId() {
-    return d;
+    return c;
   }
   getIcon() {
     return "items-icon";
   }
   getBlockCompositionType() {
-    return y.CONTAINER;
+    return I.CONTAINER;
   }
   getName() {
     return this.api.translate("Items");
@@ -23,60 +23,41 @@ class E extends I {
     return this.api.translate("Items lets you display personalized products based on user behavior.");
   }
   getSettingsPanelTitleHtml() {
-    return C(
-      d,
+    return f(
+      c,
       this.api.translate("Items"),
       this.api.translate("This block is switched from the Old Version to the New Version. We recommend you check the Items block and test your message to ensure it works properly.")
     );
   }
   getTemplate() {
-    return h({
-      orientation: c.ORIENTATION.VERTICAL,
-      itemsType: c.ITEMS_TYPE.CART_ITEMS,
+    return C({
+      orientation: a.ORIENTATION.VERTICAL,
+      itemsType: a.ITEMS_TYPE.CART_ITEMS,
       itemId: "{{Abandoned Cart Item (1) Url}}",
-      currencySymbol: a.productPriceCurrencySymbolControlValue,
-      currencyLocation: a.productPriceCurrencyLocationControlValue,
-      formattedPrice: a.productPriceFormattedControlValue === "1"
+      currencySymbol: i.productPriceCurrencySymbolControlValue,
+      currencyLocation: i.productPriceCurrencyLocationControlValue,
+      formattedPrice: i.productPriceFormattedControlValue === "1"
     });
   }
   allowInnerBlocksDND() {
     return !1;
   }
-  canBeSavedAsModule() {
-    return !0;
-  }
-  onCreated(i) {
-    const n = this.api.getDocumentModifier(), r = this.api.getDocumentRootCssNode();
-    r.querySelector('[product-attr="imageSrc"] img') || n.modifyCss(r).appendRule('[product-attr="imageSrc"] img {object-fit: contain;}');
-    const t = l(i);
-    if (!t)
+  onCreated(n) {
+    const l = this.api.getDocumentModifier(), r = this.api.getDocumentRootCssNode();
+    r.querySelector('[product-attr="imageSrc"] img') || l.modifyCss(r).appendRule('[product-attr="imageSrc"] img {object-fit: contain;}');
+    const e = y(n);
+    if (!e)
       return;
-    const e = t.getNodeConfig(), g = e && Object.keys(e).length > 0, o = m(i);
-    if (o != null && o.initialized)
-      g ? o.blockInstanceId || this.api.getDocumentModifier().modifyHtml(t).setNodeConfig({ ...o, blockInstanceId: String(Date.now()) }).apply(new s("Assign block instance ID to block")) : this.api.getDocumentModifier().modifyHtml(t).setNodeConfig(o).apply(new s("Migrate legacy config to nodeConfig"));
+    const s = e.getNodeConfig(), m = s && Object.keys(s).length > 0, t = b(n);
+    if (t != null && t.initialized)
+      m ? t.blockInstanceId || this.api.getDocumentModifier().modifyHtml(e).setNodeConfig({ ...t, blockInstanceId: String(Date.now()) }).apply(new o("Assign block instance ID to block")) : this.api.getDocumentModifier().modifyHtml(e).setNodeConfig(t).apply(new o("Migrate legacy config to nodeConfig"));
     else {
-      const f = b();
-      this.api.getDocumentModifier().modifyHtml(t).setNodeConfig(f).apply(new s("Initialize Items block with default configuration")), p().startOnboarding("itemsOnboarding");
+      const d = h();
+      this.api.getDocumentModifier().modifyHtml(e).setNodeConfig(d).apply(new o("Initialize Items block with default configuration")), p().startOnboarding("itemsOnboarding");
     }
   }
-  /**
-   * Re-seeds nodeConfig from the persisted esd-ext-config when a saved module
-   * surfaces via document load. Stripo strips esd-ext-config and never restores it
-   * into nodeConfig, so without this a reused module would reset to defaults.
-   * Guarded to the nodeConfig-empty case so it runs once and never loops.
-   */
-  onDocumentChanged(i) {
-    const n = l(i);
-    if (!n)
-      return;
-    const r = n.getNodeConfig();
-    if (r && Object.keys(r).length > 0)
-      return;
-    const e = m(i);
-    e != null && e.initialized && this.api.getDocumentModifier().modifyHtml(n).setNodeConfig(e).apply(new s("Recover Items block config from saved module"));
-  }
 }
 export {
-  d as BLOCK_ID,
+  c as BLOCK_ID,
   E as ItemsBlock
 };

package/dist/extensions/Blocks/Items/template.js

@@ -1,9 +1,9 @@
 import { BlockType as b, BlockAttr as N } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { ItemsBlockId as O } from "./enums/controlEnums.js";
-import { productPairs as A, templateFirstLine as C } from "./enums/productEnums.js";
-import { ItemInCartOptions as Y, SETTINGS_ENUMS as x, DefaultConfigValues as D } from "./enums/settingsEnums.js";
-import j from "./layouts/horizontal.html.js";
-import q from "./layouts/vertical.html.js";
+import { productPairs as A, templateFirstLine as Q } from "./enums/productEnums.js";
+import { ItemInCartOptions as C, SETTINGS_ENUMS as x, DefaultConfigValues as D } from "./enums/settingsEnums.js";
+import Y from "./layouts/horizontal.html.js";
+import j from "./layouts/vertical.html.js";
 import { escapeReplacement as V } from "./utils/nodeConfigUtils.js";
 let [g] = A.PAIRS_FOR_EXTENSION.imageSrc.CART_ITEMS.DEFAULT, [L] = A.PAIRS_FOR_EXTENSION.name.CART_ITEMS.DEFAULT, [m] = A.PAIRS_FOR_EXTENSION.price.CART_ITEMS.DEFAULT_PRICE_FORMATTED, [S] = A.PAIRS_FOR_EXTENSION.originalPrice.CART_ITEMS.DEFAULT_PRICE_FORMATTED, [M] = A.PAIRS_FOR_EXTENSION.quantity.CART_ITEMS.DEFAULT;
 const U = (s, e) => s.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCase().startsWith(e.toLowerCase())).join("; ").replace(/;\s*$/, ""), F = (s) => U(s, "text-align"), w = (s, e) => {
@@ -12,7 +12,7 @@ const U = (s, e) => s.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCa
 }, v = (s, e, r) => new RegExp(`(${e}\\s*:\\s*)[^;]+`, "gi").test(s) ? s.replace(
   new RegExp(`(${e}\\s*:\\s*)[^;]+`, "gi"),
   `$1${r}`
-) : s, Z = (s, e, r, a) => {
+) : s, q = (s, e, r, a) => {
   const i = r || D.productImageHeight, n = (a == null ? void 0 : a.imageVisible) === !1 ? "display: none; " : "";
   return `
         <td class="esd-block-image document-node-component default-block-component selectable ng-star-inserted"
@@ -35,7 +35,7 @@ const U = (s, e) => s.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCa
             </a>
         </td>
     `;
-}, J = (s, e) => `
+}, Z = (s, e) => `
     <${b.BLOCK_IMAGE}
         ${N.BLOCK_IMAGE.src}="${g}"
         ${N.BLOCK_IMAGE.alt}="${L}"
@@ -48,7 +48,7 @@ const U = (s, e) => s.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCa
         data-type="${s}"
         data-number="${e}"
     />
-    `, tt = (s, e, r, a, i) => {
+    `, J = (s, e, r, a, i) => {
   const o = `
         text-decoration:none;
         font-size: inherit;
@@ -129,7 +129,7 @@ const U = (s, e) => s.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCa
         </p>
     </${b.BLOCK_TEXT}>
 `;
-}, et = (s, e, r, a, i, n, o, c, l, $) => {
+}, tt = (s, e, r, a, i, n, o, c, l, $) => {
   let t = m;
   if (a && a.trim()) {
     const T = `${a.trim()}`;
@@ -180,7 +180,7 @@ const U = (s, e) => s.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCa
             </p>
         </${b.BLOCK_TEXT}>
     `;
-}, at = (s, e, r, a, i, n, o = !0, c, l, $) => {
+}, et = (s, e, r, a, i, n, o = !0, c, l, $) => {
   let t = S;
   if (a && a.trim()) {
     const T = `${a.trim()}`;
@@ -234,7 +234,7 @@ const U = (s, e) => s.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCa
             </p>
         </${b.BLOCK_TEXT}>
     `;
-}, st = (s = !0, e, r) => {
+}, at = (s = !0, e, r) => {
   const a = s ? "" : 'style="display: none;"';
   if (e) {
     const i = "font-size: 14px;", n = w(r || "", "text-align") || "center", o = F(r || i);
@@ -270,7 +270,7 @@ const U = (s, e) => s.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCa
             </p>
         </${b.BLOCK_TEXT}>
     `;
-}, lt = (s, e, r = "Buy", a, i, n = !0, o = !0) => {
+}, st = (s, e, r = "Buy", a, i, n = !0, o = !0) => {
   if (a) {
     const c = w(i || "", "background") || w(i || "", "background-color"), l = c ? `border-width: 0px; background: ${c};` : "border-width: 0px;", $ = n ? "es-fw" : "es-il", t = (i || "").replace("border-width: 0;", "");
     return `
@@ -305,7 +305,7 @@ const U = (s, e) => s.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCa
         >${r}
         </${b.BLOCK_BUTTON}>
     `;
-}, rt = (s, e, r, a = !0, i = !0) => {
+}, lt = (s, e, r, a = !0, i = !0) => {
   const n = e === x.ORIENTATION.VERTICAL, o = r === "horizontal";
   if (n) {
     const c = !o, l = c || !i ? "100%" : "50%", $ = c || !a ? "100%" : "50%";
@@ -325,16 +325,12 @@ const U = (s, e) => s.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCa
     /<td\s+[^>]*class="[^"]*vertical-price[^"]*"[^>]*>/gi,
     (c) => c.replace(/display:\s*none;?/gi, "display: table-cell;")
   );
-}, it = (s) => s ? `<td align="center"
+}, rt = (s) => s ? `<td align="center"
             esd-extension-block-id="items-block" width="560"
-            data-number="4"
-            class="ins-product-td items-block items-block-v2 esd-items-block esd-extension-block esd-container-frame">` : C, z = (s, e, r, a, i, n, o, c, l, $, t, E, _, u = "horizontal", P, p, R, d) => {
-  const h = `${`data-type="${e}" data-number="${r}"`} data-orientation="${a}"`, y = s.replace(
-    /<td([^>]*class="[^"]*ins-product-td[^"]*"[^>]*)>/,
-    `<td$1 ${h}>`
-  ), X = l == null ? void 0 : l["data-product_image_control_image-height"], G = n ? Z(e, r, X, t) : J(e, r), K = (t == null ? void 0 : t.buttonLabel) || "Buy", B = (t == null ? void 0 : t.buttonFullWidth) !== void 0 ? t.buttonFullWidth : !0, W = e === x.ITEMS_TYPE.BROWSED_ITEMS ? !1 : t == null ? void 0 : t.quantityControlEnabled, Q = (t == null ? void 0 : t.buttonVisible) !== void 0 ? t.buttonVisible : (l == null ? void 0 : l["data-product_button_control_enabled"]) !== "false", k = (t == null ? void 0 : t.priceVisible) !== void 0 ? t.priceVisible : (l == null ? void 0 : l["data-product_price_control_enabled"]) !== "false", f = (t == null ? void 0 : t.originalPriceVisible) !== void 0 ? t.originalPriceVisible : (l == null ? void 0 : l["data-product_original_price_control_enabled"]) !== "false", H = y.replace("{-{-TEMPLATE_FIRST_LINE-}-}", it(n)).replace("{-{-PRODUCT_IMAGE-}-}", G).replace("{-{-PRODUCT_NAME-}-}", tt(e, n, a, E, t)).replaceAll(
+            class="ins-product-td items-block items-block-v2 esd-items-block esd-extension-block esd-container-frame">` : Q, z = (s, e, r, a, i, n, o, c, l, $, t, E, _, u = "horizontal", P, p, R, d) => {
+  const h = `${`data-type="${e}" data-number="${r}"`} data-orientation="${a}"`, y = l == null ? void 0 : l["data-product_image_control_image-height"], X = n ? q(e, r, y, t) : Z(e, r), G = (t == null ? void 0 : t.buttonLabel) || "Buy", K = (t == null ? void 0 : t.buttonFullWidth) !== void 0 ? t.buttonFullWidth : !0, B = e === x.ITEMS_TYPE.BROWSED_ITEMS ? !1 : t == null ? void 0 : t.quantityControlEnabled, W = (t == null ? void 0 : t.buttonVisible) !== void 0 ? t.buttonVisible : (l == null ? void 0 : l["data-product_button_control_enabled"]) !== "false", k = (t == null ? void 0 : t.priceVisible) !== void 0 ? t.priceVisible : (l == null ? void 0 : l["data-product_price_control_enabled"]) !== "false", f = (t == null ? void 0 : t.originalPriceVisible) !== void 0 ? t.originalPriceVisible : (l == null ? void 0 : l["data-product_original_price_control_enabled"]) !== "false", H = s.replace("{-{-TEMPLATE_FIRST_LINE-}-}", rt(n)).replace("{-{-PRODUCT_IMAGE-}-}", X).replace("{-{-PRODUCT_NAME-}-}", J(e, n, a, E, t)).replaceAll(
     "{-{-PRODUCT_PRICE-}-}",
-    V(et(
+    V(tt(
       e,
       r,
       i,
@@ -348,7 +344,7 @@ const U = (s, e) => s.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCa
     ))
   ).replaceAll(
     "{-{-PRODUCT_ORIGINAL_PRICE-}-}",
-    V(at(
+    V(et(
       e,
       r,
       i,
@@ -360,11 +356,14 @@ const U = (s, e) => s.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCa
       d,
       a
     ))
-  ).replace("{-{-PRODUCT_QUANTITY-}-}", st(W, n, R)).replace(
+  ).replace("{-{-PRODUCT_QUANTITY-}-}", at(B, n, R)).replace(
     "{-{-PRODUCT_BUTTON-}-}",
-    lt(e, r, K, n, _, B, Q)
+    st(e, r, G, n, _, K, W)
+  ).replace(
+    /<td([^>]*class="[^"]*ins-product-td[^"]*"[^>]*)>/,
+    `<td$1 ${h}>`
   );
-  return rt(
+  return lt(
     H,
     a,
     u,
@@ -389,7 +388,7 @@ function Tt({
   quantityStyles: u,
   priceOrientation: P
 }) {
-  const p = Y[e].findIndex((y) => y.value === r);
+  const p = C[e].findIndex((y) => y.value === r);
   let R = "1";
   if (p >= 0)
     R = String(p + 1);
@@ -403,7 +402,7 @@ function Tt({
   d ? (m = o ? T.DEFAULT_SINGLE_PRICE_FORMATTED : T.DEFAULT_SINGLE_PRICE, S = o ? I.DEFAULT_SINGLE_PRICE_FORMATTED : I.DEFAULT_SINGLE_PRICE) : (m = o ? T.DEFAULT_PRICE_FORMATTED : T.DEFAULT_PRICE, S = o ? I.DEFAULT_PRICE_FORMATTED : I.DEFAULT_PRICE), M = A.PAIRS_FOR_EXTENSION.quantity[e].DEFAULT;
   const h = P || (l == null ? void 0 : l.priceOrientation) || "horizontal";
   return s === x.ORIENTATION.VERTICAL ? z(
-    q,
+    j,
     e,
     R,
     s,
@@ -423,7 +422,7 @@ function Tt({
     u,
     d
   ) : z(
-    j,
+    Y,
     e,
     R,
     s,

package/dist/extensions/Blocks/Items/utils/nodeConfigUtils.js

@@ -1,36 +1,36 @@
 import { ModificationDescription as b } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { DefaultConfigValues as i, SETTINGS_ENUMS as n, ItemInCartOptions as g } from "../enums/settingsEnums.js";
+import { DefaultConfigValues as o, SETTINGS_ENUMS as n, ItemInCartOptions as g } from "../enums/settingsEnums.js";
 function _() {
   return String(Date.now() + Math.floor(Math.random() * 1e3));
 }
 const E = (r) => r.replace(/\$/g, "$$$$");
-function y() {
+function S() {
   return {
     initialized: !0,
     blockInstanceId: _(),
     source: n.ITEMS_TYPE.CART_ITEMS,
     type: n.ITEMS_TYPE.CART_ITEMS,
-    itemsSelectValue: i.cartItemsSelectControlValue,
+    itemsSelectValue: o.cartItemsSelectControlValue,
     orientation: n.ORIENTATION.VERTICAL,
-    nameTrimming: i.productNameTrimmingControlValue === "1",
-    priceHideDiscount: i.productPriceHideDiscountControlValue === "1",
-    priceFormatted: i.productPriceFormattedControlValue === "1",
+    nameTrimming: o.productNameTrimmingControlValue === "1",
+    priceHideDiscount: o.productPriceHideDiscountControlValue === "1",
+    priceFormatted: o.productPriceFormattedControlValue === "1",
     priceSinglePrice: !1,
-    priceCurrencySymbol: i.productPriceCurrencySymbolControlValue,
-    priceCurrencyLocation: i.productPriceCurrencyLocationControlValue,
+    priceCurrencySymbol: o.productPriceCurrencySymbolControlValue,
+    priceCurrencyLocation: o.productPriceCurrencyLocationControlValue,
     priceOrientation: "horizontal",
-    quantityControlEnabled: i.productQuantityControlEnabled === "1",
-    buttonLink: i.productButtonLinkControlValue,
-    imageLink: i.productImageLinkControlValue,
+    quantityControlEnabled: o.productQuantityControlEnabled === "1",
+    buttonLink: o.productButtonLinkControlValue,
+    imageLink: o.productImageLinkControlValue,
     buttonLabel: "Buy",
     buttonFullWidth: !0,
     // Default to full width (es-fw class)
-    imageVisible: i.productImageVisible === "1",
-    nameVisible: i.productNameVisible === "1",
-    quantityVisible: i.productQuantityVisible === "1",
-    priceVisible: i.productPriceVisible === "1",
-    originalPriceVisible: i.productOriginalPriceVisible === "1",
-    buttonVisible: i.productButtonVisible === "1"
+    imageVisible: o.productImageVisible === "1",
+    nameVisible: o.productNameVisible === "1",
+    quantityVisible: o.productQuantityVisible === "1",
+    priceVisible: o.productPriceVisible === "1",
+    originalPriceVisible: o.productOriginalPriceVisible === "1",
+    buttonVisible: o.productButtonVisible === "1"
   };
 }
 function p(r) {
@@ -50,26 +50,26 @@ function m(r) {
     PURCHASED_ITEMS: n.ITEMS_TYPE.PURCHASED_ITEMS
   }[r] || n.ITEMS_TYPE.CART_ITEMS : n.ITEMS_TYPE.CART_ITEMS;
 }
-function f(r, t) {
+function I(r, t) {
   if (!r)
-    return i.cartItemsSelectControlValue;
+    return o.cartItemsSelectControlValue;
   if (r.includes("{{"))
     return r;
   if (/^\d+$/.test(r)) {
-    const e = parseInt(r) - 1, o = g[t];
-    if (o && o[e])
-      return o[e].value;
+    const e = parseInt(r) - 1, i = g[t];
+    if (i && i[e])
+      return i[e].value;
   }
-  return i.cartItemsSelectControlValue;
+  return o.cartItemsSelectControlValue;
 }
 function C(r) {
   const t = r.querySelector("esd-config-block");
   if (!t)
     return null;
-  const e = (u, s) => u == null ? s : u === "1" || u === "true", o = (u, s) => u || s, c = t.getAttribute("data-type"), a = m(c), d = t.getAttribute("data-cart_items_select_control_value"), l = f(d, a);
+  const e = (c, s) => c == null ? s : c === "1" || c === "true", i = (c, s) => c || s, u = t.getAttribute("data-type"), a = m(u), d = t.getAttribute("data-cart_items_select_control_value"), l = I(d, a);
   return {
     initialized: e(t.getAttribute("data-initialized"), !1),
-    blockInstanceId: o(
+    blockInstanceId: i(
       t.getAttribute("data-block-instance-id"),
       _()
     ),
@@ -93,28 +93,28 @@ function C(r) {
       t.getAttribute("data-product_price_control_single_price"),
       !1
     ),
-    priceCurrencySymbol: o(
+    priceCurrencySymbol: i(
       t.getAttribute("data-product_price_control_currency_symbol"),
-      i.productPriceCurrencySymbolControlValue
+      o.productPriceCurrencySymbolControlValue
     ),
-    priceCurrencyLocation: o(
+    priceCurrencyLocation: i(
       t.getAttribute("data-product_price_currency_location"),
-      i.productPriceCurrencyLocationControlValue
+      o.productPriceCurrencyLocationControlValue
     ),
     priceOrientation: t.getAttribute("data-product_original_price_control_orientation") || "horizontal",
     quantityControlEnabled: e(
       t.getAttribute("data-product_quantity_control_enabled"),
       !0
     ),
-    buttonLink: o(
+    buttonLink: i(
       t.getAttribute("data-product_button_link"),
-      i.productButtonLinkControlValue
+      o.productButtonLinkControlValue
     ),
-    imageLink: o(
+    imageLink: i(
       t.getAttribute("data-product_image_link"),
-      i.productImageLinkControlValue
+      o.productImageLinkControlValue
     ),
-    buttonLabel: o(
+    buttonLabel: i(
       t.getAttribute("data-product_button_control_label"),
       "Buy"
     ),
@@ -149,45 +149,28 @@ function C(r) {
     )
   };
 }
-function I(r) {
-  if (typeof r.getAttribute != "function")
-    return null;
-  const t = r.getAttribute("esd-ext-config");
-  if (!t)
-    return null;
-  try {
-    const e = JSON.parse(t);
-    if (e && e.initialized)
-      return e;
-  } catch {
-  }
-  return null;
-}
-function A(r) {
+function y(r) {
   const t = p(r);
   if (!t)
     return null;
   const e = t.getNodeConfig();
   if (e && e.initialized)
     return e;
-  const o = I(t);
-  if (o)
-    return o;
-  const c = C(t);
-  return c || null;
+  const i = C(t);
+  return i || null;
 }
-function V(r, t, e, o) {
-  const c = p(r);
-  if (!c)
+function A(r, t, e, i) {
+  const u = p(r);
+  if (!u)
     return;
-  const d = { ...c.getNodeConfig() || {}, ...e }, l = o ?? t.getDocumentModifier();
-  l.modifyHtml(c).setNodeConfig(d), o || l.apply(new b("Update Items block configuration"));
+  const d = { ...u.getNodeConfig() || {}, ...e }, l = i ?? t.getDocumentModifier();
+  l.modifyHtml(u).setNodeConfig(d), i || l.apply(new b("Update Items block configuration"));
 }
 export {
   E as escapeReplacement,
   _ as generateBlockInstanceId,
-  y as getDefaultItemsBlockConfig,
-  A as getItemsBlockConfig,
+  S as getDefaultItemsBlockConfig,
+  y as getItemsBlockConfig,
   p as getItemsBlockContainer,
-  V as setItemsBlockConfig
+  A as setItemsBlockConfig
 };

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

@@ -93,8 +93,8 @@ function $(e, t = {}) {
     productsPerRow: c.mobileCardsInRow,
     composition: d,
     filterList: l.filterList,
-    // One product per row has no gutter — suppress padding without clobbering the stored value.
-    cellPadding: c.mobileCardsInRow === 1 ? "0" : U(c.mobileColumnSpacing),
+    // Match the initial render's gutter so a regeneration never changes block height (SD-143023).
+    cellPadding: U(c.mobileColumnSpacing),
     rowSpacingPx: c.mobileRowSpacing,
     ...t
   })}</table></td>`, E = n.querySelector(N);
@@ -120,8 +120,8 @@ function ee(e, t = {}) {
     productsPerRow: a,
     composition: d,
     filterList: c.filterList,
-    // One product per row has no gutter — suppress padding without clobbering the stored value.
-    cellPadding: a === 1 ? "0" : U(p.columnSpacing),
+    // Match the initial render's gutter so a regeneration never changes block height (SD-143023).
+    cellPadding: U(p.columnSpacing),
     rowSpacingPx: p.rowSpacing,
     ...t
   });
@@ -277,7 +277,7 @@ function re(e, t, n) {
     });
   }), s;
 }
-function I(e, t, n) {
+function h(e, t, n) {
   if (!("querySelectorAll" in e))
     return !1;
   const o = e.querySelectorAll(
@@ -321,12 +321,12 @@ function ge(e) {
     `[esd-extension-block-id="${m.IMAGE}"]`
   ).length !== o.length)
     return !1;
-  let i = I(r, n, o);
+  let i = h(r, n, o);
   const u = C(t), c = S.getConfig(t);
   if (u !== "list" && c.mobileLayoutEnabled && "querySelector" in t) {
     const l = t.querySelector(O);
     if (l) {
-      const a = I(
+      const a = h(
         l,
         n,
         o
@@ -336,7 +336,7 @@ function ge(e) {
   }
   return i && n.apply(new g("Updated product content in-place")), !0;
 }
-function h(e, t, n) {
+function I(e, t, n) {
   if (!("querySelectorAll" in e))
     return !1;
   const o = e.querySelectorAll(
@@ -370,12 +370,12 @@ function Se(e) {
   if (r.length === 0)
     return !1;
   const s = j(t);
-  let i = h(s, n, r);
+  let i = I(s, n, r);
   const u = C(t), c = S.getConfig(t);
   if (u !== "list" && c.mobileLayoutEnabled && "querySelector" in t) {
     const l = t.querySelector(O);
     if (l) {
-      const a = h(l, n, r);
+      const a = I(l, n, r);
       i = i || a;
     }
   }

package/dist/src/extensions/Blocks/Items/block.d.ts

@@ -24,13 +24,5 @@ export declare class ItemsBlock extends Block {
     getSettingsPanelTitleHtml(): string;
     getTemplate(): string;
     allowInnerBlocksDND(): boolean;
-    canBeSavedAsModule(): boolean;
     onCreated(node: ImmutableHtmlNode): void;
-    /**
-     * Re-seeds nodeConfig from the persisted esd-ext-config when a saved module
-     * surfaces via document load. Stripo strips esd-ext-config and never restores it
-     * into nodeConfig, so without this a reused module would reset to defaults.
-     * Guarded to the nodeConfig-empty case so it runs once and never loops.
-     */
-    onDocumentChanged(node: ImmutableHtmlNode): void;
 }

package/dist/src/extensions/Blocks/Items/utils/nodeConfigUtils.d.ts

@@ -55,7 +55,7 @@ export declare function getItemsBlockContainer(currentNode: ImmutableHtmlNode |
 /**
  * Gets the node configuration from the Items block.
  * Uses Stripo V2's getNodeConfig() API.
- * Falls back to the persisted esd-ext-config (saved modules), then legacy config block.
+ * Falls back to migrating from legacy config block if nodeConfig is empty.
  * @param currentNode - The current node from the control
  * @returns The ItemsBlockConfig object or null if not found
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.8.1-beta.6c331cf",
+  "version": "3.8.1-beta.7e47cd7",
   "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",