@useinsider/guido 3.4.1-beta.aeb242c → 3.4.1-beta.baebb5e

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

@@ -1,33 +1,33 @@
-var y = Object.defineProperty;
-var B = (a, c, t) => c in a ? y(a, c, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[c] = t;
-var h = (a, c, t) => B(a, typeof c != "symbol" ? c + "" : c, t);
-import { BlockId as D } from "../../../enums/block.js";
-import { getMigrationBannerHtml as R } from "../../../utils/migrationBannerHtml.js";
-import { Block as b, BlockCompositionType as A, ModificationDescription as p } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { regenerateMobileProductRows as C } from "./controls/main/utils.js";
-import { ensureMobileCssRulesExist as f, setMobileLayoutOptOut as _, hasMobileLayoutOptOut as E } from "./controls/mobileLayout/cssRules.js";
-import { RecommendationConfigService as l } from "./services/configService.js";
+var k = Object.defineProperty;
+var y = (a, r, t) => r in a ? k(a, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[r] = t;
+var d = (a, r, t) => y(a, typeof r != "symbol" ? r + "" : r, t);
+import { BlockId as B } from "../../../enums/block.js";
+import { getMigrationBannerHtml as D } from "../../../utils/migrationBannerHtml.js";
+import { Block as R, BlockCompositionType as C, ModificationDescription as h } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { regenerateMobileProductRows as b } from "./controls/main/utils.js";
+import { ensureMobileCssRulesExist as p, setMobileLayoutOptOut as f, hasMobileLayoutOptOut as A } from "./controls/mobileLayout/cssRules.js";
+import { RecommendationConfigService as c } from "./services/configService.js";
 import { useRecommendationExtensionStore as g } from "./store/recommendation.js";
-import { getDefaultTemplate as N } from "./templates/grid/template.js";
-const I = D.Recommendation, m = "recommendation-block-v2", u = "recommendation-id";
-let k = !1;
-class v extends b {
+import { getDefaultTemplate as E } from "./templates/grid/template.js";
+const _ = B.Recommendation, m = "recommendation-block-v2", u = "recommendation-id";
+let I = !1;
+class q extends R {
   constructor() {
     super();
     /**
      * Stores the ID generated in getTemplate() so onCreated() can reuse it.
      * This avoids generating a new (different) ID in onCreated().
      */
-    h(this, "_pendingBlockId", null);
+    d(this, "_pendingBlockId", null);
   }
   getId() {
-    return I;
+    return _;
   }
   getIcon() {
     return "recommendation-icon";
   }
   getBlockCompositionType() {
-    return A.CONTAINER;
+    return C.CONTAINER;
   }
   getName() {
     return this.api.translate("Recommendation Block");
@@ -38,8 +38,8 @@ class v extends b {
     );
   }
   getSettingsPanelTitleHtml() {
-    return R(
-      I,
+    return D(
+      _,
       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.")
     );
@@ -59,7 +59,7 @@ class v extends b {
    */
   getTemplate() {
     const t = this._generateNextId();
-    return this._pendingBlockId = t, N(t);
+    return this._pendingBlockId = t, E(t);
   }
   /**
    * Called when a new block is dropped into the template
@@ -82,15 +82,15 @@ class v extends b {
     }
     const i = this._pendingBlockId ?? this._generateNextId();
     this._pendingBlockId = null, this._assignRecommendationId(t, i);
-    const { config: n, wasFreshDrop: o } = l.initializeConfig(
+    const { config: n, wasFreshDrop: o } = c.initializeConfig(
       this.api,
       t,
       { recommendationId: i }
     ), s = g();
     if (s.setCurrentBlock(i), o) {
-      f(this.api);
-      const r = this._getBlockElement(t);
-      r && (_(this.api, r, !0), C({
+      p(this.api);
+      const l = this._getBlockElement(t);
+      l && (f(this.api, l, !0), b({
         currentNode: t,
         documentModifier: this.api.getDocumentModifier()
       }));
@@ -108,20 +108,20 @@ class v extends b {
     if (!(!t || !("getNodeConfig" in t))) {
       if (!this._getRecommendationId(t)) {
         const e = this._generateNextId();
-        this._assignRecommendationId(t, e), l.hasConfig(t) && l.updateConfig(
+        this._assignRecommendationId(t, e), c.hasConfig(t) && c.updateConfig(
           this.api,
           t,
           { recommendationId: e },
           "Assign recommendation ID to legacy block"
         );
       }
-      this._healLingeringDuplicate(t), l.needsMigration(t) && this._migrateFromLegacy(t);
+      this._healLingeringDuplicate(t), c.needsMigration(t) && this._migrateFromLegacy(t);
       try {
-        k || (f(this.api), k = !0);
-        const e = l.getConfig(t), i = this._getBlockElement(t);
+        I || (p(this.api), I = !0);
+        const e = c.getConfig(t), i = this._getBlockElement(t);
         if (i) {
           const n = !e.mobileLayoutEnabled;
-          E(i) !== n && _(this.api, i, n);
+          A(i) !== n && f(this.api, i, n);
         }
       } catch {
       }
@@ -183,9 +183,9 @@ class v extends b {
         if (!o)
           return;
         let s = -1;
-        for (let r = 0; r < n.length; r++)
-          if (n[r] === o) {
-            s = r;
+        for (let l = 0; l < n.length; l++)
+          if (n[l] === o) {
+            s = l;
             break;
           }
         if (s <= 0)
@@ -224,7 +224,7 @@ class v extends b {
    */
   _reassignDuplicateId(t, e) {
     const i = this._generateNextId(), n = this._getBlockElement(t);
-    return this._assignRecommendationId(t, i), n && this._reassignInstanceClass(n, e, i), l.hasConfig(t) && l.updateConfig(
+    return this._assignRecommendationId(t, i), n && this._reassignInstanceClass(n, e, i), c.hasConfig(t) && c.updateConfig(
       this.api,
       t,
       { recommendationId: i },
@@ -233,18 +233,17 @@ class v extends b {
   }
   /**
    * Rewrites `ins-recommendation-v3-block-{id}` on the clone — the instance
-   * class scopes per-block CSS rules, so leaving the source's class would
-   * make stylistic edits leak between source and clone.
+   * class scopes per-block CSS rules in the editor and is also the key the
+   * mail render service reads to look up per-id campaign config, so leaving
+   * the source's class would both leak stylistic edits across blocks and
+   * cause the mail render to apply the source block's config to the clone.
    */
   _reassignInstanceClass(t, e, i) {
     if (!("getAttribute" in t))
       return;
-    const n = t.getAttribute("class");
-    if (!n)
-      return;
-    const o = `ins-recommendation-v3-block-${e}`, s = `ins-recommendation-v3-block-${i}`, r = n.includes(o) ? n.replace(o, s) : `${n} ${s}`, d = this.api.getDocumentModifier();
-    d.modifyHtml(t).setAttribute("class", r), d.apply(new p(
-      `Reassign recommendation instance class ${o} -> ${s}`
+    const n = `ins-recommendation-v3-block-${e}`, o = `ins-recommendation-v3-block-${i}`, s = this.api.getDocumentModifier();
+    s.modifyHtml(t).removeClass(n).setClass(o), s.apply(new h(
+      `Reassign recommendation instance class ${n} -> ${o}`
     ));
   }
   /**
@@ -258,7 +257,7 @@ class v extends b {
     if (!i)
       return;
     const n = this.api.getDocumentModifier();
-    n.modifyHtml(i).setAttribute(u, e.toString()), n.apply(new p(`Assign recommendation ID ${e}`));
+    n.modifyHtml(i).setAttribute(u, e.toString()), n.apply(new h(`Assign recommendation ID ${e}`));
   }
   /**
    * Gets the recommendation-id from a block node
@@ -288,10 +287,10 @@ class v extends b {
    * Migrate configuration from legacy format
    */
   _migrateFromLegacy(t) {
-    l.migrateFromDataAttributes(this.api, t);
+    c.migrateFromDataAttributes(this.api, t);
   }
 }
 export {
-  I as BLOCK_ID,
-  v as RecommendationBlock
+  _ as BLOCK_ID,
+  q as RecommendationBlock
 };

package/dist/src/extensions/Blocks/Recommendation/block.d.ts

@@ -91,8 +91,10 @@ export declare class RecommendationBlock extends Block {
     private _reassignDuplicateId;
     /**
      * Rewrites `ins-recommendation-v3-block-{id}` on the clone — the instance
-     * class scopes per-block CSS rules, so leaving the source's class would
-     * make stylistic edits leak between source and clone.
+     * class scopes per-block CSS rules in the editor and is also the key the
+     * mail render service reads to look up per-id campaign config, so leaving
+     * the source's class would both leak stylistic edits across blocks and
+     * cause the mail render to apply the source block's config to the clone.
      */
     private _reassignInstanceClass;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.4.1-beta.aeb242c",
+  "version": "3.4.1-beta.baebb5e",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",