@useinsider/guido 2.1.0-beta.bc229b1 → 2.1.0-beta.bcfc012

package/dist/components/organisms/header/EditorActions.vue.js

@@ -1,21 +1,23 @@
-import l from "./EditorActions.vue2.js";
+import r from "./EditorActions.vue2.js";
 /* empty css                   */
-import r from "../../../_virtual/_plugin-vue2_normalizer.js";
-var d = function() {
+import d from "../../../_virtual/_plugin-vue2_normalizer.js";
+var u = function() {
   var s, i, n, a;
   var e = this, o = e._self._c, t = e._self._setupProxy;
-  return o("div", { staticClass: "d-f editor-actions" }, [t.isVersionHistoryButtonVisible ? o(t.InButtonV2, { attrs: { id: "guido__history-button", "left-icon": "line-architect-version-history", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryButtonDisabled, "label-text-status": !1, "selected-status": t.editorStore.isVersionHistoryOpen, "tooltip-options": t.getTooltipOptions("guido__history-button"), "tooltip-text": t.versionHistoryTooltipText }, on: { click: t.handleVersionHistory } }) : e._e(), o(t.InButtonV2, { attrs: { id: "guido__export-button", "left-icon": "line-export", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isExportButtonDisabled, "label-text-status": !1, "loading-status": t.isExporting, "tooltip-options": t.getTooltipOptions("guido__export-button"), "tooltip-text": t.trans("newsletter.export") }, on: { click: t.handleExport } }), (i = (s = t.config) == null ? void 0 : s.features) != null && i.saveAsTemplate ? o(t.InButtonV2, { attrs: { id: "guido__save-as-button", "left-icon": "line-newsletter-save-as-template", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isSaveAsButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__save-as-button"), "tooltip-text": t.trans("newsletter.save-templates") }, on: { click: t.handleSaveAs } }) : e._e(), (a = (n = t.config) == null ? void 0 : n.features) != null && a.testMessage ? o(t.InButtonV2, { attrs: { id: "guido__test-button", "left-icon": "line-architect-test-journey", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isTestButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__test-button", { staticPosition: "bottom right" }), "tooltip-text": t.trans("newsletter.test-email") }, on: { click: t.testEmailClick } }) : e._e(), t.editorStore.isPreviewModeOpen ? e._e() : o(t.InButtonV2, { staticClass: "ml-3", attrs: { id: "guido__save-button", "label-text": "Save", "disabled-status": !t.isSaving && t.editorStore.isSaveButtonDisabled, "loading-status": t.isSaving }, on: { click: function(_) {
+  return o("div", { staticClass: "d-f editor-actions" }, [t.isVersionHistoryButtonVisible ? o(t.InButtonV2, { attrs: { id: "guido__history-button", "left-icon": "line-architect-version-history", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryButtonDisabled, "label-text-status": !1, "selected-status": t.editorStore.isVersionHistoryOpen, "tooltip-options": t.getTooltipOptions("guido__history-button"), "tooltip-text": t.versionHistoryTooltipText }, on: { click: t.handleVersionHistory } }) : e._e(), o(t.InButtonV2, { attrs: { id: "guido__export-button", "left-icon": "line-export", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isExportButtonDisabled, "label-text-status": !1, "loading-status": t.isExporting, "tooltip-options": t.getTooltipOptions("guido__export-button"), "tooltip-text": t.trans("newsletter.export") }, on: { click: t.handleExport } }), (i = (s = t.config) == null ? void 0 : s.features) != null && i.saveAsTemplate ? o(t.InButtonV2, { attrs: { id: "guido__save-as-button", "left-icon": "line-newsletter-save-as-template", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isSaveAsButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__save-as-button"), "tooltip-text": t.trans("newsletter.save-templates") }, on: { click: t.handleSaveAs } }) : e._e(), (a = (n = t.config) == null ? void 0 : n.features) != null && a.testMessage ? o(t.InButtonV2, { attrs: { id: "guido__test-button", "left-icon": "line-architect-test-journey", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isTestButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__test-button", { staticPosition: "bottom right" }), "tooltip-text": t.trans("newsletter.test-email") }, on: { click: t.testEmailClick } }) : e._e(), t.editorStore.isPreviewModeOpen ? e._e() : o(t.InButtonV2, { staticClass: "ml-3", attrs: { id: "guido__save-button", "label-text": "Save", "disabled-status": !t.isSaving && t.editorStore.isSaveButtonDisabled, "loading-status": t.isSaving }, on: { click: function(l) {
     return t.handleSave(!1);
-  } } })], 1);
-}, u = [], p = /* @__PURE__ */ r(
-  l,
-  d,
+  } } }), t.isMigrationModalVisible ? o(t.MigrationConfirmModal, { on: { close: function(l) {
+    t.isMigrationModalVisible = !1;
+  }, confirm: t.handleMigrationConfirm } }) : e._e()], 1);
+}, p = [], c = /* @__PURE__ */ d(
+  r,
   u,
+  p,
   !1,
   null,
-  "17dd4d8b"
+  "92b1be6c"
 );
-const v = p.exports;
+const v = c.exports;
 export {
   v as default
 };

package/dist/components/organisms/header/EditorActions.vue2.js

@@ -1,41 +1,51 @@
-import { defineComponent as g, ref as u, computed as f } from "vue";
-import { useConfig as E } from "../../../composables/useConfig.js";
-import { useExport as h } from "../../../composables/useExport.js";
-import { useTestEmailClick as w } from "../../../composables/useGuidoActions.js";
-import { useSave as x } from "../../../composables/useSave.js";
-import { useTranslations as T } from "../../../composables/useTranslations.js";
-import { useVersionHistoryApi as O } from "../../../composables/useVersionHistoryApi.js";
-import { useEditorStore as A } from "../../../stores/editor.js";
-import { getTooltipOptions as C } from "../../../utils/tooltipUtils.js";
-import { InButtonV2 as k } from "@useinsider/design-system-vue";
-const J = /* @__PURE__ */ g({
+import { defineComponent as T, ref as l, computed as m } from "vue";
+import { useConfig as w } from "../../../composables/useConfig.js";
+import { useExport as C } from "../../../composables/useExport.js";
+import { useTestEmailClick as O } from "../../../composables/useGuidoActions.js";
+import { useSave as A } from "../../../composables/useSave.js";
+import { useTranslations as b } from "../../../composables/useTranslations.js";
+import { useVersionHistoryApi as k } from "../../../composables/useVersionHistoryApi.js";
+import { useEditorStore as B } from "../../../stores/editor.js";
+import { useTemplateStore as j } from "../../../stores/template.js";
+import { getTooltipOptions as D } from "../../../utils/tooltipUtils.js";
+import { InButtonV2 as I } from "@useinsider/design-system-vue";
+import P from "./MigrationConfirmModal.vue.js";
+const Y = /* @__PURE__ */ T({
   __name: "EditorActions",
-  setup(B, { expose: v }) {
-    const { config: n } = E(), { exportHtml: a } = h(), { save: l } = x(), { openVersionHistory: p, closeVersionHistory: c } = O(), o = A(), s = T(), r = u(!1), i = u(!1), d = w(), y = () => {
-      if (o.isVersionHistoryOpen) {
-        c();
+  setup(q, { expose: H }) {
+    const { config: u } = w(), { exportHtml: c } = C(), { save: p } = A(), { openVersionHistory: f, closeVersionHistory: v } = k(), t = B(), d = j(), s = b(), r = l(!1), i = l(!1), n = l(!1), S = O(), y = m(() => Object.values(d.migrations).some((o) => o > 0)), V = () => {
+      if (t.isVersionHistoryOpen) {
+        v();
         return;
       }
-      p();
-    }, H = async () => {
-      r.value = !0, await a(), r.value = !1;
-    }, V = () => {
-      o.isSaveAsTemplateDrawerOpen = !0;
-    }, S = f(() => o.isVersionHistoryOpen ? s("newsletter.close-version-history") : s("newsletter.version-history")), _ = f(
+      f();
+    }, h = async () => {
+      r.value = !0, await c(), r.value = !1;
+    }, _ = () => {
+      t.isSaveAsTemplateDrawerOpen = !0;
+    }, x = m(() => t.isVersionHistoryOpen ? s("newsletter.close-version-history") : s("newsletter.version-history")), E = m(
       () => {
-        var t, e;
-        return ((e = (t = n.value) == null ? void 0 : t.features) == null ? void 0 : e.versionHistory) && !o.isPreviewModeOpen;
+        var o, e;
+        return ((e = (o = u.value) == null ? void 0 : o.features) == null ? void 0 : e.versionHistory) && !t.isPreviewModeOpen;
       }
-    ), m = async (t) => {
-      i.value = !0, o.loadingStatus = !0;
-      const e = await l(t);
-      return i.value = !1, (t || !e) && (o.loadingStatus = !1), e;
+    ), a = async (o) => {
+      i.value = !0, t.loadingStatus = !0;
+      const e = await p(o);
+      return i.value = !1, (o || !e) && (t.loadingStatus = !1), e;
+    }, g = (o) => {
+      if (!o && y.value) {
+        n.value = !0;
+        return;
+      }
+      a(o);
+    }, M = () => {
+      n.value = !1, a(!1);
     };
-    return v({
-      handleSave: m
-    }), { __sfc: !0, config: n, exportHtml: a, save: l, openVersionHistory: p, closeVersionHistory: c, editorStore: o, trans: s, isExporting: r, isSaving: i, testEmailClick: d, handleVersionHistory: y, handleExport: H, handleSaveAs: V, versionHistoryTooltipText: S, isVersionHistoryButtonVisible: _, handleSave: m, getTooltipOptions: C, InButtonV2: k };
+    return H({
+      handleSave: g
+    }), { __sfc: !0, config: u, exportHtml: c, save: p, openVersionHistory: f, closeVersionHistory: v, editorStore: t, templateStore: d, trans: s, isExporting: r, isSaving: i, isMigrationModalVisible: n, testEmailClick: S, hasMigrations: y, handleVersionHistory: V, handleExport: h, handleSaveAs: _, versionHistoryTooltipText: x, isVersionHistoryButtonVisible: E, executeSave: a, handleSave: g, handleMigrationConfirm: M, getTooltipOptions: D, InButtonV2: I, MigrationConfirmModal: P };
   }
 });
 export {
-  J as default
+  Y as default
 };

package/dist/components/organisms/header/MigrationConfirmModal.vue.js

@@ -0,0 +1,21 @@
+import n from "./MigrationConfirmModal.vue2.js";
+import s from "../../../_virtual/_plugin-vue2_normalizer.js";
+var i = function() {
+  var t = this, e = t._self._c, o = t._self._setupProxy;
+  return e(o.WpModal, { attrs: { id: "migration-confirm-modal", size: "X-small", "close-on-outside-click": !1, "footer-button-options": o.footerButtonOptions, title: o.trans("email-editor.migration-confirm-save") }, on: { close: function(r) {
+    return o.emit("close");
+  }, "primary-action": function(r) {
+    return o.emit("confirm");
+  } } }, [e("p", [t._v(" " + t._s(o.textParts.before)), e("strong", [t._v(t._s(o.blockNames))]), t._v(t._s(o.textParts.after) + " ")])]);
+}, a = [], _ = /* @__PURE__ */ s(
+  n,
+  i,
+  a,
+  !1,
+  null,
+  null
+);
+const f = _.exports;
+export {
+  f as default
+};

package/dist/components/organisms/header/MigrationConfirmModal.vue2.js

@@ -0,0 +1,38 @@
+import { defineComponent as f, ref as d, computed as r } from "vue";
+import u from "../../wrappers/WpModal.vue.js";
+import { useTranslations as g } from "../../../composables/useTranslations.js";
+import { useTemplateStore as b } from "../../../stores/template.js";
+const M = /* @__PURE__ */ f({
+  __name: "MigrationConfirmModal",
+  emits: ["close", "confirm"],
+  setup(_, { emit: i }) {
+    const o = b(), t = g(), a = d({
+      cancelOrBackButton: {
+        type: "secondary",
+        labelText: t("campaign-builder.cancel"),
+        styling: "ghost"
+      },
+      primaryButton: {
+        type: "primary",
+        labelText: t("email-editor.migration-confirm-save")
+      }
+    }), s = r(() => {
+      const e = o.migrations["recommendation-block"] > 0, m = o.migrations["items-block"] > 0;
+      if (e && m) {
+        const l = t("email-recommendation.recommendation"), p = t("email-items.items");
+        return `${l} ${t("campaign-builder.or")} ${p}`;
+      }
+      return t(m ? "email-items.items" : "email-recommendation.recommendation");
+    }), n = "email-editor.migration-confirm-message", c = r(() => {
+      const e = t(n).split("{blockNames}");
+      return {
+        before: e[0] || "",
+        after: e[1] || ""
+      };
+    });
+    return { __sfc: !0, emit: i, templateStore: o, trans: t, footerButtonOptions: a, blockNames: s, MESSAGE_KEY: n, textParts: c, WpModal: u };
+  }
+});
+export {
+  M as default
+};

package/dist/config/i18n/en/labels.json.js

@@ -1,7 +1,12 @@
-const l = {
+const e = "Items", o = {
   "Global Styles & Layout": "Global Styles and Layout",
-  "Structures & Modules": "Structures and Modules"
+  "Structures & Modules": "Structures and Modules",
+  "Recommendation Block": "Recommendation",
+  Items: e,
+  "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.": "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.",
+  "This block is switched from the Old Version to the New Version. We recommend you check the Items block and test your message to ensure it works properly.": "This block is switched from the Old Version to the New Version. We recommend you check the Items block and test your message to ensure it works properly."
 };
 export {
-  l as default
+  e as Items,
+  o as default
 };

package/dist/config/migrator/itemsBlockMigrator.js

@@ -1,10 +1,12 @@
 var B = Object.defineProperty;
-var U = (e, t, r) => t in e ? B(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
-var M = (e, t, r) => U(e, typeof t != "symbol" ? t + "" : t, r);
-import { productPairs as v } from "../../extensions/Blocks/Items/enums/productEnums.js";
-import { ItemInCartOptions as E, DefaultConfigValues as g, SETTINGS_ENUMS as u } from "../../extensions/Blocks/Items/enums/settingsEnums.js";
-import { getDefaultTemplate as K } from "../../extensions/Blocks/Items/template.js";
-const w = {
+var U = (r, t, o) => t in r ? B(r, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[t] = o;
+var M = (r, t, o) => U(r, typeof t != "symbol" ? t + "" : t, o);
+import { BLOCK_ID as v } from "../../extensions/Blocks/Items/block.js";
+import { productPairs as K } from "../../extensions/Blocks/Items/enums/productEnums.js";
+import { ItemInCartOptions as E, DefaultConfigValues as g, SETTINGS_ENUMS as s } from "../../extensions/Blocks/Items/enums/settingsEnums.js";
+import { getDefaultTemplate as w } from "../../extensions/Blocks/Items/template.js";
+import { useTemplateStore as F } from "../../stores/template.js";
+const O = {
   img: {
     pairsKey: "imageSrc",
     defaultKey: "DEFAULT",
@@ -71,121 +73,121 @@ const w = {
     isArray: !1
   }
 };
-function F() {
+function q() {
   return String(Date.now() + Math.floor(Math.random() * 1e3));
 }
-function q(e) {
-  return e ? {
-    CartItems: u.ITEMS_TYPE.CART_ITEMS,
-    BrowsedItems: u.ITEMS_TYPE.BROWSED_ITEMS,
-    PurchasedItems: u.ITEMS_TYPE.PURCHASED_ITEMS,
-    CART_ITEMS: u.ITEMS_TYPE.CART_ITEMS,
-    BROWSED_ITEMS: u.ITEMS_TYPE.BROWSED_ITEMS,
-    PURCHASED_ITEMS: u.ITEMS_TYPE.PURCHASED_ITEMS
-  }[e] || u.ITEMS_TYPE.CART_ITEMS : u.ITEMS_TYPE.CART_ITEMS;
+function $(r) {
+  return r ? {
+    CartItems: s.ITEMS_TYPE.CART_ITEMS,
+    BrowsedItems: s.ITEMS_TYPE.BROWSED_ITEMS,
+    PurchasedItems: s.ITEMS_TYPE.PURCHASED_ITEMS,
+    CART_ITEMS: s.ITEMS_TYPE.CART_ITEMS,
+    BROWSED_ITEMS: s.ITEMS_TYPE.BROWSED_ITEMS,
+    PURCHASED_ITEMS: s.ITEMS_TYPE.PURCHASED_ITEMS
+  }[r] || s.ITEMS_TYPE.CART_ITEMS : s.ITEMS_TYPE.CART_ITEMS;
 }
-function R(e) {
-  const t = (a, o) => a == null ? o : a === "1" || a === "true", r = (a, o) => a || o, c = e["data-type"] || e["data-source"], i = q(c);
-  let n = e["data-cart_items_select_control_value"] || g.cartItemsSelectControlValue;
-  if (n && !n.includes("{{") && /^\d+$/.test(n)) {
-    const a = parseInt(n) - 1, o = E[i];
-    o && o[a] && (n = o[a].value);
+function R(r) {
+  const t = (i, e) => i == null ? e : i === "1" || i === "true", o = (i, e) => i || e, c = r["data-type"] || r["data-source"], n = $(c);
+  let a = r["data-cart_items_select_control_value"] || g.cartItemsSelectControlValue;
+  if (a && !a.includes("{{") && /^\d+$/.test(a)) {
+    const i = parseInt(a) - 1, e = E[n];
+    e && e[i] && (a = e[i].value);
   }
   return {
     initialized: !0,
-    blockInstanceId: r(e["data-block-instance-id"], F()),
-    source: i,
-    type: i,
-    itemsSelectValue: n,
-    orientation: e["data-card_orientation_control_value"] || u.ORIENTATION.VERTICAL,
-    nameTrimming: t(e["data-product_name_control_trim"], !0),
-    priceHideDiscount: t(e["data-product_price_control_nodup"], !0),
-    priceFormatted: t(e["data-product_price_control_formated"], !0),
-    priceSinglePrice: t(e["data-product_price_control_single_price"], !1),
-    priceCurrencySymbol: r(
-      e["data-product_price_control_currency_symbol"],
+    blockInstanceId: o(r["data-block-instance-id"], q()),
+    source: n,
+    type: n,
+    itemsSelectValue: a,
+    orientation: r["data-card_orientation_control_value"] || s.ORIENTATION.VERTICAL,
+    nameTrimming: t(r["data-product_name_control_trim"], !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_control_currency_symbol"],
       g.productPriceCurrencySymbolControlValue
     ),
-    priceCurrencyLocation: r(
-      e["data-product_price_currency_location"],
+    priceCurrencyLocation: o(
+      r["data-product_price_currency_location"],
       g.productPriceCurrencyLocationControlValue
     ),
-    priceOrientation: e["data-product_original_price_control_orientation"] || "horizontal",
-    quantityControlEnabled: t(e["data-product_quantity_control_enabled"], !0),
-    buttonLink: r(e["data-product_button_link"], g.productButtonLinkControlValue),
-    imageLink: r(e["data-product_image_link"], g.productImageLinkControlValue),
-    buttonLabel: r(e["data-product_button_control_label"], "Buy"),
-    buttonFullWidth: t(e["data-product_button_control_atw"], !0),
-    imageVisible: t(e["data-product_image_control_enabled"], !0),
-    nameVisible: t(e["data-product_name_control_enabled"], !0),
-    quantityVisible: t(e["data-product_quantity_control_enabled"], !0),
-    priceVisible: t(e["data-product_price_control_enabled"], !0),
-    originalPriceVisible: t(e["data-product_original_price_control_enabled"], !0),
-    buttonVisible: t(e["data-product_button_control_enabled"], !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_control_enabled"], !0),
+    priceVisible: t(r["data-product_price_control_enabled"], !0),
+    originalPriceVisible: t(r["data-product_original_price_control_enabled"], !0),
+    buttonVisible: t(r["data-product_button_control_enabled"], !0)
   };
 }
-const O = {
+const x = {
   ins_apr: "CART_ITEMS",
   browsed_item: "BROWSED_ITEMS",
   purchased_item: "PURCHASED_ITEMS"
 };
-function $(e, t) {
-  const r = {
+function V(r, t) {
+  const o = {
     CART_ITEMS: `{{Abandoned Cart Item (${t}) Image}}`,
     BROWSED_ITEMS: `{{Browsed Item (${t}) Image}}`,
     PURCHASED_ITEMS: `{{Purchased Item (${t}) Image}}`
   };
-  return r[e] || r.CART_ITEMS;
+  return o[r] || o.CART_ITEMS;
 }
-function x(e, t) {
-  const r = {
+function N(r, t) {
+  const o = {
     CART_ITEMS: `{{Abandoned Cart Item (${t}) Url}}`,
     BROWSED_ITEMS: `{{Browsed Item (${t}) Url}}`,
     PURCHASED_ITEMS: `{{Purchased Item (${t}) Url}}`
   };
-  return r[e] || r.CART_ITEMS;
+  return o[r] || o.CART_ITEMS;
 }
-class V {
+class z {
   constructor() {
     M(this, "parser");
     this.parser = new DOMParser();
   }
   migrate(t) {
     try {
-      let r = this.removeJinjaConditionals(t);
-      r = this.replaceTemplateVariables(r);
-      const c = this.parser.parseFromString(r, "text/html"), i = c.querySelectorAll(
+      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 i.length === 0 ? (console.warn("ItemsBlockMigrator: No blocks found with items block selectors"), r) : (i.forEach((n) => {
-        const a = this.extractConfiguration(n), o = K({
-          orientation: a.orientation,
-          itemsType: a.itemsType,
-          itemId: a.itemId,
-          currencySymbol: a.currencySymbol,
-          currencyLocation: a.currencyLocation,
-          formattedPrice: a.formattedPrice,
-          configBlockAttributes: a.configBlockAttributes,
+      ), a = F();
+      return a.migrations[v] = n.length, n.length === 0 ? (console.warn("ItemsBlockMigrator: No blocks found with items block selectors"), o) : (n.forEach((i) => {
+        const e = this.extractConfiguration(i), l = w({
+          orientation: e.orientation,
+          itemsType: e.itemsType,
+          itemId: e.itemId,
+          currencySymbol: e.currencySymbol,
+          currencyLocation: e.currencyLocation,
+          formattedPrice: e.formattedPrice,
+          configBlockAttributes: e.configBlockAttributes,
           migrate: !0,
-          nameStyles: a.nameStyles,
-          buttonStyles: a.buttonStyles,
-          priceStyles: a.priceStyles,
-          originalPriceStyles: a.originalPriceStyles,
-          quantityStyles: a.quantityStyles,
-          nodeConfig: R(a.configBlockAttributes)
-        }), l = this.parser.parseFromString(
-          `<table><tbody><tr>${o}</tr></tbody></table>`,
+          nameStyles: e.nameStyles,
+          buttonStyles: e.buttonStyles,
+          priceStyles: e.priceStyles,
+          originalPriceStyles: e.originalPriceStyles,
+          quantityStyles: e.quantityStyles,
+          nodeConfig: R(e.configBlockAttributes)
+        }), u = this.parser.parseFromString(
+          `<table><tbody><tr>${l}</tr></tbody></table>`,
           "text/html"
         ).querySelector("td");
-        if (l && n.parentNode) {
-          const f = R(a.configBlockAttributes);
-          l.setAttribute("esd-ext-config", JSON.stringify(f));
-          const d = l.querySelector("esd-config-block");
-          d && d.remove(), n.parentNode.replaceChild(l, n);
+        if (u && i.parentNode) {
+          const p = R(e.configBlockAttributes);
+          u.setAttribute("esd-ext-config", JSON.stringify(p));
+          const d = u.querySelector("esd-config-block");
+          d && d.remove(), i.parentNode.replaceChild(u, i);
         }
       }), c.documentElement.outerHTML);
-    } catch (r) {
-      return console.error("ItemsBlockMigrator failed:", r), t;
+    } catch (o) {
+      return console.error("ItemsBlockMigrator failed:", o), t;
     }
   }
   /**
@@ -196,18 +198,18 @@ class V {
    */
   extractConfiguration(t) {
     var C, D, P;
-    const r = ((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", i = parseInt(c) - 1, n = E[r], a = ((P = n == null ? void 0 : n[i]) == null ? void 0 : P.value) || n[0].value, o = t.querySelector('[product-attr="price"]'), _ = (o == null ? void 0 : o.getAttribute("data-currency_symbol")) || "USD", f = ((o == null ? void 0 : o.getAttribute("data-curency")) || "before") === "after" ? "1" : "0", d = (o == null ? void 0 : o.getAttribute("data-formated")) !== "false", s = this.extractConfigBlockAttributes(t, r, c), S = s["data-card_orientation_control_value"];
+    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, a = E[o], i = ((P = a == null ? void 0 : a[n]) == null ? void 0 : P.value) || a[0].value, e = t.querySelector('[product-attr="price"]'), l = (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, c), S = d["data-card_orientation_control_value"];
     let b;
     S ? b = S === "horizontal" ? "horizontal" : "vertical" : b = t.querySelector('[colspan="2"]') !== null ? "vertical" : "horizontal";
-    const p = t.querySelector('a[product-attr="name"]'), I = (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, h = (o == null ? void 0 : o.getAttribute("style")) || void 0, T = t.querySelector("p.original-price"), k = (T == null ? void 0 : T.getAttribute("style")) || void 0, A = t.querySelector('[product-attr="quantity"]'), L = (A == null ? void 0 : A.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, h = (e == null ? void 0 : e.getAttribute("style")) || void 0, T = t.querySelector("p.original-price"), k = (T == null ? void 0 : T.getAttribute("style")) || void 0, A = t.querySelector('[product-attr="quantity"]'), L = (A == null ? void 0 : A.getAttribute("style")) || void 0;
     return {
       orientation: b,
-      itemsType: r,
-      itemId: a,
-      currencySymbol: _,
-      currencyLocation: f,
-      formattedPrice: d,
-      configBlockAttributes: s,
+      itemsType: o,
+      itemId: i,
+      currencySymbol: l,
+      currencyLocation: u,
+      formattedPrice: p,
+      configBlockAttributes: d,
       nameStyles: I,
       buttonStyles: m,
       priceStyles: h,
@@ -222,27 +224,27 @@ class V {
    * @param itemsType - The type of items (CART_ITEMS, BROWSED_ITEMS, PURCHASED_ITEMS)
    * @param itemNumber - The item number (1-based index)
    */
-  extractConfigBlockAttributes(t, r, c) {
-    const i = t.querySelector("esd-config-block"), n = {};
-    if (!i)
+  extractConfigBlockAttributes(t, o, c) {
+    const n = t.querySelector("esd-config-block"), a = {};
+    if (!n)
       return this.getDefaultConfigBlockAttributes();
-    if (Array.from(i.attributes).forEach((o) => {
-      o.name.startsWith("data-") && (n[o.name] = o.value);
-    }), n["data-cart_items_select_control_value"]) {
-      const o = n["data-cart_items_select_control_value"];
-      if (/^\d+$/.test(o)) {
-        const _ = parseInt(o) - 1, l = E[r];
-        l && l[_] && (n["data-cart_items_select_control_value"] = l[_].value);
+    if (Array.from(n.attributes).forEach((e) => {
+      e.name.startsWith("data-") && (a[e.name] = e.value);
+    }), a["data-cart_items_select_control_value"]) {
+      const e = a["data-cart_items_select_control_value"];
+      if (/^\d+$/.test(e)) {
+        const l = parseInt(e) - 1, _ = E[o];
+        _ && _[l] && (a["data-cart_items_select_control_value"] = _[l].value);
       }
     }
-    if (n["data-product_price_control_curency"]) {
-      const o = n["data-product_price_control_curency"];
-      let _ = o;
-      o === "before" ? _ = "0" : o === "after" && (_ = "1"), n["data-product_price_control_curency"] = _, n["data-product_price_currency_location"] = _;
+    if (a["data-product_price_control_curency"]) {
+      const e = a["data-product_price_control_curency"];
+      let l = e;
+      e === "before" ? l = "0" : e === "after" && (l = "1"), a["data-product_price_control_curency"] = l, a["data-product_price_currency_location"] = l;
     }
-    (!n["data-product_price_control_currency_symbol"] || n["data-product_price_control_currency_symbol"].trim() === "") && (n["data-product_price_control_currency_symbol"] = "USD");
-    const a = { ...this.getDefaultConfigBlockAttributes(), ...n };
-    return a["data-type"] = r, a["data-source"] = r, a["data-product_image_link"] = $(r, c), a["data-product_button_link"] = x(r, c), a;
+    (!a["data-product_price_control_currency_symbol"] || a["data-product_price_control_currency_symbol"].trim() === "") && (a["data-product_price_control_currency_symbol"] = "USD");
+    const i = { ...this.getDefaultConfigBlockAttributes(), ...a };
+    return i["data-type"] = o, i["data-source"] = o, i["data-product_image_link"] = V(o, c), i["data-product_button_link"] = N(o, c), i;
   }
   /**
    * Returns default esd-config-block attributes based on the old template structure
@@ -302,17 +304,17 @@ class V {
    * contains display condition Jinja scripts that should NOT be removed.
    */
   removeJinjaConditionals(t) {
-    const r = "__ESD_DISPLAY_CONDITIONS_PLACEHOLDER__", c = t.match(/esd-custom-display-conditions="[^"]*"/);
-    let i = c ? t.replace(c[0], r) : t;
-    return i = i.replace(
+    const o = "__ESD_DISPLAY_CONDITIONS_PLACEHOLDER__", c = t.match(/esd-custom-display-conditions="[^"]*"/);
+    let n = c ? t.replace(c[0], o) : t;
+    return n = n.replace(
       /\{%\s*if\s+(ins_apr|browsed_item|purchased_item)_total_product_kind\s*(&gt;|>)\s*\d+\s*%\}/g,
       ""
-    ), i = i.replace(
+    ), n = n.replace(
       /\{%\s*if\s+(ins_apr|browsed_item|purchased_item)_price_\d+\s*(!&#61;|!=)\s*\1_originalprice_\d+\s*%\}/g,
       ""
-    ), i = i.replace(/\{%\s*endif\s*%\}/g, ""), c && (i = i.replace(r, c[0])), i = i.replace(/\n\s*\n\s*\n/g, `
+    ), n = n.replace(/\{%\s*endif\s*%\}/g, ""), c && (n = n.replace(o, c[0])), n = n.replace(/\n\s*\n\s*\n/g, `
 
-`), i;
+`), n;
   }
   /**
    * Replaces template variables with default values from productPairs
@@ -324,32 +326,32 @@ class V {
    * - {{purchased_item_formattedprice_5}} → '1,490.49' (PURCHASED_ITEMS)
    */
   replaceTemplateVariables(t) {
-    const { PAIRS_FOR_EXTENSION: r } = v;
-    return t.replace(/{{([^}]+)}}/g, (c, i) => {
-      const n = i.match(/^(ins_apr|browsed_item|purchased_item)_([a-z_]+)_(\d+)$/);
-      if (!n)
+    const { PAIRS_FOR_EXTENSION: o } = K;
+    return t.replace(/{{([^}]+)}}/g, (c, n) => {
+      const a = n.match(/^(ins_apr|browsed_item|purchased_item)_([a-z_]+)_(\d+)$/);
+      if (!a)
         return c;
-      const [, a, o, _] = n, l = O[a];
-      if (!l)
-        return console.warn(`Unknown variable prefix: ${a}`), c;
-      const f = w[o];
-      if (!f)
-        return console.warn(`Unknown variable suffix mapping for: ${o}`), c;
-      const { pairsKey: d, defaultKey: s, isArray: S } = f, p = r[d][l];
-      if (!p)
-        return console.warn(`No data found for: ${d}.${l}`), c;
+      const [, i, e, l] = a, _ = x[i];
+      if (!_)
+        return console.warn(`Unknown variable prefix: ${i}`), c;
+      const u = O[e];
+      if (!u)
+        return console.warn(`Unknown variable suffix mapping for: ${e}`), c;
+      const { pairsKey: p, defaultKey: d, isArray: S } = u, y = o[p][_];
+      if (!y)
+        return console.warn(`No data found for: ${p}.${_}`), c;
       if (S) {
-        const y = parseInt(_) - 1, m = p[s];
-        return Array.isArray(m) && m[y] ? m[y] : (console.warn(`Array value not found: ${d}.${l}.${s}[${y}]`), c);
+        const f = parseInt(l) - 1, m = y[d];
+        return Array.isArray(m) && m[f] ? m[f] : (console.warn(`Array value not found: ${p}.${_}.${d}[${f}]`), c);
       }
-      const I = p[s];
-      return I !== void 0 ? String(I) : (console.warn(`Default value not found: ${d}.${l}.${s}`), c);
+      const I = y[d];
+      return I !== void 0 ? String(I) : (console.warn(`Default value not found: ${p}.${_}.${d}`), c);
     });
   }
 }
-function G(e) {
-  return new V().migrate(e);
+function Q(r) {
+  return new z().migrate(r);
 }
 export {
-  G as migrateItemsBlock
+  Q as migrateItemsBlock
 };