@useinsider/guido 3.2.0-beta.7e0c6bd → 3.2.0-beta.7fb9b70

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

@@ -119,7 +119,7 @@ const e = {
                                                         id="radioYes"
                                                         name="unsubscribe"
                                                         data-cke-editable="1"
-                                                        style="margin: 0px; vertical-align: middle;>
+                                                        style="margin: 0px; vertical-align: middle;">
                                                     </td>
                                                 {-{-YES-}-}
                                             </tr>

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,

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

@@ -1,51 +1,51 @@
 import { createButtonFitToContainerControl as T, createButtonTextStyleAndFontColorControl as r, createButtonTextSizeControl as e, createButtonTextControl as B, createButtonPaddingsControl as l, createButtonMarginsControl as C, createButtonFontFamilyControl as O, createButtonColorControl as N, createButtonBorderRadiusControl as i, createButtonBorderControl as a, createButtonAlignControl as c } from "../../../controlFactories.js";
-import { BLOCK_ROOT_SELECTOR as o } from "../../constants/selectors.js";
-import { RecommendationBlockId as t } from "../../constants/blockIds.js";
-import { RecommendationControlId as n } from "../../constants/controlIds.js";
+import { RecommendationBlockId as o } from "../../constants/blockIds.js";
+import { RecommendationControlId as t } from "../../constants/controlIds.js";
+import { BLOCK_ROOT_SELECTOR as n } from "../../constants/selectors.js";
 const U = c(
-  n.BUTTON_ALIGN,
-  t.BUTTON,
-  o
+  t.BUTTON_ALIGN,
+  o.BUTTON,
+  n
 ), d = a(
-  n.BUTTON_BORDER,
-  t.BUTTON,
-  o
+  t.BUTTON_BORDER,
+  o.BUTTON,
+  n
 ), s = i(
-  n.BUTTON_BORDER_RADIUS,
-  t.BUTTON,
-  o
+  t.BUTTON_BORDER_RADIUS,
+  o.BUTTON,
+  n
 ), _ = N(
-  n.BUTTON_COLOR,
-  t.BUTTON,
-  o
+  t.BUTTON_COLOR,
+  o.BUTTON,
+  n
 ), m = O(
-  n.BUTTON_FONT_FAMILY,
-  t.BUTTON,
-  o
+  t.BUTTON_FONT_FAMILY,
+  o.BUTTON,
+  n
 ), u = C(
-  n.BUTTON_MARGINS,
-  t.BUTTON,
-  o
+  t.BUTTON_MARGINS,
+  o.BUTTON,
+  n
 ), R = l(
-  n.BUTTON_PADDINGS,
-  t.BUTTON,
-  o
+  t.BUTTON_PADDINGS,
+  o.BUTTON,
+  n
 ), F = B(
-  n.BUTTON_TEXT,
-  t.BUTTON,
-  o
+  t.BUTTON_TEXT,
+  o.BUTTON,
+  n
 ), S = e(
-  n.BUTTON_TEXT_SIZE,
-  t.BUTTON,
-  o
+  t.BUTTON_TEXT_SIZE,
+  o.BUTTON,
+  n
 ), A = r(
-  n.BUTTON_TEXT_STYLE_AND_FONT_COLOR,
-  t.BUTTON,
-  o
+  t.BUTTON_TEXT_STYLE_AND_FONT_COLOR,
+  o.BUTTON,
+  n
 ), x = T(
-  n.BUTTON_FIT_TO_CONTENT,
-  t.BUTTON,
-  o
+  t.BUTTON_FIT_TO_CONTENT,
+  o.BUTTON,
+  n
 ), f = {
   align: U,
   border: d,