@useinsider/guido 3.13.0 → 3.13.1-beta.695671e

package/dist/extensions/Blocks/Items/utils/nameNode.js

@@ -0,0 +1,4 @@
+const e = (t) => t ? t.querySelector('[product-attr="name"]') ?? t.querySelector("p > a") : void 0;
+export {
+  e as findNameTextNode
+};

package/dist/src/composables/useModuleDynamicContentRepair.d.ts

@@ -1,9 +1,4 @@
 import type { ModuleAddData, ModuleModifier } from '@@/Types/stripo';
-/**
- * Host-registered translation key for the "some attributes could not be
- * converted" toaster. Guido resolves it against the host's `window.trans.en`;
- * the copy is registered host-side.
- */
 export declare const UNRESOLVED_DYNAMIC_CONTENT_ON_DROP_KEY = "dynamic-content.unresolved-attributes-on-drop";
 /**
  * Repairs label-form dynamic-content tokens in saved modules as they are dropped

package/dist/src/extensions/Blocks/Items/utils/nameNode.d.ts

@@ -0,0 +1,9 @@
+import type { ImmutableHtmlElementNode, ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+/**
+ * Resolves the element carrying the product name text.
+ *
+ * New blocks put `product-attr="name"` on the `<p>`; blocks saved before SD-147616 still
+ * carry it on the inner `<a>`, and the oldest ones have no attribute at all — hence the
+ * `p > a` fallback. Without it, trimming silently no-ops on legacy blocks.
+ */
+export declare const findNameTextNode: (container?: ImmutableHtmlNode) => ImmutableHtmlElementNode | undefined;

package/dist/src/utils/unwrapProductNameLink.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Unwraps the `<a>` around an Items-block product name so the name compiles as plain text.
+ *
+ * Outlook's Word engine ignores `color: inherit` on an `<a>` and paints its own blue link
+ * color (SD-147616). New blocks no longer emit the anchor, but templates saved before the
+ * fix still carry it in their stored HTML — this heals them at compile time.
+ */
+/**
+ * Removes the product-name link from every `.ins-product-td` in the document, in place.
+ *
+ * Scoped like `pairProductVariables` so partner or legacy recommendation markup outside a
+ * product cell is never touched. Idempotent.
+ * @param doc - Parsed template document, mutated in place
+ */
+export declare function unwrapProductNameLinks(doc: Document): void;

package/dist/utils/pairProductVariables.js

@@ -1,14 +1,17 @@
-import { productPairs as N } from "../extensions/Blocks/Items/enums/productEnums.js";
+import { productPairs as q } from "../extensions/Blocks/Items/enums/productEnums.js";
 import { DefaultConfigValues as O } from "../extensions/Blocks/Items/enums/settingsEnums.js";
-import { preserveTextStyles as C } from "./preserveTextStyles.js";
-function V(L) {
-  const H = L.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), g = new DOMParser().parseFromString(H, "text/html"), m = N.PAIRS_FOR_EXTENSION;
-  Object.entries(m).forEach(([r, f]) => {
-    g.querySelectorAll(".ins-product-td").forEach((c) => {
-      const A = c.getAttribute("data-number") || "1", y = c.getAttribute("data-type") || "CART_ITEMS";
+import { preserveTextStyles as y } from "./preserveTextStyles.js";
+import { unwrapProductNameLinks as U } from "./unwrapProductNameLink.js";
+function Y(L) {
+  const H = L.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), T = new DOMParser().parseFromString(H, "text/html");
+  U(T);
+  const C = q.PAIRS_FOR_EXTENSION;
+  Object.entries(C).forEach(([r, f]) => {
+    T.querySelectorAll(".ins-product-td").forEach((c) => {
+      const A = c.getAttribute("data-number") || "1", m = c.getAttribute("data-type") || "CART_ITEMS";
       c.querySelectorAll(`[product-attr="${r}"]`).forEach((t) => {
         var F, I, w;
-        const T = t.getAttribute("data-type") || y, u = t.getAttribute("data-number") || A, d = f[T];
+        const $ = t.getAttribute("data-type") || m, u = t.getAttribute("data-number") || A, d = f[$];
         if (d)
           switch (r) {
             case "imageSrc": {
@@ -19,13 +22,13 @@ function V(L) {
               if (a && e.src) {
                 const o = e.src;
                 a.some((h) => {
-                  const l = h.split("/").pop() || "", $ = o.split("/").pop() || "";
-                  return o.includes(h) || o.includes(l) || $ === l;
+                  const l = h.split("/").pop() || "", b = o.split("/").pop() || "";
+                  return o.includes(h) || o.includes(l) || b === l;
                 }) && (e.src = `{{${s}_${u}}}`);
               }
-              const n = (I = (F = m.name) == null ? void 0 : F[T]) == null ? void 0 : I.ATTR;
+              const n = (I = (F = C.name) == null ? void 0 : F[$]) == null ? void 0 : I.ATTR;
               if (n && e.setAttribute("alt", `{{${n}_${u}}}`), i) {
-                const o = (w = m.itemLink) == null ? void 0 : w[T];
+                const o = (w = C.itemLink) == null ? void 0 : w[$];
                 if (o) {
                   const E = o.HREF, h = o.DEFAULT_HREF || "#!", l = i.href;
                   (l === "#" || l === "" || l.endsWith("#!") || l.endsWith(h) || l === `${window.location.href}${h}` || !l || l === window.location.href) && (i.href = `{{${E}_${u}}}`);
@@ -35,7 +38,7 @@ function V(L) {
             }
             case "name": {
               const e = d, i = e.ATTR, a = e.DEFAULT_HREF || "#!", s = e.HREF;
-              t.textContent && (t.innerHTML = C(t, `{{${i}_${u}}}`));
+              t.textContent && (t.innerHTML = y(t, `{{${i}_${u}}}`));
               const n = t.closest("a") || (t.tagName === "A" ? t : null);
               if (n && s) {
                 const o = n.href, E = `${window.location.href}${a}`;
@@ -50,14 +53,14 @@ function V(L) {
               n ? E = s ? e.SINGLE_PRICE_FORMATTED : e.SINGLE_PRICE : E = s ? e.PRICE_FORMATTED : e.PRICE;
               const h = e.CURRENCY;
               let l = `{{${E}_${u}}}`;
-              const $ = (t.getAttribute("data-currency_symbol") || "").trim(), q = $ !== "" && $ !== O.productPriceCurrencySymbolControlValue;
-              let b = "";
-              q ? b = $ : h && (b = `{{${h}_${u}}}`), b && (l = o === "after" ? `${l} ${b}` : `${b} ${l}`), t.innerHTML = C(t, l);
+              const b = (t.getAttribute("data-currency_symbol") || "").trim(), N = b !== "" && b !== O.productPriceCurrencySymbolControlValue;
+              let g = "";
+              N ? g = b : h && (g = `{{${h}_${u}}}`), g && (l = o === "after" ? `${l} ${g}` : `${g} ${l}`), t.innerHTML = y(t, l);
               break;
             }
             case "quantity": {
               const e = d, i = e.ATTR, a = e.DEFAULT;
-              t.textContent && t.textContent.trim() === a && (t.innerHTML = C(t, `{{${i}_${u}}}`));
+              t.textContent && t.textContent.trim() === a && (t.innerHTML = y(t, `{{${i}_${u}}}`));
               break;
             }
             case "button": {
@@ -79,7 +82,7 @@ function V(L) {
             default: {
               if ("ATTR" in d) {
                 const e = d.ATTR;
-                t.textContent && (t.innerHTML = C(t, `{{${e}_${u}}}`));
+                t.textContent && (t.innerHTML = y(t, `{{${e}_${u}}}`));
               }
               break;
             }
@@ -88,7 +91,7 @@ function V(L) {
     });
   });
   const k = H.match(/<!DOCTYPE[^>]*>/i), P = k ? `${k[0]}
-` : "", D = g.querySelectorAll(".ins-product-td"), M = [];
+` : "", D = T.querySelectorAll(".ins-product-td"), M = [];
   D.forEach((r) => {
     const f = r.getAttribute("data-type") || "CART_ITEMS", p = r.getAttribute("data-number") || "1", c = r.getAttribute("data-nodup"), A = r.outerHTML;
     M.push({
@@ -99,7 +102,7 @@ function V(L) {
       nodup: c || void 0
     });
   });
-  let _ = P + g.documentElement.outerHTML;
+  let _ = P + T.documentElement.outerHTML;
   M.reverse().forEach(({ outerHtml: r, type: f, number: p }) => {
     let c = "";
     switch (f) {
@@ -114,11 +117,11 @@ function V(L) {
         break;
     }
     if (c) {
-      const y = parseInt(p) - 1, T = `${`{% if ${c} > ${y} %}`}${r}{% endif %}`;
-      _ = _.replace(r, T);
+      const m = parseInt(p) - 1, $ = `${`{% if ${c} > ${m} %}`}${r}{% endif %}`;
+      _ = _.replace(r, $);
     }
   });
-  const x = g.querySelectorAll('[product-attr="originalPrice"][data-type="CART_ITEMS"]'), R = [];
+  const x = T.querySelectorAll('[product-attr="originalPrice"][data-type="CART_ITEMS"]'), R = [];
   return x.forEach((r) => {
     const f = r.getAttribute("data-number"), p = r.getAttribute("data-type");
     if (!f || p !== "CART_ITEMS")
@@ -137,5 +140,5 @@ function V(L) {
   }), _.replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
 }
 export {
-  V as pairProductVariables
+  Y as pairProductVariables
 };

package/dist/utils/unwrapProductNameLink.js

@@ -0,0 +1,37 @@
+const f = "text-decoration", A = /(?:[^;"'()]|"[^"]*"|'[^']*'|\([^)]*\))+/g, c = (e) => (e.match(A) || []).map((r) => r.trim()).filter(Boolean), l = (e) => e.slice(0, e.indexOf(":")).trim().toLowerCase(), m = (e) => e.slice(e.indexOf(":") + 1).trim().toLowerCase(), u = (e, r) => {
+  const s = e.getAttribute("style");
+  if (!s)
+    return;
+  const t = c(r.getAttribute("style") || ""), i = new Set(t.map(l)), o = c(s).filter((n) => {
+    const a = l(n);
+    return !a || i.has(a) ? !1 : !a.startsWith(f) && m(n) !== "inherit";
+  });
+  o.length && r.setAttribute("style", [...t, ...o].join("; "));
+}, y = ["product-attr", "data-type", "data-number", "data-slot-2"], p = (e, r) => {
+  y.forEach((s) => {
+    const t = e.getAttribute(s);
+    t !== null && !r.hasAttribute(s) && r.setAttribute(s, t);
+  });
+};
+function E(e) {
+  e.querySelectorAll(".ins-product-td").forEach((r) => {
+    const s = /* @__PURE__ */ new Set();
+    r.querySelectorAll('[product-attr="name"]').forEach((t) => {
+      const i = t.closest("a");
+      i && r.contains(i) && s.add(i);
+    }), s.forEach((t) => {
+      if (t.querySelector("img") || Array.from(t.querySelectorAll("[product-attr]")).some((a) => a.getAttribute("product-attr") !== "name"))
+        return;
+      const o = t.closest("p");
+      if (o && r.contains(o)) {
+        p(t, o), u(t, o), t.replaceWith(...Array.from(t.childNodes));
+        return;
+      }
+      const n = e.createElement("span");
+      p(t, n), u(t, n), n.append(...Array.from(t.childNodes)), t.replaceWith(n);
+    });
+  });
+}
+export {
+  E as unwrapProductNameLinks
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.13.0",
+  "version": "3.13.1-beta.695671e",
   "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",