@useinsider/guido 3.1.1 → 3.2.0-beta.1949a28

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

@@ -1,22 +1,24 @@
-import { useRecommendation as $ } from "../../../composables/useRecommendation.js";
-function b(e, u, r, o) {
-  const n = `{{${e}_${u}_${r}}}`, t = `{{${e}_${u}_currency}}`;
+import { useConfig as S } from "../../../composables/useConfig.js";
+import { useRecommendation as _ } from "../../../composables/useRecommendation.js";
+import { useRecommendationExtensionStore as d } from "../../../extensions/Blocks/Recommendation/store/recommendation.js";
+function y(e, u, r, o, s = "") {
+  const n = `{{${s}${e}_${u}_${r}}}`, t = `{{${s}${e}_${u}_currency}}`;
   return o === "before" ? `${t} ${n}` : `${n} ${t}`;
 }
-function p(e, u, r, o, n) {
+function m(e, u, r, o, s, n) {
   switch (u) {
     case "productImage": {
       const t = e.querySelector("img");
-      t && (t.setAttribute("src", `{{${r}_${o}_image_url}}`), t.setAttribute("alt", `{{${r}_${o}_name}}`));
+      t && (t.setAttribute("src", `{{${n}${r}_${o}_image_url}}`), t.setAttribute("alt", `{{${n}${r}_${o}_name}}`));
       const c = e.querySelector("a");
-      c && c.setAttribute("href", `{{${r}_${o}_url}}`);
+      c && c.setAttribute("href", `{{${n}${r}_${o}_url}}`);
       break;
     }
     case "productName": {
       const t = e.querySelector("p");
       if (t) {
         const c = t.querySelector("strong") || t;
-        c.textContent = `{{${r}_${o}_name}}`;
+        c.textContent = `{{${n}${r}_${o}_name}}`;
       }
       break;
     }
@@ -24,7 +26,7 @@ function p(e, u, r, o, n) {
       const t = e.querySelector("p");
       if (t) {
         const c = t.querySelector("strong") || t;
-        c.textContent = b(r, o, "price", n);
+        c.textContent = y(r, o, "price", s, n);
       }
       break;
     }
@@ -32,10 +34,11 @@ function p(e, u, r, o, n) {
       const t = e.querySelector("p");
       if (t) {
         const c = t.querySelector("strong") || t;
-        c.textContent = b(
+        c.textContent = y(
           r,
           o,
           "original_price",
+          s,
           n
         ), t.setAttribute("product-attr", "discount");
       }
@@ -43,13 +46,13 @@ function p(e, u, r, o, n) {
     }
     case "productButton": {
       const t = e.querySelector("a");
-      t && t.setAttribute("href", `{{${r}_${o}_url}}`);
+      t && t.setAttribute("href", `{{${n}${r}_${o}_url}}`);
       break;
     }
     case "productOmnibusPrice": {
       const t = e.querySelector(".omnibus-price-value");
       if (t) {
-        t.textContent = `{{${r}_${o}_omnibus_price}}`;
+        t.textContent = `{{${n}${r}_${o}_omnibus_price}}`;
         const c = t.closest("p");
         c && (c.setAttribute("product-attr", "omnibus_price"), c.setAttribute("composition", "true"));
       }
@@ -58,7 +61,7 @@ function p(e, u, r, o, n) {
     case "productOmnibusDiscount": {
       const t = e.querySelector(".omnibus-discount-value");
       if (t) {
-        t.textContent = `{{${r}_${o}_omnibus_discount}}`;
+        t.textContent = `{{${n}${r}_${o}_omnibus_discount}}`;
         const c = t.closest("p");
         c && (c.setAttribute("product-attr", "omnibus_discount"), c.setAttribute("composition", "true"));
       }
@@ -67,66 +70,69 @@ function p(e, u, r, o, n) {
     default: {
       const t = e.getAttribute("product-attr") ? e : e.querySelector("[product-attr]");
       if (t) {
-        const c = t.getAttribute("product-attr"), s = t.querySelector("p");
-        if (s) {
-          const i = s.querySelector("strong") || s;
-          i.textContent = `{{${r}_${o}_${c}}}`;
+        const c = t.getAttribute("product-attr"), a = t.querySelector("p");
+        if (a) {
+          const i = a.querySelector("strong") || a;
+          i.textContent = `{{${n}${r}_${o}_${c}}}`;
         }
       }
       break;
     }
   }
 }
-function S(e, u, r) {
+function q(e, u, r, o) {
   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);
+    n.querySelectorAll("[data-attribute-type]").forEach((a) => {
+      const i = a.getAttribute("data-attribute-type") || "", l = a.querySelectorAll(".attribute-cell");
+      l.length > 0 ? l.forEach((p) => {
+        m(p, i, u, t, r, o);
+      }) : m(a, i, u, t, r, o);
     });
   });
 }
-function _(e, u, r) {
-  const o = e.querySelectorAll(".recommendation-product-row");
-  if (!o.length)
+function g(e, u, r, o) {
+  const s = e.querySelectorAll(".recommendation-product-row");
+  if (!s.length)
     return;
-  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);
+  const [n] = s, t = n.querySelector("[data-attribute-type]"), c = t ? t.querySelectorAll(".attribute-cell").length : 1;
+  s.forEach((a, i) => {
+    a.querySelectorAll("[data-attribute-type]").forEach((p) => {
+      const b = p.getAttribute("data-attribute-type") || "";
+      p.querySelectorAll(".attribute-cell").forEach((f, $) => {
+        const A = i * c + $;
+        m(f, b, u, A, r, o);
       });
     });
   });
 }
-function q(e, u, r) {
+function h(e, u, r, o) {
   e.querySelectorAll(".ins-recommendation-product-container").forEach((n) => {
-    _(n, u, r);
+    g(n, u, r, o);
   });
 }
-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, u, r) {
+  const o = e.getAttribute("data-layout") || "grid", s = e.getAttribute("currency-alignment") || "after";
+  o === "list" ? q(e, u, s, r) : h(e, u, s, r);
 }
-function g(e, u) {
+function E(e, u) {
   const r = e.match(/<!DOCTYPE[^>]*>/i);
   return (r ? `${r[0]}
 ` : "") + u.documentElement.outerHTML;
 }
-function E(e) {
+function T(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: 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;", "%}");
+  const { buildCampaignUrl: s } = _(), n = d();
+  n.recommendationCampaignUrls = {};
+  const { isFeatureEnabled: t } = S(), c = t("liquidSyntax") ? "reco_" : "";
+  return o.forEach((i) => {
+    var p, b;
+    const l = i.getAttribute("recommendation-id");
+    l && ((p = i.parentNode) == null || p.insertBefore(r.createComment("REC_START"), i), (b = i.parentNode) == null || b.insertBefore(r.createComment("REC_END"), i.nextSibling), s(l), C(i, l, c));
+  }), E(u, r).replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
 }
 export {
-  b as formatPriceVariable,
-  E as prepareRecommendationBlocks
+  y as formatPriceVariable,
+  T as prepareRecommendationBlocks
 };

package/dist/config/i18n/en/tooltips.json.js

@@ -75,7 +75,8 @@ const e = {
   "The image with the invalid link cannot be saved to the image gallery": "Enter a valid image link to continue.",
   "The data source link is unavailable. Please, make sure there is an access to the data source.": "Enter an accessible Data Source Link to contiue.",
   "The file should not exceed the maximum resolution of {maxImageResolution}px.": "Upload files up to 1024x512 pixels to continue.",
-  "The option is disabled because was overridden in the Code editor": "The option is disabled because it was overridden in the Code Editor."
+  "The option is disabled because was overridden in the Code editor": "The option is disabled because it was overridden in the Code Editor.",
+  "Dropdown with a list of available data services, preliminarily created in the Data section → Services tab of the Account.": "Service for Data Collection lets you enter a form submission URL for the recipients to submit."
 };
 export {
   e as default

package/dist/config/migrator/checkboxMigrator.js

@@ -11,6 +11,8 @@ class f {
     try {
       const e = this.parser.parseFromString(t, "text/html"), i = e.querySelectorAll("td.checkbox-block");
       return i.length === 0 ? t : (i.forEach((r) => {
+        if (r.classList.contains("checkbox-block-v2"))
+          return;
         const n = r.getAttribute("id"), l = this.extractTextFromElement(r, "ins-title"), c = this.extractTextFromElement(r, "ins-description"), a = this.buildTextBlock(l), p = this.buildTextBlock(c), g = b.replace("{-{-TITLE-}-}", a).replace("{-{-DESCRIPTION-}-}", p), o = this.parser.parseFromString(
           `<table id="tempDoc"><tbody><tr>${g}</tr></tbody></table>`,
           "text/html"
@@ -22,7 +24,7 @@ class f {
     }
   }
   extractTextFromElement(t, e) {
-    var o, u;
+    var o, d;
     const i = t.querySelector(`.${e}`);
     if (!i)
       return {
@@ -41,13 +43,13 @@ class f {
         align: i.getAttribute("align") || "left",
         styles: ""
       };
-    const n = ((u = r.textContent) == null ? void 0 : u.trim()) || (e === "ins-title" ? "Title" : "Description"), l = r.getAttribute("style") || "", c = i.getAttribute("align") || r.getAttribute("align") || "left", a = /font-weight\s*:\s*bold/i.test(l) || !!r.querySelector("b, strong"), p = /font-style\s*:\s*italic/i.test(l) || !!r.querySelector("i, em"), g = this.removeStyleProperties(l, ["font-weight", "font-style"]), d = this.convertInlineToBlock(g);
+    const n = ((d = r.textContent) == null ? void 0 : d.trim()) || (e === "ins-title" ? "Title" : "Description"), l = r.getAttribute("style") || "", c = i.getAttribute("align") || r.getAttribute("align") || "left", a = /font-weight\s*:\s*bold/i.test(l) || !!r.querySelector("b, strong"), p = /font-style\s*:\s*italic/i.test(l) || !!r.querySelector("i, em"), g = this.removeStyleProperties(l, ["font-weight", "font-style"]), u = this.convertInlineToBlock(g);
     return {
       text: n,
       isBold: a,
       isItalic: p,
       align: c,
-      styles: d
+      styles: u
     };
   }
   buildTextBlock(t) {

package/dist/config/migrator/radioButtonMigrator.js

@@ -1,32 +1,54 @@
-var b = Object.defineProperty;
-var f = (r, t, e) => t in r ? b(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
-var x = (r, t, e) => f(r, typeof t != "symbol" ? t + "" : t, e);
-import h from "../../extensions/Blocks/RadioButton/template.js";
-class T {
+var x = Object.defineProperty;
+var T = (l, e, t) => e in l ? x(l, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[e] = t;
+var b = (l, e, t) => T(l, typeof e != "symbol" ? e + "" : e, t);
+import S from "../../extensions/Blocks/RadioButton/template.js";
+class B {
   constructor() {
-    x(this, "parser");
+    b(this, "parser");
     this.parser = new DOMParser();
   }
-  migrate(t) {
+  migrate(e) {
     try {
-      const e = this.parser.parseFromString(t, "text/html"), i = e.querySelectorAll("td.radio-button-block");
-      return i.length === 0 ? t : (i.forEach((s) => {
-        const o = s.getAttribute("id"), l = this.extractTextFromElement(s, "ins-title"), a = this.extractTextFromElement(s, "ins-description"), p = this.extractTextFromElement(s, "ins-subscribe"), u = this.extractTextFromElement(s, "ins-unsubscribe"), d = this.buildTextBlock(l), g = this.buildTextBlock(a), m = this.buildTextBlock({ ...p, classList: "" }), n = this.buildTextBlock({ ...u, classList: "" }), c = h.replace("{-{-TITLE-}-}", d).replace("{-{-DESCRIPTION-}-}", g).replace("{-{-YES-}-}", m).replace("{-{-NO-}-}", n), y = this.parser.parseFromString(
-          `<table id="tempDoc"><tbody><tr>${c}</tr></tbody></table>`,
+      const t = this.parser.parseFromString(e, "text/html"), i = t.querySelectorAll("td.radio-button-block"), s = t.querySelectorAll("td.radio-button-v2");
+      if (i.length === 0 && s.length === 0)
+        return e;
+      let o = !1;
+      return i.forEach((r) => {
+        if (r.classList.contains("radio-button-v2"))
+          return;
+        const n = r.getAttribute("id"), a = this.extractTextFromElement(r, "ins-title"), g = this.extractTextFromElement(r, "ins-description"), c = this.extractTextFromElement(r, "ins-subscribe"), u = this.extractTextFromElement(r, "ins-unsubscribe"), d = this.buildTextBlock(a), p = this.buildTextBlock(g), y = this.buildTextBlock({ ...c, classList: "" }), f = this.buildTextBlock({ ...u, classList: "" }), h = S.replace("{-{-TITLE-}-}", d).replace("{-{-DESCRIPTION-}-}", p).replace("{-{-YES-}-}", y).replace("{-{-NO-}-}", f), m = this.parser.parseFromString(
+          `<table id="tempDoc"><tbody><tr>${h}</tr></tbody></table>`,
           "text/html"
         ).querySelector(".radio-button-v2");
-        y && s.parentNode && (y.setAttribute("id", o || ""), s.parentNode.replaceChild(y, s));
-      }), e.documentElement.outerHTML);
-    } catch (e) {
-      return console.error("RadioButtonMigrator failed:", e), t;
+        m && r.parentNode && (m.setAttribute("id", n || ""), r.parentNode.replaceChild(m, r), o = !0);
+      }), o = this.healRadioButtonV2(t) || o, o ? t.documentElement.outerHTML : e;
+    } catch (t) {
+      return console.error("RadioButtonMigrator failed:", t), e;
     }
   }
-  extractTextFromElement(t, e) {
-    var n, c;
-    const i = t.querySelector(`.${e}`);
+  healRadioButtonV2(e) {
+    let t = !1;
+    return e.querySelectorAll("td.radio-button-v2").forEach((i) => {
+      var p;
+      const s = i.querySelector("input#radioYes"), o = i.querySelector("input#radioNo");
+      if (!s || !o)
+        return;
+      const r = ((p = s.parentElement) == null ? void 0 : p.querySelector(":scope > p")) || null;
+      if (!r && !s.hasAttribute("align"))
+        return;
+      const n = s.closest("tr"), a = o.closest("tr");
+      if (!n || !a || n === a || !n.parentNode)
+        return;
+      const g = (r == null ? void 0 : r.innerHTML.trim()) || "Yes", c = a.cloneNode(!0), u = c.querySelector("input#radioNo"), d = c.querySelector("p");
+      u && (u.setAttribute("id", "radioYes"), u.removeAttribute("align")), d && (d.innerHTML = g), n.parentNode.replaceChild(c, n), t = !0;
+    }), t;
+  }
+  extractTextFromElement(e, t) {
+    var p, y;
+    const i = e.querySelector(`.${t}`);
     if (!i)
       return {
-        text: e === "ins-title" ? "Title" : "Description",
+        text: t === "ins-title" ? "Title" : "Description",
         isBold: !1,
         isItalic: !1,
         align: "left",
@@ -36,51 +58,51 @@ class T {
     const s = i.querySelector("p");
     if (!s)
       return {
-        text: ((n = i.textContent) == null ? void 0 : n.trim()) || (e === "ins-title" ? "Title" : "Description"),
+        text: ((p = i.textContent) == null ? void 0 : p.trim()) || (t === "ins-title" ? "Title" : "Description"),
         isBold: !1,
         isItalic: !1,
         align: i.getAttribute("align") || "left",
         styles: "",
         classList: ""
       };
-    const o = ((c = s.textContent) == null ? void 0 : c.trim()) || (e === "ins-title" ? "Title" : "Description"), l = s.getAttribute("style") || "", a = i.getAttribute("align") || s.getAttribute("align") || "left", p = /font-weight\s*:\s*bold/i.test(l) || !!s.querySelector("b, strong"), u = /font-style\s*:\s*italic/i.test(l) || !!s.querySelector("i, em"), d = this.removeStyleProperties(l, ["font-weight", "font-style"]), g = this.convertInlineToBlock(d), m = i.getAttribute("class") || "";
+    const o = ((y = s.textContent) == null ? void 0 : y.trim()) || (t === "ins-title" ? "Title" : "Description"), r = s.getAttribute("style") || "", n = i.getAttribute("align") || s.getAttribute("align") || "left", a = /font-weight\s*:\s*bold/i.test(r) || !!s.querySelector("b, strong"), g = /font-style\s*:\s*italic/i.test(r) || !!s.querySelector("i, em"), c = this.removeStyleProperties(r, ["font-weight", "font-style"]), u = this.convertInlineToBlock(c), d = i.getAttribute("class") || "";
     return {
       text: o,
-      isBold: p,
-      isItalic: u,
-      align: a,
-      styles: g,
-      classList: m
+      isBold: a,
+      isItalic: g,
+      align: n,
+      styles: u,
+      classList: d
     };
   }
-  buildTextBlock(t) {
-    let e = t.text;
-    t.isBold && t.isItalic ? e = `<strong path="1,0"><em path="1,0,0">${e}</em></strong>` : t.isBold ? e = `<strong path="1,0">${e}</strong>` : t.isItalic && (e = `<em path="1,0">${e}</em>`);
-    const i = t.align ? ` align="${t.align}"` : "", s = t.styles ? ` style="${t.styles.replaceAll('"', "'")}"` : "";
+  buildTextBlock(e) {
+    let t = e.text;
+    e.isBold && e.isItalic ? t = `<strong path="1,0"><em path="1,0,0">${t}</em></strong>` : e.isBold ? t = `<strong path="1,0">${t}</strong>` : e.isItalic && (t = `<em path="1,0">${t}</em>`);
+    const i = e.align ? ` align="${e.align}"` : "", s = e.styles ? ` style="${e.styles.replaceAll('"', "'")}"` : "";
     return `
-            <td class="esd-block-text ${t.classList}" ${i}>
+            <td class="esd-block-text ${e.classList}" ${i}>
                 <p path="1" ${s}>
-                    ${e}
+                    ${t}
                 </p>
             </td>
         `;
   }
-  removeStyleProperties(t, e) {
-    return t ? e.reduce((s, o) => {
-      const l = new RegExp(`${o}\\s*:\\s*[^;]*;?`, "gi");
-      return s.replace(l, "");
-    }, t).replace(/;\s*;/g, ";").replace(/^;|;$/g, "").trim() : "";
+  removeStyleProperties(e, t) {
+    return e ? t.reduce((s, o) => {
+      const r = new RegExp(`${o}\\s*:\\s*[^;]*;?`, "gi");
+      return s.replace(r, "");
+    }, e).replace(/;\s*;/g, ";").replace(/^;|;$/g, "").trim() : "";
   }
-  convertInlineToBlock(t) {
-    if (!t)
+  convertInlineToBlock(e) {
+    if (!e)
       return "";
-    let e = t.replace(/display\s*:\s*inline/gi, "display: block");
-    return /display\s*:/i.test(e) || (e = e ? `${e}; display: block` : "display: block"), e.replace(/;\s*;/g, ";").replace(/^;|;$/g, "").trim();
+    let t = e.replace(/display\s*:\s*inline/gi, "display: block");
+    return /display\s*:/i.test(t) || (t = t ? `${t}; display: block` : "display: block"), t.replace(/;\s*;/g, ";").replace(/^;|;$/g, "").trim();
   }
 }
-function A(r) {
-  return new T().migrate(r);
+function q(l) {
+  return new B().migrate(l);
 }
 export {
-  A as migrateRadioButton
+  q as migrateRadioButton
 };

package/dist/config/migrator/recommendationMigrator.js

@@ -13,7 +13,7 @@ class B {
   migrate(e) {
     try {
       const t = this.parser.parseFromString(e, "text/html"), s = t.querySelectorAll(
-        'td.ins-recommendation-v3-block-1, td.product-block[esd-handler-name*="EmailRecommendationV3"]'
+        'td.ins-recommendation-v3-block-1:not(.recommendation-block-v2), td.product-block[esd-handler-name*="EmailRecommendationV3"]:not(.recommendation-block-v2)'
       );
       return w().$patch((i) => {
         i.migrations = { ...i.migrations, [S]: s.length };

package/dist/enums/extensions/recommendationBlock.js

@@ -1,6 +1,8 @@
 const s = {
   RECOMMENDATION_API_URL: "https://recommendationv2.api.useinsider.com"
-}, i = [
+}, i = {
+  CLIENT_ID: "clientId"
+}, u = [
   { id: 11, key: "similarViewed", name: "Viewed Together", path: "viewed-together" },
   { id: 12, key: "similarBought", name: "Purchased Together", path: "purchased-together" },
   { id: 13, key: "userBased", name: "User Based", path: "user-based" },
@@ -11,13 +13,13 @@ const s = {
   { id: 46, key: "mostValuableOfPartner", name: "Most Valuable Products", path: "most-valuable" },
   { id: 61, key: "mostPopular", name: "Most Popular Items", path: "most-popular" },
   { id: 62, key: "mostPurchased", name: "Top Sellers", path: "top-sellers" }
-], u = ["discount", "omnibus_price", "omnibus_discount", "price", "original_price"], l = [
+], l = ["discount", "omnibus_price", "omnibus_discount", "price", "original_price"], c = [
   { text: "before the amount", value: "0" },
   { text: "after the amount", value: "1" }
-], c = [
+], d = [
   { text: "dot(.)", value: "." },
   { text: "comma(,)", value: "," }
-], d = [
+], p = [
   { text: "0", value: "0" },
   { text: "1", value: "1" },
   { text: "2", value: "2" },
@@ -46,7 +48,7 @@ const s = {
 ], n = [
   { text: "true", value: "==" },
   { text: "false", value: "!=" }
-], p = (t) => {
+], m = (t) => {
   if (!t)
     return e;
   switch (t) {
@@ -65,13 +67,14 @@ const s = {
   }
 };
 export {
-  u as PriceAttributes,
-  i as RecommendationFeedSourceMaps,
+  l as PriceAttributes,
+  i as QUERY_PARAMS,
+  u as RecommendationFeedSourceMaps,
   s as URLS,
-  d as currencyDecimalCounts,
-  l as currencyLocationMaps,
-  c as currencyOperators,
-  p as getOperatorOptions,
+  p as currencyDecimalCounts,
+  c as currencyLocationMaps,
+  d as currencyOperators,
+  m as getOperatorOptions,
   a as operatorOptionsForArrayOfStrings,
   n as operatorOptionsForBooleans,
   o as operatorOptionsForDates,

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: /{{[0-9]+_[0-8]_(discount|omnibus_discount|omnibus_price)}}/gm,
-  CUSTOM_FIELD_INDEXES_PART: /{{[0-9]+_[0-8]_/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_NAME_PART: /_(discount|omnibus_discount|omnibus_price)}}/gm
 }, n = {
   PARAGRAPH_END_TAG: "</p>"

package/dist/extensions/Blocks/CouponBlock/template.js

@@ -1,29 +1,40 @@
-import { BlockType as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { COUPON_BLOCK_ID as e } from "./block.js";
-const t = `
-    <${o.BLOCK_TEXT}
+import { useConfig as n } from "../../../composables/useConfig.js";
+import { BlockType as e } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { COUPON_BLOCK_ID as t } from "./block.js";
+const c = "{@COUPON_CODE}", s = "{{ins_coupon_code}}";
+function l() {
+  const { isFeatureEnabled: o } = n();
+  return o("liquidSyntax") ? s : c;
+}
+function i(o) {
+  return `
+    <${e.BLOCK_TEXT}
         class="coupon-block ins-coupon-code coupon-block-v2 es-p10"
         align="center"
-        esd-extension-block-id="${e}">
+        esd-extension-block-id="${t}">
         <p
             path="1"
             contenteditable="false"
             style="font-size: 16px; color: #333333;">
-            <strong path="1,0">{@COUPON_CODE}</strong>
+            <strong path="1,0">${o}</strong>
         </p>
-    </${o.BLOCK_TEXT}>
-    `, l = `
+    </${e.BLOCK_TEXT}>
+    `;
+}
+const u = `
     <td
         class="coupon-block coupon-block-v2 ins-coupon-code esd-block-text esd-extension-block"
-        esd-extension-block-id="${e}"
+        esd-extension-block-id="${t}"
     >
         <p class="ins-title" contenteditable="false">{@COUPON_CODE}</p>
     </td>
 `;
-function s() {
-  return t;
+function d() {
+  return i(l());
 }
 export {
-  l as default,
-  s as getDefaultTemplate
+  c as COUPON_PLACEHOLDER_DEFAULT,
+  s as COUPON_PLACEHOLDER_LIQUID,
+  u as default,
+  d as getDefaultTemplate
 };

package/dist/extensions/Blocks/Items/controls/price/singlePrice.js

@@ -1,75 +1,75 @@
-import { ModificationDescription as m, UIElementType as _, UEAttr as A } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as h } from "../../../common-control.js";
-import { ItemsBlockControlId as L, ItemsBlockId as R } from "../../enums/controlEnums.js";
-import { productPairs as T } from "../../enums/productEnums.js";
-import { getItemsBlockConfig as I, setItemsBlockConfig as u, escapeReplacement as N } from "../../utils/nodeConfigUtils.js";
-const D = L.PRICE_SINGLE_PRICE, l = {
+import { ModificationDescription as S, UIElementType as d, UEAttr as m } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as A } from "../../../common-control.js";
+import { ItemsBlockControlId as T, ItemsBlockId as p } from "../../enums/controlEnums.js";
+import { productPairs as R } from "../../enums/productEnums.js";
+import { getItemsBlockConfig as I, setItemsBlockConfig as N, escapeReplacement as h } from "../../utils/nodeConfigUtils.js";
+const u = T.PRICE_SINGLE_PRICE, l = {
   SINGLE_PRICE: "singlePrice"
 };
-class y extends h {
+class k extends A {
   getId() {
-    return D;
+    return u;
   }
   getTemplate() {
     return `
-            <div class="container ${L.PRICE_SINGLE_PRICE}">
+            <div class="container ${T.PRICE_SINGLE_PRICE}">
                 ${this._getSinglePrice()}
             </div>
         `;
   }
   onRender() {
     const e = I(this.currentNode);
-    this.api.updateValues({ [l.SINGLE_PRICE]: (e == null ? void 0 : e.priceSinglePrice) ?? !1 }), this.api.onValueChanged(l.SINGLE_PRICE, (t) => {
-      this._onSinglePriceChange(t);
+    this.api.updateValues({ [l.SINGLE_PRICE]: (e == null ? void 0 : e.priceSinglePrice) ?? !1 }), this.api.onValueChanged(l.SINGLE_PRICE, (i) => {
+      this._onSinglePriceChange(i);
     });
   }
   onTemplateNodeUpdated(e) {
     super.onTemplateNodeUpdated(e), this.handleBlockInstanceChange(() => {
-      const t = I(this.currentNode);
-      this.api.updateValues({ [l.SINGLE_PRICE]: (t == null ? void 0 : t.priceSinglePrice) ?? !1 });
+      const i = I(this.currentNode);
+      this.api.updateValues({ [l.SINGLE_PRICE]: (i == null ? void 0 : i.priceSinglePrice) ?? !1 });
     });
   }
   _onSinglePriceChange(e) {
-    if (console.debug("Single price changed to: ", e), u(this.currentNode, this.api, { priceSinglePrice: e }), !this.currentNode)
+    if (console.debug("Single price changed to: ", e), !this.currentNode)
       return;
-    const t = I(this.currentNode), o = (t == null ? void 0 : t.type) ?? "CART_ITEMS", r = (t == null ? void 0 : t.priceFormatted) ?? !1, i = T.PAIRS_FOR_EXTENSION.price[o], c = T.PAIRS_FOR_EXTENSION.originalPrice[o], [P, p] = e ? [
-      r ? i.DEFAULT_PRICE_FORMATTED : i.DEFAULT_PRICE,
-      r ? i.DEFAULT_SINGLE_PRICE_FORMATTED : i.DEFAULT_SINGLE_PRICE
+    const i = I(this.currentNode), c = (i == null ? void 0 : i.type) ?? "CART_ITEMS", r = (i == null ? void 0 : i.priceFormatted) ?? !1, t = R.PAIRS_FOR_EXTENSION.price[c], n = R.PAIRS_FOR_EXTENSION.originalPrice[c], [E, g] = e ? [
+      r ? t.DEFAULT_PRICE_FORMATTED : t.DEFAULT_PRICE,
+      r ? t.DEFAULT_SINGLE_PRICE_FORMATTED : t.DEFAULT_SINGLE_PRICE
     ] : [
-      r ? i.DEFAULT_SINGLE_PRICE_FORMATTED : i.DEFAULT_SINGLE_PRICE,
-      r ? i.DEFAULT_PRICE_FORMATTED : i.DEFAULT_PRICE
-    ], s = r ? c.DEFAULT_PRICE_FORMATTED : c.DEFAULT_PRICE, d = r ? c.DEFAULT_SINGLE_PRICE_FORMATTED : c.DEFAULT_SINGLE_PRICE, [g, C] = e ? [s, d] : [d, s], n = this.currentNode.closest(".items-block"), S = (n == null ? void 0 : n.querySelectorAll(
-      `[esd-extension-block-id="${R.PRICE}"]`
-    )) || [], E = this.api.getDocumentModifier();
-    S.forEach((a) => {
-      this._updatePriceBlock(E, a, P, p, e);
-    }), ((n == null ? void 0 : n.querySelectorAll(
-      `[esd-extension-block-id="${R.ORIGINAL_PRICE}"]`
+      r ? t.DEFAULT_SINGLE_PRICE_FORMATTED : t.DEFAULT_SINGLE_PRICE,
+      r ? t.DEFAULT_PRICE_FORMATTED : t.DEFAULT_PRICE
+    ], P = r ? n.DEFAULT_PRICE_FORMATTED : n.DEFAULT_PRICE, _ = r ? n.DEFAULT_SINGLE_PRICE_FORMATTED : n.DEFAULT_SINGLE_PRICE, [L, C] = e ? [P, _] : [_, P], s = this.api.getDocumentModifier();
+    N(this.currentNode, this.api, { priceSinglePrice: e }, s);
+    const o = this.currentNode.closest(".items-block");
+    ((o == null ? void 0 : o.querySelectorAll(
+      `[esd-extension-block-id="${p.PRICE}"]`
     )) || []).forEach((a) => {
-      this._updatePriceBlock(E, a, g, C, e);
-    }), E.apply(new m(
+      this._updatePriceBlock(s, a, E, g, e);
+    }), ((o == null ? void 0 : o.querySelectorAll(
+      `[esd-extension-block-id="${p.ORIGINAL_PRICE}"]`
+    )) || []).forEach((a) => {
+      this._updatePriceBlock(s, a, L, C, e);
+    }), s.apply(new S(
       `Updated price to ${e ? "single" : "total"} price`
     ));
   }
-  _updatePriceBlock(e, t, o, r, i) {
-    const c = t.getInnerHTML().trim().replace(o, N(r));
-    e.modifyHtml(t).setInnerHtml(c), t.querySelectorAll('[product-attr="price"], [product-attr="originalPrice"]').forEach((s) => {
-      e.modifyHtml(s).setAttribute("data-single_price", i ? "true" : "false");
-    });
+  _updatePriceBlock(e, i, c, r, t) {
+    const n = `data-single_price="${t ? "true" : "false"}"`, E = i.getInnerHTML().trim().replace(c, h(r)).replace(/data-single_price=(?:"[^"]*"|'[^']*')/g, n);
+    e.modifyHtml(i).setInnerHtml(E);
   }
   _getSinglePrice() {
     return `
             <div class="display-flex align-items-center justify-content-between">
-                <${_.LABEL}
-                    ${A.LABEL.text}="${this.api.translate("Show Single Product Price")}"
+                <${d.LABEL}
+                    ${m.LABEL.text}="${this.api.translate("Show Single Product Price")}"
                 >
-                </${_.LABEL}>
+                </${d.LABEL}>
                 ${this._GuToggle(l.SINGLE_PRICE)}
             </div>
         `;
   }
 }
 export {
-  D as CONTROL_BLOCK_ID,
-  y as PriceSinglePriceControl
+  u as CONTROL_BLOCK_ID,
+  k as PriceSinglePriceControl
 };