@useinsider/guido 2.0.0-beta.c2c0829 → 2.0.0-beta.d170da6

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

package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js

@@ -265,7 +265,7 @@ var st = {
 }, bt = {
   ...o,
   text: "text"
-}, At = {
+}, Nt = {
   ...o
 }, X = {
   ...o,
@@ -273,7 +273,7 @@ var st = {
   multiSelect: "multi-select",
   placeholder: "placeholder",
   items: "items"
-}, Nt = {
+}, At = {
   ...X
 }, Dt = {
   text: "text",
@@ -298,9 +298,9 @@ var st = {
   COLOR: o,
   COUNTER: gt,
   LABEL: bt,
-  RADIO_BUTTONS: At,
+  RADIO_BUTTONS: Nt,
   SELECTPICKER: X,
-  FONT_FAMILY_SELECT: Nt,
+  FONT_FAMILY_SELECT: At,
   SWITCHER: o,
   TEXT: Bt,
   SELECT_ITEM: Dt,
@@ -510,15 +510,15 @@ var se = G, ae = class {
   }
 }, oe = class extends d {
   getParentControlId() {
-    return n.BLOCK_TEXT.TEXT_BLOCK_BACKGROUND_COLOR;
+    return n.GENERAL.TEXT_COLOR;
   }
 }, Ee = class extends d {
   getParentControlId() {
-    return n.GENERAL.TEXT_COLOR;
+    return n.BLOCK_TEXT.FONT_FAMILY;
   }
 }, le = class extends d {
   getParentControlId() {
-    return n.BLOCK_TEXT.FONT_FAMILY;
+    return n.GENERAL.TEXT_LINE_SPACING;
   }
 }, de = class extends d {
   getParentControlId() {
@@ -756,18 +756,18 @@ var wt = class b extends a {
   }
 };
 wt.REQUIRED_METHODS = ["getName", "openImageLibraryTab"];
-var Pt = class A extends a {
+var Pt = class N extends a {
   constructor() {
-    super(A.REQUIRED_METHODS, A);
+    super(N.REQUIRED_METHODS, N);
   }
   openSmartElementsLibrary(e, r) {
     throw new Error("Method openSmartElementsLibrary() must be implemented by the subclass");
   }
 };
 Pt.REQUIRED_METHODS = ["openSmartElementsLibrary"];
-var Ht = class N extends a {
+var Ht = class A extends a {
   constructor() {
-    super(N.REQUIRED_METHODS, N);
+    super(A.REQUIRED_METHODS, A);
   }
   openExternalVideosLibraryDialog(e, r, s) {
     throw new Error("Method openExternalVideosLibraryDialog() must be implemented by the subclass");
@@ -897,10 +897,10 @@ export {
   ae as SettingsPanelTab,
   Lt as SettingsTab,
   ie as TextAlignBuiltInControl,
-  oe as TextBlockBackgroundBuiltInControl,
-  Ee as TextColorBuiltInControl,
+  oe as TextColorBuiltInControl,
   P as TextControls,
-  le as TextFontFamilyBuiltInControl,
+  Ee as TextFontFamilyBuiltInControl,
+  le as TextLineSpacingBuiltInControl,
   de as TextPaddingsBuiltInControl,
   ue as TextSizeBuiltInControl,
   Ie as TextStyleBuiltInControl,

package/dist/src/extensions/Blocks/CouponBlock/constants.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Control IDs used in the CouponBlock Extension
+ * These IDs are returned by the getId() method of each control
+ */
+export declare enum CouponControlId {
+    TEXT_ALIGN = "coupon-block-text-align-control",
+    TEXT_COLOR = "coupon-block-text-color-control",
+    TEXT_SIZE = "coupon-block-text-size-control",
+    TEXT_STYLE = "coupon-block-text-style-control",
+    TEXT_FONT_FAMILY = "coupon-block-text-font-family-control",
+    TEXT_BACKGROUND = "coupon-block-text-background-control",
+    TEXT_PADDINGS = "coupon-block-text-paddings-control",
+    TEXT_LINE_SPACING = "coupon-block-text-line-spacing-control"
+}