@useinsider/guido 3.8.0 → 3.8.1-beta.0fbf78a

package/dist/composables/useHtmlValidator.js

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

package/dist/config/compiler/utils/recommendationCompilerUtils.js

@@ -1,65 +1,63 @@
-import { useConfig as g } from "../../../composables/useConfig.js";
-import { useRecommendation as _ } from "../../../composables/useRecommendation.js";
+import { useConfig as _ } from "../../../composables/useConfig.js";
+import { useRecommendation as g } from "../../../composables/useRecommendation.js";
 import { CSS_CLASS_RECO_BUTTON as q } from "../../../extensions/Blocks/Recommendation/constants/selectors.js";
 import { useRecommendationExtensionStore as C } from "../../../extensions/Blocks/Recommendation/store/recommendation.js";
-function y(r, n, e, o, i = "") {
-  const c = `{{${i}${r}_${n}_${e}}}`, t = `{{${i}${r}_${n}_currency}}`;
-  return o === "before" ? `${t} ${c}` : `${c} ${t}`;
+import { isIgnoredRecommendationBlock as w } from "./recommendationIgnoreUtils.js";
+function h(r, n, e, o, c = "") {
+  const i = `{{${c}${r}_${n}_${e}}}`, t = `{{${c}${r}_${n}_currency}}`;
+  return o === "before" ? `${t} ${i}` : `${i} ${t}`;
 }
-function A(r) {
+function f(r) {
   let n = r;
   for (; n.children.length === 1; )
     [n] = n.children;
   return n;
 }
-function f(r, n, e, o, i, c) {
+function A(r, n, e, o, c, i) {
   switch (n) {
     case "productImage": {
       const t = r.querySelector("img");
-      t && (t.setAttribute("src", `{{${c}${e}_${o}_image_url}}`), t.setAttribute("alt", `{{${c}${e}_${o}_name}}`));
+      t && (t.setAttribute("src", `{{${i}${e}_${o}_image_url}}`), t.setAttribute("alt", `{{${i}${e}_${o}_name}}`));
       const s = r.querySelector("a");
-      s && (s.setAttribute("href", `{{${c}${e}_${o}_url}}`), s.classList.add(q));
+      s && (s.setAttribute("href", `{{${i}${e}_${o}_url}}`), s.classList.add(q));
       break;
     }
     case "productName": {
       const t = r.querySelector("p");
-      if (t) {
-        const s = t.querySelector("strong") || t;
-        s.textContent = `{{${c}${e}_${o}_name}}`;
-      }
+      t && (f(t).textContent = `{{${i}${e}_${o}_name}}`);
       break;
     }
     case "productPrice": {
       const t = r.querySelector("p");
-      t && (A(t).textContent = y(
+      t && (f(t).textContent = h(
         e,
         o,
         "price",
-        i,
-        c
+        c,
+        i
       ));
       break;
     }
     case "productOldPrice": {
       const t = r.querySelector("p");
-      t && (A(t).textContent = y(
+      t && (f(t).textContent = h(
         e,
         o,
         "original_price",
-        i,
-        c
+        c,
+        i
       ), t.setAttribute("product-attr", "discount"));
       break;
     }
     case "productButton": {
       const t = r.querySelector("a");
-      t && t.setAttribute("href", `{{${c}${e}_${o}_url}}`);
+      t && t.setAttribute("href", `{{${i}${e}_${o}_url}}`);
       break;
     }
     case "productOmnibusPrice": {
       const t = r.querySelector(".omnibus-price-value");
       if (t) {
-        t.textContent = `{{${c}${e}_${o}_omnibus_price}}`;
+        t.textContent = `{{${i}${e}_${o}_omnibus_price}}`;
         const s = t.closest("p");
         s && (s.setAttribute("product-attr", "omnibus_price"), s.setAttribute("composition", "true"));
       }
@@ -68,7 +66,7 @@ function f(r, n, e, o, i, c) {
     case "productOmnibusDiscount": {
       const t = r.querySelector(".omnibus-discount-value");
       if (t) {
-        t.textContent = `{{${c}${e}_${o}_omnibus_discount}}`;
+        t.textContent = `{{${i}${e}_${o}_omnibus_discount}}`;
         const s = t.closest("p");
         s && (s.setAttribute("product-attr", "omnibus_discount"), s.setAttribute("composition", "true"));
       }
@@ -78,54 +76,51 @@ function f(r, n, e, o, i, c) {
       const t = r.getAttribute("product-attr") ? r : r.querySelector("[product-attr]");
       if (t) {
         const s = t.getAttribute("product-attr"), a = t.querySelector("p");
-        if (a) {
-          const u = a.querySelector("strong") || a;
-          u.textContent = `{{${c}${e}_${o}_${s}}}`;
-        }
+        a && (f(a).textContent = `{{${i}${e}_${o}_${s}}}`);
       }
       break;
     }
   }
 }
-function w(r, n, e, o) {
-  r.querySelectorAll(".recommendation-product-row").forEach((c, t) => {
-    c.querySelectorAll("[data-attribute-type]").forEach((a) => {
+function E(r, n, e, o) {
+  r.querySelectorAll(".recommendation-product-row").forEach((i, t) => {
+    i.querySelectorAll("[data-attribute-type]").forEach((a) => {
       const u = a.getAttribute("data-attribute-type") || "", p = a.querySelectorAll(".attribute-cell");
       p.length > 0 ? p.forEach((l) => {
-        f(l, u, n, t, e, o);
-      }) : f(a, u, n, t, e, o);
+        A(l, u, n, t, e, o);
+      }) : A(a, u, n, t, e, o);
     });
   });
 }
-function E(r, n, e, o) {
-  const i = r.querySelectorAll(".recommendation-product-row");
-  if (!i.length)
+function R(r, n, e, o) {
+  const c = r.querySelectorAll(".recommendation-product-row");
+  if (!c.length)
     return;
-  const [c] = i, t = c.querySelector("[data-attribute-type]"), s = t ? t.querySelectorAll(".attribute-cell").length : 1;
-  i.forEach((a, u) => {
+  const [i] = c, t = i.querySelector("[data-attribute-type]"), s = t ? t.querySelectorAll(".attribute-cell").length : 1;
+  c.forEach((a, u) => {
     a.querySelectorAll("[data-attribute-type]").forEach((l) => {
-      const d = l.getAttribute("data-attribute-type") || "";
-      l.querySelectorAll(".attribute-cell").forEach((h, $) => {
+      const m = l.getAttribute("data-attribute-type") || "";
+      l.querySelectorAll(".attribute-cell").forEach((y, $) => {
         const S = u * s + $;
-        f(h, d, n, S, e, o);
+        A(y, m, n, S, e, o);
       });
     });
   });
 }
-function R(r, n, e, o) {
-  r.querySelectorAll(".ins-recommendation-product-container").forEach((c) => {
-    E(c, n, e, o);
+function P(r, n, e, o) {
+  r.querySelectorAll(".ins-recommendation-product-container").forEach((i) => {
+    R(i, n, e, o);
   });
 }
-function P(r, n, e) {
-  const o = r.getAttribute("data-layout") || "grid", i = r.getAttribute("currency-alignment") || "after";
-  o === "list" ? w(r, n, i, e) : R(r, n, i, e);
+function T(r, n, e) {
+  const o = r.getAttribute("data-layout") || "grid", c = r.getAttribute("currency-alignment") || "after";
+  o === "list" ? E(r, n, c, e) : P(r, n, c, e);
 }
 function b(r, n, e) {
-  const o = new RegExp(`${n}\\s*:\\s*(\\d+)\\s*px`, "i"), i = r.match(o);
-  return i ? parseInt(i[1]) : e;
+  const o = new RegExp(`${n}\\s*:\\s*(\\d+)\\s*px`, "i"), c = r.match(o);
+  return c ? parseInt(c[1]) : e;
 }
-function T(r, n) {
+function v(r, n) {
   let e = r.parentElement;
   for (; e && e !== n; ) {
     if (e.tagName === "TD") {
@@ -137,42 +132,42 @@ function T(r, n) {
   }
   return null;
 }
-function v(r) {
-  const n = r.getAttribute("style") || "", e = b(n, "width", 600), o = b(n, "padding", 0) * 2, i = Math.max(0, e - o);
-  i !== 0 && r.querySelectorAll("img.adapt-img").forEach((c) => {
-    if (c.hasAttribute("width"))
+function O(r) {
+  const n = r.getAttribute("style") || "", e = b(n, "width", 600), o = b(n, "padding", 0) * 2, c = Math.max(0, e - o);
+  c !== 0 && r.querySelectorAll("img.adapt-img").forEach((i) => {
+    if (i.hasAttribute("width"))
       return;
-    const t = T(c, r);
+    const t = v(i, r);
     if (!t)
       return;
-    const s = t.getAttribute("width"), a = parseFloat(s), u = b(t.getAttribute("style") || "", "padding", 0) * 2, p = Math.floor(i * a / 100), l = Math.max(1, p - u);
-    c.setAttribute("width", String(l));
-    const d = c.getAttribute("style") || "";
-    if (!/\bwidth\s*:\s*\d/i.test(d)) {
-      const m = d && !d.trim().endsWith(";") ? "; " : "";
-      c.setAttribute("style", `${d}${m}width: ${l}px`);
+    const s = t.getAttribute("width"), a = parseFloat(s), u = b(t.getAttribute("style") || "", "padding", 0) * 2, p = Math.floor(c * a / 100), l = Math.max(1, p - u);
+    i.setAttribute("width", String(l));
+    const m = i.getAttribute("style") || "";
+    if (!/\bwidth\s*:\s*\d/i.test(m)) {
+      const d = m && !m.trim().endsWith(";") ? "; " : "";
+      i.setAttribute("style", `${m}${d}width: ${l}px`);
     }
   });
 }
-function O(r, n) {
+function W(r, n) {
   const e = r.match(/<!DOCTYPE[^>]*>/i);
   return (e ? `${e[0]}
 ` : "") + n.documentElement.outerHTML;
 }
-function N(r) {
+function F(r) {
   const n = r.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), e = new DOMParser().parseFromString(n, "text/html"), o = e.querySelectorAll(".recommendation-block-v2");
   if (!o.length)
     return r;
-  const { buildCampaignUrl: i } = _(), c = C();
-  c.recommendationCampaignUrls = {};
-  const { isFeatureEnabled: t } = g(), s = t("liquidSyntax") ? "reco_" : "";
+  const { buildCampaignUrl: c } = g(), i = C();
+  i.recommendationCampaignUrls = {};
+  const { isFeatureEnabled: t } = _(), s = t("liquidSyntax") ? "reco_" : "";
   return o.forEach((u) => {
-    var l, d;
+    var l, m;
     const p = u.getAttribute("recommendation-id");
-    p && ((l = u.parentNode) == null || l.insertBefore(e.createComment("REC_START"), u), (d = u.parentNode) == null || d.insertBefore(e.createComment("REC_END"), u.nextSibling), u.querySelectorAll('[data-visibility="0"]').forEach((m) => m.remove()), i(p), P(u, p, s), v(u));
-  }), O(n, e).replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
+    p && ((l = u.parentNode) == null || l.insertBefore(e.createComment("REC_START"), u), (m = u.parentNode) == null || m.insertBefore(e.createComment("REC_END"), u.nextSibling), u.querySelectorAll('[data-visibility="0"]').forEach((d) => d.remove()), c(p), w(u) || T(u, p, s), O(u));
+  }), W(n, e).replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
 }
 export {
-  y as formatPriceVariable,
-  N as prepareRecommendationBlocks
+  h as formatPriceVariable,
+  F as prepareRecommendationBlocks
 };

package/dist/config/compiler/utils/recommendationIgnoreUtils.js

@@ -0,0 +1,15 @@
+import { CSS_CLASS_SKIP_COMPILE as n, BLOCK_ROOT_SELECTOR as i } from "../../../extensions/Blocks/Recommendation/constants/selectors.js";
+function m(o) {
+  return o.classList.contains(n);
+}
+function a(o) {
+  const r = new DOMParser().parseFromString(o, "text/html").querySelectorAll(`${i}.${n}`), t = /* @__PURE__ */ new Set();
+  return r.forEach((c) => {
+    const e = c.getAttribute("recommendation-id");
+    e && t.add(e);
+  }), t;
+}
+export {
+  a as getIgnoredRecommendationBlockIds,
+  m as isIgnoredRecommendationBlock
+};