@useinsider/guido 1.0.3-beta.8eea45e → 1.0.3-beta.8feea14
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/migrator/couponBlockMigrator.js +32 -32
- package/dist/config/migrator/index.js +5 -5
- package/dist/extensions/Blocks/Checkbox/block.d.ts +1 -0
- package/dist/extensions/Blocks/Checkbox/block.js +15 -24
- package/dist/extensions/Blocks/Checkbox/control.js +24 -38
- package/dist/extensions/Blocks/Checkbox/extension.js +5 -16
- package/dist/extensions/Blocks/Checkbox/iconsRegistry.d.ts +4 -0
- package/dist/extensions/Blocks/Checkbox/iconsRegistry.js +18 -0
- package/dist/extensions/Blocks/Checkbox/settingsPanel.js +12 -25
- package/dist/extensions/Blocks/Checkbox/template.js +5 -16
- package/dist/extensions/Blocks/CouponBlock/block.d.ts +1 -0
- package/dist/extensions/Blocks/CouponBlock/block.js +14 -24
- package/dist/extensions/Blocks/CouponBlock/extension.js +5 -16
- package/dist/extensions/Blocks/CouponBlock/iconsRegistry.d.ts +4 -0
- package/dist/extensions/Blocks/CouponBlock/iconsRegistry.js +33 -0
- package/dist/extensions/Blocks/CouponBlock/settingsPanel.js +16 -29
- package/dist/extensions/Blocks/CouponBlock/template.js +1 -3
- package/dist/extensions/Blocks/RadioButton/block.d.ts +1 -0
- package/dist/extensions/Blocks/RadioButton/block.js +13 -22
- package/dist/extensions/Blocks/RadioButton/control.js +32 -46
- package/dist/extensions/Blocks/RadioButton/extension.js +4 -15
- package/dist/extensions/Blocks/RadioButton/iconsRegistry.d.ts +4 -0
- package/dist/extensions/Blocks/RadioButton/iconsRegistry.js +14 -0
- package/dist/extensions/Blocks/RadioButton/settingsPanel.js +13 -26
- package/dist/extensions/Blocks/RadioButton/template.js +7 -18
- package/dist/extensions/Blocks/_Boilerplate/block.d.ts +1 -0
- package/dist/extensions/Blocks/_Boilerplate/iconsRegistry.d.ts +4 -0
- package/dist/extensions/DynamicContent/dynamic-content.js +31 -45
- package/dist/extensions/DynamicContent/extension.js +6 -18
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js +647 -0
- package/package.json +2 -2
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/Extension.js +0 -75
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/ExtensionBuilder.js +0 -77
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/blocks/Block.js +0 -123
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/AiAssistantValueType.js +0 -7
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockCompositionType.js +0 -7
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockName.js +0 -12
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockType.js +0 -7
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BuiltInControlTypes.js +0 -119
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/ContextActionType.js +0 -7
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/EditorStatePropertyType.js +0 -7
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/PanelPosition.js +0 -7
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/Popover.js +0 -12
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/PreviewDeviceMode.js +0 -7
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/SettingsTab.js +0 -7
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementType.js +0 -7
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementsAttributes.js +0 -24
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/Control.js +0 -24
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/SettingsPanelRegistry.js +0 -11
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/SettingsPanelTab.js +0 -33
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/modifications/ModificationDescription.js +0 -22
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/ui-elements/UIElement.js +0 -40
- package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/ui-elements/UIElementTagRegistry.js +0 -5
- package/dist/static/assets/icons/coupon.svg.js +0 -4
|
@@ -1,37 +1,24 @@
|
|
|
1
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/
|
|
2
|
-
import "
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PanelPosition.js";
|
|
9
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/Popover.js";
|
|
10
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PreviewDeviceMode.js";
|
|
11
|
-
import { SettingsTab as i } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/SettingsTab.js";
|
|
12
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementType.js";
|
|
13
|
-
import { SettingsPanelRegistry as m } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/controls/SettingsPanelRegistry.js";
|
|
14
|
-
import { SettingsPanelTab as p } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/controls/SettingsPanelTab.js";
|
|
15
|
-
import { COUPON_BLOCK_ID as e } from "./block.js";
|
|
16
|
-
class A extends m {
|
|
17
|
-
registerBlockControls(t) {
|
|
18
|
-
t[e] = [
|
|
19
|
-
new p(
|
|
20
|
-
i.SETTINGS,
|
|
1
|
+
import { SettingsPanelRegistry as T, SettingsPanelTab as o, SettingsTab as O, TextControls as t } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
|
|
2
|
+
import { COUPON_BLOCK_ID as N } from "./block.js";
|
|
3
|
+
class _ extends T {
|
|
4
|
+
registerBlockControls(e) {
|
|
5
|
+
e[N] = [
|
|
6
|
+
new o(
|
|
7
|
+
O.SETTINGS,
|
|
21
8
|
[
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
9
|
+
t.FONT_FAMILY,
|
|
10
|
+
t.FONT_SIZE,
|
|
11
|
+
t.FORMAT,
|
|
12
|
+
t.FONT_COLOR,
|
|
13
|
+
t.TEXT_BLOCK_BACKGROUND_COLOR,
|
|
14
|
+
t.ALIGN,
|
|
15
|
+
t.LINE_HEIGHT,
|
|
16
|
+
t.INTERNAL_INDENTS
|
|
30
17
|
]
|
|
31
18
|
)
|
|
32
19
|
];
|
|
33
20
|
}
|
|
34
21
|
}
|
|
35
22
|
export {
|
|
36
|
-
|
|
23
|
+
_ as CouponBlockSettings
|
|
37
24
|
};
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
const o = `
|
|
2
2
|
<td class="coupon-block ins-coupon-code esd-block-text coupon-block-v2">
|
|
3
|
-
<
|
|
4
|
-
<p class="ins-title">{@COUPON_CODE}</p>
|
|
5
|
-
</table>
|
|
3
|
+
<p class="ins-title" contenteditable="false">{@COUPON_CODE}</p>
|
|
6
4
|
</td>`, e = `
|
|
7
5
|
<td
|
|
8
6
|
class="coupon-block coupon-block-v2 ins-coupon-code esd-block-text esd-extension-block"
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { Block, BlockCompositionType } from '@stripoinc/ui-editor-extensions';
|
|
2
2
|
export declare const BLOCK_ID = "radio-button-block";
|
|
3
3
|
export declare class RadioButtonCustomBlock extends Block {
|
|
4
|
+
constructor();
|
|
4
5
|
getId(): string;
|
|
5
6
|
getIcon(): string;
|
|
6
7
|
getBlockCompositionType(): BlockCompositionType;
|
|
@@ -1,27 +1,18 @@
|
|
|
1
|
-
import { Block as t } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/
|
|
2
|
-
import "
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/EditorStatePropertyType.js";
|
|
9
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PanelPosition.js";
|
|
10
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/Popover.js";
|
|
11
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PreviewDeviceMode.js";
|
|
12
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/SettingsTab.js";
|
|
13
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementType.js";
|
|
14
|
-
import { getDefaultTemplate as r } from "./template.js";
|
|
15
|
-
const i = "radio-button-block";
|
|
16
|
-
class D extends t {
|
|
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
|
+
const r = "radio-button-block";
|
|
4
|
+
class c extends t {
|
|
5
|
+
constructor() {
|
|
6
|
+
super();
|
|
7
|
+
}
|
|
17
8
|
getId() {
|
|
18
|
-
return
|
|
9
|
+
return r;
|
|
19
10
|
}
|
|
20
11
|
getIcon() {
|
|
21
|
-
return "
|
|
12
|
+
return "radio-button-icon";
|
|
22
13
|
}
|
|
23
14
|
getBlockCompositionType() {
|
|
24
|
-
return o.
|
|
15
|
+
return o.CONTAINER;
|
|
25
16
|
}
|
|
26
17
|
getName() {
|
|
27
18
|
return this.api.translate("Radio Button Block");
|
|
@@ -30,10 +21,10 @@ class D extends t {
|
|
|
30
21
|
return this.api.translate("Radio Button Block Description");
|
|
31
22
|
}
|
|
32
23
|
getTemplate() {
|
|
33
|
-
return
|
|
24
|
+
return e();
|
|
34
25
|
}
|
|
35
26
|
}
|
|
36
27
|
export {
|
|
37
|
-
|
|
38
|
-
|
|
28
|
+
r as BLOCK_ID,
|
|
29
|
+
c as RadioButtonCustomBlock
|
|
39
30
|
};
|
|
@@ -1,24 +1,10 @@
|
|
|
1
1
|
var E = Object.defineProperty;
|
|
2
|
-
var
|
|
3
|
-
var a = (
|
|
4
|
-
import { useHttp as
|
|
5
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockType.js";
|
|
9
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BuiltInControlTypes.js";
|
|
10
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/ContextActionType.js";
|
|
11
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/EditorStatePropertyType.js";
|
|
12
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PanelPosition.js";
|
|
13
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/Popover.js";
|
|
14
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PreviewDeviceMode.js";
|
|
15
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/SettingsTab.js";
|
|
16
|
-
import { UEAttr as e } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementsAttributes.js";
|
|
17
|
-
import { UIElementType as r } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementType.js";
|
|
18
|
-
import { Control as c } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/controls/Control.js";
|
|
19
|
-
import { ModificationDescription as d } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/modifications/ModificationDescription.js";
|
|
20
|
-
const l = "ui-elements-radio-button", n = "select", { get: L } = m();
|
|
21
|
-
class R extends c {
|
|
2
|
+
var c = (r, s, t) => s in r ? E(r, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[s] = t;
|
|
3
|
+
var a = (r, s, t) => c(r, typeof s != "symbol" ? s + "" : s, t);
|
|
4
|
+
import { useHttp as d } from "../../../composables/useHttp.js";
|
|
5
|
+
import { Control as l, UIElementType as n, UEAttr as e, ModificationDescription as L } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
|
|
6
|
+
const p = "ui-elements-radio-button", o = "select", { get: m } = d();
|
|
7
|
+
class b extends l {
|
|
22
8
|
constructor() {
|
|
23
9
|
super(...arguments);
|
|
24
10
|
a(this, "currentNode");
|
|
@@ -26,27 +12,27 @@ class R extends c {
|
|
|
26
12
|
a(this, "unsubList", []);
|
|
27
13
|
}
|
|
28
14
|
getId() {
|
|
29
|
-
return
|
|
15
|
+
return p;
|
|
30
16
|
}
|
|
31
17
|
_setFormValues() {
|
|
32
18
|
this.api.updateValues({
|
|
33
|
-
[
|
|
19
|
+
[o]: ""
|
|
34
20
|
});
|
|
35
21
|
}
|
|
36
|
-
_getLabel(t,
|
|
22
|
+
_getLabel(t, i = `${Math.random()}`) {
|
|
37
23
|
return `
|
|
38
|
-
<${
|
|
24
|
+
<${n.LABEL}
|
|
39
25
|
${e.LABEL.text}="${t}"
|
|
40
|
-
${e.LABEL.name}="${
|
|
41
|
-
</${
|
|
26
|
+
${e.LABEL.name}="${i}">
|
|
27
|
+
</${n.LABEL}>
|
|
42
28
|
`;
|
|
43
29
|
}
|
|
44
|
-
_getSelectItem(t,
|
|
30
|
+
_getSelectItem(t, i) {
|
|
45
31
|
return `
|
|
46
|
-
<${
|
|
32
|
+
<${n.SELECT_ITEM}
|
|
47
33
|
${e.SELECT_ITEM.text}="${t}"
|
|
48
|
-
${e.SELECT_ITEM.value}="${
|
|
49
|
-
</${
|
|
34
|
+
${e.SELECT_ITEM.value}="${i}">
|
|
35
|
+
</${n.SELECT_ITEM}>`;
|
|
50
36
|
}
|
|
51
37
|
_getSelect() {
|
|
52
38
|
return this.unsubList.map((t) => this._getSelectItem(t.name, t.sendGridId)).join("");
|
|
@@ -55,50 +41,50 @@ class R extends c {
|
|
|
55
41
|
return `
|
|
56
42
|
<div class="checkbox-controls-container">
|
|
57
43
|
<div class="checkbox-select-container container two-columns stretch">
|
|
58
|
-
<${
|
|
44
|
+
<${n.LABEL}
|
|
59
45
|
${e.LABEL.text}="${this.api.translate("Unsubscribe Group")}"
|
|
60
46
|
${e.LABEL.name}="${Math.random()}">
|
|
61
|
-
</${
|
|
47
|
+
</${n.LABEL}>
|
|
62
48
|
|
|
63
|
-
<${
|
|
64
|
-
${e.SELECTPICKER.name}="${
|
|
49
|
+
<${n.SELECTPICKER}
|
|
50
|
+
${e.SELECTPICKER.name}="${o}"
|
|
65
51
|
${e.SELECTPICKER.placeholder}="${this.api.translate("Select Unsubscribe Group")}">
|
|
66
52
|
${this._getSelect()}
|
|
67
|
-
</${
|
|
53
|
+
</${n.SELECTPICKER}>
|
|
68
54
|
</div>
|
|
69
55
|
</div>
|
|
70
56
|
`;
|
|
71
57
|
}
|
|
72
58
|
_onSelectChange(t) {
|
|
73
|
-
this.currentNode && this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute("id", t.toString()).apply(new
|
|
59
|
+
this.currentNode && this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute("id", t.toString()).apply(new L(`Updated text to ${t}`));
|
|
74
60
|
}
|
|
75
61
|
_listenToFormUpdates() {
|
|
76
|
-
this.api.onValueChanged(
|
|
62
|
+
this.api.onValueChanged(o, (t) => this._onSelectChange(t));
|
|
77
63
|
}
|
|
78
64
|
onTemplateNodeUpdated(t) {
|
|
79
65
|
if (this.currentNode = t, "getAttribute" in t) {
|
|
80
|
-
const
|
|
81
|
-
|
|
82
|
-
[
|
|
66
|
+
const i = Number(t.getAttribute("id"));
|
|
67
|
+
i && (this.selectedUnsubGroup = i, this.api.updateValues({
|
|
68
|
+
[o]: this.selectedUnsubGroup
|
|
83
69
|
}));
|
|
84
70
|
}
|
|
85
71
|
}
|
|
86
72
|
// eslint-disable-next-line @typescript-eslint/no-misused-promises
|
|
87
73
|
async onRender() {
|
|
88
|
-
const t = await
|
|
74
|
+
const t = await m(
|
|
89
75
|
"/unsubscribe-groups/unsubscribe-list"
|
|
90
|
-
),
|
|
76
|
+
), i = t.data.map((u) => ({
|
|
91
77
|
[e.SELECT_ITEM.text]: u.name,
|
|
92
78
|
[e.SELECT_ITEM.value]: u.sendGridId
|
|
93
79
|
}));
|
|
94
80
|
this.unsubList = t.data, this.api.setUIEAttribute(
|
|
95
|
-
|
|
81
|
+
o,
|
|
96
82
|
e.SELECTPICKER.items,
|
|
97
|
-
|
|
83
|
+
i
|
|
98
84
|
), this._setFormValues(), this._listenToFormUpdates();
|
|
99
85
|
}
|
|
100
86
|
}
|
|
101
87
|
export {
|
|
102
|
-
|
|
103
|
-
|
|
88
|
+
p as CONTROL_BLOCK_ID,
|
|
89
|
+
b as RadioButtonControl
|
|
104
90
|
};
|
|
@@ -1,20 +1,9 @@
|
|
|
1
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/
|
|
2
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockCompositionType.js";
|
|
3
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockName.js";
|
|
4
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockType.js";
|
|
5
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BuiltInControlTypes.js";
|
|
6
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/ContextActionType.js";
|
|
7
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/EditorStatePropertyType.js";
|
|
8
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PanelPosition.js";
|
|
9
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/Popover.js";
|
|
10
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PreviewDeviceMode.js";
|
|
11
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/SettingsTab.js";
|
|
12
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementType.js";
|
|
13
|
-
import { ExtensionBuilder as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/ExtensionBuilder.js";
|
|
1
|
+
import { ExtensionBuilder as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
|
|
14
2
|
import { RadioButtonCustomBlock as t } from "./block.js";
|
|
15
3
|
import { RadioButtonControl as i } from "./control.js";
|
|
4
|
+
import { RadioButtonIconsRegistry as n } from "./iconsRegistry.js";
|
|
16
5
|
import { RadioButtonBlockSettingsPanel as r } from "./settingsPanel.js";
|
|
17
|
-
const
|
|
6
|
+
const l = new o().addBlock(t).withSettingsPanelRegistry(r).addControl(i).withIconsRegistry(n).build();
|
|
18
7
|
export {
|
|
19
|
-
|
|
8
|
+
l as default
|
|
20
9
|
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { IconsRegistry as i } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
|
|
2
|
+
class s extends i {
|
|
3
|
+
registerIconsSvg(t) {
|
|
4
|
+
t["radio-button-icon"] = `
|
|
5
|
+
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
6
|
+
<circle cx="10" cy="10" r="9" stroke="#666666" fill="#FFFFFF" stroke-width="2"/>
|
|
7
|
+
<circle cx="10" cy="10" r="3" fill="#666666"/>
|
|
8
|
+
</svg>
|
|
9
|
+
`;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
export {
|
|
13
|
+
s as RadioButtonIconsRegistry
|
|
14
|
+
};
|
|
@@ -1,39 +1,26 @@
|
|
|
1
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/
|
|
2
|
-
import "
|
|
3
|
-
import "
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PanelPosition.js";
|
|
9
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/Popover.js";
|
|
10
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PreviewDeviceMode.js";
|
|
11
|
-
import { SettingsTab as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/SettingsTab.js";
|
|
12
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementType.js";
|
|
13
|
-
import { SettingsPanelRegistry as e } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/controls/SettingsPanelRegistry.js";
|
|
14
|
-
import { SettingsPanelTab as r } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/controls/SettingsPanelTab.js";
|
|
15
|
-
import { BLOCK_ID as p } from "./block.js";
|
|
16
|
-
import { CONTROL_BLOCK_ID as n } from "./control.js";
|
|
17
|
-
class K extends e {
|
|
18
|
-
registerBlockControls(i) {
|
|
19
|
-
i[p] = [
|
|
20
|
-
new r(
|
|
1
|
+
import { SettingsPanelRegistry as r, SettingsPanelTab as t, SettingsTab as o, ContainerControls as e, TextControls as s } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
|
|
2
|
+
import { BLOCK_ID as T } from "./block.js";
|
|
3
|
+
import { CONTROL_BLOCK_ID as i } from "./control.js";
|
|
4
|
+
class a extends r {
|
|
5
|
+
registerBlockControls(n) {
|
|
6
|
+
n[T] = [
|
|
7
|
+
new t(
|
|
21
8
|
o.SETTINGS,
|
|
22
9
|
[
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
10
|
+
i,
|
|
11
|
+
e.EXTERNAL_INDENTS,
|
|
12
|
+
e.DISPLAY_CONDITIONS
|
|
26
13
|
]
|
|
27
14
|
),
|
|
28
|
-
new
|
|
15
|
+
new t(
|
|
29
16
|
o.STYLES,
|
|
30
17
|
[
|
|
31
|
-
|
|
18
|
+
s.TEXT_BLOCK_BACKGROUND_COLOR
|
|
32
19
|
]
|
|
33
20
|
)
|
|
34
21
|
];
|
|
35
22
|
}
|
|
36
23
|
}
|
|
37
24
|
export {
|
|
38
|
-
|
|
25
|
+
a as RadioButtonBlockSettingsPanel
|
|
39
26
|
};
|
|
@@ -1,21 +1,10 @@
|
|
|
1
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/
|
|
2
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockCompositionType.js";
|
|
3
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockName.js";
|
|
4
|
-
import { BlockType as t } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockType.js";
|
|
5
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BuiltInControlTypes.js";
|
|
6
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/ContextActionType.js";
|
|
7
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/EditorStatePropertyType.js";
|
|
8
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PanelPosition.js";
|
|
9
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/Popover.js";
|
|
10
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PreviewDeviceMode.js";
|
|
11
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/SettingsTab.js";
|
|
12
|
-
import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementType.js";
|
|
1
|
+
import { BlockType as t } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
|
|
13
2
|
const e = {
|
|
14
3
|
TITLE: "This is a title text",
|
|
15
4
|
DESCRIPTION: "This is a description text",
|
|
16
5
|
YES: "Yes",
|
|
17
6
|
NO: "No"
|
|
18
|
-
},
|
|
7
|
+
}, d = `
|
|
19
8
|
<td align="left" class="radio-button-v2 esd-block-radio es-p10t es-p10b es-p30r es-p30l">
|
|
20
9
|
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
|
|
21
10
|
<tbody>
|
|
@@ -86,7 +75,7 @@ const e = {
|
|
|
86
75
|
</tbody>
|
|
87
76
|
</table>
|
|
88
77
|
</td>
|
|
89
|
-
`,
|
|
78
|
+
`, l = `
|
|
90
79
|
<td
|
|
91
80
|
align="left"
|
|
92
81
|
esd-extension-block-id="radio-button-block"
|
|
@@ -151,10 +140,10 @@ const e = {
|
|
|
151
140
|
</table>
|
|
152
141
|
</td>
|
|
153
142
|
`;
|
|
154
|
-
function
|
|
155
|
-
return
|
|
143
|
+
function a() {
|
|
144
|
+
return d.replace("{-{-TITLE-}-}", `<p path="1">${e.TITLE}</p>`).replace("{-{-DESCRIPTION-}-}", `<p path="1">${e.DESCRIPTION}</p>`).replace("{-{-YES-}-}", `<p path="1">${e.YES}</p>`).replace("{-{-NO-}-}", `<p path="1">${e.NO}</p>`);
|
|
156
145
|
}
|
|
157
146
|
export {
|
|
158
|
-
|
|
159
|
-
|
|
147
|
+
l as default,
|
|
148
|
+
a as getDefaultTemplate
|
|
160
149
|
};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { Block, BlockCompositionType } from '@stripoinc/ui-editor-extensions';
|
|
2
2
|
export declare const BLOCK_ID = "{{your-block}}";
|
|
3
3
|
export declare class CustomBlock extends Block {
|
|
4
|
+
constructor();
|
|
4
5
|
getId(): string;
|
|
5
6
|
getIcon(): string;
|
|
6
7
|
getBlockCompositionType(): BlockCompositionType;
|
|
@@ -1,75 +1,61 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
import { dynamicContentToMergeTags as
|
|
5
|
-
import "../../node_modules/@stripoinc/ui-editor-extensions/dist/
|
|
6
|
-
import "
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
import "../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/EditorStatePropertyType.js";
|
|
12
|
-
import "../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PanelPosition.js";
|
|
13
|
-
import "../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/Popover.js";
|
|
14
|
-
import "../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PreviewDeviceMode.js";
|
|
15
|
-
import "../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/SettingsTab.js";
|
|
16
|
-
import { UEAttr as c } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementsAttributes.js";
|
|
17
|
-
import { UIElementType as i } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementType.js";
|
|
18
|
-
import { UIElement as l } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/ui-elements/UIElement.js";
|
|
19
|
-
import { UIElementTagRegistry as d } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/ui-elements/UIElementTagRegistry.js";
|
|
20
|
-
import { ExternalMergeTagsLibrary as p } from "./dynamic-content-modal.js";
|
|
21
|
-
const s = "external-dynamic-content-ui-element", T = "button-add-dynamic-content";
|
|
22
|
-
class O extends d {
|
|
23
|
-
registerUiElements(e) {
|
|
24
|
-
e[i.MERGETAGS] = s;
|
|
1
|
+
var o = Object.defineProperty;
|
|
2
|
+
var g = (n, t, e) => t in n ? o(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
|
|
3
|
+
var i = (n, t, e) => g(n, typeof t != "symbol" ? t + "" : t, e);
|
|
4
|
+
import { dynamicContentToMergeTags as m } from "../../utils/genericUtil.js";
|
|
5
|
+
import { UIElement as c, UIElementType as r, UEAttr as l, UIElementTagRegistry as d } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
|
|
6
|
+
import { ExternalMergeTagsLibrary as T } from "./dynamic-content-modal.js";
|
|
7
|
+
const a = "external-dynamic-content-ui-element", y = "button-add-dynamic-content";
|
|
8
|
+
class p extends d {
|
|
9
|
+
registerUiElements(t) {
|
|
10
|
+
t[r.MERGETAGS] = a;
|
|
25
11
|
}
|
|
26
12
|
}
|
|
27
|
-
class
|
|
13
|
+
class C extends c {
|
|
28
14
|
constructor() {
|
|
29
15
|
super(...arguments);
|
|
30
|
-
|
|
31
|
-
|
|
16
|
+
i(this, "mergeTagsButton", null);
|
|
17
|
+
i(this, "listener", () => {
|
|
32
18
|
});
|
|
33
|
-
|
|
34
|
-
|
|
19
|
+
i(this, "mergeTagsLibrary", null);
|
|
20
|
+
i(this, "selectedDynamicContent", { value: "", text: "" });
|
|
35
21
|
}
|
|
36
22
|
getId() {
|
|
37
|
-
return
|
|
23
|
+
return a;
|
|
38
24
|
}
|
|
39
|
-
onRender(
|
|
40
|
-
var
|
|
41
|
-
this.listener = this._onClick.bind(this), this.mergeTagsButton =
|
|
25
|
+
onRender(e) {
|
|
26
|
+
var s;
|
|
27
|
+
this.listener = this._onClick.bind(this), this.mergeTagsButton = e.querySelector("#guido__btn-add-dynamic-content"), (s = this.mergeTagsButton) == null || s.addEventListener("click", this.listener);
|
|
42
28
|
}
|
|
43
29
|
onDestroy() {
|
|
44
|
-
var
|
|
45
|
-
(
|
|
30
|
+
var e;
|
|
31
|
+
(e = this.mergeTagsButton) == null || e.removeEventListener("click", this.listener);
|
|
46
32
|
}
|
|
47
33
|
_onClick() {
|
|
48
34
|
this.openMergeTagLibrary();
|
|
49
35
|
}
|
|
50
36
|
openMergeTagLibrary() {
|
|
51
|
-
this.mergeTagsLibrary || (this.mergeTagsLibrary = new
|
|
37
|
+
this.mergeTagsLibrary || (this.mergeTagsLibrary = new T()), this.mergeTagsLibrary.openMergeTagsLibrary(
|
|
52
38
|
this.selectedDynamicContent,
|
|
53
|
-
(
|
|
54
|
-
this.api.onValueChanged(
|
|
39
|
+
(e) => {
|
|
40
|
+
this.api.onValueChanged(m([e])[0]);
|
|
55
41
|
}
|
|
56
42
|
);
|
|
57
43
|
}
|
|
58
44
|
getTemplate() {
|
|
59
45
|
return `
|
|
60
46
|
<div>
|
|
61
|
-
<${
|
|
47
|
+
<${r.BUTTON}
|
|
62
48
|
id="guido__btn-add-dynamic-content"
|
|
63
49
|
class="btn btn-primary"
|
|
64
|
-
${
|
|
65
|
-
<${
|
|
66
|
-
</${
|
|
50
|
+
${l.BUTTON.name}="${y}">
|
|
51
|
+
<${r.ICON} src="plus" class="icon icon-button color-primary">
|
|
52
|
+
</${r.ICON}>
|
|
67
53
|
${this.api.translate("Add Dynamic Content")}
|
|
68
|
-
</${
|
|
54
|
+
</${r.BUTTON}>
|
|
69
55
|
</div>`;
|
|
70
56
|
}
|
|
71
57
|
}
|
|
72
58
|
export {
|
|
73
|
-
|
|
74
|
-
|
|
59
|
+
p as DynamicContentTagRegistry,
|
|
60
|
+
C as DynamicContentUiElementExtension
|
|
75
61
|
};
|
|
@@ -1,23 +1,11 @@
|
|
|
1
|
-
import "../../node_modules/@stripoinc/ui-editor-extensions/dist/
|
|
2
|
-
import "
|
|
3
|
-
import "
|
|
4
|
-
|
|
5
|
-
import "../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BuiltInControlTypes.js";
|
|
6
|
-
import "../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/ContextActionType.js";
|
|
7
|
-
import "../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/EditorStatePropertyType.js";
|
|
8
|
-
import "../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PanelPosition.js";
|
|
9
|
-
import "../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/Popover.js";
|
|
10
|
-
import "../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PreviewDeviceMode.js";
|
|
11
|
-
import "../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/SettingsTab.js";
|
|
12
|
-
import "../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementType.js";
|
|
13
|
-
import { ExtensionBuilder as t } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/ExtensionBuilder.js";
|
|
14
|
-
import { DynamicContentUiElementExtension as i, DynamicContentTagRegistry as o } from "./dynamic-content.js";
|
|
15
|
-
import n from "./dynamic-content.css.js";
|
|
16
|
-
const w = new t().addUiElement(i).withStyles(n).withLocalization({
|
|
1
|
+
import { ExtensionBuilder as t } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
|
|
2
|
+
import { DynamicContentUiElementExtension as n, DynamicContentTagRegistry as e } from "./dynamic-content.js";
|
|
3
|
+
import i from "./dynamic-content.css.js";
|
|
4
|
+
const r = new t().addUiElement(n).withStyles(i).withLocalization({
|
|
17
5
|
en: {
|
|
18
6
|
"Add Dynamic Content": "Add Dynamic Content"
|
|
19
7
|
}
|
|
20
|
-
}).withUiElementTagRegistry(
|
|
8
|
+
}).withUiElementTagRegistry(e).build();
|
|
21
9
|
export {
|
|
22
|
-
|
|
10
|
+
r as default
|
|
23
11
|
};
|