@useinsider/guido 2.0.0-beta.9b144a9 → 2.0.0-beta.b46bbf6

package/dist/@types/config/schemas.js

@@ -1,4 +1,4 @@
-import { object as o, number as p, optional as e, string as t, pipe as m, picklist as n, boolean as c, array as a, minLength as u, literal as r, custom as d, variant as S } from "../../node_modules/valibot/dist/index.js";
+import { object as o, number as p, optional as e, string as t, pipe as m, picklist as n, boolean as c, array as a, minLength as u, literal as r, custom as b, variant as S } from "../../node_modules/valibot/dist/index.js";
 const i = {
   /** Promotional/marketing emails */
   PROMOTIONAL: 1,
@@ -103,7 +103,9 @@ const i = {
   /** Enable display conditions */
   displayConditions: e(c(), !0),
   /** Enable unsubscribe block */
-  unsubscribe: e(c(), !0)
+  unsubscribe: e(c(), !0),
+  /** Disable modules panel in the editor */
+  modulesDisabled: e(c(), !1)
 }), f = n([
   "amp-accordion",
   "amp-carousel",
@@ -171,8 +173,8 @@ const i = {
   ...l.entries,
   type: r("custom"),
   /** Custom processor function */
-  processor: d(
-    (b) => typeof b == "function",
+  processor: b(
+    (d) => typeof d == "function",
     "processor must be a function"
   )
 }), B = S("type", [

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

@@ -7,14 +7,14 @@ var s = function() {
     return [t(e.EmailHeaderInfo)];
   }, proxy: !0 }, { key: "headerRightSlot", fn: function() {
     return [t(e.EmailSizeIndicator)];
-  }, proxy: !0 }]) }, [e.isContainerReady ? t("iframe", { staticClass: "email-iframe w-1 bor-w-0", style: { height: e.iframeHeight }, attrs: { sandbox: "allow-same-origin allow-popups allow-forms allow-scripts", srcdoc: e.previewStore.previewHtml } }) : r._e()])], 1);
+  }, proxy: !0 }]) }, [e.isContainerReady ? t("iframe", { staticClass: "email-iframe w-1 bor-w-0", style: { height: e.iframeHeight }, attrs: { sandbox: "allow-same-origin allow-popups allow-forms allow-scripts allow-popups-to-escape-sandbox", srcdoc: e.previewStore.previewHtml } }) : r._e()])], 1);
 }, i = [], n = /* @__PURE__ */ a(
   o,
   s,
   i,
   !1,
   null,
-  "2dd60b0c"
+  "b37f3f6d"
 );
 const d = n.exports;
 export {

package/dist/components/organisms/email-preview/mobile-preview/ContentView.vue.js

@@ -1,19 +1,19 @@
 import n from "./ContentView.vue2.js";
 import e from "../../../../_virtual/_plugin-vue2_normalizer.js";
-var c = function() {
+var o = function() {
   var a = this, s = a._self._c, t = a._self._setupProxy;
   return s("div", { staticClass: "w-1 h-1 b-c-4 d-f f-d-c" }, [s("div", { staticClass: "d-f j-c-s-b a-i-c p-2 h-6-s" }, [s("div", { staticClass: "d-f a-i-c cur-p", on: { click: function(l) {
     return a.$emit("back-to-inbox");
-  } } }, [s(t.InIcons, { staticClass: "f-s-3 i-c-7", attrs: { name: "line-chevron-left" } }), s("span", { staticClass: "ml-2 f-s-1 f-w-400 l-h-1 t-c-7" }, [a._v(a._s(t.trans("newsletter.inbox")))])], 1), s("div", { staticClass: "d-f a-i-c" }, [s(t.InIcons, { staticClass: "i-c-52", attrs: { name: "line-chevron-down" } }), s(t.InIcons, { staticClass: "ml-1 i-c-52", attrs: { name: "line-chevron-up" } })], 1)]), s("iframe", { ref: "iframeRef", staticClass: "f-g-1 w-1 d-b b-c-4 bor-s-n", attrs: { sandbox: "allow-same-origin allow-popups allow-forms allow-scripts", srcdoc: t.previewStore.previewHtml }, on: { load: t.onLoad } })]);
-}, i = [], o = /* @__PURE__ */ e(
+  } } }, [s(t.InIcons, { staticClass: "f-s-3 i-c-7", attrs: { name: "line-chevron-left" } }), s("span", { staticClass: "ml-2 f-s-1 f-w-400 l-h-1 t-c-7" }, [a._v(a._s(t.trans("newsletter.inbox")))])], 1), s("div", { staticClass: "d-f a-i-c" }, [s(t.InIcons, { staticClass: "i-c-52", attrs: { name: "line-chevron-down" } }), s(t.InIcons, { staticClass: "ml-1 i-c-52", attrs: { name: "line-chevron-up" } })], 1)]), s("iframe", { ref: "iframeRef", staticClass: "f-g-1 w-1 d-b b-c-4 bor-s-n", attrs: { sandbox: "allow-same-origin allow-popups allow-forms allow-scripts allow-popups-to-escape-sandbox", srcdoc: t.previewStore.previewHtml }, on: { load: t.onLoad } })]);
+}, c = [], i = /* @__PURE__ */ e(
   n,
+  o,
   c,
-  i,
   !1,
   null,
   null
 );
-const d = o.exports;
+const d = i.exports;
 export {
   d as default
 };

package/dist/composables/useStripo.js

@@ -1,26 +1,25 @@
-import { useActionsApi as b } from "./useActionsApi.js";
+import { useActionsApi as _ } from "./useActionsApi.js";
 import { useBlocksConfig as k } from "./useBlocksConfig.js";
-import { useConfig as T } from "./useConfig.js";
+import { useConfig as B } from "./useConfig.js";
 import { useCustomInterfaceAppearance as V } from "./useCustomInterfaceAppearance.js";
-import { useStripoEventHandler as _ } from "./useStripoEventHandler.js";
-import { useToaster as B } from "./useToaster.js";
-import { displayConditions as A } from "../enums/displayConditions.js";
-import { useStripoApi as v } from "../services/stripoApi.js";
-import F from "../static/styles/customEditorStyle.css.js";
-import { useEditorStore as I } from "../stores/editor.js";
-import { dynamicContentToMergeTags as M } from "../utils/genericUtil.js";
-import U from "../package.json.js";
-const N = (c) => {
-  const { features: g } = T(), { handleError: l } = B(), { getToken: f, getCustomFonts: y } = v(), { handleEvent: S } = _(), { getStripoBlocksConfig: C } = k(), E = async (i, r = []) => {
-    var m;
-    const e = I(), { html: n, css: u, forceRecreate: a } = i, { baseBlocks: t, extensions: d } = await C(), p = ((m = g.value) == null ? void 0 : m.displayConditions) ?? !0;
+import { useStripoEventHandler as A } from "./useStripoEventHandler.js";
+import { useToaster as v } from "./useToaster.js";
+import { displayConditions as F } from "../enums/displayConditions.js";
+import { useStripoApi as D } from "../services/stripoApi.js";
+import I from "../static/styles/customEditorStyle.css.js";
+import { useEditorStore as M } from "../stores/editor.js";
+import { dynamicContentToMergeTags as U } from "../utils/genericUtil.js";
+const $ = (a) => {
+  const { features: d } = B(), { handleError: c } = v(), { getToken: g, getCustomFonts: f } = D(), { handleEvent: y } = A(), { getStripoBlocksConfig: C } = k(), S = async (i, n = []) => {
+    var p, m;
+    const o = M(), { html: s, css: t, forceRecreate: h } = i, { baseBlocks: l, extensions: w } = await C(), u = ((p = d.value) == null ? void 0 : p.displayConditions) ?? !0, b = ((m = d.value) == null ? void 0 : m.modulesDisabled) ?? !1;
     window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
-        metadata: c,
-        html: n,
-        css: u,
-        forceRecreate: a,
+        metadata: a,
+        html: s,
+        css: t,
+        forceRecreate: h,
         locale: "en",
         undoButtonSelector: "#guido__undo-button",
         redoButtonSelector: "#guido__redo-button",
@@ -30,87 +29,87 @@ const N = (c) => {
         customAppearanceMergetags: !0,
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
-        customViewStyles: F,
-        conditionsEnabled: p,
-        customConditionsEnabled: p,
-        conditionCategories: A,
+        customViewStyles: I,
+        conditionsEnabled: u,
+        customConditionsEnabled: u,
+        conditionCategories: F,
         enableXSSSecurity: !0,
+        modulesDisabled: b,
         messageSettingsEnabled: !0,
         displayGmailAnnotations: !0,
         displayHiddenPreheader: !1,
         displayTitle: !1,
         displayUTM: !1,
         selectElementAfterDrop: !0,
-        ...t ? { baseBlocks: t } : {},
+        ...l ? { baseBlocks: l } : {},
         editorFonts: {
           showDefaultStandardFonts: !0,
           showDefaultNotStandardFonts: !0,
-          customFonts: r
+          customFonts: n
         },
         mergeTags: [
           {
-            entries: M(c.preselectedDynamicContentList)
+            entries: U(a.preselectedDynamicContentList)
           }
         ],
-        async onTokenRefreshRequest(o) {
+        async onTokenRefreshRequest(e) {
           try {
-            const s = await f();
-            o(s);
-          } catch (s) {
-            l(s, "Failed to refresh token");
+            const r = await g();
+            e(r);
+          } catch (r) {
+            c(r, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
-            const { importCss: o } = V(), { activateCustomViewStyles: s, updateTimerInClonedTemplate: w } = b();
-            o(), s(), w(), c.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
-              e.hasChanges = !1;
+            const { importCss: e } = V(), { activateCustomViewStyles: r, updateTimerInClonedTemplate: T } = _();
+            e(), r(), T(), a.onReady(), o.isStripoInitialized = !0, o.loadingStatus = !1, setTimeout(() => {
+              o.hasChanges = !1;
             }, 1e3);
-          } catch (o) {
-            l(o, "Failed to load custom interface appearance");
+          } catch (e) {
+            c(e, "Failed to load custom interface appearance");
           }
         },
-        onCodeEditorVisibilityChanged(o) {
-          e.isCodeEditorOpen = o;
+        onCodeEditorVisibilityChanged(e) {
+          o.isCodeEditorOpen = e;
         },
-        onEditorVisualModeChanged(o) {
-          e.editorVisualMode = o.toLowerCase();
+        onEditorVisualModeChanged(e) {
+          o.editorVisualMode = e.toLowerCase();
         },
-        onVersionHistoryVisibilityChanged(o) {
-          e.isVersionHistoryOpen = o;
+        onVersionHistoryVisibilityChanged(e) {
+          o.isVersionHistoryOpen = e;
         },
         onDataChanged() {
-          e.hasChanges = !0;
+          o.hasChanges = !0;
         },
-        onEvent: S,
+        onEvent: y,
         ignoreClickOutsideSelectors: [
           "#guido-dynamic-content-modal",
           ".in-on-board-wrapper",
           ".in-drawer__container"
         ],
-        extensions: d
+        extensions: w
       }
     );
-  }, h = (i) => new Promise((r, e) => {
-    var d;
+  }, E = (i) => new Promise((n, o) => {
     if (document.getElementById("UiEditorScript")) {
-      i(), r();
+      i(), n();
       return;
     }
-    const n = U.guido, a = `https://email-static.useinsider.com/guido/${(d = n == null ? void 0 : n.stripo) == null ? void 0 : d.version}/UIEditor.js`, t = document.createElement("script");
-    t.id = "UiEditorScript", t.type = "module", t.src = a, t.onload = () => {
-      i(), r();
+    const s = "https://plugins.stripo.email/resources/uieditor/latest/UIEditor.js", t = document.createElement("script");
+    t.id = "UiEditorScript", t.type = "module", t.src = s, t.onload = () => {
+      i(), n();
     }, t.onerror = () => {
-      e(new Error(`Failed to load Stripo UIEditor script from S3: ${a}`));
+      o(new Error(`Failed to load Stripo UIEditor script from S3: ${s}`));
     }, document.body.appendChild(t);
   });
   return { initPlugin: async (i) => {
-    await h(async () => {
-      const r = await y();
-      await E(i, r);
+    await E(async () => {
+      const n = await f();
+      await S(i, n);
     });
   } };
 };
 export {
-  N as useStripo
+  $ as useStripo
 };

package/dist/config/migrator/index.js

@@ -1,12 +1,13 @@
-import { migrateCheckbox as m } from "./checkboxMigrator.js";
+import { migrateCheckbox as t } from "./checkboxMigrator.js";
 import { migrateCouponBlock as o } from "./couponBlockMigrator.js";
-import { migrateRadioButton as i } from "./radioButtonMigrator.js";
-import { migrateRecommendation as e } from "./recommendationMigrator.js";
-import { migrateUnsubscribe as a } from "./unsubscribeMigrator.js";
-const s = async (t) => {
-  let r = t;
-  return r = m(r), r = i(r), r = await a(r), r = o(r), r = e(r), r;
+import { migrateItemsBlock as i } from "./itemsBlockMigrator.js";
+import { migrateRadioButton as e } from "./radioButtonMigrator.js";
+import { migrateRecommendation as a } from "./recommendationMigrator.js";
+import { migrateUnsubscribe as g } from "./unsubscribeMigrator.js";
+const u = async (r) => {
+  let m = r;
+  return m = t(m), m = e(m), m = await g(m), m = o(m), m = a(m), m = i(m), m;
 };
 export {
-  s as migrate
+  u as migrate
 };

package/dist/config/migrator/itemsBlockMigrator.js

@@ -0,0 +1,283 @@
+var B = Object.defineProperty;
+var q = (o, t, r) => t in o ? B(o, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : o[t] = r;
+var A = (o, t, r) => q(o, typeof t != "symbol" ? t + "" : t, r);
+import { productPairs as L } from "../../extensions/Blocks/Items/enums/productEnums.js";
+import { ItemInCartOptions as I, DefaultConfigValues as m, SETTINGS_ENUMS as l } from "../../extensions/Blocks/Items/enums/settingsEnums.js";
+import { getDefaultTemplate as K } from "../../extensions/Blocks/Items/template.js";
+const V = {
+  ins_apr_img: {
+    pairsKey: "imageSrc",
+    defaultKey: "DEFAULT",
+    isArray: !0
+  },
+  ins_apr_name: {
+    pairsKey: "name",
+    defaultKey: "DEFAULT",
+    isArray: !0
+  },
+  ins_apr_url: {
+    pairsKey: "button",
+    defaultKey: "DEFAULT_HREF",
+    isArray: !1
+  },
+  ins_apr_formattedprice: {
+    pairsKey: "price",
+    defaultKey: "DEFAULT_PRICE_FORMATTED",
+    isArray: !1
+  },
+  ins_apr_productcurrency: {
+    pairsKey: "price",
+    defaultKey: "DEFAULT_CURRENCY",
+    isArray: !1
+  },
+  ins_apr_quantity: {
+    pairsKey: "quantity",
+    defaultKey: "DEFAULT",
+    isArray: !1
+  },
+  ins_apr_price: {
+    pairsKey: "price",
+    defaultKey: "DEFAULT_PRICE",
+    isArray: !1
+  },
+  ins_apr_originalprice: {
+    pairsKey: "originalPrice",
+    defaultKey: "DEFAULT_PRICE",
+    isArray: !1
+  },
+  ins_apr_originalformattedprice: {
+    pairsKey: "originalPrice",
+    defaultKey: "DEFAULT_PRICE_FORMATTED",
+    isArray: !1
+  }
+};
+function U() {
+  return String(Date.now() + Math.floor(Math.random() * 1e3));
+}
+function F(o) {
+  return o ? {
+    CartItems: l.ITEMS_TYPE.CART_ITEMS,
+    BrowsedItems: l.ITEMS_TYPE.BROWSED_ITEMS,
+    PurchasedItems: l.ITEMS_TYPE.PURCHASED_ITEMS,
+    CART_ITEMS: l.ITEMS_TYPE.CART_ITEMS,
+    BROWSED_ITEMS: l.ITEMS_TYPE.BROWSED_ITEMS,
+    PURCHASED_ITEMS: l.ITEMS_TYPE.PURCHASED_ITEMS
+  }[o] || l.ITEMS_TYPE.CART_ITEMS : l.ITEMS_TYPE.CART_ITEMS;
+}
+function D(o) {
+  const t = (e, a) => e == null ? a : e === "1" || e === "true", r = (e, a) => e || a, c = o["data-type"] || o["data-source"], n = F(c);
+  let i = o["data-cart_items_select_control_value"] || m.cartItemsSelectControlValue;
+  if (i && !i.includes("{{") && /^\d+$/.test(i)) {
+    const e = parseInt(i) - 1, a = I[n];
+    a && a[e] && (i = a[e].value);
+  }
+  return {
+    initialized: !0,
+    blockInstanceId: r(o["data-block-instance-id"], U()),
+    source: n,
+    type: n,
+    itemsSelectValue: i,
+    orientation: o["data-card_orientation_control_value"] || l.ORIENTATION.VERTICAL,
+    nameTrimming: t(o["data-product_name_trimming"], !0),
+    nameControlEnabled: t(o["data-product_name_control_enabled"], !0),
+    priceHideDiscount: t(o["data-product_price_hide_discount"], !1),
+    priceFormatted: t(o["data-product_price_formatted"], !0),
+    priceCurrencySymbol: r(
+      o["data-product_price_currency_symbol"],
+      m.productPriceCurrencySymbolControlValue
+    ),
+    priceCurrencyLocation: r(
+      o["data-product_price_currency_location"],
+      m.productPriceCurrencyLocationControlValue
+    ),
+    priceControlOpened: t(o["data-product_price_control_opened"], !0),
+    priceOrientation: o["data-product_original_price_control_orientation"] || "horizontal",
+    quantityControlEnabled: t(o["data-product_quantity_control_enabled"], !0),
+    buttonLink: r(o["data-product_button_link"], m.productButtonLinkControlValue),
+    imageLink: r(o["data-product_image_link"], m.productImageLinkControlValue),
+    buttonLabel: r(o["data-product_button_control_label"], "Buy"),
+    imageVisible: t(o["data-product_image_visible"], !0),
+    nameVisible: t(o["data-product_name_visible"], !0),
+    quantityVisible: t(o["data-product_quantity_visible"], !0),
+    priceVisible: t(o["data-product_price_visible"], !0),
+    originalPriceVisible: t(o["data-product_original_price_control_enabled"], !0),
+    buttonVisible: t(o["data-product_button_visible"], !0)
+  };
+}
+class w {
+  constructor() {
+    A(this, "parser");
+    A(this, "DATA_TYPE", "CART_ITEMS");
+    this.parser = new DOMParser();
+  }
+  migrate(t) {
+    try {
+      let r = this.removeJinjaConditionals(t);
+      r = this.replaceTemplateVariables(r);
+      const c = this.parser.parseFromString(r, "text/html"), n = c.querySelectorAll("td.esd-cart-items-block");
+      return n.length === 0 ? (console.warn('ItemsBlockMigrator: No blocks found with selector "td.esd-cart-items-block"'), r) : (n.forEach((i) => {
+        const e = this.extractConfiguration(i), a = K({
+          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: D(e.configBlockAttributes)
+        }), u = this.parser.parseFromString(
+          `<table><tbody><tr>${a}</tr></tbody></table>`,
+          "text/html"
+        ).querySelector("td");
+        if (u && i.parentNode) {
+          const s = D(e.configBlockAttributes);
+          u.setAttribute("esd-ext-config", JSON.stringify(s));
+          const p = u.querySelector("esd-config-block");
+          p && p.remove(), i.parentNode.replaceChild(u, i);
+        }
+      }), c.documentElement.outerHTML);
+    } catch (r) {
+      return console.error("ItemsBlockMigrator failed:", r), 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 E, C, P;
+    const r = ((E = t.querySelector("[data-type]")) == null ? void 0 : E.getAttribute("data-type")) || "CART_ITEMS", c = ((C = t.querySelector("[data-number]")) == null ? void 0 : C.getAttribute("data-number")) || "1", n = parseInt(c) - 1, i = I[r], e = ((P = i == null ? void 0 : i[n]) == null ? void 0 : P.value) || i[0].value, a = t.querySelector('[product-attr="price"]'), _ = (a == null ? void 0 : a.getAttribute("data-currency_symbol")) || void 0, s = ((a == null ? void 0 : a.getAttribute("data-curency")) || "before") === "after" ? "1" : "0", p = (a == null ? void 0 : a.getAttribute("data-formated")) !== "false", y = this.extractConfigBlockAttributes(t, r), f = y["data-product_original_price_control_orientation"] === "vertical" ? "vertical" : "horizontal", d = t.querySelector('a[product-attr="name"]'), v = (d == null ? void 0 : d.getAttribute("style")) || void 0, b = t.querySelector('a[product-attr="button"]'), M = (b == null ? void 0 : b.getAttribute("style")) || void 0, h = (a == null ? void 0 : a.getAttribute("style")) || void 0, S = t.querySelector('[product-attr="originalPrice"]'), R = (S == null ? void 0 : S.getAttribute("style")) || void 0, T = t.querySelector('[product-attr="quantity"]'), k = (T == null ? void 0 : T.getAttribute("style")) || void 0;
+    return {
+      orientation: f,
+      itemsType: r,
+      itemId: e,
+      currencySymbol: _,
+      currencyLocation: s,
+      formattedPrice: p,
+      configBlockAttributes: y,
+      nameStyles: v,
+      buttonStyles: M,
+      priceStyles: h,
+      originalPriceStyles: R,
+      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, r) {
+    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, _ = I[r];
+        _ && _[a] && (n["data-cart_items_select_control_value"] = _[a].value);
+      }
+    }
+    if (n["data-product_price_control_curency"]) {
+      const e = n["data-product_price_control_curency"];
+      e === "before" ? n["data-product_price_control_curency"] = "0" : e === "after" && (n["data-product_price_control_curency"] = "1");
+    }
+    (!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"] = r, i["data-source"] = r, i;
+  }
+  /**
+   * Returns default esd-config-block attributes based on the old template structure
+   * These serve as fallbacks when attributes are missing
+   */
+  getDefaultConfigBlockAttributes() {
+    return {
+      "data-type": "CART_ITEMS",
+      "data-product_image_control_opened": "false",
+      "data-product_image_control_image-width": "250",
+      "data-product_image_control_image-height": "250",
+      "data-product_image_control_align_button": "true",
+      "data-product_image_control_padding_mobile": "true",
+      "data-product_name_control_opened": "false",
+      "data-product_quantity_control_opened": "true",
+      // DONE
+      "data-product_quantity_control_enabled": "false",
+      "data-product_name_control_font_font_size": "20",
+      "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_symbol": "USD",
+      "data-product_original_price_control_opened": "false",
+      "data-product_original_price_control_font_font_size": "19",
+      "data-product_original_price_control_align_align_desktop": "center",
+      "data-product_original_price_control_orientation": "vertical",
+      "data-product_button_control_opened": "true",
+      "data-product_button_control_label": "Comprar",
+      // DONE
+      "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": "false",
+      "data-product_original_price_control_enabled": "false"
+    };
+  }
+  /**
+   * Removes Jinja2 conditional statements from HTML
+   * - Removes {% if ins_apr_total_product_kind > N %}
+   * - Removes {% if ins_apr_price_N != ins_apr_originalprice_N %}
+   * - Removes {% endif %}
+   */
+  removeJinjaConditionals(t) {
+    let r = t.replace(/\{%\s*if\s+ins_apr_total_product_kind\s*(&gt;|>)\s*\d+\s*%\}/g, "");
+    return r = r.replace(/\{%\s*if\s+ins_apr_price_\d+\s*(!&#61;|!=)\s*ins_apr_originalprice_\d+\s*%\}/g, ""), r = r.replace(/\{%\s*endif\s*%\}/g, ""), r = r.replace(/\n\s*\n\s*\n/g, `
+
+`), r;
+  }
+  /**
+   * Replaces template variables with default values from productPairs
+   *
+   * Examples:
+   * - {{ins_apr_img_1}} → https://s3.../ins_apr_img_1.jpeg (array-based, uses index 0)
+   * - {{ins_apr_name_2}} → 'Set of Sprite Yoga Straps' (array-based, uses index 1)
+   * - {{ins_apr_formattedprice_1}} → '1,100.00' (single value, ignores index)
+   * - {{ins_apr_url_3}} → '#!' (single value, ignores index)
+   */
+  replaceTemplateVariables(t) {
+    const { PAIRS_FOR_EXTENSION: r } = L;
+    return t.replace(/{{([^}]+)}}/g, (c, n) => {
+      const i = n.match(/^(ins_apr_[a-z]+)_(\d+)$/);
+      if (!i)
+        return c;
+      const [, e, a] = i, _ = V[e];
+      if (!_)
+        return console.warn(`Unknown variable mapping for: ${e}`), c;
+      const { pairsKey: u, defaultKey: s, isArray: p } = _, y = r[u][this.DATA_TYPE];
+      if (!y)
+        return console.warn(`No data found for: ${u}.${this.DATA_TYPE}`), c;
+      if (p) {
+        const f = parseInt(a) - 1, d = y[s];
+        return Array.isArray(d) && d[f] ? d[f] : (console.warn(`Array value not found: ${u}.${this.DATA_TYPE}.${s}[${f}]`), c);
+      }
+      const g = y[s];
+      return g !== void 0 ? String(g) : (console.warn(`Default value not found: ${u}.${this.DATA_TYPE}.${s}`), c);
+    });
+  }
+}
+function $(o) {
+  return new w().migrate(o);
+}
+export {
+  $ as migrateItemsBlock
+};