@useinsider/guido 3.3.0-beta.0a507dd → 3.3.0-beta.1778fd7

package/dist/composables/useHtmlValidator.js

@@ -1,35 +1,37 @@
-import { useConfig as L } from "./useConfig.js";
-import { TemplateTypes as V } from "../enums/defaults.js";
-import { DISPLAY_CONDITIONS_REGEX as _, DISPLAY_CONDITIONS_EXCEPTIONS_REGEX as H, CampaignCouldNotBeSavedKey as P, CanNotMakeAnyChangesForRunningKey as G } from "../enums/html-validator.js";
+import { useConfig as _ } from "./useConfig.js";
+import { TemplateTypes as H } from "../enums/defaults.js";
+import { DISPLAY_CONDITIONS_REGEX as P, DISPLAY_CONDITIONS_EXCEPTIONS_REGEX as G, CampaignCouldNotBeSavedKey as M, CanNotMakeAnyChangesForRunningKey as $ } from "../enums/html-validator.js";
 import { ToasterTypeOptions as c } from "../enums/toaster.js";
-import { itemsBlockDynamicVariables as M } from "../extensions/Blocks/Items/enums/productEnums.js";
-import { useRecommendationStore as $ } from "../stores/recommendation.js";
-import { base64EncodeWithSpecialChars as X } from "../utils/base64.js";
-import { useHttp as j } from "./useHttp.js";
-import { useToaster as q } from "./useToaster.js";
-import { useTranslations as z } from "./useTranslations.js";
-const K = /recommendation-id="(\d+)"/g;
-function U(a) {
-  return [...a.matchAll(K)].map((u) => u[1]);
+import { itemsBlockDynamicVariables as q } from "../extensions/Blocks/Items/enums/productEnums.js";
+import { useRecommendationExtensionStore as X } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { RecommendationRequiredFieldsKey as j } from "../extensions/Blocks/Recommendation/validation/requiredFields.js";
+import { useRecommendationStore as K } from "../stores/recommendation.js";
+import { base64EncodeWithSpecialChars as z } from "../utils/base64.js";
+import { useHttp as U } from "./useHttp.js";
+import { useToaster as Y } from "./useToaster.js";
+import { useTranslations as Z } from "./useTranslations.js";
+const J = /recommendation-id="(\d+)"/g;
+function Q(a) {
+  return [...a.matchAll(J)].map((u) => u[1]);
 }
-function Y(a, u) {
+function ee(a, u) {
   return u.some((d) => a.startsWith(`${d}_`));
 }
-const ce = () => {
+const ge = () => {
   var y, h;
-  const { showToaster: a } = q(), { post: u } = j(), { config: d } = L(), r = z(), g = $(), p = ((h = (y = d.value) == null ? void 0 : y.partner) == null ? void 0 : h.messageType) === V.transactional, b = async (e) => {
+  const { showToaster: a } = Y(), { post: u } = U(), { config: d } = _(), r = Z(), g = K(), S = X(), p = ((h = (y = d.value) == null ? void 0 : y.partner) == null ? void 0 : h.messageType) === H.transactional, b = async (e) => {
     const t = await u(
       "/newsletter/template-library/check-template-html-body",
-      { html: X(e) }
+      { html: z(e) }
     ), { status: n, message: l } = t.data;
     return n || a({
       type: c.Alert,
       message: n === void 0 ? l : r("newsletter.invalid-url-link-for-toaster")
-    }), r(P), l === r(G) && a({
+    }), r(M), l === r($) && a({
       type: c.Alert,
       message: r("newsletter.already-in-progress")
     }), n;
-  }, w = (e) => !["if", "endif", "else", "elif", "now"].includes(e.toLowerCase()), S = (e) => ["if", "endif"].includes(e.toLowerCase()), E = (e, s) => {
+  }, w = (e) => !["if", "endif", "else", "elif", "now"].includes(e.toLowerCase()), E = (e) => ["if", "endif"].includes(e.toLowerCase()), A = (e, s) => {
     const t = e.match(/({%(.*?)%})/g);
     let n = !0;
     return t !== null && !p && t.forEach((l) => {
@@ -42,13 +44,13 @@ const ce = () => {
         }), n = !1);
       }
     }), n;
-  }, A = async (e, s, t) => {
+  }, k = async (e, s, t) => {
     const n = t ? await b(e) : !0;
-    return E(e, s) && n;
-  }, I = (e) => e.length > 0 ? !0 : (a({
+    return A(e, s) && n;
+  }, x = (e) => e.length > 0 ? !0 : (a({
     type: c.Warning,
     message: r("newsletter.html-content-is-empty")
-  }), !1), k = (e) => {
+  }), !1), I = (e) => {
     const s = (e.match(/{/gm) || []).length, t = (e.match(/}/gm) || []).length;
     return s > t && a({
       type: c.Warning,
@@ -57,7 +59,7 @@ const ce = () => {
       type: c.Warning,
       message: r("custom-fields.missing-opening-braces")
     }), s === t;
-  }, x = (e) => {
+  }, F = (e) => {
     const s = e.match(/{{\s*(\w+\s+((\w+\|\w+)|(\w+)))\s*}}/gm) === null;
     return s || a({
       type: c.Warning,
@@ -66,10 +68,10 @@ const ce = () => {
   }, T = (e, s) => {
     const t = e.match(/{{([a-zA-Z0-9_\s]*)}}/gm);
     if (t && !p) {
-      const n = new Set(s.map((i) => i.toLowerCase())), l = U(e), o = [];
+      const n = new Set(s.map((i) => i.toLowerCase())), l = Q(e), o = [];
       if (t.forEach((i) => {
         const m = i.slice(2, -2).trim().toLowerCase();
-        (!n.has(m) || m === "") && !Y(m, l) && o.push(m);
+        (!n.has(m) || m === "") && !ee(m, l) && o.push(m);
       }), o.length > 0) {
         const i = `
                     <ul>
@@ -83,11 +85,11 @@ const ce = () => {
       }
     }
     return !0;
-  }, F = (e) => {
+  }, R = (e) => {
     const s = e.match(/{%(.*?)%}/g), t = [];
     let n = !0;
     if (s && s.forEach((l) => {
-      const o = l.match(_), i = l.match(H), m = (o == null ? void 0 : o.join("")) || "";
+      const o = l.match(P), i = l.match(G), m = (o == null ? void 0 : o.join("")) || "";
       (!o || l !== m) && !i && (a({
         type: c.Alert,
         message: r("newsletter.display-conditions-invalid-syntax")
@@ -98,7 +100,7 @@ const ce = () => {
         }), n = !1);
         const v = f.match(/^[a-zA-Z]*$/g);
         v && v.forEach((C) => {
-          S(C) && t.push(C);
+          E(C) && t.push(C);
         });
       });
     }), t.length) {
@@ -109,25 +111,28 @@ const ce = () => {
       }), n = !1);
     }
     return n;
-  }, W = (e) => {
+  }, B = (e) => {
     const s = (e.match(/{% /gm) || []).length, t = (e.match(/ %}/gm) || []).length, n = s === t;
     return n || a({
       type: c.Warning,
       message: r("custom-conditions.no-space-after-braces")
     }), n;
-  }, N = (e) => (e.match(/({%(.*?)%})/g) || []).filter((t) => t.includes("if")).map((t) => (t.match(/{{.*}}/gm) || []).length).reduce((t, n) => t + n, 0) > 0 ? (a({
+  }, W = (e) => (e.match(/({%(.*?)%})/g) || []).filter((t) => t.includes("if")).map((t) => (t.match(/{{.*}}/gm) || []).length).reduce((t, n) => t + n, 0) > 0 ? (a({
     type: c.Warning,
     message: r("custom-conditions.no-braces-inside-if-tag")
+  }), !1) : !0, N = () => S.hasInvalidBlock() ? (a({
+    type: c.Alert,
+    message: r(j)
   }), !1) : !0, O = () => g.recommendationConfigs && Object.values(g.recommendationConfigs).find((s) => s.filters.find((t) => t.value === "")) !== void 0 ? (a({
     type: c.Alert,
     message: r("newsletter.fill-all-necessary-fields")
-  }), !1) : !0, B = (e) => {
+  }), !1) : !0, D = (e) => {
     const s = /src="[^"]*\.(svg|pst)"/gm;
     return e.match(s) === null ? !0 : (a({
       type: c.Alert,
       message: r("newsletter.invalid-image-type")
     }), !1);
-  }, R = (e) => {
+  }, L = (e) => {
     const n = new DOMParser().parseFromString(e, "text/html").querySelectorAll(".checkbox-block-v2");
     return Array.from(n).find((o) => {
       var i;
@@ -136,7 +141,7 @@ const ce = () => {
       type: c.Alert,
       message: r("unsubscribe-templates.select-checkbox-groups")
     }), !1) : !0;
-  }, D = (e) => {
+  }, V = (e) => {
     const n = new DOMParser().parseFromString(e, "text/html").querySelectorAll(".radio-button-v2");
     return Array.from(n).find((o) => {
       var i;
@@ -150,12 +155,12 @@ const ce = () => {
     var o, i;
     const n = [
       ...s.map((m) => m.value),
-      ...M,
+      ...q,
       ...((i = (o = d.value) == null ? void 0 : o.template) == null ? void 0 : i.customFieldAttributes) ?? []
     ];
-    return await A(e, n, t) && I(e) && k(e) && x(e) && T(e, n) && F(e) && W(e) && N(e) && O() && B(e) && R(e) && D(e);
+    return await k(e, n, t) && x(e) && I(e) && F(e) && T(e, n) && R(e) && B(e) && W(e) && N() && O() && D(e) && L(e) && V(e);
   } };
 };
 export {
-  ce as useHtmlValidator
+  ge as useHtmlValidator
 };

package/dist/composables/useRecommendation.js

@@ -1,4 +1,4 @@
-import { RecommendationFeedSourceMaps as I, URLS as C } from "../enums/extensions/recommendationBlock.js";
+import { getRecommendationFeedSourceMaps as I, URLS as C } from "../enums/extensions/recommendationBlock.js";
 import { MinDeviceViewport as R, DefaultPadding as b } from "../enums/recommendation.js";
 import { useRecommendationExtensionStore as m } from "../extensions/Blocks/Recommendation/store/recommendation.js";
 import { generateCompleteFilterQuery as h } from "../extensions/Blocks/Recommendation/utils/filterUtil.js";
@@ -63,7 +63,7 @@ const w = () => ({
         shuffleProducts: o.shuffleProducts
       };
     }
-    const f = ((l = I.find((i) => i.key === e.strategy)) == null ? void 0 : l.path) || "", t = new URLSearchParams();
+    const f = ((l = I().find((i) => i.key === e.strategy)) == null ? void 0 : l.path) || "", t = new URLSearchParams();
     if (t.set("locale", e.language), t.set("currency", e.currencyCode), t.set("partnerName", n.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", n.variationId), e.strategy === "manualMerchandising") {
       const i = parseInt(e.size) || 6;
       t.set("productId", e.productIds.slice(0, i).join(","));

package/dist/composables/useStripo.js

@@ -1,126 +1,130 @@
-import { useActionsApi as D } from "./useActionsApi.js";
-import { useBlocksConfig as I } from "./useBlocksConfig.js";
-import { useConfig as P } from "./useConfig.js";
-import { useCustomInterfaceAppearance as U } from "./useCustomInterfaceAppearance.js";
-import { useFullStoryBridge as R } from "./useFullStoryBridge.js";
-import { useStripoEventHandler as q } from "./useStripoEventHandler.js";
-import { useToaster as x } from "./useToaster.js";
-import { localePatch as H } from "../config/i18n/index.js";
-import { useStripoApi as O } from "../services/stripoApi.js";
-import j from "../static/styles/customEditorStyle.css.js";
-import { useEditorStore as E } from "../stores/editor.js";
-import { dynamicContentToMergeTags as L } from "../utils/genericUtil.js";
-import $ from "../package.json.js";
-const se = (C, l) => {
-  const { features: c, template: h, isFeatureEnabled: u } = P(), { handleError: m } = x(), { getToken: w, getCustomFonts: b, getSyncModulesStatus: k } = O(), { handleEvent: B } = q(), { getStripoBlocksConfig: T } = I(), V = async (i, r = [], s = !1) => {
-    var g, S, y;
-    const e = E(), { html: p, css: a } = i, { baseBlocks: o, extensions: d } = await T(), f = ((g = c.value) == null ? void 0 : g.displayConditions) ?? !0, F = ((S = c.value) == null ? void 0 : S.modulesDisabled) ?? !1, v = ((y = h.value) == null ? void 0 : y.forceRecreate) ?? !1;
-    window.UIEditor.initEditor(
+import { useActionsApi as P } from "./useActionsApi.js";
+import { useBlocksConfig as U } from "./useBlocksConfig.js";
+import { useConfig as R } from "./useConfig.js";
+import { useCustomInterfaceAppearance as q } from "./useCustomInterfaceAppearance.js";
+import { useFullStoryBridge as x } from "./useFullStoryBridge.js";
+import { useStripoEventHandler as H } from "./useStripoEventHandler.js";
+import { useToaster as O } from "./useToaster.js";
+import { localePatch as j } from "../config/i18n/index.js";
+import { useStripoApi as L } from "../services/stripoApi.js";
+import $ from "../static/styles/customEditorStyle.css.js";
+import { useEditorStore as b } from "../stores/editor.js";
+import { dynamicContentToMergeTags as z } from "../utils/genericUtil.js";
+import G from "../package.json.js";
+const nt = (w, m) => {
+  const { features: p, template: k, isFeatureEnabled: g } = R(), { handleError: f } = O(), { getToken: B, getCustomFonts: T, getSyncModulesStatus: V } = L(), { handleEvent: _ } = H(), { getStripoBlocksConfig: v } = U(), F = async (i, s = [], n = !1) => {
+    var E, h, C;
+    const t = b(), { html: u, css: a } = i, { baseBlocks: o, extensions: d } = await v(), S = ((E = p.value) == null ? void 0 : E.displayConditions) ?? !0, A = ((h = p.value) == null ? void 0 : h.modulesDisabled) ?? !1, y = ((C = k.value) == null ? void 0 : C.forceRecreate) ?? !1, D = "https://email-static.useinsider.com https://edge.fullstory.com https://rs.fullstory.com", I = (u.match(/<td[^>]*radio-button-v2[^>]*>/gi) ?? []).map((e) => {
+      var l;
+      const c = (((l = e.match(/class="([^"]*)"/)) == null ? void 0 : l[1]) ?? "").split(/\s+/).filter(Boolean);
+      return { hasBlock: c.includes("radio-button-block"), classes: c };
+    });
+    console.debug("[guido:radio-migrator] stripo:before-init", { forceRecreate: y, radioTds: I }), window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
-        metadata: C,
-        html: p,
+        metadata: w,
+        html: u,
         css: a,
-        forceRecreate: v,
+        forceRecreate: y,
         locale: "en",
         undoButtonSelector: "#guido__undo-button",
         redoButtonSelector: "#guido__redo-button",
         mobileViewButtonSelector: ".guido__view-option-selection-mobile",
         desktopViewButtonSelector: ".guido__view-option-selection-desktop",
         codeEditorButtonSelector: "#guido__code-button",
-        customAppearanceMergetags: !u("liquidSyntax"),
+        customAppearanceMergetags: !g("liquidSyntax"),
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
-        customViewStyles: j,
-        conditionsEnabled: f,
-        customConditionsEnabled: f,
+        customViewStyles: $,
+        conditionsEnabled: S,
+        customConditionsEnabled: S,
         enableXSSSecurity: !0,
-        modulesDisabled: F,
-        syncModulesEnabled: s,
+        modulesDisabled: A,
+        syncModulesEnabled: n,
         messageSettingsEnabled: !0,
         displayGmailAnnotations: !0,
         displayHiddenPreheader: !1,
         displayTitle: !1,
         displayUTM: !1,
         selectElementAfterDrop: !0,
-        allowedScriptSourceDomains: "https://email-static.useinsider.com https://edge.fullstory.com https://rs.fullstory.com",
+        allowedScriptSourceDomains: D,
         ...o ? { baseBlocks: o } : {},
         editorFonts: {
           showDefaultStandardFonts: !0,
           showDefaultNotStandardFonts: !0,
-          customFonts: r
+          customFonts: s
         },
         mergeTags: [
           {
-            entries: L(
-              l.preselectedDynamicContentList,
-              u("liquidSyntax")
+            entries: z(
+              m.preselectedDynamicContentList,
+              g("liquidSyntax")
             )
           }
         ],
-        async onTokenRefreshRequest(t) {
+        async onTokenRefreshRequest(e) {
           try {
-            const n = await w();
-            t(n);
-          } catch (n) {
-            m(n, "Failed to refresh token");
+            const r = await B();
+            e(r);
+          } catch (r) {
+            f(r, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
-            const { importCss: t } = U(), { activateCustomViewStyles: n, updateTimerInClonedTemplate: M } = D(), { injectFullStory: A } = R();
-            t(), n(), A(), M(), l.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
-              e.hasChanges = !1;
+            const { importCss: e } = q(), { activateCustomViewStyles: r, updateTimerInClonedTemplate: c } = P(), { injectFullStory: l } = x();
+            e(), r(), l(), c(), m.onReady(), t.isStripoInitialized = !0, t.loadingStatus = !1, setTimeout(() => {
+              t.hasChanges = !1;
             }, 1e3);
-          } catch (t) {
-            m(t, "Failed to load custom interface appearance");
+          } catch (e) {
+            f(e, "Failed to load custom interface appearance");
           }
         },
-        onCodeEditorVisibilityChanged(t) {
-          e.isCodeEditorOpen = t;
+        onCodeEditorVisibilityChanged(e) {
+          t.isCodeEditorOpen = e;
         },
-        onEditorVisualModeChanged(t) {
-          e.editorVisualMode = t.toLowerCase();
+        onEditorVisualModeChanged(e) {
+          t.editorVisualMode = e.toLowerCase();
         },
-        onVersionHistoryVisibilityChanged(t) {
-          e.isVersionHistoryOpen = t;
+        onVersionHistoryVisibilityChanged(e) {
+          t.isVersionHistoryOpen = e;
         },
         onDataChanged() {
-          e.hasChanges = !0;
+          t.hasChanges = !0;
         },
-        onEvent: B,
+        onEvent: _,
         ignoreClickOutsideSelectors: [
           "#guido-dynamic-content-modal",
           ".in-on-board-wrapper",
           ".in-drawer__container"
         ],
         extensions: d,
-        localePatch: H
+        localePatch: j
       }
     );
-  }, _ = (i) => new Promise((r, s) => {
+  }, M = (i) => new Promise((s, n) => {
     var d;
     if (document.getElementById("UiEditorScript")) {
-      i(), r();
+      i(), s();
       return;
     }
-    const e = $.guido, a = `https://email-static.useinsider.com/guido/${(d = e == null ? void 0 : e.stripo) == null ? void 0 : d.version}/UIEditor.js`, o = document.createElement("script");
+    const t = G.guido, a = `https://email-static.useinsider.com/guido/${(d = t == null ? void 0 : t.stripo) == null ? void 0 : d.version}/UIEditor.js`, o = document.createElement("script");
     o.id = "UiEditorScript", o.type = "module", o.src = a, o.onload = () => {
-      i(), r();
+      i(), s();
     }, o.onerror = () => {
-      s(new Error(`Failed to load Stripo UIEditor script from S3: ${a}`));
+      n(new Error(`Failed to load Stripo UIEditor script from S3: ${a}`));
     }, document.body.appendChild(o);
   });
   return { initPlugin: async (i) => {
-    await _(async () => {
-      const r = E(), [s, e] = await Promise.all([
-        b(),
-        k()
+    await M(async () => {
+      const s = b(), [n, t] = await Promise.all([
+        T(),
+        V()
       ]);
-      r.syncModulesEnabled = e, await V(i, s, e);
+      s.syncModulesEnabled = t, await F(i, n, t);
     });
   } };
 };
 export {
-  se as useStripo
+  nt as useStripo
 };

package/dist/config/migrator/index.js

@@ -1,13 +1,24 @@
-import { migrateCheckbox as o } from "./checkboxMigrator.js";
-import { migrateCouponBlock as i } from "./couponBlockMigrator.js";
-import { migrateItemsBlock as e } from "./itemsBlockMigrator.js";
-import { migrateRadioButton as a } from "./radioButtonMigrator.js";
-import { migrateRecommendation as g } from "./recommendationMigrator.js";
-import { migrateUnsubscribe as n } from "./unsubscribeMigrator.js";
-const b = async (r, t = {}) => {
-  let m = r;
-  return m = o(m), m = a(m), m = await n(m), m = i(m), m = g(m, t), m = e(m), m;
+import { migrateCheckbox as m } from "./checkboxMigrator.js";
+import { migrateCouponBlock as n } from "./couponBlockMigrator.js";
+import { migrateItemsBlock as s } from "./itemsBlockMigrator.js";
+import { migrateRadioButton as c } from "./radioButtonMigrator.js";
+import { migrateRecommendation as d } from "./recommendationMigrator.js";
+import { migrateUnsubscribe as g } from "./unsubscribeMigrator.js";
+const a = (t) => (t.match(/<td[^>]*radio-button-v2[^>]*>/gi) ?? []).map((i) => {
+  var e;
+  const r = (((e = i.match(/class="([^"]*)"/)) == null ? void 0 : e[1]) ?? "").split(/\s+/).filter(Boolean);
+  return { hasBlock: r.includes("radio-button-block"), classes: r };
+}), k = async (t, i = {}) => {
+  console.debug("[guido:radio-migrator] pipeline:start", {
+    inputLength: t.length,
+    radioTds: a(t)
+  });
+  let o = t;
+  return o = m(o), o = c(o), o = await g(o), o = n(o), o = d(o, i), o = s(o), console.debug("[guido:radio-migrator] pipeline:end", {
+    outputLength: o.length,
+    radioTds: a(o)
+  }), o;
 };
 export {
-  b as migrate
+  k as migrate
 };

package/dist/config/migrator/radioButtonMigrator.js

@@ -1,52 +1,77 @@
-var x = Object.defineProperty;
-var T = (l, e, t) => e in l ? x(l, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[e] = t;
-var b = (l, e, t) => T(l, typeof e != "symbol" ? e + "" : e, t);
-import S from "../../extensions/Blocks/RadioButton/template.js";
-class B {
+var k = Object.defineProperty;
+var v = (a, e, t) => e in a ? k(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
+var f = (a, e, t) => v(a, typeof e != "symbol" ? e + "" : e, t);
+import A from "../../extensions/Blocks/RadioButton/template.js";
+class C {
   constructor() {
-    b(this, "parser");
+    f(this, "parser");
     this.parser = new DOMParser();
   }
   migrate(e) {
     try {
-      const t = this.parser.parseFromString(e, "text/html"), i = t.querySelectorAll("td.radio-button-block"), s = t.querySelectorAll("td.radio-button-v2");
-      if (i.length === 0 && s.length === 0)
-        return e;
-      let o = !1;
-      return i.forEach((r) => {
+      const t = this.parser.parseFromString(e, "text/html"), o = t.querySelectorAll("td.radio-button-block"), s = t.querySelectorAll("td.radio-button-v2");
+      if (o.length === 0 && s.length === 0)
+        return console.debug("[guido:radio-migrator] skip", { reason: "no radio blocks" }), e;
+      console.debug("[guido:radio-migrator] entry", {
+        v1BlockCount: o.length,
+        v2BlockCount: s.length,
+        inputLength: e.length
+      });
+      let n = !1, i = 0;
+      o.forEach((r) => {
         if (r.classList.contains("radio-button-v2"))
           return;
-        const n = r.getAttribute("id"), a = this.extractTextFromElement(r, "ins-title"), g = this.extractTextFromElement(r, "ins-description"), c = this.extractTextFromElement(r, "ins-subscribe"), u = this.extractTextFromElement(r, "ins-unsubscribe"), d = this.buildTextBlock(a), p = this.buildTextBlock(g), y = this.buildTextBlock({ ...c, classList: "" }), f = this.buildTextBlock({ ...u, classList: "" }), h = S.replace("{-{-TITLE-}-}", d).replace("{-{-DESCRIPTION-}-}", p).replace("{-{-YES-}-}", y).replace("{-{-NO-}-}", f), m = this.parser.parseFromString(
-          `<table id="tempDoc"><tbody><tr>${h}</tr></tbody></table>`,
+        const d = r.getAttribute("id"), g = this.extractTextFromElement(r, "ins-title"), p = this.extractTextFromElement(r, "ins-description"), m = this.extractTextFromElement(r, "ins-subscribe"), b = this.extractTextFromElement(r, "ins-unsubscribe"), y = this.buildTextBlock(g), x = this.buildTextBlock(p), T = this.buildTextBlock({ ...m, classList: "" }), B = this.buildTextBlock({ ...b, classList: "" }), S = A.replace("{-{-TITLE-}-}", y).replace("{-{-DESCRIPTION-}-}", x).replace("{-{-YES-}-}", T).replace("{-{-NO-}-}", B), h = this.parser.parseFromString(
+          `<table id="tempDoc"><tbody><tr>${S}</tr></tbody></table>`,
           "text/html"
         ).querySelector(".radio-button-v2");
-        m && r.parentNode && (m.setAttribute("id", n || ""), r.parentNode.replaceChild(m, r), o = !0);
-      }), o = this.healRadioButtonV2(t) || o, o ? t.documentElement.outerHTML : e;
+        h && r.parentNode && (h.setAttribute("id", d || ""), r.parentNode.replaceChild(h, r), n = !0, i++);
+      });
+      const l = this.healRadioButtonV2(t);
+      n = l || n;
+      const c = n ? t.documentElement.outerHTML : e, u = (c.match(/<td[^>]*radio-button-v2[^>]*>/gi) ?? []).map((r) => {
+        var g;
+        return (((g = r.match(/class="([^"]*)"/)) == null ? void 0 : g[1]) ?? "").split(/\s+/).filter(Boolean).includes("radio-button-block");
+      });
+      return console.debug("[guido:radio-migrator] exit", {
+        v1Converted: i,
+        healingMutated: l,
+        mutated: n,
+        finalV2HasBlock: u,
+        outputLength: c.length
+      }), c;
     } catch (t) {
-      return console.error("RadioButtonMigrator failed:", t), e;
+      return console.error("[guido:radio-migrator] failed:", t), e;
     }
   }
   healRadioButtonV2(e) {
-    let t = !1;
-    return e.querySelectorAll("td.radio-button-v2").forEach((i) => {
-      var p;
-      const s = i.querySelector("input#radioYes"), o = i.querySelector("input#radioNo");
-      if (!s || !o)
+    let t = !1, o = 0, s = 0;
+    const n = e.querySelectorAll("td.radio-button-v2");
+    return n.forEach((i) => {
+      var y;
+      i.classList.contains("radio-button-block") || (i.classList.add("radio-button-block"), o++, t = !0);
+      const l = i.querySelector("input#radioYes"), c = i.querySelector("input#radioNo");
+      if (!l || !c)
         return;
-      const r = ((p = s.parentElement) == null ? void 0 : p.querySelector(":scope > p")) || null;
-      if (!r && !s.hasAttribute("align"))
+      const u = ((y = l.parentElement) == null ? void 0 : y.querySelector(":scope > p")) || null;
+      if (!u && !l.hasAttribute("align"))
         return;
-      const n = s.closest("tr"), a = o.closest("tr");
-      if (!n || !a || n === a || !n.parentNode)
+      const r = l.closest("tr"), d = c.closest("tr");
+      if (!r || !d || r === d || !r.parentNode)
         return;
-      const g = (r == null ? void 0 : r.innerHTML.trim()) || "Yes", c = a.cloneNode(!0), u = c.querySelector("input#radioNo"), d = c.querySelector("p");
-      u && (u.setAttribute("id", "radioYes"), u.removeAttribute("align")), d && (d.innerHTML = g), n.parentNode.replaceChild(c, n), t = !0;
+      const g = (u == null ? void 0 : u.innerHTML.trim()) || "Yes", p = d.cloneNode(!0), m = p.querySelector("input#radioNo"), b = p.querySelector("p");
+      m && (m.setAttribute("id", "radioYes"), m.removeAttribute("align")), b && (b.innerHTML = g), r.parentNode.replaceChild(p, r), s++, t = !0;
+    }), console.debug("[guido:radio-migrator] healing", {
+      v2BlockCount: n.length,
+      classAddedCount: o,
+      rowHealedCount: s,
+      mutated: t
     }), t;
   }
   extractTextFromElement(e, t) {
-    var p, y;
-    const i = e.querySelector(`.${t}`);
-    if (!i)
+    var p, m;
+    const o = e.querySelector(`.${t}`);
+    if (!o)
       return {
         text: t === "ins-title" ? "Title" : "Description",
         isBold: !1,
@@ -55,32 +80,32 @@ class B {
         styles: "",
         classList: ""
       };
-    const s = i.querySelector("p");
+    const s = o.querySelector("p");
     if (!s)
       return {
-        text: ((p = i.textContent) == null ? void 0 : p.trim()) || (t === "ins-title" ? "Title" : "Description"),
+        text: ((p = o.textContent) == null ? void 0 : p.trim()) || (t === "ins-title" ? "Title" : "Description"),
         isBold: !1,
         isItalic: !1,
-        align: i.getAttribute("align") || "left",
+        align: o.getAttribute("align") || "left",
         styles: "",
         classList: ""
       };
-    const o = ((y = s.textContent) == null ? void 0 : y.trim()) || (t === "ins-title" ? "Title" : "Description"), r = s.getAttribute("style") || "", n = i.getAttribute("align") || s.getAttribute("align") || "left", a = /font-weight\s*:\s*bold/i.test(r) || !!s.querySelector("b, strong"), g = /font-style\s*:\s*italic/i.test(r) || !!s.querySelector("i, em"), c = this.removeStyleProperties(r, ["font-weight", "font-style"]), u = this.convertInlineToBlock(c), d = i.getAttribute("class") || "";
+    const n = ((m = s.textContent) == null ? void 0 : m.trim()) || (t === "ins-title" ? "Title" : "Description"), i = s.getAttribute("style") || "", l = o.getAttribute("align") || s.getAttribute("align") || "left", c = /font-weight\s*:\s*bold/i.test(i) || !!s.querySelector("b, strong"), u = /font-style\s*:\s*italic/i.test(i) || !!s.querySelector("i, em"), r = this.removeStyleProperties(i, ["font-weight", "font-style"]), d = this.convertInlineToBlock(r), g = o.getAttribute("class") || "";
     return {
-      text: o,
-      isBold: a,
-      isItalic: g,
-      align: n,
-      styles: u,
-      classList: d
+      text: n,
+      isBold: c,
+      isItalic: u,
+      align: l,
+      styles: d,
+      classList: g
     };
   }
   buildTextBlock(e) {
     let t = e.text;
     e.isBold && e.isItalic ? t = `<strong path="1,0"><em path="1,0,0">${t}</em></strong>` : e.isBold ? t = `<strong path="1,0">${t}</strong>` : e.isItalic && (t = `<em path="1,0">${t}</em>`);
-    const i = e.align ? ` align="${e.align}"` : "", s = e.styles ? ` style="${e.styles.replaceAll('"', "'")}"` : "";
+    const o = e.align ? ` align="${e.align}"` : "", s = e.styles ? ` style="${e.styles.replaceAll('"', "'")}"` : "";
     return `
-            <td class="esd-block-text ${e.classList}" ${i}>
+            <td class="esd-block-text ${e.classList}" ${o}>
                 <p path="1" ${s}>
                     ${t}
                 </p>
@@ -88,9 +113,9 @@ class B {
         `;
   }
   removeStyleProperties(e, t) {
-    return e ? t.reduce((s, o) => {
-      const r = new RegExp(`${o}\\s*:\\s*[^;]*;?`, "gi");
-      return s.replace(r, "");
+    return e ? t.reduce((s, n) => {
+      const i = new RegExp(`${n}\\s*:\\s*[^;]*;?`, "gi");
+      return s.replace(i, "");
     }, e).replace(/;\s*;/g, ";").replace(/^;|;$/g, "").trim() : "";
   }
   convertInlineToBlock(e) {
@@ -100,8 +125,8 @@ class B {
     return /display\s*:/i.test(t) || (t = t ? `${t}; display: block` : "display: block"), t.replace(/;\s*;/g, ";").replace(/^;|;$/g, "").trim();
   }
 }
-function q(l) {
-  return new B().migrate(l);
+function q(a) {
+  return new C().migrate(a);
 }
 export {
   q as migrateRadioButton