@useinsider/guido 2.1.0-beta.4bfe3ad → 2.1.0-beta.52e56ab

package/dist/@types/config/schemas.js

@@ -1,5 +1,5 @@
 import { ModuleFolderDefaults as b } from "../../enums/defaults.js";
-import { object as o, number as p, optional as e, string as t, pipe as u, picklist as n, minLength as d, custom as S, boolean as a, array as c, literal as r, variant as k } from "../../node_modules/valibot/dist/index.js";
+import { object as o, number as p, optional as e, string as t, pipe as u, picklist as n, custom as S, boolean as a, array as c, minLength as d, literal as r, variant as k } from "../../node_modules/valibot/dist/index.js";
 const m = {
   /** Promotional/marketing emails */
   PROMOTIONAL: 1,

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

@@ -1,26 +1,28 @@
 import r from "./FilterItem.vue2.js";
 /* empty css                */
-import l from "../../../../_virtual/_plugin-vue2_normalizer.js";
-var i = function() {
+import i from "../../../../_virtual/_plugin-vue2_normalizer.js";
+var l = function() {
   var a = this, e = a._self._c, t = a._self._setupProxy;
-  return e("div", { staticClass: "d-f f-d-c w-1 gap-16", attrs: { "data-filter-group": a.filter.filterGroup, "data-filter-number": a.filter.filterNumber } }, [e("div", { staticClass: "d-f a-i-c j-c-s-b pt-4", class: { "bor-t-s-s bor-t-w-1 bor-t-c-50": a.index === 0 } }, [e("p", [a._v(" " + a._s(t.trans("newsletter.filter")) + " " + a._s(a.index + 1) + " ")]), e(t.InButtonV2, { attrs: { id: "guido__delete-filter-group-button", "left-icon": "line-delete", styling: "text", type: "danger", "label-text-status": !1 }, on: { click: function(s) {
+  return e("div", { staticClass: "d-f f-d-c w-1 gap-16" }, [e("div", { staticClass: "d-f a-i-c j-c-s-b pt-4", class: { "bor-t-s-s bor-t-w-1 bor-t-c-50": a.index === 0 } }, [e("p", [a._v(" " + a._s(t.trans("newsletter.filter")) + " " + a._s(a.index + 1) + " ")]), e(t.InButtonV2, { attrs: { id: "guido__delete-filter-group-button", "left-icon": "line-delete", styling: "text", type: "danger", "label-text-status": !1 }, on: { click: function(s) {
     return t.emit("delete-filter", t.props.filter);
-  } } })], 1), e("div", { staticClass: "w-1 d-f a-i-s j-c-s-b gap-16" }, [e(t.InSelect, { staticClass: "w-2", attrs: { "disabled-status": "", "search-status": "", "button-status": !1, "label-text": t.trans("action-builder.filter-type"), options: t.filterTypeOptions, value: [t.filterTypeOptions[0]] } }), e(t.InSelect, { staticClass: "w-2", attrs: { id: "filter-item-input--attribute-type", "search-status": "", "static-position": "bottom right", "button-status": !1, "label-text": t.trans("condition.attribute"), options: t.store.getFilterList, state: t.getFieldState("attribute"), value: [t.selectedAttributeType] }, on: { select: t.handleAttributeChange } })], 1), e("div", { staticClass: "w-1 d-f a-i-s j-c-s-b gap-16" }, [t.isBooleanAttribute ? e(t.InSelect, { staticClass: "w-2", attrs: { "button-status": !1, "label-text": t.trans("condition.operator"), options: t.booleanValueOptions, state: t.getFieldState("value"), value: [t.selectedBooleanValue] }, on: { select: t.handleBooleanValueChange } }) : [e(t.InSelect, { staticClass: "w-2", attrs: { "button-status": !1, "label-text": t.trans("condition.operator"), options: t.getOperatorOptions(t.selectedAttributeType.type), state: t.getFieldState("operator"), value: [t.selectedOperatorType] }, on: { select: function(s) {
+  } } })], 1), e("div", { staticClass: "w-1 d-f a-i-s j-c-s-b gap-16" }, [e(t.InSelect, { staticClass: "w-2", attrs: { "disabled-status": "", "search-status": "", "button-status": !1, "label-text": t.trans("action-builder.filter-type"), options: t.filterTypeOptions, value: [t.filterTypeOptions[0]] } }), e(t.InSelect, { staticClass: "w-2", attrs: { id: "filter-item-input--attribute-type", "search-status": "", "static-position": "bottom right", "button-status": !1, "label-text": t.trans("condition.attribute"), options: t.store.getFilterList, value: [t.selectedAttributeType] }, on: { select: function(s) {
+    return t.updateFilter({ text: "attribute", value: s.value });
+  } } })], 1), e("div", { staticClass: "w-1 d-f a-i-s j-c-s-b gap-16" }, [e(t.InSelect, { staticClass: "w-2", attrs: { "button-status": !1, "label-text": t.trans("condition.operator"), options: t.getOperatorOptions(t.selectedAttributeType.type), value: [t.selectedOperatorType] }, on: { select: function(s) {
     return t.updateFilter({ text: "operator", value: s.value });
-  } } }), e(t.InBasicTextInput, { staticClass: "w-2", attrs: { id: "filter-item-input--value", name: "imageUrl", "character-counter-status": !1, "label-text": t.trans("condition.value"), "max-character-length": 25, "placeholder-text": t.trans("condition.enter-value-placeholder"), "state-message": t.valueErrorMessage, states: t.getFieldState("value"), "tooltip-status": !1, type: t.valueInputType, value: decodeURIComponent(t.props.filter.value) }, on: { input: function(s) {
+  } } }), e(t.InBasicTextInput, { staticClass: "w-2", attrs: { id: "filter-item-input--value", name: "imageUrl", type: "text", "character-counter-status": !1, "label-text": t.trans("condition.value"), "max-character-length": 25, "placeholder-text": t.trans("condition.enter-value-placeholder"), "tooltip-status": !1, value: decodeURIComponent(t.props.filter.value) }, on: { input: function(s) {
     t.updateFilter({ text: "value", value: encodeURIComponent(s) });
-  } } })]], 2), t.props.hasLogicAdapter ? e("div", { staticClass: "w-1 d-f a-i-c j-c-c p-r bor-b-s-s bor-b-w-1 bor-b-c-50 mt-4" }, [e(t.LogicAdapter, { staticClass: "p-a", attrs: { logic: t.props.filter.innerGroupOperator }, on: { change: function(s) {
+  } } })], 1), t.props.hasLogicAdapter ? e("div", { staticClass: "w-1 d-f a-i-c j-c-c p-r bor-b-s-s bor-b-w-1 bor-b-c-50 mt-4" }, [e(t.LogicAdapter, { staticClass: "p-a", attrs: { logic: t.props.filter.innerGroupOperator }, on: { change: function(s) {
     return t.updateFilter({ text: "innerGroupOperator", value: s });
   } } })], 1) : a._e()]);
-}, o = [], n = /* @__PURE__ */ l(
+}, n = [], o = /* @__PURE__ */ i(
   r,
-  i,
-  o,
+  l,
+  n,
   !1,
   null,
-  "3b53a736"
+  "6562e38c"
 );
-const f = n.exports;
+const f = o.exports;
 export {
   f as default
 };

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

@@ -1,69 +1,38 @@
-import { defineComponent as _, computed as l } from "vue";
-import { useTranslations as C } from "../../../../composables/useTranslations.js";
-import { getOperatorOptions as p } from "../../../../enums/extensions/recommendationBlock.js";
-import { useRecommendationExtensionStore as V } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
-import { getInvalidFilterFields as A } from "../../../../extensions/Blocks/Recommendation/validation/filterSchema.js";
-import { InButtonV2 as L, InSelect as O, InBasicTextInput as S } from "@useinsider/design-system-vue";
-import E from "./LogicAdapter.vue.js";
-import { useDebounceFn as N } from "../../../../node_modules/@vueuse/shared/index.js";
-const K = /* @__PURE__ */ _({
+import { defineComponent as f, computed as i } from "vue";
+import { useTranslations as v } from "../../../../composables/useTranslations.js";
+import { getOperatorOptions as a } from "../../../../enums/extensions/recommendationBlock.js";
+import { useRecommendationExtensionStore as x } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
+import { InButtonV2 as y, InSelect as F, InBasicTextInput as T } from "@useinsider/design-system-vue";
+import _ from "./LogicAdapter.vue.js";
+import { useDebounceFn as b } from "../../../../node_modules/@vueuse/shared/index.js";
+const h = /* @__PURE__ */ f({
   __name: "FilterItem",
   props: {
     filter: null,
     index: null,
-    hasLogicAdapter: { type: Boolean },
-    submitted: { type: Boolean }
+    hasLogicAdapter: { type: Boolean }
   },
   emits: ["delete-filter"],
-  setup(f, { emit: v }) {
-    const t = f, n = C(), a = V(), y = [
+  setup(p, { emit: u }) {
+    const e = p, n = v(), r = x(), m = [
       {
         text: n("email-editor.standard-filter"),
         value: "standardFilter"
       }
-    ], i = [
-      { text: "True", value: "true" },
-      { text: "False", value: "false" }
-    ], d = l(() => t.filter.attribute || ""), r = l(() => a.getFilterList.find((e) => e.value === d.value) || { text: "", value: "", type: "" }), F = l(
-      () => {
-        var e;
-        return ((e = r.value) == null ? void 0 : e.type) === "Boolean";
-      }
-    ), b = l(() => {
-      var e;
-      return p((e = r.value) == null ? void 0 : e.type).find((o) => o.value === t.filter.operator);
-    }), g = l(
-      () => i.find((e) => e.value === t.filter.value) || i[0]
-    ), u = l(() => t.submitted ? A(t.filter) : /* @__PURE__ */ new Set()), h = (e) => u.value.has(e) ? "error" : "default", B = l(
-      () => u.value.has("value") ? n("action-builder.filter-empty-value-error") : ""
-    ), c = l(
-      () => {
-        var e;
-        return ((e = r.value) == null ? void 0 : e.type) === "Number";
-      }
-    ), x = l(() => c.value ? "number" : "text"), T = N((e) => {
-      a.updateFilter({
-        ...t.filter,
-        [e.text]: e.value
-      });
+    ], s = i(() => e.filter.attribute || ""), l = i(() => r.getFilterList.find((t) => t.value === s.value) || { text: "", value: "", type: "" }), c = i(() => {
+      var t;
+      return a((t = l.value) == null ? void 0 : t.type).find((o) => o.value === e.filter.operator);
+    }), d = b((t) => {
+      console.debug("updateFilter: ", t);
+      const o = {
+        ...e.filter,
+        [t.text]: t.value
+      };
+      r.updateFilter(o);
     }, 500);
-    return { __sfc: !0, trans: n, store: a, props: t, filterTypeOptions: y, booleanValueOptions: i, attributeType: d, selectedAttributeType: r, isBooleanAttribute: F, selectedOperatorType: b, selectedBooleanValue: g, emit: v, invalidFields: u, getFieldState: h, valueErrorMessage: B, isNumericAttribute: c, valueInputType: x, updateFilter: T, handleAttributeChange: (e) => {
-      const o = a.getFilterList.find((I) => I.value === e.value), m = (o == null ? void 0 : o.type) === "Boolean", [s] = p(o == null ? void 0 : o.type);
-      a.updateFilter({
-        ...t.filter,
-        attribute: e.value,
-        operator: m ? "=" : (s == null ? void 0 : s.value) ?? "",
-        value: m ? "true" : ""
-      });
-    }, handleBooleanValueChange: (e) => {
-      a.updateFilter({
-        ...t.filter,
-        operator: "=",
-        value: e.value
-      });
-    }, getOperatorOptions: p, InBasicTextInput: S, InSelect: O, InButtonV2: L, LogicAdapter: E };
+    return { __sfc: !0, trans: n, store: r, props: e, filterTypeOptions: m, attributeType: s, selectedAttributeType: l, selectedOperatorType: c, emit: u, updateFilter: d, getOperatorOptions: a, InBasicTextInput: T, InSelect: F, InButtonV2: y, LogicAdapter: _ };
   }
 });
 export {
-  K as default
+  h as default
 };

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

@@ -1,11 +1,11 @@
 import o from "./FilterSelectionDrawer.vue2.js";
 import n from "../../../../_virtual/_plugin-vue2_normalizer.js";
-var i = function() {
+var l = function() {
   var e = this, r = e._self._c, t = e._self._setupProxy;
-  return r(t.WpDrawer, { attrs: { id: "recommendation-filter-drawer", "description-status": "", "description-text": t.trans("email-editor.filter-description"), "footer-button-group-options": t.footerButtonGroupOptions, status: t.store.filterSelectionDrawerStatus, "title-text": t.trans("email-editor.add-filters") }, on: { cancelOrBackButtonEvent: t.cancelModal, onCloseEvent: t.cancelModal, primaryButtonEvent: t.applyFilter } }, [t.store.filterSelectionDrawerStatus ? r(t.Filters, { ref: "filtersRef", attrs: { submitted: t.submitted } }) : e._e()], 1);
+  return r(t.WpDrawer, { attrs: { id: "recommendation-filter-drawer", "title-text": "Filter Selection", "footer-button-group-options": t.footerButtonGroupOptions, status: t.store.filterSelectionDrawerStatus }, on: { cancelOrBackButtonEvent: t.closeModal, onCloseEvent: t.closeModal, primaryButtonEvent: t.applyFilter } }, [r(t.Filters)], 1);
 }, s = [], a = /* @__PURE__ */ n(
   o,
-  i,
+  l,
   s,
   !1,
   null,

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

@@ -1,51 +1,38 @@
-import { defineComponent as d, ref as a, watch as y, computed as g, nextTick as v } from "vue";
-import b from "../../../wrappers/WpDrawer.vue.js";
-import { useTranslations as w } from "../../../../composables/useTranslations.js";
-import { useRecommendationExtensionStore as F } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
-import { isFilterValid as _ } from "../../../../extensions/Blocks/Recommendation/validation/filterSchema.js";
-import h from "./Filters.vue.js";
-const I = /* @__PURE__ */ d({
+import { defineComponent as n, ref as a, computed as l } from "vue";
+import i from "../../../wrappers/WpDrawer.vue.js";
+import { useTranslations as c } from "../../../../composables/useTranslations.js";
+import { useRecommendationExtensionStore as p } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
+import u from "./Filters.vue.js";
+const v = /* @__PURE__ */ n({
   __name: "FilterSelectionDrawer",
-  setup(S) {
-    const r = w(), e = F(), t = a(!1), o = a(!1), c = a();
-    y(() => e.filterSelectionDrawerStatus, (n) => {
-      n && (o.value = !1);
-    });
-    const f = g(() => ({
+  setup(f) {
+    const r = c(), t = p(), e = a(!1), s = l(() => ({
       primaryButton: {
         styling: "solid",
         type: "primary",
         labelText: r(
-          t.value ? "unsubscription-preference.selecting-type" : "products.select-and-continue"
+          e.value ? "unsubscription-preference.selecting-type" : "products.select-and-continue"
         ),
-        loadingStatus: t.value
+        loadingStatus: e.value,
+        disabledStatus: !1
       },
       cancelOrBackButton: {
         styling: "ghost",
         type: "secondary",
         labelText: r("products.cancel"),
-        disabledStatus: t.value
+        disabledStatus: e.value
       }
-    }));
-    return { __sfc: !0, trans: r, store: e, isApplying: t, submitted: o, filtersRef: c, footerButtonGroupOptions: f, cancelModal: () => {
-      e.cancelFilterDrawer();
-    }, applyFilter: async () => {
-      var u;
-      o.value = !0;
-      const { filters: n } = e.recommendationConfigs, i = n.find((l) => !_(l));
-      if (i) {
-        (u = c.value) == null || u.switchToGroup(i.filterGroup), await v();
-        const { filterGroup: l, filterNumber: p } = i, m = `[data-filter-group="${l}"][data-filter-number="${p}"]`, s = document.querySelector(m);
-        s == null || s.scrollIntoView({ behavior: "smooth", block: "center" });
-        return;
-      }
-      t.value = !0, e.patchCurrentBlockConfig(
-        { filters: e.recommendationConfigs.filters },
+    })), o = () => {
+      t.closeFilterDrawer();
+    };
+    return { __sfc: !0, trans: r, store: t, isApplying: e, footerButtonGroupOptions: s, closeModal: o, applyFilter: () => {
+      e.value = !0, t.patchCurrentBlockConfig(
+        { filters: t.recommendationConfigs.filters },
         { triggerRefetch: !0 }
-      ), e.closeFilterDrawer(), t.value = !1;
-    }, WpDrawer: b, Filters: h };
+      ), o(), e.value = !1;
+    }, WpDrawer: i, Filters: u };
   }
 });
 export {
-  I as default
+  v as default
 };

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

@@ -1,20 +1,20 @@
 import s from "./Filters.vue2.js";
 /* empty css             */
-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(
+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(
   s,
-  a,
+  o,
   d,
   !1,
   null,
-  "c5dee797"
+  "1ccb6d4a"
 );
-const g = n.exports;
+const _ = n.exports;
 export {
-  g as default
+  _ as default
 };

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

@@ -1,54 +1,44 @@
-import { defineComponent as h, computed as l, ref as O, watch as v } from "vue";
-import { useTranslations as f } from "../../../../composables/useTranslations.js";
+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 { getTooltipOptions as R } from "../../../../utils/tooltipUtils.js";
-import { InButtonV2 as T, InSegments as U } from "@useinsider/design-system-vue";
-import E from "./FilterItem.vue.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 y = /* @__PURE__ */ h({
+const E = /* @__PURE__ */ m({
   __name: "Filters",
-  props: {
-    submitted: { type: Boolean }
-  },
-  setup(C, { expose: a }) {
-    const i = f(), t = g(), u = l(() => t.getUniqueFilterGroups.map((e) => ({
-      text: e.toString(),
-      value: e
-    }))), r = O(1);
-    v(u, (e) => {
-      if (!e.length)
-        return;
-      e.some((G) => G.value === r.value) || (r.value = e[0].value);
-    });
-    const s = (e) => {
+  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) => {
       r.value = e;
-    };
-    a({ switchToGroup: s });
-    const p = () => {
-      const e = t.getUniqueFilterGroups, o = e.length > 0 ? Math.max(...e) + 1 : 1;
-      t.addFilterGroup(o), r.value = o;
-    }, c = l(() => u.value.length >= 3), n = l(() => t.getSelectedFilterGroup(r.value)), d = l(() => n.value.length >= 10), F = l(() => n.value.length > 1), _ = l(() => u.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: i, store: t, filterGroupList: u, selectedFilterGroup: r, switchToGroup: s, handleAddFilterGroup: p, isMaxFilterGroupCount: c, selectedFilterGroupFilters: n, isMaxFilterPerGroupCount: d, hasLogicAdapter: F, hasRemoveFilterButton: _, outerGroupOperator: m, handleOuterGroupOperatorChange: (e) => {
-      n.value.forEach((o) => {
-        t.updateFilter({ ...o, outerGroupOperator: e });
-      });
-    }, handleAddFilter: () => {
-      t.addFilter(
-        t.createDefaultFilter(
-          r.value,
-          n.value.length + 1
-        )
-      );
+    }, 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");
     }, handleDeleteFilter: (e) => {
-      t.deleteFilter(e);
+      console.debug("handleDeleteFilter: ", e), l.deleteFilter(e);
     }, handleDeleteFilterGroup: () => {
-      u.value.length <= 1 || t.deleteFilterGroup(r.value);
-    }, getTooltipOptions: R, InSegments: U, InButtonV2: T, FilterItem: E, LogicAdapter: A };
+      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 };
   }
 });
 export {
-  y as default
+  E 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,7 @@
+const l = {
+  "Global Styles & Layout": "Global Styles and Layout",
+  "Structures & Modules": "Structures and Modules"
+};
+export {
+  l as default
+};