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

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

@@ -1,68 +0,0 @@
-import { ModificationDescription as a } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as d } from "../../common-control.js";
-const c = "recommendation-card-background-color-control", o = {
-  CARD_BACKGROUND_COLOR: "cardBackgroundColor"
-};
-class u extends d {
-  getId() {
-    return c;
-  }
-  getTemplate() {
-    return `
-            <div class="card-bg-control-container">
-                ${this._GuTwoColumns([
-      this._GuLabel({ text: "Card Background Color" }),
-      this._GuColorPicker(o.CARD_BACKGROUND_COLOR)
-    ])}
-            </div>
-        `;
-  }
-  onRender() {
-    this._setFormValues(), this._listenToFormUpdates();
-  }
-  onTemplateNodeUpdated(r) {
-    super.onTemplateNodeUpdated(r), this._setFormValues();
-  }
-  _setFormValues() {
-    const r = this._getCurrentCardBackgroundColor();
-    this.api.updateValues({
-      [o.CARD_BACKGROUND_COLOR]: r
-    });
-  }
-  /**
-   * Reads the current background color from the first product card wrapper
-   * @returns The background color value or 'transparent' if not found
-   */
-  _getCurrentCardBackgroundColor() {
-    if (!this.currentNode || !("querySelectorAll" in this.currentNode))
-      return "transparent";
-    const r = this.currentNode.querySelector(".product-card-wrapper");
-    return !r || !("getStyle" in r) ? "transparent" : r.getStyle("background-color") || "transparent";
-  }
-  /**
-   * Handles card background color changes
-   * Applies the color to all product card wrapper elements
-   */
-  _onCardBackgroundColorChange(r) {
-    if (!this.currentNode || !("querySelectorAll" in this.currentNode))
-      return;
-    const e = Array.from(
-      this.currentNode.querySelectorAll(".product-card-wrapper")
-    );
-    if (e.length === 0)
-      return;
-    const t = this.api.getDocumentModifier();
-    e.forEach((n) => {
-      t.modifyHtml(n).setStyle("background-color", r);
-    }), t.apply(new a("Update card background color"));
-  }
-  _listenToFormUpdates() {
-    this.api.onValueChanged(o.CARD_BACKGROUND_COLOR, (r) => {
-      this._onCardBackgroundColorChange(r);
-    });
-  }
-}
-export {
-  c as CARD_BACKGROUND_COLOR_CONTROL_ID,
-  u as CardBackgroundColorControl
-};

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

@@ -1,245 +0,0 @@
-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

@@ -1,74 +0,0 @@
-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

@@ -1,71 +0,0 @@
-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

@@ -1,71 +0,0 @@
-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

@@ -1,71 +0,0 @@
-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

@@ -1,71 +0,0 @@
-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
-};