@useinsider/guido 3.7.2-beta.1489585 → 3.7.2-beta.2220fb0

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/@types/config/schemas.d.ts

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

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

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

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

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

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

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

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

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

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/cardComposition/index.d.ts

@@ -43,6 +43,15 @@ export declare class RecommendationCardCompositionControl extends CommonControl
      */
     private _tryReorderInPlace;
     private _createBuiltInItemHtml;
+    /**
+     * Inline mode: the merged "Product Prices" group item. It moves as a unit in
+     * the main list (both keys stay adjacent) and contains a nested 2-item drag
+     * to reorder Product Price ↔ Product Original Price — which flips the inline
+     * render order via `resolveInlinePriceOrder`. The group keeps a single
+     * visibility toggle (`data-action-for="productPrice"`). Nested sub-items use a
+     * plain drag handle (no UE button → untouched by the reorder-icon rescue).
+     */
+    private _createPriceGroupItemHtml;
     private _createCustomItemHtml;
     /**
      * Builds select options from the store's filterList.
@@ -98,7 +107,23 @@ export declare class RecommendationCardCompositionControl extends CommonControl
      */
     private _rescueReorderIconsToStore;
     private _setupEventListeners;
+    /**
+     * Builds the composition key order from the orderable list, expanding the
+     * inline "Product Prices" group into its two sub-keys (in nested DOM order)
+     * so both price keys stay adjacent and in the user-chosen order.
+     */
+    private _extractCompositionOrder;
     private _setupDragAndDrop;
+    /**
+     * Wires drag/drop reordering for one item level on the shared list. Both the
+     * top-level items and the nested price sub-items use this; they never fight
+     * because each only sets its `dragged` ref when its own `itemSelector` matches
+     * at dragstart (and the top-level one additionally ignores drags originating
+     * inside `ignoreSelector`). Every drop re-reads the full composition via
+     * `_extractCompositionOrder`, so both levels commit through `_onReorder`
+     * identically.
+     */
+    private _registerDragHandlers;
     private _setupDeleteHandler;
     private _onAddAttribute;
     /**
@@ -155,9 +180,10 @@ export declare class RecommendationCardCompositionControl extends CommonControl
     private _extractSegmentBgFromCard;
     private _getControlContainer;
     /**
-     * Adds/removes orderable-disabled class based on layout orientation.
-     * List layout hides drag handles via CSS and disables draggable attribute
-     * to prevent native browser drag-and-drop from working without the handle.
+     * Ensures composition reorder is enabled. Both grid and list layouts now
+     * support reordering — top-level items and the nested price sub-items are all
+     * draggable. (Items render with `draggable="true"`; this just clears any stale
+     * disabled state.)
      */
     private _updateOrderableState;
     /**