@useinsider/guido 3.8.0-beta.84f6c0a → 3.8.0-beta.bf9ea20

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

@@ -1,32 +1,27 @@
-import { escapeHtml as g } from "../../../../utils/htmlEscape.js";
-function u(n) {
-  return "getInnerHTML" in n && typeof n.getInnerHTML == "function" ? n.getInnerHTML().trim() : "innerHTML" in n ? n.innerHTML : "";
+import { escapeHtml as m } from "../../../../utils/htmlEscape.js";
+function T(t) {
+  return "getInnerHTML" in t && typeof t.getInnerHTML == "function" ? t.getInnerHTML().trim() : "innerHTML" in t ? t.innerHTML : "";
 }
-function T(n) {
-  const s = [], t = [];
-  let r = n.trim();
+function H(t, f) {
+  const n = m(f);
+  if (!t)
+    return n;
+  const r = T(t);
+  if (!r || r.trim() === "" || !/<(strong|em|u|s|b|i)\b/i.test(r))
+    return n;
+  const e = [], s = [];
+  let o = r.trim();
   for (; ; ) {
-    const e = r.match(/^<(strong|em|u|s|b|i)(\s[^>]*)?>(.*)$/is);
-    if (!e)
+    const u = o.match(/^<(strong|em|u|s|b|i)(\s[^>]*)?>(.*)$/is);
+    if (!u)
       break;
-    const [, i, a = "", o] = e, c = new RegExp(`</${i}>$`, "i");
-    if (!c.test(o))
+    const [, i, a = "", c] = u, g = new RegExp(`</${i}>$`, "i");
+    if (!g.test(c))
       break;
-    s.push(`<${i}${a}>`), t.unshift(`</${i}>`), r = o.replace(c, "").trim();
+    e.push(`<${i}${a}>`), s.unshift(`</${i}>`), o = c.replace(g, "").trim();
   }
-  return { openTags: s.join(""), closeTags: t.join("") };
-}
-function p(n, s) {
-  const t = g(s);
-  if (!n)
-    return t;
-  const r = u(n);
-  if (!r || r.trim() === "")
-    return t;
-  const { openTags: e, closeTags: i } = T(r);
-  return e ? e + t + i : t;
+  return e.length > 0 ? e.join("") + n + s.join("") : n;
 }
 export {
-  T as extractWrapperTags,
-  p as preserveTextStyles
+  H as preserveTextStyles
 };

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

@@ -1,54 +1,46 @@
-function r(t) {
+function a(t) {
   return typeof t == "object" && t !== null && "tagName" in t && typeof t.tagName == "string";
 }
-function u(t) {
+function n(t) {
   return typeof t == "object" && t !== null && "getTagName" in t && typeof t.getTagName == "function";
 }
-function n(t) {
+function r(t) {
   return typeof t == "object" && t !== null && "getStyle" in t && typeof t.getStyle == "function";
 }
-function p(t) {
-  return typeof t == "object" && t !== null && "getComputedStyle" in t && typeof t.getComputedStyle == "function";
-}
-function y(t) {
-  return typeof t == "object" && t !== null && "getAttribute" in t && typeof t.getAttribute == "function";
-}
-function o(t) {
-  return typeof t == "object" && t !== null && "querySelectorAll" in t && typeof t.querySelectorAll == "function";
-}
-function l(t) {
+function u(t) {
   return typeof t == "object" && t !== null && "parent" in t && typeof t.parent == "function";
 }
-function g(t, e) {
-  return !t || !n(t) ? null : t.getStyle(e);
+function g(t) {
+  return typeof t == "object" && t !== null && "tagName" in t && t.tagName === "TD";
 }
-function s(t) {
-  return !t || !l(t) ? null : t.parent() ?? null;
+function p(t, e) {
+  return !t || !r(t) ? null : t.getStyle(e);
 }
-function a(t, e = "UNKNOWN") {
-  return t ? r(t) ? t.tagName.toUpperCase() : u(t) ? t.getTagName().toUpperCase() : e : e;
+function N(t) {
+  return !t || !u(t) ? null : t.parent() ?? null;
+}
+function l(t, e = "UNKNOWN") {
+  return t ? a(t) ? t.tagName.toUpperCase() : n(t) ? t.getTagName().toUpperCase() : e : e;
 }
 const f = /* @__PURE__ */ new Set(["TD", "BLOCK_IMAGE", "BLOCK_BUTTON"]);
 function i(t) {
   return f.has(t.toUpperCase());
 }
 function c(t) {
-  const e = a(t);
+  const e = l(t);
   return i(e);
 }
-function N(t) {
+function s(t) {
   return c(t) ? "table-cell" : "table-row";
 }
 export {
-  N as getTableDisplayValue,
-  a as getTagName,
-  y as hasGetAttribute,
-  p as hasGetComputedStyle,
-  n as hasGetStyle,
-  l as hasParent,
-  o as hasQuerySelectorAll,
+  s as getTableDisplayValue,
+  l as getTagName,
+  r as hasGetStyle,
+  u as hasParent,
   c as isTableCellNode,
   i as isTableCellTag,
-  s as safeGetParent,
-  g as safeGetStyle
+  g as isTdNode,
+  N as safeGetParent,
+  p as safeGetStyle
 };

package/dist/extensions/Blocks/controlFactories.js

@@ -1,276 +1,250 @@
-import { TextAlignBuiltInControl as a, TextColorBuiltInControl as g, TextSizeBuiltInControl as x, TextStyleBuiltInControl as f, TextFontFamilyBuiltInControl as C, ButtonBackgroundColorBuiltInControl as T, TextPaddingsBuiltInControl as B, ImageSizeBuiltInControl as I, ImageMarginsBuiltInControl as y, ButtonAlignBuiltInControl as m, ButtonBorderBuiltInControl as S, ButtonBorderRadiusBuiltInControl as A, ButtonColorBuiltInControl as b, ButtonFontFamilyBuiltInControl as N, ButtonMarginsBuiltInControl as q, ButtonPaddingsBuiltInControl as $, ButtonTextBuiltInControl as k, ButtonTextSizeBuiltInControl as p, ButtonTextStyleAndFontColorBuiltInControl as F, ButtonFitToContainerBuiltInControl as h, TextLineSpacingBuiltInControl as M } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-const z = "buttonTextStyleForm";
-function P(o, n, r) {
-  return class extends a {
+import { TextAlignBuiltInControl as s, TextColorBuiltInControl as l, TextSizeBuiltInControl as u, TextStyleBuiltInControl as i, TextFontFamilyBuiltInControl as c, ButtonBackgroundColorBuiltInControl as d, TextPaddingsBuiltInControl as a, ImageSizeBuiltInControl as g, ImageMarginsBuiltInControl as x, ButtonAlignBuiltInControl as C, ButtonBorderBuiltInControl as f, ButtonBorderRadiusBuiltInControl as B, ButtonColorBuiltInControl as T, ButtonFontFamilyBuiltInControl as I, ButtonMarginsBuiltInControl as y, ButtonPaddingsBuiltInControl as m, ButtonTextBuiltInControl as A, ButtonTextSizeBuiltInControl as S, ButtonTextStyleAndFontColorBuiltInControl as N, ButtonFitToContainerBuiltInControl as b, TextLineSpacingBuiltInControl as q } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+function k(o, n, r) {
+  return class extends s {
     getId() {
       return o;
     }
-    getTargetNodes(e) {
+    getTargetNodes(t) {
       if (!n || !r)
-        return [e];
-      const t = e.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+        return [t];
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function _(o, n, r) {
-  return class extends g {
+function p(o, n, r) {
+  return class extends l {
     getId() {
       return o;
     }
-    getTargetNodes(e) {
+    getTargetNodes(t) {
       if (!n || !r)
-        return [e];
-      const t = e.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+        return [t];
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function v(o, n, r) {
-  return class extends x {
+function F(o, n, r) {
+  return class extends u {
     getId() {
       return o;
     }
-    getTargetNodes(e) {
+    getTargetNodes(t) {
       if (!n || !r)
-        return [e];
-      const t = e.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+        return [t];
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function L(o, n, r) {
-  return class extends f {
+function z(o, n, r) {
+  return class extends i {
     getId() {
       return o;
     }
-    getTargetNodes(e) {
+    getTargetNodes(t) {
       if (!n || !r)
-        return [e];
-      const t = e.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+        return [t];
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function R(o, n, r) {
-  return class extends C {
+function M(o, n, r) {
+  return class extends c {
     getId() {
       return o;
     }
-    getTargetNodes(e) {
+    getTargetNodes(t) {
       if (!n || !r)
-        return [e];
-      const t = e.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+        return [t];
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function O(o, n, r) {
-  return class extends T {
+function P(o, n, r) {
+  return class extends d {
     getId() {
       return o;
     }
-    getTargetNodes(e) {
+    getTargetNodes(t) {
       if (!n || !r)
-        return [e];
-      const t = e.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+        return [t];
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function Y(o, n, r) {
-  return class extends B {
+function h(o, n, r) {
+  return class extends a {
     getId() {
       return o;
     }
-    getTargetNodes(e) {
+    getTargetNodes(t) {
       if (!n || !r)
-        return [e];
-      const t = e.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+        return [t];
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function w(o, n, r) {
-  return class extends M {
+function L(o, n, r) {
+  return class extends q {
     getId() {
       return o;
     }
-    getTargetNodes(e) {
-      return [e];
+    getTargetNodes(t) {
+      return [t];
     }
   };
 }
-function D(o, n, r = ".ins-recommendation-product-container") {
-  return class extends m {
+function R(o, n, r = ".ins-recommendation-product-container") {
+  return class extends C {
     getId() {
       return o;
     }
-    getTargetNodes(e) {
-      const t = e.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+    getTargetNodes(t) {
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function H(o, n, r = ".ins-recommendation-product-container") {
-  return class extends b {
+function j(o, n, r = ".ins-recommendation-product-container") {
+  return class extends T {
     getId() {
       return o;
     }
-    getTargetNodes(e) {
-      const t = e.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+    getTargetNodes(t) {
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function K(o, n, r = ".ins-recommendation-product-container") {
-  return class extends S {
+function v(o, n, r = ".ins-recommendation-product-container") {
+  return class extends f {
     getId() {
       return o;
     }
-    getTargetNodes(e) {
-      const t = e.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+    getTargetNodes(t) {
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function U(o, n, r = ".ins-recommendation-product-container") {
-  return class extends A {
+function w(o, n, r = ".ins-recommendation-product-container") {
+  return class extends B {
     getId() {
       return o;
     }
-    getTargetNodes(e) {
-      const t = e.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+    getTargetNodes(t) {
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function V(o, n, r = ".ins-recommendation-product-container") {
-  return class extends N {
+function D(o, n, r = ".ins-recommendation-product-container") {
+  return class extends I {
     getId() {
       return o;
     }
-    getTargetNodes(e) {
-      const t = e.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+    getTargetNodes(t) {
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function W(o, n, r = ".ins-recommendation-product-container") {
-  return class extends q {
+function E(o, n, r = ".ins-recommendation-product-container") {
+  return class extends y {
     getId() {
       return o;
     }
-    getTargetNodes(e) {
-      const t = e.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+    getTargetNodes(t) {
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function X(o, n, r = ".ins-recommendation-product-container") {
-  return class extends $ {
+function G(o, n, r = ".ins-recommendation-product-container") {
+  return class extends m {
     getId() {
       return o;
     }
-    getTargetNodes(e) {
-      const t = e.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+    getTargetNodes(t) {
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function j(o, n, r = ".ins-recommendation-product-container") {
-  return class extends k {
+function H(o, n, r = ".ins-recommendation-product-container") {
+  return class extends A {
     getId() {
       return o;
     }
-    getTargetNodes(e) {
-      const t = e.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+    getTargetNodes(t) {
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function G(o, n, r = ".ins-recommendation-product-container") {
-  return class extends p {
+function J(o, n, r = ".ins-recommendation-product-container") {
+  return class extends S {
     getId() {
       return o;
     }
-    getTargetNodes(e) {
-      const t = e.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+    getTargetNodes(t) {
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function J(o, n, r) {
-  return class extends F {
+function K(o, n, r) {
+  return class extends N {
     getId() {
       return o;
     }
-    getTargetNodes(e) {
-      const t = e.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
-    }
-    /**
-     * Propagates Bold/Italic to ALL product buttons, not just the focused one.
-     *
-     * Stripo's built-in applies font-color/size to every target node but writes
-     * the text-style (font-weight/font-style) only to the selected button. Bold/italic
-     * are plain inline CSS on the `<a class="es-button">` (no tags), so we mirror them
-     * onto every button's anchor. The toggle state comes from the control's form
-     * (`buttonTextStyleForm.{bold,italic}`) because the patched node isn't updated yet
-     * when this runs. Returned modifications are merged into the parent control's patch.
-     */
-    getAdditionalModifications(e) {
-      const t = e.closest(r);
-      if (!t)
-        return;
-      const i = t.querySelectorAll(`[esd-extension-block-id="${n}"] a.es-button`);
-      if (!i.length)
-        return;
-      const s = this.api.getValues()[z];
-      if (!s)
-        return;
-      const u = s.bold ? "bold" : "normal", c = s.italic ? "italic" : "normal", l = this.api.getDocumentModifier();
-      return i.forEach((d) => {
-        l.modifyHtml(d).setStyle("font-weight", u).setStyle("font-style", c);
-      }), l;
+    getTargetNodes(t) {
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function Q(o, n, r) {
-  return class extends h {
+function O(o, n, r) {
+  return class extends b {
     getId() {
       return o;
     }
-    getTargetNodes(e) {
-      const t = e.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+    getTargetNodes(t) {
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function Z(o, n, r) {
-  return class extends I {
+function Q(o, n, r) {
+  return class extends g {
     getId() {
       return o;
     }
-    getTargetNodes(e) {
+    getTargetNodes(t) {
       try {
-        const t = e.closest(r);
-        return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+        const e = t.closest(r);
+        return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
       } catch {
         return [];
       }
     }
   };
 }
-function tt(o, n, r) {
-  return class extends y {
+function U(o, n, r) {
+  return class extends x {
     getId() {
       return o;
     }
-    getTargetNodes(e) {
+    getTargetNodes(t) {
       try {
-        const t = e.closest(r);
-        return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+        const e = t.closest(r);
+        return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
       } catch {
         return [];
       }
@@ -278,25 +252,25 @@ function tt(o, n, r) {
   };
 }
 export {
-  D as createButtonAlignControl,
-  K as createButtonBorderControl,
-  U as createButtonBorderRadiusControl,
-  H as createButtonColorControl,
-  Q as createButtonFitToContainerControl,
-  V as createButtonFontFamilyControl,
-  W as createButtonMarginsControl,
-  X as createButtonPaddingsControl,
-  j as createButtonTextControl,
-  G as createButtonTextSizeControl,
-  J as createButtonTextStyleAndFontColorControl,
-  tt as createImageMarginsControl,
-  Z as createImageSizeControl,
-  Y as createPaddingsControl,
-  P as createTextAlignControl,
-  O as createTextBackgroundColorControl,
-  _ as createTextColorControl,
-  R as createTextFontFamilyControl,
-  w as createTextLineSpacingControl,
-  v as createTextSizeControl,
-  L as createTextStyleControl
+  R as createButtonAlignControl,
+  v as createButtonBorderControl,
+  w as createButtonBorderRadiusControl,
+  j as createButtonColorControl,
+  O as createButtonFitToContainerControl,
+  D as createButtonFontFamilyControl,
+  E as createButtonMarginsControl,
+  G as createButtonPaddingsControl,
+  H as createButtonTextControl,
+  J as createButtonTextSizeControl,
+  K as createButtonTextStyleAndFontColorControl,
+  U as createImageMarginsControl,
+  Q as createImageSizeControl,
+  h as createPaddingsControl,
+  k as createTextAlignControl,
+  P as createTextBackgroundColorControl,
+  p as createTextColorControl,
+  M as createTextFontFamilyControl,
+  L as createTextLineSpacingControl,
+  F as createTextSizeControl,
+  z as createTextStyleControl
 };

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

@@ -24,5 +24,13 @@ 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/controls/index.d.ts

@@ -120,11 +120,11 @@ export declare const ButtonControls: {
         new (): {
             getId(): string;
             getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
-            getAdditionalModifications(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
             getParentControlId(): string;
             getLabels(): import("@stripoinc/ui-editor-extensions").ButtonTextStyleAndFontColorControlLabels | undefined;
             api: import("@stripoinc/ui-editor-extensions").ControlApi;
             getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
+            getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
             isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
         };
     };

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 migrating from legacy config block if nodeConfig is empty.
+ * Falls back to the persisted esd-ext-config (saved modules), then legacy config block.
  * @param currentNode - The current node from the control
  * @returns The ItemsBlockConfig object or null if not found
  */

package/dist/src/extensions/Blocks/Recommendation/constants/index.d.ts

@@ -8,6 +8,6 @@
  */
 export { RecommendationBlockId } from './blockIds';
 export { RecommendationControlId } from './controlIds';
-export { BLOCK_ROOT_SELECTOR, CONTAINER_SELECTOR, DESKTOP_CONTAINER_SELECTOR, MOBILE_CONTAINER_SELECTOR, MOBILE_ROW_SELECTOR, CSS_CLASS_RECO_BUTTON, CURRENCY_ATTR, ATTR_PRODUCT_IMAGE, ATTR_PRODUCT_NAME, ATTR_PRODUCT_PRICE, ATTR_PRODUCT_OLD_PRICE, ATTR_PRODUCT_OMNIBUS_PRICE, ATTR_PRODUCT_OMNIBUS_DISCOUNT, ATTR_PRODUCT_BUTTON, ATTR_CUSTOM_PREFIX, ATTR_DATA_CUSTOM_ATTRIBUTES, ATTR_PRODUCT_ATTR, PRODUCT_ATTRIBUTE_PREFIX, BUILT_IN_DEFAULT_ATTRIBUTES, } from './selectors';
+export { BLOCK_ROOT_SELECTOR, CONTAINER_SELECTOR, DESKTOP_CONTAINER_SELECTOR, MOBILE_CONTAINER_SELECTOR, MOBILE_ROW_SELECTOR, CSS_CLASS_RECO_BUTTON, CURRENCY_ATTR, ATTR_PRODUCT_IMAGE, ATTR_PRODUCT_NAME, ATTR_PRODUCT_PRICE, ATTR_PRODUCT_OLD_PRICE, ATTR_PRODUCT_OMNIBUS_PRICE, ATTR_PRODUCT_OMNIBUS_DISCOUNT, ATTR_PRODUCT_BUTTON, ATTR_CUSTOM_PREFIX, ATTR_DATA_CUSTOM_ATTRIBUTES, ATTR_PRODUCT_ATTR, BUILT_IN_DEFAULT_ATTRIBUTES, } from './selectors';
 export { LAYOUT_VALUES, LAYOUT_OPTIONS, DEFAULT_PRODUCTS_PER_ROW, DEFAULT_CARDS_IN_ROW, DEFAULT_MOBILE_CARDS_IN_ROW, MAX_PRODUCT_COUNT, MIN_PRODUCT_COUNT, MAX_PRODUCTS_PER_ROW, MIN_PRODUCTS_PER_ROW, MAX_MOBILE_PRODUCTS_PER_ROW, MIN_MOBILE_PRODUCTS_PER_ROW, DEFAULT_COLUMN_SPACING, DEFAULT_ROW_SPACING, DEFAULT_MOBILE_COLUMN_SPACING, DEFAULT_MOBILE_ROW_SPACING, MIN_SPACING, MAX_SPACING, SPACING_STEP, } from './layout';
 export { DEFAULT_NODE_CONFIG, DEFAULT_CURRENCY, DEFAULT_COMPOSITION, DEFAULT_VISIBILITY, CURRENT_CONFIG_VERSION, EXCLUDED_ALGORITHM_IDS, } from './defaultConfig';

package/dist/src/extensions/Blocks/Recommendation/constants/selectors.d.ts

@@ -56,8 +56,6 @@ export declare const ATTR_CUSTOM_PREFIX = "customAttr:";
 export declare const ATTR_DATA_CUSTOM_ATTRIBUTES = "data-custom-attributes";
 /** HTML attribute on <td> elements identifying the product attribute for compiler template variable generation */
 export declare const ATTR_PRODUCT_ATTR = "product-attr";
-/** Prefix `resolveProductAttrValue` puts on custom (non-default) product attributes in `product-attr` values */
-export declare const PRODUCT_ATTRIBUTE_PREFIX = "product_attribute.";
 /**
  * Default attribute names that are already represented by built-in composition toggle items.
  * Used to exclude these from the custom attribute dropdown to prevent duplication with toggles.

package/dist/src/extensions/Blocks/Recommendation/controls/button/index.d.ts

@@ -120,11 +120,11 @@ export declare const ButtonControls: {
         new (): {
             getId(): string;
             getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
-            getAdditionalModifications(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
             getParentControlId(): string;
             getLabels(): import("@stripoinc/ui-editor-extensions").ButtonTextStyleAndFontColorControlLabels | undefined;
             api: import("@stripoinc/ui-editor-extensions").ControlApi;
             getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
+            getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
             isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
         };
     };

package/dist/src/extensions/Blocks/Recommendation/controls/main/layoutOrientation.d.ts

@@ -31,8 +31,7 @@ export declare class LayoutOrientationControl extends CommonControl {
      * Regenerates product rows based on the selected layout
      * Uses unified style-preserving regeneration to maintain user customizations
      * @param layout - The layout to use for regeneration (passed explicitly to avoid stale DOM reads)
-     * @param composition - The preserved card composition, incl. customAttr:* entries
      */
-    _regenerateProductRows(layout: Orientation, composition: string[]): void;
+    _regenerateProductRows(layout: Orientation): void;
     _listenToFormUpdates(): void;
 }