@useinsider/guido 2.0.0-beta.6e688eb → 2.0.0-beta.782343a

package/dist/extensions/Blocks/Recommendation/controls/{spacingControl.js → spacing/index.js}

@@ -1,25 +1,37 @@
 var C = Object.defineProperty;
-var g = (i, r, e) => r in i ? C(i, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[r] = e;
-var S = (i, r, e) => g(i, typeof r != "symbol" ? r + "" : r, e);
-import { ModificationDescription as l } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as m } from "../../common-control.js";
-import { useDebounceFn as d } from "../../../../node_modules/@vueuse/shared/index.js";
-const _ = "recommendation-spacing-control", c = {
+var h = (n, r, e) => r in n ? C(n, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[r] = e;
+var S = (n, r, e) => h(n, typeof r != "symbol" ? r + "" : r, e);
+import { ModificationDescription as p } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as _ } from "../../../common-control.js";
+import { useDebounceFn as d } from "../../../../../node_modules/@vueuse/shared/index.js";
+const f = "recommendation-spacing-control", i = {
   COLUMN_SPACING: "columnSpacing",
   ROW_SPACING: "rowSpacing"
 }, N = {
   COLUMN_SPACING: "data-column-spacing",
   ROW_SPACING: "data-row-spacing"
-}, n = {
+}, a = {
   COLUMN_SPACING: 10,
   // 5px on each side = 10px total
   ROW_SPACING: 20
-}, p = {
+}, c = {
   MIN_SPACING: 0,
   MAX_SPACING: 50,
   STEP: 5
 };
-class G extends m {
+function g(n, r) {
+  return !n || !("getStyle" in n) ? null : n.getStyle(r);
+}
+function A(n) {
+  return !n || !("parent" in n) || typeof n.parent != "function" ? null : n.parent();
+}
+function m(n, r) {
+  if (!n)
+    return r;
+  const e = parseFloat(n);
+  return Number.isNaN(e) ? r : e;
+}
+class M extends _ {
   constructor() {
     super(...arguments);
     /**
@@ -38,7 +50,7 @@ class G extends m {
     }, 300));
   }
   getId() {
-    return _;
+    return f;
   }
   getTemplate() {
     return `
@@ -46,17 +58,17 @@ class G extends m {
                 ${this._GuTwoColumns([
       this._GuLabel({ text: "Column Spacing (px)" }),
       this._GuCounter({
-        name: c.COLUMN_SPACING,
-        minValue: p.MIN_SPACING,
-        maxValue: p.MAX_SPACING,
-        step: p.STEP
+        name: i.COLUMN_SPACING,
+        minValue: c.MIN_SPACING,
+        maxValue: c.MAX_SPACING,
+        step: c.STEP
       }),
       this._GuLabel({ text: "Row Spacing (px)" }),
       this._GuCounter({
-        name: c.ROW_SPACING,
-        minValue: p.MIN_SPACING,
-        maxValue: p.MAX_SPACING,
-        step: p.STEP
+        name: i.ROW_SPACING,
+        minValue: c.MIN_SPACING,
+        maxValue: c.MAX_SPACING,
+        step: c.STEP
       })
     ])}
             </div>
@@ -74,50 +86,32 @@ class G extends m {
   _setFormValues() {
     const e = this._getStoredColumnSpacing(), t = this._getStoredRowSpacing();
     this.api.updateValues({
-      [c.COLUMN_SPACING]: e,
-      [c.ROW_SPACING]: t
+      [i.COLUMN_SPACING]: e,
+      [i.ROW_SPACING]: t
     });
   }
   /**
    * Gets stored column spacing from the first product card wrapper's parent element's padding
-   * Reads the actual padding value instead of relying on data attributes
-   *
    * The padding is applied as "0 {halfSpacing}px" on the parent TD element,
-   * so we need to extract the horizontal padding value and multiply by 2 to get total spacing.
+   * so we extract the horizontal padding value and multiply by 2 to get total spacing.
    */
   _getStoredColumnSpacing() {
     if (!this.currentNode)
-      return n.COLUMN_SPACING;
-    const e = this.currentNode.querySelector(".product-card-wrapper");
-    if (!e || !("parent" in e) || typeof e.parent != "function")
-      return n.COLUMN_SPACING;
-    const t = e.parent();
-    if (!t || !("getStyle" in t))
-      return n.COLUMN_SPACING;
-    const o = t.getStyle("padding");
+      return a.COLUMN_SPACING;
+    const e = this.currentNode.querySelector(".product-card-wrapper"), t = A(e), o = g(t, "padding");
     if (!o)
-      return n.COLUMN_SPACING;
-    const u = o.trim().split(/\s+/);
-    if (u.length < 2)
-      return n.COLUMN_SPACING;
-    const [, a] = u, s = parseFloat(a);
-    return Number.isNaN(s) ? n.COLUMN_SPACING : s * 2;
+      return a.COLUMN_SPACING;
+    const s = o.trim().split(/\s+/);
+    return s.length < 2 ? a.COLUMN_SPACING : m(s[1], a.COLUMN_SPACING / 2) * 2;
   }
   /**
    * Gets stored row spacing from the first spacer element's height style
-   * Reads the actual height value instead of relying on data attributes
    */
   _getStoredRowSpacing() {
     if (!this.currentNode)
-      return n.ROW_SPACING;
-    const e = this.currentNode.querySelector(".spacer");
-    if (!e || !("getStyle" in e))
-      return n.ROW_SPACING;
-    const t = e.getStyle("height");
-    if (!t)
-      return n.ROW_SPACING;
-    const o = parseFloat(t);
-    return Number.isNaN(o) ? n.ROW_SPACING : o;
+      return a.ROW_SPACING;
+    const e = this.currentNode.querySelector(".spacer"), t = g(e, "height");
+    return m(t, a.ROW_SPACING);
   }
   /**
    * Handles column spacing changes
@@ -126,15 +120,16 @@ class G extends m {
   _onColumnSpacingChange(e) {
     if (!this.currentNode)
       return;
+    this._storeColumnSpacing(e);
     const t = Array.from(
       this.currentNode.querySelectorAll(".product-card-wrapper")
     );
     if (!t)
       return;
-    const o = this.api.getDocumentModifier(), a = `0 ${e / 2}px`;
-    console.debug("padding", a), t.forEach((s) => {
-      "parent" in s && s.parent() && o.modifyHtml(s.parent()).setStyle("padding", a);
-    }), o.apply(new l(`Update column spacing to ${e}px`));
+    const o = this.api.getDocumentModifier(), u = `0 ${e / 2}px`;
+    t.forEach((l) => {
+      "parent" in l && l.parent() && o.modifyHtml(l.parent()).setStyle("padding", u);
+    }), o.apply(new p(`Update column spacing to ${e}px`));
   }
   /**
    * Handles row spacing changes
@@ -147,12 +142,12 @@ class G extends m {
     const t = Array.from(
       this.currentNode.querySelectorAll(".spacer")
     );
-    if (console.debug("spacerCells", t), console.debug("spacing", e), !t.length)
+    if (!t.length)
       return;
-    const o = this.api.getDocumentModifier(), u = `${e}px`;
-    t.forEach((a) => {
-      o.modifyHtml(a).setStyle("height", u);
-    }), o.apply(new l(`Update row spacing to ${e}px`));
+    const o = this.api.getDocumentModifier(), s = `${e}px`;
+    t.forEach((u) => {
+      o.modifyHtml(u).setStyle("height", s);
+    }), o.apply(new p(`Update row spacing to ${e}px`));
   }
   /**
    * Stores column spacing value in block data attribute
@@ -161,7 +156,7 @@ class G extends m {
     if (!this.currentNode)
       return;
     const t = this.currentNode.querySelector(".ins-recommendation-v3-block-v2");
-    t && this.api.getDocumentModifier().modifyHtml(t).setAttribute(N.COLUMN_SPACING, e.toString()).apply(new l("Store column spacing"));
+    t && this.api.getDocumentModifier().modifyHtml(t).setAttribute(N.COLUMN_SPACING, e.toString()).apply(new p("Store column spacing"));
   }
   /**
    * Stores row spacing value in block data attribute
@@ -170,19 +165,19 @@ class G extends m {
     if (!this.currentNode)
       return;
     const t = this.currentNode.querySelector(".ins-recommendation-v3-block-v2");
-    t && this.api.getDocumentModifier().modifyHtml(t).setAttribute(N.ROW_SPACING, e.toString()).apply(new l("Store row spacing"));
+    t && this.api.getDocumentModifier().modifyHtml(t).setAttribute(N.ROW_SPACING, e.toString()).apply(new p("Store row spacing"));
   }
   _listenToFormUpdates() {
-    this.api.onValueChanged(c.COLUMN_SPACING, (e) => {
+    this.api.onValueChanged(i.COLUMN_SPACING, (e) => {
       const t = parseInt(e);
       Number.isNaN(t) || this._debouncedOnColumnSpacingChange(t);
-    }), this.api.onValueChanged(c.ROW_SPACING, (e) => {
+    }), this.api.onValueChanged(i.ROW_SPACING, (e) => {
       const t = parseInt(e);
       Number.isNaN(t) || this._debouncedOnRowSpacingChange(t);
     });
   }
 }
 export {
-  _ as SPACING_CONTROL_ID,
-  G as SpacingControl
+  f as SPACING_CONTROL_ID,
+  M as SpacingControl
 };

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

@@ -1,19 +1,39 @@
-import { ExtensionBuilder as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { RecommendationBlock as t } from "./block.js";
-import { RecommendationCardCompositionControl as n } from "./cardCompositionControl.js";
-import { RecommendationBlockControl as r } from "./control.js";
-import { ButtonAlignControl as l, ButtonBorderControl as d, ButtonBorderRadiusControl as C, ButtonColorControl as i, ButtonFitToContentControl as a, ButtonFontFamilyControl as e, ButtonMarginsControl as m, ButtonPaddingsControl as s, ButtonTextControl as c, ButtonTextSizeControl as u, ButtonTextStyleAndFontColorControl as P, ImageMarginsControl as g, ImageSizeControl as B, NameAlignControl as O, NameBackgroundControl as f, NameColorControl as b, NameFontFamilyControl as p, NamePaddingsControl as y, NameSizeControl as S, NameStyleControl as F, OldPriceAlignControl as x, OldPriceBackgroundControl as T, OldPriceColorControl as k, OldPriceFontFamilyControl as A, OldPricePaddingsControl as D, OldPriceSizeControl as N, OldPriceStyleControl as R, OmnibusPriceAlignControl as z, OmnibusPriceBackgroundControl as I, OmnibusPriceColorControl as w, OmnibusPriceFontFamilyControl as h, OmnibusPricePaddingsControl as M, OmnibusPriceSizeControl as E, OmnibusPriceStyleControl as j, OmnibusDiscountAlignControl as q, OmnibusDiscountBackgroundControl as v, OmnibusDiscountColorControl as G, OmnibusDiscountFontFamilyControl as H, OmnibusDiscountPaddingsControl as J, OmnibusDiscountSizeControl as K, OmnibusDiscountStyleControl as L, PriceAlignControl as Q, PriceBackgroundControl as U, PriceColorControl as V, PriceFontFamilyControl as W, PricePaddingsControl as X, PriceSizeControl as Y, PriceStyleControl as Z } from "./controls/index.js";
-import { RecommendationIconsRegistry as _ } from "./iconsRegistry.js";
-import $ from "./recommendation.css.js";
-import { SettingsPanel as oo } from "./settingsPanel.js";
-import { CardBackgroundColorControl as to } from "./controls/cardBackgroundColorControl.js";
-import { SpacingControl as no } from "./controls/spacingControl.js";
-import { NameTextTrimControl as ro } from "./controls/nameTextTrimControl.js";
-import { OmnibusPriceTextBeforeControl as lo } from "./controls/omnibusPriceTextBeforeControl.js";
-import { OmnibusPriceTextAfterControl as Co } from "./controls/omnibusPriceTextAfterControl.js";
-import { OmnibusDiscountTextBeforeControl as io } from "./controls/omnibusDiscountTextBeforeControl.js";
-import { OmnibusDiscountTextAfterControl as ao } from "./controls/omnibusDiscountTextAfterControl.js";
-const xo = new o().addBlock(t).withSettingsPanelRegistry(oo).addControl(r).addControl(to).addControl(no).addControl(l).addControl(d).addControl(C).addControl(i).addControl(a).addControl(e).addControl(m).addControl(s).addControl(c).addControl(u).addControl(P).addControl(g).addControl(B).addControl(O).addControl(f).addControl(b).addControl(p).addControl(y).addControl(S).addControl(F).addControl(ro).addControl(x).addControl(T).addControl(k).addControl(A).addControl(D).addControl(N).addControl(R).addControl(z).addControl(I).addControl(w).addControl(h).addControl(M).addControl(E).addControl(j).addControl(lo).addControl(Co).addControl(q).addControl(v).addControl(G).addControl(H).addControl(J).addControl(K).addControl(L).addControl(io).addControl(ao).addControl(Q).addControl(U).addControl(V).addControl(W).addControl(X).addControl(Y).addControl(Z).addControl(n).addStyles($).withIconsRegistry(_).build();
+import { ExtensionBuilder as r } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { RecommendationBlock as n } from "./block.js";
+import { RecommendationBlockControl as m } from "./controls/main/index.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 { OmnibusDiscountControls as a } from "./controls/omnibusDiscount/index.js";
+import { ButtonControls as c } from "./controls/button/index.js";
+import { ImageControls as p } from "./controls/image/index.js";
+import { SpacingControl as d } from "./controls/spacing/index.js";
+import { CardBackgroundColorControl as C } from "./controls/cardBackground/index.js";
+import { RecommendationCardCompositionControl as f } from "./controls/cardComposition/index.js";
+import { RecommendationIconsRegistry as u } from "./iconsRegistry.js";
+import g from "./recommendation.css.js";
+import { SettingsPanel as R } from "./settingsPanel.js";
+const B = [
+  i,
+  e,
+  l,
+  s,
+  a,
+  c,
+  p
+], y = [
+  m,
+  C,
+  d,
+  f
+], P = [
+  ...y,
+  ...B.flatMap((o) => Object.values(o))
+], z = P.reduce(
+  (o, t) => o.addControl(t),
+  new r().addBlock(n).withSettingsPanelRegistry(R)
+).addStyles(g).withIconsRegistry(u).build();
 export {
-  xo as default
+  z as default
 };

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

@@ -1,17 +1,25 @@
 import { SettingsPanelRegistry as S, SettingsPanelTab as I, SettingsTab as T, ContainerControls as E, TextControls as C } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { BLOCK_ID as R } from "./block.js";
-import { COMPOSITION_CONTROL_BLOCK_ID as L } from "./cardCompositionControl.js";
-import { RecommendationBlockId as N, RecommendationControlId as _ } from "./constants.js";
-import { CONTROL_BLOCK_ID as U } from "./control.js";
-import { CARD_BACKGROUND_COLOR_CONTROL_ID as B } from "./controls/cardBackgroundColorControl.js";
-import { SPACING_CONTROL_ID as D } from "./controls/spacingControl.js";
-class m extends S {
+import { RecommendationBlockId as N } from "./constants/blockIds.js";
+import { RecommendationControlId as _ } from "./constants/controlIds.js";
+import { CONTROL_BLOCK_ID as L } from "./controls/main/index.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 U } from "./controls/spacing/index.js";
+import { CARD_BACKGROUND_COLOR_CONTROL_ID as B } from "./controls/cardBackground/index.js";
+import { COMPOSITION_CONTROL_BLOCK_ID as D } from "./controls/cardComposition/index.js";
+class X extends S {
   registerBlockControls(O) {
     O[R] = [
       new I(
         T.SETTINGS,
         [
-          U,
+          L,
           E.EXTERNAL_INDENTS
         ]
       ),
@@ -20,13 +28,13 @@ class m extends S {
         [
           C.TEXT_BLOCK_BACKGROUND_COLOR,
           B,
-          D
+          U
         ]
       ),
       new I(
         "Card Composition",
         [
-          L
+          D
         ]
       ).withLabel("Card Composition")
     ], O[N.NAME] = [
@@ -158,5 +166,5 @@ class m extends S {
   }
 }
 export {
-  m as SettingsPanel
+  X as SettingsPanel
 };

package/dist/extensions/Blocks/Recommendation/store/recommendation.js

@@ -1,9 +1,9 @@
-import { RecommendationFeedSourceMaps as n, PriceAttributes as u } from "../../../../enums/extensions/recommendationBlock.js";
-import { useRecommendationApi as l } from "../../../../services/recommendationApi.js";
-import { useConfigStore as c } from "../../../../stores/config.js";
-import { defineStore as p } from "pinia";
-import { generateCompleteFilterQuery as m } from "../utils/filterUtil.js";
-const a = l(), d = () => ({
+import { RecommendationFeedSourceMaps as u, PriceAttributes as c } from "../../../../enums/extensions/recommendationBlock.js";
+import { useRecommendationApi as p } from "../../../../services/recommendationApi.js";
+import { useConfigStore as m } from "../../../../stores/config.js";
+import { defineStore as d } from "pinia";
+import { generateCompleteFilterQuery as l } from "../utils/filterUtil.js";
+const n = p(), f = () => ({
   recommendationCampaignUrls: {},
   recommendationProducts: [],
   recommendationConfigs: {
@@ -134,8 +134,8 @@ const a = l(), d = () => ({
   filterSelectionDrawerStatus: !1,
   filterList: {},
   filterGroup: 1
-}), y = p("guidoRecommendationExtension", {
-  state: () => d(),
+}), C = d("guidoRecommendationExtension", {
+  state: () => f(),
   getters: {
     hasFilters: (e) => !!e.recommendationConfigs.filters.length,
     getFilterGroupCount: (e) => {
@@ -145,7 +145,7 @@ const a = l(), d = () => ({
     getActivePredictiveAlgorithms: (e) => {
       const t = [];
       return e.activePredictiveAlgorithms.forEach((r) => {
-        t.push(...n.filter((i) => i.id === r));
+        t.push(...u.filter((i) => i.id === r));
       }), t.map((r) => ({
         text: r.name,
         value: r.key
@@ -160,7 +160,7 @@ const a = l(), d = () => ({
       value: t.text
     })),
     getFilterList: (e) => Object.values(e.filterList).map((t) => {
-      const r = t.type === "defaultAttribute", i = u.includes(t.attributeName);
+      const r = t.type === "defaultAttribute", i = c.includes(t.attributeName);
       let o = r ? t.attributeName : `product_attributes.${t.attributeName}`;
       return o = i ? `${o}.${e.recommendationConfigs.currencySettings.value}` : o, {
         text: t.displayName,
@@ -178,13 +178,13 @@ const a = l(), d = () => ({
         activePredictiveAlgorithms: e,
         languages: t,
         currencies: r
-      } = await a.fetchRecommendationCreateData();
+      } = await n.fetchRecommendationCreateData();
       this.activePredictiveAlgorithms = e, this.languages = t;
       const [i] = r;
       this.recommendationConfigs.currencySettings.name = i.text, this.recommendationConfigs.currencySettings.value = i.value, this.currencyList = r, this.filterStatus = !!this.recommendationConfigs.filters.length;
     },
     async fetchRecommendationFilters() {
-      const e = await a.fetchRecommendationFilters();
+      const e = await n.fetchRecommendationFilters();
       this.filterList = e;
     },
     addFilterGroup(e) {
@@ -238,30 +238,30 @@ const a = l(), d = () => ({
       });
     },
     generateFilterQuery() {
-      return m(this.recommendationConfigs.filters);
+      return l(this.recommendationConfigs.filters);
     },
     async fetchRecommendationProducts() {
-      var o;
-      const e = this.generateFilterQuery(), t = ((o = n.find((s) => s.key === this.recommendationConfigs.strategy)) == null ? void 0 : o.path) || "", r = c(), i = await a.fetchRecommendationProducts(
-        t,
+      var s;
+      const e = this.recommendationConfigs.filters.filter((a) => a.isValid), t = l(e), r = ((s = u.find((a) => a.key === this.recommendationConfigs.strategy)) == null ? void 0 : s.path) || "", i = m(), o = await n.fetchRecommendationProducts(
+        r,
         {
           // TODO: Here will be optimized and filled carefully
           locale: this.recommendationConfigs.language,
           currency: this.recommendationConfigs.currencySettings.value,
-          partnerName: r.partnerName,
+          partnerName: i.partnerName,
           productId: this.recommendationConfigs.strategy === "manualMerchandising" ? this.recommendationConfigs.productIds.join(",") : "{itemId}",
           size: this.recommendationConfigs.size,
           details: !0,
           campaignId: "{campaignId}",
-          filter: e
+          filter: t
         }
       );
       this.$patch({
-        recommendationProducts: i
+        recommendationProducts: o
       });
     }
   }
 });
 export {
-  y as useRecommendationExtensionStore
+  C as useRecommendationExtensionStore
 };

package/dist/extensions/Blocks/Recommendation/templates/blockTemplate.js

@@ -1,8 +1,9 @@
 import { BlockType as e, BlockAttr as o } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { RecommendationBlockId as s, ATTR_PRODUCT_BUTTON as r, ATTR_PRODUCT_OMNIBUS_DISCOUNT as c, ATTR_PRODUCT_OMNIBUS_PRICE as p, ATTR_PRODUCT_OLD_PRICE as i, ATTR_PRODUCT_PRICE as d, ATTR_PRODUCT_NAME as T, ATTR_PRODUCT_IMAGE as b } from "../constants.js";
-import { generateTemplate as _, prepareProductRows as O, spacer as u, DEFAULTS as f, getDefaultProducts as C } from "./templateUtils.js";
-import { DEFAULT_CARD_COMPOSITION as I, DEFAULT_CARD_VISIBILITY as h } from "./templateUtils.js";
-const g = `
+import { RecommendationBlockId as s } from "../constants/blockIds.js";
+import { ATTR_PRODUCT_BUTTON as l, ATTR_PRODUCT_OMNIBUS_DISCOUNT as c, ATTR_PRODUCT_OMNIBUS_PRICE as p, ATTR_PRODUCT_OLD_PRICE as i, ATTR_PRODUCT_PRICE as d, ATTR_PRODUCT_NAME as T, ATTR_PRODUCT_IMAGE as b } from "../constants/selectors.js";
+import { prepareProductRows as _, generateTemplate as O, spacer as u, DEFAULTS as f, getDefaultProducts as C } from "./templateUtils.js";
+import { DEFAULT_CARD_COMPOSITION as h, DEFAULT_CARD_VISIBILITY as A } from "./templateUtils.js";
+const m = `
     <td align="left" class="ins-recommendation-v3-block-v2 esd-block-recommendation-v3-block es-p20">
         <table width="100%" cellpadding="0" cellspacing="0" border="0">
             <tr>
@@ -123,7 +124,7 @@ const g = `
             </p>
         </${e.BLOCK_TEXT}>
     `,
-  [r]: () => `
+  [l]: () => `
         <${e.BLOCK_BUTTON}
             ${o.BLOCK_BUTTON.href}="#"
             class="product-button es-p10t es-p10b"
@@ -152,30 +153,30 @@ const g = `
         </${e.BLOCK_BUTTON}>
     `
 };
-function x() {
+function E() {
   const t = C();
-  return _(
-    g,
+  return O(
+    m,
     t,
     3,
     n,
     f.TITLE
   );
 }
-function E(t, a, l) {
-  return O(
+function $(t, a, r) {
+  return _(
     t,
     a,
     n,
-    l
+    r
   );
 }
 export {
   f as DEFAULTS,
-  I as DEFAULT_CARD_COMPOSITION,
-  h as DEFAULT_CARD_VISIBILITY,
-  g as default,
+  h as DEFAULT_CARD_COMPOSITION,
+  A as DEFAULT_CARD_VISIBILITY,
+  m as default,
   C as getDefaultProducts,
-  x as getDefaultTemplate,
-  E as prepareProductRows
+  E as getDefaultTemplate,
+  $ as prepareProductRows
 };

package/dist/extensions/Blocks/Recommendation/templates/migrationTemplate.js

@@ -1,4 +1,4 @@
-import { ATTR_PRODUCT_BUTTON as o, ATTR_PRODUCT_OMNIBUS_DISCOUNT as a, ATTR_PRODUCT_OMNIBUS_PRICE as s, ATTR_PRODUCT_OLD_PRICE as l, ATTR_PRODUCT_PRICE as c, ATTR_PRODUCT_NAME as r, ATTR_PRODUCT_IMAGE as d } from "../constants.js";
+import { ATTR_PRODUCT_BUTTON as o, ATTR_PRODUCT_OMNIBUS_DISCOUNT as a, ATTR_PRODUCT_OMNIBUS_PRICE as s, ATTR_PRODUCT_OLD_PRICE as l, ATTR_PRODUCT_PRICE as c, ATTR_PRODUCT_NAME as r, ATTR_PRODUCT_IMAGE as d } from "../constants/selectors.js";
 import { prepareProductRows as i } from "./templateUtils.js";
 import { DEFAULTS as k, getDefaultProducts as f } from "./templateUtils.js";
 const g = `