@useinsider/guido 1.0.2-beta.b11c72f → 1.0.2-beta.b3c5fc9

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 (105) 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 +11 -11
  6. package/dist/components/Guido.vue2.js +61 -80
  7. package/dist/components/organisms/email-preview/PreviewContainer.vue.js +12 -12
  8. package/dist/components/organisms/email-preview/PreviewContainer.vue2.js +8 -7
  9. package/dist/components/organisms/email-preview/amp/AmpToggle.vue.js +2 -3
  10. package/dist/components/organisms/header/HeaderWrapper.vue.d.ts +1 -3
  11. package/dist/components/organisms/header/HeaderWrapper.vue.js +6 -6
  12. package/dist/components/organisms/header/HeaderWrapper.vue2.js +9 -15
  13. package/dist/components/organisms/header/LeftSlot.vue.js +9 -10
  14. package/dist/components/organisms/header/MiddleSlot.vue.js +6 -6
  15. package/dist/components/organisms/header/MiddleSlot.vue2.js +16 -15
  16. package/dist/components/organisms/header/RightSlot.vue.d.ts +1 -3
  17. package/dist/components/organisms/header/RightSlot.vue.js +4 -6
  18. package/dist/components/organisms/header/RightSlot.vue2.js +28 -26
  19. package/dist/components/organisms/header/ViewOptions.vue.js +11 -11
  20. package/dist/components/organisms/header/ViewOptions.vue2.js +15 -14
  21. package/dist/components/organisms/header/version-history/ViewOptions.vue.js +11 -11
  22. package/dist/components/organisms/header/version-history/ViewOptions.vue2.js +5 -5
  23. package/dist/composables/useCustomInterfaceAppearance.js +19 -25
  24. package/dist/composables/useHtmlCompiler.js +9 -17
  25. package/dist/composables/usePartner.d.ts +0 -1
  26. package/dist/composables/usePartner.js +9 -16
  27. package/dist/composables/usePreviewMode.js +13 -13
  28. package/dist/composables/useStripo.js +51 -54
  29. package/dist/composables/useToaster.js +17 -17
  30. package/dist/config/compiler/outlookCompilerRules.d.ts +0 -2
  31. package/dist/enums/defaults.d.ts +1 -6
  32. package/dist/enums/defaults.js +10 -47
  33. package/dist/guido.css +1 -1
  34. package/dist/static/styles/components/alert-message.css.js +2 -32
  35. package/dist/static/styles/components/button.css.js +2 -32
  36. package/dist/static/styles/components/wide-panel.css.js +2 -15
  37. package/dist/static/styles/variables.css.js +0 -10
  38. package/dist/stores/dynamic-content.d.ts +0 -12
  39. package/dist/stores/dynamic-content.js +6 -7
  40. package/dist/stores/editor.d.ts +1 -194
  41. package/dist/stores/editor.js +2 -18
  42. package/dist/stores/preview.d.ts +8 -0
  43. package/dist/stores/preview.js +20 -12
  44. package/dist/utils/genericUtil.js +6 -9
  45. package/dist/utils/templatePreparation.js +14 -21
  46. package/package.json +2 -4
  47. package/dist/components/organisms/LoadingWrapper.vue.d.ts +0 -2
  48. package/dist/components/organisms/LoadingWrapper.vue.js +0 -18
  49. package/dist/components/organisms/LoadingWrapper.vue2.js +0 -12
  50. package/dist/components/organisms/onboarding/AMPOnboarding.vue.d.ts +0 -2
  51. package/dist/components/organisms/onboarding/AMPOnboarding.vue.js +0 -20
  52. package/dist/components/organisms/onboarding/AMPOnboarding.vue2.js +0 -37
  53. package/dist/components/organisms/onboarding/GenericOnboarding.vue.d.ts +0 -2
  54. package/dist/components/organisms/onboarding/GenericOnboarding.vue.js +0 -21
  55. package/dist/components/organisms/onboarding/GenericOnboarding.vue2.js +0 -83
  56. package/dist/components/organisms/onboarding/NewVersionPopup.vue.d.ts +0 -2
  57. package/dist/components/organisms/onboarding/NewVersionPopup.vue.js +0 -17
  58. package/dist/components/organisms/onboarding/NewVersionPopup.vue2.js +0 -30
  59. package/dist/components/organisms/onboarding/OnboardingWrapper.vue.d.ts +0 -2
  60. package/dist/components/organisms/onboarding/OnboardingWrapper.vue.js +0 -19
  61. package/dist/components/organisms/onboarding/OnboardingWrapper.vue2.js +0 -43
  62. package/dist/components/organisms/onboarding/TextBlockOnboarding.vue.d.ts +0 -2
  63. package/dist/components/organisms/onboarding/TextBlockOnboarding.vue.js +0 -21
  64. package/dist/components/organisms/onboarding/TextBlockOnboarding.vue2.js +0 -74
  65. package/dist/components/organisms/onboarding/VersionHistoryOnboarding.vue.d.ts +0 -2
  66. package/dist/components/organisms/onboarding/VersionHistoryOnboarding.vue.js +0 -20
  67. package/dist/components/organisms/onboarding/VersionHistoryOnboarding.vue2.js +0 -37
  68. package/dist/composables/useHtmlValidator.d.ts +0 -3
  69. package/dist/composables/useHtmlValidator.js +0 -120
  70. package/dist/composables/useRecommendation.d.ts +0 -19
  71. package/dist/composables/useRecommendation.js +0 -27
  72. package/dist/composables/useSave.d.ts +0 -4
  73. package/dist/composables/useSave.js +0 -15
  74. package/dist/composables/useStripoEventHandler.d.ts +0 -3
  75. package/dist/composables/useStripoEventHandler.js +0 -20
  76. package/dist/config/compiler/outlookCompilerRules.js +0 -36
  77. package/dist/config/compiler/recommendationCompilerRules.d.ts +0 -2
  78. package/dist/config/compiler/recommendationCompilerRules.js +0 -83
  79. package/dist/config/compiler/socialCompilerRules.d.ts +0 -2
  80. package/dist/config/compiler/socialCompilerRules.js +0 -21
  81. package/dist/config/compiler/unsubscribeCompilerRules.d.ts +0 -2
  82. package/dist/config/compiler/unsubscribeCompilerRules.js +0 -64
  83. package/dist/enums/html-validator.d.ts +0 -6
  84. package/dist/enums/html-validator.js +0 -7
  85. package/dist/enums/onboarding.d.ts +0 -1
  86. package/dist/enums/onboarding.js +0 -8
  87. package/dist/enums/recommendation.d.ts +0 -54
  88. package/dist/enums/recommendation.js +0 -56
  89. package/dist/enums/unsubscribe.d.ts +0 -15
  90. package/dist/enums/unsubscribe.js +0 -17
  91. package/dist/mock/api/user-modal-state.d.ts +0 -2
  92. package/dist/mock/api/validator.d.ts +0 -2
  93. package/dist/services/onboardingApi.d.ts +0 -4
  94. package/dist/services/onboardingApi.js +0 -23
  95. package/dist/static/assets/onboarding-img.svg.js +0 -4
  96. package/dist/static/styles/components/loader.css.js +0 -10
  97. package/dist/static/styles/components/notification.css.js +0 -55
  98. package/dist/static/styles/components/popup.css.js +0 -68
  99. package/dist/static/styles/customEditorStyle.css.js +0 -24
  100. package/dist/stores/onboarding.d.ts +0 -1068
  101. package/dist/stores/onboarding.js +0 -95
  102. package/dist/stores/recommendation.d.ts +0 -10
  103. package/dist/stores/recommendation.js +0 -9
  104. package/dist/stores/unsubscribe.d.ts +0 -8
  105. package/dist/stores/unsubscribe.js +0 -9
@@ -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.b11c72f",
3
+ "version": "1.0.2-beta.b3c5fc9",
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",
@@ -24,8 +24,7 @@
24
24
  "lint": "NODE_OPTIONS=--max-old-space-size=2048 eslint ./ && bun run type-check",
25
25
  "lint:fix": "NODE_OPTIONS=--max-old-space-size=2048 eslint --fix ./",
26
26
  "type-check": "vue-tsc --noEmit --project tsconfig.config.json && vue-tsc --noEmit --project tsconfig.app.json",
27
- "test:visual-update": "npx playwright test --update-snapshots --reporter html",
28
- "prepare": "husky"
27
+ "test:visual-update": "npx playwright test --update-snapshots --reporter html"
29
28
  },
30
29
  "keywords": [],
31
30
  "author": "",
@@ -66,7 +65,6 @@
66
65
  "eslint-plugin-vue": "10.1.0",
67
66
  "eslint-plugin-vue-scoped-css": "2.6.1",
68
67
  "globals": "16.0.0",
69
- "husky": "9.1.7",
70
68
  "msw": "2.10.3",
71
69
  "sass": "1.69.7",
72
70
  "typescript": "5.5.4",
@@ -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,18 +0,0 @@
1
- import t from "./LoadingWrapper.vue2.js";
2
- /* empty css */
3
- import a from "../../_virtual/_plugin-vue2_normalizer.js";
4
- var s = function() {
5
- var r = this, e = r._self._c, o = r._self._setupProxy;
6
- return o.editorStore.loadingStatus ? e("div", { staticClass: "guido-loading__wrapper p-a l-0 z-4 d-f a-i-c j-c-c w-1 f-g-1 b-c-36" }, [e(o.InLoading, { attrs: { "color-class": "i-c-7", size: "32" } })], 1) : r._e();
7
- }, n = [], _ = /* @__PURE__ */ a(
8
- t,
9
- s,
10
- n,
11
- !1,
12
- null,
13
- "dced5582"
14
- );
15
- const l = _.exports;
16
- export {
17
- l as default
18
- };
@@ -1,12 +0,0 @@
1
- import { defineComponent as o } from "vue";
2
- import { useEditorStore as r } from "../../stores/editor.js";
3
- import { InLoading as t } from "@useinsider/design-system-vue";
4
- const s = /* @__PURE__ */ o({
5
- __name: "LoadingWrapper",
6
- setup(e) {
7
- return { __sfc: !0, editorStore: r(), InLoading: t };
8
- }
9
- });
10
- export {
11
- s as default
12
- };
@@ -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
- };
@@ -1,74 +0,0 @@
1
- import { defineComponent as u, computed as a, watch as b } from "vue";
2
- import { useTranslations as m } from "../../../composables/useTranslations.js";
3
- import { useOnboardingStore as k } from "../../../stores/onboarding.js";
4
- import { InOnboard as B } from "@useinsider/design-system-vue";
5
- const y = /* @__PURE__ */ u({
6
- __name: "TextBlockOnboarding",
7
- setup(h) {
8
- const i = m(), o = k(), e = a(() => {
9
- const n = window.innerHeight - 128, r = Math.max(90, n * 0.15), s = Math.max(490, n * 0.71), d = 200, g = 40;
10
- return {
11
- settings: {
12
- top: `${r}px`,
13
- position: r + d + g > n ? "Right Bottom" : "Right Top"
14
- },
15
- dynamic: {
16
- top: `${s}px`,
17
- position: s + d + g > n ? "Right Bottom" : "Right Top"
18
- }
19
- };
20
- }), c = a(() => [
21
- {
22
- classes: "guido-text-block-onboarding-settings",
23
- right: "450px",
24
- top: e.value.settings.top,
25
- position: e.value.settings.position,
26
- title: i("email-editor.onboarding-text-block-title"),
27
- description: i("email-editor.onboarding-text-block-description"),
28
- imageSource: "",
29
- backButtonClick: () => {
30
- },
31
- nextButtonType: "text",
32
- nextButtonText: i("products.next"),
33
- nextButtonClick: () => {
34
- o.next("textBlockOnboarding");
35
- }
36
- },
37
- {
38
- classes: "guido-text-block-onboarding-dynamic",
39
- right: "450px",
40
- top: e.value.dynamic.top,
41
- position: e.value.dynamic.position,
42
- title: i("email-editor.onboarding-dynamic-content-title"),
43
- description: i("email-editor.onboarding-dynamic-content-description"),
44
- imageSource: "",
45
- backButtonType: "text",
46
- backButtonText: i("ds-steps.back"),
47
- backButtonClick: () => {
48
- o.previous("textBlockOnboarding");
49
- },
50
- nextButtonType: "text",
51
- nextButtonText: i("action-builder.ok"),
52
- nextButtonClick: () => {
53
- o.close("textBlockOnboarding");
54
- }
55
- }
56
- ]), l = a(() => o.onboardings.textBlockOnboarding.config.length > 0 && o.onboardings.textBlockOnboarding.isActive), p = () => {
57
- var t, n;
58
- (n = (t = o.getTextBlockCurrentCard) == null ? void 0 : t.nextButtonClick) == null || n.call(t);
59
- }, x = () => {
60
- var t, n;
61
- (n = (t = o.getTextBlockCurrentCard) == null ? void 0 : t.backButtonClick) == null || n.call(t);
62
- };
63
- return b(
64
- () => o.isActive("textBlockOnboarding"),
65
- (t) => {
66
- t && o.setConfig("textBlockOnboarding", c.value);
67
- },
68
- { immediate: !0 }
69
- ), { __sfc: !0, trans: i, onboardingStore: o, dynamicPosition: e, onboardingCardsConfig: c, isVisible: l, handleNext: p, handleBack: x, InOnboard: B };
70
- }
71
- });
72
- export {
73
- y as default
74
- };
@@ -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 g from "./VersionHistoryOnboarding.vue2.js";
2
- import l from "../../../_virtual/_plugin-vue2_normalizer.js";
3
- var c = function() {
4
- var n, t, i, e, s, a;
5
- var r = this, d = r._self._c, o = r._self._setupProxy;
6
- return o.isVisible ? d(o.InOnboard, { key: "guido__version-history-onboard", staticClass: "w-21-s p-a z-11", class: (n = o.onboardingStore.getVersionHistoryCurrentCard) == null ? void 0 : n.classes, attrs: { id: "guido__version-history-onboard", "is-multiple-page": "", visible: "", "image-source": "", title: "", "bottom-position": (t = o.onboardingStore.getVersionHistoryCurrentCard) == null ? void 0 : t.bottom, "left-position": (i = o.onboardingStore.getVersionHistoryCurrentCard) == null ? void 0 : i.left, "pages-config": o.onboardingStore.onboardings.versionHistoryOnboarding.config, "pointer-position": (e = o.onboardingStore.getVersionHistoryCurrentCard) == null ? void 0 : e.position, "right-position": (s = o.onboardingStore.getVersionHistoryCurrentCard) == null ? void 0 : s.right, "top-position": (a = o.onboardingStore.getVersionHistoryCurrentCard) == null ? void 0 : a.top }, on: { backButtonClick: o.handleBack, close: function(b) {
7
- return o.onboardingStore.close("versionHistoryOnboarding");
8
- }, nextButtonClick: o.handleNext } }) : r._e();
9
- }, _ = [], p = /* @__PURE__ */ l(
10
- g,
11
- c,
12
- _,
13
- !1,
14
- null,
15
- null
16
- );
17
- const m = p.exports;
18
- export {
19
- m as default
20
- };
@@ -1,37 +0,0 @@
1
- import { defineComponent as c, computed as e, watch as g } from "vue";
2
- import { useTranslations as b } from "../../../composables/useTranslations.js";
3
- import { useOnboardingStore as u } from "../../../stores/onboarding.js";
4
- import { InOnboard as l } from "@useinsider/design-system-vue";
5
- const C = /* @__PURE__ */ c({
6
- __name: "VersionHistoryOnboarding",
7
- setup(p) {
8
- const t = b(), n = u(), r = e(() => [
9
- {
10
- classes: "guido-version-history-onboarding",
11
- left: "409px",
12
- top: "192px",
13
- position: "Left Top",
14
- title: t("email-editor.onboarding-version-history-title"),
15
- description: t("email-editor.onboarding-version-history-description"),
16
- imageSource: "",
17
- backButtonClick: () => {
18
- },
19
- nextButtonType: "text",
20
- nextButtonText: t("action-builder.ok"),
21
- nextButtonClick: () => void n.close("versionHistoryOnboarding")
22
- }
23
- ]), s = e(() => n.onboardings.versionHistoryOnboarding.config.length > 0 && n.onboardings.versionHistoryOnboarding.isActive), a = () => {
24
- var o, i;
25
- (i = (o = n.getVersionHistoryCurrentCard) == null ? void 0 : o.nextButtonClick) == null || i.call(o);
26
- }, d = () => {
27
- var o, i;
28
- (i = (o = n.getVersionHistoryCurrentCard) == null ? void 0 : o.backButtonClick) == null || i.call(o);
29
- };
30
- return g(() => n.onboardings.versionHistoryOnboarding.isActive, (o) => {
31
- o && n.setConfig("versionHistoryOnboarding", r.value);
32
- }, { immediate: !0 }), { __sfc: !0, trans: t, onboardingStore: n, onboardingCardsConfig: r, isVisible: s, handleNext: a, handleBack: d, InOnboard: l };
33
- }
34
- });
35
- export {
36
- C as default
37
- };
@@ -1,3 +0,0 @@
1
- export declare const useHtmlValidator: () => {
2
- validateHtml: (html: string, customFields: string[], isOnSaveValidation?: boolean) => Promise<boolean>;
3
- };