@useinsider/guido 2.1.0-beta.c2eabd2 → 2.1.0-beta.c305789

package/dist/components/Guido.vue.js

@@ -12,7 +12,7 @@ var t = function() {
   n,
   !1,
   null,
-  "6e44ca36"
+  "16abb398"
 );
 const v = s.exports;
 export {

package/dist/components/Guido.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as z, defineAsyncComponent as M, ref as K, computed as _, watch as V, onMounted as $, onBeforeUnmount as j, onUnmounted as q } from "vue";
+import { defineComponent as z, defineAsyncComponent as M, ref as K, computed as _, watch as V, onMounted as j, onUnmounted as q } from "vue";
 import { provideGuidoActions as J } from "../composables/useGuidoActions.js";
 import { usePartner as Q } from "../composables/usePartner.js";
 import { useStripo as X } from "../composables/useStripo.js";
@@ -6,19 +6,18 @@ import { useTimerClone as Y } from "../composables/useTimerClone.js";
 import { migrate as P } from "../config/migrator/index.js";
 import { ModuleFolderDefaults as A } from "../enums/defaults.js";
 import Z from "./organisms/base/Toaster.vue.js";
-import ee from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
-import oe from "./organisms/header/HeaderWrapper.vue.js";
-import te from "./organisms/LoadingWrapper.vue.js";
-import ne from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
-import re from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
-import { useStripoApi as se } from "../services/stripoApi.js";
-import { useConfigStore as ce } from "../stores/config.js";
-import { useDynamicContentStore as ae } from "../stores/dynamic-content.js";
-import { useEditorStore as ie } from "../stores/editor.js";
-import { usePreviewStore as me } from "../stores/preview.js";
-import { useToasterStore as de } from "../stores/toaster.js";
-import { useUnsubscribeStore as le } from "../stores/unsubscribe.js";
-const Pe = /* @__PURE__ */ z({
+import $ from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
+import ee from "./organisms/header/HeaderWrapper.vue.js";
+import oe from "./organisms/LoadingWrapper.vue.js";
+import te from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
+import ne from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
+import { useStripoApi as re } from "../services/stripoApi.js";
+import { useConfigStore as se } from "../stores/config.js";
+import { useDynamicContentStore as ce } from "../stores/dynamic-content.js";
+import { useEditorStore as ae } from "../stores/editor.js";
+import { usePreviewStore as ie } from "../stores/preview.js";
+import { useUnsubscribeStore as de } from "../stores/unsubscribe.js";
+const Le = /* @__PURE__ */ z({
   __name: "Guido",
   props: {
     config: null
@@ -29,34 +28,34 @@ const Pe = /* @__PURE__ */ z({
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
     ), O = M(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
-    ), p = K(), a = ae(), v = le(), r = ce();
+    ), p = K(), a = ce(), v = de(), r = se();
     r.init(u.config);
-    const i = ie(), B = me(), s = _(() => i.hasChanges), { isTestPartner: G } = Q(), f = () => {
+    const i = ae(), G = ie(), s = _(() => i.hasChanges), { isTestPartner: H } = Q(), y = () => {
       var e;
       return (e = p.value) == null ? void 0 : e.handleSave(!0);
     }, {
-      templateId: m,
-      userId: y,
-      partnerName: h,
+      templateId: d,
+      userId: h,
+      partnerName: f,
       productType: b,
       username: S,
       template: o,
       editor: n
-    } = r, c = (o == null ? void 0 : o.html) || "", g = (o == null ? void 0 : o.css) || "", d = (o == null ? void 0 : o.preselectedDynamicContent) || [], w = (n == null ? void 0 : n.savedModulesFolderName) || A.SAVED_MODULES, D = (n == null ? void 0 : n.defaultModulesFolderName) || A.DEFAULT_MODULES;
-    i.templateId = m;
+    } = r, c = (o == null ? void 0 : o.html) || "", g = (o == null ? void 0 : o.css) || "", m = (o == null ? void 0 : o.preselectedDynamicContent) || [], w = (n == null ? void 0 : n.savedModulesFolderName) || A.SAVED_MODULES, D = (n == null ? void 0 : n.defaultModulesFolderName) || A.DEFAULT_MODULES;
+    i.templateId = d;
     const { initPlugin: E } = X({
-      emailId: m,
-      userId: y,
+      emailId: d,
+      userId: h,
       username: S,
-      partnerName: h,
+      partnerName: f,
       productType: b,
-      preselectedDynamicContentList: d,
+      preselectedDynamicContentList: m,
       savedModulesFolderName: w,
       defaultModulesFolderName: D,
       onReady: () => {
         console.debug("guido:ready"), t("ready");
       }
-    }), { getDefaultTemplate: C } = se(), { cloneTimersOnSave: T, hasTimerBlocks: U } = Y(), H = _(() => {
+    }), { getDefaultTemplate: C } = re(), { cloneTimersOnSave: T, hasTimerBlocks: k } = Y(), x = _(() => {
       var e;
       return !((e = r.ui) != null && e.showHeader);
     });
@@ -74,19 +73,19 @@ const Pe = /* @__PURE__ */ z({
         console.debug("guido:test-email:click"), t("test-email:click");
       }
     });
-    const k = (e) => {
+    const F = (e) => {
       console.debug("dynamic-content:close", e), a.setSelectedDynamicContent(e), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: e }));
-    }, F = () => {
+    }, U = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
     V(() => s.value, () => {
       t("on-change", s.value);
     });
     const l = (e) => {
-      const L = e, { attribute: x, position: R } = L.detail;
-      console.debug("dynamic-content:open", L.detail), t("dynamic-content:open", x, R);
+      const L = e, { attribute: B, position: R } = L.detail;
+      console.debug("dynamic-content:open", L.detail), t("dynamic-content:open", B, R);
     };
-    return $(async () => {
+    return j(async () => {
       console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow");
       try {
         v.selectedUnsubscribePages = (o == null ? void 0 : o.selectedUnsubscribePages) || [];
@@ -94,13 +93,11 @@ const Pe = /* @__PURE__ */ z({
           html: c && await P(c),
           css: g
         };
-        e.html || (e = await C(), e.html = await P(e.html)), U(e.html) && (e.html = await T(e.html)), await E(e), a.selectedDynamicContentList = d;
+        e.html || (e = await C(), e.html = await P(e.html)), k(e.html) && (e.html = await T(e.html)), await E(e), a.selectedDynamicContentList = m;
       } catch (e) {
         console.error("Failed to initialize Stripo editor:", e);
       }
       document.addEventListener("dynamic-content:open", l);
-    }), j(() => {
-      de().$reset();
     }), q(() => {
       document.removeEventListener("dynamic-content:open", l);
       try {
@@ -111,14 +108,14 @@ const Pe = /* @__PURE__ */ z({
       r.reset();
     }), W({
       dynamicContent: {
-        insert: k,
-        close: F
+        insert: F,
+        close: U
       },
       hasChanges: s,
-      saveSilent: f
-    }), { __sfc: !0, PreviewContainer: I, OnboardingWrapper: O, headerWrapperRef: p, dynamicContentStore: a, unsubscribeStore: v, props: u, configStore: r, editorStore: i, previewStore: B, hasChanges: s, isTestPartner: G, saveSilent: f, templateId: m, userId: y, partnerName: h, productType: b, username: S, templateConfig: o, editorConfig: n, html: c, css: g, preselectedDynamicContentList: d, savedModulesFolderName: w, defaultModulesFolderName: D, emit: t, initPlugin: E, getDefaultTemplate: C, cloneTimersOnSave: T, hasTimerBlocks: U, noHeader: H, insertDynamicContent: k, closeDynamicContent: F, handleDynamicContentOpen: l, Toaster: Z, FilterSelectionDrawer: ee, HeaderWrapper: oe, LoadingWrapper: te, SaveAsTemplateDrawer: ne, UnsubscribeWrapper: re };
+      saveSilent: y
+    }), { __sfc: !0, PreviewContainer: I, OnboardingWrapper: O, headerWrapperRef: p, dynamicContentStore: a, unsubscribeStore: v, props: u, configStore: r, editorStore: i, previewStore: G, hasChanges: s, isTestPartner: H, saveSilent: y, templateId: d, userId: h, partnerName: f, productType: b, username: S, templateConfig: o, editorConfig: n, html: c, css: g, preselectedDynamicContentList: m, savedModulesFolderName: w, defaultModulesFolderName: D, emit: t, initPlugin: E, getDefaultTemplate: C, cloneTimersOnSave: T, hasTimerBlocks: k, noHeader: x, insertDynamicContent: F, closeDynamicContent: U, handleDynamicContentOpen: l, Toaster: Z, FilterSelectionDrawer: $, HeaderWrapper: ee, LoadingWrapper: oe, SaveAsTemplateDrawer: te, UnsubscribeWrapper: ne };
   }
 });
 export {
-  Pe as default
+  Le as default
 };

package/dist/components/organisms/email-preview/desktop-preview/EmailSizeIndicator.vue.js

@@ -1,16 +1,16 @@
-import s from "./EmailSizeIndicator.vue2.js";
+import i from "./EmailSizeIndicator.vue2.js";
 /* empty css                        */
 import r from "../../../../_virtual/_plugin-vue2_normalizer.js";
 var o = function() {
-  var e = this, i = e._self._c, t = e._self._setupProxy;
-  return t.previewStore.previewHtml ? i("div", { staticClass: "d-f a-i-c j-c-c" }, [i(t.InProgress, { staticClass: "min-w-15-s", attrs: { id: "email-size-progress", "description-status": "", "description-position": "left", description: t.htmlSize, "max-value": t.MAX_EMAIL_SIZE_IN_KB, type: t.progress.type, value: t.progress.value } }), i(t.InTooltipV2, { attrs: { id: "email-size-tooltip", "icon-status": "", "static-position": "bottom center", "dynamic-position": !1, text: t.trans("email-editor.preview-design-size-tooltip") } })], 1) : e._e();
+  var t = this, s = t._self._c, e = t._self._setupProxy;
+  return e.previewStore.previewHtml ? s("div", { staticClass: "d-f a-i-c j-c-c" }, [s(e.InProgress, { staticClass: "min-w-15-s", attrs: { id: "email-size-progress", "description-status": "", "description-position": "left", description: e.htmlSize, "max-value": e.MAX_EMAIL_SIZE_IN_KB, type: e.progress.type, value: e.progress.value } }), s(e.InTooltip, { staticClass: "d-f ml-1", attrs: { id: "email-size-tooltip", align: "center", position: "bottom", text: e.trans("email-editor.preview-design-size-tooltip") } })], 1) : t._e();
 }, a = [], n = /* @__PURE__ */ r(
-  s,
+  i,
   o,
   a,
   !1,
   null,
-  "079d2bf7"
+  "913a3417"
 );
 const m = n.exports;
 export {

package/dist/components/organisms/email-preview/desktop-preview/EmailSizeIndicator.vue2.js

@@ -1,7 +1,7 @@
 import { defineComponent as c, ref as n, computed as l, watch as u } from "vue";
 import { useTranslations as p } from "../../../../composables/useTranslations.js";
 import { usePreviewStore as _ } from "../../../../stores/preview.js";
-import { InTooltipV2 as v, InProgress as f } from "@useinsider/design-system-vue";
+import { InTooltip as v, InProgress as f } from "@useinsider/design-system-vue";
 const S = /* @__PURE__ */ c({
   __name: "EmailSizeIndicator",
   setup(w) {
@@ -17,7 +17,7 @@ const S = /* @__PURE__ */ c({
     }, i = p();
     return u(() => t.previewHtml, () => {
       r();
-    }, { immediate: !0 }), { __sfc: !0, previewStore: t, MAX_EMAIL_SIZE_IN_KB: o, htmlKB: e, progress: s, htmlSize: a, calculateProgress: r, trans: i, InProgress: f, InTooltipV2: v };
+    }, { immediate: !0 }), { __sfc: !0, previewStore: t, MAX_EMAIL_SIZE_IN_KB: o, htmlKB: e, progress: s, htmlSize: a, calculateProgress: r, trans: i, InProgress: f, InTooltip: v };
   }
 });
 export {

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"
+  "c2f87f0a"
 );
-const v = p.exports;
+const v = c.exports;
 export {
   v as default
 };

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

@@ -1,41 +1,50 @@
-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 T, ref as n, computed as a } from "vue";
+import { useConfig as w } from "../../../composables/useConfig.js";
+import { useExport as O } from "../../../composables/useExport.js";
+import { useTestEmailClick as C } from "../../../composables/useGuidoActions.js";
+import { useSave as M } from "../../../composables/useSave.js";
+import { useTranslations as A } from "../../../composables/useTranslations.js";
+import { useVersionHistoryApi as b } from "../../../composables/useVersionHistoryApi.js";
+import { useEditorStore as k } from "../../../stores/editor.js";
+import { useTemplateStore as B } from "../../../stores/template.js";
+import { getTooltipOptions as j } from "../../../utils/tooltipUtils.js";
+import { InButtonV2 as D } from "@useinsider/design-system-vue";
+import I from "./MigrationConfirmModal.vue.js";
+const X = /* @__PURE__ */ T({
   __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(P, { expose: H }) {
+    const { config: m } = w(), { exportHtml: l } = O(), { save: p } = M(), { openVersionHistory: c, closeVersionHistory: u } = b(), e = k(), f = B(), s = A(), r = n(!1), i = n(!1), v = n(), S = C(), d = a(() => Object.values(f.migrations).some((o) => o > 0)), 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(
+      c();
+    }, _ = async () => {
+      r.value = !0, await l(), r.value = !1;
+    }, h = () => {
+      e.isSaveAsTemplateDrawerOpen = !0;
+    }, x = a(() => e.isVersionHistoryOpen ? s("newsletter.close-version-history") : s("newsletter.version-history")), E = a(
       () => {
-        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 = m.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;
+    ), y = async (o) => {
+      i.value = !0, e.loadingStatus = !0;
+      const t = await p(o);
+      return i.value = !1, (o || !t) && (e.loadingStatus = !1), t;
+    }, g = (o) => {
+      var t;
+      if (!o && d.value) {
+        (t = v.value) == null || t.open();
+        return;
+      }
+      y(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: g
+    }), { __sfc: !0, config: m, exportHtml: l, save: p, openVersionHistory: c, closeVersionHistory: u, editorStore: e, templateStore: f, trans: s, isExporting: r, isSaving: i, migrationModalRef: v, testEmailClick: S, hasMigrations: d, handleVersionHistory: V, handleExport: _, handleSaveAs: h, versionHistoryTooltipText: x, isVersionHistoryButtonVisible: E, executeSave: y, handleSave: g, getTooltipOptions: j, InButtonV2: D, MigrationConfirmModal: I };
   }
 });
 export {
-  J as default
+  X as default
 };

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

@@ -0,0 +1,17 @@
+import r from "./MigrationConfirmModal.vue2.js";
+import i from "../../../_virtual/_plugin-vue2_normalizer.js";
+var n = function() {
+  var o = this, s = o._self._c, e = o._self._setupProxy;
+  return e.isVisible ? s(e.WpModal, { attrs: { id: "migration-confirm-modal", size: "X-small", "close-on-outside-click": !1, "footer-button-options": e.footerButtonOptions, title: e.trans("email-editor.migration-confirm-save") }, on: { close: e.close, "primary-action": e.handleConfirm } }, [s("p", [o._v(" " + o._s(e.confirmMessage.prefix)), s("strong", [o._v(o._s(e.blockNames))]), o._v(o._s(e.confirmMessage.suffix) + " ")])]) : o._e();
+}, t = [], a = /* @__PURE__ */ i(
+  r,
+  n,
+  t,
+  !1,
+  null,
+  null
+);
+const m = a.exports;
+export {
+  m as default
+};

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

@@ -0,0 +1,41 @@
+import { defineComponent as _, ref as a, computed as c } from "vue";
+import x from "../../wrappers/WpModal.vue.js";
+import { useTranslations as y } from "../../../composables/useTranslations.js";
+import { useTemplateStore as k } from "../../../stores/template.js";
+const C = /* @__PURE__ */ _({
+  __name: "MigrationConfirmModal",
+  emits: ["confirm"],
+  setup(h, { expose: l, emit: m }) {
+    const t = a(!1), n = k(), e = y(), f = a({
+      cancelOrBackButton: {
+        type: "secondary",
+        labelText: e("campaign-builder.cancel"),
+        styling: "ghost"
+      },
+      primaryButton: {
+        type: "primary",
+        labelText: e("email-editor.migration-confirm-save")
+      }
+    }), p = c(() => {
+      const i = n.migrations["recommendation-block"] > 0, o = n.migrations["items-block"] > 0;
+      if (i && o) {
+        const g = e("email-recommendation.recommendation"), b = e("email-items.items");
+        return `${g} ${e("campaign-builder.or")} ${b}`;
+      }
+      return e(o ? "email-items.items" : "email-recommendation.recommendation");
+    }), u = c(() => {
+      const [i, o] = e("email-editor.migration-confirm-message").split("{blockNames}");
+      return { prefix: i || "", suffix: o || "" };
+    }), r = () => {
+      t.value = !0;
+    }, s = () => {
+      t.value = !1;
+    }, d = () => {
+      s(), m("confirm");
+    };
+    return l({ open: r }), { __sfc: !0, emit: m, isVisible: t, templateStore: n, trans: e, footerButtonOptions: f, blockNames: p, confirmMessage: u, open: r, close: s, handleConfirm: d, WpModal: x };
+  }
+});
+export {
+  C as default
+};

package/dist/components/organisms/unsubscribe/UnsubscribePageSelection.vue.js

@@ -16,7 +16,7 @@ var o = function() {
   i,
   !1,
   null,
-  "a86fc486"
+  "df672485"
 );
 const _ = c.exports;
 export {

package/dist/components/organisms/unsubscribe/UnsubscribePageSelection.vue2.js

@@ -1,15 +1,15 @@
-import { defineComponent as f, ref as y, computed as n, watch as T } from "vue";
-import g from "../../wrappers/WpDrawer.vue.js";
-import { useToaster as S } from "../../../composables/useToaster.js";
-import { useTranslations as v } from "../../../composables/useTranslations.js";
-import { ToasterTypeOptions as B } from "../../../enums/toaster.js";
+import { defineComponent as g, ref as y, computed as n, watch as S } from "vue";
+import T from "../../wrappers/WpDrawer.vue.js";
+import { useToaster as v } from "../../../composables/useToaster.js";
+import { useTranslations as B } from "../../../composables/useTranslations.js";
+import { ToasterTypeOptions as C } from "../../../enums/toaster.js";
 import { useUnsubscribeStore as w } from "../../../stores/unsubscribe.js";
-import { InContainer as C } from "@useinsider/design-system-vue";
-import h from "./UnsubscribeBreadcrumb.vue.js";
-const E = /* @__PURE__ */ f({
+import { InContainer as h } from "@useinsider/design-system-vue";
+import U from "./UnsubscribeBreadcrumb.vue.js";
+const F = /* @__PURE__ */ g({
   __name: "UnsubscribePageSelection",
-  setup(_) {
-    const s = v(), e = w(), { showToaster: a } = S(), o = y(!1), c = n(() => e.isActiveTypeLastInCollection ? o.value ? s("unsubscription-preference.applying-changes") : s("statistics.apply") : s("products.select-and-continue")), i = n(() => e.pageSelectionUpdateStatus && e.isActiveTypeFirstInCollection ? s("products.cancel") : s("newsletter.back")), p = n(() => ({
+  setup(P) {
+    const s = B(), e = w(), { showToaster: a } = v(), o = y(!1), c = n(() => e.isActiveTypeLastInCollection ? o.value ? s("unsubscription-preference.applying-changes") : s("statistics.apply") : s("products.select-and-continue")), i = n(() => e.pageSelectionUpdateStatus && e.isActiveTypeFirstInCollection ? s("products.cancel") : s("newsletter.back")), u = n(() => ({
       primaryButton: {
         styling: "solid",
         type: "primary",
@@ -23,28 +23,28 @@ const E = /* @__PURE__ */ f({
         labelText: i.value,
         disabledStatus: o.value
       }
-    })), u = (t) => e.getSelectedTemplateByActiveType === t ? "bor-w-3 bor-s-s bor-c-7" : "bor-w-1 bor-s-s bor-c-6", r = (t) => {
+    })), p = (t) => e.getSelectedTemplateByActiveType === t ? "bor-w-3 bor-s-s bor-c-7" : "bor-w-1 bor-s-s bor-c-6", r = (t) => {
       e.pageSelectionDrawerStatus = !1, t && setTimeout(() => {
         t();
       }, 500);
-    }, m = () => {
+    }, d = () => {
       if (e.isActiveTypeFirstInCollection) {
         r(), e.pageSelectionUpdateStatus || (e.typeSelectionDrawerStatus = !0);
         return;
       }
       e.setPreviousType();
-    }, d = () => {
+    }, m = () => {
       if (e.isActiveTypeLastInCollection) {
         o.value = !0;
-        const t = e.selectedCollectionType, l = e.getSelectedTemplatesByCollection(t);
-        e.addUnsubscribePages(l), document.dispatchEvent(new CustomEvent("unsubscribe:select", {
+        const t = e.selectedCollectionType, l = e.getSelectedTemplatesByCollection(t), f = e.getSelectedUnsubscribePagesByCollection(t);
+        e.removeUnsubscribePages(f), e.addUnsubscribePages(l), document.dispatchEvent(new CustomEvent("unsubscribe:select", {
           detail: {
             collectionType: t,
             selectedPages: l
           }
         })), r(() => {
           o.value = !1, a({
-            type: B.Success,
+            type: C.Success,
             message: s("global-unsubscribe.pages-were-attached")
           });
         });
@@ -54,11 +54,11 @@ const E = /* @__PURE__ */ f({
     }, b = (t) => {
       e.setSelectedTemplate(t);
     };
-    return T(() => e.pageSelectionDrawerStatus, (t) => {
+    return S(() => e.pageSelectionDrawerStatus, (t) => {
       t && e.pageSelectionUpdateStatus && e.fetchTemplates();
-    }), { __sfc: !0, trans: s, unsubscribeStore: e, showToaster: a, isApplying: o, getPrimaryButtonText: c, getCancelOrBackButtonText: i, footerButtonGroupOptions: p, getBorderClass: u, closeModal: r, handleBack: m, handleSave: d, selectTemplate: b, WpDrawer: g, InContainer: C, UnsubscribeBreadcrumb: h };
+    }), { __sfc: !0, trans: s, unsubscribeStore: e, showToaster: a, isApplying: o, getPrimaryButtonText: c, getCancelOrBackButtonText: i, footerButtonGroupOptions: u, getBorderClass: p, closeModal: r, handleBack: d, handleSave: m, selectTemplate: b, WpDrawer: T, InContainer: h, UnsubscribeBreadcrumb: U };
   }
 });
 export {
-  E as default
+  F as default
 };

package/dist/composables/useStripo.js

@@ -4,21 +4,22 @@ import { useConfig as v } from "./useConfig.js";
 import { useCustomInterfaceAppearance as A } from "./useCustomInterfaceAppearance.js";
 import { useStripoEventHandler as F } from "./useStripoEventHandler.js";
 import { useToaster as D } from "./useToaster.js";
-import { displayConditions as I } from "../enums/displayConditions.js";
-import { useStripoApi as M } from "../services/stripoApi.js";
-import U from "../static/styles/customEditorStyle.css.js";
-import { useEditorStore as P } from "../stores/editor.js";
-import { dynamicContentToMergeTags as R } from "../utils/genericUtil.js";
-import H from "../package.json.js";
-const W = (c) => {
-  const { features: l, template: y } = v(), { handleError: u } = D(), { getToken: C, getCustomFonts: S } = M(), { handleEvent: E } = F(), { getStripoBlocksConfig: h } = B(), w = async (i, n = []) => {
-    var m, g, f;
-    const o = P(), { html: r, css: p } = i, { baseBlocks: s, extensions: t } = await h(), a = ((m = l.value) == null ? void 0 : m.displayConditions) ?? !0, k = ((g = l.value) == null ? void 0 : g.modulesDisabled) ?? !1, T = ((f = y.value) == null ? void 0 : f.forceRecreate) ?? !1;
+import { localePatch as I } from "../config/i18n/index.js";
+import { displayConditions as M } from "../enums/displayConditions.js";
+import { useStripoApi as U } from "../services/stripoApi.js";
+import P from "../static/styles/customEditorStyle.css.js";
+import { useEditorStore as R } from "../stores/editor.js";
+import { dynamicContentToMergeTags as H } from "../utils/genericUtil.js";
+import O from "../package.json.js";
+const Z = (c) => {
+  const { features: l, template: y } = v(), { handleError: u } = D(), { getToken: C, getCustomFonts: S } = U(), { handleEvent: E } = F(), { getStripoBlocksConfig: h } = B(), w = async (i, r = []) => {
+    var m, f, g;
+    const o = R(), { html: n, css: p } = i, { baseBlocks: s, extensions: t } = await h(), a = ((m = l.value) == null ? void 0 : m.displayConditions) ?? !0, k = ((f = l.value) == null ? void 0 : f.modulesDisabled) ?? !1, T = ((g = y.value) == null ? void 0 : g.forceRecreate) ?? !1;
     window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
         metadata: c,
-        html: r,
+        html: n,
         css: p,
         forceRecreate: T,
         locale: "en",
@@ -30,10 +31,10 @@ const W = (c) => {
         customAppearanceMergetags: !0,
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
-        customViewStyles: U,
+        customViewStyles: P,
         conditionsEnabled: a,
         customConditionsEnabled: a,
-        conditionCategories: I,
+        conditionCategories: M,
         enableXSSSecurity: !0,
         modulesDisabled: k,
         messageSettingsEnabled: !0,
@@ -46,11 +47,11 @@ const W = (c) => {
         editorFonts: {
           showDefaultStandardFonts: !0,
           showDefaultNotStandardFonts: !0,
-          customFonts: n
+          customFonts: r
         },
         mergeTags: [
           {
-            entries: R(c.preselectedDynamicContentList)
+            entries: H(c.preselectedDynamicContentList)
           }
         ],
         async onTokenRefreshRequest(e) {
@@ -89,29 +90,30 @@ const W = (c) => {
           ".in-on-board-wrapper",
           ".in-drawer__container"
         ],
-        extensions: t
+        extensions: t,
+        localePatch: I
       }
     );
-  }, b = (i) => new Promise((n, o) => {
+  }, b = (i) => new Promise((r, o) => {
     var a;
     if (document.getElementById("UiEditorScript")) {
-      i(), n();
+      i(), r();
       return;
     }
-    const r = H.guido, s = `https://email-static.useinsider.com/guido/${(a = r == null ? void 0 : r.stripo) == null ? void 0 : a.version}/UIEditor.js`, t = document.createElement("script");
+    const n = O.guido, s = `https://email-static.useinsider.com/guido/${(a = n == null ? void 0 : n.stripo) == null ? void 0 : a.version}/UIEditor.js`, t = document.createElement("script");
     t.id = "UiEditorScript", t.type = "module", t.src = s, t.onload = () => {
-      i(), n();
+      i(), r();
     }, t.onerror = () => {
       o(new Error(`Failed to load Stripo UIEditor script from S3: ${s}`));
     }, document.body.appendChild(t);
   });
   return { initPlugin: async (i) => {
     await b(async () => {
-      const n = await S();
-      await w(i, n);
+      const r = await S();
+      await w(i, r);
     });
   } };
 };
 export {
-  W as useStripo
+  Z as useStripo
 };

package/dist/composables/useVersionHistoryApi.js

@@ -35,7 +35,7 @@ const S = () => {
         () => {
           s({
             type: t.Success,
-            message: `${e} patch restored successfully.`
+            message: "Your version has been restored successfully."
           });
         },
         (o) => {

package/dist/config/i18n/en/index.js

@@ -0,0 +1,11 @@
+import o from "./labels.json.js";
+import t from "./toasters.json.js";
+import r from "./tooltips.json.js";
+const e = {
+  ...o,
+  ...r,
+  ...t
+};
+export {
+  e as en
+};

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

@@ -0,0 +1,12 @@
+const e = "Items", o = {
+  "Global Styles & Layout": "Global Styles and Layout",
+  "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 {
+  e as Items,
+  o as default
+};