@useinsider/guido 3.2.0-beta.7e0c6bd → 3.2.0-beta.7fb9b70

package/dist/composables/useTranslations.js

@@ -1,27 +1,20 @@
-import { ref as g } from "vue";
-import { useConfig as h } from "./useConfig.js";
-const v = (r) => r.split(".").filter((t) => t !== "window").reduce(
-  (t, l) => {
-    if (t !== void 0)
-      return t[l];
-  },
-  window
-) || {}, T = () => {
-  const { config: r } = h(), c = r.value?.editor?.translationsPath || "window.trans.en", a = g(v(c)), t = /* @__PURE__ */ new Map();
-  return (n, e) => {
-    const o = e && Object.keys(e).length > 0 ? JSON.stringify({ key: n, params: e }) : n, u = t.get(o);
-    if (u !== void 0)
-      return u;
-    const s = a.value[n];
-    if (!s)
-      return console.warn(`Translation key not found: ${n}`), t.set(o, n), n;
-    let i = s;
-    return e && (i = Object.entries(e).reduce(
-      (f, [d, w]) => f.replace(new RegExp(`{${d}}`, "g"), String(w)),
-      s
-    )), t.set(o, i), i;
+import memoize from "../node_modules/lodash-es/memoize.js";
+import { ref } from "vue";
+import { useConfig } from "./useConfig.js";
+const useTranslations = () => {
+  var o, e;
+  const { config } = useConfig(), translationsPath = ((e = (o = config.value) == null ? void 0 : o.editor) == null ? void 0 : e.translationsPath) || "window.trans.en", translations = ref(eval(translationsPath)), trans = (n, t) => {
+    const r = translations.value[n];
+    return r ? t ? Object.entries(t).reduce(
+      (s, [i, a]) => s.replace(new RegExp(`{${i}}`, "g"), String(a)),
+      r
+    ) : r : (console.warn(`Translation key not found: ${n}`), n);
   };
+  return memoize(
+    trans,
+    (n, t) => !t || Object.keys(t).length === 0 ? n : JSON.stringify({ key: n, params: t })
+  );
 };
 export {
-  T as useTranslations
+  useTranslations
 };

package/dist/composables/useValidation.js

@@ -1,18 +1,19 @@
-import { safeParseAsync as t } from "../node_modules/valibot/dist/index.js";
-import { unref as a } from "vue";
-function n(s, e) {
+import { safeParseAsync as i } from "../node_modules/valibot/dist/index.js";
+import { unref as n } from "vue";
+function c(o, e) {
   return {
     schema: e,
     validate: async () => {
-      const r = await t(e, a(s), { abortPipeEarly: !0 });
+      var s, t, a;
+      const r = await i(e, n(o), { abortPipeEarly: !0 });
       return {
         ...r,
-        error: r.issues?.[0],
-        errorMessage: r.issues?.[0]?.message || ""
+        error: (s = r.issues) == null ? void 0 : s[0],
+        errorMessage: ((a = (t = r.issues) == null ? void 0 : t[0]) == null ? void 0 : a.message) || ""
       };
     }
   };
 }
 export {
-  n as useAsyncValidation
+  c as useAsyncValidation
 };

package/dist/composables/validators/useCouponBlockValidator.js

@@ -0,0 +1,24 @@
+import { ToasterTypeOptions as c } from "../../enums/toaster.js";
+import { COUPON_PLACEHOLDER_DEFAULT as i, COUPON_PLACEHOLDER_LIQUID as l } from "../../extensions/Blocks/CouponBlock/template.js";
+import { useToaster as m } from "../useToaster.js";
+import { useTranslations as p } from "../useTranslations.js";
+const u = /* @__PURE__ */ new Set([
+  i,
+  l
+]), A = () => {
+  const { showToaster: t } = m(), r = p();
+  return { validateCouponBlockTags: (e) => {
+    const n = new DOMParser().parseFromString(e, "text/html");
+    return Array.from(n.querySelectorAll(".coupon-block")).find((s) => {
+      var o;
+      const a = ((o = s.textContent) == null ? void 0 : o.trim()) ?? "";
+      return !u.has(a);
+    }) ? (t({
+      type: c.Warning,
+      message: r("newsletter.coupon-tag-modified")
+    }), !1) : !0;
+  } };
+};
+export {
+  A as useCouponBlockValidator
+};

package/dist/composables/validators/useLiquidValidator.js

@@ -1,38 +1,38 @@
-import { ToasterTypeOptions as r } from "../../enums/toaster.js";
+import { ToasterTypeOptions as a } from "../../enums/toaster.js";
 import { base64EncodeWithSpecialChars as u } from "../../utils/base64.js";
 import { useHttp as d } from "../useHttp.js";
 import { useToaster as c } from "../useToaster.js";
 import { useTranslations as p } from "../useTranslations.js";
 const v = () => {
-  const { post: n } = d(), { showToaster: e } = c(), a = p();
-  return { validateLiquidSyntax: async (i) => {
+  const { post: i } = d(), { showToaster: e } = c(), s = p();
+  return { validateLiquidSyntax: async (o) => {
     try {
-      const t = await n("/newsletter/contents/validate-syntax", [{
+      const t = await i("/newsletter/contents/validate-syntax", [{
         identifier: "default",
         syntax: "liquid",
         contents: {
           subject: null,
           preheader: null,
-          html: u(i),
+          html: u(o),
           ampHtml: null
         }
       }]);
       if (!Array.isArray(t.data)) {
         const l = t.data;
         return e({
-          type: r.Warning,
-          message: l.message ?? a("journey-builder.liquid-validation-failed")
+          type: a.Warning,
+          message: l.message ?? s("journey-builder.liquid-validation-failed")
         }), !1;
       }
-      const [o] = t.data, s = Object.values(o?.errors ?? {});
-      return s.length ? (e({
-        type: r.Warning,
-        message: s[0].replace(/^line \d+:\s*/, "")
+      const [r] = t.data, n = Object.values((r == null ? void 0 : r.errors) ?? {});
+      return n.length ? (e({
+        type: a.Warning,
+        message: n[0].replace(/^line \d+:\s*/, "")
       }), !1) : !0;
     } catch {
       return e({
-        type: r.Alert,
-        message: a("journey-builder.liquid-validation-failed")
+        type: a.Alert,
+        message: s("journey-builder.liquid-validation-failed")
       }), !1;
     }
   } };

package/dist/config/compiler/recommendationCompilerRules.js

@@ -1,5 +1,5 @@
 import { useRecommendation as C } from "../../composables/useRecommendation.js";
-import { DUMMY_IMAGE_MAPPINGS as h, REGEX as T, VerticalOrientation as M, CSS as E, ATTRIBUTES as A, CONDITIONS as g, HTML as N } from "../../enums/recommendation.js";
+import { DUMMY_IMAGE_MAPPINGS as y, REGEX as T, VerticalOrientation as M, CSS as E, ATTRIBUTES as A, CONDITIONS as g, HTML as N } from "../../enums/recommendation.js";
 import { prepareRecommendationBlocks as x } from "./utils/recommendationCompilerUtils.js";
 const w = [
   {
@@ -8,7 +8,7 @@ const w = [
     type: "custom",
     processor: (c) => {
       let e = c;
-      return Object.entries(h).forEach(([, l]) => {
+      return Object.entries(y).forEach(([, l]) => {
         Object.entries(l).forEach(([n, s]) => {
           e = e.replaceAll(s, `{{${n}}}`);
         });
@@ -36,7 +36,7 @@ const w = [
       if (s) {
         const a = [];
         if (s.forEach((i) => {
-          const d = /recommendation-id="(.*?)"/i.exec(i), _ = d ? d[1].trim() : "", R = l(_);
+          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;`;
@@ -65,20 +65,20 @@ const w = [
         const a = s.match(T.CUSTOM_FIELD);
         if (!a)
           return;
-        const [i] = a, d = i.match(T.CUSTOM_FIELD_INDEXES_PART), _ = i.match(T.CUSTOM_FIELD_NAME_PART), R = s.match(T.ATTRIBUTE_PARAGRAPH_START_TAG);
-        if (!d || !_ || !R)
+        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)
           return;
-        const [S] = d, [b] = _, [m] = R, o = b.substring(1, b.length - 2), r = m.match(T.COMPOSITION) !== null;
+        const [S] = u, [b] = _, [d] = R, o = b.substring(1, b.length - 2), r = d.match(T.COMPOSITION) !== null;
         let t = i;
         if (r) {
-          const I = S.substring(2, S.length - 3), p = n(I);
-          o === A.OMNIBUS_PRICE && (p.priceBeforeTextValue && (t = `${p.priceBeforeTextValue}${t}`), p.priceAfterTextValue && (t = `${t}${p.priceAfterTextValue}`)), o === A.OMNIBUS_DISCOUNT && (p.discountBeforeTextValue && (t = `${p.discountBeforeTextValue}${t}`), p.discountAfterTextValue && (t = `${t}${p.discountAfterTextValue}`));
+          const I = S.substring(2, S.length - 3), m = n(I);
+          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 u = S.substring(2);
+        const p = S.substring(2);
         let f = "";
-        o in g.IF && (f = g.IF[o].replaceAll(`{${A.DISCOUNT}}`, `${u}${A.DISCOUNT}`).replaceAll(`{${A.OMNIBUS_DISCOUNT}}`, `${u}${A.OMNIBUS_DISCOUNT}`).replaceAll(`{${A.OMNIBUS_PRICE}}`, `${u}${A.OMNIBUS_PRICE}`));
-        const $ = `${m}${t}${N.PARAGRAPH_END_TAG}`, y = `${f}${r ? $ : s}${g.ELSE}${m}${N.PARAGRAPH_END_TAG}${g.END_IF}`;
-        e = e.replace(s, y);
+        o in g.IF && (f = g.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 $ = `${d}${t}${N.PARAGRAPH_END_TAG}`, h = `${f}${r ? $ : s}${g.ELSE}${d}${N.PARAGRAPH_END_TAG}${g.END_IF}`;
+        e = e.replace(s, h);
       }), e;
     },
     priority: 53
@@ -136,7 +136,7 @@ const w = [
         /@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((d) => a.test(d)) ? "" : l;
+          return s.every((u) => a.test(u)) ? "" : l;
         }
       )), e;
     },
@@ -151,7 +151,7 @@ const w = [
         /<a\b[^>]*\bes-button\b[^>]*>/g,
         (o) => o.replace(
           /([;"]color:)([^;"]+)/g,
-          (r, t, u) => u.includes("!important") ? r : `${t}${u} !important`
+          (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);
@@ -163,12 +163,12 @@ const w = [
         }
         n.lastIndex = 0, a = l.exec(e);
       }
-      const i = /* @__PURE__ */ new Map(), d = [];
+      const i = /* @__PURE__ */ new Map(), u = [];
       let _ = 0;
       if (s.forEach((o, r) => {
-        if (o >= 6) {
-          const t = `rc${_++}`;
-          i.set(r, t), d.push(`.${t}{${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;
@@ -182,23 +182,23 @@ const w = [
           caseB: new RegExp(` style="${t}"((?:[^>]*?))(class="[^"]*")`, "g")
         });
       });
-      let m = e.replace("</style>", `${d.join("")}</style>`);
-      return m = m.replace(
+      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((u, f) => {
+          return i.forEach((p, f) => {
             const $ = b.get(f);
             t = t.replace(
               $.caseA,
-              (y, I, p) => S(I, u) + p
+              (h, I, m) => S(I, p) + m
             ), t = t.replace(
               $.caseB,
-              (y, I, p) => I + S(p, u)
-            ), t = t.replaceAll(` style="${f}"`, ` class="${u}"`);
+              (h, I, m) => I + S(m, p)
+            ), t = t.replaceAll(` style="${f}"`, ` class="${p}"`);
           }), t;
         }
-      ), m = m.replaceAll("<!--REC_START-->", ""), m = m.replaceAll("<!--REC_END-->", ""), m;
+      ), d = d.replaceAll("<!--REC_START-->", ""), d = d.replaceAll("<!--REC_END-->", ""), d;
     },
     priority: 58
   }

package/dist/config/compiler/unsubscribeCompilerRules.js

@@ -1,41 +1,43 @@
-import { usePartner as I } from "../../composables/usePartner.js";
-import { LINK_REGEXES as p, PRODUCT_TYPE_URL_SEGMENTS as S, LINK_TYPES as R, INSIDER_ID as m, URLS as _ } from "../../enums/unsubscribe.js";
-import { parsePageList as U } from "../../extensions/Blocks/Unsubscribe/utils/utils.js";
-import { useConfigStore as N } from "../../stores/config.js";
-import { useDynamicContentStore as C } from "../../stores/dynamic-content.js";
-import { useUnsubscribeStore as L } from "../../stores/unsubscribe.js";
-import { ProductType as P } from "../../@types/config/schemas.js";
-const $ = [
+import { usePartner as U } from "../../composables/usePartner.js";
+import { LINK_REGEXES as p, PRODUCT_TYPE_URL_SEGMENTS as R, LINK_TYPES as _, INSIDER_ID as m, URLS as y } from "../../enums/unsubscribe.js";
+import { parsePageList as N } from "../../extensions/Blocks/Unsubscribe/utils/utils.js";
+import { useConfigStore as C } from "../../stores/config.js";
+import { useDynamicContentStore as L } from "../../stores/dynamic-content.js";
+import { useUnsubscribeStore as P } from "../../stores/unsubscribe.js";
+import { ProductType as B } from "../../@types/config/schemas.js";
+import "../../@types/config/defaults.js";
+const F = [
   {
     id: "add-unsubscribe-link-values",
     description: "Adding unsubscribe link values",
     type: "custom",
     processor: (s) => {
-      const { getPartnerName: i } = I(), n = N(), t = C(), E = L(), c = n.variationId;
+      const { getPartnerName: i } = U(), n = C(), t = L(), E = P(), c = n.variationId;
       if (!c)
         return s;
-      const r = S[n.productType] ?? S[P.EMAIL];
+      const r = R[n.productType] ?? R[B.EMAIL];
       let e = s;
       const d = `/${i()}/${r}/${c}?user={{iid}}`, f = new DOMParser().parseFromString(e, "text/html").querySelectorAll(".unsubscribe-block-v2[data-unsubscribe-page-list]");
       let a = !1, l = !1;
       return f.forEach((g) => {
+        var S;
         const u = g.getAttribute("data-unsubscribe-page-list");
         if (!u)
           return;
-        const y = U(u), b = E.templates?.filter(
-          (o) => y.includes(o.id)
-        ) ?? [];
-        a = a || b.some((o) => o.type === R.UNSUBSCRIBE_LINK_TYPE), l = l || b.some((o) => o.type === R.PREFERENCES_LINK_TYPE);
+        const I = N(u), b = ((S = E.templates) == null ? void 0 : S.filter(
+          (o) => I.includes(o.id)
+        )) ?? [];
+        a = a || b.some((o) => o.type === _.UNSUBSCRIBE_LINK_TYPE), l = l || b.some((o) => o.type === _.PREFERENCES_LINK_TYPE);
       }), (a || l) && (t.selectedDynamicContentList.some((u) => u.value === m) || t.selectedDynamicContentList.push({
         text: m,
         value: m,
         fallback: ""
       })), a && (e = e.replace(
         p.GLOBAL_UNSUBSCRIBE_LINK_REGEX,
-        _.UNSUBSCRIBE_URL + d
+        y.UNSUBSCRIBE_URL + d
       )), l && (e = e.replace(
         p.PREFERENCES_UNSUBSCRIBE_LINK_REGEX,
-        _.PREFERENCES_URL + d
+        y.PREFERENCES_URL + d
       )), f.length && (e = e.replace(p.UNSUBSCRIBE_LINK_REGEX, "")), e;
     },
     priority: 60
@@ -79,5 +81,5 @@ const $ = [
   }
 ];
 export {
-  $ as unsubscribeCompilerRules
+  F as unsubscribeCompilerRules
 };

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

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