@useinsider/guido 2.0.0-beta.e68b206 → 2.0.0-beta.e980c5b

package/dist/components/organisms/email-preview/amp/AmpToggle.vue.js

@@ -3,7 +3,7 @@ import o from "./AmpToggle.vue2.js";
 import n from "../../../../_virtual/_plugin-vue2_normalizer.js";
 var s = function() {
   var r = this, t = r._self._c, e = r._self._setupProxy;
-  return t("div", [t("div", { staticClass: "d-f a-i-c ml-3" }, [t(e.InSegments, { attrs: { id: "guido__amp-toggle", "segment-list": e.segmentList, selected: e.previewStore.emailFormat }, on: { click: e.handleFormatChange } }), e.previewStore.showAMPErrorButton ? t(e.InButtonV2, { staticClass: "ml-2 d-f a-i-c b-c-11 b-c-h-11 t-c-4 t-c-h-4 i-c-4 bor-w-1 bor-s-s bor-c-11 bor-r-2", attrs: { id: "guido__amp-error-button", "left-icon": "line-error-box", type: "danger", "label-text-status": !1 }, on: { click: function(l) {
+  return t("div", [t("div", { staticClass: "d-f a-i-c ml-3" }, [t(e.InSegments, { attrs: { id: "guido__amp-toggle", "segment-list": e.segmentList, selected: e.previewStore.emailFormat }, on: { click: e.handleFormatChange } }), e.previewStore.showAMPErrorButton ? t(e.InButtonV2, { staticClass: "ml-3 d-f a-i-c b-c-11 b-c-h-11 t-c-4 t-c-h-4 i-c-4 bor-w-1 bor-s-s bor-c-11 bor-r-2", attrs: { id: "guido__amp-error-button", "left-icon": "line-error-box", type: "danger", "label-text-status": !1 }, on: { click: function(l) {
     return e.previewStore.openErrorModal();
   } } }) : r._e()], 1)]);
 }, a = [], i = /* @__PURE__ */ n(
@@ -12,7 +12,7 @@ var s = function() {
   a,
   !1,
   null,
-  "b5997368"
+  "5196584c"
 );
 const d = i.exports;
 export {

package/dist/composables/useActionsApi.js

@@ -1,7 +1,7 @@
 import { useToaster as w } from "./useToaster.js";
-const S = () => {
-  const { handleError: l } = w(), s = (t = {}) => new Promise((e, i) => {
-    const n = { ...{
+const v = () => {
+  const { handleError: l } = w(), r = (t = {}) => new Promise((e, a) => {
+    const o = { ...{
       minimize: !0,
       utmEntity: {
         utmSource: "",
@@ -20,29 +20,29 @@ const S = () => {
       forceAmp: !1,
       resetDataSavedFlag: !1,
       disableLineHeightsReplace: !0
-    }, ...t }, m = {
-      callback: (o, p, d, c, u) => {
-        o ? i(o) : e({
+    }, ...t }, s = {
+      callback: (n, p, d, c, u) => {
+        n ? a(n) : e({
           html: p,
           ampHtml: d,
           ampErrors: c,
           displayConditions: u
         });
       },
-      ...n
+      ...o
     };
-    window.StripoEditorApi.actionsApi.compileEmail(m);
+    window.StripoEditorApi.actionsApi.compileEmail(s);
   });
   return {
-    getCompiledEmail: s,
+    getCompiledEmail: r,
     getTemplateData: () => new Promise((t) => {
-      const e = ({ html: i, css: a, width: n, height: r, utmParams: m, syncModulesIds: o }) => t({
-        html: i,
-        css: a,
-        width: n,
-        height: r,
-        utmParams: m,
-        syncModulesIds: o
+      const e = ({ html: a, css: i, width: o, height: m, utmParams: s, syncModulesIds: n }) => t({
+        html: a,
+        css: i,
+        width: o,
+        height: m,
+        utmParams: s,
+        syncModulesIds: n
       });
       window.StripoEditorApi.actionsApi.getTemplateData(e);
     }),
@@ -53,15 +53,15 @@ const S = () => {
       try {
         const {
           html: e,
-          displayConditions: i,
-          ampHtml: a = "",
-          ampErrors: n = []
-        } = await s({ minimize: !1, resetDataSavedFlag: !1, ...t });
+          displayConditions: a,
+          ampHtml: i = "",
+          ampErrors: o = []
+        } = await r({ minimize: !1, resetDataSavedFlag: !1, ...t });
         return {
           html: e,
-          ampHtml: a,
-          ampErrors: n,
-          displayConditions: i
+          ampHtml: i,
+          ampErrors: o,
+          displayConditions: a
         };
       } catch (e) {
         return l(e, "Error loading preview"), {
@@ -73,24 +73,27 @@ const S = () => {
       }
     },
     updateTimerInClonedTemplate: () => new Promise((t) => {
-      var e, i;
-      if (typeof ((i = (e = window.StripoEditorApi) == null ? void 0 : e.actionsApi) == null ? void 0 : i.updateTimerInClonedTemplate) != "function") {
+      var e, a;
+      if (typeof ((a = (e = window.StripoEditorApi) == null ? void 0 : e.actionsApi) == null ? void 0 : a.updateTimerInClonedTemplate) != "function") {
         t(null);
         return;
       }
       try {
-        window.StripoEditorApi.actionsApi.updateTimerInClonedTemplate((a, n) => {
-          a ? (l(a, "Failed to update timer in cloned template"), t(null)) : t(n || null);
+        window.StripoEditorApi.actionsApi.updateTimerInClonedTemplate((i, o) => {
+          i ? (l(i, "Failed to update timer in cloned template"), t(null)) : t(o || null);
         });
-      } catch (a) {
-        l(a, "Failed to call updateTimerInClonedTemplate"), t(null);
+      } catch (i) {
+        l(i, "Failed to call updateTimerInClonedTemplate"), t(null);
       }
     }),
     updateHtmlAndCss: (t, e) => {
       window.StripoEditorApi.actionsApi.updateHtmlAndCss(t, e);
+    },
+    editorSave: () => {
+      window.StripoEditorApi.actionsApi.save();
     }
   };
 };
 export {
-  S as useActionsApi
+  v as useActionsApi
 };

package/dist/config/migrator/itemsBlockMigrator.js

@@ -1,10 +1,10 @@
 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);
+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";
-const q = {
+const w = {
   img: {
     pairsKey: "imageSrc",
     defaultKey: "DEFAULT",
@@ -71,59 +71,57 @@ const q = {
     isArray: !1
   }
 };
-function w() {
+function F() {
   return String(Date.now() + Math.floor(Math.random() * 1e3));
 }
-function F(r) {
-  return r ? {
+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
-  }[r] || _.ITEMS_TYPE.CART_ITEMS : _.ITEMS_TYPE.CART_ITEMS;
+  }[o] || _.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;
+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);
   }
   return {
     initialized: !0,
-    blockInstanceId: o(r["data-block-instance-id"], w()),
+    blockInstanceId: r(o["data-block-instance-id"], F()),
     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"],
+    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"],
       g.productPriceCurrencySymbolControlValue
     ),
-    priceCurrencyLocation: o(
-      r["data-product_price_currency_location"],
+    priceCurrencyLocation: r(
+      o["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)
+    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)
   };
 }
 const x = {
@@ -133,17 +131,17 @@ const x = {
 };
 class N {
   constructor() {
-    v(this, "parser");
+    R(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(
+      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, 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) => {
+      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,
@@ -158,20 +156,20 @@ class N {
           priceStyles: e.priceStyles,
           originalPriceStyles: e.originalPriceStyles,
           quantityStyles: e.quantityStyles,
-          nodeConfig: R(e.configBlockAttributes)
+          nodeConfig: M(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);
+          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);
         }
       }), c.documentElement.outerHTML);
-    } catch (o) {
-      return console.error("ItemsBlockMigrator failed:", o), t;
+    } catch (r) {
+      return console.error("ItemsBlockMigrator failed:", r), t;
     }
   }
   /**
@@ -182,13 +180,13 @@ class N {
    */
   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"];
+    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"];
     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;
+    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;
     return {
       orientation: S,
-      itemsType: o,
+      itemsType: r,
       itemId: e,
       currencySymbol: d,
       currencyLocation: f,
@@ -196,9 +194,9 @@ class N {
       configBlockAttributes: s,
       nameStyles: T,
       buttonStyles: m,
-      priceStyles: M,
-      originalPriceStyles: h,
-      quantityStyles: k
+      priceStyles: h,
+      originalPriceStyles: k,
+      quantityStyles: v
     };
   }
   /**
@@ -207,7 +205,7 @@ class N {
    * @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) {
+  extractConfigBlockAttributes(t, r) {
     const c = t.querySelector("esd-config-block"), n = {};
     if (!c)
       return this.getDefaultConfigBlockAttributes();
@@ -216,7 +214,7 @@ class N {
     }), 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];
+        const a = parseInt(e) - 1, d = E[r];
         d && d[a] && (n["data-cart_items_select_control_value"] = d[a].value);
       }
     }
@@ -227,7 +225,7 @@ class N {
     }
     (!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;
+    return i["data-type"] = r, i["data-source"] = r, i;
   }
   /**
    * Returns default esd-config-block attributes based on the old template structure
@@ -239,24 +237,19 @@ class N {
       "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",
+      "data-product_image_control_enabled": "true",
       // Name settings
-      "data-product_name_control_opened": "false",
-      "data-product_name_control_enabled": "1",
+      "data-product_name_control_enabled": "true",
       "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",
@@ -265,21 +258,20 @@ class N {
       "data-product_price_control_formated": "1",
       "data-product_price_control_nodup": "1",
       "data-product_price_control_single_price": "false",
-      "data-product_price_visible": "1",
+      "data-product_price_control_enabled": "true",
       // 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_enabled": "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"
+      "data-product_button_link": "{{Abandoned Cart Item (1) Url}}"
     };
   }
   /**
@@ -290,16 +282,16 @@ class N {
    * - Purchased Items: purchased_item_total_product_kind, purchased_item_price_N, purchased_item_originalprice_N
    */
   removeJinjaConditionals(t) {
-    let o = t.replace(
+    let r = t.replace(
       /\{%\s*if\s+(ins_apr|browsed_item|purchased_item)_total_product_kind\s*(&gt;|>)\s*\d+\s*%\}/g,
       ""
     );
-    return o = o.replace(
+    return r = r.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, `
+    ), r = r.replace(/\{%\s*endif\s*%\}/g, ""), r = r.replace(/\n\s*\n\s*\n/g, `
 
-`), o;
+`), r;
   }
   /**
    * Replaces template variables with default values from productPairs
@@ -311,7 +303,7 @@ class N {
    * - {{purchased_item_formattedprice_5}} → '1,490.49' (PURCHASED_ITEMS)
    */
   replaceTemplateVariables(t) {
-    const { PAIRS_FOR_EXTENSION: o } = B;
+    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)
@@ -319,10 +311,10 @@ class N {
       const [, e, a, d] = i, l = x[e];
       if (!l)
         return console.warn(`Unknown variable prefix: ${e}`), c;
-      const f = q[a];
+      const f = w[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];
+      const { pairsKey: u, defaultKey: s, isArray: b } = f, p = r[u][l];
       if (!p)
         return console.warn(`No data found for: ${u}.${l}`), c;
       if (b) {
@@ -334,8 +326,8 @@ class N {
     });
   }
 }
-function Y(r) {
-  return new N().migrate(r);
+function Y(o) {
+  return new N().migrate(o);
 }
 export {
   Y as migrateItemsBlock

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

@@ -1,20 +1,19 @@
-import { useOnboardingStore as d } from "../../../stores/onboarding.js";
-import { Block as u, BlockCompositionType as p, ModificationDescription as n } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { ItemsBlockId as f } from "./enums/controlEnums.js";
+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 g } from "./store/items-block.js";
-import { getDefaultTemplate as y } from "./template.js";
-import { getItemsBlockContainer as C, getItemsBlockConfig as a, getDefaultItemsBlockConfig as I } from "./utils/nodeConfigUtils.js";
-const b = "items-block";
-class O extends u {
+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";
+const y = "items-block";
+class B extends u {
   getId() {
-    return b;
+    return y;
   }
   getIcon() {
     return "items-icon";
   }
   getBlockCompositionType() {
-    return p.CONTAINER;
+    return d.CONTAINER;
   }
   getName() {
     return this.api.translate("Items");
@@ -23,7 +22,7 @@ class O extends u {
     return this.api.translate("Items lets you display personalized products based on user behavior.");
   }
   getTemplate() {
-    return y({
+    return f({
       orientation: c.ORIENTATION.VERTICAL,
       itemsType: c.ITEMS_TYPE.CART_ITEMS,
       itemId: "{{Abandoned Cart Item (1) Url}}",
@@ -35,22 +34,20 @@ class O extends u {
   allowInnerBlocksDND() {
     return !1;
   }
-  onCreated(i) {
-    const e = C(i);
+  onCreated(n) {
+    const e = g(n);
     if (!e)
       return;
-    const t = e.getNodeConfig(), l = t && Object.keys(t).length > 0, r = a(i);
+    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 n("Assign block instance ID to block")) : this.api.getDocumentModifier().modifyHtml(e).setNodeConfig(r).apply(new n("Migrate legacy config to nodeConfig"));
+      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"));
     else {
-      const m = I();
-      this.api.getDocumentModifier().modifyHtml(e).setNodeConfig(m).apply(new n("Initialize Items block with default configuration")), d().startOnboarding("itemsOnboarding");
+      const s = C();
+      this.api.getDocumentModifier().modifyHtml(e).setNodeConfig(s).apply(new i("Initialize Items block with default configuration")), m().startOnboarding("itemsOnboarding");
     }
-    const s = `[esd-extension-block-id="${f.IMAGE}"] img`;
-    this.api.getDocumentModifier().modifyHtml(i.querySelector(s)).setStyle("object-fit", "contain").apply(new n("Updated image object-fit"));
   }
-  onSelect(i) {
-    const e = g(), t = a(i);
+  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(
@@ -61,6 +58,6 @@ class O extends u {
   }
 }
 export {
-  b as BLOCK_ID,
-  O as ItemsBlock
+  y as BLOCK_ID,
+  B as ItemsBlock
 };