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