@useinsider/guido 2.0.0-beta.cf2fe38 → 2.0.0-beta.d170da6

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/omnibusDiscountTextAfterControl.js

@@ -0,0 +1,71 @@
+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 l.OMNIBUS_DISCOUNT_TEXT_AFTER;
+  }
+  getTemplate() {
+    return `
+            <div class="omnibus-discount-text-after-control-container">
+                ${this._GuTwoColumns([
+      this._GuLabel({ text: "Text After" }),
+      this._GuTextInput({
+        name: "omnibusDiscountTextAfter",
+        placeholder: "e.g., off!",
+        className: "es-180w"
+      })
+    ])}
+            </div>
+        `;
+  }
+  onRender() {
+    this._setFormValues(), this._listenToFormUpdates();
+  }
+  onTemplateNodeUpdated(t) {
+    super.onTemplateNodeUpdated(t), this._setFormValues();
+  }
+  _setFormValues() {
+    const t = this._getCurrentText();
+    this.api.updateValues({
+      omnibusDiscountTextAfter: t
+    });
+  }
+  _getCurrentText() {
+    if (!this.currentNode || !("getAttribute" in this.currentNode))
+      return u;
+    const t = this.currentNode.getAttribute(i);
+    return t === null ? u : t;
+  }
+  _onTextChange(t) {
+    if (!this.currentNode || !("closest" in this.currentNode))
+      return;
+    const e = this.currentNode.closest(f);
+    if (!e || !("querySelectorAll" in e))
+      return;
+    const n = Array.from(
+      e.querySelectorAll(`[esd-extension-block-id="${d.OMNIBUS_DISCOUNT}"]`)
+    );
+    if (!n.length)
+      return;
+    const o = this.api.getDocumentModifier();
+    n.forEach((s) => {
+      o.modifyHtml(s).setAttribute(i, t);
+      const r = s.querySelector(p);
+      if (r) {
+        const c = T(r, t);
+        o.modifyHtml(r).setInnerHtml(c);
+      }
+    }), o.apply(new a("Update omnibus discount text after"));
+  }
+  _listenToFormUpdates() {
+    this.api.onValueChanged("omnibusDiscountTextAfter", (t) => {
+      this._onTextChange(t);
+    });
+  }
+}
+export {
+  E as OmnibusDiscountTextAfterControl
+};

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

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

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

@@ -0,0 +1,71 @@
+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 l.OMNIBUS_PRICE_TEXT_AFTER;
+  }
+  getTemplate() {
+    return `
+            <div class="omnibus-price-text-after-control-container">
+                ${this._GuTwoColumns([
+      this._GuLabel({ text: "Text After" }),
+      this._GuTextInput({
+        name: "omnibusPriceTextAfter",
+        placeholder: "e.g., (incl. VAT)",
+        className: "es-180w"
+      })
+    ])}
+            </div>
+        `;
+  }
+  onRender() {
+    this._setFormValues(), this._listenToFormUpdates();
+  }
+  onTemplateNodeUpdated(t) {
+    super.onTemplateNodeUpdated(t), this._setFormValues();
+  }
+  _setFormValues() {
+    const t = this._getCurrentText();
+    this.api.updateValues({
+      omnibusPriceTextAfter: t
+    });
+  }
+  _getCurrentText() {
+    if (!this.currentNode || !("getAttribute" in this.currentNode))
+      return c;
+    const t = this.currentNode.getAttribute(s);
+    return t === null ? c : t;
+  }
+  _onTextChange(t) {
+    if (!this.currentNode || !("closest" in this.currentNode))
+      return;
+    const e = this.currentNode.closest(f);
+    if (!e || !("querySelectorAll" in e))
+      return;
+    const n = Array.from(
+      e.querySelectorAll(`[esd-extension-block-id="${d.OMNIBUS_PRICE}"]`)
+    );
+    if (!n.length)
+      return;
+    const r = this.api.getDocumentModifier();
+    n.forEach((i) => {
+      r.modifyHtml(i).setAttribute(s, t);
+      const o = i.querySelector(p);
+      if (o) {
+        const u = T(o, t);
+        r.modifyHtml(o).setInnerHtml(u);
+      }
+    }), r.apply(new a("Update omnibus price text after"));
+  }
+  _listenToFormUpdates() {
+    this.api.onValueChanged("omnibusPriceTextAfter", (t) => {
+      this._onTextChange(t);
+    });
+  }
+}
+export {
+  C as OmnibusPriceTextAfterControl
+};

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

@@ -0,0 +1,71 @@
+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 l.OMNIBUS_PRICE_TEXT_BEFORE;
+  }
+  getTemplate() {
+    return `
+            <div class="omnibus-price-text-before-control-container">
+                ${this._GuTwoColumns([
+      this._GuLabel({ text: "Text Before" }),
+      this._GuTextInput({
+        name: "omnibusPriceTextBefore",
+        placeholder: "e.g., Lowest 30-day price: ",
+        className: "es-180w"
+      })
+    ])}
+            </div>
+        `;
+  }
+  onRender() {
+    this._setFormValues(), this._listenToFormUpdates();
+  }
+  onTemplateNodeUpdated(e) {
+    super.onTemplateNodeUpdated(e), this._setFormValues();
+  }
+  _setFormValues() {
+    const e = this._getCurrentText();
+    this.api.updateValues({
+      omnibusPriceTextBefore: e
+    });
+  }
+  _getCurrentText() {
+    if (!this.currentNode || !("getAttribute" in this.currentNode))
+      return c;
+    const e = this.currentNode.getAttribute(s);
+    return e === null ? c : e;
+  }
+  _onTextChange(e) {
+    if (!this.currentNode || !("closest" in this.currentNode))
+      return;
+    const t = this.currentNode.closest(p);
+    if (!t || !("querySelectorAll" in t))
+      return;
+    const n = Array.from(
+      t.querySelectorAll(`[esd-extension-block-id="${d.OMNIBUS_PRICE}"]`)
+    );
+    if (!n.length)
+      return;
+    const o = this.api.getDocumentModifier();
+    n.forEach((i) => {
+      o.modifyHtml(i).setAttribute(s, e);
+      const r = i.querySelector(f);
+      if (r) {
+        const u = T(r, e);
+        o.modifyHtml(r).setInnerHtml(u);
+      }
+    }), o.apply(new m("Update omnibus price text before"));
+  }
+  _listenToFormUpdates() {
+    this.api.onValueChanged("omnibusPriceTextBefore", (e) => {
+      this._onTextChange(e);
+    });
+  }
+}
+export {
+  C as OmnibusPriceTextBeforeControl
+};