@useinsider/guido 3.7.0-beta.830822b → 3.7.0-beta.9fddd7d

package/dist/extensions/Blocks/Recommendation/templates/list/template.js

@@ -1,14 +1,14 @@
-import { ATTR_PRODUCT_IMAGE as a, ATTR_PRODUCT_BUTTON as d } from "../../constants/selectors.js";
-import { DEFAULT_CARD_COMPOSITION as b, spacer as m, buildElementRenderer as C, DEFAULT_CARD_VISIBILITY as T } from "../utils.js";
-import { listElementRenderer as f } from "./elementRenderer.js";
-function R(r, n, l) {
-  const t = l ? "" : ' style="display: none;"', o = r.replace(/<tr>/, "").replace(/<\/tr>/, "");
+import { ATTR_PRODUCT_IMAGE as a, ATTR_PRODUCT_BUTTON as c } from "../../constants/selectors.js";
+import { DEFAULT_CARD_COMPOSITION as R, spacer as m, buildElementRenderer as T, resolveInlinePriceOrder as O, DEFAULT_CARD_VISIBILITY as w } from "../utils.js";
+import { listElementRenderer as y, renderInlineListPriceRow as I } from "./elementRenderer.js";
+function g(t, r, n) {
+  const o = n ? "" : ' style="display: none;"', l = t.replace(/<tr>/, "").replace(/<\/tr>/, "");
   return `<tr
             class="recommendation-attribute-row"
-            data-attribute-type="${n}"
-            data-visibility="${l ? "1" : "0"}"${t}>${o}</tr>`;
+            data-attribute-type="${r}"
+            data-visibility="${n ? "1" : "0"}"${o}>${l}</tr>`;
 }
-const y = `
+const _ = `
     <tr class="recommendation-product-row">
         <td style="padding: 0 5px;">
             <table
@@ -26,29 +26,29 @@ const y = `
         </td>
     </tr>
 `;
-function O(r, n = b, l = {}) {
-  const t = C(f, n, l), o = t[a](r), c = `
+function P(t, r = R, n = {}, o = {}) {
+  const { priceInline: l = !1 } = o, i = T(y, r, n), d = i[a](t), s = O(r), p = (e) => l && e === s.anchor ? I(t, s.originalFirst) : i[e](t), u = `
         <td class="product-info-cell" valign="middle" style="padding: 15px;">
             <table cellpadding="0" cellspacing="0" role="presentation" width="100%" style="table-layout: fixed;">
                 <tbody>
-                    ${n.filter((e) => e !== a && e !== d).filter((e) => t[e]).map((e) => {
-    const u = T[e] ?? !0;
-    return R(t[e](r), e, u);
+                    ${r.filter((e) => e !== a && e !== c).filter((e) => !(l && e === s.skip)).filter((e) => i[e]).map((e) => {
+    const C = w[e] ?? !0;
+    return g(p(e), e, C);
   }).join(`
                     `)}
                 </tbody>
             </table>
         </td>
-    `, s = t[d](r), p = o + c + s;
-  return y.replace("{-{-PRODUCT_CONTENT-}-}", p);
+    `, f = i[c](t), b = d + u + f;
+  return _.replace("{-{-PRODUCT_CONTENT-}-}", b);
 }
-function D(r, n, l = {}) {
-  return r.map((t, o) => {
-    const i = O(t, n, l);
-    return o > 0 ? m + i : i;
+function N(t, r, n = {}, o = {}) {
+  return t.map((l, i) => {
+    const d = P(l, r, n, o);
+    return i > 0 ? m + d : d;
   }).join("");
 }
 export {
-  O as getListProductCard,
-  D as prepareProductRows
+  P as getListProductCard,
+  N as prepareProductRows
 };

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

@@ -1,8 +1,36 @@
-import { ATTR_CUSTOM_PREFIX as d, ATTR_PRODUCT_IMAGE as u, ATTR_PRODUCT_NAME as p, ATTR_PRODUCT_OLD_PRICE as m, ATTR_PRODUCT_PRICE as b, ATTR_PRODUCT_OMNIBUS_PRICE as T, ATTR_PRODUCT_OMNIBUS_DISCOUNT as _, ATTR_PRODUCT_BUTTON as g } from "../constants/selectors.js";
-function y(t) {
+import { ATTR_PRODUCT_PRICE as c, ATTR_PRODUCT_OLD_PRICE as l, ATTR_CUSTOM_PREFIX as m, ATTR_PRODUCT_IMAGE as p, ATTR_PRODUCT_NAME as b, ATTR_PRODUCT_OMNIBUS_PRICE as g, ATTR_PRODUCT_OMNIBUS_DISCOUNT as f, ATTR_PRODUCT_BUTTON as T } from "../constants/selectors.js";
+import { useRecommendationExtensionStore as D } from "../store/recommendation.js";
+import { formatPrice as P } from "../utils/priceFormatter.js";
+function S() {
+  const t = D(), { currencySettings: e } = t.recommendationConfigs;
+  return {
+    code: e.value,
+    symbol: e.symbol,
+    alignment: e.alignment === "0" ? "before" : "after",
+    decimalCount: parseInt(e.decimalCount) || 2,
+    decimalSeparator: e.decimalSeparator,
+    thousandSeparator: e.thousandSeparator
+  };
+}
+function w(t, e = "price") {
+  const r = S(), n = t[e], o = (n == null ? void 0 : n[r.code]) ?? Object.values(n ?? {})[0] ?? 0;
+  return P({
+    price: o,
+    currency: r
+  });
+}
+function h(t) {
   return t.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
 }
-function U(t) {
+function N(t) {
+  const e = t.indexOf(c), r = t.indexOf(l), n = r !== -1 && (e === -1 || r < e);
+  return {
+    originalFirst: n,
+    anchor: n ? l : c,
+    skip: n ? c : l
+  };
+}
+function I(t) {
   const e = Array.isArray(t) ? t[t.length - 1] : t;
   if (typeof e == "string")
     return e;
@@ -10,57 +38,57 @@ function U(t) {
     return String(e);
 }
 function C(t, e) {
-  const n = Object.values(e).find((r) => r.attributeName === t);
-  return (n == null ? void 0 : n.type) === "defaultAttribute";
+  const r = Object.values(e).find((n) => n.attributeName === t);
+  return (r == null ? void 0 : r.type) === "defaultAttribute";
 }
-function h(t, e) {
+function U(t, e) {
   return C(t, e) ? t : `product_attribute.${t}`;
 }
-const P = Symbol("customCellHtml");
-function L(t, e, n = {}) {
-  const r = t[P];
-  if (!r)
+const E = Symbol("customCellHtml");
+function v(t, e, r = {}) {
+  const n = t[E];
+  if (!n)
     return { ...t };
-  const i = { ...t };
-  return e.filter((o) => o.startsWith(d) && !i[o]).forEach((o) => {
-    const s = o.substring(d.length), l = y(s), A = h(s, n), R = C(s, n);
-    i[o] = (c) => {
-      var a;
-      const D = R ? c[s] : (a = c.product_attributes) == null ? void 0 : a[s], O = U(D) ?? l;
-      return r(A, O);
+  const o = { ...t };
+  return e.filter((s) => s.startsWith(m) && !o[s]).forEach((s) => {
+    const i = s.substring(m.length), a = h(i), y = U(i, r), O = C(i, r);
+    o[s] = (d) => {
+      var u;
+      const R = O ? d[i] : (u = d.product_attributes) == null ? void 0 : u[i], A = I(R) ?? a;
+      return n(y, A);
     };
-  }), i;
+  }), o;
 }
-const M = {
+const B = {
   TITLE: "You May Also Like!"
-}, $ = [
-  u,
+}, F = [
   p,
-  m,
   b,
-  T,
-  _,
-  g
-], w = {
-  [u]: !0,
+  l,
+  c,
+  g,
+  f,
+  T
+], V = {
   [p]: !0,
   [b]: !0,
-  [m]: !0,
-  [T]: !1,
-  [_]: !1,
-  [g]: !0
-}, I = `
+  [c]: !0,
+  [l]: !0,
+  [g]: !1,
+  [f]: !1,
+  [T]: !0
+}, L = `
     <tr>
         <td class="spacer" style="height: 10px;"></td>
     </tr>
-`, f = "https://email-static.useinsider.com/stripo/modules/email-recommendation-v3/assets/images/image-placeholder.png";
-function N(t) {
-  return !t || typeof t != "string" || t.trim() === "" ? f : t.startsWith("http://") ? t.replace("http://", "https://") : t;
+`, _ = "https://email-static.useinsider.com/stripo/modules/email-recommendation-v3/assets/images/image-placeholder.png";
+function H(t) {
+  return !t || typeof t != "string" || t.trim() === "" ? _ : t.startsWith("http://") ? t.replace("http://", "https://") : t;
 }
-function E(t) {
+function x(t) {
   return {
     name: "Product Name",
-    image_url: f,
+    image_url: _,
     price: { USD: 18 },
     original_price: { USD: 20 },
     discount: { USD: 2 },
@@ -72,19 +100,19 @@ function E(t) {
     category: []
   };
 }
-function k(t = 6) {
+function W(t = 6) {
   return Array.from(
     { length: t },
-    (e, n) => E(String(n + 1))
+    (e, r) => x(String(r + 1))
   );
 }
-function x(t = "grid", e) {
-  const n = t === "list" ? `
-        data-layout="list"` : "", r = e ? ` ${e}` : "";
+function j(t = "grid", e) {
+  const r = t === "list" ? `
+        data-layout="list"` : "", n = e ? ` ${e}` : "";
   return `
     <td
         align="left"
-        class="${`recommendation-block-v2 esd-block-recommendation-v3-block es-p20${t === "list" ? " es-m-p0 ins-recommendation-list-layout" : ""}${r}`}"${n}>
+        class="${`recommendation-block-v2 esd-block-recommendation-v3-block es-p20${t === "list" ? " es-m-p0 ins-recommendation-list-layout" : ""}${n}`}"${r}>
         <table width="100%" cellpadding="0" cellspacing="0" border="0">
             <tr>
                 <td align="center">
@@ -116,7 +144,7 @@ function x(t = "grid", e) {
                                     </table>
                                 </td>
                             </tr>
-                            ${I}
+                            ${L}
                             <tr>
                                 <td>
                                     <table
@@ -155,18 +183,21 @@ function x(t = "grid", e) {
 `;
 }
 export {
-  P as CUSTOM_CELL_HTML,
-  M as DEFAULTS,
-  $ as DEFAULT_CARD_COMPOSITION,
-  w as DEFAULT_CARD_VISIBILITY,
-  f as PLACEHOLDER_IMAGE,
-  L as buildElementRenderer,
-  x as createBlockTemplate,
-  k as getDefaultProducts,
+  E as CUSTOM_CELL_HTML,
+  B as DEFAULTS,
+  F as DEFAULT_CARD_COMPOSITION,
+  V as DEFAULT_CARD_VISIBILITY,
+  _ as PLACEHOLDER_IMAGE,
+  v as buildElementRenderer,
+  j as createBlockTemplate,
+  w as formatProductPrice,
+  S as getCurrentCurrencyConfig,
+  W as getDefaultProducts,
   C as isDefaultAttribute,
-  h as resolveProductAttrValue,
-  N as sanitizeImageUrl,
-  I as spacer,
-  y as toDisplayName,
-  U as toDisplayableAttributeValue
+  N as resolveInlinePriceOrder,
+  U as resolveProductAttrValue,
+  H as sanitizeImageUrl,
+  L as spacer,
+  h as toDisplayName,
+  I as toDisplayableAttributeValue
 };

package/dist/services/recommendationApi.js

@@ -1,52 +1,40 @@
-import { useHttp as d } from "../composables/useHttp.js";
-import { QUERY_PARAMS as l, URLS as u } from "../enums/extensions/recommendationBlock.js";
-const R = (o) => o.reduce(
-  (a, t, s) => (a[s] = {
-    attributeName: t.attributeName,
-    attributeJs: t.attributeJs,
-    attributeType: t.attributeType,
-    type: t.type,
-    displayName: t.displayName,
-    isFilterable: t.isFilterable
-  }, a),
-  {}
-), f = () => {
-  const { get: o } = d(), { get: a } = d({ headers: {} }), t = "6KcLM9TwheVB1mgK";
+import { useHttp as a } from "../composables/useHttp.js";
+import { QUERY_PARAMS as d, URLS as h } from "../enums/extensions/recommendationBlock.js";
+const y = () => {
+  const { get: r } = a(), { get: s } = a({ headers: {} }), m = "6KcLM9TwheVB1mgK";
   return {
     fetchRecommendationCreateData: async () => {
       try {
-        return (await o("/newsletter/recommendations/create-data")).data;
+        return (await r("/newsletter/recommendations/create-data")).data;
       } catch (e) {
         throw console.error("fetchUserModalState error:", e), e;
       }
     },
     fetchRecommendationFilters: async () => {
       try {
-        const { data: e } = await o(
-          u.PRODUCT_ATTRIBUTES_PATH
-        ), n = Array.isArray(e) ? e : (e == null ? void 0 : e.data) ?? [];
-        return R(n);
+        const { data: e } = await r("/stripo/email-recommendation-attributes");
+        return e;
       } catch (e) {
         throw console.error("fetchRecommendationFilters error:", e), e;
       }
     },
-    fetchRecommendationProducts: async (e, n) => {
-      var i;
+    fetchRecommendationProducts: async (e, i) => {
+      var n;
       try {
-        const r = new URLSearchParams(Object.entries(n));
-        r.set(l.CLIENT_ID, t);
-        const m = decodeURIComponent(r.toString());
-        console.debug("🏁 Recommendation API Query:", m);
-        const c = await a(
-          `${u.RECOMMENDATION_API_URL}/v2/${e}?${m}`
+        const t = new URLSearchParams(Object.entries(i));
+        t.set(d.CLIENT_ID, m);
+        const c = decodeURIComponent(t.toString());
+        console.debug("🏁 Recommendation API Query:", c);
+        const o = await s(
+          `${h.RECOMMENDATION_API_URL}/v2/${e}?${c}`
         );
-        return ((i = c == null ? void 0 : c.data) == null ? void 0 : i.data) ?? [];
-      } catch (r) {
-        throw console.error("fetchRecommendationProducts error:", r), r;
+        return ((n = o == null ? void 0 : o.data) == null ? void 0 : n.data) ?? [];
+      } catch (t) {
+        throw console.error("fetchRecommendationProducts error:", t), t;
       }
     }
   };
 };
 export {
-  f as useRecommendationApi
+  y as useRecommendationApi
 };

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/enums/extensions/recommendationBlock.d.ts

@@ -2,7 +2,6 @@ import type { TextValueObject } from '@@/Types/generic';
 import type { RecommendationFeedItem } from '@@/Types/recommendation';
 export declare const URLS: {
     RECOMMENDATION_API_URL: string;
-    PRODUCT_ATTRIBUTES_PATH: string;
 };
 export declare const QUERY_PARAMS: {
     CLIENT_ID: string;

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

@@ -104,6 +104,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/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;
     /**

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

@@ -9,7 +9,7 @@
  * // Or individual imports
  * import { NameAlignControl, ButtonColorControl } from './controls';
  */
-export { RecommendationBlockControl, CONTROL_BLOCK_ID, AlgorithmControl, ALGORITHM_CONTROL_ID, LocaleControl, LOCALE_CONTROL_ID, CurrencyControl, CURRENCY_CONTROL_ID, ProductCountControl, PRODUCT_COUNT_CONTROL_ID, ProductLayoutControl, PRODUCT_LAYOUT_CONTROL_ID, FiltersControl, FILTERS_CONTROL_ID, ShuffleControl, SHUFFLE_CONTROL_ID, LayoutOrientationControl, LAYOUT_ORIENTATION_CONTROL_ID, } from './main';
+export { RecommendationBlockControl, CONTROL_BLOCK_ID, AlgorithmControl, ALGORITHM_CONTROL_ID, LocaleControl, LOCALE_CONTROL_ID, CurrencyControl, CURRENCY_CONTROL_ID, ProductCountControl, PRODUCT_COUNT_CONTROL_ID, ProductLayoutControl, PRODUCT_LAYOUT_CONTROL_ID, FiltersControl, FILTERS_CONTROL_ID, ShuffleControl, SHUFFLE_CONTROL_ID, LayoutOrientationControl, LAYOUT_ORIENTATION_CONTROL_ID, PricePlacementControl, PRICE_PLACEMENT_CONTROL_ID, } from './main';
 export * from './main/utils';
 export { NameControls } from './name';
 export { PriceControls } from './price';

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

@@ -5,11 +5,12 @@ import { CurrencyControl, CURRENCY_CONTROL_ID } from './currency';
 import { FiltersControl, FILTERS_CONTROL_ID } from './filters';
 import { LayoutOrientationControl, LAYOUT_ORIENTATION_CONTROL_ID } from './layoutOrientation';
 import { LocaleControl, LOCALE_CONTROL_ID } from './locale';
+import { PricePlacementControl, PRICE_PLACEMENT_CONTROL_ID } from './pricePlacement';
 import { ProductCountControl, PRODUCT_COUNT_CONTROL_ID } from './productCount';
 import { ProductLayoutControl, PRODUCT_LAYOUT_CONTROL_ID } from './productLayout';
 import { ShuffleControl, SHUFFLE_CONTROL_ID } from './shuffle';
 export declare const CONTROL_BLOCK_ID = "ui-elements-recommendation-block";
-export { AlgorithmControl, ALGORITHM_CONTROL_ID, LocaleControl, LOCALE_CONTROL_ID, CurrencyControl, CURRENCY_CONTROL_ID, ProductCountControl, PRODUCT_COUNT_CONTROL_ID, ProductLayoutControl, PRODUCT_LAYOUT_CONTROL_ID, FiltersControl, FILTERS_CONTROL_ID, ShuffleControl, SHUFFLE_CONTROL_ID, LayoutOrientationControl, LAYOUT_ORIENTATION_CONTROL_ID, };
+export { AlgorithmControl, ALGORITHM_CONTROL_ID, LocaleControl, LOCALE_CONTROL_ID, CurrencyControl, CURRENCY_CONTROL_ID, ProductCountControl, PRODUCT_COUNT_CONTROL_ID, ProductLayoutControl, PRODUCT_LAYOUT_CONTROL_ID, FiltersControl, FILTERS_CONTROL_ID, ShuffleControl, SHUFFLE_CONTROL_ID, LayoutOrientationControl, LAYOUT_ORIENTATION_CONTROL_ID, PricePlacementControl, PRICE_PLACEMENT_CONTROL_ID, };
 export * from './utils';
 /**
  * Main recommendation block control that composes all sub-controls
@@ -25,6 +26,7 @@ export declare class RecommendationBlockControl extends CommonControl {
     private productLayoutControl;
     private filtersControl;
     private shuffleControl;
+    private pricePlacementControl;
     private layoutOrientationControl;
     getId(): string;
     getTemplate(): string;

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

@@ -0,0 +1,59 @@
+/**
+ * Price Placement Control
+ *
+ * Two block-level price settings ported from the legacy product block, shown
+ * above the Currency control in the main Settings tab:
+ *
+ * - "Product Price Orientation" (`priceMovedToNextLine`): a vertical/horizontal
+ *   icon radio (mirrors the Items block control). `vertical` (default) keeps the
+ *   price and original price on separate stacked rows (current Guido look);
+ *   `horizontal` renders them inline on the same line and Card Composition
+ *   collapses them into a single "Product Prices" entry.
+ * - "Hide if same as discounted" (`priceHideIfSameAsDiscounted`): a toggle.
+ *   When ON, email-service blanks the redundant original price at send time when
+ *   it equals the sale price (see the `hide-price` block attribute below).
+ *
+ * Orientation re-renders the rows (it changes the saved template layout).
+ * Hide-if-same NEVER touches the template — it only persists config + stamps the
+ * `hide-price` attribute; the visual hide is simulated in the preview and applied
+ * for real server-side by email-service.
+ */
+import type { RecommendationNodeConfig } from '../../types/nodeConfig';
+import type { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+import { CommonControl } from '../../../common-control';
+export declare const PRICE_PLACEMENT_CONTROL_ID = "recommendation-price-placement-control";
+type Orientation = 'vertical' | 'horizontal';
+/**
+ * Control for the block-level price orientation radio + hide-if-same toggle.
+ */
+export declare class PricePlacementControl extends CommonControl {
+    private store;
+    getId(): string;
+    getTemplate(): string;
+    onRender(): void;
+    onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
+    _setFormValues(config: RecommendationNodeConfig): void;
+    _initializeHideToggle(config: RecommendationNodeConfig): void;
+    /**
+     * Disables the orientation radio when a price element is hidden via Card
+     * Composition — orientation is meaningless without both prices visible.
+     * Visibility lives on the attribute rows' `data-visibility` (set by the Card
+     * Composition control). Inline mode has no standalone original-price row, so
+     * the merged "Product Prices" entry (the price row) governs.
+     */
+    _updateOrientationDisabled(): void;
+    _onOrientationChange(orientation: Orientation): void;
+    _onHideIfSameChange(value: boolean): void;
+    /**
+     * Mirrors the hide-if-same flag onto the durable `hide-price` block attribute
+     * read by email-service at send time.
+     */
+    _stampHideIfSameAttr(value: boolean): void;
+    /**
+     * Rebuilds the product rows so the renderer re-reads the inline/stacked
+     * layout flag from the store. Used by the orientation change only.
+     */
+    _regenerate(): void;
+    _listenToFormUpdates(): void;
+}
+export {};

package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts

@@ -24,6 +24,8 @@ export interface PerBlockConfigs {
     unresponsive: boolean;
     size: string;
     customAttributes: string[];
+    priceMovedToNextLine: boolean;
+    priceHideIfSameAsDiscounted: boolean;
 }
 interface PerBlockState {
     recommendationConfigs: PerBlockConfigs;

package/dist/src/extensions/Blocks/Recommendation/templates/grid/elementRenderer.d.ts

@@ -1,3 +1,4 @@
+import type { RecommendationProduct } from '@@/Types/recommendation';
 import { type ElementRenderer } from '../utils';
 /**
  * Grid element renderer
@@ -24,4 +25,19 @@ export declare const ATTRIBUTE_CELL_CLASS = "attribute-cell";
  * card-composition control so both render identical filler markup.
  */
 export declare function buildFillerCell(columnWidth: string, padding?: string): string;
+/**
+ * Renders the inline price cell used when "Move to next line" is OFF: the sale
+ * price and original price sit side by side in a single attribute cell, each
+ * keeping its own `esd-extension-block-id` + `product-*` class so the per-element
+ * style controls and the compiler keep working.
+ *
+ * `originalFirst` preserves the card-composition order (original before sale when
+ * `productOldPrice` precedes `productPrice` in the composition) so the side-by-side
+ * order matches the stacked order.
+ */
+export declare function renderInlineGridPriceCell(product: RecommendationProduct, originalFirst?: boolean): string;
+/**
+ * Standalone (stacked) original-price cell.
+ */
+export declare function renderGridOldPriceCell(product: RecommendationProduct): string;
 export declare const gridElementRenderer: ElementRenderer;