@useinsider/guido 3.7.0-beta.24bdfa3 → 3.7.0-beta.4311638

package/dist/config/migrator/recommendation/htmlBuilder.js

@@ -35,11 +35,11 @@ function O(t, o) {
 function lt(t, o, e, l) {
   const s = t.width ? ` width="${t.width}"` : "", n = t.height ? ` height="${t.height}"` : "", i = ["display: block", "max-width: 100%", "height: auto"];
   t.width && i.push(`width: ${t.width}px`), t.height && i.push(`height: ${t.height}px`);
-  const r = i.join("; "), a = e ? ` style="background-color: ${c(e)}"` : "";
+  const a = i.join("; "), r = e ? ` style="background-color: ${c(e)}"` : "";
   return `
         ${O(l, 'valign="top" style="padding: 0 5px; height: 100%"')}>
             <table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0"
-                class="product-card-segment"${a}>
+                class="product-card-segment"${r}>
                 <tbody>
                     <tr valign="top">
                         <td align="center"
@@ -48,7 +48,7 @@ function lt(t, o, e, l) {
                             <a target="_blank" href="https://example.com/product/${o + 1}">
                                 <img src="${Y}" alt="Product Name"
                                     class="adapt-img"${s}${n}
-                                    style="${r}">
+                                    style="${a}">
                             </a>
                         </td>
                     </tr>
@@ -57,12 +57,12 @@ function lt(t, o, e, l) {
         </td>
     `;
 }
-function D(t, o, e, l, s, n, i) {
-  const a = `table-layout: fixed${n ? `; background-color: ${c(n)}` : ""}`, d = b(s.tdStyle), p = y(s.align), u = `esd-block-text ${o}`.trim(), m = $(l, s.pStyle);
+function L(t, o, e, l, s, n, i) {
+  const r = `table-layout: fixed${n ? `; background-color: ${c(n)}` : ""}`, d = b(s.tdStyle), p = y(s.align), u = `esd-block-text ${o}`.trim(), m = $(l, s.pStyle);
   return `
         ${O(i, 'valign="top" style="padding: 0 5px; height: 100%"')}>
             <table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0"
-                class="product-card-segment" style="${a}">
+                class="product-card-segment" style="${r}">
                 <tbody>
                     <tr valign="top">
                         <td${p}
@@ -77,7 +77,7 @@ function D(t, o, e, l, s, n, i) {
     `;
 }
 function st(t, o, e, l) {
-  const s = o ? ` style="background-color: ${c(o)}"` : "", n = b(t.tdStyle), i = y(t.align), a = $("font-size: 14px; color: #999999", t.pStyle);
+  const s = o ? ` style="background-color: ${c(o)}"` : "", n = b(t.tdStyle), i = y(t.align), r = $("font-size: 14px; color: #999999", t.pStyle);
   return `
         ${O(e, 'valign="top" style="padding: 0 5px; height: 100%"')}>
             <table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0"
@@ -87,7 +87,7 @@ function st(t, o, e, l) {
                         <td${i}
                             class="esd-block-text product-old-price es-p15l es-p15r"
                             esd-extension-block-id="${g.OLD_PRICE}"${n}>
-                            <p contenteditable="false"${b(a)}>
+                            <p contenteditable="false"${b(r)}>
                                 <s>${k(l, t)}</s>
                             </p>
                         </td>
@@ -97,18 +97,18 @@ function st(t, o, e, l) {
         </td>
     `;
 }
-function L(t, o, e, l, s, n, i) {
-  const r = s ? `; background-color: ${c(s)}` : "", a = b(l.tdStyle), d = y(l.align), u = $("font-size: 12px; color: #666666", l.pStyle);
+function D(t, o, e, l, s, n, i) {
+  const a = s ? `; background-color: ${c(s)}` : "", r = b(l.tdStyle), d = y(l.align), u = $("font-size: 12px; color: #666666", l.pStyle);
   return `
         ${O(i, 'valign="top" style="padding: 0 5px; height: 100%"')}>
             <table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0"
-                class="product-card-segment" style="table-layout: fixed${r}">
+                class="product-card-segment" style="table-layout: fixed${a}">
                 <tbody>
                     <tr valign="top">
                         <td${d}
                             data-text-before="" data-text-after=""
                             class="esd-block-text ${n} es-p15l es-p15r"
-                            esd-extension-block-id="${t}"${a}>
+                            esd-extension-block-id="${t}"${r}>
                             <p contenteditable="false"${b(u)}>
                                 <span class="omnibus-text-before"></span>
                                 <span class="${o}">${c(e)}</span>
@@ -122,7 +122,7 @@ function L(t, o, e, l, s, n, i) {
     `;
 }
 function it(t, o, e, l) {
-  const s = e ? ` style="background-color: ${c(e)}"` : "", n = $("padding: 0 5px; height: 100%", o.tdStyle), i = y(o.align), r = o.text || J, a = $(X, o.spanStyle), d = $(K, o.aStyle);
+  const s = e ? ` style="background-color: ${c(e)}"` : "", n = $("padding: 0 5px; height: 100%", o.tdStyle), i = y(o.align), a = o.text || J, r = $(X, o.spanStyle), d = $(K, o.aStyle);
   return `
         ${O(l, `valign="top" style="${c(n)}"`)}>
             <table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0"
@@ -132,10 +132,10 @@ function it(t, o, e, l) {
                         <td${i}
                             class="esd-block-button product-button es-p10t es-p10b es-p5l es-p5r"
                             esd-extension-block-id="${g.BUTTON}">
-                            <span class="es-button-border" style="${c(a)}">
+                            <span class="es-button-border" style="${c(r)}">
                                 <a href="https://example.com/product/${t + 1}" target="_blank"
                                     class="es-button ${z}"
-                                    style="${c(d)}">${c(r)}</a>
+                                    style="${c(d)}">${c(a)}</a>
                             </span>
                         </td>
                     </tr>
@@ -145,14 +145,14 @@ function it(t, o, e, l) {
     `;
 }
 function ct(t, o, e, l, s) {
-  const n = l ? `; background-color: ${c(l)}` : "", i = b(e.tdStyle), r = y(e.align), d = $("font-size: 12px; color: #666666; margin: 0", e.pStyle), p = o.replace(/_/g, " ").replace(/\b\w/g, (u) => u.toUpperCase());
+  const n = l ? `; background-color: ${c(l)}` : "", i = b(e.tdStyle), a = y(e.align), d = $("font-size: 12px; color: #666666; margin: 0", e.pStyle), p = o.replace(/_/g, " ").replace(/\b\w/g, (u) => u.toUpperCase());
   return `
         ${O(s, 'valign="middle" style="padding: 0 5px; height: 100%"')}>
             <table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0"
                 class="product-card-segment" style="table-layout: fixed${n}">
                 <tbody>
                     <tr valign="top">
-                        <td product-attr="${c(t)}"${r}
+                        <td product-attr="${c(t)}"${a}
                             class="esd-block-text product-custom-attribute es-p0t es-p0b es-p15l es-p15r"
                             esd-extension-block-id="${g.CUSTOM_ATTRIBUTE}"${i}>
                             <p contenteditable="false"${b(d)}>${c(p)}</p>
@@ -163,54 +163,54 @@ function ct(t, o, e, l, s) {
         </td>
     `;
 }
-function rt(t, o, e, l, s, n, i) {
-  const r = o[t], a = r ?? _();
+function at(t, o, e, l, s, n, i) {
+  const a = o[t], r = a ?? _();
   switch (t) {
     case I:
       return lt(
-        r ?? {},
+        a ?? {},
         s,
         l,
         n
       );
     case G:
-      return D(
+      return L(
         g.NAME,
         "product-name es-p10t es-p10b es-p15l es-p15r",
         "Product Name",
         "font-size: 16px; color: #333333",
-        a,
+        r,
         l,
         n
       );
     case H:
-      return D(
+      return L(
         g.PRICE,
         "product-price es-p15l es-p15r",
         i.pricePlaceholder,
         "font-size: 16px; color: #333333",
-        q(r),
+        q(a),
         l,
         n
       );
     case j:
-      return st(a, l, n, i.oldPricePlaceholder);
+      return st(r, l, n, i.oldPricePlaceholder);
     case U:
-      return L(
+      return D(
         g.OMNIBUS_PRICE,
         "omnibus-price-value",
         i.omnibusPricePlaceholder,
-        a,
+        r,
         l,
         "product-omnibus-price",
         n
       );
     case V:
-      return L(
+      return D(
         g.OMNIBUS_DISCOUNT,
         "omnibus-discount-value",
         "-10%",
-        a,
+        r,
         l,
         "product-omnibus-discount",
         n
@@ -218,14 +218,14 @@ function rt(t, o, e, l, s, n, i) {
     case N:
       return it(
         s,
-        r ?? {},
+        a ?? {},
         l,
         n
       );
     default:
       if (t.startsWith(E)) {
         const d = e[t] ?? t.slice(E.length), p = t.slice(E.length);
-        return ct(d, p, a, l, n);
+        return ct(d, p, r, l, n);
       }
       return null;
   }
@@ -235,7 +235,7 @@ const Q = `
         <td class="spacer" style="height: 10px"></td>
     </tr>
 `;
-function at(t) {
+function rt(t) {
   return {
     pricePlaceholder: v({ price: 18, currency: t }),
     oldPricePlaceholder: v({ price: 20, currency: t }),
@@ -243,7 +243,7 @@ function at(t) {
   };
 }
 function dt(t, o, e, l) {
-  const { composition: s, visibility: n, perElement: i, customAttrValues: r, cardBg: a } = l, d = (100 / e).toFixed(2), p = e - o, u = `<td class="${F}" style="padding: 0 5px;" width="${d}%"></td>`, m = p > 0 ? u.repeat(p) : "";
+  const { composition: s, visibility: n, perElement: i, customAttrValues: a, cardBg: r } = l, d = (100 / e).toFixed(2), p = e - o, u = `<td class="${F}" style="padding: 0 5px;" width="${d}%"></td>`, m = p > 0 ? u.repeat(p) : "";
   return `
         <tr class="recommendation-product-row">
             <td>
@@ -252,11 +252,11 @@ function dt(t, o, e, l) {
                     <tbody>${s.map((T) => {
     const w = n[T] !== !1, f = w ? "" : ' style="display: none"', C = w ? "1" : "0", S = [];
     for (let x = 0; x < o; x += 1) {
-      const A = rt(
+      const A = at(
         T,
         i,
-        r,
         a,
+        r,
         t + x,
         d,
         l
@@ -287,60 +287,60 @@ function pt(t, o, e) {
 function ut(t, o, e, l) {
   const s = o[t];
   if (t === G) {
-    const n = s ?? _(), i = $("font-size: 16px; color: #333333; margin: 0", n.pStyle), r = y(n.align ?? "left");
+    const n = s ?? _(), i = $("font-size: 16px; color: #333333; margin: 0", n.pStyle), a = y(n.align ?? "left");
     return `
             <td class="esd-block-text product-name"
-                esd-extension-block-id="${g.NAME}"${r}${b(n.tdStyle)}>
+                esd-extension-block-id="${g.NAME}"${a}${b(n.tdStyle)}>
                 <p contenteditable="false"${b(i)}>${k("Product Name", n)}</p>
             </td>
         `;
   }
   if (t === H) {
-    const n = q(s), i = $("font-size: 16px; color: #333333; margin: 0", n.pStyle), r = y(n.align ?? "left");
+    const n = q(s), i = $("font-size: 16px; color: #333333; margin: 0", n.pStyle), a = y(n.align ?? "left");
     return `
             <td class="esd-block-text product-price"
-                esd-extension-block-id="${g.PRICE}"${r}${b(n.tdStyle)}>
+                esd-extension-block-id="${g.PRICE}"${a}${b(n.tdStyle)}>
                 <p contenteditable="false"${b(i)}>${k(l.pricePlaceholder, n)}</p>
             </td>
         `;
   }
   if (t === j) {
-    const n = s ?? _(), r = $("font-size: 14px; color: #999999; text-decoration: line-through; margin: 0", n.pStyle), a = y(n.align ?? "left");
+    const n = s ?? _(), a = $("font-size: 14px; color: #999999; text-decoration: line-through; margin: 0", n.pStyle), r = y(n.align ?? "left");
     return `
             <td class="esd-block-text product-old-price"
-                esd-extension-block-id="${g.OLD_PRICE}"${a}${b(n.tdStyle)}>
-                <p contenteditable="false"${b(r)}><s>${k(l.oldPricePlaceholder, n)}</s></p>
+                esd-extension-block-id="${g.OLD_PRICE}"${r}${b(n.tdStyle)}>
+                <p contenteditable="false"${b(a)}><s>${k(l.oldPricePlaceholder, n)}</s></p>
             </td>
         `;
   }
   if (t === U || t === V) {
-    const n = t === U, i = n ? g.OMNIBUS_PRICE : g.OMNIBUS_DISCOUNT, r = n ? "omnibus-price-value" : "omnibus-discount-value", a = n ? l.omnibusPricePlaceholder : "-10%", d = n ? "product-omnibus-price" : "product-omnibus-discount", p = s ?? _(), u = $("font-size: 12px; color: #666666; margin: 0", p.pStyle), m = y(p.align ?? "left");
+    const n = t === U, i = n ? g.OMNIBUS_PRICE : g.OMNIBUS_DISCOUNT, a = n ? "omnibus-price-value" : "omnibus-discount-value", r = n ? l.omnibusPricePlaceholder : "-10%", d = n ? "product-omnibus-price" : "product-omnibus-discount", p = s ?? _(), u = $("font-size: 12px; color: #666666; margin: 0", p.pStyle), m = y(p.align ?? "left");
     return `
             <td class="esd-block-text ${d}"
                 data-text-before="" data-text-after=""
                 esd-extension-block-id="${i}"${m}${b(p.tdStyle)}>
                 <p contenteditable="false"${b(u)}>
                     <span class="omnibus-text-before"></span>
-                    <span class="${r}">${c(a)}</span>
+                    <span class="${a}">${c(r)}</span>
                     <span class="omnibus-text-after"></span>
                 </p>
             </td>
         `;
   }
   if (t.startsWith(E)) {
-    const n = s ?? _(), i = e[t] ?? t.slice(E.length), a = t.slice(E.length).replace(/_/g, " ").replace(/\b\w/g, (m) => m.toUpperCase()), d = $("font-size: 12px; color: #666666; margin: 0", n.pStyle), p = y(n.align ?? "left"), u = g.CUSTOM_ATTRIBUTE;
+    const n = s ?? _(), i = e[t] ?? t.slice(E.length), r = t.slice(E.length).replace(/_/g, " ").replace(/\b\w/g, (m) => m.toUpperCase()), d = $("font-size: 12px; color: #666666; margin: 0", n.pStyle), p = y(n.align ?? "left"), u = g.CUSTOM_ATTRIBUTE;
     return `
             <td product-attr="${c(i)}"
                 class="esd-block-text product-custom-attribute"
                 esd-extension-block-id="${u}"${p}${b(n.tdStyle)}>
-                <p contenteditable="false"${b(d)}>${c(a)}</p>
+                <p contenteditable="false"${b(d)}>${c(r)}</p>
             </td>
         `;
   }
   return null;
 }
 function bt(t, o) {
-  const { composition: e, visibility: l, perElement: s, customAttrValues: n, cardBg: i } = o, r = i ? `background-color: ${c(i)}` : "", a = r ? `style="table-layout: fixed; ${r}"` : 'style="table-layout: fixed"', d = s[I] ?? {}, p = l[I] !== !1, u = d.width ? ` width="${d.width}"` : "", m = p ? "" : ' style="display: none"', h = `
+  const { composition: e, visibility: l, perElement: s, customAttrValues: n, cardBg: i } = o, a = i ? `background-color: ${c(i)}` : "", r = a ? `style="table-layout: fixed; ${a}"` : 'style="table-layout: fixed"', d = s[I] ?? {}, p = l[I] !== !1, u = d.width ? ` width="${d.width}"` : "", m = p ? "" : ' style="display: none"', h = `
         <td width="120"
             class="esd-block-image product-image-cell recommendation-attribute-row es-p5"
             esd-extension-block-id="${g.IMAGE}"
@@ -384,7 +384,7 @@ function bt(t, o) {
         <tr class="recommendation-product-row">
             <td style="padding: 0 5px">
                 <table width="100%" cellpadding="0" cellspacing="0" border="0"
-                    class="product-card-wrapper" ${a}>
+                    class="product-card-wrapper" ${r}>
                     <tbody>
                         <tr>${h}${w}${W}</tr>
                     </tbody>
@@ -400,13 +400,13 @@ function gt(t, o) {
   return e.join("");
 }
 function mt(t, o) {
-  var a, d, p, u, m, h;
+  var r, d, p, u, m, h;
   const e = t == null ? void 0 : t.theme, l = [];
-  (a = e == null ? void 0 : e.textStyle) != null && a["font-family"] && l.push(`font-family: ${e.textStyle["font-family"]}`), l.push(`font-size: ${((d = e == null ? void 0 : e.textStyle) == null ? void 0 : d["font-size"]) ?? "28px"}`), l.push(`color: ${((p = e == null ? void 0 : e.textColor) == null ? void 0 : p.color) ?? "#333333"}`), (u = e == null ? void 0 : e.textStyle) != null && u["font-weight"] && l.push(`font-weight: ${e.textStyle["font-weight"]}`), (m = e == null ? void 0 : e.textStyle) != null && m["font-style"] && l.push(`font-style: ${e.textStyle["font-style"]}`);
-  const s = l.join("; "), n = ((h = e == null ? void 0 : e.textStyle) == null ? void 0 : h["font-weight"]) !== "normal", i = c(o), r = n ? `<strong>${i}</strong>` : i;
+  (r = e == null ? void 0 : e.textStyle) != null && r["font-family"] && l.push(`font-family: ${e.textStyle["font-family"]}`), l.push(`font-size: ${((d = e == null ? void 0 : e.textStyle) == null ? void 0 : d["font-size"]) ?? "28px"}`), l.push(`color: ${((p = e == null ? void 0 : e.textColor) == null ? void 0 : p.color) ?? "#333333"}`), (u = e == null ? void 0 : e.textStyle) != null && u["font-weight"] && l.push(`font-weight: ${e.textStyle["font-weight"]}`), (m = e == null ? void 0 : e.textStyle) != null && m["font-style"] && l.push(`font-style: ${e.textStyle["font-style"]}`);
+  const s = l.join("; "), n = ((h = e == null ? void 0 : e.textStyle) == null ? void 0 : h["font-weight"]) !== "normal", i = c(o), a = n ? `<strong>${i}</strong>` : i;
   return `
         <td class="esd-block-text es-p10t es-p10b es-p20l es-p20r" align="center">
-            <p${b(s)}>${r}</p>
+            <p${b(s)}>${a}</p>
         </td>
     `;
 }
@@ -422,15 +422,15 @@ function Tt(t) {
     titleText: s,
     extraClasses: n = "",
     legacyId: i,
-    legacyBgColor: r
-  } = t, a = parseInt(o.size) || 6, d = o.layout === "list" ? ' data-layout="list"' : "", p = o.layout === "list" ? " es-m-p0 ins-recommendation-list-layout" : "", u = {
+    legacyBgColor: a
+  } = t, r = parseInt(o.size) || 6, d = o.layout === "list" ? ' data-layout="list"' : "", p = o.layout === "list" ? " es-m-p0 ins-recommendation-list-layout" : "", u = {
     composition: e.composition,
     visibility: e.visibility,
     perElement: e.perElementStyles,
     customAttrValues: e.customAttrValues,
     cardBg: l,
-    ...at(o.currency)
-  }, m = o.layout === "list" ? gt(a, u) : pt(a, o.cardsInRow, u), h = mt(e.titleVariable, s), T = e.composition.join(","), w = JSON.stringify(e.customAttributes), f = [
+    ...rt(o.currency)
+  }, m = o.layout === "list" ? gt(r, u) : pt(r, o.cardsInRow, u), h = mt(e.titleVariable, s), T = e.composition.join(","), w = JSON.stringify(e.customAttributes), f = [
     "recommendation-block-v2",
     "esd-block-recommendation-v3-block",
     `es-p20${p}`,
@@ -443,7 +443,7 @@ function Tt(t) {
     "esd-container-frame",
     "ins-recommendation-no-mobile-layout",
     n
-  ].filter(Boolean).join(" "), C = $t(o.currency), S = ` esd-ext-config="${c(JSON.stringify(o))}"`, x = i ? ` id="${c(i)}"` : "", A = r ? ` bgcolor="${c(r)}"` : "";
+  ].filter(Boolean).join(" "), C = $t(o.currency), S = ` esd-ext-config="${c(JSON.stringify(o))}"`, x = i ? ` id="${c(i)}"` : "", A = a ? ` bgcolor="${c(a)}"` : "";
   return nt(`
 <td align="left"
     esd-extension-block-id="recommendation-block"
@@ -455,8 +455,7 @@ function Tt(t) {
     data-column-spacing="${o.columnSpacing}"
     data-row-spacing="${o.rowSpacing}"
     data-mobile-column-spacing="${o.mobileColumnSpacing}"
-    data-mobile-row-spacing="${o.mobileRowSpacing}"
-    hide-price="${o.priceHideIfSameAsDiscounted}"${d}${S}>
+    data-mobile-row-spacing="${o.mobileRowSpacing}"${d}${S}>
     <table width="100%" cellpadding="0" cellspacing="0" border="0">
         <tbody>
             <tr>

package/dist/config/migrator/recommendation/settingsMapper.js

@@ -1,75 +1,70 @@
 import { CURRENT_CONFIG_VERSION as s, DEFAULT_CURRENCY as i } from "../../../extensions/Blocks/Recommendation/constants/defaultConfig.js";
-import { DEFAULT_CARDS_IN_ROW as m, DEFAULT_MOBILE_ROW_SPACING as p, DEFAULT_MOBILE_COLUMN_SPACING as d, DEFAULT_ROW_SPACING as f, DEFAULT_COLUMN_SPACING as S, DEFAULT_MOBILE_CARDS_IN_ROW as a } from "../../../extensions/Blocks/Recommendation/constants/layout.js";
-import { mapLegacyStrategy as l } from "../../../extensions/Blocks/Recommendation/utils/legacyStrategyMap.js";
-function c(t) {
+import { DEFAULT_CARDS_IN_ROW as m, DEFAULT_MOBILE_ROW_SPACING as p, DEFAULT_MOBILE_COLUMN_SPACING as f, DEFAULT_ROW_SPACING as S, DEFAULT_COLUMN_SPACING as d, DEFAULT_MOBILE_CARDS_IN_ROW as u } from "../../../extensions/Blocks/Recommendation/constants/layout.js";
+import { mapLegacyStrategy as c } from "../../../extensions/Blocks/Recommendation/utils/legacyStrategyMap.js";
+function l(t) {
   return t === "0" || t === 0 ? "before" : "after";
 }
-function I(t) {
+function _(t) {
   if (typeof t == "number" && Number.isFinite(t))
     return t;
   if (typeof t == "string") {
-    const o = parseInt(t);
-    if (!Number.isNaN(o))
-      return o;
+    const n = parseInt(t);
+    if (!Number.isNaN(n))
+      return n;
   }
   return i.decimalCount;
 }
-function _(t) {
+function I(t) {
   return t === "." || t === "," || t === " " || t === "" ? t : ",";
 }
-function N(t) {
+function A(t) {
   return t === "." || t === "," || t === " " ? t : ".";
 }
-function A(t) {
+function N(t) {
   if (!t || typeof t != "object")
     return { ...i };
-  const o = t, n = o.value ?? o.name ?? i.code, r = o.symbol ?? n;
+  const n = t, o = n.value ?? n.name ?? i.code, r = n.symbol ?? o;
   return {
-    code: n,
+    code: o,
     symbol: r,
-    alignment: c(o.alignment),
-    decimalCount: I(o.decimalCount),
-    decimalSeparator: N(o.decimalSeparator),
-    thousandSeparator: _(o.thousandSeparator)
+    alignment: l(n.alignment),
+    decimalCount: _(n.decimalCount),
+    decimalSeparator: A(n.decimalSeparator),
+    thousandSeparator: I(n.thousandSeparator)
   };
 }
-function L(t) {
+function R(t) {
   return t === "horizontal" || t === "list" ? "list" : "grid";
 }
-function R(t) {
-  return l(t) || "mostPopular";
+function b(t) {
+  return c(t) || "mostPopular";
 }
-function U(t, o, n) {
-  const r = o.rowCount ?? t.cardsInRow ?? m, u = o.totalCount ?? (typeof t.size == "string" ? parseInt(t.size) : t.size) ?? 6;
+function D(t, n, o) {
+  const r = n.rowCount ?? t.cardsInRow ?? m, a = n.totalCount ?? (typeof t.size == "string" ? parseInt(t.size) : t.size) ?? 6;
   return {
-    recommendationId: n,
-    strategy: R(t.strategy),
+    recommendationId: o,
+    strategy: b(t.strategy),
     productIds: (t.productIds ?? []).map((e) => String(e)),
-    size: String(u),
+    size: String(a),
     shuffleProducts: !!t.shuffleProducts,
     language: t.language ?? "en_US",
-    currency: A(t.currencySettings),
+    currency: N(t.currencySettings),
     filters: (t.filters ?? []).map((e) => ({ ...e })),
-    layout: L(t.orientation ?? o.orientation),
+    layout: R(t.orientation ?? n.orientation),
     cardsInRow: r,
-    mobileCardsInRow: a,
+    mobileCardsInRow: u,
     mobileLayoutEnabled: !1,
-    previousMobileCardsInRow: a,
-    columnSpacing: S,
-    rowSpacing: f,
-    mobileColumnSpacing: d,
+    previousMobileCardsInRow: u,
+    columnSpacing: d,
+    rowSpacing: S,
+    mobileColumnSpacing: f,
     mobileRowSpacing: p,
     omnibusPrice: { textBefore: "", textAfter: "" },
     omnibusDiscount: { textBefore: "", textAfter: "" },
-    // Preserve the legacy price-placement toggles. Absent legacy keys map to
-    // `false`, matching the legacy default (prices inline, original price not
-    // gated). New Guido blocks default differently (see DEFAULT_NODE_CONFIG).
-    priceMovedToNextLine: !!t.isPriceMovedToNextLine,
-    priceHideIfSameAsDiscounted: !!t.isPriceDeletedForZeroSale,
     configVersion: s
   };
 }
 export {
-  A as mapCurrency,
-  U as mapSettings
+  N as mapCurrency,
+  D as mapSettings
 };

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

@@ -1,20 +1,20 @@
-import { BlockId as g } from "../../../enums/block.js";
+import { BlockId as u } from "../../../enums/block.js";
 import { useOnboardingStore as p } from "../../../stores/onboarding.js";
-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 {
+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 {
   getId() {
-    return c;
+    return d;
   }
   getIcon() {
     return "items-icon";
   }
   getBlockCompositionType() {
-    return I.CONTAINER;
+    return y.CONTAINER;
   }
   getName() {
     return this.api.translate("Items");
@@ -23,41 +23,60 @@ class E extends u {
     return this.api.translate("Items lets you display personalized products based on user behavior.");
   }
   getSettingsPanelTitleHtml() {
-    return f(
-      c,
+    return C(
+      d,
       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 C({
-      orientation: a.ORIENTATION.VERTICAL,
-      itemsType: a.ITEMS_TYPE.CART_ITEMS,
+    return h({
+      orientation: c.ORIENTATION.VERTICAL,
+      itemsType: c.ITEMS_TYPE.CART_ITEMS,
       itemId: "{{Abandoned Cart Item (1) Url}}",
-      currencySymbol: i.productPriceCurrencySymbolControlValue,
-      currencyLocation: i.productPriceCurrencyLocationControlValue,
-      formattedPrice: i.productPriceFormattedControlValue === "1"
+      currencySymbol: a.productPriceCurrencySymbolControlValue,
+      currencyLocation: a.productPriceCurrencyLocationControlValue,
+      formattedPrice: a.productPriceFormattedControlValue === "1"
     });
   }
   allowInnerBlocksDND() {
     return !1;
   }
-  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)
+  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)
       return;
-    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"));
+    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"));
     else {
-      const d = h();
-      this.api.getDocumentModifier().modifyHtml(e).setNodeConfig(d).apply(new o("Initialize Items block with default configuration")), p().startOnboarding("itemsOnboarding");
+      const f = b();
+      this.api.getDocumentModifier().modifyHtml(t).setNodeConfig(f).apply(new s("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 {
-  c as BLOCK_ID,
+  d as BLOCK_ID,
   E as ItemsBlock
 };