@useinsider/guido 3.17.0-beta.77567eb → 3.17.0-beta.7cd51e2

package/dist/config/migrator/recommendationMigrator.js

@@ -1,31 +1,37 @@
 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 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 = 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[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>
@@ -33,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,
@@ -48,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 {
-    b().$patch((e) => {
+    T().$patch((e) => {
       e.migrations = {
         ...e.migrations,
         [f.Recommendation]: r.length
@@ -65,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/enums/academy.js

@@ -1,7 +1,8 @@
 const e = "https://academy.insiderone.com", o = {
   EMAIL_EDITOR: `${e}/docs/email-drag-and-drop-editor`,
   GLOBAL_UNSUBSCRIBE: `${e}/docs/global-unsubscribe-preference-center`,
-  AMP_FOR_EMAILS: `${e}/docs/amp-for-emails`
+  AMP_FOR_EMAILS: `${e}/docs/amp-for-emails`,
+  EMAIL_RECOMMENDATION_BLOCK: `${e}/docs/new-editor-email-recommendation-block`
 };
 export {
   o as ACADEMY_LINKS

package/dist/enums/date.js

@@ -1,5 +1,7 @@
-const t = "tr-TR", L = "default";
+const T = "tr-TR", t = "tr-TR", E = "default", L = "UTC";
 export {
-  L as DEFAULT,
-  t as DEFAULT_LOCALE
+  E as DEFAULT,
+  T as DEFAULT_LOCALE,
+  L as DEFAULT_TZ,
+  t as DOTTED_DATE_LOCALE
 };

package/dist/enums/extensions/recommendationBlock.js

@@ -2,7 +2,9 @@ import { useTranslations as r } from "../../composables/useTranslations.js";
 const l = {
   RECOMMENDATION_API_URL: "https://recommendationv2.api.useinsider.com",
   // Relative path → same-origin as the embedding inone dashboard.
-  PRODUCT_ATTRIBUTES_PATH: "/product-attributes/get-attributes"
+  PRODUCT_ATTRIBUTES_PATH: "/product-attributes/get-attributes",
+  RECOMMENDATION_STRATEGIES_PATH: "/api/recommendation-strategies",
+  RECOMMENDATION_STRATEGIES_PANEL_PATH: "/discovery/recommendation-strategies"
 }, c = {
   CLIENT_ID: "clientId"
 }, d = () => {

package/dist/extensions/Blocks/Recommendation/block.js

@@ -1,25 +1,28 @@
-var B = Object.defineProperty;
-var D = (a, c, t) => c in a ? B(a, c, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[c] = t;
-var h = (a, c, t) => D(a, typeof c != "symbol" ? c + "" : c, t);
-import { BlockId as R } from "../../../enums/block.js";
-import { getMigrationBannerHtml as y } from "../../../utils/migrationBannerHtml.js";
+var R = Object.defineProperty;
+var B = (a, c, t) => c in a ? R(a, c, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[c] = t;
+var p = (a, c, t) => B(a, typeof c != "symbol" ? c + "" : c, t);
+import { useConfig as D } from "../../../composables/useConfig.js";
+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 { regenerateMobileProductRows as C } from "./controls/main/utils.js";
-import { ensureMobileCssRulesExist as p, setMobileLayoutOptOut as f, hasMobileLayoutOptOut as E } from "./controls/mobileLayout/cssRules.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 S } from "./templates/grid/template.js";
-import { useRecommendationBlockWarning as M } from "./useRecommendationBlockWarning.js";
-const _ = R.Recommendation, m = "recommendation-block-v2", u = "recommendation-id", I = "hide-price";
+import { getDefaultTemplate as M } from "./templates/grid/template.js";
+import { useRecommendationBlockWarning as w } from "./useRecommendationBlockWarning.js";
+const _ = y.Recommendation, u = "recommendation-block-v2", I = "hide-price";
 let k = !1;
-class P extends b {
+class W extends b {
   constructor() {
     super();
     /**
      * Stores the ID generated in getTemplate() so onCreated() can reuse it.
      * This avoids generating a new (different) ID in onCreated().
      */
-    h(this, "_pendingBlockId", null);
+    p(this, "_pendingBlockId", null);
   }
   getId() {
     return _;
@@ -39,7 +42,7 @@ class P extends b {
     );
   }
   getSettingsPanelTitleHtml() {
-    return y(
+    return C(
       _,
       this.api.translate("Recommendation Block"),
       this.api.translate("This block is switched from the Old Version to the New Version. We recommend you check the Recommendation block and test your message to ensure it works properly.")
@@ -63,7 +66,7 @@ class P extends b {
    */
   getTemplate() {
     const t = this._generateNextId();
-    return this._pendingBlockId = t, S(t);
+    return this._pendingBlockId = t, M(t);
   }
   /**
    * Called when a new block is dropped into the template
@@ -89,12 +92,15 @@ class P extends b {
     const { config: n, wasFreshDrop: o } = s.initializeConfig(
       this.api,
       t,
-      { recommendationId: i }
+      {
+        recommendationId: i,
+        configVersion: D().isFeatureEnabled("reusableRecommendationStrategy") ? E : S
+      }
     ), r = d();
     if (r.setCurrentBlock(i), this._stampHidePrice(t, n.priceHideIfSameAsDiscounted), o) {
-      p(this.api);
+      h(this.api);
       const l = this._getBlockElement(t);
-      l && (f(this.api, l, !0), C({
+      l && (f(this.api, l, !0), N({
         currentNode: t,
         documentModifier: this.api.getDocumentModifier()
       }));
@@ -121,11 +127,11 @@ class P extends b {
       }
       this._healLingeringDuplicate(t), s.needsMigration(t) && this._migrateFromLegacy(t), this._healHidePriceAttr(t);
       try {
-        k || (p(this.api), k = !0);
+        k || (h(this.api), k = !0);
         const e = s.getConfig(t), i = this._getBlockElement(t);
         if (i) {
           const n = !e.mobileLayoutEnabled;
-          E(i) !== n && f(this.api, i, n);
+          O(i) !== n && f(this.api, i, n);
         }
       } catch {
       }
@@ -155,7 +161,7 @@ class P extends b {
    */
   _warnIfMultipleBlocks() {
     try {
-      M().warnIfMultipleBlocks(this.api.getDocumentRootHtmlNode());
+      w().warnIfMultipleBlocks(this.api.getDocumentRootHtmlNode());
     } catch {
     }
   }
@@ -167,9 +173,9 @@ class P 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);
         }
       });
@@ -197,7 +203,7 @@ class P extends b {
         if (!i || !("querySelectorAll" in i))
           return;
         const n = i.querySelectorAll(
-          `.${m}[${u}="${e}"]`
+          `.${u}[${m}="${e}"]`
         );
         if (n.length <= 1)
           return;
@@ -222,7 +228,7 @@ class P extends b {
       const e = this.api.getDocumentRoot();
       if (e && "querySelectorAll" in e)
         return e.querySelectorAll(
-          `.${m}[${u}="${t}"]`
+          `.${u}[${m}="${t}"]`
         ).length > 1;
     } catch {
     }
@@ -279,7 +285,7 @@ class P 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
@@ -307,7 +313,7 @@ class P 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);
@@ -319,10 +325,10 @@ class P 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
@@ -333,5 +339,5 @@ class P extends b {
 }
 export {
   _ as BLOCK_ID,
-  P 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,35 +1,36 @@
-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 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: ","
-}, O = {
+}, E = {
   textBefore: "",
   textAfter: ""
 }, a = {
   textBefore: "",
   textAfter: ""
-}, A = [
+}, c = [
   o,
   t,
   _,
   T,
   r,
-  i,
-  I
-], c = {
+  I,
+  i
+], N = {
+  [U]: !0,
   [o]: !0,
   [t]: !0,
   [T]: !0,
   [_]: !0,
   [r]: !1,
-  [i]: !1,
-  [I]: !0
-}, l = {
+  [I]: !1,
+  [i]: !0
+}, m = {
   // Settings
   strategy: "mostPopular",
   productIds: [],
@@ -38,21 +39,23 @@ const D = {
   language: "en_US",
   currency: D,
   filters: [],
+  strategyId: "",
   // Layout
   layout: "grid",
   cardsInRow: C,
   mobileCardsInRow: e,
   mobileLayoutEnabled: !1,
   previousMobileCardsInRow: e,
-  columnSpacing: n,
+  columnSpacing: R,
   rowSpacing: s,
-  mobileColumnSpacing: U,
-  mobileRowSpacing: R,
+  mobileColumnSpacing: O,
+  mobileRowSpacing: n,
   // Composition
-  composition: A,
-  visibility: c,
+  composition: c,
+  visibility: N,
+  previousTitleHtml: "",
   // Element settings
-  omnibusPrice: O,
+  omnibusPrice: E,
   omnibusDiscount: a,
   textTrimming: !1,
   // Price placement (block-level, affects all cards)
@@ -63,18 +66,17 @@ const D = {
   // of "false" (the actual hiding happens server-side at send).
   priceHideIfSameAsDiscounted: !1,
   // Meta
-  // Version NOT bumped: mergeWithDefaults() backfills the two new fields from
-  // defaults, so no data transform (and no needsMigration trigger) is required.
-  configVersion: 1,
+  configVersion: A,
   recommendationId: 0
-}, N = [11, 12], m = 1;
+}, L = [11, 12];
 export {
-  m as CURRENT_CONFIG_VERSION,
-  A as DEFAULT_COMPOSITION,
+  u as CURRENT_CONFIG_VERSION,
+  c as DEFAULT_COMPOSITION,
   D as DEFAULT_CURRENCY,
-  l as DEFAULT_NODE_CONFIG,
+  m as DEFAULT_NODE_CONFIG,
   a as DEFAULT_OMNIBUS_DISCOUNT,
-  O as DEFAULT_OMNIBUS_PRICE,
-  c as DEFAULT_VISIBILITY,
-  N as EXCLUDED_ALGORITHM_IDS
+  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
 };