@useinsider/guido 1.0.2-beta.8424df0 → 1.0.2-beta.85ea6e2

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 (64) hide show
  1. package/README.md +12 -0
  2. package/dist/@types/events.d.ts +6 -0
  3. package/dist/@types/generic.d.ts +1 -0
  4. package/dist/components/Guido.vue.d.ts +1 -0
  5. package/dist/components/Guido.vue.js +11 -11
  6. package/dist/components/Guido.vue2.js +63 -55
  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.vue2.js +15 -14
  13. package/dist/components/organisms/header/LeftSlot.vue.js +10 -9
  14. package/dist/components/organisms/header/MiddleSlot.vue.js +6 -6
  15. package/dist/components/organisms/header/MiddleSlot.vue2.js +15 -16
  16. package/dist/components/organisms/header/RightSlot.vue.js +3 -3
  17. package/dist/components/organisms/header/RightSlot.vue2.js +25 -26
  18. package/dist/components/organisms/header/ViewOptions.vue.js +10 -10
  19. package/dist/components/organisms/header/ViewOptions.vue2.js +14 -15
  20. package/dist/components/organisms/header/version-history/ViewOptions.vue.js +11 -11
  21. package/dist/components/organisms/onboarding/AMPOnboarding.vue.d.ts +2 -0
  22. package/dist/components/organisms/onboarding/AMPOnboarding.vue.js +20 -0
  23. package/dist/components/organisms/onboarding/AMPOnboarding.vue2.js +37 -0
  24. package/dist/components/organisms/onboarding/GenericOnboarding.vue.d.ts +2 -0
  25. package/dist/components/organisms/onboarding/GenericOnboarding.vue.js +21 -0
  26. package/dist/components/organisms/onboarding/GenericOnboarding.vue2.js +83 -0
  27. package/dist/components/organisms/onboarding/NewVersionPopup.vue.d.ts +2 -0
  28. package/dist/components/organisms/onboarding/NewVersionPopup.vue.js +17 -0
  29. package/dist/components/organisms/onboarding/NewVersionPopup.vue2.js +30 -0
  30. package/dist/components/organisms/onboarding/OnboardingWrapper.vue.d.ts +2 -0
  31. package/dist/components/organisms/onboarding/OnboardingWrapper.vue.js +19 -0
  32. package/dist/components/organisms/onboarding/OnboardingWrapper.vue2.js +38 -0
  33. package/dist/components/organisms/onboarding/TextBlockOnboarding.vue.d.ts +2 -0
  34. package/dist/components/organisms/onboarding/TextBlockOnboarding.vue.js +21 -0
  35. package/dist/components/organisms/onboarding/TextBlockOnboarding.vue2.js +62 -0
  36. package/dist/components/organisms/onboarding/VersionHistoryOnboarding.vue.d.ts +2 -0
  37. package/dist/components/organisms/onboarding/VersionHistoryOnboarding.vue.js +20 -0
  38. package/dist/components/organisms/onboarding/VersionHistoryOnboarding.vue2.js +37 -0
  39. package/dist/composables/useCustomInterfaceAppearance.js +15 -13
  40. package/dist/composables/usePartner.d.ts +1 -0
  41. package/dist/composables/usePartner.js +16 -9
  42. package/dist/composables/usePreviewMode.js +16 -15
  43. package/dist/composables/useStripo.js +49 -48
  44. package/dist/composables/useStripoEventHandler.d.ts +3 -0
  45. package/dist/composables/useStripoEventHandler.js +20 -0
  46. package/dist/enums/defaults.d.ts +1 -0
  47. package/dist/enums/defaults.js +42 -9
  48. package/dist/enums/onboarding.d.ts +1 -0
  49. package/dist/enums/onboarding.js +8 -0
  50. package/dist/guido.css +1 -1
  51. package/dist/mock/api/user-modal-state.d.ts +2 -0
  52. package/dist/services/onboardingApi.d.ts +4 -0
  53. package/dist/services/onboardingApi.js +23 -0
  54. package/dist/static/assets/onboarding-img.svg.js +4 -0
  55. package/dist/static/styles/components/loader.css.js +10 -0
  56. package/dist/static/styles/components/wide-panel.css.js +11 -2
  57. package/dist/static/styles/customEditorStyle.css.js +18 -0
  58. package/dist/stores/editor.d.ts +194 -1
  59. package/dist/stores/editor.js +18 -2
  60. package/dist/stores/onboarding.d.ts +1004 -0
  61. package/dist/stores/onboarding.js +95 -0
  62. package/dist/stores/preview.d.ts +0 -8
  63. package/dist/stores/preview.js +14 -20
  64. package/package.json +1 -1
package/dist/stores/editor.d.ts CHANGED
@@ -1,8 +1,201 @@
1
1
  export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
2
+ loadingStatus: boolean;
2
3
  isCodeEditorOpen: boolean;
3
4
  isSaveAsTemplateDrawerOpen: boolean;
4
5
  isVersionHistoryOpen: boolean;
5
6
  isPreviewModeOpen: boolean;
6
7
  editorVisualMode: string;
7
8
  hasChanges: boolean;
8
- }, {}, {}>;
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
+ }, {}>;
package/dist/stores/editor.js CHANGED
@@ -1,13 +1,29 @@
1
1
  import { defineStore as e } from "pinia";
2
2
  const o = e("editor", {
3
3
  state: () => ({
4
+ loadingStatus: !0,
4
5
  isCodeEditorOpen: !1,
5
6
  isSaveAsTemplateDrawerOpen: !1,
6
7
  isVersionHistoryOpen: !1,
7
8
  isPreviewModeOpen: !1,
8
9
  editorVisualMode: "desktop",
9
- hasChanges: !1
10
- })
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
+ }
11
27
  });
12
28
  export {
13
29
  o as useEditorStore