@useinsider/guido 1.0.2-beta.e4bda14 → 1.0.2-beta.efaabbe
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 -24
- package/dist/@types/events.d.ts +0 -6
- package/dist/@types/generic.d.ts +0 -4
- package/dist/components/Guido.vue.js +5 -5
- package/dist/components/Guido.vue2.js +53 -55
- package/dist/components/organisms/email-preview/amp/AmpToggle.vue.js +2 -3
- 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/usePartner.d.ts +0 -1
- package/dist/composables/usePartner.js +9 -16
- package/dist/composables/useStripo.js +22 -24
- package/dist/enums/defaults.d.ts +0 -1
- package/dist/enums/defaults.js +10 -42
- 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 +1 -5
- package/dist/static/styles/customEditorStyle.css.js +0 -6
- 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/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/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/static/styles/components/notification.css.js +0 -55
- package/dist/static/styles/components/popup.css.js +0 -68
- package/dist/stores/onboarding.d.ts +0 -1068
- package/dist/stores/onboarding.js +0 -95
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}
|
|
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-dced5582]{height:100%;top:75px}.guido-editor__wrapper[data-v-0defec6a],.guido-editor__container[data-v-0defec6a]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-0defec6a]{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}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const
|
|
1
|
+
const n = `.alert-message-wrapper {
|
|
2
2
|
box-shadow: none;
|
|
3
3
|
border: 1px solid var(--guido-color-gray-300);
|
|
4
4
|
color: var(--guido-color-gray-600);
|
|
@@ -16,36 +16,6 @@ const r = `.alert-message-wrapper {
|
|
|
16
16
|
color: var(--guido-color-border-onpage-message-info);
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
-
.alert-message-wrapper.warn {
|
|
20
|
-
background: var(--guido-color-background-onpage-message-warn);
|
|
21
|
-
border-color: var(--guido-color-border-onpage-message-warn);
|
|
22
|
-
color: inherit;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.alert-message-wrapper.warn ue-icon-component.icon {
|
|
26
|
-
color: var(--guido-color-border-onpage-message-warn);
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
.alert-message-wrapper.success {
|
|
30
|
-
background: var(--guido-color-background-onpage-message-success);
|
|
31
|
-
border-color: var(--guido-color-border-onpage-message-success);
|
|
32
|
-
color: inherit;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
.alert-message-wrapper.success ue-icon-component.icon {
|
|
36
|
-
color: var(--guido-color-border-onpage-message-success);
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
.alert-message-wrapper.error {
|
|
40
|
-
background: var(--guido-color-background-onpage-message-error);
|
|
41
|
-
border-color: var(--guido-color-border-onpage-message-error);
|
|
42
|
-
color: inherit;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
.alert-message-wrapper.error ue-icon-component.icon {
|
|
46
|
-
color: var(--guido-color-border-onpage-message-error);
|
|
47
|
-
}
|
|
48
|
-
|
|
49
19
|
.alert-message-wrapper ue-button {
|
|
50
20
|
padding: 0;
|
|
51
21
|
}
|
|
@@ -65,5 +35,5 @@ const r = `.alert-message-wrapper {
|
|
|
65
35
|
}
|
|
66
36
|
`;
|
|
67
37
|
export {
|
|
68
|
-
|
|
38
|
+
n as default
|
|
69
39
|
};
|
|
@@ -60,28 +60,8 @@ const o = `.control-shadow-wrapper:has(.button) {
|
|
|
60
60
|
color: var(--guido-color-primary-500);
|
|
61
61
|
}
|
|
62
62
|
|
|
63
|
-
.
|
|
64
|
-
|
|
65
|
-
background-color: var(--guido-color-neutral-200);
|
|
66
|
-
color: var(--guido-color-neutral-800);
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
.primary > .button .icon-button {
|
|
70
|
-
color: var(--guido-color-neutral-800);
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
.primary > .button:hover:not(:disabled,.disabled) {
|
|
74
|
-
background-color: var(--guido-color-neutral-100);
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
.danger > .button {
|
|
78
|
-
background-color: var(--guido-color-danger-500);
|
|
79
|
-
color: var(--guido-color-white);
|
|
80
|
-
border: none;
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
.danger > .button:hover:not(:disabled,.disabled) {
|
|
84
|
-
background-color: var(--guido-color-danger-300);
|
|
63
|
+
.flat-white > .button:hover:not(:disabled,.disabled) {
|
|
64
|
+
color: var(--guido-color-primary-500);
|
|
85
65
|
}
|
|
86
66
|
|
|
87
67
|
ue-check-button.checked:not(.flat-white) input:checked + label {
|
|
@@ -120,16 +100,6 @@ ue-color {
|
|
|
120
100
|
ue-color .base-input {
|
|
121
101
|
width: 100%;
|
|
122
102
|
}
|
|
123
|
-
|
|
124
|
-
ue-select-text-input .select-text-input-toggle {
|
|
125
|
-
top: 0;
|
|
126
|
-
right: 0;
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
ue-select-text-input .select-text-input-toggle .button {
|
|
130
|
-
justify-content: center;
|
|
131
|
-
background-color: transparent !important;
|
|
132
|
-
}
|
|
133
103
|
`;
|
|
134
104
|
export {
|
|
135
105
|
o as default
|
|
@@ -2,10 +2,6 @@ const n = `ue-wide-panel {
|
|
|
2
2
|
width: 425px;
|
|
3
3
|
}
|
|
4
4
|
|
|
5
|
-
ue-main-editor-container[panel-position=SETTINGS_BLOCKS] ue-wide-panel {
|
|
6
|
-
right: calc(100% - calc(var(--ue-spacing-step, 5px) * 3) - 425px);
|
|
7
|
-
}
|
|
8
|
-
|
|
9
5
|
ue-main-tabs-panel-component .fixed-panel-header {
|
|
10
6
|
display: none;
|
|
11
7
|
}
|
|
@@ -21,7 +17,7 @@ ue-description a {
|
|
|
21
17
|
}
|
|
22
18
|
|
|
23
19
|
.stacked-panel {
|
|
24
|
-
overflow:
|
|
20
|
+
overflow: scroll;
|
|
25
21
|
}
|
|
26
22
|
|
|
27
23
|
.stacked-panel-title {
|
|
@@ -12,12 +12,6 @@ const n = `.esd-x,
|
|
|
12
12
|
.ue-preview-control-wrapper ue-icon-component:not([disabled=true]):not(.stripo-static-icon):hover {
|
|
13
13
|
background: none;
|
|
14
14
|
}
|
|
15
|
-
|
|
16
|
-
.ue-email-wrapper-rounded,
|
|
17
|
-
.ue-email-wrapper-rounded-top {
|
|
18
|
-
border-radius: 0;
|
|
19
|
-
box-shadow: none;
|
|
20
|
-
}
|
|
21
15
|
`;
|
|
22
16
|
export {
|
|
23
17
|
n as default
|
|
@@ -12,20 +12,10 @@ const o = `:host {
|
|
|
12
12
|
--guido-color-neutral-800: #222938;
|
|
13
13
|
--guido-color-neutral-200: #DCDFE6;
|
|
14
14
|
--guido-color-neutral-100: #EFF2F4;
|
|
15
|
-
--guido-color-danger-300: #e84342;
|
|
16
15
|
--guido-color-danger-500: #DC2A2A;
|
|
17
16
|
--guido-box-shadow: 0 4px 12px 0 rgba(44,53,70,0.15);
|
|
18
17
|
--guido-color-background-onpage-message-info: #D3EEF8;
|
|
19
18
|
--guido-color-border-onpage-message-info: #258DDE;
|
|
20
|
-
--guido-color-background-onpage-message-warn: #FCEFE5;
|
|
21
|
-
--guido-color-border-onpage-message-warn: #D37400;
|
|
22
|
-
--guido-color-background-onpage-message-success: #E9F9EB;
|
|
23
|
-
--guido-color-border-onpage-message-success: #128745;
|
|
24
|
-
--guido-color-background-onpage-message-error: #FCECEC;
|
|
25
|
-
--guido-color-border-onpage-message-error: var(--guido-color-danger-500);
|
|
26
|
-
--guido-color-background-toaster-success: #128745;
|
|
27
|
-
--guido-color-background-toaster-error: var(--guido-color-danger-500);
|
|
28
|
-
--guido-color-background-toaster-warn: #D37400;
|
|
29
19
|
}
|
|
30
20
|
`;
|
|
31
21
|
export {
|
|
@@ -8,19 +8,11 @@ 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;
|
|
15
11
|
};
|
|
16
12
|
selectedDynamicContentList: {
|
|
17
13
|
value: string;
|
|
18
14
|
text: string;
|
|
19
15
|
fallback?: string | undefined;
|
|
20
|
-
format?: {
|
|
21
|
-
key: string;
|
|
22
|
-
value: string;
|
|
23
|
-
} | undefined;
|
|
24
16
|
}[];
|
|
25
17
|
} & import("pinia").PiniaCustomStateProperties<{
|
|
26
18
|
selectedDynamicContent: DynamicContent;
|
|
@@ -29,10 +21,6 @@ export declare const useDynamicContentStore: import("pinia").StoreDefinition<"dy
|
|
|
29
21
|
text: string;
|
|
30
22
|
value: string;
|
|
31
23
|
fallback: string | undefined;
|
|
32
|
-
format: {
|
|
33
|
-
key: string;
|
|
34
|
-
value: string;
|
|
35
|
-
} | undefined;
|
|
36
24
|
}[];
|
|
37
25
|
}, {
|
|
38
26
|
setSelectedDynamicContent(dynamicContent: DynamicContent): void;
|
|
@@ -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
|
};
|
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.efaabbe",
|
|
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;
|