Waiting Room

After you call .join() on meeting, you either get a roomJoined event if you are allowed to join or a waitlisted event.

Use the self.roomState to track the user's state in the meeting.

This diagram only represents the waiting room related states, the roomState property also transitions through other states

Each of these state changes generate their own events.

meeting.self.on('roomJoined', () => {
  // local user is in the meeting
});

const roomState = useDyteSelector((m) => m.self.roomState);
const joined = roomState === 'joined';

Alternatively

meeting.self.on('roomJoined', () => {
  // local user is in the meeting
});

meeting.self.on('waitlisted', () => {
  // local user is waitlisted
});

const roomState = useDyteSelector((m) => m.self.roomState);
const isWaitlisted = roomState === 'waitlisted';

Alternatively

meeting.self.on('waitlisted', () => {
  // local user is waitlisted
});

meeting.self.on('roomLeft', ({ state }) => {
  // state = rejected when host rejects the entry
});

const roomState = useDyteSelector((m) => m.self.roomState);
const rejected = roomState === 'rejected';

Alternatively

meeting.self.on('roomLeft', ({ state }) => {
  // state = rejected when host rejects the entry
});