@useinsider/guido 1.0.2-beta.22aa110 → 1.0.2-beta.29797ee

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.
Files changed (132) hide show
  1. package/README.md +1 -1
  2. package/dist/_virtual/AddCustomFont.js +4 -0
  3. package/dist/_virtual/AiAssistantValueType.js +4 -0
  4. package/dist/_virtual/BackgroundColorBuiltInControl.js +4 -0
  5. package/dist/_virtual/BackgroundImageBuiltInControl.js +4 -0
  6. package/dist/_virtual/Block.js +4 -0
  7. package/dist/_virtual/BlockAttributes.js +4 -0
  8. package/dist/_virtual/BlockCompositionType.js +4 -0
  9. package/dist/_virtual/BlockPaddingsBuiltInControl.js +4 -0
  10. package/dist/_virtual/BlockRenderer.js +4 -0
  11. package/dist/_virtual/BlockType.js +4 -0
  12. package/dist/_virtual/BlocksPanel.js +4 -0
  13. package/dist/_virtual/BuiltInControl.js +4 -0
  14. package/dist/_virtual/BuiltInControlTypes.js +4 -0
  15. package/dist/_virtual/ButtonBorderBuiltInControl.js +4 -0
  16. package/dist/_virtual/ButtonColorBuiltInControl.js +4 -0
  17. package/dist/_virtual/ButtonFontColorBuiltInControl.js +4 -0
  18. package/dist/_virtual/ButtonInternalIndentsBuiltInControl.js +4 -0
  19. package/dist/_virtual/ButtonTextBuiltInControl.js +4 -0
  20. package/dist/_virtual/ContextAction.js +4 -0
  21. package/dist/_virtual/ContextActionType.js +4 -0
  22. package/dist/_virtual/Control.js +4 -0
  23. package/dist/_virtual/EditorStatePropertyType.js +4 -0
  24. package/dist/_virtual/Extension.js +4 -0
  25. package/dist/_virtual/ExtensionBuilder.js +4 -0
  26. package/dist/_virtual/FontFamilyBuiltInControl.js +4 -0
  27. package/dist/_virtual/LinkColorBuiltInControl.js +4 -0
  28. package/dist/_virtual/ModificationDescription.js +4 -0
  29. package/dist/_virtual/PanelPosition.js +4 -0
  30. package/dist/_virtual/PreviewDeviceMode.js +4 -0
  31. package/dist/_virtual/SettingsPanelRegistry.js +4 -0
  32. package/dist/_virtual/SettingsPanelTab.js +4 -0
  33. package/dist/_virtual/SettingsTab.js +4 -0
  34. package/dist/_virtual/StructureBorderBuiltInControl.js +4 -0
  35. package/dist/_virtual/StructurePaddingsBuiltInControl.js +4 -0
  36. package/dist/_virtual/TextColorBuiltInControl.js +4 -0
  37. package/dist/_virtual/TextLineSpacingBuiltInControl.js +4 -0
  38. package/dist/_virtual/TextSizeBuiltInControl.js +4 -0
  39. package/dist/_virtual/TextStyleBuiltInControl.js +4 -0
  40. package/dist/_virtual/UIElement.js +4 -0
  41. package/dist/_virtual/UIElementTagRegistry.js +4 -0
  42. package/dist/_virtual/UIElementType.js +4 -0
  43. package/dist/_virtual/UIElementsAttributes.js +4 -0
  44. package/dist/_virtual/index.js +5 -0
  45. package/dist/_virtual/index2.js +4 -0
  46. package/dist/components/Guido.vue.js +5 -5
  47. package/dist/components/Guido.vue2.js +50 -51
  48. package/dist/components/organisms/email-preview/amp/AmpToggle.vue.js +2 -3
  49. package/dist/components/organisms/header/LeftSlot.vue.js +10 -10
  50. package/dist/components/organisms/header/LeftSlot.vue2.js +10 -23
  51. package/dist/composables/useCustomInterfaceAppearance.js +18 -22
  52. package/dist/composables/useHtmlValidator.d.ts +1 -2
  53. package/dist/composables/useHtmlValidator.js +95 -114
  54. package/dist/composables/useSave.js +6 -6
  55. package/dist/composables/useStripo.js +24 -25
  56. package/dist/composables/useVersionHistoryApi.js +9 -10
  57. package/dist/extensions/DynamicContent/dynamic-content.js +27 -41
  58. package/dist/extensions/DynamicContent/extension.js +6 -18
  59. package/dist/guido.css +1 -1
  60. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/Extension.js +48 -72
  61. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/ExtensionBuilder.js +49 -74
  62. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/blocks/Block.js +38 -120
  63. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/blocks/BlockRenderer.js +18 -0
  64. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/blocks/BlocksPanel.js +32 -0
  65. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/blocks/ContextAction.js +18 -0
  66. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/AddCustomFont.js +8 -0
  67. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/AiAssistantValueType.js +11 -5
  68. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockAttributes.js +34 -0
  69. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockCompositionType.js +11 -5
  70. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockType.js +11 -5
  71. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BuiltInControlTypes.js +101 -116
  72. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/ContextActionType.js +11 -5
  73. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/EditorStatePropertyType.js +11 -5
  74. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/PanelPosition.js +11 -5
  75. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/PreviewDeviceMode.js +11 -5
  76. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/SettingsTab.js +11 -5
  77. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementType.js +11 -5
  78. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementsAttributes.js +43 -22
  79. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/BackgroundColorBuiltInControl.js +43 -0
  80. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/BackgroundImageBuiltInControl.js +46 -0
  81. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/BlockPaddingsBuiltInControl.js +44 -0
  82. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/BuiltInControl.js +22 -0
  83. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonBorderBuiltInControl.js +46 -0
  84. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonColorBuiltInControl.js +46 -0
  85. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonFontColorBuiltInControl.js +45 -0
  86. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonInternalIndentsBuiltInControl.js +45 -0
  87. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonTextBuiltInControl.js +45 -0
  88. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/Control.js +17 -21
  89. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/FontFamilyBuiltInControl.js +43 -0
  90. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/LinkColorBuiltInControl.js +45 -0
  91. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/SettingsPanelRegistry.js +15 -8
  92. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/SettingsPanelTab.js +29 -30
  93. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/StructureBorderBuiltInControl.js +46 -0
  94. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/StructurePaddingsBuiltInControl.js +44 -0
  95. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/TextColorBuiltInControl.js +43 -0
  96. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/TextLineSpacingBuiltInControl.js +43 -0
  97. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/TextSizeBuiltInControl.js +45 -0
  98. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/TextStyleBuiltInControl.js +43 -0
  99. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/index.js +266 -0
  100. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/modifications/ModificationDescription.js +23 -19
  101. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/ui-elements/UIElement.js +19 -37
  102. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/ui-elements/UIElementTagRegistry.js +15 -2
  103. package/dist/static/styles/components/alert-message.css.js +2 -32
  104. package/dist/static/styles/components/button.css.js +2 -32
  105. package/dist/static/styles/components/wide-panel.css.js +1 -5
  106. package/dist/static/styles/customEditorStyle.css.js +0 -6
  107. package/dist/static/styles/variables.css.js +0 -10
  108. package/package.json +2 -2
  109. package/dist/config/migrator/checkboxMigrator.d.ts +0 -1
  110. package/dist/config/migrator/checkboxMigrator.js +0 -83
  111. package/dist/config/migrator/index.d.ts +0 -1
  112. package/dist/config/migrator/index.js +0 -5
  113. package/dist/extensions/Blocks/Checkbox/block.d.ts +0 -10
  114. package/dist/extensions/Blocks/Checkbox/block.js +0 -39
  115. package/dist/extensions/Blocks/Checkbox/control.d.ts +0 -22
  116. package/dist/extensions/Blocks/Checkbox/control.js +0 -104
  117. package/dist/extensions/Blocks/Checkbox/extension.d.ts +0 -2
  118. package/dist/extensions/Blocks/Checkbox/extension.js +0 -20
  119. package/dist/extensions/Blocks/Checkbox/settingsPanel.d.ts +0 -4
  120. package/dist/extensions/Blocks/Checkbox/settingsPanel.js +0 -38
  121. package/dist/extensions/Blocks/Checkbox/template.d.ts +0 -6
  122. package/dist/extensions/Blocks/Checkbox/template.js +0 -75
  123. package/dist/extensions/Blocks/_Boilerplate/block.d.ts +0 -10
  124. package/dist/extensions/Blocks/_Boilerplate/control.d.ts +0 -17
  125. package/dist/extensions/Blocks/_Boilerplate/extension.d.ts +0 -2
  126. package/dist/extensions/Blocks/_Boilerplate/settingsPanel.d.ts +0 -4
  127. package/dist/extensions/Blocks/_Boilerplate/template.d.ts +0 -6
  128. package/dist/mock/api/unsubscribe.d.ts +0 -2
  129. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockName.js +0 -12
  130. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/Popover.js +0 -12
  131. package/dist/static/styles/components/notification.css.js +0 -55
  132. package/dist/static/styles/components/popup.css.js +0 -68
@@ -1,83 +0,0 @@
1
- var x = Object.defineProperty;
2
- var y = (s, t, e) => t in s ? x(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
3
- var m = (s, t, e) => y(s, typeof t != "symbol" ? t + "" : t, e);
4
- import b from "../../extensions/Blocks/Checkbox/template.js";
5
- class f {
6
- constructor() {
7
- m(this, "parser");
8
- this.parser = new DOMParser();
9
- }
10
- migrate(t) {
11
- try {
12
- const e = this.parser.parseFromString(t, "text/html"), i = e.querySelectorAll("td.checkbox-block");
13
- return i.length === 0 ? t : (i.forEach((r) => {
14
- const n = r.getAttribute("id"), l = this.extractTextFromElement(r, "ins-title"), c = this.extractTextFromElement(r, "ins-description"), a = this.buildTextBlock(l), p = this.buildTextBlock(c), g = b.replace("{-{-TITLE-}-}", a).replace("{-{-DESCRIPTION-}-}", p), o = this.parser.parseFromString(
15
- `<table id="tempDoc"><tbody><tr>${g}</tr></tbody></table>`,
16
- "text/html"
17
- ).querySelector(".checkbox-block-v2");
18
- o && r.parentNode && (o.setAttribute("id", n || ""), r.parentNode.replaceChild(o, r));
19
- }), e.documentElement.outerHTML);
20
- } catch (e) {
21
- return console.error("CheckboxMigrator failed:", e), t;
22
- }
23
- }
24
- extractTextFromElement(t, e) {
25
- var o, u;
26
- const i = t.querySelector(`.${e}`);
27
- if (!i)
28
- return {
29
- text: e === "ins-title" ? "Title" : "Description",
30
- isBold: !1,
31
- isItalic: !1,
32
- align: "left",
33
- styles: ""
34
- };
35
- const r = i.querySelector("p");
36
- if (!r)
37
- return {
38
- text: ((o = i.textContent) == null ? void 0 : o.trim()) || (e === "ins-title" ? "Title" : "Description"),
39
- isBold: !1,
40
- isItalic: !1,
41
- align: i.getAttribute("align") || "left",
42
- styles: ""
43
- };
44
- const n = ((u = r.textContent) == null ? void 0 : u.trim()) || (e === "ins-title" ? "Title" : "Description"), l = r.getAttribute("style") || "", c = i.getAttribute("align") || r.getAttribute("align") || "left", a = /font-weight\s*:\s*bold/i.test(l) || !!r.querySelector("b, strong"), p = /font-style\s*:\s*italic/i.test(l) || !!r.querySelector("i, em"), g = this.removeStyleProperties(l, ["font-weight", "font-style"]), d = this.convertInlineToBlock(g);
45
- return {
46
- text: n,
47
- isBold: a,
48
- isItalic: p,
49
- align: c,
50
- styles: d
51
- };
52
- }
53
- buildTextBlock(t) {
54
- let e = t.text;
55
- t.isBold && t.isItalic ? e = `<strong path="1,0"><em path="1,0,0">${e}</em></strong>` : t.isBold ? e = `<strong path="1,0">${e}</strong>` : t.isItalic && (e = `<em path="1,0">${e}</em>`);
56
- const i = t.align ? ` align="${t.align}"` : "", r = t.styles ? ` style="${t.styles}"` : "";
57
- return `
58
- <td class="esd-block-text" ${i}>
59
- <p path="1" ${r}>
60
- ${e}
61
- </p>
62
- </td>
63
- `;
64
- }
65
- removeStyleProperties(t, e) {
66
- return t ? e.reduce((r, n) => {
67
- const l = new RegExp(`${n}\\s*:\\s*[^;]*;?`, "gi");
68
- return r.replace(l, "");
69
- }, t).replace(/;\s*;/g, ";").replace(/^;|;$/g, "").trim() : "";
70
- }
71
- convertInlineToBlock(t) {
72
- if (!t)
73
- return "";
74
- let e = t.replace(/display\s*:\s*inline/gi, "display: block");
75
- return /display\s*:/i.test(e) || (e = e ? `${e}; display: block` : "display: block"), e.replace(/;\s*;/g, ";").replace(/^;|;$/g, "").trim();
76
- }
77
- }
78
- function k(s) {
79
- return new f().migrate(s);
80
- }
81
- export {
82
- k as migrateCheckbox
83
- };
@@ -1 +0,0 @@
1
- export declare const migrate: (html: string) => string;
@@ -1,5 +0,0 @@
1
- import { migrateCheckbox as r } from "./checkboxMigrator.js";
2
- const e = (o) => r(o);
3
- export {
4
- e as migrate
5
- };
@@ -1,10 +0,0 @@
1
- import { Block, BlockCompositionType } from '@stripoinc/ui-editor-extensions';
2
- export declare const CHECKBOX_BLOCK_ID = "checkbox-block";
3
- export declare class CheckboxBlock extends Block {
4
- getId(): string;
5
- getIcon(): string;
6
- getBlockCompositionType(): BlockCompositionType;
7
- getName(): string;
8
- getDescription(): string;
9
- getTemplate(): string;
10
- }
@@ -1,39 +0,0 @@
1
- import { Block as t } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/blocks/Block.js";
2
- import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/AiAssistantValueType.js";
3
- import { BlockCompositionType as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockCompositionType.js";
4
- import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockName.js";
5
- import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockType.js";
6
- import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BuiltInControlTypes.js";
7
- import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/ContextActionType.js";
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 e = "checkbox-block";
16
- class x extends t {
17
- getId() {
18
- return e;
19
- }
20
- getIcon() {
21
- return "check-circle";
22
- }
23
- getBlockCompositionType() {
24
- return o.BLOCK;
25
- }
26
- getName() {
27
- return this.api.translate("Checkbox block");
28
- }
29
- getDescription() {
30
- return this.api.translate("Checkbox block description");
31
- }
32
- getTemplate() {
33
- return r();
34
- }
35
- }
36
- export {
37
- e as CHECKBOX_BLOCK_ID,
38
- x as CheckboxBlock
39
- };
@@ -1,22 +0,0 @@
1
- import { Control, ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
2
- export declare const CHECKBOX_CONTROL_BLOCK_ID = "ui-elements-checkbox";
3
- interface UnsubOption {
4
- name: string;
5
- sendGridId: string;
6
- }
7
- export declare class CheckboxControl extends Control {
8
- private currentNode?;
9
- private selectedUnsubGroup?;
10
- unsubList: UnsubOption[];
11
- getId(): string;
12
- _setFormValues(): void;
13
- _getLabel(text: string, name?: string): string;
14
- _getSelectItem(text: string, value: string): string;
15
- _getSelect(): string;
16
- getTemplate(): string;
17
- _onSelectChange(value: string | number): void;
18
- _listenToFormUpdates(): void;
19
- onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
20
- onRender(): Promise<void>;
21
- }
22
- export {};
@@ -1,104 +0,0 @@
1
- var E = Object.defineProperty;
2
- var c = (o, s, t) => s in o ? E(o, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[s] = t;
3
- var a = (o, s, t) => c(o, typeof s != "symbol" ? s + "" : s, t);
4
- import { useHttp as p } from "../../../composables/useHttp.js";
5
- import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/AiAssistantValueType.js";
6
- import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockCompositionType.js";
7
- import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockName.js";
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 m } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/controls/Control.js";
19
- import { ModificationDescription as l } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/modifications/ModificationDescription.js";
20
- const d = "ui-elements-checkbox", n = "select", { get: L } = p();
21
- class K extends m {
22
- constructor() {
23
- super(...arguments);
24
- a(this, "currentNode");
25
- a(this, "selectedUnsubGroup");
26
- a(this, "unsubList", []);
27
- }
28
- getId() {
29
- return d;
30
- }
31
- _setFormValues() {
32
- this.api.updateValues({
33
- [n]: ""
34
- });
35
- }
36
- _getLabel(t, i = `${Math.random()}`) {
37
- return `
38
- <${r.LABEL}
39
- ${e.LABEL.text}="${t}"
40
- ${e.LABEL.name}="${i}">
41
- </${r.LABEL}>
42
- `;
43
- }
44
- _getSelectItem(t, i) {
45
- return `
46
- <${r.SELECT_ITEM}
47
- ${e.SELECT_ITEM.text}="${t}"
48
- ${e.SELECT_ITEM.value}="${i}">
49
- </${r.SELECT_ITEM}>`;
50
- }
51
- _getSelect() {
52
- return this.unsubList.map((t) => this._getSelectItem(t.name, t.sendGridId)).join("");
53
- }
54
- getTemplate() {
55
- return `
56
- <div class="checkbox-controls-container">
57
- <div class="checkbox-select-container container two-columns stretch">
58
- <${r.LABEL}
59
- ${e.LABEL.text}="${this.api.translate("Unsubscribe Group")}"
60
- ${e.LABEL.name}="${Math.random()}">
61
- </${r.LABEL}>
62
-
63
- <${r.SELECTPICKER}
64
- ${e.SELECTPICKER.name}="${n}"
65
- ${e.SELECTPICKER.placeholder}="${this.api.translate("Select Unsubscribe Group")}">
66
- ${this._getSelect()}
67
- </${r.SELECTPICKER}>
68
- </div>
69
- </div>
70
- `;
71
- }
72
- _onSelectChange(t) {
73
- this.currentNode && this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute("id", t.toString()).apply(new l(`Updated text to ${t}`));
74
- }
75
- _listenToFormUpdates() {
76
- this.api.onValueChanged(n, (t) => this._onSelectChange(t));
77
- }
78
- onTemplateNodeUpdated(t) {
79
- if (this.currentNode = t, "getAttribute" in t) {
80
- const i = Number(t.getAttribute("id"));
81
- i && (this.selectedUnsubGroup = i, this.api.updateValues({
82
- [n]: this.selectedUnsubGroup
83
- }));
84
- }
85
- }
86
- // eslint-disable-next-line @typescript-eslint/no-misused-promises
87
- async onRender() {
88
- const t = await L(
89
- "/unsubscribe-groups/unsubscribe-list"
90
- ), i = t.data.map((u) => ({
91
- [e.SELECT_ITEM.text]: u.name,
92
- [e.SELECT_ITEM.value]: u.sendGridId
93
- }));
94
- this.unsubList = t.data, this.api.setUIEAttribute(
95
- n,
96
- e.SELECTPICKER.items,
97
- i
98
- ), this._setFormValues(), this._listenToFormUpdates();
99
- }
100
- }
101
- export {
102
- d as CHECKBOX_CONTROL_BLOCK_ID,
103
- K as CheckboxControl
104
- };
@@ -1,2 +0,0 @@
1
- declare const _default: import("@stripoinc/ui-editor-extensions").Extension;
2
- export default _default;
@@ -1,20 +0,0 @@
1
- import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/AiAssistantValueType.js";
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";
14
- import { CheckboxBlock as t } from "./block.js";
15
- import { CheckboxControl as r } from "./control.js";
16
- import { CheckboxBlockSettings as i } from "./settingsPanel.js";
17
- const g = new o().addBlock(t).withSettingsPanelRegistry(i).addControl(r).build();
18
- export {
19
- g as default
20
- };
@@ -1,4 +0,0 @@
1
- import { SettingsPanelRegistry, SettingsPanelTab } from '@stripoinc/ui-editor-extensions';
2
- export declare class CheckboxBlockSettings extends SettingsPanelRegistry {
3
- registerBlockControls(blockControlsMap: Record<string, SettingsPanelTab[]>): void;
4
- }
@@ -1,38 +0,0 @@
1
- import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/AiAssistantValueType.js";
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 { ContainerControls as i, TextControls as m } from "../../../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 { 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 t } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/controls/SettingsPanelTab.js";
15
- import { CHECKBOX_BLOCK_ID as p } from "./block.js";
16
- import { CHECKBOX_CONTROL_BLOCK_ID as C } from "./control.js";
17
- class x extends e {
18
- registerBlockControls(r) {
19
- r[p] = [
20
- new t(
21
- o.SETTINGS,
22
- [
23
- C,
24
- i.EXTERNAL_INDENTS
25
- ]
26
- ),
27
- new t(
28
- o.STYLES,
29
- [
30
- m.TEXT_BLOCK_BACKGROUND_COLOR
31
- ]
32
- )
33
- ];
34
- }
35
- }
36
- export {
37
- x as CheckboxBlockSettings
38
- };
@@ -1,6 +0,0 @@
1
- declare const migrationTemplate = "\n <td \n align=\"left\" \n esd-extension-block-id=\"checkbox-block\" \n class=\"checkbox-block-v2 esd-block-checkbox esd-checkbox-block esd-extension-block es-p20\"\n >\n <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n <tbody>\n <tr>\n <td align=\"left\" width=\"39\" style=\"vertical-align: top\">\n <input type=\"checkbox\">\n </td>\n <td align=\"left\" width=\"816\" style=\"vertical-align: top\">\n <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n <tbody>\n <tr>\n {-{-TITLE-}-}\n </tr>\n <tr>\n {-{-DESCRIPTION-}-}\n </tr>\n </tbody>\n </table>\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n";
2
- /**
3
- * @returns The template for the default checkbox block
4
- */
5
- export declare function getDefaultTemplate(): string;
6
- export default migrationTemplate;
@@ -1,75 +0,0 @@
1
- import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/AiAssistantValueType.js";
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";
13
- const e = {
14
- TITLE: "Unsubscribe From All Email Lists",
15
- DESCRIPTION: "You will still receive important transactional and billing-related emails."
16
- }, l = `
17
- <td align="left" class="checkbox-block-v2 esd-block-checkbox es-p20">
18
- <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
19
- <tbody>
20
- <tr>
21
- <td align="left" width="39" style="vertical-align: top;">
22
- <input type="checkbox">
23
- </td>
24
- <td align="left" width="816" style="vertical-align: top;">
25
- <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
26
- <tbody>
27
- <${t.BLOCK_TEXT}>
28
- {-{-TITLE-}-}
29
- </${t.BLOCK_TEXT}>
30
- <${t.BLOCK_TEXT}>
31
- {-{-DESCRIPTION-}-}
32
- </${t.BLOCK_TEXT}>
33
- </tbody>
34
- </table>
35
- </td>
36
- </tr>
37
- </tbody>
38
- </table>
39
- </td>
40
- `, m = `
41
- <td
42
- align="left"
43
- esd-extension-block-id="checkbox-block"
44
- class="checkbox-block-v2 esd-block-checkbox esd-checkbox-block esd-extension-block es-p20"
45
- >
46
- <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
47
- <tbody>
48
- <tr>
49
- <td align="left" width="39" style="vertical-align: top">
50
- <input type="checkbox">
51
- </td>
52
- <td align="left" width="816" style="vertical-align: top">
53
- <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
54
- <tbody>
55
- <tr>
56
- {-{-TITLE-}-}
57
- </tr>
58
- <tr>
59
- {-{-DESCRIPTION-}-}
60
- </tr>
61
- </tbody>
62
- </table>
63
- </td>
64
- </tr>
65
- </tbody>
66
- </table>
67
- </td>
68
- `;
69
- function h() {
70
- return l.replace("{-{-TITLE-}-}", `<p path="1">${e.TITLE}</p>`).replace("{-{-DESCRIPTION-}-}", `<p path="1">${e.DESCRIPTION}</p>`);
71
- }
72
- export {
73
- m as default,
74
- h as getDefaultTemplate
75
- };
@@ -1,10 +0,0 @@
1
- import { Block, BlockCompositionType } from '@stripoinc/ui-editor-extensions';
2
- export declare const BLOCK_ID = "{{your-block}}";
3
- export declare class CustomBlock extends Block {
4
- getId(): string;
5
- getIcon(): string;
6
- getBlockCompositionType(): BlockCompositionType;
7
- getName(): string;
8
- getDescription(): string;
9
- getTemplate(): string;
10
- }
@@ -1,17 +0,0 @@
1
- import { Control, ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
2
- export declare const CONTROL_BLOCK_ID = "ui-elements-{{your-control-block}}";
3
- export declare class CustomControl extends Control {
4
- private currentNode?;
5
- private selectedUnsubGroup?;
6
- private unsubList;
7
- getId(): string;
8
- _setFormValues(): void;
9
- _getLabel(text: string, name?: string): string;
10
- _getSelectItem(text: string, value: string): string;
11
- _getSelect(): string;
12
- getTemplate(): string;
13
- _onSelectChange(value: string | number): void;
14
- _listenToFormUpdates(): void;
15
- onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
16
- onRender(): Promise<void>;
17
- }
@@ -1,2 +0,0 @@
1
- declare const _default: import("@stripoinc/ui-editor-extensions").Extension;
2
- export default _default;
@@ -1,4 +0,0 @@
1
- import { SettingsPanelRegistry, SettingsPanelTab } from '@stripoinc/ui-editor-extensions';
2
- export declare class SettingsPanel extends SettingsPanelRegistry {
3
- registerBlockControls(blockControlsMap: Record<string, SettingsPanelTab[]>): void;
4
- }
@@ -1,6 +0,0 @@
1
- declare const migrationTemplate = "\n <td \n align=\"left\" \n esd-extension-block-id=\"checkbox-block\" \n class=\"checkbox-block-v2 esd-block-checkbox esd-checkbox-block esd-extension-block es-p20\"\n >\n <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n <tbody>\n <tr>\n <td align=\"left\" width=\"39\" style=\"vertical-align: top\">\n <input type=\"checkbox\">\n </td>\n <td align=\"left\" width=\"816\" style=\"vertical-align: top\">\n <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n <tbody>\n <tr>{-{-TITLE-}-}</tr>\n <tr>{-{-DESCRIPTION-}-}</tr>\n </tbody>\n </table>\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n";
2
- /**
3
- * @returns The template for the default checkbox block
4
- */
5
- export declare function getDefaultTemplate(): string;
6
- export default migrationTemplate;
@@ -1,2 +0,0 @@
1
- declare const _default: import("msw").HttpHandler[];
2
- export default _default;
@@ -1,12 +0,0 @@
1
- var d;
2
- (function(s) {
3
- s.BUTTON = "esd-block-button", s.TEXT = "esd-block-text", s.IMAGE = "esd-block-image", s.STRUCTURE = "esd-structure", s.VIDEO = "esd-block-video", s.SOCIAL = "esd-block-social", s.BANNER = "esd-block-banner", s.TIMER = "esd-block-timer", s.MENU = "esd-block-menu", s.HTML = "esd-block-html", s.SPACER = "esd-block-spacer", s.CONTAINER = "esd-container-frame";
4
- })(d || (d = {}));
5
- var b;
6
- (function(s) {
7
- s.BUTTON = ".esd-block-button", s.TEXT = ".esd-block-text", s.IMAGE = ".esd-block-image", s.STRUCTURE = ".esd-structure", s.VIDEO = ".esd-block-video", s.SOCIAL = ".esd-block-social", s.BANNER = ".esd-block-banner", s.TIMER = ".esd-block-timer", s.MENU = ".esd-block-menu", s.HTML = ".esd-block-html", s.SPACER = ".esd-block-spacer", s.CONTAINER = ".esd-container-frame", s.STRIPE = ".esd-stripe", s.FORM = ".esd-amp-form";
8
- })(b || (b = {}));
9
- export {
10
- d as BlockName,
11
- b as BlockSelector
12
- };
@@ -1,12 +0,0 @@
1
- var T;
2
- (function(t) {
3
- t.TOP = "top", t.RIGHT = "right", t.BOTTOM = "bottom", t.LEFT = "left";
4
- })(T || (T = {}));
5
- var a;
6
- (function(t) {
7
- t.AI_HIDDEN_PREHEADER = "aiHiddenPreheader", t.AI_SUBJECT = "aiSubject", t.AI_TEXT = "aiText";
8
- })(a || (a = {}));
9
- export {
10
- a as ExtensionPopoverType,
11
- T as PopoverSide
12
- };
@@ -1,55 +0,0 @@
1
- const n = `ue-notifications-container {
2
- left: 96px;
3
- margin: 0;
4
- bottom: 32px;
5
- top: unset;
6
- width: unset;
7
- }
8
-
9
- ue-notifications-container ue-message + ue-message {
10
- margin-bottom: 24px;
11
- }
12
-
13
- ue-notifications-container .alert-message-wrapper {
14
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07);
15
- border: none;
16
- padding: 16px 24px;
17
- }
18
-
19
- ue-notifications-container .alert-message-wrapper .alert-message-main .alert-message-content {
20
- width: calc(100% - 64px);
21
- }
22
-
23
- ue-notifications-container .alert-message-wrapper .alert-message-main .alert-message-text {
24
- font-size: 15px;
25
- font-weight: 600;
26
- }
27
-
28
- ue-notifications-container .alert-message-text,
29
- ue-notifications-container .alert-message-wrapper ue-icon-component.icon,
30
- ue-notifications-container .alert-message-wrapper ue-icon-component.icon-button {
31
- color: var(--guido-color-white);
32
- }
33
-
34
- ue-notifications-container ue-message ue-button.close {
35
- margin: 0 0 0 16px;
36
- }
37
-
38
- ue-notifications-container .alert-message-wrapper.success {
39
- background: var(--guido-color-background-toaster-success);
40
- color: inherit;
41
- }
42
-
43
- ue-notifications-container .alert-message-wrapper.error {
44
- background: var(--guido-color-background-toaster-error);
45
- color: inherit;
46
- }
47
-
48
- ue-notifications-container .alert-message-wrapper.warn {
49
- background: var(--guido-color-background-toaster-warn);
50
- color: inherit;
51
- }
52
- `;
53
- export {
54
- n as default
55
- };
@@ -1,68 +0,0 @@
1
- const n = `ue-popup {
2
- -webkit-backdrop-filter: unset;
3
- backdrop-filter: unset;
4
- background-color: rgba(44, 53, 70, 0.5);
5
- }
6
-
7
- ue-popup .popup-wrapper {
8
- max-width: 400px;
9
- border: 1px solid var(--guido-color-neutral-200);
10
- box-shadow: none;
11
- background: var(--guido-color-white);
12
- font-size: 15px;
13
- line-height: 24px;
14
- }
15
-
16
- ue-popup .popup-title {
17
- padding: 32px 56px 0 32px;
18
- line-height: 24px;
19
- font-size: 20px;
20
- font-weight: 400;
21
- border-bottom: none;
22
- }
23
-
24
- ue-popup .confirmation .confirmation-wrapper {
25
- padding: 32px;
26
- gap: 16px;
27
- }
28
-
29
- ue-popup .confirmation .confirmation-actions {
30
- flex-direction: row-reverse;
31
- justify-content: space-between;
32
- }
33
-
34
- ue-popup .danger > .button {
35
- font-size: 15px;
36
- padding: 8px 16px;
37
- }
38
-
39
- ue-popup .e2e-cancel {
40
- margin-left: unset;
41
- }
42
-
43
- ue-popup .e2e-cancel .button {
44
- background-color: transparent;
45
- border: none;
46
- padding: 8px 0;
47
- font-size: 15px;
48
- }
49
-
50
- ue-popup .e2e-cancel .button:hover:not(:disabled,.disabled) {
51
- text-decoration: underline;
52
- background-color: transparent;
53
- }
54
-
55
- ue-popup .popup-close {
56
- top: 32px;
57
- right: 32px;
58
- }
59
-
60
- ue-popup .popup-close .button {
61
- padding: 0;
62
- min-width: unset;
63
- min-height: unset;
64
- }
65
- `;
66
- export {
67
- n as default
68
- };