@useinsider/guido 3.20.0-beta.11a0bde → 3.20.0-beta.13006ea

package/dist/config/compiler/itemsCompilerRules.js

@@ -1,11 +1,11 @@
-import { pairProductVariables as o } from "../../utils/pairProductVariables.js";
-import { wrapHiddenPriceTdsForOutlook as r, MSO_ITEMS_HIDE_START as e, MSO_ITEMS_HIDE_END as t } from "./utils/itemsCompilerUtils.js";
-const a = [
+import { pairProductVariables as i } from "../../utils/pairProductVariables.js";
+import { wrapHiddenPriceTdsForOutlook as r, lockHorizontalItemImageWidths as t, MSO_ITEMS_HIDE_START as e, MSO_ITEMS_HIDE_END as s } from "./utils/itemsCompilerUtils.js";
+const c = [
   {
     id: "pair-product-variables",
     description: "Replace product default values with template variables",
     type: "custom",
-    processor: o,
+    processor: i,
     priority: 60
     // After recommendation rules (priority 50-53)
   },
@@ -20,16 +20,23 @@ const a = [
     priority: 65
     // After pair-product-variables (60), before outlook rules (70+)
   },
+  {
+    id: "lock-horizontal-item-image-widths",
+    description: "Pin horizontal Items thumbnails to their width so narrow rows cannot collapse them",
+    type: "custom",
+    processor: t,
+    priority: 66
+  },
   {
     id: "swap-items-mso-markers",
     // Injecting the delicate `<!-- -->` ghost token LAST (after reco minify P99
     // and reco swap P100) keeps it out of every whitespace/comment-mangling pass.
     description: "Swap Items MSO markers into [if !mso] conditional comments",
     type: "custom",
-    processor: (i) => i.replaceAll(`<!--${e}-->`, "<!--[if !mso]><!-- -->").replaceAll(`<!--${t}-->`, "<!--<![endif]-->"),
+    processor: (o) => o.replaceAll(`<!--${e}-->`, "<!--[if !mso]><!-- -->").replaceAll(`<!--${s}-->`, "<!--<![endif]-->"),
     priority: 101
   }
 ];
 export {
-  a as itemsCompilerRules
+  c as itemsCompilerRules
 };

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

@@ -1,28 +1,45 @@
-const p = "MSO_ITEMS_HIDE_START", E = "MSO_ITEMS_HIDE_END", u = "mso-hide:all; max-height:0; overflow:hidden; font-size:0; line-height:0;", _ = ".ins-product-cart td.horizontal-price, .ins-product-cart td.vertical-price";
-function T(t) {
+import { DefaultConfigValues as m } from "../../../extensions/Blocks/Items/enums/settingsEnums.js";
+const u = "MSO_ITEMS_HIDE_START", f = "MSO_ITEMS_HIDE_END", _ = "mso-hide:all; max-height:0; overflow:hidden; font-size:0; line-height:0;", T = ".ins-product-cart td.horizontal-price, .ins-product-cart td.vertical-price", A = ".ins-product-td td.product-image-class img[width]", I = Number(m.productImageWidth), p = (t) => t.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->");
+function E(t, n) {
+  const r = t.match(/<!DOCTYPE[^>]*>/i);
+  return ((r ? `${r[0]}
+` : "") + n.documentElement.outerHTML).replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
+}
+function h(t) {
   if (!t.includes("vertical-price") || !t.includes("ins-product-cart"))
     return t;
-  const i = t.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), r = new DOMParser().parseFromString(i, "text/html");
-  let n = !1;
-  if (r.querySelectorAll(_).forEach((e) => {
-    var s, a;
+  const n = p(t), r = new DOMParser().parseFromString(n, "text/html");
+  let c = !1;
+  return r.querySelectorAll(T).forEach((e) => {
+    var s, l;
     const o = e.getAttribute("style") || "";
     if (!/display\s*:\s*none/i.test(o))
       return;
-    const c = e.previousSibling;
-    if (((c == null ? void 0 : c.nodeType) !== Node.COMMENT_NODE || c.data !== p) && ((s = e.parentNode) == null || s.insertBefore(r.createComment(p), e), (a = e.parentNode) == null || a.insertBefore(r.createComment(E), e.nextSibling)), !/mso-hide/i.test(o)) {
+    const i = e.previousSibling;
+    if (((i == null ? void 0 : i.nodeType) !== Node.COMMENT_NODE || i.data !== u) && ((s = e.parentNode) == null || s.insertBefore(r.createComment(u), e), (l = e.parentNode) == null || l.insertBefore(r.createComment(f), e.nextSibling)), !/mso-hide/i.test(o)) {
       const d = o.trim().endsWith(";") ? " " : "; ";
-      e.setAttribute("style", `${o}${d}${u}`);
+      e.setAttribute("style", `${o}${d}${_}`);
     }
-    n = !0;
-  }), !n)
+    c = !0;
+  }), c ? E(n, r) : t;
+}
+function D(t) {
+  if (!t.includes("product-image-class"))
     return t;
-  const l = i.match(/<!DOCTYPE[^>]*>/i);
-  return ((l ? `${l[0]}
-` : "") + r.documentElement.outerHTML).replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
+  const n = p(t), r = new DOMParser().parseFromString(n, "text/html");
+  let c = !1;
+  return r.querySelectorAll(A).forEach((e) => {
+    var d, a;
+    const o = ((d = e.getAttribute("width")) == null ? void 0 : d.trim()) ?? "", i = ((a = e.getAttribute("style")) == null ? void 0 : a.trim()) ?? "";
+    if (!/^\d+$/.test(o) || /(^|;)\s*min-width\s*:/i.test(i))
+      return;
+    const s = i && !i.endsWith(";") ? ";" : "", l = Math.min(Number(o), I);
+    e.setAttribute("style", `${i}${s}min-width:${l}px;max-width:${o}px`), c = !0;
+  }), c ? E(n, r) : t;
 }
 export {
-  E as MSO_ITEMS_HIDE_END,
-  p as MSO_ITEMS_HIDE_START,
-  T as wrapHiddenPriceTdsForOutlook
+  f as MSO_ITEMS_HIDE_END,
+  u as MSO_ITEMS_HIDE_START,
+  D as lockHorizontalItemImageWidths,
+  h as wrapHiddenPriceTdsForOutlook
 };

package/dist/extensions/Blocks/Recommendation/utils/legacyStrategyMigration.js

@@ -1,21 +1,21 @@
 import "../constants/selectors.js";
 import { RRS_CONFIG_VERSION as m } from "../constants/defaultConfig.js";
-import { sanitizeProductIds as p, PRODUCT_ID_SEPARATOR as d } from "./productIds.js";
-const u = "manualMerchandising";
-function f({ strategyId: e, nodeConfigVersion: t }) {
+import { sanitizeProductIds as p } from "./productIds.js";
+const d = "manualMerchandising";
+function N({ strategyId: e, nodeConfigVersion: t }) {
   return !e && t < m;
 }
 const o = (e) => {
   const t = String(e ?? "").trim();
   return /^[1-9]\d*$/.test(t) ? t : null;
 };
-function R({ campaignId: e, templateLibraryId: t }) {
+function f({ campaignId: e, templateLibraryId: t }) {
   if (o(e))
     return { scope: "campaign" };
   const n = o(t);
   return n ? { scope: "template", templateId: n } : { scope: "campaign" };
 }
-function S({
+function y({
   blockId: e,
   url: t,
   campaignId: n,
@@ -24,7 +24,7 @@ function S({
   productIds: s,
   target: r
 }) {
-  const i = c === u ? p(s).split(d).filter(Boolean) : [];
+  const i = c === d ? p(s).split(",").filter(Boolean) : [];
   return {
     ...r.scope === "template" ? { templateId: Number.parseInt(r.templateId) } : {
       campaignId: Number.parseInt(n) || 0,
@@ -36,7 +36,7 @@ function S({
   };
 }
 export {
-  S as buildLegacyMigrationPayload,
-  f as isLegacyStrategyConfig,
-  R as resolveMigrationTarget
+  y as buildLegacyMigrationPayload,
+  N as isLegacyStrategyConfig,
+  f as resolveMigrationTarget
 };

package/dist/extensions/Blocks/Recommendation/utils/productIds.js

@@ -1,8 +1,6 @@
-const i = ",";
-function o(t) {
-  return t.map((n) => String(n ?? "").trim()).filter(Boolean).join(",");
+function n(t) {
+  return t.map((i) => String(i ?? "").trim()).filter(Boolean).join(",");
 }
 export {
-  i as PRODUCT_ID_SEPARATOR,
-  o as sanitizeProductIds
+  n as sanitizeProductIds
 };

package/dist/src/config/compiler/utils/itemsCompilerUtils.d.ts

@@ -10,3 +10,8 @@ export declare const MSO_ITEMS_HIDE_END = "MSO_ITEMS_HIDE_END";
  * and collapse them inline for web-engine Outlook.
  */
 export declare function wrapHiddenPriceTdsForOutlook(html: string): string;
+/**
+ * The mobile `.adapt-img { width: 100% }` rule sizes the horizontal thumbnail by its auto-width column,
+ * so it grows in a roomy row and collapses to nothing in a crowded one — bound it to [default, width].
+ */
+export declare function lockHorizontalItemImageWidths(html: string): string;

package/dist/src/extensions/Blocks/Recommendation/utils/productIds.d.ts

@@ -1,5 +1,3 @@
-/** Separator between product ids in the `sanitizeProductIds` output */
-export declare const PRODUCT_ID_SEPARATOR = ",";
 /**
  * Builds the request/URL `productId` value from raw product ID segments.
  * Trimming happens here — NOT on input change — so the user's in-progress

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.20.0-beta.11a0bde",
+  "version": "3.20.0-beta.13006ea",
   "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",