@tmls-ai/support 0.1.3 → 0.1.5

package/dist/index.js

@@ -106,6 +106,16 @@ var SEVERITIES = [
   { id: "annoying", label: "Annoying" },
   { id: "minor", label: "Minor" }
 ];
+var deeplinkTicket = (() => {
+  if (typeof window === "undefined") return null;
+  const params = new URLSearchParams(window.location.search);
+  const tn = params.get("support");
+  if (!tn) return null;
+  params.delete("support");
+  const qs = params.toString();
+  window.history.replaceState({}, "", window.location.pathname + (qs ? `?${qs}` : "") + window.location.hash);
+  return tn;
+})();
 function SupportWidget(props) {
   const { productId, apiUrl, getToken, accent = "#0a84ff", getContext, appVersion } = props;
   const api = useMemo(() => new SupportApi(apiUrl, getToken), [apiUrl, getToken]);
@@ -116,6 +126,7 @@ function SupportWidget(props) {
   const [message, setMessage] = useState("");
   const [withShot, setWithShot] = useState(true);
   const [shotPreview, setShotPreview] = useState(null);
+  const [capturing, setCapturing] = useState(false);
   const [sending, setSending] = useState(false);
   const [lastTicket, setLastTicket] = useState(null);
   const [threads, setThreads] = useState([]);
@@ -128,9 +139,15 @@ function SupportWidget(props) {
     installErrorCapture();
   }, []);
   const captureShot = useCallback(async () => {
+    setCapturing(true);
+    await new Promise((resolve) => {
+      const ric = window.requestIdleCallback;
+      if (ric) ric(() => resolve(), { timeout: 600 });
+      else setTimeout(resolve, 150);
+    });
     try {
       const root = document.documentElement;
-      const blob = await domToBlob(root, {
+      const shoot = () => domToBlob(root, {
         quality: 0.8,
         scale: 0.75,
         width: root.clientWidth || window.innerWidth,
@@ -140,9 +157,16 @@ function SupportWidget(props) {
         features: { restoreScrollPosition: true },
         filter: (node) => !(node instanceof HTMLElement && node.dataset.tmlsSupportRoot === "true")
       });
+      let blob = await shoot();
+      if (blob.size < 1024) {
+        await new Promise((r) => requestAnimationFrame(() => requestAnimationFrame(() => r())));
+        blob = await shoot();
+      }
       setShotPreview(URL.createObjectURL(blob));
       captureShot._blob = blob;
     } catch {
+    } finally {
+      setCapturing(false);
     }
   }, []);
   const submit = useCallback(async () => {
@@ -150,6 +174,7 @@ function SupportWidget(props) {
     setSending(true);
     try {
       let attachmentKeys = [];
+      if (withShot && !captureShot._blob) await captureShot();
       const blob = withShot ? captureShot._blob : void 0;
       if (blob) {
         try {
@@ -204,6 +229,18 @@ function SupportWidget(props) {
       setMessages(detail.messages);
     }
   }, [api, reply, activeId]);
+  useEffect(() => {
+    if (!deeplinkTicket) return;
+    const tn = deeplinkTicket;
+    (async () => {
+      setOpen(true);
+      const convos = await api.listConversations();
+      setThreads(convos);
+      const match = convos.find((c) => String(c.ticket_number) === tn);
+      if (match) await openThread(match.id);
+      else setView("threads");
+    })();
+  }, [api, openThread]);
   const chip = (active) => ({
     padding: "6px 12px",
     borderRadius: 999,
@@ -259,6 +296,7 @@ function SupportWidget(props) {
             } }),
             "Attach a screenshot"
           ] }),
+          withShot && capturing && !shotPreview && /* @__PURE__ */ jsx("div", { style: { fontSize: 12, color: "#8a8a92", padding: "10px 0", textAlign: "center" }, children: "Capturing screenshot\u2026" }),
           shotPreview && /* @__PURE__ */ jsx("img", { src: shotPreview, alt: "", style: { width: "100%", borderRadius: 8, border: "0.5px solid #3a3a42" } }),
           /* @__PURE__ */ jsx("button", { onClick: submit, disabled: !message.trim() || sending, style: { ...primary(accent), opacity: !message.trim() || sending ? 0.5 : 1 }, children: sending ? "Sending\u2026" : "Send report" })
         ] }),
@@ -328,6 +366,7 @@ function SupportWidget(props) {
       "button",
       {
         onClick: () => {
+          if (open) deeplinkTicket = null;
           setOpen((o) => !o);
           if (!open && withShot) captureShot();
         },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tmls-ai/support",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "description": "Embeddable Timeless support widget — bottom-right report overlay (type / severity / screenshot) + ticket thread. Auto-captures context, talks to tmls-support-api.",
   "license": "UNLICENSED",
   "type": "module",