@useinsider/guido 3.0.0 → 3.1.0

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

@@ -1,20 +1,21 @@
 import { ModificationDescription as a } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as c } from "../../../common-control.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 = {
   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 {
+}, 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 {
   getId() {
     return m.NAME_TEXT_TRIM;
   }
   getTemplate() {
     return `
+            <hr style="margin: 0; border: none; border-top: 1px solid #e0e0e0;" />
             <div class="name-text-trim-control-container">
                 ${this._GuTwoColumns([
-      this._GuLabel({ text: "Trim Long Text" }),
+      this._GuLabel({ text: this.api.translate("Trim Long Text") }),
       this._GuToggle(i.TEXT_TRIM_ENABLED)
     ])}
             </div>
@@ -74,7 +75,7 @@ class N extends c {
       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"));
+    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"));
   }
   _onTextTrimChange(e) {
     if (!this.currentNode || !("closest" in this.currentNode))

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

@@ -1,11 +1,11 @@
-import { ModificationDescription as c } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as a } from "../../../common-control.js";
+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 { 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 {
+class g extends c {
   getId() {
     return d.OMNIBUS_DISCOUNT_TEXT_AFTER;
   }
@@ -13,10 +13,10 @@ class g extends a {
     return `
             <div class="omnibus-discount-text-after-control-container">
                 ${this._GuTwoColumns([
-      this._GuLabel({ text: "Text After" }),
+      this._GuLabel({ text: this.api.translate("Text After") }),
       this._GuTextInput({
         name: "omnibusDiscountTextAfter",
-        placeholder: "e.g., off!",
+        placeholder: this.api.translate("e.g., off!"),
         className: "es-180w"
       })
     ])}
@@ -57,10 +57,10 @@ class g extends a {
       o.modifyHtml(s).setAttribute(i, t);
       const r = s.querySelector(p);
       if (r) {
-        const m = f(r, t);
-        o.modifyHtml(r).setInnerHtml(m);
+        const a = f(r, t);
+        o.modifyHtml(r).setInnerHtml(a);
       }
-    }), o.apply(new c("Update omnibus discount text after"));
+    }), o.apply(new m("Update omnibus discount text after"));
   }
   _listenToFormUpdates() {
     this.api.onValueChanged("omnibusDiscountTextAfter", (t) => {

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

@@ -1,11 +1,11 @@
-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 { 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 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 {
+class g extends c {
   getId() {
     return d.OMNIBUS_DISCOUNT_TEXT_BEFORE;
   }
@@ -13,10 +13,10 @@ class g extends l {
     return `
             <div class="omnibus-discount-text-before-control-container">
                 ${this._GuTwoColumns([
-      this._GuLabel({ text: "Text Before" }),
+      this._GuLabel({ text: this.api.translate("Text Before") }),
       this._GuTextInput({
         name: "omnibusDiscountTextBefore",
-        placeholder: "e.g., Save ",
+        placeholder: this.api.translate("e.g., Save "),
         className: "es-180w"
       })
     ])}
@@ -26,45 +26,45 @@ class g extends l {
   onRender() {
     this._setFormValues(), this._listenToFormUpdates();
   }
-  onTemplateNodeUpdated(e) {
-    super.onTemplateNodeUpdated(e), this._setFormValues();
+  onTemplateNodeUpdated(t) {
+    super.onTemplateNodeUpdated(t), this._setFormValues();
   }
   _setFormValues() {
-    const e = this._getCurrentText();
+    const t = this._getCurrentText();
     this.api.updateValues({
-      omnibusDiscountTextBefore: e
+      omnibusDiscountTextBefore: t
     });
   }
   _getCurrentText() {
     if (!this.currentNode || !("getAttribute" in this.currentNode))
       return u;
-    const e = this.currentNode.getAttribute(i);
-    return e === null ? u : e;
+    const t = this.currentNode.getAttribute(i);
+    return t === null ? u : t;
   }
-  _onTextChange(e) {
+  _onTextChange(t) {
     if (!this.currentNode || !("closest" in this.currentNode))
       return;
-    const t = this.currentNode.closest(T);
-    if (!t || !("querySelectorAll" in t))
+    const e = this.currentNode.closest(T);
+    if (!e || !("querySelectorAll" in e))
       return;
     const n = Array.from(
-      t.querySelectorAll(`[esd-extension-block-id="${a.OMNIBUS_DISCOUNT}"]`)
+      e.querySelectorAll(`[esd-extension-block-id="${l.OMNIBUS_DISCOUNT}"]`)
     );
     if (!n.length)
       return;
     const o = this.api.getDocumentModifier();
     n.forEach((s) => {
-      o.modifyHtml(s).setAttribute(i, e);
+      o.modifyHtml(s).setAttribute(i, t);
       const r = s.querySelector(p);
       if (r) {
-        const m = f(r, e);
+        const m = f(r, t);
         o.modifyHtml(r).setInnerHtml(m);
       }
-    }), o.apply(new c("Update omnibus discount text before"));
+    }), o.apply(new a("Update omnibus discount text before"));
   }
   _listenToFormUpdates() {
-    this.api.onValueChanged("omnibusDiscountTextBefore", (e) => {
-      typeof e == "string" && this._onTextChange(e);
+    this.api.onValueChanged("omnibusDiscountTextBefore", (t) => {
+      typeof t == "string" && this._onTextChange(t);
     });
   }
 }

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

@@ -1,11 +1,11 @@
-import { ModificationDescription as c } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as a } from "../../../common-control.js";
+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 { 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 {
+import { preserveTextStyles as p } from "../../utils/preserveTextStyles.js";
+const s = "data-text-after", a = "", f = ".omnibus-text-after";
+class g extends c {
   getId() {
     return d.OMNIBUS_PRICE_TEXT_AFTER;
   }
@@ -13,10 +13,10 @@ class g extends a {
     return `
             <div class="omnibus-price-text-after-control-container">
                 ${this._GuTwoColumns([
-      this._GuLabel({ text: "Text After" }),
+      this._GuLabel({ text: this.api.translate("Text After") }),
       this._GuTextInput({
         name: "omnibusPriceTextAfter",
-        placeholder: "e.g., (incl. VAT)",
+        placeholder: this.api.translate("e.g., (incl. VAT)"),
         className: "es-180w"
       })
     ])}
@@ -37,9 +37,9 @@ class g extends a {
   }
   _getCurrentText() {
     if (!this.currentNode || !("getAttribute" in this.currentNode))
-      return m;
+      return a;
     const t = this.currentNode.getAttribute(s);
-    return t === null ? m : t;
+    return t === null ? a : t;
   }
   _onTextChange(t) {
     if (!this.currentNode || !("closest" in this.currentNode))
@@ -55,12 +55,12 @@ class g extends a {
     const r = this.api.getDocumentModifier();
     n.forEach((i) => {
       r.modifyHtml(i).setAttribute(s, t);
-      const o = i.querySelector(p);
+      const o = i.querySelector(f);
       if (o) {
-        const u = f(o, t);
-        r.modifyHtml(o).setInnerHtml(u);
+        const m = p(o, t);
+        r.modifyHtml(o).setInnerHtml(m);
       }
-    }), r.apply(new c("Update omnibus price text after"));
+    }), r.apply(new u("Update omnibus price text after"));
   }
   _listenToFormUpdates() {
     this.api.onValueChanged("omnibusPriceTextAfter", (t) => {

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

@@ -1,11 +1,11 @@
-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 { 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 { 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-before", m = "", p = ".omnibus-text-before";
-class g extends l {
+import { BLOCK_ROOT_SELECTOR as p } from "../../constants/selectors.js";
+import { preserveTextStyles as T } from "../../utils/preserveTextStyles.js";
+const s = "data-text-before", a = "", f = ".omnibus-text-before";
+class g extends c {
   getId() {
     return d.OMNIBUS_PRICE_TEXT_BEFORE;
   }
@@ -13,10 +13,10 @@ class g extends l {
     return `
             <div class="omnibus-price-text-before-control-container">
                 ${this._GuTwoColumns([
-      this._GuLabel({ text: "Text Before" }),
+      this._GuLabel({ text: this.api.translate("Text Before") }),
       this._GuTextInput({
         name: "omnibusPriceTextBefore",
-        placeholder: "e.g., Lowest 30-day price: ",
+        placeholder: this.api.translate("e.g., Lowest 30-day price: "),
         className: "es-180w"
       })
     ])}
@@ -37,30 +37,30 @@ class g extends l {
   }
   _getCurrentText() {
     if (!this.currentNode || !("getAttribute" in this.currentNode))
-      return m;
+      return a;
     const e = this.currentNode.getAttribute(s);
-    return e === null ? m : e;
+    return e === null ? a : e;
   }
   _onTextChange(e) {
     if (!this.currentNode || !("closest" in this.currentNode))
       return;
-    const t = this.currentNode.closest(T);
+    const t = this.currentNode.closest(p);
     if (!t || !("querySelectorAll" in t))
       return;
     const n = Array.from(
-      t.querySelectorAll(`[esd-extension-block-id="${a.OMNIBUS_PRICE}"]`)
+      t.querySelectorAll(`[esd-extension-block-id="${l.OMNIBUS_PRICE}"]`)
     );
     if (!n.length)
       return;
     const o = this.api.getDocumentModifier();
     n.forEach((i) => {
       o.modifyHtml(i).setAttribute(s, e);
-      const r = i.querySelector(p);
+      const r = i.querySelector(f);
       if (r) {
-        const u = f(r, e);
-        o.modifyHtml(r).setInnerHtml(u);
+        const m = T(r, e);
+        o.modifyHtml(r).setInnerHtml(m);
       }
-    }), o.apply(new c("Update omnibus price text before"));
+    }), o.apply(new u("Update omnibus price text before"));
   }
   _listenToFormUpdates() {
     this.api.onValueChanged("omnibusPriceTextBefore", (e) => {