@useinsider/guido 3.2.0-beta.87303ed → 3.2.0-beta.895a145

package/dist/enums/extensions/recommendationBlock.js

@@ -1,97 +1,44 @@
-import { useTranslations as a } from "../../composables/useTranslations.js";
-const u = {
+const s = {
   RECOMMENDATION_API_URL: "https://recommendationv2.api.useinsider.com"
-}, l = {
+}, i = {
   CLIENT_ID: "clientId"
-}, c = () => {
-  const e = a();
-  return [
-    {
-      id: 11,
-      key: "similarViewed",
-      name: e("action-builder.similar-viewed"),
-      path: "viewed-together"
-    },
-    {
-      id: 12,
-      key: "similarBought",
-      name: e("action-builder.similar-bought"),
-      path: "purchased-together"
-    },
-    {
-      id: 13,
-      key: "userBased",
-      name: e("action-builder.user-based"),
-      path: "user-based"
-    },
-    {
-      id: 36,
-      key: "highestDiscounted",
-      name: e("journey-builder.highest-discounted-items"),
-      path: "highest-discounted"
-    },
-    {
-      id: 38,
-      key: "manualMerchandising",
-      name: e("action-builder.manual-merchandising"),
-      path: "manual-merchandising"
-    },
-    {
-      id: 39,
-      key: "newArrivals",
-      name: e("action-builder.new-arrivals"),
-      path: "new-arrivals"
-    },
-    {
-      id: 40,
-      key: "trendingProducts",
-      name: e("journey-builder.trending-products"),
-      path: "trending"
-    },
-    {
-      id: 46,
-      key: "mostValuableOfPartner",
-      name: e("journey-builder.most-valuable-products"),
-      path: "most-valuable"
-    },
-    {
-      id: 61,
-      key: "mostPopular",
-      name: e("journey-builder.most-popular-items"),
-      path: "most-popular"
-    },
-    {
-      id: 62,
-      key: "mostPurchased",
-      name: e("action-builder.most-purchased"),
-      path: "top-sellers"
-    }
-  ];
-}, d = ["discount", "omnibus_price", "omnibus_discount", "price", "original_price"], m = [
+}, u = [
+  { id: 11, key: "similarViewed", name: "Viewed Together", path: "viewed-together" },
+  { id: 12, key: "similarBought", name: "Purchased Together", path: "purchased-together" },
+  { id: 13, key: "userBased", name: "User Based", path: "user-based" },
+  { id: 36, key: "highestDiscounted", name: "Highest Discounted Items", path: "highest-discounted" },
+  { id: 38, key: "manualMerchandising", name: "Manual Merchandising", path: "manual-merchandising" },
+  { id: 39, key: "newArrivals", name: "New Arrivals", path: "new-arrivals" },
+  { id: 40, key: "trendingProducts", name: "Trending Products", path: "trending" },
+  { id: 46, key: "mostValuableOfPartner", name: "Most Valuable Products", path: "most-valuable" },
+  { id: 61, key: "mostPopular", name: "Most Popular Items", path: "most-popular" },
+  { id: 62, key: "mostPurchased", name: "Top Sellers", path: "top-sellers" }
+], l = ["discount", "omnibus_price", "omnibus_discount", "price", "original_price"], c = [
   { text: "before the amount", value: "0" },
   { text: "after the amount", value: "1" }
-], p = [
+], d = [
   { text: "dot(.)", value: "." },
-  { text: "comma(,)", value: "," }
-], v = [
+  { text: "comma(,)", value: "," },
+  { text: "space( )", value: " " }
+], p = [
   { text: "0", value: "0" },
   { text: "1", value: "1" },
   { text: "2", value: "2" },
   { text: "3", value: "3" },
   { text: "4", value: "4" },
   { text: "5", value: "5" }
-], t = [
+], e = [
   { text: "is exactly", value: "=" },
   { text: "contains", value: "~" },
   { text: "does not contain", value: "!~" },
   { text: "any of", value: "||" }
-], r = [
+], a = [
   { text: "is exactly", value: "=" },
   { text: "is not exactly", value: "!==" },
   { text: "contains", value: "~" },
   { text: "does not contain", value: "!~" },
   { text: "any of", value: "||" }
-], n = [
+], r = [
   { text: "is equal to", value: "=" },
   { text: "is greater than", value: ">" },
   { text: "is less than", value: "<" }
@@ -99,39 +46,39 @@ const u = {
   { text: "is equal to", value: "=" },
   { text: "after", value: ">" },
   { text: "before", value: "<" }
-], s = [
+], n = [
   { text: "true", value: "==" },
   { text: "false", value: "!=" }
-], h = (e) => {
-  if (!e)
-    return t;
-  switch (e) {
+], m = (t) => {
+  if (!t)
+    return e;
+  switch (t) {
     case "Boolean":
-      return s;
+      return n;
     case "Date":
       return o;
     case "Number":
-      return n;
+      return r;
     case "String":
-      return t;
+      return e;
     case "Strings":
-      return r;
+      return a;
     default:
-      return t;
+      return e;
   }
 };
 export {
-  d as PriceAttributes,
-  l as QUERY_PARAMS,
-  u as URLS,
-  v as currencyDecimalCounts,
-  m as currencyLocationMaps,
-  p as currencyOperators,
-  h as getOperatorOptions,
-  c as getRecommendationFeedSourceMaps,
-  r as operatorOptionsForArrayOfStrings,
-  s as operatorOptionsForBooleans,
+  l as PriceAttributes,
+  i as QUERY_PARAMS,
+  u as RecommendationFeedSourceMaps,
+  s as URLS,
+  p as currencyDecimalCounts,
+  c as currencyLocationMaps,
+  d as currencyOperators,
+  m as getOperatorOptions,
+  a as operatorOptionsForArrayOfStrings,
+  n as operatorOptionsForBooleans,
   o as operatorOptionsForDates,
-  n as operatorOptionsForNumbers,
-  t as operatorOptionsForStrings
+  r as operatorOptionsForNumbers,
+  e as operatorOptionsForStrings
 };

package/dist/enums/unsubscribe.js

@@ -1,32 +1,32 @@
 import { useTranslations as R } from "../composables/useTranslations.js";
-import { ProductType as n } from "../@types/config/schemas.js";
+import { ProductType as s } from "../@types/config/schemas.js";
 import "../@types/config/defaults.js";
 import { getEnvironmentPrefix as S } from "../utils/environmentUtil.js";
-const i = {
+const B = {
   UNSUBSCRIBE_LINK_TYPE: 1,
   PREFERENCES_LINK_TYPE: 3
-}, B = {
+}, i = {
   UNSUBSCRIBE_LINK_REGEX: /{{ins-unsubscribe-link}}/g,
   DATA_OGSB_BUTTON_CSS_REGEX: "\\[data-ogsb\\]\\s*\\.es-button\\.es-button-[0-9]+\\s*\\{(?:[^\\}]*)\\}",
   GLOBAL_UNSUBSCRIBE_LINK_REGEX: /{{ins-global-unsubscribe-link}}/g,
   PREFERENCES_UNSUBSCRIBE_LINK_REGEX: /{{ins-preferences-unsubscribe-link}}/g
-}, s = S(), C = {
-  UNSUBSCRIBE_URL: `https://mail.${s}.com/user/v1/unsub`,
-  PREFERENCES_URL: `https://mail.${s}.com/user/v1/prefs`
+}, n = S(), C = {
+  UNSUBSCRIBE_URL: `https://mail.${n}.com/user/v1/unsub`,
+  PREFERENCES_URL: `https://mail.${n}.com/user/v1/prefs`
 }, U = {
-  [n.EMAIL]: "email",
-  [n.ARCHITECT]: "journey",
-  [n.UNSUBSCRIBE_PAGES]: "email"
-}, o = "iid", r = "G", c = () => ({
-  name: R()("onboarding-center.email-subscribers-global-unsub-card-title"),
-  sendGridId: r
-}), u = "/email/unsubscribe-pages", E = {
+  [s.EMAIL]: "email",
+  [s.ARCHITECT]: "journey",
+  [s.UNSUBSCRIBE_PAGES]: "email"
+}, t = "iid", o = {
+  name: "Global Unsubscribe",
+  sendGridId: "G"
+}, c = "/email/unsubscribe-pages", E = {
   GLOBAL_UNSUBSCRIBE: 1,
   GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE: 2,
   SUBSCRIPTION_PREFERENCE_CENTER: 3,
   SUBSCRIPTION_PREFERENCE_CONFIRMATION: 4,
   RESUBSCRIBE: 5
-}, b = {
+}, u = {
   [E.GLOBAL_UNSUBSCRIBE]: "custom-unsubscribe",
   [E.SUBSCRIPTION_PREFERENCE_CENTER]: "custom-preferences"
 }, T = {
@@ -39,7 +39,7 @@ const i = {
     E.SUBSCRIPTION_PREFERENCE_CENTER,
     E.SUBSCRIPTION_PREFERENCE_CONFIRMATION
   ]
-}, P = () => {
+}, b = () => {
   const e = R();
   return {
     [E.GLOBAL_UNSUBSCRIBE]: e("unsubscription-preference.type-global-unsubscribe"),
@@ -48,23 +48,22 @@ const i = {
     [E.SUBSCRIPTION_PREFERENCE_CENTER]: e("unsubscription-preference.type-subscription-preferences-center"),
     [E.SUBSCRIPTION_PREFERENCE_CONFIRMATION]: e("unsubscription-preference.type-subscription-preferences-confirmation")
   };
-}, O = {
+}, P = {
   default: "{{ins-unsubscribe-link}}",
   [E.GLOBAL_UNSUBSCRIBE]: "{{ins-global-unsubscribe-link}}",
   [E.SUBSCRIPTION_PREFERENCE_CENTER]: "{{ins-preferences-unsubscribe-link}}"
 };
 export {
-  r as DEFAULT_UNSUBSCRIBE_GROUP_SEND_GRID_ID,
-  o as INSIDER_ID,
-  B as LINK_REGEXES,
-  i as LINK_TYPES,
-  O as MERGE_TAGS,
+  o as DEFAULT_UNSUBSCRIBE_GROUP,
+  t as INSIDER_ID,
+  i as LINK_REGEXES,
+  B as LINK_TYPES,
+  P as MERGE_TAGS,
   E as PAGE_TYPES,
   U as PRODUCT_TYPE_URL_SEGMENTS,
   T as TYPE_COLLECTIONS,
-  u as UNSUBSCRIBE_PAGES_LINK,
-  b as UNSUBSCRIBE_SYNC_MODULE_TYPES,
+  c as UNSUBSCRIBE_PAGES_LINK,
+  u as UNSUBSCRIBE_SYNC_MODULE_TYPES,
   C as URLS,
-  c as getDefaultUnsubscribeGroup,
-  P as getTypeTranslations
+  b as getTypeTranslations
 };

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

@@ -1,11 +1,11 @@
-var E = Object.defineProperty;
-var d = (i, n, e) => n in i ? E(i, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[n] = e;
-var o = (i, n, e) => d(i, typeof n != "symbol" ? n + "" : n, e);
-import { useHttp as l } from "../../../composables/useHttp.js";
-import { getDefaultUnsubscribeGroup as L, DEFAULT_UNSUBSCRIBE_GROUP_SEND_GRID_ID as h } from "../../../enums/unsubscribe.js";
-import { Control as p, UIElementType as r, UEAttr as t, ModificationDescription as m } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-const b = "ui-elements-checkbox", u = "select", { get: C } = l();
-class I extends p {
+var d = Object.defineProperty;
+var l = (r, n, e) => n in r ? d(r, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[n] = e;
+var o = (r, n, e) => l(r, typeof n != "symbol" ? n + "" : n, e);
+import { useHttp as L } from "../../../composables/useHttp.js";
+import { DEFAULT_UNSUBSCRIBE_GROUP as c } from "../../../enums/unsubscribe.js";
+import { Control as h, UIElementType as i, UEAttr as t, ModificationDescription as p } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+const m = "ui-elements-checkbox", u = "select", { get: C } = L();
+class S extends h {
   constructor() {
     super(...arguments);
     o(this, "currentNode");
@@ -13,13 +13,13 @@ class I extends p {
     o(this, "unsubList", []);
   }
   getId() {
-    return b;
+    return m;
   }
   _setFormValues() {
     if (this.selectedUnsubGroup = "", this.currentNode && "getAttribute" in this.currentNode) {
       const e = this.currentNode.getAttribute("id");
       if (e) {
-        const s = e === h ? e : Number(e);
+        const s = e === c.sendGridId ? e : Number(e);
         s && (this.selectedUnsubGroup = s);
       }
     }
@@ -29,18 +29,18 @@ class I extends p {
   }
   _getLabel(e, s = `${Math.random()}`) {
     return `
-            <${r.LABEL} 
+            <${i.LABEL} 
                 ${t.LABEL.text}="${e}" 
                 ${t.LABEL.name}="${s}">
-            </${r.LABEL}>
+            </${i.LABEL}>
         `;
   }
   _getSelectItem(e, s) {
     return `
-            <${r.SELECT_ITEM} 
+            <${i.SELECT_ITEM} 
                 ${t.SELECT_ITEM.text}="${e}" 
                 ${t.SELECT_ITEM.value}="${s}">
-            </${r.SELECT_ITEM}>`;
+            </${i.SELECT_ITEM}>`;
   }
   _getSelect() {
     return this.unsubList.map((e) => this._getSelectItem(e.name, e.sendGridId)).join("");
@@ -49,22 +49,22 @@ class I extends p {
     return `
             <div class="checkbox-controls-container">
                 <div class="checkbox-select-container container two-columns stretch">
-                    <${r.LABEL}
+                    <${i.LABEL}
                         ${t.LABEL.text}="${this.api.translate("Unsubscribe Group")}"
                         ${t.LABEL.name}="${Math.random()}">
-                    </${r.LABEL}>
+                    </${i.LABEL}>
 
-                    <${r.SELECTPICKER}
+                    <${i.SELECTPICKER}
                         ${t.SELECTPICKER.name}="${u}"
                         ${t.SELECTPICKER.placeholder}="${this.api.translate("Select Unsubscribe Group")}">
                             ${this._getSelect()}
-                    </${r.SELECTPICKER}>
+                    </${i.SELECTPICKER}>
                 </div>
             </div>
         `;
   }
   _onSelectChange(e) {
-    this.currentNode && this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute("id", e.toString()).apply(new m(`Updated text to ${e}`));
+    this.currentNode && this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute("id", e.toString()).apply(new p(`Updated text to ${e}`));
   }
   _listenToFormUpdates() {
     this.api.onValueChanged(u, (e) => this._onSelectChange(e));
@@ -76,18 +76,18 @@ class I extends p {
   async onRender() {
     const e = await C(
       "/unsubscribe-groups/unsubscribe-list"
-    ), s = [L(), ...e.data], c = s.map((a) => ({
+    ), s = [c, ...e.data], E = s.map((a) => ({
       [t.SELECT_ITEM.text]: a.name,
       [t.SELECT_ITEM.value]: a.sendGridId
     }));
     this.unsubList = s, this.api.setUIEAttribute(
       u,
       t.SELECTPICKER.items,
-      c
+      E
     ), this._setFormValues(), this._listenToFormUpdates();
   }
 }
 export {
-  b as CHECKBOX_CONTROL_BLOCK_ID,
-  I as CheckboxControl
+  m as CHECKBOX_CONTROL_BLOCK_ID,
+  S as CheckboxControl
 };

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

@@ -1,11 +1,11 @@
-var E = Object.defineProperty;
-var d = (r, n, t) => n in r ? E(r, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[n] = t;
-var o = (r, n, t) => d(r, typeof n != "symbol" ? n + "" : n, t);
-import { useHttp as l } from "../../../composables/useHttp.js";
-import { getDefaultUnsubscribeGroup as L, DEFAULT_UNSUBSCRIBE_GROUP_SEND_GRID_ID as p } from "../../../enums/unsubscribe.js";
-import { Control as h, UIElementType as i, UEAttr as e, ModificationDescription as m } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-const b = "ui-elements-radio-button", u = "select", { get: $ } = l();
-class I extends h {
+var d = Object.defineProperty;
+var l = (r, n, t) => n in r ? d(r, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[n] = t;
+var o = (r, n, t) => l(r, typeof n != "symbol" ? n + "" : n, t);
+import { useHttp as L } from "../../../composables/useHttp.js";
+import { DEFAULT_UNSUBSCRIBE_GROUP as c } from "../../../enums/unsubscribe.js";
+import { Control as p, UIElementType as i, UEAttr as e, ModificationDescription as h } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+const m = "ui-elements-radio-button", u = "select", { get: $ } = L();
+class S extends p {
   constructor() {
     super(...arguments);
     o(this, "currentNode");
@@ -13,13 +13,13 @@ class I extends h {
     o(this, "unsubList", []);
   }
   getId() {
-    return b;
+    return m;
   }
   _setFormValues() {
     if (this.selectedUnsubGroup = "", this.currentNode && "getAttribute" in this.currentNode) {
       const t = this.currentNode.getAttribute("id");
       if (t) {
-        const s = t === p ? t : Number(t);
+        const s = t === c.sendGridId ? t : Number(t);
         s && (this.selectedUnsubGroup = s);
       }
     }
@@ -64,7 +64,7 @@ class I extends h {
         `;
   }
   _onSelectChange(t) {
-    this.currentNode && this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute("id", t.toString()).apply(new m(`Updated text to ${t}`));
+    this.currentNode && this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute("id", t.toString()).apply(new h(`Updated text to ${t}`));
   }
   _listenToFormUpdates() {
     this.api.onValueChanged(u, (t) => this._onSelectChange(t));
@@ -76,18 +76,18 @@ class I extends h {
   async onRender() {
     const t = await $(
       "/unsubscribe-groups/unsubscribe-list"
-    ), s = [L(), ...t.data], c = s.map((a) => ({
+    ), s = [c, ...t.data], E = s.map((a) => ({
       [e.SELECT_ITEM.text]: a.name,
       [e.SELECT_ITEM.value]: a.sendGridId
     }));
     this.unsubList = s, this.api.setUIEAttribute(
       u,
       e.SELECTPICKER.items,
-      c
+      E
     ), this._setFormValues(), this._listenToFormUpdates();
   }
 }
 export {
-  b as CONTROL_BLOCK_ID,
-  I as RadioButtonControl
+  m as CONTROL_BLOCK_ID,
+  S as RadioButtonControl
 };

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

@@ -1,15 +1,15 @@
-var k = Object.defineProperty;
-var I = (r, n, t) => n in r ? k(r, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[n] = t;
-var u = (r, n, t) => I(r, typeof n != "symbol" ? n + "" : n, t);
-import { BlockId as B } from "../../../enums/block.js";
-import { getMigrationBannerHtml as _ } from "../../../utils/migrationBannerHtml.js";
+var I = Object.defineProperty;
+var k = (r, n, t) => n in r ? I(r, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[n] = t;
+var u = (r, n, t) => k(r, typeof n != "symbol" ? n + "" : n, t);
+import { BlockId as _ } from "../../../enums/block.js";
+import { getMigrationBannerHtml as B } from "../../../utils/migrationBannerHtml.js";
 import { Block as b, BlockCompositionType as R, ModificationDescription as y } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { regenerateMobileProductRows as C } from "./controls/main/utils.js";
 import { ensureMobileCssRulesExist as g, setMobileLayoutOptOut as d, hasMobileLayoutOptOut as A } from "./controls/mobileLayout/cssRules.js";
 import { RecommendationConfigService as c } from "./services/configService.js";
 import { useRecommendationExtensionStore as p } from "./store/recommendation.js";
 import { getDefaultTemplate as E } from "./templates/grid/template.js";
-const f = B.Recommendation, a = "recommendation-block-v2", l = "recommendation-id";
+const f = _.Recommendation, l = "recommendation-block-v2", m = "recommendation-id";
 let h = !1;
 class q extends b {
   constructor() {
@@ -38,7 +38,7 @@ class q extends b {
     );
   }
   getSettingsPanelTitleHtml() {
-    return _(
+    return B(
       f,
       this.api.translate("Recommendation Block"),
       this.api.translate("This block is switched from the Old Version to the New Version. We recommend you check the Recommendation block and test your message to ensure it works properly.")
@@ -66,15 +66,18 @@ class q extends b {
    * @param node - The newly created block node
    */
   onCreated(t) {
-    const e = this._pendingBlockId ?? this._generateNextId();
-    this._pendingBlockId = null, this._assignRecommendationId(t, e);
-    const o = c.initializeConfig(this.api, t, { recommendationId: e }), i = p();
-    i.setCurrentBlock(e), g(this.api);
-    const s = this._getBlockElement(t);
-    s && (d(this.api, s, !0), C({
+    const e = this._getRecommendationId(t);
+    if (e !== null && e > 0)
+      return;
+    const i = this._pendingBlockId ?? this._generateNextId();
+    this._pendingBlockId = null, this._assignRecommendationId(t, i);
+    const o = c.initializeConfig(this.api, t, { recommendationId: i }), s = p();
+    s.setCurrentBlock(i), g(this.api);
+    const a = this._getBlockElement(t);
+    a && (d(this.api, a, !0), C({
       currentNode: t,
       documentModifier: this.api.getDocumentModifier()
-    })), i.patchCurrentBlockConfig({ language: o.language }, { triggerRefetch: !1 });
+    })), s.patchCurrentBlockConfig({ language: o.language }, { triggerRefetch: !1 });
   }
   /**
    * Called when the document changes or template is loaded
@@ -97,10 +100,10 @@ class q extends b {
       c.needsMigration(t) && this._migrateFromLegacy(t);
       try {
         h || (g(this.api), h = !0);
-        const e = c.getConfig(t), o = this._getBlockElement(t);
-        if (o) {
-          const i = !e.mobileLayoutEnabled;
-          A(o) !== i && d(this.api, o, i);
+        const e = c.getConfig(t), i = this._getBlockElement(t);
+        if (i) {
+          const o = !e.mobileLayoutEnabled;
+          A(i) !== o && d(this.api, i, o);
         }
       } catch {
       }
@@ -124,10 +127,10 @@ class q extends b {
     let t = 0;
     try {
       const e = this.api.getDocumentRoot();
-      e && "querySelectorAll" in e && e.querySelectorAll(`.${a}`).forEach((i) => {
-        if ("getAttribute" in i) {
-          const s = i.getAttribute(l), m = s ? parseInt(s) : 0;
-          m > t && (t = m);
+      e && "querySelectorAll" in e && e.querySelectorAll(`.${l}`).forEach((o) => {
+        if ("getAttribute" in o) {
+          const s = o.getAttribute(m), a = s ? parseInt(s) : 0;
+          a > t && (t = a);
         }
       });
     } catch {
@@ -141,11 +144,11 @@ class q extends b {
    * added classes via setAttribute.
    */
   _assignRecommendationId(t, e) {
-    const o = this._getBlockElement(t);
-    if (!o)
+    const i = this._getBlockElement(t);
+    if (!i)
       return;
-    const i = this.api.getDocumentModifier();
-    i.modifyHtml(o).setAttribute(l, e.toString()), i.apply(new y(`Assign recommendation ID ${e}`));
+    const o = this.api.getDocumentModifier();
+    o.modifyHtml(i).setAttribute(m, e.toString()), o.apply(new y(`Assign recommendation ID ${e}`));
   }
   /**
    * Gets the recommendation-id from a block node
@@ -154,11 +157,11 @@ class q extends b {
     const e = this._getBlockElement(t);
     if (!e || !("getAttribute" in e))
       return null;
-    const o = e.getAttribute(l);
-    if (!o)
+    const i = e.getAttribute(m);
+    if (!i)
       return null;
-    const i = parseInt(o);
-    return Number.isNaN(i) ? null : i;
+    const o = parseInt(i);
+    return Number.isNaN(o) ? null : o;
   }
   /**
    * Gets the block element (the element with BLOCK_CLASS)
@@ -166,10 +169,10 @@ class q extends b {
   _getBlockElement(t) {
     if ("getAttribute" in t) {
       const e = t.getAttribute("class");
-      if (e && e.includes(a))
+      if (e && e.includes(l))
         return t;
     }
-    return "querySelector" in t ? t.querySelector(`.${a}`) ?? null : null;
+    return "querySelector" in t ? t.querySelector(`.${l}`) ?? null : null;
   }
   /**
    * Migrate configuration from legacy format

package/dist/extensions/Blocks/Recommendation/constants/defaultConfig.js

@@ -1,4 +1,4 @@
-import { DEFAULT_MOBILE_ROW_SPACING as R, DEFAULT_MOBILE_COLUMN_SPACING as U, DEFAULT_ROW_SPACING as i, DEFAULT_COLUMN_SPACING as s, DEFAULT_MOBILE_CARDS_IN_ROW as o, DEFAULT_CARDS_IN_ROW as C } from "./layout.js";
+import { DEFAULT_COLUMN_SPACING as R, DEFAULT_ROW_SPACING as U, DEFAULT_MOBILE_ROW_SPACING as i, DEFAULT_MOBILE_COLUMN_SPACING as s, DEFAULT_MOBILE_CARDS_IN_ROW as o, DEFAULT_CARDS_IN_ROW as C } from "./layout.js";
 import { ATTR_PRODUCT_IMAGE as _, ATTR_PRODUCT_NAME as e, ATTR_PRODUCT_OLD_PRICE as t, ATTR_PRODUCT_PRICE as T, ATTR_PRODUCT_OMNIBUS_PRICE as r, ATTR_PRODUCT_OMNIBUS_DISCOUNT as I, ATTR_PRODUCT_BUTTON as n } from "./selectors.js";
 const O = {
   code: "USD",
@@ -44,10 +44,10 @@ const O = {
   mobileCardsInRow: o,
   mobileLayoutEnabled: !1,
   previousMobileCardsInRow: o,
-  columnSpacing: s,
-  rowSpacing: i,
-  mobileColumnSpacing: U,
-  mobileRowSpacing: R,
+  columnSpacing: R,
+  rowSpacing: U,
+  mobileColumnSpacing: s,
+  mobileRowSpacing: i,
   // Composition
   composition: a,
   visibility: E,