@useinsider/guido 3.14.1-beta.9ad6513 → 3.15.0-beta.360c5d6
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/useEmailTemplateApplier.js +46 -32
- package/dist/composables/useHtmlValidator.js +111 -106
- package/dist/extensions/Blocks/Items/block.js +44 -42
- package/dist/extensions/Blocks/Items/template.js +86 -86
- package/dist/src/stores/dynamic-content.d.ts +8 -0
- package/dist/src/utils/registerUsedDynamicContent.d.ts +8 -0
- package/dist/stores/dynamic-content.js +12 -2
- package/dist/utils/pairProductVariables.js +93 -92
- package/dist/utils/registerUsedDynamicContent.js +23 -0
- package/package.json +1 -1
|
@@ -1,43 +1,57 @@
|
|
|
1
|
-
import { useActionsApi as
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
import { useActionsApi as d } from "./useActionsApi.js";
|
|
2
|
+
import { useConfig as D } from "./useConfig.js";
|
|
3
|
+
import { useToaster as h } from "./useToaster.js";
|
|
4
|
+
import { useTranslations as E } from "./useTranslations.js";
|
|
5
|
+
import { ToasterTypeOptions as f } from "../enums/toaster.js";
|
|
6
|
+
import { useDynamicContentStore as A } from "../stores/dynamic-content.js";
|
|
7
|
+
import { flattenDynamicContentList as S } from "../utils/genericUtil.js";
|
|
8
|
+
import { extractUsedDynamicContent as O } from "../utils/registerUsedDynamicContent.js";
|
|
9
|
+
import { ref as U } from "vue";
|
|
10
|
+
const w = 250, o = U({}), s = {}, u = /* @__PURE__ */ new Map(), z = () => {
|
|
11
|
+
const { updateHtmlAndCss: c } = d(), { showToaster: m } = h(), y = E(), { template: T } = D(), v = A(), g = (e, t) => {
|
|
12
|
+
const a = y(e);
|
|
13
|
+
return a === e ? t : a;
|
|
14
|
+
}, C = (e) => {
|
|
15
|
+
o.value[e] === void 0 && (o.value = { ...o.value, [e]: "pending" });
|
|
16
|
+
}, l = (e, t, a) => {
|
|
17
|
+
var n;
|
|
18
|
+
o.value = { ...o.value, [e]: "applying" };
|
|
11
19
|
try {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
+
c(t, a), o.value = { ...o.value, [e]: "applied" };
|
|
21
|
+
try {
|
|
22
|
+
const r = S((n = T.value) == null ? void 0 : n.dynamicContentList), p = O(t, r);
|
|
23
|
+
p.length > 0 && v.registerDynamicContent(p);
|
|
24
|
+
} catch {
|
|
25
|
+
}
|
|
26
|
+
u.get(e) !== t && (u.set(e, t), m({
|
|
27
|
+
type: f.Success,
|
|
28
|
+
message: g("newsletter.ai-template-applied", "Template applied to the editor")
|
|
29
|
+
}));
|
|
30
|
+
} catch (r) {
|
|
31
|
+
o.value = { ...o.value, [e]: "failed" }, m({
|
|
32
|
+
type: f.Error,
|
|
33
|
+
message: r instanceof Error ? r.message : "Failed to apply template"
|
|
20
34
|
});
|
|
21
35
|
}
|
|
22
|
-
},
|
|
23
|
-
const t =
|
|
24
|
-
t && (clearTimeout(t), delete
|
|
36
|
+
}, i = (e) => {
|
|
37
|
+
const t = s[e];
|
|
38
|
+
t && (clearTimeout(t), delete s[e]);
|
|
25
39
|
};
|
|
26
|
-
return { applyStatus:
|
|
27
|
-
t.html && (
|
|
40
|
+
return { applyStatus: o, markPending: C, applyTemplate: (e, t) => {
|
|
41
|
+
t.html && (i(e), l(e, t.html, t.css ?? ""));
|
|
28
42
|
}, applyTemplateDebounced: (e, t) => {
|
|
29
43
|
if (!t.html)
|
|
30
44
|
return;
|
|
31
|
-
|
|
32
|
-
const { html:
|
|
33
|
-
|
|
34
|
-
delete
|
|
35
|
-
},
|
|
45
|
+
i(e);
|
|
46
|
+
const { html: a } = t, n = t.css ?? "";
|
|
47
|
+
s[e] = setTimeout(() => {
|
|
48
|
+
delete s[e], l(e, a, n);
|
|
49
|
+
}, w);
|
|
36
50
|
} };
|
|
37
|
-
},
|
|
38
|
-
Object.values(
|
|
51
|
+
}, G = () => {
|
|
52
|
+
Object.values(s).forEach(clearTimeout), Object.keys(s).forEach((c) => delete s[c]), o.value = {};
|
|
39
53
|
};
|
|
40
54
|
export {
|
|
41
|
-
|
|
42
|
-
|
|
55
|
+
G as resetEmailTemplateApplier,
|
|
56
|
+
z as useEmailTemplateApplier
|
|
43
57
|
};
|
|
@@ -1,64 +1,69 @@
|
|
|
1
|
-
import { useConfig as
|
|
2
|
-
import { getIgnoredRecommendationBlockIds as
|
|
3
|
-
import { TemplateTypes as
|
|
4
|
-
import { DISPLAY_CONDITIONS_REGEX as
|
|
1
|
+
import { useConfig as V } from "./useConfig.js";
|
|
2
|
+
import { getIgnoredRecommendationBlockIds as M } from "../config/compiler/utils/recommendationIgnoreUtils.js";
|
|
3
|
+
import { TemplateTypes as W } from "../enums/defaults.js";
|
|
4
|
+
import { DISPLAY_CONDITIONS_REGEX as G, DISPLAY_CONDITIONS_EXCEPTIONS_REGEX as H, CampaignCouldNotBeSavedKey as P, CanNotMakeAnyChangesForRunningKey as X, DATA_ATTRIBUTE_REGEX as $, DYNAMIC_CONTENT_TAG_REGEX as Y, ALLOWED_DYNAMIC_SYSTEM_TOKENS as U, VALID_DYNAMIC_VARIABLE_REGEX as j } from "../enums/html-validator.js";
|
|
5
5
|
import { ToasterTypeOptions as c } from "../enums/toaster.js";
|
|
6
|
-
import { itemsBlockDynamicVariables as
|
|
7
|
-
import { RECOMMENDATION_VARIABLE_BUILTIN_ATTRIBUTES as
|
|
8
|
-
import { useRecommendationExtensionStore as
|
|
9
|
-
import { resolveProductAttrValue as
|
|
10
|
-
import { RecommendationRequiredFieldsKey as
|
|
11
|
-
import { useRecommendationStore as
|
|
12
|
-
import { base64EncodeWithSpecialChars as
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
6
|
+
import { itemsBlockDynamicVariables as q } from "../extensions/Blocks/Items/enums/productEnums.js";
|
|
7
|
+
import { RECOMMENDATION_VARIABLE_BUILTIN_ATTRIBUTES as K } from "../extensions/Blocks/Recommendation/constants/selectors.js";
|
|
8
|
+
import { useRecommendationExtensionStore as z } from "../extensions/Blocks/Recommendation/store/recommendation.js";
|
|
9
|
+
import { resolveProductAttrValue as Z } from "../extensions/Blocks/Recommendation/templates/utils.js";
|
|
10
|
+
import { RecommendationRequiredFieldsKey as J } from "../extensions/Blocks/Recommendation/validation/requiredFields.js";
|
|
11
|
+
import { useRecommendationStore as Q } from "../stores/recommendation.js";
|
|
12
|
+
import { base64EncodeWithSpecialChars as ee } from "../utils/base64.js";
|
|
13
|
+
import { computed as te } from "vue";
|
|
14
|
+
import { useHttp as ne } from "./useHttp.js";
|
|
15
|
+
import { useToaster as se } from "./useToaster.js";
|
|
16
|
+
import { useTranslations as re } from "./useTranslations.js";
|
|
17
|
+
const oe = /recommendation-id="(\d+)"/g;
|
|
18
|
+
function ie(n) {
|
|
19
|
+
return [...n.matchAll(oe)].map((m) => m[1]);
|
|
19
20
|
}
|
|
20
|
-
function
|
|
21
|
-
return m.some((f) =>
|
|
21
|
+
function ae(n, m) {
|
|
22
|
+
return m.some((f) => n.startsWith(`${f}_`));
|
|
22
23
|
}
|
|
23
|
-
const
|
|
24
|
-
function
|
|
25
|
-
const m =
|
|
24
|
+
const ce = /^(\d+)_\d+_(.+)$/;
|
|
25
|
+
function le(n) {
|
|
26
|
+
const m = n.match(ce);
|
|
26
27
|
return m ? { recoId: m[1], attribute: m[2] } : null;
|
|
27
28
|
}
|
|
28
|
-
function
|
|
29
|
-
const m = new Set(
|
|
30
|
-
return Object.values(
|
|
31
|
-
m.add(
|
|
29
|
+
function me(n) {
|
|
30
|
+
const m = new Set(K);
|
|
31
|
+
return Object.values(n).forEach((f) => {
|
|
32
|
+
m.add(Z(f.attributeName, n).toLowerCase());
|
|
32
33
|
}), m;
|
|
33
34
|
}
|
|
34
|
-
function
|
|
35
|
-
const u =
|
|
35
|
+
function ue(n, m, f, o, d) {
|
|
36
|
+
const u = n.match(/{{([a-zA-Z0-9_.\s]*)}}/gm);
|
|
36
37
|
if (!u)
|
|
37
38
|
return [];
|
|
38
|
-
const
|
|
39
|
+
const g = new Set(m.map((h) => h.toLowerCase())), E = [];
|
|
39
40
|
return u.forEach((h) => {
|
|
40
|
-
const
|
|
41
|
-
if (
|
|
41
|
+
const p = h.slice(2, -2).trim().toLowerCase();
|
|
42
|
+
if (p !== "" && g.has(p))
|
|
42
43
|
return;
|
|
43
|
-
const y =
|
|
44
|
+
const y = le(p);
|
|
44
45
|
if (y && o.has(y.recoId)) {
|
|
45
46
|
if (!d || d.has(y.attribute))
|
|
46
47
|
return;
|
|
47
|
-
E.push(
|
|
48
|
+
E.push(p);
|
|
48
49
|
return;
|
|
49
50
|
}
|
|
50
|
-
|
|
51
|
+
ae(p, f) || p.includes(".") || E.push(p);
|
|
51
52
|
}), E;
|
|
52
53
|
}
|
|
53
|
-
function
|
|
54
|
-
return (
|
|
55
|
-
const d = o.slice(2, -2), u = d.indexOf("|"),
|
|
56
|
-
return
|
|
54
|
+
function de(n) {
|
|
55
|
+
return (n.replace($, "$1").match(Y) ?? []).filter((o) => {
|
|
56
|
+
const d = o.slice(2, -2), u = d.indexOf("|"), g = (u === -1 ? d : d.slice(0, u)).trim();
|
|
57
|
+
return U.includes(g) ? !1 : j.test(g) ? u !== -1 && d.slice(u + 1).trim() === "" : !0;
|
|
57
58
|
});
|
|
58
59
|
}
|
|
59
60
|
const xe = () => {
|
|
60
|
-
|
|
61
|
-
|
|
61
|
+
const { showToaster: n } = se(), { post: m } = ne(), { config: f } = V(), o = re(), d = Q(), u = z(), g = te(
|
|
62
|
+
() => {
|
|
63
|
+
var e, t;
|
|
64
|
+
return ((t = (e = f.value) == null ? void 0 : e.partner) == null ? void 0 : t.messageType) === W.transactional;
|
|
65
|
+
}
|
|
66
|
+
), E = async (e) => {
|
|
62
67
|
if (e.size === 0)
|
|
63
68
|
return /* @__PURE__ */ new Set();
|
|
64
69
|
try {
|
|
@@ -66,61 +71,61 @@ const xe = () => {
|
|
|
66
71
|
} catch {
|
|
67
72
|
return null;
|
|
68
73
|
}
|
|
69
|
-
return
|
|
74
|
+
return me(u.filterList);
|
|
70
75
|
}, h = async (e) => {
|
|
71
|
-
const
|
|
76
|
+
const s = await m(
|
|
72
77
|
"/newsletter/template-library/check-template-html-body",
|
|
73
|
-
{ html:
|
|
74
|
-
), { status: r, message: a } =
|
|
75
|
-
return r ||
|
|
78
|
+
{ html: ee(e) }
|
|
79
|
+
), { status: r, message: a } = s.data;
|
|
80
|
+
return r || n({
|
|
76
81
|
type: c.Error,
|
|
77
82
|
message: r === void 0 ? a : o("newsletter.invalid-url-link-for-toaster")
|
|
78
|
-
}), o(
|
|
83
|
+
}), o(P), a === o(X) && n({
|
|
79
84
|
type: c.Error,
|
|
80
85
|
message: o("newsletter.already-in-progress")
|
|
81
86
|
}), r;
|
|
82
|
-
},
|
|
83
|
-
const
|
|
87
|
+
}, p = (e) => !["if", "endif", "else", "elif", "now"].includes(e.toLowerCase()), y = (e) => ["if", "endif"].includes(e.toLowerCase()), S = (e, t) => {
|
|
88
|
+
const s = e.match(/({%(.*?)%})/g);
|
|
84
89
|
let r = !0;
|
|
85
|
-
return
|
|
90
|
+
return s !== null && !g.value && s.forEach((a) => {
|
|
86
91
|
const i = a.slice(2, -2).trim().match(/(".*?"|[^"\s]+)(?=\s*|\s*$)/g);
|
|
87
92
|
if (i && i.length > 0) {
|
|
88
93
|
const [l] = i;
|
|
89
|
-
|
|
94
|
+
p(l) && !t.includes(l) && (n({
|
|
90
95
|
type: c.Warning,
|
|
91
96
|
message: o("custom-fields.invalid-custom-fields")
|
|
92
97
|
}), r = !1);
|
|
93
98
|
}
|
|
94
99
|
}), r;
|
|
95
|
-
},
|
|
96
|
-
const r =
|
|
97
|
-
return
|
|
98
|
-
},
|
|
100
|
+
}, A = async (e, t, s) => {
|
|
101
|
+
const r = s ? await h(e) : !0;
|
|
102
|
+
return S(e, t) && r;
|
|
103
|
+
}, T = (e) => e.length > 0 ? !0 : (n({
|
|
99
104
|
type: c.Warning,
|
|
100
105
|
message: o("newsletter.html-content-is-empty")
|
|
101
|
-
}), !1),
|
|
102
|
-
const
|
|
103
|
-
return
|
|
106
|
+
}), !1), w = (e) => {
|
|
107
|
+
const t = (e.match(/{/gm) || []).length, s = (e.match(/}/gm) || []).length;
|
|
108
|
+
return t > s && n({
|
|
104
109
|
type: c.Warning,
|
|
105
110
|
message: o("custom-fields.missing-closing-braces")
|
|
106
|
-
}),
|
|
111
|
+
}), t < s && n({
|
|
107
112
|
type: c.Warning,
|
|
108
113
|
message: o("custom-fields.missing-opening-braces")
|
|
109
|
-
}),
|
|
110
|
-
},
|
|
111
|
-
const
|
|
112
|
-
return
|
|
114
|
+
}), t === s;
|
|
115
|
+
}, R = (e) => {
|
|
116
|
+
const t = de(e).length === 0;
|
|
117
|
+
return t || n({
|
|
113
118
|
type: c.Warning,
|
|
114
119
|
message: o("custom-fields.invalid-custom-fields")
|
|
115
|
-
}),
|
|
116
|
-
},
|
|
117
|
-
if (
|
|
120
|
+
}), t;
|
|
121
|
+
}, _ = (e, t, s, r) => {
|
|
122
|
+
if (g.value)
|
|
118
123
|
return !0;
|
|
119
|
-
const a =
|
|
124
|
+
const a = ue(
|
|
120
125
|
e,
|
|
126
|
+
t,
|
|
127
|
+
ie(e),
|
|
121
128
|
s,
|
|
122
|
-
ae(e),
|
|
123
|
-
n,
|
|
124
129
|
r
|
|
125
130
|
);
|
|
126
131
|
if (a.length > 0) {
|
|
@@ -129,91 +134,91 @@ const xe = () => {
|
|
|
129
134
|
${a.map((l) => `<li>${l}</li>`).join("")}
|
|
130
135
|
</ul>
|
|
131
136
|
`;
|
|
132
|
-
return
|
|
137
|
+
return n({
|
|
133
138
|
type: c.Error,
|
|
134
139
|
message: o("custom-fields.invalid-custom-fields") + i
|
|
135
140
|
}), !1;
|
|
136
141
|
}
|
|
137
142
|
return !0;
|
|
138
|
-
},
|
|
139
|
-
const
|
|
143
|
+
}, N = (e) => {
|
|
144
|
+
const t = e.match(/{%(.*?)%}/g), s = [];
|
|
140
145
|
let r = !0;
|
|
141
|
-
if (
|
|
142
|
-
const i = a.match(
|
|
143
|
-
(!i || a !==
|
|
146
|
+
if (t && t.forEach((a) => {
|
|
147
|
+
const i = a.match(G), l = a.match(H), C = (i == null ? void 0 : i.join("")) || "";
|
|
148
|
+
(!i || a !== C) && !l && (n({
|
|
144
149
|
type: c.Error,
|
|
145
150
|
message: o("newsletter.display-conditions-invalid-syntax")
|
|
146
|
-
}), r = !1), i && i.forEach((
|
|
147
|
-
|
|
151
|
+
}), r = !1), i && i.forEach((v) => {
|
|
152
|
+
v.trim() === "=" && (n({
|
|
148
153
|
type: c.Error,
|
|
149
154
|
message: o("custom-conditions.wrong-equality-operators")
|
|
150
155
|
}), r = !1);
|
|
151
|
-
const I =
|
|
152
|
-
I && I.forEach((
|
|
153
|
-
y(
|
|
156
|
+
const I = v.match(/^[a-zA-Z]*$/g);
|
|
157
|
+
I && I.forEach((b) => {
|
|
158
|
+
y(b) && s.push(b);
|
|
154
159
|
});
|
|
155
160
|
});
|
|
156
|
-
}),
|
|
157
|
-
const a =
|
|
158
|
-
a.length !== i.length && (
|
|
161
|
+
}), s.length) {
|
|
162
|
+
const a = s.filter((l) => l === "if"), i = s.filter((l) => l === "endif");
|
|
163
|
+
a.length !== i.length && (n({
|
|
159
164
|
type: c.Error,
|
|
160
165
|
message: o("custom-conditions.missing-if-endif-tag")
|
|
161
166
|
}), r = !1);
|
|
162
167
|
}
|
|
163
168
|
return r;
|
|
164
|
-
},
|
|
165
|
-
const
|
|
166
|
-
return r ||
|
|
169
|
+
}, x = (e) => {
|
|
170
|
+
const t = (e.match(/{% /gm) || []).length, s = (e.match(/ %}/gm) || []).length, r = t === s;
|
|
171
|
+
return r || n({
|
|
167
172
|
type: c.Warning,
|
|
168
173
|
message: o("custom-conditions.no-space-after-braces")
|
|
169
174
|
}), r;
|
|
170
|
-
},
|
|
175
|
+
}, O = (e) => (e.match(/({%(.*?)%})/g) || []).filter((s) => s.includes("if")).map((s) => (s.match(/{{.*}}/gm) || []).length).reduce((s, r) => s + r, 0) > 0 ? (n({
|
|
171
176
|
type: c.Warning,
|
|
172
177
|
message: o("custom-conditions.no-braces-inside-if-tag")
|
|
173
|
-
}), !1) : !0,
|
|
178
|
+
}), !1) : !0, k = () => u.hasInvalidBlock() ? (n({
|
|
174
179
|
type: c.Error,
|
|
175
|
-
message: o(
|
|
176
|
-
}), !1) : !0,
|
|
180
|
+
message: o(J)
|
|
181
|
+
}), !1) : !0, B = () => d.recommendationConfigs && Object.values(d.recommendationConfigs).find((t) => t.filters.find((s) => s.value === "")) !== void 0 ? (n({
|
|
177
182
|
type: c.Error,
|
|
178
183
|
message: o("newsletter.fill-all-necessary-fields")
|
|
179
|
-
}), !1) : !0,
|
|
180
|
-
const
|
|
181
|
-
return e.match(
|
|
184
|
+
}), !1) : !0, D = (e) => {
|
|
185
|
+
const t = /src="[^"]*\.(svg|pst)"/gm;
|
|
186
|
+
return e.match(t) === null ? !0 : (n({
|
|
182
187
|
type: c.Error,
|
|
183
188
|
message: o("newsletter.invalid-image-type")
|
|
184
189
|
}), !1);
|
|
185
|
-
},
|
|
190
|
+
}, F = (e) => {
|
|
186
191
|
const r = new DOMParser().parseFromString(e, "text/html").querySelectorAll(".checkbox-block-v2");
|
|
187
192
|
return Array.from(r).find((i) => {
|
|
188
193
|
var l;
|
|
189
194
|
return !((l = i.id) != null && l.trim());
|
|
190
|
-
}) ? (
|
|
195
|
+
}) ? (n({
|
|
191
196
|
type: c.Error,
|
|
192
197
|
message: o("unsubscribe-templates.select-checkbox-groups")
|
|
193
198
|
}), !1) : !0;
|
|
194
|
-
},
|
|
199
|
+
}, L = (e) => {
|
|
195
200
|
const r = new DOMParser().parseFromString(e, "text/html").querySelectorAll(".radio-button-v2");
|
|
196
201
|
return Array.from(r).find((i) => {
|
|
197
202
|
var l;
|
|
198
203
|
return !((l = i.id) != null && l.trim());
|
|
199
|
-
}) ? (
|
|
204
|
+
}) ? (n({
|
|
200
205
|
type: c.Error,
|
|
201
206
|
message: o("unsubscribe-templates.select-radio-button-groups")
|
|
202
207
|
}), !1) : !0;
|
|
203
208
|
};
|
|
204
|
-
return { validateHtml: async (e,
|
|
205
|
-
var
|
|
209
|
+
return { validateHtml: async (e, t, s = !1) => {
|
|
210
|
+
var C, v;
|
|
206
211
|
const r = [
|
|
207
|
-
...
|
|
208
|
-
...
|
|
209
|
-
...((
|
|
210
|
-
], a =
|
|
211
|
-
return await
|
|
212
|
+
...t.map((I) => I.value),
|
|
213
|
+
...q,
|
|
214
|
+
...((v = (C = f.value) == null ? void 0 : C.template) == null ? void 0 : v.customFieldAttributes) ?? []
|
|
215
|
+
], a = M(e), i = await E(a);
|
|
216
|
+
return await A(e, r, s) && T(e) && w(e) && R(e) && _(e, r, a, i) && N(e) && x(e) && O(e) && k() && B() && D(e) && F(e) && L(e);
|
|
212
217
|
} };
|
|
213
218
|
};
|
|
214
219
|
export {
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
220
|
+
me as buildPartnerAttributeNameSet,
|
|
221
|
+
ue as findInvalidCustomFields,
|
|
222
|
+
le as parseRecommendationVariable,
|
|
218
223
|
xe as useHtmlValidator
|
|
219
224
|
};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { BlockId as
|
|
2
|
-
import { useOnboardingStore as
|
|
3
|
-
import { getMigrationBannerHtml as
|
|
4
|
-
import { Block as
|
|
5
|
-
import { SETTINGS_ENUMS as
|
|
6
|
-
import { getDefaultTemplate as
|
|
7
|
-
import { getItemsBlockContainer as
|
|
8
|
-
const p =
|
|
9
|
-
class
|
|
1
|
+
import { BlockId as g } from "../../../enums/block.js";
|
|
2
|
+
import { useOnboardingStore as y } from "../../../stores/onboarding.js";
|
|
3
|
+
import { getMigrationBannerHtml as I } from "../../../utils/migrationBannerHtml.js";
|
|
4
|
+
import { Block as C, BlockCompositionType as b, ModificationDescription as c } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
|
|
5
|
+
import { SETTINGS_ENUMS as l, DefaultConfigValues as d } from "./enums/settingsEnums.js";
|
|
6
|
+
import { getDefaultTemplate as h } from "./template.js";
|
|
7
|
+
import { getItemsBlockContainer as u, getItemsBlockConfig as f, deriveItemNumber as D, getDefaultItemsBlockConfig as N } from "./utils/nodeConfigUtils.js";
|
|
8
|
+
const p = g.Items;
|
|
9
|
+
class E extends C {
|
|
10
10
|
getId() {
|
|
11
11
|
return p;
|
|
12
12
|
}
|
|
@@ -14,7 +14,7 @@ class O extends I {
|
|
|
14
14
|
return "items-icon";
|
|
15
15
|
}
|
|
16
16
|
getBlockCompositionType() {
|
|
17
|
-
return
|
|
17
|
+
return b.CONTAINER;
|
|
18
18
|
}
|
|
19
19
|
getName() {
|
|
20
20
|
return this.api.translate("Items");
|
|
@@ -23,20 +23,20 @@ class O extends I {
|
|
|
23
23
|
return this.api.translate("Items lets you display personalized products based on user behavior.");
|
|
24
24
|
}
|
|
25
25
|
getSettingsPanelTitleHtml() {
|
|
26
|
-
return
|
|
26
|
+
return I(
|
|
27
27
|
p,
|
|
28
28
|
this.api.translate("Items"),
|
|
29
29
|
this.api.translate("This block is switched from the Old Version to the New Version. We recommend you check the Items block and test your message to ensure it works properly.")
|
|
30
30
|
);
|
|
31
31
|
}
|
|
32
32
|
getTemplate() {
|
|
33
|
-
return
|
|
34
|
-
orientation:
|
|
35
|
-
itemsType:
|
|
33
|
+
return h({
|
|
34
|
+
orientation: l.ORIENTATION.VERTICAL,
|
|
35
|
+
itemsType: l.ITEMS_TYPE.CART_ITEMS,
|
|
36
36
|
itemId: "{{Abandoned Cart Item (1) Url}}",
|
|
37
|
-
currencySymbol:
|
|
38
|
-
currencyLocation:
|
|
39
|
-
formattedPrice:
|
|
37
|
+
currencySymbol: d.productPriceCurrencySymbolControlValue,
|
|
38
|
+
currencyLocation: d.productPriceCurrencyLocationControlValue,
|
|
39
|
+
formattedPrice: d.productPriceFormattedControlValue === "1"
|
|
40
40
|
});
|
|
41
41
|
}
|
|
42
42
|
allowInnerBlocksDND() {
|
|
@@ -45,23 +45,23 @@ class O extends I {
|
|
|
45
45
|
canBeSavedAsModule() {
|
|
46
46
|
return !0;
|
|
47
47
|
}
|
|
48
|
-
onCreated(
|
|
49
|
-
const t = this.api.getDocumentModifier(),
|
|
50
|
-
|
|
51
|
-
const
|
|
52
|
-
if (!
|
|
48
|
+
onCreated(n) {
|
|
49
|
+
const t = this.api.getDocumentModifier(), a = this.api.getDocumentRootCssNode();
|
|
50
|
+
a.querySelector('[product-attr="imageSrc"] img') || t.modifyCss(a).appendRule('[product-attr="imageSrc"] img {object-fit: contain;}');
|
|
51
|
+
const e = u(n);
|
|
52
|
+
if (!e)
|
|
53
53
|
return;
|
|
54
|
-
const
|
|
55
|
-
if (
|
|
56
|
-
if (
|
|
57
|
-
|
|
54
|
+
const o = e.getNodeConfig(), r = o && Object.keys(o).length > 0, i = f(n);
|
|
55
|
+
if (i != null && i.initialized)
|
|
56
|
+
if (r)
|
|
57
|
+
i.blockInstanceId || this.api.getDocumentModifier().modifyHtml(e).setNodeConfig({ ...i, blockInstanceId: String(Date.now()) }).apply(new c("Assign block instance ID to block"));
|
|
58
58
|
else {
|
|
59
|
-
const
|
|
60
|
-
|
|
59
|
+
const s = this.api.getDocumentModifier();
|
|
60
|
+
s.modifyHtml(e).setNodeConfig(i), this._stampProductTdDomAttributes(e, i, s), s.apply(new c("Migrate legacy config to nodeConfig"));
|
|
61
61
|
}
|
|
62
62
|
else {
|
|
63
|
-
const
|
|
64
|
-
|
|
63
|
+
const s = N(), m = this.api.getDocumentModifier();
|
|
64
|
+
m.modifyHtml(e).setNodeConfig(s), this._stampProductTdDomAttributes(e, s, m, !0), m.apply(new c("Initialize Items block with default configuration")), y().startOnboarding("itemsOnboarding");
|
|
65
65
|
}
|
|
66
66
|
}
|
|
67
67
|
/**
|
|
@@ -70,18 +70,18 @@ class O extends I {
|
|
|
70
70
|
* into nodeConfig, so without this a reused module would reset to defaults.
|
|
71
71
|
* Guarded to the nodeConfig-empty case so it runs once and never loops.
|
|
72
72
|
*/
|
|
73
|
-
onDocumentChanged(
|
|
74
|
-
const t =
|
|
73
|
+
onDocumentChanged(n) {
|
|
74
|
+
const t = u(n);
|
|
75
75
|
if (!t)
|
|
76
76
|
return;
|
|
77
|
-
const
|
|
78
|
-
if (
|
|
77
|
+
const a = t.getNodeConfig();
|
|
78
|
+
if (a && Object.keys(a).length > 0)
|
|
79
79
|
return;
|
|
80
|
-
const
|
|
81
|
-
if (!(
|
|
80
|
+
const o = f(n);
|
|
81
|
+
if (!(o != null && o.initialized))
|
|
82
82
|
return;
|
|
83
|
-
const
|
|
84
|
-
|
|
83
|
+
const r = this.api.getDocumentModifier();
|
|
84
|
+
r.modifyHtml(t).setNodeConfig(o), this._stampProductTdDomAttributes(t, o, r), r.apply(new c("Recover Items block config from saved module"));
|
|
85
85
|
}
|
|
86
86
|
/**
|
|
87
87
|
* Bakes the compiler-read DOM attributes (`data-type`, `data-number`, `data-nodup`) onto the
|
|
@@ -91,12 +91,14 @@ class O extends I {
|
|
|
91
91
|
* restored before export. The name `<a>` carries no data-type/data-number of its own and
|
|
92
92
|
* relies on this td-level fallback in pairProductVariables.
|
|
93
93
|
*/
|
|
94
|
-
_stampProductTdDomAttributes(
|
|
95
|
-
const
|
|
96
|
-
|
|
94
|
+
_stampProductTdDomAttributes(n, t, a, e = !1) {
|
|
95
|
+
const o = D(t.itemsSelectValue, t.type), r = (i, s) => {
|
|
96
|
+
e && n.getAttribute(i) || a.modifyHtml(n).setAttribute(i, s);
|
|
97
|
+
};
|
|
98
|
+
r("data-type", t.type), r("data-number", o), r("data-nodup", String(t.priceHideDiscount));
|
|
97
99
|
}
|
|
98
100
|
}
|
|
99
101
|
export {
|
|
100
102
|
p as BLOCK_ID,
|
|
101
|
-
|
|
103
|
+
E as ItemsBlock
|
|
102
104
|
};
|