@useinsider/guido 3.0.0 → 3.1.0

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

@@ -1,11 +1,11 @@
 import { RecommendationBlockId as s } from "../../constants/blockIds.js";
-import { ATTR_PRODUCT_BUTTON as b, ATTR_PRODUCT_OMNIBUS_DISCOUNT as u, ATTR_PRODUCT_OMNIBUS_PRICE as m, ATTR_PRODUCT_OLD_PRICE as h, ATTR_PRODUCT_PRICE as y, ATTR_PRODUCT_NAME as f, ATTR_PRODUCT_IMAGE as x } from "../../constants/selectors.js";
-import { useRecommendationExtensionStore as T } from "../../store/recommendation.js";
-import { formatPrice as _ } from "../../utils/priceFormatter.js";
-import { sanitizeImageUrl as $ } from "../utils.js";
-const a = "0 5px", o = "attribute-cell";
+import { ATTR_PRODUCT_ATTR as g, ATTR_PRODUCT_BUTTON as u, ATTR_PRODUCT_OMNIBUS_DISCOUNT as m, ATTR_PRODUCT_OMNIBUS_PRICE as h, ATTR_PRODUCT_OLD_PRICE as y, ATTR_PRODUCT_PRICE as T, ATTR_PRODUCT_NAME as f, ATTR_PRODUCT_IMAGE as _ } from "../../constants/selectors.js";
+import { useRecommendationExtensionStore as x } from "../../store/recommendation.js";
+import { formatPrice as $ } from "../../utils/priceFormatter.js";
+import { sanitizeImageUrl as C, CUSTOM_CELL_HTML as R } from "../utils.js";
+const a = "0 5px", l = "attribute-cell";
 function p() {
-  const t = T(), { currencySettings: e } = t.recommendationConfigs;
+  const t = x(), { currencySettings: e } = t.recommendationConfigs;
   return {
     code: e.value,
     symbol: e.symbol,
@@ -15,16 +15,16 @@ function p() {
     thousandSeparator: e.thousandSeparator
   };
 }
-function c(t, e = "price") {
-  const n = p(), l = t[e], r = (l == null ? void 0 : l[n.code]) ?? Object.values(l ?? {})[0] ?? 0;
-  return _({
-    price: r,
-    currency: n
+function r(t, e = "price") {
+  const o = p(), n = t[e], d = (n == null ? void 0 : n[o.code]) ?? Object.values(n ?? {})[0] ?? 0;
+  return $({
+    price: d,
+    currency: o
   });
 }
-const P = {
-  [x]: (t) => `
-        <td class="${o}" style="padding: ${a}; height: 100%;" valign="top">
+const I = {
+  [_]: (t) => `
+        <td class="${l}" style="padding: ${a}; height: 100%;" valign="top">
             <table
                 class="product-card-segment"
                 width="100%"
@@ -40,7 +40,7 @@ const P = {
                             esd-extension-block-id="${s.IMAGE}">
                             <a target="_blank" href="${t.url}">
                                 <img
-                                    src="${$(t.image_url)}"
+                                    src="${C(t.image_url)}"
                                     alt="${t.name}"
                                     style="display: block; max-width: 100%; height: auto;"
                                     class="adapt-img">
@@ -52,7 +52,7 @@ const P = {
         </td>
     `,
   [f]: (t) => `
-        <td class="${o}" style="padding: ${a}; height: 100%;" valign="middle">
+        <td class="${l}" style="padding: ${a}; height: 100%;" valign="middle">
             <table
                 class="product-card-segment"
                 width="100%"
@@ -76,8 +76,8 @@ const P = {
             </table>
         </td>
     `,
-  [y]: (t) => `
-        <td class="${o}" style="padding: ${a}; height: 100%;" valign="top">
+  [T]: (t) => `
+        <td class="${l}" style="padding: ${a}; height: 100%;" valign="top">
             <table
                 class="product-card-segment"
                 width="100%"
@@ -92,7 +92,7 @@ const P = {
                             align="center"
                             esd-extension-block-id="${s.PRICE}">
                             <p contenteditable="false" style="font-size: 16px; color: #333333;">
-                                <strong>${c(t, "price")}</strong>
+                                <strong>${r(t, "price")}</strong>
                             </p>
                         </td>
                     </tr>
@@ -100,8 +100,8 @@ const P = {
             </table>
         </td>
     `,
-  [h]: (t) => `
-        <td class="${o}" style="padding: ${a}; height: 100%;" valign="top">
+  [y]: (t) => `
+        <td class="${l}" style="padding: ${a}; height: 100%;" valign="top">
             <table
                 class="product-card-segment"
                 width="100%"
@@ -116,7 +116,7 @@ const P = {
                             align="center"
                             esd-extension-block-id="${s.OLD_PRICE}">
                             <p contenteditable="false" style="font-size: 14px; color: #999999;">
-                                <strong>${c(t, "original_price")}</strong>
+                                <strong>${r(t, "original_price")}</strong>
                             </p>
                         </td>
                     </tr>
@@ -124,8 +124,8 @@ const P = {
             </table>
         </td>
     `,
-  [m]: (t) => `
-        <td class="${o}" style="padding: ${a}; height: 100%;" valign="top">
+  [h]: (t) => `
+        <td class="${l}" style="padding: ${a}; height: 100%;" valign="top">
             <table
                 class="product-card-segment"
                 width="100%"
@@ -143,7 +143,7 @@ const P = {
                             esd-extension-block-id="${s.OMNIBUS_PRICE}">
                             <p contenteditable="false" style="font-size: 12px; color: #666666;">
                                 <span class="omnibus-text-before">Lowest 30-day price: </span>
-                                <span class="omnibus-price-value">${c(t, "original_price")}</span>
+                                <span class="omnibus-price-value">${r(t, "original_price")}</span>
                                 <span class="omnibus-text-after"></span>
                             </p>
                         </td>
@@ -152,11 +152,11 @@ const P = {
             </table>
         </td>
     `,
-  [u]: (t) => {
-    var d, i;
-    const e = p(), n = ((d = t.original_price) == null ? void 0 : d[e.code]) ?? Object.values(t.original_price ?? {})[0] ?? 0, l = ((i = t.price) == null ? void 0 : i[e.code]) ?? Object.values(t.price ?? {})[0] ?? 0, r = n > 0 ? Math.round((n - l) / n * 100) : 0, g = r > 0 ? `-${r}%` : "0%";
+  [m]: (t) => {
+    var c, i;
+    const e = p(), o = ((c = t.original_price) == null ? void 0 : c[e.code]) ?? Object.values(t.original_price ?? {})[0] ?? 0, n = ((i = t.price) == null ? void 0 : i[e.code]) ?? Object.values(t.price ?? {})[0] ?? 0, d = o > 0 ? Math.round((o - n) / o * 100) : 0, b = d > 0 ? `-${d}%` : "0%";
     return `
-        <td class="${o}" style="padding: ${a}; height: 100%;" valign="top">
+        <td class="${l}" style="padding: ${a}; height: 100%;" valign="top">
             <table
                 class="product-card-segment"
                 width="100%"
@@ -174,7 +174,7 @@ const P = {
                             esd-extension-block-id="${s.OMNIBUS_DISCOUNT}">
                             <p contenteditable="false" style="font-size: 12px; color: #666666;">
                                 <span class="omnibus-text-before"></span>
-                                <span class="omnibus-discount-value">${g}</span>
+                                <span class="omnibus-discount-value">${b}</span>
                                 <span class="omnibus-text-after"></span>
                             </p>
                         </td>
@@ -184,8 +184,8 @@ const P = {
         </td>
     `;
   },
-  [b]: () => `
-        <td class="${o}" style="padding: ${a}; height: 100%;" valign="top">
+  [u]: () => `
+        <td class="${l}" style="padding: ${a}; height: 100%;" valign="top">
             <table
                 class="product-card-segment"
                 width="100%"
@@ -219,10 +219,39 @@ const P = {
                 </tbody>
             </table>
         </td>
+    `,
+  /**
+   * Custom attribute cell template — same structure as built-in entries
+   * (outer td → inner product-card-segment table).
+   * Used by `buildElementRenderer` for `customAttr:*` composition entries.
+   */
+  [R]: (t, e) => `
+        <td class="${l}" style="padding: ${a}; height: 100%;" valign="middle">
+            <table
+                class="product-card-segment"
+                width="100%"
+                height="100%"
+                cellpadding="0"
+                cellspacing="0"
+                border="0"
+                style="table-layout: fixed;">
+                <tbody>
+                    <tr valign="top">
+                        <td
+                            ${g}="product_attribute.${t}"
+                            class="esd-block-text product-custom-attribute es-p0t es-p0b es-p15l es-p15r"
+                            align="center"
+                            esd-extension-block-id="${s.CUSTOM_ATTRIBUTE}">
+                            <p contenteditable="false" style="font-size: 12px; color: #666666;">${e}</p>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </td>
     `
 };
 export {
-  o as ATTRIBUTE_CELL_CLASS,
+  l as ATTRIBUTE_CELL_CLASS,
   a as DEFAULT_CELL_PADDING,
-  P as gridElementRenderer
+  I as gridElementRenderer
 };

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

@@ -1,7 +1,7 @@
-import { DEFAULT_PRODUCTS_PER_ROW as m, DEFAULT_MOBILE_CARDS_IN_ROW as I } from "../../constants/layout.js";
-import { DEFAULT_CARD_COMPOSITION as _, spacer as E, getDefaultProducts as S, createBlockTemplate as A, DEFAULTS as b, DEFAULT_CARD_VISIBILITY as D } from "../utils.js";
-import { gridElementRenderer as w, ATTRIBUTE_CELL_CLASS as C, DEFAULT_CELL_PADDING as f } from "./elementRenderer.js";
-const O = `
+import { DEFAULT_PRODUCTS_PER_ROW as m } from "../../constants/layout.js";
+import { DEFAULT_CARD_COMPOSITION as L, spacer as E, getDefaultProducts as I, createBlockTemplate as _, DEFAULTS as S, buildElementRenderer as b, DEFAULT_CARD_VISIBILITY as A } from "../utils.js";
+import { gridElementRenderer as f, ATTRIBUTE_CELL_CLASS as w, DEFAULT_CELL_PADDING as D } from "./elementRenderer.js";
+const C = `
     <tr class="recommendation-product-row">
         <td>
             <table
@@ -18,7 +18,7 @@ const O = `
             </table>
         </td>
     </tr>
-`, U = `
+`, O = `
     <tr
         class="recommendation-attribute-row"
         data-attribute-type="{-{-ATTR_TYPE-}-}"
@@ -27,40 +27,37 @@ const O = `
         {-{-CELLS-}-}
     </tr>
 `;
-function g(t, e, r, n = _) {
-  const c = (100 / e).toFixed(2), s = e - t.length, o = `<td class="${C}" style="padding: ${f};" width="${c}%"></td>`, i = s > 0 ? o.repeat(s) : "";
-  return n.filter((l) => r[l]).map((l) => {
-    const p = D[l] ?? !0, T = p ? "" : 'style="display: none;"', u = t.map((R) => {
-      const L = r[l];
-      return L(R).replace("<td", `<td width="${c}%"`);
-    }).join("");
-    return U.replace("{-{-ATTR_TYPE-}-}", l).replace("{-{-VISIBILITY-}-}", p ? "1" : "0").replace("{-{-DISPLAY_STYLE-}-}", T).replace("{-{-CELLS-}-}", u + i);
+function g(t, e, l, n = L) {
+  const o = (100 / e).toFixed(2), a = e - t.length, r = `<td class="${w}" style="padding: ${D};" width="${o}%"></td>`, i = a > 0 ? r.repeat(a) : "", s = b(l, n);
+  return n.filter((c) => s[c]).map((c) => {
+    const p = A[c] ?? !0, T = p ? "" : 'style="display: none;"', u = t.map((R) => s[c](R).replace("<td", `<td width="${o}%"`)).join("");
+    return O.replace("{-{-ATTR_TYPE-}-}", c).replace("{-{-VISIBILITY-}-}", p ? "1" : "0").replace("{-{-DISPLAY_STYLE-}-}", T).replace("{-{-CELLS-}-}", u + i);
   }).join("");
 }
-function P(t, e, r, n) {
-  const c = [];
-  for (let o = 0; o < t.length; o += e)
-    c.push(t.slice(o, o + e));
-  return c.map((o, i) => {
-    const a = g(
-      o,
-      e,
+function P(t, e, l, n) {
+  const o = [];
+  for (let r = 0; r < t.length; r += e)
+    o.push(t.slice(r, r + e));
+  return o.map((r, i) => {
+    const s = g(
       r,
+      e,
+      l,
       n
-    ), l = O.replace("{-{-ATTRIBUTE_ROWS-}-}", a);
-    return i > 0 ? E + l : l;
+    ), d = C.replace("{-{-ATTRIBUTE_ROWS-}-}", s);
+    return i > 0 ? E + d : d;
   }).join("");
 }
-function d(t, e, r) {
-  return P(t, e, w, r);
+function U(t, e, l) {
+  return P(t, e, f, l);
 }
 function W(t) {
-  const e = t ? `ins-recommendation-v3-block-${t}` : void 0, r = A("grid", e), n = S(), c = d(n, m), s = d(n, I);
-  return r.replace("{-{-TITLE-}-}", b.TITLE).replace("{-{-PRODUCT_ROWS-}-}", c).replace("{-{-MOBILE_PRODUCT_ROWS-}-}", s);
+  const e = t ? `ins-recommendation-v3-block-${t}` : void 0, l = _("grid", e), n = I(), o = U(n, m);
+  return l.replace("{-{-TITLE-}-}", S.TITLE).replace("{-{-PRODUCT_ROWS-}-}", o).replace("{-{-MOBILE_PRODUCT_ROWS-}-}", "");
 }
 export {
   W as getDefaultTemplate,
   g as prepareGridAttributeRows,
   P as prepareGridProductRows,
-  d as prepareProductRows
+  U as prepareProductRows
 };

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

@@ -1,12 +1,12 @@
 import { DEFAULT_PRODUCTS_PER_ROW as s } from "../constants/layout.js";
-import { prepareProductRows as R } from "./grid/template.js";
-import { prepareProductRows as c } from "./list/template.js";
-function a(r, o, p = {}) {
-  if (o === "list")
-    return c(r);
-  const { productsPerRow: t = s, composition: e } = p;
-  return R(r, t, e);
+import { prepareProductRows as c } from "./grid/template.js";
+import { prepareProductRows as i } from "./list/template.js";
+function P(r, p, o = {}) {
+  if (p === "list")
+    return i(r, o.composition);
+  const { productsPerRow: t = s, composition: e } = o;
+  return c(r, t, e);
 }
 export {
-  a as prepareProductRows
+  P as prepareProductRows
 };

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

@@ -1,10 +1,10 @@
 import { RecommendationBlockId as o } from "../../constants/blockIds.js";
-import { ATTR_PRODUCT_BUTTON as l, ATTR_PRODUCT_IMAGE as d, ATTR_PRODUCT_OMNIBUS_DISCOUNT as u, ATTR_PRODUCT_OMNIBUS_PRICE as m, ATTR_PRODUCT_OLD_PRICE as g, ATTR_PRODUCT_PRICE as f, ATTR_PRODUCT_NAME as x } from "../../constants/selectors.js";
-import { useRecommendationExtensionStore as T } from "../../store/recommendation.js";
-import { formatPrice as _ } from "../../utils/priceFormatter.js";
-import { sanitizeImageUrl as y } from "../utils.js";
+import { ATTR_PRODUCT_ATTR as u, ATTR_PRODUCT_BUTTON as l, ATTR_PRODUCT_IMAGE as d, ATTR_PRODUCT_OMNIBUS_DISCOUNT as m, ATTR_PRODUCT_OMNIBUS_PRICE as g, ATTR_PRODUCT_OLD_PRICE as f, ATTR_PRODUCT_PRICE as T, ATTR_PRODUCT_NAME as x } from "../../constants/selectors.js";
+import { useRecommendationExtensionStore as _ } from "../../store/recommendation.js";
+import { formatPrice as R } from "../../utils/priceFormatter.js";
+import { sanitizeImageUrl as C, CUSTOM_CELL_HTML as y } from "../utils.js";
 function p() {
-  const t = T(), { currencySettings: e } = t.recommendationConfigs;
+  const t = _(), { currencySettings: e } = t.recommendationConfigs;
   return {
     code: e.value,
     symbol: e.symbol,
@@ -16,12 +16,12 @@ function p() {
 }
 function s(t, e = "price") {
   const n = p(), r = t[e], a = (r == null ? void 0 : r[n.code]) ?? Object.values(r ?? {})[0] ?? 0;
-  return _({
+  return R({
     price: a,
     currency: n
   });
 }
-const $ = {
+const I = {
   /**
    * Image cell - left column (120px fixed width)
    * Has recommendation-attribute-row class and data attributes for Card Composition control
@@ -37,7 +37,7 @@ const $ = {
             valign="middle">
             <a target="_blank" href="${t.url}">
                 <img
-                    src="${y(t.image_url)}"
+                    src="${C(t.image_url)}"
                     alt="${t.name}"
                     style="display: block; max-width: 100%; height: auto;"
                     class="adapt-img product-image">
@@ -62,7 +62,7 @@ const $ = {
   /**
    * Price element - row for info cell table
    */
-  [f]: (t) => `
+  [T]: (t) => `
         <tr>
             <td
                 class="esd-block-text product-price"
@@ -77,7 +77,7 @@ const $ = {
   /**
    * Old price element - row for info cell table
    */
-  [g]: (t) => `
+  [f]: (t) => `
         <tr>
             <td
                 class="esd-block-text product-old-price"
@@ -94,7 +94,7 @@ const $ = {
   /**
    * Omnibus price element - row for info cell table
    */
-  [m]: (t) => `
+  [g]: (t) => `
         <tr>
             <td
                 class="esd-block-text product-omnibus-price"
@@ -113,7 +113,7 @@ const $ = {
   /**
    * Omnibus discount element - row for info cell table
    */
-  [u]: (t) => {
+  [m]: (t) => {
     var i, c;
     const e = p(), n = ((i = t.original_price) == null ? void 0 : i[e.code]) ?? Object.values(t.original_price ?? {})[0] ?? 0, r = ((c = t.price) == null ? void 0 : c[e.code]) ?? Object.values(t.price ?? {})[0] ?? 0, a = n > 0 ? Math.round((n - r) / n * 100) : 0, b = a > 0 ? `-${a}%` : "0%";
     return `
@@ -162,8 +162,23 @@ const $ = {
                 </a>
             </span>
         </td>
+    `,
+  /**
+   * Custom attribute row template — same tr-td structure as Name, Price, etc.
+   * Used by `buildElementRenderer` for `customAttr:*` composition entries.
+   */
+  [y]: (t, e) => `
+        <tr>
+            <td
+                ${u}="product_attribute.${t}"
+                class="esd-block-text product-custom-attribute"
+                esd-extension-block-id="${o.CUSTOM_ATTRIBUTE}"
+                align="left">
+                <p contenteditable="false" style="font-size: 12px; color: #666666; margin: 0;">${e}</p>
+            </td>
+        </tr>
     `
 };
 export {
-  $ as listElementRenderer
+  I as listElementRenderer
 };

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

@@ -1,6 +1,13 @@
-import { ATTR_PRODUCT_IMAGE as E, ATTR_PRODUCT_NAME as l, ATTR_PRODUCT_OLD_PRICE as c, ATTR_PRODUCT_PRICE as a, ATTR_PRODUCT_OMNIBUS_PRICE as d, ATTR_PRODUCT_OMNIBUS_DISCOUNT as T, ATTR_PRODUCT_BUTTON as N } from "../../constants/selectors.js";
-import { spacer as $, DEFAULT_CARD_VISIBILITY as o } from "../utils.js";
-import { listElementRenderer as e } from "./elementRenderer.js";
+import { ATTR_PRODUCT_IMAGE as i, ATTR_PRODUCT_BUTTON as d } from "../../constants/selectors.js";
+import { DEFAULT_CARD_COMPOSITION as u, spacer as m, buildElementRenderer as C, DEFAULT_CARD_VISIBILITY as b } from "../utils.js";
+import { listElementRenderer as T } from "./elementRenderer.js";
+function R(r, n, t) {
+  const l = t ? "" : ' style="display: none;"', o = r.replace(/<tr>/, "").replace(/<\/tr>/, "");
+  return `<tr
+            class="recommendation-attribute-row"
+            data-attribute-type="${n}"
+            data-visibility="${t ? "1" : "0"}"${l}>${o}</tr>`;
+}
 const f = `
     <tr class="recommendation-product-row">
         <td style="padding: 0 5px;">
@@ -19,55 +26,29 @@ const f = `
         </td>
     </tr>
 `;
-function V(t) {
-  const r = e[E](t), s = o[l], i = o[c], R = o[a], C = o[d], b = o[T], n = (w, A, p) => {
-    const I = p ? "" : ' style="display: none;"', g = w.replace(/<tr>/, "").replace(/<\/tr>/, "");
-    return `<tr
-            class="recommendation-attribute-row"
-            data-attribute-type="${A}"
-            data-visibility="${p ? "1" : "0"}"${I}>${g}</tr>`;
-  }, m = n(
-    e[l](t),
-    l,
-    s
-  ), _ = n(
-    e[c](t),
-    c,
-    i
-  ), O = n(
-    e[a](t),
-    a,
-    R
-  ), P = n(
-    e[d](t),
-    d,
-    C
-  ), u = n(
-    e[T](t),
-    T,
-    b
-  ), D = `
+function y(r, n = u) {
+  const t = C(T, n), l = t[i](r), a = `
         <td class="product-info-cell" valign="middle" style="padding: 15px;">
             <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
                 <tbody>
-                    ${m}
-                    ${_}
-                    ${O}
-                    ${P}
-                    ${u}
+                    ${n.filter((e) => e !== i && e !== d).filter((e) => t[e]).map((e) => {
+    const p = b[e] ?? !0;
+    return R(t[e](r), e, p);
+  }).join(`
+                    `)}
                 </tbody>
             </table>
         </td>
-    `, U = e[N](t), y = r + D + U;
-  return f.replace("{-{-PRODUCT_CONTENT-}-}", y);
+    `, c = t[d](r), s = l + a + c;
+  return f.replace("{-{-PRODUCT_CONTENT-}-}", s);
 }
-function M(t) {
-  return t.map((r, s) => {
-    const i = V(r);
-    return s > 0 ? $ + i : i;
+function w(r, n) {
+  return r.map((t, l) => {
+    const o = y(t, n);
+    return l > 0 ? m + o : o;
   }).join("");
 }
 export {
-  V as getListProductCard,
-  M as prepareProductRows
+  y as getListProductCard,
+  w as prepareProductRows
 };

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

@@ -1,34 +1,55 @@
-import { ATTR_PRODUCT_IMAGE as o, ATTR_PRODUCT_NAME as s, ATTR_PRODUCT_OLD_PRICE as r, ATTR_PRODUCT_PRICE as l, ATTR_PRODUCT_OMNIBUS_PRICE as i, ATTR_PRODUCT_OMNIBUS_DISCOUNT as a, ATTR_PRODUCT_BUTTON as c } from "../constants/selectors.js";
-const C = {
+import { ATTR_PRODUCT_IMAGE as m, ATTR_PRODUCT_NAME as p, ATTR_PRODUCT_OLD_PRICE as T, ATTR_PRODUCT_PRICE as u, ATTR_PRODUCT_OMNIBUS_PRICE as _, ATTR_PRODUCT_OMNIBUS_DISCOUNT as b, ATTR_PRODUCT_BUTTON as g, ATTR_CUSTOM_PREFIX as d } from "../constants/selectors.js";
+function R(t) {
+  return t.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
+}
+const O = Symbol("customCellHtml");
+function f(t, e) {
+  const n = t[O];
+  if (!n)
+    return { ...t };
+  const r = { ...t };
+  return e.filter((o) => o.startsWith(d) && !r[o]).forEach((o) => {
+    const s = o.substring(d.length), l = R(s);
+    r[o] = (i) => {
+      var a;
+      const c = (a = i.product_attributes) == null ? void 0 : a[s];
+      return n(
+        s,
+        c != null ? String(c) : l
+      );
+    };
+  }), r;
+}
+const h = {
   TITLE: "You May Also Like!"
-}, D = [
-  o,
-  s,
-  r,
-  l,
-  i,
-  a,
-  c
-], O = {
-  [o]: !0,
-  [s]: !0,
-  [l]: !0,
-  [r]: !0,
-  [i]: !1,
-  [a]: !1,
-  [c]: !0
-}, m = `
+}, I = [
+  m,
+  p,
+  T,
+  u,
+  _,
+  b,
+  g
+], P = {
+  [m]: !0,
+  [p]: !0,
+  [u]: !0,
+  [T]: !0,
+  [_]: !1,
+  [b]: !1,
+  [g]: !0
+}, U = `
     <tr>
         <td class="spacer" style="height: 10px;"></td>
     </tr>
-`, d = "https://email-static.useinsider.com/stripo/modules/email-recommendation-v3/assets/images/image-placeholder.png";
-function U(t) {
-  return !t || typeof t != "string" || t.trim() === "" ? d : t.startsWith("http://") ? t.replace("http://", "https://") : t;
+`, C = "https://email-static.useinsider.com/stripo/modules/email-recommendation-v3/assets/images/image-placeholder.png";
+function E(t) {
+  return !t || typeof t != "string" || t.trim() === "" ? C : t.startsWith("http://") ? t.replace("http://", "https://") : t;
 }
-function T(t) {
+function D(t) {
   return {
     name: "Product Name",
-    image_url: d,
+    image_url: C,
     price: { USD: 18 },
     original_price: { USD: 20 },
     discount: { USD: 2 },
@@ -40,19 +61,19 @@ function T(t) {
     category: []
   };
 }
-function A(t = 6) {
+function S(t = 6) {
   return Array.from(
     { length: t },
-    (e, n) => T(String(n + 1))
+    (e, n) => D(String(n + 1))
   );
 }
-function I(t = "grid", e) {
+function y(t = "grid", e) {
   const n = t === "list" ? `
-        data-layout="list"` : "", p = 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" : ""}${p}`}"${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">
@@ -84,7 +105,7 @@ function I(t = "grid", e) {
                                     </table>
                                 </td>
                             </tr>
-                            ${m}
+                            ${U}
                             <tr>
                                 <td>
                                     <table
@@ -123,12 +144,15 @@ function I(t = "grid", e) {
 `;
 }
 export {
-  C as DEFAULTS,
-  D as DEFAULT_CARD_COMPOSITION,
-  O as DEFAULT_CARD_VISIBILITY,
-  d as PLACEHOLDER_IMAGE,
-  I as createBlockTemplate,
-  A as getDefaultProducts,
-  U as sanitizeImageUrl,
-  m as spacer
+  O as CUSTOM_CELL_HTML,
+  h as DEFAULTS,
+  I as DEFAULT_CARD_COMPOSITION,
+  P as DEFAULT_CARD_VISIBILITY,
+  C as PLACEHOLDER_IMAGE,
+  f as buildElementRenderer,
+  y as createBlockTemplate,
+  S as getDefaultProducts,
+  E as sanitizeImageUrl,
+  U as spacer,
+  R as toDisplayName
 };