@useinsider/guido 2.1.0-beta.eea3958 → 2.1.0-beta.f1f7f05

package/dist/components/Guido.vue.js

@@ -12,9 +12,9 @@ var t = function() {
   n,
   !1,
   null,
-  "16abb398"
+  "f3f58806"
 );
-const v = s.exports;
+const u = s.exports;
 export {
-  v as default
+  u as default
 };

package/dist/components/Guido.vue2.js

@@ -1,65 +1,66 @@
-import { defineComponent as z, defineAsyncComponent as M, ref as K, computed as _, watch as V, onMounted as j, onUnmounted as q } from "vue";
-import { provideGuidoActions as J } from "../composables/useGuidoActions.js";
-import { usePartner as Q } from "../composables/usePartner.js";
-import { useStripo as X } from "../composables/useStripo.js";
-import { useTimerClone as Y } from "../composables/useTimerClone.js";
-import { migrate as P } from "../config/migrator/index.js";
-import { ModuleFolderDefaults as A } from "../enums/defaults.js";
-import Z from "./organisms/base/Toaster.vue.js";
-import $ from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
-import ee from "./organisms/header/HeaderWrapper.vue.js";
-import oe from "./organisms/LoadingWrapper.vue.js";
-import te from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
-import ne from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
-import { useStripoApi as re } from "../services/stripoApi.js";
-import { useConfigStore as se } from "../stores/config.js";
-import { useDynamicContentStore as ce } from "../stores/dynamic-content.js";
-import { useEditorStore as ae } from "../stores/editor.js";
-import { usePreviewStore as ie } from "../stores/preview.js";
-import { useUnsubscribeStore as de } from "../stores/unsubscribe.js";
-const Le = /* @__PURE__ */ z({
+import { defineComponent as V, defineAsyncComponent as P, ref as A, computed as N, watch as j, onMounted as J, onUnmounted as Q } from "vue";
+import { provideGuidoActions as X } from "../composables/useGuidoActions.js";
+import { usePartner as Y } from "../composables/usePartner.js";
+import { useStripo as Z } from "../composables/useStripo.js";
+import { useTimerClone as $ } from "../composables/useTimerClone.js";
+import { migrate as W } from "../config/migrator/index.js";
+import { ModuleFolderDefaults as I } from "../enums/defaults.js";
+import ee from "./organisms/base/Toaster.vue.js";
+import oe from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
+import te from "./organisms/header/HeaderWrapper.vue.js";
+import ne from "./organisms/LoadingWrapper.vue.js";
+import re from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
+import se from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
+import { useStripoApi as ae } from "../services/stripoApi.js";
+import { useConfigStore as ce } from "../stores/config.js";
+import { useDynamicContentStore as ie } from "../stores/dynamic-content.js";
+import { useEditorStore as de } from "../stores/editor.js";
+import { usePreviewStore as me } from "../stores/preview.js";
+import { useToasterStore as le } from "../stores/toaster.js";
+import { useUnsubscribeStore as ue } from "../stores/unsubscribe.js";
+const Ae = /* @__PURE__ */ V({
   __name: "Guido",
   props: {
     config: null
   },
   emits: ["dynamic-content:open", "back", "save:start", "save:complete", "on-change", "ready", "onboarding:finished", "test-email:click"],
-  setup(N, { expose: W, emit: t }) {
-    const u = N, I = M(
+  setup(O, { expose: G, emit: t }) {
+    const p = O, H = P(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
-    ), O = M(
+    ), R = P(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
-    ), p = K(), a = ce(), v = de(), r = se();
-    r.init(u.config);
-    const i = ae(), G = ie(), s = _(() => i.hasChanges), { isTestPartner: H } = Q(), y = () => {
+    ), v = A(), i = ie(), f = ue(), y = le(), r = ce();
+    r.init(p.config);
+    const d = de(), x = me(), s = N(() => d.hasChanges), { isTestPartner: B } = Y(), h = () => {
       var e;
-      return (e = p.value) == null ? void 0 : e.handleSave(!0);
+      return (e = v.value) == null ? void 0 : e.handleSave(!0);
     }, {
-      templateId: d,
-      userId: h,
-      partnerName: f,
-      productType: b,
-      username: S,
+      templateId: m,
+      userId: S,
+      partnerName: b,
+      productType: g,
+      username: w,
       template: o,
       editor: n
-    } = r, c = (o == null ? void 0 : o.html) || "", g = (o == null ? void 0 : o.css) || "", m = (o == null ? void 0 : o.preselectedDynamicContent) || [], w = (n == null ? void 0 : n.savedModulesFolderName) || A.SAVED_MODULES, D = (n == null ? void 0 : n.defaultModulesFolderName) || A.DEFAULT_MODULES;
-    i.templateId = d;
-    const { initPlugin: E } = X({
-      emailId: d,
-      userId: h,
-      username: S,
-      partnerName: f,
-      productType: b,
-      preselectedDynamicContentList: m,
-      savedModulesFolderName: w,
-      defaultModulesFolderName: D,
+    } = r, a = (o == null ? void 0 : o.html) || "", D = (o == null ? void 0 : o.css) || "", l = (o == null ? void 0 : o.preselectedDynamicContent) || [], E = (n == null ? void 0 : n.savedModulesFolderName) || I.SAVED_MODULES, C = (n == null ? void 0 : n.defaultModulesFolderName) || I.DEFAULT_MODULES;
+    d.templateId = m;
+    const c = A(!1), { initPlugin: T } = Z({
+      emailId: m,
+      userId: S,
+      username: w,
+      partnerName: b,
+      productType: g,
+      preselectedDynamicContentList: l,
+      savedModulesFolderName: E,
+      defaultModulesFolderName: C,
       onReady: () => {
         console.debug("guido:ready"), t("ready");
       }
-    }), { getDefaultTemplate: C } = re(), { cloneTimersOnSave: T, hasTimerBlocks: k } = Y(), x = _(() => {
+    }), { getDefaultTemplate: _ } = ae(), { cloneTimersOnSave: k, hasTimerBlocks: F } = $(), q = N(() => {
       var e;
       return !((e = r.ui) != null && e.showHeader);
     });
-    J({
+    X({
       onBack: () => {
         console.debug("guido:back"), t("back");
       },
@@ -73,49 +74,50 @@ const Le = /* @__PURE__ */ z({
         console.debug("guido:test-email:click"), t("test-email:click");
       }
     });
-    const F = (e) => {
-      console.debug("dynamic-content:close", e), a.setSelectedDynamicContent(e), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: e }));
-    }, U = () => {
+    const U = (e) => {
+      console.debug("dynamic-content:close", e), i.setSelectedDynamicContent(e), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: e }));
+    }, L = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
-    V(() => s.value, () => {
+    j(() => s.value, () => {
       t("on-change", s.value);
     });
-    const l = (e) => {
-      const L = e, { attribute: B, position: R } = L.detail;
-      console.debug("dynamic-content:open", L.detail), t("dynamic-content:open", B, R);
+    const u = (e) => {
+      const M = e, { attribute: z, position: K } = M.detail;
+      console.debug("dynamic-content:open", M.detail), t("dynamic-content:open", z, K);
     };
-    return j(async () => {
+    return J(async () => {
       console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow");
       try {
-        v.selectedUnsubscribePages = (o == null ? void 0 : o.selectedUnsubscribePages) || [];
+        f.selectedUnsubscribePages = (o == null ? void 0 : o.selectedUnsubscribePages) || [];
         let e = {
-          html: c && await P(c),
-          css: g
+          html: a && await W(a),
+          css: D
         };
-        e.html || (e = await C(), e.html = await P(e.html)), k(e.html) && (e.html = await T(e.html)), await E(e), a.selectedDynamicContentList = m;
+        e.html || (e = await _(), e.html = await W(e.html)), F(e.html) && (e.html = await k(e.html)), await T(e), i.selectedDynamicContentList = l;
       } catch (e) {
         console.error("Failed to initialize Stripo editor:", e);
       }
-      document.addEventListener("dynamic-content:open", l);
-    }), q(() => {
-      document.removeEventListener("dynamic-content:open", l);
+      document.addEventListener("dynamic-content:open", u), c.value = !0;
+    }), Q(() => {
+      var e;
+      c.value && (y.hideToaster(), (e = document.querySelector("#guido__toaster")) == null || e.remove()), c.value = !1, document.removeEventListener("dynamic-content:open", u);
       try {
         window.UIEditor.removeEditor();
       } catch {
         console.debug("Failed to remove Stripo editor: No editor found");
       }
       r.reset();
-    }), W({
+    }), G({
       dynamicContent: {
-        insert: F,
-        close: U
+        insert: U,
+        close: L
       },
       hasChanges: s,
-      saveSilent: y
-    }), { __sfc: !0, PreviewContainer: I, OnboardingWrapper: O, headerWrapperRef: p, dynamicContentStore: a, unsubscribeStore: v, props: u, configStore: r, editorStore: i, previewStore: G, hasChanges: s, isTestPartner: H, saveSilent: y, templateId: d, userId: h, partnerName: f, productType: b, username: S, templateConfig: o, editorConfig: n, html: c, css: g, preselectedDynamicContentList: m, savedModulesFolderName: w, defaultModulesFolderName: D, emit: t, initPlugin: E, getDefaultTemplate: C, cloneTimersOnSave: T, hasTimerBlocks: k, noHeader: x, insertDynamicContent: F, closeDynamicContent: U, handleDynamicContentOpen: l, Toaster: Z, FilterSelectionDrawer: $, HeaderWrapper: ee, LoadingWrapper: oe, SaveAsTemplateDrawer: te, UnsubscribeWrapper: ne };
+      saveSilent: h
+    }), { __sfc: !0, PreviewContainer: H, OnboardingWrapper: R, headerWrapperRef: v, dynamicContentStore: i, unsubscribeStore: f, toasterStore: y, props: p, configStore: r, editorStore: d, previewStore: x, hasChanges: s, isTestPartner: B, saveSilent: h, templateId: m, userId: S, partnerName: b, productType: g, username: w, templateConfig: o, editorConfig: n, html: a, css: D, preselectedDynamicContentList: l, savedModulesFolderName: E, defaultModulesFolderName: C, editorReady: c, emit: t, initPlugin: T, getDefaultTemplate: _, cloneTimersOnSave: k, hasTimerBlocks: F, noHeader: q, insertDynamicContent: U, closeDynamicContent: L, handleDynamicContentOpen: u, Toaster: ee, FilterSelectionDrawer: oe, HeaderWrapper: te, LoadingWrapper: ne, SaveAsTemplateDrawer: re, UnsubscribeWrapper: se };
   }
 });
 export {
-  Le as default
+  Ae as default
 };

package/dist/components/organisms/base/Toaster.vue.js

@@ -1,17 +1,17 @@
-import e from "./Toaster.vue2.js";
+import n from "./Toaster.vue2.js";
 import s from "../../../_virtual/_plugin-vue2_normalizer.js";
 var r = function() {
-  var o = this, n = o._self._c, t = o._self._setupProxy;
-  return n(t.InToasts, { attrs: { "action-buttons-config": t.actionButtonsConfig, status: t.store.status, text: t.store.text, type: t.store.type }, on: { actionButtonClick0: t.handleActionClick } });
+  var o = this, e = o._self._c, t = o._self._setupProxy;
+  return e(t.InToasts, { attrs: { id: "guido__toaster", "action-buttons-config": t.actionButtonsConfig, status: t.store.status, text: t.store.text, type: t.store.type }, on: { actionButtonClick0: t.handleActionClick } });
 }, a = [], _ = /* @__PURE__ */ s(
-  e,
+  n,
   r,
   a,
   !1,
   null,
   null
 );
-const l = _.exports;
+const f = _.exports;
 export {
-  l as default
+  f as default
 };

package/dist/components/organisms/email-preview/desktop-preview/EmailSizeIndicator.vue.js

@@ -1,16 +1,16 @@
-import i from "./EmailSizeIndicator.vue2.js";
+import s from "./EmailSizeIndicator.vue2.js";
 /* empty css                        */
 import r from "../../../../_virtual/_plugin-vue2_normalizer.js";
 var o = function() {
-  var t = this, s = t._self._c, e = t._self._setupProxy;
-  return e.previewStore.previewHtml ? s("div", { staticClass: "d-f a-i-c j-c-c" }, [s(e.InProgress, { staticClass: "min-w-15-s", attrs: { id: "email-size-progress", "description-status": "", "description-position": "left", description: e.htmlSize, "max-value": e.MAX_EMAIL_SIZE_IN_KB, type: e.progress.type, value: e.progress.value } }), s(e.InTooltip, { staticClass: "d-f ml-1", attrs: { id: "email-size-tooltip", align: "center", position: "bottom", text: e.trans("email-editor.preview-design-size-tooltip") } })], 1) : t._e();
+  var e = this, i = e._self._c, t = e._self._setupProxy;
+  return t.previewStore.previewHtml ? i("div", { staticClass: "d-f a-i-c j-c-c" }, [i(t.InProgress, { staticClass: "min-w-15-s", attrs: { id: "email-size-progress", "description-status": "", "description-position": "left", description: t.htmlSize, "max-value": t.MAX_EMAIL_SIZE_IN_KB, type: t.progress.type, value: t.progress.value } }), i(t.InTooltipV2, { attrs: { id: "email-size-tooltip", "icon-status": "", "static-position": "bottom center", "dynamic-position": !1, text: t.trans("email-editor.preview-design-size-tooltip") } })], 1) : e._e();
 }, a = [], n = /* @__PURE__ */ r(
-  i,
+  s,
   o,
   a,
   !1,
   null,
-  "913a3417"
+  "079d2bf7"
 );
 const m = n.exports;
 export {

package/dist/components/organisms/email-preview/desktop-preview/EmailSizeIndicator.vue2.js

@@ -1,7 +1,7 @@
 import { defineComponent as c, ref as n, computed as l, watch as u } from "vue";
 import { useTranslations as p } from "../../../../composables/useTranslations.js";
 import { usePreviewStore as _ } from "../../../../stores/preview.js";
-import { InTooltip as v, InProgress as f } from "@useinsider/design-system-vue";
+import { InTooltipV2 as v, InProgress as f } from "@useinsider/design-system-vue";
 const S = /* @__PURE__ */ c({
   __name: "EmailSizeIndicator",
   setup(w) {
@@ -17,7 +17,7 @@ const S = /* @__PURE__ */ c({
     }, i = p();
     return u(() => t.previewHtml, () => {
       r();
-    }, { immediate: !0 }), { __sfc: !0, previewStore: t, MAX_EMAIL_SIZE_IN_KB: o, htmlKB: e, progress: s, htmlSize: a, calculateProgress: r, trans: i, InProgress: f, InTooltip: v };
+    }, { immediate: !0 }), { __sfc: !0, previewStore: t, MAX_EMAIL_SIZE_IN_KB: o, htmlKB: e, progress: s, htmlSize: a, calculateProgress: r, trans: i, InProgress: f, InTooltipV2: v };
   }
 });
 export {

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

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

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