@useinsider/guido 3.8.1 → 3.8.2-beta.151aeb6

package/dist/config/compiler/recommendationCompilerRules.js

@@ -1,16 +1,16 @@
-import { useRecommendation as h } from "../../composables/useRecommendation.js";
-import { DUMMY_IMAGE_MAPPINGS as N, REGEX as T, VerticalOrientation as M, CSS as E, ATTRIBUTES as A, CONDITIONS as y, HTML as C } from "../../enums/recommendation.js";
-import { prepareRecommendationBlocks as x } from "./utils/recommendationCompilerUtils.js";
-const w = [
+import { useRecommendation as N } from "../../composables/useRecommendation.js";
+import { DUMMY_IMAGE_MAPPINGS as M, REGEX as d, VerticalOrientation as $, CSS as n, ATTRIBUTES as p, CONDITIONS as T, HTML as g } from "../../enums/recommendation.js";
+import { prepareRecommendationBlocks as O } from "./utils/recommendationCompilerUtils.js";
+const U = [
   {
     id: "replace-images-with-variable-names",
     description: "Replacing dummy images with variable names in recommendation module",
     type: "custom",
-    processor: (c) => {
-      let e = c;
-      return Object.entries(N).forEach(([, l]) => {
-        Object.entries(l).forEach(([n, s]) => {
-          e = e.replaceAll(s, `{{${n}}}`);
+    processor: (o) => {
+      let e = o;
+      return Object.entries(M).forEach(([, r]) => {
+        Object.entries(r).forEach(([t, i]) => {
+          e = e.replaceAll(i, `{{${t}}}`);
         });
       }), e;
     },
@@ -41,21 +41,21 @@ const w = [
     id: "add-recommendation-unresponsive-css",
     description: "Adding recommendation unresponsive css",
     type: "custom",
-    processor: (c) => {
-      const { calculateCardWidth: e, getRecommendationCampaignData: l } = h();
-      let n = c;
-      const s = n.match(T.ID);
-      if (s) {
-        const a = [];
-        if (s.forEach((i) => {
-          const u = /recommendation-id="(.*?)"/i.exec(i), _ = u ? u[1].trim() : "", R = l(_);
-          R.textTrimming && R.orientation === M && a.push(e(R));
-        }), a.length) {
-          const i = `width:${Math.min(...a)}px!important;`;
-          n = n.replace(E.REGULAR_NAME_HEIGHT, `${E.TRIMMED_NAME_HEIGHT} ${i} ${E.ELLIPSIS}`).replace(E.REGULAR_NAME_CONTAINER_HEIGHT, E.TRIMMED_NAME_CONTAINER_CSS).replace(E.RESPONSIVE_NAME_SIZE, `${E.RESPONSIVE_NAME_HEIGHT} ${i} ${E.ELLIPSIS}`).replace(E.RESPONSIVE_NAME_CONTAINER_HEIGHT, E.TRIMMED_RESPONSIVE_NAME_CONTAINER_CSS);
+    processor: (o) => {
+      const { calculateCardWidth: e, getRecommendationCampaignData: r } = N();
+      let t = o;
+      const i = t.match(d.ID);
+      if (i) {
+        const s = [];
+        if (i.forEach((c) => {
+          const m = /recommendation-id="(.*?)"/i.exec(c), E = m ? m[1].trim() : "", u = r(E);
+          u.textTrimming && u.orientation === $ && s.push(e(u));
+        }), s.length) {
+          const c = `width:${Math.min(...s)}px!important;`;
+          t = t.replace(n.REGULAR_NAME_HEIGHT, `${n.TRIMMED_NAME_HEIGHT} ${c} ${n.ELLIPSIS}`).replace(n.REGULAR_NAME_CONTAINER_HEIGHT, n.TRIMMED_NAME_CONTAINER_CSS).replace(n.RESPONSIVE_NAME_SIZE, `${n.RESPONSIVE_NAME_HEIGHT} ${c} ${n.ELLIPSIS}`).replace(n.RESPONSIVE_NAME_CONTAINER_HEIGHT, n.TRIMMED_RESPONSIVE_NAME_CONTAINER_CSS);
         }
       }
-      return n;
+      return t;
     },
     priority: 52
   },
@@ -63,34 +63,34 @@ const w = [
     id: "prepare-recommendations",
     description: "Replacing product data with template variables in recommendation blocks",
     type: "custom",
-    processor: (c) => x(c),
+    processor: (o) => O(o),
     priority: 48
   },
   {
     id: "add-discount-conditions",
     description: "Adding discount conditions to the recommendation block",
     type: "custom",
-    processor: (c) => {
-      let e = c;
-      const l = e.match(T.ATTRIBUTE_PARAGRAPH), { getRecommendationCampaignData: n } = h();
-      return l !== null && l.forEach((s) => {
-        const a = s.match(T.CUSTOM_FIELD);
-        if (!a)
+    processor: (o) => {
+      let e = o;
+      const r = e.match(d.ATTRIBUTE_PARAGRAPH), { getRecommendationCampaignData: t } = N();
+      return r !== null && r.forEach((i) => {
+        const s = i.match(d.CUSTOM_FIELD);
+        if (!s)
           return;
-        const [i] = a, u = i.match(T.CUSTOM_FIELD_INDEXES_PART), _ = i.match(T.CUSTOM_FIELD_NAME_PART), R = s.match(T.ATTRIBUTE_PARAGRAPH_START_TAG);
-        if (!u || !_ || !R)
+        const [c] = s, m = c.match(d.CUSTOM_FIELD_INDEXES_PART), E = c.match(d.CUSTOM_FIELD_NAME_PART), u = i.match(d.ATTRIBUTE_PARAGRAPH_START_TAG);
+        if (!m || !E || !u)
           return;
-        const [b] = u, [I] = _, [d] = R, o = I.substring(1, I.length - 2), r = d.match(T.COMPOSITION) !== null;
-        let t = i;
-        if (r) {
-          const S = b.substring(2, b.length - 3), m = n(S);
-          o === A.OMNIBUS_PRICE && (m.priceBeforeTextValue && (t = `${m.priceBeforeTextValue}${t}`), m.priceAfterTextValue && (t = `${t}${m.priceAfterTextValue}`)), o === A.OMNIBUS_DISCOUNT && (m.discountBeforeTextValue && (t = `${m.discountBeforeTextValue}${t}`), m.discountAfterTextValue && (t = `${t}${m.discountAfterTextValue}`));
+        const [A] = m, [I] = E, [R] = u, b = I.substring(1, I.length - 2), S = R.match(d.COMPOSITION) !== null;
+        let a = c;
+        if (S) {
+          const f = A.substring(2, A.length - 3), l = t(f);
+          b === p.OMNIBUS_PRICE && (l.priceBeforeTextValue && (a = `${l.priceBeforeTextValue}${a}`), l.priceAfterTextValue && (a = `${a}${l.priceAfterTextValue}`)), b === p.OMNIBUS_DISCOUNT && (l.discountBeforeTextValue && (a = `${l.discountBeforeTextValue}${a}`), l.discountAfterTextValue && (a = `${a}${l.discountAfterTextValue}`));
         }
-        const p = b.substring(2);
-        let f = "";
-        o in y.IF && (f = y.IF[o].replaceAll(`{${A.DISCOUNT}}`, `${p}${A.DISCOUNT}`).replaceAll(`{${A.OMNIBUS_DISCOUNT}}`, `${p}${A.OMNIBUS_DISCOUNT}`).replaceAll(`{${A.OMNIBUS_PRICE}}`, `${p}${A.OMNIBUS_PRICE}`));
-        const g = `${d}${t}${C.PARAGRAPH_END_TAG}`, $ = `${f}${r ? g : s}${y.ELSE}${d}${C.PARAGRAPH_END_TAG}${y.END_IF}`;
-        e = e.replace(s, $);
+        const _ = A.substring(2);
+        let y = "";
+        b in T.IF && (y = T.IF[b].replaceAll(`{${p.DISCOUNT}}`, `${_}${p.DISCOUNT}`).replaceAll(`{${p.OMNIBUS_DISCOUNT}}`, `${_}${p.OMNIBUS_DISCOUNT}`).replaceAll(`{${p.OMNIBUS_PRICE}}`, `${_}${p.OMNIBUS_PRICE}`));
+        const C = `${R}${a}${g.PARAGRAPH_END_TAG}`, h = `${y}${S ? C : i}${T.ELSE}${R}${g.PARAGRAPH_END_TAG}${T.END_IF}`;
+        e = e.replace(i, h);
       }), e;
     },
     priority: 53
@@ -110,11 +110,11 @@ const w = [
     type: "custom",
     // Scoped to REC_START/REC_END markers so it cannot strip `product-attr`
     // from Items block elements, which the items compiler rule depends on.
-    processor: (c) => {
+    processor: (o) => {
       const e = /\s+(?:esd-extension-block-id|data-attribute-type|data-visibility|data-text-before|data-text-after|product-attr|composition)="[^"]*"/g;
-      return c.replace(
+      return o.replace(
         /<!--REC_START-->([\s\S]*?)<!--REC_END-->/g,
-        (l, n) => `<!--REC_START-->${n.replace(e, "")}<!--REC_END-->`
+        (r, t) => `<!--REC_START-->${t.replace(e, "")}<!--REC_END-->`
       );
     },
     priority: 55
@@ -123,8 +123,8 @@ const w = [
     id: "strip-unused-recommendation-classes",
     description: "Remove CSS classes not referenced by any style rule from recommendation elements",
     type: "custom",
-    processor: (c) => {
-      let e = c.replace(
+    processor: (o) => {
+      let e = o.replace(
         / class="(?:product-card-segment|attribute-cell|recommendation-attribute-row|product-image|product-name|product-price|product-old-price|product-omnibus-price|product-omnibus-discount|product-button|recommendation-product-row|product-card-wrapper)"/g,
         ""
       );
@@ -136,8 +136,8 @@ const w = [
     id: "remove-empty-mobile-layout-artifacts",
     description: "Remove empty mobile container rows and unused mobile layout CSS",
     type: "custom",
-    processor: (c) => {
-      let e = c;
+    processor: (o) => {
+      let e = o;
       return e = e.replace(
         /<tr[^>]*class="ins-recommendation-mobile-row"[^>]*><\/tr>/g,
         ""
@@ -146,75 +146,50 @@ const w = [
         ""
       ), e = e.replace(
         /@media[^{]*max-width\s*:\s*480px[^{]*\{((?:[^{}]*\{[^{}]*\})*[^{}]*)\}/g,
-        (l, n) => {
-          const s = n.match(/[^{}]+\{[^{}]*\}/g) || [], a = /ins-recommendation|product-image-cell|button-cell|product-info-cell/;
-          return s.every((u) => a.test(u)) ? "" : l;
+        (r, t) => {
+          const i = t.match(/[^{}]+\{[^{}]*\}/g) || [], s = /ins-recommendation|product-image-cell|button-cell|product-info-cell/;
+          return i.every((m) => s.test(m)) ? "" : r;
         }
       )), e;
     },
     priority: 57
   },
   {
-    id: "deduplicate-inline-styles",
-    description: "Replace repeated inline styles with CSS class references within recommendation blocks",
+    id: "protect-gmail-button-link-color",
+    // Gmail overrides link colors with `.ii a[href] { color: #15c }`. Force
+    // `!important` on es-button anchor colors so the intended button text color
+    // wins. Kept INLINE (never moved into a <style> class) so it survives Gmail's
+    // clipping — "view entire message" strips <style> blocks but keeps inline styles.
+    // (SD-142395: split out of the removed deduplicate-inline-styles rule.)
+    description: "Force !important on es-button link color to defeat Gmail link-color override",
     type: "custom",
-    processor: (c) => {
-      const e = c.replace(
-        /<a\b[^>]*\bes-button\b[^>]*>/g,
-        (o) => o.replace(
-          /([;"]color:)([^;"]+)/g,
-          (r, t, p) => p.includes("!important") ? r : `${t}${p} !important`
-        )
-      ), l = /<!--REC_START-->([\s\S]*?)<!--REC_END-->/g, n = / style="([^"]*)"/g, s = /* @__PURE__ */ new Map();
-      let a = l.exec(e);
-      for (; a !== null; ) {
-        let o = n.exec(a[1]);
-        for (; o !== null; ) {
-          const [, r] = o;
-          s.set(r, (s.get(r) || 0) + 1), o = n.exec(a[1]);
-        }
-        n.lastIndex = 0, a = l.exec(e);
-      }
-      const i = /* @__PURE__ */ new Map(), u = [];
-      let _ = 0;
-      if (s.forEach((o, r) => {
-        if (!r.includes("v-text-anchor") && o >= 6) {
-          const t = `rc${_++}`, p = r.endsWith(";") ? r : `${r};`;
-          i.set(r, t), u.push(`.${t}{${p}}`);
-        }
-      }), i.size === 0) {
-        let o = e;
-        return o = o.replaceAll("<!--REC_START-->", ""), o = o.replaceAll("<!--REC_END-->", ""), o;
-      }
-      const R = (o) => o.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), b = (o, r) => `${o.slice(0, -1)} ${r}"`, I = /* @__PURE__ */ new Map();
-      i.forEach((o, r) => {
-        const t = R(r);
-        I.set(r, {
-          caseA: new RegExp(`(class="[^"]*")((?:[^>]*?)) style="${t}"`, "g"),
-          caseB: new RegExp(` style="${t}"((?:[^>]*?))(class="[^"]*")`, "g")
-        });
-      });
-      let d = e.replace("</style>", `${u.join("")}</style>`);
-      return d = d.replace(
-        /<!--REC_START-->([\s\S]*?)<!--REC_END-->/g,
-        (o, r) => {
-          let t = r;
-          return i.forEach((p, f) => {
-            const g = I.get(f);
-            t = t.replace(
-              g.caseA,
-              ($, S, m) => b(S, p) + m
-            ), t = t.replace(
-              g.caseB,
-              ($, S, m) => S + b(m, p)
-            ), t = t.replaceAll(` style="${f}"`, ` class="${p}"`);
-          }), t;
-        }
-      ), d = d.replaceAll("<!--REC_START-->", ""), d = d.replaceAll("<!--REC_END-->", ""), d;
-    },
+    processor: (o) => o.replace(
+      /<a\b[^>]*\bes-button\b[^>]*>/g,
+      (e) => e.replace(
+        /([;"]color:)([^;"]+)/g,
+        (r, t, i) => i.includes("!important") ? r : `${t}${i} !important`
+      )
+    ),
     priority: 58
+  },
+  {
+    id: "minify-recommendation-whitespace",
+    // SD-142395: shrink the compiled recommendation block to keep emails under
+    // Gmail's ~102KB clip threshold. The editor templates emit deeply-indented
+    // markup that the P48 DOMParser round-trip preserves, and nothing else in the
+    // pipeline minifies it. Scoped to REC_START/REC_END so it only touches
+    // recommendation markup, and strips those markers last (relocated here from the
+    // removed deduplicate-inline-styles rule). Render-critical styles are left inline
+    // rather than classed, so they survive Gmail clipping.
+    description: "Collapse whitespace inside recommendation blocks and strip boundary markers",
+    type: "custom",
+    processor: (o) => {
+      const e = (r) => r.replace(/>\s+</g, "><").replace(/<[^>]+>/g, (t) => t.replace(/\s+/g, " "));
+      return o.replace(/<!--REC_START-->([\s\S]*?)<!--REC_END-->/g, (r, t) => e(t)).replaceAll("<!--REC_START-->", "").replaceAll("<!--REC_END-->", "");
+    },
+    priority: 99
   }
 ];
 export {
-  w as recommendationCompilerRules
+  U as recommendationCompilerRules
 };

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

@@ -1,126 +1,147 @@
-import { useConfig as _ } from "../../../composables/useConfig.js";
+import { useConfig as C } 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 h(r, n, e, o, i = "") {
-  const c = `{{${i}${r}_${n}_${e}}}`, t = `{{${i}${r}_${n}_currency}}`;
-  return o === "before" ? `${t} ${c}` : `${c} ${t}`;
+import { CSS_CLASS_RECO_BUTTON as E } from "../../../extensions/Blocks/Recommendation/constants/selectors.js";
+import { useRecommendationExtensionStore as q } from "../../../extensions/Blocks/Recommendation/store/recommendation.js";
+import { isIgnoredRecommendationBlock as w } from "./recommendationIgnoreUtils.js";
+function $(t, n, e, o, c = "") {
+  const i = `{{${c}${t}_${n}_${e}}}`, r = `{{${c}${t}_${n}_currency}}`;
+  return o === "before" ? `${r} ${i}` : `${i} ${r}`;
 }
-function b(r) {
-  let n = r;
+function f(t) {
+  let n = t;
   for (; n.children.length === 1; )
     [n] = n.children;
   return n;
 }
-function A(r, n, e, o, i, c) {
+function h(t, 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}}`));
-      const s = r.querySelector("a");
-      s && (s.setAttribute("href", `{{${c}${e}_${o}_url}}`), s.classList.add(q));
+      const r = t.querySelector("img");
+      r && (r.setAttribute("src", `{{${i}${e}_${o}_image_url}}`), r.setAttribute("alt", `{{${i}${e}_${o}_name}}`));
+      const s = t.querySelector("a");
+      s && (s.setAttribute("href", `{{${i}${e}_${o}_url}}`), s.classList.add(E));
       break;
     }
     case "productName": {
-      const t = r.querySelector("p");
-      t && (b(t).textContent = `{{${c}${e}_${o}_name}}`);
+      const r = t.querySelector("p");
+      r && (f(r).textContent = `{{${i}${e}_${o}_name}}`);
       break;
     }
     case "productPrice": {
-      const t = r.querySelector("p");
-      t && (b(t).textContent = h(
+      const r = t.querySelector("p");
+      r && (f(r).textContent = $(
         e,
         o,
         "price",
-        i,
-        c
+        c,
+        i
       ));
       break;
     }
     case "productOldPrice": {
-      const t = r.querySelector("p");
-      t && (b(t).textContent = h(
+      const r = t.querySelector("p");
+      r && (f(r).textContent = $(
         e,
         o,
         "original_price",
-        i,
-        c
-      ), t.setAttribute("product-attr", "discount"));
+        c,
+        i
+      ), r.setAttribute("product-attr", "discount"));
       break;
     }
     case "productButton": {
-      const t = r.querySelector("a");
-      t && t.setAttribute("href", `{{${c}${e}_${o}_url}}`);
+      const r = t.querySelector("a");
+      r && r.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}}`;
-        const s = t.closest("p");
+      const r = t.querySelector(".omnibus-price-value");
+      if (r) {
+        r.textContent = `{{${i}${e}_${o}_omnibus_price}}`;
+        const s = r.closest("p");
         s && (s.setAttribute("product-attr", "omnibus_price"), s.setAttribute("composition", "true"));
       }
       break;
     }
     case "productOmnibusDiscount": {
-      const t = r.querySelector(".omnibus-discount-value");
-      if (t) {
-        t.textContent = `{{${c}${e}_${o}_omnibus_discount}}`;
-        const s = t.closest("p");
+      const r = t.querySelector(".omnibus-discount-value");
+      if (r) {
+        r.textContent = `{{${i}${e}_${o}_omnibus_discount}}`;
+        const s = r.closest("p");
         s && (s.setAttribute("product-attr", "omnibus_discount"), s.setAttribute("composition", "true"));
       }
       break;
     }
     default: {
-      const t = r.getAttribute("product-attr") ? r : r.querySelector("[product-attr]");
-      if (t) {
-        const s = t.getAttribute("product-attr"), a = t.querySelector("p");
-        a && (b(a).textContent = `{{${c}${e}_${o}_${s}}}`);
+      const r = t.getAttribute("product-attr") ? t : t.querySelector("[product-attr]");
+      if (r) {
+        const s = r.getAttribute("product-attr"), a = r.querySelector("p");
+        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) => {
+const R = "name";
+function S(t, n, e, o) {
+  const c = `${o}${n}_${e}_${R}`;
+  return {
+    open: t.createComment(`{% if ${c} != "" %}`),
+    close: t.createComment("{% endif %}")
+  };
+}
+function T(t, n, e, o) {
+  if (!t.innerHTML.includes("{{"))
+    return;
+  const { open: c, close: i } = S(t.ownerDocument, n, e, o);
+  t.insertBefore(c, t.firstChild), t.appendChild(i);
+}
+function P(t, n, e, o) {
+  if (!t.innerHTML.includes("{{"))
+    return;
+  const { open: c, close: i } = S(t.ownerDocument, n, e, o), r = t.parentNode;
+  r.insertBefore(c, t), r.insertBefore(i, t.nextSibling);
+}
+function L(t, n, e, o) {
+  t.querySelectorAll(".recommendation-product-row").forEach((i, r) => {
+    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) => {
-        A(l, u, n, t, e, o);
-      }) : A(a, u, n, t, e, o);
-    });
+        h(l, u, n, r, e, o);
+      }) : h(a, u, n, r, e, o);
+    }), P(i, n, r, o);
   });
 }
-function E(r, n, e, o) {
-  const i = r.querySelectorAll(".recommendation-product-row");
-  if (!i.length)
+function v(t, n, e, o) {
+  const c = t.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, r = i.querySelector("[data-attribute-type]"), s = r ? r.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((y, $) => {
-        const S = u * s + $;
-        A(y, d, n, S, e, o);
+      const m = l.getAttribute("data-attribute-type") || "";
+      l.querySelectorAll(".attribute-cell").forEach((A, _) => {
+        const y = u * s + _;
+        h(A, m, n, y, e, o), T(A, n, y, o);
       });
     });
   });
 }
-function R(r, n, e, o) {
-  r.querySelectorAll(".ins-recommendation-product-container").forEach((c) => {
-    E(c, n, e, o);
+function B(t, n, e, o) {
+  t.querySelectorAll(".ins-recommendation-product-container").forEach((i) => {
+    v(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 D(t, n, e) {
+  const o = t.getAttribute("data-layout") || "grid", c = t.getAttribute("currency-alignment") || "after";
+  o === "list" ? L(t, n, c, e) : B(t, n, c, 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 b(t, n, e) {
+  const o = new RegExp(`${n}\\s*:\\s*(\\d+)\\s*px`, "i"), c = t.match(o);
+  return c ? parseInt(c[1]) : e;
 }
-function T(r, n) {
-  let e = r.parentElement;
+function O(t, n) {
+  let e = t.parentElement;
   for (; e && e !== n; ) {
     if (e.tagName === "TD") {
       const o = e.getAttribute("width");
@@ -131,42 +152,42 @@ function T(r, n) {
   }
   return null;
 }
-function v(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"))
+function M(t) {
+  const n = t.getAttribute("style") || "", e = b(n, "width", 600), o = b(n, "padding", 0) * 2, c = Math.max(0, e - o);
+  c !== 0 && t.querySelectorAll("img.adapt-img").forEach((i) => {
+    if (i.hasAttribute("width"))
       return;
-    const t = T(c, r);
-    if (!t)
+    const r = O(i, t);
+    if (!r)
       return;
-    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 s = r.getAttribute("width"), a = parseFloat(s), u = b(r.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) {
-  const e = r.match(/<!DOCTYPE[^>]*>/i);
+function N(t, n) {
+  const e = t.match(/<!DOCTYPE[^>]*>/i);
   return (e ? `${e[0]}
 ` : "") + n.documentElement.outerHTML;
 }
-function N(r) {
-  const n = r.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), e = new DOMParser().parseFromString(n, "text/html"), o = e.querySelectorAll(".recommendation-block-v2");
+function k(t) {
+  const n = t.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), e = new DOMParser().parseFromString(n, "text/html"), o = e.querySelectorAll(".recommendation-block-v2");
   if (!o.length)
-    return r;
-  const { buildCampaignUrl: i } = g(), c = C();
-  c.recommendationCampaignUrls = {};
-  const { isFeatureEnabled: t } = _(), s = t("liquidSyntax") ? "reco_" : "";
+    return t;
+  const { buildCampaignUrl: c } = g(), i = q();
+  i.recommendationCampaignUrls = {};
+  const { isFeatureEnabled: r } = C(), s = r("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) || D(u, p, s), M(u));
+  }), N(n, e).replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
 }
 export {
-  h as formatPriceVariable,
-  N as prepareRecommendationBlocks
+  $ as formatPriceVariable,
+  k 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, CSS_CLASS_SKIP_COMPILE as c } from "../../../extensions/Blocks/Recommendation/constants/selectors.js";
+const a = "You May Also Like!";
+function l(t) {
+  var o;
+  const r = t.querySelector(".ext-recommendation-title");
+  if (!r)
+    return a;
+  const e = (o = r.textContent) == null ? void 0 : o.trim();
+  return e && e.length > 0 ? e : a;
 }
-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 C(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 t.classList.contains(c);
 }
 export {
-  u as extractCardBgColor,
-  s as extractTitleText
+  m as extractCardBgColor,
+  C as extractCurrencyFromBlock,
+  l as extractTitleText,
+  d as isPartnerManagedBlock
 };