@useinsider/guido 3.0.0-beta.de55333 → 3.0.0-beta.e6e5a78

package/dist/components/organisms/header/EditorActions.vue.js

@@ -1,21 +1,23 @@
 import l from "./EditorActions.vue2.js";
 /* empty css                   */
-import r from "../../../_virtual/_plugin-vue2_normalizer.js";
-var d = function() {
+import d from "../../../_virtual/_plugin-vue2_normalizer.js";
+var u = function() {
   var s, i, n, a;
-  var e = this, o = e._self._c, t = e._self._setupProxy;
-  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(_) {
+  var o = this, e = o._self._c, t = o._self._setupProxy;
+  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) {
     return t.handleSave(!1);
+  } } }), e(t.MigrationConfirmModal, { ref: "migrationModalRef", on: { confirm: function(r) {
+    return t.executeSave(!1);
   } } })], 1);
-}, u = [], p = /* @__PURE__ */ r(
+}, p = [], c = /* @__PURE__ */ d(
   l,
-  d,
   u,
+  p,
   !1,
   null,
-  "17dd4d8b"
+  "acff76a8"
 );
-const v = p.exports;
+const v = c.exports;
 export {
   v as default
 };

package/dist/components/organisms/header/EditorActions.vue2.js

@@ -1,41 +1,51 @@
-import { defineComponent as g, ref as u, computed as f } from "vue";
-import { useConfig as E } from "../../../composables/useConfig.js";
-import { useExport as h } from "../../../composables/useExport.js";
-import { useTestEmailClick as w } from "../../../composables/useGuidoActions.js";
-import { useSave as x } from "../../../composables/useSave.js";
-import { useTranslations as T } from "../../../composables/useTranslations.js";
-import { useVersionHistoryApi as O } from "../../../composables/useVersionHistoryApi.js";
-import { useEditorStore as A } from "../../../stores/editor.js";
-import { getTooltipOptions as C } from "../../../utils/tooltipUtils.js";
-import { InButtonV2 as k } from "@useinsider/design-system-vue";
-const J = /* @__PURE__ */ g({
+import { defineComponent as E, ref as n, computed as g } from "vue";
+import { useConfig as w } from "../../../composables/useConfig.js";
+import { useExport as C } from "../../../composables/useExport.js";
+import { useTestEmailClick as M } from "../../../composables/useGuidoActions.js";
+import { useSave as O } from "../../../composables/useSave.js";
+import { useTranslations as A } from "../../../composables/useTranslations.js";
+import { useVersionHistoryApi as k } from "../../../composables/useVersionHistoryApi.js";
+import { useEditorStore as B } from "../../../stores/editor.js";
+import { useTemplateStore as R } from "../../../stores/template.js";
+import { getTooltipOptions as b } from "../../../utils/tooltipUtils.js";
+import { InButtonV2 as D } from "@useinsider/design-system-vue";
+import { storeToRefs as I } from "pinia";
+import P from "./MigrationConfirmModal.vue.js";
+const Z = /* @__PURE__ */ E({
   __name: "EditorActions",
-  setup(B, { expose: v }) {
-    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 = () => {
-      if (o.isVersionHistoryOpen) {
-        c();
+  setup(j, { expose: H }) {
+    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 = () => {
+      if (e.isVersionHistoryOpen) {
+        u();
         return;
       }
-      p();
-    }, H = async () => {
-      r.value = !0, await a(), r.value = !1;
-    }, V = () => {
-      o.isSaveAsTemplateDrawerOpen = !0;
-    }, S = f(() => o.isVersionHistoryOpen ? s("newsletter.close-version-history") : s("newsletter.version-history")), _ = f(
+      l();
+    }, T = async () => {
+      s.value = !0, await m(), s.value = !1;
+    }, _ = () => {
+      e.isSaveAsTemplateDrawerOpen = !0;
+    }, h = g(() => e.isVersionHistoryOpen ? r("newsletter.close-version-history") : r("newsletter.version-history")), x = g(
       () => {
-        var t, e;
-        return ((e = (t = n.value) == null ? void 0 : t.features) == null ? void 0 : e.versionHistory) && !o.isPreviewModeOpen;
+        var o, t;
+        return ((t = (o = a.value) == null ? void 0 : o.features) == null ? void 0 : t.versionHistory) && !e.isPreviewModeOpen;
       }
-    ), m = async (t) => {
-      i.value = !0, o.loadingStatus = !0;
-      const e = await l(t);
-      return i.value = !1, (t || !e) && (o.loadingStatus = !1), e;
+    ), d = async (o) => {
+      i.value = !0, e.loadingStatus = !0;
+      const t = await p(o);
+      return i.value = !1, (o || !t) && (e.loadingStatus = !1), t;
+    }, y = (o) => {
+      var t;
+      if (!o && f.value) {
+        (t = v.value) == null || t.open();
+        return;
+      }
+      return d(o);
     };
-    return v({
-      handleSave: m
-    }), { __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 };
+    return H({
+      handleSave: y
+    }), { __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 };
   }
 });
 export {
-  J as default
+  Z as default
 };

package/dist/components/organisms/header/MigrationConfirmModal.vue.js

@@ -0,0 +1,17 @@
+import n from "./MigrationConfirmModal.vue2.js";
+import t from "../../../_virtual/_plugin-vue2_normalizer.js";
+var i = function() {
+  var e = this, r = e._self._c, o = e._self._setupProxy;
+  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();
+}, s = [], a = /* @__PURE__ */ t(
+  n,
+  i,
+  s,
+  !1,
+  null,
+  null
+);
+const c = a.exports;
+export {
+  c as default
+};

package/dist/components/organisms/header/MigrationConfirmModal.vue2.js

@@ -0,0 +1,39 @@
+import { defineComponent as g, ref as m, computed as s } from "vue";
+import _ from "../../wrappers/WpModal.vue.js";
+import { useTranslations as b } from "../../../composables/useTranslations.js";
+import { useTemplateStore as M } from "../../../stores/template.js";
+const k = /* @__PURE__ */ g({
+  __name: "MigrationConfirmModal",
+  emits: ["confirm"],
+  setup(y, { expose: c, emit: n }) {
+    const t = m(!1), o = M(), e = b(), l = m({
+      cancelOrBackButton: {
+        type: "secondary",
+        labelText: e("campaign-builder.cancel"),
+        styling: "ghost"
+      },
+      primaryButton: {
+        type: "primary",
+        labelText: e("email-editor.migration-confirm-save")
+      }
+    }), i = s(() => {
+      if (o.hasRecommendationMigrations && o.hasItemsMigrations) {
+        const d = e("email-recommendation.recommendation"), u = e("email-editor.items");
+        return `${d} ${e("campaign-builder.or")} ${u}`;
+      }
+      return o.hasItemsMigrations ? e("email-editor.items") : e("email-recommendation.recommendation");
+    }), f = s(() => e("email-editor.migration-confirm-message", {
+      blockNames: i.value
+    })), r = () => {
+      t.value = !0;
+    }, a = () => {
+      t.value = !1;
+    }, p = () => {
+      a(), n("confirm");
+    };
+    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: _ };
+  }
+});
+export {
+  k as default
+};

package/dist/components/organisms/onboarding/GenericOnboarding.vue.js

@@ -13,7 +13,7 @@ var l = function() {
   p,
   !1,
   null,
-  "d3c52b44"
+  "29b9af29"
 );
 const S = _.exports;
 export {

package/dist/components/organisms/onboarding/GenericOnboarding.vue2.js

@@ -32,7 +32,7 @@ const S = /* @__PURE__ */ l({
       },
       {
         classes: "guido-onboarding-stripes",
-        right: "450px",
+        right: "426px",
         bottom: "38px",
         position: "Right Bottom",
         title: e("email-editor.onboarding-stripes-title"),

package/dist/components/organisms/onboarding/TextBlockOnboarding.vue.js

@@ -13,7 +13,7 @@ var g = function() {
   b,
   !1,
   null,
-  "a408dcea"
+  "d073b1dc"
 );
 const f = p.exports;
 export {

package/dist/components/organisms/onboarding/TextBlockOnboarding.vue2.js

@@ -20,7 +20,7 @@ const y = /* @__PURE__ */ u({
     }), c = a(() => [
       {
         classes: "guido-text-block-onboarding-settings",
-        right: "450px",
+        right: "426px",
         top: e.value.settings.top,
         position: e.value.settings.position,
         title: i("email-editor.onboarding-text-block-title"),
@@ -36,7 +36,7 @@ const y = /* @__PURE__ */ u({
       },
       {
         classes: "guido-text-block-onboarding-dynamic",
-        right: "450px",
+        right: "426px",
         top: e.value.dynamic.top,
         position: e.value.dynamic.position,
         title: i("email-editor.onboarding-dynamic-content-title"),

package/dist/composables/useToaster.js

@@ -1,31 +1,33 @@
 import { ToasterTypeOptions as T } from "../enums/toaster.js";
-import { useToasterStore as u } from "../stores/toaster.js";
-import { watch as c } from "vue";
-const d = () => {
-  const t = u();
+import { useToasterStore as c } from "../stores/toaster.js";
+import { watch as u, nextTick as l } from "vue";
+const p = () => {
+  const t = c();
   let o = null;
   const s = () => {
     o && (clearTimeout(o), o = null);
   };
   function r(e = { message: "" }) {
-    s(), t.hideToaster(), t.showToaster(e);
+    s(), t.hideToaster(), l(() => {
+      t.showToaster(e);
+    });
   }
   function i() {
     s(), t.hideToaster();
   }
-  function a(e, n) {
+  function n(e, a) {
     const m = e instanceof Error ? e.message : String(e);
-    r({ type: T.Alert, message: `${n}: ${m}` });
+    r({ type: T.Alert, message: `${a}: ${m}` });
   }
-  return c(
+  return u(
     () => t.shouldAutoHide,
     (e) => {
       s(), e && (o = setTimeout(() => {
         t.hideToaster(), s();
       }, 6e3));
     }
-  ), { showToaster: r, hideToaster: i, handleError: a };
+  ), { showToaster: r, hideToaster: i, handleError: n };
 };
 export {
-  d as useToaster
+  p as useToaster
 };

package/dist/config/i18n/en/labels.json.js

@@ -1,7 +1,12 @@
-const l = {
+const e = "Items", o = {
   "Global Styles & Layout": "Global Styles and Layout",
-  "Structures & Modules": "Structures and Modules"
+  "Structures & Modules": "Structures and Modules",
+  "Recommendation Block": "Recommendation",
+  Items: e,
+  "This block is switched from the Old Version to the New Version. We recommend you check the Recommendation block and test your message to ensure it works properly.": "This block is switched from the Old Version to the New Version. We recommend you check the Recommendation block and test your message to ensure it works properly.",
+  "This block is switched from the Old Version to the New Version. We recommend you check the Items block and test your message to ensure it works properly.": "This block is switched from the Old Version to the New Version. We recommend you check the Items block and test your message to ensure it works properly."
 };
 export {
-  l as default
+  e as Items,
+  o as default
 };