@useinsider/guido 3.0.0-beta.3068a18 → 3.0.0-beta.39155d9

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 (79) hide show
  1. package/dist/@types/config/schemas.js +10 -8
  2. package/dist/components/Guido.vue.js +3 -3
  3. package/dist/components/Guido.vue2.js +61 -60
  4. package/dist/components/organisms/header/EditorActions.vue.js +10 -8
  5. package/dist/components/organisms/header/EditorActions.vue2.js +41 -31
  6. package/dist/components/organisms/header/MigrationConfirmModal.vue.js +17 -0
  7. package/dist/components/organisms/header/MigrationConfirmModal.vue2.js +39 -0
  8. package/dist/components/organisms/onboarding/GenericOnboarding.vue.js +1 -1
  9. package/dist/components/organisms/onboarding/GenericOnboarding.vue2.js +1 -1
  10. package/dist/components/organisms/onboarding/TextBlockOnboarding.vue.js +1 -1
  11. package/dist/components/organisms/onboarding/TextBlockOnboarding.vue2.js +2 -2
  12. package/dist/composables/useCustomFieldAttributes.js +16 -0
  13. package/dist/composables/useHtmlValidator.js +40 -38
  14. package/dist/config/compiler/unsubscribeCompilerRules.js +14 -14
  15. package/dist/config/compiler/utils/recommendationCompilerUtils.js +29 -18
  16. package/dist/config/i18n/en/labels.json.js +8 -3
  17. package/dist/config/migrator/itemsBlockMigrator.js +135 -131
  18. package/dist/config/migrator/recommendationMigrator.js +58 -54
  19. package/dist/enums/block.js +4 -0
  20. package/dist/extensions/Blocks/Items/block.js +30 -21
  21. package/dist/extensions/Blocks/Items/iconsRegistry.js +7 -6
  22. package/dist/extensions/Blocks/Items/items.css.js +48 -0
  23. package/dist/extensions/Blocks/Recommendation/block.js +25 -13
  24. package/dist/extensions/Blocks/Recommendation/constants/blockIds.js +1 -1
  25. package/dist/extensions/Blocks/Recommendation/constants/controlIds.js +1 -1
  26. package/dist/extensions/Blocks/Recommendation/constants/selectors.js +15 -12
  27. package/dist/extensions/Blocks/Recommendation/controls/cardComposition/index.js +693 -144
  28. package/dist/extensions/Blocks/Recommendation/controls/customAttribute/index.js +78 -0
  29. package/dist/extensions/Blocks/Recommendation/controls/layout/index.js +27 -24
  30. package/dist/extensions/Blocks/Recommendation/controls/main/utils.js +134 -126
  31. package/dist/extensions/Blocks/Recommendation/extension.js +18 -16
  32. package/dist/extensions/Blocks/Recommendation/iconsRegistry.js +5 -4
  33. package/dist/extensions/Blocks/Recommendation/recommendation.css.js +174 -2
  34. package/dist/extensions/Blocks/Recommendation/settingsPanel.js +124 -106
  35. package/dist/extensions/Blocks/Recommendation/store/recommendation.js +8 -7
  36. package/dist/extensions/Blocks/Recommendation/templates/grid/elementRenderer.js +63 -34
  37. package/dist/extensions/Blocks/Recommendation/templates/grid/template.js +30 -33
  38. package/dist/extensions/Blocks/Recommendation/templates/index.js +8 -8
  39. package/dist/extensions/Blocks/Recommendation/templates/list/elementRenderer.js +28 -13
  40. package/dist/extensions/Blocks/Recommendation/templates/list/template.js +25 -44
  41. package/dist/extensions/Blocks/Recommendation/templates/utils.js +62 -38
  42. package/dist/extensions/Blocks/common-control.js +12 -4
  43. package/dist/guido.css +1 -1
  44. package/dist/services/customFieldAttributesApi.js +21 -0
  45. package/dist/src/@types/config/schemas.d.ts +4 -0
  46. package/dist/src/@types/extensions/block.d.ts +2 -0
  47. package/dist/src/App.vue.d.ts +3 -1
  48. package/dist/src/components/organisms/header/EditorActions.vue.d.ts +1 -1
  49. package/dist/src/components/organisms/header/MigrationConfirmModal.vue.d.ts +6 -0
  50. package/dist/src/components/wrappers/WpModal.vue.d.ts +2 -2
  51. package/dist/src/composables/useConfig.d.ts +2 -0
  52. package/dist/src/composables/useCustomFieldAttributes.d.ts +5 -0
  53. package/dist/src/enums/block.d.ts +4 -0
  54. package/dist/src/extensions/Blocks/Items/block.d.ts +3 -1
  55. package/dist/src/extensions/Blocks/Recommendation/block.d.ts +4 -1
  56. package/dist/src/extensions/Blocks/Recommendation/constants/blockIds.d.ts +2 -1
  57. package/dist/src/extensions/Blocks/Recommendation/constants/controlIds.d.ts +8 -1
  58. package/dist/src/extensions/Blocks/Recommendation/constants/index.d.ts +1 -1
  59. package/dist/src/extensions/Blocks/Recommendation/constants/selectors.d.ts +10 -0
  60. package/dist/src/extensions/Blocks/Recommendation/controls/cardComposition/index.d.ts +134 -44
  61. package/dist/src/extensions/Blocks/Recommendation/controls/customAttribute/index.d.ts +105 -0
  62. package/dist/src/extensions/Blocks/Recommendation/controls/index.d.ts +1 -0
  63. package/dist/src/extensions/Blocks/Recommendation/controls/main/utils.d.ts +2 -0
  64. package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts +1 -0
  65. package/dist/src/extensions/Blocks/Recommendation/templates/grid/elementRenderer.d.ts +1 -1
  66. package/dist/src/extensions/Blocks/Recommendation/templates/list/elementRenderer.d.ts +1 -1
  67. package/dist/src/extensions/Blocks/Recommendation/templates/list/template.d.ts +10 -4
  68. package/dist/src/extensions/Blocks/Recommendation/templates/utils.d.ts +37 -2
  69. package/dist/src/extensions/Blocks/common-control.d.ts +5 -0
  70. package/dist/src/mock/api/custom-field-attributes.d.ts +2 -0
  71. package/dist/src/services/customFieldAttributesApi.d.ts +3 -0
  72. package/dist/src/stores/config.d.ts +18 -0
  73. package/dist/src/stores/template.d.ts +29 -0
  74. package/dist/src/utils/migrationBannerHtml.d.ts +2 -0
  75. package/dist/static/assets/info.svg.js +5 -0
  76. package/dist/static/styles/variables.css.js +3 -0
  77. package/dist/stores/template.js +15 -0
  78. package/dist/utils/migrationBannerHtml.js +21 -0
  79. package/package.json +3 -2
@@ -61,7 +61,7 @@ const m = {
61
61
  value: t()
62
62
  })
63
63
  )
64
- }), R = o({
64
+ }), A = o({
65
65
  /** Initial HTML content */
66
66
  html: e(t(), ""),
67
67
  /** Initial CSS content */
@@ -71,11 +71,13 @@ const m = {
71
71
  c(f),
72
72
  []
73
73
  ),
74
+ /** Valid custom field attribute names from the partner's categorized fields */
75
+ customFieldAttributes: e(c(t()), []),
74
76
  /** Selected unsubscribe page IDs */
75
77
  selectedUnsubscribePages: e(c(p()), []),
76
78
  /** Force recreate template in Stripo storage (use true when updating externally modified templates) */
77
79
  forceRecreate: e(a(), !1)
78
- }), A = o({
80
+ }), R = o({
79
81
  /** Sender display name */
80
82
  senderName: e(t(), ""),
81
83
  /** Email subject line */
@@ -88,7 +90,7 @@ const m = {
88
90
  /** Migration date for template compatibility */
89
91
  migrationDate: e(p(), 1759696858),
90
92
  /** Email header settings */
91
- emailHeader: e(A, { senderName: "", subject: "" }),
93
+ emailHeader: e(R, { senderName: "", subject: "" }),
92
94
  /** Folder name for user-saved modules (used by Stripo plugin panel for path construction) */
93
95
  savedModulesFolderName: e(t(), b.SAVED_MODULES),
94
96
  /** Folder name for default/prebuilt modules (used by Stripo plugin panel for path construction) */
@@ -205,7 +207,7 @@ const m = {
205
207
  "externalValidation must be a function"
206
208
  )
207
209
  )
208
- }), H = o({
210
+ }), F = o({
209
211
  // Required sections
210
212
  /** Identity configuration (required) */
211
213
  identity: h,
@@ -213,7 +215,7 @@ const m = {
213
215
  partner: y,
214
216
  // Optional sections (with defaults)
215
217
  /** Template content and presets */
216
- template: e(R, {}),
218
+ template: e(A, {}),
217
219
  /** Editor settings */
218
220
  editor: e(C, {}),
219
221
  /** UI configuration */
@@ -237,9 +239,9 @@ export {
237
239
  E as DefaultBlockTypeSchema,
238
240
  f as DynamicContentSchema,
239
241
  C as EditorSchema,
240
- A as EmailHeaderSchema,
242
+ R as EmailHeaderSchema,
241
243
  I as FeaturesSchema,
242
- H as GuidoConfigSchema,
244
+ F as GuidoConfigSchema,
243
245
  h as IdentitySchema,
244
246
  m as MessageType,
245
247
  y as PartnerSchema,
@@ -247,6 +249,6 @@ export {
247
249
  M as RegexRuleSchema,
248
250
  N as RemoveRuleSchema,
249
251
  L as ReplaceRuleSchema,
250
- R as TemplateSchema,
252
+ A as TemplateSchema,
251
253
  T as UISchema
252
254
  };
@@ -12,9 +12,9 @@ var t = function() {
12
12
  n,
13
13
  !1,
14
14
  null,
15
- "a26d7792"
15
+ "e9f9ae3a"
16
16
  );
17
- const v = s.exports;
17
+ const u = s.exports;
18
18
  export {
19
- v as default
19
+ u as default
20
20
  };
@@ -1,121 +1,122 @@
1
- import { defineComponent as K, defineAsyncComponent as _, ref as V, computed as P, watch as j, onMounted as q, onUnmounted as J } from "vue";
2
- import { provideGuidoActions as Q } from "../composables/useGuidoActions.js";
3
- import { usePartner as X } from "../composables/usePartner.js";
4
- import { useStripo as Y } from "../composables/useStripo.js";
5
- import { useTimerClone as Z } from "../composables/useTimerClone.js";
6
- import { migrate as A } from "../config/migrator/index.js";
7
- import { ModuleFolderDefaults as N } from "../enums/defaults.js";
8
- import $ from "./organisms/base/Toaster.vue.js";
9
- import ee from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
10
- import oe from "./organisms/header/HeaderWrapper.vue.js";
11
- import te from "./organisms/LoadingWrapper.vue.js";
12
- import ne from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
13
- import se from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
14
- import { useStripoApi as re } from "../services/stripoApi.js";
15
- import { useConfigStore as ce } from "../stores/config.js";
16
- import { useDynamicContentStore as ae } from "../stores/dynamic-content.js";
17
- import { useEditorStore as ie } from "../stores/editor.js";
18
- import { usePreviewStore as me } from "../stores/preview.js";
19
- import { useUnsubscribeStore as de } from "../stores/unsubscribe.js";
20
- const Me = /* @__PURE__ */ K({
1
+ import { defineComponent as j, defineAsyncComponent as P, ref as q, computed as N, watch as J, onMounted as Q, onUnmounted as X } from "vue";
2
+ import { useCustomFieldAttributes as Y } from "../composables/useCustomFieldAttributes.js";
3
+ import { provideGuidoActions as Z } from "../composables/useGuidoActions.js";
4
+ import { usePartner as $ } from "../composables/usePartner.js";
5
+ import { useStripo as ee } from "../composables/useStripo.js";
6
+ import { useTimerClone as te } from "../composables/useTimerClone.js";
7
+ import { migrate as W } from "../config/migrator/index.js";
8
+ import { ModuleFolderDefaults as I } from "../enums/defaults.js";
9
+ import oe from "./organisms/base/Toaster.vue.js";
10
+ import ne from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
11
+ import se from "./organisms/header/HeaderWrapper.vue.js";
12
+ import re from "./organisms/LoadingWrapper.vue.js";
13
+ import ae from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
14
+ import ce from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
15
+ import { useStripoApi as ie } from "../services/stripoApi.js";
16
+ import { useConfigStore as me } from "../stores/config.js";
17
+ import { useDynamicContentStore as de } from "../stores/dynamic-content.js";
18
+ import { useEditorStore as le } from "../stores/editor.js";
19
+ import { usePreviewStore as ue } from "../stores/preview.js";
20
+ import { useUnsubscribeStore as pe } from "../stores/unsubscribe.js";
21
+ const Ne = /* @__PURE__ */ j({
21
22
  __name: "Guido",
22
23
  props: {
23
24
  config: null
24
25
  },
25
26
  emits: ["dynamic-content:open", "back", "save:start", "save:complete", "on-change", "ready", "onboarding:finished", "test-email:click"],
26
- setup(W, { expose: I, emit: t }) {
27
- const v = W, O = _(
27
+ setup(O, { expose: G, emit: o }) {
28
+ const v = O, H = P(
28
29
  () => import("./organisms/email-preview/PreviewContainer.vue.js")
29
- ), G = _(
30
+ ), x = P(
30
31
  () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
31
- ), h = V(), i = ae(), y = de(), s = ce();
32
+ ), b = q(), i = de(), f = pe(), s = me();
32
33
  s.init(v.config);
33
- const m = ie(), H = me(), c = P(() => m.hasChanges), { isTestPartner: x } = X(), f = () => {
34
+ const m = le(), B = ue(), a = N(() => m.hasChanges), { isTestPartner: R } = $(), h = () => {
34
35
  var e;
35
- return (e = h.value) == null ? void 0 : e.handleSave(!0);
36
+ return (e = b.value) == null ? void 0 : e.handleSave(!0);
36
37
  }, {
37
38
  templateId: d,
38
- userId: b,
39
+ userId: y,
39
40
  partnerName: S,
40
41
  username: g,
41
- template: o,
42
+ template: t,
42
43
  editor: n
43
- } = s, a = (o == null ? void 0 : o.html) || "", D = (o == null ? void 0 : o.css) || "", l = (o == null ? void 0 : o.preselectedDynamicContent) || [], w = (n == null ? void 0 : n.savedModulesFolderName) || N.SAVED_MODULES, E = (n == null ? void 0 : n.defaultModulesFolderName) || N.DEFAULT_MODULES;
44
+ } = s, c = (t == null ? void 0 : t.html) || "", w = (t == null ? void 0 : t.css) || "", l = (t == null ? void 0 : t.preselectedDynamicContent) || [], D = (n == null ? void 0 : n.savedModulesFolderName) || I.SAVED_MODULES, C = (n == null ? void 0 : n.defaultModulesFolderName) || I.DEFAULT_MODULES;
44
45
  m.templateId = d;
45
46
  const u = {
46
47
  emailId: d,
47
- userId: b,
48
+ userId: y,
48
49
  username: g,
49
50
  partnerName: S,
50
- savedModulesFolderName: w,
51
- defaultModulesFolderName: E
52
- }, C = {
51
+ savedModulesFolderName: D,
52
+ defaultModulesFolderName: C
53
+ }, E = {
53
54
  preselectedDynamicContentList: l,
54
55
  onReady: () => {
55
- console.debug("guido:ready"), t("ready");
56
+ console.debug("guido:ready"), o("ready");
56
57
  }
57
- }, { initPlugin: T } = Y(u, C), { getDefaultTemplate: k } = re(), { cloneTimersOnSave: F, hasTimerBlocks: U } = Z(), B = P(() => {
58
+ }, { initPlugin: F } = ee(u, E), { getDefaultTemplate: T } = ie(), { resolveCustomFieldAttributes: k, resetCustomFieldAttributes: A } = Y(), { cloneTimersOnSave: U, hasTimerBlocks: L } = te(), z = N(() => {
58
59
  var e;
59
60
  return !((e = s.ui) != null && e.showHeader);
60
61
  });
61
- Q({
62
+ Z({
62
63
  onBack: () => {
63
- console.debug("guido:back"), t("back");
64
+ console.debug("guido:back"), o("back");
64
65
  },
65
66
  onSaveStart: () => {
66
- console.debug("guido:save:start"), t("save:start");
67
+ console.debug("guido:save:start"), o("save:start");
67
68
  },
68
69
  onSaveComplete: (e) => {
69
70
  const r = { ...e, metadata: u };
70
- console.debug("guido:save:complete", r), t("save:complete", r);
71
+ console.debug("guido:save:complete", r), o("save:complete", r);
71
72
  },
72
73
  onTestEmailClick: () => {
73
- console.debug("guido:test-email:click"), t("test-email:click");
74
+ console.debug("guido:test-email:click"), o("test-email:click");
74
75
  }
75
76
  });
76
- const L = (e) => {
77
+ const M = (e) => {
77
78
  console.debug("dynamic-content:close", e), i.setSelectedDynamicContent(e), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: e }));
78
- }, M = () => {
79
+ }, _ = () => {
79
80
  console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
80
81
  };
81
- j(() => c.value, () => {
82
- t("on-change", c.value);
82
+ J(() => a.value, () => {
83
+ o("on-change", a.value);
83
84
  });
84
85
  const p = (e) => {
85
- const r = e, { attribute: R, position: z } = r.detail;
86
- console.debug("dynamic-content:open", r.detail), t("dynamic-content:open", R, z);
86
+ const r = e, { attribute: K, position: V } = r.detail;
87
+ console.debug("dynamic-content:open", r.detail), o("dynamic-content:open", K, V);
87
88
  };
88
- return q(async () => {
89
+ return Q(async () => {
89
90
  console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow");
90
91
  try {
91
- y.selectedUnsubscribePages = (o == null ? void 0 : o.selectedUnsubscribePages) || [];
92
+ f.selectedUnsubscribePages = (t == null ? void 0 : t.selectedUnsubscribePages) || [], await k();
92
93
  let e = {
93
- html: a && await A(a),
94
- css: D
94
+ html: c && await W(c),
95
+ css: w
95
96
  };
96
- e.html || (e = await k(), e.html = await A(e.html)), U(e.html) && (e.html = await F(e.html)), await T(e), i.selectedDynamicContentList = l;
97
+ e.html || (e = await T(), e.html = await W(e.html)), L(e.html) && (e.html = await U(e.html)), await F(e), i.selectedDynamicContentList = l;
97
98
  } catch (e) {
98
99
  console.error("Failed to initialize Stripo editor:", e);
99
100
  }
100
101
  document.addEventListener("dynamic-content:open", p);
101
- }), J(() => {
102
+ }), X(() => {
102
103
  document.removeEventListener("dynamic-content:open", p);
103
104
  try {
104
105
  window.UIEditor.removeEditor();
105
106
  } catch {
106
107
  console.debug("Failed to remove Stripo editor: No editor found");
107
108
  }
108
- s.reset();
109
- }), I({
109
+ A(), s.reset();
110
+ }), G({
110
111
  dynamicContent: {
111
- insert: L,
112
- close: M
112
+ insert: M,
113
+ close: _
113
114
  },
114
- hasChanges: c,
115
- saveSilent: f
116
- }), { __sfc: !0, PreviewContainer: O, OnboardingWrapper: G, headerWrapperRef: h, dynamicContentStore: i, unsubscribeStore: y, props: v, configStore: s, editorStore: m, previewStore: H, hasChanges: c, isTestPartner: x, saveSilent: f, templateId: d, userId: b, partnerName: S, username: g, templateConfig: o, editorConfig: n, html: a, css: D, preselectedDynamicContentList: l, savedModulesFolderName: w, defaultModulesFolderName: E, emit: t, metadata: u, options: C, initPlugin: T, getDefaultTemplate: k, cloneTimersOnSave: F, hasTimerBlocks: U, noHeader: B, insertDynamicContent: L, closeDynamicContent: M, handleDynamicContentOpen: p, Toaster: $, FilterSelectionDrawer: ee, HeaderWrapper: oe, LoadingWrapper: te, SaveAsTemplateDrawer: ne, UnsubscribeWrapper: se };
115
+ hasChanges: a,
116
+ saveSilent: h
117
+ }), { __sfc: !0, PreviewContainer: H, OnboardingWrapper: x, headerWrapperRef: b, dynamicContentStore: i, unsubscribeStore: f, props: v, configStore: s, editorStore: m, previewStore: B, hasChanges: a, isTestPartner: R, saveSilent: h, templateId: d, userId: y, partnerName: S, username: g, templateConfig: t, editorConfig: n, html: c, css: w, preselectedDynamicContentList: l, savedModulesFolderName: D, defaultModulesFolderName: C, emit: o, metadata: u, options: E, initPlugin: F, getDefaultTemplate: T, resolveCustomFieldAttributes: k, resetCustomFieldAttributes: A, cloneTimersOnSave: U, hasTimerBlocks: L, noHeader: z, insertDynamicContent: M, closeDynamicContent: _, handleDynamicContentOpen: p, Toaster: oe, FilterSelectionDrawer: ne, HeaderWrapper: se, LoadingWrapper: re, SaveAsTemplateDrawer: ae, UnsubscribeWrapper: ce };
117
118
  }
118
119
  });
119
120
  export {
120
- Me as default
121
+ Ne as default
121
122
  };
@@ -1,21 +1,23 @@
1
1
  import l from "./EditorActions.vue2.js";
2
2
  /* empty css */
3
- import r from "../../../_virtual/_plugin-vue2_normalizer.js";
4
- var d = function() {
3
+ import d from "../../../_virtual/_plugin-vue2_normalizer.js";
4
+ var u = function() {
5
5
  var s, i, n, a;
6
- var e = this, o = e._self._c, t = e._self._setupProxy;
7
- return o("div", { staticClass: "d-f editor-actions" }, [t.isVersionHistoryButtonVisible ? o(t.InButtonV2, { attrs: { id: "guido__history-button", "left-icon": "line-architect-version-history", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryButtonDisabled, "label-text-status": !1, "selected-status": t.editorStore.isVersionHistoryOpen, "tooltip-options": t.getTooltipOptions("guido__history-button"), "tooltip-text": t.versionHistoryTooltipText }, on: { click: t.handleVersionHistory } }) : e._e(), o(t.InButtonV2, { attrs: { id: "guido__export-button", "left-icon": "line-export", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isExportButtonDisabled, "label-text-status": !1, "loading-status": t.isExporting, "tooltip-options": t.getTooltipOptions("guido__export-button"), "tooltip-text": t.trans("newsletter.export") }, on: { click: t.handleExport } }), (i = (s = t.config) == null ? void 0 : s.features) != null && i.saveAsTemplate ? o(t.InButtonV2, { attrs: { id: "guido__save-as-button", "left-icon": "line-newsletter-save-as-template", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isSaveAsButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__save-as-button"), "tooltip-text": t.trans("newsletter.save-templates") }, on: { click: t.handleSaveAs } }) : e._e(), (a = (n = t.config) == null ? void 0 : n.features) != null && a.testMessage ? o(t.InButtonV2, { attrs: { id: "guido__test-button", "left-icon": "line-architect-test-journey", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isTestButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__test-button", { staticPosition: "bottom right" }), "tooltip-text": t.trans("newsletter.test-email") }, on: { click: t.testEmailClick } }) : e._e(), t.editorStore.isPreviewModeOpen ? e._e() : o(t.InButtonV2, { staticClass: "ml-3", attrs: { id: "guido__save-button", "label-text": "Save", "disabled-status": !t.isSaving && t.editorStore.isSaveButtonDisabled, "loading-status": t.isSaving }, on: { click: function(_) {
6
+ var o = this, e = o._self._c, t = o._self._setupProxy;
7
+ return e("div", { staticClass: "d-f editor-actions" }, [t.isVersionHistoryButtonVisible ? e(t.InButtonV2, { attrs: { id: "guido__history-button", "left-icon": "line-architect-version-history", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryButtonDisabled, "label-text-status": !1, "selected-status": t.editorStore.isVersionHistoryOpen, "tooltip-options": t.getTooltipOptions("guido__history-button"), "tooltip-text": t.versionHistoryTooltipText }, on: { click: t.handleVersionHistory } }) : o._e(), e(t.InButtonV2, { attrs: { id: "guido__export-button", "left-icon": "line-export", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isExportButtonDisabled, "label-text-status": !1, "loading-status": t.isExporting, "tooltip-options": t.getTooltipOptions("guido__export-button"), "tooltip-text": t.trans("newsletter.export") }, on: { click: t.handleExport } }), (i = (s = t.config) == null ? void 0 : s.features) != null && i.saveAsTemplate ? e(t.InButtonV2, { attrs: { id: "guido__save-as-button", "left-icon": "line-newsletter-save-as-template", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isSaveAsButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__save-as-button"), "tooltip-text": t.trans("newsletter.save-templates") }, on: { click: t.handleSaveAs } }) : o._e(), (a = (n = t.config) == null ? void 0 : n.features) != null && a.testMessage ? e(t.InButtonV2, { attrs: { id: "guido__test-button", "left-icon": "line-architect-test-journey", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isTestButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__test-button", { staticPosition: "bottom right" }), "tooltip-text": t.trans("newsletter.test-email") }, on: { click: t.testEmailClick } }) : o._e(), t.editorStore.isPreviewModeOpen ? o._e() : e(t.InButtonV2, { staticClass: "ml-3", attrs: { id: "guido__save-button", "label-text": "Save", "disabled-status": !t.isSaving && t.editorStore.isSaveButtonDisabled, "loading-status": t.isSaving }, on: { click: function(r) {
8
8
  return t.handleSave(!1);
9
+ } } }), e(t.MigrationConfirmModal, { ref: "migrationModalRef", on: { confirm: function(r) {
10
+ return t.executeSave(!1);
9
11
  } } })], 1);
10
- }, u = [], p = /* @__PURE__ */ r(
12
+ }, p = [], c = /* @__PURE__ */ d(
11
13
  l,
12
- d,
13
14
  u,
15
+ p,
14
16
  !1,
15
17
  null,
16
- "17dd4d8b"
18
+ "acff76a8"
17
19
  );
18
- const v = p.exports;
20
+ const v = c.exports;
19
21
  export {
20
22
  v as default
21
23
  };
@@ -1,41 +1,51 @@
1
- import { defineComponent as g, ref as u, computed as f } from "vue";
2
- import { useConfig as E } from "../../../composables/useConfig.js";
3
- import { useExport as h } from "../../../composables/useExport.js";
4
- import { useTestEmailClick as w } from "../../../composables/useGuidoActions.js";
5
- import { useSave as x } from "../../../composables/useSave.js";
6
- import { useTranslations as T } from "../../../composables/useTranslations.js";
7
- import { useVersionHistoryApi as O } from "../../../composables/useVersionHistoryApi.js";
8
- import { useEditorStore as A } from "../../../stores/editor.js";
9
- import { getTooltipOptions as C } from "../../../utils/tooltipUtils.js";
10
- import { InButtonV2 as k } from "@useinsider/design-system-vue";
11
- const J = /* @__PURE__ */ g({
1
+ import { defineComponent as E, ref as n, computed as g } from "vue";
2
+ import { useConfig as w } from "../../../composables/useConfig.js";
3
+ import { useExport as C } from "../../../composables/useExport.js";
4
+ import { useTestEmailClick as M } from "../../../composables/useGuidoActions.js";
5
+ import { useSave as O } from "../../../composables/useSave.js";
6
+ import { useTranslations as A } from "../../../composables/useTranslations.js";
7
+ import { useVersionHistoryApi as k } from "../../../composables/useVersionHistoryApi.js";
8
+ import { useEditorStore as B } from "../../../stores/editor.js";
9
+ import { useTemplateStore as R } from "../../../stores/template.js";
10
+ import { getTooltipOptions as b } from "../../../utils/tooltipUtils.js";
11
+ import { InButtonV2 as D } from "@useinsider/design-system-vue";
12
+ import { storeToRefs as I } from "pinia";
13
+ import P from "./MigrationConfirmModal.vue.js";
14
+ const Z = /* @__PURE__ */ E({
12
15
  __name: "EditorActions",
13
- setup(B, { expose: v }) {
14
- const { config: n } = E(), { exportHtml: a } = h(), { save: l } = x(), { openVersionHistory: p, closeVersionHistory: c } = O(), o = A(), s = T(), r = u(!1), i = u(!1), d = w(), y = () => {
15
- if (o.isVersionHistoryOpen) {
16
- c();
16
+ setup(j, { expose: H }) {
17
+ const { config: a } = w(), { exportHtml: m } = C(), { save: p } = O(), { openVersionHistory: l, closeVersionHistory: u } = k(), e = B(), c = R(), { hasMigrations: f } = I(c), r = A(), s = n(!1), i = n(!1), v = n(), S = M(), V = () => {
18
+ if (e.isVersionHistoryOpen) {
19
+ u();
17
20
  return;
18
21
  }
19
- p();
20
- }, H = async () => {
21
- r.value = !0, await a(), r.value = !1;
22
- }, V = () => {
23
- o.isSaveAsTemplateDrawerOpen = !0;
24
- }, S = f(() => o.isVersionHistoryOpen ? s("newsletter.close-version-history") : s("newsletter.version-history")), _ = f(
22
+ l();
23
+ }, T = async () => {
24
+ s.value = !0, await m(), s.value = !1;
25
+ }, _ = () => {
26
+ e.isSaveAsTemplateDrawerOpen = !0;
27
+ }, h = g(() => e.isVersionHistoryOpen ? r("newsletter.close-version-history") : r("newsletter.version-history")), x = g(
25
28
  () => {
26
- var t, e;
27
- return ((e = (t = n.value) == null ? void 0 : t.features) == null ? void 0 : e.versionHistory) && !o.isPreviewModeOpen;
29
+ var o, t;
30
+ return ((t = (o = a.value) == null ? void 0 : o.features) == null ? void 0 : t.versionHistory) && !e.isPreviewModeOpen;
28
31
  }
29
- ), m = async (t) => {
30
- i.value = !0, o.loadingStatus = !0;
31
- const e = await l(t);
32
- return i.value = !1, (t || !e) && (o.loadingStatus = !1), e;
32
+ ), d = async (o) => {
33
+ i.value = !0, e.loadingStatus = !0;
34
+ const t = await p(o);
35
+ return i.value = !1, (o || !t) && (e.loadingStatus = !1), t;
36
+ }, y = (o) => {
37
+ var t;
38
+ if (!o && f.value) {
39
+ (t = v.value) == null || t.open();
40
+ return;
41
+ }
42
+ return d(o);
33
43
  };
34
- return v({
35
- handleSave: m
36
- }), { __sfc: !0, config: n, exportHtml: a, save: l, openVersionHistory: p, closeVersionHistory: c, editorStore: o, trans: s, isExporting: r, isSaving: i, testEmailClick: d, handleVersionHistory: y, handleExport: H, handleSaveAs: V, versionHistoryTooltipText: S, isVersionHistoryButtonVisible: _, handleSave: m, getTooltipOptions: C, InButtonV2: k };
44
+ return H({
45
+ handleSave: y
46
+ }), { __sfc: !0, config: a, exportHtml: m, save: p, openVersionHistory: l, closeVersionHistory: u, editorStore: e, templateStore: c, hasMigrations: f, trans: r, isExporting: s, isSaving: i, migrationModalRef: v, testEmailClick: S, handleVersionHistory: V, handleExport: T, handleSaveAs: _, versionHistoryTooltipText: h, isVersionHistoryButtonVisible: x, executeSave: d, handleSave: y, getTooltipOptions: b, InButtonV2: D, MigrationConfirmModal: P };
37
47
  }
38
48
  });
39
49
  export {
40
- J as default
50
+ Z as default
41
51
  };
@@ -0,0 +1,17 @@
1
+ import n from "./MigrationConfirmModal.vue2.js";
2
+ import t from "../../../_virtual/_plugin-vue2_normalizer.js";
3
+ var i = function() {
4
+ var e = this, r = e._self._c, o = e._self._setupProxy;
5
+ return o.isVisible ? r(o.WpModal, { attrs: { id: "migration-confirm-modal", size: "X-small", "close-on-outside-click": !1, "footer-button-options": o.footerButtonOptions, title: o.trans("email-editor.migration-confirm-save") }, on: { close: o.close, "primary-action": o.handleConfirm } }, [r("p", { domProps: { innerHTML: e._s(o.confirmMessage) } })]) : e._e();
6
+ }, s = [], a = /* @__PURE__ */ t(
7
+ n,
8
+ i,
9
+ s,
10
+ !1,
11
+ null,
12
+ null
13
+ );
14
+ const c = a.exports;
15
+ export {
16
+ c as default
17
+ };
@@ -0,0 +1,39 @@
1
+ import { defineComponent as g, ref as m, computed as s } from "vue";
2
+ import _ from "../../wrappers/WpModal.vue.js";
3
+ import { useTranslations as b } from "../../../composables/useTranslations.js";
4
+ import { useTemplateStore as M } from "../../../stores/template.js";
5
+ const k = /* @__PURE__ */ g({
6
+ __name: "MigrationConfirmModal",
7
+ emits: ["confirm"],
8
+ setup(y, { expose: c, emit: n }) {
9
+ const t = m(!1), o = M(), e = b(), l = m({
10
+ cancelOrBackButton: {
11
+ type: "secondary",
12
+ labelText: e("campaign-builder.cancel"),
13
+ styling: "ghost"
14
+ },
15
+ primaryButton: {
16
+ type: "primary",
17
+ labelText: e("email-editor.migration-confirm-save")
18
+ }
19
+ }), i = s(() => {
20
+ if (o.hasRecommendationMigrations && o.hasItemsMigrations) {
21
+ const d = e("email-recommendation.recommendation"), u = e("email-editor.items");
22
+ return `${d} ${e("campaign-builder.or")} ${u}`;
23
+ }
24
+ return o.hasItemsMigrations ? e("email-editor.items") : e("email-recommendation.recommendation");
25
+ }), f = s(() => e("email-editor.migration-confirm-message", {
26
+ blockNames: i.value
27
+ })), r = () => {
28
+ t.value = !0;
29
+ }, a = () => {
30
+ t.value = !1;
31
+ }, p = () => {
32
+ a(), n("confirm");
33
+ };
34
+ return c({ open: r }), { __sfc: !0, emit: n, isVisible: t, templateStore: o, trans: e, footerButtonOptions: l, blockNames: i, confirmMessage: f, open: r, close: a, handleConfirm: p, WpModal: _ };
35
+ }
36
+ });
37
+ export {
38
+ k as default
39
+ };
@@ -13,7 +13,7 @@ var l = function() {
13
13
  p,
14
14
  !1,
15
15
  null,
16
- "d3c52b44"
16
+ "29b9af29"
17
17
  );
18
18
  const S = _.exports;
19
19
  export {
@@ -32,7 +32,7 @@ const S = /* @__PURE__ */ l({
32
32
  },
33
33
  {
34
34
  classes: "guido-onboarding-stripes",
35
- right: "450px",
35
+ right: "426px",
36
36
  bottom: "38px",
37
37
  position: "Right Bottom",
38
38
  title: e("email-editor.onboarding-stripes-title"),
@@ -13,7 +13,7 @@ var g = function() {
13
13
  b,
14
14
  !1,
15
15
  null,
16
- "a408dcea"
16
+ "d073b1dc"
17
17
  );
18
18
  const f = p.exports;
19
19
  export {
@@ -20,7 +20,7 @@ const y = /* @__PURE__ */ u({
20
20
  }), c = a(() => [
21
21
  {
22
22
  classes: "guido-text-block-onboarding-settings",
23
- right: "450px",
23
+ right: "426px",
24
24
  top: e.value.settings.top,
25
25
  position: e.value.settings.position,
26
26
  title: i("email-editor.onboarding-text-block-title"),
@@ -36,7 +36,7 @@ const y = /* @__PURE__ */ u({
36
36
  },
37
37
  {
38
38
  classes: "guido-text-block-onboarding-dynamic",
39
- right: "450px",
39
+ right: "426px",
40
40
  top: e.value.dynamic.top,
41
41
  position: e.value.dynamic.position,
42
42
  title: i("email-editor.onboarding-dynamic-content-title"),
@@ -0,0 +1,16 @@
1
+ import { useConfig as u } from "./useConfig.js";
2
+ import { useCustomFieldAttributesApi as l } from "../services/customFieldAttributesApi.js";
3
+ import { ref as m } from "vue";
4
+ const e = m([]), A = () => {
5
+ const { getCategorizedFields: i } = l(), { config: r } = u();
6
+ return { customFieldAttributes: e, resolveCustomFieldAttributes: async () => {
7
+ var s, o;
8
+ const t = (o = (s = r.value) == null ? void 0 : s.template) == null ? void 0 : o.customFieldAttributes;
9
+ e.value = t != null && t.length ? t : await i();
10
+ }, resetCustomFieldAttributes: () => {
11
+ e.value = [];
12
+ } };
13
+ };
14
+ export {
15
+ A as useCustomFieldAttributes
16
+ };