@useinsider/guido 1.0.3-beta.ddb7e87 → 1.0.3-beta.df46976

package/dist/extensions/Blocks/RadioButton/template.js

@@ -5,7 +5,7 @@ const e = {
   YES: "Yes",
   NO: "No"
 }, d = `
-    <td align="left" class="radio-button radio-button-v2 esd-block-radio es-p10t es-p10b es-p30r es-p30l">
+    <td align="left" class="radio-button-v2 esd-block-radio es-p10t es-p10b es-p30r es-p30l">
         <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
             <tbody>
                 <tr>
@@ -75,21 +75,12 @@ const e = {
             </tbody>
         </table>
     </td>
-`, a = `
-    <td
-        align="left"
-        esd-extension-block-id="radio-button-block"
+`, l = `
+    <td 
+        align="left" 
+        esd-extension-block-id="radio-button-block" 
         esd-handler-name="esd-extension-RadioButtonBlock"
-        class="
-            radio-button
-            radio-button-v2
-            esd-block-ra
-            esd-radio-button-block
-            esd-extension-block
-            es-p10t
-            es-p10b
-            es-p30r
-            es-p30l"
+        class="radio-button-v2 esd-block-ra esd-radio-button-block esd-extension-block es-p10t es-p10b es-p30r es-p30l"
     >
         <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
             <tbody>
@@ -149,10 +140,10 @@ const e = {
         </table>
     </td>
 `;
-function l() {
+function a() {
   return d.replace("{-{-TITLE-}-}", `<p path="1">${e.TITLE}</p>`).replace("{-{-DESCRIPTION-}-}", `<p path="1">${e.DESCRIPTION}</p>`).replace("{-{-YES-}-}", `<p path="1">${e.YES}</p>`).replace("{-{-NO-}-}", `<p path="1">${e.NO}</p>`);
 }
 export {
-  a as default,
-  l as getDefaultTemplate
+  l as default,
+  a as getDefaultTemplate
 };

package/dist/{src/extensions → extensions}/Blocks/Recommendation/block.d.ts

@@ -1,7 +1,6 @@
 import { Block, BlockCompositionType } from '@stripoinc/ui-editor-extensions';
 export declare const BLOCK_ID = "recommendation-block";
 export declare class RecommendationBlock extends Block {
-    constructor();
     getId(): string;
     getIcon(): string;
     getBlockCompositionType(): BlockCompositionType;

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

@@ -1,10 +1,7 @@
 import { Block as e, BlockCompositionType as t } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { getDefaultTemplate as o } from "./templates/blockTemplate.js";
+import { getDefaultTemplate as o } from "./template.js";
 const n = "recommendation-block";
-class m extends e {
-  constructor() {
-    super();
-  }
+class c extends e {
   getId() {
     return n;
   }
@@ -26,5 +23,5 @@ class m extends e {
 }
 export {
   n as BLOCK_ID,
-  m as RecommendationBlock
+  c as RecommendationBlock
 };

package/dist/{src/extensions → extensions}/Blocks/Recommendation/control.d.ts

@@ -21,12 +21,6 @@ export declare class RecommendationBlockControl extends CommonControl {
     _onFilterChange(value: boolean): void;
     _onFilterSelectClick(): void;
     _onDataChange(item: string, value: string | number | string[]): void;
-    /**
-     * Get the current card composition from block data attribute or use default
-     */
-    _getCardComposition(): string[];
-    _regenerateProductRows(): void;
-    _debouncedRegenerateProductRows: import("@vueuse/shared").PromisifyFn<() => void>;
     _onCurrencyConfigChange(item: string, value: string | number): void;
     _onCurrencyChange(value: string): void;
     _setProductIdsVisibility(): void;

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

@@ -1,14 +1,11 @@
 var _ = Object.defineProperty;
-var R = (s, n, e) => n in s ? _(s, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[n] = e;
-var r = (s, n, e) => R(s, typeof n != "symbol" ? n + "" : n, e);
-import { currencyDecimalCounts as l, currencyOperators as c, currencyLocationMaps as h } from "../../../enums/extensions/recommendationBlock.js";
-import { UEAttr as m, ModificationDescription as S } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as g } from "../common-control.js";
-import { useRecommendationExtensionStore as O } from "./store/recommendation.js";
-import { prepareProductRows as p } from "./templates/blockTemplate.js";
-import { DEFAULT_CARD_COMPOSITION as C, getDefaultProducts as E } from "./templates/templateUtils.js";
-import { useDebounceFn as U } from "../../../node_modules/@vueuse/shared/index.js";
-const L = "ui-elements-recommendation-block", t = {
+var R = (o, n, e) => n in o ? _(o, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[n] = e;
+var r = (o, n, e) => R(o, typeof n != "symbol" ? n + "" : n, e);
+import { currencyDecimalCounts as c, currencyOperators as a, currencyLocationMaps as l } from "../../../enums/extensions/recommendationBlock.js";
+import { UEAttr as d } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as m } from "../common-control.js";
+import { useRecommendationExtensionStore as S } from "./store/recommendation.js";
+const g = "ui-elements-recommendation-block", t = {
   ALGORITHM: "strategy",
   PRODUCT_IDS: "productIds",
   LOCALE: "language",
@@ -24,21 +21,18 @@ const L = "ui-elements-recommendation-block", t = {
   SHUFFLE_PRODUCTS: "shuffleProducts",
   RESPONSIVE: "unresponsive"
 };
-class b extends g {
+class p extends m {
   constructor() {
     super(...arguments);
-    r(this, "store", O());
+    r(this, "store", S());
     r(this, "storeUnsubscription", () => {
     });
     r(this, "addFilterListener", () => {
     });
     r(this, "addFilterButton", null);
-    r(this, "_debouncedRegenerateProductRows", U(() => {
-      this._regenerateProductRows();
-    }, 500));
   }
   getId() {
-    return L;
+    return g;
   }
   getTemplate() {
     return `
@@ -84,22 +78,22 @@ class b extends g {
     });
   }
   _initializeSelectItems() {
-    const { store: e } = this, o = e.getActivePredictiveAlgorithms, i = e.getLanguages, a = {
-      [t.ALGORITHM]: o,
+    const { store: e } = this, s = e.getActivePredictiveAlgorithms, i = e.getLanguages, C = {
+      [t.ALGORITHM]: s,
       [t.LOCALE]: i,
       [t.CURRENCY]: e.currencyList,
-      [t.CURRENCY_LOCATION]: h,
+      [t.CURRENCY_LOCATION]: l,
       [t.CURRENCY_SYMBOL]: e.getCurrencySymbolList,
-      [t.CURRENCY_THOUSAND_SEPARATOR]: c,
-      [t.CURRENCY_DECIMAL_SEPARATOR]: c,
-      [t.CURRENCY_DECIMAL_COUNT]: l,
+      [t.CURRENCY_THOUSAND_SEPARATOR]: a,
+      [t.CURRENCY_DECIMAL_SEPARATOR]: a,
+      [t.CURRENCY_DECIMAL_COUNT]: c,
       [t.PRODUCT_COUNT]: Number(e.recommendationConfigs.size),
       [t.PRODUCT_IN_ROW]: e.recommendationConfigs.cardsInRow,
       [t.SHUFFLE_PRODUCTS]: e.recommendationConfigs.shuffleProducts,
       [t.RESPONSIVE]: !e.recommendationConfigs.unresponsive
     };
-    Object.entries(a).forEach(([u, d]) => {
-      this.api.setUIEAttribute(u, m.SELECTPICKER.items, d);
+    Object.entries(C).forEach(([u, h]) => {
+      this.api.setUIEAttribute(u, d.SELECTPICKER.items, h);
     });
   }
   _getAlgorithms() {
@@ -145,7 +139,7 @@ class b extends g {
       this._GuSelect({
         name: t.CURRENCY_LOCATION,
         placeholder: "Select Currency Location",
-        options: h
+        options: l
       }),
       this._GuLabel({ text: "Currency Symbol" }),
       this._GuSelect({
@@ -157,19 +151,19 @@ class b extends g {
       this._GuSelect({
         name: t.CURRENCY_THOUSAND_SEPARATOR,
         placeholder: "Select Thousand Separator",
-        options: c
+        options: a
       }),
       this._GuLabel({ text: "Decimal Separator" }),
       this._GuSelect({
         name: t.CURRENCY_DECIMAL_SEPARATOR,
         placeholder: "Select Decimal Separator",
-        options: c
+        options: a
       }),
       this._GuLabel({ text: "Decimal Count" }),
       this._GuSelect({
         name: t.CURRENCY_DECIMAL_COUNT,
         placeholder: "Select Decimal Count",
-        options: l
+        options: c
       })
     ])}
         `;
@@ -223,62 +217,39 @@ class b extends g {
       filterSelectionDrawerStatus: !0
     });
   }
-  _onDataChange(e, o) {
-    this.currentNode && (this.store.$patch({
+  _onDataChange(e, s) {
+    this.currentNode && this.store.$patch({
       recommendationConfigs: {
-        [e]: o
+        [e]: s
       }
-    }), this._debouncedRegenerateProductRows());
-  }
-  /**
-   * Get the current card composition from block data attribute or use default
-   */
-  _getCardComposition() {
-    if (!this.currentNode)
-      return C;
-    const e = this.currentNode.querySelector(".ins-recommendation-v3-block-v2");
-    if (!e || !("getAttribute" in e))
-      return C;
-    const o = e.getAttribute("data-card-composition");
-    return o ? o.split(",").filter(Boolean) : C;
-  }
-  _regenerateProductRows() {
-    if (!this.currentNode || !("querySelector" in this.currentNode))
-      return;
-    const e = this.currentNode.querySelector(".ins-recommendation-product-container");
-    if (!e) {
-      console.error("Could not find container table for product rows");
-      return;
-    }
-    const o = this.store.recommendationProducts.length > 0 ? this.store.recommendationProducts : E(), { cardsInRow: i } = this.store.recommendationConfigs, a = this._getCardComposition(), u = p(o, i, a);
-    this.api.getDocumentModifier().modifyHtml(e).setInnerHtml(u).apply(new S("Updated product"));
+    });
   }
-  _onCurrencyConfigChange(e, o) {
+  _onCurrencyConfigChange(e, s) {
     this.currentNode && this.store.$patch({
       recommendationConfigs: {
         currencySettings: {
-          [e]: o
+          [e]: s
         }
       }
     });
   }
   _onCurrencyChange(e) {
-    const [, o] = e.split(".");
+    const [, s] = e.split(".");
     this.store.$patch({
       recommendationConfigs: {
         currencySettings: {
-          name: o,
-          value: o
+          name: s,
+          value: s
         }
       }
     });
   }
   _setProductIdsVisibility() {
-    const { recommendationConfigs: e } = this.store, o = e.strategy === "manualMerchandising";
-    this.api.setVisibility(t.PRODUCT_IDS, o), this.api.setVisibility(`${t.PRODUCT_IDS}_label`, o);
+    const { recommendationConfigs: e } = this.store, s = e.strategy === "manualMerchandising";
+    this.api.setVisibility(t.PRODUCT_IDS, s), this.api.setVisibility(`${t.PRODUCT_IDS}_label`, s);
   }
   _listenToFormUpdates() {
-    var o;
+    var s;
     this.api.onValueChanged(t.ALGORITHM, (i) => {
       this._onDataChange(t.ALGORITHM, i), this._setProductIdsVisibility();
     }), this.api.onValueChanged(t.PRODUCT_IDS, (i) => this._onDataChange(t.PRODUCT_IDS, i.split(",") || [])), this.api.onValueChanged(t.LOCALE, (i) => this._onDataChange(t.LOCALE, i)), this.api.onValueChanged(t.CURRENCY, (i) => this._onCurrencyChange(i)), [
@@ -288,19 +259,19 @@ class b extends g {
       t.CURRENCY_DECIMAL_SEPARATOR,
       t.CURRENCY_DECIMAL_COUNT
     ].forEach((i) => {
-      this.api.onValueChanged(i, (a) => this._onCurrencyConfigChange(i, a));
-    }), this.api.onValueChanged(t.PRODUCT_COUNT, (i) => this._onDataChange(t.PRODUCT_COUNT, i.toString())), this.api.onValueChanged(t.PRODUCT_IN_ROW, (i) => this._onDataChange(t.PRODUCT_IN_ROW, i)), this.api.onValueChanged(t.SHUFFLE_PRODUCTS, (i) => this._onDataChange(t.SHUFFLE_PRODUCTS, i)), this.api.onValueChanged(t.RESPONSIVE, (i) => this._onDataChange(t.RESPONSIVE, i)), this.addFilterListener = this._onFilterSelectClick.bind(this), this.addFilterButton = this.getContainer().querySelector("#guido__btn-add-filter"), (o = this.addFilterButton) == null || o.addEventListener("click", this.addFilterListener);
+      this.api.onValueChanged(i, (C) => this._onCurrencyConfigChange(i, C));
+    }), this.api.onValueChanged(t.PRODUCT_COUNT, (i) => this._onDataChange(t.PRODUCT_COUNT, i.toString())), this.api.onValueChanged(t.PRODUCT_IN_ROW, (i) => this._onDataChange(t.PRODUCT_IN_ROW, i)), this.api.onValueChanged(t.SHUFFLE_PRODUCTS, (i) => this._onDataChange(t.SHUFFLE_PRODUCTS, i)), this.api.onValueChanged(t.RESPONSIVE, (i) => this._onDataChange(t.RESPONSIVE, i)), this.addFilterListener = this._onFilterSelectClick.bind(this), this.addFilterButton = this.getContainer().querySelector("#guido__btn-add-filter"), (s = this.addFilterButton) == null || s.addEventListener("click", this.addFilterListener);
   }
   _listenStateUpdates() {
     this.storeUnsubscription = this.store.$subscribe((e) => {
       if ("payload" in e) {
-        const o = e.payload.recommendationConfigs;
-        o && (this.api.updateValues(o), this.store.fetchRecommendationProducts());
+        const s = e.payload.recommendationConfigs;
+        s && (this.api.updateValues(s), this.store.fetchRecommendationProducts());
       }
     });
   }
 }
 export {
-  L as CONTROL_BLOCK_ID,
-  b as RecommendationBlockControl
+  g as CONTROL_BLOCK_ID,
+  p as RecommendationBlockControl
 };

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

@@ -1,45 +1,10 @@
 import { ExtensionBuilder as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { RecommendationBlock as r } from "./block.js";
-import { RecommendationCardCompositionControl as t } from "./cardCompositionControl.js";
-import { RecommendationBlockControl as n } from "./control.js";
-import { ButtonAlignControl as d } from "./controls/button/align.js";
-import { ButtonBorderControl as l } from "./controls/button/border.js";
-import { ButtonBorderRadiusControl as m } from "./controls/button/borderRadius.js";
-import { ButtonColorControl as i } from "./controls/button/color.js";
-import { ButtonFitToContentControl as C } from "./controls/button/fitToContent.js";
-import { ButtonFontFamilyControl as a } from "./controls/button/fontFamily.js";
-import { ButtonMarginsControl as e } from "./controls/button/margins.js";
-import { ButtonPaddingsControl as p } from "./controls/button/paddings.js";
-import { ButtonTextControl as f } from "./controls/button/text.js";
-import { ButtonTextSizeControl as c } from "./controls/button/textSize.js";
-import { ButtonTextStyleAndFontColorControl as s } from "./controls/button/textStyleAndFontColor.js";
-import { ImageMarginsControl as g } from "./controls/image/margins.js";
-import { ImageSizeControl as B } from "./controls/image/size.js";
-import { NameAlignControl as P } from "./controls/name/align.js";
-import { NameBackgroundControl as u } from "./controls/name/background.js";
-import { NameColorControl as y } from "./controls/name/color.js";
-import { NameFontFamilyControl as S } from "./controls/name/fontFamily.js";
-import { NamePaddingsControl as F } from "./controls/name/paddings.js";
-import { NameSizeControl as R } from "./controls/name/size.js";
-import { NameStyleControl as N } from "./controls/name/style.js";
-import { OldPriceAlignControl as O } from "./controls/oldPrice/align.js";
-import { OldPriceBackgroundControl as k } from "./controls/oldPrice/background.js";
-import { OldPriceColorControl as x } from "./controls/oldPrice/color.js";
-import { OldPriceFontFamilyControl as z } from "./controls/oldPrice/fontFamily.js";
-import { OldPricePaddingsControl as A } from "./controls/oldPrice/paddings.js";
-import { OldPriceSizeControl as I } from "./controls/oldPrice/size.js";
-import { OldPriceStyleControl as T } from "./controls/oldPrice/style.js";
-import { PriceAlignControl as w } from "./controls/price/align.js";
-import { PriceBackgroundControl as h } from "./controls/price/background.js";
-import { PriceColorControl as M } from "./controls/price/color.js";
-import { PriceFontFamilyControl as b } from "./controls/price/fontFamily.js";
-import { PricePaddingsControl as E } from "./controls/price/paddings.js";
-import { PriceSizeControl as j } from "./controls/price/size.js";
-import { PriceStyleControl as q } from "./controls/price/style.js";
-import { RecommendationIconsRegistry as v } from "./iconsRegistry.js";
-import D from "./recommendation.css.js";
-import { SettingsPanel as G } from "./settingsPanel.js";
-const Io = new o().addBlock(r).withSettingsPanelRegistry(G).addControl(n).addControl(d).addControl(l).addControl(m).addControl(i).addControl(C).addControl(a).addControl(e).addControl(p).addControl(f).addControl(c).addControl(s).addControl(g).addControl(B).addControl(P).addControl(u).addControl(y).addControl(S).addControl(F).addControl(R).addControl(N).addControl(O).addControl(k).addControl(x).addControl(z).addControl(A).addControl(I).addControl(T).addControl(w).addControl(h).addControl(M).addControl(b).addControl(E).addControl(j).addControl(q).addControl(t).addStyles(D).withIconsRegistry(v).build();
+import { RecommendationBlock as t } from "./block.js";
+import { RecommendationBlockControl as e } from "./control.js";
+import { RecommendationIconsRegistry as n } from "./iconsRegistry.js";
+import i from "./recommendation.css.js";
+import { SettingsPanel as m } from "./settingsPanel.js";
+const f = new o().addBlock(t).withSettingsPanelRegistry(m).addControl(e).addStyles(i).withIconsRegistry(n).build();
 export {
-  Io as default
+  f as default
 };

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

@@ -1,51 +1,51 @@
-import { IconsRegistry as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-class n extends o {
+import { IconsRegistry as e } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+class t extends e {
   registerIconsSvg(C) {
     C["recommendation-icon"] = `
-            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
-                <path d="M10 4.4C10 4.73137 9.73012 4.99622 9.40108 5.0355C6.92202 5.33143 5 7.44126 5 10C5 12.5587 
-                6.92202 14.6686 9.40108 14.9645C9.73012 15.0038 10 15.2686 10 15.6V18.4C10 18.7314 9.73137 19 9.4 
-                19H9C8.44772 19 8 18.5523 8 18V17.2422C7.99988 16.3514 6.92291 15.9053 6.29297 16.5352L5.75684 
-                17.0713C5.36633 17.4617 4.73328 17.4617 4.34277 17.0713L2.92871 15.6572C2.53829 15.2667 2.53829 
-                14.6337 2.92871 14.2432L3.46484 13.707C4.09466 13.0771 3.64858 12.0001 2.75781 12H2C1.44772 12 1 
-                11.5523 1 11L1 9C1 8.44772 1.44772 8 2 8H2.75684C3.6476 7.99988 4.09369 6.92291 3.46387 6.29297L2.92871 
-                5.75781C2.53829 5.36731 2.53829 4.73426 2.92871 4.34375L4.34375 2.92871C4.73426 2.53829 5.36731 2.53829 
-                5.75781 2.92871L6.29297 3.46387C6.92291 4.09368 7.99988 3.6476 8 2.75684V2C8 1.44772 8.44772 1 9 1L9.4 
-                1C9.73137 1 10 1.26863 10 1.6V4.4ZM11 2C11 1.44786 11.4543 0.987733 11.9893 1.12402C12.1732 1.17098 
-                12.3541 1.23174 12.5303 1.30469C13.0156 1.50571 13.4567 1.80044 13.8281 2.17187C14.1996 2.54331 14.4943 
-                2.98442 14.6953 3.46973C14.7058 3.49498 14.716 3.52033 14.7259 3.54577C14.8279 3.80746 15.0733 3.9917 
-                15.3531 4.01625C15.5539 4.03386 15.7542 4.06671 15.9521 4.11523C16.8954 4.34649 17.723 4.91284 18.2793 
-                5.70898C18.8354 6.505 19.0827 7.47631 18.9756 8.44141C18.927 8.87824 18.8065 9.30007 18.6231 
-                9.69186C18.5322 9.88606 18.5322 10.112 18.6231 10.3062C18.7962 10.6759 18.9122 11.0708 18.9658 
-                11.4775C19.0425 12.0595 18.9901 12.6515 18.8125 13.2109C18.6348 13.7703 18.3358 14.2838 17.9375 
-                14.7148C17.5393 15.1457 17.0513 15.4839 16.5078 15.7051C16.1381 15.8555 15.7488 15.9484 15.3532 
-                15.9829C15.0734 16.0073 14.8281 16.1917 14.7262 16.4535C14.7162 16.4792 14.7059 16.5048 14.6953 
-                16.5303C14.4943 17.0156 14.1996 17.4567 13.8281 17.8281C13.4567 18.1996 13.0156 18.4943 12.5303 
-                18.6953C12.3541 18.7683 12.1732 18.829 11.9893 18.876C11.4543 19.0123 11 18.5521 11 18V17.7852C11.0001 
-                17.3515 11.365 17.0136 11.7656 16.8477C12.0082 16.7471 12.2284 16.5997 12.4141 16.4141C12.5997 16.2284 
-                12.7471 16.0082 12.8477 15.7656C12.9482 15.523 13 15.2626 13 15C13 14.7374 12.9482 14.477 12.8477 
-                14.2344C12.7471 13.9918 12.5997 13.7716 12.4141 13.5859C12.2284 13.4003 12.0082 13.2529 11.7656 
-                13.1523C11.365 12.9864 11.0001 12.6485 11 12.2148V12C11 11.4479 11.4543 10.9877 11.9893 11.124C12.1732 
-                11.171 12.3541 11.2317 12.5303 11.3047C13.0156 11.5057 13.4567 11.8004 13.8281 12.1719C14.1996 12.5433 
-                14.4943 12.9844 14.6953 13.4697C14.7632 13.6337 14.8195 13.8017 14.8649 13.9725C14.8686 13.9865 14.881 
-                13.9963 14.8955 13.9971C15.1886 14.0123 15.4821 13.9631 15.7539 13.8525C16.0256 13.742 16.2696 13.5729 
-                16.4688 13.3574C16.6679 13.1419 16.8174 12.8851 16.9063 12.6055C16.995 12.3259 17.0207 12.0301 16.9824 
-                11.7393C16.9441 11.4484 16.8427 11.169 16.6846 10.9219C16.5264 10.6747 16.3156 10.4652 16.0674 
-                10.3086C15.6579 10.0502 15.2974 9.62601 15.3574 9.14551L15.3721 9.02344C15.4406 8.47551 15.949 8.07553 
-                16.4629 8.27734C16.5364 8.30622 16.609 8.33735 16.6807 8.37063C16.811 8.43113 16.9714 8.36352 16.9873 
-                8.2207C17.0409 7.73814 16.9177 7.25251 16.6396 6.85449C16.3616 6.45652 15.9481 6.1733 15.4766 
-                6.05762C15.3327 6.02235 15.1861 6.00292 15.04 6C14.9439 5.99809 14.8572 6.05928 14.8296 6.15143C14.7913 
-                6.27967 14.7467 6.40615 14.6953 6.53027C14.4943 7.01558 14.1996 7.45669 13.8281 7.82812C13.4567 8.19956 
-                13.0156 8.49429 12.5303 8.69531C12.3541 8.76826 12.1732 8.82902 11.9893 8.87598C11.4543 9.01227 
-                11 8.55214 11 8V7.78516C11.0001 7.35151 11.365 7.01362 11.7656 6.84766C12.0082 6.74715 12.2284 6.59971 
-                12.4141 6.41406C12.5997 6.22841 12.7471 6.00817 12.8477 5.76562C12.9482 5.52297 13 5.26264 13 5C13 
-                4.73736 12.9482 4.47703 12.8477 4.23437C12.7471 3.99182 12.5997 3.77159 12.4141 3.58594C12.2284 
-                3.40029 12.0082 3.25285 11.7656 3.15234C11.365 2.98638 11.0001 2.64849 11 2.21484V2Z" 
-                fill="currentColor"/>
+            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M12 6.4C12 6.73137 11.7301 6.99622 11.4011 7.0355C8.92202 7.33143 7 9.44126 7 12C7 14.5587
+                8.92202 16.6686 11.4011 16.9645C11.7301 17.0038 12 17.2686 12 17.6V20.4C12 20.7314 11.7314 21 11.4
+                21H11C10.4477 21 10 20.5523 10 20V19.2422C9.99988 18.3514 8.92291 17.9053 8.29297 18.5352L7.75684
+                19.0713C7.36633 19.4617 6.73328 19.4617 6.34277 19.0713L4.92871 17.6572C4.53829 17.2667 4.53829 16.6337
+                4.92871 16.2432L5.46484 15.707C6.09466 15.0771 5.64858 14.0001 4.75781 14H4C3.44772 14 3 13.5523 3 13L3
+                11C3 10.4477 3.44772 10 4 10H4.75684C5.6476 9.99988 6.09369 8.92291 5.46387 8.29297L4.92871 
+                7.75781C4.53829 7.36731 4.53829 6.73426 4.92871 6.34375L6.34375 4.92871C6.73426 4.53829 
+                7.36731 4.53829 7.75781 4.92871L8.29297
+                5.46387C8.92291 6.09368 9.99988 5.6476 10 4.75684V4C10 3.44772 10.4477 3 11 3L11.4 3C11.7314 3 12
+                3.26863 12 3.6V6.4ZM13 4C13 3.44786 13.4543 2.98773 13.9893 3.12402C14.1732 3.17098 14.3541 3.23174
+                14.5303 3.30469C15.0156 3.50571 15.4567 3.80044 15.8281 4.17187C16.1996 4.54331 16.4943 4.98442 16.6953
+                5.46973C16.7058 5.49498 16.716 5.52033 16.7259 5.54577C16.8279 5.80746 17.0733 5.9917 17.3531
+                6.01625C17.5539 6.03386 17.7542 6.06671 17.9521 6.11523C18.8954 6.34649 19.723 6.91284 20.2793
+                7.70898C20.8354 8.505 21.0827 9.47631 20.9756 10.4414C20.927 10.8782 20.8065 11.3001 20.6231
+                11.6919C20.5322 11.8861 20.5322 12.112 20.6231 12.3062C20.7962 12.6759 20.9122 13.0708 20.9658
+                13.4775C21.0425 14.0595 20.9901 14.6515 20.8125 15.2109C20.6348 15.7703 20.3358 16.2838 19.9375
+                16.7148C19.5393 17.1457 19.0513 17.4839 18.5078 17.7051C18.1381 17.8555 17.7488 17.9484 17.3532
+                17.9829C17.0734 18.0073 16.8281 18.1917 16.7262 18.4535C16.7162 18.4792 16.7059 18.5048 16.6953
+                18.5303C16.4943 19.0156 16.1996 19.4567 15.8281 19.8281C15.4567 20.1996 15.0156 20.4943 14.5303
+                20.6953C14.3541 20.7683 14.1732 20.829 13.9893 20.876C13.4543 21.0123 13 20.5521 13 20V19.7852C13.0001
+                19.3515 13.365 19.0136 13.7656 18.8477C14.0082 18.7471 14.2284 18.5997 14.4141 18.4141C14.5997 18.2284
+                14.7471 18.0082 14.8477 17.7656C14.9482 17.523 15 17.2626 15 17C15 16.7374 14.9482 16.477 14.8477
+                16.2344C14.7471 15.9918 14.5997 15.7716 14.4141 15.5859C14.2284 15.4003 14.0082 15.2529 13.7656
+                15.1523C13.365 14.9864 13.0001 14.6485 13 14.2148V14C13 13.4479 13.4543 12.9877 13.9893 13.124C14.1732
+                13.171 14.3541 13.2317 14.5303 13.3047C15.0156 13.5057 15.4567 13.8004 15.8281 14.1719C16.1996 14.5433
+                16.4943 14.9844 16.6953 15.4697C16.7632 15.6337 16.8195 15.8017 16.8649 15.9725C16.8686 15.9865 16.881
+                15.9963 16.8955 15.9971C17.1886 16.0123 17.4821 15.9631 17.7539 15.8525C18.0256 15.742 18.2696 15.5729
+                18.4688 15.3574C18.6679 15.1419 18.8174 14.8851 18.9063 14.6055C18.995 14.3259 19.0207 14.0301 18.9824
+                13.7393C18.9441 13.4484 18.8427 13.169 18.6846 12.9219C18.5264 12.6747 18.3156 12.4652 18.0674
+                12.3086C17.6579 12.0502 17.2974 11.626 17.3574 11.1455L17.3721 11.0234C17.4406 10.4755 17.949 10.0755
+                18.4629 10.2773C18.5364 10.3062 18.609 10.3373 18.6807 10.3706C18.811 10.4311 18.9714 10.3635 18.9873
+                10.2207C19.0409 9.73814 18.9177 9.25251 18.6396 8.85449C18.3616 8.45652 17.9481 8.1733 17.4766
+                8.05762C17.3327 8.02235 17.1861 8.00292 17.04 8C16.9439 7.99809 16.8572 8.05928 16.8296 8.15143C16.7913
+                8.27967 16.7467 8.40615 16.6953 8.53027C16.4943 9.01558 16.1996 9.45669 15.8281 9.82812C15.4567 10.1996
+                15.0156 10.4943 14.5303 10.6953C14.3541 10.7683 14.1732 10.829 13.9893 10.876C13.4543 11.0123 13 10.5521
+                13 10V9.78516C13.0001 9.35151 13.365 9.01362 13.7656 8.84766C14.0082 8.74715 14.2284 8.59971 14.4141
+                8.41406C14.5997 8.22841 14.7471 8.00817 14.8477 7.76562C14.9482 7.52297 15 7.26264 15 7C15 6.73736
+                14.9482 6.47703 14.8477 6.23437C14.7471 5.99182 14.5997 5.77159 14.4141 5.58594C14.2284 5.40029 14.0082
+                5.25285 13.7656 5.15234C13.365 4.98638 13.0001 4.64849 13 4.21484V4Z" fill="#666666"/>
             </svg>
         `;
   }
 }
 export {
-  n as RecommendationIconsRegistry
+  t as RecommendationIconsRegistry
 };

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

@@ -1,117 +1,32 @@
-import { SettingsPanelRegistry as N, SettingsPanelTab as _, SettingsTab as E, ContainerControls as S, TextControls as L } 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 C } from "./cardCompositionControl.js";
-import { RecommendationBlockId as I, RecommendationControlId as T } from "./constants.js";
-import { CONTROL_BLOCK_ID as e } from "./control.js";
-class G extends N {
-  registerBlockControls(O) {
-    O[R] = [
-      new _(
-        E.SETTINGS,
-        [
-          e,
-          S.EXTERNAL_INDENTS
-        ]
-      ),
-      new _(
-        E.STYLES,
-        [
-          L.TEXT_BLOCK_BACKGROUND_COLOR
-        ]
-      ),
-      new _(
-        "Card Composition",
-        [
-          C
-        ]
-      ).withLabel("Card Composition")
-    ], O[I.NAME] = [
-      new _(
-        E.SETTINGS,
-        [
-          T.NAME_BACKGROUND,
-          T.NAME_COLOR,
-          T.NAME_SIZE,
-          T.NAME_STYLE,
-          T.NAME_FONT_FAMILY
-        ]
-      ),
-      new _(
-        E.STYLES,
-        [
-          T.NAME_ALIGN,
-          T.NAME_PADDINGS
-        ]
-      )
-    ], O[I.PRICE] = [
-      new _(
-        E.SETTINGS,
-        [
-          T.PRICE_BACKGROUND,
-          T.PRICE_COLOR,
-          T.PRICE_SIZE,
-          T.PRICE_STYLE,
-          T.PRICE_FONT_FAMILY
+import { SettingsPanelRegistry as o, SettingsPanelTab as t, SettingsTab as e, ContainerControls as r, TextControls as s } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { BLOCK_ID as T } from "./block.js";
+import { CONTROL_BLOCK_ID as i } from "./control.js";
+class a extends o {
+  registerBlockControls(n) {
+    n[T] = [
+      new t(
+        e.SETTINGS,
+        [
+          i,
+          r.EXTERNAL_INDENTS
         ]
       ),
-      new _(
-        E.STYLES,
-        [
-          T.PRICE_ALIGN,
-          T.PRICE_PADDINGS
-        ]
-      )
-    ], O[I.OLD_PRICE] = [
-      new _(
-        E.SETTINGS,
-        [
-          T.OLD_PRICE_BACKGROUND,
-          T.OLD_PRICE_COLOR,
-          T.OLD_PRICE_SIZE,
-          T.OLD_PRICE_STYLE,
-          T.OLD_PRICE_FONT_FAMILY
-        ]
-      ),
-      new _(
-        E.STYLES,
-        [
-          T.OLD_PRICE_ALIGN,
-          T.OLD_PRICE_PADDINGS
-        ]
-      )
-    ], O[I.BUTTON] = [
-      new _(
-        E.SETTINGS,
-        [
-          T.BUTTON_TEXT,
-          T.BUTTON_ALIGN,
-          T.BUTTON_MARGINS,
-          T.BUTTON_PADDINGS
-        ]
-      ),
-      new _(
-        E.STYLES,
-        [
-          T.BUTTON_COLOR,
-          T.BUTTON_FONT_FAMILY,
-          T.BUTTON_TEXT_SIZE,
-          T.BUTTON_TEXT_STYLE_AND_FONT_COLOR,
-          T.BUTTON_FIT_TO_CONTENT,
-          T.BUTTON_BORDER_RADIUS,
-          T.BUTTON_BORDER
-        ]
-      )
-    ], O[I.IMAGE] = [
-      new _(
-        E.SETTINGS,
+      new t(
+        e.STYLES,
         [
-          T.IMAGE_SIZE,
-          T.IMAGE_MARGINS
+          s.TEXT_BLOCK_BACKGROUND_COLOR
         ]
       )
+      // TODO: It'll be opened after the card composition is implemented by Stripo team.
+      // new SettingsPanelTab(
+      //     'Card Composition',
+      //     [
+      //         COMPOSITION_CONTROL_BLOCK_ID,
+      //     ]
+      // ).withLabel('Card Composition'),
     ];
   }
 }
 export {
-  G as SettingsPanel
+  a as SettingsPanel
 };

package/dist/{src/extensions → extensions}/Blocks/Recommendation/store/recommendation.d.ts

@@ -34,7 +34,7 @@ interface StoreState {
     filterList: FiltersResponse;
     filterGroup: number;
 }
-export declare const useRecommendationExtensionStore: import("pinia").StoreDefinition<"guidoRecommendationExtension", StoreState, {
+export declare const useRecommendationExtensionStore: import("pinia").StoreDefinition<"recommendationExtension", StoreState, {
     hasFilters: (state: {
         recommendationCampaignUrls: Record<string, string>;
         recommendationConfigs: {