@useinsider/guido 3.21.2-beta.1cc8327 → 3.21.2-beta.37919ab
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/composables/useActionsApi.js +21 -22
- package/dist/composables/useFullStoryBridge.js +9 -10
- package/dist/config/migrator/index.js +10 -11
- package/dist/extensions/Blocks/Items/controls/button/link.js +14 -17
- package/dist/extensions/Blocks/Items/controls/cardComposition.js +14 -17
- package/dist/extensions/Blocks/Items/controls/image/link.js +14 -17
- package/dist/extensions/Blocks/Items/controls/name/trimming.js +9 -10
- package/dist/extensions/Blocks/Items/controls/price/currencyLocation.js +24 -25
- package/dist/extensions/Blocks/Items/controls/price/currencySymbol.js +12 -13
- package/dist/extensions/Blocks/Items/controls/price/formattedPrice.js +29 -30
- package/dist/extensions/Blocks/Items/controls/price/hideDiscount.js +15 -16
- package/dist/extensions/Blocks/Items/controls/price/priceOrientation.js +25 -26
- package/dist/extensions/Blocks/Items/controls/price/singlePrice.js +27 -28
- package/dist/extensions/Blocks/Items/controls/settingsControl.js +75 -80
- package/dist/extensions/Blocks/Recommendation/controls/cardBackground/index.js +3 -3
- package/dist/extensions/Blocks/Recommendation/controls/cardComposition/index.js +7 -7
- package/dist/extensions/Blocks/Recommendation/controls/customAttribute/textTrim.js +13 -13
- package/dist/extensions/Blocks/Recommendation/controls/main/index.js +121 -116
- package/dist/extensions/Blocks/Recommendation/controls/name/textTrim.js +5 -5
- package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/textAfter.js +8 -8
- package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/textBefore.js +15 -15
- package/dist/extensions/Blocks/Recommendation/controls/omnibusPrice/textAfter.js +12 -12
- package/dist/extensions/Blocks/Recommendation/controls/omnibusPrice/textBefore.js +10 -10
- package/dist/extensions/Blocks/Recommendation/controls/spacing/index.js +1 -1
- package/dist/extensions/Blocks/common-control.js +62 -55
- package/dist/src/extensions/Blocks/Items/controls/cardComposition.d.ts +0 -1
- package/dist/src/extensions/Blocks/Recommendation/controls/main/index.d.ts +3 -2
- package/dist/src/extensions/Blocks/common-control.d.ts +2 -0
- package/package.json +1 -1
- package/dist/config/migrator/fullStoryScriptMigrator.js +0 -5
- package/dist/src/config/migrator/fullStoryScriptMigrator.d.ts +0 -1
- package/dist/src/utils/fullStoryScripts.d.ts +0 -6
- package/dist/utils/fullStoryScripts.js +0 -8
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import { filterAmpErrors as
|
|
2
|
-
import {
|
|
3
|
-
import { getEditorApi as r } from "../utils/stripoEditorApi.js";
|
|
1
|
+
import { filterAmpErrors as y } from "../utils/ampErrorFilter.js";
|
|
2
|
+
import { getEditorApi as s } from "../utils/stripoEditorApi.js";
|
|
4
3
|
import { useToaster as D } from "./useToaster.js";
|
|
5
|
-
const
|
|
4
|
+
const h = 1e4, T = 3e4, r = (n, l, A) => new Promise((C, p) => {
|
|
6
5
|
const f = setTimeout(
|
|
7
6
|
() => p(new Error(`${n} did not report completion within ${l}ms`)),
|
|
8
7
|
l
|
|
@@ -14,8 +13,8 @@ const H = 1e4, T = 3e4, m = (n, l, A) => new Promise((C, p) => {
|
|
|
14
13
|
} catch (t) {
|
|
15
14
|
d(t);
|
|
16
15
|
}
|
|
17
|
-
}),
|
|
18
|
-
const { handleError: n } = D(), l = (t = {}) =>
|
|
16
|
+
}), P = () => {
|
|
17
|
+
const { handleError: n } = D(), l = (t = {}) => r(
|
|
19
18
|
"compileEmail",
|
|
20
19
|
T,
|
|
21
20
|
(e, i) => {
|
|
@@ -39,38 +38,38 @@ const H = 1e4, T = 3e4, m = (n, l, A) => new Promise((C, p) => {
|
|
|
39
38
|
resetDataSavedFlag: !1,
|
|
40
39
|
disableLineHeightsReplace: !0
|
|
41
40
|
}, ...t }, u = {
|
|
42
|
-
callback: (
|
|
43
|
-
|
|
41
|
+
callback: (m, g, w, S, v) => {
|
|
42
|
+
m ? i(m) : e({
|
|
44
43
|
html: g,
|
|
45
44
|
ampHtml: w,
|
|
46
|
-
ampErrors:
|
|
47
|
-
displayConditions:
|
|
45
|
+
ampErrors: y(S ?? []),
|
|
46
|
+
displayConditions: v
|
|
48
47
|
});
|
|
49
48
|
},
|
|
50
49
|
...o
|
|
51
50
|
};
|
|
52
|
-
|
|
51
|
+
s().actionsApi.compileEmail(u);
|
|
53
52
|
}
|
|
54
53
|
);
|
|
55
54
|
return {
|
|
56
55
|
getCompiledEmail: l,
|
|
57
|
-
getTemplateData: () =>
|
|
56
|
+
getTemplateData: () => r(
|
|
58
57
|
"getTemplateData",
|
|
59
58
|
T,
|
|
60
59
|
(t) => {
|
|
61
|
-
const e = ({ html: i, css: a, width: o, height: E, utmParams: u, syncModulesIds:
|
|
62
|
-
html:
|
|
60
|
+
const e = ({ html: i, css: a, width: o, height: E, utmParams: u, syncModulesIds: m }) => t({
|
|
61
|
+
html: i,
|
|
63
62
|
css: a,
|
|
64
63
|
width: o,
|
|
65
64
|
height: E,
|
|
66
65
|
utmParams: u,
|
|
67
|
-
syncModulesIds:
|
|
66
|
+
syncModulesIds: m
|
|
68
67
|
});
|
|
69
|
-
|
|
68
|
+
s().actionsApi.getTemplateData(e);
|
|
70
69
|
}
|
|
71
70
|
),
|
|
72
71
|
activateCustomViewStyles: (t = !0) => {
|
|
73
|
-
|
|
72
|
+
s().actionsApi.activateCustomViewStyles(t);
|
|
74
73
|
},
|
|
75
74
|
getPreviewData: async (t) => {
|
|
76
75
|
try {
|
|
@@ -110,16 +109,16 @@ const H = 1e4, T = 3e4, m = (n, l, A) => new Promise((C, p) => {
|
|
|
110
109
|
}
|
|
111
110
|
}),
|
|
112
111
|
updateHtmlAndCss: (t, e) => {
|
|
113
|
-
const { actionsApi: i } =
|
|
114
|
-
return
|
|
112
|
+
const { actionsApi: i } = s();
|
|
113
|
+
return r("updateHtmlAndCss", h, (a) => {
|
|
115
114
|
i.updateHtmlAndCss(t, e, () => a());
|
|
116
115
|
});
|
|
117
116
|
},
|
|
118
|
-
editorSave: () =>
|
|
117
|
+
editorSave: () => r(
|
|
119
118
|
"save",
|
|
120
119
|
T,
|
|
121
120
|
(t) => {
|
|
122
|
-
|
|
121
|
+
s().actionsApi.save((e) => {
|
|
123
122
|
if (e) {
|
|
124
123
|
n(e, "Failed to save template"), t(!1);
|
|
125
124
|
return;
|
|
@@ -131,5 +130,5 @@ const H = 1e4, T = 3e4, m = (n, l, A) => new Promise((C, p) => {
|
|
|
131
130
|
};
|
|
132
131
|
};
|
|
133
132
|
export {
|
|
134
|
-
|
|
133
|
+
P as useActionsApi
|
|
135
134
|
};
|
|
@@ -1,15 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
if (typeof n._fs_org != "string" || !n._fs_org)
|
|
1
|
+
const c = "https://email-static.useinsider.com/guido/guido-fs.js", u = () => ({ injectFullStory: () => {
|
|
2
|
+
var n;
|
|
3
|
+
const s = window;
|
|
4
|
+
if (typeof s._fs_org != "string" || !s._fs_org)
|
|
6
5
|
return;
|
|
7
|
-
const
|
|
8
|
-
if (!
|
|
6
|
+
const r = document.querySelector("ui-editor"), o = (n = r == null ? void 0 : r.shadowRoot) == null ? void 0 : n.querySelector("iframe"), e = o == null ? void 0 : o.contentDocument;
|
|
7
|
+
if (!e || e.querySelector('script[data-fullstory-bridge="true"]'))
|
|
9
8
|
return;
|
|
10
|
-
const t =
|
|
11
|
-
t.src =
|
|
9
|
+
const t = e.createElement("script");
|
|
10
|
+
t.src = c, t.async = !0, t.crossOrigin = "anonymous", t.dataset.fullstoryBridge = "true", e.head.appendChild(t);
|
|
12
11
|
} });
|
|
13
12
|
export {
|
|
14
|
-
|
|
13
|
+
u as useFullStoryBridge
|
|
15
14
|
};
|
|
@@ -1,17 +1,16 @@
|
|
|
1
1
|
import { migrateCheckbox as i } from "./checkboxMigrator.js";
|
|
2
2
|
import { migrateCouponBlock as e } from "./couponBlockMigrator.js";
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import { migrateRecommendation as p } from "./recommendationMigrator.js";
|
|
3
|
+
import { migrateItemsBlock as a } from "./itemsBlockMigrator.js";
|
|
4
|
+
import { migrateProductNameLink as n } from "./productNameLinkMigrator.js";
|
|
5
|
+
import { migrateRadioButton as c } from "./radioButtonMigrator.js";
|
|
6
|
+
import { migrateRecommendation as g } from "./recommendationMigrator.js";
|
|
8
7
|
import { migrateRecommendationPartnerScope as f } from "./recommendationPartnerMigrator.js";
|
|
9
|
-
import { migrateRecommendationTitle as
|
|
10
|
-
import { migrateSocialIcons as
|
|
11
|
-
import { migrateUnsubscribe as
|
|
12
|
-
const h = async (
|
|
13
|
-
let m =
|
|
14
|
-
return m = i(m), m =
|
|
8
|
+
import { migrateRecommendationTitle as p } from "./recommendationTitleMigrator.js";
|
|
9
|
+
import { migrateSocialIcons as d } from "./socialIconMigrator.js";
|
|
10
|
+
import { migrateUnsubscribe as l } from "./unsubscribeMigrator.js";
|
|
11
|
+
const h = async (r, t = {}, o) => {
|
|
12
|
+
let m = r;
|
|
13
|
+
return m = i(m), m = c(m), m = await l(m), m = e(m), m = g(m, t), o && (m = f(m, o)), m = p(m), m = a(m), m = n(m), m = d(m), m;
|
|
15
14
|
};
|
|
16
15
|
export {
|
|
17
16
|
h as migrate
|
|
@@ -1,31 +1,28 @@
|
|
|
1
|
-
import { CommonControl as
|
|
2
|
-
import { ItemsBlockControlId as
|
|
3
|
-
import { getItemsBlockConfig as
|
|
4
|
-
const
|
|
1
|
+
import { CommonControl as s } from "../../../common-control.js";
|
|
2
|
+
import { ItemsBlockControlId as r } from "../../enums/controlEnums.js";
|
|
3
|
+
import { getItemsBlockConfig as a } from "../../utils/nodeConfigUtils.js";
|
|
4
|
+
const e = r.BUTTON_LINK, n = {
|
|
5
5
|
LINK: "link"
|
|
6
6
|
};
|
|
7
|
-
class
|
|
7
|
+
class L extends s {
|
|
8
8
|
getId() {
|
|
9
|
-
return
|
|
9
|
+
return e;
|
|
10
10
|
}
|
|
11
11
|
getTemplate() {
|
|
12
12
|
return `
|
|
13
|
-
<div class="container ${
|
|
13
|
+
<div class="container ${e}">
|
|
14
14
|
${this._getLink()}
|
|
15
15
|
</div>
|
|
16
16
|
`;
|
|
17
17
|
}
|
|
18
18
|
onRender() {
|
|
19
|
-
|
|
20
|
-
this.api.updateValues({
|
|
21
|
-
[n.LINK]: (t == null ? void 0 : t.buttonLink) ?? ""
|
|
22
|
-
});
|
|
19
|
+
this.forgetLastPanelNode();
|
|
23
20
|
}
|
|
24
|
-
onTemplateNodeUpdated(
|
|
25
|
-
super.onTemplateNodeUpdated(
|
|
26
|
-
const
|
|
21
|
+
onTemplateNodeUpdated(o) {
|
|
22
|
+
super.onTemplateNodeUpdated(o), this.handleBlockInstanceChange(() => {
|
|
23
|
+
const t = a(this.currentNode);
|
|
27
24
|
this.api.updateValues({
|
|
28
|
-
[n.LINK]: (
|
|
25
|
+
[n.LINK]: (t == null ? void 0 : t.buttonLink) ?? ""
|
|
29
26
|
});
|
|
30
27
|
});
|
|
31
28
|
}
|
|
@@ -44,6 +41,6 @@ class m extends r {
|
|
|
44
41
|
}
|
|
45
42
|
}
|
|
46
43
|
export {
|
|
47
|
-
|
|
48
|
-
|
|
44
|
+
L as ButtonLinkControl,
|
|
45
|
+
e as CONTROL_BLOCK_ID
|
|
49
46
|
};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
var I = Object.defineProperty;
|
|
2
2
|
var U = (d, a, t) => a in d ? I(d, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[a] = t;
|
|
3
|
-
var
|
|
3
|
+
var y = (d, a, t) => U(d, typeof a != "symbol" ? a + "" : a, t);
|
|
4
4
|
import { ModificationDescription as c } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
|
|
5
5
|
import { CommonControl as b } from "../../common-control.js";
|
|
6
6
|
import { ItemsBlockId as r } from "../enums/controlEnums.js";
|
|
7
7
|
import { SETTINGS_ENUMS as h } from "../enums/settingsEnums.js";
|
|
8
8
|
import { getItemsBlockConfig as R, setItemsBlockConfig as m } from "../utils/nodeConfigUtils.js";
|
|
9
|
-
const
|
|
9
|
+
const N = "ui-elements-items-card-composition-block", i = {
|
|
10
10
|
PRODUCT_IMAGE: "image",
|
|
11
11
|
PRODUCT_NAME: "name",
|
|
12
12
|
PRODUCT_QUANTITY: "quantity",
|
|
@@ -17,7 +17,7 @@ const g = "ui-elements-items-card-composition-block", i = {
|
|
|
17
17
|
class M extends b {
|
|
18
18
|
constructor() {
|
|
19
19
|
super(...arguments);
|
|
20
|
-
|
|
20
|
+
y(this, "visibilityState", {
|
|
21
21
|
[i.PRODUCT_IMAGE]: !0,
|
|
22
22
|
[i.PRODUCT_NAME]: !0,
|
|
23
23
|
[i.PRODUCT_QUANTITY]: !0,
|
|
@@ -27,7 +27,7 @@ class M extends b {
|
|
|
27
27
|
});
|
|
28
28
|
}
|
|
29
29
|
getId() {
|
|
30
|
-
return
|
|
30
|
+
return N;
|
|
31
31
|
}
|
|
32
32
|
getTemplate() {
|
|
33
33
|
return `
|
|
@@ -44,7 +44,7 @@ class M extends b {
|
|
|
44
44
|
`;
|
|
45
45
|
}
|
|
46
46
|
onRender() {
|
|
47
|
-
this.
|
|
47
|
+
this.forgetLastPanelNode(), this._listenToFormUpdates();
|
|
48
48
|
}
|
|
49
49
|
onTemplateNodeUpdated(t) {
|
|
50
50
|
super.onTemplateNodeUpdated(t), this.handleBlockInstanceChange(() => {
|
|
@@ -61,9 +61,6 @@ class M extends b {
|
|
|
61
61
|
</div>
|
|
62
62
|
`;
|
|
63
63
|
}
|
|
64
|
-
_initializeToggles() {
|
|
65
|
-
this._updateTogglesFromState();
|
|
66
|
-
}
|
|
67
64
|
_updateTogglesFromState() {
|
|
68
65
|
this.api.updateValues({
|
|
69
66
|
[i.PRODUCT_IMAGE]: this.visibilityState[i.PRODUCT_IMAGE],
|
|
@@ -224,21 +221,21 @@ class M extends b {
|
|
|
224
221
|
* - When both are visible, they share 50% each
|
|
225
222
|
*/
|
|
226
223
|
_updatePriceCellWidthsForVerticalLayout(t) {
|
|
227
|
-
var O,
|
|
224
|
+
var O, p;
|
|
228
225
|
const e = R(this.currentNode);
|
|
229
226
|
if (!((e == null ? void 0 : e.orientation) === h.ORIENTATION.VERTICAL))
|
|
230
227
|
return;
|
|
231
|
-
const n = (O = this.currentNode) == null ? void 0 : O.querySelectorAll(".product-price-class"), s = (
|
|
228
|
+
const n = (O = this.currentNode) == null ? void 0 : O.querySelectorAll(".product-price-class"), s = (p = this.currentNode) == null ? void 0 : p.querySelectorAll(".product-original-price-class"), l = (e == null ? void 0 : e.priceOrientation) === "vertical", P = this.visibilityState[i.PRODUCT_PRICE], C = this.visibilityState[i.PRODUCT_ORIGINAL_PRICE], T = t ?? this.api.getDocumentModifier();
|
|
232
229
|
if (n && n.length > 0) {
|
|
233
|
-
const
|
|
234
|
-
n.forEach((
|
|
235
|
-
T.modifyHtml(
|
|
230
|
+
const u = l || !C ? "100%" : "50%";
|
|
231
|
+
n.forEach((_) => {
|
|
232
|
+
T.modifyHtml(_).setStyle("width", u);
|
|
236
233
|
});
|
|
237
234
|
}
|
|
238
235
|
if (s && s.length > 0) {
|
|
239
|
-
const
|
|
240
|
-
s.forEach((
|
|
241
|
-
T.modifyHtml(
|
|
236
|
+
const u = l || !P ? "100%" : "50%";
|
|
237
|
+
s.forEach((_) => {
|
|
238
|
+
T.modifyHtml(_).setStyle("width", u);
|
|
242
239
|
});
|
|
243
240
|
}
|
|
244
241
|
t || T.apply(new c("Updated price cell widths for vertical layout"));
|
|
@@ -256,6 +253,6 @@ class M extends b {
|
|
|
256
253
|
}
|
|
257
254
|
}
|
|
258
255
|
export {
|
|
259
|
-
|
|
256
|
+
N as COMPOSITION_CONTROL_BLOCK_ID,
|
|
260
257
|
M as ItemsBlockCardCompositionControl
|
|
261
258
|
};
|
|
@@ -1,31 +1,28 @@
|
|
|
1
|
-
import { CommonControl as
|
|
2
|
-
import { ItemsBlockControlId as
|
|
3
|
-
import { getItemsBlockConfig as
|
|
4
|
-
const
|
|
1
|
+
import { CommonControl as s } from "../../../common-control.js";
|
|
2
|
+
import { ItemsBlockControlId as r } from "../../enums/controlEnums.js";
|
|
3
|
+
import { getItemsBlockConfig as a } from "../../utils/nodeConfigUtils.js";
|
|
4
|
+
const t = r.IMAGE_LINK, n = {
|
|
5
5
|
LINK: "link"
|
|
6
6
|
};
|
|
7
|
-
class
|
|
7
|
+
class L extends s {
|
|
8
8
|
getId() {
|
|
9
|
-
return
|
|
9
|
+
return t;
|
|
10
10
|
}
|
|
11
11
|
getTemplate() {
|
|
12
12
|
return `
|
|
13
|
-
<div class="container ${
|
|
13
|
+
<div class="container ${t}">
|
|
14
14
|
${this._getLink()}
|
|
15
15
|
</div>
|
|
16
16
|
`;
|
|
17
17
|
}
|
|
18
18
|
onRender() {
|
|
19
|
-
|
|
20
|
-
this.api.updateValues({
|
|
21
|
-
[n.LINK]: (e == null ? void 0 : e.imageLink) ?? ""
|
|
22
|
-
});
|
|
19
|
+
this.forgetLastPanelNode();
|
|
23
20
|
}
|
|
24
|
-
onTemplateNodeUpdated(
|
|
25
|
-
super.onTemplateNodeUpdated(
|
|
26
|
-
const
|
|
21
|
+
onTemplateNodeUpdated(o) {
|
|
22
|
+
super.onTemplateNodeUpdated(o), this.handleBlockInstanceChange(() => {
|
|
23
|
+
const e = a(this.currentNode);
|
|
27
24
|
this.api.updateValues({
|
|
28
|
-
[n.LINK]: (
|
|
25
|
+
[n.LINK]: (e == null ? void 0 : e.imageLink) ?? ""
|
|
29
26
|
});
|
|
30
27
|
});
|
|
31
28
|
}
|
|
@@ -44,6 +41,6 @@ class p extends a {
|
|
|
44
41
|
}
|
|
45
42
|
}
|
|
46
43
|
export {
|
|
47
|
-
|
|
48
|
-
|
|
44
|
+
t as CONTROL_BLOCK_ID,
|
|
45
|
+
L as ImageLinkControl
|
|
49
46
|
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { ModificationDescription as d, UIElementType as
|
|
1
|
+
import { ModificationDescription as d, UIElementType as m, UEAttr as p } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
|
|
2
2
|
import { CommonControl as T } from "../../../common-control.js";
|
|
3
3
|
import { nameMaxWidthFor as h } from "../../constants/cardLayout.js";
|
|
4
4
|
import { ItemsBlockControlId as a } from "../../enums/controlEnums.js";
|
|
5
5
|
import { findNameTextNode as c } from "../../utils/nameNode.js";
|
|
6
|
-
import { getItemsBlockConfig as
|
|
6
|
+
import { getItemsBlockConfig as s, setItemsBlockConfig as g } from "../../utils/nodeConfigUtils.js";
|
|
7
7
|
const I = a.NAME_TRIMMING, n = {
|
|
8
8
|
TRIMMING: "trimming"
|
|
9
9
|
};
|
|
@@ -19,14 +19,13 @@ class E extends T {
|
|
|
19
19
|
`;
|
|
20
20
|
}
|
|
21
21
|
onRender() {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
this._onTrimmingChange(t);
|
|
22
|
+
this.forgetLastPanelNode(), this.api.onValueChanged(n.TRIMMING, (e) => {
|
|
23
|
+
this._onTrimmingChange(e);
|
|
25
24
|
});
|
|
26
25
|
}
|
|
27
26
|
onTemplateNodeUpdated(e) {
|
|
28
27
|
super.onTemplateNodeUpdated(e), this.handleBlockInstanceChange(() => {
|
|
29
|
-
const t =
|
|
28
|
+
const t = s(this.currentNode);
|
|
30
29
|
this.api.updateValues({ [n.TRIMMING]: (t == null ? void 0 : t.nameTrimming) ?? !0 });
|
|
31
30
|
});
|
|
32
31
|
}
|
|
@@ -37,16 +36,16 @@ class E extends T {
|
|
|
37
36
|
const t = c(this.currentNode);
|
|
38
37
|
if (!t)
|
|
39
38
|
return;
|
|
40
|
-
const i =
|
|
41
|
-
|
|
39
|
+
const i = s(this.currentNode), r = e !== void 0 ? e : (i == null ? void 0 : i.nameTrimming) ?? !0, l = h(i == null ? void 0 : i.orientation), o = this.api.getDocumentModifier().modifyHtml(t);
|
|
40
|
+
r ? o.setStyle("white-space", "nowrap").setStyle("overflow", "hidden").setStyle("text-overflow", "ellipsis") : o.removeStyle("white-space").removeStyle("overflow").removeStyle("text-overflow"), o.setStyle("max-width", l).apply(new d(`Text Trimming ${r ? "Enabled" : "Disabled"}`));
|
|
42
41
|
}
|
|
43
42
|
_getTextTrimming() {
|
|
44
43
|
return `
|
|
45
44
|
<div class="display-flex align-items-center justify-content-between">
|
|
46
|
-
<${
|
|
45
|
+
<${m.LABEL}
|
|
47
46
|
${p.LABEL.text}="${this.api.translate("Text Trimming")}"
|
|
48
47
|
>
|
|
49
|
-
</${
|
|
48
|
+
</${m.LABEL}>
|
|
50
49
|
${this._GuToggle(n.TRIMMING)}
|
|
51
50
|
</div>
|
|
52
51
|
`;
|
|
@@ -1,33 +1,32 @@
|
|
|
1
|
-
import { currencyLocationMaps as
|
|
2
|
-
import { UEAttr as
|
|
3
|
-
import { CommonControl as
|
|
1
|
+
import { currencyLocationMaps as m } from "../../../../../enums/extensions/recommendationBlock.js";
|
|
2
|
+
import { UEAttr as I, ModificationDescription as L } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
|
|
3
|
+
import { CommonControl as N } from "../../../common-control.js";
|
|
4
4
|
import { ITEMS_CURRENCY_ATTR as T, currencyPositionFromLocation as E } from "../../constants/currency.js";
|
|
5
|
-
import { ItemsBlockControlId as
|
|
6
|
-
import { getItemsBlockConfig as
|
|
7
|
-
const b =
|
|
5
|
+
import { ItemsBlockControlId as p } from "../../enums/controlEnums.js";
|
|
6
|
+
import { getItemsBlockConfig as u, setItemsBlockConfig as O, escapeReplacement as f } from "../../utils/nodeConfigUtils.js";
|
|
7
|
+
const b = p.PRICE_CURRENCY_LOCATION, a = {
|
|
8
8
|
CURRENCY_LOCATION: "currencyLocation"
|
|
9
9
|
};
|
|
10
|
-
class
|
|
10
|
+
class B extends N {
|
|
11
11
|
getId() {
|
|
12
12
|
return b;
|
|
13
13
|
}
|
|
14
14
|
getTemplate() {
|
|
15
15
|
return `
|
|
16
|
-
<div class="container ${
|
|
16
|
+
<div class="container ${p.PRICE_CURRENCY_LOCATION}">
|
|
17
17
|
${this._getCurrencyLocation()}
|
|
18
18
|
</div>
|
|
19
19
|
`;
|
|
20
20
|
}
|
|
21
21
|
onRender() {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
this._onCurrencyLocationChange(t);
|
|
22
|
+
this.forgetLastPanelNode(), this.api.setUIEAttribute(a.CURRENCY_LOCATION, I.SELECTPICKER.items, m), this.api.onValueChanged(a.CURRENCY_LOCATION, (e) => {
|
|
23
|
+
this._onCurrencyLocationChange(e);
|
|
25
24
|
});
|
|
26
25
|
}
|
|
27
26
|
onTemplateNodeUpdated(e) {
|
|
28
27
|
super.onTemplateNodeUpdated(e), this.handleBlockInstanceChange(() => {
|
|
29
|
-
const t =
|
|
30
|
-
this.api.updateValues({ [
|
|
28
|
+
const t = u(this.currentNode);
|
|
29
|
+
this.api.updateValues({ [a.CURRENCY_LOCATION]: (t == null ? void 0 : t.priceCurrencyLocation) ?? "0" });
|
|
31
30
|
});
|
|
32
31
|
}
|
|
33
32
|
_onCurrencyLocationChange(e) {
|
|
@@ -36,15 +35,15 @@ class Y extends L {
|
|
|
36
35
|
const t = this._getPriceBlocks();
|
|
37
36
|
if (!t || t.length === 0)
|
|
38
37
|
return;
|
|
39
|
-
const r =
|
|
38
|
+
const r = u(this.currentNode), n = e || "0", o = (r == null ? void 0 : r.priceCurrencySymbol) ?? "", c = E(n), i = this.api.getDocumentModifier();
|
|
40
39
|
t.forEach((h) => {
|
|
41
|
-
const
|
|
42
|
-
if (!
|
|
40
|
+
const s = this._getParagraph(h);
|
|
41
|
+
if (!s)
|
|
43
42
|
return;
|
|
44
|
-
const d =
|
|
45
|
-
|
|
46
|
-
}),
|
|
47
|
-
`Updated currency location to ${
|
|
43
|
+
const d = s.getInnerHTML().trim() || "", l = s.getInnerText().trim() || "", C = (o == null ? void 0 : o.trim()) || "", g = this._removeCurrencySymbol(l, C), _ = this._detectSymbolInText(l) || C, y = this._buildPriceContent(g, _, n), R = d.replace(l, f(y));
|
|
44
|
+
i.modifyHtml(s).setInnerHtml(R).setAttribute(T.POSITION, c);
|
|
45
|
+
}), i.apply(new L(
|
|
46
|
+
`Updated currency location to ${c}`
|
|
48
47
|
));
|
|
49
48
|
}
|
|
50
49
|
_getPriceBlocks() {
|
|
@@ -66,8 +65,8 @@ class Y extends L {
|
|
|
66
65
|
} else {
|
|
67
66
|
const o = r.match(/([^0-9.,\s]+)/);
|
|
68
67
|
if (o && o[1]) {
|
|
69
|
-
const
|
|
70
|
-
n = r.replace(
|
|
68
|
+
const c = o[1].trim(), i = new RegExp(`\\s*${this._escapeRegex(c)}\\s*`);
|
|
69
|
+
n = r.replace(i, "").trim();
|
|
71
70
|
}
|
|
72
71
|
}
|
|
73
72
|
return n;
|
|
@@ -84,9 +83,9 @@ class Y extends L {
|
|
|
84
83
|
${this._GuTwoColumns([
|
|
85
84
|
this._GuLabel({ text: "Currency Location" }),
|
|
86
85
|
this._GuSelect({
|
|
87
|
-
name:
|
|
86
|
+
name: a.CURRENCY_LOCATION,
|
|
88
87
|
placeholder: "",
|
|
89
|
-
options:
|
|
88
|
+
options: m
|
|
90
89
|
})
|
|
91
90
|
])}
|
|
92
91
|
`;
|
|
@@ -94,5 +93,5 @@ class Y extends L {
|
|
|
94
93
|
}
|
|
95
94
|
export {
|
|
96
95
|
b as CONTROL_BLOCK_ID,
|
|
97
|
-
|
|
96
|
+
B as PriceCurrencyLocationControl
|
|
98
97
|
};
|
|
@@ -2,20 +2,20 @@ var R = Object.defineProperty;
|
|
|
2
2
|
var N = (s, c, e) => c in s ? R(s, c, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[c] = e;
|
|
3
3
|
var h = (s, c, e) => N(s, typeof c != "symbol" ? c + "" : c, e);
|
|
4
4
|
import { ModificationDescription as E } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
|
|
5
|
-
import { CommonControl as
|
|
6
|
-
import { ITEMS_CURRENCY_ATTR as
|
|
5
|
+
import { CommonControl as f } from "../../../common-control.js";
|
|
6
|
+
import { ITEMS_CURRENCY_ATTR as B } from "../../constants/currency.js";
|
|
7
7
|
import { ItemsBlockControlId as y } from "../../enums/controlEnums.js";
|
|
8
|
-
import { getItemsBlockConfig as p, setItemsBlockConfig as
|
|
9
|
-
const
|
|
8
|
+
import { getItemsBlockConfig as p, setItemsBlockConfig as T, escapeReplacement as x } from "../../utils/nodeConfigUtils.js";
|
|
9
|
+
const I = y.PRICE_CURRENCY_SYMBOL, u = {
|
|
10
10
|
CURRENCY_SYMBOL: "currencySymbol"
|
|
11
11
|
};
|
|
12
|
-
class $ extends
|
|
12
|
+
class $ extends f {
|
|
13
13
|
constructor() {
|
|
14
14
|
super(...arguments);
|
|
15
15
|
h(this, "originalPriceContents", /* @__PURE__ */ new Map());
|
|
16
16
|
}
|
|
17
17
|
getId() {
|
|
18
|
-
return
|
|
18
|
+
return I;
|
|
19
19
|
}
|
|
20
20
|
getTemplate() {
|
|
21
21
|
return `
|
|
@@ -25,9 +25,8 @@ class $ extends B {
|
|
|
25
25
|
`;
|
|
26
26
|
}
|
|
27
27
|
onRender() {
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
this._onCurrencySymbolChange(t);
|
|
28
|
+
this.forgetLastPanelNode(), this.api.onValueChanged(u.CURRENCY_SYMBOL, (e) => {
|
|
29
|
+
this._onCurrencySymbolChange(e);
|
|
31
30
|
});
|
|
32
31
|
}
|
|
33
32
|
onDestroy() {
|
|
@@ -43,7 +42,7 @@ class $ extends B {
|
|
|
43
42
|
var a;
|
|
44
43
|
console.debug("Currency symbol changed to: ", e);
|
|
45
44
|
const t = p(this.currentNode), o = ((a = t == null ? void 0 : t.priceCurrencySymbol) == null ? void 0 : a.trim()) || "";
|
|
46
|
-
if (
|
|
45
|
+
if (T(this.currentNode, this.api, { priceCurrencySymbol: e }), !this.currentNode)
|
|
47
46
|
return;
|
|
48
47
|
const r = this._getPriceBlocks();
|
|
49
48
|
if (!r || r.length === 0)
|
|
@@ -53,8 +52,8 @@ class $ extends B {
|
|
|
53
52
|
const m = this._getParagraph(d);
|
|
54
53
|
if (!m)
|
|
55
54
|
return;
|
|
56
|
-
const g = m.getInnerHTML().trim() || "", C = m.getInnerText().trim() || "", _ = this._removeCurrencySymbol(C, o), S = this._buildPriceContent(_, n, l), b = g.replace(C,
|
|
57
|
-
i.modifyHtml(m).setInnerHtml(b).setAttribute(
|
|
55
|
+
const g = m.getInnerHTML().trim() || "", C = m.getInnerText().trim() || "", _ = this._removeCurrencySymbol(C, o), S = this._buildPriceContent(_, n, l), b = g.replace(C, x(S));
|
|
56
|
+
i.modifyHtml(m).setInnerHtml(b).setAttribute(B.SYMBOL, n);
|
|
58
57
|
}), i.apply(new E(
|
|
59
58
|
`Updated currency symbol to ${n || "removed"}`
|
|
60
59
|
));
|
|
@@ -116,6 +115,6 @@ class $ extends B {
|
|
|
116
115
|
}
|
|
117
116
|
}
|
|
118
117
|
export {
|
|
119
|
-
|
|
118
|
+
I as CONTROL_BLOCK_ID,
|
|
120
119
|
$ as PriceCurrencySymbolControl
|
|
121
120
|
};
|