@useinsider/guido 3.7.0-beta.24bdfa3 → 3.7.0-beta.340a6d3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/dist/@types/config/schemas.js +66 -70
  2. package/dist/composables/usePreviewMode.js +14 -15
  3. package/dist/config/compiler/utils/recommendationCompilerUtils.js +82 -90
  4. package/dist/config/migrator/recommendation/htmlBuilder.js +58 -59
  5. package/dist/config/migrator/recommendation/settingsMapper.js +33 -38
  6. package/dist/extensions/Blocks/Recommendation/block.js +43 -59
  7. package/dist/extensions/Blocks/Recommendation/constants/defaultConfig.js +32 -41
  8. package/dist/extensions/Blocks/Recommendation/controls/cardComposition/index.js +313 -377
  9. package/dist/extensions/Blocks/Recommendation/controls/main/index.js +72 -84
  10. package/dist/extensions/Blocks/Recommendation/controls/main/utils.js +66 -68
  11. package/dist/extensions/Blocks/Recommendation/iconsRegistry.js +7 -21
  12. package/dist/extensions/Blocks/Recommendation/recommendation.css.js +4 -64
  13. package/dist/extensions/Blocks/Recommendation/store/recommendation.js +5 -7
  14. package/dist/extensions/Blocks/Recommendation/templates/grid/elementRenderer.js +72 -101
  15. package/dist/extensions/Blocks/Recommendation/templates/grid/template.js +30 -31
  16. package/dist/extensions/Blocks/Recommendation/templates/index.js +7 -9
  17. package/dist/extensions/Blocks/Recommendation/templates/list/elementRenderer.js +59 -74
  18. package/dist/extensions/Blocks/Recommendation/templates/list/template.js +21 -21
  19. package/dist/extensions/Blocks/Recommendation/templates/utils.js +57 -88
  20. package/dist/src/@types/config/schemas.d.ts +0 -16
  21. package/dist/src/composables/useConfig.d.ts +0 -4
  22. package/dist/src/config/migrator/recommendation/settingsMapper.d.ts +1 -1
  23. package/dist/src/extensions/Blocks/Recommendation/block.d.ts +0 -10
  24. package/dist/src/extensions/Blocks/Recommendation/controls/cardComposition/index.d.ts +3 -29
  25. package/dist/src/extensions/Blocks/Recommendation/controls/index.d.ts +1 -1
  26. package/dist/src/extensions/Blocks/Recommendation/controls/main/index.d.ts +1 -3
  27. package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts +0 -2
  28. package/dist/src/extensions/Blocks/Recommendation/templates/grid/elementRenderer.d.ts +0 -16
  29. package/dist/src/extensions/Blocks/Recommendation/templates/grid/template.d.ts +4 -4
  30. package/dist/src/extensions/Blocks/Recommendation/templates/list/elementRenderer.d.ts +0 -13
  31. package/dist/src/extensions/Blocks/Recommendation/templates/list/template.d.ts +2 -3
  32. package/dist/src/extensions/Blocks/Recommendation/templates/utils.d.ts +1 -33
  33. package/dist/src/extensions/Blocks/Recommendation/types/nodeConfig.d.ts +0 -15
  34. package/dist/src/stores/config.d.ts +0 -36
  35. package/package.json +1 -1
  36. package/dist/composables/useRecommendationPreview.js +0 -100
  37. package/dist/extensions/Blocks/Recommendation/controls/main/pricePlacement.js +0 -133
  38. package/dist/src/composables/useRecommendationPreview.d.ts +0 -10
  39. package/dist/src/composables/useRecommendationPreview.test.d.ts +0 -1
  40. package/dist/src/extensions/Blocks/Recommendation/controls/main/pricePlacement.d.ts +0 -59
@@ -1,69 +1,43 @@
1
- import { RecommendationBlockId as e } from "../../constants/blockIds.js";
2
- import { ATTR_PRODUCT_ATTR as g, ATTR_PRODUCT_BUTTON as d, CSS_CLASS_RECO_BUTTON as p, ATTR_PRODUCT_IMAGE as b, ATTR_PRODUCT_OMNIBUS_DISCOUNT as u, ATTR_PRODUCT_OMNIBUS_PRICE as f, ATTR_PRODUCT_OLD_PRICE as m, ATTR_PRODUCT_PRICE as x, ATTR_PRODUCT_NAME as T } from "../../constants/selectors.js";
3
- import { formatProductPrice as r, CUSTOM_CELL_HTML as _, getCurrentCurrencyConfig as $, sanitizeImageUrl as C } from "../utils.js";
4
- function R(t) {
5
- const o = `<s><strong>${r(t, "original_price")}</strong></s>`;
6
- return `
7
- <tr>
8
- <td
9
- class="esd-block-text product-old-price"
10
- esd-extension-block-id="${e.OLD_PRICE}"
11
- align="left">
12
- <p
13
- contenteditable="false"
14
- style="font-size: 14px; color: #999999; margin: 0;">
15
- ${o}
16
- </p>
17
- </td>
18
- </tr>
19
- `;
1
+ import { RecommendationBlockId as o } from "../../constants/blockIds.js";
2
+ import { ATTR_PRODUCT_ATTR as u, ATTR_PRODUCT_BUTTON as c, CSS_CLASS_RECO_BUTTON as d, ATTR_PRODUCT_IMAGE as p, ATTR_PRODUCT_OMNIBUS_DISCOUNT as g, ATTR_PRODUCT_OMNIBUS_PRICE as f, ATTR_PRODUCT_OLD_PRICE as T, ATTR_PRODUCT_PRICE as x, ATTR_PRODUCT_NAME as _ } from "../../constants/selectors.js";
3
+ import { useRecommendationExtensionStore as C } from "../../store/recommendation.js";
4
+ import { formatPrice as R } from "../../utils/priceFormatter.js";
5
+ import { CUSTOM_CELL_HTML as O, sanitizeImageUrl as $ } from "../utils.js";
6
+ function b() {
7
+ const t = C(), { currencySettings: e } = t.recommendationConfigs;
8
+ return {
9
+ code: e.value,
10
+ symbol: e.symbol,
11
+ alignment: e.alignment === "0" ? "before" : "after",
12
+ decimalCount: parseInt(e.decimalCount) || 2,
13
+ decimalSeparator: e.decimalSeparator,
14
+ thousandSeparator: e.thousandSeparator
15
+ };
20
16
  }
21
- function y(t, o = !0) {
22
- const n = `<s><strong>${r(t, "original_price")}</strong></s>`, l = (s) => `<td
23
- class="esd-block-text product-price"
24
- esd-extension-block-id="${e.PRICE}"
25
- align="left"
26
- valign="middle"
27
- style="width: auto;${s}">
28
- <p contenteditable="false" style="font-size: 16px; color: #333333; font-weight: bold; margin: 0;">
29
- <strong>${r(t, "price")}</strong>
30
- </p>
31
- </td>`, i = (s) => `<td
32
- class="esd-block-text product-old-price"
33
- esd-extension-block-id="${e.OLD_PRICE}"
34
- align="left"
35
- valign="middle"
36
- style="width: auto;${s}">
37
- <p
38
- contenteditable="false"
39
- style="font-size: 14px; color: #999999; margin: 0;">
40
- ${n}
41
- </p>
42
- </td>`, c = o ? i(" padding-right: 8px;") : l(" padding-right: 8px;"), a = o ? l("") : i("");
43
- return `
44
- <tr>
45
- ${c}
46
- ${a}
47
- </tr>
48
- `;
17
+ function r(t, e = "price") {
18
+ const n = b(), s = t[e], a = (s == null ? void 0 : s[n.code]) ?? Object.values(s ?? {})[0] ?? 0;
19
+ return R({
20
+ price: a,
21
+ currency: n
22
+ });
49
23
  }
50
- const h = {
24
+ const I = {
51
25
  /**
52
26
  * Image cell - left column (120px fixed width)
53
27
  * Has recommendation-attribute-row class and data attributes for Card Composition control
54
28
  */
55
- [b]: (t) => `
29
+ [p]: (t) => `
56
30
  <td
57
31
  width="120"
58
32
  class="esd-block-image product-image-cell recommendation-attribute-row es-p5"
59
- esd-extension-block-id="${e.IMAGE}"
60
- data-attribute-type="${b}"
33
+ esd-extension-block-id="${o.IMAGE}"
34
+ data-attribute-type="${p}"
61
35
  data-visibility="1"
62
36
  align="center"
63
37
  valign="middle">
64
- <a target="_blank" href="${t.url}" class="${p}">
38
+ <a target="_blank" href="${t.url}" class="${d}">
65
39
  <img
66
- src="${C(t.image_url)}"
40
+ src="${$(t.image_url)}"
67
41
  alt="${t.name}"
68
42
  style="display: block; max-width: 100%; height: auto;"
69
43
  class="adapt-img product-image">
@@ -73,11 +47,11 @@ const h = {
73
47
  /**
74
48
  * Name element - row for info cell table
75
49
  */
76
- [T]: (t) => `
50
+ [_]: (t) => `
77
51
  <tr>
78
52
  <td
79
53
  class="esd-block-text product-name"
80
- esd-extension-block-id="${e.NAME}"
54
+ esd-extension-block-id="${o.NAME}"
81
55
  align="left">
82
56
  <p contenteditable="false" style="font-size: 16px; color: #333333; font-weight: 600; margin: 0;">
83
57
  <strong>${t.name}</strong>
@@ -92,7 +66,7 @@ const h = {
92
66
  <tr>
93
67
  <td
94
68
  class="esd-block-text product-price"
95
- esd-extension-block-id="${e.PRICE}"
69
+ esd-extension-block-id="${o.PRICE}"
96
70
  align="left">
97
71
  <p contenteditable="false" style="font-size: 16px; color: #333333; font-weight: bold; margin: 0;">
98
72
  <strong>${r(t, "price")}</strong>
@@ -103,7 +77,20 @@ const h = {
103
77
  /**
104
78
  * Old price element - row for info cell table
105
79
  */
106
- [m]: (t) => R(t),
80
+ [T]: (t) => `
81
+ <tr>
82
+ <td
83
+ class="esd-block-text product-old-price"
84
+ esd-extension-block-id="${o.OLD_PRICE}"
85
+ align="left">
86
+ <p
87
+ contenteditable="false"
88
+ style="font-size: 14px; color: #999999; margin: 0;">
89
+ <s><strong>${r(t, "original_price")}</strong></s>
90
+ </p>
91
+ </td>
92
+ </tr>
93
+ `,
107
94
  /**
108
95
  * Omnibus price element - row for info cell table
109
96
  */
@@ -113,7 +100,7 @@ const h = {
113
100
  class="esd-block-text product-omnibus-price"
114
101
  data-text-before="Lowest 30-day price: "
115
102
  data-text-after=""
116
- esd-extension-block-id="${e.OMNIBUS_PRICE}"
103
+ esd-extension-block-id="${o.OMNIBUS_PRICE}"
117
104
  align="left">
118
105
  <p contenteditable="false" style="font-size: 12px; color: #666666; margin: 0;">
119
106
  <span class="omnibus-text-before">Lowest 30-day price: </span>
@@ -126,20 +113,20 @@ const h = {
126
113
  /**
127
114
  * Omnibus discount element - row for info cell table
128
115
  */
129
- [u]: (t) => {
130
- var a, s;
131
- const o = $(), n = ((a = t.original_price) == null ? void 0 : a[o.code]) ?? Object.values(t.original_price ?? {})[0] ?? 0, l = ((s = t.price) == null ? void 0 : s[o.code]) ?? Object.values(t.price ?? {})[0] ?? 0, i = n > 0 ? Math.round((n - l) / n * 100) : 0, c = i > 0 ? `-${i}%` : "0%";
116
+ [g]: (t) => {
117
+ var i, l;
118
+ const e = b(), n = ((i = t.original_price) == null ? void 0 : i[e.code]) ?? Object.values(t.original_price ?? {})[0] ?? 0, s = ((l = t.price) == null ? void 0 : l[e.code]) ?? Object.values(t.price ?? {})[0] ?? 0, a = n > 0 ? Math.round((n - s) / n * 100) : 0, m = a > 0 ? `-${a}%` : "0%";
132
119
  return `
133
120
  <tr>
134
121
  <td
135
122
  class="esd-block-text product-omnibus-discount"
136
123
  data-text-before=""
137
124
  data-text-after=""
138
- esd-extension-block-id="${e.OMNIBUS_DISCOUNT}"
125
+ esd-extension-block-id="${o.OMNIBUS_DISCOUNT}"
139
126
  align="left">
140
127
  <p contenteditable="false" style="font-size: 12px; color: #666666; margin: 0;">
141
128
  <span class="omnibus-text-before"></span>
142
- <span class="omnibus-discount-value">${c}</span>
129
+ <span class="omnibus-discount-value">${m}</span>
143
130
  <span class="omnibus-text-after"></span>
144
131
  </p>
145
132
  </td>
@@ -150,12 +137,12 @@ const h = {
150
137
  * Button cell - right column (100px fixed width)
151
138
  * Has recommendation-attribute-row class and data attributes for Card Composition control
152
139
  */
153
- [d]: (t) => `
140
+ [c]: (t) => `
154
141
  <td
155
142
  width="100"
156
143
  class="esd-block-button button-cell recommendation-attribute-row product-button es-p5l es-p5r"
157
- esd-extension-block-id="${e.BUTTON}"
158
- data-attribute-type="${d}"
144
+ esd-extension-block-id="${o.BUTTON}"
145
+ data-attribute-type="${c}"
159
146
  data-visibility="1"
160
147
  align="center"
161
148
  valign="middle">
@@ -169,7 +156,7 @@ const h = {
169
156
  <a
170
157
  href="${t.url}"
171
158
  target="_blank"
172
- class="es-button ${p}"
159
+ class="es-button ${d}"
173
160
  style="
174
161
  color: rgb(56, 118, 29);
175
162
  background: rgb(217, 234, 211);
@@ -192,20 +179,18 @@ const h = {
192
179
  * @param productAttrValue - Resolved product-attr value (e.g., "brand" for default, "product_attribute.rating_star" for custom)
193
180
  * @param content - Display content for the cell
194
181
  */
195
- [_]: (t, o) => `
182
+ [O]: (t, e) => `
196
183
  <tr>
197
184
  <td
198
- ${g}="${t}"
185
+ ${u}="${t}"
199
186
  class="esd-block-text product-custom-attribute"
200
- esd-extension-block-id="${e.CUSTOM_ATTRIBUTE}"
187
+ esd-extension-block-id="${o.CUSTOM_ATTRIBUTE}"
201
188
  align="left">
202
- <p contenteditable="false" style="font-size: 12px; color: #666666; margin: 0;">${o}</p>
189
+ <p contenteditable="false" style="font-size: 12px; color: #666666; margin: 0;">${e}</p>
203
190
  </td>
204
191
  </tr>
205
192
  `
206
193
  };
207
194
  export {
208
- h as listElementRenderer,
209
- y as renderInlineListPriceRow,
210
- R as renderListOldPriceRow
195
+ I as listElementRenderer
211
196
  };
@@ -1,14 +1,14 @@
1
- import { ATTR_PRODUCT_IMAGE as a, ATTR_PRODUCT_BUTTON as c } from "../../constants/selectors.js";
2
- import { DEFAULT_CARD_COMPOSITION as R, spacer as m, buildElementRenderer as T, resolveInlinePriceOrder as O, DEFAULT_CARD_VISIBILITY as w } from "../utils.js";
3
- import { listElementRenderer as y, renderInlineListPriceRow as I } from "./elementRenderer.js";
4
- function g(t, r, n) {
5
- const o = n ? "" : ' style="display: none;"', l = t.replace(/<tr>/, "").replace(/<\/tr>/, "");
1
+ import { ATTR_PRODUCT_IMAGE as a, ATTR_PRODUCT_BUTTON as d } from "../../constants/selectors.js";
2
+ import { DEFAULT_CARD_COMPOSITION as b, spacer as m, buildElementRenderer as C, DEFAULT_CARD_VISIBILITY as T } from "../utils.js";
3
+ import { listElementRenderer as f } from "./elementRenderer.js";
4
+ function R(r, n, l) {
5
+ const t = l ? "" : ' style="display: none;"', o = r.replace(/<tr>/, "").replace(/<\/tr>/, "");
6
6
  return `<tr
7
7
  class="recommendation-attribute-row"
8
- data-attribute-type="${r}"
9
- data-visibility="${n ? "1" : "0"}"${o}>${l}</tr>`;
8
+ data-attribute-type="${n}"
9
+ data-visibility="${l ? "1" : "0"}"${t}>${o}</tr>`;
10
10
  }
11
- const _ = `
11
+ const y = `
12
12
  <tr class="recommendation-product-row">
13
13
  <td style="padding: 0 5px;">
14
14
  <table
@@ -26,29 +26,29 @@ const _ = `
26
26
  </td>
27
27
  </tr>
28
28
  `;
29
- function P(t, r = R, n = {}, o = {}) {
30
- 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 = `
29
+ function O(r, n = b, l = {}) {
30
+ const t = C(f, n, l), o = t[a](r), c = `
31
31
  <td class="product-info-cell" valign="middle" style="padding: 15px;">
32
32
  <table cellpadding="0" cellspacing="0" role="presentation" width="100%" style="table-layout: fixed;">
33
33
  <tbody>
34
- ${r.filter((e) => e !== a && e !== c).filter((e) => !(l && e === s.skip)).filter((e) => i[e]).map((e) => {
35
- const C = w[e] ?? !0;
36
- return g(p(e), e, C);
34
+ ${n.filter((e) => e !== a && e !== d).filter((e) => t[e]).map((e) => {
35
+ const u = T[e] ?? !0;
36
+ return R(t[e](r), e, u);
37
37
  }).join(`
38
38
  `)}
39
39
  </tbody>
40
40
  </table>
41
41
  </td>
42
- `, f = i[c](t), b = d + u + f;
43
- return _.replace("{-{-PRODUCT_CONTENT-}-}", b);
42
+ `, s = t[d](r), p = o + c + s;
43
+ return y.replace("{-{-PRODUCT_CONTENT-}-}", p);
44
44
  }
45
- function N(t, r, n = {}, o = {}) {
46
- return t.map((l, i) => {
47
- const d = P(l, r, n, o);
48
- return i > 0 ? m + d : d;
45
+ function D(r, n, l = {}) {
46
+ return r.map((t, o) => {
47
+ const i = O(t, n, l);
48
+ return o > 0 ? m + i : i;
49
49
  }).join("");
50
50
  }
51
51
  export {
52
- P as getListProductCard,
53
- N as prepareProductRows
52
+ O as getListProductCard,
53
+ D as prepareProductRows
54
54
  };
@@ -1,36 +1,8 @@
1
- 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";
2
- import { useRecommendationExtensionStore as D } from "../store/recommendation.js";
3
- import { formatPrice as P } from "../utils/priceFormatter.js";
4
- function S() {
5
- const t = D(), { currencySettings: e } = t.recommendationConfigs;
6
- return {
7
- code: e.value,
8
- symbol: e.symbol,
9
- alignment: e.alignment === "0" ? "before" : "after",
10
- decimalCount: parseInt(e.decimalCount) || 2,
11
- decimalSeparator: e.decimalSeparator,
12
- thousandSeparator: e.thousandSeparator
13
- };
14
- }
15
- function w(t, e = "price") {
16
- const r = S(), n = t[e], o = (n == null ? void 0 : n[r.code]) ?? Object.values(n ?? {})[0] ?? 0;
17
- return P({
18
- price: o,
19
- currency: r
20
- });
21
- }
22
- function h(t) {
1
+ 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";
2
+ function y(t) {
23
3
  return t.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
24
4
  }
25
- function N(t) {
26
- const e = t.indexOf(c), r = t.indexOf(l), n = r !== -1 && (e === -1 || r < e);
27
- return {
28
- originalFirst: n,
29
- anchor: n ? l : c,
30
- skip: n ? c : l
31
- };
32
- }
33
- function I(t) {
5
+ function U(t) {
34
6
  const e = Array.isArray(t) ? t[t.length - 1] : t;
35
7
  if (typeof e == "string")
36
8
  return e;
@@ -38,57 +10,57 @@ function I(t) {
38
10
  return String(e);
39
11
  }
40
12
  function C(t, e) {
41
- const r = Object.values(e).find((n) => n.attributeName === t);
42
- return (r == null ? void 0 : r.type) === "defaultAttribute";
13
+ const n = Object.values(e).find((r) => r.attributeName === t);
14
+ return (n == null ? void 0 : n.type) === "defaultAttribute";
43
15
  }
44
- function U(t, e) {
16
+ function h(t, e) {
45
17
  return C(t, e) ? t : `product_attribute.${t}`;
46
18
  }
47
- const E = Symbol("customCellHtml");
48
- function v(t, e, r = {}) {
49
- const n = t[E];
50
- if (!n)
19
+ const P = Symbol("customCellHtml");
20
+ function L(t, e, n = {}) {
21
+ const r = t[P];
22
+ if (!r)
51
23
  return { ...t };
52
- const o = { ...t };
53
- return e.filter((s) => s.startsWith(m) && !o[s]).forEach((s) => {
54
- const i = s.substring(m.length), a = h(i), y = U(i, r), O = C(i, r);
55
- o[s] = (d) => {
56
- var u;
57
- const R = O ? d[i] : (u = d.product_attributes) == null ? void 0 : u[i], A = I(R) ?? a;
58
- return n(y, A);
24
+ const i = { ...t };
25
+ return e.filter((o) => o.startsWith(d) && !i[o]).forEach((o) => {
26
+ const s = o.substring(d.length), l = y(s), A = h(s, n), R = C(s, n);
27
+ i[o] = (c) => {
28
+ var a;
29
+ const D = R ? c[s] : (a = c.product_attributes) == null ? void 0 : a[s], O = U(D) ?? l;
30
+ return r(A, O);
59
31
  };
60
- }), o;
32
+ }), i;
61
33
  }
62
- const B = {
34
+ const M = {
63
35
  TITLE: "You May Also Like!"
64
- }, F = [
36
+ }, $ = [
37
+ u,
65
38
  p,
39
+ m,
66
40
  b,
67
- l,
68
- c,
69
- g,
70
- f,
71
- T
72
- ], V = {
41
+ T,
42
+ _,
43
+ g
44
+ ], w = {
45
+ [u]: !0,
73
46
  [p]: !0,
74
47
  [b]: !0,
75
- [c]: !0,
76
- [l]: !0,
77
- [g]: !1,
78
- [f]: !1,
79
- [T]: !0
80
- }, L = `
48
+ [m]: !0,
49
+ [T]: !1,
50
+ [_]: !1,
51
+ [g]: !0
52
+ }, I = `
81
53
  <tr>
82
54
  <td class="spacer" style="height: 10px;"></td>
83
55
  </tr>
84
- `, _ = "https://email-static.useinsider.com/stripo/modules/email-recommendation-v3/assets/images/image-placeholder.png";
85
- function H(t) {
86
- return !t || typeof t != "string" || t.trim() === "" ? _ : t.startsWith("http://") ? t.replace("http://", "https://") : t;
56
+ `, f = "https://email-static.useinsider.com/stripo/modules/email-recommendation-v3/assets/images/image-placeholder.png";
57
+ function N(t) {
58
+ return !t || typeof t != "string" || t.trim() === "" ? f : t.startsWith("http://") ? t.replace("http://", "https://") : t;
87
59
  }
88
- function x(t) {
60
+ function E(t) {
89
61
  return {
90
62
  name: "Product Name",
91
- image_url: _,
63
+ image_url: f,
92
64
  price: { USD: 18 },
93
65
  original_price: { USD: 20 },
94
66
  discount: { USD: 2 },
@@ -100,19 +72,19 @@ function x(t) {
100
72
  category: []
101
73
  };
102
74
  }
103
- function W(t = 6) {
75
+ function k(t = 6) {
104
76
  return Array.from(
105
77
  { length: t },
106
- (e, r) => x(String(r + 1))
78
+ (e, n) => E(String(n + 1))
107
79
  );
108
80
  }
109
- function j(t = "grid", e) {
110
- const r = t === "list" ? `
111
- data-layout="list"` : "", n = e ? ` ${e}` : "";
81
+ function x(t = "grid", e) {
82
+ const n = t === "list" ? `
83
+ data-layout="list"` : "", r = e ? ` ${e}` : "";
112
84
  return `
113
85
  <td
114
86
  align="left"
115
- class="${`recommendation-block-v2 esd-block-recommendation-v3-block es-p20${t === "list" ? " es-m-p0 ins-recommendation-list-layout" : ""}${n}`}"${r}>
87
+ class="${`recommendation-block-v2 esd-block-recommendation-v3-block es-p20${t === "list" ? " es-m-p0 ins-recommendation-list-layout" : ""}${r}`}"${n}>
116
88
  <table width="100%" cellpadding="0" cellspacing="0" border="0">
117
89
  <tr>
118
90
  <td align="center">
@@ -144,7 +116,7 @@ function j(t = "grid", e) {
144
116
  </table>
145
117
  </td>
146
118
  </tr>
147
- ${L}
119
+ ${I}
148
120
  <tr>
149
121
  <td>
150
122
  <table
@@ -183,21 +155,18 @@ function j(t = "grid", e) {
183
155
  `;
184
156
  }
185
157
  export {
186
- E as CUSTOM_CELL_HTML,
187
- B as DEFAULTS,
188
- F as DEFAULT_CARD_COMPOSITION,
189
- V as DEFAULT_CARD_VISIBILITY,
190
- _ as PLACEHOLDER_IMAGE,
191
- v as buildElementRenderer,
192
- j as createBlockTemplate,
193
- w as formatProductPrice,
194
- S as getCurrentCurrencyConfig,
195
- W as getDefaultProducts,
158
+ P as CUSTOM_CELL_HTML,
159
+ M as DEFAULTS,
160
+ $ as DEFAULT_CARD_COMPOSITION,
161
+ w as DEFAULT_CARD_VISIBILITY,
162
+ f as PLACEHOLDER_IMAGE,
163
+ L as buildElementRenderer,
164
+ x as createBlockTemplate,
165
+ k as getDefaultProducts,
196
166
  C as isDefaultAttribute,
197
- N as resolveInlinePriceOrder,
198
- U as resolveProductAttrValue,
199
- H as sanitizeImageUrl,
200
- L as spacer,
201
- h as toDisplayName,
202
- I as toDisplayableAttributeValue
167
+ h as resolveProductAttrValue,
168
+ N as sanitizeImageUrl,
169
+ I as spacer,
170
+ y as toDisplayName,
171
+ U as toDisplayableAttributeValue
203
172
  };
@@ -139,10 +139,6 @@ export declare const LegacyRecommendationConfigSchema: v.LooseObjectSchema<{
139
139
  readonly size: v.OptionalSchema<v.UnionSchema<[v.StringSchema<undefined>, v.NumberSchema<undefined>], undefined>, undefined>;
140
140
  /** Vertical responsiveness flag (legacy size=1 variants) */
141
141
  readonly verticalResponsiveness: v.OptionalSchema<v.BooleanSchema<undefined>, undefined>;
142
- /** Legacy "Move to next line" price placement toggle (cardPricePlacement.js) */
143
- readonly isPriceMovedToNextLine: v.OptionalSchema<v.BooleanSchema<undefined>, undefined>;
144
- /** Legacy "Hide if same as discounted" / delete-price-for-zero-sale toggle */
145
- readonly isPriceDeletedForZeroSale: v.OptionalSchema<v.BooleanSchema<undefined>, undefined>;
146
142
  }, undefined>;
147
143
  /**
148
144
  * Migration-only inputs scoped to this template.
@@ -199,10 +195,6 @@ export declare const TemplateMigrationSchema: v.ObjectSchema<{
199
195
  readonly size: v.OptionalSchema<v.UnionSchema<[v.StringSchema<undefined>, v.NumberSchema<undefined>], undefined>, undefined>;
200
196
  /** Vertical responsiveness flag (legacy size=1 variants) */
201
197
  readonly verticalResponsiveness: v.OptionalSchema<v.BooleanSchema<undefined>, undefined>;
202
- /** Legacy "Move to next line" price placement toggle (cardPricePlacement.js) */
203
- readonly isPriceMovedToNextLine: v.OptionalSchema<v.BooleanSchema<undefined>, undefined>;
204
- /** Legacy "Hide if same as discounted" / delete-price-for-zero-sale toggle */
205
- readonly isPriceDeletedForZeroSale: v.OptionalSchema<v.BooleanSchema<undefined>, undefined>;
206
198
  }, undefined>, undefined>, {}>;
207
199
  }, undefined>;
208
200
  /**
@@ -282,10 +274,6 @@ export declare const TemplateSchema: v.ObjectSchema<{
282
274
  readonly size: v.OptionalSchema<v.UnionSchema<[v.StringSchema<undefined>, v.NumberSchema<undefined>], undefined>, undefined>;
283
275
  /** Vertical responsiveness flag (legacy size=1 variants) */
284
276
  readonly verticalResponsiveness: v.OptionalSchema<v.BooleanSchema<undefined>, undefined>;
285
- /** Legacy "Move to next line" price placement toggle (cardPricePlacement.js) */
286
- readonly isPriceMovedToNextLine: v.OptionalSchema<v.BooleanSchema<undefined>, undefined>;
287
- /** Legacy "Hide if same as discounted" / delete-price-for-zero-sale toggle */
288
- readonly isPriceDeletedForZeroSale: v.OptionalSchema<v.BooleanSchema<undefined>, undefined>;
289
277
  }, undefined>, undefined>, {}>;
290
278
  }, undefined>, {}>;
291
279
  }, undefined>;
@@ -677,10 +665,6 @@ export declare const GuidoConfigSchema: v.ObjectSchema<{
677
665
  readonly size: v.OptionalSchema<v.UnionSchema<[v.StringSchema<undefined>, v.NumberSchema<undefined>], undefined>, undefined>;
678
666
  /** Vertical responsiveness flag (legacy size=1 variants) */
679
667
  readonly verticalResponsiveness: v.OptionalSchema<v.BooleanSchema<undefined>, undefined>;
680
- /** Legacy "Move to next line" price placement toggle (cardPricePlacement.js) */
681
- readonly isPriceMovedToNextLine: v.OptionalSchema<v.BooleanSchema<undefined>, undefined>;
682
- /** Legacy "Hide if same as discounted" / delete-price-for-zero-sale toggle */
683
- readonly isPriceDeletedForZeroSale: v.OptionalSchema<v.BooleanSchema<undefined>, undefined>;
684
668
  }, undefined>, undefined>, {}>;
685
669
  }, undefined>, {}>;
686
670
  }, undefined>, {}>;
@@ -60,8 +60,6 @@ export declare const useConfig: () => {
60
60
  blockType?: string | undefined;
61
61
  size?: string | number | undefined;
62
62
  verticalResponsiveness?: boolean | undefined;
63
- isPriceMovedToNextLine?: boolean | undefined;
64
- isPriceDeletedForZeroSale?: boolean | undefined;
65
63
  } & {
66
64
  [key: string]: unknown;
67
65
  };
@@ -188,8 +186,6 @@ export declare const useConfig: () => {
188
186
  blockType?: string | undefined;
189
187
  size?: string | number | undefined;
190
188
  verticalResponsiveness?: boolean | undefined;
191
- isPriceMovedToNextLine?: boolean | undefined;
192
- isPriceDeletedForZeroSale?: boolean | undefined;
193
189
  } & {
194
190
  [key: string]: unknown;
195
191
  };
@@ -3,5 +3,5 @@ import type { CurrencyConfig, RecommendationNodeConfig } from '@@/Extensions/Blo
3
3
  import type { LegacyRecommendationConfig } from '@@/Types/config';
4
4
  /** Defensive against missing/malformed legacy `currencySettings` — defaults are per-field, not whole-object. */
5
5
  export declare function mapCurrency(legacy: unknown): CurrencyConfig;
6
- 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'>;
6
+ 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'>;
7
7
  export declare function mapSettings(recCfg: LegacyRecommendationConfig, parsed: LegacyProductConfig, id: number): SettingsPartial;
@@ -104,16 +104,6 @@ export declare class RecommendationBlock extends Block {
104
104
  * added classes via setAttribute.
105
105
  */
106
106
  private _assignRecommendationId;
107
- /**
108
- * Stamps the `hide-price` attribute (read by email-service at send time) on
109
- * the block element from the config flag.
110
- */
111
- private _stampHidePrice;
112
- /**
113
- * Stamps `hide-price` from config only when the block lacks the attribute —
114
- * heals templates saved before this feature without dirtying current ones.
115
- */
116
- private _healHidePriceAttr;
117
107
  /**
118
108
  * Gets the recommendation-id from a block node
119
109
  */
@@ -43,15 +43,6 @@ export declare class RecommendationCardCompositionControl extends CommonControl
43
43
  */
44
44
  private _tryReorderInPlace;
45
45
  private _createBuiltInItemHtml;
46
- /**
47
- * Inline mode: the merged "Product Prices" group item. It moves as a unit in
48
- * the main list (both keys stay adjacent) and contains a nested 2-item drag
49
- * to reorder Product Price ↔ Product Original Price — which flips the inline
50
- * render order via `resolveInlinePriceOrder`. The group keeps a single
51
- * visibility toggle (`data-action-for="productPrice"`). Nested sub-items use a
52
- * plain drag handle (no UE button → untouched by the reorder-icon rescue).
53
- */
54
- private _createPriceGroupItemHtml;
55
46
  private _createCustomItemHtml;
56
47
  /**
57
48
  * Builds select options from the store's filterList.
@@ -107,23 +98,7 @@ export declare class RecommendationCardCompositionControl extends CommonControl
107
98
  */
108
99
  private _rescueReorderIconsToStore;
109
100
  private _setupEventListeners;
110
- /**
111
- * Builds the composition key order from the orderable list, expanding the
112
- * inline "Product Prices" group into its two sub-keys (in nested DOM order)
113
- * so both price keys stay adjacent and in the user-chosen order.
114
- */
115
- private _extractCompositionOrder;
116
101
  private _setupDragAndDrop;
117
- /**
118
- * Wires drag/drop reordering for one item level on the shared list. Both the
119
- * top-level items and the nested price sub-items use this; they never fight
120
- * because each only sets its `dragged` ref when its own `itemSelector` matches
121
- * at dragstart (and the top-level one additionally ignores drags originating
122
- * inside `ignoreSelector`). Every drop re-reads the full composition via
123
- * `_extractCompositionOrder`, so both levels commit through `_onReorder`
124
- * identically.
125
- */
126
- private _registerDragHandlers;
127
102
  private _setupDeleteHandler;
128
103
  private _onAddAttribute;
129
104
  /**
@@ -180,10 +155,9 @@ export declare class RecommendationCardCompositionControl extends CommonControl
180
155
  private _extractSegmentBgFromCard;
181
156
  private _getControlContainer;
182
157
  /**
183
- * Ensures composition reorder is enabled. Both grid and list layouts now
184
- * support reordering top-level items and the nested price sub-items are all
185
- * draggable. (Items render with `draggable="true"`; this just clears any stale
186
- * disabled state.)
158
+ * Adds/removes orderable-disabled class based on layout orientation.
159
+ * List layout hides drag handles via CSS and disables draggable attribute
160
+ * to prevent native browser drag-and-drop from working without the handle.
187
161
  */
188
162
  private _updateOrderableState;
189
163
  /**