@useinsider/guido 3.8.3-beta.96b5eeb → 3.9.0-beta.ba394b1

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

@@ -1,14 +1,14 @@
 import { RecommendationBlockId as g } from "../../../extensions/Blocks/Recommendation/constants/blockIds.js";
 import { CSS_CLASS_SKIP_COMPILE as ot, CURRENCY_ATTR as P, ATTR_PRODUCT_IMAGE as O, ATTR_PRODUCT_BUTTON as k, CSS_CLASS_RECO_BUTTON as H, ATTR_PRODUCT_NAME as j, ATTR_PRODUCT_PRICE as V, ATTR_PRODUCT_OLD_PRICE as Y, ATTR_PRODUCT_OMNIBUS_PRICE as M, ATTR_PRODUCT_OMNIBUS_DISCOUNT as F, ATTR_CUSTOM_PREFIX as E } from "../../../extensions/Blocks/Recommendation/constants/selectors.js";
 import { formatPrice as L } from "../../../extensions/Blocks/Recommendation/utils/priceFormatter.js";
-import { escapeHtml as r } from "../../../utils/htmlEscape.js";
+import { escapeHtml as c } from "../../../utils/htmlEscape.js";
 import { appendStyle as $ } from "./themeMapper.js";
 const J = "https://email-static.useinsider.com/stripo/modules/email-recommendation-v3/assets/images/image-placeholder.png", K = "attribute-cell", X = "Buy", q = "border-width: 1px; background: rgb(217, 234, 211); border-color: rgb(106, 168, 79)", Q = "color: rgb(56, 118, 29); background: rgb(217, 234, 211); font-family: arial, 'helvetica neue', helvetica, sans-serif; font-size: 16px; font-weight: normal; line-height: 120%; mso-border-alt: 10px solid rgb(217, 234, 211); mso-padding-alt: 0", nt = "ins-recommendation-product-container ins-recommendation-desktop-container";
 function lt(t) {
   return t.replace(/>\s+</g, "><").trim();
 }
 function y(t) {
-  return t ? ` align="${r(t)}"` : ' align="center"';
+  return t ? ` align="${c(t)}"` : ' align="center"';
 }
 function R() {
   return {
@@ -23,11 +23,11 @@ function Z(t) {
   return t ? { ...t, wrapBold: !0 } : { ...R(), wrapBold: !0 };
 }
 function v(t, o) {
-  let e = r(t);
+  let e = c(t);
   return o.wrapBold && o.wrapItalic ? e = `<strong><em>${e}</em></strong>` : o.wrapBold ? e = `<strong>${e}</strong>` : o.wrapItalic && (e = `<em>${e}</em>`), e;
 }
 function u(t) {
-  return t ? ` style="${r(t)}"` : "";
+  return t ? ` style="${c(t)}"` : "";
 }
 function I(t, o) {
   return `<td width="${t}%" class="${K}" ${o}`;
@@ -35,7 +35,7 @@ function I(t, o) {
 function st(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 c = i.join("; "), a = e ? ` style="background-color: ${r(e)}"` : "";
+  const r = i.join("; "), a = e ? ` style="background-color: ${c(e)}"` : "";
   return `
         ${I(l, 'valign="top" style="padding: 0 5px; height: 100%"')}>
             <table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0"
@@ -48,7 +48,7 @@ function st(t, o, e, l) {
                             <a target="_blank" href="https://example.com/product/${o + 1}">
                                 <img src="${J}" alt="Product Name"
                                     class="adapt-img"${s}${n}
-                                    style="${c}">
+                                    style="${r}">
                             </a>
                         </td>
                     </tr>
@@ -58,7 +58,7 @@ function st(t, o, e, l) {
     `;
 }
 function G(t, o, e, l, s, n, i) {
-  const a = `table-layout: fixed${n ? `; background-color: ${r(n)}` : ""}`, d = u(s.tdStyle), p = y(s.align), b = `esd-block-text ${o}`.trim(), m = $(l, s.pStyle);
+  const a = `table-layout: fixed${n ? `; background-color: ${c(n)}` : ""}`, d = u(s.tdStyle), p = y(s.align), b = `esd-block-text ${o}`.trim(), m = $(l, s.pStyle);
   return `
         ${I(i, 'valign="top" style="padding: 0 5px; height: 100%"')}>
             <table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0"
@@ -77,7 +77,7 @@ function G(t, o, e, l, s, n, i) {
     `;
 }
 function it(t, o, e, l) {
-  const s = o ? ` style="background-color: ${r(o)}"` : "", n = u(t.tdStyle), i = y(t.align), a = $("font-size: 14px; color: #999999", t.pStyle);
+  const s = o ? ` style="background-color: ${c(o)}"` : "", n = u(t.tdStyle), i = y(t.align), a = $("font-size: 14px; color: #999999", t.pStyle);
   return `
         ${I(e, 'valign="top" style="padding: 0 5px; height: 100%"')}>
             <table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0"
@@ -98,11 +98,11 @@ function it(t, o, e, l) {
     `;
 }
 function z(t, o, e, l, s, n, i) {
-  const c = s ? `; background-color: ${r(s)}` : "", a = u(l.tdStyle), d = y(l.align), b = $("font-size: 12px; color: #666666", l.pStyle);
+  const r = s ? `; background-color: ${c(s)}` : "", a = u(l.tdStyle), d = y(l.align), b = $("font-size: 12px; color: #666666", l.pStyle);
   return `
         ${I(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${c}">
+                class="product-card-segment" style="table-layout: fixed${r}">
                 <tbody>
                     <tr valign="top">
                         <td${d}
@@ -111,7 +111,7 @@ function z(t, o, e, l, s, n, i) {
                             esd-extension-block-id="${t}"${a}>
                             <p contenteditable="false"${u(b)}>
                                 <span class="omnibus-text-before"></span>
-                                <span class="${o}">${r(e)}</span>
+                                <span class="${o}">${c(e)}</span>
                                 <span class="omnibus-text-after"></span>
                             </p>
                         </td>
@@ -121,10 +121,10 @@ function z(t, o, e, l, s, n, i) {
         </td>
     `;
 }
-function rt(t, o, e, l) {
-  const s = e ? ` style="background-color: ${r(e)}"` : "", n = $("padding: 0 5px; height: 100%", o.tdStyle), i = y(o.align), c = o.text || X, a = $(q, o.spanStyle), d = $(Q, o.aStyle);
+function ct(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 || X, a = $(q, o.spanStyle), d = $(Q, o.aStyle);
   return `
-        ${I(l, `valign="top" style="${r(n)}"`)}>
+        ${I(l, `valign="top" style="${c(n)}"`)}>
             <table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0"
                 class="product-card-segment"${s}>
                 <tbody>
@@ -132,10 +132,10 @@ function rt(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="${r(a)}">
+                            <span class="es-button-border" style="${c(a)}">
                                 <a href="https://example.com/product/${t + 1}" target="_blank"
                                     class="es-button ${H}"
-                                    style="${r(d)}">${r(c)}</a>
+                                    style="${c(d)}">${c(r)}</a>
                             </span>
                         </td>
                     </tr>
@@ -144,18 +144,18 @@ function rt(t, o, e, l) {
         </td>
     `;
 }
-function ct(t, o, e, l, s) {
-  const n = l ? `; background-color: ${r(l)}` : "", i = u(e.tdStyle), c = y(e.align), d = $("font-size: 12px; color: #666666; margin: 0", e.pStyle), p = o.replace(/_/g, " ").replace(/\b\w/g, (b) => b.toUpperCase());
+function rt(t, o, e, l, s) {
+  const n = l ? `; background-color: ${c(l)}` : "", i = u(e.tdStyle), r = y(e.align), d = $("font-size: 12px; color: #666666; margin: 0", e.pStyle), p = o.replace(/_/g, " ").replace(/\b\w/g, (b) => b.toUpperCase());
   return `
         ${I(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="${r(t)}"${c}
+                        <td product-attr="${c(t)}"${r}
                             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"${u(d)}>${r(p)}</p>
+                            <p contenteditable="false"${u(d)}>${c(p)}</p>
                         </td>
                     </tr>
                 </tbody>
@@ -164,11 +164,11 @@ function ct(t, o, e, l, s) {
     `;
 }
 function at(t, o, e, l, s, n, i) {
-  const c = o[t], a = c ?? R();
+  const r = o[t], a = r ?? R();
   switch (t) {
     case O:
       return st(
-        c ?? {},
+        r ?? {},
         s,
         l,
         n
@@ -189,7 +189,7 @@ function at(t, o, e, l, s, n, i) {
         "product-price es-p15l es-p15r",
         i.pricePlaceholder,
         "font-size: 16px; color: #333333",
-        Z(c),
+        Z(r),
         l,
         n
       );
@@ -216,16 +216,16 @@ function at(t, o, e, l, s, n, i) {
         n
       );
     case k:
-      return rt(
+      return ct(
         s,
-        c ?? {},
+        r ?? {},
         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 rt(d, p, a, l, n);
       }
       return null;
   }
@@ -243,7 +243,7 @@ function dt(t) {
   };
 }
 function pt(t, o, e, l) {
-  const { composition: s, visibility: n, perElement: i, customAttrValues: c, cardBg: a } = l, d = (100 / e).toFixed(2), p = e - o, b = `<td class="${K}" style="padding: 0 5px;" width="${d}%"></td>`, m = p > 0 ? b.repeat(p) : "";
+  const { composition: s, visibility: n, perElement: i, customAttrValues: r, cardBg: a } = l, d = (100 / e).toFixed(2), p = e - o, b = `<td class="${K}" style="padding: 0 5px;" width="${d}%"></td>`, m = p > 0 ? b.repeat(p) : "";
   return `
         <tr class="recommendation-product-row">
             <td>
@@ -255,7 +255,7 @@ function pt(t, o, e, l) {
       const _ = at(
         T,
         i,
-        c,
+        r,
         a,
         t + A,
         d,
@@ -265,7 +265,7 @@ function pt(t, o, e, l) {
     }
     return x.length === 0 ? "" : `
             <tr class="recommendation-attribute-row"
-                data-attribute-type="${r(T)}"
+                data-attribute-type="${c(T)}"
                 data-visibility="${w}"${f}>
                 ${x.join("")}${m}
             </tr>
@@ -287,41 +287,41 @@ function ut(t, o, e) {
 function bt(t, o, e, l) {
   const s = o[t];
   if (t === j) {
-    const n = s ?? R(), i = $("font-size: 16px; color: #333333; margin: 0", n.pStyle), c = y(n.align ?? "left");
+    const n = s ?? R(), i = $("font-size: 16px; color: #333333; margin: 0", n.pStyle), r = y(n.align ?? "left");
     return `
             <td class="esd-block-text product-name"
-                esd-extension-block-id="${g.NAME}"${c}${u(n.tdStyle)}>
+                esd-extension-block-id="${g.NAME}"${r}${u(n.tdStyle)}>
                 <p contenteditable="false"${u(i)}>${v("Product Name", n)}</p>
             </td>
         `;
   }
   if (t === V) {
-    const n = Z(s), i = $("font-size: 16px; color: #333333; margin: 0", n.pStyle), c = y(n.align ?? "left");
+    const n = Z(s), i = $("font-size: 16px; color: #333333; margin: 0", n.pStyle), r = y(n.align ?? "left");
     return `
             <td class="esd-block-text product-price"
-                esd-extension-block-id="${g.PRICE}"${c}${u(n.tdStyle)}>
+                esd-extension-block-id="${g.PRICE}"${r}${u(n.tdStyle)}>
                 <p contenteditable="false"${u(i)}>${v(l.pricePlaceholder, n)}</p>
             </td>
         `;
   }
   if (t === Y) {
-    const n = s ?? R(), c = $("font-size: 14px; color: #999999; text-decoration: line-through; margin: 0", n.pStyle), a = y(n.align ?? "left");
+    const n = s ?? R(), r = $("font-size: 14px; color: #999999; text-decoration: line-through; margin: 0", n.pStyle), a = y(n.align ?? "left");
     return `
             <td class="esd-block-text product-old-price"
                 esd-extension-block-id="${g.OLD_PRICE}"${a}${u(n.tdStyle)}>
-                <p contenteditable="false"${u(c)}><s>${v(l.oldPricePlaceholder, n)}</s></p>
+                <p contenteditable="false"${u(r)}><s>${v(l.oldPricePlaceholder, n)}</s></p>
             </td>
         `;
   }
   if (t === M || t === F) {
-    const n = t === M, i = n ? g.OMNIBUS_PRICE : g.OMNIBUS_DISCOUNT, c = n ? "omnibus-price-value" : "omnibus-discount-value", a = n ? l.omnibusPricePlaceholder : "-10%", d = n ? "product-omnibus-price" : "product-omnibus-discount", p = s ?? R(), b = $("font-size: 12px; color: #666666; margin: 0", p.pStyle), m = y(p.align ?? "left");
+    const n = t === M, 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 ?? R(), b = $("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}${u(p.tdStyle)}>
                 <p contenteditable="false"${u(b)}>
                     <span class="omnibus-text-before"></span>
-                    <span class="${c}">${r(a)}</span>
+                    <span class="${r}">${c(a)}</span>
                     <span class="omnibus-text-after"></span>
                 </p>
             </td>
@@ -330,17 +330,17 @@ function bt(t, o, e, l) {
   if (t.startsWith(E)) {
     const n = s ?? R(), 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"), b = g.CUSTOM_ATTRIBUTE;
     return `
-            <td product-attr="${r(i)}"
+            <td product-attr="${c(i)}"
                 class="esd-block-text product-custom-attribute"
                 esd-extension-block-id="${b}"${p}${u(n.tdStyle)}>
-                <p contenteditable="false"${u(d)}>${r(a)}</p>
+                <p contenteditable="false"${u(d)}>${c(a)}</p>
             </td>
         `;
   }
   return null;
 }
 function gt(t, o) {
-  const { composition: e, visibility: l, perElement: s, customAttrValues: n, cardBg: i } = o, c = i ? `background-color: ${r(i)}` : "", a = c ? `style="table-layout: fixed; ${c}"` : 'style="table-layout: fixed"', d = s[O] ?? {}, p = l[O] !== !1, b = d.width ? ` width="${d.width}"` : "", m = p ? "" : ' style="display: none"', S = `
+  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[O] ?? {}, p = l[O] !== !1, b = d.width ? ` width="${d.width}"` : "", m = p ? "" : ' style="display: none"', S = `
         <td width="120"
             class="esd-block-image product-image-cell recommendation-attribute-row es-p5"
             esd-extension-block-id="${g.IMAGE}"
@@ -360,7 +360,7 @@ function gt(t, o) {
                 <tbody>${e.filter((h) => h !== O && h !== k).map((h) => {
     const B = l[h] !== !1, tt = B ? "" : ' style="display: none"', et = B ? "1" : "0", D = bt(h, s, n, o);
     return D ? `<tr class="recommendation-attribute-row"
-                data-attribute-type="${r(h)}"
+                data-attribute-type="${c(h)}"
                 data-visibility="${et}"${tt}>${D}</tr>` : "";
   }).filter(Boolean).join(`
 `)}</tbody>
@@ -372,11 +372,11 @@ function gt(t, o) {
             esd-extension-block-id="${g.BUTTON}"
             data-attribute-type="${k}"
             data-visibility="${w ? "1" : "0"}"
-            align="${r(f.align ?? "center")}" valign="middle"${N}>
-            <span class="es-button-border" style="${r(A)}">
+            align="${c(f.align ?? "center")}" valign="middle"${N}>
+            <span class="es-button-border" style="${c(A)}">
                 <a href="https://example.com/product/${t + 1}" target="_blank"
                     class="es-button ${H}"
-                    style="${r(_)}">${r(x)}</a>
+                    style="${c(_)}">${c(x)}</a>
             </span>
         </td>
     `;
@@ -403,16 +403,16 @@ function $t(t, o) {
   var a, d, p, b, m, S;
   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"}`), (b = e == null ? void 0 : e.textStyle) != null && b["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 = ((S = e == null ? void 0 : e.textStyle) == null ? void 0 : S["font-weight"]) !== "normal", i = r(o), c = n ? `<strong>${i}</strong>` : i;
+  const s = l.join("; "), n = ((S = e == null ? void 0 : e.textStyle) == null ? void 0 : S["font-weight"]) !== "normal", i = c(o), r = n ? `<strong>${i}</strong>` : i;
   return `
         <td class="esd-block-text es-p10t es-p10b es-p20l es-p20r" align="center">
-            <p${u(s)}>${c}</p>
+            <p${u(s)}>${r}</p>
         </td>
     `;
 }
 function yt(t) {
   const o = t.alignment === "before" ? "0" : "1";
-  return ` ${P.CURRENCY}="${r(t.code)}" ${P.SYMBOL}="${r(t.symbol)}" ${P.ALIGNMENT}="${o}" ${P.THOUSAND_SEPARATOR}="${r(t.thousandSeparator)}" ${P.DECIMAL_SEPARATOR}="${r(t.decimalSeparator)}" ${P.DECIMAL_COUNT}="${t.decimalCount}"`;
+  return ` ${P.CURRENCY}="${c(t.code)}" ${P.SYMBOL}="${c(t.symbol)}" ${P.ALIGNMENT}="${o}" ${P.THOUSAND_SEPARATOR}="${c(t.thousandSeparator)}" ${P.DECIMAL_SEPARATOR}="${c(t.decimalSeparator)}" ${P.DECIMAL_COUNT}="${t.decimalCount}"`;
 }
 function Ct(t) {
   const {
@@ -422,7 +422,7 @@ function Ct(t) {
     titleText: s,
     extraClasses: n = "",
     legacyId: i,
-    legacyBgColor: c,
+    legacyBgColor: r,
     preserveInnerHtml: a,
     skipCompile: d = !1
   } = t, p = o.layout === "list" ? ' data-layout="list"' : "", b = o.layout === "list" ? " es-m-p0 ins-recommendation-list-layout" : "", m = e.composition.join(","), S = JSON.stringify(e.customAttributes), T = [
@@ -439,7 +439,7 @@ function Ct(t) {
     "ins-recommendation-no-mobile-layout",
     d ? ot : "",
     n
-  ].filter(Boolean).join(" "), C = yt(o.currency), f = ` esd-ext-config="${r(JSON.stringify(o))}"`, w = i ? ` id="${r(i)}"` : "", x = c ? ` bgcolor="${r(c)}"` : "", _ = a ?? (() => {
+  ].filter(Boolean).join(" "), C = yt(o.currency), f = ` esd-ext-config="${c(JSON.stringify(o))}"`, w = i ? ` id="${c(i)}"` : "", x = r ? ` bgcolor="${c(r)}"` : "", _ = a ?? (() => {
     const N = parseInt(o.size) || 6, U = {
       composition: e.composition,
       visibility: e.visibility,
@@ -488,12 +488,13 @@ function Ct(t) {
     width="520"
     class="${T}"${w}${x}
     recommendation-id="${o.recommendationId}"${C}
-    data-card-composition="${r(m)}"
-    data-custom-attributes="${r(S)}"
+    data-card-composition="${c(m)}"
+    data-custom-attributes="${c(S)}"
     data-column-spacing="${o.columnSpacing}"
     data-row-spacing="${o.rowSpacing}"
     data-mobile-column-spacing="${o.mobileColumnSpacing}"
-    data-mobile-row-spacing="${o.mobileRowSpacing}"${p}${f}>${_}
+    data-mobile-row-spacing="${o.mobileRowSpacing}"
+    hide-price="${o.priceHideIfSameAsDiscounted}"${p}${f}>${_}
 </td>
 `);
 }

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

@@ -1,70 +1,75 @@
 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 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) {
+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) {
   return t === "0" || t === 0 ? "before" : "after";
 }
-function _(t) {
+function I(t) {
   if (typeof t == "number" && Number.isFinite(t))
     return t;
   if (typeof t == "string") {
-    const n = parseInt(t);
-    if (!Number.isNaN(n))
-      return n;
+    const o = parseInt(t);
+    if (!Number.isNaN(o))
+      return o;
   }
   return i.decimalCount;
 }
-function I(t) {
+function _(t) {
   return t === "." || t === "," || t === " " || t === "" ? t : ",";
 }
-function A(t) {
+function N(t) {
   return t === "." || t === "," || t === " " ? t : ".";
 }
-function N(t) {
+function A(t) {
   if (!t || typeof t != "object")
     return { ...i };
-  const n = t, o = n.value ?? n.name ?? i.code, r = n.symbol ?? o;
+  const o = t, n = o.value ?? o.name ?? i.code, r = o.symbol ?? n;
   return {
-    code: o,
+    code: n,
     symbol: r,
-    alignment: l(n.alignment),
-    decimalCount: _(n.decimalCount),
-    decimalSeparator: A(n.decimalSeparator),
-    thousandSeparator: I(n.thousandSeparator)
+    alignment: c(o.alignment),
+    decimalCount: I(o.decimalCount),
+    decimalSeparator: N(o.decimalSeparator),
+    thousandSeparator: _(o.thousandSeparator)
   };
 }
-function R(t) {
+function L(t) {
   return t === "horizontal" || t === "list" ? "list" : "grid";
 }
-function b(t) {
-  return c(t) || "mostPopular";
+function R(t) {
+  return l(t) || "mostPopular";
 }
-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;
+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;
   return {
-    recommendationId: o,
-    strategy: b(t.strategy),
+    recommendationId: n,
+    strategy: R(t.strategy),
     productIds: (t.productIds ?? []).map((e) => String(e)),
-    size: String(a),
+    size: String(u),
     shuffleProducts: !!t.shuffleProducts,
     language: t.language ?? "en_US",
-    currency: N(t.currencySettings),
+    currency: A(t.currencySettings),
     filters: (t.filters ?? []).map((e) => ({ ...e })),
-    layout: R(t.orientation ?? n.orientation),
+    layout: L(t.orientation ?? o.orientation),
     cardsInRow: r,
-    mobileCardsInRow: u,
+    mobileCardsInRow: a,
     mobileLayoutEnabled: !1,
-    previousMobileCardsInRow: u,
-    columnSpacing: d,
-    rowSpacing: S,
-    mobileColumnSpacing: f,
+    previousMobileCardsInRow: a,
+    columnSpacing: S,
+    rowSpacing: f,
+    mobileColumnSpacing: d,
     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 {
-  N as mapCurrency,
-  D as mapSettings
+  A as mapCurrency,
+  U as mapSettings
 };

package/dist/enums/toaster.js

@@ -1,4 +1,4 @@
-var c = /* @__PURE__ */ ((r) => (r.Success = "success", r.Warning = "warning", r.Alert = "alert", r.Dark = "dark", r))(c || {});
+var n = /* @__PURE__ */ ((r) => (r.Success = "success", r.Warning = "warning", r.Alert = "error", r.Info = "information", r))(n || {});
 export {
-  c as ToasterTypeOptions
+  n as ToasterTypeOptions
 };

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
 };