@useinsider/guido 3.2.0-beta.78d83bd → 3.2.0-beta.7e0c6bd

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

@@ -1,37 +1,37 @@
 import { createPaddingsControl as n, createTextBackgroundColorControl as e, createTextFontFamilyControl as C, createTextStyleControl as O, createTextSizeControl as S, createTextColorControl as I, createTextAlignControl as l } from "../../../controlFactories.js";
-import { RecommendationBlockId as o } from "../../constants/blockIds.js";
-import { RecommendationControlId as t } from "../../constants/controlIds.js";
-import { BLOCK_ROOT_SELECTOR as r } from "../../constants/selectors.js";
 import { OmnibusDiscountTextAfterControl as N } from "./textAfter.js";
 import { OmnibusDiscountTextBeforeControl as U } from "./textBefore.js";
+import { BLOCK_ROOT_SELECTOR as o } from "../../constants/selectors.js";
+import { RecommendationBlockId as t } from "../../constants/blockIds.js";
+import { RecommendationControlId as r } from "../../constants/controlIds.js";
 const i = l(
-  t.OMNIBUS_DISCOUNT_ALIGN,
-  o.OMNIBUS_DISCOUNT,
-  r
+  r.OMNIBUS_DISCOUNT_ALIGN,
+  t.OMNIBUS_DISCOUNT,
+  o
 ), T = I(
-  t.OMNIBUS_DISCOUNT_COLOR,
-  o.OMNIBUS_DISCOUNT,
-  r
+  r.OMNIBUS_DISCOUNT_COLOR,
+  t.OMNIBUS_DISCOUNT,
+  o
 ), c = S(
-  t.OMNIBUS_DISCOUNT_SIZE,
-  o.OMNIBUS_DISCOUNT,
-  r
+  r.OMNIBUS_DISCOUNT_SIZE,
+  t.OMNIBUS_DISCOUNT,
+  o
 ), _ = O(
-  t.OMNIBUS_DISCOUNT_STYLE,
-  o.OMNIBUS_DISCOUNT,
-  r
+  r.OMNIBUS_DISCOUNT_STYLE,
+  t.OMNIBUS_DISCOUNT,
+  o
 ), m = C(
-  t.OMNIBUS_DISCOUNT_FONT_FAMILY,
-  o.OMNIBUS_DISCOUNT,
-  r
+  r.OMNIBUS_DISCOUNT_FONT_FAMILY,
+  t.OMNIBUS_DISCOUNT,
+  o
 ), B = e(
-  t.OMNIBUS_DISCOUNT_BACKGROUND,
-  o.OMNIBUS_DISCOUNT,
-  r
+  r.OMNIBUS_DISCOUNT_BACKGROUND,
+  t.OMNIBUS_DISCOUNT,
+  o
 ), s = n(
-  t.OMNIBUS_DISCOUNT_PADDINGS,
-  o.OMNIBUS_DISCOUNT,
-  r
+  r.OMNIBUS_DISCOUNT_PADDINGS,
+  t.OMNIBUS_DISCOUNT,
+  o
 ), g = {
   align: i,
   color: T,

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

@@ -1,9 +1,9 @@
 import { ModificationDescription as m } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { CommonControl as c } from "../../../common-control.js";
-import { RecommendationBlockId as l } from "../../constants/blockIds.js";
+import { preserveTextStyles as l } from "../../utils/preserveTextStyles.js";
 import { RecommendationControlId as d } from "../../constants/controlIds.js";
 import { BLOCK_ROOT_SELECTOR as T } from "../../constants/selectors.js";
-import { preserveTextStyles as f } from "../../utils/preserveTextStyles.js";
+import { RecommendationBlockId as f } from "../../constants/blockIds.js";
 const i = "data-text-after", u = "", p = ".omnibus-text-after";
 class g extends c {
   getId() {
@@ -48,7 +48,7 @@ class g extends c {
     if (!e || !("querySelectorAll" in e))
       return;
     const n = Array.from(
-      e.querySelectorAll(`[esd-extension-block-id="${l.OMNIBUS_DISCOUNT}"]`)
+      e.querySelectorAll(`[esd-extension-block-id="${f.OMNIBUS_DISCOUNT}"]`)
     );
     if (!n.length)
       return;
@@ -57,7 +57,7 @@ class g extends c {
       o.modifyHtml(s).setAttribute(i, t);
       const r = s.querySelector(p);
       if (r) {
-        const a = f(r, t);
+        const a = l(r, t);
         o.modifyHtml(r).setInnerHtml(a);
       }
     }), o.apply(new m("Update omnibus discount text after"));

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

@@ -1,9 +1,9 @@
 import { ModificationDescription as a } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { CommonControl as c } from "../../../common-control.js";
-import { RecommendationBlockId as l } from "../../constants/blockIds.js";
+import { preserveTextStyles as l } from "../../utils/preserveTextStyles.js";
 import { RecommendationControlId as d } from "../../constants/controlIds.js";
 import { BLOCK_ROOT_SELECTOR as T } from "../../constants/selectors.js";
-import { preserveTextStyles as f } from "../../utils/preserveTextStyles.js";
+import { RecommendationBlockId as f } from "../../constants/blockIds.js";
 const i = "data-text-before", u = "", p = ".omnibus-text-before";
 class g extends c {
   getId() {
@@ -48,7 +48,7 @@ class g extends c {
     if (!e || !("querySelectorAll" in e))
       return;
     const n = Array.from(
-      e.querySelectorAll(`[esd-extension-block-id="${l.OMNIBUS_DISCOUNT}"]`)
+      e.querySelectorAll(`[esd-extension-block-id="${f.OMNIBUS_DISCOUNT}"]`)
     );
     if (!n.length)
       return;
@@ -57,7 +57,7 @@ class g extends c {
       o.modifyHtml(s).setAttribute(i, t);
       const r = s.querySelector(p);
       if (r) {
-        const m = f(r, t);
+        const m = l(r, t);
         o.modifyHtml(r).setInnerHtml(m);
       }
     }), o.apply(new a("Update omnibus discount text before"));

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

@@ -1,37 +1,37 @@
 import { createPaddingsControl as n, createTextBackgroundColorControl as e, createTextFontFamilyControl as C, createTextStyleControl as I, createTextSizeControl as l, createTextColorControl as i, createTextAlignControl as c } from "../../../controlFactories.js";
-import { RecommendationBlockId as o } from "../../constants/blockIds.js";
-import { RecommendationControlId as t } from "../../constants/controlIds.js";
-import { BLOCK_ROOT_SELECTOR as r } from "../../constants/selectors.js";
 import { OmnibusPriceTextAfterControl as O } from "./textAfter.js";
 import { OmnibusPriceTextBeforeControl as _ } from "./textBefore.js";
+import { BLOCK_ROOT_SELECTOR as o } from "../../constants/selectors.js";
+import { RecommendationBlockId as t } from "../../constants/blockIds.js";
+import { RecommendationControlId as r } from "../../constants/controlIds.js";
 const m = c(
-  t.OMNIBUS_PRICE_ALIGN,
-  o.OMNIBUS_PRICE,
-  r
+  r.OMNIBUS_PRICE_ALIGN,
+  t.OMNIBUS_PRICE,
+  o
 ), S = i(
-  t.OMNIBUS_PRICE_COLOR,
-  o.OMNIBUS_PRICE,
-  r
+  r.OMNIBUS_PRICE_COLOR,
+  t.OMNIBUS_PRICE,
+  o
 ), B = l(
-  t.OMNIBUS_PRICE_SIZE,
-  o.OMNIBUS_PRICE,
-  r
+  r.OMNIBUS_PRICE_SIZE,
+  t.OMNIBUS_PRICE,
+  o
 ), P = I(
-  t.OMNIBUS_PRICE_STYLE,
-  o.OMNIBUS_PRICE,
-  r
+  r.OMNIBUS_PRICE_STYLE,
+  t.OMNIBUS_PRICE,
+  o
 ), R = C(
-  t.OMNIBUS_PRICE_FONT_FAMILY,
-  o.OMNIBUS_PRICE,
-  r
+  r.OMNIBUS_PRICE_FONT_FAMILY,
+  t.OMNIBUS_PRICE,
+  o
 ), a = e(
-  t.OMNIBUS_PRICE_BACKGROUND,
-  o.OMNIBUS_PRICE,
-  r
+  r.OMNIBUS_PRICE_BACKGROUND,
+  t.OMNIBUS_PRICE,
+  o
 ), E = n(
-  t.OMNIBUS_PRICE_PADDINGS,
-  o.OMNIBUS_PRICE,
-  r
+  r.OMNIBUS_PRICE_PADDINGS,
+  t.OMNIBUS_PRICE,
+  o
 ), f = {
   align: m,
   color: S,

package/dist/extensions/Blocks/Recommendation/controls/omnibusPrice/textAfter.js

@@ -1,9 +1,9 @@
 import { ModificationDescription as u } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { CommonControl as c } from "../../../common-control.js";
-import { RecommendationBlockId as l } from "../../constants/blockIds.js";
+import { preserveTextStyles as l } from "../../utils/preserveTextStyles.js";
 import { RecommendationControlId as d } from "../../constants/controlIds.js";
 import { BLOCK_ROOT_SELECTOR as T } from "../../constants/selectors.js";
-import { preserveTextStyles as p } from "../../utils/preserveTextStyles.js";
+import { RecommendationBlockId as p } from "../../constants/blockIds.js";
 const s = "data-text-after", a = "", f = ".omnibus-text-after";
 class g extends c {
   getId() {
@@ -48,7 +48,7 @@ class g extends c {
     if (!e || !("querySelectorAll" in e))
       return;
     const n = Array.from(
-      e.querySelectorAll(`[esd-extension-block-id="${l.OMNIBUS_PRICE}"]`)
+      e.querySelectorAll(`[esd-extension-block-id="${p.OMNIBUS_PRICE}"]`)
     );
     if (!n.length)
       return;
@@ -57,7 +57,7 @@ class g extends c {
       r.modifyHtml(i).setAttribute(s, t);
       const o = i.querySelector(f);
       if (o) {
-        const m = p(o, t);
+        const m = l(o, t);
         r.modifyHtml(o).setInnerHtml(m);
       }
     }), r.apply(new u("Update omnibus price text after"));

package/dist/extensions/Blocks/Recommendation/controls/omnibusPrice/textBefore.js

@@ -1,9 +1,9 @@
 import { ModificationDescription as u } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { CommonControl as c } from "../../../common-control.js";
-import { RecommendationBlockId as l } from "../../constants/blockIds.js";
+import { preserveTextStyles as l } from "../../utils/preserveTextStyles.js";
 import { RecommendationControlId as d } from "../../constants/controlIds.js";
 import { BLOCK_ROOT_SELECTOR as p } from "../../constants/selectors.js";
-import { preserveTextStyles as T } from "../../utils/preserveTextStyles.js";
+import { RecommendationBlockId as T } from "../../constants/blockIds.js";
 const s = "data-text-before", a = "", f = ".omnibus-text-before";
 class g extends c {
   getId() {
@@ -48,7 +48,7 @@ class g extends c {
     if (!t || !("querySelectorAll" in t))
       return;
     const n = Array.from(
-      t.querySelectorAll(`[esd-extension-block-id="${l.OMNIBUS_PRICE}"]`)
+      t.querySelectorAll(`[esd-extension-block-id="${T.OMNIBUS_PRICE}"]`)
     );
     if (!n.length)
       return;
@@ -57,7 +57,7 @@ class g extends c {
       o.modifyHtml(i).setAttribute(s, e);
       const r = i.querySelector(f);
       if (r) {
-        const m = T(r, e);
+        const m = l(r, e);
         o.modifyHtml(r).setInnerHtml(m);
       }
     }), o.apply(new u("Update omnibus price text before"));

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

@@ -1,35 +1,35 @@
 import { createPaddingsControl as r, createTextBackgroundColorControl as C, createTextFontFamilyControl as e, createTextStyleControl as l, createTextSizeControl as c, createTextColorControl as I, createTextAlignControl as R } from "../../../controlFactories.js";
-import { RecommendationBlockId as o } from "../../constants/blockIds.js";
-import { RecommendationControlId as t } from "../../constants/controlIds.js";
-import { BLOCK_ROOT_SELECTOR as n } from "../../constants/selectors.js";
+import { BLOCK_ROOT_SELECTOR as o } from "../../constants/selectors.js";
+import { RecommendationBlockId as t } from "../../constants/blockIds.js";
+import { RecommendationControlId as n } from "../../constants/controlIds.js";
 const a = R(
-  t.PRICE_ALIGN,
-  o.PRICE,
-  n
+  n.PRICE_ALIGN,
+  t.PRICE,
+  o
 ), i = I(
-  t.PRICE_COLOR,
-  o.PRICE,
-  n
+  n.PRICE_COLOR,
+  t.PRICE,
+  o
 ), E = c(
-  t.PRICE_SIZE,
-  o.PRICE,
-  n
+  n.PRICE_SIZE,
+  t.PRICE,
+  o
 ), P = l(
-  t.PRICE_STYLE,
-  o.PRICE,
-  n
+  n.PRICE_STYLE,
+  t.PRICE,
+  o
 ), m = e(
-  t.PRICE_FONT_FAMILY,
-  o.PRICE,
-  n
+  n.PRICE_FONT_FAMILY,
+  t.PRICE,
+  o
 ), s = C(
-  t.PRICE_BACKGROUND,
-  o.PRICE,
-  n
+  n.PRICE_BACKGROUND,
+  t.PRICE,
+  o
 ), d = r(
-  t.PRICE_PADDINGS,
-  o.PRICE,
-  n
+  n.PRICE_PADDINGS,
+  t.PRICE,
+  o
 ), S = {
   align: a,
   color: i,

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 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";
+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";
 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 f, getBlockElement as B } from "../main/utils.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 { 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);
-    C(this, "store", w());
-    C(this, "unsubscribeOrientation", null);
+    h(this, "store", w());
+    h(this, "unsubscribeOrientation", null);
     /**
      * Debounced version of _onColumnSpacingChange
      * Prevents excessive DOM updates when user rapidly adjusts the counter
      */
-    C(this, "_debouncedOnColumnSpacingChange", O((t) => {
+    h(this, "_debouncedOnColumnSpacingChange", O((t) => {
       this._onColumnSpacingChange(t);
     }, 300));
     /**
      * Debounced version of _onRowSpacingChange
      */
-    C(this, "_debouncedOnRowSpacingChange", O((t) => {
+    h(this, "_debouncedOnRowSpacingChange", O((t) => {
       this._onRowSpacingChange(t);
     }, 300));
     /**
      * Debounced version of _onMobileColumnSpacingChange
      */
-    C(this, "_debouncedOnMobileColumnSpacingChange", O((t) => {
+    h(this, "_debouncedOnMobileColumnSpacingChange", O((t) => {
       this._onMobileColumnSpacingChange(t);
     }, 300));
     /**
      * Debounced version of _onMobileRowSpacingChange
      */
-    C(this, "_debouncedOnMobileRowSpacingChange", O((t) => {
+    h(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 || f(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 || S(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 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");
+      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");
       if (!d)
-        return g;
+        return C;
       const y = d.trim().split(/\s+/);
-      return y.length < 2 ? g : I(y[1], g / 2) * 2;
+      return y.length < 2 ? C : I(y[1], C / 2) * 2;
     }
     const o = t.querySelector(".product-card-wrapper") ?? null, i = V(o), a = L(i, "padding");
     if (!a)
-      return g;
+      return C;
     const r = a.trim().split(/\s+/);
-    return r.length < 2 ? g : I(r[1], g / 2) * 2;
+    return r.length < 2 ? C : I(r[1], C / 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 E;
-    const e = (this.currentNode.querySelector(S) ?? this.currentNode).querySelector(".spacer") ?? null, o = L(e, "height");
-    return I(o, E);
+      return M;
+    const e = (this.currentNode.querySelector(f) ?? this.currentNode).querySelector(".spacer") ?? null, o = L(e, "height");
+    return I(o, M);
   }
   // ========================================================================
   // 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 || f(this.currentNode), i = this.api.getDocumentModifier(), r = `0 ${t / 2}px`, c = this.currentNode.querySelector(S);
+    const o = p.getConfig(this.currentNode).layout || S(this.currentNode), i = this.api.getDocumentModifier(), r = `0 ${t / 2}px`, c = this.currentNode.querySelector(f);
     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 m(`Update column spacing to ${t}px`)));
+    }), i.apply(new g(`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(S);
+    const e = this.currentNode.querySelector(f);
     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 m(`Update row spacing to ${t}px`));
+    }), i.apply(new g(`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 || f(this.currentNode), i = this.api.getDocumentModifier(), r = `0 ${t / 2}px`, c = this.currentNode.querySelector(M);
+    const o = p.getConfig(this.currentNode).layout || S(this.currentNode), i = this.api.getDocumentModifier(), r = `0 ${t / 2}px`, c = this.currentNode.querySelector(E);
     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 m(`Update mobile column spacing to ${t}px`)));
+    }), i.apply(new g(`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(M);
+    const e = this.currentNode.querySelector(E);
     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 m(`Update mobile row spacing to ${t}px`));
+    }), i.apply(new g(`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 m(`Store ${t}`));
+    o && this.api.getDocumentModifier().modifyHtml(o).setAttribute(t, e.toString()).apply(new g(`Store ${t}`));
   }
   // ========================================================================
   // Event Listeners

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

@@ -1,27 +1,27 @@
-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 {
+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 {
   constructor() {
     super(...arguments);
-    a(this, "_repositionedElement", null);
+    l(this, "_repositionedElement", null);
   }
   getId() {
-    return S;
+    return C;
   }
   getTemplate() {
     return `
             <div class="${r}">
-                <${c.ICON}
-                    ${p.ICON.src}="migration-info-icon"
+                <${a.ICON}
+                    ${_.ICON.src}="migration-info-icon"
                     class="${r}__icon">
-                </${c.ICON}>
+                </${a.ICON}>
                 <p class="${r}__text">
-                    ${this.api.translate(u)}
+                    ${this.api.translate(S)}
                 </p>
             </div>
         `;
@@ -30,8 +30,7 @@ class h extends d {
     this._repositionAboveTabs();
   }
   onDestroy() {
-    var t;
-    super.onDestroy(), (t = this._repositionedElement) == null || t.remove(), this._repositionedElement = null;
+    super.onDestroy(), this._repositionedElement?.remove(), this._repositionedElement = null;
   }
   /**
    * Moves the info message from inside the Settings tab content
@@ -48,7 +47,6 @@ class h extends d {
    * The element reference is stored so onDestroy() can remove it.
    */
   _repositionAboveTabs() {
-    var l;
     const n = this.getContainer().querySelector(`.${r}`);
     if (!n)
       return;
@@ -56,10 +54,10 @@ class h extends d {
     if (!i)
       return;
     const s = i.querySelector("ue-tabs-header");
-    s && ((l = s.parentElement) == null || l.insertBefore(n, s), this._repositionedElement = n);
+    s && (s.parentElement?.insertBefore(n, s), this._repositionedElement = n);
   }
 }
 export {
-  S as SYNC_INFO_MESSAGE_CONTROL_ID,
-  h as SyncInfoMessageControl
+  C as SYNC_INFO_MESSAGE_CONTROL_ID,
+  f as SyncInfoMessageControl
 };

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

@@ -1,44 +1,43 @@
 import { ExtensionBuilder as r } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/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";
+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";
 const b = [
-  i,
-  e,
+  C,
+  f,
+  d,
+  u,
+  g,
+  R,
+  y,
+  B
+], P = [
   s,
   l,
   a,
   p,
-  c,
-  C
-], P = [
-  n,
-  d,
-  f,
-  u,
-  g
+  c
 ], S = [
   ...P,
   ...b.flatMap((o) => Object.values(o))
-], K = S.reduce(
+], J = S.reduce(
   (o, t) => o.addControl(t),
-  new r().addBlock(m).withSettingsPanelRegistry(B)
-).addStyles(y).withIconsRegistry(R).build();
+  new r().addBlock(n).withSettingsPanelRegistry(e)
+).addStyles(i).withIconsRegistry(m).build();
 export {
-  K as default
+  J as default
 };