@useinsider/guido 2.1.0-beta.67fc452 → 2.1.0-beta.683dbc0

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

@@ -1,4 +1,4 @@
-import { object as o, number as b, optional as e, string as t, pipe as u, picklist as n, custom as d, boolean as c, array as a, minLength as p, literal as r, variant as S } from "../../node_modules/valibot/dist/index.js";
+import { object as o, number as b, optional as e, string as t, pipe as u, picklist as n, custom as d, boolean as c, array as a, minLength as p, literal as r, variant as k } from "../../node_modules/valibot/dist/index.js";
 const m = {
   /** Promotional/marketing emails */
   PROMOTIONAL: 1,
@@ -11,7 +11,7 @@ const m = {
   ARCHITECT: 49,
   /** Unsubscribe page builder */
   UNSUBSCRIBE_PAGES: 97
-}, h = o({
+}, S = o({
   /** Unique identifier for the template being edited */
   templateId: u(
     t(),
@@ -24,7 +24,7 @@ const m = {
   ),
   /** Optional variation ID for A/B testing */
   variationId: e(t())
-}), k = o({
+}), h = o({
   /** Partner/organization name (required) */
   name: u(
     t(),
@@ -83,7 +83,7 @@ const m = {
   /** Locale for the editor UI */
   locale: e(t(), "en"),
   /** Path to translations object */
-  translationsPath: e(t(), "window.trans.en"),
+  translationsPath: e(t(), "window.trans[Object.keys(window.trans)[0]]"),
   /** Migration date for template compatibility */
   migrationDate: e(b(), 1759696858),
   /** Email header settings */
@@ -130,7 +130,7 @@ const m = {
   "unsubscribe-block",
   "coupon-block",
   "items-block"
-]), E = o({
+]), O = o({
   /** Default blocks to exclude from the editor */
   excludeDefaults: e(
     a(A),
@@ -148,7 +148,7 @@ const m = {
   description: e(t()),
   /** Priority for rule ordering (lower = earlier) */
   priority: b()
-}), N = o({
+}), E = o({
   ...l.entries,
   type: r("replace"),
   /** String to search for */
@@ -157,7 +157,7 @@ const m = {
   replacement: t(),
   /** Replace all occurrences (default: false) */
   replaceAll: e(c())
-}), O = o({
+}), N = o({
   ...l.entries,
   type: r("regex"),
   /** Regex pattern string */
@@ -179,9 +179,9 @@ const m = {
     (i) => typeof i == "function",
     "processor must be a function"
   )
-}), x = S("type", [
+}), x = k("type", [
+  E,
   N,
-  O,
   L,
   v
 ]), B = o({
@@ -203,9 +203,9 @@ const m = {
 }), D = o({
   // Required sections
   /** Identity configuration (required) */
-  identity: h,
+  identity: S,
   /** Partner configuration (required) */
-  partner: k,
+  partner: h,
   // Optional sections (with defaults)
   /** Template content and presets */
   template: e(R, {}),
@@ -216,14 +216,14 @@ const m = {
   /** Feature toggles */
   features: e(T, {}),
   /** Block configuration */
-  blocks: e(E, {}),
+  blocks: e(O, {}),
   /** Compiler configuration */
   compiler: e(B, {}),
   /** Callbacks and event handlers */
   callbacks: e(P, {})
 });
 export {
-  E as BlocksSchema,
+  O as BlocksSchema,
   P as CallbacksSchema,
   x as CompilerRuleSchema,
   B as CompilerSchema,
@@ -235,13 +235,13 @@ export {
   f as EmailHeaderSchema,
   T as FeaturesSchema,
   D as GuidoConfigSchema,
-  h as IdentitySchema,
+  S as IdentitySchema,
   m as MessageType,
-  k as PartnerSchema,
+  h as PartnerSchema,
   s as ProductType,
-  O as RegexRuleSchema,
+  N as RegexRuleSchema,
   L as RemoveRuleSchema,
-  N as ReplaceRuleSchema,
+  E as ReplaceRuleSchema,
   R as TemplateSchema,
   I as UISchema
 };

package/dist/composables/useActionsApi.js

@@ -1,6 +1,6 @@
 import { useToaster as w } from "./useToaster.js";
 const v = () => {
-  const { handleError: l } = w(), r = (t = {}) => new Promise((e, a) => {
+  const { handleError: n } = w(), m = (t = {}) => new Promise((e, a) => {
     const o = { ...{
       minimize: !0,
       utmEntity: {
@@ -21,9 +21,9 @@ const v = () => {
       resetDataSavedFlag: !1,
       disableLineHeightsReplace: !0
     }, ...t }, s = {
-      callback: (n, p, d, c, u) => {
-        n ? a(n) : e({
-          html: p,
+      callback: (l, r, d, c, u) => {
+        l ? a(l) : e({
+          html: r,
           ampHtml: d,
           ampErrors: c,
           displayConditions: u
@@ -34,15 +34,15 @@ const v = () => {
     window.StripoEditorApi.actionsApi.compileEmail(s);
   });
   return {
-    getCompiledEmail: r,
+    getCompiledEmail: m,
     getTemplateData: () => new Promise((t) => {
-      const e = ({ html: a, css: i, width: o, height: m, utmParams: s, syncModulesIds: n }) => t({
+      const e = ({ html: a, css: i, width: o, height: p, utmParams: s, syncModulesIds: l }) => t({
         html: a,
         css: i,
         width: o,
-        height: m,
+        height: p,
         utmParams: s,
-        syncModulesIds: n
+        syncModulesIds: l
       });
       window.StripoEditorApi.actionsApi.getTemplateData(e);
     }),
@@ -56,7 +56,7 @@ const v = () => {
           displayConditions: a,
           ampHtml: i = "",
           ampErrors: o = []
-        } = await r({ minimize: !1, resetDataSavedFlag: !1, ...t });
+        } = await m({ minimize: !1, resetDataSavedFlag: !1, ...t });
         return {
           html: e,
           ampHtml: i,
@@ -64,7 +64,7 @@ const v = () => {
           displayConditions: a
         };
       } catch (e) {
-        return l(e, "Error loading preview"), {
+        return n(e, "Error loading preview"), {
           html: "",
           ampHtml: "",
           ampErrors: [],
@@ -80,17 +80,19 @@ const v = () => {
       }
       try {
         window.StripoEditorApi.actionsApi.updateTimerInClonedTemplate((i, o) => {
-          i ? (l(i, "Failed to update timer in cloned template"), t(null)) : t(o || null);
+          i ? (n(i, "Failed to update timer in cloned template"), t(null)) : t(o || null);
         });
       } catch (i) {
-        l(i, "Failed to call updateTimerInClonedTemplate"), t(null);
+        n(i, "Failed to call updateTimerInClonedTemplate"), t(null);
       }
     }),
     updateHtmlAndCss: (t, e) => {
       window.StripoEditorApi.actionsApi.updateHtmlAndCss(t, e);
     },
     editorSave: () => {
-      window.StripoEditorApi.actionsApi.save();
+      window.StripoEditorApi.actionsApi.save((t) => {
+        t && n(t, "Failed to save template");
+      });
     }
   };
 };

package/dist/config/migrator/itemsBlockMigrator.js

@@ -1,9 +1,9 @@
-var L = Object.defineProperty;
-var K = (o, t, r) => t in o ? L(o, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : o[t] = r;
-var R = (o, t, r) => K(o, typeof t != "symbol" ? t + "" : t, r);
-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";
+var B = Object.defineProperty;
+var U = (r, t, e) => t in r ? B(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
+var M = (r, t, e) => U(r, typeof t != "symbol" ? t + "" : t, e);
+import { productPairs as v } from "../../extensions/Blocks/Items/enums/productEnums.js";
+import { ItemInCartOptions as E, DefaultConfigValues as g, SETTINGS_ENUMS as d } from "../../extensions/Blocks/Items/enums/settingsEnums.js";
+import { getDefaultTemplate as K } from "../../extensions/Blocks/Items/template.js";
 const w = {
   img: {
     pairsKey: "imageSrc",
@@ -74,102 +74,118 @@ const w = {
 function F() {
   return String(Date.now() + Math.floor(Math.random() * 1e3));
 }
-function q(o) {
-  return o ? {
-    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
-  }[o] || _.ITEMS_TYPE.CART_ITEMS : _.ITEMS_TYPE.CART_ITEMS;
+function q(r) {
+  return r ? {
+    CartItems: d.ITEMS_TYPE.CART_ITEMS,
+    BrowsedItems: d.ITEMS_TYPE.BROWSED_ITEMS,
+    PurchasedItems: d.ITEMS_TYPE.PURCHASED_ITEMS,
+    CART_ITEMS: d.ITEMS_TYPE.CART_ITEMS,
+    BROWSED_ITEMS: d.ITEMS_TYPE.BROWSED_ITEMS,
+    PURCHASED_ITEMS: d.ITEMS_TYPE.PURCHASED_ITEMS
+  }[r] || d.ITEMS_TYPE.CART_ITEMS : d.ITEMS_TYPE.CART_ITEMS;
 }
-function M(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 = q(c);
-  let i = o["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);
+function R(r) {
+  const t = (a, o) => a == null ? o : a === "1" || a === "true", e = (a, o) => a || o, i = r["data-type"] || r["data-source"], l = q(i);
+  let n = r["data-cart_items_select_control_value"] || g.cartItemsSelectControlValue;
+  if (n && !n.includes("{{") && /^\d+$/.test(n)) {
+    const a = parseInt(n) - 1, o = E[l];
+    o && o[a] && (n = o[a].value);
   }
   return {
     initialized: !0,
-    blockInstanceId: r(o["data-block-instance-id"], F()),
-    source: n,
-    type: n,
-    itemsSelectValue: i,
-    orientation: o["data-card_orientation_control_value"] || _.ORIENTATION.VERTICAL,
-    nameTrimming: t(o["data-product_name_control_trim"], !0),
-    priceHideDiscount: t(o["data-product_price_control_nodup"], !0),
-    priceFormatted: t(o["data-product_price_control_formated"], !0),
-    priceSinglePrice: t(o["data-product_price_control_single_price"], !1),
-    priceCurrencySymbol: r(
-      o["data-product_price_currency_symbol"],
+    blockInstanceId: e(r["data-block-instance-id"], F()),
+    source: l,
+    type: l,
+    itemsSelectValue: n,
+    orientation: r["data-card_orientation_control_value"] || d.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: e(
+      r["data-product_price_control_currency_symbol"],
       g.productPriceCurrencySymbolControlValue
     ),
-    priceCurrencyLocation: r(
-      o["data-product_price_currency_location"],
+    priceCurrencyLocation: e(
+      r["data-product_price_currency_location"],
       g.productPriceCurrencyLocationControlValue
     ),
-    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"], g.productButtonLinkControlValue),
-    imageLink: r(o["data-product_image_link"], g.productImageLinkControlValue),
-    buttonLabel: r(o["data-product_button_control_label"], "Buy"),
-    buttonFullWidth: t(o["data-product_button_control_atw"], !0),
-    imageVisible: t(o["data-product_image_control_enabled"], !0),
-    nameVisible: t(o["data-product_name_control_enabled"], !0),
-    quantityVisible: t(o["data-product_quantity_control_enabled"], !0),
-    priceVisible: t(o["data-product_price_control_enabled"], !0),
-    originalPriceVisible: t(o["data-product_original_price_control_enabled"], !0),
-    buttonVisible: t(o["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: e(r["data-product_button_link"], g.productButtonLinkControlValue),
+    imageLink: e(r["data-product_image_link"], g.productImageLinkControlValue),
+    buttonLabel: e(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 x = {
+const $ = {
   ins_apr: "CART_ITEMS",
   browsed_item: "BROWSED_ITEMS",
   purchased_item: "PURCHASED_ITEMS"
 };
-class N {
+function x(r, t) {
+  const e = {
+    CART_ITEMS: `{{Abandoned Cart Item (${t}) Image}}`,
+    BROWSED_ITEMS: `{{Browsed Item (${t}) Image}}`,
+    PURCHASED_ITEMS: `{{Purchased Item (${t}) Image}}`
+  };
+  return e[r] || e.CART_ITEMS;
+}
+function O(r, t) {
+  const e = {
+    CART_ITEMS: `{{Abandoned Cart Item (${t}) Url}}`,
+    BROWSED_ITEMS: `{{Browsed Item (${t}) Url}}`,
+    PURCHASED_ITEMS: `{{Purchased Item (${t}) Url}}`
+  };
+  return e[r] || e.CART_ITEMS;
+}
+class V {
   constructor() {
-    R(this, "parser");
+    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"), n = c.querySelectorAll(
+      let e = this.removeJinjaConditionals(t);
+      e = this.replaceTemplateVariables(e);
+      const i = this.parser.parseFromString(e, "text/html"), l = i.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"), r) : (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,
+      return l.length === 0 ? (console.warn("ItemsBlockMigrator: No blocks found with items block selectors"), e) : (l.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,
           migrate: !0,
-          nameStyles: e.nameStyles,
-          buttonStyles: e.buttonStyles,
-          priceStyles: e.priceStyles,
-          originalPriceStyles: e.originalPriceStyles,
-          quantityStyles: e.quantityStyles,
-          nodeConfig: M(e.configBlockAttributes)
-        }), l = this.parser.parseFromString(
-          `<table><tbody><tr>${a}</tr></tbody></table>`,
+          nameStyles: a.nameStyles,
+          buttonStyles: a.buttonStyles,
+          priceStyles: a.priceStyles,
+          originalPriceStyles: a.originalPriceStyles,
+          quantityStyles: a.quantityStyles,
+          nodeConfig: R(a.configBlockAttributes)
+        }), c = this.parser.parseFromString(
+          `<table><tbody><tr>${o}</tr></tbody></table>`,
           "text/html"
         ).querySelector("td");
-        if (l && i.parentNode) {
-          const f = M(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);
+        if (c && n.parentNode) {
+          const f = R(a.configBlockAttributes);
+          c.setAttribute("esd-ext-config", JSON.stringify(f));
+          const u = c.querySelector("esd-config-block");
+          u && u.remove(), n.parentNode.replaceChild(c, n);
         }
-      }), c.documentElement.outerHTML);
-    } catch (r) {
-      return console.error("ItemsBlockMigrator failed:", r), t;
+      }), i.documentElement.outerHTML);
+    } catch (e) {
+      return console.error("ItemsBlockMigrator failed:", e), t;
     }
   }
   /**
@@ -180,23 +196,23 @@ class N {
    */
   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", n = parseInt(c) - 1, i = E[r], 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, r), b = s["data-card_orientation_control_value"];
+    const e = ((C = t.querySelector("[data-type]")) == null ? void 0 : C.getAttribute("data-type")) || "CART_ITEMS", i = ((D = t.querySelector("[data-number]")) == null ? void 0 : D.getAttribute("data-number")) || "1", l = parseInt(i) - 1, n = E[e], a = ((P = n == null ? void 0 : n[l]) == 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", u = (o == null ? void 0 : o.getAttribute("data-formated")) !== "false", s = this.extractConfigBlockAttributes(t, e, i), 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, h = (a == null ? void 0 : a.getAttribute("style")) || void 0, A = t.querySelector("p.original-price"), k = (A == null ? void 0 : A.getAttribute("style")) || void 0, I = t.querySelector('[product-attr="quantity"]'), v = (I == null ? void 0 : I.getAttribute("style")) || void 0;
+    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, k = (o == null ? void 0 : o.getAttribute("style")) || void 0, I = t.querySelector("p.original-price"), h = (I == null ? void 0 : I.getAttribute("style")) || void 0, A = t.querySelector('[product-attr="quantity"]'), L = (A == null ? void 0 : A.getAttribute("style")) || void 0;
     return {
       orientation: S,
-      itemsType: r,
-      itemId: e,
-      currencySymbol: d,
+      itemsType: e,
+      itemId: a,
+      currencySymbol: _,
       currencyLocation: f,
       formattedPrice: u,
       configBlockAttributes: s,
       nameStyles: T,
       buttonStyles: m,
-      priceStyles: h,
-      originalPriceStyles: k,
-      quantityStyles: v
+      priceStyles: k,
+      originalPriceStyles: h,
+      quantityStyles: L
     };
   }
   /**
@@ -204,28 +220,29 @@ class N {
    * 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)
+   * @param itemNumber - The item number (1-based index)
    */
-  extractConfigBlockAttributes(t, r) {
-    const c = t.querySelector("esd-config-block"), n = {};
-    if (!c)
+  extractConfigBlockAttributes(t, e, i) {
+    const l = t.querySelector("esd-config-block"), n = {};
+    if (!l)
       return this.getDefaultConfigBlockAttributes();
-    if (Array.from(c.attributes).forEach((e) => {
-      e.name.startsWith("data-") && (n[e.name] = e.value);
+    if (Array.from(l.attributes).forEach((o) => {
+      o.name.startsWith("data-") && (n[o.name] = o.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[r];
-        d && d[a] && (n["data-cart_items_select_control_value"] = d[a].value);
+      const o = n["data-cart_items_select_control_value"];
+      if (/^\d+$/.test(o)) {
+        const _ = parseInt(o) - 1, c = E[e];
+        c && c[_] && (n["data-cart_items_select_control_value"] = c[_].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;
+      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"] = _;
     }
-    (!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;
+    (!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"] = e, a["data-source"] = e, a["data-product_image_link"] = x(e, i), a["data-product_button_link"] = O(e, i), a;
   }
   /**
    * Returns default esd-config-block attributes based on the old template structure
@@ -254,7 +271,7 @@ class N {
       "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_currency_symbol": "USD",
       "data-product_price_control_formated": "1",
       "data-product_price_control_nodup": "1",
       "data-product_price_control_single_price": "false",
@@ -282,16 +299,16 @@ class N {
    * - Purchased Items: purchased_item_total_product_kind, purchased_item_price_N, purchased_item_originalprice_N
    */
   removeJinjaConditionals(t) {
-    let r = t.replace(
+    let e = t.replace(
       /\{%\s*if\s+(ins_apr|browsed_item|purchased_item)_total_product_kind\s*(&gt;|>)\s*\d+\s*%\}/g,
       ""
     );
-    return r = r.replace(
+    return e = e.replace(
       /\{%\s*if\s+(ins_apr|browsed_item|purchased_item)_price_\d+\s*(!&#61;|!=)\s*\1_originalprice_\d+\s*%\}/g,
       ""
-    ), r = r.replace(/\{%\s*endif\s*%\}/g, ""), r = r.replace(/\n\s*\n\s*\n/g, `
+    ), e = e.replace(/\{%\s*endif\s*%\}/g, ""), e = e.replace(/\n\s*\n\s*\n/g, `
 
-`), r;
+`), e;
   }
   /**
    * Replaces template variables with default values from productPairs
@@ -303,32 +320,32 @@ class N {
    * - {{purchased_item_formattedprice_5}} → '1,490.49' (PURCHASED_ITEMS)
    */
   replaceTemplateVariables(t) {
-    const { PAIRS_FOR_EXTENSION: r } = 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 = w[a];
+    const { PAIRS_FOR_EXTENSION: e } = v;
+    return t.replace(/{{([^}]+)}}/g, (i, l) => {
+      const n = l.match(/^(ins_apr|browsed_item|purchased_item)_([a-z_]+)_(\d+)$/);
+      if (!n)
+        return i;
+      const [, a, o, _] = n, c = $[a];
+      if (!c)
+        return console.warn(`Unknown variable prefix: ${a}`), i;
+      const f = w[o];
       if (!f)
-        return console.warn(`Unknown variable suffix mapping for: ${a}`), c;
-      const { pairsKey: u, defaultKey: s, isArray: b } = f, p = r[u][l];
+        return console.warn(`Unknown variable suffix mapping for: ${o}`), i;
+      const { pairsKey: u, defaultKey: s, isArray: b } = f, p = e[u][c];
       if (!p)
-        return console.warn(`No data found for: ${u}.${l}`), c;
+        return console.warn(`No data found for: ${u}.${c}`), i;
       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 y = parseInt(_) - 1, m = p[s];
+        return Array.isArray(m) && m[y] ? m[y] : (console.warn(`Array value not found: ${u}.${c}.${s}[${y}]`), i);
       }
       const T = p[s];
-      return T !== void 0 ? String(T) : (console.warn(`Default value not found: ${u}.${l}.${s}`), c);
+      return T !== void 0 ? String(T) : (console.warn(`Default value not found: ${u}.${c}.${s}`), i);
     });
   }
 }
-function Y(o) {
-  return new N().migrate(o);
+function G(r) {
+  return new V().migrate(r);
 }
 export {
-  Y as migrateItemsBlock
+  G as migrateItemsBlock
 };

package/dist/extensions/Blocks/Items/block.js

@@ -1,11 +1,10 @@
-import { useOnboardingStore as m } from "../../../stores/onboarding.js";
-import { Block as u, BlockCompositionType as d, ModificationDescription as i } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { SETTINGS_ENUMS as c, DefaultConfigValues as o } from "./enums/settingsEnums.js";
-import { useItemsBlockStore as p } from "./store/items-block.js";
-import { getDefaultTemplate as f } from "./template.js";
-import { getItemsBlockContainer as g, getItemsBlockConfig as a, getDefaultItemsBlockConfig as C } from "./utils/nodeConfigUtils.js";
+import { useOnboardingStore as d } from "../../../stores/onboarding.js";
+import { Block as g, BlockCompositionType as f, ModificationDescription as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { SETTINGS_ENUMS as c, DefaultConfigValues as i } from "./enums/settingsEnums.js";
+import { getDefaultTemplate as p } from "./template.js";
+import { getItemsBlockContainer as u, getItemsBlockConfig as C, getDefaultItemsBlockConfig as I } from "./utils/nodeConfigUtils.js";
 const y = "items-block";
-class B extends u {
+class B extends g {
   getId() {
     return y;
   }
@@ -13,7 +12,7 @@ class B extends u {
     return "items-icon";
   }
   getBlockCompositionType() {
-    return d.CONTAINER;
+    return f.CONTAINER;
   }
   getName() {
     return this.api.translate("Items");
@@ -22,40 +21,32 @@ class B extends u {
     return this.api.translate("Items lets you display personalized products based on user behavior.");
   }
   getTemplate() {
-    return f({
+    return p({
       orientation: c.ORIENTATION.VERTICAL,
       itemsType: c.ITEMS_TYPE.CART_ITEMS,
       itemId: "{{Abandoned Cart Item (1) Url}}",
-      currencySymbol: o.productPriceCurrencySymbolControlValue,
-      currencyLocation: o.productPriceCurrencyLocationControlValue,
-      formattedPrice: o.productPriceFormattedControlValue === "1"
+      currencySymbol: i.productPriceCurrencySymbolControlValue,
+      currencyLocation: i.productPriceCurrencyLocationControlValue,
+      formattedPrice: i.productPriceFormattedControlValue === "1"
     });
   }
   allowInnerBlocksDND() {
     return !1;
   }
   onCreated(n) {
-    const e = g(n);
+    const s = this.api.getDocumentModifier(), r = this.api.getDocumentRootCssNode();
+    r.querySelector('[product-attr="imageSrc"] img') || s.modifyCss(r).appendRule('[product-attr="imageSrc"] img {object-fit: contain;}');
+    const e = u(n);
     if (!e)
       return;
-    const t = e.getNodeConfig(), l = t && Object.keys(t).length > 0, r = a(n);
-    if (r != null && r.initialized)
-      l ? r.blockInstanceId || this.api.getDocumentModifier().modifyHtml(e).setNodeConfig({ ...r, blockInstanceId: String(Date.now()) }).apply(new i("Assign block instance ID to block")) : this.api.getDocumentModifier().modifyHtml(e).setNodeConfig(r).apply(new i("Migrate legacy config to nodeConfig"));
+    const a = e.getNodeConfig(), l = a && Object.keys(a).length > 0, t = C(n);
+    if (t != null && t.initialized)
+      l ? t.blockInstanceId || this.api.getDocumentModifier().modifyHtml(e).setNodeConfig({ ...t, blockInstanceId: String(Date.now()) }).apply(new o("Assign block instance ID to block")) : this.api.getDocumentModifier().modifyHtml(e).setNodeConfig(t).apply(new o("Migrate legacy config to nodeConfig"));
     else {
-      const s = C();
-      this.api.getDocumentModifier().modifyHtml(e).setNodeConfig(s).apply(new i("Initialize Items block with default configuration")), m().startOnboarding("itemsOnboarding");
+      const m = I();
+      this.api.getDocumentModifier().modifyHtml(e).setNodeConfig(m).apply(new o("Initialize Items block with default configuration")), d().startOnboarding("itemsOnboarding");
     }
   }
-  onSelect(n) {
-    const e = p(), t = a(n);
-    t && (e.setItemsType(t.type || o.itemsType), e.setItemIds(t.itemsSelectValue || o.cartItemsSelectControlValue), e.setOrientation(t.orientation || o.cardOrientationControlValue), e.setCurrencySymbol(
-      t.priceCurrencySymbol || o.productPriceCurrencySymbolControlValue
-    ), e.setCurrencyLocation(
-      t.priceCurrencyLocation || o.productPriceCurrencyLocationControlValue
-    ), e.setFormattedPrice(
-      t.priceFormatted ?? o.productPriceFormattedControlValue === "1"
-    ));
-  }
 }
 export {
   y as BLOCK_ID,