@useinsider/guido 1.0.3-beta.52ded25 → 1.0.3-beta.5361682

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

@@ -1,20 +1,19 @@
-import { useOnboardingStore as y } from "../../../stores/onboarding.js";
-import { Block as R, BlockCompositionType as L, ModificationDescription as a } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { useOnboardingStore as L } from "../../../stores/onboarding.js";
+import { Block as S, BlockCompositionType as y, ModificationDescription as u } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { configAttributes as t } from "./enums/productEnums.js";
 import { DefaultConfigValues as e, SETTINGS_ENUMS as l } from "./enums/settingsEnums.js";
-import { useItemsBlockStore as S } from "./store/items-block.js";
+import { useItemsBlockStore as I } from "./store/items-block.js";
 import { getDefaultTemplate as V } from "./template.js";
-import { syncCurrencySymbolFromAttributes as B, syncCurrencyLocationFromAttributes as U, syncFormattedPriceFromAttributes as k } from "./utils/syncAttributesFromConfigBlock.js";
-const M = "items-block";
-class x extends R {
+const B = "items-block";
+class z extends S {
   getId() {
-    return M;
+    return B;
   }
   getIcon() {
     return "items-icon";
   }
   getBlockCompositionType() {
-    return L.CONTAINER;
+    return y.CONTAINER;
   }
   getName() {
     return this.api.translate("Items");
@@ -23,45 +22,46 @@ class x extends R {
     return this.api.translate("Items lets you display personalized products based on user behavior.");
   }
   getTemplate() {
+    const i = I();
     return V({
       orientation: l.ORIENTATION.HORIZONTAL,
       itemsType: l.ITEMS_TYPE.CART_ITEMS,
       itemId: "{{Abandoned Cart Item (1) Url}}",
-      currencySymbol: e.productPriceCurrencySymbolControlValue,
-      currencyLocation: e.productPriceCurrencyLocationControlValue,
-      formattedPrice: e.productPriceFormattedControlValue === "1"
+      currencySymbol: i.currencySymbol,
+      currencyLocation: i.currencyLocation,
+      formattedPrice: i.formattedPrice
     });
   }
   allowInnerBlocksDND() {
     return !1;
   }
-  onCreated(r) {
-    const n = r.querySelector("esd-config-block");
+  onCreated(i) {
+    const n = i.querySelector("esd-config-block");
     if (!n)
       return;
-    const o = n, s = o.getAttribute("data-initialized") || "0", u = o.getAttribute(t.BLOCK_INSTANCE_ID), c = () => String(Date.now() + Math.floor(Math.random() * 1e3));
+    const o = n, s = o.getAttribute("data-initialized") || "0", a = o.getAttribute(t.BLOCK_INSTANCE_ID), c = () => String(Date.now() + Math.floor(Math.random() * 1e3));
     if (Number(s)) {
-      if (!u) {
-        const i = c();
-        this.api.getDocumentModifier().modifyHtml(o).setAttribute(t.BLOCK_INSTANCE_ID, i).apply(new a("Assign block instance ID to legacy block"));
+      if (!a) {
+        const r = c();
+        this.api.getDocumentModifier().modifyHtml(o).setAttribute(t.BLOCK_INSTANCE_ID, r).apply(new u("Assign block instance ID to legacy block"));
       }
     } else {
-      const i = e.itemsType, I = e.cartItemsSelectControlValue, d = e.cardOrientationControlValue, m = e.productNameTrimmingControlValue, C = e.productPriceHideDiscountControlValue, b = e.productPriceFormattedControlValue, T = e.productPriceCurrencySymbolControlValue, A = e.productPriceCurrencyLocationControlValue, E = e.productButtonLinkControlValue, O = e.productImageLinkControlValue, _ = e.productImageVisible, p = e.productNameVisible, N = e.productQuantityVisible, f = e.productPriceVisible, g = e.productOriginalPriceVisible, D = e.productButtonVisible, P = c();
-      this.api.getDocumentModifier().modifyHtml(o).setAttribute("data-source", i).setAttribute(t.TYPE, i).setAttribute(t.ITEMS_INDEX_SELECT_CONTROL_VALUE, I).setAttribute(t.ORIENTATION, d).setAttribute(t.PRODUCT_NAME_TRIMMING, m).setAttribute(t.PRODUCT_PRICE_HIDE_DISCOUNT, C).setAttribute(t.PRODUCT_PRICE_FORMATTED, b).setAttribute(t.PRODUCT_PRICE_CURRENCY_SYMBOL, T).setAttribute(t.PRODUCT_PRICE_CURRENCY_LOCATION, A).setAttribute(t.PRODUCT_BUTTON_LINK, E).setAttribute(t.PRODUCT_IMAGE_LINK, O).setAttribute(t.BLOCK_INSTANCE_ID, P).setAttribute("data-initialized", "1").setAttribute(t.NAME_CONTROL_ENABLED, e.productNameControlEnabled).setAttribute(
+      const r = e.itemsType, d = e.cartItemsSelectControlValue, m = e.cardOrientationControlValue, T = e.productNameTrimmingControlValue, C = e.productPriceHideDiscountControlValue, b = e.productPriceFormattedControlValue, E = e.productPriceCurrencySymbolControlValue, O = e.productPriceCurrencyLocationControlValue, A = e.productButtonLinkControlValue, _ = e.productImageLinkControlValue, N = e.productImageVisible, p = e.productNameVisible, f = e.productQuantityVisible, g = e.productPriceVisible, D = e.productOriginalPriceVisible, R = e.productButtonVisible, P = c();
+      this.api.getDocumentModifier().modifyHtml(o).setAttribute("data-source", r).setAttribute(t.TYPE, r).setAttribute(t.ITEMS_INDEX_SELECT_CONTROL_VALUE, d).setAttribute(t.ORIENTATION, m).setAttribute(t.PRODUCT_NAME_TRIMMING, T).setAttribute(t.PRODUCT_PRICE_HIDE_DISCOUNT, C).setAttribute(t.PRODUCT_PRICE_FORMATTED, b).setAttribute(t.PRODUCT_PRICE_CURRENCY_SYMBOL, E).setAttribute(t.PRODUCT_PRICE_CURRENCY_LOCATION, O).setAttribute(t.PRODUCT_BUTTON_LINK, A).setAttribute(t.PRODUCT_IMAGE_LINK, _).setAttribute(t.BLOCK_INSTANCE_ID, P).setAttribute("data-initialized", "1").setAttribute(t.NAME_CONTROL_ENABLED, e.productNameControlEnabled).setAttribute(
         t.QUANTITY_CONTROL_ENABLED,
         e.productQuantityControlEnabled
-      ).setAttribute(t.PRICE_CONTROL_OPENED, e.productPriceControlOpened).setAttribute(t.PRODUCT_IMAGE_VISIBLE, _).setAttribute(t.PRODUCT_NAME_VISIBLE, p).setAttribute(t.PRODUCT_QUANTITY_VISIBLE, N).setAttribute(t.PRODUCT_PRICE_VISIBLE, f).setAttribute(t.PRODUCT_ORIGINAL_PRICE_VISIBLE, g).setAttribute(t.PRODUCT_BUTTON_VISIBLE, D).apply(new a("Initialize config block attributes with defaults")), y().startOnboarding("itemsOnboarding");
+      ).setAttribute(t.PRICE_CONTROL_OPENED, e.productPriceControlOpened).setAttribute(t.PRODUCT_IMAGE_VISIBLE, N).setAttribute(t.PRODUCT_NAME_VISIBLE, p).setAttribute(t.PRODUCT_QUANTITY_VISIBLE, f).setAttribute(t.PRODUCT_PRICE_VISIBLE, g).setAttribute(t.PRODUCT_ORIGINAL_PRICE_VISIBLE, D).setAttribute(t.PRODUCT_BUTTON_VISIBLE, R).apply(new u("Initialize config block attributes with defaults")), L().startOnboarding("itemsOnboarding");
     }
   }
-  onSelect(r) {
-    const n = r.querySelector("esd-config-block"), o = S();
+  onSelect(i) {
+    const n = i.querySelector("esd-config-block"), o = I();
     if (!n)
       return;
-    const s = n, u = s.getAttribute(t.TYPE) || e.itemsType, c = s.getAttribute(t.ITEMS_INDEX_SELECT_CONTROL_VALUE) || e.cartItemsSelectControlValue, i = s.getAttribute(t.ORIENTATION) || e.cardOrientationControlValue;
-    o.setItemsType(u), o.setItemIds(c), o.setOrientation(i), B(r), U(r), k(r);
+    const s = n, a = s.getAttribute(t.TYPE) || e.itemsType, c = s.getAttribute(t.ITEMS_INDEX_SELECT_CONTROL_VALUE) || e.cartItemsSelectControlValue, r = s.getAttribute(t.ORIENTATION) || e.cardOrientationControlValue;
+    o.setItemsType(a), o.setItemIds(c), o.setOrientation(r);
   }
 }
 export {
-  M as BLOCK_ID,
-  x as ItemsBlock
+  B as BLOCK_ID,
+  z as ItemsBlock
 };

package/dist/extensions/Blocks/Items/controls/name/trimming.js

@@ -44,11 +44,11 @@ class R extends c {
   }
   _applyTrimmingStyles(e) {
     var m;
-    const o = (m = this.currentNode) == null ? void 0 : m.querySelector("p > a");
+    const o = (m = this.currentNode) == null ? void 0 : m.querySelector("p");
     if (!o)
       return;
     const p = e !== void 0 ? e : this.store.nameTrimming, T = this.store.orientation === I.ORIENTATION.VERTICAL;
-    p ? this.api.getDocumentModifier().modifyHtml(o).setStyle("white-space", "nowrap").setStyle("overflow", "hidden").setStyle("text-overflow", "ellipsis").setStyle("max-width", T ? "130px" : "550px").apply(new n("Text Trimming Enabled")) : this.api.getDocumentModifier().modifyHtml(o).removeStyle("white-space").removeStyle("overflow").removeStyle("text-overflow").removeStyle("max-width").apply(new n("Text Trimming Disabled"));
+    p ? this.api.getDocumentModifier().modifyHtml(o).setStyle("white-space", "nowrap").setStyle("overflow", "hidden").setStyle("text-overflow", "ellipsis").setStyle("max-width", T ? "130px" : "100%").apply(new n("Text Trimming Enabled")) : this.api.getDocumentModifier().modifyHtml(o).removeStyle("white-space").removeStyle("overflow").removeStyle("text-overflow").removeStyle("max-width").apply(new n("Text Trimming Disabled"));
   }
   _getTextTrimming() {
     return `

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

@@ -1,29 +1,28 @@
-var P = Object.defineProperty;
-var M = (T, u, e) => u in T ? P(T, u, { enumerable: !0, configurable: !0, writable: !0, value: e }) : T[u] = e;
-var C = (T, u, e) => M(T, typeof u != "symbol" ? u + "" : u, e);
-import { UEAttr as b, ModificationDescription as d } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as D } from "../../common-control.js";
+var A = Object.defineProperty;
+var M = (T, u, e) => u in T ? A(T, u, { enumerable: !0, configurable: !0, writable: !0, value: e }) : T[u] = e;
+var b = (T, u, e) => M(T, typeof u != "symbol" ? u + "" : u, e);
+import { UEAttr as C, ModificationDescription as d } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as P } from "../../common-control.js";
 import { ItemsBlockId as m } from "../enums/controlEnums.js";
-import { productPairs as p, templateFirstLine as A } from "../enums/productEnums.js";
-import { ItemTypeOptions as R, OrientationOptions as L, ItemInCartOptions as N, SETTINGS_ENUMS as S } from "../enums/settingsEnums.js";
+import { productPairs as p } from "../enums/productEnums.js";
+import { ItemTypeOptions as R, OrientationOptions as D, ItemInCartOptions as y, SETTINGS_ENUMS as S } from "../enums/settingsEnums.js";
 import x from "../layouts/horizontal.html.js";
-import H from "../layouts/vertical.html.js";
-import { useItemsBlockStore as U } from "../store/items-block.js";
-import { getDefaultTemplate as F } from "../template.js";
-import { syncCurrencySymbolFromAttributes as $, syncCurrencyLocationFromAttributes as k, syncFormattedPriceFromAttributes as q } from "../utils/syncAttributesFromConfigBlock.js";
+import L from "../layouts/vertical.html.js";
+import { useItemsBlockStore as H } from "../store/items-block.js";
+import { getDefaultTemplate as U } from "../template.js";
 import { updateConfigBlockAttributes as f } from "../utils/updateAttributes.js";
-const w = "ui-elements-items-block", o = {
+const $ = "ui-elements-items-block", s = {
   ITEMS_TYPE: "itemsType",
   ORIENTATION: "orientation",
   ITEM_IDS: "itemIds"
 };
-class Z extends D {
+class W extends P {
   constructor() {
     super(...arguments);
-    C(this, "store", U());
+    b(this, "store", H());
   }
   getId() {
-    return w;
+    return $;
   }
   getTemplate() {
     return `
@@ -36,24 +35,17 @@ class Z extends D {
   }
   onRender() {
     this.api.updateValues({
-      [o.ORIENTATION]: this.store.orientation,
-      [o.ITEMS_TYPE]: this.store.itemsType,
-      [o.ITEM_IDS]: this.store.itemIds
+      [s.ORIENTATION]: this.store.orientation,
+      [s.ITEMS_TYPE]: this.store.itemsType,
+      [s.ITEM_IDS]: this.store.itemIds
     }), this._listenToFormUpdates();
   }
   onTemplateNodeUpdated(e) {
-    super.onTemplateNodeUpdated(e), this.handleBlockInstanceChange(
-      () => {
-        $(this.currentNode), k(this.currentNode), q(this.currentNode);
-      },
-      () => {
-        this.api.updateValues({
-          [o.ORIENTATION]: this.store.orientation,
-          [o.ITEMS_TYPE]: this.store.itemsType,
-          [o.ITEM_IDS]: this.store.itemIds
-        }), this._initializeSelectItems();
-      }
-    );
+    this.currentNode = e, this.api.updateValues({
+      [s.ORIENTATION]: this.store.orientation,
+      [s.ITEMS_TYPE]: this.store.itemsType,
+      [s.ITEM_IDS]: this.store.itemIds
+    }), this._initializeSelectItems();
   }
   onDestroy() {
     const e = this._getTemplateData();
@@ -64,7 +56,7 @@ class Z extends D {
             ${this._GuOneColumn([
       this._GuLabel({ text: "Item Type" }),
       this._GuSelect({
-        name: o.ITEMS_TYPE,
+        name: s.ITEMS_TYPE,
         className: "es-100",
         placeholder: "Select Item Type",
         options: R
@@ -77,8 +69,8 @@ class Z extends D {
             ${this._GuTwoColumns([
       this._GuLabel({ text: "Orientation" }),
       this._GuRadioButton({
-        name: o.ORIENTATION,
-        buttons: L
+        name: s.ORIENTATION,
+        buttons: D
       })
     ])}
         `;
@@ -88,7 +80,7 @@ class Z extends D {
             ${this._GuTwoColumns([
       this._GuLabel({ text: "Item in Cart" }),
       this._GuSelect({
-        name: o.ITEM_IDS,
+        name: s.ITEM_IDS,
         className: "es-100",
         placeholder: "Select Item In Cart",
         options: []
@@ -97,43 +89,43 @@ class Z extends D {
         `;
   }
   _onOrientationChange(e) {
-    console.debug("Orientation changed to: ", e), this.store.setOrientation(e), this.api.updateValues({ [o.ORIENTATION]: e }), f(this.currentNode, this.api), this._reOrderTemplate(), this._recalculateTrimming();
+    console.debug("Orientation changed to: ", e), this.store.setOrientation(e), this.api.updateValues({ [s.ORIENTATION]: e }), f(this.currentNode, this.api), this._reOrderTemplate(), this._recalculateTrimming();
   }
-  _onItemsTypeChange(e) {
-    const i = S.ITEMS_TYPE[e], t = N[e], r = t == null ? void 0 : t[0];
-    !i || !r || (this.store.setItemsType(i), this.store.setItemIds(r.value), f(this.currentNode, this.api), this._updateDataTypeAttributes(i), this._initializeSelectItems(), this._reFillTemplate());
+  _onItemsTypeChange(e, i) {
+    const { itemIds: t } = this.store, r = S.ITEMS_TYPE[e], n = y[i].findIndex((a) => a.value === t), o = y[e][n];
+    r && (this.store.setItemsType(r), this.store.setItemIds(o.value), f(this.currentNode, this.api), this._updateDataTypeAttributes(r), this._initializeSelectItems(), this._reFillTemplate());
   }
   _onItemIdsChange(e) {
-    console.debug("Item ids changed to: ", e), this.store.setItemIds(e), this.api.updateValues({ [o.ITEM_IDS]: e }), f(this.currentNode, this.api), this._updateDataNumberAttributes(e), this._reFillTemplate();
+    console.debug("Item ids changed to: ", e), this.store.setItemIds(e), this.api.updateValues({ [s.ITEM_IDS]: e }), f(this.currentNode, this.api), this._updateDataNumberAttributes(e), this._reFillTemplate();
   }
   _initializeSelectItems() {
     this.api.setUIEAttribute(
-      o.ITEMS_TYPE,
-      b.SELECTPICKER.items,
+      s.ITEMS_TYPE,
+      C.SELECTPICKER.items,
       R
     );
     const { itemsType: e, itemIds: i } = this.store;
     this.api.updateValues({
-      [o.ITEMS_TYPE]: e
+      [s.ITEMS_TYPE]: e
     });
-    const t = N[e];
+    const t = y[e];
     this.api.setUIEAttribute(
-      o.ITEM_IDS,
-      b.SELECTPICKER.items,
+      s.ITEM_IDS,
+      C.SELECTPICKER.items,
       t
     ), this.api.updateValues({
-      [o.ITEM_IDS]: i
+      [s.ITEM_IDS]: i
     });
   }
   _listenToFormUpdates() {
     this.api.onValueChanged(
-      o.ITEMS_TYPE,
-      (e) => this._onItemsTypeChange(e)
+      s.ITEMS_TYPE,
+      (e, i) => this._onItemsTypeChange(e, i)
     ), this.api.onValueChanged(
-      o.ORIENTATION,
+      s.ORIENTATION,
       (e) => this._onOrientationChange(e)
     ), this.api.onValueChanged(
-      o.ITEM_IDS,
+      s.ITEM_IDS,
       (e) => this._onItemIdsChange(e)
     );
   }
@@ -144,19 +136,19 @@ class Z extends D {
       itemIds: t,
       currencySymbol: r,
       currencyLocation: n,
-      formattedPrice: s
+      formattedPrice: o
     } = this.store;
-    this.api.getDocumentModifier().modifyHtml(this.currentNode).setInnerHtml(F({
+    this.api.getDocumentModifier().modifyHtml(this.currentNode).setInnerHtml(U({
       orientation: e,
       itemsType: i,
       itemId: t,
       currencySymbol: r,
       currencyLocation: n,
-      formattedPrice: s
+      formattedPrice: o
     })).apply(new d("Updated template"));
   }
   _getTemplateData() {
-    const { itemsType: e, itemIds: i, formattedPrice: t } = this.store, r = N[e].findIndex((s) => s.value === i), n = r > -1 ? r : 0;
+    const { itemsType: e, itemIds: i, formattedPrice: t } = this.store, r = y[e].findIndex((o) => o.value === i), n = r > -1 ? r : 0;
     return {
       imageSrc: p.PAIRS_FOR_EXTENSION.imageSrc[e].DEFAULT[n],
       name: p.PAIRS_FOR_EXTENSION.name[e].DEFAULT[n],
@@ -181,19 +173,19 @@ class Z extends D {
     r = r.replace(t, e), this.api.getDocumentModifier().modifyHtml(i).setInnerHtml(r).apply(new d("Updated name"));
   }
   _updatePrice(e) {
-    var E;
-    const i = (E = this.currentNode) == null ? void 0 : E.querySelector(`[esd-extension-block-id="${m.PRICE}"]`);
+    var g;
+    const i = (g = this.currentNode) == null ? void 0 : g.querySelector(`[esd-extension-block-id="${m.PRICE}"]`);
     if (!i)
       return;
     const t = this._getParagraphFromBlock(i);
     if (!t)
       return;
-    const r = t.getInnerHTML() || "", n = t.getInnerText() || "", { currencySymbol: s, currencyLocation: a } = this.store, l = (s == null ? void 0 : s.trim()) || "", c = this._removeCurrencySymbol(n, l), h = this._replacePriceNumber(c, e), I = this._buildPriceContent(h, l, a), _ = r.replace(n, I);
+    const r = t.getInnerHTML() || "", n = t.getInnerText() || "", { currencySymbol: o, currencyLocation: a } = this.store, l = (o == null ? void 0 : o.trim()) || "", c = this._removeCurrencySymbol(n, l), I = this._replacePriceNumber(c, e), h = this._buildPriceContent(I, l, a), _ = r.replace(n, h);
     this.api.getDocumentModifier().modifyHtml(t).setInnerHtml(_).apply(new d("Updated price"));
   }
   _updateOriginalPrice(e) {
-    var y;
-    const i = (y = this.currentNode) == null ? void 0 : y.querySelector(
+    var E;
+    const i = (E = this.currentNode) == null ? void 0 : E.querySelector(
       `[esd-extension-block-id="${m.ORIGINAL_PRICE}"]`
     );
     if (!i)
@@ -204,8 +196,8 @@ class Z extends D {
     const r = t.querySelector("s");
     if (!r)
       return;
-    const n = r.getInnerHTML() || "", s = r.getInnerText() || "", { currencySymbol: a, currencyLocation: l } = this.store, c = (a == null ? void 0 : a.trim()) || "", h = this._removeCurrencySymbol(s, c), I = this._replacePriceNumber(h, e), _ = this._buildPriceContent(I, c, l), g = `<s>${n.replace(s, _)}</s>`;
-    this.api.getDocumentModifier().modifyHtml(t).setInnerHtml(g).apply(new d("Updated original price"));
+    const n = r.getInnerHTML() || "", o = r.getInnerText() || "", { currencySymbol: a, currencyLocation: l } = this.store, c = (a == null ? void 0 : a.trim()) || "", I = this._removeCurrencySymbol(o, c), h = this._replacePriceNumber(I, e), _ = this._buildPriceContent(h, c, l), N = `<s>${n.replace(o, _)}</s>`;
+    this.api.getDocumentModifier().modifyHtml(t).setInnerHtml(N).apply(new d("Updated original price"));
   }
   _updateQuantity(e) {
     var a;
@@ -213,37 +205,42 @@ class Z extends D {
     if (!t)
       return;
     const r = t.getStyle("display") === "none", n = t.getInnerText().trim();
-    let s = t.getInnerHTML();
-    s = s.replace(n, e), this.api.getDocumentModifier().modifyHtml(t).setInnerHtml(s).setStyle("display", i && !r ? "table-cell" : "none").apply(new d("Updated quantity"));
+    let o = t.getInnerHTML();
+    o = o.replace(n, e), this.api.getDocumentModifier().modifyHtml(t).setInnerHtml(o).setStyle("display", i && !r ? "table-cell" : "none").apply(new d("Updated quantity"));
+  }
+  _updateButton(e) {
+    var n;
+    const i = (n = this.currentNode) == null ? void 0 : n.querySelector(`[esd-extension-block-id="${m.BUTTON}"]`);
+    if (!i)
+      return;
+    const t = i.getInnerText().trim();
+    let r = i.getInnerHTML();
+    r = r.replace(t, e), this.api.getDocumentModifier().modifyHtml(i).setInnerHtml(r).apply(new d("Updated button"));
   }
-  /**
-   * @todo Optimize template reordering for performance.
-   * @description Reorders the template structure based on current orientation and visibility settings.
-   */
   _reOrderTemplate() {
-    var h, I, _, E, g, y, O;
-    const e = (h = this.currentNode) == null ? void 0 : h.querySelector(`[esd-extension-block-id="${m.IMAGE}"]`), i = (I = this.currentNode) == null ? void 0 : I.querySelector(`[esd-extension-block-id="${m.NAME}"]`), t = (_ = this.currentNode) == null ? void 0 : _.querySelector(`[esd-extension-block-id="${m.PRICE}"]`), r = (E = this.currentNode) == null ? void 0 : E.querySelector(
+    var I, h, _, g, N, E, O;
+    const e = (I = this.currentNode) == null ? void 0 : I.querySelector(`[esd-extension-block-id="${m.IMAGE}"]`), i = (h = this.currentNode) == null ? void 0 : h.querySelector(`[esd-extension-block-id="${m.NAME}"]`), t = (_ = 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 = (g = this.currentNode) == null ? void 0 : g.querySelector(`[esd-extension-block-id="${m.QUANTITY}"]`), s = (y = this.currentNode) == null ? void 0 : y.querySelector(`[esd-extension-block-id="${m.BUTTON}"]`), a = (O = this.currentNode) == null ? void 0 : O.querySelector("esd-config-block");
-    if (!e || !i || !t || !r || !n || !s || !a)
+    ), n = (N = this.currentNode) == null ? void 0 : N.querySelector(`[esd-extension-block-id="${m.QUANTITY}"]`), o = (E = this.currentNode) == null ? void 0 : E.querySelector(`[esd-extension-block-id="${m.BUTTON}"]`), a = (O = this.currentNode) == null ? void 0 : O.querySelector("esd-config-block");
+    if (!e || !i || !t || !r || !n || !o || !a)
       return;
     const { orientation: l } = this.store;
-    let c = l === S.ORIENTATION.VERTICAL ? H : x;
-    c = c.replace("{-{-TEMPLATE_FIRST_LINE-}-}", A).replace("{-{-PRODUCT_IMAGE-}-}", e.getOuterHTML()).replace("{-{-PRODUCT_NAME-}-}", i.getOuterHTML()).replace("{-{-PRODUCT_PRICE-}-}", t.getOuterHTML()).replace("{-{-PRODUCT_ORIGINAL_PRICE-}-}", r.getOuterHTML()).replace("{-{-PRODUCT_QUANTITY-}-}", n.getOuterHTML()).replace("{-{-PRODUCT_BUTTON-}-}", s.getOuterHTML()).replace("{-{-CONFIG_BLOCK-}-}", a.getOuterHTML()), c = c.trim().replace(A, "").slice(0, -5), this.api.getDocumentModifier().modifyHtml(this.currentNode).setInnerHtml(c).apply(new d("Reordered template"));
+    let c = l === S.ORIENTATION.VERTICAL ? L : x;
+    c = c.replace("{-{-PRODUCT_IMAGE-}-}", e.getOuterHTML()).replace("{-{-PRODUCT_NAME-}-}", i.getOuterHTML()).replace("{-{-PRODUCT_PRICE-}-}", t.getOuterHTML()).replace("{-{-PRODUCT_ORIGINAL_PRICE-}-}", r.getOuterHTML()).replace("{-{-PRODUCT_QUANTITY-}-}", n.getOuterHTML()).replace("{-{-PRODUCT_BUTTON-}-}", o.getOuterHTML()).replace("{-{-CONFIG_BLOCK-}-}", a.getOuterHTML()), c = c.trim().replace('<td align="center" class="ins-product-td items-block">', "").slice(0, -5), this.api.getDocumentModifier().modifyHtml(this.currentNode).setInnerHtml(c).apply(new d("Reordered template"));
   }
   _updateDataTypeAttributes(e) {
     if (!this.currentNode)
       return;
     const i = this.currentNode.closest(".ins-product-td"), t = this.api.getDocumentModifier();
     i && t.modifyHtml(i).setAttribute("data-type", e), this.currentNode.querySelectorAll("[data-type]").forEach((n) => {
-      const s = n;
-      t.modifyHtml(s).setAttribute("data-type", e);
+      const o = n;
+      t.modifyHtml(o).setAttribute("data-type", e);
     }), t.apply(new d("Updated data-type attribute"));
   }
   _updateDataNumberAttributes(e) {
     if (!this.currentNode)
       return;
-    const { itemsType: i } = this.store, t = N[i].findIndex((l) => l.value === e);
+    const { itemsType: i } = this.store, t = y[i].findIndex((l) => l.value === e);
     let r = "1";
     if (t >= 0)
       r = String(t + 1);
@@ -254,15 +251,15 @@ class Z extends D {
         r = c;
       }
     }
-    const n = this.currentNode.closest(".ins-product-td"), s = this.api.getDocumentModifier();
-    n && s.modifyHtml(n).setAttribute("data-number", r), this.currentNode.querySelectorAll("[data-number]").forEach((l) => {
+    const n = this.currentNode.closest(".ins-product-td"), o = this.api.getDocumentModifier();
+    n && o.modifyHtml(n).setAttribute("data-number", r), this.currentNode.querySelectorAll("[data-number]").forEach((l) => {
       const c = l;
-      s.modifyHtml(c).setAttribute("data-number", r);
-    }), s.apply(new d("Updated data-number attribute"));
+      o.modifyHtml(c).setAttribute("data-number", r);
+    }), o.apply(new d("Updated data-number attribute"));
   }
   _reFillTemplate() {
     const e = this._getTemplateData();
-    this._updateImageSrc(e.imageSrc), this._updateName(e.name), this._updatePrice(e.price), this._updateOriginalPrice(e.originalPrice), this._updateQuantity(e.quantity);
+    this._updateImageSrc(e.imageSrc), this._updateName(e.name), this._updatePrice(e.price), this._updateOriginalPrice(e.originalPrice), this._updateQuantity(e.quantity), this._updateButton(e.button);
   }
   _recalculateTrimming() {
     var r;
@@ -292,7 +289,7 @@ class Z extends D {
     } else {
       const n = t.match(/([^0-9.,\s]+)/);
       if (n && n[1]) {
-        const s = n[1].trim(), a = new RegExp(`\\s*${this._escapeRegex(s)}\\s*`);
+        const o = n[1].trim(), a = new RegExp(`\\s*${this._escapeRegex(o)}\\s*`);
         r = t.replace(a, "").trim();
       }
     }
@@ -307,6 +304,6 @@ class Z extends D {
   }
 }
 export {
-  w as CONTROL_BLOCK_ID,
-  Z as ItemsBlockControl
+  $ as CONTROL_BLOCK_ID,
+  W as ItemsBlockControl
 };

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

@@ -1,6 +1,4 @@
-import _ from "../../../../node_modules/lodash-es/flatMap.js";
-import i from "../../../../node_modules/lodash-es/range.js";
-const o = '<td align="center" class="ins-product-td items-block items-block-v2">', R = {
+const e = {
   TYPE: "data-type",
   ITEMS_INDEX_SELECT_CONTROL_VALUE: "data-cart_items_select_control_value",
   ORIENTATION: "data-card_orientation_control_value",
@@ -24,7 +22,7 @@ const o = '<td align="center" class="ins-product-td items-block items-block-v2">
   PRODUCT_PRICE_VISIBLE: "data-product_price_visible",
   PRODUCT_ORIGINAL_PRICE_VISIBLE: "data-product_original_price_visible",
   PRODUCT_BUTTON_VISIBLE: "data-product_button_visible"
-}, t = { PAIRS_FOR_EXTENSION: {
+}, s = { PAIRS_FOR_EXTENSION: {
   imageSrc: {
     CART_ITEMS: {
       ATTR: "ins_apr_img",
@@ -211,63 +209,7 @@ const o = '<td align="center" class="ins-product-td items-block items-block-v2">
     }
   }
 } };
-function m(e, a = 8) {
-  return i(1, a + 1).map((s) => `${e}_${s}`);
-}
-function E() {
-  const { PAIRS_FOR_EXTENSION: e } = t, a = [];
-  return a.push(
-    e.imageSrc.CART_ITEMS.ATTR,
-    e.imageSrc.BROWSED_ITEMS.ATTR,
-    e.imageSrc.PURCHASED_ITEMS.ATTR
-  ), a.push(
-    e.name.CART_ITEMS.ATTR,
-    e.name.CART_ITEMS.HREF,
-    e.name.BROWSED_ITEMS.ATTR,
-    e.name.BROWSED_ITEMS.HREF,
-    e.name.PURCHASED_ITEMS.ATTR,
-    e.name.PURCHASED_ITEMS.HREF
-  ), a.push(
-    e.quantity.CART_ITEMS.ATTR,
-    e.quantity.BROWSED_ITEMS.ATTR,
-    e.quantity.PURCHASED_ITEMS.ATTR
-  ), a.push(
-    e.price.CART_ITEMS.PRICE,
-    e.price.CART_ITEMS.PRICE_FORMATTED,
-    e.price.CART_ITEMS.CURRENCY,
-    e.price.BROWSED_ITEMS.PRICE,
-    e.price.BROWSED_ITEMS.PRICE_FORMATTED,
-    e.price.BROWSED_ITEMS.CURRENCY,
-    e.price.PURCHASED_ITEMS.PRICE,
-    e.price.PURCHASED_ITEMS.PRICE_FORMATTED,
-    e.price.PURCHASED_ITEMS.CURRENCY
-  ), a.push(
-    e.originalPrice.CART_ITEMS.PRICE,
-    e.originalPrice.CART_ITEMS.PRICE_FORMATTED,
-    e.originalPrice.CART_ITEMS.CURRENCY,
-    e.originalPrice.BROWSED_ITEMS.PRICE,
-    e.originalPrice.BROWSED_ITEMS.PRICE_FORMATTED,
-    e.originalPrice.BROWSED_ITEMS.CURRENCY,
-    e.originalPrice.PURCHASED_ITEMS.PRICE,
-    e.originalPrice.PURCHASED_ITEMS.PRICE_FORMATTED,
-    e.originalPrice.PURCHASED_ITEMS.CURRENCY
-  ), a.push(
-    e.button.CART_ITEMS.HREF,
-    e.button.BROWSED_ITEMS.HREF,
-    e.button.PURCHASED_ITEMS.HREF
-  ), a.push(
-    e.itemLink.CART_ITEMS.HREF,
-    e.itemLink.BROWSED_ITEMS.HREF,
-    e.itemLink.PURCHASED_ITEMS.HREF
-  ), a;
-}
-const p = _(
-  E(),
-  (e) => m(e)
-);
 export {
-  R as configAttributes,
-  p as itemsBlockDynamicVariables,
-  t as productPairs,
-  o as templateFirstLine
+  e as configAttributes,
+  s as productPairs
 };

package/dist/extensions/Blocks/Items/layouts/horizontal.html.js

@@ -1,60 +1,60 @@
-const t = `{-{-TEMPLATE_FIRST_LINE-}-}
-<table class="es-left ins-product-wrapper" cellspacing="0" cellpadding="0" align="left" width="100%">
-    {-{-CONFIG_BLOCK-}-}
-    <tbody>
-        <tr>
-            <td class="es-p20b es-p10r es-p10l es-m-p20b es-p10t" width="100%" align="center">
-                <table class="ins-product-cart" width="100%" cellspacing="0" cellpadding="0">
-                    <tr style="vertical-align: top">
-                        <td colspan="2" width="100%" align="center" data-slot-1>
-                            <table width="100%">
-                                <tbody>
-                                    {-{-PRODUCT_IMAGE-}-}
-                                </tbody>
-                            </table>
-                        </td>
-                    </tr>
-                    {-{-PRODUCT_NAME-}-}
-                    <tr>
-                        <td width="50%" style=" width: 50%;display: block;float: left;" class="product-price-class">
-                            <table width="100%">
-                                <tbody>
-                                    {-{-PRODUCT_PRICE-}-}
-                                </tbody>
-                            </table>
-                        </td>
-                        <td width="50%" style=" width: 50%;display: block;float: left;"
-                            class="product-original-price-class">
-                            <table width="100%">
-                                <tbody>
-                                    {-{-PRODUCT_ORIGINAL_PRICE-}-}
-                                </tbody>
-                            </table>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td width="100%">
-                            <table width="100%">
-                                <tbody>
-                                    {-{-PRODUCT_QUANTITY-}-}
-                                </tbody>
-                            </table>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td width="100%">
-                            <table width="100%">
-                                <tbody>
-                                    {-{-PRODUCT_BUTTON-}-}
-                                </tbody>
-                            </table>
-                        </td>
-                    </tr>
-                </table>
-            </td>
-        </tr>
-    </tbody>
-</table>
+const t = `<td align="center" class="ins-product-td items-block items-block-v2">
+    <table class="es-left ins-product-wrapper" cellspacing="0" cellpadding="0" align="left" width="100%">
+        {-{-CONFIG_BLOCK-}-}
+        <tbody>
+            <tr>
+                <td class="es-p20b es-p10r es-p10l es-m-p20b es-p10t" width="100%" align="center">
+                    <table class="ins-product-cart" width="100%" cellspacing="0" cellpadding="0">
+                        <tr style="vertical-align: top">
+                            <td colspan="2" width="100%" align="center" data-slot-1>
+                                <table width="100%">
+                                    <tbody>
+                                        {-{-PRODUCT_IMAGE-}-}
+                                    </tbody>
+                                </table>
+                            </td>
+                        </tr>
+                        {-{-PRODUCT_NAME-}-}
+                        <tr>
+                            <td width="50%" style=" width: 50%;display: block;float: left;" class="product-price-class">
+                                <table width="100%">
+                                    <tbody>
+                                        {-{-PRODUCT_PRICE-}-}
+                                    </tbody>
+                                </table>
+                            </td>
+                            <td width="50%" style=" width: 50%;display: block;float: left;"
+                                class="product-original-price-class">
+                                <table width="100%">
+                                    <tbody>
+                                        {-{-PRODUCT_ORIGINAL_PRICE-}-}
+                                    </tbody>
+                                </table>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td width="100%">
+                                <table width="100%">
+                                    <tbody>
+                                        {-{-PRODUCT_QUANTITY-}-}
+                                    </tbody>
+                                </table>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td width="100%">
+                                <table width="100%">
+                                    <tbody>
+                                        {-{-PRODUCT_BUTTON-}-}
+                                    </tbody>
+                                </table>
+                            </td>
+                        </tr>
+                    </table>
+                </td>
+            </tr>
+        </tbody>
+    </table>
 </td>
 `;
 export {