@useinsider/guido 2.0.0-beta.a4f9fa2 → 2.0.0-beta.a7d687e

package/dist/utils/pairProductVariables.js

@@ -1,77 +1,74 @@
 import { productPairs as w } from "../extensions/Blocks/Items/enums/productEnums.js";
-function P(k) {
-  const m = k.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), $ = new DOMParser().parseFromString(m, "text/html"), R = w.PAIRS_FOR_EXTENSION;
-  Object.entries(R).forEach(([n, l]) => {
+function M(H) {
+  const m = H.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), $ = new DOMParser().parseFromString(m, "text/html"), C = w.PAIRS_FOR_EXTENSION;
+  Object.entries(C).forEach(([n, d]) => {
     $.querySelectorAll(".ins-product-td").forEach((o) => {
-      const E = o.getAttribute("data-number") || "1", b = o.getAttribute("data-type") || "CART_ITEMS";
+      const h = o.getAttribute("data-number") || "1", _ = o.getAttribute("data-type") || "CART_ITEMS";
       o.querySelectorAll(`[product-attr="${n}"]`).forEach((e) => {
         var y;
-        const T = e.getAttribute("data-type") || b, u = e.getAttribute("data-number") || E, p = l[T];
+        const b = e.getAttribute("data-type") || _, u = e.getAttribute("data-number") || h, p = d[b];
         if (p)
           switch (n) {
             case "imageSrc": {
-              let t = null, c = null;
-              if (e.tagName === "IMG" ? (t = e, c = t.closest("a")) : (t = e.querySelector("img"), c = e.querySelector("a") || e.closest("a")), !t)
+              let t = null, i = null;
+              if (e.tagName === "IMG" ? (t = e, i = t.closest("a")) : (t = e.querySelector("img"), i = e.querySelector("a") || e.closest("a")), !t)
                 break;
-              const i = p.DEFAULT, a = p.ATTR;
-              if (i && t.src) {
+              const c = p.DEFAULT, a = p.ATTR;
+              if (c && t.src) {
                 const r = t.src;
-                i.some((d) => {
-                  const s = d.split("/").pop() || "", _ = r.split("/").pop() || "";
-                  return r.includes(d) || r.includes(s) || _ === s;
+                c.some((l) => {
+                  const s = l.split("/").pop() || "", F = r.split("/").pop() || "";
+                  return r.includes(l) || r.includes(s) || F === s;
                 }) && (t.src = `{{${a}_${u}}}`);
               }
-              if (c) {
-                const r = (y = R.itemLink) == null ? void 0 : y[T];
+              if (i) {
+                const r = (y = C.itemLink) == null ? void 0 : y[b];
                 if (r) {
-                  const f = r.HREF, d = r.DEFAULT_HREF || "#!", s = c.href;
-                  (s === "#" || s === "" || s.endsWith("#!") || s.endsWith(d) || s === `${window.location.href}${d}` || !s || s === window.location.href) && (c.href = `{{${f}_${u}}}`);
+                  const f = r.HREF, l = r.DEFAULT_HREF || "#!", s = i.href;
+                  (s === "#" || s === "" || s.endsWith("#!") || s.endsWith(l) || s === `${window.location.href}${l}` || !s || s === window.location.href) && (i.href = `{{${f}_${u}}}`);
                 }
               }
               break;
             }
             case "name": {
-              const t = p, c = t.ATTR, i = t.DEFAULT_HREF || "#!", a = t.HREF;
-              e.textContent && (e.textContent = `{{${c}_${u}}}`);
+              const t = p, i = t.ATTR, c = t.DEFAULT_HREF || "#!", a = t.HREF;
+              e.textContent && (e.textContent = `{{${i}_${u}}}`);
               const r = e.closest("a") || (e.tagName === "A" ? e : null);
               if (r && a) {
-                const f = r.href, d = `${window.location.href}${i}`;
-                (f === d || f.endsWith(i)) && (r.href = `{{${a}_${u}}}`);
+                const f = r.href, l = `${window.location.href}${c}`;
+                (f === l || f.endsWith(c)) && (r.href = `{{${a}_${u}}}`);
               }
               break;
             }
             case "price":
             case "originalPrice": {
-              const t = p, c = e.getAttribute("data-formated"), i = e.getAttribute("data-single_price"), a = c === "true", r = i === "true", f = e.getAttribute("data-curency") || "before";
-              let d;
-              r ? d = a ? t.SINGLE_PRICE_FORMATTED : t.SINGLE_PRICE : d = a ? t.PRICE_FORMATTED : t.PRICE;
-              const s = t.CURRENCY;
-              let _ = `{{${d}_${u}}}`;
-              if (s) {
-                const H = `{{${s}_${u}}}`;
-                _ = f === "after" ? `${_} ${H}` : `${H} ${_}`;
+              const t = p, c = e.getAttribute("data-formated") === "true", a = e.getAttribute("data-curency") || "before", r = c ? t.PRICE_FORMATTED : t.PRICE, f = t.CURRENCY;
+              let l = `{{${r}_${u}}}`;
+              if (f) {
+                const s = `{{${f}_${u}}}`;
+                l = a === "after" ? `${l} ${s}` : `${s} ${l}`;
               }
-              e.textContent = _;
+              e.textContent = l;
               break;
             }
             case "quantity": {
-              const t = p, c = t.ATTR, i = t.DEFAULT;
-              e.textContent && e.textContent.trim() === i && (e.textContent = `{{${c}_${u}}}`);
+              const t = p, i = t.ATTR, c = t.DEFAULT;
+              e.textContent && e.textContent.trim() === c && (e.textContent = `{{${i}_${u}}}`);
               break;
             }
             case "button": {
-              const t = p, c = t.HREF, i = t.DEFAULT_HREF || "#!", a = e.tagName === "A" ? e : e.querySelector("a");
+              const t = p, i = t.HREF, c = t.DEFAULT_HREF || "#!", a = e.tagName === "A" ? e : e.querySelector("a");
               if (a) {
-                const r = a.href || "", f = `${window.location.href}${i}`;
-                (r === "" || r === "#" || r === f || r.endsWith(i) || r.endsWith("#!") || r === window.location.href) && (a.href = `{{${c}_${u}}}`);
+                const r = a.href || "", f = `${window.location.href}${c}`;
+                (r === "" || r === "#" || r === f || r.endsWith(c) || r.endsWith("#!") || r === window.location.href) && (a.href = `{{${i}_${u}}}`);
               }
               break;
             }
             case "itemLink": {
-              const t = p, c = t.HREF, i = t.DEFAULT_HREF || "#!", a = e;
+              const t = p, i = t.HREF, c = t.DEFAULT_HREF || "#!", a = e;
               if (a.href) {
-                const r = a.href, f = `${window.location.href}${i}`;
-                (r === f || r.endsWith(i)) && (a.href = `{{${c}_${u}}}`);
+                const r = a.href, f = `${window.location.href}${c}`;
+                (r === f || r.endsWith(c)) && (a.href = `{{${i}_${u}}}`);
               }
               break;
             }
@@ -86,21 +83,21 @@ function P(k) {
       });
     });
   });
-  const F = $.querySelectorAll(".ins-product-td"), S = [];
-  F.forEach((n) => {
-    const l = n.getAttribute("data-type") || "CART_ITEMS", A = n.getAttribute("data-number") || "1", o = n.getAttribute("data-nodup"), E = n.outerHTML;
-    S.push({
+  const S = $.querySelectorAll(".ins-product-td"), R = [];
+  S.forEach((n) => {
+    const d = n.getAttribute("data-type") || "CART_ITEMS", A = n.getAttribute("data-number") || "1", o = n.getAttribute("data-nodup"), h = n.outerHTML;
+    R.push({
       element: n,
-      outerHtml: E,
-      type: l,
+      outerHtml: h,
+      type: d,
       number: A,
       nodup: o || void 0
     });
   });
-  let h = $.body.innerHTML;
-  S.reverse().forEach(({ outerHtml: n, type: l, number: A }) => {
+  let E = $.body.innerHTML;
+  R.reverse().forEach(({ outerHtml: n, type: d, number: A }) => {
     let o = "";
-    switch (l) {
+    switch (d) {
       case "CART_ITEMS":
         o = "ins_apr_total_product_kind";
         break;
@@ -112,28 +109,28 @@ function P(k) {
         break;
     }
     if (o) {
-      const b = parseInt(A) - 1, T = `${`{% if ${o} > ${b} %}`}${n}{% endif %}`;
-      h = h.replace(n, T);
+      const _ = parseInt(A) - 1, b = `${`{% if ${o} > ${_} %}`}${n}{% endif %}`;
+      E = E.replace(n, b);
     }
   });
-  const I = $.querySelectorAll('[product-attr="originalPrice"][data-type="CART_ITEMS"]'), g = [];
-  return I.forEach((n) => {
-    const l = n.getAttribute("data-number"), A = n.getAttribute("data-type");
-    if (!l || A !== "CART_ITEMS")
+  const k = $.querySelectorAll('[product-attr="originalPrice"][data-type="CART_ITEMS"]'), T = [];
+  return k.forEach((n) => {
+    const d = n.getAttribute("data-number"), A = n.getAttribute("data-type");
+    if (!d || A !== "CART_ITEMS")
       return;
     const o = n.closest(".product-original-price-class");
     if (o) {
-      const E = o.outerHTML;
-      g.some((C) => C.tdOuterHtml === E) || g.push({ tdOuterHtml: E, number: l });
+      const h = o.outerHTML;
+      T.some((g) => g.tdOuterHtml === h) || T.push({ tdOuterHtml: h, number: d });
     }
-  }), g.reverse().forEach(({ tdOuterHtml: n, number: l }) => {
-    const A = `{% if ins_apr_price_${l} != ins_apr_originalprice_${l} %}`;
-    if (!h.includes(A) && !n.includes("{% if")) {
-      const E = `${A}${n}{% endif %}`;
-      h = h.replace(n, E);
+  }), T.reverse().forEach(({ tdOuterHtml: n, number: d }) => {
+    const A = `{% if ins_apr_price_${d} != ins_apr_originalprice_${d} %}`;
+    if (!E.includes(A) && !n.includes("{% if")) {
+      const h = `${A}${n}{% endif %}`;
+      E = E.replace(n, h);
     }
-  }), h.replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
+  }), E.replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
 }
 export {
-  P as pairProductVariables
+  M as pairProductVariables
 };

package/dist/utils/templatePreparation.js

@@ -1,29 +1,29 @@
-import { useActionsApi as S } from "../composables/useActionsApi.js";
-import { useHtmlCompiler as b } from "../composables/useHtmlCompiler.js";
-import { useDynamicContentStore as f } from "../stores/dynamic-content.js";
-import { useUnsubscribeStore as C } from "../stores/unsubscribe.js";
-const z = () => {
-  const i = f(), t = C(), { getCompiledEmail: o, getTemplateData: s } = S(), { compileHtml: n } = b();
+import { useActionsApi as b } from "../composables/useActionsApi.js";
+import { useHtmlCompiler as f } from "../composables/useHtmlCompiler.js";
+import { useDynamicContentStore as C } from "../stores/dynamic-content.js";
+import { useUnsubscribeStore as T } from "../stores/unsubscribe.js";
+const P = () => {
+  const i = C(), t = T(), { getCompiledEmail: o, getTemplateData: s, editorSave: n } = b(), { compileHtml: a } = f();
   return {
     prepareTemplateDetails: async () => {
-      const { html: a, ampHtml: m = "", ampErrors: r = [] } = await o({
+      const { html: r, ampHtml: m = "", ampErrors: c = [] } = await o({
         minimize: !0,
         resetDataSavedFlag: !1
-      }), { html: c, css: l, syncModulesIds: p = [] } = await s(), { compiledHtml: u, stats: e, appliedRules: d } = n(a), g = i.getSelectedDynamicContentList;
-      return console.debug("HTML Compilation Stats:", {
+      }), { html: l, css: p, syncModulesIds: u = [] } = await s(), { compiledHtml: d, stats: e, appliedRules: g } = a(r), S = i.getSelectedDynamicContentList;
+      return n(), console.debug("HTML Compilation Stats:", {
         originalSize: e.originalSize,
         compiledSize: e.compiledSize,
         reduction: `${e.reductionPercentage.toFixed(2)}%`,
-        appliedRules: d,
+        appliedRules: g,
         executionTime: `${e.executionTime.toFixed(2)}ms`
       }), {
-        dynamicContentList: g,
-        compiledHtml: u,
-        rawHtml: c,
-        css: l,
+        dynamicContentList: S,
+        compiledHtml: d,
+        rawHtml: l,
+        css: p,
         ampHtml: m,
-        ampErrors: r,
-        modules: p,
+        ampErrors: c,
+        modules: u,
         recommendation: {
           campaignUrls: {},
           configs: {}
@@ -37,5 +37,5 @@ const z = () => {
   };
 };
 export {
-  z as useTemplatePreparation
+  P as useTemplatePreparation
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "2.0.0-beta.a4f9fa2",
+  "version": "2.0.0-beta.a7d687e",
   "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",

package/dist/components/organisms/email-preview/desktop-preview/EmailHeaderInfo.vue.js

@@ -1,17 +0,0 @@
-import e from "./EmailHeaderInfo.vue2.js";
-import c from "../../../../_virtual/_plugin-vue2_normalizer.js";
-var r = function() {
-  var t = this, s = t._self._c, a = t._self._setupProxy;
-  return s("div", { staticClass: "d-f a-i-c j-c-s-b w-1" }, [s("div", { staticClass: "d-f a-i-c" }, [s("div", { staticClass: "b-c-49 bor-r-100 w-5-s h-5-s d-f a-i-c j-c-c" }, [s(a.InIcons, { attrs: { name: "line-menu-profile" } })], 1), s("div", { staticClass: "d-f f-d-c ml-2" }, [s("p", { staticClass: "t-c-53 f-w-600 f-s-1 l-h-1" }, [t._v(" " + t._s(a.senderName) + " ")]), s("p", { staticClass: "t-c-55 f-w-400 f-s-12 l-h-1" }, [t._v(" " + t._s(a.subject) + " ")])])])]);
-}, i = [], n = /* @__PURE__ */ c(
-  e,
-  r,
-  i,
-  !1,
-  null,
-  null
-);
-const o = n.exports;
-export {
-  o as default
-};

package/dist/components/organisms/email-preview/desktop-preview/EmailHeaderInfo.vue2.js

@@ -1,20 +0,0 @@
-import { defineComponent as i, computed as s } from "vue";
-import { useConfig as c } from "../../../../composables/useConfig.js";
-import { useTranslations as d } from "../../../../composables/useTranslations.js";
-import { InIcons as u } from "@useinsider/design-system-vue";
-const g = /* @__PURE__ */ i({
-  __name: "EmailHeaderInfo",
-  setup(f) {
-    const { config: n } = c(), r = d(), a = s(() => {
-      var e, t, o;
-      return ((o = (t = (e = n.value) == null ? void 0 : e.editor) == null ? void 0 : t.emailHeader) == null ? void 0 : o.senderName) || r("settings.sender-name");
-    }), m = s(() => {
-      var e, t, o;
-      return ((o = (t = (e = n.value) == null ? void 0 : e.editor) == null ? void 0 : t.emailHeader) == null ? void 0 : o.subject) || r("email-editor.default-subject");
-    });
-    return { __sfc: !0, config: n, trans: r, senderName: a, subject: m, InIcons: u };
-  }
-});
-export {
-  g as default
-};

package/dist/config/migrator/itemsBlockMigrator.js

@@ -1,342 +0,0 @@
-var L = Object.defineProperty;
-var K = (r, t, o) => t in r ? L(r, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[t] = o;
-var v = (r, t, o) => K(r, typeof t != "symbol" ? t + "" : t, o);
-import { productPairs as B } from "../../extensions/Blocks/Items/enums/productEnums.js";
-import { ItemInCartOptions as E, DefaultConfigValues as g, SETTINGS_ENUMS as _ } from "../../extensions/Blocks/Items/enums/settingsEnums.js";
-import { getDefaultTemplate as U } from "../../extensions/Blocks/Items/template.js";
-const q = {
-  img: {
-    pairsKey: "imageSrc",
-    defaultKey: "DEFAULT",
-    isArray: !0
-  },
-  name: {
-    pairsKey: "name",
-    defaultKey: "DEFAULT",
-    isArray: !0
-  },
-  url: {
-    pairsKey: "button",
-    defaultKey: "DEFAULT_HREF",
-    isArray: !1
-  },
-  formattedprice: {
-    pairsKey: "price",
-    defaultKey: "DEFAULT_PRICE_FORMATTED",
-    isArray: !1
-  },
-  productcurrency: {
-    pairsKey: "price",
-    defaultKey: "DEFAULT_CURRENCY",
-    isArray: !1
-  },
-  quantity: {
-    pairsKey: "quantity",
-    defaultKey: "DEFAULT",
-    isArray: !1
-  },
-  price: {
-    pairsKey: "price",
-    defaultKey: "DEFAULT_PRICE",
-    isArray: !1
-  },
-  originalprice: {
-    pairsKey: "originalPrice",
-    defaultKey: "DEFAULT_PRICE",
-    isArray: !1
-  },
-  originalformattedprice: {
-    pairsKey: "originalPrice",
-    defaultKey: "DEFAULT_PRICE_FORMATTED",
-    isArray: !1
-  },
-  single_price: {
-    pairsKey: "price",
-    defaultKey: "DEFAULT_SINGLE_PRICE",
-    isArray: !1
-  },
-  single_formattedprice: {
-    pairsKey: "price",
-    defaultKey: "DEFAULT_SINGLE_PRICE_FORMATTED",
-    isArray: !1
-  },
-  single_originalprice: {
-    pairsKey: "originalPrice",
-    defaultKey: "DEFAULT_SINGLE_PRICE",
-    isArray: !1
-  },
-  single_originalformattedprice: {
-    pairsKey: "originalPrice",
-    defaultKey: "DEFAULT_SINGLE_PRICE_FORMATTED",
-    isArray: !1
-  }
-};
-function w() {
-  return String(Date.now() + Math.floor(Math.random() * 1e3));
-}
-function F(r) {
-  return r ? {
-    CartItems: _.ITEMS_TYPE.CART_ITEMS,
-    BrowsedItems: _.ITEMS_TYPE.BROWSED_ITEMS,
-    PurchasedItems: _.ITEMS_TYPE.PURCHASED_ITEMS,
-    CART_ITEMS: _.ITEMS_TYPE.CART_ITEMS,
-    BROWSED_ITEMS: _.ITEMS_TYPE.BROWSED_ITEMS,
-    PURCHASED_ITEMS: _.ITEMS_TYPE.PURCHASED_ITEMS
-  }[r] || _.ITEMS_TYPE.CART_ITEMS : _.ITEMS_TYPE.CART_ITEMS;
-}
-function R(r) {
-  const t = (e, a) => e == null ? a : e === "1" || e === "true", o = (e, a) => e || a, c = r["data-type"] || r["data-source"], n = F(c);
-  let i = r["data-cart_items_select_control_value"] || g.cartItemsSelectControlValue;
-  if (i && !i.includes("{{") && /^\d+$/.test(i)) {
-    const e = parseInt(i) - 1, a = E[n];
-    a && a[e] && (i = a[e].value);
-  }
-  return {
-    initialized: !0,
-    blockInstanceId: o(r["data-block-instance-id"], w()),
-    source: n,
-    type: n,
-    itemsSelectValue: i,
-    orientation: r["data-card_orientation_control_value"] || _.ORIENTATION.VERTICAL,
-    nameTrimming: t(r["data-product_name_control_trim"], !0),
-    nameControlEnabled: t(r["data-product_name_control_enabled"], !0),
-    priceHideDiscount: t(r["data-product_price_control_nodup"], !0),
-    priceFormatted: t(r["data-product_price_control_formated"], !0),
-    priceSinglePrice: t(r["data-product_price_control_single_price"], !1),
-    priceCurrencySymbol: o(
-      r["data-product_price_currency_symbol"],
-      g.productPriceCurrencySymbolControlValue
-    ),
-    priceCurrencyLocation: o(
-      r["data-product_price_currency_location"],
-      g.productPriceCurrencyLocationControlValue
-    ),
-    priceControlOpened: t(r["data-product_price_control_opened"], !0),
-    priceOrientation: r["data-product_original_price_control_orientation"] || "horizontal",
-    quantityControlEnabled: t(r["data-product_quantity_control_enabled"], !0),
-    buttonLink: o(r["data-product_button_link"], g.productButtonLinkControlValue),
-    imageLink: o(r["data-product_image_link"], g.productImageLinkControlValue),
-    buttonLabel: o(r["data-product_button_control_label"], "Buy"),
-    buttonFullWidth: t(r["data-product_button_control_atw"], !0),
-    imageVisible: t(r["data-product_image_control_enabled"], !0),
-    nameVisible: t(r["data-product_name_control_enabled"], !0),
-    quantityVisible: t(r["data-product_quantity_visible"], !0),
-    priceVisible: t(r["data-product_price_visible"], !0),
-    originalPriceVisible: t(r["data-product_original_price_control_enabled"], !0),
-    buttonVisible: t(r["data-product_button_visible"], !0)
-  };
-}
-const x = {
-  ins_apr: "CART_ITEMS",
-  browsed_item: "BROWSED_ITEMS",
-  purchased_item: "PURCHASED_ITEMS"
-};
-class N {
-  constructor() {
-    v(this, "parser");
-    this.parser = new DOMParser();
-  }
-  migrate(t) {
-    try {
-      let o = this.removeJinjaConditionals(t);
-      o = this.replaceTemplateVariables(o);
-      const c = this.parser.parseFromString(o, "text/html"), n = c.querySelectorAll(
-        "td.esd-cart-items-block, td.esd-browsed-items-block, td.esd-purchased-items-block"
-      );
-      return n.length === 0 ? (console.warn("ItemsBlockMigrator: No blocks found with items block selectors"), o) : (n.forEach((i) => {
-        const e = this.extractConfiguration(i), a = U({
-          orientation: e.orientation,
-          itemsType: e.itemsType,
-          itemId: e.itemId,
-          currencySymbol: e.currencySymbol,
-          currencyLocation: e.currencyLocation,
-          formattedPrice: e.formattedPrice,
-          configBlockAttributes: e.configBlockAttributes,
-          migrate: !0,
-          nameStyles: e.nameStyles,
-          buttonStyles: e.buttonStyles,
-          priceStyles: e.priceStyles,
-          originalPriceStyles: e.originalPriceStyles,
-          quantityStyles: e.quantityStyles,
-          nodeConfig: R(e.configBlockAttributes)
-        }), l = this.parser.parseFromString(
-          `<table><tbody><tr>${a}</tr></tbody></table>`,
-          "text/html"
-        ).querySelector("td");
-        if (l && i.parentNode) {
-          const f = R(e.configBlockAttributes);
-          l.setAttribute("esd-ext-config", JSON.stringify(f));
-          const u = l.querySelector("esd-config-block");
-          u && u.remove(), i.parentNode.replaceChild(l, i);
-        }
-      }), c.documentElement.outerHTML);
-    } catch (o) {
-      return console.error("ItemsBlockMigrator failed:", o), t;
-    }
-  }
-  /**
-   * Extracts configuration from legacy HTML block
-   * Parses data attributes and structure to determine:
-   * - orientation, itemsType, itemNumber, currency settings, esd-config-block attributes
-   * - UI styles from product elements (name, price, button, quantity, etc.)
-   */
-  extractConfiguration(t) {
-    var C, D, P;
-    const o = ((C = t.querySelector("[data-type]")) == null ? void 0 : C.getAttribute("data-type")) || "CART_ITEMS", c = ((D = t.querySelector("[data-number]")) == null ? void 0 : D.getAttribute("data-number")) || "1", n = parseInt(c) - 1, i = E[o], e = ((P = i == null ? void 0 : i[n]) == null ? void 0 : P.value) || i[0].value, a = t.querySelector('[product-attr="price"]'), d = (a == null ? void 0 : a.getAttribute("data-currency_symbol")) || "USD", f = ((a == null ? void 0 : a.getAttribute("data-curency")) || "before") === "after" ? "1" : "0", u = (a == null ? void 0 : a.getAttribute("data-formated")) !== "false", s = this.extractConfigBlockAttributes(t, o), b = s["data-card_orientation_control_value"];
-    let S;
-    b ? S = b === "horizontal" ? "horizontal" : "vertical" : S = t.querySelector('[colspan="2"]') !== null ? "vertical" : "horizontal";
-    const p = t.querySelector('a[product-attr="name"]'), T = (p == null ? void 0 : p.getAttribute("style")) || void 0, y = t.querySelector('a[product-attr="button"]'), m = (y == null ? void 0 : y.getAttribute("style")) || void 0, M = (a == null ? void 0 : a.getAttribute("style")) || void 0, A = t.querySelector("p.original-price"), h = (A == null ? void 0 : A.getAttribute("style")) || void 0, I = t.querySelector('[product-attr="quantity"]'), k = (I == null ? void 0 : I.getAttribute("style")) || void 0;
-    return {
-      orientation: S,
-      itemsType: o,
-      itemId: e,
-      currencySymbol: d,
-      currencyLocation: f,
-      formattedPrice: u,
-      configBlockAttributes: s,
-      nameStyles: T,
-      buttonStyles: m,
-      priceStyles: M,
-      originalPriceStyles: h,
-      quantityStyles: k
-    };
-  }
-  /**
-   * Extracts all data-* attributes from the esd-config-block element
-   * Returns a key-value mapping of all configuration attributes
-   * @param block - The block element containing the esd-config-block
-   * @param itemsType - The type of items (CART_ITEMS, BROWSED_ITEMS, PURCHASED_ITEMS)
-   */
-  extractConfigBlockAttributes(t, o) {
-    const c = t.querySelector("esd-config-block"), n = {};
-    if (!c)
-      return this.getDefaultConfigBlockAttributes();
-    if (Array.from(c.attributes).forEach((e) => {
-      e.name.startsWith("data-") && (n[e.name] = e.value);
-    }), n["data-cart_items_select_control_value"]) {
-      const e = n["data-cart_items_select_control_value"];
-      if (/^\d+$/.test(e)) {
-        const a = parseInt(e) - 1, d = E[o];
-        d && d[a] && (n["data-cart_items_select_control_value"] = d[a].value);
-      }
-    }
-    if (n["data-product_price_control_curency"]) {
-      const e = n["data-product_price_control_curency"];
-      let a = e;
-      e === "before" ? a = "0" : e === "after" && (a = "1"), n["data-product_price_control_curency"] = a, n["data-product_price_currency_location"] = a;
-    }
-    (!n["data-product_price_currency_symbol"] || n["data-product_price_currency_symbol"].trim() === "") && (n["data-product_price_currency_symbol"] = "USD");
-    const i = { ...this.getDefaultConfigBlockAttributes(), ...n };
-    return i["data-type"] = o, i["data-source"] = o, i;
-  }
-  /**
-   * Returns default esd-config-block attributes based on the old template structure
-   * These serve as fallbacks when attributes are missing
-   */
-  getDefaultConfigBlockAttributes() {
-    return {
-      // Core settings
-      "data-type": "CART_ITEMS",
-      "data-card_orientation_control_value": "vertical",
-      // Image settings
-      "data-product_image_control_opened": "false",
-      "data-product_image_control_image-width": "70",
-      "data-product_image_control_image-height": "70",
-      "data-product_image_control_align_button": "true",
-      "data-product_image_control_padding_mobile": "true",
-      "data-product_image_link": "{{Abandoned Cart Item (1) Image}}",
-      "data-product_image_control_enabled": "1",
-      // Name settings
-      "data-product_name_control_opened": "false",
-      "data-product_name_control_enabled": "1",
-      "data-product_name_control_font_font_size": "20",
-      "data-product_name_control_trim": "1",
-      // Quantity settings
-      "data-product_quantity_control_opened": "true",
-      "data-product_quantity_control_enabled": "true",
-      "data-product_quantity_visible": "1",
-      // Price settings
-      "data-product_price_control_opened": "false",
-      "data-product_price_control_font_font_size": "20",
-      "data-product_price_control_color": "#060606",
-      "data-product_price_control_curency": "0",
-      "data-product_price_currency_location": "0",
-      "data-product_price_currency_symbol": "USD",
-      "data-product_price_control_formated": "1",
-      "data-product_price_control_nodup": "1",
-      "data-product_price_control_single_price": "false",
-      "data-product_price_visible": "1",
-      // Original price settings
-      "data-product_original_price_control_font_font_size": "19",
-      "data-product_original_price_control_align_align_desktop": "center",
-      "data-product_original_price_control_orientation": "horizontal",
-      "data-product_original_price_control_enabled": "true",
-      // Button settings
-      "data-product_button_control_opened": "true",
-      "data-product_button_control_label": "Buy",
-      "data-product_button_control_font_font_size": "17",
-      "data-product_button_control_color": "#ffffff",
-      "data-product_button_control_background": "#010101",
-      "data-product_button_control_atw": "true",
-      "data-product_button_link": "{{Abandoned Cart Item (1) Url}}",
-      "data-product_button_visible": "1"
-    };
-  }
-  /**
-   * Removes Jinja2 conditional statements from HTML
-   * Handles all items block types:
-   * - Cart Items: ins_apr_total_product_kind, ins_apr_price_N, ins_apr_originalprice_N
-   * - Browsed Items: browsed_item_total_product_kind, browsed_item_price_N, browsed_item_originalprice_N
-   * - Purchased Items: purchased_item_total_product_kind, purchased_item_price_N, purchased_item_originalprice_N
-   */
-  removeJinjaConditionals(t) {
-    let o = t.replace(
-      /\{%\s*if\s+(ins_apr|browsed_item|purchased_item)_total_product_kind\s*(&gt;|>)\s*\d+\s*%\}/g,
-      ""
-    );
-    return o = o.replace(
-      /\{%\s*if\s+(ins_apr|browsed_item|purchased_item)_price_\d+\s*(!&#61;|!=)\s*\1_originalprice_\d+\s*%\}/g,
-      ""
-    ), o = o.replace(/\{%\s*endif\s*%\}/g, ""), o = o.replace(/\n\s*\n\s*\n/g, `
-
-`), o;
-  }
-  /**
-   * Replaces template variables with default values from productPairs
-   * Supports all block types by detecting prefix and using appropriate type:
-   *
-   * Examples:
-   * - {{ins_apr_img_1}} → https://s3.../img_1.jpeg (CART_ITEMS)
-   * - {{browsed_item_name_2}} → 'Set of Sprite Yoga Straps' (BROWSED_ITEMS)
-   * - {{purchased_item_formattedprice_5}} → '1,490.49' (PURCHASED_ITEMS)
-   */
-  replaceTemplateVariables(t) {
-    const { PAIRS_FOR_EXTENSION: o } = B;
-    return t.replace(/{{([^}]+)}}/g, (c, n) => {
-      const i = n.match(/^(ins_apr|browsed_item|purchased_item)_([a-z_]+)_(\d+)$/);
-      if (!i)
-        return c;
-      const [, e, a, d] = i, l = x[e];
-      if (!l)
-        return console.warn(`Unknown variable prefix: ${e}`), c;
-      const f = q[a];
-      if (!f)
-        return console.warn(`Unknown variable suffix mapping for: ${a}`), c;
-      const { pairsKey: u, defaultKey: s, isArray: b } = f, p = o[u][l];
-      if (!p)
-        return console.warn(`No data found for: ${u}.${l}`), c;
-      if (b) {
-        const y = parseInt(d) - 1, m = p[s];
-        return Array.isArray(m) && m[y] ? m[y] : (console.warn(`Array value not found: ${u}.${l}.${s}[${y}]`), c);
-      }
-      const T = p[s];
-      return T !== void 0 ? String(T) : (console.warn(`Default value not found: ${u}.${l}.${s}`), c);
-    });
-  }
-}
-function Y(r) {
-  return new N().migrate(r);
-}
-export {
-  Y as migrateItemsBlock
-};