@newtonschool/react_proctoring_library 0.0.128 → 0.0.129

package/dist/components/secondaryDevice/index.js

@@ -21,9 +21,9 @@ const SecondaryDevice = _ref => {
     permissionSetter
   } = (0, _react.useContext)(proctoredContext);
   const setSecondaryDevicePermission = permissionSetter.secondaryDevice;
-  const [primaryDeviceOnline, setPrimaryDeviceOnline] = (0, _react.useState)(false);
-  const [secondaryDeviceOnline, setSecondaryDeviceOnline] = (0, _react.useState)(false);
-  const [secondaryDeviceAllPermissionGranted, setSecondaryDeviceAllPermissionGranted] = (0, _react.useState)(false);
+  const [primaryDeviceOnline, setPrimaryDeviceOnline] = (0, _react.useState)(true);
+  const [secondaryDeviceOnline, setSecondaryDeviceOnline] = (0, _react.useState)(true);
+  const [secondaryDeviceAllPermissionGranted, setSecondaryDeviceAllPermissionGranted] = (0, _react.useState)(true);
   const allPermissionGranted = (0, _permission.hasAllPermissions)((0, _breachUtils.getRequiredPermissionsFromProctorParams)(proctorParams), permissions);
   (0, _react.useEffect)(() => {
     const cleanup = (0, _proctoringStatusUtils.setupDeviceStatusListeners)({
@@ -51,7 +51,7 @@ const SecondaryDevice = _ref => {
     if (isSecondaryDevice) {
       setSecondaryDevicePermission(secondaryDeviceOnline);
     } else {
-      setSecondaryDevicePermission(primaryDeviceOnline && secondaryDeviceOnline && secondaryDeviceAllPermissionGranted);
+      setSecondaryDevicePermission(secondaryDeviceOnline && secondaryDeviceAllPermissionGranted);
     }
   }, [isSecondaryDevice, primaryDeviceOnline, secondaryDeviceOnline, secondaryDeviceAllPermissionGranted, setSecondaryDevicePermission]);
   return null;

package/dist/utils/proctoringStatusUtils.js

@@ -136,6 +136,34 @@ const setupDeviceStatusListeners = _ref2 => {
   }).catch(err => {
     console.error('::[proctoringStatusUtils] Failed to mark current device disconnected:', err);
   });
+
+  // Get initial values and update callbacks immediately
+  const applyPrimarySnapshot = snapshot => {
+    var _snapshot$val, _snapshot$val2;
+    const val = (_snapshot$val = snapshot === null || snapshot === void 0 ? void 0 : (_snapshot$val2 = snapshot.val) === null || _snapshot$val2 === void 0 ? void 0 : _snapshot$val2.call(snapshot)) !== null && _snapshot$val !== void 0 ? _snapshot$val : snapshot;
+    onPrimaryDeviceStatusChange(Boolean(val === null || val === void 0 ? void 0 : val.connected));
+  };
+  const applySecondarySnapshot = snapshot => {
+    var _snapshot$val3, _snapshot$val4;
+    const val = (_snapshot$val3 = snapshot === null || snapshot === void 0 ? void 0 : (_snapshot$val4 = snapshot.val) === null || _snapshot$val4 === void 0 ? void 0 : _snapshot$val4.call(snapshot)) !== null && _snapshot$val3 !== void 0 ? _snapshot$val3 : snapshot;
+    onSecondaryDeviceStatusChange(Boolean(val === null || val === void 0 ? void 0 : val.connected), val === null || val === void 0 ? void 0 : val.allPermissionGranted);
+  };
+  if (typeof (primaryDeviceStatusRef === null || primaryDeviceStatusRef === void 0 ? void 0 : primaryDeviceStatusRef.get) === 'function') {
+    primaryDeviceStatusRef.get().then(applyPrimarySnapshot).catch(() => {});
+  }
+  if (typeof (secondaryDeviceStatusRef === null || secondaryDeviceStatusRef === void 0 ? void 0 : secondaryDeviceStatusRef.get) === 'function') {
+    secondaryDeviceStatusRef.get().then(applySecondarySnapshot).catch(() => {});
+  }
+
+  // Subscribe to updates
+  const unsubscribePrimary = onValue(primaryDeviceStatusRef, snapshot => {
+    applyPrimarySnapshot(snapshot);
+  });
+  const unsubscribeSecondary = onValue(secondaryDeviceStatusRef, snapshot => {
+    applySecondarySnapshot(snapshot);
+  });
+
+  // Start heartbeat interval
   let heartbeatIntervalId = null;
   if (typeof window !== 'undefined' && typeof setInterval === 'function') {
     heartbeatIntervalId = setInterval(() => {
@@ -166,14 +194,6 @@ const setupDeviceStatusListeners = _ref2 => {
       });
     }, HEARTBEAT_INTERVAL_MS);
   }
-  const unsubscribePrimary = onValue(primaryDeviceStatusRef, snapshot => {
-    const val = snapshot.val();
-    onPrimaryDeviceStatusChange(Boolean(val === null || val === void 0 ? void 0 : val.connected));
-  });
-  const unsubscribeSecondary = onValue(secondaryDeviceStatusRef, snapshot => {
-    const val = snapshot.val();
-    onSecondaryDeviceStatusChange(Boolean(val === null || val === void 0 ? void 0 : val.connected), val === null || val === void 0 ? void 0 : val.allPermissionGranted);
-  });
   return () => {
     unsubscribePrimary();
     unsubscribeSecondary();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@newtonschool/react_proctoring_library",
-  "version": "0.0.128",
+  "version": "0.0.129",
   "description": "Used to proctor online tests",
   "author": "ayushkagrawal,shreyachandra,weastel",
   "main": "dist/index.js",