@useinsider/guido 2.1.0-beta.e13d291 → 2.1.0-beta.e2d48fe

package/dist/extensions/Blocks/Recommendation/controls/main/utils.js

@@ -1,286 +0,0 @@
-import { ModificationDescription as g } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { RecommendationBlockId as f } from "../../constants/blockIds.js";
-import { CURRENCY_ATTR as y, CONTAINER_SELECTOR as I } from "../../constants/selectors.js";
-import { useRecommendationExtensionStore as A } from "../../store/recommendation.js";
-import { prepareProductRows as R } from "../../templates/index.js";
-import { formatPrice as O } from "../../utils/priceFormatter.js";
-import { isTdNode as T } from "../../utils/tagName.js";
-import { sanitizeImageUrl as k, getDefaultProducts as _, DEFAULT_CARD_COMPOSITION as P } from "../../templates/utils.js";
-const C = "ins-recommendation-v3-block-v2";
-function b(o) {
-  if (!o)
-    return null;
-  if ("getAttribute" in o) {
-    const e = o.getAttribute("class");
-    if (e && e.includes(C))
-      return o;
-  }
-  return "querySelector" in o ? o.querySelector(`.${C}`) : null;
-}
-function q(o) {
-  const e = b(o);
-  if (!e || !("getAttribute" in e))
-    return "grid";
-  const t = e.getAttribute("data-layout");
-  return t === "list" || t === "horizontal" ? "list" : "grid";
-}
-function D(o) {
-  const e = b(o);
-  if (!e || !("getAttribute" in e))
-    return P;
-  const t = e.getAttribute("data-card-composition");
-  return t ? t.split(",").filter(Boolean) : P;
-}
-function S(o, e, t) {
-  if (!e || !("childNodes" in e))
-    return !1;
-  const n = e.childNodes().find(
-    (i) => "getType" in i && i.getType() === "text"
-  );
-  return n ? (o.modifyHtml(n).setText(t), !0) : !1;
-}
-function w(o, e) {
-  return o && o.length > 0 ? o : e.length > 0 ? e : _();
-}
-function U(o) {
-  const { currentNode: e, documentModifier: t, afterRegenerate: r, products: n, layout: i } = o;
-  if (!e || !("querySelector" in e))
-    return;
-  const c = e.querySelector(I);
-  if (!c)
-    return;
-  const s = A(), l = w(n, s.recommendationProducts), { cardsInRow: u } = s.recommendationConfigs, d = D(e), a = i ?? q(e), p = R(l, a, {
-    productsPerRow: u,
-    composition: d
-  });
-  t.modifyHtml(c).setInnerHtml(p).apply(new g("Updated product")), r == null || r();
-}
-function $(o, e, t, r) {
-  const i = `0 ${Math.floor(t / 2)}px`;
-  let c = !1;
-  return r === "grid" ? Array.from(
-    o.querySelectorAll(".attribute-cell")
-  ).forEach((l) => {
-    e.modifyHtml(l).setStyle("padding", i), c = !0;
-  }) : Array.from(
-    o.querySelectorAll(".product-card-wrapper")
-  ).forEach((l) => {
-    const u = "parentNode" in l ? l.parentNode : null;
-    u && T(u) && (e.modifyHtml(u).setStyle("padding", i), c = !0);
-  }), c;
-}
-function L(o, e, t) {
-  const r = `${t}px`, n = Array.from(o.querySelectorAll(".spacer"));
-  let i = !1;
-  return n.forEach((c) => {
-    e.modifyHtml(c).setStyle("height", r), i = !0;
-  }), i;
-}
-function H(o) {
-  const { currentNode: e, documentModifier: t } = o;
-  if (!e)
-    return;
-  const r = b(e);
-  if (!r || !("getAttribute" in r))
-    return;
-  const n = r.getAttribute("data-column-spacing"), i = r.getAttribute("data-row-spacing"), c = q(e);
-  let s = !1;
-  if (n) {
-    const l = parseInt(n);
-    Number.isNaN(l) || (s = $(
-      e,
-      t,
-      l,
-      c
-    ));
-  }
-  if (i) {
-    const l = parseInt(i);
-    if (!Number.isNaN(l)) {
-      const u = L(e, t, l);
-      s = s || u;
-    }
-  }
-  s && t.apply(new g("Reapply spacing after regeneration"));
-}
-function K(o) {
-  const { currentNode: e, documentModifier: t, afterRegenerate: r, products: n, layout: i } = o;
-  e && U({
-    currentNode: e,
-    documentModifier: t,
-    products: n,
-    layout: i,
-    afterRegenerate: () => {
-      setTimeout(() => {
-        H({ currentNode: e, documentModifier: t });
-      }, 0), r == null || r();
-    }
-  });
-}
-function h() {
-  const o = A(), { currencySettings: e } = o.recommendationConfigs;
-  return {
-    code: e.value,
-    symbol: e.symbol,
-    alignment: e.alignment === "0" ? "before" : "after",
-    decimalCount: parseInt(e.decimalCount) || 2,
-    decimalSeparator: e.decimalSeparator,
-    thousandSeparator: e.thousandSeparator
-  };
-}
-function E(o, e = "price") {
-  const t = h(), r = o[e], n = (r == null ? void 0 : r[t.code]) ?? Object.values(r ?? {})[0] ?? 0;
-  return O({
-    price: n,
-    currency: t
-  });
-}
-function x(o) {
-  var i, c;
-  const e = h(), t = ((i = o.original_price) == null ? void 0 : i[e.code]) ?? Object.values(o.original_price ?? {})[0] ?? 0, r = ((c = o.price) == null ? void 0 : c[e.code]) ?? Object.values(o.price ?? {})[0] ?? 0, n = t > 0 ? Math.round((t - r) / t * 100) : 0;
-  return n > 0 ? `-${n}%` : "0%";
-}
-function N(o) {
-  const { documentModifier: e, product: t, priceEl: r, oldPriceEl: n, omnibusPriceEl: i, omnibusDiscountEl: c } = o;
-  let s = !1;
-  if (r && "querySelector" in r) {
-    const l = r.querySelector("strong"), u = E(t, "price");
-    S(e, l, u) && (s = !0);
-  }
-  if (n && "querySelector" in n) {
-    const l = n.querySelector("strong"), u = E(t, "original_price");
-    S(e, l, u) && (s = !0);
-  }
-  if (i && "querySelector" in i) {
-    const l = i.querySelector(".omnibus-price-value"), u = E(t, "original_price");
-    S(e, l, u) && (s = !0);
-  }
-  if (c && "querySelector" in c) {
-    const l = c.querySelector(".omnibus-discount-value"), u = x(t);
-    S(e, l, u) && (s = !0);
-  }
-  return s;
-}
-function B(o) {
-  const {
-    documentModifier: e,
-    product: t,
-    imageEl: r,
-    nameEl: n,
-    priceEl: i,
-    oldPriceEl: c,
-    omnibusPriceEl: s,
-    omnibusDiscountEl: l,
-    buttonEl: u
-  } = o;
-  let d = !1;
-  if (r && "querySelector" in r) {
-    const a = r.querySelector("img");
-    a && (e.modifyHtml(a).setAttribute("src", k(t.image_url)).setAttribute("alt", t.name), d = !0);
-    const p = r.querySelector("a");
-    p && (e.modifyHtml(p).setAttribute("href", t.url), d = !0);
-  }
-  if (n && "querySelector" in n) {
-    const a = n.querySelector("strong");
-    S(e, a, t.name) && (d = !0);
-  }
-  if (N({
-    documentModifier: e,
-    product: t,
-    priceEl: i,
-    oldPriceEl: c,
-    omnibusPriceEl: s,
-    omnibusDiscountEl: l
-  }) && (d = !0), u && "querySelector" in u) {
-    const a = u.querySelector("a.es-button") || u.querySelector("a");
-    a && (e.modifyHtml(a).setAttribute("href", t.url), d = !0);
-  }
-  return d;
-}
-function J(o) {
-  const { currentNode: e, documentModifier: t, products: r } = o;
-  if (!e || !("querySelectorAll" in e))
-    return !1;
-  const n = e.querySelectorAll(
-    `[esd-extension-block-id="${f.IMAGE}"]`
-  ), i = e.querySelectorAll(
-    `[esd-extension-block-id="${f.NAME}"]`
-  ), c = e.querySelectorAll(
-    `[esd-extension-block-id="${f.PRICE}"]`
-  ), s = e.querySelectorAll(
-    `[esd-extension-block-id="${f.OLD_PRICE}"]`
-  ), l = e.querySelectorAll(
-    `[esd-extension-block-id="${f.OMNIBUS_PRICE}"]`
-  ), u = e.querySelectorAll(
-    `[esd-extension-block-id="${f.OMNIBUS_DISCOUNT}"]`
-  ), d = e.querySelectorAll(
-    `[esd-extension-block-id="${f.BUTTON}"]`
-  );
-  if (n.length !== r.length)
-    return !1;
-  let a = !1;
-  return r.forEach((p, m) => {
-    const M = B({
-      documentModifier: t,
-      product: p,
-      imageEl: n[m] ?? null,
-      nameEl: i[m] ?? null,
-      priceEl: c[m] ?? null,
-      oldPriceEl: s[m] ?? null,
-      omnibusPriceEl: l[m] ?? null,
-      omnibusDiscountEl: u[m] ?? null,
-      buttonEl: d[m] ?? null
-    });
-    a = a || M;
-  }), a && t.apply(new g("Updated product content in-place")), !0;
-}
-function Q(o) {
-  const { currentNode: e, documentModifier: t } = o;
-  if (!e || !("querySelectorAll" in e))
-    return !1;
-  const n = A().recommendationProducts;
-  if (n.length === 0)
-    return !1;
-  const i = e.querySelectorAll(
-    `[esd-extension-block-id="${f.PRICE}"]`
-  ), c = e.querySelectorAll(
-    `[esd-extension-block-id="${f.OLD_PRICE}"]`
-  ), s = e.querySelectorAll(
-    `[esd-extension-block-id="${f.OMNIBUS_PRICE}"]`
-  ), l = e.querySelectorAll(
-    `[esd-extension-block-id="${f.OMNIBUS_DISCOUNT}"]`
-  );
-  let u = !1;
-  return n.forEach((d, a) => {
-    N({
-      documentModifier: t,
-      product: d,
-      priceEl: i[a] ?? null,
-      oldPriceEl: c[a] ?? null,
-      omnibusPriceEl: s[a] ?? null,
-      omnibusDiscountEl: l[a] ?? null
-    }) && (u = !0);
-  }), u && t.apply(new g("Updated price formatting in-place")), u;
-}
-function X(o) {
-  const { currentNode: e, documentModifier: t, currency: r } = o, n = b(e);
-  if (!n)
-    return;
-  const i = r.alignment === "before" ? "0" : "1", c = (s, l) => {
-    t.modifyHtml(n).setAttribute(s, l);
-  };
-  c(y.CURRENCY, r.code), c(y.SYMBOL, r.symbol), c(y.ALIGNMENT, i), c(y.THOUSAND_SEPARATOR, r.thousandSeparator), c(y.DECIMAL_SEPARATOR, r.decimalSeparator), c(y.DECIMAL_COUNT, r.decimalCount.toString()), t.apply(new g("Update currency attributes"));
-}
-export {
-  E as formatProductPrice,
-  b as getBlockElement,
-  D as getCardComposition,
-  q as getCurrentLayout,
-  H as reapplySpacing,
-  U as regenerateProductRows,
-  K as regenerateProductRowsWithStyles,
-  X as setCurrencyAttributes,
-  Q as updatePricesInPlace,
-  J as updateProductContentInPlace,
-  B as updateSingleProductContent
-};

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

@@ -1,46 +0,0 @@
-import { createPaddingsControl as n, createTextBackgroundColorControl as e, createTextFontFamilyControl as l, createTextStyleControl as C, createTextSizeControl as c, createTextColorControl as N, createTextAlignControl as a } from "../../../controlFactories.js";
-import { RecommendationBlockId as o } from "../../constants/blockIds.js";
-import { RecommendationControlId as t } from "../../constants/controlIds.js";
-import { CONTAINER_SELECTOR as r } from "../../constants/selectors.js";
-import { NameTextTrimControl as i } from "./textTrim.js";
-const m = a(
-  t.NAME_ALIGN,
-  o.NAME,
-  r
-), A = N(
-  t.NAME_COLOR,
-  o.NAME,
-  r
-), E = c(
-  t.NAME_SIZE,
-  o.NAME,
-  r
-), M = C(
-  t.NAME_STYLE,
-  o.NAME,
-  r
-), s = l(
-  t.NAME_FONT_FAMILY,
-  o.NAME,
-  r
-), d = e(
-  t.NAME_BACKGROUND,
-  o.NAME,
-  r
-), T = n(
-  t.NAME_PADDINGS,
-  o.NAME,
-  r
-), F = {
-  align: m,
-  color: A,
-  size: E,
-  style: M,
-  fontFamily: s,
-  background: d,
-  paddings: T,
-  textTrim: i
-};
-export {
-  F as NameControls
-};

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

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

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

@@ -1,44 +0,0 @@
-import { createPaddingsControl as r, createTextBackgroundColorControl as C, createTextFontFamilyControl as e, createTextStyleControl as l, createTextSizeControl as c, createTextColorControl as _, createTextAlignControl as I } from "../../../controlFactories.js";
-import { RecommendationBlockId as o } from "../../constants/blockIds.js";
-import { RecommendationControlId as t } from "../../constants/controlIds.js";
-import { CONTAINER_SELECTOR as n } from "../../constants/selectors.js";
-const O = I(
-  t.OLD_PRICE_ALIGN,
-  o.OLD_PRICE,
-  n
-), R = _(
-  t.OLD_PRICE_COLOR,
-  o.OLD_PRICE,
-  n
-), a = c(
-  t.OLD_PRICE_SIZE,
-  o.OLD_PRICE,
-  n
-), i = l(
-  t.OLD_PRICE_STYLE,
-  o.OLD_PRICE,
-  n
-), E = e(
-  t.OLD_PRICE_FONT_FAMILY,
-  o.OLD_PRICE,
-  n
-), L = C(
-  t.OLD_PRICE_BACKGROUND,
-  o.OLD_PRICE,
-  n
-), P = r(
-  t.OLD_PRICE_PADDINGS,
-  o.OLD_PRICE,
-  n
-), T = {
-  align: O,
-  color: R,
-  size: a,
-  style: i,
-  fontFamily: E,
-  background: L,
-  paddings: P
-};
-export {
-  T as OldPriceControls
-};

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

@@ -1,48 +0,0 @@
-import { createPaddingsControl as n, createTextBackgroundColorControl as e, createTextFontFamilyControl as C, createTextStyleControl as O, createTextSizeControl as S, createTextColorControl as I, createTextAlignControl as N } from "../../../controlFactories.js";
-import { RecommendationBlockId as o } from "../../constants/blockIds.js";
-import { RecommendationControlId as t } from "../../constants/controlIds.js";
-import { CONTAINER_SELECTOR as r } from "../../constants/selectors.js";
-import { OmnibusDiscountTextAfterControl as l } from "./textAfter.js";
-import { OmnibusDiscountTextBeforeControl as U } from "./textBefore.js";
-const i = N(
-  t.OMNIBUS_DISCOUNT_ALIGN,
-  o.OMNIBUS_DISCOUNT,
-  r
-), T = I(
-  t.OMNIBUS_DISCOUNT_COLOR,
-  o.OMNIBUS_DISCOUNT,
-  r
-), c = S(
-  t.OMNIBUS_DISCOUNT_SIZE,
-  o.OMNIBUS_DISCOUNT,
-  r
-), _ = O(
-  t.OMNIBUS_DISCOUNT_STYLE,
-  o.OMNIBUS_DISCOUNT,
-  r
-), m = C(
-  t.OMNIBUS_DISCOUNT_FONT_FAMILY,
-  o.OMNIBUS_DISCOUNT,
-  r
-), s = e(
-  t.OMNIBUS_DISCOUNT_BACKGROUND,
-  o.OMNIBUS_DISCOUNT,
-  r
-), B = n(
-  t.OMNIBUS_DISCOUNT_PADDINGS,
-  o.OMNIBUS_DISCOUNT,
-  r
-), g = {
-  align: i,
-  color: T,
-  size: c,
-  style: _,
-  fontFamily: m,
-  background: s,
-  paddings: B,
-  textBefore: U,
-  textAfter: l
-};
-export {
-  g as OmnibusDiscountControls
-};

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

@@ -1,48 +0,0 @@
-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 { CONTAINER_SELECTOR as r } from "../../constants/selectors.js";
-import { OmnibusPriceTextAfterControl as O } from "./textAfter.js";
-import { OmnibusPriceTextBeforeControl as _ } from "./textBefore.js";
-const m = c(
-  t.OMNIBUS_PRICE_ALIGN,
-  o.OMNIBUS_PRICE,
-  r
-), S = i(
-  t.OMNIBUS_PRICE_COLOR,
-  o.OMNIBUS_PRICE,
-  r
-), B = l(
-  t.OMNIBUS_PRICE_SIZE,
-  o.OMNIBUS_PRICE,
-  r
-), N = I(
-  t.OMNIBUS_PRICE_STYLE,
-  o.OMNIBUS_PRICE,
-  r
-), P = C(
-  t.OMNIBUS_PRICE_FONT_FAMILY,
-  o.OMNIBUS_PRICE,
-  r
-), R = e(
-  t.OMNIBUS_PRICE_BACKGROUND,
-  o.OMNIBUS_PRICE,
-  r
-), a = n(
-  t.OMNIBUS_PRICE_PADDINGS,
-  o.OMNIBUS_PRICE,
-  r
-), f = {
-  align: m,
-  color: S,
-  size: B,
-  style: N,
-  fontFamily: P,
-  background: R,
-  paddings: a,
-  textBefore: _,
-  textAfter: O
-};
-export {
-  f as OmnibusPriceControls
-};

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

@@ -1,44 +0,0 @@
-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 { CONTAINER_SELECTOR as n } from "../../constants/selectors.js";
-const a = R(
-  t.PRICE_ALIGN,
-  o.PRICE,
-  n
-), i = I(
-  t.PRICE_COLOR,
-  o.PRICE,
-  n
-), E = c(
-  t.PRICE_SIZE,
-  o.PRICE,
-  n
-), P = l(
-  t.PRICE_STYLE,
-  o.PRICE,
-  n
-), m = e(
-  t.PRICE_FONT_FAMILY,
-  o.PRICE,
-  n
-), s = C(
-  t.PRICE_BACKGROUND,
-  o.PRICE,
-  n
-), d = r(
-  t.PRICE_PADDINGS,
-  o.PRICE,
-  n
-), x = {
-  align: a,
-  color: i,
-  size: E,
-  style: P,
-  fontFamily: m,
-  background: s,
-  paddings: d
-};
-export {
-  x as PriceControls
-};