@useinsider/guido 3.17.0-beta.bc6e089 → 3.17.0-beta.c3ab4de
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 +15 -13
- package/dist/components/organisms/header/AutoSaveStatus.vue.js +17 -0
- package/dist/components/organisms/header/AutoSaveStatus.vue2.js +21 -0
- package/dist/components/organisms/header/EditorActions.vue.js +13 -13
- package/dist/components/organisms/header/EditorActions.vue2.js +34 -50
- package/dist/components/organisms/header/EditorActionsMenu.vue.js +20 -0
- package/dist/components/organisms/header/EditorActionsMenu.vue2.js +39 -0
- package/dist/components/organisms/header/LeftSlot.vue.js +5 -5
- package/dist/components/organisms/header/LeftSlot.vue2.js +28 -23
- package/dist/components/organisms/header/MiddleSlot.vue.js +4 -4
- package/dist/components/organisms/header/MiddleSlot.vue2.js +8 -7
- package/dist/components/organisms/header/RightSlot.vue.js +7 -6
- package/dist/components/organisms/header/RightSlot.vue2.js +17 -15
- package/dist/components/organisms/header/accessibility/AccessibilityToolbar.vue.js +18 -0
- package/dist/components/organisms/header/accessibility/AccessibilityToolbar.vue2.js +37 -0
- package/dist/components/organisms/header/accessibility/ColorVisionSelect.vue.js +24 -0
- package/dist/components/organisms/header/accessibility/ColorVisionSelect.vue2.js +48 -0
- package/dist/components/organisms/onboarding/EditorTabBarOnboarding.vue.js +18 -0
- package/dist/components/organisms/onboarding/EditorTabBarOnboarding.vue2.js +74 -0
- package/dist/components/organisms/onboarding/OnboardingWrapper.vue2.js +43 -34
- package/dist/composables/useAccessibilityApi.js +31 -0
- package/dist/composables/useCustomInterfaceAppearance.js +31 -28
- package/dist/config/i18n/en/labels.json.js +28 -4
- package/dist/config/migrator/itemsBlockMigrator.js +156 -204
- package/dist/extensions/Blocks/Items/controls/name/trimming.js +17 -18
- package/dist/extensions/Blocks/Items/controls/settingsControl.js +55 -58
- package/dist/extensions/Blocks/Items/enums/productEnums.js +9 -14
- package/dist/extensions/Blocks/Items/layouts/horizontal.html.js +9 -11
- package/dist/extensions/Blocks/Items/template.js +206 -214
- package/dist/guido.css +1 -1
- package/dist/node_modules/@vueuse/core/index.js +102 -0
- package/dist/node_modules/@vueuse/shared/index.js +40 -28
- package/dist/sprite.svg +6 -0
- package/dist/src/@types/config/schemas.d.ts +4 -0
- package/dist/src/components/organisms/header/EditorActionsMenu.vue.d.ts +2 -0
- package/dist/src/components/organisms/header/accessibility/AccessibilityToolbar.vue.d.ts +2 -0
- package/dist/src/components/organisms/header/accessibility/ColorVisionSelect.vue.d.ts +2 -0
- package/dist/src/components/organisms/onboarding/EditorTabBarOnboarding.vue.d.ts +2 -0
- package/dist/src/composables/useAccessibilityApi.d.ts +15 -0
- package/dist/src/composables/useActionsApi.d.ts +2 -2
- package/dist/src/composables/useConfig.d.ts +2 -0
- package/dist/src/extensions/Blocks/Items/enums/productEnums.d.ts +0 -3
- package/dist/src/stores/config.d.ts +18 -0
- package/dist/src/stores/editor.d.ts +76 -0
- package/dist/src/stores/onboarding.d.ts +377 -0
- package/dist/src/stores/version-history.d.ts +1 -1
- package/dist/src/utils/timeUtil.d.ts +10 -0
- package/dist/static/styles/components/accessibility.css.js +137 -0
- package/dist/static/styles/variables.css.js +1 -0
- package/dist/stores/editor.js +4 -1
- package/dist/stores/onboarding.js +16 -11
- package/dist/utils/pairProductVariables.js +70 -70
- package/dist/utils/timeUtil.js +6 -17
- package/package.json +1 -1
- package/dist/components/organisms/header/AutoSaveToggle.vue.js +0 -22
- package/dist/components/organisms/header/AutoSaveToggle.vue2.js +0 -19
- package/dist/extensions/Blocks/Items/constants/cardLayout.js +0 -20
- package/dist/src/extensions/Blocks/Items/constants/cardLayout.d.ts +0 -44
- /package/dist/src/components/organisms/header/{AutoSaveToggle.vue.d.ts → AutoSaveStatus.vue.d.ts} +0 -0
|
@@ -1,142 +1,136 @@
|
|
|
1
|
-
import { escapeHtml as
|
|
2
|
-
import { BlockType as
|
|
3
|
-
import { blockCellPadMarker as U, NAME_VERTICAL_MAX_WIDTH as J, nameMaxWidthFor as Z, blockCellPaddingFor as z } from "./constants/cardLayout.js";
|
|
1
|
+
import { escapeHtml as m } from "../../../utils/htmlEscape.js";
|
|
2
|
+
import { BlockType as R, BlockAttr as S } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
|
|
4
3
|
import { ItemsBlockId as O } from "./enums/controlEnums.js";
|
|
5
|
-
import { productPairs as
|
|
6
|
-
import { ItemInCartOptions as
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import { deriveItemNumber as
|
|
10
|
-
let [
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
return
|
|
14
|
-
},
|
|
15
|
-
const
|
|
16
|
-
return
|
|
17
|
-
}, x = (s) => `<tr>${s}</tr>`, lt = (s, a, l, t) => {
|
|
18
|
-
const i = l || k.productImageHeight, c = (t == null ? void 0 : t.imageVisible) === !1 ? "display: none; " : "";
|
|
19
|
-
return x(`
|
|
4
|
+
import { productPairs as h, templateFirstLine as q } from "./enums/productEnums.js";
|
|
5
|
+
import { ItemInCartOptions as j, SETTINGS_ENUMS as N, DefaultConfigValues as M } from "./enums/settingsEnums.js";
|
|
6
|
+
import C from "./layouts/horizontal.html.js";
|
|
7
|
+
import J from "./layouts/vertical.html.js";
|
|
8
|
+
import { deriveItemNumber as Z, escapeReplacement as g } from "./utils/nodeConfigUtils.js";
|
|
9
|
+
let [v] = h.PAIRS_FOR_EXTENSION.imageSrc.CART_ITEMS.DEFAULT, [F] = h.PAIRS_FOR_EXTENSION.name.CART_ITEMS.DEFAULT, [x] = h.PAIRS_FOR_EXTENSION.price.CART_ITEMS.DEFAULT_PRICE_FORMATTED, [L] = h.PAIRS_FOR_EXTENSION.originalPrice.CART_ITEMS.DEFAULT_PRICE_FORMATTED, [X] = h.PAIRS_FOR_EXTENSION.quantity.CART_ITEMS.DEFAULT;
|
|
10
|
+
const U = (s, e) => s.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCase().startsWith(e.toLowerCase())).join("; ").replace(/;\s*$/, ""), k = (s) => U(s, "text-align"), y = (s, e) => {
|
|
11
|
+
const r = new RegExp(`${e}\\s*:\\s*([^;]+)`, "i"), a = s.match(r);
|
|
12
|
+
return a ? a[1].trim() : null;
|
|
13
|
+
}, w = (s) => `<tr>${s}</tr>`, f = (s, e, r, a) => {
|
|
14
|
+
const i = r || M.productImageHeight, d = (a == null ? void 0 : a.imageVisible) === !1 ? "display: none; " : "";
|
|
15
|
+
return w(`
|
|
20
16
|
<td class="esd-block-image document-node-component default-block-component selectable ng-star-inserted"
|
|
21
17
|
align="center"
|
|
22
18
|
esd-extension-block-id="${O.IMAGE}"
|
|
23
19
|
data-slot-1=""
|
|
24
20
|
product-attr="imageSrc"
|
|
25
21
|
data-type="${s}"
|
|
26
|
-
data-number="${
|
|
27
|
-
style="${
|
|
22
|
+
data-number="${e}"
|
|
23
|
+
style="${d}font-size: 0px;">
|
|
28
24
|
<a class="document-node-component ng-star-inserted"
|
|
29
25
|
target="_blank"
|
|
30
26
|
href="#!">
|
|
31
27
|
<img class="adapt-img document-node-component ng-star-inserted"
|
|
32
28
|
style="object-fit: contain;"
|
|
33
|
-
src="${
|
|
34
|
-
alt="${
|
|
29
|
+
src="${v}"
|
|
30
|
+
alt="${F}"
|
|
35
31
|
width="${i}"
|
|
36
32
|
height="${i}">
|
|
37
33
|
</a>
|
|
38
34
|
</td>
|
|
39
35
|
`);
|
|
40
|
-
},
|
|
41
|
-
<${
|
|
42
|
-
${
|
|
43
|
-
${
|
|
44
|
-
${
|
|
45
|
-
${
|
|
46
|
-
${
|
|
36
|
+
}, tt = (s, e) => `
|
|
37
|
+
<${R.BLOCK_IMAGE}
|
|
38
|
+
${S.BLOCK_IMAGE.src}="${v}"
|
|
39
|
+
${S.BLOCK_IMAGE.alt}="${F}"
|
|
40
|
+
${S.BLOCK_IMAGE.href}="#!"
|
|
41
|
+
${S.BLOCK_IMAGE.width}="${M.productImageWidth}"
|
|
42
|
+
${S.BLOCK_IMAGE.height}="${M.productImageWidth}"
|
|
47
43
|
esd-extension-block-id="${O.IMAGE}"
|
|
48
44
|
data-slot-1
|
|
49
45
|
product-attr="imageSrc"
|
|
50
46
|
data-type="${s}"
|
|
51
|
-
data-number="${
|
|
47
|
+
data-number="${e}"
|
|
52
48
|
/>
|
|
53
|
-
`,
|
|
54
|
-
const
|
|
49
|
+
`, et = (s, e, r, a) => {
|
|
50
|
+
const i = `
|
|
55
51
|
word-wrap: break-word;
|
|
56
52
|
white-space: nowrap;
|
|
57
53
|
overflow: hidden;
|
|
58
54
|
text-overflow: ellipsis;
|
|
59
55
|
width: 100%;
|
|
60
|
-
max-width:
|
|
56
|
+
max-width: 100%;
|
|
61
57
|
`;
|
|
62
|
-
if (
|
|
63
|
-
const d =
|
|
64
|
-
|
|
65
|
-
|
|
58
|
+
if (e) {
|
|
59
|
+
const d = y(r || "", "text-align") || "center", n = k(r || i), c = y(n, "font-weight"), l = y(n, "font-style"), o = c === "bold" || c === "700", t = l === "italic", p = U(
|
|
60
|
+
U(
|
|
61
|
+
U(n, "font-weight"),
|
|
66
62
|
"font-style"
|
|
67
63
|
),
|
|
68
64
|
"text-decoration"
|
|
69
|
-
),
|
|
70
|
-
let
|
|
71
|
-
return
|
|
72
|
-
<td class="esd-block-text es-
|
|
65
|
+
), T = (a == null ? void 0 : a.nameVisible) === !1 ? "display: none;" : "display: table-cell;", _ = p ? ` style="${m(p)}"` : "";
|
|
66
|
+
let E = F;
|
|
67
|
+
return o && (E = `<strong>${E}</strong>`), t && (E = `<em>${E}</em>`), w(`
|
|
68
|
+
<td class="esd-block-text es-p10"
|
|
73
69
|
align="${d}"
|
|
74
70
|
width="100%"
|
|
75
71
|
colspan="2"
|
|
76
72
|
data-type="${s}"
|
|
77
73
|
esd-extension-block-id="${O.NAME}"
|
|
78
|
-
style="${
|
|
74
|
+
style="${T}">
|
|
79
75
|
<p contenteditable="false"
|
|
80
76
|
path="1"
|
|
81
77
|
product-attr="name"
|
|
82
78
|
data-slot-2${_}>
|
|
83
|
-
${
|
|
79
|
+
${E}
|
|
84
80
|
</p>
|
|
85
81
|
</td>
|
|
86
82
|
`);
|
|
87
83
|
}
|
|
88
|
-
return `<${
|
|
84
|
+
return `<${R.BLOCK_TEXT}
|
|
89
85
|
width="100%"
|
|
90
86
|
align="center"
|
|
91
87
|
colspan="2"
|
|
92
|
-
class="es-
|
|
88
|
+
class="es-p10"
|
|
93
89
|
data-type="${s}"
|
|
94
90
|
esd-extension-block-id="${O.NAME}"
|
|
95
91
|
>
|
|
96
92
|
<p contenteditable="false"
|
|
97
93
|
product-attr="name"
|
|
98
94
|
data-slot-2
|
|
99
|
-
style="${
|
|
100
|
-
${
|
|
95
|
+
style="${i}">
|
|
96
|
+
${F}
|
|
101
97
|
</p>
|
|
102
|
-
</${
|
|
98
|
+
</${R.BLOCK_TEXT}>
|
|
103
99
|
`;
|
|
104
|
-
},
|
|
105
|
-
let
|
|
106
|
-
if (
|
|
107
|
-
const
|
|
108
|
-
|
|
100
|
+
}, at = (s, e, r, a, i, d, n, c, l, o) => {
|
|
101
|
+
let t = x;
|
|
102
|
+
if (a && a.trim()) {
|
|
103
|
+
const $ = `${a.trim()}`;
|
|
104
|
+
t = (i || "0") === "1" ? `${x} ${$}` : `${$} ${x}`;
|
|
109
105
|
}
|
|
110
|
-
const
|
|
111
|
-
if (
|
|
112
|
-
const
|
|
113
|
-
return
|
|
114
|
-
<td class="esd-block-text items-block-price${
|
|
106
|
+
const p = i === "1" ? "after" : "before", T = `data-formated="${r ? "true" : "false"}"`, _ = `data-curency="${p}"`, E = a ? `data-currency_symbol="${a}"` : "", u = `data-single_price="${c ? "true" : "false"}"`, I = l === N.ORIENTATION.VERTICAL ? " es-p10b es-p10t" : "";
|
|
107
|
+
if (d) {
|
|
108
|
+
const b = k(n || "color: #060606; white-space: nowrap; font-size: 20px;"), A = o ? "" : ' style="display: none;"';
|
|
109
|
+
return w(`
|
|
110
|
+
<td class="esd-block-text items-block-price${I}"
|
|
115
111
|
align="center"
|
|
116
112
|
esd-extension-block-id="${O.PRICE}"
|
|
117
|
-
${U(_)}
|
|
118
113
|
width="100%"
|
|
119
|
-
${
|
|
114
|
+
${A}>
|
|
120
115
|
<p product-attr="price"
|
|
121
116
|
contenteditable="false"
|
|
122
117
|
data-slot-4
|
|
123
118
|
data-type="${s}"
|
|
124
|
-
data-number="${
|
|
125
|
-
${E}
|
|
126
|
-
${I}
|
|
127
|
-
${P}
|
|
119
|
+
data-number="${e}"
|
|
128
120
|
${T}
|
|
129
|
-
|
|
130
|
-
${
|
|
121
|
+
${_}
|
|
122
|
+
${E}
|
|
123
|
+
${u}
|
|
124
|
+
style="${m(b)}">
|
|
125
|
+
${t}
|
|
131
126
|
</p>
|
|
132
127
|
</td>
|
|
133
128
|
`);
|
|
134
129
|
}
|
|
135
130
|
return `
|
|
136
|
-
<${
|
|
131
|
+
<${R.BLOCK_TEXT}
|
|
137
132
|
esd-extension-block-id="${O.PRICE}"
|
|
138
|
-
class="items-block-price ${
|
|
139
|
-
${U(_)}
|
|
133
|
+
class="items-block-price ${I}"
|
|
140
134
|
width="100%"
|
|
141
135
|
align="center"
|
|
142
136
|
>
|
|
@@ -145,52 +139,50 @@ const F = (s, a) => s.split(";").map((l) => l.trim()).filter((l) => !l.toLowerCa
|
|
|
145
139
|
contenteditable="false"
|
|
146
140
|
data-slot-4
|
|
147
141
|
data-type="${s}"
|
|
148
|
-
data-number="${
|
|
149
|
-
${E}
|
|
150
|
-
${I}
|
|
151
|
-
${t ? `data-currency_symbol="${t}"` : ""}
|
|
142
|
+
data-number="${e}"
|
|
152
143
|
${T}
|
|
144
|
+
${_}
|
|
145
|
+
${a ? `data-currency_symbol="${a}"` : ""}
|
|
146
|
+
${u}
|
|
153
147
|
>
|
|
154
|
-
${
|
|
148
|
+
${t}
|
|
155
149
|
</p>
|
|
156
|
-
</${
|
|
150
|
+
</${R.BLOCK_TEXT}>
|
|
157
151
|
`;
|
|
158
|
-
},
|
|
159
|
-
let
|
|
160
|
-
if (
|
|
161
|
-
const
|
|
162
|
-
|
|
152
|
+
}, st = (s, e, r, a, i, d, n = !0, c, l, o) => {
|
|
153
|
+
let t = L;
|
|
154
|
+
if (a && a.trim()) {
|
|
155
|
+
const $ = `${a.trim()}`;
|
|
156
|
+
t = (i || "0") === "1" ? `${L} ${$}` : `${$} ${L}`;
|
|
163
157
|
}
|
|
164
|
-
const
|
|
165
|
-
if (
|
|
166
|
-
const
|
|
167
|
-
return
|
|
168
|
-
<td class="esd-block-text items-block-price${
|
|
158
|
+
const p = i === "1" ? "after" : "before", T = `data-formated="${r ? "true" : "false"}"`, _ = `data-curency="${p}"`, E = n ? "" : ' style="display: none;"', u = `data-single_price="${l ? "true" : "false"}"`, I = o === N.ORIENTATION.VERTICAL ? " es-p10b es-p10t" : "";
|
|
159
|
+
if (d) {
|
|
160
|
+
const b = k(c || "color: #cc0000; white-space: nowrap; font-size: 19px;");
|
|
161
|
+
return w(`
|
|
162
|
+
<td class="esd-block-text items-block-price${I}"
|
|
169
163
|
esd-extension-block-id="${O.ORIGINAL_PRICE}"
|
|
170
|
-
${U(_)}
|
|
171
164
|
width="100%"
|
|
172
|
-
align="center"${
|
|
165
|
+
align="center"${E}>
|
|
173
166
|
<p
|
|
174
167
|
product-attr="originalPrice"
|
|
175
168
|
contenteditable="false"
|
|
176
169
|
data-slot-5
|
|
177
170
|
data-type="${s}"
|
|
178
|
-
data-number="${
|
|
179
|
-
${E}
|
|
180
|
-
${I}
|
|
181
|
-
${t ? `data-currency_symbol="${t}"` : ""}
|
|
171
|
+
data-number="${e}"
|
|
182
172
|
${T}
|
|
183
|
-
|
|
184
|
-
|
|
173
|
+
${_}
|
|
174
|
+
${a ? `data-currency_symbol="${a}"` : ""}
|
|
175
|
+
${u}
|
|
176
|
+
style="${m(b)}">
|
|
177
|
+
<s>${t}</s>
|
|
185
178
|
</p>
|
|
186
179
|
</td>
|
|
187
180
|
`);
|
|
188
181
|
}
|
|
189
182
|
return `
|
|
190
|
-
<${
|
|
191
|
-
class="items-block-price ${
|
|
183
|
+
<${R.BLOCK_TEXT}
|
|
184
|
+
class="items-block-price ${I}"
|
|
192
185
|
esd-extension-block-id="${O.ORIGINAL_PRICE}"
|
|
193
|
-
${U(_)}
|
|
194
186
|
width="100%"
|
|
195
187
|
align="center"
|
|
196
188
|
${n ? "" : 'style="display: none;"'}
|
|
@@ -201,41 +193,41 @@ const F = (s, a) => s.split(";").map((l) => l.trim()).filter((l) => !l.toLowerCa
|
|
|
201
193
|
data-slot-5
|
|
202
194
|
style="color: #cc0000"
|
|
203
195
|
data-type="${s}"
|
|
204
|
-
data-number="${
|
|
205
|
-
${E}
|
|
206
|
-
${I}
|
|
207
|
-
${t ? `data-currency_symbol="${t}"` : ""}
|
|
196
|
+
data-number="${e}"
|
|
208
197
|
${T}
|
|
198
|
+
${_}
|
|
199
|
+
${a ? `data-currency_symbol="${a}"` : ""}
|
|
200
|
+
${u}
|
|
209
201
|
>
|
|
210
|
-
<s>${
|
|
202
|
+
<s>${t}</s>
|
|
211
203
|
</p>
|
|
212
|
-
</${
|
|
204
|
+
</${R.BLOCK_TEXT}>
|
|
213
205
|
`;
|
|
214
|
-
},
|
|
215
|
-
const
|
|
216
|
-
if (
|
|
217
|
-
const i = "font-size: 14px;",
|
|
218
|
-
return
|
|
219
|
-
<td class="esd-block-text es-
|
|
220
|
-
width="100%" align="${
|
|
206
|
+
}, lt = (s = !0, e, r) => {
|
|
207
|
+
const a = s ? "" : 'style="display: none;"';
|
|
208
|
+
if (e) {
|
|
209
|
+
const i = "font-size: 14px;", d = y(r || "", "text-align") || "center", n = k(r || i);
|
|
210
|
+
return w(`
|
|
211
|
+
<td class="esd-block-text es-p10 document-node-component default-block-component selectable"
|
|
212
|
+
width="100%" align="${d}"
|
|
221
213
|
esd-extension-block-id="${O.QUANTITY}"
|
|
222
|
-
${
|
|
214
|
+
${a}>
|
|
223
215
|
<p product-attr="quantity"
|
|
224
216
|
data-slot-3=""
|
|
225
217
|
contenteditable="false"
|
|
226
218
|
width="100%"
|
|
227
219
|
path="1"
|
|
228
|
-
style="${
|
|
220
|
+
style="${m(n)}">
|
|
229
221
|
${X}
|
|
230
222
|
</p>
|
|
231
223
|
</td>
|
|
232
224
|
`);
|
|
233
225
|
}
|
|
234
226
|
return `
|
|
235
|
-
<${
|
|
227
|
+
<${R.BLOCK_TEXT}
|
|
236
228
|
width="100%"
|
|
237
229
|
align="center"
|
|
238
|
-
class="es-
|
|
230
|
+
class="es-p10"
|
|
239
231
|
esd-extension-block-id="${O.QUANTITY}"
|
|
240
232
|
${s ? "" : 'style="display: none;"'}
|
|
241
233
|
>
|
|
@@ -246,175 +238,175 @@ const F = (s, a) => s.split(";").map((l) => l.trim()).filter((l) => !l.toLowerCa
|
|
|
246
238
|
width="100%">
|
|
247
239
|
${X}
|
|
248
240
|
</p>
|
|
249
|
-
</${
|
|
241
|
+
</${R.BLOCK_TEXT}>
|
|
250
242
|
`;
|
|
251
|
-
},
|
|
252
|
-
if (
|
|
253
|
-
const
|
|
254
|
-
return
|
|
243
|
+
}, rt = (s, e, r = "Buy", a, i, d = !0, n = !0) => {
|
|
244
|
+
if (a) {
|
|
245
|
+
const c = y(i || "", "background") || y(i || "", "background-color"), l = c ? `border-width: 0px; background: ${c};` : "border-width: 0px;", o = d ? "es-fw" : "es-il", t = (i || "").replace("border-width: 0;", "");
|
|
246
|
+
return w(`
|
|
255
247
|
<td class="esd-block-button ins-button default-block-component selectable"
|
|
256
|
-
align="center" width="100%" name="buy-button" caption="${
|
|
248
|
+
align="center" width="100%" name="buy-button" caption="${r}"
|
|
257
249
|
esd-extension-block-id="${O.BUTTON}"
|
|
258
|
-
product-attr="button" data-slot-6="" data-type="${s}" data-number="${
|
|
250
|
+
product-attr="button" data-slot-6="" data-type="${s}" data-number="${e}"
|
|
259
251
|
${n ? "" : ' style="display: none;"'}>
|
|
260
|
-
<span class="es-button-border ${
|
|
252
|
+
<span class="es-button-border ${o}" style="${m(l)}">
|
|
261
253
|
<a
|
|
262
254
|
class="es-button"
|
|
263
255
|
href="#!"
|
|
264
256
|
target="_blank"
|
|
265
|
-
style="${
|
|
266
|
-
${
|
|
257
|
+
style="${m(t)} padding: 5px 12px;">
|
|
258
|
+
${r}
|
|
267
259
|
</a>
|
|
268
260
|
</span>
|
|
269
261
|
</td>
|
|
270
262
|
`);
|
|
271
263
|
}
|
|
272
264
|
return `
|
|
273
|
-
<${
|
|
265
|
+
<${R.BLOCK_BUTTON}
|
|
274
266
|
width="100%"
|
|
275
267
|
class="ins-button"
|
|
276
268
|
name="buy-button"
|
|
277
|
-
caption="${
|
|
269
|
+
caption="${r}"
|
|
278
270
|
align="center"
|
|
279
271
|
esd-extension-block-id="${O.BUTTON}"
|
|
280
272
|
product-attr="button"
|
|
281
273
|
data-slot-6
|
|
282
274
|
data-type="${s}"
|
|
283
|
-
data-number="${
|
|
284
|
-
>${
|
|
285
|
-
</${
|
|
275
|
+
data-number="${e}"
|
|
276
|
+
>${r}
|
|
277
|
+
</${R.BLOCK_BUTTON}>
|
|
286
278
|
`;
|
|
287
|
-
},
|
|
288
|
-
const
|
|
289
|
-
if (
|
|
290
|
-
const
|
|
291
|
-
let
|
|
279
|
+
}, ct = (s, e, r, a = !0, i = !0) => {
|
|
280
|
+
const d = e === N.ORIENTATION.VERTICAL, n = r === "horizontal";
|
|
281
|
+
if (d) {
|
|
282
|
+
const c = !n, l = c || !i ? "100%" : "50%", o = c || !a ? "100%" : "50%";
|
|
283
|
+
let t = s.replace(
|
|
292
284
|
/<td\s+[^>]*class="([^"]*product-price-class[^"]*)"[^>]*>/gi,
|
|
293
|
-
(
|
|
285
|
+
(p) => p.replace(/width="[^"]*"/gi, `width="${l}"`).replace(/width:\s*[^;]+;/gi, `width: ${l};`)
|
|
294
286
|
);
|
|
295
|
-
return
|
|
287
|
+
return t = t.replace(
|
|
296
288
|
/<td\s+[^>]*class="([^"]*product-original-price-class[^"]*)"[^>]*>/gi,
|
|
297
|
-
(
|
|
298
|
-
),
|
|
289
|
+
(p) => p.replace(/width="[^"]*"/gi, `width="${o}"`).replace(/width:\s*[^;]+;/gi, `width: ${o};`)
|
|
290
|
+
), t;
|
|
299
291
|
}
|
|
300
292
|
return n ? s : s.replace(
|
|
301
293
|
/<td\s+[^>]*class="[^"]*horizontal-price[^"]*"[^>]*>/gi,
|
|
302
|
-
(
|
|
294
|
+
(c) => /style\s*=\s*"/i.test(c) ? c.replace(/style\s*=\s*"([^"]*)"/i, 'style="display: none; $1"') : c.replace(/>$/, ' style="display: none;">')
|
|
303
295
|
).replace(
|
|
304
296
|
/<td\s+[^>]*class="[^"]*vertical-price[^"]*"[^>]*>/gi,
|
|
305
|
-
(
|
|
297
|
+
(c) => c.replace(/display:\s*none;?/gi, "display: table-cell;")
|
|
306
298
|
);
|
|
307
|
-
},
|
|
299
|
+
}, it = (s) => s ? `<td align="center"
|
|
308
300
|
esd-extension-block-id="items-block"
|
|
309
|
-
class="ins-product-td items-block items-block-v2 esd-items-block esd-extension-block esd-container-frame">` :
|
|
310
|
-
const
|
|
301
|
+
class="ins-product-td items-block items-block-v2 esd-items-block esd-extension-block esd-container-frame">` : q, B = (s, e, r, a, i, d, n, c, l, o, t, p, T, _ = "horizontal", E, u, P, I) => {
|
|
302
|
+
const $ = o !== void 0 ? ` data-nodup="${o}"` : "", A = `${`data-type="${e}" data-number="${r}"`} data-orientation="${a}"${$}`, D = l == null ? void 0 : l["data-product_image_control_image-height"], V = d ? f(e, r, D, t) : tt(e, r), W = (t == null ? void 0 : t.buttonLabel) || "Buy", z = (t == null ? void 0 : t.buttonFullWidth) !== void 0 ? t.buttonFullWidth : !0, H = e === N.ITEMS_TYPE.BROWSED_ITEMS ? !1 : t == null ? void 0 : t.quantityControlEnabled, Q = (t == null ? void 0 : t.buttonVisible) !== void 0 ? t.buttonVisible : (l == null ? void 0 : l["data-product_button_control_enabled"]) !== "false", G = (t == null ? void 0 : t.priceVisible) !== void 0 ? t.priceVisible : (l == null ? void 0 : l["data-product_price_control_enabled"]) !== "false", K = (t == null ? void 0 : t.originalPriceVisible) !== void 0 ? t.originalPriceVisible : (l == null ? void 0 : l["data-product_original_price_control_enabled"]) !== "false", Y = s.replace("{-{-TEMPLATE_FIRST_LINE-}-}", it(d)).replace("{-{-PRODUCT_IMAGE-}-}", V).replace("{-{-PRODUCT_NAME-}-}", et(e, d, p, t)).replaceAll(
|
|
311
303
|
"{-{-PRODUCT_PRICE-}-}",
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
304
|
+
g(at(
|
|
305
|
+
e,
|
|
306
|
+
r,
|
|
315
307
|
i,
|
|
316
308
|
n,
|
|
317
|
-
d,
|
|
318
309
|
c,
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
310
|
+
d,
|
|
311
|
+
E,
|
|
312
|
+
I,
|
|
313
|
+
a,
|
|
314
|
+
G
|
|
323
315
|
))
|
|
324
316
|
).replaceAll(
|
|
325
317
|
"{-{-PRODUCT_ORIGINAL_PRICE-}-}",
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
318
|
+
g(st(
|
|
319
|
+
e,
|
|
320
|
+
r,
|
|
329
321
|
i,
|
|
330
322
|
n,
|
|
331
|
-
d,
|
|
332
323
|
c,
|
|
324
|
+
d,
|
|
333
325
|
K,
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
326
|
+
u,
|
|
327
|
+
I,
|
|
328
|
+
a
|
|
337
329
|
))
|
|
338
|
-
).replace("{-{-PRODUCT_QUANTITY-}-}",
|
|
330
|
+
).replace("{-{-PRODUCT_QUANTITY-}-}", lt(H, d, P)).replace(
|
|
339
331
|
"{-{-PRODUCT_BUTTON-}-}",
|
|
340
|
-
|
|
332
|
+
rt(e, r, W, d, T, z, Q)
|
|
341
333
|
).replace(
|
|
342
334
|
/<td([^>]*class="[^"]*ins-product-td[^"]*"[^>]*)>/,
|
|
343
|
-
`<td$1 ${
|
|
335
|
+
`<td$1 ${A}>`
|
|
344
336
|
);
|
|
345
|
-
return
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
337
|
+
return ct(
|
|
338
|
+
Y,
|
|
339
|
+
a,
|
|
340
|
+
_,
|
|
341
|
+
G,
|
|
350
342
|
K
|
|
351
343
|
);
|
|
352
344
|
};
|
|
353
|
-
function
|
|
345
|
+
function It({
|
|
354
346
|
orientation: s,
|
|
355
|
-
itemsType:
|
|
356
|
-
itemId:
|
|
357
|
-
currencySymbol:
|
|
347
|
+
itemsType: e = N.ITEMS_TYPE.CART_ITEMS,
|
|
348
|
+
itemId: r,
|
|
349
|
+
currencySymbol: a,
|
|
358
350
|
currencyLocation: i,
|
|
359
|
-
migrate:
|
|
351
|
+
migrate: d = !1,
|
|
360
352
|
formattedPrice: n = !0,
|
|
361
|
-
configBlockAttributes:
|
|
362
|
-
nodeConfig:
|
|
363
|
-
nameStyles:
|
|
364
|
-
buttonStyles:
|
|
365
|
-
priceStyles:
|
|
366
|
-
originalPriceStyles:
|
|
367
|
-
quantityStyles:
|
|
368
|
-
priceOrientation:
|
|
353
|
+
configBlockAttributes: c,
|
|
354
|
+
nodeConfig: l,
|
|
355
|
+
nameStyles: o,
|
|
356
|
+
buttonStyles: t,
|
|
357
|
+
priceStyles: p,
|
|
358
|
+
originalPriceStyles: T,
|
|
359
|
+
quantityStyles: _,
|
|
360
|
+
priceOrientation: E
|
|
369
361
|
}) {
|
|
370
|
-
const
|
|
371
|
-
|
|
372
|
-
const
|
|
373
|
-
|
|
374
|
-
const
|
|
375
|
-
return s ===
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
362
|
+
const u = j[e].findIndex((V) => V.value === r), P = Z(r, e), I = (l == null ? void 0 : l.priceSinglePrice) ?? (c == null ? void 0 : c["data-product_price_control_single_price"]) === "1" ?? !1;
|
|
363
|
+
v = h.PAIRS_FOR_EXTENSION.imageSrc[e].DEFAULT[u >= 0 ? u : 0], F = h.PAIRS_FOR_EXTENSION.name[e].DEFAULT[u >= 0 ? u : 0];
|
|
364
|
+
const $ = h.PAIRS_FOR_EXTENSION.price[e], b = h.PAIRS_FOR_EXTENSION.originalPrice[e];
|
|
365
|
+
I ? (x = n ? $.DEFAULT_SINGLE_PRICE_FORMATTED : $.DEFAULT_SINGLE_PRICE, L = n ? b.DEFAULT_SINGLE_PRICE_FORMATTED : b.DEFAULT_SINGLE_PRICE) : (x = n ? $.DEFAULT_PRICE_FORMATTED : $.DEFAULT_PRICE, L = n ? b.DEFAULT_PRICE_FORMATTED : b.DEFAULT_PRICE), X = h.PAIRS_FOR_EXTENSION.quantity[e].DEFAULT;
|
|
366
|
+
const A = E || (l == null ? void 0 : l.priceOrientation) || "horizontal", D = (l == null ? void 0 : l.priceHideDiscount) ?? M.productPriceHideDiscountControlValue === "1";
|
|
367
|
+
return s === N.ORIENTATION.VERTICAL ? B(
|
|
368
|
+
J,
|
|
369
|
+
e,
|
|
370
|
+
P,
|
|
379
371
|
s,
|
|
380
372
|
n,
|
|
381
|
-
c,
|
|
382
|
-
t,
|
|
383
|
-
i,
|
|
384
373
|
d,
|
|
385
|
-
|
|
374
|
+
a,
|
|
375
|
+
i,
|
|
376
|
+
c,
|
|
377
|
+
String(D),
|
|
386
378
|
// nodup
|
|
387
|
-
|
|
379
|
+
l,
|
|
380
|
+
o,
|
|
381
|
+
t,
|
|
382
|
+
A,
|
|
388
383
|
p,
|
|
389
|
-
|
|
390
|
-
m,
|
|
391
|
-
$,
|
|
392
|
-
E,
|
|
393
|
-
I,
|
|
394
|
-
o
|
|
395
|
-
) : B(
|
|
396
|
-
tt,
|
|
397
|
-
a,
|
|
384
|
+
T,
|
|
398
385
|
_,
|
|
386
|
+
I
|
|
387
|
+
) : B(
|
|
388
|
+
C,
|
|
389
|
+
e,
|
|
390
|
+
P,
|
|
399
391
|
s,
|
|
400
392
|
n,
|
|
401
|
-
c,
|
|
402
|
-
t,
|
|
403
|
-
i,
|
|
404
393
|
d,
|
|
405
|
-
|
|
394
|
+
a,
|
|
395
|
+
i,
|
|
396
|
+
c,
|
|
397
|
+
String(D),
|
|
406
398
|
// nodup
|
|
407
|
-
|
|
399
|
+
l,
|
|
400
|
+
o,
|
|
401
|
+
t,
|
|
402
|
+
A,
|
|
408
403
|
p,
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
E,
|
|
413
|
-
I,
|
|
414
|
-
o
|
|
404
|
+
T,
|
|
405
|
+
_,
|
|
406
|
+
I
|
|
415
407
|
);
|
|
416
408
|
}
|
|
417
409
|
export {
|
|
418
|
-
|
|
419
|
-
|
|
410
|
+
It as getDefaultTemplate,
|
|
411
|
+
w as wrapInTableRow
|
|
420
412
|
};
|