@bbearai/react-native 0.3.9 → 0.3.11

package/dist/index.js

@@ -11534,7 +11534,7 @@ var ContextCaptureManager = class {
     });
   }
   captureFetch() {
-    if (typeof window === "undefined" || typeof fetch === "undefined") return;
+    if (typeof window === "undefined" || typeof fetch === "undefined" || typeof document === "undefined") return;
     this.originalFetch = window.fetch;
     const self2 = this;
     window.fetch = async function(input, init) {
@@ -12655,6 +12655,7 @@ var BugBearClient = class {
         return false;
       }
       await this.supabase.from("discussion_threads").update({ last_message_at: (/* @__PURE__ */ new Date()).toISOString() }).eq("id", threadId);
+      await this.markThreadAsRead(threadId);
       return true;
     } catch (err) {
       console.error("BugBear: Error sending message", err);
@@ -13799,11 +13800,14 @@ function TestDetailScreen({ testId, nav }) {
     setSelectedSkipReason(null);
     setSkipNotes("");
     setSkipping(false);
-    const remaining = assignments.filter(
+    const currentIdx = assignments.indexOf(displayedAssignment);
+    const pending = assignments.filter(
       (a) => (a.status === "pending" || a.status === "in_progress") && a.id !== displayedAssignment.id
     );
-    if (remaining.length > 0) {
-      nav.replace({ name: "TEST_DETAIL", testId: remaining[0].id });
+    if (pending.length > 0) {
+      const nextAfterCurrent = pending.find((a) => assignments.indexOf(a) > currentIdx);
+      const nextTest = nextAfterCurrent || pending[0];
+      nav.replace({ name: "TEST_DETAIL", testId: nextTest.id });
     } else {
       nav.reset();
     }
@@ -14001,6 +14005,9 @@ function TestListScreen({ nav }) {
   const { assignments, currentAssignment, refreshAssignments } = useBugBear();
   const [filter, setFilter] = (0, import_react5.useState)("all");
   const [collapsedFolders, setCollapsedFolders] = (0, import_react5.useState)(/* @__PURE__ */ new Set());
+  (0, import_react5.useEffect)(() => {
+    refreshAssignments();
+  }, []);
   const groupedAssignments = (0, import_react5.useMemo)(() => {
     const groups = /* @__PURE__ */ new Map();
     for (const assignment of assignments) {
@@ -14333,9 +14340,12 @@ function TestFeedbackScreen({ status, assignmentId, nav }) {
     if (status === "failed") {
       nav.replace({ name: "REPORT", prefill: { type: "test_fail", assignmentId, testCaseId: assignment?.testCase.id } });
     } else {
-      const remaining = assignments.filter((a) => (a.status === "pending" || a.status === "in_progress") && a.id !== assignmentId);
-      if (remaining.length > 0) {
-        nav.replace({ name: "TEST_DETAIL", testId: remaining[0].id });
+      const currentIdx = assignments.findIndex((a) => a.id === assignmentId);
+      const pending = assignments.filter((a) => (a.status === "pending" || a.status === "in_progress") && a.id !== assignmentId);
+      if (pending.length > 0) {
+        const nextAfterCurrent = pending.find((a) => assignments.indexOf(a) > currentIdx);
+        const nextTest = nextAfterCurrent || pending[0];
+        nav.replace({ name: "TEST_DETAIL", testId: nextTest.id });
       } else {
         nav.reset();
       }
@@ -14345,9 +14355,12 @@ function TestFeedbackScreen({ status, assignmentId, nav }) {
     if (status === "failed") {
       nav.replace({ name: "REPORT", prefill: { type: "test_fail", assignmentId, testCaseId: assignment?.testCase.id } });
     } else {
-      const remaining = assignments.filter((a) => (a.status === "pending" || a.status === "in_progress") && a.id !== assignmentId);
-      if (remaining.length > 0) {
-        nav.replace({ name: "TEST_DETAIL", testId: remaining[0].id });
+      const currentIdx = assignments.findIndex((a) => a.id === assignmentId);
+      const pending = assignments.filter((a) => (a.status === "pending" || a.status === "in_progress") && a.id !== assignmentId);
+      if (pending.length > 0) {
+        const nextAfterCurrent = pending.find((a) => assignments.indexOf(a) > currentIdx);
+        const nextTest = nextAfterCurrent || pending[0];
+        nav.replace({ name: "TEST_DETAIL", testId: nextTest.id });
       } else {
         nav.reset();
       }
@@ -14422,32 +14435,46 @@ function ReportScreen({ nav, prefill }) {
   const [description, setDescription] = (0, import_react10.useState)("");
   const [affectedScreen, setAffectedScreen] = (0, import_react10.useState)("");
   const [submitting, setSubmitting] = (0, import_react10.useState)(false);
+  const [error, setError] = (0, import_react10.useState)(null);
   const images = useImageAttachments(uploadImage, 5, "screenshots");
   const isBugType = reportType === "bug" || reportType === "test_fail";
   const handleSubmit = async () => {
     if (!client || !description.trim()) return;
     setSubmitting(true);
-    const baseContext = client.getAppContext();
-    const appContext = {
-      ...baseContext,
-      currentRoute: affectedScreen.trim() || baseContext.currentRoute
-    };
-    const screenshotUrls = images.getScreenshotUrls();
-    await client.submitReport({
-      type: reportType,
-      description: description.trim(),
-      severity: isBugType ? severity : void 0,
-      assignmentId: prefill?.assignmentId,
-      testCaseId: prefill?.testCaseId,
-      appContext,
-      deviceInfo: getDeviceInfo(),
-      screenshots: screenshotUrls.length > 0 ? screenshotUrls : void 0
-    });
-    if (prefill?.assignmentId) {
-      await refreshAssignments();
+    setError(null);
+    try {
+      const baseContext = client.getAppContext();
+      const appContext = {
+        ...baseContext,
+        currentRoute: affectedScreen.trim() || baseContext.currentRoute
+      };
+      const screenshotUrls = images.getScreenshotUrls();
+      const result = await client.submitReport({
+        type: reportType,
+        description: description.trim(),
+        severity: isBugType ? severity : void 0,
+        assignmentId: prefill?.assignmentId,
+        testCaseId: prefill?.testCaseId,
+        appContext,
+        deviceInfo: getDeviceInfo(),
+        screenshots: screenshotUrls.length > 0 ? screenshotUrls : void 0
+      });
+      if (!result.success) {
+        console.error("BugBear: Report submission failed", result.error);
+        setError(result.error || "Failed to submit report. Please try again.");
+        setSubmitting(false);
+        return;
+      }
+      if (prefill?.assignmentId) {
+        await refreshAssignments();
+      }
+      setSubmitting(false);
+      nav.replace({ name: "REPORT_SUCCESS" });
+    } catch (err) {
+      console.error("BugBear: Report submission error", err);
+      setError(err instanceof Error ? err.message : "An unexpected error occurred. Please try again.");
+      setSubmitting(false);
     }
-    setSubmitting(false);
-    nav.replace({ name: "REPORT_SUCCESS" });
   };
   return /* @__PURE__ */ import_react10.default.createElement(import_react_native9.View, null, /* @__PURE__ */ import_react10.default.createElement(import_react_native9.Text, { style: shared.label }, "What are you reporting?"), /* @__PURE__ */ import_react10.default.createElement(import_react_native9.View, { style: styles7.typeRow }, [
     { type: "bug", label: "Bug", icon: "\u{1F41B}" },
@@ -14506,14 +14533,14 @@ function ReportScreen({ nav, prefill }) {
       onRemove: images.removeImage,
       label: "Screenshots (optional)"
     }
-  ), /* @__PURE__ */ import_react10.default.createElement(
+  ), error && /* @__PURE__ */ import_react10.default.createElement(import_react_native9.View, { style: styles7.errorBanner }, /* @__PURE__ */ import_react10.default.createElement(import_react_native9.Text, { style: styles7.errorText }, error)), /* @__PURE__ */ import_react10.default.createElement(
     import_react_native9.TouchableOpacity,
     {
       style: [shared.primaryButton, (!description.trim() || submitting || images.isUploading) && shared.primaryButtonDisabled, { marginTop: 20 }],
       onPress: handleSubmit,
       disabled: !description.trim() || submitting || images.isUploading
     },
-    /* @__PURE__ */ import_react10.default.createElement(import_react_native9.Text, { style: shared.primaryButtonText }, images.isUploading ? "Uploading images..." : submitting ? "Submitting..." : "Submit Report")
+    /* @__PURE__ */ import_react10.default.createElement(import_react_native9.Text, { style: shared.primaryButtonText }, images.isUploading ? "Uploading images..." : submitting ? "Submitting..." : error ? "Retry" : "Submit Report")
   ));
 }
 var styles7 = import_react_native9.StyleSheet.create({
@@ -14529,7 +14556,9 @@ var styles7 = import_react_native9.StyleSheet.create({
   sevText: { fontSize: 12, fontWeight: "500", color: colors.textSecondary, textTransform: "capitalize" },
   descInput: { backgroundColor: colors.card, borderWidth: 1, borderColor: colors.border, borderRadius: 12, paddingHorizontal: 14, paddingVertical: 12, fontSize: 14, color: colors.textPrimary, minHeight: 100 },
   screenInput: { backgroundColor: colors.card, borderWidth: 1, borderColor: colors.border, borderRadius: 8, paddingHorizontal: 12, paddingVertical: 8, fontSize: 13, color: colors.textPrimary },
-  screenHint: { fontSize: 11, color: colors.textMuted, marginTop: 4 }
+  screenHint: { fontSize: 11, color: colors.textMuted, marginTop: 4 },
+  errorBanner: { backgroundColor: "#7f1d1d", borderWidth: 1, borderColor: "#991b1b", borderRadius: 8, padding: 12, marginTop: 16 },
+  errorText: { fontSize: 13, color: "#fca5a5", lineHeight: 18 }
 });
 
 // src/widget/screens/ReportSuccessScreen.tsx

package/dist/index.mjs

@@ -11503,7 +11503,7 @@ var ContextCaptureManager = class {
     });
   }
   captureFetch() {
-    if (typeof window === "undefined" || typeof fetch === "undefined") return;
+    if (typeof window === "undefined" || typeof fetch === "undefined" || typeof document === "undefined") return;
     this.originalFetch = window.fetch;
     const self2 = this;
     window.fetch = async function(input, init) {
@@ -12624,6 +12624,7 @@ var BugBearClient = class {
         return false;
       }
       await this.supabase.from("discussion_threads").update({ last_message_at: (/* @__PURE__ */ new Date()).toISOString() }).eq("id", threadId);
+      await this.markThreadAsRead(threadId);
       return true;
     } catch (err) {
       console.error("BugBear: Error sending message", err);
@@ -13783,11 +13784,14 @@ function TestDetailScreen({ testId, nav }) {
     setSelectedSkipReason(null);
     setSkipNotes("");
     setSkipping(false);
-    const remaining = assignments.filter(
+    const currentIdx = assignments.indexOf(displayedAssignment);
+    const pending = assignments.filter(
       (a) => (a.status === "pending" || a.status === "in_progress") && a.id !== displayedAssignment.id
     );
-    if (remaining.length > 0) {
-      nav.replace({ name: "TEST_DETAIL", testId: remaining[0].id });
+    if (pending.length > 0) {
+      const nextAfterCurrent = pending.find((a) => assignments.indexOf(a) > currentIdx);
+      const nextTest = nextAfterCurrent || pending[0];
+      nav.replace({ name: "TEST_DETAIL", testId: nextTest.id });
     } else {
       nav.reset();
     }
@@ -13979,12 +13983,15 @@ var styles2 = StyleSheet3.create({
 });
 
 // src/widget/screens/TestListScreen.tsx
-import React4, { useState as useState3, useMemo as useMemo2, useCallback as useCallback3 } from "react";
+import React4, { useState as useState3, useMemo as useMemo2, useCallback as useCallback3, useEffect as useEffect4 } from "react";
 import { View as View3, Text as Text3, TouchableOpacity as TouchableOpacity3, StyleSheet as StyleSheet4 } from "react-native";
 function TestListScreen({ nav }) {
   const { assignments, currentAssignment, refreshAssignments } = useBugBear();
   const [filter, setFilter] = useState3("all");
   const [collapsedFolders, setCollapsedFolders] = useState3(/* @__PURE__ */ new Set());
+  useEffect4(() => {
+    refreshAssignments();
+  }, []);
   const groupedAssignments = useMemo2(() => {
     const groups = /* @__PURE__ */ new Map();
     for (const assignment of assignments) {
@@ -14317,9 +14324,12 @@ function TestFeedbackScreen({ status, assignmentId, nav }) {
     if (status === "failed") {
       nav.replace({ name: "REPORT", prefill: { type: "test_fail", assignmentId, testCaseId: assignment?.testCase.id } });
     } else {
-      const remaining = assignments.filter((a) => (a.status === "pending" || a.status === "in_progress") && a.id !== assignmentId);
-      if (remaining.length > 0) {
-        nav.replace({ name: "TEST_DETAIL", testId: remaining[0].id });
+      const currentIdx = assignments.findIndex((a) => a.id === assignmentId);
+      const pending = assignments.filter((a) => (a.status === "pending" || a.status === "in_progress") && a.id !== assignmentId);
+      if (pending.length > 0) {
+        const nextAfterCurrent = pending.find((a) => assignments.indexOf(a) > currentIdx);
+        const nextTest = nextAfterCurrent || pending[0];
+        nav.replace({ name: "TEST_DETAIL", testId: nextTest.id });
       } else {
         nav.reset();
       }
@@ -14329,9 +14339,12 @@ function TestFeedbackScreen({ status, assignmentId, nav }) {
     if (status === "failed") {
       nav.replace({ name: "REPORT", prefill: { type: "test_fail", assignmentId, testCaseId: assignment?.testCase.id } });
     } else {
-      const remaining = assignments.filter((a) => (a.status === "pending" || a.status === "in_progress") && a.id !== assignmentId);
-      if (remaining.length > 0) {
-        nav.replace({ name: "TEST_DETAIL", testId: remaining[0].id });
+      const currentIdx = assignments.findIndex((a) => a.id === assignmentId);
+      const pending = assignments.filter((a) => (a.status === "pending" || a.status === "in_progress") && a.id !== assignmentId);
+      if (pending.length > 0) {
+        const nextAfterCurrent = pending.find((a) => assignments.indexOf(a) > currentIdx);
+        const nextTest = nextAfterCurrent || pending[0];
+        nav.replace({ name: "TEST_DETAIL", testId: nextTest.id });
       } else {
         nav.reset();
       }
@@ -14406,32 +14419,46 @@ function ReportScreen({ nav, prefill }) {
   const [description, setDescription] = useState6("");
   const [affectedScreen, setAffectedScreen] = useState6("");
   const [submitting, setSubmitting] = useState6(false);
+  const [error, setError] = useState6(null);
   const images = useImageAttachments(uploadImage, 5, "screenshots");
   const isBugType = reportType === "bug" || reportType === "test_fail";
   const handleSubmit = async () => {
     if (!client || !description.trim()) return;
     setSubmitting(true);
-    const baseContext = client.getAppContext();
-    const appContext = {
-      ...baseContext,
-      currentRoute: affectedScreen.trim() || baseContext.currentRoute
-    };
-    const screenshotUrls = images.getScreenshotUrls();
-    await client.submitReport({
-      type: reportType,
-      description: description.trim(),
-      severity: isBugType ? severity : void 0,
-      assignmentId: prefill?.assignmentId,
-      testCaseId: prefill?.testCaseId,
-      appContext,
-      deviceInfo: getDeviceInfo(),
-      screenshots: screenshotUrls.length > 0 ? screenshotUrls : void 0
-    });
-    if (prefill?.assignmentId) {
-      await refreshAssignments();
+    setError(null);
+    try {
+      const baseContext = client.getAppContext();
+      const appContext = {
+        ...baseContext,
+        currentRoute: affectedScreen.trim() || baseContext.currentRoute
+      };
+      const screenshotUrls = images.getScreenshotUrls();
+      const result = await client.submitReport({
+        type: reportType,
+        description: description.trim(),
+        severity: isBugType ? severity : void 0,
+        assignmentId: prefill?.assignmentId,
+        testCaseId: prefill?.testCaseId,
+        appContext,
+        deviceInfo: getDeviceInfo(),
+        screenshots: screenshotUrls.length > 0 ? screenshotUrls : void 0
+      });
+      if (!result.success) {
+        console.error("BugBear: Report submission failed", result.error);
+        setError(result.error || "Failed to submit report. Please try again.");
+        setSubmitting(false);
+        return;
+      }
+      if (prefill?.assignmentId) {
+        await refreshAssignments();
+      }
+      setSubmitting(false);
+      nav.replace({ name: "REPORT_SUCCESS" });
+    } catch (err) {
+      console.error("BugBear: Report submission error", err);
+      setError(err instanceof Error ? err.message : "An unexpected error occurred. Please try again.");
+      setSubmitting(false);
     }
-    setSubmitting(false);
-    nav.replace({ name: "REPORT_SUCCESS" });
   };
   return /* @__PURE__ */ React8.createElement(View7, null, /* @__PURE__ */ React8.createElement(Text7, { style: shared.label }, "What are you reporting?"), /* @__PURE__ */ React8.createElement(View7, { style: styles7.typeRow }, [
     { type: "bug", label: "Bug", icon: "\u{1F41B}" },
@@ -14490,14 +14517,14 @@ function ReportScreen({ nav, prefill }) {
       onRemove: images.removeImage,
       label: "Screenshots (optional)"
     }
-  ), /* @__PURE__ */ React8.createElement(
+  ), error && /* @__PURE__ */ React8.createElement(View7, { style: styles7.errorBanner }, /* @__PURE__ */ React8.createElement(Text7, { style: styles7.errorText }, error)), /* @__PURE__ */ React8.createElement(
     TouchableOpacity7,
     {
       style: [shared.primaryButton, (!description.trim() || submitting || images.isUploading) && shared.primaryButtonDisabled, { marginTop: 20 }],
       onPress: handleSubmit,
       disabled: !description.trim() || submitting || images.isUploading
     },
-    /* @__PURE__ */ React8.createElement(Text7, { style: shared.primaryButtonText }, images.isUploading ? "Uploading images..." : submitting ? "Submitting..." : "Submit Report")
+    /* @__PURE__ */ React8.createElement(Text7, { style: shared.primaryButtonText }, images.isUploading ? "Uploading images..." : submitting ? "Submitting..." : error ? "Retry" : "Submit Report")
   ));
 }
 var styles7 = StyleSheet8.create({
@@ -14513,14 +14540,16 @@ var styles7 = StyleSheet8.create({
   sevText: { fontSize: 12, fontWeight: "500", color: colors.textSecondary, textTransform: "capitalize" },
   descInput: { backgroundColor: colors.card, borderWidth: 1, borderColor: colors.border, borderRadius: 12, paddingHorizontal: 14, paddingVertical: 12, fontSize: 14, color: colors.textPrimary, minHeight: 100 },
   screenInput: { backgroundColor: colors.card, borderWidth: 1, borderColor: colors.border, borderRadius: 8, paddingHorizontal: 12, paddingVertical: 8, fontSize: 13, color: colors.textPrimary },
-  screenHint: { fontSize: 11, color: colors.textMuted, marginTop: 4 }
+  screenHint: { fontSize: 11, color: colors.textMuted, marginTop: 4 },
+  errorBanner: { backgroundColor: "#7f1d1d", borderWidth: 1, borderColor: "#991b1b", borderRadius: 8, padding: 12, marginTop: 16 },
+  errorText: { fontSize: 13, color: "#fca5a5", lineHeight: 18 }
 });
 
 // src/widget/screens/ReportSuccessScreen.tsx
-import React9, { useEffect as useEffect4 } from "react";
+import React9, { useEffect as useEffect5 } from "react";
 import { View as View8, Text as Text8, StyleSheet as StyleSheet9 } from "react-native";
 function ReportSuccessScreen({ nav }) {
-  useEffect4(() => {
+  useEffect5(() => {
     const timer = setTimeout(() => nav.reset(), 2e3);
     return () => clearTimeout(timer);
   }, [nav]);
@@ -14579,7 +14608,7 @@ var styles9 = StyleSheet10.create({
 });
 
 // src/widget/screens/ThreadDetailScreen.tsx
-import React11, { useState as useState7, useEffect as useEffect5 } from "react";
+import React11, { useState as useState7, useEffect as useEffect6 } from "react";
 import { View as View10, Text as Text10, TouchableOpacity as TouchableOpacity9, TextInput as TextInput4, StyleSheet as StyleSheet11, Image as Image2 } from "react-native";
 function ThreadDetailScreen({ thread, nav }) {
   const { getThreadMessages, sendMessage, markAsRead, uploadImage } = useBugBear();
@@ -14589,7 +14618,7 @@ function ThreadDetailScreen({ thread, nav }) {
   const [sending, setSending] = useState7(false);
   const [sendError, setSendError] = useState7(false);
   const replyImages = useImageAttachments(uploadImage, 3, "discussion-attachments");
-  useEffect5(() => {
+  useEffect6(() => {
     (async () => {
       setLoading(true);
       const msgs = await getThreadMessages(thread.id);
@@ -14758,7 +14787,7 @@ var styles11 = StyleSheet12.create({
 });
 
 // src/widget/screens/ProfileScreen.tsx
-import React13, { useState as useState9, useEffect as useEffect6 } from "react";
+import React13, { useState as useState9, useEffect as useEffect7 } from "react";
 import { View as View12, Text as Text12, TouchableOpacity as TouchableOpacity11, TextInput as TextInput6, StyleSheet as StyleSheet13 } from "react-native";
 function ProfileScreen({ nav }) {
   const { testerInfo, assignments, updateTesterProfile, refreshTesterInfo } = useBugBear();
@@ -14771,7 +14800,7 @@ function ProfileScreen({ nav }) {
   const [saved, setSaved] = useState9(false);
   const [showDetails, setShowDetails] = useState9(false);
   const completedCount = assignments.filter((a) => a.status === "passed" || a.status === "failed").length;
-  useEffect6(() => {
+  useEffect7(() => {
     if (testerInfo) {
       setName(testerInfo.name);
       setAdditionalEmails(testerInfo.additionalEmails || []);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbearai/react-native",
-  "version": "0.3.9",
+  "version": "0.3.11",
   "description": "BugBear React Native components for mobile apps",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",