@useinsider/guido 2.1.0 → 2.2.0-beta.071f000

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

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

package/dist/extensions/Blocks/Recommendation/controls/mobileLayout/cssRules.js

@@ -0,0 +1,21 @@
+import { ModificationDescription as l } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+const s = "ins-recommendation-desktop-container", i = "ins-recommendation-mobile-container", o = "ins-recommendation-list-layout", a = `.${i} { display: none; }`, d = `@media only screen and (max-width: 480px) { .${s} { display: none !important; } .${i} { display: table !important; } .${o} .${s} { display: table !important; } .${o} .${i}, .${o} .ins-recommendation-mobile-row { display: none !important; } .${o} .product-image-cell { width: 80px !important; } .${o} .product-image-cell img { max-width: 80px !important; } .${o} .button-cell { width: 80px !important; } .${o} .product-info-cell { padding: 5px 8px !important; } }`, p = `.${i}`;
+function c(t, e) {
+  return !!t.querySelector(e);
+}
+function m(t) {
+  return t.querySelectorAll(`*${s}`).length > 0;
+}
+function S(t) {
+  const e = t.getDocumentRootCssNode();
+  if (!e)
+    return;
+  const n = t.getDocumentModifier();
+  let r = !1;
+  c(e, p) || (n.modifyCss(e).appendRule(a), r = !0), m(e) || (n.modifyCss(e).appendRule(d), r = !0), r && n.apply(new l("Add mobile layout CSS rules"));
+}
+export {
+  s as CSS_CLASS_DESKTOP_CONTAINER,
+  i as CSS_CLASS_MOBILE_CONTAINER,
+  S as ensureMobileCssRulesExist
+};

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

@@ -0,0 +1,46 @@
+import { createPaddingsControl as n, createTextBackgroundColorControl as e, createTextFontFamilyControl as l, createTextStyleControl as C, createTextSizeControl as c, createTextColorControl as a, createTextAlignControl as i } from "../../../controlFactories.js";
+import { RecommendationBlockId as o } from "../../constants/blockIds.js";
+import { RecommendationControlId as t } from "../../constants/controlIds.js";
+import { BLOCK_ROOT_SELECTOR as r } from "../../constants/selectors.js";
+import { NameTextTrimControl as m } from "./textTrim.js";
+const A = i(
+  t.NAME_ALIGN,
+  o.NAME,
+  r
+), N = a(
+  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
+), p = {
+  align: A,
+  color: N,
+  size: E,
+  style: M,
+  fontFamily: s,
+  background: d,
+  paddings: T,
+  textTrim: m
+};
+export {
+  p as NameControls
+};

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

@@ -0,0 +1,108 @@
+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 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 {
+  getId() {
+    return m.NAME_TEXT_TRIM;
+  }
+  getTemplate() {
+    return `
+            <div class="name-text-trim-control-container">
+                ${this._GuTwoColumns([
+      this._GuLabel({ text: "Trim Long Text" }),
+      this._GuToggle(i.TEXT_TRIM_ENABLED)
+    ])}
+            </div>
+        `;
+  }
+  onRender() {
+    this._setFormValues(), this._listenToFormUpdates();
+  }
+  onTemplateNodeUpdated(e) {
+    super.onTemplateNodeUpdated(e), this._setFormValues();
+  }
+  _setFormValues() {
+    const e = this._getCurrentTrimState();
+    this.api.updateValues({
+      [i.TEXT_TRIM_ENABLED]: e
+    });
+  }
+  _getCurrentTrimState() {
+    if (!this.currentNode || !("hasClass" in this.currentNode))
+      return !1;
+    if (this.currentNode.hasClass(o))
+      return !0;
+    const e = this.currentNode.closest(u);
+    if (!e)
+      return !1;
+    const t = e.querySelector(
+      `[esd-extension-block-id="${l.NAME}"]`
+    );
+    return t && "hasClass" in t ? t.hasClass(o) : !1;
+  }
+  /**
+   * Finds an existing CSS rule in the document stylesheet by exact query
+   * @param query - The CSS query to search for (uses Stripo's CSS query syntax)
+   * @returns The CSS rule node if found, undefined otherwise
+   */
+  _findCssRule(e) {
+    const t = this.api.getDocumentRootCssNode();
+    if (t)
+      return t.querySelector(e);
+  }
+  /**
+   * Finds the .text-trim-enabled p rule by searching all text-trim rules and comparing selectors
+   * This is needed because Stripo's CSS query syntax interprets spaces as path separators
+   * @returns true if the rule exists
+   */
+  _hasParagraphRule() {
+    const e = this.api.getDocumentRootCssNode();
+    return e ? e.querySelectorAll(`*${o}`).some((s) => "getSelector" in s && typeof s.getSelector == "function" ? s.getSelector() === T : !1) : !1;
+  }
+  /**
+   * Ensures the text-trim CSS rules exist in the document stylesheet
+   * Only adds rules if they don't already exist (prevents duplicates across multiple blocks)
+   */
+  _ensureCssRulesExist() {
+    const e = this.api.getDocumentRootCssNode();
+    if (!e)
+      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"));
+  }
+  _onTextTrimChange(e) {
+    if (!this.currentNode || !("closest" in this.currentNode))
+      return;
+    const t = this.currentNode.closest(u);
+    if (!t || !("querySelectorAll" in t))
+      return;
+    const s = Array.from(
+      t.querySelectorAll(`[esd-extension-block-id="${l.NAME}"]`)
+    );
+    if (!s.length)
+      return;
+    e && this._ensureCssRulesExist();
+    const r = this.api.getDocumentModifier();
+    s.forEach((n) => {
+      e ? r.modifyHtml(n).setClass(o) : r.modifyHtml(n).removeClass(o);
+    }), r.apply(
+      new a(
+        e ? "Enable product name text trimming" : "Disable product name text trimming"
+      )
+    );
+  }
+  _listenToFormUpdates() {
+    this.api.onValueChanged(i.TEXT_TRIM_ENABLED, (e) => {
+      this._onTextTrimChange(e);
+    });
+  }
+}
+export {
+  N as NameTextTrimControl
+};

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

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

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

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