@useinsider/guido 3.6.0 → 3.7.0

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

@@ -1,11 +1,14 @@
-import { RecommendationBlockId as s } from "../../constants/blockIds.js";
-import { ATTR_PRODUCT_ATTR as u, CSS_CLASS_RECO_BUTTON as p, ATTR_PRODUCT_BUTTON as m, ATTR_PRODUCT_OMNIBUS_DISCOUNT as h, ATTR_PRODUCT_OMNIBUS_PRICE as y, ATTR_PRODUCT_OLD_PRICE as T, ATTR_PRODUCT_PRICE as f, ATTR_PRODUCT_NAME as _, ATTR_PRODUCT_IMAGE as x } from "../../constants/selectors.js";
-import { useRecommendationExtensionStore as $ } from "../../store/recommendation.js";
+import { RecommendationBlockId as l } from "../../constants/blockIds.js";
+import { ATTR_PRODUCT_ATTR as u, CSS_CLASS_RECO_BUTTON as p, ATTR_PRODUCT_BUTTON as m, ATTR_PRODUCT_OMNIBUS_DISCOUNT as h, ATTR_PRODUCT_OMNIBUS_PRICE as y, ATTR_PRODUCT_OLD_PRICE as T, ATTR_PRODUCT_PRICE as f, ATTR_PRODUCT_NAME as $, ATTR_PRODUCT_IMAGE as _ } from "../../constants/selectors.js";
+import { useRecommendationExtensionStore as x } from "../../store/recommendation.js";
 import { formatPrice as C } from "../../utils/priceFormatter.js";
 import { CUSTOM_CELL_HTML as R, sanitizeImageUrl as O } from "../utils.js";
-const a = "0 5px", l = "attribute-cell";
+const s = "0 5px", a = "attribute-cell";
+function S(t, e = s) {
+  return `<td class="${a}" style="padding: ${e};" width="${t}%"></td>`;
+}
 function g() {
-  const t = $(), { currencySettings: e } = t.recommendationConfigs;
+  const t = x(), { currencySettings: e } = t.recommendationConfigs;
   return {
     code: e.value,
     symbol: e.symbol,
@@ -22,9 +25,9 @@ function i(t, e = "price") {
     currency: o
   });
 }
-const S = {
-  [x]: (t) => `
-        <td class="${l}" style="padding: ${a}; height: 100%;" valign="top">
+const A = {
+  [_]: (t) => `
+        <td class="${a}" style="padding: ${s}; height: 100%;" valign="top">
             <table
                 class="product-card-segment"
                 width="100%"
@@ -37,7 +40,7 @@ const S = {
                         <td
                             class="esd-block-image product-image"
                             align="center"
-                            esd-extension-block-id="${s.IMAGE}">
+                            esd-extension-block-id="${l.IMAGE}">
                             <a target="_blank" href="${t.url}" class="${p}">
                                 <img
                                     src="${O(t.image_url)}"
@@ -51,8 +54,8 @@ const S = {
             </table>
         </td>
     `,
-  [_]: (t) => `
-        <td class="${l}" style="padding: ${a}; height: 100%;" valign="middle">
+  [$]: (t) => `
+        <td class="${a}" style="padding: ${s}; height: 100%;" valign="middle">
             <table
                 class="product-card-segment"
                 width="100%"
@@ -66,7 +69,7 @@ const S = {
                         <td
                             class="esd-block-text product-name es-p10t es-p10b es-p15l es-p15r"
                             align="center"
-                            esd-extension-block-id="${s.NAME}">
+                            esd-extension-block-id="${l.NAME}">
                             <p contenteditable="false" style="font-size: 16px; color: #333333;">
                                 <strong>${t.name}</strong>
                             </p>
@@ -77,7 +80,7 @@ const S = {
         </td>
     `,
   [f]: (t) => `
-        <td class="${l}" style="padding: ${a}; height: 100%;" valign="top">
+        <td class="${a}" style="padding: ${s}; height: 100%;" valign="top">
             <table
                 class="product-card-segment"
                 width="100%"
@@ -90,7 +93,7 @@ const S = {
                         <td
                             class="esd-block-text product-price es-p15l es-p15r"
                             align="center"
-                            esd-extension-block-id="${s.PRICE}">
+                            esd-extension-block-id="${l.PRICE}">
                             <p contenteditable="false" style="font-size: 16px; color: #333333;">
                                 <strong>${i(t, "price")}</strong>
                             </p>
@@ -101,7 +104,7 @@ const S = {
         </td>
     `,
   [T]: (t) => `
-        <td class="${l}" style="padding: ${a}; height: 100%;" valign="top">
+        <td class="${a}" style="padding: ${s}; height: 100%;" valign="top">
             <table
                 class="product-card-segment"
                 width="100%"
@@ -114,9 +117,11 @@ const S = {
                         <td
                             class="esd-block-text product-old-price es-p15l es-p15r"
                             align="center"
-                            esd-extension-block-id="${s.OLD_PRICE}">
-                            <p contenteditable="false" style="font-size: 14px; color: #999999;">
-                                <strong>${i(t, "original_price")}</strong>
+                            esd-extension-block-id="${l.OLD_PRICE}">
+                            <p
+                                contenteditable="false"
+                                style="font-size: 14px; color: #999999;">
+                                <s><strong>${i(t, "original_price")}</strong></s>
                             </p>
                         </td>
                     </tr>
@@ -125,7 +130,7 @@ const S = {
         </td>
     `,
   [y]: (t) => `
-        <td class="${l}" style="padding: ${a}; height: 100%;" valign="top">
+        <td class="${a}" style="padding: ${s}; height: 100%;" valign="top">
             <table
                 class="product-card-segment"
                 width="100%"
@@ -140,7 +145,7 @@ const S = {
                             align="center"
                             data-text-before="Lowest 30-day price: "
                             data-text-after=""
-                            esd-extension-block-id="${s.OMNIBUS_PRICE}">
+                            esd-extension-block-id="${l.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">${i(t, "original_price")}</span>
@@ -156,7 +161,7 @@ const S = {
     var r, c;
     const e = g(), o = ((r = t.original_price) == null ? void 0 : r[e.code]) ?? Object.values(t.original_price ?? {})[0] ?? 0, n = ((c = t.price) == null ? void 0 : c[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="${l}" style="padding: ${a}; height: 100%;" valign="top">
+        <td class="${a}" style="padding: ${s}; height: 100%;" valign="top">
             <table
                 class="product-card-segment"
                 width="100%"
@@ -171,7 +176,7 @@ const S = {
                             align="center"
                             data-text-before=""
                             data-text-after=""
-                            esd-extension-block-id="${s.OMNIBUS_DISCOUNT}">
+                            esd-extension-block-id="${l.OMNIBUS_DISCOUNT}">
                             <p contenteditable="false" style="font-size: 12px; color: #666666;">
                                 <span class="omnibus-text-before"></span>
                                 <span class="omnibus-discount-value">${b}</span>
@@ -185,7 +190,7 @@ const S = {
     `;
   },
   [m]: () => `
-        <td class="${l}" style="padding: ${a}; height: 100%;" valign="top">
+        <td class="${a}" style="padding: ${s}; height: 100%;" valign="top">
             <table
                 class="product-card-segment"
                 width="100%"
@@ -198,7 +203,7 @@ const S = {
                         <td
                             class="esd-block-button product-button es-p10t es-p10b"
                             align="center"
-                            esd-extension-block-id="${s.BUTTON}">
+                            esd-extension-block-id="${l.BUTTON}">
                             <span
                                 class="es-button-border"
                                 style="
@@ -237,7 +242,7 @@ const S = {
    * @param content - Display content for the cell
    */
   [R]: (t, e) => `
-        <td class="${l}" style="padding: ${a}; height: 100%;" valign="middle">
+        <td class="${a}" style="padding: ${s}; height: 100%;" valign="middle">
             <table
                 class="product-card-segment"
                 width="100%"
@@ -252,7 +257,7 @@ const S = {
                             ${u}="${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}">
+                            esd-extension-block-id="${l.CUSTOM_ATTRIBUTE}">
                             <p contenteditable="false" style="font-size: 12px; color: #666666;">${e}</p>
                         </td>
                     </tr>
@@ -262,7 +267,8 @@ const S = {
     `
 };
 export {
-  l as ATTRIBUTE_CELL_CLASS,
-  a as DEFAULT_CELL_PADDING,
-  S as gridElementRenderer
+  a as ATTRIBUTE_CELL_CLASS,
+  s as DEFAULT_CELL_PADDING,
+  S as buildFillerCell,
+  A as gridElementRenderer
 };

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

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

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

@@ -14,10 +14,10 @@ function b() {
     thousandSeparator: e.thousandSeparator
   };
 }
-function s(t, e = "price") {
-  const n = b(), a = t[e], r = (a == null ? void 0 : a[n.code]) ?? Object.values(a ?? {})[0] ?? 0;
+function r(t, e = "price") {
+  const n = b(), s = t[e], a = (s == null ? void 0 : s[n.code]) ?? Object.values(s ?? {})[0] ?? 0;
   return R({
-    price: r,
+    price: a,
     currency: n
   });
 }
@@ -69,7 +69,7 @@ const I = {
                 esd-extension-block-id="${o.PRICE}"
                 align="left">
                 <p contenteditable="false" style="font-size: 16px; color: #333333; font-weight: bold; margin: 0;">
-                    <strong>${s(t, "price")}</strong>
+                    <strong>${r(t, "price")}</strong>
                 </p>
             </td>
         </tr>
@@ -85,8 +85,8 @@ const I = {
                 align="left">
                 <p
                     contenteditable="false"
-                    style="font-size: 14px; color: #999999; text-decoration: line-through; margin: 0;">
-                    <strong>${s(t, "original_price")}</strong>
+                    style="font-size: 14px; color: #999999; margin: 0;">
+                    <s><strong>${r(t, "original_price")}</strong></s>
                 </p>
             </td>
         </tr>
@@ -104,7 +104,7 @@ const I = {
                 align="left">
                 <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">${s(t, "original_price")}</span>
+                    <span class="omnibus-price-value">${r(t, "original_price")}</span>
                     <span class="omnibus-text-after"></span>
                 </p>
             </td>
@@ -115,7 +115,7 @@ const I = {
    */
   [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%";
+    const e = b(), n = ((i = t.original_price) == null ? void 0 : i[e.code]) ?? Object.values(t.original_price ?? {})[0] ?? 0, s = ((l = t.price) == null ? void 0 : l[e.code]) ?? Object.values(t.price ?? {})[0] ?? 0, a = n > 0 ? Math.round((n - s) / n * 100) : 0, m = a > 0 ? `-${a}%` : "0%";
     return `
         <tr>
             <td

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

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

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

@@ -0,0 +1,21 @@
+const i = [
+  "ozonebg",
+  "ozonehr",
+  "ozonero",
+  "ozoneinfo",
+  "babybg",
+  "ozongr",
+  "iboodat",
+  "iboodbe",
+  "iboodde",
+  "iboodfr",
+  "iboodnl",
+  "iboodpl"
+], r = ["interencheres", "interencherespreprod"], d = ["lodenfrey", "lodenfreyuat"], c = "manualMerchandising";
+function s(e, n) {
+  const o = {};
+  return i.includes(e) && (o.excludePurchaseDay = "30", o.userId = "{user_id}"), r.includes(e) && (o.hp = "1"), d.includes(e) && n === c && (o.includeOutOfStockItems = "true"), o;
+}
+export {
+  s as getPartnerRecommendationParams
+};

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

@@ -1,29 +1,29 @@
-function d(a, t) {
-  const { thousandSeparator: s, decimalSeparator: e, decimalCount: r } = t, u = Math.abs(a).toFixed(r), [c, o] = u.split("."), n = c.replace(
+function d(c, t) {
+  const { thousandSeparator: i, decimalSeparator: e, decimalCount: r } = t, [u, o = ""] = String(c).split("."), n = o.slice(0, r).padEnd(r, "0"), a = u.replace(
     /\B(?=(\d{3})+(?!\d))/g,
-    s
-  ), i = a < 0 ? "-" : "";
-  return r > 0 && o ? `${i}${n}${e}${o}` : `${i}${n}`;
+    i
+  );
+  return r > 0 && n ? `${a}${e}${n}` : a;
 }
-function m(a) {
-  const { price: t, currency: s } = a, {
+function f(c) {
+  const { price: t, currency: i } = c, {
     symbol: e,
     alignment: r,
     thousandSeparator: u,
-    decimalSeparator: c,
-    decimalCount: o
-  } = s;
+    decimalSeparator: o,
+    decimalCount: n
+  } = i;
   if (typeof t != "number" || Number.isNaN(t)) {
-    const i = "0".repeat(o), $ = `0${c}${i}`;
-    return r === "before" ? `${e} ${$}` : `${$} ${e}`;
+    const s = "0".repeat(n), m = `0${o}${s}`;
+    return r === "before" ? `${e} ${m}` : `${m} ${e}`;
   }
-  const n = d(t, {
+  const a = d(t, {
     thousandSeparator: u,
-    decimalSeparator: c,
-    decimalCount: o
+    decimalSeparator: o,
+    decimalCount: n
   });
-  return r === "before" ? `${e} ${n}` : `${n} ${e}`;
+  return r === "before" ? `${e} ${a}` : `${a} ${e}`;
 }
 export {
-  m as formatPrice
+  f as formatPrice
 };

package/dist/guido.css

@@ -1 +1 @@
-.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-cd76c125] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-64c52560]{gap:8px}.version-history__toolbar[data-v-64c52560]{gap:4px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-4e2a4adb]{gap:4px}.header-wrapper[data-v-5c02dcc7]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-b293a2b0]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-b293a2b0]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-b293a2b0]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-df672485]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-df672485]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-df672485]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-df672485]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-df672485]{object-fit:cover;transform:scale(1)}[data-v-43c617a7] .guido__verion-history-view-option-selection-desktop svg,[data-v-43c617a7] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-43c617a7] .in-segments-wrapper__button_selected,[data-v-43c617a7] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-988f8da6]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-988f8da6]{min-height:504px}.iframe-wrapper[data-v-e0424e99]{width:258px}.iframe-scaled[data-v-e0424e99]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-7419ae06] .vueperslides__bullets,[data-v-796d193b] .vueperslides__bullets{pointer-events:none!important}[data-v-796d193b] .vueperslides__parallax-wrapper{height:110px!important}[data-v-cadfc82d] .vueperslides__bullets{pointer-events:none!important}[data-v-cadfc82d] .vueperslides__parallax-wrapper{height:110px!important}
+.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-73199fa4] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-64c52560]{gap:8px}.version-history__toolbar[data-v-64c52560]{gap:4px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-82128f7d]{gap:4px}.header-wrapper[data-v-5c02dcc7]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-50dac6de]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-50dac6de]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-50dac6de]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-df672485]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-df672485]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-df672485]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-df672485]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-df672485]{object-fit:cover;transform:scale(1)}[data-v-43c617a7] .guido__verion-history-view-option-selection-desktop svg,[data-v-43c617a7] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-43c617a7] .in-segments-wrapper__button_selected,[data-v-43c617a7] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-988f8da6]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-988f8da6]{min-height:504px}.iframe-wrapper[data-v-e0424e99]{width:258px}.iframe-scaled[data-v-e0424e99]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-7419ae06] .vueperslides__bullets,[data-v-796d193b] .vueperslides__bullets{pointer-events:none!important}[data-v-796d193b] .vueperslides__parallax-wrapper{height:110px!important}[data-v-cadfc82d] .vueperslides__bullets{pointer-events:none!important}[data-v-cadfc82d] .vueperslides__parallax-wrapper{height:110px!important}

package/dist/src/components/Guido.vue.d.ts

@@ -12,6 +12,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<__
     };
     hasChanges: import("vue").ComputedRef<boolean>;
     saveSilent: () => Promise<Omit<SavedTemplateDetails, "metadata" | "silent"> | undefined> | undefined;
+    setLoading: (value: boolean) => void;
 }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
     "dynamic-content:open": (detail: {
         text: string;

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

@@ -1,4 +1,5 @@
 import type { CompilationResult } from '@@/Types/html-compiler';
 export declare const useHtmlCompiler: () => {
     compileHtml: (html: string) => CompilationResult;
+    compileAmpHtml: (amp: string) => CompilationResult;
 };

package/dist/src/extensions/Blocks/Recommendation/templates/grid/elementRenderer.d.ts

@@ -17,4 +17,11 @@ export declare const DEFAULT_CELL_PADDING = "0 5px";
  * Used by controls to reliably select direct children for spacing adjustments
  */
 export declare const ATTRIBUTE_CELL_CLASS = "attribute-cell";
+/**
+ * Builds an empty filler cell used to pad incomplete rows (productsPerRow >
+ * number of products). Without fillers, table-layout:fixed redistributes the
+ * width among fewer cells and stretches them. Shared by the template and the
+ * card-composition control so both render identical filler markup.
+ */
+export declare function buildFillerCell(columnWidth: string, padding?: string): string;
 export declare const gridElementRenderer: ElementRenderer;

package/dist/src/extensions/Blocks/Recommendation/templates/index.d.ts

@@ -6,7 +6,7 @@
  */
 import type { RecommendationProduct } from '@@/Types/recommendation';
 import { type Orientation, type PrepareProductRowsOptions } from './utils';
-export { DEFAULTS, DEFAULT_CARD_COMPOSITION, DEFAULT_CARD_VISIBILITY, getDefaultProducts, spacer, sanitizeImageUrl, createBlockTemplate, type Orientation, type PrepareProductRowsOptions, type ElementRenderer, type ProductCardGetter, } from './utils';
+export { DEFAULTS, DEFAULT_CARD_COMPOSITION, DEFAULT_CARD_VISIBILITY, getDefaultProducts, spacer, sanitizeImageUrl, createBlockTemplate, toDisplayableAttributeValue, type Orientation, type PrepareProductRowsOptions, type ElementRenderer, type ProductCardGetter, } from './utils';
 /**
  * Unified function to prepare product rows for any layout.
  * Delegates to the appropriate layout-specific implementation.

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

@@ -5,6 +5,14 @@ import { ATTR_PRODUCT_IMAGE, ATTR_PRODUCT_NAME, ATTR_PRODUCT_PRICE, ATTR_PRODUCT
  * e.g., "rating_star" → "Rating Star"
  */
 export declare function toDisplayName(attrName: string): string;
+/**
+ * Reduces a raw product-attribute value to a displayable scalar string.
+ * Array-type attributes (filter types `Strings`/`Numbers`) are substituted with
+ * their last item by the email renderer at send time, so we mirror that here to
+ * keep the editor preview consistent with what is actually sent.
+ * Returns undefined when there is no displayable string/number.
+ */
+export declare function toDisplayableAttributeValue(value: unknown): string | undefined;
 /**
  * Checks whether an attribute is a default (top-level) product attribute
  * vs a custom product attribute (nested under `product_attributes`).

package/dist/src/extensions/Blocks/Recommendation/templates/utils.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,7 @@
+/**
+ * Returns the extra recommendation feed query params for an account, if any.
+ * Accounts without customizations get an empty object.
+ * @param partnerName Account subdomain (`config.partner.name`)
+ * @param strategy    Recommendation strategy key of the block
+ */
+export declare function getPartnerRecommendationParams(partnerName: string, strategy: string): Record<string, string>;

package/dist/src/extensions/Blocks/Recommendation/utils/priceFormatter.test.d.ts

@@ -0,0 +1 @@
+export {};