satyamark-react 0.0.8 → 0.0.9

package/dist/index.js

@@ -212,7 +212,7 @@ var import_ai = __toESM(require("./ai-J46U5IDK.png"));
 var import_nonai = __toESM(require("./nonai-LPEFMQBT.png"));
 var jobMap = {};
 var DEFAULT_ICON_SIZE = 20;
-var satyamark_url = "https://satyamark.vercel.app/";
+var satyamark_url = "https://satyamark.vercel.app/chat";
 var iconMap = {
   verifyable: import_verifyable.default,
   unverifyable: import_unverifyable.default,
@@ -231,26 +231,25 @@ function registerStatus(jobId, rootElement, options = {}) {
   };
   updateIcon(jobId, "pending", null);
 }
-function updateIcon(jobId, mark, data) {
+function updateIcon(jobId, rawMark, data) {
   const entry = jobMap[jobId];
   if (!entry)
     return;
   const { root, iconSize } = entry;
+  const mark = rawMark != null ? rawMark : "pending";
   const container = root.querySelector("[data-satyamark-status-container]");
   if (!container)
     return;
+  container.innerHTML = "";
   container.style.position = "relative";
-  let icon = container.querySelector("img");
-  if (!icon) {
-    icon = document.createElement("img");
-    icon.alt = "status";
-    icon.style.objectFit = "contain";
-    icon.style.display = "block";
-    container.appendChild(icon);
-  }
+  const icon = document.createElement("img");
+  icon.alt = "status";
+  icon.style.objectFit = "contain";
+  icon.style.display = "block";
   icon.style.width = iconSize + "px";
   icon.style.height = iconSize + "px";
   icon.src = iconMap[mark] || iconMap["pending"];
+  container.appendChild(icon);
   const type = data == null ? void 0 : data.type;
   const isValidType = type === "text" || type === "image";
   const isClickable = !!(data == null ? void 0 : data.dataId) && isValidType && mark !== "pending";
@@ -273,14 +272,14 @@ function updateIcon(jobId, mark, data) {
     container.appendChild(tooltip);
   }
   tooltip.textContent = mark.toUpperCase();
+  icon.onmouseenter = () => {
+    tooltip.style.opacity = "1";
+  };
+  icon.onmouseleave = () => {
+    tooltip.style.opacity = "0";
+  };
   if (isClickable) {
     icon.style.cursor = "pointer";
-    icon.onmouseenter = () => {
-      tooltip.style.opacity = "1";
-    };
-    icon.onmouseleave = () => {
-      tooltip.style.opacity = "0";
-    };
     icon.onclick = () => {
       window.open(
         `${satyamark_url}/${type}/${data.dataId}`,
@@ -290,9 +289,6 @@ function updateIcon(jobId, mark, data) {
   } else {
     icon.style.cursor = "default";
     icon.onclick = null;
-    icon.onmouseenter = null;
-    icon.onmouseleave = null;
-    tooltip.style.opacity = "0";
   }
 }
 onReceive((data) => {

package/dist/index.mjs

@@ -170,7 +170,7 @@ import aiIcon from "./ai-J46U5IDK.png";
 import nonaiIcon from "./nonai-LPEFMQBT.png";
 var jobMap = {};
 var DEFAULT_ICON_SIZE = 20;
-var satyamark_url = "https://satyamark.vercel.app/";
+var satyamark_url = "https://satyamark.vercel.app/chat";
 var iconMap = {
   verifyable: verifyableIcon,
   unverifyable: unverifyableIcon,
@@ -189,26 +189,25 @@ function registerStatus(jobId, rootElement, options = {}) {
   };
   updateIcon(jobId, "pending", null);
 }
-function updateIcon(jobId, mark, data) {
+function updateIcon(jobId, rawMark, data) {
   const entry = jobMap[jobId];
   if (!entry)
     return;
   const { root, iconSize } = entry;
+  const mark = rawMark != null ? rawMark : "pending";
   const container = root.querySelector("[data-satyamark-status-container]");
   if (!container)
     return;
+  container.innerHTML = "";
   container.style.position = "relative";
-  let icon = container.querySelector("img");
-  if (!icon) {
-    icon = document.createElement("img");
-    icon.alt = "status";
-    icon.style.objectFit = "contain";
-    icon.style.display = "block";
-    container.appendChild(icon);
-  }
+  const icon = document.createElement("img");
+  icon.alt = "status";
+  icon.style.objectFit = "contain";
+  icon.style.display = "block";
   icon.style.width = iconSize + "px";
   icon.style.height = iconSize + "px";
   icon.src = iconMap[mark] || iconMap["pending"];
+  container.appendChild(icon);
   const type = data == null ? void 0 : data.type;
   const isValidType = type === "text" || type === "image";
   const isClickable = !!(data == null ? void 0 : data.dataId) && isValidType && mark !== "pending";
@@ -231,14 +230,14 @@ function updateIcon(jobId, mark, data) {
     container.appendChild(tooltip);
   }
   tooltip.textContent = mark.toUpperCase();
+  icon.onmouseenter = () => {
+    tooltip.style.opacity = "1";
+  };
+  icon.onmouseleave = () => {
+    tooltip.style.opacity = "0";
+  };
   if (isClickable) {
     icon.style.cursor = "pointer";
-    icon.onmouseenter = () => {
-      tooltip.style.opacity = "1";
-    };
-    icon.onmouseleave = () => {
-      tooltip.style.opacity = "0";
-    };
     icon.onclick = () => {
       window.open(
         `${satyamark_url}/${type}/${data.dataId}`,
@@ -248,9 +247,6 @@ function updateIcon(jobId, mark, data) {
   } else {
     icon.style.cursor = "default";
     icon.onclick = null;
-    icon.onmouseenter = null;
-    icon.onmouseleave = null;
-    tooltip.style.opacity = "0";
   }
 }
 onReceive((data) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "satyamark-react",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "description": "Official React SDK for SatyaMark — a lightweight UI library to embed transparent content verification marks, confidence indicators, and trust signals into React applications.",
   "license": "MIT",
   "author": "DK",