@useinsider/guido 3.20.0-beta.af394f2 → 3.20.0-beta.e801a3b

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

@@ -1,42 +1,42 @@
 var at = Object.defineProperty;
-var ct = (h, p, t) => p in h ? at(h, p, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[p] = t;
-var $ = (h, p, t) => ct(h, typeof p != "symbol" ? p + "" : p, t);
+var ct = (_, g, t) => g in _ ? at(_, g, { enumerable: !0, configurable: !0, writable: !0, value: t }) : _[g] = t;
+var v = (_, g, t) => ct(_, typeof g != "symbol" ? g + "" : g, t);
 import { ACADEMY_LINKS as dt } from "../../../../../enums/academy.js";
-import { UIElementType as _, UEAttr as O, ModificationDescription as y } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { UIElementType as f, UEAttr as O, ModificationDescription as y } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { CommonControl as ut } from "../../../common-control.js";
-import { ATTR_PRODUCT_IMAGE as q, ATTR_PRODUCT_NAME as mt, ATTR_PRODUCT_PRICE as C, ATTR_PRODUCT_OLD_PRICE as L, ATTR_PRODUCT_OMNIBUS_PRICE as ht, ATTR_PRODUCT_OMNIBUS_DISCOUNT as pt, ATTR_PRODUCT_BUTTON as x, ATTR_RECOMMENDATION_TITLE as I, ATTR_DATA_CARD_COMPOSITION as K, ATTR_DATA_CUSTOM_ATTRIBUTES as W, ATTR_CUSTOM_PREFIX as v, SELECTOR_ATTRIBUTE_ROW as N, SELECTOR_TITLE_CELL as z, ATTR_DATA_VISIBILITY as D, ATTR_DATA_ATTRIBUTE_TYPE as E, CSS_CLASS_ATTRIBUTE_ROW as G, CSS_CLASS_SPACER as _t, BUILT_IN_DEFAULT_ATTRIBUTES as gt } from "../../constants/selectors.js";
+import { ATTR_PRODUCT_IMAGE as q, ATTR_PRODUCT_NAME as mt, ATTR_PRODUCT_PRICE as p, ATTR_PRODUCT_OLD_PRICE as I, ATTR_PRODUCT_OMNIBUS_PRICE as ht, ATTR_PRODUCT_OMNIBUS_DISCOUNT as pt, ATTR_PRODUCT_BUTTON as F, ATTR_RECOMMENDATION_TITLE as $, ATTR_DATA_CARD_COMPOSITION as K, ATTR_DATA_CUSTOM_ATTRIBUTES as W, ATTR_CUSTOM_PREFIX as N, SELECTOR_ATTRIBUTE_ROW as E, SELECTOR_TITLE_CELL as z, ATTR_DATA_VISIBILITY as D, ATTR_DATA_ATTRIBUTE_TYPE as R, CSS_CLASS_ATTRIBUTE_ROW as G, CSS_CLASS_SPACER as _t, BUILT_IN_DEFAULT_ATTRIBUTES as gt } from "../../constants/selectors.js";
 import { DEFAULT_COMPOSITION as Y, DEFAULT_VISIBILITY as X } from "../../constants/defaultConfig.js";
-import { RecommendationConfigService as g } from "../../services/configService.js";
+import { RecommendationConfigService as T } from "../../services/configService.js";
 import { useRecommendationExtensionStore as ft } from "../../store/recommendation.js";
 import { ATTRIBUTE_CELL_CLASS as bt, gridElementRenderer as yt, DEFAULT_CELL_PADDING as Tt, buildFillerCell as Ct } from "../../templates/grid/elementRenderer.js";
 import { listElementRenderer as St } from "../../templates/list/elementRenderer.js";
 import { buildTitleRows as At, DEFAULT_TITLE_PARAGRAPH as It, DEFAULT_TITLE_TEXT as $t } from "../../templates/titleRows.js";
 import { resolveInlinePriceOrder as vt, toDisplayName as Nt, toDisplayableAttributeValue as Et, buildElementRenderer as J } from "../../templates/utils.js";
-import { normalizeCompositionKeys as Rt, normalizeCustomAttrValues as Lt, compositionKeyToProductAttr as k, resolveRowCompositionKey as Ot, filterToProductAttrValue as T, findAttributeRow as Dt, rewriteLegacyRowKeyHtml as Q, bareAttributeName as H, isDefaultProductAttr as Ht, productAttrToCompositionKey as M } from "../../utils/compositionKeys.js";
+import { normalizeCompositionKeys as Rt, normalizeCustomAttrValues as Lt, compositionKeyToProductAttr as k, resolveRowVisibilityKeys as Ot, filterToProductAttrValue as C, findAttributeRow as Dt, rewriteLegacyRowKeyHtml as Q, bareAttributeName as H, isDefaultProductAttr as Ht, productAttrToCompositionKey as M } from "../../utils/compositionKeys.js";
 import { getTableDisplayValue as Pt } from "../../utils/tagName.js";
 import { isPartnerManagedBlock as wt, regenerateProductRowsWithStyles as Bt, getMainContainerTbody as kt, getCurrentLayout as Mt } from "../main/utils.js";
 const Ut = "ui-elements-recommendation-card-composition", U = ".product-card-wrapper > tbody", Z = ".product-info-cell > table > tbody", tt = {
   ADD_ATTRIBUTE: "addAttribute"
-}, f = 5, P = "reorderIcon_", qt = '<svg width="14" height="10" viewBox="0 0 14 10" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><circle cx="2" cy="2.5" r="1.2"/><circle cx="7" cy="2.5" r="1.2"/><circle cx="12" cy="2.5" r="1.2"/><circle cx="2" cy="7.5" r="1.2"/><circle cx="7" cy="7.5" r="1.2"/><circle cx="12" cy="7.5" r="1.2"/></svg>', m = [
+}, b = 5, P = "reorderIcon_", qt = '<svg width="14" height="10" viewBox="0 0 14 10" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><circle cx="2" cy="2.5" r="1.2"/><circle cx="7" cy="2.5" r="1.2"/><circle cx="12" cy="2.5" r="1.2"/><circle cx="2" cy="7.5" r="1.2"/><circle cx="7" cy="7.5" r="1.2"/><circle cx="12" cy="7.5" r="1.2"/></svg>', m = [
   { key: q, label: "Product Image" },
   { key: mt, label: "Product Name" },
-  { key: C, label: "Product Price" },
-  { key: L, label: "Product Original Price" },
+  { key: p, label: "Product Price" },
+  { key: I, label: "Product Original Price" },
   { key: ht, label: "Omnibus Price" },
   { key: pt, label: "Omnibus Discount" },
-  { key: x, label: "Product Button" }
-], R = { key: I, label: "Title" }, xt = new Set(m.map((h) => h.key)), A = "customAttr_", w = "deleteAttr_";
+  { key: F, label: "Product Button" }
+], L = { key: $, label: "Title" }, Ft = new Set(m.map((_) => _.key)), A = "customAttr_", w = "deleteAttr_";
 class se extends ut {
   constructor() {
     super(...arguments);
-    $(this, "store", ft());
-    $(this, "unsubscribeStore", null);
-    $(this, "eventController", null);
+    v(this, "store", ft());
+    v(this, "unsubscribeStore", null);
+    v(this, "eventController", null);
     /**
      * Guard flag: when true, onTemplateNodeUpdated skips _initializeComposition.
      * Used during _onReorder to prevent multiple intermediate rebuilds.
      */
-    $(this, "reorderInProgress", !1);
+    v(this, "reorderInProgress", !1);
   }
   getId() {
     return Ut;
@@ -50,7 +50,7 @@ class se extends ut {
                 ${this._GuToggle(`visibility_${d.key}`)}
             </div>
         `).join(""), e = Array.from(
-      { length: f },
+      { length: b },
       (d, c) => `
                 <div data-custom-select-key="${A}${c}" style="display: none;">
                     ${this._GuSelect({
@@ -62,34 +62,34 @@ class se extends ut {
       })}
                 </div>
             `
-    ).join(""), r = m.length + f, i = Array.from(
+    ).join(""), r = m.length + b, i = Array.from(
       { length: r },
       (d, c) => `
                 <div data-reorder-icon-key="${P}${c}" style="display: none;">
-                    <${_.BUTTON}
+                    <${f.BUTTON}
                         class="guido-drag-handle-btn flat-inline flat-white"
                         ${O.BUTTON.name}="${P}${c}"
                     >
-                        <${_.ICON}
+                        <${f.ICON}
                             src="reorder"
                             class="icon-button"
-                        ></${_.ICON}>
-                    </${_.BUTTON}>
+                        ></${f.ICON}>
+                    </${f.BUTTON}>
                 </div>
             `
     ).join(""), s = Array.from(
-      { length: f },
+      { length: b },
       (d, c) => `
                 <div data-custom-delete-key="${w}${c}" style="display: none;">
-                    <${_.BUTTON}
+                    <${f.BUTTON}
                         class="custom-attr-delete flat-inline flat-white"
                         ${O.BUTTON.name}="${w}${c}"
                     >
-                        <${_.ICON}
+                        <${f.ICON}
                             src="delete"
                             class="icon-button"
-                        ></${_.ICON}>
-                    </${_.BUTTON}>
+                        ></${f.ICON}>
+                    </${f.BUTTON}>
                 </div>
             `
     ).join(""), o = dt.EMAIL_RECOMMENDATION_BLOCK, n = this.api.translate(
@@ -123,10 +123,10 @@ class se extends ut {
                 </div>
 
                 <div class="orderable-list">
-                    <div class="orderable-item title-item" data-key="${R.key}">
-                        <span class="item-label">${this.api.translate(R.label)}</span>
+                    <div class="orderable-item title-item" data-key="${L.key}">
+                        <span class="item-label">${this.api.translate(L.label)}</span>
                         <div class="item-action">
-                            ${this._GuToggle(`visibility_${R.key}`)}
+                            ${this._GuToggle(`visibility_${L.key}`)}
                         </div>
                     </div>
                 </div>
@@ -172,12 +172,12 @@ class se extends ut {
     this.api.updateValues(s), i && this._initializeCustomSelects(e), this._updateAddButtonState();
   }
   _registerValueChangeListeners() {
-    [R, ...m].forEach((t) => {
+    [L, ...m].forEach((t) => {
       this.api.onValueChanged(`visibility_${t.key}`, (e) => {
         this._applyVisibilityToBlock(t.key, e);
       });
     });
-    for (let t = 0; t < f; t++) {
+    for (let t = 0; t < b; t++) {
       const e = `${A}${t}`, r = t;
       this.api.onValueChanged(e, (i) => {
         this._onCustomAttributeChanged(r, i);
@@ -193,7 +193,7 @@ class se extends ut {
     const t = this.currentNode.getAttribute(K);
     if (t)
       return this._normalizeComposition(t.split(",").filter(Boolean));
-    const { composition: e } = g.getConfig(this.currentNode);
+    const { composition: e } = T.getConfig(this.currentNode);
     return e != null && e.length ? this._normalizeComposition([...e]) : [...Y];
   }
   /** Upgrades legacy bare-name custom keys to the canonical form. (SD-147101) */
@@ -214,19 +214,19 @@ class se extends ut {
       } catch {
         return [];
       }
-    return this._readCompositionFromNode().filter((e) => e.startsWith(v)).map(k);
+    return this._readCompositionFromNode().filter((e) => e.startsWith(N)).map(k);
   }
   _readVisibilityFromRows() {
     if (!this.currentNode)
       return this._getDefaultVisibilities();
-    const t = Array.from(this.currentNode.querySelectorAll(N)), e = this._extractVisibilityFromRows(t);
+    const t = Array.from(this.currentNode.querySelectorAll(E)), e = this._extractVisibilityFromRows(t);
     if (Object.keys(e).length > 0)
       return this._withTitlePresence(this._mergeWithDefaults(e));
-    const r = g.getConfig(this.currentNode).visibility;
+    const r = T.getConfig(this.currentNode).visibility;
     return this._withTitlePresence(this._mergeWithDefaults({ ...r }));
   }
   _withTitlePresence(t) {
-    return t[I] = this._hasTitle(), t;
+    return t[$] = this._hasTitle(), t;
   }
   _hasTitle() {
     var t;
@@ -240,8 +240,10 @@ class se extends ut {
     return t.forEach((r) => {
       if (!("getAttribute" in r))
         return;
-      const i = Ot(r), s = r.getAttribute(D);
-      i && s !== null && (e[i] = this._parseVisibilityValue(s));
+      const i = r.getAttribute(D);
+      i !== null && Ot(r).forEach((s) => {
+        e[s] = this._parseVisibilityValue(i);
+      });
     }), e;
   }
   _parseVisibilityValue(t) {
@@ -253,7 +255,7 @@ class se extends ut {
     }), t;
   }
   _buildVisibilityValues(t) {
-    return [R, ...m].reduce((e, r) => (e[`visibility_${r.key}`] = t[r.key] ?? !0, e), {});
+    return [L, ...m].reduce((e, r) => (e[`visibility_${r.key}`] = t[r.key] ?? !0, e), {});
   }
   // ========================================================================
   // UI Rendering (Orderable List)
@@ -270,22 +272,22 @@ class se extends ut {
     const i = r.querySelector("[data-composition-list]");
     if (!i)
       return !1;
-    const s = !g.getConfig(this.currentNode).priceMovedToNextLine;
+    const s = this._isInlinePrices();
     if (!(i.dataset.inlinePrices !== String(s)) && this._tryReorderInPlace(i, t))
       return !1;
     i.dataset.inlinePrices = String(s);
     const n = new Set(e), l = vt(t);
     let a = 0, d = 0;
     const c = t.map((u) => {
-      if (s && (u === C || u === L))
+      if (s && (u === p || u === I))
         return u === l.anchor ? this._createPriceGroupItemHtml(d++, l.originalFirst) : "";
-      if (xt.has(u)) {
-        const b = m.find((S) => S.key === u);
-        return this._createBuiltInItemHtml(b, d++);
+      if (Ft.has(u)) {
+        const h = m.find((S) => S.key === u);
+        return this._createBuiltInItemHtml(h, d++);
       }
-      if (u.startsWith(v)) {
-        const b = k(u);
-        if (n.has(b))
+      if (u.startsWith(N)) {
+        const h = k(u);
+        if (n.has(h))
           return this._createCustomItemHtml(u, a++, d++);
       }
       return "";
@@ -306,7 +308,7 @@ class se extends ut {
     if (i.length !== e.length)
       return !1;
     const s = [...i].sort().join(","), o = [...e].sort().join(",");
-    if (s !== o || e.some((a) => a.startsWith(v)))
+    if (s !== o || e.some((a) => a.startsWith(N)))
       return !1;
     const n = /* @__PURE__ */ new Map();
     r.forEach((a) => {
@@ -344,18 +346,18 @@ class se extends ut {
    */
   _createPriceGroupItemHtml(t, e) {
     var n, l;
-    const r = ((n = m.find((a) => a.key === C)) == null ? void 0 : n.label) ?? "Product Price", i = ((l = m.find((a) => a.key === L)) == null ? void 0 : l.label) ?? "Product Original Price", s = (a, d) => `
+    const r = ((n = m.find((a) => a.key === p)) == null ? void 0 : n.label) ?? "Product Price", i = ((l = m.find((a) => a.key === I)) == null ? void 0 : l.label) ?? "Product Original Price", s = (a, d) => `
             <div class="price-suborderable-item" draggable="true" data-subkey="${a}">
                 <span class="sub-drag-handle">${qt}</span>
                 <span class="item-label">${this.api.translate(d)}</span>
-            </div>`, o = e ? s(L, i) + s(C, r) : s(C, r) + s(L, i);
+            </div>`, o = e ? s(I, i) + s(p, r) : s(p, r) + s(I, i);
     return `
             <div class="orderable-item price-group-item" draggable="true"
-                data-key="${C}" data-group="prices">
+                data-key="${p}" data-group="prices">
                 <div class="price-group-header">
                     <span class="guido-drag-handle" data-reorder-icon-slot="${t}"></span>
                     <span class="item-label">${this.api.translate("Product Prices")}</span>
-                    <div class="item-action" data-action-for="${C}"></div>
+                    <div class="item-action" data-action-for="${p}"></div>
                 </div>
                 <div class="price-suborderable-list">${o}</div>
             </div>
@@ -395,13 +397,13 @@ class se extends ut {
     const i = /* @__PURE__ */ new Map();
     r.forEach((o) => i.set(o.attributeName, (i.get(o.attributeName) ?? 0) + 1));
     const s = new Set(e);
-    return s.delete(t), r.filter((o) => !s.has(T(o))).map((o) => ({
+    return s.delete(t), r.filter((o) => !s.has(C(o))).map((o) => ({
       text: this._toOptionLabel(
         o.displayName,
         o.type === "defaultAttribute",
         (i.get(o.attributeName) ?? 0) > 1
       ),
-      value: T(o)
+      value: C(o)
     }));
   }
   /**
@@ -463,7 +465,7 @@ class se extends ut {
    * Same rescue pattern as _rescueTogglesToStore — prevents innerHTML from destroying them.
    */
   _rescueSelectsToStore(t) {
-    for (let e = 0; e < f; e++) {
+    for (let e = 0; e < b; e++) {
       const r = `${A}${e}`, i = t.querySelector(`[data-custom-select-key="${r}"]`), s = t.querySelector(`[data-custom-select-slot="${e}"]`);
       if (s) {
         const o = s.querySelector("ue-select");
@@ -489,7 +491,7 @@ class se extends ut {
    * Same rescue pattern as _rescueSelectsToStore — prevents innerHTML from destroying them.
    */
   _rescueDeleteButtonsToStore(t) {
-    for (let e = 0; e < f; e++) {
+    for (let e = 0; e < b; e++) {
       const r = `${w}${e}`, i = t.querySelector(`[data-custom-delete-key="${r}"]`), s = t.querySelector(`[data-custom-delete-slot="${e}"]`);
       if (s) {
         const o = s.querySelector("ue-button");
@@ -515,7 +517,7 @@ class se extends ut {
    * Same rescue pattern as _rescueDeleteButtonsToStore — prevents innerHTML from destroying them.
    */
   _rescueReorderIconsToStore(t) {
-    const e = m.length + f;
+    const e = m.length + b;
     for (let r = 0; r < e; r++) {
       const i = `${P}${r}`, s = t.querySelector(`[data-reorder-icon-key="${i}"]`), o = t.querySelector(`[data-reorder-icon-slot="${r}"]`);
       if (o) {
@@ -534,8 +536,8 @@ class se extends ut {
       return;
     const r = e.querySelector("[data-composition-list]"), i = e.querySelector("#guido__btn-add-attribute");
     r && (this._setupDragAndDrop(r, t), this._setupDeleteHandler(r, t)), i && i.addEventListener("click", () => {
-      const s = new Set(this._readCustomAttributesFromNode()), o = this._getAddableFilters().find((n) => !s.has(T(n)));
-      o && this._onAddAttribute(T(o), o.displayName);
+      const s = new Set(this._readCustomAttributesFromNode()), o = this._getAddableFilters().find((n) => !s.has(C(n)));
+      o && this._onAddAttribute(C(o), o.displayName);
     }, { signal: t });
   }
   /**
@@ -646,11 +648,11 @@ class se extends ut {
     this._updateBothAttributes(o, r), this._injectCustomAttributeHtml(e, l, s, o), this._renderOrderableItems(o, r), this._initializeCustomSelects(r);
   }
   _onReorder(t) {
-    const e = t.filter((r) => r.startsWith(v)).map(k);
+    const e = t.filter((r) => r.startsWith(N)).map(k);
     this.reorderInProgress = !0;
     try {
       this._updateBothAttributes(t, e);
-      const r = !g.getConfig(this.currentNode).priceMovedToNextLine;
+      const r = this._isInlinePrices();
       this._getCurrentLayout() === "grid" && !r ? this._reorderProductAttributes(t) : this.currentNode && Bt({
         currentNode: this.currentNode,
         documentModifier: this.api.getDocumentModifier()
@@ -673,7 +675,7 @@ class se extends ut {
     if (r && "getOuterHTML" in r)
       return Q(r.getOuterHTML(), e);
     const i = t.querySelector(
-      `${N}[${E}="${e}"]`
+      `${E}[${R}="${e}"]`
     );
     return i && "getOuterHTML" in i ? Q(i.getOuterHTML(), e) : "";
   }
@@ -686,15 +688,15 @@ class se extends ut {
     const s = this.currentNode.querySelectorAll(U);
     if (!(s != null && s.length))
       return;
-    const o = g.getConfig(this.currentNode), l = `0 ${Math.floor(o.columnSpacing / 2)}px`, a = this.api.getDocumentModifier(), d = this.store.recommendationProducts.length;
+    const o = T.getConfig(this.currentNode), l = `0 ${Math.floor(o.columnSpacing / 2)}px`, a = this.api.getDocumentModifier(), d = this.store.recommendationProducts.length;
     let c = 0;
     s.forEach((u) => {
       var V;
-      const b = u.querySelector(N), S = ((V = b == null ? void 0 : b.querySelectorAll(`.${bt}`)) == null ? void 0 : V.length) || 1, F = (100 / S).toFixed(2), { bgStyle: et, bgAttr: rt } = this._extractSegmentBgFromCard(u), B = d > 0 ? Math.min(S, d - c) : S, it = i.map((j) => {
+      const h = u.querySelector(E), S = ((V = h == null ? void 0 : h.querySelectorAll(`.${bt}`)) == null ? void 0 : V.length) || 1, x = (100 / S).toFixed(2), { bgStyle: et, bgAttr: rt } = this._extractSegmentBgFromCard(u), B = d > 0 ? Math.min(S, d - c) : S, it = i.map((j) => {
         if (j === r) {
           const st = Array.from(
             { length: B },
-            (Ft, nt) => {
+            (xt, nt) => {
               const lt = this._resolveAttributeContent(
                 t,
                 e,
@@ -703,14 +705,14 @@ class se extends ut {
               return this._getGridCellHtml(
                 t,
                 lt,
-                F,
+                x,
                 et,
                 rt,
                 l
               );
             }
-          ).join(""), ot = Ct(F, l).repeat(S - B);
-          return `<tr class="${G}" ${E}="${r}" ${D}="1">${st}${ot}</tr>`;
+          ).join(""), ot = Ct(x, l).repeat(S - B);
+          return `<tr class="${G}" ${R}="${r}" ${D}="1">${st}${ot}</tr>`;
         }
         return this._getExistingRowHtml(u, j);
       }).join("");
@@ -721,7 +723,7 @@ class se extends ut {
     const s = this.currentNode.querySelectorAll(Z);
     if (!(s != null && s.length))
       return;
-    const o = i.filter((l) => l !== q && l !== x), n = this.api.getDocumentModifier();
+    const o = i.filter((l) => l !== q && l !== F), n = this.api.getDocumentModifier();
     s.forEach((l, a) => {
       const d = o.map((c) => {
         if (c === r) {
@@ -748,7 +750,7 @@ class se extends ut {
         r.modifyHtml(s).setInnerHtml(o);
       });
     } else {
-      const i = t.filter((o) => o !== q && o !== x), s = this.currentNode.querySelectorAll(Z);
+      const i = t.filter((o) => o !== q && o !== F), s = this.currentNode.querySelectorAll(Z);
       s == null || s.forEach((o) => {
         const n = this._buildCompositionHtml(o, i);
         r.modifyHtml(o).setInnerHtml(n);
@@ -770,7 +772,7 @@ class se extends ut {
     if (!this.currentNode)
       return;
     const r = {
-      ...g.getConfig(this.currentNode),
+      ...T.getConfig(this.currentNode),
       composition: t
     };
     this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute(K, t.join(",")).setAttribute(W, JSON.stringify(e)).setNodeConfig(r).apply(new y(this.api.translate("Update card composition")));
@@ -804,37 +806,47 @@ class se extends ut {
   _applyVisibilityToBlock(t, e) {
     if (!this.currentNode)
       return;
-    if (t === I) {
+    if (t === $) {
       this._applyTitleVisibilityToBlock(e);
       return;
     }
-    const r = this.currentNode.querySelectorAll(`${N}[${E}="${t}"]`);
-    if (!(r != null && r.length))
+    const r = this._resolveVisibilityKeys(t), { currentNode: i } = this, s = r.flatMap((c) => Array.from(i.querySelectorAll(`${E}[${R}="${c}"]`) ?? []));
+    if (!s.length)
       return;
-    const i = e ? "1" : "0", s = e ? this.api.translate("visible") : this.api.translate("hidden"), o = `${this.api.translate("Set visibility")}: ${t} → ${s}`, n = this.api.getDocumentModifier();
-    r.forEach((a) => {
-      const d = Pt(a), c = e ? d : "none";
-      n.modifyHtml(a).setStyle("display", c).setAttribute(D, i);
+    const o = e ? "1" : "0", n = e ? this.api.translate("visible") : this.api.translate("hidden"), l = `${this.api.translate("Set visibility")}: ${t} → ${n}`, a = this.api.getDocumentModifier();
+    s.forEach((c) => {
+      const u = Pt(c), h = e ? u : "none";
+      a.modifyHtml(c).setStyle("display", h).setAttribute(D, o);
     });
-    const l = {
-      ...g.getConfig(this.currentNode),
-      visibility: { ...this._readVisibilityFromRows(), [t]: e }
+    const d = {
+      ...T.getConfig(this.currentNode),
+      visibility: {
+        ...this._readVisibilityFromRows(),
+        ...Object.fromEntries(r.map((c) => [c, e]))
+      }
     };
-    n.modifyHtml(this.currentNode).setNodeConfig(l), n.apply(new y(o));
+    a.modifyHtml(this.currentNode).setNodeConfig(d), a.apply(new y(l));
+  }
+  /** Inline "Product Prices" group row is tagged with whichever price comes first, so it drives both keys. */
+  _resolveVisibilityKeys(t) {
+    return this._isInlinePrices() && t === p ? [p, I] : [t];
+  }
+  _isInlinePrices() {
+    return !T.getConfig(this.currentNode).priceMovedToNextLine;
   }
   _applyTitleVisibilityToBlock(t) {
-    const e = g.getConfig(this.currentNode), r = t ? this._resolveTitleInjection(e) : null, i = t ? [] : this._findTitleRows(), s = t ? this._hasTitle() || !r : i.length === 0;
+    const e = T.getConfig(this.currentNode), r = t ? this._resolveTitleInjection(e) : null, i = t ? [] : this._findTitleRows(), s = t ? this._hasTitle() || !r : i.length === 0;
     if (!this.currentNode || s)
       return;
     const o = this.api.getDocumentModifier();
     r ? o.modifyHtml(r.containerBody).setInnerHtml(r.html) : i.forEach((l) => o.modifyHtml(l).delete()), o.modifyHtml(this.currentNode).setNodeConfig({
       ...e,
       previousTitleHtml: t ? e.previousTitleHtml : this._readTitleHtml(i),
-      visibility: { ...this._readVisibilityFromRows(), [I]: t }
+      visibility: { ...this._readVisibilityFromRows(), [$]: t }
     });
     const n = t ? this.api.translate("visible") : this.api.translate("hidden");
     o.apply(new y(
-      `${this.api.translate("Set visibility")}: ${I} → ${n}`
+      `${this.api.translate("Set visibility")}: ${$} → ${n}`
     ));
   }
   _resolveTitleInjection(t) {
@@ -850,7 +862,7 @@ class se extends ut {
   _findTitleRows() {
     var e;
     const t = Array.from(((e = this.currentNode) == null ? void 0 : e.querySelectorAll(
-      `${N}[${E}="${I}"]`
+      `${E}[${R}="${$}"]`
     )) ?? []);
     return t.length > 0 ? t : this._findTitleRowsByClass();
   }
@@ -884,7 +896,7 @@ class se extends ut {
   _findNthCustomKeyIndex(t, e) {
     let r = 0;
     for (let i = 0; i < t.length; i++)
-      if (t[i].startsWith(v)) {
+      if (t[i].startsWith(N)) {
         if (r === e)
           return i;
         r++;
@@ -944,7 +956,7 @@ class se extends ut {
    * or when all available filters have already been added (no unused attributes left).
    */
   _updateAddButtonState() {
-    const t = this._readCustomAttributesFromNode(), e = t.length >= f, r = new Set(t), i = this._getAddableFilters(), s = i.length > 0 && i.every((o) => r.has(T(o)));
+    const t = this._readCustomAttributesFromNode(), e = t.length >= b, r = new Set(t), i = this._getAddableFilters(), s = i.length > 0 && i.every((o) => r.has(C(o)));
     this.api.setUIEAttribute(
       tt.ADD_ATTRIBUTE,
       O.BUTTON.disabled,
@@ -977,7 +989,7 @@ class se extends ut {
   _getAddableFilters() {
     const t = /* @__PURE__ */ new Set();
     return Object.values(this.store.filterList).filter((e) => !(e.type === "defaultAttribute" && gt.has(e.attributeName))).filter((e) => {
-      const r = T(e);
+      const r = C(e);
       return t.has(r) ? !1 : (t.add(r), !0);
     });
   }
@@ -987,7 +999,7 @@ class se extends ut {
    * resolve to their own entry. Falls back to Title Case of the bare name.
    */
   _getDisplayNameForAttribute(t) {
-    const e = Object.values(this.store.filterList).find((r) => T(r) === t);
+    const e = Object.values(this.store.filterList).find((r) => C(r) === t);
     return e ? e.displayName : Nt(H(t));
   }
   /**
@@ -1015,7 +1027,7 @@ class se extends ut {
       [i]: e,
       product_attributes: { [i]: e }
     }, l = s[r](o).replace(/<tr>/, "").replace(/<\/tr>/, "");
-    return `<tr class="${G}" ${E}="${r}" ${D}="1">${l}</tr>`;
+    return `<tr class="${G}" ${R}="${r}" ${D}="1">${l}</tr>`;
   }
 }
 export {