@useinsider/guido 3.6.0-beta.6fd3d23 → 3.6.0-beta.70bbf9f

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

@@ -1,15 +1,16 @@
-var I = Object.defineProperty;
-var E = (a, n, t) => n in a ? I(a, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[n] = t;
-var u = (a, n, t) => E(a, typeof n != "symbol" ? n + "" : n, t);
-import { EditorStatePropertyType as O, PreviewDeviceMode as f, UEAttr as N } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as T } from "../../../common-control.js";
-import { MAX_PRODUCTS_PER_ROW as p, MAX_MOBILE_PRODUCTS_PER_ROW as M, DEFAULT_MOBILE_CARDS_IN_ROW as L, DEFAULT_COLUMN_SPACING as P, DEFAULT_MOBILE_COLUMN_SPACING as y } from "../../constants/layout.js";
-import { RecommendationConfigService as i } from "../../services/configService.js";
-import { useRecommendationExtensionStore as D } from "../../store/recommendation.js";
-import { setMobileLayoutOptOut as m, ensureMobileCssRulesExist as C } from "../mobileLayout/cssRules.js";
-import { getCurrentLayout as w, getBlockElement as U, regenerateProductRowsWithStyles as b, regenerateMobileProductRows as g, adjustProductsToSize as A } from "./utils.js";
+var g = Object.defineProperty;
+var T = (a, n, t) => n in a ? g(a, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[n] = t;
+var u = (a, n, t) => T(a, typeof n != "symbol" ? n + "" : n, t);
+import { UEAttr as d, EditorStatePropertyType as p, PreviewDeviceMode as N } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as f } from "../../../common-control.js";
+import "../../constants/selectors.js";
+import { MAX_PRODUCTS_PER_ROW as b, MAX_MOBILE_PRODUCTS_PER_ROW as M, DEFAULT_MOBILE_CARDS_IN_ROW as C, DEFAULT_COLUMN_SPACING as P, DEFAULT_MOBILE_COLUMN_SPACING as D } from "../../constants/layout.js";
+import { RecommendationConfigService as o } from "../../services/configService.js";
+import { useRecommendationExtensionStore as y } from "../../store/recommendation.js";
+import { setMobileLayoutOptOut as L, ensureMobileCssRulesExist as m } from "../mobileLayout/cssRules.js";
+import { isPartnerManagedBlock as U, getCurrentLayout as w, getBlockElement as A, regenerateProductRowsWithStyles as I, regenerateMobileProductRows as E, adjustProductsToSize as S } from "./utils.js";
 import { useDebounceFn as B } from "../../../../../node_modules/@vueuse/shared/index.js";
-const S = "recommendation-product-layout-control", e = {
+const W = "recommendation-product-layout-control", e = {
   // "Products in One Row" — shown when toggle is OFF
   PRODUCT_IN_ROW: "cardsInRow",
   PRODUCT_IN_ROW_LABEL: "cardsInRowLabel",
@@ -23,11 +24,11 @@ const S = "recommendation-product-layout-control", e = {
   MOBILE_LAYOUT_TOGGLE: "mobileLayoutEnabled",
   MOBILE_LAYOUT_LABEL: "mobileLayoutLabel"
 };
-class v extends T {
+class X extends f {
   constructor() {
     super(...arguments);
     // Store is used for backward compatibility with product fetching and regeneration
-    u(this, "store", D());
+    u(this, "store", y());
     u(this, "storeUnsubscription", () => {
     });
     u(this, "_debouncedRegenerateProductRows", B(() => {
@@ -35,7 +36,7 @@ class v extends T {
     }, 500));
   }
   getId() {
-    return S;
+    return W;
   }
   getTemplate() {
     return `
@@ -45,12 +46,12 @@ class v extends T {
         text: this.api.translate("Products in One Row"),
         name: e.PRODUCT_IN_ROW_LABEL
       }),
-      this._GuCounter({ name: e.PRODUCT_IN_ROW, maxValue: p }),
+      this._GuCounter({ name: e.PRODUCT_IN_ROW, maxValue: b }),
       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: p }),
+      this._GuCounter({ name: e.PRODUCT_IN_ROW_DESKTOP, maxValue: b }),
       this._GuLabel({
         text: this.api.translate("Products in One Row on Mobile"),
         name: e.MOBILE_CARDS_IN_ROW_LABEL
@@ -74,16 +75,25 @@ class v extends T {
         `;
   }
   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 = U(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();
   }
   _setFormValues() {
-    const t = i.getConfig(this.currentNode);
+    const t = o.getConfig(this.currentNode);
     this.api.updateValues({
       [e.PRODUCT_IN_ROW]: t.cardsInRow,
       [e.PRODUCT_IN_ROW_DESKTOP]: t.cardsInRow,
@@ -95,7 +105,7 @@ class v extends T {
    * Returns true when the editor preview is in mobile mode.
    */
   _isMobilePreview() {
-    return this.api.getEditorState()[O.previewDeviceMode] === f.MOBILE;
+    return this.api.getEditorState()[p.previewDeviceMode] === N.MOBILE;
   }
   /**
    * Updates counter visibility based on layout, mobileLayoutEnabled, and editor preview mode.
@@ -110,22 +120,22 @@ class v extends T {
    */
   _updateProductsInRowVisibility() {
     var R;
-    const t = i.getConfig(this.currentNode), o = (t.layout || w(this.currentNode)) === "grid", { mobileLayoutEnabled: r } = t, d = this._isMobilePreview();
-    this.api.setVisibility(e.MOBILE_LAYOUT_TOGGLE, o), this.api.setVisibility(e.MOBILE_LAYOUT_LABEL, o);
-    const c = o && !r, _ = o && r && !d, l = o && r && d;
-    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, _), this.api.setVisibility(e.PRODUCT_IN_ROW_DESKTOP_LABEL, _), this.api.setVisibility(e.MOBILE_CARDS_IN_ROW, l), this.api.setVisibility(e.MOBILE_CARDS_IN_ROW_LABEL, l);
-    const h = (R = this.getContainer()) == null ? void 0 : R.querySelector("[data-product-layout-control]");
-    h && (h.style.display = o ? "" : "none");
+    const t = o.getConfig(this.currentNode), i = (t.layout || w(this.currentNode)) === "grid", { mobileLayoutEnabled: r } = t, _ = this._isMobilePreview();
+    this.api.setVisibility(e.MOBILE_LAYOUT_TOGGLE, i), this.api.setVisibility(e.MOBILE_LAYOUT_LABEL, i);
+    const c = i && !r, l = i && r && !_, h = i && r && _;
+    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, l), this.api.setVisibility(e.PRODUCT_IN_ROW_DESKTOP_LABEL, l), this.api.setVisibility(e.MOBILE_CARDS_IN_ROW, h), this.api.setVisibility(e.MOBILE_CARDS_IN_ROW_LABEL, h);
+    const O = (R = this.getContainer()) == null ? void 0 : R.querySelector("[data-product-layout-control]");
+    O && (O.style.display = i ? "" : "none");
   }
   /**
    * Initializes the mobile layout toggle using the same pattern as shuffle.ts.
    * Sets the initial UI attribute value from the node config.
    */
   _initializeMobileLayoutToggle() {
-    const t = i.getConfig(this.currentNode);
+    const t = o.getConfig(this.currentNode);
     this.api.setUIEAttribute(
       e.MOBILE_LAYOUT_TOGGLE,
-      N.SELECTPICKER.items,
+      d.SELECTPICKER.items,
       t.mobileLayoutEnabled
     );
   }
@@ -137,13 +147,13 @@ class v extends T {
   _onMobileLayoutToggleChange(t) {
     if (!this.currentNode)
       return;
-    const s = i.getConfig(this.currentNode);
+    const s = o.getConfig(this.currentNode);
     if (s.mobileLayoutEnabled === t)
       return;
-    const o = U(this.currentNode);
+    const i = A(this.currentNode);
     if (t) {
-      const r = s.previousMobileCardsInRow || L;
-      i.updateConfig(
+      const r = s.previousMobileCardsInRow || C;
+      o.updateConfig(
         this.api,
         this.currentNode,
         {
@@ -154,25 +164,25 @@ class v extends T {
       ), this.store.patchCurrentBlockConfig(
         { mobileLayoutEnabled: !0 },
         { triggerRefetch: !1 }
-      ), o && m(this.api, o, !1), C(this.api), b({
+      ), i && L(this.api, i, !1), m(this.api), I({
         currentNode: this.currentNode,
         documentModifier: this.api.getDocumentModifier()
       });
     } else {
       const r = s.mobileCardsInRow;
-      i.updateConfig(
+      o.updateConfig(
         this.api,
         this.currentNode,
         {
           mobileLayoutEnabled: !1,
           previousMobileCardsInRow: r,
-          mobileCardsInRow: L
+          mobileCardsInRow: C
         },
         "Disabled mobile layout optimization"
       ), this.store.patchCurrentBlockConfig(
         { mobileLayoutEnabled: !1 },
         { triggerRefetch: !1 }
-      ), o && m(this.api, o, !0), g({
+      ), i && L(this.api, i, !0), E({
         currentNode: this.currentNode,
         documentModifier: this.api.getDocumentModifier()
       });
@@ -180,36 +190,36 @@ class v extends T {
     this._setFormValues(), this._updateProductsInRowVisibility();
   }
   _onProductsInRowChange(t) {
-    if (!this.currentNode || i.getConfig(this.currentNode).cardsInRow === t)
+    if (!this.currentNode || o.getConfig(this.currentNode).cardsInRow === t)
       return;
-    const o = t === 1 ? 0 : P;
-    i.updateConfig(
+    const i = t === 1 ? 0 : P;
+    o.updateConfig(
       this.api,
       this.currentNode,
-      { cardsInRow: t, columnSpacing: o },
+      { cardsInRow: t, columnSpacing: i },
       `Changed products per row to ${t}`
     ), this.store.patchCurrentBlockConfig({ cardsInRow: t }, { triggerRefetch: !1 }), this._debouncedRegenerateProductRows();
   }
   _onMobileCardsInRowChange(t) {
-    if (!this.currentNode || i.getConfig(this.currentNode).mobileCardsInRow === t)
+    if (!this.currentNode || o.getConfig(this.currentNode).mobileCardsInRow === t)
       return;
-    const o = t === 1 ? 0 : y;
-    i.updateConfig(
+    const i = t === 1 ? 0 : D;
+    o.updateConfig(
       this.api,
       this.currentNode,
-      { mobileCardsInRow: t, mobileColumnSpacing: o },
+      { mobileCardsInRow: t, mobileColumnSpacing: i },
       `Changed mobile products per row to ${t}`
-    ), C(this.api), g({
+    ), m(this.api), E({
       currentNode: this.currentNode,
       documentModifier: this.api.getDocumentModifier()
     });
   }
   _regenerateProductRows() {
-    const t = i.getConfig(this.currentNode), s = parseInt(t.size) || 6, o = A(this.store.recommendationProducts, s);
-    b({
+    const t = o.getConfig(this.currentNode), s = parseInt(t.size) || 6, i = S(this.store.recommendationProducts, s);
+    I({
       currentNode: this.currentNode,
       documentModifier: this.api.getDocumentModifier(),
-      products: o
+      products: i
     });
   }
   _listenToFormUpdates() {
@@ -241,14 +251,14 @@ class v extends T {
    */
   _listenEditorModeChanges() {
     this.api.onEditorStatePropUpdated(
-      O.previewDeviceMode,
+      p.previewDeviceMode,
       () => {
-        i.getConfig(this.currentNode).mobileLayoutEnabled && this._updateProductsInRowVisibility();
+        o.getConfig(this.currentNode).mobileLayoutEnabled && this._updateProductsInRowVisibility();
       }
     );
   }
 }
 export {
-  S as PRODUCT_LAYOUT_CONTROL_ID,
-  v as ProductLayoutControl
+  W as PRODUCT_LAYOUT_CONTROL_ID,
+  X as ProductLayoutControl
 };

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

@@ -1,36 +1,40 @@
 import { ModificationDescription as p } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { RecommendationBlockId as m } from "../../constants/blockIds.js";
-import { CURRENCY_ATTR as y, MOBILE_CONTAINER_SELECTOR as q, MOBILE_ROW_SELECTOR as k, DESKTOP_CONTAINER_SELECTOR as P, CONTAINER_SELECTOR as v, ATTR_PRODUCT_ATTR as W } from "../../constants/selectors.js";
+import { CURRENCY_ATTR as y, CSS_CLASS_SKIP_COMPILE as v, MOBILE_CONTAINER_SELECTOR as q, MOBILE_ROW_SELECTOR as w, DESKTOP_CONTAINER_SELECTOR as h, CONTAINER_SELECTOR as W, ATTR_PRODUCT_ATTR as j } from "../../constants/selectors.js";
 import { RecommendationConfigService as E } from "../../services/configService.js";
 import { useRecommendationExtensionStore as C } from "../../store/recommendation.js";
-import { prepareProductRows as _ } from "../../templates/index.js";
-import { formatPrice as j } from "../../utils/priceFormatter.js";
-import { isTdNode as F } from "../../utils/tagName.js";
-import { getDefaultProducts as L, DEFAULT_CARD_COMPOSITION as R, sanitizeImageUrl as V } from "../../templates/utils.js";
-const M = "recommendation-block-v2";
-function h(t) {
+import { prepareProductRows as N } from "../../templates/index.js";
+import { formatPrice as F } from "../../utils/priceFormatter.js";
+import { isTdNode as V } from "../../utils/tagName.js";
+import { getDefaultProducts as L, DEFAULT_CARD_COMPOSITION as M, sanitizeImageUrl as G } from "../../templates/utils.js";
+const R = "recommendation-block-v2";
+function A(t) {
   if (!t)
     return null;
   if ("getAttribute" in t) {
     const e = t.getAttribute("class");
-    if (e && e.includes(M))
+    if (e && e.includes(R))
       return t;
   }
-  return "querySelector" in t ? t.querySelector(`.${M}`) ?? null : null;
+  return "querySelector" in t ? t.querySelector(`.${R}`) ?? null : null;
+}
+function K(t) {
+  const e = A(t);
+  return !e || !("getAttribute" in e) ? !1 : (e.getAttribute("class") ?? "").split(/\s+/).includes(v);
 }
 function b(t) {
-  const e = h(t);
+  const e = A(t);
   if (!e || !("getAttribute" in e))
     return "grid";
   const o = e.getAttribute("data-layout");
   return o === "list" || o === "horizontal" ? "list" : "grid";
 }
 function x(t) {
-  const e = h(t);
+  const e = A(t);
   if (!e || !("getAttribute" in e))
-    return R;
+    return M;
   const o = e.getAttribute("data-card-composition");
-  return o ? o.split(",").filter(Boolean) : R;
+  return o ? o.split(",").filter(Boolean) : M;
 }
 function D(t) {
   if (!t || !("childNodes" in t))
@@ -47,14 +51,14 @@ function S(t, e, o) {
 function U(t, e) {
   return t && t.length > 0 ? t : e.length > 0 ? e : L();
 }
-function G(t) {
+function Y(t) {
   const { currentNode: e, documentModifier: o } = t;
   if (!e || !("querySelector" in e))
     return;
-  const n = e.querySelector(k);
+  const n = e.querySelector(w);
   n && (o.modifyHtml(n).setInnerHtml(""), o.apply(new p("Cleared mobile row content")));
 }
-function Y(t) {
+function X(t) {
   const {
     currentNode: e,
     documentModifier: o,
@@ -66,20 +70,20 @@ function Y(t) {
     return;
   const r = i ?? b(e), s = E.getConfig(e);
   if (r === "list" || !s.mobileLayoutEnabled) {
-    G({ currentNode: e, documentModifier: o });
+    Y({ currentNode: e, documentModifier: o });
     return;
   }
-  const u = e.querySelector(k);
+  const u = e.querySelector(w);
   if (!u)
     return;
-  const l = C(), d = U(n, l.recommendationProducts), a = c ?? x(e), g = `<td><table class="ins-recommendation-product-container ins-recommendation-mobile-container" width="100%" cellpadding="0" cellspacing="0" border="0">${_(d, r, {
+  const l = C(), d = U(n, l.recommendationProducts), a = c ?? x(e), g = `<td><table class="ins-recommendation-product-container ins-recommendation-mobile-container" width="100%" cellpadding="0" cellspacing="0" border="0">${N(d, r, {
     productsPerRow: s.mobileCardsInRow,
     composition: a,
     filterList: l.filterList
   })}</table></td>`;
   o.modifyHtml(u).setInnerHtml(g), o.apply(new p("Updated mobile product rows"));
 }
-function K(t) {
+function z(t) {
   const {
     currentNode: e,
     documentModifier: o,
@@ -90,15 +94,15 @@ function K(t) {
   } = t;
   if (!e || !("querySelector" in e))
     return;
-  const s = e.querySelector(P) ?? e.querySelector(v);
+  const s = e.querySelector(h) ?? e.querySelector(W);
   if (!s)
     return;
-  const u = C(), l = U(i, u.recommendationProducts), { cardsInRow: d } = u.recommendationConfigs, a = r ?? x(e), f = c ?? b(e), g = _(l, f, {
+  const u = C(), l = U(i, u.recommendationProducts), { cardsInRow: d } = u.recommendationConfigs, a = r ?? x(e), f = c ?? b(e), g = N(l, f, {
     productsPerRow: d,
     composition: a,
     filterList: u.filterList
   });
-  o.modifyHtml(s).setInnerHtml(g).apply(new p("Updated product")), Y(t), n == null || n();
+  o.modifyHtml(s).setInnerHtml(g).apply(new p("Updated product")), X(t), n == null || n();
 }
 function T(t, e, o, n) {
   const c = `0 ${Math.floor(o / 2)}px`;
@@ -111,7 +115,7 @@ function T(t, e, o, n) {
     t.querySelectorAll(".product-card-wrapper")
   ).forEach((u) => {
     const l = "parentNode" in u ? u.parentNode : null;
-    l && F(l) && (e.modifyHtml(l).setStyle("padding", c), r = !0);
+    l && V(l) && (e.modifyHtml(l).setStyle("padding", c), r = !0);
   }), r;
 }
 function I(t, e, o) {
@@ -121,13 +125,13 @@ function I(t, e, o) {
     e.modifyHtml(r).setStyle("height", n), c = !0;
   }), c;
 }
-function X(t) {
+function J(t) {
   const { currentNode: e, documentModifier: o } = t;
   if (!e)
     return;
   const n = E.getConfig(e), i = b(e);
   let c = !1;
-  const r = e.querySelector(P);
+  const r = e.querySelector(h);
   if (r) {
     c = T(
       r,
@@ -160,9 +164,9 @@ function X(t) {
   }
   c && o.apply(new p("Reapply spacing after regeneration"));
 }
-function se(t) {
+function de(t) {
   const { currentNode: e, documentModifier: o, afterRegenerate: n, products: i, layout: c, composition: r } = t;
-  e && K({
+  e && z({
     currentNode: e,
     documentModifier: o,
     products: i,
@@ -170,12 +174,12 @@ function se(t) {
     composition: r,
     afterRegenerate: () => {
       setTimeout(() => {
-        X({ currentNode: e, documentModifier: o });
+        J({ currentNode: e, documentModifier: o });
       }, 0), n == null || n();
     }
   });
 }
-function ae(t, e) {
+function fe(t, e) {
   return t.length === e ? t : t.length > e ? t.slice(0, e) : [...t, ...L(e - t.length)];
 }
 function H() {
@@ -189,14 +193,14 @@ function H() {
     thousandSeparator: e.thousandSeparator
   };
 }
-function A(t, e = "price") {
+function P(t, e = "price") {
   const o = H(), n = t[e], i = (n == null ? void 0 : n[o.code]) ?? Object.values(n ?? {})[0] ?? 0;
-  return j({
+  return F({
     price: i,
     currency: o
   });
 }
-function z(t) {
+function Q(t) {
   var c, r;
   const e = H(), o = ((c = t.original_price) == null ? void 0 : c[e.code]) ?? Object.values(t.original_price ?? {})[0] ?? 0, n = ((r = t.price) == null ? void 0 : r[e.code]) ?? Object.values(t.price ?? {})[0] ?? 0, i = o > 0 ? Math.round((o - n) / o * 100) : 0;
   return i > 0 ? `-${i}%` : "0%";
@@ -205,24 +209,24 @@ function $(t) {
   const { documentModifier: e, product: o, priceEl: n, oldPriceEl: i, omnibusPriceEl: c, omnibusDiscountEl: r } = t;
   let s = !1;
   if (n && "querySelector" in n) {
-    const u = n.querySelector("strong") ?? n.querySelector("p"), l = A(o, "price");
+    const u = n.querySelector("strong") ?? n.querySelector("p"), l = P(o, "price");
     S(e, u ?? null, l) && (s = !0);
   }
   if (i && "querySelector" in i) {
-    const u = i.querySelector("strong") ?? i.querySelector("p"), l = A(o, "original_price");
+    const u = i.querySelector("strong") ?? i.querySelector("p"), l = P(o, "original_price");
     S(e, u ?? null, l) && (s = !0);
   }
   if (c && "querySelector" in c) {
-    const u = c.querySelector(".omnibus-price-value") ?? null, l = A(o, "original_price");
+    const u = c.querySelector(".omnibus-price-value") ?? null, l = P(o, "original_price");
     S(e, u, l) && (s = !0);
   }
   if (r && "querySelector" in r) {
-    const u = r.querySelector(".omnibus-discount-value") ?? null, l = z(o);
+    const u = r.querySelector(".omnibus-discount-value") ?? null, l = Q(o);
     S(e, u, l) && (s = !0);
   }
   return s;
 }
-function J(t) {
+function Z(t) {
   const {
     documentModifier: e,
     product: o,
@@ -237,7 +241,7 @@ function J(t) {
   let d = !1;
   if (n && "querySelector" in n) {
     const a = n.querySelector("img");
-    a && (e.modifyHtml(a).setAttribute("src", V(o.image_url)).setAttribute("alt", o.name), d = !0);
+    a && (e.modifyHtml(a).setAttribute("src", G(o.image_url)).setAttribute("alt", o.name), d = !0);
     const f = n.querySelector("a");
     f && (e.modifyHtml(f).setAttribute("href", o.url), d = !0);
   }
@@ -259,10 +263,10 @@ function J(t) {
   return d;
 }
 function B(t) {
-  return "querySelector" in t ? t.querySelector(P) ?? t : t;
+  return "querySelector" in t ? t.querySelector(h) ?? t : t;
 }
 const O = "product_attribute.";
-function Q(t, e) {
+function ee(t, e) {
   var n;
   let o;
   if (t.startsWith(O)) {
@@ -272,7 +276,7 @@ function Q(t, e) {
     o = e[t];
   return typeof o == "string" && o.length > 0 ? o : typeof o == "number" ? String(o) : null;
 }
-function Z(t, e, o) {
+function te(t, e, o) {
   if (!("querySelectorAll" in t))
     return !1;
   const n = t.querySelectorAll(
@@ -284,7 +288,7 @@ function Z(t, e, o) {
   n.forEach((r) => {
     if (!("getAttribute" in r))
       return;
-    const s = r.getAttribute(W);
+    const s = r.getAttribute(j);
     if (!s)
       return;
     const u = i.get(s) ?? [];
@@ -296,7 +300,7 @@ function Z(t, e, o) {
     r.slice(0, u).forEach((l, d) => {
       if (!("querySelector" in l))
         return;
-      const a = Q(s, o[d]);
+      const a = ee(s, o[d]);
       if (a === null)
         return;
       const f = l.querySelector("p") ?? null;
@@ -304,7 +308,7 @@ function Z(t, e, o) {
     });
   }), c;
 }
-function w(t, e, o) {
+function _(t, e, o) {
   if (!("querySelectorAll" in t))
     return !1;
   const n = t.querySelectorAll(
@@ -324,7 +328,7 @@ function w(t, e, o) {
   ), d = Math.min(n.length, o.length);
   let a = !1;
   for (let f = 0; f < d; f++) {
-    const g = J({
+    const g = Z({
       documentModifier: e,
       product: o[f],
       imageEl: n[f] ?? null,
@@ -337,9 +341,9 @@ function w(t, e, o) {
     });
     a = a || g;
   }
-  return Z(t, e, o) && (a = !0), a;
+  return te(t, e, o) && (a = !0), a;
 }
-function de(t) {
+function me(t) {
   const { currentNode: e, documentModifier: o, products: n } = t;
   if (!e || !("querySelectorAll" in e))
     return !1;
@@ -348,12 +352,12 @@ function de(t) {
     `[esd-extension-block-id="${m.IMAGE}"]`
   ).length !== n.length)
     return !1;
-  let r = w(i, o, n);
+  let r = _(i, o, n);
   const s = b(e), u = E.getConfig(e);
   if (s !== "list" && u.mobileLayoutEnabled && "querySelector" in e) {
     const l = e.querySelector(q);
     if (l) {
-      const d = w(
+      const d = _(
         l,
         o,
         n
@@ -363,7 +367,7 @@ function de(t) {
   }
   return r && o.apply(new p("Updated product content in-place")), !0;
 }
-function N(t, e, o) {
+function k(t, e, o) {
   if (!("querySelectorAll" in t))
     return !1;
   const n = t.querySelectorAll(
@@ -387,27 +391,29 @@ function N(t, e, o) {
     }) && (u = !0);
   return u;
 }
-function fe(t) {
+function pe(t) {
   const { currentNode: e, documentModifier: o } = t;
   if (!e || !("querySelectorAll" in e))
     return !1;
+  if (K(e))
+    return !0;
   const i = C().recommendationProducts;
   if (i.length === 0)
     return !1;
   const c = B(e);
-  let r = N(c, o, i);
+  let r = k(c, o, i);
   const s = b(e), u = E.getConfig(e);
   if (s !== "list" && u.mobileLayoutEnabled && "querySelector" in e) {
     const l = e.querySelector(q);
     if (l) {
-      const d = N(l, o, i);
+      const d = k(l, o, i);
       r = r || d;
     }
   }
   return r && o.apply(new p("Updated price formatting in-place")), r;
 }
-function me(t) {
-  const { currentNode: e, documentModifier: o, currency: n } = t, i = h(e);
+function ye(t) {
+  const { currentNode: e, documentModifier: o, currency: n } = t, i = A(e);
   if (!i)
     return;
   const c = n.alignment === "before" ? "0" : "1", r = (s, u) => {
@@ -416,17 +422,18 @@ function me(t) {
   r(y.CURRENCY, n.code), r(y.SYMBOL, n.symbol), r(y.ALIGNMENT, c), r(y.THOUSAND_SEPARATOR, n.thousandSeparator), r(y.DECIMAL_SEPARATOR, n.decimalSeparator), r(y.DECIMAL_COUNT, n.decimalCount.toString()), o.apply(new p("Update currency attributes"));
 }
 export {
-  ae as adjustProductsToSize,
-  A as formatProductPrice,
-  h as getBlockElement,
+  fe as adjustProductsToSize,
+  P as formatProductPrice,
+  A as getBlockElement,
   x as getCardComposition,
   b as getCurrentLayout,
-  X as reapplySpacing,
-  Y as regenerateMobileProductRows,
-  K as regenerateProductRows,
-  se as regenerateProductRowsWithStyles,
-  me as setCurrencyAttributes,
-  fe as updatePricesInPlace,
-  de as updateProductContentInPlace,
-  J as updateSingleProductContent
+  K as isPartnerManagedBlock,
+  J as reapplySpacing,
+  X as regenerateMobileProductRows,
+  z as regenerateProductRows,
+  de as regenerateProductRowsWithStyles,
+  ye as setCurrencyAttributes,
+  pe as updatePricesInPlace,
+  me as updateProductContentInPlace,
+  Z 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
 };