@useinsider/guido 1.0.2-beta.585f2fc → 1.0.2-beta.73c3522

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 (145) 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/onboarding/GenericOnboarding.vue.js +5 -5
  50. package/dist/components/organisms/onboarding/GenericOnboarding.vue2.js +2 -2
  51. package/dist/components/organisms/onboarding/TextBlockOnboarding.vue.js +5 -5
  52. package/dist/components/organisms/onboarding/TextBlockOnboarding.vue2.js +28 -40
  53. package/dist/composables/useCustomInterfaceAppearance.js +18 -22
  54. package/dist/composables/useHtmlValidator.d.ts +1 -2
  55. package/dist/composables/useHtmlValidator.js +94 -122
  56. package/dist/composables/useSave.js +6 -6
  57. package/dist/composables/useStripo.js +26 -32
  58. package/dist/extensions/DynamicContent/dynamic-content.js +27 -41
  59. package/dist/extensions/DynamicContent/extension.js +6 -18
  60. package/dist/guido.css +1 -1
  61. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/Extension.js +48 -72
  62. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/ExtensionBuilder.js +49 -74
  63. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/blocks/Block.js +38 -120
  64. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/blocks/BlockRenderer.js +18 -0
  65. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/blocks/BlocksPanel.js +32 -0
  66. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/blocks/ContextAction.js +18 -0
  67. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/AddCustomFont.js +8 -0
  68. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/AiAssistantValueType.js +11 -5
  69. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockAttributes.js +34 -0
  70. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockCompositionType.js +11 -5
  71. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockType.js +11 -5
  72. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BuiltInControlTypes.js +101 -116
  73. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/ContextActionType.js +11 -5
  74. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/EditorStatePropertyType.js +11 -5
  75. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/PanelPosition.js +11 -5
  76. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/PreviewDeviceMode.js +11 -5
  77. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/SettingsTab.js +11 -5
  78. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementType.js +11 -5
  79. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementsAttributes.js +43 -22
  80. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/BackgroundColorBuiltInControl.js +43 -0
  81. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/BackgroundImageBuiltInControl.js +46 -0
  82. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/BlockPaddingsBuiltInControl.js +44 -0
  83. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/BuiltInControl.js +22 -0
  84. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonBorderBuiltInControl.js +46 -0
  85. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonColorBuiltInControl.js +46 -0
  86. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonFontColorBuiltInControl.js +45 -0
  87. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonInternalIndentsBuiltInControl.js +45 -0
  88. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonTextBuiltInControl.js +45 -0
  89. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/Control.js +17 -21
  90. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/FontFamilyBuiltInControl.js +43 -0
  91. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/LinkColorBuiltInControl.js +45 -0
  92. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/SettingsPanelRegistry.js +15 -8
  93. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/SettingsPanelTab.js +29 -30
  94. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/StructureBorderBuiltInControl.js +46 -0
  95. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/StructurePaddingsBuiltInControl.js +44 -0
  96. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/TextColorBuiltInControl.js +43 -0
  97. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/TextLineSpacingBuiltInControl.js +43 -0
  98. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/TextSizeBuiltInControl.js +45 -0
  99. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/TextStyleBuiltInControl.js +43 -0
  100. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/index.js +266 -0
  101. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/modifications/ModificationDescription.js +23 -19
  102. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/ui-elements/UIElement.js +19 -37
  103. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/ui-elements/UIElementTagRegistry.js +15 -2
  104. package/dist/static/styles/components/alert-message.css.js +2 -32
  105. package/dist/static/styles/components/button.css.js +2 -32
  106. package/dist/static/styles/components/wide-panel.css.js +1 -5
  107. package/dist/static/styles/customEditorStyle.css.js +0 -6
  108. package/dist/static/styles/variables.css.js +0 -10
  109. package/package.json +2 -2
  110. package/dist/config/migrator/checkboxMigrator.d.ts +0 -1
  111. package/dist/config/migrator/checkboxMigrator.js +0 -83
  112. package/dist/config/migrator/index.d.ts +0 -1
  113. package/dist/config/migrator/index.js +0 -9
  114. package/dist/config/migrator/radioButtonMigrator.d.ts +0 -1
  115. package/dist/config/migrator/radioButtonMigrator.js +0 -86
  116. package/dist/extensions/Blocks/Checkbox/block.d.ts +0 -10
  117. package/dist/extensions/Blocks/Checkbox/block.js +0 -39
  118. package/dist/extensions/Blocks/Checkbox/control.d.ts +0 -22
  119. package/dist/extensions/Blocks/Checkbox/control.js +0 -104
  120. package/dist/extensions/Blocks/Checkbox/extension.d.ts +0 -2
  121. package/dist/extensions/Blocks/Checkbox/extension.js +0 -20
  122. package/dist/extensions/Blocks/Checkbox/settingsPanel.d.ts +0 -4
  123. package/dist/extensions/Blocks/Checkbox/settingsPanel.js +0 -38
  124. package/dist/extensions/Blocks/Checkbox/template.d.ts +0 -6
  125. package/dist/extensions/Blocks/Checkbox/template.js +0 -75
  126. package/dist/extensions/Blocks/RadioButton/block.d.ts +0 -10
  127. package/dist/extensions/Blocks/RadioButton/block.js +0 -39
  128. package/dist/extensions/Blocks/RadioButton/control.d.ts +0 -17
  129. package/dist/extensions/Blocks/RadioButton/control.js +0 -104
  130. package/dist/extensions/Blocks/RadioButton/extension.d.ts +0 -2
  131. package/dist/extensions/Blocks/RadioButton/extension.js +0 -20
  132. package/dist/extensions/Blocks/RadioButton/settingsPanel.d.ts +0 -4
  133. package/dist/extensions/Blocks/RadioButton/settingsPanel.js +0 -39
  134. package/dist/extensions/Blocks/RadioButton/template.d.ts +0 -6
  135. package/dist/extensions/Blocks/RadioButton/template.js +0 -160
  136. package/dist/extensions/Blocks/_Boilerplate/block.d.ts +0 -10
  137. package/dist/extensions/Blocks/_Boilerplate/control.d.ts +0 -17
  138. package/dist/extensions/Blocks/_Boilerplate/extension.d.ts +0 -2
  139. package/dist/extensions/Blocks/_Boilerplate/settingsPanel.d.ts +0 -4
  140. package/dist/extensions/Blocks/_Boilerplate/template.d.ts +0 -6
  141. package/dist/mock/api/unsubscribe.d.ts +0 -2
  142. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockName.js +0 -12
  143. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/Popover.js +0 -12
  144. package/dist/static/styles/components/notification.css.js +0 -55
  145. package/dist/static/styles/components/popup.css.js +0 -68
@@ -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 i = "radio-button-block";
16
- class D extends t {
17
- getId() {
18
- return i;
19
- }
20
- getIcon() {
21
- return "circle";
22
- }
23
- getBlockCompositionType() {
24
- return o.BLOCK;
25
- }
26
- getName() {
27
- return this.api.translate("Radio Button Block");
28
- }
29
- getDescription() {
30
- return this.api.translate("Radio Button Block Description");
31
- }
32
- getTemplate() {
33
- return r();
34
- }
35
- }
36
- export {
37
- i as BLOCK_ID,
38
- D as RadioButtonCustomBlock
39
- };
@@ -1,17 +0,0 @@
1
- import { Control, ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
2
- export declare const CONTROL_BLOCK_ID = "ui-elements-radio-button";
3
- export declare class RadioButtonControl 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,104 +0,0 @@
1
- var E = Object.defineProperty;
2
- var p = (o, i, t) => i in o ? E(o, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[i] = t;
3
- var a = (o, i, t) => p(o, typeof i != "symbol" ? i + "" : i, t);
4
- import { useHttp as m } 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 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 {
22
- constructor() {
23
- super(...arguments);
24
- a(this, "currentNode");
25
- a(this, "selectedUnsubGroup");
26
- a(this, "unsubList", []);
27
- }
28
- getId() {
29
- return l;
30
- }
31
- _setFormValues() {
32
- this.api.updateValues({
33
- [n]: ""
34
- });
35
- }
36
- _getLabel(t, s = `${Math.random()}`) {
37
- return `
38
- <${r.LABEL}
39
- ${e.LABEL.text}="${t}"
40
- ${e.LABEL.name}="${s}">
41
- </${r.LABEL}>
42
- `;
43
- }
44
- _getSelectItem(t, s) {
45
- return `
46
- <${r.SELECT_ITEM}
47
- ${e.SELECT_ITEM.text}="${t}"
48
- ${e.SELECT_ITEM.value}="${s}">
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 d(`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 s = Number(t.getAttribute("id"));
81
- s && (this.selectedUnsubGroup = s, 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
- ), s = 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
- s
98
- ), this._setFormValues(), this._listenToFormUpdates();
99
- }
100
- }
101
- export {
102
- l as CONTROL_BLOCK_ID,
103
- R as RadioButtonControl
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 { RadioButtonCustomBlock as t } from "./block.js";
15
- import { RadioButtonControl as i } from "./control.js";
16
- import { RadioButtonBlockSettingsPanel as r } from "./settingsPanel.js";
17
- const C = new o().addBlock(t).withSettingsPanelRegistry(r).addControl(i).build();
18
- export {
19
- C as default
20
- };
@@ -1,4 +0,0 @@
1
- import { SettingsPanelRegistry, SettingsPanelTab } from '@stripoinc/ui-editor-extensions';
2
- export declare class RadioButtonBlockSettingsPanel extends SettingsPanelRegistry {
3
- registerBlockControls(blockControlsMap: Record<string, SettingsPanelTab[]>): void;
4
- }
@@ -1,39 +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 t, 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 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(
21
- o.SETTINGS,
22
- [
23
- n,
24
- t.EXTERNAL_INDENTS,
25
- t.DISPLAY_CONDITIONS
26
- ]
27
- ),
28
- new r(
29
- o.STYLES,
30
- [
31
- m.TEXT_BLOCK_BACKGROUND_COLOR
32
- ]
33
- )
34
- ];
35
- }
36
- }
37
- export {
38
- K as RadioButtonBlockSettingsPanel
39
- };
@@ -1,6 +0,0 @@
1
- declare const migrationTemplate = "\n <td \n align=\"left\" \n esd-extension-block-id=\"radio-button-block\" \n esd-handler-name=\"esd-extension-RadioButtonBlock\"\n class=\"radio-button-v2 esd-block-ra esd-radio-button-block esd-extension-block es-p10t es-p10b es-p30r es-p30l\"\n >\n <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n <tbody>\n <tr>\n <td align=\"left\" width=\"70%\" 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 <td align=\"right\" width=\"30%\" style=\"vertical-align: middle;\">\n <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n <tbody>\n <tr>\n <td width=\"50%\">\n <table width=\"100%\">\n <tr>\n <td width=\"24\">\n <input\n type=\"radio\"\n id=\"radioYes\"\n name=\"unsubscribe\"\n data-cke-editable=\"1\"\n style=\"margin: 0px; vertical-align: middle;>\n </td>\n {-{-YES-}-}\n </tr>\n </table>\n </td>\n <td width=\"50%\">\n <table width=\"100%\">\n <tr>\n <td width=\"24\">\n <input\n type=\"radio\"\n id=\"radioNo\"\n name=\"unsubscribe\"\n data-cke-editable=\"1\"\n style=\"margin: 0px; vertical-align: middle;\">\n </td>\n {-{-NO-}-}\n </tr>\n </table>\n </td>\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,160 +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: "This is a title text",
15
- DESCRIPTION: "This is a description text",
16
- YES: "Yes",
17
- NO: "No"
18
- }, i = `
19
- <td align="left" class="radio-button-v2 esd-block-radio es-p10t es-p10b es-p30r es-p30l">
20
- <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
21
- <tbody>
22
- <tr>
23
- <td align="left" width="70%" style="vertical-align: top;">
24
- <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
25
- <tbody>
26
- <${t.BLOCK_TEXT}>
27
- {-{-TITLE-}-}
28
- </${t.BLOCK_TEXT}>
29
- <${t.BLOCK_TEXT}>
30
- {-{-DESCRIPTION-}-}
31
- </${t.BLOCK_TEXT}>
32
- </tbody>
33
- </table>
34
- </td>
35
- <td align="right" width="30%" style="vertical-align: middle;">
36
- <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
37
- <tbody>
38
- <tr>
39
- <td width="50%">
40
- <table width="100%">
41
- <tr>
42
- <td width="24">
43
- <input
44
- type="radio"
45
- id="radioYes"
46
- name="unsubscribe"
47
- data-cke-editable="1"
48
- style="margin: 0px; vertical-align: middle;">
49
- </td>
50
- <td style="padding-right: 15px;">
51
- <table width="100%">
52
- <${t.BLOCK_TEXT}>
53
- {-{-YES-}-}
54
- </${t.BLOCK_TEXT}>
55
- </table>
56
- </td>
57
- </tr>
58
- </table>
59
- </td>
60
- <td width="50%">
61
- <table width="100%">
62
- <tr>
63
- <td width="24">
64
- <input
65
- type="radio"
66
- id="radioNo"
67
- name="unsubscribe"
68
- data-cke-editable="1"
69
- style="margin: 0px; vertical-align: middle;">
70
- </td>
71
- <td style="padding-right: 15px;">
72
- <table width="100%">
73
- <${t.BLOCK_TEXT}>
74
- {-{-NO-}-}
75
- </${t.BLOCK_TEXT}>
76
- </table>
77
- </td>
78
- </tr>
79
- </table>
80
- </td>
81
- </tr>
82
- </tbody>
83
- </table>
84
- </td>
85
- </tr>
86
- </tbody>
87
- </table>
88
- </td>
89
- `, h = `
90
- <td
91
- align="left"
92
- esd-extension-block-id="radio-button-block"
93
- esd-handler-name="esd-extension-RadioButtonBlock"
94
- class="radio-button-v2 esd-block-ra esd-radio-button-block esd-extension-block es-p10t es-p10b es-p30r es-p30l"
95
- >
96
- <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
97
- <tbody>
98
- <tr>
99
- <td align="left" width="70%" style="vertical-align: top;">
100
- <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
101
- <tbody>
102
- <tr>
103
- {-{-TITLE-}-}
104
- </tr>
105
- <tr>
106
- {-{-DESCRIPTION-}-}
107
- </tr>
108
- </tbody>
109
- </table>
110
- </td>
111
- <td align="right" width="30%" style="vertical-align: middle;">
112
- <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
113
- <tbody>
114
- <tr>
115
- <td width="50%">
116
- <table width="100%">
117
- <tr>
118
- <td width="24">
119
- <input
120
- type="radio"
121
- id="radioYes"
122
- name="unsubscribe"
123
- data-cke-editable="1"
124
- style="margin: 0px; vertical-align: middle;>
125
- </td>
126
- {-{-YES-}-}
127
- </tr>
128
- </table>
129
- </td>
130
- <td width="50%">
131
- <table width="100%">
132
- <tr>
133
- <td width="24">
134
- <input
135
- type="radio"
136
- id="radioNo"
137
- name="unsubscribe"
138
- data-cke-editable="1"
139
- style="margin: 0px; vertical-align: middle;">
140
- </td>
141
- {-{-NO-}-}
142
- </tr>
143
- </table>
144
- </td>
145
- </tr>
146
- </tbody>
147
- </table>
148
- </td>
149
- </tr>
150
- </tbody>
151
- </table>
152
- </td>
153
- `;
154
- function m() {
155
- return i.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
- }
157
- export {
158
- h as default,
159
- m as getDefaultTemplate
160
- };
@@ -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
- };