@useinsider/guido 2.0.0-beta.6e688eb → 2.0.0-beta.782343a

package/dist/extensions/Blocks/Recommendation/{control.js → controls/main/index.js}

@@ -1,14 +1,15 @@
 var p = Object.defineProperty;
 var S = (a, s, e) => s in a ? p(a, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[s] = e;
 var u = (a, s, e) => S(a, typeof s != "symbol" ? s + "" : s, e);
-import { currencyDecimalCounts as _, currencyOperators as C, currencyLocationMaps as R } from "../../../enums/extensions/recommendationBlock.js";
-import { UEAttr as O, ModificationDescription as g } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as U } from "../common-control.js";
-import { useRecommendationExtensionStore as N } from "./store/recommendation.js";
-import { prepareProductRows as E } from "./templates/blockTemplate.js";
-import { DEFAULT_CARD_COMPOSITION as d, getDefaultProducts as L } from "./templates/templateUtils.js";
-import { useDebounceFn as T } from "../../../node_modules/@vueuse/shared/index.js";
-const f = "ui-elements-recommendation-block", t = {
+import { currencyDecimalCounts as _, currencyOperators as C, currencyLocationMaps as R } from "../../../../../enums/extensions/recommendationBlock.js";
+import { UEAttr as O, ModificationDescription as g } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as N } from "../../../common-control.js";
+import { CONTAINER_SELECTOR as E } from "../../constants/selectors.js";
+import { useRecommendationExtensionStore as U } from "../../store/recommendation.js";
+import { prepareProductRows as f } from "../../templates/blockTemplate.js";
+import { DEFAULT_CARD_COMPOSITION as d, getDefaultProducts as L } from "../../templates/templateUtils.js";
+import { useDebounceFn as T } from "../../../../../node_modules/@vueuse/shared/index.js";
+const A = "ui-elements-recommendation-block", t = {
   ALGORITHM: "strategy",
   PRODUCT_IDS: "productIds",
   LOCALE: "language",
@@ -23,10 +24,10 @@ const f = "ui-elements-recommendation-block", t = {
   PRODUCT_IN_ROW: "cardsInRow",
   SHUFFLE_PRODUCTS: "shuffleProducts"
 };
-class Y extends U {
+class w extends N {
   constructor() {
     super(...arguments);
-    u(this, "store", N());
+    u(this, "store", U());
     u(this, "storeUnsubscription", () => {
     });
     u(this, "addFilterListener", () => {
@@ -37,7 +38,7 @@ class Y extends U {
     }, 500));
   }
   getId() {
-    return f;
+    return A;
   }
   getTemplate() {
     return `
@@ -52,12 +53,17 @@ class Y extends U {
         `;
   }
   async onRender() {
-    await Promise.all([
+    (await Promise.allSettled([
       this.store.fetchRecommendationFilters(),
       this.store.fetchRecommendationCreateData(),
       this.store.fetchRecommendationProducts()
-      // TODO: We need to change the location. It's just for testing
-    ]), this._listenStateUpdates(), this._initializeSelectItems(), this._setFormValues(), this._listenToFormUpdates();
+    ])).forEach((o, i) => {
+      o.status === "rejected" && console.warn(`Recommendation block: ${[
+        "fetchRecommendationFilters",
+        "fetchRecommendationCreateData",
+        "fetchRecommendationProducts"
+      ][i]} failed`, o.reason);
+    }), this._listenStateUpdates(), this._initializeSelectItems(), this._setFormValues(), this._listenToFormUpdates();
   }
   onDestroy() {
     var e;
@@ -227,12 +233,10 @@ class Y extends U {
   _regenerateProductRows() {
     if (!this.currentNode || !("querySelector" in this.currentNode))
       return;
-    const e = this.currentNode.querySelector(".ins-recommendation-product-container");
-    if (!e) {
-      console.error("Could not find container table for product rows");
+    const e = this.currentNode.querySelector(E);
+    if (!e)
       return;
-    }
-    const o = this.store.recommendationProducts.length > 0 ? this.store.recommendationProducts : L(), { cardsInRow: i } = this.store.recommendationConfigs, n = this._getCardComposition(), r = E(o, i, n);
+    const o = this.store.recommendationProducts.length > 0 ? this.store.recommendationProducts : L(), { cardsInRow: i } = this.store.recommendationConfigs, n = this._getCardComposition(), r = f(o, i, n);
     this.api.getDocumentModifier().modifyHtml(e).setInnerHtml(r).apply(new g("Updated product")), this._reapplySpacing();
   }
   /**
@@ -295,16 +299,31 @@ class Y extends U {
   _listenToFormUpdates() {
     var o;
     this.api.onValueChanged(t.ALGORITHM, (i) => {
-      this._onDataChange(t.ALGORITHM, i), this._setProductIdsVisibility();
-    }), this.api.onValueChanged(t.PRODUCT_IDS, (i) => this._onDataChange(t.PRODUCT_IDS, i.split(",") || [])), this.api.onValueChanged(t.LOCALE, (i) => this._onDataChange(t.LOCALE, i)), this.api.onValueChanged(t.CURRENCY, (i) => this._onCurrencyChange(i)), [
+      const n = i;
+      this._onDataChange(t.ALGORITHM, n), this._setProductIdsVisibility();
+    }), this.api.onValueChanged(t.PRODUCT_IDS, (i) => {
+      this._onDataChange(t.PRODUCT_IDS, i.split(",") || []);
+    }), this.api.onValueChanged(t.LOCALE, (i) => {
+      this._onDataChange(t.LOCALE, i);
+    }), this.api.onValueChanged(t.CURRENCY, (i) => {
+      this._onCurrencyChange(i);
+    }), [
       t.CURRENCY_LOCATION,
       t.CURRENCY_SYMBOL,
       t.CURRENCY_THOUSAND_SEPARATOR,
       t.CURRENCY_DECIMAL_SEPARATOR,
       t.CURRENCY_DECIMAL_COUNT
     ].forEach((i) => {
-      this.api.onValueChanged(i, (n) => this._onCurrencyConfigChange(i, n));
-    }), this.api.onValueChanged(t.PRODUCT_COUNT, (i) => this._onDataChange(t.PRODUCT_COUNT, i.toString())), this.api.onValueChanged(t.PRODUCT_IN_ROW, (i) => this._onDataChange(t.PRODUCT_IN_ROW, i)), this.api.onValueChanged(t.SHUFFLE_PRODUCTS, (i) => this._onDataChange(t.SHUFFLE_PRODUCTS, i)), this.addFilterListener = this._onFilterSelectClick.bind(this), this.addFilterButton = this.getContainer().querySelector("#guido__btn-add-filter"), (o = this.addFilterButton) == null || o.addEventListener("click", this.addFilterListener);
+      this.api.onValueChanged(i, (n) => {
+        this._onCurrencyConfigChange(i, n);
+      });
+    }), this.api.onValueChanged(t.PRODUCT_COUNT, (i) => {
+      this._onDataChange(t.PRODUCT_COUNT, i.toString());
+    }), this.api.onValueChanged(t.PRODUCT_IN_ROW, (i) => {
+      this._onDataChange(t.PRODUCT_IN_ROW, i);
+    }), this.api.onValueChanged(t.SHUFFLE_PRODUCTS, (i) => {
+      this._onDataChange(t.SHUFFLE_PRODUCTS, i);
+    }), this.addFilterListener = this._onFilterSelectClick.bind(this), this.addFilterButton = this.getContainer().querySelector("#guido__btn-add-filter"), (o = this.addFilterButton) == null || o.addEventListener("click", this.addFilterListener);
   }
   _listenStateUpdates() {
     this.storeUnsubscription = this.store.$subscribe((e) => {
@@ -316,6 +335,6 @@ class Y extends U {
   }
 }
 export {
-  f as CONTROL_BLOCK_ID,
-  Y as RecommendationBlockControl
+  A as CONTROL_BLOCK_ID,
+  w as RecommendationBlockControl
 };

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

@@ -0,0 +1,46 @@
+import { createPaddingsControl as n, createTextBackgroundColorControl as e, createTextFontFamilyControl as l, createTextStyleControl as C, createTextSizeControl as c, createTextColorControl as N, createTextAlignControl as a } from "../../../controlFactories.js";
+import { RecommendationBlockId as o } from "../../constants/blockIds.js";
+import { RecommendationControlId as t } from "../../constants/controlIds.js";
+import { CONTAINER_SELECTOR as r } from "../../constants/selectors.js";
+import { NameTextTrimControl as i } from "./textTrim.js";
+const m = a(
+  t.NAME_ALIGN,
+  o.NAME,
+  r
+), A = N(
+  t.NAME_COLOR,
+  o.NAME,
+  r
+), E = c(
+  t.NAME_SIZE,
+  o.NAME,
+  r
+), M = C(
+  t.NAME_STYLE,
+  o.NAME,
+  r
+), s = l(
+  t.NAME_FONT_FAMILY,
+  o.NAME,
+  r
+), d = e(
+  t.NAME_BACKGROUND,
+  o.NAME,
+  r
+), T = n(
+  t.NAME_PADDINGS,
+  o.NAME,
+  r
+), F = {
+  align: m,
+  color: A,
+  size: E,
+  style: M,
+  fontFamily: s,
+  background: d,
+  paddings: T,
+  textTrim: i
+};
+export {
+  F as NameControls
+};

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

@@ -0,0 +1,76 @@
+import { ModificationDescription as l } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as c } from "../../../common-control.js";
+import { RecommendationBlockId as a } from "../../constants/blockIds.js";
+import { RecommendationControlId as d } from "../../constants/controlIds.js";
+import { CONTAINER_SELECTOR as m } from "../../constants/selectors.js";
+const s = {
+  TEXT_TRIM_ENABLED: "textTrimEnabled"
+}, r = "text-trim-enabled";
+class p extends c {
+  getId() {
+    return d.NAME_TEXT_TRIM;
+  }
+  getTemplate() {
+    return `
+            <div class="name-text-trim-control-container">
+                ${this._GuTwoColumns([
+      this._GuLabel({ text: "Trim Long Text" }),
+      this._GuToggle(s.TEXT_TRIM_ENABLED)
+    ])}
+            </div>
+        `;
+  }
+  onRender() {
+    this._setFormValues(), this._listenToFormUpdates();
+  }
+  onTemplateNodeUpdated(t) {
+    super.onTemplateNodeUpdated(t), this._setFormValues();
+  }
+  _setFormValues() {
+    const t = this._getCurrentTrimState();
+    this.api.updateValues({
+      [s.TEXT_TRIM_ENABLED]: t
+    });
+  }
+  _getCurrentTrimState() {
+    if (!this.currentNode || !("hasClass" in this.currentNode))
+      return !1;
+    if (this.currentNode.hasClass(r))
+      return !0;
+    const t = this.currentNode.closest(m);
+    if (!t)
+      return !1;
+    const e = t.querySelector(
+      `[esd-extension-block-id="${a.NAME}"]`
+    );
+    return e && "hasClass" in e ? e.hasClass(r) : !1;
+  }
+  _onTextTrimChange(t) {
+    if (!this.currentNode || !("closest" in this.currentNode))
+      return;
+    const e = this.currentNode.closest(m);
+    if (!e || !("querySelectorAll" in e))
+      return;
+    const i = Array.from(
+      e.querySelectorAll(`[esd-extension-block-id="${a.NAME}"]`)
+    );
+    if (!i.length)
+      return;
+    const o = this.api.getDocumentModifier();
+    i.forEach((n) => {
+      t ? o.modifyHtml(n).setClass(r) : o.modifyHtml(n).removeClass(r);
+    }), o.apply(
+      new l(
+        t ? "Enable product name text trimming" : "Disable product name text trimming"
+      )
+    );
+  }
+  _listenToFormUpdates() {
+    this.api.onValueChanged(s.TEXT_TRIM_ENABLED, (t) => {
+      this._onTextTrimChange(t);
+    });
+  }
+}
+export {
+  p as NameTextTrimControl
+};

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

@@ -0,0 +1,44 @@
+import { createPaddingsControl as r, createTextBackgroundColorControl as C, createTextFontFamilyControl as e, createTextStyleControl as l, createTextSizeControl as c, createTextColorControl as _, createTextAlignControl as I } from "../../../controlFactories.js";
+import { RecommendationBlockId as o } from "../../constants/blockIds.js";
+import { RecommendationControlId as t } from "../../constants/controlIds.js";
+import { CONTAINER_SELECTOR as n } from "../../constants/selectors.js";
+const O = I(
+  t.OLD_PRICE_ALIGN,
+  o.OLD_PRICE,
+  n
+), R = _(
+  t.OLD_PRICE_COLOR,
+  o.OLD_PRICE,
+  n
+), a = c(
+  t.OLD_PRICE_SIZE,
+  o.OLD_PRICE,
+  n
+), i = l(
+  t.OLD_PRICE_STYLE,
+  o.OLD_PRICE,
+  n
+), E = e(
+  t.OLD_PRICE_FONT_FAMILY,
+  o.OLD_PRICE,
+  n
+), L = C(
+  t.OLD_PRICE_BACKGROUND,
+  o.OLD_PRICE,
+  n
+), P = r(
+  t.OLD_PRICE_PADDINGS,
+  o.OLD_PRICE,
+  n
+), T = {
+  align: O,
+  color: R,
+  size: a,
+  style: i,
+  fontFamily: E,
+  background: L,
+  paddings: P
+};
+export {
+  T as OldPriceControls
+};

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

@@ -0,0 +1,48 @@
+import { createPaddingsControl as n, createTextBackgroundColorControl as e, createTextFontFamilyControl as C, createTextStyleControl as O, createTextSizeControl as S, createTextColorControl as I, createTextAlignControl as N } from "../../../controlFactories.js";
+import { RecommendationBlockId as o } from "../../constants/blockIds.js";
+import { RecommendationControlId as t } from "../../constants/controlIds.js";
+import { CONTAINER_SELECTOR as r } from "../../constants/selectors.js";
+import { OmnibusDiscountTextAfterControl as l } from "./textAfter.js";
+import { OmnibusDiscountTextBeforeControl as U } from "./textBefore.js";
+const i = N(
+  t.OMNIBUS_DISCOUNT_ALIGN,
+  o.OMNIBUS_DISCOUNT,
+  r
+), T = I(
+  t.OMNIBUS_DISCOUNT_COLOR,
+  o.OMNIBUS_DISCOUNT,
+  r
+), c = S(
+  t.OMNIBUS_DISCOUNT_SIZE,
+  o.OMNIBUS_DISCOUNT,
+  r
+), _ = O(
+  t.OMNIBUS_DISCOUNT_STYLE,
+  o.OMNIBUS_DISCOUNT,
+  r
+), m = C(
+  t.OMNIBUS_DISCOUNT_FONT_FAMILY,
+  o.OMNIBUS_DISCOUNT,
+  r
+), s = e(
+  t.OMNIBUS_DISCOUNT_BACKGROUND,
+  o.OMNIBUS_DISCOUNT,
+  r
+), B = n(
+  t.OMNIBUS_DISCOUNT_PADDINGS,
+  o.OMNIBUS_DISCOUNT,
+  r
+), g = {
+  align: i,
+  color: T,
+  size: c,
+  style: _,
+  fontFamily: m,
+  background: s,
+  paddings: B,
+  textBefore: U,
+  textAfter: l
+};
+export {
+  g as OmnibusDiscountControls
+};

package/dist/extensions/Blocks/Recommendation/controls/{omnibusDiscountTextAfterControl.js → omnibusDiscount/textAfter.js}

@@ -1,11 +1,13 @@
-import { ModificationDescription as a } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as m } from "../../common-control.js";
-import { RecommendationControlId as l, RecommendationBlockId as d } from "../constants.js";
-import { preserveTextStyles as T } from "../utils/preserveTextStyles.js";
-const f = ".ins-recommendation-product-container", i = "data-text-after", u = "", p = ".omnibus-text-after";
-class E extends m {
+import { ModificationDescription as c } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as a } from "../../../common-control.js";
+import { RecommendationBlockId as l } from "../../constants/blockIds.js";
+import { RecommendationControlId as d } from "../../constants/controlIds.js";
+import { CONTAINER_SELECTOR as T } from "../../constants/selectors.js";
+import { preserveTextStyles as f } from "../../utils/preserveTextStyles.js";
+const i = "data-text-after", u = "", p = ".omnibus-text-after";
+class b extends a {
   getId() {
-    return l.OMNIBUS_DISCOUNT_TEXT_AFTER;
+    return d.OMNIBUS_DISCOUNT_TEXT_AFTER;
   }
   getTemplate() {
     return `
@@ -42,11 +44,11 @@ class E extends m {
   _onTextChange(t) {
     if (!this.currentNode || !("closest" in this.currentNode))
       return;
-    const e = this.currentNode.closest(f);
+    const e = this.currentNode.closest(T);
     if (!e || !("querySelectorAll" in e))
       return;
     const n = Array.from(
-      e.querySelectorAll(`[esd-extension-block-id="${d.OMNIBUS_DISCOUNT}"]`)
+      e.querySelectorAll(`[esd-extension-block-id="${l.OMNIBUS_DISCOUNT}"]`)
     );
     if (!n.length)
       return;
@@ -55,10 +57,10 @@ class E extends m {
       o.modifyHtml(s).setAttribute(i, t);
       const r = s.querySelector(p);
       if (r) {
-        const c = T(r, t);
-        o.modifyHtml(r).setInnerHtml(c);
+        const m = f(r, t);
+        o.modifyHtml(r).setInnerHtml(m);
       }
-    }), o.apply(new a("Update omnibus discount text after"));
+    }), o.apply(new c("Update omnibus discount text after"));
   }
   _listenToFormUpdates() {
     this.api.onValueChanged("omnibusDiscountTextAfter", (t) => {
@@ -67,5 +69,5 @@ class E extends m {
   }
 }
 export {
-  E as OmnibusDiscountTextAfterControl
+  b as OmnibusDiscountTextAfterControl
 };

package/dist/extensions/Blocks/Recommendation/controls/{omnibusDiscountTextBeforeControl.js → omnibusDiscount/textBefore.js}

@@ -1,11 +1,13 @@
-import { ModificationDescription as m } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as a } from "../../common-control.js";
-import { RecommendationControlId as l, RecommendationBlockId as d } from "../constants.js";
-import { preserveTextStyles as T } from "../utils/preserveTextStyles.js";
-const f = ".ins-recommendation-product-container", i = "data-text-before", u = "", p = ".omnibus-text-before";
-class C extends a {
+import { ModificationDescription as c } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as l } from "../../../common-control.js";
+import { RecommendationBlockId as a } from "../../constants/blockIds.js";
+import { RecommendationControlId as d } from "../../constants/controlIds.js";
+import { CONTAINER_SELECTOR as T } from "../../constants/selectors.js";
+import { preserveTextStyles as f } from "../../utils/preserveTextStyles.js";
+const i = "data-text-before", u = "", p = ".omnibus-text-before";
+class B extends l {
   getId() {
-    return l.OMNIBUS_DISCOUNT_TEXT_BEFORE;
+    return d.OMNIBUS_DISCOUNT_TEXT_BEFORE;
   }
   getTemplate() {
     return `
@@ -42,11 +44,11 @@ class C extends a {
   _onTextChange(e) {
     if (!this.currentNode || !("closest" in this.currentNode))
       return;
-    const t = this.currentNode.closest(f);
+    const t = this.currentNode.closest(T);
     if (!t || !("querySelectorAll" in t))
       return;
     const n = Array.from(
-      t.querySelectorAll(`[esd-extension-block-id="${d.OMNIBUS_DISCOUNT}"]`)
+      t.querySelectorAll(`[esd-extension-block-id="${a.OMNIBUS_DISCOUNT}"]`)
     );
     if (!n.length)
       return;
@@ -55,10 +57,10 @@ class C extends a {
       o.modifyHtml(s).setAttribute(i, e);
       const r = s.querySelector(p);
       if (r) {
-        const c = T(r, e);
-        o.modifyHtml(r).setInnerHtml(c);
+        const m = f(r, e);
+        o.modifyHtml(r).setInnerHtml(m);
       }
-    }), o.apply(new m("Update omnibus discount text before"));
+    }), o.apply(new c("Update omnibus discount text before"));
   }
   _listenToFormUpdates() {
     this.api.onValueChanged("omnibusDiscountTextBefore", (e) => {
@@ -67,5 +69,5 @@ class C extends a {
   }
 }
 export {
-  C as OmnibusDiscountTextBeforeControl
+  B as OmnibusDiscountTextBeforeControl
 };

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

@@ -0,0 +1,48 @@
+import { createPaddingsControl as n, createTextBackgroundColorControl as e, createTextFontFamilyControl as C, createTextStyleControl as I, createTextSizeControl as l, createTextColorControl as i, createTextAlignControl as c } from "../../../controlFactories.js";
+import { RecommendationBlockId as o } from "../../constants/blockIds.js";
+import { RecommendationControlId as t } from "../../constants/controlIds.js";
+import { CONTAINER_SELECTOR as r } from "../../constants/selectors.js";
+import { OmnibusPriceTextAfterControl as O } from "./textAfter.js";
+import { OmnibusPriceTextBeforeControl as _ } from "./textBefore.js";
+const m = c(
+  t.OMNIBUS_PRICE_ALIGN,
+  o.OMNIBUS_PRICE,
+  r
+), S = i(
+  t.OMNIBUS_PRICE_COLOR,
+  o.OMNIBUS_PRICE,
+  r
+), B = l(
+  t.OMNIBUS_PRICE_SIZE,
+  o.OMNIBUS_PRICE,
+  r
+), N = I(
+  t.OMNIBUS_PRICE_STYLE,
+  o.OMNIBUS_PRICE,
+  r
+), P = C(
+  t.OMNIBUS_PRICE_FONT_FAMILY,
+  o.OMNIBUS_PRICE,
+  r
+), R = e(
+  t.OMNIBUS_PRICE_BACKGROUND,
+  o.OMNIBUS_PRICE,
+  r
+), a = n(
+  t.OMNIBUS_PRICE_PADDINGS,
+  o.OMNIBUS_PRICE,
+  r
+), f = {
+  align: m,
+  color: S,
+  size: B,
+  style: N,
+  fontFamily: P,
+  background: R,
+  paddings: a,
+  textBefore: _,
+  textAfter: O
+};
+export {
+  f as OmnibusPriceControls
+};

package/dist/extensions/Blocks/Recommendation/controls/{omnibusPriceTextAfterControl.js → omnibusPrice/textAfter.js}

@@ -1,11 +1,13 @@
-import { ModificationDescription as a } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as m } from "../../common-control.js";
-import { RecommendationControlId as l, RecommendationBlockId as d } from "../constants.js";
-import { preserveTextStyles as T } from "../utils/preserveTextStyles.js";
-const f = ".ins-recommendation-product-container", s = "data-text-after", c = "", p = ".omnibus-text-after";
-class C extends m {
+import { ModificationDescription as c } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as a } from "../../../common-control.js";
+import { RecommendationBlockId as l } from "../../constants/blockIds.js";
+import { RecommendationControlId as d } from "../../constants/controlIds.js";
+import { CONTAINER_SELECTOR as T } from "../../constants/selectors.js";
+import { preserveTextStyles as f } from "../../utils/preserveTextStyles.js";
+const s = "data-text-after", m = "", p = ".omnibus-text-after";
+class N extends a {
   getId() {
-    return l.OMNIBUS_PRICE_TEXT_AFTER;
+    return d.OMNIBUS_PRICE_TEXT_AFTER;
   }
   getTemplate() {
     return `
@@ -35,18 +37,18 @@ class C extends m {
   }
   _getCurrentText() {
     if (!this.currentNode || !("getAttribute" in this.currentNode))
-      return c;
+      return m;
     const t = this.currentNode.getAttribute(s);
-    return t === null ? c : t;
+    return t === null ? m : t;
   }
   _onTextChange(t) {
     if (!this.currentNode || !("closest" in this.currentNode))
       return;
-    const e = this.currentNode.closest(f);
+    const e = this.currentNode.closest(T);
     if (!e || !("querySelectorAll" in e))
       return;
     const n = Array.from(
-      e.querySelectorAll(`[esd-extension-block-id="${d.OMNIBUS_PRICE}"]`)
+      e.querySelectorAll(`[esd-extension-block-id="${l.OMNIBUS_PRICE}"]`)
     );
     if (!n.length)
       return;
@@ -55,10 +57,10 @@ class C extends m {
       r.modifyHtml(i).setAttribute(s, t);
       const o = i.querySelector(p);
       if (o) {
-        const u = T(o, t);
+        const u = f(o, t);
         r.modifyHtml(o).setInnerHtml(u);
       }
-    }), r.apply(new a("Update omnibus price text after"));
+    }), r.apply(new c("Update omnibus price text after"));
   }
   _listenToFormUpdates() {
     this.api.onValueChanged("omnibusPriceTextAfter", (t) => {
@@ -67,5 +69,5 @@ class C extends m {
   }
 }
 export {
-  C as OmnibusPriceTextAfterControl
+  N as OmnibusPriceTextAfterControl
 };

package/dist/extensions/Blocks/Recommendation/controls/{omnibusPriceTextBeforeControl.js → omnibusPrice/textBefore.js}

@@ -1,11 +1,13 @@
-import { ModificationDescription as m } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as a } from "../../common-control.js";
-import { RecommendationControlId as l, RecommendationBlockId as d } from "../constants.js";
-import { preserveTextStyles as T } from "../utils/preserveTextStyles.js";
-const p = ".ins-recommendation-product-container", s = "data-text-before", c = "Lowest 30-day price: ", f = ".omnibus-text-before";
-class C extends a {
+import { ModificationDescription as u } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as l } from "../../../common-control.js";
+import { RecommendationBlockId as a } from "../../constants/blockIds.js";
+import { RecommendationControlId as d } from "../../constants/controlIds.js";
+import { CONTAINER_SELECTOR as p } from "../../constants/selectors.js";
+import { preserveTextStyles as T } from "../../utils/preserveTextStyles.js";
+const s = "data-text-before", c = "Lowest 30-day price: ", f = ".omnibus-text-before";
+class N extends l {
   getId() {
-    return l.OMNIBUS_PRICE_TEXT_BEFORE;
+    return d.OMNIBUS_PRICE_TEXT_BEFORE;
   }
   getTemplate() {
     return `
@@ -46,7 +48,7 @@ class C extends a {
     if (!t || !("querySelectorAll" in t))
       return;
     const n = Array.from(
-      t.querySelectorAll(`[esd-extension-block-id="${d.OMNIBUS_PRICE}"]`)
+      t.querySelectorAll(`[esd-extension-block-id="${a.OMNIBUS_PRICE}"]`)
     );
     if (!n.length)
       return;
@@ -55,10 +57,10 @@ class C extends a {
       o.modifyHtml(i).setAttribute(s, e);
       const r = i.querySelector(f);
       if (r) {
-        const u = T(r, e);
-        o.modifyHtml(r).setInnerHtml(u);
+        const m = T(r, e);
+        o.modifyHtml(r).setInnerHtml(m);
       }
-    }), o.apply(new m("Update omnibus price text before"));
+    }), o.apply(new u("Update omnibus price text before"));
   }
   _listenToFormUpdates() {
     this.api.onValueChanged("omnibusPriceTextBefore", (e) => {
@@ -67,5 +69,5 @@ class C extends a {
   }
 }
 export {
-  C as OmnibusPriceTextBeforeControl
+  N as OmnibusPriceTextBeforeControl
 };

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

@@ -0,0 +1,44 @@
+import { createPaddingsControl as r, createTextBackgroundColorControl as C, createTextFontFamilyControl as e, createTextStyleControl as l, createTextSizeControl as c, createTextColorControl as I, createTextAlignControl as R } from "../../../controlFactories.js";
+import { RecommendationBlockId as o } from "../../constants/blockIds.js";
+import { RecommendationControlId as t } from "../../constants/controlIds.js";
+import { CONTAINER_SELECTOR as n } from "../../constants/selectors.js";
+const a = R(
+  t.PRICE_ALIGN,
+  o.PRICE,
+  n
+), i = I(
+  t.PRICE_COLOR,
+  o.PRICE,
+  n
+), E = c(
+  t.PRICE_SIZE,
+  o.PRICE,
+  n
+), P = l(
+  t.PRICE_STYLE,
+  o.PRICE,
+  n
+), m = e(
+  t.PRICE_FONT_FAMILY,
+  o.PRICE,
+  n
+), s = C(
+  t.PRICE_BACKGROUND,
+  o.PRICE,
+  n
+), d = r(
+  t.PRICE_PADDINGS,
+  o.PRICE,
+  n
+), x = {
+  align: a,
+  color: i,
+  size: E,
+  style: P,
+  fontFamily: m,
+  background: s,
+  paddings: d
+};
+export {
+  x as PriceControls
+};