@useinsider/guido 3.2.0-beta.7e0c6bd → 3.2.0-beta.7fb9b70

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

@@ -1,14 +1,14 @@
 var G = Object.defineProperty;
 var P = (u, s, t) => s in u ? G(u, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : u[s] = t;
-var h = (u, s, t) => P(u, typeof s != "symbol" ? s + "" : s, t);
-import { ModificationDescription as g } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+var C = (u, s, t) => P(u, typeof s != "symbol" ? s + "" : s, t);
+import { ModificationDescription as m } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { CommonControl as R } from "../../../common-control.js";
+import { DESKTOP_CONTAINER_SELECTOR as S, MOBILE_CONTAINER_SELECTOR as M } from "../../constants/selectors.js";
+import { SPACING_STEP as _, MAX_SPACING as N, MIN_SPACING as b, DEFAULT_COLUMN_SPACING as g, DEFAULT_ROW_SPACING as E } from "../../constants/layout.js";
 import { RecommendationConfigService as p } from "../../services/configService.js";
 import { useRecommendationExtensionStore as w } from "../../store/recommendation.js";
 import { safeGetStyle as L, safeGetParent as V } from "../../utils/tagName.js";
-import { getCurrentLayout as S, getBlockElement as B } from "../main/utils.js";
-import { SPACING_STEP as _, MAX_SPACING as N, MIN_SPACING as b, DEFAULT_COLUMN_SPACING as C, DEFAULT_ROW_SPACING as M } from "../../constants/layout.js";
-import { DESKTOP_CONTAINER_SELECTOR as f, MOBILE_CONTAINER_SELECTOR as E } from "../../constants/selectors.js";
+import { getCurrentLayout as f, getBlockElement as B } from "../main/utils.js";
 import { useDebounceFn as O } from "../../../../../node_modules/@vueuse/shared/index.js";
 const U = "recommendation-spacing-control", n = {
   COLUMN_SPACING: "columnSpacing",
@@ -34,31 +34,31 @@ function I(u, s) {
 class j extends R {
   constructor() {
     super(...arguments);
-    h(this, "store", w());
-    h(this, "unsubscribeOrientation", null);
+    C(this, "store", w());
+    C(this, "unsubscribeOrientation", null);
     /**
      * Debounced version of _onColumnSpacingChange
      * Prevents excessive DOM updates when user rapidly adjusts the counter
      */
-    h(this, "_debouncedOnColumnSpacingChange", O((t) => {
+    C(this, "_debouncedOnColumnSpacingChange", O((t) => {
       this._onColumnSpacingChange(t);
     }, 300));
     /**
      * Debounced version of _onRowSpacingChange
      */
-    h(this, "_debouncedOnRowSpacingChange", O((t) => {
+    C(this, "_debouncedOnRowSpacingChange", O((t) => {
       this._onRowSpacingChange(t);
     }, 300));
     /**
      * Debounced version of _onMobileColumnSpacingChange
      */
-    h(this, "_debouncedOnMobileColumnSpacingChange", O((t) => {
+    C(this, "_debouncedOnMobileColumnSpacingChange", O((t) => {
       this._onMobileColumnSpacingChange(t);
     }, 300));
     /**
      * Debounced version of _onMobileRowSpacingChange
      */
-    h(this, "_debouncedOnMobileRowSpacingChange", O((t) => {
+    C(this, "_debouncedOnMobileRowSpacingChange", O((t) => {
       this._onMobileRowSpacingChange(t);
     }, 300));
   }
@@ -132,7 +132,7 @@ class j extends R {
   _updateSpacingVisibility() {
     if (!this.api)
       return;
-    const t = p.getConfig(this.currentNode), e = this.store.recommendationConfigs.orientation, i = (t.layout || e || S(this.currentNode)) === "grid", { mobileLayoutEnabled: a } = t, r = t.cardsInRow > 1, c = t.mobileCardsInRow > 1;
+    const t = p.getConfig(this.currentNode), e = this.store.recommendationConfigs.orientation, i = (t.layout || e || f(this.currentNode)) === "grid", { mobileLayoutEnabled: a } = t, r = t.cardsInRow > 1, c = t.mobileCardsInRow > 1;
     this.api.setVisibility(n.COLUMN_SPACING, i && r), this.api.setVisibility(n.COLUMN_SPACING_LABEL, i && r), this.api.setVisibility(n.ROW_SPACING, !0), this.api.setVisibility(n.ROW_SPACING_LABEL, !0), this.api.setVisibility(
       n.MOBILE_COLUMN_SPACING,
       i && a && c
@@ -165,20 +165,20 @@ class j extends R {
    */
   _getStoredColumnSpacing() {
     if (!this.currentNode)
-      return C;
-    const t = this.currentNode.querySelector(f) ?? this.currentNode;
-    if (S(this.currentNode) === "grid") {
-      const l = t.querySelector(".recommendation-attribute-row")?.querySelector("td") ?? null, d = L(l, "padding");
+      return g;
+    const t = this.currentNode.querySelector(S) ?? this.currentNode;
+    if (f(this.currentNode) === "grid") {
+      const h = t.querySelector(".recommendation-attribute-row"), l = (h == null ? void 0 : h.querySelector("td")) ?? null, d = L(l, "padding");
       if (!d)
-        return C;
+        return g;
       const y = d.trim().split(/\s+/);
-      return y.length < 2 ? C : I(y[1], C / 2) * 2;
+      return y.length < 2 ? g : I(y[1], g / 2) * 2;
     }
     const o = t.querySelector(".product-card-wrapper") ?? null, i = V(o), a = L(i, "padding");
     if (!a)
-      return C;
+      return g;
     const r = a.trim().split(/\s+/);
-    return r.length < 2 ? C : I(r[1], C / 2) * 2;
+    return r.length < 2 ? g : I(r[1], g / 2) * 2;
   }
   /**
    * Gets stored row spacing from the first spacer element's height style
@@ -186,9 +186,9 @@ class j extends R {
    */
   _getStoredRowSpacing() {
     if (!this.currentNode)
-      return M;
-    const e = (this.currentNode.querySelector(f) ?? this.currentNode).querySelector(".spacer") ?? null, o = L(e, "height");
-    return I(o, M);
+      return E;
+    const e = (this.currentNode.querySelector(S) ?? this.currentNode).querySelector(".spacer") ?? null, o = L(e, "height");
+    return I(o, E);
   }
   // ========================================================================
   // Desktop Spacing Handlers
@@ -206,7 +206,7 @@ class j extends R {
       { columnSpacing: t },
       `Changed column spacing to ${t}px`
     ), this._storeDataAttribute(A.COLUMN_SPACING, t);
-    const o = p.getConfig(this.currentNode).layout || S(this.currentNode), i = this.api.getDocumentModifier(), r = `0 ${t / 2}px`, c = this.currentNode.querySelector(f);
+    const o = p.getConfig(this.currentNode).layout || f(this.currentNode), i = this.api.getDocumentModifier(), r = `0 ${t / 2}px`, c = this.currentNode.querySelector(S);
     c && (o === "grid" ? Array.from(
       c.querySelectorAll(".attribute-cell")
     ).forEach((l) => {
@@ -216,7 +216,7 @@ class j extends R {
     ).forEach((l) => {
       const d = "parent" in l ? l.parent() : void 0;
       d && i.modifyHtml(d).setStyle("padding", r);
-    }), i.apply(new g(`Update column spacing to ${t}px`)));
+    }), i.apply(new m(`Update column spacing to ${t}px`)));
   }
   /**
    * Handles row spacing changes for desktop.
@@ -231,7 +231,7 @@ class j extends R {
       { rowSpacing: t },
       `Changed row spacing to ${t}px`
     ), this._storeDataAttribute(A.ROW_SPACING, t);
-    const e = this.currentNode.querySelector(f);
+    const e = this.currentNode.querySelector(S);
     if (!e)
       return;
     const o = Array.from(
@@ -242,7 +242,7 @@ class j extends R {
     const i = this.api.getDocumentModifier(), a = `${t}px`;
     o.forEach((r) => {
       i.modifyHtml(r).setStyle("height", a);
-    }), i.apply(new g(`Update row spacing to ${t}px`));
+    }), i.apply(new m(`Update row spacing to ${t}px`));
   }
   // ========================================================================
   // Mobile Spacing Handlers
@@ -260,7 +260,7 @@ class j extends R {
       { mobileColumnSpacing: t },
       `Changed mobile column spacing to ${t}px`
     ), this._storeDataAttribute(A.MOBILE_COLUMN_SPACING, t);
-    const o = p.getConfig(this.currentNode).layout || S(this.currentNode), i = this.api.getDocumentModifier(), r = `0 ${t / 2}px`, c = this.currentNode.querySelector(E);
+    const o = p.getConfig(this.currentNode).layout || f(this.currentNode), i = this.api.getDocumentModifier(), r = `0 ${t / 2}px`, c = this.currentNode.querySelector(M);
     c && (o === "grid" ? Array.from(
       c.querySelectorAll(".attribute-cell")
     ).forEach((l) => {
@@ -270,7 +270,7 @@ class j extends R {
     ).forEach((l) => {
       const d = "parent" in l ? l.parent() : void 0;
       d && i.modifyHtml(d).setStyle("padding", r);
-    }), i.apply(new g(`Update mobile column spacing to ${t}px`)));
+    }), i.apply(new m(`Update mobile column spacing to ${t}px`)));
   }
   /**
    * Handles row spacing changes for mobile.
@@ -285,7 +285,7 @@ class j extends R {
       { mobileRowSpacing: t },
       `Changed mobile row spacing to ${t}px`
     ), this._storeDataAttribute(A.MOBILE_ROW_SPACING, t);
-    const e = this.currentNode.querySelector(E);
+    const e = this.currentNode.querySelector(M);
     if (!e)
       return;
     const o = Array.from(
@@ -296,7 +296,7 @@ class j extends R {
     const i = this.api.getDocumentModifier(), a = `${t}px`;
     o.forEach((r) => {
       i.modifyHtml(r).setStyle("height", a);
-    }), i.apply(new g(`Update mobile row spacing to ${t}px`));
+    }), i.apply(new m(`Update mobile row spacing to ${t}px`));
   }
   // ========================================================================
   // Data Attribute Storage
@@ -306,7 +306,7 @@ class j extends R {
    */
   _storeDataAttribute(t, e) {
     const o = B(this.currentNode);
-    o && this.api.getDocumentModifier().modifyHtml(o).setAttribute(t, e.toString()).apply(new g(`Store ${t}`));
+    o && this.api.getDocumentModifier().modifyHtml(o).setAttribute(t, e.toString()).apply(new m(`Store ${t}`));
   }
   // ========================================================================
   // Event Listeners

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

@@ -1,27 +1,27 @@
-var c = Object.defineProperty;
-var m = (t, e, o) => e in t ? c(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
-var l = (t, e, o) => m(t, typeof e != "symbol" ? e + "" : e, o);
-import { UIElementType as a, UEAttr as _ } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as p } from "../../common-control.js";
-import { RecommendationControlId as d } from "../constants/controlIds.js";
-const C = d.SYNC_INFO_MESSAGE, r = "sync-info-message", S = "Note that changes will be applied to all product cards in your recommendation block.";
-class f extends p {
+var m = Object.defineProperty;
+var _ = (o, e, t) => e in o ? m(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var a = (o, e, t) => _(o, typeof e != "symbol" ? e + "" : e, t);
+import { UIElementType as c, UEAttr as p } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as d } from "../../common-control.js";
+import { RecommendationControlId as C } from "../constants/controlIds.js";
+const S = C.SYNC_INFO_MESSAGE, r = "sync-info-message", u = "Note that changes will be applied to all product cards in your recommendation block.";
+class h extends d {
   constructor() {
     super(...arguments);
-    l(this, "_repositionedElement", null);
+    a(this, "_repositionedElement", null);
   }
   getId() {
-    return C;
+    return S;
   }
   getTemplate() {
     return `
             <div class="${r}">
-                <${a.ICON}
-                    ${_.ICON.src}="migration-info-icon"
+                <${c.ICON}
+                    ${p.ICON.src}="migration-info-icon"
                     class="${r}__icon">
-                </${a.ICON}>
+                </${c.ICON}>
                 <p class="${r}__text">
-                    ${this.api.translate(S)}
+                    ${this.api.translate(u)}
                 </p>
             </div>
         `;
@@ -30,7 +30,8 @@ class f extends p {
     this._repositionAboveTabs();
   }
   onDestroy() {
-    super.onDestroy(), this._repositionedElement?.remove(), this._repositionedElement = null;
+    var t;
+    super.onDestroy(), (t = this._repositionedElement) == null || t.remove(), this._repositionedElement = null;
   }
   /**
    * Moves the info message from inside the Settings tab content
@@ -47,6 +48,7 @@ class f extends p {
    * The element reference is stored so onDestroy() can remove it.
    */
   _repositionAboveTabs() {
+    var l;
     const n = this.getContainer().querySelector(`.${r}`);
     if (!n)
       return;
@@ -54,10 +56,10 @@ class f extends p {
     if (!i)
       return;
     const s = i.querySelector("ue-tabs-header");
-    s && (s.parentElement?.insertBefore(n, s), this._repositionedElement = n);
+    s && ((l = s.parentElement) == null || l.insertBefore(n, s), this._repositionedElement = n);
   }
 }
 export {
-  C as SYNC_INFO_MESSAGE_CONTROL_ID,
-  f as SyncInfoMessageControl
+  S as SYNC_INFO_MESSAGE_CONTROL_ID,
+  h as SyncInfoMessageControl
 };

package/dist/extensions/Blocks/Recommendation/extension.js

@@ -1,43 +1,44 @@
 import { ExtensionBuilder as r } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { RecommendationBlock as n } from "./block.js";
-import { RecommendationIconsRegistry as m } from "./iconsRegistry.js";
-import i from "./recommendation.css.js";
-import { SettingsPanel as e } from "./settingsPanel.js";
-import { RecommendationBlockControl as s } from "./controls/main/index.js";
-import { CardBackgroundColorControl as l } from "./controls/cardBackground/index.js";
-import { SpacingControl as a } from "./controls/spacing/index.js";
-import { RecommendationCardCompositionControl as p } from "./controls/cardComposition/index.js";
-import { SyncInfoMessageControl as c } from "./controls/syncInfoMessage.js";
-import { NameControls as C } from "./controls/name/index.js";
-import { PriceControls as f } from "./controls/price/index.js";
-import { OldPriceControls as d } from "./controls/oldPrice/index.js";
-import { OmnibusPriceControls as u } from "./controls/omnibusPrice/index.js";
-import { OmnibusDiscountControls as g } from "./controls/omnibusDiscount/index.js";
-import { ButtonControls as R } from "./controls/button/index.js";
-import { ImageControls as y } from "./controls/image/index.js";
-import { CustomAttributeControls as B } from "./controls/customAttribute/index.js";
+import { RecommendationBlock as m } from "./block.js";
+import { RecommendationBlockControl as n } from "./controls/main/index.js";
+import "./store/recommendation.js";
+import { NameControls as i } from "./controls/name/index.js";
+import { PriceControls as e } from "./controls/price/index.js";
+import { OldPriceControls as s } from "./controls/oldPrice/index.js";
+import { OmnibusPriceControls as l } from "./controls/omnibusPrice/index.js";
+import { OmnibusDiscountControls as a } from "./controls/omnibusDiscount/index.js";
+import { ButtonControls as p } from "./controls/button/index.js";
+import { ImageControls as c } from "./controls/image/index.js";
+import { CustomAttributeControls as C } from "./controls/customAttribute/index.js";
+import { SpacingControl as f } from "./controls/spacing/index.js";
+import { CardBackgroundColorControl as d } from "./controls/cardBackground/index.js";
+import { RecommendationCardCompositionControl as u } from "./controls/cardComposition/index.js";
+import { SyncInfoMessageControl as g } from "./controls/syncInfoMessage.js";
+import { RecommendationIconsRegistry as R } from "./iconsRegistry.js";
+import y from "./recommendation.css.js";
+import { SettingsPanel as B } from "./settingsPanel.js";
 const b = [
-  C,
-  f,
-  d,
-  u,
-  g,
-  R,
-  y,
-  B
-], P = [
+  i,
+  e,
   s,
   l,
   a,
   p,
-  c
+  c,
+  C
+], P = [
+  n,
+  d,
+  f,
+  u,
+  g
 ], S = [
   ...P,
   ...b.flatMap((o) => Object.values(o))
-], J = S.reduce(
+], K = S.reduce(
   (o, t) => o.addControl(t),
-  new r().addBlock(n).withSettingsPanelRegistry(e)
-).addStyles(i).withIconsRegistry(m).build();
+  new r().addBlock(m).withSettingsPanelRegistry(B)
+).addStyles(y).withIconsRegistry(R).build();
 export {
-  J as default
+  K as default
 };

package/dist/extensions/Blocks/Recommendation/services/configService.js

@@ -1,8 +1,14 @@
-import { ModificationDescription as f } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CURRENT_CONFIG_VERSION as u, DEFAULT_NODE_CONFIG as e } from "../constants/defaultConfig.js";
-import { setCurrencyAttributes as g } from "../controls/main/utils.js";
-import { hasMinimalConfig as a } from "../types/nodeConfig.js";
-class C {
+import { ModificationDescription as h } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CURRENT_CONFIG_VERSION as l, DEFAULT_NODE_CONFIG as r } from "../constants/defaultConfig.js";
+import { setCurrencyAttributes as D } from "../controls/main/utils.js";
+import { hasMinimalConfig as A } from "../types/nodeConfig.js";
+function S(e) {
+  return e === "." || e === "," || e === " ";
+}
+function N(e) {
+  return e === "." || e === "," || e === " " || e === "";
+}
+class V {
   // ========================================================================
   // Read Operations
   // ========================================================================
@@ -42,7 +48,7 @@ class C {
       return !1;
     try {
       const t = i.getNodeConfig();
-      return a(t);
+      return A(t);
     } catch {
       return !1;
     }
@@ -77,8 +83,8 @@ class C {
    * @returns The new complete configuration
    */
   static updateConfig(i, t, o, n) {
-    const s = this.getConfig(t), r = this.deepMerge(s, o);
-    return this.saveConfig(i, t, r, n), r;
+    const c = this.getConfig(t), u = this.deepMerge(c, o);
+    return this.saveConfig(i, t, u, n), u;
   }
   /**
    * Initialize configuration for a new block
@@ -95,7 +101,7 @@ class C {
    */
   static initializeConfig(i, t, o) {
     const n = o ? this.mergeWithDefaults(o) : this.cloneDefaults();
-    return this.saveConfig(i, t, n, "Initialize recommendation block"), g({
+    return this.saveConfig(i, t, n, "Initialize recommendation block"), D({
       currentNode: t,
       documentModifier: i.getDocumentModifier(),
       currency: n.currency
@@ -112,9 +118,9 @@ class C {
    */
   static saveConfig(i, t, o, n) {
     try {
-      i.getDocumentModifier().modifyHtml(t).setNodeConfig(o).apply(new f(n));
-    } catch (s) {
-      console.warn("[RecommendationConfigService] Failed to save config:", s);
+      i.getDocumentModifier().modifyHtml(t).setNodeConfig(o).apply(new h(n));
+    } catch (c) {
+      console.warn("[RecommendationConfigService] Failed to save config:", c);
     }
   }
   // ========================================================================
@@ -125,23 +131,53 @@ class C {
    *
    * Reads existing data-attributes and creates a proper node config.
    * Used when loading templates created before node config was implemented.
+   *
+   * Sources, in priority order (later overrides earlier):
+   * 1. `esd-ext-config` JSON blob — emitted by the recommendation migrator and
+   *    by hand-authored new templates. Carries the full RecommendationNodeConfig
+   *    (strategy, language, currency, filters, productIds, etc.) which the
+   *    discrete data-* attrs below cannot capture.
+   * 2. Discrete `data-*` attributes — runtime source of truth for
+   *    layout/composition/spacing; controls keep these in sync as the user
+   *    edits, so we let them override the JSON blob if they disagree.
+   * 3. `currency-*` attributes — durable currency source on the block element.
    * @param api - Stripo extension API with document modifier
    * @param node - The block node to migrate
    * @returns The migrated configuration
    */
   static migrateFromDataAttributes(i, t) {
     const o = {
-      configVersion: u
+      configVersion: l
     };
     if ("getAttribute" in t && typeof t.getAttribute == "function") {
-      const n = t.getAttribute("data-layout");
-      n === "list" || n === "horizontal" ? o.layout = "list" : (n === "grid" || n === "vertical") && (o.layout = "grid");
-      const s = t.getAttribute("data-card-composition");
-      s && (o.composition = s.split(",").filter(Boolean));
-      const r = t.getAttribute("data-column-spacing");
-      r && (o.columnSpacing = parseInt(r) || e.columnSpacing);
-      const c = t.getAttribute("data-row-spacing");
-      c && (o.rowSpacing = parseInt(c) || e.rowSpacing);
+      const n = t.getAttribute("esd-ext-config");
+      if (n)
+        try {
+          const s = JSON.parse(n);
+          s && typeof s == "object" && (Object.assign(o, s), o.configVersion = l);
+        } catch {
+        }
+      const c = t.getAttribute("data-layout");
+      c === "list" || c === "horizontal" ? o.layout = "list" : (c === "grid" || c === "vertical") && (o.layout = "grid");
+      const u = t.getAttribute("data-card-composition");
+      u && (o.composition = u.split(",").filter(Boolean));
+      const p = t.getAttribute("data-column-spacing");
+      p && (o.columnSpacing = parseInt(p) || r.columnSpacing);
+      const b = t.getAttribute("data-row-spacing");
+      if (b && (o.rowSpacing = parseInt(b) || r.rowSpacing), !o.currency) {
+        const s = t.getAttribute("currency"), y = t.getAttribute("currency-symbol"), d = t.getAttribute("currency-alignment"), f = t.getAttribute("currency-thousand-separator"), g = t.getAttribute("currency-decimal-separator"), m = t.getAttribute("currency-decimal-count");
+        if (s || y || d || f || g || m) {
+          const a = r.currency, C = m ? parseInt(m) : NaN;
+          o.currency = {
+            code: s ?? a.code,
+            symbol: y ?? a.symbol,
+            alignment: d === "0" ? "before" : "after",
+            decimalCount: Number.isFinite(C) ? C : a.decimalCount,
+            decimalSeparator: S(g) ? g : a.decimalSeparator,
+            thousandSeparator: N(f) ? f : a.thousandSeparator
+          };
+        }
+      }
     }
     return this.initializeConfig(i, t, o);
   }
@@ -151,7 +187,7 @@ class C {
    * @returns True if migration is needed
    */
   static needsMigration(i) {
-    return i ? this.hasConfig(i) ? this.getConfigVersion(i) < u : !0 : !1;
+    return i ? this.hasConfig(i) ? this.getConfigVersion(i) < l : !0 : !1;
   }
   // ========================================================================
   // Internal Helpers
@@ -161,12 +197,12 @@ class C {
    */
   static cloneDefaults() {
     return {
-      ...e,
-      currency: { ...e.currency },
-      omnibusPrice: { ...e.omnibusPrice },
-      omnibusDiscount: { ...e.omnibusDiscount },
-      composition: [...e.composition],
-      visibility: { ...e.visibility },
+      ...r,
+      currency: { ...r.currency },
+      omnibusPrice: { ...r.omnibusPrice },
+      omnibusDiscount: { ...r.omnibusDiscount },
+      composition: [...r.composition],
+      visibility: { ...r.visibility },
       filters: [],
       productIds: [],
       recommendationId: 0
@@ -236,5 +272,5 @@ class C {
   }
 }
 export {
-  C as RecommendationConfigService
+  V as RecommendationConfigService
 };

package/dist/extensions/Blocks/Recommendation/settingsPanel.js

@@ -1,13 +1,21 @@
 import { SettingsPanelRegistry as E, SettingsPanelTab as _, SettingsTab as O, ContainerControls as C, TextControls as R } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { BLOCK_ID as U } from "./block.js";
+import { RecommendationBlockId as S } from "./constants/blockIds.js";
+import { RecommendationControlId as T } from "./constants/controlIds.js";
 import { CONTROL_BLOCK_ID as A } from "./controls/main/index.js";
-import { CARD_BACKGROUND_COLOR_CONTROL_ID as L } from "./controls/cardBackground/index.js";
-import { SPACING_CONTROL_ID as D } from "./controls/spacing/index.js";
+import "./store/recommendation.js";
+import "./controls/name/index.js";
+import "./controls/price/index.js";
+import "./controls/oldPrice/index.js";
+import "./controls/omnibusPrice/index.js";
+import "./controls/omnibusDiscount/index.js";
+import "./controls/button/index.js";
+import "./controls/image/index.js";
+import { SPACING_CONTROL_ID as L } from "./controls/spacing/index.js";
+import { CARD_BACKGROUND_COLOR_CONTROL_ID as D } from "./controls/cardBackground/index.js";
 import { COMPOSITION_CONTROL_BLOCK_ID as B } from "./controls/cardComposition/index.js";
-import { RecommendationBlockId as S } from "./constants/blockIds.js";
 import { SYNC_INFO_MESSAGE_CONTROL_ID as N } from "./controls/syncInfoMessage.js";
-import { RecommendationControlId as T } from "./constants/controlIds.js";
-class F extends E {
+class Z extends E {
   registerBlockControls(I) {
     I[U] = [
       new _(
@@ -21,8 +29,8 @@ class F extends E {
         O.STYLES,
         [
           R.TEXT_BLOCK_BACKGROUND_COLOR,
-          L,
-          D
+          D,
+          L
         ]
       ),
       new _(
@@ -186,5 +194,5 @@ class F extends E {
   }
 }
 export {
-  F as SettingsPanel
+  Z as SettingsPanel
 };