@useinsider/guido 3.16.0-beta.efbb91f → 3.16.0-beta.fe1df65

package/dist/config/migrator/recommendationTitleMigrator.js

@@ -0,0 +1,119 @@
+var f = Object.defineProperty;
+var m = (s, t, e) => t in s ? f(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var l = (s, t, e) => m(s, typeof t != "symbol" ? t + "" : t, e);
+import { RecommendationBlockId as T } from "../../extensions/Blocks/Recommendation/constants/blockIds.js";
+import { BLOCK_ROOT_SELECTOR as d, CSS_CLASS_SKIP_COMPILE as R, ATTR_RECOMMENDATION_TITLE as a, CONTAINER_SELECTOR as S, CSS_CLASS_TITLE_CELL as c } from "../../extensions/Blocks/Recommendation/constants/selectors.js";
+const p = d.slice(1), E = `${d}:not(.${R})`, g = `[data-attribute-type="${a}"]`, y = "td.esd-block-text", u = "table.container > tbody", _ = "esd-ext-config";
+class C {
+  constructor() {
+    l(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(E)).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(g) || 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(y)).find((e) => !e.closest(S) && 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", T.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(u);
+    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("spacer"));
+  }
+  _tagRow(t) {
+    t.classList.add("recommendation-attribute-row"), t.setAttribute("data-attribute-type", a), t.setAttribute("data-visibility", "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(u)) == 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, [a]: e }, t.setAttribute(_, JSON.stringify(i));
+  }
+  _hasRecordedTitleState(t) {
+    var i;
+    const e = (i = this._readConfig(t)) == null ? void 0 : i.visibility;
+    return typeof e == "object" && e !== null && a in e;
+  }
+  _readConfig(t) {
+    const e = t.getAttribute(_);
+    if (!e)
+      return null;
+    try {
+      const i = JSON.parse(e);
+      return typeof i == "object" && i !== null ? i : null;
+    } catch {
+      return null;
+    }
+  }
+}
+function w(s) {
+  return new C().migrate(s);
+}
+export {
+  w 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/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
 };

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 o = ".recommendation-block-v2", c = ".ins-recommendation-product-container", n = ".ins-recommendation-desktop-container", _ = ".ins-recommendation-mobile-container", R = ".ins-recommendation-mobile-row", r = "reco-v3-button", e = "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([
+}, O = "productImage", s = "productName", A = "productPrice", i = "productOldPrice", C = "productOmnibusPrice", I = "productOmnibusDiscount", a = "productButton", u = "recommendationTitle", T = "ins-recommendation-title", S = `.${T}`, m = "customAttr:", L = "data-custom-attributes", d = "data-card-composition", U = "product-attr", N = ".recommendation-attribute-row", P = "data-attribute-type", D = "product_attribute.", t = /* @__PURE__ */ new Set([
   "name",
   // productName
   "price",
@@ -20,34 +20,37 @@ const t = ".recommendation-block-v2", c = ".ins-recommendation-product-container
   // productOmnibusPrice
   "omnibus_discount"
   // productOmnibusDiscount
-]), P = /* @__PURE__ */ new Set([
-  ...T,
+]), p = /* @__PURE__ */ new Set([
+  ...t,
   "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,
+  m as ATTR_CUSTOM_PREFIX,
+  P as ATTR_DATA_ATTRIBUTE_TYPE,
+  d as ATTR_DATA_CARD_COMPOSITION,
+  L as ATTR_DATA_CUSTOM_ATTRIBUTES,
+  U as ATTR_PRODUCT_ATTR,
+  a 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,
+  s as ATTR_PRODUCT_NAME,
+  i as ATTR_PRODUCT_OLD_PRICE,
+  I as ATTR_PRODUCT_OMNIBUS_DISCOUNT,
+  C as ATTR_PRODUCT_OMNIBUS_PRICE,
+  A as ATTR_PRODUCT_PRICE,
+  u as ATTR_RECOMMENDATION_TITLE,
+  o 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
+  r as CSS_CLASS_RECO_BUTTON,
+  e as CSS_CLASS_SKIP_COMPILE,
+  T as CSS_CLASS_TITLE_CELL,
+  E as CURRENCY_ATTR,
+  n as DESKTOP_CONTAINER_SELECTOR,
+  _ as MOBILE_CONTAINER_SELECTOR,
+  R as MOBILE_ROW_SELECTOR,
+  D as PRODUCT_ATTRIBUTE_PREFIX,
+  p as RECOMMENDATION_VARIABLE_BUILTIN_ATTRIBUTES,
+  N as SELECTOR_ATTRIBUTE_ROW,
+  S as SELECTOR_TITLE_CELL
 };