@useinsider/guido 3.27.0 → 3.27.1-beta.842075e

package/dist/composables/useRecommendation.js

@@ -3,9 +3,9 @@ import { MinDeviceViewport as C, DefaultPadding as R } from "../enums/recommenda
 import { useRecommendationExtensionStore as g } from "../extensions/Blocks/Recommendation/store/recommendation.js";
 import { generateCompleteFilterQuery as b } from "../extensions/Blocks/Recommendation/utils/filterUtil.js";
 import { getPartnerRecommendationParams as h } from "../extensions/Blocks/Recommendation/utils/partnerCustomizations.js";
-import { sanitizeProductIds as x } from "../extensions/Blocks/Recommendation/utils/productIds.js";
-import { useConfigStore as P } from "../stores/config.js";
-const B = () => ({
+import { sanitizeProductIds as P } from "../extensions/Blocks/Recommendation/utils/productIds.js";
+import { useConfigStore as S } from "../stores/config.js";
+const M = () => ({
   calculateCardWidth: ({
     mobileLeftPadding: s,
     mobileRightPadding: c,
@@ -24,11 +24,7 @@ const B = () => ({
         mobileLeftPadding: 0,
         mobileRightPadding: 0,
         cardsInRow: 2,
-        unresponsive: !1,
-        priceBeforeTextValue: "",
-        priceAfterTextValue: "",
-        discountBeforeTextValue: "",
-        discountAfterTextValue: ""
+        unresponsive: !1
       };
     const { recommendationConfigs: i } = a, e = i.orientation === "grid" ? "vertical" : "horizontal";
     return {
@@ -37,16 +33,12 @@ const B = () => ({
       mobileLeftPadding: 0,
       mobileRightPadding: 0,
       cardsInRow: i.cardsInRow,
-      unresponsive: i.unresponsive,
-      priceBeforeTextValue: "",
-      priceAfterTextValue: "",
-      discountBeforeTextValue: "",
-      discountAfterTextValue: ""
+      unresponsive: i.unresponsive
     };
   },
   buildCampaignUrl: (s, c) => {
     var l;
-    const o = g(), a = P(), i = Number(s);
+    const o = g(), a = S(), i = Number(s);
     let e;
     if (c)
       e = c;
@@ -78,7 +70,7 @@ const B = () => ({
       return delete r[s], o.recommendationCampaignUrls = r, "";
     }
     const t = new URLSearchParams();
-    t.set("locale", e.language), t.set("currency", e.currencyCode), t.set("partnerName", a.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", a.variationId), e.strategy === "manualMerchandising" ? t.set("productId", x(e.productIds)) : e.strategy === "similarViewed" && t.set("productId", "{itemId}"), e.strategy === "userBased" && t.set("userId", "{user_id}");
+    t.set("locale", e.language), t.set("currency", e.currencyCode), t.set("partnerName", a.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", a.variationId), e.strategy === "manualMerchandising" ? t.set("productId", P(e.productIds)) : e.strategy === "similarViewed" && t.set("productId", "{itemId}"), e.strategy === "userBased" && t.set("userId", "{user_id}");
     const f = e.filters.filter((r) => r.isValid), m = b(f);
     m && t.set("filter", m), e.shuffleProducts && t.set("shuffle", "true"), Object.entries(h(a.partnerName, e.strategy)).forEach(([r, n]) => t.set(r, n));
     const p = decodeURIComponent(t.toString()), u = `${I.RECOMMENDATION_API_URL}/v2/${d}?${p}`;
@@ -86,5 +78,5 @@ const B = () => ({
   }
 });
 export {
-  B as useRecommendation
+  M as useRecommendation
 };

package/dist/config/compiler/recommendationCompilerRules.js

@@ -1,14 +1,14 @@
-import { useRecommendation as N } from "../../composables/useRecommendation.js";
-import { DUMMY_IMAGE_MAPPINGS as h, REGEX as d, VerticalOrientation as $, CSS as n, ATTRIBUTES as p, CONDITIONS as A, HTML as g } from "../../enums/recommendation.js";
-import { prepareRecommendationBlocks as O } from "./utils/recommendationCompilerUtils.js";
-const H = [
+import { useRecommendation as R } from "../../composables/useRecommendation.js";
+import { DUMMY_IMAGE_MAPPINGS as A, REGEX as m, VerticalOrientation as y, CSS as n, CONDITIONS as u, ATTRIBUTES as l, HTML as I } from "../../enums/recommendation.js";
+import { prepareRecommendationBlocks as S } from "./utils/recommendationCompilerUtils.js";
+const f = [
   {
     id: "replace-images-with-variable-names",
     description: "Replacing dummy images with variable names in recommendation module",
     type: "custom",
     processor: (t) => {
       let e = t;
-      return Object.entries(h).forEach(([, r]) => {
+      return Object.entries(A).forEach(([, r]) => {
         Object.entries(r).forEach(([o, i]) => {
           e = e.replaceAll(i, `{{${o}}}`);
         });
@@ -42,17 +42,17 @@ const H = [
     description: "Adding recommendation unresponsive css",
     type: "custom",
     processor: (t) => {
-      const { calculateCardWidth: e, getRecommendationCampaignData: r } = N();
+      const { calculateCardWidth: e, getRecommendationCampaignData: r } = R();
       let o = t;
-      const i = o.match(d.ID);
+      const i = o.match(m.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;`;
-          o = o.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);
+        const c = [];
+        if (i.forEach((s) => {
+          const a = /recommendation-id="(.*?)"/i.exec(s), d = a ? a[1].trim() : "", p = r(d);
+          p.textTrimming && p.orientation === y && c.push(e(p));
+        }), c.length) {
+          const s = `width:${Math.min(...c)}px!important;`;
+          o = o.replace(n.REGULAR_NAME_HEIGHT, `${n.TRIMMED_NAME_HEIGHT} ${s} ${n.ELLIPSIS}`).replace(n.REGULAR_NAME_CONTAINER_HEIGHT, n.TRIMMED_NAME_CONTAINER_CSS).replace(n.RESPONSIVE_NAME_SIZE, `${n.RESPONSIVE_NAME_HEIGHT} ${s} ${n.ELLIPSIS}`).replace(n.RESPONSIVE_NAME_CONTAINER_HEIGHT, n.TRIMMED_RESPONSIVE_NAME_CONTAINER_CSS);
         }
       }
       return o;
@@ -63,36 +63,24 @@ const H = [
     id: "prepare-recommendations",
     description: "Replacing product data with template variables in recommendation blocks",
     type: "custom",
-    processor: (t) => O(t),
+    processor: (t) => S(t),
     priority: 48
   },
   {
     id: "add-discount-conditions",
     description: "Adding discount conditions to the recommendation block",
     type: "custom",
-    processor: (t) => {
-      let e = t;
-      const r = e.match(d.ATTRIBUTE_PARAGRAPH), { getRecommendationCampaignData: o } = N();
-      return r !== null && r.forEach((i) => {
-        const s = i.match(d.CUSTOM_FIELD);
-        if (!s)
-          return;
-        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 [T] = m, [I] = E, [_] = u, b = I.substring(1, I.length - 2), S = _.match(d.COMPOSITION) !== null;
-        let a = c;
-        if (S) {
-          const y = T.substring(2, T.length - 3), l = o(y);
-          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 R = T.substring(2);
-        let f = "";
-        b in A.IF && (f = A.IF[b].replaceAll(`{${p.DISCOUNT}}`, `${R}${p.DISCOUNT}`).replaceAll(`{${p.OMNIBUS_DISCOUNT}}`, `${R}${p.OMNIBUS_DISCOUNT}`).replaceAll(`{${p.OMNIBUS_PRICE}}`, `${R}${p.OMNIBUS_PRICE}`));
-        const M = `${_}${a}${g.PARAGRAPH_END_TAG}`, C = `${f}${S ? M : i}${A.ELSE}${_}${g.PARAGRAPH_END_TAG}${A.END_IF}`;
-        e = e.replace(i, C);
-      }), e;
-    },
+    processor: (t) => t.replace(m.ATTRIBUTE_PARAGRAPH, (e) => {
+      const r = e.match(m.CUSTOM_FIELD);
+      if (!r)
+        return e;
+      const [o] = r, i = o.match(m.CUSTOM_FIELD_INDEXES_PART), c = o.match(m.CUSTOM_FIELD_NAME_PART), s = e.match(m.ATTRIBUTE_PARAGRAPH_START_TAG);
+      if (!i || !c || !s)
+        return e;
+      const [a] = i, [d] = c, [p] = s, b = d.substring(1, d.length - 2), E = a.substring(2);
+      let _ = "";
+      return b in u.IF && (_ = u.IF[b].replaceAll(`{${l.DISCOUNT}}`, `${E}${l.DISCOUNT}`).replaceAll(`{${l.OMNIBUS_DISCOUNT}}`, `${E}${l.OMNIBUS_DISCOUNT}`).replaceAll(`{${l.OMNIBUS_PRICE}}`, `${E}${l.OMNIBUS_PRICE}`)), `${_}${e}${u.ELSE}${p}${I.PARAGRAPH_END_TAG}${u.END_IF}`;
+    }),
     priority: 53
   },
   {
@@ -147,8 +135,8 @@ const H = [
       ), e = e.replace(
         /@media[^{]*max-width\s*:\s*480px[^{]*\{((?:[^{}]*\{[^{}]*\})*[^{}]*)\}/g,
         (r, o) => {
-          const i = o.match(/[^{}]+\{[^{}]*\}/g) || [], s = /ins-recommendation|product-image-cell|button-cell|product-info-cell/;
-          return i.every((m) => s.test(m)) ? "" : r;
+          const i = o.match(/[^{}]+\{[^{}]*\}/g) || [], c = /ins-recommendation|product-image-cell|button-cell|product-info-cell/;
+          return i.every((a) => c.test(a)) ? "" : r;
         }
       )), e;
     },
@@ -208,5 +196,5 @@ const H = [
   }
 ];
 export {
-  H as recommendationCompilerRules
+  f as recommendationCompilerRules
 };

package/dist/config/migrator/unsubscribeMigrator.js

@@ -1,146 +1,158 @@
-var x = Object.defineProperty;
-var B = (c, e, r) => e in c ? x(c, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : c[e] = r;
-var A = (c, e, r) => B(c, typeof e != "symbol" ? e + "" : e, r);
-import { MERGE_TAGS as f, PAGE_TYPES as p } from "../../enums/unsubscribe.js";
-import { UNSUBSCRIBE_BLOCK_SELECTOR as h, DATA_ATTRIBUTES as k } from "../../extensions/Blocks/Unsubscribe/utils/constants.js";
-import { useUnsubscribeStore as C } from "../../stores/unsubscribe.js";
-class $ {
+var _ = Object.defineProperty;
+var $ = (f, e, t) => e in f ? _(f, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : f[e] = t;
+var k = (f, e, t) => $(f, typeof e != "symbol" ? e + "" : e, t);
+import { MERGE_TAGS as c, PAGE_TYPES as T } from "../../enums/unsubscribe.js";
+import { UNSUBSCRIBE_BLOCK_SELECTOR as y, DATA_ATTRIBUTES as d, UNSUBSCRIBE_MERGE_TAG_REGEX as h } from "../../extensions/Blocks/Unsubscribe/utils/constants.js";
+import { swapMergeTagInHref as B } from "../../extensions/Blocks/Unsubscribe/utils/swapMergeTagInHref.js";
+import { parsePageList as P } from "../../extensions/Blocks/Unsubscribe/utils/utils.js";
+import { useUnsubscribeStore as M } from "../../stores/unsubscribe.js";
+import { escapeHtml as A } from "../../utils/htmlEscape.js";
+const S = "unsubscribe", N = "You can ", R = " from our emails, if you need to.", C = "{-{-UNSUBSCRIBE-LINK-}-}";
+class H {
   constructor() {
-    A(this, "parser");
+    k(this, "parser");
     this.parser = new DOMParser();
   }
   async migrate(e) {
     try {
-      const r = this.parser.parseFromString(e, "text/html"), t = r.querySelectorAll("td.unsubscribe-block");
-      if (t.length) {
-        const s = C();
-        await s.fetchTemplates(), this.migrateLegacyBlocks(t, s);
+      const t = this.parser.parseFromString(e, "text/html"), r = t.querySelectorAll("td.unsubscribe-block");
+      if (r.length) {
+        const i = M();
+        await i.fetchTemplates(), this.migrateLegacyBlocks(r, i, this.collectBlockTags(t, i));
       }
-      const n = this.repairUnsubscribeLinks(r);
-      return !t.length && !n ? e : r.documentElement.outerHTML;
-    } catch (r) {
-      return console.error("UnsubscribeMigrator failed:", r), e;
+      const s = this.repairUnsubscribeLinks(t);
+      return !r.length && !s ? e : t.documentElement.outerHTML;
+    } catch (t) {
+      return console.error("UnsubscribeMigrator failed:", t), e;
     }
   }
-  migrateLegacyBlocks(e, r) {
-    e.forEach((t) => {
-      const n = t.getAttribute("id"), s = this.extractPaddingClass(t), l = t.getAttribute("bgcolor") || "", a = this.extractUnsubscribeContent(t), o = this.getCollectionTypeFromMergeTag(a.linkHref), b = r.getSelectedUnsubscribePagesByCollection(o);
+  migrateLegacyBlocks(e, t, r) {
+    e.forEach((s) => {
+      const i = s.getAttribute("id"), n = this.extractPaddingClass(s), o = s.getAttribute("bgcolor") || "", a = this.extractUnsubscribeContent(s, r), b = this.getCollectionTypeFromMergeTag(a.linkHref), u = t.getSelectedUnsubscribePagesByCollection(b);
       console.debug("[UnsubscribeMigrator]", {
         mergeTag: a.linkHref,
-        collectionType: o,
-        pageIds: b,
-        paddingClass: s,
-        bgColor: l
+        collectionType: b,
+        pageIds: u,
+        paddingClass: n,
+        bgColor: o
       });
-      const u = this.buildUnsubscribeBlock(
+      const l = this.buildUnsubscribeBlock(
         a,
-        o,
         b,
-        s,
-        l
-      ), i = this.parser.parseFromString(
-        `<table id="tempDoc"><tbody><tr>${u}</tr></tbody></table>`,
+        u,
+        n,
+        o
+      ), g = this.parser.parseFromString(
+        `<table id="tempDoc"><tbody><tr>${l}</tr></tbody></table>`,
         "text/html"
-      ).querySelector(h);
-      i && t.parentNode && (i.setAttribute("id", n || ""), t.parentNode.replaceChild(i, t));
+      ).querySelector(y);
+      g && s.parentNode && (g.setAttribute("id", i || ""), s.parentNode.replaceChild(g, s));
     });
   }
+  // The compiler resolves a typed tag only through a block that lists pages, so a page-less block carries no tag.
+  collectBlockTags(e, t) {
+    const r = /* @__PURE__ */ new Set();
+    return e.querySelectorAll(y).forEach((s) => {
+      var a, b, u;
+      if (!P(s.getAttribute(d.PAGE_LIST) || "").length)
+        return;
+      const i = Number(s.getAttribute(d.PAGE_TYPE)), n = c[i];
+      if (n) {
+        r.add(n);
+        return;
+      }
+      const o = (u = (b = (a = this.findLinkCandidates(s).primary) == null ? void 0 : a.getAttribute("href")) == null ? void 0 : b.match(h)) == null ? void 0 : u[0];
+      o && r.add(c[this.getCollectionTypeFromMergeTag(o)]);
+    }), e.querySelectorAll("td.unsubscribe-block").forEach((s) => {
+      const i = this.getCollectionTypeFromMergeTag(this.getLegacyLinkTag(s));
+      t.getSelectedUnsubscribePagesByCollection(i).length && r.add(c[i]);
+    }), r;
+  }
+  // Mirrors extractUnsubscribeContent: without a <p> the block migrates on the default tag.
+  getLegacyLinkTag(e) {
+    var r, s;
+    const { primary: t } = this.findLinkCandidates(e);
+    return !t || !(t.closest("p") || e.querySelector("p")) ? c.default : ((s = (r = t.getAttribute("href")) == null ? void 0 : r.match(h)) == null ? void 0 : s[0]) ?? c.default;
+  }
   // Re-derives the typed merge tag from data-unsubscribe-page-type for any v2
   // block whose anchor href is missing or the legacy default. Returns true when
   // at least one href was rewritten. Typed tags and custom URLs are left intact.
   repairUnsubscribeLinks(e) {
-    const r = e.querySelectorAll(`${h}[${k.PAGE_TYPE}]`);
-    let t = !1;
-    return r.forEach((n) => {
-      const s = n.querySelector('a[data-unsubscribe-link="true"], a.unsubscribe-link');
-      if (!s)
+    const t = e.querySelectorAll(`${y}[${d.PAGE_TYPE}]`);
+    let r = !1;
+    return t.forEach((s) => {
+      const i = s.querySelector('a[data-unsubscribe-link="true"], a.unsubscribe-link');
+      if (!i)
         return;
-      const l = s.getAttribute("href") || "";
-      if (l && l !== f.default)
+      const n = i.getAttribute("href") || "";
+      if (n && n !== c.default)
         return;
-      const a = Number(n.getAttribute(k.PAGE_TYPE)), o = f[a];
-      o && (s.setAttribute("href", o), t = !0);
-    }), t;
+      const o = Number(s.getAttribute(d.PAGE_TYPE)), a = c[o];
+      a && (i.setAttribute("href", a), r = !0);
+    }), r;
   }
   extractPaddingClass(e) {
-    const t = (e.getAttribute("class") || "").match(/\bes-p\d+\b/);
-    return t ? t[0] : "";
+    const r = (e.getAttribute("class") || "").match(/\bes-p\d+\b/);
+    return r ? r[0] : "";
+  }
+  hasVisibleContent(e) {
+    var t;
+    return !!((t = e.textContent) != null && t.trim() || e.querySelector("img"));
+  }
+  findLinkCandidates(e) {
+    const t = Array.from(/* @__PURE__ */ new Set([
+      ...Array.from(e.querySelectorAll("a.unsubscribe-link")),
+      ...Array.from(e.querySelectorAll('a[href*="unsubscribe"]'))
+    ])), r = (n) => h.test(n.getAttribute("href") || ""), s = (n) => this.hasVisibleContent(n), i = t.find((n) => s(n) && r(n)) ?? t.find((n) => s(n) && n.classList.contains("unsubscribe-link")) ?? t.find(r) ?? t.find(s) ?? t[0];
+    return { candidates: t, primary: i };
   }
-  extractUnsubscribeContent(e) {
-    var d;
-    const r = e.querySelector("a.unsubscribe-link") || e.querySelector('a[href*="unsubscribe"]'), t = (r == null ? void 0 : r.closest("p")) || e.querySelector("p");
-    if (!t)
-      return {
-        textBefore: "You can ",
-        linkText: "unsubscribe",
-        linkHref: "{{ins-unsubscribe-link}}",
-        linkStyle: "",
-        textAfter: " from our emails, if you need to.",
-        isBold: !1,
-        isItalic: !1,
-        align: "center",
-        paragraphStyle: ""
-      };
-    const n = e.getAttribute("align") || t.getAttribute("align") || "center", s = t.getAttribute("style") || "";
-    if (!r)
-      return {
-        textBefore: "You can ",
-        linkText: "unsubscribe",
-        linkHref: "{{ins-unsubscribe-link}}",
-        linkStyle: "",
-        textAfter: " from our emails, if you need to.",
-        isBold: !1,
-        isItalic: !1,
-        align: n,
-        paragraphStyle: s
-      };
-    const l = ((d = r.textContent) == null ? void 0 : d.trim()) || "unsubscribe", a = r.getAttribute("href") || "{{ins-unsubscribe-link}}", o = r.getAttribute("style") || "", b = t.textContent || "", u = b.indexOf(l), g = u >= 0 ? b.substring(0, u).trim() : "You can ", i = u >= 0 ? b.substring(u + l.length).trim() : " from our emails, if you need to.", m = !!t.querySelector("b, strong"), y = !!t.querySelector("i, em");
-    return {
-      textBefore: g,
-      linkText: l,
-      linkHref: this.normalizeUnsubscribeHref(a),
-      linkStyle: o,
-      textAfter: i,
-      isBold: m,
-      isItalic: y,
-      align: n,
-      paragraphStyle: s
+  extractUnsubscribeContent(e, t) {
+    const r = e.cloneNode(!0), { candidates: s, primary: i } = this.findLinkCandidates(r), n = (i == null ? void 0 : i.closest("p")) ?? null, o = n || r.querySelector("p"), a = {
+      footerHtml: "",
+      linkText: S,
+      linkHref: c.default,
+      linkStyle: "",
+      align: "center",
+      paragraphStyle: ""
     };
+    if (!o || (a.align = e.getAttribute("align") || o.getAttribute("align") || "center", n || (a.paragraphStyle = o.getAttribute("style") || ""), !i))
+      return a;
+    a.linkText = this.hasVisibleContent(i) ? i.innerHTML.trim() : S, a.linkHref = this.normalizeUnsubscribeHref(i.getAttribute("href") || c.default), a.linkStyle = i.getAttribute("style") || "";
+    const b = this.getCollectionTypeFromMergeTag(a.linkHref), u = c[b];
+    return r.querySelectorAll("a[href]").forEach((l) => {
+      var m;
+      const p = l.getAttribute("href") || "", g = (m = p.match(h)) == null ? void 0 : m[0];
+      g && l.setAttribute("href", B(p, t.has(g) ? g : u));
+    }), s.filter((l) => l !== i && !this.hasVisibleContent(l)).forEach((l) => l.replaceWith(...Array.from(l.childNodes))), i.replaceWith(r.ownerDocument.createTextNode(C)), a.footerHtml = r.innerHTML.trim(), a;
   }
-  buildUnsubscribeBlock(e, r, t, n, s) {
-    const l = e.linkStyle ? ` style="${e.linkStyle}"` : "", u = `<a ${`href="${Object.values(f).includes(e.linkHref) ? f[r] : e.linkHref}" class="unsubscribe-link" target="_blank" data-unsubscribe-link="true"`}${l}>${e.linkText}</a>`, g = [];
-    e.textBefore && g.push(e.textBefore), g.push(u), e.textAfter && g.push(e.textAfter);
-    let i = g.join(" ");
-    e.isBold && e.isItalic ? i = `<strong path="1,0"><em path="1,0,0">${i}</em></strong>` : e.isBold ? i = `<strong path="1,0">${i}</strong>` : e.isItalic && (i = `<em path="1,0">${i}</em>`);
-    const m = e.align ? ` align="${e.align}"` : "", y = s ? ` bgcolor="${s}"` : "", d = e.paragraphStyle ? ` style="${e.paragraphStyle}"` : "", T = t.length > 0 ? ` ${k.PAGE_LIST}="${t.join(",")}"` : "", E = ` ${k.PAGE_TYPE}="${r}"`, S = "esd-block-text unsubscribe-block-v2 esd-block-unsubscribe esd-unsubscribe-block esd-extension-block";
+  buildUnsubscribeBlock(e, t, r, s, i) {
+    const n = e.linkStyle ? ` style="${A(e.linkStyle)}"` : "", a = Object.values(c).includes(e.linkHref) ? c[t] : e.linkHref, u = `<a ${`href="${A(a)}" class="unsubscribe-link" target="_blank" data-unsubscribe-link="true"`}${n}>${e.linkText}</a>`, l = e.paragraphStyle ? ` style="${A(e.paragraphStyle)}"` : "", p = e.footerHtml ? e.footerHtml.replace(C, () => u) : `<p path="1"${l}>${N}${u}${R}</p>`, g = e.align ? ` align="${e.align}"` : "", m = i ? ` bgcolor="${i}"` : "", L = r.length > 0 ? ` ${d.PAGE_LIST}="${r.join(",")}"` : "", U = ` ${d.PAGE_TYPE}="${t}"`, E = "esd-block-text unsubscribe-block-v2 esd-block-unsubscribe esd-unsubscribe-block esd-extension-block";
     return `
             <td
                 data-migration="true"
                 esd-extension-block-id="unsubscribe-block"
-                class="${n ? `${S} ${n}` : S}"
-                ${m}${y}${E}${T}
+                class="${s ? `${E} ${s}` : E}"
+                ${g}${m}${U}${L}
             >
-                <p path="1"${d}>
-                    ${i}
-                </p>
+                ${p}
             </td>
         `;
   }
   getCollectionTypeFromMergeTag(e) {
-    return e === f[p.SUBSCRIPTION_PREFERENCE_CENTER] ? p.SUBSCRIPTION_PREFERENCE_CENTER : e === f[p.GLOBAL_UNSUBSCRIBE] ? p.GLOBAL_UNSUBSCRIBE : p.GLOBAL_UNSUBSCRIBE;
+    return e === c[T.SUBSCRIPTION_PREFERENCE_CENTER] ? T.SUBSCRIPTION_PREFERENCE_CENTER : e === c[T.GLOBAL_UNSUBSCRIBE] ? T.GLOBAL_UNSUBSCRIBE : T.GLOBAL_UNSUBSCRIBE;
   }
   normalizeUnsubscribeHref(e) {
-    if (Object.values(f).includes(e))
+    if (Object.values(c).includes(e))
       return e;
-    const t = e.match(/{{ins-(?:global-)?(?:preferences-)?unsubscribe-link}}/);
-    return t ? t[0] : e.includes("unsubscribe") || e.includes("unsub") ? (console.warn(
+    const r = e.match(/{{ins-(?:global-)?(?:preferences-)?unsubscribe-link}}/);
+    return r ? r[0] : e.includes("unsubscribe") || e.includes("unsub") ? (console.warn(
       `[UnsubscribeMigrator] Unrecognized unsubscribe href format: "${e}". Defaulting to {{ins-unsubscribe-link}}`
     ), "{{ins-unsubscribe-link}}") : e;
   }
 }
-async function M(c) {
-  return new $().migrate(c);
+async function Y(f) {
+  return new H().migrate(f);
 }
 export {
-  M as migrateUnsubscribe
+  Y as migrateUnsubscribe
 };

package/dist/enums/recommendation.js

@@ -27,13 +27,12 @@ const e = 20, t = 320, s = "vertical", m = {
   ID: /recommendation-id="(.*?)"/gi,
   ATTRIBUTE_PARAGRAPH: /<p[^>]*?product-attr="(discount|omnibus_discount|omnibus_price)"[^>]*>[\S\s]*?<\/p>/gm,
   ATTRIBUTE_PARAGRAPH_START_TAG: /<p[^>]*?product-attr="(discount|omnibus_discount|omnibus_price)"[^>]*>/gm,
-  COMPOSITION: /composition="true"/gm,
   CUSTOM_FIELD: /{{(?:reco_)?[0-9]+_[0-8]_(discount|omnibus_discount|omnibus_price)}}/gm,
   CUSTOM_FIELD_INDEXES_PART: /{{(?:reco_)?[0-9]+_[0-8]_/gm,
   CUSTOM_FIELD_NAME_PART: /_(discount|omnibus_discount|omnibus_price)}}/gm
-}, o = {
-  PARAGRAPH_END_TAG: "</p>"
 }, a = {
+  PARAGRAPH_END_TAG: "</p>"
+}, o = {
   REGULAR_NAME_HEIGHT: ".ext-product-name.ins-vertical p { height:90px!important;",
   TRIMMED_NAME_HEIGHT: ".ext-product-name.ins-vertical p { height:18px!important;",
   ELLIPSIS: "text-overflow:ellipsis!important; white-space:nowrap!important;",
@@ -47,10 +46,10 @@ const e = 20, t = 320, s = "vertical", m = {
 export {
   i as ATTRIBUTES,
   _ as CONDITIONS,
-  a as CSS,
+  o as CSS,
   m as DUMMY_IMAGE_MAPPINGS,
   e as DefaultPadding,
-  o as HTML,
+  a as HTML,
   t as MinDeviceViewport,
   n as REGEX,
   s as VerticalOrientation

package/dist/extensions/Blocks/Recommendation/controls/image/index.js

@@ -1,79 +1,97 @@
-import { EditorStatePropertyType as E, PreviewDeviceMode as I, ModificationDescription as h } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { createImageMarginsControl as M, createImageSizeControl as C } from "../../../controlFactories.js";
+import { EditorStatePropertyType as M, PreviewDeviceMode as I, ModificationDescription as g } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { createImageMarginsControl as C, createImageSizeControl as O } from "../../../controlFactories.js";
 import { RecommendationBlockId as c } from "../../constants/blockIds.js";
-import { RecommendationControlId as g } from "../../constants/controlIds.js";
-import { BLOCK_ROOT_SELECTOR as l } from "../../constants/selectors.js";
-import { hasGetStyle as a, hasGetAttribute as O } from "../../utils/tagName.js";
-const R = { width: "", height: "auto", "max-height": "" }, f = `${l} img.adapt-img`, x = `*${l.slice(1)}`, p = `@media only screen and (max-width: 600px) { ${f} { max-height: none !important; } }`;
-function _(t) {
+import { RecommendationControlId as f } from "../../constants/controlIds.js";
+import { BLOCK_ROOT_SELECTOR as l, MOBILE_CONTAINER_SELECTOR as R } from "../../constants/selectors.js";
+import { hasGetStyle as a, hasGetAttribute as T } from "../../utils/tagName.js";
+const _ = { width: "", height: "auto", "max-height": "" }, E = `${l} img.adapt-img`, b = `*${l.slice(1)}`, p = `@media only screen and (max-width: 600px) { ${E} { max-height: none !important; } }`;
+function x(t) {
   return { width: "auto", height: "auto", "max-height": `${t}px` };
 }
 function A(t) {
-  return t.querySelectorAll(x).some((e) => "getSelector" in e && e.getSelector() === f);
+  return t.querySelectorAll(b).some((e) => "getSelector" in e && e.getSelector() === E);
 }
-function T(t, e) {
-  return a(t) && Object.entries(e).some(([o, n]) => (t.getStyle(o) ?? "") !== n);
+function B(t, e) {
+  return a(t) && Object.entries(e).some(([o, i]) => (t.getStyle(o) ?? "") !== i);
 }
 function S(t) {
   const e = t.getDocumentRootCssNode();
   return e && !A(e) ? e : null;
 }
-function H(t, e) {
-  const n = e.querySelectorAll("img").some((r) => a(r) && !!r.getStyle("max-height")) ? S(t) : null;
-  if (!n)
+function U(t, e) {
+  const i = e.querySelectorAll("img").some((r) => a(r) && !!r.getStyle("max-height")) ? S(t) : null;
+  if (!i)
     return;
-  const i = t.getDocumentModifier();
-  i.modifyCss(n).appendRule(p), i.apply(new h("Add the reco image mobile fit rule"));
+  const n = t.getDocumentModifier();
+  n.modifyCss(i).appendRule(p), n.apply(new g("Add the reco image mobile fit rule"));
 }
-const B = `[esd-extension-block-id="${c.IMAGE}"]`, L = /^\d+px$/;
+const L = `[esd-extension-block-id="${c.IMAGE}"]`, v = /^\d+px$/;
 function y(t) {
-  return O(t) && Number(t.getAttribute("height")) || 0;
+  return T(t) && Number(t.getAttribute("height")) || 0;
 }
-function b(t) {
+function w(t) {
   const e = y(t), o = a(t) ? t.getStyle("max-height") ?? "" : "";
-  return L.test(o) && e > 0 && o !== `${e}px`;
+  return v.test(o) && e > 0 && o !== `${e}px`;
 }
-function U(t, e) {
-  const o = e.querySelectorAll(B).map((i) => i.querySelector("img")).filter(b);
+function Z(t, e) {
+  const o = e.querySelectorAll(L).map((n) => n.querySelector("img")).filter(w);
   if (!o.length)
     return;
-  const n = t.getDocumentModifier();
-  o.forEach((i) => n.modifyHtml(i).setStyle("max-height", `${y(i)}px`)), n.apply(new h("Sync the reco image height bound").asHidden());
+  const i = t.getDocumentModifier();
+  o.forEach((n) => i.modifyHtml(n).setStyle("max-height", `${y(n)}px`)), i.apply(new g("Sync the reco image height bound").asHidden());
+}
+function h(t) {
+  try {
+    return !!t.closest(R);
+  } catch {
+    return null;
+  }
 }
-class D extends C(
-  g.IMAGE_SIZE,
+class D extends O(
+  f.IMAGE_SIZE,
   c.IMAGE,
   l
 ) {
+  // Stripo derives the mobile size from rendered targets, and the container hidden in mobile preview renders 0px.
+  getTargetNodes(e) {
+    const o = super.getTargetNodes(e);
+    if (!this.isMobilePreview())
+      return o;
+    const i = h(e);
+    return i === null ? [] : o.filter((n) => h(n) === i);
+  }
   getAdditionalModifications(e) {
-    if (this.api.getEditorState()[E.previewDeviceMode] === I.MOBILE)
+    if (this.isMobilePreview())
       return;
-    const o = this.getFitStyles(), n = this.getTargetNodes(e).map((s) => s.querySelector("img")).filter((s) => T(s, o)), i = o["max-height"] ? S(this.api) : null;
-    if (!n.length && !i)
+    const o = this.getFitStyles(), i = this.getTargetNodes(e).map((s) => s.querySelector("img")).filter((s) => B(s, o)), n = o["max-height"] ? S(this.api) : null;
+    if (!i.length && !n)
       return;
     const r = this.api.getDocumentModifier();
-    return i && r.modifyCss(i).appendRule(p), n.forEach((s) => {
-      const m = r.modifyHtml(s);
-      Object.entries(o).forEach(([u, d]) => {
-        d ? m.setStyle(u, d) : m.removeStyle(u);
+    return n && r.modifyCss(n).appendRule(p), i.forEach((s) => {
+      const u = r.modifyHtml(s);
+      Object.entries(o).forEach(([d, m]) => {
+        m ? u.setStyle(d, m) : u.removeStyle(d);
       });
     }), r;
   }
+  isMobilePreview() {
+    return this.api.getEditorState()[M.previewDeviceMode] === I.MOBILE;
+  }
   getFitStyles() {
     const { size: e } = this.api.getValues();
-    return (e == null ? void 0 : e.type) === "height" && e.value ? _(e.value) : R;
+    return (e == null ? void 0 : e.type) === "height" && e.value ? x(e.value) : _;
   }
 }
-const F = M(
-  g.IMAGE_MARGINS,
+const N = C(
+  f.IMAGE_MARGINS,
   c.IMAGE,
   l
-), P = {
+), j = {
   size: D,
-  margins: F
+  margins: N
 };
 export {
-  P as ImageControls,
-  H as ensureMobileFitRule,
-  U as syncHeightBound
+  j as ImageControls,
+  U as ensureMobileFitRule,
+  Z as syncHeightBound
 };

package/dist/extensions/Blocks/Unsubscribe/block.js

@@ -1,48 +1,49 @@
-var y = Object.defineProperty;
-var I = (c, o, e) => o in c ? y(c, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[o] = e;
-var g = (c, o, e) => I(c, typeof o != "symbol" ? o + "" : o, e);
-import { useToaster as L } from "../../../composables/useToaster.js";
-import { ToasterTypeOptions as C } from "../../../enums/toaster.js";
-import { PAGE_TYPES as m } from "../../../enums/unsubscribe.js";
-import { useEditorStore as N } from "../../../stores/editor.js";
-import { useUnsubscribeStore as a } from "../../../stores/unsubscribe.js";
-import { Block as U, BlockCompositionType as R, ContextActionType as f, ModificationDescription as u, BlockType as v } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { getDefaultTemplate as D } from "./template.js";
-import { UNSUBSCRIBE_BLOCK_SELECTOR as B, DATA_ATTRIBUTES as n, UNSUBSCRIBE_EVENTS as h } from "./utils/constants.js";
-import { parsePageList as S } from "./utils/utils.js";
-const w = "unsubscribe-block", E = 'a[data-unsubscribe-link="true"]', P = "{{ins-unsubscribe-link}}", x = "https://academy.insiderone.com/docs/adding-unsubscribe-pages-into-emails", G = "Removing the unsubscribe text leaves an empty block, but an active unsubscribe link is required. Undo your last action to restore the text, or delete the unsubscribe block entirely.", M = {
-  [m.GLOBAL_UNSUBSCRIBE]: "{{ins-global-unsubscribe-link}}",
-  [m.SUBSCRIPTION_PREFERENCE_CENTER]: "{{ins-preferences-unsubscribe-link}}"
-}, O = 3;
-let d = null, p = null;
-const A = () => {
-  d && (document.removeEventListener(h.SELECT, d), d = null);
-}, T = () => {
-  p && (document.removeEventListener(h.CANCEL, p), p = null);
-}, q = () => {
-  A(), T();
+var R = Object.defineProperty;
+var v = (l, c, e) => c in l ? R(l, c, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[c] = e;
+var h = (l, c, e) => v(l, typeof c != "symbol" ? c + "" : c, e);
+import { useToaster as D } from "../../../composables/useToaster.js";
+import { ToasterTypeOptions as w } from "../../../enums/toaster.js";
+import { PAGE_TYPES as B } from "../../../enums/unsubscribe.js";
+import { useEditorStore as G } from "../../../stores/editor.js";
+import { useUnsubscribeStore as u } from "../../../stores/unsubscribe.js";
+import { Block as P, BlockCompositionType as x, ContextActionType as y, ModificationDescription as k, BlockType as M } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { getDefaultTemplate as O } from "./template.js";
+import { UNSUBSCRIBE_BLOCK_SELECTOR as f, DATA_ATTRIBUTES as o, UNSUBSCRIBE_EVENTS as E, UNSUBSCRIBE_MERGE_TAG_REGEX as I } from "./utils/constants.js";
+import { swapMergeTagInHref as q } from "./utils/swapMergeTagInHref.js";
+import { parsePageList as L } from "./utils/utils.js";
+const F = "unsubscribe-block", _ = 'a[data-unsubscribe-link="true"]', C = "{{ins-unsubscribe-link}}", K = "https://academy.insiderone.com/docs/adding-unsubscribe-pages-into-emails", H = "Removing the unsubscribe text leaves an empty block, but an active unsubscribe link is required. Undo your last action to restore the text, or delete the unsubscribe block entirely.", Y = {
+  [B.GLOBAL_UNSUBSCRIBE]: "{{ins-global-unsubscribe-link}}",
+  [B.SUBSCRIPTION_PREFERENCE_CENTER]: "{{ins-preferences-unsubscribe-link}}"
+}, V = 3;
+let d = null, b = null;
+const N = () => {
+  d && (document.removeEventListener(E.SELECT, d), d = null);
+}, U = () => {
+  b && (document.removeEventListener(E.CANCEL, b), b = null);
+}, W = () => {
+  N(), U();
 };
-class J extends U {
+class se extends P {
   constructor() {
     super();
-    g(this, "currentNode");
+    h(this, "currentNode");
     // Per-block "did this instance have a link last time we saw it?" tracking.
     // Keyed by the stable `data-unsubscribe-block-id` we assign, because
     // ImmutableHtmlNode instances are recreated on every document mutation and
     // can't be used as Map keys directly. A singleton boolean here would be
     // polluted across blocks since Stripo fires onDocumentChanged per-instance.
-    g(this, "linkStateByBlockId", /* @__PURE__ */ new Map());
+    h(this, "linkStateByBlockId", /* @__PURE__ */ new Map());
     // Per-block prepend retry counter for the leading text guard (SD-143097).
-    g(this, "guardAttemptsByBlockId", /* @__PURE__ */ new Map());
+    h(this, "guardAttemptsByBlockId", /* @__PURE__ */ new Map());
   }
   getId() {
-    return w;
+    return F;
   }
   getIcon() {
     return "unsubscribe-icon";
   }
   getBlockCompositionType() {
-    return R.BLOCK;
+    return x.BLOCK;
   }
   getName() {
     return this.api.translate("Unsubscribe Block");
@@ -51,16 +52,16 @@ class J extends U {
     return this.api.translate("Unsubscribe Block Description");
   }
   getTemplate() {
-    return D();
+    return O();
   }
   getContextActionsIds() {
-    return [f.MOVE, f.REMOVE];
+    return [y.MOVE, y.REMOVE];
   }
   onSelect(e) {
-    if (this.currentNode = e, N().isPreviewModeOpen)
+    if (this.currentNode = e, G().isPreviewModeOpen)
       return;
     const t = this._getOrAssignBlockId(e);
-    t && this.linkStateByBlockId.set(t, this._hasUnsubscribeLink(e)), this._setupSelectEventListener(), this._setupCancelEventListener(t), !("getAttribute" in e && e.getAttribute("data-migration")) && (this._resetStoreState(), t && (a().pendingBlockId = t), this._loadBlockState(e), this._checkExistingBlocks(), this._openDrawer());
+    t && this.linkStateByBlockId.set(t, this._hasUnsubscribeLink(e)), this._setupSelectEventListener(), this._setupCancelEventListener(t), !("getAttribute" in e && e.getAttribute("data-migration")) && (this._resetStoreState(), t && (u().pendingBlockId = t), this._loadBlockState(e), this._checkExistingBlocks(), this._openDrawer());
   }
   onCreated(e) {
     this._ensureLeadingTextGuard(e);
@@ -68,7 +69,7 @@ class J extends U {
   onDocumentInit() {
     try {
       const e = this.api.getDocumentRoot();
-      e && "querySelectorAll" in e && e.querySelectorAll(B).forEach((t) => {
+      e && "querySelectorAll" in e && e.querySelectorAll(f).forEach((t) => {
         this._ensureLeadingTextGuard(t);
       });
     } catch {
@@ -79,11 +80,11 @@ class J extends U {
     const t = this._getOrAssignBlockId(e);
     if (!t)
       return;
-    const s = this._hasUnsubscribeLink(e);
-    this.linkStateByBlockId.get(t) === !0 && !s && this._warnLinkRemoved(), this.linkStateByBlockId.set(t, s);
+    const i = this._hasUnsubscribeLink(e);
+    this.linkStateByBlockId.get(t) === !0 && !i && this._warnLinkRemoved(), this.linkStateByBlockId.set(t, i);
   }
   onDelete(e) {
-    q(), this._removeBlockTemplatesFromStore(e), this._resetStoreState();
+    W(), this._removeBlockTemplatesFromStore(e), this._resetStoreState();
     const t = this._readBlockId(e);
     t && (this.linkStateByBlockId.delete(t), this.guardAttemptsByBlockId.delete(t));
   }
@@ -95,38 +96,38 @@ class J extends U {
   _ensureLeadingTextGuard(e) {
     if (!("querySelector" in e))
       return;
-    const t = e.querySelector(E);
+    const t = e.querySelector(_);
     if (!t)
       return;
-    let s = t, r = s.parent();
+    let i = t, r = i.parent();
     for (; r && "getTagName" in r && r.getTagName().toLowerCase() !== "p"; )
-      s = r, r = r.parent();
+      i = r, r = r.parent();
     if (!r || !("getTagName" in r) || r.getTagName().toLowerCase() !== "p")
       return;
-    const i = s.previousSibling();
-    if (!!(i && i.getType() === "text" && i.getTextContent())) {
-      const b = this._readBlockId(e);
-      b && this.guardAttemptsByBlockId.delete(b);
+    const s = i.previousSibling();
+    if (!!(s && s.getType() === "text" && s.getTextContent())) {
+      const a = this._readBlockId(e);
+      a && this.guardAttemptsByBlockId.delete(a);
       return;
     }
-    const k = this._getOrAssignBlockId(e);
-    if (!k)
+    const g = this._getOrAssignBlockId(e);
+    if (!g)
       return;
-    const _ = this.guardAttemptsByBlockId.get(k) ?? 0;
-    if (!(_ >= O)) {
-      this.guardAttemptsByBlockId.set(k, _ + 1);
+    const p = this.guardAttemptsByBlockId.get(g) ?? 0;
+    if (!(p >= V)) {
+      this.guardAttemptsByBlockId.set(g, p + 1);
       try {
-        this.api.getDocumentModifier().modifyHtml(r).prepend(" ").apply(new u("Ensure unsubscribe link text guard"));
-      } catch (b) {
-        console.warn("[UnsubscribeBlock] Failed to ensure link text guard:", b);
+        this.api.getDocumentModifier().modifyHtml(r).prepend(" ").apply(new k("Ensure unsubscribe link text guard"));
+      } catch (a) {
+        console.warn("[UnsubscribeBlock] Failed to ensure link text guard:", a);
       }
     }
   }
   _hasUnsubscribeLink(e) {
-    return "querySelector" in e ? !!e.querySelector(E) : !1;
+    return "querySelector" in e ? !!e.querySelector(_) : !1;
   }
   _readBlockId(e) {
-    return "getAttribute" in e ? e.getAttribute(n.BLOCK_ID) : null;
+    return "getAttribute" in e ? e.getAttribute(o.BLOCK_ID) : null;
   }
   /**
    * Returns the block's stable id, assigning one via the document modifier if
@@ -140,13 +141,13 @@ class J extends U {
       return t;
     if (!("getAttribute" in e))
       return null;
-    const s = this._generateNextBlockId();
+    const i = this._generateNextBlockId();
     try {
-      this.api.getDocumentModifier().modifyHtml(e).setAttribute(n.BLOCK_ID, s).apply(new u(`Assign unsubscribe block id ${s}`));
+      this.api.getDocumentModifier().modifyHtml(e).setAttribute(o.BLOCK_ID, i).apply(new k(`Assign unsubscribe block id ${i}`));
     } catch (r) {
       return console.warn("[UnsubscribeBlock] Failed to assign block id:", r), null;
     }
-    return s;
+    return i;
   }
   /**
    * Generates a unique id by scanning the document for the highest existing
@@ -157,10 +158,10 @@ class J extends U {
     let e = 0;
     try {
       const t = this.api.getDocumentRoot();
-      t && "querySelectorAll" in t && t.querySelectorAll(B).forEach((r) => {
+      t && "querySelectorAll" in t && t.querySelectorAll(f).forEach((r) => {
         if ("getAttribute" in r) {
-          const i = r.getAttribute(n.BLOCK_ID), l = i ? parseInt(i) : 0;
-          l > e && (e = l);
+          const s = r.getAttribute(o.BLOCK_ID), n = s ? parseInt(s) : 0;
+          n > e && (e = n);
         }
       });
     } catch {
@@ -169,14 +170,14 @@ class J extends U {
   }
   _warnLinkRemoved() {
     try {
-      const { showToaster: e } = L();
+      const { showToaster: e } = D();
       e({
-        type: C.Warning,
-        message: this.api.translate(G),
+        type: w.Warning,
+        message: this.api.translate(H),
         actionButton: {
           text: this.api.translate("Visit Academy"),
           onClick: () => {
-            window.open(x, "_blank", "noopener,noreferrer");
+            window.open(K, "_blank", "noopener,noreferrer");
           }
         }
       });
@@ -185,55 +186,62 @@ class J extends U {
     }
   }
   _setupSelectEventListener() {
-    A(), d = (e) => {
-      const t = e, { collectionType: s, selectedPages: r } = t.detail;
-      this._updateBlock(s, r.join(","));
-    }, document.addEventListener(h.SELECT, d);
+    N(), d = (e) => {
+      const t = e, { collectionType: i, selectedPages: r } = t.detail;
+      this._updateBlock(i, r.join(","));
+    }, document.addEventListener(E.SELECT, d);
   }
   _setupCancelEventListener(e) {
-    T(), p = (t) => {
-      const { detail: s } = t;
-      ((s == null ? void 0 : s.blockId) ?? null) === e && this._handleCancel();
-    }, document.addEventListener(h.CANCEL, p);
+    U(), b = (t) => {
+      const { detail: i } = t;
+      ((i == null ? void 0 : i.blockId) ?? null) === e && this._handleCancel();
+    }, document.addEventListener(E.CANCEL, b);
   }
   _handleCancel() {
     try {
       if (!this.currentNode)
         return;
-      this.api.getDocumentModifier().modifyHtml(this.currentNode).replaceWith(`<${v.EMPTY_CONTAINER}/>`).apply(new u("Removed unsubscribe block due to cancel"));
+      this.api.getDocumentModifier().modifyHtml(this.currentNode).replaceWith(`<${M.EMPTY_CONTAINER}/>`).apply(new k("Removed unsubscribe block due to cancel"));
     } catch (e) {
       console.warn("[UnsubscribeBlock] Failed to remove unsubscribe block:", e);
     }
   }
   _updateBlock(e, t) {
+    var a;
     if (!this.currentNode || !("querySelector" in this.currentNode))
       return;
-    const s = this.currentNode.querySelector(E);
-    if (!s)
+    const i = this.currentNode.querySelector(_);
+    if (!i)
       return;
-    const r = this._getMergeTag(e);
-    this.api.getDocumentModifier().modifyHtml(s).setAttribute("href", r).apply(new u(`Updated unsubscribe link to ${r}`)), this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute(n.PAGE_TYPE, e.toString()).setAttribute(n.PAGE_LIST, t).apply(new u("Updated unsubscribe block metadata"));
+    const r = this._getMergeTag(e), s = this.api.getDocumentModifier(), n = "getAttribute" in i ? i.getAttribute("href") : null, p = [(a = n == null ? void 0 : n.match(I)) == null ? void 0 : a[0], C];
+    s.modifyHtml(i).setAttribute("href", r), this.currentNode.querySelectorAll("a[href]").forEach((m) => {
+      var T;
+      if (!("getAttribute" in m) || m.getAttribute("data-unsubscribe-link") === "true")
+        return;
+      const S = m.getAttribute("href") ?? "", A = (T = S.match(I)) == null ? void 0 : T[0];
+      A && p.includes(A) && s.modifyHtml(m).setAttribute("href", q(S, r));
+    }), s.modifyHtml(this.currentNode).setAttribute(o.PAGE_TYPE, e.toString()).setAttribute(o.PAGE_LIST, t), s.apply(new k(`Updated unsubscribe link to ${r}`));
   }
   _getMergeTag(e) {
-    return M[e] ?? P;
+    return Y[e] ?? C;
   }
   _openDrawer() {
     if (!(this.currentNode && this.currentNode.getAttribute("data-unsubscribe-page-type")))
       try {
-        const e = a();
+        const e = u();
         e.typeSelectionDrawerStatus = !0;
       } catch (e) {
         console.error("[UnsubscribeBlock] Failed to open drawer:", e);
       }
   }
   _checkExistingBlocks() {
-    const e = a();
-    e.isGlobalUnsubscribeDisabled = !1, e.isSubscriptionPreferencesCenterDisabled = !1, this.api.getDocumentRoot().querySelectorAll(B).forEach((s) => {
-      if ("getAttribute" in s) {
-        const r = s.getAttribute(n.PAGE_TYPE);
+    const e = u();
+    e.isGlobalUnsubscribeDisabled = !1, e.isSubscriptionPreferencesCenterDisabled = !1, this.api.getDocumentRoot().querySelectorAll(f).forEach((i) => {
+      if ("getAttribute" in i) {
+        const r = i.getAttribute(o.PAGE_TYPE);
         if (r) {
-          const i = Number(r);
-          i === m.GLOBAL_UNSUBSCRIBE ? e.isGlobalUnsubscribeDisabled = !0 : i === m.SUBSCRIPTION_PREFERENCE_CENTER && (e.isSubscriptionPreferencesCenterDisabled = !0);
+          const s = Number(r);
+          s === B.GLOBAL_UNSUBSCRIBE ? e.isGlobalUnsubscribeDisabled = !0 : s === B.SUBSCRIPTION_PREFERENCE_CENTER && (e.isSubscriptionPreferencesCenterDisabled = !0);
         }
       }
     });
@@ -241,27 +249,27 @@ class J extends U {
   async _loadBlockState(e) {
     if (!("getAttribute" in e))
       return;
-    const t = e.getAttribute(n.PAGE_TYPE), s = e.getAttribute(n.PAGE_LIST);
-    if (!t || !s)
+    const t = e.getAttribute(o.PAGE_TYPE), i = e.getAttribute(o.PAGE_LIST);
+    if (!t || !i)
       return;
-    const r = a(), i = Number(t), l = S(s);
-    await r.fetchTemplates(), r.setCollectionWithoutAutoSelection(i), r.loadSelectedTemplates(l);
+    const r = u(), s = Number(t), n = L(i);
+    await r.fetchTemplates(), r.setCollectionWithoutAutoSelection(s), r.loadSelectedTemplates(n);
   }
   _resetStoreState() {
-    a().$reset();
+    u().$reset();
   }
   _removeBlockTemplatesFromStore(e) {
     if (!("getAttribute" in e))
       return;
-    const t = e.getAttribute(n.PAGE_LIST);
+    const t = e.getAttribute(o.PAGE_LIST);
     if (!t)
       return;
-    const s = a(), r = S(t);
-    s.removeUnsubscribePages(r);
+    const i = u(), r = L(t);
+    i.removeUnsubscribePages(r);
   }
 }
 export {
-  w as UNSUBSCRIBE_BLOCK_ID,
-  J as UnsubscribeBlock,
-  q as disposeUnsubscribeListeners
+  F as UNSUBSCRIBE_BLOCK_ID,
+  se as UnsubscribeBlock,
+  W as disposeUnsubscribeListeners
 };

package/dist/extensions/Blocks/Unsubscribe/utils/constants.js

@@ -5,10 +5,11 @@ const s = {
   PAGE_TYPE: "data-unsubscribe-page-type",
   PAGE_LIST: "data-unsubscribe-page-list",
   BLOCK_ID: "data-unsubscribe-block-id"
-}, c = ".unsubscribe-block-v2", u = 'a[data-unsubscribe-link="true"], a.unsubscribe-link';
+}, e = ".unsubscribe-block-v2", E = /{{ins-(?:global-)?(?:preferences-)?unsubscribe-link}}/, c = 'a[data-unsubscribe-link="true"], a.unsubscribe-link';
 export {
   b as DATA_ATTRIBUTES,
-  c as UNSUBSCRIBE_BLOCK_SELECTOR,
+  e as UNSUBSCRIBE_BLOCK_SELECTOR,
   s as UNSUBSCRIBE_EVENTS,
-  u as UNSUBSCRIBE_LINK_SELECTOR
+  c as UNSUBSCRIBE_LINK_SELECTOR,
+  E as UNSUBSCRIBE_MERGE_TAG_REGEX
 };

package/dist/extensions/Blocks/Unsubscribe/utils/swapMergeTagInHref.js

@@ -0,0 +1,5 @@
+import { UNSUBSCRIBE_MERGE_TAG_REGEX as E } from "./constants.js";
+const o = (r, p) => r.replace(E, () => p).replace(`${p}?`, () => `${p}&`);
+export {
+  o as swapMergeTagInHref
+};

package/dist/package.json.js

@@ -1,9 +1,9 @@
-const o = "3.27.0", s = { stripo: { version: "2.83.1" } }, n = {
+const o = "3.27.1-beta.842075e", s = { stripo: { version: "2.86.1" } }, e = {
   version: o,
   guido: s
 };
 export {
-  n as default,
+  e as default,
   s as guido,
   o as version
 };

package/dist/src/composables/useRecommendation.d.ts

@@ -8,10 +8,6 @@ type CardWidthParams = {
 interface CampaignData extends CardWidthParams {
     textTrimming: boolean;
     orientation: string;
-    priceBeforeTextValue: string;
-    priceAfterTextValue: string;
-    discountBeforeTextValue: string;
-    discountAfterTextValue: string;
 }
 export declare const useRecommendation: () => {
     calculateCardWidth: ({ mobileLeftPadding, mobileRightPadding, cardsInRow, unresponsive, }: CardWidthParams) => number;

package/dist/src/enums/recommendation.d.ts

@@ -33,7 +33,6 @@ export declare const REGEX: {
     ID: RegExp;
     ATTRIBUTE_PARAGRAPH: RegExp;
     ATTRIBUTE_PARAGRAPH_START_TAG: RegExp;
-    COMPOSITION: RegExp;
     CUSTOM_FIELD: RegExp;
     CUSTOM_FIELD_INDEXES_PART: RegExp;
     CUSTOM_FIELD_NAME_PART: RegExp;

package/dist/src/extensions/Blocks/Recommendation/controls/image/index.d.ts

@@ -25,7 +25,9 @@ declare const SizeControl_base: {
     };
 };
 declare class SizeControl extends SizeControl_base {
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
     getAdditionalModifications(root: ImmutableHtmlNode): TemplateModifier<HtmlNodeModifier, CssNodeModifier> | undefined;
+    private isMobilePreview;
     private getFitStyles;
 }
 /**

package/dist/src/extensions/Blocks/Unsubscribe/utils/constants.d.ts

@@ -9,4 +9,5 @@ export declare const DATA_ATTRIBUTES: {
     readonly BLOCK_ID: "data-unsubscribe-block-id";
 };
 export declare const UNSUBSCRIBE_BLOCK_SELECTOR = ".unsubscribe-block-v2";
+export declare const UNSUBSCRIBE_MERGE_TAG_REGEX: RegExp;
 export declare const UNSUBSCRIBE_LINK_SELECTOR = "a[data-unsubscribe-link=\"true\"], a.unsubscribe-link";

package/dist/src/extensions/Blocks/Unsubscribe/utils/swapMergeTagInHref.d.ts

@@ -0,0 +1 @@
+export declare const swapMergeTagInHref: (href: string, mergeTag: string) => string;

package/dist/static/stripo-runtime-manifest.json.js

@@ -1,9 +1,9 @@
-const s = "2.83.1", n = ["UIEditor.js", "zone.js", "styles-BWH3PMR4.css", "polyfills-FF3RLU5F.js", "main-OTN2PYRT.js", "chunk-62K3AMOD.js", "chunk-6RGJBGUG.js", "chunk-6W43DTQG.js", "chunk-EC4WGEOZ.js", "chunk-GLBBUJ54.js", "chunk-GPJLJCMF.js", "chunk-MDCDEJUH.js", "chunk-P7HQTFJV.js", "chunk-PA4WGBC4.js", "chunk-QMDAV6OU.js", "chunk-R2F3ADM2.js", "chunk-YSKQ2TWF.js", "chunk-ZU5ASRKR.js", "assets/css/uiEditor.css", "assets/i18n/en.json", "assets/icons/ui-editor-icons.sprite.svg", "assets/icons/ui-editor-icons.map.json", "assets/imageeditor/scripts.min.js", "assets/imageeditor/assets/icons/merged.svg"], i = {
+const s = "2.86.1", n = ["UIEditor.js", "zone.js", "styles-BWH3PMR4.css", "polyfills-FF3RLU5F.js", "main-QEKXZ3YR.js", "chunk-5T7CEBI5.js", "chunk-62K3AMOD.js", "chunk-66LFOY5U.js", "chunk-AMCKJHBC.js", "chunk-BOERNIOQ.js", "chunk-BVZUBVXH.js", "chunk-I2DLD5I4.js", "chunk-IEC5XOV2.js", "chunk-ILRQX7FO.js", "chunk-LBYVYY25.js", "chunk-LC3XAPU2.js", "chunk-OZSNTS6D.js", "chunk-PBUSX63H.js", "chunk-PYISBD2D.js", "assets/css/uiEditor.css", "assets/i18n/en.json", "assets/icons/ui-editor-icons.sprite.svg", "assets/icons/ui-editor-icons.map.json", "assets/imageeditor/scripts.min.js", "assets/imageeditor/assets/icons/merged.svg"], c = {
   version: s,
   files: n
 };
 export {
-  i as default,
+  c as default,
   n as files,
   s as version
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.27.0",
+  "version": "3.27.1-beta.842075e",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",
@@ -136,7 +136,7 @@
   },
   "guido": {
     "stripo": {
-      "version": "2.83.1"
+      "version": "2.86.1"
     }
   }
 }