@useinsider/guido 1.0.2-beta.85ea6e2 → 1.0.2-beta.91efff4

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 (193) hide show
  1. package/README.md +32 -2
  2. package/dist/@types/generic.d.ts +4 -0
  3. package/dist/components/Guido.vue.d.ts +3 -1
  4. package/dist/components/Guido.vue.js +5 -5
  5. package/dist/components/Guido.vue2.js +72 -60
  6. package/dist/components/organisms/LoadingWrapper.vue.js +1 -1
  7. package/dist/components/organisms/email-preview/amp/AmpToggle.vue.js +3 -2
  8. package/dist/components/organisms/email-preview/amp/AmpToggle.vue2.js +14 -15
  9. package/dist/components/organisms/header/HeaderWrapper.vue.d.ts +3 -1
  10. package/dist/components/organisms/header/HeaderWrapper.vue.js +6 -6
  11. package/dist/components/organisms/header/HeaderWrapper.vue2.js +15 -9
  12. package/dist/components/organisms/header/RightSlot.vue.d.ts +3 -1
  13. package/dist/components/organisms/header/RightSlot.vue.js +5 -3
  14. package/dist/components/organisms/header/RightSlot.vue2.js +26 -27
  15. package/dist/components/organisms/header/ViewOptions.vue.js +5 -5
  16. package/dist/components/organisms/header/ViewOptions.vue2.js +5 -5
  17. package/dist/components/organisms/header/version-history/ViewOptions.vue.js +5 -5
  18. package/dist/components/organisms/header/version-history/ViewOptions.vue2.js +5 -5
  19. package/dist/components/organisms/onboarding/AMPOnboarding.vue2.js +11 -11
  20. package/dist/components/organisms/onboarding/GenericOnboarding.vue.js +5 -5
  21. package/dist/components/organisms/onboarding/GenericOnboarding.vue2.js +8 -8
  22. package/dist/components/organisms/onboarding/OnboardingWrapper.vue2.js +25 -20
  23. package/dist/components/organisms/onboarding/TextBlockOnboarding.vue.js +1 -1
  24. package/dist/components/organisms/onboarding/TextBlockOnboarding.vue2.js +40 -28
  25. package/dist/components/organisms/onboarding/VersionHistoryOnboarding.vue2.js +6 -6
  26. package/dist/composables/useCustomInterfaceAppearance.js +22 -18
  27. package/dist/composables/useHtmlCompiler.js +17 -9
  28. package/dist/composables/useHtmlValidator.d.ts +4 -0
  29. package/dist/composables/useHtmlValidator.js +139 -0
  30. package/dist/composables/usePreviewMode.js +14 -15
  31. package/dist/composables/useRecommendation.d.ts +19 -0
  32. package/dist/composables/useRecommendation.js +27 -0
  33. package/dist/composables/useSave.d.ts +4 -0
  34. package/dist/composables/useSave.js +15 -0
  35. package/dist/composables/useStripo.js +40 -36
  36. package/dist/composables/useToaster.js +17 -17
  37. package/dist/config/compiler/outlookCompilerRules.d.ts +2 -0
  38. package/dist/config/compiler/outlookCompilerRules.js +36 -0
  39. package/dist/config/compiler/recommendationCompilerRules.d.ts +2 -0
  40. package/dist/config/compiler/recommendationCompilerRules.js +83 -0
  41. package/dist/config/compiler/socialCompilerRules.d.ts +2 -0
  42. package/dist/config/compiler/socialCompilerRules.js +21 -0
  43. package/dist/config/compiler/unsubscribeCompilerRules.d.ts +2 -0
  44. package/dist/config/compiler/unsubscribeCompilerRules.js +64 -0
  45. package/dist/config/migrator/checkboxMigrator.d.ts +1 -0
  46. package/dist/config/migrator/checkboxMigrator.js +83 -0
  47. package/dist/config/migrator/index.d.ts +1 -0
  48. package/dist/config/migrator/index.js +5 -0
  49. package/dist/enums/defaults.d.ts +5 -1
  50. package/dist/enums/defaults.js +14 -10
  51. package/dist/enums/html-validator.d.ts +6 -0
  52. package/dist/enums/html-validator.js +7 -0
  53. package/dist/enums/recommendation.d.ts +54 -0
  54. package/dist/enums/recommendation.js +56 -0
  55. package/dist/enums/unsubscribe.d.ts +15 -0
  56. package/dist/enums/unsubscribe.js +17 -0
  57. package/dist/extensions/Blocks/Checkbox/block.d.ts +10 -0
  58. package/dist/extensions/Blocks/Checkbox/block.js +39 -0
  59. package/dist/extensions/Blocks/Checkbox/control.d.ts +22 -0
  60. package/dist/extensions/Blocks/Checkbox/control.js +104 -0
  61. package/dist/extensions/Blocks/Checkbox/extension.d.ts +2 -0
  62. package/dist/extensions/Blocks/Checkbox/extension.js +20 -0
  63. package/dist/extensions/Blocks/Checkbox/settingsPanel.d.ts +4 -0
  64. package/dist/extensions/Blocks/Checkbox/settingsPanel.js +38 -0
  65. package/dist/extensions/Blocks/Checkbox/template.d.ts +6 -0
  66. package/dist/extensions/Blocks/Checkbox/template.js +75 -0
  67. package/dist/extensions/Blocks/CouponBlock/block.d.ts +11 -0
  68. package/dist/extensions/Blocks/CouponBlock/block.js +42 -0
  69. package/dist/extensions/Blocks/CouponBlock/extension.d.ts +2 -0
  70. package/dist/extensions/Blocks/CouponBlock/extension.js +19 -0
  71. package/dist/extensions/Blocks/CouponBlock/settingsPanel.d.ts +4 -0
  72. package/dist/extensions/Blocks/CouponBlock/settingsPanel.js +37 -0
  73. package/dist/extensions/Blocks/CouponBlock/template.d.ts +3 -0
  74. package/dist/extensions/Blocks/CouponBlock/template.js +13 -0
  75. package/dist/extensions/Blocks/_Boilerplate/block.d.ts +10 -0
  76. package/dist/extensions/Blocks/_Boilerplate/control.d.ts +17 -0
  77. package/dist/extensions/Blocks/_Boilerplate/extension.d.ts +2 -0
  78. package/dist/extensions/Blocks/_Boilerplate/settingsPanel.d.ts +4 -0
  79. package/dist/extensions/Blocks/_Boilerplate/template.d.ts +6 -0
  80. package/dist/extensions/DynamicContent/dynamic-content.js +41 -27
  81. package/dist/extensions/DynamicContent/extension.js +18 -6
  82. package/dist/guido.css +1 -1
  83. package/dist/icons/coupon.svg +3 -0
  84. package/dist/mock/api/unsubscribe.d.ts +2 -0
  85. package/dist/mock/api/validator.d.ts +2 -0
  86. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/Extension.js +72 -48
  87. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/ExtensionBuilder.js +74 -49
  88. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/blocks/Block.js +120 -38
  89. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/AiAssistantValueType.js +5 -11
  90. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockCompositionType.js +5 -11
  91. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockName.js +12 -0
  92. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockType.js +5 -11
  93. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BuiltInControlTypes.js +116 -101
  94. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/ContextActionType.js +5 -11
  95. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/EditorStatePropertyType.js +5 -11
  96. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/PanelPosition.js +5 -11
  97. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/Popover.js +12 -0
  98. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/PreviewDeviceMode.js +5 -11
  99. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/SettingsTab.js +5 -11
  100. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementType.js +5 -11
  101. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementsAttributes.js +22 -43
  102. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/Control.js +21 -17
  103. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/SettingsPanelRegistry.js +8 -15
  104. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/SettingsPanelTab.js +30 -29
  105. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/modifications/ModificationDescription.js +19 -23
  106. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/ui-elements/UIElement.js +37 -19
  107. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/ui-elements/UIElementTagRegistry.js +2 -15
  108. package/dist/static/styles/components/alert-message.css.js +32 -2
  109. package/dist/static/styles/components/button.css.js +32 -2
  110. package/dist/static/styles/components/notification.css.js +55 -0
  111. package/dist/static/styles/components/popup.css.js +68 -0
  112. package/dist/static/styles/components/wide-panel.css.js +5 -1
  113. package/dist/static/styles/customEditorStyle.css.js +6 -0
  114. package/dist/static/styles/variables.css.js +10 -0
  115. package/dist/stores/dynamic-content.d.ts +12 -0
  116. package/dist/stores/dynamic-content.js +7 -6
  117. package/dist/stores/onboarding.d.ts +72 -8
  118. package/dist/stores/preview.js +1 -3
  119. package/dist/stores/recommendation.d.ts +10 -0
  120. package/dist/stores/recommendation.js +9 -0
  121. package/dist/stores/unsubscribe.d.ts +8 -0
  122. package/dist/stores/unsubscribe.js +9 -0
  123. package/dist/utils/genericUtil.d.ts +5 -0
  124. package/dist/utils/genericUtil.js +9 -6
  125. package/dist/utils/templatePreparation.js +21 -14
  126. package/package.json +5 -3
  127. package/dist/_virtual/AddCustomFont.js +0 -4
  128. package/dist/_virtual/AiAssistantValueType.js +0 -4
  129. package/dist/_virtual/BackgroundColorBuiltInControl.js +0 -4
  130. package/dist/_virtual/BackgroundImageBuiltInControl.js +0 -4
  131. package/dist/_virtual/Block.js +0 -4
  132. package/dist/_virtual/BlockAttributes.js +0 -4
  133. package/dist/_virtual/BlockCompositionType.js +0 -4
  134. package/dist/_virtual/BlockPaddingsBuiltInControl.js +0 -4
  135. package/dist/_virtual/BlockRenderer.js +0 -4
  136. package/dist/_virtual/BlockType.js +0 -4
  137. package/dist/_virtual/BlocksPanel.js +0 -4
  138. package/dist/_virtual/BuiltInControl.js +0 -4
  139. package/dist/_virtual/BuiltInControlTypes.js +0 -4
  140. package/dist/_virtual/ButtonBorderBuiltInControl.js +0 -4
  141. package/dist/_virtual/ButtonColorBuiltInControl.js +0 -4
  142. package/dist/_virtual/ButtonFontColorBuiltInControl.js +0 -4
  143. package/dist/_virtual/ButtonInternalIndentsBuiltInControl.js +0 -4
  144. package/dist/_virtual/ButtonTextBuiltInControl.js +0 -4
  145. package/dist/_virtual/ContextAction.js +0 -4
  146. package/dist/_virtual/ContextActionType.js +0 -4
  147. package/dist/_virtual/Control.js +0 -4
  148. package/dist/_virtual/EditorStatePropertyType.js +0 -4
  149. package/dist/_virtual/Extension.js +0 -4
  150. package/dist/_virtual/ExtensionBuilder.js +0 -4
  151. package/dist/_virtual/FontFamilyBuiltInControl.js +0 -4
  152. package/dist/_virtual/LinkColorBuiltInControl.js +0 -4
  153. package/dist/_virtual/ModificationDescription.js +0 -4
  154. package/dist/_virtual/PanelPosition.js +0 -4
  155. package/dist/_virtual/PreviewDeviceMode.js +0 -4
  156. package/dist/_virtual/SettingsPanelRegistry.js +0 -4
  157. package/dist/_virtual/SettingsPanelTab.js +0 -4
  158. package/dist/_virtual/SettingsTab.js +0 -4
  159. package/dist/_virtual/StructureBorderBuiltInControl.js +0 -4
  160. package/dist/_virtual/StructurePaddingsBuiltInControl.js +0 -4
  161. package/dist/_virtual/TextColorBuiltInControl.js +0 -4
  162. package/dist/_virtual/TextLineSpacingBuiltInControl.js +0 -4
  163. package/dist/_virtual/TextSizeBuiltInControl.js +0 -4
  164. package/dist/_virtual/TextStyleBuiltInControl.js +0 -4
  165. package/dist/_virtual/UIElement.js +0 -4
  166. package/dist/_virtual/UIElementTagRegistry.js +0 -4
  167. package/dist/_virtual/UIElementType.js +0 -4
  168. package/dist/_virtual/UIElementsAttributes.js +0 -4
  169. package/dist/_virtual/index.js +0 -5
  170. package/dist/_virtual/index2.js +0 -4
  171. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/blocks/BlockRenderer.js +0 -18
  172. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/blocks/BlocksPanel.js +0 -32
  173. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/blocks/ContextAction.js +0 -18
  174. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/AddCustomFont.js +0 -8
  175. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockAttributes.js +0 -34
  176. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/BackgroundColorBuiltInControl.js +0 -43
  177. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/BackgroundImageBuiltInControl.js +0 -46
  178. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/BlockPaddingsBuiltInControl.js +0 -44
  179. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/BuiltInControl.js +0 -22
  180. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonBorderBuiltInControl.js +0 -46
  181. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonColorBuiltInControl.js +0 -46
  182. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonFontColorBuiltInControl.js +0 -45
  183. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonInternalIndentsBuiltInControl.js +0 -45
  184. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonTextBuiltInControl.js +0 -45
  185. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/FontFamilyBuiltInControl.js +0 -43
  186. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/LinkColorBuiltInControl.js +0 -45
  187. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/StructureBorderBuiltInControl.js +0 -46
  188. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/StructurePaddingsBuiltInControl.js +0 -44
  189. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/TextColorBuiltInControl.js +0 -43
  190. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/TextLineSpacingBuiltInControl.js +0 -43
  191. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/TextSizeBuiltInControl.js +0 -45
  192. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/TextStyleBuiltInControl.js +0 -43
  193. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/index.js +0 -266
@@ -1,27 +1,26 @@
1
- import { useEditorStore as p } from "../stores/editor.js";
2
- import { useOnboardingStore as m } from "../stores/onboarding.js";
1
+ import { useEditorStore as n } from "../stores/editor.js";
3
2
  import { usePreviewStore as l } from "../stores/preview.js";
4
- import { useActionsApi as c } from "./useActionsApi.js";
5
- import { useCodeEditorApi as u } from "./useCodeEditorApi.js";
3
+ import { useActionsApi as m } from "./useActionsApi.js";
4
+ import { useCodeEditorApi as p } from "./useCodeEditorApi.js";
6
5
  const E = () => {
7
- const e = p(), o = l(), t = m(), { closeCodeEditor: a } = u(), { getPreviewData: s } = c(), i = () => {
8
- t.isActive("ampOnboarding") && t.close("ampOnboarding"), e.isPreviewModeOpen = !1, o.$reset();
6
+ const o = n(), e = l(), { closeCodeEditor: a } = p(), { getPreviewData: s } = m(), r = () => {
7
+ o.isPreviewModeOpen = !1, e.$reset();
9
8
  };
10
9
  return {
11
- closePreviewMode: i,
10
+ closePreviewMode: r,
12
11
  openPreviewMode: () => {
13
- e.isCodeEditorOpen && a(), e.isPreviewModeOpen = !0;
12
+ o.isCodeEditorOpen && a(), o.isPreviewModeOpen = !0;
14
13
  },
15
14
  loadPreviewData: async () => {
16
- if (!(e.loadingStatus || o.isLoaded)) {
17
- e.loadingStatus = !0;
15
+ if (!(o.loadingStatus || e.isLoaded)) {
16
+ o.loadingStatus = !0;
18
17
  try {
19
- const { html: r, ampHtml: d, ampErrors: n } = await s();
20
- o.templateHtml = r || "", o.updateAMPData({ ampHtml: d || "", ampErrors: n || [] }), o.isLoaded = !0;
21
- } catch (r) {
22
- console.error("Failed to load preview data:", r), i();
18
+ const { html: t, ampHtml: i, ampErrors: d } = await s();
19
+ e.templateHtml = t || "", e.ampHtml = i || "", e.ampErrors = d || [], e.setEmailFormat(i ? "AMP" : "html"), e.isLoaded = !0;
20
+ } catch (t) {
21
+ console.error("Failed to load preview data:", t), r();
23
22
  } finally {
24
- e.loadingStatus = !1;
23
+ o.loadingStatus = !1;
25
24
  }
26
25
  }
27
26
  }
@@ -0,0 +1,19 @@
1
+ type CardWidthParams = {
2
+ mobileLeftPadding: number;
3
+ mobileRightPadding: number;
4
+ cardsInRow: number;
5
+ unresponsive: boolean;
6
+ };
7
+ interface CampaignData extends CardWidthParams {
8
+ textTrimming: boolean;
9
+ orientation: string;
10
+ priceBeforeTextValue: string;
11
+ priceAfterTextValue: string;
12
+ discountBeforeTextValue: string;
13
+ discountAfterTextValue: string;
14
+ }
15
+ export declare const useRecommendation: () => {
16
+ calculateCardWidth: ({ mobileLeftPadding, mobileRightPadding, cardsInRow, unresponsive, }: CardWidthParams) => number;
17
+ getRecommendationCampaignData: (id: string) => CampaignData;
18
+ };
19
+ export {};
@@ -0,0 +1,27 @@
1
+ import { MinDeviceViewport as r, DefaultPadding as c } from "../enums/recommendation.js";
2
+ const m = () => ({
3
+ calculateCardWidth: ({
4
+ mobileLeftPadding: e,
5
+ mobileRightPadding: a,
6
+ cardsInRow: n,
7
+ unresponsive: i
8
+ }) => {
9
+ const t = i ? n : 1, o = e + a + (t - 1) * c;
10
+ return (r - o) / t;
11
+ },
12
+ getRecommendationCampaignData: (e) => (console.debug(e), {
13
+ textTrimming: !1,
14
+ orientation: "vertical",
15
+ mobileLeftPadding: 0,
16
+ mobileRightPadding: 0,
17
+ cardsInRow: 2,
18
+ unresponsive: !1,
19
+ priceBeforeTextValue: "",
20
+ priceAfterTextValue: "",
21
+ discountBeforeTextValue: "",
22
+ discountAfterTextValue: ""
23
+ })
24
+ });
25
+ export {
26
+ m as useRecommendation
27
+ };
@@ -0,0 +1,4 @@
1
+ import { SavedTemplateDetails } from '@@/Types/stripo';
2
+ export declare const useSave: () => {
3
+ save: (isSilent?: boolean) => Promise<SavedTemplateDetails | undefined>;
4
+ };
@@ -0,0 +1,15 @@
1
+ import { useSaveStart as i, useSaveComplete as m } from "./useGuidoActions.js";
2
+ import { useTemplatePreparation as n } from "../utils/templatePreparation.js";
3
+ import { useHtmlValidator as l } from "./useHtmlValidator.js";
4
+ const f = () => {
5
+ const e = i(), a = m(), { validateHtml: s } = l();
6
+ return { save: async (o = !1) => {
7
+ e();
8
+ const { prepareTemplateDetails: r } = n(), t = await r();
9
+ if (await s(t.compiledHtml, t.dynamicContentList, !0))
10
+ return o || a(t), t;
11
+ } };
12
+ };
13
+ export {
14
+ f as useSave
15
+ };
@@ -1,22 +1,24 @@
1
- import { useActionsApi as S } from "./useActionsApi.js";
2
- import { useCustomInterfaceAppearance as f } from "./useCustomInterfaceAppearance.js";
3
- import { useStripoEventHandler as E } from "./useStripoEventHandler.js";
4
- import { useToaster as C } from "./useToaster.js";
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
5
  import { displayConditions as y } from "../enums/displayConditions.js";
6
- import h from "../extensions/DynamicContent/extension.js";
7
- import { useStripoApi as w } from "../services/stripoApi.js";
8
- import b from "../static/styles/customEditorStyle.css.js";
9
- import { useEditorStore as V } from "../stores/editor.js";
10
- import { dynamicContentToMergeTags as _ } from "../utils/genericUtil.js";
11
- const x = (a) => {
12
- const { handleError: d } = C(), { getToken: c, getCustomFonts: u } = w(), { handleEvent: l } = E(), p = (r, i = []) => {
13
- const o = V(), { html: e, css: s, forceRecreate: g } = r;
6
+ import h from "../extensions/Blocks/Checkbox/extension.js";
7
+ import w from "../extensions/Blocks/CouponBlock/extension.js";
8
+ import b from "../extensions/DynamicContent/extension.js";
9
+ import { useStripoApi as k } from "../services/stripoApi.js";
10
+ import V from "../static/styles/customEditorStyle.css.js";
11
+ import { useEditorStore as _ } from "../stores/editor.js";
12
+ import { dynamicContentToMergeTags as B } from "../utils/genericUtil.js";
13
+ const q = (s) => {
14
+ const { handleError: d } = E(), { getToken: c, getCustomFonts: u } = k(), { handleEvent: l } = C(), m = (r, i = []) => {
15
+ const t = _(), { html: e, css: a, forceRecreate: g } = r;
14
16
  window.UIEditor.initEditor(
15
17
  document.querySelector("#guido-editor"),
16
18
  {
17
- metadata: a,
19
+ metadata: s,
18
20
  html: e,
19
- css: s,
21
+ css: a,
20
22
  forceRecreate: g,
21
23
  locale: "en",
22
24
  undoButtonSelector: "#guido__undo-button",
@@ -27,7 +29,7 @@ const x = (a) => {
27
29
  customAppearanceMergetags: !0,
28
30
  customAppearanceMergetagsBorderColor: "#f1f3fe",
29
31
  customAppearanceMergetagsBackgroundColor: "#f1f3fe",
30
- customViewStyles: b,
32
+ customViewStyles: V,
31
33
  conditionsEnabled: !0,
32
34
  customConditionsEnabled: !0,
33
35
  conditionCategories: y,
@@ -41,43 +43,45 @@ const x = (a) => {
41
43
  },
42
44
  mergeTags: [
43
45
  {
44
- entries: _(a.preselectedDynamicContentList)
46
+ entries: B(s.preselectedDynamicContentList)
45
47
  }
46
48
  ],
47
- async onTokenRefreshRequest(t) {
49
+ async onTokenRefreshRequest(o) {
48
50
  try {
49
51
  const n = await c();
50
- t(n);
52
+ o(n);
51
53
  } catch (n) {
52
54
  d(n, "Failed to refresh token");
53
55
  }
54
56
  },
55
57
  onTemplateLoaded() {
56
58
  try {
57
- const { importCss: t } = f(), { activateCustomViewStyles: n } = S();
58
- t(), n(), o.isStripoInitialized = !0, o.loadingStatus = !1;
59
- } catch (t) {
60
- d(t, "Failed to load custom interface appearance");
59
+ const { importCss: o } = S(), { activateCustomViewStyles: n } = f();
60
+ o(), n(), s.onReady(), t.isStripoInitialized = !0, t.loadingStatus = !1, setTimeout(() => {
61
+ t.hasChanges = !1;
62
+ }, 1e3);
63
+ } catch (o) {
64
+ d(o, "Failed to load custom interface appearance");
61
65
  }
62
66
  },
63
- onCodeEditorVisibilityChanged(t) {
64
- o.isCodeEditorOpen = t;
67
+ onCodeEditorVisibilityChanged(o) {
68
+ t.isCodeEditorOpen = o;
65
69
  },
66
- onEditorVisualModeChanged(t) {
67
- o.editorVisualMode = t.toLowerCase();
70
+ onEditorVisualModeChanged(o) {
71
+ t.editorVisualMode = o.toLowerCase();
68
72
  },
69
- onVersionHistoryVisibilityChanged(t) {
70
- o.isVersionHistoryOpen = t;
73
+ onVersionHistoryVisibilityChanged(o) {
74
+ t.isVersionHistoryOpen = o;
71
75
  },
72
76
  onDataChanged() {
73
- o.hasChanges = !0;
77
+ t.hasChanges = !0;
74
78
  },
75
79
  onEvent: l,
76
80
  ignoreClickOutsideSelectors: ["#guido-dynamic-content-modal", ".in-on-board-wrapper"],
77
- extensions: [h]
81
+ extensions: [b, h, w]
78
82
  }
79
83
  );
80
- }, m = (r) => new Promise((i, o) => {
84
+ }, p = (r) => new Promise((i, t) => {
81
85
  if (document.getElementById("UiEditorScript")) {
82
86
  r(), i();
83
87
  return;
@@ -86,17 +90,17 @@ const x = (a) => {
86
90
  e.id = "UiEditorScript", e.type = "module", e.src = "https://plugins.stripo.email/resources/uieditor/latest/UIEditor.js", e.onload = () => {
87
91
  r(), i();
88
92
  }, e.onerror = () => {
89
- const s = new Error("Failed to load Stripo UIEditor script");
90
- o(s);
93
+ const a = new Error("Failed to load Stripo UIEditor script");
94
+ t(a);
91
95
  }, document.body.appendChild(e);
92
96
  });
93
97
  return { initPlugin: async (r) => {
94
- await m(async () => {
98
+ await p(async () => {
95
99
  const i = await u();
96
- p(r, i);
100
+ m(r, i);
97
101
  });
98
102
  } };
99
103
  };
100
104
  export {
101
- x as useStripo
105
+ q as useStripo
102
106
  };
@@ -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,8 +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>;
8
12
  export declare const TEST_PARTNER_LIST: string[];