@useinsider/guido 2.0.0-beta.edc1f0a → 2.0.0-beta.eee5ecc

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

@@ -1,147 +0,0 @@
-var a = Object.defineProperty;
-var h = (n, s, e) => s in n ? a(n, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[s] = e;
-var r = (n, s, e) => h(n, typeof s != "symbol" ? s + "" : s, e);
-import { CommonControl as m } from "../../../common-control.js";
-import { useRecommendationExtensionStore as u } from "../../store/recommendation.js";
-import { AlgorithmControl as C } from "./algorithm.js";
-import { ALGORITHM_CONTROL_ID as x } from "./algorithm.js";
-import { CurrencyControl as c } from "./currency.js";
-import { CURRENCY_CONTROL_ID as k } from "./currency.js";
-import { FiltersControl as d } from "./filters.js";
-import { FILTERS_CONTROL_ID as A } from "./filters.js";
-import { LocaleControl as f } from "./locale.js";
-import { LOCALE_CONTROL_ID as z } from "./locale.js";
-import { ProductLayoutControl as p } from "./productLayout.js";
-import { PRODUCT_LAYOUT_CONTROL_ID as Y } from "./productLayout.js";
-import { ShuffleControl as R } from "./shuffle.js";
-import { SHUFFLE_CONTROL_ID as B } from "./shuffle.js";
-import { useDebounceFn as y } from "../../../../../node_modules/@vueuse/shared/index.js";
-const T = /* @__PURE__ */ new Set([
-  "size",
-  "strategy",
-  "filters",
-  "productIds",
-  "language",
-  "shuffleProducts"
-]), _ = "ui-elements-recommendation-block";
-class F extends m {
-  constructor() {
-    super(...arguments);
-    r(this, "store", u());
-    r(this, "storeUnsubscription", () => {
-    });
-    // Sub-control instances for lifecycle management
-    r(this, "algorithmControl", null);
-    r(this, "localeControl", null);
-    r(this, "currencyControl", null);
-    r(this, "productLayoutControl", null);
-    r(this, "filtersControl", null);
-    r(this, "shuffleControl", null);
-    /**
-     * Debounced product fetch to prevent rapid API calls during config changes
-     */
-    r(this, "_debouncedFetchProducts", y(() => {
-      this.store.fetchRecommendationProducts();
-    }, 500));
-  }
-  getId() {
-    return _;
-  }
-  getTemplate() {
-    return this.algorithmControl = new C(), this.localeControl = new f(), this.currencyControl = new c(), this.productLayoutControl = new p(), this.filtersControl = new d(), this.shuffleControl = new R(), `
-            <div class="recommendation-controls-container">
-                ${this.algorithmControl.getTemplate()}
-                ${this.localeControl.getTemplate()}
-                ${this.currencyControl.getTemplate()}
-                ${this.filtersControl.getTemplate()}
-                ${this.productLayoutControl.getTemplate()}
-                ${this.shuffleControl.getTemplate()}
-            </div>
-        `;
-  }
-  async onRender() {
-    (await Promise.allSettled([
-      this.store.fetchRecommendationFilters(),
-      this.store.fetchRecommendationCreateData(),
-      this.store.fetchRecommendationProducts()
-    ])).forEach((t, o) => {
-      t.status === "rejected" && console.warn(`Recommendation block: ${[
-        "fetchRecommendationFilters",
-        "fetchRecommendationCreateData",
-        "fetchRecommendationProducts"
-      ][o]} failed`, t.reason);
-    }), this._initializeSubControls(), this._listenStateUpdates();
-  }
-  onTemplateNodeUpdated(e) {
-    super.onTemplateNodeUpdated(e), [
-      this.algorithmControl,
-      this.localeControl,
-      this.currencyControl,
-      this.productLayoutControl,
-      this.filtersControl,
-      this.shuffleControl
-    ].forEach((o) => {
-      var i;
-      o != null && o.api && (o.currentNode = e, (i = o.onTemplateNodeUpdated) == null || i.call(o, e));
-    });
-  }
-  onDestroy() {
-    this.storeUnsubscription(), [
-      this.algorithmControl,
-      this.localeControl,
-      this.currencyControl,
-      this.productLayoutControl,
-      this.filtersControl,
-      this.shuffleControl
-    ].forEach((t) => {
-      var o;
-      return (o = t == null ? void 0 : t.onDestroy) == null ? void 0 : o.call(t);
-    });
-  }
-  /**
-   * Initialize all sub-controls with the shared API context
-   * Each sub-control manages its own form values and event listeners
-   */
-  _initializeSubControls() {
-    [
-      this.algorithmControl,
-      this.localeControl,
-      this.currencyControl,
-      this.productLayoutControl,
-      this.filtersControl,
-      this.shuffleControl
-    ].forEach((t) => {
-      var o;
-      t && (t.api = this.api, t.currentNode = this.currentNode, (o = t.onRender) == null || o.call(t));
-    });
-  }
-  /**
-   * Listen to store changes that require product refresh
-   * Only triggers for meaningful config changes (size, strategy, filters, etc.)
-   * Uses debounce to prevent rapid API calls
-   */
-  _listenStateUpdates() {
-    this.storeUnsubscription = this.store.$subscribe((e) => {
-      if ("payload" in e) {
-        const t = e.payload.recommendationConfigs;
-        t && Object.keys(t).some((l) => T.has(l)) && this._debouncedFetchProducts();
-      }
-    });
-  }
-}
-export {
-  x as ALGORITHM_CONTROL_ID,
-  C as AlgorithmControl,
-  _ as CONTROL_BLOCK_ID,
-  k as CURRENCY_CONTROL_ID,
-  c as CurrencyControl,
-  A as FILTERS_CONTROL_ID,
-  d as FiltersControl,
-  z as LOCALE_CONTROL_ID,
-  f as LocaleControl,
-  Y as PRODUCT_LAYOUT_CONTROL_ID,
-  p as ProductLayoutControl,
-  F as RecommendationBlockControl,
-  B as SHUFFLE_CONTROL_ID,
-  R as ShuffleControl
-};

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

@@ -1,64 +0,0 @@
-var a = Object.defineProperty;
-var i = (o, t, e) => t in o ? a(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
-var s = (o, t, e) => i(o, typeof t != "symbol" ? t + "" : t, e);
-import { UEAttr as l } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as r } from "../../../common-control.js";
-import { useRecommendationExtensionStore as m } from "../../store/recommendation.js";
-const c = "recommendation-locale-control", n = {
-  LOCALE: "language"
-};
-class C extends r {
-  constructor() {
-    super(...arguments);
-    s(this, "store", m());
-  }
-  getId() {
-    return c;
-  }
-  getTemplate() {
-    return `
-            <div class="locale-control-container">
-                ${this._GuTwoColumns([
-      this._GuLabel({ text: "Recommendation Locale" }),
-      this._GuSelect({
-        name: n.LOCALE,
-        placeholder: "Select Recommendation Locale",
-        options: this.store.getLanguages
-      })
-    ])}
-            </div>
-        `;
-  }
-  onRender() {
-    this._initializeSelectItems(), this._setFormValues(), this._listenToFormUpdates();
-  }
-  _setFormValues() {
-    const { recommendationConfigs: e } = this.store;
-    this.api.updateValues({
-      [n.LOCALE]: e.language
-    });
-  }
-  _initializeSelectItems() {
-    this.api.setUIEAttribute(
-      n.LOCALE,
-      l.SELECTPICKER.items,
-      this.store.getLanguages
-    );
-  }
-  _onLocaleChange(e) {
-    this.store.$patch({
-      recommendationConfigs: {
-        language: e
-      }
-    });
-  }
-  _listenToFormUpdates() {
-    this.api.onValueChanged(n.LOCALE, (e) => {
-      this._onLocaleChange(e);
-    });
-  }
-}
-export {
-  c as LOCALE_CONTROL_ID,
-  C as LocaleControl
-};

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

@@ -1,111 +0,0 @@
-var a = Object.defineProperty;
-var u = (i, o, t) => o in i ? a(i, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[o] = t;
-var n = (i, o, t) => u(i, typeof o != "symbol" ? o + "" : o, t);
-import { CommonControl as d } from "../../../common-control.js";
-import { MAX_PRODUCT_COUNT as c, MAX_PRODUCTS_PER_ROW as _ } from "../../constants/layout.js";
-import { useRecommendationExtensionStore as R } from "../../store/recommendation.js";
-import { getCurrentLayout as m, regenerateProductRows as h, reapplySpacing as C } from "./utils.js";
-import { useDebounceFn as p } from "../../../../../node_modules/@vueuse/shared/index.js";
-const l = "recommendation-product-layout-control", e = {
-  PRODUCT_COUNT: "size",
-  PRODUCT_IN_ROW: "cardsInRow",
-  PRODUCT_IN_ROW_LABEL: "cardsInRowLabel"
-};
-class b extends d {
-  constructor() {
-    super(...arguments);
-    n(this, "store", R());
-    n(this, "storeUnsubscription", () => {
-    });
-    n(this, "_debouncedRegenerateProductRows", p(() => {
-      this._regenerateProductRows();
-    }, 500));
-  }
-  getId() {
-    return l;
-  }
-  getTemplate() {
-    return `
-            <div class="product-layout-control-container">
-                ${this._GuTwoColumns([
-      this._GuLabel({ text: "Number of Products" }),
-      this._GuCounter({ name: e.PRODUCT_COUNT, maxValue: c }),
-      this._GuLabel({ text: "Products in One Row", name: e.PRODUCT_IN_ROW_LABEL }),
-      this._GuCounter({ name: e.PRODUCT_IN_ROW, maxValue: _ })
-    ])}
-            </div>
-        `;
-  }
-  onRender() {
-    this._setFormValues(), this._updateProductsInRowVisibility(), this._listenToFormUpdates(), this._listenStateUpdates();
-  }
-  onTemplateNodeUpdated(t) {
-    super.onTemplateNodeUpdated(t), this._updateProductsInRowVisibility();
-  }
-  onDestroy() {
-    this.storeUnsubscription();
-  }
-  _setFormValues() {
-    const { recommendationConfigs: t } = this.store;
-    this.api.updateValues({
-      [e.PRODUCT_COUNT]: t.size,
-      [e.PRODUCT_IN_ROW]: t.cardsInRow
-    });
-  }
-  /**
-   * Updates "Products in One Row" visibility based on layout orientation
-   * This control is hidden for horizontal layout (products always take full width)
-   * Reads from store first (reliable during state transitions), falls back to DOM
-   */
-  _updateProductsInRowVisibility() {
-    const r = (this.store.recommendationConfigs.orientation || m(this.currentNode)) === "vertical";
-    this.api.setVisibility(e.PRODUCT_IN_ROW, r), this.api.setVisibility(e.PRODUCT_IN_ROW_LABEL, r);
-  }
-  _onProductCountChange(t) {
-    this.store.$patch({
-      recommendationConfigs: {
-        size: t
-      }
-    }), this._debouncedRegenerateProductRows();
-  }
-  _onProductsInRowChange(t) {
-    this.store.$patch({
-      recommendationConfigs: {
-        cardsInRow: t
-      }
-    }), this._debouncedRegenerateProductRows();
-  }
-  _regenerateProductRows() {
-    h({
-      currentNode: this.currentNode,
-      documentModifier: this.api.getDocumentModifier(),
-      afterRegenerate: () => {
-        C({
-          currentNode: this.currentNode,
-          documentModifier: this.api.getDocumentModifier()
-        });
-      }
-    });
-  }
-  _listenToFormUpdates() {
-    this.api.onValueChanged(e.PRODUCT_COUNT, (t) => {
-      this._onProductCountChange(t.toString());
-    }), this.api.onValueChanged(e.PRODUCT_IN_ROW, (t) => {
-      this._onProductsInRowChange(Number(t));
-    });
-  }
-  /**
-   * Subscribe to store changes to update visibility when layout changes
-   */
-  _listenStateUpdates() {
-    let t = this.store.recommendationConfigs.orientation;
-    this.storeUnsubscription = this.store.$subscribe(() => {
-      const s = this.store.recommendationConfigs.orientation;
-      s !== t && (t = s, this._updateProductsInRowVisibility());
-    });
-  }
-}
-export {
-  l as PRODUCT_LAYOUT_CONTROL_ID,
-  b as ProductLayoutControl
-};

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

@@ -1,60 +0,0 @@
-var n = Object.defineProperty;
-var r = (o, t, e) => t in o ? n(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
-var i = (o, t, e) => r(o, typeof t != "symbol" ? t + "" : t, e);
-import { UEAttr as l } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as u } from "../../../common-control.js";
-import { useRecommendationExtensionStore as a } from "../../store/recommendation.js";
-const h = "recommendation-shuffle-control", s = {
-  SHUFFLE_PRODUCTS: "shuffleProducts"
-};
-class C extends u {
-  constructor() {
-    super(...arguments);
-    i(this, "store", a());
-  }
-  getId() {
-    return h;
-  }
-  getTemplate() {
-    return `
-            <div class="shuffle-control-container">
-                ${this._GuTwoColumns([
-      this._GuLabel({ text: "Shuffle Recommended Products" }),
-      this._GuToggle(s.SHUFFLE_PRODUCTS)
-    ])}
-            </div>
-        `;
-  }
-  onRender() {
-    this._initializeToggle(), this._setFormValues(), this._listenToFormUpdates();
-  }
-  _setFormValues() {
-    const { recommendationConfigs: e } = this.store;
-    this.api.updateValues({
-      [s.SHUFFLE_PRODUCTS]: e.shuffleProducts
-    });
-  }
-  _initializeToggle() {
-    this.api.setUIEAttribute(
-      s.SHUFFLE_PRODUCTS,
-      l.SELECTPICKER.items,
-      this.store.recommendationConfigs.shuffleProducts
-    );
-  }
-  _onShuffleChange(e) {
-    this.store.$patch({
-      recommendationConfigs: {
-        shuffleProducts: e
-      }
-    });
-  }
-  _listenToFormUpdates() {
-    this.api.onValueChanged(s.SHUFFLE_PRODUCTS, (e) => {
-      this._onShuffleChange(!!e);
-    });
-  }
-}
-export {
-  h as SHUFFLE_CONTROL_ID,
-  C as ShuffleControl
-};

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

@@ -1,114 +0,0 @@
-import { ModificationDescription as s } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CONTAINER_SELECTOR as S } from "../../constants/selectors.js";
-import { useRecommendationExtensionStore as A } from "../../store/recommendation.js";
-import { prepareProductRows as b } from "../../templates/index.js";
-import { hasGetStyle as d, isTdNode as C } from "../../utils/tagName.js";
-import { DEFAULT_CARD_COMPOSITION as f, getDefaultProducts as h } from "../../templates/utils.js";
-const m = "ins-recommendation-v3-block-v2";
-function p(r) {
-  if (!r)
-    return null;
-  if ("getAttribute" in r) {
-    const t = r.getAttribute("class");
-    if (t && t.includes(m))
-      return r;
-  }
-  return "querySelector" in r ? r.querySelector(`.${m}`) : null;
-}
-function g(r) {
-  const t = p(r);
-  return !t || !("getAttribute" in t) ? "vertical" : t.getAttribute("data-layout") === "horizontal" ? "horizontal" : "vertical";
-}
-function w(r) {
-  const t = p(r);
-  if (!t || !("getAttribute" in t))
-    return f;
-  const e = t.getAttribute("data-card-composition");
-  return e ? e.split(",").filter(Boolean) : f;
-}
-function I(r) {
-  const { currentNode: t, documentModifier: e, afterRegenerate: o } = r;
-  if (!t || !("querySelector" in t))
-    return;
-  const a = t.querySelector(S);
-  if (!a)
-    return;
-  const n = A(), c = n.recommendationProducts.length > 0 ? n.recommendationProducts : h(), { cardsInRow: l } = n.recommendationConfigs, i = w(t), u = g(t), y = b(c, u, {
-    productsPerRow: l,
-    composition: i
-  });
-  e.modifyHtml(a).setInnerHtml(y).apply(new s("Updated product")), o == null || o();
-}
-function E(r, t, e, o) {
-  const n = `0 ${Math.floor(e / 2)}px`;
-  let c = !1;
-  return o === "vertical" ? Array.from(
-    r.querySelectorAll(".attribute-cell")
-  ).forEach((i) => {
-    t.modifyHtml(i).setStyle("padding", n), c = !0;
-  }) : Array.from(
-    r.querySelectorAll(".product-card-wrapper")
-  ).forEach((i) => {
-    const u = "parentNode" in i ? i.parentNode : null;
-    u && C(u) && (t.modifyHtml(u).setStyle("padding", n), c = !0);
-  }), c;
-}
-function k(r, t, e) {
-  const o = `${e}px`, a = Array.from(r.querySelectorAll(".spacer"));
-  let n = !1;
-  return a.forEach((c) => {
-    t.modifyHtml(c).setStyle("height", o), n = !0;
-  }), n;
-}
-function v(r) {
-  const { currentNode: t, documentModifier: e } = r;
-  if (!t)
-    return;
-  const o = p(t);
-  if (!o || !("getAttribute" in o))
-    return;
-  const a = o.getAttribute("data-column-spacing"), n = o.getAttribute("data-row-spacing"), c = g(t);
-  let l = !1;
-  if (a) {
-    const i = parseInt(a);
-    Number.isNaN(i) || (l = E(
-      t,
-      e,
-      i,
-      c
-    ));
-  }
-  if (n) {
-    const i = parseInt(n);
-    if (!Number.isNaN(i)) {
-      const u = k(t, e, i);
-      l = l || u;
-    }
-  }
-  l && e.apply(new s("Reapply spacing after regeneration"));
-}
-function x(r) {
-  if (!r)
-    return null;
-  const t = r.querySelector(".product-card-segment"), e = r.querySelector(".product-card-wrapper");
-  let o = null;
-  return t && d(t) && (o = t.getStyle("background-color") ?? null), (!o || o === "transparent") && e && d(e) && (o = e.getStyle("background-color") ?? null), o;
-}
-function O(r) {
-  const { currentNode: t, documentModifier: e, bgColor: o, layout: a } = r;
-  if (!o || o === "transparent" || !t)
-    return;
-  const n = a === "vertical" ? ".product-card-segment" : ".product-card-wrapper", c = Array.from(t.querySelectorAll(n));
-  c.length !== 0 && (c.forEach((l) => {
-    e.modifyHtml(l).setStyle("background-color", o);
-  }), e.apply(new s("Apply card background color")));
-}
-export {
-  O as applyCardBackgroundColor,
-  p as getBlockElement,
-  w as getCardComposition,
-  x as getCurrentCardBackgroundColor,
-  g as getCurrentLayout,
-  v as reapplySpacing,
-  I as regenerateProductRows
-};

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
-};