@useinsider/guido 3.4.0-beta.5d19726 → 3.4.1-beta.00eb92e

package/README.md

@@ -8,6 +8,8 @@
 
 # @useinsider/guido
 
+[![Coverus](https://github.com/useinsider/coverus-artifacts/raw/main/badges/github/useinsider/guido/coverage.svg)](http://coverus.internal.dataforce/app/project/github/useinsider/guido)
+
 Guido is a Vue 2 + TypeScript wrapper for the Stripo Email Editor plugin. Easily embed the professional email editor in your Vue applications with a clean, type-safe configuration.
 
 ## Installation

package/dist/composables/useActionsApi.js

@@ -21,9 +21,9 @@ const v = () => {
       resetDataSavedFlag: !1,
       disableLineHeightsReplace: !0
     }, ...t }, s = {
-      callback: (l, r, d, c, u) => {
+      callback: (l, p, d, c, u) => {
         l ? a(l) : e({
-          html: r,
+          html: p,
           ampHtml: d,
           ampErrors: c,
           displayConditions: u
@@ -36,11 +36,11 @@ const v = () => {
   return {
     getCompiledEmail: m,
     getTemplateData: () => new Promise((t) => {
-      const e = ({ html: a, css: i, width: o, height: p, utmParams: s, syncModulesIds: l }) => t({
+      const e = ({ html: a, css: i, width: o, height: r, utmParams: s, syncModulesIds: l }) => t({
         html: a,
         css: i,
         width: o,
-        height: p,
+        height: r,
         utmParams: s,
         syncModulesIds: l
       });
@@ -91,7 +91,11 @@ const v = () => {
     },
     editorSave: () => new Promise((t) => {
       window.StripoEditorApi.actionsApi.save((e) => {
-        e && n(e, "Failed to save template"), t();
+        if (e) {
+          n(e, "Failed to save template"), t(!1);
+          return;
+        }
+        t(!0);
       });
     })
   };

package/dist/composables/useSave.js

@@ -1,32 +1,31 @@
 import { useActionsApi as x } from "./useActionsApi.js";
 import { useConfig as y } from "./useConfig.js";
 import { useSaveStart as w, useSaveComplete as C } from "./useGuidoActions.js";
-import { useSyncModuleExtractor as H } from "./useSyncModuleExtractor.js";
-import { useStripoApi as b } from "../services/stripoApi.js";
-import { useTemplatePreparation as q } from "../utils/templatePreparation.js";
-import { useHtmlValidator as L } from "./useHtmlValidator.js";
-import { useCouponBlockValidator as P } from "./validators/useCouponBlockValidator.js";
-import { useLiquidValidator as E } from "./validators/useLiquidValidator.js";
-const j = () => {
-  const o = w(), s = C(), { validateHtml: r } = L(), { validateLiquidSyntax: l } = E(), { validateCouponBlockTags: n } = P(), { callbacks: a, isFeatureEnabled: d } = y(), { extractSyncModuleData: u } = H(), { setSyncModuleUnsubscriptionPages: c } = b(), { editorSave: m } = x();
+import { useSyncModuleExtractor as E } from "./useSyncModuleExtractor.js";
+import { useStripoApi as H } from "../services/stripoApi.js";
+import { useTemplatePreparation as b } from "../utils/templatePreparation.js";
+import { useHtmlValidator as q } from "./useHtmlValidator.js";
+import { useCouponBlockValidator as L } from "./validators/useCouponBlockValidator.js";
+import { useLiquidValidator as P } from "./validators/useLiquidValidator.js";
+const z = () => {
+  const o = w(), s = C(), { validateHtml: r } = q(), { validateLiquidSyntax: n } = P(), { validateCouponBlockTags: l } = L(), { callbacks: a, isFeatureEnabled: d } = y(), { extractSyncModuleData: u } = E(), { setSyncModuleUnsubscriptionPages: c } = H(), { editorSave: m } = x();
   return { save: async (p = !1, f = !1) => {
     var i;
     o();
-    const { prepareTemplateDetails: v } = q(), t = await v();
-    if (!n(t.compiledHtml))
+    const { prepareTemplateDetails: v } = b(), t = await v();
+    if (!l(t.compiledHtml))
       return;
     if (d("liquidSyntax")) {
-      if (!await l(t.compiledHtml))
+      if (!await n(t.compiledHtml))
         return;
     } else if (!await r(t.compiledHtml, t.dynamicContentList, !0))
       return;
-    if ((i = a.value) != null && i.externalValidation && !await a.value.externalValidation(t))
+    if ((i = a.value) != null && i.externalValidation && !await a.value.externalValidation(t) || !await m())
       return;
-    await m();
     const { unsubscribePayload: S, stripoModules: V } = u(t.rawHtml);
     return await c(S), t.modules = V, p || s({ ...t, silent: f }), t;
   } };
 };
 export {
-  j as useSave
+  z as useSave
 };

package/dist/config/compiler/recommendationCompilerRules.js

@@ -1,5 +1,5 @@
-import { useRecommendation as C } from "../../composables/useRecommendation.js";
-import { DUMMY_IMAGE_MAPPINGS as y, REGEX as T, VerticalOrientation as M, CSS as E, ATTRIBUTES as A, CONDITIONS as g, HTML as N } from "../../enums/recommendation.js";
+import { useRecommendation as h } from "../../composables/useRecommendation.js";
+import { DUMMY_IMAGE_MAPPINGS as N, REGEX as T, VerticalOrientation as M, CSS as E, ATTRIBUTES as A, CONDITIONS as y, HTML as C } from "../../enums/recommendation.js";
 import { prepareRecommendationBlocks as x } from "./utils/recommendationCompilerUtils.js";
 const w = [
   {
@@ -8,7 +8,7 @@ const w = [
     type: "custom",
     processor: (c) => {
       let e = c;
-      return Object.entries(y).forEach(([, l]) => {
+      return Object.entries(N).forEach(([, l]) => {
         Object.entries(l).forEach(([n, s]) => {
           e = e.replaceAll(s, `{{${n}}}`);
         });
@@ -25,12 +25,24 @@ const w = [
     replaceAll: !0,
     priority: 51
   },
+  {
+    id: "rename-legacy-buy-button-class",
+    // Templates saved before the buy-button → reco-v3-button rename still
+    // carry the old class in their persisted HTML; rewrite on export so the
+    // downstream button identification selector keeps working.
+    description: "Rename legacy buy-button class to reco-v3-button on product button anchors",
+    type: "replace",
+    search: "es-button buy-button",
+    replacement: "es-button reco-v3-button",
+    replaceAll: !0,
+    priority: 49
+  },
   {
     id: "add-recommendation-unresponsive-css",
     description: "Adding recommendation unresponsive css",
     type: "custom",
     processor: (c) => {
-      const { calculateCardWidth: e, getRecommendationCampaignData: l } = C();
+      const { calculateCardWidth: e, getRecommendationCampaignData: l } = h();
       let n = c;
       const s = n.match(T.ID);
       if (s) {
@@ -60,7 +72,7 @@ const w = [
     type: "custom",
     processor: (c) => {
       let e = c;
-      const l = e.match(T.ATTRIBUTE_PARAGRAPH), { getRecommendationCampaignData: n } = C();
+      const l = e.match(T.ATTRIBUTE_PARAGRAPH), { getRecommendationCampaignData: n } = h();
       return l !== null && l.forEach((s) => {
         const a = s.match(T.CUSTOM_FIELD);
         if (!a)
@@ -68,17 +80,17 @@ const w = [
         const [i] = a, u = i.match(T.CUSTOM_FIELD_INDEXES_PART), _ = i.match(T.CUSTOM_FIELD_NAME_PART), R = s.match(T.ATTRIBUTE_PARAGRAPH_START_TAG);
         if (!u || !_ || !R)
           return;
-        const [S] = u, [b] = _, [d] = R, o = b.substring(1, b.length - 2), r = d.match(T.COMPOSITION) !== null;
+        const [b] = u, [I] = _, [d] = R, o = I.substring(1, I.length - 2), r = d.match(T.COMPOSITION) !== null;
         let t = i;
         if (r) {
-          const I = S.substring(2, S.length - 3), m = n(I);
+          const S = b.substring(2, b.length - 3), m = n(S);
           o === A.OMNIBUS_PRICE && (m.priceBeforeTextValue && (t = `${m.priceBeforeTextValue}${t}`), m.priceAfterTextValue && (t = `${t}${m.priceAfterTextValue}`)), o === A.OMNIBUS_DISCOUNT && (m.discountBeforeTextValue && (t = `${m.discountBeforeTextValue}${t}`), m.discountAfterTextValue && (t = `${t}${m.discountAfterTextValue}`));
         }
-        const p = S.substring(2);
+        const p = b.substring(2);
         let f = "";
-        o in g.IF && (f = g.IF[o].replaceAll(`{${A.DISCOUNT}}`, `${p}${A.DISCOUNT}`).replaceAll(`{${A.OMNIBUS_DISCOUNT}}`, `${p}${A.OMNIBUS_DISCOUNT}`).replaceAll(`{${A.OMNIBUS_PRICE}}`, `${p}${A.OMNIBUS_PRICE}`));
-        const $ = `${d}${t}${N.PARAGRAPH_END_TAG}`, h = `${f}${r ? $ : s}${g.ELSE}${d}${N.PARAGRAPH_END_TAG}${g.END_IF}`;
-        e = e.replace(s, h);
+        o in y.IF && (f = y.IF[o].replaceAll(`{${A.DISCOUNT}}`, `${p}${A.DISCOUNT}`).replaceAll(`{${A.OMNIBUS_DISCOUNT}}`, `${p}${A.OMNIBUS_DISCOUNT}`).replaceAll(`{${A.OMNIBUS_PRICE}}`, `${p}${A.OMNIBUS_PRICE}`));
+        const g = `${d}${t}${C.PARAGRAPH_END_TAG}`, $ = `${f}${r ? g : s}${y.ELSE}${d}${C.PARAGRAPH_END_TAG}${y.END_IF}`;
+        e = e.replace(s, $);
       }), e;
     },
     priority: 53
@@ -116,7 +128,7 @@ const w = [
         / class="(?:product-card-segment|attribute-cell|recommendation-attribute-row|product-image|product-name|product-price|product-old-price|product-omnibus-price|product-omnibus-discount|product-button|recommendation-product-row|product-card-wrapper)"/g,
         ""
       );
-      return e = e.replaceAll("es-button buy-button", "es-button"), e = e.replaceAll("ins-recommendation-product-container ", ""), e;
+      return e = e.replaceAll("ins-recommendation-product-container ", ""), e;
     },
     priority: 56
   },
@@ -174,10 +186,10 @@ const w = [
         let o = e;
         return o = o.replaceAll("<!--REC_START-->", ""), o = o.replaceAll("<!--REC_END-->", ""), o;
       }
-      const R = (o) => o.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), S = (o, r) => `${o.slice(0, -1)} ${r}"`, b = /* @__PURE__ */ new Map();
+      const R = (o) => o.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), b = (o, r) => `${o.slice(0, -1)} ${r}"`, I = /* @__PURE__ */ new Map();
       i.forEach((o, r) => {
         const t = R(r);
-        b.set(r, {
+        I.set(r, {
           caseA: new RegExp(`(class="[^"]*")((?:[^>]*?)) style="${t}"`, "g"),
           caseB: new RegExp(` style="${t}"((?:[^>]*?))(class="[^"]*")`, "g")
         });
@@ -188,13 +200,13 @@ const w = [
         (o, r) => {
           let t = r;
           return i.forEach((p, f) => {
-            const $ = b.get(f);
+            const g = I.get(f);
             t = t.replace(
-              $.caseA,
-              (h, I, m) => S(I, p) + m
+              g.caseA,
+              ($, S, m) => b(S, p) + m
             ), t = t.replace(
-              $.caseB,
-              (h, I, m) => I + S(m, p)
+              g.caseB,
+              ($, S, m) => S + b(m, p)
             ), t = t.replaceAll(` style="${f}"`, ` class="${p}"`);
           }), t;
         }

package/dist/config/compiler/utils/recommendationCompilerUtils.js

@@ -1,6 +1,7 @@
-import { useConfig as g } from "../../../composables/useConfig.js";
-import { useRecommendation as S } from "../../../composables/useRecommendation.js";
-import { useRecommendationExtensionStore as _ } from "../../../extensions/Blocks/Recommendation/store/recommendation.js";
+import { useConfig as S } from "../../../composables/useConfig.js";
+import { useRecommendation as g } from "../../../composables/useRecommendation.js";
+import { CSS_CLASS_RECO_BUTTON as _ } from "../../../extensions/Blocks/Recommendation/constants/selectors.js";
+import { useRecommendationExtensionStore as q } from "../../../extensions/Blocks/Recommendation/store/recommendation.js";
 function y(r, c, e, o, s = "") {
   const n = `{{${s}${r}_${c}_${e}}}`, t = `{{${s}${r}_${c}_currency}}`;
   return o === "before" ? `${t} ${n}` : `${n} ${t}`;
@@ -11,7 +12,7 @@ function f(r, c, e, o, s, n) {
       const t = r.querySelector("img");
       t && (t.setAttribute("src", `{{${n}${e}_${o}_image_url}}`), t.setAttribute("alt", `{{${n}${e}_${o}_name}}`));
       const i = r.querySelector("a");
-      i && i.setAttribute("href", `{{${n}${e}_${o}_url}}`);
+      i && (i.setAttribute("href", `{{${n}${e}_${o}_url}}`), i.classList.add(_));
       break;
     }
     case "productName": {
@@ -80,7 +81,7 @@ function f(r, c, e, o, s, n) {
     }
   }
 }
-function q(r, c, e, o) {
+function C(r, c, e, o) {
   r.querySelectorAll(".recommendation-product-row").forEach((n, t) => {
     n.querySelectorAll("[data-attribute-type]").forEach((a) => {
       const u = a.getAttribute("data-attribute-type") || "", p = a.querySelectorAll(".attribute-cell");
@@ -90,7 +91,7 @@ function q(r, c, e, o) {
     });
   });
 }
-function w(r, c, e, o) {
+function E(r, c, e, o) {
   const s = r.querySelectorAll(".recommendation-product-row");
   if (!s.length)
     return;
@@ -105,14 +106,14 @@ function w(r, c, e, o) {
     });
   });
 }
-function E(r, c, e, o) {
+function w(r, c, e, o) {
   r.querySelectorAll(".ins-recommendation-product-container").forEach((n) => {
-    w(n, c, e, o);
+    E(n, c, e, o);
   });
 }
-function C(r, c, e) {
+function R(r, c, e) {
   const o = r.getAttribute("data-layout") || "grid", s = r.getAttribute("currency-alignment") || "after";
-  o === "list" ? q(r, c, s, e) : E(r, c, s, e);
+  o === "list" ? C(r, c, s, e) : w(r, c, s, e);
 }
 function b(r, c, e) {
   const o = new RegExp(`${c}\\s*:\\s*(\\d+)\\s*px`, "i"), s = r.match(o);
@@ -130,7 +131,7 @@ function P(r, c) {
   }
   return null;
 }
-function R(r) {
+function T(r) {
   const c = r.getAttribute("style") || "", e = b(c, "width", 600), o = b(c, "padding", 0) * 2, s = Math.max(0, e - o);
   s !== 0 && r.querySelectorAll("img.adapt-img").forEach((n) => {
     if (n.hasAttribute("width"))
@@ -152,20 +153,20 @@ function v(r, c) {
   return (e ? `${e[0]}
 ` : "") + c.documentElement.outerHTML;
 }
-function O(r) {
+function N(r) {
   const c = r.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), e = new DOMParser().parseFromString(c, "text/html"), o = e.querySelectorAll(".recommendation-block-v2");
   if (!o.length)
     return r;
-  const { buildCampaignUrl: s } = S(), n = _();
+  const { buildCampaignUrl: s } = g(), n = q();
   n.recommendationCampaignUrls = {};
-  const { isFeatureEnabled: t } = g(), i = t("liquidSyntax") ? "reco_" : "";
+  const { isFeatureEnabled: t } = S(), i = t("liquidSyntax") ? "reco_" : "";
   return o.forEach((u) => {
     var l, d;
     const p = u.getAttribute("recommendation-id");
-    p && ((l = u.parentNode) == null || l.insertBefore(e.createComment("REC_START"), u), (d = u.parentNode) == null || d.insertBefore(e.createComment("REC_END"), u.nextSibling), u.querySelectorAll('[data-visibility="0"]').forEach((m) => m.remove()), s(p), C(u, p, i), R(u));
+    p && ((l = u.parentNode) == null || l.insertBefore(e.createComment("REC_START"), u), (d = u.parentNode) == null || d.insertBefore(e.createComment("REC_END"), u.nextSibling), u.querySelectorAll('[data-visibility="0"]').forEach((m) => m.remove()), s(p), R(u, p, i), T(u));
   }), v(c, e).replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
 }
 export {
   y as formatPriceVariable,
-  O as prepareRecommendationBlocks
+  N as prepareRecommendationBlocks
 };

package/dist/config/migrator/checkboxMigrator.js

@@ -1,85 +1,36 @@
-var x = Object.defineProperty;
-var y = (s, t, e) => t in s ? x(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
-var m = (s, t, e) => y(s, typeof t != "symbol" ? t + "" : t, e);
-import b from "../../extensions/Blocks/Checkbox/template.js";
-class f {
+var h = Object.defineProperty;
+var g = (r, t, e) => t in r ? h(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
+var l = (r, t, e) => g(r, typeof t != "symbol" ? t + "" : t, e);
+import f from "../../extensions/Blocks/Checkbox/template.js";
+import { extractTextFromElement as m, buildTextBlock as p } from "./textBlockMigration.js";
+class C {
   constructor() {
-    m(this, "parser");
+    l(this, "parser");
     this.parser = new DOMParser();
   }
   migrate(t) {
     try {
-      const e = this.parser.parseFromString(t, "text/html"), i = e.querySelectorAll("td.checkbox-block");
-      return i.length === 0 ? t : (i.forEach((r) => {
-        if (r.classList.contains("checkbox-block-v2"))
+      const e = this.parser.parseFromString(t, "text/html"), n = e.querySelectorAll("td.checkbox-block");
+      if (n.length === 0)
+        return t;
+      let i = !1;
+      return n.forEach((o) => {
+        if (o.classList.contains("checkbox-block-v2"))
           return;
-        const n = r.getAttribute("id"), l = this.extractTextFromElement(r, "ins-title"), c = this.extractTextFromElement(r, "ins-description"), a = this.buildTextBlock(l), p = this.buildTextBlock(c), g = b.replace("{-{-TITLE-}-}", a).replace("{-{-DESCRIPTION-}-}", p), o = this.parser.parseFromString(
-          `<table id="tempDoc"><tbody><tr>${g}</tr></tbody></table>`,
+        const b = o.getAttribute("id"), s = m(o, "ins-title"), a = m(o, "ins-description"), u = p(s, s.containerClass), x = p(a, a.containerClass), d = f.replace("{-{-TITLE-}-}", u).replace("{-{-DESCRIPTION-}-}", x), c = this.parser.parseFromString(
+          `<table id="tempDoc"><tbody><tr>${d}</tr></tbody></table>`,
           "text/html"
         ).querySelector(".checkbox-block-v2");
-        o && r.parentNode && (o.setAttribute("id", n || ""), r.parentNode.replaceChild(o, r));
-      }), e.documentElement.outerHTML);
+        c && o.parentNode && (c.setAttribute("id", b || ""), o.parentNode.replaceChild(c, o), i = !0);
+      }), i ? e.documentElement.outerHTML : t;
     } catch (e) {
       return console.error("CheckboxMigrator failed:", e), t;
     }
   }
-  extractTextFromElement(t, e) {
-    var o, d;
-    const i = t.querySelector(`.${e}`);
-    if (!i)
-      return {
-        text: e === "ins-title" ? "Title" : "Description",
-        isBold: !1,
-        isItalic: !1,
-        align: "left",
-        styles: ""
-      };
-    const r = i.querySelector("p");
-    if (!r)
-      return {
-        text: ((o = i.textContent) == null ? void 0 : o.trim()) || (e === "ins-title" ? "Title" : "Description"),
-        isBold: !1,
-        isItalic: !1,
-        align: i.getAttribute("align") || "left",
-        styles: ""
-      };
-    const n = ((d = r.textContent) == null ? void 0 : d.trim()) || (e === "ins-title" ? "Title" : "Description"), l = r.getAttribute("style") || "", c = i.getAttribute("align") || r.getAttribute("align") || "left", a = /font-weight\s*:\s*bold/i.test(l) || !!r.querySelector("b, strong"), p = /font-style\s*:\s*italic/i.test(l) || !!r.querySelector("i, em"), g = this.removeStyleProperties(l, ["font-weight", "font-style"]), u = this.convertInlineToBlock(g);
-    return {
-      text: n,
-      isBold: a,
-      isItalic: p,
-      align: c,
-      styles: u
-    };
-  }
-  buildTextBlock(t) {
-    let e = t.text;
-    t.isBold && t.isItalic ? e = `<strong path="1,0"><em path="1,0,0">${e}</em></strong>` : t.isBold ? e = `<strong path="1,0">${e}</strong>` : t.isItalic && (e = `<em path="1,0">${e}</em>`);
-    const i = t.align ? ` align="${t.align}"` : "", r = t.styles ? ` style="${t.styles}"` : "";
-    return `
-            <td class="esd-block-text" ${i}>
-                <p path="1" ${r}>
-                    ${e}
-                </p>
-            </td>
-        `;
-  }
-  removeStyleProperties(t, e) {
-    return t ? e.reduce((r, n) => {
-      const l = new RegExp(`${n}\\s*:\\s*[^;]*;?`, "gi");
-      return r.replace(l, "");
-    }, t).replace(/;\s*;/g, ";").replace(/^;|;$/g, "").trim() : "";
-  }
-  convertInlineToBlock(t) {
-    if (!t)
-      return "";
-    let e = t.replace(/display\s*:\s*inline/gi, "display: block");
-    return /display\s*:/i.test(e) || (e = e ? `${e}; display: block` : "display: block"), e.replace(/;\s*;/g, ";").replace(/^;|;$/g, "").trim();
-  }
 }
-function k(s) {
-  return new f().migrate(s);
+function E(r) {
+  return new C().migrate(r);
 }
 export {
-  k as migrateCheckbox
+  E as migrateCheckbox
 };

package/dist/config/migrator/itemsBlockMigrator.js

@@ -155,6 +155,8 @@ class z {
   }
   migrate(t) {
     try {
+      if (!this.containsItemsBlock(t))
+        return t;
       let o = this.removeJinjaConditionals(t);
       o = this.replaceTemplateVariables(o);
       const l = this.parser.parseFromString(o, "text/html"), a = l.querySelectorAll(
@@ -178,15 +180,15 @@ class z {
           originalPriceStyles: e.originalPriceStyles,
           quantityStyles: e.quantityStyles,
           nodeConfig: R(e.configBlockAttributes)
-        }), d = this.parser.parseFromString(
+        }), u = this.parser.parseFromString(
           `<table><tbody><tr>${c}</tr></tbody></table>`,
           "text/html"
         ).querySelector("td");
-        if (d && i.parentNode) {
+        if (u && i.parentNode) {
           const p = R(e.configBlockAttributes);
-          d.setAttribute("esd-ext-config", JSON.stringify(p));
-          const u = d.querySelector("esd-config-block");
-          u && u.remove(), i.parentNode.replaceChild(d, i);
+          u.setAttribute("esd-ext-config", JSON.stringify(p));
+          const d = u.querySelector("esd-config-block");
+          d && d.remove(), i.parentNode.replaceChild(u, i);
         }
       }), l.documentElement.outerHTML);
     } catch (o) {
@@ -201,22 +203,22 @@ class z {
    */
   extractConfiguration(t) {
     var C, D, P;
-    const o = ((C = t.querySelector("[data-type]")) == null ? void 0 : C.getAttribute("data-type")) || "CART_ITEMS", l = ((D = t.querySelector("[data-number]")) == null ? void 0 : D.getAttribute("data-number")) || "1", a = parseInt(l) - 1, n = T[o], i = ((P = n == null ? void 0 : n[a]) == null ? void 0 : P.value) || n[0].value, e = t.querySelector('[product-attr="price"]'), c = (e == null ? void 0 : e.getAttribute("data-currency_symbol")) || "USD", d = ((e == null ? void 0 : e.getAttribute("data-curency")) || "before") === "after" ? "1" : "0", p = (e == null ? void 0 : e.getAttribute("data-formated")) !== "false", u = this.extractConfigBlockAttributes(t, o, l), S = u["data-card_orientation_control_value"];
+    const o = ((C = t.querySelector("[data-type]")) == null ? void 0 : C.getAttribute("data-type")) || "CART_ITEMS", l = ((D = t.querySelector("[data-number]")) == null ? void 0 : D.getAttribute("data-number")) || "1", a = parseInt(l) - 1, n = T[o], i = ((P = n == null ? void 0 : n[a]) == null ? void 0 : P.value) || n[0].value, e = t.querySelector('[product-attr="price"]'), c = (e == null ? void 0 : e.getAttribute("data-currency_symbol")) || "USD", u = ((e == null ? void 0 : e.getAttribute("data-curency")) || "before") === "after" ? "1" : "0", p = (e == null ? void 0 : e.getAttribute("data-formated")) !== "false", d = this.extractConfigBlockAttributes(t, o, l), S = d["data-card_orientation_control_value"];
     let b;
     S ? b = S === "horizontal" ? "horizontal" : "vertical" : b = t.querySelector('[colspan="2"]') !== null ? "vertical" : "horizontal";
-    const y = t.querySelector('a[product-attr="name"]'), I = (y == null ? void 0 : y.getAttribute("style")) || void 0, f = t.querySelector('a[product-attr="button"]'), m = (f == null ? void 0 : f.getAttribute("style")) || void 0, h = (e == null ? void 0 : e.getAttribute("style")) || void 0, A = t.querySelector("p.original-price"), k = (A == null ? void 0 : A.getAttribute("style")) || void 0, E = t.querySelector('[product-attr="quantity"]'), L = (E == null ? void 0 : E.getAttribute("style")) || void 0;
+    const y = t.querySelector('a[product-attr="name"]'), I = (y == null ? void 0 : y.getAttribute("style")) || void 0, f = t.querySelector('a[product-attr="button"]'), m = (f == null ? void 0 : f.getAttribute("style")) || void 0, k = (e == null ? void 0 : e.getAttribute("style")) || void 0, A = t.querySelector("p.original-price"), h = (A == null ? void 0 : A.getAttribute("style")) || void 0, E = t.querySelector('[product-attr="quantity"]'), L = (E == null ? void 0 : E.getAttribute("style")) || void 0;
     return {
       orientation: b,
       itemsType: o,
       itemId: i,
       currencySymbol: c,
-      currencyLocation: d,
+      currencyLocation: u,
       formattedPrice: p,
-      configBlockAttributes: u,
+      configBlockAttributes: d,
       nameStyles: I,
       buttonStyles: m,
-      priceStyles: h,
-      originalPriceStyles: k,
+      priceStyles: k,
+      originalPriceStyles: h,
       quantityStyles: L
     };
   }
@@ -296,6 +298,14 @@ class z {
       "data-product_button_link": "{{Abandoned Cart Item (1) Url}}"
     };
   }
+  /**
+   * Fast check for the presence of any items block (cart / browsed / purchased)
+   * in the raw HTML. Used to gate the migration pipeline so non-items templates
+   * are returned untouched.
+   */
+  containsItemsBlock(t) {
+    return t.includes("esd-cart-items-block") || t.includes("esd-browsed-items-block") || t.includes("esd-purchased-items-block");
+  }
   /**
    * Removes Jinja2 conditional statements from HTML
    * Handles all items block types:
@@ -337,18 +347,18 @@ class z {
       const [, i, e, c] = n, _ = x[i];
       if (!_)
         return console.warn(`Unknown variable prefix: ${i}`), l;
-      const d = q[e];
-      if (!d)
+      const u = q[e];
+      if (!u)
         return console.warn(`Unknown variable suffix mapping for: ${e}`), l;
-      const { pairsKey: p, defaultKey: u, isArray: S } = d, y = o[p][_];
+      const { pairsKey: p, defaultKey: d, isArray: S } = u, y = o[p][_];
       if (!y)
         return console.warn(`No data found for: ${p}.${_}`), l;
       if (S) {
-        const f = parseInt(c) - 1, m = y[u];
-        return Array.isArray(m) && m[f] ? m[f] : (console.warn(`Array value not found: ${p}.${_}.${u}[${f}]`), l);
+        const f = parseInt(c) - 1, m = y[d];
+        return Array.isArray(m) && m[f] ? m[f] : (console.warn(`Array value not found: ${p}.${_}.${d}[${f}]`), l);
       }
-      const I = y[u];
-      return I !== void 0 ? String(I) : (console.warn(`Default value not found: ${p}.${_}.${u}`), l);
+      const I = y[d];
+      return I !== void 0 ? String(I) : (console.warn(`Default value not found: ${p}.${_}.${d}`), l);
     });
   }
 }