@useinsider/guido 3.2.0-beta.97c35ff → 3.2.0-beta.9f2df7a

package/dist/extensions/Blocks/Checkbox/control.js

@@ -1,11 +1,11 @@
-var E = Object.defineProperty;
-var d = (i, n, e) => n in i ? E(i, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[n] = e;
-var o = (i, n, e) => d(i, typeof n != "symbol" ? n + "" : n, e);
-import { useHttp as l } from "../../../composables/useHttp.js";
-import { getDefaultUnsubscribeGroup as L, DEFAULT_UNSUBSCRIBE_GROUP_SEND_GRID_ID as h } from "../../../enums/unsubscribe.js";
-import { Control as p, UIElementType as r, UEAttr as t, ModificationDescription as m } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-const b = "ui-elements-checkbox", u = "select", { get: C } = l();
-class I extends p {
+var d = Object.defineProperty;
+var l = (r, n, e) => n in r ? d(r, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[n] = e;
+var o = (r, n, e) => l(r, typeof n != "symbol" ? n + "" : n, e);
+import { useHttp as L } from "../../../composables/useHttp.js";
+import { DEFAULT_UNSUBSCRIBE_GROUP as c } from "../../../enums/unsubscribe.js";
+import { Control as h, UIElementType as i, UEAttr as t, ModificationDescription as p } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+const m = "ui-elements-checkbox", u = "select", { get: C } = L();
+class S extends h {
   constructor() {
     super(...arguments);
     o(this, "currentNode");
@@ -13,13 +13,13 @@ class I extends p {
     o(this, "unsubList", []);
   }
   getId() {
-    return b;
+    return m;
   }
   _setFormValues() {
     if (this.selectedUnsubGroup = "", this.currentNode && "getAttribute" in this.currentNode) {
       const e = this.currentNode.getAttribute("id");
       if (e) {
-        const s = e === h ? e : Number(e);
+        const s = e === c.sendGridId ? e : Number(e);
         s && (this.selectedUnsubGroup = s);
       }
     }
@@ -29,18 +29,18 @@ class I extends p {
   }
   _getLabel(e, s = `${Math.random()}`) {
     return `
-            <${r.LABEL} 
+            <${i.LABEL} 
                 ${t.LABEL.text}="${e}" 
                 ${t.LABEL.name}="${s}">
-            </${r.LABEL}>
+            </${i.LABEL}>
         `;
   }
   _getSelectItem(e, s) {
     return `
-            <${r.SELECT_ITEM} 
+            <${i.SELECT_ITEM} 
                 ${t.SELECT_ITEM.text}="${e}" 
                 ${t.SELECT_ITEM.value}="${s}">
-            </${r.SELECT_ITEM}>`;
+            </${i.SELECT_ITEM}>`;
   }
   _getSelect() {
     return this.unsubList.map((e) => this._getSelectItem(e.name, e.sendGridId)).join("");
@@ -49,22 +49,22 @@ class I extends p {
     return `
             <div class="checkbox-controls-container">
                 <div class="checkbox-select-container container two-columns stretch">
-                    <${r.LABEL}
+                    <${i.LABEL}
                         ${t.LABEL.text}="${this.api.translate("Unsubscribe Group")}"
                         ${t.LABEL.name}="${Math.random()}">
-                    </${r.LABEL}>
+                    </${i.LABEL}>
 
-                    <${r.SELECTPICKER}
+                    <${i.SELECTPICKER}
                         ${t.SELECTPICKER.name}="${u}"
                         ${t.SELECTPICKER.placeholder}="${this.api.translate("Select Unsubscribe Group")}">
                             ${this._getSelect()}
-                    </${r.SELECTPICKER}>
+                    </${i.SELECTPICKER}>
                 </div>
             </div>
         `;
   }
   _onSelectChange(e) {
-    this.currentNode && this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute("id", e.toString()).apply(new m(`Updated text to ${e}`));
+    this.currentNode && this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute("id", e.toString()).apply(new p(`Updated text to ${e}`));
   }
   _listenToFormUpdates() {
     this.api.onValueChanged(u, (e) => this._onSelectChange(e));
@@ -76,18 +76,18 @@ class I extends p {
   async onRender() {
     const e = await C(
       "/unsubscribe-groups/unsubscribe-list"
-    ), s = [L(), ...e.data], c = s.map((a) => ({
+    ), s = [c, ...e.data], E = s.map((a) => ({
       [t.SELECT_ITEM.text]: a.name,
       [t.SELECT_ITEM.value]: a.sendGridId
     }));
     this.unsubList = s, this.api.setUIEAttribute(
       u,
       t.SELECTPICKER.items,
-      c
+      E
     ), this._setFormValues(), this._listenToFormUpdates();
   }
 }
 export {
-  b as CHECKBOX_CONTROL_BLOCK_ID,
-  I as CheckboxControl
+  m as CHECKBOX_CONTROL_BLOCK_ID,
+  S as CheckboxControl
 };

package/dist/extensions/Blocks/Items/controls/price/singlePrice.js

@@ -1,75 +1,75 @@
-import { ModificationDescription as m, UIElementType as _, UEAttr as A } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as h } from "../../../common-control.js";
-import { ItemsBlockControlId as L, ItemsBlockId as R } from "../../enums/controlEnums.js";
-import { productPairs as T } from "../../enums/productEnums.js";
-import { getItemsBlockConfig as I, setItemsBlockConfig as u, escapeReplacement as N } from "../../utils/nodeConfigUtils.js";
-const D = L.PRICE_SINGLE_PRICE, l = {
+import { ModificationDescription as S, UIElementType as d, UEAttr as m } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as A } from "../../../common-control.js";
+import { ItemsBlockControlId as T, ItemsBlockId as p } from "../../enums/controlEnums.js";
+import { productPairs as R } from "../../enums/productEnums.js";
+import { getItemsBlockConfig as I, setItemsBlockConfig as N, escapeReplacement as h } from "../../utils/nodeConfigUtils.js";
+const u = T.PRICE_SINGLE_PRICE, l = {
   SINGLE_PRICE: "singlePrice"
 };
-class y extends h {
+class k extends A {
   getId() {
-    return D;
+    return u;
   }
   getTemplate() {
     return `
-            <div class="container ${L.PRICE_SINGLE_PRICE}">
+            <div class="container ${T.PRICE_SINGLE_PRICE}">
                 ${this._getSinglePrice()}
             </div>
         `;
   }
   onRender() {
     const e = I(this.currentNode);
-    this.api.updateValues({ [l.SINGLE_PRICE]: (e == null ? void 0 : e.priceSinglePrice) ?? !1 }), this.api.onValueChanged(l.SINGLE_PRICE, (t) => {
-      this._onSinglePriceChange(t);
+    this.api.updateValues({ [l.SINGLE_PRICE]: (e == null ? void 0 : e.priceSinglePrice) ?? !1 }), this.api.onValueChanged(l.SINGLE_PRICE, (i) => {
+      this._onSinglePriceChange(i);
     });
   }
   onTemplateNodeUpdated(e) {
     super.onTemplateNodeUpdated(e), this.handleBlockInstanceChange(() => {
-      const t = I(this.currentNode);
-      this.api.updateValues({ [l.SINGLE_PRICE]: (t == null ? void 0 : t.priceSinglePrice) ?? !1 });
+      const i = I(this.currentNode);
+      this.api.updateValues({ [l.SINGLE_PRICE]: (i == null ? void 0 : i.priceSinglePrice) ?? !1 });
     });
   }
   _onSinglePriceChange(e) {
-    if (console.debug("Single price changed to: ", e), u(this.currentNode, this.api, { priceSinglePrice: e }), !this.currentNode)
+    if (console.debug("Single price changed to: ", e), !this.currentNode)
       return;
-    const t = I(this.currentNode), o = (t == null ? void 0 : t.type) ?? "CART_ITEMS", r = (t == null ? void 0 : t.priceFormatted) ?? !1, i = T.PAIRS_FOR_EXTENSION.price[o], c = T.PAIRS_FOR_EXTENSION.originalPrice[o], [P, p] = e ? [
-      r ? i.DEFAULT_PRICE_FORMATTED : i.DEFAULT_PRICE,
-      r ? i.DEFAULT_SINGLE_PRICE_FORMATTED : i.DEFAULT_SINGLE_PRICE
+    const i = I(this.currentNode), c = (i == null ? void 0 : i.type) ?? "CART_ITEMS", r = (i == null ? void 0 : i.priceFormatted) ?? !1, t = R.PAIRS_FOR_EXTENSION.price[c], n = R.PAIRS_FOR_EXTENSION.originalPrice[c], [E, g] = e ? [
+      r ? t.DEFAULT_PRICE_FORMATTED : t.DEFAULT_PRICE,
+      r ? t.DEFAULT_SINGLE_PRICE_FORMATTED : t.DEFAULT_SINGLE_PRICE
     ] : [
-      r ? i.DEFAULT_SINGLE_PRICE_FORMATTED : i.DEFAULT_SINGLE_PRICE,
-      r ? i.DEFAULT_PRICE_FORMATTED : i.DEFAULT_PRICE
-    ], s = r ? c.DEFAULT_PRICE_FORMATTED : c.DEFAULT_PRICE, d = r ? c.DEFAULT_SINGLE_PRICE_FORMATTED : c.DEFAULT_SINGLE_PRICE, [g, C] = e ? [s, d] : [d, s], n = this.currentNode.closest(".items-block"), S = (n == null ? void 0 : n.querySelectorAll(
-      `[esd-extension-block-id="${R.PRICE}"]`
-    )) || [], E = this.api.getDocumentModifier();
-    S.forEach((a) => {
-      this._updatePriceBlock(E, a, P, p, e);
-    }), ((n == null ? void 0 : n.querySelectorAll(
-      `[esd-extension-block-id="${R.ORIGINAL_PRICE}"]`
+      r ? t.DEFAULT_SINGLE_PRICE_FORMATTED : t.DEFAULT_SINGLE_PRICE,
+      r ? t.DEFAULT_PRICE_FORMATTED : t.DEFAULT_PRICE
+    ], P = r ? n.DEFAULT_PRICE_FORMATTED : n.DEFAULT_PRICE, _ = r ? n.DEFAULT_SINGLE_PRICE_FORMATTED : n.DEFAULT_SINGLE_PRICE, [L, C] = e ? [P, _] : [_, P], s = this.api.getDocumentModifier();
+    N(this.currentNode, this.api, { priceSinglePrice: e }, s);
+    const o = this.currentNode.closest(".items-block");
+    ((o == null ? void 0 : o.querySelectorAll(
+      `[esd-extension-block-id="${p.PRICE}"]`
     )) || []).forEach((a) => {
-      this._updatePriceBlock(E, a, g, C, e);
-    }), E.apply(new m(
+      this._updatePriceBlock(s, a, E, g, e);
+    }), ((o == null ? void 0 : o.querySelectorAll(
+      `[esd-extension-block-id="${p.ORIGINAL_PRICE}"]`
+    )) || []).forEach((a) => {
+      this._updatePriceBlock(s, a, L, C, e);
+    }), s.apply(new S(
       `Updated price to ${e ? "single" : "total"} price`
     ));
   }
-  _updatePriceBlock(e, t, o, r, i) {
-    const c = t.getInnerHTML().trim().replace(o, N(r));
-    e.modifyHtml(t).setInnerHtml(c), t.querySelectorAll('[product-attr="price"], [product-attr="originalPrice"]').forEach((s) => {
-      e.modifyHtml(s).setAttribute("data-single_price", i ? "true" : "false");
-    });
+  _updatePriceBlock(e, i, c, r, t) {
+    const n = `data-single_price="${t ? "true" : "false"}"`, E = i.getInnerHTML().trim().replace(c, h(r)).replace(/data-single_price=(?:"[^"]*"|'[^']*')/g, n);
+    e.modifyHtml(i).setInnerHtml(E);
   }
   _getSinglePrice() {
     return `
             <div class="display-flex align-items-center justify-content-between">
-                <${_.LABEL}
-                    ${A.LABEL.text}="${this.api.translate("Show Single Product Price")}"
+                <${d.LABEL}
+                    ${m.LABEL.text}="${this.api.translate("Show Single Product Price")}"
                 >
-                </${_.LABEL}>
+                </${d.LABEL}>
                 ${this._GuToggle(l.SINGLE_PRICE)}
             </div>
         `;
   }
 }
 export {
-  D as CONTROL_BLOCK_ID,
-  y as PriceSinglePriceControl
+  u as CONTROL_BLOCK_ID,
+  k as PriceSinglePriceControl
 };

package/dist/extensions/Blocks/Items/enums/productEnums.js

@@ -1,6 +1,6 @@
 import _ from "../../../../node_modules/lodash-es/flatMap.js";
-import a from "../../../../node_modules/lodash-es/range.js";
-const T = '<td align="center" class="ins-product-td items-block items-block-v2">', E = { PAIRS_FOR_EXTENSION: {
+import E from "../../../../node_modules/lodash-es/range.js";
+const T = '<td align="center" class="ins-product-td items-block items-block-v2">', a = { PAIRS_FOR_EXTENSION: {
   imageSrc: {
     CART_ITEMS: {
       ATTR: "ins_apr_img",
@@ -212,10 +212,10 @@ const T = '<td align="center" class="ins-product-td items-block items-block-v2">
   }
 } };
 function m(e, s = 8) {
-  return a(1, s + 1).map((i) => `${e}_${i}`);
+  return E(1, s + 1).map((i) => `${e}_${i}`);
 }
-function t() {
-  const { PAIRS_FOR_EXTENSION: e } = E, s = [];
+function r() {
+  const { PAIRS_FOR_EXTENSION: e } = a, s = [];
   return s.push(
     e.imageSrc.CART_ITEMS.ATTR,
     e.imageSrc.BROWSED_ITEMS.ATTR,
@@ -234,22 +234,34 @@ function t() {
   ), s.push(
     e.price.CART_ITEMS.PRICE,
     e.price.CART_ITEMS.PRICE_FORMATTED,
+    e.price.CART_ITEMS.SINGLE_PRICE,
+    e.price.CART_ITEMS.SINGLE_PRICE_FORMATTED,
     e.price.CART_ITEMS.CURRENCY,
     e.price.BROWSED_ITEMS.PRICE,
     e.price.BROWSED_ITEMS.PRICE_FORMATTED,
+    e.price.BROWSED_ITEMS.SINGLE_PRICE,
+    e.price.BROWSED_ITEMS.SINGLE_PRICE_FORMATTED,
     e.price.BROWSED_ITEMS.CURRENCY,
     e.price.PURCHASED_ITEMS.PRICE,
     e.price.PURCHASED_ITEMS.PRICE_FORMATTED,
+    e.price.PURCHASED_ITEMS.SINGLE_PRICE,
+    e.price.PURCHASED_ITEMS.SINGLE_PRICE_FORMATTED,
     e.price.PURCHASED_ITEMS.CURRENCY
   ), s.push(
     e.originalPrice.CART_ITEMS.PRICE,
     e.originalPrice.CART_ITEMS.PRICE_FORMATTED,
+    e.originalPrice.CART_ITEMS.SINGLE_PRICE,
+    e.originalPrice.CART_ITEMS.SINGLE_PRICE_FORMATTED,
     e.originalPrice.CART_ITEMS.CURRENCY,
     e.originalPrice.BROWSED_ITEMS.PRICE,
     e.originalPrice.BROWSED_ITEMS.PRICE_FORMATTED,
+    e.originalPrice.BROWSED_ITEMS.SINGLE_PRICE,
+    e.originalPrice.BROWSED_ITEMS.SINGLE_PRICE_FORMATTED,
     e.originalPrice.BROWSED_ITEMS.CURRENCY,
     e.originalPrice.PURCHASED_ITEMS.PRICE,
     e.originalPrice.PURCHASED_ITEMS.PRICE_FORMATTED,
+    e.originalPrice.PURCHASED_ITEMS.SINGLE_PRICE,
+    e.originalPrice.PURCHASED_ITEMS.SINGLE_PRICE_FORMATTED,
     e.originalPrice.PURCHASED_ITEMS.CURRENCY
   ), s.push(
     e.button.CART_ITEMS.HREF,
@@ -262,11 +274,11 @@ function t() {
   ), s;
 }
 const o = _(
-  t(),
+  r(),
   (e) => m(e)
 );
 export {
   o as itemsBlockDynamicVariables,
-  E as productPairs,
+  a as productPairs,
   T as templateFirstLine
 };

package/dist/extensions/Blocks/RadioButton/control.js

@@ -1,11 +1,11 @@
-var E = Object.defineProperty;
-var d = (r, n, t) => n in r ? E(r, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[n] = t;
-var o = (r, n, t) => d(r, typeof n != "symbol" ? n + "" : n, t);
-import { useHttp as l } from "../../../composables/useHttp.js";
-import { getDefaultUnsubscribeGroup as L, DEFAULT_UNSUBSCRIBE_GROUP_SEND_GRID_ID as p } from "../../../enums/unsubscribe.js";
-import { Control as h, UIElementType as i, UEAttr as e, ModificationDescription as m } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-const b = "ui-elements-radio-button", u = "select", { get: $ } = l();
-class I extends h {
+var d = Object.defineProperty;
+var l = (r, n, t) => n in r ? d(r, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[n] = t;
+var o = (r, n, t) => l(r, typeof n != "symbol" ? n + "" : n, t);
+import { useHttp as L } from "../../../composables/useHttp.js";
+import { DEFAULT_UNSUBSCRIBE_GROUP as c } from "../../../enums/unsubscribe.js";
+import { Control as p, UIElementType as i, UEAttr as e, ModificationDescription as h } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+const m = "ui-elements-radio-button", u = "select", { get: $ } = L();
+class S extends p {
   constructor() {
     super(...arguments);
     o(this, "currentNode");
@@ -13,13 +13,13 @@ class I extends h {
     o(this, "unsubList", []);
   }
   getId() {
-    return b;
+    return m;
   }
   _setFormValues() {
     if (this.selectedUnsubGroup = "", this.currentNode && "getAttribute" in this.currentNode) {
       const t = this.currentNode.getAttribute("id");
       if (t) {
-        const s = t === p ? t : Number(t);
+        const s = t === c.sendGridId ? t : Number(t);
         s && (this.selectedUnsubGroup = s);
       }
     }
@@ -64,7 +64,7 @@ class I extends h {
         `;
   }
   _onSelectChange(t) {
-    this.currentNode && this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute("id", t.toString()).apply(new m(`Updated text to ${t}`));
+    this.currentNode && this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute("id", t.toString()).apply(new h(`Updated text to ${t}`));
   }
   _listenToFormUpdates() {
     this.api.onValueChanged(u, (t) => this._onSelectChange(t));
@@ -76,18 +76,18 @@ class I extends h {
   async onRender() {
     const t = await $(
       "/unsubscribe-groups/unsubscribe-list"
-    ), s = [L(), ...t.data], c = s.map((a) => ({
+    ), s = [c, ...t.data], E = s.map((a) => ({
       [e.SELECT_ITEM.text]: a.name,
       [e.SELECT_ITEM.value]: a.sendGridId
     }));
     this.unsubList = s, this.api.setUIEAttribute(
       u,
       e.SELECTPICKER.items,
-      c
+      E
     ), this._setFormValues(), this._listenToFormUpdates();
   }
 }
 export {
-  b as CONTROL_BLOCK_ID,
-  I as RadioButtonControl
+  m as CONTROL_BLOCK_ID,
+  S as RadioButtonControl
 };

package/dist/extensions/Blocks/Recommendation/constants/controlIds.js

@@ -1,4 +1,4 @@
-var o = /* @__PURE__ */ ((c) => (c.BUTTON_ALIGN = "recommendation-block-button-align-control", c.BUTTON_BORDER = "recommendation-block-button-border-control", c.BUTTON_BORDER_RADIUS = "recommendation-block-button-border-radius-control", c.BUTTON_COLOR = "recommendation-block-button-color-control", c.BUTTON_FIT_TO_CONTENT = "recommendation-block-button-fit-to-content-control", c.BUTTON_FONT_FAMILY = "recommendation-block-button-font-family-control", c.BUTTON_MARGINS = "recommendation-block-button-margins-control", c.BUTTON_PADDINGS = "recommendation-block-button-paddings-control", c.BUTTON_TEXT = "recommendation-block-button-text-control", c.BUTTON_TEXT_SIZE = "recommendation-block-button-text-size-control", c.BUTTON_TEXT_STYLE_AND_FONT_COLOR = "recommendation-block-button-text-style-and-font-color-control", c.NAME_ALIGN = "recommendation-block-name-align-control", c.NAME_BACKGROUND = "recommendation-block-name-background-control", c.NAME_COLOR = "recommendation-block-name-color-control", c.NAME_FONT_FAMILY = "recommendation-block-name-font-family-control", c.NAME_PADDINGS = "recommendation-block-name-paddings-control", c.NAME_SIZE = "recommendation-block-name-size-control", c.NAME_STYLE = "recommendation-block-name-style-control", c.NAME_TEXT_TRIM = "recommendation-block-name-text-trim-control", c.PRICE_ALIGN = "recommendation-block-price-align-control", c.PRICE_BACKGROUND = "recommendation-block-price-background-control", c.PRICE_COLOR = "recommendation-block-price-color-control", c.PRICE_FONT_FAMILY = "recommendation-block-price-font-family-control", c.PRICE_PADDINGS = "recommendation-block-price-paddings-control", c.PRICE_SIZE = "recommendation-block-price-size-control", c.PRICE_STYLE = "recommendation-block-price-style-control", c.OLD_PRICE_ALIGN = "recommendation-block-old-price-align-control", c.OLD_PRICE_BACKGROUND = "recommendation-block-old-price-background-control", c.OLD_PRICE_COLOR = "recommendation-block-old-price-color-control", c.OLD_PRICE_FONT_FAMILY = "recommendation-block-old-price-font-family-control", c.OLD_PRICE_PADDINGS = "recommendation-block-old-price-paddings-control", c.OLD_PRICE_SIZE = "recommendation-block-old-price-size-control", c.OLD_PRICE_STYLE = "recommendation-block-old-price-style-control", c.OMNIBUS_PRICE_ALIGN = "recommendation-block-omnibus-price-align-control", c.OMNIBUS_PRICE_BACKGROUND = "recommendation-block-omnibus-price-background-control", c.OMNIBUS_PRICE_COLOR = "recommendation-block-omnibus-price-color-control", c.OMNIBUS_PRICE_FONT_FAMILY = "recommendation-block-omnibus-price-font-family-control", c.OMNIBUS_PRICE_PADDINGS = "recommendation-block-omnibus-price-paddings-control", c.OMNIBUS_PRICE_SIZE = "recommendation-block-omnibus-price-size-control", c.OMNIBUS_PRICE_STYLE = "recommendation-block-omnibus-price-style-control", c.OMNIBUS_PRICE_TEXT_BEFORE = "recommendation-block-omnibus-price-text-before-control", c.OMNIBUS_PRICE_TEXT_AFTER = "recommendation-block-omnibus-price-text-after-control", c.OMNIBUS_DISCOUNT_ALIGN = "recommendation-block-omnibus-discount-align-control", c.OMNIBUS_DISCOUNT_BACKGROUND = "recommendation-block-omnibus-discount-background-control", c.OMNIBUS_DISCOUNT_COLOR = "recommendation-block-omnibus-discount-color-control", c.OMNIBUS_DISCOUNT_FONT_FAMILY = "recommendation-block-omnibus-discount-font-family-control", c.OMNIBUS_DISCOUNT_PADDINGS = "recommendation-block-omnibus-discount-paddings-control", c.OMNIBUS_DISCOUNT_SIZE = "recommendation-block-omnibus-discount-size-control", c.OMNIBUS_DISCOUNT_STYLE = "recommendation-block-omnibus-discount-style-control", c.OMNIBUS_DISCOUNT_TEXT_BEFORE = "recommendation-block-omnibus-discount-text-before-control", c.OMNIBUS_DISCOUNT_TEXT_AFTER = "recommendation-block-omnibus-discount-text-after-control", c.IMAGE_SIZE = "recommendation-block-image-size-control", c.IMAGE_MARGINS = "recommendation-block-image-margins-control", c.CUSTOM_ATTR_ALIGN = "recommendation-block-custom-attr-align-control", c.CUSTOM_ATTR_BACKGROUND = "recommendation-block-custom-attr-background-control", c.CUSTOM_ATTR_COLOR = "recommendation-block-custom-attr-color-control", c.CUSTOM_ATTR_FONT_FAMILY = "recommendation-block-custom-attr-font-family-control", c.CUSTOM_ATTR_PADDINGS = "recommendation-block-custom-attr-paddings-control", c.CUSTOM_ATTR_SIZE = "recommendation-block-custom-attr-size-control", c.CUSTOM_ATTR_STYLE = "recommendation-block-custom-attr-style-control", c.SYNC_INFO_MESSAGE = "recommendation-block-sync-info-message", c))(o || {});
+var o = /* @__PURE__ */ ((c) => (c.BUTTON_ALIGN = "recommendation-block-button-align-control", c.BUTTON_BORDER = "recommendation-block-button-border-control", c.BUTTON_BORDER_RADIUS = "recommendation-block-button-border-radius-control", c.BUTTON_COLOR = "recommendation-block-button-color-control", c.BUTTON_FIT_TO_CONTENT = "recommendation-block-button-fit-to-content-control", c.BUTTON_FONT_FAMILY = "recommendation-block-button-font-family-control", c.BUTTON_MARGINS = "recommendation-block-button-margins-control", c.BUTTON_PADDINGS = "recommendation-block-button-paddings-control", c.BUTTON_TEXT = "recommendation-block-button-text-control", c.BUTTON_TEXT_SIZE = "recommendation-block-button-text-size-control", c.BUTTON_TEXT_STYLE_AND_FONT_COLOR = "recommendation-block-button-text-style-and-font-color-control", c.NAME_ALIGN = "recommendation-block-name-align-control", c.NAME_BACKGROUND = "recommendation-block-name-background-control", c.NAME_COLOR = "recommendation-block-name-color-control", c.NAME_FONT_FAMILY = "recommendation-block-name-font-family-control", c.NAME_PADDINGS = "recommendation-block-name-paddings-control", c.NAME_SIZE = "recommendation-block-name-size-control", c.NAME_STYLE = "recommendation-block-name-style-control", c.NAME_TEXT_TRIM = "recommendation-block-name-text-trim-control", c.PRICE_ALIGN = "recommendation-block-price-align-control", c.PRICE_BACKGROUND = "recommendation-block-price-background-control", c.PRICE_COLOR = "recommendation-block-price-color-control", c.PRICE_FONT_FAMILY = "recommendation-block-price-font-family-control", c.PRICE_PADDINGS = "recommendation-block-price-paddings-control", c.PRICE_SIZE = "recommendation-block-price-size-control", c.PRICE_STYLE = "recommendation-block-price-style-control", c.OLD_PRICE_ALIGN = "recommendation-block-old-price-align-control", c.OLD_PRICE_BACKGROUND = "recommendation-block-old-price-background-control", c.OLD_PRICE_COLOR = "recommendation-block-old-price-color-control", c.OLD_PRICE_FONT_FAMILY = "recommendation-block-old-price-font-family-control", c.OLD_PRICE_PADDINGS = "recommendation-block-old-price-paddings-control", c.OLD_PRICE_SIZE = "recommendation-block-old-price-size-control", c.OLD_PRICE_STYLE = "recommendation-block-old-price-style-control", c.OMNIBUS_PRICE_ALIGN = "recommendation-block-omnibus-price-align-control", c.OMNIBUS_PRICE_BACKGROUND = "recommendation-block-omnibus-price-background-control", c.OMNIBUS_PRICE_COLOR = "recommendation-block-omnibus-price-color-control", c.OMNIBUS_PRICE_FONT_FAMILY = "recommendation-block-omnibus-price-font-family-control", c.OMNIBUS_PRICE_PADDINGS = "recommendation-block-omnibus-price-paddings-control", c.OMNIBUS_PRICE_SIZE = "recommendation-block-omnibus-price-size-control", c.OMNIBUS_PRICE_STYLE = "recommendation-block-omnibus-price-style-control", c.OMNIBUS_PRICE_TEXT_BEFORE = "recommendation-block-omnibus-price-text-before-control", c.OMNIBUS_PRICE_TEXT_AFTER = "recommendation-block-omnibus-price-text-after-control", c.OMNIBUS_DISCOUNT_ALIGN = "recommendation-block-omnibus-discount-align-control", c.OMNIBUS_DISCOUNT_BACKGROUND = "recommendation-block-omnibus-discount-background-control", c.OMNIBUS_DISCOUNT_COLOR = "recommendation-block-omnibus-discount-color-control", c.OMNIBUS_DISCOUNT_FONT_FAMILY = "recommendation-block-omnibus-discount-font-family-control", c.OMNIBUS_DISCOUNT_PADDINGS = "recommendation-block-omnibus-discount-paddings-control", c.OMNIBUS_DISCOUNT_SIZE = "recommendation-block-omnibus-discount-size-control", c.OMNIBUS_DISCOUNT_STYLE = "recommendation-block-omnibus-discount-style-control", c.OMNIBUS_DISCOUNT_TEXT_BEFORE = "recommendation-block-omnibus-discount-text-before-control", c.OMNIBUS_DISCOUNT_TEXT_AFTER = "recommendation-block-omnibus-discount-text-after-control", c.IMAGE_SIZE = "recommendation-block-image-size-control", c.IMAGE_MARGINS = "recommendation-block-image-margins-control", c.CUSTOM_ATTR_ALIGN = "recommendation-block-custom-attr-align-control", c.CUSTOM_ATTR_BACKGROUND = "recommendation-block-custom-attr-background-control", c.CUSTOM_ATTR_COLOR = "recommendation-block-custom-attr-color-control", c.CUSTOM_ATTR_FONT_FAMILY = "recommendation-block-custom-attr-font-family-control", c.CUSTOM_ATTR_PADDINGS = "recommendation-block-custom-attr-paddings-control", c.CUSTOM_ATTR_SIZE = "recommendation-block-custom-attr-size-control", c.CUSTOM_ATTR_STYLE = "recommendation-block-custom-attr-style-control", c.CUSTOM_ATTR_TEXT_TRIM = "recommendation-block-custom-attr-text-trim-control", c.SYNC_INFO_MESSAGE = "recommendation-block-sync-info-message", c))(o || {});
 export {
   o as RecommendationControlId
 };

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

@@ -1,21 +1,22 @@
-import { TextPaddingsBuiltInControl as d, ButtonBackgroundColorBuiltInControl as c, TextFontFamilyBuiltInControl as u, TextStyleBuiltInControl as i, TextSizeBuiltInControl as C, TextColorBuiltInControl as g, TextAlignBuiltInControl as a } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { TextPaddingsBuiltInControl as d, ButtonBackgroundColorBuiltInControl as i, TextFontFamilyBuiltInControl as u, TextStyleBuiltInControl as c, TextSizeBuiltInControl as C, TextColorBuiltInControl as g, TextAlignBuiltInControl as a } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { RecommendationBlockId as l } from "../../constants/blockIds.js";
 import { RecommendationControlId as e } from "../../constants/controlIds.js";
-import { BLOCK_ROOT_SELECTOR as I, ATTR_PRODUCT_ATTR as s } from "../../constants/selectors.js";
+import { BLOCK_ROOT_SELECTOR as A, ATTR_PRODUCT_ATTR as s } from "../../constants/selectors.js";
+import { CustomAttributeTextTrimControl as I } from "./textTrim.js";
 function o(t) {
-  const n = t.closest(I);
-  if (!n)
+  const r = t.closest(A);
+  if (!r)
     return [];
-  const r = t.asElement().getAttribute(s);
-  if (r) {
-    const T = `[esd-extension-block-id="${l.CUSTOM_ATTRIBUTE}"][${s}="${r}"]`;
-    return n.querySelectorAll(T);
+  const n = t.asElement().getAttribute(s);
+  if (n) {
+    const T = `[esd-extension-block-id="${l.CUSTOM_ATTRIBUTE}"][${s}="${n}"]`;
+    return r.querySelectorAll(T);
   }
-  return n.querySelectorAll(
+  return r.querySelectorAll(
     `[esd-extension-block-id="${l.CUSTOM_ATTRIBUTE}"]`
   );
 }
-const A = class extends a {
+const m = class extends a {
   getId() {
     return e.CUSTOM_ATTR_ALIGN;
   }
@@ -36,7 +37,7 @@ const A = class extends a {
   getTargetNodes(t) {
     return o(t);
   }
-}, m = class extends i {
+}, x = class extends c {
   getId() {
     return e.CUSTOM_ATTR_STYLE;
   }
@@ -50,29 +51,31 @@ const A = class extends a {
   getTargetNodes(t) {
     return o(t);
   }
-}, R = class extends c {
+}, R = class extends i {
   getId() {
     return e.CUSTOM_ATTR_BACKGROUND;
   }
   getTargetNodes(t) {
     return o(t);
   }
-}, x = class extends d {
+}, B = class extends d {
   getId() {
     return e.CUSTOM_ATTR_PADDINGS;
   }
   getTargetNodes(t) {
     return o(t);
   }
-}, k = {
-  align: A,
+}, p = {
+  align: m,
   color: _,
   size: S,
-  style: m,
+  style: x,
   fontFamily: O,
   background: R,
-  paddings: x
+  paddings: B,
+  textTrim: I
 };
 export {
-  k as CustomAttributeControls
+  p as CustomAttributeControls,
+  I as CustomAttributeTextTrimControl
 };

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

@@ -0,0 +1,99 @@
+import { ModificationDescription as T } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as m } from "../../../common-control.js";
+import { RecommendationBlockId as n } from "../../constants/blockIds.js";
+import { RecommendationControlId as l } 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";
+const i = {
+  TEXT_TRIM_ENABLED: "customAttrTextTrimEnabled"
+};
+class g extends m {
+  getId() {
+    return l.CUSTOM_ATTR_TEXT_TRIM;
+  }
+  getTemplate() {
+    return `
+            <hr style="margin: 0; border: none; border-top: 1px solid #e0e0e0;" />
+            <div class="custom-attr-text-trim-control-container">
+                ${this._GuTwoColumns([
+      this._GuLabel({ text: this.api.translate("Trim Long Text") }),
+      this._GuToggle(i.TEXT_TRIM_ENABLED)
+    ])}
+            </div>
+        `;
+  }
+  onRender() {
+    this._setFormValues(), this._listenToFormUpdates();
+  }
+  onTemplateNodeUpdated(t) {
+    super.onTemplateNodeUpdated(t), this._setFormValues();
+  }
+  // ========================================================================
+  // State Reading
+  // ========================================================================
+  _setFormValues() {
+    this.api.updateValues({
+      [i.TEXT_TRIM_ENABLED]: this._getCurrentTrimState()
+    });
+  }
+  _getCurrentTrimState() {
+    if (!this.currentNode || !("hasClass" in this.currentNode))
+      return !1;
+    if (this.currentNode.hasClass(o))
+      return !0;
+    const t = this._getTargetElements();
+    return t.length > 0 && "hasClass" in t[0] ? t[0].hasClass(o) : !1;
+  }
+  // ========================================================================
+  // Target Element Discovery (per-attribute scoping)
+  // ========================================================================
+  /**
+   * Finds all custom attribute elements of the same type as the current node.
+   *
+   * Similar to getCustomAttrTargetNodes in customAttribute/index.ts, but adapted
+   * for CommonControl lifecycle where currentNode is a class property (not a
+   * parameter from Stripo's getTargetNodes override).
+   */
+  _getTargetElements() {
+    if (!this.currentNode || !("closest" in this.currentNode))
+      return [];
+    const t = this.currentNode.closest(u);
+    if (!t)
+      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));
+    }
+    return Array.from(
+      t.querySelectorAll(
+        `[esd-extension-block-id="${n.CUSTOM_ATTRIBUTE}"]`
+      )
+    );
+  }
+  // ========================================================================
+  // Toggle Handler
+  // ========================================================================
+  _onTextTrimChange(t) {
+    const e = this._getTargetElements();
+    if (!e.length)
+      return;
+    t && c(this.api);
+    const r = this.api.getDocumentModifier();
+    e.forEach((s) => {
+      t ? r.modifyHtml(s).setClass(o) : r.modifyHtml(s).removeClass(o);
+    }), r.apply(
+      new T(
+        t ? "Enable custom attribute text trimming" : "Disable custom attribute text trimming"
+      )
+    );
+  }
+  _listenToFormUpdates() {
+    this.api.onValueChanged(i.TEXT_TRIM_ENABLED, (t) => {
+      this._onTextTrimChange(t);
+    });
+  }
+}
+export {
+  g as CustomAttributeTextTrimControl
+};

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

@@ -1,7 +1,7 @@
-var c = Object.defineProperty;
-var h = (s, i, t) => i in s ? c(s, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[i] = t;
-var a = (s, i, t) => h(s, typeof i != "symbol" ? i + "" : i, t);
-import { UEAttr as l } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+var l = Object.defineProperty;
+var c = (s, i, t) => i in s ? l(s, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[i] = t;
+var a = (s, i, t) => c(s, typeof i != "symbol" ? i + "" : i, t);
+import { UEAttr as h } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { CommonControl as d } from "../../../common-control.js";
 import { RecommendationConfigService as n } from "../../services/configService.js";
 import { useRecommendationExtensionStore as m } from "../../store/recommendation.js";
@@ -42,7 +42,7 @@ class T extends d {
     this._initializeSelectItems(), this._setFormValues(), this._listenToFormUpdates();
   }
   onTemplateNodeUpdated(t) {
-    super.onTemplateNodeUpdated(t), this._setFormValues();
+    super.onTemplateNodeUpdated(t), this._initializeSelectItems(), this._setFormValues();
   }
   _setFormValues() {
     const t = n.getConfig(this.currentNode);
@@ -58,7 +58,7 @@ class T extends d {
       try {
         this.api.setUIEAttribute(
           e.ALGORITHM,
-          l.SELECTPICKER.items,
+          h.SELECTPICKER.items,
           t
         );
       } catch (r) {

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

@@ -114,7 +114,9 @@ class H extends g {
     var r;
     super.onTemplateNodeUpdated(t);
     const e = this._getRecommendationIdFromNode(t);
-    e !== null && e !== this.store.currentRecommendationId && this.store.setCurrentBlock(e), this._syncNodeConfigToStore(), e !== null && !((r = this.store.blockStates[e]) != null && r.isInitialized) && this._fetchBlockData(e), [
+    e !== null && e !== this.store.currentRecommendationId && this.store.setCurrentBlock(e), e !== null && this._syncNodeConfigToStore(), e !== null && !((r = this.store.blockStates[e]) != null && r.isInitialized) && this._fetchBlockData(e).then(() => {
+      this._initializeSubControls();
+    }), [
       this.layoutOrientationControl,
       this.productCountControl,
       this.algorithmControl,