@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.
Files changed (94) hide show
  1. package/README.md +1 -43
  2. package/dist/@types/events.d.ts +0 -6
  3. package/dist/@types/generic.d.ts +0 -5
  4. package/dist/components/Guido.vue.d.ts +0 -3
  5. package/dist/components/Guido.vue.js +5 -5
  6. package/dist/components/Guido.vue2.js +57 -75
  7. package/dist/components/organisms/LoadingWrapper.vue.js +1 -1
  8. package/dist/components/organisms/email-preview/amp/AmpToggle.vue.js +2 -3
  9. package/dist/components/organisms/header/HeaderWrapper.vue.d.ts +1 -3
  10. package/dist/components/organisms/header/HeaderWrapper.vue.js +6 -6
  11. package/dist/components/organisms/header/HeaderWrapper.vue2.js +9 -15
  12. package/dist/components/organisms/header/RightSlot.vue.d.ts +1 -3
  13. package/dist/components/organisms/header/RightSlot.vue.js +3 -5
  14. package/dist/components/organisms/header/RightSlot.vue2.js +27 -26
  15. package/dist/components/organisms/header/ViewOptions.vue.js +11 -11
  16. package/dist/components/organisms/header/ViewOptions.vue2.js +5 -5
  17. package/dist/components/organisms/header/version-history/ViewOptions.vue.js +11 -11
  18. package/dist/components/organisms/header/version-history/ViewOptions.vue2.js +5 -5
  19. package/dist/composables/useCustomInterfaceAppearance.js +18 -22
  20. package/dist/composables/useHtmlCompiler.js +9 -17
  21. package/dist/composables/usePartner.d.ts +0 -1
  22. package/dist/composables/usePartner.js +9 -16
  23. package/dist/composables/useStripo.js +44 -47
  24. package/dist/composables/useToaster.js +17 -17
  25. package/dist/config/compiler/outlookCompilerRules.d.ts +0 -2
  26. package/dist/enums/defaults.d.ts +1 -6
  27. package/dist/enums/defaults.js +10 -47
  28. package/dist/guido.css +1 -1
  29. package/dist/static/styles/components/alert-message.css.js +2 -32
  30. package/dist/static/styles/components/button.css.js +2 -32
  31. package/dist/static/styles/components/wide-panel.css.js +0 -13
  32. package/dist/static/styles/variables.css.js +0 -10
  33. package/dist/stores/dynamic-content.d.ts +0 -12
  34. package/dist/stores/dynamic-content.js +6 -7
  35. package/dist/stores/editor.d.ts +0 -21
  36. package/dist/stores/editor.js +1 -2
  37. package/dist/utils/genericUtil.js +6 -9
  38. package/dist/utils/templatePreparation.js +14 -21
  39. package/package.json +1 -1
  40. package/dist/components/organisms/onboarding/AMPOnboarding.vue.d.ts +0 -2
  41. package/dist/components/organisms/onboarding/AMPOnboarding.vue.js +0 -20
  42. package/dist/components/organisms/onboarding/AMPOnboarding.vue2.js +0 -37
  43. package/dist/components/organisms/onboarding/GenericOnboarding.vue.d.ts +0 -2
  44. package/dist/components/organisms/onboarding/GenericOnboarding.vue.js +0 -21
  45. package/dist/components/organisms/onboarding/GenericOnboarding.vue2.js +0 -83
  46. package/dist/components/organisms/onboarding/NewVersionPopup.vue.d.ts +0 -2
  47. package/dist/components/organisms/onboarding/NewVersionPopup.vue.js +0 -17
  48. package/dist/components/organisms/onboarding/NewVersionPopup.vue2.js +0 -30
  49. package/dist/components/organisms/onboarding/OnboardingWrapper.vue.d.ts +0 -2
  50. package/dist/components/organisms/onboarding/OnboardingWrapper.vue.js +0 -19
  51. package/dist/components/organisms/onboarding/OnboardingWrapper.vue2.js +0 -43
  52. package/dist/components/organisms/onboarding/TextBlockOnboarding.vue.d.ts +0 -2
  53. package/dist/components/organisms/onboarding/TextBlockOnboarding.vue.js +0 -21
  54. package/dist/components/organisms/onboarding/TextBlockOnboarding.vue2.js +0 -74
  55. package/dist/components/organisms/onboarding/VersionHistoryOnboarding.vue.d.ts +0 -2
  56. package/dist/components/organisms/onboarding/VersionHistoryOnboarding.vue.js +0 -20
  57. package/dist/components/organisms/onboarding/VersionHistoryOnboarding.vue2.js +0 -37
  58. package/dist/composables/useHtmlValidator.d.ts +0 -3
  59. package/dist/composables/useHtmlValidator.js +0 -120
  60. package/dist/composables/useRecommendation.d.ts +0 -19
  61. package/dist/composables/useRecommendation.js +0 -27
  62. package/dist/composables/useSave.d.ts +0 -4
  63. package/dist/composables/useSave.js +0 -15
  64. package/dist/composables/useStripoEventHandler.d.ts +0 -3
  65. package/dist/composables/useStripoEventHandler.js +0 -20
  66. package/dist/config/compiler/outlookCompilerRules.js +0 -36
  67. package/dist/config/compiler/recommendationCompilerRules.d.ts +0 -2
  68. package/dist/config/compiler/recommendationCompilerRules.js +0 -83
  69. package/dist/config/compiler/socialCompilerRules.d.ts +0 -2
  70. package/dist/config/compiler/socialCompilerRules.js +0 -21
  71. package/dist/config/compiler/unsubscribeCompilerRules.d.ts +0 -2
  72. package/dist/config/compiler/unsubscribeCompilerRules.js +0 -64
  73. package/dist/enums/html-validator.d.ts +0 -6
  74. package/dist/enums/html-validator.js +0 -7
  75. package/dist/enums/onboarding.d.ts +0 -1
  76. package/dist/enums/onboarding.js +0 -8
  77. package/dist/enums/recommendation.d.ts +0 -54
  78. package/dist/enums/recommendation.js +0 -56
  79. package/dist/enums/unsubscribe.d.ts +0 -15
  80. package/dist/enums/unsubscribe.js +0 -17
  81. package/dist/mock/api/user-modal-state.d.ts +0 -2
  82. package/dist/mock/api/validator.d.ts +0 -2
  83. package/dist/services/onboardingApi.d.ts +0 -4
  84. package/dist/services/onboardingApi.js +0 -23
  85. package/dist/static/assets/onboarding-img.svg.js +0 -4
  86. package/dist/static/styles/components/notification.css.js +0 -55
  87. package/dist/static/styles/components/popup.css.js +0 -68
  88. package/dist/static/styles/customEditorStyle.css.js +0 -24
  89. package/dist/stores/onboarding.d.ts +0 -1068
  90. package/dist/stores/onboarding.js +0 -95
  91. package/dist/stores/recommendation.d.ts +0 -10
  92. package/dist/stores/recommendation.js +0 -9
  93. package/dist/stores/unsubscribe.d.ts +0 -8
  94. package/dist/stores/unsubscribe.js +0 -9
@@ -6,16 +6,15 @@ const s = a("dynamicContent", {
6
6
  selectedDynamicContentList: []
7
7
  }),
8
8
  actions: {
9
- setSelectedDynamicContent(t) {
10
- this.selectedDynamicContent = t, this.selectedDynamicContentList.push(t);
9
+ setSelectedDynamicContent(e) {
10
+ this.selectedDynamicContent = e, this.selectedDynamicContentList.push(e);
11
11
  }
12
12
  },
13
13
  getters: {
14
- getSelectedDynamicContentList: (t) => n(t.selectedDynamicContentList).map((e) => ({
15
- text: e.text,
16
- value: e.value,
17
- fallback: e.fallback,
18
- format: e.format
14
+ getSelectedDynamicContentList: (e) => n(e.selectedDynamicContentList).map((t) => ({
15
+ text: t.text,
16
+ value: t.value,
17
+ fallback: t.fallback
19
18
  })) || []
20
19
  }
21
20
  });
@@ -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
  }, {}>;
@@ -7,8 +7,7 @@ const o = e("editor", {
7
7
  isVersionHistoryOpen: !1,
8
8
  isPreviewModeOpen: !1,
9
9
  editorVisualMode: "desktop",
10
- hasChanges: !1,
11
- isStripoInitialized: !1
10
+ hasChanges: !1
12
11
  }),
13
12
  getters: {
14
13
  // Middle Slot
@@ -1,14 +1,11 @@
1
- const e = (l) => l.map((a) => a.format ? {
2
- label: `${a.text} | ${a.format.key}=${a.format.value}`,
3
- value: `{{${a.value}|${a.format.key}=${a.format.value}}}`
4
- } : {
1
+ const l = (e) => e.map((a) => ({
5
2
  label: a.fallback ? `${a.text} | ${a.fallback}` : a.text,
6
3
  value: a.fallback ? `{{${a.value}|${a.fallback}}}` : `{{${a.value}}}`
7
- }), r = () => {
8
- var l;
9
- return ((l = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : l.getAttribute("content")) ?? "";
4
+ })), t = () => {
5
+ var e;
6
+ return ((e = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : e.getAttribute("content")) ?? "";
10
7
  };
11
8
  export {
12
- e as dynamicContentToMergeTags,
13
- r as getCsrfToken
9
+ l as dynamicContentToMergeTags,
10
+ t as getCsrfToken
14
11
  };
@@ -1,28 +1,21 @@
1
- import { useActionsApi as g } from "../composables/useActionsApi.js";
2
- import { useHtmlCompiler as S } from "../composables/useHtmlCompiler.js";
3
- import { useDynamicContentStore as f } from "../stores/dynamic-content.js";
4
- const H = () => {
5
- const t = f(), { getCompiledEmail: i, getTemplateData: o } = g(), { compileHtml: n } = S();
1
+ import { useActionsApi as c } from "../composables/useActionsApi.js";
2
+ import { useDynamicContentStore as l } from "../stores/dynamic-content.js";
3
+ const y = () => {
4
+ const t = l(), { getCompiledEmail: e, getTemplateData: a } = c();
6
5
  return {
7
6
  prepareTemplateDetails: async () => {
8
- const { html: a, ampHtml: s = "", ampErrors: m = [] } = await i({
7
+ const { html: n, ampHtml: s = "", ampErrors: o = [] } = await e({
9
8
  minimize: !0,
10
9
  resetDataSavedFlag: !1
11
- }), { html: r, css: c, syncModulesIds: l = [] } = await o(), { compiledHtml: p, stats: e, appliedRules: d } = n(a), u = t.getSelectedDynamicContentList;
12
- return console.debug("HTML Compilation Stats:", {
13
- originalSize: e.originalSize,
14
- compiledSize: e.compiledSize,
15
- reduction: `${e.reductionPercentage.toFixed(2)}%`,
16
- appliedRules: d,
17
- executionTime: `${e.executionTime.toFixed(2)}ms`
18
- }), {
19
- dynamicContentList: u,
20
- compiledHtml: p,
21
- rawHtml: r,
22
- css: c,
10
+ }), { html: m, css: i, syncModulesIds: r = [] } = await a();
11
+ return {
12
+ dynamicContentList: t.getSelectedDynamicContentList,
13
+ compiledHtml: n,
14
+ rawHtml: m,
15
+ css: i,
23
16
  ampHtml: s,
24
- ampErrors: m,
25
- modules: l,
17
+ ampErrors: o,
18
+ modules: r,
26
19
  recommendation: {
27
20
  campaignUrls: {},
28
21
  configs: {}
@@ -36,5 +29,5 @@ const H = () => {
36
29
  };
37
30
  };
38
31
  export {
39
- H as useTemplatePreparation
32
+ y as useTemplatePreparation
40
33
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@useinsider/guido",
3
- "version": "1.0.2-beta.080ccee",
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
- };