@useinsider/guido 3.7.2-beta.1e8f93e → 3.7.2-beta.2220fb0

package/dist/extensions/Blocks/Recommendation/templates/list/elementRenderer.js

@@ -1,43 +1,71 @@
-import { RecommendationBlockId as o } from "../../constants/blockIds.js";
-import { ATTR_PRODUCT_ATTR as u, ATTR_PRODUCT_BUTTON as c, CSS_CLASS_RECO_BUTTON as d, ATTR_PRODUCT_IMAGE as p, ATTR_PRODUCT_OMNIBUS_DISCOUNT as g, ATTR_PRODUCT_OMNIBUS_PRICE as f, ATTR_PRODUCT_OLD_PRICE as T, ATTR_PRODUCT_PRICE as x, ATTR_PRODUCT_NAME as _ } from "../../constants/selectors.js";
-import { useRecommendationExtensionStore as C } from "../../store/recommendation.js";
-import { formatPrice as R } from "../../utils/priceFormatter.js";
-import { CUSTOM_CELL_HTML as O, sanitizeImageUrl as $ } from "../utils.js";
-function b() {
-  const t = C(), { currencySettings: e } = t.recommendationConfigs;
-  return {
-    code: e.value,
-    symbol: e.symbol,
-    alignment: e.alignment === "0" ? "before" : "after",
-    decimalCount: parseInt(e.decimalCount) || 2,
-    decimalSeparator: e.decimalSeparator,
-    thousandSeparator: e.thousandSeparator
-  };
+import { RecommendationBlockId as e } from "../../constants/blockIds.js";
+import { ATTR_PRODUCT_ATTR as m, ATTR_PRODUCT_BUTTON as d, CSS_CLASS_RECO_BUTTON as p, ATTR_PRODUCT_IMAGE as b, ATTR_PRODUCT_OMNIBUS_DISCOUNT as u, ATTR_PRODUCT_OMNIBUS_PRICE as f, ATTR_PRODUCT_OLD_PRICE as x, ATTR_PRODUCT_PRICE as T, ATTR_PRODUCT_NAME as _ } from "../../constants/selectors.js";
+import { formatProductPrice as a, isSamePrice as g, CUSTOM_CELL_HTML as $, getCurrentCurrencyConfig as C, sanitizeImageUrl as R } from "../utils.js";
+function k(t) {
+  const s = `<s><strong>${a(t, "original_price")}</strong></s>`;
+  return `
+        <tr>
+            <td
+                class="esd-block-text product-old-price"
+                esd-extension-block-id="${e.OLD_PRICE}"
+                data-same-price="${g(t)}"
+                align="left">
+                <p
+                    contenteditable="false"
+                    style="font-size: 14px; color: #999999; margin: 0;">
+                    ${s}
+                </p>
+            </td>
+        </tr>
+    `;
 }
-function r(t, e = "price") {
-  const n = b(), s = t[e], a = (s == null ? void 0 : s[n.code]) ?? Object.values(s ?? {})[0] ?? 0;
-  return R({
-    price: a,
-    currency: n
-  });
+function h(t, s = !0) {
+  const n = `<s><strong>${a(t, "original_price")}</strong></s>`, r = (o) => `<td
+                class="esd-block-text product-price"
+                esd-extension-block-id="${e.PRICE}"
+                align="left"
+                valign="middle"
+                style="width: auto;${o}">
+                <p contenteditable="false" style="font-size: 16px; color: #333333; font-weight: bold; margin: 0;">
+                    <strong>${a(t, "price")}</strong>
+                </p>
+            </td>`, i = (o) => `<td
+                class="esd-block-text product-old-price"
+                esd-extension-block-id="${e.OLD_PRICE}"
+                data-same-price="${g(t)}"
+                align="left"
+                valign="middle"
+                style="width: auto;${o}">
+                <p
+                    contenteditable="false"
+                    style="font-size: 14px; color: #999999; margin: 0;">
+                    ${n}
+                </p>
+            </td>`, c = s ? i(" padding-right: 8px;") : r(" padding-right: 8px;"), l = s ? r("") : i("");
+  return `
+        <tr>
+            ${c}
+            ${l}
+        </tr>
+    `;
 }
-const I = {
+const U = {
   /**
    * Image cell - left column (120px fixed width)
    * Has recommendation-attribute-row class and data attributes for Card Composition control
    */
-  [p]: (t) => `
+  [b]: (t) => `
         <td
             width="120"
             class="esd-block-image product-image-cell recommendation-attribute-row es-p5"
-            esd-extension-block-id="${o.IMAGE}"
-            data-attribute-type="${p}"
+            esd-extension-block-id="${e.IMAGE}"
+            data-attribute-type="${b}"
             data-visibility="1"
             align="center"
             valign="middle">
-            <a target="_blank" href="${t.url}" class="${d}">
+            <a target="_blank" href="${t.url}" class="${p}">
                 <img
-                    src="${$(t.image_url)}"
+                    src="${R(t.image_url)}"
                     alt="${t.name}"
                     style="display: block; max-width: 100%; height: auto;"
                     class="adapt-img product-image">
@@ -51,7 +79,7 @@ const I = {
         <tr>
             <td
                 class="esd-block-text product-name"
-                esd-extension-block-id="${o.NAME}"
+                esd-extension-block-id="${e.NAME}"
                 align="left">
                 <p contenteditable="false" style="font-size: 16px; color: #333333; font-weight: 600; margin: 0;">
                     <strong>${t.name}</strong>
@@ -62,14 +90,14 @@ const I = {
   /**
    * Price element - row for info cell table
    */
-  [x]: (t) => `
+  [T]: (t) => `
         <tr>
             <td
                 class="esd-block-text product-price"
-                esd-extension-block-id="${o.PRICE}"
+                esd-extension-block-id="${e.PRICE}"
                 align="left">
                 <p contenteditable="false" style="font-size: 16px; color: #333333; font-weight: bold; margin: 0;">
-                    <strong>${r(t, "price")}</strong>
+                    <strong>${a(t, "price")}</strong>
                 </p>
             </td>
         </tr>
@@ -77,20 +105,7 @@ const I = {
   /**
    * Old price element - row for info cell table
    */
-  [T]: (t) => `
-        <tr>
-            <td
-                class="esd-block-text product-old-price"
-                esd-extension-block-id="${o.OLD_PRICE}"
-                align="left">
-                <p
-                    contenteditable="false"
-                    style="font-size: 14px; color: #999999; margin: 0;">
-                    <s><strong>${r(t, "original_price")}</strong></s>
-                </p>
-            </td>
-        </tr>
-    `,
+  [x]: (t) => k(t),
   /**
    * Omnibus price element - row for info cell table
    */
@@ -100,11 +115,11 @@ const I = {
                 class="esd-block-text product-omnibus-price"
                 data-text-before="Lowest 30-day price: "
                 data-text-after=""
-                esd-extension-block-id="${o.OMNIBUS_PRICE}"
+                esd-extension-block-id="${e.OMNIBUS_PRICE}"
                 align="left">
                 <p contenteditable="false" style="font-size: 12px; color: #666666; margin: 0;">
                     <span class="omnibus-text-before">Lowest 30-day price: </span>
-                    <span class="omnibus-price-value">${r(t, "original_price")}</span>
+                    <span class="omnibus-price-value">${a(t, "original_price")}</span>
                     <span class="omnibus-text-after"></span>
                 </p>
             </td>
@@ -113,20 +128,20 @@ const I = {
   /**
    * Omnibus discount element - row for info cell table
    */
-  [g]: (t) => {
-    var i, l;
-    const e = b(), n = ((i = t.original_price) == null ? void 0 : i[e.code]) ?? Object.values(t.original_price ?? {})[0] ?? 0, s = ((l = t.price) == null ? void 0 : l[e.code]) ?? Object.values(t.price ?? {})[0] ?? 0, a = n > 0 ? Math.round((n - s) / n * 100) : 0, m = a > 0 ? `-${a}%` : "0%";
+  [u]: (t) => {
+    var l, o;
+    const s = C(), n = ((l = t.original_price) == null ? void 0 : l[s.code]) ?? Object.values(t.original_price ?? {})[0] ?? 0, r = ((o = t.price) == null ? void 0 : o[s.code]) ?? Object.values(t.price ?? {})[0] ?? 0, i = n > 0 ? Math.round((n - r) / n * 100) : 0, c = i > 0 ? `-${i}%` : "0%";
     return `
         <tr>
             <td
                 class="esd-block-text product-omnibus-discount"
                 data-text-before=""
                 data-text-after=""
-                esd-extension-block-id="${o.OMNIBUS_DISCOUNT}"
+                esd-extension-block-id="${e.OMNIBUS_DISCOUNT}"
                 align="left">
                 <p contenteditable="false" style="font-size: 12px; color: #666666; margin: 0;">
                     <span class="omnibus-text-before"></span>
-                    <span class="omnibus-discount-value">${m}</span>
+                    <span class="omnibus-discount-value">${c}</span>
                     <span class="omnibus-text-after"></span>
                 </p>
             </td>
@@ -137,12 +152,12 @@ const I = {
    * Button cell - right column (100px fixed width)
    * Has recommendation-attribute-row class and data attributes for Card Composition control
    */
-  [c]: (t) => `
+  [d]: (t) => `
         <td
             width="100"
             class="esd-block-button button-cell recommendation-attribute-row product-button es-p5l es-p5r"
-            esd-extension-block-id="${o.BUTTON}"
-            data-attribute-type="${c}"
+            esd-extension-block-id="${e.BUTTON}"
+            data-attribute-type="${d}"
             data-visibility="1"
             align="center"
             valign="middle">
@@ -156,7 +171,7 @@ const I = {
                 <a
                     href="${t.url}"
                     target="_blank"
-                    class="es-button ${d}"
+                    class="es-button ${p}"
                     style="
                         color: rgb(56, 118, 29);
                         background: rgb(217, 234, 211);
@@ -179,18 +194,20 @@ const I = {
    * @param productAttrValue - Resolved product-attr value (e.g., "brand" for default, "product_attribute.rating_star" for custom)
    * @param content - Display content for the cell
    */
-  [O]: (t, e) => `
+  [$]: (t, s) => `
         <tr>
             <td
-                ${u}="${t}"
+                ${m}="${t}"
                 class="esd-block-text product-custom-attribute"
-                esd-extension-block-id="${o.CUSTOM_ATTRIBUTE}"
+                esd-extension-block-id="${e.CUSTOM_ATTRIBUTE}"
                 align="left">
-                <p contenteditable="false" style="font-size: 12px; color: #666666; margin: 0;">${e}</p>
+                <p contenteditable="false" style="font-size: 12px; color: #666666; margin: 0;">${s}</p>
             </td>
         </tr>
     `
 };
 export {
-  I as listElementRenderer
+  U as listElementRenderer,
+  h as renderInlineListPriceRow,
+  k as renderListOldPriceRow
 };

package/dist/extensions/Blocks/Recommendation/templates/list/template.js

@@ -1,14 +1,14 @@
-import { ATTR_PRODUCT_IMAGE as a, ATTR_PRODUCT_BUTTON as d } from "../../constants/selectors.js";
-import { DEFAULT_CARD_COMPOSITION as b, spacer as m, buildElementRenderer as C, DEFAULT_CARD_VISIBILITY as T } from "../utils.js";
-import { listElementRenderer as f } from "./elementRenderer.js";
-function R(r, n, l) {
-  const t = l ? "" : ' style="display: none;"', o = r.replace(/<tr>/, "").replace(/<\/tr>/, "");
+import { ATTR_PRODUCT_IMAGE as a, ATTR_PRODUCT_BUTTON as c } from "../../constants/selectors.js";
+import { DEFAULT_CARD_COMPOSITION as R, spacer as m, buildElementRenderer as T, resolveInlinePriceOrder as O, DEFAULT_CARD_VISIBILITY as w } from "../utils.js";
+import { listElementRenderer as y, renderInlineListPriceRow as I } from "./elementRenderer.js";
+function g(t, r, n) {
+  const o = n ? "" : ' style="display: none;"', l = t.replace(/<tr>/, "").replace(/<\/tr>/, "");
   return `<tr
             class="recommendation-attribute-row"
-            data-attribute-type="${n}"
-            data-visibility="${l ? "1" : "0"}"${t}>${o}</tr>`;
+            data-attribute-type="${r}"
+            data-visibility="${n ? "1" : "0"}"${o}>${l}</tr>`;
 }
-const y = `
+const _ = `
     <tr class="recommendation-product-row">
         <td style="padding: 0 5px;">
             <table
@@ -26,29 +26,29 @@ const y = `
         </td>
     </tr>
 `;
-function O(r, n = b, l = {}) {
-  const t = C(f, n, l), o = t[a](r), c = `
+function P(t, r = R, n = {}, o = {}) {
+  const { priceInline: l = !1 } = o, i = T(y, r, n), d = i[a](t), s = O(r), p = (e) => l && e === s.anchor ? I(t, s.originalFirst) : i[e](t), u = `
         <td class="product-info-cell" valign="middle" style="padding: 15px;">
             <table cellpadding="0" cellspacing="0" role="presentation" width="100%" style="table-layout: fixed;">
                 <tbody>
-                    ${n.filter((e) => e !== a && e !== d).filter((e) => t[e]).map((e) => {
-    const u = T[e] ?? !0;
-    return R(t[e](r), e, u);
+                    ${r.filter((e) => e !== a && e !== c).filter((e) => !(l && e === s.skip)).filter((e) => i[e]).map((e) => {
+    const C = w[e] ?? !0;
+    return g(p(e), e, C);
   }).join(`
                     `)}
                 </tbody>
             </table>
         </td>
-    `, s = t[d](r), p = o + c + s;
-  return y.replace("{-{-PRODUCT_CONTENT-}-}", p);
+    `, f = i[c](t), b = d + u + f;
+  return _.replace("{-{-PRODUCT_CONTENT-}-}", b);
 }
-function D(r, n, l = {}) {
-  return r.map((t, o) => {
-    const i = O(t, n, l);
-    return o > 0 ? m + i : i;
+function N(t, r, n = {}, o = {}) {
+  return t.map((l, i) => {
+    const d = P(l, r, n, o);
+    return i > 0 ? m + d : d;
   }).join("");
 }
 export {
-  O as getListProductCard,
-  D as prepareProductRows
+  P as getListProductCard,
+  N as prepareProductRows
 };

package/dist/extensions/Blocks/Recommendation/templates/utils.js

@@ -1,7 +1,38 @@
-import { ATTR_CUSTOM_PREFIX as d, ATTR_PRODUCT_IMAGE as u, ATTR_PRODUCT_NAME as p, ATTR_PRODUCT_OLD_PRICE as m, ATTR_PRODUCT_PRICE as b, ATTR_PRODUCT_OMNIBUS_PRICE as T, ATTR_PRODUCT_OMNIBUS_DISCOUNT as _, ATTR_PRODUCT_BUTTON as g } from "../constants/selectors.js";
-function y(t) {
+import { ATTR_PRODUCT_PRICE as c, ATTR_PRODUCT_OLD_PRICE as a, ATTR_CUSTOM_PREFIX as m, ATTR_PRODUCT_IMAGE as b, ATTR_PRODUCT_NAME as g, ATTR_PRODUCT_OMNIBUS_PRICE as f, ATTR_PRODUCT_OMNIBUS_DISCOUNT as T, ATTR_PRODUCT_BUTTON as _ } from "../constants/selectors.js";
+import { useRecommendationExtensionStore as S } from "../store/recommendation.js";
+import { formatPrice as D } from "../utils/priceFormatter.js";
+function h() {
+  const t = S(), { currencySettings: e } = t.recommendationConfigs;
+  return {
+    code: e.value,
+    symbol: e.symbol,
+    alignment: e.alignment === "0" ? "before" : "after",
+    decimalCount: parseInt(e.decimalCount) || 2,
+    decimalSeparator: e.decimalSeparator,
+    thousandSeparator: e.thousandSeparator
+  };
+}
+function p(t, e = "price") {
+  const r = h(), n = t[e], o = (n == null ? void 0 : n[r.code]) ?? Object.values(n ?? {})[0] ?? 0;
+  return D({
+    price: o,
+    currency: r
+  });
+}
+function N(t) {
+  return p(t, "price") === p(t, "original_price");
+}
+function I(t) {
   return t.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
 }
+function v(t) {
+  const e = t.indexOf(c), r = t.indexOf(a), n = r !== -1 && (e === -1 || r < e);
+  return {
+    originalFirst: n,
+    anchor: n ? a : c,
+    skip: n ? c : a
+  };
+}
 function U(t) {
   const e = Array.isArray(t) ? t[t.length - 1] : t;
   if (typeof e == "string")
@@ -10,57 +41,57 @@ function U(t) {
     return String(e);
 }
 function C(t, e) {
-  const n = Object.values(e).find((r) => r.attributeName === t);
-  return (n == null ? void 0 : n.type) === "defaultAttribute";
+  const r = Object.values(e).find((n) => n.attributeName === t);
+  return (r == null ? void 0 : r.type) === "defaultAttribute";
 }
-function h(t, e) {
+function E(t, e) {
   return C(t, e) ? t : `product_attribute.${t}`;
 }
-const P = Symbol("customCellHtml");
-function L(t, e, n = {}) {
-  const r = t[P];
-  if (!r)
+const L = Symbol("customCellHtml");
+function B(t, e, r = {}) {
+  const n = t[L];
+  if (!n)
     return { ...t };
-  const i = { ...t };
-  return e.filter((o) => o.startsWith(d) && !i[o]).forEach((o) => {
-    const s = o.substring(d.length), l = y(s), A = h(s, n), R = C(s, n);
-    i[o] = (c) => {
-      var a;
-      const D = R ? c[s] : (a = c.product_attributes) == null ? void 0 : a[s], O = U(D) ?? l;
-      return r(A, O);
+  const o = { ...t };
+  return e.filter((i) => i.startsWith(m) && !o[i]).forEach((i) => {
+    const s = i.substring(m.length), l = I(s), O = E(s, r), R = C(s, r);
+    o[i] = (d) => {
+      var u;
+      const A = R ? d[s] : (u = d.product_attributes) == null ? void 0 : u[s], P = U(A) ?? l;
+      return n(O, P);
     };
-  }), i;
+  }), o;
 }
-const M = {
+const F = {
   TITLE: "You May Also Like!"
-}, $ = [
-  u,
-  p,
-  m,
+}, V = [
   b,
+  g,
+  a,
+  c,
+  f,
   T,
-  _,
-  g
-], w = {
-  [u]: !0,
-  [p]: !0,
+  _
+], H = {
   [b]: !0,
-  [m]: !0,
+  [g]: !0,
+  [c]: !0,
+  [a]: !0,
+  [f]: !1,
   [T]: !1,
-  [_]: !1,
-  [g]: !0
-}, I = `
+  [_]: !0
+}, x = `
     <tr>
         <td class="spacer" style="height: 10px;"></td>
     </tr>
-`, f = "https://email-static.useinsider.com/stripo/modules/email-recommendation-v3/assets/images/image-placeholder.png";
-function N(t) {
-  return !t || typeof t != "string" || t.trim() === "" ? f : t.startsWith("http://") ? t.replace("http://", "https://") : t;
+`, y = "https://email-static.useinsider.com/stripo/modules/email-recommendation-v3/assets/images/image-placeholder.png";
+function W(t) {
+  return !t || typeof t != "string" || t.trim() === "" ? y : t.startsWith("http://") ? t.replace("http://", "https://") : t;
 }
-function E(t) {
+function M(t) {
   return {
     name: "Product Name",
-    image_url: f,
+    image_url: y,
     price: { USD: 18 },
     original_price: { USD: 20 },
     discount: { USD: 2 },
@@ -72,19 +103,19 @@ function E(t) {
     category: []
   };
 }
-function k(t = 6) {
+function j(t = 6) {
   return Array.from(
     { length: t },
-    (e, n) => E(String(n + 1))
+    (e, r) => M(String(r + 1))
   );
 }
-function x(t = "grid", e) {
-  const n = t === "list" ? `
-        data-layout="list"` : "", r = e ? ` ${e}` : "";
+function z(t = "grid", e) {
+  const r = t === "list" ? `
+        data-layout="list"` : "", n = e ? ` ${e}` : "";
   return `
     <td
         align="left"
-        class="${`recommendation-block-v2 esd-block-recommendation-v3-block es-p20${t === "list" ? " es-m-p0 ins-recommendation-list-layout" : ""}${r}`}"${n}>
+        class="${`recommendation-block-v2 esd-block-recommendation-v3-block es-p20${t === "list" ? " es-m-p0 ins-recommendation-list-layout" : ""}${n}`}"${r}>
         <table width="100%" cellpadding="0" cellspacing="0" border="0">
             <tr>
                 <td align="center">
@@ -116,7 +147,7 @@ function x(t = "grid", e) {
                                     </table>
                                 </td>
                             </tr>
-                            ${I}
+                            ${x}
                             <tr>
                                 <td>
                                     <table
@@ -155,18 +186,22 @@ function x(t = "grid", e) {
 `;
 }
 export {
-  P as CUSTOM_CELL_HTML,
-  M as DEFAULTS,
-  $ as DEFAULT_CARD_COMPOSITION,
-  w as DEFAULT_CARD_VISIBILITY,
-  f as PLACEHOLDER_IMAGE,
-  L as buildElementRenderer,
-  x as createBlockTemplate,
-  k as getDefaultProducts,
+  L as CUSTOM_CELL_HTML,
+  F as DEFAULTS,
+  V as DEFAULT_CARD_COMPOSITION,
+  H as DEFAULT_CARD_VISIBILITY,
+  y as PLACEHOLDER_IMAGE,
+  B as buildElementRenderer,
+  z as createBlockTemplate,
+  p as formatProductPrice,
+  h as getCurrentCurrencyConfig,
+  j as getDefaultProducts,
   C as isDefaultAttribute,
-  h as resolveProductAttrValue,
-  N as sanitizeImageUrl,
-  I as spacer,
-  y as toDisplayName,
+  N as isSamePrice,
+  v as resolveInlinePriceOrder,
+  E as resolveProductAttrValue,
+  W as sanitizeImageUrl,
+  x as spacer,
+  I as toDisplayName,
   U as toDisplayableAttributeValue
 };

package/dist/src/@types/config/schemas.d.ts

@@ -139,6 +139,10 @@ export declare const LegacyRecommendationConfigSchema: v.LooseObjectSchema<{
     readonly size: v.OptionalSchema<v.UnionSchema<[v.StringSchema<undefined>, v.NumberSchema<undefined>], undefined>, undefined>;
     /** Vertical responsiveness flag (legacy size=1 variants) */
     readonly verticalResponsiveness: v.OptionalSchema<v.BooleanSchema<undefined>, undefined>;
+    /** Legacy "Move to next line" price placement toggle (cardPricePlacement.js) */
+    readonly isPriceMovedToNextLine: v.OptionalSchema<v.BooleanSchema<undefined>, undefined>;
+    /** Legacy "Hide if same as discounted" / delete-price-for-zero-sale toggle */
+    readonly isPriceDeletedForZeroSale: v.OptionalSchema<v.BooleanSchema<undefined>, undefined>;
 }, undefined>;
 /**
  * Migration-only inputs scoped to this template.
@@ -195,6 +199,10 @@ export declare const TemplateMigrationSchema: v.ObjectSchema<{
         readonly size: v.OptionalSchema<v.UnionSchema<[v.StringSchema<undefined>, v.NumberSchema<undefined>], undefined>, undefined>;
         /** Vertical responsiveness flag (legacy size=1 variants) */
         readonly verticalResponsiveness: v.OptionalSchema<v.BooleanSchema<undefined>, undefined>;
+        /** Legacy "Move to next line" price placement toggle (cardPricePlacement.js) */
+        readonly isPriceMovedToNextLine: v.OptionalSchema<v.BooleanSchema<undefined>, undefined>;
+        /** Legacy "Hide if same as discounted" / delete-price-for-zero-sale toggle */
+        readonly isPriceDeletedForZeroSale: v.OptionalSchema<v.BooleanSchema<undefined>, undefined>;
     }, undefined>, undefined>, {}>;
 }, undefined>;
 /**
@@ -274,6 +282,10 @@ export declare const TemplateSchema: v.ObjectSchema<{
             readonly size: v.OptionalSchema<v.UnionSchema<[v.StringSchema<undefined>, v.NumberSchema<undefined>], undefined>, undefined>;
             /** Vertical responsiveness flag (legacy size=1 variants) */
             readonly verticalResponsiveness: v.OptionalSchema<v.BooleanSchema<undefined>, undefined>;
+            /** Legacy "Move to next line" price placement toggle (cardPricePlacement.js) */
+            readonly isPriceMovedToNextLine: v.OptionalSchema<v.BooleanSchema<undefined>, undefined>;
+            /** Legacy "Hide if same as discounted" / delete-price-for-zero-sale toggle */
+            readonly isPriceDeletedForZeroSale: v.OptionalSchema<v.BooleanSchema<undefined>, undefined>;
         }, undefined>, undefined>, {}>;
     }, undefined>, {}>;
 }, undefined>;
@@ -665,6 +677,10 @@ export declare const GuidoConfigSchema: v.ObjectSchema<{
                 readonly size: v.OptionalSchema<v.UnionSchema<[v.StringSchema<undefined>, v.NumberSchema<undefined>], undefined>, undefined>;
                 /** Vertical responsiveness flag (legacy size=1 variants) */
                 readonly verticalResponsiveness: v.OptionalSchema<v.BooleanSchema<undefined>, undefined>;
+                /** Legacy "Move to next line" price placement toggle (cardPricePlacement.js) */
+                readonly isPriceMovedToNextLine: v.OptionalSchema<v.BooleanSchema<undefined>, undefined>;
+                /** Legacy "Hide if same as discounted" / delete-price-for-zero-sale toggle */
+                readonly isPriceDeletedForZeroSale: v.OptionalSchema<v.BooleanSchema<undefined>, undefined>;
             }, undefined>, undefined>, {}>;
         }, undefined>, {}>;
     }, undefined>, {}>;

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

@@ -60,6 +60,8 @@ export declare const useConfig: () => {
                         blockType?: string | undefined;
                         size?: string | number | undefined;
                         verticalResponsiveness?: boolean | undefined;
+                        isPriceMovedToNextLine?: boolean | undefined;
+                        isPriceDeletedForZeroSale?: boolean | undefined;
                     } & {
                         [key: string]: unknown;
                     };
@@ -186,6 +188,8 @@ export declare const useConfig: () => {
                     blockType?: string | undefined;
                     size?: string | number | undefined;
                     verticalResponsiveness?: boolean | undefined;
+                    isPriceMovedToNextLine?: boolean | undefined;
+                    isPriceDeletedForZeroSale?: boolean | undefined;
                 } & {
                     [key: string]: unknown;
                 };

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

@@ -0,0 +1,10 @@
+/**
+ * Substitutes recommendation product variables in compiled preview HTML with the
+ * blocks' fetched sample products, then simulates the email-service hide rule by
+ * emptying the original-price cell (DOM kept) for slots with no real discount.
+ * Returns the input unchanged when there are no reco blocks or no products.
+ */
+export declare function substituteRecommendationPreview(html: string): string;
+export declare const useRecommendationPreview: () => {
+    substituteRecommendationPreview: typeof substituteRecommendationPreview;
+};

package/dist/src/config/migrator/recommendation/settingsMapper.d.ts

@@ -3,5 +3,5 @@ import type { CurrencyConfig, RecommendationNodeConfig } from '@@/Extensions/Blo
 import type { LegacyRecommendationConfig } from '@@/Types/config';
 /** Defensive against missing/malformed legacy `currencySettings` — defaults are per-field, not whole-object. */
 export declare function mapCurrency(legacy: unknown): CurrencyConfig;
-export type SettingsPartial = Pick<RecommendationNodeConfig, 'recommendationId' | 'strategy' | 'productIds' | 'size' | 'shuffleProducts' | 'language' | 'currency' | 'filters' | 'layout' | 'cardsInRow' | 'mobileCardsInRow' | 'mobileLayoutEnabled' | 'previousMobileCardsInRow' | 'columnSpacing' | 'rowSpacing' | 'mobileColumnSpacing' | 'mobileRowSpacing' | 'omnibusPrice' | 'omnibusDiscount' | 'configVersion'>;
+export type SettingsPartial = Pick<RecommendationNodeConfig, 'recommendationId' | 'strategy' | 'productIds' | 'size' | 'shuffleProducts' | 'language' | 'currency' | 'filters' | 'layout' | 'cardsInRow' | 'mobileCardsInRow' | 'mobileLayoutEnabled' | 'previousMobileCardsInRow' | 'columnSpacing' | 'rowSpacing' | 'mobileColumnSpacing' | 'mobileRowSpacing' | 'omnibusPrice' | 'omnibusDiscount' | 'priceMovedToNextLine' | 'priceHideIfSameAsDiscounted' | 'configVersion'>;
 export declare function mapSettings(recCfg: LegacyRecommendationConfig, parsed: LegacyProductConfig, id: number): SettingsPartial;

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/dist/src/extensions/Blocks/Recommendation/block.d.ts

@@ -117,6 +117,16 @@ export declare class RecommendationBlock extends Block {
      * added classes via setAttribute.
      */
     private _assignRecommendationId;
+    /**
+     * Stamps the `hide-price` attribute (read by email-service at send time) on
+     * the block element from the config flag.
+     */
+    private _stampHidePrice;
+    /**
+     * Stamps `hide-price` from config only when the block lacks the attribute —
+     * heals templates saved before this feature without dirtying current ones.
+     */
+    private _healHidePriceAttr;
     /**
      * Gets the recommendation-id from a block node
      */