@useinsider/guido 3.1.1-beta.6b60896 → 3.1.1-beta.761c167

package/dist/@types/config/schemas.js

@@ -114,9 +114,7 @@ const m = {
   /** Enable unsubscribe block */
   unsubscribe: e(a(), !0),
   /** Disable modules panel in the editor */
-  modulesDisabled: e(a(), !1),
-  /** Enable Liquid template syntax */
-  liquidSyntax: e(a(), !1)
+  modulesDisabled: e(a(), !1)
 }), E = n([
   "amp-accordion",
   "amp-carousel",
@@ -193,12 +191,12 @@ const m = {
   M,
   N,
   D
-]), x = o({
+]), U = o({
   /** Custom compiler rules to apply */
   customRules: e(c(v), []),
   /** Skip default compiler rules */
   ignoreDefaultRules: e(a(), !1)
-}), U = o({
+}), x = o({
   /**
    * External validation handler called before save completes.
    * Return false to cancel the save operation.
@@ -227,15 +225,15 @@ const m = {
   /** Block configuration */
   blocks: e(O, {}),
   /** Compiler configuration */
-  compiler: e(x, {}),
+  compiler: e(U, {}),
   /** Callbacks and event handlers */
-  callbacks: e(U, {})
+  callbacks: e(x, {})
 });
 export {
   O as BlocksSchema,
-  U as CallbacksSchema,
+  x as CallbacksSchema,
   v as CompilerRuleSchema,
-  x as CompilerSchema,
+  U as CompilerSchema,
   g as CustomBlockTypeSchema,
   D as CustomRuleSchema,
   E as DefaultBlockTypeSchema,

package/dist/config/compiler/utils/recommendationCompilerUtils.js

@@ -1,23 +1,22 @@
-import { useConfig as S } from "../../../composables/useConfig.js";
-import { useRecommendation as _ } from "../../../composables/useRecommendation.js";
-function y(e, n, r, o, s = "") {
-  const u = `{{${s}${e}_${n}_${r}}}`, t = `{{${s}${e}_${n}_currency}}`;
-  return o === "before" ? `${t} ${u}` : `${u} ${t}`;
+import { useRecommendation as $ } from "../../../composables/useRecommendation.js";
+function b(e, u, r, o) {
+  const n = `{{${e}_${u}_${r}}}`, t = `{{${e}_${u}_currency}}`;
+  return o === "before" ? `${t} ${n}` : `${n} ${t}`;
 }
-function p(e, n, r, o, s, u) {
-  switch (n) {
+function p(e, u, r, o, n) {
+  switch (u) {
     case "productImage": {
       const t = e.querySelector("img");
-      t && (t.setAttribute("src", `{{${u}${r}_${o}_image_url}}`), t.setAttribute("alt", `{{${u}${r}_${o}_name}}`));
+      t && (t.setAttribute("src", `{{${r}_${o}_image_url}}`), t.setAttribute("alt", `{{${r}_${o}_name}}`));
       const c = e.querySelector("a");
-      c && c.setAttribute("href", `{{${u}${r}_${o}_url}}`);
+      c && c.setAttribute("href", `{{${r}_${o}_url}}`);
       break;
     }
     case "productName": {
       const t = e.querySelector("p");
       if (t) {
         const c = t.querySelector("strong") || t;
-        c.textContent = `{{${u}${r}_${o}_name}}`;
+        c.textContent = `{{${r}_${o}_name}}`;
       }
       break;
     }
@@ -25,7 +24,7 @@ function p(e, n, r, o, s, u) {
       const t = e.querySelector("p");
       if (t) {
         const c = t.querySelector("strong") || t;
-        c.textContent = y(r, o, "price", s, u);
+        c.textContent = b(r, o, "price", n);
       }
       break;
     }
@@ -33,25 +32,24 @@ function p(e, n, r, o, s, u) {
       const t = e.querySelector("p");
       if (t) {
         const c = t.querySelector("strong") || t;
-        c.textContent = y(
+        c.textContent = b(
           r,
           o,
           "original_price",
-          s,
-          u
+          n
         ), t.setAttribute("product-attr", "discount");
       }
       break;
     }
     case "productButton": {
       const t = e.querySelector("a");
-      t && t.setAttribute("href", `{{${u}${r}_${o}_url}}`);
+      t && t.setAttribute("href", `{{${r}_${o}_url}}`);
       break;
     }
     case "productOmnibusPrice": {
       const t = e.querySelector(".omnibus-price-value");
       if (t) {
-        t.textContent = `{{${u}${r}_${o}_omnibus_price}}`;
+        t.textContent = `{{${r}_${o}_omnibus_price}}`;
         const c = t.closest("p");
         c && (c.setAttribute("product-attr", "omnibus_price"), c.setAttribute("composition", "true"));
       }
@@ -60,7 +58,7 @@ function p(e, n, r, o, s, u) {
     case "productOmnibusDiscount": {
       const t = e.querySelector(".omnibus-discount-value");
       if (t) {
-        t.textContent = `{{${u}${r}_${o}_omnibus_discount}}`;
+        t.textContent = `{{${r}_${o}_omnibus_discount}}`;
         const c = t.closest("p");
         c && (c.setAttribute("product-attr", "omnibus_discount"), c.setAttribute("composition", "true"));
       }
@@ -69,66 +67,66 @@ function p(e, n, r, o, s, u) {
     default: {
       const t = e.getAttribute("product-attr") ? e : e.querySelector("[product-attr]");
       if (t) {
-        const c = t.getAttribute("product-attr"), i = t.querySelector("p");
-        if (i) {
-          const a = i.querySelector("strong") || i;
-          a.textContent = `{{${u}${r}_${o}_${c}}}`;
+        const c = t.getAttribute("product-attr"), s = t.querySelector("p");
+        if (s) {
+          const i = s.querySelector("strong") || s;
+          i.textContent = `{{${r}_${o}_${c}}}`;
         }
       }
       break;
     }
   }
 }
-function q(e, n, r, o) {
-  e.querySelectorAll(".recommendation-product-row").forEach((u, t) => {
-    u.querySelectorAll("[data-attribute-type]").forEach((i) => {
-      const a = i.getAttribute("data-attribute-type") || "", b = i.querySelectorAll(".attribute-cell");
-      b.length > 0 ? b.forEach((l) => {
-        p(l, a, n, t, r, o);
-      }) : p(i, a, n, t, r, o);
+function S(e, u, r) {
+  e.querySelectorAll(".recommendation-product-row").forEach((n, t) => {
+    n.querySelectorAll("[data-attribute-type]").forEach((s) => {
+      const i = s.getAttribute("data-attribute-type") || "", l = s.querySelectorAll(".attribute-cell");
+      l.length > 0 ? l.forEach((a) => {
+        p(a, i, u, t, r);
+      }) : p(s, i, u, t, r);
     });
   });
 }
-function d(e, n, r, o) {
-  const s = e.querySelectorAll(".recommendation-product-row");
-  if (!s.length)
+function _(e, u, r) {
+  const o = e.querySelectorAll(".recommendation-product-row");
+  if (!o.length)
     return;
-  const [u] = s, t = u.querySelector("[data-attribute-type]"), c = t ? t.querySelectorAll(".attribute-cell").length : 1;
-  s.forEach((i, a) => {
-    i.querySelectorAll("[data-attribute-type]").forEach((l) => {
-      const $ = l.getAttribute("data-attribute-type") || "";
-      l.querySelectorAll(".attribute-cell").forEach((A, f) => {
-        const m = a * c + f;
-        p(A, $, n, m, r, o);
+  const [n] = o, t = n.querySelector("[data-attribute-type]"), c = t ? t.querySelectorAll(".attribute-cell").length : 1;
+  o.forEach((s, i) => {
+    s.querySelectorAll("[data-attribute-type]").forEach((a) => {
+      const f = a.getAttribute("data-attribute-type") || "";
+      a.querySelectorAll(".attribute-cell").forEach((y, A) => {
+        const m = i * c + A;
+        p(y, f, u, m, r);
       });
     });
   });
 }
-function g(e, n, r, o) {
-  e.querySelectorAll(".ins-recommendation-product-container").forEach((u) => {
-    d(u, n, r, o);
+function q(e, u, r) {
+  e.querySelectorAll(".ins-recommendation-product-container").forEach((n) => {
+    _(n, u, r);
   });
 }
-function h(e, n, r) {
-  const o = e.getAttribute("data-layout") || "grid", s = e.getAttribute("currency-alignment") || "after";
-  o === "list" ? q(e, n, s, r) : g(e, n, s, r);
+function d(e, u) {
+  const r = e.getAttribute("data-layout") || "grid", o = e.getAttribute("currency-alignment") || "after";
+  r === "list" ? S(e, u, o) : q(e, u, o);
 }
-function C(e, n) {
+function g(e, u) {
   const r = e.match(/<!DOCTYPE[^>]*>/i);
   return (r ? `${r[0]}
-` : "") + n.documentElement.outerHTML;
+` : "") + u.documentElement.outerHTML;
 }
-function P(e) {
-  const n = e.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), r = new DOMParser().parseFromString(n, "text/html"), o = r.querySelectorAll(".recommendation-block-v2");
+function E(e) {
+  const u = e.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), r = new DOMParser().parseFromString(u, "text/html"), o = r.querySelectorAll(".recommendation-block-v2");
   if (!o.length)
     return e;
-  const { buildCampaignUrl: s } = _(), { isFeatureEnabled: u } = S(), t = u("liquidSyntax") ? "reco_" : "";
-  return o.forEach((i) => {
-    const a = i.getAttribute("recommendation-id");
-    a && (s(a), h(i, a, t));
-  }), C(n, r).replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
+  const { buildCampaignUrl: n } = $();
+  return o.forEach((c) => {
+    const s = c.getAttribute("recommendation-id");
+    s && (n(s), d(c, s));
+  }), g(u, r).replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
 }
 export {
-  y as formatPriceVariable,
-  P as prepareRecommendationBlocks
+  b as formatPriceVariable,
+  E as prepareRecommendationBlocks
 };

package/dist/enums/recommendation.js

@@ -28,8 +28,8 @@ const e = 20, s = 320, t = "vertical", m = {
   ATTRIBUTE_PARAGRAPH: /<p[^>]*?product-attr="(discount|omnibus_discount|omnibus_price)"[^>]*>[\S\s]*?<\/p>/gm,
   ATTRIBUTE_PARAGRAPH_START_TAG: /<p[^>]*?product-attr="(discount|omnibus_discount|omnibus_price)"[^>]*>/gm,
   COMPOSITION: /composition="true"/gm,
-  CUSTOM_FIELD: /{{(?:reco_)?[0-9]+_[0-8]_(discount|omnibus_discount|omnibus_price)}}/gm,
-  CUSTOM_FIELD_INDEXES_PART: /{{(?:reco_)?[0-9]+_[0-8]_/gm,
+  CUSTOM_FIELD: /{{[0-9]+_[0-8]_(discount|omnibus_discount|omnibus_price)}}/gm,
+  CUSTOM_FIELD_INDEXES_PART: /{{[0-9]+_[0-8]_/gm,
   CUSTOM_FIELD_NAME_PART: /_(discount|omnibus_discount|omnibus_price)}}/gm
 }, n = {
   PARAGRAPH_END_TAG: "</p>"

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

@@ -169,7 +169,7 @@ class q extends b {
       if (e && e.includes(a))
         return t;
     }
-    return "querySelector" in t ? t.querySelector(`.${a}`) : null;
+    return "querySelector" in t ? t.querySelector(`.${a}`) ?? null : null;
   }
   /**
    * Migrate configuration from legacy format

package/dist/extensions/Blocks/Recommendation/constants/selectors.js

@@ -1,26 +1,42 @@
-const T = ".recommendation-block-v2", c = ".ins-recommendation-product-container", o = ".ins-recommendation-desktop-container", t = ".ins-recommendation-mobile-container", n = ".ins-recommendation-mobile-row", R = {
+const T = ".recommendation-block-v2", c = ".ins-recommendation-product-container", o = ".ins-recommendation-desktop-container", n = ".ins-recommendation-mobile-container", t = ".ins-recommendation-mobile-row", r = {
   CURRENCY: "currency",
   SYMBOL: "currency-symbol",
   ALIGNMENT: "currency-alignment",
   THOUSAND_SEPARATOR: "currency-thousand-separator",
   DECIMAL_SEPARATOR: "currency-decimal-separator",
   DECIMAL_COUNT: "currency-decimal-count"
-}, r = "productImage", O = "productName", _ = "productPrice", e = "productOldPrice", s = "productOmnibusPrice", C = "productOmnibusDiscount", E = "productButton", A = "customAttr:", i = "data-custom-attributes", u = "product-attr";
+}, R = "productImage", _ = "productName", e = "productPrice", O = "productOldPrice", s = "productOmnibusPrice", i = "productOmnibusDiscount", E = "productButton", A = "customAttr:", C = "data-custom-attributes", u = "product-attr", m = /* @__PURE__ */ new Set([
+  "name",
+  // productName
+  "price",
+  // productPrice
+  "original_price",
+  // productOldPrice
+  "image_url",
+  // productImage
+  "url",
+  // productButton
+  "omnibus_price",
+  // productOmnibusPrice
+  "omnibus_discount"
+  // productOmnibusDiscount
+]);
 export {
   A as ATTR_CUSTOM_PREFIX,
-  i as ATTR_DATA_CUSTOM_ATTRIBUTES,
+  C as ATTR_DATA_CUSTOM_ATTRIBUTES,
   u as ATTR_PRODUCT_ATTR,
   E as ATTR_PRODUCT_BUTTON,
-  r as ATTR_PRODUCT_IMAGE,
-  O as ATTR_PRODUCT_NAME,
-  e as ATTR_PRODUCT_OLD_PRICE,
-  C as ATTR_PRODUCT_OMNIBUS_DISCOUNT,
+  R as ATTR_PRODUCT_IMAGE,
+  _ as ATTR_PRODUCT_NAME,
+  O as ATTR_PRODUCT_OLD_PRICE,
+  i as ATTR_PRODUCT_OMNIBUS_DISCOUNT,
   s as ATTR_PRODUCT_OMNIBUS_PRICE,
-  _ as ATTR_PRODUCT_PRICE,
+  e as ATTR_PRODUCT_PRICE,
   T as BLOCK_ROOT_SELECTOR,
+  m as BUILT_IN_DEFAULT_ATTRIBUTES,
   c as CONTAINER_SELECTOR,
-  R as CURRENCY_ATTR,
+  r as CURRENCY_ATTR,
   o as DESKTOP_CONTAINER_SELECTOR,
-  t as MOBILE_CONTAINER_SELECTOR,
-  n as MOBILE_ROW_SELECTOR
+  n as MOBILE_CONTAINER_SELECTOR,
+  t as MOBILE_ROW_SELECTOR
 };