@useinsider/guido 3.8.1-beta.2ee94c2 → 3.8.1-beta.5cf94b0

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/composables/usePreviewMode.js

@@ -1,28 +1,29 @@
-import { useEditorStore as d } from "../stores/editor.js";
-import { usePreviewStore as n } from "../stores/preview.js";
-import { useActionsApi as p } from "./useActionsApi.js";
-import { useCodeEditorApi as c } from "./useCodeEditorApi.js";
-import { useHtmlCompiler as u } from "./useHtmlCompiler.js";
-const g = () => {
-  const t = d(), e = n(), { closeCodeEditor: i } = c(), { getPreviewData: a, getCompiledEmail: s } = p(), { compileHtml: m } = u(), r = () => {
+import { useEditorStore as n } from "../stores/editor.js";
+import { usePreviewStore as p } from "../stores/preview.js";
+import { useActionsApi as c } from "./useActionsApi.js";
+import { useCodeEditorApi as u } from "./useCodeEditorApi.js";
+import { useHtmlCompiler as v } from "./useHtmlCompiler.js";
+import { useRecommendationPreview as w } from "./useRecommendationPreview.js";
+const C = () => {
+  const t = n(), e = p(), { closeCodeEditor: a } = u(), { getPreviewData: m, getCompiledEmail: s } = c(), { compileHtml: l } = v(), { substituteRecommendationPreview: r } = w(), i = () => {
     t.isPreviewModeOpen = !1, e.$reset();
   };
   return {
-    closePreviewMode: r,
+    closePreviewMode: i,
     openPreviewMode: () => {
-      t.isCodeEditorOpen && i(), t.isPreviewModeOpen = !0;
+      t.isCodeEditorOpen && a(), t.isPreviewModeOpen = !0;
     },
     loadPreviewData: async () => {
       if (!(t.loadingStatus || e.isLoaded)) {
         t.loadingStatus = !0;
         try {
-          const [o, l] = await Promise.all([
-            a(),
+          const [o, d] = await Promise.all([
+            m(),
             s({ minimize: !0, resetDataSavedFlag: !1 })
           ]);
-          e.templateHtml = o.html || "", e.ampHtml = o.ampHtml || "", e.ampErrors = o.ampErrors || [], e.setEmailFormat(o.ampHtml ? "AMP" : "html"), e.emailSizeKB = m(l.html).estimatedSizeKB, e.isLoaded = !0;
+          e.templateHtml = r(o.html || ""), e.ampHtml = r(o.ampHtml || ""), e.ampErrors = o.ampErrors || [], e.setEmailFormat(o.ampHtml ? "AMP" : "html"), e.emailSizeKB = l(d.html).estimatedSizeKB, e.isLoaded = !0;
         } catch (o) {
-          console.error("Failed to load preview data:", o), r();
+          console.error("Failed to load preview data:", o), i();
         } finally {
           t.loadingStatus = !1;
         }
@@ -31,5 +32,5 @@ const g = () => {
   };
 };
 export {
-  g as usePreviewMode
+  C as usePreviewMode
 };

package/dist/composables/useRecommendationPreview.js

@@ -0,0 +1,111 @@
+import { BLOCK_ROOT_SELECTOR as S, CURRENCY_ATTR as p, CONTAINER_SELECTOR as O } from "../extensions/Blocks/Recommendation/constants/selectors.js";
+import { useRecommendationExtensionStore as h } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { formatPrice as E } from "../extensions/Blocks/Recommendation/utils/priceFormatter.js";
+const f = `${S}[recommendation-id]`, C = ".product-old-price", R = /\{\{(?:reco_)?(\d+_\d+_[a-zA-Z0-9_.]+)\}\}/g, T = new RegExp(
+  "\\{%\\s*if\\s+([\\s\\S]+?)\\s*%\\}([\\s\\S]*?)(?:\\{%\\s*else\\s*%\\}([\\s\\S]*?))?\\{%\\s*endif\\s*%\\}",
+  "g"
+);
+function b(e) {
+  return e.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+}
+function _(e) {
+  var s;
+  const n = (s = e.replace(/[\u0000-\u0020]+/g, "").toLowerCase().match(/^([a-z][a-z0-9+.-]*):/)) == null ? void 0 : s[1];
+  return n && n !== "http" && n !== "https" && n !== "mailto" ? "" : e;
+}
+function N(e) {
+  const t = e.getAttribute(p.CURRENCY) || "USD", n = e.getAttribute(p.DECIMAL_SEPARATOR) || ".", s = e.getAttribute(p.THOUSAND_SEPARATOR) || ",";
+  return {
+    code: t,
+    symbol: e.getAttribute(p.SYMBOL) || t,
+    alignment: e.getAttribute(p.ALIGNMENT) === "0" ? "before" : "after",
+    decimalCount: parseInt(e.getAttribute(p.DECIMAL_COUNT) || "2") || 2,
+    decimalSeparator: n,
+    thousandSeparator: s
+  };
+}
+function g(e, t) {
+  return (e == null ? void 0 : e[t]) ?? Object.values(e ?? {})[0] ?? 0;
+}
+function L(e, t) {
+  const n = g(e.original_price, t), s = g(e.price, t), o = n > 0 ? Math.round((n - s) / n * 100) : 0;
+  return o > 0 ? `${o}%` : "0%";
+}
+function P(e, t, n, s, o, a) {
+  s.forEach((i, c) => {
+    const r = (m) => `${n}_${c}_${m}`, u = E({ price: g(i.price, o.code), currency: o }), l = E({ price: g(i.original_price, o.code), currency: o }), d = L(i, o.code);
+    e.set(r("name"), i.name ?? ""), e.set(r("image_url"), _(i.image_url ?? "")), e.set(r("url"), _(i.url ?? "")), e.set(r("item_id"), i.item_id ?? ""), e.set(r("currency"), ""), e.set(r("price"), u), e.set(r("original_price"), l), e.set(r("discount"), d), e.set(r("omnibus_price"), l), e.set(r("omnibus_discount"), d), a && u === l && t.add(`${n}_${c}`), Object.entries(i.product_attributes ?? {}).forEach(([m, A]) => {
+      e.set(r(`product_attribute.${m}`), String(A)), e.set(r(m), String(A));
+    });
+  });
+}
+function $(e, t) {
+  const n = e.match(/^(.+?)\s*(!=|==)\s*"([^"]*)"$/);
+  if (!n)
+    return !0;
+  const [, s, o, a] = n, i = t.get(s.trim()) ?? "";
+  return o === "!=" ? i !== a : i === a;
+}
+function z(e, t) {
+  return e.replace(
+    T,
+    (n, s, o, a) => s.split(/\s+and\s+/).every((c) => $(c.trim(), t)) ? o : a ?? ""
+  );
+}
+function w(e) {
+  let t = e;
+  for (; t.children.length === 1; )
+    [t] = t.children;
+  return t;
+}
+function D(e, t) {
+  var i;
+  if (!t.size)
+    return e;
+  const n = e.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), s = new DOMParser().parseFromString(n, "text/html");
+  s.querySelectorAll(f).forEach((c) => {
+    const r = Number(c.getAttribute("recommendation-id"));
+    if (!Number.isFinite(r))
+      return;
+    const u = c.querySelectorAll(O);
+    (u.length ? Array.from(u) : [c]).forEach((d) => {
+      d.querySelectorAll(C).forEach((m, A) => {
+        t.has(`${r}_${A}`) && (w(m).textContent = "");
+      });
+    });
+  });
+  const o = (i = e.match(/<!DOCTYPE[^>]*>/i)) == null ? void 0 : i[0];
+  return ((o ? `${o}
+` : "") + s.documentElement.outerHTML).replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
+}
+function I(e) {
+  if (!e || !e.includes("recommendation-block-v2"))
+    return e;
+  const t = h(), n = new DOMParser().parseFromString(e, "text/html"), s = Array.from(n.querySelectorAll(f)), o = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Set();
+  if (s.forEach((c) => {
+    var l;
+    const r = Number(c.getAttribute("recommendation-id"));
+    if (!Number.isFinite(r))
+      return;
+    const u = ((l = t.blockStates[r]) == null ? void 0 : l.recommendationProducts) ?? [];
+    u.length && P(
+      o,
+      a,
+      r,
+      u,
+      N(c),
+      c.getAttribute("hide-price") === "true"
+    );
+  }), !o.size)
+    return e;
+  let i = D(e, a);
+  return i = i.replace(
+    R,
+    (c, r) => o.has(r) ? b(o.get(r)) : c
+  ), i = z(i, o), i;
+}
+const q = () => ({ substituteRecommendationPreview: I });
+export {
+  I as substituteRecommendationPreview,
+  q as useRecommendationPreview
+};

package/dist/config/compiler/recommendationCompilerRules.js

@@ -111,7 +111,7 @@ const w = [
     // 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) => {
-      const e = /\s+(?:esd-extension-block-id|data-attribute-type|data-visibility|data-text-before|data-text-after|product-attr|composition)="[^"]*"/g;
+      const e = /\s+(?:esd-extension-block-id|data-attribute-type|data-visibility|data-text-before|data-text-after|data-same-price|product-attr|composition)="[^"]*"/g;
       return c.replace(
         /<!--REC_START-->([\s\S]*?)<!--REC_END-->/g,
         (l, n) => `<!--REC_START-->${n.replace(e, "")}<!--REC_END-->`