@useinsider/guido 2.2.0-beta.eeefcc3 → 3.0.0-beta.0579d27

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/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/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
 };