@bbearai/react-native 0.5.5 → 0.5.7

package/dist/index.js

@@ -11394,6 +11394,7 @@ function shouldShowDeprecationWarning() {
 if (shouldShowDeprecationWarning()) console.warn("\u26A0\uFE0F  Node.js 18 and below are deprecated and will no longer be supported in future versions of @supabase/supabase-js. Please upgrade to Node.js 20 or later. For more information, visit: https://github.com/orgs/supabase/discussions/37217");
 
 // ../core/dist/index.mjs
+var BUG_CATEGORIES = ["ui_ux", "functional", "crash", "security", "other"];
 var MAX_CONSOLE_LOGS = 50;
 var MAX_NETWORK_REQUESTS = 20;
 var MAX_NAVIGATION_HISTORY = 20;
@@ -11828,7 +11829,13 @@ var BugBearClient = class {
         console.error("BugBear: Failed to fetch assignments", formatPgError(error));
         return [];
       }
-      const mapped = (data || []).map((item) => ({
+      const mapped = (data || []).filter((item) => {
+        if (!item.test_case) {
+          console.warn("BugBear: Assignment returned without test_case", { id: item.id });
+          return false;
+        }
+        return true;
+      }).map((item) => ({
         id: item.id,
         status: item.status,
         startedAt: item.started_at,
@@ -12085,6 +12092,16 @@ var BugBearClient = class {
       if (feedback.rating < 1 || feedback.rating > 5) {
         return { success: false, error: "Rating must be between 1 and 5" };
       }
+      const optionalRatings = [
+        { name: "clarityRating", value: feedback.clarityRating },
+        { name: "stepsRating", value: feedback.stepsRating },
+        { name: "relevanceRating", value: feedback.relevanceRating }
+      ];
+      for (const { name, value } of optionalRatings) {
+        if (value !== void 0 && value !== null && (value < 1 || value > 5)) {
+          return { success: false, error: `${name} must be between 1 and 5` };
+        }
+      }
       const { error: feedbackError } = await this.supabase.from("test_feedback").insert({
         project_id: this.config.projectId,
         test_case_id: testCaseId,
@@ -12336,6 +12353,9 @@ var BugBearClient = class {
     if (report.severity && !validSeverities.includes(report.severity)) {
       return `Invalid severity: ${report.severity}. Must be one of: ${validSeverities.join(", ")}`;
     }
+    if (report.category && !BUG_CATEGORIES.includes(report.category)) {
+      return `Invalid category: ${report.category}. Must be one of: ${BUG_CATEGORIES.join(", ")}`;
+    }
     if (report.title && report.title.length > 500) {
       return "Title must be 500 characters or less";
     }
@@ -12408,6 +12428,10 @@ var BugBearClient = class {
       });
       if (error) {
         console.warn("BugBear: Rate limit check failed, allowing request", error.message);
+        this.config.onError?.(new Error(`Rate limit check failed: ${error.message}`), {
+          projectId: this.config.projectId,
+          context: "rate_limit_check_failed_open"
+        });
         return { allowed: true };
       }
       if (!data.allowed) {
@@ -12424,7 +12448,12 @@ var BugBearClient = class {
         resetAt: data.reset_at
       };
     } catch (err) {
+      const message = err instanceof Error ? err.message : "Unknown rate limit error";
       console.warn("BugBear: Rate limit check error", err);
+      this.config.onError?.(err instanceof Error ? err : new Error(message), {
+        projectId: this.config.projectId,
+        context: "rate_limit_check_failed_open"
+      });
       return { allowed: true };
     }
   }
@@ -12488,6 +12517,9 @@ var BugBearClient = class {
       }
       return data ?? true;
     } catch (err) {
+      const message = err instanceof Error ? err.message : "Unknown error checking QA status";
+      console.error("BugBear: Error checking QA status", err);
+      this.config.onError?.(err instanceof Error ? err : new Error(message), { projectId: this.config.projectId });
       return true;
     }
   }
@@ -12516,13 +12548,24 @@ var BugBearClient = class {
         upsert: false
       });
       if (error) {
-        console.error("BugBear: Failed to upload screenshot", formatPgError(error));
+        const formattedError = formatPgError(error);
+        const errorMessage = formattedError.message || "Failed to upload screenshot";
+        console.error("BugBear: Failed to upload screenshot", formattedError);
+        this.config.onError?.(new Error(errorMessage), {
+          projectId: this.config.projectId,
+          context: "screenshot_upload_failed"
+        });
         return null;
       }
       const { data: { publicUrl } } = this.supabase.storage.from(bucket).getPublicUrl(path);
       return publicUrl;
     } catch (err) {
+      const message = err instanceof Error ? err.message : "Unknown error uploading screenshot";
       console.error("BugBear: Error uploading screenshot", err);
+      this.config.onError?.(err instanceof Error ? err : new Error(message), {
+        projectId: this.config.projectId,
+        context: "screenshot_upload_failed"
+      });
       return null;
     }
   }
@@ -12547,13 +12590,24 @@ var BugBearClient = class {
         upsert: false
       });
       if (error) {
-        console.error("BugBear: Failed to upload image from URI", formatPgError(error));
+        const formattedError = formatPgError(error);
+        const errorMessage = formattedError.message || "Failed to upload image";
+        console.error("BugBear: Failed to upload image from URI", formattedError);
+        this.config.onError?.(new Error(errorMessage), {
+          projectId: this.config.projectId,
+          context: "image_upload_failed"
+        });
         return null;
       }
       const { data: { publicUrl } } = this.supabase.storage.from(bucket).getPublicUrl(path);
       return publicUrl;
     } catch (err) {
+      const message = err instanceof Error ? err.message : "Unknown error uploading image";
       console.error("BugBear: Error uploading image from URI", err);
+      this.config.onError?.(err instanceof Error ? err : new Error(message), {
+        projectId: this.config.projectId,
+        context: "image_upload_failed"
+      });
       return null;
     }
   }
@@ -14398,7 +14452,12 @@ function useImageAttachments(uploadFn, maxImages, bucket = "screenshots") {
     launchImageLibrary(
       { mediaType: "photo", quality: 0.7, maxWidth: 1920, maxHeight: 1920, selectionLimit: maxImages - images.length },
       async (response) => {
-        if (response.didCancel || response.errorCode || !response.assets) return;
+        if (response.didCancel) return;
+        if (response.errorCode) {
+          console.error("BugBear: Image picker error", response.errorCode, response.errorMessage);
+          return;
+        }
+        if (!response.assets) return;
         for (const asset of response.assets) {
           const uri = asset.uri;
           if (!uri) continue;
@@ -14412,6 +14471,11 @@ function useImageAttachments(uploadFn, maxImages, bucket = "screenshots") {
             setImages((prev) => prev.map(
               (img) => img.id === id ? { ...img, remoteUrl: url, status: url ? "done" : "error" } : img
             ));
+          }).catch((err) => {
+            console.error("BugBear: Image upload failed", err);
+            setImages((prev) => prev.map(
+              (img) => img.id === id ? { ...img, status: "error" } : img
+            ));
           });
         }
       }
@@ -14422,7 +14486,12 @@ function useImageAttachments(uploadFn, maxImages, bucket = "screenshots") {
     launchCamera(
       { mediaType: "photo", quality: 0.7, maxWidth: 1920, maxHeight: 1920 },
       async (response) => {
-        if (response.didCancel || response.errorCode || !response.assets?.[0]) return;
+        if (response.didCancel) return;
+        if (response.errorCode) {
+          console.error("BugBear: Camera error", response.errorCode, response.errorMessage);
+          return;
+        }
+        if (!response.assets?.[0]) return;
         const asset = response.assets[0];
         const uri = asset.uri;
         if (!uri) return;
@@ -14436,6 +14505,11 @@ function useImageAttachments(uploadFn, maxImages, bucket = "screenshots") {
           setImages((prev) => prev.map(
             (img) => img.id === id ? { ...img, remoteUrl: url, status: url ? "done" : "error" } : img
           ));
+        }).catch((err) => {
+          console.error("BugBear: Image upload failed", err);
+          setImages((prev) => prev.map(
+            (img) => img.id === id ? { ...img, status: "error" } : img
+          ));
         });
       }
     );
@@ -14590,6 +14664,7 @@ function TestFeedbackScreen({ status, assignmentId, nav }) {
   const assignment = assignments.find((a) => a.id === assignmentId);
   const showFlags = rating < 4;
   const handleSubmit = async () => {
+    if (submitting || images.isUploading) return;
     setSubmitting(true);
     if (client && assignment) {
       const screenshotUrls = images.getScreenshotUrls();
@@ -14880,7 +14955,7 @@ function ReportScreen({ nav, prefill }) {
     }
   }, [reportType]);
   const handleSubmit = async () => {
-    if (!client || !description.trim()) return;
+    if (!client || !description.trim() || images.isUploading) return;
     if (submittingRef.current) return;
     submittingRef.current = true;
     setSubmitting(true);
@@ -15128,18 +15203,31 @@ function ThreadDetailScreen({ thread, nav }) {
   const [sendError, setSendError] = (0, import_react14.useState)(false);
   const replyImages = useImageAttachments(uploadImage, 3, "discussion-attachments");
   (0, import_react14.useEffect)(() => {
+    let cancelled = false;
+    setLoading(true);
     (async () => {
-      setLoading(true);
-      const msgs = await getThreadMessages(thread.id);
-      setMessages(msgs);
-      setLoading(false);
-      if (thread.unreadCount > 0) {
-        await markAsRead(thread.id);
+      try {
+        const msgs = await getThreadMessages(thread.id);
+        if (!cancelled) {
+          setMessages(msgs);
+        }
+        if (thread.unreadCount > 0) {
+          await markAsRead(thread.id);
+        }
+      } catch (err) {
+        console.error("BugBear: Failed to load thread messages", err);
+      } finally {
+        if (!cancelled) {
+          setLoading(false);
+        }
       }
     })();
+    return () => {
+      cancelled = true;
+    };
   }, [thread.id]);
   const handleSend = async () => {
-    if (!replyText.trim()) return;
+    if (!replyText.trim() && replyImages.images.length === 0 || sending || replyImages.isUploading) return;
     setSending(true);
     setSendError(false);
     const attachments = replyImages.getAttachments();
@@ -15183,9 +15271,9 @@ function ThreadDetailScreen({ thread, nav }) {
   ), /* @__PURE__ */ import_react14.default.createElement(
     import_react_native13.TouchableOpacity,
     {
-      style: [styles11.sendBtn, (!replyText.trim() || sending || replyImages.isUploading) && styles11.sendBtnDisabled],
+      style: [styles11.sendBtn, (!replyText.trim() && replyImages.images.length === 0 || sending || replyImages.isUploading) && styles11.sendBtnDisabled],
       onPress: handleSend,
-      disabled: !replyText.trim() || sending || replyImages.isUploading
+      disabled: !replyText.trim() && replyImages.images.length === 0 || sending || replyImages.isUploading
     },
     /* @__PURE__ */ import_react14.default.createElement(import_react_native13.Text, { style: styles11.sendBtnText }, sending ? "..." : "Send")
   )));
@@ -15231,7 +15319,7 @@ function ComposeMessageScreen({ nav }) {
   const [sending, setSending] = (0, import_react15.useState)(false);
   const images = useImageAttachments(uploadImage, 3, "discussion-attachments");
   const handleSend = async () => {
-    if (!subject.trim() || !message.trim()) return;
+    if (!subject.trim() || !message.trim() || sending || images.isUploading) return;
     setSending(true);
     const attachments = images.getAttachments();
     const result = await createThread({
@@ -15317,6 +15405,7 @@ function ProfileScreen({ nav }) {
     }
   }, [testerInfo]);
   const handleSave = async () => {
+    if (saving) return;
     setSaving(true);
     const updates = {
       name: name.trim(),
@@ -15445,11 +15534,21 @@ function IssueListScreen({ nav, category }) {
     let cancelled = false;
     setLoading(true);
     (async () => {
-      if (!client) return;
-      const data = await client.getIssues(category);
-      if (!cancelled) {
-        setIssues(data);
+      if (!client) {
         setLoading(false);
+        return;
+      }
+      try {
+        const data = await client.getIssues(category);
+        if (!cancelled) {
+          setIssues(data);
+        }
+      } catch (err) {
+        console.error("BugBear: Failed to load issues", err);
+      } finally {
+        if (!cancelled) {
+          setLoading(false);
+        }
       }
     })();
     return () => {

package/dist/index.mjs

@@ -11361,6 +11361,7 @@ function shouldShowDeprecationWarning() {
 if (shouldShowDeprecationWarning()) console.warn("\u26A0\uFE0F  Node.js 18 and below are deprecated and will no longer be supported in future versions of @supabase/supabase-js. Please upgrade to Node.js 20 or later. For more information, visit: https://github.com/orgs/supabase/discussions/37217");
 
 // ../core/dist/index.mjs
+var BUG_CATEGORIES = ["ui_ux", "functional", "crash", "security", "other"];
 var MAX_CONSOLE_LOGS = 50;
 var MAX_NETWORK_REQUESTS = 20;
 var MAX_NAVIGATION_HISTORY = 20;
@@ -11795,7 +11796,13 @@ var BugBearClient = class {
         console.error("BugBear: Failed to fetch assignments", formatPgError(error));
         return [];
       }
-      const mapped = (data || []).map((item) => ({
+      const mapped = (data || []).filter((item) => {
+        if (!item.test_case) {
+          console.warn("BugBear: Assignment returned without test_case", { id: item.id });
+          return false;
+        }
+        return true;
+      }).map((item) => ({
         id: item.id,
         status: item.status,
         startedAt: item.started_at,
@@ -12052,6 +12059,16 @@ var BugBearClient = class {
       if (feedback.rating < 1 || feedback.rating > 5) {
         return { success: false, error: "Rating must be between 1 and 5" };
       }
+      const optionalRatings = [
+        { name: "clarityRating", value: feedback.clarityRating },
+        { name: "stepsRating", value: feedback.stepsRating },
+        { name: "relevanceRating", value: feedback.relevanceRating }
+      ];
+      for (const { name, value } of optionalRatings) {
+        if (value !== void 0 && value !== null && (value < 1 || value > 5)) {
+          return { success: false, error: `${name} must be between 1 and 5` };
+        }
+      }
       const { error: feedbackError } = await this.supabase.from("test_feedback").insert({
         project_id: this.config.projectId,
         test_case_id: testCaseId,
@@ -12303,6 +12320,9 @@ var BugBearClient = class {
     if (report.severity && !validSeverities.includes(report.severity)) {
       return `Invalid severity: ${report.severity}. Must be one of: ${validSeverities.join(", ")}`;
     }
+    if (report.category && !BUG_CATEGORIES.includes(report.category)) {
+      return `Invalid category: ${report.category}. Must be one of: ${BUG_CATEGORIES.join(", ")}`;
+    }
     if (report.title && report.title.length > 500) {
       return "Title must be 500 characters or less";
     }
@@ -12375,6 +12395,10 @@ var BugBearClient = class {
       });
       if (error) {
         console.warn("BugBear: Rate limit check failed, allowing request", error.message);
+        this.config.onError?.(new Error(`Rate limit check failed: ${error.message}`), {
+          projectId: this.config.projectId,
+          context: "rate_limit_check_failed_open"
+        });
         return { allowed: true };
       }
       if (!data.allowed) {
@@ -12391,7 +12415,12 @@ var BugBearClient = class {
         resetAt: data.reset_at
       };
     } catch (err) {
+      const message = err instanceof Error ? err.message : "Unknown rate limit error";
       console.warn("BugBear: Rate limit check error", err);
+      this.config.onError?.(err instanceof Error ? err : new Error(message), {
+        projectId: this.config.projectId,
+        context: "rate_limit_check_failed_open"
+      });
       return { allowed: true };
     }
   }
@@ -12455,6 +12484,9 @@ var BugBearClient = class {
       }
       return data ?? true;
     } catch (err) {
+      const message = err instanceof Error ? err.message : "Unknown error checking QA status";
+      console.error("BugBear: Error checking QA status", err);
+      this.config.onError?.(err instanceof Error ? err : new Error(message), { projectId: this.config.projectId });
       return true;
     }
   }
@@ -12483,13 +12515,24 @@ var BugBearClient = class {
         upsert: false
       });
       if (error) {
-        console.error("BugBear: Failed to upload screenshot", formatPgError(error));
+        const formattedError = formatPgError(error);
+        const errorMessage = formattedError.message || "Failed to upload screenshot";
+        console.error("BugBear: Failed to upload screenshot", formattedError);
+        this.config.onError?.(new Error(errorMessage), {
+          projectId: this.config.projectId,
+          context: "screenshot_upload_failed"
+        });
         return null;
       }
       const { data: { publicUrl } } = this.supabase.storage.from(bucket).getPublicUrl(path);
       return publicUrl;
     } catch (err) {
+      const message = err instanceof Error ? err.message : "Unknown error uploading screenshot";
       console.error("BugBear: Error uploading screenshot", err);
+      this.config.onError?.(err instanceof Error ? err : new Error(message), {
+        projectId: this.config.projectId,
+        context: "screenshot_upload_failed"
+      });
       return null;
     }
   }
@@ -12514,13 +12557,24 @@ var BugBearClient = class {
         upsert: false
       });
       if (error) {
-        console.error("BugBear: Failed to upload image from URI", formatPgError(error));
+        const formattedError = formatPgError(error);
+        const errorMessage = formattedError.message || "Failed to upload image";
+        console.error("BugBear: Failed to upload image from URI", formattedError);
+        this.config.onError?.(new Error(errorMessage), {
+          projectId: this.config.projectId,
+          context: "image_upload_failed"
+        });
         return null;
       }
       const { data: { publicUrl } } = this.supabase.storage.from(bucket).getPublicUrl(path);
       return publicUrl;
     } catch (err) {
+      const message = err instanceof Error ? err.message : "Unknown error uploading image";
       console.error("BugBear: Error uploading image from URI", err);
+      this.config.onError?.(err instanceof Error ? err : new Error(message), {
+        projectId: this.config.projectId,
+        context: "image_upload_failed"
+      });
       return null;
     }
   }
@@ -14380,7 +14434,12 @@ function useImageAttachments(uploadFn, maxImages, bucket = "screenshots") {
     launchImageLibrary(
       { mediaType: "photo", quality: 0.7, maxWidth: 1920, maxHeight: 1920, selectionLimit: maxImages - images.length },
       async (response) => {
-        if (response.didCancel || response.errorCode || !response.assets) return;
+        if (response.didCancel) return;
+        if (response.errorCode) {
+          console.error("BugBear: Image picker error", response.errorCode, response.errorMessage);
+          return;
+        }
+        if (!response.assets) return;
         for (const asset of response.assets) {
           const uri = asset.uri;
           if (!uri) continue;
@@ -14394,6 +14453,11 @@ function useImageAttachments(uploadFn, maxImages, bucket = "screenshots") {
             setImages((prev) => prev.map(
               (img) => img.id === id ? { ...img, remoteUrl: url, status: url ? "done" : "error" } : img
             ));
+          }).catch((err) => {
+            console.error("BugBear: Image upload failed", err);
+            setImages((prev) => prev.map(
+              (img) => img.id === id ? { ...img, status: "error" } : img
+            ));
           });
         }
       }
@@ -14404,7 +14468,12 @@ function useImageAttachments(uploadFn, maxImages, bucket = "screenshots") {
     launchCamera(
       { mediaType: "photo", quality: 0.7, maxWidth: 1920, maxHeight: 1920 },
       async (response) => {
-        if (response.didCancel || response.errorCode || !response.assets?.[0]) return;
+        if (response.didCancel) return;
+        if (response.errorCode) {
+          console.error("BugBear: Camera error", response.errorCode, response.errorMessage);
+          return;
+        }
+        if (!response.assets?.[0]) return;
         const asset = response.assets[0];
         const uri = asset.uri;
         if (!uri) return;
@@ -14418,6 +14487,11 @@ function useImageAttachments(uploadFn, maxImages, bucket = "screenshots") {
           setImages((prev) => prev.map(
             (img) => img.id === id ? { ...img, remoteUrl: url, status: url ? "done" : "error" } : img
           ));
+        }).catch((err) => {
+          console.error("BugBear: Image upload failed", err);
+          setImages((prev) => prev.map(
+            (img) => img.id === id ? { ...img, status: "error" } : img
+          ));
         });
       }
     );
@@ -14572,6 +14646,7 @@ function TestFeedbackScreen({ status, assignmentId, nav }) {
   const assignment = assignments.find((a) => a.id === assignmentId);
   const showFlags = rating < 4;
   const handleSubmit = async () => {
+    if (submitting || images.isUploading) return;
     setSubmitting(true);
     if (client && assignment) {
       const screenshotUrls = images.getScreenshotUrls();
@@ -14862,7 +14937,7 @@ function ReportScreen({ nav, prefill }) {
     }
   }, [reportType]);
   const handleSubmit = async () => {
-    if (!client || !description.trim()) return;
+    if (!client || !description.trim() || images.isUploading) return;
     if (submittingRef.current) return;
     submittingRef.current = true;
     setSubmitting(true);
@@ -15110,18 +15185,31 @@ function ThreadDetailScreen({ thread, nav }) {
   const [sendError, setSendError] = useState8(false);
   const replyImages = useImageAttachments(uploadImage, 3, "discussion-attachments");
   useEffect7(() => {
+    let cancelled = false;
+    setLoading(true);
     (async () => {
-      setLoading(true);
-      const msgs = await getThreadMessages(thread.id);
-      setMessages(msgs);
-      setLoading(false);
-      if (thread.unreadCount > 0) {
-        await markAsRead(thread.id);
+      try {
+        const msgs = await getThreadMessages(thread.id);
+        if (!cancelled) {
+          setMessages(msgs);
+        }
+        if (thread.unreadCount > 0) {
+          await markAsRead(thread.id);
+        }
+      } catch (err) {
+        console.error("BugBear: Failed to load thread messages", err);
+      } finally {
+        if (!cancelled) {
+          setLoading(false);
+        }
       }
     })();
+    return () => {
+      cancelled = true;
+    };
   }, [thread.id]);
   const handleSend = async () => {
-    if (!replyText.trim()) return;
+    if (!replyText.trim() && replyImages.images.length === 0 || sending || replyImages.isUploading) return;
     setSending(true);
     setSendError(false);
     const attachments = replyImages.getAttachments();
@@ -15165,9 +15253,9 @@ function ThreadDetailScreen({ thread, nav }) {
   ), /* @__PURE__ */ React12.createElement(
     TouchableOpacity10,
     {
-      style: [styles11.sendBtn, (!replyText.trim() || sending || replyImages.isUploading) && styles11.sendBtnDisabled],
+      style: [styles11.sendBtn, (!replyText.trim() && replyImages.images.length === 0 || sending || replyImages.isUploading) && styles11.sendBtnDisabled],
       onPress: handleSend,
-      disabled: !replyText.trim() || sending || replyImages.isUploading
+      disabled: !replyText.trim() && replyImages.images.length === 0 || sending || replyImages.isUploading
     },
     /* @__PURE__ */ React12.createElement(Text11, { style: styles11.sendBtnText }, sending ? "..." : "Send")
   )));
@@ -15213,7 +15301,7 @@ function ComposeMessageScreen({ nav }) {
   const [sending, setSending] = useState9(false);
   const images = useImageAttachments(uploadImage, 3, "discussion-attachments");
   const handleSend = async () => {
-    if (!subject.trim() || !message.trim()) return;
+    if (!subject.trim() || !message.trim() || sending || images.isUploading) return;
     setSending(true);
     const attachments = images.getAttachments();
     const result = await createThread({
@@ -15299,6 +15387,7 @@ function ProfileScreen({ nav }) {
     }
   }, [testerInfo]);
   const handleSave = async () => {
+    if (saving) return;
     setSaving(true);
     const updates = {
       name: name.trim(),
@@ -15427,11 +15516,21 @@ function IssueListScreen({ nav, category }) {
     let cancelled = false;
     setLoading(true);
     (async () => {
-      if (!client) return;
-      const data = await client.getIssues(category);
-      if (!cancelled) {
-        setIssues(data);
+      if (!client) {
         setLoading(false);
+        return;
+      }
+      try {
+        const data = await client.getIssues(category);
+        if (!cancelled) {
+          setIssues(data);
+        }
+      } catch (err) {
+        console.error("BugBear: Failed to load issues", err);
+      } finally {
+        if (!cancelled) {
+          setLoading(false);
+        }
       }
     })();
     return () => {

package/package.json

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