@useinsider/guido 2.0.0-beta.0ebba08 → 2.0.0-beta.1097ff4

package/dist/composables/useActionsApi.js

@@ -1,7 +1,7 @@
 import { useToaster as w } from "./useToaster.js";
-const S = () => {
-  const { handleError: l } = w(), s = (t = {}) => new Promise((e, i) => {
-    const n = { ...{
+const v = () => {
+  const { handleError: l } = w(), r = (t = {}) => new Promise((e, a) => {
+    const o = { ...{
       minimize: !0,
       utmEntity: {
         utmSource: "",
@@ -20,29 +20,29 @@ const S = () => {
       forceAmp: !1,
       resetDataSavedFlag: !1,
       disableLineHeightsReplace: !0
-    }, ...t }, m = {
-      callback: (o, p, d, c, u) => {
-        o ? i(o) : e({
+    }, ...t }, s = {
+      callback: (n, p, d, c, u) => {
+        n ? a(n) : e({
           html: p,
           ampHtml: d,
           ampErrors: c,
           displayConditions: u
         });
       },
-      ...n
+      ...o
     };
-    window.StripoEditorApi.actionsApi.compileEmail(m);
+    window.StripoEditorApi.actionsApi.compileEmail(s);
   });
   return {
-    getCompiledEmail: s,
+    getCompiledEmail: r,
     getTemplateData: () => new Promise((t) => {
-      const e = ({ html: i, css: a, width: n, height: r, utmParams: m, syncModulesIds: o }) => t({
-        html: i,
-        css: a,
-        width: n,
-        height: r,
-        utmParams: m,
-        syncModulesIds: o
+      const e = ({ html: a, css: i, width: o, height: m, utmParams: s, syncModulesIds: n }) => t({
+        html: a,
+        css: i,
+        width: o,
+        height: m,
+        utmParams: s,
+        syncModulesIds: n
       });
       window.StripoEditorApi.actionsApi.getTemplateData(e);
     }),
@@ -53,15 +53,15 @@ const S = () => {
       try {
         const {
           html: e,
-          displayConditions: i,
-          ampHtml: a = "",
-          ampErrors: n = []
-        } = await s({ minimize: !1, resetDataSavedFlag: !1, ...t });
+          displayConditions: a,
+          ampHtml: i = "",
+          ampErrors: o = []
+        } = await r({ minimize: !1, resetDataSavedFlag: !1, ...t });
         return {
           html: e,
-          ampHtml: a,
-          ampErrors: n,
-          displayConditions: i
+          ampHtml: i,
+          ampErrors: o,
+          displayConditions: a
         };
       } catch (e) {
         return l(e, "Error loading preview"), {
@@ -73,24 +73,27 @@ const S = () => {
       }
     },
     updateTimerInClonedTemplate: () => new Promise((t) => {
-      var e, i;
-      if (typeof ((i = (e = window.StripoEditorApi) == null ? void 0 : e.actionsApi) == null ? void 0 : i.updateTimerInClonedTemplate) != "function") {
+      var e, a;
+      if (typeof ((a = (e = window.StripoEditorApi) == null ? void 0 : e.actionsApi) == null ? void 0 : a.updateTimerInClonedTemplate) != "function") {
         t(null);
         return;
       }
       try {
-        window.StripoEditorApi.actionsApi.updateTimerInClonedTemplate((a, n) => {
-          a ? (l(a, "Failed to update timer in cloned template"), t(null)) : t(n || null);
+        window.StripoEditorApi.actionsApi.updateTimerInClonedTemplate((i, o) => {
+          i ? (l(i, "Failed to update timer in cloned template"), t(null)) : t(o || null);
         });
-      } catch (a) {
-        l(a, "Failed to call updateTimerInClonedTemplate"), t(null);
+      } catch (i) {
+        l(i, "Failed to call updateTimerInClonedTemplate"), t(null);
       }
     }),
     updateHtmlAndCss: (t, e) => {
       window.StripoEditorApi.actionsApi.updateHtmlAndCss(t, e);
+    },
+    editorSave: () => {
+      window.StripoEditorApi.actionsApi.save();
     }
   };
 };
 export {
-  S as useActionsApi
+  v as useActionsApi
 };

package/dist/extensions/Blocks/Items/controls/cardComposition.js

@@ -145,10 +145,19 @@ class g extends R {
     T && this.api.getDocumentModifier().modifyHtml(o).setAttribute(C[T], e ? "1" : "0").apply(new l(`Updated ${t} visibility attribute`));
   }
   _listenToFormUpdates() {
-    this.api.onValueChanged(i.PRODUCT_IMAGE, (t) => this._onProductImageChange(t)), this.api.onValueChanged(i.PRODUCT_NAME, (t) => this._onProductNameChange(t)), this.api.onValueChanged(i.PRODUCT_QUANTITY, (t) => this._onProductQuantityChange(t)), this.api.onValueChanged(i.PRODUCT_PRICE, (t) => this._onProductPriceChange(t)), this.api.onValueChanged(
-      i.PRODUCT_ORIGINAL_PRICE,
-      (t) => this._onProductOriginalPriceChange(t)
-    ), this.api.onValueChanged(i.PRODUCT_BUTTON, (t) => this._onProductButtonChange(t));
+    this.api.onValueChanged(i.PRODUCT_IMAGE, (t) => {
+      this._onProductImageChange(t);
+    }), this.api.onValueChanged(i.PRODUCT_NAME, (t) => {
+      this._onProductNameChange(t);
+    }), this.api.onValueChanged(i.PRODUCT_QUANTITY, (t) => {
+      this._onProductQuantityChange(t);
+    }), this.api.onValueChanged(i.PRODUCT_PRICE, (t) => {
+      this._onProductPriceChange(t);
+    }), this.api.onValueChanged(i.PRODUCT_ORIGINAL_PRICE, (t) => {
+      this._onProductOriginalPriceChange(t);
+    }), this.api.onValueChanged(i.PRODUCT_BUTTON, (t) => {
+      this._onProductButtonChange(t);
+    });
   }
   _onProductImageChange(t) {
     var o;

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

@@ -1,103 +1,187 @@
-var m = Object.defineProperty;
-var y = (n, o, i) => o in n ? m(n, o, { enumerable: !0, configurable: !0, writable: !0, value: i }) : n[o] = i;
-var a = (n, o, i) => y(n, typeof o != "symbol" ? o + "" : o, i);
-import { ModificationDescription as u } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as b } from "../common-control.js";
-const h = "ui-elements-recommendation-card-composition", s = [
-  { key: "productImage", label: "Product Image", visible: !0 },
-  { key: "productName", label: "Product Name", visible: !0 },
-  { key: "productPrice", label: "Product Price", visible: !0 },
-  { key: "productOriginalPrice", label: "Product Original Price", visible: !0 },
-  { key: "productButton", label: "Product Button", visible: !0 }
+import { ModificationDescription as n } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as _ } from "../common-control.js";
+import { ATTR_PRODUCT_IMAGE as m, ATTR_PRODUCT_NAME as y, ATTR_PRODUCT_PRICE as T, ATTR_PRODUCT_OLD_PRICE as h, ATTR_PRODUCT_OMNIBUS_PRICE as C, ATTR_PRODUCT_OMNIBUS_DISCOUNT as f, ATTR_PRODUCT_BUTTON as g } from "./constants.js";
+const R = "ui-elements-recommendation-card-composition", l = ".recommendation-attribute-row", A = "tr.recommendation-product-row", c = "data-card-composition", a = "data-attribute-type", d = "data-visibility", s = [
+  { key: m, label: "Product Image", visible: !0 },
+  { key: y, label: "Product Name", visible: !0 },
+  { key: T, label: "Product Price", visible: !0 },
+  { key: h, label: "Product Original Price", visible: !0 },
+  { key: C, label: "Omnibus Price", visible: !1 },
+  { key: f, label: "Omnibus Discount", visible: !1 },
+  { key: g, label: "Product Button", visible: !0 }
 ];
-class g extends b {
-  constructor() {
-    super(...arguments);
-    a(this, "currentComposition", []);
-    a(this, "currentVisibility", {});
-  }
+class N extends _ {
   getId() {
-    return h;
+    return R;
   }
   getTemplate() {
-    const i = s.map((e) => ({
-      key: e.key,
-      label: e.label,
-      content: `
-                <div style="display: flex; align-items: center; justify-content: space-between;
-                    padding: 8px; gap: 8px;">
-                    <span style="flex: 1;">${e.label}</span>
-                    ${this._GuToggle(`visibility_${e.key}`)}
-                </div>
-            `
+    const t = s.map((i) => ({
+      key: i.key,
+      label: i.label,
+      content: this._createItemContent(i.label, i.key)
     }));
     return `
             <div class="container">
                 ${this._GuLabel({ text: "Card Element Order & Visibility" })}
-                ${this._GuOrderable("cardComposition", i)}
+                ${this._GuOrderable("cardComposition", t)}
             </div>
         `;
   }
   onRender() {
-    this._initializeComposition(), this.api.onValueChanged("cardComposition", (i) => {
-      this.currentComposition = i, this._applyCompositionToBlock(i);
-    }), s.forEach((i) => {
-      this.api.onValueChanged(`visibility_${i.key}`, (e) => {
-        this.currentVisibility[i.key] = e, this._applyVisibilityToBlock();
+    this._initializeComposition(), this._registerValueChangeListeners();
+  }
+  onTemplateNodeUpdated(t) {
+    super.onTemplateNodeUpdated(t), this._initializeComposition();
+  }
+  /**
+   * Creates the HTML content for an orderable item with label and toggle
+   */
+  _createItemContent(t, i) {
+    return `
+            <div style="display: flex; align-items: center; justify-content: space-between;
+                padding: 8px; gap: 8px;">
+                <span style="flex: 1;">${t}</span>
+                ${this._GuToggle(`visibility_${i}`)}
+            </div>
+        `;
+  }
+  /**
+   * Registers event listeners for composition and visibility changes
+   */
+  _registerValueChangeListeners() {
+    this.api.onValueChanged("cardComposition", (t) => {
+      this._applyCompositionToBlock(t);
+    }), s.forEach((t) => {
+      this.api.onValueChanged(`visibility_${t.key}`, (i) => {
+        this._applyVisibilityToBlock(t.key, i);
       });
     });
   }
-  onTemplateNodeUpdated(i) {
-    super.onTemplateNodeUpdated(i), this._initializeComposition();
-  }
   /**
-   * Initialize the composition order and visibility from the block or use defaults
+   * Initializes composition order and visibility state from the current node
    */
   _initializeComposition() {
-    var p;
-    const i = (p = this.currentNode) == null ? void 0 : p.querySelector(".ins-recommendation-v3-block-v2");
-    let e = null, l = null;
-    if (i && "getAttribute" in i && (e = i.getAttribute("data-card-composition"), l = i.getAttribute("data-card-visibility")), e) {
-      const t = e.split(",").filter(Boolean), r = s.map((c) => c.key);
-      t.every((c) => r.includes(c)) && t.length > 0 ? this.currentComposition = t : this.currentComposition = r;
-    } else
-      this.currentComposition = s.map((t) => t.key);
-    if (l)
-      try {
-        const t = JSON.parse(l);
-        this.currentVisibility = t;
-      } catch {
-        this.currentVisibility = s.reduce((t, r) => (t[r.key] = r.visible, t), {});
-      }
-    else
-      this.currentVisibility = s.reduce((t, r) => (t[r.key] = r.visible, t), {});
-    const d = {
-      cardComposition: this.currentComposition
+    const t = this._readCompositionFromNode(), i = this._readVisibilityFromRows(), e = {
+      cardComposition: t,
+      ...this._buildVisibilityValues(i)
     };
-    s.forEach((t) => {
-      d[`visibility_${t.key}`] = this.currentVisibility[t.key] ?? !0;
-    }), this.api.updateValues(d);
+    this.api.updateValues(e);
+  }
+  /**
+   * Reads composition order from node's data-card-composition attribute
+   * Falls back to default order if attribute is not present
+   */
+  _readCompositionFromNode() {
+    if (!this.currentNode || !("getAttribute" in this.currentNode))
+      return s.map((i) => i.key);
+    const t = this.currentNode.getAttribute(c);
+    return t ? t.split(",").filter(Boolean) : s.map((i) => i.key);
+  }
+  /**
+   * Builds visibility values object from the visibility map
+   */
+  _buildVisibilityValues(t) {
+    return s.reduce((i, e) => (i[`visibility_${e.key}`] = t[e.key] ?? !0, i), {});
+  }
+  /**
+   * Read visibility state from individual row elements' data-visibility attributes
+   * This ensures toggles reflect the actual DOM state
+   */
+  _readVisibilityFromRows() {
+    if (!this.currentNode)
+      return this._getDefaultVisibilities();
+    const t = Array.from(this.currentNode.querySelectorAll(l));
+    console.debug("_readVisibilityFromRows - found attribute rows:", t.length);
+    const i = this._extractVisibilityFromRows(t);
+    return this._mergeWithDefaults(i);
+  }
+  /**
+   * Returns default visibility values for all items
+   */
+  _getDefaultVisibilities() {
+    return s.reduce((t, i) => (t[i.key] = i.visible, t), {});
+  }
+  /**
+   * Extracts visibility values from DOM nodes
+   */
+  _extractVisibilityFromRows(t) {
+    const i = {};
+    return t.forEach((e) => {
+      if (!("getAttribute" in e))
+        return;
+      const o = e.getAttribute(a), r = e.getAttribute(d);
+      o && r !== null && (i[o] = this._parseVisibilityValue(r), console.debug(
+        `_readVisibilityFromRows - ${o}: ${i[o]} (raw: ${r})`
+      ));
+    }), i;
+  }
+  /**
+   * Parses visibility value from string to boolean
+   * Accepts "1", "true" as true, everything else as false
+   */
+  _parseVisibilityValue(t) {
+    return t === "1" || t === "true";
+  }
+  /**
+   * Merges extracted visibilities with default values for missing keys
+   */
+  _mergeWithDefaults(t) {
+    return s.forEach((i) => {
+      i.key in t || (t[i.key] = i.visible, console.debug(`_readVisibilityFromRows - ${i.key}: using default ${i.visible}`));
+    }), t;
   }
   /**
    * Apply the reordered composition to the block's HTML structure
+   * Updates the data-card-composition attribute and reorders product attributes
+   */
+  _applyCompositionToBlock(t) {
+    if (console.debug("_applyCompositionToBlock - composition:", t), !this.currentNode) {
+      console.debug("_applyCompositionToBlock - no current node");
+      return;
+    }
+    this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute(c, t.join(",")).apply(new n("Update card composition")), this._reorderProductAttributes(t);
+  }
+  /**
+   * Reorders attribute rows within each product row based on composition order
    */
-  _applyCompositionToBlock(i) {
+  _reorderProductAttributes(t) {
     if (!this.currentNode)
       return;
-    const e = this.currentNode.querySelector(".ins-recommendation-v3-block-v2");
-    e && this.api.getDocumentModifier().modifyHtml(e).setAttribute("data-card-composition", i.join(",")).apply(new u("Stored card composition order"));
+    const i = this.currentNode.querySelectorAll(A);
+    if (!(i != null && i.length))
+      return;
+    const e = this.api.getDocumentModifier();
+    i.forEach((o) => {
+      const r = this._buildCompositionHtml(o, t);
+      e.modifyHtml(o).setInnerHtml(r);
+    }), e.apply(new n("Reorder product attributes"));
+  }
+  /**
+   * Builds HTML string with attributes ordered according to composition
+   */
+  _buildCompositionHtml(t, i) {
+    return i.reduce((e, o) => {
+      const r = t.querySelector(`${l}[${a}="${o}"]`);
+      return r && "getOuterHTML" in r ? e + r.getOuterHTML() : e;
+    }, "");
   }
   /**
    * Apply visibility changes to the block's HTML structure
+   * Updates display style and data-visibility attribute for all matching rows
    */
-  _applyVisibilityToBlock() {
-    if (!this.currentNode)
+  _applyVisibilityToBlock(t, i) {
+    if (console.debug("_applyVisibilityToBlock", t, i), !this.currentNode)
+      return;
+    const e = this.currentNode.querySelectorAll(`${l}[${a}="${t}"]`);
+    if (!(e != null && e.length))
       return;
-    const i = this.currentNode.querySelector(".ins-recommendation-v3-block-v2");
-    i && this.api.getDocumentModifier().modifyHtml(i).setAttribute("data-card-visibility", JSON.stringify(this.currentVisibility)).apply(new u("Stored card visibility settings"));
+    const o = i ? "table-row" : "none", r = i ? "1" : "0", p = `Set ${t} visibility to ${i ? "visible" : "hidden"}`, u = this.api.getDocumentModifier();
+    e.forEach((b) => {
+      u.modifyHtml(b).setStyle("display", o).setAttribute(d, r);
+    }), u.apply(new n(p));
   }
 }
 export {
-  h as COMPOSITION_CONTROL_BLOCK_ID,
-  g as RecommendationCardCompositionControl
+  R as COMPOSITION_CONTROL_BLOCK_ID,
+  N as RecommendationCardCompositionControl
 };

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

@@ -1,5 +1,13 @@
-var o = /* @__PURE__ */ ((c) => (c.BUTTON = "recommendation-block-button", c.NAME = "recommendation-block-name", c.PRICE = "recommendation-block-price", c.OLD_PRICE = "recommendation-block-old-price", c.IMAGE = "recommendation-block-image", c))(o || {}), r = /* @__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.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.IMAGE_SIZE = "recommendation-block-image-size-control", c.IMAGE_MARGINS = "recommendation-block-image-margins-control", c))(r || {});
+const _ = "productImage", b = "productName", n = "productPrice", i = "productOldPrice", O = "productOmnibusPrice", T = "productOmnibusDiscount", t = "productButton";
+var o = /* @__PURE__ */ ((c) => (c.BUTTON = "recommendation-block-button", c.NAME = "recommendation-block-name", c.PRICE = "recommendation-block-price", c.OLD_PRICE = "recommendation-block-old-price", c.OMNIBUS_PRICE = "recommendation-block-omnibus-price", c.OMNIBUS_DISCOUNT = "recommendation-block-omnibus-discount", c.IMAGE = "recommendation-block-image", c))(o || {}), r = /* @__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))(r || {});
 export {
+  t as ATTR_PRODUCT_BUTTON,
+  _ as ATTR_PRODUCT_IMAGE,
+  b as ATTR_PRODUCT_NAME,
+  i as ATTR_PRODUCT_OLD_PRICE,
+  T as ATTR_PRODUCT_OMNIBUS_DISCOUNT,
+  O as ATTR_PRODUCT_OMNIBUS_PRICE,
+  n as ATTR_PRODUCT_PRICE,
   o as RecommendationBlockId,
   r as RecommendationControlId
 };