@useinsider/guido 3.17.0-beta.e23d5cd → 3.17.0-beta.e324492

package/dist/config/migrator/recommendationMigrator.js

@@ -1,32 +1,37 @@
 import { BlockId as f } from "../../enums/block.js";
-import { useTemplateStore as y } from "../../stores/template.js";
-import { mapComposition as b } 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 y } from "../../extensions/Blocks/Recommendation/constants/selectors.js";
+import { useTemplateStore as T } 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 = b((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[y] = R(t));
+  const p = S(t), g = {
     ...c,
     strategyId: "",
     composition: e.composition,
     visibility: e.visibility,
+    previousTitleHtml: b.previousTitleHtml,
     textTrimming: e.anyTextTrimming
-  }, m = S(t), u = `
+  }, m = h(t), u = `
         <table>
             <tbody>
                 <tr>
@@ -34,10 +39,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,
@@ -49,15 +54,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 {
-    y().$patch((e) => {
+    T().$patch((e) => {
       e.migrations = {
         ...e.migrations,
         [f.Recommendation]: r.length
@@ -66,16 +71,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/block.js

@@ -6,15 +6,16 @@ import { BlockId as y } from "../../../enums/block.js";
 import { getMigrationBannerHtml as C } from "../../../utils/migrationBannerHtml.js";
 import { Block as b, BlockCompositionType as A, ModificationDescription as g } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { CURRENT_CONFIG_VERSION as E, PRE_RRS_CONFIG_VERSION as S } from "./constants/defaultConfig.js";
+import { RECOMMENDATION_ID_ATTR as m } from "./constants/selectors.js";
 import { regenerateMobileProductRows as N } from "./controls/main/utils.js";
 import { ensureMobileCssRulesExist as h, setMobileLayoutOptOut as f, hasMobileLayoutOptOut as O } from "./controls/mobileLayout/cssRules.js";
 import { RecommendationConfigService as s } from "./services/configService.js";
 import { useRecommendationExtensionStore as d } from "./store/recommendation.js";
 import { getDefaultTemplate as M } from "./templates/grid/template.js";
 import { useRecommendationBlockWarning as w } from "./useRecommendationBlockWarning.js";
-const _ = y.Recommendation, m = "recommendation-block-v2", u = "recommendation-id", I = "hide-price";
+const _ = y.Recommendation, u = "recommendation-block-v2", I = "hide-price";
 let k = !1;
-class K extends b {
+class W extends b {
   constructor() {
     super();
     /**
@@ -172,9 +173,9 @@ class K extends b {
     let t = 0;
     try {
       const e = this.api.getDocumentRoot();
-      e && "querySelectorAll" in e && e.querySelectorAll(`.${m}`).forEach((n) => {
+      e && "querySelectorAll" in e && e.querySelectorAll(`.${u}`).forEach((n) => {
         if ("getAttribute" in n) {
-          const o = n.getAttribute(u), r = o ? parseInt(o) : 0;
+          const o = n.getAttribute(m), r = o ? parseInt(o) : 0;
           r > t && (t = r);
         }
       });
@@ -202,7 +203,7 @@ class K extends b {
         if (!i || !("querySelectorAll" in i))
           return;
         const n = i.querySelectorAll(
-          `.${m}[${u}="${e}"]`
+          `.${u}[${m}="${e}"]`
         );
         if (n.length <= 1)
           return;
@@ -227,7 +228,7 @@ class K extends b {
       const e = this.api.getDocumentRoot();
       if (e && "querySelectorAll" in e)
         return e.querySelectorAll(
-          `.${m}[${u}="${t}"]`
+          `.${u}[${m}="${t}"]`
         ).length > 1;
     } catch {
     }
@@ -284,7 +285,7 @@ class K extends b {
     if (!i)
       return;
     const n = this.api.getDocumentModifier();
-    n.modifyHtml(i).setAttribute(u, e.toString()), n.apply(new g(`Assign recommendation ID ${e}`));
+    n.modifyHtml(i).setAttribute(m, e.toString()), n.apply(new g(`Assign recommendation ID ${e}`));
   }
   /**
    * Stamps the `hide-price` attribute (read by email-service at send time) on
@@ -312,7 +313,7 @@ class K extends b {
     const e = this._getBlockElement(t);
     if (!e || !("getAttribute" in e))
       return null;
-    const i = e.getAttribute(u);
+    const i = e.getAttribute(m);
     if (!i)
       return null;
     const n = parseInt(i);
@@ -324,10 +325,10 @@ class K extends b {
   _getBlockElement(t) {
     if ("getAttribute" in t) {
       const e = t.getAttribute("class");
-      if (e && e.includes(m))
+      if (e && e.includes(u))
         return t;
     }
-    return "querySelector" in t ? t.querySelector(`.${m}`) ?? null : null;
+    return "querySelector" in t ? t.querySelector(`.${u}`) ?? null : null;
   }
   /**
    * Migrate configuration from legacy format
@@ -338,5 +339,5 @@ class K extends b {
 }
 export {
   _ as BLOCK_ID,
-  K as RecommendationBlock
+  W as RecommendationBlock
 };

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,16 +1,16 @@
-import { DEFAULT_COLUMN_SPACING as R, DEFAULT_ROW_SPACING as n, DEFAULT_MOBILE_ROW_SPACING as s, 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 } from "./selectors.js";
-const C = 1, l = 2, a = {
+import { DEFAULT_COLUMN_SPACING as R, DEFAULT_ROW_SPACING as s, DEFAULT_MOBILE_ROW_SPACING as n, DEFAULT_MOBILE_COLUMN_SPACING as O, 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, ATTR_RECOMMENDATION_TITLE as U } from "./selectors.js";
+const A = 1, u = 2, D = {
   code: "USD",
   symbol: "USD",
   alignment: "after",
   decimalCount: 2,
   decimalSeparator: ".",
   thousandSeparator: ","
-}, D = {
+}, E = {
   textBefore: "",
   textAfter: ""
-}, A = {
+}, a = {
   textBefore: "",
   textAfter: ""
 }, c = [
@@ -21,7 +21,8 @@ const C = 1, l = 2, a = {
   r,
   I,
   i
-], E = {
+], N = {
+  [U]: !0,
   [o]: !0,
   [t]: !0,
   [T]: !0,
@@ -36,25 +37,26 @@ const C = 1, l = 2, a = {
   size: "6",
   shuffleProducts: !1,
   language: "en_US",
-  currency: a,
+  currency: D,
   filters: [],
   strategyId: "",
   // Layout
   layout: "grid",
-  cardsInRow: U,
+  cardsInRow: C,
   mobileCardsInRow: e,
   mobileLayoutEnabled: !1,
   previousMobileCardsInRow: e,
   columnSpacing: R,
-  rowSpacing: n,
+  rowSpacing: s,
   mobileColumnSpacing: O,
-  mobileRowSpacing: s,
+  mobileRowSpacing: n,
   // Composition
   composition: c,
-  visibility: E,
+  visibility: N,
+  previousTitleHtml: "",
   // Element settings
-  omnibusPrice: D,
-  omnibusDiscount: A,
+  omnibusPrice: E,
+  omnibusDiscount: a,
   textTrimming: !1,
   // Price placement (block-level, affects all cards)
   // Default ON = current stacked look, so existing templates are unaffected.
@@ -64,17 +66,17 @@ const C = 1, l = 2, a = {
   // of "false" (the actual hiding happens server-side at send).
   priceHideIfSameAsDiscounted: !1,
   // Meta
-  configVersion: C,
+  configVersion: A,
   recommendationId: 0
-}, u = [11, 12];
+}, L = [11, 12];
 export {
-  l as CURRENT_CONFIG_VERSION,
+  u as CURRENT_CONFIG_VERSION,
   c as DEFAULT_COMPOSITION,
-  a as DEFAULT_CURRENCY,
+  D as DEFAULT_CURRENCY,
   m as DEFAULT_NODE_CONFIG,
-  A as DEFAULT_OMNIBUS_DISCOUNT,
-  D as DEFAULT_OMNIBUS_PRICE,
-  E as DEFAULT_VISIBILITY,
-  u as EXCLUDED_ALGORITHM_IDS,
-  C as PRE_RRS_CONFIG_VERSION
+  a as DEFAULT_OMNIBUS_DISCOUNT,
+  E as DEFAULT_OMNIBUS_PRICE,
+  N as DEFAULT_VISIBILITY,
+  L as EXCLUDED_ALGORITHM_IDS,
+  A as PRE_RRS_CONFIG_VERSION
 };

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", e = ".ins-recommendation-mobile-row", r = "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", m = "recommendationTitle", T = "ins-recommendation-title", u = `.${T}`, L = "customAttr:", d = "data-custom-attributes", U = "data-card-composition", N = "recommendation-id", D = "product-attr", t = "recommendation-attribute-row", P = `.${t}`, p = "data-attribute-type", B = "data-visibility", M = "spacer", l = "product_attribute.", o = /* @__PURE__ */ new Set([
   "name",
   // productName
   "price",
@@ -20,34 +20,41 @@ const t = ".recommendation-block-v2", c = ".ins-recommendation-product-container
   // productOmnibusPrice
   "omnibus_discount"
   // productOmnibusDiscount
-]), P = /* @__PURE__ */ new Set([
-  ...T,
+]), b = /* @__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,
+  p as ATTR_DATA_ATTRIBUTE_TYPE,
+  U as ATTR_DATA_CARD_COMPOSITION,
+  d as ATTR_DATA_CUSTOM_ATTRIBUTES,
+  B as ATTR_DATA_VISIBILITY,
+  D 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,
+  m 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,
+  r as CSS_CLASS_RECO_BUTTON,
+  A as CSS_CLASS_SKIP_COMPILE,
+  M as CSS_CLASS_SPACER,
+  T as CSS_CLASS_TITLE_CELL,
+  E as CURRENCY_ATTR,
+  _ as DESKTOP_CONTAINER_SELECTOR,
+  R as MOBILE_CONTAINER_SELECTOR,
+  e as MOBILE_ROW_SELECTOR,
+  l as PRODUCT_ATTRIBUTE_PREFIX,
+  N as RECOMMENDATION_ID_ATTR,
+  b as RECOMMENDATION_VARIABLE_BUILTIN_ATTRIBUTES,
+  P as SELECTOR_ATTRIBUTE_ROW,
+  u as SELECTOR_TITLE_CELL
 };