@useinsider/guido 3.22.0 → 3.23.0

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

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

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

@@ -1,34 +1,44 @@
 function r(n, t, o) {
   o != null && o !== "" && n.push(`${t}: ${o}`);
 }
-function $(n) {
+function x(n) {
+  if (typeof n == "number" && Number.isFinite(n) && n >= 0)
+    return Math.trunc(n);
+  if (typeof n == "string" && /^\d+$/.test(n.trim())) {
+    const t = Number(n.trim());
+    if (Number.isFinite(t) && t >= 0)
+      return t;
+  }
+}
+function P(n) {
   if (!n)
     return null;
   const t = n.top ?? n.all ?? 0, o = n.right ?? n.all ?? 0, i = n.bottom ?? n.all ?? 0, l = n.left ?? n.all ?? 0;
   return t === 0 && o === 0 && i === 0 && l === 0 ? null : `${t}px ${o}px ${i}px ${l}px`;
 }
-function j(n) {
+function z(n) {
   if (!n)
     return null;
   const { top: t, right: o, bottom: i, left: l } = n;
   return t === void 0 ? null : t === o && t === i && t === l ? t : null;
 }
-function S(n, t, o, i) {
-  const l = j(o);
+function $(n, t, o, i) {
+  const l = z(o);
   if (l !== null) {
     r(n, `border-${t}`, i(l));
     return;
   }
   o && (r(n, `border-top-${t}`, o.top !== void 0 ? i(o.top) : null), r(n, `border-right-${t}`, o.right !== void 0 ? i(o.right) : null), r(n, `border-bottom-${t}`, o.bottom !== void 0 ? i(o.bottom) : null), r(n, `border-left-${t}`, o.left !== void 0 ? i(o.left) : null));
 }
-function C(n) {
+function D(n) {
   if (!n)
     return null;
-  if (typeof n.radius == "number")
-    return `${n.radius}px`;
+  const t = x(n.radius ?? n.borderRadius);
+  if (t !== void 0)
+    return `${t}px`;
   if (typeof n.lt == "number" || typeof n.rt == "number" || typeof n.rb == "number" || typeof n.lb == "number") {
-    const t = n.lt ?? 0, o = n.rt ?? 0, i = n.rb ?? 0, l = n.lb ?? 0;
-    return `${t}px ${o}px ${i}px ${l}px`;
+    const o = n.lt ?? 0, i = n.rt ?? 0, l = n.rb ?? 0, f = n.lb ?? 0;
+    return `${o}px ${i}px ${l}px ${f}px`;
   }
   return null;
 }
@@ -36,58 +46,60 @@ function I(n) {
   var t, o;
   return ((t = n.textLineSpacing) == null ? void 0 : t.lineSpacing) ?? ((o = n.textLineSpacing) == null ? void 0 : o["font-lineSpacing"]);
 }
-function L(n) {
-  var f, u, a, g, d, b, p, s;
-  const t = [], o = [], i = (f = n == null ? void 0 : n.textAlign) == null ? void 0 : f.align, l = $((u = n == null ? void 0 : n.textPadding) == null ? void 0 : u.desktop), x = (a = n == null ? void 0 : n.textStyle) == null ? void 0 : a["font-weight"], c = (g = n == null ? void 0 : n.textStyle) == null ? void 0 : g["font-style"];
-  return r(t, "background-color", (d = n == null ? void 0 : n.textBackgroundColor) == null ? void 0 : d.color), r(t, "padding", l), r(o, "font-family", (b = n == null ? void 0 : n.textStyle) == null ? void 0 : b["font-family"]), r(o, "font-size", (p = n == null ? void 0 : n.textStyle) == null ? void 0 : p["font-size"]), r(o, "font-weight", x), r(o, "font-style", c), r(o, "color", (s = n == null ? void 0 : n.textColor) == null ? void 0 : s.color), r(o, "line-height", I(n ?? {})), r(o, "text-align", i), {
+function N(n) {
+  var u, s, a, d, g, b, p, y;
+  const t = [], o = [], i = (u = n == null ? void 0 : n.textAlign) == null ? void 0 : u.align, l = P((s = n == null ? void 0 : n.textPadding) == null ? void 0 : s.desktop), f = (a = n == null ? void 0 : n.textStyle) == null ? void 0 : a["font-weight"], c = (d = n == null ? void 0 : n.textStyle) == null ? void 0 : d["font-style"];
+  return r(t, "background-color", (g = n == null ? void 0 : n.textBackgroundColor) == null ? void 0 : g.color), r(t, "padding", l), r(o, "font-family", (b = n == null ? void 0 : n.textStyle) == null ? void 0 : b["font-family"]), r(o, "font-size", (p = n == null ? void 0 : n.textStyle) == null ? void 0 : p["font-size"]), r(o, "font-weight", f), r(o, "font-style", c), r(o, "color", (y = n == null ? void 0 : n.textColor) == null ? void 0 : y.color), r(o, "line-height", I(n ?? {})), r(o, "text-align", i), {
     tdStyle: t.join("; "),
     pStyle: o.join("; "),
     align: i || void 0,
-    wrapBold: x === "bold",
+    wrapBold: f === "bold",
     wrapItalic: c === "italic",
     textTrimming: (n == null ? void 0 : n.textTrimming) === !0
   };
 }
-function N(n) {
-  var u, a, g, d, b, p, s, k, w, P, B, z;
+function E(n) {
+  var s, a, d, g, b, p, y, k, w, B, T, j;
   const t = [], o = [], i = [];
-  r(t, "padding", $((u = n == null ? void 0 : n.buttonExternalPadding) == null ? void 0 : u.desktop)), r(i, "padding", $((a = n == null ? void 0 : n.buttonInternalPadding) == null ? void 0 : a.desktop)), r(i, "font-family", (g = n == null ? void 0 : n.buttonStyle) == null ? void 0 : g["font-family"]), r(i, "font-size", (d = n == null ? void 0 : n.buttonStyle) == null ? void 0 : d["font-size"]), r(i, "font-weight", (b = n == null ? void 0 : n.buttonStyle) == null ? void 0 : b["font-weight"]), r(i, "font-style", (p = n == null ? void 0 : n.buttonStyle) == null ? void 0 : p["font-style"]);
-  const l = (s = n == null ? void 0 : n.buttonColor) == null ? void 0 : s.color, x = (k = n == null ? void 0 : n.textButtonColor) == null ? void 0 : k.color;
-  r(o, "background", l), r(i, "background", l), r(i, "color", x);
+  r(t, "padding", P((s = n == null ? void 0 : n.buttonExternalPadding) == null ? void 0 : s.desktop)), r(i, "padding", P((a = n == null ? void 0 : n.buttonInternalPadding) == null ? void 0 : a.desktop)), r(i, "font-family", (d = n == null ? void 0 : n.buttonStyle) == null ? void 0 : d["font-family"]), r(i, "font-size", (g = n == null ? void 0 : n.buttonStyle) == null ? void 0 : g["font-size"]), r(i, "font-weight", (b = n == null ? void 0 : n.buttonStyle) == null ? void 0 : b["font-weight"]), r(i, "font-style", (p = n == null ? void 0 : n.buttonStyle) == null ? void 0 : p["font-style"]);
+  const l = (y = n == null ? void 0 : n.buttonColor) == null ? void 0 : y.color, f = (k = n == null ? void 0 : n.textButtonColor) == null ? void 0 : k.color;
+  r(o, "background", l), r(i, "background", l), r(i, "color", f);
   const c = n == null ? void 0 : n.buttonBorder;
-  S(o, "width", c == null ? void 0 : c.width, (y) => `${y}px`), S(o, "style", c == null ? void 0 : c.style, (y) => y), S(o, "color", c == null ? void 0 : c.color, (y) => y);
-  const f = C(n == null ? void 0 : n.buttonBorderRadius);
-  return f && (r(o, "border-radius", f), r(i, "border-radius", f)), ((w = n == null ? void 0 : n.buttonStretch) == null ? void 0 : w.stretched) === !1 ? (r(o, "display", "inline-block"), r(i, "display", "inline-block")) : ((P = n == null ? void 0 : n.buttonStretch) == null ? void 0 : P.stretched) === !0 && (r(o, "display", "block"), r(i, "display", "block")), {
+  $(o, "width", c == null ? void 0 : c.width, (S) => `${S}px`), $(o, "style", c == null ? void 0 : c.style, (S) => S), $(o, "color", c == null ? void 0 : c.color, (S) => S);
+  const u = D((n == null ? void 0 : n.buttonBorderRadius) ?? (n == null ? void 0 : n.borderRadius));
+  return u && (r(o, "border-radius", u), r(i, "border-radius", u)), ((w = n == null ? void 0 : n.buttonStretch) == null ? void 0 : w.stretched) === !1 ? (r(o, "display", "inline-block"), r(i, "display", "inline-block")) : ((B = n == null ? void 0 : n.buttonStretch) == null ? void 0 : B.stretched) === !0 && (r(o, "display", "block"), r(i, "display", "block")), {
     tdStyle: t.join("; "),
-    align: ((B = n == null ? void 0 : n.buttonAlign) == null ? void 0 : B.align) || void 0,
+    align: ((T = n == null ? void 0 : n.buttonAlign) == null ? void 0 : T.align) || void 0,
     spanStyle: o.join("; "),
     aStyle: i.join("; "),
-    text: (z = n == null ? void 0 : n.buttonText) == null ? void 0 : z.text
+    text: (j = n == null ? void 0 : n.buttonText) == null ? void 0 : j.text
   };
 }
-function T(n) {
-  if (typeof n == "number" && Number.isFinite(n) && n >= 0)
-    return Math.trunc(n);
-  if (typeof n == "string" && /^\d+$/.test(n.trim())) {
-    const t = Number(n.trim());
-    if (Number.isFinite(t) && t >= 0)
-      return t;
-  }
-}
-function A(n) {
+function L(n) {
   var t, o;
   return {
-    width: T((t = n == null ? void 0 : n.imageSize) == null ? void 0 : t.width),
-    height: T((o = n == null ? void 0 : n.imageSize) == null ? void 0 : o.height)
+    width: x((t = n == null ? void 0 : n.imageSize) == null ? void 0 : t.width),
+    height: x((o = n == null ? void 0 : n.imageSize) == null ? void 0 : o.height)
   };
 }
-function F(n, t) {
+const A = /* @__PURE__ */ new Set([5, 10, 15, 20, 25, 30, 35, 40]), C = [["t", "top"], ["r", "right"], ["b", "bottom"], ["l", "left"]];
+function R(n) {
+  if (!n)
+    return;
+  const t = [], o = [];
+  return C.forEach(([i, l]) => {
+    const f = x(n[l] ?? n.all) ?? 0;
+    A.has(f) ? t.push(`es-p${f}${i}`) : f > 0 && o.push(`padding-${l}: ${f}px`);
+  }), { classes: t.join(" "), style: o.join("; ") };
+}
+function v(n, t) {
   const o = (n ?? "").trim().replace(/;$/, "").trim(), i = (t ?? "").trim().replace(/;$/, "").trim();
   return o ? i ? `${o}; ${i}` : o : i;
 }
 export {
-  F as appendStyle,
-  N as mapButtonTheme,
-  A as mapImageTheme,
-  L as mapTextTheme
+  v as appendStyle,
+  R as mapBlockPadding,
+  E as mapButtonTheme,
+  L as mapImageTheme,
+  N as mapTextTheme
 };

package/dist/config/migrator/recommendationMigrator.js

@@ -1,52 +1,59 @@
-import { BlockId as f } from "../../enums/block.js";
-import { DEFAULT_NODE_CONFIG as y } from "../../extensions/Blocks/Recommendation/constants/defaultConfig.js";
-import { ATTR_RECOMMENDATION_TITLE as b } from "../../extensions/Blocks/Recommendation/constants/selectors.js";
-import { useTemplateStore as T } from "../../stores/template.js";
-import { mapComposition as v } from "./recommendation/compositionMapper.js";
-import { extractCurrencyFromBlock as C, extractTitleText as M, hasVisibleTitle as R, extractCardBgColor as S, isPartnerManagedBlock as h } from "./recommendation/extractors.js";
-import { buildBlockHtml as w } from "./recommendation/htmlBuilder.js";
-import { parseRecommendationId as x, parseLegacyConfig as E } from "./recommendation/parseLegacyConfig.js";
-import { mapSettings as A } from "./recommendation/settingsMapper.js";
-const H = 'td[esd-dev-product-config][class*="ins-recommendation-v3-block-"]:not(.recommendation-block-v2), td.product-block[esd-handler-name*="EmailRecommendationV3"][esd-dev-product-config]:not(.recommendation-block-v2)';
-function B(n, t, c) {
-  var l;
-  const r = x(t);
-  if (r === null)
+import { BlockId as b } from "../../enums/block.js";
+import { DEFAULT_NODE_CONFIG as C } from "../../extensions/Blocks/Recommendation/constants/defaultConfig.js";
+import { ATTR_RECOMMENDATION_TITLE as f } from "../../extensions/Blocks/Recommendation/constants/selectors.js";
+import { useTemplateStore as M } from "../../stores/template.js";
+import { mapComposition as x } from "./recommendation/compositionMapper.js";
+import { isPriceOnNextLine as R, extractCurrencyFromBlock as h, isOldPriceFirst as S, withRenderedTextTheme as w, extractTitleText as E, hasEmptyTitle as L, hasVisibleTitle as B, extractCardBgColor as P, isPartnerManagedBlock as A, extractRenderedBlockPadding as H } from "./recommendation/extractors.js";
+import { buildBlockHtml as N } from "./recommendation/htmlBuilder.js";
+import { parseRecommendationId as O, parseLegacyConfig as F } from "./recommendation/parseLegacyConfig.js";
+import { mapSettings as I } from "./recommendation/settingsMapper.js";
+import { mapBlockPadding as _ } from "./recommendation/themeMapper.js";
+const k = 'td[esd-dev-product-config][class*="ins-recommendation-v3-block-"]:not(.recommendation-block-v2), td.product-block[esd-handler-name*="EmailRecommendationV3"][esd-dev-product-config]:not(.recommendation-block-v2)';
+function $(c, e, m) {
+  var l, g, p;
+  const t = O(e);
+  if (t === null)
     return console.warn(
       "[RecommendationMigrator] Skipping block — missing/invalid `ins-recommendation-v3-campaign-id`"
     ), !1;
-  const o = E(t);
-  if (!o)
+  const r = F(e);
+  if (!r)
     return console.warn(
-      `[RecommendationMigrator] Aborting block id=${r} — \`esd-dev-product-config\` missing or unable to be parsed`
+      `[RecommendationMigrator] Aborting block id=${t} — \`esd-dev-product-config\` missing or unable to be parsed`
     ), !1;
-  const a = c[String(r)] ?? {
-    currencySettings: C(t)
-  }, i = A(a, o, r), e = v((l = o.composition) == null ? void 0 : l.variables), d = M(t);
-  e.titleVariable || (e.visibility[b] = R(t));
-  const p = S(t), g = {
-    ...i,
+  const o = m[String(t)] ?? {}, n = {
+    ...o,
+    currencySettings: o.currencySettings ?? h(e),
+    isPriceMovedToNextLine: o.isPriceMovedToNextLine ?? R(e)
+  }, a = I(n, r, t), i = x(
+    w((l = r.composition) == null ? void 0 : l.variables, e),
+    { oldPriceFirst: S(e) }
+  ), u = E(e);
+  L(e) ? i.visibility[f] = !1 : i.titleVariable || (i.visibility[f] = B(e));
+  const y = P(e), T = {
+    ...a,
     strategyId: "",
-    composition: e.composition,
-    visibility: e.visibility,
-    previousTitleHtml: y.previousTitleHtml,
-    textTrimming: e.anyTextTrimming
-  }, m = h(t), u = `
+    composition: i.composition,
+    visibility: i.visibility,
+    previousTitleHtml: C.previousTitleHtml,
+    textTrimming: i.anyTextTrimming
+  }, s = A(e), v = `
         <table>
             <tbody>
                 <tr>
                     <td class="esd-structure" align="left">
                         <table width="100%" cellpadding="0" cellspacing="0">
                             <tbody>
-                                <tr>${w({
-    nodeConfig: g,
-    composition: e,
-    cardBg: p,
-    titleText: d,
-    legacyId: t.getAttribute("id") ?? void 0,
-    legacyBgColor: t.getAttribute("bgcolor") ?? void 0,
-    preserveInnerHtml: m ? t.innerHTML : void 0,
-    skipCompile: m
+                                <tr>${N({
+    nodeConfig: T,
+    composition: i,
+    cardBg: y,
+    titleText: u,
+    legacyId: e.getAttribute("id") ?? void 0,
+    legacyBgColor: e.getAttribute("bgcolor") ?? void 0,
+    preserveInnerHtml: s ? e.innerHTML : void 0,
+    skipCompile: s,
+    blockPadding: _(((p = (g = r.theme) == null ? void 0 : g.blockPadding) == null ? void 0 : p.desktop) ?? H(e))
   })}</tr>
                             </tbody>
                         </table>
@@ -54,40 +61,40 @@ function B(n, t, c) {
                 </tr>
             </tbody>
         </table>
-    `, s = n.parseFromString(u, "text/html").querySelector("td.esd-structure");
-  return !s || !t.parentNode ? (console.warn(
-    `[RecommendationMigrator] Aborting block id=${r} — failed to construct new HTML element`
-  ), !1) : (t.parentNode.replaceChild(s, t), !0);
+    `, d = c.parseFromString(v, "text/html").querySelector("td.esd-structure");
+  return !d || !e.parentNode ? (console.warn(
+    `[RecommendationMigrator] Aborting block id=${t} — failed to construct new HTML element`
+  ), !1) : (e.parentNode.replaceChild(d, e), !0);
 }
-function G(n, t = {}) {
-  const c = new DOMParser();
-  let r;
+function X(c, e = {}) {
+  const m = new DOMParser();
+  let t;
   try {
-    r = c.parseFromString(n, "text/html");
-  } catch (i) {
-    return console.error("[RecommendationMigrator] Failed to parse template:", i), n;
+    t = m.parseFromString(c, "text/html");
+  } catch (n) {
+    return console.error("[RecommendationMigrator] Failed to parse template:", n), c;
   }
-  const o = Array.from(r.querySelectorAll(H));
+  const r = Array.from(t.querySelectorAll(k));
   try {
-    T().$patch((e) => {
-      e.migrations = {
-        ...e.migrations,
-        [f.Recommendation]: o.length
+    M().$patch((a) => {
+      a.migrations = {
+        ...a.migrations,
+        [b.Recommendation]: r.length
       };
     });
   } catch {
   }
-  if (o.length === 0)
-    return n;
-  let a = 0;
-  return o.forEach((i) => {
+  if (r.length === 0)
+    return c;
+  let o = 0;
+  return r.forEach((n) => {
     try {
-      B(c, i, t) && (a += 1);
-    } catch (e) {
-      console.error("[RecommendationMigrator] Unexpected error migrating block:", e);
+      $(m, n, e) && (o += 1);
+    } catch (a) {
+      console.error("[RecommendationMigrator] Unexpected error migrating block:", a);
     }
-  }), a > 0 && console.info(`[RecommendationMigrator] Migrated ${a} legacy Recommendation block(s)`), r.documentElement.outerHTML;
+  }), o > 0 && console.info(`[RecommendationMigrator] Migrated ${o} legacy Recommendation block(s)`), t.documentElement.outerHTML;
 }
 export {
-  G as migrateRecommendation
+  X as migrateRecommendation
 };

package/dist/extensions/Blocks/Items/controls/button/link.js

@@ -1,31 +1,28 @@
-import { CommonControl as r } from "../../../common-control.js";
-import { ItemsBlockControlId as i } from "../../enums/controlEnums.js";
-import { getItemsBlockConfig as o } from "../../utils/nodeConfigUtils.js";
-const s = i.BUTTON_LINK, n = {
+import { CommonControl as s } from "../../../common-control.js";
+import { ItemsBlockControlId as r } from "../../enums/controlEnums.js";
+import { getItemsBlockConfig as a } from "../../utils/nodeConfigUtils.js";
+const e = r.BUTTON_LINK, n = {
   LINK: "link"
 };
-class m extends r {
+class L extends s {
   getId() {
-    return s;
+    return e;
   }
   getTemplate() {
     return `
-            <div class="container ${s}">
+            <div class="container ${e}">
                 ${this._getLink()}
             </div>
         `;
   }
   onRender() {
-    const t = o(this.currentNode);
-    this.api.updateValues({
-      [n.LINK]: (t == null ? void 0 : t.buttonLink) ?? ""
-    });
+    this.forgetLastPanelNode();
   }
-  onTemplateNodeUpdated(t) {
-    super.onTemplateNodeUpdated(t), this.handleBlockInstanceChange(() => {
-      const e = o(this.currentNode);
+  onTemplateNodeUpdated(o) {
+    super.onTemplateNodeUpdated(o), this.handleBlockInstanceChange(() => {
+      const t = a(this.currentNode);
       this.api.updateValues({
-        [n.LINK]: (e == null ? void 0 : e.buttonLink) ?? ""
+        [n.LINK]: (t == null ? void 0 : t.buttonLink) ?? ""
       });
     });
   }
@@ -44,6 +41,6 @@ class m extends r {
   }
 }
 export {
-  m as ButtonLinkControl,
-  s as CONTROL_BLOCK_ID
+  L as ButtonLinkControl,
+  e as CONTROL_BLOCK_ID
 };

package/dist/extensions/Blocks/Items/controls/cardComposition.js

@@ -1,12 +1,12 @@
 var I = Object.defineProperty;
 var U = (d, a, t) => a in d ? I(d, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[a] = t;
-var p = (d, a, t) => U(d, typeof a != "symbol" ? a + "" : a, t);
+var y = (d, a, t) => U(d, typeof a != "symbol" ? a + "" : a, t);
 import { ModificationDescription as c } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { CommonControl as b } from "../../common-control.js";
 import { ItemsBlockId as r } from "../enums/controlEnums.js";
 import { SETTINGS_ENUMS as h } from "../enums/settingsEnums.js";
 import { getItemsBlockConfig as R, setItemsBlockConfig as m } from "../utils/nodeConfigUtils.js";
-const g = "ui-elements-items-card-composition-block", i = {
+const N = "ui-elements-items-card-composition-block", i = {
   PRODUCT_IMAGE: "image",
   PRODUCT_NAME: "name",
   PRODUCT_QUANTITY: "quantity",
@@ -17,7 +17,7 @@ const g = "ui-elements-items-card-composition-block", i = {
 class M extends b {
   constructor() {
     super(...arguments);
-    p(this, "visibilityState", {
+    y(this, "visibilityState", {
       [i.PRODUCT_IMAGE]: !0,
       [i.PRODUCT_NAME]: !0,
       [i.PRODUCT_QUANTITY]: !0,
@@ -27,7 +27,7 @@ class M extends b {
     });
   }
   getId() {
-    return g;
+    return N;
   }
   getTemplate() {
     return `
@@ -44,7 +44,7 @@ class M extends b {
         `;
   }
   onRender() {
-    this._syncVisibilityFromAttributes(), this._handleBrowsedItemsQuantity(), this._initializeToggles(), this._listenToFormUpdates();
+    this.forgetLastPanelNode(), this._listenToFormUpdates();
   }
   onTemplateNodeUpdated(t) {
     super.onTemplateNodeUpdated(t), this.handleBlockInstanceChange(() => {
@@ -61,9 +61,6 @@ class M extends b {
             </div>
         `;
   }
-  _initializeToggles() {
-    this._updateTogglesFromState();
-  }
   _updateTogglesFromState() {
     this.api.updateValues({
       [i.PRODUCT_IMAGE]: this.visibilityState[i.PRODUCT_IMAGE],
@@ -224,21 +221,21 @@ class M extends b {
    *   - When both are visible, they share 50% each
    */
   _updatePriceCellWidthsForVerticalLayout(t) {
-    var O, y;
+    var O, p;
     const e = R(this.currentNode);
     if (!((e == null ? void 0 : e.orientation) === h.ORIENTATION.VERTICAL))
       return;
-    const n = (O = this.currentNode) == null ? void 0 : O.querySelectorAll(".product-price-class"), s = (y = this.currentNode) == null ? void 0 : y.querySelectorAll(".product-original-price-class"), l = (e == null ? void 0 : e.priceOrientation) === "vertical", P = this.visibilityState[i.PRODUCT_PRICE], C = this.visibilityState[i.PRODUCT_ORIGINAL_PRICE], T = t ?? this.api.getDocumentModifier();
+    const n = (O = this.currentNode) == null ? void 0 : O.querySelectorAll(".product-price-class"), s = (p = this.currentNode) == null ? void 0 : p.querySelectorAll(".product-original-price-class"), l = (e == null ? void 0 : e.priceOrientation) === "vertical", P = this.visibilityState[i.PRODUCT_PRICE], C = this.visibilityState[i.PRODUCT_ORIGINAL_PRICE], T = t ?? this.api.getDocumentModifier();
     if (n && n.length > 0) {
-      const _ = l || !C ? "100%" : "50%";
-      n.forEach((u) => {
-        T.modifyHtml(u).setStyle("width", _);
+      const u = l || !C ? "100%" : "50%";
+      n.forEach((_) => {
+        T.modifyHtml(_).setStyle("width", u);
       });
     }
     if (s && s.length > 0) {
-      const _ = l || !P ? "100%" : "50%";
-      s.forEach((u) => {
-        T.modifyHtml(u).setStyle("width", _);
+      const u = l || !P ? "100%" : "50%";
+      s.forEach((_) => {
+        T.modifyHtml(_).setStyle("width", u);
       });
     }
     t || T.apply(new c("Updated price cell widths for vertical layout"));
@@ -256,6 +253,6 @@ class M extends b {
   }
 }
 export {
-  g as COMPOSITION_CONTROL_BLOCK_ID,
+  N as COMPOSITION_CONTROL_BLOCK_ID,
   M as ItemsBlockCardCompositionControl
 };

package/dist/extensions/Blocks/Items/controls/image/link.js

@@ -1,31 +1,28 @@
-import { CommonControl as a } from "../../../common-control.js";
-import { ItemsBlockControlId as i } from "../../enums/controlEnums.js";
-import { getItemsBlockConfig as o } from "../../utils/nodeConfigUtils.js";
-const s = i.IMAGE_LINK, n = {
+import { CommonControl as s } from "../../../common-control.js";
+import { ItemsBlockControlId as r } from "../../enums/controlEnums.js";
+import { getItemsBlockConfig as a } from "../../utils/nodeConfigUtils.js";
+const t = r.IMAGE_LINK, n = {
   LINK: "link"
 };
-class p extends a {
+class L extends s {
   getId() {
-    return s;
+    return t;
   }
   getTemplate() {
     return `
-            <div class="container ${s}">
+            <div class="container ${t}">
                 ${this._getLink()}
             </div>
         `;
   }
   onRender() {
-    const e = o(this.currentNode);
-    this.api.updateValues({
-      [n.LINK]: (e == null ? void 0 : e.imageLink) ?? ""
-    });
+    this.forgetLastPanelNode();
   }
-  onTemplateNodeUpdated(e) {
-    super.onTemplateNodeUpdated(e), this.handleBlockInstanceChange(() => {
-      const t = o(this.currentNode);
+  onTemplateNodeUpdated(o) {
+    super.onTemplateNodeUpdated(o), this.handleBlockInstanceChange(() => {
+      const e = a(this.currentNode);
       this.api.updateValues({
-        [n.LINK]: (t == null ? void 0 : t.imageLink) ?? ""
+        [n.LINK]: (e == null ? void 0 : e.imageLink) ?? ""
       });
     });
   }
@@ -44,6 +41,6 @@ class p extends a {
   }
 }
 export {
-  s as CONTROL_BLOCK_ID,
-  p as ImageLinkControl
+  t as CONTROL_BLOCK_ID,
+  L as ImageLinkControl
 };