@useinsider/guido 2.2.0-beta.fa4cec8 → 3.0.0-beta.a32411b

package/dist/components/organisms/extensions/recommendation/Filters.vue.js

@@ -1,20 +1,20 @@
 import s from "./Filters.vue2.js";
 /* empty css             */
-import a from "../../../../_virtual/_plugin-vue2_normalizer.js";
-var o = function() {
-  var i = this, e = i._self._c, t = i._self._setupProxy;
-  return e("div", { staticClass: "d-f f-d-c gap-16" }, [e("div", { staticClass: "d-f a-i-c j-c-s-b gap-16" }, [e(t.InSegments, { staticClass: "f-g-1 w-1", attrs: { id: "guido__filter-group-segments", "segment-list": t.filterGroupList, selected: t.selectedFilterGroup, "with-icon": !1 }, on: { click: t.changeFilterGroup } }), e(t.InButtonV2, { staticClass: "w-20-s f-g-1", attrs: { id: "guido__add-filter-group-button", "left-icon": "line-plus-netural", type: "secondary", "disabled-status": t.isMaxFilterGroupCount, "label-text": t.trans("smart-recommender.add-filter-group"), "tooltip-text": t.isMaxFilterGroupCount ? t.trans("email-editor.add-filter-tooltip") : "" }, on: { click: t.handleAddFilterGroup } })], 1), e("div", { staticClass: "d-f a-i-c j-c-s-b gap-16" }, [e("div", { staticClass: "d-f a-i-c" }, [t.selectedFilterGroup > 1 ? e(t.LogicAdapter, { staticClass: "mr-2" }) : i._e(), e("p", [i._v(" " + i._s(t.trans("email-editor.filter-group")) + " " + i._s(t.selectedFilterGroup) + " ")])], 1), t.hasRemoveFilterButton ? e(t.InButtonV2, { attrs: { id: "guido__delete-filter-group-button", "left-icon": "line-delete", styling: "text", type: "danger", "label-text-status": !1 }, on: { click: t.handleDeleteFilterGroup } }) : i._e()], 1), e("div", { staticClass: "d-f a-i-c j-c-s-b f-d-c" }, i._l(t.selectedFilterGroupFilters, function(l, r) {
-    return e(t.FilterItem, { key: r, attrs: { filter: l, "has-logic-adapter": t.hasLogicAdapter && r !== t.selectedFilterGroupFilters.length - 1, index: r }, on: { "delete-filter": t.handleDeleteFilter } });
-  }), 1), e("div", { staticClass: "d-f a-i-c j-c-c mt-3" }, [e(t.InButtonV2, { staticClass: "w-11-s", attrs: { id: "filter-group--add-filter-button", "left-icon": "line-plus-netural", type: "subtle-primary", "label-text": t.trans("smart-recommender.add-filter-condition") }, on: { click: t.handleAddFilter } })], 1)]);
-}, d = [], n = /* @__PURE__ */ a(
+import o from "../../../../_virtual/_plugin-vue2_normalizer.js";
+var a = function() {
+  var r = this, e = r._self._c, t = r._self._setupProxy;
+  return e("div", { staticClass: "d-f f-d-c gap-16" }, [e("div", { staticClass: "d-f a-i-c j-c-s-b gap-16" }, [e(t.InSegments, { staticClass: "f-g-1 w-1", attrs: { id: "guido__filter-group-segments", "segment-list": t.filterGroupList, selected: t.selectedFilterGroup, "with-icon": !1 }, on: { click: t.switchToGroup } }), e(t.InButtonV2, { staticClass: "w-20-s f-g-1", attrs: { id: "guido__add-filter-group-button", "left-icon": "line-plus-netural", type: "secondary", "disabled-status": t.isMaxFilterGroupCount, "label-text": t.trans("smart-recommender.add-filter-group"), "tooltip-options": t.getTooltipOptions("add-filter-group-tooltip"), "tooltip-text": t.isMaxFilterGroupCount ? t.trans("email-editor.add-filter-group-tooltip") : "" }, on: { click: t.handleAddFilterGroup } })], 1), e("div", { staticClass: "d-f a-i-c j-c-s-b gap-16" }, [e("div", { staticClass: "d-f a-i-c" }, [t.selectedFilterGroup > 1 ? e(t.LogicAdapter, { staticClass: "mr-2", attrs: { logic: t.outerGroupOperator }, on: { change: t.handleOuterGroupOperatorChange } }) : r._e(), e("p", [r._v(" " + r._s(t.trans("email-editor.filter-group")) + " " + r._s(t.selectedFilterGroup) + " ")])], 1), t.hasRemoveFilterButton ? e(t.InButtonV2, { attrs: { id: "guido__delete-filter-group-button", "left-icon": "line-delete", styling: "text", type: "danger", "label-text-status": !1 }, on: { click: t.handleDeleteFilterGroup } }) : r._e()], 1), e("div", { staticClass: "d-f a-i-c j-c-s-b f-d-c" }, r._l(t.selectedFilterGroupFilters, function(l, i) {
+    return e(t.FilterItem, { key: i, attrs: { filter: l, "has-logic-adapter": t.hasLogicAdapter && i !== t.selectedFilterGroupFilters.length - 1, index: i, submitted: r.submitted }, on: { "delete-filter": t.handleDeleteFilter } });
+  }), 1), e("div", { staticClass: "d-f a-i-c j-c-c mt-3" }, [e(t.InButtonV2, { staticClass: "w-11-s", attrs: { id: "filter-group--add-filter-button", "left-icon": "line-plus-netural", type: "subtle-primary", "disabled-status": t.isMaxFilterPerGroupCount, "label-text": t.trans("smart-recommender.add-filter-condition"), "tooltip-text": t.isMaxFilterPerGroupCount ? t.trans("email-editor.add-filter-tooltip") : "" }, on: { click: t.handleAddFilter } })], 1)]);
+}, d = [], n = /* @__PURE__ */ o(
   s,
-  o,
+  a,
   d,
   !1,
   null,
-  "1ccb6d4a"
+  "0e1b0c54"
 );
-const _ = n.exports;
+const g = n.exports;
 export {
-  _ as default
+  g as default
 };

package/dist/components/organisms/extensions/recommendation/Filters.vue2.js

@@ -1,44 +1,56 @@
-import { defineComponent as m, computed as o, ref as h } from "vue";
-import { useTranslations as G } from "../../../../composables/useTranslations.js";
-import { useRecommendationExtensionStore as g } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
-import { InButtonV2 as v, InSegments as f } from "@useinsider/design-system-vue";
-import _ from "./FilterItem.vue.js";
-import A from "./LogicAdapter.vue.js";
-const E = /* @__PURE__ */ m({
+import { defineComponent as v, computed as l, ref as O, watch as f } from "vue";
+import { useTranslations as g } from "../../../../composables/useTranslations.js";
+import { useRecommendationExtensionStore as R } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
+import { getTooltipOptions as T } from "../../../../utils/tooltipUtils.js";
+import { InButtonV2 as U, InSegments as E } from "@useinsider/design-system-vue";
+import A from "./FilterItem.vue.js";
+import C from "./LogicAdapter.vue.js";
+const V = /* @__PURE__ */ v({
   __name: "Filters",
-  setup(R) {
-    const i = G(), l = g(), u = o(() => l.getFilterGroupCount), t = o(() => Array.from({ length: u.value }, (e, a) => ({
-      text: (a + 1).toString(),
-      value: a + 1
-    }))), r = h(1), s = (e) => {
+  props: {
+    submitted: { type: Boolean }
+  },
+  emits: ["reset-validation"],
+  setup(x, { expose: u, emit: s }) {
+    const p = g(), t = R(), a = l(() => t.getUniqueFilterGroups.map((e) => ({
+      text: e.toString(),
+      value: e
+    }))), r = O(1);
+    f(a, (e) => {
+      if (!e.length)
+        return;
+      e.some((h) => h.value === r.value) || (r.value = e[0].value);
+    });
+    const i = (e) => {
       r.value = e;
-    }, d = () => {
-      const e = t.value.length + 1;
-      console.debug("handleAddFilterGroup", e), t.value.push({
-        text: e.toString(),
-        value: e
-      }), l.addFilterGroup(e);
-    }, p = o(() => t.value.length >= 3), n = o(() => l.getSelectedFilterGroup(r.value)), c = o(() => n.value.length > 1), F = o(() => t.value.length > 1);
-    return { __sfc: !0, MAX_FILTER_GROUP_COUNT: 3, trans: i, store: l, filterGroupCount: u, filterGroupList: t, selectedFilterGroup: r, changeFilterGroup: s, handleAddFilterGroup: d, isMaxFilterGroupCount: p, selectedFilterGroupFilters: n, hasLogicAdapter: c, hasRemoveFilterButton: F, handleAddFilter: () => {
-      l.addFilter({
-        type: "standardFilter",
-        attribute: "",
-        operatorReplace: "",
-        operator: "",
-        innerGroupOperator: "*",
-        outerGroupOperator: "*",
-        filterNumber: n.value.length + 1,
-        filterGroup: r.value,
-        isValid: !1,
-        value: ""
-      }), console.debug("handleAddFilter");
+    };
+    u({ switchToGroup: i });
+    const c = () => {
+      s("reset-validation");
+      const e = t.getUniqueFilterGroups, o = e.length > 0 ? Math.max(...e) + 1 : 1;
+      t.addFilterGroup(o), r.value = o;
+    }, d = l(() => a.value.length >= 3), n = l(() => t.getSelectedFilterGroup(r.value)), F = l(() => n.value.length >= 10), _ = l(() => n.value.length > 1), G = l(() => a.value.length > 1), m = l(() => {
+      var o;
+      return ((o = n.value[0]) == null ? void 0 : o.outerGroupOperator) || "*";
+    });
+    return { __sfc: !0, MAX_FILTER_GROUP_COUNT: 3, MAX_FILTER_PER_GROUP_COUNT: 10, trans: p, store: t, emit: s, filterGroupList: a, selectedFilterGroup: r, switchToGroup: i, handleAddFilterGroup: c, isMaxFilterGroupCount: d, selectedFilterGroupFilters: n, isMaxFilterPerGroupCount: F, hasLogicAdapter: _, hasRemoveFilterButton: G, outerGroupOperator: m, handleOuterGroupOperatorChange: (e) => {
+      n.value.forEach((o) => {
+        t.updateFilter({ ...o, outerGroupOperator: e });
+      });
+    }, handleAddFilter: () => {
+      s("reset-validation"), t.addFilter(
+        t.createDefaultFilter(
+          r.value,
+          n.value.length + 1
+        )
+      );
     }, handleDeleteFilter: (e) => {
-      console.debug("handleDeleteFilter: ", e), l.deleteFilter(e);
+      t.deleteFilter(e);
     }, handleDeleteFilterGroup: () => {
-      t.value.length !== 1 && (console.debug("handleDeleteFilterGroup"), t.value.splice(r.value - 1, 1), r.value > 1 && r.value--);
-    }, InSegments: f, InButtonV2: v, FilterItem: _, LogicAdapter: A };
+      a.value.length <= 1 || t.deleteFilterGroup(r.value);
+    }, getTooltipOptions: T, InSegments: E, InButtonV2: U, FilterItem: A, LogicAdapter: C };
   }
 });
 export {
-  E as default
+  V as default
 };

package/dist/components/organisms/extensions/recommendation/LogicAdapter.vue2.js

@@ -1,13 +1,13 @@
-import { defineComponent as s, ref as n } from "vue";
-import { InSegments as p } from "@useinsider/design-system-vue";
-const l = /* @__PURE__ */ s({
+import { defineComponent as s, ref as n, watch as p } from "vue";
+import { InSegments as g } from "@useinsider/design-system-vue";
+const m = /* @__PURE__ */ s({
   __name: "LogicAdapter",
   props: {
     logic: null
   },
   emits: ["change"],
-  setup(r, { emit: e }) {
-    const t = r, a = n([
+  setup(a, { emit: c }) {
+    const t = a, r = n([
       {
         text: "and",
         value: "*"
@@ -17,11 +17,13 @@ const l = /* @__PURE__ */ s({
         value: "|"
       }
     ]), o = n(t.logic || "*");
-    return { __sfc: !0, logicAdapterList: a, emit: e, props: t, selectedLogicAdapter: o, changeLogicAdapter: (c) => {
-      o.value = c, e("change", c);
-    }, InSegments: p };
+    return p(() => t.logic, (e) => {
+      o.value = e || "*";
+    }), { __sfc: !0, logicAdapterList: r, emit: c, props: t, selectedLogicAdapter: o, changeLogicAdapter: (e) => {
+      o.value = e, c("change", e);
+    }, InSegments: g };
   }
 });
 export {
-  l as default
+  m 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/composables/useRecommendation.js

@@ -1,8 +1,8 @@
 import { RecommendationFeedSourceMaps as g, URLS as p } from "../enums/extensions/recommendationBlock.js";
 import { MinDeviceViewport as R, DefaultPadding as b } from "../enums/recommendation.js";
-import { useRecommendationExtensionStore as l } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { useRecommendationExtensionStore as u } from "../extensions/Blocks/Recommendation/store/recommendation.js";
 import { generateCompleteFilterQuery as x } from "../extensions/Blocks/Recommendation/utils/filterUtil.js";
-import { useConfigStore as C } from "../stores/config.js";
+import { useConfigStore as I } from "../stores/config.js";
 const N = () => ({
   calculateCardWidth: ({
     mobileLeftPadding: i,
@@ -14,7 +14,7 @@ const N = () => ({
     return (R - e) / r;
   },
   getRecommendationCampaignData: (i) => {
-    const n = l(), o = Number(i), a = n.blockStates[o];
+    const n = u(), o = Number(i), a = n.blockStates[o];
     if (!a)
       return {
         textTrimming: !1,
@@ -43,16 +43,16 @@ const N = () => ({
     };
   },
   buildCampaignUrl: (i) => {
-    var d;
-    const n = l(), o = C(), a = Number(i), r = n.blockStates[a];
+    var m;
+    const n = u(), o = I(), a = Number(i), r = n.blockStates[a];
     if (!r)
       return "";
-    const { recommendationConfigs: e } = r, u = ((d = g.find((s) => s.key === e.strategy)) == null ? void 0 : d.path) || "", t = new URLSearchParams();
-    t.set("locale", e.language), t.set("currency", e.currencySettings.value), t.set("partnerName", o.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", o.variationId), e.strategy === "manualMerchandising" ? t.set("productId", e.productIds.join(",")) : e.strategy === "similarViewed" && t.set("productId", "{itemId}");
+    const { recommendationConfigs: e } = r, l = ((m = g.find((s) => s.key === e.strategy)) == null ? void 0 : m.path) || "", t = new URLSearchParams();
+    t.set("locale", e.language), t.set("currency", e.currencySettings.value), t.set("partnerName", o.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", o.variationId), e.strategy === "manualMerchandising" ? t.set("productId", e.productIds.join(",")) : e.strategy === "similarViewed" && t.set("productId", "{itemId}"), e.strategy === "userBased" && t.set("userId", "{user_id}");
     const f = e.filters.filter((s) => s.isValid), c = x(f);
     c && t.set("filter", c), e.shuffleProducts && t.set("shuffle", "true");
-    const m = `${p.RECOMMENDATION_API_URL}/v2/${u}?${t.toString()}`;
-    return n.recommendationCampaignUrls[i] = m, m;
+    const d = `${p.RECOMMENDATION_API_URL}/v2/${l}?${t.toString()}`;
+    return n.recommendationCampaignUrls[i] = d, d;
   }
 });
 export {

package/dist/composables/useSave.js

@@ -1,17 +1,21 @@
-import { useConfig as l } from "./useConfig.js";
-import { useSaveStart as m, useSaveComplete as c } from "./useGuidoActions.js";
-import { useTemplatePreparation as d } from "../utils/templatePreparation.js";
-import { useHtmlValidator as p } from "./useHtmlValidator.js";
-const w = () => {
-  const i = m(), s = c(), { validateHtml: o } = p(), { callbacks: a } = l();
-  return { save: async (r = !1) => {
+import { useConfig as d } from "./useConfig.js";
+import { useSaveStart as p, useSaveComplete as f } from "./useGuidoActions.js";
+import { useSyncModuleExtractor as v } from "./useSyncModuleExtractor.js";
+import { useStripoApi as S } from "../services/stripoApi.js";
+import { useTemplatePreparation as x } from "../utils/templatePreparation.js";
+import { useHtmlValidator as V } from "./useHtmlValidator.js";
+const g = () => {
+  const o = p(), s = f(), { validateHtml: i } = V(), { callbacks: a } = d(), { extractSyncModuleData: r } = v(), { setSyncModuleUnsubscriptionPages: n } = S();
+  return { save: async (l = !1) => {
     var e;
-    i();
-    const { prepareTemplateDetails: n } = d(), t = await n();
-    if (await o(t.compiledHtml, t.dynamicContentList, !0) && !((e = a.value) != null && e.externalValidation && !await a.value.externalValidation(t)))
-      return r || s(t), t;
+    o();
+    const { prepareTemplateDetails: c } = x(), t = await c();
+    if (!await i(t.compiledHtml, t.dynamicContentList, !0) || (e = a.value) != null && e.externalValidation && !await a.value.externalValidation(t))
+      return;
+    const { unsubscribePayload: m, stripoModules: u } = r(t.rawHtml);
+    return await n(m), t.modules = u, l || s(t), t;
   } };
 };
 export {
-  w as useSave
+  g as useSave
 };

package/dist/composables/useStripo.js

@@ -1,27 +1,27 @@
-import { useActionsApi as _ } from "./useActionsApi.js";
-import { useBlocksConfig as B } from "./useBlocksConfig.js";
-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 { 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;
+import { useActionsApi as A } from "./useActionsApi.js";
+import { useBlocksConfig as F } from "./useBlocksConfig.js";
+import { useConfig as D } from "./useConfig.js";
+import { useCustomInterfaceAppearance as I } from "./useCustomInterfaceAppearance.js";
+import { useStripoEventHandler as P } from "./useStripoEventHandler.js";
+import { useToaster as U } from "./useToaster.js";
+import { localePatch as R } from "../config/i18n/index.js";
+import { displayConditions as H } from "../enums/displayConditions.js";
+import { useStripoApi as O } from "../services/stripoApi.js";
+import q from "../static/styles/customEditorStyle.css.js";
+import { useEditorStore as S } from "../stores/editor.js";
+import { dynamicContentToMergeTags as x } from "../utils/genericUtil.js";
+import L from "../package.json.js";
+const oe = (C, c) => {
+  const { features: l, template: E } = D(), { handleError: u } = U(), { getToken: h, getCustomFonts: w, getSyncModulesStatus: b } = O(), { handleEvent: k } = P(), { getStripoBlocksConfig: T } = F(), V = async (i, n = [], r = !1) => {
+    var f, g, y;
+    const e = S(), { html: m, css: a } = i, { baseBlocks: o, extensions: d } = await T(), p = ((f = l.value) == null ? void 0 : f.displayConditions) ?? !0, B = ((g = l.value) == null ? void 0 : g.modulesDisabled) ?? !1, v = ((y = E.value) == null ? void 0 : y.forceRecreate) ?? !1;
     window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
-        metadata: c,
-        html: n,
-        css: p,
-        forceRecreate: T,
+        metadata: C,
+        html: m,
+        css: a,
+        forceRecreate: v,
         locale: "en",
         undoButtonSelector: "#guido__undo-button",
         redoButtonSelector: "#guido__redo-button",
@@ -31,89 +31,93 @@ const Z = (c) => {
         customAppearanceMergetags: !0,
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
-        customViewStyles: P,
-        conditionsEnabled: a,
-        customConditionsEnabled: a,
-        conditionCategories: M,
+        customViewStyles: q,
+        conditionsEnabled: p,
+        customConditionsEnabled: p,
+        conditionCategories: H,
         enableXSSSecurity: !0,
-        modulesDisabled: k,
+        modulesDisabled: B,
+        syncModulesEnabled: r,
         messageSettingsEnabled: !0,
         displayGmailAnnotations: !0,
         displayHiddenPreheader: !1,
         displayTitle: !1,
         displayUTM: !1,
         selectElementAfterDrop: !0,
-        ...s ? { baseBlocks: s } : {},
+        ...o ? { baseBlocks: o } : {},
         editorFonts: {
           showDefaultStandardFonts: !0,
           showDefaultNotStandardFonts: !0,
-          customFonts: r
+          customFonts: n
         },
         mergeTags: [
           {
-            entries: H(c.preselectedDynamicContentList)
+            entries: x(c.preselectedDynamicContentList)
           }
         ],
-        async onTokenRefreshRequest(e) {
+        async onTokenRefreshRequest(t) {
           try {
-            const d = await C();
-            e(d);
-          } catch (d) {
-            u(d, "Failed to refresh token");
+            const s = await h();
+            t(s);
+          } catch (s) {
+            u(s, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
-            const { importCss: e } = A(), { activateCustomViewStyles: d, updateTimerInClonedTemplate: V } = _();
-            e(), d(), V(), c.onReady(), o.isStripoInitialized = !0, o.loadingStatus = !1, setTimeout(() => {
-              o.hasChanges = !1;
+            const { importCss: t } = I(), { activateCustomViewStyles: s, updateTimerInClonedTemplate: M } = A();
+            t(), s(), M(), c.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
+              e.hasChanges = !1;
             }, 1e3);
-          } catch (e) {
-            u(e, "Failed to load custom interface appearance");
+          } catch (t) {
+            u(t, "Failed to load custom interface appearance");
           }
         },
-        onCodeEditorVisibilityChanged(e) {
-          o.isCodeEditorOpen = e;
+        onCodeEditorVisibilityChanged(t) {
+          e.isCodeEditorOpen = t;
         },
-        onEditorVisualModeChanged(e) {
-          o.editorVisualMode = e.toLowerCase();
+        onEditorVisualModeChanged(t) {
+          e.editorVisualMode = t.toLowerCase();
         },
-        onVersionHistoryVisibilityChanged(e) {
-          o.isVersionHistoryOpen = e;
+        onVersionHistoryVisibilityChanged(t) {
+          e.isVersionHistoryOpen = t;
         },
         onDataChanged() {
-          o.hasChanges = !0;
+          e.hasChanges = !0;
         },
-        onEvent: E,
+        onEvent: k,
         ignoreClickOutsideSelectors: [
           "#guido-dynamic-content-modal",
           ".in-on-board-wrapper",
           ".in-drawer__container"
         ],
-        extensions: t,
-        localePatch: I
+        extensions: d,
+        localePatch: R
       }
     );
-  }, b = (i) => new Promise((r, o) => {
-    var a;
+  }, _ = (i) => new Promise((n, r) => {
+    var d;
     if (document.getElementById("UiEditorScript")) {
-      i(), r();
+      i(), n();
       return;
     }
-    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(), r();
-    }, t.onerror = () => {
-      o(new Error(`Failed to load Stripo UIEditor script from S3: ${s}`));
-    }, document.body.appendChild(t);
+    const e = L.guido, a = `https://email-static.useinsider.com/guido/${(d = e == null ? void 0 : e.stripo) == null ? void 0 : d.version}/UIEditor.js`, o = document.createElement("script");
+    o.id = "UiEditorScript", o.type = "module", o.src = a, o.onload = () => {
+      i(), n();
+    }, o.onerror = () => {
+      r(new Error(`Failed to load Stripo UIEditor script from S3: ${a}`));
+    }, document.body.appendChild(o);
   });
   return { initPlugin: async (i) => {
-    await b(async () => {
-      const r = await S();
-      await w(i, r);
+    await _(async () => {
+      const n = S(), [r, e] = await Promise.all([
+        w(),
+        b()
+      ]);
+      n.syncModulesEnabled = e, await V(i, r, e);
     });
   } };
 };
 export {
-  Z as useStripo
+  oe as useStripo
 };