@useinsider/guido 3.0.0-beta.34a1600 → 3.0.0-beta.39155d9

package/dist/config/compiler/utils/recommendationCompilerUtils.js

@@ -1,4 +1,4 @@
-import { useRecommendation as _ } from "../../../composables/useRecommendation.js";
+import { useRecommendation as $ } from "../../../composables/useRecommendation.js";
 function b(e, u, r, o) {
   const n = `{{${e}_${u}_${r}}}`, t = `{{${e}_${u}_currency}}`;
   return o === "before" ? `${t} ${n}` : `${n} ${t}`;
@@ -64,58 +64,69 @@ function p(e, u, r, o, n) {
       }
       break;
     }
+    default: {
+      const t = e.getAttribute("product-attr") ? e : e.querySelector("[product-attr]");
+      if (t) {
+        const c = t.getAttribute("product-attr"), s = t.querySelector("p");
+        if (s) {
+          const i = s.querySelector("strong") || s;
+          i.textContent = `{{${r}_${o}_${c}}}`;
+        }
+      }
+      break;
+    }
   }
 }
-function $(e, u, r) {
+function S(e, u, r) {
   e.querySelectorAll(".recommendation-product-row").forEach((n, t) => {
     n.querySelectorAll("[data-attribute-type]").forEach((s) => {
-      const i = s.getAttribute("data-attribute-type") || "", a = s.querySelectorAll(".attribute-cell");
-      a.length > 0 ? a.forEach((l) => {
-        p(l, i, u, t, r);
+      const i = s.getAttribute("data-attribute-type") || "", l = s.querySelectorAll(".attribute-cell");
+      l.length > 0 ? l.forEach((a) => {
+        p(a, i, u, t, r);
       }) : p(s, i, u, t, r);
     });
   });
 }
-function S(e, u, r) {
+function _(e, u, r) {
   const o = e.querySelectorAll(".recommendation-product-row");
   if (!o.length)
     return;
   const [n] = o, t = n.querySelector("[data-attribute-type]"), c = t ? t.querySelectorAll(".attribute-cell").length : 1;
   o.forEach((s, i) => {
-    s.querySelectorAll("[data-attribute-type]").forEach((l) => {
-      const f = l.getAttribute("data-attribute-type") || "";
-      l.querySelectorAll(".attribute-cell").forEach((y, m) => {
-        const A = i * c + m;
-        p(y, f, u, A, r);
+    s.querySelectorAll("[data-attribute-type]").forEach((a) => {
+      const f = a.getAttribute("data-attribute-type") || "";
+      a.querySelectorAll(".attribute-cell").forEach((y, A) => {
+        const m = i * c + A;
+        p(y, f, u, m, r);
       });
     });
   });
 }
 function q(e, u, r) {
   e.querySelectorAll(".ins-recommendation-product-container").forEach((n) => {
-    S(n, u, r);
+    _(n, u, r);
   });
 }
 function d(e, u) {
   const r = e.getAttribute("data-layout") || "grid", o = e.getAttribute("currency-alignment") || "after";
-  r === "list" ? $(e, u, o) : q(e, u, o);
+  r === "list" ? S(e, u, o) : q(e, u, o);
 }
-function h(e, u) {
+function g(e, u) {
   const r = e.match(/<!DOCTYPE[^>]*>/i);
   return (r ? `${r[0]}
 ` : "") + u.documentElement.outerHTML;
 }
-function w(e) {
+function E(e) {
   const u = e.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), r = new DOMParser().parseFromString(u, "text/html"), o = r.querySelectorAll(".recommendation-block-v2");
   if (!o.length)
     return e;
-  const { buildCampaignUrl: n } = _();
+  const { buildCampaignUrl: n } = $();
   return o.forEach((c) => {
     const s = c.getAttribute("recommendation-id");
     s && (n(s), d(c, s));
-  }), h(u, r).replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
+  }), g(u, r).replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
 }
 export {
   b as formatPriceVariable,
-  w as prepareRecommendationBlocks
+  E as prepareRecommendationBlocks
 };

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

@@ -1,49 +1,48 @@
-var k = Object.defineProperty;
-var I = (r, n, t) => n in r ? k(r, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[n] = t;
-var u = (r, n, t) => I(r, typeof n != "symbol" ? n + "" : n, t);
-import { BlockId as _ } from "../../../enums/block.js";
-import { getMigrationBannerHtml as b } from "../../../utils/migrationBannerHtml.js";
-import { Block as B, BlockCompositionType as R, ModificationDescription as y } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { regenerateMobileProductRows as C } from "./controls/main/utils.js";
-import { ensureMobileCssRulesExist as g, setMobileLayoutOptOut as d, hasMobileLayoutOptOut as A } from "./controls/mobileLayout/cssRules.js";
-import { RecommendationConfigService as c } from "./services/configService.js";
-import { useRecommendationExtensionStore as p } from "./store/recommendation.js";
-import { getDefaultTemplate as E } from "./templates/grid/template.js";
-const f = _.Recommendation, a = "recommendation-block-v2", m = "recommendation-id";
-let h = !1;
-class q extends B {
+var f = Object.defineProperty;
+var h = (r, o, t) => o in r ? f(r, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[o] = t;
+var g = (r, o, t) => h(r, typeof o != "symbol" ? o + "" : o, t);
+import { BlockId as I } from "../../../enums/block.js";
+import { getMigrationBannerHtml as k } from "../../../utils/migrationBannerHtml.js";
+import { Block as B, BlockCompositionType as _, ModificationDescription as R } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { ensureMobileCssRulesExist as d } from "./controls/mobileLayout/cssRules.js";
+import { RecommendationConfigService as s } from "./services/configService.js";
+import { useRecommendationExtensionStore as u } from "./store/recommendation.js";
+import { getDefaultTemplate as A } from "./templates/grid/template.js";
+const p = I.Recommendation, c = "recommendation-block-v2", a = "recommendation-id";
+class T extends B {
   constructor() {
     super();
     /**
      * Stores the ID generated in getTemplate() so onCreated() can reuse it.
      * This avoids generating a new (different) ID in onCreated().
      */
-    u(this, "_pendingBlockId", null);
+    g(this, "_pendingBlockId", null);
   }
   getId() {
-    return f;
+    return p;
   }
   getIcon() {
     return "recommendation-icon";
   }
   getBlockCompositionType() {
-    return R.CONTAINER;
+    return _.CONTAINER;
   }
   getName() {
     return this.api.translate("Recommendation Block");
   }
   getDescription() {
-    return this.api.translate(
-      "Recommendation lets you display personalized product recommendations to users based on their algorithm."
-    );
+    return this.api.translate("Recommendation Block Title Description");
   }
   getSettingsPanelTitleHtml() {
-    return b(
-      f,
+    return k(
+      p,
       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.")
     );
   }
+  allowInnerBlocksDND() {
+    return !1;
+  }
   /**
    * Returns the template HTML for a new recommendation block.
    * Generates a unique recommendation ID and embeds the instance class
@@ -53,7 +52,7 @@ class q extends B {
    */
   getTemplate() {
     const t = this._generateNextId();
-    return this._pendingBlockId = t, E(t);
+    return this._pendingBlockId = t, A(t);
   }
   /**
    * Called when a new block is dropped into the template
@@ -65,13 +64,8 @@ class q extends B {
   onCreated(t) {
     const e = this._pendingBlockId ?? this._generateNextId();
     this._pendingBlockId = null, this._assignRecommendationId(t, e);
-    const o = c.initializeConfig(this.api, t, { recommendationId: e }), i = p();
-    i.setCurrentBlock(e), g(this.api);
-    const s = this._getBlockElement(t);
-    s && (d(this.api, s, !0), C({
-      currentNode: t,
-      documentModifier: this.api.getDocumentModifier()
-    })), i.patchCurrentBlockConfig({ language: o.language }, { triggerRefetch: !1 });
+    const n = s.initializeConfig(this.api, t, { recommendationId: e }), i = u();
+    i.setCurrentBlock(e), d(this.api), i.patchCurrentBlockConfig({ language: n.language }, { triggerRefetch: !1 });
   }
   /**
    * Called when the document changes or template is loaded
@@ -84,23 +78,14 @@ class q extends B {
     if (!(!t || !("getNodeConfig" in t))) {
       if (!this._getRecommendationId(t)) {
         const e = this._generateNextId();
-        this._assignRecommendationId(t, e), c.hasConfig(t) && c.updateConfig(
+        this._assignRecommendationId(t, e), s.hasConfig(t) && s.updateConfig(
           this.api,
           t,
           { recommendationId: e },
           "Assign recommendation ID to legacy block"
         );
       }
-      c.needsMigration(t) && this._migrateFromLegacy(t);
-      try {
-        h || (g(this.api), h = !0);
-        const e = c.getConfig(t), o = this._getBlockElement(t);
-        if (o) {
-          const i = !e.mobileLayoutEnabled;
-          A(o) !== i && d(this.api, o, i);
-        }
-      } catch {
-      }
+      s.needsMigration(t) && this._migrateFromLegacy(t), d(this.api);
     }
   }
   /**
@@ -111,7 +96,7 @@ class q extends B {
    */
   onDelete(t) {
     const e = this._getRecommendationId(t);
-    e && p().removeBlockState(e);
+    e && u().removeBlockState(e);
   }
   /**
    * Generates the next unique recommendation ID by scanning all existing blocks
@@ -121,9 +106,9 @@ class q extends B {
     let t = 0;
     try {
       const e = this.api.getDocumentRoot();
-      e && "querySelectorAll" in e && e.querySelectorAll(`.${a}`).forEach((i) => {
+      e && "querySelectorAll" in e && e.querySelectorAll(`.${c}`).forEach((i) => {
         if ("getAttribute" in i) {
-          const s = i.getAttribute(m), l = s ? parseInt(s) : 0;
+          const m = i.getAttribute(a), l = m ? parseInt(m) : 0;
           l > t && (t = l);
         }
       });
@@ -138,11 +123,11 @@ class q extends B {
    * added classes via setAttribute.
    */
   _assignRecommendationId(t, e) {
-    const o = this._getBlockElement(t);
-    if (!o)
+    const n = this._getBlockElement(t);
+    if (!n)
       return;
     const i = this.api.getDocumentModifier();
-    i.modifyHtml(o).setAttribute(m, e.toString()), i.apply(new y(`Assign recommendation ID ${e}`));
+    i.modifyHtml(n).setAttribute(a, e.toString()), i.apply(new R(`Assign recommendation ID ${e}`));
   }
   /**
    * Gets the recommendation-id from a block node
@@ -151,10 +136,10 @@ class q extends B {
     const e = this._getBlockElement(t);
     if (!e || !("getAttribute" in e))
       return null;
-    const o = e.getAttribute(m);
-    if (!o)
+    const n = e.getAttribute(a);
+    if (!n)
       return null;
-    const i = parseInt(o);
+    const i = parseInt(n);
     return Number.isNaN(i) ? null : i;
   }
   /**
@@ -163,19 +148,19 @@ class q extends B {
   _getBlockElement(t) {
     if ("getAttribute" in t) {
       const e = t.getAttribute("class");
-      if (e && e.includes(a))
+      if (e && e.includes(c))
         return t;
     }
-    return "querySelector" in t ? t.querySelector(`.${a}`) : null;
+    return "querySelector" in t ? t.querySelector(`.${c}`) : null;
   }
   /**
    * Migrate configuration from legacy format
    */
   _migrateFromLegacy(t) {
-    c.migrateFromDataAttributes(this.api, t);
+    s.migrateFromDataAttributes(this.api, t);
   }
 }
 export {
-  f as BLOCK_ID,
-  q as RecommendationBlock
+  p as BLOCK_ID,
+  T 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))(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))(b || {});
 export {
   b as RecommendationBlockId
 };

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

@@ -1,4 +1,4 @@
-var o = /* @__PURE__ */ ((c) => (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.SYNC_INFO_MESSAGE = "recommendation-block-sync-info-message", c))(o || {});
+var o = /* @__PURE__ */ ((c) => (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))(o || {});
 export {
   o as RecommendationControlId
 };

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

@@ -1,71 +1,69 @@
-import { DEFAULT_MOBILE_ROW_SPACING as R, DEFAULT_MOBILE_COLUMN_SPACING as U, DEFAULT_ROW_SPACING as i, DEFAULT_COLUMN_SPACING as s, DEFAULT_MOBILE_CARDS_IN_ROW as o, DEFAULT_CARDS_IN_ROW as C } from "./layout.js";
-import { ATTR_PRODUCT_IMAGE as _, ATTR_PRODUCT_NAME as e, ATTR_PRODUCT_OLD_PRICE as t, ATTR_PRODUCT_PRICE as T, ATTR_PRODUCT_OMNIBUS_PRICE as r, ATTR_PRODUCT_OMNIBUS_DISCOUNT as I, ATTR_PRODUCT_BUTTON as n } from "./selectors.js";
-const O = {
+import { DEFAULT_MOBILE_ROW_SPACING as U, DEFAULT_MOBILE_COLUMN_SPACING as R, DEFAULT_ROW_SPACING as n, DEFAULT_COLUMN_SPACING as O, DEFAULT_MOBILE_CARDS_IN_ROW as C, DEFAULT_CARDS_IN_ROW as D } from "./layout.js";
+import { ATTR_PRODUCT_IMAGE as _, ATTR_PRODUCT_NAME as o, ATTR_PRODUCT_OLD_PRICE as t, ATTR_PRODUCT_PRICE as e, ATTR_PRODUCT_OMNIBUS_PRICE as T, ATTR_PRODUCT_OMNIBUS_DISCOUNT as I, ATTR_PRODUCT_BUTTON as r } from "./selectors.js";
+const i = {
   code: "USD",
   symbol: "USD",
   alignment: "after",
   decimalCount: 2,
   decimalSeparator: ".",
   thousandSeparator: ","
-}, D = {
+}, A = {
   textBefore: "",
   textAfter: ""
-}, A = {
+}, s = {
   textBefore: "",
   textAfter: ""
-}, a = [
+}, E = [
   _,
-  e,
+  o,
   t,
+  e,
   T,
-  r,
   I,
-  n
-], E = {
+  r
+], c = {
   [_]: !0,
+  [o]: !0,
   [e]: !0,
-  [T]: !0,
   [t]: !0,
-  [r]: !1,
+  [T]: !1,
   [I]: !1,
-  [n]: !0
-}, l = {
+  [r]: !0
+}, N = {
   // Settings
   strategy: "mostPopular",
   productIds: [],
   size: "6",
   shuffleProducts: !1,
   language: "en_US",
-  currency: O,
+  currency: i,
   filters: [],
   // Layout
   layout: "grid",
-  cardsInRow: C,
-  mobileCardsInRow: o,
-  mobileLayoutEnabled: !1,
-  previousMobileCardsInRow: o,
-  columnSpacing: s,
-  rowSpacing: i,
-  mobileColumnSpacing: U,
-  mobileRowSpacing: R,
+  cardsInRow: D,
+  mobileCardsInRow: C,
+  columnSpacing: O,
+  rowSpacing: n,
+  mobileColumnSpacing: R,
+  mobileRowSpacing: U,
   // Composition
-  composition: a,
-  visibility: E,
+  composition: E,
+  visibility: c,
   // Element settings
-  omnibusPrice: D,
-  omnibusDiscount: A,
+  omnibusPrice: A,
+  omnibusDiscount: s,
   textTrimming: !1,
   // Meta
   configVersion: 1,
   recommendationId: 0
-}, N = [11, 12], m = 1;
+}, m = [11, 12], L = 1;
 export {
-  m as CURRENT_CONFIG_VERSION,
-  a as DEFAULT_COMPOSITION,
-  O as DEFAULT_CURRENCY,
-  l as DEFAULT_NODE_CONFIG,
-  A as DEFAULT_OMNIBUS_DISCOUNT,
-  D as DEFAULT_OMNIBUS_PRICE,
-  E as DEFAULT_VISIBILITY,
-  N as EXCLUDED_ALGORITHM_IDS
+  L as CURRENT_CONFIG_VERSION,
+  E as DEFAULT_COMPOSITION,
+  i as DEFAULT_CURRENCY,
+  N as DEFAULT_NODE_CONFIG,
+  s as DEFAULT_OMNIBUS_DISCOUNT,
+  A as DEFAULT_OMNIBUS_PRICE,
+  c as DEFAULT_VISIBILITY,
+  m as EXCLUDED_ALGORITHM_IDS
 };

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

@@ -1,23 +1,26 @@
-const c = ".recommendation-block-v2", n = ".ins-recommendation-product-container", o = ".ins-recommendation-desktop-container", T = ".ins-recommendation-mobile-container", t = ".ins-recommendation-mobile-row", r = {
+const T = ".recommendation-block-v2", c = ".ins-recommendation-product-container", o = ".ins-recommendation-desktop-container", t = ".ins-recommendation-mobile-container", n = ".ins-recommendation-mobile-row", R = {
   CURRENCY: "currency",
   SYMBOL: "currency-symbol",
   ALIGNMENT: "currency-alignment",
   THOUSAND_SEPARATOR: "currency-thousand-separator",
   DECIMAL_SEPARATOR: "currency-decimal-separator",
   DECIMAL_COUNT: "currency-decimal-count"
-}, R = "productImage", O = "productName", e = "productPrice", _ = "productOldPrice", E = "productOmnibusPrice", C = "productOmnibusDiscount", s = "productButton";
+}, r = "productImage", O = "productName", _ = "productPrice", e = "productOldPrice", s = "productOmnibusPrice", C = "productOmnibusDiscount", E = "productButton", A = "customAttr:", i = "data-custom-attributes", u = "product-attr";
 export {
-  s as ATTR_PRODUCT_BUTTON,
-  R as ATTR_PRODUCT_IMAGE,
+  A as ATTR_CUSTOM_PREFIX,
+  i as ATTR_DATA_CUSTOM_ATTRIBUTES,
+  u as ATTR_PRODUCT_ATTR,
+  E as ATTR_PRODUCT_BUTTON,
+  r as ATTR_PRODUCT_IMAGE,
   O as ATTR_PRODUCT_NAME,
-  _ as ATTR_PRODUCT_OLD_PRICE,
+  e as ATTR_PRODUCT_OLD_PRICE,
   C as ATTR_PRODUCT_OMNIBUS_DISCOUNT,
-  E as ATTR_PRODUCT_OMNIBUS_PRICE,
-  e as ATTR_PRODUCT_PRICE,
-  c as BLOCK_ROOT_SELECTOR,
-  n as CONTAINER_SELECTOR,
-  r as CURRENCY_ATTR,
+  s as ATTR_PRODUCT_OMNIBUS_PRICE,
+  _ as ATTR_PRODUCT_PRICE,
+  T as BLOCK_ROOT_SELECTOR,
+  c as CONTAINER_SELECTOR,
+  R as CURRENCY_ATTR,
   o as DESKTOP_CONTAINER_SELECTOR,
-  T as MOBILE_CONTAINER_SELECTOR,
-  t as MOBILE_ROW_SELECTOR
+  t as MOBILE_CONTAINER_SELECTOR,
+  n as MOBILE_ROW_SELECTOR
 };

package/dist/extensions/Blocks/Recommendation/controls/cardBackground/index.js

@@ -1,7 +1,7 @@
 import { ModificationDescription as d } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { CommonControl as s } from "../../../common-control.js";
 import { getCurrentLayout as l } from "../main/utils.js";
-const i = "recommendation-card-background-color-control", e = {
+const u = "recommendation-card-background-color-control", e = {
   CARD_BACKGROUND_COLOR: "cardBackgroundColor"
 }, a = {
   GRID: ".product-card-segment",
@@ -9,13 +9,13 @@ const i = "recommendation-card-background-color-control", e = {
 };
 class _ extends s {
   getId() {
-    return i;
+    return u;
   }
   getTemplate() {
     return `
             <div class="card-bg-control-container">
                 ${this._GuTwoColumns([
-      this._GuLabel({ text: this.api.translate("Card Background Color") }),
+      this._GuLabel({ text: "Card Background Color" }),
       this._GuColorPicker(e.CARD_BACKGROUND_COLOR)
     ])}
             </div>
@@ -75,6 +75,6 @@ class _ extends s {
   }
 }
 export {
-  i as CARD_BACKGROUND_COLOR_CONTROL_ID,
+  u as CARD_BACKGROUND_COLOR_CONTROL_ID,
   _ as CardBackgroundColorControl
 };