@useinsider/guido 2.1.0-beta.4bc6068 → 2.1.0-beta.4bfe3ad

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 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 } }) : e._e()], 1);
 }, s = [], a = /* @__PURE__ */ n(
   o,
-  l,
+  i,
   s,
   !1,
   null,

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

@@ -1,37 +1,51 @@
-import { defineComponent as n, ref as a, computed as l } from "vue";
-import i from "../../../wrappers/WpDrawer.vue.js";
-import { useTranslations as p } from "../../../../composables/useTranslations.js";
-import { useRecommendationExtensionStore as c } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
-import u from "./Filters.vue.js";
-const b = /* @__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(m) {
-    const t = p(), o = c(), 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: t(
-          e.value ? "unsubscription-preference.selecting-type" : "products.select-and-continue"
+        labelText: r(
+          t.value ? "unsubscription-preference.selecting-type" : "products.select-and-continue"
         ),
-        loadingStatus: e.value,
-        disabledStatus: !1
+        loadingStatus: t.value
       },
       cancelOrBackButton: {
         styling: "ghost",
         type: "secondary",
-        labelText: t("products.cancel"),
-        disabledStatus: e.value
+        labelText: r("products.cancel"),
+        disabledStatus: t.value
       }
-    })), r = () => {
-      o.filterSelectionDrawerStatus = !1;
-    };
-    return { __sfc: !0, trans: t, store: o, isApplying: e, footerButtonGroupOptions: s, closeModal: r, applyFilter: () => {
-      e.value = !0, setTimeout(() => {
-        console.debug("Filter applied!"), r(), o.generateFilterQuery();
-      }, 2e3);
-    }, WpDrawer: i, Filters: u };
+    }));
+    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 }
+      ), e.closeFilterDrawer(), t.value = !1;
+    }, WpDrawer: b, Filters: h };
   }
 });
 export {
-  b 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"
+  "c5dee797"
 );
-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,54 @@
-import { defineComponent as m, computed as o, ref as h } from "vue";
-import { useTranslations as G } from "../../../../composables/useTranslations.js";
+import { defineComponent as h, computed as l, ref as O, watch as v } from "vue";
+import { useTranslations as f } 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 { 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 A from "./LogicAdapter.vue.js";
-const E = /* @__PURE__ */ m({
+const y = /* @__PURE__ */ h({
   __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 }
+  },
+  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) => {
       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");
+    };
+    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
+        )
+      );
     }, 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 };
+      u.value.length <= 1 || t.deleteFilterGroup(r.value);
+    }, getTooltipOptions: R, InSegments: U, InButtonV2: T, FilterItem: E, LogicAdapter: A };
   }
 });
 export {
-  E as default
+  y as default
 };

package/dist/composables/useBlocksConfig.js

@@ -1,5 +1,6 @@
+import r from "../extensions/ModulesTabIcons/extension.js";
 import { useConfigStore as l } from "../stores/config.js";
-const r = {
+const a = {
   "amp-accordion": "ampAccordionEnabled",
   "amp-carousel": "ampCarouselEnabled",
   "amp-form-controls": "ampFormControlsEnabled",
@@ -13,7 +14,7 @@ const r = {
   "text-block": "textEnabled",
   "timer-block": "timerEnabled",
   "video-block": "videoEnabled"
-}, c = {
+}, s = {
   "dynamic-content": () => import("../extensions/DynamicContent/extension.js"),
   "checkbox-block": () => import("../extensions/Blocks/Checkbox/extension.js"),
   "radio-button-block": () => import("../extensions/Blocks/RadioButton/extension.js"),
@@ -21,31 +22,40 @@ const r = {
   "unsubscribe-block": () => import("../extensions/Blocks/Unsubscribe/extension.js"),
   "coupon-block": () => import("../extensions/Blocks/CouponBlock/extension.js"),
   "items-block": () => import("../extensions/Blocks/Items/extension.js")
-}, a = (n) => {
+}, i = (n) => {
   if (!n || !n.length)
     return {};
-  const e = {};
+  const t = {};
   return n.forEach((o) => {
-    const t = r[o];
-    t && (e[t] = !1);
-  }), e;
-}, i = async (n) => !n || !n.length ? [] : (await Promise.all(
-  n.map(async (o) => {
-    const t = c[o];
-    return t ? (await t()).default : null;
-  })
-)).filter((o) => o !== null), m = () => {
+    const e = a[o];
+    e && (t[e] = !1);
+  }), t;
+}, b = () => [r], m = async (n) => {
+  const t = b();
+  if (!n || !n.length)
+    return t;
+  const o = await Promise.all(
+    n.map(async (e) => {
+      const c = s[e];
+      return c ? (await c()).default : null;
+    })
+  );
+  return [
+    ...t,
+    ...o.filter((e) => e !== null)
+  ];
+}, E = () => {
   const n = l();
   return {
     getStripoBlocksConfig: async () => {
       const o = n.blocks;
       return {
-        baseBlocks: a(o == null ? void 0 : o.excludeDefaults),
-        extensions: await i(o == null ? void 0 : o.includeCustoms)
+        baseBlocks: i(o == null ? void 0 : o.excludeDefaults),
+        extensions: await m(o == null ? void 0 : o.includeCustoms)
       };
     }
   };
 };
 export {
-  m as useBlocksConfig
+  E as useBlocksConfig
 };

package/dist/composables/useHtmlValidator.js

@@ -1,77 +1,84 @@
-import { useConfig as D } from "./useConfig.js";
-import { TemplateTypes as H } from "../enums/defaults.js";
-import { DISPLAY_CONDITIONS_REGEX as P, DISPLAY_CONDITIONS_EXCEPTIONS_REGEX as R, CampaignCouldNotBeSavedKey as _, CanNotMakeAnyChangesForRunningKey as G } from "../enums/html-validator.js";
-import { ToasterTypeOptions as l } from "../enums/toaster.js";
-import { itemsBlockDynamicVariables as $ } from "../extensions/Blocks/Items/enums/productEnums.js";
-import { useRecommendationStore as j } from "../stores/recommendation.js";
-import { base64EncodeWithSpecialChars as q } from "../utils/base64.js";
-import { useHttp as M } from "./useHttp.js";
-import { useToaster as X } from "./useToaster.js";
+import { useConfig as L } from "./useConfig.js";
+import { TemplateTypes as V } from "../enums/defaults.js";
+import { DISPLAY_CONDITIONS_REGEX as _, DISPLAY_CONDITIONS_EXCEPTIONS_REGEX as H, CampaignCouldNotBeSavedKey as P, CanNotMakeAnyChangesForRunningKey as G } from "../enums/html-validator.js";
+import { ToasterTypeOptions as c } from "../enums/toaster.js";
+import { itemsBlockDynamicVariables as M } from "../extensions/Blocks/Items/enums/productEnums.js";
+import { useRecommendationStore as $ } from "../stores/recommendation.js";
+import { base64EncodeWithSpecialChars as X } from "../utils/base64.js";
+import { useHttp as j } from "./useHttp.js";
+import { useToaster as q } from "./useToaster.js";
 import { useTranslations as z } from "./useTranslations.js";
-const oe = () => {
-  var d, f;
-  const { showToaster: c } = X(), { post: h } = M(), { config: v } = D(), a = z(), m = j(), u = ((f = (d = v.value) == null ? void 0 : d.partner) == null ? void 0 : f.messageType) === H.transactional, C = async (e) => {
-    const t = await h(
+const K = /recommendation-id="(\d+)"/g;
+function U(i) {
+  return [...i.matchAll(K)].map((u) => u[1]);
+}
+function Y(i, u) {
+  return u.some((d) => i.startsWith(`${d}_`));
+}
+const ce = () => {
+  var y, h;
+  const { showToaster: i } = q(), { post: u } = j(), { config: d } = L(), r = z(), g = $(), p = ((h = (y = d.value) == null ? void 0 : y.partner) == null ? void 0 : h.messageType) === V.transactional, w = async (e) => {
+    const t = await u(
       "/newsletter/template-library/check-template-html-body",
-      { html: q(e) }
-    ), { status: n, message: r } = t.data;
-    return n || c({
-      type: l.Alert,
-      message: n === void 0 ? r : a("newsletter.invalid-url-link-for-toaster")
-    }), a(_), r === a(G) && c({
-      type: l.Alert,
-      message: a("newsletter.already-in-progress")
+      { html: X(e) }
+    ), { status: n, message: l } = t.data;
+    return n || i({
+      type: c.Alert,
+      message: n === void 0 ? l : r("newsletter.invalid-url-link-for-toaster")
+    }), r(P), l === r(G) && i({
+      type: c.Alert,
+      message: r("newsletter.already-in-progress")
     }), n;
-  }, w = (e) => !["if", "endif", "else", "elif", "now"].includes(e.toLowerCase()), S = (e) => ["if", "endif"].includes(e.toLowerCase()), b = (e, s) => {
+  }, b = (e) => !["if", "endif", "else", "elif", "now"].includes(e.toLowerCase()), S = (e) => ["if", "endif"].includes(e.toLowerCase()), E = (e, s) => {
     const t = e.match(/({%(.*?)%})/g);
     let n = !0;
-    return t !== null && !u && t.forEach((r) => {
-      const i = r.slice(2, -2).trim().match(/(".*?"|[^"\s]+)(?=\s*|\s*$)/g);
-      if (i && i.length > 0) {
-        const [o] = i;
-        w(o) && !s.includes(o) && (c({
-          type: l.Warning,
-          message: a("custom-fields.invalid-custom-fields")
+    return t !== null && !p && t.forEach((l) => {
+      const o = l.slice(2, -2).trim().match(/(".*?"|[^"\s]+)(?=\s*|\s*$)/g);
+      if (o && o.length > 0) {
+        const [a] = o;
+        b(a) && !s.includes(a) && (i({
+          type: c.Warning,
+          message: r("custom-fields.invalid-custom-fields")
         }), n = !1);
       }
     }), n;
-  }, E = async (e, s, t) => {
-    const n = t ? await C(e) : !0;
-    return b(e, s) && n;
-  }, A = (e) => e.length > 0 ? !0 : (c({
-    type: l.Warning,
-    message: a("newsletter.html-content-is-empty")
-  }), !1), x = (e) => {
+  }, A = async (e, s, t) => {
+    const n = t ? await w(e) : !0;
+    return E(e, s) && n;
+  }, I = (e) => e.length > 0 ? !0 : (i({
+    type: c.Warning,
+    message: r("newsletter.html-content-is-empty")
+  }), !1), k = (e) => {
     const s = (e.match(/{/gm) || []).length, t = (e.match(/}/gm) || []).length;
-    return s > t && c({
-      type: l.Warning,
-      message: a("custom-fields.missing-closing-braces")
-    }), s < t && c({
-      type: l.Warning,
-      message: a("custom-fields.missing-opening-braces")
+    return s > t && i({
+      type: c.Warning,
+      message: r("custom-fields.missing-closing-braces")
+    }), s < t && i({
+      type: c.Warning,
+      message: r("custom-fields.missing-opening-braces")
     }), s === t;
-  }, k = (e) => {
+  }, x = (e) => {
     const s = e.match(/{{\s*(\w+\s+((\w+\|\w+)|(\w+)))\s*}}/gm) === null;
-    return s || c({
-      type: l.Warning,
-      message: a("custom-fields.invalid-custom-fields")
+    return s || i({
+      type: c.Warning,
+      message: r("custom-fields.invalid-custom-fields")
     }), s;
   }, T = (e, s) => {
     const t = e.match(/{{([a-zA-Z0-9_\s]*)}}/gm);
-    if (t && !u) {
-      const n = new Set(s.map((i) => i.toLowerCase())), r = [];
-      if (t.forEach((i) => {
-        const o = i.slice(2, -2).trim().toLowerCase();
-        (!n.has(o) || o === "") && r.push(o);
-      }), r.length > 0) {
-        const i = `
+    if (t && !p) {
+      const n = new Set(s.map((a) => a.toLowerCase())), l = U(e), o = [];
+      if (t.forEach((a) => {
+        const m = a.slice(2, -2).trim().toLowerCase();
+        (!n.has(m) || m === "") && !Y(m, l) && o.push(m);
+      }), o.length > 0) {
+        const a = `
                     <ul>
-                        ${r.map((o) => `<li>${o}</li>`).join("")}
+                        ${o.map((m) => `<li>${m}</li>`).join("")}
                     </ul>
                 `;
-        return c({
-          type: l.Alert,
-          message: a("custom-fields.invalid-custom-fields") + i
+        return i({
+          type: c.Alert,
+          message: r("custom-fields.invalid-custom-fields") + a
         }), !1;
       }
     }
@@ -79,71 +86,74 @@ const oe = () => {
   }, F = (e) => {
     const s = e.match(/{%(.*?)%}/g), t = [];
     let n = !0;
-    if (s && s.forEach((r) => {
-      const i = r.match(P), o = r.match(R), V = (i == null ? void 0 : i.join("")) || "";
-      (!i || r !== V) && !o && (c({
-        type: l.Alert,
-        message: a("newsletter.display-conditions-invalid-syntax")
-      }), n = !1), i && i.forEach((g) => {
-        g.trim() === "=" && (c({
-          type: l.Alert,
-          message: a("custom-conditions.wrong-equality-operators")
+    if (s && s.forEach((l) => {
+      const o = l.match(_), a = l.match(H), m = (o == null ? void 0 : o.join("")) || "";
+      (!o || l !== m) && !a && (i({
+        type: c.Alert,
+        message: r("newsletter.display-conditions-invalid-syntax")
+      }), n = !1), o && o.forEach((f) => {
+        f.trim() === "=" && (i({
+          type: c.Alert,
+          message: r("custom-conditions.wrong-equality-operators")
         }), n = !1);
-        const p = g.match(/^[a-zA-Z]*$/g);
-        p && p.forEach((y) => {
-          S(y) && t.push(y);
+        const v = f.match(/^[a-zA-Z]*$/g);
+        v && v.forEach((C) => {
+          S(C) && t.push(C);
         });
       });
     }), t.length) {
-      const r = t.filter((o) => o === "if"), i = t.filter((o) => o === "endif");
-      r.length !== i.length && (c({
-        type: l.Alert,
-        message: a("custom-conditions.missing-if-endif-tag")
+      const l = t.filter((a) => a === "if"), o = t.filter((a) => a === "endif");
+      l.length !== o.length && (i({
+        type: c.Alert,
+        message: r("custom-conditions.missing-if-endif-tag")
       }), n = !1);
     }
     return n;
-  }, I = (e) => {
+  }, W = (e) => {
     const s = (e.match(/{% /gm) || []).length, t = (e.match(/ %}/gm) || []).length, n = s === t;
-    return n || c({
-      type: l.Warning,
-      message: a("custom-conditions.no-space-after-braces")
+    return n || i({
+      type: c.Warning,
+      message: r("custom-conditions.no-space-after-braces")
     }), n;
-  }, W = (e) => (e.match(/({%(.*?)%})/g) || []).filter((t) => t.includes("if")).map((t) => (t.match(/{{.*}}/gm) || []).length).reduce((t, n) => t + n, 0) > 0 ? (c({
-    type: l.Warning,
-    message: a("custom-conditions.no-braces-inside-if-tag")
-  }), !1) : !0, L = () => m.recommendationConfigs && Object.values(m.recommendationConfigs).find((s) => s.filters.find((t) => t.value === "")) !== void 0 ? (c({
-    type: l.Alert,
-    message: a("newsletter.fill-all-necessary-fields")
-  }), !1) : !0, N = (e) => {
+  }, N = (e) => (e.match(/({%(.*?)%})/g) || []).filter((t) => t.includes("if")).map((t) => (t.match(/{{.*}}/gm) || []).length).reduce((t, n) => t + n, 0) > 0 ? (i({
+    type: c.Warning,
+    message: r("custom-conditions.no-braces-inside-if-tag")
+  }), !1) : !0, O = () => g.recommendationConfigs && Object.values(g.recommendationConfigs).find((s) => s.filters.find((t) => t.value === "")) !== void 0 ? (i({
+    type: c.Alert,
+    message: r("newsletter.fill-all-necessary-fields")
+  }), !1) : !0, B = (e) => {
     const s = /src="[^"]*\.(svg|pst)"/gm;
-    return e.match(s) === null ? !0 : (c({
-      type: l.Alert,
-      message: a("newsletter.invalid-image-type")
+    return e.match(s) === null ? !0 : (i({
+      type: c.Alert,
+      message: r("newsletter.invalid-image-type")
     }), !1);
-  }, O = (e) => {
+  }, R = (e) => {
     const n = new DOMParser().parseFromString(e, "text/html").querySelectorAll(".checkbox-block-v2");
-    return Array.from(n).find((i) => {
-      var o;
-      return !((o = i.id) != null && o.trim());
-    }) ? (c({
-      type: l.Alert,
-      message: a("unsubscribe-templates.select-checkbox-groups")
+    return Array.from(n).find((o) => {
+      var a;
+      return !((a = o.id) != null && a.trim());
+    }) ? (i({
+      type: c.Alert,
+      message: r("unsubscribe-templates.select-checkbox-groups")
     }), !1) : !0;
-  }, B = (e) => {
+  }, D = (e) => {
     const n = new DOMParser().parseFromString(e, "text/html").querySelectorAll(".radio-button-v2");
-    return Array.from(n).find((i) => {
-      var o;
-      return !((o = i.id) != null && o.trim());
-    }) ? (c({
-      type: l.Alert,
-      message: a("unsubscribe-templates.select-radio-button-groups")
+    return Array.from(n).find((o) => {
+      var a;
+      return !((a = o.id) != null && a.trim());
+    }) ? (i({
+      type: c.Alert,
+      message: r("unsubscribe-templates.select-radio-button-groups")
     }), !1) : !0;
   };
   return { validateHtml: async (e, s, t = !1) => {
-    const n = [...s.map((i) => i.value), ...$];
-    return await E(e, n, t) && A(e) && x(e) && k(e) && T(e, n) && F(e) && I(e) && W(e) && L() && N(e) && O(e) && B(e);
+    const n = [
+      ...s.map((o) => o.value),
+      ...M
+    ];
+    return await A(e, n, t) && I(e) && k(e) && x(e) && T(e, n) && F(e) && W(e) && N(e) && O() && B(e) && R(e) && D(e);
   } };
 };
 export {
-  oe as useHtmlValidator
+  ce as useHtmlValidator
 };