@useinsider/guido 2.2.0-beta.8abc7b6 → 2.2.0-beta.953ff70

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

@@ -0,0 +1,245 @@
+import { createButtonAlignControl as c, createButtonBorderControl as _, createButtonBorderRadiusControl as T, createButtonColorControl as i, createButtonFitToContainerControl as B, createButtonFontFamilyControl as s, createButtonMarginsControl as S, createButtonPaddingsControl as E, createButtonTextControl as P, createButtonTextSizeControl as U, createButtonTextStyleAndFontColorControl as R, createImageMarginsControl as a, createImageSizeControl as M, createTextAlignControl as C, createTextBackgroundColorControl as r, createTextColorControl as O, createTextFontFamilyControl as I, createPaddingsControl as e, createTextSizeControl as N, createTextStyleControl as l } from "../../controlFactories.js";
+import { RecommendationBlockId as o, RecommendationControlId as t } from "../constants.js";
+const n = ".ins-recommendation-product-container", u = C(
+  t.NAME_ALIGN,
+  o.NAME,
+  n
+), d = O(
+  t.NAME_COLOR,
+  o.NAME,
+  n
+), m = N(
+  t.NAME_SIZE,
+  o.NAME,
+  n
+), L = l(
+  t.NAME_STYLE,
+  o.NAME,
+  n
+), F = I(
+  t.NAME_FONT_FAMILY,
+  o.NAME,
+  n
+), g = r(
+  t.NAME_BACKGROUND,
+  o.NAME,
+  n
+), G = e(
+  t.NAME_PADDINGS,
+  o.NAME,
+  n
+), y = C(
+  t.PRICE_ALIGN,
+  o.PRICE,
+  n
+), b = O(
+  t.PRICE_COLOR,
+  o.PRICE,
+  n
+), x = N(
+  t.PRICE_SIZE,
+  o.PRICE,
+  n
+), Y = l(
+  t.PRICE_STYLE,
+  o.PRICE,
+  n
+), z = I(
+  t.PRICE_FONT_FAMILY,
+  o.PRICE,
+  n
+), k = r(
+  t.PRICE_BACKGROUND,
+  o.PRICE,
+  n
+), Z = e(
+  t.PRICE_PADDINGS,
+  o.PRICE,
+  n
+), K = C(
+  t.OLD_PRICE_ALIGN,
+  o.OLD_PRICE,
+  n
+), p = O(
+  t.OLD_PRICE_COLOR,
+  o.OLD_PRICE,
+  n
+), X = N(
+  t.OLD_PRICE_SIZE,
+  o.OLD_PRICE,
+  n
+), f = l(
+  t.OLD_PRICE_STYLE,
+  o.OLD_PRICE,
+  n
+), h = I(
+  t.OLD_PRICE_FONT_FAMILY,
+  o.OLD_PRICE,
+  n
+), j = r(
+  t.OLD_PRICE_BACKGROUND,
+  o.OLD_PRICE,
+  n
+), q = e(
+  t.OLD_PRICE_PADDINGS,
+  o.OLD_PRICE,
+  n
+), v = C(
+  t.OMNIBUS_PRICE_ALIGN,
+  o.OMNIBUS_PRICE,
+  n
+), w = O(
+  t.OMNIBUS_PRICE_COLOR,
+  o.OMNIBUS_PRICE,
+  n
+), H = N(
+  t.OMNIBUS_PRICE_SIZE,
+  o.OMNIBUS_PRICE,
+  n
+), J = l(
+  t.OMNIBUS_PRICE_STYLE,
+  o.OMNIBUS_PRICE,
+  n
+), Q = I(
+  t.OMNIBUS_PRICE_FONT_FAMILY,
+  o.OMNIBUS_PRICE,
+  n
+), V = r(
+  t.OMNIBUS_PRICE_BACKGROUND,
+  o.OMNIBUS_PRICE,
+  n
+), W = e(
+  t.OMNIBUS_PRICE_PADDINGS,
+  o.OMNIBUS_PRICE,
+  n
+), $ = C(
+  t.OMNIBUS_DISCOUNT_ALIGN,
+  o.OMNIBUS_DISCOUNT,
+  n
+), oo = O(
+  t.OMNIBUS_DISCOUNT_COLOR,
+  o.OMNIBUS_DISCOUNT,
+  n
+), to = N(
+  t.OMNIBUS_DISCOUNT_SIZE,
+  o.OMNIBUS_DISCOUNT,
+  n
+), no = l(
+  t.OMNIBUS_DISCOUNT_STYLE,
+  o.OMNIBUS_DISCOUNT,
+  n
+), Co = I(
+  t.OMNIBUS_DISCOUNT_FONT_FAMILY,
+  o.OMNIBUS_DISCOUNT,
+  n
+), ro = r(
+  t.OMNIBUS_DISCOUNT_BACKGROUND,
+  o.OMNIBUS_DISCOUNT,
+  n
+), Oo = e(
+  t.OMNIBUS_DISCOUNT_PADDINGS,
+  o.OMNIBUS_DISCOUNT,
+  n
+), Io = c(
+  t.BUTTON_ALIGN,
+  o.BUTTON,
+  n
+), eo = _(
+  t.BUTTON_BORDER,
+  o.BUTTON,
+  n
+), No = T(
+  t.BUTTON_BORDER_RADIUS,
+  o.BUTTON,
+  n
+), lo = i(
+  t.BUTTON_COLOR,
+  o.BUTTON,
+  n
+), co = s(
+  t.BUTTON_FONT_FAMILY,
+  o.BUTTON,
+  n
+), _o = S(
+  t.BUTTON_MARGINS,
+  o.BUTTON,
+  n
+), To = E(
+  t.BUTTON_PADDINGS,
+  o.BUTTON,
+  n
+), io = P(
+  t.BUTTON_TEXT,
+  o.BUTTON,
+  n
+), Bo = U(
+  t.BUTTON_TEXT_SIZE,
+  o.BUTTON,
+  n
+), so = R(
+  t.BUTTON_TEXT_STYLE_AND_FONT_COLOR,
+  o.BUTTON,
+  n
+), So = B(
+  t.BUTTON_FIT_TO_CONTENT,
+  o.BUTTON,
+  n
+), Eo = M(
+  t.IMAGE_SIZE,
+  o.IMAGE,
+  n
+), Po = a(
+  t.IMAGE_MARGINS,
+  o.IMAGE,
+  n
+);
+export {
+  Io as ButtonAlignControl,
+  eo as ButtonBorderControl,
+  No as ButtonBorderRadiusControl,
+  lo as ButtonColorControl,
+  So as ButtonFitToContentControl,
+  co as ButtonFontFamilyControl,
+  _o as ButtonMarginsControl,
+  To as ButtonPaddingsControl,
+  io as ButtonTextControl,
+  Bo as ButtonTextSizeControl,
+  so as ButtonTextStyleAndFontColorControl,
+  Po as ImageMarginsControl,
+  Eo as ImageSizeControl,
+  u as NameAlignControl,
+  g as NameBackgroundControl,
+  d as NameColorControl,
+  F as NameFontFamilyControl,
+  G as NamePaddingsControl,
+  m as NameSizeControl,
+  L as NameStyleControl,
+  K as OldPriceAlignControl,
+  j as OldPriceBackgroundControl,
+  p as OldPriceColorControl,
+  h as OldPriceFontFamilyControl,
+  q as OldPricePaddingsControl,
+  X as OldPriceSizeControl,
+  f as OldPriceStyleControl,
+  $ as OmnibusDiscountAlignControl,
+  ro as OmnibusDiscountBackgroundControl,
+  oo as OmnibusDiscountColorControl,
+  Co as OmnibusDiscountFontFamilyControl,
+  Oo as OmnibusDiscountPaddingsControl,
+  to as OmnibusDiscountSizeControl,
+  no as OmnibusDiscountStyleControl,
+  v as OmnibusPriceAlignControl,
+  V as OmnibusPriceBackgroundControl,
+  w as OmnibusPriceColorControl,
+  Q as OmnibusPriceFontFamilyControl,
+  W as OmnibusPricePaddingsControl,
+  H as OmnibusPriceSizeControl,
+  J as OmnibusPriceStyleControl,
+  y as PriceAlignControl,
+  k as PriceBackgroundControl,
+  b as PriceColorControl,
+  z as PriceFontFamilyControl,
+  Z as PricePaddingsControl,
+  x as PriceSizeControl,
+  Y as PriceStyleControl
+};

package/dist/extensions/Blocks/Recommendation/controls/nameTextTrimControl.js

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

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

@@ -1,13 +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 { 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 {
+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 {
   getId() {
-    return d.OMNIBUS_DISCOUNT_TEXT_AFTER;
+    return l.OMNIBUS_DISCOUNT_TEXT_AFTER;
   }
   getTemplate() {
     return `
@@ -44,11 +42,11 @@ class b extends a {
   _onTextChange(t) {
     if (!this.currentNode || !("closest" in this.currentNode))
       return;
-    const e = this.currentNode.closest(T);
+    const e = this.currentNode.closest(f);
     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="${d.OMNIBUS_DISCOUNT}"]`)
     );
     if (!n.length)
       return;
@@ -57,17 +55,17 @@ class b 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 c = T(r, t);
+        o.modifyHtml(r).setInnerHtml(c);
       }
-    }), o.apply(new c("Update omnibus discount text after"));
+    }), o.apply(new a("Update omnibus discount text after"));
   }
   _listenToFormUpdates() {
     this.api.onValueChanged("omnibusDiscountTextAfter", (t) => {
-      typeof t == "string" && this._onTextChange(t);
+      this._onTextChange(t);
     });
   }
 }
 export {
-  b as OmnibusDiscountTextAfterControl
+  E as OmnibusDiscountTextAfterControl
 };

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

@@ -1,13 +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 { 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 g extends l {
+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 {
   getId() {
-    return d.OMNIBUS_DISCOUNT_TEXT_BEFORE;
+    return l.OMNIBUS_DISCOUNT_TEXT_BEFORE;
   }
   getTemplate() {
     return `
@@ -44,11 +42,11 @@ class g extends l {
   _onTextChange(e) {
     if (!this.currentNode || !("closest" in this.currentNode))
       return;
-    const t = this.currentNode.closest(T);
+    const t = this.currentNode.closest(f);
     if (!t || !("querySelectorAll" in t))
       return;
     const n = Array.from(
-      t.querySelectorAll(`[esd-extension-block-id="${a.OMNIBUS_DISCOUNT}"]`)
+      t.querySelectorAll(`[esd-extension-block-id="${d.OMNIBUS_DISCOUNT}"]`)
     );
     if (!n.length)
       return;
@@ -57,17 +55,17 @@ class g extends l {
       o.modifyHtml(s).setAttribute(i, e);
       const r = s.querySelector(p);
       if (r) {
-        const m = f(r, e);
-        o.modifyHtml(r).setInnerHtml(m);
+        const c = T(r, e);
+        o.modifyHtml(r).setInnerHtml(c);
       }
-    }), o.apply(new c("Update omnibus discount text before"));
+    }), o.apply(new m("Update omnibus discount text before"));
   }
   _listenToFormUpdates() {
     this.api.onValueChanged("omnibusDiscountTextBefore", (e) => {
-      typeof e == "string" && this._onTextChange(e);
+      this._onTextChange(e);
     });
   }
 }
 export {
-  g as OmnibusDiscountTextBeforeControl
+  C as OmnibusDiscountTextBeforeControl
 };

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

@@ -1,13 +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 { 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 {
+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 {
   getId() {
-    return d.OMNIBUS_PRICE_TEXT_AFTER;
+    return l.OMNIBUS_PRICE_TEXT_AFTER;
   }
   getTemplate() {
     return `
@@ -37,18 +35,18 @@ class N extends a {
   }
   _getCurrentText() {
     if (!this.currentNode || !("getAttribute" in this.currentNode))
-      return m;
+      return c;
     const t = this.currentNode.getAttribute(s);
-    return t === null ? m : t;
+    return t === null ? c : t;
   }
   _onTextChange(t) {
     if (!this.currentNode || !("closest" in this.currentNode))
       return;
-    const e = this.currentNode.closest(T);
+    const e = this.currentNode.closest(f);
     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="${d.OMNIBUS_PRICE}"]`)
     );
     if (!n.length)
       return;
@@ -57,10 +55,10 @@ class N extends a {
       r.modifyHtml(i).setAttribute(s, t);
       const o = i.querySelector(p);
       if (o) {
-        const u = f(o, t);
+        const u = T(o, t);
         r.modifyHtml(o).setInnerHtml(u);
       }
-    }), r.apply(new c("Update omnibus price text after"));
+    }), r.apply(new a("Update omnibus price text after"));
   }
   _listenToFormUpdates() {
     this.api.onValueChanged("omnibusPriceTextAfter", (t) => {
@@ -69,5 +67,5 @@ class N extends a {
   }
 }
 export {
-  N as OmnibusPriceTextAfterControl
+  C as OmnibusPriceTextAfterControl
 };

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

@@ -1,13 +1,11 @@
-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 {
+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 {
   getId() {
-    return d.OMNIBUS_PRICE_TEXT_BEFORE;
+    return l.OMNIBUS_PRICE_TEXT_BEFORE;
   }
   getTemplate() {
     return `
@@ -48,7 +46,7 @@ class N extends l {
     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="${d.OMNIBUS_PRICE}"]`)
     );
     if (!n.length)
       return;
@@ -57,10 +55,10 @@ class N extends l {
       o.modifyHtml(i).setAttribute(s, e);
       const r = i.querySelector(f);
       if (r) {
-        const m = T(r, e);
-        o.modifyHtml(r).setInnerHtml(m);
+        const u = T(r, e);
+        o.modifyHtml(r).setInnerHtml(u);
       }
-    }), o.apply(new u("Update omnibus price text before"));
+    }), o.apply(new m("Update omnibus price text before"));
   }
   _listenToFormUpdates() {
     this.api.onValueChanged("omnibusPriceTextBefore", (e) => {
@@ -69,5 +67,5 @@ class N extends l {
   }
 }
 export {
-  N as OmnibusPriceTextBeforeControl
+  C as OmnibusPriceTextBeforeControl
 };