@useinsider/guido 2.0.0-beta.143201d → 2.0.0-beta.1c331b8

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

@@ -0,0 +1,134 @@
+var a = Object.defineProperty;
+var c = (n, r, o) => r in n ? a(n, r, { enumerable: !0, configurable: !0, writable: !0, value: o }) : n[r] = o;
+var e = (n, r, o) => c(n, typeof r != "symbol" ? r + "" : r, o);
+import { CommonControl as m } from "../../../common-control.js";
+import { useRecommendationExtensionStore as h } from "../../store/recommendation.js";
+import { AlgorithmControl as u } 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 f } from "./filters.js";
+import { FILTERS_CONTROL_ID as A } from "./filters.js";
+import { LocaleControl as d } 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 _ } from "../../../../../node_modules/@vueuse/shared/index.js";
+const y = /* @__PURE__ */ new Set([
+  "size",
+  "strategy",
+  "filters",
+  "productIds",
+  "language",
+  "shuffleProducts"
+]), L = "ui-elements-recommendation-block";
+class P extends m {
+  constructor() {
+    super(...arguments);
+    e(this, "store", h());
+    e(this, "storeUnsubscription", () => {
+    });
+    // Sub-control instances for lifecycle management
+    e(this, "algorithmControl", null);
+    e(this, "localeControl", null);
+    e(this, "currencyControl", null);
+    e(this, "productLayoutControl", null);
+    e(this, "filtersControl", null);
+    e(this, "shuffleControl", null);
+    /**
+     * Debounced product fetch to prevent rapid API calls during config changes
+     */
+    e(this, "_debouncedFetchProducts", _(() => {
+      this.store.fetchRecommendationProducts();
+    }, 500));
+  }
+  getId() {
+    return L;
+  }
+  getTemplate() {
+    return this.algorithmControl = new u(), this.localeControl = new d(), this.currencyControl = new C(), this.productLayoutControl = new p(), this.filtersControl = new f(), 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, s) => {
+      t.status === "rejected" && console.warn(`Recommendation block: ${[
+        "fetchRecommendationFilters",
+        "fetchRecommendationCreateData",
+        "fetchRecommendationProducts"
+      ][s]} failed`, t.reason);
+    }), this._initializeSubControls(), this._listenStateUpdates();
+  }
+  onDestroy() {
+    this.storeUnsubscription(), [
+      this.algorithmControl,
+      this.localeControl,
+      this.currencyControl,
+      this.productLayoutControl,
+      this.filtersControl,
+      this.shuffleControl
+    ].forEach((t) => {
+      var s;
+      return (s = t == null ? void 0 : t.onDestroy) == null ? void 0 : s.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 s;
+      t && (t.api = this.api, t.currentNode = this.currentNode, (s = t.onRender) == null || s.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((o) => {
+      if ("payload" in o) {
+        const t = o.payload.recommendationConfigs;
+        t && Object.keys(t).some((l) => y.has(l)) && this._debouncedFetchProducts();
+      }
+    });
+  }
+}
+export {
+  x as ALGORITHM_CONTROL_ID,
+  u as AlgorithmControl,
+  L as CONTROL_BLOCK_ID,
+  k as CURRENCY_CONTROL_ID,
+  C as CurrencyControl,
+  A as FILTERS_CONTROL_ID,
+  f as FiltersControl,
+  z as LOCALE_CONTROL_ID,
+  d as LocaleControl,
+  Y as PRODUCT_LAYOUT_CONTROL_ID,
+  p as ProductLayoutControl,
+  P as RecommendationBlockControl,
+  B as SHUFFLE_CONTROL_ID,
+  R as ShuffleControl
+};

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

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

@@ -0,0 +1,124 @@
+var u = Object.defineProperty;
+var d = (i, o, t) => o in i ? u(i, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[o] = t;
+var s = (i, o, t) => d(i, typeof o != "symbol" ? o + "" : o, t);
+import { UEAttr as a } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as c } from "../../../common-control.js";
+import { MAX_PRODUCT_COUNT as _, MAX_PRODUCTS_PER_ROW as R } from "../../constants/layout.js";
+import { useRecommendationExtensionStore as m } from "../../store/recommendation.js";
+import { getCurrentLayout as C, regenerateProductRows as h, reapplySpacing as l } from "./utils.js";
+import { useDebounceFn as p } from "../../../../../node_modules/@vueuse/shared/index.js";
+const O = "recommendation-product-layout-control", e = {
+  PRODUCT_COUNT: "size",
+  PRODUCT_IN_ROW: "cardsInRow",
+  PRODUCT_IN_ROW_LABEL: "cardsInRowLabel"
+};
+class D extends c {
+  constructor() {
+    super(...arguments);
+    s(this, "store", m());
+    s(this, "storeUnsubscription", () => {
+    });
+    s(this, "_debouncedRegenerateProductRows", p(() => {
+      this._regenerateProductRows();
+    }, 500));
+  }
+  getId() {
+    return O;
+  }
+  getTemplate() {
+    return `
+            <div class="product-layout-control-container">
+                ${this._GuTwoColumns([
+      this._GuLabel({ text: "Number of Products" }),
+      this._GuCounter({ name: e.PRODUCT_COUNT, maxValue: _ }),
+      this._GuLabel({ text: "Products in One Row", name: e.PRODUCT_IN_ROW_LABEL }),
+      this._GuCounter({ name: e.PRODUCT_IN_ROW, maxValue: R })
+    ])}
+            </div>
+        `;
+  }
+  onRender() {
+    this._initializeCounterValues(), 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
+    });
+  }
+  _initializeCounterValues() {
+    const { recommendationConfigs: t } = this.store;
+    this.api.setUIEAttribute(
+      e.PRODUCT_COUNT,
+      a.SELECTPICKER.items,
+      Number(t.size)
+    ), this.api.setUIEAttribute(
+      e.PRODUCT_IN_ROW,
+      a.SELECTPICKER.items,
+      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 || C(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: () => {
+        l({
+          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 n = this.store.recommendationConfigs.orientation;
+      n !== t && (t = n, this._updateProductsInRowVisibility());
+    });
+  }
+}
+export {
+  O as PRODUCT_LAYOUT_CONTROL_ID,
+  D as ProductLayoutControl
+};

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

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

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

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

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

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