@useinsider/guido 3.2.0-beta.565bfaf → 3.2.0-beta.570fb6d

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

@@ -1,14 +1,15 @@
-import { ModificationDescription as a } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as d } 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 = {
+import { ModificationDescription as l } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as u } from "../../../common-control.js";
+import { CSS_CLASS_TEXT_TRIM as r, ensureTextTrimCssRulesExist as d } from "../shared/textTrimCssRules.js";
+import { RecommendationControlId as T } from "../../constants/controlIds.js";
+import { BLOCK_ROOT_SELECTOR as a } from "../../constants/selectors.js";
+import { RecommendationBlockId as m } from "../../constants/blockIds.js";
+const s = {
   TEXT_TRIM_ENABLED: "textTrimEnabled"
-}, o = "text-trim-enabled", c = `.${o}`, T = `.${o} p`, p = `.${o} { max-width: 0; }`, _ = `.${o} p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0; display: block; }`;
-class N extends d {
+};
+class N extends u {
   getId() {
-    return m.NAME_TEXT_TRIM;
+    return T.NAME_TEXT_TRIM;
   }
   getTemplate() {
     return `
@@ -16,7 +17,7 @@ class N extends d {
             <div class="name-text-trim-control-container">
                 ${this._GuTwoColumns([
       this._GuLabel({ text: this.api.translate("Trim Long Text") }),
-      this._GuToggle(i.TEXT_TRIM_ENABLED)
+      this._GuToggle(s.TEXT_TRIM_ENABLED)
     ])}
             </div>
         `;
@@ -30,76 +31,45 @@ class N extends d {
   _setFormValues() {
     const e = this._getCurrentTrimState();
     this.api.updateValues({
-      [i.TEXT_TRIM_ENABLED]: e
+      [s.TEXT_TRIM_ENABLED]: e
     });
   }
   _getCurrentTrimState() {
     if (!this.currentNode || !("hasClass" in this.currentNode))
       return !1;
-    if (this.currentNode.hasClass(o))
+    if (this.currentNode.hasClass(r))
       return !0;
-    const e = this.currentNode.closest(u);
+    const e = this.currentNode.closest(a);
     if (!e)
       return !1;
     const t = e.querySelector(
-      `[esd-extension-block-id="${l.NAME}"]`
+      `[esd-extension-block-id="${m.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(c) || (t.modifyCss(e).appendRule(p), s = !0), this._hasParagraphRule() || (t.modifyCss(e).appendRule(_), s = !0), s && t.apply(new a("Add text trim CSS rules"));
+    return t && "hasClass" in t ? t.hasClass(r) : !1;
   }
   _onTextTrimChange(e) {
     if (!this.currentNode || !("closest" in this.currentNode))
       return;
-    const t = this.currentNode.closest(u);
+    const t = this.currentNode.closest(a);
     if (!t || !("querySelectorAll" in t))
       return;
-    const s = Array.from(
-      t.querySelectorAll(`[esd-extension-block-id="${l.NAME}"]`)
+    const i = Array.from(
+      t.querySelectorAll(`[esd-extension-block-id="${m.NAME}"]`)
     );
-    if (!s.length)
+    if (!i.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 && d(this.api);
+    const o = this.api.getDocumentModifier();
+    i.forEach((n) => {
+      e ? o.modifyHtml(n).setClass(r) : o.modifyHtml(n).removeClass(r);
+    }), o.apply(
+      new l(
         e ? "Enable product name text trimming" : "Disable product name text trimming"
       )
     );
   }
   _listenToFormUpdates() {
-    this.api.onValueChanged(i.TEXT_TRIM_ENABLED, (e) => {
+    this.api.onValueChanged(s.TEXT_TRIM_ENABLED, (e) => {
       this._onTextTrimChange(e);
     });
   }

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

@@ -1,35 +1,35 @@
 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";
+import { BLOCK_ROOT_SELECTOR as o } from "../../constants/selectors.js";
+import { RecommendationBlockId as t } from "../../constants/blockIds.js";
+import { RecommendationControlId as n } from "../../constants/controlIds.js";
 const I = O(
-  t.OLD_PRICE_ALIGN,
-  o.OLD_PRICE,
-  n
+  n.OLD_PRICE_ALIGN,
+  t.OLD_PRICE,
+  o
 ), L = c(
-  t.OLD_PRICE_COLOR,
-  o.OLD_PRICE,
-  n
+  n.OLD_PRICE_COLOR,
+  t.OLD_PRICE,
+  o
 ), R = _(
-  t.OLD_PRICE_SIZE,
-  o.OLD_PRICE,
-  n
+  n.OLD_PRICE_SIZE,
+  t.OLD_PRICE,
+  o
 ), a = l(
-  t.OLD_PRICE_STYLE,
-  o.OLD_PRICE,
-  n
+  n.OLD_PRICE_STYLE,
+  t.OLD_PRICE,
+  o
 ), i = e(
-  t.OLD_PRICE_FONT_FAMILY,
-  o.OLD_PRICE,
-  n
+  n.OLD_PRICE_FONT_FAMILY,
+  t.OLD_PRICE,
+  o
 ), E = C(
-  t.OLD_PRICE_BACKGROUND,
-  o.OLD_PRICE,
-  n
+  n.OLD_PRICE_BACKGROUND,
+  t.OLD_PRICE,
+  o
 ), P = r(
-  t.OLD_PRICE_PADDINGS,
-  o.OLD_PRICE,
-  n
+  n.OLD_PRICE_PADDINGS,
+  t.OLD_PRICE,
+  o
 ), T = {
   align: I,
   color: L,

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

@@ -1,37 +1,37 @@
 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";
+import { BLOCK_ROOT_SELECTOR as o } from "../../constants/selectors.js";
+import { RecommendationBlockId as t } from "../../constants/blockIds.js";
+import { RecommendationControlId as r } from "../../constants/controlIds.js";
 const i = l(
-  t.OMNIBUS_DISCOUNT_ALIGN,
-  o.OMNIBUS_DISCOUNT,
-  r
+  r.OMNIBUS_DISCOUNT_ALIGN,
+  t.OMNIBUS_DISCOUNT,
+  o
 ), T = I(
-  t.OMNIBUS_DISCOUNT_COLOR,
-  o.OMNIBUS_DISCOUNT,
-  r
+  r.OMNIBUS_DISCOUNT_COLOR,
+  t.OMNIBUS_DISCOUNT,
+  o
 ), c = S(
-  t.OMNIBUS_DISCOUNT_SIZE,
-  o.OMNIBUS_DISCOUNT,
-  r
+  r.OMNIBUS_DISCOUNT_SIZE,
+  t.OMNIBUS_DISCOUNT,
+  o
 ), _ = O(
-  t.OMNIBUS_DISCOUNT_STYLE,
-  o.OMNIBUS_DISCOUNT,
-  r
+  r.OMNIBUS_DISCOUNT_STYLE,
+  t.OMNIBUS_DISCOUNT,
+  o
 ), m = C(
-  t.OMNIBUS_DISCOUNT_FONT_FAMILY,
-  o.OMNIBUS_DISCOUNT,
-  r
+  r.OMNIBUS_DISCOUNT_FONT_FAMILY,
+  t.OMNIBUS_DISCOUNT,
+  o
 ), B = e(
-  t.OMNIBUS_DISCOUNT_BACKGROUND,
-  o.OMNIBUS_DISCOUNT,
-  r
+  r.OMNIBUS_DISCOUNT_BACKGROUND,
+  t.OMNIBUS_DISCOUNT,
+  o
 ), s = n(
-  t.OMNIBUS_DISCOUNT_PADDINGS,
-  o.OMNIBUS_DISCOUNT,
-  r
+  r.OMNIBUS_DISCOUNT_PADDINGS,
+  t.OMNIBUS_DISCOUNT,
+  o
 ), g = {
   align: i,
   color: T,

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

@@ -1,9 +1,9 @@
 import { ModificationDescription as m } 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 { preserveTextStyles as l } from "../../utils/preserveTextStyles.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";
+import { RecommendationBlockId as f } from "../../constants/blockIds.js";
 const i = "data-text-after", u = "", p = ".omnibus-text-after";
 class g extends c {
   getId() {
@@ -48,7 +48,7 @@ class g extends c {
     if (!e || !("querySelectorAll" in e))
       return;
     const n = Array.from(
-      e.querySelectorAll(`[esd-extension-block-id="${l.OMNIBUS_DISCOUNT}"]`)
+      e.querySelectorAll(`[esd-extension-block-id="${f.OMNIBUS_DISCOUNT}"]`)
     );
     if (!n.length)
       return;
@@ -57,7 +57,7 @@ class g extends c {
       o.modifyHtml(s).setAttribute(i, t);
       const r = s.querySelector(p);
       if (r) {
-        const a = f(r, t);
+        const a = l(r, t);
         o.modifyHtml(r).setInnerHtml(a);
       }
     }), o.apply(new m("Update omnibus discount text after"));

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

@@ -1,9 +1,9 @@
 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 { preserveTextStyles as l } from "../../utils/preserveTextStyles.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";
+import { RecommendationBlockId as f } from "../../constants/blockIds.js";
 const i = "data-text-before", u = "", p = ".omnibus-text-before";
 class g extends c {
   getId() {
@@ -48,7 +48,7 @@ class g extends c {
     if (!e || !("querySelectorAll" in e))
       return;
     const n = Array.from(
-      e.querySelectorAll(`[esd-extension-block-id="${l.OMNIBUS_DISCOUNT}"]`)
+      e.querySelectorAll(`[esd-extension-block-id="${f.OMNIBUS_DISCOUNT}"]`)
     );
     if (!n.length)
       return;
@@ -57,7 +57,7 @@ class g extends c {
       o.modifyHtml(s).setAttribute(i, t);
       const r = s.querySelector(p);
       if (r) {
-        const m = f(r, t);
+        const m = l(r, t);
         o.modifyHtml(r).setInnerHtml(m);
       }
     }), o.apply(new a("Update omnibus discount text before"));

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

@@ -1,37 +1,37 @@
 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";
+import { BLOCK_ROOT_SELECTOR as o } from "../../constants/selectors.js";
+import { RecommendationBlockId as t } from "../../constants/blockIds.js";
+import { RecommendationControlId as r } from "../../constants/controlIds.js";
 const m = c(
-  t.OMNIBUS_PRICE_ALIGN,
-  o.OMNIBUS_PRICE,
-  r
+  r.OMNIBUS_PRICE_ALIGN,
+  t.OMNIBUS_PRICE,
+  o
 ), S = i(
-  t.OMNIBUS_PRICE_COLOR,
-  o.OMNIBUS_PRICE,
-  r
+  r.OMNIBUS_PRICE_COLOR,
+  t.OMNIBUS_PRICE,
+  o
 ), B = l(
-  t.OMNIBUS_PRICE_SIZE,
-  o.OMNIBUS_PRICE,
-  r
+  r.OMNIBUS_PRICE_SIZE,
+  t.OMNIBUS_PRICE,
+  o
 ), P = I(
-  t.OMNIBUS_PRICE_STYLE,
-  o.OMNIBUS_PRICE,
-  r
+  r.OMNIBUS_PRICE_STYLE,
+  t.OMNIBUS_PRICE,
+  o
 ), R = C(
-  t.OMNIBUS_PRICE_FONT_FAMILY,
-  o.OMNIBUS_PRICE,
-  r
+  r.OMNIBUS_PRICE_FONT_FAMILY,
+  t.OMNIBUS_PRICE,
+  o
 ), a = e(
-  t.OMNIBUS_PRICE_BACKGROUND,
-  o.OMNIBUS_PRICE,
-  r
+  r.OMNIBUS_PRICE_BACKGROUND,
+  t.OMNIBUS_PRICE,
+  o
 ), E = n(
-  t.OMNIBUS_PRICE_PADDINGS,
-  o.OMNIBUS_PRICE,
-  r
+  r.OMNIBUS_PRICE_PADDINGS,
+  t.OMNIBUS_PRICE,
+  o
 ), f = {
   align: m,
   color: S,

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

@@ -1,9 +1,9 @@
 import { ModificationDescription as u } 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 { preserveTextStyles as l } from "../../utils/preserveTextStyles.js";
 import { RecommendationControlId as d } from "../../constants/controlIds.js";
 import { BLOCK_ROOT_SELECTOR as T } from "../../constants/selectors.js";
-import { preserveTextStyles as p } from "../../utils/preserveTextStyles.js";
+import { RecommendationBlockId as p } from "../../constants/blockIds.js";
 const s = "data-text-after", a = "", f = ".omnibus-text-after";
 class g extends c {
   getId() {
@@ -48,7 +48,7 @@ class g extends c {
     if (!e || !("querySelectorAll" in e))
       return;
     const n = Array.from(
-      e.querySelectorAll(`[esd-extension-block-id="${l.OMNIBUS_PRICE}"]`)
+      e.querySelectorAll(`[esd-extension-block-id="${p.OMNIBUS_PRICE}"]`)
     );
     if (!n.length)
       return;
@@ -57,7 +57,7 @@ class g extends c {
       r.modifyHtml(i).setAttribute(s, t);
       const o = i.querySelector(f);
       if (o) {
-        const m = p(o, t);
+        const m = l(o, t);
         r.modifyHtml(o).setInnerHtml(m);
       }
     }), r.apply(new u("Update omnibus price text after"));

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

@@ -1,9 +1,9 @@
 import { ModificationDescription as u } 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 { preserveTextStyles as l } from "../../utils/preserveTextStyles.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";
+import { RecommendationBlockId as T } from "../../constants/blockIds.js";
 const s = "data-text-before", a = "", f = ".omnibus-text-before";
 class g extends c {
   getId() {
@@ -48,7 +48,7 @@ class g extends c {
     if (!t || !("querySelectorAll" in t))
       return;
     const n = Array.from(
-      t.querySelectorAll(`[esd-extension-block-id="${l.OMNIBUS_PRICE}"]`)
+      t.querySelectorAll(`[esd-extension-block-id="${T.OMNIBUS_PRICE}"]`)
     );
     if (!n.length)
       return;
@@ -57,7 +57,7 @@ class g extends c {
       o.modifyHtml(i).setAttribute(s, e);
       const r = i.querySelector(f);
       if (r) {
-        const m = T(r, e);
+        const m = l(r, e);
         o.modifyHtml(r).setInnerHtml(m);
       }
     }), o.apply(new u("Update omnibus price text before"));

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

@@ -1,35 +1,35 @@
 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";
+import { BLOCK_ROOT_SELECTOR as o } from "../../constants/selectors.js";
+import { RecommendationBlockId as t } from "../../constants/blockIds.js";
+import { RecommendationControlId as n } from "../../constants/controlIds.js";
 const a = R(
-  t.PRICE_ALIGN,
-  o.PRICE,
-  n
+  n.PRICE_ALIGN,
+  t.PRICE,
+  o
 ), i = I(
-  t.PRICE_COLOR,
-  o.PRICE,
-  n
+  n.PRICE_COLOR,
+  t.PRICE,
+  o
 ), E = c(
-  t.PRICE_SIZE,
-  o.PRICE,
-  n
+  n.PRICE_SIZE,
+  t.PRICE,
+  o
 ), P = l(
-  t.PRICE_STYLE,
-  o.PRICE,
-  n
+  n.PRICE_STYLE,
+  t.PRICE,
+  o
 ), m = e(
-  t.PRICE_FONT_FAMILY,
-  o.PRICE,
-  n
+  n.PRICE_FONT_FAMILY,
+  t.PRICE,
+  o
 ), s = C(
-  t.PRICE_BACKGROUND,
-  o.PRICE,
-  n
+  n.PRICE_BACKGROUND,
+  t.PRICE,
+  o
 ), d = r(
-  t.PRICE_PADDINGS,
-  o.PRICE,
-  n
+  n.PRICE_PADDINGS,
+  t.PRICE,
+  o
 ), S = {
   align: a,
   color: i,

package/dist/extensions/Blocks/Recommendation/controls/shared/textTrimCssRules.js

@@ -0,0 +1,14 @@
+import { ModificationDescription as r } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+const t = "text-trim-enabled", l = `.${t}`, c = `.${t} p`, S = `.${t} { max-width: 0; }`, T = `.${t} p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0; display: block; }`;
+function f(n) {
+  const e = n.getDocumentRootCssNode();
+  if (!e)
+    return;
+  const o = n.getDocumentModifier();
+  let i = !1;
+  e.querySelector(l) || (o.modifyCss(e).appendRule(S), i = !0), e.querySelectorAll(`*${t}`).some((s) => "getSelector" in s && typeof s.getSelector == "function" && s.getSelector() === c) || (o.modifyCss(e).appendRule(T), i = !0), i && o.apply(new r("Add text trim CSS rules"));
+}
+export {
+  t as CSS_CLASS_TEXT_TRIM,
+  f as ensureTextTrimCssRulesExist
+};