@useinsider/guido 2.1.0-beta.e2d48fe → 2.1.0-beta.e4c3fa1

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

@@ -0,0 +1,108 @@
+import { ModificationDescription as a } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as c } from "../../../common-control.js";
+import { RecommendationBlockId as l } from "../../constants/blockIds.js";
+import { RecommendationControlId as m } from "../../constants/controlIds.js";
+import { BLOCK_ROOT_SELECTOR as u } from "../../constants/selectors.js";
+const i = {
+  TEXT_TRIM_ENABLED: "textTrimEnabled"
+}, o = "text-trim-enabled", d = `.${o}`, T = `.${o} p`, _ = `.${o} { max-width: 0; }`, f = `.${o} p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0; display: block; }`;
+class N extends c {
+  getId() {
+    return m.NAME_TEXT_TRIM;
+  }
+  getTemplate() {
+    return `
+            <div class="name-text-trim-control-container">
+                ${this._GuTwoColumns([
+      this._GuLabel({ text: "Trim Long Text" }),
+      this._GuToggle(i.TEXT_TRIM_ENABLED)
+    ])}
+            </div>
+        `;
+  }
+  onRender() {
+    this._setFormValues(), this._listenToFormUpdates();
+  }
+  onTemplateNodeUpdated(e) {
+    super.onTemplateNodeUpdated(e), this._setFormValues();
+  }
+  _setFormValues() {
+    const e = this._getCurrentTrimState();
+    this.api.updateValues({
+      [i.TEXT_TRIM_ENABLED]: e
+    });
+  }
+  _getCurrentTrimState() {
+    if (!this.currentNode || !("hasClass" in this.currentNode))
+      return !1;
+    if (this.currentNode.hasClass(o))
+      return !0;
+    const e = this.currentNode.closest(u);
+    if (!e)
+      return !1;
+    const t = e.querySelector(
+      `[esd-extension-block-id="${l.NAME}"]`
+    );
+    return t && "hasClass" in t ? t.hasClass(o) : !1;
+  }
+  /**
+   * Finds an existing CSS rule in the document stylesheet by exact query
+   * @param query - The CSS query to search for (uses Stripo's CSS query syntax)
+   * @returns The CSS rule node if found, undefined otherwise
+   */
+  _findCssRule(e) {
+    const t = this.api.getDocumentRootCssNode();
+    if (t)
+      return t.querySelector(e);
+  }
+  /**
+   * Finds the .text-trim-enabled p rule by searching all text-trim rules and comparing selectors
+   * This is needed because Stripo's CSS query syntax interprets spaces as path separators
+   * @returns true if the rule exists
+   */
+  _hasParagraphRule() {
+    const e = this.api.getDocumentRootCssNode();
+    return e ? e.querySelectorAll(`*${o}`).some((s) => "getSelector" in s && typeof s.getSelector == "function" ? s.getSelector() === T : !1) : !1;
+  }
+  /**
+   * Ensures the text-trim CSS rules exist in the document stylesheet
+   * Only adds rules if they don't already exist (prevents duplicates across multiple blocks)
+   */
+  _ensureCssRulesExist() {
+    const e = this.api.getDocumentRootCssNode();
+    if (!e)
+      return;
+    const t = this.api.getDocumentModifier();
+    let s = !1;
+    this._findCssRule(d) || (t.modifyCss(e).appendRule(_), s = !0), this._hasParagraphRule() || (t.modifyCss(e).appendRule(f), s = !0), s && t.apply(new a("Add text trim CSS rules"));
+  }
+  _onTextTrimChange(e) {
+    if (!this.currentNode || !("closest" in this.currentNode))
+      return;
+    const t = this.currentNode.closest(u);
+    if (!t || !("querySelectorAll" in t))
+      return;
+    const s = Array.from(
+      t.querySelectorAll(`[esd-extension-block-id="${l.NAME}"]`)
+    );
+    if (!s.length)
+      return;
+    e && this._ensureCssRulesExist();
+    const r = this.api.getDocumentModifier();
+    s.forEach((n) => {
+      e ? r.modifyHtml(n).setClass(o) : r.modifyHtml(n).removeClass(o);
+    }), r.apply(
+      new a(
+        e ? "Enable product name text trimming" : "Disable product name text trimming"
+      )
+    );
+  }
+  _listenToFormUpdates() {
+    this.api.onValueChanged(i.TEXT_TRIM_ENABLED, (e) => {
+      this._onTextTrimChange(e);
+    });
+  }
+}
+export {
+  N 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 _, createTextColorControl as c, createTextAlignControl as O } from "../../../controlFactories.js";
+import { RecommendationBlockId as o } from "../../constants/blockIds.js";
+import { RecommendationControlId as t } from "../../constants/controlIds.js";
+import { BLOCK_ROOT_SELECTOR as n } from "../../constants/selectors.js";
+const I = O(
+  t.OLD_PRICE_ALIGN,
+  o.OLD_PRICE,
+  n
+), L = c(
+  t.OLD_PRICE_COLOR,
+  o.OLD_PRICE,
+  n
+), R = _(
+  t.OLD_PRICE_SIZE,
+  o.OLD_PRICE,
+  n
+), a = l(
+  t.OLD_PRICE_STYLE,
+  o.OLD_PRICE,
+  n
+), i = e(
+  t.OLD_PRICE_FONT_FAMILY,
+  o.OLD_PRICE,
+  n
+), E = C(
+  t.OLD_PRICE_BACKGROUND,
+  o.OLD_PRICE,
+  n
+), P = r(
+  t.OLD_PRICE_PADDINGS,
+  o.OLD_PRICE,
+  n
+), T = {
+  align: I,
+  color: L,
+  size: R,
+  style: a,
+  fontFamily: i,
+  background: E,
+  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 l } from "../../../controlFactories.js";
+import { RecommendationBlockId as o } from "../../constants/blockIds.js";
+import { RecommendationControlId as t } from "../../constants/controlIds.js";
+import { BLOCK_ROOT_SELECTOR as r } from "../../constants/selectors.js";
+import { OmnibusDiscountTextAfterControl as N } from "./textAfter.js";
+import { OmnibusDiscountTextBeforeControl as U } from "./textBefore.js";
+const i = l(
+  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
+), B = e(
+  t.OMNIBUS_DISCOUNT_BACKGROUND,
+  o.OMNIBUS_DISCOUNT,
+  r
+), s = n(
+  t.OMNIBUS_DISCOUNT_PADDINGS,
+  o.OMNIBUS_DISCOUNT,
+  r
+), g = {
+  align: i,
+  color: T,
+  size: c,
+  style: _,
+  fontFamily: m,
+  background: B,
+  paddings: s,
+  textBefore: U,
+  textAfter: N
+};
+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 { BLOCK_ROOT_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 g 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,17 +57,17 @@ 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) => {
-      this._onTextChange(t);
+      typeof t == "string" && this._onTextChange(t);
     });
   }
 }
 export {
-  E as OmnibusDiscountTextAfterControl
+  g 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 { BLOCK_ROOT_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 g 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,17 +57,17 @@ 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) => {
-      this._onTextChange(e);
+      typeof e == "string" && this._onTextChange(e);
     });
   }
 }
 export {
-  C as OmnibusDiscountTextBeforeControl
+  g 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 { BLOCK_ROOT_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
+), P = I(
+  t.OMNIBUS_PRICE_STYLE,
+  o.OMNIBUS_PRICE,
+  r
+), R = C(
+  t.OMNIBUS_PRICE_FONT_FAMILY,
+  o.OMNIBUS_PRICE,
+  r
+), a = e(
+  t.OMNIBUS_PRICE_BACKGROUND,
+  o.OMNIBUS_PRICE,
+  r
+), E = n(
+  t.OMNIBUS_PRICE_PADDINGS,
+  o.OMNIBUS_PRICE,
+  r
+), f = {
+  align: m,
+  color: S,
+  size: B,
+  style: P,
+  fontFamily: R,
+  background: a,
+  paddings: E,
+  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 { BLOCK_ROOT_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 g 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
+  g 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 { BLOCK_ROOT_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 g 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
+  g 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 { BLOCK_ROOT_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
+), S = {
+  align: a,
+  color: i,
+  size: E,
+  style: P,
+  fontFamily: m,
+  background: s,
+  paddings: d
+};
+export {
+  S as PriceControls
+};