@useinsider/guido 3.0.0 → 3.1.0

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

@@ -1,16 +1,16 @@
 var G = Object.defineProperty;
-var R = (p, c, t) => c in p ? G(p, c, { enumerable: !0, configurable: !0, writable: !0, value: t }) : p[c] = t;
-var h = (p, c, t) => R(p, typeof c != "symbol" ? c + "" : c, t);
-import { EditorStatePropertyType as y, PreviewDeviceMode as w, ModificationDescription as g } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as V } from "../../../common-control.js";
-import { DESKTOP_CONTAINER_SELECTOR as m, MOBILE_CONTAINER_SELECTOR as E } from "../../constants/selectors.js";
-import { SPACING_STEP as S, MAX_SPACING as _, MIN_SPACING as N, DEFAULT_COLUMN_SPACING as C, DEFAULT_ROW_SPACING as P } from "../../constants/layout.js";
-import { RecommendationConfigService as d } from "../../services/configService.js";
-import { useRecommendationExtensionStore as B } from "../../store/recommendation.js";
-import { safeGetStyle as A, safeGetParent as U } from "../../utils/tagName.js";
-import { getCurrentLayout as b, getBlockElement as x } from "../main/utils.js";
+var P = (u, c, t) => c in u ? G(u, c, { enumerable: !0, configurable: !0, writable: !0, value: t }) : u[c] = t;
+var h = (u, c, t) => P(u, typeof c != "symbol" ? c + "" : c, t);
+import { ModificationDescription as g } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as R } from "../../../common-control.js";
+import { DESKTOP_CONTAINER_SELECTOR as m, MOBILE_CONTAINER_SELECTOR as M } from "../../constants/selectors.js";
+import { SPACING_STEP as S, MAX_SPACING as _, MIN_SPACING as N, DEFAULT_COLUMN_SPACING as C, DEFAULT_ROW_SPACING as E } from "../../constants/layout.js";
+import { RecommendationConfigService as p } from "../../services/configService.js";
+import { useRecommendationExtensionStore as V } from "../../store/recommendation.js";
+import { safeGetStyle as A, safeGetParent as w } from "../../utils/tagName.js";
+import { getCurrentLayout as b, getBlockElement as B } from "../main/utils.js";
 import { useDebounceFn as f } from "../../../../../node_modules/@vueuse/shared/index.js";
-const W = "recommendation-spacing-control", i = {
+const U = "recommendation-spacing-control", n = {
   COLUMN_SPACING: "columnSpacing",
   COLUMN_SPACING_LABEL: "columnSpacingLabel",
   ROW_SPACING: "rowSpacing",
@@ -25,16 +25,16 @@ const W = "recommendation-spacing-control", i = {
   MOBILE_COLUMN_SPACING: "data-mobile-column-spacing",
   MOBILE_ROW_SPACING: "data-mobile-row-spacing"
 };
-function L(p, c) {
-  if (!p)
+function L(u, c) {
+  if (!u)
     return c;
-  const t = parseFloat(p);
+  const t = parseFloat(u);
   return Number.isNaN(t) ? c : t;
 }
-class X extends V {
+class j extends R {
   constructor() {
     super(...arguments);
-    h(this, "store", B());
+    h(this, "store", V());
     h(this, "unsubscribeOrientation", null);
     /**
      * Debounced version of _onColumnSpacingChange
@@ -63,39 +63,48 @@ class X extends V {
     }, 300));
   }
   getId() {
-    return W;
+    return U;
   }
   getTemplate() {
     return `
             <div class="spacing-control-container">
                 ${this._GuTwoColumns([
-      this._GuLabel({ text: "Column Spacing on Desktop (px)", name: i.COLUMN_SPACING_LABEL }),
+      this._GuLabel({
+        text: this.api.translate("Column Spacing (px)"),
+        name: n.COLUMN_SPACING_LABEL
+      }),
       this._GuCounter({
-        name: i.COLUMN_SPACING,
+        name: n.COLUMN_SPACING,
         minValue: N,
         maxValue: _,
         step: S
       }),
-      this._GuLabel({ text: "Row Spacing on Desktop (px)", name: i.ROW_SPACING_LABEL }),
+      this._GuLabel({
+        text: this.api.translate("Row Spacing (px)"),
+        name: n.ROW_SPACING_LABEL
+      }),
       this._GuCounter({
-        name: i.ROW_SPACING,
+        name: n.ROW_SPACING,
         minValue: N,
         maxValue: _,
         step: S
       }),
       this._GuLabel({
-        text: "Column Spacing on Mobile (px)",
-        name: i.MOBILE_COLUMN_SPACING_LABEL
+        text: this.api.translate("Column Spacing on Mobile (px)"),
+        name: n.MOBILE_COLUMN_SPACING_LABEL
       }),
       this._GuCounter({
-        name: i.MOBILE_COLUMN_SPACING,
+        name: n.MOBILE_COLUMN_SPACING,
         minValue: N,
         maxValue: _,
         step: S
       }),
-      this._GuLabel({ text: "Row Spacing on Mobile (px)", name: i.MOBILE_ROW_SPACING_LABEL }),
+      this._GuLabel({
+        text: this.api.translate("Row Spacing on Mobile (px)"),
+        name: n.MOBILE_ROW_SPACING_LABEL
+      }),
       this._GuCounter({
-        name: i.MOBILE_ROW_SPACING,
+        name: n.MOBILE_ROW_SPACING,
         minValue: N,
         maxValue: _,
         step: S
@@ -105,7 +114,7 @@ class X extends V {
         `;
   }
   onRender() {
-    this._setFormValues(), this._updateSpacingVisibility(), this._listenToFormUpdates(), this._subscribeToOrientationChanges(), this._subscribeToEditorModeChanges();
+    this._setFormValues(), this._updateSpacingVisibility(), this._listenToFormUpdates(), this._subscribeToOrientationChanges();
   }
   onTemplateNodeUpdated(t) {
     super.onTemplateNodeUpdated(t), this._setFormValues(), this._updateSpacingVisibility();
@@ -114,26 +123,23 @@ class X extends V {
     this.unsubscribeOrientation && (this.unsubscribeOrientation(), this.unsubscribeOrientation = null);
   }
   /**
-   * Checks if the editor is currently in mobile preview mode
-   * using Stripo's EditorStatePropertyType API.
-   */
-  _isMobileMode() {
-    return this.api.getEditorState()[y.previewDeviceMode] === w.MOBILE;
-  }
-  /**
-   * Updates spacing control visibility based on layout orientation, editor mode,
-   * and products-per-row count.
+   * Updates spacing control visibility based on layout orientation and mobileLayoutEnabled.
    * - List layout: hide column spacing (products are full-width), hide ALL mobile
    *   spacing controls (list is responsive — single row spacing applies to both views)
-   * - Desktop mode: show desktop spacing, hide mobile spacing
-   * - Mobile mode: show mobile spacing, hide desktop spacing
-   * - 1 product per row: hide column spacing (no gap between single column)
+   * - Desktop controls: always visible for grid layout (column spacing needs 2+ per row)
+   * - Mobile controls: visible when mobileLayoutEnabled is true (grid only)
    */
   _updateSpacingVisibility() {
     if (!this.api)
       return;
-    const t = d.getConfig(this.currentNode), e = this.store.recommendationConfigs.orientation, n = t.layout || e || b(this.currentNode), o = n === "grid", a = n === "list", r = this._isMobileMode(), l = t.cardsInRow > 1, u = t.mobileCardsInRow > 1;
-    this.api.setVisibility(i.COLUMN_SPACING, o && !r && l), this.api.setVisibility(i.COLUMN_SPACING_LABEL, o && !r && l), this.api.setVisibility(i.ROW_SPACING, a || !r), this.api.setVisibility(i.ROW_SPACING_LABEL, a || !r), this.api.setVisibility(i.MOBILE_COLUMN_SPACING, o && r && u), this.api.setVisibility(i.MOBILE_COLUMN_SPACING_LABEL, o && r && u), this.api.setVisibility(i.MOBILE_ROW_SPACING, !a && r), this.api.setVisibility(i.MOBILE_ROW_SPACING_LABEL, !a && r);
+    const t = p.getConfig(this.currentNode), e = this.store.recommendationConfigs.orientation, i = (t.layout || e || b(this.currentNode)) === "grid", { mobileLayoutEnabled: a } = t, r = t.cardsInRow > 1, l = 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 && l
+    ), this.api.setVisibility(
+      n.MOBILE_COLUMN_SPACING_LABEL,
+      i && a && l
+    ), this.api.setVisibility(n.MOBILE_ROW_SPACING, i && a), this.api.setVisibility(n.MOBILE_ROW_SPACING_LABEL, i && a);
   }
   /**
    * Reads spacing values from node config first, falls back to DOM styles.
@@ -142,12 +148,12 @@ class X extends V {
   _setFormValues() {
     if (!this.api)
       return;
-    const t = d.hasConfig(this.currentNode), e = d.getConfig(this.currentNode), n = t ? e.columnSpacing : this._getStoredColumnSpacing(), o = t ? e.rowSpacing : this._getStoredRowSpacing();
+    const t = p.hasConfig(this.currentNode), e = p.getConfig(this.currentNode), o = t ? e.columnSpacing : this._getStoredColumnSpacing(), i = t ? e.rowSpacing : this._getStoredRowSpacing();
     this.api.updateValues({
-      [i.COLUMN_SPACING]: n,
-      [i.ROW_SPACING]: o,
-      [i.MOBILE_COLUMN_SPACING]: e.mobileColumnSpacing,
-      [i.MOBILE_ROW_SPACING]: e.mobileRowSpacing
+      [n.COLUMN_SPACING]: o,
+      [n.ROW_SPACING]: i,
+      [n.MOBILE_COLUMN_SPACING]: e.mobileColumnSpacing,
+      [n.MOBILE_ROW_SPACING]: e.mobileRowSpacing
     });
   }
   /**
@@ -162,13 +168,13 @@ class X extends V {
       return C;
     const t = this.currentNode.querySelector(m) ?? this.currentNode;
     if (b(this.currentNode) === "grid") {
-      const u = t.querySelector(".recommendation-attribute-row"), s = u == null ? void 0 : u.querySelector("td"), I = A(s, "padding");
+      const d = t.querySelector(".recommendation-attribute-row"), s = d == null ? void 0 : d.querySelector("td"), I = A(s, "padding");
       if (!I)
         return C;
-      const M = I.trim().split(/\s+/);
-      return M.length < 2 ? C : L(M[1], C / 2) * 2;
+      const y = I.trim().split(/\s+/);
+      return y.length < 2 ? C : L(y[1], C / 2) * 2;
     }
-    const n = t.querySelector(".product-card-wrapper"), o = U(n), a = A(o, "padding");
+    const o = t.querySelector(".product-card-wrapper"), i = w(o), a = A(i, "padding");
     if (!a)
       return C;
     const r = a.trim().split(/\s+/);
@@ -180,9 +186,9 @@ class X extends V {
    */
   _getStoredRowSpacing() {
     if (!this.currentNode)
-      return P;
-    const e = (this.currentNode.querySelector(m) ?? this.currentNode).querySelector(".spacer"), n = A(e, "height");
-    return L(n, P);
+      return E;
+    const e = (this.currentNode.querySelector(m) ?? this.currentNode).querySelector(".spacer"), o = A(e, "height");
+    return L(o, E);
   }
   // ========================================================================
   // Desktop Spacing Handlers
@@ -194,22 +200,22 @@ class X extends V {
   _onColumnSpacingChange(t) {
     if (!this.currentNode)
       return;
-    d.updateConfig(
+    p.updateConfig(
       this.api,
       this.currentNode,
       { columnSpacing: t },
       `Changed column spacing to ${t}px`
     ), this._storeDataAttribute(O.COLUMN_SPACING, t);
-    const n = d.getConfig(this.currentNode).layout || b(this.currentNode), o = this.api.getDocumentModifier(), r = `0 ${t / 2}px`, l = this.currentNode.querySelector(m);
-    l && (n === "grid" ? Array.from(
+    const o = p.getConfig(this.currentNode).layout || b(this.currentNode), i = this.api.getDocumentModifier(), r = `0 ${t / 2}px`, l = this.currentNode.querySelector(m);
+    l && (o === "grid" ? Array.from(
       l.querySelectorAll(".attribute-cell")
     ).forEach((s) => {
-      o.modifyHtml(s).setStyle("padding", r);
+      i.modifyHtml(s).setStyle("padding", r);
     }) : Array.from(
       l.querySelectorAll(".product-card-wrapper")
     ).forEach((s) => {
-      "parent" in s && s.parent() && o.modifyHtml(s.parent()).setStyle("padding", r);
-    }), o.apply(new g(`Update column spacing to ${t}px`)));
+      "parent" in s && s.parent() && i.modifyHtml(s.parent()).setStyle("padding", r);
+    }), i.apply(new g(`Update column spacing to ${t}px`)));
   }
   /**
    * Handles row spacing changes for desktop.
@@ -218,7 +224,7 @@ class X extends V {
   _onRowSpacingChange(t) {
     if (!this.currentNode)
       return;
-    d.updateConfig(
+    p.updateConfig(
       this.api,
       this.currentNode,
       { rowSpacing: t },
@@ -227,15 +233,15 @@ class X extends V {
     const e = this.currentNode.querySelector(m);
     if (!e)
       return;
-    const n = Array.from(
+    const o = Array.from(
       e.querySelectorAll(".spacer")
     );
-    if (!n.length)
+    if (!o.length)
       return;
-    const o = this.api.getDocumentModifier(), a = `${t}px`;
-    n.forEach((r) => {
-      o.modifyHtml(r).setStyle("height", a);
-    }), o.apply(new g(`Update row spacing to ${t}px`));
+    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`));
   }
   // ========================================================================
   // Mobile Spacing Handlers
@@ -247,22 +253,22 @@ class X extends V {
   _onMobileColumnSpacingChange(t) {
     if (!this.currentNode)
       return;
-    d.updateConfig(
+    p.updateConfig(
       this.api,
       this.currentNode,
       { mobileColumnSpacing: t },
       `Changed mobile column spacing to ${t}px`
     ), this._storeDataAttribute(O.MOBILE_COLUMN_SPACING, t);
-    const n = d.getConfig(this.currentNode).layout || b(this.currentNode), o = this.api.getDocumentModifier(), r = `0 ${t / 2}px`, l = this.currentNode.querySelector(E);
-    l && (n === "grid" ? Array.from(
+    const o = p.getConfig(this.currentNode).layout || b(this.currentNode), i = this.api.getDocumentModifier(), r = `0 ${t / 2}px`, l = this.currentNode.querySelector(M);
+    l && (o === "grid" ? Array.from(
       l.querySelectorAll(".attribute-cell")
     ).forEach((s) => {
-      o.modifyHtml(s).setStyle("padding", r);
+      i.modifyHtml(s).setStyle("padding", r);
     }) : Array.from(
       l.querySelectorAll(".product-card-wrapper")
     ).forEach((s) => {
-      "parent" in s && s.parent() && o.modifyHtml(s.parent()).setStyle("padding", r);
-    }), o.apply(new g(`Update mobile column spacing to ${t}px`)));
+      "parent" in s && s.parent() && i.modifyHtml(s.parent()).setStyle("padding", r);
+    }), i.apply(new g(`Update mobile column spacing to ${t}px`)));
   }
   /**
    * Handles row spacing changes for mobile.
@@ -271,24 +277,24 @@ class X extends V {
   _onMobileRowSpacingChange(t) {
     if (!this.currentNode)
       return;
-    d.updateConfig(
+    p.updateConfig(
       this.api,
       this.currentNode,
       { mobileRowSpacing: t },
       `Changed mobile row spacing to ${t}px`
     ), this._storeDataAttribute(O.MOBILE_ROW_SPACING, t);
-    const e = this.currentNode.querySelector(E);
+    const e = this.currentNode.querySelector(M);
     if (!e)
       return;
-    const n = Array.from(
+    const o = Array.from(
       e.querySelectorAll(".spacer")
     );
-    if (!n.length)
+    if (!o.length)
       return;
-    const o = this.api.getDocumentModifier(), a = `${t}px`;
-    n.forEach((r) => {
-      o.modifyHtml(r).setStyle("height", a);
-    }), o.apply(new g(`Update mobile row spacing to ${t}px`));
+    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`));
   }
   // ========================================================================
   // Data Attribute Storage
@@ -297,23 +303,23 @@ class X extends V {
    * Stores a spacing value as a data attribute on the block root element
    */
   _storeDataAttribute(t, e) {
-    const n = x(this.currentNode);
-    n && this.api.getDocumentModifier().modifyHtml(n).setAttribute(t, e.toString()).apply(new g(`Store ${t}`));
+    const o = B(this.currentNode);
+    o && this.api.getDocumentModifier().modifyHtml(o).setAttribute(t, e.toString()).apply(new g(`Store ${t}`));
   }
   // ========================================================================
   // Event Listeners
   // ========================================================================
   _listenToFormUpdates() {
-    this.api.onValueChanged(i.COLUMN_SPACING, (t) => {
+    this.api.onValueChanged(n.COLUMN_SPACING, (t) => {
       const e = parseInt(t);
       Number.isNaN(e) || this._debouncedOnColumnSpacingChange(e);
-    }), this.api.onValueChanged(i.ROW_SPACING, (t) => {
+    }), this.api.onValueChanged(n.ROW_SPACING, (t) => {
       const e = parseInt(t);
       Number.isNaN(e) || this._debouncedOnRowSpacingChange(e);
-    }), this.api.onValueChanged(i.MOBILE_COLUMN_SPACING, (t) => {
+    }), this.api.onValueChanged(n.MOBILE_COLUMN_SPACING, (t) => {
       const e = parseInt(t);
       Number.isNaN(e) || this._debouncedOnMobileColumnSpacingChange(e);
-    }), this.api.onValueChanged(i.MOBILE_ROW_SPACING, (t) => {
+    }), this.api.onValueChanged(n.MOBILE_ROW_SPACING, (t) => {
       const e = parseInt(t);
       Number.isNaN(e) || this._debouncedOnMobileRowSpacingChange(e);
     });
@@ -327,20 +333,8 @@ class X extends V {
       t.type === "patch object" && (this._updateSpacingVisibility(), this._setFormValues());
     });
   }
-  /**
-   * Subscribes to editor preview mode changes via Stripo API.
-   * Toggles which spacing controls (desktop/mobile) are visible.
-   */
-  _subscribeToEditorModeChanges() {
-    this.api.onEditorStatePropUpdated(
-      y.previewDeviceMode,
-      () => {
-        this._updateSpacingVisibility();
-      }
-    );
-  }
 }
 export {
-  W as SPACING_CONTROL_ID,
-  X as SpacingControl
+  U as SPACING_CONTROL_ID,
+  j as SpacingControl
 };

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

@@ -0,0 +1,65 @@
+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);
+    a(this, "_repositionedElement", null);
+  }
+  getId() {
+    return S;
+  }
+  getTemplate() {
+    return `
+            <div class="${r}">
+                <${c.ICON}
+                    ${p.ICON.src}="migration-info-icon"
+                    class="${r}__icon">
+                </${c.ICON}>
+                <p class="${r}__text">
+                    ${this.api.translate(u)}
+                </p>
+            </div>
+        `;
+  }
+  onRender() {
+    this._repositionAboveTabs();
+  }
+  onDestroy() {
+    var t;
+    super.onDestroy(), (t = this._repositionedElement) == null || t.remove(), this._repositionedElement = null;
+  }
+  /**
+   * Moves the info message from inside the Settings tab content
+   * to above the tab bar in the DOM tree.
+   *
+   * DOM structure (Stripo internals):
+   *   ue-control-panel
+   *     div.control-panel-header-wrapper
+   *       div.control-panel-header          ← title bar (X, title, undo)
+   *       ue-tabs-header.control-panel-tabs  ← tab bar (Settings | Styles)
+   *     div.control-panel-content-wrapper    ← tab content (where our control renders)
+   *
+   * We insert the message between the title bar and the tab bar.
+   * The element reference is stored so onDestroy() can remove it.
+   */
+  _repositionAboveTabs() {
+    var l;
+    const n = this.getContainer().querySelector(`.${r}`);
+    if (!n)
+      return;
+    const i = n.closest("ue-control-panel");
+    if (!i)
+      return;
+    const s = i.querySelector("ue-tabs-header");
+    s && ((l = s.parentElement) == null || l.insertBefore(n, s), this._repositionedElement = n);
+  }
+}
+export {
+  S as SYNC_INFO_MESSAGE_CONTROL_ID,
+  h as SyncInfoMessageControl
+};

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

@@ -4,39 +4,41 @@ 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 l } from "./controls/oldPrice/index.js";
-import { OmnibusPriceControls as s } from "./controls/omnibusPrice/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 { SpacingControl as C } from "./controls/spacing/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 { LayoutControl as f } from "./controls/layout/index.js";
 import { RecommendationCardCompositionControl as u } from "./controls/cardComposition/index.js";
-import { RecommendationIconsRegistry as g } from "./iconsRegistry.js";
-import R from "./recommendation.css.js";
-import { SettingsPanel as y } from "./settingsPanel.js";
-const B = [
+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 = [
   i,
   e,
-  l,
   s,
+  l,
   a,
   p,
-  c
+  c,
+  C
 ], P = [
   n,
   d,
   f,
-  C,
-  u
-], b = [
+  u,
+  g
+], S = [
   ...P,
-  ...B.flatMap((o) => Object.values(o))
-], F = b.reduce(
+  ...b.flatMap((o) => Object.values(o))
+], K = S.reduce(
   (o, t) => o.addControl(t),
-  new r().addBlock(m).withSettingsPanelRegistry(y)
-).addStyles(R).withIconsRegistry(g).build();
+  new r().addBlock(m).withSettingsPanelRegistry(B)
+).addStyles(y).withIconsRegistry(R).build();
 export {
-  F as default
+  K as default
 };

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

@@ -1,5 +1,6 @@
-import { IconsRegistry as r } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-class o extends r {
+import r from "../../../static/assets/info.svg.js";
+import { IconsRegistry as t } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+class h extends t {
   registerIconsSvg(C) {
     C["recommendation-icon"] = `
             <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
@@ -59,9 +60,9 @@ class o extends r {
                 <circle cx="3" cy="16" r="1" stroke="currentColor" stroke-width="1"/>
                 <rect x="7" y="15" width="11" height="2" rx="1"/>
             </svg>
-        `;
+        `, C["migration-info-icon"] = r;
   }
 }
 export {
-  o as RecommendationIconsRegistry
+  h as RecommendationIconsRegistry
 };