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

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
 };

package/dist/extensions/Blocks/Items/controls/settingsControl.js

@@ -1,17 +1,17 @@
 var L = Object.defineProperty;
-var M = (g, p, e) => p in g ? L(g, p, { enumerable: !0, configurable: !0, writable: !0, value: e }) : g[p] = e;
-var C = (g, p, e) => M(g, typeof p != "symbol" ? p + "" : p, e);
-import { UEAttr as O, ModificationDescription as u } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+var M = (h, d, e) => d in h ? L(h, d, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[d] = e;
+var O = (h, d, e) => M(h, typeof d != "symbol" ? d + "" : d, e);
+import { UEAttr as C, ModificationDescription as u } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { CommonControl as D } from "../../common-control.js";
 import { ItemsBlockId as m } from "../enums/controlEnums.js";
-import { productPairs as _, templateFirstLine as b } from "../enums/productEnums.js";
+import { productPairs as p, templateFirstLine as b } from "../enums/productEnums.js";
 import { ItemTypeOptions as R, OrientationOptions as x, ItemInCartOptions as N, SETTINGS_ENUMS as S, DefaultConfigValues as A } from "../enums/settingsEnums.js";
 import H from "../layouts/horizontal.html.js";
 import k from "../layouts/vertical.html.js";
 import { useItemsBlockStore as U } from "../store/items-block.js";
-import { getDefaultTemplate as $ } from "../template.js";
+import { getDefaultTemplate as F } from "../template.js";
 import { getItemsBlockConfig as P, setItemsBlockConfig as f } from "../utils/nodeConfigUtils.js";
-const F = "ui-elements-items-block", a = {
+const $ = "ui-elements-items-block", a = {
   ITEMS_TYPE: "itemsType",
   ORIENTATION: "orientation",
   ITEM_IDS: "itemIds"
@@ -19,10 +19,10 @@ const F = "ui-elements-items-block", a = {
 class K extends D {
   constructor() {
     super(...arguments);
-    C(this, "store", U());
+    O(this, "store", U());
   }
   getId() {
-    return F;
+    return $;
   }
   getTemplate() {
     return `
@@ -124,7 +124,7 @@ class K extends D {
   _initializeSelectItems() {
     this.api.setUIEAttribute(
       a.ITEMS_TYPE,
-      O.SELECTPICKER.items,
+      C.SELECTPICKER.items,
       R
     );
     const { itemsType: e, itemIds: t } = this.store;
@@ -134,7 +134,7 @@ class K extends D {
     const i = N[e];
     this.api.setUIEAttribute(
       a.ITEM_IDS,
-      O.SELECTPICKER.items,
+      C.SELECTPICKER.items,
       i
     ), this.api.updateValues({
       [a.ITEM_IDS]: t
@@ -161,7 +161,7 @@ class K extends D {
       currencyLocation: n,
       formattedPrice: s
     } = this.store;
-    this.api.getDocumentModifier().modifyHtml(this.currentNode).setInnerHtml($({
+    this.api.getDocumentModifier().modifyHtml(this.currentNode).setInnerHtml(F({
       orientation: e,
       itemsType: t,
       itemId: i,
@@ -173,12 +173,12 @@ class K extends D {
   _getTemplateData() {
     const { itemsType: e, itemIds: t, formattedPrice: i } = this.store, r = N[e].findIndex((s) => s.value === t), n = r > -1 ? r : 0;
     return {
-      imageSrc: _.PAIRS_FOR_EXTENSION.imageSrc[e].DEFAULT[n],
-      name: _.PAIRS_FOR_EXTENSION.name[e].DEFAULT[n],
-      price: i ? _.PAIRS_FOR_EXTENSION.price[e].DEFAULT_PRICE_FORMATTED : _.PAIRS_FOR_EXTENSION.price[e].DEFAULT_PRICE,
-      originalPrice: i ? _.PAIRS_FOR_EXTENSION.originalPrice[e].DEFAULT_PRICE_FORMATTED : _.PAIRS_FOR_EXTENSION.originalPrice[e].DEFAULT_PRICE,
-      quantity: _.PAIRS_FOR_EXTENSION.quantity[e].DEFAULT,
-      button: _.PAIRS_FOR_EXTENSION.button[e].DEFAULT_LABEL
+      imageSrc: p.PAIRS_FOR_EXTENSION.imageSrc[e].DEFAULT[n],
+      name: p.PAIRS_FOR_EXTENSION.name[e].DEFAULT[n],
+      price: i ? p.PAIRS_FOR_EXTENSION.price[e].DEFAULT_PRICE_FORMATTED : p.PAIRS_FOR_EXTENSION.price[e].DEFAULT_PRICE,
+      originalPrice: i ? p.PAIRS_FOR_EXTENSION.originalPrice[e].DEFAULT_PRICE_FORMATTED : p.PAIRS_FOR_EXTENSION.originalPrice[e].DEFAULT_PRICE,
+      quantity: p.PAIRS_FOR_EXTENSION.quantity[e].DEFAULT,
+      button: p.PAIRS_FOR_EXTENSION.button[e].DEFAULT_LABEL
     };
   }
   _updateImageSrc(e) {
@@ -196,15 +196,15 @@ class K extends D {
     r = r.replace(i, e), this.api.getDocumentModifier().modifyHtml(t).setInnerHtml(r).apply(new u("Updated name"));
   }
   _updatePrice(e) {
-    var I;
-    const t = (I = this.currentNode) == null ? void 0 : I.querySelector(`[esd-extension-block-id="${m.PRICE}"]`);
+    var g;
+    const t = (g = this.currentNode) == null ? void 0 : g.querySelector(`[esd-extension-block-id="${m.PRICE}"]`);
     if (!t)
       return;
     const i = this._getParagraphFromBlock(t);
     if (!i)
       return;
-    const r = i.getInnerHTML() || "", n = i.getInnerText() || "", { currencySymbol: s, currencyLocation: l } = this.store, o = (s == null ? void 0 : s.trim()) || "", c = this._removeCurrencySymbol(n, o), d = this._replacePriceNumber(c, e), h = this._buildPriceContent(d, o, l), T = r.replace(n, h);
-    this.api.getDocumentModifier().modifyHtml(i).setInnerHtml(T).apply(new u("Updated price"));
+    const r = i.getInnerHTML() || "", n = i.getInnerText() || "", { currencySymbol: s, currencyLocation: l } = this.store, o = (s == null ? void 0 : s.trim()) || "", c = this._removeCurrencySymbol(n, o), T = this._replacePriceNumber(c, e), I = this._buildPriceContent(T, o, l), _ = r.replace(n, I);
+    this.api.getDocumentModifier().modifyHtml(i).setInnerHtml(_).apply(new u("Updated price"));
   }
   _updateOriginalPrice(e) {
     var E;
@@ -219,27 +219,21 @@ class K extends D {
     const r = i.querySelector("s");
     if (!r)
       return;
-    const n = r.getInnerHTML() || "", s = r.getInnerText() || "", { currencySymbol: l, currencyLocation: o } = this.store, c = (l == null ? void 0 : l.trim()) || "", d = this._removeCurrencySymbol(s, c), h = this._replacePriceNumber(d, e), T = this._buildPriceContent(h, c, o), y = `<s>${n.replace(s, T)}</s>`;
+    const n = r.getInnerHTML() || "", s = r.getInnerText() || "", { currencySymbol: l, currencyLocation: o } = this.store, c = (l == null ? void 0 : l.trim()) || "", T = this._removeCurrencySymbol(s, c), I = this._replacePriceNumber(T, e), _ = this._buildPriceContent(I, c, o), y = `<s>${n.replace(s, _)}</s>`;
     this.api.getDocumentModifier().modifyHtml(i).setInnerHtml(y).apply(new u("Updated original price"));
   }
   _updateQuantity(e) {
-    var d;
-    const t = this.store.itemsType !== S.ITEMS_TYPE.BROWSED_ITEMS, i = P(this.currentNode), r = (i == null ? void 0 : i.quantityControlEnabled) !== !1, n = t && r, s = (d = this.currentNode) == null ? void 0 : d.querySelector(`[esd-extension-block-id="${m.QUANTITY}"]`);
+    var c;
+    const t = this.store.itemsType !== S.ITEMS_TYPE.BROWSED_ITEMS, i = P(this.currentNode), r = (i == null ? void 0 : i.quantityControlEnabled) !== !1, n = t && r, s = (c = this.currentNode) == null ? void 0 : c.querySelector(`[esd-extension-block-id="${m.QUANTITY}"]`);
     if (!s)
       return;
     const l = s.getInnerText().trim();
     let o = s.getInnerHTML();
-    function c(h, T, I) {
-      return h.replace(
-        new RegExp(`(>\\s*)${T}(\\s*<)`, "g"),
-        `$1${I}$2`
-      );
-    }
-    o = c(o, l, e), this.api.getDocumentModifier().modifyHtml(s).setInnerHtml(o).setStyle("display", n ? "table-cell" : "none").apply(new u("Updated quantity"));
+    o = o.replace(l, e), this.api.getDocumentModifier().modifyHtml(s).setInnerHtml(o).setStyle("display", n ? "table-cell" : "none").apply(new u("Updated quantity"));
   }
   _reOrderTemplate() {
-    var d, h, T, I, y, E;
-    const e = (d = this.currentNode) == null ? void 0 : d.querySelector(`[esd-extension-block-id="${m.IMAGE}"]`), t = (h = this.currentNode) == null ? void 0 : h.querySelector(`[esd-extension-block-id="${m.NAME}"]`), i = (T = this.currentNode) == null ? void 0 : T.querySelector(`[esd-extension-block-id="${m.PRICE}"]`), r = (I = this.currentNode) == null ? void 0 : I.querySelector(
+    var T, I, _, g, y, E;
+    const e = (T = this.currentNode) == null ? void 0 : T.querySelector(`[esd-extension-block-id="${m.IMAGE}"]`), t = (I = this.currentNode) == null ? void 0 : I.querySelector(`[esd-extension-block-id="${m.NAME}"]`), i = (_ = this.currentNode) == null ? void 0 : _.querySelector(`[esd-extension-block-id="${m.PRICE}"]`), r = (g = this.currentNode) == null ? void 0 : g.querySelector(
       `[esd-extension-block-id="${m.ORIGINAL_PRICE}"]`
     ), n = (y = this.currentNode) == null ? void 0 : y.querySelector(`[esd-extension-block-id="${m.QUANTITY}"]`), s = (E = this.currentNode) == null ? void 0 : E.querySelector(`[esd-extension-block-id="${m.BUTTON}"]`);
     if (!e || !t || !i || !r || !n || !s)
@@ -322,10 +316,10 @@ class K extends D {
     return e.replace(i, t).trim();
   }
   _buildPriceContent(e, t, i) {
-    return t ? i === "1" ? `${e}&nbsp;${t}&nbsp;` : `${t}&nbsp;${e}` : e;
+    return t ? i === "1" ? `${e}&nbsp;${t}` : `${t}&nbsp;${e}` : e;
   }
 }
 export {
-  F as CONTROL_BLOCK_ID,
+  $ as CONTROL_BLOCK_ID,
   K as ItemsBlockControl
 };

package/dist/extensions/Blocks/Items/enums/settingsEnums.js

@@ -26,9 +26,7 @@ const e = {
   productPriceCurrencyLocationControlValue: "0",
   productButtonLinkControlValue: "{{Abandoned Cart Item (1) Url}}",
   productImageLinkControlValue: "{{Abandoned Cart Item (1) Image}}",
-  productNameControlEnabled: "1",
   productQuantityControlEnabled: "1",
-  productPriceControlOpened: "1",
   productImageVisible: "1",
   productNameVisible: "1",
   productQuantityVisible: "1",

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

@@ -3,19 +3,20 @@ import { ItemsBlock as i } from "./block.js";
 import { ButtonLinkControl as C } from "./controls/button/link.js";
 import { ItemsBlockCardCompositionControl as e } from "./controls/cardComposition.js";
 import { ImageLinkControl as m } from "./controls/image/link.js";
-import { NameControls as r, QuantityControls as n, OriginalPriceControls as t, PriceControls as d, ImageControls as l, ButtonControls as o } from "./controls/index.js";
+import { NameControls as t, QuantityControls as n, OriginalPriceControls as r, PriceControls as d, ImageControls as l, ButtonControls as o } from "./controls/index.js";
 import { NameTrimmingControl as s } from "./controls/name/trimming.js";
 import { PriceCurrencyLocationControl as c } from "./controls/price/currencyLocation.js";
-import { PriceCurrencySymbolControl as g } from "./controls/price/currencySymbol.js";
-import { PriceFormattedPriceControl as f } from "./controls/price/formattedPrice.js";
+import { PriceCurrencySymbolControl as f } from "./controls/price/currencySymbol.js";
+import { PriceFormattedPriceControl as g } from "./controls/price/formattedPrice.js";
 import { PriceHideDiscountControl as p } from "./controls/price/hideDiscount.js";
 import { PriceOrientationControl as y } from "./controls/price/priceOrientation.js";
 import { PriceSinglePriceControl as u } from "./controls/price/singlePrice.js";
 import { ItemsBlockControl as P } from "./controls/settingsControl.js";
-import { ItemsIconsRegistry as k } from "./iconsRegistry.js";
-import I from "./items.css.js";
-import { SettingsPanel as b } from "./settingsPanel.js";
-const j = new a().addBlock(i).withSettingsPanelRegistry(b).addControl(P).addControl(e).addControl(r.align).addControl(r.color).addControl(r.size).addControl(r.style).addControl(r.fontFamily).addControl(r.background).addControl(r.paddings).addControl(s).addControl(n.align).addControl(n.color).addControl(n.fontFamily).addControl(n.paddings).addControl(n.size).addControl(n.style).addControl(t.align).addControl(t.color).addControl(t.size).addControl(t.style).addControl(t.fontFamily).addControl(t.background).addControl(t.paddings).addControl(d.align).addControl(d.color).addControl(d.size).addControl(d.style).addControl(d.fontFamily).addControl(d.background).addControl(d.paddings).addControl(p).addControl(f).addControl(u).addControl(g).addControl(c).addControl(y).addControl(m).addControl(l.size).addControl(l.margins).addControl(C).addControl(o.align).addControl(o.border).addControl(o.borderRadius).addControl(o.color).addControl(o.fontFamily).addControl(o.margins).addControl(o.paddings).addControl(o.text).addControl(o.textSize).addControl(o.textStyleAndFontColor).addControl(o.fitToContent).addStyles(I).withIconsRegistry(k).build();
+import { ItemsBlockId as k } from "./enums/controlEnums.js";
+import { ItemsIconsRegistry as I } from "./iconsRegistry.js";
+import b from "./items.css.js";
+import { SettingsPanel as B } from "./settingsPanel.js";
+const M = new a().addBlock(i).withSettingsPanelRegistry(B).addControl(P).addControl(e).addControl(t.align).addControl(t.color).addControl(t.size).addControl(t.style).addControl(t.fontFamily).addControl(t.background).addControl(t.paddings).addControl(s).addControl(n.align).addControl(n.color).addControl(n.fontFamily).addControl(n.paddings).addControl(n.size).addControl(n.style).addControl(r.align).addControl(r.color).addControl(r.size).addControl(r.style).addControl(r.fontFamily).addControl(r.background).addControl(r.paddings).addControl(d.align).addControl(d.color).addControl(d.size).addControl(d.style).addControl(d.fontFamily).addControl(d.background).addControl(d.paddings).addControl(p).addControl(g).addControl(u).addControl(f).addControl(c).addControl(y).addControl(m).addControl(l.size).addControl(l.margins).addControl(C).addControl(o.align).addControl(o.border).addControl(o.borderRadius).addControl(o.color).addControl(o.fontFamily).addControl(o.margins).addControl(o.paddings).addControl(o.text).addControl(o.textSize).addControl(o.textStyleAndFontColor).addControl(o.fitToContent).addStyles(b).withPreviewStyles(`[esd-extension-block-id="${k.IMAGE}"] img {object-fit: contain;}`).withIconsRegistry(I).build();
 export {
-  j as default
+  M as default
 };