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