@useinsider/guido 3.8.2-beta.189e91c → 3.8.2-beta.2ed8604
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 +41 -60
- package/dist/extensions/Blocks/Recommendation/constants/defaultConfig.js +32 -41
- package/dist/extensions/Blocks/Recommendation/controls/cardComposition/index.js +264 -345
- package/dist/extensions/Blocks/Recommendation/controls/main/algorithm.js +22 -21
- 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 +40 -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/common-control.js +53 -41
- 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/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/algorithm.d.ts +1 -1
- package/dist/src/extensions/Blocks/Recommendation/controls/main/index.d.ts +1 -3
- 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/common-control.d.ts +7 -0
- 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,12 +1,12 @@
|
|
|
1
1
|
var c = Object.defineProperty;
|
|
2
2
|
var i = (s, r, e) => r in s ? c(s, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[r] = e;
|
|
3
|
-
var
|
|
3
|
+
var T = (s, r, e) => i(s, typeof r != "symbol" ? r + "" : r, e);
|
|
4
4
|
import { Control as I, UIElementType as n, UEAttr as $ } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
|
|
5
|
-
class
|
|
5
|
+
class _ extends I {
|
|
6
6
|
constructor() {
|
|
7
7
|
super(...arguments);
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
T(this, "currentNode");
|
|
9
|
+
T(this, "lastBlockInstanceId", null);
|
|
10
10
|
}
|
|
11
11
|
getContainer() {
|
|
12
12
|
var e;
|
|
@@ -47,15 +47,15 @@ class d extends I {
|
|
|
47
47
|
const t = this.getBlockInstanceId();
|
|
48
48
|
if (!t)
|
|
49
49
|
return !1;
|
|
50
|
-
const
|
|
51
|
-
return e(),
|
|
50
|
+
const E = t !== this.lastBlockInstanceId;
|
|
51
|
+
return e(), E && (this.lastBlockInstanceId = t), E;
|
|
52
52
|
}
|
|
53
|
-
_GuLabel({ text: e, name: t = "", hint:
|
|
53
|
+
_GuLabel({ text: e, name: t = "", hint: E }) {
|
|
54
54
|
return `
|
|
55
55
|
<${n.LABEL}
|
|
56
56
|
${$.LABEL.text}="${e}"
|
|
57
57
|
${$.LABEL.name}="${t || `${e} Label`}"
|
|
58
|
-
${
|
|
58
|
+
${E ? `${$.LABEL.hint}="${E}"` : ""}>
|
|
59
59
|
</${n.LABEL}>
|
|
60
60
|
`;
|
|
61
61
|
}
|
|
@@ -73,7 +73,7 @@ class d extends I {
|
|
|
73
73
|
* Use in getTemplate() — the icon is registered in a hidden store so Stripo initializes it.
|
|
74
74
|
* Pair with _setInfoMessageValue() in onRender() to set the text content.
|
|
75
75
|
*/
|
|
76
|
-
_GuOnPageMessage({ name: e, icon: t = "not-found", type:
|
|
76
|
+
_GuOnPageMessage({ name: e, icon: t = "not-found", type: E = "info" }) {
|
|
77
77
|
return `
|
|
78
78
|
<div data-info-message="${e}" style="display: none; padding: 16px 16px 0;">
|
|
79
79
|
<div class="icon-store" style="display: none;">
|
|
@@ -81,7 +81,7 @@ class d extends I {
|
|
|
81
81
|
${this._GuIcon({ src: t, className: "icon" })}
|
|
82
82
|
</div>
|
|
83
83
|
</div>
|
|
84
|
-
${this._GuMessage({ name: e, type:
|
|
84
|
+
${this._GuMessage({ name: e, type: E })}
|
|
85
85
|
</div>
|
|
86
86
|
`;
|
|
87
87
|
}
|
|
@@ -91,7 +91,7 @@ class d extends I {
|
|
|
91
91
|
* and combines it with the text in Stripo's alert-message layout.
|
|
92
92
|
*/
|
|
93
93
|
_setInfoMessageValue(e, t) {
|
|
94
|
-
const
|
|
94
|
+
const E = this.getContainer(), o = E.querySelector(`[data-icon-key="${e}"]`), a = o == null ? void 0 : o.querySelector("ue-icon-component"), l = (a == null ? void 0 : a.outerHTML) ?? "";
|
|
95
95
|
this.api.setUIEAttribute(
|
|
96
96
|
e,
|
|
97
97
|
"value",
|
|
@@ -104,8 +104,8 @@ class d extends I {
|
|
|
104
104
|
</div>
|
|
105
105
|
`
|
|
106
106
|
);
|
|
107
|
-
const
|
|
108
|
-
|
|
107
|
+
const u = E.querySelector(`[data-info-message="${e}"]`);
|
|
108
|
+
u && (u.style.display = "");
|
|
109
109
|
}
|
|
110
110
|
_GuToggle(e) {
|
|
111
111
|
return `
|
|
@@ -121,59 +121,59 @@ class d extends I {
|
|
|
121
121
|
${$.SELECT_ITEM.value}="${t}">
|
|
122
122
|
</${n.SELECT_ITEM}>`;
|
|
123
123
|
}
|
|
124
|
-
_GuSelect({ name: e, placeholder: t, options:
|
|
124
|
+
_GuSelect({ name: e, placeholder: t, options: E, className: o = "es-180w" }) {
|
|
125
125
|
return `
|
|
126
126
|
<${n.SELECTPICKER}
|
|
127
|
-
class="${
|
|
127
|
+
class="${o}"
|
|
128
128
|
${$.SELECTPICKER.name}="${e}"
|
|
129
129
|
${$.SELECTPICKER.placeholder}="${t}">
|
|
130
|
-
${
|
|
130
|
+
${E.map((a) => this._GuSelectItem(a)).join("")}
|
|
131
131
|
</${n.SELECTPICKER}>
|
|
132
132
|
`;
|
|
133
133
|
}
|
|
134
|
-
_GuTextInput({ name: e, placeholder: t, className:
|
|
134
|
+
_GuTextInput({ name: e, placeholder: t, className: E = "", disabled: o = !1 }) {
|
|
135
135
|
return `
|
|
136
136
|
<${n.TEXT}
|
|
137
|
-
class=${
|
|
137
|
+
class=${E}
|
|
138
138
|
${$.TEXT.name}="${e}"
|
|
139
139
|
placeholder="${t || e}"
|
|
140
|
-
${
|
|
140
|
+
${o ? `${$.TEXT.disabled}="true"` : ""}>
|
|
141
141
|
</${n.TEXT}>
|
|
142
142
|
`;
|
|
143
143
|
}
|
|
144
|
-
_GuCounter({ name: e, maxValue: t, minValue:
|
|
144
|
+
_GuCounter({ name: e, maxValue: t, minValue: E = 1, step: o = 1 }) {
|
|
145
145
|
return `
|
|
146
146
|
<${n.COUNTER}
|
|
147
147
|
${$.COUNTER.name}="${e}"
|
|
148
|
-
${$.COUNTER.minValue}="${
|
|
148
|
+
${$.COUNTER.minValue}="${E}"
|
|
149
149
|
${$.COUNTER.maxValue}="${t}"
|
|
150
|
-
${$.COUNTER.step}="${
|
|
150
|
+
${$.COUNTER.step}="${o}">
|
|
151
151
|
</${n.COUNTER}>
|
|
152
152
|
`;
|
|
153
153
|
}
|
|
154
|
-
_GuRadioButtonItem({ text: e, value: t, icon:
|
|
154
|
+
_GuRadioButtonItem({ text: e, value: t, icon: E }) {
|
|
155
155
|
return `
|
|
156
156
|
<${n.RADIO_ITEM}
|
|
157
157
|
${$.RADIO_ITEM.value}="${t}"
|
|
158
158
|
${e ? `${$.RADIO_ITEM.text}="${e}"` : ""}
|
|
159
|
-
${
|
|
159
|
+
${E ? `${$.RADIO_ITEM.icon}="${E}"` : ""}>
|
|
160
160
|
</${n.RADIO_ITEM}>
|
|
161
161
|
`;
|
|
162
162
|
}
|
|
163
|
-
_GuRadioButton({ name: e, buttons: t, id:
|
|
163
|
+
_GuRadioButton({ name: e, buttons: t, id: E = "" }) {
|
|
164
164
|
return `
|
|
165
165
|
<${n.RADIO_BUTTONS}
|
|
166
|
-
${
|
|
166
|
+
${E ? `id="${E}"` : ""}
|
|
167
167
|
${$.RADIO_BUTTONS.name}="${e}">
|
|
168
|
-
${t.map((
|
|
168
|
+
${t.map((o) => this._GuRadioButtonItem(o)).join("")}
|
|
169
169
|
</${n.RADIO_BUTTONS}>
|
|
170
170
|
`;
|
|
171
171
|
}
|
|
172
|
-
_GuButton({ name: e, label: t, id:
|
|
172
|
+
_GuButton({ name: e, label: t, id: E = "" }) {
|
|
173
173
|
return `
|
|
174
174
|
<${n.BUTTON}
|
|
175
175
|
${$.BUTTON.name}="${e}"
|
|
176
|
-
${
|
|
176
|
+
${E ? `id="${E}"` : ""}
|
|
177
177
|
${$.BUTTON.caption}="${t}"}>
|
|
178
178
|
</${n.BUTTON}>
|
|
179
179
|
`;
|
|
@@ -191,10 +191,10 @@ class d extends I {
|
|
|
191
191
|
* @param param0
|
|
192
192
|
* @returns It returns a button with an icon.
|
|
193
193
|
*/
|
|
194
|
-
_GuIconButton({ name: e, icon: t, className:
|
|
194
|
+
_GuIconButton({ name: e, icon: t, className: E = "" }) {
|
|
195
195
|
return `
|
|
196
196
|
<${n.BUTTON}
|
|
197
|
-
class="${
|
|
197
|
+
class="${E}"
|
|
198
198
|
${$.BUTTON.name}="${e}"
|
|
199
199
|
${$.BUTTON.icon}="${t}">
|
|
200
200
|
</${n.BUTTON}>
|
|
@@ -222,19 +222,19 @@ class d extends I {
|
|
|
222
222
|
* @returns HTML string for the orderable control
|
|
223
223
|
*/
|
|
224
224
|
_GuOrderable(e, t) {
|
|
225
|
-
let
|
|
225
|
+
let E = "";
|
|
226
226
|
t.forEach((a) => {
|
|
227
227
|
const l = $.ORDERABLE_ITEM && "name" in $.ORDERABLE_ITEM ? $.ORDERABLE_ITEM.name : "name";
|
|
228
|
-
|
|
228
|
+
E += `
|
|
229
229
|
<${n.ORDERABLE_ITEM} ${l}="${a.key}">
|
|
230
230
|
${a.content}
|
|
231
231
|
</${n.ORDERABLE_ITEM}>
|
|
232
232
|
`;
|
|
233
233
|
});
|
|
234
|
-
const
|
|
234
|
+
const o = $.ORDERABLE && "name" in $.ORDERABLE ? $.ORDERABLE.name : "name";
|
|
235
235
|
return `
|
|
236
|
-
<${n.ORDERABLE} ${
|
|
237
|
-
${
|
|
236
|
+
<${n.ORDERABLE} ${o}="${e}">
|
|
237
|
+
${E}
|
|
238
238
|
</${n.ORDERABLE}>
|
|
239
239
|
`;
|
|
240
240
|
}
|
|
@@ -275,16 +275,16 @@ class d extends I {
|
|
|
275
275
|
`;
|
|
276
276
|
}
|
|
277
277
|
_GuRadioButtons(e, t) {
|
|
278
|
-
const
|
|
278
|
+
const E = t.map((o) => `
|
|
279
279
|
<${n.RADIO_ITEM}
|
|
280
|
-
${$.RADIO_ITEM.text}="${
|
|
281
|
-
${$.RADIO_ITEM.value}="${
|
|
280
|
+
${$.RADIO_ITEM.text}="${o.text}"
|
|
281
|
+
${$.RADIO_ITEM.value}="${o.value}">
|
|
282
282
|
</${n.RADIO_ITEM}>
|
|
283
283
|
`).join("");
|
|
284
284
|
return `
|
|
285
285
|
<${n.RADIO_BUTTONS}
|
|
286
286
|
${$.RADIO_BUTTONS.name}="${e}">
|
|
287
|
-
${
|
|
287
|
+
${E}
|
|
288
288
|
</${n.RADIO_BUTTONS}>
|
|
289
289
|
`;
|
|
290
290
|
}
|
|
@@ -296,7 +296,19 @@ class d extends I {
|
|
|
296
296
|
</${n.CHECKBOX}>
|
|
297
297
|
`;
|
|
298
298
|
}
|
|
299
|
+
// Tag/chips input (Stripo MULTIPLE_SELECT): add-by-Enter, remove-by-×.
|
|
300
|
+
// Value is read/written as a string[] via updateValues / onValueChanged.
|
|
301
|
+
_GuMultiSelect({ name: e, placeholder: t = "", className: E = "", disabled: o = !1 }) {
|
|
302
|
+
return `
|
|
303
|
+
<${n.MULTIPLE_SELECT}
|
|
304
|
+
class="${E}"
|
|
305
|
+
${$.MULTIPLE_SELECT.name}="${e}"
|
|
306
|
+
${$.MULTIPLE_SELECT.placeholder}="${t}"
|
|
307
|
+
${o ? `${$.MULTIPLE_SELECT.disabled}="true"` : ""}>
|
|
308
|
+
</${n.MULTIPLE_SELECT}>
|
|
309
|
+
`;
|
|
310
|
+
}
|
|
299
311
|
}
|
|
300
312
|
export {
|
|
301
|
-
|
|
313
|
+
_ as CommonControl
|
|
302
314
|
};
|
|
@@ -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' | '
|
|
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;
|
|
@@ -117,16 +117,6 @@ export declare class RecommendationBlock extends Block {
|
|
|
117
117
|
* added classes via setAttribute.
|
|
118
118
|
*/
|
|
119
119
|
private _assignRecommendationId;
|
|
120
|
-
/**
|
|
121
|
-
* Stamps the `hide-price` attribute (read by email-service at send time) on
|
|
122
|
-
* the block element from the config flag.
|
|
123
|
-
*/
|
|
124
|
-
private _stampHidePrice;
|
|
125
|
-
/**
|
|
126
|
-
* Stamps `hide-price` from config only when the block lacks the attribute —
|
|
127
|
-
* heals templates saved before this feature without dirtying current ones.
|
|
128
|
-
*/
|
|
129
|
-
private _healHidePriceAttr;
|
|
130
120
|
/**
|
|
131
121
|
* Gets the recommendation-id from a block node
|
|
132
122
|
*/
|