@useinsider/guido 2.0.0-beta.e73ba15 → 2.0.0-beta.fb0f99d

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

@@ -1,29 +1,31 @@
-var f = Object.defineProperty;
-var C = (a, n, t) => n in a ? f(a, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[n] = t;
-var c = (a, n, t) => C(a, typeof n != "symbol" ? n + "" : n, t);
-import { ModificationDescription as d } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as g } from "../../../common-control.js";
-import { ATTR_PRODUCT_IMAGE as O, ATTR_PRODUCT_NAME as A, ATTR_PRODUCT_PRICE as R, ATTR_PRODUCT_OLD_PRICE as N, ATTR_PRODUCT_OMNIBUS_PRICE as E, ATTR_PRODUCT_OMNIBUS_DISCOUNT as D, ATTR_PRODUCT_BUTTON as v } from "../../constants/selectors.js";
-import { useRecommendationExtensionStore as I } from "../../store/recommendation.js";
-const V = "ui-elements-recommendation-card-composition", S = {
+var T = Object.defineProperty;
+var C = (a, n, t) => n in a ? T(a, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[n] = t;
+var l = (a, n, t) => C(a, typeof n != "symbol" ? n + "" : n, t);
+import { ModificationDescription as u } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as f } from "../../../common-control.js";
+import { ATTR_PRODUCT_IMAGE as O, ATTR_PRODUCT_NAME as g, ATTR_PRODUCT_PRICE as R, ATTR_PRODUCT_OLD_PRICE as A, ATTR_PRODUCT_OMNIBUS_PRICE as D, ATTR_PRODUCT_OMNIBUS_DISCOUNT as N, ATTR_PRODUCT_BUTTON as V } from "../../constants/selectors.js";
+import { useRecommendationExtensionStore as E } from "../../store/recommendation.js";
+import { getTableDisplayValue as I } from "../../utils/tagName.js";
+import { getCurrentLayout as P } from "../main/utils.js";
+const S = "ui-elements-recommendation-card-composition", k = {
   ORDERABLE: "cardComposition"
-}, b = ".recommendation-attribute-row", P = ".product-card-wrapper > tbody", y = "data-card-composition", p = "data-attribute-type", h = "data-visibility", s = [
+}, c = ".recommendation-attribute-row", v = ".product-card-wrapper > tbody", _ = "data-card-composition", d = "data-attribute-type", m = "data-visibility", s = [
   { key: O, label: "Product Image", visible: !0 },
-  { key: A, label: "Product Name", visible: !0 },
+  { key: g, label: "Product Name", visible: !0 },
   { key: R, label: "Product Price", visible: !0 },
-  { key: N, label: "Product Original Price", visible: !0 },
-  { key: E, label: "Omnibus Price", visible: !1 },
-  { key: D, label: "Omnibus Discount", visible: !1 },
-  { key: v, label: "Product Button", visible: !0 }
+  { key: A, label: "Product Original Price", visible: !0 },
+  { key: D, label: "Omnibus Price", visible: !1 },
+  { key: N, label: "Omnibus Discount", visible: !1 },
+  { key: V, label: "Product Button", visible: !0 }
 ];
-class x extends g {
+class H extends f {
   constructor() {
     super(...arguments);
-    c(this, "store", I());
-    c(this, "unsubscribeOrientation", null);
+    l(this, "store", E());
+    l(this, "unsubscribeOrientation", null);
   }
   getId() {
-    return V;
+    return S;
   }
   getTemplate() {
     const t = s.map((e) => ({
@@ -34,7 +36,7 @@ class x extends g {
     return `
             <div class="container" data-card-composition-control>
                 ${this._GuLabel({ text: "Card Element Order & Visibility" })}
-                ${this._GuOrderable(S.ORDERABLE, t)}
+                ${this._GuOrderable(k.ORDERABLE, t)}
             </div>
         `;
   }
@@ -85,7 +87,7 @@ class x extends g {
   _readCompositionFromNode() {
     if (!this.currentNode || !("getAttribute" in this.currentNode))
       return s.map((e) => e.key);
-    const t = this.currentNode.getAttribute(y);
+    const t = this.currentNode.getAttribute(_);
     return t ? t.split(",").filter(Boolean) : s.map((e) => e.key);
   }
   /**
@@ -101,7 +103,7 @@ class x extends g {
   _readVisibilityFromRows() {
     if (!this.currentNode)
       return this._getDefaultVisibilities();
-    const t = Array.from(this.currentNode.querySelectorAll(b)), e = this._extractVisibilityFromRows(t);
+    const t = Array.from(this.currentNode.querySelectorAll(c)), e = this._extractVisibilityFromRows(t);
     return this._mergeWithDefaults(e);
   }
   /**
@@ -118,7 +120,7 @@ class x extends g {
     return t.forEach((i) => {
       if (!("getAttribute" in i))
         return;
-      const o = i.getAttribute(p), r = i.getAttribute(h);
+      const o = i.getAttribute(d), r = i.getAttribute(m);
       o && r !== null && (e[o] = this._parseVisibilityValue(r));
     }), e;
   }
@@ -146,7 +148,7 @@ class x extends g {
     if (!this.currentNode)
       return;
     const e = this._getCurrentLayout();
-    this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute(y, t.join(",")).apply(new d("Update card composition")), e === "vertical" && this._reorderProductAttributes(t);
+    this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute(_, t.join(",")).apply(new u("Update card composition")), e === "vertical" && this._reorderProductAttributes(t);
   }
   /**
    * Reorders attribute rows within each product card based on composition order
@@ -155,21 +157,21 @@ class x extends g {
   _reorderProductAttributes(t) {
     if (!this.currentNode)
       return;
-    const e = this.currentNode.querySelectorAll(P);
+    const e = this.currentNode.querySelectorAll(v);
     if (!(e != null && e.length))
       return;
     const i = this.api.getDocumentModifier();
     e.forEach((o) => {
       const r = this._buildCompositionHtml(o, t);
       i.modifyHtml(o).setInnerHtml(r);
-    }), i.apply(new d("Reorder product attributes"));
+    }), i.apply(new u("Reorder product attributes"));
   }
   /**
    * Builds HTML string with attributes ordered according to composition
    */
   _buildCompositionHtml(t, e) {
     return e.reduce((i, o) => {
-      const r = t.querySelector(`${b}[${p}="${o}"]`);
+      const r = t.querySelector(`${c}[${d}="${o}"]`);
       return r && "getOuterHTML" in r ? i + r.getOuterHTML() : i;
     }, "");
   }
@@ -182,33 +184,20 @@ class x extends g {
   _applyVisibilityToBlock(t, e) {
     if (!this.currentNode)
       return;
-    const i = this.currentNode.querySelectorAll(`${b}[${p}="${t}"]`);
+    const i = this.currentNode.querySelectorAll(`${c}[${d}="${t}"]`);
     if (!(i != null && i.length))
       return;
-    const o = e ? "1" : "0", r = `Set ${t} visibility to ${e ? "visible" : "hidden"}`, m = this.api.getDocumentModifier();
-    i.forEach((l) => {
-      let u = "TR";
-      if ("tagName" in l && l.tagName)
-        u = l.tagName.toUpperCase();
-      else if ("getTagName" in l) {
-        const _ = l;
-        typeof _.getTagName == "function" && (u = _.getTagName().toUpperCase());
-      }
-      const T = e ? u === "TD" || u === "BLOCK_IMAGE" || u === "BLOCK_BUTTON" ? "table-cell" : "table-row" : "none";
-      m.modifyHtml(l).setStyle("display", T).setAttribute(h, o);
-    }), m.apply(new d(r));
+    const o = e ? "1" : "0", r = `Set ${t} visibility to ${e ? "visible" : "hidden"}`, b = this.api.getDocumentModifier();
+    i.forEach((p) => {
+      const y = I(p), h = e ? y : "none";
+      b.modifyHtml(p).setStyle("display", h).setAttribute(m, o);
+    }), b.apply(new u(r));
   }
   /**
    * Gets the current layout orientation from store or DOM
    */
   _getCurrentLayout() {
-    const t = this.store.recommendationConfigs.orientation;
-    if (t)
-      return t;
-    if (!this.currentNode || !("querySelector" in this.currentNode))
-      return "vertical";
-    const e = this.currentNode.querySelector(".ins-recommendation-v3-block-v2");
-    return !e || !("getAttribute" in e) ? "vertical" : e.getAttribute("data-layout") === "horizontal" ? "horizontal" : "vertical";
+    return this.store.recommendationConfigs.orientation || P(this.currentNode);
   }
   /**
    * Updates orderable state based on layout orientation
@@ -238,6 +227,6 @@ class x extends g {
   }
 }
 export {
-  V as COMPOSITION_CONTROL_BLOCK_ID,
-  x as RecommendationCardCompositionControl
+  S as COMPOSITION_CONTROL_BLOCK_ID,
+  H as RecommendationCardCompositionControl
 };

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

@@ -1,40 +1,54 @@
-var l = Object.defineProperty;
-var a = (s, n, t) => n in s ? l(s, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[n] = t;
-var r = (s, n, t) => a(s, typeof n != "symbol" ? n + "" : n, t);
+var a = Object.defineProperty;
+var c = (n, r, o) => r in n ? a(n, r, { enumerable: !0, configurable: !0, writable: !0, value: o }) : n[r] = o;
+var e = (n, r, o) => c(n, typeof r != "symbol" ? r + "" : r, o);
 import { CommonControl as m } from "../../../common-control.js";
-import { useRecommendationExtensionStore as c } from "../../store/recommendation.js";
-import { AlgorithmControl as C } from "./algorithm.js";
-import { ALGORITHM_CONTROL_ID as U } from "./algorithm.js";
-import { CurrencyControl as h } from "./currency.js";
-import { CURRENCY_CONTROL_ID as $ } from "./currency.js";
-import { FiltersControl as u } from "./filters.js";
-import { FILTERS_CONTROL_ID as F } from "./filters.js";
-import { LocaleControl as f } from "./locale.js";
-import { LOCALE_CONTROL_ID as A } from "./locale.js";
-import { ProductLayoutControl as d } from "./productLayout.js";
-import { PRODUCT_LAYOUT_CONTROL_ID as v } from "./productLayout.js";
-import { ShuffleControl as p } from "./shuffle.js";
+import { useRecommendationExtensionStore as h } from "../../store/recommendation.js";
+import { AlgorithmControl as u } from "./algorithm.js";
+import { ALGORITHM_CONTROL_ID as x } from "./algorithm.js";
+import { CurrencyControl as C } from "./currency.js";
+import { CURRENCY_CONTROL_ID as k } from "./currency.js";
+import { FiltersControl as f } from "./filters.js";
+import { FILTERS_CONTROL_ID as A } from "./filters.js";
+import { LocaleControl as d } from "./locale.js";
+import { LOCALE_CONTROL_ID as z } from "./locale.js";
+import { ProductLayoutControl as p } from "./productLayout.js";
+import { PRODUCT_LAYOUT_CONTROL_ID as Y } from "./productLayout.js";
+import { ShuffleControl as R } from "./shuffle.js";
 import { SHUFFLE_CONTROL_ID as B } from "./shuffle.js";
-const R = "ui-elements-recommendation-block";
-class I extends m {
+import { useDebounceFn as _ } from "../../../../../node_modules/@vueuse/shared/index.js";
+const y = /* @__PURE__ */ new Set([
+  "size",
+  "strategy",
+  "filters",
+  "productIds",
+  "language",
+  "shuffleProducts"
+]), L = "ui-elements-recommendation-block";
+class P extends m {
   constructor() {
     super(...arguments);
-    r(this, "store", c());
-    r(this, "storeUnsubscription", () => {
+    e(this, "store", h());
+    e(this, "storeUnsubscription", () => {
     });
     // Sub-control instances for lifecycle management
-    r(this, "algorithmControl", null);
-    r(this, "localeControl", null);
-    r(this, "currencyControl", null);
-    r(this, "productLayoutControl", null);
-    r(this, "filtersControl", null);
-    r(this, "shuffleControl", null);
+    e(this, "algorithmControl", null);
+    e(this, "localeControl", null);
+    e(this, "currencyControl", null);
+    e(this, "productLayoutControl", null);
+    e(this, "filtersControl", null);
+    e(this, "shuffleControl", null);
+    /**
+     * Debounced product fetch to prevent rapid API calls during config changes
+     */
+    e(this, "_debouncedFetchProducts", _(() => {
+      this.store.fetchRecommendationProducts();
+    }, 500));
   }
   getId() {
-    return R;
+    return L;
   }
   getTemplate() {
-    return this.algorithmControl = new C(), this.localeControl = new f(), this.currencyControl = new h(), this.productLayoutControl = new d(), this.filtersControl = new u(), this.shuffleControl = new p(), `
+    return this.algorithmControl = new u(), this.localeControl = new d(), this.currencyControl = new C(), this.productLayoutControl = new p(), this.filtersControl = new f(), this.shuffleControl = new R(), `
             <div class="recommendation-controls-container">
                 ${this.algorithmControl.getTemplate()}
                 ${this.localeControl.getTemplate()}
@@ -50,17 +64,26 @@ class I extends m {
       this.store.fetchRecommendationFilters(),
       this.store.fetchRecommendationCreateData(),
       this.store.fetchRecommendationProducts()
-    ])).forEach((o, e) => {
-      o.status === "rejected" && console.warn(`Recommendation block: ${[
+    ])).forEach((t, s) => {
+      t.status === "rejected" && console.warn(`Recommendation block: ${[
         "fetchRecommendationFilters",
         "fetchRecommendationCreateData",
         "fetchRecommendationProducts"
-      ][e]} failed`, o.reason);
+      ][s]} failed`, t.reason);
     }), this._initializeSubControls(), this._listenStateUpdates();
   }
   onDestroy() {
-    var t, o, e, i;
-    this.storeUnsubscription(), (o = (t = this.filtersControl) == null ? void 0 : t.onDestroy) == null || o.call(t), (i = (e = this.productLayoutControl) == null ? void 0 : e.onDestroy) == null || i.call(e);
+    this.storeUnsubscription(), [
+      this.algorithmControl,
+      this.localeControl,
+      this.currencyControl,
+      this.productLayoutControl,
+      this.filtersControl,
+      this.shuffleControl
+    ].forEach((t) => {
+      var s;
+      return (s = t == null ? void 0 : t.onDestroy) == null ? void 0 : s.call(t);
+    });
   }
   /**
    * Initialize all sub-controls with the shared API context
@@ -74,33 +97,38 @@ class I extends m {
       this.productLayoutControl,
       this.filtersControl,
       this.shuffleControl
-    ].forEach((o) => {
-      var e;
-      o && (o.api = this.api, o.currentNode = this.currentNode, (e = o.onRender) == null || e.call(o));
+    ].forEach((t) => {
+      var s;
+      t && (t.api = this.api, t.currentNode = this.currentNode, (s = t.onRender) == null || s.call(t));
     });
   }
   /**
    * Listen to store changes that require product refresh
+   * Only triggers for meaningful config changes (size, strategy, filters, etc.)
+   * Uses debounce to prevent rapid API calls
    */
   _listenStateUpdates() {
-    this.storeUnsubscription = this.store.$subscribe((t) => {
-      "payload" in t && t.payload.recommendationConfigs && this.store.fetchRecommendationProducts();
+    this.storeUnsubscription = this.store.$subscribe((o) => {
+      if ("payload" in o) {
+        const t = o.payload.recommendationConfigs;
+        t && Object.keys(t).some((l) => y.has(l)) && this._debouncedFetchProducts();
+      }
     });
   }
 }
 export {
-  U as ALGORITHM_CONTROL_ID,
-  C as AlgorithmControl,
-  R as CONTROL_BLOCK_ID,
-  $ as CURRENCY_CONTROL_ID,
-  h as CurrencyControl,
-  F as FILTERS_CONTROL_ID,
-  u as FiltersControl,
-  A as LOCALE_CONTROL_ID,
-  f as LocaleControl,
-  v as PRODUCT_LAYOUT_CONTROL_ID,
-  d as ProductLayoutControl,
-  I as RecommendationBlockControl,
+  x as ALGORITHM_CONTROL_ID,
+  u as AlgorithmControl,
+  L as CONTROL_BLOCK_ID,
+  k as CURRENCY_CONTROL_ID,
+  C as CurrencyControl,
+  A as FILTERS_CONTROL_ID,
+  f as FiltersControl,
+  z as LOCALE_CONTROL_ID,
+  d as LocaleControl,
+  Y as PRODUCT_LAYOUT_CONTROL_ID,
+  p as ProductLayoutControl,
+  P as RecommendationBlockControl,
   B as SHUFFLE_CONTROL_ID,
-  p as ShuffleControl
+  R as ShuffleControl
 };

package/dist/extensions/Blocks/Recommendation/controls/main/utils.js

@@ -1,112 +1,114 @@
 import { ModificationDescription as s } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CONTAINER_SELECTOR as y } from "../../constants/selectors.js";
-import { useRecommendationExtensionStore as S } from "../../store/recommendation.js";
-import { prepareProductRows as A } from "../../templates/index.js";
-import { DEFAULT_CARD_COMPOSITION as d, getDefaultProducts as b } from "../../templates/utils.js";
-const f = "ins-recommendation-v3-block-v2";
-function p(e) {
-  if (!e)
+import { CONTAINER_SELECTOR as S } from "../../constants/selectors.js";
+import { useRecommendationExtensionStore as A } from "../../store/recommendation.js";
+import { prepareProductRows as b } from "../../templates/index.js";
+import { hasGetStyle as d, isTdNode as C } from "../../utils/tagName.js";
+import { DEFAULT_CARD_COMPOSITION as f, getDefaultProducts as h } from "../../templates/utils.js";
+const m = "ins-recommendation-v3-block-v2";
+function p(r) {
+  if (!r)
     return null;
-  if ("getAttribute" in e) {
-    const t = e.getAttribute("class");
-    if (t && t.includes(f))
-      return e;
+  if ("getAttribute" in r) {
+    const t = r.getAttribute("class");
+    if (t && t.includes(m))
+      return r;
   }
-  return "querySelector" in e ? e.querySelector(`.${f}`) : null;
+  return "querySelector" in r ? r.querySelector(`.${m}`) : null;
 }
-function m(e) {
-  const t = p(e);
+function g(r) {
+  const t = p(r);
   return !t || !("getAttribute" in t) ? "vertical" : t.getAttribute("data-layout") === "horizontal" ? "horizontal" : "vertical";
 }
-function C(e) {
-  const t = p(e);
+function w(r) {
+  const t = p(r);
   if (!t || !("getAttribute" in t))
-    return d;
-  const r = t.getAttribute("data-card-composition");
-  return r ? r.split(",").filter(Boolean) : d;
+    return f;
+  const e = t.getAttribute("data-card-composition");
+  return e ? e.split(",").filter(Boolean) : f;
 }
-function R(e) {
-  const { currentNode: t, documentModifier: r, afterRegenerate: o } = e;
+function I(r) {
+  const { currentNode: t, documentModifier: e, afterRegenerate: o } = r;
   if (!t || !("querySelector" in t))
     return;
-  const a = t.querySelector(y);
+  const a = t.querySelector(S);
   if (!a)
     return;
-  const c = S(), i = c.recommendationProducts.length > 0 ? c.recommendationProducts : b(), { cardsInRow: l } = c.recommendationConfigs, n = C(t), u = m(t), g = A(i, u, {
+  const n = A(), c = n.recommendationProducts.length > 0 ? n.recommendationProducts : h(), { cardsInRow: l } = n.recommendationConfigs, i = w(t), u = g(t), y = b(c, u, {
     productsPerRow: l,
-    composition: n
+    composition: i
   });
-  r.modifyHtml(a).setInnerHtml(g).apply(new s("Updated product")), o == null || o();
+  e.modifyHtml(a).setInnerHtml(y).apply(new s("Updated product")), o == null || o();
 }
-function h(e, t, r, o) {
-  const c = `0 ${Math.floor(r / 2)}px`;
-  let i = !1;
+function E(r, t, e, o) {
+  const n = `0 ${Math.floor(e / 2)}px`;
+  let c = !1;
   return o === "vertical" ? Array.from(
-    e.querySelectorAll(".attribute-cell")
-  ).forEach((n) => {
-    t.modifyHtml(n).setStyle("padding", c), i = !0;
+    r.querySelectorAll(".attribute-cell")
+  ).forEach((i) => {
+    t.modifyHtml(i).setStyle("padding", n), c = !0;
   }) : Array.from(
-    e.querySelectorAll(".product-card-wrapper")
-  ).forEach((n) => {
-    "parentNode" in n && n.parentNode && typeof n.parentNode == "object" && "tagName" in n.parentNode && n.parentNode.tagName === "TD" && (t.modifyHtml(n.parentNode).setStyle("padding", c), i = !0);
-  }), i;
-}
-function E(e, t, r) {
-  const o = `${r}px`, a = Array.from(e.querySelectorAll(".spacer"));
-  let c = !1;
-  return a.forEach((i) => {
-    t.modifyHtml(i).setStyle("height", o), c = !0;
+    r.querySelectorAll(".product-card-wrapper")
+  ).forEach((i) => {
+    const u = "parentNode" in i ? i.parentNode : null;
+    u && C(u) && (t.modifyHtml(u).setStyle("padding", n), c = !0);
   }), c;
 }
-function P(e) {
-  const { currentNode: t, documentModifier: r } = e;
+function k(r, t, e) {
+  const o = `${e}px`, a = Array.from(r.querySelectorAll(".spacer"));
+  let n = !1;
+  return a.forEach((c) => {
+    t.modifyHtml(c).setStyle("height", o), n = !0;
+  }), n;
+}
+function v(r) {
+  const { currentNode: t, documentModifier: e } = r;
   if (!t)
     return;
   const o = p(t);
   if (!o || !("getAttribute" in o))
     return;
-  const a = o.getAttribute("data-column-spacing"), c = o.getAttribute("data-row-spacing"), i = m(t);
+  const a = o.getAttribute("data-column-spacing"), n = o.getAttribute("data-row-spacing"), c = g(t);
   let l = !1;
   if (a) {
-    const n = parseInt(a);
-    Number.isNaN(n) || (l = h(
+    const i = parseInt(a);
+    Number.isNaN(i) || (l = E(
       t,
-      r,
-      n,
-      i
+      e,
+      i,
+      c
     ));
   }
-  if (c) {
-    const n = parseInt(c);
-    if (!Number.isNaN(n)) {
-      const u = E(t, r, n);
+  if (n) {
+    const i = parseInt(n);
+    if (!Number.isNaN(i)) {
+      const u = k(t, e, i);
       l = l || u;
     }
   }
-  l && r.apply(new s("Reapply spacing after regeneration"));
+  l && e.apply(new s("Reapply spacing after regeneration"));
 }
-function H(e) {
-  if (!e)
+function x(r) {
+  if (!r)
     return null;
-  const t = e.querySelector(".product-card-segment"), r = e.querySelector(".product-card-wrapper");
+  const t = r.querySelector(".product-card-segment"), e = r.querySelector(".product-card-wrapper");
   let o = null;
-  return t && "getStyle" in t && (o = t.getStyle("background-color")), (!o || o === "transparent") && r && "getStyle" in r && (o = r.getStyle("background-color")), o;
+  return t && d(t) && (o = t.getStyle("background-color") ?? null), (!o || o === "transparent") && e && d(e) && (o = e.getStyle("background-color") ?? null), o;
 }
-function I(e) {
-  const { currentNode: t, documentModifier: r, bgColor: o, layout: a } = e;
+function O(r) {
+  const { currentNode: t, documentModifier: e, bgColor: o, layout: a } = r;
   if (!o || o === "transparent" || !t)
     return;
-  const c = a === "vertical" ? ".product-card-segment" : ".product-card-wrapper", i = Array.from(t.querySelectorAll(c));
-  i.length !== 0 && (i.forEach((l) => {
-    r.modifyHtml(l).setStyle("background-color", o);
-  }), r.apply(new s("Apply card background color")));
+  const n = a === "vertical" ? ".product-card-segment" : ".product-card-wrapper", c = Array.from(t.querySelectorAll(n));
+  c.length !== 0 && (c.forEach((l) => {
+    e.modifyHtml(l).setStyle("background-color", o);
+  }), e.apply(new s("Apply card background color")));
 }
 export {
-  I as applyCardBackgroundColor,
+  O as applyCardBackgroundColor,
   p as getBlockElement,
-  C as getCardComposition,
-  H as getCurrentCardBackgroundColor,
-  m as getCurrentLayout,
-  P as reapplySpacing,
-  R as regenerateProductRows
+  w as getCardComposition,
+  x as getCurrentCardBackgroundColor,
+  g as getCurrentLayout,
+  v as reapplySpacing,
+  I as regenerateProductRows
 };

package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/textAfter.js

@@ -64,7 +64,7 @@ class b extends a {
   }
   _listenToFormUpdates() {
     this.api.onValueChanged("omnibusDiscountTextAfter", (t) => {
-      this._onTextChange(t);
+      typeof t == "string" && this._onTextChange(t);
     });
   }
 }

package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/textBefore.js

@@ -5,7 +5,7 @@ import { RecommendationControlId as d } from "../../constants/controlIds.js";
 import { CONTAINER_SELECTOR as T } from "../../constants/selectors.js";
 import { preserveTextStyles as f } from "../../utils/preserveTextStyles.js";
 const i = "data-text-before", u = "", p = ".omnibus-text-before";
-class B extends l {
+class g extends l {
   getId() {
     return d.OMNIBUS_DISCOUNT_TEXT_BEFORE;
   }
@@ -64,10 +64,10 @@ class B extends l {
   }
   _listenToFormUpdates() {
     this.api.onValueChanged("omnibusDiscountTextBefore", (e) => {
-      this._onTextChange(e);
+      typeof e == "string" && this._onTextChange(e);
     });
   }
 }
 export {
-  B as OmnibusDiscountTextBeforeControl
+  g as OmnibusDiscountTextBeforeControl
 };