@useinsider/guido 3.10.0-beta.076d56a → 3.10.0-beta.37c2e49
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/config/i18n/en/labels.json.js +1 -4
- package/dist/enums/unsubscribe.js +36 -41
- package/dist/extensions/Blocks/Checkbox/block.js +3 -5
- package/dist/extensions/Blocks/Checkbox/control.js +28 -42
- package/dist/extensions/Blocks/RadioButton/block.js +7 -9
- package/dist/extensions/Blocks/RadioButton/control.js +50 -64
- package/dist/src/enums/unsubscribe.d.ts +0 -2
- package/dist/static/styles/components/dropdown-menu.css.js +0 -12
- package/package.json +1 -1
|
@@ -4,10 +4,7 @@ const e = "Items", o = {
|
|
|
4
4
|
"Recommendation Block": "Recommendation",
|
|
5
5
|
Items: e,
|
|
6
6
|
"This block is switched from the Old Version to the New Version. We recommend you check the Recommendation block and test your message to ensure it works properly.": "This block is switched from the Old Version to the New Version. We recommend you check the Recommendation block and test your message to ensure it works properly.",
|
|
7
|
-
"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.": "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."
|
|
8
|
-
"Pixel Tracking Opt-in": "Pixel Tracking Opt-in",
|
|
9
|
-
"OPT-IN SELECTION": "OPT-IN SELECTION",
|
|
10
|
-
"UNSUBSCRIBE GROUPS": "UNSUBSCRIBE GROUPS"
|
|
7
|
+
"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.": "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."
|
|
11
8
|
};
|
|
12
9
|
export {
|
|
13
10
|
e as Items,
|
|
@@ -1,38 +1,35 @@
|
|
|
1
1
|
import { useTranslations as R } from "../composables/useTranslations.js";
|
|
2
|
-
import { ProductType as
|
|
2
|
+
import { ProductType as n } from "../@types/config/schemas.js";
|
|
3
3
|
import "../@types/config/defaults.js";
|
|
4
|
-
import { getEnvironmentPrefix as
|
|
5
|
-
const
|
|
4
|
+
import { getEnvironmentPrefix as S } from "../utils/environmentUtil.js";
|
|
5
|
+
const i = {
|
|
6
6
|
UNSUBSCRIBE_LINK_TYPE: 1,
|
|
7
7
|
PREFERENCES_LINK_TYPE: 3
|
|
8
|
-
},
|
|
8
|
+
}, B = {
|
|
9
9
|
UNSUBSCRIBE_LINK_REGEX: /{{ins-unsubscribe-link}}/g,
|
|
10
10
|
DATA_OGSB_BUTTON_CSS_REGEX: "\\[data-ogsb\\]\\s*\\.es-button\\.es-button-[0-9]+\\s*\\{(?:[^\\}]*)\\}",
|
|
11
11
|
GLOBAL_UNSUBSCRIBE_LINK_REGEX: /{{ins-global-unsubscribe-link}}/g,
|
|
12
12
|
PREFERENCES_UNSUBSCRIBE_LINK_REGEX: /{{ins-preferences-unsubscribe-link}}/g
|
|
13
|
-
},
|
|
14
|
-
UNSUBSCRIBE_URL: `https://mail.${
|
|
15
|
-
PREFERENCES_URL: `https://mail.${
|
|
16
|
-
},
|
|
17
|
-
[
|
|
18
|
-
[
|
|
19
|
-
[
|
|
20
|
-
},
|
|
21
|
-
S,
|
|
22
|
-
N
|
|
23
|
-
], T = () => ({
|
|
13
|
+
}, s = S(), C = {
|
|
14
|
+
UNSUBSCRIBE_URL: `https://mail.${s}.com/user/v1/unsub`,
|
|
15
|
+
PREFERENCES_URL: `https://mail.${s}.com/user/v1/prefs`
|
|
16
|
+
}, U = {
|
|
17
|
+
[n.EMAIL]: "email",
|
|
18
|
+
[n.ARCHITECT]: "journey",
|
|
19
|
+
[n.UNSUBSCRIBE_PAGES]: "email"
|
|
20
|
+
}, o = "iid", r = "G", c = () => ({
|
|
24
21
|
name: R()("onboarding-center.email-subscribers-global-unsub-card-title"),
|
|
25
|
-
sendGridId:
|
|
26
|
-
}),
|
|
22
|
+
sendGridId: r
|
|
23
|
+
}), u = "/email/unsubscribe-pages", E = {
|
|
27
24
|
GLOBAL_UNSUBSCRIBE: 1,
|
|
28
25
|
GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE: 2,
|
|
29
26
|
SUBSCRIPTION_PREFERENCE_CENTER: 3,
|
|
30
27
|
SUBSCRIPTION_PREFERENCE_CONFIRMATION: 4,
|
|
31
28
|
RESUBSCRIBE: 5
|
|
32
|
-
},
|
|
29
|
+
}, b = {
|
|
33
30
|
[E.GLOBAL_UNSUBSCRIBE]: "custom-unsubscribe",
|
|
34
31
|
[E.SUBSCRIPTION_PREFERENCE_CENTER]: "custom-preferences"
|
|
35
|
-
},
|
|
32
|
+
}, T = {
|
|
36
33
|
[E.GLOBAL_UNSUBSCRIBE]: [
|
|
37
34
|
E.GLOBAL_UNSUBSCRIBE,
|
|
38
35
|
E.GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE,
|
|
@@ -42,34 +39,32 @@ const B = {
|
|
|
42
39
|
E.SUBSCRIPTION_PREFERENCE_CENTER,
|
|
43
40
|
E.SUBSCRIPTION_PREFERENCE_CONFIRMATION
|
|
44
41
|
]
|
|
45
|
-
},
|
|
46
|
-
const
|
|
42
|
+
}, P = () => {
|
|
43
|
+
const e = R();
|
|
47
44
|
return {
|
|
48
|
-
[E.GLOBAL_UNSUBSCRIBE]:
|
|
49
|
-
[E.GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE]:
|
|
50
|
-
[E.RESUBSCRIBE]:
|
|
51
|
-
[E.SUBSCRIPTION_PREFERENCE_CENTER]:
|
|
52
|
-
[E.SUBSCRIPTION_PREFERENCE_CONFIRMATION]:
|
|
45
|
+
[E.GLOBAL_UNSUBSCRIBE]: e("unsubscription-preference.type-global-unsubscribe"),
|
|
46
|
+
[E.GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE]: e("unsubscription-preference.type-global-unsubscription-confirmation"),
|
|
47
|
+
[E.RESUBSCRIBE]: e("unsubscription-preference.type-resubscribe"),
|
|
48
|
+
[E.SUBSCRIPTION_PREFERENCE_CENTER]: e("unsubscription-preference.type-subscription-preferences-center"),
|
|
49
|
+
[E.SUBSCRIPTION_PREFERENCE_CONFIRMATION]: e("unsubscription-preference.type-subscription-preferences-confirmation")
|
|
53
50
|
};
|
|
54
|
-
},
|
|
51
|
+
}, O = {
|
|
55
52
|
default: "{{ins-unsubscribe-link}}",
|
|
56
53
|
[E.GLOBAL_UNSUBSCRIBE]: "{{ins-global-unsubscribe-link}}",
|
|
57
54
|
[E.SUBSCRIPTION_PREFERENCE_CENTER]: "{{ins-preferences-unsubscribe-link}}"
|
|
58
55
|
};
|
|
59
56
|
export {
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
57
|
+
r as DEFAULT_UNSUBSCRIBE_GROUP_SEND_GRID_ID,
|
|
58
|
+
o as INSIDER_ID,
|
|
59
|
+
B as LINK_REGEXES,
|
|
60
|
+
i as LINK_TYPES,
|
|
61
|
+
O as MERGE_TAGS,
|
|
65
62
|
E as PAGE_TYPES,
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
b as
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
T as getDefaultUnsubscribeGroup,
|
|
74
|
-
O as getTypeTranslations
|
|
63
|
+
U as PRODUCT_TYPE_URL_SEGMENTS,
|
|
64
|
+
T as TYPE_COLLECTIONS,
|
|
65
|
+
u as UNSUBSCRIBE_PAGES_LINK,
|
|
66
|
+
b as UNSUBSCRIBE_SYNC_MODULE_TYPES,
|
|
67
|
+
C as URLS,
|
|
68
|
+
c as getDefaultUnsubscribeGroup,
|
|
69
|
+
P as getTypeTranslations
|
|
75
70
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Block as e, BlockCompositionType as t } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
|
|
2
2
|
import { getDefaultTemplate as o } from "./template.js";
|
|
3
3
|
const r = "checkbox-block";
|
|
4
|
-
class
|
|
4
|
+
class s extends e {
|
|
5
5
|
constructor() {
|
|
6
6
|
super();
|
|
7
7
|
}
|
|
@@ -18,9 +18,7 @@ class l extends e {
|
|
|
18
18
|
return this.api.translate("Checkbox Block");
|
|
19
19
|
}
|
|
20
20
|
getDescription() {
|
|
21
|
-
return this.api.translate(
|
|
22
|
-
"Checkbox lets you select Unsubscribe and Preference Type for users to manage their opt-in or opt-out preferences."
|
|
23
|
-
);
|
|
21
|
+
return this.api.translate("Checkbox Block Description");
|
|
24
22
|
}
|
|
25
23
|
getTemplate() {
|
|
26
24
|
return o();
|
|
@@ -31,5 +29,5 @@ class l extends e {
|
|
|
31
29
|
}
|
|
32
30
|
export {
|
|
33
31
|
r as CHECKBOX_BLOCK_ID,
|
|
34
|
-
|
|
32
|
+
s as CheckboxBlock
|
|
35
33
|
};
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
import { useHttp as
|
|
5
|
-
import { getDefaultUnsubscribeGroup as
|
|
6
|
-
import { Control as
|
|
7
|
-
const b = "ui-elements-checkbox",
|
|
8
|
-
class
|
|
1
|
+
var E = Object.defineProperty;
|
|
2
|
+
var d = (i, n, e) => n in i ? E(i, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[n] = e;
|
|
3
|
+
var o = (i, n, e) => d(i, typeof n != "symbol" ? n + "" : n, e);
|
|
4
|
+
import { useHttp as l } from "../../../composables/useHttp.js";
|
|
5
|
+
import { getDefaultUnsubscribeGroup as L, DEFAULT_UNSUBSCRIBE_GROUP_SEND_GRID_ID as h } from "../../../enums/unsubscribe.js";
|
|
6
|
+
import { Control as p, UIElementType as r, UEAttr as t, ModificationDescription as m } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
|
|
7
|
+
const b = "ui-elements-checkbox", u = "select", { get: C } = l();
|
|
8
|
+
class I extends p {
|
|
9
9
|
constructor() {
|
|
10
10
|
super(...arguments);
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
11
|
+
o(this, "currentNode");
|
|
12
|
+
o(this, "selectedUnsubGroup");
|
|
13
|
+
o(this, "unsubList", []);
|
|
14
14
|
}
|
|
15
15
|
getId() {
|
|
16
16
|
return b;
|
|
@@ -19,12 +19,12 @@ class G extends m {
|
|
|
19
19
|
if (this.selectedUnsubGroup = "", this.currentNode && "getAttribute" in this.currentNode) {
|
|
20
20
|
const e = this.currentNode.getAttribute("id");
|
|
21
21
|
if (e) {
|
|
22
|
-
const s =
|
|
22
|
+
const s = e === h ? e : Number(e);
|
|
23
23
|
s && (this.selectedUnsubGroup = s);
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
26
|
this.api.updateValues({
|
|
27
|
-
[
|
|
27
|
+
[u]: this.selectedUnsubGroup
|
|
28
28
|
});
|
|
29
29
|
}
|
|
30
30
|
_getLabel(e, s = `${Math.random()}`) {
|
|
@@ -46,19 +46,17 @@ class G extends m {
|
|
|
46
46
|
return this.unsubList.map((e) => this._getSelectItem(e.name, e.sendGridId)).join("");
|
|
47
47
|
}
|
|
48
48
|
getTemplate() {
|
|
49
|
-
const e = this.api.translate("Unsubscribe & Preference Center Type"), s = this.api.translate("Select Unsubscribe and Preference Type");
|
|
50
49
|
return `
|
|
51
50
|
<div class="checkbox-controls-container">
|
|
52
|
-
<div class="checkbox-select-container container
|
|
51
|
+
<div class="checkbox-select-container container two-columns stretch">
|
|
53
52
|
<${r.LABEL}
|
|
54
|
-
${t.LABEL.text}="${
|
|
53
|
+
${t.LABEL.text}="${this.api.translate("Unsubscribe Group")}"
|
|
55
54
|
${t.LABEL.name}="${Math.random()}">
|
|
56
55
|
</${r.LABEL}>
|
|
57
56
|
|
|
58
57
|
<${r.SELECTPICKER}
|
|
59
|
-
${t.SELECTPICKER.name}="${
|
|
60
|
-
${t.SELECTPICKER.
|
|
61
|
-
${t.SELECTPICKER.placeholder}="${s}">
|
|
58
|
+
${t.SELECTPICKER.name}="${u}"
|
|
59
|
+
${t.SELECTPICKER.placeholder}="${this.api.translate("Select Unsubscribe Group")}">
|
|
62
60
|
${this._getSelect()}
|
|
63
61
|
</${r.SELECTPICKER}>
|
|
64
62
|
</div>
|
|
@@ -66,42 +64,30 @@ class G extends m {
|
|
|
66
64
|
`;
|
|
67
65
|
}
|
|
68
66
|
_onSelectChange(e) {
|
|
69
|
-
this.currentNode && this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute("id", e.toString()).apply(new
|
|
67
|
+
this.currentNode && this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute("id", e.toString()).apply(new m(`Updated text to ${e}`));
|
|
70
68
|
}
|
|
71
69
|
_listenToFormUpdates() {
|
|
72
|
-
this.api.onValueChanged(
|
|
70
|
+
this.api.onValueChanged(u, (e) => this._onSelectChange(e));
|
|
73
71
|
}
|
|
74
72
|
onTemplateNodeUpdated(e) {
|
|
75
73
|
this.currentNode = e, this._setFormValues();
|
|
76
74
|
}
|
|
77
75
|
// eslint-disable-next-line @typescript-eslint/no-misused-promises
|
|
78
76
|
async onRender() {
|
|
79
|
-
const e = await
|
|
77
|
+
const e = await C(
|
|
80
78
|
"/unsubscribe-groups/unsubscribe-list"
|
|
81
|
-
), s = {
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
}), l = (o) => ({
|
|
88
|
-
[t.SELECT_ITEM.text]: o,
|
|
89
|
-
[t.SELECT_ITEM.value]: `header:${o}`,
|
|
90
|
-
[t.SELECT_ITEM.disabled]: !0
|
|
91
|
-
}), d = [
|
|
92
|
-
l(this.api.translate("OPT-IN SELECTION")),
|
|
93
|
-
u(s),
|
|
94
|
-
l(this.api.translate("UNSUBSCRIBE GROUPS")),
|
|
95
|
-
...c.map(u)
|
|
96
|
-
];
|
|
97
|
-
this.unsubList = [s, ...c], this.api.setUIEAttribute(
|
|
98
|
-
E,
|
|
79
|
+
), s = [L(), ...e.data], c = s.map((a) => ({
|
|
80
|
+
[t.SELECT_ITEM.text]: a.name,
|
|
81
|
+
[t.SELECT_ITEM.value]: a.sendGridId
|
|
82
|
+
}));
|
|
83
|
+
this.unsubList = s, this.api.setUIEAttribute(
|
|
84
|
+
u,
|
|
99
85
|
t.SELECTPICKER.items,
|
|
100
|
-
|
|
86
|
+
c
|
|
101
87
|
), this._setFormValues(), this._listenToFormUpdates();
|
|
102
88
|
}
|
|
103
89
|
}
|
|
104
90
|
export {
|
|
105
91
|
b as CHECKBOX_CONTROL_BLOCK_ID,
|
|
106
|
-
|
|
92
|
+
I as CheckboxControl
|
|
107
93
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { Block as t, BlockCompositionType as
|
|
2
|
-
import { getDefaultTemplate as
|
|
1
|
+
import { Block as t, BlockCompositionType as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
|
|
2
|
+
import { getDefaultTemplate as e } from "./template.js";
|
|
3
3
|
const r = "radio-button-block";
|
|
4
|
-
class
|
|
4
|
+
class l extends t {
|
|
5
5
|
constructor() {
|
|
6
6
|
super();
|
|
7
7
|
}
|
|
@@ -12,18 +12,16 @@ class i extends t {
|
|
|
12
12
|
return "radio-button-icon";
|
|
13
13
|
}
|
|
14
14
|
getBlockCompositionType() {
|
|
15
|
-
return
|
|
15
|
+
return o.CONTAINER;
|
|
16
16
|
}
|
|
17
17
|
getName() {
|
|
18
18
|
return this.api.translate("Radio Button Block");
|
|
19
19
|
}
|
|
20
20
|
getDescription() {
|
|
21
|
-
return this.api.translate(
|
|
22
|
-
"Radio button lets you select Unsubscribe and Preference Type for users to manage their opt-in or opt-out preferences."
|
|
23
|
-
);
|
|
21
|
+
return this.api.translate("Radio Button Block Description");
|
|
24
22
|
}
|
|
25
23
|
getTemplate() {
|
|
26
|
-
return
|
|
24
|
+
return e();
|
|
27
25
|
}
|
|
28
26
|
allowInnerBlocksDND() {
|
|
29
27
|
return !1;
|
|
@@ -31,5 +29,5 @@ class i extends t {
|
|
|
31
29
|
}
|
|
32
30
|
export {
|
|
33
31
|
r as BLOCK_ID,
|
|
34
|
-
|
|
32
|
+
l as RadioButtonCustomBlock
|
|
35
33
|
};
|
|
@@ -1,107 +1,93 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
import { useHttp as
|
|
5
|
-
import { getDefaultUnsubscribeGroup as
|
|
6
|
-
import { Control as
|
|
7
|
-
const b = "ui-elements-radio-button",
|
|
8
|
-
class
|
|
1
|
+
var E = Object.defineProperty;
|
|
2
|
+
var d = (r, n, t) => n in r ? E(r, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[n] = t;
|
|
3
|
+
var o = (r, n, t) => d(r, typeof n != "symbol" ? n + "" : n, t);
|
|
4
|
+
import { useHttp as l } from "../../../composables/useHttp.js";
|
|
5
|
+
import { getDefaultUnsubscribeGroup as L, DEFAULT_UNSUBSCRIBE_GROUP_SEND_GRID_ID as p } from "../../../enums/unsubscribe.js";
|
|
6
|
+
import { Control as h, UIElementType as i, UEAttr as e, ModificationDescription as m } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
|
|
7
|
+
const b = "ui-elements-radio-button", u = "select", { get: $ } = l();
|
|
8
|
+
class I extends h {
|
|
9
9
|
constructor() {
|
|
10
10
|
super(...arguments);
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
11
|
+
o(this, "currentNode");
|
|
12
|
+
o(this, "selectedUnsubGroup");
|
|
13
|
+
o(this, "unsubList", []);
|
|
14
14
|
}
|
|
15
15
|
getId() {
|
|
16
16
|
return b;
|
|
17
17
|
}
|
|
18
18
|
_setFormValues() {
|
|
19
19
|
if (this.selectedUnsubGroup = "", this.currentNode && "getAttribute" in this.currentNode) {
|
|
20
|
-
const
|
|
21
|
-
if (
|
|
22
|
-
const s =
|
|
20
|
+
const t = this.currentNode.getAttribute("id");
|
|
21
|
+
if (t) {
|
|
22
|
+
const s = t === p ? t : Number(t);
|
|
23
23
|
s && (this.selectedUnsubGroup = s);
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
26
|
this.api.updateValues({
|
|
27
|
-
[
|
|
27
|
+
[u]: this.selectedUnsubGroup
|
|
28
28
|
});
|
|
29
29
|
}
|
|
30
|
-
_getLabel(
|
|
30
|
+
_getLabel(t, s = `${Math.random()}`) {
|
|
31
31
|
return `
|
|
32
|
-
<${
|
|
33
|
-
${
|
|
34
|
-
${
|
|
35
|
-
</${
|
|
32
|
+
<${i.LABEL}
|
|
33
|
+
${e.LABEL.text}="${t}"
|
|
34
|
+
${e.LABEL.name}="${s}">
|
|
35
|
+
</${i.LABEL}>
|
|
36
36
|
`;
|
|
37
37
|
}
|
|
38
|
-
_getSelectItem(
|
|
38
|
+
_getSelectItem(t, s) {
|
|
39
39
|
return `
|
|
40
|
-
<${
|
|
41
|
-
${
|
|
42
|
-
${
|
|
43
|
-
</${
|
|
40
|
+
<${i.SELECT_ITEM}
|
|
41
|
+
${e.SELECT_ITEM.text}="${t}"
|
|
42
|
+
${e.SELECT_ITEM.value}="${s}">
|
|
43
|
+
</${i.SELECT_ITEM}>`;
|
|
44
44
|
}
|
|
45
45
|
_getSelect() {
|
|
46
|
-
return this.unsubList.map((
|
|
46
|
+
return this.unsubList.map((t) => this._getSelectItem(t.name, t.sendGridId)).join("");
|
|
47
47
|
}
|
|
48
48
|
getTemplate() {
|
|
49
|
-
const e = this.api.translate("Unsubscribe & Preference Center Type"), s = this.api.translate("Select Unsubscribe and Preference Type");
|
|
50
49
|
return `
|
|
51
50
|
<div class="checkbox-controls-container">
|
|
52
|
-
<div class="checkbox-select-container container
|
|
53
|
-
<${
|
|
54
|
-
${
|
|
55
|
-
${
|
|
56
|
-
</${
|
|
51
|
+
<div class="checkbox-select-container container two-columns stretch">
|
|
52
|
+
<${i.LABEL}
|
|
53
|
+
${e.LABEL.text}="${this.api.translate("Unsubscribe Group")}"
|
|
54
|
+
${e.LABEL.name}="${Math.random()}">
|
|
55
|
+
</${i.LABEL}>
|
|
57
56
|
|
|
58
|
-
<${
|
|
59
|
-
${
|
|
60
|
-
${
|
|
61
|
-
${t.SELECTPICKER.placeholder}="${s}">
|
|
57
|
+
<${i.SELECTPICKER}
|
|
58
|
+
${e.SELECTPICKER.name}="${u}"
|
|
59
|
+
${e.SELECTPICKER.placeholder}="${this.api.translate("Select Unsubscribe Group")}">
|
|
62
60
|
${this._getSelect()}
|
|
63
|
-
</${
|
|
61
|
+
</${i.SELECTPICKER}>
|
|
64
62
|
</div>
|
|
65
63
|
</div>
|
|
66
64
|
`;
|
|
67
65
|
}
|
|
68
|
-
_onSelectChange(
|
|
69
|
-
this.currentNode && this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute("id",
|
|
66
|
+
_onSelectChange(t) {
|
|
67
|
+
this.currentNode && this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute("id", t.toString()).apply(new m(`Updated text to ${t}`));
|
|
70
68
|
}
|
|
71
69
|
_listenToFormUpdates() {
|
|
72
|
-
this.api.onValueChanged(
|
|
70
|
+
this.api.onValueChanged(u, (t) => this._onSelectChange(t));
|
|
73
71
|
}
|
|
74
|
-
onTemplateNodeUpdated(
|
|
75
|
-
this.currentNode =
|
|
72
|
+
onTemplateNodeUpdated(t) {
|
|
73
|
+
this.currentNode = t, this._setFormValues();
|
|
76
74
|
}
|
|
77
75
|
// eslint-disable-next-line @typescript-eslint/no-misused-promises
|
|
78
76
|
async onRender() {
|
|
79
|
-
const
|
|
77
|
+
const t = await $(
|
|
80
78
|
"/unsubscribe-groups/unsubscribe-list"
|
|
81
|
-
), s = {
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
[t.SELECT_ITEM.value]: `header:${o}`,
|
|
90
|
-
[t.SELECT_ITEM.disabled]: !0
|
|
91
|
-
}), l = [
|
|
92
|
-
d(this.api.translate("OPT-IN SELECTION")),
|
|
93
|
-
c(s),
|
|
94
|
-
d(this.api.translate("UNSUBSCRIBE GROUPS")),
|
|
95
|
-
...u.map(c)
|
|
96
|
-
];
|
|
97
|
-
this.unsubList = [s, ...u], this.api.setUIEAttribute(
|
|
98
|
-
E,
|
|
99
|
-
t.SELECTPICKER.items,
|
|
100
|
-
l
|
|
79
|
+
), s = [L(), ...t.data], c = s.map((a) => ({
|
|
80
|
+
[e.SELECT_ITEM.text]: a.name,
|
|
81
|
+
[e.SELECT_ITEM.value]: a.sendGridId
|
|
82
|
+
}));
|
|
83
|
+
this.unsubList = s, this.api.setUIEAttribute(
|
|
84
|
+
u,
|
|
85
|
+
e.SELECTPICKER.items,
|
|
86
|
+
c
|
|
101
87
|
), this._setFormValues(), this._listenToFormUpdates();
|
|
102
88
|
}
|
|
103
89
|
}
|
|
104
90
|
export {
|
|
105
91
|
b as CONTROL_BLOCK_ID,
|
|
106
|
-
|
|
92
|
+
I as RadioButtonControl
|
|
107
93
|
};
|
|
@@ -19,8 +19,6 @@ export declare const PRODUCT_TYPE_URL_SEGMENTS: {
|
|
|
19
19
|
};
|
|
20
20
|
export declare const INSIDER_ID = "iid";
|
|
21
21
|
export declare const DEFAULT_UNSUBSCRIBE_GROUP_SEND_GRID_ID = "G";
|
|
22
|
-
export declare const PIXEL_TRACKING_SEND_GRID_ID = "P";
|
|
23
|
-
export declare const UNSUBSCRIBE_SENTINEL_SEND_GRID_IDS: string[];
|
|
24
22
|
/**
|
|
25
23
|
* Get the default unsubscribe group lazily so the translated name resolves at access time.
|
|
26
24
|
* Must be called within a Vue component context or after Pinia is initialized.
|
|
@@ -39,18 +39,6 @@ ue-dropdown .service-element.padding-t-3 {
|
|
|
39
39
|
color: var(--guido-color-primary-500);
|
|
40
40
|
}
|
|
41
41
|
|
|
42
|
-
/*
|
|
43
|
-
* SD-145233: the pixel-tracking preference dropdown has no native option groups,
|
|
44
|
-
* so its section titles are rendered as disabled items. Present them as
|
|
45
|
-
* non-interactive group headers instead of options: no hover/cursor affordance
|
|
46
|
-
* and a little extra vertical spacing.
|
|
47
|
-
*/
|
|
48
|
-
.dropdown__menu .dropdown__item.disabled {
|
|
49
|
-
padding-top: 14px;
|
|
50
|
-
padding-bottom: 8px;
|
|
51
|
-
pointer-events: none;
|
|
52
|
-
}
|
|
53
|
-
|
|
54
42
|
.menu {
|
|
55
43
|
padding: 8px 0px;
|
|
56
44
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@useinsider/guido",
|
|
3
|
-
"version": "3.10.0-beta.
|
|
3
|
+
"version": "3.10.0-beta.37c2e49",
|
|
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",
|