@useinsider/guido 2.0.0-beta.eee5ecc → 2.0.0-beta.f66b754

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

@@ -1,28 +1,28 @@
-var x = Object.defineProperty;
-var H = (I, h, e) => h in I ? x(I, h, { enumerable: !0, configurable: !0, writable: !0, value: e }) : I[h] = e;
-var O = (I, h, e) => H(I, typeof h != "symbol" ? h + "" : h, e);
-import { UEAttr as C, ModificationDescription as p } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as k } from "../../common-control.js";
+var L = Object.defineProperty;
+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 T, templateFirstLine as b } from "../enums/productEnums.js";
-import { ItemTypeOptions as R, OrientationOptions as U, ItemInCartOptions as N, SETTINGS_ENUMS as S, DefaultConfigValues as P } from "../enums/settingsEnums.js";
-import F from "../layouts/horizontal.html.js";
-import $ from "../layouts/vertical.html.js";
-import { useItemsBlockStore as q } from "../store/items-block.js";
-import { getDefaultTemplate as w } from "../template.js";
-import { getItemsBlockConfig as A, setItemsBlockConfig as f, escapeReplacement as L } from "../utils/nodeConfigUtils.js";
-const B = "ui-elements-items-block", a = {
+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 F } from "../template.js";
+import { getItemsBlockConfig as P, setItemsBlockConfig as f } from "../utils/nodeConfigUtils.js";
+const $ = "ui-elements-items-block", a = {
   ITEMS_TYPE: "itemsType",
   ORIENTATION: "orientation",
   ITEM_IDS: "itemIds"
 };
-class J extends k {
+class K extends D {
   constructor() {
     super(...arguments);
-    O(this, "store", q());
+    O(this, "store", U());
   }
   getId() {
-    return B;
+    return $;
   }
   getTemplate() {
     return `
@@ -43,7 +43,7 @@ class J extends k {
   onTemplateNodeUpdated(e) {
     super.onTemplateNodeUpdated(e), console.debug("Items Block Config", e.getNodeConfig()), this.handleBlockInstanceChange(
       () => {
-        const t = A(this.currentNode);
+        const t = P(this.currentNode);
         t && (this.store.setItemsType(t.type), this.store.setItemIds(t.itemsSelectValue), this.store.setOrientation(t.orientation), this.store.setCurrencySymbol(t.priceCurrencySymbol), this.store.setCurrencyLocation(t.priceCurrencyLocation), this.store.setFormattedPrice(t.priceFormatted), this.store.setImageLink(t.imageLink), this.store.setButtonLink(t.buttonLink));
       },
       () => {
@@ -78,7 +78,7 @@ class J extends k {
       this._GuLabel({ text: "Orientation" }),
       this._GuRadioButton({
         name: a.ORIENTATION,
-        buttons: U
+        buttons: x
       })
     ])}
         `;
@@ -159,32 +159,32 @@ class J extends k {
       itemIds: i,
       currencySymbol: r,
       currencyLocation: n,
-      formattedPrice: o
+      formattedPrice: s
     } = this.store;
-    this.api.getDocumentModifier().modifyHtml(this.currentNode).setInnerHtml(w({
+    this.api.getDocumentModifier().modifyHtml(this.currentNode).setInnerHtml(F({
       orientation: e,
       itemsType: t,
       itemId: i,
       currencySymbol: r,
       currencyLocation: n,
-      formattedPrice: o
-    })).apply(new p("Updated template"));
+      formattedPrice: s
+    })).apply(new u("Updated template"));
   }
   _getTemplateData() {
-    const { itemsType: e, itemIds: t, formattedPrice: i } = this.store, r = N[e].findIndex((o) => o.value === t), n = r > -1 ? r : 0;
+    const { itemsType: e, itemIds: t, formattedPrice: i } = this.store, r = N[e].findIndex((s) => s.value === t), n = r > -1 ? r : 0;
     return {
-      imageSrc: T.PAIRS_FOR_EXTENSION.imageSrc[e].DEFAULT[n],
-      name: T.PAIRS_FOR_EXTENSION.name[e].DEFAULT[n],
-      price: i ? T.PAIRS_FOR_EXTENSION.price[e].DEFAULT_PRICE_FORMATTED : T.PAIRS_FOR_EXTENSION.price[e].DEFAULT_PRICE,
-      originalPrice: i ? T.PAIRS_FOR_EXTENSION.originalPrice[e].DEFAULT_PRICE_FORMATTED : T.PAIRS_FOR_EXTENSION.originalPrice[e].DEFAULT_PRICE,
-      quantity: T.PAIRS_FOR_EXTENSION.quantity[e].DEFAULT,
-      button: T.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) {
     var i;
     const t = (i = this.currentNode) == null ? void 0 : i.querySelector(`[esd-extension-block-id="${m.IMAGE}"] img`);
-    t && this.api.getDocumentModifier().modifyHtml(t).setAttribute("src", e).apply(new p("Updated image src"));
+    t && this.api.getDocumentModifier().modifyHtml(t).setAttribute("src", e).apply(new u("Updated image src"));
   }
   _updateName(e) {
     var n;
@@ -193,7 +193,7 @@ class J extends k {
       return;
     const i = t.getInnerText().trim();
     let r = t.getInnerHTML();
-    r = r.replace(i, e), this.api.getDocumentModifier().modifyHtml(t).setInnerHtml(r).apply(new p("Updated name"));
+    r = r.replace(i, e), this.api.getDocumentModifier().modifyHtml(t).setInnerHtml(r).apply(new u("Updated name"));
   }
   _updatePrice(e) {
     var g;
@@ -203,12 +203,12 @@ class J extends k {
     const i = this._getParagraphFromBlock(t);
     if (!i)
       return;
-    const r = i.getInnerHTML() || "", n = i.getInnerText() || "", { currencySymbol: o, currencyLocation: l } = this.store, c = (o == null ? void 0 : o.trim()) || "", s = this._removeCurrencySymbol(n, c), u = this._replacePriceNumber(s, e), d = this._buildPriceContent(u, c, l), _ = r.replace(n, d);
-    this.api.getDocumentModifier().modifyHtml(i).setInnerHtml(_).apply(new p("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 y;
-    const t = (y = this.currentNode) == null ? void 0 : y.querySelector(
+    var E;
+    const t = (E = this.currentNode) == null ? void 0 : E.querySelector(
       `[esd-extension-block-id="${m.ORIGINAL_PRICE}"]`
     );
     if (!t)
@@ -219,35 +219,29 @@ class J extends k {
     const r = i.querySelector("s");
     if (!r)
       return;
-    const n = r.getInnerHTML() || "", o = r.getInnerText() || "", { currencySymbol: l, currencyLocation: c } = this.store, s = (l == null ? void 0 : l.trim()) || "", u = this._removeCurrencySymbol(o, s), d = this._replacePriceNumber(u, e), _ = this._buildPriceContent(d, s, c), E = `<s>${n.replace(o, _)}</s>`;
-    this.api.getDocumentModifier().modifyHtml(i).setInnerHtml(E).apply(new p("Updated original price"));
+    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 = A(this.currentNode), r = (i == null ? void 0 : i.quantityControlEnabled) !== !1, n = t && r, o = (d = this.currentNode) == null ? void 0 : d.querySelector(`[esd-extension-block-id="${m.QUANTITY}"]`);
-    if (!o)
+    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 = this._getParagraphFromBlock(o);
-    if (!l)
-      return;
-    const c = l.getInnerText().trim();
-    let s = l.getInnerHTML();
-    s = s.replace(c, e);
-    const u = this.api.getDocumentModifier();
-    u.modifyHtml(l).setInnerHtml(s), u.modifyHtml(o).setStyle("display", n ? "table-cell" : "none"), u.apply(new p("Updated quantity"));
+    const l = s.getInnerText().trim();
+    let o = s.getInnerHTML();
+    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 u, d, _, g, E, y;
-    const e = (u = this.currentNode) == null ? void 0 : u.querySelector(`[esd-extension-block-id="${m.IMAGE}"]`), t = (d = this.currentNode) == null ? void 0 : d.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(
+    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 = (E = this.currentNode) == null ? void 0 : E.querySelector(`[esd-extension-block-id="${m.QUANTITY}"]`), o = (y = this.currentNode) == null ? void 0 : y.querySelector(`[esd-extension-block-id="${m.BUTTON}"]`);
-    if (!e || !t || !i || !r || !n || !o)
+    ), 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)
       return;
-    const { orientation: l } = this.store, c = l === S.ORIENTATION.VERTICAL;
-    let s = c ? $ : F;
-    this.api.getDocumentModifier().modifyHtml(e.querySelector("img")).setAttribute("width", P.productImageWidth).setAttribute("height", P.productImageWidth).apply(new p("Updated image width")), setTimeout(() => {
-      const M = L(i.getOuterHTML()), D = L(r.getOuterHTML());
-      s = s.replace("{-{-TEMPLATE_FIRST_LINE-}-}", c ? b : "").replace("{-{-PRODUCT_IMAGE-}-}", e.getOuterHTML()).replace("{-{-PRODUCT_NAME-}-}", t.getOuterHTML()).replaceAll("{-{-PRODUCT_PRICE-}-}", M).replaceAll("{-{-PRODUCT_ORIGINAL_PRICE-}-}", D).replace("{-{-PRODUCT_QUANTITY-}-}", n.getOuterHTML()).replace("{-{-PRODUCT_BUTTON-}-}", o.getOuterHTML()), s = s.trim().replace(b, "").slice(0, -5), this.api.getDocumentModifier().modifyHtml(this.currentNode).setInnerHtml(s).apply(new p("Reordered template"));
+    const { orientation: l } = this.store, o = l === S.ORIENTATION.VERTICAL;
+    let c = o ? k : H;
+    this.api.getDocumentModifier().modifyHtml(e.querySelector("img")).setAttribute("width", A.productImageWidth).setAttribute("height", A.productImageWidth).apply(new u("Updated image width")), setTimeout(() => {
+      c = c.replace("{-{-TEMPLATE_FIRST_LINE-}-}", o ? b : "").replace("{-{-PRODUCT_IMAGE-}-}", e.getOuterHTML()).replace("{-{-PRODUCT_NAME-}-}", t.getOuterHTML()).replaceAll("{-{-PRODUCT_PRICE-}-}", i.getOuterHTML()).replaceAll("{-{-PRODUCT_ORIGINAL_PRICE-}-}", r.getOuterHTML()).replace("{-{-PRODUCT_QUANTITY-}-}", n.getOuterHTML()).replace("{-{-PRODUCT_BUTTON-}-}", s.getOuterHTML()), c = c.trim().replace(b, "").slice(0, -5), this.api.getDocumentModifier().modifyHtml(this.currentNode).setInnerHtml(c).apply(new u("Reordered template"));
     }, 50);
   }
   _updateDataTypeAttributes(e) {
@@ -255,29 +249,29 @@ class J extends k {
       return;
     const t = this.currentNode.closest(".ins-product-td"), i = this.api.getDocumentModifier();
     t && i.modifyHtml(t).setAttribute("data-type", e), this.currentNode.querySelectorAll("[data-type]").forEach((n) => {
-      const o = n;
-      i.modifyHtml(o).setAttribute("data-type", e);
-    }), i.apply(new p("Updated data-type attribute"));
+      const s = n;
+      i.modifyHtml(s).setAttribute("data-type", e);
+    }), i.apply(new u("Updated data-type attribute"));
   }
   _updateDataNumberAttributes(e) {
     if (!this.currentNode)
       return;
-    const { itemsType: t } = this.store, i = N[t].findIndex((c) => c.value === e);
+    const { itemsType: t } = this.store, i = N[t].findIndex((o) => o.value === e);
     let r = "1";
     if (i >= 0)
       r = String(i + 1);
     else if (e) {
-      const c = e.match(/\((\d+)\)/);
-      if (c) {
-        const [, s] = c;
-        r = s;
+      const o = e.match(/\((\d+)\)/);
+      if (o) {
+        const [, c] = o;
+        r = c;
       }
     }
-    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((c) => {
-      const s = c;
-      o.modifyHtml(s).setAttribute("data-number", r);
-    }), o.apply(new p("Updated data-number attribute"));
+    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((o) => {
+      const c = o;
+      s.modifyHtml(c).setAttribute("data-number", r);
+    }), s.apply(new u("Updated data-number attribute"));
   }
   _reFillTemplate() {
     const e = this._getTemplateData();
@@ -294,7 +288,7 @@ class J extends k {
     if (!t)
       return;
     const i = this.store.orientation === S.ORIENTATION.HORIZONTAL, r = this.store.nameTrimming;
-    this.api.getDocumentModifier().modifyHtml(t).setStyle("overflow", "hidden").setStyle("white-space", r ? "nowrap" : "normal").setStyle("text-overflow", r ? "ellipsis" : "unset").setStyle("max-width", i ? "130px" : "520px").setStyle("width", i ? "130px" : "520px").apply(new p("Recalculated trimming after orientation change"));
+    this.api.getDocumentModifier().modifyHtml(t).setStyle("overflow", "hidden").setStyle("white-space", r ? "nowrap" : "normal").setStyle("text-overflow", r ? "ellipsis" : "unset").setStyle("max-width", i ? "130px" : "520px").setStyle("width", i ? "130px" : "520px").apply(new u("Recalculated trimming after orientation change"));
   }
   _getParagraphFromBlock(e) {
     return e.querySelector("p");
@@ -311,7 +305,7 @@ class J extends k {
     } else {
       const n = i.match(/([^0-9.,\s]+)/);
       if (n && n[1]) {
-        const o = n[1].trim(), l = new RegExp(`\\s*${this._escapeRegex(o)}\\s*`);
+        const s = n[1].trim(), l = new RegExp(`\\s*${this._escapeRegex(s)}\\s*`);
         r = i.replace(l, "").trim();
       }
     }
@@ -322,10 +316,10 @@ class J extends k {
     return e.replace(i, t).trim();
   }
   _buildPriceContent(e, t, i) {
-    return t ? i === "1" ? `${e}&nbsp;${t}` : `${t}&nbsp;${e}` : e;
+    return t ? i === "1" ? `${e}&nbsp;${t}&nbsp;` : `${t}&nbsp;${e}` : e;
   }
 }
 export {
-  B as CONTROL_BLOCK_ID,
-  J as ItemsBlockControl
+  $ as CONTROL_BLOCK_ID,
+  K as ItemsBlockControl
 };

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

@@ -26,7 +26,9 @@ 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,20 +3,19 @@ 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 t, QuantityControls as n, OriginalPriceControls as r, PriceControls as d, ImageControls as l, ButtonControls as o } from "./controls/index.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 { NameTrimmingControl as s } from "./controls/name/trimming.js";
 import { PriceCurrencyLocationControl as c } from "./controls/price/currencyLocation.js";
-import { PriceCurrencySymbolControl as f } from "./controls/price/currencySymbol.js";
-import { PriceFormattedPriceControl as g } from "./controls/price/formattedPrice.js";
+import { PriceCurrencySymbolControl as g } from "./controls/price/currencySymbol.js";
+import { PriceFormattedPriceControl as f } 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 { 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();
+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();
 export {
-  M as default
+  j as default
 };