@useinsider/guido 3.17.0-beta.ab974c6 → 3.17.0-beta.bc6e089
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/config/migrator/itemsBlockMigrator.js +204 -156
- package/dist/extensions/Blocks/Items/block.js +49 -105
- package/dist/extensions/Blocks/Items/constants/cardLayout.js +20 -0
- package/dist/extensions/Blocks/Items/controls/name/trimming.js +18 -17
- package/dist/extensions/Blocks/Items/controls/price/currencyLocation.js +24 -25
- package/dist/extensions/Blocks/Items/controls/price/currencySymbol.js +11 -12
- package/dist/extensions/Blocks/Items/controls/settingsControl.js +58 -55
- package/dist/extensions/Blocks/Items/enums/productEnums.js +14 -9
- package/dist/extensions/Blocks/Items/layouts/horizontal.html.js +11 -9
- package/dist/extensions/Blocks/Items/template.js +243 -236
- package/dist/src/extensions/Blocks/Items/block.d.ts +0 -29
- package/dist/src/extensions/Blocks/Items/constants/cardLayout.d.ts +44 -0
- package/dist/src/extensions/Blocks/Items/enums/productEnums.d.ts +3 -0
- package/dist/utils/pairProductVariables.js +66 -66
- package/package.json +1 -1
- package/dist/extensions/Blocks/Items/constants/currency.js +0 -17
- package/dist/src/extensions/Blocks/Items/constants/currency.d.ts +0 -26
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
var
|
|
2
|
-
var U = (
|
|
3
|
-
var
|
|
4
|
-
import { BLOCK_ID as
|
|
5
|
-
import { productPairs as
|
|
6
|
-
import { ItemInCartOptions as I, DefaultConfigValues as
|
|
7
|
-
import { getDefaultTemplate as
|
|
8
|
-
import { useTemplateStore as
|
|
9
|
-
const
|
|
1
|
+
var K = Object.defineProperty;
|
|
2
|
+
var U = (a, t, e) => t in a ? K(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e;
|
|
3
|
+
var R = (a, t, e) => U(a, typeof t != "symbol" ? t + "" : t, e);
|
|
4
|
+
import { BLOCK_ID as F } from "../../extensions/Blocks/Items/block.js";
|
|
5
|
+
import { productPairs as x } from "../../extensions/Blocks/Items/enums/productEnums.js";
|
|
6
|
+
import { ItemInCartOptions as I, DefaultConfigValues as S, SETTINGS_ENUMS as p } from "../../extensions/Blocks/Items/enums/settingsEnums.js";
|
|
7
|
+
import { getDefaultTemplate as O } from "../../extensions/Blocks/Items/template.js";
|
|
8
|
+
import { useTemplateStore as $ } from "../../stores/template.js";
|
|
9
|
+
const V = {
|
|
10
10
|
img: {
|
|
11
11
|
pairsKey: "imageSrc",
|
|
12
12
|
defaultKey: "DEFAULT",
|
|
@@ -73,126 +73,126 @@ const x = {
|
|
|
73
73
|
isArray: !1
|
|
74
74
|
}
|
|
75
75
|
};
|
|
76
|
-
function
|
|
76
|
+
function N() {
|
|
77
77
|
return String(Date.now() + Math.floor(Math.random() * 1e3));
|
|
78
78
|
}
|
|
79
|
-
function
|
|
80
|
-
return
|
|
79
|
+
function L(a) {
|
|
80
|
+
return a ? {
|
|
81
81
|
CartItems: p.ITEMS_TYPE.CART_ITEMS,
|
|
82
82
|
BrowsedItems: p.ITEMS_TYPE.BROWSED_ITEMS,
|
|
83
83
|
PurchasedItems: p.ITEMS_TYPE.PURCHASED_ITEMS,
|
|
84
84
|
CART_ITEMS: p.ITEMS_TYPE.CART_ITEMS,
|
|
85
85
|
BROWSED_ITEMS: p.ITEMS_TYPE.BROWSED_ITEMS,
|
|
86
86
|
PURCHASED_ITEMS: p.ITEMS_TYPE.PURCHASED_ITEMS
|
|
87
|
-
}[
|
|
87
|
+
}[a] || p.ITEMS_TYPE.CART_ITEMS : p.ITEMS_TYPE.CART_ITEMS;
|
|
88
88
|
}
|
|
89
|
-
function
|
|
90
|
-
var
|
|
91
|
-
const t = (l, u) => l == null ? u : l === "1" || l === "true",
|
|
92
|
-
let
|
|
93
|
-
if (
|
|
94
|
-
const l = parseInt(
|
|
95
|
-
u && u[l] && (
|
|
89
|
+
function k(a) {
|
|
90
|
+
var r;
|
|
91
|
+
const t = (l, u) => l == null ? u : l === "1" || l === "true", e = (l, u) => l || u, c = a["data-type"] || a["data-source"], o = L(c), n = I[o];
|
|
92
|
+
let i = a["data-cart_items_select_control_value"] || ((r = n == null ? void 0 : n[0]) == null ? void 0 : r.value) || S.cartItemsSelectControlValue;
|
|
93
|
+
if (i && !i.includes("{{") && /^\d+$/.test(i)) {
|
|
94
|
+
const l = parseInt(i) - 1, u = I[o];
|
|
95
|
+
u && u[l] && (i = u[l].value);
|
|
96
96
|
}
|
|
97
97
|
return {
|
|
98
98
|
initialized: !0,
|
|
99
|
-
blockInstanceId:
|
|
100
|
-
source:
|
|
101
|
-
type:
|
|
102
|
-
itemsSelectValue:
|
|
103
|
-
orientation:
|
|
104
|
-
nameTrimming: t(
|
|
105
|
-
priceHideDiscount: t(
|
|
106
|
-
priceFormatted: t(
|
|
107
|
-
priceSinglePrice: t(
|
|
108
|
-
priceCurrencySymbol:
|
|
109
|
-
|
|
110
|
-
|
|
99
|
+
blockInstanceId: e(a["data-block-instance-id"], N()),
|
|
100
|
+
source: o,
|
|
101
|
+
type: o,
|
|
102
|
+
itemsSelectValue: i,
|
|
103
|
+
orientation: a["data-card_orientation_control_value"] || p.ORIENTATION.VERTICAL,
|
|
104
|
+
nameTrimming: t(a["data-product_name_control_trim"], !0),
|
|
105
|
+
priceHideDiscount: t(a["data-product_price_control_nodup"], !0),
|
|
106
|
+
priceFormatted: t(a["data-product_price_control_formated"], !0),
|
|
107
|
+
priceSinglePrice: t(a["data-product_price_control_single_price"], !1),
|
|
108
|
+
priceCurrencySymbol: e(
|
|
109
|
+
a["data-product_price_control_currency_symbol"],
|
|
110
|
+
S.productPriceCurrencySymbolControlValue
|
|
111
111
|
),
|
|
112
|
-
priceCurrencyLocation:
|
|
113
|
-
|
|
114
|
-
|
|
112
|
+
priceCurrencyLocation: e(
|
|
113
|
+
a["data-product_price_currency_location"],
|
|
114
|
+
S.productPriceCurrencyLocationControlValue
|
|
115
115
|
),
|
|
116
|
-
priceOrientation:
|
|
117
|
-
quantityControlEnabled: t(
|
|
118
|
-
buttonLink:
|
|
119
|
-
imageLink:
|
|
120
|
-
buttonLabel:
|
|
121
|
-
buttonFullWidth: t(
|
|
122
|
-
imageVisible: t(
|
|
123
|
-
nameVisible: t(
|
|
124
|
-
quantityVisible: t(
|
|
125
|
-
priceVisible: t(
|
|
126
|
-
originalPriceVisible: t(
|
|
127
|
-
buttonVisible: t(
|
|
116
|
+
priceOrientation: a["data-product_original_price_control_orientation"] || "horizontal",
|
|
117
|
+
quantityControlEnabled: t(a["data-product_quantity_control_enabled"], !0),
|
|
118
|
+
buttonLink: e(a["data-product_button_link"], S.productButtonLinkControlValue),
|
|
119
|
+
imageLink: e(a["data-product_image_link"], S.productImageLinkControlValue),
|
|
120
|
+
buttonLabel: e(a["data-product_button_control_label"], "Buy"),
|
|
121
|
+
buttonFullWidth: t(a["data-product_button_control_atw"], !0),
|
|
122
|
+
imageVisible: t(a["data-product_image_control_enabled"], !0),
|
|
123
|
+
nameVisible: t(a["data-product_name_control_enabled"], !0),
|
|
124
|
+
quantityVisible: t(a["data-product_quantity_control_enabled"], !0),
|
|
125
|
+
priceVisible: t(a["data-product_price_control_enabled"], !0),
|
|
126
|
+
originalPriceVisible: t(a["data-product_original_price_control_enabled"], !0),
|
|
127
|
+
buttonVisible: t(a["data-product_button_control_enabled"], !0)
|
|
128
128
|
};
|
|
129
129
|
}
|
|
130
|
-
const
|
|
130
|
+
const z = {
|
|
131
131
|
ins_apr: "CART_ITEMS",
|
|
132
132
|
browsed_item: "BROWSED_ITEMS",
|
|
133
133
|
purchased_item: "PURCHASED_ITEMS"
|
|
134
134
|
};
|
|
135
|
-
function
|
|
136
|
-
const
|
|
135
|
+
function H(a, t) {
|
|
136
|
+
const e = {
|
|
137
137
|
CART_ITEMS: `{{Abandoned Cart Item (${t}) Image}}`,
|
|
138
138
|
BROWSED_ITEMS: `{{Browsed Item (${t}) Image}}`,
|
|
139
139
|
PURCHASED_ITEMS: `{{Purchased Item (${t}) Image}}`
|
|
140
140
|
};
|
|
141
|
-
return
|
|
141
|
+
return e[a] || e.CART_ITEMS;
|
|
142
142
|
}
|
|
143
|
-
function
|
|
144
|
-
const
|
|
143
|
+
function Y(a, t) {
|
|
144
|
+
const e = {
|
|
145
145
|
CART_ITEMS: `{{Abandoned Cart Item (${t}) Url}}`,
|
|
146
146
|
BROWSED_ITEMS: `{{Browsed Item (${t}) Url}}`,
|
|
147
147
|
PURCHASED_ITEMS: `{{Purchased Item (${t}) Url}}`
|
|
148
148
|
};
|
|
149
|
-
return
|
|
149
|
+
return e[a] || e.CART_ITEMS;
|
|
150
150
|
}
|
|
151
|
-
class
|
|
151
|
+
class W {
|
|
152
152
|
constructor() {
|
|
153
|
-
|
|
153
|
+
R(this, "parser");
|
|
154
154
|
this.parser = new DOMParser();
|
|
155
155
|
}
|
|
156
156
|
migrate(t) {
|
|
157
157
|
try {
|
|
158
158
|
if (!this.containsItemsBlock(t))
|
|
159
159
|
return this.backfillV2ProductTdAttributes(t);
|
|
160
|
-
let
|
|
161
|
-
|
|
162
|
-
const c = this.parser.parseFromString(
|
|
160
|
+
let e = this.removeJinjaConditionals(t);
|
|
161
|
+
e = this.replaceTemplateVariables(e);
|
|
162
|
+
const c = this.parser.parseFromString(e, "text/html"), o = c.querySelectorAll(
|
|
163
163
|
"td.esd-cart-items-block, td.esd-browsed-items-block, td.esd-purchased-items-block"
|
|
164
164
|
);
|
|
165
|
-
return
|
|
166
|
-
|
|
167
|
-
}),
|
|
168
|
-
const
|
|
169
|
-
orientation:
|
|
170
|
-
itemsType:
|
|
171
|
-
itemId:
|
|
172
|
-
currencySymbol:
|
|
173
|
-
currencyLocation:
|
|
174
|
-
formattedPrice:
|
|
175
|
-
configBlockAttributes:
|
|
165
|
+
return $().$patch((i) => {
|
|
166
|
+
i.migrations = { ...i.migrations, [F]: o.length };
|
|
167
|
+
}), o.length === 0 ? (console.warn("ItemsBlockMigrator: No blocks found with items block selectors"), e) : (o.forEach((i) => {
|
|
168
|
+
const r = this.extractConfiguration(i), l = O({
|
|
169
|
+
orientation: r.orientation,
|
|
170
|
+
itemsType: r.itemsType,
|
|
171
|
+
itemId: r.itemId,
|
|
172
|
+
currencySymbol: r.currencySymbol,
|
|
173
|
+
currencyLocation: r.currencyLocation,
|
|
174
|
+
formattedPrice: r.formattedPrice,
|
|
175
|
+
configBlockAttributes: r.configBlockAttributes,
|
|
176
176
|
migrate: !0,
|
|
177
|
-
nameStyles:
|
|
178
|
-
buttonStyles:
|
|
179
|
-
priceStyles:
|
|
180
|
-
originalPriceStyles:
|
|
181
|
-
quantityStyles:
|
|
182
|
-
nodeConfig:
|
|
177
|
+
nameStyles: r.nameStyles,
|
|
178
|
+
buttonStyles: r.buttonStyles,
|
|
179
|
+
priceStyles: r.priceStyles,
|
|
180
|
+
originalPriceStyles: r.originalPriceStyles,
|
|
181
|
+
quantityStyles: r.quantityStyles,
|
|
182
|
+
nodeConfig: k(r.configBlockAttributes)
|
|
183
183
|
}), s = this.parser.parseFromString(
|
|
184
184
|
`<table><tbody><tr>${l}</tr></tbody></table>`,
|
|
185
185
|
"text/html"
|
|
186
186
|
).querySelector("td");
|
|
187
|
-
if (s &&
|
|
188
|
-
const _ =
|
|
187
|
+
if (s && i.parentNode) {
|
|
188
|
+
const _ = k(r.configBlockAttributes);
|
|
189
189
|
s.setAttribute("esd-ext-config", JSON.stringify(_)), s.setAttribute("data-type", _.type);
|
|
190
190
|
const d = s.querySelector("esd-config-block");
|
|
191
|
-
d && d.remove(),
|
|
191
|
+
d && d.remove(), i.parentNode.replaceChild(s, i);
|
|
192
192
|
}
|
|
193
193
|
}), c.documentElement.outerHTML);
|
|
194
|
-
} catch (
|
|
195
|
-
return console.error("ItemsBlockMigrator failed:",
|
|
194
|
+
} catch (e) {
|
|
195
|
+
return console.error("ItemsBlockMigrator failed:", e), t;
|
|
196
196
|
}
|
|
197
197
|
}
|
|
198
198
|
/**
|
|
@@ -202,28 +202,76 @@ class H {
|
|
|
202
202
|
* - UI styles from product elements (name, price, button, quantity, etc.)
|
|
203
203
|
*/
|
|
204
204
|
extractConfiguration(t) {
|
|
205
|
-
var
|
|
206
|
-
const
|
|
207
|
-
((
|
|
208
|
-
), c = ((
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
205
|
+
var D, P, M;
|
|
206
|
+
const e = L(
|
|
207
|
+
((D = t.querySelector("[data-type]")) == null ? void 0 : D.getAttribute("data-type")) ?? null
|
|
208
|
+
), c = ((P = t.querySelector("[data-number]")) == null ? void 0 : P.getAttribute("data-number")) || "1", o = parseInt(c) - 1, n = I[e], i = ((M = n == null ? void 0 : n[o]) == null ? void 0 : M.value) || n[0].value, r = this.extractConfigBlockAttributes(t, e, c);
|
|
209
|
+
this.applyDomFallbacks(t, r);
|
|
210
|
+
const l = t.querySelector('[product-attr="price"]'), u = l ?? t.querySelector('[product-attr="originalPrice"]'), s = (u == null ? void 0 : u.getAttribute("data-currency_symbol")) || r["data-product_price_control_currency_symbol"], _ = u == null ? void 0 : u.getAttribute("data-curency");
|
|
211
|
+
let d = r["data-product_price_currency_location"] || "0";
|
|
212
|
+
_ && (d = _ === "after" ? "1" : "0");
|
|
213
|
+
const A = (u == null ? void 0 : u.getAttribute("data-formated")) ?? r["data-product_price_control_formated"], h = A !== "false" && A !== "0", m = r["data-card_orientation_control_value"];
|
|
214
|
+
let g;
|
|
215
|
+
m ? g = m === "horizontal" ? "horizontal" : "vertical" : g = t.querySelector('[colspan="2"]') !== null ? "vertical" : "horizontal";
|
|
216
|
+
const f = t.querySelector('a[product-attr="name"]'), b = (f == null ? void 0 : f.getAttribute("style")) || void 0, E = t.querySelector('a[product-attr="button"]'), w = (E == null ? void 0 : E.getAttribute("style")) || void 0, v = (l == null ? void 0 : l.getAttribute("style")) || void 0, y = t.querySelector("p.original-price") ?? t.querySelector('[product-attr="originalPrice"]'), T = y != null && y.getAttribute("style") ? y : (y == null ? void 0 : y.closest("p")) ?? y, B = (T == null ? void 0 : T.getAttribute("style")) || void 0, C = t.querySelector('[product-attr="quantity"]'), q = (C == null ? void 0 : C.getAttribute("style")) || void 0;
|
|
212
217
|
return {
|
|
213
|
-
orientation:
|
|
214
|
-
itemsType:
|
|
215
|
-
itemId:
|
|
216
|
-
currencySymbol:
|
|
217
|
-
currencyLocation:
|
|
218
|
-
formattedPrice:
|
|
219
|
-
configBlockAttributes:
|
|
220
|
-
nameStyles:
|
|
221
|
-
buttonStyles:
|
|
222
|
-
priceStyles:
|
|
223
|
-
originalPriceStyles:
|
|
224
|
-
quantityStyles:
|
|
218
|
+
orientation: g,
|
|
219
|
+
itemsType: e,
|
|
220
|
+
itemId: i,
|
|
221
|
+
currencySymbol: s,
|
|
222
|
+
currencyLocation: d,
|
|
223
|
+
formattedPrice: h,
|
|
224
|
+
configBlockAttributes: r,
|
|
225
|
+
nameStyles: b,
|
|
226
|
+
buttonStyles: w,
|
|
227
|
+
priceStyles: v,
|
|
228
|
+
originalPriceStyles: B,
|
|
229
|
+
quantityStyles: q
|
|
225
230
|
};
|
|
226
231
|
}
|
|
232
|
+
/**
|
|
233
|
+
* DOM fallback for hand-edited templates whose esd-config-block was deleted. With no
|
|
234
|
+
* toggle record left, derive each field's enabled state from whether its product-attr
|
|
235
|
+
* element still exists and read the button label from the live caption — a deleted
|
|
236
|
+
* element means the field is off, not an all-ON default. A present config block stays
|
|
237
|
+
* authoritative (a missing flag there still means "default on"), so we no-op for it.
|
|
238
|
+
*/
|
|
239
|
+
applyDomFallbacks(t, e) {
|
|
240
|
+
var u;
|
|
241
|
+
const c = t.querySelector("esd-config-block");
|
|
242
|
+
if (Object.entries({
|
|
243
|
+
image: '[product-attr="imageSrc"]',
|
|
244
|
+
name: '[product-attr="name"]',
|
|
245
|
+
price: '[product-attr="price"]',
|
|
246
|
+
original_price: '[product-attr="originalPrice"], p.original-price',
|
|
247
|
+
quantity: '[product-attr="quantity"]',
|
|
248
|
+
button: '[product-attr="button"]'
|
|
249
|
+
}).forEach(([s, _]) => {
|
|
250
|
+
const d = `data-product_${s}_control_enabled`;
|
|
251
|
+
(!c || !c.hasAttribute(d)) && (e[d] = t.querySelector(_) ? "true" : "false");
|
|
252
|
+
}), c)
|
|
253
|
+
return;
|
|
254
|
+
e["data-card_orientation_control_value"] = t.querySelector('[colspan="2"]') ? "vertical" : "horizontal";
|
|
255
|
+
const n = t.querySelector('a[product-attr="button"]'), i = (u = n == null ? void 0 : n.textContent) == null ? void 0 : u.replace(/\s+/g, " ").trim();
|
|
256
|
+
i && (e["data-product_button_control_label"] = i), /display:\s*inline/.test((n == null ? void 0 : n.getAttribute("style")) || "") && (e["data-product_button_control_atw"] = "false");
|
|
257
|
+
const r = t.querySelector('[product-attr="imageSrc"]'), l = r ? this.readImageDimension(r) : null;
|
|
258
|
+
l && (e["data-product_image_control_image-height"] = l, e["data-product_image_control_image-width"] = l);
|
|
259
|
+
}
|
|
260
|
+
/**
|
|
261
|
+
* Reads a pixel dimension for the product image from its DOM element — the legacy
|
|
262
|
+
* `width` attribute first, then a px value in the inline style. An explicit `width` wins
|
|
263
|
+
* over `max-width`, which is only an upper bound; `max-width` still covers the common
|
|
264
|
+
* `width: 100%` case, where no pixel size can be read from `width` itself.
|
|
265
|
+
* Returns null when no pixel size is present.
|
|
266
|
+
*/
|
|
267
|
+
readImageDimension(t) {
|
|
268
|
+
var n;
|
|
269
|
+
const e = (n = t.getAttribute("width")) == null ? void 0 : n.trim();
|
|
270
|
+
if (e && /^\d+$/.test(e))
|
|
271
|
+
return e;
|
|
272
|
+
const c = t.getAttribute("style") || "", o = c.match(/(?:^|;)\s*width:\s*(\d+)px/) || c.match(/max-width:\s*(\d+)px/);
|
|
273
|
+
return o ? o[1] : null;
|
|
274
|
+
}
|
|
227
275
|
/**
|
|
228
276
|
* Extracts all data-* attributes from the esd-config-block element
|
|
229
277
|
* Returns a key-value mapping of all configuration attributes
|
|
@@ -231,27 +279,27 @@ class H {
|
|
|
231
279
|
* @param itemsType - The type of items (CART_ITEMS, BROWSED_ITEMS, PURCHASED_ITEMS)
|
|
232
280
|
* @param itemNumber - The item number (1-based index)
|
|
233
281
|
*/
|
|
234
|
-
extractConfigBlockAttributes(t,
|
|
235
|
-
const
|
|
236
|
-
if (
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
282
|
+
extractConfigBlockAttributes(t, e, c) {
|
|
283
|
+
const o = t.querySelector("esd-config-block"), n = {};
|
|
284
|
+
if (o) {
|
|
285
|
+
if (Array.from(o.attributes).forEach((r) => {
|
|
286
|
+
r.name.startsWith("data-") && (n[r.name] = r.value);
|
|
287
|
+
}), n["data-cart_items_select_control_value"]) {
|
|
288
|
+
const r = n["data-cart_items_select_control_value"];
|
|
289
|
+
if (/^\d+$/.test(r)) {
|
|
290
|
+
const l = parseInt(r) - 1, u = I[e];
|
|
291
|
+
u && u[l] && (n["data-cart_items_select_control_value"] = u[l].value);
|
|
292
|
+
}
|
|
245
293
|
}
|
|
294
|
+
if (n["data-product_price_control_curency"]) {
|
|
295
|
+
const r = n["data-product_price_control_curency"];
|
|
296
|
+
let l = r;
|
|
297
|
+
r === "before" ? l = "0" : r === "after" && (l = "1"), n["data-product_price_control_curency"] = l, n["data-product_price_currency_location"] = l;
|
|
298
|
+
}
|
|
299
|
+
(!n["data-product_price_control_currency_symbol"] || n["data-product_price_control_currency_symbol"].trim() === "") && (n["data-product_price_control_currency_symbol"] = "USD");
|
|
246
300
|
}
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
let l = e;
|
|
250
|
-
e === "before" ? l = "0" : e === "after" && (l = "1"), i["data-product_price_control_curency"] = l, i["data-product_price_currency_location"] = l;
|
|
251
|
-
}
|
|
252
|
-
(!i["data-product_price_control_currency_symbol"] || i["data-product_price_control_currency_symbol"].trim() === "") && (i["data-product_price_control_currency_symbol"] = "USD");
|
|
253
|
-
const n = { ...this.getDefaultConfigBlockAttributes(), ...i };
|
|
254
|
-
return n["data-type"] = r, n["data-source"] = r, n["data-product_image_link"] = $(r, c), n["data-product_button_link"] = N(r, c), n;
|
|
301
|
+
const i = { ...this.getDefaultConfigBlockAttributes(), ...n };
|
|
302
|
+
return i["data-type"] = e, i["data-source"] = e, i["data-product_image_link"] = H(e, c), i["data-product_button_link"] = Y(e, c), i;
|
|
255
303
|
}
|
|
256
304
|
/**
|
|
257
305
|
* Returns default esd-config-block attributes based on the old template structure
|
|
@@ -325,25 +373,25 @@ class H {
|
|
|
325
373
|
backfillV2ProductTdAttributes(t) {
|
|
326
374
|
if (!t.includes("ins-product-td") || !t.includes("esd-ext-config"))
|
|
327
375
|
return t;
|
|
328
|
-
const
|
|
376
|
+
const e = this.parser.parseFromString(t, "text/html");
|
|
329
377
|
let c = !1;
|
|
330
|
-
return
|
|
331
|
-
|
|
332
|
-
const
|
|
333
|
-
let
|
|
378
|
+
return e.querySelectorAll(".ins-product-td").forEach((o) => {
|
|
379
|
+
o.hasAttribute("width") && (o.removeAttribute("width"), c = !0);
|
|
380
|
+
const n = o.getAttribute("esd-ext-config");
|
|
381
|
+
let i = null;
|
|
334
382
|
try {
|
|
335
|
-
|
|
383
|
+
i = n ? JSON.parse(n) : null;
|
|
336
384
|
} catch {
|
|
337
385
|
}
|
|
338
|
-
if (!
|
|
386
|
+
if (!i || (!o.getAttribute("data-nodup") && typeof i.priceHideDiscount == "boolean" && (o.setAttribute("data-nodup", String(i.priceHideDiscount)), c = !0), o.getAttribute("data-type")))
|
|
339
387
|
return;
|
|
340
|
-
const
|
|
341
|
-
if (!
|
|
388
|
+
const r = i.type || i.source;
|
|
389
|
+
if (!r)
|
|
342
390
|
return;
|
|
343
|
-
|
|
344
|
-
const l = typeof
|
|
345
|
-
l &&
|
|
346
|
-
}), c ?
|
|
391
|
+
o.setAttribute("data-type", r), c = !0;
|
|
392
|
+
const l = typeof i.itemsSelectValue == "string" ? i.itemsSelectValue.match(/\((\d+)\)/) : null;
|
|
393
|
+
l && o.getAttribute("data-number") !== l[1] && o.setAttribute("data-number", l[1]);
|
|
394
|
+
}), c ? e.documentElement.outerHTML : t;
|
|
347
395
|
}
|
|
348
396
|
/**
|
|
349
397
|
* Fast check for the presence of any items block (cart / browsed / purchased)
|
|
@@ -364,17 +412,17 @@ class H {
|
|
|
364
412
|
* contains display condition Jinja scripts that should NOT be removed.
|
|
365
413
|
*/
|
|
366
414
|
removeJinjaConditionals(t) {
|
|
367
|
-
const
|
|
368
|
-
let
|
|
369
|
-
return
|
|
415
|
+
const e = "__ESD_DISPLAY_CONDITIONS_PLACEHOLDER__", c = t.match(/esd-custom-display-conditions="[^"]*"/);
|
|
416
|
+
let o = c ? t.replace(c[0], e) : t;
|
|
417
|
+
return o = o.replace(
|
|
370
418
|
/\{%\s*if\s+(ins_apr|browsed_item|purchased_item)_total_product_kind\s*(>|>)\s*\d+\s*%\}/g,
|
|
371
419
|
""
|
|
372
|
-
),
|
|
420
|
+
), o = o.replace(
|
|
373
421
|
/\{%\s*if\s+(ins_apr|browsed_item|purchased_item)_price_\d+\s*(!=|!=)\s*\1_originalprice_\d+\s*%\}/g,
|
|
374
422
|
""
|
|
375
|
-
),
|
|
423
|
+
), o = o.replace(/\{%\s*endif\s*%\}/g, ""), c && (o = o.replace(e, c[0])), o = o.replace(/\n\s*\n\s*\n/g, `
|
|
376
424
|
|
|
377
|
-
`),
|
|
425
|
+
`), o;
|
|
378
426
|
}
|
|
379
427
|
/**
|
|
380
428
|
* Replaces template variables with default values from productPairs
|
|
@@ -386,32 +434,32 @@ class H {
|
|
|
386
434
|
* - {{purchased_item_formattedprice_5}} → '1,490.49' (PURCHASED_ITEMS)
|
|
387
435
|
*/
|
|
388
436
|
replaceTemplateVariables(t) {
|
|
389
|
-
const { PAIRS_FOR_EXTENSION:
|
|
390
|
-
return t.replace(/{{([^}]+)}}/g, (c,
|
|
391
|
-
const
|
|
392
|
-
if (!
|
|
437
|
+
const { PAIRS_FOR_EXTENSION: e } = x;
|
|
438
|
+
return t.replace(/{{([^}]+)}}/g, (c, o) => {
|
|
439
|
+
const n = o.match(/^(ins_apr|browsed_item|purchased_item)_([a-z_]+)_(\d+)$/);
|
|
440
|
+
if (!n)
|
|
393
441
|
return c;
|
|
394
|
-
const [,
|
|
442
|
+
const [, i, r, l] = n, u = z[i];
|
|
395
443
|
if (!u)
|
|
396
|
-
return console.warn(`Unknown variable prefix: ${
|
|
397
|
-
const s =
|
|
444
|
+
return console.warn(`Unknown variable prefix: ${i}`), c;
|
|
445
|
+
const s = V[r];
|
|
398
446
|
if (!s)
|
|
399
|
-
return console.warn(`Unknown variable suffix mapping for: ${
|
|
400
|
-
const { pairsKey: _, defaultKey: d, isArray:
|
|
401
|
-
if (!
|
|
447
|
+
return console.warn(`Unknown variable suffix mapping for: ${r}`), c;
|
|
448
|
+
const { pairsKey: _, defaultKey: d, isArray: A } = s, m = e[_][u];
|
|
449
|
+
if (!m)
|
|
402
450
|
return console.warn(`No data found for: ${_}.${u}`), c;
|
|
403
|
-
if (
|
|
404
|
-
const f = parseInt(l) - 1,
|
|
405
|
-
return Array.isArray(
|
|
451
|
+
if (A) {
|
|
452
|
+
const f = parseInt(l) - 1, b = m[d];
|
|
453
|
+
return Array.isArray(b) && b[f] ? b[f] : (console.warn(`Array value not found: ${_}.${u}.${d}[${f}]`), c);
|
|
406
454
|
}
|
|
407
|
-
const
|
|
408
|
-
return
|
|
455
|
+
const g = m[d];
|
|
456
|
+
return g !== void 0 ? String(g) : (console.warn(`Default value not found: ${_}.${u}.${d}`), c);
|
|
409
457
|
});
|
|
410
458
|
}
|
|
411
459
|
}
|
|
412
|
-
function
|
|
413
|
-
return new
|
|
460
|
+
function et(a) {
|
|
461
|
+
return new W().migrate(a);
|
|
414
462
|
}
|
|
415
463
|
export {
|
|
416
|
-
|
|
464
|
+
et as migrateItemsBlock
|
|
417
465
|
};
|