glitchgrab 1.32.0 → 1.33.0

package/dist/index.js

@@ -1509,7 +1509,9 @@ function ReportDialog({
   types,
   showSeverity = true,
   captureScreenshot = captureViaHtml2Canvas,
-  reporter
+  reporter,
+  onClose,
+  headerSlot
 }) {
   const [isEnhancing, setIsEnhancing] = (0, import_react.useState)(false);
   const [isEnhanced, setIsEnhanced] = (0, import_react.useState)(false);
@@ -1850,6 +1852,7 @@ function ReportDialog({
   const handleClose = () => {
     stopVoice();
     setIsOpen(false);
+    onClose == null ? void 0 : onClose();
     closePreview();
     setAnnotatingIndex(null);
     setStep(1);
@@ -2358,6 +2361,7 @@ function ReportDialog({
                         ]
                       }
                     ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+                      step === 1 && headerSlot ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: { marginBottom: "14px" }, children: headerSlot }) : null,
                       step === 1 && sendFeedback2 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
                         "div",
                         {
@@ -4291,6 +4295,29 @@ function GlitchgrabProviderInner({
       window.dispatchEvent(new CustomEvent("glitchgrab:open-report", { detail: options }));
     }
   }, []);
+  (0, import_react3.useEffect)(() => {
+    try {
+      if (typeof document === "undefined") return;
+      document.documentElement.setAttribute("data-glitchgrab-sdk", "1");
+      return () => document.documentElement.removeAttribute("data-glitchgrab-sdk");
+    } catch (e) {
+    }
+  }, []);
+  const [projectName, setProjectName] = (0, import_react3.useState)(null);
+  (0, import_react3.useEffect)(() => {
+    let cancelled = false;
+    fetch(`${baseUrl}/api/v1/sdk/project`, {
+      headers: { Authorization: `Bearer ${token}` }
+    }).then((r) => r.ok ? r.json() : null).then((json) => {
+      var _a;
+      if (cancelled || !(json == null ? void 0 : json.success) || !((_a = json.data) == null ? void 0 : _a.name)) return;
+      setProjectName(json.data.name);
+    }).catch(() => {
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [baseUrl, token]);
   (0, import_react3.useEffect)(() => {
     try {
       if (typeof window === "undefined") return;
@@ -4350,7 +4377,22 @@ function GlitchgrabProviderInner({
             children
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ReportDialog, { report, sendFeedback: feedback, enhanceText: enhance, transcribeAudio: transcribe, types, showSeverity, reporter })
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          ReportDialog,
+          {
+            report,
+            sendFeedback: feedback,
+            enhanceText: enhance,
+            transcribeAudio: transcribe,
+            types,
+            showSeverity,
+            reporter,
+            headerSlot: projectName ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { fontSize: 11, color: "#9aa0a6" }, children: [
+              "Reporting to ",
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { style: { color: "#e5e5e5" }, children: projectName })
+            ] }) : null
+          }
+        )
       ]
     }
   );