@useinsider/guido 1.0.2-beta.b3c5fc9 → 1.0.2-beta.bcbaabf

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 (216) hide show
  1. package/README.md +51 -1
  2. package/dist/@types/events.d.ts +6 -0
  3. package/dist/@types/generic.d.ts +5 -0
  4. package/dist/components/Guido.vue.d.ts +3 -0
  5. package/dist/components/Guido.vue.js +9 -9
  6. package/dist/components/Guido.vue2.js +79 -59
  7. package/dist/components/organisms/LoadingWrapper.vue.d.ts +2 -0
  8. package/dist/components/organisms/LoadingWrapper.vue.js +18 -0
  9. package/dist/components/organisms/LoadingWrapper.vue2.js +12 -0
  10. package/dist/components/organisms/email-preview/PreviewContainer.vue.js +12 -12
  11. package/dist/components/organisms/email-preview/PreviewContainer.vue2.js +7 -8
  12. package/dist/components/organisms/email-preview/amp/AmpToggle.vue.js +3 -2
  13. package/dist/components/organisms/header/HeaderWrapper.vue.d.ts +3 -1
  14. package/dist/components/organisms/header/HeaderWrapper.vue.js +6 -6
  15. package/dist/components/organisms/header/HeaderWrapper.vue2.js +15 -9
  16. package/dist/components/organisms/header/LeftSlot.vue.js +10 -9
  17. package/dist/components/organisms/header/MiddleSlot.vue.js +6 -6
  18. package/dist/components/organisms/header/MiddleSlot.vue2.js +15 -16
  19. package/dist/components/organisms/header/RightSlot.vue.d.ts +3 -1
  20. package/dist/components/organisms/header/RightSlot.vue.js +6 -4
  21. package/dist/components/organisms/header/RightSlot.vue2.js +26 -28
  22. package/dist/components/organisms/header/ViewOptions.vue.js +11 -11
  23. package/dist/components/organisms/header/ViewOptions.vue2.js +14 -15
  24. package/dist/components/organisms/header/version-history/ViewOptions.vue.js +11 -11
  25. package/dist/components/organisms/header/version-history/ViewOptions.vue2.js +5 -5
  26. package/dist/components/organisms/onboarding/AMPOnboarding.vue.d.ts +2 -0
  27. package/dist/components/organisms/onboarding/AMPOnboarding.vue.js +20 -0
  28. package/dist/components/organisms/onboarding/AMPOnboarding.vue2.js +37 -0
  29. package/dist/components/organisms/onboarding/GenericOnboarding.vue.d.ts +2 -0
  30. package/dist/components/organisms/onboarding/GenericOnboarding.vue.js +21 -0
  31. package/dist/components/organisms/onboarding/GenericOnboarding.vue2.js +83 -0
  32. package/dist/components/organisms/onboarding/NewVersionPopup.vue.d.ts +2 -0
  33. package/dist/components/organisms/onboarding/NewVersionPopup.vue.js +17 -0
  34. package/dist/components/organisms/onboarding/NewVersionPopup.vue2.js +30 -0
  35. package/dist/components/organisms/onboarding/OnboardingWrapper.vue.d.ts +2 -0
  36. package/dist/components/organisms/onboarding/OnboardingWrapper.vue.js +19 -0
  37. package/dist/components/organisms/onboarding/OnboardingWrapper.vue2.js +43 -0
  38. package/dist/components/organisms/onboarding/TextBlockOnboarding.vue.d.ts +2 -0
  39. package/dist/components/organisms/onboarding/TextBlockOnboarding.vue.js +21 -0
  40. package/dist/components/organisms/onboarding/TextBlockOnboarding.vue2.js +74 -0
  41. package/dist/components/organisms/onboarding/VersionHistoryOnboarding.vue.d.ts +2 -0
  42. package/dist/components/organisms/onboarding/VersionHistoryOnboarding.vue.js +20 -0
  43. package/dist/components/organisms/onboarding/VersionHistoryOnboarding.vue2.js +37 -0
  44. package/dist/composables/useCustomInterfaceAppearance.js +25 -19
  45. package/dist/composables/useHtmlCompiler.js +17 -9
  46. package/dist/composables/useHtmlValidator.d.ts +3 -0
  47. package/dist/composables/useHtmlValidator.js +129 -0
  48. package/dist/composables/usePartner.d.ts +1 -0
  49. package/dist/composables/usePartner.js +16 -9
  50. package/dist/composables/usePreviewMode.js +13 -13
  51. package/dist/composables/useRecommendation.d.ts +19 -0
  52. package/dist/composables/useRecommendation.js +27 -0
  53. package/dist/composables/useSave.d.ts +4 -0
  54. package/dist/composables/useSave.js +15 -0
  55. package/dist/composables/useStripo.js +56 -52
  56. package/dist/composables/useStripoEventHandler.d.ts +3 -0
  57. package/dist/composables/useStripoEventHandler.js +20 -0
  58. package/dist/composables/useToaster.js +17 -17
  59. package/dist/config/compiler/outlookCompilerRules.d.ts +2 -0
  60. package/dist/config/compiler/outlookCompilerRules.js +36 -0
  61. package/dist/config/compiler/recommendationCompilerRules.d.ts +2 -0
  62. package/dist/config/compiler/recommendationCompilerRules.js +83 -0
  63. package/dist/config/compiler/socialCompilerRules.d.ts +2 -0
  64. package/dist/config/compiler/socialCompilerRules.js +21 -0
  65. package/dist/config/compiler/unsubscribeCompilerRules.d.ts +2 -0
  66. package/dist/config/compiler/unsubscribeCompilerRules.js +64 -0
  67. package/dist/config/migrator/checkboxMigrator.d.ts +1 -0
  68. package/dist/config/migrator/checkboxMigrator.js +83 -0
  69. package/dist/config/migrator/index.d.ts +1 -0
  70. package/dist/config/migrator/index.js +5 -0
  71. package/dist/enums/defaults.d.ts +6 -1
  72. package/dist/enums/defaults.js +47 -10
  73. package/dist/enums/html-validator.d.ts +6 -0
  74. package/dist/enums/html-validator.js +7 -0
  75. package/dist/enums/onboarding.d.ts +1 -0
  76. package/dist/enums/onboarding.js +8 -0
  77. package/dist/enums/recommendation.d.ts +54 -0
  78. package/dist/enums/recommendation.js +56 -0
  79. package/dist/enums/unsubscribe.d.ts +15 -0
  80. package/dist/enums/unsubscribe.js +17 -0
  81. package/dist/extensions/Blocks/Checkbox/block.d.ts +10 -0
  82. package/dist/extensions/Blocks/Checkbox/block.js +39 -0
  83. package/dist/extensions/Blocks/Checkbox/control.d.ts +22 -0
  84. package/dist/extensions/Blocks/Checkbox/control.js +104 -0
  85. package/dist/extensions/Blocks/Checkbox/extension.d.ts +2 -0
  86. package/dist/extensions/Blocks/Checkbox/extension.js +20 -0
  87. package/dist/extensions/Blocks/Checkbox/settingsPanel.d.ts +4 -0
  88. package/dist/extensions/Blocks/Checkbox/settingsPanel.js +38 -0
  89. package/dist/extensions/Blocks/Checkbox/template.d.ts +6 -0
  90. package/dist/extensions/Blocks/Checkbox/template.js +75 -0
  91. package/dist/extensions/Blocks/_Boilerplate/block.d.ts +10 -0
  92. package/dist/extensions/Blocks/_Boilerplate/control.d.ts +17 -0
  93. package/dist/extensions/Blocks/_Boilerplate/extension.d.ts +2 -0
  94. package/dist/extensions/Blocks/_Boilerplate/settingsPanel.d.ts +4 -0
  95. package/dist/extensions/Blocks/_Boilerplate/template.d.ts +6 -0
  96. package/dist/extensions/DynamicContent/dynamic-content.js +41 -27
  97. package/dist/extensions/DynamicContent/extension.js +18 -6
  98. package/dist/guido.css +1 -1
  99. package/dist/mock/api/unsubscribe.d.ts +2 -0
  100. package/dist/mock/api/user-modal-state.d.ts +2 -0
  101. package/dist/mock/api/validator.d.ts +2 -0
  102. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/Extension.js +72 -48
  103. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/ExtensionBuilder.js +74 -49
  104. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/blocks/Block.js +120 -38
  105. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/AiAssistantValueType.js +5 -11
  106. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockCompositionType.js +5 -11
  107. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockName.js +12 -0
  108. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockType.js +5 -11
  109. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BuiltInControlTypes.js +116 -101
  110. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/ContextActionType.js +5 -11
  111. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/EditorStatePropertyType.js +5 -11
  112. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/PanelPosition.js +5 -11
  113. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/Popover.js +12 -0
  114. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/PreviewDeviceMode.js +5 -11
  115. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/SettingsTab.js +5 -11
  116. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementType.js +5 -11
  117. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementsAttributes.js +22 -43
  118. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/Control.js +21 -17
  119. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/SettingsPanelRegistry.js +8 -15
  120. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/SettingsPanelTab.js +30 -29
  121. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/modifications/ModificationDescription.js +19 -23
  122. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/ui-elements/UIElement.js +37 -19
  123. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/ui-elements/UIElementTagRegistry.js +2 -15
  124. package/dist/services/onboardingApi.d.ts +4 -0
  125. package/dist/services/onboardingApi.js +23 -0
  126. package/dist/static/assets/onboarding-img.svg.js +4 -0
  127. package/dist/static/styles/components/alert-message.css.js +32 -2
  128. package/dist/static/styles/components/button.css.js +32 -2
  129. package/dist/static/styles/components/loader.css.js +10 -0
  130. package/dist/static/styles/components/notification.css.js +55 -0
  131. package/dist/static/styles/components/popup.css.js +68 -0
  132. package/dist/static/styles/components/wide-panel.css.js +15 -2
  133. package/dist/static/styles/customEditorStyle.css.js +24 -0
  134. package/dist/static/styles/variables.css.js +10 -0
  135. package/dist/stores/dynamic-content.d.ts +12 -0
  136. package/dist/stores/dynamic-content.js +7 -6
  137. package/dist/stores/editor.d.ts +194 -1
  138. package/dist/stores/editor.js +18 -2
  139. package/dist/stores/onboarding.d.ts +1068 -0
  140. package/dist/stores/onboarding.js +95 -0
  141. package/dist/stores/preview.d.ts +0 -8
  142. package/dist/stores/preview.js +12 -20
  143. package/dist/stores/recommendation.d.ts +10 -0
  144. package/dist/stores/recommendation.js +9 -0
  145. package/dist/stores/unsubscribe.d.ts +8 -0
  146. package/dist/stores/unsubscribe.js +9 -0
  147. package/dist/utils/genericUtil.js +9 -6
  148. package/dist/utils/templatePreparation.js +21 -14
  149. package/package.json +5 -3
  150. package/dist/_virtual/AddCustomFont.js +0 -4
  151. package/dist/_virtual/AiAssistantValueType.js +0 -4
  152. package/dist/_virtual/BackgroundColorBuiltInControl.js +0 -4
  153. package/dist/_virtual/BackgroundImageBuiltInControl.js +0 -4
  154. package/dist/_virtual/Block.js +0 -4
  155. package/dist/_virtual/BlockAttributes.js +0 -4
  156. package/dist/_virtual/BlockCompositionType.js +0 -4
  157. package/dist/_virtual/BlockPaddingsBuiltInControl.js +0 -4
  158. package/dist/_virtual/BlockRenderer.js +0 -4
  159. package/dist/_virtual/BlockType.js +0 -4
  160. package/dist/_virtual/BlocksPanel.js +0 -4
  161. package/dist/_virtual/BuiltInControl.js +0 -4
  162. package/dist/_virtual/BuiltInControlTypes.js +0 -4
  163. package/dist/_virtual/ButtonBorderBuiltInControl.js +0 -4
  164. package/dist/_virtual/ButtonColorBuiltInControl.js +0 -4
  165. package/dist/_virtual/ButtonFontColorBuiltInControl.js +0 -4
  166. package/dist/_virtual/ButtonInternalIndentsBuiltInControl.js +0 -4
  167. package/dist/_virtual/ButtonTextBuiltInControl.js +0 -4
  168. package/dist/_virtual/ContextAction.js +0 -4
  169. package/dist/_virtual/ContextActionType.js +0 -4
  170. package/dist/_virtual/Control.js +0 -4
  171. package/dist/_virtual/EditorStatePropertyType.js +0 -4
  172. package/dist/_virtual/Extension.js +0 -4
  173. package/dist/_virtual/ExtensionBuilder.js +0 -4
  174. package/dist/_virtual/FontFamilyBuiltInControl.js +0 -4
  175. package/dist/_virtual/LinkColorBuiltInControl.js +0 -4
  176. package/dist/_virtual/ModificationDescription.js +0 -4
  177. package/dist/_virtual/PanelPosition.js +0 -4
  178. package/dist/_virtual/PreviewDeviceMode.js +0 -4
  179. package/dist/_virtual/SettingsPanelRegistry.js +0 -4
  180. package/dist/_virtual/SettingsPanelTab.js +0 -4
  181. package/dist/_virtual/SettingsTab.js +0 -4
  182. package/dist/_virtual/StructureBorderBuiltInControl.js +0 -4
  183. package/dist/_virtual/StructurePaddingsBuiltInControl.js +0 -4
  184. package/dist/_virtual/TextColorBuiltInControl.js +0 -4
  185. package/dist/_virtual/TextLineSpacingBuiltInControl.js +0 -4
  186. package/dist/_virtual/TextSizeBuiltInControl.js +0 -4
  187. package/dist/_virtual/TextStyleBuiltInControl.js +0 -4
  188. package/dist/_virtual/UIElement.js +0 -4
  189. package/dist/_virtual/UIElementTagRegistry.js +0 -4
  190. package/dist/_virtual/UIElementType.js +0 -4
  191. package/dist/_virtual/UIElementsAttributes.js +0 -4
  192. package/dist/_virtual/index.js +0 -5
  193. package/dist/_virtual/index2.js +0 -4
  194. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/blocks/BlockRenderer.js +0 -18
  195. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/blocks/BlocksPanel.js +0 -32
  196. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/blocks/ContextAction.js +0 -18
  197. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/AddCustomFont.js +0 -8
  198. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockAttributes.js +0 -34
  199. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/BackgroundColorBuiltInControl.js +0 -43
  200. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/BackgroundImageBuiltInControl.js +0 -46
  201. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/BlockPaddingsBuiltInControl.js +0 -44
  202. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/BuiltInControl.js +0 -22
  203. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonBorderBuiltInControl.js +0 -46
  204. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonColorBuiltInControl.js +0 -46
  205. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonFontColorBuiltInControl.js +0 -45
  206. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonInternalIndentsBuiltInControl.js +0 -45
  207. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonTextBuiltInControl.js +0 -45
  208. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/FontFamilyBuiltInControl.js +0 -43
  209. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/LinkColorBuiltInControl.js +0 -45
  210. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/StructureBorderBuiltInControl.js +0 -46
  211. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/StructurePaddingsBuiltInControl.js +0 -44
  212. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/TextColorBuiltInControl.js +0 -43
  213. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/TextLineSpacingBuiltInControl.js +0 -43
  214. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/TextSizeBuiltInControl.js +0 -45
  215. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/TextStyleBuiltInControl.js +0 -43
  216. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/index.js +0 -266
@@ -1,21 +1,24 @@
1
- import { useActionsApi as g } from "./useActionsApi.js";
2
- import { useCustomInterfaceAppearance as f } from "./useCustomInterfaceAppearance.js";
3
- import { useToaster as S } from "./useToaster.js";
4
- import { displayConditions as C } from "../enums/displayConditions.js";
5
- import y from "../extensions/DynamicContent/extension.js";
6
- import { useStripoApi as E } from "../services/stripoApi.js";
7
- import { useEditorStore as h } from "../stores/editor.js";
8
- import { dynamicContentToMergeTags as w } from "../utils/genericUtil.js";
9
- const M = (d) => {
10
- const { handleError: a } = S(), { getToken: c, getCustomFonts: u } = E(), l = (e, r = []) => {
11
- const i = h(), { html: t, css: s, forceRecreate: p } = e;
1
+ import { useActionsApi as f } from "./useActionsApi.js";
2
+ import { useCustomInterfaceAppearance as S } from "./useCustomInterfaceAppearance.js";
3
+ import { useStripoEventHandler as C } from "./useStripoEventHandler.js";
4
+ import { useToaster as E } from "./useToaster.js";
5
+ import { displayConditions as y } from "../enums/displayConditions.js";
6
+ import h from "../extensions/Blocks/Checkbox/extension.js";
7
+ import w from "../extensions/DynamicContent/extension.js";
8
+ import { useStripoApi as b } from "../services/stripoApi.js";
9
+ import k from "../static/styles/customEditorStyle.css.js";
10
+ import { useEditorStore as V } from "../stores/editor.js";
11
+ import { dynamicContentToMergeTags as _ } from "../utils/genericUtil.js";
12
+ const H = (s) => {
13
+ const { handleError: d } = E(), { getToken: c, getCustomFonts: u } = b(), { handleEvent: l } = C(), m = (r, i = []) => {
14
+ const o = V(), { html: e, css: a, forceRecreate: g } = r;
12
15
  window.UIEditor.initEditor(
13
16
  document.querySelector("#guido-editor"),
14
17
  {
15
- metadata: d,
16
- html: t,
17
- css: s,
18
- forceRecreate: p,
18
+ metadata: s,
19
+ html: e,
20
+ css: a,
21
+ forceRecreate: g,
19
22
  locale: "en",
20
23
  undoButtonSelector: "#guido__undo-button",
21
24
  redoButtonSelector: "#guido__redo-button",
@@ -25,77 +28,78 @@ const M = (d) => {
25
28
  customAppearanceMergetags: !0,
26
29
  customAppearanceMergetagsBorderColor: "#f1f3fe",
27
30
  customAppearanceMergetagsBackgroundColor: "#f1f3fe",
28
- customViewStyles: `
29
- .esd-x, .esd-merge-tag {color: #0a2ecc !important; box-shadow: none !important;}
30
- .esd-merge-tag {border: 1px solid #b5c1f1; border-radius: 4px !important;}
31
- `,
31
+ customViewStyles: k,
32
32
  conditionsEnabled: !0,
33
33
  customConditionsEnabled: !0,
34
- conditionCategories: C,
34
+ conditionCategories: y,
35
35
  enableXSSSecurity: !0,
36
36
  messageSettingsEnabled: !1,
37
+ selectBlockAfterDropFromSettingsPanel: !0,
37
38
  editorFonts: {
38
39
  showDefaultStandardFonts: !0,
39
40
  showDefaultNotStandardFonts: !0,
40
- customFonts: r
41
+ customFonts: i
41
42
  },
42
43
  mergeTags: [
43
44
  {
44
- entries: w(d.preselectedDynamicContentList)
45
+ entries: _(s.preselectedDynamicContentList)
45
46
  }
46
47
  ],
47
- async onTokenRefreshRequest(o) {
48
+ async onTokenRefreshRequest(t) {
48
49
  try {
49
50
  const n = await c();
50
- o(n);
51
+ t(n);
51
52
  } catch (n) {
52
- a(n, "Failed to refresh token");
53
+ d(n, "Failed to refresh token");
53
54
  }
54
55
  },
55
56
  onTemplateLoaded() {
56
57
  try {
57
- const { importCss: o } = f(), { activateCustomViewStyles: n } = g();
58
- o(), n();
59
- } catch (o) {
60
- a(o, "Failed to load custom interface appearance");
58
+ const { importCss: t } = S(), { activateCustomViewStyles: n } = f();
59
+ t(), n(), s.onReady(), o.isStripoInitialized = !0, o.loadingStatus = !1, setTimeout(() => {
60
+ o.hasChanges = !1;
61
+ }, 1e3);
62
+ } catch (t) {
63
+ d(t, "Failed to load custom interface appearance");
61
64
  }
62
65
  },
63
- onCodeEditorVisibilityChanged(o) {
64
- i.isCodeEditorOpen = o;
66
+ onCodeEditorVisibilityChanged(t) {
67
+ o.isCodeEditorOpen = t;
65
68
  },
66
- onEditorVisualModeChanged(o) {
67
- i.editorVisualMode = o.toLowerCase();
69
+ onEditorVisualModeChanged(t) {
70
+ o.editorVisualMode = t.toLowerCase();
68
71
  },
69
- onVersionHistoryVisibilityChanged(o) {
70
- i.isVersionHistoryOpen = o;
72
+ onVersionHistoryVisibilityChanged(t) {
73
+ o.isVersionHistoryOpen = t;
71
74
  },
72
75
  onDataChanged() {
73
- i.hasChanges = !0;
76
+ o.hasChanges = !0;
74
77
  },
75
- ignoreClickOutsideSelectors: ["#guido-dynamic-content-modal"],
76
- extensions: [y]
78
+ onEvent: l,
79
+ ignoreClickOutsideSelectors: ["#guido-dynamic-content-modal", ".in-on-board-wrapper"],
80
+ extensions: [w, h]
77
81
  }
78
82
  );
79
- }, m = (e) => new Promise((r, i) => {
83
+ }, p = (r) => new Promise((i, o) => {
80
84
  if (document.getElementById("UiEditorScript")) {
81
- e(), r();
85
+ r(), i();
82
86
  return;
83
87
  }
84
- const t = document.createElement("script");
85
- t.id = "UiEditorScript", t.type = "module", t.src = "https://plugins.stripo.email/resources/uieditor/latest/UIEditor.js", t.onload = () => {
86
- e(), r();
87
- }, t.onerror = () => {
88
- const s = new Error("Failed to load Stripo UIEditor script");
89
- i(s);
90
- }, document.body.appendChild(t);
88
+ const e = document.createElement("script");
89
+ e.id = "UiEditorScript", e.type = "module", e.src = "https://plugins.stripo.email/resources/uieditor/latest/UIEditor.js", e.onload = () => {
90
+ r(), i();
91
+ }, e.onerror = () => {
92
+ const a = new Error("Failed to load Stripo UIEditor script");
93
+ o(a);
94
+ }, document.body.appendChild(e);
91
95
  });
92
- return { initPlugin: async (e) => {
93
- await m(async () => {
94
- const r = await u();
95
- l(e, r);
96
+ return { initPlugin: async (r) => {
97
+ await p(async () => {
98
+ const i = await u();
99
+ m(r, i);
96
100
  });
97
101
  } };
98
102
  };
99
103
  export {
100
- M as useStripo
104
+ H as useStripo
101
105
  };
@@ -0,0 +1,3 @@
1
+ export declare const useStripoEventHandler: () => {
2
+ handleEvent: (type: string, params: Record<string, string>) => Promise<void>;
3
+ };
@@ -0,0 +1,20 @@
1
+ import { useOnboardingStore as i } from "../stores/onboarding.js";
2
+ const c = () => {
3
+ const e = {
4
+ block_dropped: ({ blockName: t }) => {
5
+ if (t === "BLOCK_TEXT") {
6
+ const n = i(), o = !n.shouldShowOnboarding("textBlockOnboarding"), r = n.isActive("textBlockOnboarding");
7
+ if (o || r)
8
+ return;
9
+ n.start("textBlockOnboarding");
10
+ }
11
+ }
12
+ };
13
+ return { handleEvent: async (t, n) => {
14
+ const o = e[t];
15
+ o && await o(n);
16
+ } };
17
+ };
18
+ export {
19
+ c as useStripoEventHandler
20
+ };
@@ -1,31 +1,31 @@
1
- import { ToasterTypeOptions as u } from "../enums/toaster.js";
2
- import { useToasterStore as T } from "../stores/toaster.js";
3
- import { watch as c, onUnmounted as l } from "vue";
4
- const p = () => {
5
- const t = T();
6
- let s = null;
7
- const o = () => {
8
- s && (clearTimeout(s), s = null);
1
+ import { ToasterTypeOptions as T } from "../enums/toaster.js";
2
+ import { useToasterStore as u } from "../stores/toaster.js";
3
+ import { watch as c } from "vue";
4
+ const d = () => {
5
+ const t = u();
6
+ let o = null;
7
+ const s = () => {
8
+ o && (clearTimeout(o), o = null);
9
9
  };
10
10
  function r(e = { message: "" }) {
11
- o(), t.hideToaster(), t.showToaster(e);
11
+ s(), t.hideToaster(), t.showToaster(e);
12
12
  }
13
- function n() {
14
- o(), t.hideToaster();
13
+ function i() {
14
+ s(), t.hideToaster();
15
15
  }
16
- function i(e, a) {
16
+ function a(e, n) {
17
17
  const m = e instanceof Error ? e.message : String(e);
18
- r({ type: u.Alert, message: `${a}: ${m}` });
18
+ r({ type: T.Alert, message: `${n}: ${m}` });
19
19
  }
20
20
  return c(
21
21
  () => t.shouldAutoHide,
22
22
  (e) => {
23
- o(), e && (s = setTimeout(() => {
24
- t.hideToaster(), o();
23
+ s(), e && (o = setTimeout(() => {
24
+ t.hideToaster(), s();
25
25
  }, 6e3));
26
26
  }
27
- ), l(o), { showToaster: r, hideToaster: n, handleError: i };
27
+ ), { showToaster: r, hideToaster: i, handleError: a };
28
28
  };
29
29
  export {
30
- p as useToaster
30
+ d as useToaster
31
31
  };
@@ -0,0 +1,2 @@
1
+ import type { CompilerRule } from '@@/Types/html-compiler';
2
+ export declare const outlookCompilerRules: CompilerRule[];
@@ -0,0 +1,36 @@
1
+ const c = `
2
+ <!--[if gte mso 9]>
3
+ <xml>
4
+ <o:OfficeDocumentSettings>
5
+ <o:AllowPNG></o:AllowPNG>
6
+ <o:PixelsPerInch>96</o:PixelsPerInch>
7
+ </o:OfficeDocumentSettings>
8
+ </xml>
9
+ <![endif]-->`, s = {
10
+ xmlns: "http://www.w3.org/1999/xhtml",
11
+ "xmlns:o": "urn:schemas-microsoft-com:office:office"
12
+ }, r = [
13
+ {
14
+ id: "append-office-xml",
15
+ description: "Appending office XML into the head if it does not exist.",
16
+ type: "custom",
17
+ processor: (e) => e.includes("<o:OfficeDocumentSettings>") ? e : e.replace("</head>", `${c}</head>`),
18
+ priority: 70
19
+ },
20
+ {
21
+ id: "set-html-attributes",
22
+ description: "Appending office XML into the head if it does not exist.",
23
+ type: "custom",
24
+ processor: (e) => {
25
+ let t = e;
26
+ return Object.entries(s).forEach(([o, i]) => {
27
+ const n = new RegExp(`${o}="[^"]*"`);
28
+ t.search(n) === -1 && (t = t.replace("<html", `<html ${o}="${i}"`));
29
+ }), t;
30
+ },
31
+ priority: 71
32
+ }
33
+ ];
34
+ export {
35
+ r as outlookCompilerRules
36
+ };
@@ -0,0 +1,2 @@
1
+ import type { CompilerRule } from '@@/Types/html-compiler';
2
+ export declare const recommendationCompilerRules: CompilerRule[];
@@ -0,0 +1,83 @@
1
+ import { useRecommendation as u } from "../../composables/useRecommendation.js";
2
+ import { DUMMY_IMAGE_MAPPINGS as P, REGEX as i, CSS as e, CONDITIONS as E, ATTRIBUTES as r, HTML as h } from "../../enums/recommendation.js";
3
+ const H = [
4
+ {
5
+ id: "replace-images-with-variable-names",
6
+ description: "Replacing dummy images with variable names in recommendation module",
7
+ type: "custom",
8
+ processor: (a) => {
9
+ let t = a;
10
+ return Object.entries(P).forEach(([, n]) => {
11
+ Object.entries(n).forEach(([s, o]) => {
12
+ t = t.replaceAll(o, `{{${s}}}`);
13
+ });
14
+ }), t;
15
+ },
16
+ priority: 50
17
+ },
18
+ {
19
+ id: "replace-recommendation-button-span-css",
20
+ description: "Replacing recommendation button span css",
21
+ type: "replace",
22
+ search: ".ext-product-button span,",
23
+ replacement: ".ext-product-button,",
24
+ replaceAll: !0,
25
+ priority: 51
26
+ },
27
+ {
28
+ id: "add-recommendation-unresponsive-css",
29
+ description: "Adding recommendation unresponsive css",
30
+ type: "custom",
31
+ processor: (a) => {
32
+ const { getRecommendationCampaignData: t } = u();
33
+ let n = a;
34
+ const s = n.match(i.ID);
35
+ if (s) {
36
+ const o = [];
37
+ if (s.forEach((c) => {
38
+ const m = c.slice(35, c.length - 1).trim();
39
+ t(m);
40
+ }), o.length) {
41
+ const c = `width:${Math.min(...o)}px!important;`;
42
+ n = n.replace(e.REGULAR_NAME_HEIGHT, `${e.TRIMMED_NAME_HEIGHT} ${c} ${e.ELLIPSIS}`).replace(e.REGULAR_NAME_CONTAINER_HEIGHT, e.TRIMMED_NAME_CONTAINER_CSS).replace(e.RESPONSIVE_NAME_SIZE, `${e.RESPONSIVE_NAME_HEIGHT} ${c} ${e.ELLIPSIS}`).replace(e.RESPONSIVE_NAME_CONTAINER_HEIGHT, e.TRIMMED_RESPONSIVE_NAME_CONTAINER_CSS);
43
+ }
44
+ }
45
+ return n;
46
+ },
47
+ priority: 52
48
+ },
49
+ // TODO: prepareRecommendations
50
+ // TODO: addRecommendationCustomFields
51
+ {
52
+ id: "add-discount-conditions",
53
+ description: "Adding discount conditions to the recommendation block",
54
+ type: "custom",
55
+ processor: (a) => {
56
+ let t = a;
57
+ const n = t.match(i.ATTRIBUTE_PARAGRAPH), { getRecommendationCampaignData: s } = u();
58
+ return n !== null && n.forEach((o) => {
59
+ const c = o.match(i.CUSTOM_FIELD);
60
+ if (!c)
61
+ return;
62
+ const [m] = c, p = m.match(i.CUSTOM_FIELD_INDEXES_PART), A = m.match(i.CUSTOM_FIELD_NAME_PART), _ = o.match(i.ATTRIBUTE_PARAGRAPH_START_TAG);
63
+ if (!p || !A || !_)
64
+ return;
65
+ const [l] = p, [T] = A, [d] = _, N = T.substring(1, T.length - 2), R = d.match(i.COMPOSITION) !== null;
66
+ let O = m;
67
+ if (R) {
68
+ const M = l.substring(2, l.length - 3);
69
+ s(M);
70
+ }
71
+ const I = l.substring(2);
72
+ let S = "";
73
+ N in E.IF && (S = E.IF[N].replaceAll(`{${r.DISCOUNT}}`, `${I}${r.DISCOUNT}`).replaceAll(`{${r.OMNIBUS_DISCOUNT}}`, `${I}${r.OMNIBUS_DISCOUNT}`).replaceAll(`{${r.OMNIBUS_PRICE}}`, `${I}${r.OMNIBUS_PRICE}`));
74
+ const $ = `${d}${O}${h.PARAGRAPH_END_TAG}`, C = `${S}${R ? $ : o}${E.ELSE}${d}${h.PARAGRAPH_END_TAG}${E.END_IF}`;
75
+ t = t.replace(o, C);
76
+ }), t;
77
+ },
78
+ priority: 53
79
+ }
80
+ ];
81
+ export {
82
+ H as recommendationCompilerRules
83
+ };
@@ -0,0 +1,2 @@
1
+ import type { CompilerRule } from '@@/Types/html-compiler';
2
+ export declare const socialCompilerRules: CompilerRule[];
@@ -0,0 +1,21 @@
1
+ const a = [
2
+ {
3
+ id: "fix-custom-social-block",
4
+ description: "Fixing custom social block.",
5
+ type: "custom",
6
+ processor: (e) => {
7
+ let c = e;
8
+ const s = c.match(/<table[^>]*?class="[^>]*?es-social[^>]*?"[\S\s]*?<\/table>/gm);
9
+ return s && s.forEach((o) => {
10
+ if (o.match(/<img[^>]*?height="[0-9]+?"/gm)) {
11
+ const i = o.replace(/<img[^>]*?height="[0-9]+?"/gm, (t) => t.replace("height", "width"));
12
+ c = c.replace(o, i);
13
+ }
14
+ }), c;
15
+ },
16
+ priority: 80
17
+ }
18
+ ];
19
+ export {
20
+ a as socialCompilerRules
21
+ };
@@ -0,0 +1,2 @@
1
+ import type { CompilerRule } from '@@/Types/html-compiler';
2
+ export declare const unsubscribeCompilerRules: CompilerRule[];
@@ -0,0 +1,64 @@
1
+ import { usePartner as m } from "../../composables/usePartner.js";
2
+ import { LINK_REGEXES as c, LINK_TYPES as p, URLS as E } from "../../enums/unsubscribe.js";
3
+ import { useUnsubscribeStore as b } from "../../stores/unsubscribe.js";
4
+ const S = [
5
+ {
6
+ id: "add-unsubscribe-link-values",
7
+ description: "Adding unsubscribe link values",
8
+ type: "custom",
9
+ processor: (n) => {
10
+ var a, u;
11
+ const { getPartnerName: i } = m(), t = b();
12
+ let e = n;
13
+ const o = `/${i()}/email/0?user={{iid}}`, r = (a = t.selectedUnsubscribePages) == null ? void 0 : a.find((l) => l.type === p.UNSUBSCRIBE_LINK_TYPE), s = (u = t.selectedUnsubscribePages) == null ? void 0 : u.find((l) => l.type === p.PREFERENCES_LINK_TYPE);
14
+ return r && (e = e.replace(
15
+ c.GLOBAL_UNSUBSCRIBE_LINK_REGEX,
16
+ E.UNSUBSCRIBE_URL + o
17
+ )), s && (e = e.replace(
18
+ c.PREFERENCES_UNSUBSCRIBE_LINK_REGEX,
19
+ E.PREFERENCES_URL + o
20
+ )), e.replace(c.UNSUBSCRIBE_LINK_REGEX, "");
21
+ },
22
+ priority: 60
23
+ },
24
+ {
25
+ id: "remove-data-ogsb-button-styles",
26
+ description: "Removing styles like [data-ogsb] .es-button.es-button-123 { background: red; }",
27
+ type: "regex",
28
+ pattern: c.DATA_OGSB_BUTTON_CSS_REGEX,
29
+ replacement: "",
30
+ flags: "g",
31
+ priority: 61
32
+ },
33
+ {
34
+ id: "format-comment-braces",
35
+ description: "Adding spaces around comment braces for proper formatting",
36
+ type: "custom",
37
+ processor: (n) => n.replace(/{#/g, "{ #").replace(/#}/g, "# }"),
38
+ priority: 62
39
+ },
40
+ {
41
+ id: "add-universal-link-flags",
42
+ description: "Adding universal link flags",
43
+ type: "custom",
44
+ processor: (n) => {
45
+ let i = n;
46
+ const t = i.match(/<a[^>]+>(.*?)<\/a>/gm);
47
+ return t && t.forEach((e) => {
48
+ if (e.includes("insEmail=1"))
49
+ return;
50
+ if (e.match(/<a\s+(?:[^>]*?\s+)?href=(["'`”])(.*?)\1\s+(?:[^>]*?\s+)?universal=(["'`”])true\3/gm)) {
51
+ const o = e.replace(/href=(["'`”])(.*?)\1/gm, (r) => {
52
+ const s = r.slice(6, r.length - 1).trim();
53
+ return r.includes("?") || r.includes("#") ? s.slice(-1) === "&" ? r.replace(s, `${s}insEmail=1`) : r.replace(s, `${s}&insEmail=1`) : r.replace(s, `${s}?insEmail=1`);
54
+ });
55
+ i = i.replace(e, o);
56
+ }
57
+ }), i;
58
+ },
59
+ priority: 63
60
+ }
61
+ ];
62
+ export {
63
+ S as unsubscribeCompilerRules
64
+ };
@@ -0,0 +1 @@
1
+ export declare function migrateCheckbox(html: string): string;
@@ -0,0 +1,83 @@
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
+ };
@@ -0,0 +1 @@
1
+ export declare const migrate: (html: string) => string;
@@ -0,0 +1,5 @@
1
+ import { migrateCheckbox as r } from "./checkboxMigrator.js";
2
+ const e = (o) => r(o);
3
+ export {
4
+ e as migrate
5
+ };
@@ -1,7 +1,12 @@
1
1
  import type { GuidoConfig } from '@@/Types/generic';
2
2
  export declare const DefaultGuidoConfig: GuidoConfig;
3
+ export declare const TemplateTypes: {
4
+ promotional: number;
5
+ transactional: number;
6
+ };
3
7
  export declare const DefaultProductType = "email";
4
8
  export declare const DefaultUsername = "Guido User";
5
- export declare const DefaultMessageType = 1;
9
+ export declare const DefaultMessageType: number;
6
10
  export declare const EditorType: number;
7
11
  export declare const ProductIds: Record<string, number>;
12
+ export declare const TEST_PARTNER_LIST: string[];
@@ -1,4 +1,4 @@
1
- const e = {
1
+ const a = {
2
2
  translationsPath: "window.trans.en",
3
3
  emailHeader: {
4
4
  senderName: "",
@@ -8,16 +8,53 @@ const e = {
8
8
  dynamicContent: !0,
9
9
  saveAsTemplate: !0,
10
10
  versionHistory: !0
11
- }
12
- }, t = "email", s = "Guido User", a = 1, n = 2, o = {
11
+ },
12
+ useHeader: !0
13
+ }, t = {
14
+ promotional: 1,
15
+ transactional: 2
16
+ }, e = "email", o = "Guido User", n = t.promotional, i = 2, s = {
13
17
  email: 60,
14
18
  architect: 49
15
- };
19
+ }, u = [
20
+ "alfredtesting",
21
+ "electio",
22
+ "eurekatest",
23
+ "gachapontestpart",
24
+ "gluautomation1",
25
+ "gluautomation2",
26
+ "gluautomation3",
27
+ "gluautomation4",
28
+ "inone",
29
+ "inshoppingcart",
30
+ "krakentest",
31
+ "leeroy",
32
+ "newsletteruat",
33
+ "ozaspava",
34
+ "piratesquad",
35
+ "qaautomation1",
36
+ "qaautomation2",
37
+ "qaautomation3",
38
+ "qaautomation4",
39
+ "roiautomation",
40
+ "seleniumautomation",
41
+ "seleniumautomation1",
42
+ "seleniumautomation2",
43
+ "seleniumautomation3",
44
+ "shopbagg",
45
+ "shopifytest",
46
+ "singlepageqa",
47
+ "testqa",
48
+ "vikingsankara",
49
+ "stripoeditorlivetest"
50
+ ];
16
51
  export {
17
- e as DefaultGuidoConfig,
18
- a as DefaultMessageType,
19
- t as DefaultProductType,
20
- s as DefaultUsername,
21
- n as EditorType,
22
- o as ProductIds
52
+ a as DefaultGuidoConfig,
53
+ n as DefaultMessageType,
54
+ e as DefaultProductType,
55
+ o as DefaultUsername,
56
+ i as EditorType,
57
+ s as ProductIds,
58
+ u as TEST_PARTNER_LIST,
59
+ t as TemplateTypes
23
60
  };
@@ -0,0 +1,6 @@
1
+ export declare const CanNotMakeAnyChangesForRunningKey = "newsletter.already-in-progress";
2
+ export declare const CanNotMakeAnyChangesKey = "newsletter.can-not-make-any-changes";
3
+ export declare const CampaignCouldNotBeSavedKey = "newsletter.campaign-could-not-be-saved";
4
+ export declare const DISPLAY_CONDITIONS_REGEX: RegExp;
5
+ export declare const DISPLAY_CONDITIONS_EXCEPTIONS_REGEX: RegExp;
6
+ export declare const REMOVE_CONDITIONS_REGEX: RegExp;
@@ -0,0 +1,7 @@
1
+ const e = "newsletter.already-in-progress", n = "newsletter.campaign-could-not-be-saved", o = / (==|<=|>=|!=|>|<|in) | (if|elif|endif|else|and|or) |("[\S ]+")|('[\S ]+')|([^”\s\n]+)|(({%)|( %}))/gm, a = /{%( )*now( )(".*")( )*%}/gm;
2
+ export {
3
+ n as CampaignCouldNotBeSavedKey,
4
+ e as CanNotMakeAnyChangesForRunningKey,
5
+ a as DISPLAY_CONDITIONS_EXCEPTIONS_REGEX,
6
+ o as DISPLAY_CONDITIONS_REGEX
7
+ };
@@ -0,0 +1 @@
1
+ export declare const SERVICE_HOVER_SELECTORS: string[];