@useinsider/guido 3.6.0-beta.596b70e → 3.6.0-beta.5cbaa8f

package/dist/extensions/Blocks/Recommendation/templates/list/elementRenderer.js

@@ -1,11 +1,10 @@
-import { RecommendationBlockId as l } from "../../constants/blockIds.js";
-import { ATTR_PRODUCT_ATTR as $, ATTR_PRODUCT_BUTTON as g, CSS_CLASS_RECO_BUTTON as m, ATTR_PRODUCT_OMNIBUS_DISCOUNT as S, ATTR_PRODUCT_OMNIBUS_PRICE as C, ATTR_PRODUCT_OLD_PRICE as x, ATTR_PRODUCT_PRICE as R, ATTR_PRODUCT_NAME as O, ATTR_PRODUCT_IMAGE as b } from "../../constants/selectors.js";
-import { useRecommendationExtensionStore as U } from "../../store/recommendation.js";
-import { formatPrice as k } from "../../utils/priceFormatter.js";
-import { CUSTOM_CELL_HTML as p, renderStyledParagraph as s, cellBgStyleAttr as n, DEFAULT_BUTTON_BORDER_STYLE as B, renderButtonLabel as E, DEFAULT_BUTTON_ANCHOR_STYLE as A, resolveButtonBorderClass as P, resolvePStyle as _, DEFAULT_IMG_STYLE as I, sanitizeImageUrl as h } from "../utils.js";
-const L = `${A} padding: 5px 30px;`;
-function y() {
-  const r = U(), { currencySettings: e } = r.recommendationConfigs;
+import { RecommendationBlockId as o } from "../../constants/blockIds.js";
+import { ATTR_PRODUCT_ATTR as u, ATTR_PRODUCT_BUTTON as c, CSS_CLASS_RECO_BUTTON as d, ATTR_PRODUCT_IMAGE as p, ATTR_PRODUCT_OMNIBUS_DISCOUNT as g, ATTR_PRODUCT_OMNIBUS_PRICE as f, ATTR_PRODUCT_OLD_PRICE as T, ATTR_PRODUCT_PRICE as x, ATTR_PRODUCT_NAME as _ } from "../../constants/selectors.js";
+import { useRecommendationExtensionStore as C } from "../../store/recommendation.js";
+import { formatPrice as R } from "../../utils/priceFormatter.js";
+import { CUSTOM_CELL_HTML as O, sanitizeImageUrl as $ } from "../utils.js";
+function b() {
+  const t = C(), { currencySettings: e } = t.recommendationConfigs;
   return {
     code: e.value,
     symbol: e.symbol,
@@ -15,151 +14,119 @@ function y() {
     thousandSeparator: e.thousandSeparator
   };
 }
-function o(r, e = "price") {
-  const t = y(), a = r[e], c = (a == null ? void 0 : a[t.code]) ?? Object.values(a ?? {})[0] ?? 0;
-  return k({
-    price: c,
-    currency: t
+function s(t, e = "price") {
+  const n = b(), a = t[e], r = (a == null ? void 0 : a[n.code]) ?? Object.values(a ?? {})[0] ?? 0;
+  return R({
+    price: r,
+    currency: n
   });
 }
-const z = {
+const I = {
   /**
    * Image cell - left column (120px fixed width)
    * Has recommendation-attribute-row class and data attributes for Card Composition control
    */
-  [b]: (r, e) => {
-    var a;
-    const t = ((a = e == null ? void 0 : e.styleTemplate) == null ? void 0 : a.imgStyle) ?? I;
-    return `
+  [p]: (t) => `
         <td
             width="120"
             class="esd-block-image product-image-cell recommendation-attribute-row es-p5"
-            esd-extension-block-id="${l.IMAGE}"
-            data-attribute-type="${b}"
+            esd-extension-block-id="${o.IMAGE}"
+            data-attribute-type="${p}"
             data-visibility="1"
             align="center"
             valign="middle">
-            <a target="_blank" href="${r.url}" class="${m}">
+            <a target="_blank" href="${t.url}" class="${d}">
                 <img
-                    src="${h(r.image_url)}"
-                    alt="${r.name}"
-                    style="${t}"
+                    src="${$(t.image_url)}"
+                    alt="${t.name}"
+                    style="display: block; max-width: 100%; height: auto;"
                     class="adapt-img product-image">
             </a>
         </td>
-    `;
-  },
+    `,
   /**
    * Name element - row for info cell table
    */
-  [O]: (r, e) => {
-    const t = s(
-      r.name,
-      {
-        pStyle: "font-size: 16px; color: #333333; font-weight: 600; margin: 0;",
-        openTags: "<strong>",
-        closeTags: "</strong>"
-      },
-      e == null ? void 0 : e.styleTemplate
-    );
-    return `
+  [_]: (t) => `
         <tr>
             <td
                 class="esd-block-text product-name"
-                esd-extension-block-id="${l.NAME}"${n(e == null ? void 0 : e.cellBackgroundColor)}
+                esd-extension-block-id="${o.NAME}"
                 align="left">
-                ${t}
+                <p contenteditable="false" style="font-size: 16px; color: #333333; font-weight: 600; margin: 0;">
+                    <strong>${t.name}</strong>
+                </p>
             </td>
         </tr>
-    `;
-  },
+    `,
   /**
    * Price element - row for info cell table
    */
-  [R]: (r, e) => {
-    const t = s(
-      o(r, "price"),
-      {
-        pStyle: "font-size: 16px; color: #333333; font-weight: bold; margin: 0;",
-        openTags: "<strong>",
-        closeTags: "</strong>"
-      },
-      e == null ? void 0 : e.styleTemplate
-    );
-    return `
+  [x]: (t) => `
         <tr>
             <td
                 class="esd-block-text product-price"
-                esd-extension-block-id="${l.PRICE}"${n(e == null ? void 0 : e.cellBackgroundColor)}
+                esd-extension-block-id="${o.PRICE}"
                 align="left">
-                ${t}
+                <p contenteditable="false" style="font-size: 16px; color: #333333; font-weight: bold; margin: 0;">
+                    <strong>${s(t, "price")}</strong>
+                </p>
             </td>
         </tr>
-    `;
-  },
+    `,
   /**
    * Old price element - row for info cell table
    */
-  [x]: (r, e) => {
-    const t = s(
-      o(r, "original_price"),
-      {
-        pStyle: "font-size: 14px; color: #999999; text-decoration: line-through; margin: 0;",
-        openTags: "<strong>",
-        closeTags: "</strong>"
-      },
-      e == null ? void 0 : e.styleTemplate
-    );
-    return `
+  [T]: (t) => `
         <tr>
             <td
                 class="esd-block-text product-old-price"
-                esd-extension-block-id="${l.OLD_PRICE}"${n(e == null ? void 0 : e.cellBackgroundColor)}
+                esd-extension-block-id="${o.OLD_PRICE}"
                 align="left">
-                ${t}
+                <p
+                    contenteditable="false"
+                    style="font-size: 14px; color: #999999; text-decoration: line-through; margin: 0;">
+                    <strong>${s(t, "original_price")}</strong>
+                </p>
             </td>
         </tr>
-    `;
-  },
+    `,
   /**
    * Omnibus price element - row for info cell table
    */
-  [C]: (r, e) => {
-    const t = _("font-size: 12px; color: #666666; margin: 0;", e == null ? void 0 : e.styleTemplate);
-    return `
+  [f]: (t) => `
         <tr>
             <td
                 class="esd-block-text product-omnibus-price"
                 data-text-before="Lowest 30-day price: "
                 data-text-after=""
-                esd-extension-block-id="${l.OMNIBUS_PRICE}"${n(e == null ? void 0 : e.cellBackgroundColor)}
+                esd-extension-block-id="${o.OMNIBUS_PRICE}"
                 align="left">
-                <p contenteditable="false" style="${t}">
+                <p contenteditable="false" style="font-size: 12px; color: #666666; margin: 0;">
                     <span class="omnibus-text-before">Lowest 30-day price: </span>
-                    <span class="omnibus-price-value">${o(r, "original_price")}</span>
+                    <span class="omnibus-price-value">${s(t, "original_price")}</span>
                     <span class="omnibus-text-after"></span>
                 </p>
             </td>
         </tr>
-    `;
-  },
+    `,
   /**
    * Omnibus discount element - row for info cell table
    */
-  [S]: (r, e) => {
-    var u, T;
-    const t = _("font-size: 12px; color: #666666; margin: 0;", e == null ? void 0 : e.styleTemplate), a = y(), c = ((u = r.original_price) == null ? void 0 : u[a.code]) ?? Object.values(r.original_price ?? {})[0] ?? 0, d = ((T = r.price) == null ? void 0 : T[a.code]) ?? Object.values(r.price ?? {})[0] ?? 0, i = c > 0 ? Math.round((c - d) / c * 100) : 0, f = i > 0 ? `-${i}%` : "0%";
+  [g]: (t) => {
+    var i, l;
+    const e = b(), n = ((i = t.original_price) == null ? void 0 : i[e.code]) ?? Object.values(t.original_price ?? {})[0] ?? 0, a = ((l = t.price) == null ? void 0 : l[e.code]) ?? Object.values(t.price ?? {})[0] ?? 0, r = n > 0 ? Math.round((n - a) / n * 100) : 0, m = r > 0 ? `-${r}%` : "0%";
     return `
         <tr>
             <td
                 class="esd-block-text product-omnibus-discount"
                 data-text-before=""
                 data-text-after=""
-                esd-extension-block-id="${l.OMNIBUS_DISCOUNT}"${n(e == null ? void 0 : e.cellBackgroundColor)}
+                esd-extension-block-id="${o.OMNIBUS_DISCOUNT}"
                 align="left">
-                <p contenteditable="false" style="${t}">
+                <p contenteditable="false" style="font-size: 12px; color: #666666; margin: 0;">
                     <span class="omnibus-text-before"></span>
-                    <span class="omnibus-discount-value">${f}</span>
+                    <span class="omnibus-discount-value">${m}</span>
                     <span class="omnibus-text-after"></span>
                 </p>
             </td>
@@ -170,54 +137,60 @@ const z = {
    * Button cell - right column (100px fixed width)
    * Has recommendation-attribute-row class and data attributes for Card Composition control
    */
-  [g]: (r, e) => {
-    const t = e == null ? void 0 : e.styleTemplate, a = (t == null ? void 0 : t.buttonBorderStyle) ?? B, c = (t == null ? void 0 : t.buttonAnchorStyle) ?? L, d = E("Buy", t);
-    return `
+  [c]: (t) => `
         <td
             width="100"
             class="esd-block-button button-cell recommendation-attribute-row product-button es-p5l es-p5r"
-            esd-extension-block-id="${l.BUTTON}"
-            data-attribute-type="${g}"
+            esd-extension-block-id="${o.BUTTON}"
+            data-attribute-type="${c}"
             data-visibility="1"
             align="center"
             valign="middle">
-            <span class="${P(t)}" style="${a}">
+            <span
+                class="es-button-border"
+                style="
+                    border-width: 1px;
+                    background: rgb(217, 234, 211);
+                    border-color: rgb(106, 168, 79);
+                ">
                 <a
-                    href="${r.url}"
+                    href="${t.url}"
                     target="_blank"
-                    class="es-button ${m}"
-                    style="${c}">
-                    ${d}
+                    class="es-button ${d}"
+                    style="
+                        color: rgb(56, 118, 29);
+                        background: rgb(217, 234, 211);
+                        font-family: arial, 'helvetica neue', helvetica, sans-serif;
+                        font-size: 16px;
+                        font-weight: normal;
+                        line-height: 120%;
+                        padding: 5px 30px;
+                        mso-border-alt: 10px solid rgb(217, 234, 211);
+                        mso-padding-alt: 0;
+                    ">
+                    Buy
                 </a>
             </span>
         </td>
-    `;
-  },
+    `,
   /**
    * Custom attribute row template — same tr-td structure as Name, Price, etc.
    * Used by `buildElementRenderer` for `customAttr:*` composition entries.
    * @param productAttrValue - Resolved product-attr value (e.g., "brand" for default, "product_attribute.rating_star" for custom)
    * @param content - Display content for the cell
    */
-  [p]: (r, e, t) => {
-    const a = s(
-      e,
-      { pStyle: "font-size: 12px; color: #666666; margin: 0;", openTags: "", closeTags: "" },
-      t == null ? void 0 : t.styleTemplate
-    );
-    return `
+  [O]: (t, e) => `
         <tr>
             <td
-                ${$}="${r}"
+                ${u}="${t}"
                 class="esd-block-text product-custom-attribute"
-                esd-extension-block-id="${l.CUSTOM_ATTRIBUTE}"${n(t == null ? void 0 : t.cellBackgroundColor)}
+                esd-extension-block-id="${o.CUSTOM_ATTRIBUTE}"
                 align="left">
-                ${a}
+                <p contenteditable="false" style="font-size: 12px; color: #666666; margin: 0;">${e}</p>
             </td>
         </tr>
-    `;
-  }
+    `
 };
 export {
-  z as listElementRenderer
+  I as listElementRenderer
 };

package/dist/extensions/Blocks/Recommendation/templates/list/template.js

@@ -1,23 +1,22 @@
-import { ATTR_PRODUCT_IMAGE as s, ATTR_PRODUCT_BUTTON as p } from "../../constants/selectors.js";
-import { buildSpacer as T, DEFAULT_CARD_COMPOSITION as f, buildElementRenderer as g, DEFAULT_CARD_VISIBILITY as w } from "../utils.js";
-import { listElementRenderer as E } from "./elementRenderer.js";
-const I = "0 5px";
-function O(e, n, o) {
-  const l = o ? "" : ' style="display: none;"', i = e.replace(/<tr>/, "").replace(/<\/tr>/, "");
+import { ATTR_PRODUCT_IMAGE as a, ATTR_PRODUCT_BUTTON as d } from "../../constants/selectors.js";
+import { DEFAULT_CARD_COMPOSITION as b, spacer as m, buildElementRenderer as C, DEFAULT_CARD_VISIBILITY as T } from "../utils.js";
+import { listElementRenderer as f } from "./elementRenderer.js";
+function R(r, n, l) {
+  const t = l ? "" : ' style="display: none;"', o = r.replace(/<tr>/, "").replace(/<\/tr>/, "");
   return `<tr
             class="recommendation-attribute-row"
             data-attribute-type="${n}"
-            data-visibility="${o ? "1" : "0"}"${l}>${i}</tr>`;
+            data-visibility="${l ? "1" : "0"}"${t}>${o}</tr>`;
 }
 const y = `
     <tr class="recommendation-product-row">
-        <td style="padding: {-{-CARD_PADDING-}-};">
+        <td style="padding: 0 5px;">
             <table
                 width="100%"
                 cellpadding="0"
                 cellspacing="0"
                 border="0"
-                class="product-card-wrapper"{-{-WRAPPER_STYLE-}-}>
+                class="product-card-wrapper">
                 <tbody>
                     <tr>
                         {-{-PRODUCT_CONTENT-}-}
@@ -27,38 +26,29 @@ const y = `
         </td>
     </tr>
 `;
-function S(e, n = f, o = {}, l = {}) {
-  const {
-    cellPadding: i = I,
-    styleTemplates: t,
-    cardBackgroundColor: a,
-    cellBackgroundColors: c
-  } = l, u = a ? ` style="background-color: ${a};"` : "", d = g(E, n, o), R = { styleTemplate: t == null ? void 0 : t[s] }, C = d[s](e, R), b = `
+function O(r, n = b, l = {}) {
+  const t = C(f, n, l), o = t[a](r), c = `
         <td class="product-info-cell" valign="middle" style="padding: 15px;">
             <table cellpadding="0" cellspacing="0" role="presentation" width="100%" style="table-layout: fixed;">
                 <tbody>
-                    ${n.filter((r) => r !== s && r !== p).filter((r) => d[r]).map((r) => {
-    const A = w[r] ?? !0, P = d[r](e, {
-      styleTemplate: t == null ? void 0 : t[r],
-      cellBackgroundColor: c == null ? void 0 : c[r]
-    });
-    return O(P, r, A);
+                    ${n.filter((e) => e !== a && e !== d).filter((e) => t[e]).map((e) => {
+    const u = T[e] ?? !0;
+    return R(t[e](r), e, u);
   }).join(`
                     `)}
                 </tbody>
             </table>
         </td>
-    `, D = { styleTemplate: t == null ? void 0 : t[p] }, _ = d[p](e, D), m = C + b + _;
-  return y.replace("{-{-CARD_PADDING-}-}", i).replace("{-{-WRAPPER_STYLE-}-}", u).replace("{-{-PRODUCT_CONTENT-}-}", m);
+    `, s = t[d](r), p = o + c + s;
+  return y.replace("{-{-PRODUCT_CONTENT-}-}", p);
 }
-function x(e, n, o = {}, l = {}) {
-  const i = T(l.rowSpacingPx);
-  return e.map((t, a) => {
-    const c = S(t, n, o, l);
-    return a > 0 ? i + c : c;
+function D(r, n, l = {}) {
+  return r.map((t, o) => {
+    const i = O(t, n, l);
+    return o > 0 ? m + i : i;
   }).join("");
 }
 export {
-  S as getListProductCard,
-  x as prepareProductRows
+  O as getListProductCard,
+  D as prepareProductRows
 };

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

@@ -1,82 +1,57 @@
-import { ATTR_CUSTOM_PREFIX as b, ATTR_PRODUCT_IMAGE as T, ATTR_PRODUCT_NAME as g, ATTR_PRODUCT_OLD_PRICE as p, ATTR_PRODUCT_PRICE as _, ATTR_PRODUCT_OMNIBUS_PRICE as f, ATTR_PRODUCT_OMNIBUS_DISCOUNT as m, ATTR_PRODUCT_BUTTON as C } from "../constants/selectors.js";
-function D(t) {
+import { ATTR_CUSTOM_PREFIX as u, ATTR_PRODUCT_IMAGE as m, ATTR_PRODUCT_NAME as b, ATTR_PRODUCT_OLD_PRICE as T, ATTR_PRODUCT_PRICE as _, ATTR_PRODUCT_OMNIBUS_PRICE as g, ATTR_PRODUCT_OMNIBUS_DISCOUNT as C, ATTR_PRODUCT_BUTTON as f } from "../constants/selectors.js";
+function U(t) {
   return t.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
 }
-function h(t, e) {
-  const n = Object.values(e).find((o) => o.attributeName === t);
+function R(t, e) {
+  const n = Object.values(e).find((r) => r.attributeName === t);
   return (n == null ? void 0 : n.type) === "defaultAttribute";
 }
-function O(t, e) {
-  return h(t, e) ? t : `product_attribute.${t}`;
+function y(t, e) {
+  return R(t, e) ? t : `product_attribute.${t}`;
 }
-const U = Symbol("customCellHtml");
-function N(t, e, n = {}) {
-  const o = t[U];
-  if (!o)
+const P = Symbol("customCellHtml");
+function S(t, e, n = {}) {
+  const r = t[P];
+  if (!r)
     return { ...t };
-  const s = { ...t };
-  return e.filter((r) => r.startsWith(b) && !s[r]).forEach((r) => {
-    const i = r.substring(b.length), a = D(i), R = O(i, n), y = h(i, n);
-    s[r] = (d, S) => {
-      var u;
-      const c = y ? d[i] : (u = d.product_attributes) == null ? void 0 : u[i];
-      let l = a;
-      return typeof c == "string" ? l = c : typeof c == "number" && (l = String(c)), o(R, l, S);
+  const l = { ...t };
+  return e.filter((o) => o.startsWith(u) && !l[o]).forEach((o) => {
+    const s = o.substring(u.length), a = U(s), D = y(s, n), O = R(s, n);
+    l[o] = (d) => {
+      var p;
+      const i = O ? d[s] : (p = d.product_attributes) == null ? void 0 : p[s];
+      let c = a;
+      return typeof i == "string" ? c = i : typeof i == "number" && (c = String(i)), r(D, c);
     };
-  }), s;
+  }), l;
 }
-const B = {
+const L = {
   TITLE: "You May Also Like!"
 }, M = [
+  m,
+  b,
   T,
-  g,
-  p,
   _,
-  f,
-  m,
-  C
-], k = {
-  [T]: !0,
-  [g]: !0,
+  g,
+  C,
+  f
+], $ = {
+  [m]: !0,
+  [b]: !0,
   [_]: !0,
-  [p]: !0,
-  [f]: !1,
-  [m]: !1,
-  [C]: !0
-}, E = 10;
-function P(t = E) {
-  return `
+  [T]: !0,
+  [g]: !1,
+  [C]: !1,
+  [f]: !0
+}, h = `
     <tr>
-        <td class="spacer" style="height: ${t}px;"></td>
+        <td class="spacer" style="height: 10px;"></td>
     </tr>
-`;
-}
-const I = P();
-function L(t, e) {
-  return e ? e.pStyle ?? "" : t;
-}
-function v(t, e, n) {
-  const o = L(e.pStyle, n), s = n ? n.openTags ?? "" : e.openTags, r = n ? n.closeTags ?? "" : e.closeTags;
-  return `<p contenteditable="false" style="${o}">${s}${t}${r}</p>`;
-}
-function x(t, e) {
-  const n = [];
-  return t && n.push(t), e && n.push(`background-color: ${e};`), n.join(" ");
-}
-function F(t) {
-  return t ? ` style="background-color: ${t};"` : "";
-}
-function H(t, e) {
-  return `${(e == null ? void 0 : e.openTags) ?? ""}${t}${(e == null ? void 0 : e.closeTags) ?? ""}`;
-}
-function W(t) {
-  return t != null && t.buttonFitToContainer ? "es-button-border es-fw" : "es-button-border";
-}
-const Y = "display: block; max-width: 100%; height: auto;", G = "border-width: 1px; background: rgb(217, 234, 211); border-color: rgb(106, 168, 79);", z = "color: rgb(56, 118, 29); background: rgb(217, 234, 211); font-family: arial, 'helvetica neue', helvetica, sans-serif; font-size: 16px; font-weight: normal; line-height: 120%; mso-border-alt: 10px solid rgb(217, 234, 211); mso-padding-alt: 0;", A = "https://email-static.useinsider.com/stripo/modules/email-recommendation-v3/assets/images/image-placeholder.png";
-function V(t) {
+`, A = "https://email-static.useinsider.com/stripo/modules/email-recommendation-v3/assets/images/image-placeholder.png";
+function w(t) {
   return !t || typeof t != "string" || t.trim() === "" ? A : t.startsWith("http://") ? t.replace("http://", "https://") : t;
 }
-function $(t) {
+function I(t) {
   return {
     name: "Product Name",
     image_url: A,
@@ -91,19 +66,19 @@ function $(t) {
     category: []
   };
 }
-function j(t = 6) {
+function N(t = 6) {
   return Array.from(
     { length: t },
-    (e, n) => $(String(n + 1))
+    (e, n) => I(String(n + 1))
   );
 }
-function X(t = "grid", e) {
+function k(t = "grid", e) {
   const n = t === "list" ? `
-        data-layout="list"` : "", o = e ? ` ${e}` : "";
+        data-layout="list"` : "", r = e ? ` ${e}` : "";
   return `
     <td
         align="left"
-        class="${`recommendation-block-v2 esd-block-recommendation-v3-block es-p20${t === "list" ? " es-m-p0 ins-recommendation-list-layout" : ""}${o}`}"${n}>
+        class="${`recommendation-block-v2 esd-block-recommendation-v3-block es-p20${t === "list" ? " es-m-p0 ins-recommendation-list-layout" : ""}${r}`}"${n}>
         <table width="100%" cellpadding="0" cellspacing="0" border="0">
             <tr>
                 <td align="center">
@@ -135,7 +110,7 @@ function X(t = "grid", e) {
                                     </table>
                                 </td>
                             </tr>
-                            ${I}
+                            ${h}
                             <tr>
                                 <td>
                                     <table
@@ -174,28 +149,17 @@ function X(t = "grid", e) {
 `;
 }
 export {
-  U as CUSTOM_CELL_HTML,
-  B as DEFAULTS,
-  z as DEFAULT_BUTTON_ANCHOR_STYLE,
-  G as DEFAULT_BUTTON_BORDER_STYLE,
+  P as CUSTOM_CELL_HTML,
+  L as DEFAULTS,
   M as DEFAULT_CARD_COMPOSITION,
-  k as DEFAULT_CARD_VISIBILITY,
-  Y as DEFAULT_IMG_STYLE,
-  E as DEFAULT_ROW_SPACING_PX,
+  $ as DEFAULT_CARD_VISIBILITY,
   A as PLACEHOLDER_IMAGE,
-  N as buildElementRenderer,
-  P as buildSpacer,
-  F as cellBgStyleAttr,
-  X as createBlockTemplate,
-  j as getDefaultProducts,
-  h as isDefaultAttribute,
-  H as renderButtonLabel,
-  v as renderStyledParagraph,
-  W as resolveButtonBorderClass,
-  L as resolvePStyle,
-  O as resolveProductAttrValue,
-  x as resolveSegmentBgStyle,
-  V as sanitizeImageUrl,
-  I as spacer,
-  D as toDisplayName
+  S as buildElementRenderer,
+  k as createBlockTemplate,
+  N as getDefaultProducts,
+  R as isDefaultAttribute,
+  y as resolveProductAttrValue,
+  w as sanitizeImageUrl,
+  h as spacer,
+  U as toDisplayName
 };

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

@@ -1,32 +1,27 @@
-import { escapeHtml as g } from "../../../../utils/htmlEscape.js";
-function u(n) {
-  return "getInnerHTML" in n && typeof n.getInnerHTML == "function" ? n.getInnerHTML().trim() : "innerHTML" in n ? n.innerHTML : "";
+import { escapeHtml as m } from "../../../../utils/htmlEscape.js";
+function T(t) {
+  return "getInnerHTML" in t && typeof t.getInnerHTML == "function" ? t.getInnerHTML().trim() : "innerHTML" in t ? t.innerHTML : "";
 }
-function T(n) {
-  const s = [], t = [];
-  let r = n.trim();
+function H(t, f) {
+  const n = m(f);
+  if (!t)
+    return n;
+  const r = T(t);
+  if (!r || r.trim() === "" || !/<(strong|em|u|s|b|i)\b/i.test(r))
+    return n;
+  const e = [], s = [];
+  let o = r.trim();
   for (; ; ) {
-    const e = r.match(/^<(strong|em|u|s|b|i)(\s[^>]*)?>(.*)$/is);
-    if (!e)
+    const u = o.match(/^<(strong|em|u|s|b|i)(\s[^>]*)?>(.*)$/is);
+    if (!u)
       break;
-    const [, i, a = "", o] = e, c = new RegExp(`</${i}>$`, "i");
-    if (!c.test(o))
+    const [, i, a = "", c] = u, g = new RegExp(`</${i}>$`, "i");
+    if (!g.test(c))
       break;
-    s.push(`<${i}${a}>`), t.unshift(`</${i}>`), r = o.replace(c, "").trim();
+    e.push(`<${i}${a}>`), s.unshift(`</${i}>`), o = c.replace(g, "").trim();
   }
-  return { openTags: s.join(""), closeTags: t.join("") };
-}
-function p(n, s) {
-  const t = g(s);
-  if (!n)
-    return t;
-  const r = u(n);
-  if (!r || r.trim() === "")
-    return t;
-  const { openTags: e, closeTags: i } = T(r);
-  return e ? e + t + i : t;
+  return e.length > 0 ? e.join("") + n + s.join("") : n;
 }
 export {
-  T as extractWrapperTags,
-  p as preserveTextStyles
+  H as preserveTextStyles
 };