@useinsider/guido 3.16.0 → 3.17.0-beta.58179dc

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/recommendation.js

@@ -1,15 +1,15 @@
-const e = 20, s = 320, t = "vertical", m = {
+const e = 20, t = 320, s = "vertical", m = {
   CART_ABANDONMENT: {
-    ins_apr_img_1: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/ins_apr_img_1.png",
-    ins_apr_img_2: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/ins_apr_img_2.png",
-    ins_apr_img_3: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/ins_apr_img_3.png",
-    ins_apr_img_4: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/ins_apr_img_4.png"
+    ins_apr_img_1: "https://web-image.useinsider.com/email-assets/dummyImages/ins_apr_img_1.png",
+    ins_apr_img_2: "https://web-image.useinsider.com/email-assets/dummyImages/ins_apr_img_2.png",
+    ins_apr_img_3: "https://web-image.useinsider.com/email-assets/dummyImages/ins_apr_img_3.png",
+    ins_apr_img_4: "https://web-image.useinsider.com/email-assets/dummyImages/ins_apr_img_4.png"
   },
   BROWSE_ABANDONMENT: {
-    browsed_item_img_1: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/browsed_item_img_1.jpg",
-    browsed_item_img_2: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/browsed_item_img_2.jpg",
-    browsed_item_img_3: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/browsed_item_img_3.jpg",
-    browsed_item_img_4: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/browsed_item_img_4.jpg"
+    browsed_item_img_1: "https://web-image.useinsider.com/email-assets/dummyImages/browsed_item_img_1.jpg",
+    browsed_item_img_2: "https://web-image.useinsider.com/email-assets/dummyImages/browsed_item_img_2.jpg",
+    browsed_item_img_3: "https://web-image.useinsider.com/email-assets/dummyImages/browsed_item_img_3.jpg",
+    browsed_item_img_4: "https://web-image.useinsider.com/email-assets/dummyImages/browsed_item_img_4.jpg"
   }
 }, i = {
   DISCOUNT: "discount",
@@ -23,7 +23,7 @@ const e = 20, s = 320, t = "vertical", m = {
   },
   ELSE: "{% else %}",
   END_IF: "{% endif %}"
-}, a = {
+}, n = {
   ID: /recommendation-id="(.*?)"/gi,
   ATTRIBUTE_PARAGRAPH: /<p[^>]*?product-attr="(discount|omnibus_discount|omnibus_price)"[^>]*>[\S\s]*?<\/p>/gm,
   ATTRIBUTE_PARAGRAPH_START_TAG: /<p[^>]*?product-attr="(discount|omnibus_discount|omnibus_price)"[^>]*>/gm,
@@ -31,9 +31,9 @@ const e = 20, s = 320, t = "vertical", m = {
   CUSTOM_FIELD: /{{(?:reco_)?[0-9]+_[0-8]_(discount|omnibus_discount|omnibus_price)}}/gm,
   CUSTOM_FIELD_INDEXES_PART: /{{(?:reco_)?[0-9]+_[0-8]_/gm,
   CUSTOM_FIELD_NAME_PART: /_(discount|omnibus_discount|omnibus_price)}}/gm
-}, n = {
-  PARAGRAPH_END_TAG: "</p>"
 }, o = {
+  PARAGRAPH_END_TAG: "</p>"
+}, a = {
   REGULAR_NAME_HEIGHT: ".ext-product-name.ins-vertical p { height:90px!important;",
   TRIMMED_NAME_HEIGHT: ".ext-product-name.ins-vertical p { height:18px!important;",
   ELLIPSIS: "text-overflow:ellipsis!important; white-space:nowrap!important;",
@@ -47,11 +47,11 @@ const e = 20, s = 320, t = "vertical", m = {
 export {
   i as ATTRIBUTES,
   _ as CONDITIONS,
-  o as CSS,
+  a as CSS,
   m as DUMMY_IMAGE_MAPPINGS,
   e as DefaultPadding,
-  n as HTML,
-  s as MinDeviceViewport,
-  a as REGEX,
-  t as VerticalOrientation
+  o as HTML,
+  t as MinDeviceViewport,
+  n as REGEX,
+  s as VerticalOrientation
 };

package/dist/extensions/Blocks/Items/enums/productEnums.js

@@ -1,44 +1,44 @@
-import _ from "../../../../node_modules/lodash-es/flatMap.js";
-import E from "../../../../node_modules/lodash-es/range.js";
-const T = '<td align="center" class="ins-product-td items-block items-block-v2">', a = { PAIRS_FOR_EXTENSION: {
+import E from "../../../../node_modules/lodash-es/flatMap.js";
+import s from "../../../../node_modules/lodash-es/range.js";
+const t = '<td align="center" class="ins-product-td items-block items-block-v2">', r = { PAIRS_FOR_EXTENSION: {
   imageSrc: {
     CART_ITEMS: {
       ATTR: "ins_apr_img",
       DEFAULT: [
-        "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_1.jpeg",
-        "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_2.webp",
-        "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_3.jpeg",
-        "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_4.jpeg",
-        "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_5.jpeg",
-        "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_6.jpeg",
-        "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_7.jpeg",
-        "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_8.jpeg"
+        "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_1.jpeg",
+        "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_2.webp",
+        "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_3.jpeg",
+        "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_4.jpeg",
+        "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_5.jpeg",
+        "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_6.jpeg",
+        "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_7.jpeg",
+        "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_8.jpeg"
       ]
     },
     BROWSED_ITEMS: {
       ATTR: "browsed_item_img",
       DEFAULT: [
-        "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_1.jpeg",
-        "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_2.webp",
-        "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_3.jpeg",
-        "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_4.jpeg",
-        "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_5.jpeg",
-        "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_6.jpeg",
-        "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_7.jpeg",
-        "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_8.jpeg"
+        "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_1.jpeg",
+        "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_2.webp",
+        "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_3.jpeg",
+        "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_4.jpeg",
+        "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_5.jpeg",
+        "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_6.jpeg",
+        "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_7.jpeg",
+        "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_8.jpeg"
       ]
     },
     PURCHASED_ITEMS: {
       ATTR: "purchased_item_img",
       DEFAULT: [
-        "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_1.jpeg",
-        "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_2.webp",
-        "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_3.jpeg",
-        "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_4.jpeg",
-        "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_5.jpeg",
-        "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_6.jpeg",
-        "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_7.jpeg",
-        "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_8.jpeg"
+        "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_1.jpeg",
+        "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_2.webp",
+        "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_3.jpeg",
+        "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_4.jpeg",
+        "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_5.jpeg",
+        "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_6.jpeg",
+        "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_7.jpeg",
+        "https://web-image.useinsider.com/email-assets/dummyImages/products/ins_apr_img_8.jpeg"
       ]
     }
   },
@@ -211,27 +211,27 @@ const T = '<td align="center" class="ins-product-td items-block items-block-v2">
     }
   }
 } };
-function m(e, s = 8) {
-  return E(1, s + 1).map((i) => `${e}_${i}`);
+function a(e, i = 8) {
+  return s(1, i + 1).map((_) => `${e}_${_}`);
 }
-function r() {
-  const { PAIRS_FOR_EXTENSION: e } = a, s = [];
-  return s.push(
+function R() {
+  const { PAIRS_FOR_EXTENSION: e } = r, i = [];
+  return i.push(
     e.imageSrc.CART_ITEMS.ATTR,
     e.imageSrc.BROWSED_ITEMS.ATTR,
     e.imageSrc.PURCHASED_ITEMS.ATTR
-  ), s.push(
+  ), i.push(
     e.name.CART_ITEMS.ATTR,
     e.name.CART_ITEMS.HREF,
     e.name.BROWSED_ITEMS.ATTR,
     e.name.BROWSED_ITEMS.HREF,
     e.name.PURCHASED_ITEMS.ATTR,
     e.name.PURCHASED_ITEMS.HREF
-  ), s.push(
+  ), i.push(
     e.quantity.CART_ITEMS.ATTR,
     e.quantity.BROWSED_ITEMS.ATTR,
     e.quantity.PURCHASED_ITEMS.ATTR
-  ), s.push(
+  ), i.push(
     e.price.CART_ITEMS.PRICE,
     e.price.CART_ITEMS.PRICE_FORMATTED,
     e.price.CART_ITEMS.SINGLE_PRICE,
@@ -247,7 +247,7 @@ function r() {
     e.price.PURCHASED_ITEMS.SINGLE_PRICE,
     e.price.PURCHASED_ITEMS.SINGLE_PRICE_FORMATTED,
     e.price.PURCHASED_ITEMS.CURRENCY
-  ), s.push(
+  ), i.push(
     e.originalPrice.CART_ITEMS.PRICE,
     e.originalPrice.CART_ITEMS.PRICE_FORMATTED,
     e.originalPrice.CART_ITEMS.SINGLE_PRICE,
@@ -263,22 +263,22 @@ function r() {
     e.originalPrice.PURCHASED_ITEMS.SINGLE_PRICE,
     e.originalPrice.PURCHASED_ITEMS.SINGLE_PRICE_FORMATTED,
     e.originalPrice.PURCHASED_ITEMS.CURRENCY
-  ), s.push(
+  ), i.push(
     e.button.CART_ITEMS.HREF,
     e.button.BROWSED_ITEMS.HREF,
     e.button.PURCHASED_ITEMS.HREF
-  ), s.push(
+  ), i.push(
     e.itemLink.CART_ITEMS.HREF,
     e.itemLink.BROWSED_ITEMS.HREF,
     e.itemLink.PURCHASED_ITEMS.HREF
-  ), s;
+  ), i;
 }
-const o = _(
-  r(),
-  (e) => m(e)
+const p = E(
+  R(),
+  (e) => a(e)
 );
 export {
-  o as itemsBlockDynamicVariables,
-  a as productPairs,
-  T as templateFirstLine
+  p as itemsBlockDynamicVariables,
+  r as productPairs,
+  t as templateFirstLine
 };

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

@@ -1,18 +1,21 @@
-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";
-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";
+var A = Object.defineProperty;
+var C = (a, c, t) => c in a ? A(a, c, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[c] = t;
+var h = (a, c, t) => C(a, typeof c != "symbol" ? c + "" : c, t);
+import { BlockId as y } from "../../../enums/block.js";
+import { getMigrationBannerHtml as R } from "../../../utils/migrationBannerHtml.js";
+import { Block as B, BlockCompositionType as E, ModificationDescription as g } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { RecommendationBlockId as T } from "./constants/blockIds.js";
+import { CSS_CLASS_SKIP_COMPILE as D, SELECTOR_TITLE_CELL as b, CSS_CLASS_TITLE_CELL as S, CSS_CLASS_ATTRIBUTE_ROW as L, ATTR_DATA_ATTRIBUTE_TYPE as M, ATTR_RECOMMENDATION_TITLE as O, ATTR_DATA_VISIBILITY as N } from "./constants/selectors.js";
+import { regenerateMobileProductRows as w } from "./controls/main/utils.js";
+import { ensureMobileCssRulesExist as p, setMobileLayoutOptOut as f, hasMobileLayoutOptOut as H } 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 x } from "./templates/grid/template.js";
+import { useRecommendationBlockWarning as $ } from "./useRecommendationBlockWarning.js";
+import { findLegacyTitle as P } from "./utils/legacyTitle.js";
+const _ = y.Recommendation, m = "recommendation-block-v2", u = "recommendation-id", I = "hide-price";
 let k = !1;
-class P extends b {
+class X extends B {
   constructor() {
     super();
     /**
@@ -28,7 +31,7 @@ class P extends b {
     return "recommendation-icon";
   }
   getBlockCompositionType() {
-    return A.CONTAINER;
+    return E.CONTAINER;
   }
   getName() {
     return this.api.translate("Recommendation Block");
@@ -39,7 +42,7 @@ class P extends b {
     );
   }
   getSettingsPanelTitleHtml() {
-    return y(
+    return R(
       _,
       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, x(t);
   }
   /**
    * Called when a new block is dropped into the template
@@ -94,7 +97,7 @@ class P extends b {
     if (r.setCurrentBlock(i), this._stampHidePrice(t, n.priceHideIfSameAsDiscounted), o) {
       p(this.api);
       const l = this._getBlockElement(t);
-      l && (f(this.api, l, !0), C({
+      l && (f(this.api, l, !0), w({
         currentNode: t,
         documentModifier: this.api.getDocumentModifier()
       }));
@@ -119,18 +122,44 @@ class P extends b {
           "Assign recommendation ID to legacy block"
         );
       }
-      this._healLingeringDuplicate(t), s.needsMigration(t) && this._migrateFromLegacy(t), this._healHidePriceAttr(t);
+      this._healLingeringDuplicate(t), s.needsMigration(t) && this._migrateFromLegacy(t), this._healHidePriceAttr(t), this._healLegacyTitle(t);
       try {
         k || (p(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);
+          H(i) !== n && f(this.api, i, n);
         }
       } catch {
       }
     }
   }
+  /**
+   * Adopts the plain text cell a pre-SD-147795 block used as its title.
+   *
+   * `recommendationTitleMigrator` tags that cell before the document is handed
+   * to Stripo, but Stripo serves a template it already holds in its own storage
+   * (`forceRecreate: false`) and drops the HTML we pass, so for an already-saved
+   * campaign the tagging only ever lands here. Without it the title is an
+   * ordinary text block: Card Composition reads the toggle as off while the
+   * title is on screen, switching it on prepends a second title, and the cell
+   * keeps the generic delete/duplicate node actions the CSS hides by class.
+   *
+   * Partner-managed blocks are left alone, the same exclusion the migrator makes.
+   * @param node - The block node that may still carry an untagged title
+   */
+  _healLegacyTitle(t) {
+    const e = this._getBlockElement(t);
+    if (!e || !("querySelector" in e) || !("hasClass" in e) || e.hasClass(D) || e.querySelector(b))
+      return;
+    const i = P(e);
+    if (!i)
+      return;
+    const n = this.api.getDocumentModifier();
+    n.modifyHtml(i.cell).setClass(S).setAttribute("esd-extension-block-id", T.TITLE), i.rows.forEach((o) => {
+      n.modifyHtml(o).setClass(L).setAttribute(M, O).setAttribute(N, "1");
+    }), n.apply(new g("Adopt legacy recommendation title"));
+  }
   /**
    * Called when a block is deleted from the template
    *
@@ -155,7 +184,7 @@ class P extends b {
    */
   _warnIfMultipleBlocks() {
     try {
-      M().warnIfMultipleBlocks(this.api.getDocumentRootHtmlNode());
+      $().warnIfMultipleBlocks(this.api.getDocumentRootHtmlNode());
     } catch {
     }
   }
@@ -333,5 +362,5 @@ class P extends b {
 }
 export {
   _ as BLOCK_ID,
-  P as RecommendationBlock
+  X 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,34 +1,35 @@
-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 R, 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, 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,
   _,
   T,
   r,
-  i,
-  I
+  I,
+  i
 ], c = {
+  [A]: !0,
   [o]: !0,
   [t]: !0,
   [T]: !0,
   [_]: !0,
   [r]: !1,
-  [i]: !1,
-  [I]: !0
+  [I]: !1,
+  [i]: !0
 }, l = {
   // Settings
   strategy: "mostPopular",
@@ -36,23 +37,23 @@ const D = {
   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,
-  mobileRowSpacing: R,
+  rowSpacing: R,
+  mobileColumnSpacing: O,
+  mobileRowSpacing: s,
   // Composition
-  composition: A,
+  composition: E,
   visibility: c,
   // Element settings
-  omnibusPrice: O,
+  omnibusPrice: D,
   omnibusDiscount: a,
   textTrimming: !1,
   // Price placement (block-level, affects all cards)
@@ -67,14 +68,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], L = 1;
 export {
-  m as CURRENT_CONFIG_VERSION,
-  A as DEFAULT_COMPOSITION,
-  D as DEFAULT_CURRENCY,
+  L as CURRENT_CONFIG_VERSION,
+  E as DEFAULT_COMPOSITION,
+  C as DEFAULT_CURRENCY,
   l 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
 };