@upstep/react-native 0.1.0 → 0.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@upstep/react-native",
-  "version": "0.1.0",
+  "version": "0.3.0",
   "description": "Upstep feedback SDK for React Native",
   "main": "./src/index.ts",
   "types": "./src/index.ts",
@@ -12,7 +12,7 @@
     }
   },
   "dependencies": {
-    "@upstep/types": "0.0.1"
+    "@upstep/types": "0.2.0"
   },
   "peerDependencies": {
     "@gorhom/bottom-sheet": ">=4",

package/src/FeedbackContext.tsx

@@ -17,7 +17,10 @@ interface UpstepContextValue {
   loadFeed: () => Promise<void>;
   submit: (content: string, type?: FeedbackType) => Promise<void>;
   vote: (feedbackId: string, value: VoteValue) => Promise<void>;
+  /** Open the feedback sheet — call from your own UI (settings, menu, etc.). */
   openSheet: () => void;
+  /** Set / update the end-user id at runtime (e.g. after the user logs in). */
+  identify: (userId: string | undefined) => void;
   sheetRef: React.RefObject<BottomSheet | null>;
 }
 
@@ -31,6 +34,11 @@ export function FeedbackProvider({
   const [feedItems, setFeedItems] = useState<Feedback[]>([]);
   const sheetRef = useRef<BottomSheet>(null);
 
+  // Keep the end-user id in sync if `userId` resolves after mount (async login).
+  useEffect(() => {
+    client.setUserId(config.userId);
+  }, [client, config.userId]);
+
   const loadFeed = useCallback(async () => {
     try {
       const data = await client.listFeedback({ sort: "votes", limit: 20 });
@@ -58,8 +66,10 @@ export function FeedbackProvider({
     sheetRef.current?.expand();
   }, []);
 
+  const identify = useCallback((userId: string | undefined) => client.setUserId(userId), [client]);
+
   return (
-    <UpstepContext.Provider value={{ client, feedItems, loadFeed, submit, vote, openSheet, sheetRef }}>
+    <UpstepContext.Provider value={{ client, feedItems, loadFeed, submit, vote, openSheet, identify, sheetRef }}>
       {children}
     </UpstepContext.Provider>
   );

package/src/api.ts

@@ -9,7 +9,7 @@ import type {
 export class UpstepApiClient {
   private readonly baseUrl: string;
   private readonly apiKey: string;
-  readonly userId?: string;
+  userId: string | undefined;
 
   constructor(config: UpstepConfig) {
     this.baseUrl = (config.baseUrl ?? "https://upstep.io").replace(/\/$/, "");
@@ -17,6 +17,11 @@ export class UpstepApiClient {
     if (config.userId !== undefined) this.userId = config.userId;
   }
 
+  /** Update the end-user id at runtime (e.g. after the user logs in). */
+  setUserId(userId: string | undefined) {
+    this.userId = userId;
+  }
+
   private headers(): Record<string, string> {
     return { "Content-Type": "application/json", "x-api-key": this.apiKey };
   }