@useinsider/guido 3.8.2-beta.3ad29fb → 3.8.2-beta.6bfa66f
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.
- package/dist/@types/config/schemas.js +66 -70
- package/dist/composables/usePreviewMode.js +14 -15
- package/dist/config/compiler/recommendationCompilerRules.js +1 -1
- package/dist/config/compiler/utils/recommendationCompilerUtils.js +80 -88
- package/dist/config/migrator/recommendation/htmlBuilder.js +52 -53
- package/dist/config/migrator/recommendation/settingsMapper.js +33 -38
- package/dist/extensions/Blocks/Recommendation/block.js +45 -61
- package/dist/extensions/Blocks/Recommendation/constants/defaultConfig.js +32 -41
- package/dist/extensions/Blocks/Recommendation/controls/cardComposition/index.js +289 -353
- package/dist/extensions/Blocks/Recommendation/controls/main/index.js +87 -99
- package/dist/extensions/Blocks/Recommendation/controls/main/utils.js +160 -162
- package/dist/extensions/Blocks/Recommendation/extension.js +29 -30
- package/dist/extensions/Blocks/Recommendation/iconsRegistry.js +7 -21
- package/dist/extensions/Blocks/Recommendation/recommendation.css.js +4 -64
- package/dist/extensions/Blocks/Recommendation/store/recommendation.js +1 -3
- package/dist/extensions/Blocks/Recommendation/templates/grid/elementRenderer.js +96 -130
- package/dist/extensions/Blocks/Recommendation/templates/grid/template.js +54 -43
- package/dist/extensions/Blocks/Recommendation/templates/index.js +14 -17
- package/dist/extensions/Blocks/Recommendation/templates/list/elementRenderer.js +80 -86
- package/dist/extensions/Blocks/Recommendation/templates/list/template.js +40 -31
- package/dist/extensions/Blocks/Recommendation/templates/utils.js +102 -155
- package/dist/extensions/Blocks/controlFactories.js +76 -57
- package/dist/src/@types/config/schemas.d.ts +0 -16
- package/dist/src/composables/useConfig.d.ts +0 -4
- package/dist/src/config/migrator/recommendation/settingsMapper.d.ts +1 -1
- package/dist/src/extensions/Blocks/CouponBlock/controls/index.d.ts +1 -1
- package/dist/src/extensions/Blocks/Items/controls/index.d.ts +3 -3
- package/dist/src/extensions/Blocks/Recommendation/block.d.ts +0 -10
- package/dist/src/extensions/Blocks/Recommendation/controls/cardComposition/index.d.ts +3 -29
- package/dist/src/extensions/Blocks/Recommendation/controls/index.d.ts +1 -1
- package/dist/src/extensions/Blocks/Recommendation/controls/main/index.d.ts +1 -3
- package/dist/src/extensions/Blocks/Recommendation/controls/name/index.d.ts +1 -1
- package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/index.d.ts +1 -1
- package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscount/index.d.ts +1 -1
- package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPrice/index.d.ts +1 -1
- package/dist/src/extensions/Blocks/Recommendation/controls/price/index.d.ts +1 -1
- package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts +0 -2
- package/dist/src/extensions/Blocks/Recommendation/templates/grid/elementRenderer.d.ts +1 -13
- package/dist/src/extensions/Blocks/Recommendation/templates/grid/template.d.ts +4 -4
- package/dist/src/extensions/Blocks/Recommendation/templates/index.d.ts +1 -1
- package/dist/src/extensions/Blocks/Recommendation/templates/list/elementRenderer.d.ts +1 -10
- package/dist/src/extensions/Blocks/Recommendation/templates/list/template.d.ts +3 -3
- package/dist/src/extensions/Blocks/Recommendation/templates/utils.d.ts +1 -51
- package/dist/src/extensions/Blocks/Recommendation/types/nodeConfig.d.ts +0 -15
- package/dist/src/extensions/Blocks/controlFactories.d.ts +10 -1
- package/dist/src/stores/config.d.ts +0 -36
- package/package.json +1 -1
- package/dist/composables/useRecommendationPreview.js +0 -111
- package/dist/extensions/Blocks/Recommendation/canvasPreview.css.js +0 -16
- package/dist/extensions/Blocks/Recommendation/controls/main/pricePlacement.js +0 -133
- package/dist/src/composables/useRecommendationPreview.d.ts +0 -10
- package/dist/src/extensions/Blocks/Recommendation/controls/main/pricePlacement.d.ts +0 -59
|
@@ -1,148 +1,101 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
return
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
return t.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
|
|
27
|
-
}
|
|
28
|
-
function G(t) {
|
|
29
|
-
const e = t.indexOf(c), n = t.indexOf(l), o = n !== -1 && (e === -1 || n < e);
|
|
30
|
-
return {
|
|
31
|
-
originalFirst: o,
|
|
32
|
-
anchor: o ? l : c,
|
|
33
|
-
skip: o ? c : l
|
|
34
|
-
};
|
|
35
|
-
}
|
|
36
|
-
function $(t) {
|
|
37
|
-
const e = Array.isArray(t) ? t[t.length - 1] : t;
|
|
38
|
-
if (typeof e == "string")
|
|
39
|
-
return e;
|
|
40
|
-
if (typeof e == "number")
|
|
41
|
-
return String(e);
|
|
42
|
-
}
|
|
43
|
-
function h(t, e) {
|
|
44
|
-
const n = Object.values(e).find((o) => o.attributeName === t);
|
|
45
|
-
return (n == null ? void 0 : n.type) === "defaultAttribute";
|
|
46
|
-
}
|
|
47
|
-
function L(t, e) {
|
|
48
|
-
return h(t, e) ? t : `${u}${t}`;
|
|
49
|
-
}
|
|
50
|
-
function j(t) {
|
|
51
|
-
const e = t.startsWith(u) ? t.substring(u.length) : t;
|
|
52
|
-
return `${a}${e}`;
|
|
53
|
-
}
|
|
54
|
-
const x = Symbol("customCellHtml");
|
|
55
|
-
function z(t, e, n = {}) {
|
|
56
|
-
const o = t[x];
|
|
1
|
+
import { ATTR_CUSTOM_PREFIX as c, PRODUCT_ATTRIBUTE_PREFIX as l, ATTR_PRODUCT_IMAGE as b, ATTR_PRODUCT_NAME as T, ATTR_PRODUCT_OLD_PRICE as g, ATTR_PRODUCT_PRICE as _, ATTR_PRODUCT_OMNIBUS_PRICE as f, ATTR_PRODUCT_OMNIBUS_DISCOUNT as p, ATTR_PRODUCT_BUTTON as m } from "../constants/selectors.js";
|
|
2
|
+
function U(t) {
|
|
3
|
+
return t.replace(/_/g, " ").replace(/\b\w/g, (n) => n.toUpperCase());
|
|
4
|
+
}
|
|
5
|
+
function S(t) {
|
|
6
|
+
const n = Array.isArray(t) ? t[t.length - 1] : t;
|
|
7
|
+
if (typeof n == "string")
|
|
8
|
+
return n;
|
|
9
|
+
if (typeof n == "number")
|
|
10
|
+
return String(n);
|
|
11
|
+
}
|
|
12
|
+
function C(t, n) {
|
|
13
|
+
const e = Object.values(n).find((o) => o.attributeName === t);
|
|
14
|
+
return (e == null ? void 0 : e.type) === "defaultAttribute";
|
|
15
|
+
}
|
|
16
|
+
function E(t, n) {
|
|
17
|
+
return C(t, n) ? t : `${l}${t}`;
|
|
18
|
+
}
|
|
19
|
+
function M(t) {
|
|
20
|
+
const n = t.startsWith(l) ? t.substring(l.length) : t;
|
|
21
|
+
return `${c}${n}`;
|
|
22
|
+
}
|
|
23
|
+
const P = Symbol("customCellHtml");
|
|
24
|
+
function k(t, n, e = {}) {
|
|
25
|
+
const o = t[P];
|
|
57
26
|
if (!o)
|
|
58
27
|
return { ...t };
|
|
59
|
-
const
|
|
60
|
-
return
|
|
61
|
-
const i =
|
|
62
|
-
r
|
|
63
|
-
var
|
|
64
|
-
const
|
|
65
|
-
return o(
|
|
28
|
+
const s = { ...t };
|
|
29
|
+
return n.filter((r) => r.startsWith(c) && !s[r]).forEach((r) => {
|
|
30
|
+
const i = r.substring(c.length), a = U(i), y = E(i, e), R = C(i, e);
|
|
31
|
+
s[r] = (d, A) => {
|
|
32
|
+
var u;
|
|
33
|
+
const D = R ? d[i] : (u = d.product_attributes) == null ? void 0 : u[i], O = S(D) ?? a;
|
|
34
|
+
return o(y, O, A);
|
|
66
35
|
};
|
|
67
|
-
}),
|
|
68
|
-
}
|
|
69
|
-
function V(t, e) {
|
|
70
|
-
var n, o, r, s, i;
|
|
71
|
-
return {
|
|
72
|
-
cellPadding: e.cellPadding,
|
|
73
|
-
cardBackgroundColor: e.cardBackgroundColor,
|
|
74
|
-
cellBackgroundColor: (n = e.cellBackgroundColors) == null ? void 0 : n[t],
|
|
75
|
-
cellAlignment: (o = e.cellAlignments) == null ? void 0 : o[t],
|
|
76
|
-
cellClasses: (r = e.cellClasses) == null ? void 0 : r[t],
|
|
77
|
-
omnibusText: (s = e.omnibusTexts) == null ? void 0 : s[t],
|
|
78
|
-
styleTemplate: (i = e.styleTemplates) == null ? void 0 : i[t]
|
|
79
|
-
};
|
|
36
|
+
}), s;
|
|
80
37
|
}
|
|
81
|
-
const
|
|
38
|
+
const x = {
|
|
82
39
|
TITLE: "You May Also Like!"
|
|
83
|
-
},
|
|
84
|
-
|
|
40
|
+
}, v = [
|
|
41
|
+
b,
|
|
85
42
|
T,
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
43
|
+
g,
|
|
44
|
+
_,
|
|
45
|
+
f,
|
|
89
46
|
p,
|
|
90
|
-
|
|
91
|
-
],
|
|
92
|
-
[
|
|
47
|
+
m
|
|
48
|
+
], F = {
|
|
49
|
+
[b]: !0,
|
|
93
50
|
[T]: !0,
|
|
94
|
-
[
|
|
95
|
-
[
|
|
96
|
-
[
|
|
51
|
+
[_]: !0,
|
|
52
|
+
[g]: !0,
|
|
53
|
+
[f]: !1,
|
|
97
54
|
[p]: !1,
|
|
98
|
-
[
|
|
99
|
-
},
|
|
100
|
-
function
|
|
55
|
+
[m]: !0
|
|
56
|
+
}, I = 10;
|
|
57
|
+
function $(t = I) {
|
|
101
58
|
return `
|
|
102
59
|
<tr>
|
|
103
60
|
<td class="spacer" style="height: ${t}px;"></td>
|
|
104
61
|
</tr>
|
|
105
62
|
`;
|
|
106
63
|
}
|
|
107
|
-
const
|
|
108
|
-
function w(t,
|
|
109
|
-
return
|
|
64
|
+
const L = $();
|
|
65
|
+
function w(t, n) {
|
|
66
|
+
return n ? n.pStyle ?? "" : t;
|
|
110
67
|
}
|
|
111
|
-
function
|
|
112
|
-
const o = w(
|
|
113
|
-
return `<p contenteditable="false" style="${o}">${
|
|
68
|
+
function W(t, n, e) {
|
|
69
|
+
const o = w(n.pStyle, e), s = e ? e.openTags ?? "" : n.openTags, r = e ? e.closeTags ?? "" : n.closeTags;
|
|
70
|
+
return `<p contenteditable="false" style="${o}">${s}${t}${r}</p>`;
|
|
114
71
|
}
|
|
115
|
-
function
|
|
116
|
-
const
|
|
117
|
-
return t &&
|
|
72
|
+
function H(t, n) {
|
|
73
|
+
const e = [];
|
|
74
|
+
return t && e.push(t), n && e.push(`background-color: ${n};`), e.join(" ");
|
|
118
75
|
}
|
|
119
|
-
function
|
|
120
|
-
return t ? ` background-color: ${t}
|
|
121
|
-
}
|
|
122
|
-
function Z(t) {
|
|
123
|
-
const e = N(t);
|
|
124
|
-
return e ? ` style="${e.trim()}"` : "";
|
|
76
|
+
function Y(t) {
|
|
77
|
+
return t ? ` style="background-color: ${t};"` : "";
|
|
125
78
|
}
|
|
126
|
-
function
|
|
79
|
+
function G(t, n = "") {
|
|
127
80
|
return {
|
|
128
|
-
before: (t == null ? void 0 : t.before) ??
|
|
81
|
+
before: (t == null ? void 0 : t.before) ?? n,
|
|
129
82
|
after: (t == null ? void 0 : t.after) ?? ""
|
|
130
83
|
};
|
|
131
84
|
}
|
|
132
|
-
function
|
|
133
|
-
return `${(
|
|
85
|
+
function z(t, n) {
|
|
86
|
+
return `${(n == null ? void 0 : n.openTags) ?? ""}${t}${(n == null ? void 0 : n.closeTags) ?? ""}`;
|
|
134
87
|
}
|
|
135
|
-
function
|
|
88
|
+
function X(t) {
|
|
136
89
|
return t != null && t.buttonFitToContainer ? "es-button-border es-fw" : "es-button-border";
|
|
137
90
|
}
|
|
138
|
-
const
|
|
139
|
-
function
|
|
140
|
-
return !t || typeof t != "string" || t.trim() === "" ?
|
|
91
|
+
const j = "display: block; max-width: 100%; height: auto;", V = "border-width: 1px; background: rgb(217, 234, 211); border-color: rgb(106, 168, 79);", K = "color: rgb(56, 118, 29); background: rgb(217, 234, 211); font-family: arial, 'helvetica neue', helvetica, sans-serif; font-size: 16px; font-weight: normal; line-height: 120%; mso-border-alt: 10px solid rgb(217, 234, 211); mso-padding-alt: 0;", h = "https://email-static.useinsider.com/stripo/modules/email-recommendation-v3/assets/images/image-placeholder.png";
|
|
92
|
+
function q(t) {
|
|
93
|
+
return !t || typeof t != "string" || t.trim() === "" ? h : t.startsWith("http://") ? t.replace("http://", "https://") : t;
|
|
141
94
|
}
|
|
142
|
-
function
|
|
95
|
+
function B(t) {
|
|
143
96
|
return {
|
|
144
97
|
name: "Product Name",
|
|
145
|
-
image_url:
|
|
98
|
+
image_url: h,
|
|
146
99
|
price: { USD: 18 },
|
|
147
100
|
original_price: { USD: 20 },
|
|
148
101
|
discount: { USD: 2 },
|
|
@@ -154,19 +107,19 @@ function F(t) {
|
|
|
154
107
|
category: []
|
|
155
108
|
};
|
|
156
109
|
}
|
|
157
|
-
function
|
|
110
|
+
function J(t = 6) {
|
|
158
111
|
return Array.from(
|
|
159
112
|
{ length: t },
|
|
160
|
-
(
|
|
113
|
+
(n, e) => B(String(e + 1))
|
|
161
114
|
);
|
|
162
115
|
}
|
|
163
|
-
function
|
|
164
|
-
const
|
|
165
|
-
data-layout="list"` : "", o =
|
|
116
|
+
function Q(t = "grid", n) {
|
|
117
|
+
const e = t === "list" ? `
|
|
118
|
+
data-layout="list"` : "", o = n ? ` ${n}` : "";
|
|
166
119
|
return `
|
|
167
120
|
<td
|
|
168
121
|
align="left"
|
|
169
|
-
class="${`recommendation-block-v2 esd-block-recommendation-v3-block es-p20${t === "list" ? " es-m-p0 ins-recommendation-list-layout" : ""}${o}`}"${
|
|
122
|
+
class="${`recommendation-block-v2 esd-block-recommendation-v3-block es-p20${t === "list" ? " es-m-p0 ins-recommendation-list-layout" : ""}${o}`}"${e}>
|
|
170
123
|
<table width="100%" cellpadding="0" cellspacing="0" border="0">
|
|
171
124
|
<tr>
|
|
172
125
|
<td align="center">
|
|
@@ -198,7 +151,7 @@ function lt(t = "grid", e) {
|
|
|
198
151
|
</table>
|
|
199
152
|
</td>
|
|
200
153
|
</tr>
|
|
201
|
-
${
|
|
154
|
+
${L}
|
|
202
155
|
<tr>
|
|
203
156
|
<td>
|
|
204
157
|
<table
|
|
@@ -237,37 +190,31 @@ function lt(t = "grid", e) {
|
|
|
237
190
|
`;
|
|
238
191
|
}
|
|
239
192
|
export {
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
Y as isSamePrice,
|
|
260
|
-
et as renderButtonLabel,
|
|
261
|
-
J as renderStyledParagraph,
|
|
262
|
-
nt as resolveButtonBorderClass,
|
|
263
|
-
G as resolveInlinePriceOrder,
|
|
264
|
-
tt as resolveOmnibusText,
|
|
193
|
+
P as CUSTOM_CELL_HTML,
|
|
194
|
+
x as DEFAULTS,
|
|
195
|
+
K as DEFAULT_BUTTON_ANCHOR_STYLE,
|
|
196
|
+
V as DEFAULT_BUTTON_BORDER_STYLE,
|
|
197
|
+
v as DEFAULT_CARD_COMPOSITION,
|
|
198
|
+
F as DEFAULT_CARD_VISIBILITY,
|
|
199
|
+
j as DEFAULT_IMG_STYLE,
|
|
200
|
+
I as DEFAULT_ROW_SPACING_PX,
|
|
201
|
+
h as PLACEHOLDER_IMAGE,
|
|
202
|
+
k as buildElementRenderer,
|
|
203
|
+
$ as buildSpacer,
|
|
204
|
+
Y as cellBgStyleAttr,
|
|
205
|
+
Q as createBlockTemplate,
|
|
206
|
+
J as getDefaultProducts,
|
|
207
|
+
C as isDefaultAttribute,
|
|
208
|
+
z as renderButtonLabel,
|
|
209
|
+
W as renderStyledParagraph,
|
|
210
|
+
X as resolveButtonBorderClass,
|
|
211
|
+
G as resolveOmnibusText,
|
|
265
212
|
w as resolvePStyle,
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
213
|
+
E as resolveProductAttrValue,
|
|
214
|
+
H as resolveSegmentBgStyle,
|
|
215
|
+
q as sanitizeImageUrl,
|
|
216
|
+
L as spacer,
|
|
217
|
+
M as toCustomCompositionKey,
|
|
218
|
+
U as toDisplayName,
|
|
219
|
+
S as toDisplayableAttributeValue
|
|
273
220
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { TextAlignBuiltInControl as a, TextColorBuiltInControl as g, TextSizeBuiltInControl as
|
|
2
|
-
const
|
|
3
|
-
function
|
|
1
|
+
import { TextAlignBuiltInControl as a, TextColorBuiltInControl as g, TextSizeBuiltInControl as f, TextStyleBuiltInControl as x, TextFontFamilyBuiltInControl as C, ButtonBackgroundColorBuiltInControl as T, TextPaddingsBuiltInControl as B, ImageSizeBuiltInControl as m, ImageMarginsBuiltInControl as y, ButtonAlignBuiltInControl as I, 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 h, ButtonFitToContainerBuiltInControl as F, TextLineSpacingBuiltInControl as M } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
|
|
2
|
+
const R = "buttonTextStyleForm", _ = "backgroundColor", E = /* @__PURE__ */ new Set(["", "transparent", "rgba(0, 0, 0, 0)"]);
|
|
3
|
+
function z(o, n, r) {
|
|
4
4
|
return class extends a {
|
|
5
5
|
getId() {
|
|
6
6
|
return o;
|
|
@@ -13,7 +13,7 @@ function P(o, n, r) {
|
|
|
13
13
|
}
|
|
14
14
|
};
|
|
15
15
|
}
|
|
16
|
-
function
|
|
16
|
+
function v(o, n, r) {
|
|
17
17
|
return class extends g {
|
|
18
18
|
getId() {
|
|
19
19
|
return o;
|
|
@@ -26,8 +26,8 @@ function _(o, n, r) {
|
|
|
26
26
|
}
|
|
27
27
|
};
|
|
28
28
|
}
|
|
29
|
-
function
|
|
30
|
-
return class extends
|
|
29
|
+
function P(o, n, r) {
|
|
30
|
+
return class extends f {
|
|
31
31
|
getId() {
|
|
32
32
|
return o;
|
|
33
33
|
}
|
|
@@ -39,8 +39,8 @@ function v(o, n, r) {
|
|
|
39
39
|
}
|
|
40
40
|
};
|
|
41
41
|
}
|
|
42
|
-
function
|
|
43
|
-
return class extends
|
|
42
|
+
function D(o, n, r) {
|
|
43
|
+
return class extends x {
|
|
44
44
|
getId() {
|
|
45
45
|
return o;
|
|
46
46
|
}
|
|
@@ -52,7 +52,7 @@ function L(o, n, r) {
|
|
|
52
52
|
}
|
|
53
53
|
};
|
|
54
54
|
}
|
|
55
|
-
function
|
|
55
|
+
function K(o, n, r) {
|
|
56
56
|
return class extends C {
|
|
57
57
|
getId() {
|
|
58
58
|
return o;
|
|
@@ -65,7 +65,7 @@ function R(o, n, r) {
|
|
|
65
65
|
}
|
|
66
66
|
};
|
|
67
67
|
}
|
|
68
|
-
function
|
|
68
|
+
function L(o, n, r) {
|
|
69
69
|
return class extends T {
|
|
70
70
|
getId() {
|
|
71
71
|
return o;
|
|
@@ -76,9 +76,28 @@ function O(o, n, r) {
|
|
|
76
76
|
const t = e.closest(r);
|
|
77
77
|
return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
|
|
78
78
|
}
|
|
79
|
+
/**
|
|
80
|
+
* Mirrors the picked background onto each target cell as an INLINE style.
|
|
81
|
+
*
|
|
82
|
+
* Stripo's built-in applies the background as a stylesheet rule, not inline. On
|
|
83
|
+
* regeneration we re-bake the captured color inline (cellBgStyleAttr); inline then
|
|
84
|
+
* outranks Stripo's rule in the cascade, so a later re-edit silently has no effect
|
|
85
|
+
* (SD-143023). Writing the inline here keeps it the single source of truth and in
|
|
86
|
+
* sync on every edit. Merged into the parent control's single patch (no extra apply).
|
|
87
|
+
*/
|
|
88
|
+
getAdditionalModifications(e) {
|
|
89
|
+
const t = this.getTargetNodes(e);
|
|
90
|
+
if (!t.length)
|
|
91
|
+
return;
|
|
92
|
+
const s = this.api.getValues()[_], i = !s || E.has(s), c = this.api.getDocumentModifier();
|
|
93
|
+
return t.forEach((u) => {
|
|
94
|
+
const l = c.modifyHtml(u);
|
|
95
|
+
i ? l.removeStyle("background-color") : l.setStyle("background-color", s);
|
|
96
|
+
}), c;
|
|
97
|
+
}
|
|
79
98
|
};
|
|
80
99
|
}
|
|
81
|
-
function
|
|
100
|
+
function U(o, n, r) {
|
|
82
101
|
return class extends B {
|
|
83
102
|
getId() {
|
|
84
103
|
return o;
|
|
@@ -91,7 +110,7 @@ function Y(o, n, r) {
|
|
|
91
110
|
}
|
|
92
111
|
};
|
|
93
112
|
}
|
|
94
|
-
function
|
|
113
|
+
function Y(o, n, r) {
|
|
95
114
|
return class extends M {
|
|
96
115
|
getId() {
|
|
97
116
|
return o;
|
|
@@ -101,8 +120,8 @@ function w(o, n, r) {
|
|
|
101
120
|
}
|
|
102
121
|
};
|
|
103
122
|
}
|
|
104
|
-
function
|
|
105
|
-
return class extends
|
|
123
|
+
function w(o, n, r = ".ins-recommendation-product-container") {
|
|
124
|
+
return class extends I {
|
|
106
125
|
getId() {
|
|
107
126
|
return o;
|
|
108
127
|
}
|
|
@@ -112,7 +131,7 @@ function D(o, n, r = ".ins-recommendation-product-container") {
|
|
|
112
131
|
}
|
|
113
132
|
};
|
|
114
133
|
}
|
|
115
|
-
function
|
|
134
|
+
function G(o, n, r = ".ins-recommendation-product-container") {
|
|
116
135
|
return class extends b {
|
|
117
136
|
getId() {
|
|
118
137
|
return o;
|
|
@@ -123,7 +142,7 @@ function H(o, n, r = ".ins-recommendation-product-container") {
|
|
|
123
142
|
}
|
|
124
143
|
};
|
|
125
144
|
}
|
|
126
|
-
function
|
|
145
|
+
function H(o, n, r = ".ins-recommendation-product-container") {
|
|
127
146
|
return class extends S {
|
|
128
147
|
getId() {
|
|
129
148
|
return o;
|
|
@@ -134,7 +153,7 @@ function K(o, n, r = ".ins-recommendation-product-container") {
|
|
|
134
153
|
}
|
|
135
154
|
};
|
|
136
155
|
}
|
|
137
|
-
function
|
|
156
|
+
function V(o, n, r = ".ins-recommendation-product-container") {
|
|
138
157
|
return class extends A {
|
|
139
158
|
getId() {
|
|
140
159
|
return o;
|
|
@@ -145,7 +164,7 @@ function U(o, n, r = ".ins-recommendation-product-container") {
|
|
|
145
164
|
}
|
|
146
165
|
};
|
|
147
166
|
}
|
|
148
|
-
function
|
|
167
|
+
function W(o, n, r = ".ins-recommendation-product-container") {
|
|
149
168
|
return class extends N {
|
|
150
169
|
getId() {
|
|
151
170
|
return o;
|
|
@@ -156,7 +175,7 @@ function V(o, n, r = ".ins-recommendation-product-container") {
|
|
|
156
175
|
}
|
|
157
176
|
};
|
|
158
177
|
}
|
|
159
|
-
function
|
|
178
|
+
function X(o, n, r = ".ins-recommendation-product-container") {
|
|
160
179
|
return class extends q {
|
|
161
180
|
getId() {
|
|
162
181
|
return o;
|
|
@@ -167,7 +186,7 @@ function W(o, n, r = ".ins-recommendation-product-container") {
|
|
|
167
186
|
}
|
|
168
187
|
};
|
|
169
188
|
}
|
|
170
|
-
function
|
|
189
|
+
function j(o, n, r = ".ins-recommendation-product-container") {
|
|
171
190
|
return class extends $ {
|
|
172
191
|
getId() {
|
|
173
192
|
return o;
|
|
@@ -178,7 +197,7 @@ function X(o, n, r = ".ins-recommendation-product-container") {
|
|
|
178
197
|
}
|
|
179
198
|
};
|
|
180
199
|
}
|
|
181
|
-
function
|
|
200
|
+
function J(o, n, r = ".ins-recommendation-product-container") {
|
|
182
201
|
return class extends k {
|
|
183
202
|
getId() {
|
|
184
203
|
return o;
|
|
@@ -189,7 +208,7 @@ function j(o, n, r = ".ins-recommendation-product-container") {
|
|
|
189
208
|
}
|
|
190
209
|
};
|
|
191
210
|
}
|
|
192
|
-
function
|
|
211
|
+
function Q(o, n, r = ".ins-recommendation-product-container") {
|
|
193
212
|
return class extends p {
|
|
194
213
|
getId() {
|
|
195
214
|
return o;
|
|
@@ -200,8 +219,8 @@ function G(o, n, r = ".ins-recommendation-product-container") {
|
|
|
200
219
|
}
|
|
201
220
|
};
|
|
202
221
|
}
|
|
203
|
-
function
|
|
204
|
-
return class extends
|
|
222
|
+
function Z(o, n, r) {
|
|
223
|
+
return class extends h {
|
|
205
224
|
getId() {
|
|
206
225
|
return o;
|
|
207
226
|
}
|
|
@@ -223,21 +242,21 @@ function J(o, n, r) {
|
|
|
223
242
|
const t = e.closest(r);
|
|
224
243
|
if (!t)
|
|
225
244
|
return;
|
|
226
|
-
const
|
|
227
|
-
if (!
|
|
245
|
+
const s = t.querySelectorAll(`[esd-extension-block-id="${n}"] a.es-button`);
|
|
246
|
+
if (!s.length)
|
|
228
247
|
return;
|
|
229
|
-
const
|
|
230
|
-
if (!
|
|
248
|
+
const i = this.api.getValues()[R];
|
|
249
|
+
if (!i)
|
|
231
250
|
return;
|
|
232
|
-
const
|
|
233
|
-
return
|
|
234
|
-
l.modifyHtml(d).setStyle("font-weight",
|
|
251
|
+
const c = i.bold ? "bold" : "normal", u = i.italic ? "italic" : "normal", l = this.api.getDocumentModifier();
|
|
252
|
+
return s.forEach((d) => {
|
|
253
|
+
l.modifyHtml(d).setStyle("font-weight", c).setStyle("font-style", u);
|
|
235
254
|
}), l;
|
|
236
255
|
}
|
|
237
256
|
};
|
|
238
257
|
}
|
|
239
|
-
function
|
|
240
|
-
return class extends
|
|
258
|
+
function tt(o, n, r) {
|
|
259
|
+
return class extends F {
|
|
241
260
|
getId() {
|
|
242
261
|
return o;
|
|
243
262
|
}
|
|
@@ -247,8 +266,8 @@ function Q(o, n, r) {
|
|
|
247
266
|
}
|
|
248
267
|
};
|
|
249
268
|
}
|
|
250
|
-
function
|
|
251
|
-
return class extends
|
|
269
|
+
function et(o, n, r) {
|
|
270
|
+
return class extends m {
|
|
252
271
|
getId() {
|
|
253
272
|
return o;
|
|
254
273
|
}
|
|
@@ -262,7 +281,7 @@ function Z(o, n, r) {
|
|
|
262
281
|
}
|
|
263
282
|
};
|
|
264
283
|
}
|
|
265
|
-
function
|
|
284
|
+
function nt(o, n, r) {
|
|
266
285
|
return class extends y {
|
|
267
286
|
getId() {
|
|
268
287
|
return o;
|
|
@@ -278,25 +297,25 @@ function tt(o, n, r) {
|
|
|
278
297
|
};
|
|
279
298
|
}
|
|
280
299
|
export {
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
300
|
+
w as createButtonAlignControl,
|
|
301
|
+
H as createButtonBorderControl,
|
|
302
|
+
V as createButtonBorderRadiusControl,
|
|
303
|
+
G as createButtonColorControl,
|
|
304
|
+
tt as createButtonFitToContainerControl,
|
|
305
|
+
W as createButtonFontFamilyControl,
|
|
306
|
+
X as createButtonMarginsControl,
|
|
307
|
+
j as createButtonPaddingsControl,
|
|
308
|
+
J as createButtonTextControl,
|
|
309
|
+
Q as createButtonTextSizeControl,
|
|
310
|
+
Z as createButtonTextStyleAndFontColorControl,
|
|
311
|
+
nt as createImageMarginsControl,
|
|
312
|
+
et as createImageSizeControl,
|
|
313
|
+
U as createPaddingsControl,
|
|
314
|
+
z as createTextAlignControl,
|
|
315
|
+
L as createTextBackgroundColorControl,
|
|
316
|
+
v as createTextColorControl,
|
|
317
|
+
K as createTextFontFamilyControl,
|
|
318
|
+
Y as createTextLineSpacingControl,
|
|
319
|
+
P as createTextSizeControl,
|
|
320
|
+
D as createTextStyleControl
|
|
302
321
|
};
|
|
@@ -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
|
};
|