@useinsider/guido 3.0.0-beta.6464215 → 3.0.0-beta.736f808

package/dist/components/Guido.vue.js

@@ -12,7 +12,7 @@ var t = function() {
   n,
   !1,
   null,
-  "87189371"
+  "25780af6"
 );
 const u = s.exports;
 export {

package/dist/components/Guido.vue2.js

@@ -1,10 +1,10 @@
-import { defineComponent as j, defineAsyncComponent as N, ref as A, computed as I, watch as J, onMounted as Q, onUnmounted as X } from "vue";
+import { defineComponent as j, defineAsyncComponent as R, ref as A, computed as I, watch as J, onMounted as Q, onUnmounted as X } from "vue";
 import { provideGuidoActions as Y } from "../composables/useGuidoActions.js";
 import { usePartner as Z } from "../composables/usePartner.js";
 import { useStripo as ee } from "../composables/useStripo.js";
 import { useTimerClone as te } from "../composables/useTimerClone.js";
-import { migrate as R } from "../config/migrator/index.js";
-import { ModuleFolderDefaults as W } from "../enums/defaults.js";
+import { migrate as W } from "../config/migrator/index.js";
+import { ModuleFolderDefaults as B } from "../enums/defaults.js";
 import { RIBBON_SELECTOR as oe } from "../enums/onboarding.js";
 import ne from "./organisms/base/Toaster.vue.js";
 import se from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
@@ -12,117 +12,120 @@ import re from "./organisms/header/HeaderWrapper.vue.js";
 import ce from "./organisms/LoadingWrapper.vue.js";
 import ae from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
 import ie from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
-import { useStripoApi as de } from "../services/stripoApi.js";
-import { useConfigStore as me } from "../stores/config.js";
+import { useStripoApi as me } from "../services/stripoApi.js";
+import { useConfigStore as de } from "../stores/config.js";
 import { useDynamicContentStore as le } from "../stores/dynamic-content.js";
 import { useEditorStore as ue } from "../stores/editor.js";
 import { usePreviewStore as pe } from "../stores/preview.js";
 import { useUnsubscribeStore as fe } from "../stores/unsubscribe.js";
-const Ae = /* @__PURE__ */ j({
+const Re = /* @__PURE__ */ j({
   __name: "Guido",
   props: {
     config: null
   },
   emits: ["dynamic-content:open", "back", "save:start", "save:complete", "on-change", "ready", "onboarding:finished", "test-email:click"],
-  setup(B, { expose: H, emit: o }) {
-    const y = B, x = N(
+  setup(H, { expose: x, emit: s }) {
+    const b = H, G = R(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
-    ), G = N(
+    ), z = R(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
-    ), h = A(), b = A(), d = le(), S = fe(), c = me();
-    c.init(y.config);
-    const m = ue(), q = pe(), a = I(() => m.hasChanges), { isTestPartner: z } = Z(), g = () => {
+    ), S = A(), d = A(), l = le(), g = fe(), a = de();
+    a.init(b.config);
+    const u = ue(), q = pe(), i = I(() => u.hasChanges), { isTestPartner: K } = Z(), w = () => {
       var e;
-      return (e = h.value) == null ? void 0 : e.handleSave(!0);
+      return (e = S.value) == null ? void 0 : e.handleSave(!0);
     }, {
-      templateId: l,
-      userId: w,
+      templateId: p,
+      userId: E,
       partnerName: D,
-      username: E,
+      username: C,
       template: t,
-      editor: s
-    } = c, i = (t == null ? void 0 : t.html) || "", C = (t == null ? void 0 : t.css) || "", u = (t == null ? void 0 : t.preselectedDynamicContent) || [], T = (s == null ? void 0 : s.savedModulesFolderName) || W.SAVED_MODULES, L = (s == null ? void 0 : s.defaultModulesFolderName) || W.DEFAULT_MODULES;
-    m.templateId = l;
-    const p = {
-      emailId: l,
-      userId: w,
-      username: E,
+      editor: r
+    } = a, m = (t == null ? void 0 : t.html) || "", T = (t == null ? void 0 : t.css) || "", f = (t == null ? void 0 : t.preselectedDynamicContent) || [], k = (r == null ? void 0 : r.savedModulesFolderName) || B.SAVED_MODULES, F = (r == null ? void 0 : r.defaultModulesFolderName) || B.DEFAULT_MODULES;
+    u.templateId = p;
+    const v = {
+      emailId: p,
+      userId: E,
+      username: C,
       partnerName: D,
-      savedModulesFolderName: T,
-      defaultModulesFolderName: L
-    }, k = {
-      preselectedDynamicContentList: u,
+      savedModulesFolderName: k,
+      defaultModulesFolderName: F
+    }, L = {
+      preselectedDynamicContentList: f,
       onReady: () => {
-        console.debug("guido:ready"), o("ready");
+        console.debug("guido:ready"), s("ready");
       }
-    }, { initPlugin: F } = ee(p, k), { getDefaultTemplate: M } = de(), { cloneTimersOnSave: U, hasTimerBlocks: _ } = te(), K = I(() => {
+    }, { initPlugin: U } = ee(v, L), { getDefaultTemplate: _ } = me(), { cloneTimersOnSave: M, hasTimerBlocks: O } = te(), V = I(() => {
       var e;
-      return !((e = c.ui) != null && e.showHeader);
+      return !((e = a.ui) != null && e.showHeader);
     });
     Y({
       onBack: () => {
-        console.debug("guido:back"), o("back");
+        console.debug("guido:back"), s("back");
       },
       onSaveStart: () => {
-        console.debug("guido:save:start"), o("save:start");
+        console.debug("guido:save:start"), s("save:start");
       },
       onSaveComplete: (e) => {
-        const n = { ...e, metadata: p };
-        console.debug("guido:save:complete", n), o("save:complete", n);
+        const n = { ...e, metadata: v };
+        console.debug("guido:save:complete", n), s("save:complete", n);
       },
       onTestEmailClick: () => {
-        console.debug("guido:test-email:click"), o("test-email:click");
+        console.debug("guido:test-email:click"), s("test-email:click");
       }
     });
-    const O = (e) => {
-      console.debug("dynamic-content:close", e), d.setSelectedDynamicContent(e), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: e }));
-    }, P = () => {
+    const P = (e) => {
+      console.debug("dynamic-content:close", e), l.setSelectedDynamicContent(e), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: e }));
+    }, N = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
-    J(() => a.value, () => {
-      o("on-change", a.value);
+    J(() => i.value, () => {
+      s("on-change", i.value);
     });
-    const f = (e) => {
-      const n = e, { attribute: V, position: $ } = n.detail;
-      console.debug("dynamic-content:open", n.detail), o("dynamic-content:open", V, $);
+    const y = (e) => {
+      const n = e, { attribute: o, position: $ } = n.detail;
+      console.debug("dynamic-content:open", n.detail), s("dynamic-content:open", o, $);
     };
-    let r = null;
-    const v = () => {
+    let c = null;
+    const h = () => {
       var n;
       const e = document.querySelector(oe);
-      (n = b.value) == null || n.style.setProperty("--ribbon-offset", `${(e == null ? void 0 : e.offsetHeight) ?? 0}px`);
+      (n = d.value) == null || n.style.setProperty("--ribbon-offset", `${(e == null ? void 0 : e.offsetHeight) ?? 0}px`);
     };
     return Q(async () => {
-      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), v(), r = new MutationObserver(v), r.observe(document.body, { childList: !0, subtree: !0 });
+      var n;
+      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), h();
+      const e = (n = d.value) == null ? void 0 : n.parentElement;
+      e && (c = new ResizeObserver(h), c.observe(e));
       try {
-        S.selectedUnsubscribePages = (t == null ? void 0 : t.selectedUnsubscribePages) || [];
-        let e = {
-          html: i && await R(i),
-          css: C
+        g.selectedUnsubscribePages = (t == null ? void 0 : t.selectedUnsubscribePages) || [];
+        let o = {
+          html: m && await W(m),
+          css: T
         };
-        e.html || (e = await M(), e.html = await R(e.html)), _(e.html) && (e.html = await U(e.html)), await F(e), d.selectedDynamicContentList = u;
-      } catch (e) {
-        console.error("Failed to initialize Stripo editor:", e);
+        o.html || (o = await _(), o.html = await W(o.html)), O(o.html) && (o.html = await M(o.html)), await U(o), l.selectedDynamicContentList = f;
+      } catch (o) {
+        console.error("Failed to initialize Stripo editor:", o);
       }
-      document.addEventListener("dynamic-content:open", f);
+      document.addEventListener("dynamic-content:open", y);
     }), X(() => {
-      r == null || r.disconnect(), document.removeEventListener("dynamic-content:open", f);
+      c == null || c.disconnect(), document.removeEventListener("dynamic-content:open", y);
       try {
         window.UIEditor.removeEditor();
       } catch {
         console.debug("Failed to remove Stripo editor: No editor found");
       }
-      c.reset();
-    }), H({
+      a.reset();
+    }), x({
       dynamicContent: {
-        insert: O,
-        close: P
+        insert: P,
+        close: N
       },
-      hasChanges: a,
-      saveSilent: g
-    }), { __sfc: !0, PreviewContainer: x, OnboardingWrapper: G, headerWrapperRef: h, wrapperRef: b, dynamicContentStore: d, unsubscribeStore: S, props: y, configStore: c, editorStore: m, previewStore: q, hasChanges: a, isTestPartner: z, saveSilent: g, templateId: l, userId: w, partnerName: D, username: E, templateConfig: t, editorConfig: s, html: i, css: C, preselectedDynamicContentList: u, savedModulesFolderName: T, defaultModulesFolderName: L, emit: o, metadata: p, options: k, initPlugin: F, getDefaultTemplate: M, cloneTimersOnSave: U, hasTimerBlocks: _, noHeader: K, insertDynamicContent: O, closeDynamicContent: P, handleDynamicContentOpen: f, ribbonObserver: r, updateRibbonOffset: v, Toaster: ne, FilterSelectionDrawer: se, HeaderWrapper: re, LoadingWrapper: ce, SaveAsTemplateDrawer: ae, UnsubscribeWrapper: ie };
+      hasChanges: i,
+      saveSilent: w
+    }), { __sfc: !0, PreviewContainer: G, OnboardingWrapper: z, headerWrapperRef: S, wrapperRef: d, dynamicContentStore: l, unsubscribeStore: g, props: b, configStore: a, editorStore: u, previewStore: q, hasChanges: i, isTestPartner: K, saveSilent: w, templateId: p, userId: E, partnerName: D, username: C, templateConfig: t, editorConfig: r, html: m, css: T, preselectedDynamicContentList: f, savedModulesFolderName: k, defaultModulesFolderName: F, emit: s, metadata: v, options: L, initPlugin: U, getDefaultTemplate: _, cloneTimersOnSave: M, hasTimerBlocks: O, noHeader: V, insertDynamicContent: P, closeDynamicContent: N, handleDynamicContentOpen: y, ribbonObserver: c, updateRibbonOffset: h, Toaster: ne, FilterSelectionDrawer: se, HeaderWrapper: re, LoadingWrapper: ce, SaveAsTemplateDrawer: ae, UnsubscribeWrapper: ie };
   }
 });
 export {
-  Ae as default
+  Re as default
 };

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"
+  "a289b9e9"
 );
-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) {
+  setup(j, { expose: H }) {
+    const { config: a } = w(), { exportHtml: m } = C(), { save: p } = O(), { openVersionHistory: l, closeVersionHistory: c } = k(), e = B(), u = R(), { hasMigrations: f } = I(u), s = A(), r = n(!1), i = n(!1), v = n(), S = M(), V = () => {
+      if (e.isVersionHistoryOpen) {
         c();
         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 () => {
+      r.value = !0, await m(), r.value = !1;
+    }, _ = () => {
+      e.isSaveAsTemplateDrawerOpen = !0;
+    }, h = g(() => e.isVersionHistoryOpen ? s("newsletter.close-version-history") : s("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;
+      }
+      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: c, editorStore: e, templateStore: u, hasMigrations: f, trans: s, isExporting: r, 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/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
 };