@useinsider/guido 3.2.0-beta.d3596a1 → 3.2.0-beta.d3d7a5a

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

@@ -1,10 +1,11 @@
 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, s, n) {
+function m(e, u, r, o, s, n) {
   switch (u) {
     case "productImage": {
       const t = e.querySelector("img");
@@ -69,67 +70,69 @@ function p(e, u, r, o, s, n) {
     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 = `{{${n}${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 d(e, u, r, o) {
+function q(e, u, r, o) {
   e.querySelectorAll(".recommendation-product-row").forEach((n, t) => {
-    n.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, u, t, r, o);
-      }) : p(i, a, u, t, r, o);
+    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 q(e, u, r, o) {
+function g(e, u, r, o) {
   const s = e.querySelectorAll(".recommendation-product-row");
   if (!s.length)
     return;
   const [n] = s, t = n.querySelector("[data-attribute-type]"), c = t ? t.querySelectorAll(".attribute-cell").length : 1;
-  s.forEach((i, a) => {
-    i.querySelectorAll("[data-attribute-type]").forEach((l) => {
-      const m = l.getAttribute("data-attribute-type") || "";
-      l.querySelectorAll(".attribute-cell").forEach(($, f) => {
-        const A = a * c + f;
-        p($, m, u, A, r, o);
+  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 g(e, u, r, o) {
+function h(e, u, r, o) {
   e.querySelectorAll(".ins-recommendation-product-container").forEach((n) => {
-    q(n, u, r, o);
+    g(n, u, r, o);
   });
 }
-function h(e, u, r) {
+function C(e, u, r) {
   const o = e.getAttribute("data-layout") || "grid", s = e.getAttribute("currency-alignment") || "after";
-  o === "list" ? d(e, u, s, r) : g(e, u, s, r);
+  o === "list" ? q(e, u, s, r) : h(e, u, s, r);
 }
-function C(e, u) {
+function E(e, u) {
   const r = e.match(/<!DOCTYPE[^>]*>/i);
   return (r ? `${r[0]}
 ` : "") + u.documentElement.outerHTML;
 }
-function P(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: s } = _(), { isFeatureEnabled: n } = S(), t = n("liquidSyntax") ? "reco_" : "";
+  const { buildCampaignUrl: s } = _(), n = d();
+  n.recommendationCampaignUrls = {};
+  const { isFeatureEnabled: t } = S(), c = t("liquidSyntax") ? "reco_" : "";
   return o.forEach((i) => {
-    var b, l;
-    const a = i.getAttribute("recommendation-id");
-    a && ((b = i.parentNode) == null || b.insertBefore(r.createComment("REC_START"), i), (l = i.parentNode) == null || l.insertBefore(r.createComment("REC_END"), i.nextSibling), s(a), h(i, a, t));
-  }), C(u, r).replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
+    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 {
   y as formatPriceVariable,
-  P as prepareRecommendationBlocks
+  T as prepareRecommendationBlocks
 };

package/dist/config/migrator/radioButtonMigrator.js

@@ -1,43 +1,52 @@
-var h = Object.defineProperty;
-var T = (l, e, t) => e in l ? h(l, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[e] = 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 A {
+class B {
   constructor() {
     b(this, "parser");
     this.parser = new DOMParser();
   }
   migrate(e) {
     try {
-      const t = this.parser.parseFromString(e, "text/html"), s = t.querySelectorAll("td.radio-button-block"), i = t.querySelectorAll("td.radio-button-v2");
-      if (s.length === 0 && i.length === 0)
+      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 a = !1;
-      return s.forEach((r) => {
+      let o = !1;
+      return i.forEach((r) => {
         if (r.classList.contains("radio-button-v2"))
           return;
-        const c = r.getAttribute("id"), n = this.extractTextFromElement(r, "ins-title"), o = this.extractTextFromElement(r, "ins-description"), p = this.extractTextFromElement(r, "ins-subscribe"), u = this.extractTextFromElement(r, "ins-unsubscribe"), m = this.buildTextBlock(n), d = this.buildTextBlock(o), g = this.buildTextBlock({ ...p, classList: "" }), x = this.buildTextBlock({ ...u, classList: "" }), f = S.replace("{-{-TITLE-}-}", m).replace("{-{-DESCRIPTION-}-}", d).replace("{-{-YES-}-}", g).replace("{-{-NO-}-}", x), y = this.parser.parseFromString(
-          `<table id="tempDoc"><tbody><tr>${f}</tr></tbody></table>`,
+        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 && r.parentNode && (y.setAttribute("id", c || ""), r.parentNode.replaceChild(y, r), a = !0);
-      }), t.querySelectorAll('td.radio-button-v2 input[type="radio"]').forEach((r) => {
-        var p, u;
-        const c = (p = r.parentElement) == null ? void 0 : p.querySelector(":scope > p"), n = (u = r.parentElement) == null ? void 0 : u.parentElement;
-        if (!c || (n == null ? void 0 : n.tagName) !== "TR")
-          return;
-        r.removeAttribute("esd-block-text");
-        const o = t.createElement("td");
-        o.setAttribute("align", "left"), o.setAttribute("style", "padding:0;Margin:0"), o.appendChild(c), n.appendChild(o), a = !0;
-      }), a ? t.documentElement.outerHTML : e;
+        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;
     }
   }
+  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 d, g;
-    const s = e.querySelector(`.${t}`);
-    if (!s)
+    var p, y;
+    const i = e.querySelector(`.${t}`);
+    if (!i)
       return {
         text: t === "ins-title" ? "Title" : "Description",
         isBold: !1,
@@ -46,42 +55,42 @@ class A {
         styles: "",
         classList: ""
       };
-    const i = s.querySelector("p");
-    if (!i)
+    const s = i.querySelector("p");
+    if (!s)
       return {
-        text: ((d = s.textContent) == null ? void 0 : d.trim()) || (t === "ins-title" ? "Title" : "Description"),
+        text: ((p = i.textContent) == null ? void 0 : p.trim()) || (t === "ins-title" ? "Title" : "Description"),
         isBold: !1,
         isItalic: !1,
-        align: s.getAttribute("align") || "left",
+        align: i.getAttribute("align") || "left",
         styles: "",
         classList: ""
       };
-    const a = ((g = i.textContent) == null ? void 0 : g.trim()) || (t === "ins-title" ? "Title" : "Description"), r = i.getAttribute("style") || "", c = s.getAttribute("align") || i.getAttribute("align") || "left", n = /font-weight\s*:\s*bold/i.test(r) || !!i.querySelector("b, strong"), o = /font-style\s*:\s*italic/i.test(r) || !!i.querySelector("i, em"), p = this.removeStyleProperties(r, ["font-weight", "font-style"]), u = this.convertInlineToBlock(p), m = s.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: a,
-      isBold: n,
-      isItalic: o,
-      align: c,
+      text: o,
+      isBold: a,
+      isItalic: g,
+      align: n,
       styles: u,
-      classList: m
+      classList: d
     };
   }
   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 s = e.align ? ` align="${e.align}"` : "", i = e.styles ? ` style="${e.styles.replaceAll('"', "'")}"` : "";
+    const i = e.align ? ` align="${e.align}"` : "", s = e.styles ? ` style="${e.styles.replaceAll('"', "'")}"` : "";
     return `
-            <td class="esd-block-text ${e.classList}" ${s}>
-                <p path="1" ${i}>
+            <td class="esd-block-text ${e.classList}" ${i}>
+                <p path="1" ${s}>
                     ${t}
                 </p>
             </td>
         `;
   }
   removeStyleProperties(e, t) {
-    return e ? t.reduce((i, a) => {
-      const r = new RegExp(`${a}\\s*:\\s*[^;]*;?`, "gi");
-      return i.replace(r, "");
+    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(e) {
@@ -91,9 +100,9 @@ class A {
     return /display\s*:/i.test(t) || (t = t ? `${t}; display: block` : "display: block"), t.replace(/;\s*;/g, ";").replace(/^;|;$/g, "").trim();
   }
 }
-function k(l) {
-  return new A().migrate(l);
+function q(l) {
+  return new B().migrate(l);
 }
 export {
-  k 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/onboarding.js

@@ -2,10 +2,15 @@ const e = [
   ".service-element.stacked-panel-item.ng-tns-c1014751574-3.level-bottom-0.ng-star-inserted",
   ".service-element.stacked-panel-item.ng-tns-c1014751574-3.level-bottom-1.ng-star-inserted",
   ".service-element.stacked-panel-item.ng-tns-c1014751574-3.level-bottom-2.ng-star-inserted"
-], t = "ui-editor", n = 'button[role="tab"][aria-label="Card Composition"]', s = 'button[role="tab"][aria-label="Settings"]', o = ".in-ribbons-wrapper";
+], t = "ui-editor", n = 'button[role="tab"][aria-label="Card Composition"]', s = 'button[role="tab"][aria-label="Settings"]', E = ".in-ribbons-wrapper", o = ".guido__amp-toggle-html", a = ".in-segments-wrapper", O = '[data-testid="guido-header"]', _ = 158, i = 10;
 export {
+  o as AMP_TOGGLE_BUTTON_SELECTOR,
+  a as AMP_TOGGLE_WRAPPER_SELECTOR,
   n as CARD_COMPOSITION_TAB_SELECTOR,
-  o as RIBBON_SELECTOR,
+  O as HEADER_SELECTOR,
+  _ as POPOVER_LEFT_OFFSET,
+  i as POPOVER_TOP_GAP,
+  E as RIBBON_SELECTOR,
   e as SERVICE_HOVER_SELECTORS,
   s as SETTINGS_TAB_SELECTOR,
   t as UI_EDITOR_SELECTOR

package/dist/enums/unsubscribe.js

@@ -1,29 +1,35 @@
-import { useTranslations as e } from "../composables/useTranslations.js";
-import { getEnvironmentPrefix as R } from "../utils/environmentUtil.js";
-const _ = {
+import { useTranslations as R } from "../composables/useTranslations.js";
+import { ProductType as s } from "../@types/config/schemas.js";
+import "../@types/config/defaults.js";
+import { getEnvironmentPrefix as S } from "../utils/environmentUtil.js";
+const B = {
   UNSUBSCRIBE_LINK_TYPE: 1,
   PREFERENCES_LINK_TYPE: 3
-}, I = {
+}, i = {
   UNSUBSCRIBE_LINK_REGEX: /{{ins-unsubscribe-link}}/g,
   DATA_OGSB_BUTTON_CSS_REGEX: "\\[data-ogsb\\]\\s*\\.es-button\\.es-button-[0-9]+\\s*\\{(?:[^\\}]*)\\}",
   GLOBAL_UNSUBSCRIBE_LINK_REGEX: /{{ins-global-unsubscribe-link}}/g,
   PREFERENCES_UNSUBSCRIBE_LINK_REGEX: /{{ins-preferences-unsubscribe-link}}/g
-}, n = R(), r = {
+}, n = S(), C = {
   UNSUBSCRIBE_URL: `https://mail.${n}.com/user/v1/unsub`,
   PREFERENCES_URL: `https://mail.${n}.com/user/v1/prefs`
-}, B = "iid", i = {
+}, U = {
+  [s.EMAIL]: "email",
+  [s.ARCHITECT]: "journey",
+  [s.UNSUBSCRIBE_PAGES]: "email"
+}, t = "iid", o = {
   name: "Global Unsubscribe",
   sendGridId: "G"
-}, C = "/email/unsubscribe-pages", E = {
+}, c = "/email/unsubscribe-pages", E = {
   GLOBAL_UNSUBSCRIBE: 1,
   GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE: 2,
   SUBSCRIPTION_PREFERENCE_CENTER: 3,
   SUBSCRIPTION_PREFERENCE_CONFIRMATION: 4,
   RESUBSCRIBE: 5
-}, U = {
+}, u = {
   [E.GLOBAL_UNSUBSCRIBE]: "custom-unsubscribe",
   [E.SUBSCRIPTION_PREFERENCE_CENTER]: "custom-preferences"
-}, t = {
+}, T = {
   [E.GLOBAL_UNSUBSCRIBE]: [
     E.GLOBAL_UNSUBSCRIBE,
     E.GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE,
@@ -33,30 +39,31 @@ const _ = {
     E.SUBSCRIPTION_PREFERENCE_CENTER,
     E.SUBSCRIPTION_PREFERENCE_CONFIRMATION
   ]
-}, c = () => {
-  const s = e();
+}, b = () => {
+  const e = R();
   return {
-    [E.GLOBAL_UNSUBSCRIBE]: s("unsubscription-preference.type-global-unsubscribe"),
-    [E.GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE]: s("unsubscription-preference.type-global-unsubscription-confirmation"),
-    [E.RESUBSCRIBE]: s("unsubscription-preference.type-resubscribe"),
-    [E.SUBSCRIPTION_PREFERENCE_CENTER]: s("unsubscription-preference.type-subscription-preferences-center"),
-    [E.SUBSCRIPTION_PREFERENCE_CONFIRMATION]: s("unsubscription-preference.type-subscription-preferences-confirmation")
+    [E.GLOBAL_UNSUBSCRIBE]: e("unsubscription-preference.type-global-unsubscribe"),
+    [E.GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE]: e("unsubscription-preference.type-global-unsubscription-confirmation"),
+    [E.RESUBSCRIBE]: e("unsubscription-preference.type-resubscribe"),
+    [E.SUBSCRIPTION_PREFERENCE_CENTER]: e("unsubscription-preference.type-subscription-preferences-center"),
+    [E.SUBSCRIPTION_PREFERENCE_CONFIRMATION]: e("unsubscription-preference.type-subscription-preferences-confirmation")
   };
-}, o = {
+}, P = {
   default: "{{ins-unsubscribe-link}}",
   [E.GLOBAL_UNSUBSCRIBE]: "{{ins-global-unsubscribe-link}}",
   [E.SUBSCRIPTION_PREFERENCE_CENTER]: "{{ins-preferences-unsubscribe-link}}"
 };
 export {
-  i as DEFAULT_UNSUBSCRIBE_GROUP,
-  B as INSIDER_ID,
-  I as LINK_REGEXES,
-  _ as LINK_TYPES,
-  o as MERGE_TAGS,
+  o as DEFAULT_UNSUBSCRIBE_GROUP,
+  t as INSIDER_ID,
+  i as LINK_REGEXES,
+  B as LINK_TYPES,
+  P as MERGE_TAGS,
   E as PAGE_TYPES,
-  t as TYPE_COLLECTIONS,
-  C as UNSUBSCRIBE_PAGES_LINK,
-  U as UNSUBSCRIBE_SYNC_MODULE_TYPES,
-  r as URLS,
-  c as getTypeTranslations
+  U as PRODUCT_TYPE_URL_SEGMENTS,
+  T as TYPE_COLLECTIONS,
+  c as UNSUBSCRIBE_PAGES_LINK,
+  u as UNSUBSCRIBE_SYNC_MODULE_TYPES,
+  C as URLS,
+  b as getTypeTranslations
 };

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

package/dist/extensions/Blocks/Items/enums/productEnums.js

@@ -1,6 +1,6 @@
 import _ from "../../../../node_modules/lodash-es/flatMap.js";
-import a from "../../../../node_modules/lodash-es/range.js";
-const T = '<td align="center" class="ins-product-td items-block items-block-v2">', E = { PAIRS_FOR_EXTENSION: {
+import E from "../../../../node_modules/lodash-es/range.js";
+const T = '<td align="center" class="ins-product-td items-block items-block-v2">', a = { PAIRS_FOR_EXTENSION: {
   imageSrc: {
     CART_ITEMS: {
       ATTR: "ins_apr_img",
@@ -212,10 +212,10 @@ const T = '<td align="center" class="ins-product-td items-block items-block-v2">
   }
 } };
 function m(e, s = 8) {
-  return a(1, s + 1).map((i) => `${e}_${i}`);
+  return E(1, s + 1).map((i) => `${e}_${i}`);
 }
-function t() {
-  const { PAIRS_FOR_EXTENSION: e } = E, s = [];
+function r() {
+  const { PAIRS_FOR_EXTENSION: e } = a, s = [];
   return s.push(
     e.imageSrc.CART_ITEMS.ATTR,
     e.imageSrc.BROWSED_ITEMS.ATTR,
@@ -234,22 +234,34 @@ function t() {
   ), s.push(
     e.price.CART_ITEMS.PRICE,
     e.price.CART_ITEMS.PRICE_FORMATTED,
+    e.price.CART_ITEMS.SINGLE_PRICE,
+    e.price.CART_ITEMS.SINGLE_PRICE_FORMATTED,
     e.price.CART_ITEMS.CURRENCY,
     e.price.BROWSED_ITEMS.PRICE,
     e.price.BROWSED_ITEMS.PRICE_FORMATTED,
+    e.price.BROWSED_ITEMS.SINGLE_PRICE,
+    e.price.BROWSED_ITEMS.SINGLE_PRICE_FORMATTED,
     e.price.BROWSED_ITEMS.CURRENCY,
     e.price.PURCHASED_ITEMS.PRICE,
     e.price.PURCHASED_ITEMS.PRICE_FORMATTED,
+    e.price.PURCHASED_ITEMS.SINGLE_PRICE,
+    e.price.PURCHASED_ITEMS.SINGLE_PRICE_FORMATTED,
     e.price.PURCHASED_ITEMS.CURRENCY
   ), s.push(
     e.originalPrice.CART_ITEMS.PRICE,
     e.originalPrice.CART_ITEMS.PRICE_FORMATTED,
+    e.originalPrice.CART_ITEMS.SINGLE_PRICE,
+    e.originalPrice.CART_ITEMS.SINGLE_PRICE_FORMATTED,
     e.originalPrice.CART_ITEMS.CURRENCY,
     e.originalPrice.BROWSED_ITEMS.PRICE,
     e.originalPrice.BROWSED_ITEMS.PRICE_FORMATTED,
+    e.originalPrice.BROWSED_ITEMS.SINGLE_PRICE,
+    e.originalPrice.BROWSED_ITEMS.SINGLE_PRICE_FORMATTED,
     e.originalPrice.BROWSED_ITEMS.CURRENCY,
     e.originalPrice.PURCHASED_ITEMS.PRICE,
     e.originalPrice.PURCHASED_ITEMS.PRICE_FORMATTED,
+    e.originalPrice.PURCHASED_ITEMS.SINGLE_PRICE,
+    e.originalPrice.PURCHASED_ITEMS.SINGLE_PRICE_FORMATTED,
     e.originalPrice.PURCHASED_ITEMS.CURRENCY
   ), s.push(
     e.button.CART_ITEMS.HREF,
@@ -262,11 +274,11 @@ function t() {
   ), s;
 }
 const o = _(
-  t(),
+  r(),
   (e) => m(e)
 );
 export {
   o as itemsBlockDynamicVariables,
-  E as productPairs,
+  a as productPairs,
   T as templateFirstLine
 };

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

@@ -1,4 +1,4 @@
-var o = /* @__PURE__ */ ((c) => (c.BUTTON_ALIGN = "recommendation-block-button-align-control", c.BUTTON_BORDER = "recommendation-block-button-border-control", c.BUTTON_BORDER_RADIUS = "recommendation-block-button-border-radius-control", c.BUTTON_COLOR = "recommendation-block-button-color-control", c.BUTTON_FIT_TO_CONTENT = "recommendation-block-button-fit-to-content-control", c.BUTTON_FONT_FAMILY = "recommendation-block-button-font-family-control", c.BUTTON_MARGINS = "recommendation-block-button-margins-control", c.BUTTON_PADDINGS = "recommendation-block-button-paddings-control", c.BUTTON_TEXT = "recommendation-block-button-text-control", c.BUTTON_TEXT_SIZE = "recommendation-block-button-text-size-control", c.BUTTON_TEXT_STYLE_AND_FONT_COLOR = "recommendation-block-button-text-style-and-font-color-control", c.NAME_ALIGN = "recommendation-block-name-align-control", c.NAME_BACKGROUND = "recommendation-block-name-background-control", c.NAME_COLOR = "recommendation-block-name-color-control", c.NAME_FONT_FAMILY = "recommendation-block-name-font-family-control", c.NAME_PADDINGS = "recommendation-block-name-paddings-control", c.NAME_SIZE = "recommendation-block-name-size-control", c.NAME_STYLE = "recommendation-block-name-style-control", c.NAME_TEXT_TRIM = "recommendation-block-name-text-trim-control", c.PRICE_ALIGN = "recommendation-block-price-align-control", c.PRICE_BACKGROUND = "recommendation-block-price-background-control", c.PRICE_COLOR = "recommendation-block-price-color-control", c.PRICE_FONT_FAMILY = "recommendation-block-price-font-family-control", c.PRICE_PADDINGS = "recommendation-block-price-paddings-control", c.PRICE_SIZE = "recommendation-block-price-size-control", c.PRICE_STYLE = "recommendation-block-price-style-control", c.OLD_PRICE_ALIGN = "recommendation-block-old-price-align-control", c.OLD_PRICE_BACKGROUND = "recommendation-block-old-price-background-control", c.OLD_PRICE_COLOR = "recommendation-block-old-price-color-control", c.OLD_PRICE_FONT_FAMILY = "recommendation-block-old-price-font-family-control", c.OLD_PRICE_PADDINGS = "recommendation-block-old-price-paddings-control", c.OLD_PRICE_SIZE = "recommendation-block-old-price-size-control", c.OLD_PRICE_STYLE = "recommendation-block-old-price-style-control", c.OMNIBUS_PRICE_ALIGN = "recommendation-block-omnibus-price-align-control", c.OMNIBUS_PRICE_BACKGROUND = "recommendation-block-omnibus-price-background-control", c.OMNIBUS_PRICE_COLOR = "recommendation-block-omnibus-price-color-control", c.OMNIBUS_PRICE_FONT_FAMILY = "recommendation-block-omnibus-price-font-family-control", c.OMNIBUS_PRICE_PADDINGS = "recommendation-block-omnibus-price-paddings-control", c.OMNIBUS_PRICE_SIZE = "recommendation-block-omnibus-price-size-control", c.OMNIBUS_PRICE_STYLE = "recommendation-block-omnibus-price-style-control", c.OMNIBUS_PRICE_TEXT_BEFORE = "recommendation-block-omnibus-price-text-before-control", c.OMNIBUS_PRICE_TEXT_AFTER = "recommendation-block-omnibus-price-text-after-control", c.OMNIBUS_DISCOUNT_ALIGN = "recommendation-block-omnibus-discount-align-control", c.OMNIBUS_DISCOUNT_BACKGROUND = "recommendation-block-omnibus-discount-background-control", c.OMNIBUS_DISCOUNT_COLOR = "recommendation-block-omnibus-discount-color-control", c.OMNIBUS_DISCOUNT_FONT_FAMILY = "recommendation-block-omnibus-discount-font-family-control", c.OMNIBUS_DISCOUNT_PADDINGS = "recommendation-block-omnibus-discount-paddings-control", c.OMNIBUS_DISCOUNT_SIZE = "recommendation-block-omnibus-discount-size-control", c.OMNIBUS_DISCOUNT_STYLE = "recommendation-block-omnibus-discount-style-control", c.OMNIBUS_DISCOUNT_TEXT_BEFORE = "recommendation-block-omnibus-discount-text-before-control", c.OMNIBUS_DISCOUNT_TEXT_AFTER = "recommendation-block-omnibus-discount-text-after-control", c.IMAGE_SIZE = "recommendation-block-image-size-control", c.IMAGE_MARGINS = "recommendation-block-image-margins-control", c.CUSTOM_ATTR_ALIGN = "recommendation-block-custom-attr-align-control", c.CUSTOM_ATTR_BACKGROUND = "recommendation-block-custom-attr-background-control", c.CUSTOM_ATTR_COLOR = "recommendation-block-custom-attr-color-control", c.CUSTOM_ATTR_FONT_FAMILY = "recommendation-block-custom-attr-font-family-control", c.CUSTOM_ATTR_PADDINGS = "recommendation-block-custom-attr-paddings-control", c.CUSTOM_ATTR_SIZE = "recommendation-block-custom-attr-size-control", c.CUSTOM_ATTR_STYLE = "recommendation-block-custom-attr-style-control", c.SYNC_INFO_MESSAGE = "recommendation-block-sync-info-message", c))(o || {});
+var o = /* @__PURE__ */ ((c) => (c.BUTTON_ALIGN = "recommendation-block-button-align-control", c.BUTTON_BORDER = "recommendation-block-button-border-control", c.BUTTON_BORDER_RADIUS = "recommendation-block-button-border-radius-control", c.BUTTON_COLOR = "recommendation-block-button-color-control", c.BUTTON_FIT_TO_CONTENT = "recommendation-block-button-fit-to-content-control", c.BUTTON_FONT_FAMILY = "recommendation-block-button-font-family-control", c.BUTTON_MARGINS = "recommendation-block-button-margins-control", c.BUTTON_PADDINGS = "recommendation-block-button-paddings-control", c.BUTTON_TEXT = "recommendation-block-button-text-control", c.BUTTON_TEXT_SIZE = "recommendation-block-button-text-size-control", c.BUTTON_TEXT_STYLE_AND_FONT_COLOR = "recommendation-block-button-text-style-and-font-color-control", c.NAME_ALIGN = "recommendation-block-name-align-control", c.NAME_BACKGROUND = "recommendation-block-name-background-control", c.NAME_COLOR = "recommendation-block-name-color-control", c.NAME_FONT_FAMILY = "recommendation-block-name-font-family-control", c.NAME_PADDINGS = "recommendation-block-name-paddings-control", c.NAME_SIZE = "recommendation-block-name-size-control", c.NAME_STYLE = "recommendation-block-name-style-control", c.NAME_TEXT_TRIM = "recommendation-block-name-text-trim-control", c.PRICE_ALIGN = "recommendation-block-price-align-control", c.PRICE_BACKGROUND = "recommendation-block-price-background-control", c.PRICE_COLOR = "recommendation-block-price-color-control", c.PRICE_FONT_FAMILY = "recommendation-block-price-font-family-control", c.PRICE_PADDINGS = "recommendation-block-price-paddings-control", c.PRICE_SIZE = "recommendation-block-price-size-control", c.PRICE_STYLE = "recommendation-block-price-style-control", c.OLD_PRICE_ALIGN = "recommendation-block-old-price-align-control", c.OLD_PRICE_BACKGROUND = "recommendation-block-old-price-background-control", c.OLD_PRICE_COLOR = "recommendation-block-old-price-color-control", c.OLD_PRICE_FONT_FAMILY = "recommendation-block-old-price-font-family-control", c.OLD_PRICE_PADDINGS = "recommendation-block-old-price-paddings-control", c.OLD_PRICE_SIZE = "recommendation-block-old-price-size-control", c.OLD_PRICE_STYLE = "recommendation-block-old-price-style-control", c.OMNIBUS_PRICE_ALIGN = "recommendation-block-omnibus-price-align-control", c.OMNIBUS_PRICE_BACKGROUND = "recommendation-block-omnibus-price-background-control", c.OMNIBUS_PRICE_COLOR = "recommendation-block-omnibus-price-color-control", c.OMNIBUS_PRICE_FONT_FAMILY = "recommendation-block-omnibus-price-font-family-control", c.OMNIBUS_PRICE_PADDINGS = "recommendation-block-omnibus-price-paddings-control", c.OMNIBUS_PRICE_SIZE = "recommendation-block-omnibus-price-size-control", c.OMNIBUS_PRICE_STYLE = "recommendation-block-omnibus-price-style-control", c.OMNIBUS_PRICE_TEXT_BEFORE = "recommendation-block-omnibus-price-text-before-control", c.OMNIBUS_PRICE_TEXT_AFTER = "recommendation-block-omnibus-price-text-after-control", c.OMNIBUS_DISCOUNT_ALIGN = "recommendation-block-omnibus-discount-align-control", c.OMNIBUS_DISCOUNT_BACKGROUND = "recommendation-block-omnibus-discount-background-control", c.OMNIBUS_DISCOUNT_COLOR = "recommendation-block-omnibus-discount-color-control", c.OMNIBUS_DISCOUNT_FONT_FAMILY = "recommendation-block-omnibus-discount-font-family-control", c.OMNIBUS_DISCOUNT_PADDINGS = "recommendation-block-omnibus-discount-paddings-control", c.OMNIBUS_DISCOUNT_SIZE = "recommendation-block-omnibus-discount-size-control", c.OMNIBUS_DISCOUNT_STYLE = "recommendation-block-omnibus-discount-style-control", c.OMNIBUS_DISCOUNT_TEXT_BEFORE = "recommendation-block-omnibus-discount-text-before-control", c.OMNIBUS_DISCOUNT_TEXT_AFTER = "recommendation-block-omnibus-discount-text-after-control", c.IMAGE_SIZE = "recommendation-block-image-size-control", c.IMAGE_MARGINS = "recommendation-block-image-margins-control", c.CUSTOM_ATTR_ALIGN = "recommendation-block-custom-attr-align-control", c.CUSTOM_ATTR_BACKGROUND = "recommendation-block-custom-attr-background-control", c.CUSTOM_ATTR_COLOR = "recommendation-block-custom-attr-color-control", c.CUSTOM_ATTR_FONT_FAMILY = "recommendation-block-custom-attr-font-family-control", c.CUSTOM_ATTR_PADDINGS = "recommendation-block-custom-attr-paddings-control", c.CUSTOM_ATTR_SIZE = "recommendation-block-custom-attr-size-control", c.CUSTOM_ATTR_STYLE = "recommendation-block-custom-attr-style-control", c.CUSTOM_ATTR_TEXT_TRIM = "recommendation-block-custom-attr-text-trim-control", c.SYNC_INFO_MESSAGE = "recommendation-block-sync-info-message", c))(o || {});
 export {
   o as RecommendationControlId
 };