@useinsider/guido 1.0.2-beta.22aa110 → 1.0.2-beta.357420e

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 (218) hide show
  1. package/README.md +2 -44
  2. package/dist/@types/events.d.ts +0 -6
  3. package/dist/@types/generic.d.ts +0 -5
  4. package/dist/_virtual/AddCustomFont.js +4 -0
  5. package/dist/_virtual/AiAssistantValueType.js +4 -0
  6. package/dist/_virtual/BackgroundColorBuiltInControl.js +4 -0
  7. package/dist/_virtual/BackgroundImageBuiltInControl.js +4 -0
  8. package/dist/_virtual/Block.js +4 -0
  9. package/dist/_virtual/BlockAttributes.js +4 -0
  10. package/dist/_virtual/BlockCompositionType.js +4 -0
  11. package/dist/_virtual/BlockPaddingsBuiltInControl.js +4 -0
  12. package/dist/_virtual/BlockRenderer.js +4 -0
  13. package/dist/_virtual/BlockType.js +4 -0
  14. package/dist/_virtual/BlocksPanel.js +4 -0
  15. package/dist/_virtual/BuiltInControl.js +4 -0
  16. package/dist/_virtual/BuiltInControlTypes.js +4 -0
  17. package/dist/_virtual/ButtonBorderBuiltInControl.js +4 -0
  18. package/dist/_virtual/ButtonColorBuiltInControl.js +4 -0
  19. package/dist/_virtual/ButtonFontColorBuiltInControl.js +4 -0
  20. package/dist/_virtual/ButtonInternalIndentsBuiltInControl.js +4 -0
  21. package/dist/_virtual/ButtonTextBuiltInControl.js +4 -0
  22. package/dist/_virtual/ContextAction.js +4 -0
  23. package/dist/_virtual/ContextActionType.js +4 -0
  24. package/dist/_virtual/Control.js +4 -0
  25. package/dist/_virtual/EditorStatePropertyType.js +4 -0
  26. package/dist/_virtual/Extension.js +4 -0
  27. package/dist/_virtual/ExtensionBuilder.js +4 -0
  28. package/dist/_virtual/FontFamilyBuiltInControl.js +4 -0
  29. package/dist/_virtual/LinkColorBuiltInControl.js +4 -0
  30. package/dist/_virtual/ModificationDescription.js +4 -0
  31. package/dist/_virtual/PanelPosition.js +4 -0
  32. package/dist/_virtual/PreviewDeviceMode.js +4 -0
  33. package/dist/_virtual/SettingsPanelRegistry.js +4 -0
  34. package/dist/_virtual/SettingsPanelTab.js +4 -0
  35. package/dist/_virtual/SettingsTab.js +4 -0
  36. package/dist/_virtual/StructureBorderBuiltInControl.js +4 -0
  37. package/dist/_virtual/StructurePaddingsBuiltInControl.js +4 -0
  38. package/dist/_virtual/TextColorBuiltInControl.js +4 -0
  39. package/dist/_virtual/TextLineSpacingBuiltInControl.js +4 -0
  40. package/dist/_virtual/TextSizeBuiltInControl.js +4 -0
  41. package/dist/_virtual/TextStyleBuiltInControl.js +4 -0
  42. package/dist/_virtual/UIElement.js +4 -0
  43. package/dist/_virtual/UIElementTagRegistry.js +4 -0
  44. package/dist/_virtual/UIElementType.js +4 -0
  45. package/dist/_virtual/UIElementsAttributes.js +4 -0
  46. package/dist/_virtual/index.js +5 -0
  47. package/dist/_virtual/index2.js +4 -0
  48. package/dist/components/Guido.vue.d.ts +0 -3
  49. package/dist/components/Guido.vue.js +9 -9
  50. package/dist/components/Guido.vue2.js +59 -79
  51. package/dist/components/organisms/email-preview/PreviewContainer.vue.js +12 -12
  52. package/dist/components/organisms/email-preview/PreviewContainer.vue2.js +8 -7
  53. package/dist/components/organisms/email-preview/amp/AmpToggle.vue.js +2 -3
  54. package/dist/components/organisms/header/HeaderWrapper.vue.d.ts +1 -3
  55. package/dist/components/organisms/header/HeaderWrapper.vue.js +6 -6
  56. package/dist/components/organisms/header/HeaderWrapper.vue2.js +9 -15
  57. package/dist/components/organisms/header/LeftSlot.vue.js +10 -11
  58. package/dist/components/organisms/header/LeftSlot.vue2.js +10 -23
  59. package/dist/components/organisms/header/MiddleSlot.vue.js +6 -6
  60. package/dist/components/organisms/header/MiddleSlot.vue2.js +16 -15
  61. package/dist/components/organisms/header/RightSlot.vue.d.ts +1 -3
  62. package/dist/components/organisms/header/RightSlot.vue.js +4 -6
  63. package/dist/components/organisms/header/RightSlot.vue2.js +28 -26
  64. package/dist/components/organisms/header/ViewOptions.vue.js +11 -11
  65. package/dist/components/organisms/header/ViewOptions.vue2.js +15 -14
  66. package/dist/components/organisms/header/version-history/ViewOptions.vue.js +11 -11
  67. package/dist/components/organisms/header/version-history/ViewOptions.vue2.js +5 -5
  68. package/dist/composables/useCustomInterfaceAppearance.js +19 -25
  69. package/dist/composables/useHtmlCompiler.js +9 -17
  70. package/dist/composables/usePartner.d.ts +0 -1
  71. package/dist/composables/usePartner.js +9 -16
  72. package/dist/composables/usePreviewMode.js +13 -13
  73. package/dist/composables/useStripo.js +52 -56
  74. package/dist/composables/useToaster.js +17 -17
  75. package/dist/composables/useVersionHistoryApi.js +9 -10
  76. package/dist/config/compiler/outlookCompilerRules.d.ts +0 -2
  77. package/dist/enums/defaults.d.ts +1 -6
  78. package/dist/enums/defaults.js +10 -47
  79. package/dist/extensions/DynamicContent/dynamic-content.js +27 -41
  80. package/dist/extensions/DynamicContent/extension.js +6 -18
  81. package/dist/guido.css +1 -1
  82. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/Extension.js +48 -72
  83. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/ExtensionBuilder.js +49 -74
  84. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/blocks/Block.js +38 -120
  85. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/blocks/BlockRenderer.js +18 -0
  86. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/blocks/BlocksPanel.js +32 -0
  87. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/blocks/ContextAction.js +18 -0
  88. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/AddCustomFont.js +8 -0
  89. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/AiAssistantValueType.js +11 -5
  90. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockAttributes.js +34 -0
  91. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockCompositionType.js +11 -5
  92. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockType.js +11 -5
  93. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BuiltInControlTypes.js +101 -116
  94. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/ContextActionType.js +11 -5
  95. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/EditorStatePropertyType.js +11 -5
  96. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/PanelPosition.js +11 -5
  97. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/PreviewDeviceMode.js +11 -5
  98. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/SettingsTab.js +11 -5
  99. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementType.js +11 -5
  100. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementsAttributes.js +43 -22
  101. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/BackgroundColorBuiltInControl.js +43 -0
  102. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/BackgroundImageBuiltInControl.js +46 -0
  103. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/BlockPaddingsBuiltInControl.js +44 -0
  104. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/BuiltInControl.js +22 -0
  105. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonBorderBuiltInControl.js +46 -0
  106. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonColorBuiltInControl.js +46 -0
  107. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonFontColorBuiltInControl.js +45 -0
  108. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonInternalIndentsBuiltInControl.js +45 -0
  109. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/ButtonTextBuiltInControl.js +45 -0
  110. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/Control.js +17 -21
  111. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/FontFamilyBuiltInControl.js +43 -0
  112. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/LinkColorBuiltInControl.js +45 -0
  113. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/SettingsPanelRegistry.js +15 -8
  114. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/SettingsPanelTab.js +29 -30
  115. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/StructureBorderBuiltInControl.js +46 -0
  116. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/StructurePaddingsBuiltInControl.js +44 -0
  117. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/TextColorBuiltInControl.js +43 -0
  118. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/TextLineSpacingBuiltInControl.js +43 -0
  119. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/TextSizeBuiltInControl.js +45 -0
  120. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/controls/TextStyleBuiltInControl.js +43 -0
  121. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/index.js +266 -0
  122. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/modifications/ModificationDescription.js +23 -19
  123. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/ui-elements/UIElement.js +19 -37
  124. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/ui-elements/UIElementTagRegistry.js +15 -2
  125. package/dist/static/styles/components/alert-message.css.js +2 -32
  126. package/dist/static/styles/components/button.css.js +2 -32
  127. package/dist/static/styles/components/wide-panel.css.js +2 -15
  128. package/dist/static/styles/variables.css.js +0 -10
  129. package/dist/stores/dynamic-content.d.ts +0 -12
  130. package/dist/stores/dynamic-content.js +6 -7
  131. package/dist/stores/editor.d.ts +1 -194
  132. package/dist/stores/editor.js +2 -18
  133. package/dist/stores/preview.d.ts +8 -0
  134. package/dist/stores/preview.js +20 -12
  135. package/dist/utils/genericUtil.js +6 -9
  136. package/dist/utils/templatePreparation.js +14 -21
  137. package/package.json +3 -5
  138. package/dist/components/organisms/LoadingWrapper.vue.d.ts +0 -2
  139. package/dist/components/organisms/LoadingWrapper.vue.js +0 -18
  140. package/dist/components/organisms/LoadingWrapper.vue2.js +0 -12
  141. package/dist/components/organisms/onboarding/AMPOnboarding.vue.d.ts +0 -2
  142. package/dist/components/organisms/onboarding/AMPOnboarding.vue.js +0 -20
  143. package/dist/components/organisms/onboarding/AMPOnboarding.vue2.js +0 -37
  144. package/dist/components/organisms/onboarding/GenericOnboarding.vue.d.ts +0 -2
  145. package/dist/components/organisms/onboarding/GenericOnboarding.vue.js +0 -21
  146. package/dist/components/organisms/onboarding/GenericOnboarding.vue2.js +0 -83
  147. package/dist/components/organisms/onboarding/NewVersionPopup.vue.d.ts +0 -2
  148. package/dist/components/organisms/onboarding/NewVersionPopup.vue.js +0 -17
  149. package/dist/components/organisms/onboarding/NewVersionPopup.vue2.js +0 -30
  150. package/dist/components/organisms/onboarding/OnboardingWrapper.vue.d.ts +0 -2
  151. package/dist/components/organisms/onboarding/OnboardingWrapper.vue.js +0 -19
  152. package/dist/components/organisms/onboarding/OnboardingWrapper.vue2.js +0 -43
  153. package/dist/components/organisms/onboarding/TextBlockOnboarding.vue.d.ts +0 -2
  154. package/dist/components/organisms/onboarding/TextBlockOnboarding.vue.js +0 -21
  155. package/dist/components/organisms/onboarding/TextBlockOnboarding.vue2.js +0 -74
  156. package/dist/components/organisms/onboarding/VersionHistoryOnboarding.vue.d.ts +0 -2
  157. package/dist/components/organisms/onboarding/VersionHistoryOnboarding.vue.js +0 -20
  158. package/dist/components/organisms/onboarding/VersionHistoryOnboarding.vue2.js +0 -37
  159. package/dist/composables/useHtmlValidator.d.ts +0 -4
  160. package/dist/composables/useHtmlValidator.js +0 -139
  161. package/dist/composables/useRecommendation.d.ts +0 -19
  162. package/dist/composables/useRecommendation.js +0 -27
  163. package/dist/composables/useSave.d.ts +0 -4
  164. package/dist/composables/useSave.js +0 -15
  165. package/dist/composables/useStripoEventHandler.d.ts +0 -3
  166. package/dist/composables/useStripoEventHandler.js +0 -20
  167. package/dist/config/compiler/outlookCompilerRules.js +0 -36
  168. package/dist/config/compiler/recommendationCompilerRules.d.ts +0 -2
  169. package/dist/config/compiler/recommendationCompilerRules.js +0 -83
  170. package/dist/config/compiler/socialCompilerRules.d.ts +0 -2
  171. package/dist/config/compiler/socialCompilerRules.js +0 -21
  172. package/dist/config/compiler/unsubscribeCompilerRules.d.ts +0 -2
  173. package/dist/config/compiler/unsubscribeCompilerRules.js +0 -64
  174. package/dist/config/migrator/checkboxMigrator.d.ts +0 -1
  175. package/dist/config/migrator/checkboxMigrator.js +0 -83
  176. package/dist/config/migrator/index.d.ts +0 -1
  177. package/dist/config/migrator/index.js +0 -5
  178. package/dist/enums/html-validator.d.ts +0 -6
  179. package/dist/enums/html-validator.js +0 -7
  180. package/dist/enums/onboarding.d.ts +0 -1
  181. package/dist/enums/onboarding.js +0 -8
  182. package/dist/enums/recommendation.d.ts +0 -54
  183. package/dist/enums/recommendation.js +0 -56
  184. package/dist/enums/unsubscribe.d.ts +0 -15
  185. package/dist/enums/unsubscribe.js +0 -17
  186. package/dist/extensions/Blocks/Checkbox/block.d.ts +0 -10
  187. package/dist/extensions/Blocks/Checkbox/block.js +0 -39
  188. package/dist/extensions/Blocks/Checkbox/control.d.ts +0 -22
  189. package/dist/extensions/Blocks/Checkbox/control.js +0 -104
  190. package/dist/extensions/Blocks/Checkbox/extension.d.ts +0 -2
  191. package/dist/extensions/Blocks/Checkbox/extension.js +0 -20
  192. package/dist/extensions/Blocks/Checkbox/settingsPanel.d.ts +0 -4
  193. package/dist/extensions/Blocks/Checkbox/settingsPanel.js +0 -38
  194. package/dist/extensions/Blocks/Checkbox/template.d.ts +0 -6
  195. package/dist/extensions/Blocks/Checkbox/template.js +0 -75
  196. package/dist/extensions/Blocks/_Boilerplate/block.d.ts +0 -10
  197. package/dist/extensions/Blocks/_Boilerplate/control.d.ts +0 -17
  198. package/dist/extensions/Blocks/_Boilerplate/extension.d.ts +0 -2
  199. package/dist/extensions/Blocks/_Boilerplate/settingsPanel.d.ts +0 -4
  200. package/dist/extensions/Blocks/_Boilerplate/template.d.ts +0 -6
  201. package/dist/mock/api/unsubscribe.d.ts +0 -2
  202. package/dist/mock/api/user-modal-state.d.ts +0 -2
  203. package/dist/mock/api/validator.d.ts +0 -2
  204. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockName.js +0 -12
  205. package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/Popover.js +0 -12
  206. package/dist/services/onboardingApi.d.ts +0 -4
  207. package/dist/services/onboardingApi.js +0 -23
  208. package/dist/static/assets/onboarding-img.svg.js +0 -4
  209. package/dist/static/styles/components/loader.css.js +0 -10
  210. package/dist/static/styles/components/notification.css.js +0 -55
  211. package/dist/static/styles/components/popup.css.js +0 -68
  212. package/dist/static/styles/customEditorStyle.css.js +0 -24
  213. package/dist/stores/onboarding.d.ts +0 -1068
  214. package/dist/stores/onboarding.js +0 -95
  215. package/dist/stores/recommendation.d.ts +0 -10
  216. package/dist/stores/recommendation.js +0 -9
  217. package/dist/stores/unsubscribe.d.ts +0 -8
  218. package/dist/stores/unsubscribe.js +0 -9
@@ -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,201 +1,8 @@
1
1
  export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
2
- loadingStatus: boolean;
3
2
  isCodeEditorOpen: boolean;
4
3
  isSaveAsTemplateDrawerOpen: boolean;
5
4
  isVersionHistoryOpen: boolean;
6
5
  isPreviewModeOpen: boolean;
7
6
  editorVisualMode: string;
8
7
  hasChanges: boolean;
9
- isStripoInitialized: boolean;
10
- }, {
11
- isUndoButtonDisabled: (state: {
12
- loadingStatus: boolean;
13
- isCodeEditorOpen: boolean;
14
- isSaveAsTemplateDrawerOpen: boolean;
15
- isVersionHistoryOpen: boolean;
16
- isPreviewModeOpen: boolean;
17
- editorVisualMode: string;
18
- hasChanges: boolean;
19
- isStripoInitialized: boolean;
20
- } & import("pinia").PiniaCustomStateProperties<{
21
- loadingStatus: boolean;
22
- isCodeEditorOpen: boolean;
23
- isSaveAsTemplateDrawerOpen: boolean;
24
- isVersionHistoryOpen: boolean;
25
- isPreviewModeOpen: boolean;
26
- editorVisualMode: string;
27
- hasChanges: boolean;
28
- isStripoInitialized: boolean;
29
- }>) => boolean;
30
- isRedoButtonDisabled: (state: {
31
- loadingStatus: boolean;
32
- isCodeEditorOpen: boolean;
33
- isSaveAsTemplateDrawerOpen: boolean;
34
- isVersionHistoryOpen: boolean;
35
- isPreviewModeOpen: boolean;
36
- editorVisualMode: string;
37
- hasChanges: boolean;
38
- isStripoInitialized: boolean;
39
- } & import("pinia").PiniaCustomStateProperties<{
40
- loadingStatus: boolean;
41
- isCodeEditorOpen: boolean;
42
- isSaveAsTemplateDrawerOpen: boolean;
43
- isVersionHistoryOpen: boolean;
44
- isPreviewModeOpen: boolean;
45
- editorVisualMode: string;
46
- hasChanges: boolean;
47
- isStripoInitialized: boolean;
48
- }>) => boolean;
49
- isCodeEditorButtonDisabled: (state: {
50
- loadingStatus: boolean;
51
- isCodeEditorOpen: boolean;
52
- isSaveAsTemplateDrawerOpen: boolean;
53
- isVersionHistoryOpen: boolean;
54
- isPreviewModeOpen: boolean;
55
- editorVisualMode: string;
56
- hasChanges: boolean;
57
- isStripoInitialized: boolean;
58
- } & import("pinia").PiniaCustomStateProperties<{
59
- loadingStatus: boolean;
60
- isCodeEditorOpen: boolean;
61
- isSaveAsTemplateDrawerOpen: boolean;
62
- isVersionHistoryOpen: boolean;
63
- isPreviewModeOpen: boolean;
64
- editorVisualMode: string;
65
- hasChanges: boolean;
66
- isStripoInitialized: boolean;
67
- }>) => boolean;
68
- isPreviewButtonDisabled: (state: {
69
- loadingStatus: boolean;
70
- isCodeEditorOpen: boolean;
71
- isSaveAsTemplateDrawerOpen: boolean;
72
- isVersionHistoryOpen: boolean;
73
- isPreviewModeOpen: boolean;
74
- editorVisualMode: string;
75
- hasChanges: boolean;
76
- isStripoInitialized: boolean;
77
- } & import("pinia").PiniaCustomStateProperties<{
78
- loadingStatus: boolean;
79
- isCodeEditorOpen: boolean;
80
- isSaveAsTemplateDrawerOpen: boolean;
81
- isVersionHistoryOpen: boolean;
82
- isPreviewModeOpen: boolean;
83
- editorVisualMode: string;
84
- hasChanges: boolean;
85
- isStripoInitialized: boolean;
86
- }>) => boolean;
87
- isViewOptionsDisabled: (state: {
88
- loadingStatus: boolean;
89
- isCodeEditorOpen: boolean;
90
- isSaveAsTemplateDrawerOpen: boolean;
91
- isVersionHistoryOpen: boolean;
92
- isPreviewModeOpen: boolean;
93
- editorVisualMode: string;
94
- hasChanges: boolean;
95
- isStripoInitialized: boolean;
96
- } & import("pinia").PiniaCustomStateProperties<{
97
- loadingStatus: boolean;
98
- isCodeEditorOpen: boolean;
99
- isSaveAsTemplateDrawerOpen: boolean;
100
- isVersionHistoryOpen: boolean;
101
- isPreviewModeOpen: boolean;
102
- editorVisualMode: string;
103
- hasChanges: boolean;
104
- isStripoInitialized: boolean;
105
- }>) => boolean;
106
- isVersionHistoryButtonDisabled: (state: {
107
- loadingStatus: boolean;
108
- isCodeEditorOpen: boolean;
109
- isSaveAsTemplateDrawerOpen: boolean;
110
- isVersionHistoryOpen: boolean;
111
- isPreviewModeOpen: boolean;
112
- editorVisualMode: string;
113
- hasChanges: boolean;
114
- isStripoInitialized: boolean;
115
- } & import("pinia").PiniaCustomStateProperties<{
116
- loadingStatus: boolean;
117
- isCodeEditorOpen: boolean;
118
- isSaveAsTemplateDrawerOpen: boolean;
119
- isVersionHistoryOpen: boolean;
120
- isPreviewModeOpen: boolean;
121
- editorVisualMode: string;
122
- hasChanges: boolean;
123
- isStripoInitialized: boolean;
124
- }>) => boolean;
125
- isExportButtonDisabled: (state: {
126
- loadingStatus: boolean;
127
- isCodeEditorOpen: boolean;
128
- isSaveAsTemplateDrawerOpen: boolean;
129
- isVersionHistoryOpen: boolean;
130
- isPreviewModeOpen: boolean;
131
- editorVisualMode: string;
132
- hasChanges: boolean;
133
- isStripoInitialized: boolean;
134
- } & import("pinia").PiniaCustomStateProperties<{
135
- loadingStatus: boolean;
136
- isCodeEditorOpen: boolean;
137
- isSaveAsTemplateDrawerOpen: boolean;
138
- isVersionHistoryOpen: boolean;
139
- isPreviewModeOpen: boolean;
140
- editorVisualMode: string;
141
- hasChanges: boolean;
142
- isStripoInitialized: boolean;
143
- }>) => boolean;
144
- isSaveAsButtonDisabled: (state: {
145
- loadingStatus: boolean;
146
- isCodeEditorOpen: boolean;
147
- isSaveAsTemplateDrawerOpen: boolean;
148
- isVersionHistoryOpen: boolean;
149
- isPreviewModeOpen: boolean;
150
- editorVisualMode: string;
151
- hasChanges: boolean;
152
- isStripoInitialized: boolean;
153
- } & import("pinia").PiniaCustomStateProperties<{
154
- loadingStatus: boolean;
155
- isCodeEditorOpen: boolean;
156
- isSaveAsTemplateDrawerOpen: boolean;
157
- isVersionHistoryOpen: boolean;
158
- isPreviewModeOpen: boolean;
159
- editorVisualMode: string;
160
- hasChanges: boolean;
161
- isStripoInitialized: boolean;
162
- }>) => boolean;
163
- isTestButtonDisabled: (state: {
164
- loadingStatus: boolean;
165
- isCodeEditorOpen: boolean;
166
- isSaveAsTemplateDrawerOpen: boolean;
167
- isVersionHistoryOpen: boolean;
168
- isPreviewModeOpen: boolean;
169
- editorVisualMode: string;
170
- hasChanges: boolean;
171
- isStripoInitialized: boolean;
172
- } & import("pinia").PiniaCustomStateProperties<{
173
- loadingStatus: boolean;
174
- isCodeEditorOpen: boolean;
175
- isSaveAsTemplateDrawerOpen: boolean;
176
- isVersionHistoryOpen: boolean;
177
- isPreviewModeOpen: boolean;
178
- editorVisualMode: string;
179
- hasChanges: boolean;
180
- isStripoInitialized: boolean;
181
- }>) => boolean;
182
- isSaveButtonDisabled: (state: {
183
- loadingStatus: boolean;
184
- isCodeEditorOpen: boolean;
185
- isSaveAsTemplateDrawerOpen: boolean;
186
- isVersionHistoryOpen: boolean;
187
- isPreviewModeOpen: boolean;
188
- editorVisualMode: string;
189
- hasChanges: boolean;
190
- isStripoInitialized: boolean;
191
- } & import("pinia").PiniaCustomStateProperties<{
192
- loadingStatus: boolean;
193
- isCodeEditorOpen: boolean;
194
- isSaveAsTemplateDrawerOpen: boolean;
195
- isVersionHistoryOpen: boolean;
196
- isPreviewModeOpen: boolean;
197
- editorVisualMode: string;
198
- hasChanges: boolean;
199
- isStripoInitialized: boolean;
200
- }>) => boolean;
201
- }, {}>;
8
+ }, {}, {}>;
@@ -1,29 +1,13 @@
1
1
  import { defineStore as e } from "pinia";
2
2
  const o = e("editor", {
3
3
  state: () => ({
4
- loadingStatus: !0,
5
4
  isCodeEditorOpen: !1,
6
5
  isSaveAsTemplateDrawerOpen: !1,
7
6
  isVersionHistoryOpen: !1,
8
7
  isPreviewModeOpen: !1,
9
8
  editorVisualMode: "desktop",
10
- hasChanges: !1,
11
- isStripoInitialized: !1
12
- }),
13
- getters: {
14
- // Middle Slot
15
- isUndoButtonDisabled: (i) => i.loadingStatus || i.isPreviewModeOpen,
16
- isRedoButtonDisabled: (i) => i.loadingStatus || i.isPreviewModeOpen,
17
- isCodeEditorButtonDisabled: (i) => i.loadingStatus || i.isPreviewModeOpen,
18
- isPreviewButtonDisabled: (i) => i.loadingStatus,
19
- isViewOptionsDisabled: (i) => i.loadingStatus || i.isPreviewModeOpen,
20
- // Right Slot
21
- isVersionHistoryButtonDisabled: (i) => i.loadingStatus || i.isPreviewModeOpen,
22
- isExportButtonDisabled: (i) => i.loadingStatus || i.isVersionHistoryOpen,
23
- isSaveAsButtonDisabled: (i) => i.loadingStatus || i.isVersionHistoryOpen,
24
- isTestButtonDisabled: (i) => i.loadingStatus || i.isVersionHistoryOpen,
25
- isSaveButtonDisabled: (i) => i.loadingStatus || i.isVersionHistoryOpen || i.isPreviewModeOpen
26
- }
9
+ hasChanges: !1
10
+ })
27
11
  });
28
12
  export {
29
13
  o as useEditorStore
@@ -5,8 +5,10 @@ export declare const usePreviewStore: import("pinia").StoreDefinition<"preview",
5
5
  ampHtml: string;
6
6
  ampErrors: string[];
7
7
  templateHtml: string;
8
+ isLoading: boolean;
8
9
  isLoaded: boolean;
9
10
  isAMPErrorModalVisible: boolean;
11
+ isPreviewModeOpen: boolean;
10
12
  } & import("pinia").PiniaCustomStateProperties<PreviewState>) => boolean;
11
13
  previewHtml(): string;
12
14
  hasAMP: (state: {
@@ -14,16 +16,20 @@ export declare const usePreviewStore: import("pinia").StoreDefinition<"preview",
14
16
  ampHtml: string;
15
17
  ampErrors: string[];
16
18
  templateHtml: string;
19
+ isLoading: boolean;
17
20
  isLoaded: boolean;
18
21
  isAMPErrorModalVisible: boolean;
22
+ isPreviewModeOpen: boolean;
19
23
  } & import("pinia").PiniaCustomStateProperties<PreviewState>) => boolean;
20
24
  hasAMPErrors: (state: {
21
25
  emailFormat: EmailFormat;
22
26
  ampHtml: string;
23
27
  ampErrors: string[];
24
28
  templateHtml: string;
29
+ isLoading: boolean;
25
30
  isLoaded: boolean;
26
31
  isAMPErrorModalVisible: boolean;
32
+ isPreviewModeOpen: boolean;
27
33
  } & import("pinia").PiniaCustomStateProperties<PreviewState>) => boolean;
28
34
  showAMPErrorButton(): boolean;
29
35
  isAMPResponsive(): boolean;
@@ -35,4 +41,6 @@ export declare const usePreviewStore: import("pinia").StoreDefinition<"preview",
35
41
  setEmailFormat(format: EmailFormat): void;
36
42
  closeErrorModal(): void;
37
43
  openErrorModal(): void;
44
+ openPreviewMode(): void;
45
+ closePreviewMode(): void;
38
46
  }>;
@@ -1,23 +1,25 @@
1
- import { defineStore as e } from "pinia";
1
+ import { defineStore as t } from "pinia";
2
2
  const s = () => ({
3
3
  emailFormat: "html",
4
4
  ampHtml: "",
5
5
  ampErrors: [],
6
6
  templateHtml: "",
7
+ isLoading: !1,
7
8
  isLoaded: !1,
8
- isAMPErrorModalVisible: !1
9
- }), a = e("preview", {
9
+ isAMPErrorModalVisible: !1,
10
+ isPreviewModeOpen: !1
11
+ }), o = t("preview", {
10
12
  state: () => s(),
11
13
  getters: {
12
- isAMPModeEnabled: (t) => t.emailFormat === "AMP",
14
+ isAMPModeEnabled: (e) => e.emailFormat === "AMP",
13
15
  previewHtml() {
14
16
  return this.isAMPModeEnabled ? this.ampHtml : this.templateHtml;
15
17
  },
16
- hasAMP: (t) => {
18
+ hasAMP: (e) => {
17
19
  var r;
18
- return !!((r = t.ampHtml) != null && r.trim());
20
+ return !!((r = e.ampHtml) != null && r.trim());
19
21
  },
20
- hasAMPErrors: (t) => t.ampErrors.length > 0,
22
+ hasAMPErrors: (e) => e.ampErrors.length > 0,
21
23
  showAMPErrorButton() {
22
24
  return this.isAMPModeEnabled && this.hasAMPErrors;
23
25
  },
@@ -26,20 +28,26 @@ const s = () => ({
26
28
  }
27
29
  },
28
30
  actions: {
29
- updateAMPData(t) {
30
- this.ampHtml = t.ampHtml ?? "", this.ampErrors = t.ampErrors ?? [], this.emailFormat = t.ampHtml ? "AMP" : "html";
31
+ updateAMPData(e) {
32
+ this.ampHtml = e.ampHtml ?? "", this.ampErrors = e.ampErrors ?? [], this.emailFormat = e.ampHtml ? "AMP" : "html";
31
33
  },
32
- setEmailFormat(t) {
33
- this.emailFormat = t;
34
+ setEmailFormat(e) {
35
+ this.emailFormat = e;
34
36
  },
35
37
  closeErrorModal() {
36
38
  this.isAMPErrorModalVisible = !1;
37
39
  },
38
40
  openErrorModal() {
39
41
  this.isAMPErrorModalVisible = !0;
42
+ },
43
+ openPreviewMode() {
44
+ this.isPreviewModeOpen = !0;
45
+ },
46
+ closePreviewMode() {
47
+ this.isPreviewModeOpen = !1;
40
48
  }
41
49
  }
42
50
  });
43
51
  export {
44
- a as usePreviewStore
52
+ o as usePreviewStore
45
53
  };
@@ -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
  };
@@ -1,28 +1,21 @@
1
- import { useActionsApi as g } from "../composables/useActionsApi.js";
2
- import { useHtmlCompiler as S } from "../composables/useHtmlCompiler.js";
3
- import { useDynamicContentStore as f } from "../stores/dynamic-content.js";
4
- const H = () => {
5
- const t = f(), { getCompiledEmail: i, getTemplateData: o } = g(), { compileHtml: n } = S();
1
+ import { useActionsApi as c } from "../composables/useActionsApi.js";
2
+ import { useDynamicContentStore as l } from "../stores/dynamic-content.js";
3
+ const y = () => {
4
+ const t = l(), { getCompiledEmail: e, getTemplateData: a } = c();
6
5
  return {
7
6
  prepareTemplateDetails: async () => {
8
- const { html: a, ampHtml: s = "", ampErrors: m = [] } = await i({
7
+ const { html: n, ampHtml: s = "", ampErrors: o = [] } = await e({
9
8
  minimize: !0,
10
9
  resetDataSavedFlag: !1
11
- }), { html: r, css: c, syncModulesIds: l = [] } = await o(), { compiledHtml: p, stats: e, appliedRules: d } = n(a), u = t.getSelectedDynamicContentList;
12
- return console.debug("HTML Compilation Stats:", {
13
- originalSize: e.originalSize,
14
- compiledSize: e.compiledSize,
15
- reduction: `${e.reductionPercentage.toFixed(2)}%`,
16
- appliedRules: d,
17
- executionTime: `${e.executionTime.toFixed(2)}ms`
18
- }), {
19
- dynamicContentList: u,
20
- compiledHtml: p,
21
- rawHtml: r,
22
- css: c,
10
+ }), { html: m, css: i, syncModulesIds: r = [] } = await a();
11
+ return {
12
+ dynamicContentList: t.getSelectedDynamicContentList,
13
+ compiledHtml: n,
14
+ rawHtml: m,
15
+ css: i,
23
16
  ampHtml: s,
24
- ampErrors: m,
25
- modules: l,
17
+ ampErrors: o,
18
+ modules: r,
26
19
  recommendation: {
27
20
  campaignUrls: {},
28
21
  configs: {}
@@ -36,5 +29,5 @@ const H = () => {
36
29
  };
37
30
  };
38
31
  export {
39
- H as useTemplatePreparation
32
+ y as useTemplatePreparation
40
33
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@useinsider/guido",
3
- "version": "1.0.2-beta.22aa110",
3
+ "version": "1.0.2-beta.357420e",
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",
@@ -24,14 +24,13 @@
24
24
  "lint": "NODE_OPTIONS=--max-old-space-size=2048 eslint ./ && bun run type-check",
25
25
  "lint:fix": "NODE_OPTIONS=--max-old-space-size=2048 eslint --fix ./",
26
26
  "type-check": "vue-tsc --noEmit --project tsconfig.config.json && vue-tsc --noEmit --project tsconfig.app.json",
27
- "test:visual-update": "npx playwright test --update-snapshots --reporter html",
28
- "prepare": "husky"
27
+ "test:visual-update": "npx playwright test --update-snapshots --reporter html"
29
28
  },
30
29
  "keywords": [],
31
30
  "author": "",
32
31
  "license": "ISC",
33
32
  "dependencies": {
34
- "@stripoinc/ui-editor-extensions": "2.0.2",
33
+ "@stripoinc/ui-editor-extensions": "1.0.6",
35
34
  "@useinsider/design-system-vue": "0.14.8",
36
35
  "@vueuse/core": "11.3.0",
37
36
  "lodash-es": "4.17.21",
@@ -66,7 +65,6 @@
66
65
  "eslint-plugin-vue": "10.1.0",
67
66
  "eslint-plugin-vue-scoped-css": "2.6.1",
68
67
  "globals": "16.0.0",
69
- "husky": "9.1.7",
70
68
  "msw": "2.10.3",
71
69
  "sass": "1.69.7",
72
70
  "typescript": "5.5.4",
@@ -1,2 +0,0 @@
1
- declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
2
- export default _default;
@@ -1,18 +0,0 @@
1
- import t from "./LoadingWrapper.vue2.js";
2
- /* empty css */
3
- import a from "../../_virtual/_plugin-vue2_normalizer.js";
4
- var s = function() {
5
- var r = this, e = r._self._c, o = r._self._setupProxy;
6
- return o.editorStore.loadingStatus ? e("div", { staticClass: "guido-loading__wrapper p-a l-0 z-4 d-f a-i-c j-c-c w-1 f-g-1 b-c-36" }, [e(o.InLoading, { attrs: { "color-class": "i-c-7", size: "32" } })], 1) : r._e();
7
- }, n = [], _ = /* @__PURE__ */ a(
8
- t,
9
- s,
10
- n,
11
- !1,
12
- null,
13
- "dced5582"
14
- );
15
- const l = _.exports;
16
- export {
17
- l as default
18
- };
@@ -1,12 +0,0 @@
1
- import { defineComponent as o } from "vue";
2
- import { useEditorStore as r } from "../../stores/editor.js";
3
- import { InLoading as t } from "@useinsider/design-system-vue";
4
- const s = /* @__PURE__ */ o({
5
- __name: "LoadingWrapper",
6
- setup(e) {
7
- return { __sfc: !0, editorStore: r(), InLoading: t };
8
- }
9
- });
10
- export {
11
- s as default
12
- };
@@ -1,2 +0,0 @@
1
- declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
2
- export default _default;
@@ -1,20 +0,0 @@
1
- import d from "./AMPOnboarding.vue2.js";
2
- import g from "../../../_virtual/_plugin-vue2_normalizer.js";
3
- var l = function() {
4
- var t, r, e, i, a, s;
5
- var n = this, p = n._self._c, o = n._self._setupProxy;
6
- return o.isVisible ? p(o.InOnboard, { key: "guido__amp-onboard", staticClass: "w-21-s p-a z-11", class: (t = o.onboardingStore.getAmpCurrentCard) == null ? void 0 : t.classes, attrs: { id: "guido__amp-onboard", "is-multiple-page": "", visible: "", "image-source": "", title: "", "bottom-position": (r = o.onboardingStore.getAmpCurrentCard) == null ? void 0 : r.bottom, "left-position": (e = o.onboardingStore.getAmpCurrentCard) == null ? void 0 : e.left, "pages-config": o.onboardingStore.onboardings.ampOnboarding.config, "pointer-position": (i = o.onboardingStore.getAmpCurrentCard) == null ? void 0 : i.position, "right-position": (a = o.onboardingStore.getAmpCurrentCard) == null ? void 0 : a.right, "top-position": (s = o.onboardingStore.getAmpCurrentCard) == null ? void 0 : s.top }, on: { backButtonClick: o.handleBack, close: function(u) {
7
- return o.onboardingStore.close("ampOnboarding");
8
- }, nextButtonClick: o.handleNext } }) : n._e();
9
- }, m = [], c = /* @__PURE__ */ g(
10
- d,
11
- l,
12
- m,
13
- !1,
14
- null,
15
- null
16
- );
17
- const f = c.exports;
18
- export {
19
- f as default
20
- };
@@ -1,37 +0,0 @@
1
- import { defineComponent as p, computed as e, watch as m } from "vue";
2
- import { useTranslations as g } from "../../../composables/useTranslations.js";
3
- import { useOnboardingStore as u } from "../../../stores/onboarding.js";
4
- import { InOnboard as b } from "@useinsider/design-system-vue";
5
- const O = /* @__PURE__ */ p({
6
- __name: "AMPOnboarding",
7
- setup(l) {
8
- const i = g(), o = u(), r = e(() => `${window.innerWidth / 2 - 110}px`), a = e(() => [
9
- {
10
- classes: "guido-amp-onboarding",
11
- left: r.value,
12
- top: "70px",
13
- position: "Top Center",
14
- title: i("email-editor.onboarding-amp-title"),
15
- description: i("email-editor.onboarding-amp-description"),
16
- imageSource: "",
17
- backButtonClick: () => {
18
- },
19
- nextButtonType: "text",
20
- nextButtonText: i("action-builder.ok"),
21
- nextButtonClick: () => void o.close("ampOnboarding")
22
- }
23
- ]), d = e(() => o.onboardings.ampOnboarding.config.length > 0 && o.onboardings.ampOnboarding.isActive), s = () => {
24
- var n, t;
25
- (t = (n = o.getAmpCurrentCard) == null ? void 0 : n.nextButtonClick) == null || t.call(n);
26
- }, c = () => {
27
- var n, t;
28
- (t = (n = o.getAmpCurrentCard) == null ? void 0 : n.backButtonClick) == null || t.call(n);
29
- };
30
- return m(() => o.onboardings.ampOnboarding.isActive, (n) => {
31
- n && o.setConfig("ampOnboarding", a.value);
32
- }, { immediate: !0 }), { __sfc: !0, trans: i, onboardingStore: o, centerLeft: r, onboardingCardsConfig: a, isVisible: d, handleNext: s, handleBack: c, InOnboard: b };
33
- }
34
- });
35
- export {
36
- O as default
37
- };
@@ -1,2 +0,0 @@
1
- declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
2
- export default _default;
@@ -1,21 +0,0 @@
1
- import c from "./GenericOnboarding.vue2.js";
2
- /* empty css */
3
- import g from "../../../_virtual/_plugin-vue2_normalizer.js";
4
- var l = function() {
5
- var r, n, t, i, a, s;
6
- var o = this, d = o._self._c, e = o._self._setupProxy;
7
- return e.isVisible ? d(e.InOnboard, { key: "guido__editor-onboard", staticClass: "w-21-s p-a z-11", class: (r = e.onboardingStore.getGenericCurrentCard) == null ? void 0 : r.classes, attrs: { id: "guido__editor-onboard", "is-multiple-page": "", visible: "", "image-source": "", title: "", "bottom-position": (n = e.onboardingStore.getGenericCurrentCard) == null ? void 0 : n.bottom, "left-position": (t = e.onboardingStore.getGenericCurrentCard) == null ? void 0 : t.left, "pages-config": e.onboardingStore.onboardings.genericOnboarding.config, "pointer-position": (i = e.onboardingStore.getGenericCurrentCard) == null ? void 0 : i.position, "right-position": (a = e.onboardingStore.getGenericCurrentCard) == null ? void 0 : a.right, "top-position": (s = e.onboardingStore.getGenericCurrentCard) == null ? void 0 : s.top }, on: { backButtonClick: e.handleBack, close: function(u) {
8
- return e.onboardingStore.close("genericOnboarding");
9
- }, nextButtonClick: e.handleNext } }) : o._e();
10
- }, p = [], _ = /* @__PURE__ */ g(
11
- c,
12
- l,
13
- p,
14
- !1,
15
- null,
16
- "d3c52b44"
17
- );
18
- const S = _.exports;
19
- export {
20
- S as default
21
- };