@useinsider/guido 3.7.0-beta.b2980d8 → 3.7.0-beta.fc2a9d1
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/extensions/Blocks/Recommendation/controls/main/index.js +35 -30
- package/dist/extensions/Blocks/Recommendation/controls/main/productLayout.js +62 -50
- package/dist/extensions/Blocks/Recommendation/controls/main/utils.js +208 -193
- package/dist/extensions/Blocks/Recommendation/store/recommendation.js +18 -17
- package/dist/extensions/Blocks/Unsubscribe/block.js +72 -122
- package/dist/extensions/Blocks/Unsubscribe/template.js +4 -4
- package/dist/src/extensions/Blocks/Recommendation/controls/main/index.d.ts +1 -0
- package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts +1 -0
- package/dist/src/extensions/Blocks/Unsubscribe/block.d.ts +0 -9
- package/package.json +1 -1
|
@@ -2,16 +2,16 @@ import { getRecommendationFeedSourceMaps as g, getOperatorOptions as R, PriceAtt
|
|
|
2
2
|
import { useRecommendationApi as y } from "../../../../services/recommendationApi.js";
|
|
3
3
|
import { useConfigStore as G } from "../../../../stores/config.js";
|
|
4
4
|
import { defineStore as P } from "pinia";
|
|
5
|
-
import { DEFAULT_CARDS_IN_ROW as F } from "../constants/layout.js";
|
|
6
|
-
import { EXCLUDED_ALGORITHM_IDS as
|
|
5
|
+
import { DEFAULT_MOBILE_CARDS_IN_ROW as D, DEFAULT_CARDS_IN_ROW as F } from "../constants/layout.js";
|
|
6
|
+
import { EXCLUDED_ALGORITHM_IDS as w } from "../constants/defaultConfig.js";
|
|
7
7
|
import { getDefaultProducts as S } from "../templates/utils.js";
|
|
8
8
|
import { generateCompleteFilterQuery as b } from "../utils/filterUtil.js";
|
|
9
9
|
import { getPartnerRecommendationParams as v } from "../utils/partnerCustomizations.js";
|
|
10
|
-
import { isFilterValid as
|
|
11
|
-
import { isConfigValid as
|
|
10
|
+
import { isFilterValid as N } from "../validation/filterSchema.js";
|
|
11
|
+
import { isConfigValid as x } from "../validation/requiredFields.js";
|
|
12
12
|
const h = y();
|
|
13
13
|
let m = null, u = null, d = null;
|
|
14
|
-
function
|
|
14
|
+
function k() {
|
|
15
15
|
return {
|
|
16
16
|
cardsInRow: F,
|
|
17
17
|
currencySettings: {
|
|
@@ -27,6 +27,7 @@ function I() {
|
|
|
27
27
|
productIds: [],
|
|
28
28
|
id: 1,
|
|
29
29
|
language: "en_US",
|
|
30
|
+
mobileCardsInRow: D,
|
|
30
31
|
mobileLayoutEnabled: !1,
|
|
31
32
|
orientation: "grid",
|
|
32
33
|
recommendedProducts: [],
|
|
@@ -39,9 +40,9 @@ function I() {
|
|
|
39
40
|
customAttributes: []
|
|
40
41
|
};
|
|
41
42
|
}
|
|
42
|
-
function
|
|
43
|
+
function I() {
|
|
43
44
|
return {
|
|
44
|
-
recommendationConfigs:
|
|
45
|
+
recommendationConfigs: k(),
|
|
45
46
|
recommendationProducts: [],
|
|
46
47
|
filterStatus: !1,
|
|
47
48
|
filterSelectionDrawerStatus: !1,
|
|
@@ -50,7 +51,7 @@ function k() {
|
|
|
50
51
|
filterSnapshot: null
|
|
51
52
|
};
|
|
52
53
|
}
|
|
53
|
-
const
|
|
54
|
+
const L = () => ({
|
|
54
55
|
recommendationCampaignUrls: {},
|
|
55
56
|
activePredictiveAlgorithms: [],
|
|
56
57
|
languages: {},
|
|
@@ -59,8 +60,8 @@ const x = () => ({
|
|
|
59
60
|
blockStates: {},
|
|
60
61
|
currentRecommendationId: null,
|
|
61
62
|
configVersion: 0
|
|
62
|
-
}),
|
|
63
|
-
state: () =>
|
|
63
|
+
}), K = P("guidoRecommendationExtension", {
|
|
64
|
+
state: () => L(),
|
|
64
65
|
getters: {
|
|
65
66
|
// ====================================================================
|
|
66
67
|
// Proxy Getters — Backward Compatible Access to Current Block State
|
|
@@ -70,7 +71,7 @@ const x = () => ({
|
|
|
70
71
|
* This allows all existing code that reads `store.recommendationConfigs` to work unchanged.
|
|
71
72
|
*/
|
|
72
73
|
recommendationConfigs(t) {
|
|
73
|
-
return t.currentRecommendationId !== null && t.blockStates[t.currentRecommendationId] ? t.blockStates[t.currentRecommendationId].recommendationConfigs :
|
|
74
|
+
return t.currentRecommendationId !== null && t.blockStates[t.currentRecommendationId] ? t.blockStates[t.currentRecommendationId].recommendationConfigs : k();
|
|
74
75
|
},
|
|
75
76
|
/**
|
|
76
77
|
* Proxy getter: delegates to blockStates[currentRecommendationId].recommendationProducts
|
|
@@ -116,7 +117,7 @@ const x = () => ({
|
|
|
116
117
|
},
|
|
117
118
|
getActivePredictiveAlgorithms: (t) => {
|
|
118
119
|
const e = g(), r = [];
|
|
119
|
-
return t.activePredictiveAlgorithms.filter((n) => !
|
|
120
|
+
return t.activePredictiveAlgorithms.filter((n) => !w.includes(n)).forEach((n) => {
|
|
120
121
|
r.push(...e.filter((c) => c.id === n));
|
|
121
122
|
}), r.map((n) => ({
|
|
122
123
|
text: n.name,
|
|
@@ -156,7 +157,7 @@ const x = () => ({
|
|
|
156
157
|
setCurrentBlock(t) {
|
|
157
158
|
this.blockStates[t] || (this.blockStates = {
|
|
158
159
|
...this.blockStates,
|
|
159
|
-
[t]:
|
|
160
|
+
[t]: I()
|
|
160
161
|
}), this.currentRecommendationId = t;
|
|
161
162
|
},
|
|
162
163
|
/**
|
|
@@ -224,7 +225,7 @@ const x = () => ({
|
|
|
224
225
|
decimalCount: String(e.currencyDecimalCount),
|
|
225
226
|
decimalSeparator: r(e.currencyDecimalSeparator, ","),
|
|
226
227
|
thousandSeparator: r(e.currencyThousandSeparator, ".")
|
|
227
|
-
}, c = !this.blockStates[t], i = c ?
|
|
228
|
+
}, c = !this.blockStates[t], i = c ? I() : this.blockStates[t];
|
|
228
229
|
i.recommendationConfigs = {
|
|
229
230
|
...i.recommendationConfigs,
|
|
230
231
|
strategy: e.strategy,
|
|
@@ -379,7 +380,7 @@ const x = () => ({
|
|
|
379
380
|
const n = [...e.recommendationConfigs.filters];
|
|
380
381
|
n[r] = {
|
|
381
382
|
...t,
|
|
382
|
-
isValid:
|
|
383
|
+
isValid: N(t)
|
|
383
384
|
}, e.recommendationConfigs.filters = n;
|
|
384
385
|
}
|
|
385
386
|
},
|
|
@@ -425,7 +426,7 @@ const x = () => ({
|
|
|
425
426
|
* every block's recommendationConfigs across user edits.
|
|
426
427
|
*/
|
|
427
428
|
hasInvalidBlock() {
|
|
428
|
-
return Object.values(this.blockStates).some((t) => !
|
|
429
|
+
return Object.values(this.blockStates).some((t) => !x(t.recommendationConfigs, this));
|
|
429
430
|
},
|
|
430
431
|
// ====================================================================
|
|
431
432
|
// Per-Block Product Fetching
|
|
@@ -475,5 +476,5 @@ const x = () => ({
|
|
|
475
476
|
}
|
|
476
477
|
});
|
|
477
478
|
export {
|
|
478
|
-
|
|
479
|
+
K as useRecommendationExtensionStore
|
|
479
480
|
};
|
|
@@ -1,41 +1,39 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
import { useToaster as
|
|
5
|
-
import { ToasterTypeOptions as
|
|
6
|
-
import { PAGE_TYPES as
|
|
7
|
-
import { useUnsubscribeStore as
|
|
8
|
-
import { Block as
|
|
9
|
-
import { getDefaultTemplate as
|
|
10
|
-
import { DATA_ATTRIBUTES as
|
|
11
|
-
import { parsePageList as
|
|
12
|
-
const
|
|
13
|
-
[
|
|
14
|
-
[
|
|
15
|
-
}
|
|
16
|
-
class
|
|
1
|
+
var g = Object.defineProperty;
|
|
2
|
+
var k = (c, n, e) => n in c ? g(c, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[n] = e;
|
|
3
|
+
var l = (c, n, e) => k(c, typeof n != "symbol" ? n + "" : n, e);
|
|
4
|
+
import { useToaster as B } from "../../../composables/useToaster.js";
|
|
5
|
+
import { ToasterTypeOptions as S } from "../../../enums/toaster.js";
|
|
6
|
+
import { PAGE_TYPES as E } from "../../../enums/unsubscribe.js";
|
|
7
|
+
import { useUnsubscribeStore as a } from "../../../stores/unsubscribe.js";
|
|
8
|
+
import { Block as L, BlockCompositionType as f, ContextActionType as h, ModificationDescription as b, BlockType as v } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
|
|
9
|
+
import { getDefaultTemplate as A } from "./template.js";
|
|
10
|
+
import { DATA_ATTRIBUTES as i, UNSUBSCRIBE_EVENTS as d } from "./utils/constants.js";
|
|
11
|
+
import { parsePageList as p } from "./utils/utils.js";
|
|
12
|
+
const y = "unsubscribe-block", m = 'a[data-unsubscribe-link="true"]', _ = ".unsubscribe-block-v2", I = "{{ins-unsubscribe-link}}", T = "https://academy.insiderone.com/docs/adding-unsubscribe-pages-into-emails", C = "Removing the unsubscribe text leaves an empty block, but an active unsubscribe link is required. Undo your last action to restore the text, or delete the unsubscribe block entirely.", N = {
|
|
13
|
+
[E.GLOBAL_UNSUBSCRIBE]: "{{ins-global-unsubscribe-link}}",
|
|
14
|
+
[E.SUBSCRIPTION_PREFERENCE_CENTER]: "{{ins-preferences-unsubscribe-link}}"
|
|
15
|
+
};
|
|
16
|
+
class F extends L {
|
|
17
17
|
constructor() {
|
|
18
18
|
super();
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
19
|
+
l(this, "selectEventListener", null);
|
|
20
|
+
l(this, "cancelEventListener", null);
|
|
21
|
+
l(this, "currentNode");
|
|
22
22
|
// Per-block "did this instance have a link last time we saw it?" tracking.
|
|
23
23
|
// Keyed by the stable `data-unsubscribe-block-id` we assign, because
|
|
24
24
|
// ImmutableHtmlNode instances are recreated on every document mutation and
|
|
25
25
|
// can't be used as Map keys directly. A singleton boolean here would be
|
|
26
26
|
// polluted across blocks since Stripo fires onDocumentChanged per-instance.
|
|
27
|
-
|
|
28
|
-
// Per-block prepend retry counter for the leading text guard (SD-143097).
|
|
29
|
-
a(this, "guardAttemptsByBlockId", /* @__PURE__ */ new Map());
|
|
27
|
+
l(this, "linkStateByBlockId", /* @__PURE__ */ new Map());
|
|
30
28
|
}
|
|
31
29
|
getId() {
|
|
32
|
-
return
|
|
30
|
+
return y;
|
|
33
31
|
}
|
|
34
32
|
getIcon() {
|
|
35
33
|
return "unsubscribe-icon";
|
|
36
34
|
}
|
|
37
35
|
getBlockCompositionType() {
|
|
38
|
-
return
|
|
36
|
+
return f.BLOCK;
|
|
39
37
|
}
|
|
40
38
|
getName() {
|
|
41
39
|
return this.api.translate("Unsubscribe Block");
|
|
@@ -44,84 +42,36 @@ class H extends y {
|
|
|
44
42
|
return this.api.translate("Unsubscribe Block Description");
|
|
45
43
|
}
|
|
46
44
|
getTemplate() {
|
|
47
|
-
return
|
|
45
|
+
return A();
|
|
48
46
|
}
|
|
49
47
|
getContextActionsIds() {
|
|
50
|
-
return [
|
|
48
|
+
return [h.MOVE, h.REMOVE];
|
|
51
49
|
}
|
|
52
50
|
onSelect(e) {
|
|
53
51
|
this.currentNode = e;
|
|
54
52
|
const t = this._getOrAssignBlockId(e);
|
|
55
53
|
t && this.linkStateByBlockId.set(t, this._hasUnsubscribeLink(e)), !("getAttribute" in e && e.getAttribute("data-migration")) && (this._resetStoreState(), this._loadBlockState(e), this._setupSelectEventListener(), this._setupCancelEventListener(), this._checkExistingBlocks(), this._openDrawer());
|
|
56
54
|
}
|
|
57
|
-
onCreated(e) {
|
|
58
|
-
this._ensureLeadingTextGuard(e);
|
|
59
|
-
}
|
|
60
|
-
onDocumentInit() {
|
|
61
|
-
try {
|
|
62
|
-
const e = this.api.getDocumentRoot();
|
|
63
|
-
e && "querySelectorAll" in e && e.querySelectorAll(E).forEach((t) => {
|
|
64
|
-
this._ensureLeadingTextGuard(t);
|
|
65
|
-
});
|
|
66
|
-
} catch {
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
55
|
onDocumentChanged(e) {
|
|
70
|
-
this._ensureLeadingTextGuard(e);
|
|
71
56
|
const t = this._getOrAssignBlockId(e);
|
|
72
57
|
if (!t)
|
|
73
58
|
return;
|
|
74
|
-
const
|
|
75
|
-
this.linkStateByBlockId.get(t) === !0 && !
|
|
59
|
+
const r = this._hasUnsubscribeLink(e);
|
|
60
|
+
this.linkStateByBlockId.get(t) === !0 && !r && this._warnLinkRemoved(), this.linkStateByBlockId.set(t, r);
|
|
76
61
|
}
|
|
77
62
|
onDelete(e) {
|
|
78
63
|
this._removeEventListeners(), this._removeBlockTemplatesFromStore(e), this._resetStoreState();
|
|
79
64
|
const t = this._readBlockId(e);
|
|
80
|
-
t &&
|
|
65
|
+
t && this.linkStateByBlockId.delete(t);
|
|
81
66
|
}
|
|
82
67
|
onDestroy() {
|
|
83
|
-
this._removeEventListeners(), this.currentNode = void 0, this.linkStateByBlockId.clear()
|
|
84
|
-
}
|
|
85
|
-
/**
|
|
86
|
-
* Guarantees a plain-text node before the link's wrapper inside the <p>.
|
|
87
|
-
* Without it the only caret position left of the link is inside the anchor,
|
|
88
|
-
* so anything typed there becomes part of the link (SD-143097).
|
|
89
|
-
*/
|
|
90
|
-
_ensureLeadingTextGuard(e) {
|
|
91
|
-
if (!("querySelector" in e))
|
|
92
|
-
return;
|
|
93
|
-
const t = e.querySelector(m);
|
|
94
|
-
if (!t)
|
|
95
|
-
return;
|
|
96
|
-
let s = t, r = s.parent();
|
|
97
|
-
for (; r && "getTagName" in r && r.getTagName().toLowerCase() !== "p"; )
|
|
98
|
-
s = r, r = r.parent();
|
|
99
|
-
if (!r || !("getTagName" in r) || r.getTagName().toLowerCase() !== "p")
|
|
100
|
-
return;
|
|
101
|
-
const i = s.previousSibling();
|
|
102
|
-
if (!!(i && i.getType() === "text" && i.getTextContent())) {
|
|
103
|
-
const b = this._readBlockId(e);
|
|
104
|
-
b && this.guardAttemptsByBlockId.delete(b);
|
|
105
|
-
return;
|
|
106
|
-
}
|
|
107
|
-
const g = this._getOrAssignBlockId(e);
|
|
108
|
-
if (!g)
|
|
109
|
-
return;
|
|
110
|
-
const _ = this.guardAttemptsByBlockId.get(g) ?? 0;
|
|
111
|
-
if (!(_ >= w)) {
|
|
112
|
-
this.guardAttemptsByBlockId.set(g, _ + 1);
|
|
113
|
-
try {
|
|
114
|
-
this.api.getDocumentModifier().modifyHtml(r).prepend(" ").apply(new d("Ensure unsubscribe link text guard"));
|
|
115
|
-
} catch (b) {
|
|
116
|
-
console.warn("[UnsubscribeBlock] Failed to ensure link text guard:", b);
|
|
117
|
-
}
|
|
118
|
-
}
|
|
68
|
+
this._removeEventListeners(), this.currentNode = void 0, this.linkStateByBlockId.clear();
|
|
119
69
|
}
|
|
120
70
|
_hasUnsubscribeLink(e) {
|
|
121
71
|
return "querySelector" in e ? !!e.querySelector(m) : !1;
|
|
122
72
|
}
|
|
123
73
|
_readBlockId(e) {
|
|
124
|
-
return "getAttribute" in e ? e.getAttribute(
|
|
74
|
+
return "getAttribute" in e ? e.getAttribute(i.BLOCK_ID) : null;
|
|
125
75
|
}
|
|
126
76
|
/**
|
|
127
77
|
* Returns the block's stable id, assigning one via the document modifier if
|
|
@@ -135,13 +85,13 @@ class H extends y {
|
|
|
135
85
|
return t;
|
|
136
86
|
if (!("getAttribute" in e))
|
|
137
87
|
return null;
|
|
138
|
-
const
|
|
88
|
+
const r = this._generateNextBlockId();
|
|
139
89
|
try {
|
|
140
|
-
this.api.getDocumentModifier().modifyHtml(e).setAttribute(
|
|
141
|
-
} catch (
|
|
142
|
-
return console.warn("[UnsubscribeBlock] Failed to assign block id:",
|
|
90
|
+
this.api.getDocumentModifier().modifyHtml(e).setAttribute(i.BLOCK_ID, r).apply(new b(`Assign unsubscribe block id ${r}`));
|
|
91
|
+
} catch (s) {
|
|
92
|
+
return console.warn("[UnsubscribeBlock] Failed to assign block id:", s), null;
|
|
143
93
|
}
|
|
144
|
-
return
|
|
94
|
+
return r;
|
|
145
95
|
}
|
|
146
96
|
/**
|
|
147
97
|
* Generates a unique id by scanning the document for the highest existing
|
|
@@ -152,10 +102,10 @@ class H extends y {
|
|
|
152
102
|
let e = 0;
|
|
153
103
|
try {
|
|
154
104
|
const t = this.api.getDocumentRoot();
|
|
155
|
-
t && "querySelectorAll" in t && t.querySelectorAll(
|
|
156
|
-
if ("getAttribute" in
|
|
157
|
-
const
|
|
158
|
-
|
|
105
|
+
t && "querySelectorAll" in t && t.querySelectorAll(_).forEach((s) => {
|
|
106
|
+
if ("getAttribute" in s) {
|
|
107
|
+
const o = s.getAttribute(i.BLOCK_ID), u = o ? parseInt(o) : 0;
|
|
108
|
+
u > e && (e = u);
|
|
159
109
|
}
|
|
160
110
|
});
|
|
161
111
|
} catch {
|
|
@@ -164,14 +114,14 @@ class H extends y {
|
|
|
164
114
|
}
|
|
165
115
|
_warnLinkRemoved() {
|
|
166
116
|
try {
|
|
167
|
-
const { showToaster: e } =
|
|
117
|
+
const { showToaster: e } = B();
|
|
168
118
|
e({
|
|
169
|
-
type:
|
|
170
|
-
message: this.api.translate(
|
|
119
|
+
type: S.Warning,
|
|
120
|
+
message: this.api.translate(C),
|
|
171
121
|
actionButton: {
|
|
172
122
|
text: this.api.translate("Visit Academy"),
|
|
173
123
|
onClick: () => {
|
|
174
|
-
window.open(
|
|
124
|
+
window.open(T, "_blank", "noopener,noreferrer");
|
|
175
125
|
}
|
|
176
126
|
}
|
|
177
127
|
});
|
|
@@ -181,26 +131,26 @@ class H extends y {
|
|
|
181
131
|
}
|
|
182
132
|
_setupSelectEventListener() {
|
|
183
133
|
this._removeSelectEventListener(), this.selectEventListener = (e) => {
|
|
184
|
-
const t = e, { collectionType:
|
|
185
|
-
this._updateBlock(
|
|
186
|
-
}, document.addEventListener(
|
|
134
|
+
const t = e, { collectionType: r, selectedPages: s } = t.detail;
|
|
135
|
+
this._updateBlock(r, s.join(","));
|
|
136
|
+
}, document.addEventListener(d.SELECT, this.selectEventListener);
|
|
187
137
|
}
|
|
188
138
|
_removeSelectEventListener() {
|
|
189
|
-
this.selectEventListener && (document.removeEventListener(
|
|
139
|
+
this.selectEventListener && (document.removeEventListener(d.SELECT, this.selectEventListener), this.selectEventListener = null);
|
|
190
140
|
}
|
|
191
141
|
_setupCancelEventListener() {
|
|
192
142
|
this._removeCancelEventListener(), this.cancelEventListener = () => {
|
|
193
143
|
this._handleCancel();
|
|
194
|
-
}, document.addEventListener(
|
|
144
|
+
}, document.addEventListener(d.CANCEL, this.cancelEventListener);
|
|
195
145
|
}
|
|
196
146
|
_removeCancelEventListener() {
|
|
197
|
-
this.cancelEventListener && (document.removeEventListener(
|
|
147
|
+
this.cancelEventListener && (document.removeEventListener(d.CANCEL, this.cancelEventListener), this.cancelEventListener = null);
|
|
198
148
|
}
|
|
199
149
|
_handleCancel() {
|
|
200
150
|
try {
|
|
201
151
|
if (!this.currentNode)
|
|
202
152
|
return;
|
|
203
|
-
this.api.getDocumentModifier().modifyHtml(this.currentNode).replaceWith(`<${
|
|
153
|
+
this.api.getDocumentModifier().modifyHtml(this.currentNode).replaceWith(`<${v.EMPTY_CONTAINER}/>`).apply(new b("Removed unsubscribe block due to cancel"));
|
|
204
154
|
} catch (e) {
|
|
205
155
|
console.warn("[UnsubscribeBlock] Failed to remove unsubscribe block:", e);
|
|
206
156
|
}
|
|
@@ -211,32 +161,32 @@ class H extends y {
|
|
|
211
161
|
_updateBlock(e, t) {
|
|
212
162
|
if (!this.currentNode || !("querySelector" in this.currentNode))
|
|
213
163
|
return;
|
|
214
|
-
const
|
|
215
|
-
if (!
|
|
164
|
+
const r = this.currentNode.querySelector(m);
|
|
165
|
+
if (!r)
|
|
216
166
|
return;
|
|
217
|
-
const
|
|
218
|
-
this.api.getDocumentModifier().modifyHtml(
|
|
167
|
+
const s = this._getMergeTag(e);
|
|
168
|
+
this.api.getDocumentModifier().modifyHtml(r).setAttribute("href", s).apply(new b(`Updated unsubscribe link to ${s}`)), this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute(i.PAGE_TYPE, e.toString()).setAttribute(i.PAGE_LIST, t).apply(new b("Updated unsubscribe block metadata"));
|
|
219
169
|
}
|
|
220
170
|
_getMergeTag(e) {
|
|
221
|
-
return
|
|
171
|
+
return N[e] ?? I;
|
|
222
172
|
}
|
|
223
173
|
_openDrawer() {
|
|
224
174
|
if (!(this.currentNode && this.currentNode.getAttribute("data-unsubscribe-page-type")))
|
|
225
175
|
try {
|
|
226
|
-
const e =
|
|
176
|
+
const e = a();
|
|
227
177
|
e.typeSelectionDrawerStatus = !0;
|
|
228
178
|
} catch (e) {
|
|
229
179
|
console.error("[UnsubscribeBlock] Failed to open drawer:", e);
|
|
230
180
|
}
|
|
231
181
|
}
|
|
232
182
|
_checkExistingBlocks() {
|
|
233
|
-
const e =
|
|
234
|
-
e.isGlobalUnsubscribeDisabled = !1, e.isSubscriptionPreferencesCenterDisabled = !1, this.api.getDocumentRoot().querySelectorAll(
|
|
235
|
-
if ("getAttribute" in
|
|
236
|
-
const
|
|
237
|
-
if (
|
|
238
|
-
const
|
|
239
|
-
|
|
183
|
+
const e = a();
|
|
184
|
+
e.isGlobalUnsubscribeDisabled = !1, e.isSubscriptionPreferencesCenterDisabled = !1, this.api.getDocumentRoot().querySelectorAll(_).forEach((r) => {
|
|
185
|
+
if ("getAttribute" in r) {
|
|
186
|
+
const s = r.getAttribute(i.PAGE_TYPE);
|
|
187
|
+
if (s) {
|
|
188
|
+
const o = Number(s);
|
|
189
|
+
o === E.GLOBAL_UNSUBSCRIBE ? e.isGlobalUnsubscribeDisabled = !0 : o === E.SUBSCRIPTION_PREFERENCE_CENTER && (e.isSubscriptionPreferencesCenterDisabled = !0);
|
|
240
190
|
}
|
|
241
191
|
}
|
|
242
192
|
});
|
|
@@ -244,26 +194,26 @@ class H extends y {
|
|
|
244
194
|
async _loadBlockState(e) {
|
|
245
195
|
if (!("getAttribute" in e))
|
|
246
196
|
return;
|
|
247
|
-
const t = e.getAttribute(
|
|
248
|
-
if (!t || !
|
|
197
|
+
const t = e.getAttribute(i.PAGE_TYPE), r = e.getAttribute(i.PAGE_LIST);
|
|
198
|
+
if (!t || !r)
|
|
249
199
|
return;
|
|
250
|
-
const
|
|
251
|
-
await
|
|
200
|
+
const s = a(), o = Number(t), u = p(r);
|
|
201
|
+
await s.fetchTemplates(), s.setCollectionWithoutAutoSelection(o), s.loadSelectedTemplates(u);
|
|
252
202
|
}
|
|
253
203
|
_resetStoreState() {
|
|
254
|
-
|
|
204
|
+
a().$reset();
|
|
255
205
|
}
|
|
256
206
|
_removeBlockTemplatesFromStore(e) {
|
|
257
207
|
if (!("getAttribute" in e))
|
|
258
208
|
return;
|
|
259
|
-
const t = e.getAttribute(
|
|
209
|
+
const t = e.getAttribute(i.PAGE_LIST);
|
|
260
210
|
if (!t)
|
|
261
211
|
return;
|
|
262
|
-
const
|
|
263
|
-
|
|
212
|
+
const r = a(), s = p(t);
|
|
213
|
+
r.removeUnsubscribePages(s);
|
|
264
214
|
}
|
|
265
215
|
}
|
|
266
216
|
export {
|
|
267
|
-
|
|
268
|
-
|
|
217
|
+
y as UNSUBSCRIBE_BLOCK_ID,
|
|
218
|
+
F as UnsubscribeBlock
|
|
269
219
|
};
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import { BlockType as s } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
|
|
2
|
-
const e = "unsubscribe", n = "{{ins-unsubscribe-link}}",
|
|
2
|
+
const e = "unsubscribe", n = "{{ins-unsubscribe-link}}", t = `
|
|
3
3
|
<${s.BLOCK_TEXT}
|
|
4
4
|
class="unsubscribe-block-v2 esd-block-unsubscribe es-p0"
|
|
5
5
|
align="center"
|
|
6
6
|
data-unsubscribe-page-type=""
|
|
7
7
|
data-unsubscribe-page-list=""
|
|
8
8
|
>
|
|
9
|
-
<p> <a
|
|
9
|
+
<p> <strong><a
|
|
10
10
|
href="${n}"
|
|
11
11
|
class="unsubscribe-link"
|
|
12
12
|
target="_blank"
|
|
13
13
|
data-unsubscribe-link="true"
|
|
14
|
-
>${e}</a></p>
|
|
14
|
+
>${e}</a></strong></p>
|
|
15
15
|
</${s.BLOCK_TEXT}>
|
|
16
16
|
`;
|
|
17
17
|
function u() {
|
|
18
|
-
return
|
|
18
|
+
return t;
|
|
19
19
|
}
|
|
20
20
|
export {
|
|
21
21
|
u as getDefaultTemplate
|
|
@@ -6,7 +6,6 @@ export declare class UnsubscribeBlock extends Block {
|
|
|
6
6
|
private cancelEventListener;
|
|
7
7
|
private currentNode?;
|
|
8
8
|
private linkStateByBlockId;
|
|
9
|
-
private guardAttemptsByBlockId;
|
|
10
9
|
constructor();
|
|
11
10
|
getId(): string;
|
|
12
11
|
getIcon(): string;
|
|
@@ -16,17 +15,9 @@ export declare class UnsubscribeBlock extends Block {
|
|
|
16
15
|
getTemplate(): string;
|
|
17
16
|
getContextActionsIds(): string[];
|
|
18
17
|
onSelect(node: ImmutableHtmlElementNode): void;
|
|
19
|
-
onCreated(node: ImmutableHtmlNode): void;
|
|
20
|
-
onDocumentInit(): void;
|
|
21
18
|
onDocumentChanged(node: ImmutableHtmlNode): void;
|
|
22
19
|
onDelete(node: ImmutableHtmlElementNode): void;
|
|
23
20
|
onDestroy(): void;
|
|
24
|
-
/**
|
|
25
|
-
* Guarantees a plain-text node before the link's wrapper inside the <p>.
|
|
26
|
-
* Without it the only caret position left of the link is inside the anchor,
|
|
27
|
-
* so anything typed there becomes part of the link (SD-143097).
|
|
28
|
-
*/
|
|
29
|
-
private _ensureLeadingTextGuard;
|
|
30
21
|
private _hasUnsubscribeLink;
|
|
31
22
|
private _readBlockId;
|
|
32
23
|
/**
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@useinsider/guido",
|
|
3
|
-
"version": "3.7.0-beta.
|
|
3
|
+
"version": "3.7.0-beta.fc2a9d1",
|
|
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",
|