@useinsider/guido 3.8.1-beta.2ee94c2 → 3.8.1-beta.6c331cf

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

@@ -1,14 +1,15 @@
-var E = Object.defineProperty;
-var f = (a, n, t) => n in a ? E(a, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[n] = t;
-var c = (a, n, t) => f(a, typeof n != "symbol" ? n + "" : n, t);
-import { EditorStatePropertyType as O, PreviewDeviceMode as T, UEAttr as N } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+var f = Object.defineProperty;
+var T = (a, n, t) => n in a ? f(a, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[n] = t;
+var l = (a, n, t) => T(a, typeof n != "symbol" ? n + "" : n, t);
+import { UEAttr as d, EditorStatePropertyType as b, PreviewDeviceMode as N } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { CommonControl as P } from "../../../common-control.js";
-import { MAX_PRODUCTS_PER_ROW as m, MAX_MOBILE_PRODUCTS_PER_ROW as M, DEFAULT_MOBILE_CARDS_IN_ROW as l } from "../../constants/layout.js";
+import "../../constants/selectors.js";
+import { MAX_PRODUCTS_PER_ROW as C, MAX_MOBILE_PRODUCTS_PER_ROW as D, DEFAULT_MOBILE_CARDS_IN_ROW as _ } from "../../constants/layout.js";
 import { RecommendationConfigService as s } from "../../services/configService.js";
-import { useRecommendationExtensionStore as w } from "../../store/recommendation.js";
-import { setMobileLayoutOptOut as C, ensureMobileCssRulesExist as b } from "../mobileLayout/cssRules.js";
-import { getCurrentLayout as y, getBlockElement as D, adjustProductsToSize as L, regenerateProductRowsWithStyles as g, regenerateMobileProductRows as I } from "./utils.js";
-import { useDebounceFn as U } from "../../../../../node_modules/@vueuse/shared/index.js";
+import { useRecommendationExtensionStore as M } from "../../store/recommendation.js";
+import { setMobileLayoutOptOut as m, ensureMobileCssRulesExist as L } from "../mobileLayout/cssRules.js";
+import { isPartnerManagedBlock as y, getCurrentLayout as w, getBlockElement as U, adjustProductsToSize as I, regenerateProductRowsWithStyles as g, regenerateMobileProductRows as E } from "./utils.js";
+import { useDebounceFn as A } from "../../../../../node_modules/@vueuse/shared/index.js";
 const B = "recommendation-product-layout-control", e = {
   // "Products in One Row" — shown when toggle is OFF
   PRODUCT_IN_ROW: "cardsInRow",
@@ -23,14 +24,14 @@ const B = "recommendation-product-layout-control", e = {
   MOBILE_LAYOUT_TOGGLE: "mobileLayoutEnabled",
   MOBILE_LAYOUT_LABEL: "mobileLayoutLabel"
 };
-class v extends P {
+class F extends P {
   constructor() {
     super(...arguments);
     // Store is used for backward compatibility with product fetching and regeneration
-    c(this, "store", w());
-    c(this, "storeUnsubscription", () => {
+    l(this, "store", M());
+    l(this, "storeUnsubscription", () => {
     });
-    c(this, "_debouncedRegenerateProductRows", U(() => {
+    l(this, "_debouncedRegenerateProductRows", A(() => {
       this._regenerateProductRows();
     }, 500));
   }
@@ -45,19 +46,19 @@ class v extends P {
         text: this.api.translate("Products in One Row"),
         name: e.PRODUCT_IN_ROW_LABEL
       }),
-      this._GuCounter({ name: e.PRODUCT_IN_ROW, maxValue: m }),
+      this._GuCounter({ name: e.PRODUCT_IN_ROW, maxValue: C }),
       this._GuLabel({
         text: this.api.translate("Products in One Row on Desktop"),
         name: e.PRODUCT_IN_ROW_DESKTOP_LABEL
       }),
-      this._GuCounter({ name: e.PRODUCT_IN_ROW_DESKTOP, maxValue: m }),
+      this._GuCounter({ name: e.PRODUCT_IN_ROW_DESKTOP, maxValue: C }),
       this._GuLabel({
         text: this.api.translate("Products in One Row on Mobile"),
         name: e.MOBILE_CARDS_IN_ROW_LABEL
       }),
       this._GuCounter({
         name: e.MOBILE_CARDS_IN_ROW,
-        maxValue: M
+        maxValue: D
       }),
       this._GuLabel({
         text: this.api.translate("Mobile Layout Optimization"),
@@ -74,10 +75,19 @@ class v extends P {
         `;
   }
   onRender() {
-    this._initializeMobileLayoutToggle(), this._setFormValues(), this._updateProductsInRowVisibility(), this._listenToFormUpdates(), this._listenStateUpdates(), this._listenEditorModeChanges();
+    this._initializeMobileLayoutToggle(), this._setFormValues(), this._updateProductsInRowVisibility(), this._syncDisabledState(), this._listenToFormUpdates(), this._listenStateUpdates(), this._listenEditorModeChanges();
   }
   onTemplateNodeUpdated(t) {
-    super.onTemplateNodeUpdated(t), this._setFormValues(), this._updateProductsInRowVisibility();
+    super.onTemplateNodeUpdated(t), this._setFormValues(), this._updateProductsInRowVisibility(), this._syncDisabledState();
+  }
+  /**
+   * Products-per-row and mobile-layout restructure the block, which is
+   * meaningless for partner-managed (`ins-skip-compile`) blocks — disable
+   * these inputs there. Disabling coexists with the visibility logic above.
+   */
+  _syncDisabledState() {
+    const t = y(this.currentNode);
+    this.api.setUIEAttribute(e.PRODUCT_IN_ROW, d.COUNTER.disabled, t), this.api.setUIEAttribute(e.PRODUCT_IN_ROW_DESKTOP, d.COUNTER.disabled, t), this.api.setUIEAttribute(e.MOBILE_CARDS_IN_ROW, d.COUNTER.disabled, t), this.api.setUIEAttribute(e.MOBILE_LAYOUT_TOGGLE, d.SWITCHER.disabled, t);
   }
   onDestroy() {
     this.storeUnsubscription();
@@ -95,7 +105,7 @@ class v extends P {
    * Returns true when the editor preview is in mobile mode.
    */
   _isMobilePreview() {
-    return this.api.getEditorState()[O.previewDeviceMode] === T.MOBILE;
+    return this.api.getEditorState()[b.previewDeviceMode] === N.MOBILE;
   }
   /**
    * Updates counter visibility based on layout, mobileLayoutEnabled, and editor preview mode.
@@ -110,12 +120,12 @@ class v extends P {
    */
   _updateProductsInRowVisibility() {
     var p;
-    const t = s.getConfig(this.currentNode), o = (t.layout || y(this.currentNode)) === "grid", { mobileLayoutEnabled: r } = t, u = this._isMobilePreview();
-    this.api.setVisibility(e.MOBILE_LAYOUT_TOGGLE, o), this.api.setVisibility(e.MOBILE_LAYOUT_LABEL, o);
-    const d = o && !r, _ = o && r && !u, h = o && r && u;
-    this.api.setVisibility(e.PRODUCT_IN_ROW, d), this.api.setVisibility(e.PRODUCT_IN_ROW_LABEL, d), this.api.setVisibility(e.PRODUCT_IN_ROW_DESKTOP, _), this.api.setVisibility(e.PRODUCT_IN_ROW_DESKTOP_LABEL, _), this.api.setVisibility(e.MOBILE_CARDS_IN_ROW, h), this.api.setVisibility(e.MOBILE_CARDS_IN_ROW_LABEL, h);
-    const R = (p = this.getContainer()) == null ? void 0 : p.querySelector("[data-product-layout-control]");
-    R && (R.style.display = o ? "" : "none");
+    const t = s.getConfig(this.currentNode), i = (t.layout || w(this.currentNode)) === "grid", { mobileLayoutEnabled: r } = t, u = this._isMobilePreview();
+    this.api.setVisibility(e.MOBILE_LAYOUT_TOGGLE, i), this.api.setVisibility(e.MOBILE_LAYOUT_LABEL, i);
+    const c = i && !r, h = i && r && !u, R = i && r && u;
+    this.api.setVisibility(e.PRODUCT_IN_ROW, c), this.api.setVisibility(e.PRODUCT_IN_ROW_LABEL, c), this.api.setVisibility(e.PRODUCT_IN_ROW_DESKTOP, h), this.api.setVisibility(e.PRODUCT_IN_ROW_DESKTOP_LABEL, h), this.api.setVisibility(e.MOBILE_CARDS_IN_ROW, R), this.api.setVisibility(e.MOBILE_CARDS_IN_ROW_LABEL, R);
+    const O = (p = this.getContainer()) == null ? void 0 : p.querySelector("[data-product-layout-control]");
+    O && (O.style.display = i ? "" : "none");
   }
   /**
    * Initializes the mobile layout toggle using the same pattern as shuffle.ts.
@@ -125,7 +135,7 @@ class v extends P {
     const t = s.getConfig(this.currentNode);
     this.api.setUIEAttribute(
       e.MOBILE_LAYOUT_TOGGLE,
-      N.SELECTPICKER.items,
+      d.SELECTPICKER.items,
       t.mobileLayoutEnabled
     );
   }
@@ -137,12 +147,12 @@ class v extends P {
   _onMobileLayoutToggleChange(t) {
     if (!this.currentNode)
       return;
-    const i = s.getConfig(this.currentNode);
-    if (i.mobileLayoutEnabled === t)
+    const o = s.getConfig(this.currentNode);
+    if (o.mobileLayoutEnabled === t)
       return;
-    const o = D(this.currentNode);
+    const i = U(this.currentNode);
     if (t) {
-      const r = i.previousMobileCardsInRow || l;
+      const r = o.previousMobileCardsInRow || _;
       s.updateConfig(
         this.api,
         this.currentNode,
@@ -157,31 +167,31 @@ class v extends P {
           mobileCardsInRow: r
         },
         { triggerRefetch: !1 }
-      ), o && C(this.api, o, !1), b(this.api);
-      const u = parseInt(i.size) || 6, d = L(this.store.recommendationProducts, u);
+      ), i && m(this.api, i, !1), L(this.api);
+      const u = parseInt(o.size) || 6, c = I(this.store.recommendationProducts, u);
       g({
         currentNode: this.currentNode,
         documentModifier: this.api.getDocumentModifier(),
-        products: d
+        products: c
       });
     } else {
-      const r = i.mobileCardsInRow;
+      const r = o.mobileCardsInRow;
       s.updateConfig(
         this.api,
         this.currentNode,
         {
           mobileLayoutEnabled: !1,
           previousMobileCardsInRow: r,
-          mobileCardsInRow: l
+          mobileCardsInRow: _
         },
         "Disabled mobile layout optimization"
       ), this.store.patchCurrentBlockConfig(
         {
           mobileLayoutEnabled: !1,
-          mobileCardsInRow: l
+          mobileCardsInRow: _
         },
         { triggerRefetch: !1 }
-      ), o && C(this.api, o, !0), I({
+      ), i && m(this.api, i, !0), E({
         currentNode: this.currentNode,
         documentModifier: this.api.getDocumentModifier()
       });
@@ -202,20 +212,20 @@ class v extends P {
       this.currentNode,
       { mobileCardsInRow: t },
       `Changed mobile products per row to ${t}`
-    ), b(this.api), this.store.patchCurrentBlockConfig(
+    ), L(this.api), this.store.patchCurrentBlockConfig(
       { mobileCardsInRow: t },
       { triggerRefetch: !1 }
-    ), I({
+    ), E({
       currentNode: this.currentNode,
       documentModifier: this.api.getDocumentModifier()
     }));
   }
   _regenerateProductRows() {
-    const t = s.getConfig(this.currentNode), i = parseInt(t.size) || 6, o = L(this.store.recommendationProducts, i);
+    const t = s.getConfig(this.currentNode), o = parseInt(t.size) || 6, i = I(this.store.recommendationProducts, o);
     g({
       currentNode: this.currentNode,
       documentModifier: this.api.getDocumentModifier(),
-      products: o
+      products: i
     });
   }
   _listenToFormUpdates() {
@@ -236,8 +246,8 @@ class v extends P {
   _listenStateUpdates() {
     let t = this.store.recommendationConfigs.orientation;
     this.storeUnsubscription = this.store.$subscribe(() => {
-      const i = this.store.recommendationConfigs.orientation;
-      i !== t && (t = i, this._updateProductsInRowVisibility());
+      const o = this.store.recommendationConfigs.orientation;
+      o !== t && (t = o, this._updateProductsInRowVisibility());
     });
   }
   /**
@@ -247,7 +257,7 @@ class v extends P {
    */
   _listenEditorModeChanges() {
     this.api.onEditorStatePropUpdated(
-      O.previewDeviceMode,
+      b.previewDeviceMode,
       () => {
         s.getConfig(this.currentNode).mobileLayoutEnabled && this._updateProductsInRowVisibility();
       }
@@ -256,5 +266,5 @@ class v extends P {
 }
 export {
   B as PRODUCT_LAYOUT_CONTROL_ID,
-  v as ProductLayoutControl
+  F as ProductLayoutControl
 };

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

@@ -1,6 +1,6 @@
 import { ModificationDescription as g } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { RecommendationBlockId as m } from "../../constants/blockIds.js";
-import { CURRENCY_ATTR as p, MOBILE_CONTAINER_SELECTOR as O, DESKTOP_CONTAINER_SELECTOR as w, CONTAINER_SELECTOR as F, MOBILE_ROW_SELECTOR as N, ATTR_PRODUCT_ATTR as G, PRODUCT_ATTRIBUTE_PREFIX as R } from "../../constants/selectors.js";
+import { CURRENCY_ATTR as y, CSS_CLASS_SKIP_COMPILE as F, MOBILE_CONTAINER_SELECTOR as O, DESKTOP_CONTAINER_SELECTOR as w, CONTAINER_SELECTOR as G, MOBILE_ROW_SELECTOR as N, ATTR_PRODUCT_ATTR as K, PRODUCT_ATTRIBUTE_PREFIX as R } from "../../constants/selectors.js";
 import { RecommendationConfigService as S } from "../../services/configService.js";
 import { useRecommendationExtensionStore as P } from "../../store/recommendation.js";
 import { prepareProductRows as _ } from "../../templates/index.js";
@@ -8,7 +8,7 @@ import { captureStyles as k } from "../../utils/captureStyleTemplates.js";
 import { formatPrice as V } from "../../utils/priceFormatter.js";
 import { getDefaultProducts as L, DEFAULT_CARD_COMPOSITION as T, sanitizeImageUrl as W, toDisplayableAttributeValue as Y } from "../../templates/utils.js";
 const M = "recommendation-block-v2";
-function q(e) {
+function A(e) {
   if (!e)
     return null;
   if ("getAttribute" in e) {
@@ -18,15 +18,19 @@ function q(e) {
   }
   return "querySelector" in e ? e.querySelector(`.${M}`) ?? null : null;
 }
+function X(e) {
+  const t = A(e);
+  return !t || !("getAttribute" in t) ? !1 : (t.getAttribute("class") ?? "").split(/\s+/).includes(F);
+}
 function C(e) {
-  const t = q(e);
+  const t = A(e);
   if (!t || !("getAttribute" in t))
     return "grid";
   const n = t.getAttribute("data-layout");
   return n === "list" || n === "horizontal" ? "list" : "grid";
 }
 function x(e) {
-  const t = q(e);
+  const t = A(e);
   if (!t || !("getAttribute" in t))
     return T;
   const n = t.getAttribute("data-card-composition");
@@ -51,25 +55,25 @@ function U(e) {
   if (typeof e == "number")
     return `0 ${e / 2}px`;
 }
-function K(e) {
+function z(e) {
   const { currentNode: t, documentModifier: n } = e;
   if (!t || !("querySelector" in t))
     return !1;
   const o = t.querySelector(N);
   return o ? (n.modifyHtml(o).setInnerHtml(""), !0) : !1;
 }
-function X(e) {
+function J(e) {
   return "getOuterHTML" in e && typeof e.getOuterHTML == "function" ? e.getOuterHTML() : "";
 }
-function z(e) {
+function Q(e) {
   const t = e.querySelector(".container");
   return !t || !("childNodes" in t) ? null : t.childNodes().find((o) => "getTagName" in o && o.getTagName() === "tbody") ?? t.querySelector("tbody") ?? null;
 }
-function J(e, t, n) {
-  const o = z(e);
+function Z(e, t, n) {
+  const o = Q(e);
   if (!o || !("childNodes" in o))
     return;
-  const r = o.childNodes().map(X).join(""), s = `<tr class="ins-recommendation-mobile-row">${n}</tr>`;
+  const r = o.childNodes().map(J).join(""), s = `<tr class="ins-recommendation-mobile-row">${n}</tr>`;
   t.modifyHtml(o).setInnerHtml(r + s), t.apply(new g("Added mobile product row"));
 }
 function $(e, t = {}) {
@@ -84,8 +88,8 @@ function $(e, t = {}) {
     return !1;
   const u = s ?? C(n), c = S.getConfig(n);
   if (u === "list" || !c.mobileLayoutEnabled)
-    return K({ currentNode: n, documentModifier: o });
-  const l = P(), a = H(r, l.recommendationProducts), d = i ?? x(n), y = `<td><table class="ins-recommendation-product-container ins-recommendation-mobile-container" width="100%" cellpadding="0" cellspacing="0" border="0">${_(a, u, {
+    return z({ currentNode: n, documentModifier: o });
+  const l = P(), a = H(r, l.recommendationProducts), d = i ?? x(n), p = `<td><table class="ins-recommendation-product-container ins-recommendation-mobile-container" width="100%" cellpadding="0" cellspacing="0" border="0">${_(a, u, {
     productsPerRow: c.mobileCardsInRow,
     composition: d,
     filterList: l.filterList,
@@ -94,12 +98,12 @@ function $(e, t = {}) {
     rowSpacingPx: c.mobileRowSpacing,
     ...t
   })}</table></td>`, E = n.querySelector(N);
-  return E ? (o.modifyHtml(E).setInnerHtml(y), !0) : (J(n, o, y), !1);
+  return E ? (o.modifyHtml(E).setInnerHtml(p), !0) : (Z(n, o, p), !1);
 }
-function fe(e) {
+function pe(e) {
   $(e, k(e.currentNode)) && e.documentModifier.apply(new g("Updated mobile product rows"));
 }
-function Q(e, t = {}) {
+function ee(e, t = {}) {
   const {
     currentNode: n,
     documentModifier: o,
@@ -109,21 +113,21 @@ function Q(e, t = {}) {
   } = e;
   if (!n || !("querySelector" in n))
     return !1;
-  const u = n.querySelector(w) ?? n.querySelector(F);
+  const u = n.querySelector(w) ?? n.querySelector(G);
   if (!u)
     return !1;
-  const c = P(), l = H(r, c.recommendationProducts), { cardsInRow: a } = S.getConfig(n), d = i ?? x(n), f = s ?? C(n), y = S.getConfig(n), E = _(l, f, {
+  const c = P(), l = H(r, c.recommendationProducts), { cardsInRow: a } = S.getConfig(n), d = i ?? x(n), f = s ?? C(n), p = S.getConfig(n), E = _(l, f, {
     productsPerRow: a,
     composition: d,
     filterList: c.filterList,
     // One product per row has no gutter — suppress padding without clobbering the stored value.
-    cellPadding: a === 1 ? "0" : U(y.columnSpacing),
-    rowSpacingPx: y.rowSpacing,
+    cellPadding: a === 1 ? "0" : U(p.columnSpacing),
+    rowSpacingPx: p.rowSpacing,
     ...t
   });
   return o.modifyHtml(u).setInnerHtml(E), !0;
 }
-function me(e) {
+function ye(e) {
   const {
     currentNode: t,
     documentModifier: n,
@@ -142,10 +146,10 @@ function me(e) {
     layout: s,
     composition: i
   };
-  let a = Q(l, c);
+  let a = ee(l, c);
   a = $(l, c) || a, a && n.apply(new g("Regenerate products with styles")), o == null || o();
 }
-function ye(e, t) {
+function be(e, t) {
   return e.length === t ? e : e.length > t ? e.slice(0, t) : [...e, ...L(t - e.length)];
 }
 function B() {
@@ -159,14 +163,14 @@ function B() {
     thousandSeparator: t.thousandSeparator
   };
 }
-function A(e, t = "price") {
+function q(e, t = "price") {
   const n = B(), o = e[t], r = (o == null ? void 0 : o[n.code]) ?? Object.values(o ?? {})[0] ?? 0;
   return V({
     price: r,
     currency: n
   });
 }
-function Z(e) {
+function te(e) {
   var s, i;
   const t = B(), n = ((s = e.original_price) == null ? void 0 : s[t.code]) ?? Object.values(e.original_price ?? {})[0] ?? 0, o = ((i = e.price) == null ? void 0 : i[t.code]) ?? Object.values(e.price ?? {})[0] ?? 0, r = n > 0 ? Math.round((n - o) / n * 100) : 0;
   return r > 0 ? `-${r}%` : "0%";
@@ -175,24 +179,24 @@ function v(e) {
   const { documentModifier: t, product: n, priceEl: o, oldPriceEl: r, omnibusPriceEl: s, omnibusDiscountEl: i } = e;
   let u = !1;
   if (o && "querySelector" in o) {
-    const c = o.querySelector("strong") ?? o.querySelector("p"), l = A(n, "price");
+    const c = o.querySelector("strong") ?? o.querySelector("p"), l = q(n, "price");
     b(t, c ?? null, l) && (u = !0);
   }
   if (r && "querySelector" in r) {
-    const c = r.querySelector("strong") ?? r.querySelector("p"), l = A(n, "original_price");
+    const c = r.querySelector("strong") ?? r.querySelector("p"), l = q(n, "original_price");
     b(t, c ?? null, l) && (u = !0);
   }
   if (s && "querySelector" in s) {
-    const c = s.querySelector(".omnibus-price-value") ?? null, l = A(n, "original_price");
+    const c = s.querySelector(".omnibus-price-value") ?? null, l = q(n, "original_price");
     b(t, c, l) && (u = !0);
   }
   if (i && "querySelector" in i) {
-    const c = i.querySelector(".omnibus-discount-value") ?? null, l = Z(n);
+    const c = i.querySelector(".omnibus-discount-value") ?? null, l = te(n);
     b(t, c, l) && (u = !0);
   }
   return u;
 }
-function ee(e) {
+function ne(e) {
   const {
     documentModifier: t,
     product: n,
@@ -231,7 +235,7 @@ function ee(e) {
 function j(e) {
   return "querySelector" in e ? e.querySelector(w) ?? e : e;
 }
-function te(e, t) {
+function oe(e, t) {
   var o;
   let n;
   if (e.startsWith(R)) {
@@ -241,7 +245,7 @@ function te(e, t) {
     n = t[e];
   return Y(n) || null;
 }
-function ne(e, t, n) {
+function re(e, t, n) {
   if (!("querySelectorAll" in e))
     return !1;
   const o = e.querySelectorAll(
@@ -253,7 +257,7 @@ function ne(e, t, n) {
   o.forEach((i) => {
     if (!("getAttribute" in i))
       return;
-    const u = i.getAttribute(G);
+    const u = i.getAttribute(K);
     if (!u)
       return;
     const c = r.get(u) ?? [];
@@ -265,7 +269,7 @@ function ne(e, t, n) {
     i.slice(0, c).forEach((l, a) => {
       if (!("querySelector" in l))
         return;
-      const d = te(u, n[a]);
+      const d = oe(u, n[a]);
       if (d === null)
         return;
       const f = l.querySelector("p") ?? null;
@@ -273,7 +277,7 @@ function ne(e, t, n) {
     });
   }), s;
 }
-function h(e, t, n) {
+function I(e, t, n) {
   if (!("querySelectorAll" in e))
     return !1;
   const o = e.querySelectorAll(
@@ -293,7 +297,7 @@ function h(e, t, n) {
   ), a = Math.min(o.length, n.length);
   let d = !1;
   for (let f = 0; f < a; f++) {
-    const y = ee({
+    const p = ne({
       documentModifier: t,
       product: n[f],
       imageEl: o[f] ?? null,
@@ -304,11 +308,11 @@ function h(e, t, n) {
       omnibusDiscountEl: c[f] ?? null,
       buttonEl: l[f] ?? null
     });
-    d = d || y;
+    d = d || p;
   }
-  return ne(e, t, n) && (d = !0), d;
+  return re(e, t, n) && (d = !0), d;
 }
-function pe(e) {
+function ge(e) {
   const { currentNode: t, documentModifier: n, products: o } = e;
   if (!t || !("querySelectorAll" in t))
     return !1;
@@ -317,12 +321,12 @@ function pe(e) {
     `[esd-extension-block-id="${m.IMAGE}"]`
   ).length !== o.length)
     return !1;
-  let i = h(r, n, o);
+  let i = I(r, n, o);
   const u = C(t), c = S.getConfig(t);
   if (u !== "list" && c.mobileLayoutEnabled && "querySelector" in t) {
     const l = t.querySelector(O);
     if (l) {
-      const a = h(
+      const a = I(
         l,
         n,
         o
@@ -332,7 +336,7 @@ function pe(e) {
   }
   return i && n.apply(new g("Updated product content in-place")), !0;
 }
-function I(e, t, n) {
+function h(e, t, n) {
   if (!("querySelectorAll" in e))
     return !1;
   const o = e.querySelectorAll(
@@ -356,44 +360,47 @@ function I(e, t, n) {
     }) && (c = !0);
   return c;
 }
-function be(e) {
+function Se(e) {
   const { currentNode: t, documentModifier: n } = e;
   if (!t || !("querySelectorAll" in t))
     return !1;
+  if (X(t))
+    return !0;
   const r = P().recommendationProducts;
   if (r.length === 0)
     return !1;
   const s = j(t);
-  let i = I(s, n, r);
+  let i = h(s, n, r);
   const u = C(t), c = S.getConfig(t);
   if (u !== "list" && c.mobileLayoutEnabled && "querySelector" in t) {
     const l = t.querySelector(O);
     if (l) {
-      const a = I(l, n, r);
+      const a = h(l, n, r);
       i = i || a;
     }
   }
   return i && n.apply(new g("Updated price formatting in-place")), i;
 }
-function ge(e) {
-  const { currentNode: t, documentModifier: n, currency: o } = e, r = q(t);
+function Ee(e) {
+  const { currentNode: t, documentModifier: n, currency: o } = e, r = A(t);
   if (!r)
     return;
   const s = o.alignment === "before" ? "0" : "1", i = (u, c) => {
     n.modifyHtml(r).setAttribute(u, c);
   };
-  i(p.CURRENCY, o.code), i(p.SYMBOL, o.symbol), i(p.ALIGNMENT, s), i(p.THOUSAND_SEPARATOR, o.thousandSeparator), i(p.DECIMAL_SEPARATOR, o.decimalSeparator), i(p.DECIMAL_COUNT, o.decimalCount.toString()), n.apply(new g("Update currency attributes"));
+  i(y.CURRENCY, o.code), i(y.SYMBOL, o.symbol), i(y.ALIGNMENT, s), i(y.THOUSAND_SEPARATOR, o.thousandSeparator), i(y.DECIMAL_SEPARATOR, o.decimalSeparator), i(y.DECIMAL_COUNT, o.decimalCount.toString()), n.apply(new g("Update currency attributes"));
 }
 export {
-  ye as adjustProductsToSize,
-  A as formatProductPrice,
-  q as getBlockElement,
+  be as adjustProductsToSize,
+  q as formatProductPrice,
+  A as getBlockElement,
   x as getCardComposition,
   C as getCurrentLayout,
-  fe as regenerateMobileProductRows,
-  me as regenerateProductRowsWithStyles,
-  ge as setCurrencyAttributes,
-  be as updatePricesInPlace,
-  pe as updateProductContentInPlace,
-  ee as updateSingleProductContent
+  X as isPartnerManagedBlock,
+  pe as regenerateMobileProductRows,
+  ye as regenerateProductRowsWithStyles,
+  Ee as setCurrencyAttributes,
+  Se as updatePricesInPlace,
+  ge as updateProductContentInPlace,
+  ne as updateSingleProductContent
 };

package/dist/extensions/Blocks/Recommendation/controls/syncInfoMessage.js

@@ -1,11 +1,12 @@
 var m = Object.defineProperty;
-var _ = (o, e, t) => e in o ? m(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var a = (o, e, t) => _(o, typeof e != "symbol" ? e + "" : e, t);
-import { UIElementType as c, UEAttr as p } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+var p = (o, e, t) => e in o ? m(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var a = (o, e, t) => p(o, typeof e != "symbol" ? e + "" : e, t);
+import { UIElementType as c, UEAttr as _ } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { CommonControl as d } from "../../common-control.js";
 import { RecommendationControlId as C } from "../constants/controlIds.js";
+import "../constants/selectors.js";
 const S = C.SYNC_INFO_MESSAGE, r = "sync-info-message", u = "Note that changes will be applied to all product cards in your recommendation block.";
-class h extends d {
+class O extends d {
   constructor() {
     super(...arguments);
     a(this, "_repositionedElement", null);
@@ -17,7 +18,7 @@ class h extends d {
     return `
             <div class="${r}">
                 <${c.ICON}
-                    ${p.ICON.src}="migration-info-icon"
+                    ${_.ICON.src}="migration-info-icon"
                     class="${r}__icon">
                 </${c.ICON}>
                 <p class="${r}__text">
@@ -61,5 +62,5 @@ class h extends d {
 }
 export {
   S as SYNC_INFO_MESSAGE_CONTROL_ID,
-  h as SyncInfoMessageControl
+  O as SyncInfoMessageControl
 };

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

@@ -1,6 +1,7 @@
 import { ExtensionBuilder as r } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { RecommendationBlock as m } from "./block.js";
 import { RecommendationBlockControl as n } from "./controls/main/index.js";
+import "./constants/selectors.js";
 import "./store/recommendation.js";
 import "./utils/captureStyleTemplates.js";
 import { NameControls as i } from "./controls/name/index.js";
@@ -36,10 +37,10 @@ const b = [
 ], S = [
   ...P,
   ...b.flatMap((o) => Object.values(o))
-], L = S.reduce(
+], Q = S.reduce(
   (o, t) => o.addControl(t),
   new r().addBlock(m).withSettingsPanelRegistry(B)
 ).addStyles(y).withIconsRegistry(R).build();
 export {
-  L as default
+  Q as default
 };

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

@@ -2,6 +2,7 @@ import { SettingsPanelRegistry as E, SettingsPanelTab as _, SettingsTab as O, Co
 import { BLOCK_ID as U } from "./block.js";
 import { RecommendationBlockId as S } from "./constants/blockIds.js";
 import { RecommendationControlId as T } from "./constants/controlIds.js";
+import "./constants/selectors.js";
 import { CONTROL_BLOCK_ID as A } from "./controls/main/index.js";
 import "./store/recommendation.js";
 import "./utils/captureStyleTemplates.js";
@@ -16,7 +17,7 @@ import { SPACING_CONTROL_ID as L } from "./controls/spacing/index.js";
 import { CARD_BACKGROUND_COLOR_CONTROL_ID as D } from "./controls/cardBackground/index.js";
 import { COMPOSITION_CONTROL_BLOCK_ID as B } from "./controls/cardComposition/index.js";
 import { SYNC_INFO_MESSAGE_CONTROL_ID as N } from "./controls/syncInfoMessage.js";
-class a extends E {
+class d extends E {
   registerBlockControls(I) {
     I[U] = [
       new _(
@@ -195,5 +196,5 @@ class a extends E {
   }
 }
 export {
-  a as SettingsPanel
+  d as SettingsPanel
 };