@useinsider/guido 1.0.3-beta.6204034 → 1.0.3-beta.63633cd

package/dist/components/organisms/onboarding/OnboardingWrapper.vue.js

@@ -1,21 +1,19 @@
-import t from "./OnboardingWrapper.vue2.js";
-import i from "../../../_virtual/_plugin-vue2_normalizer.js";
+import o from "./OnboardingWrapper.vue2.js";
+import _ from "../../../_virtual/_plugin-vue2_normalizer.js";
 var s = function() {
-  var n = this, e = n._self._c, r = n._self._setupProxy;
-  return e("div", n._l(r.visibleOnboardings, function(o) {
-    return e(o.component, { key: o.type, tag: "component", on: { "onboarding-finished": function(p) {
-      return r.emit("onboarding-finished");
-    } } });
+  var n = this, e = n._self._c, t = n._self._setupProxy;
+  return e("div", n._l(t.visibleOnboardings, function(r) {
+    return e(r.component, { key: r.type, tag: "component" });
   }), 1);
-}, _ = [], a = /* @__PURE__ */ i(
-  t,
+}, a = [], p = /* @__PURE__ */ _(
+  o,
   s,
-  _,
+  a,
   !1,
   null,
   null
 );
-const d = a.exports;
+const m = p.exports;
 export {
-  d as default
+  m as default
 };

package/dist/components/organisms/onboarding/OnboardingWrapper.vue2.js

@@ -1,25 +1,24 @@
-import { defineComponent as b, computed as e, onMounted as O, watch as t } from "vue";
-import { usePartner as u } from "../../../composables/usePartner.js";
-import { useEditorStore as v } from "../../../stores/editor.js";
-import { useOnboardingStore as l } from "../../../stores/onboarding.js";
-import { usePreviewStore as y } from "../../../stores/preview.js";
-import S from "./AMPOnboarding.vue.js";
-import h from "./GenericOnboarding.vue.js";
+import { defineComponent as g, computed as e, onMounted as b, watch as t } from "vue";
+import { usePartner as O } from "../../../composables/usePartner.js";
+import { useEditorStore as u } from "../../../stores/editor.js";
+import { useOnboardingStore as v } from "../../../stores/onboarding.js";
+import { usePreviewStore as l } from "../../../stores/preview.js";
+import y from "./AMPOnboarding.vue.js";
+import S from "./GenericOnboarding.vue.js";
 import w from "./NewVersionPopup.vue.js";
 import P from "./TextBlockOnboarding.vue.js";
-import _ from "./VersionHistoryOnboarding.vue.js";
-const F = /* @__PURE__ */ b({
+import h from "./VersionHistoryOnboarding.vue.js";
+const E = /* @__PURE__ */ g({
   __name: "OnboardingWrapper",
-  emits: ["onboarding-finished"],
-  setup(A, { emit: f }) {
-    const o = l(), r = v(), s = y(), { isTestPartner: a } = u(), p = e(() => r.isStripoInitialized), d = e(() => a()), m = [
+  setup(_) {
+    const o = v(), r = u(), s = l(), { isTestPartner: a } = O(), p = e(() => r.isStripoInitialized), d = e(() => a()), m = [
       { type: "newVersionPopup", component: w },
-      { type: "genericOnboarding", component: h },
+      { type: "genericOnboarding", component: S },
       { type: "textBlockOnboarding", component: P },
-      { type: "versionHistoryOnboarding", component: _ },
-      { type: "ampOnboarding", component: S }
-    ], c = (n) => d.value || !p.value ? !1 : n === "newVersionPopup" ? o.shouldShowOnboarding(n) : o.isActive(n), g = e(() => m.filter((n) => c(n.type)));
-    return O(async () => {
+      { type: "versionHistoryOnboarding", component: h },
+      { type: "ampOnboarding", component: y }
+    ], c = (n) => d.value || !p.value ? !1 : n === "newVersionPopup" ? o.shouldShowOnboarding(n) : o.isActive(n), f = e(() => m.filter((n) => c(n.type)));
+    return b(async () => {
       await o.fetchUserModalState();
     }), t(
       () => r.isVersionHistoryOpen,
@@ -36,9 +35,9 @@ const F = /* @__PURE__ */ b({
       (n) => {
         !n && o.isActive("ampOnboarding") && o.close("ampOnboarding");
       }
-    ), { __sfc: !0, emit: f, onboardingStore: o, editorStore: r, previewStore: s, isTestPartner: a, isStripoReady: p, isTestPartnerActive: d, onboardingConfigs: m, shouldShow: c, visibleOnboardings: g };
+    ), { __sfc: !0, onboardingStore: o, editorStore: r, previewStore: s, isTestPartner: a, isStripoReady: p, isTestPartnerActive: d, onboardingConfigs: m, shouldShow: c, visibleOnboardings: f };
   }
 });
 export {
-  F as default
+  E as default
 };

package/dist/composables/useStripo.js

@@ -1,24 +1,29 @@
-import { useActionsApi as y } from "./useActionsApi.js";
-import { useBlocksConfig as E } from "./useBlocksConfig.js";
-import { useCustomInterfaceAppearance as w } from "./useCustomInterfaceAppearance.js";
-import { useStripoEventHandler as h } from "./useStripoEventHandler.js";
-import { useToaster as b } from "./useToaster.js";
-import { displayConditions as k } from "../enums/displayConditions.js";
+import { useActionsApi as f } from "./useActionsApi.js";
+import { useCustomInterfaceAppearance as E } from "./useCustomInterfaceAppearance.js";
+import { useStripoEventHandler as S } from "./useStripoEventHandler.js";
+import { useToaster as C } from "./useToaster.js";
+import { displayConditions as y } from "../enums/displayConditions.js";
+import h from "../extensions/Blocks/Checkbox/extension.js";
+import w from "../extensions/Blocks/CouponBlock/extension.js";
+import b from "../extensions/Blocks/RadioButton/extension.js";
+import V from "../extensions/Blocks/Recommendation/extension.js";
+import _ from "../extensions/Blocks/Unsubscribe/extension.js";
+import k from "../extensions/DynamicContent/extension.js";
 import { useStripoApi as B } from "../services/stripoApi.js";
-import V from "../static/styles/customEditorStyle.css.js";
-import { useEditorStore as _ } from "../stores/editor.js";
-import { dynamicContentToMergeTags as F } from "../utils/genericUtil.js";
-import A from "../package.json.js";
-const L = (d) => {
-  const { handleError: u } = b(), { getToken: p, getCustomFonts: m } = B(), { handleEvent: g } = h(), { getStripoBlocksConfig: f } = E(), S = async (r, i = []) => {
-    const t = _(), { html: n, css: l, forceRecreate: a } = r, { baseBlocks: e, extensions: c } = await f();
+import x from "../static/styles/customEditorStyle.css.js";
+import { useEditorStore as F } from "../stores/editor.js";
+import { dynamicContentToMergeTags as A } from "../utils/genericUtil.js";
+import T from "../package.json.js";
+const G = (a) => {
+  const { handleError: d } = C(), { getToken: u, getCustomFonts: m } = B(), { handleEvent: p } = S(), l = (r, i = []) => {
+    const t = F(), { html: n, css: c, forceRecreate: s } = r;
     window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
-        metadata: d,
+        metadata: a,
         html: n,
-        css: l,
-        forceRecreate: a,
+        css: c,
+        forceRecreate: s,
         locale: "en",
         undoButtonSelector: "#guido__undo-button",
         redoButtonSelector: "#guido__redo-button",
@@ -28,14 +33,13 @@ const L = (d) => {
         customAppearanceMergetags: !0,
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
-        customViewStyles: V,
+        customViewStyles: x,
         conditionsEnabled: !0,
         customConditionsEnabled: !0,
-        conditionCategories: k,
+        conditionCategories: y,
         enableXSSSecurity: !0,
         messageSettingsEnabled: !1,
         selectBlockAfterDropFromSettingsPanel: !0,
-        ...e ? { baseBlocks: e } : {},
         editorFonts: {
           showDefaultStandardFonts: !0,
           showDefaultNotStandardFonts: !0,
@@ -43,25 +47,25 @@ const L = (d) => {
         },
         mergeTags: [
           {
-            entries: F(d.preselectedDynamicContentList)
+            entries: A(a.preselectedDynamicContentList)
           }
         ],
         async onTokenRefreshRequest(o) {
           try {
-            const s = await p();
-            o(s);
-          } catch (s) {
-            u(s, "Failed to refresh token");
+            const e = await u();
+            o(e);
+          } catch (e) {
+            d(e, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
-            const { importCss: o } = w(), { activateCustomViewStyles: s } = y();
-            o(), s(), d.onReady(), t.isStripoInitialized = !0, t.loadingStatus = !1, setTimeout(() => {
+            const { importCss: o } = E(), { activateCustomViewStyles: e } = f();
+            o(), e(), a.onReady(), t.isStripoInitialized = !0, t.loadingStatus = !1, setTimeout(() => {
               t.hasChanges = !1;
             }, 1e3);
           } catch (o) {
-            u(o, "Failed to load custom interface appearance");
+            d(o, "Failed to load custom interface appearance");
           }
         },
         onCodeEditorVisibilityChanged(o) {
@@ -76,35 +80,42 @@ const L = (d) => {
         onDataChanged() {
           t.hasChanges = !0;
         },
-        onEvent: g,
+        onEvent: p,
         ignoreClickOutsideSelectors: [
           "#guido-dynamic-content-modal",
           ".in-on-board-wrapper",
           ".in-drawer__container"
         ],
-        extensions: c
+        extensions: [
+          k,
+          h,
+          b,
+          V,
+          _,
+          w
+        ]
       }
     );
-  }, C = (r) => new Promise((i, t) => {
-    var c;
+  }, g = (r) => new Promise((i, t) => {
+    var e;
     if (document.getElementById("UiEditorScript")) {
       r(), i();
       return;
     }
-    const n = A.guido, a = `https://email-static.useinsider.com/guido/${(c = n == null ? void 0 : n.stripo) == null ? void 0 : c.version}/UIEditor.js`, e = document.createElement("script");
-    e.id = "UiEditorScript", e.type = "module", e.src = a, e.onload = () => {
+    const n = T.guido, s = `https://email-static.useinsider.com/guido/${(e = n == null ? void 0 : n.stripo) == null ? void 0 : e.version}/UIEditor.js`, o = document.createElement("script");
+    o.id = "UiEditorScript", o.type = "module", o.src = s, o.onload = () => {
       r(), i();
-    }, e.onerror = () => {
-      t(new Error(`Failed to load Stripo UIEditor script from S3: ${a}`));
-    }, document.body.appendChild(e);
+    }, o.onerror = () => {
+      t(new Error(`Failed to load Stripo UIEditor script from S3: ${s}`));
+    }, document.body.appendChild(o);
   });
   return { initPlugin: async (r) => {
-    await C(async () => {
+    await g(async () => {
       const i = await m();
-      await S(r, i);
+      l(r, i);
     });
   } };
 };
 export {
-  L as useStripo
+  G as useStripo
 };

package/dist/config/migrator/index.js

@@ -1,12 +1,11 @@
-import { migrateCheckbox as m } from "./checkboxMigrator.js";
-import { migrateCouponBlock as o } from "./couponBlockMigrator.js";
+import { migrateCheckbox as o } from "./checkboxMigrator.js";
+import { migrateCouponBlock as m } from "./couponBlockMigrator.js";
 import { migrateRadioButton as i } from "./radioButtonMigrator.js";
-import { migrateRecommendation as e } from "./recommendationMigrator.js";
-import { migrateUnsubscribe as a } from "./unsubscribeMigrator.js";
-const s = async (t) => {
+import { migrateUnsubscribe as e } from "./unsubscribeMigrator.js";
+const c = async (t) => {
   let r = t;
-  return r = m(r), r = i(r), r = await a(r), r = o(r), r = e(r), r;
+  return r = o(r), r = i(r), r = await e(r), r = m(r), r;
 };
 export {
-  s as migrate
+  c as migrate
 };

package/dist/enums/defaults.js

@@ -1,6 +1,5 @@
-const e = {
+const a = {
   translationsPath: "window.trans.en",
-  migrationDate: 1759696858,
   emailHeader: {
     senderName: "",
     subject: ""
@@ -8,24 +7,18 @@ const e = {
   extensions: {
     unsubscribe: !0
   },
-  blocks: {
-    excludeDefaults: [],
-    includeCustoms: []
-  },
   features: {
     dynamicContent: !0,
     saveAsTemplate: !0,
-    versionHistory: !0,
-    testMessage: !0
+    versionHistory: !0
   },
   useHeader: !0
 }, t = {
   promotional: 1,
   transactional: 2
-}, a = "email", o = "Guido User", s = t.promotional, n = 2, i = {
+}, e = "email", o = "Guido User", n = t.promotional, s = 2, i = {
   email: 60,
-  architect: 49,
-  unsubscribePages: 97
+  architect: 49
 }, u = [
   "alfredtesting",
   "electio",
@@ -59,11 +52,11 @@ const e = {
   "stripoeditorlivetest"
 ];
 export {
-  e as DefaultGuidoConfig,
-  s as DefaultMessageType,
-  a as DefaultProductType,
+  a as DefaultGuidoConfig,
+  n as DefaultMessageType,
+  e as DefaultProductType,
   o as DefaultUsername,
-  n as EditorType,
+  s as EditorType,
   i as ProductIds,
   u as TEST_PARTNER_LIST,
   t as TemplateTypes

package/dist/enums/onboarding.js

@@ -2,8 +2,7 @@ const e = [
   ".service-element.stacked-panel-item.ng-tns-c1014751574-3.level-bottom-0.ng-star-inserted",
   ".service-element.stacked-panel-item.ng-tns-c1014751574-3.level-bottom-1.ng-star-inserted",
   ".service-element.stacked-panel-item.ng-tns-c1014751574-3.level-bottom-2.ng-star-inserted"
-], t = "https://academy.useinsider.com/docs/email-drag-drop-editor";
+];
 export {
-  t as ACADEMY_LINK,
   e as SERVICE_HOVER_SELECTORS
 };

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

@@ -3,7 +3,7 @@ import { CheckboxBlock as t } from "./block.js";
 import { CheckboxControl as e } from "./control.js";
 import { CheckboxIconsRegistry as r } from "./iconsRegistry.js";
 import { CheckboxBlockSettings as i } from "./settingsPanel.js";
-const d = new o().addBlock(t).withSettingsPanelRegistry(i).addControl(e).withIconsRegistry(r).build();
+const k = new o().addBlock(t).withSettingsPanelRegistry(i).addControl(e).withIconsRegistry(r).build();
 export {
-  d as default
+  k as default
 };

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

@@ -2,7 +2,7 @@ import { ExtensionBuilder as o } from "../../../node_modules/@stripoinc/ui-edito
 import { CouponBlock as t } from "./block.js";
 import { CouponIconsRegistry as i } from "./iconsRegistry.js";
 import { CouponBlockSettings as n } from "./settingsPanel.js";
-const p = new o().addBlock(t).withSettingsPanelRegistry(n).withIconsRegistry(i).build();
+const m = new o().addBlock(t).withSettingsPanelRegistry(n).withIconsRegistry(i).build();
 export {
-  p as default
+  m as default
 };

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/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
 };