@useinsider/guido 3.1.1 → 3.2.0-beta.080341b

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

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

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

@@ -1,8 +1,8 @@
 import { RecommendationBlockId as o } from "../../constants/blockIds.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 { ATTR_PRODUCT_ATTR as m, ATTR_PRODUCT_BUTTON as c, ATTR_PRODUCT_IMAGE as d, ATTR_PRODUCT_OMNIBUS_DISCOUNT as u, 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";
+import { sanitizeImageUrl as y, CUSTOM_CELL_HTML as C } from "../utils.js";
 function p() {
   const t = _(), { currencySettings: e } = t.recommendationConfigs;
   return {
@@ -15,13 +15,13 @@ 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;
+  const n = p(), a = t[e], r = (a == null ? void 0 : a[n.code]) ?? Object.values(a ?? {})[0] ?? 0;
   return R({
-    price: a,
+    price: r,
     currency: n
   });
 }
-const I = {
+const U = {
   /**
    * Image cell - left column (120px fixed width)
    * Has recommendation-attribute-row class and data attributes for Card Composition control
@@ -37,7 +37,7 @@ const I = {
             valign="middle">
             <a target="_blank" href="${t.url}">
                 <img
-                    src="${C(t.image_url)}"
+                    src="${y(t.image_url)}"
                     alt="${t.name}"
                     style="display: block; max-width: 100%; height: auto;"
                     class="adapt-img product-image">
@@ -113,9 +113,9 @@ const I = {
   /**
    * Omnibus discount element - row for info cell table
    */
-  [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%";
+  [u]: (t) => {
+    var i, l;
+    const e = p(), 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, b = r > 0 ? `-${r}%` : "0%";
     return `
         <tr>
             <td
@@ -137,12 +137,12 @@ const I = {
    * Button cell - right column (100px fixed width)
    * Has recommendation-attribute-row class and data attributes for Card Composition control
    */
-  [l]: (t) => `
+  [c]: (t) => `
         <td
             width="100"
             class="esd-block-button button-cell recommendation-attribute-row product-button es-p5l es-p5r"
             esd-extension-block-id="${o.BUTTON}"
-            data-attribute-type="${l}"
+            data-attribute-type="${c}"
             data-visibility="1"
             align="center"
             valign="middle">
@@ -157,7 +157,17 @@ const I = {
                     href="${t.url}"
                     target="_blank"
                     class="es-button buy-button"
-                    style="color: rgb(56, 118, 29); background: rgb(217, 234, 211); padding: 5px 30px;">
+                    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>
@@ -166,11 +176,13 @@ const I = {
   /**
    * 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
    */
-  [y]: (t, e) => `
+  [C]: (t, e) => `
         <tr>
             <td
-                ${u}="product_attribute.${t}"
+                ${m}="${t}"
                 class="esd-block-text product-custom-attribute"
                 esd-extension-block-id="${o.CUSTOM_ATTRIBUTE}"
                 align="left">
@@ -180,5 +192,5 @@ const I = {
     `
 };
 export {
-  I as listElementRenderer
+  U as listElementRenderer
 };

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

@@ -1,14 +1,14 @@
-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>/, "");
+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="${t ? "1" : "0"}"${l}>${o}</tr>`;
+            data-visibility="${l ? "1" : "0"}"${t}>${o}</tr>`;
 }
-const f = `
+const y = `
     <tr class="recommendation-product-row">
         <td style="padding: 0 5px;">
             <table
@@ -26,29 +26,29 @@ const f = `
         </td>
     </tr>
 `;
-function y(r, n = u) {
-  const t = C(T, n), l = t[i](r), a = `
+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%">
+            <table cellpadding="0" cellspacing="0" role="presentation" width="100%" style="table-layout: fixed;">
                 <tbody>
-                    ${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);
+                    ${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>
-    `, c = t[d](r), s = l + a + c;
-  return f.replace("{-{-PRODUCT_CONTENT-}-}", s);
+    `, s = t[d](r), p = o + c + s;
+  return y.replace("{-{-PRODUCT_CONTENT-}-}", p);
 }
-function w(r, n) {
-  return r.map((t, l) => {
-    const o = y(t, n);
-    return l > 0 ? m + o : o;
+function D(r, n, l = {}) {
+  return r.map((t, o) => {
+    const i = O(t, n, l);
+    return o > 0 ? m + i : i;
   }).join("");
 }
 export {
-  y as getListProductCard,
-  w as prepareProductRows
+  O as getListProductCard,
+  D as prepareProductRows
 };

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

@@ -1,55 +1,60 @@
-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) {
+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());
 }
-const O = Symbol("customCellHtml");
-function f(t, e) {
-  const n = t[O];
-  if (!n)
+function R(t, e) {
+  const n = Object.values(e).find((r) => r.attributeName === t);
+  return (n == null ? void 0 : n.type) === "defaultAttribute";
+}
+function y(t, e) {
+  return R(t, e) ? t : `product_attribute.${t}`;
+}
+const P = Symbol("customCellHtml");
+function S(t, e, n = {}) {
+  const r = t[P];
+  if (!r)
     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
-      );
+  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);
     };
-  }), r;
+  }), l;
 }
-const h = {
+const L = {
   TITLE: "You May Also Like!"
-}, I = [
+}, M = [
   m,
-  p,
+  b,
   T,
-  u,
   _,
-  b,
-  g
-], P = {
+  g,
+  C,
+  f
+], $ = {
   [m]: !0,
-  [p]: !0,
-  [u]: !0,
+  [b]: !0,
+  [_]: !0,
   [T]: !0,
-  [_]: !1,
-  [b]: !1,
-  [g]: !0
-}, U = `
+  [g]: !1,
+  [C]: !1,
+  [f]: !0
+}, h = `
     <tr>
         <td class="spacer" style="height: 10px;"></td>
     </tr>
-`, 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;
+`, 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 D(t) {
+function I(t) {
   return {
     name: "Product Name",
-    image_url: C,
+    image_url: A,
     price: { USD: 18 },
     original_price: { USD: 20 },
     discount: { USD: 2 },
@@ -61,13 +66,13 @@ function D(t) {
     category: []
   };
 }
-function S(t = 6) {
+function N(t = 6) {
   return Array.from(
     { length: t },
-    (e, n) => D(String(n + 1))
+    (e, n) => I(String(n + 1))
   );
 }
-function y(t = "grid", e) {
+function k(t = "grid", e) {
   const n = t === "list" ? `
         data-layout="list"` : "", r = e ? ` ${e}` : "";
   return `
@@ -105,7 +110,7 @@ function y(t = "grid", e) {
                                     </table>
                                 </td>
                             </tr>
-                            ${U}
+                            ${h}
                             <tr>
                                 <td>
                                     <table
@@ -144,15 +149,17 @@ function y(t = "grid", e) {
 `;
 }
 export {
-  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
+  P as CUSTOM_CELL_HTML,
+  L as DEFAULTS,
+  M as DEFAULT_CARD_COMPOSITION,
+  $ as DEFAULT_CARD_VISIBILITY,
+  A as PLACEHOLDER_IMAGE,
+  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/filterUtil.js

@@ -1,28 +1,31 @@
 function l(t) {
   if (t.length === 0)
     return "";
-  const o = t.sort((r, e) => r.filterNumber - e.filterNumber), n = o.map((r) => `[${r.attribute}][${r.operator}][${r.value}]`), [p, ...i] = n;
-  let u = p;
-  for (let r = 0; r < i.length; r++) {
+  const o = t.sort((r, e) => r.filterNumber - e.filterNumber), u = o.map((r) => {
+    const e = r.operator === "||", a = e ? "=" : r.operator, c = e ? decodeURIComponent(r.value).split(",").join("||") : r.value;
+    return `[${r.attribute}][${a}][${c}]`;
+  }), [s, ...p] = u;
+  let n = s;
+  for (let r = 0; r < p.length; r++) {
     const e = o[r].innerGroupOperator;
-    u += `${e}${i[r]}`;
+    n += `${e}${p[r]}`;
   }
-  return `(${u})`;
+  return `(${n})`;
 }
-function f(t) {
+function G(t) {
   if (!t || t.length === 0)
     return "";
-  const o = t.reduce((r, e) => (r[e.filterGroup] || (r[e.filterGroup] = []), r[e.filterGroup].push(e), r), {}), n = Object.keys(o).map(Number).sort((r, e) => r - e), p = n.map((r) => {
+  const o = t.reduce((r, e) => (r[e.filterGroup] || (r[e.filterGroup] = []), r[e.filterGroup].push(e), r), {}), u = Object.keys(o).map(Number).sort((r, e) => r - e), s = u.map((r) => {
     const e = o[r];
     return l(e);
-  }), [i, ...u] = p;
-  let s = i;
-  for (let r = 0; r < u.length; r++) {
-    const e = n[r + 1], c = o[e][0].outerGroupOperator;
-    s += `${c}${u[r]}`;
+  }), [p, ...n] = s;
+  let i = p;
+  for (let r = 0; r < n.length; r++) {
+    const e = u[r + 1], c = o[e][0].outerGroupOperator;
+    i += `${c}${n[r]}`;
   }
-  return s.trim();
+  return i.trim();
 }
 export {
-  f as generateCompleteFilterQuery
+  G as generateCompleteFilterQuery
 };

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

@@ -0,0 +1,21 @@
+function r(e) {
+  if (!e)
+    return e;
+  switch (e) {
+    case "viewedTogether":
+      return "similarViewed";
+    case "purchasedTogether":
+      return "similarBought";
+    case "trending":
+      return "trendingProducts";
+    case "mostValuable":
+      return "mostValuableOfPartner";
+    case "topSellers":
+      return "mostPurchased";
+    default:
+      return e;
+  }
+}
+export {
+  r as mapLegacyStrategy
+};

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

@@ -1,36 +1,27 @@
-function m(t) {
-  const e = {
-    "&": "&",
-    "<": "&lt;",
-    ">": "&gt;",
-    '"': "&quot;",
-    "'": "&#39;"
-  };
-  return t.replace(/[&<>"']/g, (n) => e[n]);
-}
-function p(t) {
+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(t, e) {
-  const n = m(e);
+function H(t, f) {
+  const n = m(f);
   if (!t)
     return n;
-  const r = p(t);
+  const r = T(t);
   if (!r || r.trim() === "" || !/<(strong|em|u|s|b|i)\b/i.test(r))
     return n;
-  const i = [], o = [];
-  let c = r.trim();
+  const e = [], s = [];
+  let o = r.trim();
   for (; ; ) {
-    const u = c.match(/^<(strong|em|u|s|b|i)(\s[^>]*)?>(.*)$/is);
+    const u = o.match(/^<(strong|em|u|s|b|i)(\s[^>]*)?>(.*)$/is);
     if (!u)
       break;
-    const [, s, f = "", g] = u, a = new RegExp(`</${s}>$`, "i");
-    if (!a.test(g))
+    const [, i, a = "", c] = u, g = new RegExp(`</${i}>$`, "i");
+    if (!g.test(c))
       break;
-    i.push(`<${s}${f}>`), o.unshift(`</${s}>`), c = g.replace(a, "").trim();
+    e.push(`<${i}${a}>`), s.unshift(`</${i}>`), o = c.replace(g, "").trim();
   }
-  return i.length > 0 ? i.join("") + n + o.join("") : n;
+  return e.length > 0 ? e.join("") + n + s.join("") : n;
 }
 export {
-  T as preserveTextStyles
+  H as preserveTextStyles
 };

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

@@ -1,10 +1,10 @@
 function a(t) {
   return typeof t == "object" && t !== null && "tagName" in t && typeof t.tagName == "string";
 }
-function r(t) {
+function n(t) {
   return typeof t == "object" && t !== null && "getTagName" in t && typeof t.getTagName == "function";
 }
-function n(t) {
+function r(t) {
   return typeof t == "object" && t !== null && "getStyle" in t && typeof t.getStyle == "function";
 }
 function u(t) {
@@ -14,13 +14,13 @@ function g(t) {
   return typeof t == "object" && t !== null && "tagName" in t && t.tagName === "TD";
 }
 function p(t, e) {
-  return !t || !n(t) ? null : t.getStyle(e);
+  return !t || !r(t) ? null : t.getStyle(e);
 }
 function N(t) {
-  return !t || !u(t) ? null : t.parent();
+  return !t || !u(t) ? null : t.parent() ?? null;
 }
 function l(t, e = "UNKNOWN") {
-  return t ? a(t) ? t.tagName.toUpperCase() : r(t) ? t.getTagName().toUpperCase() : e : e;
+  return t ? a(t) ? t.tagName.toUpperCase() : n(t) ? t.getTagName().toUpperCase() : e : e;
 }
 const f = /* @__PURE__ */ new Set(["TD", "BLOCK_IMAGE", "BLOCK_BUTTON"]);
 function i(t) {
@@ -36,7 +36,7 @@ function s(t) {
 export {
   s as getTableDisplayValue,
   l as getTagName,
-  n as hasGetStyle,
+  r as hasGetStyle,
   u as hasParent,
   c as isTableCellNode,
   i as isTableCellTag,