@bbearai/react-native 0.6.1 → 0.6.2

package/dist/index.js

@@ -12007,8 +12007,8 @@ var BugBearClient = class {
         return { success: false, error: rateLimit.error };
       }
       if (!userInfo) {
-        console.error("BugBear: No user info available, cannot submit report");
-        return { success: false, error: "User not authenticated" };
+        console.error("BugBear: No user info available, cannot submit report. Ensure your BugBear config provides a getCurrentUser() callback that returns { id, email }.");
+        return { success: false, error: "Unable to identify user. Check that your app passes a getCurrentUser callback to BugBear config." };
       }
       const testerInfo = await this.getTesterInfo();
       fullReport = {
@@ -12114,10 +12114,9 @@ var BugBearClient = class {
             platforms
           )
         `;
-      const twentyFourHoursAgo = new Date(Date.now() - 24 * 60 * 60 * 1e3).toISOString();
       const [pendingResult, completedResult] = await Promise.all([
         this.supabase.from("test_assignments").select(selectFields).eq("project_id", this.config.projectId).eq("tester_id", testerInfo.id).in("status", ["pending", "in_progress"]).order("created_at", { ascending: true }).range(from, to),
-        this.supabase.from("test_assignments").select(selectFields).eq("project_id", this.config.projectId).eq("tester_id", testerInfo.id).in("status", ["passed", "failed", "skipped", "blocked"]).gte("completed_at", twentyFourHoursAgo).order("completed_at", { ascending: false }).limit(50)
+        this.supabase.from("test_assignments").select(selectFields).eq("project_id", this.config.projectId).eq("tester_id", testerInfo.id).in("status", ["passed", "failed", "skipped", "blocked"]).order("completed_at", { ascending: false }).limit(100)
       ]);
       if (pendingResult.error) {
         console.error("BugBear: Failed to fetch assignments", formatPgError(pendingResult.error));
@@ -14630,7 +14629,7 @@ function TestDetailScreen({ testId, nav }) {
       }
     },
     /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles2.navigateText }, "\u{1F9ED} Go to test location")
-  ), /* @__PURE__ */ import_react5.default.createElement(import_react_native5.TouchableOpacity, { onPress: () => setShowDetails(!showDetails), style: styles2.detailsToggle }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles2.detailsToggleText }, showDetails ? "\u25BC" : "\u25B6", " Details")), showDetails && /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: styles2.detailsSection }, testCase.key && /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles2.detailMeta }, testCase.key, " \xB7 ", testCase.priority, " \xB7 ", info.name), testCase.description && /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles2.detailDesc }, testCase.description), testCase.group && /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: styles2.folderProgress }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles2.folderName }, "\u{1F4C1} ", testCase.group.name))), displayedAssignment.status === "passed" || displayedAssignment.status === "failed" || displayedAssignment.status === "skipped" || displayedAssignment.status === "blocked" ? /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: [
+  ), /* @__PURE__ */ import_react5.default.createElement(import_react_native5.TouchableOpacity, { onPress: () => setShowDetails(!showDetails), style: styles2.detailsToggle }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles2.detailsToggleText }, showDetails ? "\u25BC" : "\u25B6", " Details")), showDetails && /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: styles2.detailsSection }, testCase.key && /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles2.detailMeta }, testCase.key, " \xB7 ", testCase.priority, " \xB7 ", info.name), testCase.track && /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles2.detailMeta }, testCase.track.icon, " ", testCase.track.name), testCase.description && /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles2.detailDesc }, testCase.description), testCase.group && /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: styles2.folderProgress }, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.Text, { style: styles2.folderName }, "\u{1F4C1} ", testCase.group.name))), displayedAssignment.status === "passed" || displayedAssignment.status === "failed" || displayedAssignment.status === "skipped" || displayedAssignment.status === "blocked" ? /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, /* @__PURE__ */ import_react5.default.createElement(import_react_native5.View, { style: [
     styles2.completedBanner,
     displayedAssignment.status === "passed" && styles2.completedBannerPass,
     displayedAssignment.status === "failed" && styles2.completedBannerFail
@@ -14830,13 +14829,6 @@ function TestListScreen({ nav }) {
     }
     return Array.from(trackMap.values());
   }, [assignments]);
-  const availablePlatforms = (0, import_react6.useMemo)(() => {
-    const set = /* @__PURE__ */ new Set();
-    for (const a of assignments) {
-      if (a.testCase.platforms) a.testCase.platforms.forEach((p) => set.add(p));
-    }
-    return Array.from(set).sort();
-  }, [assignments]);
   const selectedRole = availableRoles.find((r) => r.id === roleFilter);
   const groupedAssignments = (0, import_react6.useMemo)(() => {
     const groups = /* @__PURE__ */ new Map();
@@ -14934,28 +14926,30 @@ function TestListScreen({ nav }) {
       placeholderTextColor: colors.textMuted,
       style: styles3.searchInput
     }
-  )), availablePlatforms.length >= 2 && /* @__PURE__ */ import_react6.default.createElement(import_react_native6.ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: styles3.platformBar }, /* @__PURE__ */ import_react6.default.createElement(
+  )), /* @__PURE__ */ import_react6.default.createElement(import_react_native6.ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: styles3.platformBar }, /* @__PURE__ */ import_react6.default.createElement(
     import_react_native6.TouchableOpacity,
     {
       style: [styles3.platformBtn, !platformFilter && styles3.platformBtnActive],
       onPress: () => setPlatformFilter(null)
     },
-    /* @__PURE__ */ import_react6.default.createElement(import_react_native6.Text, { style: [styles3.platformBtnText, !platformFilter && styles3.platformBtnTextActive] }, "All Platforms")
-  ), availablePlatforms.map((p) => {
-    const isActive = platformFilter === p;
-    const label = p === "ios" ? "iOS" : p === "android" ? "Android" : p === "web" ? "Web" : p;
-    const icon = p === "ios" ? "\u{1F4F1}" : p === "android" ? "\u{1F916}" : p === "web" ? "\u{1F310}" : "\u{1F4CB}";
+    /* @__PURE__ */ import_react6.default.createElement(import_react_native6.Text, { style: [styles3.platformBtnText, !platformFilter && styles3.platformBtnTextActive] }, "All")
+  ), [
+    { key: "web", label: "Web", icon: "\u{1F310}" },
+    { key: "ios", label: "iOS", icon: "\u{1F4F1}" },
+    { key: "android", label: "Android", icon: "\u{1F916}" }
+  ].map((p) => {
+    const isActive = platformFilter === p.key;
     return /* @__PURE__ */ import_react6.default.createElement(
       import_react_native6.TouchableOpacity,
       {
-        key: p,
+        key: p.key,
         style: [
           styles3.platformBtn,
           isActive && { backgroundColor: colors.blue + "20", borderColor: colors.blue + "60", borderWidth: 1 }
         ],
-        onPress: () => setPlatformFilter(isActive ? null : p)
+        onPress: () => setPlatformFilter(isActive ? null : p.key)
       },
-      /* @__PURE__ */ import_react6.default.createElement(import_react_native6.Text, { style: [styles3.platformBtnText, isActive && { color: colors.blue, fontWeight: "600" }] }, icon, " ", label)
+      /* @__PURE__ */ import_react6.default.createElement(import_react_native6.Text, { style: [styles3.platformBtnText, isActive && { color: colors.blue, fontWeight: "600" }] }, p.icon, " ", p.label)
     );
   })), /* @__PURE__ */ import_react6.default.createElement(import_react_native6.View, { style: styles3.trackSortRow }, availableTracks.length >= 2 && /* @__PURE__ */ import_react6.default.createElement(import_react_native6.ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: { flex: 1 } }, /* @__PURE__ */ import_react6.default.createElement(
     import_react_native6.TouchableOpacity,
@@ -15251,7 +15245,9 @@ var styles4 = import_react_native7.StyleSheet.create({
 
 // src/widget/ImagePickerButtons.tsx
 function ImagePickerButtons({ images, maxImages, onPickGallery, onPickCamera, onRemove, label }) {
-  if (!IMAGE_PICKER_AVAILABLE) return null;
+  if (!IMAGE_PICKER_AVAILABLE) {
+    return /* @__PURE__ */ import_react9.default.createElement(import_react_native8.View, { style: styles5.section }, label && /* @__PURE__ */ import_react9.default.createElement(import_react_native8.Text, { style: styles5.label }, label), /* @__PURE__ */ import_react9.default.createElement(import_react_native8.View, { style: styles5.unavailableRow }, /* @__PURE__ */ import_react9.default.createElement(import_react_native8.Text, { style: styles5.unavailableText }, "Install react-native-image-picker to enable photo attachments")));
+  }
   return /* @__PURE__ */ import_react9.default.createElement(import_react_native8.View, { style: styles5.section }, label && /* @__PURE__ */ import_react9.default.createElement(import_react_native8.Text, { style: styles5.label }, label), /* @__PURE__ */ import_react9.default.createElement(import_react_native8.View, { style: styles5.buttonRow }, /* @__PURE__ */ import_react9.default.createElement(
     import_react_native8.TouchableOpacity,
     {
@@ -15306,6 +15302,18 @@ var styles5 = import_react_native8.StyleSheet.create({
     fontSize: 12,
     color: colors.textDim,
     marginLeft: 4
+  },
+  unavailableRow: {
+    backgroundColor: colors.card,
+    borderWidth: 1,
+    borderColor: colors.border,
+    borderRadius: 8,
+    padding: 12
+  },
+  unavailableText: {
+    fontSize: 12,
+    color: colors.textDim,
+    fontStyle: "italic"
   }
 });
 

package/dist/index.mjs

@@ -11974,8 +11974,8 @@ var BugBearClient = class {
         return { success: false, error: rateLimit.error };
       }
       if (!userInfo) {
-        console.error("BugBear: No user info available, cannot submit report");
-        return { success: false, error: "User not authenticated" };
+        console.error("BugBear: No user info available, cannot submit report. Ensure your BugBear config provides a getCurrentUser() callback that returns { id, email }.");
+        return { success: false, error: "Unable to identify user. Check that your app passes a getCurrentUser callback to BugBear config." };
       }
       const testerInfo = await this.getTesterInfo();
       fullReport = {
@@ -12081,10 +12081,9 @@ var BugBearClient = class {
             platforms
           )
         `;
-      const twentyFourHoursAgo = new Date(Date.now() - 24 * 60 * 60 * 1e3).toISOString();
       const [pendingResult, completedResult] = await Promise.all([
         this.supabase.from("test_assignments").select(selectFields).eq("project_id", this.config.projectId).eq("tester_id", testerInfo.id).in("status", ["pending", "in_progress"]).order("created_at", { ascending: true }).range(from, to),
-        this.supabase.from("test_assignments").select(selectFields).eq("project_id", this.config.projectId).eq("tester_id", testerInfo.id).in("status", ["passed", "failed", "skipped", "blocked"]).gte("completed_at", twentyFourHoursAgo).order("completed_at", { ascending: false }).limit(50)
+        this.supabase.from("test_assignments").select(selectFields).eq("project_id", this.config.projectId).eq("tester_id", testerInfo.id).in("status", ["passed", "failed", "skipped", "blocked"]).order("completed_at", { ascending: false }).limit(100)
       ]);
       if (pendingResult.error) {
         console.error("BugBear: Failed to fetch assignments", formatPgError(pendingResult.error));
@@ -14612,7 +14611,7 @@ function TestDetailScreen({ testId, nav }) {
       }
     },
     /* @__PURE__ */ React4.createElement(Text2, { style: styles2.navigateText }, "\u{1F9ED} Go to test location")
-  ), /* @__PURE__ */ React4.createElement(TouchableOpacity2, { onPress: () => setShowDetails(!showDetails), style: styles2.detailsToggle }, /* @__PURE__ */ React4.createElement(Text2, { style: styles2.detailsToggleText }, showDetails ? "\u25BC" : "\u25B6", " Details")), showDetails && /* @__PURE__ */ React4.createElement(View3, { style: styles2.detailsSection }, testCase.key && /* @__PURE__ */ React4.createElement(Text2, { style: styles2.detailMeta }, testCase.key, " \xB7 ", testCase.priority, " \xB7 ", info.name), testCase.description && /* @__PURE__ */ React4.createElement(Text2, { style: styles2.detailDesc }, testCase.description), testCase.group && /* @__PURE__ */ React4.createElement(View3, { style: styles2.folderProgress }, /* @__PURE__ */ React4.createElement(Text2, { style: styles2.folderName }, "\u{1F4C1} ", testCase.group.name))), displayedAssignment.status === "passed" || displayedAssignment.status === "failed" || displayedAssignment.status === "skipped" || displayedAssignment.status === "blocked" ? /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement(View3, { style: [
+  ), /* @__PURE__ */ React4.createElement(TouchableOpacity2, { onPress: () => setShowDetails(!showDetails), style: styles2.detailsToggle }, /* @__PURE__ */ React4.createElement(Text2, { style: styles2.detailsToggleText }, showDetails ? "\u25BC" : "\u25B6", " Details")), showDetails && /* @__PURE__ */ React4.createElement(View3, { style: styles2.detailsSection }, testCase.key && /* @__PURE__ */ React4.createElement(Text2, { style: styles2.detailMeta }, testCase.key, " \xB7 ", testCase.priority, " \xB7 ", info.name), testCase.track && /* @__PURE__ */ React4.createElement(Text2, { style: styles2.detailMeta }, testCase.track.icon, " ", testCase.track.name), testCase.description && /* @__PURE__ */ React4.createElement(Text2, { style: styles2.detailDesc }, testCase.description), testCase.group && /* @__PURE__ */ React4.createElement(View3, { style: styles2.folderProgress }, /* @__PURE__ */ React4.createElement(Text2, { style: styles2.folderName }, "\u{1F4C1} ", testCase.group.name))), displayedAssignment.status === "passed" || displayedAssignment.status === "failed" || displayedAssignment.status === "skipped" || displayedAssignment.status === "blocked" ? /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement(View3, { style: [
     styles2.completedBanner,
     displayedAssignment.status === "passed" && styles2.completedBannerPass,
     displayedAssignment.status === "failed" && styles2.completedBannerFail
@@ -14812,13 +14811,6 @@ function TestListScreen({ nav }) {
     }
     return Array.from(trackMap.values());
   }, [assignments]);
-  const availablePlatforms = useMemo2(() => {
-    const set = /* @__PURE__ */ new Set();
-    for (const a of assignments) {
-      if (a.testCase.platforms) a.testCase.platforms.forEach((p) => set.add(p));
-    }
-    return Array.from(set).sort();
-  }, [assignments]);
   const selectedRole = availableRoles.find((r) => r.id === roleFilter);
   const groupedAssignments = useMemo2(() => {
     const groups = /* @__PURE__ */ new Map();
@@ -14916,28 +14908,30 @@ function TestListScreen({ nav }) {
       placeholderTextColor: colors.textMuted,
       style: styles3.searchInput
     }
-  )), availablePlatforms.length >= 2 && /* @__PURE__ */ React5.createElement(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: styles3.platformBar }, /* @__PURE__ */ React5.createElement(
+  )), /* @__PURE__ */ React5.createElement(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: styles3.platformBar }, /* @__PURE__ */ React5.createElement(
     TouchableOpacity3,
     {
       style: [styles3.platformBtn, !platformFilter && styles3.platformBtnActive],
       onPress: () => setPlatformFilter(null)
     },
-    /* @__PURE__ */ React5.createElement(Text3, { style: [styles3.platformBtnText, !platformFilter && styles3.platformBtnTextActive] }, "All Platforms")
-  ), availablePlatforms.map((p) => {
-    const isActive = platformFilter === p;
-    const label = p === "ios" ? "iOS" : p === "android" ? "Android" : p === "web" ? "Web" : p;
-    const icon = p === "ios" ? "\u{1F4F1}" : p === "android" ? "\u{1F916}" : p === "web" ? "\u{1F310}" : "\u{1F4CB}";
+    /* @__PURE__ */ React5.createElement(Text3, { style: [styles3.platformBtnText, !platformFilter && styles3.platformBtnTextActive] }, "All")
+  ), [
+    { key: "web", label: "Web", icon: "\u{1F310}" },
+    { key: "ios", label: "iOS", icon: "\u{1F4F1}" },
+    { key: "android", label: "Android", icon: "\u{1F916}" }
+  ].map((p) => {
+    const isActive = platformFilter === p.key;
     return /* @__PURE__ */ React5.createElement(
       TouchableOpacity3,
       {
-        key: p,
+        key: p.key,
         style: [
           styles3.platformBtn,
           isActive && { backgroundColor: colors.blue + "20", borderColor: colors.blue + "60", borderWidth: 1 }
         ],
-        onPress: () => setPlatformFilter(isActive ? null : p)
+        onPress: () => setPlatformFilter(isActive ? null : p.key)
       },
-      /* @__PURE__ */ React5.createElement(Text3, { style: [styles3.platformBtnText, isActive && { color: colors.blue, fontWeight: "600" }] }, icon, " ", label)
+      /* @__PURE__ */ React5.createElement(Text3, { style: [styles3.platformBtnText, isActive && { color: colors.blue, fontWeight: "600" }] }, p.icon, " ", p.label)
     );
   })), /* @__PURE__ */ React5.createElement(View4, { style: styles3.trackSortRow }, availableTracks.length >= 2 && /* @__PURE__ */ React5.createElement(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: { flex: 1 } }, /* @__PURE__ */ React5.createElement(
     TouchableOpacity3,
@@ -15233,7 +15227,9 @@ var styles4 = StyleSheet6.create({
 
 // src/widget/ImagePickerButtons.tsx
 function ImagePickerButtons({ images, maxImages, onPickGallery, onPickCamera, onRemove, label }) {
-  if (!IMAGE_PICKER_AVAILABLE) return null;
+  if (!IMAGE_PICKER_AVAILABLE) {
+    return /* @__PURE__ */ React7.createElement(View6, { style: styles5.section }, label && /* @__PURE__ */ React7.createElement(Text5, { style: styles5.label }, label), /* @__PURE__ */ React7.createElement(View6, { style: styles5.unavailableRow }, /* @__PURE__ */ React7.createElement(Text5, { style: styles5.unavailableText }, "Install react-native-image-picker to enable photo attachments")));
+  }
   return /* @__PURE__ */ React7.createElement(View6, { style: styles5.section }, label && /* @__PURE__ */ React7.createElement(Text5, { style: styles5.label }, label), /* @__PURE__ */ React7.createElement(View6, { style: styles5.buttonRow }, /* @__PURE__ */ React7.createElement(
     TouchableOpacity5,
     {
@@ -15288,6 +15284,18 @@ var styles5 = StyleSheet7.create({
     fontSize: 12,
     color: colors.textDim,
     marginLeft: 4
+  },
+  unavailableRow: {
+    backgroundColor: colors.card,
+    borderWidth: 1,
+    borderColor: colors.border,
+    borderRadius: 8,
+    padding: 12
+  },
+  unavailableText: {
+    fontSize: 12,
+    color: colors.textDim,
+    fontStyle: "italic"
   }
 });
 

package/package.json

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