@skippr/live-agent-sdk 0.57.0 → 0.58.0

package/dist/esm/lib-exports.js

@@ -1800,7 +1800,47 @@ function isActionBlocked(element) {
 function escapeAttributeValue(value) {
   return value.replace(/\\/g, "\\\\").replace(/"/g, "\\\"").replace(/[\r\n]+/g, " ");
 }
-function extractAttrs(element, role) {
+var GENERIC_ICON_NAMES = new Set(["icon", "icons", "image", "img", "sprite", "sprites", "asset"]);
+function sanitizeIconName(src) {
+  if (!src || src.startsWith("data:"))
+    return null;
+  const withoutQuery = src.split(/[?#]/)[0] ?? "";
+  const basename = withoutQuery.slice(withoutQuery.lastIndexOf("/") + 1);
+  const core = basename.split(".")[0] ?? "";
+  const cleaned = core.replace(/^(?:icon[-_]?|ic[-_]|svg[-_])/i, "").replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[-_]+/g, " ").replace(/\s+/g, " ").trim().toLowerCase().replace(/\s*\bicons?$/, "").trim();
+  if (!cleaned)
+    return null;
+  if (/^[0-9a-f]{8,}$/i.test(cleaned))
+    return null;
+  if (/^\d+$/.test(cleaned))
+    return null;
+  if (GENERIC_ICON_NAMES.has(cleaned))
+    return null;
+  if (cleaned.split(" ").length > 3)
+    return null;
+  return cleaned.slice(0, NAME_MAX_CHARS);
+}
+function hasInteractiveAncestorWithin(image, boundary) {
+  let node = image.parentElement;
+  while (node && node !== boundary) {
+    if (isInteractive(node, inferRole(node)))
+      return true;
+    node = node.parentElement;
+  }
+  return false;
+}
+function iconNameHint(element) {
+  if (element.tagName === "IMG") {
+    return sanitizeIconName(element.getAttribute("src") || "");
+  }
+  const image = element.querySelector("img[src]");
+  if (!image)
+    return null;
+  if (hasInteractiveAncestorWithin(image, element))
+    return null;
+  return sanitizeIconName(image.getAttribute("src") || "");
+}
+function extractAttrs(element, role, name) {
   const attributes = [];
   if (role === "link") {
     const href = element.getAttribute("href");
@@ -1884,6 +1924,11 @@ function extractAttrs(element, role) {
     if (/\.gif(\?|$)/i.test(imageSrc))
       attributes.push("animated");
   }
+  if (!name && isInteractive(element, role)) {
+    const hint = iconNameHint(element);
+    if (hint)
+      attributes.push(`iconName="${escapeAttributeValue(hint)}"`);
+  }
   if (isScrollableContainer(element, role))
     attributes.push("scrollable");
   const isNativelyDisabled = "disabled" in element && element.disabled === true;
@@ -1943,12 +1988,13 @@ function walkAndCollect(element, depth, entries) {
   let childDepth = depth;
   if (isVisibleAndEmittable && role) {
     const ref = ensureStableRef(element);
+    const name = accessibleName(element);
     entries.push({
       depth,
       role,
-      name: accessibleName(element),
+      name,
       ref,
-      attrs: extractAttrs(element, role),
+      attrs: extractAttrs(element, role, name),
       area: rect.width * rect.height
     });
     childDepth = depth + 1;