@useinsider/guido 3.18.2-beta.eedafd2 → 3.18.2-beta.ef84353
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/README.md +20 -1
- package/dist/@types/config/schemas.js +26 -28
- package/dist/components/Guido.vue.js +8 -8
- package/dist/components/Guido.vue2.js +51 -53
- package/dist/components/organisms/AutoSaveController.vue2.js +8 -9
- package/dist/components/organisms/header/EditorActions.vue.js +2 -2
- package/dist/components/organisms/header/EditorActions.vue2.js +56 -86
- package/dist/components/organisms/header/LeftSlot.vue.js +5 -5
- package/dist/components/organisms/header/LeftSlot.vue2.js +12 -16
- package/dist/components/wrappers/WpDrawer.vue.js +7 -9
- package/dist/components/wrappers/WpDrawer.vue2.js +1 -1
- package/dist/composables/useGuidoStateBridge.js +29 -24
- package/dist/composables/useHtmlCompiler.js +26 -37
- package/dist/composables/useHtmlValidator.js +0 -2
- package/dist/composables/useSave.js +45 -90
- package/dist/composables/useStripo.js +7 -7
- package/dist/composables/validators/useCouponBlockValidator.js +21 -24
- package/dist/composables/validators/useUnsubscribeBlockValidator.js +27 -34
- package/dist/extensions/Blocks/Recommendation/store/recommendation.js +36 -43
- package/dist/guido.css +1 -1
- package/dist/library.js +15 -13
- package/dist/public/editorState.js +4 -0
- package/dist/src/@types/config/schemas.d.ts +0 -4
- package/dist/src/components/Guido.vue.d.ts +1 -17
- package/dist/src/components/organisms/header/EditorActions.vue.d.ts +1 -17
- package/dist/src/components/organisms/header/HeaderWrapper.vue.d.ts +1 -17
- package/dist/src/components/organisms/header/RightSlot.vue.d.ts +1 -17
- package/dist/src/components/wrappers/WpDrawer.vue.d.ts +3 -4
- package/dist/src/composables/useConfig.d.ts +0 -2
- package/dist/src/composables/useGuidoStateBridge.d.ts +11 -7
- package/dist/src/composables/useHtmlValidator.d.ts +0 -21
- package/dist/src/composables/useSave.d.ts +1 -6
- package/dist/src/composables/validators/useCouponBlockValidator.d.ts +0 -3
- package/dist/src/composables/validators/useUnsubscribeBlockValidator.d.ts +0 -10
- package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts +0 -5
- package/dist/src/library.d.ts +2 -0
- package/dist/src/public/editorState.d.ts +14 -0
- package/dist/src/public/trackingIds.d.ts +6 -2
- package/dist/src/stores/config.d.ts +0 -30
- package/dist/src/stores/editor.d.ts +25 -0
- package/dist/src/stores/guido-email-editor.d.ts +27 -27
- package/dist/src/utils/templatePreparation.d.ts +0 -30
- package/dist/stores/config.js +22 -39
- package/dist/stores/editor.js +4 -0
- package/dist/stores/guido-email-editor.js +0 -4
- package/dist/utils/templatePreparation.js +25 -28
- package/package.json +5 -1
- package/dist/components/organisms/validation/ValidationErrorDrawer.vue.js +0 -20
- package/dist/components/organisms/validation/ValidationErrorDrawer.vue2.js +0 -48
- package/dist/composables/useSaveValidation.js +0 -279
- package/dist/composables/useSaveValidationRollout.js +0 -9
- package/dist/enums/save-validation.js +0 -4
- package/dist/src/@types/save-validation.d.ts +0 -19
- package/dist/src/components/organisms/validation/ValidationErrorDrawer.vue.d.ts +0 -2
- package/dist/src/composables/useSaveValidation.d.ts +0 -6
- package/dist/src/composables/useSaveValidationRollout.d.ts +0 -3
- package/dist/src/enums/save-validation.d.ts +0 -27
- package/dist/src/stores/save-validation.d.ts +0 -22
- package/dist/stores/save-validation.js +0 -30
package/dist/stores/config.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import
|
|
1
|
+
import "../@types/config/schemas.js";
|
|
2
2
|
import "../@types/config/defaults.js";
|
|
3
3
|
import { parseConfig as o } from "../@types/config/validator.js";
|
|
4
|
-
import { defineStore as
|
|
5
|
-
const
|
|
4
|
+
import { defineStore as r } from "pinia";
|
|
5
|
+
const f = r("guido-config", {
|
|
6
6
|
state: () => ({
|
|
7
7
|
initialized: !1,
|
|
8
8
|
config: null
|
|
@@ -75,74 +75,57 @@ const u = a("guido-config", {
|
|
|
75
75
|
* Get the template ID
|
|
76
76
|
*/
|
|
77
77
|
templateId: (i) => {
|
|
78
|
-
var e,
|
|
79
|
-
return ((
|
|
78
|
+
var e, n;
|
|
79
|
+
return ((n = (e = i.config) == null ? void 0 : e.identity) == null ? void 0 : n.templateId) ?? "";
|
|
80
80
|
},
|
|
81
81
|
/**
|
|
82
82
|
* Get the user ID
|
|
83
83
|
*/
|
|
84
84
|
userId: (i) => {
|
|
85
|
-
var e,
|
|
86
|
-
return ((
|
|
85
|
+
var e, n;
|
|
86
|
+
return ((n = (e = i.config) == null ? void 0 : e.identity) == null ? void 0 : n.userId) ?? "";
|
|
87
87
|
},
|
|
88
88
|
/**
|
|
89
89
|
* Get the variation ID
|
|
90
90
|
*/
|
|
91
91
|
variationId: (i) => {
|
|
92
|
-
var e,
|
|
93
|
-
return ((
|
|
92
|
+
var e, n;
|
|
93
|
+
return ((n = (e = i.config) == null ? void 0 : e.identity) == null ? void 0 : n.variationId) ?? "";
|
|
94
94
|
},
|
|
95
95
|
/**
|
|
96
96
|
* Get the partner name
|
|
97
97
|
*/
|
|
98
98
|
partnerName: (i) => {
|
|
99
|
-
var e,
|
|
100
|
-
return ((
|
|
99
|
+
var e, n;
|
|
100
|
+
return ((n = (e = i.config) == null ? void 0 : e.partner) == null ? void 0 : n.name) ?? "";
|
|
101
101
|
},
|
|
102
102
|
/**
|
|
103
103
|
* Get the product type
|
|
104
104
|
*/
|
|
105
105
|
productType: (i) => {
|
|
106
|
-
var e,
|
|
107
|
-
return ((
|
|
106
|
+
var e, n;
|
|
107
|
+
return ((n = (e = i.config) == null ? void 0 : e.partner) == null ? void 0 : n.productType) ?? 60;
|
|
108
108
|
},
|
|
109
109
|
/**
|
|
110
110
|
* Get the message type
|
|
111
111
|
*/
|
|
112
112
|
messageType: (i) => {
|
|
113
|
-
var e,
|
|
114
|
-
return ((
|
|
115
|
-
},
|
|
116
|
-
/**
|
|
117
|
-
* Transactional campaigns keep the hard save block. Reactive getter, so
|
|
118
|
-
* consumers stay safe in setup where a raw config read snapshots null (SD-147945).
|
|
119
|
-
*/
|
|
120
|
-
isTransactional() {
|
|
121
|
-
return this.messageType === r.TRANSACTIONAL;
|
|
122
|
-
},
|
|
123
|
-
/**
|
|
124
|
-
* Soft-save policy: may the editor persist a template with validation errors?
|
|
125
|
-
* Default true (host sets features.allowSaveWithErrors=false for transactional +
|
|
126
|
-
* unsub). Reactive getter defaulting true — reading via isFeatureEnabled would
|
|
127
|
-
* floor to false pre-init and momentarily hide the soft-save option (SD-147430).
|
|
128
|
-
*/
|
|
129
|
-
allowSaveWithErrors() {
|
|
130
|
-
var i;
|
|
131
|
-
return ((i = this.features) == null ? void 0 : i.allowSaveWithErrors) ?? !0;
|
|
113
|
+
var e, n;
|
|
114
|
+
return ((n = (e = i.config) == null ? void 0 : e.partner) == null ? void 0 : n.messageType) ?? 1;
|
|
132
115
|
},
|
|
133
116
|
/**
|
|
134
117
|
* Get the username
|
|
135
118
|
*/
|
|
136
119
|
username: (i) => {
|
|
137
|
-
var e,
|
|
138
|
-
return ((
|
|
120
|
+
var e, n;
|
|
121
|
+
return ((n = (e = i.config) == null ? void 0 : e.partner) == null ? void 0 : n.username) ?? "Guido User";
|
|
139
122
|
},
|
|
140
123
|
/**
|
|
141
124
|
* Check if header should be shown
|
|
142
125
|
*/
|
|
143
126
|
showHeader: (i) => {
|
|
144
|
-
var e,
|
|
145
|
-
return ((
|
|
127
|
+
var e, n;
|
|
128
|
+
return ((n = (e = i.config) == null ? void 0 : e.ui) == null ? void 0 : n.showHeader) ?? !0;
|
|
146
129
|
},
|
|
147
130
|
/**
|
|
148
131
|
* Check if a specific feature is enabled.
|
|
@@ -151,8 +134,8 @@ const u = a("guido-config", {
|
|
|
151
134
|
*/
|
|
152
135
|
// eslint-disable-next-line @stylistic/max-len
|
|
153
136
|
isFeatureEnabled: (i) => (e) => {
|
|
154
|
-
var
|
|
155
|
-
return ((
|
|
137
|
+
var n, t;
|
|
138
|
+
return ((t = (n = i.config) == null ? void 0 : n.features) == null ? void 0 : t[e]) ?? !1;
|
|
156
139
|
}
|
|
157
140
|
},
|
|
158
141
|
actions: {
|
|
@@ -172,5 +155,5 @@ const u = a("guido-config", {
|
|
|
172
155
|
}
|
|
173
156
|
});
|
|
174
157
|
export {
|
|
175
|
-
|
|
158
|
+
f as useConfigStore
|
|
176
159
|
};
|
package/dist/stores/editor.js
CHANGED
|
@@ -8,6 +8,10 @@ const o = e("guidoEditor", {
|
|
|
8
8
|
isPreviewModeOpen: !1,
|
|
9
9
|
editorVisualMode: "desktop",
|
|
10
10
|
hasChanges: !1,
|
|
11
|
+
// Bumped on every Stripo document change. `hasChanges` is a latch that stays
|
|
12
|
+
// true until a save, so it cannot signal the second edit onwards; watchers
|
|
13
|
+
// that need every change (the outbound state bridge) watch this instead.
|
|
14
|
+
changeSeq: 0,
|
|
11
15
|
isStripoInitialized: !1,
|
|
12
16
|
templateId: "",
|
|
13
17
|
syncModulesEnabled: !1,
|
|
@@ -1,13 +1,9 @@
|
|
|
1
1
|
import { defineStore as e } from "pinia";
|
|
2
2
|
const d = e("guidoEmailEditor", {
|
|
3
3
|
state: () => ({
|
|
4
|
-
/** Current Stripo HTML — stripe tables only, no DOCTYPE/wrapper. */
|
|
5
4
|
html: "",
|
|
6
|
-
/** Current Stripo CSS — es-p* utility classes used by the html. */
|
|
7
5
|
css: "",
|
|
8
|
-
/** Wall-clock ms when html/css were last written by the bridge. */
|
|
9
6
|
lastUpdatedAt: 0,
|
|
10
|
-
/** Template id from the editor config, for cortex-fe to scope per-template. */
|
|
11
7
|
templateId: ""
|
|
12
8
|
}),
|
|
13
9
|
getters: {
|
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
import { useActionsApi as
|
|
1
|
+
import { useActionsApi as k } from "../composables/useActionsApi.js";
|
|
2
2
|
import { useConfig as U } from "../composables/useConfig.js";
|
|
3
3
|
import { useHtmlCompiler as x } from "../composables/useHtmlCompiler.js";
|
|
4
4
|
import { DEFAULT_CURRENCY as m, DEFAULT_NODE_CONFIG as n } from "../extensions/Blocks/Recommendation/constants/defaultConfig.js";
|
|
5
|
-
import { useRecommendationExtensionStore as
|
|
5
|
+
import { useRecommendationExtensionStore as A } from "../extensions/Blocks/Recommendation/store/recommendation.js";
|
|
6
6
|
import { mapLegacyStrategy as L } from "../extensions/Blocks/Recommendation/utils/legacyStrategyMap.js";
|
|
7
7
|
import { DATA_ATTRIBUTES as T } from "../extensions/Blocks/Unsubscribe/utils/constants.js";
|
|
8
|
-
import { parsePageList as
|
|
9
|
-
import { useDynamicContentStore as
|
|
10
|
-
import { useEditorStore as
|
|
11
|
-
import { useUnsubscribeStore as
|
|
12
|
-
import { isPlainObject as
|
|
13
|
-
import { assignTrackingIds as
|
|
14
|
-
function
|
|
8
|
+
import { parsePageList as R } from "../extensions/Blocks/Unsubscribe/utils/utils.js";
|
|
9
|
+
import { useDynamicContentStore as N } from "../stores/dynamic-content.js";
|
|
10
|
+
import { useEditorStore as z } from "../stores/editor.js";
|
|
11
|
+
import { useUnsubscribeStore as O } from "../stores/unsubscribe.js";
|
|
12
|
+
import { isPlainObject as _ } from "./genericUtil.js";
|
|
13
|
+
import { assignTrackingIds as v } from "./linkTrackingIds.js";
|
|
14
|
+
function M(l) {
|
|
15
15
|
const i = new DOMParser().parseFromString(l, "text/html").querySelectorAll(`[${T.PAGE_LIST}]`), t = [];
|
|
16
16
|
return i.forEach((c) => {
|
|
17
17
|
const o = c.getAttribute(T.PAGE_LIST);
|
|
18
|
-
o && t.push(...
|
|
18
|
+
o && t.push(...R(o));
|
|
19
19
|
}), [...new Set(t)];
|
|
20
20
|
}
|
|
21
|
-
async function
|
|
21
|
+
async function q(l) {
|
|
22
22
|
const a = new DOMParser().parseFromString(l, "text/html").querySelectorAll(".recommendation-block-v2");
|
|
23
23
|
if (a.length === 0)
|
|
24
24
|
return;
|
|
25
|
-
const i =
|
|
25
|
+
const i = A();
|
|
26
26
|
a.forEach((t) => {
|
|
27
27
|
var r, d, g, f, s, y;
|
|
28
28
|
const c = t.getAttribute("recommendation-id"), o = c ? Number(c) : NaN;
|
|
@@ -37,7 +37,7 @@ async function A(l) {
|
|
|
37
37
|
} catch {
|
|
38
38
|
return;
|
|
39
39
|
}
|
|
40
|
-
if (!
|
|
40
|
+
if (!_(e))
|
|
41
41
|
return;
|
|
42
42
|
const b = {
|
|
43
43
|
// Normalize legacy strategy keys (e.g. `mostViewed` → `mostPopular`) so
|
|
@@ -71,14 +71,14 @@ async function A(l) {
|
|
|
71
71
|
}
|
|
72
72
|
}
|
|
73
73
|
const te = () => {
|
|
74
|
-
const l =
|
|
74
|
+
const l = N(), u = z(), a = O(), { getCompiledEmail: i, getTemplateData: t, updateHtmlAndCss: c } = k(), { compileHtml: o, compileAmpHtml: p } = x(), { isFeatureEnabled: e } = U();
|
|
75
75
|
return {
|
|
76
76
|
prepareTemplateDetails: async () => {
|
|
77
77
|
let { html: r, css: d, syncModulesIds: g = [] } = await t();
|
|
78
78
|
if (e("linkTrackingIds"))
|
|
79
79
|
try {
|
|
80
|
-
const { html: h, changed:
|
|
81
|
-
u.trackIdSessionFloor =
|
|
80
|
+
const { html: h, changed: F, nextSeq: H } = v(r, u.trackIdSessionFloor);
|
|
81
|
+
u.trackIdSessionFloor = H, F && (r = h, await c(h, d));
|
|
82
82
|
} catch (h) {
|
|
83
83
|
console.error("Tracking-id step failed, saving anyway:", h);
|
|
84
84
|
}
|
|
@@ -86,24 +86,24 @@ const te = () => {
|
|
|
86
86
|
minimize: !0,
|
|
87
87
|
resetDataSavedFlag: !1
|
|
88
88
|
});
|
|
89
|
-
a.selectedUnsubscribePages.length && await a.fetchTemplates(), await
|
|
90
|
-
const { compiledHtml:
|
|
89
|
+
a.selectedUnsubscribePages.length && await a.fetchTemplates(), await q(r);
|
|
90
|
+
const { compiledHtml: I, stats: S, appliedRules: w } = o(f), D = s && p(s).compiledHtml, P = l.getSelectedDynamicContentList, E = A(), C = M(r);
|
|
91
91
|
return console.debug("HTML Compilation Stats:", {
|
|
92
92
|
originalSize: S.originalSize,
|
|
93
93
|
compiledSize: S.compiledSize,
|
|
94
94
|
reduction: `${S.reductionPercentage.toFixed(2)}%`,
|
|
95
|
-
appliedRules:
|
|
95
|
+
appliedRules: w,
|
|
96
96
|
executionTime: `${S.executionTime.toFixed(2)}ms`
|
|
97
97
|
}), {
|
|
98
|
-
dynamicContentList:
|
|
99
|
-
compiledHtml:
|
|
98
|
+
dynamicContentList: P,
|
|
99
|
+
compiledHtml: I,
|
|
100
100
|
rawHtml: r,
|
|
101
101
|
css: d,
|
|
102
|
-
ampHtml:
|
|
102
|
+
ampHtml: D,
|
|
103
103
|
ampErrors: y,
|
|
104
104
|
modules: g.map(Number),
|
|
105
105
|
recommendation: {
|
|
106
|
-
campaignUrls:
|
|
106
|
+
campaignUrls: E.recommendationCampaignUrls,
|
|
107
107
|
configs: {}
|
|
108
108
|
},
|
|
109
109
|
unsubscribe: {
|
|
@@ -111,13 +111,10 @@ const te = () => {
|
|
|
111
111
|
config: C
|
|
112
112
|
}
|
|
113
113
|
};
|
|
114
|
-
}
|
|
115
|
-
// Exposed so the back/test validate-only path can seed the reco store the
|
|
116
|
-
// same way a full save does (required-field findings depend on it).
|
|
117
|
-
hydrateRecommendationStore: A
|
|
114
|
+
}
|
|
118
115
|
};
|
|
119
116
|
};
|
|
120
117
|
export {
|
|
121
|
-
|
|
118
|
+
M as getHtmlReferencedUnsubscribePages,
|
|
122
119
|
te as useTemplatePreparation
|
|
123
120
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@useinsider/guido",
|
|
3
|
-
"version": "3.18.2-beta.
|
|
3
|
+
"version": "3.18.2-beta.ef84353",
|
|
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",
|
|
@@ -18,6 +18,10 @@
|
|
|
18
18
|
"types": "./dist/src/public/trackingIds.d.ts",
|
|
19
19
|
"import": "./dist/public/trackingIds.js"
|
|
20
20
|
},
|
|
21
|
+
"./editor-state": {
|
|
22
|
+
"types": "./dist/src/public/editorState.d.ts",
|
|
23
|
+
"import": "./dist/public/editorState.js"
|
|
24
|
+
},
|
|
21
25
|
"./style": "./dist/guido.css"
|
|
22
26
|
},
|
|
23
27
|
"scripts": {
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import a from "./ValidationErrorDrawer.vue2.js";
|
|
2
|
-
/* empty css */
|
|
3
|
-
import s from "../../../_virtual/_plugin-vue2_normalizer.js";
|
|
4
|
-
var i = function() {
|
|
5
|
-
var r = this, o = r._self._c, t = r._self._setupProxy;
|
|
6
|
-
return o(t.WpDrawer, { attrs: { id: "guido__validation-error-drawer", size: "small", "footer-button-group-options": t.footerButtonGroupOptions, status: t.store.isDrawerOpen, "title-text": t.titleText }, on: { onCloseEvent: t.handleClose, primaryButtonEvent: t.handleClose, secondaryButtonEvent: t.handleSaveAndContinue } }, [o("div", { staticClass: "d-f f-d-c validation-error-list" }, r._l(t.rows, function(e, n) {
|
|
7
|
-
return o("div", { key: n, staticClass: "d-f a-i-c validation-error-row" }, [o(t.InIcons, { staticClass: "validation-error-row__icon i-c-12", attrs: { name: "filled-caution-triangle" } }), o("span", { staticClass: "validation-error-row__text" }, [r._v(r._s(e))])], 1);
|
|
8
|
-
}), 0)]);
|
|
9
|
-
}, l = [], _ = /* @__PURE__ */ s(
|
|
10
|
-
a,
|
|
11
|
-
i,
|
|
12
|
-
l,
|
|
13
|
-
!1,
|
|
14
|
-
null,
|
|
15
|
-
"30d2e1f9"
|
|
16
|
-
);
|
|
17
|
-
const p = _.exports;
|
|
18
|
-
export {
|
|
19
|
-
p as default
|
|
20
|
-
};
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import { defineComponent as m, ref as p, computed as a } from "vue";
|
|
2
|
-
import f from "../../wrappers/WpDrawer.vue.js";
|
|
3
|
-
import { useSave as S } from "../../../composables/useSave.js";
|
|
4
|
-
import { useTranslations as v } from "../../../composables/useTranslations.js";
|
|
5
|
-
import { useConfigStore as g } from "../../../stores/config.js";
|
|
6
|
-
import { useEditorStore as y } from "../../../stores/editor.js";
|
|
7
|
-
import { useSaveValidationStore as h } from "../../../stores/save-validation.js";
|
|
8
|
-
import { InIcons as w } from "@useinsider/design-system-vue";
|
|
9
|
-
const I = /* @__PURE__ */ m({
|
|
10
|
-
__name: "ValidationErrorDrawer",
|
|
11
|
-
setup(_) {
|
|
12
|
-
const r = v(), e = h(), n = y(), s = g(), { saveWithErrors: i } = S(), o = p(!1), l = a(() => `${r("email-editor.validation-errors")} (${e.errorCount})`), u = a(() => {
|
|
13
|
-
const t = {
|
|
14
|
-
primaryButton: {
|
|
15
|
-
styling: "solid",
|
|
16
|
-
type: "primary",
|
|
17
|
-
labelText: r("email-editor.update-design")
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
return s.allowSaveWithErrors && e.intent !== "test" && (t.secondaryButton = {
|
|
21
|
-
styling: "solid",
|
|
22
|
-
type: "subtle-primary",
|
|
23
|
-
labelText: r("email-editor.save-and-continue"),
|
|
24
|
-
loadingStatus: o.value
|
|
25
|
-
}), t;
|
|
26
|
-
}), d = a(() => e.errors.map((t) => {
|
|
27
|
-
const c = t.detail ? ` (${t.detail})` : "";
|
|
28
|
-
return `${t.message}${c}`;
|
|
29
|
-
}));
|
|
30
|
-
return { __sfc: !0, trans: r, store: e, editorStore: n, configStore: s, saveWithErrors: i, isSaving: o, titleText: l, footerButtonGroupOptions: u, rows: d, handleClose: () => {
|
|
31
|
-
e.isDrawerOpen && e.close();
|
|
32
|
-
}, handleSaveAndContinue: async () => {
|
|
33
|
-
if (!o.value) {
|
|
34
|
-
o.value = !0, n.loadingStatus = !0;
|
|
35
|
-
try {
|
|
36
|
-
await i() ? e.close() : n.loadingStatus = !1;
|
|
37
|
-
} catch (t) {
|
|
38
|
-
console.warn("Soft-save failed; keeping the drawer open.", t), n.loadingStatus = !1;
|
|
39
|
-
} finally {
|
|
40
|
-
o.value = !1;
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
}, WpDrawer: f, InIcons: w };
|
|
44
|
-
}
|
|
45
|
-
});
|
|
46
|
-
export {
|
|
47
|
-
I as default
|
|
48
|
-
};
|
|
@@ -1,279 +0,0 @@
|
|
|
1
|
-
import { getIgnoredRecommendationBlockIds as B } from "../config/compiler/utils/recommendationIgnoreUtils.js";
|
|
2
|
-
import { CanNotMakeAnyChangesForRunningKey as k, DISPLAY_CONDITIONS_REGEX as Y, DISPLAY_CONDITIONS_EXCEPTIONS_REGEX as x } from "../enums/html-validator.js";
|
|
3
|
-
import { SaveValidationRule as o } from "../enums/save-validation.js";
|
|
4
|
-
import { ToasterTypeOptions as r } from "../enums/toaster.js";
|
|
5
|
-
import { BLOCK_ROOT_SELECTOR as U } from "../extensions/Blocks/Checkbox/constants/selectors.js";
|
|
6
|
-
import { itemsBlockDynamicVariables as M } from "../extensions/Blocks/Items/enums/productEnums.js";
|
|
7
|
-
import { BLOCK_ROOT_SELECTOR as P } from "../extensions/Blocks/RadioButton/constants/selectors.js";
|
|
8
|
-
import { useRecommendationExtensionStore as W } from "../extensions/Blocks/Recommendation/store/recommendation.js";
|
|
9
|
-
import { RecommendationRequiredFieldsKey as G } from "../extensions/Blocks/Recommendation/validation/requiredFields.js";
|
|
10
|
-
import { useConfigStore as q } from "../stores/config.js";
|
|
11
|
-
import { useDynamicContentStore as H } from "../stores/dynamic-content.js";
|
|
12
|
-
import { useRecommendationStore as V } from "../stores/recommendation.js";
|
|
13
|
-
import { base64EncodeWithSpecialChars as T } from "../utils/base64.js";
|
|
14
|
-
import { useTemplatePreparation as X } from "../utils/templatePreparation.js";
|
|
15
|
-
import { useActionsApi as j } from "./useActionsApi.js";
|
|
16
|
-
import { useConfig as z } from "./useConfig.js";
|
|
17
|
-
import { useHtmlCompiler as $ } from "./useHtmlCompiler.js";
|
|
18
|
-
import { buildPartnerAttributeNameSet as Q, getInvalidDynamicContentTags as Z, getRecommendationBlockIds as J, findInvalidCustomFields as tt } from "./useHtmlValidator.js";
|
|
19
|
-
import { useHttp as et } from "./useHttp.js";
|
|
20
|
-
import { useTranslations as nt } from "./useTranslations.js";
|
|
21
|
-
import { findInvalidCouponBlocks as it, COUPON_TAG_MODIFIED_KEY as ot } from "./validators/useCouponBlockValidator.js";
|
|
22
|
-
import { findDuplicateUnsubPageTypes as rt, countUnsubBlocksWithoutPage as st, EMPTY_BLOCK_KEY as at } from "./validators/useUnsubscribeBlockValidator.js";
|
|
23
|
-
const ct = "newsletter.html-content-is-empty", lt = "custom-fields.missing-closing-braces", ut = "custom-fields.missing-opening-braces", I = "custom-fields.invalid-custom-fields", mt = "newsletter.display-conditions-invalid-syntax", dt = "custom-conditions.wrong-equality-operators", pt = "custom-conditions.missing-if-endif-tag", gt = "custom-conditions.no-space-after-braces", ft = "custom-conditions.no-braces-inside-if-tag", yt = "newsletter.fill-all-necessary-fields", Et = "newsletter.invalid-image-type", It = "unsubscribe-templates.select-checkbox-groups", St = "unsubscribe-templates.select-radio-button-groups", Ct = "newsletter.invalid-url-link-for-toaster", F = "journey-builder.liquid-validation-failed", _t = "/newsletter/template-library/check-template-html-body", ht = /src="[^"]*\.(svg|pst)"/gm, R = /({%(.*?)%})/g, kt = ["if", "endif", "else", "elif", "now"], Tt = (e) => !kt.includes(e.toLowerCase()), Ft = (e) => ["if", "endif"].includes(e.toLowerCase());
|
|
24
|
-
function Ot(e) {
|
|
25
|
-
return it(e).map((i) => ({
|
|
26
|
-
rule: o.CouponTagModified,
|
|
27
|
-
type: r.Warning,
|
|
28
|
-
key: ot,
|
|
29
|
-
detail: i
|
|
30
|
-
}));
|
|
31
|
-
}
|
|
32
|
-
function Rt(e) {
|
|
33
|
-
return rt(e).map((i) => ({
|
|
34
|
-
rule: o.DuplicateUnsubBlock,
|
|
35
|
-
type: r.Error,
|
|
36
|
-
key: i.messageKey
|
|
37
|
-
}));
|
|
38
|
-
}
|
|
39
|
-
function Lt(e) {
|
|
40
|
-
return Array.from({ length: st(e) }, () => ({
|
|
41
|
-
rule: o.UnsubBlockMissingTemplate,
|
|
42
|
-
type: r.Warning,
|
|
43
|
-
key: at
|
|
44
|
-
}));
|
|
45
|
-
}
|
|
46
|
-
function Nt(e, i) {
|
|
47
|
-
const n = e.match(R);
|
|
48
|
-
if (!n)
|
|
49
|
-
return [];
|
|
50
|
-
const a = [];
|
|
51
|
-
return n.forEach((u) => {
|
|
52
|
-
const s = u.slice(2, -2).trim().match(/(".*?"|[^"\s]+)(?=\s*|\s*$)/g);
|
|
53
|
-
if (s && s.length > 0) {
|
|
54
|
-
const [m] = s;
|
|
55
|
-
Tt(m) && !i.includes(m) && a.push({
|
|
56
|
-
rule: o.CustomFieldScript,
|
|
57
|
-
type: r.Warning,
|
|
58
|
-
key: I,
|
|
59
|
-
detail: m
|
|
60
|
-
});
|
|
61
|
-
}
|
|
62
|
-
}), a;
|
|
63
|
-
}
|
|
64
|
-
function bt(e) {
|
|
65
|
-
return e.length > 0 ? [] : [{ rule: o.EmptyHtml, type: r.Warning, key: ct }];
|
|
66
|
-
}
|
|
67
|
-
function At(e) {
|
|
68
|
-
const i = (e.match(/{/gm) || []).length, n = (e.match(/}/gm) || []).length;
|
|
69
|
-
return i > n ? [{
|
|
70
|
-
rule: o.MismatchedBraces,
|
|
71
|
-
type: r.Warning,
|
|
72
|
-
key: lt
|
|
73
|
-
}] : i < n ? [{
|
|
74
|
-
rule: o.MismatchedBraces,
|
|
75
|
-
type: r.Warning,
|
|
76
|
-
key: ut
|
|
77
|
-
}] : [];
|
|
78
|
-
}
|
|
79
|
-
function Dt(e) {
|
|
80
|
-
return Z(e).map((i) => ({
|
|
81
|
-
rule: o.InvalidDynamicTag,
|
|
82
|
-
type: r.Warning,
|
|
83
|
-
key: I,
|
|
84
|
-
detail: i
|
|
85
|
-
}));
|
|
86
|
-
}
|
|
87
|
-
function vt(e, i, n, a) {
|
|
88
|
-
const u = J(e);
|
|
89
|
-
return tt(e, i, u, n, a).map((s) => ({
|
|
90
|
-
rule: o.InvalidCustomField,
|
|
91
|
-
type: r.Error,
|
|
92
|
-
key: I,
|
|
93
|
-
detail: s
|
|
94
|
-
}));
|
|
95
|
-
}
|
|
96
|
-
function Kt(e) {
|
|
97
|
-
const i = e.match(/{%(.*?)%}/g), n = [], a = [];
|
|
98
|
-
if (i && i.forEach((u) => {
|
|
99
|
-
const s = u.match(Y), m = u.match(x), y = (s == null ? void 0 : s.join("")) || "";
|
|
100
|
-
(!s || u !== y) && !m && a.push({
|
|
101
|
-
rule: o.ConditionsSyntax,
|
|
102
|
-
type: r.Error,
|
|
103
|
-
key: mt,
|
|
104
|
-
detail: u
|
|
105
|
-
}), s && s.forEach((g) => {
|
|
106
|
-
g.trim() === "=" && a.push({
|
|
107
|
-
rule: o.WrongEqualityOperator,
|
|
108
|
-
type: r.Error,
|
|
109
|
-
key: dt
|
|
110
|
-
}), (g.match(/^[a-zA-Z]*$/g) ?? []).forEach((f) => {
|
|
111
|
-
Ft(f) && n.push(f);
|
|
112
|
-
});
|
|
113
|
-
});
|
|
114
|
-
}), n.length) {
|
|
115
|
-
const u = n.filter((m) => m === "if").length, s = n.filter((m) => m === "endif").length;
|
|
116
|
-
u !== s && a.push({
|
|
117
|
-
rule: o.MissingIfEndif,
|
|
118
|
-
type: r.Error,
|
|
119
|
-
key: pt
|
|
120
|
-
});
|
|
121
|
-
}
|
|
122
|
-
return a;
|
|
123
|
-
}
|
|
124
|
-
function wt(e) {
|
|
125
|
-
const i = (e.match(/{% /gm) || []).length, n = (e.match(/ %}/gm) || []).length;
|
|
126
|
-
return i === n ? [] : [{
|
|
127
|
-
rule: o.ConditionTagSpacing,
|
|
128
|
-
type: r.Warning,
|
|
129
|
-
key: gt
|
|
130
|
-
}];
|
|
131
|
-
}
|
|
132
|
-
function Bt(e) {
|
|
133
|
-
return (e.match(R) || []).filter((n) => n.includes("if")).map((n) => (n.match(/{{.*}}/gm) || []).length).reduce((n, a) => n + a, 0) === 0 ? [] : [{
|
|
134
|
-
rule: o.BracesInsideIfTag,
|
|
135
|
-
type: r.Warning,
|
|
136
|
-
key: ft
|
|
137
|
-
}];
|
|
138
|
-
}
|
|
139
|
-
function Yt(e) {
|
|
140
|
-
return (e.match(ht) ?? []).map((i) => ({
|
|
141
|
-
rule: o.InvalidImageType,
|
|
142
|
-
type: r.Error,
|
|
143
|
-
key: Et,
|
|
144
|
-
detail: i
|
|
145
|
-
}));
|
|
146
|
-
}
|
|
147
|
-
function O(e, i, n, a) {
|
|
148
|
-
const u = new DOMParser().parseFromString(e, "text/html");
|
|
149
|
-
return Array.from(u.querySelectorAll(i)).filter((s) => {
|
|
150
|
-
var m;
|
|
151
|
-
return !((m = s.id) != null && m.trim());
|
|
152
|
-
}).map(() => ({ rule: n, type: r.Error, key: a }));
|
|
153
|
-
}
|
|
154
|
-
const ae = () => {
|
|
155
|
-
const { config: e, isFeatureEnabled: i } = z(), n = nt(), { post: a } = et(), { getCompiledEmail: u, getTemplateData: s } = j(), { compileHtml: m } = $(), { hydrateRecommendationStore: y } = X(), g = H(), f = V(), E = W(), L = q(), N = (t) => ({
|
|
156
|
-
rule: t.rule,
|
|
157
|
-
type: t.type,
|
|
158
|
-
detail: t.detail,
|
|
159
|
-
message: "key" in t ? n(t.key) : t.message
|
|
160
|
-
}), b = async (t) => {
|
|
161
|
-
if (t.size === 0)
|
|
162
|
-
return /* @__PURE__ */ new Set();
|
|
163
|
-
try {
|
|
164
|
-
await E.fetchRecommendationFilters();
|
|
165
|
-
} catch {
|
|
166
|
-
return null;
|
|
167
|
-
}
|
|
168
|
-
return Q(E.filterList);
|
|
169
|
-
}, A = async (t) => {
|
|
170
|
-
try {
|
|
171
|
-
const l = await a(_t, { html: T(t) }), { status: c, message: d } = l.data, p = [];
|
|
172
|
-
return c || p.push({
|
|
173
|
-
rule: o.InvalidLinks,
|
|
174
|
-
type: r.Error,
|
|
175
|
-
// status===undefined means a bare message instead of a boolean; surface it,
|
|
176
|
-
// but fall back to the canned key when it's missing so a malformed body
|
|
177
|
-
// never renders a literal 'undefined' row (SD-147430).
|
|
178
|
-
...c === void 0 && d ? { message: d } : { key: Ct }
|
|
179
|
-
}), d === n(k) && p.push({
|
|
180
|
-
rule: o.LinkCheckInProgress,
|
|
181
|
-
type: r.Error,
|
|
182
|
-
key: k
|
|
183
|
-
}), p;
|
|
184
|
-
} catch (l) {
|
|
185
|
-
return console.warn("Link-check collector failed; skipping the link rule.", l), [];
|
|
186
|
-
}
|
|
187
|
-
}, D = async (t) => {
|
|
188
|
-
try {
|
|
189
|
-
const l = await a("/newsletter/contents/validate-syntax", [{
|
|
190
|
-
identifier: "default",
|
|
191
|
-
syntax: "liquid",
|
|
192
|
-
contents: {
|
|
193
|
-
subject: null,
|
|
194
|
-
preheader: null,
|
|
195
|
-
html: T(t),
|
|
196
|
-
ampHtml: null
|
|
197
|
-
}
|
|
198
|
-
}]);
|
|
199
|
-
if (!Array.isArray(l.data)) {
|
|
200
|
-
const d = l.data;
|
|
201
|
-
return [{
|
|
202
|
-
rule: o.LiquidSyntax,
|
|
203
|
-
type: r.Warning,
|
|
204
|
-
message: d.message ?? n(F)
|
|
205
|
-
}];
|
|
206
|
-
}
|
|
207
|
-
const [c] = l.data;
|
|
208
|
-
return Object.values((c == null ? void 0 : c.errors) ?? {}).map((d) => ({
|
|
209
|
-
rule: o.LiquidSyntax,
|
|
210
|
-
type: r.Warning,
|
|
211
|
-
message: d.replace(/^line \d+:\s*/, "")
|
|
212
|
-
}));
|
|
213
|
-
} catch {
|
|
214
|
-
return [{
|
|
215
|
-
rule: o.LiquidSyntax,
|
|
216
|
-
type: r.Error,
|
|
217
|
-
message: n(F)
|
|
218
|
-
}];
|
|
219
|
-
}
|
|
220
|
-
}, v = () => {
|
|
221
|
-
const t = E.invalidBlockIds().map((c) => ({
|
|
222
|
-
rule: o.RecommendationRequiredFields,
|
|
223
|
-
type: r.Error,
|
|
224
|
-
key: G,
|
|
225
|
-
detail: c
|
|
226
|
-
})), l = (f.recommendationConfigs ?? []).filter((c) => c.filters.some((d) => d.value === "")).map(() => ({
|
|
227
|
-
rule: o.RecommendationFilters,
|
|
228
|
-
type: r.Error,
|
|
229
|
-
key: yt
|
|
230
|
-
}));
|
|
231
|
-
return [...t, ...l];
|
|
232
|
-
}, K = async (t, l) => {
|
|
233
|
-
var _, h;
|
|
234
|
-
const c = [
|
|
235
|
-
...l.map((w) => w.value),
|
|
236
|
-
...M,
|
|
237
|
-
...((h = (_ = e.value) == null ? void 0 : _.template) == null ? void 0 : h.customFieldAttributes) ?? []
|
|
238
|
-
], d = B(t), p = await b(d), { isTransactional: C } = L;
|
|
239
|
-
return [
|
|
240
|
-
...await A(t),
|
|
241
|
-
...C ? [] : Nt(t, c),
|
|
242
|
-
...bt(t),
|
|
243
|
-
...At(t),
|
|
244
|
-
...Dt(t),
|
|
245
|
-
...C ? [] : vt(t, c, d, p),
|
|
246
|
-
...Kt(t),
|
|
247
|
-
...wt(t),
|
|
248
|
-
...Bt(t),
|
|
249
|
-
...v(),
|
|
250
|
-
...Yt(t),
|
|
251
|
-
...O(
|
|
252
|
-
t,
|
|
253
|
-
U,
|
|
254
|
-
o.CheckboxUnsubGroup,
|
|
255
|
-
It
|
|
256
|
-
),
|
|
257
|
-
...O(
|
|
258
|
-
t,
|
|
259
|
-
P,
|
|
260
|
-
o.RadioButtonUnsubGroup,
|
|
261
|
-
St
|
|
262
|
-
)
|
|
263
|
-
];
|
|
264
|
-
}, S = async (t, l) => [
|
|
265
|
-
...Ot(t),
|
|
266
|
-
...Rt(t),
|
|
267
|
-
...Lt(t),
|
|
268
|
-
...i("liquidSyntax") ? await D(t) : await K(t, l)
|
|
269
|
-
].map(N);
|
|
270
|
-
return { collectSaveValidationErrors: S, validateCurrentTemplate: async () => {
|
|
271
|
-
const { html: t } = await s();
|
|
272
|
-
await y(t);
|
|
273
|
-
const { html: l } = await u({ minimize: !0, resetDataSavedFlag: !1 }), { compiledHtml: c } = m(l);
|
|
274
|
-
return S(c, g.getSelectedDynamicContentList);
|
|
275
|
-
} };
|
|
276
|
-
};
|
|
277
|
-
export {
|
|
278
|
-
ae as useSaveValidation
|
|
279
|
-
};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { useConfigStore as t } from "../stores/config.js";
|
|
2
|
-
import { computed as o } from "vue";
|
|
3
|
-
const n = ["newsletteruatcamp", "newsletterqacamp"], c = () => {
|
|
4
|
-
const e = t();
|
|
5
|
-
return { isEnabled: o(() => n.includes(e.partnerName)) };
|
|
6
|
-
};
|
|
7
|
-
export {
|
|
8
|
-
c as useSaveValidationRollout
|
|
9
|
-
};
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
var n = /* @__PURE__ */ ((s) => (s.CouponTagModified = "coupon-tag-modified", s.DuplicateUnsubBlock = "duplicate-unsub-block", s.UnsubBlockMissingTemplate = "unsub-block-missing-template", s.LiquidSyntax = "liquid-syntax", s.InvalidLinks = "invalid-links", s.LinkCheckInProgress = "link-check-in-progress", s.CustomFieldScript = "custom-field-script", s.EmptyHtml = "empty-html", s.MismatchedBraces = "mismatched-braces", s.InvalidDynamicTag = "invalid-dynamic-tag", s.InvalidCustomField = "invalid-custom-field", s.ConditionsSyntax = "conditions-syntax", s.WrongEqualityOperator = "wrong-equality-operator", s.MissingIfEndif = "missing-if-endif", s.ConditionTagSpacing = "condition-tag-spacing", s.BracesInsideIfTag = "braces-inside-if-tag", s.RecommendationRequiredFields = "recommendation-required-fields", s.RecommendationFilters = "recommendation-filters", s.InvalidImageType = "invalid-image-type", s.CheckboxUnsubGroup = "checkbox-unsub-group", s.RadioButtonUnsubGroup = "radio-button-unsub-group", s))(n || {});
|
|
2
|
-
export {
|
|
3
|
-
n as SaveValidationRule
|
|
4
|
-
};
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import type { SaveValidationRule } from '@@/Enums/save-validation';
|
|
2
|
-
import type { ToasterTypeOptions } from '@@/Enums/toaster';
|
|
3
|
-
/** Which action triggered the validation run. Drives telemetry only in v1. */
|
|
4
|
-
export type SaveValidationIntent = 'save' | 'back' | 'test';
|
|
5
|
-
/**
|
|
6
|
-
* A single validation failure instance, one per drawer row. Names avoid the
|
|
7
|
-
* public `ValidationError` (config validation) collision — NOT exported from
|
|
8
|
-
* library.ts.
|
|
9
|
-
*/
|
|
10
|
-
export interface SaveValidationError {
|
|
11
|
-
/** Stable discriminator for tests and de-duplication. */
|
|
12
|
-
rule: SaveValidationRule;
|
|
13
|
-
/** Final translated string — trans() is applied at collect time. */
|
|
14
|
-
message: string;
|
|
15
|
-
/** Raw user content (field name / tag / src) — not i18n. */
|
|
16
|
-
detail?: string;
|
|
17
|
-
/** Mirrors the legacy toaster severity. Kept for the discriminator/tests; the drawer renders a uniform icon and never reads it. */
|
|
18
|
-
type: ToasterTypeOptions;
|
|
19
|
-
}
|