@useinsider/guido 3.2.0-beta.f2e037f → 3.2.0-beta.f708a56
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.
|
@@ -1,75 +1,75 @@
|
|
|
1
|
-
import { ModificationDescription as
|
|
2
|
-
import { CommonControl as
|
|
3
|
-
import { ItemsBlockControlId as
|
|
4
|
-
import { productPairs as
|
|
5
|
-
import { getItemsBlockConfig as I, setItemsBlockConfig as
|
|
6
|
-
const
|
|
1
|
+
import { ModificationDescription as S, UIElementType as d, UEAttr as m } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
|
|
2
|
+
import { CommonControl as A } from "../../../common-control.js";
|
|
3
|
+
import { ItemsBlockControlId as T, ItemsBlockId as p } from "../../enums/controlEnums.js";
|
|
4
|
+
import { productPairs as R } from "../../enums/productEnums.js";
|
|
5
|
+
import { getItemsBlockConfig as I, setItemsBlockConfig as N, escapeReplacement as h } from "../../utils/nodeConfigUtils.js";
|
|
6
|
+
const u = T.PRICE_SINGLE_PRICE, l = {
|
|
7
7
|
SINGLE_PRICE: "singlePrice"
|
|
8
8
|
};
|
|
9
|
-
class
|
|
9
|
+
class k extends A {
|
|
10
10
|
getId() {
|
|
11
|
-
return
|
|
11
|
+
return u;
|
|
12
12
|
}
|
|
13
13
|
getTemplate() {
|
|
14
14
|
return `
|
|
15
|
-
<div class="container ${
|
|
15
|
+
<div class="container ${T.PRICE_SINGLE_PRICE}">
|
|
16
16
|
${this._getSinglePrice()}
|
|
17
17
|
</div>
|
|
18
18
|
`;
|
|
19
19
|
}
|
|
20
20
|
onRender() {
|
|
21
21
|
const e = I(this.currentNode);
|
|
22
|
-
this.api.updateValues({ [l.SINGLE_PRICE]: (e == null ? void 0 : e.priceSinglePrice) ?? !1 }), this.api.onValueChanged(l.SINGLE_PRICE, (
|
|
23
|
-
this._onSinglePriceChange(
|
|
22
|
+
this.api.updateValues({ [l.SINGLE_PRICE]: (e == null ? void 0 : e.priceSinglePrice) ?? !1 }), this.api.onValueChanged(l.SINGLE_PRICE, (i) => {
|
|
23
|
+
this._onSinglePriceChange(i);
|
|
24
24
|
});
|
|
25
25
|
}
|
|
26
26
|
onTemplateNodeUpdated(e) {
|
|
27
27
|
super.onTemplateNodeUpdated(e), this.handleBlockInstanceChange(() => {
|
|
28
|
-
const
|
|
29
|
-
this.api.updateValues({ [l.SINGLE_PRICE]: (
|
|
28
|
+
const i = I(this.currentNode);
|
|
29
|
+
this.api.updateValues({ [l.SINGLE_PRICE]: (i == null ? void 0 : i.priceSinglePrice) ?? !1 });
|
|
30
30
|
});
|
|
31
31
|
}
|
|
32
32
|
_onSinglePriceChange(e) {
|
|
33
|
-
if (console.debug("Single price changed to: ", e),
|
|
33
|
+
if (console.debug("Single price changed to: ", e), !this.currentNode)
|
|
34
34
|
return;
|
|
35
|
-
const
|
|
36
|
-
r ?
|
|
37
|
-
r ?
|
|
35
|
+
const i = I(this.currentNode), c = (i == null ? void 0 : i.type) ?? "CART_ITEMS", r = (i == null ? void 0 : i.priceFormatted) ?? !1, t = R.PAIRS_FOR_EXTENSION.price[c], n = R.PAIRS_FOR_EXTENSION.originalPrice[c], [E, g] = e ? [
|
|
36
|
+
r ? t.DEFAULT_PRICE_FORMATTED : t.DEFAULT_PRICE,
|
|
37
|
+
r ? t.DEFAULT_SINGLE_PRICE_FORMATTED : t.DEFAULT_SINGLE_PRICE
|
|
38
38
|
] : [
|
|
39
|
-
r ?
|
|
40
|
-
r ?
|
|
41
|
-
],
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
}), ((n == null ? void 0 : n.querySelectorAll(
|
|
47
|
-
`[esd-extension-block-id="${R.ORIGINAL_PRICE}"]`
|
|
39
|
+
r ? t.DEFAULT_SINGLE_PRICE_FORMATTED : t.DEFAULT_SINGLE_PRICE,
|
|
40
|
+
r ? t.DEFAULT_PRICE_FORMATTED : t.DEFAULT_PRICE
|
|
41
|
+
], P = r ? n.DEFAULT_PRICE_FORMATTED : n.DEFAULT_PRICE, _ = r ? n.DEFAULT_SINGLE_PRICE_FORMATTED : n.DEFAULT_SINGLE_PRICE, [L, C] = e ? [P, _] : [_, P], s = this.api.getDocumentModifier();
|
|
42
|
+
N(this.currentNode, this.api, { priceSinglePrice: e }, s);
|
|
43
|
+
const o = this.currentNode.closest(".items-block");
|
|
44
|
+
((o == null ? void 0 : o.querySelectorAll(
|
|
45
|
+
`[esd-extension-block-id="${p.PRICE}"]`
|
|
48
46
|
)) || []).forEach((a) => {
|
|
49
|
-
this._updatePriceBlock(
|
|
50
|
-
}),
|
|
47
|
+
this._updatePriceBlock(s, a, E, g, e);
|
|
48
|
+
}), ((o == null ? void 0 : o.querySelectorAll(
|
|
49
|
+
`[esd-extension-block-id="${p.ORIGINAL_PRICE}"]`
|
|
50
|
+
)) || []).forEach((a) => {
|
|
51
|
+
this._updatePriceBlock(s, a, L, C, e);
|
|
52
|
+
}), s.apply(new S(
|
|
51
53
|
`Updated price to ${e ? "single" : "total"} price`
|
|
52
54
|
));
|
|
53
55
|
}
|
|
54
|
-
_updatePriceBlock(e,
|
|
55
|
-
const
|
|
56
|
-
e.modifyHtml(
|
|
57
|
-
e.modifyHtml(s).setAttribute("data-single_price", i ? "true" : "false");
|
|
58
|
-
});
|
|
56
|
+
_updatePriceBlock(e, i, c, r, t) {
|
|
57
|
+
const n = `data-single_price="${t ? "true" : "false"}"`, E = i.getInnerHTML().trim().replace(c, h(r)).replace(/data-single_price=(?:"[^"]*"|'[^']*')/g, n);
|
|
58
|
+
e.modifyHtml(i).setInnerHtml(E);
|
|
59
59
|
}
|
|
60
60
|
_getSinglePrice() {
|
|
61
61
|
return `
|
|
62
62
|
<div class="display-flex align-items-center justify-content-between">
|
|
63
|
-
<${
|
|
64
|
-
${
|
|
63
|
+
<${d.LABEL}
|
|
64
|
+
${m.LABEL.text}="${this.api.translate("Show Single Product Price")}"
|
|
65
65
|
>
|
|
66
|
-
</${
|
|
66
|
+
</${d.LABEL}>
|
|
67
67
|
${this._GuToggle(l.SINGLE_PRICE)}
|
|
68
68
|
</div>
|
|
69
69
|
`;
|
|
70
70
|
}
|
|
71
71
|
}
|
|
72
72
|
export {
|
|
73
|
-
|
|
74
|
-
|
|
73
|
+
u as CONTROL_BLOCK_ID,
|
|
74
|
+
k as PriceSinglePriceControl
|
|
75
75
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _ from "../../../../node_modules/lodash-es/flatMap.js";
|
|
2
|
-
import
|
|
3
|
-
const T = '<td align="center" class="ins-product-td items-block items-block-v2">',
|
|
2
|
+
import E from "../../../../node_modules/lodash-es/range.js";
|
|
3
|
+
const T = '<td align="center" class="ins-product-td items-block items-block-v2">', a = { PAIRS_FOR_EXTENSION: {
|
|
4
4
|
imageSrc: {
|
|
5
5
|
CART_ITEMS: {
|
|
6
6
|
ATTR: "ins_apr_img",
|
|
@@ -212,10 +212,10 @@ const T = '<td align="center" class="ins-product-td items-block items-block-v2">
|
|
|
212
212
|
}
|
|
213
213
|
} };
|
|
214
214
|
function m(e, s = 8) {
|
|
215
|
-
return
|
|
215
|
+
return E(1, s + 1).map((i) => `${e}_${i}`);
|
|
216
216
|
}
|
|
217
|
-
function
|
|
218
|
-
const { PAIRS_FOR_EXTENSION: e } =
|
|
217
|
+
function r() {
|
|
218
|
+
const { PAIRS_FOR_EXTENSION: e } = a, s = [];
|
|
219
219
|
return s.push(
|
|
220
220
|
e.imageSrc.CART_ITEMS.ATTR,
|
|
221
221
|
e.imageSrc.BROWSED_ITEMS.ATTR,
|
|
@@ -234,22 +234,34 @@ function t() {
|
|
|
234
234
|
), s.push(
|
|
235
235
|
e.price.CART_ITEMS.PRICE,
|
|
236
236
|
e.price.CART_ITEMS.PRICE_FORMATTED,
|
|
237
|
+
e.price.CART_ITEMS.SINGLE_PRICE,
|
|
238
|
+
e.price.CART_ITEMS.SINGLE_PRICE_FORMATTED,
|
|
237
239
|
e.price.CART_ITEMS.CURRENCY,
|
|
238
240
|
e.price.BROWSED_ITEMS.PRICE,
|
|
239
241
|
e.price.BROWSED_ITEMS.PRICE_FORMATTED,
|
|
242
|
+
e.price.BROWSED_ITEMS.SINGLE_PRICE,
|
|
243
|
+
e.price.BROWSED_ITEMS.SINGLE_PRICE_FORMATTED,
|
|
240
244
|
e.price.BROWSED_ITEMS.CURRENCY,
|
|
241
245
|
e.price.PURCHASED_ITEMS.PRICE,
|
|
242
246
|
e.price.PURCHASED_ITEMS.PRICE_FORMATTED,
|
|
247
|
+
e.price.PURCHASED_ITEMS.SINGLE_PRICE,
|
|
248
|
+
e.price.PURCHASED_ITEMS.SINGLE_PRICE_FORMATTED,
|
|
243
249
|
e.price.PURCHASED_ITEMS.CURRENCY
|
|
244
250
|
), s.push(
|
|
245
251
|
e.originalPrice.CART_ITEMS.PRICE,
|
|
246
252
|
e.originalPrice.CART_ITEMS.PRICE_FORMATTED,
|
|
253
|
+
e.originalPrice.CART_ITEMS.SINGLE_PRICE,
|
|
254
|
+
e.originalPrice.CART_ITEMS.SINGLE_PRICE_FORMATTED,
|
|
247
255
|
e.originalPrice.CART_ITEMS.CURRENCY,
|
|
248
256
|
e.originalPrice.BROWSED_ITEMS.PRICE,
|
|
249
257
|
e.originalPrice.BROWSED_ITEMS.PRICE_FORMATTED,
|
|
258
|
+
e.originalPrice.BROWSED_ITEMS.SINGLE_PRICE,
|
|
259
|
+
e.originalPrice.BROWSED_ITEMS.SINGLE_PRICE_FORMATTED,
|
|
250
260
|
e.originalPrice.BROWSED_ITEMS.CURRENCY,
|
|
251
261
|
e.originalPrice.PURCHASED_ITEMS.PRICE,
|
|
252
262
|
e.originalPrice.PURCHASED_ITEMS.PRICE_FORMATTED,
|
|
263
|
+
e.originalPrice.PURCHASED_ITEMS.SINGLE_PRICE,
|
|
264
|
+
e.originalPrice.PURCHASED_ITEMS.SINGLE_PRICE_FORMATTED,
|
|
253
265
|
e.originalPrice.PURCHASED_ITEMS.CURRENCY
|
|
254
266
|
), s.push(
|
|
255
267
|
e.button.CART_ITEMS.HREF,
|
|
@@ -262,11 +274,11 @@ function t() {
|
|
|
262
274
|
), s;
|
|
263
275
|
}
|
|
264
276
|
const o = _(
|
|
265
|
-
|
|
277
|
+
r(),
|
|
266
278
|
(e) => m(e)
|
|
267
279
|
);
|
|
268
280
|
export {
|
|
269
281
|
o as itemsBlockDynamicVariables,
|
|
270
|
-
|
|
282
|
+
a as productPairs,
|
|
271
283
|
T as templateFirstLine
|
|
272
284
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@useinsider/guido",
|
|
3
|
-
"version": "3.2.0-beta.
|
|
3
|
+
"version": "3.2.0-beta.f708a56",
|
|
4
4
|
"description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
|
|
5
5
|
"main": "./dist/guido.umd.cjs",
|
|
6
6
|
"module": "./dist/library.js",
|