@useinsider/guido 3.19.0-beta.4b9be3a → 3.19.0-beta.4e3e6c4

package/dist/composables/useCustomInterfaceAppearance.js

@@ -1,67 +1,81 @@
-import S from "../static/assets/icons/line-change.svg.js";
-import i from "../static/assets/icons/line-delete.svg.js";
-import n from "../static/assets/icons/line-plus.svg.js";
-import p from "../static/styles/base.css.js";
-import s from "../static/styles/components/alert-message.css.js";
-import C from "../static/styles/components/amp-block.css.js";
-import a from "../static/styles/components/base-input.css.js";
-import f from "../static/styles/components/button-group.css.js";
-import c from "../static/styles/components/button.css.js";
-import u from "../static/styles/components/combobox.css.js";
-import l from "../static/styles/components/counter.css.js";
-import d from "../static/styles/components/dropdown-menu.css.js";
-import h from "../static/styles/components/loader.css.js";
-import g from "../static/styles/components/narrow-panel.css.js";
-import I from "../static/styles/components/popup.css.js";
-import w from "../static/styles/components/recommendation-strategy.css.js";
-import y from "../static/styles/components/switcher.css.js";
-import b from "../static/styles/components/tabs.css.js";
-import B from "../static/styles/components/tools.css.js";
-import $ from "../static/styles/components/version-history.css.js";
-import P from "../static/styles/components/wide-panel.css.js";
-import x from "../static/styles/variables.css.js";
-function r(t, o) {
-  return `--guido-icon-${t}: url("data:image/svg+xml,${encodeURIComponent(o.trim())}");`;
+import p from "../static/assets/icons/filled-arrow-rising.svg.js";
+import s from "../static/assets/icons/line-change.svg.js";
+import a from "../static/assets/icons/line-delete.svg.js";
+import f from "../static/assets/icons/line-info.svg.js";
+import c from "../static/assets/icons/line-plus.svg.js";
+import l from "../static/styles/base.css.js";
+import C from "../static/styles/components/alert-message.css.js";
+import d from "../static/styles/components/amp-block.css.js";
+import u from "../static/styles/components/base-input.css.js";
+import h from "../static/styles/components/button-group.css.js";
+import I from "../static/styles/components/button.css.js";
+import g from "../static/styles/components/combobox.css.js";
+import w from "../static/styles/components/counter.css.js";
+import y from "../static/styles/components/dropdown-menu.css.js";
+import A from "../static/styles/components/loader.css.js";
+import $ from "../static/styles/components/narrow-panel.css.js";
+import b from "../static/styles/components/popup.css.js";
+import B from "../static/styles/components/recommendation-strategy.css.js";
+import D from "../static/styles/components/skeleton.css.js";
+import R from "../static/styles/components/switcher.css.js";
+import P from "../static/styles/components/tabs.css.js";
+import T from "../static/styles/components/tools.css.js";
+import x from "../static/styles/components/version-history.css.js";
+import M from "../static/styles/components/wide-panel.css.js";
+import O from "../static/styles/variables.css.js";
+function o(i, r) {
+  return `--guido-icon-${i}: url("data:image/svg+xml,${encodeURIComponent(r.trim())}");`;
 }
-const A = `:host {
-    ${r("line-change", S)}
-    ${r("line-delete", i)}
-    ${r("line-plus", n)}
-}`, R = [
-  x,
+const V = `:host {
+    ${o("line-change", s)}
+    ${o("line-delete", a)}
+    ${o("filled-arrow-rising", p)}
+    ${o("line-info", f)}
+    ${o("line-plus", c)}
+}`, W = [
+  O,
   // Must be on top
-  A,
-  p,
+  V,
+  l,
   // Must be on top
-  s,
   C,
-  a,
-  f,
-  c,
-  u,
-  l,
   d,
+  u,
   h,
-  g,
   I,
+  g,
+  w,
   y,
-  b,
-  B,
+  A,
   $,
+  b,
+  D,
+  R,
   P,
-  w
+  T,
+  x,
+  M,
+  B
   // Last: overrides button.css / wide-panel.css defaults
 ].join(`
 
-`), Y = () => ({ importCss: () => {
-  const o = new CSSStyleSheet();
-  o.replaceSync(R);
-  const e = document.querySelector("ui-editor");
-  if (!e)
-    return;
-  const m = e.shadowRoot;
-  m && (m.adoptedStyleSheets = [o]);
+`), _ = 3e4;
+let e = null;
+function k() {
+  return e || (e = new CSSStyleSheet(), e.replaceSync(W)), e;
+}
+const po = () => ({ importCss: () => {
+  const r = k(), S = Date.now() + _, n = () => {
+    var m;
+    const t = (m = document.querySelector("ui-editor")) == null ? void 0 : m.shadowRoot;
+    if (t) {
+      t.adoptedStyleSheets.includes(r) || (t.adoptedStyleSheets = [...t.adoptedStyleSheets, r]);
+      return;
+    }
+    Date.now() < S && requestAnimationFrame(n);
+  };
+  n();
 } });
 export {
-  Y as useCustomInterfaceAppearance
+  po as useCustomInterfaceAppearance
 };

package/dist/composables/useEmailTemplateApplier.js

@@ -1,104 +1,59 @@
-import { useActionsApi as x } from "./useActionsApi.js";
-import { useConfig as z } from "./useConfig.js";
-import { useEditorLock as I } from "./useEditorLock.js";
-import { useToaster as N } from "./useToaster.js";
-import { useTranslations as q } from "./useTranslations.js";
-import { ToasterTypeOptions as D } from "../enums/toaster.js";
-import { useDynamicContentStore as K } from "../stores/dynamic-content.js";
-import { useEditorStore as R } from "../stores/editor.js";
-import { flattenDynamicContentList as F } from "../utils/genericUtil.js";
-import { extractUsedDynamicContent as G } from "../utils/registerUsedDynamicContent.js";
-import { ref as $, watch as j } from "vue";
-const J = 250, h = 12e4, p = { status: "superseded" }, S = { status: "failed", error: new Error("Blueprint has no html to apply") }, a = $({}), v = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map(), ce = () => {
-  const { updateHtmlAndCss: i } = x(), { runExclusive: A } = I(), { showToaster: f } = N(), E = q(), { template: M } = z(), U = K(), T = R(), w = (e, t) => {
-    m.get(e) !== t && (m.set(e, t), f({
-      type: D.Error,
-      message: E("newsletter.ai-template-failed-apply")
-    }));
-  }, O = () => {
-    var e, t;
-    return T.isStripoInitialized && typeof ((t = (e = window.StripoEditorApi) == null ? void 0 : e.actionsApi) == null ? void 0 : t.updateHtmlAndCss) == "function";
-  }, b = (e) => {
-    a.value[e] === void 0 && (a.value = { ...a.value, [e]: "pending" });
-  }, l = (e, t) => {
-    a.value = { ...a.value, [e]: t };
-  }, P = (e) => {
-    var t;
+import { useActionsApi as C } from "./useActionsApi.js";
+import { useConfig as h } from "./useConfig.js";
+import { useToaster as D } from "./useToaster.js";
+import { useTranslations as E } from "./useTranslations.js";
+import { ToasterTypeOptions as f } from "../enums/toaster.js";
+import { useDynamicContentStore as A } from "../stores/dynamic-content.js";
+import { flattenDynamicContentList as w } from "../utils/genericUtil.js";
+import { extractUsedDynamicContent as S } from "../utils/registerUsedDynamicContent.js";
+import { ref as O } from "vue";
+const U = 250, o = O({}), s = {}, u = /* @__PURE__ */ new Map(), z = () => {
+  const { updateHtmlAndCss: r } = C(), { showToaster: m } = D(), y = E(), { template: T } = h(), d = A(), g = (e, t) => {
+    const a = y(e);
+    return a === e ? t : a;
+  }, v = (e) => {
+    o.value[e] === void 0 && (o.value = { ...o.value, [e]: "pending" });
+  }, l = (e, t, a) => {
+    var c;
+    o.value = { ...o.value, [e]: "applying" };
     try {
-      const r = F((t = M.value) == null ? void 0 : t.dynamicContentList), n = G(e, r);
-      n.length > 0 && U.registerDynamicContent(n);
-    } catch {
-    }
-  }, _ = (e, t) => {
-    m.delete(e), v.get(e) !== t && (v.set(e, t), f({
-      type: D.Success,
-      message: E("newsletter.ai-template-applied")
-    }));
-  }, g = async (e, t, r) => {
-    const n = (u.get(e) ?? 0) + 1;
-    u.set(e, n), l(e, "applying");
-    try {
-      await A(() => i(t, r));
-    } catch (o) {
-      return u.get(e) !== n ? p : (console.error("[guido:apply] editor did not acknowledge the template apply", o), l(e, "failed"), w(e, t), { status: "failed", error: o });
-    }
-    return u.get(e) !== n ? p : (l(e, "applied"), P(t), _(e, t), { status: "applied" });
-  }, H = (e) => {
-    const t = s.get(e);
-    t && (clearTimeout(t.timer), s.delete(e), t.settle(p));
-  }, y = (e) => {
-    const t = c.get(e);
-    t && (clearTimeout(t.timer), c.delete(e), t.settle(p));
-  }, B = () => {
-    [...c.keys()].forEach(y);
-  }, L = (e, t, r) => new Promise((n) => {
-    H(e);
-    const o = setTimeout(() => {
-      s.delete(e), l(e, "failed"), w(e, t), n({
-        status: "failed",
-        error: new Error(`Editor did not become ready within ${h}ms`)
+      r(t, a).catch((n) => {
+        console.warn("Editor did not acknowledge the template apply.", n);
+      }), o.value = { ...o.value, [e]: "applied" };
+      try {
+        const n = w((c = T.value) == null ? void 0 : c.dynamicContentList), i = S(t, n);
+        i.length > 0 && d.registerDynamicContent(i);
+      } catch {
+      }
+      u.get(e) !== t && (u.set(e, t), m({
+        type: f.Success,
+        message: g("newsletter.ai-template-applied", "Template applied to the editor")
+      }));
+    } catch (n) {
+      o.value = { ...o.value, [e]: "failed" }, m({
+        type: f.Error,
+        message: n instanceof Error ? n.message : "Failed to apply template"
       });
-    }, h);
-    s.set(e, { html: t, css: r, timer: o, settle: n }), l(e, "applying");
-  }), C = (e, t, r) => O() ? g(e, t, r) : L(e, t, r), Q = async () => {
-    if (s.size === 0)
-      return;
-    const e = [...s.entries()];
-    s.clear(), e.forEach(([, o]) => clearTimeout(o.timer));
-    const t = e.pop();
-    if (e.forEach(([o, d]) => {
-      l(o, "failed"), d.settle({ status: "failed", error: new Error("Displaced by a newer apply") });
-    }), !t)
-      return;
-    const [r, n] = t;
-    n.settle(await g(r, n.html, n.css));
+    }
+  }, p = (e) => {
+    const t = s[e];
+    t && (clearTimeout(t), delete s[e]);
   };
-  return j(() => T.isStripoInitialized, (e) => {
-    e && Q();
-  }, { immediate: !0 }), { applyStatus: a, markPending: b, applyTemplate: (e, t) => {
-    const { html: r } = t;
-    return r ? (B(), C(e, r, t.css ?? "")) : Promise.resolve(S);
+  return { applyStatus: o, markPending: v, applyTemplate: (e, t) => {
+    t.html && (p(e), l(e, t.html, t.css ?? ""));
   }, applyTemplateDebounced: (e, t) => {
-    const { html: r } = t;
-    if (!r)
-      return Promise.resolve(S);
-    const n = t.css ?? "";
-    return new Promise((o) => {
-      y(e);
-      const d = setTimeout(() => {
-        c.delete(e), C(e, r, n).then(o);
-      }, J);
-      c.set(e, { timer: d, settle: o });
-    });
+    if (!t.html)
+      return;
+    p(e);
+    const { html: a } = t, c = t.css ?? "";
+    s[e] = setTimeout(() => {
+      delete s[e], l(e, a, c);
+    }, U);
   } };
-}, le = () => {
-  c.forEach((i) => {
-    clearTimeout(i.timer), i.settle(p);
-  }), c.clear(), s.forEach((i) => {
-    clearTimeout(i.timer), i.settle(p);
-  }), s.clear(), u.clear(), m.clear(), a.value = {};
+}, G = () => {
+  Object.values(s).forEach(clearTimeout), Object.keys(s).forEach((r) => delete s[r]), o.value = {};
 };
 export {
-  le as resetEmailTemplateApplier,
-  ce as useEmailTemplateApplier
+  G as resetEmailTemplateApplier,
+  z as useEmailTemplateApplier
 };

package/dist/composables/useHtmlValidator.js

@@ -1,7 +1,7 @@
 import { useConfig as V } from "./useConfig.js";
 import { getIgnoredRecommendationBlockIds as M } from "../config/compiler/utils/recommendationIgnoreUtils.js";
 import { TemplateTypes as W } from "../enums/defaults.js";
-import { DISPLAY_CONDITIONS_REGEX as G, DISPLAY_CONDITIONS_EXCEPTIONS_REGEX as H, CampaignCouldNotBeSavedKey as P, CanNotMakeAnyChangesForRunningKey as X, DATA_ATTRIBUTE_REGEX as $, DYNAMIC_CONTENT_TAG_REGEX as K, ALLOWED_DYNAMIC_SYSTEM_TOKENS as Y, VALID_DYNAMIC_VARIABLE_REGEX as U } from "../enums/html-validator.js";
+import { DISPLAY_CONDITIONS_REGEX as G, DISPLAY_CONDITIONS_EXCEPTIONS_REGEX as H, CampaignCouldNotBeSavedKey as K, CanNotMakeAnyChangesForRunningKey as P, DATA_ATTRIBUTE_REGEX as X, DYNAMIC_CONTENT_TAG_REGEX as Y, ALLOWED_DYNAMIC_SYSTEM_TOKENS as $, VALID_DYNAMIC_VARIABLE_REGEX as U } from "../enums/html-validator.js";
 import { ToasterTypeOptions as c } from "../enums/toaster.js";
 import { BLOCK_ROOT_SELECTOR as j } from "../extensions/Blocks/Checkbox/constants/selectors.js";
 import { itemsBlockDynamicVariables as q } from "../extensions/Blocks/Items/enums/productEnums.js";
@@ -9,58 +9,58 @@ import { BLOCK_ROOT_SELECTOR as z } from "../extensions/Blocks/RadioButton/const
 import { RECOMMENDATION_VARIABLE_BUILTIN_ATTRIBUTES as Z } from "../extensions/Blocks/Recommendation/constants/selectors.js";
 import { useRecommendationExtensionStore as J } from "../extensions/Blocks/Recommendation/store/recommendation.js";
 import { filterToProductAttrValue as Q } from "../extensions/Blocks/Recommendation/utils/compositionKeys.js";
-import { RecommendationRequiredFieldsKey as ee } from "../extensions/Blocks/Recommendation/validation/requiredFields.js";
-import { useRecommendationStore as te } from "../stores/recommendation.js";
-import { base64EncodeWithSpecialChars as ne } from "../utils/base64.js";
-import { computed as se } from "vue";
-import { useHttp as re } from "./useHttp.js";
-import { useToaster as oe } from "./useToaster.js";
-import { useTranslations as ie } from "./useTranslations.js";
-const ae = /recommendation-id="(\d+)"/g;
-function ce(s) {
-  return [...s.matchAll(ae)].map((l) => l[1]);
+import { STRATEGY_FIELD_KEY as ee, RecommendationAssignStrategyKey as te, RecommendationRequiredFieldsKey as ne } from "../extensions/Blocks/Recommendation/validation/requiredFields.js";
+import { useRecommendationStore as se } from "../stores/recommendation.js";
+import { base64EncodeWithSpecialChars as re } from "../utils/base64.js";
+import { computed as oe } from "vue";
+import { useHttp as ie } from "./useHttp.js";
+import { useToaster as ae } from "./useToaster.js";
+import { useTranslations as ce } from "./useTranslations.js";
+const le = /recommendation-id="(\d+)"/g;
+function me(s) {
+  return [...s.matchAll(le)].map((m) => m[1]);
 }
-function me(s, l) {
-  return l.some((f) => s.startsWith(`${f}_`));
+function ue(s, m) {
+  return m.some((f) => s.startsWith(`${f}_`));
 }
-const le = /^(\d+)_\d+_(.+)$/;
-function ue(s) {
-  const l = s.match(le);
-  return l ? { recoId: l[1], attribute: l[2] } : null;
+const de = /^(\d+)_\d+_(.+)$/;
+function fe(s) {
+  const m = s.match(de);
+  return m ? { recoId: m[1], attribute: m[2] } : null;
 }
-function de(s) {
-  const l = new Set(Z);
+function ge(s) {
+  const m = new Set(Z);
   return Object.values(s).forEach((f) => {
-    l.add(Q(f).toLowerCase());
-  }), l;
+    m.add(Q(f).toLowerCase());
+  }), m;
 }
-function fe(s, l, f, o, d) {
+function pe(s, m, f, o, d) {
   const u = s.match(/{{([a-zA-Z0-9_.\s]*)}}/gm);
   if (!u)
     return [];
-  const g = new Set(l.map((C) => C.toLowerCase())), E = [];
-  return u.forEach((C) => {
-    const p = C.slice(2, -2).trim().toLowerCase();
-    if (p !== "" && g.has(p))
+  const p = new Set(m.map((y) => y.toLowerCase())), E = [];
+  return u.forEach((y) => {
+    const g = y.slice(2, -2).trim().toLowerCase();
+    if (g !== "" && p.has(g))
       return;
-    const h = ue(p);
-    if (h && o.has(h.recoId)) {
-      if (!d || d.has(h.attribute))
+    const C = fe(g);
+    if (C && o.has(C.recoId)) {
+      if (!d || d.has(C.attribute))
         return;
-      E.push(p);
+      E.push(g);
       return;
     }
-    me(p, f) || p.includes(".") || E.push(p);
+    ue(g, f) || g.includes(".") || E.push(g);
   }), E;
 }
-function pe(s) {
-  return (s.replace($, "$1").match(K) ?? []).filter((o) => {
-    const d = o.slice(2, -2), u = d.indexOf("|"), g = (u === -1 ? d : d.slice(0, u)).trim();
-    return Y.includes(g) ? !1 : U.test(g) ? u !== -1 && d.slice(u + 1).trim() === "" : !0;
+function Ee(s) {
+  return (s.replace(X, "$1").match(Y) ?? []).filter((o) => {
+    const d = o.slice(2, -2), u = d.indexOf("|"), p = (u === -1 ? d : d.slice(0, u)).trim();
+    return $.includes(p) ? !1 : U.test(p) ? u !== -1 && d.slice(u + 1).trim() === "" : !0;
   });
 }
-const De = () => {
-  const { showToaster: s } = oe(), { post: l } = re(), { config: f } = V(), o = ie(), d = te(), u = J(), g = se(
+const ke = () => {
+  const { showToaster: s } = ae(), { post: m } = ie(), { config: f } = V(), o = ce(), d = se(), u = J(), p = oe(
     () => {
       var e, t;
       return ((t = (e = f.value) == null ? void 0 : e.partner) == null ? void 0 : t.messageType) === W.transactional;
@@ -73,39 +73,39 @@ const De = () => {
     } catch {
       return null;
     }
-    return de(u.filterList);
-  }, C = async (e) => {
-    const n = await l(
+    return ge(u.filterList);
+  }, y = async (e) => {
+    const n = await m(
       "/newsletter/template-library/check-template-html-body",
-      { html: ne(e) }
+      { html: re(e) }
     ), { status: r, message: a } = n.data;
     return r || s({
       type: c.Error,
       message: r === void 0 ? a : o("newsletter.invalid-url-link-for-toaster")
-    }), o(P), a === o(X) && s({
+    }), o(K), a === o(P) && s({
       type: c.Error,
       message: o("newsletter.already-in-progress")
     }), r;
-  }, p = (e) => !["if", "endif", "else", "elif", "now"].includes(e.toLowerCase()), h = (e) => ["if", "endif"].includes(e.toLowerCase()), T = (e, t) => {
+  }, g = (e) => !["if", "endif", "else", "elif", "now"].includes(e.toLowerCase()), C = (e) => ["if", "endif"].includes(e.toLowerCase()), I = (e, t) => {
     const n = e.match(/({%(.*?)%})/g);
     let r = !0;
-    return n !== null && !g.value && n.forEach((a) => {
+    return n !== null && !p.value && n.forEach((a) => {
       const i = a.slice(2, -2).trim().match(/(".*?"|[^"\s]+)(?=\s*|\s*$)/g);
       if (i && i.length > 0) {
-        const [m] = i;
-        p(m) && !t.includes(m) && (s({
+        const [l] = i;
+        g(l) && !t.includes(l) && (s({
           type: c.Warning,
           message: o("custom-fields.invalid-custom-fields")
         }), r = !1);
       }
     }), r;
   }, R = async (e, t, n) => {
-    const r = n ? await C(e) : !0;
-    return T(e, t) && r;
-  }, b = (e) => e.length > 0 ? !0 : (s({
+    const r = n ? await y(e) : !0;
+    return I(e, t) && r;
+  }, A = (e) => e.length > 0 ? !0 : (s({
     type: c.Warning,
     message: o("newsletter.html-content-is-empty")
-  }), !1), A = (e) => {
+  }), !1), _ = (e) => {
     const t = (e.match(/{/gm) || []).length, n = (e.match(/}/gm) || []).length;
     return t > n && s({
       type: c.Warning,
@@ -114,26 +114,26 @@ const De = () => {
       type: c.Warning,
       message: o("custom-fields.missing-opening-braces")
     }), t === n;
-  }, _ = (e) => {
-    const t = pe(e).length === 0;
+  }, b = (e) => {
+    const t = Ee(e).length === 0;
     return t || s({
       type: c.Warning,
       message: o("custom-fields.invalid-custom-fields")
     }), t;
   }, O = (e, t, n, r) => {
-    if (g.value)
+    if (p.value)
       return !0;
-    const a = fe(
+    const a = pe(
       e,
       t,
-      ce(e),
+      me(e),
       n,
       r
     );
     if (a.length > 0) {
       const i = `
                 <ul>
-                    ${a.map((m) => `<li>${m}</li>`).join("")}
+                    ${a.map((l) => `<li>${l}</li>`).join("")}
                 </ul>
             `;
       return s({
@@ -146,22 +146,22 @@ const De = () => {
     const t = e.match(/{%(.*?)%}/g), n = [];
     let r = !0;
     if (t && t.forEach((a) => {
-      const i = a.match(G), m = a.match(H), v = (i == null ? void 0 : i.join("")) || "";
-      (!i || a !== v) && !m && (s({
+      const i = a.match(G), l = a.match(H), v = (i == null ? void 0 : i.join("")) || "";
+      (!i || a !== v) && !l && (s({
         type: c.Error,
         message: o("newsletter.display-conditions-invalid-syntax")
-      }), r = !1), i && i.forEach((y) => {
-        y.trim() === "=" && (s({
+      }), r = !1), i && i.forEach((h) => {
+        h.trim() === "=" && (s({
           type: c.Error,
           message: o("custom-conditions.wrong-equality-operators")
         }), r = !1);
-        const I = y.match(/^[a-zA-Z]*$/g);
-        I && I.forEach((S) => {
-          h(S) && n.push(S);
+        const S = h.match(/^[a-zA-Z]*$/g);
+        S && S.forEach((T) => {
+          C(T) && n.push(T);
         });
       });
     }), n.length) {
-      const a = n.filter((m) => m === "if"), i = n.filter((m) => m === "endif");
+      const a = n.filter((l) => l === "if"), i = n.filter((l) => l === "endif");
       a.length !== i.length && (s({
         type: c.Error,
         message: o("custom-conditions.missing-if-endif-tag")
@@ -177,23 +177,28 @@ const De = () => {
   }, N = (e) => (e.match(/({%(.*?)%})/g) || []).filter((n) => n.includes("if")).map((n) => (n.match(/{{.*}}/gm) || []).length).reduce((n, r) => n + r, 0) > 0 ? (s({
     type: c.Warning,
     message: o("custom-conditions.no-braces-inside-if-tag")
-  }), !1) : !0, B = () => u.hasInvalidBlock() ? (s({
-    type: c.Error,
-    message: o(ee)
-  }), !1) : !0, x = () => d.recommendationConfigs && Object.values(d.recommendationConfigs).find((t) => t.filters.find((n) => n.value === "")) !== void 0 ? (s({
+  }), !1) : !0, B = () => {
+    if (!u.hasInvalidBlock())
+      return !0;
+    const e = u.invalidBlockFields(), t = e.length > 0 && e.every((n) => n === ee);
+    return s({
+      type: t ? c.Warning : c.Error,
+      message: o(t ? te : ne)
+    }), !1;
+  }, F = () => d.recommendationConfigs && Object.values(d.recommendationConfigs).find((t) => t.filters.find((n) => n.value === "")) !== void 0 ? (s({
     type: c.Error,
     message: o("newsletter.fill-all-necessary-fields")
-  }), !1) : !0, D = (e) => {
+  }), !1) : !0, x = (e) => {
     const t = /src="[^"]*\.(svg|pst)"/gm;
     return e.match(t) === null ? !0 : (s({
       type: c.Error,
       message: o("newsletter.invalid-image-type")
     }), !1);
-  }, F = (e) => {
+  }, D = (e) => {
     const r = new DOMParser().parseFromString(e, "text/html").querySelectorAll(j);
     return Array.from(r).find((i) => {
-      var m;
-      return !((m = i.id) != null && m.trim());
+      var l;
+      return !((l = i.id) != null && l.trim());
     }) ? (s({
       type: c.Error,
       message: o("unsubscribe-templates.select-checkbox-groups")
@@ -201,26 +206,26 @@ const De = () => {
   }, k = (e) => {
     const r = new DOMParser().parseFromString(e, "text/html").querySelectorAll(z);
     return Array.from(r).find((i) => {
-      var m;
-      return !((m = i.id) != null && m.trim());
+      var l;
+      return !((l = i.id) != null && l.trim());
     }) ? (s({
       type: c.Error,
       message: o("unsubscribe-templates.select-radio-button-groups")
     }), !1) : !0;
   };
   return { validateHtml: async (e, t, n = !1) => {
-    var v, y;
+    var v, h;
     const r = [
-      ...t.map((I) => I.value),
+      ...t.map((S) => S.value),
       ...q,
-      ...((y = (v = f.value) == null ? void 0 : v.template) == null ? void 0 : y.customFieldAttributes) ?? []
+      ...((h = (v = f.value) == null ? void 0 : v.template) == null ? void 0 : h.customFieldAttributes) ?? []
     ], a = M(e), i = await E(a);
-    return await R(e, r, n) && b(e) && A(e) && _(e) && O(e, r, a, i) && w(e) && L(e) && N(e) && B() && x() && D(e) && F(e) && k(e);
+    return await R(e, r, n) && A(e) && _(e) && b(e) && O(e, r, a, i) && w(e) && L(e) && N(e) && B() && F() && x(e) && D(e) && k(e);
   } };
 };
 export {
-  de as buildPartnerAttributeNameSet,
-  fe as findInvalidCustomFields,
-  ue as parseRecommendationVariable,
-  De as useHtmlValidator
+  ge as buildPartnerAttributeNameSet,
+  pe as findInvalidCustomFields,
+  fe as parseRecommendationVariable,
+  ke as useHtmlValidator
 };