@useinsider/guido 3.23.0-beta.86bed27 → 3.23.0-beta.9f6bfbf

package/dist/utils/itemsCurrencyRepair.js

@@ -1,39 +1,44 @@
-import { currencyAttrTargets as u, ITEMS_CURRENCY_ATTR as c } from "../extensions/Blocks/Items/constants/currency.js";
-import { ItemsBlockId as l } from "../extensions/Blocks/Items/enums/controlEnums.js";
-const s = "items-block-v2";
-function f(e) {
-  const i = e.getAttribute("esd-ext-config");
-  if (!i)
+import { isNewPriceFormatRoot as a, currencyAttrTargets as f, ITEMS_CURRENCY_ATTR as c } from "../extensions/Blocks/Items/constants/currency.js";
+import { ItemsBlockId as p } from "../extensions/Blocks/Items/enums/controlEnums.js";
+import { snapshotPriceFormatFromElement as m, planPriceFormatOps as y, applyPriceFormatOpsToElement as d } from "../extensions/Blocks/Items/utils/priceFormatOps.js";
+const u = "items-block-v2";
+function S(e, i) {
+  if (i || a(e)) {
+    const t = m(e), l = y(t, { convertLegacy: i });
+    return d(e, l);
+  }
+  const n = e.getAttribute("esd-ext-config");
+  if (!n)
     return !1;
-  let t, r;
+  let r, o;
   try {
-    ({ position: t, symbol: r } = u(JSON.parse(i)));
+    ({ position: r, symbol: o } = f(JSON.parse(n)));
   } catch {
     return !1;
   }
-  let o = !1;
-  return e.querySelectorAll(`.${l.PRICE} p`).forEach((n) => {
-    t !== void 0 && n.getAttribute(c.POSITION) !== t && (n.setAttribute(c.POSITION, t), o = !0), r !== void 0 && n.getAttribute(c.SYMBOL) !== r && (n.setAttribute(c.SYMBOL, r), o = !0);
-  }), o;
+  let s = !1;
+  return e.querySelectorAll(`.${p.PRICE} p`).forEach((t) => {
+    r !== void 0 && t.getAttribute(c.POSITION) !== r && (t.setAttribute(c.POSITION, r), s = !0), o !== void 0 && t.getAttribute(c.SYMBOL) !== o && (t.setAttribute(c.SYMBOL, o), s = !0);
+  }), s;
 }
-function S(e) {
-  if (typeof e != "string" || !e.includes(s))
+function I(e, { convertToPriceFormat: i = !1 } = {}) {
+  if (typeof e != "string" || !e.includes(u))
     return e;
   try {
-    const t = new DOMParser().parseFromString(
+    const r = new DOMParser().parseFromString(
       `<table><tbody><tr>${e}</tr></tbody></table>`,
       "text/html"
-    ).querySelector("tr"), r = t.querySelectorAll(`.${s}`);
-    if (r.length === 0)
+    ).querySelector("tr"), o = r.querySelectorAll(`.${u}`);
+    if (o.length === 0)
       return e;
-    let o = !1;
-    return r.forEach((n) => {
-      f(n) && (o = !0);
-    }), o ? t.innerHTML : e;
-  } catch (i) {
-    return console.error("Failed to repair items currency on module add:", i), e;
+    let s = !1;
+    return o.forEach((t) => {
+      S(t, i) && (s = !0);
+    }), s ? r.innerHTML : e;
+  } catch (n) {
+    return console.error("Failed to repair items currency on module add:", n), e;
   }
 }
 export {
-  S as repairItemsCurrencyAttributes
+  I as repairItemsCurrencyAttributes
 };

package/dist/utils/pairProductVariables.js

@@ -1,108 +1,128 @@
-import { ITEMS_CURRENCY_ATTR as U, isCustomCurrencySymbol as Y } from "../extensions/Blocks/Items/constants/currency.js";
-import { productPairs as M } from "../extensions/Blocks/Items/enums/productEnums.js";
-import { escapeReplacement as B } from "../extensions/Blocks/Items/utils/nodeConfigUtils.js";
-import { preserveTextStyles as L } from "./preserveTextStyles.js";
+import { isNewPriceFormatRoot as G, ITEMS_PRICE_FORMAT_ATTR as N, currencyPositionFromLocation as Y, ITEMS_CURRENCY_ATTR as U, isCustomCurrencySymbol as B } from "../extensions/Blocks/Items/constants/currency.js";
+import { productPairs as k } from "../extensions/Blocks/Items/enums/productEnums.js";
+import { escapeReplacement as v } from "../extensions/Blocks/Items/utils/nodeConfigUtils.js";
+import { preserveTextStyles as w } from "./preserveTextStyles.js";
 import { unwrapProductNameLinks as X } from "./unwrapProductNameLink.js";
 const q = {
   CART_ITEMS: "ins_apr",
   BROWSED_ITEMS: "browsed_item",
   PURCHASED_ITEMS: "purchased_item"
-}, W = ($) => $.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->");
-function v($, C, A) {
-  let d = C;
-  for (; d > 0 && /\s/.test($[d - 1]); )
-    d -= 1;
-  return A.some((E) => $.endsWith(E, d));
+}, W = (r) => r.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->");
+function j(r, h, p) {
+  let u = h;
+  for (; u > 0 && /\s/.test(r[u - 1]); )
+    u -= 1;
+  return p.some((A) => r.endsWith(A, u));
 }
-const j = /(\s)href=(["'])(?:[^"']*#!|#)?\2/gi;
-function Q($, C) {
-  var d;
-  const A = $.ownerDocument.createTreeWalker($, NodeFilter.SHOW_COMMENT);
-  for (let E = A.nextNode(); E; E = A.nextNode())
-    (d = E.nodeValue) != null && d.includes("[if mso]") && (E.nodeValue = E.nodeValue.replace(j, (k, P) => `${P}href="${C}"`));
+const Q = /(\s)href=(["'])(?:[^"']*#!|#)?\2/gi;
+function z(r, h) {
+  var u;
+  const p = r.ownerDocument.createTreeWalker(r, NodeFilter.SHOW_COMMENT);
+  for (let A = p.nextNode(); A; A = p.nextNode())
+    (u = A.nodeValue) != null && u.includes("[if mso]") && (A.nodeValue = A.nodeValue.replace(Q, (L, P) => `${P}href="${h}"`));
 }
-function et($) {
-  const C = W($), A = new DOMParser().parseFromString(C, "text/html");
-  X(A);
-  const d = M.PAIRS_FOR_EXTENSION;
-  Object.entries(d).forEach(([o, p]) => {
-    A.querySelectorAll(".ins-product-td").forEach((r) => {
-      const _ = r.getAttribute("data-number") || "1", y = r.getAttribute("data-type") || "CART_ITEMS";
-      r.querySelectorAll(`[product-attr="${o}"]`).forEach((t) => {
-        var S, I, O, x;
-        const m = t.getAttribute("data-type") || y, n = t.getAttribute("data-number") || _, f = p[m];
+function J(r) {
+  return {
+    isFormatted: r.getAttribute("data-formated") === "true",
+    isSinglePrice: r.getAttribute("data-single_price") === "true",
+    currencyPosition: r.getAttribute(U.POSITION) || "before",
+    configuredSymbol: (r.getAttribute(U.SYMBOL) || "").trim()
+  };
+}
+function K(r) {
+  return {
+    isFormatted: !1,
+    isSinglePrice: r.getAttribute(N.SINGLE_PRICE) === "true",
+    currencyPosition: Y(
+      r.getAttribute(N.ALIGNMENT) ?? void 0
+    ),
+    configuredSymbol: (r.getAttribute(N.SYMBOL) || "").trim()
+  };
+}
+function Z(r, h, p) {
+  const { isFormatted: u, isSinglePrice: A, currencyPosition: L, configuredSymbol: P } = p;
+  let y;
+  A ? y = u ? r.SINGLE_PRICE_FORMATTED : r.SINGLE_PRICE : y = u ? r.PRICE_FORMATTED : r.PRICE;
+  const E = r.CURRENCY;
+  let F = `{{${y}_${h}}}`, R = "";
+  return B(P) ? R = P : E && (R = `{{${E}_${h}}}`), R && (F = L === "after" ? `${F} ${R}` : `${R} ${F}`), F;
+}
+function ct(r) {
+  const h = W(r), p = new DOMParser().parseFromString(h, "text/html");
+  X(p);
+  const u = k.PAIRS_FOR_EXTENSION;
+  Object.entries(u).forEach(([o, T]) => {
+    p.querySelectorAll(".ins-product-td").forEach((n) => {
+      const S = n.getAttribute("data-number") || "1", I = n.getAttribute("data-type") || "CART_ITEMS";
+      n.querySelectorAll(`[product-attr="${o}"]`).forEach((t) => {
+        var b, M, D, x;
+        const m = t.getAttribute("data-type") || I, c = t.getAttribute("data-number") || S, f = T[m];
         if (f)
           switch (o) {
             case "imageSrc": {
-              let e = null, s = null;
-              if (t.tagName === "IMG" ? (e = t, s = e.closest("a")) : (e = t.querySelector("img"), s = t.querySelector("a") || t.closest("a")), !e)
+              let e = null, i = null;
+              if (t.tagName === "IMG" ? (e = t, i = e.closest("a")) : (e = t.querySelector("img"), i = t.querySelector("a") || t.closest("a")), !e)
                 break;
-              const l = f.DEFAULT, c = f.ATTR;
-              if (l && e.src) {
-                const a = e.src;
-                l.some((g) => {
-                  const u = g.split("/").pop() || "", H = a.split("/").pop() || "";
-                  return a.includes(g) || a.includes(u) || H === u;
-                }) && (e.src = `{{${c}_${n}}}`);
+              const d = f.DEFAULT, a = f.ATTR;
+              if (d && e.src) {
+                const l = e.src;
+                d.some((C) => {
+                  const $ = C.split("/").pop() || "", V = l.split("/").pop() || "";
+                  return l.includes(C) || l.includes($) || V === $;
+                }) && (e.src = `{{${a}_${c}}}`);
               }
-              const i = (I = (S = d.name) == null ? void 0 : S[m]) == null ? void 0 : I.ATTR;
-              if (i && e.setAttribute("alt", `{{${i}_${n}}}`), s) {
-                const a = (O = d.itemLink) == null ? void 0 : O[m];
-                if (a) {
-                  const b = a.HREF, g = a.DEFAULT_HREF || "#!", u = s.href;
-                  (u === "#" || u === "" || u.endsWith("#!") || u.endsWith(g) || u === `${window.location.href}${g}` || !u || u === window.location.href) && (s.href = `{{${b}_${n}}}`);
+              const s = (M = (b = u.name) == null ? void 0 : b[m]) == null ? void 0 : M.ATTR;
+              if (s && e.setAttribute("alt", `{{${s}_${c}}}`), i) {
+                const l = (D = u.itemLink) == null ? void 0 : D[m];
+                if (l) {
+                  const H = l.HREF, C = l.DEFAULT_HREF || "#!", $ = i.href;
+                  ($ === "#" || $ === "" || $.endsWith("#!") || $.endsWith(C) || $ === `${window.location.href}${C}` || !$ || $ === window.location.href) && (i.href = `{{${H}_${c}}}`);
                 }
               }
               break;
             }
             case "name": {
-              const e = f, s = e.ATTR, l = e.DEFAULT_HREF || "#!", c = e.HREF;
-              t.textContent && (t.innerHTML = L(t, `{{${s}_${n}}}`));
-              const i = t.closest("a") || (t.tagName === "A" ? t : null);
-              if (i && c) {
-                const a = i.href, b = `${window.location.href}${l}`;
-                (a === b || a.endsWith(l)) && (i.href = `{{${c}_${n}}}`);
+              const e = f, i = e.ATTR, d = e.DEFAULT_HREF || "#!", a = e.HREF;
+              t.textContent && (t.innerHTML = w(t, `{{${i}_${c}}}`));
+              const s = t.closest("a") || (t.tagName === "A" ? t : null);
+              if (s && a) {
+                const l = s.href, H = `${window.location.href}${d}`;
+                (l === H || l.endsWith(d)) && (s.href = `{{${a}_${c}}}`);
               }
               break;
             }
             case "price":
             case "originalPrice": {
-              const e = f, s = t.getAttribute("data-formated"), l = t.getAttribute("data-single_price"), c = s === "true", i = l === "true", a = t.getAttribute(U.POSITION) || "before";
-              let b;
-              i ? b = c ? e.SINGLE_PRICE_FORMATTED : e.SINGLE_PRICE : b = c ? e.PRICE_FORMATTED : e.PRICE;
-              const g = e.CURRENCY;
-              let u = `{{${b}_${n}}}`;
-              const H = (t.getAttribute(U.SYMBOL) || "").trim(), G = Y(H);
-              let F = "";
-              G ? F = H : g && (F = `{{${g}_${n}}}`), F && (u = a === "after" ? `${u} ${F}` : `${F} ${u}`), t.innerHTML = L(t, u);
+              const e = f, i = G(n) ? K(n) : J(t);
+              t.innerHTML = w(t, Z(e, c, i));
               break;
             }
             case "quantity": {
-              const e = f, s = e.ATTR, l = [e.DEFAULT, ...e.LEGACY_DEFAULTS], c = (x = t.textContent) == null ? void 0 : x.trim();
-              c && l.includes(c) && (t.innerHTML = L(t, `{{${s}_${n}}}`));
+              const e = f, i = e.ATTR, d = [e.DEFAULT, ...e.LEGACY_DEFAULTS], a = (x = t.textContent) == null ? void 0 : x.trim();
+              a && d.includes(a) && (t.innerHTML = w(t, `{{${i}_${c}}}`));
               break;
             }
             case "button": {
-              const e = f, s = e.HREF, l = e.DEFAULT_HREF || "#!", c = t.tagName === "A" ? t : t.querySelector("a");
-              if (c) {
-                const i = c.href || "", a = `${window.location.href}${l}`;
-                (i === "" || i === "#" || i === a || i.endsWith(l) || i.endsWith("#!") || i === window.location.href) && (c.href = `{{${s}_${n}}}`);
+              const e = f, i = e.HREF, d = e.DEFAULT_HREF || "#!", a = t.tagName === "A" ? t : t.querySelector("a");
+              if (a) {
+                const s = a.href || "", l = `${window.location.href}${d}`;
+                (s === "" || s === "#" || s === l || s.endsWith(d) || s.endsWith("#!") || s === window.location.href) && (a.href = `{{${i}_${c}}}`);
               }
-              Q(t, `{{${s}_${n}}}`);
+              z(t, `{{${i}_${c}}}`);
               break;
             }
             case "itemLink": {
-              const e = f, s = e.HREF, l = e.DEFAULT_HREF || "#!", c = t;
-              if (c.href) {
-                const i = c.href, a = `${window.location.href}${l}`;
-                (i === a || i.endsWith(l)) && (c.href = `{{${s}_${n}}}`);
+              const e = f, i = e.HREF, d = e.DEFAULT_HREF || "#!", a = t;
+              if (a.href) {
+                const s = a.href, l = `${window.location.href}${d}`;
+                (s === l || s.endsWith(d)) && (a.href = `{{${i}_${c}}}`);
               }
               break;
             }
             default: {
               if ("ATTR" in f) {
                 const e = f.ATTR;
-                t.textContent && (t.innerHTML = L(t, `{{${e}_${n}}}`));
+                t.textContent && (t.innerHTML = w(t, `{{${e}_${c}}}`));
               }
               break;
             }
@@ -110,49 +130,49 @@ function et($) {
       });
     });
   });
-  const E = C.match(/<!DOCTYPE[^>]*>/i), k = E ? `${E[0]}
-` : "", P = A.querySelectorAll(".ins-product-td"), N = [];
+  const A = h.match(/<!DOCTYPE[^>]*>/i), L = A ? `${A[0]}
+` : "", P = p.querySelectorAll(".ins-product-td"), y = [];
   P.forEach((o) => {
-    const p = o.getAttribute("data-type") || "CART_ITEMS", T = o.getAttribute("data-number") || "1", r = o.outerHTML;
-    N.push({
+    const T = o.getAttribute("data-type") || "CART_ITEMS", _ = o.getAttribute("data-number") || "1", n = o.outerHTML;
+    y.push({
       element: o,
-      outerHtml: r,
-      type: p,
-      number: T
+      outerHtml: n,
+      type: T,
+      number: _
     });
   });
-  let h = k + A.documentElement.outerHTML;
-  N.reverse().forEach(({ outerHtml: o, type: p, number: T }) => {
-    const r = q[p], _ = r ? `${r}_total_product_kind` : "";
-    if (_) {
-      const R = parseInt(T) - 1, n = `${`{% if ${_} > ${R} %}`}${o}{% endif %}`;
-      h = h.replace(o, B(n));
+  let E = L + p.documentElement.outerHTML;
+  y.reverse().forEach(({ outerHtml: o, type: T, number: _ }) => {
+    const n = q[T], S = n ? `${n}_total_product_kind` : "";
+    if (S) {
+      const g = parseInt(_) - 1, c = `${`{% if ${S} > ${g} %}`}${o}{% endif %}`;
+      E = E.replace(o, v(c));
     }
   });
-  const V = A.querySelectorAll('[product-attr="originalPrice"][data-type]'), w = /* @__PURE__ */ new Map(), D = /* @__PURE__ */ new Set();
-  return V.forEach((o) => {
+  const F = p.querySelectorAll('[product-attr="originalPrice"][data-type]'), R = /* @__PURE__ */ new Map(), O = /* @__PURE__ */ new Set();
+  return F.forEach((o) => {
     var t;
-    const p = o.getAttribute("data-number"), T = o.getAttribute("data-type");
-    if (!p || !q[T])
+    const T = o.getAttribute("data-number"), _ = o.getAttribute("data-type");
+    if (!T || !q[_])
       return;
-    const r = o.closest(".product-original-price-class");
-    if (!r || D.has(r))
+    const n = o.closest(".product-original-price-class");
+    if (!n || O.has(n))
       return;
-    D.add(r);
-    const _ = r.outerHTML, y = (t = o.closest(".ins-product-td")) == null ? void 0 : t.getAttribute("data-nodup"), R = w.get(_) ?? { number: p, type: T, wrap: [] };
-    R.wrap.push(y !== "false"), w.set(_, R);
-  }), w.forEach(({ number: o, type: p, wrap: T }, r) => {
-    if (r.includes("{% if") || !T.some(Boolean))
+    O.add(n);
+    const S = n.outerHTML, I = (t = o.closest(".ins-product-td")) == null ? void 0 : t.getAttribute("data-nodup"), g = R.get(S) ?? { number: T, type: _, wrap: [] };
+    g.wrap.push(I !== "false"), R.set(S, g);
+  }), R.forEach(({ number: o, type: T, wrap: _ }, n) => {
+    if (n.includes("{% if") || !_.some(Boolean))
       return;
-    const _ = M.PAIRS_FOR_EXTENSION.price[p].PRICE, y = M.PAIRS_FOR_EXTENSION.originalPrice[p].PRICE, R = `{% if ${_}_${o} != ${y}_${o} %}`, t = [R, W(R)];
-    let m = "", n = 0, f = 0, S = h.indexOf(r);
-    for (; S !== -1; ) {
-      const I = T[f] === !0 && !v(h, S, t);
-      m += h.slice(n, S) + (I ? `${R}${r}{% endif %}` : r), n = S + r.length, f += 1, S = h.indexOf(r, n);
+    const S = k.PAIRS_FOR_EXTENSION.price[T].PRICE, I = k.PAIRS_FOR_EXTENSION.originalPrice[T].PRICE, g = `{% if ${S}_${o} != ${I}_${o} %}`, t = [g, W(g)];
+    let m = "", c = 0, f = 0, b = E.indexOf(n);
+    for (; b !== -1; ) {
+      const M = _[f] === !0 && !j(E, b, t);
+      m += E.slice(c, b) + (M ? `${g}${n}{% endif %}` : n), c = b + n.length, f += 1, b = E.indexOf(n, c);
     }
-    h = m + h.slice(n);
-  }), h.replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
+    E = m + E.slice(c);
+  }), E.replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
 }
 export {
-  et as pairProductVariables
+  ct as pairProductVariables
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.23.0-beta.86bed27",
+  "version": "3.23.0-beta.9f6bfbf",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",
@@ -59,7 +59,7 @@
   "dependencies": {
     "@stripoinc/ui-editor-extensions": "3.11.0",
     "@useinsider/design-system-organisms": "0.0.3-beta.d816f06",
-    "@useinsider/design-system-vue": "2.3.1",
+    "@useinsider/design-system-vue": "2.5.0",
     "@vueuse/core": "11.3.0",
     "lodash-es": "4.17.21",
     "pinia": "2.3.1",