@useinsider/guido 1.0.2-beta.080ccee → 1.0.2-beta.0a60d71
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.
- package/README.md +1 -43
- package/dist/@types/events.d.ts +0 -6
- package/dist/@types/generic.d.ts +0 -5
- package/dist/components/Guido.vue.d.ts +0 -3
- package/dist/components/Guido.vue.js +5 -5
- package/dist/components/Guido.vue2.js +57 -75
- package/dist/components/organisms/LoadingWrapper.vue.js +1 -1
- package/dist/components/organisms/email-preview/amp/AmpToggle.vue.js +2 -3
- package/dist/components/organisms/header/HeaderWrapper.vue.d.ts +1 -3
- package/dist/components/organisms/header/HeaderWrapper.vue.js +6 -6
- package/dist/components/organisms/header/HeaderWrapper.vue2.js +9 -15
- package/dist/components/organisms/header/RightSlot.vue.d.ts +1 -3
- package/dist/components/organisms/header/RightSlot.vue.js +3 -5
- package/dist/components/organisms/header/RightSlot.vue2.js +27 -26
- package/dist/components/organisms/header/ViewOptions.vue.js +11 -11
- package/dist/components/organisms/header/ViewOptions.vue2.js +5 -5
- package/dist/components/organisms/header/version-history/ViewOptions.vue.js +11 -11
- package/dist/components/organisms/header/version-history/ViewOptions.vue2.js +5 -5
- package/dist/composables/useCustomInterfaceAppearance.js +18 -22
- package/dist/composables/useHtmlCompiler.js +9 -17
- package/dist/composables/usePartner.d.ts +0 -1
- package/dist/composables/usePartner.js +9 -16
- package/dist/composables/useStripo.js +44 -47
- package/dist/composables/useToaster.js +17 -17
- package/dist/config/compiler/outlookCompilerRules.d.ts +0 -2
- package/dist/enums/defaults.d.ts +1 -6
- package/dist/enums/defaults.js +10 -47
- package/dist/guido.css +1 -1
- package/dist/static/styles/components/alert-message.css.js +2 -32
- package/dist/static/styles/components/button.css.js +2 -32
- package/dist/static/styles/components/wide-panel.css.js +0 -13
- package/dist/static/styles/variables.css.js +0 -10
- package/dist/stores/dynamic-content.d.ts +0 -12
- package/dist/stores/dynamic-content.js +6 -7
- package/dist/stores/editor.d.ts +0 -21
- package/dist/stores/editor.js +1 -2
- package/dist/utils/genericUtil.js +6 -9
- package/dist/utils/templatePreparation.js +14 -21
- package/package.json +1 -1
- package/dist/components/organisms/onboarding/AMPOnboarding.vue.d.ts +0 -2
- package/dist/components/organisms/onboarding/AMPOnboarding.vue.js +0 -20
- package/dist/components/organisms/onboarding/AMPOnboarding.vue2.js +0 -37
- package/dist/components/organisms/onboarding/GenericOnboarding.vue.d.ts +0 -2
- package/dist/components/organisms/onboarding/GenericOnboarding.vue.js +0 -21
- package/dist/components/organisms/onboarding/GenericOnboarding.vue2.js +0 -83
- package/dist/components/organisms/onboarding/NewVersionPopup.vue.d.ts +0 -2
- package/dist/components/organisms/onboarding/NewVersionPopup.vue.js +0 -17
- package/dist/components/organisms/onboarding/NewVersionPopup.vue2.js +0 -30
- package/dist/components/organisms/onboarding/OnboardingWrapper.vue.d.ts +0 -2
- package/dist/components/organisms/onboarding/OnboardingWrapper.vue.js +0 -19
- package/dist/components/organisms/onboarding/OnboardingWrapper.vue2.js +0 -43
- package/dist/components/organisms/onboarding/TextBlockOnboarding.vue.d.ts +0 -2
- package/dist/components/organisms/onboarding/TextBlockOnboarding.vue.js +0 -21
- package/dist/components/organisms/onboarding/TextBlockOnboarding.vue2.js +0 -74
- package/dist/components/organisms/onboarding/VersionHistoryOnboarding.vue.d.ts +0 -2
- package/dist/components/organisms/onboarding/VersionHistoryOnboarding.vue.js +0 -20
- package/dist/components/organisms/onboarding/VersionHistoryOnboarding.vue2.js +0 -37
- package/dist/composables/useHtmlValidator.d.ts +0 -3
- package/dist/composables/useHtmlValidator.js +0 -120
- package/dist/composables/useRecommendation.d.ts +0 -19
- package/dist/composables/useRecommendation.js +0 -27
- package/dist/composables/useSave.d.ts +0 -4
- package/dist/composables/useSave.js +0 -15
- package/dist/composables/useStripoEventHandler.d.ts +0 -3
- package/dist/composables/useStripoEventHandler.js +0 -20
- package/dist/config/compiler/outlookCompilerRules.js +0 -36
- package/dist/config/compiler/recommendationCompilerRules.d.ts +0 -2
- package/dist/config/compiler/recommendationCompilerRules.js +0 -83
- package/dist/config/compiler/socialCompilerRules.d.ts +0 -2
- package/dist/config/compiler/socialCompilerRules.js +0 -21
- package/dist/config/compiler/unsubscribeCompilerRules.d.ts +0 -2
- package/dist/config/compiler/unsubscribeCompilerRules.js +0 -64
- package/dist/enums/html-validator.d.ts +0 -6
- package/dist/enums/html-validator.js +0 -7
- package/dist/enums/onboarding.d.ts +0 -1
- package/dist/enums/onboarding.js +0 -8
- package/dist/enums/recommendation.d.ts +0 -54
- package/dist/enums/recommendation.js +0 -56
- package/dist/enums/unsubscribe.d.ts +0 -15
- package/dist/enums/unsubscribe.js +0 -17
- package/dist/mock/api/user-modal-state.d.ts +0 -2
- package/dist/mock/api/validator.d.ts +0 -2
- package/dist/services/onboardingApi.d.ts +0 -4
- package/dist/services/onboardingApi.js +0 -23
- package/dist/static/assets/onboarding-img.svg.js +0 -4
- package/dist/static/styles/components/notification.css.js +0 -55
- package/dist/static/styles/components/popup.css.js +0 -68
- package/dist/static/styles/customEditorStyle.css.js +0 -24
- package/dist/stores/onboarding.d.ts +0 -1068
- package/dist/stores/onboarding.js +0 -95
- package/dist/stores/recommendation.d.ts +0 -10
- package/dist/stores/recommendation.js +0 -9
- package/dist/stores/unsubscribe.d.ts +0 -8
- 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(
|
|
10
|
-
this.selectedDynamicContent =
|
|
9
|
+
setSelectedDynamicContent(e) {
|
|
10
|
+
this.selectedDynamicContent = e, this.selectedDynamicContentList.push(e);
|
|
11
11
|
}
|
|
12
12
|
},
|
|
13
13
|
getters: {
|
|
14
|
-
getSelectedDynamicContentList: (
|
|
15
|
-
text:
|
|
16
|
-
value:
|
|
17
|
-
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
|
});
|
package/dist/stores/editor.d.ts
CHANGED
|
@@ -6,7 +6,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
|
|
|
6
6
|
isPreviewModeOpen: boolean;
|
|
7
7
|
editorVisualMode: string;
|
|
8
8
|
hasChanges: boolean;
|
|
9
|
-
isStripoInitialized: boolean;
|
|
10
9
|
}, {
|
|
11
10
|
isUndoButtonDisabled: (state: {
|
|
12
11
|
loadingStatus: boolean;
|
|
@@ -16,7 +15,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
|
|
|
16
15
|
isPreviewModeOpen: boolean;
|
|
17
16
|
editorVisualMode: string;
|
|
18
17
|
hasChanges: boolean;
|
|
19
|
-
isStripoInitialized: boolean;
|
|
20
18
|
} & import("pinia").PiniaCustomStateProperties<{
|
|
21
19
|
loadingStatus: boolean;
|
|
22
20
|
isCodeEditorOpen: boolean;
|
|
@@ -25,7 +23,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
|
|
|
25
23
|
isPreviewModeOpen: boolean;
|
|
26
24
|
editorVisualMode: string;
|
|
27
25
|
hasChanges: boolean;
|
|
28
|
-
isStripoInitialized: boolean;
|
|
29
26
|
}>) => boolean;
|
|
30
27
|
isRedoButtonDisabled: (state: {
|
|
31
28
|
loadingStatus: boolean;
|
|
@@ -35,7 +32,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
|
|
|
35
32
|
isPreviewModeOpen: boolean;
|
|
36
33
|
editorVisualMode: string;
|
|
37
34
|
hasChanges: boolean;
|
|
38
|
-
isStripoInitialized: boolean;
|
|
39
35
|
} & import("pinia").PiniaCustomStateProperties<{
|
|
40
36
|
loadingStatus: boolean;
|
|
41
37
|
isCodeEditorOpen: boolean;
|
|
@@ -44,7 +40,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
|
|
|
44
40
|
isPreviewModeOpen: boolean;
|
|
45
41
|
editorVisualMode: string;
|
|
46
42
|
hasChanges: boolean;
|
|
47
|
-
isStripoInitialized: boolean;
|
|
48
43
|
}>) => boolean;
|
|
49
44
|
isCodeEditorButtonDisabled: (state: {
|
|
50
45
|
loadingStatus: boolean;
|
|
@@ -54,7 +49,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
|
|
|
54
49
|
isPreviewModeOpen: boolean;
|
|
55
50
|
editorVisualMode: string;
|
|
56
51
|
hasChanges: boolean;
|
|
57
|
-
isStripoInitialized: boolean;
|
|
58
52
|
} & import("pinia").PiniaCustomStateProperties<{
|
|
59
53
|
loadingStatus: boolean;
|
|
60
54
|
isCodeEditorOpen: boolean;
|
|
@@ -63,7 +57,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
|
|
|
63
57
|
isPreviewModeOpen: boolean;
|
|
64
58
|
editorVisualMode: string;
|
|
65
59
|
hasChanges: boolean;
|
|
66
|
-
isStripoInitialized: boolean;
|
|
67
60
|
}>) => boolean;
|
|
68
61
|
isPreviewButtonDisabled: (state: {
|
|
69
62
|
loadingStatus: boolean;
|
|
@@ -73,7 +66,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
|
|
|
73
66
|
isPreviewModeOpen: boolean;
|
|
74
67
|
editorVisualMode: string;
|
|
75
68
|
hasChanges: boolean;
|
|
76
|
-
isStripoInitialized: boolean;
|
|
77
69
|
} & import("pinia").PiniaCustomStateProperties<{
|
|
78
70
|
loadingStatus: boolean;
|
|
79
71
|
isCodeEditorOpen: boolean;
|
|
@@ -82,7 +74,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
|
|
|
82
74
|
isPreviewModeOpen: boolean;
|
|
83
75
|
editorVisualMode: string;
|
|
84
76
|
hasChanges: boolean;
|
|
85
|
-
isStripoInitialized: boolean;
|
|
86
77
|
}>) => boolean;
|
|
87
78
|
isViewOptionsDisabled: (state: {
|
|
88
79
|
loadingStatus: boolean;
|
|
@@ -92,7 +83,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
|
|
|
92
83
|
isPreviewModeOpen: boolean;
|
|
93
84
|
editorVisualMode: string;
|
|
94
85
|
hasChanges: boolean;
|
|
95
|
-
isStripoInitialized: boolean;
|
|
96
86
|
} & import("pinia").PiniaCustomStateProperties<{
|
|
97
87
|
loadingStatus: boolean;
|
|
98
88
|
isCodeEditorOpen: boolean;
|
|
@@ -101,7 +91,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
|
|
|
101
91
|
isPreviewModeOpen: boolean;
|
|
102
92
|
editorVisualMode: string;
|
|
103
93
|
hasChanges: boolean;
|
|
104
|
-
isStripoInitialized: boolean;
|
|
105
94
|
}>) => boolean;
|
|
106
95
|
isVersionHistoryButtonDisabled: (state: {
|
|
107
96
|
loadingStatus: boolean;
|
|
@@ -111,7 +100,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
|
|
|
111
100
|
isPreviewModeOpen: boolean;
|
|
112
101
|
editorVisualMode: string;
|
|
113
102
|
hasChanges: boolean;
|
|
114
|
-
isStripoInitialized: boolean;
|
|
115
103
|
} & import("pinia").PiniaCustomStateProperties<{
|
|
116
104
|
loadingStatus: boolean;
|
|
117
105
|
isCodeEditorOpen: boolean;
|
|
@@ -120,7 +108,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
|
|
|
120
108
|
isPreviewModeOpen: boolean;
|
|
121
109
|
editorVisualMode: string;
|
|
122
110
|
hasChanges: boolean;
|
|
123
|
-
isStripoInitialized: boolean;
|
|
124
111
|
}>) => boolean;
|
|
125
112
|
isExportButtonDisabled: (state: {
|
|
126
113
|
loadingStatus: boolean;
|
|
@@ -130,7 +117,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
|
|
|
130
117
|
isPreviewModeOpen: boolean;
|
|
131
118
|
editorVisualMode: string;
|
|
132
119
|
hasChanges: boolean;
|
|
133
|
-
isStripoInitialized: boolean;
|
|
134
120
|
} & import("pinia").PiniaCustomStateProperties<{
|
|
135
121
|
loadingStatus: boolean;
|
|
136
122
|
isCodeEditorOpen: boolean;
|
|
@@ -139,7 +125,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
|
|
|
139
125
|
isPreviewModeOpen: boolean;
|
|
140
126
|
editorVisualMode: string;
|
|
141
127
|
hasChanges: boolean;
|
|
142
|
-
isStripoInitialized: boolean;
|
|
143
128
|
}>) => boolean;
|
|
144
129
|
isSaveAsButtonDisabled: (state: {
|
|
145
130
|
loadingStatus: boolean;
|
|
@@ -149,7 +134,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
|
|
|
149
134
|
isPreviewModeOpen: boolean;
|
|
150
135
|
editorVisualMode: string;
|
|
151
136
|
hasChanges: boolean;
|
|
152
|
-
isStripoInitialized: boolean;
|
|
153
137
|
} & import("pinia").PiniaCustomStateProperties<{
|
|
154
138
|
loadingStatus: boolean;
|
|
155
139
|
isCodeEditorOpen: boolean;
|
|
@@ -158,7 +142,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
|
|
|
158
142
|
isPreviewModeOpen: boolean;
|
|
159
143
|
editorVisualMode: string;
|
|
160
144
|
hasChanges: boolean;
|
|
161
|
-
isStripoInitialized: boolean;
|
|
162
145
|
}>) => boolean;
|
|
163
146
|
isTestButtonDisabled: (state: {
|
|
164
147
|
loadingStatus: boolean;
|
|
@@ -168,7 +151,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
|
|
|
168
151
|
isPreviewModeOpen: boolean;
|
|
169
152
|
editorVisualMode: string;
|
|
170
153
|
hasChanges: boolean;
|
|
171
|
-
isStripoInitialized: boolean;
|
|
172
154
|
} & import("pinia").PiniaCustomStateProperties<{
|
|
173
155
|
loadingStatus: boolean;
|
|
174
156
|
isCodeEditorOpen: boolean;
|
|
@@ -177,7 +159,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
|
|
|
177
159
|
isPreviewModeOpen: boolean;
|
|
178
160
|
editorVisualMode: string;
|
|
179
161
|
hasChanges: boolean;
|
|
180
|
-
isStripoInitialized: boolean;
|
|
181
162
|
}>) => boolean;
|
|
182
163
|
isSaveButtonDisabled: (state: {
|
|
183
164
|
loadingStatus: boolean;
|
|
@@ -187,7 +168,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
|
|
|
187
168
|
isPreviewModeOpen: boolean;
|
|
188
169
|
editorVisualMode: string;
|
|
189
170
|
hasChanges: boolean;
|
|
190
|
-
isStripoInitialized: boolean;
|
|
191
171
|
} & import("pinia").PiniaCustomStateProperties<{
|
|
192
172
|
loadingStatus: boolean;
|
|
193
173
|
isCodeEditorOpen: boolean;
|
|
@@ -196,6 +176,5 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
|
|
|
196
176
|
isPreviewModeOpen: boolean;
|
|
197
177
|
editorVisualMode: string;
|
|
198
178
|
hasChanges: boolean;
|
|
199
|
-
isStripoInitialized: boolean;
|
|
200
179
|
}>) => boolean;
|
|
201
180
|
}, {}>;
|
package/dist/stores/editor.js
CHANGED
|
@@ -1,14 +1,11 @@
|
|
|
1
|
-
const
|
|
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
|
-
}),
|
|
8
|
-
var
|
|
9
|
-
return ((
|
|
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
|
-
|
|
13
|
-
|
|
9
|
+
l as dynamicContentToMergeTags,
|
|
10
|
+
t as getCsrfToken
|
|
14
11
|
};
|
|
@@ -1,28 +1,21 @@
|
|
|
1
|
-
import { useActionsApi as
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
const
|
|
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:
|
|
7
|
+
const { html: n, ampHtml: s = "", ampErrors: o = [] } = await e({
|
|
9
8
|
minimize: !0,
|
|
10
9
|
resetDataSavedFlag: !1
|
|
11
|
-
}), { html:
|
|
12
|
-
return
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
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:
|
|
25
|
-
modules:
|
|
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
|
-
|
|
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.
|
|
3
|
+
"version": "1.0.2-beta.0a60d71",
|
|
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",
|
|
@@ -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
|
-
};
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
import { defineComponent as l, computed as i, watch as b } from "vue";
|
|
2
|
-
import { useTranslations as x } from "../../../composables/useTranslations.js";
|
|
3
|
-
import { SERVICE_HOVER_SELECTORS as m } from "../../../enums/onboarding.js";
|
|
4
|
-
import { useOnboardingStore as k } from "../../../stores/onboarding.js";
|
|
5
|
-
import { InOnboard as f } from "@useinsider/design-system-vue";
|
|
6
|
-
const S = /* @__PURE__ */ l({
|
|
7
|
-
__name: "GenericOnboarding",
|
|
8
|
-
setup(B) {
|
|
9
|
-
const e = x(), o = k(), r = i(() => `${window.innerWidth / 2 - 160}px`), c = () => {
|
|
10
|
-
const t = document.querySelector("ui-editor");
|
|
11
|
-
t != null && t.shadowRoot && m.forEach((n) => {
|
|
12
|
-
var d;
|
|
13
|
-
const a = (d = t.shadowRoot) == null ? void 0 : d.querySelector(n);
|
|
14
|
-
a && a.classList.add("hover");
|
|
15
|
-
});
|
|
16
|
-
}, s = i(() => [
|
|
17
|
-
{
|
|
18
|
-
classes: "guido-onboarding-blocks",
|
|
19
|
-
left: "90px",
|
|
20
|
-
top: "90px",
|
|
21
|
-
position: "Left Top",
|
|
22
|
-
title: e("email-editor.onboarding-blocks-title"),
|
|
23
|
-
description: e("email-editor.onboarding-blocks-description"),
|
|
24
|
-
imageSource: "",
|
|
25
|
-
backButtonClick: () => {
|
|
26
|
-
},
|
|
27
|
-
nextButtonType: "text",
|
|
28
|
-
nextButtonText: e("products.next"),
|
|
29
|
-
nextButtonClick: () => {
|
|
30
|
-
c(), o.next("genericOnboarding");
|
|
31
|
-
}
|
|
32
|
-
},
|
|
33
|
-
{
|
|
34
|
-
classes: "guido-onboarding-stripes",
|
|
35
|
-
right: "450px",
|
|
36
|
-
bottom: "38px",
|
|
37
|
-
position: "Right Bottom",
|
|
38
|
-
title: e("email-editor.onboarding-stripes-title"),
|
|
39
|
-
description: e("email-editor.onboarding-stripes-description"),
|
|
40
|
-
imageSource: "",
|
|
41
|
-
backButtonType: "text",
|
|
42
|
-
backButtonText: e("ds-steps.back"),
|
|
43
|
-
backButtonClick: () => {
|
|
44
|
-
o.previous("genericOnboarding");
|
|
45
|
-
},
|
|
46
|
-
nextButtonType: "text",
|
|
47
|
-
nextButtonText: e("products.next"),
|
|
48
|
-
nextButtonClick: () => {
|
|
49
|
-
o.next("genericOnboarding");
|
|
50
|
-
}
|
|
51
|
-
},
|
|
52
|
-
{
|
|
53
|
-
classes: "guido-onboarding-preview",
|
|
54
|
-
left: r.value,
|
|
55
|
-
top: "90px",
|
|
56
|
-
position: "Top Center",
|
|
57
|
-
title: e("email-editor.onboarding-preview-title"),
|
|
58
|
-
description: e("email-editor.onboarding-preview-description"),
|
|
59
|
-
imageSource: "",
|
|
60
|
-
backButtonType: "text",
|
|
61
|
-
backButtonText: e("ds-steps.back"),
|
|
62
|
-
backButtonClick: () => o.previous("genericOnboarding"),
|
|
63
|
-
nextButtonType: "text",
|
|
64
|
-
nextButtonText: e("action-builder.ok"),
|
|
65
|
-
nextButtonClick: () => {
|
|
66
|
-
o.close("genericOnboarding");
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
]), g = i(() => o.onboardings.genericOnboarding.config.length > 0 && o.onboardings.genericOnboarding.isActive), p = () => {
|
|
70
|
-
var t, n;
|
|
71
|
-
(n = (t = o.getGenericCurrentCard) == null ? void 0 : t.nextButtonClick) == null || n.call(t);
|
|
72
|
-
}, u = () => {
|
|
73
|
-
var t, n;
|
|
74
|
-
(n = (t = o.getGenericCurrentCard) == null ? void 0 : t.backButtonClick) == null || n.call(t);
|
|
75
|
-
};
|
|
76
|
-
return b(() => o.onboardings.genericOnboarding.isActive, (t) => {
|
|
77
|
-
t && o.setConfig("genericOnboarding", s.value);
|
|
78
|
-
}, { immediate: !0 }), { __sfc: !0, trans: e, onboardingStore: o, centerLeft: r, addHoverToServiceElements: c, onboardingCardsConfig: s, isVisible: g, handleNext: p, handleBack: u, InOnboard: f };
|
|
79
|
-
}
|
|
80
|
-
});
|
|
81
|
-
export {
|
|
82
|
-
S as default
|
|
83
|
-
};
|
|
@@ -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,17 +0,0 @@
|
|
|
1
|
-
import s from "./NewVersionPopup.vue2.js";
|
|
2
|
-
import n from "../../../_virtual/_plugin-vue2_normalizer.js";
|
|
3
|
-
var r = function() {
|
|
4
|
-
var e = this, t = e._self._c, o = e._self._setupProxy;
|
|
5
|
-
return o.isVisible ? t(o.WpModal, { attrs: { id: "guido__new-version-popup", "close-on-outside-click": !1, "footer-button-options": o.footerButtonOptions, title: o.trans("email-editor.onboarding-title") }, on: { close: o.handleClose, "primary-action": o.handleDiscoverNow, "secondary-action": o.handleRemindLater } }, [t("div", { staticClass: "d-f f-d-c" }, [t("img", { staticClass: "w-1 h-1 d-b p-e-n mb-5", attrs: { src: o.onboardingImageSvg } }), t("p", { staticClass: "f-s-2 f-w-400", domProps: { innerHTML: e._s(o.trans("email-editor.onboarding-description")) } })])]) : e._e();
|
|
6
|
-
}, i = [], a = /* @__PURE__ */ n(
|
|
7
|
-
s,
|
|
8
|
-
r,
|
|
9
|
-
i,
|
|
10
|
-
!1,
|
|
11
|
-
null,
|
|
12
|
-
null
|
|
13
|
-
);
|
|
14
|
-
const p = a.exports;
|
|
15
|
-
export {
|
|
16
|
-
p as default
|
|
17
|
-
};
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { defineComponent as s, ref as r } from "vue";
|
|
2
|
-
import a from "../../wrappers/WpModal.vue.js";
|
|
3
|
-
import { useTranslations as i } from "../../../composables/useTranslations.js";
|
|
4
|
-
import l from "../../../static/assets/onboarding-img.svg.js";
|
|
5
|
-
import { useOnboardingStore as m } from "../../../stores/onboarding.js";
|
|
6
|
-
const w = /* @__PURE__ */ s({
|
|
7
|
-
__name: "NewVersionPopup",
|
|
8
|
-
setup(p) {
|
|
9
|
-
const n = i(), e = m(), o = r(!0), t = r({
|
|
10
|
-
primaryButton: {
|
|
11
|
-
type: "primary",
|
|
12
|
-
labelText: n("left-menu.discover-now")
|
|
13
|
-
},
|
|
14
|
-
secondaryButton: {
|
|
15
|
-
type: "subtle-primary",
|
|
16
|
-
labelText: n("products.remind-me-later")
|
|
17
|
-
}
|
|
18
|
-
});
|
|
19
|
-
return { __sfc: !0, trans: n, onboardingStore: e, isVisible: o, footerButtonOptions: t, handleDiscoverNow: () => {
|
|
20
|
-
e.onDiscoverNowClicked(), o.value = !1;
|
|
21
|
-
}, handleRemindLater: () => {
|
|
22
|
-
e.onRemindMeLater(), o.value = !1;
|
|
23
|
-
}, handleClose: () => {
|
|
24
|
-
e.onNewVersionPopupClose(), o.value = !1;
|
|
25
|
-
}, WpModal: a, onboardingImageSvg: l };
|
|
26
|
-
}
|
|
27
|
-
});
|
|
28
|
-
export {
|
|
29
|
-
w as default
|
|
30
|
-
};
|
|
@@ -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,19 +0,0 @@
|
|
|
1
|
-
import o from "./OnboardingWrapper.vue2.js";
|
|
2
|
-
import _ from "../../../_virtual/_plugin-vue2_normalizer.js";
|
|
3
|
-
var s = function() {
|
|
4
|
-
var n = this, e = n._self._c, t = n._self._setupProxy;
|
|
5
|
-
return e("div", n._l(t.visibleOnboardings, function(r) {
|
|
6
|
-
return e(r.component, { key: r.type, tag: "component" });
|
|
7
|
-
}), 1);
|
|
8
|
-
}, a = [], p = /* @__PURE__ */ _(
|
|
9
|
-
o,
|
|
10
|
-
s,
|
|
11
|
-
a,
|
|
12
|
-
!1,
|
|
13
|
-
null,
|
|
14
|
-
null
|
|
15
|
-
);
|
|
16
|
-
const m = p.exports;
|
|
17
|
-
export {
|
|
18
|
-
m as default
|
|
19
|
-
};
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import { defineComponent as g, computed as e, onMounted as b, watch as t } from "vue";
|
|
2
|
-
import { usePartner as O } from "../../../composables/usePartner.js";
|
|
3
|
-
import { useEditorStore as u } from "../../../stores/editor.js";
|
|
4
|
-
import { useOnboardingStore as v } from "../../../stores/onboarding.js";
|
|
5
|
-
import { usePreviewStore as l } from "../../../stores/preview.js";
|
|
6
|
-
import y from "./AMPOnboarding.vue.js";
|
|
7
|
-
import S from "./GenericOnboarding.vue.js";
|
|
8
|
-
import w from "./NewVersionPopup.vue.js";
|
|
9
|
-
import P from "./TextBlockOnboarding.vue.js";
|
|
10
|
-
import h from "./VersionHistoryOnboarding.vue.js";
|
|
11
|
-
const E = /* @__PURE__ */ g({
|
|
12
|
-
__name: "OnboardingWrapper",
|
|
13
|
-
setup(_) {
|
|
14
|
-
const o = v(), r = u(), s = l(), { isTestPartner: a } = O(), p = e(() => r.isStripoInitialized), d = e(() => a()), m = [
|
|
15
|
-
{ type: "newVersionPopup", component: w },
|
|
16
|
-
{ type: "genericOnboarding", component: S },
|
|
17
|
-
{ type: "textBlockOnboarding", component: P },
|
|
18
|
-
{ type: "versionHistoryOnboarding", component: h },
|
|
19
|
-
{ type: "ampOnboarding", component: y }
|
|
20
|
-
], c = (n) => d.value || !p.value ? !1 : n === "newVersionPopup" ? o.shouldShowOnboarding(n) : o.isActive(n), f = e(() => m.filter((n) => c(n.type)));
|
|
21
|
-
return b(async () => {
|
|
22
|
-
await o.fetchUserModalState();
|
|
23
|
-
}), t(
|
|
24
|
-
() => r.isVersionHistoryOpen,
|
|
25
|
-
(n, i) => {
|
|
26
|
-
n && !i && o.shouldShowOnboarding("versionHistoryOnboarding") && o.start("versionHistoryOnboarding"), !n && i && o.isActive("versionHistoryOnboarding") && o.close("versionHistoryOnboarding");
|
|
27
|
-
}
|
|
28
|
-
), t(
|
|
29
|
-
() => s.emailFormat,
|
|
30
|
-
(n, i) => {
|
|
31
|
-
i !== "AMP" && n === "AMP" && o.shouldShowOnboarding("ampOnboarding") && o.start("ampOnboarding");
|
|
32
|
-
}
|
|
33
|
-
), t(
|
|
34
|
-
() => r.isPreviewModeOpen,
|
|
35
|
-
(n) => {
|
|
36
|
-
!n && o.isActive("ampOnboarding") && o.close("ampOnboarding");
|
|
37
|
-
}
|
|
38
|
-
), { __sfc: !0, onboardingStore: o, editorStore: r, previewStore: s, isTestPartner: a, isStripoReady: p, isTestPartnerActive: d, onboardingConfigs: m, shouldShow: c, visibleOnboardings: f };
|
|
39
|
-
}
|
|
40
|
-
});
|
|
41
|
-
export {
|
|
42
|
-
E as default
|
|
43
|
-
};
|
|
@@ -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 l from "./TextBlockOnboarding.vue2.js";
|
|
2
|
-
/* empty css */
|
|
3
|
-
import d from "../../../_virtual/_plugin-vue2_normalizer.js";
|
|
4
|
-
var g = function() {
|
|
5
|
-
var e, n, r, i, a, s;
|
|
6
|
-
var t = this, c = t._self._c, o = t._self._setupProxy;
|
|
7
|
-
return o.isVisible ? c(o.InOnboard, { key: "guido__text-block-onboard", staticClass: "w-21-s p-a z-11", class: (e = o.onboardingStore.getTextBlockCurrentCard) == null ? void 0 : e.classes, attrs: { id: "guido__text-block-onboard", "is-multiple-page": "", visible: "", "image-source": "", title: "", "bottom-position": (n = o.onboardingStore.getTextBlockCurrentCard) == null ? void 0 : n.bottom, "left-position": (r = o.onboardingStore.getTextBlockCurrentCard) == null ? void 0 : r.left, "pages-config": o.onboardingStore.onboardings.textBlockOnboarding.config, "pointer-position": (i = o.onboardingStore.getTextBlockCurrentCard) == null ? void 0 : i.position, "right-position": (a = o.onboardingStore.getTextBlockCurrentCard) == null ? void 0 : a.right, "top-position": (s = o.onboardingStore.getTextBlockCurrentCard) == null ? void 0 : s.top }, on: { backButtonClick: o.handleBack, close: function(u) {
|
|
8
|
-
return o.onboardingStore.close("textBlockOnboarding");
|
|
9
|
-
}, nextButtonClick: o.handleNext } }) : t._e();
|
|
10
|
-
}, b = [], p = /* @__PURE__ */ d(
|
|
11
|
-
l,
|
|
12
|
-
g,
|
|
13
|
-
b,
|
|
14
|
-
!1,
|
|
15
|
-
null,
|
|
16
|
-
"a408dcea"
|
|
17
|
-
);
|
|
18
|
-
const f = p.exports;
|
|
19
|
-
export {
|
|
20
|
-
f as default
|
|
21
|
-
};
|