@upstep/react-native 0.6.3 → 0.6.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@upstep/react-native",
-  "version": "0.6.3",
+  "version": "0.6.6",
   "description": "Upstep feedback SDK for React Native",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/FeedbackSheet.tsx

@@ -271,7 +271,9 @@ function FeedCard({
         )}
         <View style={styles.cardMeta}>
           <TypeBadge type={item.type} p={p} />
-          <StatusDot status={item.status} />
+          {item.status === "PENDING"
+            ? <PendingBadge />
+            : <StatusDot status={item.status} />}
           <Text style={[styles.cardDate, { color: p.textFaint }]}>{fmtDate(item.createdAt)}</Text>
         </View>
       </View>
@@ -329,7 +331,9 @@ function FeedDetailBody({
       )}
       <View style={styles.badgeRow}>
         <TypeBadge type={item.type} p={p} />
-        <StatusBadge status={item.status} p={p} />
+        {item.status === "PENDING"
+          ? <PendingBadge />
+          : <StatusBadge status={item.status} p={p} />}
       </View>
 
       <Text style={[styles.detailContent, { color: p.textSoft }]}>{item.content}</Text>
@@ -377,7 +381,7 @@ function CommentBubble({ comment, p, accent }: { comment: Comment; p: Palette; a
       <View style={styles.commentMeta}>
         <View style={[styles.ownerBadge, { backgroundColor: accent + "20" }]}>
           <Text style={[styles.ownerBadgeText, { color: accent }]}>
-            {comment.authorName ?? "Team"}
+            Developer
           </Text>
         </View>
         <Text style={[styles.commentDate, { color: p.textFaint }]}>{fmtDate(comment.createdAt)}</Text>
@@ -517,6 +521,15 @@ const TYPE_FG: Record<FeedbackType, string> = {
   BUG: "#d6453d", FEATURE: "#3b76d6", GENERAL: "",
 };
 
+function PendingBadge() {
+  return (
+    <View style={styles.pendingBadge}>
+      <View style={styles.pendingDot} />
+      <Text style={styles.pendingBadgeText}>Pending review</Text>
+    </View>
+  );
+}
+
 function TypeBadge({ type, p }: { type: FeedbackType; p: Palette }) {
   return (
     <View style={[styles.badge, { backgroundColor: TYPE_BG[type] || p.bgSoft }]}>
@@ -676,6 +689,30 @@ const styles = StyleSheet.create({
   successTitle: { fontSize: 20, fontWeight: "700", textAlign: "center", marginBottom: 6 },
   successSub: { fontSize: 14, textAlign: "center" },
 
+  // Pending badge
+  pendingBadge: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 4,
+    backgroundColor: "#fff7ed",
+    borderWidth: 1,
+    borderColor: "#fed7aa",
+    borderRadius: 6,
+    paddingHorizontal: 6,
+    paddingVertical: 2,
+  },
+  pendingDot: {
+    width: 5,
+    height: 5,
+    borderRadius: 3,
+    backgroundColor: "#ea580c",
+  },
+  pendingBadgeText: {
+    fontSize: 10,
+    fontWeight: "700",
+    color: "#ea580c",
+  },
+
   // Branding
   poweredBy: {
     alignItems: "center",

package/src/api.ts

@@ -40,7 +40,8 @@ export class UpstepApiClient {
   }
 
   async getItem(feedbackId: string): Promise<FeedbackWithComments> {
-    const res = await fetch(`${this.baseUrl}/api/sdk/feedback/${feedbackId}`, {
+    const qs = this.userId ? `?endUserId=${encodeURIComponent(this.userId)}` : "";
+    const res = await fetch(`${this.baseUrl}/api/sdk/feedback/${feedbackId}${qs}`, {
       headers: this.headers(),
     });
     if (!res.ok) throw new Error(`Upstep: ${res.status}`);