@useinsider/guido 1.0.2-beta.a5713d2 → 1.0.2-beta.aa7c201

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 (140) hide show
  1. package/README.md +1 -39
  2. package/dist/@types/generic.d.ts +0 -4
  3. package/dist/_virtual/AddCustomFont.js +4 -0
  4. package/dist/_virtual/AiAssistantValueType.js +4 -0
  5. package/dist/_virtual/BackgroundColorBuiltInControl.js +4 -0
  6. package/dist/_virtual/BackgroundImageBuiltInControl.js +4 -0
  7. package/dist/_virtual/Block.js +4 -0
  8. package/dist/_virtual/BlockAttributes.js +4 -0
  9. package/dist/_virtual/BlockCompositionType.js +4 -0
  10. package/dist/_virtual/BlockPaddingsBuiltInControl.js +4 -0
  11. package/dist/_virtual/BlockRenderer.js +4 -0
  12. package/dist/_virtual/BlockType.js +4 -0
  13. package/dist/_virtual/BlocksPanel.js +4 -0
  14. package/dist/_virtual/BuiltInControl.js +4 -0
  15. package/dist/_virtual/BuiltInControlTypes.js +4 -0
  16. package/dist/_virtual/ButtonBorderBuiltInControl.js +4 -0
  17. package/dist/_virtual/ButtonColorBuiltInControl.js +4 -0
  18. package/dist/_virtual/ButtonFontColorBuiltInControl.js +4 -0
  19. package/dist/_virtual/ButtonInternalIndentsBuiltInControl.js +4 -0
  20. package/dist/_virtual/ButtonTextBuiltInControl.js +4 -0
  21. package/dist/_virtual/ContextAction.js +4 -0
  22. package/dist/_virtual/ContextActionType.js +4 -0
  23. package/dist/_virtual/Control.js +4 -0
  24. package/dist/_virtual/EditorStatePropertyType.js +4 -0
  25. package/dist/_virtual/Extension.js +4 -0
  26. package/dist/_virtual/ExtensionBuilder.js +4 -0
  27. package/dist/_virtual/FontFamilyBuiltInControl.js +4 -0
  28. package/dist/_virtual/LinkColorBuiltInControl.js +4 -0
  29. package/dist/_virtual/ModificationDescription.js +4 -0
  30. package/dist/_virtual/PanelPosition.js +4 -0
  31. package/dist/_virtual/PreviewDeviceMode.js +4 -0
  32. package/dist/_virtual/SettingsPanelRegistry.js +4 -0
  33. package/dist/_virtual/SettingsPanelTab.js +4 -0
  34. package/dist/_virtual/SettingsTab.js +4 -0
  35. package/dist/_virtual/StructureBorderBuiltInControl.js +4 -0
  36. package/dist/_virtual/StructurePaddingsBuiltInControl.js +4 -0
  37. package/dist/_virtual/TextColorBuiltInControl.js +4 -0
  38. package/dist/_virtual/TextLineSpacingBuiltInControl.js +4 -0
  39. package/dist/_virtual/TextSizeBuiltInControl.js +4 -0
  40. package/dist/_virtual/TextStyleBuiltInControl.js +4 -0
  41. package/dist/_virtual/UIElement.js +4 -0
  42. package/dist/_virtual/UIElementTagRegistry.js +4 -0
  43. package/dist/_virtual/UIElementType.js +4 -0
  44. package/dist/_virtual/UIElementsAttributes.js +4 -0
  45. package/dist/_virtual/index.js +5 -0
  46. package/dist/_virtual/index2.js +4 -0
  47. package/dist/components/Guido.vue.d.ts +1 -3
  48. package/dist/components/Guido.vue.js +5 -5
  49. package/dist/components/Guido.vue2.js +63 -75
  50. package/dist/components/organisms/LoadingWrapper.vue.js +1 -1
  51. package/dist/components/organisms/email-preview/amp/AmpToggle.vue.js +2 -3
  52. package/dist/components/organisms/header/HeaderWrapper.vue.d.ts +1 -3
  53. package/dist/components/organisms/header/HeaderWrapper.vue.js +6 -6
  54. package/dist/components/organisms/header/HeaderWrapper.vue2.js +9 -15
  55. package/dist/components/organisms/header/RightSlot.vue.d.ts +1 -3
  56. package/dist/components/organisms/header/RightSlot.vue.js +3 -5
  57. package/dist/components/organisms/header/RightSlot.vue2.js +19 -23
  58. package/dist/components/organisms/onboarding/GenericOnboarding.vue.js +5 -5
  59. package/dist/components/organisms/onboarding/GenericOnboarding.vue2.js +2 -2
  60. package/dist/components/organisms/onboarding/TextBlockOnboarding.vue.js +5 -5
  61. package/dist/components/organisms/onboarding/TextBlockOnboarding.vue2.js +28 -40
  62. package/dist/composables/useCustomInterfaceAppearance.js +18 -22
  63. package/dist/composables/useSave.d.ts +1 -2
  64. package/dist/composables/useSave.js +8 -9
  65. package/dist/composables/useStripo.js +23 -26
  66. package/dist/composables/useToaster.js +17 -17
  67. package/dist/extensions/DynamicContent/dynamic-content.js +27 -41
  68. package/dist/extensions/DynamicContent/extension.js +6 -18
  69. package/dist/guido.css +1 -1
  70. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/Extension.js +48 -72
  71. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/ExtensionBuilder.js +49 -74
  72. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/blocks/Block.js +38 -120
  73. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/blocks/BlockRenderer.js +18 -0
  74. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/blocks/BlocksPanel.js +32 -0
  75. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/blocks/ContextAction.js +18 -0
  76. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/AddCustomFont.js +8 -0
  77. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/AiAssistantValueType.js +11 -5
  78. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockAttributes.js +34 -0
  79. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockCompositionType.js +11 -5
  80. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockType.js +11 -5
  81. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BuiltInControlTypes.js +101 -116
  82. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/ContextActionType.js +11 -5
  83. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/EditorStatePropertyType.js +11 -5
  84. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/PanelPosition.js +11 -5
  85. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/PreviewDeviceMode.js +11 -5
  86. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/SettingsTab.js +11 -5
  87. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementType.js +11 -5
  88. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementsAttributes.js +43 -22
  89. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/BackgroundColorBuiltInControl.js +43 -0
  90. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/BackgroundImageBuiltInControl.js +46 -0
  91. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/BlockPaddingsBuiltInControl.js +44 -0
  92. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/BuiltInControl.js +22 -0
  93. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonBorderBuiltInControl.js +46 -0
  94. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonColorBuiltInControl.js +46 -0
  95. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonFontColorBuiltInControl.js +45 -0
  96. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonInternalIndentsBuiltInControl.js +45 -0
  97. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonTextBuiltInControl.js +45 -0
  98. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/Control.js +17 -21
  99. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/FontFamilyBuiltInControl.js +43 -0
  100. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/LinkColorBuiltInControl.js +45 -0
  101. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/SettingsPanelRegistry.js +15 -8
  102. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/SettingsPanelTab.js +29 -30
  103. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/StructureBorderBuiltInControl.js +46 -0
  104. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/StructurePaddingsBuiltInControl.js +44 -0
  105. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/TextColorBuiltInControl.js +43 -0
  106. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/TextLineSpacingBuiltInControl.js +43 -0
  107. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/TextSizeBuiltInControl.js +45 -0
  108. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/TextStyleBuiltInControl.js +43 -0
  109. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/index.js +266 -0
  110. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/modifications/ModificationDescription.js +23 -19
  111. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/ui-elements/UIElement.js +19 -37
  112. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/ui-elements/UIElementTagRegistry.js +15 -2
  113. package/dist/static/styles/components/alert-message.css.js +2 -32
  114. package/dist/static/styles/components/button.css.js +2 -32
  115. package/dist/static/styles/components/wide-panel.css.js +1 -5
  116. package/dist/static/styles/customEditorStyle.css.js +0 -6
  117. package/dist/static/styles/variables.css.js +0 -10
  118. package/dist/stores/dynamic-content.d.ts +0 -12
  119. package/dist/stores/dynamic-content.js +6 -7
  120. package/dist/utils/genericUtil.js +6 -9
  121. package/package.json +2 -2
  122. package/dist/config/migrator/checkboxMigrator.d.ts +0 -1
  123. package/dist/config/migrator/checkboxMigrator.js +0 -83
  124. package/dist/config/migrator/index.d.ts +0 -1
  125. package/dist/config/migrator/index.js +0 -5
  126. package/dist/extensions/Blocks/Checkbox/block.d.ts +0 -10
  127. package/dist/extensions/Blocks/Checkbox/block.js +0 -39
  128. package/dist/extensions/Blocks/Checkbox/control.d.ts +0 -22
  129. package/dist/extensions/Blocks/Checkbox/control.js +0 -106
  130. package/dist/extensions/Blocks/Checkbox/extension.d.ts +0 -2
  131. package/dist/extensions/Blocks/Checkbox/extension.js +0 -20
  132. package/dist/extensions/Blocks/Checkbox/settingsPanel.d.ts +0 -4
  133. package/dist/extensions/Blocks/Checkbox/settingsPanel.js +0 -38
  134. package/dist/extensions/Blocks/Checkbox/template.d.ts +0 -6
  135. package/dist/extensions/Blocks/Checkbox/template.js +0 -75
  136. package/dist/mock/api/unsubscribe.d.ts +0 -2
  137. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockName.js +0 -12
  138. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/Popover.js +0 -12
  139. package/dist/static/styles/components/notification.css.js +0 -55
  140. package/dist/static/styles/components/popup.css.js +0 -68
@@ -2,10 +2,6 @@ const n = `ue-wide-panel {
2
2
  width: 425px;
3
3
  }
4
4
 
5
- ue-main-editor-container[panel-position=SETTINGS_BLOCKS] ue-wide-panel {
6
- right: calc(100% - calc(var(--ue-spacing-step, 5px) * 3) - 425px);
7
- }
8
-
9
5
  ue-main-tabs-panel-component .fixed-panel-header {
10
6
  display: none;
11
7
  }
@@ -21,7 +17,7 @@ ue-description a {
21
17
  }
22
18
 
23
19
  .stacked-panel {
24
- overflow: auto;
20
+ overflow: scroll;
25
21
  }
26
22
 
27
23
  .stacked-panel-title {
@@ -12,12 +12,6 @@ const n = `.esd-x,
12
12
  .ue-preview-control-wrapper ue-icon-component:not([disabled=true]):not(.stripo-static-icon):hover {
13
13
  background: none;
14
14
  }
15
-
16
- .ue-email-wrapper-rounded,
17
- .ue-email-wrapper-rounded-top {
18
- border-radius: 0;
19
- box-shadow: none;
20
- }
21
15
  `;
22
16
  export {
23
17
  n as default
@@ -12,20 +12,10 @@ const o = `:host {
12
12
  --guido-color-neutral-800: #222938;
13
13
  --guido-color-neutral-200: #DCDFE6;
14
14
  --guido-color-neutral-100: #EFF2F4;
15
- --guido-color-danger-300: #e84342;
16
15
  --guido-color-danger-500: #DC2A2A;
17
16
  --guido-box-shadow: 0 4px 12px 0 rgba(44,53,70,0.15);
18
17
  --guido-color-background-onpage-message-info: #D3EEF8;
19
18
  --guido-color-border-onpage-message-info: #258DDE;
20
- --guido-color-background-onpage-message-warn: #FCEFE5;
21
- --guido-color-border-onpage-message-warn: #D37400;
22
- --guido-color-background-onpage-message-success: #E9F9EB;
23
- --guido-color-border-onpage-message-success: #128745;
24
- --guido-color-background-onpage-message-error: #FCECEC;
25
- --guido-color-border-onpage-message-error: var(--guido-color-danger-500);
26
- --guido-color-background-toaster-success: #128745;
27
- --guido-color-background-toaster-error: var(--guido-color-danger-500);
28
- --guido-color-background-toaster-warn: #D37400;
29
19
  }
30
20
  `;
31
21
  export {
@@ -8,19 +8,11 @@ export declare const useDynamicContentStore: import("pinia").StoreDefinition<"dy
8
8
  value: string;
9
9
  text: string;
10
10
  fallback?: string | undefined;
11
- format?: {
12
- key: string;
13
- value: string;
14
- } | undefined;
15
11
  };
16
12
  selectedDynamicContentList: {
17
13
  value: string;
18
14
  text: string;
19
15
  fallback?: string | undefined;
20
- format?: {
21
- key: string;
22
- value: string;
23
- } | undefined;
24
16
  }[];
25
17
  } & import("pinia").PiniaCustomStateProperties<{
26
18
  selectedDynamicContent: DynamicContent;
@@ -29,10 +21,6 @@ export declare const useDynamicContentStore: import("pinia").StoreDefinition<"dy
29
21
  text: string;
30
22
  value: string;
31
23
  fallback: string | undefined;
32
- format: {
33
- key: string;
34
- value: string;
35
- } | undefined;
36
24
  }[];
37
25
  }, {
38
26
  setSelectedDynamicContent(dynamicContent: DynamicContent): void;
@@ -6,16 +6,15 @@ const s = a("dynamicContent", {
6
6
  selectedDynamicContentList: []
7
7
  }),
8
8
  actions: {
9
- setSelectedDynamicContent(t) {
10
- this.selectedDynamicContent = t, this.selectedDynamicContentList.push(t);
9
+ setSelectedDynamicContent(e) {
10
+ this.selectedDynamicContent = e, this.selectedDynamicContentList.push(e);
11
11
  }
12
12
  },
13
13
  getters: {
14
- getSelectedDynamicContentList: (t) => n(t.selectedDynamicContentList).map((e) => ({
15
- text: e.text,
16
- value: e.value,
17
- fallback: e.fallback,
18
- format: e.format
14
+ getSelectedDynamicContentList: (e) => n(e.selectedDynamicContentList).map((t) => ({
15
+ text: t.text,
16
+ value: t.value,
17
+ fallback: t.fallback
19
18
  })) || []
20
19
  }
21
20
  });
@@ -1,14 +1,11 @@
1
- const e = (l) => l.map((a) => a.format ? {
2
- label: `${a.text} | ${a.format.key}=${a.format.value}`,
3
- value: `{{${a.value}|${a.format.key}=${a.format.value}}}`
4
- } : {
1
+ const l = (e) => e.map((a) => ({
5
2
  label: a.fallback ? `${a.text} | ${a.fallback}` : a.text,
6
3
  value: a.fallback ? `{{${a.value}|${a.fallback}}}` : `{{${a.value}}}`
7
- }), r = () => {
8
- var l;
9
- return ((l = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : l.getAttribute("content")) ?? "";
4
+ })), t = () => {
5
+ var e;
6
+ return ((e = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : e.getAttribute("content")) ?? "";
10
7
  };
11
8
  export {
12
- e as dynamicContentToMergeTags,
13
- r as getCsrfToken
9
+ l as dynamicContentToMergeTags,
10
+ t as getCsrfToken
14
11
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@useinsider/guido",
3
- "version": "1.0.2-beta.a5713d2",
3
+ "version": "1.0.2-beta.aa7c201",
4
4
  "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
5
5
  "main": "./dist/guido.umd.cjs",
6
6
  "module": "./dist/library.js",
@@ -31,7 +31,7 @@
31
31
  "author": "",
32
32
  "license": "ISC",
33
33
  "dependencies": {
34
- "@stripoinc/ui-editor-extensions": "2.0.2",
34
+ "@stripoinc/ui-editor-extensions": "1.0.6",
35
35
  "@useinsider/design-system-vue": "0.14.8",
36
36
  "@vueuse/core": "11.3.0",
37
37
  "lodash-es": "4.17.21",
@@ -1 +0,0 @@
1
- export declare function migrateCheckbox(html: string): string;
@@ -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 BuildInUIElementsCheckboxControl extends Control {
8
- private currentNode?;
9
- private selectedUnsubGroup?;
10
- unsubList: UnsubOption[];
11
- getId(): string;
12
- _getLabel(text: string, name?: string): string;
13
- _getSelectItem(text: string, value: string): string;
14
- _setFormValues(): void;
15
- _getSelect(options: UnsubOption[]): 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,106 +0,0 @@
1
- var c = Object.defineProperty;
2
- var p = (o, i, t) => i in o ? c(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 s } 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 l } 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-checkbox", n = "select", { get: h } = m();
21
- class R extends l {
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
- _getLabel(t, e = `${Math.random()}`) {
32
- return `
33
- <${r.LABEL}
34
- ${s.LABEL.text}="${t}"
35
- ${s.LABEL.name}="${e}">
36
- </${r.LABEL}>
37
- `;
38
- }
39
- _getSelectItem(t, e) {
40
- return `
41
- <${r.SELECT_ITEM}
42
- ${s.SELECT_ITEM.text}="${t}"
43
- ${s.SELECT_ITEM.value}="${e}">
44
- </${r.SELECT_ITEM}>`;
45
- }
46
- _setFormValues() {
47
- this.api.updateValues({
48
- [n]: ""
49
- });
50
- }
51
- _getSelect(t) {
52
- return `
53
- <div class="checkbox-select-container container two-columns stretch">
54
- <${r.LABEL}
55
- ${s.LABEL.text}="${this.api.translate("Unsubscribe Group")}"
56
- ${s.LABEL.name}="${Math.random()}">
57
- </${r.LABEL}>
58
-
59
- <${r.SELECTPICKER}
60
- ${s.SELECTPICKER.name}="${n}"
61
- ${s.SELECTPICKER.placeholder}="${this.api.translate("Select Unsubscribe Group")}">
62
- ${t.map((e) => this._getSelectItem(e.name, e.sendGridId)).join("")}
63
- </${r.SELECTPICKER}>
64
- </div>
65
- `;
66
- }
67
- getTemplate() {
68
- return `
69
- <div class="checkbox-controls-container">
70
- ${this._getSelect(this.unsubList)}
71
- </div>
72
- `;
73
- }
74
- _onSelectChange(t) {
75
- this.currentNode && this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute("id", t.toString()).apply(new d(`Updated text to ${t}`));
76
- }
77
- _listenToFormUpdates() {
78
- this.api.onValueChanged(n, (t) => this._onSelectChange(t));
79
- }
80
- onTemplateNodeUpdated(t) {
81
- if (this.currentNode = t, "getAttribute" in t) {
82
- const e = Number(t.getAttribute("id"));
83
- e && (this.selectedUnsubGroup = e, this.api.updateValues({
84
- [n]: this.selectedUnsubGroup
85
- }));
86
- }
87
- }
88
- // eslint-disable-next-line @typescript-eslint/no-misused-promises
89
- async onRender() {
90
- const e = (await h(
91
- "/unsubscribe-groups/unsubscribe-list"
92
- )).data.data || [], E = e.map((u) => ({
93
- [s.SELECT_ITEM.text]: u.name,
94
- [s.SELECT_ITEM.value]: u.sendGridId
95
- }));
96
- this.unsubList = e, this.api.setUIEAttribute(
97
- n,
98
- s.SELECTPICKER.items,
99
- E
100
- ), this._setFormValues(), this._listenToFormUpdates();
101
- }
102
- }
103
- export {
104
- R as BuildInUIElementsCheckboxControl,
105
- L as CHECKBOX_CONTROL_BLOCK_ID
106
- };
@@ -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 { BuildInUIElementsCheckboxControl as i } from "./control.js";
16
- import { CheckboxBlockSettingsPanelRegistry as r } from "./settingsPanel.js";
17
- const g = new o().addBlock(t).withSettingsPanelRegistry(r).addControl(i).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 CheckboxBlockSettingsPanelRegistry 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 t } 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 o } 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 n } from "./control.js";
17
- class x extends e {
18
- registerBlockControls(r) {
19
- r[p] = [
20
- new o(
21
- t.SETTINGS,
22
- [
23
- n,
24
- i.EXTERNAL_INDENTS
25
- ]
26
- ),
27
- new o(
28
- t.STYLES,
29
- [
30
- m.TEXT_BLOCK_BACKGROUND_COLOR
31
- ]
32
- )
33
- ];
34
- }
35
- }
36
- export {
37
- x as CheckboxBlockSettingsPanelRegistry
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,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
- };