@useinsider/guido 3.6.0-beta.3eeb930 → 3.6.0-beta.7ac8612

package/dist/composables/useHtmlValidator.js

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

package/dist/composables/useRecommendation.js

@@ -1,22 +1,21 @@
-import { getRecommendationFeedSourceMaps as I, URLS as R } from "../enums/extensions/recommendationBlock.js";
-import { MinDeviceViewport as C, DefaultPadding as b } from "../enums/recommendation.js";
-import { useRecommendationExtensionStore as l } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { getRecommendationFeedSourceMaps as I, URLS as C } from "../enums/extensions/recommendationBlock.js";
+import { MinDeviceViewport as R, DefaultPadding as b } from "../enums/recommendation.js";
+import { useRecommendationExtensionStore as m } from "../extensions/Blocks/Recommendation/store/recommendation.js";
 import { generateCompleteFilterQuery as h } from "../extensions/Blocks/Recommendation/utils/filterUtil.js";
-import { getPartnerRecommendationParams as y } from "../extensions/Blocks/Recommendation/utils/partnerCustomizations.js";
 import { useConfigStore as x } from "../stores/config.js";
-const k = () => ({
+const w = () => ({
   calculateCardWidth: ({
-    mobileLeftPadding: a,
+    mobileLeftPadding: o,
     mobileRightPadding: s,
-    cardsInRow: c,
-    unresponsive: o
+    cardsInRow: a,
+    unresponsive: n
   }) => {
-    const r = o ? c : 1, e = a + s + (r - 1) * b;
-    return (C - e) / r;
+    const r = n ? a : 1, e = o + s + (r - 1) * b;
+    return (R - e) / r;
   },
-  getRecommendationCampaignData: (a) => {
-    const s = l(), c = Number(a), o = s.blockStates[c];
-    if (!o)
+  getRecommendationCampaignData: (o) => {
+    const s = m(), a = Number(o), n = s.blockStates[a];
+    if (!n)
       return {
         textTrimming: !1,
         orientation: "vertical",
@@ -29,7 +28,7 @@ const k = () => ({
         discountBeforeTextValue: "",
         discountAfterTextValue: ""
       };
-    const { recommendationConfigs: r } = o, e = r.orientation === "grid" ? "vertical" : "horizontal";
+    const { recommendationConfigs: r } = n, e = r.orientation === "grid" ? "vertical" : "horizontal";
     return {
       textTrimming: r.textTrimming,
       orientation: e,
@@ -43,35 +42,35 @@ const k = () => ({
       discountAfterTextValue: ""
     };
   },
-  buildCampaignUrl: (a, s) => {
-    var m;
-    const c = l(), o = x(), r = Number(a);
+  buildCampaignUrl: (o, s) => {
+    var l;
+    const a = m(), n = x(), r = Number(o);
     let e;
     if (s)
       e = s;
     else {
-      const i = c.blockStates[r];
-      if (!i)
+      const c = a.blockStates[r];
+      if (!c)
         return "";
-      const { recommendationConfigs: n } = i;
+      const { recommendationConfigs: i } = c;
       e = {
-        strategy: n.strategy,
-        language: n.language,
-        currencyCode: n.currencySettings.value,
-        size: n.size,
-        productIds: n.productIds,
-        filters: n.filters,
-        shuffleProducts: n.shuffleProducts
+        strategy: i.strategy,
+        language: i.language,
+        currencyCode: i.currencySettings.value,
+        size: i.size,
+        productIds: i.productIds,
+        filters: i.filters,
+        shuffleProducts: i.shuffleProducts
       };
     }
-    const f = ((m = I().find((i) => i.key === e.strategy)) == null ? void 0 : m.path) || "", t = new URLSearchParams();
-    t.set("locale", e.language), t.set("currency", e.currencyCode), t.set("partnerName", o.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", o.variationId), e.strategy === "manualMerchandising" ? t.set("productId", e.productIds.join(",")) : e.strategy === "similarViewed" && t.set("productId", "{itemId}"), e.strategy === "userBased" && t.set("userId", "{user_id}");
-    const g = e.filters.filter((i) => i.isValid), d = h(g);
-    d && t.set("filter", d), e.shuffleProducts && t.set("shuffle", "true"), Object.entries(y(o.partnerName, e.strategy)).forEach(([i, n]) => t.set(i, n));
-    const p = decodeURIComponent(t.toString()), u = `${R.RECOMMENDATION_API_URL}/v2/${f}?${p}`;
-    return c.recommendationCampaignUrls[a] = u, u;
+    const f = ((l = I().find((c) => c.key === e.strategy)) == null ? void 0 : l.path) || "", t = new URLSearchParams();
+    t.set("locale", e.language), t.set("currency", e.currencyCode), t.set("partnerName", n.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", n.variationId), e.strategy === "manualMerchandising" ? t.set("productId", e.productIds.join(",")) : e.strategy === "similarViewed" && t.set("productId", "{itemId}"), e.strategy === "userBased" && t.set("userId", "{user_id}");
+    const g = e.filters.filter((c) => c.isValid), d = h(g);
+    d && t.set("filter", d), e.shuffleProducts && t.set("shuffle", "true");
+    const p = decodeURIComponent(t.toString()), u = `${C.RECOMMENDATION_API_URL}/v2/${f}?${p}`;
+    return a.recommendationCampaignUrls[o] = u, u;
   }
 });
 export {
-  k as useRecommendation
+  w as useRecommendation
 };

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

@@ -2,6 +2,7 @@ import { useConfig as g } from "../../../composables/useConfig.js";
 import { useRecommendation as _ } 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";
+import { isIgnoredRecommendationBlock as w } from "./recommendationIgnoreUtils.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}`;
@@ -12,7 +13,7 @@ function A(r) {
     [n] = n.children;
   return n;
 }
-function f(r, n, e, o, i, c) {
+function b(r, n, e, o, i, c) {
   switch (n) {
     case "productImage": {
       const t = r.querySelector("img");
@@ -87,45 +88,45 @@ function f(r, n, e, o, i, c) {
     }
   }
 }
-function w(r, n, e, o) {
+function E(r, n, e, o) {
   r.querySelectorAll(".recommendation-product-row").forEach((c, t) => {
     c.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);
+        b(l, u, n, t, e, o);
+      }) : b(a, u, n, t, e, o);
     });
   });
 }
-function E(r, n, e, o) {
+function R(r, n, e, o) {
   const i = r.querySelectorAll(".recommendation-product-row");
   if (!i.length)
     return;
   const [c] = i, t = c.querySelector("[data-attribute-type]"), s = t ? t.querySelectorAll(".attribute-cell").length : 1;
   i.forEach((a, u) => {
     a.querySelectorAll("[data-attribute-type]").forEach((l) => {
-      const d = l.getAttribute("data-attribute-type") || "";
+      const m = l.getAttribute("data-attribute-type") || "";
       l.querySelectorAll(".attribute-cell").forEach((h, $) => {
         const S = u * s + $;
-        f(h, d, n, S, e, o);
+        b(h, m, n, S, e, o);
       });
     });
   });
 }
-function R(r, n, e, o) {
+function P(r, n, e, o) {
   r.querySelectorAll(".ins-recommendation-product-container").forEach((c) => {
-    E(c, n, e, o);
+    R(c, n, e, o);
   });
 }
-function P(r, n, e) {
+function T(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);
+  o === "list" ? E(r, n, i, e) : P(r, n, i, e);
 }
-function b(r, n, e) {
+function f(r, n, e) {
   const o = new RegExp(`${n}\\s*:\\s*(\\d+)\\s*px`, "i"), i = r.match(o);
   return i ? parseInt(i[1]) : e;
 }
-function T(r, n) {
+function v(r, n) {
   let e = r.parentElement;
   for (; e && e !== n; ) {
     if (e.tagName === "TD") {
@@ -137,29 +138,29 @@ 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);
+function O(r) {
+  const n = r.getAttribute("style") || "", e = f(n, "width", 600), o = f(n, "padding", 0) * 2, i = Math.max(0, e - o);
   i !== 0 && r.querySelectorAll("img.adapt-img").forEach((c) => {
     if (c.hasAttribute("width"))
       return;
-    const t = T(c, r);
+    const t = v(c, 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);
+    const s = t.getAttribute("width"), a = parseFloat(s), u = f(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 m = c.getAttribute("style") || "";
+    if (!/\bwidth\s*:\s*\d/i.test(m)) {
+      const d = m && !m.trim().endsWith(";") ? "; " : "";
+      c.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;
@@ -167,12 +168,12 @@ function N(r) {
   c.recommendationCampaignUrls = {};
   const { isFeatureEnabled: t } = g(), 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()), i(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
+  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
+};

package/dist/config/migrator/recommendation/extractors.js

@@ -1,27 +1,49 @@
-const i = "You May Also Like!";
-function s(r) {
-  var e;
-  const o = r.querySelector(".ext-recommendation-title");
-  if (!o)
-    return i;
-  const t = (e = o.textContent) == null ? void 0 : e.trim();
-  return t && t.length > 0 ? t : i;
+import { CURRENCY_ATTR as n } from "../../../extensions/Blocks/Recommendation/constants/selectors.js";
+const c = "You May Also Like!";
+function A(t) {
+  var o;
+  const r = t.querySelector(".ext-recommendation-title");
+  if (!r)
+    return c;
+  const e = (o = r.textContent) == null ? void 0 : o.trim();
+  return e && e.length > 0 ? e : c;
 }
-function u(r) {
-  const o = [
-    r,
-    ...Array.from(r.querySelectorAll(".product-card, .ext-recommendation-card"))
+function m(t) {
+  const r = [
+    t,
+    ...Array.from(t.querySelectorAll(".product-card, .ext-recommendation-card"))
   ];
-  let t = "";
-  return o.some((e) => {
-    const n = e.getAttribute("bgcolor");
-    if (n && n.trim())
-      return t = n.trim(), !0;
-    const c = (e.getAttribute("style") ?? "").match(/background-color\s*:\s*([^;]+)/i);
-    return c && c[1] ? (t = c[1].trim(), !0) : !1;
-  }), t;
+  let e = "";
+  return r.some((o) => {
+    const i = o.getAttribute("bgcolor");
+    if (i && i.trim())
+      return e = i.trim(), !0;
+    const u = (o.getAttribute("style") ?? "").match(/background-color\s*:\s*([^;]+)/i);
+    return u && u[1] ? (e = u[1].trim(), !0) : !1;
+  }), e;
+}
+function l(t) {
+  const r = t.getAttribute(n.CURRENCY);
+  if (!r)
+    return;
+  const e = t.getAttribute(n.SYMBOL);
+  return {
+    value: r,
+    // An empty `currency-symbol` is omitted so `mapCurrency` falls back to
+    // the currency code as the symbol.
+    ...e ? { symbol: e } : {},
+    alignment: t.getAttribute(n.ALIGNMENT) ?? "",
+    decimalCount: t.getAttribute(n.DECIMAL_COUNT) ?? "",
+    decimalSeparator: t.getAttribute(n.DECIMAL_SEPARATOR) ?? "",
+    thousandSeparator: t.getAttribute(n.THOUSAND_SEPARATOR) ?? ""
+  };
+}
+function d(t) {
+  return /\{\{[^}]+\}\}/.test(t.innerHTML);
 }
 export {
-  u as extractCardBgColor,
-  s as extractTitleText
+  m as extractCardBgColor,
+  l as extractCurrencyFromBlock,
+  A as extractTitleText,
+  d as isCustomizedBlock
 };