@useinsider/guido 3.17.0-beta.77567eb → 3.17.0-beta.978ff7e

package/dist/config/migrator/recommendationMigrator.js

@@ -1,31 +1,36 @@
 import { BlockId as f } from "../../enums/block.js";
-import { useTemplateStore as b } from "../../stores/template.js";
-import { mapComposition as y } from "./recommendation/compositionMapper.js";
-import { extractCurrencyFromBlock as v, extractTitleText as C, extractCardBgColor as M, isPartnerManagedBlock as S } from "./recommendation/extractors.js";
+import { DEFAULT_NODE_CONFIG as b } from "../../extensions/Blocks/Recommendation/constants/defaultConfig.js";
+import { ATTR_RECOMMENDATION_TITLE as T } from "../../extensions/Blocks/Recommendation/constants/selectors.js";
+import { useTemplateStore as y } from "../../stores/template.js";
+import { mapComposition as v } from "./recommendation/compositionMapper.js";
+import { extractCurrencyFromBlock as C, extractTitleText as M, hasVisibleTitle as R, extractCardBgColor as S, isPartnerManagedBlock as h } from "./recommendation/extractors.js";
 import { buildBlockHtml as w } from "./recommendation/htmlBuilder.js";
-import { parseRecommendationId as x, parseLegacyConfig as R } from "./recommendation/parseLegacyConfig.js";
-import { mapSettings as T } from "./recommendation/settingsMapper.js";
-const h = 'td[esd-dev-product-config][class*="ins-recommendation-v3-block-"]:not(.recommendation-block-v2), td.product-block[esd-handler-name*="EmailRecommendationV3"][esd-dev-product-config]:not(.recommendation-block-v2)';
-function B(i, t, a) {
-  var d;
+import { parseRecommendationId as x, parseLegacyConfig as E } from "./recommendation/parseLegacyConfig.js";
+import { mapSettings as A } from "./recommendation/settingsMapper.js";
+const H = 'td[esd-dev-product-config][class*="ins-recommendation-v3-block-"]:not(.recommendation-block-v2), td.product-block[esd-handler-name*="EmailRecommendationV3"][esd-dev-product-config]:not(.recommendation-block-v2)';
+function B(n, t, a) {
+  var l;
   const o = x(t);
   if (o === null)
     return console.warn(
       "[RecommendationMigrator] Skipping block — missing/invalid `ins-recommendation-v3-campaign-id`"
     ), !1;
-  const r = R(t);
+  const r = E(t);
   if (!r)
     return console.warn(
       `[RecommendationMigrator] Aborting block id=${o} — \`esd-dev-product-config\` missing or unable to be parsed`
     ), !1;
-  const n = a[String(o)] ?? {
-    currencySettings: v(t)
-  }, c = T(n, r, o), e = y((d = r.composition) == null ? void 0 : d.variables), l = C(t), g = M(t), p = {
+  const i = a[String(o)] ?? {
+    currencySettings: C(t)
+  }, c = A(i, r, o), e = v((l = r.composition) == null ? void 0 : l.variables), d = M(t);
+  e.titleVariable || (e.visibility[T] = R(t));
+  const p = S(t), g = {
     ...c,
     composition: e.composition,
     visibility: e.visibility,
+    previousTitleHtml: b.previousTitleHtml,
     textTrimming: e.anyTextTrimming
-  }, m = S(t), u = `
+  }, m = h(t), u = `
         <table>
             <tbody>
                 <tr>
@@ -33,10 +38,10 @@ function B(i, t, a) {
                         <table width="100%" cellpadding="0" cellspacing="0">
                             <tbody>
                                 <tr>${w({
-    nodeConfig: p,
+    nodeConfig: g,
     composition: e,
-    cardBg: g,
-    titleText: l,
+    cardBg: p,
+    titleText: d,
     legacyId: t.getAttribute("id") ?? void 0,
     legacyBgColor: t.getAttribute("bgcolor") ?? void 0,
     preserveInnerHtml: m ? t.innerHTML : void 0,
@@ -48,15 +53,15 @@ function B(i, t, a) {
                 </tr>
             </tbody>
         </table>
-    `, s = i.parseFromString(u, "text/html").querySelector("td.esd-structure");
+    `, s = n.parseFromString(u, "text/html").querySelector("td.esd-structure");
   return !s || !t.parentNode ? (console.warn(
     `[RecommendationMigrator] Aborting block id=${o} — failed to construct new HTML element`
   ), !1) : (t.parentNode.replaceChild(s, t), !0);
 }
-function q(i, t = {}) {
-  const a = new DOMParser(), o = a.parseFromString(i, "text/html"), r = Array.from(o.querySelectorAll(h));
+function G(n, t = {}) {
+  const a = new DOMParser(), o = a.parseFromString(n, "text/html"), r = Array.from(o.querySelectorAll(H));
   try {
-    b().$patch((e) => {
+    y().$patch((e) => {
       e.migrations = {
         ...e.migrations,
         [f.Recommendation]: r.length
@@ -65,16 +70,16 @@ function q(i, t = {}) {
   } catch {
   }
   if (r.length === 0)
-    return i;
-  let n = 0;
+    return n;
+  let i = 0;
   return r.forEach((c) => {
     try {
-      B(a, c, t) && (n += 1);
+      B(a, c, t) && (i += 1);
     } catch (e) {
       console.error("[RecommendationMigrator] Unexpected error migrating block:", e);
     }
-  }), n > 0 && console.info(`[RecommendationMigrator] Migrated ${n} legacy Recommendation block(s)`), o.documentElement.outerHTML;
+  }), i > 0 && console.info(`[RecommendationMigrator] Migrated ${i} legacy Recommendation block(s)`), o.documentElement.outerHTML;
 }
 export {
-  q as migrateRecommendation
+  G as migrateRecommendation
 };

package/dist/config/migrator/recommendationTitleMigrator.js

@@ -0,0 +1,119 @@
+var R = Object.defineProperty;
+var f = (s, t, e) => t in s ? R(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var a = (s, t, e) => f(s, typeof t != "symbol" ? t + "" : t, e);
+import { RecommendationBlockId as d } from "../../extensions/Blocks/Recommendation/constants/blockIds.js";
+import { BLOCK_ROOT_SELECTOR as u, CSS_CLASS_SKIP_COMPILE as m, ATTR_DATA_ATTRIBUTE_TYPE as S, ATTR_RECOMMENDATION_TITLE as l, CONTAINER_SELECTOR as E, CSS_CLASS_TITLE_CELL as c, CSS_CLASS_SPACER as C, CSS_CLASS_ATTRIBUTE_ROW as A, ATTR_DATA_VISIBILITY as L } from "../../extensions/Blocks/Recommendation/constants/selectors.js";
+const p = u.slice(1), g = `${u}:not(.${m})`, O = `[${S}="${l}"]`, h = "td.esd-block-text", _ = "table.container > tbody", T = "esd-ext-config";
+class y {
+  constructor() {
+    a(this, "parser");
+    this.parser = new DOMParser();
+  }
+  migrate(t) {
+    try {
+      if (!t.includes(p))
+        return t;
+      const e = this.parser.parseFromString(t, "text/html");
+      return Array.from(e.querySelectorAll(g)).reduce(
+        (n, o) => this._migrateBlock(o) || n,
+        !1
+      ) ? e.documentElement.outerHTML : t;
+    } catch (e) {
+      return console.error("RecommendationTitleMigrator failed:", e), t;
+    }
+  }
+  /** Migrates one block. Returns `true` when the block was changed. */
+  _migrateBlock(t) {
+    if (t.querySelector(O) || this._hasRecordedTitleState(t))
+      return !1;
+    const e = this._findTitleCell(t), i = e !== null && (e.textContent ?? "").trim().length > 0;
+    return i ? this._tagExistingTitle(t, e) : this._removeTitleRemnants(t, e), this._writeVisibility(t, i), !0;
+  }
+  /** The only `esd-block-text` cell outside the product containers is the title. */
+  _findTitleCell(t) {
+    return Array.from(t.querySelectorAll(h)).find((e) => !e.closest(E) && this._isTitlePosition(t, e)) ?? null;
+  }
+  _isTitlePosition(t, e) {
+    var r;
+    const i = this._wrapperRowOf(t, e);
+    return e.classList.contains(c) || i !== null && i === ((r = i.parentElement) == null ? void 0 : r.firstElementChild);
+  }
+  /**
+   * Stamps the attribute-row tagging onto the title's wrapper row and the spacer
+   * below it, so one toggle governs the pair and the compiler drops both when off.
+   */
+  _tagExistingTitle(t, e) {
+    e.classList.add(c), e.setAttribute("esd-extension-block-id", d.TITLE);
+    const i = this._wrapperRowOf(t, e);
+    if (!i)
+      return;
+    this._tagRow(i);
+    const r = i.nextElementSibling;
+    r && this._isSpacerRow(r) && this._tagRow(r);
+  }
+  /** The `<tr>` inside `table.container > tbody` that wraps the title's own table. */
+  _wrapperRowOf(t, e) {
+    if (!e)
+      return null;
+    const i = t.querySelector(_);
+    return Array.from((i == null ? void 0 : i.children) ?? []).find((r) => r.contains(e)) ?? null;
+  }
+  /**
+   * Direct children only — a product-container row holds spacer cells further down,
+   * and `querySelector` would happily reach them. (`:scope >` is unsupported in happy-dom.)
+   */
+  _isSpacerRow(t) {
+    return Array.from(t.children).some((e) => e.classList.contains(C));
+  }
+  _tagRow(t) {
+    t.classList.add(A), t.setAttribute(S, l), t.setAttribute(L, "1");
+  }
+  /**
+   * A deleted title leaves nothing to tag — the toggle re-injects the markup only
+   * when the user switches it back on. Its leftovers (an emptied wrapper row, the
+   * spacer that trailed it) would otherwise render as blank padding on top.
+   */
+  _removeTitleRemnants(t, e) {
+    var o;
+    const i = this._wrapperRowOf(t, e), r = i == null ? void 0 : i.nextElementSibling;
+    if (r && this._isSpacerRow(r) && r.remove(), i) {
+      i.remove();
+      return;
+    }
+    const n = (o = t.querySelector(_)) == null ? void 0 : o.firstElementChild;
+    n && this._isSpacerRow(n) && n.remove();
+  }
+  /**
+   * Mirrors the resolved state into the persisted config blob, so a saved module
+   * whose `data-*` attributes Stripo strips on re-drop still restores the toggle.
+   */
+  _writeVisibility(t, e) {
+    const i = this._readConfig(t);
+    if (!i)
+      return;
+    const r = typeof i.visibility == "object" && i.visibility !== null ? i.visibility : {};
+    i.visibility = { ...r, [l]: e }, t.setAttribute(T, JSON.stringify(i));
+  }
+  _hasRecordedTitleState(t) {
+    var i;
+    const e = (i = this._readConfig(t)) == null ? void 0 : i.visibility;
+    return typeof e == "object" && e !== null && l in e;
+  }
+  _readConfig(t) {
+    const e = t.getAttribute(T);
+    if (!e)
+      return null;
+    try {
+      const i = JSON.parse(e);
+      return typeof i == "object" && i !== null ? i : null;
+    } catch {
+      return null;
+    }
+  }
+}
+function v(s) {
+  return new y().migrate(s);
+}
+export {
+  v as migrateRecommendationTitle
+};

package/dist/extensions/Blocks/Recommendation/constants/blockIds.js

@@ -1,4 +1,4 @@
-var b = /* @__PURE__ */ ((r) => (r.BUTTON = "recommendation-block-button", r.NAME = "recommendation-block-name", r.PRICE = "recommendation-block-price", r.OLD_PRICE = "recommendation-block-old-price", r.OMNIBUS_PRICE = "recommendation-block-omnibus-price", r.OMNIBUS_DISCOUNT = "recommendation-block-omnibus-discount", r.IMAGE = "recommendation-block-image", r.CUSTOM_ATTRIBUTE = "recommendation-block-custom-attribute", r))(b || {});
+var b = /* @__PURE__ */ ((r) => (r.BUTTON = "recommendation-block-button", r.NAME = "recommendation-block-name", r.PRICE = "recommendation-block-price", r.OLD_PRICE = "recommendation-block-old-price", r.OMNIBUS_PRICE = "recommendation-block-omnibus-price", r.OMNIBUS_DISCOUNT = "recommendation-block-omnibus-discount", r.IMAGE = "recommendation-block-image", r.CUSTOM_ATTRIBUTE = "recommendation-block-custom-attribute", r.TITLE = "recommendation-block-title", r))(b || {});
 export {
   b as RecommendationBlockId
 };

package/dist/extensions/Blocks/Recommendation/constants/controlIds.js

@@ -1,4 +1,4 @@
-var o = /* @__PURE__ */ ((c) => (c.BLOCK_BACKGROUND = "recommendation-block-background-color-control", c.BUTTON_ALIGN = "recommendation-block-button-align-control", c.BUTTON_BORDER = "recommendation-block-button-border-control", c.BUTTON_BORDER_RADIUS = "recommendation-block-button-border-radius-control", c.BUTTON_COLOR = "recommendation-block-button-color-control", c.BUTTON_FIT_TO_CONTENT = "recommendation-block-button-fit-to-content-control", c.BUTTON_FONT_FAMILY = "recommendation-block-button-font-family-control", c.BUTTON_MARGINS = "recommendation-block-button-margins-control", c.BUTTON_PADDINGS = "recommendation-block-button-paddings-control", c.BUTTON_TEXT = "recommendation-block-button-text-control", c.BUTTON_TEXT_SIZE = "recommendation-block-button-text-size-control", c.BUTTON_TEXT_STYLE_AND_FONT_COLOR = "recommendation-block-button-text-style-and-font-color-control", c.NAME_ALIGN = "recommendation-block-name-align-control", c.NAME_BACKGROUND = "recommendation-block-name-background-control", c.NAME_COLOR = "recommendation-block-name-color-control", c.NAME_FONT_FAMILY = "recommendation-block-name-font-family-control", c.NAME_PADDINGS = "recommendation-block-name-paddings-control", c.NAME_SIZE = "recommendation-block-name-size-control", c.NAME_STYLE = "recommendation-block-name-style-control", c.NAME_TEXT_TRIM = "recommendation-block-name-text-trim-control", c.PRICE_ALIGN = "recommendation-block-price-align-control", c.PRICE_BACKGROUND = "recommendation-block-price-background-control", c.PRICE_COLOR = "recommendation-block-price-color-control", c.PRICE_FONT_FAMILY = "recommendation-block-price-font-family-control", c.PRICE_PADDINGS = "recommendation-block-price-paddings-control", c.PRICE_SIZE = "recommendation-block-price-size-control", c.PRICE_STYLE = "recommendation-block-price-style-control", c.OLD_PRICE_ALIGN = "recommendation-block-old-price-align-control", c.OLD_PRICE_BACKGROUND = "recommendation-block-old-price-background-control", c.OLD_PRICE_COLOR = "recommendation-block-old-price-color-control", c.OLD_PRICE_FONT_FAMILY = "recommendation-block-old-price-font-family-control", c.OLD_PRICE_PADDINGS = "recommendation-block-old-price-paddings-control", c.OLD_PRICE_SIZE = "recommendation-block-old-price-size-control", c.OLD_PRICE_STYLE = "recommendation-block-old-price-style-control", c.OMNIBUS_PRICE_ALIGN = "recommendation-block-omnibus-price-align-control", c.OMNIBUS_PRICE_BACKGROUND = "recommendation-block-omnibus-price-background-control", c.OMNIBUS_PRICE_COLOR = "recommendation-block-omnibus-price-color-control", c.OMNIBUS_PRICE_FONT_FAMILY = "recommendation-block-omnibus-price-font-family-control", c.OMNIBUS_PRICE_PADDINGS = "recommendation-block-omnibus-price-paddings-control", c.OMNIBUS_PRICE_SIZE = "recommendation-block-omnibus-price-size-control", c.OMNIBUS_PRICE_STYLE = "recommendation-block-omnibus-price-style-control", c.OMNIBUS_PRICE_TEXT_BEFORE = "recommendation-block-omnibus-price-text-before-control", c.OMNIBUS_PRICE_TEXT_AFTER = "recommendation-block-omnibus-price-text-after-control", c.OMNIBUS_DISCOUNT_ALIGN = "recommendation-block-omnibus-discount-align-control", c.OMNIBUS_DISCOUNT_BACKGROUND = "recommendation-block-omnibus-discount-background-control", c.OMNIBUS_DISCOUNT_COLOR = "recommendation-block-omnibus-discount-color-control", c.OMNIBUS_DISCOUNT_FONT_FAMILY = "recommendation-block-omnibus-discount-font-family-control", c.OMNIBUS_DISCOUNT_PADDINGS = "recommendation-block-omnibus-discount-paddings-control", c.OMNIBUS_DISCOUNT_SIZE = "recommendation-block-omnibus-discount-size-control", c.OMNIBUS_DISCOUNT_STYLE = "recommendation-block-omnibus-discount-style-control", c.OMNIBUS_DISCOUNT_TEXT_BEFORE = "recommendation-block-omnibus-discount-text-before-control", c.OMNIBUS_DISCOUNT_TEXT_AFTER = "recommendation-block-omnibus-discount-text-after-control", c.IMAGE_SIZE = "recommendation-block-image-size-control", c.IMAGE_MARGINS = "recommendation-block-image-margins-control", c.CUSTOM_ATTR_ALIGN = "recommendation-block-custom-attr-align-control", c.CUSTOM_ATTR_BACKGROUND = "recommendation-block-custom-attr-background-control", c.CUSTOM_ATTR_COLOR = "recommendation-block-custom-attr-color-control", c.CUSTOM_ATTR_FONT_FAMILY = "recommendation-block-custom-attr-font-family-control", c.CUSTOM_ATTR_PADDINGS = "recommendation-block-custom-attr-paddings-control", c.CUSTOM_ATTR_SIZE = "recommendation-block-custom-attr-size-control", c.CUSTOM_ATTR_STYLE = "recommendation-block-custom-attr-style-control", c.CUSTOM_ATTR_TEXT_TRIM = "recommendation-block-custom-attr-text-trim-control", c.SYNC_INFO_MESSAGE = "recommendation-block-sync-info-message", c))(o || {});
+var o = /* @__PURE__ */ ((c) => (c.BLOCK_BACKGROUND = "recommendation-block-background-color-control", c.BUTTON_ALIGN = "recommendation-block-button-align-control", c.BUTTON_BORDER = "recommendation-block-button-border-control", c.BUTTON_BORDER_RADIUS = "recommendation-block-button-border-radius-control", c.BUTTON_COLOR = "recommendation-block-button-color-control", c.BUTTON_FIT_TO_CONTENT = "recommendation-block-button-fit-to-content-control", c.BUTTON_FONT_FAMILY = "recommendation-block-button-font-family-control", c.BUTTON_MARGINS = "recommendation-block-button-margins-control", c.BUTTON_PADDINGS = "recommendation-block-button-paddings-control", c.BUTTON_TEXT = "recommendation-block-button-text-control", c.BUTTON_TEXT_SIZE = "recommendation-block-button-text-size-control", c.BUTTON_TEXT_STYLE_AND_FONT_COLOR = "recommendation-block-button-text-style-and-font-color-control", c.NAME_ALIGN = "recommendation-block-name-align-control", c.NAME_BACKGROUND = "recommendation-block-name-background-control", c.NAME_COLOR = "recommendation-block-name-color-control", c.NAME_FONT_FAMILY = "recommendation-block-name-font-family-control", c.NAME_PADDINGS = "recommendation-block-name-paddings-control", c.NAME_SIZE = "recommendation-block-name-size-control", c.NAME_STYLE = "recommendation-block-name-style-control", c.NAME_TEXT_TRIM = "recommendation-block-name-text-trim-control", c.PRICE_ALIGN = "recommendation-block-price-align-control", c.PRICE_BACKGROUND = "recommendation-block-price-background-control", c.PRICE_COLOR = "recommendation-block-price-color-control", c.PRICE_FONT_FAMILY = "recommendation-block-price-font-family-control", c.PRICE_PADDINGS = "recommendation-block-price-paddings-control", c.PRICE_SIZE = "recommendation-block-price-size-control", c.PRICE_STYLE = "recommendation-block-price-style-control", c.OLD_PRICE_ALIGN = "recommendation-block-old-price-align-control", c.OLD_PRICE_BACKGROUND = "recommendation-block-old-price-background-control", c.OLD_PRICE_COLOR = "recommendation-block-old-price-color-control", c.OLD_PRICE_FONT_FAMILY = "recommendation-block-old-price-font-family-control", c.OLD_PRICE_PADDINGS = "recommendation-block-old-price-paddings-control", c.OLD_PRICE_SIZE = "recommendation-block-old-price-size-control", c.OLD_PRICE_STYLE = "recommendation-block-old-price-style-control", c.OMNIBUS_PRICE_ALIGN = "recommendation-block-omnibus-price-align-control", c.OMNIBUS_PRICE_BACKGROUND = "recommendation-block-omnibus-price-background-control", c.OMNIBUS_PRICE_COLOR = "recommendation-block-omnibus-price-color-control", c.OMNIBUS_PRICE_FONT_FAMILY = "recommendation-block-omnibus-price-font-family-control", c.OMNIBUS_PRICE_PADDINGS = "recommendation-block-omnibus-price-paddings-control", c.OMNIBUS_PRICE_SIZE = "recommendation-block-omnibus-price-size-control", c.OMNIBUS_PRICE_STYLE = "recommendation-block-omnibus-price-style-control", c.OMNIBUS_PRICE_TEXT_BEFORE = "recommendation-block-omnibus-price-text-before-control", c.OMNIBUS_PRICE_TEXT_AFTER = "recommendation-block-omnibus-price-text-after-control", c.OMNIBUS_DISCOUNT_ALIGN = "recommendation-block-omnibus-discount-align-control", c.OMNIBUS_DISCOUNT_BACKGROUND = "recommendation-block-omnibus-discount-background-control", c.OMNIBUS_DISCOUNT_COLOR = "recommendation-block-omnibus-discount-color-control", c.OMNIBUS_DISCOUNT_FONT_FAMILY = "recommendation-block-omnibus-discount-font-family-control", c.OMNIBUS_DISCOUNT_PADDINGS = "recommendation-block-omnibus-discount-paddings-control", c.OMNIBUS_DISCOUNT_SIZE = "recommendation-block-omnibus-discount-size-control", c.OMNIBUS_DISCOUNT_STYLE = "recommendation-block-omnibus-discount-style-control", c.OMNIBUS_DISCOUNT_TEXT_BEFORE = "recommendation-block-omnibus-discount-text-before-control", c.OMNIBUS_DISCOUNT_TEXT_AFTER = "recommendation-block-omnibus-discount-text-after-control", c.IMAGE_SIZE = "recommendation-block-image-size-control", c.IMAGE_MARGINS = "recommendation-block-image-margins-control", c.CUSTOM_ATTR_ALIGN = "recommendation-block-custom-attr-align-control", c.CUSTOM_ATTR_BACKGROUND = "recommendation-block-custom-attr-background-control", c.CUSTOM_ATTR_COLOR = "recommendation-block-custom-attr-color-control", c.CUSTOM_ATTR_FONT_FAMILY = "recommendation-block-custom-attr-font-family-control", c.CUSTOM_ATTR_PADDINGS = "recommendation-block-custom-attr-paddings-control", c.CUSTOM_ATTR_SIZE = "recommendation-block-custom-attr-size-control", c.CUSTOM_ATTR_STYLE = "recommendation-block-custom-attr-style-control", c.CUSTOM_ATTR_TEXT_TRIM = "recommendation-block-custom-attr-text-trim-control", c.TITLE_ALIGN = "recommendation-block-title-align-control", c.TITLE_BACKGROUND = "recommendation-block-title-background-control", c.TITLE_COLOR = "recommendation-block-title-color-control", c.TITLE_FONT_FAMILY = "recommendation-block-title-font-family-control", c.TITLE_PADDINGS = "recommendation-block-title-paddings-control", c.TITLE_SIZE = "recommendation-block-title-size-control", c.TITLE_STYLE = "recommendation-block-title-style-control", c.SYNC_INFO_MESSAGE = "recommendation-block-sync-info-message", c))(o || {});
 export {
   o as RecommendationControlId
 };

package/dist/extensions/Blocks/Recommendation/constants/defaultConfig.js

@@ -1,19 +1,19 @@
-import { DEFAULT_COLUMN_SPACING as n, DEFAULT_ROW_SPACING as s, DEFAULT_MOBILE_ROW_SPACING as R, DEFAULT_MOBILE_COLUMN_SPACING as U, DEFAULT_MOBILE_CARDS_IN_ROW as e, DEFAULT_CARDS_IN_ROW as C } from "./layout.js";
-import { ATTR_PRODUCT_IMAGE as o, ATTR_PRODUCT_NAME as t, ATTR_PRODUCT_OLD_PRICE as _, ATTR_PRODUCT_PRICE as T, ATTR_PRODUCT_OMNIBUS_PRICE as r, ATTR_PRODUCT_OMNIBUS_DISCOUNT as i, ATTR_PRODUCT_BUTTON as I } from "./selectors.js";
-const D = {
+import { DEFAULT_COLUMN_SPACING as n, DEFAULT_ROW_SPACING as s, DEFAULT_MOBILE_ROW_SPACING as R, DEFAULT_MOBILE_COLUMN_SPACING as O, DEFAULT_MOBILE_CARDS_IN_ROW as e, DEFAULT_CARDS_IN_ROW as U } from "./layout.js";
+import { ATTR_PRODUCT_IMAGE as o, ATTR_PRODUCT_NAME as t, ATTR_PRODUCT_OLD_PRICE as _, ATTR_PRODUCT_PRICE as T, ATTR_PRODUCT_OMNIBUS_PRICE as r, ATTR_PRODUCT_OMNIBUS_DISCOUNT as i, ATTR_PRODUCT_BUTTON as I, ATTR_RECOMMENDATION_TITLE as A } from "./selectors.js";
+const C = {
   code: "USD",
   symbol: "USD",
   alignment: "after",
   decimalCount: 2,
   decimalSeparator: ".",
   thousandSeparator: ","
-}, O = {
+}, D = {
   textBefore: "",
   textAfter: ""
 }, a = {
   textBefore: "",
   textAfter: ""
-}, A = [
+}, E = [
   o,
   t,
   _,
@@ -22,6 +22,7 @@ const D = {
   i,
   I
 ], c = {
+  [A]: !0,
   [o]: !0,
   [t]: !0,
   [T]: !0,
@@ -29,30 +30,31 @@ const D = {
   [r]: !1,
   [i]: !1,
   [I]: !0
-}, l = {
+}, S = {
   // Settings
   strategy: "mostPopular",
   productIds: [],
   size: "6",
   shuffleProducts: !1,
   language: "en_US",
-  currency: D,
+  currency: C,
   filters: [],
   // Layout
   layout: "grid",
-  cardsInRow: C,
+  cardsInRow: U,
   mobileCardsInRow: e,
   mobileLayoutEnabled: !1,
   previousMobileCardsInRow: e,
   columnSpacing: n,
   rowSpacing: s,
-  mobileColumnSpacing: U,
+  mobileColumnSpacing: O,
   mobileRowSpacing: R,
   // Composition
-  composition: A,
+  composition: E,
   visibility: c,
+  previousTitleHtml: "",
   // Element settings
-  omnibusPrice: O,
+  omnibusPrice: D,
   omnibusDiscount: a,
   textTrimming: !1,
   // Price placement (block-level, affects all cards)
@@ -67,14 +69,14 @@ const D = {
   // defaults, so no data transform (and no needsMigration trigger) is required.
   configVersion: 1,
   recommendationId: 0
-}, N = [11, 12], m = 1;
+}, u = [11, 12], m = 1;
 export {
   m as CURRENT_CONFIG_VERSION,
-  A as DEFAULT_COMPOSITION,
-  D as DEFAULT_CURRENCY,
-  l as DEFAULT_NODE_CONFIG,
+  E as DEFAULT_COMPOSITION,
+  C as DEFAULT_CURRENCY,
+  S as DEFAULT_NODE_CONFIG,
   a as DEFAULT_OMNIBUS_DISCOUNT,
-  O as DEFAULT_OMNIBUS_PRICE,
+  D as DEFAULT_OMNIBUS_PRICE,
   c as DEFAULT_VISIBILITY,
-  N as EXCLUDED_ALGORITHM_IDS
+  u as EXCLUDED_ALGORITHM_IDS
 };

package/dist/extensions/Blocks/Recommendation/constants/selectors.js

@@ -1,11 +1,11 @@
-const t = ".recommendation-block-v2", c = ".ins-recommendation-product-container", o = ".ins-recommendation-desktop-container", n = ".ins-recommendation-mobile-container", _ = ".ins-recommendation-mobile-row", R = "reco-v3-button", r = "ins-skip-compile", e = {
+const c = ".recommendation-block-v2", n = ".ins-recommendation-product-container", _ = ".ins-recommendation-desktop-container", R = ".ins-recommendation-mobile-container", r = ".ins-recommendation-mobile-row", e = "reco-v3-button", A = "ins-skip-compile", E = {
   CURRENCY: "currency",
   SYMBOL: "currency-symbol",
   ALIGNMENT: "currency-alignment",
   THOUSAND_SEPARATOR: "currency-thousand-separator",
   DECIMAL_SEPARATOR: "currency-decimal-separator",
   DECIMAL_COUNT: "currency-decimal-count"
-}, O = "productImage", A = "productName", s = "productPrice", E = "productOldPrice", i = "productOmnibusPrice", C = "productOmnibusDiscount", u = "productButton", a = "customAttr:", I = "data-custom-attributes", S = "data-card-composition", m = "product-attr", U = ".recommendation-attribute-row", d = "data-attribute-type", N = "product_attribute.", T = /* @__PURE__ */ new Set([
+}, s = "productImage", O = "productName", i = "productPrice", C = "productOldPrice", S = "productOmnibusPrice", I = "productOmnibusDiscount", a = "productButton", u = "recommendationTitle", T = "ins-recommendation-title", m = `.${T}`, L = "customAttr:", d = "data-custom-attributes", U = "data-card-composition", N = "product-attr", t = "recommendation-attribute-row", P = `.${t}`, D = "data-attribute-type", p = "data-visibility", B = "spacer", M = "product_attribute.", o = /* @__PURE__ */ new Set([
   "name",
   // productName
   "price",
@@ -20,34 +20,40 @@ const t = ".recommendation-block-v2", c = ".ins-recommendation-product-container
   // productOmnibusPrice
   "omnibus_discount"
   // productOmnibusDiscount
-]), P = /* @__PURE__ */ new Set([
-  ...T,
+]), l = /* @__PURE__ */ new Set([
+  ...o,
   "currency",
   "discount"
 ]);
 export {
-  a as ATTR_CUSTOM_PREFIX,
-  d as ATTR_DATA_ATTRIBUTE_TYPE,
-  S as ATTR_DATA_CARD_COMPOSITION,
-  I as ATTR_DATA_CUSTOM_ATTRIBUTES,
-  m as ATTR_PRODUCT_ATTR,
-  u as ATTR_PRODUCT_BUTTON,
-  O as ATTR_PRODUCT_IMAGE,
-  A as ATTR_PRODUCT_NAME,
-  E as ATTR_PRODUCT_OLD_PRICE,
-  C as ATTR_PRODUCT_OMNIBUS_DISCOUNT,
-  i as ATTR_PRODUCT_OMNIBUS_PRICE,
-  s as ATTR_PRODUCT_PRICE,
-  t as BLOCK_ROOT_SELECTOR,
-  T as BUILT_IN_DEFAULT_ATTRIBUTES,
-  c as CONTAINER_SELECTOR,
-  R as CSS_CLASS_RECO_BUTTON,
-  r as CSS_CLASS_SKIP_COMPILE,
-  e as CURRENCY_ATTR,
-  o as DESKTOP_CONTAINER_SELECTOR,
-  n as MOBILE_CONTAINER_SELECTOR,
-  _ as MOBILE_ROW_SELECTOR,
-  N as PRODUCT_ATTRIBUTE_PREFIX,
-  P as RECOMMENDATION_VARIABLE_BUILTIN_ATTRIBUTES,
-  U as SELECTOR_ATTRIBUTE_ROW
+  L as ATTR_CUSTOM_PREFIX,
+  D as ATTR_DATA_ATTRIBUTE_TYPE,
+  U as ATTR_DATA_CARD_COMPOSITION,
+  d as ATTR_DATA_CUSTOM_ATTRIBUTES,
+  p as ATTR_DATA_VISIBILITY,
+  N as ATTR_PRODUCT_ATTR,
+  a as ATTR_PRODUCT_BUTTON,
+  s as ATTR_PRODUCT_IMAGE,
+  O as ATTR_PRODUCT_NAME,
+  C as ATTR_PRODUCT_OLD_PRICE,
+  I as ATTR_PRODUCT_OMNIBUS_DISCOUNT,
+  S as ATTR_PRODUCT_OMNIBUS_PRICE,
+  i as ATTR_PRODUCT_PRICE,
+  u as ATTR_RECOMMENDATION_TITLE,
+  c as BLOCK_ROOT_SELECTOR,
+  o as BUILT_IN_DEFAULT_ATTRIBUTES,
+  n as CONTAINER_SELECTOR,
+  t as CSS_CLASS_ATTRIBUTE_ROW,
+  e as CSS_CLASS_RECO_BUTTON,
+  A as CSS_CLASS_SKIP_COMPILE,
+  B as CSS_CLASS_SPACER,
+  T as CSS_CLASS_TITLE_CELL,
+  E as CURRENCY_ATTR,
+  _ as DESKTOP_CONTAINER_SELECTOR,
+  R as MOBILE_CONTAINER_SELECTOR,
+  r as MOBILE_ROW_SELECTOR,
+  M as PRODUCT_ATTRIBUTE_PREFIX,
+  l as RECOMMENDATION_VARIABLE_BUILTIN_ATTRIBUTES,
+  P as SELECTOR_ATTRIBUTE_ROW,
+  m as SELECTOR_TITLE_CELL
 };