@useinsider/guido 2.0.0-beta.5269a3f → 2.0.0-beta.5b1fb5a

package/dist/extensions/Blocks/Recommendation/templates/templateUtils.js

@@ -1,18 +1,19 @@
-const R = {
+import { ATTR_PRODUCT_IMAGE as h, ATTR_PRODUCT_NAME as C, ATTR_PRODUCT_OLD_PRICE as D, ATTR_PRODUCT_PRICE as b, ATTR_PRODUCT_OMNIBUS_PRICE as P, ATTR_PRODUCT_OMNIBUS_DISCOUNT as U, ATTR_PRODUCT_BUTTON as N } from "../constants.js";
+const E = {
   TITLE: "You May Also Like!"
-}, O = `
+}, I = `
     <tr>
-        <td class="spacer" style="height: 20px;"></td>
+        <td class="spacer" style="height: 10px;"></td>
     </tr>
-`, w = `
-    <tr>
+`, A = `
+    <tr class="recommendation-product-row">
         <td>
             <table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0">
                 {-{-PRODUCTS-}-}
             </table>
         </td>
     </tr>
-`, i = `
+`, o = `
     <td width="{-{-COLUMN_WIDTH-}-}" style="padding: 0 5px;" valign="top" height="100%">
         <table
             width="100%"
@@ -34,14 +35,24 @@ const R = {
             </tr>
         </table>
     </td>
-`, b = [
-  "productImage",
-  "productName",
-  "productOldPrice",
-  "productPrice",
-  "productButton"
-];
-function C() {
+`, Y = [
+  h,
+  C,
+  D,
+  b,
+  P,
+  U,
+  N
+], S = {
+  [h]: !0,
+  [C]: !0,
+  [b]: !0,
+  [D]: !0,
+  [P]: !1,
+  [U]: !1,
+  [N]: !0
+};
+function M() {
   return [
     {
       name: "Product Name",
@@ -123,58 +134,76 @@ function C() {
     }
   ];
 }
-function N(p, r, e, l = b) {
-  const n = (100 / r).toFixed(2), a = [];
-  for (let o = 0; o < p.length; o += r)
-    a.push(p.slice(o, o + r));
+function f(a, r, e, l = Y) {
+  const s = (100 / r).toFixed(2), p = [];
+  for (let i = 0; i < a.length; i += r)
+    p.push(a.slice(i, i + r));
   let c = "";
-  return a.forEach((o, _) => {
-    _ > 0 && (c += O);
-    let s = "", u = "", d = "", m = "", g = "";
-    o.forEach((t) => {
-      s += i.replace(
+  return p.forEach((i, w) => {
+    w > 0 && (c += I);
+    let n = "", u = "", d = "", T = "", m = "", _ = "", g = "";
+    i.forEach((t) => {
+      n += o.replace(
         "{-{-PRODUCT_CONTENT-}-}",
         e.productImage(t)
-      ), u += i.replace(
+      ), u += o.replace(
         "{-{-PRODUCT_CONTENT-}-}",
         e.productName(t)
-      ), d += i.replace(
+      ), d += o.replace(
         "{-{-PRODUCT_CONTENT-}-}",
         e.productPrice(t)
-      ), m += i.replace(
+      ), T += o.replace(
         "{-{-PRODUCT_CONTENT-}-}",
         e.productOldPrice(t)
-      ), g += i.replace(
+      ), m += o.replace(
+        "{-{-PRODUCT_CONTENT-}-}",
+        e.productOmnibusPrice(t)
+      ), _ += o.replace(
+        "{-{-PRODUCT_CONTENT-}-}",
+        e.productOmnibusDiscount(t)
+      ), g += o.replace(
         "{-{-PRODUCT_CONTENT-}-}",
         e.productButton(t)
       );
     });
-    const T = {
-      productImage: s,
+    const R = {
+      productImage: n,
       productName: u,
       productPrice: d,
-      productOldPrice: m,
+      productOldPrice: T,
+      productOmnibusPrice: m,
+      productOmnibusDiscount: _,
       productButton: g
-    }, h = l.filter((t) => !!T[t]).map((t) => `<tr>${T[t]}</tr>`).join("");
-    c += w.replace("{-{-PRODUCTS-}-}", h);
-  }), c.replaceAll("{-{-COLUMN_WIDTH-}-}", `${n}%`);
+    }, y = l.filter((t) => !!R[t]).map((t) => {
+      const O = S[t] ?? !0;
+      return `
+                <tr class="recommendation-attribute-row"
+                    data-attribute-type="${t}"
+                    data-visibility="${O ? "1" : "0"}"${O ? "" : ' style="display: none;"'}>
+                    ${R[t]}
+                </tr>
+            `;
+    }).join("");
+    c += A.replace("{-{-PRODUCTS-}-}", y);
+  }), c.replaceAll("{-{-COLUMN_WIDTH-}-}", `${s}%`);
 }
-function P(p, r, e, l, n = R.TITLE, a) {
-  const c = N(
+function j(a, r, e, l, s = E.TITLE, p) {
+  const c = f(
     r,
     e,
     l,
-    a
+    p
   );
-  return p.replace("{-{-TITLE-}-}", n).replace("{-{-PRODUCT_ROWS-}-}", c);
+  return a.replace("{-{-TITLE-}-}", s).replace("{-{-PRODUCT_ROWS-}-}", c);
 }
 export {
-  R as DEFAULTS,
-  b as DEFAULT_CARD_COMPOSITION,
-  P as generateTemplate,
-  C as getDefaultProducts,
-  N as prepareProductRows,
-  i as productCardWrapper,
-  w as productRow,
-  O as spacer
+  E as DEFAULTS,
+  Y as DEFAULT_CARD_COMPOSITION,
+  S as DEFAULT_CARD_VISIBILITY,
+  j as generateTemplate,
+  M as getDefaultProducts,
+  f as prepareProductRows,
+  o as productCardWrapper,
+  A as productRow,
+  I as spacer
 };

package/dist/extensions/Blocks/Recommendation/utils/preserveTextStyles.js

@@ -0,0 +1,25 @@
+function a(n) {
+  return "getInnerHTML" in n && typeof n.getInnerHTML == "function" ? n.getInnerHTML() : "innerHTML" in n ? n.innerHTML : "";
+}
+function H(n, t) {
+  if (!n)
+    return t;
+  const r = a(n);
+  if (!r || r.trim() === "" || !/<(strong|em|u|s|b|i)\b/i.test(r))
+    return t;
+  const i = [], s = [];
+  let o = r.trim();
+  for (; ; ) {
+    const u = o.match(/^<(strong|em|u|s|b|i)(\s[^>]*)?>(.*)$/is);
+    if (!u)
+      break;
+    const [, e, f = "", g] = u, c = new RegExp(`</${e}>$`, "i");
+    if (!c.test(g))
+      break;
+    i.push(`<${e}${f}>`), s.unshift(`</${e}>`), o = g.replace(c, "").trim();
+  }
+  return i.length > 0 ? i.join("") + t + s.join("") : t;
+}
+export {
+  H as preserveTextStyles
+};

package/dist/extensions/Blocks/controlFactories.js

@@ -1,223 +1,234 @@
-import { TextAlignBuiltInControl as r, TextColorBuiltInControl as l, TextSizeBuiltInControl as s, TextStyleBuiltInControl as c, TextFontFamilyBuiltInControl as u, ButtonBackgroundColorBuiltInControl as i, TextPaddingsBuiltInControl as d, ImageSizeBuiltInControl as a, ImageMarginsBuiltInControl as g, ButtonAlignBuiltInControl as x, ButtonBorderBuiltInControl as C, ButtonBorderRadiusBuiltInControl as B, ButtonColorBuiltInControl as I, ButtonFontFamilyBuiltInControl as m, ButtonMarginsBuiltInControl as T, ButtonPaddingsBuiltInControl as S, ButtonTextBuiltInControl as y, ButtonTextSizeBuiltInControl as A, ButtonTextStyleAndFontColorBuiltInControl as k, ButtonFitToContainerBuiltInControl as f } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-function q(e, t, n) {
-  return class extends r {
+import { TextAlignBuiltInControl as o, TextColorBuiltInControl as l, TextSizeBuiltInControl as s, TextStyleBuiltInControl as u, TextFontFamilyBuiltInControl as i, ButtonBackgroundColorBuiltInControl as c, TextPaddingsBuiltInControl as d, ImageSizeBuiltInControl as a, ImageMarginsBuiltInControl as g, ButtonAlignBuiltInControl as x, ButtonBorderBuiltInControl as C, ButtonBorderRadiusBuiltInControl as B, ButtonColorBuiltInControl as T, ButtonFontFamilyBuiltInControl as I, ButtonMarginsBuiltInControl as f, ButtonPaddingsBuiltInControl as m, ButtonTextBuiltInControl as y, ButtonTextSizeBuiltInControl as A, ButtonTextStyleAndFontColorBuiltInControl as S, ButtonFitToContainerBuiltInControl as N, TextLineSpacingBuiltInControl as b } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+function $(r, t, n) {
+  return class extends o {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function N(e, t, n = ".ins-recommendation-product-container") {
+function k(r, t, n) {
   return class extends l {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function $(e, t, n = ".ins-recommendation-product-container") {
+function p(r, t, n) {
   return class extends s {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function p(e, t, n = ".ins-recommendation-product-container") {
-  return class extends c {
+function F(r, t, n) {
+  return class extends u {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function F(e, t, n = ".ins-recommendation-product-container") {
-  return class extends u {
+function z(r, t, n) {
+  return class extends i {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function z(e, t, n = ".ins-recommendation-product-container") {
-  return class extends i {
+function M(r, t, n) {
+  return class extends c {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function M(e, t, n = ".ins-recommendation-product-container") {
+function P(r, t, n) {
   return class extends d {
     getId() {
-      return e;
+      return r;
+    }
+    getTargetNodes(e) {
+      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    }
+  };
+}
+function L(r, t, n) {
+  return class extends b {
+    getId() {
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return [e];
     }
   };
 }
-function P(e, t, n = ".ins-recommendation-product-container") {
+function R(r, t, n = ".ins-recommendation-product-container") {
   return class extends x {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function R(e, t, n = ".ins-recommendation-product-container") {
-  return class extends I {
+function h(r, t, n = ".ins-recommendation-product-container") {
+  return class extends T {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function h(e, t, n = ".ins-recommendation-product-container") {
+function j(r, t, n = ".ins-recommendation-product-container") {
   return class extends C {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function j(e, t, n = ".ins-recommendation-product-container") {
+function v(r, t, n = ".ins-recommendation-product-container") {
   return class extends B {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function v(e, t, n = ".ins-recommendation-product-container") {
-  return class extends m {
+function w(r, t, n = ".ins-recommendation-product-container") {
+  return class extends I {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function w(e, t, n = ".ins-recommendation-product-container") {
-  return class extends T {
+function D(r, t, n = ".ins-recommendation-product-container") {
+  return class extends f {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function D(e, t, n = ".ins-recommendation-product-container") {
-  return class extends S {
+function E(r, t, n = ".ins-recommendation-product-container") {
+  return class extends m {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function E(e, t, n = ".ins-recommendation-product-container") {
+function G(r, t, n = ".ins-recommendation-product-container") {
   return class extends y {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function G(e, t, n = ".ins-recommendation-product-container") {
+function H(r, t, n = ".ins-recommendation-product-container") {
   return class extends A {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function H(e, t, n) {
-  return class extends k {
+function J(r, t, n) {
+  return class extends S {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function J(e, t, n) {
-  return class extends f {
+function K(r, t, n) {
+  return class extends N {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function K(e, t, n) {
+function O(r, t, n) {
   return class extends a {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function L(e, t, n) {
+function Q(r, t, n) {
   return class extends g {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
 export {
-  P as createButtonAlignControl,
-  h as createButtonBorderControl,
-  j as createButtonBorderRadiusControl,
-  R as createButtonColorControl,
-  J as createButtonFitToContainerControl,
-  v as createButtonFontFamilyControl,
-  w as createButtonMarginsControl,
-  D as createButtonPaddingsControl,
-  E as createButtonTextControl,
-  G as createButtonTextSizeControl,
-  H as createButtonTextStyleAndFontColorControl,
-  L as createImageMarginsControl,
-  K as createImageSizeControl,
-  M as createPaddingsControl,
-  q as createTextAlignControl,
-  z as createTextBackgroundColorControl,
-  N as createTextColorControl,
-  F as createTextFontFamilyControl,
-  $ as createTextSizeControl,
-  p as createTextStyleControl
+  R as createButtonAlignControl,
+  j as createButtonBorderControl,
+  v as createButtonBorderRadiusControl,
+  h as createButtonColorControl,
+  K as createButtonFitToContainerControl,
+  w as createButtonFontFamilyControl,
+  D as createButtonMarginsControl,
+  E as createButtonPaddingsControl,
+  G as createButtonTextControl,
+  H as createButtonTextSizeControl,
+  J as createButtonTextStyleAndFontColorControl,
+  Q as createImageMarginsControl,
+  O as createImageSizeControl,
+  P as createPaddingsControl,
+  $ as createTextAlignControl,
+  M as createTextBackgroundColorControl,
+  k as createTextColorControl,
+  z as createTextFontFamilyControl,
+  L as createTextLineSpacingControl,
+  p as createTextSizeControl,
+  F as createTextStyleControl
 };