@useinsider/guido 1.0.2-beta.3787efd → 1.0.2-beta.3acb77d
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 -31
- package/dist/@types/events.d.ts +0 -6
- package/dist/@types/generic.d.ts +4 -0
- package/dist/components/Guido.vue.d.ts +1 -3
- package/dist/components/Guido.vue.js +2 -2
- package/dist/components/Guido.vue2.js +54 -67
- package/dist/components/organisms/LoadingWrapper.vue.js +1 -1
- 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 +19 -23
- 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/usePartner.d.ts +0 -1
- package/dist/composables/usePartner.js +9 -16
- package/dist/composables/useSave.d.ts +1 -2
- package/dist/composables/useSave.js +8 -9
- package/dist/composables/useStripo.js +28 -32
- package/dist/composables/useToaster.js +17 -17
- package/dist/enums/defaults.d.ts +0 -1
- package/dist/enums/defaults.js +10 -42
- package/dist/guido.css +1 -1
- package/dist/stores/dynamic-content.d.ts +12 -0
- package/dist/stores/dynamic-content.js +7 -6
- package/dist/stores/editor.d.ts +0 -21
- package/dist/stores/editor.js +1 -2
- package/dist/utils/genericUtil.js +9 -6
- 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 -62
- 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/useStripoEventHandler.d.ts +0 -3
- package/dist/composables/useStripoEventHandler.js +0 -20
- package/dist/enums/onboarding.d.ts +0 -1
- package/dist/enums/onboarding.js +0 -8
- package/dist/mock/api/user-modal-state.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/stores/onboarding.d.ts +0 -1068
- package/dist/stores/onboarding.js +0 -95
|
@@ -1,23 +1,22 @@
|
|
|
1
|
-
import { useActionsApi as
|
|
2
|
-
import { useCustomInterfaceAppearance as
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import {
|
|
10
|
-
|
|
11
|
-
const
|
|
12
|
-
|
|
13
|
-
const e = V(), { html: o, css: a, forceRecreate: g } = r;
|
|
1
|
+
import { useActionsApi as g } from "./useActionsApi.js";
|
|
2
|
+
import { useCustomInterfaceAppearance as f } from "./useCustomInterfaceAppearance.js";
|
|
3
|
+
import { useToaster as S } from "./useToaster.js";
|
|
4
|
+
import { displayConditions as C } from "../enums/displayConditions.js";
|
|
5
|
+
import y from "../extensions/DynamicContent/extension.js";
|
|
6
|
+
import { useStripoApi as E } from "../services/stripoApi.js";
|
|
7
|
+
import h from "../static/styles/customEditorStyle.css.js";
|
|
8
|
+
import { useEditorStore as w } from "../stores/editor.js";
|
|
9
|
+
import { dynamicContentToMergeTags as b } from "../utils/genericUtil.js";
|
|
10
|
+
const P = (d) => {
|
|
11
|
+
const { handleError: a } = S(), { getToken: c, getCustomFonts: u } = E(), l = (r, i = []) => {
|
|
12
|
+
const e = w(), { html: o, css: s, forceRecreate: p } = r;
|
|
14
13
|
window.UIEditor.initEditor(
|
|
15
14
|
document.querySelector("#guido-editor"),
|
|
16
15
|
{
|
|
17
|
-
metadata:
|
|
16
|
+
metadata: d,
|
|
18
17
|
html: o,
|
|
19
|
-
css:
|
|
20
|
-
forceRecreate:
|
|
18
|
+
css: s,
|
|
19
|
+
forceRecreate: p,
|
|
21
20
|
locale: "en",
|
|
22
21
|
undoButtonSelector: "#guido__undo-button",
|
|
23
22
|
redoButtonSelector: "#guido__redo-button",
|
|
@@ -27,10 +26,10 @@ const R = (s) => {
|
|
|
27
26
|
customAppearanceMergetags: !0,
|
|
28
27
|
customAppearanceMergetagsBorderColor: "#f1f3fe",
|
|
29
28
|
customAppearanceMergetagsBackgroundColor: "#f1f3fe",
|
|
30
|
-
customViewStyles:
|
|
29
|
+
customViewStyles: h,
|
|
31
30
|
conditionsEnabled: !0,
|
|
32
31
|
customConditionsEnabled: !0,
|
|
33
|
-
conditionCategories:
|
|
32
|
+
conditionCategories: C,
|
|
34
33
|
enableXSSSecurity: !0,
|
|
35
34
|
messageSettingsEnabled: !1,
|
|
36
35
|
selectBlockAfterDropFromSettingsPanel: !0,
|
|
@@ -41,7 +40,7 @@ const R = (s) => {
|
|
|
41
40
|
},
|
|
42
41
|
mergeTags: [
|
|
43
42
|
{
|
|
44
|
-
entries:
|
|
43
|
+
entries: b(d.preselectedDynamicContentList)
|
|
45
44
|
}
|
|
46
45
|
],
|
|
47
46
|
async onTokenRefreshRequest(t) {
|
|
@@ -49,17 +48,15 @@ const R = (s) => {
|
|
|
49
48
|
const n = await c();
|
|
50
49
|
t(n);
|
|
51
50
|
} catch (n) {
|
|
52
|
-
|
|
51
|
+
a(n, "Failed to refresh token");
|
|
53
52
|
}
|
|
54
53
|
},
|
|
55
54
|
onTemplateLoaded() {
|
|
56
55
|
try {
|
|
57
|
-
const { importCss: t } =
|
|
58
|
-
t(), n(),
|
|
59
|
-
e.hasChanges = !1;
|
|
60
|
-
}, 1e3);
|
|
56
|
+
const { importCss: t } = f(), { activateCustomViewStyles: n } = g();
|
|
57
|
+
t(), n(), e.loadingStatus = !1;
|
|
61
58
|
} catch (t) {
|
|
62
|
-
|
|
59
|
+
a(t, "Failed to load custom interface appearance");
|
|
63
60
|
}
|
|
64
61
|
},
|
|
65
62
|
onCodeEditorVisibilityChanged(t) {
|
|
@@ -74,9 +71,8 @@ const R = (s) => {
|
|
|
74
71
|
onDataChanged() {
|
|
75
72
|
e.hasChanges = !0;
|
|
76
73
|
},
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
extensions: [h]
|
|
74
|
+
ignoreClickOutsideSelectors: ["#guido-dynamic-content-modal"],
|
|
75
|
+
extensions: [y]
|
|
80
76
|
}
|
|
81
77
|
);
|
|
82
78
|
}, m = (r) => new Promise((i, e) => {
|
|
@@ -88,17 +84,17 @@ const R = (s) => {
|
|
|
88
84
|
o.id = "UiEditorScript", o.type = "module", o.src = "https://plugins.stripo.email/resources/uieditor/latest/UIEditor.js", o.onload = () => {
|
|
89
85
|
r(), i();
|
|
90
86
|
}, o.onerror = () => {
|
|
91
|
-
const
|
|
92
|
-
e(
|
|
87
|
+
const s = new Error("Failed to load Stripo UIEditor script");
|
|
88
|
+
e(s);
|
|
93
89
|
}, document.body.appendChild(o);
|
|
94
90
|
});
|
|
95
91
|
return { initPlugin: async (r) => {
|
|
96
92
|
await m(async () => {
|
|
97
93
|
const i = await u();
|
|
98
|
-
|
|
94
|
+
l(r, i);
|
|
99
95
|
});
|
|
100
96
|
} };
|
|
101
97
|
};
|
|
102
98
|
export {
|
|
103
|
-
|
|
99
|
+
P as useStripo
|
|
104
100
|
};
|
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
import { ToasterTypeOptions as
|
|
2
|
-
import { useToasterStore as
|
|
3
|
-
import { watch as c } from "vue";
|
|
4
|
-
const
|
|
5
|
-
const t =
|
|
6
|
-
let
|
|
7
|
-
const
|
|
8
|
-
|
|
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);
|
|
9
9
|
};
|
|
10
10
|
function r(e = { message: "" }) {
|
|
11
|
-
|
|
11
|
+
o(), t.hideToaster(), t.showToaster(e);
|
|
12
12
|
}
|
|
13
|
-
function
|
|
14
|
-
|
|
13
|
+
function n() {
|
|
14
|
+
o(), t.hideToaster();
|
|
15
15
|
}
|
|
16
|
-
function
|
|
16
|
+
function i(e, a) {
|
|
17
17
|
const m = e instanceof Error ? e.message : String(e);
|
|
18
|
-
r({ type:
|
|
18
|
+
r({ type: u.Alert, message: `${a}: ${m}` });
|
|
19
19
|
}
|
|
20
20
|
return c(
|
|
21
21
|
() => t.shouldAutoHide,
|
|
22
22
|
(e) => {
|
|
23
|
-
|
|
24
|
-
t.hideToaster(),
|
|
23
|
+
o(), e && (s = setTimeout(() => {
|
|
24
|
+
t.hideToaster(), o();
|
|
25
25
|
}, 6e3));
|
|
26
26
|
}
|
|
27
|
-
), { showToaster: r, hideToaster:
|
|
27
|
+
), l(o), { showToaster: r, hideToaster: n, handleError: i };
|
|
28
28
|
};
|
|
29
29
|
export {
|
|
30
|
-
|
|
30
|
+
p as useToaster
|
|
31
31
|
};
|
package/dist/enums/defaults.d.ts
CHANGED
package/dist/enums/defaults.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const
|
|
1
|
+
const t = {
|
|
2
2
|
translationsPath: "window.trans.en",
|
|
3
3
|
emailHeader: {
|
|
4
4
|
senderName: "",
|
|
@@ -10,51 +10,19 @@ const a = {
|
|
|
10
10
|
versionHistory: !0
|
|
11
11
|
},
|
|
12
12
|
useHeader: !0
|
|
13
|
-
},
|
|
13
|
+
}, e = {
|
|
14
14
|
promotional: 1,
|
|
15
15
|
transactional: 2
|
|
16
|
-
},
|
|
16
|
+
}, a = "email", o = "Guido User", s = e.promotional, n = 2, r = {
|
|
17
17
|
email: 60,
|
|
18
18
|
architect: 49
|
|
19
|
-
}
|
|
20
|
-
"alfredtesting",
|
|
21
|
-
"electio",
|
|
22
|
-
"eurekatest",
|
|
23
|
-
"gachapontestpart",
|
|
24
|
-
"gluautomation1",
|
|
25
|
-
"gluautomation2",
|
|
26
|
-
"gluautomation3",
|
|
27
|
-
"gluautomation4",
|
|
28
|
-
"inone",
|
|
29
|
-
"inshoppingcart",
|
|
30
|
-
"krakentest",
|
|
31
|
-
"leeroy",
|
|
32
|
-
"newsletteruat",
|
|
33
|
-
"ozaspava",
|
|
34
|
-
"piratesquad",
|
|
35
|
-
"qaautomation1",
|
|
36
|
-
"qaautomation2",
|
|
37
|
-
"qaautomation3",
|
|
38
|
-
"qaautomation4",
|
|
39
|
-
"roiautomation",
|
|
40
|
-
"seleniumautomation",
|
|
41
|
-
"seleniumautomation1",
|
|
42
|
-
"seleniumautomation2",
|
|
43
|
-
"seleniumautomation3",
|
|
44
|
-
"shopbagg",
|
|
45
|
-
"shopifytest",
|
|
46
|
-
"singlepageqa",
|
|
47
|
-
"testqa",
|
|
48
|
-
"vikingsankara",
|
|
49
|
-
"stripoeditorlivetest"
|
|
50
|
-
];
|
|
19
|
+
};
|
|
51
20
|
export {
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
21
|
+
t as DefaultGuidoConfig,
|
|
22
|
+
s as DefaultMessageType,
|
|
23
|
+
a as DefaultProductType,
|
|
55
24
|
o as DefaultUsername,
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
t as TemplateTypes
|
|
25
|
+
n as EditorType,
|
|
26
|
+
r as ProductIds,
|
|
27
|
+
e as TemplateTypes
|
|
60
28
|
};
|
package/dist/guido.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
[data-v-a18ac2d3] .in-button-v2__wrapper{line-height:0}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}
|
|
1
|
+
[data-v-a18ac2d3] .in-button-v2__wrapper{line-height:0}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}[data-v-421ffc13] .guido__verion-history-view-option-selection-desktop svg,[data-v-421ffc13] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-421ffc13] .in-segments-wrapper__button_selected,[data-v-421ffc13] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-421ffc13] .in-tooltip-wrapper__icon{cursor:pointer}[data-v-ad3cf7cc] .guido__view-option-selection-desktop svg,[data-v-ad3cf7cc] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-ad3cf7cc] .in-segments-wrapper__button_selected,[data-v-ad3cf7cc] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-ad3cf7cc] .in-tooltip-wrapper__icon{cursor:pointer}.guido-loading__wrapper[data-v-2d4cd446]{height:calc(100% - 75px);top:75px}.guido-editor__wrapper[data-v-aef3bfa0],.guido-editor__container[data-v-aef3bfa0]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-aef3bfa0]{height:calc(100vh - 75px)}.error-list[data-v-7a09985c]{gap:16px}[data-v-c2adc57d] .in-progress-wrapper__progress p span:last-child{display:none!important}.desktop-preview-container[data-v-2dd60b0c],[data-v-2dd60b0c] .desktop-preview-container .in-container{min-height:720px!important;height:100%}.cropped-text[data-v-f20b3a9b]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
|
|
@@ -8,11 +8,19 @@ export declare const useDynamicContentStore: import("pinia").StoreDefinition<"dy
|
|
|
8
8
|
value: string;
|
|
9
9
|
text: string;
|
|
10
10
|
fallback?: string | undefined;
|
|
11
|
+
format?: {
|
|
12
|
+
key: string;
|
|
13
|
+
value: string;
|
|
14
|
+
} | undefined;
|
|
11
15
|
};
|
|
12
16
|
selectedDynamicContentList: {
|
|
13
17
|
value: string;
|
|
14
18
|
text: string;
|
|
15
19
|
fallback?: string | undefined;
|
|
20
|
+
format?: {
|
|
21
|
+
key: string;
|
|
22
|
+
value: string;
|
|
23
|
+
} | undefined;
|
|
16
24
|
}[];
|
|
17
25
|
} & import("pinia").PiniaCustomStateProperties<{
|
|
18
26
|
selectedDynamicContent: DynamicContent;
|
|
@@ -21,6 +29,10 @@ export declare const useDynamicContentStore: import("pinia").StoreDefinition<"dy
|
|
|
21
29
|
text: string;
|
|
22
30
|
value: string;
|
|
23
31
|
fallback: string | undefined;
|
|
32
|
+
format: {
|
|
33
|
+
key: string;
|
|
34
|
+
value: string;
|
|
35
|
+
} | undefined;
|
|
24
36
|
}[];
|
|
25
37
|
}, {
|
|
26
38
|
setSelectedDynamicContent(dynamicContent: DynamicContent): void;
|
|
@@ -6,15 +6,16 @@ const s = a("dynamicContent", {
|
|
|
6
6
|
selectedDynamicContentList: []
|
|
7
7
|
}),
|
|
8
8
|
actions: {
|
|
9
|
-
setSelectedDynamicContent(
|
|
10
|
-
this.selectedDynamicContent =
|
|
9
|
+
setSelectedDynamicContent(t) {
|
|
10
|
+
this.selectedDynamicContent = t, this.selectedDynamicContentList.push(t);
|
|
11
11
|
}
|
|
12
12
|
},
|
|
13
13
|
getters: {
|
|
14
|
-
getSelectedDynamicContentList: (
|
|
15
|
-
text:
|
|
16
|
-
value:
|
|
17
|
-
fallback:
|
|
14
|
+
getSelectedDynamicContentList: (t) => n(t.selectedDynamicContentList).map((e) => ({
|
|
15
|
+
text: e.text,
|
|
16
|
+
value: e.value,
|
|
17
|
+
fallback: e.fallback,
|
|
18
|
+
format: e.format
|
|
18
19
|
})) || []
|
|
19
20
|
}
|
|
20
21
|
});
|
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,11 +1,14 @@
|
|
|
1
|
-
const
|
|
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
|
+
} : {
|
|
2
5
|
label: a.fallback ? `${a.text} | ${a.fallback}` : a.text,
|
|
3
6
|
value: a.fallback ? `{{${a.value}|${a.fallback}}}` : `{{${a.value}}}`
|
|
4
|
-
})
|
|
5
|
-
var
|
|
6
|
-
return ((
|
|
7
|
+
}), r = () => {
|
|
8
|
+
var l;
|
|
9
|
+
return ((l = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : l.getAttribute("content")) ?? "";
|
|
7
10
|
};
|
|
8
11
|
export {
|
|
9
|
-
|
|
10
|
-
|
|
12
|
+
e as dynamicContentToMergeTags,
|
|
13
|
+
r as getCsrfToken
|
|
11
14
|
};
|
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.3acb77d",
|
|
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 d 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, c = o._self._c, e = o._self._setupProxy;
|
|
7
|
-
return e.isVisible ? c(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
|
-
d,
|
|
12
|
-
l,
|
|
13
|
-
p,
|
|
14
|
-
!1,
|
|
15
|
-
null,
|
|
16
|
-
"2473c29f"
|
|
17
|
-
);
|
|
18
|
-
const S = _.exports;
|
|
19
|
-
export {
|
|
20
|
-
S as default
|
|
21
|
-
};
|