@useinsider/guido 2.1.0-beta.539baf9 → 2.1.0-beta.56a5c5a

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, 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";
+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";
 const m = {
   /** Promotional/marketing emails */
   PROMOTIONAL: 1,

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

@@ -1,28 +1,26 @@
 import r from "./FilterItem.vue2.js";
 /* empty css                */
-import i from "../../../../_virtual/_plugin-vue2_normalizer.js";
-var l = function() {
+import l from "../../../../_virtual/_plugin-vue2_normalizer.js";
+var i = 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" }, [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", 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 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, 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) {
+  } } })], 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) {
     return t.updateFilter({ text: "operator", value: s.value });
-  } } }), 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) {
+  } } }), 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) {
     t.updateFilter({ text: "value", value: encodeURIComponent(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) {
+  } } })]], 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) {
     return t.updateFilter({ text: "innerGroupOperator", value: s });
   } } })], 1) : a._e()]);
-}, n = [], o = /* @__PURE__ */ i(
+}, o = [], n = /* @__PURE__ */ l(
   r,
-  l,
-  n,
+  i,
+  o,
   !1,
   null,
-  "6562e38c"
+  "3b53a736"
 );
-const f = o.exports;
+const f = n.exports;
 export {
   f as default
 };

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

@@ -1,38 +1,69 @@
-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({
+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__ */ _({
   __name: "FilterItem",
   props: {
     filter: null,
     index: null,
-    hasLogicAdapter: { type: Boolean }
+    hasLogicAdapter: { type: Boolean },
+    submitted: { type: Boolean }
   },
   emits: ["delete-filter"],
-  setup(p, { emit: u }) {
-    const e = p, n = v(), r = x(), m = [
+  setup(f, { emit: v }) {
+    const t = f, n = C(), a = V(), y = [
       {
         text: n("email-editor.standard-filter"),
         value: "standardFilter"
       }
-    ], 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);
+    ], 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
+      });
     }, 500);
-    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: _ };
+    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 };
   }
 });
 export {
-  h as default
+  K as default
 };

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

@@ -1,17 +1,19 @@
 import o from "./FilterSelectionDrawer.vue2.js";
 import n from "../../../../_virtual/_plugin-vue2_normalizer.js";
-var l = function() {
+var i = function() {
   var e = this, r = e._self._c, t = e._self._setupProxy;
-  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);
+  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 }, on: { "reset-validation": function(c) {
+    t.submitted = !1;
+  } } }) : e._e()], 1);
 }, s = [], a = /* @__PURE__ */ n(
   o,
-  l,
+  i,
   s,
   !1,
   null,
   null
 );
-const p = a.exports;
+const d = a.exports;
 export {
-  p as default
+  d as default
 };

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

@@ -1,38 +1,51 @@
-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({
+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({
   __name: "FilterSelectionDrawer",
-  setup(f) {
-    const r = c(), t = p(), e = a(!1), s = l(() => ({
+  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(() => ({
       primaryButton: {
         styling: "solid",
         type: "primary",
         labelText: r(
-          e.value ? "unsubscription-preference.selecting-type" : "products.select-and-continue"
+          t.value ? "unsubscription-preference.selecting-type" : "products.select-and-continue"
         ),
-        loadingStatus: e.value,
-        disabledStatus: !1
+        loadingStatus: t.value
       },
       cancelOrBackButton: {
         styling: "ghost",
         type: "secondary",
         labelText: r("products.cancel"),
-        disabledStatus: e.value
+        disabledStatus: t.value
       }
-    })), 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 },
+    }));
+    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 },
         { triggerRefetch: !0 }
-      ), o(), e.value = !1;
-    }, WpDrawer: i, Filters: u };
+      ), e.closeFilterDrawer(), t.value = !1;
+    }, WpDrawer: b, Filters: h };
   }
 });
 export {
-  v as default
+  I as default
 };

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

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

@@ -0,0 +1,56 @@
+const e = "Your version has been restored successfully.", o = "Restore Image", t = "Cancel", a = {
+  "The image has been deleted.": "The image has been deleted successfully.",
+  "Aim for the drop zone!": "Drag and drop your image inside the upload area to continue.",
+  "Image processing": "The image upload is in progress. This may take some time.",
+  "Can not get image from an external source.": "The image couldn’t be uploaded from the URL. Check and update your URL to continue.",
+  "The selected basic color cannot be added to My Palette. Please choose a different one from the color picker.": "The selected color is already added to My Palette. Pick a different color to add.",
+  "Copied to clipboard": "Your Image URL has been copied to clipboard successfully.",
+  "The file {fileName} has wrong format {fileFormat}": "Upload a PNG, JPG, JPEG, or GIF image to continue.",
+  "The file {fileName} size exceeds the allowed size {maxFileSize}": "Upload an image up to 10 MB to continue.",
+  "Image link invalid": "Enter a valid Image Link to continue.",
+  "Image upload failed": "Upload a valid image to continue.",
+  "Image upload error": "Upload a valid image to continue.",
+  "Error message from video service": "The video thumbnail couldn't be loaded. Check and update your Video Link to continue.",
+  "Error message from image processing": "The Play Button couldn't be added to the Video Thumbnail right now. You can select another Play Button and try again.",
+  "The AI is fine-tuning your result... Please wait! This may take up to 1 minute.": "AI content generation is in progress. This may take some time.",
+  "Can not complete AI request. Try again later": "AI content generation couldn't be completed right now. You can reload the editor or wait for a while and try again.",
+  "Http failure response for https://plugins.stripo.email/api/v1/documents/v3/documents/link: 400 OK": "Upload a valid image to continue.",
+  "Http failure response for https://plugins.stripo.email/api/v1/documents/v3/documents/base64: 400 OK": "The video thumbnail couldn’t be uploaded from the URL. Check and update your URL to continue.",
+  "AI is processing your request": "AI content generation is in progress. This may take some time.",
+  "Whoops, something went wrong. Our experts are working to resolve this issue. Try again later please": "Your action couldn't be done right now. You can reload the editor or wait for a while and try again.",
+  "Unable to paste text. Limit is 256kB. Please trim it down.": "Add a text to Text Block of up to 256KB to continue.",
+  "Banner src included merge tag": "The image upload is in progress. This may take some time.",
+  "Module deletion error": "The module couldn't be deleted right now. You can wait for a while and try again.",
+  "Can`t delete the module": "The module couldn't be deleted right now. You can wait for a while and try again.",
+  "Block action error": "Your content couldn't added right now. You can wait for a while and try again.",
+  history_revert_to_patch: e,
+  "There is no connection to the server. Please reload the page or click 'Reconnect' to continue.": "Your server connection is lost. Reload the page to continue.",
+  "Reconnecting...": "Server reconnection is in progress. This may take some time.",
+  "Failed to load version history. Contact support for assistance.": "Your version couldn't be restored right now. You can wait for a while and try again.",
+  "Connection restored": "Server connection has been restored successfully.",
+  "Invalid base64 image format. Please replace the image link.": "This image can’t be edited.",
+  "Timer update error": "Your action couldn't be undone right now. You can reload the editor or wait for a while and try again.",
+  "Cannot edit base64 images": "This image type can't be edited.",
+  "Failed to copy URL": "Your Image Link couldn't be copied to clipboard right now. You can wait for a while and try again.",
+  "Error message from image service": "The image couldn’t be uploaded from the URL. Check and update your URL to continue.",
+  "Error message from image preload": "The image couldn't be loaded from the URL you entered. Check and update your Image Link to continue.",
+  "An error has occurred. Please report the error code to support: {trace_id} and reload the editor. Also, send a bug report with email logs to the development team.": "Your design couldn't be loaded right now. You can reload the page and try again.",
+  "The number of requests within your session has been exceeded. Please wait.": "Your requests are being processed. You can wait for a while to take new actions.",
+  "An error has occurred. Please report the error code to support.": "Your design couldn't be loaded right now. You can reload the page and try again.",
+  "Warning: custom fonts": "Use custom fonts up to 10 to continue.",
+  "Image recovery error": "The image couldn't be restored right now. You can wait for a while and try again.",
+  "Image moved to trash": "The image has been deleted successfully.",
+  Recover: o,
+  Stop: t,
+  "Can`t delete the image": "The image couldn’t be deleted right now. You can wait for a while and try again.",
+  "Can`t restore the image": "The image couldn’t be restored right now. You can wait for a while and try again.",
+  "Image delete error": "The image couldn't be deleted right now. You can wait for a while and try again.",
+  "The maximum number of users who can simultaneously work with the sheet has been exceeded. Maximum allowed number: {{max_users_per_model}}": "You can’t edit the design right now as the maximum number of users are currently editing it.",
+  "The monthly limit of Timer basic block is reached. Please change the subscription pricing plan to activate new quotas": "You have reached your monthly limit of Timer Blocks. You can contact your Account Director for more information."
+};
+export {
+  o as Recover,
+  t as Stop,
+  a as default,
+  e as history_revert_to_patch
+};