yaver-feedback-react-native 0.8.1 → 0.8.3

package/README.md

@@ -1,6 +1,6 @@
 # yaver-feedback-react-native
 
-Visual feedback SDK for Yaver. Lets testers and developers shake their phone and then keep a small quick-access icon on screen for hot reload, vibing, screenshot or file upload, and screen recording uploads straight to a Yaver agent running on a dev machine.
+Visual feedback SDK for Yaver. Lets testers and developers shake their phone and then keep a small quick-access icon on screen for hot reload, vibing, and screenshot & fix flows straight to a Yaver agent running on a dev machine.
 
 ## Installation
 
@@ -85,7 +85,7 @@ function App() {
 }
 ```
 
-Shake your phone to open the feedback modal. On mobile the quick-access icon stays hidden until that first shake, then remains tappable for the rest of the session unless the user hides it. From there the sheet exposes four core actions: hot reload, vibing, screenshot or file upload, and screen recording upload.
+Shake your phone to open the feedback modal. On mobile the quick-access icon stays hidden until that first shake, then remains tappable for the rest of the session unless the user hides it. For launch, the sheet exposes three actions only: hot reload, vibing, and screenshot & fix.
 
 ### Quick Icon Styling
 

package/dist/AuthOverlay.js

@@ -38,6 +38,7 @@ const react_1 = __importStar(require("react"));
 const react_native_1 = require("react-native");
 const LoginScreen_1 = require("./LoginScreen");
 const MachinePickerScreen_1 = require("./MachinePickerScreen");
+const GuestOnboardingScreen_1 = require("./GuestOnboardingScreen");
 const YaverFeedback_1 = require("./YaverFeedback");
 const auth_1 = require("./auth");
 /**
@@ -56,8 +57,10 @@ const auth_1 = require("./auth");
  */
 const AuthOverlay = () => {
     const [loginVisible, setLoginVisible] = (0, react_1.useState)(false);
+    const [guestVisible, setGuestVisible] = (0, react_1.useState)(false);
     const [pickerVisible, setPickerVisible] = (0, react_1.useState)(false);
     const [token, setToken] = (0, react_1.useState)(null);
+    const [pendingInviteCode, setPendingInviteCode] = (0, react_1.useState)(null);
     (0, react_1.useEffect)(() => {
         let mounted = true;
         (async () => {
@@ -79,25 +82,52 @@ const AuthOverlay = () => {
             pickerSub.remove();
         };
     }, []);
-    const handleLoggedIn = async (newToken) => {
+    const continueAfterAuth = async (newToken, inviteCode) => {
         setToken(newToken);
         await YaverFeedback_1.YaverFeedback.setAuthToken(newToken);
+        const devices = await (0, auth_1.listReachableDevices)(newToken).catch(() => ({ owned: [], shared: [] }));
         setLoginVisible(false);
+        const cleanedInviteCode = (inviteCode ?? '').trim().toUpperCase();
+        if (cleanedInviteCode) {
+            setPendingInviteCode(cleanedInviteCode);
+            setGuestVisible(true);
+            return;
+        }
+        if (devices.owned.length === 0 && devices.shared.length === 0) {
+            setGuestVisible(true);
+            return;
+        }
         setPickerVisible(true);
     };
+    const handleLoggedIn = async (newToken, opts) => {
+        await continueAfterAuth(newToken, opts?.inviteCode);
+    };
     const handleDevicePicked = async (device) => {
         await YaverFeedback_1.YaverFeedback.setPreferredDevice(device.deviceId);
         setPickerVisible(false);
+        setGuestVisible(false);
         // Continue straight into the feedback flow the user originally triggered.
         react_native_1.DeviceEventEmitter.emit('yaverFeedback:startReport');
     };
     return (<>
       <react_native_1.Modal visible={loginVisible} animationType="slide" presentationStyle="fullScreen" onRequestClose={() => setLoginVisible(false)}>
-        <LoginScreen_1.YaverLoginScreen onLoggedIn={handleLoggedIn} onCancel={() => setLoginVisible(false)}/>
+        <LoginScreen_1.YaverLoginScreen onLoggedIn={handleLoggedIn} onCancel={() => setLoginVisible(false)} initialInviteCode={pendingInviteCode ?? YaverFeedback_1.YaverFeedback.getConfig()?.guestInviteCode}/>
       </react_native_1.Modal>
 
       <react_native_1.Modal visible={pickerVisible && !!token} animationType="slide" presentationStyle="fullScreen" onRequestClose={() => setPickerVisible(false)}>
-        {token && (<MachinePickerScreen_1.YaverMachinePickerScreen token={token} onPick={handleDevicePicked} onCancel={() => setPickerVisible(false)}/>)}
+        {token && (<MachinePickerScreen_1.YaverMachinePickerScreen token={token} currentDeviceId={YaverFeedback_1.YaverFeedback.getConfig()?.preferredDeviceId} onPick={handleDevicePicked} onCancel={() => setPickerVisible(false)}/>)}
+      </react_native_1.Modal>
+
+      <react_native_1.Modal visible={guestVisible && !!token} animationType="slide" presentationStyle="fullScreen" onRequestClose={() => setGuestVisible(false)}>
+        {token && (<GuestOnboardingScreen_1.YaverGuestOnboardingScreen token={token} initialInviteCode={pendingInviteCode ?? YaverFeedback_1.YaverFeedback.getConfig()?.guestInviteCode} onContinue={() => {
+                setGuestVisible(false);
+                setPendingInviteCode(null);
+                setPickerVisible(true);
+            }} onCancel={() => {
+                setGuestVisible(false);
+                setPendingInviteCode(null);
+                setPickerVisible(true);
+            }}/>)}
       </react_native_1.Modal>
     </>);
 };

package/dist/Discovery.js

@@ -174,8 +174,10 @@ class YaverDiscovery {
                 runnerDown: !!d.runnerDown,
                 lastHeartbeat: d.lastHeartbeat ?? 0,
                 isGuest: !!d.isGuest,
+                hostUserId: d.hostUserId,
                 hostName: d.hostName,
                 hostEmail: d.hostEmail,
+                hostUserIdString: d.hostUserIdString,
                 accessScope: d.accessScope ?? 'owner',
                 quicHost: d.quicHost ?? d.host ?? '',
                 quicPort: d.quicPort ?? 0,