@useinsider/guido 3.22.0 → 3.23.0

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

@@ -4,17 +4,18 @@ var v = (_, g, t) => ct(_, typeof g != "symbol" ? g + "" : g, t);
 import { ACADEMY_LINKS as dt } from "../../../../../enums/academy.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 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 { 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 G, ATTR_DATA_VISIBILITY as D, ATTR_DATA_ATTRIBUTE_TYPE as R, CSS_CLASS_ATTRIBUTE_ROW as z, 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 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, 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";
+import { toDisplayName as vt, toDisplayableAttributeValue as Nt, buildElementRenderer as J } from "../../templates/utils.js";
+import { normalizeCompositionKeys as Et, normalizeCustomAttrValues as Rt, compositionKeyToProductAttr as k, resolveRowVisibilityKeys as Lt, filterToProductAttrValue as C, findAttributeRow as Ot, rewriteLegacyRowKeyHtml as Q, bareAttributeName as H, isDefaultProductAttr as Dt, productAttrToCompositionKey as M } from "../../utils/compositionKeys.js";
+import { getTableDisplayValue as Ht } from "../../utils/tagName.js";
+import { isPartnerManagedBlock as Pt, regenerateProductRowsWithStyles as wt, getMainContainerTbody as Bt, getCurrentLayout as kt } from "../main/utils.js";
+import { resolveInlinePriceOrder as Mt } from "../../utils/inlinePriceOrder.js";
 const Ut = "ui-elements-recommendation-card-composition", U = ".product-card-wrapper > tbody", Z = ".product-info-cell > table > tbody", tt = {
   ADD_ATTRIBUTE: "addAttribute"
 }, 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 = [
@@ -26,7 +27,7 @@ const Ut = "ui-elements-recommendation-card-composition", U = ".product-card-wra
   { key: pt, label: "Omnibus Discount" },
   { key: F, label: "Product Button" }
 ], L = { key: $, label: "Title" }, Ft = new Set(m.map((_) => _.key)), A = "customAttr_", w = "deleteAttr_";
-class se extends ut {
+class oe extends ut {
   constructor() {
     super(...arguments);
     v(this, "store", ft());
@@ -142,7 +143,7 @@ class se extends ut {
         `;
   }
   onRender() {
-    this._initializeComposition(), this._registerValueChangeListeners(), this._setupEventListeners(), this._updateOrderableState(), this._subscribeToStoreChanges(), this._syncDisabledState();
+    this.forgetLastPanelNode(), this._registerValueChangeListeners(), this._setupEventListeners(), this._updateOrderableState(), this._subscribeToStoreChanges();
   }
   /**
    * Card composition restructures the block (toggles/reorders/adds attribute
@@ -155,7 +156,7 @@ class se extends ut {
     const t = (r = this.getContainer()) == null ? void 0 : r.querySelector("[data-card-composition-control]");
     if (!t)
       return;
-    const e = wt(this.currentNode);
+    const e = Pt(this.currentNode);
     t.style.pointerEvents = e ? "none" : "", t.style.opacity = e ? "0.5" : "";
   }
   onTemplateNodeUpdated(t) {
@@ -198,7 +199,7 @@ class se extends ut {
   }
   /** Upgrades legacy bare-name custom keys to the canonical form. (SD-147101) */
   _normalizeComposition(t) {
-    return Rt(t, this.currentNode, this.store.filterList);
+    return Et(t, this.currentNode, this.store.filterList);
   }
   _readCustomAttributesFromNode() {
     if (!this.currentNode || !("getAttribute" in this.currentNode))
@@ -206,7 +207,7 @@ class se extends ut {
     const t = this.currentNode.getAttribute(W);
     if (t)
       try {
-        return Lt(
+        return Rt(
           JSON.parse(t).map((e) => String(e)),
           this.currentNode,
           this.store.filterList
@@ -230,7 +231,7 @@ class se extends ut {
   }
   _hasTitle() {
     var t;
-    return !!((t = this.currentNode) != null && t.querySelector(z));
+    return !!((t = this.currentNode) != null && t.querySelector(G));
   }
   _getDefaultVisibilities() {
     return { ...X };
@@ -241,7 +242,7 @@ class se extends ut {
       if (!("getAttribute" in r))
         return;
       const i = r.getAttribute(D);
-      i !== null && Ot(r).forEach((s) => {
+      i !== null && Lt(r).forEach((s) => {
         e[s] = this._parseVisibilityValue(i);
       });
     }), e;
@@ -276,7 +277,7 @@ class se extends ut {
     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);
+    const n = new Set(e), l = Mt(t);
     let a = 0, d = 0;
     const c = t.map((u) => {
       if (s && (u === p || u === I))
@@ -653,7 +654,7 @@ class se extends ut {
     try {
       this._updateBothAttributes(t, e);
       const r = this._isInlinePrices();
-      this._getCurrentLayout() === "grid" && !r ? this._reorderProductAttributes(t) : this.currentNode && Bt({
+      this._getCurrentLayout() === "grid" && !r ? this._reorderProductAttributes(t) : this.currentNode && wt({
         currentNode: this.currentNode,
         documentModifier: this.api.getDocumentModifier()
       });
@@ -671,7 +672,7 @@ class se extends ut {
    * DOM converge on the next composition change without writing on open.
    */
   _getExistingRowHtml(t, e) {
-    const r = Dt(t, e);
+    const r = Ot(t, e);
     if (r && "getOuterHTML" in r)
       return Q(r.getOuterHTML(), e);
     const i = t.querySelector(
@@ -712,7 +713,7 @@ class se extends ut {
               );
             }
           ).join(""), ot = Ct(x, l).repeat(S - B);
-          return `<tr class="${G}" ${R}="${r}" ${D}="1">${st}${ot}</tr>`;
+          return `<tr class="${z}" ${R}="${r}" ${D}="1">${st}${ot}</tr>`;
         }
         return this._getExistingRowHtml(u, j);
       }).join("");
@@ -815,7 +816,7 @@ class se extends ut {
       return;
     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";
+      const u = Ht(c), h = e ? u : "none";
       a.modifyHtml(c).setStyle("display", h).setAttribute(D, o);
     });
     const d = {
@@ -867,7 +868,7 @@ class se extends ut {
     return t.length > 0 ? t : this._findTitleRowsByClass();
   }
   _findTitleRowsByClass() {
-    const t = this._findTitleContainerBody(), e = t && "children" in t ? t.children() : [], r = e.findIndex((s) => !!s.querySelector(z));
+    const t = this._findTitleContainerBody(), e = t && "children" in t ? t.children() : [], r = e.findIndex((s) => !!s.querySelector(G));
     if (r === -1)
       return [];
     const i = e[r + 1];
@@ -877,7 +878,7 @@ class se extends ut {
     return "children" in t && t.children().some((e) => "hasClass" in e && e.hasClass(_t));
   }
   _findTitleContainerBody() {
-    return (this.currentNode ? kt(this.currentNode) : null) ?? void 0;
+    return (this.currentNode ? Bt(this.currentNode) : null) ?? void 0;
   }
   _readInnerHtml(t) {
     return "getInnerHTML" in t && typeof t.getInnerHTML == "function" ? t.getInnerHTML().trim() : null;
@@ -904,7 +905,7 @@ class se extends ut {
     return -1;
   }
   _getCurrentLayout() {
-    return this.store.recommendationConfigs.orientation || Mt(this.currentNode);
+    return this.store.recommendationConfigs.orientation || kt(this.currentNode);
   }
   /**
    * Extracts background color properties from existing card elements.
@@ -974,7 +975,7 @@ class se extends ut {
       const r = this.store.recommendationConfigs.orientation;
       r !== t && (t = r, this._updateOrderableState());
       const i = Object.keys(this.store.filterList).sort().join(",");
-      i !== e && (e = i, this._initializeComposition());
+      i !== e && (e = i, this.currentNode && this._initializeComposition());
     });
   }
   /**
@@ -1000,7 +1001,7 @@ class se extends ut {
    */
   _getDisplayNameForAttribute(t) {
     const e = Object.values(this.store.filterList).find((r) => C(r) === t);
-    return e ? e.displayName : Nt(H(t));
+    return e ? e.displayName : vt(H(t));
   }
   /**
    * Resolves the display content for a custom attribute cell.
@@ -1008,8 +1009,8 @@ class se extends ut {
    */
   _resolveAttributeContent(t, e, r) {
     var l;
-    const s = this.store.recommendationProducts[r], o = H(t), n = Ht(t) ? s == null ? void 0 : s[o] : (l = s == null ? void 0 : s.product_attributes) == null ? void 0 : l[o];
-    return Et(n) ?? e;
+    const s = this.store.recommendationProducts[r], o = H(t), n = Dt(t) ? s == null ? void 0 : s[o] : (l = s == null ? void 0 : s.product_attributes) == null ? void 0 : l[o];
+    return Nt(n) ?? e;
   }
   _getGridCellHtml(t, e, r, i = "", s = "", o = "") {
     const n = M(t), l = H(t), a = J(yt, [n], this.store.filterList), d = {
@@ -1027,10 +1028,10 @@ class se extends ut {
       [i]: e,
       product_attributes: { [i]: e }
     }, l = s[r](o).replace(/<tr>/, "").replace(/<\/tr>/, "");
-    return `<tr class="${G}" ${R}="${r}" ${D}="1">${l}</tr>`;
+    return `<tr class="${z}" ${R}="${r}" ${D}="1">${l}</tr>`;
   }
 }
 export {
   Ut as COMPOSITION_CONTROL_BLOCK_ID,
-  se as RecommendationCardCompositionControl
+  oe as RecommendationCardCompositionControl
 };

package/dist/extensions/Blocks/Recommendation/controls/customAttribute/textTrim.js

@@ -1,15 +1,15 @@
 import { ModificationDescription as T } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as m } from "../../../common-control.js";
+import { CommonControl as l } from "../../../common-control.js";
 import { RecommendationBlockId as n } from "../../constants/blockIds.js";
-import { RecommendationControlId as l } from "../../constants/controlIds.js";
+import { RecommendationControlId as m } from "../../constants/controlIds.js";
 import { BLOCK_ROOT_SELECTOR as u, ATTR_PRODUCT_ATTR as a } from "../../constants/selectors.js";
-import { CSS_CLASS_TEXT_TRIM as o, ensureTextTrimCssRulesExist as c } from "../shared/textTrimCssRules.js";
+import { CSS_CLASS_TEXT_TRIM as s, ensureTextTrimCssRulesExist as c } from "../shared/textTrimCssRules.js";
 const i = {
   TEXT_TRIM_ENABLED: "customAttrTextTrimEnabled"
 };
-class g extends m {
+class C extends l {
   getId() {
-    return l.CUSTOM_ATTR_TEXT_TRIM;
+    return m.CUSTOM_ATTR_TEXT_TRIM;
   }
   getTemplate() {
     return `
@@ -23,7 +23,7 @@ class g extends m {
         `;
   }
   onRender() {
-    this._setFormValues(), this._listenToFormUpdates();
+    this.forgetLastPanelNode(), this._listenToFormUpdates();
   }
   onTemplateNodeUpdated(t) {
     super.onTemplateNodeUpdated(t), this._setFormValues();
@@ -39,10 +39,10 @@ class g extends m {
   _getCurrentTrimState() {
     if (!this.currentNode || !("hasClass" in this.currentNode))
       return !1;
-    if (this.currentNode.hasClass(o))
+    if (this.currentNode.hasClass(s))
       return !0;
     const t = this._getTargetElements();
-    return t.length > 0 && "hasClass" in t[0] ? t[0].hasClass(o) : !1;
+    return t.length > 0 && "hasClass" in t[0] ? t[0].hasClass(s) : !1;
   }
   // ========================================================================
   // Target Element Discovery (per-attribute scoping)
@@ -62,8 +62,8 @@ class g extends m {
       return [];
     const e = "asElement" in this.currentNode ? this.currentNode.asElement().getAttribute(a) : null;
     if (e) {
-      const s = `[esd-extension-block-id="${n.CUSTOM_ATTRIBUTE}"][${a}="${e}"]`;
-      return Array.from(t.querySelectorAll(s));
+      const o = `[esd-extension-block-id="${n.CUSTOM_ATTRIBUTE}"][${a}="${e}"]`;
+      return Array.from(t.querySelectorAll(o));
     }
     return Array.from(
       t.querySelectorAll(
@@ -80,8 +80,8 @@ class g extends m {
       return;
     t && c(this.api);
     const r = this.api.getDocumentModifier();
-    e.forEach((s) => {
-      t ? r.modifyHtml(s).setClass(o) : r.modifyHtml(s).removeClass(o);
+    e.forEach((o) => {
+      t ? r.modifyHtml(o).setClass(s) : r.modifyHtml(o).removeClass(s);
     }), r.apply(
       new T(
         t ? "Enable custom attribute text trimming" : "Disable custom attribute text trimming"
@@ -95,5 +95,5 @@ class g extends m {
   }
 }
 export {
-  g as CustomAttributeTextTrimControl
+  C as CustomAttributeTextTrimControl
 };