@useinsider/guido 3.21.2-beta.4c14c74 → 3.21.2-beta.5a809f7

package/dist/extensions/Blocks/Recommendation/controls/name/textTrim.js

@@ -1,15 +1,15 @@
 import { ModificationDescription as l } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as d } from "../../../common-control.js";
+import { CommonControl as u } from "../../../common-control.js";
 import { RecommendationBlockId as a } from "../../constants/blockIds.js";
-import { RecommendationControlId as u } from "../../constants/controlIds.js";
+import { RecommendationControlId as d } from "../../constants/controlIds.js";
 import { BLOCK_ROOT_SELECTOR as m } from "../../constants/selectors.js";
 import { CSS_CLASS_TEXT_TRIM as r, ensureTextTrimCssRulesExist as T } from "../shared/textTrimCssRules.js";
 const s = {
   TEXT_TRIM_ENABLED: "textTrimEnabled"
 };
-class N extends d {
+class N extends u {
   getId() {
-    return u.NAME_TEXT_TRIM;
+    return d.NAME_TEXT_TRIM;
   }
   getTemplate() {
     return `
@@ -23,7 +23,7 @@ class N extends d {
         `;
   }
   onRender() {
-    this.forgetLastPanelNode(), this._listenToFormUpdates();
+    this._setFormValues(), this._listenToFormUpdates();
   }
   onTemplateNodeUpdated(e) {
     super.onTemplateNodeUpdated(e), this._setFormValues();

package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/textAfter.js

@@ -4,8 +4,8 @@ import { CommonControl as l } from "../../../common-control.js";
 import { RecommendationBlockId as d } from "../../constants/blockIds.js";
 import { RecommendationControlId as T } from "../../constants/controlIds.js";
 import { BLOCK_ROOT_SELECTOR as f } from "../../constants/selectors.js";
-const s = "data-text-after", u = "", p = ".omnibus-text-after";
-class N extends l {
+const i = "data-text-after", u = "", p = ".omnibus-text-after";
+class g extends l {
   getId() {
     return T.OMNIBUS_DISCOUNT_TEXT_AFTER;
   }
@@ -24,7 +24,7 @@ class N extends l {
         `;
   }
   onRender() {
-    this.forgetLastPanelNode(), this._listenToFormUpdates();
+    this._setFormValues(), this._listenToFormUpdates();
   }
   onTemplateNodeUpdated(t) {
     super.onTemplateNodeUpdated(t), this._setFormValues();
@@ -38,7 +38,7 @@ class N extends l {
   _getCurrentText() {
     if (!this.currentNode || !("getAttribute" in this.currentNode))
       return u;
-    const t = this.currentNode.getAttribute(s);
+    const t = this.currentNode.getAttribute(i);
     return t === null ? u : t;
   }
   _onTextChange(t) {
@@ -53,9 +53,9 @@ class N extends l {
     if (!n.length)
       return;
     const o = this.api.getDocumentModifier();
-    n.forEach((i) => {
-      o.modifyHtml(i).setAttribute(s, t);
-      const r = i.querySelector(p);
+    n.forEach((s) => {
+      o.modifyHtml(s).setAttribute(i, t);
+      const r = s.querySelector(p);
       if (r) {
         const a = m(r, t);
         o.modifyHtml(r).setInnerHtml(a);
@@ -69,5 +69,5 @@ class N extends l {
   }
 }
 export {
-  N as OmnibusDiscountTextAfterControl
+  g as OmnibusDiscountTextAfterControl
 };

package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/textBefore.js

@@ -1,13 +1,13 @@
-import { preserveTextStyles as m } from "../../../../../utils/preserveTextStyles.js";
+import { preserveTextStyles as a } from "../../../../../utils/preserveTextStyles.js";
 import { ModificationDescription as c } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { CommonControl as l } from "../../../common-control.js";
 import { RecommendationBlockId as d } from "../../constants/blockIds.js";
-import { RecommendationControlId as f } from "../../constants/controlIds.js";
-import { BLOCK_ROOT_SELECTOR as T } from "../../constants/selectors.js";
-const s = "data-text-before", u = "", p = ".omnibus-text-before";
-class B extends l {
+import { RecommendationControlId as T } from "../../constants/controlIds.js";
+import { BLOCK_ROOT_SELECTOR as f } from "../../constants/selectors.js";
+const i = "data-text-before", u = "", p = ".omnibus-text-before";
+class g extends l {
   getId() {
-    return f.OMNIBUS_DISCOUNT_TEXT_BEFORE;
+    return T.OMNIBUS_DISCOUNT_TEXT_BEFORE;
   }
   getTemplate() {
     return `
@@ -24,7 +24,7 @@ class B extends l {
         `;
   }
   onRender() {
-    this.forgetLastPanelNode(), this._listenToFormUpdates();
+    this._setFormValues(), this._listenToFormUpdates();
   }
   onTemplateNodeUpdated(t) {
     super.onTemplateNodeUpdated(t), this._setFormValues();
@@ -38,13 +38,13 @@ class B extends l {
   _getCurrentText() {
     if (!this.currentNode || !("getAttribute" in this.currentNode))
       return u;
-    const t = this.currentNode.getAttribute(s);
+    const t = this.currentNode.getAttribute(i);
     return t === null ? u : t;
   }
   _onTextChange(t) {
     if (!this.currentNode || !("closest" in this.currentNode))
       return;
-    const e = this.currentNode.closest(T);
+    const e = this.currentNode.closest(f);
     if (!e || !("querySelectorAll" in e))
       return;
     const n = Array.from(
@@ -53,12 +53,12 @@ class B extends l {
     if (!n.length)
       return;
     const o = this.api.getDocumentModifier();
-    n.forEach((i) => {
-      o.modifyHtml(i).setAttribute(s, t);
-      const r = i.querySelector(p);
+    n.forEach((s) => {
+      o.modifyHtml(s).setAttribute(i, t);
+      const r = s.querySelector(p);
       if (r) {
-        const a = m(r, t);
-        o.modifyHtml(r).setInnerHtml(a);
+        const m = a(r, t);
+        o.modifyHtml(r).setInnerHtml(m);
       }
     }), o.apply(new c("Update omnibus discount text before"));
   }
@@ -69,5 +69,5 @@ class B extends l {
   }
 }
 export {
-  B as OmnibusDiscountTextBeforeControl
+  g as OmnibusDiscountTextBeforeControl
 };

package/dist/extensions/Blocks/Recommendation/controls/omnibusPrice/textAfter.js

@@ -1,11 +1,11 @@
-import { preserveTextStyles as l } from "../../../../../utils/preserveTextStyles.js";
-import { ModificationDescription as m } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as u } from "../../../common-control.js";
+import { preserveTextStyles as u } from "../../../../../utils/preserveTextStyles.js";
+import { ModificationDescription as c } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as l } from "../../../common-control.js";
 import { RecommendationBlockId as d } from "../../constants/blockIds.js";
 import { RecommendationControlId as T } from "../../constants/controlIds.js";
-import { BLOCK_ROOT_SELECTOR as f } from "../../constants/selectors.js";
-const s = "data-text-after", a = "", p = ".omnibus-text-after";
-class g extends u {
+import { BLOCK_ROOT_SELECTOR as p } from "../../constants/selectors.js";
+const s = "data-text-after", a = "", f = ".omnibus-text-after";
+class g extends l {
   getId() {
     return T.OMNIBUS_PRICE_TEXT_AFTER;
   }
@@ -24,7 +24,7 @@ class g extends u {
         `;
   }
   onRender() {
-    this.forgetLastPanelNode(), this._listenToFormUpdates();
+    this._setFormValues(), this._listenToFormUpdates();
   }
   onTemplateNodeUpdated(t) {
     super.onTemplateNodeUpdated(t), this._setFormValues();
@@ -44,7 +44,7 @@ class g extends u {
   _onTextChange(t) {
     if (!this.currentNode || !("closest" in this.currentNode))
       return;
-    const e = this.currentNode.closest(f);
+    const e = this.currentNode.closest(p);
     if (!e || !("querySelectorAll" in e))
       return;
     const n = Array.from(
@@ -55,12 +55,12 @@ class g extends u {
     const r = this.api.getDocumentModifier();
     n.forEach((i) => {
       r.modifyHtml(i).setAttribute(s, t);
-      const o = i.querySelector(p);
+      const o = i.querySelector(f);
       if (o) {
-        const c = l(o, t);
-        r.modifyHtml(o).setInnerHtml(c);
+        const m = u(o, t);
+        r.modifyHtml(o).setInnerHtml(m);
       }
-    }), r.apply(new m("Update omnibus price text after"));
+    }), r.apply(new c("Update omnibus price text after"));
   }
   _listenToFormUpdates() {
     this.api.onValueChanged("omnibusPriceTextAfter", (t) => {

package/dist/extensions/Blocks/Recommendation/controls/omnibusPrice/textBefore.js

@@ -1,10 +1,10 @@
-import { preserveTextStyles as m } from "../../../../../utils/preserveTextStyles.js";
-import { ModificationDescription as u } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { preserveTextStyles as u } from "../../../../../utils/preserveTextStyles.js";
+import { ModificationDescription as c } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { CommonControl as l } from "../../../common-control.js";
 import { RecommendationBlockId as d } from "../../constants/blockIds.js";
 import { RecommendationControlId as p } from "../../constants/controlIds.js";
-import { BLOCK_ROOT_SELECTOR as f } from "../../constants/selectors.js";
-const s = "data-text-before", a = "", T = ".omnibus-text-before";
+import { BLOCK_ROOT_SELECTOR as T } from "../../constants/selectors.js";
+const s = "data-text-before", a = "", f = ".omnibus-text-before";
 class g extends l {
   getId() {
     return p.OMNIBUS_PRICE_TEXT_BEFORE;
@@ -24,7 +24,7 @@ class g extends l {
         `;
   }
   onRender() {
-    this.forgetLastPanelNode(), this._listenToFormUpdates();
+    this._setFormValues(), this._listenToFormUpdates();
   }
   onTemplateNodeUpdated(e) {
     super.onTemplateNodeUpdated(e), this._setFormValues();
@@ -44,7 +44,7 @@ class g extends l {
   _onTextChange(e) {
     if (!this.currentNode || !("closest" in this.currentNode))
       return;
-    const t = this.currentNode.closest(f);
+    const t = this.currentNode.closest(T);
     if (!t || !("querySelectorAll" in t))
       return;
     const n = Array.from(
@@ -55,12 +55,12 @@ class g extends l {
     const o = this.api.getDocumentModifier();
     n.forEach((i) => {
       o.modifyHtml(i).setAttribute(s, e);
-      const r = i.querySelector(T);
+      const r = i.querySelector(f);
       if (r) {
-        const c = m(r, e);
-        o.modifyHtml(r).setInnerHtml(c);
+        const m = u(r, e);
+        o.modifyHtml(r).setInnerHtml(m);
       }
-    }), o.apply(new u("Update omnibus price text before"));
+    }), o.apply(new c("Update omnibus price text before"));
   }
   _listenToFormUpdates() {
     this.api.onValueChanged("omnibusPriceTextBefore", (e) => {

package/dist/extensions/Blocks/Recommendation/controls/spacing/index.js

@@ -84,7 +84,7 @@ class j extends E {
         `;
   }
   onRender() {
-    this.forgetLastPanelNode(), this._listenToFormUpdates(), this._subscribeToOrientationChanges();
+    this._setFormValues(), this._updateSpacingVisibility(), this._listenToFormUpdates(), this._subscribeToOrientationChanges();
   }
   onTemplateNodeUpdated(t) {
     super.onTemplateNodeUpdated(t), this._setFormValues(), this._updateSpacingVisibility();

package/dist/extensions/Blocks/Recommendation/templates/grid/template.js

@@ -1,7 +1,8 @@
-import { ATTR_PRODUCT_PRICE as f, ATTR_PRODUCT_OLD_PRICE as O } from "../../constants/selectors.js";
+import { ATTR_PRODUCT_PRICE as D, ATTR_PRODUCT_OLD_PRICE as O } from "../../constants/selectors.js";
 import { DEFAULT_PRODUCTS_PER_ROW as w } from "../../constants/layout.js";
-import { createBlockTemplate as A, getDefaultProducts as g, DEFAULTS as U, buildSpacer as h, DEFAULT_CARD_COMPOSITION as Y, buildElementRenderer as B, resolveInlinePriceOrder as F, buildCellOptions as I, DEFAULT_CARD_VISIBILITY as W } from "../utils.js";
-import { DEFAULT_CELL_PADDING as k, renderInlineGridPriceCell as H, buildFillerCell as x, gridElementRenderer as y } from "./elementRenderer.js";
+import { createBlockTemplate as A, getDefaultProducts as g, DEFAULTS as U, buildSpacer as h, DEFAULT_CARD_COMPOSITION as Y, buildElementRenderer as B, buildCellOptions as m, DEFAULT_CARD_VISIBILITY as F } from "../utils.js";
+import { DEFAULT_CELL_PADDING as W, renderInlineGridPriceCell as k, buildFillerCell as H, gridElementRenderer as x } from "./elementRenderer.js";
+import { resolveInlinePriceOrder as y } from "../../utils/inlinePriceOrder.js";
 const G = `
     <tr class="recommendation-product-row">
         <td>
@@ -28,29 +29,29 @@ const G = `
         {-{-CELLS-}-}
     </tr>
 `;
-function j(t, r, o, e = Y, c = {}, i = {}) {
-  const { cellPadding: s = k, cardBackgroundColor: u, visibility: a, priceInline: n = !1 } = i, d = (100 / r).toFixed(2), p = r - t.length, T = p > 0 ? x(d, s).repeat(p) : "", m = B(o, e, c), R = F(e), L = n ? e.filter((l) => l !== R.skip) : e, C = I(f, i), P = I(O, i);
-  return L.filter((l) => m[l]).map((l) => {
-    const _ = (a == null ? void 0 : a[l]) ?? W[l] ?? !0, b = _ ? "" : 'style="display: none;"', S = I(l, i, e), D = t.map((E) => (n && l === R.anchor ? H(
+function j(t, r, n, e = Y, c = {}, i = {}) {
+  const { cellPadding: s = W, cardBackgroundColor: u, visibility: a, priceInline: o = !1 } = i, d = (100 / r).toFixed(2), p = r - t.length, T = p > 0 ? H(d, s).repeat(p) : "", I = B(n, e, c), R = y(e), L = o ? e.filter((l) => l !== R.skip) : e, C = m(D, i), P = m(O, i);
+  return L.filter((l) => I[l]).map((l) => {
+    const _ = (a == null ? void 0 : a[l]) ?? F[l] ?? !0, b = _ ? "" : 'style="display: none;"', S = m(l, i, e), f = t.map((E) => (o && l === R.anchor ? k(
       E,
       R.originalFirst,
       C,
       P,
       u
-    ) : m[l](E, S)).replace("<td", `<td width="${d}%"`)).join("");
-    return V.replace("{-{-ATTR_TYPE-}-}", l).replace("{-{-VISIBILITY-}-}", _ ? "1" : "0").replace("{-{-DISPLAY_STYLE-}-}", b).replace("{-{-CELLS-}-}", D + T);
+    ) : I[l](E, S)).replace("<td", `<td width="${d}%"`)).join("");
+    return V.replace("{-{-ATTR_TYPE-}-}", l).replace("{-{-VISIBILITY-}-}", _ ? "1" : "0").replace("{-{-DISPLAY_STYLE-}-}", b).replace("{-{-CELLS-}-}", f + T);
   }).join("");
 }
-function v(t, r, o, e, c = {}, i = {}) {
+function v(t, r, n, e, c = {}, i = {}) {
   const s = [];
-  for (let n = 0; n < t.length; n += r)
-    s.push(t.slice(n, n + r));
+  for (let o = 0; o < t.length; o += r)
+    s.push(t.slice(o, o + r));
   const u = h(i.rowSpacingPx);
-  return s.map((n, d) => {
+  return s.map((o, d) => {
     const p = j(
-      n,
-      r,
       o,
+      r,
+      n,
       e,
       c,
       i
@@ -58,22 +59,22 @@ function v(t, r, o, e, c = {}, i = {}) {
     return d > 0 ? u + T : T;
   }).join("");
 }
-function M(t, r, o, e = {}, c = {}) {
+function M(t, r, n, e = {}, c = {}) {
   return v(
     t,
     r,
-    y,
-    o,
+    x,
+    n,
     e,
     c
   );
 }
-function Q(t) {
-  const r = t ? `ins-recommendation-v3-block-${t}` : void 0, o = A("grid", r), e = g(), c = M(e, w);
-  return o.replace("{-{-TITLE-}-}", U.TITLE).replace("{-{-PRODUCT_ROWS-}-}", c).replace("{-{-MOBILE_PRODUCT_ROWS-}-}", "");
+function X(t) {
+  const r = t ? `ins-recommendation-v3-block-${t}` : void 0, n = A("grid", r), e = g(), c = M(e, w);
+  return n.replace("{-{-TITLE-}-}", U.TITLE).replace("{-{-PRODUCT_ROWS-}-}", c).replace("{-{-MOBILE_PRODUCT_ROWS-}-}", "");
 }
 export {
-  Q as getDefaultTemplate,
+  X as getDefaultTemplate,
   j as prepareGridAttributeRows,
   v as prepareGridProductRows,
   M as prepareProductRows

package/dist/extensions/Blocks/Recommendation/templates/list/template.js

@@ -1,13 +1,14 @@
-import { ATTR_PRODUCT_IMAGE as p, ATTR_PRODUCT_BUTTON as C, ATTR_PRODUCT_OLD_PRICE as A, ATTR_PRODUCT_PRICE as I } from "../../constants/selectors.js";
-import { buildSpacer as m, DEFAULT_CARD_COMPOSITION as g, buildElementRenderer as E, buildCellOptions as i, resolveInlinePriceOrder as w, DEFAULT_CARD_VISIBILITY as y } from "../utils.js";
-import { listElementRenderer as L, renderInlineListPriceRow as O } from "./elementRenderer.js";
+import { ATTR_PRODUCT_IMAGE as p, ATTR_PRODUCT_BUTTON as C, ATTR_PRODUCT_OLD_PRICE as A, ATTR_PRODUCT_PRICE as m } from "../../constants/selectors.js";
+import { buildSpacer as I, DEFAULT_CARD_COMPOSITION as g, buildElementRenderer as E, buildCellOptions as i, DEFAULT_CARD_VISIBILITY as w } from "../utils.js";
+import { listElementRenderer as y, renderInlineListPriceRow as L } from "./elementRenderer.js";
+import { resolveInlinePriceOrder as O } from "../../utils/inlinePriceOrder.js";
 const S = "0 5px";
 function U(l, r, n) {
-  const t = n ? "" : ' style="display: none;"', o = l.replace(/<tr>/, "").replace(/<\/tr>/, "");
+  const e = n ? "" : ' style="display: none;"', o = l.replace(/<tr>/, "").replace(/<\/tr>/, "");
   return `<tr
             class="recommendation-attribute-row"
             data-attribute-type="${r}"
-            data-visibility="${n ? "1" : "0"}"${t}>${o}</tr>`;
+            data-visibility="${n ? "1" : "0"}"${e}>${o}</tr>`;
 }
 const N = `
     <tr class="recommendation-product-row">
@@ -27,40 +28,40 @@ const N = `
         </td>
     </tr>
 `;
-function x(l, r = g, n = {}, t = {}) {
+function x(l, r = g, n = {}, e = {}) {
   const {
     cellPadding: o = S,
     cardBackgroundColor: d,
     visibility: c,
     priceInline: a = !1
-  } = t, u = d ? ` style="table-layout: fixed; background-color: ${d};"` : ' style="table-layout: fixed;"', s = E(L, r, n), P = s[p](l, i(p, t)), R = w(r), T = `
+  } = e, u = d ? ` style="table-layout: fixed; background-color: ${d};"` : ' style="table-layout: fixed;"', s = E(y, r, n), P = s[p](l, i(p, e)), R = O(r), T = `
         <td class="product-info-cell" valign="middle" style="padding: 15px;">
             <table cellpadding="0" cellspacing="0" role="presentation" width="100%" style="table-layout: fixed;">
                 <tbody>
-                    ${r.filter((e) => e !== p && e !== C).filter((e) => !(a && e === R.skip)).filter((e) => s[e]).map((e) => {
-    const b = (c == null ? void 0 : c[e]) ?? y[e] ?? !0, f = a && e === R.anchor ? O(
+                    ${r.filter((t) => t !== p && t !== C).filter((t) => !(a && t === R.skip)).filter((t) => s[t]).map((t) => {
+    const b = (c == null ? void 0 : c[t]) ?? w[t] ?? !0, f = a && t === R.anchor ? L(
       l,
       R.originalFirst,
-      i(I, t),
-      i(A, t)
-    ) : s[e](l, i(e, t, r));
-    return U(f, e, b);
+      i(m, e),
+      i(A, e)
+    ) : s[t](l, i(t, e, r));
+    return U(f, t, b);
   }).join(`
                     `)}
                 </tbody>
             </table>
         </td>
-    `, _ = s[C](l, i(C, t)), D = P + T + _;
+    `, _ = s[C](l, i(C, e)), D = P + T + _;
   return N.replace("{-{-CARD_PADDING-}-}", o).replace("{-{-WRAPPER_STYLE-}-}", u).replace("{-{-PRODUCT_CONTENT-}-}", D);
 }
-function W(l, r, n = {}, t = {}) {
-  const o = m(t.rowSpacingPx);
+function k(l, r, n = {}, e = {}) {
+  const o = I(e.rowSpacingPx);
   return l.map((d, c) => {
-    const a = x(d, r, n, t);
+    const a = x(d, r, n, e);
     return c > 0 ? o + a : a;
   }).join("");
 }
 export {
   x as getListProductCard,
-  W as prepareProductRows
+  k as prepareProductRows
 };